uikit2-rails 0.1.9 → 0.1.10

data/vendor/assets/javascripts/uikit/components/grid-parallax.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-grid-parallax", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-grid-parallax', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -28,16 +28,16 @@
     UI.component('gridparallax', {
 
         defaults: {
-            target   : false,
-            smooth   : 150,
-            translate     : 150
+            target    : false,
+            smooth    : 150,
+            translate : 150
         },
 
         boot: function() {
 
             // listen to scroll and resize
-            UI.$doc.on("scrolling.uk.document", checkParallaxes);
-            UI.$win.on("load resize orientationchange", UI.Utils.debounce(function(){
+            UI.$doc.on('scrolling.uk.document', checkParallaxes);
+            UI.$win.on('load resize orientationchange', UI.Utils.debounce(function(){
                 checkParallaxes();
             }, 50));
 
@@ -48,8 +48,8 @@
 
                     var parallax = UI.$(this);
 
-                    if (!parallax.data("gridparallax")) {
-                        UI.gridparallax(parallax, UI.Utils.options(parallax.attr("data-uk-grid-parallax")));
+                    if (!parallax.data('gridparallax')) {
+                        UI.gridparallax(parallax, UI.Utils.options(parallax.attr('data-uk-grid-parallax')));
                     }
                 });
             });
@@ -107,7 +107,7 @@
             }
 
             while(mods.length < columns) {
-               if(!(mods[mods.length-1] - 2)) break;
+               if (!(mods[mods.length-1] - 2)) break;
                mods.push(mods[mods.length-1] - 2);
             }
 
@@ -165,4 +165,4 @@
 
         return percent > 1 ? 1:percent;
     }
-});
+});

data/vendor/assets/javascripts/uikit/components/grid.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-grid", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-grid', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -25,7 +25,8 @@
             duration  : 300,
             gutter    : 0,
             controls  : false,
-            filter    : false
+            filter    : false,
+            origin    : UI.langdirection
         },
 
         boot:  function() {
@@ -37,7 +38,7 @@
 
                     var ele = UI.$(this);
 
-                    if(!ele.data("grid")) {
+                    if(!ele.data('grid')) {
                         UI.grid(ele, UI.Utils.options(ele.attr('data-uk-grid')));
                     }
                 });
@@ -55,6 +56,7 @@
             this.element.css({'position': 'relative'});
 
             this.controls = null;
+            this.origin   = this.options.origin;
 
             if (this.options.controls) {
 
@@ -79,23 +81,23 @@
                 if ($this.currentfilter) {
                     $this.filter($this.currentfilter);
                 } else {
-                    this.updateLayout();
+                    this.update();
                 }
 
             }.bind(this), 100));
 
             this.on('display.uk.check', function(){
-                if ($this.element.is(":visible"))  $this.updateLayout();
+                if ($this.element.is(':visible'))  $this.update();
             });
 
             UI.domObserve(this.element, function(e) {
-                $this.updateLayout();
+                $this.update();
             });
 
             if (this.options.filter !== false) {
                 this.filter(this.options.filter);
             } else {
-                this.updateLayout();
+                this.update();
             }
         },
 
@@ -109,23 +111,25 @@
             }
 
             css = {
-                'position'   : 'absolute',
-                'box-sizing' : 'border-box',
-                'width'      : this.options.colwidth == 'auto' ? '' : this.options.colwidth
+                position  : 'absolute',
+                boxSizing : 'border-box',
+                width     : this.options.colwidth == 'auto' ? '' : this.options.colwidth
             };
 
             if (this.options.gutter) {
 
-                css['padding-left']   = this.gutterh;
+                css['padding-'+this.origin] = this.gutterh;
                 css['padding-bottom'] = this.gutterv;
 
-                this.element.css('margin-left', this.gutterh * -1);
+                this.element.css('margin-'+this.origin, this.gutterh * -1);
             }
 
             children.attr('data-grid-prepared', 'true').css(css);
         },
 
