uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/javascripts/uikit/core/cover.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";
@@ -14,12 +14,12 @@
             // auto init
             UI.ready(function(context) {
 
-                UI.$("[data-uk-cover]", context).each(function(){
+                UI.$('[data-uk-cover]', context).each(function(){
 
                     var ele = UI.$(this);
 
-                    if(!ele.data("cover")) {
-                        var plugin = UI.cover(ele, UI.Utils.options(ele.attr("data-uk-cover")));
+                    if(!ele.data('cover')) {
+                        var plugin = UI.cover(ele, UI.Utils.options(ele.attr('data-uk-cover')));
                     }
                 });
             });
@@ -33,8 +33,8 @@
                 this.check();
             }.bind(this), 100));
 
-            this.on("display.uk.check", function(e) {
-                if(this.element.is(":visible")) this.check();
+            this.on('display.uk.check', function(e) {
+                if (this.element.is(':visible')) this.check();
             }.bind(this));
 
             this.check();
@@ -44,19 +44,14 @@
                 var src = this.element.attr('src');
 
                 this.element.attr('src', '').on('load', function(){
-
                     this.contentWindow.postMessage('{ "event": "command", "func": "mute", "method":"setVolume", "value":0}', '*');
-
                 }).attr('src', [src, (src.indexOf('?') > -1 ? '&':'?'), 'enablejsapi=1&api=1'].join(''));
             }
         },
 
         check: function() {
 
-            this.element.css({
-                'width'  : '',
-                'height' : ''
-            });
+            this.element.css({ width  : '', height : '' });
 
             this.dimension = {w: this.element.width(), h: this.element.height()};
 
@@ -68,7 +63,7 @@
                 this.dimension.h = this.element.attr('height');
             }
 
-            this.ratio     = this.dimension.w / this.dimension.h;
+            this.ratio = this.dimension.w / this.dimension.h;
 
             var w = this.parent.width(), h = this.parent.height(), width, height;
 
@@ -85,10 +80,7 @@
                 height = Math.ceil(w / this.ratio);
             }
 
-            this.element.css({
-                'width'  : width,
-                'height' : height
-            });
+            this.element.css({ width  : width, height : height });
         }
     });
 

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

