esvg 4.6.3 → 4.6.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f283459b842a4ae61b966de4db35aa1be8520bddbdcb3f24ce6c9784b5797137
-  data.tar.gz: '078008b881bdbbc81cfb581bb7a0dc7b692087acd37bd838fad1cf62ccc1d543'
+  metadata.gz: fe664ae9953d8b20081e1d3529b1e042d4d04ee27bf6809344dc789a1a39a0ec
+  data.tar.gz: be6e44e7c78d0e29b491e97c31168e3b0c997503b35ab67aeb0f690c0596354e
 SHA512:
-  metadata.gz: 4e34a8ff5f0f8b33c6a8c900336facc7649bec44e2aa99dda6601da1cf06a2d9372e9eccf089d74f9a74a3926d34ed0094897c3af4a83c97537c7ddcd165de75
-  data.tar.gz: 28bb6320c1f83fbed93d1b32100bfeb3146f2e1e74668beceaf810d9cbdb2ce94c1a3fc5c64627b262374b2bf3d18ff66a970e3ab52cd6e67d5c3d9369630672
+  metadata.gz: 69d6b09086c7e00930740b007c7795f5b13a93c29952309d1896dc9168047c07b4eee2d5143d815e9b86d13da5673ccd8c15ba1c547b6da7e1d21f6f93ebb393
+  data.tar.gz: '0807ef7dfb18fedfb541d00e45b4b9e7261cb91fe1f96e2fd179987d0d72d82fe3ae1b4bb128ac254adb1b746529590d02dae129b9c97f2884b911a3077636f7'

data/lib/esvg/js/core.js.erb

@@ -0,0 +1,73 @@
+(function(){
+  var names
+
+  function attr( source, name ){
+    if (typeof source == 'object')
+      return name+'="'+source.getAttribute(name)+'" '
+    else
+      return name+'="'+source+'" ' }
+
+  function dasherize( input ) {
+    return input.replace(/[\\W,_]/g, '-').replace(/-{2,}/g, '-')
+  }
+
+  function svgName( name ) {
+    return "<%= @config[:prefix] %>-"+dasherize( name )
+  }
+
+  function use( name, options ) {
+    options = options || {}
+    var id = dasherize( name )
+    var symbol = svgs()[id]
+
+    if ( symbol ) {
+      var parent = symbol.parentElement
+      var prefix = parent.dataset.prefix
+      var base   = parent.dataset.symbolClass
+
+      var svg = document.createRange().createContextualFragment( '<svg><use xlink:href="#' + prefix + '-' + id + '"/></svg>' ).firstChild;
+      svg.setAttribute( 'class', base + ' ' + prefix + '-' + id + ' ' + ( options.class || '' ).trim() )
+      svg.setAttribute( 'viewBox', symbol.getAttribute( 'viewBox' ) )
+
+      if ( !( options.width || options.height || options.scale ) ) {
+
+        svg.setAttribute('width',  symbol.getAttribute('width'))
+        svg.setAttribute('height', symbol.getAttribute('height'))
+
+      } else {
+
+        if ( options.width )  svg.setAttribute( 'width',  options.width )
+        if ( options.height ) svg.setAttribute( 'height', options.height )
+      }
+
+      return svg
+    } else {
+      console.error('Cannot find "'+name+'" svg symbol. Ensure that svg scripts are loaded')
+    }
+  }
+
+  function svgs(){
+    if ( !names ) {
+      names = {}
+      var symbols = Array.prototype.slice.call( document.querySelectorAll( 'svg[id^=esvg] symbol' ) )
+      symbols.forEach( function( symbol ) {
+        names[symbol.dataset.name] = symbol
+      })
+    }
+    return names
+  }
+
+  var esvg = {
+    svgs: svgs,
+    use: use
+  }
+
+  // Handle Turbolinks page change events
+  if ( window.Turbolinks ) {
+    document.addEventListener( "turbolinks:load", function( event ) { names = null; esvg.svgs() })
+  }
+
+  if( typeof( module ) != 'undefined' ) { module.exports = esvg }
+  else window.esvg = esvg
+
+})()

data/lib/esvg/js/embed.js.erb

@@ -0,0 +1,14 @@
+(function(){
+
+  function embed() {
+    if ( !document.body ) return requestAnimationFrame( embed )
+    <%= @embed %>
+  }
+
+  // Handle Turbolinks page change events
+  if ( window.Turbolinks ) {
+    document.addEventListener("turbolinks:load", function(event) { embed() })
+  }
+
+  embed()
+})()

