active_frontend 1.0.11 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 09800b819188c747044eb5a59c0025cbf6b0a0da
-  data.tar.gz: 2e35a8ba61ebd6d6366047b1a301b43e0210a093
+  metadata.gz: 45e047bfc3f81e23b84a087443b2358e59fd7324
+  data.tar.gz: a0bfcb4d7533f006a142cf9b75144e9fffb55cf3
 SHA512:
-  metadata.gz: 34afca08741b909ed18fca8364dc5391bdbbe13d31dea252ec797074fed82206ad39352ee2eff06266493ff677d05e79366911a4f7bc158e955ecf174ac993e6
-  data.tar.gz: 87560c51097c0e38e36a81c4fc5d838b67e969cae796b2dfbc0013d90d46569e86cbfa3ef455fcf86e641e8390174be3f5a9518b9366cb388486cf71898a3579
+  metadata.gz: e713575f895c63ec2dec54ff75824636694e7dd3000453830b037bed0af7f2b4be27eff0ffce84bdd6a84aacd97ca82b925d75ce8d261434c6872ff468cfc09e
+  data.tar.gz: f0038146d70ff7a446b0952d27f8ccfaf943427c0edcb6eeb3a772f115a91c2320e06725ee912178ef8307a5201cfdbbc8179e59e91a4b828d0769af0d885acc

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "1.0.11"
+  VERSION = "2.0.0"
 end

data/vendor/assets/javascripts/affix.js

@@ -19,7 +19,7 @@
     this.checkPosition()
   }
 
-  Affix.VERSION  = '3.3.2'
+  Affix.VERSION  = '3.3.4'
 
   Affix.RESET    = 'affix affix-top affix-bottom'
 
@@ -69,7 +69,7 @@
     var offset       = this.options.offset
     var offsetTop    = offset.top
     var offsetBottom = offset.bottom
-    var scrollHeight = $('body').height()
+    var scrollHeight = $(document.body).height()
 
     if (typeof offset != 'object')         offsetBottom = offsetTop = offset
     if (typeof offsetTop == 'function')    offsetTop    = offset.top(this.$element)

data/vendor/assets/javascripts/alert.js

@@ -9,7 +9,7 @@
     $(el).on('click', dismiss, this.close)
   }
 
-  Alert.VERSION = '3.3.2'
+  Alert.VERSION = '3.3.4'
 
   Alert.TRANSITION_DURATION = 150
 

data/vendor/assets/javascripts/button.js

@@ -10,7 +10,7 @@
     this.isLoading = false
   }
 
-  Button.VERSION  = '3.3.2'
+  Button.VERSION  = '3.3.4'
 
   Button.DEFAULTS = {
     loadingText: 'loading...'

data/vendor/assets/javascripts/carousel.js

@@ -21,7 +21,7 @@
       .on('mouseleave.bs.carousel', $.proxy(this.cycle, this))
   }
 
-  Carousel.VERSION  = '3.3.2'
+  Carousel.VERSION  = '3.3.4'
 
   Carousel.TRANSITION_DURATION = 600
 

data/vendor/assets/javascripts/collapse.js

@@ -20,7 +20,7 @@
     if (this.options.toggle) this.toggle()
   }
 
-  Collapse.VERSION  = '3.3.2'
+  Collapse.VERSION  = '3.3.4'
 
   Collapse.TRANSITION_DURATION = 350
 
@@ -163,7 +163,7 @@
       var data    = $this.data('bs.collapse')
       var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
 
-      if (!data && options.toggle && option == 'show') options.toggle = false
+      if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false
       if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
       if (typeof option == 'string') data[option]()
     })

data/vendor/assets/javascripts/dropdown.js

@@ -10,7 +10,7 @@
     $(element).on('click.bs.dropdown', this.toggle)
   }
 
-  Dropdown.VERSION = '3.3.2'
+  Dropdown.VERSION = '3.3.4'
 
   Dropdown.prototype.toggle = function (e) {
     var $this = $(this)
@@ -25,7 +25,10 @@
     if (!isActive) {
       if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
         // if mobile we use a backdrop because click events don't delegate
-        $('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
+        $(document.createElement('div'))
+          .addClass('dropdown-backdrop')
+          .insertAfter($(this))
+          .on('click', clearMenus)
       }
 
       var relatedTarget = { relatedTarget: this }
@@ -87,6 +90,8 @@
 
       if (!$parent.hasClass('open')) return
 
+      if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return
+
       $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
 
       if (e.isDefaultPrevented()) return
@@ -146,7 +151,6 @@
     .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
     .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
     .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
-    .on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown)
-    .on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown)
+    .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)
 
 }(jQuery);

data/vendor/assets/javascripts/loader.js

