/*! UIkit 2.10.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ (function(core) { if (typeof define == "function" && define.amd) { // AMD define("uikit", function(){ var uikit = core(window, window.jQuery, window.document); uikit.load = function(res, req, onload, config) { var resources = res.split(','), load = [], i, base = (config.config && config.config.uikit && config.config.uikit.base ? config.config.uikit.base : "").replace(/\/+$/g, ""); if (!base) { throw new Error( "Please define base path to UIkit in the requirejs config." ); } for (i = 0; i < resources.length; i += 1) { var resource = resources[i].replace(/\./g, '/'); load.push(base+'/js/addons/'+resource); } req(load, function() { onload(uikit); }); }; return uikit; }); } if (!window.jQuery) { throw new Error( "UIkit requires jQuery" ); } if (window && window.jQuery) { core(window, window.jQuery, window.document); } })(function(global, $, doc) { "use strict"; var UI = $.UIkit || {}, $html = $("html"), $win = $(window), $doc = $(document); if (UI.fn) { return UI; } UI.version = '2.10.0'; UI.$doc = $doc; UI.$win = $win; UI.fn = function(command, options) { var args = arguments, cmd = command.match(/^([a-z\-]+)(?:\.([a-z]+))?/i), component = cmd[1], method = cmd[2]; if (!UI[component]) { $.error("UIkit component [" + component + "] does not exist."); return this; } return this.each(function() { var $this = $(this), data = $this.data(component); if (!data) $this.data(component, (data = UI[component](this, method ? undefined : options))); if (method) data[method].apply(data, Array.prototype.slice.call(args, 1)); }); }; UI.support = {}; UI.support.transition = (function() { var transitionEnd = (function() { var element = doc.body || doc.documentElement, transEndEventNames = { WebkitTransition: 'webkitTransitionEnd', MozTransition: 'transitionend', OTransition: 'oTransitionEnd otransitionend', transition: 'transitionend' }, name; for (name in transEndEventNames) { if (element.style[name] !== undefined) return transEndEventNames[name]; } }()); return transitionEnd && { end: transitionEnd }; })(); UI.support.animation = (function() { var animationEnd = (function() { var element = doc.body || doc.documentElement, animEndEventNames = { WebkitAnimation: 'webkitAnimationEnd', MozAnimation: 'animationend', OAnimation: 'oAnimationEnd oanimationend', animation: 'animationend' }, name; for (name in animEndEventNames) { if (element.style[name] !== undefined) return animEndEventNames[name]; } }()); return animationEnd && { end: animationEnd }; })(); UI.support.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame || function(callback){ setTimeout(callback, 1000/60); }; UI.support.touch = ( ('ontouchstart' in window && navigator.userAgent.toLowerCase().match(/mobile|tablet/)) || (global.DocumentTouch && document instanceof global.DocumentTouch) || (global.navigator['msPointerEnabled'] && global.navigator['msMaxTouchPoints'] > 0) || //IE 10 (global.navigator['pointerEnabled'] && global.navigator['maxTouchPoints'] > 0) || //IE >=11 false ); UI.support.mutationobserver = (global.MutationObserver || global.WebKitMutationObserver || null); UI.Utils = {}; UI.Utils.debounce = function(func, wait, immediate) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; }; UI.Utils.removeCssRules = function(selectorRegEx) { var idx, idxs, stylesheet, _i, _j, _k, _len, _len1, _len2, _ref; if(!selectorRegEx) return; setTimeout(function(){ try { _ref = document.styleSheets; for (_i = 0, _len = _ref.length; _i < _len; _i++) { stylesheet = _ref[_i]; idxs = []; stylesheet.cssRules = stylesheet.cssRules; for (idx = _j = 0, _len1 = stylesheet.cssRules.length; _j < _len1; idx = ++_j) { if (stylesheet.cssRules[idx].type === CSSRule.STYLE_RULE && selectorRegEx.test(stylesheet.cssRules[idx].selectorText)) { idxs.unshift(idx); } } for (_k = 0, _len2 = idxs.length; _k < _len2; _k++) { stylesheet.deleteRule(idxs[_k]); } } } catch (_error) {} }, 0); }; UI.Utils.isInView = function(element, options) { var $element = $(element); if (!$element.is(':visible')) { return false; } var window_left = $win.scrollLeft(), window_top = $win.scrollTop(), offset = $element.offset(), left = offset.left, top = offset.top; options = $.extend({topoffset:0, leftoffset:0}, options); if (top + $element.height() >= window_top && top - options.topoffset <= window_top + $win.height() && left + $element.width() >= window_left && left - options.leftoffset <= window_left + $win.width()) { return true; } else { return false; } }; UI.Utils.checkDisplay = function(context) { $('[data-uk-margin], [data-uk-grid-match], [data-uk-grid-margin], [data-uk-check-display]', context || document).trigger('uk-check-display'); }; UI.Utils.options = function(string) { if ($.isPlainObject(string)) return string; var start = (string ? string.indexOf("{") : -1), options = {}; if (start != -1) { try { options = (new Function("", "var json = " + string.substr(start) + "; return JSON.parse(JSON.stringify(json));"))(); } catch (e) {} } return options; }; UI.Utils.template = function(str, data) { var tokens = str.replace(/\n/g, '\\n').replace(/\{\{\{\s*(.+?)\s*\}\}\}/g, "{{!$1}}").split(/(\{\{\s*(.+?)\s*\}\})/g), i=0, toc, cmd, prop, val, fn, output = [], openblocks = 0; while(i < tokens.length) { toc = tokens[i]; if(toc.match(/\{\{\s*(.+?)\s*\}\}/)) { i = i + 1; toc = tokens[i]; cmd = toc[0]; prop = toc.substring(toc.match(/^(\^|\#|\!|\~|\:)/) ? 1:0); switch(cmd) { case '~': output.push("for(var $i=0;$i<"+prop+".length;$i++) { var $item = "+prop+"[$i];"); openblocks++; break; case ':': output.push("for(var $key in "+prop+") { var $val = "+prop+"[$key];"); openblocks++; break; case '#': output.push("if("+prop+") {"); openblocks++; break; case '^': output.push("if(!"+prop+") {"); openblocks++; break; case '/': output.push("}"); openblocks--; break; case '!': output.push("__ret.push("+prop+");"); break; default: output.push("__ret.push(escape("+prop+"));"); break; } } else { output.push("__ret.push('"+toc.replace(/\'/g, "\\'")+"');"); } i = i + 1; } fn = [ 'var __ret = [];', 'try {', 'with($data){', (!openblocks ? output.join('') : '__ret = ["Not all blocks are closed correctly."]'), '};', '}catch(e){__ret = [e.message];}', 'return __ret.join("").replace(/\\n\\n/g, "\\n");', "function escape(html) { return String(html).replace(/&/g, '&').replace(/\"/g, '"').replace(//g, '>');}" ].join("\n"); var func = new Function('$data', fn); return data ? func(data) : func; }; UI.Utils.events = {}; UI.Utils.events.click = UI.support.touch ? 'tap' : 'click'; $.UIkit = UI; $.fn.uk = UI.fn; $.UIkit.langdirection = $html.attr("dir") == "rtl" ? "right" : "left"; // DOM mutation save ready helper function UI.domObservers = []; UI.domObserve = function(selector, fn) { if(!UI.support.mutationobserver) return; $(selector).each(function() { var element = this; try { var observer = new UI.support.mutationobserver(UI.Utils.debounce(function(mutations) { fn.apply(element, []); $(element).trigger('uk.dom.changed'); }, 50)); // pass in the target node, as well as the observer options observer.observe(element, { childList: true, subtree: true }); } catch(e) {} }); }; UI.ready = function(fn) { $(function() { fn(document); }); UI.domObservers.push(fn); }; $doc.on('uk.domready', function(){ UI.domObservers.forEach(function(fn){ fn(document); }); $doc.trigger('uk.dom.changed'); }); $(function(){ // custom scroll observer setInterval((function(){ var memory = {x: window.pageXOffset, y:window.pageYOffset}; var fn = function(){ if (memory.x != window.pageXOffset || memory.y != window.pageYOffset) { memory = {x: window.pageXOffset, y:window.pageYOffset}; $doc.trigger('uk-scroll', [memory]); } }; if ($.UIkit.support.touch) { $doc.on('touchmove touchend MSPointerMove MSPointerUp', fn); } if(memory.x || memory.y) fn(); return fn; })(), 15); // Check for dom modifications UI.domObserve('[data-uk-observe]', function() { var ele = this; UI.domObservers.forEach(function(fn){ fn(ele); }); }); if (UI.support.touch) { // remove css hover rules for touch devices // UI.Utils.removeCssRules(/\.uk-(?!navbar).*:hover/); // viewport unit fix for uk-height-viewport - should be fixed in iOS 8 if (navigator.userAgent.match(/(iPad|iPhone|iPod)/g)) { UI.$win.on('load orientationchange resize', UI.Utils.debounce((function(){ var fn = function() { $('.uk-height-viewport').css('height', window.innerHeight); return fn; }; return fn(); })(), 100)); } } }); // add touch identifier class $html.addClass(UI.support.touch ? "uk-touch" : "uk-notouch"); // add uk-hover class on tap to support overlays on touch devices if (UI.support.touch) { var hoverset = false, selector = '.uk-overlay, .uk-overlay-toggle, .uk-has-hover', exclude; $doc.on('touchstart MSPointerDown', selector, function() { if(hoverset) $('.uk-hover').removeClass('uk-hover'); hoverset = $(this).addClass('uk-hover'); }).on('touchend MSPointerUp', function(e) { exclude = $(e.target).parents(selector); if (hoverset) hoverset.not(exclude).removeClass('uk-hover'); }); } return UI; }); (function($, UI) { "use strict"; UI.components = {}; UI.component = function(name, def) { var fn = function(element, options) { var $this = this; this.element = element ? $(element) : null; this.options = $.extend(true, {}, this.defaults, options); this.plugins = {}; if (this.element) { this.element.data(name, this); } this.init(); (this.options.plugins.length ? this.options.plugins : Object.keys(fn.plugins)).forEach(function(plugin) { if (fn.plugins[plugin].init) { fn.plugins[plugin].init($this); $this.plugins[plugin] = true; } }); this.trigger('init', [this]); }; fn.plugins = {}; $.extend(true, fn.prototype, { defaults : {plugins: []}, init: function(){}, on: function(){ return $(this.element || this).on.apply(this.element || this, arguments); }, one: function(){ return $(this.element || this).one.apply(this.element || this, arguments); }, off: function(evt){ return $(this.element || this).off(evt); }, trigger: function(evt, params) { return $(this.element || this).trigger(evt, params); }, find: function(selector) { return this.element ? this.element.find(selector) : $([]); }, proxy: function(obj, methods) { var $this = this; methods.split(' ').forEach(function(method) { if (!$this[method]) $this[method] = function() { return obj[method].apply(obj, arguments); }; }); }, mixin: function(obj, methods) { var $this = this; methods.split(' ').forEach(function(method) { if (!$this[method]) $this[method] = obj[method].bind($this); }); }, }, def); this.components[name] = fn; this[name] = function() { var element, options; if(arguments.length) { switch(arguments.length) { case 1: if (typeof arguments[0] === "string" || arguments[0].nodeType || arguments[0] instanceof jQuery) { element = $(arguments[0]); } else { options = arguments[0]; } break; case 2: element = $(arguments[0]); options = arguments[1]; break; } } if (element && element.data(name)) { return element.data(name); } return (new UI.components[name](element, options)); }; return fn; }; UI.plugin = function(component, name, def) { this.components[component].plugins[name] = def; }; })(jQuery, jQuery.UIkit); (function($, UI) { "use strict"; var stacks = []; UI.component('stackMargin', { defaults: { 'cls': 'uk-margin-small-top' }, init: function() { var $this = this; this.columns = this.element.children(); if (!this.columns.length) return; UI.$win.on('resize orientationchange', (function() { var fn = function() { $this.process(); }; $(function() { fn(); UI.$win.on("load", fn); }); return UI.Utils.debounce(fn, 50); })()); UI.$doc.on("uk.dom.changed", function(e) { $this.columns = $this.element.children(); $this.process(); }); this.on("uk-check-display", function(e) { if(this.element.is(":visible")) this.process(); }.bind(this)); stacks.push(this); }, process: function() { var $this = this; this.revert(); var skip = false, firstvisible = this.columns.filter(":visible:first"), offset = firstvisible.length ? firstvisible.offset().top : false; if (offset === false) return; this.columns.each(function() { var column = $(this); if (column.is(":visible")) { if (skip) { column.addClass($this.options.cls); } else { if (column.offset().top != offset) { column.addClass($this.options.cls); skip = true; } } } }); return this; }, revert: function() { this.columns.removeClass(this.options.cls); return this; } }); // init code UI.ready(function(context) { $("[data-uk-margin]", context).each(function() { var ele = $(this), obj; if (!ele.data("stackMargin")) { obj = UI.stackMargin(ele, UI.Utils.options(ele.attr("data-uk-margin"))); } }); }); })(jQuery, jQuery.UIkit); // Based on Zeptos touch.js // https://raw.github.com/madrobby/zepto/master/src/touch.js // Zepto.js may be freely distributed under the MIT license. ;(function($){ var touch = {}, touchTimeout, tapTimeout, swipeTimeout, longTapTimeout, longTapDelay = 750, gesture; function swipeDirection(x1, x2, y1, y2) { return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down'); } function longTap() { longTapTimeout = null; if (touch.last) { touch.el.trigger('longTap'); touch = {}; } } function cancelLongTap() { if (longTapTimeout) clearTimeout(longTapTimeout); longTapTimeout = null; } function cancelAll() { if (touchTimeout) clearTimeout(touchTimeout); if (tapTimeout) clearTimeout(tapTimeout); if (swipeTimeout) clearTimeout(swipeTimeout); if (longTapTimeout) clearTimeout(longTapTimeout); touchTimeout = tapTimeout = swipeTimeout = longTapTimeout = null; touch = {}; } function isPrimaryTouch(event){ return event.pointerType == event.MSPOINTER_TYPE_TOUCH && event.isPrimary; } $(function(){ var now, delta, deltaX = 0, deltaY = 0, firstTouch; if ('MSGesture' in window) { gesture = new MSGesture(); gesture.target = document.body; } $(document) .bind('MSGestureEnd', function(e){ var swipeDirectionFromVelocity = e.originalEvent.velocityX > 1 ? 'Right' : e.originalEvent.velocityX < -1 ? 'Left' : e.originalEvent.velocityY > 1 ? 'Down' : e.originalEvent.velocityY < -1 ? 'Up' : null; if (swipeDirectionFromVelocity) { touch.el.trigger('swipe'); touch.el.trigger('swipe'+ swipeDirectionFromVelocity); } }) .on('touchstart MSPointerDown', function(e){ if(e.type == 'MSPointerDown' && !isPrimaryTouch(e.originalEvent)) return; firstTouch = e.type == 'MSPointerDown' ? e : e.originalEvent.touches[0]; now = Date.now(); delta = now - (touch.last || now); touch.el = $('tagName' in firstTouch.target ? firstTouch.target : firstTouch.target.parentNode); if(touchTimeout) clearTimeout(touchTimeout); touch.x1 = firstTouch.pageX; touch.y1 = firstTouch.pageY; if (delta > 0 && delta <= 250) touch.isDoubleTap = true; touch.last = now; longTapTimeout = setTimeout(longTap, longTapDelay); // adds the current touch contact for IE gesture recognition if (gesture && e.type == 'MSPointerDown') gesture.addPointer(e.originalEvent.pointerId); }) .on('touchmove MSPointerMove', function(e){ if(e.type == 'MSPointerMove' && !isPrimaryTouch(e.originalEvent)) return; firstTouch = e.type == 'MSPointerMove' ? e : e.originalEvent.touches[0]; cancelLongTap(); touch.x2 = firstTouch.pageX; touch.y2 = firstTouch.pageY; deltaX += Math.abs(touch.x1 - touch.x2); deltaY += Math.abs(touch.y1 - touch.y2); }) .on('touchend MSPointerUp', function(e){ if(e.type == 'MSPointerUp' && !isPrimaryTouch(e.originalEvent)) return; cancelLongTap(); // swipe if ((touch.x2 && Math.abs(touch.x1 - touch.x2) > 30) || (touch.y2 && Math.abs(touch.y1 - touch.y2) > 30)){ swipeTimeout = setTimeout(function() { touch.el.trigger('swipe'); touch.el.trigger('swipe' + (swipeDirection(touch.x1, touch.x2, touch.y1, touch.y2))); touch = {}; }, 0); // normal tap } else if ('last' in touch) { // don't fire tap when delta position changed by more than 30 pixels, // for instance when moving to a point and back to origin if (isNaN(deltaX) || (deltaX < 30 && deltaY < 30)) { // delay by one tick so we can cancel the 'tap' event if 'scroll' fires // ('tap' fires before 'scroll') tapTimeout = setTimeout(function() { // trigger universal 'tap' with the option to cancelTouch() // (cancelTouch cancels processing of single vs double taps for faster 'tap' response) var event = $.Event('tap'); event.cancelTouch = cancelAll; touch.el.trigger(event); // trigger double tap immediately if (touch.isDoubleTap) { touch.el.trigger('doubleTap'); touch = {}; } // trigger single tap after 250ms of inactivity else { touchTimeout = setTimeout(function(){ touchTimeout = null; touch.el.trigger('singleTap'); touch = {}; }, 250); } }, 0); } else { touch = {}; } deltaX = deltaY = 0; } }) // when the browser window loses focus, // for example when a modal dialog is shown, // cancel all ongoing events .on('touchcancel MSPointerCancel', cancelAll); // scrolling the window indicates intention of the user // to scroll, not tap or swipe, so cancel all ongoing events $(window).on('scroll', cancelAll); }); ['swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'doubleTap', 'tap', 'singleTap', 'longTap'].forEach(function(eventName){ $.fn[eventName] = function(callback){ return $(this).on(eventName, callback); }; }); })(jQuery); (function($, UI) { "use strict"; UI.component('alert', { defaults: { "fade": true, "duration": 200, "trigger": ".uk-alert-close" }, init: function() { var $this = this; this.on("click", this.options.trigger, function(e) { e.preventDefault(); $this.close(); }); }, close: function() { var element = this.trigger("close"); if (this.options.fade) { element.css("overflow", "hidden").css("max-height", element.height()).animate({ "height": 0, "opacity": 0, "padding-top": 0, "padding-bottom": 0, "margin-top": 0, "margin-bottom": 0 }, this.options.duration, removeElement); } else { removeElement(); } function removeElement() { element.trigger("closed").remove(); } } }); // init code UI.$doc.on("click.alert.uikit", "[data-uk-alert]", function(e) { var ele = $(this); if (!ele.data("alert")) { var alert = UI.alert(ele, UI.Utils.options(ele.data("uk-alert"))); if ($(e.target).is(ele.data("alert").options.trigger)) { e.preventDefault(); alert.close(); } } }); })(jQuery, jQuery.UIkit); (function($, UI) { "use strict"; UI.component('buttonRadio', { defaults: { "target": ".uk-button" }, init: function() { var $this = this; this.on("click", this.options.target, function(e) { if ($(this).is('a[href="#"]')) e.preventDefault(); $this.find($this.options.target).not(this).removeClass("uk-active").blur(); $this.trigger("change", [$(this).addClass("uk-active")]); }); }, getSelected: function() { return this.find(".uk-active"); } }); UI.component('buttonCheckbox', { defaults: { "target": ".uk-button" }, init: function() { var $this = this; this.on("click", this.options.target, function(e) { if ($(this).is('a[href="#"]')) e.preventDefault(); $this.trigger("change", [$(this).toggleClass("uk-active").blur()]); }); }, getSelected: function() { return this.find(".uk-active"); } }); UI.component('button', { defaults: {}, init: function() { var $this = this; this.on("click", function(e) { if ($this.element.is('a[href="#"]')) e.preventDefault(); $this.toggle(); $this.trigger("change", [$this.element.blur().hasClass("uk-active")]); }); }, toggle: function() { this.element.toggleClass("uk-active"); } }); // init code UI.$doc.on("click.buttonradio.uikit", "[data-uk-button-radio]", function(e) { var ele = $(this); if (!ele.data("buttonRadio")) { var obj = UI.buttonRadio(ele, UI.Utils.options(ele.attr("data-uk-button-radio"))); if ($(e.target).is(obj.options.target)) { $(e.target).trigger("click"); } } }); UI.$doc.on("click.buttoncheckbox.uikit", "[data-uk-button-checkbox]", function(e) { var ele = $(this); if (!ele.data("buttonCheckbox")) { var obj = UI.buttonCheckbox(ele, UI.Utils.options(ele.attr("data-uk-button-checkbox"))), target=$(e.target); if (target.is(obj.options.target)) { ele.trigger("change", [target.toggleClass("uk-active").blur()]); } } }); UI.$doc.on("click.button.uikit", "[data-uk-button]", function(e) { var ele = $(this); if (!ele.data("button")) { var obj = UI.button(ele, UI.Utils.options(ele.attr("data-uk-button"))); ele.trigger("click"); } }); })(jQuery, jQuery.UIkit); (function($, UI) { "use strict"; var active = false, hoverIdle; UI.component('dropdown', { defaults: { 'mode' : 'hover', 'remaintime' : 800, 'justify' : false, 'boundary' : UI.$win, 'delay' : 0 }, remainIdle: false, init: function() { var $this = this; this.dropdown = this.find(".uk-dropdown"); this.centered = this.dropdown.hasClass("uk-dropdown-center"); this.justified = this.options.justify ? $(this.options.justify) : false; this.boundary = $(this.options.boundary); this.flipped = this.dropdown.hasClass('uk-dropdown-flip'); if(!this.boundary.length) { this.boundary = UI.$win; } if (this.options.mode == "click" || UI.support.touch) { this.on("click", function(e) { var $target = $(e.target); if (!$target.parents(".uk-dropdown").length) { if ($target.is("a[href='#']") || $target.parent().is("a[href='#']")){ e.preventDefault(); } $target.blur(); } if (!$this.element.hasClass("uk-open")) { $this.show(); } else { if ($target.is("a:not(.js-uk-prevent)") || $target.is(".uk-dropdown-close") || !$this.dropdown.find(e.target).length) { $this.element.removeClass("uk-open"); active = false; } } }); } else { this.on("mouseenter", function(e) { if ($this.remainIdle) { clearTimeout($this.remainIdle); } if (hoverIdle) { clearTimeout(hoverIdle); } hoverIdle = setTimeout($this.show.bind($this), $this.options.delay); }).on("mouseleave", function() { if (hoverIdle) { clearTimeout(hoverIdle); } $this.remainIdle = setTimeout(function() { $this.element.removeClass("uk-open"); $this.remainIdle = false; if (active && active[0] == $this.element[0]) active = false; }, $this.options.remaintime); }).on("click", function(e){ var $target = $(e.target); if ($this.remainIdle) { clearTimeout($this.remainIdle); } if ($target.is("a[href='#']") || $target.parent().is("a[href='#']")){ e.preventDefault(); } $this.show(); }); } }, show: function(){ if (active && active[0] != this.element[0]) { active.removeClass("uk-open"); } if (hoverIdle) { clearTimeout(hoverIdle); } this.checkDimensions(); this.element.addClass("uk-open"); this.trigger('uk.dropdown.show', [this]); UI.Utils.checkDisplay(this.dropdown); active = this.element; this.registerOuterClick(); }, registerOuterClick: function(){ var $this = this; UI.$doc.off("click.outer.dropdown"); setTimeout(function() { UI.$doc.on("click.outer.dropdown", function(e) { if (hoverIdle) { clearTimeout(hoverIdle); } var $target = $(e.target); if (active && active[0] == $this.element[0] && ($target.is("a:not(.js-uk-prevent)") || $target.is(".uk-dropdown-close") || !$this.dropdown.find(e.target).length)) { active.removeClass("uk-open"); UI.$doc.off("click.outer.dropdown"); } }); }, 10); }, checkDimensions: function() { if(!this.dropdown.length) return; if (this.justified && this.justified.length) { this.dropdown.css("min-width", ""); } var $this = this, dropdown = this.dropdown.css("margin-" + $.UIkit.langdirection, ""), offset = dropdown.show().offset(), width = dropdown.outerWidth(), boundarywidth = this.boundary.width(), boundaryoffset = this.boundary.offset() ? this.boundary.offset().left:0; // centered dropdown if (this.centered) { dropdown.css("margin-" + $.UIkit.langdirection, (parseFloat(width) / 2 - dropdown.parent().width() / 2) * -1); offset = dropdown.offset(); // reset dropdown if ((width + offset.left) > boundarywidth || offset.left < 0) { dropdown.css("margin-" + $.UIkit.langdirection, ""); offset = dropdown.offset(); } } // justify dropdown if (this.justified && this.justified.length) { var jwidth = this.justified.outerWidth(); dropdown.css("min-width", jwidth); if ($.UIkit.langdirection == 'right') { var right1 = boundarywidth - (this.justified.offset().left + jwidth), right2 = boundarywidth - (dropdown.offset().left + dropdown.outerWidth()); dropdown.css("margin-right", right1 - right2); } else { dropdown.css("margin-left", this.justified.offset().left - offset.left); } offset = dropdown.offset(); } if ((width + (offset.left-boundaryoffset)) > boundarywidth) { dropdown.addClass("uk-dropdown-flip"); offset = dropdown.offset(); } if ((offset.left-boundaryoffset) < 0) { dropdown.addClass("uk-dropdown-stack"); if (dropdown.hasClass("uk-dropdown-flip")) { if (!this.flipped) { dropdown.removeClass("uk-dropdown-flip"); offset = dropdown.offset(); dropdown.addClass("uk-dropdown-flip"); } setTimeout(function(){ if ((dropdown.offset().left-boundaryoffset) < 0 || !$this.flipped && (dropdown.outerWidth() + (offset.left-boundaryoffset)) < boundarywidth) { dropdown.removeClass("uk-dropdown-flip"); } }, 0); } this.trigger('uk.dropdown.stack', [this]); } dropdown.css("display", ""); } }); var triggerevent = UI.support.touch ? "click" : "mouseenter"; // init code UI.$doc.on(triggerevent+".dropdown.uikit", "[data-uk-dropdown]", function(e) { var ele = $(this); if (!ele.data("dropdown")) { var dropdown = UI.dropdown(ele, UI.Utils.options(ele.data("uk-dropdown"))); if (triggerevent=="click" || (triggerevent=="mouseenter" && dropdown.options.mode=="hover")) { dropdown.element.trigger(triggerevent); } if(dropdown.element.find('.uk-dropdown').length) { e.preventDefault(); } } }); })(jQuery, jQuery.UIkit); (function($, UI) { "use strict"; var grids = []; UI.component('gridMatchHeight', { defaults: { "target" : false, "row" : true }, init: function() { var $this = this; this.columns = this.element.children(); this.elements = this.options.target ? this.find(this.options.target) : this.columns; if (!this.columns.length) return; UI.$win.on('resize orientationchange', (function() { var fn = function() { $this.match(); }; $(function() { fn(); UI.$win.on("load", fn); }); return UI.Utils.debounce(fn, 50); })()); UI.$doc.on("uk.dom.changed", function(e) { $this.columns = $this.element.children(); $this.elements = $this.options.target ? $this.find($this.options.target) : $this.columns; $this.match(); }); this.on("uk-check-display", function(e) { if(this.element.is(":visible")) this.match(); }.bind(this)); grids.push(this); }, match: function() { this.revert(); var firstvisible = this.columns.filter(":visible:first"); if (!firstvisible.length) return; var stacked = Math.ceil(100 * parseFloat(firstvisible.css('width')) / parseFloat(firstvisible.parent().css('width'))) >= 100 ? true : false, max = 0, $this = this; if (stacked) return; if(this.options.row) { this.element.width(); // force redraw setTimeout(function(){ var lastoffset = false, group = []; $this.elements.each(function(i) { var ele = $(this), offset = ele.offset().top; if(offset != lastoffset && group.length) { $this.matchHeights($(group)); group = []; offset = ele.offset().top; } group.push(ele); lastoffset = offset; }); if(group.length) { $this.matchHeights($(group)); } }, 0); } else { this.matchHeights(this.elements); } return this; }, revert: function() { this.elements.css('min-height', ''); return this; }, matchHeights: function(elements){ if(elements.length < 2) return; var max = 0; elements.each(function() { max = Math.max(max, $(this).outerHeight()); }).each(function(i) { var element = $(this), height = max - (element.outerHeight() - element.height()); element.css('min-height', height + 'px'); }); } }); UI.component('gridMargin', { defaults: { "cls": "uk-grid-margin" }, init: function() { var $this = this; var stackMargin = UI.stackMargin(this.element, this.options); } }); // init code UI.ready(function(context) { $("[data-uk-grid-match],[data-uk-grid-margin]", context).each(function() { var grid = $(this), obj; if (grid.is("[data-uk-grid-match]") && !grid.data("gridMatchHeight")) { obj = UI.gridMatchHeight(grid, UI.Utils.options(grid.attr("data-uk-grid-match"))); } if (grid.is("[data-uk-grid-margin]") && !grid.data("gridMargin")) { obj = UI.gridMargin(grid, UI.Utils.options(grid.attr("data-uk-grid-margin"))); } }); }); })(jQuery, jQuery.UIkit); (function($, UI) { "use strict"; var active = false, $html = $('html'), body; UI.component('modal', { defaults: { keyboard: true, bgclose: true, minScrollHeight: 150 }, scrollable: false, transition: false, init: function() { if (!body) body = $('body'); var $this = this; this.transition = UI.support.transition; this.dialog = this.find(".uk-modal-dialog"); this.on("click", ".uk-modal-close", function(e) { e.preventDefault(); $this.hide(); }).on("click", function(e) { var target = $(e.target); if (target[0] == $this.element[0] && $this.options.bgclose) { $this.hide(); } }); }, toggle: function() { return this[this.isActive() ? "hide" : "show"](); }, show: function() { var $this = this; if (this.isActive()) return; if (active) active.hide(true); this.element.removeClass("uk-open").show(); this.resize(); active = this; $html.addClass("uk-modal-page").height(); // force browser engine redraw this.element.addClass("uk-open").trigger("uk.modal.show"); UI.Utils.checkDisplay(this.dialog); return this; }, hide: function(force) { if (!this.isActive()) return; if (!force && UI.support.transition) { var $this = this; this.one(UI.support.transition.end, function() { $this._hide(); }).removeClass("uk-open"); } else { this._hide(); } return this; }, resize: function() { var paddingdir = "padding-" + (UI.langdirection == 'left' ? "left":"right"), margindir = "margin-" + (UI.langdirection == 'left' ? "left":"right"), bodywidth = body.width(); this.scrollbarwidth = window.innerWidth - bodywidth; $html.css(margindir, this.scrollbarwidth * -1); this.element.css(paddingdir, ""); if (this.dialog.offset().left > this.scrollbarwidth) { this.element.css(paddingdir, this.scrollbarwidth - (this.element[0].scrollHeight==window.innerHeight ? 0:this.scrollbarwidth )); } this.updateScrollable(); }, updateScrollable: function() { // has scrollable? var scrollable = this.dialog.find('.uk-overflow-container:visible:first'); if (scrollable) { scrollable.css("height", 0); var offset = Math.abs(parseInt(this.dialog.css("margin-top"), 10)), dh = this.dialog.outerHeight(), wh = window.innerHeight, h = wh - 2*(offset < 20 ? 20:offset) - dh; scrollable.css("height", h < this.options.minScrollHeight ? "":h); } }, _hide: function() { this.element.hide().removeClass("uk-open"); $html.removeClass("uk-modal-page").css("margin-" + (UI.langdirection == 'left' ? "left":"right"), ""); if(active===this) active = false; this.trigger("uk.modal.hide"); }, isActive: function() { return (active == this); } }); UI.component('modalTrigger', { init: function() { var $this = this; this.options = $.extend({ "target": $this.element.is("a") ? $this.element.attr("href") : false }, this.options); this.modal = UI.modal(this.options.target, this.options); this.on("click", function(e) { e.preventDefault(); $this.show(); }); //methods this.proxy(this.modal, "show hide isActive"); } }); UI.modal.dialog = function(content, options) { var modal = UI.modal($(UI.modal.dialog.template).appendTo("body"), options); modal.on("uk.modal.hide", function(){ if (modal.persist) { modal.persist.appendTo(modal.persist.data("modalPersistParent")); modal.persist = false; } modal.element.remove(); }); setContent(content, modal); return modal; }; UI.modal.dialog.template = '