uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/javascripts/uikit/components/upload.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 (function(addon) {
 
     var component;
@@ -7,8 +7,8 @@
         component = addon(UIkit);
     }
 
-    if (typeof define == "function" && define.amd) {
-        define("uikit-upload", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-upload', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -23,7 +23,7 @@
 
             var $this = this;
 
-            this.on("change", function() {
+            this.on('change', function() {
                 xhrupload($this.element[0].files, $this.options);
                 var twin = $this.element.clone(true).data('uploadSelect', $this);
                 $this.element.replaceWith(twin);
@@ -42,23 +42,23 @@
 
             var $this = this, hasdragCls = false;
 
-            this.on("drop", function(e){
+            this.on('drop', function(e){
 
-                if (e.dataTransfer && e.dataTransfer.files) {
+                if (e.originalEvent.dataTransfer && e.originalEvent.dataTransfer.files) {
 
                     e.stopPropagation();
                     e.preventDefault();
 
                     $this.element.removeClass($this.options.dragoverClass);
-                    $this.element.trigger('dropped.uk.upload', [e.dataTransfer.files]);
+                    $this.element.trigger('dropped.uk.upload', [e.originalEvent.dataTransfer.files]);
 
-                    xhrupload(e.dataTransfer.files, $this.options);
+                    xhrupload(e.originalEvent.dataTransfer.files, $this.options);
                 }
 
-            }).on("dragenter", function(e){
+            }).on('dragenter', function(e){
                 e.stopPropagation();
                 e.preventDefault();
-            }).on("dragover", function(e){
+            }).on('dragover', function(e){
                 e.stopPropagation();
                 e.preventDefault();
 
@@ -66,7 +66,7 @@
                     $this.element.addClass($this.options.dragoverClass);
                     hasdragCls = true;
                 }
-            }).on("dragleave", function(e){
+            }).on('dragleave', function(e){
                 e.stopPropagation();
                 e.preventDefault();
                 $this.element.removeClass($this.options.dragoverClass);
@@ -93,9 +93,6 @@
         return supportFileAPI() && supportAjaxUploadProgressEvents() && supportFormData();
     })();
 
-    if (UI.support.ajaxupload){
-        UI.$.event.props.push("dataTransfer");
-    }
 
     function xhrupload(files, settings) {
 
@@ -175,21 +172,25 @@
             for (var p in settings.params) { formData.append(p, settings.params[p]); }
 
             // Add any event handlers here...
-            xhr.upload.addEventListener("progress", function(e){
+            xhr.upload.addEventListener('progress', function(e){
                 var percent = (e.loaded / e.total)*100;
                 settings.progress(percent, e);
             }, false);
 
-            xhr.addEventListener("loadstart", function(e){ settings.loadstart(e); }, false);
-            xhr.addEventListener("load",      function(e){ settings.load(e);      }, false);
-            xhr.addEventListener("loadend",   function(e){ settings.loadend(e);   }, false);
-            xhr.addEventListener("error",     function(e){ settings.error(e);     }, false);
-            xhr.addEventListener("abort",     function(e){ settings.abort(e);     }, false);
+            xhr.addEventListener('loadstart', function(e){ settings.loadstart(e); }, false);
+            xhr.addEventListener('load',      function(e){ settings.load(e);      }, false);
+            xhr.addEventListener('loadend',   function(e){ settings.loadend(e);   }, false);
+            xhr.addEventListener('error',     function(e){ settings.error(e);     }, false);
+            xhr.addEventListener('abort',     function(e){ settings.abort(e);     }, false);
 
             xhr.open(settings.method, settings.action, true);
 
-            if (settings.type=="json") {
-                xhr.setRequestHeader("Accept", "application/json");
+            if (settings.type=='json') {
+                xhr.setRequestHeader('Accept', 'application/json');
+            }
+
+            for (var h in settings.headers) {
+                xhr.setRequestHeader(h, settings.headers[h]);
             }
 
             xhr.onreadystatechange = function() {
@@ -200,7 +201,7 @@
 
                     var response = xhr.responseText;
 
-                    if (settings.type=="json") {
+                    if (settings.type=='json') {
                         try {
                             response = UI.$.parseJSON(response);
                         } catch(e) {
@@ -217,29 +218,30 @@
     }
 
     xhrupload.defaults = {
-        'action': '',
-        'single': true,
-        'method': 'POST',
-        'param' : 'files[]',
-        'params': {},
-        'allow' : '*.*',
-        'type'  : 'text',
-        'filelimit': false,
+        action: '',
+        single: true,
+        method: 'POST',
+        param : 'files[]',
+        params: {},
+        allow : '*.*',
+        type  : 'text',
+        filelimit: false,
+        headers: {},
 
         // events
-        'before'          : function(o){},
-        'beforeSend'      : function(xhr){},
-        'beforeAll'       : function(){},
-        'loadstart'       : function(){},
-        'load'            : function(){},
-        'loadend'         : function(){},
-        'error'           : function(){},
-        'abort'           : function(){},
-        'progress'        : function(){},
-        'complete'        : function(){},
-        'allcomplete'     : function(){},
-        'readystatechange': function(){},
-        'notallowed'      : function(file, settings){ alert('Only the following file types are allowed: '+settings.allow); }
+        before          : function(o){},
+        beforeSend      : function(xhr){},
+        beforeAll       : function(){},
+        loadstart       : function(){},
+        load            : function(){},
+        loadend         : function(){},
+        error           : function(){},
+        abort           : function(){},
+        progress        : function(){},
+        complete        : function(){},
+        allcomplete     : function(){},
+        readystatechange: function(){},
+        notallowed      : function(file, settings){ alert('Only the following file types are allowed: '+settings.allow); }
     };
 
     function matchName(pattern, path) {

data/vendor/assets/javascripts/uikit/core/alert.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 (function(UI) {
 
     "use strict";
@@ -6,21 +6,21 @@
     UI.component('alert', {
 
         defaults: {
-            "fade": true,
-            "duration": 200,
-            "trigger": ".uk-alert-close"
+            fade: true,
+            duration: 200,
+            trigger: '.uk-alert-close'
         },
 
         boot: function() {
 
             // init code
-            UI.$html.on("click.alert.uikit", "[data-uk-alert]", function(e) {
+            UI.$html.on('click.alert.uikit', '[data-uk-alert]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (!ele.data("alert")) {
+                if (!ele.data('alert')) {
 
-                    var alert = UI.alert(ele, UI.Utils.options(ele.attr("data-uk-alert")));
+                    var alert = UI.alert(ele, UI.Utils.options(ele.attr('data-uk-alert')));
 
                     if (UI.$(e.target).is(alert.options.trigger)) {
                         e.preventDefault();
@@ -34,7 +34,7 @@
 
             var $this = this;
 
-            this.on("click", this.options.trigger, function(e) {
+            this.on('click', this.options.trigger, function(e) {
                 e.preventDefault();
                 $this.close();
             });
@@ -42,19 +42,19 @@
 
         close: function() {
 
-            var element       = this.trigger("close.uk.alert"),
+            var element       = this.trigger('close.uk.alert'),
                 removeElement = function () {
-                    this.trigger("closed.uk.alert").remove();
+                    this.trigger('closed.uk.alert').remove();
                 }.bind(this);
 
             if (this.options.fade) {
-                element.css("overflow", "hidden").css("max-height", element.height()).animate({
-                    "height"         : 0,
-                    "opacity"        : 0,
-                    "padding-top"    : 0,
-                    "padding-bottom" : 0,
-                    "margin-top"     : 0,
-                    "margin-bottom"  : 0
+                element.css('overflow', 'hidden').css("max-height", element.height()).animate({
+                    height         : 0,
+                    opacity        : 0,
+                    paddingTop    : 0,
+                    paddingBottom : 0,
+                    marginTop     : 0,
+                    marginBottom  : 0
                 }, this.options.duration, removeElement);
             } else {
                 removeElement();

data/vendor/assets/javascripts/uikit/core/button.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 (function(UI) {
 
     "use strict";
@@ -6,24 +6,24 @@
     UI.component('buttonRadio', {
 
         defaults: {
-            "activeClass": 'uk-active',
-            "target": ".uk-button"
+            activeClass: 'uk-active',
+            target: '.uk-button'
         },
 
         boot: function() {
 
             // init code
-            UI.$html.on("click.buttonradio.uikit", "[data-uk-button-radio]", function(e) {
+            UI.$html.on('click.buttonradio.uikit', '[data-uk-button-radio]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (!ele.data("buttonRadio")) {
+                if (!ele.data('buttonRadio')) {
 
-                    var obj    = UI.buttonRadio(ele, UI.Utils.options(ele.attr("data-uk-button-radio"))),
+                    var obj    = UI.buttonRadio(ele, UI.Utils.options(ele.attr('data-uk-button-radio'))),
                         target = UI.$(e.target);
 
                     if (target.is(obj.options.target)) {
-                        target.trigger("click");
+                        target.trigger('click');
                     }
                 }
             });
@@ -36,7 +36,7 @@
             // Init ARIA
             this.find($this.options.target).attr('aria-checked', 'false').filter('.' + $this.options.activeClass).attr('aria-checked', 'true');
 
-            this.on("click", this.options.target, function(e) {
+            this.on('click', this.options.target, function(e) {
 
                 var ele = UI.$(this);
 
@@ -49,7 +49,7 @@
                 $this.find($this.options.target).not(ele).attr('aria-checked', 'false');
                 ele.attr('aria-checked', 'true');
 
-                $this.trigger("change.uk.button", [ele]);
+                $this.trigger('change.uk.button', [ele]);
             });
 
         },
@@ -62,22 +62,22 @@
     UI.component('buttonCheckbox', {
 
         defaults: {
-            "activeClass": 'uk-active',
-            "target": ".uk-button"
+            activeClass: 'uk-active',
+            target: '.uk-button'
         },
 
         boot: function() {
 
-            UI.$html.on("click.buttoncheckbox.uikit", "[data-uk-button-checkbox]", function(e) {
+            UI.$html.on('click.buttoncheckbox.uikit', '[data-uk-button-checkbox]', function(e) {
                 var ele = UI.$(this);
 
-                if (!ele.data("buttonCheckbox")) {
+                if (!ele.data('buttonCheckbox')) {
 
-                    var obj    = UI.buttonCheckbox(ele, UI.Utils.options(ele.attr("data-uk-button-checkbox"))),
+                    var obj    = UI.buttonCheckbox(ele, UI.Utils.options(ele.attr('data-uk-button-checkbox'))),
                         target = UI.$(e.target);
 
                     if (target.is(obj.options.target)) {
-                        target.trigger("click");
+                        target.trigger('click');
                     }
                 }
             });
@@ -90,7 +90,7 @@
             // Init ARIA
             this.find($this.options.target).attr('aria-checked', 'false').filter('.' + $this.options.activeClass).attr('aria-checked', 'true');
 
-            this.on("click", this.options.target, function(e) {
+            this.on('click', this.options.target, function(e) {
                 var ele = UI.$(this);
 
                 if (ele.is('a[href="#"]')) e.preventDefault();
@@ -100,7 +100,7 @@
                 // Update ARIA
                 ele.attr('aria-checked', ele.hasClass($this.options.activeClass));
 
-                $this.trigger("change.uk.button", [ele]);
+                $this.trigger('change.uk.button', [ele]);
             });
 
         },
@@ -117,13 +117,13 @@
 
         boot: function() {
 
-            UI.$html.on("click.button.uikit", "[data-uk-button]", function(e) {
+            UI.$html.on('click.button.uikit', '[data-uk-button]', function(e) {
                 var ele = UI.$(this);
 
-                if (!ele.data("button")) {
+                if (!ele.data('button')) {
 
-                    var obj = UI.button(ele, UI.Utils.options(ele.attr("data-uk-button")));
-                    ele.trigger("click");
+                    var obj = UI.button(ele, UI.Utils.options(ele.attr('data-uk-button')));
+                    ele.trigger('click');
                 }
             });
         },
@@ -135,23 +135,22 @@
             // Init ARIA
             this.element.attr('aria-pressed', this.element.hasClass("uk-active"));
 
-            this.on("click", function(e) {
+            this.on('click', function(e) {
 
                 if ($this.element.is('a[href="#"]')) e.preventDefault();
 
                 $this.toggle();
-                $this.trigger("change.uk.button", [$this.element.blur().hasClass("uk-active")]);
+                $this.trigger('change.uk.button', [$this.element.blur().hasClass('uk-active')]);
             });
 
         },
 
         toggle: function() {
-            this.element.toggleClass("uk-active");
+            this.element.toggleClass('uk-active');
 
             // Update ARIA
-            this.element.attr('aria-pressed', this.element.hasClass("uk-active"));
+            this.element.attr('aria-pressed', this.element.hasClass('uk-active'));
         }
     });
 
 })(UIkit);
-

data/vendor/assets/javascripts/uikit/core/core.js

@@ -1,18 +1,18 @@
-/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 (function(core) {
 
-    if (typeof define == "function" && define.amd) { // AMD
+    if (typeof define == 'function' && define.amd) { // AMD
 
-        define("uikit", function(){
+        define('uikit', function(){
 
             var uikit = window.UIkit || core(window, window.jQuery, window.document);
 
             uikit.load = function(res, req, onload, config) {
 
-                var resources = res.split(','), load = [], i, base = (config.config && config.config.uikit && config.config.uikit.base ? config.config.uikit.base : "").replace(/\/+$/g, "");
+                var resources = res.split(','), load = [], i, base = (config.config && config.config.uikit && config.config.uikit.base ? config.config.uikit.base : '').replace(/\/+$/g, '');
 
                 if (!base) {
-                    throw new Error( "Please define base path to UIkit in the requirejs config." );
+                    throw new Error('Please define base path to UIkit in the requirejs config.');
                 }
 
                 for (i = 0; i < resources.length; i += 1) {
@@ -30,7 +30,7 @@
     }
 
     if (!window.jQuery) {
-        throw new Error( "UIkit requires jQuery" );
+        throw new Error('UIkit requires jQuery');
     }
 
     if (window && window.jQuery) {
@@ -44,7 +44,7 @@
 
     var UI = {}, _UI = global.UIkit ? Object.create(global.UIkit) : undefined;
 
-    UI.version = '2.26.3';
+    UI.version = '2.27.2';
 
     UI.noConflict = function() {
         // restore UIkit version
@@ -161,7 +161,7 @@
                     .replace(/'([^']+)'/g, function(_, $1){return '"'+$1+'"';})
                 );
             } else {
-                return (new Function("", "var json = " + str + "; return JSON.parse(JSON.stringify(json));"))();
+                return (new Function('', 'var json = ' + str + '; return JSON.parse(JSON.stringify(json));'))();
             }
         } catch(e) { return false; }
     };
@@ -260,7 +260,7 @@
 
                 var ele  = UI.$(this),
                     cls  = ele.attr('class'),
-                    anim = cls.match(/uk\-animation\-(.+)/);
+                    anim = cls.match(/uk-animation-(.+)/);
 
                 ele.removeClass(anim[0]).width();
 
@@ -327,30 +327,30 @@
 
                 switch(cmd) {
                     case '~':
-                        output.push("for(var $i=0;$i<"+prop+".length;$i++) { var $item = "+prop+"[$i];");
+                        output.push('for(var $i=0;$i<'+prop+'.length;$i++) { var $item = '+prop+'[$i];');
                         openblocks++;
                         break;
                     case ':':
-                        output.push("for(var $key in "+prop+") { var $val = "+prop+"[$key];");
+                        output.push('for(var $key in '+prop+') { var $val = '+prop+'[$key];');
                         openblocks++;
                         break;
                     case '#':
-                        output.push("if("+prop+") {");
+                        output.push('if('+prop+') {');
                         openblocks++;
                         break;
                     case '^':
-                        output.push("if(!"+prop+") {");
+                        output.push('if(!'+prop+') {');
                         openblocks++;
                         break;
                     case '/':
-                        output.push("}");
+                        output.push('}');
                         openblocks--;
                         break;
                     case '!':
-                        output.push("__ret.push("+prop+");");
+                        output.push('__ret.push('+prop+');');
                         break;
                     default:
-                        output.push("__ret.push(escape("+prop+"));");
+                        output.push('__ret.push(escape('+prop+'));');
                         break;
                 }
             } else {
@@ -371,6 +371,40 @@
         return data ? fn(data) : fn;
     };
 
+    UI.Utils.focus = function(element, extra) {
+
+        element = $(element);
+
+        if (!element.length) {
+            return element;
+        }
+
+        var autofocus = element.find('[autofocus]:first'), tabidx;
+
+        if (autofocus.length) {
+            return autofocus.focus();
+        }
+
+        autofocus = element.find(':input'+(extra && (','+extra) || '')).first();
+
+        if (autofocus.length) {
+            return autofocus.focus();
+        }
+
+        if (!element.attr('tabindex')) {
+            tabidx = 1000;
+            element.attr('tabindex', tabidx);
+        }
+
+        element[0].focus();
+
+        if (tabidx) {
+            element.attr('tabindex', '');
+        }
+
+        return element;
+    }
+
     UI.Utils.events       = {};
     UI.Utils.events.click = UI.support.touch ? 'tap' : 'click';
 
@@ -383,7 +417,7 @@
         var args = arguments, cmd = command.match(/^([a-z\-]+)(?:\.([a-z]+))?/i), component = cmd[1], method = cmd[2];
 
         if (!UI[component]) {
-            $.error("UIkit component [" + component + "] does not exist.");
+            $.error('UIkit component [' + component + '] does not exist.');
             return this;
         }
 
@@ -501,7 +535,7 @@
                 switch(arguments.length) {
                     case 1:
 
-                        if (typeof arguments[0] === "string" || arguments[0].nodeType || arguments[0] instanceof jQuery) {
+                        if (typeof arguments[0] === 'string' || arguments[0].nodeType || arguments[0] instanceof jQuery) {
                             element = $(arguments[0]);
                         } else {
                             options = arguments[0];
@@ -605,7 +639,7 @@
             try {
 
                 var observer = new UI.support.mutationobserver(UI.Utils.debounce(function(mutations) {
-                    fn.apply(element, []);
+                    fn.apply(element, [$element]);
                     $element.trigger('changed.uk.dom');
                 }, 50), {childList: true, subtree: true});
 
@@ -645,7 +679,7 @@
             UI.component.bootComponents();
 
             // custom scroll observer
-            requestAnimationFrame((function(){
+            var rafToken = requestAnimationFrame((function(){
 
                 var memory = {dir: {x:0, y:0}, x: window.pageXOffset, y:window.pageYOffset};
 
@@ -668,11 +702,12 @@
                         // Trigger the scroll event, this could probably be sent using memory.clone() but this is
                         // more explicit and easier to see exactly what is being sent in the event.
                         UI.$doc.trigger('scrolling.uk.document', [{
-                            "dir": {"x": memory.dir.x, "y": memory.dir.y}, "x": wpxo, "y": wpyo
+                            dir: {x: memory.dir.x, y: memory.dir.y}, x: wpxo, y: wpyo
                         }]);
                     }
 
-                    requestAnimationFrame(fn);
+                    cancelAnimationFrame(rafToken);
+                    rafToken = requestAnimationFrame(fn);
                 };
 
                 if (UI.support.touch) {
@@ -755,7 +790,7 @@
     }());
 
     // add touch identifier class
-    UI.$html.addClass(UI.support.touch ? "uk-touch" : "uk-notouch");
+    UI.$html.addClass(UI.support.touch ? 'uk-touch' : 'uk-notouch');
 
     // add uk-hover class on tap to support overlays on touch devices
     if (UI.support.touch) {