-        updateLayout: function(elements) {
+        update: function(elements) {
+
+            var $this = this;
 
             this._prepareElements();
 
@@ -137,7 +141,7 @@
                 top       = 0,
                 positions = [],
 
-                item, width, height, pos, i, z, max, size;
+                item, width, height, pos, posi, i, z, max, size;
 
             this.trigger('beforeupdate.uk.grid', [children]);
 
@@ -160,18 +164,21 @@
                     if (top <= pos.aY) { top = pos.aY; }
                 }
 
-                positions.push({
-                    "ele"    : item,
-                    "top"    : top,
-                    "left"   : left,
-                    "width"  : width,
-                    "height" : height,
-                    "aY"     : (top  + height),
-                    "aX"     : (left + width)
-                });
+                posi = {
+                    ele    : item,
+                    top    : top,
+                    width  : width,
+                    height : height,
+                    aY     : (top  + height),
+                    aX     : (left + width)
+                };
+
+                posi[$this.origin] = left;
+
+                positions.push(posi);
             });
 
-            var posPrev, maxHeight = 0;
+            var posPrev, maxHeight = 0, positionto;
 
             // fix top
             for (i=0,max=positions.length;i<max;i++) {
@@ -184,7 +191,7 @@
                     posPrev = positions[z];
 
                     // (posPrev.left + 1) fixex 1px bug when using % based widths
-                    if (pos.left < posPrev.aX && (posPrev.left +1) < pos.aX) {
+                    if (pos[this.origin] < posPrev.aX && (posPrev[this.origin] +1) < pos.aX) {
                         top = posPrev.aY;
                     }
                 }
@@ -202,7 +209,11 @@
                 this.element.stop().animate({'height': maxHeight}, 100);
 
                 positions.forEach(function(pos){
-                    pos.ele.stop().animate({"top": pos.top, "left": pos.left, opacity: 1}, this.options.duration);
+
+                    positionto = {"top": pos.top, opacity: 1};
+                    positionto[$this.origin] = pos[$this.origin];
+
+                    pos.ele.stop().animate(positionto, this.options.duration);
                 }.bind(this));
 
             } else {
@@ -210,7 +221,9 @@
                 this.element.css('height', maxHeight);
 
                 positions.forEach(function(pos){
-                    pos.ele.css({"top": pos.top, "left": pos.left, opacity: 1});
+                    positionto = {"top": pos.top, opacity: 1};
+                    positionto[$this.origin] = pos[$this.origin];
+                    pos.ele.css(positionto);
                 }.bind(this));
             }
 
@@ -261,7 +274,7 @@
             elements.hidden.attr('aria-hidden', 'true').filter(':visible').fadeOut(this.options.duration);
             elements.visible.attr('aria-hidden', 'false').filter(':hidden').css('opacity', 0).show();
 
-            $this.updateLayout(elements.visible);
+            $this.update(elements.visible);
 
             if (this.controls && this.controls.length) {
                 this.controls.find('[data-uk-filter]').removeClass('uk-active').filter('[data-uk-filter="'+filter+'"]').addClass('uk-active');
@@ -288,7 +301,7 @@
 
             }).appendTo(this.element);
 
-            this.updateLayout(elements.filter(':visible'));
+            this.update(elements.filter(':visible'));
 
             if (this.controls && this.controls.length) {
                 this.controls.find('[data-uk-sort]').removeClass('uk-active').filter('[data-uk-sort="'+by+':'+(order == -1 ? 'desc':'asc')+'"]').addClass('uk-active');
@@ -303,7 +316,7 @@
     * MIT license
     * https://github.com/desandro/get-size
     */
-    var _getSize = (function(){
+    function _getSize() {
 
         var prefixes = 'Webkit Moz ms Ms O'.split(' ');
         var docElemStyle = document.documentElement.style;
@@ -519,9 +532,9 @@
 
         return getSize;
 
-    })();
+    }
 
     function getElementSize(ele) {
-        return _getSize(ele);
+        return _getSize()(ele);
     }
 });

data/vendor/assets/javascripts/uikit/components/htmleditor.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-htmleditor", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-htmleditor', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -26,6 +26,7 @@
             mode         : 'split',
             markdown     : false,
             autocomplete : true,
+            enablescripts: false,
             height       : 500,
             maxsplitsize : 1000,
             codemirror   : { mode: 'htmlmixed', lineWrapping: true, dragDrop: false, autoCloseTags: true, matchTags: true, autoCloseBrackets: true, matchBrackets: true, indentUnit: 4, indentWithTabs: false, tabSize: 4, hintOptions: {completionSingle:false} },
@@ -290,6 +291,10 @@
 
             this.currentvalue = this.editor.getValue();
 