@@ -0,0 +1,361 @@
+;(function(root, factory) {
+
+  if (typeof define === 'function' && define.amd) {
+    define(factory);
+  } else if (typeof exports === 'object') {
+    module.exports = factory();
+  } else {
+    root.Loader = factory();
+  }
+
+})(this, function() {
+  var Loader = {};
+
+  Loader.version = '0.1.6';
+
+  var Settings = Loader.settings = {
+    minimum: 0.08,
+    easing: 'ease',
+    positionUsing: '',
+    speed: 200,
+    trickle: true,
+    trickleRate: 0.02,
+    trickleSpeed: 800,
+    showSpinner: true,
+    barSelector: '[role="bar"]',
+    spinnerSelector: '[role="spinner"]',
+    parent: 'body',
+    template: '<div class="loader-bar" role="bar"><div class="loader-peg"></div></div><div class="loader-spinner" role="spinner"><div class="loader-spinner-icon"></div></div>'
+  };
+
+  Loader.configure = function(options) {
+    var key, value;
+    for (key in options) {
+      value = options[key];
+      if (value !== undefined && options.hasOwnProperty(key)) Settings[key] = value;
+    }
+
+    return this;
+  };
+
+  Loader.status = null;
+
+  Loader.set = function(n) {
+    var started = Loader.isStarted();
+
+    n = clamp(n, Settings.minimum, 1);
+    Loader.status = (n === 1 ? null : n);
+
+    var progress = Loader.render(!started),
+        bar      = progress.querySelector(Settings.barSelector),
+        speed    = Settings.speed,
+        ease     = Settings.easing;
+
+    progress.offsetWidth;
+
+    queue(function(next) {
+      if (Settings.positionUsing === '') Settings.positionUsing = Loader.getPositioningCSS();
+
+      css(bar, barPositionCSS(n, speed, ease));
+
+      if (n === 1) {
+        css(progress, {
+          transition: 'none',
+          opacity: 1
+        });
+        progress.offsetWidth;
+
+        setTimeout(function() {
+          css(progress, {
+            transition: 'all ' + speed + 'ms linear',
+            opacity: 0
+          });
+          setTimeout(function() {
+            Loader.remove();
+            next();
+          }, speed);
+        }, speed);
+      } else {
+        setTimeout(next, speed);
+      }
+    });
+
+    return this;
+  };
+
+  Loader.isStarted = function() {
+    return typeof Loader.status === 'number';
+  };
+
+  Loader.start = function() {
+    if (!Loader.status) Loader.set(0);
+
+    var work = function() {
+      setTimeout(function() {
+        if (!Loader.status) return;
+        Loader.trickle();
+        work();
+      }, Settings.trickleSpeed);
+    };
+
+    if (Settings.trickle) work();
+
+    return this;
+  };
+
+  Loader.done = function(force) {
+    if (!force && !Loader.status) return this;
+
+    return Loader.inc(0.3 + 0.5 * Math.random()).set(1);
+  };
+
+  Loader.inc = function(amount) {
+    var n = Loader.status;
+
+    if (!n) {
+      return Loader.start();
+    } else {
+      if (typeof amount !== 'number') {
+        amount = (1 - n) * clamp(Math.random() * n, 0.1, 0.95);
+      }
+
+      n = clamp(n + amount, 0, 0.994);
+      return Loader.set(n);
+    }
+  };
+
+  Loader.trickle = function() {
+    return Loader.inc(Math.random() * Settings.trickleRate);
+  };
+
+  (function() {
+    var initial = 0, current = 0;
+
+    Loader.promise = function($promise) {
+      if (!$promise || $promise.state() == "resolved") {
+        return this;
+      }
+
+      if (current == 0) {
+        Loader.start();
+      }
+
+      initial++;
+      current++;
+
+      $promise.always(function() {
+        current--;
+        if (current == 0) {
+            initial = 0;
+            Loader.done();
+        } else {
+            Loader.set((initial - current) / initial);
+        }
+      });
+
+      return this;
+    };
+
+  })();
+
+  Loader.render = function(fromStart) {
+    if (Loader.isRendered()) return document.getElementById('loader');
+
+    addClass(document.documentElement, 'loader-busy');
+
+    var progress = document.createElement('div');
+    progress.id = 'loader';
+    progress.innerHTML = Settings.template;
+
+    var bar      = progress.querySelector(Settings.barSelector),
+        perc     = fromStart ? '-100' : toBarPerc(Loader.status || 0),
+        parent   = document.querySelector(Settings.parent),
+        spinner;
+
+    css(bar, {
+      transition: 'all 0 linear',
+      transform: 'translate3d(' + perc + '%,0,0)'
+    });
+
+    if (!Settings.showSpinner) {
+      spinner = progress.querySelector(Settings.spinnerSelector);
+      spinner && removeElement(spinner);
+    }
+
+    if (parent != document.body) {
+      addClass(parent, 'loader-custom-parent');
+    }
+
+    parent.appendChild(progress);
+    return progress;
+  };
+
+  Loader.remove = function() {
+    removeClass(document.documentElement, 'loader-busy');
+    removeClass(document.querySelector(Settings.parent), 'loader-custom-parent')
+    var progress = document.getElementById('loader');
+    progress && removeElement(progress);
+  };
+
+  Loader.isRendered = function() {
+    return !!document.getElementById('loader');
+  };
+
+  Loader.getPositioningCSS = function() {
+    var bodyStyle = document.body.style;
+
+    var vendorPrefix = ('WebkitTransform' in bodyStyle) ? 'Webkit' :
+                       ('MozTransform' in bodyStyle) ? 'Moz' :
+                       ('msTransform' in bodyStyle) ? 'ms' :
+                       ('OTransform' in bodyStyle) ? 'O' : '';
+
+    if (vendorPrefix + 'Perspective' in bodyStyle) {
+      return 'translate3d';
+    } else if (vendorPrefix + 'Transform' in bodyStyle) {
+      return 'translate';
+    } else {
+      return 'margin';
+    }
+  };
+
+  function clamp(n, min, max) {
+    if (n < min) return min;
+    if (n > max) return max;
+    return n;
+  }
+
+  function toBarPerc(n) {
+    return (-1 + n) * 100;
+  }
+
+  function barPositionCSS(n, speed, ease) {
+    var barCSS;
+
+    if (Settings.positionUsing === 'translate3d') {
+      barCSS = { transform: 'translate3d('+toBarPerc(n)+'%,0,0)' };
+    } else if (Settings.positionUsing === 'translate') {
+      barCSS = { transform: 'translate('+toBarPerc(n)+'%,0)' };
+    } else {
+      barCSS = { 'margin-left': toBarPerc(n)+'%' };
+    }
+
+    barCSS.transition = 'all '+speed+'ms '+ease;
+
+    return barCSS;
+  }
+
+  var queue = (function() {
+    var pending = [];
+
+    function next() {
+      var fn = pending.shift();
+      if (fn) {
+        fn(next);
+      }
+    }
+
+    return function(fn) {
+      pending.push(fn);
+      if (pending.length == 1) next();
+    };
+  })();
+
+  var css = (function() {
+    var cssPrefixes = [ 'Webkit', 'O', 'Moz', 'ms' ],
+        cssProps    = {};
+
+    function camelCase(string) {
+      return string.replace(/^-ms-/, 'ms-').replace(/-([\da-z])/gi, function(match, letter) {
+        return letter.toUpperCase();
+      });
+    }
+
+    function getVendorProp(name) {
+      var style = document.body.style;
+      if (name in style) return name;
+
+      var i = cssPrefixes.length,
+          capName = name.charAt(0).toUpperCase() + name.slice(1),
+          vendorName;
+      while (i--) {
+        vendorName = cssPrefixes[i] + capName;
+        if (vendorName in style) return vendorName;
+      }
+
+      return name;
+    }
+
+    function getStyleProp(name) {
+      name = camelCase(name);
+      return cssProps[name] || (cssProps[name] = getVendorProp(name));
+    }
+
+    function applyCss(element, prop, value) {
+      prop = getStyleProp(prop);
+      element.style[prop] = value;
+    }
+
+    return function(element, properties) {
+      var args = arguments,
+          prop,
+          value;
+
+      if (args.length == 2) {
+        for (prop in properties) {
+          value = properties[prop];
+          if (value !== undefined && properties.hasOwnProperty(prop)) applyCss(element, prop, value);
+        }
+      } else {
+        applyCss(element, args[1], args[2]);
+      }
+    }
+  })();
+
+  function hasClass(element, name) {
+    var list = typeof element == 'string' ? element : classList(element);
+    return list.indexOf(' ' + name + ' ') >= 0;
+  }
+
+  function addClass(element, name) {
+    var oldList = classList(element),
+        newList = oldList + name;
+
+    if (hasClass(oldList, name)) return;
+
+    element.className = newList.substring(1);
+  }
+
+  function removeClass(element, name) {
+    var oldList = classList(element),
+        newList;
+
+    if (!hasClass(element, name)) return;
+
+    newList = oldList.replace(' ' + name + ' ', ' ');
+
+    element.className = newList.substring(1, newList.length - 1);
+  }
+  function classList(element) {
+    return (' ' + (element.className || '') + ' ').replace(/\s+/gi, ' ');
+  }
+
+  function removeElement(element) {
+    element && element.parentNode && element.parentNode.removeChild(element);
+  }
+
+  return Loader;
+});
+
+jQuery(function() {
+  jQuery(document).on('ajaxStart', function() { Loader.start(); });
+  jQuery(document).on('ajaxStop',  function() { Loader.done();  });
+});
+
+$(function() {
+  $(document).on('page:fetch',   function() { Loader.start();  });
+  $(document).on('page:receive', function() { Loader.set(0.7); });
+  $(document).on('page:change',  function() { Loader.done();   });
+  $(document).on('page:restore', function() { Loader.remove(); });
+  $(document).on('pjax:send',     function() { Loader.start(); });
+  $(document).on('pjax:complete', function() { Loader.done();  });
+});