uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/javascripts/uikit/components/sortable.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 */
 /*
   * Based on nativesortable - Copyright (c) Brian Grinstead - https://github.com/bgrins/nativesortable
   */
@@ -10,8 +10,8 @@
         component = addon(UIkit);
     }
 
-    if (typeof define == "function" && define.amd) {
-        define("uikit-sortable", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-sortable', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -21,7 +21,11 @@
     "use strict";
 
     var supportsTouch       = ('ontouchstart' in window || 'MSGesture' in window) || (window.DocumentTouch && document instanceof DocumentTouch),
-        draggingPlaceholder, currentlyDraggingElement, currentlyDraggingTarget, dragging, moving, clickedlink, delayIdle, touchedlists, moved, overElement;
+        draggingPlaceholder, currentlyDraggingElement, currentlyDraggingTarget, dragging, moving, clickedlink, delayIdle, touchedlists, moved, overElement, startEvent;
+
+    var POINTER_DOWN = supportsTouch ? ('MSGesture' in window ? 'pointerdown':'touchstart') : 'mousedown',
+        POINTER_MOVE = supportsTouch ? ('MSGesture' in window ? 'pointermove':'touchmove') : 'mousemove',
+        POINTER_UP   = supportsTouch ? ('MSGesture' in window ? 'pointerup':'touchend') : 'mouseup';
 
     function closestSortable(ele) {
 
@@ -66,21 +70,22 @@
             // auto init
             UI.ready(function(context) {
 
-                UI.$("[data-uk-sortable]", context).each(function(){
+                UI.$('[data-uk-sortable]', context).each(function(){
 
                     var ele = UI.$(this);
 
-                    if(!ele.data("sortable")) {
-                        UI.sortable(ele, UI.Utils.options(ele.attr("data-uk-sortable")));
+                    if(!ele.data('sortable')) {
+                        UI.sortable(ele, UI.Utils.options(ele.attr('data-uk-sortable')));
                     }
                 });
             });
 
-            UI.$html.on('mousemove touchmove', function(e) {
+            UI.$html.on(POINTER_MOVE, function(e) {
 
                 if (delayIdle) {
 
                     var src = e.originalEvent.targetTouches ? e.originalEvent.targetTouches[0] : e;
+
                     if (Math.abs(src.pageX - delayIdle.pos.x) > delayIdle.threshold || Math.abs(src.pageY - delayIdle.pos.y) > delayIdle.threshold) {
                         delayIdle.apply(src);
                     }
@@ -99,10 +104,11 @@
                     }
 
                     var offset = draggingPlaceholder.data('mouse-offset'),
-                        left   = parseInt(e.originalEvent.pageX, 10) + offset.left,
-                        top    = parseInt(e.originalEvent.pageY, 10) + offset.top;
+                        ev     = e.originalEvent.touches && e.originalEvent.touches[0] || e.originalEvent,
+                        left   = parseInt(ev.pageX, 10) + offset.left,
+                        top    = parseInt(ev.pageY, 10) + offset.top;
 
-                    draggingPlaceholder.css({'left': left, 'top': top });
+                    draggingPlaceholder.css({left: left, top: top });
 
                     // adjust document scrolling
 
@@ -118,7 +124,7 @@
                 }
             });
 
-            UI.$html.on('mouseup touchend', function(e) {
+            UI.$html.on(POINTER_UP, function(e) {
 
                 delayIdle = clickedlink = false;
 
@@ -176,7 +182,7 @@
 
                     $link.one('click', function(e){
                         e.preventDefault();
-                    }).one('mouseup touchend', function(){
+                    }).one(POINTER_UP, function(){
 
                         if (!moved) {
                             $link.trigger('click');
@@ -229,8 +235,9 @@
 
             // Bind/unbind standard mouse/touch events as a polyfill.
             function addDragHandlers() {
-                if (supportsTouch) {
-                    element.addEventListener("touchmove", handleTouchMove, false);
+
+                if (supportsTouch && startEvent.touches && startEvent.touches.length) {
+                    element.addEventListener(POINTER_MOVE, handleTouchMove, false);
                 } else {
                     element.addEventListener('mouseover', handleDragEnter, false);
                     element.addEventListener('mouseout', handleDragLeave, false);
@@ -240,8 +247,8 @@
             }
 
             function removeDragHandlers() {
-                if (supportsTouch) {
-                    element.removeEventListener("touchmove", handleTouchMove, false);
+                if (supportsTouch && startEvent.touches && startEvent.touches.length) {
+                    element.removeEventListener(POINTER_MOVE, handleTouchMove, false);
                 } else {
                     element.removeEventListener('mouseover', handleDragEnter, false);
                     element.removeEventListener('mouseout', handleDragLeave, false);
@@ -268,19 +275,21 @@
 
                     var touch, target, context;
 
+                    startEvent = e;
+
                     if (e) {
-                        touch  = (supportsTouch && e.touches && e.touches[0]) || { };
+                        touch  = e.touches && e.touches[0] || e;
                         target = touch.target || e.target;
 
                         // Fix event.target for a touch event
                         if (supportsTouch && document.elementFromPoint) {
-                            target = document.elementFromPoint(e.pageX - document.body.scrollLeft, e.pageY - document.body.scrollTop);
+                            target = document.elementFromPoint(touch.pageX - document.body.scrollLeft, touch.pageY - document.body.scrollTop);
                         }
 
                         overElement = UI.$(target);
                     }
 
-                    if (UI.$(target).hasClass($this.options.childClass)) {
+                    if (UI.$(target).hasClass('.'+$this.options.childClass)) {
                         fn.apply(target, [e]);
                     } else if (target !== element) {
 
@@ -294,8 +303,8 @@
                 };
             }
 
-            window.addEventListener(supportsTouch ? 'touchmove' : 'mousemove', handleDragMove, false);
-            element.addEventListener(supportsTouch ? 'touchstart': 'mousedown', handleDragStart, false);
+            window.addEventListener(POINTER_MOVE, handleDragMove, false);
+            element.addEventListener(POINTER_DOWN, handleDragStart, false);
         },
 
         dragStart: function(e, elem) {
@@ -327,11 +336,11 @@
                 draggingPlaceholder.remove();
             }
 
-            var $current = UI.$(currentlyDraggingElement), offset = $current.offset();
+            var $current = UI.$(currentlyDraggingElement), offset = $current.offset(), ev = e.touches && e.touches[0] || e;
 
             delayIdle = {
 
-                pos       : { x:e.pageX, y:e.pageY },
+                pos       : { x:ev.pageX, y:ev.pageY },
                 threshold : $this.options.handleClass ? 1 : $this.options.threshold,
                 apply     : function(evt) {
 
@@ -344,11 +353,11 @@
                         padding : $current.css('padding')
                     }).data({
                         'mouse-offset': {
-                            'left'   : offset.left - parseInt(evt.pageX, 10),
-                            'top'    : offset.top  - parseInt(evt.pageY, 10)
+                            left : offset.left - parseInt(ev.pageX, 10),
+                            top  : offset.top  - parseInt(ev.pageY, 10)
                         },
-                        'origin' : $this.element,
-                        'index'  : $current.index()
+                        origin : $this.element,
+                        index  : $current.index()
                     }).append($current.html()).appendTo('body');
 
                     draggingPlaceholder.$current  = $current;
@@ -363,7 +372,7 @@
                     $this.addDragHandlers();
 
                     $this.options.start(this, currentlyDraggingElement);
-                    $this.trigger('start.uk.sortable', [$this, currentlyDraggingElement]);
+                    $this.trigger('start.uk.sortable', [$this, currentlyDraggingElement, draggingPlaceholder]);
 
                     moved     = true;
                     delayIdle = false;
@@ -376,10 +385,10 @@
             overElement = UI.$(document.elementFromPoint(e.pageX - (document.body.scrollLeft || document.scrollLeft || 0), e.pageY - (document.body.scrollTop || document.documentElement.scrollTop || 0)));
 
             var overRoot     = overElement.closest('.'+this.options.baseClass),
-                groupOver    = overRoot.data("sortable-group"),
+                groupOver    = overRoot.data('sortable-group'),
                 $current     = UI.$(currentlyDraggingElement),
                 currentRoot  = $current.parent(),
-                groupCurrent = $current.data("sortable-group"),
+                groupCurrent = $current.data('sortable-group'),
                 overChild;
 
             if (overRoot[0] !== currentRoot[0] && groupCurrent !== undefined && groupOver === groupCurrent) {
@@ -424,12 +433,12 @@
             if (previousCounter === 0) {
 
                 var currentlist = UI.$(elem).parent(),
-                    startlist   = UI.$(currentlyDraggingElement).data("start-list");
+                    startlist   = UI.$(currentlyDraggingElement).data('start-list');
 
                 if (currentlist[0] !== startlist[0]) {
 
                     var groupOver    = currentlist.data('sortable-group'),
-                        groupCurrent = UI.$(currentlyDraggingElement).data("sortable-group");
+                        groupCurrent = UI.$(currentlyDraggingElement).data('sortable-group');
 
                     if ((groupOver ||  groupCurrent) && (groupOver != groupCurrent)) {
                         return false;
@@ -503,7 +512,7 @@
             if (!currentlyDraggingElement) return;
 
             var $current = UI.$(currentlyDraggingElement),
-                oldRoot  = draggingPlaceholder.data("origin"),
+                oldRoot  = draggingPlaceholder.data('origin'),
                 newRoot  = $current.closest('.'+this.options.baseClass),
                 triggers = [],
                 el       = UI.$(currentlyDraggingElement);
@@ -572,7 +581,7 @@
             }).each(function() {
                 var ele    = UI.$(this),
                     before = ele.data('offset-before');
-                ele.css({'position':'absolute', 'top':before.top, 'left':before.left, 'min-width':before.width });
+                ele.css({position:'absolute', top:before.top, left:before.left, minWidth:before.width });
             });
 
             children.each(function(){
@@ -585,7 +594,7 @@
 
                     setTimeout(function(){
                         ele.animate({'top':offset.top, 'left':offset.left}, $this.options.animation, function() {
-                            ele.css({'position':'','top':'', 'left':'', 'min-width': '', 'pointer-events':''}).removeClass($this.options.overClass).removeData('child-dragenter');
+                            ele.css({position:'',top:'', left:'', minWidth: '', 'pointer-events':''}).removeClass($this.options.overClass).removeData('child-dragenter');
                             count--;
                             if (!count) {
                                 list.css('min-height', '');

data/vendor/assets/javascripts/uikit/components/sticky.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-sticky", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-sticky', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -32,7 +32,7 @@
             clsactive    : 'uk-active',
             clsinactive  : '',
             getWidthFrom : '',
-            showup      : false,
+            showup       : false,
             boundary     : false,
             media        : false,
             target       : false,
@@ -54,7 +54,7 @@
 
                 for (var i = 0; i < sticked.length; i++) {
                     sticked[i].reset(true);
-                    //sticked[i].self.computeWrapper();
+                    sticked[i].self.computeWrapper();
                 }
 
                 checkscrollposition();
@@ -65,11 +65,11 @@
 
                 setTimeout(function(){
 
-                    UI.$("[data-uk-sticky]", context).each(function(){
+                    UI.$('[data-uk-sticky]', context).each(function(){
 
                         var $ele = UI.$(this);
 
-                        if(!$ele.data("sticky")) {
+                        if (!$ele.data('sticky')) {
                             UI.sticky($ele, UI.Utils.options($ele.attr('data-uk-sticky')));
                         }
                     });
@@ -85,6 +85,12 @@
 
             this.wrapper = this.element.wrap('<div class="uk-sticky-placeholder"></div>').parent();
             this.computeWrapper();
+            this.wrapper.css({
+                'margin-top'    : this.element.css('margin-top'),
+                'margin-bottom' : this.element.css('margin-bottom'),
+                'margin-left'   : this.element.css('margin-left'),
+                'margin-right'  : this.element.css('margin-right')
+            })
             this.element.css('margin', 0);
 
             if (boundary) {
@@ -140,13 +146,14 @@
                     this.calcTop();
 
                     var finalize = function() {
-                        this.element.css({"position":"", "top":"", "width":"", "left":"", "margin":"0"});
+                        this.element.css({position:'', top:'', width:'', left:'', margin:'0'});
                         this.element.removeClass([this.options.animation, 'uk-animation-reverse', this.options.clsactive].join(' '));
                         this.element.addClass(this.options.clsinactive);
                         this.element.trigger('inactive.uk.sticky');
 
                         this.currentTop = null;
                         this.animate    = false;
+
                     }.bind(this);
 
 
@@ -233,9 +240,8 @@
         computeWrapper: function() {
 
             this.wrapper.css({
-                'height' : ['absolute','fixed'].indexOf(this.element.css('position')) == -1 ? this.element.outerHeight() : '',
-                'float'  : this.element.css('float') != 'none' ? this.element.css('float') : '',
-                'margin' : this.element.css('margin')
+                'height'        : ['absolute','fixed'].indexOf(this.element.css('position')) == -1 ? this.element.outerHeight() : '',
+                'float'         : this.element.css('float') != 'none' ? this.element.css('float') : ''
             });
 
             if (this.element.css('position') == 'fixed') {
@@ -263,7 +269,7 @@
 
             sticky = stickies[i];
 
-            if (!sticky.element.is(":visible") || sticky.animate) {
+            if (!sticky.element.is(':visible') || sticky.animate) {
                 continue;
             }
 
@@ -300,7 +306,7 @@
                 if (sticky.currentTop != newTop) {
 
                     sticky.element.css({
-                        position : "fixed",
+                        position : 'fixed',
                         top      : newTop,
                         width    : sticky.getWidthFrom.length ? sticky.getWidthFrom.width() : sticky.element.width()
                     });

data/vendor/assets/javascripts/uikit/components/timepicker.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-timepicker", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-timepicker', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -30,12 +30,12 @@
         boot: function() {
 
             // init code
-            UI.$html.on("focus.timepicker.uikit", "[data-uk-timepicker]", function(e) {
+            UI.$html.on('focus.timepicker.uikit', '[data-uk-timepicker]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (!ele.data("timepicker")) {
-                    var obj = UI.timepicker(ele, UI.Utils.options(ele.attr("data-uk-timepicker")));
+                if (!ele.data('timepicker')) {
+                    var obj = UI.timepicker(ele, UI.Utils.options(ele.attr('data-uk-timepicker')));
 
                     setTimeout(function(){
                         obj.autocomplete.input.focus();

data/vendor/assets/javascripts/uikit/components/tooltip.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;
 
@@ -6,8 +6,8 @@
         component = addon(UIkit);
     }
 
-    if (typeof define == "function" && define.amd) {
-        define("uikit-tooltip", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-tooltip', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -17,18 +17,18 @@
     "use strict";
 
     var $tooltip,   // tooltip container
-        tooltipdelay, checkdelay;
+        tooltipdelay, checkIdle;
 
     UI.component('tooltip', {
 
         defaults: {
-            "offset": 5,
-            "pos": "top",
-            "animation": false,
-            "delay": 0, // in miliseconds
-            "cls": "",
-            "activeClass": "uk-active",
-            "src": function(ele) {
+            offset: 5,
+            pos: 'top',
+            animation: false,
+            delay: 0, // in miliseconds
+            cls: '',
+            activeClass: 'uk-active',
+            src: function(ele) {
                 var title = ele.attr('title');
 
                 if (title !== undefined) {
@@ -39,17 +39,17 @@
             }
         },
 
-        tip: "",
+        tip: '',
 
         boot: function() {
 
             // init code
-            UI.$html.on("mouseenter.tooltip.uikit focus.tooltip.uikit", "[data-uk-tooltip]", function(e) {
+            UI.$html.on('mouseenter.tooltip.uikit focus.tooltip.uikit', '[data-uk-tooltip]', function(e) {
                 var ele = UI.$(this);
 
-                if (!ele.data("tooltip")) {
-                    UI.tooltip(ele, UI.Utils.options(ele.attr("data-uk-tooltip")));
-                    ele.trigger("mouseenter");
+                if (!ele.data('tooltip')) {
+                    UI.tooltip(ele, UI.Utils.options(ele.attr('data-uk-tooltip')));
+                    ele.trigger('mouseenter');
                 }
             });
         },
@@ -72,14 +72,14 @@
 
         show: function() {
 
-            this.tip = typeof(this.options.src) === "function" ? this.options.src(this.element) : this.options.src;
+            this.tip = typeof(this.options.src) === 'function' ? this.options.src(this.element) : this.options.src;
 
-            if (tooltipdelay)     clearTimeout(tooltipdelay);
-            if (checkdelay)       clearTimeout(checkdelay);
+            if (tooltipdelay) clearTimeout(tooltipdelay);
+            if (checkIdle)    clearInterval(checkIdle);
 
             if (typeof(this.tip) === 'string' ? !this.tip.length:true) return;
 
-            $tooltip.stop().css({"top": -2000, "visibility": "hidden"}).removeClass(this.options.activeClass).show();
+            $tooltip.stop().css({top: -2000, visibility: 'hidden'}).removeClass(this.options.activeClass).show();
             $tooltip.html('<div class="uk-tooltip-inner">' + this.tip + '</div>');
 
             var $this      = this,
@@ -90,10 +90,10 @@
                 position   = typeof(this.options.pos) === "function" ? this.options.pos.call(this.element) : this.options.pos,
                 tmppos     = position.split("-"),
                 tcss       = {
-                    "display"    : "none",
-                    "visibility" : "visible",
-                    "top"        : (pos.top + pos.height + height),
-                    "left"       : pos.left
+                    display    : 'none',
+                    visibility : 'visible',
+                    top        : (pos.top + pos.height + height),
+                    left       : pos.left
                 };
 
 
@@ -102,22 +102,22 @@
             if (UI.$html.css('position')=='fixed' || UI.$body.css('position')=='fixed'){
                 var bodyoffset = UI.$('body').offset(),
                     htmloffset = UI.$('html').offset(),
-                    docoffset  = {'top': (htmloffset.top + bodyoffset.top), 'left': (htmloffset.left + bodyoffset.left)};
+                    docoffset  = {top: (htmloffset.top + bodyoffset.top), left: (htmloffset.left + bodyoffset.left)};
 
                 pos.left -= docoffset.left;
                 pos.top  -= docoffset.top;
             }
 
 
-            if ((tmppos[0] == "left" || tmppos[0] == "right") && UI.langdirection == 'right') {
-                tmppos[0] = tmppos[0] == "left" ? "right" : "left";
+            if ((tmppos[0] == 'left' || tmppos[0] == 'right') && UI.langdirection == 'right') {
+                tmppos[0] = tmppos[0] == 'left' ? 'right' : 'left';
             }
 
             var variants =  {
-                "bottom"  : {top: pos.top + pos.height + offset, left: pos.left + pos.width / 2 - width / 2},
-                "top"     : {top: pos.top - height - offset, left: pos.left + pos.width / 2 - width / 2},
-                "left"    : {top: pos.top + pos.height / 2 - height / 2, left: pos.left - width - offset},
-                "right"   : {top: pos.top + pos.height / 2 - height / 2, left: pos.left + pos.width + offset}
+                bottom  : {top: pos.top + pos.height + offset, left: pos.left + pos.width / 2 - width / 2},
+                top     : {top: pos.top - height - offset, left: pos.left + pos.width / 2 - width / 2},
+                left    : {top: pos.top + pos.height / 2 - height / 2, left: pos.left - width - offset},
+                right   : {top: pos.top + pos.height / 2 - height / 2, left: pos.left + pos.width + offset}
             };
 
             UI.$.extend(tcss, variants[tmppos[0]]);
@@ -129,37 +129,37 @@
             if(boundary) {
 
                 switch(boundary) {
-                    case "x":
+                    case 'x':
 
                         if (tmppos.length == 2) {
-                            position = tmppos[0]+"-"+(tcss.left < 0 ? "left": "right");
+                            position = tmppos[0]+"-"+(tcss.left < 0 ? 'left': 'right');
                         } else {
-                            position = tcss.left < 0 ? "right": "left";
+                            position = tcss.left < 0 ? 'right': 'left';
                         }
 
                         break;
 
-                    case "y":
+                    case 'y':
                         if (tmppos.length == 2) {
-                            position = (tcss.top < 0 ? "bottom": "top")+"-"+tmppos[1];
+                            position = (tcss.top < 0 ? 'bottom': 'top')+'-'+tmppos[1];
                         } else {
-                            position = (tcss.top < 0 ? "bottom": "top");
+                            position = (tcss.top < 0 ? 'bottom': 'top');
                         }
 
                         break;
 
-                    case "xy":
+                    case 'xy':
                         if (tmppos.length == 2) {
-                            position = (tcss.top < 0 ? "bottom": "top")+"-"+(tcss.left < 0 ? "left": "right");
+                            position = (tcss.top < 0 ? 'bottom': 'top')+'-'+(tcss.left < 0 ? 'left': 'right');
                         } else {
-                            position = tcss.left < 0 ? "right": "left";
+                            position = tcss.left < 0 ? 'right': 'left';
                         }
 
                         break;
 
                 }
 
-                tmppos = position.split("-");
+                tmppos = position.split('-');
 
                 UI.$.extend(tcss, variants[tmppos[0]]);
 
@@ -171,7 +171,7 @@
 
             tooltipdelay = setTimeout(function(){
 
-                $tooltip.css(tcss).attr("class", ["uk-tooltip", "uk-tooltip-"+position, $this.options.cls].join(' '));
+                $tooltip.css(tcss).attr('class', ['uk-tooltip', 'uk-tooltip-'+position, $this.options.cls].join(' '));
 
                 if ($this.options.animation) {
                     $tooltip.css({opacity: 0, display: 'block'}).addClass($this.options.activeClass).animate({opacity: 1}, parseInt($this.options.animation, 10) || 400);
@@ -182,7 +182,7 @@
                 tooltipdelay = false;
 
                 // close tooltip if element was removed or hidden
-                checkdelay = setInterval(function(){
+                checkIdle = setInterval(function(){
                     if(!$this.element.is(':visible')) $this.hide();
                 }, 150);
 
@@ -190,10 +190,11 @@
         },
 
         hide: function() {
-            if(this.element.is("input") && this.element[0]===document.activeElement) return;
 
-            if(tooltipdelay) clearTimeout(tooltipdelay);
-            if (checkdelay)  clearTimeout(checkdelay);
+            if (this.element.is('input') && this.element[0]===document.activeElement) return;
+
+            if (tooltipdelay) clearTimeout(tooltipdelay);
+            if (checkIdle)  clearInterval(checkIdle);
 
             $tooltip.stop();