@@ -1,88 +1,88 @@
-/*! 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, hoverIdle, flips = {
-        'x': {
-            "bottom-left"   : 'bottom-right',
-            "bottom-right"  : 'bottom-left',
-            "bottom-center" : 'bottom-center',
-            "top-left"      : 'top-right',
-            "top-right"     : 'top-left',
-            "top-center"    : 'top-center',
-            "left-top"      : 'right-top',
-            "left-bottom"   : 'right-bottom',
-            "left-center"   : 'right-center',
-            "right-top"     : 'left-top',
-            "right-bottom"  : 'left-bottom',
-            "right-center"  : 'left-center'
+        x: {
+            'bottom-left'   : 'bottom-right',
+            'bottom-right'  : 'bottom-left',
+            'bottom-center' : 'bottom-center',
+            'top-left'      : 'top-right',
+            'top-right'     : 'top-left',
+            'top-center'    : 'top-center',
+            'left-top'      : 'right-top',
+            'left-bottom'   : 'right-bottom',
+            'left-center'   : 'right-center',
+            'right-top'     : 'left-top',
+            'right-bottom'  : 'left-bottom',
+            'right-center'  : 'left-center'
         },
-        'y': {
-            "bottom-left"   : 'top-left',
-            "bottom-right"  : 'top-right',
-            "bottom-center" : 'top-center',
-            "top-left"      : 'bottom-left',
-            "top-right"     : 'bottom-right',
-            "top-center"    : 'bottom-center',
-            "left-top"      : 'left-bottom',
-            "left-bottom"   : 'left-top',
-            "left-center"   : 'left-center',
-            "right-top"     : 'right-bottom',
-            "right-bottom"  : 'right-top',
-            "right-center"  : 'right-center'
+        y: {
+            'bottom-left'   : 'top-left',
+            'bottom-right'  : 'top-right',
+            'bottom-center' : 'top-center',
+            'top-left'      : 'bottom-left',
+            'top-right'     : 'bottom-right',
+            'top-center'    : 'bottom-center',
+            'left-top'      : 'left-bottom',
+            'left-bottom'   : 'left-top',
+            'left-center'   : 'left-center',
+            'right-top'     : 'right-bottom',
+            'right-bottom'  : 'right-top',
+            'right-center'  : 'right-center'
         },
-        'xy': {
-            "bottom-left"   : 'top-right',
-            "bottom-right"  : 'top-left',
-            "bottom-center" : 'top-center',
-            "top-left"      : 'bottom-right',
-            "top-right"     : 'bottom-left',
-            "top-center"    : 'bottom-center',
-            "left-top"      : 'right-bottom',
-            "left-bottom"   : 'right-top',
-            "left-center"   : 'right-center',
-            "right-top"     : 'left-bottom',
-            "right-bottom"  : 'left-top',
-            "right-center"  : 'left-center'
+        xy: {
+            'bottom-left'   : 'top-right',
+            'bottom-right'  : 'top-left',
+            'bottom-center' : 'top-center',
+            'top-left'      : 'bottom-right',
+            'top-right'     : 'bottom-left',
+            'top-center'    : 'bottom-center',
+            'left-top'      : 'right-bottom',
+            'left-bottom'   : 'right-top',
+            'left-center'   : 'right-center',
+            'right-top'     : 'left-bottom',
+            'right-bottom'  : 'left-top',
+            'right-center'  : 'left-center'
         }
     };
 
     UI.component('dropdown', {
 
         defaults: {
-           'mode'            : 'hover',
-           'pos'             : 'bottom-left',
-           'offset'          : 0,
-           'remaintime'      : 800,
-           'justify'         : false,
-           'boundary'        : UI.$win,
-           'delay'           : 0,
-           'dropdownSelector': '.uk-dropdown,.uk-dropdown-blank',
-           'hoverDelayIdle'  : 250,
-           'preventflip'     : false
+           mode            : 'hover',
+           pos             : 'bottom-left',
+           offset          : 0,
+           remaintime      : 800,
+           justify         : false,
+           boundary        : UI.$win,
+           delay           : 0,
+           dropdownSelector: '.uk-dropdown,.uk-dropdown-blank',
+           hoverDelayIdle  : 250,
+           preventflip     : false
         },
 
         remainIdle: false,
 
         boot: function() {
 
-            var triggerevent = UI.support.touch ? "click" : "mouseenter";
+            var triggerevent = UI.support.touch ? 'click' : 'mouseenter';
 
             // init code
-            UI.$html.on(triggerevent+".dropdown.uikit", "[data-uk-dropdown]", function(e) {
+            UI.$html.on(triggerevent+'.dropdown.uikit focus pointerdown', '[data-uk-dropdown]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (!ele.data("dropdown")) {
+                if (!ele.data('dropdown')) {
 
-                    var dropdown = UI.dropdown(ele, UI.Utils.options(ele.attr("data-uk-dropdown")));
+                    var dropdown = UI.dropdown(ele, UI.Utils.options(ele.attr('data-uk-dropdown')));
 
-                    if (triggerevent=="click" || (triggerevent=="mouseenter" && dropdown.options.mode=="hover")) {
+                    if (e.type=='click' || (e.type=='mouseenter' && dropdown.options.mode=='hover')) {
                         dropdown.element.trigger(triggerevent);
                     }
 
-                    if (dropdown.element.find(dropdown.options.dropdownSelector).length) {
+                    if (dropdown.dropdown.length) {
                         e.preventDefault();
                     }
                 }
@@ -98,6 +98,10 @@
                 return UI.$.inArray(UI.$(this).css('position'), ['relative', 'fixed', 'absolute']) !== -1;
             }).slice(0,1);
 
+            if (!this.offsetParent.length) {
+                this.offsetParent = this.element;
+            }
+
             this.centered  = this.dropdown.hasClass('uk-dropdown-center');
             this.justified = this.options.justify ? UI.$(this.options.justify) : false;
 
@@ -121,17 +125,18 @@
 
             // Init ARIA
             this.element.attr('aria-haspopup', 'true');
-            this.element.attr('aria-expanded', this.element.hasClass("uk-open"));
+            this.element.attr('aria-expanded', this.element.hasClass('uk-open'));
+            this.dropdown.attr('aria-hidden', 'true');
 
-            if (this.options.mode == "click" || UI.support.touch) {
+            if (this.options.mode == 'click' || UI.support.touch) {
 
-                this.on("click.uk.dropdown", function(e) {
+                this.on('click.uk.dropdown', function(e) {
 
                     var $target = UI.$(e.target);
 
                     if (!$target.parents($this.options.dropdownSelector).length) {
 
-                        if ($target.is("a[href='#']") || $target.parent().is("a[href='#']") || ($this.dropdown.length && !$this.dropdown.is(":visible")) ){
+                        if ($target.is("a[href='#']") || $target.parent().is("a[href='#']") || ($this.dropdown.length && !$this.dropdown.is(':visible')) ){
                             e.preventDefault();
                         }
 
@@ -144,7 +149,7 @@
 
                     } else {
 
-                        if (!$this.dropdown.find(e.target).length || $target.is(".uk-dropdown-close") || $target.parents(".uk-dropdown-close").length) {
+                        if (!$this.dropdown.find(e.target).length || $target.is('.uk-dropdown-close') || $target.parents('.uk-dropdown-close').length) {
                             $this.hide();
                         }
                     }
@@ -152,7 +157,7 @@
 
             } else {
 
-                this.on("mouseenter", function(e) {
+                this.on('mouseenter', function(e) {
 
                     $this.trigger('pointerenter.uk.dropdown', [$this]);
 
@@ -180,7 +185,7 @@
                         hoverIdle = setTimeout($this.show.bind($this), $this.options.delay);
                     }
 
-                }).on("mouseleave", function() {
+                }).on('mouseleave', function() {
 
                     if (hoverIdle) {
                         clearTimeout(hoverIdle);
@@ -192,7 +197,7 @@
 
                     $this.trigger('pointerleave.uk.dropdown', [$this]);
 
-                }).on("click", function(e){
+                }).on('click', function(e){
 
                     var $target = UI.$(e.target);
 
@@ -201,7 +206,7 @@
                     }
 
                     if (active && active == $this) {
-                        if (!$this.dropdown.find(e.target).length || $target.is(".uk-dropdown-close") || $target.parents(".uk-dropdown-close").length) {
+                        if (!$this.dropdown.find(e.target).length || $target.is('.uk-dropdown-close') || $target.parents('.uk-dropdown-close').length) {
                             $this.hide();
                         }
                         return;
@@ -218,7 +223,7 @@
 
         show: function(){
 
-            UI.$html.off("click.outer.dropdown");
+            UI.$html.off('click.outer.dropdown');
 
             if (active && active != this) {
                 active.hide(true);
@@ -235,10 +240,12 @@
 
             // Update ARIA
             this.element.attr('aria-expanded', 'true');
+            this.dropdown.attr('aria-hidden', 'false');
 
             this.trigger('show.uk.dropdown', [this]);
 
             UI.Utils.checkDisplay(this.dropdown, true);
+            UI.Utils.focus(this.dropdown);
             active = this;
 
             this.registerOuterClick();
@@ -258,6 +265,7 @@
 
             // Update ARIA
             this.element.attr('aria-expanded', 'false');
+            this.dropdown.attr('aria-hidden', 'true');
 
             this.trigger('hide.uk.dropdown', [this, force]);
 
@@ -268,11 +276,11 @@
 
             var $this = this;
 
-            UI.$html.off("click.outer.dropdown");
+            UI.$html.off('click.outer.dropdown');
 
             setTimeout(function() {
 
-                UI.$html.on("click.outer.dropdown", function(e) {
+                UI.$html.on('click.outer.dropdown', function(e) {
 
                     if (hoverIdle) {
                         clearTimeout(hoverIdle);
@@ -282,7 +290,7 @@
 
                     if (active == $this && !$this.element.find(e.target).length) {
                         $this.hide(true);
-                        UI.$html.off("click.outer.dropdown");
+                        UI.$html.off('click.outer.dropdown');
                     }
                 });
             }, 10);
@@ -293,15 +301,15 @@
             if (!this.dropdown.length) return;
 
             // reset
-            this.dropdown.removeClass('uk-dropdown-top uk-dropdown-bottom uk-dropdown-left uk-dropdown-right uk-dropdown-stack').css({
-                'top-left':'',
-                'left':'',
-                'margin-left' :'',
-                'margin-right':''
+            this.dropdown.removeClass('uk-dropdown-top uk-dropdown-bottom uk-dropdown-left uk-dropdown-right uk-dropdown-stack uk-dropdown-autoflip').css({
+                topLeft :'',
+                left :'',
+                marginLeft :'',
+                marginRight :''
             });
 
             if (this.justified && this.justified.length) {
-                this.dropdown.css("min-width", "");
+                this.dropdown.css('min-width', '');
             }
 
             var $this          = this,
@@ -316,18 +324,18 @@
                 dpos           = this.options.pos;
 
             var variants =  {
-                    "bottom-left"   : {top: 0 + pos.height + posoffset, left: 0},
-                    "bottom-right"  : {top: 0 + pos.height + posoffset, left: 0 + pos.width - width},
-                    "bottom-center" : {top: 0 + pos.height + posoffset, left: 0 + pos.width / 2 - width / 2},
-                    "top-left"      : {top: 0 - height - posoffset, left: 0},
-                    "top-right"     : {top: 0 - height - posoffset, left: 0 + pos.width - width},
-                    "top-center"    : {top: 0 - height - posoffset, left: 0 + pos.width / 2 - width / 2},
-                    "left-top"      : {top: 0, left: 0 - width - posoffset},
-                    "left-bottom"   : {top: 0 + pos.height - height, left: 0 - width - posoffset},
-                    "left-center"   : {top: 0 + pos.height / 2 - height / 2, left: 0 - width - posoffset},
-                    "right-top"     : {top: 0, left: 0 + pos.width + posoffset},
-                    "right-bottom"  : {top: 0 + pos.height - height, left: 0 + pos.width + posoffset},
-                    "right-center"  : {top: 0 + pos.height / 2 - height / 2, left: 0 + pos.width + posoffset}
+                    'bottom-left'   : {top: 0 + pos.height + posoffset, left: 0},
+                    'bottom-right'  : {top: 0 + pos.height + posoffset, left: 0 + pos.width - width},
+                    'bottom-center' : {top: 0 + pos.height + posoffset, left: 0 + pos.width / 2 - width / 2},
+                    'top-left'      : {top: 0 - height - posoffset, left: 0},
+                    'top-right'     : {top: 0 - height - posoffset, left: 0 + pos.width - width},
+                    'top-center'    : {top: 0 - height - posoffset, left: 0 + pos.width / 2 - width / 2},
+                    'left-top'      : {top: 0, left: 0 - width - posoffset},
+                    'left-bottom'   : {top: 0 + pos.height - height, left: 0 - width - posoffset},
+                    'left-center'   : {top: 0 + pos.height / 2 - height / 2, left: 0 - width - posoffset},
+                    'right-top'     : {top: 0, left: 0 + pos.width + posoffset},
+                    'right-bottom'  : {top: 0 + pos.height - height, left: 0 + pos.width + posoffset},
+                    'right-center'  : {top: 0 + pos.height / 2 - height / 2, left: 0 + pos.width + posoffset}
                 },
                 css = {},
                 pp;
@@ -360,6 +368,7 @@
 
                         pp  = fdpos.split('-');
                         css = variants[fdpos] ? variants[fdpos] : variants['bottom-left'];
+                        dropdown.addClass('uk-dropdown-autoflip');
 
                         // check flipped
                         if (this.checkBoundary(pos.left + css.left, pos.top + css.top, width, height, boundarywidth)) {
@@ -371,11 +380,11 @@
             }
 
             if (width > boundarywidth) {
-                dropdown.addClass("uk-dropdown-stack");
+                dropdown.addClass('uk-dropdown-stack');
                 this.trigger('stack.uk.dropdown', [this]);
             }
 
-            dropdown.css(css).css("display", "").addClass('uk-dropdown-'+pp[0]);
+            dropdown.css(css).css('display', '').addClass('uk-dropdown-'+pp[0]);
         },
 
         checkBoundary: function(left, top, width, height, boundarywidth) {
@@ -398,9 +407,9 @@
     UI.component('dropdownOverlay', {
 
         defaults: {
-           'justify' : false,
-           'cls'     : '',
-           'duration': 200
+           justify : false,
+           cls     : '',
+           duration: 200
         },
 
         boot: function() {
@@ -408,11 +417,11 @@
             // init code
             UI.ready(function(context) {
 
-                UI.$("[data-uk-dropdown-overlay]", context).each(function() {
+                UI.$('[data-uk-dropdown-overlay]', context).each(function() {
                     var ele = UI.$(this);
 
-                    if (!ele.data("dropdownOverlay")) {
-                        UI.dropdownOverlay(ele, UI.Utils.options(ele.attr("data-uk-dropdown-overlay")));
+                    if (!ele.data('dropdownOverlay')) {
+                        UI.dropdownOverlay(ele, UI.Utils.options(ele.attr('data-uk-dropdown-overlay')));
                     }
                 });
             });
@@ -437,7 +446,7 @@
                     $this.dropdown = dropdown;
 
                     if ($this.justified && $this.justified.length) {
-                        justify($this.overlay.css({'display':'block', 'margin-left':'','margin-right':''}), $this.justified, $this.justified.outerWidth());
+                        justify($this.overlay.css({display:'block', marginLeft:'', marginRight:''}), $this.justified, $this.justified.outerWidth());
                     }
                 },
 
@@ -507,17 +516,17 @@
 
             var jwidth = justifyTo.outerWidth();
 
-            ele.css("min-width", jwidth);
+            ele.css('min-width', jwidth);
 
             if (UI.langdirection == 'right') {
 
                 var right1   = boundarywidth - (justifyTo.offset().left + jwidth),
                     right2   = boundarywidth - (ele.offset().left + ele.outerWidth());
 
-                ele.css("margin-right", right1 - right2);
+                ele.css('margin-right', right1 - right2);
 
             } else {
-                ele.css("margin-left", justifyTo.offset().left - offset.left);
+                ele.css('margin-left', justifyTo.offset().left - offset.left);
             }
         }
     }