uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/javascripts/uikit/components/accordion.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-accordion", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-accordion', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -35,11 +35,11 @@
 
                 setTimeout(function(){
 
-                    UI.$("[data-uk-accordion]", context).each(function(){
+                    UI.$('[data-uk-accordion]', context).each(function(){
 
                         var ele = UI.$(this);
 
-                        if(!ele.data("accordion")) {
+                        if (!ele.data('accordion')) {
                             UI.accordion(ele, UI.Utils.options(ele.attr('data-uk-accordion')));
                         }
                     });
@@ -59,11 +59,13 @@
                 $this.toggleItem(UI.$(this).data('wrapper'), $this.options.animate, $this.options.collapse);
             });
 
-            this.update();
+            this.update(true);
 
-            if (this.options.showfirst) {
-                this.toggleItem(this.toggle.eq(0).data('wrapper'), false, false);
-            }
+            UI.domObserve(this.element, function(e) {
+                if ($this.element.children($this.options.containers).length) {
+                    $this.update();
+                }
+            });
         },
 
         toggleItem: function(wrapper, animated, collapse) {
@@ -113,7 +115,7 @@
             this.element.trigger('toggle.uk.accordion', [active, wrapper.data('toggle'), wrapper.data('content')]);
         },
 
-        update: function() {
+        update: function(init) {
 
             var $this = this, $content, $wrapper, $toggle;
 
@@ -142,6 +144,10 @@
             });
 
             this.element.trigger('update.uk.accordion', [this]);
+
+            if (init && this.options.showfirst) {
+                this.toggleItem(this.toggle.eq(0).data('wrapper'), false, false);
+            }
         }
 
     });
