xooie 1.0.6 → 1.0.7

data/vendor/assets/javascripts/xooie/dropdown.js

@@ -0,0 +1,285 @@
+/*
+*   Copyright 2012 Comcast
+*
+*   Licensed under the Apache License, Version 2.0 (the "License");
+*   you may not use this file except in compliance with the License.
+*   You may obtain a copy of the License at
+*
+*       http://www.apache.org/licenses/LICENSE-2.0
+*
+*   Unless required by applicable law or agreed to in writing, software
+*   distributed under the License is distributed on an "AS IS" BASIS,
+*   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*   See the License for the specific language governing permissions and
+*   limitations under the License.
+*/
+
+define('xooie/dropdown', ['jquery', 'xooie/base'], function($, Base) {
+
+   var parseWhich = function(which) {
+        if (typeof which === 'string') {
+            which = which.split(',');
+            return which.map(function(string){ return parseInt(string, 10); });
+        } else if (typeof which === 'number') {
+            return [which];
+        }
+
+        return which;
+     };
+
+    var Dropdown = Base('dropdown', function() {
+        var self = this,
+            handles = self.getHandle(),
+            expanders = self.getExpander();
+
+        this.handlers = {
+            off: function(event){
+                if ((typeof event.data.not !== 'undefined' && ($(event.data.not).is($(this)) || $(event.target).parents(event.data.not).length > 0)) || (typeof event.data.which !== 'undefined' && event.data.which.indexOf(event.which) === -1) || ($(event.target).is(self.getExpander(event.data.index)) || $(event.target).parents(self.options.dropdownExpanderSelector).length > 0) && !$(event.target).is($(this))) {
+                    return true;
+                }
+
+                event.preventDefault();
+
+                self.collapse(event.data.index, event.data);
+            },
+
+            on: function(event){
+                var index = event.data.index || parseInt($(this).attr('data-dropdown-index'), 10),
+                    delay = event.data.delay,
+                    handle = $(this);
+
+                if ((typeof event.data.not !== 'undefined' && ($(event.data.not).is($(this)) || $(event.target).parents(event.data.not).length > 0)) || typeof event.data.which !== 'undefined' && event.data.which.indexOf(event.which) === -1) {
+                    return true;
+                }
+
+                event.preventDefault();
+
+                self.expand(index, event.data);
+            }
+        };
+
+        this.timers = {
+            expand: [],
+            collapse: [],
+            throttle: []
+        };
+
+        this.addHandlers('on');
+
+        this.root.on({
+            dropdownExpand: function(event, index){
+                self.removeHandlers('on', index);
+
+                self.addHandlers('off', index);
+
+                $(this).attr('aria-selected', true);
+                self.getExpander(index).attr('aria-hidden', false);
+            },
+
+            dropdownCollapse: function(event, index){
+                self.removeHandlers('off', index);
+
+                self.addHandlers('on', index);
+
+                $(this).attr('aria-selected', false);
+                self.getExpander(index).attr('aria-hidden', true);
+            },
+
+            forceCollapse: function(event, data) {
+                self.collapse(data.index, data);
+            }
+        }, this.options.dropdownHandleSelector);
+
+        this.root.on('xooie-init.dropdown xooie-refresh.dropdown', function(){
+            handles.each(function(index){
+                var handle = $(this),
+                    expander = expanders.eq(index);
+
+
+                handle.attr({
+                    'data-dropdown-index': index,
+                    'aria-selected': false
+                });
+                expander.attr({
+                    'data-dropdown-index': index,
+                    'aria-hidden': true
+                });
+            });
+        });
+
+        expanders.on('mouseover focus', function(){
+            var index = parseInt($(this).attr('data-dropdown-index'), 10);
+
+            if (self.timers.collapse[index]){
+                self.timers.collapse[index] = clearTimeout(self.timers.collapse[index]);
+
+                $(this).on('mouseleave blur', {index: index}, function(event){
+                    self.collapse(event.data.index, 0);
+                    $(this).unbind(event);
+                });
+            }
+        });
+
+    });
+
+    Dropdown.setDefaultOptions({
+        dropdownHandleSelector: '[data-role="dropdown-handle"]',
+        dropdownExpanderSelector: '[data-role="dropdown-content"]',
+
+        activeDropdownClass: 'is-dropdown-active',
+
+        throttleDelay: 300,
+        triggers: {
+            on: {
+                focus: {
+                    delay: 0
+                }
+            },
+            off: {
+                blur: {
+                    delay: 0
+                }
+            }
+        }
+
+    });
+
+    Dropdown.prototype.getTriggerHandle = function(triggerData, index){
+        var handles = this.getHandle(index);
+
+        if (triggerData.selector) {
+            return triggerData.selector === 'document' ? $(document) : $(triggerData.selector);
+        } else {
+            return handles;
+        }
+    };
+
+    Dropdown.prototype.getNamespacedTrigger = function(trigger, state){
+        return trigger + '.' + state + 'XooieDropdown';
+    };
+
+    Dropdown.prototype.addHandlers = function(state, index){
+        var trigger, nsTrigger, handle, triggerData, countName;
+
+        triggerData = this.options.triggers[state];
+
+        for (trigger in triggerData) {
+            if (typeof triggerData[trigger].which !== 'undefined') {
+                triggerData[trigger].which = parseWhich(triggerData[trigger].which);
+            }
+
+            countName = [trigger,state,'count'].join('-');
+
+            handle = this.getTriggerHandle(triggerData[trigger], index);
+
+            handle.data(countName, handle.data(countName) + 1 || 1);
+
+            nsTrigger = this.getNamespacedTrigger(trigger, state);
+
+            handle.on(nsTrigger, $.extend({delay: 0, index: index}, triggerData[trigger]), this.handlers[state]);
+        }
+    };
+
+    Dropdown.prototype.removeHandlers = function(state, index){
+        var trigger, nsTrigger, handle, triggerData, countName, eventCount;
+
+        triggerData = this.options.triggers[state];
+
+        for (trigger in triggerData) {
+            handle = this.getTriggerHandle(triggerData[trigger], index);
+
+            countName = [trigger,state,'count'].join('-');
+
+            eventCount = handle.data(countName) - 1;
+
+            if (eventCount <= 0) {
+                nsTrigger = this.getNamespacedTrigger(trigger, state);
+
+                handle.unbind(nsTrigger);
+
+                handle.data(countName, 0);
+            } else {
+                handle.data(countName, eventCount);
+            }
+        }
+    };
+
+    Dropdown.prototype.getHandle = function(index){
+        var handles = this.root.find(this.options.dropdownHandleSelector);
+
+        return (typeof index !== 'undefined' && index >= 0) ? handles.eq(index) : handles;
+    };
+
+    Dropdown.prototype.getExpander = function(index){
+        var selectorString;
+
+        if (typeof index === 'undefined' || isNaN(index)) {
+            selectorString = this.options.dropdownExpanderSelector;
+        } else {
+            selectorString = this.options.dropdownExpanderSelector + '[data-dropdown-index="' + index + '"]';
+        }
+
+        return this.root.find(selectorString);
+    };
+
+    Dropdown.prototype.setState = function(index, data, active){
+        if (typeof index === 'undefined' || isNaN(index)) {
+            return;
+        }
+
+        var state = active ? 'expand' : 'collapse',
+            counterState = active ? 'collapse' : 'expand',
+            delay = data.delay;
+
+        this.timers[counterState][index] = clearTimeout(this.timers[counterState][index]);
+
+        if (this.timers.throttle[index] || this.timers[state][index]) {
+            return;
+        }
+
+        this.timers[state][index] = setTimeout(function(i, _state, _active, _data) {
+            var expander = this.getExpander(i),
+                handle = this.getHandle(i),
+                self = this;
+
+            this.timers[_state][i] = clearTimeout(this.timers[_state][i]);
+
+            expander.toggleClass(this.options.activeDropdownClass, _active);
+            this.getHandle(i).toggleClass(this.options.activeDropdownClass, _active);
+
+            if (_active){
+                handle.trigger('dropdownExpand', [i, _data]);
+                //this.setFocus(expander);
+            } else {
+                handle.trigger('dropdownCollapse', [i, _data]);
+            }
+
+            if (this.options.throttleDelay > 0){
+                this.timers.throttle[i] = setTimeout(function(){
+                    self.timers.throttle[i] = clearTimeout(self.timers.throttle[i]);
+                }, this.options.throttleDelay);
+            }
+
+        }.bind(this, index, state, active, data), delay);
+    };
+
+    Dropdown.prototype.expand = function(index, data) {
+        if (!this.getHandle(index).hasClass(this.options.activeDropdownClass)) {
+            this.setState(index, data, true);
+        }
+    };
+
+    Dropdown.prototype.collapse = function(index, data) {
+        if (this.getHandle(index).hasClass(this.options.activeDropdownClass)) {
+            this.setState(index, data, false);
+        }
+    };
+
+    Dropdown.prototype.setFocus = function(element){
+        element.find('a,input,textarea,button,select,iframe,[tabindex][tabindex!=-1]')
+               .first()
+               .focus();
+    };
+
+    return Dropdown;
+});

