uikit 3.7.4-dev.51f672566 → 3.7.4-dev.54855f777

package/dist/js/components/tooltip.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.7.4-dev.51f672566 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.7.4-dev.54855f777 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -130,13 +130,14 @@
             isToggled: function(el) {
                 if ( el === void 0 ) el = this.$el;
 
+                el = uikitUtil.toNodes(el)[0];
                 return uikitUtil.hasClass(el, this.clsEnter)
                     ? true
                     : uikitUtil.hasClass(el, this.clsLeave)
                         ? false
                         : this.cls
                             ? uikitUtil.hasClass(el, this.cls.split(' ')[0])
-                            : !uikitUtil.hasAttr(el, 'hidden');
+                            : uikitUtil.isVisible(el);
             },
 
             _toggle: function(el, toggled) {

package/dist/js/components/tooltip.min.js

@@ -1,3 +1,3 @@
-/*! UIkit 3.7.4-dev.51f672566 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.7.4-dev.54855f777 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i(require("uikit-util")):"function"==typeof define&&define.amd?define("uikittooltip",["uikit-util"],i):(t="undefined"!=typeof globalThis?globalThis:t||self).UIkitTooltip=i(t.UIkit.util)}(this,function(f){"use strict";var t={mixins:[{props:{container:Boolean},data:{container:!0},computed:{container:function(t){t=t.container;return!0===t&&this.$container||t&&f.$(t)}}},{props:{cls:Boolean,animation:"list",duration:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,origin:!1,transition:"linear",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave",initProps:{overflow:"",height:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""},hideProps:{overflow:"hidden",height:0,paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0}},computed:{hasAnimation:function(t){return!!t.animation[0]},hasTransition:function(t){t=t.animation;return this.hasAnimation&&!0===t[0]}},methods:{toggleElement:function(i,c,g){var p=this;return new f.Promise(function(t){return f.Promise.all(f.toNodes(i).map(function(t){var i=f.isBoolean(c)?c:!p.isToggled(t);if(!f.trigger(t,"before"+(i?"show":"hide"),[p]))return f.Promise.reject();var s,r,l,a,h,u,d,o=(f.isFunction(g)?g:!1!==g&&p.hasAnimation?p.hasTransition?(r=p.isToggled,l=p.duration,a=p.initProps,h=p.hideProps,u=p.transition,d=p._toggle,function(t,i){var o=f.Transition.inProgress(t),n=t.hasChildNodes?f.toFloat(f.css(t.firstElementChild,"marginTop"))+f.toFloat(f.css(t.lastElementChild,"marginBottom")):0,e=f.isVisible(t)?f.height(t)+(o?0:n):0;f.Transition.cancel(t),r(t)||d(t,!0),f.height(t,""),f.fastdom.flush();n=f.height(t)+(o?0:n);return f.height(t,e),(i?f.Transition.start(t,f.assign({},a,{overflow:"hidden",height:n}),Math.round(l*(1-e/n)),u):f.Transition.start(t,h,Math.round(l*(e/n)),u).then(function(){return d(t,!1)})).then(function(){return f.css(t,a)})}):(s=p,function(t,i){f.Animation.cancel(t);var o=s.animation,n=s.duration,e=s._toggle;return i?(e(t,!0),f.Animation.in(t,o[0],n,s.origin)):f.Animation.out(t,o[1]||o[0],n,s.origin).then(function(){return e(t,!1)})}):p._toggle)(t,i),n=i?p.clsEnter:p.clsLeave;f.addClass(t,n),f.trigger(t,i?"show":"hide",[p]);function e(){f.removeClass(t,n),f.trigger(t,i?"shown":"hidden",[p]),p.$update(t)}return o?o.then(e,function(){return f.removeClass(t,n),f.Promise.reject()}):e()})).then(t,f.noop)})},isToggled:function(t){return void 0===t&&(t=this.$el),!!f.hasClass(t,this.clsEnter)||!f.hasClass(t,this.clsLeave)&&(this.cls?f.hasClass(t,this.cls.split(" ")[0]):!f.hasAttr(t,"hidden"))},_toggle:function(t,i){var o;t&&(i=Boolean(i),this.cls?(o=f.includes(this.cls," ")||i!==f.hasClass(t,this.cls))&&f.toggleClass(t,this.cls,f.includes(this.cls," ")?void 0:i):(o=i===t.hidden)&&(t.hidden=!i),f.$$("[autofocus]",t).some(function(t){return f.isVisible(t)?t.focus()||!0:t.blur()}),o&&(f.trigger(t,"toggled",[i,this]),this.$update(t)))}}},{props:{pos:String,offset:null,flip:Boolean,clsPos:String},data:{pos:"bottom-"+(f.isRtl?"right":"left"),flip:!0,offset:!1,clsPos:""},computed:{pos:function(t){t=t.pos;return(t+(f.includes(t,"-")?"":"-center")).split("-")},dir:function(){return this.pos[0]},align:function(){return this.pos[1]}},methods:{positionAt:function(t,i,o){f.removeClasses(t,this.clsPos+"-(top|bottom|left|right)(-[a-z]+)?");var n,e=this.offset,s=this.getAxis();f.isNumeric(e)||(e=(n=f.$(e))?f.offset(n)["x"===s?"left":"top"]-f.offset(i)["x"===s?"right":"bottom"]:0);e=f.positionAt(t,i,"x"===s?f.flipPosition(this.dir)+" "+this.align:this.align+" "+f.flipPosition(this.dir),"x"===s?this.dir+" "+this.align:this.align+" "+this.dir,"x"===s?""+("left"===this.dir?-e:e):" "+("top"===this.dir?-e:e),null,this.flip,o).target,o=e.x,e=e.y;this.dir="x"===s?o:e,this.align="x"===s?e:o,f.toggleClass(t,this.clsPos+"-"+this.dir+"-"+this.align,!1===this.offset)},getAxis:function(){return"top"===this.dir||"bottom"===this.dir?"y":"x"}}}],args:"title",props:{delay:Number,title:String},data:{pos:"top",title:"",delay:0,animation:["uk-animation-scale-up"],duration:100,cls:"uk-active",clsPos:"uk-tooltip"},beforeConnect:function(){var t;this._hasTitle=f.hasAttr(this.$el,"title"),f.attr(this.$el,"title",""),this.updateAria(!1),t=this.$el,f.isFocusable(t)||f.attr(t,"tabindex","0")},disconnected:function(){this.hide(),f.attr(this.$el,"title",this._hasTitle?this.title:null)},methods:{show:function(){var i=this;!this.isToggled(this.tooltip||null)&&this.title&&(this._unbind=f.once(document,"show keydown "+f.pointerDown,this.hide,!1,function(t){return t.type===f.pointerDown&&!f.within(t.target,i.$el)||"keydown"===t.type&&27===t.keyCode||"show"===t.type&&t.detail[0]!==i&&t.detail[0].$name===i.$name}),clearTimeout(this.showTimer),this.showTimer=setTimeout(this._show,this.delay))},hide:function(){var t=this;f.matches(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&this.toggleElement(this.tooltip,!1,!1).then(function(){t.tooltip=f.remove(t.tooltip),t._unbind()}))},_show:function(){var o=this;this.tooltip=f.append(this.container,'<div class="'+this.clsPos+'"> <div class="'+this.clsPos+'-inner">'+this.title+"</div> </div>"),f.on(this.tooltip,"toggled",function(t,i){o.updateAria(i),i&&(o.positionAt(o.tooltip,o.$el),o.origin="y"===o.getAxis()?f.flipPosition(o.dir)+"-"+o.align:o.align+"-"+f.flipPosition(o.dir))}),this.toggleElement(this.tooltip,!0)},updateAria:function(t){f.attr(this.$el,"aria-expanded",t)}},events:((t={focus:"show",blur:"hide"})[f.pointerEnter+" "+f.pointerLeave]=function(t){f.isTouch(t)||this[t.type===f.pointerEnter?"show":"hide"]()},t[f.pointerDown]=function(t){f.isTouch(t)&&this.show()},t)};return"undefined"!=typeof window&&window.UIkit&&window.UIkit.component("tooltip",t),t});
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i(require("uikit-util")):"function"==typeof define&&define.amd?define("uikittooltip",["uikit-util"],i):(t="undefined"!=typeof globalThis?globalThis:t||self).UIkitTooltip=i(t.UIkit.util)}(this,function(f){"use strict";var t={mixins:[{props:{container:Boolean},data:{container:!0},computed:{container:function(t){t=t.container;return!0===t&&this.$container||t&&f.$(t)}}},{props:{cls:Boolean,animation:"list",duration:Number,origin:String,transition:String},data:{cls:!1,animation:[!1],duration:200,origin:!1,transition:"linear",clsEnter:"uk-togglabe-enter",clsLeave:"uk-togglabe-leave",initProps:{overflow:"",height:"",paddingTop:"",paddingBottom:"",marginTop:"",marginBottom:""},hideProps:{overflow:"hidden",height:0,paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0}},computed:{hasAnimation:function(t){return!!t.animation[0]},hasTransition:function(t){t=t.animation;return this.hasAnimation&&!0===t[0]}},methods:{toggleElement:function(i,c,g){var p=this;return new f.Promise(function(t){return f.Promise.all(f.toNodes(i).map(function(t){var i=f.isBoolean(c)?c:!p.isToggled(t);if(!f.trigger(t,"before"+(i?"show":"hide"),[p]))return f.Promise.reject();var s,r,l,a,h,u,d,o=(f.isFunction(g)?g:!1!==g&&p.hasAnimation?p.hasTransition?(r=p.isToggled,l=p.duration,a=p.initProps,h=p.hideProps,u=p.transition,d=p._toggle,function(t,i){var o=f.Transition.inProgress(t),n=t.hasChildNodes?f.toFloat(f.css(t.firstElementChild,"marginTop"))+f.toFloat(f.css(t.lastElementChild,"marginBottom")):0,e=f.isVisible(t)?f.height(t)+(o?0:n):0;f.Transition.cancel(t),r(t)||d(t,!0),f.height(t,""),f.fastdom.flush();n=f.height(t)+(o?0:n);return f.height(t,e),(i?f.Transition.start(t,f.assign({},a,{overflow:"hidden",height:n}),Math.round(l*(1-e/n)),u):f.Transition.start(t,h,Math.round(l*(e/n)),u).then(function(){return d(t,!1)})).then(function(){return f.css(t,a)})}):(s=p,function(t,i){f.Animation.cancel(t);var o=s.animation,n=s.duration,e=s._toggle;return i?(e(t,!0),f.Animation.in(t,o[0],n,s.origin)):f.Animation.out(t,o[1]||o[0],n,s.origin).then(function(){return e(t,!1)})}):p._toggle)(t,i),n=i?p.clsEnter:p.clsLeave;f.addClass(t,n),f.trigger(t,i?"show":"hide",[p]);function e(){f.removeClass(t,n),f.trigger(t,i?"shown":"hidden",[p]),p.$update(t)}return o?o.then(e,function(){return f.removeClass(t,n),f.Promise.reject()}):e()})).then(t,f.noop)})},isToggled:function(t){return void 0===t&&(t=this.$el),t=f.toNodes(t)[0],!!f.hasClass(t,this.clsEnter)||!f.hasClass(t,this.clsLeave)&&(this.cls?f.hasClass(t,this.cls.split(" ")[0]):f.isVisible(t))},_toggle:function(t,i){var o;t&&(i=Boolean(i),this.cls?(o=f.includes(this.cls," ")||i!==f.hasClass(t,this.cls))&&f.toggleClass(t,this.cls,f.includes(this.cls," ")?void 0:i):(o=i===t.hidden)&&(t.hidden=!i),f.$$("[autofocus]",t).some(function(t){return f.isVisible(t)?t.focus()||!0:t.blur()}),o&&(f.trigger(t,"toggled",[i,this]),this.$update(t)))}}},{props:{pos:String,offset:null,flip:Boolean,clsPos:String},data:{pos:"bottom-"+(f.isRtl?"right":"left"),flip:!0,offset:!1,clsPos:""},computed:{pos:function(t){t=t.pos;return(t+(f.includes(t,"-")?"":"-center")).split("-")},dir:function(){return this.pos[0]},align:function(){return this.pos[1]}},methods:{positionAt:function(t,i,o){f.removeClasses(t,this.clsPos+"-(top|bottom|left|right)(-[a-z]+)?");var n,e=this.offset,s=this.getAxis();f.isNumeric(e)||(e=(n=f.$(e))?f.offset(n)["x"===s?"left":"top"]-f.offset(i)["x"===s?"right":"bottom"]:0);e=f.positionAt(t,i,"x"===s?f.flipPosition(this.dir)+" "+this.align:this.align+" "+f.flipPosition(this.dir),"x"===s?this.dir+" "+this.align:this.align+" "+this.dir,"x"===s?""+("left"===this.dir?-e:e):" "+("top"===this.dir?-e:e),null,this.flip,o).target,o=e.x,e=e.y;this.dir="x"===s?o:e,this.align="x"===s?e:o,f.toggleClass(t,this.clsPos+"-"+this.dir+"-"+this.align,!1===this.offset)},getAxis:function(){return"top"===this.dir||"bottom"===this.dir?"y":"x"}}}],args:"title",props:{delay:Number,title:String},data:{pos:"top",title:"",delay:0,animation:["uk-animation-scale-up"],duration:100,cls:"uk-active",clsPos:"uk-tooltip"},beforeConnect:function(){var t;this._hasTitle=f.hasAttr(this.$el,"title"),f.attr(this.$el,"title",""),this.updateAria(!1),t=this.$el,f.isFocusable(t)||f.attr(t,"tabindex","0")},disconnected:function(){this.hide(),f.attr(this.$el,"title",this._hasTitle?this.title:null)},methods:{show:function(){var i=this;!this.isToggled(this.tooltip||null)&&this.title&&(this._unbind=f.once(document,"show keydown "+f.pointerDown,this.hide,!1,function(t){return t.type===f.pointerDown&&!f.within(t.target,i.$el)||"keydown"===t.type&&27===t.keyCode||"show"===t.type&&t.detail[0]!==i&&t.detail[0].$name===i.$name}),clearTimeout(this.showTimer),this.showTimer=setTimeout(this._show,this.delay))},hide:function(){var t=this;f.matches(this.$el,"input:focus")||(clearTimeout(this.showTimer),this.isToggled(this.tooltip||null)&&this.toggleElement(this.tooltip,!1,!1).then(function(){t.tooltip=f.remove(t.tooltip),t._unbind()}))},_show:function(){var o=this;this.tooltip=f.append(this.container,'<div class="'+this.clsPos+'"> <div class="'+this.clsPos+'-inner">'+this.title+"</div> </div>"),f.on(this.tooltip,"toggled",function(t,i){o.updateAria(i),i&&(o.positionAt(o.tooltip,o.$el),o.origin="y"===o.getAxis()?f.flipPosition(o.dir)+"-"+o.align:o.align+"-"+f.flipPosition(o.dir))}),this.toggleElement(this.tooltip,!0)},updateAria:function(t){f.attr(this.$el,"aria-expanded",t)}},events:((t={focus:"show",blur:"hide"})[f.pointerEnter+" "+f.pointerLeave]=function(t){f.isTouch(t)||this[t.type===f.pointerEnter?"show":"hide"]()},t[f.pointerDown]=function(t){f.isTouch(t)&&this.show()},t)};return"undefined"!=typeof window&&window.UIkit&&window.UIkit.component("tooltip",t),t});

package/dist/js/components/upload.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.7.4-dev.51f672566 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.7.4-dev.54855f777 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :

package/dist/js/components/upload.min.js

@@ -1,3 +1,3 @@
-/*! UIkit 3.7.4-dev.51f672566 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.7.4-dev.54855f777 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("uikit-util")):"function"==typeof define&&define.amd?define("uikitupload",["uikit-util"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).UIkitUpload=t(e.UIkit.util)}(this,function(a){"use strict";var e={props:{allow:String,clsDragover:String,concurrent:Number,maxSize:Number,method:String,mime:String,msgInvalidMime:String,msgInvalidName:String,msgInvalidSize:String,multiple:Boolean,name:String,params:Object,type:String,url:String},data:{allow:!1,clsDragover:"uk-dragover",concurrent:1,maxSize:0,method:"POST",mime:!1,msgInvalidMime:"Invalid File Type: %s",msgInvalidName:"Invalid File Name: %s",msgInvalidSize:"Invalid File Size: %s Kilobytes Max",multiple:!1,name:"files[]",params:{},type:"",url:"",abort:a.noop,beforeAll:a.noop,beforeSend:a.noop,complete:a.noop,completeAll:a.noop,error:a.noop,fail:a.noop,load:a.noop,loadEnd:a.noop,loadStart:a.noop,progress:a.noop},events:{change:function(e){a.matches(e.target,'input[type="file"]')&&(e.preventDefault(),e.target.files&&this.upload(e.target.files),e.target.value="")},drop:function(e){t(e);e=e.dataTransfer;e&&e.files&&(a.removeClass(this.$el,this.clsDragover),this.upload(e.files))},dragenter:function(e){t(e)},dragover:function(e){t(e),a.addClass(this.$el,this.clsDragover)},dragleave:function(e){t(e),a.removeClass(this.$el,this.clsDragover)}},methods:{upload:function(e){var o=this;if(e.length){a.trigger(this.$el,"upload",[e]);for(var t=0;t<e.length;t++){if(this.maxSize&&1e3*this.maxSize<e[t].size)return void this.fail(this.msgInvalidSize.replace("%s",this.maxSize));if(this.allow&&!i(this.allow,e[t].name))return void this.fail(this.msgInvalidName.replace("%s",this.allow));if(this.mime&&!i(this.mime,e[t].type))return void this.fail(this.msgInvalidMime.replace("%s",this.mime))}this.multiple||(e=[e[0]]),this.beforeAll(this,e);var n=function(e,t){for(var i=[],o=0;o<e.length;o+=t){for(var n=[],r=0;r<t;r++)n.push(e[o+r]);i.push(n)}return i}(e,this.concurrent),r=function(e){var t,i=new FormData;for(t in e.forEach(function(e){return i.append(o.name,e)}),o.params)i.append(t,o.params[t]);a.ajax(o.url,{data:i,method:o.method,responseType:o.type,beforeSend:function(e){var t=e.xhr;return t.upload&&a.on(t.upload,"progress",o.progress),["loadStart","load","loadEnd","abort"].forEach(function(e){return a.on(t,e.toLowerCase(),o[e])}),o.beforeSend(e)}}).then(function(e){o.complete(e),n.length?r(n.shift()):o.completeAll(e)},function(e){return o.error(e)})};r(n.shift())}}}};function i(e,t){return t.match(new RegExp("^"+e.replace(/\//g,"\\/").replace(/\*\*/g,"(\\/[^\\/]+)*").replace(/\*/g,"[^\\/]+").replace(/((?!\\))\?/g,"$1.")+"$","i"))}function t(e){e.preventDefault(),e.stopPropagation()}return"undefined"!=typeof window&&window.UIkit&&window.UIkit.component("upload",e),e});

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.7.4-dev.51f672566 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.7.4-dev.54855f777 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -463,8 +463,9 @@
         return toNodes(element).some(function (element) { return matches(element, selInput); });
     }
 