data/lib/esvg/svgs.rb

@@ -176,100 +176,23 @@ module Esvg
 
     private
 
-    def js(embed)
-      %Q{(function(){
+    def read_js(path)
+      contents = ''
+      path = File.expand_path("js/#{path}.js.erb", File.dirname(__FILE__))
 
-  function embed() {
-    #{embed}
-  }
-
-  // If DOM is already ready, embed SVGs
-  if (document.readyState == 'interactive') { embed() }
-
-  // Handle Turbolinks page change events
-  if ( window.Turbolinks ) {
-    document.addEventListener("turbolinks:load", function(event) { embed() })
-  }
+      File.open path do |f|
+        contents = ERB.new(f.read).result(binding)
+      end
+      contents
+    end
 
-  // Handle standard DOM ready events
-  document.addEventListener("DOMContentLoaded", function(event) { embed() })
-})()}
+    def js( embed )
+      @embed = embed
+      read_js( 'embed' )
     end
 
     def js_core
-      %Q{(function(){
-  var names
-
-  function attr( source, name ){
-    if (typeof source == 'object')
-      return name+'="'+source.getAttribute(name)+'" '
-    else
-      return name+'="'+source+'" ' }
-
-  function dasherize( input ) {
-    return input.replace(/[\\W,_]/g, '-').replace(/-{2,}/g, '-')
-  }
-
-  function svgName( name ) {
-    return "#{@config[:prefix]}-"+dasherize( name )
-  }
-
-  function use( name, options ) {
-    options = options || {}
-    var id = dasherize( name )
-    var symbol = svgs()[id]
-
-    if ( symbol ) {
-      var parent = symbol.parentElement
-      var prefix = parent.dataset.prefix
-      var base   = parent.dataset.symbolClass
-
-      var svg = document.createRange().createContextualFragment( '<svg><use xlink:href="#' + prefix + '-' + id + '"/></svg>' ).firstChild;
-      svg.setAttribute( 'class', base + ' ' + prefix + '-' + id + ' ' + ( options.class || '' ).trim() )
-      svg.setAttribute( 'viewBox', symbol.getAttribute( 'viewBox' ) )
-
-      if ( !( options.width || options.height || options.scale ) ) {
-
-        svg.setAttribute('width',  symbol.getAttribute('width'))
-        svg.setAttribute('height', symbol.getAttribute('height'))
-
-      } else {
-
-        if ( options.width )  svg.setAttribute( 'width',  options.width )
-        if ( options.height ) svg.setAttribute( 'height', options.height )
-      }
-
-      return svg
-    } else {
-      console.error('Cannot find "'+name+'" svg symbol. Ensure that svg scripts are loaded')
-    }
-  }
-
-  function svgs(){
-    if ( !names ) {
-      names = {}
-      var symbols = Array.prototype.slice.call( document.querySelectorAll( 'svg[id^=esvg] symbol' ) )
-      symbols.forEach( function( symbol ) {
-        names[symbol.dataset.name] = symbol
-      })
-    }
-    return names
-  }
-
-  var esvg = {
-    svgs: svgs,
-    use: use
-  }
-
-  // Handle Turbolinks page change events
-  if ( window.Turbolinks ) {
-    document.addEventListener( "turbolinks:load", function( event ) { names = null; esvg.svgs() })
-  }
-
-  if( typeof( module ) != 'undefined' ) { module.exports = esvg }
-  else window.esvg = esvg
-
-})()}
+      read_js( 'core' )
     end
 
     def get_alias(name)

data/lib/esvg/version.rb

@@ -1,3 +1,3 @@
 module Esvg
-  VERSION = "4.6.3"
+  VERSION = "4.6.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: esvg
 version: !ruby/object:Gem::Version
-  version: 4.6.3
+  version: 4.6.4
 platform: ruby
 authors:
 - Brandon Mathis
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-12-19 00:00:00.000000000 Z
+date: 2019-01-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -89,6 +89,8 @@ files:
 - lib/esvg.rb
 - lib/esvg/helpers.rb
 - lib/esvg/jekyll_hooks.rb
+- lib/esvg/js/core.js.erb
+- lib/esvg/js/embed.js.erb
 - lib/esvg/railties.rb
 - lib/esvg/svg.rb
 - lib/esvg/svgs.rb