slimline 0.1.7 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA256:
3
- metadata.gz: 54f0d93375f916c76a37ef047024b58247944daad40c3bc6d875d1d3e354dee2
4
- data.tar.gz: 1a01b2909a5d5a09f7f2be465e0f61b8c82267b8f592733d309e020f2fa6ae25
2
+ SHA1:
3
+ metadata.gz: 6619e031a16707406ea8272506e7f1167e2c986b
4
+ data.tar.gz: 8bd91858da692888ce49dc6da4491c59c0c3f2ab
5
5
  SHA512:
6
- metadata.gz: c134e4379564755087c922f3567ab4e29e8bda27c3eca933b5ef9b62b2b3faa2d2a543d8e26d1a576f74ce76e0c8e5c3cf96c0957d99ef1fcb92a139108543d0
7
- data.tar.gz: ab230546f1977786cf25f7e6acf0347db3f3dffd0359327ce62bf4bb513072a25f5efd9444bedbd1ffb85c23598d0b0c80c7a0406194e479205c2f10c559e0b6
6
+ metadata.gz: fdc569097751978e765aa58f740556dc6d13141b69545b6e0e5ccc0f5149bf8f225dfa034bd9ad4c3c92089975e4e578991ab1111f7901af4b734a23dd5b3a88
7
+ data.tar.gz: 790a802db6c29ed9b39e6b669f60568368313d530c2445786dbf8884ee91e3880627c2455093d0957f585df80bde9ec4ead78bec94b9facaae80a8ec3241c29f
@@ -1,3 +1,3 @@
1
1
  module Slimline
2
- VERSION = '0.1.7'
2
+ VERSION = '0.1.8'
3
3
  end
@@ -0,0 +1,44 @@
1
+ document.addEventListener("DOMContentLoaded", function() {
2
+ var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
3
+ var active = false;
4
+
5
+ var lazyLoad = function() {
6
+ if (active === false) {
7
+ active = true;
8
+
9
+ setTimeout(function() {
10
+ lazyImages.forEach(function(lazyImage) {
11
+ if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {
12
+
13
+ lazyImage.src = lazyImage.dataset.src;
14
+ if (lazyImage.dataset.srcset) {
15
+ lazyImage.srcset = lazyImage.dataset.srcset;
16
+ lazyImage.removeAttribute("data-srcset");
17
+ }
18
+ if (lazyImage.dataset.sizes) {
19
+ lazyImage.sizes = lazyImage.dataset.sizes;
20
+ lazyImage.removeAttribute("data-sizes");
21
+ }
22
+ lazyImage.classList.remove("lazy");
23
+
24
+ lazyImages = lazyImages.filter(function(image) {
25
+ return image !== lazyImage;
26
+ });
27
+
28
+ if (lazyImages.length === 0) {
29
+ document.removeEventListener("scroll", lazyLoad);
30
+ window.removeEventListener("resize", lazyLoad);
31
+ window.removeEventListener("orientationchange", lazyLoad);
32
+ }
33
+ }
34
+ });
35
+
36
+ active = false;
37
+ }, 200);
38
+ }
39
+ };
40
+
41
+ document.addEventListener("scroll", lazyLoad);
42
+ window.addEventListener("resize", lazyLoad);
43
+ window.addEventListener("orientationchange", lazyLoad);
44
+ });
@@ -0,0 +1,9 @@
1
+ img.lazy {
2
+ filter: blur(2vw);
3
+ transform: scale(1.05);
4
+ width: 100%;
5
+ }
6
+
7
+ .slimline-no-js .lazy {
8
+ display: none;
9
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: slimline
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.7
4
+ version: 0.1.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Matthew Deloughry
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-10-12 00:00:00.000000000 Z
11
+ date: 2018-10-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -39,6 +39,8 @@ files:
39
39
  - lib/slimline/railtie.rb
40
40
  - lib/slimline/version.rb
41
41
  - lib/slimline/view_helper.rb
42
+ - vendor/assets/javascripts/slimline.js
43
+ - vendor/assets/stylesheets/slimline.css
42
44
  homepage: https://github.com/trickierstinky/SlimLine
43
45
  licenses:
44
46
  - MIT
@@ -59,7 +61,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
59
61
  version: '0'
60
62
  requirements: []
61
63
  rubyforge_project:
62
- rubygems_version: 2.7.6
64
+ rubygems_version: 2.2.5
63
65
  signing_key:
64
66
  specification_version: 4
65
67
  summary: A small basic helper to allow progressively loading images