uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/javascripts/uikit/core/grid.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";
@@ -8,10 +8,10 @@
     UI.component('gridMatchHeight', {
 
         defaults: {
-            "target"        : false,
-            "row"           : true,
-            "ignorestacked" : false,
-            "observe"       : false
+            target        : false,
+            row           : true,
+            ignorestacked : false,
+            observe       : false
         },
 
         boot: function() {
@@ -19,11 +19,11 @@
             // init code
             UI.ready(function(context) {
 
-                UI.$("[data-uk-grid-match]", context).each(function() {
+                UI.$('[data-uk-grid-match]', context).each(function() {
                     var grid = UI.$(this), obj;
 
-                    if (!grid.data("gridMatchHeight")) {
-                        obj = UI.gridMatchHeight(grid, UI.Utils.options(grid.attr("data-uk-grid-match")));
+                    if (!grid.data('gridMatchHeight')) {
+                        obj = UI.gridMatchHeight(grid, UI.Utils.options(grid.attr('data-uk-grid-match')));
                     }
                 });
             });
@@ -41,7 +41,7 @@
             UI.$win.on('load resize orientationchange', (function() {
 
                 var fn = function() {
-                    if ($this.element.is(":visible")) $this.match();
+                    if ($this.element.is(':visible')) $this.match();
                 };
 
                 UI.$(function() { fn(); });
@@ -52,12 +52,12 @@
             if (this.options.observe) {
 
                 UI.domObserve(this.element, function(e) {
-                    if ($this.element.is(":visible")) $this.match();
+                    if ($this.element.is(':visible')) $this.match();
                 });
             }
 
-            this.on("display.uk.check", function(e) {
-                if(this.element.is(":visible")) this.match();
+            this.on('display.uk.check', function(e) {
+                if(this.element.is(':visible')) this.match();
             }.bind(this));
 
             grids.push(this);
@@ -65,7 +65,7 @@
 
         match: function() {
 
-            var firstvisible = this.columns.filter(":visible:first");
+            var firstvisible = this.columns.filter(':visible:first');
 
             if (!firstvisible.length) return;
 
@@ -98,11 +98,11 @@
             // init code
             UI.ready(function(context) {
 
-                UI.$("[data-uk-grid-margin]", context).each(function() {
+                UI.$('[data-uk-grid-margin]', context).each(function() {
                     var grid = UI.$(this), obj;
 
-                    if (!grid.data("gridMargin")) {
-                        obj = UI.gridMargin(grid, UI.Utils.options(grid.attr("data-uk-grid-margin")));
+                    if (!grid.data('gridMargin')) {
+                        obj = UI.gridMargin(grid, UI.Utils.options(grid.attr('data-uk-grid-margin')));
                     }
                 });
             });

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

@@ -1,13 +1,13 @@
-/*! 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";
 
     var active = false, activeCount = 0, $html = UI.$html, body;
 
-    UI.$win.on("resize orientationchange", UI.Utils.debounce(function(){
+    UI.$win.on('resize orientationchange', UI.Utils.debounce(function(){
         UI.$('.uk-modal.uk-open').each(function(){
-            UI.$(this).data('modal').resize();
+            return UI.$(this).data('modal') && UI.$(this).data('modal').resize();
         });
     }, 150));
 
@@ -33,18 +33,18 @@
 
             var $this = this;
 
-            this.paddingdir = "padding-" + (UI.langdirection == 'left' ? "right":"left");
-            this.dialog     = this.find(".uk-modal-dialog");
+            this.paddingdir = 'padding-' + (UI.langdirection == 'left' ? 'right':'left');
+            this.dialog     = this.find('.uk-modal-dialog');
 
             this.active     = false;
 
             // Update ARIA
-            this.element.attr('aria-hidden', this.element.hasClass("uk-open"));
+            this.element.attr('aria-hidden', this.element.hasClass('uk-open'));
 
-            this.on("click", ".uk-modal-close", function(e) {
+            this.on('click', '.uk-modal-close', function(e) {
                 e.preventDefault();
                 $this.hide();
-            }).on("click", function(e) {
+            }).on('click', function(e) {
 
                 var target = UI.$(e.target);
 
@@ -57,7 +57,7 @@
         },
 
         toggle: function() {
-            return this[this.isActive() ? "hide" : "show"]();
+            return this[this.isActive() ? 'hide' : 'show']();
         },
 
         show: function() {
@@ -72,7 +72,7 @@
                 active.hide(true);
             }
 
-            this.element.removeClass("uk-open").show();
+            this.element.removeClass('uk-open').show();
             this.resize(true);
 
             if (this.options.modal) {
@@ -87,17 +87,19 @@
                 this.hasTransitioned = false;
                 this.element.one(UI.support.transition.end, function(){
                     $this.hasTransitioned = true;
-                }).addClass("uk-open");
+                    UI.Utils.focus($this.dialog, 'a[href]');
+                }).addClass('uk-open');
             } else {
-                this.element.addClass("uk-open");
+                this.element.addClass('uk-open');
+                UI.Utils.focus(this.dialog, 'a[href]');
             }
 
-            $html.addClass("uk-modal-page").height(); // force browser engine redraw
+            $html.addClass('uk-modal-page').height(); // force browser engine redraw
 
             // Update ARIA
             this.element.attr('aria-hidden', 'false');
 
-            this.element.trigger("show.uk.modal");
+            this.element.trigger('show.uk.modal');
 
             UI.Utils.checkDisplay(this.dialog, true);
 
@@ -112,7 +114,7 @@
 
                 this.one(UI.support.transition.end, function() {
                     $this._hide();
-                }).removeClass("uk-open");
+                }).removeClass('uk-open');
 
             } else {
 
@@ -140,9 +142,9 @@
                 pad = parseInt(this.dialog.css('margin-top'), 10) + parseInt(this.dialog.css('margin-bottom'), 10);
 
                 if ((dh + pad) < window.innerHeight) {
-                    this.dialog.css({'top': (window.innerHeight/2 - dh/2) - pad });
+                    this.dialog.css({top: (window.innerHeight/2 - dh/2) - pad });
                 } else {
-                    this.dialog.css({'top': ''});
+                    this.dialog.css({top: ''});
                 }
             }
         },
@@ -162,8 +164,8 @@
                 h      = wh - 2*(offset < 20 ? 20:offset) - dh;
 
                 scrollable.css({
-                    'max-height': (h < this.options.minScrollHeight ? '':h),
-                    'height':''
+                    maxHeight: (h < this.options.minScrollHeight ? '':h),
+                    height:''
                 });
 
                 return true;
@@ -204,16 +206,16 @@
         boot: function() {
 
             // init code
-            UI.$html.on("click.modal.uikit", "[data-uk-modal]", function(e) {
+            UI.$html.on('click.modal.uikit', '[data-uk-modal]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (ele.is("a")) {
+                if (ele.is('a')) {
                     e.preventDefault();
                 }
 
-                if (!ele.data("modalTrigger")) {
-                    var modal = UI.modalTrigger(ele, UI.Utils.options(ele.attr("data-uk-modal")));
+                if (!ele.data('modalTrigger')) {
+                    var modal = UI.modalTrigger(ele, UI.Utils.options(ele.attr('data-uk-modal')));
                     modal.show();
                 }
 
@@ -234,7 +236,7 @@
             var $this = this;
 
             this.options = UI.$.extend({
-                "target": $this.element.is("a") ? $this.element.attr("href") : false
+                target: $this.element.is('a') ? $this.element.attr('href') : false
             }, this.options);
 
             this.modal = UI.modal(this.options.target, this.options);
@@ -245,17 +247,17 @@
             });
 
             //methods
-            this.proxy(this.modal, "show hide isActive");
+            this.proxy(this.modal, 'show hide isActive');
         }
     });
 
     UI.modal.dialog = function(content, options) {
 
-        var modal = UI.modal(UI.$(UI.modal.dialog.template).appendTo("body"), options);
+        var modal = UI.modal(UI.$(UI.modal.dialog.template).appendTo('body'), options);
 
-        modal.on("hide.uk.modal", function(){
+        modal.on('hide.uk.modal', function(){
             if (modal.persist) {
-                modal.persist.appendTo(modal.persist.data("modalPersistParent"));
+                modal.persist.appendTo(modal.persist.data('modalPersistParent'));
                 modal.persist = false;
             }
             modal.element.remove();
@@ -326,22 +328,16 @@
 
         input = modal.element.find("input[type='text']").val(value || '').on('keyup', function(e){
             if (e.keyCode == 13) {
-                modal.element.find(".js-modal-ok").trigger('click');
+                modal.element.find('.js-modal-ok').trigger('click');
             }
         });
 
-        modal.element.find(".js-modal-ok").on("click", function(){
+        modal.element.find('.js-modal-ok').on('click', function(){
             if (onsubmit(input.val())!==false){
                 modal.hide();
             }
         });
 
-        modal.on('show.uk.modal', function(){
-            setTimeout(function(){
-                input.focus();
-            }, 50);
-        });
-
         return modal.show();
     };
 
@@ -356,13 +352,11 @@
         return modal.show();
     };
 
-
     UI.modal.labels = {
-        'Ok': 'Ok',
-        'Cancel': 'Cancel'
+        Ok: 'Ok',
+        Cancel: 'Cancel'
     };
 
-
     // helper functions
     function setContent(content, modal){
 
@@ -375,7 +369,7 @@
 
             if(content.parent().length) {
                 modal.persist = content;
-                modal.persist.data("modalPersistParent", content.parent());
+                modal.persist.data('modalPersistParent', content.parent());
             }
         }else if (typeof content === 'string' || typeof content === 'number') {
                 // just insert the data as innerHTML

data/vendor/assets/javascripts/uikit/core/nav.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,9 +6,9 @@
     UI.component('nav', {
 
         defaults: {
-            "toggle": ">li.uk-parent > a[href='#']",
-            "lists": ">li.uk-parent > ul",
-            "multiple": false
+            toggle: '>li.uk-parent > a[href="#"]',
+            lists: '>li.uk-parent > ul',
+            multiple: false
         },
 
         boot: function() {
@@ -16,11 +16,11 @@
             // init code
             UI.ready(function(context) {
 
-                UI.$("[data-uk-nav]", context).each(function() {
+                UI.$('[data-uk-nav]', context).each(function() {
                     var nav = UI.$(this);
 
-                    if (!nav.data("nav")) {
-                        var obj = UI.nav(nav, UI.Utils.options(nav.attr("data-uk-nav")));
+                    if (!nav.data('nav')) {
+                        var obj = UI.nav(nav, UI.Utils.options(nav.attr('data-uk-nav')));
                     }
                 });
             });
@@ -30,26 +30,41 @@
 
             var $this = this;
 
-            this.on("click.uk.nav", this.options.toggle, function(e) {
+            this.on('click.uk.nav', this.options.toggle, function(e) {
                 e.preventDefault();
                 var ele = UI.$(this);
                 $this.open(ele.parent()[0] == $this.element[0] ? ele : ele.parent("li"));
             });
 
+            this.update();
+
+            UI.domObserve(this.element, function(e) {
+                if ($this.element.find($this.options.lists).not('[role]').length) {
+                    $this.update();
+                }
+            });
+        },
+
+        update: function() {
+
+            var $this = this;
+
             this.find(this.options.lists).each(function() {
-                var $ele   = UI.$(this),
-                    parent = $ele.parent(),
+
+                var $ele   = UI.$(this).attr('role', 'menu'),
+                    parent = $ele.closest('li'),
                     active = parent.hasClass("uk-active");
 
-                $ele.wrap('<div style="overflow:hidden;height:0;position:relative;"></div>');
-                parent.data("list-container", $ele.parent()[active ? 'removeClass':'addClass']('uk-hidden'));
+                if (!parent.data('list-container')) {
+                    $ele.wrap('<div style="overflow:hidden;height:0;position:relative;"></div>');
+                    parent.data('list-container', $ele.parent()[active ? 'removeClass':'addClass']('uk-hidden'));
+                }
 
                 // Init ARIA
                 parent.attr('aria-expanded', parent.hasClass("uk-open"));
 
                 if (active) $this.open(parent, true);
             });
-
         },
 
         open: function(li, noanimation) {
@@ -114,15 +129,17 @@
     // helper
 
     function getHeight(ele) {
-        var $ele = UI.$(ele), height = "auto";
 
-        if ($ele.is(":visible")) {
+        var $ele = UI.$(ele), height = 'auto';
+
+        if ($ele.is(':visible')) {
             height = $ele.outerHeight();
         } else {
+
             var tmp = {
-                position: $ele.css("position"),
-                visibility: $ele.css("visibility"),
-                display: $ele.css("display")
+                position: $ele.css('position'),
+                visibility: $ele.css('visibility'),
+                display: $ele.css('display')
             };
 
             height = $ele.css({position: 'absolute', visibility: 'hidden', display: 'block'}).outerHeight();

data/vendor/assets/javascripts/uikit/core/offcanvas.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";
@@ -9,30 +9,41 @@
         $html     = UI.$html,
         Offcanvas = {
 
-        show: function(element) {
+        show: function(element, options) {
 
             element = UI.$(element);
 
             if (!element.length) return;
 
+            options = UI.$.extend({mode: 'push'}, options);
+
             var $body     = UI.$('body'),
-                bar       = element.find(".uk-offcanvas-bar:first"),
-                rtl       = (UI.langdirection == "right"),
-                flip      = bar.hasClass("uk-offcanvas-bar-flip") ? -1:1,
+                bar       = element.find('.uk-offcanvas-bar:first'),
+                rtl       = (UI.langdirection == 'right'),
+                flip      = bar.hasClass('uk-offcanvas-bar-flip') ? -1:1,
                 dir       = flip * (rtl ? -1 : 1),
 
                 scrollbarwidth =  window.innerWidth - $body.width();
 
             scrollpos = {x: window.pageXOffset, y: window.pageYOffset};
 
-            element.addClass("uk-active");
+            bar.attr('mode', options.mode);
+            element.addClass('uk-active');
+
+            $body.css({width: window.innerWidth - scrollbarwidth, height: window.innerHeight}).addClass('uk-offcanvas-page');
+
+            if (options.mode == 'push' || options.mode == 'reveal') {
+                $body.css((rtl ? 'margin-right' : 'margin-left'), (rtl ? -1 : 1) * (bar.outerWidth() * dir));
+            }
+
+            if (options.mode == 'reveal') {
+                bar.css('clip', 'rect(0, '+bar.outerWidth()+'px, 100vh, 0)');
+            }
 
-            $body.css({"width": window.innerWidth - scrollbarwidth, "height": window.innerHeight}).addClass("uk-offcanvas-page");
-            $body.css((rtl ? "margin-right" : "margin-left"), (rtl ? -1 : 1) * (bar.outerWidth() * dir)).width(); // .width() - force redraw
+            $html.css('margin-top', scrollpos.y * -1).width(); // .width() - force redraw
 
-            $html.css('margin-top', scrollpos.y * -1);
 
-            bar.addClass("uk-offcanvas-bar-show");
+            bar.addClass('uk-offcanvas-bar-show');
 
             this._initElement(element);
 
@@ -45,14 +56,14 @@
         hide: function(force) {
 
             var $body = UI.$('body'),
-                panel = UI.$(".uk-offcanvas.uk-active"),
-                rtl   = (UI.langdirection == "right"),
-                bar   = panel.find(".uk-offcanvas-bar:first"),
+                panel = UI.$('.uk-offcanvas.uk-active'),
+                rtl   = (UI.langdirection == 'right'),
+                bar   = panel.find('.uk-offcanvas-bar:first'),
                 finalize = function() {
-                    $body.removeClass("uk-offcanvas-page").css({"width": "", "height": "", "margin-left": "", "margin-right": ""});
-                    panel.removeClass("uk-active");
+                    $body.removeClass('uk-offcanvas-page').css({width: '', height: '', marginLeft: '', marginRight: ''});
+                    panel.removeClass('uk-active');
 
-                    bar.removeClass("uk-offcanvas-bar-show");
+                    bar.removeClass('uk-offcanvas-bar-show');
                     $html.css('margin-top', '');
                     window.scrollTo(scrollpos.x, scrollpos.y);
                     bar.trigger('hide.uk.offcanvas', [panel, bar]);
@@ -62,15 +73,20 @@
                 };
 
             if (!panel.length) return;
+            if (bar.attr('mode') == 'none') force = true;
 
             if (UI.support.transition && !force) {
 
                 $body.one(UI.support.transition.end, function() {
                     finalize();
-                }).css((rtl ? "margin-right" : "margin-left"), "");
+                }).css((rtl ? 'margin-right' : 'margin-left'), '');
+
+                if (bar.attr('mode') == 'reveal') {
+                    bar.css('clip', '');
+                }
 
                 setTimeout(function(){
-                    bar.removeClass("uk-offcanvas-bar-show");
+                    bar.removeClass('uk-offcanvas-bar-show');
                 }, 0);
 
             } else {
@@ -80,17 +96,17 @@
 
         _initElement: function(element) {
 
-            if (element.data("OffcanvasInit")) return;
+            if (element.data('OffcanvasInit')) return;
 
-            element.on("click.uk.offcanvas swipeRight.uk.offcanvas swipeLeft.uk.offcanvas", function(e) {
+            element.on('click.uk.offcanvas swipeRight.uk.offcanvas swipeLeft.uk.offcanvas', function(e) {
 
                 var target = UI.$(e.target);
 
                 if (!e.type.match(/swipe/)) {
 
-                    if (!target.hasClass("uk-offcanvas-close")) {
-                        if (target.hasClass("uk-offcanvas-bar")) return;
-                        if (target.parents(".uk-offcanvas-bar:first").length) return;
+                    if (!target.hasClass('uk-offcanvas-close')) {
+                        if (target.hasClass('uk-offcanvas-bar')) return;
+                        if (target.parents('.uk-offcanvas-bar:first').length) return;
                     }
                 }
 
@@ -98,12 +114,12 @@
                 Offcanvas.hide();
             });
 
-            element.on("click", "a[href*='#']", function(e){
+            element.on('click', 'a[href*="#"]', function(e){
 
                 var link = UI.$(this),
-                    href = link.attr("href");
+                    href = link.attr('href');
 
-                if (href == "#") {
+                if (href == '#') {
                     return;
                 }
 
@@ -131,7 +147,7 @@
                 Offcanvas.hide();
             });
 
-            element.data("OffcanvasInit", true);
+            element.data('OffcanvasInit', true);
         }
     };
 
@@ -140,14 +156,14 @@
         boot: function() {
 
             // init code
-            $html.on("click.offcanvas.uikit", "[data-uk-offcanvas]", function(e) {
+            $html.on('click.offcanvas.uikit', '[data-uk-offcanvas]', function(e) {
 
                 e.preventDefault();
 
                 var ele = UI.$(this);
 
-                if (!ele.data("offcanvasTrigger")) {
-                    var obj = UI.offcanvasTrigger(ele, UI.Utils.options(ele.attr("data-uk-offcanvas")));
+                if (!ele.data('offcanvasTrigger')) {
+                    var obj = UI.offcanvasTrigger(ele, UI.Utils.options(ele.attr('data-uk-offcanvas')));
                     ele.trigger("click");
                 }
             });
@@ -165,12 +181,13 @@
             var $this = this;
 
             this.options = UI.$.extend({
-                "target": $this.element.is("a") ? $this.element.attr("href") : false
+                target: $this.element.is('a') ? $this.element.attr('href') : false,
+                mode: 'push'
             }, this.options);
 
-            this.on("click", function(e) {
+            this.on('click', function(e) {
                 e.preventDefault();
-                Offcanvas.show($this.options.target);
+                Offcanvas.show($this.options.target, $this.options);
             });
         }
     });