slimline 0.1.7 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA256:
-  metadata.gz: 54f0d93375f916c76a37ef047024b58247944daad40c3bc6d875d1d3e354dee2
-  data.tar.gz: 1a01b2909a5d5a09f7f2be465e0f61b8c82267b8f592733d309e020f2fa6ae25
+SHA1:
+  metadata.gz: 6619e031a16707406ea8272506e7f1167e2c986b
+  data.tar.gz: 8bd91858da692888ce49dc6da4491c59c0c3f2ab
 SHA512:
-  metadata.gz: c134e4379564755087c922f3567ab4e29e8bda27c3eca933b5ef9b62b2b3faa2d2a543d8e26d1a576f74ce76e0c8e5c3cf96c0957d99ef1fcb92a139108543d0
-  data.tar.gz: ab230546f1977786cf25f7e6acf0347db3f3dffd0359327ce62bf4bb513072a25f5efd9444bedbd1ffb85c23598d0b0c80c7a0406194e479205c2f10c559e0b6
+  metadata.gz: fdc569097751978e765aa58f740556dc6d13141b69545b6e0e5ccc0f5149bf8f225dfa034bd9ad4c3c92089975e4e578991ab1111f7901af4b734a23dd5b3a88
+  data.tar.gz: 790a802db6c29ed9b39e6b669f60568368313d530c2445786dbf8884ee91e3880627c2455093d0957f585df80bde9ec4ead78bec94b9facaae80a8ec3241c29f

data/lib/slimline/version.rb

@@ -1,3 +1,3 @@
 module Slimline
-  VERSION = '0.1.7'
+  VERSION = '0.1.8'
 end

data/vendor/assets/javascripts/slimline.js

@@ -0,0 +1,44 @@
+document.addEventListener("DOMContentLoaded", function() {
+  var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
+  var active = false;
+
+  var lazyLoad = function() {
+    if (active === false) {
+      active = true;
+
+      setTimeout(function() {
+        lazyImages.forEach(function(lazyImage) {
+          if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {
+
+            lazyImage.src = lazyImage.dataset.src;
+            if (lazyImage.dataset.srcset) {
+              lazyImage.srcset = lazyImage.dataset.srcset;
+              lazyImage.removeAttribute("data-srcset");
+            }
+            if (lazyImage.dataset.sizes) {
+              lazyImage.sizes = lazyImage.dataset.sizes;
+              lazyImage.removeAttribute("data-sizes");
+            }
+            lazyImage.classList.remove("lazy");
+
+            lazyImages = lazyImages.filter(function(image) {
+              return image !== lazyImage;
+            });
+
+            if (lazyImages.length === 0) {
+              document.removeEventListener("scroll", lazyLoad);
+              window.removeEventListener("resize", lazyLoad);
+              window.removeEventListener("orientationchange", lazyLoad);
+            }
+          }
+        });
+
+        active = false;
+      }, 200);
+    }
+  };
+
+  document.addEventListener("scroll", lazyLoad);
+  window.addEventListener("resize", lazyLoad);
+  window.addEventListener("orientationchange", lazyLoad);
+});

data/vendor/assets/stylesheets/slimline.css

@@ -0,0 +1,9 @@
+ img.lazy {
+  filter: blur(2vw);
+  transform: scale(1.05);
+  width: 100%;
+}
+
+.slimline-no-js .lazy {
+  display: none;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: slimline
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.8
 platform: ruby
 authors:
 - Matthew Deloughry
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-10-12 00:00:00.000000000 Z
+date: 2018-10-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -39,6 +39,8 @@ files:
 - lib/slimline/railtie.rb
 - lib/slimline/version.rb
 - lib/slimline/view_helper.rb
+- vendor/assets/javascripts/slimline.js
+- vendor/assets/stylesheets/slimline.css
 homepage: https://github.com/trickierstinky/SlimLine
 licenses:
 - MIT
@@ -59,7 +61,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 2.2.5
 signing_key: 
 specification_version: 4
 summary: A small basic helper to allow progressively loading images