catscope 0.1.0 → 0.1.1

data/assets/bower_components/foundation/js/foundation/foundation.slider.js

@@ -4,41 +4,40 @@
   Foundation.libs.slider = {
     name : 'slider',
 
-    version : '5.5.0',
-
-    settings: {
-      start: 0,
-      end: 100,
-      step: 1,
-      precision: null,
-      initial: null,
-      display_selector: '',
-      vertical: false,
-      trigger_input_change: false,
-      on_change: function(){}
+    version : '5.5.3',
+
+    settings : {
+      start : 0,
+      end : 100,
+      step : 1,
+      precision : 2,
+      initial : null,
+      display_selector : '',
+      vertical : false,
+      trigger_input_change : false,
+      on_change : function () {}
     },
 
     cache : {},
 
     init : function (scope, method, options) {
-      Foundation.inherit(this,'throttle');
+      Foundation.inherit(this, 'throttle');
       this.bindings(method, options);
       this.reflow();
     },
 
-    events : function() {
+    events : function () {
       var self = this;
-
       $(this.scope)
         .off('.slider')
         .on('mousedown.fndtn.slider touchstart.fndtn.slider pointerdown.fndtn.slider',
-        '[' + self.attr_name() + ']:not(.disabled, [disabled]) .range-slider-handle', function(e) {
+        '[' + self.attr_name() + ']:not(.disabled, [disabled]) .range-slider-handle', function (e) {
           if (!self.cache.active) {
             e.preventDefault();
             self.set_active_slider($(e.target));
           }
         })
-        .on('mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider', function(e) {
+        .on('mousemove.fndtn.slider touchmove.fndtn.slider pointermove.fndtn.slider', function (e) {
           if (!!self.cache.active) {
             e.preventDefault();
             if ($.data(self.cache.active[0], 'settings').vertical) {
@@ -52,48 +51,80 @@
             }
           }
         })
-        .on('mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider', function(e) {
+        .on('mouseup.fndtn.slider touchend.fndtn.slider pointerup.fndtn.slider', function (e) {
+          if(!self.cache.active) {
+            // if the user has just clicked into the slider without starting to drag the handle
+            var slider = $(e.target).attr('role') === 'slider' ? $(e.target) : $(e.target).closest('.range-slider').find("[role='slider']");
+
+            if (slider.length && (!slider.parent().hasClass('disabled') && !slider.parent().attr('disabled'))) {
+              self.set_active_slider(slider);
+              if ($.data(self.cache.active[0], 'settings').vertical) {
+                var scroll_offset = 0;
+                if (!e.pageY) {
+                  scroll_offset = window.scrollY;
+                }
+                self.calculate_position(self.cache.active, self.get_cursor_position(e, 'y') + scroll_offset);
+              } else {
+                self.calculate_position(self.cache.active, self.get_cursor_position(e, 'x'));
+              }
+            }
+          }
           self.remove_active_slider();
         })
-        .on('change.fndtn.slider', function(e) {
+        .on('change.fndtn.slider', function (e) {
           self.settings.on_change();
         });
 
       self.S(window)
-        .on('resize.fndtn.slider', self.throttle(function(e) {
+        .on('resize.fndtn.slider', self.throttle(function (e) {
           self.reflow();
         }, 300));
+
+      // update slider value as users change input value
+      this.S('[' + this.attr_name() + ']').each(function () {
+        var slider = $(this),
+            handle = slider.children('.range-slider-handle')[0],
+            settings = self.initialize_settings(handle);
+
+        if (settings.display_selector != '') {
+          $(settings.display_selector).each(function(){
+            if ($(this).attr('value')) {
+              $(this).off('change').on('change', function () {
+                slider.foundation("slider", "set_value", $(this).val());
+              });
+            }
+          });
+        }
+      });
     },
 
-    get_cursor_position : function(e, xy) {
+    get_cursor_position : function (e, xy) {
       var pageXY = 'page' + xy.toUpperCase(),
           clientXY = 'client' + xy.toUpperCase(),
           position;
 
       if (typeof e[pageXY] !== 'undefined') {
         position = e[pageXY];
-      }
-      else if (typeof e.originalEvent[clientXY] !== 'undefined') {
+      } else if (typeof e.originalEvent[clientXY] !== 'undefined') {
         position = e.originalEvent[clientXY];
-      }
-      else if (e.originalEvent.touches && e.originalEvent.touches[0] && typeof e.originalEvent.touches[0][clientXY] !== 'undefined') {
+      } else if (e.originalEvent.touches && e.originalEvent.touches[0] && typeof e.originalEvent.touches[0][clientXY] !== 'undefined') {
         position = e.originalEvent.touches[0][clientXY];
-      }
-      else if(e.currentPoint && typeof e.currentPoint[xy] !== 'undefined') {
+      } else if (e.currentPoint && typeof e.currentPoint[xy] !== 'undefined') {
         position = e.currentPoint[xy];
       }
+
       return position;
     },
 
-    set_active_slider : function($handle) {
+    set_active_slider : function ($handle) {
       this.cache.active = $handle;
     },
 
-    remove_active_slider : function() {
+    remove_active_slider : function () {
       this.cache.active = null;
     },
 
-    calculate_position : function($handle, cursor_x) {
+    calculate_position : function ($handle, cursor_x) {
       var self = this,
           settings = $.data($handle[0], 'settings'),
           handle_l = $.data($handle[0], 'handle_l'),
@@ -101,16 +132,16 @@
           bar_l = $.data($handle[0], 'bar_l'),
           bar_o = $.data($handle[0], 'bar_o');
 
-      requestAnimationFrame(function(){
+      requestAnimationFrame(function () {
         var pct;
 
         if (Foundation.rtl && !settings.vertical) {
-          pct = self.limit_to(((bar_o+bar_l-cursor_x)/bar_l),0,1);
+          pct = self.limit_to(((bar_o + bar_l - cursor_x) / bar_l), 0, 1);
         } else {
-          pct = self.limit_to(((cursor_x-bar_o)/bar_l),0,1);
+          pct = self.limit_to(((cursor_x - bar_o) / bar_l), 0, 1);
         }
 
-        pct = settings.vertical ? 1-pct : pct;
+        pct = settings.vertical ? 1 - pct : pct;
 
         var norm = self.normalized_value(pct, settings.start, settings.end, settings.step, settings.precision);
 
@@ -118,13 +149,13 @@
       });
     },
 
-    set_ui : function($handle, value) {
+    set_ui : function ($handle, value) {
       var settings = $.data($handle[0], 'settings'),
           handle_l = $.data($handle[0], 'handle_l'),
           bar_l = $.data($handle[0], 'bar_l'),
           norm_pct = this.normalized_percentage(value, settings.start, settings.end),
-          handle_offset = norm_pct*(bar_l-handle_l)-1,
-          progress_bar_length = norm_pct*100,
+          handle_offset = norm_pct * (bar_l - handle_l) - 1,
+          progress_bar_length = norm_pct * 100,
           $handle_parent = $handle.parent(),
           $hidden_inputs = $handle.parent().children('input[type=hidden]');
 
@@ -141,24 +172,24 @@
         $handle.siblings('.range-slider-active-segment').css('width', progress_bar_length + '%');
       }
 
-      $handle_parent.attr(this.attr_name(), value).trigger('change').trigger('change.fndtn.slider');
+      $handle_parent.attr(this.attr_name(), value).trigger('change.fndtn.slider');
 
       $hidden_inputs.val(value);
       if (settings.trigger_input_change) {
-          $hidden_inputs.trigger('change');
+          $hidden_inputs.trigger('change.fndtn.slider');
       }
 
       if (!$handle[0].hasAttribute('aria-valuemin')) {
         $handle.attr({
-          'aria-valuemin': settings.start,
-          'aria-valuemax': settings.end
+          'aria-valuemin' : settings.start,
+          'aria-valuemax' : settings.end
         });
       }
       $handle.attr('aria-valuenow', value);
 
       if (settings.display_selector != '') {
-        $(settings.display_selector).each(function(){
-          if (this.hasOwnProperty('value')) {
+        $(settings.display_selector).each(function () {
+          if (this.hasAttribute('value')) {
             $(this).val(value);
           } else {
             $(this).text(value);
@@ -168,44 +199,42 @@
 
     },
 
-    normalized_percentage : function(val, start, end) {
-      return Math.min(1, (val - start)/(end - start));
+    normalized_percentage : function (val, start, end) {
+      return Math.min(1, (val - start) / (end - start));
     },
 
-    normalized_value : function(val, start, end, step, precision) {
+    normalized_value : function (val, start, end, step, precision) {
       var range = end - start,
-          point = val*range,
-          mod = (point-(point%step)) / step,
+          point = val * range,
+          mod = (point - (point % step)) / step,
           rem = point % step,
-          round = ( rem >= step*0.5 ? step : 0);
-      return ((mod*step + round) + start).toFixed(precision);
+          round = ( rem >= step * 0.5 ? step : 0);
+      return ((mod * step + round) + start).toFixed(precision);
     },
 
-    set_translate : function(ele, offset, vertical) {
+    set_translate : function (ele, offset, vertical) {
       if (vertical) {
         $(ele)
-          .css('-webkit-transform', 'translateY('+offset+'px)')
-          .css('-moz-transform', 'translateY('+offset+'px)')
-          .css('-ms-transform', 'translateY('+offset+'px)')
-          .css('-o-transform', 'translateY('+offset+'px)')
-          .css('transform', 'translateY('+offset+'px)');
+          .css('-webkit-transform', 'translateY(' + offset + 'px)')
+          .css('-moz-transform', 'translateY(' + offset + 'px)')
+          .css('-ms-transform', 'translateY(' + offset + 'px)')
+          .css('-o-transform', 'translateY(' + offset + 'px)')
+          .css('transform', 'translateY(' + offset + 'px)');
       } else {
         $(ele)
-          .css('-webkit-transform', 'translateX('+offset+'px)')
-          .css('-moz-transform', 'translateX('+offset+'px)')
-          .css('-ms-transform', 'translateX('+offset+'px)')
-          .css('-o-transform', 'translateX('+offset+'px)')
-          .css('transform', 'translateX('+offset+'px)');
+          .css('-webkit-transform', 'translateX(' + offset + 'px)')
+          .css('-moz-transform', 'translateX(' + offset + 'px)')
+          .css('-ms-transform', 'translateX(' + offset + 'px)')
+          .css('-o-transform', 'translateX(' + offset + 'px)')
+          .css('transform', 'translateX(' + offset + 'px)');
       }
     },
 
-    limit_to : function(val, min, max) {
+    limit_to : function (val, min, max) {
       return Math.min(Math.max(val, min), max);
     },
 
-
-
-    initialize_settings : function(handle) {
+    initialize_settings : function (handle) {
       var settings = $.extend({}, this.settings, this.data_options($(handle).parent())),
           decimal_places_match_result;
 
@@ -227,19 +256,19 @@
       }
 
       $.data(handle, 'bar', $(handle).parent());
-      $.data(handle, 'settings', settings);
+      return $.data(handle, 'settings', settings);
     },
 
-    set_initial_position : function($ele) {
+    set_initial_position : function ($ele) {
       var settings = $.data($ele.children('.range-slider-handle')[0], 'settings'),
-          initial = ((typeof settings.initial == 'number' && !isNaN(settings.initial)) ? settings.initial : Math.floor((settings.end-settings.start)*0.5/settings.step)*settings.step+settings.start),
+          initial = ((typeof settings.initial == 'number' && !isNaN(settings.initial)) ? settings.initial : Math.floor((settings.end - settings.start) * 0.5 / settings.step) * settings.step + settings.start),
           $handle = $ele.children('.range-slider-handle');
       this.set_ui($handle, initial);
     },
 
-    set_value : function(value) {
+    set_value : function (value) {
       var self = this;
-      $('[' + self.attr_name() + ']', this.scope).each(function(){
+      $('[' + self.attr_name() + ']', this.scope).each(function () {
         $(this).attr(self.attr_name(), value);
       });
       if (!!$(this.scope).attr(self.attr_name())) {
@@ -248,9 +277,9 @@
       self.reflow();
     },
 
-    reflow : function() {
+    reflow : function () {
       var self = this;
-      self.S('[' + this.attr_name() + ']').each(function() {
+      self.S('[' + this.attr_name() + ']').each(function () {
         var handle = $(this).children('.range-slider-handle')[0],
             val = $(this).attr(self.attr_name());
         self.initialize_settings(handle);

data/assets/bower_components/foundation/js/foundation/foundation.tab.js

@@ -4,59 +4,73 @@
   Foundation.libs.tab = {
     name : 'tab',
 
-    version : '5.5.0',
+    version : '5.5.3',
 
     settings : {
-      active_class: 'active',
+      active_class : 'active',
       callback : function () {},
-      deep_linking: false,
-      scroll_to_content: true,
-      is_hover: false
+      deep_linking : false,
+      scroll_to_content : true,
+      is_hover : false
     },
 
-    default_tab_hashes: [],
+    default_tab_hashes : [],
 
     init : function (scope, method, options) {
       var self = this,
           S = this.S;
 
+  	  // Store the default active tabs which will be referenced when the
+  	  // location hash is absent, as in the case of navigating the tabs and
+  	  // returning to the first viewing via the browser Back button.
+  	  S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () {
+  	    self.default_tab_hashes.push(this.hash);
+  	  });
+
       this.bindings(method, options);
       this.handle_location_hash_change();
-
-      // Store the default active tabs which will be referenced when the
-      // location hash is absent, as in the case of navigating the tabs and
-      // returning to the first viewing via the browser Back button.
-      S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () {
-        self.default_tab_hashes.push(this.hash);
-      });
-
-      // store the initial href, which is used to allow correct behaviour of the
-      // browser back button when deep linking is turned on.
-      self.entry_location = window.location.href;
     },
 
     events : function () {
       var self = this,
           S = this.S;
 
-      var usual_tab_behavior =  function (e) {
-          var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init');
-          if (!settings.is_hover || Modernizr.touch) {
+      var usual_tab_behavior =  function (e, target) {
+        var settings = S(target).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init');
+        if (!settings.is_hover || Modernizr.touch) {
+          // if user did not pressed tab key, prevent default action
+          var keyCode = e.keyCode || e.which;
+          if (keyCode !== 9) { 
             e.preventDefault();
             e.stopPropagation();
-            self.toggle_active_tab(S(this).parent());
           }
-        };
+          self.toggle_active_tab(S(target).parent());
+          
+        }
+      };
 
       S(this.scope)
         .off('.tab')
+        // Key event: focus/tab key
+        .on('keydown.fndtn.tab', '[' + this.attr_name() + '] > * > a', function(e) {
+          var keyCode = e.keyCode || e.which;
+          // if user pressed tab key
+          if (keyCode === 13 || keyCode === 32) { // enter or space
+            var el = this;
+            usual_tab_behavior(e, el);
+          } 
+        })
         // Click event: tab title
-        .on('focus.fndtn.tab', '[' + this.attr_name() + '] > * > a', usual_tab_behavior )
-        .on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', usual_tab_behavior )
+        .on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', function(e) {
+          var el = this;
+          usual_tab_behavior(e, el);
+        })
         // Hover event: tab title
         .on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) {
-          var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init');
-          if (settings.is_hover) self.toggle_active_tab(S(this).parent());
+          var settings = S(this).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init');
+          if (settings.is_hover) {
+            self.toggle_active_tab(S(this).parent());
+          }
         });
 
       // Location hash change event
@@ -107,7 +121,7 @@
        });
      },
 
-    toggle_active_tab: function (tab, location_hash) {
+    toggle_active_tab : function (tab, location_hash) {
       var self = this,
           S = self.S,
           tabs = tab.closest('[' + this.attr_name() + ']'),
@@ -117,7 +131,7 @@
           target = S(target_hash),
           siblings = tab.siblings(),
           settings = tabs.data(this.attr_name(true) + '-init'),
-          interpret_keyup_action = function(e) {
+          interpret_keyup_action = function (e) {
             // Light modification of Heydon Pickering's Practical ARIA Examples: http://heydonworks.com/practical_aria_examples/js/a11y.js
 
             // define current, previous and next (possible) tabs
@@ -166,17 +180,16 @@
           go_to_hash = function(hash) {
             // This function allows correct behaviour of the browser's back button when deep linking is enabled. Without it
             // the user would get continually redirected to the default hash.
-            var is_entry_location = window.location.href === self.entry_location,
-                default_hash = settings.scroll_to_content ? self.default_tab_hashes[0] : 'fndtn-' + self.default_tab_hashes[0].replace('#', '')
+            var default_hash = settings.scroll_to_content ? self.default_tab_hashes[0] : 'fndtn-' + self.default_tab_hashes[0].replace('#', '');
 
-            if (!(is_entry_location && hash === default_hash)) {
+            if (hash !== default_hash || window.location.hash) {
               window.location.hash = hash;
             }
           };
 
       // allow usage of data-tab-content attribute instead of href
-      if (S(this).data(this.data_attr('tab-content'))) {
-        target_hash = '#' + S(this).data(this.data_attr('tab-content')).split('#')[1];
+      if (anchor.data('tab-content')) {
+        target_hash = '#' + anchor.data('tab-content').split('#')[1];
         target = S(target_hash);
       }
 
@@ -207,19 +220,19 @@
       // window (notably in Chrome).
       // Clean up multiple attr instances to done once
       tab.addClass(settings.active_class).triggerHandler('opened');
-      tab_link.attr({'aria-selected': 'true',  tabindex: 0});
+      tab_link.attr({'aria-selected' : 'true',  tabindex : 0});
       siblings.removeClass(settings.active_class)
-      siblings.find('a').attr({'aria-selected': 'false',  tabindex: -1});
-      target.siblings().removeClass(settings.active_class).attr({'aria-hidden': 'true',  tabindex: -1});
+      siblings.find('a').attr({'aria-selected' : 'false'/*,  tabindex : -1*/});
+      target.siblings().removeClass(settings.active_class).attr({'aria-hidden' : 'true'/*,  tabindex : -1*/});
       target.addClass(settings.active_class).attr('aria-hidden', 'false').removeAttr('tabindex');
       settings.callback(tab);
-      target.triggerHandler('toggled', [tab]);
-      tabs.triggerHandler('toggled', [target]);
+      target.triggerHandler('toggled', [target]);
+      tabs.triggerHandler('toggled', [tab]);
 
       tab_link.off('keydown').on('keydown', interpret_keyup_action );
     },
 
-    data_attr: function (str) {
+    data_attr : function (str) {
       if (this.namespace.length > 0) {
         return this.namespace + '-' + str;
       }