data/vendor/assets/javascripts/xooie/event_handler.js

@@ -47,8 +47,9 @@ define('xooie/event_handler', ['jquery', 'xooie/helpers'], function ($, helpers)
     formattedType = format(type, this.namespace);
 
     if (helpers.isUndefined(this.handlers[formattedType])) {
-      this.handlers[formattedType] = function (e) {
-        self.fire(e, this, arguments);
+      this.handlers[formattedType] = function () {
+        [].splice.call(arguments, 1, 0, this);
+        self.fire.apply(self, arguments);
       };
     }
 
@@ -67,13 +68,15 @@ define('xooie/event_handler', ['jquery', 'xooie/helpers'], function ($, helpers)
     }
   };
 
-  EventHandler.prototype.fire = function (event, context, args) {
+  EventHandler.prototype.fire = function (event) {
     if (event.namespace && event.namespace !== this.namespace) {
       return;
     }
 
+    var args = [].slice.call(arguments, 1);
+
     if (!helpers.isUndefined(this._callbacks[event.type])) {
-      this._callbacks[event.type].fireWith(context, args);
+      this._callbacks[event.type].fireWith.apply(this._callbacks[event.type].fireWith, args);
     }
   };
 

data/vendor/assets/javascripts/xooie/helpers.js

@@ -14,61 +14,13 @@
 *   limitations under the License.
 */
 
-/* Polyfill methods for Xooie */
-
-// Adds Array.prototype.indexOf functionality to IE<9 (From MDN)
-if (!Array.prototype.indexOf) {
-  Array.prototype.indexOf = function (searchElement, fromIndex) {
-    'use strict';
-    var i, pivot, length;
-
-    pivot = fromIndex || 0;
-
-    if (!this) {
-      throw new TypeError();
-    }
-
-    length = this.length;
-
-    if (length === 0 || pivot >= length) {
-      return -1;
-    }
-
-    if (pivot < 0) {
-      pivot = length - Math.abs(pivot);
-    }
-
-    for (i = pivot; i < length; i += 1) {
-      if (this[i] === searchElement) {
-        return i;
-      }
-    }
-    return -1;
-  };
-}
-
-// Adds Function.prototype.bind to browsers that do not support it
-if (!Function.prototype.bind) {
-  Function.prototype.bind = function (context) {
-    'use strict';
-    var f, args;
-
-    f = this;
-    args = Array.prototype.slice.call(arguments, 1);
-
-    return function () {
-      return f.apply(context, args.concat(Array.prototype.slice.call(arguments)));
-    };
-  };
-}
-
 /**
  * class Xooie.helpers
  *
  * A collection of helper methods used by Xooie modules.
  **/
 
-define('xooie/helpers', [], function () {
+define('xooie/helpers', ['jquery'], function ($) {
   'use strict';
 
   var helpers = {
@@ -100,13 +52,17 @@ define('xooie/helpers', [], function () {
     }()),
 
     isObject: function (obj) {
-      return Object.prototype.toString(obj) === '[object Object]';
+      return $.isPlainObject(obj);
     },
 
     isUndefined: function (obj) {
       return obj === undefined;
     },
 
+    isDefined: function (obj) {
+      return !this.isUndefined(obj);
+    },
+
     isFunction: function (func) {
       return typeof func === 'function';
     }

data/vendor/assets/javascripts/xooie/polyfill.js

@@ -0,0 +1,49 @@
+/* Polyfill methods for Xooie */
+
+define('xooie/polyfill', [], function () {
+  'use strict';
+  // Adds Array.prototype.indexOf functionality to IE<9 (From MDN)
+  if (!Array.prototype.indexOf) {
+    Array.prototype.indexOf = function (searchElement, fromIndex) {
+      var i, pivot, length;
+
+      pivot = fromIndex || 0;
+
+      if (!this) {
+        throw new TypeError();
+      }
+
+      length = this.length;
+
+      if (length === 0 || pivot >= length) {
+        return -1;
+      }
+
+      if (pivot < 0) {
+        pivot = length - Math.abs(pivot);
+      }
+
+      for (i = pivot; i < length; i += 1) {
+        if (this[i] === searchElement) {
+          return i;
+        }
+      }
+      return -1;
+    };
+  }
+
+  // Adds Function.prototype.bind to browsers that do not support it
+  if (!Function.prototype.bind) {
+    Function.prototype.bind = function (context) {
+      var f, args;
+
+      f = this;
+      args = Array.prototype.slice.call(arguments, 1);
+
+      return function () {
+        return f.apply(context, args.concat(Array.prototype.slice.call(arguments)));
+      };
+    };
+  }
+
+});

data/vendor/assets/javascripts/xooie/shared.js

@@ -209,7 +209,7 @@ define('xooie/shared', ['jquery', 'xooie/helpers'], function ($, helpers) {
 
       for (i = 0; i < instance._definedProps.length; i += 1) {
         prop = instance._definedProps[i];
-        if (!helpers.isUndefined(data[prop])) {
+        if (helpers.isDefined(data[prop])) {
           instance.set(prop, data[prop]);
         }
       }

data/vendor/assets/javascripts/xooie/stylesheet.js

@@ -14,18 +14,9 @@
 *   limitations under the License.
 */
 
-define('xooie/stylesheet', ['jquery', 'xooie/helpers'], function ($, helpers) {
+define('xooie/stylesheet', ['jquery'], function ($) {
   'use strict';
 
-  function nameCheck(index, name) {
-    var s = document.styleSheets[index];
-
-    if (!helpers.isUndefined(s.ownerNode)) {
-      return s.ownerNode.getAttribute('id') === name;
-    }
-    return s.id === name;
-  }
-
   var Stylesheet = function (name) {
     //check to see if a stylesheet already exists with this name
     this.element = $('style[id=' + name + ']');
@@ -43,7 +34,7 @@ define('xooie/stylesheet', ['jquery', 'xooie/helpers'], function ($, helpers) {
   };
 
   Stylesheet.prototype.get = function () {
-    return document.styleSheets[this.getIndex()];
+    return this.element[0].sheet || this.element[0].styleSheet;
   };
 
   Stylesheet.prototype.getRule = function (ruleName) {
@@ -64,7 +55,7 @@ define('xooie/stylesheet', ['jquery', 'xooie/helpers'], function ($, helpers) {
   };
 
   Stylesheet.prototype.addRule = function (ruleName, properties) {
-    var rule = this.getRule(ruleName), index, prop, propString = '';
+    var rule = this.getRule(ruleName), index, prop, propString = '', ruleNameArray, i;
 
     if (!rule) {
       for (prop in properties) {
@@ -81,7 +72,12 @@ define('xooie/stylesheet', ['jquery', 'xooie/helpers'], function ($, helpers) {
       } else {
         //support for IE < 9
         index = this.get().rules.length;
-        this.get().addRule(ruleName, propString, index);
+        ruleNameArray = ruleName.split(',');
+        // READ: http://msdn.microsoft.com/en-us/library/ie/aa358796%28v=vs.85%29.aspx
+        for (i = 0; i < ruleNameArray.length; i += 1) {
+          this.get().addRule(ruleNameArray[i], propString, index + i);
+        }
+
         rule = this.get().rules[index];
       }
     }
@@ -114,25 +110,6 @@ define('xooie/stylesheet', ['jquery', 'xooie/helpers'], function ($, helpers) {
     return false;
   };
 
-  Stylesheet.prototype.getIndex = function () {
-    var i;
-
-    if (helpers.isUndefined(document.styleSheets)) {
-      return;
-    }
-
-    if (!helpers.isUndefined(this._index) && nameCheck(this._index, this._name)) {
-      return this._index;
-    }
-
-    for (i = 0; i < document.styleSheets.length; i += 1) {
-      if (nameCheck(i, this._name)) {
-        this._index = i;
-        return i;
-      }
-    }
-  };
-
   return Stylesheet;
 
 });

data/vendor/assets/javascripts/xooie/tab.js

@@ -0,0 +1,125 @@
+/*
+*   Copyright 2012 Comcast
+*
+*   Licensed under the Apache License, Version 2.0 (the "License");
+*   you may not use this file except in compliance with the License.
+*   You may obtain a copy of the License at
+*
+*       http://www.apache.org/licenses/LICENSE-2.0
+*
+*   Unless required by applicable law or agreed to in writing, software
+*   distributed under the License is distributed on an "AS IS" BASIS,
+*   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*   See the License for the specific language governing permissions and
+*   limitations under the License.
+*/
+
+define('xooie/tab', ['jquery', 'xooie/base'], function($, Base) {
+
+    var Tab = Base('tab', function() {
+        var self = this;
+
+        this.createTabs();
+    });
+
+    Tab.setDefaultOptions({
+        panelSelector: '[data-role="tab-panel"]',
+        stripSelector: '[data-role="tab-strip"]',
+        controlSelector: '[data-role="tab-selector"]',
+        controlButtonSelector: '[data-tab-control]',
+        tabTemplateSelector: '[data-role="tab-template"]',
+
+        activeTabClass: 'is-tab-active'
+    });
+
+    $.extend(Tab.prototype, {
+        switchToTab: function(index, key) {
+            if (index !== this._currentTab && index >= 0 && index < this.getPanel().length) {
+                var e = $.Event('tabChange');
+                e.fromTab = this._currentTab;
+                e.toTab = index;
+                e.which = key;
+
+                this.getPanel(this._currentTab).removeClass(this.options.activeTabClass);
+                this.getTab(this._currentTab).removeClass(this.options.activeTabClass);
+
+                this.getPanel(index).addClass(this.options.activeTabClass);
+                this.getTab(index).addClass(this.options.activeTabClass);
+
+                this._currentTab = index;
+
+                this.root.trigger(e);
+            }
+        },
+
+        getPanel: function(index) {
+            var panels = this.root.find(this.options.panelSelector);
+
+            if (typeof index === 'undefined') {
+                return panels;
+            } else {
+                return panels.eq(index);
+            }
+        },
+
+        getTab: function(index) {
+            var tabs = this.root.find(this.options.controlSelector);
+            if (typeof index === 'undefined') {
+                return tabs;
+            } else {
+                return tabs.eq(index);
+            }
+        },
+
+        createTabs: function() {
+            var tabStrip = this.root.find(this.options.stripSelector),
+                template = this.root.find(this.options.tabTemplateSelector),
+                panels = this.getPanel(),
+                i, element, control,
+                activeTab = 0, handler, self = this;
+
+            if (template.length === 0){
+                return;
+            }
+
+            this.getTab().remove();
+
+            handler = function(event) {
+                var keys = [13,32];
+
+                if ([1,13,32].indexOf(event.which) !== -1){
+                    self.switchToTab($(this).data('tab-index'), event.which);
+                }
+            };
+
+            for (i = 0; i < panels.length; i++) {
+                if(tabStrip.length > 0 && template.length > 0) {
+                    element = this.render(template, {
+                        panel_label: panels.eq(i).attr('data-tab-label'),
+                        panel_index: i,
+                        panel_has_next: (i < panels.length - 1)
+                    });
+
+                    if (element.is(this.options.controlButtonSelector)) {
+                        control = element;
+                    } else {
+                        control = element.find(this.options.controlButtonSelector);
+                    }
+
+                    control.data('tab-index', i)
+                           .on('mouseup keyup', handler);
+
+                    tabStrip.append(element);
+                }
+
+                if (panels.eq(i).hasClass(this.options.activeTabClass)) {
+                    activeTab = i;
+                }
+            }
+
+            this.switchToTab(activeTab);
+        }
+    });
+
+    return Tab;
+});

data/vendor/assets/javascripts/xooie/widgets/carousel.js

@@ -306,7 +306,7 @@ define('xooie/widgets/carousel', ['jquery', 'xooie/helpers', 'xooie/widgets/base
       self._timers.scroll = setTimeout(scrollComplete, 250);
     });
 
-    this.cropStyle(Carousel.createStyleRule('.' + this.instanceClass() + ' .' + this.cropClass() + ', .' + this.instanceClass() + '.' + this.cropClass()));
+    this.cropStyle(Carousel.createStyleRule('.' + this.instanceClass() + ' .' + this.cropClass() + ', .' + this.instanceClass() + '.' + this.cropClass(), {'height': 'auto'}));
 
     // TODO: add functionality to remove from cache
     Carousel._cache = Carousel._cache.add(this.root());

data/vendor/assets/javascripts/xooie/xooie.js

@@ -126,7 +126,7 @@ $X = Xooie = (function (static_config) {
   return obj;
 }(Xooie));
 
-define('xooie/xooie', ['jquery', 'xooie/helpers', 'xooie/stylesheet'], function ($, helpers, Stylesheet) {
+define('xooie/xooie', ['jquery', 'xooie/helpers', 'xooie/stylesheet', 'xooie/polyfill'], function ($, helpers, Stylesheet) {
   'use strict';
   var config, _mapName, widgetSelector, widgetDataAttr, addonDataAttr;