spree_product_hover_zoom 1.0.2

data/script/rails

@@ -0,0 +1,7 @@
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path('../..', __FILE__)
+ENGINE_PATH = File.expand_path('../../lib/spree_product_hover_zoom/engine', __FILE__)
+
+require 'rails/all'
+require 'rails/engine/commands'

data/spec/features/zoom_spec.rb

@@ -0,0 +1,144 @@
+require 'spec_helper'
+
+feature "gallery", :js => true do
+
+  before(:each) {
+    Capybara.default_selector = :css
+
+    products = Spree::Product.all
+    if (products.size == 0)
+      @product = create(:product1)
+      @opt_type = create(:option_type1)
+    end
+  }
+
+  scenario "product without options, two images" do
+    attach_images(@product.master)
+
+    visit "/products/#{@product.id}"
+
+    expect(page.evaluate_script 'typeof $.fancybox').to eq('function')
+
+    within("div#main-image") do
+      # ERROR zoom.gif is being overwritten here:
+      # javascript product.js.coffee
+      # showVariantImages ($('#main-image img')).attr('src', newImg);
+      page.should have_selector("img", count: 2)
+      # workaround is here:
+      # javascript zoom.js.coffee show_variant_images
+      # ($ 'img.click-to-zoom').attr 'src', "<%= asset_path('zoom.gif') %>"
+      page.should have_css("img.zoom-click", count: 1)
+      page.should have_css("img.click-to-zoom", count: 1)
+
+      show_gallery
+
+      page.should have_css("#gallery a.productid-#{@product.master.id}.fancybox", count: 2)
+    end
+  end
+
+
+  scenario "product with option and one variant with two product master images" do
+    @product.option_types << @opt_type
+    variant1 = get_variant(1)
+
+    attach_images(@product.master)
+    expect(@product.images.length).to be(2)
+
+    visit "/products/#{@product.id}"
+
+    within("div#main-image") do
+      page.should have_css("img.click-to-zoom", count: 1)
+
+      show_gallery
+
+      page.should have_css("#gallery a", count: 2)
+      page.should have_css("#gallery a.productid-#{@product.master.id}.fancybox", count: 2)
+    end
+  end
+
+
+  scenario "product with 2 variants and 2 attached images to the master and second variant" do
+    @product.option_types << @opt_type
+
+    variant1 = get_variant(1)
+    variant2 = get_variant(2)
+
+    attach_images(@product.master)
+    attach_images(variant2)
+    expect(@product.images.length).to eq(2)
+    expect(@product.variant_images.length).to eq(4)
+
+    visit "/products/#{@product.id}"
+
+    page.should have_css("img.click-to-zoom", count: 1)
+
+    show_gallery
+
+    # 2 from master, 2 from variant
+    page.should have_css("#gallery a", count: 4)
+    page.should have_css("#gallery a.master", count: 2)
+    page.should have_css("#gallery a.fancybox", count: 2)
+    page.should have_css("#gallery a.productid-#{@product.master.id}", count: 2)
+    page.should have_css("#gallery a.productid-#{variant2.id}", count: 2)
+
+    page.choose("variant_id_#{variant2.id}")
+    page.should have_css("#gallery a.fancybox", count: 4)
+  end
+
+  scenario "product with 2 variants and 2 attached images to each variant" do
+    @product.option_types << @opt_type
+
+    variant1 = get_variant(1)
+    variant2 = get_variant(2)
+
+    attach_images(variant1)
+    attach_images(variant2)
+    expect(@product.images.length).to eq(0)
+    expect(@product.variant_images.length).to eq(4)
+
+    visit "/products/#{@product.id}"
+    page.should have_css("img.click-to-zoom", count: 1)
+
+    show_gallery
+
+    page.should have_css("#gallery a", count: 4)
+    page.should have_css("#gallery a.master", count: 0)
+    page.should have_css("#gallery a.fancybox", count: 2)
+    page.should have_css("#gallery a.productid-#{variant1.id}.fancybox", count: 2)
+    page.should have_css("#gallery a.productid-#{variant2.id}", count: 2)
+
+    page.choose("variant_id_#{variant2.id}")
+    page.should have_css("#gallery a.fancybox", count: 2)
+    page.should have_css("#gallery a.productid-#{variant2.id}.fancybox", count: 2)
+  end
+
+
+  def show_gallery
+    # gallery is hidden, selenium-webdriver only knows visible elements
+    page.execute_script '$("#gallery").show()'
+  end
+
+  def get_variant(nr)
+    optnme = "option_value#{nr}"
+    opt_vlue = build(optnme.to_sym)
+    opt_vlue.option_type = @opt_type
+    opt_vlue.save
+
+    varnme = "variant#{nr}"
+    variant = build(varnme.to_sym)
+    variant.product = @product
+    variant.option_values << opt_vlue
+    variant.save
+    variant
+  end
+
+  def attach_images(product)
+    img = build(:image1)
+    img.viewable = product
+    img.save
+
+    img = build(:image2)
+    img.viewable = product
+    img.save
+  end
+end

data/spec/products_images/info.txt

@@ -0,0 +1,3 @@
+Don't know how to add the images with FactoryGirl.
+
+Copy these folders into 'dummy/public/spree/products' to run 'spec/features/zoom_spec.rb'.

data/spec/spec_helper.rb