+    var selFocusable = selInput + ",a[href],[tabindex]";
     function isFocusable(element) {
-        return isInput(element) || matches(element, 'a[href],button') || hasAttr(element, 'tabindex');
+        return matches(element, selFocusable);
     }
 
     function parent(element) {
@@ -2574,6 +2575,7 @@
         isVisible: isVisible,
         selInput: selInput,
         isInput: isInput,
+        selFocusable: selFocusable,
         isFocusable: isFocusable,
         parent: parent,
         filter: filter,
@@ -3444,7 +3446,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.7.4-dev.51f672566';
+    UIkit.version = '3.7.4-dev.54855f777';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3726,13 +3728,14 @@
             isToggled: function(el) {
                 if ( el === void 0 ) el = this.$el;
 
+                el = toNodes(el)[0];
                 return hasClass(el, this.clsEnter)
                     ? true
                     : hasClass(el, this.clsLeave)
                         ? false
                         : this.cls
                             ? hasClass(el, this.cls.split(' ')[0])
-                            : !hasAttr(el, 'hidden');
+                            : isVisible(el);
             },
 
             _toggle: function(el, toggled) {
@@ -6571,7 +6574,7 @@
                 var boundary = ref.boundary;
                 var boundaryAlign = ref.boundaryAlign;
 
-                return (boundary === true || boundaryAlign) ? $el : boundary;
+                return boundary === true || boundaryAlign ? $el : boundary;
             },
 
             dropbarAnchor: function(ref, $el) {
@@ -6617,12 +6620,18 @@
             dropdowns: {
 
                 get: function(ref, $el) {
+                    var this$1 = this;
                     var clsDrop = ref.clsDrop;
 
                     var dropdowns = $$(("." + clsDrop), $el);
 
-                    if (this.container !== $el) {
-                        $$(("." + clsDrop), this.container).forEach(function (el) { return !includes(dropdowns, el) && dropdowns.push(el); });
+                    if (this.dropContainer !== $el) {
+                        $$(("." + clsDrop), this.dropContainer).forEach(function (el) {
+                            var dropdown = this$1.getDropdown(el);
+                            if (!includes(dropdowns, el) && dropdown && dropdown.target && within(dropdown.target, this$1.$el)) {
+                                dropdowns.push(el);
+                            }
+                        });
                     }
 
                     return dropdowns;
@@ -6640,6 +6649,12 @@
 
                 immediate: true
 
+            },
+
+            toggles: function(ref, $el) {
+                var dropdown = ref.dropdown;
+
+                return $$(dropdown, $el);
             }
 
         },
@@ -6652,7 +6667,7 @@
         events: [
 
             {
-                name: 'mouseover',
+                name: 'mouseover focusin',
 
                 delegate: function() {
                     return this.dropdown;
@@ -6662,13 +6677,93 @@
                     var current = ref.current;
 
                     var active = this.getActive();
-                    if (active && active.target && !within(active.target, current) && !active.tracker.movesTo(active.$el)) {
+                    if (active && includes(active.mode, 'hover') && active.target && !within(active.target, current) && !active.tracker.movesTo(active.$el)) {
                         active.hide(false);
                     }
                 }
 
             },
 
+            {
+                name: 'keydown',
+
+                delegate: function() {
+                    return this.dropdown;
+                },
+
+                handler: function(e) {
+
+                    var current = e.current;
+                    var keyCode = e.keyCode;
+                    var active = this.getActive();
+
+                    if (keyCode === keyMap.DOWN && hasAttr(current, 'aria-expanded')) {
+
+                        e.preventDefault();
+
+                        if (!active || active.target !== current) {
+                            current.click();
+                            once(this.dropContainer, 'show', function (ref) {
+                                var target = ref.target;
+
+                                return focusFirstFocusableElement(target);
+                            });
+                        } else {
+                            focusFirstFocusableElement(active.$el);
+                        }
+
+                    }
+
+                    handleNavItemNavigation(e, this.toggles, active);
+                }
+            },
+
+            {
+                name: 'keydown',
+
+                el: function() {
+                    return this.dropContainer;
+                },
+
+                delegate: function() {
+                    return ("." + (this.clsDrop));
+                },
+
+                handler: function(e) {
+
+                    var current = e.current;
+                    var keyCode = e.keyCode;
+
+                    if (!includes(this.dropdowns, current)) {
+                        return;
+                    }
+
+                    var active = this.getActive();
+                    var elements = $$(selFocusable, current);
+                    var i = findIndex(elements, function (el) { return matches(el, ':focus'); });
+
+                    if (keyCode === keyMap.UP) {
+                        e.preventDefault();
+                        if (i > 0) {
+                            elements[i - 1].focus();
+                        }
+                    }
+
+                    if (keyCode === keyMap.DOWN) {
+                        e.preventDefault();
+                        if (i < elements.length - 1) {
+                            elements[i + 1].focus();
+                        }
+                    }
+
+                    if (keyCode === keyMap.ESC) {
+                        active && active.target && active.target.focus();
+                    }
+
+                    handleNavItemNavigation(e, this.toggles, active);
+                }
+            },
+
             {
                 name: 'mouseleave',
 
@@ -6676,10 +6771,14 @@
                     return this.dropbar;
                 },
 
+                filter: function() {
+                    return this.dropbar;
+                },
+
                 handler: function() {
                     var active = this.getActive();
 
-                    if (active && !this.dropdowns.some(function (el) { return matches(el, ':hover'); })) {
+                    if (active && includes(active.mode, 'hover') && !this.dropdowns.some(function (el) { return matches(el, ':hover'); })) {
                         active.hide();
                     }
                 }
@@ -6790,7 +6889,7 @@
         methods: {
 
             getActive: function() {
-                return active$1 && includes(active$1.mode, 'hover') && within(active$1.target, this.$el) && active$1;
+                return active$1 && within(active$1.target, this.$el) && active$1;
             },
 
             transitionTo: function(newHeight, el) {
@@ -6827,6 +6926,49 @@
 
     };
 
+    function handleNavItemNavigation(e, toggles, active) {
+
+        var current = e.current;
+        var keyCode = e.keyCode;
+        var target = active && active.target || current;
+        var i = toggles.indexOf(target);
+
+        // Left
+        if (keyCode === keyMap.LEFT && i > 0) {
+            active && active.hide(false);
+            toggles[i - 1].focus();
+        }
+
+        // Right
+        if (keyCode === keyMap.RIGHT && i < toggles.length - 1) {
+            active && active.hide(false);
+            toggles[i + 1].focus();
+        }
+
+        if (keyCode === keyMap.TAB) {
+            target.focus();
+            active && active.hide(false);
+        }
+    }
+
+    function focusFirstFocusableElement(el) {
+        if (!$(':focus', el)) {
+            var focusEl = $(selFocusable, el);
+            if (focusEl) {
+                focusEl.focus();
+            }
+        }
+    }
+
+    var keyMap = {
+        TAB: 9,
+        ESC: 27,
+        LEFT: 37,
+        UP: 38,
+        RIGHT: 39,
+        DOWN: 40
+    };
+
     var offcanvas = {
 
         mixins: [Modal],
@@ -7101,13 +7243,13 @@
         props: {
             selContainer: String,
             selContent: String,
-            minHeight: Number,
+            minHeight: Number
         },
 
         data: {
             selContainer: '.uk-modal',
             selContent: '.uk-modal-dialog',
-            minHeight: 150,
+            minHeight: 150
         },
 
         computed: {
@@ -7857,6 +7999,7 @@
         props: {
             connect: String,
             toggle: String,
+            itemNav: String,
             active: Number,
             swiping: Boolean
         },
@@ -7864,6 +8007,7 @@
         data: {
             connect: '~.uk-switcher',
             toggle: '> * > :first-child',
+            itemNav: false,
             active: 0,
             swiping: true,
             cls: 'uk-active',
@@ -7945,7 +8089,7 @@
                 name: 'click',
 
                 el: function() {
-                    return this.connects;
+                    return this.connects.concat(this.itemNav ? queryAll(this.itemNav, this.$el) : []);
                 },
 
                 delegate: function() {
@@ -8123,19 +8267,37 @@
                 handler: function(e) {
                     if (!isTouch(e) && !this._isTouch) {
 
-                        var isPointerEvent = includes(['pointerleave', 'pointerenter'], e.type);
-                        if (!isPointerEvent && matches(this.$el, ':hover')
-                            || isPointerEvent && matches(this.$el, ':focus')
+                        var show = includes([pointerEnter, 'focus'], e.type);
+
+                        if (e.type === 'blur' && matches(this.$el, ':hover')
+                            || e.type === pointerLeave && matches(this.$el, ':focus')
+                            || show && attr(this.$el, 'aria-expanded') === 'true'
                         ) {
                             return;
                         }
 
-                        this.toggle(("toggle" + (includes([pointerEnter, 'focus'], e.type) ? 'show' : 'hide')));
+                        this.toggle(("toggle" + (show ? 'show' : 'hide')));
                     }
                 }
 
             },
 
+            {
+                name: 'keydown',
+
+                filter: function() {
+                    return includes(this.mode, 'click');
+                },
+
+                handler: function(e) {
+                    // Space
+                    if (e.keyCode === 32) {
+                        e.preventDefault();
+                        this.$el.click();
+                    }
+                }
+            },
+
             {
 
                 name: 'click',
@@ -8172,7 +8334,9 @@
                 },
 
                 handler: function(e, toggled) {
-                    this.updateAria(toggled);
+                    if (e.target === this.target[0]) {
+                        this.updateAria(toggled);
+                    }
                 }
             }
 
@@ -8235,9 +8399,7 @@
             updateAria: function(toggled) {
                 attr(this.$el, 'aria-expanded', isBoolean(toggled)
                     ? toggled
-                    : this.cls
-                        ? hasClass(this.target[0], this.cls.split(' ')[0])
-                        : isVisible(this.target[0])
+                    : this.isToggled(this.target)
                 );
             }