uikit-sass-rails 1.0.0 → 1.1.0

data/vendor/assets/javascripts/uikit/addons/search.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -80,7 +80,7 @@
     });
 
     // init code
-    $(document).on("focus.search.uikit", "[data-uk-search]", function(e) {
+    UI.$doc.on("focus.search.uikit", "[data-uk-search]", function(e) {
         var ele = $(this);
 
         if (!ele.data("search")) {

data/vendor/assets/javascripts/uikit/addons/sortable.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 /*
   * Based on nativesortable - Copyright (c) Brian Grinstead - https://github.com/bgrins/nativesortable
@@ -27,7 +27,7 @@
         return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
     })(),
 
-    draggingPlaceholder, moving, clickedlink;
+    draggingPlaceholder, moving, dragging, clickedlink, delayIdle;
 
     // disable native dragndrop support for now
     supportsDragAndDrop = false;
@@ -38,6 +38,7 @@
 
             warp             : false,
             animation        : 150,
+            threshold        : 10,
 
             childClass       : 'uk-sortable-item',
             placeholderClass : 'uk-sortable-placeholder',
@@ -45,7 +46,6 @@
             draggingClass    : 'uk-sortable-dragged',
             dragMovingClass  : 'uk-sortable-moving',
             dragCustomClass  : '',
-
             handleClass      : false,
 
             stop             : function() {},
@@ -79,6 +79,7 @@
             var handleDragStart = delegate(function(e) {
 
                 moving = false;
+                dragging = false;
 
                 var target = $(e.target), children = $this.element.children();
 
@@ -91,7 +92,7 @@
                     var handle = target.hasClass($this.options.handleClass) ? target : target.closest('.'+$this.options.handleClass, element);
 
                     if (!handle.length) {
-                        e.preventDefault();
+                        //e.preventDefault();
                         return;
                     }
                 }
@@ -109,25 +110,35 @@
 
                 var $current = $(currentlyDraggingElement), offset = $current.offset();
 
-                draggingPlaceholder = $('<div class="'+([$this.options.draggingClass, $this.options.dragCustomClass].join(' '))+'"></div>').css({
-                    display : 'none',
-                    top     : offset.top,
-                    left    : offset.left,
-                    width   : $current.width(),
-                    height  : $current.height(),
-                    padding : $current.css('padding')
-                }).data('mouse-offset', {
-                    'left': offset.left - parseInt(e.pageX, 10),
-                    'top' : offset.top  - parseInt(e.pageY, 10)
-                }).append($current.html()).appendTo('body');
+                delayIdle = {
+
+                    pos       : { x:e.pageX, y:e.pageY },
+                    threshold : $this.options.threshold,
+                    'apply'   : function() {
 
-                draggingPlaceholder.$current  = $current;
-                draggingPlaceholder.$sortable = $this;
+                        draggingPlaceholder = $('<div class="'+([$this.options.draggingClass, $this.options.dragCustomClass].join(' '))+'"></div>').css({
+                            display : 'none',
+                            top     : offset.top,
+                            left    : offset.left,
+                            width   : $current.width(),
+                            height  : $current.height(),
+                            padding : $current.css('padding')
+                        }).data('mouse-offset', {
+                            'left': offset.left - parseInt(e.pageX, 10),
+                            'top' : offset.top  - parseInt(e.pageY, 10)
+                        }).append($current.html()).appendTo('body');
 
-                addFakeDragHandlers();
+                        draggingPlaceholder.$current  = $current;
+                        draggingPlaceholder.$sortable = $this;
 
-                $this.options.start(this, currentlyDraggingElement);
-                $this.trigger('sortable-start', [$this, currentlyDraggingElement]);
+                        addFakeDragHandlers();
+
+                        $this.options.start(this, currentlyDraggingElement);
+                        $this.trigger('sortable-start', [$this, currentlyDraggingElement]);
+
+                        delayIdle = false;
+                    }
+                }
 
                 if (!supportsDragAndDrop) {
                     e.preventDefault();
@@ -185,6 +196,7 @@
 
             var handleDrop = delegate(function(e) {
 
+
                 if (e.type === 'drop') {
 
                     if (e.stopPropagation) {
@@ -196,7 +208,7 @@
                     }
                 }
 
-                if (this === currentlyDraggingElement) {
+                if (!dragging) {
                     return;
                 }
 
@@ -339,6 +351,8 @@
 
         moveElementNextTo: function(element, elementToMoveNextTo) {
 
+            dragging = true;
+
             var $this    = this,
                 list     = $(element).parent().css('min-height', ''),
                 next     = isBelow(element, elementToMoveNextTo) ? elementToMoveNextTo : elementToMoveNextTo.nextSibling,
@@ -347,7 +361,7 @@
 
             if($this.options.warp || !$this.options.animation) {
                 elementToMoveNextTo.parentNode.insertBefore(element, next);
-                $(document).trigger("uk-check-display");
+                UI.Utils.checkDisplay($this.element);
                 return;
             }
 
@@ -387,7 +401,7 @@
                             count--
                             if (!count) {
                                 list.css('min-height', '');
-                                $(document).trigger("uk-check-display");
+                                UI.Utils.checkDisplay(ele);
                             }
                         });
                     }, 0);
@@ -447,9 +461,9 @@
     }
 
     // auto init
-    $(document).on("uk-domready", function(e) {
+    UI.ready(function(context) {
 
-        $("[data-uk-sortable]").each(function(){
+        $("[data-uk-sortable]", context).each(function(){
 
           var ele = $(this);
 
@@ -459,7 +473,13 @@
         });
     });
 
-    $(document).on('mousemove touchmove', function(e) {
+    UI.$doc.on('mousemove touchmove', function(e) {
+
+        if (delayIdle) {
+            if (Math.abs(e.pageX - delayIdle.pos.x) > delayIdle.threshold || Math.abs(e.pageY - delayIdle.pos.y) > delayIdle.threshold) {
+                delayIdle.apply();
+            }
+        }
 
         if (draggingPlaceholder) {
 
@@ -481,13 +501,13 @@
         }
     });
 
-    $(document).on('mouseup touchend', function() {
+    UI.$doc.on('mouseup touchend', function() {
 
         if(!moving && clickedlink) {
             location.href = clickedlink.attr('href');
         }
 
-        clickedlink = false;
+        delayIdle = clickedlink = false;
     });
 
     return UI.sortable;

data/vendor/assets/javascripts/uikit/addons/sticky.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -25,32 +25,86 @@
         defaults: {
             top          : 0,
             bottom       : 0,
+            animation    : '',
+            clsinit      : 'uk-sticky-init',
             clsactive    : 'uk-active',
-            clswrapper   : 'uk-sticky',
-            getWidthFrom : ''
+            getWidthFrom : '',
+            media        : false,
+            target       : false
         },
 
         init: function() {
 
             var stickyId = this.element.attr('id') || ("s"+Math.ceil(Math.random()*10000)),
-                wrapper  = $('<div></div>').attr('id', 'sticky-'+stickyId).addClass(this.options.clswrapper);
-
-            wrapper = this.element.wrap(wrapper).parent().css('height', this.element.outerHeight());
-
-            if (this.element.css("float") != "none") {
-                wrapper.css({"float":this.element.css("float")});
-                this.element.css({"float":"none"});
-            }
+                wrapper  = $('<div class="uk-sticky-placeholder"></div>').css({
+                        'height' : this.element.css('position') != 'absolute' ? this.element.outerHeight() : '',
+                        'float'  : this.element.css("float") != "none" ? this.element.css("float") : '',
+                        'margin' : this.element.css("margin")
+                });
+
+            wrapper = this.element.css('margin', 0).wrap(wrapper).parent();
+
+            this.sticky = {
+                options      : this.options,
+                element      : this.element,
+                currentTop   : null,
+                wrapper      : wrapper,
+                init         : false,
+                getWidthFrom : this.options.getWidthFrom || wrapper,
+                reset        : function(force) {
+
+                    var finalize = function() {
+                        this.element.css({"position":"", "top":"", "width":"", "left":"", "margin":"0"});
+                        this.element.removeClass([this.options.animation, 'uk-animation-reverse', this.options.clsactive].join(' '));
+
+                        this.currentTop = null;
+                        this.animate    = false;
+                    }.bind(this);
+
+
+                    if (!force && this.options.animation && UI.support.animation) {
+
+                        this.animate = true;
+
+                        this.element.removeClass(this.options.animation).one(UI.support.animation.end, function(){
+                            finalize();
+                        }).width(); // force redraw
+
+                        this.element.addClass(this.options.animation+' '+'uk-animation-reverse');
+                    } else {
+                        finalize();
+                    }
+                },
+                check: function() {
+
+                    if (this.options.media) {
+
+                        switch(typeof(this.options.media)) {
+                            case 'number':
+                                if (window.innerWidth < this.options.media) {
+                                    return false;
+                                }
+                                break;
+                            case 'string':
+                                if (window.matchMedia && !window.matchMedia(this.options.media).matches) {
+                                    return false;
+                                }
+                                break;
+                        }
+                    }
+
+                    var scrollTop      = $win.scrollTop(),
+                        documentHeight = $doc.height(),
+                        dwh            = documentHeight - $win.height(),
+                        extra          = (scrollTop > dwh) ? dwh - scrollTop : 0,
+                        elementTop     = this.wrapper.offset().top,
+                        etse           = elementTop - this.options.top - extra;
+
+                    return (scrollTop  >= etse);
+                }
+            };
 
-            sticked.push({
-                top: this.options.top,
-                bottom: this.options.bottom,
-                element: this.element,
-                currentTop: null,
-                wrapper: wrapper,
-                clsactive: this.options.clsactive,
-                getWidthFrom: this.options.getWidthFrom || wrapper
-            });
+            sticked.push(this.sticky);
         },
 
         update: function() {
@@ -65,33 +119,37 @@
         var scrollTop       = $win.scrollTop(),
             documentHeight  = $doc.height(),
             dwh             = documentHeight - $win.height(),
-            extra           = (scrollTop > dwh) ? dwh - scrollTop : 0;
+            extra           = (scrollTop > dwh) ? dwh - scrollTop : 0,
+            cls, newTop;
+
+        if(scrollTop < 0) return;
+
 
         for (var i = 0; i < sticked.length; i++) {
 
-            if (!sticked[i].element.is(":visible")) {
+            if (!sticked[i].element.is(":visible") || sticked[i].animate) {
                 continue;
             }
 
-            var sticky     = sticked[i],
-                elementTop = sticky.wrapper.offset().top,
-                etse       = elementTop - sticky.top - extra;
+            var sticky = sticked[i];
 
-            if (scrollTop <= etse) {
+            if (!sticky.check()) {
 
                 if (sticky.currentTop !== null) {
-                    sticky.element.css({"position":"", "top":"", "width":"", "left":""});
-                    sticky.wrapper.removeClass(sticky.clsactive);
-                    sticky.currentTop = null;
+                    sticky.reset();
                 }
 
             } else {
 
-                var newTop = documentHeight - sticky.element.outerHeight() - sticky.top - sticky.bottom - scrollTop - extra;
-
-                newTop = newTop < 0 ? newTop + sticky.top : sticky.top;
+                if (sticky.options.top < 0) {
+                    newTop = 0;
+                } else {
+                    newTop = documentHeight - sticky.element.outerHeight() - sticky.options.top - sticky.options.bottom - scrollTop - extra;
+                    newTop = newTop < 0 ? newTop + sticky.options.top : sticky.options.top;
+                }
 
                 if (sticky.currentTop != newTop) {
+
                     sticky.element.css({
                         "position" : "fixed",
                         "top"      : newTop,
@@ -99,23 +157,74 @@
                         "left"     : sticky.wrapper.offset().left
                     });
 
-                    sticky.wrapper.addClass(sticky.clsactive);
+                    if (!sticky.init) {
+
+                        sticky.element.addClass(sticky.options.clsinit);
+
+                        if (location.hash && scrollTop > 0 && sticky.options.target) {
+
+                            var $target = $(location.hash);
+
+                            if ($target.length) {
+
+                                setTimeout((function($target, sticky){
+
+                                    return function() {
+
+                                        sticky.element.width(); // force redraw
+
+                                        var offset       = $target.offset(),
+                                            maxoffset    = offset.top + $target.outerHeight(),
+                                            stickyOffset = sticky.element.offset(),
+                                            stickyHeight = sticky.element.outerHeight(),
+                                            stickyMaxOffset = stickyOffset.top + stickyHeight;
+
+                                        if (stickyOffset.top < maxoffset && offset.top < stickyMaxOffset) {
+                                            scrollTop = offset.top - stickyHeight - sticky.options.target;
+                                            window.scrollTo(0, scrollTop);
+                                        }
+                                    };
+
+                                })($target, sticky), 0);
+                            }
+                        }
+                    }
+
+                    sticky.element.addClass(sticky.options.clsactive);
+                    sticky.element.css('margin', '');
+
+                    if (sticky.options.animation && sticky.init) {
+                        sticky.element.addClass(sticky.options.animation);
+                    }
+
                     sticky.currentTop = newTop;
                 }
             }
+
+            sticky.init = true;
         }
 
     }
 
     // should be more efficient than using $win.scroll(scroller):
     $doc.on('uk-scroll', scroller);
+    $win.on('resize orientationchange', UI.Utils.debounce(function() {
 
-    $doc.on("uk-domready", function(e) {
-        setTimeout(function(){
+        if (!sticked.length) return;
 
-            scroller();
+        for (var i = 0; i < sticked.length; i++) {
+            sticked[i].reset(true);
+        }
+
+        scroller();
+    }, 100));
+
+    // init code
+    UI.ready(function(context) {
 
-            $("[data-uk-sticky]").each(function(){
+        setTimeout(function(){
+
+            $("[data-uk-sticky]", context).each(function(){
 
                 var $ele = $(this);
 
@@ -123,6 +232,8 @@
                     UI.sticky($ele, UI.Utils.options($ele.attr('data-uk-sticky')));
                 }
             });
+
+            scroller();
         }, 0);
     });
 

data/vendor/assets/javascripts/uikit/addons/timepicker.js

@@ -1,4 +1,4 @@
-/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/*! UIkit 2.9.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
 
 (function(addon) {
 
@@ -67,18 +67,18 @@
             this.element.wrap('<div class="uk-autocomplete"></div>');
 
             this.autocomplete = UI.autocomplete(this.element.parent(), this.options);
-            this.autocomplete.dropdown.addClass('uk-dropdown-scrollable');
+            this.autocomplete.dropdown.addClass('uk-dropdown-small uk-dropdown-scrollable');
 
             this.autocomplete.on('autocomplete-show', function() {
 
-                var selected = $this.autocomplete.dropdown.find('[data-value="'+$this.element.val()+'"]');
+                var selected = $this.autocomplete.dropdown.find('[data-value="'+$this.autocomplete.input.val()+'"]');
 
                 setTimeout(function(){
                     $this.autocomplete.pick(selected, true);
                 }, 10);
             });
 
-            this.element.on('focus', function(){
+            this.autocomplete.input.on('focus', function(){
 
                 $this.autocomplete.value = Math.random();
                 $this.autocomplete.triggercomplete();
@@ -92,7 +92,7 @@
 
         checkTime: function() {
 
-            var arr, timeArray, meridian = 'AM', hour, minute, time = this.element.val();
+            var arr, timeArray, meridian = 'AM', hour, minute, time = this.autocomplete.input.val();
 
             if (this.options.format == '12h') {
                 arr = time.split(' ');
@@ -140,7 +140,7 @@
                 minute = 0;
             }
 
-            this.element.val(this.formatTime(hour, minute, meridian));
+            this.autocomplete.input.val(this.formatTime(hour, minute, meridian));
         },
 
         formatTime: function(hour, minute, meridian) {
@@ -151,13 +151,15 @@
     });
 
     // init code
-    $(document).on("focus.timepicker.uikit", "[data-uk-timepicker]", function(e) {
+    UI.$doc.on("focus.timepicker.uikit", "[data-uk-timepicker]", function(e) {
         var ele = $(this);
 
         if (!ele.data("timepicker")) {
             var obj = UI.timepicker(ele, UI.Utils.options(ele.attr("data-uk-timepicker")));
 
-            ele.focus();
+            setTimeout(function(){
+                obj.autocomplete.input.focus();
+            }, 20);
         }
     });
-});
+});