+            if (!this.options.enablescripts) {
+                this.currentvalue = this.currentvalue.replace(/<(script|style)\b[^<]*(?:(?!<\/(script|style)>)<[^<]*)*<\/(script|style)>/img, '');
+            }
+
             // empty code
             if (!this.currentvalue) {
 
@@ -480,12 +485,45 @@
             });
 
             editor.htmleditor.on('click', 'a[data-htmleditor-button="fullscreen"]', function() {
+
                 editor.htmleditor.toggleClass('uk-htmleditor-fullscreen');
 
                 var wrap = editor.editor.getWrapperElement();
 
                 if (editor.htmleditor.hasClass('uk-htmleditor-fullscreen')) {
 
+                    var fixedParent = false, parents = editor.htmleditor.parents().each(function(){
+                        if (UI.$(this).css('position')=='fixed' && !UI.$(this).is('html')) {
+                            fixedParent = UI.$(this);
+                        }
+                    });
+
+                    editor.htmleditor.data('fixedParents', false);
+
+                    if (fixedParent) {
+
+                        var transformed = [];
+
+                        fixedParent = fixedParent.parent().find(parents).each(function(){
+
+                            if (UI.$(this).css('transform') != 'none') {
+                                transformed.push(UI.$(this).data('transform-reset', {
+                                    'transform': this.style.transform,
+                                    '-webkit-transform': this.style.webkitTransform,
+                                    '-webkit-transition':this.style.webkitTransition,
+                                    'transition':this.style.transition
+                                }).css({
+                                    'transform': 'none',
+                                    '-webkit-transform': 'none',
+                                    '-webkit-transition':'none',
+                                    'transition':'none'
+                                }));
+                            }
+                        });
+
+                        editor.htmleditor.data('fixedParents', transformed);
+                    }
+
                     editor.editor.state.fullScreenRestore = {scrollTop: window.pageYOffset, scrollLeft: window.pageXOffset, width: wrap.style.width, height: wrap.style.height};
                     wrap.style.width  = '';
                     wrap.style.height = editor.content.height()+'px';
@@ -497,6 +535,12 @@
                     var info = editor.editor.state.fullScreenRestore;
                     wrap.style.width = info.width; wrap.style.height = info.height;
                     window.scrollTo(info.scrollLeft, info.scrollTop);
+
+                    if (editor.htmleditor.data('fixedParents')) {
+                        editor.htmleditor.data('fixedParents').forEach(function(parent){
+                            parent.css(parent.data('transform-reset'));
+                        });
+                    }
                 }
 
                 setTimeout(function() {

data/vendor/assets/javascripts/uikit/components/lightbox.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) { // AMD
-        define("uikit-lightbox", ["uikit"], function(){
+    if (typeof define == 'function' && define.amd) { // AMD
+        define('uikit-lightbox', ['uikit'], function(){
             return component || addon(UIkit);
         });
     }
@@ -22,9 +22,10 @@
     UI.component('lightbox', {
 
         defaults: {
-            "group"      : false,
-            "duration"   : 400,
-            "keyboard"   : true
+            allowfullscreen : true,
+            duration        : 400,
+            group           : false,
+            keyboard        : true
         },
 
         index : 0,
@@ -38,12 +39,12 @@
 
                 var link = UI.$(this);
 
-                if (!link.data("lightbox")) {
+                if (!link.data('lightbox')) {
 
-                    UI.lightbox(link, UI.Utils.options(link.attr("data-uk-lightbox")));
+                    UI.lightbox(link, UI.Utils.options(link.attr('data-uk-lightbox')));
                 }
 
-                link.data("lightbox").show(link);
+                link.data('lightbox').show(link);
             });
 
             // keyboard navigation
@@ -74,20 +75,17 @@
 
             if (this.element && this.element.length) {
 
-                var domSiblings  = this.options.group ? UI.$([
-                    '[data-uk-lightbox*="'+this.options.group+'"]',
-                    "[data-uk-lightbox*='"+this.options.group+"']"
-                ].join(',')) : this.element;
+                var domSiblings  = this.options.group ? UI.$('[data-uk-lightbox*="'+this.options.group+'"]') : this.element;
 
                 domSiblings.each(function() {
 
                     var ele = UI.$(this);
 
                     siblings.push({
-                        'source': ele.attr('href'),
-                        'title' : ele.attr('data-title') || ele.attr('title'),
-                        'type'  : ele.attr("data-lightbox-type") || 'auto',
-                        'link'  : ele
+                        source : ele.attr('href'),
+                        title  : ele.attr('data-title') || ele.attr('title'),
+                        type   : ele.attr("data-lightbox-type") || 'auto',
+                        link   : ele
                     });
                 });
 
@@ -134,17 +132,17 @@
             item   = this.siblings[index];
 
             data = {
-                "lightbox" : $this,
-                "source"   : item.source,
-                "type"     : item.type,
-                "index"    : index,
-                "promise"  : promise,
-                "title"    : item.title,
-                "item"     : item,
-                "meta"     : {
-                    "content" : '',
-                    "width"   : null,
-                    "height"  : null
+                lightbox : $this,
+                source   : item.source,
+                type     : item.type,
+                index    : index,
+                promise  : promise,
+                title    : item.title,
+                item     : item,
+                meta     : {
+                    content : '',
+                    width   : null,
+                    height  : null
                 }
             };
 
@@ -199,14 +197,14 @@
 
             // calculate width
             var tmp = UI.$('<div>&nbsp;</div>').css({
-                'opacity'   : 0,
-                'position'  : 'absolute',
-                'top'       : 0,
-                'left'      : 0,
-                'width'     : '100%',
-                'max-width' : $this.modal.dialog.css('max-width'),
-                'padding'   : $this.modal.dialog.css('padding'),
-                'margin'    : $this.modal.dialog.css('margin')
+                opacity   : 0,
+                position  : 'absolute',
+                top       : 0,
+                left      : 0,
+                width     : '100%',
+                maxWidth  : $this.modal.dialog.css('max-width'),
+                padding   : $this.modal.dialog.css('padding'),
+                margin    : $this.modal.dialog.css('margin')
             }), maxwidth, maxheight, w = data.meta.width, h = data.meta.height;
 
             tmp.appendTo('body').width();
@@ -254,11 +252,11 @@
 
             this.modal.dialog.animate({width: w + pad, height: h + pad, top: t }, duration, 'swing', function() {
                 $this.modal.loader.addClass('uk-hidden');
-                $this.modal.content.css({width:''}).animate({'opacity': 1}, function() {
+                $this.modal.content.css({width:''}).animate({opacity: 1}, function() {
                     $this.modal.closer.removeClass('uk-hidden');
                 });
 
-                $this.modal.data({'mwidth': w, 'mheight': h});
+                $this.modal.data({mwidth: w, mheight: h});
             });
         },
 
@@ -278,16 +276,16 @@
 
         init: function(lightbox) {
 
-            lightbox.on("showitem.uk.lightbox", function(e, data){
+            lightbox.on('showitem.uk.lightbox', function(e, data){
 
                 if (data.type == 'image' || data.source && data.source.match(/\.(jpg|jpeg|png|gif|svg)$/i)) {
 
                     var resolve = function(source, width, height) {
 
                         data.meta = {
-                            "content" : '<img class="uk-responsive-width" width="'+width+'" height="'+height+'" src ="'+source+'">',
-                            "width"   : width,
-                            "height"  : height
+                            content : '<img class="uk-responsive-width" width="'+width+'" height="'+height+'" src ="'+source+'">',
+                            width   : width,
+                            height  : height
                         };
 
                         data.type = 'image';
@@ -318,7 +316,7 @@
         }
     });
 
-    UI.plugin("lightbox", "youtube", {
+    UI.plugin('lightbox', 'youtube', {
 
         init: function(lightbox) {
 
@@ -326,14 +324,14 @@
                 youtubeRegExpShort = /youtu\.be\/(.*)/;
 
 
-            lightbox.on("showitem.uk.lightbox", function(e, data){
+            lightbox.on('showitem.uk.lightbox', function(e, data){
 
                 var id, matches, resolve = function(id, width, height) {
 
                     data.meta = {
-                        'content': '<iframe src="//www.youtube.com/embed/'+id+'" width="'+width+'" height="'+height+'" style="max-width:100%;"></iframe>',
-                        'width': width,
-                        'height': height
+                        content: '<iframe src="//www.youtube.com/embed/'+id+'" width="'+width+'" height="'+height+'" style="max-width:100%;"'+(modal.lightbox.options.allowfullscreen?' allowfullscreen':'')+'></iframe>',
+                        width: width,
+                        height: height
                     };
 
                     data.type = 'iframe';
@@ -389,21 +387,21 @@
     });
 
 
-    UI.plugin("lightbox", "vimeo", {
+    UI.plugin('lightbox', 'vimeo', {
 
         init: function(lightbox) {
 
             var regex = /(\/\/.*?)vimeo\.[a-z]+\/([0-9]+).*?/, matches;
 
 
-            lightbox.on("showitem.uk.lightbox", function(e, data){
+            lightbox.on('showitem.uk.lightbox', function(e, data){
 
                 var id, resolve = function(id, width, height) {
 
                     data.meta = {
-                        'content': '<iframe src="//player.vimeo.com/video/'+id+'" width="'+width+'" height="'+height+'" style="width:100%;box-sizing:border-box;"></iframe>',
-                        'width': width,
-                        'height': height
+                        content: '<iframe src="//player.vimeo.com/video/'+id+'" width="'+width+'" height="'+height+'" style="width:100%;box-sizing:border-box;"'+(modal.lightbox.options.allowfullscreen?' allowfullscreen':'')+'></iframe>',
+                        width: width,
+                        height: height
                     };
 
                     data.type = 'iframe';
@@ -419,7 +417,7 @@
 
                         UI.$.ajax({
                             type     : 'GET',
-                            url      : 'http://vimeo.com/api/oembed.json?url=' + encodeURI(data.source),
+                            url      : '//vimeo.com/api/oembed.json?url=' + encodeURI(data.source),
                             jsonp    : 'callback',
                             dataType : 'jsonp',
                             success  : function(data) {
@@ -438,19 +436,19 @@
         }
     });
 
-    UI.plugin("lightbox", "video", {
+    UI.plugin('lightbox', 'video', {
 
         init: function(lightbox) {
 
-            lightbox.on("showitem.uk.lightbox", function(e, data){
+            lightbox.on('showitem.uk.lightbox', function(e, data){
 
 
                 var resolve = function(source, width, height) {
 
                     data.meta = {
-                        'content': '<video class="uk-responsive-width" src="'+source+'" width="'+width+'" height="'+height+'" controls></video>',
-                        'width': width,
-                        'height': height
+                        content: '<video class="uk-responsive-width" src="'+source+'" width="'+width+'" height="'+height+'" controls></video>',
+                        width: width,
+                        height: height
                     };
 
                     data.type = 'video';
@@ -484,18 +482,18 @@
     });
 
 
-    UIkit.plugin("lightbox", "iframe", {
+    UIkit.plugin('lightbox', 'iframe', {
 
         init: function (lightbox) {
 
-            lightbox.on("showitem.uk.lightbox", function (e, data) {
+            lightbox.on('showitem.uk.lightbox', function (e, data) {
 
                 var resolve = function (source, width, height) {
 
                     data.meta = {
-                        'content': '<iframe class="uk-responsive-width" src="' + source + '" width="' + width + '" height="' + height + '"></iframe>',
-                        'width': width,
-                        'height': height
+                        content: '<iframe class="uk-responsive-width" src="' + source + '" width="' + width + '" height="' + height + '"'+(modal.lightbox.options.allowfullscreen?' allowfullscreen':'')+'></iframe>',
+                        width: width,
+                        height: height
                     };
 
                     data.type = 'iframe';
@@ -536,15 +534,15 @@
         modal.modal   = UI.modal(modal, {modal:false});
 
         // next / previous
-        modal.on("swipeRight swipeLeft", function(e) {
+        modal.on('swipeRight swipeLeft', function(e) {
             modal.lightbox[e.type=='swipeLeft' ? 'next':'previous']();
-        }).on("click", "[data-lightbox-previous], [data-lightbox-next]", function(e){
+        }).on('click', '[data-lightbox-previous], [data-lightbox-next]', function(e){
             e.preventDefault();
             modal.lightbox[UI.$(this).is('[data-lightbox-next]') ? 'next':'previous']();
         });
 
         // destroy content on modal hide
-        modal.on("hide.uk.modal", function(e) {
+        modal.on('hide.uk.modal', function(e) {
             modal.content.html('');
         });
 
@@ -574,10 +572,10 @@
         items.forEach(function(item) {
 
             group.push(UI.$.extend({
-                'source' : '',
-                'title'  : '',
-                'type'   : 'auto',
-                'link'   : false
+                source : '',
+                title  : '',
+                type   : 'auto',
+                link   : false
             }, (typeof(item) == 'string' ? {'source': item} : item)));
         });