slick-lightbox-rails 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 231ab7f2e415b0ff7bdef8d8eec670b327359fdd
+  data.tar.gz: df759dade0de1dd3e19e60ad98870b65c2bacc5c
+SHA512:
+  metadata.gz: 77e956f6a251c314989dc96bf01e5ace8c442a04d0d6bfcbc205900584fcd7045184d40adf62c31a31c75d37bc30c95936229832876d728b2dc200dc9624bf1b
+  data.tar.gz: 2a42bc3c9f0fca6addfc6cc185fcbf0f0cebbefe8e0bec0b5f4fef013886ea749ba3fe468699c09d7f144c08612d88e39cf1d32e67568f8460bc363c0ee5d37d

data/.gitignore

@@ -0,0 +1,51 @@
+*.gem
+*.rbc
+/.config
+/coverage/
+/InstalledFiles
+/pkg/
+/spec/reports/
+/spec/examples.txt
+/test/tmp/
+/test/version_tmp/
+/tmp/
+
+# Used by dotenv library to load environment variables.
+# .env
+
+## Specific to RubyMotion:
+.dat*
+.repl_history
+build/
+*.bridgesupport
+build-iPhoneOS/
+build-iPhoneSimulator/
+
+## Specific to RubyMotion (use of CocoaPods):
+#
+# We recommend against adding the Pods directory to your .gitignore. However
+# you should judge for yourself, the pros and cons are mentioned at:
+# https://guides.cocoapods.org/using/using-cocoapods.html#should-i-check-the-pods-directory-into-source-control
+#
+# vendor/Pods/
+
+## Documentation cache and generated files:
+/.yardoc/
+/_yardoc/
+/doc/
+/rdoc/
+pkg/
+
+## Environment normalization:
+/.bundle/
+/vendor/bundle
+/lib/bundler/man/
+
+# for a library or gem, you might want to ignore these files since the code is
+# intended to run in multiple environments; otherwise, check them in:
+# Gemfile.lock
+# .ruby-version
+# .ruby-gemset
+
+# unless supporting rvm < 1.11.0 or doing something fancy, ignore this:
+.rvmrc

data/.gitmodules

@@ -0,0 +1,3 @@
+[submodule "slick-lightbox"]
+	path = slick-lightbox
+	url = git@github.com:mreq/slick-lightbox

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Scott Johnson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,17 @@
+slick-lightbox-rails
+====================
+A Rails gem for the [slick-lightbox](https://github.com/mreq/slick-lightbox) project.
+
+Usage
+-------
+Install by adding to Gemfile:
+```
+gem 'slick-lightbox-rails', >= 0.0.2
+```
+
+Run bundler:
+```
+bundle install
+```
+
+For examples on how to use slick-lightbox, see the [documentation](http://mreq.github.io/slick-lightbox/).

data/Rakefile

@@ -0,0 +1,76 @@
+Encoding.default_external = "UTF-8" if defined?(Encoding)
+require 'json'
+require 'bundler/gem_tasks'
+
+def version
+  JSON.load(File.read('slick-lightbox/package.json'))['version']
+end
+
+task :submodule do
+  sh 'git submodule update --init' unless File.exist?('slick-lightbox/README.md')
+end
+
+desc "Remove the app directory"
+task :clean do
+  rm_rf 'app'
+  source_dir = 'slick-lightbox'
+   %x( cd #{source_dir} && git reset --hard HEAD )
+end
+
+desc "Compile and minify the Javascript and CSS assets"
+task :build_slick_lightbox => :submodule do
+  source_dir = 'slick-lightbox'
+  Rake.rake_output_message 'Installing npm dependencies...'
+  %x( cd #{source_dir} && npm i )
+  Rake.rake_output_message 'Compiling...'
+  %x( cd #{source_dir} && gulp build )
+end
+
+desc "Update Slick::Lightbox::Rails::SLICK_LIGHTBOX_VERSION"
+task :version => :submodule do
+  Rake.rake_output_message "Setting Slick::Lightbox::Rails::SLICK_LIGHTBOX_VERSION = \"#{version}\""
+
+  versionRb = 'lib/slick/lightbox/rails/version.rb'
+  versionRbSource = File.read(versionRb)
+  versionDefinition = "SLICK_LIGHTBOX_VERSION = \"#{version}\""
+  versionRbSource.sub! /SLICK_LIGHTBOX_VERSION = "[^"]*"/, versionDefinition \
+    or fail "Could not find SLICK_LIGHTBOX_VERSION in #{versionRb}"
+  File.open(versionRb, 'w') do |out|
+    out.write(versionRbSource)
+  end
+end
+
+desc "Move the build assets to the app dir"
+task :move_to_app_dir => :build_slick_lightbox do
+  Rake.rake_output_message 'Moving built files...'
+  target_dir_js = 'app/assets/javascripts/slick-lightbox'
+  target_dir_css = 'app/assets/stylesheets/slick-lightbox'
+
+  mkdir_p target_dir_js
+  mkdir_p target_dir_css
+
+  FileUtils.cp(Dir.glob("slick-lightbox/dist/*.js"), target_dir_js)
+  FileUtils.cp(Dir.glob("slick-lightbox/dist/*.css"), target_dir_css)
+end
+
+desc "Generate root files"
+task :generate_root_files => :move_to_app_dir do
+  Rake.rake_output_message 'Generating root files...'
+  target_js_file='app/assets/javascripts/slick-lightbox.js'
+  target_css_file='app/assets/stylesheets/slick-lightbox.css'
+
+  File.open(target_js_file, 'w') do |out|
+    out.write('//= require slick-lightbox/slick-lightbox')
+  end
+
+  File.open(target_css_file, 'w') do |out|
+    out.write('//= require slick-lightbox/slick-lightbox')
+  end
+end
+
+desc "Clean and then generate everything (default)"
+task :assets => [:clean, :generate_root_files, :version]
+
+task :build => :assets
+
+task :default => :assets

data/app/assets/javascripts/slick-lightbox.js

@@ -0,0 +1 @@
+//= require slick-lightbox/slick-lightbox

data/app/assets/javascripts/slick-lightbox/slick-lightbox.js

@@ -0,0 +1,331 @@
+'use strict';
+(function ($) {
+    var SlickLightbox, defaults;
+    SlickLightbox = function () {
+        /*
+  The core class.
+   */
+        function SlickLightbox(element, options1) {
+            var slickLightbox;
+            this.options = options1;
+            /* Binds the plugin. */
+            this.$element = $(element);
+            this.didInit = false;
+            slickLightbox = this;
+            this.$element.on('click.slickLightbox', this.options.itemSelector, function (e) {
+                var $clickedItem, $items;
+                e.preventDefault();
+                $clickedItem = $(this);
+                $clickedItem.blur();
+                if (typeof slickLightbox.options.shouldOpen === 'function') {
+                    if (!slickLightbox.options.shouldOpen(slickLightbox, $clickedItem, e)) {
+                        return;
+                    }
+                }
+                $items = slickLightbox.filterOutSlickClones(slickLightbox.$element.find(slickLightbox.options.itemSelector));
+                return slickLightbox.init($items.index($clickedItem));
+            });
+        }
+        SlickLightbox.prototype.init = function (index) {
+            /* Creates the lightbox, opens it, binds events and calls `slick`. Accepts `index` of the element, that triggered it (so that we know, on which slide to start slick). */
+            this.didInit = true;
+            this.detectIE();
+            this.createModal();
+            this.bindEvents();
+            this.initSlick(index);
+            return this.open();
+        };
+        SlickLightbox.prototype.createModalItems = function () {
+            /* Creates individual slides to be used with slick. If `options.images` array is specified, it uses it's contents, otherwise loops through elements' `options.itemSelector`. */
+            var $items, createItem, itemTemplate, lazyPlaceholder, length, links;
+            lazyPlaceholder = this.options.lazyPlaceholder || 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+            itemTemplate = function (source, caption, lazy) {
+                var imgSourceParams;
+                if (lazy === true) {
+                    imgSourceParams = ' data-lazy="' + source + '" src="' + lazyPlaceholder + '" ';
+                } else {
+                    imgSourceParams = ' src="' + source + '" ';
+                }
+                return '<div class="slick-lightbox-slick-item">\n  <div class="slick-lightbox-slick-item-inner">\n    <img class="slick-lightbox-slick-img" ' + imgSourceParams + ' />\n    ' + caption + '\n  </div>\n</div>';
+            };
+            if (this.options.images) {
+                links = $.map(this.options.images, function (img) {
+                    return itemTemplate(img, this.options.lazy);
+                });
+            } else {
+                $items = this.filterOutSlickClones(this.$element.find(this.options.itemSelector));
+                length = $items.length;
+                createItem = function (_this) {
+                    return function (el, index) {
+                        var caption, info, src;
+                        info = {
+                            index: index,
+                            length: length
+                        };
+                        caption = _this.getElementCaption(el, info);
+                        src = _this.getElementSrc(el);
+                        return itemTemplate(src, caption, _this.options.lazy);
+                    };
+                }(this);
+                links = $.map($items, createItem);
+            }
+            return links;
+        };
+        SlickLightbox.prototype.createModal = function () {
+            /* Creates a `slick`-friendly modal. */
+            var html, links;
+            links = this.createModalItems();
+            html = '<div class="slick-lightbox slick-lightbox-hide-init' + (this.isIE ? ' slick-lightbox-ie' : '') + '" style="background: ' + this.options.background + ';">\n  <div class="slick-lightbox-inner">\n    <div class="slick-lightbox-slick slick-caption-' + this.options.captionPosition + '">' + links.join('') + '</div>\n  <div>\n<div>';
+            this.$modalElement = $(html);
+            this.$parts = {};
+            this.$parts['closeButton'] = $(this.options.layouts.closeButton);
+            this.$modalElement.find('.slick-lightbox-inner').append(this.$parts['closeButton']);
+            return $('body').append(this.$modalElement);
+        };
+        SlickLightbox.prototype.initSlick = function (index) {
+            /* Runs slick by default, using `options.slick` if provided. If `options.slick` is a function, it gets fired instead of us initializing slick. Merges in initialSlide option. */
+            var additional;
+            additional = { initialSlide: index };
+            if (this.options.lazy) {
+                additional.lazyLoad = 'ondemand';
+            }
+            if (this.options.slick != null) {
+                if (typeof this.options.slick === 'function') {
+                    this.slick = this.options.slick(this.$modalElement);
+                } else {
+                    this.slick = this.$modalElement.find('.slick-lightbox-slick').slick($.extend({}, this.options.slick, additional));
+                }
+            } else {
+                this.slick = this.$modalElement.find('.slick-lightbox-slick').slick(additional);
+            }
+            return this.$modalElement.trigger('init.slickLightbox');
+        };
+        SlickLightbox.prototype.open = function () {
+            /* Opens the lightbox. */
+            if (this.options.useHistoryApi) {
+                this.writeHistory();
+            }
+            this.$element.trigger('show.slickLightbox');
+            setTimeout(function (_this) {
+                return function () {
+                    return _this.$element.trigger('shown.slickLightbox');
+                };
+            }(this), this.getTransitionDuration());
+            return this.$modalElement.removeClass('slick-lightbox-hide-init');
+        };
+        SlickLightbox.prototype.close = function () {
+            /* Closes the lightbox and destroys it, maintaining the original element bindings. */
+            this.$element.trigger('hide.slickLightbox');
+            setTimeout(function (_this) {
+                return function () {
+                    return _this.$element.trigger('hidden.slickLightbox');
+                };
+            }(this), this.getTransitionDuration());
+            this.$modalElement.addClass('slick-lightbox-hide');
+            return this.destroy();
+        };
+        SlickLightbox.prototype.bindEvents = function () {
+            /* Binds global events. */
+            var resizeSlides;
+            resizeSlides = function (_this) {
+                return function () {
+                    var h;
+                    h = _this.$modalElement.find('.slick-lightbox-inner').height();
+                    _this.$modalElement.find('.slick-lightbox-slick-item').height(h);
+                    return _this.$modalElement.find('.slick-lightbox-slick-img, .slick-lightbox-slick-item-inner').css('max-height', Math.round(_this.options.imageMaxHeight * h));
+                };
+            }(this);
+            $(window).on('orientationchange.slickLightbox resize.slickLightbox', resizeSlides);
+            if (this.options.useHistoryApi) {
+                $(window).on('popstate.slickLightbox', function (_this) {
+                    return function () {
+                        return _this.close();
+                    };
+                }(this));
+            }
+            this.$modalElement.on('init.slickLightbox', resizeSlides);
+            this.$modalElement.on('destroy.slickLightbox', function (_this) {
+                return function () {
+                    return _this.destroy();
+                };
+            }(this));
+            this.$element.on('destroy.slickLightbox', function (_this) {
+                return function () {
+                    return _this.destroy(true);
+                };
+            }(this));
+            this.$parts['closeButton'].on('click.slickLightbox touchstart.slickLightbox', function (_this) {
+                return function (e) {
+                    e.preventDefault();
+                    return _this.close();
+                };
+            }(this));
+            if (this.options.closeOnEscape || this.options.navigateByKeyboard) {
+                $(document).on('keydown.slickLightbox', function (_this) {
+                    return function (e) {
+                        var code;
+                        code = e.keyCode ? e.keyCode : e.which;
+                        if (_this.options.navigateByKeyboard) {
+                            if (code === 37) {
+                                _this.slideSlick('left');
+                            } else if (code === 39) {
+                                _this.slideSlick('right');
+                            }
+                        }
+                        if (_this.options.closeOnEscape) {
+                            if (code === 27) {
+                                return _this.close();
+                            }
+                        }
+                    };
+                }(this));
+            }
+            if (this.options.closeOnBackdropClick) {
+                this.$modalElement.on('click.slickLightbox touchstart.slickLightbox', '.slick-lightbox-slick-img', function (e) {
+                    return e.stopPropagation();
+                });
+                return this.$modalElement.on('click.slickLightbox', '.slick-lightbox-slick-item', function (_this) {
+                    return function (e) {
+                        e.preventDefault();
+                        return _this.close();
+                    };
+                }(this));
+            }
+        };
+        SlickLightbox.prototype.slideSlick = function (direction) {
+            /* Moves the slick prev or next. */
+            if (direction === 'left') {
+                return this.slick.slick('slickPrev');
+            } else {
+                return this.slick.slick('slickNext');
+            }
+        };
+        SlickLightbox.prototype.detectIE = function () {
+            /* Detects usage of IE8 and lower. */
+            var ieversion;
+            this.isIE = false;
+            if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
+                ieversion = new Number(RegExp.$1);
+                if (ieversion < 9) {
+                    return this.isIE = true;
+                }
+            }
+        };
+        SlickLightbox.prototype.getElementCaption = function (el, info) {
+            /* Returns caption for each slide based on the type of `options.caption`. */
+            var c;
+            if (!this.options.caption) {
+                return '';
+            }
+            c = function () {
+                switch (typeof this.options.caption) {
+                case 'function':
+                    return this.options.caption(el, info);
+                case 'string':
+                    return $(el).data(this.options.caption);
+                }
+            }.call(this);
+            return '<span class="slick-lightbox-slick-caption">' + c + '</span>';
+        };
+        SlickLightbox.prototype.getElementSrc = function (el) {
+            /* Returns src for each slide image based on the type of `options.src`. */
+            switch (typeof this.options.src) {
+            case 'function':
+                return this.options.src(el);
+            case 'string':
+                return $(el).attr(this.options.src);
+            default:
+                return el.href;
+            }
+        };
+        SlickLightbox.prototype.unbindEvents = function () {
+            /* Unbinds global events. */
+            $(window).off('.slickLightbox');
+            $(document).off('.slickLightbox');
+            return this.$modalElement.off('.slickLightbox');
+        };
+        SlickLightbox.prototype.destroy = function (unbindAnchors) {
+            if (unbindAnchors == null) {
+                unbindAnchors = false;
+            }
+            /* Destroys the lightbox and unbinds global events. If `true` is passed as an argument, unbinds the original element as well. */
+            if (this.didInit) {
+                this.unbindEvents();
+                setTimeout(function (_this) {
+                    return function () {
+                        return _this.$modalElement.remove();
+                    };
+                }(this), this.options.destroyTimeout);
+            }
+            if (unbindAnchors) {
+                this.$element.off('.slickLightbox');
+                return this.$element.off('.slickLightbox', this.options.itemSelector);
+            }
+        };
+        SlickLightbox.prototype.destroyPrevious = function () {
+            /* Destroys lightboxes currently in DOM. */
+            return $('body').children('.slick-lightbox').trigger('destroy.slickLightbox');
+        };
+        SlickLightbox.prototype.getTransitionDuration = function () {
+            /* Detects the transition duration to know when to remove stuff from DOM etc. */
+            var duration;
+            if (this.transitionDuration) {
+                return this.transitionDuration;
+            }
+            duration = this.$modalElement.css('transition-duration');
+            if (typeof duration === 'undefined') {
+                return this.transitionDuration = 500;
+            } else {
+                return this.transitionDuration = duration.indexOf('ms') > -1 ? parseFloat(duration) : parseFloat(duration) * 1000;
+            }
+        };
+        SlickLightbox.prototype.writeHistory = function () {
+            /* Writes an empty state to the history API if supported. */
+            return typeof history !== 'undefined' && history !== null ? typeof history.pushState === 'function' ? history.pushState(null, null, '') : void 0 : void 0;
+        };
+        SlickLightbox.prototype.filterOutSlickClones = function ($items) {
+            /* Removes all slick clones from the set of elements. Only does so, if the target element is a slick slider. */
+            if (!this.$element.hasClass('slick-slider')) {
+                return $items;
+            }
+            return $items = $items.filter(function () {
+                var $item;
+                $item = $(this);
+                return !$item.hasClass('slick-cloned') && $item.parents('.slick-cloned').length === 0;
+            });
+        };
+        return SlickLightbox;
+    }();
+    defaults = {
+        background: 'rgba(0,0,0,.8)',
+        closeOnEscape: true,
+        closeOnBackdropClick: true,
+        destroyTimeout: 500,
+        itemSelector: 'a',
+        navigateByKeyboard: true,
+        src: false,
+        caption: false,
+        captionPosition: 'dynamic',
+        images: false,
+        slick: {},
+        useHistoryApi: false,
+        layouts: { closeButton: '<button type="button" class="slick-lightbox-close"></button>' },
+        shouldOpen: null,
+        imageMaxHeight: 0.9,
+        lazy: false
+    };
+    $.fn.slickLightbox = function (options) {
+        /* Fires the plugin. */
+        options = $.extend({}, defaults, options);
+        $(this).each(function () {
+            return this.slickLightbox = new SlickLightbox(this, options);
+        });
+        return this;
+    };
+    $.fn.unslickLightbox = function () {
+        /* Removes everything. */
+        return $(this).trigger('destroy.slickLightbox').each(function () {
+            return this.slickLightbox = null;
+        });
+    };
+}(jQuery));

data/app/assets/javascripts/slick-lightbox/slick-lightbox.min.js

@@ -0,0 +1,2 @@
+"use strict";!function(t){var i,n;i=function(){function i(i,n){var o;this.options=n,this.$element=t(i),this.didInit=!1,o=this,this.$element.on("click.slickLightbox",this.options.itemSelector,function(i){var n,e;if(i.preventDefault(),n=t(this),n.blur(),"function"!=typeof o.options.shouldOpen||o.options.shouldOpen(o,n,i))return e=o.filterOutSlickClones(o.$element.find(o.options.itemSelector)),o.init(e.index(n))})}return i.prototype.init=function(t){return this.didInit=!0,this.detectIE(),this.createModal(),this.bindEvents(),this.initSlick(t),this.open()},i.prototype.createModalItems=function(){var i,n,o,e,s,l;return e=this.options.lazyPlaceholder||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",o=function(t,i,n){return'<div class="slick-lightbox-slick-item">\n  <div class="slick-lightbox-slick-item-inner">\n    <img class="slick-lightbox-slick-img" '+(!0===n?' data-lazy="'+t+'" src="'+e+'" ':' src="'+t+'" ')+" />\n    "+i+"\n  </div>\n</div>"},this.options.images?l=t.map(this.options.images,function(t){return o(t,this.options.lazy)}):(i=this.filterOutSlickClones(this.$element.find(this.options.itemSelector)),s=i.length,n=function(t){return function(i,n){var e,l,r;return l={index:n,length:s},e=t.getElementCaption(i,l),r=t.getElementSrc(i),o(r,e,t.options.lazy)}}(this),l=t.map(i,n)),l},i.prototype.createModal=function(){var i,n;return n=this.createModalItems(),i='<div class="slick-lightbox slick-lightbox-hide-init'+(this.isIE?" slick-lightbox-ie":"")+'" style="background: '+this.options.background+';">\n  <div class="slick-lightbox-inner">\n    <div class="slick-lightbox-slick slick-caption-'+this.options.captionPosition+'">'+n.join("")+"</div>\n  <div>\n<div>",this.$modalElement=t(i),this.$parts={},this.$parts.closeButton=t(this.options.layouts.closeButton),this.$modalElement.find(".slick-lightbox-inner").append(this.$parts.closeButton),t("body").append(this.$modalElement)},i.prototype.initSlick=function(i){var n;return n={initialSlide:i},this.options.lazy&&(n.lazyLoad="ondemand"),null!=this.options.slick?"function"==typeof this.options.slick?this.slick=this.options.slick(this.$modalElement):this.slick=this.$modalElement.find(".slick-lightbox-slick").slick(t.extend({},this.options.slick,n)):this.slick=this.$modalElement.find(".slick-lightbox-slick").slick(n),this.$modalElement.trigger("init.slickLightbox")},i.prototype.open=function(){return this.options.useHistoryApi&&this.writeHistory(),this.$element.trigger("show.slickLightbox"),setTimeout(function(t){return function(){return t.$element.trigger("shown.slickLightbox")}}(this),this.getTransitionDuration()),this.$modalElement.removeClass("slick-lightbox-hide-init")},i.prototype.close=function(){return this.$element.trigger("hide.slickLightbox"),setTimeout(function(t){return function(){return t.$element.trigger("hidden.slickLightbox")}}(this),this.getTransitionDuration()),this.$modalElement.addClass("slick-lightbox-hide"),this.destroy()},i.prototype.bindEvents=function(){var i;if(i=function(t){return function(){var i;return i=t.$modalElement.find(".slick-lightbox-inner").height(),t.$modalElement.find(".slick-lightbox-slick-item").height(i),t.$modalElement.find(".slick-lightbox-slick-img, .slick-lightbox-slick-item-inner").css("max-height",Math.round(t.options.imageMaxHeight*i))}}(this),t(window).on("orientationchange.slickLightbox resize.slickLightbox",i),this.options.useHistoryApi&&t(window).on("popstate.slickLightbox",function(t){return function(){return t.close()}}(this)),this.$modalElement.on("init.slickLightbox",i),this.$modalElement.on("destroy.slickLightbox",function(t){return function(){return t.destroy()}}(this)),this.$element.on("destroy.slickLightbox",function(t){return function(){return t.destroy(!0)}}(this)),this.$parts.closeButton.on("click.slickLightbox touchstart.slickLightbox",function(t){return function(i){return i.preventDefault(),t.close()}}(this)),(this.options.closeOnEscape||this.options.navigateByKeyboard)&&t(document).on("keydown.slickLightbox",function(t){return function(i){var n;if(n=i.keyCode?i.keyCode:i.which,t.options.navigateByKeyboard&&(37===n?t.slideSlick("left"):39===n&&t.slideSlick("right")),t.options.closeOnEscape&&27===n)return t.close()}}(this)),this.options.closeOnBackdropClick)return this.$modalElement.on("click.slickLightbox touchstart.slickLightbox",".slick-lightbox-slick-img",function(t){return t.stopPropagation()}),this.$modalElement.on("click.slickLightbox",".slick-lightbox-slick-item",function(t){return function(i){return i.preventDefault(),t.close()}}(this))},i.prototype.slideSlick=function(t){return"left"===t?this.slick.slick("slickPrev"):this.slick.slick("slickNext")},i.prototype.detectIE=function(){if(this.isIE=!1,/MSIE (\d+\.\d+);/.test(navigator.userAgent)&&new Number(RegExp.$1)<9)return this.isIE=!0},i.prototype.getElementCaption=function(i,n){return this.options.caption?'<span class="slick-lightbox-slick-caption">'+function(){switch(typeof this.options.caption){case"function":return this.options.caption(i,n);case"string":return t(i).data(this.options.caption)}}.call(this)+"</span>":""},i.prototype.getElementSrc=function(i){switch(typeof this.options.src){case"function":return this.options.src(i);case"string":return t(i).attr(this.options.src);default:return i.href}},i.prototype.unbindEvents=function(){return t(window).off(".slickLightbox"),t(document).off(".slickLightbox"),this.$modalElement.off(".slickLightbox")},i.prototype.destroy=function(t){if(null==t&&(t=!1),this.didInit&&(this.unbindEvents(),setTimeout(function(t){return function(){return t.$modalElement.remove()}}(this),this.options.destroyTimeout)),t)return this.$element.off(".slickLightbox"),this.$element.off(".slickLightbox",this.options.itemSelector)},i.prototype.destroyPrevious=function(){return t("body").children(".slick-lightbox").trigger("destroy.slickLightbox")},i.prototype.getTransitionDuration=function(){var t;return this.transitionDuration?this.transitionDuration:(t=this.$modalElement.css("transition-duration"),this.transitionDuration=void 0===t?500:t.indexOf("ms")>-1?parseFloat(t):1e3*parseFloat(t))},i.prototype.writeHistory=function(){return"undefined"!=typeof history&&null!==history&&"function"==typeof history.pushState?history.pushState(null,null,""):void 0},i.prototype.filterOutSlickClones=function(i){return this.$element.hasClass("slick-slider")?i=i.filter(function(){var i;return i=t(this),!i.hasClass("slick-cloned")&&0===i.parents(".slick-cloned").length}):i},i}(),n={background:"rgba(0,0,0,.8)",closeOnEscape:!0,closeOnBackdropClick:!0,destroyTimeout:500,itemSelector:"a",navigateByKeyboard:!0,src:!1,caption:!1,captionPosition:"dynamic",images:!1,slick:{},useHistoryApi:!1,layouts:{closeButton:'<button type="button" class="slick-lightbox-close"></button>'},shouldOpen:null,imageMaxHeight:.9,lazy:!1},t.fn.slickLightbox=function(o){return o=t.extend({},n,o),t(this).each(function(){return this.slickLightbox=new i(this,o)}),this},t.fn.unslickLightbox=function(){return t(this).trigger("destroy.slickLightbox").each(function(){return this.slickLightbox=null})}}(jQuery);
+//# sourceMappingURL=slick-lightbox.min.js.map

data/app/assets/stylesheets/slick-lightbox.css

@@ -0,0 +1 @@
+//= require slick-lightbox/slick-lightbox

data/app/assets/stylesheets/slick-lightbox/slick-lightbox.css

@@ -0,0 +1 @@
+.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}

data/lib/slick/lightbox/rails.rb

@@ -0,0 +1,2 @@
+require 'slick/lightbox/rails/engine'
+require 'slick/lightbox/rails/version'

data/lib/slick/lightbox/rails/engine.rb

@@ -0,0 +1,8 @@
+module Slick
+  module Lightbox
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/slick/lightbox/rails/version.rb

@@ -0,0 +1,8 @@
+module Slick
+  module Lightbox
+    module Rails
+      VERSION = "0.0.2"
+      SLICK_LIGHTBOX_VERSION = "0.2.10"
+    end
+  end
+end

metadata

@@ -0,0 +1,86 @@
+--- !ruby/object:Gem::Specification
+name: slick-lightbox-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Scott Johnson
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-10-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.2.16
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.2.16
+- !ruby/object:Gem::Dependency
+  name: json
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+description: slick-lightbox, a lightbox wrapper for Ken's amazing slick carosel, packaged
+  as a gem for simple use within Rails applications
+email:
+- jaywir3@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".gitmodules"
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/slick-lightbox.js
+- app/assets/javascripts/slick-lightbox/slick-lightbox.js
+- app/assets/javascripts/slick-lightbox/slick-lightbox.min.js
+- app/assets/stylesheets/slick-lightbox.css
+- app/assets/stylesheets/slick-lightbox/slick-lightbox.css
+- lib/slick/lightbox/rails.rb
+- lib/slick/lightbox/rails/engine.rb
+- lib/slick/lightbox/rails/version.rb
+homepage: https://github.com/jwir3/slick-lightbox-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.8
+signing_key: 
+specification_version: 4
+summary: A lightbox wrapper for Ken's amazing slick carosel.
+test_files: []