@@ -0,0 +1,77 @@
+# Configure Rails Environment
+ENV['RAILS_ENV'] = 'test'
+
+require File.expand_path('../dummy/config/environment.rb',  __FILE__)
+
+require 'rspec/rails'
+require 'database_cleaner'
+require 'ffaker'
+
+# Requires supporting ruby files with custom matchers and macros, etc,
+# in spec/support/ and its subdirectories.
+Dir[File.join(File.dirname(__FILE__), 'support/**/*.rb')].each { |f| require f }
+
+# Requires factories and other useful helpers defined in spree_core.
+require 'spree/testing_support/authorization_helpers'
+require 'spree/testing_support/capybara_ext'
+require 'spree/testing_support/controller_requests'
+require 'spree/testing_support/factories'
+require 'spree/testing_support/url_helpers'
+
+# Requires factories defined in lib/spree_product_hover_zoom/factories.rb
+require 'spree_product_hover_zoom/factories'
+
+RSpec.configure do |config|
+  config.include FactoryGirl::Syntax::Methods
+
+  # Infer an example group's spec type from the file location.
+  config.infer_spec_type_from_file_location!
+
+  # == URL Helpers
+  #
+  # Allows access to Spree's routes in specs:
+  #
+  # visit spree.admin_path
+  # current_path.should eql(spree.products_path)
+  config.include Spree::TestingSupport::UrlHelpers
+
+  # == Mock Framework
+  #
+  # If you prefer to use mocha, flexmock or RR, uncomment the appropriate line:
+  #
+  # config.mock_with :mocha
+  # config.mock_with :flexmock
+  # config.mock_with :rr
+  config.mock_with :rspec
+  config.color = true
+
+  # Remove this line if you're not using ActiveRecord or ActiveRecord fixtures
+  config.fixture_path = "#{::Rails.root}/spec/fixtures"
+
+  # Capybara javascript drivers require transactional fixtures set to false,
+  # and we use DatabaseCleaner to cleanup after each test instead.
+  # Without transactional fixtures set to false the records created
+  # to setup a test will be unavailable to the browser, which runs under
+  # a separate server instance.
+  config.use_transactional_fixtures = false
+
+  # Ensure Suite is set to use transactions for speed.
+  config.before :suite do
+    DatabaseCleaner.strategy = :transaction
+    DatabaseCleaner.clean_with :truncation
+  end
+
+  # Before each spec check if it is a Javascript test and switch between using database transactions or not where necessary.
+  config.before :each do
+    DatabaseCleaner.strategy = RSpec.current_example.metadata[:js] ? :truncation : :transaction
+    DatabaseCleaner.start
+  end
+
+  # After each spec clean the database.
+  config.after :each do
+    DatabaseCleaner.clean
+  end
+
+  config.fail_fast = ENV['FAIL_FAST'] || false
+  config.order = "random"
+end

data/spree_product_hover_zoom.gemspec

@@ -0,0 +1,29 @@
+# encoding: UTF-8
+Gem::Specification.new do |s|
+  s.platform    = Gem::Platform::RUBY
+  s.name        = 'spree_product_hover_zoom'
+  s.version     = '1.0.2'
+  s.summary     = 'A Spree extension that adds gallery view and zoom-on-hover functionality for product images.'
+  s.required_ruby_version = '>= 1.8.7'
+
+  s.author    = 'Vinz Loh'
+  s.email     = 'vincent.ml@gmail.com'
+  s.homepage  = 'http://cloudcoder.com.my'
+
+  s.files       = `git ls-files`.split("\n")
+  s.require_path = 'lib'
+  s.requirements << 'none'
+
+  s.add_dependency 'spree_core', '~> 3.2'
+  s.add_dependency 'spree_frontend', '~> 3.2'
+
+  s.add_development_dependency 'capybara', '~> 2.4'
+  s.add_development_dependency 'database_cleaner'
+  s.add_development_dependency 'factory_girl', '~> 4.5'
+  s.add_development_dependency 'ffaker'
+  s.add_development_dependency 'rspec-rails',  '~> 3.1'
+  s.add_development_dependency 'sass-rails', '~> 5.0'
+  s.add_development_dependency 'coffee-rails', '4.2'
+  s.add_development_dependency 'selenium-webdriver'
+  s.add_development_dependency 'sqlite3'
+end

data/vendor/assets/javascripts/drift.min.js

@@ -0,0 +1 @@
+!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.Drift=e()}}(function(){return function e(t,n,i){function s(l,a){if(!n[l]){if(!t[l]){var r="function"==typeof require&&require;if(!a&&r)return r(l,!0);if(o)return o(l,!0);var h=new Error("Cannot find module '"+l+"'");throw h.code="MODULE_NOT_FOUND",h}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")}Object.defineProperty(n,"__esModule",{value:!0});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}}(),l=e("./util/throwIfMissing"),a=i(l),r=e("./util/dom"),h=function(){function e(t){s(this,e),this.isShowing=!1;var n=t.namespace,i=void 0===n?null:n,o=t.zoomFactor,l=void 0===o?(0,a["default"])():o,r=t.containerEl,h=void 0===r?(0,a["default"])():r;this.settings={namespace:i,zoomFactor:l,containerEl:h},this.openClasses=this._buildClasses("open"),this._buildElement()}return o(e,[{key:"_buildClasses",value:function(e){var t=["drift-"+e],n=this.settings.namespace;return n&&t.push(n+"-"+e),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),(0,r.addClasses)(this.el,this._buildClasses("bounding-box"))}},{key:"show",value:function(e,t){this.isShowing=!0,this.settings.containerEl.appendChild(this.el);var n=this.el.style;n.width=Math.round(e/this.settings.zoomFactor)+"px",n.height=Math.round(t/this.settings.zoomFactor)+"px",(0,r.addClasses)(this.el,this.openClasses)}},{key:"hide",value:function(){this.isShowing&&this.settings.containerEl.removeChild(this.el),this.isShowing=!1,(0,r.removeClasses)(this.el,this.openClasses)}},{key:"setPosition",value:function(e,t,n){var i=window.pageXOffset,s=window.pageYOffset,o=n.left+e*n.width-this.el.clientWidth/2+i,l=n.top+t*n.height-this.el.clientHeight/2+s;this.el.getBoundingClientRect();o<n.left+i?o=n.left+i:o+this.el.clientWidth>n.left+n.width+i&&(o=n.left+n.width-this.el.clientWidth+i),l<n.top+s?l=n.top+s:l+this.el.clientHeight>n.top+n.height+s&&(l=n.top+n.height-this.el.clientHeight+s),this.el.style.left=o+"px",this.el.style.top=l+"px"}}]),e}();n["default"]=h},{"./util/dom":6,"./util/throwIfMissing":7}],2:[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}}(),l=e("./util/dom"),a=e("./injectBaseStylesheet"),r=i(a),h=e("./Trigger"),d=i(h),u=e("./ZoomPane"),c=i(u);t.exports=function(){function e(t){var n=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(s(this,e),this.VERSION="1.1.0",this.destroy=function(){n.trigger._unbindEvents()},this.triggerEl=t,!(0,l.isDOMElement)(this.triggerEl))throw new TypeError("`new Drift` requires a DOM element as its first argument.");var o=i.namespace,a=void 0===o?null:o,h=i.showWhitespaceAtEdges,d=void 0!==h&&h,u=i.containInline,c=void 0!==u&&u,f=i.inlineOffsetX,m=void 0===f?0:f,g=i.inlineOffsetY,v=void 0===g?0:g,p=i.inlineContainer,y=void 0===p?document.body:p,b=i.sourceAttribute,w=void 0===b?"data-zoom":b,_=i.zoomFactor,E=void 0===_?3:_,C=i.paneContainer,B=void 0===C?document.body:C,x=i.inlinePane,z=void 0===x?375:x,k=i.handleTouch,S=void 0===k||k,L=i.onShow,M=void 0===L?null:L,O=i.onHide,P=void 0===O?null:O,T=i.injectBaseStyles,D=void 0===T||T,H=i.hoverDelay,A=void 0===H?0:H,I=i.touchDelay,F=void 0===I?0:I,W=i.hoverBoundingBox,j=void 0!==W&&W,R=i.touchBoundingBox,X=void 0!==R&&R;if(z!==!0&&!(0,l.isDOMElement)(B))throw new TypeError("`paneContainer` must be a DOM element when `inlinePane !== true`");if(!(0,l.isDOMElement)(y))throw new TypeError("`inlineContainer` must be a DOM element");this.settings={namespace:a,showWhitespaceAtEdges:d,containInline:c,inlineOffsetX:m,inlineOffsetY:v,inlineContainer:y,sourceAttribute:w,zoomFactor:E,paneContainer:B,inlinePane:z,handleTouch:S,onShow:M,onHide:P,injectBaseStyles:D,hoverDelay:A,touchDelay:F,hoverBoundingBox:j,touchBoundingBox:X},this.settings.injectBaseStyles&&(0,r["default"])(),this._buildZoomPane(),this._buildTrigger()}return o(e,[{key:"_buildZoomPane",value:function(){this.zoomPane=new c["default"]({container:this.settings.paneContainer,zoomFactor:this.settings.zoomFactor,showWhitespaceAtEdges:this.settings.showWhitespaceAtEdges,containInline:this.settings.containInline,inline:this.settings.inlinePane,namespace:this.settings.namespace,inlineOffsetX:this.settings.inlineOffsetX,inlineOffsetY:this.settings.inlineOffsetY,inlineContainer:this.settings.inlineContainer})}},{key:"_buildTrigger",value:function(){this.trigger=new d["default"]({el:this.triggerEl,zoomPane:this.zoomPane,handleTouch:this.settings.handleTouch,onShow:this.settings.onShow,onHide:this.settings.onHide,sourceAttribute:this.settings.sourceAttribute,hoverDelay:this.settings.hoverDelay,touchDelay:this.settings.touchDelay,hoverBoundingBox:this.settings.hoverBoundingBox,touchBoundingBox:this.settings.touchBoundingBox,namespace:this.settings.namespace,zoomFactor:this.settings.zoomFactor})}},{key:"setZoomImageURL",value:function(e){this.zoomPane._setImageURL(e)}},{key:"disable",value:function(){this.trigger.enabled=!1}},{key:"enable",value:function(){this.trigger.enabled=!0}},{key:"isShowing",get:function(){return this.zoomPane.isShowing}},{key:"zoomFactor",get:function(){return this.settings.zoomFactor},set:function(e){this.settings.zoomFactor=e,this.zoomPane.settings.zoomFactor=e}}]),e}()},{"./Trigger":3,"./ZoomPane":4,"./injectBaseStylesheet":5,"./util/dom":6}],3:[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")}Object.defineProperty(n,"__esModule",{value:!0});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}}(),l=e("./util/throwIfMissing"),a=i(l),r=e("./BoundingBox"),h=i(r),d=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s(this,e),u.call(this);var n=t.el,i=void 0===n?(0,a["default"])():n,o=t.zoomPane,l=void 0===o?(0,a["default"])():o,r=t.sourceAttribute,d=void 0===r?(0,a["default"])():r,c=t.handleTouch,f=void 0===c?(0,a["default"])():c,m=t.onShow,g=void 0===m?null:m,v=t.onHide,p=void 0===v?null:v,y=t.hoverDelay,b=void 0===y?0:y,w=t.touchDelay,_=void 0===w?0:w,E=t.hoverBoundingBox,C=void 0===E?(0,a["default"])():E,B=t.touchBoundingBox,x=void 0===B?(0,a["default"])():B,z=t.namespace,k=void 0===z?null:z,S=t.zoomFactor,L=void 0===S?(0,a["default"])():S;this.settings={el:i,zoomPane:l,sourceAttribute:d,handleTouch:f,onShow:g,onHide:p,hoverDelay:b,touchDelay:_,hoverBoundingBox:C,touchBoundingBox:x,namespace:k,zoomFactor:L},(this.settings.hoverBoundingBox||this.settings.touchBoundingBox)&&(this.boundingBox=new h["default"]({namespace:this.settings.namespace,zoomFactor:this.settings.zoomFactor,containerEl:this.settings.el.offsetParent})),this.enabled=!0,this._bindEvents()}return o(e,[{key:"_bindEvents",value:function(){this.settings.el.addEventListener("mouseenter",this._handleEntry,!1),this.settings.el.addEventListener("mouseleave",this._hide,!1),this.settings.el.addEventListener("mousemove",this._handleMovement,!1),this.settings.handleTouch&&(this.settings.el.addEventListener("touchstart",this._handleEntry,!1),this.settings.el.addEventListener("touchend",this._hide,!1),this.settings.el.addEventListener("touchmove",this._handleMovement,!1))}},{key:"_unbindEvents",value:function(){this.settings.el.removeEventListener("mouseenter",this._handleEntry,!1),this.settings.el.removeEventListener("mouseleave",this._hide,!1),this.settings.el.removeEventListener("mousemove",this._handleMovement,!1),this.settings.handleTouch&&(this.settings.el.removeEventListener("touchstart",this._handleEntry,!1),this.settings.el.removeEventListener("touchend",this._hide,!1),this.settings.el.removeEventListener("touchmove",this._handleMovement,!1))}},{key:"isShowing",get:function(){return this.settings.zoomPane.isShowing}}]),e}(),u=function(){var e=this;this._handleEntry=function(t){t.preventDefault(),e._lastMovement=t,"mouseenter"==t.type&&e.settings.hoverDelay?e.entryTimeout=setTimeout(e._show,e.settings.hoverDelay):e.settings.touchDelay?e.entryTimeout=setTimeout(e._show,e.settings.touchDelay):e._show()},this._show=function(){if(e.enabled){var t=e.settings.onShow;if(t&&"function"==typeof t&&t(),e.settings.zoomPane.show(e.settings.el.getAttribute(e.settings.sourceAttribute),e.settings.el.clientWidth,e.settings.el.clientHeight),e._lastMovement){var n=e._lastMovement.touches;(n&&e.settings.touchBoundingBox||!n&&e.settings.hoverBoundingBox)&&e.boundingBox.show(e.settings.zoomPane.el.clientWidth,e.settings.zoomPane.el.clientHeight)}e._handleMovement()}},this._hide=function(t){t.preventDefault(),e._lastMovement=null,e.entryTimeout&&clearTimeout(e.entryTimeout),e.boundingBox&&e.boundingBox.hide();var n=e.settings.onHide;n&&"function"==typeof n&&n(),e.settings.zoomPane.hide()},this._handleMovement=function(t){if(t)t.preventDefault(),e._lastMovement=t;else{if(!e._lastMovement)return;t=e._lastMovement}var n=void 0,i=void 0;if(t.touches){var s=t.touches[0];n=s.clientX,i=s.clientY}else n=t.clientX,i=t.clientY;var o=e.settings.el,l=o.getBoundingClientRect(),a=n-l.left,r=i-l.top,h=a/e.settings.el.clientWidth,d=r/e.settings.el.clientHeight;e.boundingBox&&e.boundingBox.setPosition(h,d,l),e.settings.zoomPane.setPosition(h,d,l)}};n["default"]=d},{"./BoundingBox":1,"./util/throwIfMissing":7}],4:[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")}Object.defineProperty(n,"__esModule",{value:!0});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}}(),l=e("./util/throwIfMissing"),a=i(l),r=e("./util/dom"),h=document.createElement("div").style,d="undefined"!=typeof document&&("animation"in h||"webkitAnimation"in h),u=function(){function e(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};s(this,e),this._completeShow=function(){t.el.removeEventListener("animationend",t._completeShow,!1),t.el.removeEventListener("webkitAnimationEnd",t._completeShow,!1),(0,r.removeClasses)(t.el,t.openingClasses)},this._completeHide=function(){t.el.removeEventListener("animationend",t._completeHide,!1),t.el.removeEventListener("webkitAnimationEnd",t._completeHide,!1),(0,r.removeClasses)(t.el,t.openClasses),(0,r.removeClasses)(t.el,t.closingClasses),(0,r.removeClasses)(t.el,t.inlineClasses),t.el.setAttribute("style",""),t.el.parentElement===t.settings.container?t.settings.container.removeChild(t.el):t.el.parentElement===t.settings.inlineContainer&&t.settings.inlineContainer.removeChild(t.el)},this._handleLoad=function(){t.imgEl.removeEventListener("load",t._handleLoad,!1),(0,r.removeClasses)(t.el,t.loadingClasses)},this.isShowing=!1;var i=n.container,o=void 0===i?null:i,l=n.zoomFactor,h=void 0===l?(0,a["default"])():l,d=n.inline,u=void 0===d?(0,a["default"])():d,c=n.namespace,f=void 0===c?null:c,m=n.showWhitespaceAtEdges,g=void 0===m?(0,a["default"])():m,v=n.containInline,p=void 0===v?(0,a["default"])():v,y=n.inlineOffsetX,b=void 0===y?0:y,w=n.inlineOffsetY,_=void 0===w?0:w,E=n.inlineContainer,C=void 0===E?document.body:E;this.settings={container:o,zoomFactor:h,inline:u,namespace:f,showWhitespaceAtEdges:g,containInline:p,inlineOffsetX:b,inlineOffsetY:_,inlineContainer:C},this.openClasses=this._buildClasses("open"),this.openingClasses=this._buildClasses("opening"),this.closingClasses=this._buildClasses("closing"),this.inlineClasses=this._buildClasses("inline"),this.loadingClasses=this._buildClasses("loading"),this._buildElement()}return o(e,[{key:"_buildClasses",value:function(e){var t=["drift-"+e],n=this.settings.namespace;return n&&t.push(n+"-"+e),t}},{key:"_buildElement",value:function(){this.el=document.createElement("div"),(0,r.addClasses)(this.el,this._buildClasses("zoom-pane"));var e=document.createElement("div");(0,r.addClasses)(e,this._buildClasses("zoom-pane-loader")),this.el.appendChild(e),this.imgEl=document.createElement("img"),this.el.appendChild(this.imgEl)}},{key:"_setImageURL",value:function(e){this.imgEl.setAttribute("src",e)}},{key:"_setImageSize",value:function(e,t){this.imgEl.style.width=e*this.settings.zoomFactor+"px",this.imgEl.style.height=t*this.settings.zoomFactor+"px"}},{key:"setPosition",value:function(e,t,n){var i=-(this.imgEl.clientWidth*e-this.el.clientWidth/2),s=-(this.imgEl.clientHeight*t-this.el.clientHeight/2),o=-(this.imgEl.clientWidth-this.el.clientWidth),l=-(this.imgEl.clientHeight-this.el.clientHeight);if(this.el.parentElement===this.settings.inlineContainer){var a=window.pageXOffset,r=window.pageYOffset,h=n.left+e*n.width-this.el.clientWidth/2+this.settings.inlineOffsetX+a,d=n.top+t*n.height-this.el.clientHeight/2+this.settings.inlineOffsetY+r;if(this.settings.containInline){this.el.getBoundingClientRect();h<n.left+a?h=n.left+a:h+this.el.clientWidth>n.left+n.width+a&&(h=n.left+n.width-this.el.clientWidth+a),d<n.top+r?d=n.top+r:d+this.el.clientHeight>n.top+n.height+r&&(d=n.top+n.height-this.el.clientHeight+r)}this.el.style.left=h+"px",this.el.style.top=d+"px"}this.settings.showWhitespaceAtEdges||(i>0?i=0:i<o&&(i=o),s>0?s=0:s<l&&(s=l)),this.imgEl.style.transform="translate("+i+"px, "+s+"px)",this.imgEl.style.webkitTransform="translate("+i+"px, "+s+"px)"}},{key:"_removeListenersAndResetClasses",value:function(){this.el.removeEventListener("animationend",this._completeShow,!1),this.el.removeEventListener("animationend",this._completeHide,!1),this.el.removeEventListener("webkitAnimationEnd",this._completeShow,!1),this.el.removeEventListener("webkitAnimationEnd",this._completeHide,!1),(0,r.removeClasses)(this.el,this.openClasses),(0,r.removeClasses)(this.el,this.closingClasses)}},{key:"show",value:function(e,t,n){this._removeListenersAndResetClasses(),this.isShowing=!0,(0,r.addClasses)(this.el,this.openClasses),(0,r.addClasses)(this.el,this.loadingClasses),this.imgEl.addEventListener("load",this._handleLoad,!1),this._setImageURL(e),this._setImageSize(t,n),this._isInline?this._showInline():this._showInContainer(),d&&(this.el.addEventListener("animationend",this._completeShow,!1),this.el.addEventListener("webkitAnimationEnd",this._completeShow,!1),(0,r.addClasses)(this.el,this.openingClasses))}},{key:"_showInline",value:function(){this.settings.inlineContainer.appendChild(this.el),(0,r.addClasses)(this.el,this.inlineClasses)}},{key:"_showInContainer",value:function(){this.settings.container.appendChild(this.el)}},{key:"hide",value:function(){this._removeListenersAndResetClasses(),this.isShowing=!1,d?(this.el.addEventListener("animationend",this._completeHide,!1),this.el.addEventListener("webkitAnimationEnd",this._completeHide,!1),(0,r.addClasses)(this.el,this.closingClasses)):((0,r.removeClasses)(this.el,this.openClasses),(0,r.removeClasses)(this.el,this.inlineClasses))}},{key:"_isInline",get:function(){var e=this.settings.inline;return e===!0||"number"==typeof e&&window.innerWidth<=e}}]),e}();n["default"]=u},{"./util/dom":6,"./util/throwIfMissing":7}],5:[function(e,t,n){"use strict";function i(){if(!document.querySelector(".drift-base-styles")){var e=document.createElement("style");e.type="text/css",e.classList.add("drift-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 noop {\n  0% { zoom: 1; }\n}\n\n@-webkit-keyframes noop {\n  0% { zoom: 1; }\n}\n\n.drift-zoom-pane.drift-open {\n  display: block;\n}\n\n.drift-zoom-pane.drift-opening, .drift-zoom-pane.drift-closing {\n  animation: noop 1ms;\n  -webkit-animation: noop 1ms;\n}\n\n.drift-zoom-pane {\n  position: absolute;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n\n.drift-zoom-pane-loader {\n  display: none;\n}\n\n.drift-zoom-pane img {\n  position: absolute;\n  display: block;\n  max-width: none;\n  max-height: none;\n}\n\n.drift-bounding-box {\n  position: absolute;\n  pointer-events: none;\n}\n"},{}],6:[function(e,t,n){"use strict";function i(e){return r?e instanceof HTMLElement:e&&"object"===("undefined"==typeof e?"undefined":a(e))&&null!==e&&1===e.nodeType&&"string"==typeof e.nodeName}function s(e,t){t.forEach(function(t){e.classList.add(t)})}function o(e,t){t.forEach(function(t){e.classList.remove(t)})}var l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(n,"__esModule",{value:!0});var a="function"==typeof Symbol&&"symbol"===l(Symbol.iterator)?function(e){return"undefined"==typeof e?"undefined":l(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":"undefined"==typeof e?"undefined":l(e)};n.isDOMElement=i,n.addClasses=s,n.removeClasses=o;var r="object"===("undefined"==typeof HTMLElement?"undefined":a(HTMLElement))},{}],7:[function(e,t,n){"use strict";function i(){throw new Error("Missing parameter")}Object.defineProperty(n,"__esModule",{value:!0}),n["default"]=i},{}]},{},[2])(2)});

data/vendor/assets/javascripts/luminous.js

@@ -0,0 +1,697 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+'use strict';
+
+var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
+  return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
+} : function (obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
+};
+
+var _createClass = function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
+  };
+}();
+
+var _dom = require('./util/dom');
+
+var _throwIfMissing = require('./util/throwIfMissing');
+
+var _throwIfMissing2 = _interopRequireDefault(_throwIfMissing);
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+var LEFT_ARROW = 37;
+var RIGHT_ARROW = 39;
+
+// All officially-supported browsers have this, but it's easy to
+// account for, just in case.
+var HAS_ANIMATION = typeof document === 'undefined' ? false : 'animation' in document.createElement('div').style;
+
+var Lightbox = function () {
+  function Lightbox() {
+    var _this = this;
+
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck(this, Lightbox);
+
+    this._sizeImgWrapperEl = function () {
+      var style = _this.imgWrapperEl.style;
+      style.width = _this.innerEl.clientWidth + 'px';
+      style.maxWidth = _this.innerEl.clientWidth + 'px';
+      style.height = _this.innerEl.clientHeight - _this.captionEl.clientHeight + 'px';
+      style.maxHeight = _this.innerEl.clientHeight - _this.captionEl.clientHeight + 'px';
+    };
+
+    this._handleKeydown = function (e) {
+      if (e.keyCode == LEFT_ARROW) {
+        _this.showPrevious();
+      } else if (e.keyCode == RIGHT_ARROW) {
+        _this.showNext();
+      }
+    };
+
+    this.showNext = function () {
+      if (!_this.settings._gallery) {
+        return;
+      }
+
+      _this.currentTrigger = _this.settings._gallery.nextTrigger(_this.currentTrigger);
+      _this._updateImgSrc();
+      _this._updateCaption();
+      _this._sizeImgWrapperEl();
+    };
+
+    this.showPrevious = function () {
+      if (!_this.settings._gallery) {
+        return;
+      }
+
+      _this.currentTrigger = _this.settings._gallery.previousTrigger(_this.currentTrigger);
+      _this._updateImgSrc();
+      _this._updateCaption();
+      _this._sizeImgWrapperEl();
+    };
+
+    this._completeOpen = function () {
+      _this.el.removeEventListener('animationend', _this._completeOpen, false);
+
+      (0, _dom.removeClasses)(_this.el, _this.openingClasses);
+    };
+
+    this._completeClose = function () {
+      _this.el.removeEventListener('animationend', _this._completeClose, false);
+
+      (0, _dom.removeClasses)(_this.el, _this.openClasses);
+      (0, _dom.removeClasses)(_this.el, _this.closingClasses);
+    };
+
+    var _options$namespace = options.namespace;
+    var namespace = _options$namespace === undefined ? null : _options$namespace;
+    var _options$parentEl = options.parentEl;
+    var parentEl = _options$parentEl === undefined ? (0, _throwIfMissing2.default)() : _options$parentEl;
+    var _options$triggerEl = options.triggerEl;
+    var triggerEl = _options$triggerEl === undefined ? (0, _throwIfMissing2.default)() : _options$triggerEl;
+    var _options$sourceAttrib = options.sourceAttribute;
+    var sourceAttribute = _options$sourceAttrib === undefined ? (0, _throwIfMissing2.default)() : _options$sourceAttrib;
+    var _options$caption = options.caption;
+    var caption = _options$caption === undefined ? null : _options$caption;
+    var _options$includeImgix = options.includeImgixJSClass;
+    var includeImgixJSClass = _options$includeImgix === undefined ? false : _options$includeImgix;
+    var _options$_gallery = options._gallery;
+
+    var _gallery = _options$_gallery === undefined ? null : _options$_gallery;
+
+    var _options$_arrowNaviga = options._arrowNavigation;
+
+    var _arrowNavigation = _options$_arrowNaviga === undefined ? null : _options$_arrowNaviga;
+
+    this.settings = { namespace: namespace, parentEl: parentEl, triggerEl: triggerEl, sourceAttribute: sourceAttribute, caption: caption, includeImgixJSClass: includeImgixJSClass, _gallery: _gallery, _arrowNavigation: _arrowNavigation };
+
+    if (!(0, _dom.isDOMElement)(this.settings.parentEl)) {
+      throw new TypeError('`new Lightbox` requires a DOM element passed as `parentEl`.');
+    }
+
+    this.currentTrigger = this.settings.triggerEl;
+
+    this.openClasses = this._buildClasses('open');
+    this.openingClasses = this._buildClasses('opening');
+    this.closingClasses = this._buildClasses('closing');
+
+    this.elementBuilt = false;
+  }
+
+  _createClass(Lightbox, [{
+    key: '_buildClasses',
+    value: function _buildClasses(suffix) {
+      var classes = ['lum-' + suffix];
+
+      var ns = this.settings.namespace;
+      if (ns) {
+        classes.push(ns + '-' + suffix);
+      }
+
+      return classes;
+    }
+  }, {
+    key: '_buildElement',
+    value: function _buildElement() {
+      this.el = document.createElement('div');
+      (0, _dom.addClasses)(this.el, this._buildClasses('lightbox'));
+
+      this.innerEl = document.createElement('div');
+      (0, _dom.addClasses)(this.innerEl, this._buildClasses('lightbox-inner'));
+      this.el.appendChild(this.innerEl);
+
+      var loaderEl = document.createElement('div');
+      (0, _dom.addClasses)(loaderEl, this._buildClasses('lightbox-loader'));
+      this.innerEl.appendChild(loaderEl);
+
+      this.imgWrapperEl = document.createElement('div');
+      (0, _dom.addClasses)(this.imgWrapperEl, this._buildClasses('lightbox-image-wrapper'));
+      this.innerEl.appendChild(this.imgWrapperEl);
+
+      var positionHelperEl = document.createElement('span');
+      (0, _dom.addClasses)(positionHelperEl, this._buildClasses('lightbox-position-helper'));
+      this.imgWrapperEl.appendChild(positionHelperEl);
+
+      this.imgEl = document.createElement('img');
+      (0, _dom.addClasses)(this.imgEl, this._buildClasses('img'));
+      positionHelperEl.appendChild(this.imgEl);
+
+      this.captionEl = document.createElement('p');
+      (0, _dom.addClasses)(this.captionEl, this._buildClasses('lightbox-caption'));
+      positionHelperEl.appendChild(this.captionEl);
+
+      if (this.settings._gallery) {
+        this._setUpGalleryElements();
+      }
+
+      this.settings.parentEl.appendChild(this.el);
+
+      this._updateImgSrc();
+      this._updateCaption();
+
+      if (this.settings.includeImgixJSClass) {
+        this.imgEl.classList.add('imgix-fluid');
+      }
+    }
+  }, {
+    key: '_setUpGalleryElements',
+    value: function _setUpGalleryElements() {
+      this._buildGalleryButton('previous', this.showPrevious);
+      this._buildGalleryButton('next', this.showNext);
+    }
+  }, {
+    key: '_buildGalleryButton',
+    value: function _buildGalleryButton(name, fn) {
+      var btn = document.createElement('button');
+      this[name + 'Button'] = btn;
+
+      btn.innerText = name;
+      (0, _dom.addClasses)(btn, this._buildClasses(name + '-button'));
+      (0, _dom.addClasses)(btn, this._buildClasses('gallery-button'));
+      this.innerEl.appendChild(btn);
+
+      btn.addEventListener('click', function (e) {
+        e.stopPropagation();
+
+        fn();
+      }, false);
+    }
+  }, {
+    key: '_updateCaption',
+    value: function _updateCaption() {
+      var captionType = _typeof(this.settings.caption);
+      var caption = '';
+
+      if (captionType === 'string') {
+        caption = this.settings.caption;
+      } else if (captionType === 'function') {
+        caption = this.settings.caption(this.currentTrigger);
+      }
+
+      this.captionEl.innerHTML = caption;
+    }
+  }, {
+    key: '_updateImgSrc',
+    value: function _updateImgSrc() {
+      var _this2 = this;
+
+      var imageURL = this.currentTrigger.getAttribute(this.settings.sourceAttribute);
+
+      if (!imageURL) {
+        throw new Error('No image URL was found in the ' + this.settings.sourceAttribute + ' attribute of the trigger.');
+      }
+
+      var loadingClasses = this._buildClasses('loading');
+      (0, _dom.addClasses)(this.el, loadingClasses);
+      this.imgEl.onload = function () {
+        (0, _dom.removeClasses)(_this2.el, loadingClasses);
+      };
+
+      this.imgEl.setAttribute('src', imageURL);
+    }
+  }, {
+    key: 'open',
+    value: function open() {
+      if (!this.elementBuilt) {
+        this._buildElement();
+        this.elementBuilt = true;
+      }
+
+      // When opening, always reset to the trigger we were passed
+      this.currentTrigger = this.settings.triggerEl;
+
+      // Make sure to re-set the `img` `src`, in case it's been changed
+      // by someone/something else.
+      this._updateImgSrc();
+      this._updateCaption();
+
+      (0, _dom.addClasses)(this.el, this.openClasses);
+
+      this._sizeImgWrapperEl();
+      window.addEventListener('resize', this._sizeImgWrapperEl, false);
+
+      if (this.settings._arrowNavigation) {
+        window.addEventListener('keydown', this._handleKeydown, false);
+      }
+
+      if (HAS_ANIMATION) {
+        this.el.addEventListener('animationend', this._completeOpen, false);
+        (0, _dom.addClasses)(this.el, this.openingClasses);
+      }
+    }
+  }, {
+    key: 'close',
+    value: function close() {
+      window.removeEventListener('resize', this._sizeImgWrapperEl, false);
+
+      if (this.settings._arrowNavigation) {
+        window.removeEventListener('keydown', this._handleKeydown, false);
+      }
+
+      if (HAS_ANIMATION) {
+        this.el.addEventListener('animationend', this._completeClose, false);
+        (0, _dom.addClasses)(this.el, this.closingClasses);
+      } else {
+        (0, _dom.removeClasses)(this.el, this.openClasses);
+      }
+    }
+  }, {
+    key: 'destroy',
+    value: function destroy() {
+      if (this.el) {
+        this.settings.parentEl.removeChild(this.el);
+      }
+    }
+  }]);
+
+  return Lightbox;
+}();
+
+exports.default = Lightbox;
+
+},{"./util/dom":6,"./util/throwIfMissing":7}],2:[function(require,module,exports){
+'use strict';
+
+var _createClass = function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
+  };
+}();
+
+var _class, _temp, _initialiseProps;
+
+var _dom = require('./util/dom');
+
+var _injectBaseStylesheet = require('./injectBaseStylesheet');
+
+var _injectBaseStylesheet2 = _interopRequireDefault(_injectBaseStylesheet);
+
+var _Lightbox = require('./Lightbox');
+
+var _Lightbox2 = _interopRequireDefault(_Lightbox);
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+module.exports = (_temp = _class = function () {
+  function Luminous(trigger) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    _classCallCheck(this, Luminous);
+
+    _initialiseProps.call(this);
+
+    this.isOpen = false;
+
+    this.trigger = trigger;
+
+    if (!(0, _dom.isDOMElement)(this.trigger)) {
+      throw new TypeError('`new Luminous` requires a DOM element as its first argument.');
+    }
+
+    // A bit unexpected if you haven't seen this pattern before.
+    // Based on the pattern here:
+    // https://github.com/getify/You-Dont-Know-JS/blob/master/es6%20&%20beyond/ch2.md#nested-defaults-destructured-and-restructured
+    var _options$namespace = options.namespace;
+    var namespace = _options$namespace === undefined ? null : _options$namespace;
+    var _options$sourceAttrib = options.sourceAttribute;
+    var sourceAttribute = _options$sourceAttrib === undefined ? 'href' : _options$sourceAttrib;
+    var _options$caption = options.caption;
+    var caption = _options$caption === undefined ? null : _options$caption;
+    var _options$openTrigger = options.openTrigger;
+    var openTrigger = _options$openTrigger === undefined ? 'click' : _options$openTrigger;
+    var _options$closeTrigger = options.closeTrigger;
+    var closeTrigger = _options$closeTrigger === undefined ? 'click' : _options$closeTrigger;
+    var _options$closeWithEsc = options.closeWithEscape;
+    var closeWithEscape = _options$closeWithEsc === undefined ? true : _options$closeWithEsc;
+    var _options$closeOnScrol = options.closeOnScroll;
+    var closeOnScroll = _options$closeOnScrol === undefined ? false : _options$closeOnScrol;
+    var _options$appendToSele = options.appendToSelector;
+    var appendToSelector = _options$appendToSele === undefined ? 'body' : _options$appendToSele;
+    var _options$onOpen = options.onOpen;
+    var onOpen = _options$onOpen === undefined ? null : _options$onOpen;
+    var _options$onClose = options.onClose;
+    var onClose = _options$onClose === undefined ? null : _options$onClose;
+    var _options$includeImgix = options.includeImgixJSClass;
+    var includeImgixJSClass = _options$includeImgix === undefined ? false : _options$includeImgix;
+    var _options$injectBaseSt = options.injectBaseStyles;
+    var injectBaseStyles = _options$injectBaseSt === undefined ? true : _options$injectBaseSt;
+    var _options$_gallery = options._gallery;
+
+    var _gallery = _options$_gallery === undefined ? null : _options$_gallery;
+
+    var _options$_arrowNaviga = options._arrowNavigation;
+
+    var _arrowNavigation = _options$_arrowNaviga === undefined ? null : _options$_arrowNaviga;
+
+    this.settings = { namespace: namespace, sourceAttribute: sourceAttribute, caption: caption, openTrigger: openTrigger, closeTrigger: closeTrigger, closeWithEscape: closeWithEscape, closeOnScroll: closeOnScroll, appendToSelector: appendToSelector, onOpen: onOpen, onClose: onClose, includeImgixJSClass: includeImgixJSClass, injectBaseStyles: injectBaseStyles, _gallery: _gallery, _arrowNavigation: _arrowNavigation };
+
+    if (this.settings.injectBaseStyles) {
+      (0, _injectBaseStylesheet2.default)();
+    }
+
+    this._buildLightbox();
+    this._bindEvents();
+  }
+
+  _createClass(Luminous, [{
+    key: '_buildLightbox',
+    value: function _buildLightbox() {
+      this.lightbox = new _Lightbox2.default({
+        namespace: this.settings.namespace,
+        parentEl: document.querySelector(this.settings.appendToSelector),
+        triggerEl: this.trigger,
+        sourceAttribute: this.settings.sourceAttribute,
+        caption: this.settings.caption,
+        includeImgixJSClass: this.settings.includeImgixJSClass,
+        _gallery: this.settings._gallery,
+        _arrowNavigation: this.settings._arrowNavigation
+      });
+    }
+  }, {
+    key: '_bindEvents',
+    value: function _bindEvents() {
+      this.trigger.addEventListener(this.settings.openTrigger, this.open, false);
+
+      if (this.settings.closeWithEscape) {
+        window.addEventListener('keyup', this._handleKeyup, false);
+      }
+    }
+  }, {
+    key: '_bindCloseEvent',
+    value: function _bindCloseEvent() {
+      this.lightbox.el.addEventListener(this.settings.closeTrigger, this.close, false);
+    }
+  }, {
+    key: '_unbindEvents',
+    value: function _unbindEvents() {
+      this.trigger.removeEventListener(this.settings.openTrigger, this.open, false);
+      if (this.lightbox.el) {
+        this.lightbox.el.removeEventListener(this.settings.closeTrigger, this.close, false);
+      }
+
+      if (this.settings.closeWithEscape) {
+        window.removeEventListener('keyup', this._handleKeyup, false);
+      }
+    }
+  }]);
+
+  return Luminous;
+}(), _initialiseProps = function _initialiseProps() {
+  var _this = this;
+
+  this.VERSION = '1.0.1';
+
+  this.open = function (e) {
+    if (e && typeof e.preventDefault === 'function') {
+      e.preventDefault();
+    }
+
+    var previouslyBuilt = _this.lightbox.elementBuilt;
+
+    _this.lightbox.open();
+
+    if (!previouslyBuilt) {
+      _this._bindCloseEvent();
+    }
+
+    if (_this.settings.closeOnScroll) {
+      window.addEventListener('scroll', _this.close, false);
+    }
+
+    var onOpen = _this.settings.onOpen;
+    if (onOpen && typeof onOpen === 'function') {
+      onOpen();
+    }
+
+    _this.isOpen = true;
+  };
+
+  this.close = function (e) {
+    if (e && typeof e.preventDefault === 'function') {
+      e.preventDefault();
+    }
+
+    if (_this.settings.closeOnScroll) {
+      window.removeEventListener('scroll', _this.close, false);
+    }
+
+    _this.lightbox.close();
+
+    var onClose = _this.settings.onClose;
+    if (onClose && typeof onClose === 'function') {
+      onClose();
+    }
+
+    _this.isOpen = false;
+  };
+
+  this._handleKeyup = function (e) {
+    if (_this.isOpen && e.keyCode === 27) {
+      _this.close();
+    }
+  };
+
+  this.destroy = function () {
+    _this._unbindEvents();
+    _this.lightbox.destroy();
+  };
+}, _temp);
+
+},{"./Lightbox":1,"./injectBaseStylesheet":4,"./util/dom":6}],3:[function(require,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
+  };
+}();
+
+var _dom = require('./util/dom');
+
+var _Luminous = require('./Luminous');
+
+var _Luminous2 = _interopRequireDefault(_Luminous);
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+var LuminousGallery = function () {
+  function LuminousGallery(triggers) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var luminousOpts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+    _classCallCheck(this, LuminousGallery);
+
+    this.boundMethod = function () {};
+
+    var _options$arrowNavigat = options.arrowNavigation;
+    var arrowNavigation = _options$arrowNavigat === undefined ? true : _options$arrowNavigat;
+
+    this.settings = { arrowNavigation: arrowNavigation };
+
+    this.triggers = triggers;
+    this.luminousOpts = luminousOpts;
+    this.luminousOpts._gallery = this;
+    this.luminousOpts._arrowNavigation = this.settings.arrowNavigation;
+    this._constructLuminousInstances();
+  }
+
+  _createClass(LuminousGallery, [{
+    key: '_constructLuminousInstances',
+    value: function _constructLuminousInstances() {
+      this.luminousInstances = [];
+
+      var triggerLen = this.triggers.length;
+      for (var i = 0; i < triggerLen; i++) {
+        var trigger = this.triggers[i];
+        var lum = new _Luminous2.default(trigger, this.luminousOpts);
+        this.luminousInstances.push(lum);
+      }
+    }
+  }, {
+    key: 'nextTrigger',
+    value: function nextTrigger(trigger) {
+      var nextTriggerIndex = Array.prototype.indexOf.call(this.triggers, trigger) + 1;
+
+      return nextTriggerIndex >= this.triggers.length ? this.triggers[0] : this.triggers[nextTriggerIndex];
+    }
+  }, {
+    key: 'previousTrigger',
+    value: function previousTrigger(trigger) {
+      var prevTriggerIndex = Array.prototype.indexOf.call(this.triggers, trigger) - 1;
+
+      return prevTriggerIndex < 0 ? this.triggers[this.triggers.length - 1] : this.triggers[prevTriggerIndex];
+    }
+  }, {
+    key: 'destroy',
+    value: function destroy() {}
+  }]);
+
+  return LuminousGallery;
+}();
+
+exports.default = LuminousGallery;
+
+},{"./Luminous":2,"./util/dom":6}],4:[function(require,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = injectBaseStylesheet;
+var RULES = '\n@keyframes lum-noop {\n  0% { zoom: 1; }\n}\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 1ms;\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}\n\n.lum-lightbox-image-wrapper {\n  vertical-align: middle;\n  display: table-cell;\n  text-align: center;\n}\n';
+
+function injectBaseStylesheet() {
+  if (document.querySelector('.lum-base-styles')) {
+    return;
+  }
+
+  var styleEl = document.createElement('style');
+  styleEl.type = 'text/css';
+  styleEl.classList.add('lum-base-styles');
+
+  styleEl.appendChild(document.createTextNode(RULES));
+
+  var head = document.head;
+  head.insertBefore(styleEl, head.firstChild);
+}
+
+},{}],5:[function(require,module,exports){
+(function (global){
+'use strict';
+
+var _Luminous = require('./Luminous');
+
+var _Luminous2 = _interopRequireDefault(_Luminous);
+
+var _LuminousGallery = require('./LuminousGallery');
+
+var _LuminousGallery2 = _interopRequireDefault(_LuminousGallery);
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+global.Luminous = _Luminous2.default;
+global.LuminousGallery = _LuminousGallery2.default;
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"./Luminous":2,"./LuminousGallery":3}],6:[function(require,module,exports){
+'use strict';
+
+var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
+  return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
+} : function (obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
+};
+
+exports.isDOMElement = isDOMElement;
+exports.addClasses = addClasses;
+exports.removeClasses = removeClasses;
+// This is not really a perfect check, but works fine.
+// From http://stackoverflow.com/questions/384286
+var HAS_DOM_2 = (typeof HTMLElement === 'undefined' ? 'undefined' : _typeof(HTMLElement)) === 'object';
+
+function isDOMElement(obj) {
+  return HAS_DOM_2 ? obj instanceof HTMLElement : obj && (typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
+}
+
+function addClasses(el, classNames) {
+  classNames.forEach(function (className) {
+    el.classList.add(className);
+  });
+}
+
+function removeClasses(el, classNames) {
+  classNames.forEach(function (className) {
+    el.classList.remove(className);
+  });
+}
+
+},{}],7:[function(require,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = throwIfMissing;
+function throwIfMissing() {
+  throw new Error('Missing parameter');
+}
+
+},{}]},{},[5]);