New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

vue-zoomer

Package Overview
Dependencies
Maintainers
1
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-zoomer - npm Package Compare versions

Comparing version 0.2.5 to 0.2.6

2

dist/vue-zoomer.js

@@ -11,5 +11,5 @@ 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) {

"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,animSelIndex: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){t!==this.animSelIndex&&(this.selIndex=t,this.animSelIndex=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,this.$emit("input",i),this.animSelIndex=i,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,"reset-trigger":n},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});})();
(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},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,"reset-trigger":n},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});})();
},{}],"Focm":[function(require,module,exports) {
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=r(require("./vue-zoomer.vue")),o=r(require("./vue-zoomer-gallery.vue"));function r(e){return e&&e.__esModule?e:{default:e}}var t={install:function(r){r.component("VZoomer",e.default),r.component("VZoomerGallery",o.default)}};exports.default=t;
},{"./vue-zoomer.vue":"7edH","./vue-zoomer-gallery.vue":"Twlx"}]},{},["Focm"], "VueZoomer")
{
"name": "vue-zoomer",
"version": "0.2.5",
"version": "0.2.6",
"description": "Zoom the image or other thing with mouse or touch",

@@ -5,0 +5,0 @@ "main": "dist/vue-zoomer.js",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc