@odopod/odo-dual-viewer - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/odo-dual-viewer.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("tiny-emitter"),require("@odopod/odo-helpers"),require("@odopod/odo-draggable"),require("@odopod/odo-window-events"),require("@odopod/odo-object-fit")):"function"==typeof define&&define.amd?define(["tiny-emitter","@odopod/odo-helpers","@odopod/odo-draggable","@odopod/odo-window-events","@odopod/odo-object-fit"],e):t.OdoDualViewer=e(t.TinyEmitter,t.OdoHelpers,t.OdoDraggable,t.OdoWindowEvents,t.OdoObjectFit)}(this,function(t,e,i,s,o){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t,i=i&&i.hasOwnProperty("default")?i.default:i,s=s&&s.hasOwnProperty("default")?s.default:s,o=o&&o.hasOwnProperty("default")?o.default:o;var n=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},r=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},a=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},l=function(t){function l(e,i){n(this,l);var s=a(this,t.call(this));return s.element=e,s.options=Object.assign({},l.Defaults,i),s._isVertical=s.options.isVertical,s._scrubberEl=null,s._overlayEl=null,s._underlayEl=null,s._overlayObjectEl=null,s._draggable=null,s._scrubberLimits=null,s._dragAxis=s._isVertical?"y":"x",s._dimensionAttr=s._isVertical?"height":"width",s._previousPercent=s.options.startPosition,s._position=l.Position.CENTER,s._isResting=!0,s.decorate(),s}return r(l,t),l.prototype.getElementByClass=function(t){return this.element.querySelector("."+t)},l.prototype.getElementsByClass=function(t){return this.element.querySelectorAll("."+t)},l.prototype.decorate=function(){this._scrubberEl=this.getElementByClass(l.ClassName.SCRUBBER),this._overlayEl=this.getElementByClass(l.ClassName.OVERLAY),this._underlayEl=this.getElementByClass(l.ClassName.UNDERLAY),this._overlayObjectEl=this._overlayEl.firstElementChild,this._draggable=new i(this._scrubberEl,{axis:this._dragAxis}),this.element.classList.toggle(l.ClassName.VERTICAL,this._isVertical),this.element.classList.add(l.ClassName.CENTERED),this._setupHandlers(),this._saveContainerSize(),this._saveScrubberLimits(),o.cover(this.getElementsByClass(l.ClassName.MEDIA)),this._draggable.setLimits(this._scrubberLimits),this.setPosition(this.options.startPosition)},l.prototype._setupHandlers=function(){this._resizeId=s.onResize(this.reset.bind(this)),this._onMove=this._handleDragMove.bind(this),this._onEnd=this._handleDragEnd.bind(this),this._draggable.on(i.EventType.MOVE,this._onMove),this._draggable.on(i.EventType.END,this._onEnd)},l.prototype._saveScrubberLimits=function(){var t=void 0;if(this._isVertical){var i=this._containerHeight*this.options.verticalSafeZone,s=this._containerHeight*(1-2*this.options.verticalSafeZone);t=new e.math.Rect(0,i,this._containerWidth,s)}else{var o=this.getElementByClass(l.ClassName.SCRUBBER_CONTAINER),n=this.element.getBoundingClientRect(),r=o.getBoundingClientRect();t=new e.math.Rect(Math.round(r.left-n.left),o.offsetTop,o.offsetWidth,this._containerHeight)}this._scrubberLimits=t},l.prototype.getPosition=function(){return this._position},l.prototype.setPosition=function(t){this._draggable.setPosition(100*t,100*t),this._reveal(t)},l.prototype._getLimitedPercent=function(t){var i=this._scrubberLimits,s=void 0,o=void 0;return this._isVertical?(s=i.top/this._containerHeight,o=(i.top+i.height)/this._containerHeight):(s=i.left/this._containerWidth,o=(i.left+i.width)/this._containerWidth),e.math.clamp(t,s,o)},l.prototype._saveContainerSize=function(){this._containerWidth=this.element.offsetWidth,this._containerHeight=this.element.offsetHeight},l.prototype._removeStateClasses=function(){this.element.classList.remove(l.ClassName.START,l.ClassName.END,l.ClassName.CENTERED),this._isResting=!1},l.prototype._reveal=function(t){this._overlayEl.style[this._dimensionAttr]=100*t+"%",this._overlayObjectEl.style[this._dimensionAttr]=100/t+"%"},l.prototype.reset=function(){this._saveContainerSize(),this._saveScrubberLimits(),o.cover(this.getElementsByClass(l.ClassName.MEDIA)),this._draggable.setLimits(this._scrubberLimits);var t=100*this._previousPercent;this._draggable.setPosition(t,t),this._reveal(this._getLimitedPercent(this._previousPercent))},l.prototype._handleDragMove=function(t){this._isResting&&(this._removeStateClasses(),this._position=l.Position.BETWEEN);var e=t.position.percent[this._dragAxis]/100;this._previousPercent=e,this._reveal(e)},l.prototype._handleDragEnd=function(t){if(this.options.hasZones){var e=t.position.percent[this._dragAxis]/100;this._position=this._getZone(e);var i=null;switch(this._position){case l.Position.START:i=0;break;case l.Position.CENTER:i=.5;break;case l.Position.END:i=1}null!==i&&this.animateTo(i)}},l.prototype._getZone=function(t){return t>0&&t<this.options.zones[0]?l.Position.START:t<1&&t>this.options.zones[3]?l.Position.END:t>=this.options.zones[1]&&t<=this.options.zones[2]?l.Position.CENTER:l.Position.BETWEEN},l.prototype.animateTo=function(t){var i=this._getLimitedPercent(t);i!==this._previousPercent&&(this._position=this._getZone(i),this._removeStateClasses(),new e.animation.Stepper({start:this._previousPercent,end:i,duration:this.options.animationDuration,step:this._animateStep,context:this}).onfinish=this._didComeToRest)},l.prototype._animateStep=function(t){this._draggable.setPosition(100*t,100*t),this._reveal(t)},l.prototype._didComeToRest=function(){this._previousPercent=this._draggable.getPosition(!0)[this._dragAxis]/100,this._isResting=!0,this.element.classList.toggle(l.ClassName.START,this._position===l.Position.START),this.element.classList.toggle(l.ClassName.END,this._position===l.Position.END),this.element.classList.toggle(l.ClassName.CENTERED,this._position===l.Position.CENTER),this.emit(l.EventType.CAME_TO_REST,{position:this.getPosition()})},l.prototype.dispose=function(){s.remove(this._resizeId),this._draggable.off(i.EventType.MOVE,this._onMove),this._draggable.off(i.EventType.END,this._onEnd),this._draggable.dispose(),this.element.classList.remove(l.ClassName.CENTERED,l.ClassName.VERTICAL),this.element=null,this._scrubberEl=null,this._overlayObjectEl=null,this._overlayEl=null,this._underlayEl=null},l}(t);return Object.assign(l,{Position:{START:0,CENTER:1,END:2,BETWEEN:3},ClassName:{VERTICAL:"odo-dual-viewer--vertical",INNER:"odo-dual-viewer__inner",SCRUBBER_CONTAINER:"odo-dual-viewer__scrubber-bounds",SCRUBBER:"odo-dual-viewer__scrubber",OVERLAY:"odo-dual-viewer__overlay",UNDERLAY:"odo-dual-viewer__underlay",MEDIA:"odo-dual-viewer__media",GRABBING:"grabbing",CENTERED:"is-centered",START:"is-start",END:"is-end"},EventType:{CAME_TO_REST:"ododualviewer:handlecametorest"},Defaults:{startPosition:.5,isVertical:!1,animationDuration:300,verticalSafeZone:.1,hasZones:!0,zones:[.33,.33,.66,.66]}}),l});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("tiny-emitter"),require("@odopod/odo-helpers"),require("@odopod/odo-draggable"),require("@odopod/odo-window-events"),require("@odopod/odo-object-fit")):"function"==typeof define&&define.amd?define(["tiny-emitter","@odopod/odo-helpers","@odopod/odo-draggable","@odopod/odo-window-events","@odopod/odo-object-fit"],e):t.OdoDualViewer=e(t.TinyEmitter,t.OdoHelpers,t.OdoDraggable,t.OdoWindowEvents,t.OdoObjectFit)}(this,function(t,e,i,s,o){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t,i=i&&i.hasOwnProperty("default")?i.default:i,s=s&&s.hasOwnProperty("default")?s.default:s,o=o&&o.hasOwnProperty("default")?o.default:o;var n=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},r=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},a=function(t){function a(e,i){n(this,a);var s=r(this,t.call(this));return s.element=e,s.options=Object.assign({},a.Defaults,i),s._isVertical=s.options.isVertical,s._scrubberEl=null,s._overlayEl=null,s._underlayEl=null,s._overlayObjectEl=null,s._draggable=null,s._scrubberLimits=null,s._dragAxis=s._isVertical?"y":"x",s._dimensionAttr=s._isVertical?"height":"width",s._previousPercent=s.options.startPosition,s._position=a.Position.CENTER,s._isResting=!0,s.decorate(),s}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(a,t),a.prototype.getElementByClass=function(t){return this.element.querySelector("."+t)},a.prototype.getElementsByClass=function(t){return this.element.querySelectorAll("."+t)},a.prototype.decorate=function(){this._scrubberEl=this.getElementByClass(a.ClassName.SCRUBBER),this._overlayEl=this.getElementByClass(a.ClassName.OVERLAY),this._underlayEl=this.getElementByClass(a.ClassName.UNDERLAY),this._overlayObjectEl=this._overlayEl.firstElementChild,this._draggable=new i(this._scrubberEl,{axis:this._dragAxis}),this.element.classList.toggle(a.ClassName.VERTICAL,this._isVertical),this.element.classList.add(a.ClassName.CENTERED),this._setupHandlers(),this._saveContainerSize(),this._saveScrubberLimits(),o.cover(this.getElementsByClass(a.ClassName.MEDIA)),this._draggable.setLimits(this._scrubberLimits),this.setPosition(this.options.startPosition)},a.prototype._setupHandlers=function(){this._resizeId=s.onResize(this.reset.bind(this)),this._onMove=this._handleDragMove.bind(this),this._onEnd=this._handleDragEnd.bind(this),this._draggable.on(i.EventType.MOVE,this._onMove),this._draggable.on(i.EventType.END,this._onEnd)},a.prototype._saveScrubberLimits=function(){var t=void 0;if(this._isVertical){var i=this._containerHeight*this.options.verticalSafeZone,s=this._containerHeight*(1-2*this.options.verticalSafeZone);t=new e.math.Rect(0,i,this._containerWidth,s)}else{var o=this.getElementByClass(a.ClassName.SCRUBBER_CONTAINER),n=this.element.getBoundingClientRect(),r=o.getBoundingClientRect();t=new e.math.Rect(Math.round(r.left-n.left),o.offsetTop,o.offsetWidth,this._containerHeight)}this._scrubberLimits=t},a.prototype.getPosition=function(){return this._position},a.prototype.setPosition=function(t){this._draggable.setPosition(100*t,100*t),this._reveal(t)},a.prototype._getLimitedPercent=function(t){var i=this._scrubberLimits,s=void 0,o=void 0;return this._isVertical?(s=i.top/this._containerHeight,o=(i.top+i.height)/this._containerHeight):(s=i.left/this._containerWidth,o=(i.left+i.width)/this._containerWidth),e.math.clamp(t,s,o)},a.prototype._saveContainerSize=function(){this._containerWidth=this.element.offsetWidth,this._containerHeight=this.element.offsetHeight},a.prototype._removeStateClasses=function(){this.element.classList.remove(a.ClassName.START,a.ClassName.END,a.ClassName.CENTERED),this._isResting=!1},a.prototype._reveal=function(t){this._overlayEl.style[this._dimensionAttr]=100*t+"%",this._overlayObjectEl.style[this._dimensionAttr]=100/t+"%"},a.prototype.reset=function(){this._saveContainerSize(),this._saveScrubberLimits(),o.cover(this.getElementsByClass(a.ClassName.MEDIA)),this._draggable.setLimits(this._scrubberLimits);var t=100*this._previousPercent;this._draggable.setPosition(t,t),this._reveal(this._getLimitedPercent(this._previousPercent))},a.prototype._handleDragMove=function(t){this._isResting&&(this._removeStateClasses(),this._position=a.Position.BETWEEN);var e=t.position.percent[this._dragAxis]/100;this._previousPercent=e,this._reveal(e)},a.prototype._handleDragEnd=function(t){if(this.options.hasZones){var e=t.position.percent[this._dragAxis]/100;this._position=this._getZone(e);var i=null;switch(this._position){case a.Position.START:i=0;break;case a.Position.CENTER:i=.5;break;case a.Position.END:i=1}null!==i&&this.animateTo(i)}},a.prototype._getZone=function(t){return t>0&&t<this.options.zones[0]?a.Position.START:t<1&&t>this.options.zones[3]?a.Position.END:t>=this.options.zones[1]&&t<=this.options.zones[2]?a.Position.CENTER:a.Position.BETWEEN},a.prototype.animateTo=function(t){var i=this._getLimitedPercent(t);i!==this._previousPercent&&(this._position=this._getZone(i),this._removeStateClasses(),new e.animation.Stepper({start:this._previousPercent,end:i,duration:this.options.animationDuration,step:this._animateStep,context:this}).onfinish=this._didComeToRest)},a.prototype._animateStep=function(t){this._draggable.setPosition(100*t,100*t),this._reveal(t)},a.prototype._didComeToRest=function(){this._previousPercent=this._draggable.getPosition(!0)[this._dragAxis]/100,this._isResting=!0,this.element.classList.toggle(a.ClassName.START,this._position===a.Position.START),this.element.classList.toggle(a.ClassName.END,this._position===a.Position.END),this.element.classList.toggle(a.ClassName.CENTERED,this._position===a.Position.CENTER),this.emit(a.EventType.CAME_TO_REST,{position:this.getPosition()})},a.prototype.dispose=function(){s.remove(this._resizeId),this._draggable.off(i.EventType.MOVE,this._onMove),this._draggable.off(i.EventType.END,this._onEnd),this._draggable.dispose(),this.element.classList.remove(a.ClassName.CENTERED,a.ClassName.VERTICAL),this.element=null,this._scrubberEl=null,this._overlayObjectEl=null,this._overlayEl=null,this._underlayEl=null},a}(t);return Object.assign(a,{Position:{START:0,CENTER:1,END:2,BETWEEN:3},ClassName:{VERTICAL:"odo-dual-viewer--vertical",INNER:"odo-dual-viewer__inner",SCRUBBER_CONTAINER:"odo-dual-viewer__scrubber-bounds",SCRUBBER:"odo-dual-viewer__scrubber",OVERLAY:"odo-dual-viewer__overlay",UNDERLAY:"odo-dual-viewer__underlay",MEDIA:"odo-dual-viewer__media",GRABBING:"grabbing",CENTERED:"is-centered",START:"is-start",END:"is-end"},EventType:{CAME_TO_REST:"ododualviewer:handlecametorest"},Defaults:{startPosition:.5,isVertical:!1,animationDuration:300,verticalSafeZone:.1,hasZones:!0,zones:[.33,.33,.66,.66]}}),a});
 //# sourceMappingURL=odo-dual-viewer.min.js.map

