diff --git a/build/zooming.js b/build/zooming.js index 3f8527e6..b4b02ebe 100644 --- a/build/zooming.js +++ b/build/zooming.js @@ -123,35 +123,6 @@ function sniffTransition(el) { return res; } -/** - * A list of options. - * - * @type {Object} - * @example - * // Default options - * const options = { - * defaultZoomable: 'img[data-action="zoom"]', - * enableGrab: true, - * preloadImage: false, - * closeOnWindowResize: true, - * transitionDuration: 0.4, - * transitionTimingFunction: 'cubic-bezier(0.4, 0, 0, 1)', - * bgColor: 'rgb(255, 255, 255)', - * bgOpacity: 1, - * scaleBase: 1.0, - * scaleExtra: 0.5, - * scrollThreshold: 40, - * zIndex: 998, - * customSize: null, - * onOpen: null, - * onClose: null, - * onRelease: null, - * onBeforeOpen: null, - * onBeforeClose: null, - * onBeforeGrab: null, - * onBeforeRelease: null - * } - */ var DEFAULT_OPTIONS = { /** * Zoomable elements by default. It can be a css selector or an element. @@ -462,6 +433,10 @@ var overlay = { } }; +// Translate z-axis to fix CSS grid display issue in Chrome: +// https://github.com/kingdido999/zooming/issues/42 +var TRANSLATE_Z = 0; + var target = { init: function init(el, instance) { this.el = el; @@ -485,7 +460,7 @@ var target = { zIndex: options.zIndex + 1, cursor: options.enableGrab ? cursor.grab : cursor.zoomOut, transition: transformCssProp + '\n ' + options.transitionDuration + 's\n ' + options.transitionTimingFunction, - transform: 'translate(' + this.translate.x + 'px, ' + this.translate.y + 'px)\n scale(' + this.scale.x + ',' + this.scale.y + ')', + transform: 'translate3d(' + this.translate.x + 'px, ' + this.translate.y + 'px, ' + TRANSLATE_Z + 'px)\n scale(' + this.scale.x + ',' + this.scale.y + ')', height: this.rect.height + 'px', width: this.rect.width + 'px' @@ -509,7 +484,7 @@ var target = { setStyle(this.el, { cursor: cursor.move, - transform: 'translate(\n ' + (this.translate.x + dx) + 'px, ' + (this.translate.y + dy) + 'px)\n scale(' + (this.scale.x + scaleExtra) + ',' + (this.scale.y + scaleExtra) + ')' + transform: 'translate3d(\n ' + (this.translate.x + dx) + 'px, ' + (this.translate.y + dy) + 'px, ' + TRANSLATE_Z + 'px)\n scale(' + (this.scale.x + scaleExtra) + ',' + (this.scale.y + scaleExtra) + ')' }); }, move: function move(x, y, scaleExtra) { @@ -520,7 +495,7 @@ var target = { setStyle(this.el, { transition: transformCssProp, - transform: 'translate(\n ' + (this.translate.x + dx) + 'px, ' + (this.translate.y + dy) + 'px)\n scale(' + (this.scale.x + scaleExtra) + ',' + (this.scale.y + scaleExtra) + ')' + transform: 'translate3d(\n ' + (this.translate.x + dx) + 'px, ' + (this.translate.y + dy) + 'px, ' + TRANSLATE_Z + 'px)\n scale(' + (this.scale.x + scaleExtra) + ',' + (this.scale.y + scaleExtra) + ')' }); }, restoreCloseStyle: function restoreCloseStyle() { @@ -654,10 +629,6 @@ var _extends = Object.assign || function (target) { return target; }; -/** - * Zooming instance. - */ - var Zooming$1 = function () { /** * @param {Object} [options] Update default options if provided. diff --git a/build/zooming.js.map b/build/zooming.js.map index 56c2417f..2ccbf7ac 100644 --- a/build/zooming.js.map +++ b/build/zooming.js.map @@ -1 +1 @@ -{"version":3,"file":"zooming.js","sources":["../src/utils.js","../src/options.js","../src/modules/handler.js","../src/modules/overlay.js","../src/modules/target.js","../src/modules/zooming.js","../src/index.js"],"sourcesContent":["export const webkitPrefix = 'WebkitAppearance' in document.documentElement.style\n ? '-webkit-'\n : ''\n\nexport const cursor = {\n default: 'auto',\n zoomIn: `${webkitPrefix}zoom-in`,\n zoomOut: `${webkitPrefix}zoom-out`,\n grab: `${webkitPrefix}grab`,\n move: 'move'\n}\n\nexport function listen(el, event, handler, add = true) {\n const options = { passive: false }\n\n if (add) {\n el.addEventListener(event, handler, options)\n } else {\n el.removeEventListener(event, handler, options)\n }\n}\n\nexport function loadImage(src, cb) {\n if (src) {\n const img = new Image()\n\n img.onload = function onImageLoad() {\n if (cb) cb(img)\n }\n\n img.src = src\n }\n}\n\nexport function getOriginalSource(el) {\n if (el.hasAttribute('data-original')) {\n return el.getAttribute('data-original')\n } else if (el.parentNode.tagName === 'A') {\n return el.parentNode.getAttribute('href')\n } else {\n return null\n }\n}\n\nexport function setStyle(el, styles, remember) {\n checkTrans(styles)\n\n let s = el.style\n let original = {}\n\n for (let key in styles) {\n if (remember) {\n original[key] = s[key] || ''\n }\n\n s[key] = styles[key]\n }\n\n return original\n}\n\nexport function bindAll(_this, that) {\n const methods = Object.getOwnPropertyNames(Object.getPrototypeOf(_this))\n methods.forEach(function bindOne(method) {\n _this[method] = _this[method].bind(that)\n })\n}\n\nconst trans = sniffTransition(document.createElement('div'))\nexport const transformCssProp = trans.transformCssProp\nexport const transEndEvent = trans.transEndEvent\n\nfunction checkTrans(styles) {\n const { transitionProp, transformProp } = trans\n\n if (styles.transition) {\n const value = styles.transition\n delete styles.transition\n styles[transitionProp] = value\n }\n\n if (styles.transform) {\n const value = styles.transform\n delete styles.transform\n styles[transformProp] = value\n }\n}\n\nfunction sniffTransition(el) {\n let res = {}\n const trans = ['webkitTransition', 'transition', 'mozTransition']\n const tform = ['webkitTransform', 'transform', 'mozTransform']\n const end = {\n transition: 'transitionend',\n mozTransition: 'transitionend',\n webkitTransition: 'webkitTransitionEnd'\n }\n\n trans.some(function hasTransition(prop) {\n if (el.style[prop] !== undefined) {\n res.transitionProp = prop\n res.transEndEvent = end[prop]\n return true\n }\n })\n\n tform.some(function hasTransform(prop) {\n if (el.style[prop] !== undefined) {\n res.transformProp = prop\n res.transformCssProp = prop.replace(/(.*)Transform/, '-$1-transform')\n return true\n }\n })\n\n return res\n}\n","/**\n * A list of options.\n *\n * @type {Object}\n * @example\n * // Default options\n * const options = {\n * defaultZoomable: 'img[data-action=\"zoom\"]',\n * enableGrab: true,\n * preloadImage: false,\n * closeOnWindowResize: true,\n * transitionDuration: 0.4,\n * transitionTimingFunction: 'cubic-bezier(0.4, 0, 0, 1)',\n * bgColor: 'rgb(255, 255, 255)',\n * bgOpacity: 1,\n * scaleBase: 1.0,\n * scaleExtra: 0.5,\n * scrollThreshold: 40,\n * zIndex: 998,\n * customSize: null,\n * onOpen: null,\n * onClose: null,\n * onRelease: null,\n * onBeforeOpen: null,\n * onBeforeClose: null,\n * onBeforeGrab: null,\n * onBeforeRelease: null\n * }\n */\nexport default {\n /**\n * Zoomable elements by default. It can be a css selector or an element.\n * @type {string|Element}\n */\n defaultZoomable: 'img[data-action=\"zoom\"]',\n\n /**\n * To be able to grab and drag the image for extra zoom-in.\n * @type {boolean}\n */\n enableGrab: true,\n\n /**\n * Preload zoomable images.\n * @type {boolean}\n */\n preloadImage: false,\n\n /**\n * Close the zoomed image when browser window is resized.\n * @type {boolean}\n */\n closeOnWindowResize: true,\n\n /**\n * Transition duration in seconds.\n * @type {number}\n */\n transitionDuration: 0.4,\n\n /**\n * Transition timing function.\n * @type {string}\n */\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0, 1)',\n\n /**\n * Overlay background color.\n * @type {string}\n */\n bgColor: 'rgb(255, 255, 255)',\n\n /**\n * Overlay background opacity.\n * @type {number}\n */\n bgOpacity: 1,\n\n /**\n * The base scale factor for zooming. By default scale to fit the window.\n * @type {number}\n */\n scaleBase: 1.0,\n\n /**\n * The additional scale factor when grabbing the image.\n * @type {number}\n */\n scaleExtra: 0.5,\n\n /**\n * How much scrolling it takes before closing out.\n * @type {number}\n */\n scrollThreshold: 40,\n\n /**\n * The z-index that the overlay will be added with.\n * @type {number}\n */\n zIndex: 998,\n\n /**\n * Scale (zoom in) to given width and height. Ignore scaleBase if set.\n * @type {Object}\n * @example\n * customSize: { width: 800, height: 400 }\n */\n customSize: null,\n\n /**\n * A callback function that will be called when a target is opened and\n * transition has ended. It will get the target element as the argument.\n * @type {Function}\n */\n onOpen: null,\n\n /**\n * Same as above, except fired when closed.\n * @type {Function}\n */\n onClose: null,\n\n /**\n * Same as above, except fired when grabbed.\n * @type {Function}\n */\n onGrab: null,\n\n /**\n * Same as above, except fired when moved.\n * @type {Function}\n */\n onMove: null,\n\n /**\n * Same as above, except fired when released.\n * @type {Function}\n */\n onRelease: null,\n\n /**\n * A callback function that will be called before open.\n * @type {Function}\n */\n onBeforeOpen: null,\n\n /**\n * A callback function that will be called before close.\n * @type {Function}\n */\n onBeforeClose: null,\n\n /**\n * A callback function that will be called before grab.\n * @type {Function}\n */\n onBeforeGrab: null,\n\n /**\n * A callback function that will be called before release.\n * @type {Function}\n */\n onBeforeRelease: null\n}\n","import { bindAll } from '../utils'\n\nconst PRESS_DELAY = 200\n\nexport default {\n init(instance) {\n bindAll(this, instance)\n },\n\n click(e) {\n e.preventDefault()\n\n if (isPressingMetaKey(e)) {\n return window.open(\n this.target.srcOriginal || e.currentTarget.src,\n '_blank'\n )\n } else {\n if (this.shown) {\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n } else {\n this.open(e.currentTarget)\n }\n }\n },\n\n scroll() {\n const el =\n document.documentElement || document.body.parentNode || document.body\n const scrollLeft = window.pageXOffset || el.scrollLeft\n const scrollTop = window.pageYOffset || el.scrollTop\n\n if (this.lastScrollPosition === null) {\n this.lastScrollPosition = {\n x: scrollLeft,\n y: scrollTop\n }\n }\n\n const deltaX = this.lastScrollPosition.x - scrollLeft\n const deltaY = this.lastScrollPosition.y - scrollTop\n const threshold = this.options.scrollThreshold\n\n if (Math.abs(deltaY) >= threshold || Math.abs(deltaX) >= threshold) {\n this.lastScrollPosition = null\n this.close()\n }\n },\n\n keydown(e) {\n if (isEscape(e)) {\n if (this.released) {\n this.close()\n } else {\n this.release(this.close)\n }\n }\n },\n\n mousedown(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n e.preventDefault()\n const { clientX, clientY } = e\n\n this.pressTimer = setTimeout(\n function grabOnMouseDown() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n mousemove(e) {\n if (this.released) return\n this.move(e.clientX, e.clientY)\n },\n\n mouseup(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n touchstart(e) {\n e.preventDefault()\n const { clientX, clientY } = e.touches[0]\n\n this.pressTimer = setTimeout(\n function grabOnTouchStart() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n touchmove(e) {\n if (this.released) return\n\n const { clientX, clientY } = e.touches[0]\n this.move(clientX, clientY)\n },\n\n touchend(e) {\n if (isTouching(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n clickOverlay() {\n this.close()\n },\n\n resizeWindow() {\n this.close()\n }\n}\n\nfunction isLeftButton(e) {\n return e.button === 0\n}\n\nfunction isPressingMetaKey(e) {\n return e.metaKey || e.ctrlKey\n}\n\nfunction isTouching(e) {\n e.targetTouches.length > 0\n}\n\nfunction isEscape(e) {\n const code = e.key || e.code\n return code === 'Escape' || e.keyCode === 27\n}\n","import { listen, setStyle } from '../utils'\n\nexport default {\n init(instance) {\n this.el = document.createElement('div')\n this.instance = instance\n this.parent = document.body\n\n setStyle(this.el, {\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n opacity: 0\n })\n\n this.updateStyle(instance.options)\n listen(this.el, 'click', instance.handler.clickOverlay.bind(instance))\n },\n\n updateStyle(options) {\n setStyle(this.el, {\n zIndex: options.zIndex,\n backgroundColor: options.bgColor,\n transition: `opacity\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`\n })\n },\n\n insert() {\n this.parent.appendChild(this.el)\n },\n\n remove() {\n this.parent.removeChild(this.el)\n },\n\n fadeIn() {\n this.el.offsetWidth\n this.el.style.opacity = this.instance.options.bgOpacity\n },\n\n fadeOut() {\n this.el.style.opacity = 0\n }\n}\n","import { cursor, setStyle, getOriginalSource, transformCssProp } from '../utils'\n\nexport default {\n init(el, instance) {\n this.el = el\n this.instance = instance\n this.srcThumbnail = this.el.getAttribute('src')\n this.srcOriginal = getOriginalSource(this.el)\n this.rect = el.getBoundingClientRect()\n this.translate = null\n this.scale = null\n this.styleOpen = null\n this.styleClose = null\n },\n\n zoomIn() {\n const options = this.instance.options\n\n this.translate = calculateTranslate(this.rect)\n this.scale = calculateScale(\n this.rect,\n options.scaleBase,\n options.customSize\n )\n\n this.styleOpen = {\n position: 'relative',\n zIndex: options.zIndex + 1,\n cursor: options.enableGrab ? cursor.grab : cursor.zoomOut,\n transition: `${transformCssProp}\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`,\n transform: `translate(${this.translate.x}px, ${this.translate.y}px)\n scale(${this.scale.x},${this.scale.y})`,\n height: `${this.rect.height}px`,\n width: `${this.rect.width}px`\n }\n\n // Force layout update\n this.el.offsetWidth\n\n // Trigger transition\n this.styleClose = setStyle(this.el, this.styleOpen, true)\n },\n\n zoomOut() {\n // Force layout update\n this.el.offsetWidth\n\n setStyle(this.el, { transform: 'none' })\n },\n\n grab(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n cursor: cursor.move,\n transform: `translate(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n move(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n transition: transformCssProp,\n transform: `translate(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n restoreCloseStyle() {\n setStyle(this.el, this.styleClose)\n },\n\n restoreOpenStyle() {\n setStyle(this.el, this.styleOpen)\n },\n\n upgradeSource() {\n if (this.srcOriginal) {\n const parentNode = this.el.parentNode\n const temp = this.el.cloneNode(false)\n\n // Force compute the hi-res image in DOM to prevent\n // image flickering while updating src\n temp.setAttribute('src', this.srcOriginal)\n temp.style.position = 'fixed'\n temp.style.visibility = 'hidden'\n parentNode.appendChild(temp)\n\n // Add delay to prevent Firefox from flickering\n setTimeout(\n function updateSrc() {\n this.el.setAttribute('src', this.srcOriginal)\n parentNode.removeChild(temp)\n }.bind(this),\n 50\n )\n }\n },\n\n downgradeSource() {\n if (this.srcOriginal) {\n this.el.setAttribute('src', this.srcThumbnail)\n }\n }\n}\n\nfunction calculateTranslate(rect) {\n const windowCenter = getWindowCenter()\n const targetCenter = {\n x: rect.left + rect.width / 2,\n y: rect.top + rect.height / 2\n }\n\n // The vector to translate image to the window center\n return {\n x: windowCenter.x - targetCenter.x,\n y: windowCenter.y - targetCenter.y\n }\n}\n\nfunction calculateScale(rect, scaleBase, customSize) {\n if (customSize) {\n return {\n x: customSize.width / rect.width,\n y: customSize.height / rect.height\n }\n } else {\n const targetHalfWidth = rect.width / 2\n const targetHalfHeight = rect.height / 2\n const windowCenter = getWindowCenter()\n\n // The distance between target edge and window edge\n const targetEdgeToWindowEdge = {\n x: windowCenter.x - targetHalfWidth,\n y: windowCenter.y - targetHalfHeight\n }\n\n const scaleHorizontally = targetEdgeToWindowEdge.x / targetHalfWidth\n const scaleVertically = targetEdgeToWindowEdge.y / targetHalfHeight\n\n // The additional scale is based on the smaller value of\n // scaling horizontally and scaling vertically\n const scale = scaleBase + Math.min(scaleHorizontally, scaleVertically)\n\n return {\n x: scale,\n y: scale\n }\n }\n}\n\nfunction getWindowCenter() {\n const docEl = document.documentElement\n const windowWidth = Math.min(docEl.clientWidth, window.innerWidth)\n const windowHeight = Math.min(docEl.clientHeight, window.innerHeight)\n\n return {\n x: windowWidth / 2,\n y: windowHeight / 2\n }\n}\n","import {\n cursor,\n listen,\n loadImage,\n transEndEvent,\n getOriginalSource\n} from '../utils'\nimport DEFAULT_OPTIONS from '../options'\n\nimport handler from './handler'\nimport overlay from './overlay'\nimport target from './target'\n\n/**\n * Zooming instance.\n */\nexport default class Zooming {\n /**\n * @param {Object} [options] Update default options if provided.\n */\n constructor(options) {\n this.target = Object.create(target)\n this.overlay = Object.create(overlay)\n this.handler = Object.create(handler)\n this.body = document.body\n\n this.shown = false\n this.lock = false\n this.released = true\n this.lastScrollPosition = null\n this.pressTimer = null\n\n this.options = Object.assign({}, DEFAULT_OPTIONS, options)\n this.overlay.init(this)\n this.handler.init(this)\n this.listen(this.options.defaultZoomable)\n }\n\n /**\n * Make element(s) zoomable.\n * @param {string|Element} el A css selector or an Element.\n * @return {this}\n */\n listen(el) {\n if (typeof el === 'string') {\n const els = document.querySelectorAll(el)\n let i = els.length\n\n while (i--) {\n this.listen(els[i])\n }\n } else if (el.tagName === 'IMG') {\n el.style.cursor = cursor.zoomIn\n listen(el, 'click', this.handler.click)\n\n if (this.options.preloadImage) {\n loadImage(getOriginalSource(el))\n }\n }\n\n return this\n }\n\n /**\n * Update options or return current options if no argument is provided.\n * @param {Object} options An Object that contains this.options.\n * @return {this|this.options}\n */\n config(options) {\n if (options) {\n Object.assign(this.options, options)\n this.overlay.updateStyle(this.options)\n return this\n } else {\n return this.options\n }\n }\n\n /**\n * Open (zoom in) the Element.\n * @param {Element} el The Element to open.\n * @param {Function} [cb=this.options.onOpen] A callback function that will\n * be called when a target is opened and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n open(el, cb = this.options.onOpen) {\n if (this.shown || this.lock) return\n\n const target = typeof el === 'string' ? document.querySelector(el) : el\n\n if (target.tagName !== 'IMG') return\n\n if (this.options.onBeforeOpen) {\n this.options.onBeforeOpen(target)\n }\n\n this.target.init(target, this)\n\n if (!this.options.preloadImage) {\n loadImage(this.target.srcOriginal)\n }\n\n this.shown = true\n this.lock = true\n\n this.target.zoomIn()\n this.overlay.insert()\n this.overlay.fadeIn()\n\n listen(document, 'scroll', this.handler.scroll)\n listen(document, 'keydown', this.handler.keydown)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow)\n }\n\n const onOpenEnd = () => {\n listen(target, transEndEvent, onOpenEnd, false)\n this.lock = false\n this.target.upgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, true)\n }\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onOpenEnd)\n\n return this\n }\n\n /**\n * Close (zoom out) the Element currently opened.\n * @param {Function} [cb=this.options.onClose] A callback function that will\n * be called when a target is closed and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n close(cb = this.options.onClose) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeClose) {\n this.options.onBeforeClose(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.overlay.fadeOut()\n this.target.zoomOut()\n\n listen(document, 'scroll', this.handler.scroll, false)\n listen(document, 'keydown', this.handler.keydown, false)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow, false)\n }\n\n const onCloseEnd = () => {\n listen(target, transEndEvent, onCloseEnd, false)\n\n this.shown = false\n this.lock = false\n\n this.target.downgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, false)\n }\n\n this.target.restoreCloseStyle()\n this.overlay.remove()\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onCloseEnd)\n\n return this\n }\n\n /**\n * Grab the Element currently opened given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onGrab] A callback function that\n * will be called when a target is grabbed and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n grab(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onGrab) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeGrab) {\n this.options.onBeforeGrab(target)\n }\n\n this.released = false\n this.target.grab(x, y, scaleExtra)\n\n const onGrabEnd = () => {\n listen(target, transEndEvent, onGrabEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onGrabEnd)\n\n return this\n }\n\n /**\n * Move the Element currently grabbed given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onMove] A callback function that\n * will be called when a target is moved and transition has ended. It will\n * get the target element as the argument.\n * @return {this}\n */\n move(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onMove) {\n if (!this.shown || this.lock) return\n\n this.released = false\n this.body.style.cursor = cursor.move\n this.target.move(x, y, scaleExtra)\n\n const target = this.target.el\n\n const onMoveEnd = () => {\n listen(target, transEndEvent, onMoveEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onMoveEnd)\n\n return this\n }\n\n /**\n * Release the Element currently grabbed.\n * @param {Function} [cb=this.options.onRelease] A callback function that\n * will be called when a target is released and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n release(cb = this.options.onRelease) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeRelease) {\n this.options.onBeforeRelease(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.target.restoreOpenStyle()\n\n const onReleaseEnd = () => {\n listen(target, transEndEvent, onReleaseEnd, false)\n this.lock = false\n this.released = true\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onReleaseEnd)\n\n return this\n }\n}\n\nfunction toggleGrabListeners(el, handler, add) {\n const types = [\n 'mousedown',\n 'mousemove',\n 'mouseup',\n 'touchstart',\n 'touchmove',\n 'touchend'\n ]\n\n types.forEach(function toggleListener(type) {\n listen(el, type, handler[type], add)\n })\n}\n","import { listen } from './utils'\nimport Zooming from './modules/zooming'\n\nlisten(document, 'DOMContentLoaded', function initZooming() {\n new Zooming()\n})\n\nexport default Zooming\n"],"names":["webkitPrefix","document","documentElement","style","cursor","listen","el","event","handler","add","options","passive","addEventListener","removeEventListener","loadImage","src","cb","img","Image","onload","onImageLoad","getOriginalSource","hasAttribute","getAttribute","parentNode","tagName","setStyle","styles","remember","s","original","key","bindAll","_this","that","methods","Object","getOwnPropertyNames","getPrototypeOf","forEach","bindOne","method","bind","trans","sniffTransition","createElement","transformCssProp","transEndEvent","checkTrans","transitionProp","transformProp","transition","value","transform","res","tform","end","some","hasTransition","prop","undefined","hasTransform","replace","PRESS_DELAY","instance","e","preventDefault","isPressingMetaKey","window","open","target","srcOriginal","currentTarget","shown","released","close","release","body","scrollLeft","pageXOffset","scrollTop","pageYOffset","lastScrollPosition","deltaX","x","deltaY","y","threshold","scrollThreshold","Math","abs","isEscape","isLeftButton","clientX","clientY","pressTimer","setTimeout","grabOnMouseDown","grab","move","touches","grabOnTouchStart","isTouching","button","metaKey","ctrlKey","targetTouches","length","code","keyCode","parent","updateStyle","clickOverlay","zIndex","bgColor","transitionDuration","transitionTimingFunction","appendChild","removeChild","offsetWidth","opacity","bgOpacity","srcThumbnail","rect","getBoundingClientRect","translate","scale","styleOpen","styleClose","calculateTranslate","calculateScale","scaleBase","customSize","enableGrab","zoomOut","height","width","scaleExtra","windowCenter","getWindowCenter","dx","dy","temp","cloneNode","setAttribute","position","visibility","updateSrc","targetCenter","left","top","targetHalfWidth","targetHalfHeight","targetEdgeToWindowEdge","scaleHorizontally","scaleVertically","min","docEl","windowWidth","clientWidth","innerWidth","windowHeight","clientHeight","innerHeight","Zooming","create","overlay","lock","babelHelpers.extends","DEFAULT_OPTIONS","init","defaultZoomable","els","querySelectorAll","i","zoomIn","click","preloadImage","onOpen","querySelector","onBeforeOpen","insert","fadeIn","scroll","keydown","closeOnWindowResize","resizeWindow","onOpenEnd","upgradeSource","onClose","onBeforeClose","default","fadeOut","onCloseEnd","downgradeSource","restoreCloseStyle","remove","onGrab","onBeforeGrab","onGrabEnd","onMove","onMoveEnd","onRelease","onBeforeRelease","restoreOpenStyle","onReleaseEnd","toggleGrabListeners","types","toggleListener","type","initZooming"],"mappings":";;;;;;AAAO,IAAMA,eAAe,sBAAsBC,SAASC,eAAT,CAAyBC,KAA/C,GACxB,UADwB,GAExB,EAFG;;AAIP,AAAO,IAAMC,SAAS;WACX,MADW;UAETJ,YAAX,YAFoB;WAGRA,YAAZ,aAHoB;QAIXA,YAAT,SAJoB;QAKd;CALD;;AAQP,AAAO,SAASK,MAAT,CAAgBC,EAAhB,EAAoBC,KAApB,EAA2BC,OAA3B,EAAgD;MAAZC,GAAY,uEAAN,IAAM;;MAC/CC,UAAU,EAAEC,SAAS,KAAX,EAAhB;;MAEIF,GAAJ,EAAS;OACJG,gBAAH,CAAoBL,KAApB,EAA2BC,OAA3B,EAAoCE,OAApC;GADF,MAEO;OACFG,mBAAH,CAAuBN,KAAvB,EAA8BC,OAA9B,EAAuCE,OAAvC;;;;AAIJ,AAAO,SAASI,SAAT,CAAmBC,GAAnB,EAAwBC,EAAxB,EAA4B;MAC7BD,GAAJ,EAAS;QACDE,MAAM,IAAIC,KAAJ,EAAZ;;QAEIC,MAAJ,GAAa,SAASC,WAAT,GAAuB;UAC9BJ,EAAJ,EAAQA,GAAGC,GAAH;KADV;;QAIIF,GAAJ,GAAUA,GAAV;;;;AAIJ,AAAO,SAASM,iBAAT,CAA2Bf,EAA3B,EAA+B;MAChCA,GAAGgB,YAAH,CAAgB,eAAhB,CAAJ,EAAsC;WAC7BhB,GAAGiB,YAAH,CAAgB,eAAhB,CAAP;GADF,MAEO,IAAIjB,GAAGkB,UAAH,CAAcC,OAAd,KAA0B,GAA9B,EAAmC;WACjCnB,GAAGkB,UAAH,CAAcD,YAAd,CAA2B,MAA3B,CAAP;GADK,MAEA;WACE,IAAP;;;;AAIJ,AAAO,SAASG,QAAT,CAAkBpB,EAAlB,EAAsBqB,MAAtB,EAA8BC,QAA9B,EAAwC;aAClCD,MAAX;;MAEIE,IAAIvB,GAAGH,KAAX;MACI2B,WAAW,EAAf;;OAEK,IAAIC,GAAT,IAAgBJ,MAAhB,EAAwB;QAClBC,QAAJ,EAAc;eACHG,GAAT,IAAgBF,EAAEE,GAAF,KAAU,EAA1B;;;MAGAA,GAAF,IAASJ,OAAOI,GAAP,CAAT;;;SAGKD,QAAP;;;AAGF,AAAO,SAASE,OAAT,CAAiBC,KAAjB,EAAwBC,IAAxB,EAA8B;MAC7BC,UAAUC,OAAOC,mBAAP,CAA2BD,OAAOE,cAAP,CAAsBL,KAAtB,CAA3B,CAAhB;UACQM,OAAR,CAAgB,SAASC,OAAT,CAAiBC,MAAjB,EAAyB;UACjCA,MAAN,IAAgBR,MAAMQ,MAAN,EAAcC,IAAd,CAAmBR,IAAnB,CAAhB;GADF;;;AAKF,IAAMS,QAAQC,gBAAgB3C,SAAS4C,aAAT,CAAuB,KAAvB,CAAhB,CAAd;AACA,AAAO,IAAMC,mBAAmBH,MAAMG,gBAA/B;AACP,AAAO,IAAMC,gBAAgBJ,MAAMI,aAA5B;;AAEP,SAASC,UAAT,CAAoBrB,MAApB,EAA4B;MAClBsB,cADkB,GACgBN,KADhB,CAClBM,cADkB;MACFC,aADE,GACgBP,KADhB,CACFO,aADE;;;MAGtBvB,OAAOwB,UAAX,EAAuB;QACfC,QAAQzB,OAAOwB,UAArB;WACOxB,OAAOwB,UAAd;WACOF,cAAP,IAAyBG,KAAzB;;;MAGEzB,OAAO0B,SAAX,EAAsB;QACdD,SAAQzB,OAAO0B,SAArB;WACO1B,OAAO0B,SAAd;WACOH,aAAP,IAAwBE,MAAxB;;;;AAIJ,SAASR,eAAT,CAAyBtC,EAAzB,EAA6B;MACvBgD,MAAM,EAAV;MACMX,QAAQ,CAAC,kBAAD,EAAqB,YAArB,EAAmC,eAAnC,CAAd;MACMY,QAAQ,CAAC,iBAAD,EAAoB,WAApB,EAAiC,cAAjC,CAAd;MACMC,MAAM;gBACE,eADF;mBAEK,eAFL;sBAGQ;GAHpB;;QAMMC,IAAN,CAAW,SAASC,aAAT,CAAuBC,IAAvB,EAA6B;QAClCrD,GAAGH,KAAH,CAASwD,IAAT,MAAmBC,SAAvB,EAAkC;UAC5BX,cAAJ,GAAqBU,IAArB;UACIZ,aAAJ,GAAoBS,IAAIG,IAAJ,CAApB;aACO,IAAP;;GAJJ;;QAQMF,IAAN,CAAW,SAASI,YAAT,CAAsBF,IAAtB,EAA4B;QACjCrD,GAAGH,KAAH,CAASwD,IAAT,MAAmBC,SAAvB,EAAkC;UAC5BV,aAAJ,GAAoBS,IAApB;UACIb,gBAAJ,GAAuBa,KAAKG,OAAL,CAAa,eAAb,EAA8B,eAA9B,CAAvB;aACO,IAAP;;GAJJ;;SAQOR,GAAP;;;AClHF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,sBAAe;;;;;mBAKI,yBALJ;;;;;;cAWD,IAXC;;;;;;gBAiBC,KAjBD;;;;;;uBAuBQ,IAvBR;;;;;;sBA6BO,GA7BP;;;;;;4BAmCa,4BAnCb;;;;;;WAyCJ,oBAzCI;;;;;;aA+CF,CA/CE;;;;;;aAqDF,GArDE;;;;;;cA2DD,GA3DC;;;;;;mBAiEI,EAjEJ;;;;;;UAuEL,GAvEK;;;;;;;;cA+ED,IA/EC;;;;;;;UAsFL,IAtFK;;;;;;WA4FJ,IA5FI;;;;;;UAkGL,IAlGK;;;;;;UAwGL,IAxGK;;;;;;aA8GF,IA9GE;;;;;;gBAoHC,IApHD;;;;;;iBA0HE,IA1HF;;;;;;gBAgIC,IAhID;;;;;;mBAsII;CAtInB;;AC3BA,IAAMS,cAAc,GAApB;;AAEA,cAAe;MAAA,gBACRC,QADQ,EACE;YACL,IAAR,EAAcA,QAAd;GAFW;OAAA,iBAKPC,CALO,EAKJ;MACLC,cAAF;;QAEIC,kBAAkBF,CAAlB,CAAJ,EAA0B;aACjBG,OAAOC,IAAP,CACL,KAAKC,MAAL,CAAYC,WAAZ,IAA2BN,EAAEO,aAAF,CAAgBzD,GADtC,EAEL,QAFK,CAAP;KADF,MAKO;UACD,KAAK0D,KAAT,EAAgB;YACV,KAAKC,QAAT,EAAmB;eACZC,KAAL;SADF,MAEO;eACAC,OAAL;;OAJJ,MAMO;aACAP,IAAL,CAAUJ,EAAEO,aAAZ;;;GArBO;QAAA,oBA0BJ;QACDlE,KACJL,SAASC,eAAT,IAA4BD,SAAS4E,IAAT,CAAcrD,UAA1C,IAAwDvB,SAAS4E,IADnE;QAEMC,aAAaV,OAAOW,WAAP,IAAsBzE,GAAGwE,UAA5C;QACME,YAAYZ,OAAOa,WAAP,IAAsB3E,GAAG0E,SAA3C;;QAEI,KAAKE,kBAAL,KAA4B,IAAhC,EAAsC;WAC/BA,kBAAL,GAA0B;WACrBJ,UADqB;WAErBE;OAFL;;;QAMIG,SAAS,KAAKD,kBAAL,CAAwBE,CAAxB,GAA4BN,UAA3C;QACMO,SAAS,KAAKH,kBAAL,CAAwBI,CAAxB,GAA4BN,SAA3C;QACMO,YAAY,KAAK7E,OAAL,CAAa8E,eAA/B;;QAEIC,KAAKC,GAAL,CAASL,MAAT,KAAoBE,SAApB,IAAiCE,KAAKC,GAAL,CAASP,MAAT,KAAoBI,SAAzD,EAAoE;WAC7DL,kBAAL,GAA0B,IAA1B;WACKP,KAAL;;GA7CS;SAAA,mBAiDLV,CAjDK,EAiDF;QACL0B,SAAS1B,CAAT,CAAJ,EAAiB;UACX,KAAKS,QAAT,EAAmB;aACZC,KAAL;OADF,MAEO;aACAC,OAAL,CAAa,KAAKD,KAAlB;;;GAtDO;WAAA,qBA2DHV,CA3DG,EA2DA;QACP,CAAC2B,aAAa3B,CAAb,CAAD,IAAoBE,kBAAkBF,CAAlB,CAAxB,EAA8C;MAC5CC,cAAF;QACQ2B,OAHG,GAGkB5B,CAHlB,CAGH4B,OAHG;QAGMC,OAHN,GAGkB7B,CAHlB,CAGM6B,OAHN;;;SAKNC,UAAL,GAAkBC,WAChB,SAASC,eAAT,GAA2B;WACpBC,IAAL,CAAUL,OAAV,EAAmBC,OAAnB;KADF,CAEEpD,IAFF,CAEO,IAFP,CADgB,EAIhBqB,WAJgB,CAAlB;GAhEW;WAAA,qBAwEHE,CAxEG,EAwEA;QACP,KAAKS,QAAT,EAAmB;SACdyB,IAAL,CAAUlC,EAAE4B,OAAZ,EAAqB5B,EAAE6B,OAAvB;GA1EW;SAAA,mBA6EL7B,CA7EK,EA6EF;QACL,CAAC2B,aAAa3B,CAAb,CAAD,IAAoBE,kBAAkBF,CAAlB,CAAxB,EAA8C;iBACjC,KAAK8B,UAAlB;;QAEI,KAAKrB,QAAT,EAAmB;WACZC,KAAL;KADF,MAEO;WACAC,OAAL;;GApFS;YAAA,sBAwFFX,CAxFE,EAwFC;MACVC,cAAF;sBAC6BD,EAAEmC,OAAF,CAAU,CAAV,CAFjB;QAEJP,OAFI,eAEJA,OAFI;QAEKC,OAFL,eAEKA,OAFL;;;SAIPC,UAAL,GAAkBC,WAChB,SAASK,gBAAT,GAA4B;WACrBH,IAAL,CAAUL,OAAV,EAAmBC,OAAnB;KADF,CAEEpD,IAFF,CAEO,IAFP,CADgB,EAIhBqB,WAJgB,CAAlB;GA5FW;WAAA,qBAoGHE,CApGG,EAoGA;QACP,KAAKS,QAAT,EAAmB;;uBAEUT,EAAEmC,OAAF,CAAU,CAAV,CAHlB;QAGHP,OAHG,gBAGHA,OAHG;QAGMC,OAHN,gBAGMA,OAHN;;SAINK,IAAL,CAAUN,OAAV,EAAmBC,OAAnB;GAxGW;UAAA,oBA2GJ7B,CA3GI,EA2GD;QACNqC,WAAWrC,CAAX,CAAJ,EAAmB;iBACN,KAAK8B,UAAlB;;QAEI,KAAKrB,QAAT,EAAmB;WACZC,KAAL;KADF,MAEO;WACAC,OAAL;;GAlHS;cAAA,0BAsHE;SACRD,KAAL;GAvHW;cAAA,0BA0HE;SACRA,KAAL;;CA3HJ;;AA+HA,SAASiB,YAAT,CAAsB3B,CAAtB,EAAyB;SAChBA,EAAEsC,MAAF,KAAa,CAApB;;;AAGF,SAASpC,iBAAT,CAA2BF,CAA3B,EAA8B;SACrBA,EAAEuC,OAAF,IAAavC,EAAEwC,OAAtB;;;AAGF,SAASH,UAAT,CAAoBrC,CAApB,EAAuB;IACnByC,aAAF,CAAgBC,MAAhB,GAAyB,CAAzB;;;AAGF,SAAShB,QAAT,CAAkB1B,CAAlB,EAAqB;MACb2C,OAAO3C,EAAElC,GAAF,IAASkC,EAAE2C,IAAxB;SACOA,SAAS,QAAT,IAAqB3C,EAAE4C,OAAF,KAAc,EAA1C;;;AC/IF,cAAe;MAAA,gBACR7C,QADQ,EACE;SACR1D,EAAL,GAAUL,SAAS4C,aAAT,CAAuB,KAAvB,CAAV;SACKmB,QAAL,GAAgBA,QAAhB;SACK8C,MAAL,GAAc7G,SAAS4E,IAAvB;;aAES,KAAKvE,EAAd,EAAkB;gBACN,OADM;WAEX,CAFW;YAGV,CAHU;aAIT,CAJS;cAKR,CALQ;eAMP;KANX;;SASKyG,WAAL,CAAiB/C,SAAStD,OAA1B;WACO,KAAKJ,EAAZ,EAAgB,OAAhB,EAAyB0D,SAASxD,OAAT,CAAiBwG,YAAjB,CAA8BtE,IAA9B,CAAmCsB,QAAnC,CAAzB;GAhBW;aAAA,uBAmBDtD,OAnBC,EAmBQ;aACV,KAAKJ,EAAd,EAAkB;cACRI,QAAQuG,MADA;uBAECvG,QAAQwG,OAFT;wCAIZxG,QAAQyG,kBADZ,mBAEIzG,QAAQ0G;KALd;GApBW;QAAA,oBA6BJ;SACFN,MAAL,CAAYO,WAAZ,CAAwB,KAAK/G,EAA7B;GA9BW;QAAA,oBAiCJ;SACFwG,MAAL,CAAYQ,WAAZ,CAAwB,KAAKhH,EAA7B;GAlCW;QAAA,oBAqCJ;SACFA,EAAL,CAAQiH,WAAR;SACKjH,EAAL,CAAQH,KAAR,CAAcqH,OAAd,GAAwB,KAAKxD,QAAL,CAActD,OAAd,CAAsB+G,SAA9C;GAvCW;SAAA,qBA0CH;SACHnH,EAAL,CAAQH,KAAR,CAAcqH,OAAd,GAAwB,CAAxB;;CA3CJ;;ACAA,aAAe;MAAA,gBACRlH,EADQ,EACJ0D,QADI,EACM;SACZ1D,EAAL,GAAUA,EAAV;SACK0D,QAAL,GAAgBA,QAAhB;SACK0D,YAAL,GAAoB,KAAKpH,EAAL,CAAQiB,YAAR,CAAqB,KAArB,CAApB;SACKgD,WAAL,GAAmBlD,kBAAkB,KAAKf,EAAvB,CAAnB;SACKqH,IAAL,GAAYrH,GAAGsH,qBAAH,EAAZ;SACKC,SAAL,GAAiB,IAAjB;SACKC,KAAL,GAAa,IAAb;SACKC,SAAL,GAAiB,IAAjB;SACKC,UAAL,GAAkB,IAAlB;GAVW;QAAA,oBAaJ;QACDtH,UAAU,KAAKsD,QAAL,CAActD,OAA9B;;SAEKmH,SAAL,GAAiBI,mBAAmB,KAAKN,IAAxB,CAAjB;SACKG,KAAL,GAAaI,eACX,KAAKP,IADM,EAEXjH,QAAQyH,SAFG,EAGXzH,QAAQ0H,UAHG,CAAb;;SAMKL,SAAL,GAAiB;gBACL,UADK;cAEPrH,QAAQuG,MAAR,GAAiB,CAFV;cAGPvG,QAAQ2H,UAAR,GAAqBjI,OAAO8F,IAA5B,GAAmC9F,OAAOkI,OAHnC;kBAIAxF,gBAAf,kBACIpC,QAAQyG,kBADZ,mBAEIzG,QAAQ0G,wBANG;gCAOS,KAAKS,SAAL,CAAezC,CAAvC,YAA+C,KAAKyC,SAAL,CAAevC,CAA9D,2BACU,KAAKwC,KAAL,CAAW1C,CADrB,SAC0B,KAAK0C,KAAL,CAAWxC,CADrC,MAPe;cASJ,KAAKqC,IAAL,CAAUY,MAArB,OATe;aAUL,KAAKZ,IAAL,CAAUa,KAApB;;;KAVF,CAcA,KAAKlI,EAAL,CAAQiH,WAAR;;;SAGKS,UAAL,GAAkBtG,SAAS,KAAKpB,EAAd,EAAkB,KAAKyH,SAAvB,EAAkC,IAAlC,CAAlB;GAxCW;SAAA,qBA2CH;;SAEHzH,EAAL,CAAQiH,WAAR;;aAES,KAAKjH,EAAd,EAAkB,EAAE+C,WAAW,MAAb,EAAlB;GA/CW;MAAA,gBAkDR+B,CAlDQ,EAkDLE,CAlDK,EAkDFmD,UAlDE,EAkDU;QACfC,eAAeC,iBAArB;QACOC,EAFc,GAEHF,aAAatD,CAAb,GAAiBA,CAFd;QAEVyD,EAFU,GAEiBH,aAAapD,CAAb,GAAiBA,CAFlC;;;aAIZ,KAAKhF,EAAd,EAAkB;cACRF,OAAO+F,IADC;2CAGZ,KAAK0B,SAAL,CAAezC,CAAf,GAAmBwD,EADvB,cACgC,KAAKf,SAAL,CAAevC,CAAf,GAAmBuD,EADnD,6BAEU,KAAKf,KAAL,CAAW1C,CAAX,GAAeqD,UAFzB,WAEuC,KAAKX,KAAL,CAAWxC,CAAX,GAAemD,UAFtD;KAFF;GAtDW;MAAA,gBA8DRrD,CA9DQ,EA8DLE,CA9DK,EA8DFmD,UA9DE,EA8DU;QACfC,eAAeC,iBAArB;QACOC,EAFc,GAEHF,aAAatD,CAAb,GAAiBA,CAFd;QAEVyD,EAFU,GAEiBH,aAAapD,CAAb,GAAiBA,CAFlC;;;aAIZ,KAAKhF,EAAd,EAAkB;kBACJwC,gBADI;2CAGZ,KAAK+E,SAAL,CAAezC,CAAf,GAAmBwD,EADvB,cACgC,KAAKf,SAAL,CAAevC,CAAf,GAAmBuD,EADnD,6BAEU,KAAKf,KAAL,CAAW1C,CAAX,GAAeqD,UAFzB,WAEuC,KAAKX,KAAL,CAAWxC,CAAX,GAAemD,UAFtD;KAFF;GAlEW;mBAAA,+BA0EO;aACT,KAAKnI,EAAd,EAAkB,KAAK0H,UAAvB;GA3EW;kBAAA,8BA8EM;aACR,KAAK1H,EAAd,EAAkB,KAAKyH,SAAvB;GA/EW;eAAA,2BAkFG;QACV,KAAKxD,WAAT,EAAsB;UACd/C,aAAa,KAAKlB,EAAL,CAAQkB,UAA3B;UACMsH,OAAO,KAAKxI,EAAL,CAAQyI,SAAR,CAAkB,KAAlB,CAAb;;;;WAIKC,YAAL,CAAkB,KAAlB,EAAyB,KAAKzE,WAA9B;WACKpE,KAAL,CAAW8I,QAAX,GAAsB,OAAtB;WACK9I,KAAL,CAAW+I,UAAX,GAAwB,QAAxB;iBACW7B,WAAX,CAAuByB,IAAvB;;;iBAIE,SAASK,SAAT,GAAqB;aACd7I,EAAL,CAAQ0I,YAAR,CAAqB,KAArB,EAA4B,KAAKzE,WAAjC;mBACW+C,WAAX,CAAuBwB,IAAvB;OAFF,CAGEpG,IAHF,CAGO,IAHP,CADF,EAKE,EALF;;GA/FS;iBAAA,6BAyGK;QACZ,KAAK6B,WAAT,EAAsB;WACfjE,EAAL,CAAQ0I,YAAR,CAAqB,KAArB,EAA4B,KAAKtB,YAAjC;;;CA3GN;;AAgHA,SAASO,kBAAT,CAA4BN,IAA5B,EAAkC;MAC1Be,eAAeC,iBAArB;MACMS,eAAe;OAChBzB,KAAK0B,IAAL,GAAY1B,KAAKa,KAAL,GAAa,CADT;OAEhBb,KAAK2B,GAAL,GAAW3B,KAAKY,MAAL,GAAc;;;GAF9B,CAMA,OAAO;OACFG,aAAatD,CAAb,GAAiBgE,aAAahE,CAD5B;OAEFsD,aAAapD,CAAb,GAAiB8D,aAAa9D;GAFnC;;;AAMF,SAAS4C,cAAT,CAAwBP,IAAxB,EAA8BQ,SAA9B,EAAyCC,UAAzC,EAAqD;MAC/CA,UAAJ,EAAgB;WACP;SACFA,WAAWI,KAAX,GAAmBb,KAAKa,KADtB;SAEFJ,WAAWG,MAAX,GAAoBZ,KAAKY;KAF9B;GADF,MAKO;QACCgB,kBAAkB5B,KAAKa,KAAL,GAAa,CAArC;QACMgB,mBAAmB7B,KAAKY,MAAL,GAAc,CAAvC;QACMG,eAAeC,iBAArB;;;QAGMc,yBAAyB;SAC1Bf,aAAatD,CAAb,GAAiBmE,eADS;SAE1Bb,aAAapD,CAAb,GAAiBkE;KAFtB;;QAKME,oBAAoBD,uBAAuBrE,CAAvB,GAA2BmE,eAArD;QACMI,kBAAkBF,uBAAuBnE,CAAvB,GAA2BkE,gBAAnD;;;;QAIM1B,QAAQK,YAAY1C,KAAKmE,GAAL,CAASF,iBAAT,EAA4BC,eAA5B,CAA1B;;WAEO;SACF7B,KADE;SAEFA;KAFL;;;;AAOJ,SAASa,eAAT,GAA2B;MACnBkB,QAAQ5J,SAASC,eAAvB;MACM4J,cAAcrE,KAAKmE,GAAL,CAASC,MAAME,WAAf,EAA4B3F,OAAO4F,UAAnC,CAApB;MACMC,eAAexE,KAAKmE,GAAL,CAASC,MAAMK,YAAf,EAA6B9F,OAAO+F,WAApC,CAArB;;SAEO;OACFL,cAAc,CADZ;OAEFG,eAAe;GAFpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvJF;;;;IAGqBG;;;;mBAIP1J,OAAZ,EAAqB;;;SACd4D,MAAL,GAAclC,OAAOiI,MAAP,CAAc/F,MAAd,CAAd;SACKgG,OAAL,GAAelI,OAAOiI,MAAP,CAAcC,OAAd,CAAf;SACK9J,OAAL,GAAe4B,OAAOiI,MAAP,CAAc7J,OAAd,CAAf;SACKqE,IAAL,GAAY5E,SAAS4E,IAArB;;SAEKJ,KAAL,GAAa,KAAb;SACK8F,IAAL,GAAY,KAAZ;SACK7F,QAAL,GAAgB,IAAhB;SACKQ,kBAAL,GAA0B,IAA1B;SACKa,UAAL,GAAkB,IAAlB;;SAEKrF,OAAL,GAAe8J,SAAc,EAAd,EAAkBC,eAAlB,EAAmC/J,OAAnC,CAAf;SACK4J,OAAL,CAAaI,IAAb,CAAkB,IAAlB;SACKlK,OAAL,CAAakK,IAAb,CAAkB,IAAlB;SACKrK,MAAL,CAAY,KAAKK,OAAL,CAAaiK,eAAzB;;;;;;;;;;;;8BAQKrK,IAAI;UACL,OAAOA,EAAP,KAAc,QAAlB,EAA4B;YACpBsK,MAAM3K,SAAS4K,gBAAT,CAA0BvK,EAA1B,CAAZ;YACIwK,IAAIF,IAAIjE,MAAZ;;eAEOmE,GAAP,EAAY;eACLzK,MAAL,CAAYuK,IAAIE,CAAJ,CAAZ;;OALJ,MAOO,IAAIxK,GAAGmB,OAAH,KAAe,KAAnB,EAA0B;WAC5BtB,KAAH,CAASC,MAAT,GAAkBA,OAAO2K,MAAzB;eACOzK,EAAP,EAAW,OAAX,EAAoB,KAAKE,OAAL,CAAawK,KAAjC;;YAEI,KAAKtK,OAAL,CAAauK,YAAjB,EAA+B;oBACnB5J,kBAAkBf,EAAlB,CAAV;;;;aAIG,IAAP;;;;;;;;;;;2BAQKI,SAAS;UACVA,OAAJ,EAAa;iBACG,KAAKA,OAAnB,EAA4BA,OAA5B;aACK4J,OAAL,CAAavD,WAAb,CAAyB,KAAKrG,OAA9B;eACO,IAAP;OAHF,MAIO;eACE,KAAKA,OAAZ;;;;;;;;;;;;;;;yBAYCJ,IAA8B;;;UAA1BU,EAA0B,uEAArB,KAAKN,OAAL,CAAawK,MAAQ;;UAC7B,KAAKzG,KAAL,IAAc,KAAK8F,IAAvB,EAA6B;;UAEvBjG,YAAS,OAAOhE,EAAP,KAAc,QAAd,GAAyBL,SAASkL,aAAT,CAAuB7K,EAAvB,CAAzB,GAAsDA,EAArE;;UAEIgE,UAAO7C,OAAP,KAAmB,KAAvB,EAA8B;;UAE1B,KAAKf,OAAL,CAAa0K,YAAjB,EAA+B;aACxB1K,OAAL,CAAa0K,YAAb,CAA0B9G,SAA1B;;;WAGGA,MAAL,CAAYoG,IAAZ,CAAiBpG,SAAjB,EAAyB,IAAzB;;UAEI,CAAC,KAAK5D,OAAL,CAAauK,YAAlB,EAAgC;kBACpB,KAAK3G,MAAL,CAAYC,WAAtB;;;WAGGE,KAAL,GAAa,IAAb;WACK8F,IAAL,GAAY,IAAZ;;WAEKjG,MAAL,CAAYyG,MAAZ;WACKT,OAAL,CAAae,MAAb;WACKf,OAAL,CAAagB,MAAb;;aAEOrL,QAAP,EAAiB,QAAjB,EAA2B,KAAKO,OAAL,CAAa+K,MAAxC;aACOtL,QAAP,EAAiB,SAAjB,EAA4B,KAAKO,OAAL,CAAagL,OAAzC;;UAEI,KAAK9K,OAAL,CAAa+K,mBAAjB,EAAsC;eAC7BrH,MAAP,EAAe,QAAf,EAAyB,KAAK5D,OAAL,CAAakL,YAAtC;;;UAGIC,YAAY,SAAZA,SAAY,GAAM;eACfrH,SAAP,EAAevB,aAAf,EAA8B4I,SAA9B,EAAyC,KAAzC;cACKpB,IAAL,GAAY,KAAZ;cACKjG,MAAL,CAAYsH,aAAZ;;YAEI,MAAKlL,OAAL,CAAa2H,UAAjB,EAA6B;8BACPpI,QAApB,EAA8B,MAAKO,OAAnC,EAA4C,IAA5C;;;YAGEQ,EAAJ,EAAQA,GAAGsD,SAAH;OATV;;aAYOA,SAAP,EAAevB,aAAf,EAA8B4I,SAA9B;;aAEO,IAAP;;;;;;;;;;;;;4BAU+B;;;UAA3B3K,EAA2B,uEAAtB,KAAKN,OAAL,CAAamL,OAAS;;UAC3B,CAAC,KAAKpH,KAAN,IAAe,KAAK8F,IAAxB,EAA8B;;UAExBjG,YAAS,KAAKA,MAAL,CAAYhE,EAA3B;;UAEI,KAAKI,OAAL,CAAaoL,aAAjB,EAAgC;aACzBpL,OAAL,CAAaoL,aAAb,CAA2BxH,SAA3B;;;WAGGiG,IAAL,GAAY,IAAZ;WACK1F,IAAL,CAAU1E,KAAV,CAAgBC,MAAhB,GAAyBA,OAAO2L,OAAhC;WACKzB,OAAL,CAAa0B,OAAb;WACK1H,MAAL,CAAYgE,OAAZ;;aAEOrI,QAAP,EAAiB,QAAjB,EAA2B,KAAKO,OAAL,CAAa+K,MAAxC,EAAgD,KAAhD;aACOtL,QAAP,EAAiB,SAAjB,EAA4B,KAAKO,OAAL,CAAagL,OAAzC,EAAkD,KAAlD;;UAEI,KAAK9K,OAAL,CAAa+K,mBAAjB,EAAsC;eAC7BrH,MAAP,EAAe,QAAf,EAAyB,KAAK5D,OAAL,CAAakL,YAAtC,EAAoD,KAApD;;;UAGIO,aAAa,SAAbA,UAAa,GAAM;eAChB3H,SAAP,EAAevB,aAAf,EAA8BkJ,UAA9B,EAA0C,KAA1C;;eAEKxH,KAAL,GAAa,KAAb;eACK8F,IAAL,GAAY,KAAZ;;eAEKjG,MAAL,CAAY4H,eAAZ;;YAEI,OAAKxL,OAAL,CAAa2H,UAAjB,EAA6B;8BACPpI,QAApB,EAA8B,OAAKO,OAAnC,EAA4C,KAA5C;;;eAGG8D,MAAL,CAAY6H,iBAAZ;eACK7B,OAAL,CAAa8B,MAAb;;YAEIpL,EAAJ,EAAQA,GAAGsD,SAAH;OAfV;;aAkBOA,SAAP,EAAevB,aAAf,EAA8BkJ,UAA9B;;aAEO,IAAP;;;;;;;;;;;;;;;;yBAaG7G,GAAGE,GAAmE;UAAhEmD,UAAgE,uEAAnD,KAAK/H,OAAL,CAAa+H,UAAsC;UAA1BzH,EAA0B,uEAArB,KAAKN,OAAL,CAAa2L,MAAQ;;UACrE,CAAC,KAAK5H,KAAN,IAAe,KAAK8F,IAAxB,EAA8B;;UAExBjG,YAAS,KAAKA,MAAL,CAAYhE,EAA3B;;UAEI,KAAKI,OAAL,CAAa4L,YAAjB,EAA+B;aACxB5L,OAAL,CAAa4L,YAAb,CAA0BhI,SAA1B;;;WAGGI,QAAL,GAAgB,KAAhB;WACKJ,MAAL,CAAY4B,IAAZ,CAAiBd,CAAjB,EAAoBE,CAApB,EAAuBmD,UAAvB;;UAEM8D,YAAY,SAAZA,SAAY,GAAM;eACfjI,SAAP,EAAevB,aAAf,EAA8BwJ,SAA9B,EAAyC,KAAzC;YACIvL,EAAJ,EAAQA,GAAGsD,SAAH;OAFV;;aAKOA,SAAP,EAAevB,aAAf,EAA8BwJ,SAA9B;;aAEO,IAAP;;;;;;;;;;;;;;;;yBAaGnH,GAAGE,GAAmE;UAAhEmD,UAAgE,uEAAnD,KAAK/H,OAAL,CAAa+H,UAAsC;UAA1BzH,EAA0B,uEAArB,KAAKN,OAAL,CAAa8L,MAAQ;;UACrE,CAAC,KAAK/H,KAAN,IAAe,KAAK8F,IAAxB,EAA8B;;WAEzB7F,QAAL,GAAgB,KAAhB;WACKG,IAAL,CAAU1E,KAAV,CAAgBC,MAAhB,GAAyBA,OAAO+F,IAAhC;WACK7B,MAAL,CAAY6B,IAAZ,CAAiBf,CAAjB,EAAoBE,CAApB,EAAuBmD,UAAvB;;UAEMnE,YAAS,KAAKA,MAAL,CAAYhE,EAA3B;;UAEMmM,YAAY,SAAZA,SAAY,GAAM;eACfnI,SAAP,EAAevB,aAAf,EAA8B0J,SAA9B,EAAyC,KAAzC;YACIzL,EAAJ,EAAQA,GAAGsD,SAAH;OAFV;;aAKOA,SAAP,EAAevB,aAAf,EAA8B0J,SAA9B;;aAEO,IAAP;;;;;;;;;;;;;8BAUmC;;;UAA7BzL,EAA6B,uEAAxB,KAAKN,OAAL,CAAagM,SAAW;;UAC/B,CAAC,KAAKjI,KAAN,IAAe,KAAK8F,IAAxB,EAA8B;;UAExBjG,YAAS,KAAKA,MAAL,CAAYhE,EAA3B;;UAEI,KAAKI,OAAL,CAAaiM,eAAjB,EAAkC;aAC3BjM,OAAL,CAAaiM,eAAb,CAA6BrI,SAA7B;;;WAGGiG,IAAL,GAAY,IAAZ;WACK1F,IAAL,CAAU1E,KAAV,CAAgBC,MAAhB,GAAyBA,OAAO2L,OAAhC;WACKzH,MAAL,CAAYsI,gBAAZ;;UAEMC,eAAe,SAAfA,YAAe,GAAM;eAClBvI,SAAP,EAAevB,aAAf,EAA8B8J,YAA9B,EAA4C,KAA5C;eACKtC,IAAL,GAAY,KAAZ;eACK7F,QAAL,GAAgB,IAAhB;;YAEI1D,EAAJ,EAAQA,GAAGsD,SAAH;OALV;;aAQOA,SAAP,EAAevB,aAAf,EAA8B8J,YAA9B;;aAEO,IAAP;;;;;;AAIJ,SAASC,mBAAT,CAA6BxM,EAA7B,EAAiCE,UAAjC,EAA0CC,GAA1C,EAA+C;MACvCsM,QAAQ,CACZ,WADY,EAEZ,WAFY,EAGZ,SAHY,EAIZ,YAJY,EAKZ,WALY,EAMZ,UANY,CAAd;;QASMxK,OAAN,CAAc,SAASyK,cAAT,CAAwBC,IAAxB,EAA8B;WACnC3M,EAAP,EAAW2M,IAAX,EAAiBzM,WAAQyM,IAAR,CAAjB,EAAgCxM,GAAhC;GADF;;;AC/RFJ,OAAOJ,QAAP,EAAiB,kBAAjB,EAAqC,SAASiN,WAAT,GAAuB;MACtD9C,SAAJ;CADF,EAIA;;;;"} \ No newline at end of file +{"version":3,"file":"zooming.js","sources":["../src/utils.js","../src/options.js","../src/modules/handler.js","../src/modules/overlay.js","../src/modules/target.js","../src/modules/zooming.js","../src/index.js"],"sourcesContent":["export const webkitPrefix = 'WebkitAppearance' in document.documentElement.style\n ? '-webkit-'\n : ''\n\nexport const cursor = {\n default: 'auto',\n zoomIn: `${webkitPrefix}zoom-in`,\n zoomOut: `${webkitPrefix}zoom-out`,\n grab: `${webkitPrefix}grab`,\n move: 'move'\n}\n\nexport function listen(el, event, handler, add = true) {\n const options = { passive: false }\n\n if (add) {\n el.addEventListener(event, handler, options)\n } else {\n el.removeEventListener(event, handler, options)\n }\n}\n\nexport function loadImage(src, cb) {\n if (src) {\n const img = new Image()\n\n img.onload = function onImageLoad() {\n if (cb) cb(img)\n }\n\n img.src = src\n }\n}\n\nexport function getOriginalSource(el) {\n if (el.hasAttribute('data-original')) {\n return el.getAttribute('data-original')\n } else if (el.parentNode.tagName === 'A') {\n return el.parentNode.getAttribute('href')\n } else {\n return null\n }\n}\n\nexport function setStyle(el, styles, remember) {\n checkTrans(styles)\n\n let s = el.style\n let original = {}\n\n for (let key in styles) {\n if (remember) {\n original[key] = s[key] || ''\n }\n\n s[key] = styles[key]\n }\n\n return original\n}\n\nexport function bindAll(_this, that) {\n const methods = Object.getOwnPropertyNames(Object.getPrototypeOf(_this))\n methods.forEach(function bindOne(method) {\n _this[method] = _this[method].bind(that)\n })\n}\n\nconst trans = sniffTransition(document.createElement('div'))\nexport const transformCssProp = trans.transformCssProp\nexport const transEndEvent = trans.transEndEvent\n\nfunction checkTrans(styles) {\n const { transitionProp, transformProp } = trans\n\n if (styles.transition) {\n const value = styles.transition\n delete styles.transition\n styles[transitionProp] = value\n }\n\n if (styles.transform) {\n const value = styles.transform\n delete styles.transform\n styles[transformProp] = value\n }\n}\n\nfunction sniffTransition(el) {\n let res = {}\n const trans = ['webkitTransition', 'transition', 'mozTransition']\n const tform = ['webkitTransform', 'transform', 'mozTransform']\n const end = {\n transition: 'transitionend',\n mozTransition: 'transitionend',\n webkitTransition: 'webkitTransitionEnd'\n }\n\n trans.some(function hasTransition(prop) {\n if (el.style[prop] !== undefined) {\n res.transitionProp = prop\n res.transEndEvent = end[prop]\n return true\n }\n })\n\n tform.some(function hasTransform(prop) {\n if (el.style[prop] !== undefined) {\n res.transformProp = prop\n res.transformCssProp = prop.replace(/(.*)Transform/, '-$1-transform')\n return true\n }\n })\n\n return res\n}\n","export default {\n /**\n * Zoomable elements by default. It can be a css selector or an element.\n * @type {string|Element}\n */\n defaultZoomable: 'img[data-action=\"zoom\"]',\n\n /**\n * To be able to grab and drag the image for extra zoom-in.\n * @type {boolean}\n */\n enableGrab: true,\n\n /**\n * Preload zoomable images.\n * @type {boolean}\n */\n preloadImage: false,\n\n /**\n * Close the zoomed image when browser window is resized.\n * @type {boolean}\n */\n closeOnWindowResize: true,\n\n /**\n * Transition duration in seconds.\n * @type {number}\n */\n transitionDuration: 0.4,\n\n /**\n * Transition timing function.\n * @type {string}\n */\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0, 1)',\n\n /**\n * Overlay background color.\n * @type {string}\n */\n bgColor: 'rgb(255, 255, 255)',\n\n /**\n * Overlay background opacity.\n * @type {number}\n */\n bgOpacity: 1,\n\n /**\n * The base scale factor for zooming. By default scale to fit the window.\n * @type {number}\n */\n scaleBase: 1.0,\n\n /**\n * The additional scale factor when grabbing the image.\n * @type {number}\n */\n scaleExtra: 0.5,\n\n /**\n * How much scrolling it takes before closing out.\n * @type {number}\n */\n scrollThreshold: 40,\n\n /**\n * The z-index that the overlay will be added with.\n * @type {number}\n */\n zIndex: 998,\n\n /**\n * Scale (zoom in) to given width and height. Ignore scaleBase if set.\n * @type {Object}\n * @example\n * customSize: { width: 800, height: 400 }\n */\n customSize: null,\n\n /**\n * A callback function that will be called when a target is opened and\n * transition has ended. It will get the target element as the argument.\n * @type {Function}\n */\n onOpen: null,\n\n /**\n * Same as above, except fired when closed.\n * @type {Function}\n */\n onClose: null,\n\n /**\n * Same as above, except fired when grabbed.\n * @type {Function}\n */\n onGrab: null,\n\n /**\n * Same as above, except fired when moved.\n * @type {Function}\n */\n onMove: null,\n\n /**\n * Same as above, except fired when released.\n * @type {Function}\n */\n onRelease: null,\n\n /**\n * A callback function that will be called before open.\n * @type {Function}\n */\n onBeforeOpen: null,\n\n /**\n * A callback function that will be called before close.\n * @type {Function}\n */\n onBeforeClose: null,\n\n /**\n * A callback function that will be called before grab.\n * @type {Function}\n */\n onBeforeGrab: null,\n\n /**\n * A callback function that will be called before release.\n * @type {Function}\n */\n onBeforeRelease: null\n}\n","import { bindAll } from '../utils'\n\nconst PRESS_DELAY = 200\n\nexport default {\n init(instance) {\n bindAll(this, instance)\n },\n\n click(e) {\n e.preventDefault()\n\n if (isPressingMetaKey(e)) {\n return window.open(\n this.target.srcOriginal || e.currentTarget.src,\n '_blank'\n )\n } else {\n if (this.shown) {\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n } else {\n this.open(e.currentTarget)\n }\n }\n },\n\n scroll() {\n const el =\n document.documentElement || document.body.parentNode || document.body\n const scrollLeft = window.pageXOffset || el.scrollLeft\n const scrollTop = window.pageYOffset || el.scrollTop\n\n if (this.lastScrollPosition === null) {\n this.lastScrollPosition = {\n x: scrollLeft,\n y: scrollTop\n }\n }\n\n const deltaX = this.lastScrollPosition.x - scrollLeft\n const deltaY = this.lastScrollPosition.y - scrollTop\n const threshold = this.options.scrollThreshold\n\n if (Math.abs(deltaY) >= threshold || Math.abs(deltaX) >= threshold) {\n this.lastScrollPosition = null\n this.close()\n }\n },\n\n keydown(e) {\n if (isEscape(e)) {\n if (this.released) {\n this.close()\n } else {\n this.release(this.close)\n }\n }\n },\n\n mousedown(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n e.preventDefault()\n const { clientX, clientY } = e\n\n this.pressTimer = setTimeout(\n function grabOnMouseDown() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n mousemove(e) {\n if (this.released) return\n this.move(e.clientX, e.clientY)\n },\n\n mouseup(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n touchstart(e) {\n e.preventDefault()\n const { clientX, clientY } = e.touches[0]\n\n this.pressTimer = setTimeout(\n function grabOnTouchStart() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n touchmove(e) {\n if (this.released) return\n\n const { clientX, clientY } = e.touches[0]\n this.move(clientX, clientY)\n },\n\n touchend(e) {\n if (isTouching(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n clickOverlay() {\n this.close()\n },\n\n resizeWindow() {\n this.close()\n }\n}\n\nfunction isLeftButton(e) {\n return e.button === 0\n}\n\nfunction isPressingMetaKey(e) {\n return e.metaKey || e.ctrlKey\n}\n\nfunction isTouching(e) {\n e.targetTouches.length > 0\n}\n\nfunction isEscape(e) {\n const code = e.key || e.code\n return code === 'Escape' || e.keyCode === 27\n}\n","import { listen, setStyle } from '../utils'\n\nexport default {\n init(instance) {\n this.el = document.createElement('div')\n this.instance = instance\n this.parent = document.body\n\n setStyle(this.el, {\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n opacity: 0\n })\n\n this.updateStyle(instance.options)\n listen(this.el, 'click', instance.handler.clickOverlay.bind(instance))\n },\n\n updateStyle(options) {\n setStyle(this.el, {\n zIndex: options.zIndex,\n backgroundColor: options.bgColor,\n transition: `opacity\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`\n })\n },\n\n insert() {\n this.parent.appendChild(this.el)\n },\n\n remove() {\n this.parent.removeChild(this.el)\n },\n\n fadeIn() {\n this.el.offsetWidth\n this.el.style.opacity = this.instance.options.bgOpacity\n },\n\n fadeOut() {\n this.el.style.opacity = 0\n }\n}\n","import { cursor, setStyle, getOriginalSource, transformCssProp } from '../utils'\n\n// Translate z-axis to fix CSS grid display issue in Chrome:\n// https://github.com/kingdido999/zooming/issues/42 \nconst TRANSLATE_Z = 0\n\nexport default {\n init(el, instance) {\n this.el = el\n this.instance = instance\n this.srcThumbnail = this.el.getAttribute('src')\n this.srcOriginal = getOriginalSource(this.el)\n this.rect = el.getBoundingClientRect()\n this.translate = null\n this.scale = null\n this.styleOpen = null\n this.styleClose = null\n },\n\n zoomIn() {\n const options = this.instance.options\n\n this.translate = calculateTranslate(this.rect)\n this.scale = calculateScale(\n this.rect,\n options.scaleBase,\n options.customSize\n )\n\n this.styleOpen = {\n position: 'relative',\n zIndex: options.zIndex + 1,\n cursor: options.enableGrab ? cursor.grab : cursor.zoomOut,\n transition: `${transformCssProp}\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`,\n transform: `translate3d(${this.translate.x}px, ${this.translate.y}px, ${TRANSLATE_Z}px)\n scale(${this.scale.x},${this.scale.y})`,\n height: `${this.rect.height}px`,\n width: `${this.rect.width}px`\n }\n\n // Force layout update\n this.el.offsetWidth\n\n // Trigger transition\n this.styleClose = setStyle(this.el, this.styleOpen, true)\n },\n\n zoomOut() {\n // Force layout update\n this.el.offsetWidth\n\n setStyle(this.el, { transform: 'none' })\n },\n\n grab(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n cursor: cursor.move,\n transform: `translate3d(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px, ${TRANSLATE_Z}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n move(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n transition: transformCssProp,\n transform: `translate3d(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px, ${TRANSLATE_Z}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n restoreCloseStyle() {\n setStyle(this.el, this.styleClose)\n },\n\n restoreOpenStyle() {\n setStyle(this.el, this.styleOpen)\n },\n\n upgradeSource() {\n if (this.srcOriginal) {\n const parentNode = this.el.parentNode\n const temp = this.el.cloneNode(false)\n\n // Force compute the hi-res image in DOM to prevent\n // image flickering while updating src\n temp.setAttribute('src', this.srcOriginal)\n temp.style.position = 'fixed'\n temp.style.visibility = 'hidden'\n parentNode.appendChild(temp)\n\n // Add delay to prevent Firefox from flickering\n setTimeout(\n function updateSrc() {\n this.el.setAttribute('src', this.srcOriginal)\n parentNode.removeChild(temp)\n }.bind(this),\n 50\n )\n }\n },\n\n downgradeSource() {\n if (this.srcOriginal) {\n this.el.setAttribute('src', this.srcThumbnail)\n }\n }\n}\n\nfunction calculateTranslate(rect) {\n const windowCenter = getWindowCenter()\n const targetCenter = {\n x: rect.left + rect.width / 2,\n y: rect.top + rect.height / 2\n }\n\n // The vector to translate image to the window center\n return {\n x: windowCenter.x - targetCenter.x,\n y: windowCenter.y - targetCenter.y\n }\n}\n\nfunction calculateScale(rect, scaleBase, customSize) {\n if (customSize) {\n return {\n x: customSize.width / rect.width,\n y: customSize.height / rect.height\n }\n } else {\n const targetHalfWidth = rect.width / 2\n const targetHalfHeight = rect.height / 2\n const windowCenter = getWindowCenter()\n\n // The distance between target edge and window edge\n const targetEdgeToWindowEdge = {\n x: windowCenter.x - targetHalfWidth,\n y: windowCenter.y - targetHalfHeight\n }\n\n const scaleHorizontally = targetEdgeToWindowEdge.x / targetHalfWidth\n const scaleVertically = targetEdgeToWindowEdge.y / targetHalfHeight\n\n // The additional scale is based on the smaller value of\n // scaling horizontally and scaling vertically\n const scale = scaleBase + Math.min(scaleHorizontally, scaleVertically)\n\n return {\n x: scale,\n y: scale\n }\n }\n}\n\nfunction getWindowCenter() {\n const docEl = document.documentElement\n const windowWidth = Math.min(docEl.clientWidth, window.innerWidth)\n const windowHeight = Math.min(docEl.clientHeight, window.innerHeight)\n\n return {\n x: windowWidth / 2,\n y: windowHeight / 2\n }\n}\n","import {\n cursor,\n listen,\n loadImage,\n transEndEvent,\n getOriginalSource\n} from '../utils'\nimport DEFAULT_OPTIONS from '../options'\n\nimport handler from './handler'\nimport overlay from './overlay'\nimport target from './target'\n\n/**\n * Zooming instance.\n */\nexport default class Zooming {\n /**\n * @param {Object} [options] Update default options if provided.\n */\n constructor(options) {\n this.target = Object.create(target)\n this.overlay = Object.create(overlay)\n this.handler = Object.create(handler)\n this.body = document.body\n\n this.shown = false\n this.lock = false\n this.released = true\n this.lastScrollPosition = null\n this.pressTimer = null\n\n this.options = Object.assign({}, DEFAULT_OPTIONS, options)\n this.overlay.init(this)\n this.handler.init(this)\n this.listen(this.options.defaultZoomable)\n }\n\n /**\n * Make element(s) zoomable.\n * @param {string|Element} el A css selector or an Element.\n * @return {this}\n */\n listen(el) {\n if (typeof el === 'string') {\n const els = document.querySelectorAll(el)\n let i = els.length\n\n while (i--) {\n this.listen(els[i])\n }\n } else if (el.tagName === 'IMG') {\n el.style.cursor = cursor.zoomIn\n listen(el, 'click', this.handler.click)\n\n if (this.options.preloadImage) {\n loadImage(getOriginalSource(el))\n }\n }\n\n return this\n }\n\n /**\n * Update options or return current options if no argument is provided.\n * @param {Object} options An Object that contains this.options.\n * @return {this|this.options}\n */\n config(options) {\n if (options) {\n Object.assign(this.options, options)\n this.overlay.updateStyle(this.options)\n return this\n } else {\n return this.options\n }\n }\n\n /**\n * Open (zoom in) the Element.\n * @param {Element} el The Element to open.\n * @param {Function} [cb=this.options.onOpen] A callback function that will\n * be called when a target is opened and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n open(el, cb = this.options.onOpen) {\n if (this.shown || this.lock) return\n\n const target = typeof el === 'string' ? document.querySelector(el) : el\n\n if (target.tagName !== 'IMG') return\n\n if (this.options.onBeforeOpen) {\n this.options.onBeforeOpen(target)\n }\n\n this.target.init(target, this)\n\n if (!this.options.preloadImage) {\n loadImage(this.target.srcOriginal)\n }\n\n this.shown = true\n this.lock = true\n\n this.target.zoomIn()\n this.overlay.insert()\n this.overlay.fadeIn()\n\n listen(document, 'scroll', this.handler.scroll)\n listen(document, 'keydown', this.handler.keydown)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow)\n }\n\n const onOpenEnd = () => {\n listen(target, transEndEvent, onOpenEnd, false)\n this.lock = false\n this.target.upgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, true)\n }\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onOpenEnd)\n\n return this\n }\n\n /**\n * Close (zoom out) the Element currently opened.\n * @param {Function} [cb=this.options.onClose] A callback function that will\n * be called when a target is closed and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n close(cb = this.options.onClose) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeClose) {\n this.options.onBeforeClose(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.overlay.fadeOut()\n this.target.zoomOut()\n\n listen(document, 'scroll', this.handler.scroll, false)\n listen(document, 'keydown', this.handler.keydown, false)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow, false)\n }\n\n const onCloseEnd = () => {\n listen(target, transEndEvent, onCloseEnd, false)\n\n this.shown = false\n this.lock = false\n\n this.target.downgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, false)\n }\n\n this.target.restoreCloseStyle()\n this.overlay.remove()\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onCloseEnd)\n\n return this\n }\n\n /**\n * Grab the Element currently opened given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onGrab] A callback function that\n * will be called when a target is grabbed and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n grab(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onGrab) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeGrab) {\n this.options.onBeforeGrab(target)\n }\n\n this.released = false\n this.target.grab(x, y, scaleExtra)\n\n const onGrabEnd = () => {\n listen(target, transEndEvent, onGrabEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onGrabEnd)\n\n return this\n }\n\n /**\n * Move the Element currently grabbed given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onMove] A callback function that\n * will be called when a target is moved and transition has ended. It will\n * get the target element as the argument.\n * @return {this}\n */\n move(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onMove) {\n if (!this.shown || this.lock) return\n\n this.released = false\n this.body.style.cursor = cursor.move\n this.target.move(x, y, scaleExtra)\n\n const target = this.target.el\n\n const onMoveEnd = () => {\n listen(target, transEndEvent, onMoveEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onMoveEnd)\n\n return this\n }\n\n /**\n * Release the Element currently grabbed.\n * @param {Function} [cb=this.options.onRelease] A callback function that\n * will be called when a target is released and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n release(cb = this.options.onRelease) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeRelease) {\n this.options.onBeforeRelease(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.target.restoreOpenStyle()\n\n const onReleaseEnd = () => {\n listen(target, transEndEvent, onReleaseEnd, false)\n this.lock = false\n this.released = true\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onReleaseEnd)\n\n return this\n }\n}\n\nfunction toggleGrabListeners(el, handler, add) {\n const types = [\n 'mousedown',\n 'mousemove',\n 'mouseup',\n 'touchstart',\n 'touchmove',\n 'touchend'\n ]\n\n types.forEach(function toggleListener(type) {\n listen(el, type, handler[type], add)\n })\n}\n","import { listen } from './utils'\nimport Zooming from './modules/zooming'\n\nlisten(document, 'DOMContentLoaded', function initZooming() {\n new Zooming()\n})\n\nexport default Zooming\n"],"names":["webkitPrefix","document","documentElement","style","cursor","listen","el","event","handler","add","options","passive","addEventListener","removeEventListener","loadImage","src","cb","img","Image","onload","onImageLoad","getOriginalSource","hasAttribute","getAttribute","parentNode","tagName","setStyle","styles","remember","s","original","key","bindAll","_this","that","methods","Object","getOwnPropertyNames","getPrototypeOf","forEach","bindOne","method","bind","trans","sniffTransition","createElement","transformCssProp","transEndEvent","checkTrans","transitionProp","transformProp","transition","value","transform","res","tform","end","some","hasTransition","prop","undefined","hasTransform","replace","PRESS_DELAY","instance","e","preventDefault","isPressingMetaKey","window","open","target","srcOriginal","currentTarget","shown","released","close","release","body","scrollLeft","pageXOffset","scrollTop","pageYOffset","lastScrollPosition","deltaX","x","deltaY","y","threshold","scrollThreshold","Math","abs","isEscape","isLeftButton","clientX","clientY","pressTimer","setTimeout","grabOnMouseDown","grab","move","touches","grabOnTouchStart","isTouching","button","metaKey","ctrlKey","targetTouches","length","code","keyCode","parent","updateStyle","clickOverlay","zIndex","bgColor","transitionDuration","transitionTimingFunction","appendChild","removeChild","offsetWidth","opacity","bgOpacity","TRANSLATE_Z","srcThumbnail","rect","getBoundingClientRect","translate","scale","styleOpen","styleClose","calculateTranslate","calculateScale","scaleBase","customSize","enableGrab","zoomOut","height","width","scaleExtra","windowCenter","getWindowCenter","dx","dy","temp","cloneNode","setAttribute","position","visibility","updateSrc","targetCenter","left","top","targetHalfWidth","targetHalfHeight","targetEdgeToWindowEdge","scaleHorizontally","scaleVertically","min","docEl","windowWidth","clientWidth","innerWidth","windowHeight","clientHeight","innerHeight","Zooming","create","overlay","lock","babelHelpers.extends","DEFAULT_OPTIONS","init","defaultZoomable","els","querySelectorAll","i","zoomIn","click","preloadImage","onOpen","querySelector","onBeforeOpen","insert","fadeIn","scroll","keydown","closeOnWindowResize","resizeWindow","onOpenEnd","upgradeSource","onClose","onBeforeClose","default","fadeOut","onCloseEnd","downgradeSource","restoreCloseStyle","remove","onGrab","onBeforeGrab","onGrabEnd","onMove","onMoveEnd","onRelease","onBeforeRelease","restoreOpenStyle","onReleaseEnd","toggleGrabListeners","types","toggleListener","type","initZooming"],"mappings":"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"} \ No newline at end of file diff --git a/build/zooming.min.js b/build/zooming.min.js index 56d70b4e..01f9597d 100644 --- a/build/zooming.min.js +++ b/build/zooming.min.js @@ -1,2 +1,2 @@ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.Zooming=e()}(this,function(){"use strict";function t(t,e,i){var n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],o={passive:!1};n?t.addEventListener(e,i,o):t.removeEventListener(e,i,o)}function e(t,e){if(t){var i=new Image;i.onload=function(){e&&e(i)},i.src=t}}function i(t){return t.hasAttribute("data-original")?t.getAttribute("data-original"):"A"===t.parentNode.tagName?t.parentNode.getAttribute("href"):null}function n(t,e,i){s(e);var n=t.style,o={};for(var r in e)i&&(o[r]=n[r]||""),n[r]=e[r];return o}function o(t,e){Object.getOwnPropertyNames(Object.getPrototypeOf(t)).forEach(function(i){t[i]=t[i].bind(e)})}function s(t){var e=y.transitionProp,i=y.transformProp;if(t.transition){var n=t.transition;delete t.transition,t[e]=n}if(t.transform){var o=t.transform;delete t.transform,t[i]=o}}function r(t){return 0===t.button}function l(t){return t.metaKey||t.ctrlKey}function a(t){t.targetTouches.length}function h(t){return"Escape"===(t.key||t.code)||27===t.keyCode}function c(t){var e=d(),i={x:t.left+t.width/2,y:t.top+t.height/2};return{x:e.x-i.x,y:e.y-i.y}}function u(t,e,i){if(i)return{x:i.width/t.width,y:i.height/t.height};var n=t.width/2,o=t.height/2,s=d(),r={x:s.x-n,y:s.y-o},l=r.x/n,a=r.y/o,h=e+Math.min(l,a);return{x:h,y:h}}function d(){var t=document.documentElement;return{x:Math.min(t.clientWidth,window.innerWidth)/2,y:Math.min(t.clientHeight,window.innerHeight)/2}}function f(e,i,n){["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"].forEach(function(o){t(e,o,i[o],n)})}var p="WebkitAppearance"in document.documentElement.style?"-webkit-":"",m={default:"auto",zoomIn:p+"zoom-in",zoomOut:p+"zoom-out",grab:p+"grab",move:"move"},y=function(t){var e={},i=["webkitTransition","transition","mozTransition"],n=["webkitTransform","transform","mozTransform"],o={transition:"transitionend",mozTransition:"transitionend",webkitTransition:"webkitTransitionEnd"};return i.some(function(i){if(void 0!==t.style[i])return e.transitionProp=i,e.transEndEvent=o[i],!0}),n.some(function(i){if(void 0!==t.style[i])return e.transformProp=i,e.transformCssProp=i.replace(/(.*)Transform/,"-$1-transform"),!0}),e}(document.createElement("div")),v=y.transformCssProp,g=y.transEndEvent,b={defaultZoomable:'img[data-action="zoom"]',enableGrab:!0,preloadImage:!1,closeOnWindowResize:!0,transitionDuration:.4,transitionTimingFunction:"cubic-bezier(0.4, 0, 0, 1)",bgColor:"rgb(255, 255, 255)",bgOpacity:1,scaleBase:1,scaleExtra:.5,scrollThreshold:40,zIndex:998,customSize:null,onOpen:null,onClose:null,onGrab:null,onMove:null,onRelease:null,onBeforeOpen:null,onBeforeClose:null,onBeforeGrab:null,onBeforeRelease:null},w={init:function(t){o(this,t)},click:function(t){if(t.preventDefault(),l(t))return window.open(this.target.srcOriginal||t.currentTarget.src,"_blank");this.shown?this.released?this.close():this.release():this.open(t.currentTarget)},scroll:function(){var t=document.documentElement||document.body.parentNode||document.body,e=window.pageXOffset||t.scrollLeft,i=window.pageYOffset||t.scrollTop;null===this.lastScrollPosition&&(this.lastScrollPosition={x:e,y:i});var n=this.lastScrollPosition.x-e,o=this.lastScrollPosition.y-i,s=this.options.scrollThreshold;(Math.abs(o)>=s||Math.abs(n)>=s)&&(this.lastScrollPosition=null,this.close())},keydown:function(t){h(t)&&(this.released?this.close():this.release(this.close))},mousedown:function(t){if(r(t)&&!l(t)){t.preventDefault();var e=t.clientX,i=t.clientY;this.pressTimer=setTimeout(function(){this.grab(e,i)}.bind(this),200)}},mousemove:function(t){this.released||this.move(t.clientX,t.clientY)},mouseup:function(t){r(t)&&!l(t)&&(clearTimeout(this.pressTimer),this.released?this.close():this.release())},touchstart:function(t){t.preventDefault();var e=t.touches[0],i=e.clientX,n=e.clientY;this.pressTimer=setTimeout(function(){this.grab(i,n)}.bind(this),200)},touchmove:function(t){if(!this.released){var e=t.touches[0],i=e.clientX,n=e.clientY;this.move(i,n)}},touchend:function(t){a(t)||(clearTimeout(this.pressTimer),this.released?this.close():this.release())},clickOverlay:function(){this.close()},resizeWindow:function(){this.close()}},O={init:function(e){this.el=document.createElement("div"),this.instance=e,this.parent=document.body,n(this.el,{position:"fixed",top:0,left:0,right:0,bottom:0,opacity:0}),this.updateStyle(e.options),t(this.el,"click",e.handler.clickOverlay.bind(e))},updateStyle:function(t){n(this.el,{zIndex:t.zIndex,backgroundColor:t.bgColor,transition:"opacity\n "+t.transitionDuration+"s\n "+t.transitionTimingFunction})},insert:function(){this.parent.appendChild(this.el)},remove:function(){this.parent.removeChild(this.el)},fadeIn:function(){this.el.offsetWidth,this.el.style.opacity=this.instance.options.bgOpacity},fadeOut:function(){this.el.style.opacity=0}},k={init:function(t,e){this.el=t,this.instance=e,this.srcThumbnail=this.el.getAttribute("src"),this.srcOriginal=i(this.el),this.rect=t.getBoundingClientRect(),this.translate=null,this.scale=null,this.styleOpen=null,this.styleClose=null},zoomIn:function(){var t=this.instance.options;this.translate=c(this.rect),this.scale=u(this.rect,t.scaleBase,t.customSize),this.styleOpen={position:"relative",zIndex:t.zIndex+1,cursor:t.enableGrab?m.grab:m.zoomOut,transition:v+"\n "+t.transitionDuration+"s\n "+t.transitionTimingFunction,transform:"translate("+this.translate.x+"px, "+this.translate.y+"px)\n scale("+this.scale.x+","+this.scale.y+")",height:this.rect.height+"px",width:this.rect.width+"px"},this.el.offsetWidth,this.styleClose=n(this.el,this.styleOpen,!0)},zoomOut:function(){this.el.offsetWidth,n(this.el,{transform:"none"})},grab:function(t,e,i){var o=d(),s=o.x-t,r=o.y-e;n(this.el,{cursor:m.move,transform:"translate(\n "+(this.translate.x+s)+"px, "+(this.translate.y+r)+"px)\n scale("+(this.scale.x+i)+","+(this.scale.y+i)+")"})},move:function(t,e,i){var o=d(),s=o.x-t,r=o.y-e;n(this.el,{transition:v,transform:"translate(\n "+(this.translate.x+s)+"px, "+(this.translate.y+r)+"px)\n scale("+(this.scale.x+i)+","+(this.scale.y+i)+")"})},restoreCloseStyle:function(){n(this.el,this.styleClose)},restoreOpenStyle:function(){n(this.el,this.styleOpen)},upgradeSource:function(){if(this.srcOriginal){var t=this.el.parentNode,e=this.el.cloneNode(!1);e.setAttribute("src",this.srcOriginal),e.style.position="fixed",e.style.visibility="hidden",t.appendChild(e),setTimeout(function(){this.el.setAttribute("src",this.srcOriginal),t.removeChild(e)}.bind(this),50)}},downgradeSource:function(){this.srcOriginal&&this.el.setAttribute("src",this.srcThumbnail)}},x=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},z=function(){function t(t,e){for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:this.options.onOpen;if(!this.shown&&!this.lock){var s="string"==typeof i?document.querySelector(i):i;if("IMG"===s.tagName){this.options.onBeforeOpen&&this.options.onBeforeOpen(s),this.target.init(s,this),this.options.preloadImage||e(this.target.srcOriginal),this.shown=!0,this.lock=!0,this.target.zoomIn(),this.overlay.insert(),this.overlay.fadeIn(),t(document,"scroll",this.handler.scroll),t(document,"keydown",this.handler.keydown),this.options.closeOnWindowResize&&t(window,"resize",this.handler.resizeWindow);return t(s,g,function e(){t(s,g,e,!1),n.lock=!1,n.target.upgradeSource(),n.options.enableGrab&&f(document,n.handler,!0),o&&o(s)}),this}}}},{key:"close",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onClose;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeClose&&this.options.onBeforeClose(n),this.lock=!0,this.body.style.cursor=m.default,this.overlay.fadeOut(),this.target.zoomOut(),t(document,"scroll",this.handler.scroll,!1),t(document,"keydown",this.handler.keydown,!1),this.options.closeOnWindowResize&&t(window,"resize",this.handler.resizeWindow,!1);return t(n,g,function o(){t(n,g,o,!1),e.shown=!1,e.lock=!1,e.target.downgradeSource(),e.options.enableGrab&&f(document,e.handler,!1),e.target.restoreCloseStyle(),e.overlay.remove(),i&&i(n)}),this}}},{key:"grab",value:function(e,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onGrab;if(this.shown&&!this.lock){var s=this.target.el;this.options.onBeforeGrab&&this.options.onBeforeGrab(s),this.released=!1,this.target.grab(e,i,n);return t(s,g,function e(){t(s,g,e,!1),o&&o(s)}),this}}},{key:"move",value:function(e,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onMove;if(this.shown&&!this.lock){this.released=!1,this.body.style.cursor=m.move,this.target.move(e,i,n);var s=this.target.el;return t(s,g,function e(){t(s,g,e,!1),o&&o(s)}),this}}},{key:"release",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onRelease;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeRelease&&this.options.onBeforeRelease(n),this.lock=!0,this.body.style.cursor=m.default,this.target.restoreOpenStyle();return t(n,g,function o(){t(n,g,o,!1),e.lock=!1,e.released=!0,i&&i(n)}),this}}}]),n}();return t(document,"DOMContentLoaded",function(){new C}),C}); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.Zooming=e()}(this,function(){"use strict";function t(t,e,i){var n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],o={passive:!1};n?t.addEventListener(e,i,o):t.removeEventListener(e,i,o)}function e(t,e){if(t){var i=new Image;i.onload=function(){e&&e(i)},i.src=t}}function i(t){return t.hasAttribute("data-original")?t.getAttribute("data-original"):"A"===t.parentNode.tagName?t.parentNode.getAttribute("href"):null}function n(t,e,i){s(e);var n=t.style,o={};for(var r in e)i&&(o[r]=n[r]||""),n[r]=e[r];return o}function o(t,e){Object.getOwnPropertyNames(Object.getPrototypeOf(t)).forEach(function(i){t[i]=t[i].bind(e)})}function s(t){var e=y.transitionProp,i=y.transformProp;if(t.transition){var n=t.transition;delete t.transition,t[e]=n}if(t.transform){var o=t.transform;delete t.transform,t[i]=o}}function r(t){return 0===t.button}function l(t){return t.metaKey||t.ctrlKey}function a(t){t.targetTouches.length}function h(t){return"Escape"===(t.key||t.code)||27===t.keyCode}function c(t){var e=d(),i={x:t.left+t.width/2,y:t.top+t.height/2};return{x:e.x-i.x,y:e.y-i.y}}function u(t,e,i){if(i)return{x:i.width/t.width,y:i.height/t.height};var n=t.width/2,o=t.height/2,s=d(),r={x:s.x-n,y:s.y-o},l=r.x/n,a=r.y/o,h=e+Math.min(l,a);return{x:h,y:h}}function d(){var t=document.documentElement;return{x:Math.min(t.clientWidth,window.innerWidth)/2,y:Math.min(t.clientHeight,window.innerHeight)/2}}function f(e,i,n){["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"].forEach(function(o){t(e,o,i[o],n)})}var p="WebkitAppearance"in document.documentElement.style?"-webkit-":"",m={default:"auto",zoomIn:p+"zoom-in",zoomOut:p+"zoom-out",grab:p+"grab",move:"move"},y=function(t){var e={},i=["webkitTransition","transition","mozTransition"],n=["webkitTransform","transform","mozTransform"],o={transition:"transitionend",mozTransition:"transitionend",webkitTransition:"webkitTransitionEnd"};return i.some(function(i){if(void 0!==t.style[i])return e.transitionProp=i,e.transEndEvent=o[i],!0}),n.some(function(i){if(void 0!==t.style[i])return e.transformProp=i,e.transformCssProp=i.replace(/(.*)Transform/,"-$1-transform"),!0}),e}(document.createElement("div")),v=y.transformCssProp,g=y.transEndEvent,b={defaultZoomable:'img[data-action="zoom"]',enableGrab:!0,preloadImage:!1,closeOnWindowResize:!0,transitionDuration:.4,transitionTimingFunction:"cubic-bezier(0.4, 0, 0, 1)",bgColor:"rgb(255, 255, 255)",bgOpacity:1,scaleBase:1,scaleExtra:.5,scrollThreshold:40,zIndex:998,customSize:null,onOpen:null,onClose:null,onGrab:null,onMove:null,onRelease:null,onBeforeOpen:null,onBeforeClose:null,onBeforeGrab:null,onBeforeRelease:null},w={init:function(t){o(this,t)},click:function(t){if(t.preventDefault(),l(t))return window.open(this.target.srcOriginal||t.currentTarget.src,"_blank");this.shown?this.released?this.close():this.release():this.open(t.currentTarget)},scroll:function(){var t=document.documentElement||document.body.parentNode||document.body,e=window.pageXOffset||t.scrollLeft,i=window.pageYOffset||t.scrollTop;null===this.lastScrollPosition&&(this.lastScrollPosition={x:e,y:i});var n=this.lastScrollPosition.x-e,o=this.lastScrollPosition.y-i,s=this.options.scrollThreshold;(Math.abs(o)>=s||Math.abs(n)>=s)&&(this.lastScrollPosition=null,this.close())},keydown:function(t){h(t)&&(this.released?this.close():this.release(this.close))},mousedown:function(t){if(r(t)&&!l(t)){t.preventDefault();var e=t.clientX,i=t.clientY;this.pressTimer=setTimeout(function(){this.grab(e,i)}.bind(this),200)}},mousemove:function(t){this.released||this.move(t.clientX,t.clientY)},mouseup:function(t){r(t)&&!l(t)&&(clearTimeout(this.pressTimer),this.released?this.close():this.release())},touchstart:function(t){t.preventDefault();var e=t.touches[0],i=e.clientX,n=e.clientY;this.pressTimer=setTimeout(function(){this.grab(i,n)}.bind(this),200)},touchmove:function(t){if(!this.released){var e=t.touches[0],i=e.clientX,n=e.clientY;this.move(i,n)}},touchend:function(t){a(t)||(clearTimeout(this.pressTimer),this.released?this.close():this.release())},clickOverlay:function(){this.close()},resizeWindow:function(){this.close()}},O={init:function(e){this.el=document.createElement("div"),this.instance=e,this.parent=document.body,n(this.el,{position:"fixed",top:0,left:0,right:0,bottom:0,opacity:0}),this.updateStyle(e.options),t(this.el,"click",e.handler.clickOverlay.bind(e))},updateStyle:function(t){n(this.el,{zIndex:t.zIndex,backgroundColor:t.bgColor,transition:"opacity\n "+t.transitionDuration+"s\n "+t.transitionTimingFunction})},insert:function(){this.parent.appendChild(this.el)},remove:function(){this.parent.removeChild(this.el)},fadeIn:function(){this.el.offsetWidth,this.el.style.opacity=this.instance.options.bgOpacity},fadeOut:function(){this.el.style.opacity=0}},x={init:function(t,e){this.el=t,this.instance=e,this.srcThumbnail=this.el.getAttribute("src"),this.srcOriginal=i(this.el),this.rect=t.getBoundingClientRect(),this.translate=null,this.scale=null,this.styleOpen=null,this.styleClose=null},zoomIn:function(){var t=this.instance.options;this.translate=c(this.rect),this.scale=u(this.rect,t.scaleBase,t.customSize),this.styleOpen={position:"relative",zIndex:t.zIndex+1,cursor:t.enableGrab?m.grab:m.zoomOut,transition:v+"\n "+t.transitionDuration+"s\n "+t.transitionTimingFunction,transform:"translate3d("+this.translate.x+"px, "+this.translate.y+"px, 0px)\n scale("+this.scale.x+","+this.scale.y+")",height:this.rect.height+"px",width:this.rect.width+"px"},this.el.offsetWidth,this.styleClose=n(this.el,this.styleOpen,!0)},zoomOut:function(){this.el.offsetWidth,n(this.el,{transform:"none"})},grab:function(t,e,i){var o=d(),s=o.x-t,r=o.y-e;n(this.el,{cursor:m.move,transform:"translate3d(\n "+(this.translate.x+s)+"px, "+(this.translate.y+r)+"px, 0px)\n scale("+(this.scale.x+i)+","+(this.scale.y+i)+")"})},move:function(t,e,i){var o=d(),s=o.x-t,r=o.y-e;n(this.el,{transition:v,transform:"translate3d(\n "+(this.translate.x+s)+"px, "+(this.translate.y+r)+"px, 0px)\n scale("+(this.scale.x+i)+","+(this.scale.y+i)+")"})},restoreCloseStyle:function(){n(this.el,this.styleClose)},restoreOpenStyle:function(){n(this.el,this.styleOpen)},upgradeSource:function(){if(this.srcOriginal){var t=this.el.parentNode,e=this.el.cloneNode(!1);e.setAttribute("src",this.srcOriginal),e.style.position="fixed",e.style.visibility="hidden",t.appendChild(e),setTimeout(function(){this.el.setAttribute("src",this.srcOriginal),t.removeChild(e)}.bind(this),50)}},downgradeSource:function(){this.srcOriginal&&this.el.setAttribute("src",this.srcThumbnail)}},k=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},z=function(){function t(t,e){for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:this.options.onOpen;if(!this.shown&&!this.lock){var s="string"==typeof i?document.querySelector(i):i;if("IMG"===s.tagName){this.options.onBeforeOpen&&this.options.onBeforeOpen(s),this.target.init(s,this),this.options.preloadImage||e(this.target.srcOriginal),this.shown=!0,this.lock=!0,this.target.zoomIn(),this.overlay.insert(),this.overlay.fadeIn(),t(document,"scroll",this.handler.scroll),t(document,"keydown",this.handler.keydown),this.options.closeOnWindowResize&&t(window,"resize",this.handler.resizeWindow);return t(s,g,function e(){t(s,g,e,!1),n.lock=!1,n.target.upgradeSource(),n.options.enableGrab&&f(document,n.handler,!0),o&&o(s)}),this}}}},{key:"close",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onClose;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeClose&&this.options.onBeforeClose(n),this.lock=!0,this.body.style.cursor=m.default,this.overlay.fadeOut(),this.target.zoomOut(),t(document,"scroll",this.handler.scroll,!1),t(document,"keydown",this.handler.keydown,!1),this.options.closeOnWindowResize&&t(window,"resize",this.handler.resizeWindow,!1);return t(n,g,function o(){t(n,g,o,!1),e.shown=!1,e.lock=!1,e.target.downgradeSource(),e.options.enableGrab&&f(document,e.handler,!1),e.target.restoreCloseStyle(),e.overlay.remove(),i&&i(n)}),this}}},{key:"grab",value:function(e,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onGrab;if(this.shown&&!this.lock){var s=this.target.el;this.options.onBeforeGrab&&this.options.onBeforeGrab(s),this.released=!1,this.target.grab(e,i,n);return t(s,g,function e(){t(s,g,e,!1),o&&o(s)}),this}}},{key:"move",value:function(e,i){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.options.scaleExtra,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:this.options.onMove;if(this.shown&&!this.lock){this.released=!1,this.body.style.cursor=m.move,this.target.move(e,i,n);var s=this.target.el;return t(s,g,function e(){t(s,g,e,!1),o&&o(s)}),this}}},{key:"release",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.onRelease;if(this.shown&&!this.lock){var n=this.target.el;this.options.onBeforeRelease&&this.options.onBeforeRelease(n),this.lock=!0,this.body.style.cursor=m.default,this.target.restoreOpenStyle();return t(n,g,function o(){t(n,g,o,!1),e.lock=!1,e.released=!0,i&&i(n)}),this}}}]),n}();return t(document,"DOMContentLoaded",function(){new C}),C}); //# sourceMappingURL=zooming.min.js.map diff --git a/build/zooming.min.js.map b/build/zooming.min.js.map index ff505fb6..19010d02 100644 --- a/build/zooming.min.js.map +++ b/build/zooming.min.js.map @@ -1 +1 @@ -{"version":3,"file":"zooming.min.js","sources":["../src/utils.js","../src/modules/handler.js","../src/modules/target.js","../src/modules/zooming.js","../src/options.js","../src/modules/overlay.js","../src/index.js"],"sourcesContent":["export const webkitPrefix = 'WebkitAppearance' in document.documentElement.style\n ? '-webkit-'\n : ''\n\nexport const cursor = {\n default: 'auto',\n zoomIn: `${webkitPrefix}zoom-in`,\n zoomOut: `${webkitPrefix}zoom-out`,\n grab: `${webkitPrefix}grab`,\n move: 'move'\n}\n\nexport function listen(el, event, handler, add = true) {\n const options = { passive: false }\n\n if (add) {\n el.addEventListener(event, handler, options)\n } else {\n el.removeEventListener(event, handler, options)\n }\n}\n\nexport function loadImage(src, cb) {\n if (src) {\n const img = new Image()\n\n img.onload = function onImageLoad() {\n if (cb) cb(img)\n }\n\n img.src = src\n }\n}\n\nexport function getOriginalSource(el) {\n if (el.hasAttribute('data-original')) {\n return el.getAttribute('data-original')\n } else if (el.parentNode.tagName === 'A') {\n return el.parentNode.getAttribute('href')\n } else {\n return null\n }\n}\n\nexport function setStyle(el, styles, remember) {\n checkTrans(styles)\n\n let s = el.style\n let original = {}\n\n for (let key in styles) {\n if (remember) {\n original[key] = s[key] || ''\n }\n\n s[key] = styles[key]\n }\n\n return original\n}\n\nexport function bindAll(_this, that) {\n const methods = Object.getOwnPropertyNames(Object.getPrototypeOf(_this))\n methods.forEach(function bindOne(method) {\n _this[method] = _this[method].bind(that)\n })\n}\n\nconst trans = sniffTransition(document.createElement('div'))\nexport const transformCssProp = trans.transformCssProp\nexport const transEndEvent = trans.transEndEvent\n\nfunction checkTrans(styles) {\n const { transitionProp, transformProp } = trans\n\n if (styles.transition) {\n const value = styles.transition\n delete styles.transition\n styles[transitionProp] = value\n }\n\n if (styles.transform) {\n const value = styles.transform\n delete styles.transform\n styles[transformProp] = value\n }\n}\n\nfunction sniffTransition(el) {\n let res = {}\n const trans = ['webkitTransition', 'transition', 'mozTransition']\n const tform = ['webkitTransform', 'transform', 'mozTransform']\n const end = {\n transition: 'transitionend',\n mozTransition: 'transitionend',\n webkitTransition: 'webkitTransitionEnd'\n }\n\n trans.some(function hasTransition(prop) {\n if (el.style[prop] !== undefined) {\n res.transitionProp = prop\n res.transEndEvent = end[prop]\n return true\n }\n })\n\n tform.some(function hasTransform(prop) {\n if (el.style[prop] !== undefined) {\n res.transformProp = prop\n res.transformCssProp = prop.replace(/(.*)Transform/, '-$1-transform')\n return true\n }\n })\n\n return res\n}\n","import { bindAll } from '../utils'\n\nconst PRESS_DELAY = 200\n\nexport default {\n init(instance) {\n bindAll(this, instance)\n },\n\n click(e) {\n e.preventDefault()\n\n if (isPressingMetaKey(e)) {\n return window.open(\n this.target.srcOriginal || e.currentTarget.src,\n '_blank'\n )\n } else {\n if (this.shown) {\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n } else {\n this.open(e.currentTarget)\n }\n }\n },\n\n scroll() {\n const el =\n document.documentElement || document.body.parentNode || document.body\n const scrollLeft = window.pageXOffset || el.scrollLeft\n const scrollTop = window.pageYOffset || el.scrollTop\n\n if (this.lastScrollPosition === null) {\n this.lastScrollPosition = {\n x: scrollLeft,\n y: scrollTop\n }\n }\n\n const deltaX = this.lastScrollPosition.x - scrollLeft\n const deltaY = this.lastScrollPosition.y - scrollTop\n const threshold = this.options.scrollThreshold\n\n if (Math.abs(deltaY) >= threshold || Math.abs(deltaX) >= threshold) {\n this.lastScrollPosition = null\n this.close()\n }\n },\n\n keydown(e) {\n if (isEscape(e)) {\n if (this.released) {\n this.close()\n } else {\n this.release(this.close)\n }\n }\n },\n\n mousedown(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n e.preventDefault()\n const { clientX, clientY } = e\n\n this.pressTimer = setTimeout(\n function grabOnMouseDown() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n mousemove(e) {\n if (this.released) return\n this.move(e.clientX, e.clientY)\n },\n\n mouseup(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n touchstart(e) {\n e.preventDefault()\n const { clientX, clientY } = e.touches[0]\n\n this.pressTimer = setTimeout(\n function grabOnTouchStart() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n touchmove(e) {\n if (this.released) return\n\n const { clientX, clientY } = e.touches[0]\n this.move(clientX, clientY)\n },\n\n touchend(e) {\n if (isTouching(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n clickOverlay() {\n this.close()\n },\n\n resizeWindow() {\n this.close()\n }\n}\n\nfunction isLeftButton(e) {\n return e.button === 0\n}\n\nfunction isPressingMetaKey(e) {\n return e.metaKey || e.ctrlKey\n}\n\nfunction isTouching(e) {\n e.targetTouches.length > 0\n}\n\nfunction isEscape(e) {\n const code = e.key || e.code\n return code === 'Escape' || e.keyCode === 27\n}\n","import { cursor, setStyle, getOriginalSource, transformCssProp } from '../utils'\n\nexport default {\n init(el, instance) {\n this.el = el\n this.instance = instance\n this.srcThumbnail = this.el.getAttribute('src')\n this.srcOriginal = getOriginalSource(this.el)\n this.rect = el.getBoundingClientRect()\n this.translate = null\n this.scale = null\n this.styleOpen = null\n this.styleClose = null\n },\n\n zoomIn() {\n const options = this.instance.options\n\n this.translate = calculateTranslate(this.rect)\n this.scale = calculateScale(\n this.rect,\n options.scaleBase,\n options.customSize\n )\n\n this.styleOpen = {\n position: 'relative',\n zIndex: options.zIndex + 1,\n cursor: options.enableGrab ? cursor.grab : cursor.zoomOut,\n transition: `${transformCssProp}\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`,\n transform: `translate(${this.translate.x}px, ${this.translate.y}px)\n scale(${this.scale.x},${this.scale.y})`,\n height: `${this.rect.height}px`,\n width: `${this.rect.width}px`\n }\n\n // Force layout update\n this.el.offsetWidth\n\n // Trigger transition\n this.styleClose = setStyle(this.el, this.styleOpen, true)\n },\n\n zoomOut() {\n // Force layout update\n this.el.offsetWidth\n\n setStyle(this.el, { transform: 'none' })\n },\n\n grab(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n cursor: cursor.move,\n transform: `translate(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n move(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n transition: transformCssProp,\n transform: `translate(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n restoreCloseStyle() {\n setStyle(this.el, this.styleClose)\n },\n\n restoreOpenStyle() {\n setStyle(this.el, this.styleOpen)\n },\n\n upgradeSource() {\n if (this.srcOriginal) {\n const parentNode = this.el.parentNode\n const temp = this.el.cloneNode(false)\n\n // Force compute the hi-res image in DOM to prevent\n // image flickering while updating src\n temp.setAttribute('src', this.srcOriginal)\n temp.style.position = 'fixed'\n temp.style.visibility = 'hidden'\n parentNode.appendChild(temp)\n\n // Add delay to prevent Firefox from flickering\n setTimeout(\n function updateSrc() {\n this.el.setAttribute('src', this.srcOriginal)\n parentNode.removeChild(temp)\n }.bind(this),\n 50\n )\n }\n },\n\n downgradeSource() {\n if (this.srcOriginal) {\n this.el.setAttribute('src', this.srcThumbnail)\n }\n }\n}\n\nfunction calculateTranslate(rect) {\n const windowCenter = getWindowCenter()\n const targetCenter = {\n x: rect.left + rect.width / 2,\n y: rect.top + rect.height / 2\n }\n\n // The vector to translate image to the window center\n return {\n x: windowCenter.x - targetCenter.x,\n y: windowCenter.y - targetCenter.y\n }\n}\n\nfunction calculateScale(rect, scaleBase, customSize) {\n if (customSize) {\n return {\n x: customSize.width / rect.width,\n y: customSize.height / rect.height\n }\n } else {\n const targetHalfWidth = rect.width / 2\n const targetHalfHeight = rect.height / 2\n const windowCenter = getWindowCenter()\n\n // The distance between target edge and window edge\n const targetEdgeToWindowEdge = {\n x: windowCenter.x - targetHalfWidth,\n y: windowCenter.y - targetHalfHeight\n }\n\n const scaleHorizontally = targetEdgeToWindowEdge.x / targetHalfWidth\n const scaleVertically = targetEdgeToWindowEdge.y / targetHalfHeight\n\n // The additional scale is based on the smaller value of\n // scaling horizontally and scaling vertically\n const scale = scaleBase + Math.min(scaleHorizontally, scaleVertically)\n\n return {\n x: scale,\n y: scale\n }\n }\n}\n\nfunction getWindowCenter() {\n const docEl = document.documentElement\n const windowWidth = Math.min(docEl.clientWidth, window.innerWidth)\n const windowHeight = Math.min(docEl.clientHeight, window.innerHeight)\n\n return {\n x: windowWidth / 2,\n y: windowHeight / 2\n }\n}\n","import {\n cursor,\n listen,\n loadImage,\n transEndEvent,\n getOriginalSource\n} from '../utils'\nimport DEFAULT_OPTIONS from '../options'\n\nimport handler from './handler'\nimport overlay from './overlay'\nimport target from './target'\n\n/**\n * Zooming instance.\n */\nexport default class Zooming {\n /**\n * @param {Object} [options] Update default options if provided.\n */\n constructor(options) {\n this.target = Object.create(target)\n this.overlay = Object.create(overlay)\n this.handler = Object.create(handler)\n this.body = document.body\n\n this.shown = false\n this.lock = false\n this.released = true\n this.lastScrollPosition = null\n this.pressTimer = null\n\n this.options = Object.assign({}, DEFAULT_OPTIONS, options)\n this.overlay.init(this)\n this.handler.init(this)\n this.listen(this.options.defaultZoomable)\n }\n\n /**\n * Make element(s) zoomable.\n * @param {string|Element} el A css selector or an Element.\n * @return {this}\n */\n listen(el) {\n if (typeof el === 'string') {\n const els = document.querySelectorAll(el)\n let i = els.length\n\n while (i--) {\n this.listen(els[i])\n }\n } else if (el.tagName === 'IMG') {\n el.style.cursor = cursor.zoomIn\n listen(el, 'click', this.handler.click)\n\n if (this.options.preloadImage) {\n loadImage(getOriginalSource(el))\n }\n }\n\n return this\n }\n\n /**\n * Update options or return current options if no argument is provided.\n * @param {Object} options An Object that contains this.options.\n * @return {this|this.options}\n */\n config(options) {\n if (options) {\n Object.assign(this.options, options)\n this.overlay.updateStyle(this.options)\n return this\n } else {\n return this.options\n }\n }\n\n /**\n * Open (zoom in) the Element.\n * @param {Element} el The Element to open.\n * @param {Function} [cb=this.options.onOpen] A callback function that will\n * be called when a target is opened and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n open(el, cb = this.options.onOpen) {\n if (this.shown || this.lock) return\n\n const target = typeof el === 'string' ? document.querySelector(el) : el\n\n if (target.tagName !== 'IMG') return\n\n if (this.options.onBeforeOpen) {\n this.options.onBeforeOpen(target)\n }\n\n this.target.init(target, this)\n\n if (!this.options.preloadImage) {\n loadImage(this.target.srcOriginal)\n }\n\n this.shown = true\n this.lock = true\n\n this.target.zoomIn()\n this.overlay.insert()\n this.overlay.fadeIn()\n\n listen(document, 'scroll', this.handler.scroll)\n listen(document, 'keydown', this.handler.keydown)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow)\n }\n\n const onOpenEnd = () => {\n listen(target, transEndEvent, onOpenEnd, false)\n this.lock = false\n this.target.upgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, true)\n }\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onOpenEnd)\n\n return this\n }\n\n /**\n * Close (zoom out) the Element currently opened.\n * @param {Function} [cb=this.options.onClose] A callback function that will\n * be called when a target is closed and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n close(cb = this.options.onClose) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeClose) {\n this.options.onBeforeClose(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.overlay.fadeOut()\n this.target.zoomOut()\n\n listen(document, 'scroll', this.handler.scroll, false)\n listen(document, 'keydown', this.handler.keydown, false)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow, false)\n }\n\n const onCloseEnd = () => {\n listen(target, transEndEvent, onCloseEnd, false)\n\n this.shown = false\n this.lock = false\n\n this.target.downgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, false)\n }\n\n this.target.restoreCloseStyle()\n this.overlay.remove()\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onCloseEnd)\n\n return this\n }\n\n /**\n * Grab the Element currently opened given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onGrab] A callback function that\n * will be called when a target is grabbed and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n grab(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onGrab) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeGrab) {\n this.options.onBeforeGrab(target)\n }\n\n this.released = false\n this.target.grab(x, y, scaleExtra)\n\n const onGrabEnd = () => {\n listen(target, transEndEvent, onGrabEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onGrabEnd)\n\n return this\n }\n\n /**\n * Move the Element currently grabbed given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onMove] A callback function that\n * will be called when a target is moved and transition has ended. It will\n * get the target element as the argument.\n * @return {this}\n */\n move(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onMove) {\n if (!this.shown || this.lock) return\n\n this.released = false\n this.body.style.cursor = cursor.move\n this.target.move(x, y, scaleExtra)\n\n const target = this.target.el\n\n const onMoveEnd = () => {\n listen(target, transEndEvent, onMoveEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onMoveEnd)\n\n return this\n }\n\n /**\n * Release the Element currently grabbed.\n * @param {Function} [cb=this.options.onRelease] A callback function that\n * will be called when a target is released and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n release(cb = this.options.onRelease) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeRelease) {\n this.options.onBeforeRelease(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.target.restoreOpenStyle()\n\n const onReleaseEnd = () => {\n listen(target, transEndEvent, onReleaseEnd, false)\n this.lock = false\n this.released = true\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onReleaseEnd)\n\n return this\n }\n}\n\nfunction toggleGrabListeners(el, handler, add) {\n const types = [\n 'mousedown',\n 'mousemove',\n 'mouseup',\n 'touchstart',\n 'touchmove',\n 'touchend'\n ]\n\n types.forEach(function toggleListener(type) {\n listen(el, type, handler[type], add)\n })\n}\n","/**\n * A list of options.\n *\n * @type {Object}\n * @example\n * // Default options\n * const options = {\n * defaultZoomable: 'img[data-action=\"zoom\"]',\n * enableGrab: true,\n * preloadImage: false,\n * closeOnWindowResize: true,\n * transitionDuration: 0.4,\n * transitionTimingFunction: 'cubic-bezier(0.4, 0, 0, 1)',\n * bgColor: 'rgb(255, 255, 255)',\n * bgOpacity: 1,\n * scaleBase: 1.0,\n * scaleExtra: 0.5,\n * scrollThreshold: 40,\n * zIndex: 998,\n * customSize: null,\n * onOpen: null,\n * onClose: null,\n * onRelease: null,\n * onBeforeOpen: null,\n * onBeforeClose: null,\n * onBeforeGrab: null,\n * onBeforeRelease: null\n * }\n */\nexport default {\n /**\n * Zoomable elements by default. It can be a css selector or an element.\n * @type {string|Element}\n */\n defaultZoomable: 'img[data-action=\"zoom\"]',\n\n /**\n * To be able to grab and drag the image for extra zoom-in.\n * @type {boolean}\n */\n enableGrab: true,\n\n /**\n * Preload zoomable images.\n * @type {boolean}\n */\n preloadImage: false,\n\n /**\n * Close the zoomed image when browser window is resized.\n * @type {boolean}\n */\n closeOnWindowResize: true,\n\n /**\n * Transition duration in seconds.\n * @type {number}\n */\n transitionDuration: 0.4,\n\n /**\n * Transition timing function.\n * @type {string}\n */\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0, 1)',\n\n /**\n * Overlay background color.\n * @type {string}\n */\n bgColor: 'rgb(255, 255, 255)',\n\n /**\n * Overlay background opacity.\n * @type {number}\n */\n bgOpacity: 1,\n\n /**\n * The base scale factor for zooming. By default scale to fit the window.\n * @type {number}\n */\n scaleBase: 1.0,\n\n /**\n * The additional scale factor when grabbing the image.\n * @type {number}\n */\n scaleExtra: 0.5,\n\n /**\n * How much scrolling it takes before closing out.\n * @type {number}\n */\n scrollThreshold: 40,\n\n /**\n * The z-index that the overlay will be added with.\n * @type {number}\n */\n zIndex: 998,\n\n /**\n * Scale (zoom in) to given width and height. Ignore scaleBase if set.\n * @type {Object}\n * @example\n * customSize: { width: 800, height: 400 }\n */\n customSize: null,\n\n /**\n * A callback function that will be called when a target is opened and\n * transition has ended. It will get the target element as the argument.\n * @type {Function}\n */\n onOpen: null,\n\n /**\n * Same as above, except fired when closed.\n * @type {Function}\n */\n onClose: null,\n\n /**\n * Same as above, except fired when grabbed.\n * @type {Function}\n */\n onGrab: null,\n\n /**\n * Same as above, except fired when moved.\n * @type {Function}\n */\n onMove: null,\n\n /**\n * Same as above, except fired when released.\n * @type {Function}\n */\n onRelease: null,\n\n /**\n * A callback function that will be called before open.\n * @type {Function}\n */\n onBeforeOpen: null,\n\n /**\n * A callback function that will be called before close.\n * @type {Function}\n */\n onBeforeClose: null,\n\n /**\n * A callback function that will be called before grab.\n * @type {Function}\n */\n onBeforeGrab: null,\n\n /**\n * A callback function that will be called before release.\n * @type {Function}\n */\n onBeforeRelease: null\n}\n","import { listen, setStyle } from '../utils'\n\nexport default {\n init(instance) {\n this.el = document.createElement('div')\n this.instance = instance\n this.parent = document.body\n\n setStyle(this.el, {\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n opacity: 0\n })\n\n this.updateStyle(instance.options)\n listen(this.el, 'click', instance.handler.clickOverlay.bind(instance))\n },\n\n updateStyle(options) {\n setStyle(this.el, {\n zIndex: options.zIndex,\n backgroundColor: options.bgColor,\n transition: `opacity\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`\n })\n },\n\n insert() {\n this.parent.appendChild(this.el)\n },\n\n remove() {\n this.parent.removeChild(this.el)\n },\n\n fadeIn() {\n this.el.offsetWidth\n this.el.style.opacity = this.instance.options.bgOpacity\n },\n\n fadeOut() {\n this.el.style.opacity = 0\n }\n}\n","import { listen } from './utils'\nimport Zooming from './modules/zooming'\n\nlisten(document, 'DOMContentLoaded', function initZooming() {\n new Zooming()\n})\n\nexport default Zooming\n"],"names":["listen","el","event","handler","add","options","passive","addEventListener","removeEventListener","loadImage","src","cb","img","Image","onload","getOriginalSource","hasAttribute","getAttribute","parentNode","tagName","setStyle","styles","remember","s","style","original","key","bindAll","_this","that","Object","getOwnPropertyNames","getPrototypeOf","forEach","method","bind","checkTrans","transitionProp","trans","transformProp","transition","value","transform","isLeftButton","e","button","isPressingMetaKey","metaKey","ctrlKey","isTouching","targetTouches","length","isEscape","code","keyCode","calculateTranslate","rect","windowCenter","getWindowCenter","targetCenter","left","width","top","height","x","y","calculateScale","scaleBase","customSize","targetHalfWidth","targetHalfHeight","targetEdgeToWindowEdge","scaleHorizontally","scaleVertically","scale","Math","min","docEl","document","documentElement","clientWidth","window","innerWidth","clientHeight","innerHeight","toggleGrabListeners","type","webkitPrefix","cursor","res","tform","end","some","prop","undefined","transEndEvent","transformCssProp","replace","createElement","instance","this","preventDefault","open","target","srcOriginal","currentTarget","shown","released","close","release","body","scrollLeft","pageXOffset","scrollTop","pageYOffset","lastScrollPosition","deltaX","deltaY","threshold","scrollThreshold","abs","clientX","clientY","pressTimer","setTimeout","grab","move","touches","parent","updateStyle","clickOverlay","zIndex","bgColor","transitionDuration","transitionTimingFunction","appendChild","removeChild","offsetWidth","opacity","bgOpacity","srcThumbnail","getBoundingClientRect","translate","styleOpen","styleClose","enableGrab","zoomOut","scaleExtra","dx","dy","temp","cloneNode","setAttribute","position","visibility","Zooming","create","overlay","lock","babelHelpers.extends","DEFAULT_OPTIONS","init","defaultZoomable","els","querySelectorAll","i","zoomIn","click","preloadImage","onOpen","querySelector","onBeforeOpen","insert","fadeIn","scroll","keydown","closeOnWindowResize","resizeWindow","onOpenEnd","upgradeSource","onClose","onBeforeClose","default","fadeOut","onCloseEnd","downgradeSource","_this2","restoreCloseStyle","remove","onGrab","onBeforeGrab","onGrabEnd","onMove","onMoveEnd","onRelease","onBeforeRelease","restoreOpenStyle","onReleaseEnd"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"zooming.min.js","sources":["../src/utils.js","../src/modules/handler.js","../src/modules/target.js","../src/modules/zooming.js","../src/options.js","../src/modules/overlay.js","../src/index.js"],"sourcesContent":["export const webkitPrefix = 'WebkitAppearance' in document.documentElement.style\n ? '-webkit-'\n : ''\n\nexport const cursor = {\n default: 'auto',\n zoomIn: `${webkitPrefix}zoom-in`,\n zoomOut: `${webkitPrefix}zoom-out`,\n grab: `${webkitPrefix}grab`,\n move: 'move'\n}\n\nexport function listen(el, event, handler, add = true) {\n const options = { passive: false }\n\n if (add) {\n el.addEventListener(event, handler, options)\n } else {\n el.removeEventListener(event, handler, options)\n }\n}\n\nexport function loadImage(src, cb) {\n if (src) {\n const img = new Image()\n\n img.onload = function onImageLoad() {\n if (cb) cb(img)\n }\n\n img.src = src\n }\n}\n\nexport function getOriginalSource(el) {\n if (el.hasAttribute('data-original')) {\n return el.getAttribute('data-original')\n } else if (el.parentNode.tagName === 'A') {\n return el.parentNode.getAttribute('href')\n } else {\n return null\n }\n}\n\nexport function setStyle(el, styles, remember) {\n checkTrans(styles)\n\n let s = el.style\n let original = {}\n\n for (let key in styles) {\n if (remember) {\n original[key] = s[key] || ''\n }\n\n s[key] = styles[key]\n }\n\n return original\n}\n\nexport function bindAll(_this, that) {\n const methods = Object.getOwnPropertyNames(Object.getPrototypeOf(_this))\n methods.forEach(function bindOne(method) {\n _this[method] = _this[method].bind(that)\n })\n}\n\nconst trans = sniffTransition(document.createElement('div'))\nexport const transformCssProp = trans.transformCssProp\nexport const transEndEvent = trans.transEndEvent\n\nfunction checkTrans(styles) {\n const { transitionProp, transformProp } = trans\n\n if (styles.transition) {\n const value = styles.transition\n delete styles.transition\n styles[transitionProp] = value\n }\n\n if (styles.transform) {\n const value = styles.transform\n delete styles.transform\n styles[transformProp] = value\n }\n}\n\nfunction sniffTransition(el) {\n let res = {}\n const trans = ['webkitTransition', 'transition', 'mozTransition']\n const tform = ['webkitTransform', 'transform', 'mozTransform']\n const end = {\n transition: 'transitionend',\n mozTransition: 'transitionend',\n webkitTransition: 'webkitTransitionEnd'\n }\n\n trans.some(function hasTransition(prop) {\n if (el.style[prop] !== undefined) {\n res.transitionProp = prop\n res.transEndEvent = end[prop]\n return true\n }\n })\n\n tform.some(function hasTransform(prop) {\n if (el.style[prop] !== undefined) {\n res.transformProp = prop\n res.transformCssProp = prop.replace(/(.*)Transform/, '-$1-transform')\n return true\n }\n })\n\n return res\n}\n","import { bindAll } from '../utils'\n\nconst PRESS_DELAY = 200\n\nexport default {\n init(instance) {\n bindAll(this, instance)\n },\n\n click(e) {\n e.preventDefault()\n\n if (isPressingMetaKey(e)) {\n return window.open(\n this.target.srcOriginal || e.currentTarget.src,\n '_blank'\n )\n } else {\n if (this.shown) {\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n } else {\n this.open(e.currentTarget)\n }\n }\n },\n\n scroll() {\n const el =\n document.documentElement || document.body.parentNode || document.body\n const scrollLeft = window.pageXOffset || el.scrollLeft\n const scrollTop = window.pageYOffset || el.scrollTop\n\n if (this.lastScrollPosition === null) {\n this.lastScrollPosition = {\n x: scrollLeft,\n y: scrollTop\n }\n }\n\n const deltaX = this.lastScrollPosition.x - scrollLeft\n const deltaY = this.lastScrollPosition.y - scrollTop\n const threshold = this.options.scrollThreshold\n\n if (Math.abs(deltaY) >= threshold || Math.abs(deltaX) >= threshold) {\n this.lastScrollPosition = null\n this.close()\n }\n },\n\n keydown(e) {\n if (isEscape(e)) {\n if (this.released) {\n this.close()\n } else {\n this.release(this.close)\n }\n }\n },\n\n mousedown(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n e.preventDefault()\n const { clientX, clientY } = e\n\n this.pressTimer = setTimeout(\n function grabOnMouseDown() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n mousemove(e) {\n if (this.released) return\n this.move(e.clientX, e.clientY)\n },\n\n mouseup(e) {\n if (!isLeftButton(e) || isPressingMetaKey(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n touchstart(e) {\n e.preventDefault()\n const { clientX, clientY } = e.touches[0]\n\n this.pressTimer = setTimeout(\n function grabOnTouchStart() {\n this.grab(clientX, clientY)\n }.bind(this),\n PRESS_DELAY\n )\n },\n\n touchmove(e) {\n if (this.released) return\n\n const { clientX, clientY } = e.touches[0]\n this.move(clientX, clientY)\n },\n\n touchend(e) {\n if (isTouching(e)) return\n clearTimeout(this.pressTimer)\n\n if (this.released) {\n this.close()\n } else {\n this.release()\n }\n },\n\n clickOverlay() {\n this.close()\n },\n\n resizeWindow() {\n this.close()\n }\n}\n\nfunction isLeftButton(e) {\n return e.button === 0\n}\n\nfunction isPressingMetaKey(e) {\n return e.metaKey || e.ctrlKey\n}\n\nfunction isTouching(e) {\n e.targetTouches.length > 0\n}\n\nfunction isEscape(e) {\n const code = e.key || e.code\n return code === 'Escape' || e.keyCode === 27\n}\n","import { cursor, setStyle, getOriginalSource, transformCssProp } from '../utils'\n\n// Translate z-axis to fix CSS grid display issue in Chrome:\n// https://github.com/kingdido999/zooming/issues/42 \nconst TRANSLATE_Z = 0\n\nexport default {\n init(el, instance) {\n this.el = el\n this.instance = instance\n this.srcThumbnail = this.el.getAttribute('src')\n this.srcOriginal = getOriginalSource(this.el)\n this.rect = el.getBoundingClientRect()\n this.translate = null\n this.scale = null\n this.styleOpen = null\n this.styleClose = null\n },\n\n zoomIn() {\n const options = this.instance.options\n\n this.translate = calculateTranslate(this.rect)\n this.scale = calculateScale(\n this.rect,\n options.scaleBase,\n options.customSize\n )\n\n this.styleOpen = {\n position: 'relative',\n zIndex: options.zIndex + 1,\n cursor: options.enableGrab ? cursor.grab : cursor.zoomOut,\n transition: `${transformCssProp}\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`,\n transform: `translate3d(${this.translate.x}px, ${this.translate.y}px, ${TRANSLATE_Z}px)\n scale(${this.scale.x},${this.scale.y})`,\n height: `${this.rect.height}px`,\n width: `${this.rect.width}px`\n }\n\n // Force layout update\n this.el.offsetWidth\n\n // Trigger transition\n this.styleClose = setStyle(this.el, this.styleOpen, true)\n },\n\n zoomOut() {\n // Force layout update\n this.el.offsetWidth\n\n setStyle(this.el, { transform: 'none' })\n },\n\n grab(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n cursor: cursor.move,\n transform: `translate3d(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px, ${TRANSLATE_Z}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n move(x, y, scaleExtra) {\n const windowCenter = getWindowCenter()\n const [dx, dy] = [windowCenter.x - x, windowCenter.y - y]\n\n setStyle(this.el, {\n transition: transformCssProp,\n transform: `translate3d(\n ${this.translate.x + dx}px, ${this.translate.y + dy}px, ${TRANSLATE_Z}px)\n scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})`\n })\n },\n\n restoreCloseStyle() {\n setStyle(this.el, this.styleClose)\n },\n\n restoreOpenStyle() {\n setStyle(this.el, this.styleOpen)\n },\n\n upgradeSource() {\n if (this.srcOriginal) {\n const parentNode = this.el.parentNode\n const temp = this.el.cloneNode(false)\n\n // Force compute the hi-res image in DOM to prevent\n // image flickering while updating src\n temp.setAttribute('src', this.srcOriginal)\n temp.style.position = 'fixed'\n temp.style.visibility = 'hidden'\n parentNode.appendChild(temp)\n\n // Add delay to prevent Firefox from flickering\n setTimeout(\n function updateSrc() {\n this.el.setAttribute('src', this.srcOriginal)\n parentNode.removeChild(temp)\n }.bind(this),\n 50\n )\n }\n },\n\n downgradeSource() {\n if (this.srcOriginal) {\n this.el.setAttribute('src', this.srcThumbnail)\n }\n }\n}\n\nfunction calculateTranslate(rect) {\n const windowCenter = getWindowCenter()\n const targetCenter = {\n x: rect.left + rect.width / 2,\n y: rect.top + rect.height / 2\n }\n\n // The vector to translate image to the window center\n return {\n x: windowCenter.x - targetCenter.x,\n y: windowCenter.y - targetCenter.y\n }\n}\n\nfunction calculateScale(rect, scaleBase, customSize) {\n if (customSize) {\n return {\n x: customSize.width / rect.width,\n y: customSize.height / rect.height\n }\n } else {\n const targetHalfWidth = rect.width / 2\n const targetHalfHeight = rect.height / 2\n const windowCenter = getWindowCenter()\n\n // The distance between target edge and window edge\n const targetEdgeToWindowEdge = {\n x: windowCenter.x - targetHalfWidth,\n y: windowCenter.y - targetHalfHeight\n }\n\n const scaleHorizontally = targetEdgeToWindowEdge.x / targetHalfWidth\n const scaleVertically = targetEdgeToWindowEdge.y / targetHalfHeight\n\n // The additional scale is based on the smaller value of\n // scaling horizontally and scaling vertically\n const scale = scaleBase + Math.min(scaleHorizontally, scaleVertically)\n\n return {\n x: scale,\n y: scale\n }\n }\n}\n\nfunction getWindowCenter() {\n const docEl = document.documentElement\n const windowWidth = Math.min(docEl.clientWidth, window.innerWidth)\n const windowHeight = Math.min(docEl.clientHeight, window.innerHeight)\n\n return {\n x: windowWidth / 2,\n y: windowHeight / 2\n }\n}\n","import {\n cursor,\n listen,\n loadImage,\n transEndEvent,\n getOriginalSource\n} from '../utils'\nimport DEFAULT_OPTIONS from '../options'\n\nimport handler from './handler'\nimport overlay from './overlay'\nimport target from './target'\n\n/**\n * Zooming instance.\n */\nexport default class Zooming {\n /**\n * @param {Object} [options] Update default options if provided.\n */\n constructor(options) {\n this.target = Object.create(target)\n this.overlay = Object.create(overlay)\n this.handler = Object.create(handler)\n this.body = document.body\n\n this.shown = false\n this.lock = false\n this.released = true\n this.lastScrollPosition = null\n this.pressTimer = null\n\n this.options = Object.assign({}, DEFAULT_OPTIONS, options)\n this.overlay.init(this)\n this.handler.init(this)\n this.listen(this.options.defaultZoomable)\n }\n\n /**\n * Make element(s) zoomable.\n * @param {string|Element} el A css selector or an Element.\n * @return {this}\n */\n listen(el) {\n if (typeof el === 'string') {\n const els = document.querySelectorAll(el)\n let i = els.length\n\n while (i--) {\n this.listen(els[i])\n }\n } else if (el.tagName === 'IMG') {\n el.style.cursor = cursor.zoomIn\n listen(el, 'click', this.handler.click)\n\n if (this.options.preloadImage) {\n loadImage(getOriginalSource(el))\n }\n }\n\n return this\n }\n\n /**\n * Update options or return current options if no argument is provided.\n * @param {Object} options An Object that contains this.options.\n * @return {this|this.options}\n */\n config(options) {\n if (options) {\n Object.assign(this.options, options)\n this.overlay.updateStyle(this.options)\n return this\n } else {\n return this.options\n }\n }\n\n /**\n * Open (zoom in) the Element.\n * @param {Element} el The Element to open.\n * @param {Function} [cb=this.options.onOpen] A callback function that will\n * be called when a target is opened and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n open(el, cb = this.options.onOpen) {\n if (this.shown || this.lock) return\n\n const target = typeof el === 'string' ? document.querySelector(el) : el\n\n if (target.tagName !== 'IMG') return\n\n if (this.options.onBeforeOpen) {\n this.options.onBeforeOpen(target)\n }\n\n this.target.init(target, this)\n\n if (!this.options.preloadImage) {\n loadImage(this.target.srcOriginal)\n }\n\n this.shown = true\n this.lock = true\n\n this.target.zoomIn()\n this.overlay.insert()\n this.overlay.fadeIn()\n\n listen(document, 'scroll', this.handler.scroll)\n listen(document, 'keydown', this.handler.keydown)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow)\n }\n\n const onOpenEnd = () => {\n listen(target, transEndEvent, onOpenEnd, false)\n this.lock = false\n this.target.upgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, true)\n }\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onOpenEnd)\n\n return this\n }\n\n /**\n * Close (zoom out) the Element currently opened.\n * @param {Function} [cb=this.options.onClose] A callback function that will\n * be called when a target is closed and transition has ended. It will get\n * the target element as the argument.\n * @return {this}\n */\n close(cb = this.options.onClose) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeClose) {\n this.options.onBeforeClose(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.overlay.fadeOut()\n this.target.zoomOut()\n\n listen(document, 'scroll', this.handler.scroll, false)\n listen(document, 'keydown', this.handler.keydown, false)\n\n if (this.options.closeOnWindowResize) {\n listen(window, 'resize', this.handler.resizeWindow, false)\n }\n\n const onCloseEnd = () => {\n listen(target, transEndEvent, onCloseEnd, false)\n\n this.shown = false\n this.lock = false\n\n this.target.downgradeSource()\n\n if (this.options.enableGrab) {\n toggleGrabListeners(document, this.handler, false)\n }\n\n this.target.restoreCloseStyle()\n this.overlay.remove()\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onCloseEnd)\n\n return this\n }\n\n /**\n * Grab the Element currently opened given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onGrab] A callback function that\n * will be called when a target is grabbed and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n grab(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onGrab) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeGrab) {\n this.options.onBeforeGrab(target)\n }\n\n this.released = false\n this.target.grab(x, y, scaleExtra)\n\n const onGrabEnd = () => {\n listen(target, transEndEvent, onGrabEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onGrabEnd)\n\n return this\n }\n\n /**\n * Move the Element currently grabbed given a position and apply extra zoom-in.\n * @param {number} x The X-axis of where the press happened.\n * @param {number} y The Y-axis of where the press happened.\n * @param {number} scaleExtra Extra zoom-in to apply.\n * @param {Function} [cb=this.options.onMove] A callback function that\n * will be called when a target is moved and transition has ended. It will\n * get the target element as the argument.\n * @return {this}\n */\n move(x, y, scaleExtra = this.options.scaleExtra, cb = this.options.onMove) {\n if (!this.shown || this.lock) return\n\n this.released = false\n this.body.style.cursor = cursor.move\n this.target.move(x, y, scaleExtra)\n\n const target = this.target.el\n\n const onMoveEnd = () => {\n listen(target, transEndEvent, onMoveEnd, false)\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onMoveEnd)\n\n return this\n }\n\n /**\n * Release the Element currently grabbed.\n * @param {Function} [cb=this.options.onRelease] A callback function that\n * will be called when a target is released and transition has ended. It\n * will get the target element as the argument.\n * @return {this}\n */\n release(cb = this.options.onRelease) {\n if (!this.shown || this.lock) return\n\n const target = this.target.el\n\n if (this.options.onBeforeRelease) {\n this.options.onBeforeRelease(target)\n }\n\n this.lock = true\n this.body.style.cursor = cursor.default\n this.target.restoreOpenStyle()\n\n const onReleaseEnd = () => {\n listen(target, transEndEvent, onReleaseEnd, false)\n this.lock = false\n this.released = true\n\n if (cb) cb(target)\n }\n\n listen(target, transEndEvent, onReleaseEnd)\n\n return this\n }\n}\n\nfunction toggleGrabListeners(el, handler, add) {\n const types = [\n 'mousedown',\n 'mousemove',\n 'mouseup',\n 'touchstart',\n 'touchmove',\n 'touchend'\n ]\n\n types.forEach(function toggleListener(type) {\n listen(el, type, handler[type], add)\n })\n}\n","export default {\n /**\n * Zoomable elements by default. It can be a css selector or an element.\n * @type {string|Element}\n */\n defaultZoomable: 'img[data-action=\"zoom\"]',\n\n /**\n * To be able to grab and drag the image for extra zoom-in.\n * @type {boolean}\n */\n enableGrab: true,\n\n /**\n * Preload zoomable images.\n * @type {boolean}\n */\n preloadImage: false,\n\n /**\n * Close the zoomed image when browser window is resized.\n * @type {boolean}\n */\n closeOnWindowResize: true,\n\n /**\n * Transition duration in seconds.\n * @type {number}\n */\n transitionDuration: 0.4,\n\n /**\n * Transition timing function.\n * @type {string}\n */\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0, 1)',\n\n /**\n * Overlay background color.\n * @type {string}\n */\n bgColor: 'rgb(255, 255, 255)',\n\n /**\n * Overlay background opacity.\n * @type {number}\n */\n bgOpacity: 1,\n\n /**\n * The base scale factor for zooming. By default scale to fit the window.\n * @type {number}\n */\n scaleBase: 1.0,\n\n /**\n * The additional scale factor when grabbing the image.\n * @type {number}\n */\n scaleExtra: 0.5,\n\n /**\n * How much scrolling it takes before closing out.\n * @type {number}\n */\n scrollThreshold: 40,\n\n /**\n * The z-index that the overlay will be added with.\n * @type {number}\n */\n zIndex: 998,\n\n /**\n * Scale (zoom in) to given width and height. Ignore scaleBase if set.\n * @type {Object}\n * @example\n * customSize: { width: 800, height: 400 }\n */\n customSize: null,\n\n /**\n * A callback function that will be called when a target is opened and\n * transition has ended. It will get the target element as the argument.\n * @type {Function}\n */\n onOpen: null,\n\n /**\n * Same as above, except fired when closed.\n * @type {Function}\n */\n onClose: null,\n\n /**\n * Same as above, except fired when grabbed.\n * @type {Function}\n */\n onGrab: null,\n\n /**\n * Same as above, except fired when moved.\n * @type {Function}\n */\n onMove: null,\n\n /**\n * Same as above, except fired when released.\n * @type {Function}\n */\n onRelease: null,\n\n /**\n * A callback function that will be called before open.\n * @type {Function}\n */\n onBeforeOpen: null,\n\n /**\n * A callback function that will be called before close.\n * @type {Function}\n */\n onBeforeClose: null,\n\n /**\n * A callback function that will be called before grab.\n * @type {Function}\n */\n onBeforeGrab: null,\n\n /**\n * A callback function that will be called before release.\n * @type {Function}\n */\n onBeforeRelease: null\n}\n","import { listen, setStyle } from '../utils'\n\nexport default {\n init(instance) {\n this.el = document.createElement('div')\n this.instance = instance\n this.parent = document.body\n\n setStyle(this.el, {\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n opacity: 0\n })\n\n this.updateStyle(instance.options)\n listen(this.el, 'click', instance.handler.clickOverlay.bind(instance))\n },\n\n updateStyle(options) {\n setStyle(this.el, {\n zIndex: options.zIndex,\n backgroundColor: options.bgColor,\n transition: `opacity\n ${options.transitionDuration}s\n ${options.transitionTimingFunction}`\n })\n },\n\n insert() {\n this.parent.appendChild(this.el)\n },\n\n remove() {\n this.parent.removeChild(this.el)\n },\n\n fadeIn() {\n this.el.offsetWidth\n this.el.style.opacity = this.instance.options.bgOpacity\n },\n\n fadeOut() {\n this.el.style.opacity = 0\n }\n}\n","import { listen } from './utils'\nimport Zooming from './modules/zooming'\n\nlisten(document, 'DOMContentLoaded', function initZooming() {\n new Zooming()\n})\n\nexport default Zooming\n"],"names":["listen","el","event","handler","add","options","passive","addEventListener","removeEventListener","loadImage","src","cb","img","Image","onload","getOriginalSource","hasAttribute","getAttribute","parentNode","tagName","setStyle","styles","remember","s","style","original","key","bindAll","_this","that","Object","getOwnPropertyNames","getPrototypeOf","forEach","method","bind","checkTrans","transitionProp","trans","transformProp","transition","value","transform","isLeftButton","e","button","isPressingMetaKey","metaKey","ctrlKey","isTouching","targetTouches","length","isEscape","code","keyCode","calculateTranslate","rect","windowCenter","getWindowCenter","targetCenter","left","width","top","height","x","y","calculateScale","scaleBase","customSize","targetHalfWidth","targetHalfHeight","targetEdgeToWindowEdge","scaleHorizontally","scaleVertically","scale","Math","min","docEl","document","documentElement","clientWidth","window","innerWidth","clientHeight","innerHeight","toggleGrabListeners","type","webkitPrefix","cursor","res","tform","end","some","prop","undefined","transEndEvent","transformCssProp","replace","createElement","instance","this","preventDefault","open","target","srcOriginal","currentTarget","shown","released","close","release","body","scrollLeft","pageXOffset","scrollTop","pageYOffset","lastScrollPosition","deltaX","deltaY","threshold","scrollThreshold","abs","clientX","clientY","pressTimer","setTimeout","grab","move","touches","parent","updateStyle","clickOverlay","zIndex","bgColor","transitionDuration","transitionTimingFunction","appendChild","removeChild","offsetWidth","opacity","bgOpacity","srcThumbnail","getBoundingClientRect","translate","styleOpen","styleClose","enableGrab","zoomOut","scaleExtra","dx","dy","temp","cloneNode","setAttribute","position","visibility","Zooming","create","overlay","lock","babelHelpers.extends","DEFAULT_OPTIONS","init","defaultZoomable","els","querySelectorAll","i","zoomIn","click","preloadImage","onOpen","querySelector","onBeforeOpen","insert","fadeIn","scroll","keydown","closeOnWindowResize","resizeWindow","onOpenEnd","upgradeSource","onClose","onBeforeClose","default","fadeOut","onCloseEnd","downgradeSource","_this2","restoreCloseStyle","remove","onGrab","onBeforeGrab","onGrabEnd","onMove","onMoveEnd","onRelease","onBeforeRelease","restoreOpenStyle","onReleaseEnd"],"mappings":"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"} \ No newline at end of file diff --git a/src/modules/target.js b/src/modules/target.js index ba6adbfd..59d257ef 100644 --- a/src/modules/target.js +++ b/src/modules/target.js @@ -1,5 +1,9 @@ import { cursor, setStyle, getOriginalSource, transformCssProp } from '../utils' +// Translate z-axis to fix CSS grid display issue in Chrome: +// https://github.com/kingdido999/zooming/issues/42 +const TRANSLATE_Z = 0 + export default { init(el, instance) { this.el = el @@ -30,7 +34,7 @@ export default { transition: `${transformCssProp} ${options.transitionDuration}s ${options.transitionTimingFunction}`, - transform: `translate(${this.translate.x}px, ${this.translate.y}px) + transform: `translate3d(${this.translate.x}px, ${this.translate.y}px, ${TRANSLATE_Z}px) scale(${this.scale.x},${this.scale.y})`, height: `${this.rect.height}px`, width: `${this.rect.width}px` @@ -56,8 +60,8 @@ export default { setStyle(this.el, { cursor: cursor.move, - transform: `translate( - ${this.translate.x + dx}px, ${this.translate.y + dy}px) + transform: `translate3d( + ${this.translate.x + dx}px, ${this.translate.y + dy}px, ${TRANSLATE_Z}px) scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})` }) }, @@ -68,8 +72,8 @@ export default { setStyle(this.el, { transition: transformCssProp, - transform: `translate( - ${this.translate.x + dx}px, ${this.translate.y + dy}px) + transform: `translate3d( + ${this.translate.x + dx}px, ${this.translate.y + dy}px, ${TRANSLATE_Z}px) scale(${this.scale.x + scaleExtra},${this.scale.y + scaleExtra})` }) }, diff --git a/test.html b/test.html index 4faeacbf..6e16e17b 100644 --- a/test.html +++ b/test.html @@ -57,13 +57,13 @@

Image zoom that makes sense.

- journey_thumbnail + journey_thumbnail
-

Options below were designed to affect the second image only.

+

+ Options below were designed to affect the second image only. +

faster @@ -76,10 +76,9 @@

Image zoom that makes sense.


- Faced with rolling sand dunes, age-old ruins, caves and howling winds, - your passage will not be an easy one. The goal is to get to the mountaintop, - but the experience is discovering who you are, what this place is, - and what is your purpose. + Faced with rolling sand dunes, age-old ruins, caves and howling winds, your passage will not be an easy one. The + goal is to get to the mountaintop, but the experience is discovering who you are, what this place is, and what + is your purpose.