vue-zoomer - npm Package Compare versions

Comparing version 0.2.3 to 0.2.4

dist/vue-zoomer.js

@@ -10,3 +10,3 @@ parcelRequire=function(e,r,n,t){var i="function"==typeof parcelRequire&&parcelRequire,o="function"==typeof require&&require;function u(n,t){if(!r[n]){if(!e[n]){var f="function"==typeof parcelRequire&&parcelRequire;if(!t&&f)return f(n,!0);if(i)return i(n,!0);if(o&&"string"==typeof n)return o(n);var c=new Error("Cannot find module '"+n+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[n][1][r]||r},p.cache={};var l=r[n]=new u.Module(n);e[n][0].call(l.exports,p,l,l.exports,this)}return r[n].exports;function p(e){return u(p.resolve(e))}}u.isParcelRequire=!0,u.Module=function(e){this.id=e,this.bundle=u,this.exports={}},u.modules=e,u.cache=r,u.parent=i,u.register=function(r,n){e[r]=[function(e,r){r.exports=n},{}]};for(var f=0;f<n.length;f++)u(n[f]);if(n.length){var c=u(n[n.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=c:"function"==typeof define&&define.amd?define(function(){return c}):t&&(this[t]=c)}return u}({"4PZ+":[function(require,module,exports) {
 },{"lodash.debounce":"4PZ+","./TapDetector":"li1N"}],"Twlx":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=50,i={props:{value:{type:Number,required:!0},list:{type:Array,required:!0}},data:function(){return{containerWidth:1,containerHeight:1,selIndex:this.value,currentZoomed:!1,disableAnim:!0,isPointerDown:!1,lastPointerX:0,slideOffsetX:0}},computed:{middleStyle:function(){return{left:"".concat(0+this.slideOffsetX,"px")}},leftStyle:function(){return{left:"".concat(-this.containerWidth+this.slideOffsetX,"px")}},rightStyle:function(){return{left:"".concat(this.containerWidth+this.slideOffsetX,"px")}},slideThresh:function(){return Math.max(t,.1*this.containerWidth)}},watch:{value:function(t){this.selIndex=t},selIndex:function(t){this.$emit("input",t)}},mounted:function(){var t=this;window.addEventListener("resize",this.onWindowResize),this.onWindowResize(),setTimeout(function(){t.disableAnim=!1},10)},destroyed:function(){window.removeEventListener("resize",this.onWindowResize)},methods:{onWindowResize:function(){var t=window.getComputedStyle(this.$el);this.containerWidth=parseFloat(t.width),this.containerHeight=parseFloat(t.height)},onPointerMove:function(t){if(this.isPointerDown&&!this.currentZoomed){var i=1;(0===this.selIndex&&t>0&&this.slideOffsetX+t>0||this.selIndex===this.list.length-1&&t<0&&this.slideOffsetX+t<0)&&(i=.3),this.slideOffsetX+=t*i}},onPointerUp:function(){this.slideOffsetX<-this.slideThresh?this.paginate(1):this.slideOffsetX>this.slideThresh?this.paginate(-1):this.paginate(0)},paginate:function(t){var i=this,e=this.selIndex+t;if(e<0||e>=this.list.length)return this.slideOffsetX=0,void(this.disableAnim=!1);this.slideOffsetX=this.containerWidth*-t,this.disableAnim=!1,setTimeout(function(){i.selIndex=e,i.slideOffsetX=0,i.disableAnim=!0},500)},onMouseDown:function(t){this.isPointerDown=!0,this.lastPointerX=t.clientX},onMouseUp:function(t){this.isPointerDown=!1,this.onPointerUp()},onMouseMove:function(t){this.isPointerDown&&(this.onPointerMove(t.clientX-this.lastPointerX),this.lastPointerX=t.clientX)},onTouchStart:function(t){1===t.touches.length&&(this.isPointerDown=!0,this.lastPointerX=t.touches[0].clientX)},onTouchEnd:function(t){0===t.touches.length&&(this.isPointerDown=!1,this.onPointerUp())},onTouchMove:function(t){1===t.touches.length&&(this.onPointerMove(t.touches[0].clientX-this.lastPointerX),this.lastPointerX=t.touches[0].clientX)}}};exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=50,e={props:{value:{type:Number,required:!0},list:{type:Array,required:!0}},data:function(){return{containerWidth:1,containerHeight:1,selIndex:this.value,currentZoomed:!1,disableAnim:!0,isPointerDown:!1,lastPointerX:0,slideOffsetX:0}},computed:{middleStyle:function(){return{left:"".concat(0+this.slideOffsetX,"px")}},leftStyle:function(){return{left:"".concat(-this.containerWidth+this.slideOffsetX,"px")}},rightStyle:function(){return{left:"".concat(this.containerWidth+this.slideOffsetX,"px")}},slideThresh:function(){return Math.max(t,.1*this.containerWidth)}},watch:{value:function(t){this.selIndex=t},selIndex:function(t){this.$emit("input",t)}},mounted:function(){window.addEventListener("resize",this.onWindowResize),this.onWindowResize()},destroyed:function(){window.removeEventListener("resize",this.onWindowResize)},methods:{onWindowResize:function(){var t=window.getComputedStyle(this.$el);this.containerWidth=parseFloat(t.width),this.containerHeight=parseFloat(t.height)},onPointerMove:function(t){if(this.isPointerDown&&!this.currentZoomed){var e=1;(0===this.selIndex&&t>0&&this.slideOffsetX+t>0||this.selIndex===this.list.length-1&&t<0&&this.slideOffsetX+t<0)&&(e=.3),this.slideOffsetX+=t*e}},onPointerUp:function(){this.slideOffsetX<-this.slideThresh?this.paginate(1):this.slideOffsetX>this.slideThresh?this.paginate(-1):this.paginate(0)},paginate:function(t){var e=this,i=this.selIndex+t;i<0||i>=this.list.length?this.slideOffsetX=0:(this.slideOffsetX=this.containerWidth*-t,this.disableAnim=!1,setTimeout(function(){e.selIndex=i,e.slideOffsetX=0,e.disableAnim=!0},500))},onMouseDown:function(t){this.isPointerDown=!0,this.lastPointerX=t.clientX},onMouseUp:function(t){this.isPointerDown=!1,this.onPointerUp()},onMouseMove:function(t){this.isPointerDown&&(this.onPointerMove(t.clientX-this.lastPointerX),this.lastPointerX=t.clientX)},onTouchStart:function(t){1===t.touches.length&&(this.isPointerDown=!0,this.lastPointerX=t.touches[0].clientX)},onTouchEnd:function(t){0===t.touches.length&&(this.isPointerDown=!1,this.onPointerUp())},onTouchMove:function(t){1===t.touches.length&&(this.onPointerMove(t.touches[0].clientX-this.lastPointerX),this.lastPointerX=t.touches[0].clientX)}}};exports.default=e;
 (function(){var e=exports.default||module.exports;"function"==typeof e&&(e=e.options),Object.assign(e,{render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"vue-zoomer-gallery",class:{anim:!e.disableAnim&&!e.isPointerDown},style:{width:e.containerWidth+"px",height:e.containerHeight+"px"},on:{mousemove:e.onMouseMove,mousedown:e.onMouseDown,mouseout:function(t){e.isPointerDown=!1},mouseup:e.onMouseUp,touchstart:e.onTouchStart,touchend:e.onTouchEnd,touchmove:function(t){return t.preventDefault(),e.onTouchMove(t)}}},e._l(3,function(t,n){return o("v-zoomer",{key:n+e.selIndex,staticClass:"slide",class:["left","middle","right"][n],style:[e.leftStyle,e.middleStyle,e.rightStyle][n],attrs:{"max-scale":10,zoomed:e.currentZoomed},on:{"update:zoomed":function(t){e.currentZoomed=t}}},[n-1+e.selIndex>-1&&n-1+e.selIndex<e.list.length?o("img",{staticStyle:{"object-fit":"contain",width:"100%",height:"100%"},attrs:{src:e.list[n-1+e.selIndex]}}):e._e()])}),1)},staticRenderFns:[],_compiled:!0,_scopeId:"data-v-822895",functional:void 0});})();
@@ -13,0 +13,0 @@ },{}],"Focm":[function(require,module,exports) {

package.json

 {
   "name": "vue-zoomer",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Zoom the image or other thing with mouse or touch",
@@ -11,3 +11,4 @@ "main": "dist/vue-zoomer.js",
     "build-only": "npm run clean && parcel build src/index.js --global VueZoomer --out-file vue-zoomer.js --no-source-maps",
-    "build": "npm run clean && npm run build-only"
+    "build": "npm run clean && npm run build-only",
+    "pub": "npm run build && npm publish"
   },
@@ -14,0 +15,0 @@ "keywords": [

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1401382

increased by0.01%

Number of medium supply chain risk alerts

1

decreased by-50%

No dependency changes