rails-uikit-sass 2.27.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: f255f9fc8a6de31a6c5eac32db1f904f1abc7969
+  data.tar.gz: 75a1d7a70e967855028a062e094a3231ffeb5d91
+SHA512:
+  metadata.gz: dcf9394f70fce1b7b5b5be0659765780f83196cbedaae5d7596545877ceb98bb9b1665b29a486873f82623143148d4d09700a520c9c7d5d5d4bc5548a05cd411
+  data.tar.gz: 3e1c88b07121605a123118d785eda6a873705d65c9c0db019cecd3c7ffaa2eedc608b24df1778342f18492b89dc6e8560457232eb56bba60b538ba614ff543ea

data/LICENSE.txt

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Benjamin West
+
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,43 @@
+# Rails::Uikit::Sass
+
+This gem allows you to properly include **[UIkit](https://getuikit.com)** into your Rails project, including its FontAwesome dependency.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'rails-uikit-sass'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install rails-uikit-sass
+
+## Usage
+
+```scss
+  # app/assets/stylesheets/application.scss
+  @import "rails-uikit-sass";
+```
+
+To customize, include the UIkit mixins, then add your customizations, then import UIkit.
+
+```scss
+  # app/assets/stylesheets/application.scss
+  @import "uikit-mixins";
+  @import "my-custom-variables-and-hooks";
+  @import "uikit";
+```
+
+## Troubleshooting
+
+If the mixins from this gem don't work, please ensure that you are @importing the file you're trying to mix UIkit into.  It is very common mistake `//require_tree .` causing errors of unknown class or mixin because scss is required and compiled to css instead of imported into master scss file with sass.
+
+## Contributing
+
+[CONTRIBUTING.md](CONTRIBUTING.md)

data/lib/assets/stylesheets/rails-uikit-sass.scss

@@ -0,0 +1,3 @@
+$icon-font-path: "." !default;
+@import 'uikit-mixins';
+@import 'uikit';

data/lib/rails-uikit-sass.rb

@@ -0,0 +1,12 @@
+require 'non-stupid-digest-assets'
+
+module RailsUikitSass
+  class Engine < ::Rails::Engine
+    config.assets.paths << File.expand_path("../../vendor/assets/stylesheets", __FILE__)
+    config.assets.paths << File.expand_path("../assets/stylesheets", __FILE__)
+    config.assets.paths << File.expand_path("../../vendor/assets/javascripts", __FILE__)
+    config.assets.paths << File.expand_path("../../vendor/assets/fonts", __FILE__)
+    config.assets.precompile << /fontawesome-webfont\.(?:svg|eot|woff|ttf|woff2)$/
+    NonStupidDigestAssets.whitelist += [/fontawesome.*/]
+  end
+end

data/vendor/assets/javascripts/components/accordion.js

@@ -0,0 +1,180 @@
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+(function(addon) {
+    var component;
+
+    if (window.UIkit) {
+        component = addon(UIkit);
+    }
+
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-accordion', ['uikit'], function(){
+            return component || addon(UIkit);
+        });
+    }
+})(function(UI){
+
+    "use strict";
+
+    UI.component('accordion', {
+
+        defaults: {
+            showfirst  : true,
+            collapse   : true,
+            animate    : true,
+            easing     : 'swing',
+            duration   : 300,
+            toggle     : '.uk-accordion-title',
+            containers : '.uk-accordion-content',
+            clsactive  : 'uk-active'
+        },
+
+        boot:  function() {
+
+            // init code
+            UI.ready(function(context) {
+
+                setTimeout(function(){
+
+                    UI.$('[data-uk-accordion]', context).each(function(){
+
+                        var ele = UI.$(this);
+
+                        if (!ele.data('accordion')) {
+                            UI.accordion(ele, UI.Utils.options(ele.attr('data-uk-accordion')));
+                        }
+                    });
+
+                }, 0);
+            });
+        },
+
+        init: function() {
+
+            var $this = this;
+
+            this.element.on('click.uk.accordion', this.options.toggle, function(e) {
+
+                e.preventDefault();
+
+                $this.toggleItem(UI.$(this).data('wrapper'), $this.options.animate, $this.options.collapse);
+            });
+
+            this.update(true);
+
+            UI.domObserve(this.element, function(e) {
+                if ($this.element.children($this.options.containers).length) {
+                    $this.update();
+                }
+            });
+        },
+
+        toggleItem: function(wrapper, animated, collapse) {
+
+            var $this = this;
+
+            wrapper.data('toggle').toggleClass(this.options.clsactive);
+            wrapper.data('content').toggleClass(this.options.clsactive);
+
+            var active = wrapper.data('toggle').hasClass(this.options.clsactive);
+
+            if (collapse) {
+                this.toggle.not(wrapper.data('toggle')).removeClass(this.options.clsactive);
+                this.content.not(wrapper.data('content')).removeClass(this.options.clsactive)
+                    .parent().stop().css('overflow', 'hidden').animate({ height: 0 }, {easing: this.options.easing, duration: animated ? this.options.duration : 0}).attr('aria-expanded', 'false');
+            }
+
+            wrapper.stop().css('overflow', 'hidden');
+
+            if (animated) {
+
+                wrapper.animate({ height: active ? getHeight(wrapper.data('content')) : 0 }, {easing: this.options.easing, duration: this.options.duration, complete: function() {
+
+                    if (active) {
+                        wrapper.css({'overflow': '', 'height': 'auto'});
+                        UI.Utils.checkDisplay(wrapper.data('content'));
+                    }
+
+                    $this.trigger('display.uk.check');
+                }});
+
+            } else {
+
+                wrapper.height(active ? 'auto' : 0);
+
+                if (active) {
+                    wrapper.css({'overflow': ''});
+                    UI.Utils.checkDisplay(wrapper.data('content'));
+                }
+
+                this.trigger('display.uk.check');
+            }
+
+            // Update ARIA
+            wrapper.attr('aria-expanded', active);
+
+            this.element.trigger('toggle.uk.accordion', [active, wrapper.data('toggle'), wrapper.data('content')]);
+        },
+
+        update: function(init) {
+
+            var $this = this, $content, $wrapper, $toggle;
+
+            this.toggle = this.find(this.options.toggle);
+            this.content = this.find(this.options.containers);
+
+            this.content.each(function(index) {
+
+                $content = UI.$(this);
+
+                if ($content.parent().data('wrapper')) {
+                    $wrapper = $content.parent();
+                } else {
+                    $wrapper = UI.$(this).wrap('<div data-wrapper="true" style="overflow:hidden;height:0;position:relative;"></div>').parent();
+
+                    // Init ARIA
+                    $wrapper.attr('aria-expanded', 'false');
+                }
+
+                $toggle = $this.toggle.eq(index);
+
+                $wrapper.data('toggle', $toggle);
+                $wrapper.data('content', $content);
+                $toggle.data('wrapper', $wrapper);
+                $content.data('wrapper', $wrapper);
+            });
+
+            this.element.trigger('update.uk.accordion', [this]);
+
+            if (init && this.options.showfirst) {
+                this.toggleItem(this.toggle.eq(0).data('wrapper'), false, false);
+            }
+        }
+
+    });
+
+    // helper
+
+    function getHeight(ele) {
+
+        var $ele = UI.$(ele), height = "auto";
+
+        if ($ele.is(":visible")) {
+            height = $ele.outerHeight();
+        } else {
+
+            var tmp = {
+                position   : $ele.css('position'),
+                visibility : $ele.css('visibility'),
+                display    : $ele.css('display')
+            };
+
+            height = $ele.css({position: 'absolute', visibility: 'hidden', display: 'block'}).outerHeight();
+
+            $ele.css(tmp); // reset element
+        }
+
+        return height;
+    }
+
+    return UI.accordion;
+});