@@ -157,9 +163,9 @@
         } else {
 
             var tmp = {
-                position   : $ele.css("position"),
-                visibility : $ele.css("visibility"),
-                display    : $ele.css("display")
+                position   : $ele.css('position'),
+                visibility : $ele.css('visibility'),
+                display    : $ele.css('display')
             };
 
             height = $ele.css({position: 'absolute', visibility: 'hidden', display: 'block'}).outerHeight();

data/vendor/assets/javascripts/uikit/components/autocomplete.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-autocomplete", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-autocomplete', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -45,17 +45,17 @@
         boot: function() {
 
             // init code
-            UI.$html.on("focus.autocomplete.uikit", "[data-uk-autocomplete]", function(e) {
+            UI.$html.on('focus.autocomplete.uikit', '[data-uk-autocomplete]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (!ele.data("autocomplete")) {
-                    UI.autocomplete(ele, UI.Utils.options(ele.attr("data-uk-autocomplete")));
+                if (!ele.data('autocomplete')) {
+                    UI.autocomplete(ele, UI.Utils.options(ele.attr('data-uk-autocomplete')));
                 }
             });
 
             // register outer click for autocompletes
-            UI.$html.on("click.autocomplete.uikit", function(e) {
+            UI.$html.on('click.autocomplete.uikit', function(e) {
                 if (active && e.target!=active.input[0]) active.hide();
             });
         },
@@ -65,9 +65,11 @@
             var $this   = this,
                 select  = false,
                 trigger = UI.Utils.debounce(function(e) {
-                    if(select) {
+
+                    if (select) {
                         return (select = false);
                     }
+
                     $this.handle();
                 }, this.options.delay);
 
@@ -88,9 +90,10 @@
             this.dropdown.attr('aria-expanded', 'false');
 
             this.input.on({
-                "keydown": function(e) {
 
-                    if (e && e.which && !e.shiftKey) {
+                keydown: function(e) {
+
+                    if (e && e.which && !e.shiftKey && $this.visible) {
 
                         switch (e.which) {
                             case 13: // enter
@@ -119,14 +122,15 @@
                     }
 
                 },
-                "keyup": trigger
+
+                keyup: trigger
             });
 
-            this.dropdown.on("click", ".uk-autocomplete-results > *", function(){
+            this.dropdown.on('click', '.uk-autocomplete-results > *', function(){
                 $this.select();
             });
 
-            this.dropdown.on("mouseover", ".uk-autocomplete-results > *", function(){
+            this.dropdown.on('mouseover', '.uk-autocomplete-results > *', function(){
                 $this.pick(UI.$(this));
             });
 
@@ -199,7 +203,7 @@
 
             var data = this.selected.data();
 
-            this.trigger("selectitem.uk.autocomplete", [data, this]);
+            this.trigger('selectitem.uk.autocomplete', [data, this]);
 
             if (data.value) {
                 this.input.val(data.value).trigger('change');
@@ -209,9 +213,11 @@
         },
 
         show: function() {
+
             if (this.visible) return;
+
             this.visible = true;
-            this.element.addClass("uk-open");
+            this.element.addClass('uk-open');
 
             if (active && active!==this) {
                 active.hide();
@@ -228,7 +234,7 @@
         hide: function() {
             if (!this.visible) return;
             this.visible = false;
-            this.element.removeClass("uk-open");
+            this.element.removeClass('uk-open');
 
             if (active === this) {
                 active = false;
@@ -320,7 +326,7 @@
 
             } else if(data && data.length) {
 
-                this.dropdown.append(this.template({"items":data}));
+                this.dropdown.append(this.template({items:data}));
                 this.show();
 
                 this.trigger('show.uk.autocomplete');

data/vendor/assets/javascripts/uikit/components/datepicker.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-datepicker", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-datepicker', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -30,7 +30,7 @@
                 months        : ['January','February','March','April','May','June','July','August','September','October','November','December'],
                 weekdays      : ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
             },
-            format: "YYYY-MM-DD",
+            format: 'YYYY-MM-DD',
             offsettop: 5,
             maxDate: false,
             minDate: false,
@@ -120,7 +120,7 @@
 
         boot: function() {
 
-            UI.$win.on("resize orientationchange", function() {
+            UI.$win.on('resize orientationchange', function() {
 
                 if (active) {
                     active.hide();
@@ -128,22 +128,22 @@
             });
 
             // init code
-            UI.$html.on("focus.datepicker.uikit", "[data-uk-datepicker]", function(e) {
+            UI.$html.on('focus.datepicker.uikit', '[data-uk-datepicker]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (!ele.data("datepicker")) {
+                if (!ele.data('datepicker')) {
                     e.preventDefault();
-                    UI.datepicker(ele, UI.Utils.options(ele.attr("data-uk-datepicker")));
-                    ele.trigger("focus");
+                    UI.datepicker(ele, UI.Utils.options(ele.attr('data-uk-datepicker')));
+                    ele.trigger('focus');
                 }
             });
 
-            UI.$html.on("click focus", '*', function(e) {
+            UI.$html.on('click focus', '*', function(e) {
 
                 var target = UI.$(e.target);
 
-                if (active && target[0] != dropdown[0] && !target.data("datepicker") && !target.parents(".uk-datepicker:first").length) {
+                if (active && target[0] != dropdown[0] && !target.data('datepicker') && !target.parents('.uk-datepicker:first').length) {
                     active.hide();
                 }
             });
@@ -160,9 +160,9 @@
 
             this.current  = this.element.val() ? moment(this.element.val(), this.options.format) : moment();
 
-            this.on("click focus", function(){
-                if (active!==$this) $this.pick(this.value ? this.value:($this.options.minDate ? $this.options.minDate :''));
-            }).on("change", function(){
+            this.on('click focus', function(){
+                if (active!==$this) $this.pick(this.value ? this.value:'');
+            }).on('change', function(){
 
                 if ($this.element.val() && !moment($this.element.val(), $this.options.format).isValid()) {
                    $this.element.val(moment().format($this.options.format));
@@ -174,7 +174,7 @@
 
                 dropdown = UI.$('<div class="uk-dropdown uk-datepicker"></div>');
 
-                dropdown.on("click", ".uk-datepicker-next, .uk-datepicker-previous, [data-date]", function(e){
+                dropdown.on('click', '.uk-datepicker-next, .uk-datepicker-previous, [data-date]', function(e){
 
                     e.stopPropagation();
                     e.preventDefault();
@@ -198,14 +198,14 @@
                     active[select.is('.update-picker-year') ? 'setYear':'setMonth'](Number(select.val()));
                 });
 
-                dropdown.appendTo("body");
+                dropdown.appendTo('body');
             }
         },
 
         pick: function(initdate) {
 
             var offset = this.element.offset(),
-                css    = {"left": offset.left, "right":""};
+                css    = {left: offset.left, right:''};
 
             this.current  = isNaN(initdate) ? moment(initdate, this.options.format):moment();
             this.initdate = this.current.format("YYYY-MM-DD");
@@ -214,7 +214,7 @@
 
             if (UI.langdirection == 'right') {
                 css.right = window.innerWidth - (css.left + this.element.outerWidth());
-                css.left  = "";
+                css.left  = '';
             }
 
             var posTop    = (offset.top - this.element.outerHeight() + this.element.height()) - this.options.offsettop - dropdown.outerHeight(),
@@ -265,15 +265,16 @@
                 now    = moment().format('YYYY-MM-DD'),
                 days   = [31, (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month],
                 before = new Date(year, month, 1, 12).getDay(),
-                data   = {"month":month, "year":year,"weekdays":[],"days":[], "maxDate": false, "minDate": false},
+                data   = {month:month, year:year, weekdays:[], days:[], maxDate:false, minDate:false},
                 row    = [];
 
+            // We need these to be midday to avoid issues from DST transition protection.
             if (opts.maxDate!==false){
-                data.maxDate = isNaN(opts.maxDate) ? moment(opts.maxDate, opts.format) : moment().add(opts.maxDate, 'days');
+                data.maxDate = isNaN(opts.maxDate) ? moment(opts.maxDate, opts.format).startOf('day').hours(12) : moment().add(opts.maxDate, 'days').startOf('day').hours(12);
             }
 
             if (opts.minDate!==false){
-                data.minDate = isNaN(opts.minDate) ? moment(opts.minDate, opts.format) : moment().add(opts.minDate-1, 'days');
+                data.minDate = isNaN(opts.minDate) ? moment(opts.minDate, opts.format).startOf('day').hours(12) : moment().add(opts.minDate-1, 'days').startOf('day').hours(12);
             }
 
             data.weekdays = (function(){
@@ -315,10 +316,10 @@
 
                 day = moment(day);
 
-                isSelected = this.initdate == day.format("YYYY-MM-DD");
-                isToday    = now == day.format("YYYY-MM-DD");
+                isSelected = this.initdate == day.format('YYYY-MM-DD');
+                isToday    = now == day.format('YYYY-MM-DD');
 
-                row.push({"selected": isSelected, "today": isToday, "disabled": isDisabled, "day":day, "inmonth":isInMonth});
+                row.push({selected: isSelected, today: isToday, disabled: isDisabled, day:day, inmonth:isInMonth});
 
                 if (++r === 7) {
                     data.days.push(row);

data/vendor/assets/javascripts/uikit/components/form-password.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-form-password", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-form-password', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -20,22 +20,22 @@
     UI.component('formPassword', {
 
         defaults: {
-            "lblShow": "Show",
-            "lblHide": "Hide"
+            lblShow: 'Show',
+            lblHide: 'Hide'
         },
 
         boot: function() {
             // init code
-            UI.$html.on("click.formpassword.uikit", "[data-uk-form-password]", function(e) {
+            UI.$html.on('click.formpassword.uikit', '[data-uk-form-password]', function(e) {
 
                 var ele = UI.$(this);
 
-                if (!ele.data("formPassword")) {
+                if (!ele.data('formPassword')) {
 
                     e.preventDefault();
 
-                    UI.formPassword(ele, UI.Utils.options(ele.attr("data-uk-form-password")));
-                    ele.trigger("click");
+                    UI.formPassword(ele, UI.Utils.options(ele.attr('data-uk-form-password')));
+                    ele.trigger('click');
                 }
             });
         },
@@ -44,22 +44,22 @@
 
             var $this = this;
 
-            this.on("click", function(e) {
+            this.on('click', function(e) {
 
                 e.preventDefault();
 
                 if($this.input.length) {
-                    var type = $this.input.attr("type");
-                    $this.input.attr("type", type=="text" ? "password":"text");
-                    $this.element.html($this.options[type=="text" ? "lblShow":"lblHide"]);
+                    var type = $this.input.attr('type');
+                    $this.input.attr('type', type=='text' ? 'password':'text');
+                    $this.element.html($this.options[type=='text' ? 'lblShow':'lblHide']);
                 }
             });
 
-            this.input = this.element.next("input").length ? this.element.next("input") : this.element.prev("input");
-            this.element.html(this.options[this.input.is("[type='password']") ? "lblShow":"lblHide"]);
+            this.input = this.element.next('input').length ? this.element.next('input') : this.element.prev('input');
+            this.element.html(this.options[this.input.is('[type="password"]') ? 'lblShow':'lblHide']);
 
 
-            this.element.data("formPassword", this);
+            this.element.data('formPassword', this);
         }
     });
 

data/vendor/assets/javascripts/uikit/components/form-select.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-form-select", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-form-select', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -20,54 +20,62 @@
     UI.component('formSelect', {
 
         defaults: {
-            'target': '>span:first',
-            'activeClass': 'uk-active'
+            target: '>span:first',
+            activeClass: 'uk-active'
         },
 
         boot: function() {
             // init code
             UI.ready(function(context) {
 
-                UI.$("[data-uk-form-select]", context).each(function(){
+                UI.$('[data-uk-form-select]', context).each(function(){
 
                     var ele = UI.$(this);
 
-                    if (!ele.data("formSelect")) {
-                        UI.formSelect(ele, UI.Utils.options(ele.attr("data-uk-form-select")));
+                    if (!ele.data('formSelect')) {
+                        UI.formSelect(ele, UI.Utils.options(ele.attr('data-uk-form-select')));
                     }
                 });
             });
         },
 
         init: function() {
+
             var $this = this;
 
             this.target  = this.find(this.options.target);
             this.select  = this.find('select');
 
             // init + on change event
-            this.select.on("change", (function(){
+            this.select.on({
+
+                change: (function(){
+
+                    var select = $this.select[0], fn = function(){
 
-                var select = $this.select[0], fn = function(){
+                        try {
 
-                    try {
-                        if($this.options.target === 'input')
-                        {
-                            $this.target.val(select.options[select.selectedIndex].text);
-                        }
-                        else
-                        {
-                            $this.target.text(select.options[select.selectedIndex].text);
-                        }
-                    } catch(e) {}
+                            if($this.options.target === 'input') {
+                                $this.target.val(select.options[select.selectedIndex].text);
+                            } else {
+                                $this.target.text(select.options[select.selectedIndex].text);
+                            }
 
-                    $this.element[$this.select.val() ? 'addClass':'removeClass']($this.options.activeClass);
+                        } catch(e) {}
 
-                    return fn;
-                };
+                        $this.element[$this.select.val() ? 'addClass':'removeClass']($this.options.activeClass);
 
-                return fn();
-            })());
+                        return fn;
+                    };
+
+                    return fn();
+                })(),
+
+                focus: function(){ $this.target.addClass('uk-focus') },
+                blur: function(){ $this.target.removeClass('uk-focus') },
+                mouseenter: function(){ $this.target.addClass('uk-hover') },
+                mouseleave: function(){ $this.target.removeClass('uk-hover') }
+            });
 
             this.element.data("formSelect", this);
         }