package.json

 {
   "name": "@odopod/odo-dual-viewer",
   "description": "A draggable UI component which reveals two panes.",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "dist/odo-dual-viewer.js",
@@ -16,6 +16,6 @@ "style": "css/odo-dual-viewer.css",
   "dependencies": {
-    "@odopod/odo-draggable": "^1.0.3",
-    "@odopod/odo-helpers": "^1.0.2",
-    "@odopod/odo-object-fit": "^1.0.2",
-    "@odopod/odo-window-events": "^1.0.2",
+    "@odopod/odo-draggable": "^1.0.4",
+    "@odopod/odo-helpers": "^1.0.3",
+    "@odopod/odo-object-fit": "^1.0.3",
+    "@odopod/odo-window-events": "^1.0.3",
     "tiny-emitter": "^2.0.1"
@@ -44,3 +44,3 @@ },
   "license": "MIT",
-  "repository": "odopod/odo",
+  "repository": "odopod/code-library",
   "scripts": {
@@ -47,0 +47,0 @@ "test": "gulp code-quality test"

README.md

@@ -23,2 +23,2 @@ # Odo Dual Viewer
 
-[permalink]: https://code.odopod.com/odo-dual-viewer/
+[permalink]: http://code.odopod.com/odo-dual-viewer/

New alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

78861

Dependency changes

• Updated@odopod/odo-draggable@^1.0.4

• Updated@odopod/odo-helpers@^1.0.3

• Updated@odopod/odo-object-fit@^1.0.3

• Updated@odopod/odo-window-events@^1.0.3