data/vendor/assets/javascripts/components/accordion.min.js

@@ -0,0 +1,2 @@
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+!function(t){var i;window.UIkit&&(i=t(UIkit)),"function"==typeof define&&define.amd&&define("uikit-accordion",["uikit"],function(){return i||t(UIkit)})}(function(t){"use strict";function i(i){var e=t.$(i),o="auto";if(e.is(":visible"))o=e.outerHeight();else{var a={position:e.css("position"),visibility:e.css("visibility"),display:e.css("display")};o=e.css({position:"absolute",visibility:"hidden",display:"block"}).outerHeight(),e.css(a)}return o}return t.component("accordion",{defaults:{showfirst:!0,collapse:!0,animate:!0,easing:"swing",duration:300,toggle:".uk-accordion-title",containers:".uk-accordion-content",clsactive:"uk-active"},boot:function(){t.ready(function(i){setTimeout(function(){t.$("[data-uk-accordion]",i).each(function(){var i=t.$(this);i.data("accordion")||t.accordion(i,t.Utils.options(i.attr("data-uk-accordion")))})},0)})},init:function(){var i=this;this.element.on("click.uk.accordion",this.options.toggle,function(e){e.preventDefault(),i.toggleItem(t.$(this).data("wrapper"),i.options.animate,i.options.collapse)}),this.update(!0),t.domObserve(this.element,function(){i.element.children(i.options.containers).length&&i.update()})},toggleItem:function(e,o,a){var n=this;e.data("toggle").toggleClass(this.options.clsactive),e.data("content").toggleClass(this.options.clsactive);var s=e.data("toggle").hasClass(this.options.clsactive);a&&(this.toggle.not(e.data("toggle")).removeClass(this.options.clsactive),this.content.not(e.data("content")).removeClass(this.options.clsactive).parent().stop().css("overflow","hidden").animate({height:0},{easing:this.options.easing,duration:o?this.options.duration:0}).attr("aria-expanded","false")),e.stop().css("overflow","hidden"),o?e.animate({height:s?i(e.data("content")):0},{easing:this.options.easing,duration:this.options.duration,complete:function(){s&&(e.css({overflow:"",height:"auto"}),t.Utils.checkDisplay(e.data("content"))),n.trigger("display.uk.check")}}):(e.height(s?"auto":0),s&&(e.css({overflow:""}),t.Utils.checkDisplay(e.data("content"))),this.trigger("display.uk.check")),e.attr("aria-expanded",s),this.element.trigger("toggle.uk.accordion",[s,e.data("toggle"),e.data("content")])},update:function(i){var e,o,a,n=this;this.toggle=this.find(this.options.toggle),this.content=this.find(this.options.containers),this.content.each(function(i){e=t.$(this),e.parent().data("wrapper")?o=e.parent():(o=t.$(this).wrap('<div data-wrapper="true" style="overflow:hidden;height:0;position:relative;"></div>').parent(),o.attr("aria-expanded","false")),a=n.toggle.eq(i),o.data("toggle",a),o.data("content",e),a.data("wrapper",o),e.data("wrapper",o)}),this.element.trigger("update.uk.accordion",[this]),i&&this.options.showfirst&&this.toggleItem(this.toggle.eq(0).data("wrapper"),!1,!1)}}),t.accordion});

