From 8ed665e0044a3c4ee0e04480d42895a7c7b1ffb2 Mon Sep 17 00:00:00 2001
From: Paul Straw <paulstraw@paulstraw.com>
Date: Fri, 8 Jan 2016 13:13:36 -0800
Subject: [PATCH 1/2] Fix HAS_ANIMATION bug when loaded before body

Closes #4
---
 dist/luminous.js     | 2 +-
 dist/luminous.min.js | 2 +-
 index.html           | 2 +-
 src/js/Lightbox.js   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/dist/luminous.js b/dist/luminous.js
index 9ee81cd8..8111e202 100644
--- a/dist/luminous.js
+++ b/dist/luminous.js
@@ -19,7 +19,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 // All officially-supported browsers have this, but it's easy to
 // account for, just in case.
-var HAS_ANIMATION = 'animation' in document.body.style;
+var HAS_ANIMATION = 'animation' in document.createElement('div').style;
 
 var Lightbox = (function () {
   function Lightbox() {
diff --git a/dist/luminous.min.js b/dist/luminous.min.js
index 925b0ee8..55b5c11b 100644
--- a/dist/luminous.min.js
+++ b/dist/luminous.min.js
@@ -1 +1 @@
-!function e(t,n,i){function s(l,r){if(!n[l]){if(!t[l]){var a="function"==typeof require&&require;if(!r&&a)return a(l,!0);if(o)return o(l,!0);var u=new Error("Cannot find module '"+l+"'");throw u.code="MODULE_NOT_FOUND",u}var d=n[l]={exports:{}};t[l][0].call(d.exports,function(e){var n=t[l][1][e];return s(n?n:e)},d,d.exports,e,t,n,i)}return n[l].exports}for(var o="function"==typeof require&&require,l=0;l<i.length;l++)s(i[l]);return s}({1:[function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0});var l=e("./util/dom"),r=e("./util/throwIfMissing"),a=i(r),u="animation"in document.body.style,d=function(){function e(){var t=this,n=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];s(this,e),this._completeOpen=function(){t.el.removeEventListener("animationend",t._completeOpen,!1),(0,l.removeClasses)(t.el,t.openingClasses)},this._completeClose=function(){t.el.removeEventListener("animationend",t._completeClose,!1),(0,l.removeClasses)(t.el,t.openClasses),(0,l.removeClasses)(t.el,t.closingClasses)};var i=n.namespace,o=void 0===i?null:i,r=n.parentEl,u=void 0===r?(0,a["default"])():r,d=n.triggerEl,c=void 0===d?(0,a["default"])():d,h=n.sourceAttribute,g=void 0===h?(0,a["default"])():h,f=n.includeImgixJSClass,p=void 0===f?!1:f,m=n.closeTrigger,v=void 0===m?"click":m;if(this.settings={namespace:o,parentEl:u,triggerEl:c,sourceAttribute:g,includeImgixJSClass:p,closeTrigger:v},!(0,l.isDOMElement)(this.settings.parentEl))throw new TypeError("`new Lightbox` requires a DOM element passed as `parentEl`.");this.openClasses=this._buildClasses("open"),this.openingClasses=this._buildClasses("opening"),this.closingClasses=this._buildClasses("closing"),this.elementBuilt=!1}return o(e,[{key:"_buildClasses",value:function(e){var t=["lum-"+e],n=this.settings.namespace;return n&&t.push(n+"-"+e),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),(0,l.addClasses)(this.el,this._buildClasses("lightbox"));var e=document.createElement("div");(0,l.addClasses)(e,this._buildClasses("lightbox-inner")),this.el.appendChild(e);var t=document.createElement("div");(0,l.addClasses)(t,this._buildClasses("lightbox-loader")),e.appendChild(t),this.imgEl=document.createElement("img"),e.appendChild(this.imgEl),this.settings.parentEl.appendChild(this.el),this._updateImgSrc(),this.settings.includeImgixJSClass&&this.imgEl.classList.add("imgix-fluid")}},{key:"_updateImgSrc",value:function(){var e=this.settings.triggerEl.getAttribute(this.settings.sourceAttribute);if(!e)throw new Error("No image URL was found in the "+this.settings.sourceAttribute+" attribute of the trigger.");this.imgEl.setAttribute("src",e)}},{key:"open",value:function(){this.elementBuilt||(this._buildElement(),this.elementBuilt=!0),this._updateImgSrc(),(0,l.addClasses)(this.el,this.openClasses),u&&(this.el.addEventListener("animationend",this._completeOpen,!1),(0,l.addClasses)(this.el,this.openingClasses))}},{key:"close",value:function(){u?(this.el.addEventListener("animationend",this._completeClose,!1),(0,l.addClasses)(this.el,this.closingClasses)):(0,l.removeClasses)(this.el,this.openClasses)}},{key:"destroy",value:function(){this.settings.parentEl.removeChild(this.el)}}]),e}();n["default"]=d},{"./util/dom":4,"./util/throwIfMissing":5}],2:[function(e,t,n){(function(t){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0}),n.VERSION=void 0;var l=e("./util/dom"),r=e("./injectBaseStylesheet"),a=i(r),u=e("./Lightbox"),d=i(u),c=(n.VERSION="0.1.2",function(){function e(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(s(this,e),h.call(this),this.isOpen=!1,this.trigger=t,!(0,l.isDOMElement)(this.trigger))throw new TypeError("`new Luminous` requires a DOM element as its first argument.");var i=n.namespace,o=void 0===i?null:i,r=n.sourceAttribute,u=void 0===r?"href":r,d=n.openTrigger,c=void 0===d?"click":d,g=n.closeTrigger,f=void 0===g?"click":g,p=n.closeWithEscape,m=void 0===p?!0:p,v=n.appendToSelector,b=void 0===v?"body":v,y=n.onOpen,E=void 0===y?null:y,C=n.onClose,_=void 0===C?null:C,x=n.includeImgixJSClass,w=void 0===x?!1:x,O=n.injectBaseStyles,L=void 0===O?!0:O;this.settings={namespace:o,sourceAttribute:u,openTrigger:c,closeTrigger:f,closeWithEscape:m,appendToSelector:b,onOpen:E,onClose:_,includeImgixJSClass:w,injectBaseStyles:L},this.settings.injectBaseStyles&&(0,a["default"])(),this._buildLightbox(),this._bindEvents()}return o(e,[{key:"_buildLightbox",value:function(){this.lightbox=new d["default"]({namespace:this.settings.namespace,parentEl:document.querySelector(this.settings.appendToSelector),triggerEl:this.trigger,sourceAttribute:this.settings.sourceAttribute,includeImgixJSClass:this.settings.includeImgixJSClass,closeTrigger:this.settings.closeTrigger})}},{key:"_bindEvents",value:function(){this.trigger.addEventListener(this.settings.openTrigger,this.open,!1),this.settings.closeWithEscape&&window.addEventListener("keyup",this._handleKeyup,!1)}},{key:"_bindCloseEvent",value:function(){this.lightbox.el.addEventListener(this.settings.closeTrigger,this.close,!1)}},{key:"_unbindEvents",value:function(){this.trigger.removeEventListener(this.settings.openTrigger,this.open,!1),this.lightbox.el.removeEventListener(this.settings.closeTrigger,this.close,!1),this.settings.closeWithEscape&&window.removeEventListener("keyup",this._handleKeyup,!1)}}]),e}()),h=function(){var e=this;this.open=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault();var n=e.lightbox.elementBuilt;e.lightbox.open(),n||e._bindCloseEvent();var i=e.settings.onOpen;i&&"function"==typeof i&&i(),e.isOpen=!0},this.close=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault(),e.lightbox.close();var n=e.settings.onClose;n&&"function"==typeof n&&n(),e.isOpen=!1},this._handleKeyup=function(t){e.isOpen&&27===t.keyCode&&e.close()},this.destroy=function(){e._unbindEvents(),e.lightbox.destroy()}};n["default"]=c,t.Luminous=c}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./Lightbox":1,"./injectBaseStylesheet":3,"./util/dom":4}],3:[function(e,t,n){"use strict";function i(){if(!document.querySelector(".lum-base-styles")){var e=document.createElement("style");e.type="text/css",e.classList.add("lum-base-styles"),e.appendChild(document.createTextNode(s));var t=document.head;t.insertBefore(e,t.firstChild)}}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i;var s="\n@keyframes lum-noop {  }\n\n.lum-lightbox {\n  position: fixed;\n  display: none;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.lum-lightbox.lum-open {\n  display: block;\n}\n\n.lum-lightbox.lum-opening, .lum-lightbox.lum-closing {\n  animation: lum-noop;\n}\n\n.lum-lightbox-inner {\n  position: absolute;\n  top: 0%;\n  right: 0%;\n  bottom: 0%;\n  left: 0%;\n\n  overflow: hidden;\n}\n\n.lum-lightbox-loader {\n  display: none;\n}\n\n.lum-lightbox-inner img {\n  max-width: 100%;\n  max-height: 100%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: block;\n}\n"},{}],4:[function(e,t,n){"use strict";function i(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function s(e){return r?e instanceof HTMLElement:e&&"object"===("undefined"==typeof e?"undefined":i(e))&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName}function o(e,t){t.forEach(function(t){e.classList.add(t)})}function l(e,t){t.forEach(function(t){e.classList.remove(t)})}Object.defineProperty(n,"__esModule",{value:!0}),n.isDOMElement=s,n.addClasses=o,n.removeClasses=l;var r="object"===("undefined"==typeof HTMLElement?"undefined":i(HTMLElement))},{}],5:[function(e,t,n){"use strict";function i(){throw new Error("Missing parameter")}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i},{}]},{},[2]);
\ No newline at end of file
+!function e(t,n,i){function s(l,r){if(!n[l]){if(!t[l]){var a="function"==typeof require&&require;if(!r&&a)return a(l,!0);if(o)return o(l,!0);var u=new Error("Cannot find module '"+l+"'");throw u.code="MODULE_NOT_FOUND",u}var c=n[l]={exports:{}};t[l][0].call(c.exports,function(e){var n=t[l][1][e];return s(n?n:e)},c,c.exports,e,t,n,i)}return n[l].exports}for(var o="function"==typeof require&&require,l=0;l<i.length;l++)s(i[l]);return s}({1:[function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0});var l=e("./util/dom"),r=e("./util/throwIfMissing"),a=i(r),u="animation"in document.createElement("div").style,c=function(){function e(){var t=this,n=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];s(this,e),this._completeOpen=function(){t.el.removeEventListener("animationend",t._completeOpen,!1),(0,l.removeClasses)(t.el,t.openingClasses)},this._completeClose=function(){t.el.removeEventListener("animationend",t._completeClose,!1),(0,l.removeClasses)(t.el,t.openClasses),(0,l.removeClasses)(t.el,t.closingClasses)};var i=n.namespace,o=void 0===i?null:i,r=n.parentEl,u=void 0===r?(0,a["default"])():r,c=n.triggerEl,d=void 0===c?(0,a["default"])():c,h=n.sourceAttribute,g=void 0===h?(0,a["default"])():h,f=n.includeImgixJSClass,p=void 0===f?!1:f,m=n.closeTrigger,v=void 0===m?"click":m;if(this.settings={namespace:o,parentEl:u,triggerEl:d,sourceAttribute:g,includeImgixJSClass:p,closeTrigger:v},!(0,l.isDOMElement)(this.settings.parentEl))throw new TypeError("`new Lightbox` requires a DOM element passed as `parentEl`.");this.openClasses=this._buildClasses("open"),this.openingClasses=this._buildClasses("opening"),this.closingClasses=this._buildClasses("closing"),this.elementBuilt=!1}return o(e,[{key:"_buildClasses",value:function(e){var t=["lum-"+e],n=this.settings.namespace;return n&&t.push(n+"-"+e),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),(0,l.addClasses)(this.el,this._buildClasses("lightbox"));var e=document.createElement("div");(0,l.addClasses)(e,this._buildClasses("lightbox-inner")),this.el.appendChild(e);var t=document.createElement("div");(0,l.addClasses)(t,this._buildClasses("lightbox-loader")),e.appendChild(t),this.imgEl=document.createElement("img"),e.appendChild(this.imgEl),this.settings.parentEl.appendChild(this.el),this._updateImgSrc(),this.settings.includeImgixJSClass&&this.imgEl.classList.add("imgix-fluid")}},{key:"_updateImgSrc",value:function(){var e=this.settings.triggerEl.getAttribute(this.settings.sourceAttribute);if(!e)throw new Error("No image URL was found in the "+this.settings.sourceAttribute+" attribute of the trigger.");this.imgEl.setAttribute("src",e)}},{key:"open",value:function(){this.elementBuilt||(this._buildElement(),this.elementBuilt=!0),this._updateImgSrc(),(0,l.addClasses)(this.el,this.openClasses),u&&(this.el.addEventListener("animationend",this._completeOpen,!1),(0,l.addClasses)(this.el,this.openingClasses))}},{key:"close",value:function(){u?(this.el.addEventListener("animationend",this._completeClose,!1),(0,l.addClasses)(this.el,this.closingClasses)):(0,l.removeClasses)(this.el,this.openClasses)}},{key:"destroy",value:function(){this.settings.parentEl.removeChild(this.el)}}]),e}();n["default"]=c},{"./util/dom":4,"./util/throwIfMissing":5}],2:[function(e,t,n){(function(t){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0}),n.VERSION=void 0;var l=e("./util/dom"),r=e("./injectBaseStylesheet"),a=i(r),u=e("./Lightbox"),c=i(u),d=(n.VERSION="0.1.2",function(){function e(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(s(this,e),h.call(this),this.isOpen=!1,this.trigger=t,!(0,l.isDOMElement)(this.trigger))throw new TypeError("`new Luminous` requires a DOM element as its first argument.");var i=n.namespace,o=void 0===i?null:i,r=n.sourceAttribute,u=void 0===r?"href":r,c=n.openTrigger,d=void 0===c?"click":c,g=n.closeTrigger,f=void 0===g?"click":g,p=n.closeWithEscape,m=void 0===p?!0:p,v=n.appendToSelector,b=void 0===v?"body":v,y=n.onOpen,E=void 0===y?null:y,C=n.onClose,_=void 0===C?null:C,x=n.includeImgixJSClass,w=void 0===x?!1:x,O=n.injectBaseStyles,L=void 0===O?!0:O;this.settings={namespace:o,sourceAttribute:u,openTrigger:d,closeTrigger:f,closeWithEscape:m,appendToSelector:b,onOpen:E,onClose:_,includeImgixJSClass:w,injectBaseStyles:L},this.settings.injectBaseStyles&&(0,a["default"])(),this._buildLightbox(),this._bindEvents()}return o(e,[{key:"_buildLightbox",value:function(){this.lightbox=new c["default"]({namespace:this.settings.namespace,parentEl:document.querySelector(this.settings.appendToSelector),triggerEl:this.trigger,sourceAttribute:this.settings.sourceAttribute,includeImgixJSClass:this.settings.includeImgixJSClass,closeTrigger:this.settings.closeTrigger})}},{key:"_bindEvents",value:function(){this.trigger.addEventListener(this.settings.openTrigger,this.open,!1),this.settings.closeWithEscape&&window.addEventListener("keyup",this._handleKeyup,!1)}},{key:"_bindCloseEvent",value:function(){this.lightbox.el.addEventListener(this.settings.closeTrigger,this.close,!1)}},{key:"_unbindEvents",value:function(){this.trigger.removeEventListener(this.settings.openTrigger,this.open,!1),this.lightbox.el.removeEventListener(this.settings.closeTrigger,this.close,!1),this.settings.closeWithEscape&&window.removeEventListener("keyup",this._handleKeyup,!1)}}]),e}()),h=function(){var e=this;this.open=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault();var n=e.lightbox.elementBuilt;e.lightbox.open(),n||e._bindCloseEvent();var i=e.settings.onOpen;i&&"function"==typeof i&&i(),e.isOpen=!0},this.close=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault(),e.lightbox.close();var n=e.settings.onClose;n&&"function"==typeof n&&n(),e.isOpen=!1},this._handleKeyup=function(t){e.isOpen&&27===t.keyCode&&e.close()},this.destroy=function(){e._unbindEvents(),e.lightbox.destroy()}};n["default"]=d,t.Luminous=d}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./Lightbox":1,"./injectBaseStylesheet":3,"./util/dom":4}],3:[function(e,t,n){"use strict";function i(){if(!document.querySelector(".lum-base-styles")){var e=document.createElement("style");e.type="text/css",e.classList.add("lum-base-styles"),e.appendChild(document.createTextNode(s));var t=document.head;t.insertBefore(e,t.firstChild)}}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i;var s="\n@keyframes lum-noop {  }\n\n.lum-lightbox {\n  position: fixed;\n  display: none;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.lum-lightbox.lum-open {\n  display: block;\n}\n\n.lum-lightbox.lum-opening, .lum-lightbox.lum-closing {\n  animation: lum-noop;\n}\n\n.lum-lightbox-inner {\n  position: absolute;\n  top: 0%;\n  right: 0%;\n  bottom: 0%;\n  left: 0%;\n\n  overflow: hidden;\n}\n\n.lum-lightbox-loader {\n  display: none;\n}\n\n.lum-lightbox-inner img {\n  max-width: 100%;\n  max-height: 100%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: block;\n}\n"},{}],4:[function(e,t,n){"use strict";function i(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function s(e){return r?e instanceof HTMLElement:e&&"object"===("undefined"==typeof e?"undefined":i(e))&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName}function o(e,t){t.forEach(function(t){e.classList.add(t)})}function l(e,t){t.forEach(function(t){e.classList.remove(t)})}Object.defineProperty(n,"__esModule",{value:!0}),n.isDOMElement=s,n.addClasses=o,n.removeClasses=l;var r="object"===("undefined"==typeof HTMLElement?"undefined":i(HTMLElement))},{}],5:[function(e,t,n){"use strict";function i(){throw new Error("Missing parameter")}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i},{}]},{},[2]);
\ No newline at end of file
diff --git a/index.html b/index.html
index 2b4e930c..cf2aec96 100644
--- a/index.html
+++ b/index.html
@@ -53,6 +53,7 @@
         max-width: 100%;
       }
     </style>
+    <script src="dist/luminous.js"></script>
   </head>
 
   <body>
@@ -69,7 +70,6 @@ <h1>Luminous Demo</h1>
       <img src="https://assets.imgix.net/presskit/imgix-presskit.pdf?page=3&amp;fm=png&amp;w=320&amp;dpr=2" width="160" height="60" alt="imgix">
     </a>
 
-    <script src="dist/luminous.js"></script>
     <script>
       new Luminous(document.querySelector('a'));
     </script>
diff --git a/src/js/Lightbox.js b/src/js/Lightbox.js
index 2ba3c244..7b76c85a 100644
--- a/src/js/Lightbox.js
+++ b/src/js/Lightbox.js
@@ -3,7 +3,7 @@ import throwIfMissing from './util/throwIfMissing';
 
 // All officially-supported browsers have this, but it's easy to
 // account for, just in case.
-const HAS_ANIMATION = 'animation' in document.body.style;
+const HAS_ANIMATION = 'animation' in document.createElement('div').style;
 
 export default class Lightbox {
   constructor(options = {}) {

From 87d06aeccf4996c158105a6127433568c73ac46b Mon Sep 17 00:00:00 2001
From: Paul Straw <paulstraw@paulstraw.com>
Date: Fri, 8 Jan 2016 13:14:33 -0800
Subject: [PATCH 2/2] Version bump to 0.1.3

---
 dist/luminous.js     | 2 +-
 dist/luminous.min.js | 2 +-
 index.html           | 2 +-
 package.json         | 2 +-
 src/js/Luminous.js   | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/dist/luminous.js b/dist/luminous.js
index 8111e202..29dad155 100644
--- a/dist/luminous.js
+++ b/dist/luminous.js
@@ -182,7 +182,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var VERSION = exports.VERSION = '0.1.2';
+var VERSION = exports.VERSION = '0.1.3';
 
 var Luminous = (function () {
   function Luminous(trigger) {
diff --git a/dist/luminous.min.js b/dist/luminous.min.js
index 55b5c11b..0095a44c 100644
--- a/dist/luminous.min.js
+++ b/dist/luminous.min.js
@@ -1 +1 @@
-!function e(t,n,i){function s(l,r){if(!n[l]){if(!t[l]){var a="function"==typeof require&&require;if(!r&&a)return a(l,!0);if(o)return o(l,!0);var u=new Error("Cannot find module '"+l+"'");throw u.code="MODULE_NOT_FOUND",u}var c=n[l]={exports:{}};t[l][0].call(c.exports,function(e){var n=t[l][1][e];return s(n?n:e)},c,c.exports,e,t,n,i)}return n[l].exports}for(var o="function"==typeof require&&require,l=0;l<i.length;l++)s(i[l]);return s}({1:[function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0});var l=e("./util/dom"),r=e("./util/throwIfMissing"),a=i(r),u="animation"in document.createElement("div").style,c=function(){function e(){var t=this,n=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];s(this,e),this._completeOpen=function(){t.el.removeEventListener("animationend",t._completeOpen,!1),(0,l.removeClasses)(t.el,t.openingClasses)},this._completeClose=function(){t.el.removeEventListener("animationend",t._completeClose,!1),(0,l.removeClasses)(t.el,t.openClasses),(0,l.removeClasses)(t.el,t.closingClasses)};var i=n.namespace,o=void 0===i?null:i,r=n.parentEl,u=void 0===r?(0,a["default"])():r,c=n.triggerEl,d=void 0===c?(0,a["default"])():c,h=n.sourceAttribute,g=void 0===h?(0,a["default"])():h,f=n.includeImgixJSClass,p=void 0===f?!1:f,m=n.closeTrigger,v=void 0===m?"click":m;if(this.settings={namespace:o,parentEl:u,triggerEl:d,sourceAttribute:g,includeImgixJSClass:p,closeTrigger:v},!(0,l.isDOMElement)(this.settings.parentEl))throw new TypeError("`new Lightbox` requires a DOM element passed as `parentEl`.");this.openClasses=this._buildClasses("open"),this.openingClasses=this._buildClasses("opening"),this.closingClasses=this._buildClasses("closing"),this.elementBuilt=!1}return o(e,[{key:"_buildClasses",value:function(e){var t=["lum-"+e],n=this.settings.namespace;return n&&t.push(n+"-"+e),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),(0,l.addClasses)(this.el,this._buildClasses("lightbox"));var e=document.createElement("div");(0,l.addClasses)(e,this._buildClasses("lightbox-inner")),this.el.appendChild(e);var t=document.createElement("div");(0,l.addClasses)(t,this._buildClasses("lightbox-loader")),e.appendChild(t),this.imgEl=document.createElement("img"),e.appendChild(this.imgEl),this.settings.parentEl.appendChild(this.el),this._updateImgSrc(),this.settings.includeImgixJSClass&&this.imgEl.classList.add("imgix-fluid")}},{key:"_updateImgSrc",value:function(){var e=this.settings.triggerEl.getAttribute(this.settings.sourceAttribute);if(!e)throw new Error("No image URL was found in the "+this.settings.sourceAttribute+" attribute of the trigger.");this.imgEl.setAttribute("src",e)}},{key:"open",value:function(){this.elementBuilt||(this._buildElement(),this.elementBuilt=!0),this._updateImgSrc(),(0,l.addClasses)(this.el,this.openClasses),u&&(this.el.addEventListener("animationend",this._completeOpen,!1),(0,l.addClasses)(this.el,this.openingClasses))}},{key:"close",value:function(){u?(this.el.addEventListener("animationend",this._completeClose,!1),(0,l.addClasses)(this.el,this.closingClasses)):(0,l.removeClasses)(this.el,this.openClasses)}},{key:"destroy",value:function(){this.settings.parentEl.removeChild(this.el)}}]),e}();n["default"]=c},{"./util/dom":4,"./util/throwIfMissing":5}],2:[function(e,t,n){(function(t){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0}),n.VERSION=void 0;var l=e("./util/dom"),r=e("./injectBaseStylesheet"),a=i(r),u=e("./Lightbox"),c=i(u),d=(n.VERSION="0.1.2",function(){function e(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(s(this,e),h.call(this),this.isOpen=!1,this.trigger=t,!(0,l.isDOMElement)(this.trigger))throw new TypeError("`new Luminous` requires a DOM element as its first argument.");var i=n.namespace,o=void 0===i?null:i,r=n.sourceAttribute,u=void 0===r?"href":r,c=n.openTrigger,d=void 0===c?"click":c,g=n.closeTrigger,f=void 0===g?"click":g,p=n.closeWithEscape,m=void 0===p?!0:p,v=n.appendToSelector,b=void 0===v?"body":v,y=n.onOpen,E=void 0===y?null:y,C=n.onClose,_=void 0===C?null:C,x=n.includeImgixJSClass,w=void 0===x?!1:x,O=n.injectBaseStyles,L=void 0===O?!0:O;this.settings={namespace:o,sourceAttribute:u,openTrigger:d,closeTrigger:f,closeWithEscape:m,appendToSelector:b,onOpen:E,onClose:_,includeImgixJSClass:w,injectBaseStyles:L},this.settings.injectBaseStyles&&(0,a["default"])(),this._buildLightbox(),this._bindEvents()}return o(e,[{key:"_buildLightbox",value:function(){this.lightbox=new c["default"]({namespace:this.settings.namespace,parentEl:document.querySelector(this.settings.appendToSelector),triggerEl:this.trigger,sourceAttribute:this.settings.sourceAttribute,includeImgixJSClass:this.settings.includeImgixJSClass,closeTrigger:this.settings.closeTrigger})}},{key:"_bindEvents",value:function(){this.trigger.addEventListener(this.settings.openTrigger,this.open,!1),this.settings.closeWithEscape&&window.addEventListener("keyup",this._handleKeyup,!1)}},{key:"_bindCloseEvent",value:function(){this.lightbox.el.addEventListener(this.settings.closeTrigger,this.close,!1)}},{key:"_unbindEvents",value:function(){this.trigger.removeEventListener(this.settings.openTrigger,this.open,!1),this.lightbox.el.removeEventListener(this.settings.closeTrigger,this.close,!1),this.settings.closeWithEscape&&window.removeEventListener("keyup",this._handleKeyup,!1)}}]),e}()),h=function(){var e=this;this.open=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault();var n=e.lightbox.elementBuilt;e.lightbox.open(),n||e._bindCloseEvent();var i=e.settings.onOpen;i&&"function"==typeof i&&i(),e.isOpen=!0},this.close=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault(),e.lightbox.close();var n=e.settings.onClose;n&&"function"==typeof n&&n(),e.isOpen=!1},this._handleKeyup=function(t){e.isOpen&&27===t.keyCode&&e.close()},this.destroy=function(){e._unbindEvents(),e.lightbox.destroy()}};n["default"]=d,t.Luminous=d}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./Lightbox":1,"./injectBaseStylesheet":3,"./util/dom":4}],3:[function(e,t,n){"use strict";function i(){if(!document.querySelector(".lum-base-styles")){var e=document.createElement("style");e.type="text/css",e.classList.add("lum-base-styles"),e.appendChild(document.createTextNode(s));var t=document.head;t.insertBefore(e,t.firstChild)}}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i;var s="\n@keyframes lum-noop {  }\n\n.lum-lightbox {\n  position: fixed;\n  display: none;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.lum-lightbox.lum-open {\n  display: block;\n}\n\n.lum-lightbox.lum-opening, .lum-lightbox.lum-closing {\n  animation: lum-noop;\n}\n\n.lum-lightbox-inner {\n  position: absolute;\n  top: 0%;\n  right: 0%;\n  bottom: 0%;\n  left: 0%;\n\n  overflow: hidden;\n}\n\n.lum-lightbox-loader {\n  display: none;\n}\n\n.lum-lightbox-inner img {\n  max-width: 100%;\n  max-height: 100%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: block;\n}\n"},{}],4:[function(e,t,n){"use strict";function i(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function s(e){return r?e instanceof HTMLElement:e&&"object"===("undefined"==typeof e?"undefined":i(e))&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName}function o(e,t){t.forEach(function(t){e.classList.add(t)})}function l(e,t){t.forEach(function(t){e.classList.remove(t)})}Object.defineProperty(n,"__esModule",{value:!0}),n.isDOMElement=s,n.addClasses=o,n.removeClasses=l;var r="object"===("undefined"==typeof HTMLElement?"undefined":i(HTMLElement))},{}],5:[function(e,t,n){"use strict";function i(){throw new Error("Missing parameter")}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i},{}]},{},[2]);
\ No newline at end of file
+!function e(t,n,i){function s(l,r){if(!n[l]){if(!t[l]){var a="function"==typeof require&&require;if(!r&&a)return a(l,!0);if(o)return o(l,!0);var u=new Error("Cannot find module '"+l+"'");throw u.code="MODULE_NOT_FOUND",u}var c=n[l]={exports:{}};t[l][0].call(c.exports,function(e){var n=t[l][1][e];return s(n?n:e)},c,c.exports,e,t,n,i)}return n[l].exports}for(var o="function"==typeof require&&require,l=0;l<i.length;l++)s(i[l]);return s}({1:[function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0});var l=e("./util/dom"),r=e("./util/throwIfMissing"),a=i(r),u="animation"in document.createElement("div").style,c=function(){function e(){var t=this,n=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];s(this,e),this._completeOpen=function(){t.el.removeEventListener("animationend",t._completeOpen,!1),(0,l.removeClasses)(t.el,t.openingClasses)},this._completeClose=function(){t.el.removeEventListener("animationend",t._completeClose,!1),(0,l.removeClasses)(t.el,t.openClasses),(0,l.removeClasses)(t.el,t.closingClasses)};var i=n.namespace,o=void 0===i?null:i,r=n.parentEl,u=void 0===r?(0,a["default"])():r,c=n.triggerEl,d=void 0===c?(0,a["default"])():c,h=n.sourceAttribute,g=void 0===h?(0,a["default"])():h,f=n.includeImgixJSClass,p=void 0===f?!1:f,m=n.closeTrigger,v=void 0===m?"click":m;if(this.settings={namespace:o,parentEl:u,triggerEl:d,sourceAttribute:g,includeImgixJSClass:p,closeTrigger:v},!(0,l.isDOMElement)(this.settings.parentEl))throw new TypeError("`new Lightbox` requires a DOM element passed as `parentEl`.");this.openClasses=this._buildClasses("open"),this.openingClasses=this._buildClasses("opening"),this.closingClasses=this._buildClasses("closing"),this.elementBuilt=!1}return o(e,[{key:"_buildClasses",value:function(e){var t=["lum-"+e],n=this.settings.namespace;return n&&t.push(n+"-"+e),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),(0,l.addClasses)(this.el,this._buildClasses("lightbox"));var e=document.createElement("div");(0,l.addClasses)(e,this._buildClasses("lightbox-inner")),this.el.appendChild(e);var t=document.createElement("div");(0,l.addClasses)(t,this._buildClasses("lightbox-loader")),e.appendChild(t),this.imgEl=document.createElement("img"),e.appendChild(this.imgEl),this.settings.parentEl.appendChild(this.el),this._updateImgSrc(),this.settings.includeImgixJSClass&&this.imgEl.classList.add("imgix-fluid")}},{key:"_updateImgSrc",value:function(){var e=this.settings.triggerEl.getAttribute(this.settings.sourceAttribute);if(!e)throw new Error("No image URL was found in the "+this.settings.sourceAttribute+" attribute of the trigger.");this.imgEl.setAttribute("src",e)}},{key:"open",value:function(){this.elementBuilt||(this._buildElement(),this.elementBuilt=!0),this._updateImgSrc(),(0,l.addClasses)(this.el,this.openClasses),u&&(this.el.addEventListener("animationend",this._completeOpen,!1),(0,l.addClasses)(this.el,this.openingClasses))}},{key:"close",value:function(){u?(this.el.addEventListener("animationend",this._completeClose,!1),(0,l.addClasses)(this.el,this.closingClasses)):(0,l.removeClasses)(this.el,this.openClasses)}},{key:"destroy",value:function(){this.settings.parentEl.removeChild(this.el)}}]),e}();n["default"]=c},{"./util/dom":4,"./util/throwIfMissing":5}],2:[function(e,t,n){(function(t){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();Object.defineProperty(n,"__esModule",{value:!0}),n.VERSION=void 0;var l=e("./util/dom"),r=e("./injectBaseStylesheet"),a=i(r),u=e("./Lightbox"),c=i(u),d=(n.VERSION="0.1.3",function(){function e(t){var n=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];if(s(this,e),h.call(this),this.isOpen=!1,this.trigger=t,!(0,l.isDOMElement)(this.trigger))throw new TypeError("`new Luminous` requires a DOM element as its first argument.");var i=n.namespace,o=void 0===i?null:i,r=n.sourceAttribute,u=void 0===r?"href":r,c=n.openTrigger,d=void 0===c?"click":c,g=n.closeTrigger,f=void 0===g?"click":g,p=n.closeWithEscape,m=void 0===p?!0:p,v=n.appendToSelector,b=void 0===v?"body":v,y=n.onOpen,E=void 0===y?null:y,C=n.onClose,_=void 0===C?null:C,x=n.includeImgixJSClass,w=void 0===x?!1:x,O=n.injectBaseStyles,L=void 0===O?!0:O;this.settings={namespace:o,sourceAttribute:u,openTrigger:d,closeTrigger:f,closeWithEscape:m,appendToSelector:b,onOpen:E,onClose:_,includeImgixJSClass:w,injectBaseStyles:L},this.settings.injectBaseStyles&&(0,a["default"])(),this._buildLightbox(),this._bindEvents()}return o(e,[{key:"_buildLightbox",value:function(){this.lightbox=new c["default"]({namespace:this.settings.namespace,parentEl:document.querySelector(this.settings.appendToSelector),triggerEl:this.trigger,sourceAttribute:this.settings.sourceAttribute,includeImgixJSClass:this.settings.includeImgixJSClass,closeTrigger:this.settings.closeTrigger})}},{key:"_bindEvents",value:function(){this.trigger.addEventListener(this.settings.openTrigger,this.open,!1),this.settings.closeWithEscape&&window.addEventListener("keyup",this._handleKeyup,!1)}},{key:"_bindCloseEvent",value:function(){this.lightbox.el.addEventListener(this.settings.closeTrigger,this.close,!1)}},{key:"_unbindEvents",value:function(){this.trigger.removeEventListener(this.settings.openTrigger,this.open,!1),this.lightbox.el.removeEventListener(this.settings.closeTrigger,this.close,!1),this.settings.closeWithEscape&&window.removeEventListener("keyup",this._handleKeyup,!1)}}]),e}()),h=function(){var e=this;this.open=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault();var n=e.lightbox.elementBuilt;e.lightbox.open(),n||e._bindCloseEvent();var i=e.settings.onOpen;i&&"function"==typeof i&&i(),e.isOpen=!0},this.close=function(t){t&&"function"==typeof t.preventDefault&&t.preventDefault(),e.lightbox.close();var n=e.settings.onClose;n&&"function"==typeof n&&n(),e.isOpen=!1},this._handleKeyup=function(t){e.isOpen&&27===t.keyCode&&e.close()},this.destroy=function(){e._unbindEvents(),e.lightbox.destroy()}};n["default"]=d,t.Luminous=d}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./Lightbox":1,"./injectBaseStylesheet":3,"./util/dom":4}],3:[function(e,t,n){"use strict";function i(){if(!document.querySelector(".lum-base-styles")){var e=document.createElement("style");e.type="text/css",e.classList.add("lum-base-styles"),e.appendChild(document.createTextNode(s));var t=document.head;t.insertBefore(e,t.firstChild)}}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i;var s="\n@keyframes lum-noop {  }\n\n.lum-lightbox {\n  position: fixed;\n  display: none;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.lum-lightbox.lum-open {\n  display: block;\n}\n\n.lum-lightbox.lum-opening, .lum-lightbox.lum-closing {\n  animation: lum-noop;\n}\n\n.lum-lightbox-inner {\n  position: absolute;\n  top: 0%;\n  right: 0%;\n  bottom: 0%;\n  left: 0%;\n\n  overflow: hidden;\n}\n\n.lum-lightbox-loader {\n  display: none;\n}\n\n.lum-lightbox-inner img {\n  max-width: 100%;\n  max-height: 100%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: block;\n}\n"},{}],4:[function(e,t,n){"use strict";function i(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}function s(e){return r?e instanceof HTMLElement:e&&"object"===("undefined"==typeof e?"undefined":i(e))&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName}function o(e,t){t.forEach(function(t){e.classList.add(t)})}function l(e,t){t.forEach(function(t){e.classList.remove(t)})}Object.defineProperty(n,"__esModule",{value:!0}),n.isDOMElement=s,n.addClasses=o,n.removeClasses=l;var r="object"===("undefined"==typeof HTMLElement?"undefined":i(HTMLElement))},{}],5:[function(e,t,n){"use strict";function i(){throw new Error("Missing parameter")}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i},{}]},{},[2]);
\ No newline at end of file
diff --git a/index.html b/index.html
index cf2aec96..2b4e930c 100644
--- a/index.html
+++ b/index.html
@@ -53,7 +53,6 @@
         max-width: 100%;
       }
     </style>
-    <script src="dist/luminous.js"></script>
   </head>
 
   <body>
@@ -70,6 +69,7 @@ <h1>Luminous Demo</h1>
       <img src="https://assets.imgix.net/presskit/imgix-presskit.pdf?page=3&amp;fm=png&amp;w=320&amp;dpr=2" width="160" height="60" alt="imgix">
     </a>
 
+    <script src="dist/luminous.js"></script>
     <script>
       new Luminous(document.querySelector('a'));
     </script>
diff --git a/package.json b/package.json
index e9d21878..8afef5f7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "luminous-lightbox",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A simple, lightweight, no-dependencies JavaScript image lightbox.",
   "main": "index.js",
   "scripts": {
diff --git a/src/js/Luminous.js b/src/js/Luminous.js
index 4d2bd8e1..f70afc66 100644
--- a/src/js/Luminous.js
+++ b/src/js/Luminous.js
@@ -2,7 +2,7 @@ import { isDOMElement } from './util/dom';
 import injectBaseStylesheet from './injectBaseStylesheet';
 import Lightbox from './Lightbox';
 
-export const VERSION = '0.1.2';
+export const VERSION = '0.1.3';
 
 export default class Luminous {
   constructor(trigger, options = {}) {