data/vendor/assets/javascripts/components/autocomplete.js

@@ -0,0 +1,340 @@
+/*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+(function(addon) {
+
+    var component;
+
+    if (window.UIkit) {
+        component = addon(UIkit);
+    }
+
+    if (typeof define == 'function' && define.amd) {
+        define('uikit-autocomplete', ['uikit'], function(){
+            return component || addon(UIkit);
+        });
+    }
+
+})(function(UI){
+
+    "use strict";
+
+    var active;
+
+    UI.component('autocomplete', {
+
+        defaults: {
+            minLength: 3,
+            param: 'search',
+            method: 'post',
+            delay: 300,
+            loadingClass: 'uk-loading',
+            flipDropdown: false,
+            skipClass: 'uk-skip',
+            hoverClass: 'uk-active',
+            source: null,
+            renderer: null,
+
+            // template
+
+            template: '<ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">{{~items}}<li data-value="{{$item.value}}"><a>{{$item.value}}</a></li>{{/items}}</ul>'
+        },
+
+        visible  : false,
+        value    : null,
+        selected : null,
+
+        boot: function() {
+
+            // init code
+            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')));
+                }
+            });
+
+            // register outer click for autocompletes
+            UI.$html.on('click.autocomplete.uikit', function(e) {
+                if (active && e.target!=active.input[0]) active.hide();
+            });
+        },
+
+        init: function() {
+
+            var $this   = this,
+                select  = false,
+                trigger = UI.Utils.debounce(function(e) {
+
+                    if (select) {
+                        return (select = false);
+                    }
+
+                    $this.handle();
+                }, this.options.delay);
+
+
+            this.dropdown = this.find('.uk-dropdown');
+            this.template = this.find('script[type="text/autocomplete"]').html();
+            this.template = UI.Utils.template(this.template || this.options.template);
+            this.input    = this.find("input:first").attr("autocomplete", "off");
+
+            if (!this.dropdown.length) {
+               this.dropdown = UI.$('<div class="uk-dropdown"></div>').appendTo(this.element);
+            }
+
+            if (this.options.flipDropdown) {
+                this.dropdown.addClass('uk-dropdown-flip');
+            }
+
+            this.dropdown.attr('aria-expanded', 'false');
+
+            this.input.on({
+
+                keydown: function(e) {
+
+                    if (e && e.which && !e.shiftKey && $this.visible) {
+
+                        switch (e.which) {
+                            case 13: // enter
+                                select = true;
+
+                                if ($this.selected) {
+                                    e.preventDefault();
+                                    $this.select();
+                                }
+                                break;
+                            case 38: // up
+                                e.preventDefault();
+                                $this.pick('prev', true);
+                                break;
+                            case 40: // down
+                                e.preventDefault();
+                                $this.pick('next', true);
+                                break;
+                            case 27:
+                            case 9: // esc, tab
+                                $this.hide();
+                                break;
+                            default:
+                                break;
+                        }
+                    }
+
+                },
+
+                keyup: trigger
+            });
+
+            this.dropdown.on('click', '.uk-autocomplete-results > *', function(){
+                $this.select();
+            });
+
+            this.dropdown.on('mouseover', '.uk-autocomplete-results > *', function(){
+                $this.pick(UI.$(this));
+            });
+
+            this.triggercomplete = trigger;
+        },
+
+        handle: function() {
+
+            var $this = this, old = this.value;
+
+            this.value = this.input.val();
+
+            if (this.value.length < this.options.minLength) return this.hide();
+
+            if (this.value != old) {
+                $this.request();
+            }
+
+            return this;
+        },
+
+        pick: function(item, scrollinview) {
+
+            var $this    = this,
+                items    = UI.$(this.dropdown.find('.uk-autocomplete-results').children(':not(.'+this.options.skipClass+')')),
+                selected = false;
+
+            if (typeof item !== "string" && !item.hasClass(this.options.skipClass)) {
+                selected = item;
+            } else if (item == 'next' || item == 'prev') {
+
+                if (this.selected) {
+                    var index = items.index(this.selected);
+
+                    if (item == 'next') {
+                        selected = items.eq(index + 1 < items.length ? index + 1 : 0);
+                    } else {
+                        selected = items.eq(index - 1 < 0 ? items.length - 1 : index - 1);
+                    }
+
+                } else {
+                    selected = items[(item == 'next') ? 'first' : 'last']();
+                }
+
+                selected = UI.$(selected);
+            }
+
+            if (selected && selected.length) {
+                this.selected = selected;
+                items.removeClass(this.options.hoverClass);
+                this.selected.addClass(this.options.hoverClass);
+
+                // jump to selected if not in view
+                if (scrollinview) {
+
+                    var top       = selected.position().top,
+                        scrollTop = $this.dropdown.scrollTop(),
+                        dpheight  = $this.dropdown.height();
+
+                    if (top > dpheight ||  top < 0) {
+                        $this.dropdown.scrollTop(scrollTop + top);
+                    }
+                }
+            }
+        },
+
+        select: function() {
+
+            if(!this.selected) return;
+
+            var data = this.selected.data();
+
+            this.trigger('selectitem.uk.autocomplete', [data, this]);
+
+            if (data.value) {
+                this.input.val(data.value).trigger('change');
+            }
+
+            this.hide();
+        },
+
+        show: function() {
+
+            if (this.visible) return;
+
+            this.visible = true;
+            this.element.addClass('uk-open');
+
+            if (active && active!==this) {
+                active.hide();
+            }
+
+            active = this;
+
+            // Update aria
+            this.dropdown.attr('aria-expanded', 'true');
+
+            return this;
+        },
+
+        hide: function() {
+            if (!this.visible) return;
+            this.visible = false;
+            this.element.removeClass('uk-open');
+
+            if (active === this) {
+                active = false;
+            }
+
+            // Update aria
+            this.dropdown.attr('aria-expanded', 'false');
+
+            return this;
+        },
+
+        request: function() {
+
+            var $this   = this,
+                release = function(data) {
+
+                    if(data) {
+                        $this.render(data);
+                    }
+
+                    $this.element.removeClass($this.options.loadingClass);
+                };
+
+            this.element.addClass(this.options.loadingClass);
+
+            if (this.options.source) {
+
+                var source = this.options.source;
+
+                switch(typeof(this.options.source)) {
+                    case 'function':
+
+                        this.options.source.apply(this, [release]);
+
+                        break;
+
+                    case 'object':
+
+                        if(source.length) {
+
+                            var items = [];
+
+                            source.forEach(function(item){
+                                if(item.value && item.value.toLowerCase().indexOf($this.value.toLowerCase())!=-1) {
+                                    items.push(item);
+                                }
+                            });
+
+                            release(items);
+                        }
+
+                        break;
+
+                    case 'string':
+
+                        var params ={};
+
+                        params[this.options.param] = this.value;
+
+                        UI.$.ajax({
+                            url: this.options.source,
+                            data: params,
+                            type: this.options.method,
+                            dataType: 'json'
+                        }).done(function(json) {
+                            release(json || []);
+                        });
+
+                        break;
+
+                    default:
+                        release(null);
+                }
+
+            } else {
+                this.element.removeClass($this.options.loadingClass);
+            }
+        },
+
+        render: function(data) {
+
+            this.dropdown.empty();
+
+            this.selected = false;
+
+            if (this.options.renderer) {
+
+                this.options.renderer.apply(this, [data]);
+
+            } else if(data && data.length) {
+
+                this.dropdown.append(this.template({items:data}));
+                this.show();
+
+                this.trigger('show.uk.autocomplete');
+            }
+
+            return this;
+        }
+    });
+
+    return UI.autocomplete;
+});