');
this.responsivetab.dropdown = this.responsivetab.find('.uk-dropdown');
this.responsivetab.lst = this.responsivetab.dropdown.find('ul');
this.responsivetab.caption = this.responsivetab.find('a:first');
if (this.element.hasClass("uk-tab-bottom")) this.responsivetab.dropdown.addClass("uk-dropdown-up");
// handle click
this.responsivetab.lst.on('click.uk.tab', 'a', function(e) {
e.preventDefault();
e.stopPropagation();
var link = UI.$(this);
$this.element.children('li:not(.uk-tab-responsive)').eq(link.data('index')).trigger('click');
});
this.on('show.uk.switcher change.uk.tab', function(e, tab) {
$this.responsivetab.caption.html(tab.text());
});
this.element.append(this.responsivetab);
// init UIkit components
if (this.options.connect) {
this.switcher = UI.switcher(this.element, {
'toggle' : '>li:not(.uk-tab-responsive)',
'connect' : this.options.connect,
'active' : this.options.active,
'animation' : this.options.animation,
'duration' : this.options.duration,
'swiping' : this.options.swiping
});
}
UI.dropdown(this.responsivetab, {"mode": "click", "preventflip": "y"});
// init
$this.trigger("change.uk.tab", [this.element.find(this.options.target).not('.uk-tab-responsive').filter('.uk-active')]);
this.check();
UI.$win.on('resize orientationchange', UI.Utils.debounce(function(){
if ($this.element.is(":visible")) $this.check();
}, 100));
this.on('display.uk.check', function(){
if ($this.element.is(":visible")) $this.check();
});
},
check: function() {
var children = this.element.children('li:not(.uk-tab-responsive)').removeClass('uk-hidden');
if (!children.length) {
this.responsivetab.addClass('uk-hidden');
return;
}
var top = (children.eq(0).offset().top + Math.ceil(children.eq(0).height()/2)),
doresponsive = false,
item, link, clone;
this.responsivetab.lst.empty();
children.each(function(){
if (UI.$(this).offset().top > top) {
doresponsive = true;
}
});
if (doresponsive) {
for (var i = 0; i < children.length; i++) {
item = UI.$(children.eq(i));
link = item.find('a');
if (item.css('float') != 'none' && !item.attr('uk-dropdown')) {
if (!item.hasClass('uk-disabled')) {
clone = item[0].outerHTML.replace(' -1 ? '&':'?'), 'enablejsapi=1&api=1'].join(''));
}
},
check: function() {
this.element.css({
width : '',
height : ''
});
this.dimension = {w: this.element.width(), h: this.element.height()};
if (this.element.attr('width') && !isNaN(this.element.attr('width'))) {
this.dimension.w = this.element.attr('width');
}
if (this.element.attr('height') && !isNaN(this.element.attr('height'))) {
this.dimension.h = this.element.attr('height');
}
this.ratio = this.dimension.w / this.dimension.h;
var w = this.parent.width(), h = this.parent.height(), width, height;
// if element height < parent height (gap underneath)
if ((w / this.ratio) < h) {
width = Math.ceil(h * this.ratio);
height = h;
// element width < parent width (gap to right)
} else {
width = w;
height = Math.ceil(w / this.ratio);
}
this.element.css({
'width' : width,
'height' : height
});
}
});
})(UIkit);
/*! UIkit 2.27.1 | 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('').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;
});
/*! UIkit 2.27.1 | 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: '';
content += '';
for(i = 0; i < data.weekdays.length; i++) {
if (data.weekdays[i]) {
content += '
';
return content;
}
},
boot: function() {
UI.$win.on("resize orientationchange", function() {
if (active) {
active.hide();
}
});
// init code
UI.$html.on("focus.datepicker.uikit", "[data-uk-datepicker]", function(e) {
var ele = UI.$(this);
if (!ele.data("datepicker")) {
e.preventDefault();
UI.datepicker(ele, UI.Utils.options(ele.attr("data-uk-datepicker")));
ele.trigger("focus");
}
});
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) {
active.hide();
}
});
},
init: function() {
// use native datepicker on touch devices
if (UI.support.touch && this.element.attr('type')=='date' && !this.options.mobile) {
return;
}
var $this = this;
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(){
if ($this.element.val() && !moment($this.element.val(), $this.options.format).isValid()) {
$this.element.val(moment().format($this.options.format));
}
});
// init dropdown
if (!dropdown) {
dropdown = UI.$('');
dropdown.on("click", ".uk-datepicker-next, .uk-datepicker-previous, [data-date]", function(e){
e.stopPropagation();
e.preventDefault();
var ele = UI.$(this);
if (ele.hasClass('uk-datepicker-date-disabled')) return false;
if (ele.is('[data-date]')) {
active.current = moment(ele.data("date"));
active.element.val(active.current.isValid() ? active.current.format(active.options.format) : null).trigger("change");
dropdown.removeClass('uk-dropdown-shown');
setTimeout(function() {
dropdown.removeClass('uk-dropdown-active')
},280);
active.hide();
} else {
active.add((ele.hasClass("uk-datepicker-next") ? 1:-1), "months");
}
});
dropdown.on('change', '.update-picker-month, .update-picker-year', function(){
var select = UI.$(this);
active[select.is('.update-picker-year') ? 'setYear':'setMonth'](Number(select.val()));
});
dropdown.appendTo("body");
}
},
pick: function(initdate) {
var offset = this.element.offset(),
offset_left = parseInt(offset.left),
offset_top = parseInt(offset.top),
css = {
'left': offset_left,
'right': ""
};
this.current = isNaN(initdate) ? moment(initdate, this.options.format):moment();
this.initdate = this.current.format("YYYY-MM-DD");
this.update();
// check if datepicker input is in modal
if(($(this.element[0]).closest('.ui-dialog').length || $(this.element[0]).closest('.uk-modal').length) && !dropdown.hasClass('dropdown-modal')) {
dropdown.addClass('dropdown-modal');
}
if (UI.langdirection == 'right' || ( window.innerWidth - offset_left - dropdown.outerWidth() < 0 ) ) {
css.right = (window.innerWidth - (window.innerWidth - $('body').width())) - (css.left + this.element.outerWidth());
css.left = "";
}
var posTop = (offset_top - this.element.outerHeight() + this.element.height()) - this.options.offsettop - dropdown.outerHeight(),
posBottom = offset_top + this.element.outerHeight() + this.options.offsettop;
css.top = posBottom;
if (this.options.pos == 'top') {
css.top = posTop;
dropdown.addClass('dp-top');
} else if(this.options.pos == 'auto' && (window.innerHeight - posBottom - dropdown.outerHeight() + UI.$win.scrollTop() < 0 && posTop >= 0) ) {
css.top = posTop;
dropdown.addClass('dp-top');
}
css.minWidth = dropdown.actual('outerWidth');
dropdown.css(css).addClass('uk-dropdown-active uk-dropdown-shown');
this.trigger('show.uk.datepicker');
active = this;
},
add: function(unit, value) {
this.current.add(unit, value);
this.update();
},
setMonth: function(month) {
this.current.month(month);
this.update();
},
setYear: function(year) {
this.current.year(year);
this.update();
},
update: function() {
var data = this.getRows(this.current.year(), this.current.month()),
tpl = this.options.template(data, this.options);
dropdown.html(tpl);
this.trigger('update.uk.datepicker');
},
getRows: function(year, month) {
var opts = this.options,
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},
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).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).startOf('day').hours(12) : moment().add(opts.minDate-1, 'days').startOf('day').hours(12);
}
data.weekdays = (function(){
for (var i=0, arr=[]; i < 7; i++) {
var day = i + (opts.weekstart || 0);
while (day >= 7) {
day -= 7;
}
arr.push(opts.i18n.weekdays[day]);
}
return arr;
})();
if (opts.weekstart && opts.weekstart > 0) {
before -= opts.weekstart;
if (before < 0) {
before += 7;
}
}
var cells = days + before, after = cells;
while(after > 7) { after -= 7; }
cells += 7 - after;
var day, isDisabled, isSelected, isToday, isInMonth;
for (var i = 0, r = 0; i < cells; i++) {
day = new Date(year, month, 1 + (i - before), 12);
isDisabled = (data.minDate && data.minDate > day) || (data.maxDate && day > data.maxDate);
isInMonth = !(i < before || i >= (days + before));
day = moment(day);
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});
if (++r === 7) {
data.days.push(row);
row = [];
r = 0;
}
}
return data;
},
hide: function() {
if (active && active === this) {
dropdown.removeClass('uk-dropdown-shown');
setTimeout(function() {
dropdown.removeClass('uk-dropdown-active dp-top')
},280);
active = false;
this.trigger('hide.uk.datepicker');
}
}
});
UI.Utils.moment = moment();
return UI.datepicker;
});
/*! UIkit 2.27.1 | 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-form-password", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
UI.component('formPassword', {
defaults: {
"lblShow": "Show",
"lblHide": "Hide"
},
boot: function() {
// init code
UI.$html.on("click.formpassword.uikit", "[data-uk-form-password]", function(e) {
var ele = UI.$(this);
if (!ele.data("formPassword")) {
e.preventDefault();
UI.formPassword(ele, UI.Utils.options(ele.attr("data-uk-form-password")));
ele.trigger("click");
}
});
},
init: function() {
var $this = this;
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"]);
}
});
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);
}
});
return UI.formPassword;
});
/*! UIkit 2.27.1 | 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-form-select", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
UI.component('formSelect', {
defaults: {
'target': '>span:first',
'activeClass': 'uk-active'
},
boot: function() {
// init code
UI.ready(function(context) {
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")));
}
});
});
},
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(){
var select = $this.select[0], fn = function(){
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) {}
$this.element[$this.select.val() ? 'addClass':'removeClass']($this.options.activeClass);
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);
}
});
return UI.formSelect;
});
/*! UIkit 2.27.1 | 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-grid", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
UI.component('grid', {
defaults: {
colwidth : 'auto',
animation : true,
duration : 300,
gutter : 0,
controls : false,
filter : false,
origin : UI.langdirection
},
boot: function() {
// init code
UI.ready(function(context) {
UI.$('[data-uk-grid]', context).each(function(){
var ele = UI.$(this);
if(!ele.data("grid")) {
UI.grid(ele, UI.Utils.options(ele.attr('data-uk-grid')));
}
});
});
},
init: function() {
var $this = this, gutter = String(this.options.gutter).trim().split(' ');
this.gutterv = parseInt(gutter[0], 10);
this.gutterh = parseInt((gutter[1] || gutter[0]), 10);
// make sure parent element has the right position property
this.element.css({'position': 'relative'});
this.controls = null;
this.origin = this.options.origin;
if (this.options.controls) {
this.controls = UI.$(this.options.controls);
// filter
this.controls.on('click', '[data-uk-filter]', function(e){
e.preventDefault();
$this.filter(UI.$(this).attr('data-uk-filter'));
});
// sort
this.controls.on('click', '[data-uk-sort]', function(e){
e.preventDefault();
var cmd = UI.$(this).attr('data-uk-sort').split(':');
$this.sort(cmd[0], cmd[1]);
});
}
UI.$win.on('load resize orientationchange', UI.Utils.debounce(function(){
if ($this.currentfilter) {
$this.filter($this.currentfilter);
} else {
this.update();
}
}.bind(this), 100));
this.on('display.uk.check', function(){
if ($this.element.is(":visible")) $this.update();
});
UI.domObserve(this.element, function(e) {
$this.update();
});
if (this.options.filter !== false) {
this.filter(this.options.filter);
} else {
this.update();
}
},
_prepareElements: function() {
var children = this.element.children(':not([data-grid-prepared])'), css;
// exit if no already prepared elements found
if (!children.length) {
return;
}
css = {
'position' : 'absolute',
'box-sizing' : 'border-box',
'width' : this.options.colwidth == 'auto' ? '' : this.options.colwidth
};
if (this.options.gutter) {
css['padding-'+this.origin] = this.gutterh;
css['padding-bottom'] = this.gutterv;
this.element.css('margin-'+this.origin, this.gutterh * -1);
}
children.attr('data-grid-prepared', 'true').css(css);
},
update: function(elements) {
var $this = this;
this._prepareElements();
elements = elements || this.element.children(':visible');
var children = elements,
maxwidth = this.element.width() + (2*this.gutterh) + 2,
left = 0,
top = 0,
positions = [],
item, width, height, pos, posi, i, z, max, size;
this.trigger('beforeupdate.uk.grid', [children]);
children.each(function(index){
size = getElementSize(this);
item = UI.$(this);
width = size.outerWidth;
height = size.outerHeight;
left = 0;
top = 0;
for (i=0,max=positions.length;i -1) infilter = true;
});
}
elements[infilter ? "visible":"hidden"].push(ele);
});
// convert to jQuery collections
elements.hidden = UI.$(elements.hidden).map(function () {return this[0];});
elements.visible = UI.$(elements.visible).map(function () {return this[0];});
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.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');
}
},
sort: function(by, order){
order = order || 1;
// covert from string (asc|desc) to number
if (typeof(order) === 'string') {
order = order.toLowerCase() == 'desc' ? -1 : 1;
}
var elements = this.element.children();
elements.sort(function(a, b){
a = UI.$(a);
b = UI.$(b);
return (b.data(by) || '') < (a.data(by) || '') ? order : (order*-1);
}).appendTo(this.element);
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');
}
}
});
/*!
* getSize v1.2.2
* measure size of elements
* MIT license
* https://github.com/desandro/get-size
*/
function _getSize() {
var prefixes = 'Webkit Moz ms Ms O'.split(' ');
var docElemStyle = document.documentElement.style;
function getStyleProperty( propName ) {
if ( !propName ) {
return;
}
// test standard property first
if ( typeof docElemStyle[ propName ] === 'string' ) {
return propName;
}
// capitalize
propName = propName.charAt(0).toUpperCase() + propName.slice(1);
// test vendor specific properties
var prefixed;
for ( var i=0, len = prefixes.length; i < len; i++ ) {
prefixed = prefixes[i] + propName;
if ( typeof docElemStyle[ prefixed ] === 'string' ) {
return prefixed;
}
}
}
// -------------------------- helpers -------------------------- //
// get a number from a string, not a percentage
function getStyleSize( value ) {
var num = parseFloat( value );
// not a percent like '100%', and a number
var isValid = value.indexOf('%') === -1 && !isNaN( num );
return isValid && num;
}
function noop() {}
var logError = typeof console === 'undefined' ? noop : function( message ) {
console.error( message );
};
// -------------------------- measurements -------------------------- //
var measurements = [
'paddingLeft',
'paddingRight',
'paddingTop',
'paddingBottom',
'marginLeft',
'marginRight',
'marginTop',
'marginBottom',
'borderLeftWidth',
'borderRightWidth',
'borderTopWidth',
'borderBottomWidth'
];
function getZeroSize() {
var size = {
width: 0,
height: 0,
innerWidth: 0,
innerHeight: 0,
outerWidth: 0,
outerHeight: 0
};
for ( var i=0, len = measurements.length; i < len; i++ ) {
var measurement = measurements[i];
size[ measurement ] = 0;
}
return size;
}
// -------------------------- setup -------------------------- //
var isSetup = false;
var getStyle, boxSizingProp, isBoxSizeOuter;
/**
* setup vars and functions
* do it on initial getSize(), rather than on script load
* For Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=548397
*/
function setup() {
// setup once
if ( isSetup ) {
return;
}
isSetup = true;
var getComputedStyle = window.getComputedStyle;
getStyle = ( function() {
var getStyleFn = getComputedStyle ?
function( elem ) {
return getComputedStyle( elem, null );
} :
function( elem ) {
return elem.currentStyle;
};
return function getStyle( elem ) {
var style = getStyleFn( elem );
if ( !style ) {
logError( 'Style returned ' + style +
'. Are you running this code in a hidden iframe on Firefox? ' +
'See http://bit.ly/getsizebug1' );
}
return style;
};
})();
// -------------------------- box sizing -------------------------- //
boxSizingProp = getStyleProperty('boxSizing');
/**
* WebKit measures the outer-width on style.width on border-box elems
* IE & Firefox measures the inner-width
*/
if ( boxSizingProp ) {
var div = document.createElement('div');
div.style.width = '200px';
div.style.padding = '1px 2px 3px 4px';
div.style.borderStyle = 'solid';
div.style.borderWidth = '1px 2px 3px 4px';
div.style[ boxSizingProp ] = 'border-box';
var body = document.body || document.documentElement;
body.appendChild( div );
var style = getStyle( div );
isBoxSizeOuter = getStyleSize( style.width ) === 200;
body.removeChild( div );
}
}
// -------------------------- getSize -------------------------- //
function getSize( elem ) {
setup();
// use querySeletor if elem is string
if ( typeof elem === 'string' ) {
elem = document.querySelector( elem );
}
// do not proceed on non-objects
if ( !elem || typeof elem !== 'object' || !elem.nodeType ) {
return;
}
var style = getStyle( elem );
// if hidden, everything is 0
if ( style.display === 'none' ) {
return getZeroSize();
}
var size = {};
size.width = elem.offsetWidth;
size.height = elem.offsetHeight;
var isBorderBox = size.isBorderBox = !!( boxSizingProp &&
style[ boxSizingProp ] && style[ boxSizingProp ] === 'border-box' );
// get all measurements
for ( var i=0, len = measurements.length; i < len; i++ ) {
var measurement = measurements[i];
var value = style[ measurement ];
var num = parseFloat( value );
// any 'auto', 'medium' value will be 0
size[ measurement ] = !isNaN( num ) ? num : 0;
}
var paddingWidth = size.paddingLeft + size.paddingRight;
var paddingHeight = size.paddingTop + size.paddingBottom;
var marginWidth = size.marginLeft + size.marginRight;
var marginHeight = size.marginTop + size.marginBottom;
var borderWidth = size.borderLeftWidth + size.borderRightWidth;
var borderHeight = size.borderTopWidth + size.borderBottomWidth;
var isBorderBoxSizeOuter = isBorderBox && isBoxSizeOuter;
// overwrite width and height if we can get it from style
var styleWidth = getStyleSize( style.width );
if ( styleWidth !== false ) {
size.width = styleWidth +
// add padding and border unless it's already including it
( isBorderBoxSizeOuter ? 0 : paddingWidth + borderWidth );
}
var styleHeight = getStyleSize( style.height );
if ( styleHeight !== false ) {
size.height = styleHeight +
// add padding and border unless it's already including it
( isBorderBoxSizeOuter ? 0 : paddingHeight + borderHeight );
}
size.innerWidth = size.width - ( paddingWidth + borderWidth );
size.innerHeight = size.height - ( paddingHeight + borderHeight );
size.outerWidth = size.width + marginWidth;
size.outerHeight = size.height + marginHeight;
return size;
}
return getSize;
}
function getElementSize(ele) {
return _getSize()(ele);
}
});
/*! UIkit 2.27.1 | 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) { // AMD
define("uikit-lightbox", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
var modal, cache = {};
UI.component('lightbox', {
defaults: {
allowfullscreen : true,
duration : 400,
group : false,
keyboard : true
},
index : 0,
items : false,
boot: function() {
UI.$html.on('click', '[data-uk-lightbox]', function(e){
e.preventDefault();
var link = UI.$(this);
if (!link.data("lightbox")) {
UI.lightbox(link, UI.Utils.options(link.attr("data-uk-lightbox")));
}
link.data("lightbox").show(link);
});
// keyboard navigation
UI.$doc.on('keyup', function(e) {
if (modal && modal.is(':visible') && modal.lightbox.options.keyboard) {
e.preventDefault();
switch(e.keyCode) {
case 37:
modal.lightbox.previous();
break;
case 39:
modal.lightbox.next();
break;
}
}
});
},
init: function() {
var siblings = [];
this.index = 0;
this.siblings = [];
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;
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
});
});
this.index = domSiblings.index(this.element);
this.siblings = siblings;
} else if (this.options.group && this.options.group.length) {
this.siblings = this.options.group;
}
this.trigger('lightbox-init', [this]);
},
show: function(index) {
this.modal = getModal(this);
// stop previous animation
this.modal.dialog.stop();
this.modal.content.stop();
var $this = this, promise = UI.$.Deferred(), data, item;
index = index || 0;
// index is a jQuery object or DOM element
if (typeof(index) == 'object') {
this.siblings.forEach(function(s, idx){
if (index[0] === s.link[0]) {
index = idx;
}
});
}
// fix index if needed
if ( index < 0 ) {
index = this.siblings.length - index;
} else if (!this.siblings[index]) {
index = 0;
}
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
}
};
this.index = index;
this.modal.content.empty();
if (!this.modal.is(':visible')) {
this.modal.content.css({width:'', height:''}).empty();
this.modal.modal.show();
}
this.modal.loader.removeClass('uk-hidden');
promise.promise().done(function() {
$this.data = data;
$this.fitSize(data);
}).fail(function(){
data.meta.content = ' ').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')
}), maxwidth, maxheight, w = data.meta.width, h = data.meta.height;
tmp.appendTo('body').width();
maxwidth = tmp.width();
maxheight = window.innerHeight - dpad;
tmp.remove();
this.modal.dialog.find('.uk-modal-caption').remove();
if (data.title) {
this.modal.dialog.append('
',
width : width,
height : height
};
data.type = 'image';
data.promise.resolve();
};
if (!cache[data.source]) {
var img = new Image();
img.onerror = function(){
data.promise.reject('Loading image failed');
};
img.onload = function(){
cache[data.source] = {width: img.width, height: img.height};
resolve(data.source, cache[data.source].width, cache[data.source].height);
};
img.src = data.source;
} else {
resolve(data.source, cache[data.source].width, cache[data.source].height);
}
}
});
}
});
UI.plugin("lightbox", "youtube", {
init: function(lightbox) {
var youtubeRegExp = /(\/\/.*?youtube\.[a-z]+)\/watch\?v=([^&]+)&?(.*)/,
youtubeRegExpShort = /youtu\.be\/(.*)/;
lightbox.on("showitem.uk.lightbox", function(e, data){
var id, matches, resolve = function(id, width, height) {
data.meta = {
content: '',
width: width,
height: height
};
data.type = 'iframe';
data.promise.resolve();
};
if (matches = data.source.match(youtubeRegExp)) {
id = matches[2];
}
if (matches = data.source.match(youtubeRegExpShort)) {
id = matches[1];
}
if (id) {
if(!cache[id]) {
var img = new Image(), lowres = false;
img.onerror = function(){
cache[id] = {width:640, height:320};
resolve(id, cache[id].width, cache[id].height);
};
img.onload = function(){
//youtube default 404 thumb, fall back to lowres
if (img.width == 120 && img.height == 90) {
if (!lowres) {
lowres = true;
img.src = '//img.youtube.com/vi/' + id + '/0.jpg';
} else {
cache[id] = {width: 640, height: 320};
resolve(id, cache[id].width, cache[id].height);
}
} else {
cache[id] = {width: img.width, height: img.height};
resolve(id, img.width, img.height);
}
};
img.src = '//img.youtube.com/vi/'+id+'/maxresdefault.jpg';
} else {
resolve(id, cache[id].width, cache[id].height);
}
e.stopImmediatePropagation();
}
});
}
});
UI.plugin("lightbox", "vimeo", {
init: function(lightbox) {
var regex = /(\/\/.*?)vimeo\.[a-z]+\/([0-9]+).*?/, matches;
lightbox.on("showitem.uk.lightbox", function(e, data){
var id, resolve = function(id, width, height) {
data.meta = {
content: '',
width: width,
height: height
};
data.type = 'iframe';
data.promise.resolve();
};
if (matches = data.source.match(regex)) {
id = matches[2];
if(!cache[id]) {
UI.$.ajax({
type : 'GET',
url : '//vimeo.com/api/oembed.json?url=' + encodeURI(data.source),
jsonp : 'callback',
dataType : 'jsonp',
success : function(data) {
cache[id] = {width:data.width, height:data.height};
resolve(id, cache[id].width, cache[id].height);
}
});
} else {
resolve(id, cache[id].width, cache[id].height);
}
e.stopImmediatePropagation();
}
});
}
});
UI.plugin("lightbox", "video", {
init: function(lightbox) {
lightbox.on("showitem.uk.lightbox", function(e, data){
var resolve = function(source, width, height) {
data.meta = {
content: '',
width: width,
height: height
};
data.type = 'video';
data.promise.resolve();
};
if (data.type == 'video' || data.source.match(/\.(mp4|webm|ogv)$/i)) {
if (!cache[data.source]) {
var vid = UI.$('').attr('src', data.source).appendTo('body');
var idle = setInterval(function() {
if (vid[0].videoWidth) {
clearInterval(idle);
cache[data.source] = {width: vid[0].videoWidth, height: vid[0].videoHeight};
resolve(data.source, cache[data.source].width, cache[data.source].height);
vid.remove();
}
}, 20);
} else {
resolve(data.source, cache[data.source].width, cache[data.source].height);
}
}
});
}
});
UIkit.plugin("lightbox", "iframe", {
init: function (lightbox) {
lightbox.on("showitem.uk.lightbox", function (e, data) {
var resolve = function (source, width, height) {
data.meta = {
content: '',
width: width,
height: height
};
data.type = 'iframe';
data.promise.resolve();
};
if (data.type === 'iframe' || data.source.match(/\.(html|php)$/)) {
resolve(data.source, (lightbox.options.width || 800), (lightbox.options.height || 600));
}
});
}
});
function getModal(lightbox) {
if (modal) {
modal.lightbox = lightbox;
return modal;
}
// init lightbox container
modal = UI.$([
'').addClass(this.options.listClass + ' ' + this.options.dragClass).append(dragItem.clone());
this.dragEl.css('width', dragItem.width());
this.placeEl.addClass(this.options.placeholderClass);
draggingElement = this.dragEl;
this.tmpDragOnSiblings = [dragItem[0].previousSibling, dragItem[0].nextSibling];
UI.$body.append(this.dragEl);
this.dragEl.css({
left : offset.left,
top : offset.top
});
// total depth of dragging item
var i, depth, items = this.dragEl.find(this.options._listItemClass);
for (i = 0; i < items.length; i++) {
depth = UI.$(items[i]).parents(this.options._listClass+','+this.options._listBaseClass).length;
if (depth > this.dragDepth) {
this.dragDepth = depth;
}
}
html.addClass(this.options.movingClass);
},
dragStop: function(e) {
var el = UI.$(this.placeEl),
root = this.placeEl.parents(this.options._listBaseClass+':first');
this.placeEl.removeClass(this.options.placeholderClass);
this.dragEl.remove();
if (this.element[0] !== root[0]) {
root.trigger('change.uk.nestable',[root.data('nestable'), el, 'added']);
this.element.trigger('change.uk.nestable', [this, el, 'removed']);
} else {
this.element.trigger('change.uk.nestable',[this, el, "moved"]);
}
this.trigger('stop.uk.nestable', [this, el]);
this.reset();
html.removeClass(this.options.movingClass);
},
dragMove: function(e) {
var list, parent, prev, next, depth,
opt = this.options,
mouse = this.mouse,
maxDepth = this.dragRootEl ? this.dragRootEl.data('nestable').options.maxDepth : opt.maxDepth;
this.dragEl.css({
left : e.pageX - mouse.offsetX,
top : e.pageY - mouse.offsetY
});
// mouse position last events
mouse.lastX = mouse.nowX;
mouse.lastY = mouse.nowY;
// mouse position this events
mouse.nowX = e.pageX;
mouse.nowY = e.pageY;
// distance mouse moved between events
mouse.distX = mouse.nowX - mouse.lastX;
mouse.distY = mouse.nowY - mouse.lastY;
// direction mouse was moving
mouse.lastDirX = mouse.dirX;
mouse.lastDirY = mouse.dirY;
// direction mouse is now moving (on both axis)
mouse.dirX = mouse.distX === 0 ? 0 : mouse.distX > 0 ? 1 : -1;
mouse.dirY = mouse.distY === 0 ? 0 : mouse.distY > 0 ? 1 : -1;
// axis mouse is now moving on
var newAx = Math.abs(mouse.distX) > Math.abs(mouse.distY) ? 1 : 0;
// do nothing on first move
if (!mouse.moving) {
mouse.dirAx = newAx;
mouse.moving = true;
return;
}
// calc distance moved on this axis (and direction)
if (mouse.dirAx !== newAx) {
mouse.distAxX = 0;
mouse.distAxY = 0;
} else {
mouse.distAxX += Math.abs(mouse.distX);
if (mouse.dirX !== 0 && mouse.dirX !== mouse.lastDirX) {
mouse.distAxX = 0;
}
mouse.distAxY += Math.abs(mouse.distY);
if (mouse.dirY !== 0 && mouse.dirY !== mouse.lastDirY) {
mouse.distAxY = 0;
}
}
mouse.dirAx = newAx;
/**
* move horizontal
*/
if (mouse.dirAx && mouse.distAxX >= opt.threshold) {
// reset move distance on x-axis for new phase
mouse.distAxX = 0;
prev = this.placeEl.prev('li');
// increase horizontal level if previous sibling exists, is not collapsed, and does not have a 'no children' class
if (mouse.distX > 0 && prev.length && !prev.hasClass(opt.collapsedClass) && !prev.hasClass(opt.noChildrenClass)) {
// cannot increase level when item above is collapsed
list = prev.find(opt._listClass).last();
// check if depth limit has reached
depth = this.placeEl.parents(opt._listClass+','+opt._listBaseClass).length;
if (depth + this.dragDepth <= maxDepth) {
// create new sub-level if one doesn't exist
if (!list.length) {
list = UI.$('![]()
').attr('src', canvas[0].toDataURL());
slide.prepend(img);
slide.data('sizer', img);
}
} else {
slide.data('sizer', slide);
}
if ($this.hasKenBurns(slide)) {
slide.data('cover').css({
'-webkit-animation-duration': $this.kbanimduration,
'animation-duration': $this.kbanimduration
});
}
slide.data('processed', ++processed);
slide.attr('data-slide', type);
});
if (processed) {
this.triggers = this.find('[data-uk-slideshow-item]');
// Set start slide
this.slides.attr('aria-hidden', 'true').removeClass('uk-active').eq(this.current).addClass('uk-active').attr('aria-hidden', 'false');
this.triggers.filter('[data-uk-slideshow-item="'+this.current+'"]').addClass('uk-active');
}
if (resize && processed) {
this.resize();
}
},
resize: function() {
if (this.container.hasClass('uk-slideshow-fullscreen')) return;
var height = this.options.height;
if (this.options.height === 'auto') {
height = 0;
this.slides.css('height', '').each(function() {
height = Math.max(height, UI.$(this).height());
});
}
this.container.css('height', height);
this.slides.css('height', height);
},
show: function(index, direction) {
if (this.animating || this.current == index) return;
this.animating = true;
var $this = this,
current = this.slides.eq(this.current),
next = this.slides.eq(index),
dir = direction ? direction : this.current < index ? 1 : -1,
currentmedia = current.data('media'),
animation = Animations[this.options.animation] ? this.options.animation : 'fade',
nextmedia = next.data('media'),
finalize = function() {
if (!$this.animating) return;
if (currentmedia && currentmedia.is('video,iframe')) {
$this.pausemedia(currentmedia);
}
if (nextmedia && nextmedia.is('video,iframe')) {
$this.playmedia(nextmedia);
}
next.addClass("uk-active").attr('aria-hidden', 'false');
current.removeClass("uk-active").attr('aria-hidden', 'true');
$this.animating = false;
$this.current = index;
UI.Utils.checkDisplay(next, '[class*="uk-animation-"]:not(.uk-cover-background.uk-position-cover)');
$this.trigger('show.uk.slideshow', [next, current, $this]);
};
$this.applyKenBurns(next);
// animation fallback
if (!UI.support.animation) {
animation = 'none';
}
current = UI.$(current);
next = UI.$(next);
$this.trigger('beforeshow.uk.slideshow', [next, current, $this]);
Animations[animation].apply(this, [current, next, dir]).then(finalize);
$this.triggers.removeClass('uk-active');
$this.triggers.filter('[data-uk-slideshow-item="'+index+'"]').addClass('uk-active');
},
applyKenBurns: function(slide) {
if (!this.hasKenBurns(slide)) {
return;
}
var animations = this.options.kenburnsanimations,
index = this.kbindex || 0;
slide.data('cover').attr('class', 'uk-cover-background uk-position-cover').width();
slide.data('cover').addClass(['uk-animation-scale', 'uk-animation-reverse', animations[index].trim()].join(' '));
this.kbindex = animations[index + 1] ? (index+1):0;
},
hasKenBurns: function(slide) {
return (this.options.kenburns && slide.data('cover'));
},
next: function() {
this.show(this.slides[this.current + 1] ? (this.current + 1) : 0, 1);
},
previous: function() {
this.show(this.slides[this.current - 1] ? (this.current - 1) : (this.slides.length - 1), -1);
},
start: function() {
this.stop();
var $this = this;
this.interval = setInterval(function() {
if (!$this.hovering) $this.next();
}, this.options.autoplayInterval);
},
stop: function() {
if (this.interval) clearInterval(this.interval);
},
playmedia: function(media) {
if (!(media && media[0])) return;
switch(media[0].nodeName) {
case 'VIDEO':
if (!this.options.videomute) {
media[0].muted = false;
}
media[0].play();
break;
case 'IFRAME':
if (!this.options.videomute) {
media[0].contentWindow.postMessage('{ "event": "command", "func": "unmute", "method":"setVolume", "value":1}', '*');
}
media[0].contentWindow.postMessage('{ "event": "command", "func": "playVideo", "method":"play"}', '*');
break;
}
},
pausemedia: function(media) {
switch(media[0].nodeName) {
case 'VIDEO':
media[0].pause();
break;
case 'IFRAME':
media[0].contentWindow.postMessage('{ "event": "command", "func": "pauseVideo", "method":"pause"}', '*');
break;
}
},
mutemedia: function(media) {
switch(media[0].nodeName) {
case 'VIDEO':
media[0].muted = true;
break;
case 'IFRAME':
media[0].contentWindow.postMessage('{ "event": "command", "func": "mute", "method":"setVolume", "value":0}', '*');
break;
}
}
});
Animations = {
'none': function() {
var d = UI.$.Deferred();
d.resolve();
return d.promise();
},
'scroll': function(current, next, dir) {
var d = UI.$.Deferred();
current.css('animation-duration', this.options.duration+'ms');
next.css('animation-duration', this.options.duration+'ms');
next.css('opacity', 1).one(UI.support.animation.end, function() {
current.css('opacity', 0).removeClass(dir == -1 ? 'uk-slideshow-scroll-backward-out' : 'uk-slideshow-scroll-forward-out');
next.removeClass(dir == -1 ? 'uk-slideshow-scroll-backward-in' : 'uk-slideshow-scroll-forward-in');
d.resolve();
}.bind(this));
current.addClass(dir == -1 ? 'uk-slideshow-scroll-backward-out' : 'uk-slideshow-scroll-forward-out');
next.addClass(dir == -1 ? 'uk-slideshow-scroll-backward-in' : 'uk-slideshow-scroll-forward-in');
next.width(); // force redraw
return d.promise();
},
'swipe': function(current, next, dir) {
var d = UI.$.Deferred();
current.css('animation-duration', this.options.duration+'ms');
next.css('animation-duration', this.options.duration+'ms');
next.css('opacity', 1).one(UI.support.animation.end, function() {
current.css('opacity', 0).removeClass(dir === -1 ? 'uk-slideshow-swipe-backward-out' : 'uk-slideshow-swipe-forward-out');
next.removeClass(dir === -1 ? 'uk-slideshow-swipe-backward-in' : 'uk-slideshow-swipe-forward-in');
d.resolve();
}.bind(this));
current.addClass(dir == -1 ? 'uk-slideshow-swipe-backward-out' : 'uk-slideshow-swipe-forward-out');
next.addClass(dir == -1 ? 'uk-slideshow-swipe-backward-in' : 'uk-slideshow-swipe-forward-in');
next.width(); // force redraw
return d.promise();
},
'scale': function(current, next, dir) {
var d = UI.$.Deferred();
current.css('animation-duration', this.options.duration+'ms');
next.css('animation-duration', this.options.duration+'ms');
next.css('opacity', 1);
current.one(UI.support.animation.end, function() {
current.css('opacity', 0).removeClass('uk-slideshow-scale-out');
d.resolve();
}.bind(this));
current.addClass('uk-slideshow-scale-out');
current.width(); // force redraw
return d.promise();
},
'fade': function(current, next, dir) {
var d = UI.$.Deferred();
current.css('animation-duration', this.options.duration+'ms');
next.css('animation-duration', this.options.duration+'ms');
next.css('opacity', 1);
// for plain text content slides - looks smoother
if (!(next.data('cover') || next.data('placeholder'))) {
next.css('opacity', 1).one(UI.support.animation.end, function() {
next.removeClass('uk-slideshow-fade-in');
}).addClass('uk-slideshow-fade-in');
}
current.one(UI.support.animation.end, function() {
current.css('opacity', 0).removeClass('uk-slideshow-fade-out');
d.resolve();
}.bind(this));
current.addClass('uk-slideshow-fade-out');
current.width(); // force redraw
return d.promise();
}
};
UI.slideshow.animations = Animations;
// Listen for messages from the vimeo player
window.addEventListener('message', function onMessageReceived(e) {
var data = e.data, iframe;
if (typeof(data) == 'string') {
try {
data = JSON.parse(data);
} catch(err) {
data = {};
}
}
if (e.origin && e.origin.indexOf('vimeo') > -1 && data.event == 'ready' && data.player_id) {
iframe = UI.$('[data-player-id="'+ data.player_id+'"]');
if (iframe.length) {
iframe.data('slideshow').mutemedia(iframe);
}
}
}, false);
});
/*! UIkit 2.27.1 | 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-slider", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
var dragging, delayIdle, anchor, dragged, store = {};
UI.component('slider', {
defaults: {
center : false,
threshold : 10,
infinite : true,
autoplay : false,
autoplayInterval : 7000,
pauseOnHover : true,
activecls : 'uk-active'
},
boot: function() {
// init code
UI.ready(function(context) {
setTimeout(function(){
UI.$('[data-uk-slider]', context).each(function(){
var ele = UI.$(this);
if (!ele.data('slider')) {
UI.slider(ele, UI.Utils.options(ele.attr('data-uk-slider')));
}
});
}, 0);
});
},
init: function() {
var $this = this;
this.container = this.element.find('.uk-slider');
this.focus = 0;
UI.$win.on('resize load', UI.Utils.debounce(function() {
$this.update(true);
}, 100));
this.on('click.uk.slider', '[data-uk-slider-item]', function(e) {
e.preventDefault();
var item = UI.$(this).attr('data-uk-slider-item');
if ($this.focus == item) return;
// stop autoplay
$this.stop();
switch(item) {
case 'next':
case 'previous':
$this[item=='next' ? 'next':'previous']();
break;
default:
$this.updateFocus(parseInt(item, 10));
}
});
this.container.on({
'touchstart mousedown': function(evt) {
if (evt.originalEvent && evt.originalEvent.touches) {
evt = evt.originalEvent.touches[0];
}
// ignore right click button
if (evt.button && evt.button==2 || !$this.active) {
return;
}
// stop autoplay
$this.stop();
anchor = UI.$(evt.target).is('a') ? UI.$(evt.target) : UI.$(evt.target).parents('a:first');
dragged = false;
if (anchor.length) {
anchor.one('click', function(e){
if (dragged) e.preventDefault();
});
}
delayIdle = function(e) {
dragged = true;
dragging = $this;
store = {
touchx : parseInt(e.pageX, 10),
dir : 1,
focus : $this.focus,
base : $this.options.center ? 'center':'area'
};
if (e.originalEvent && e.originalEvent.touches) {
e = e.originalEvent.touches[0];
}
dragging.element.data({
'pointer-start': {x: parseInt(e.pageX, 10), y: parseInt(e.pageY, 10)},
'pointer-pos-start': $this.pos
});
$this.container.addClass('uk-drag');
delayIdle = false;
};
delayIdle.x = parseInt(evt.pageX, 10);
delayIdle.threshold = $this.options.threshold;
},
mouseenter: function() { if ($this.options.pauseOnHover) $this.hovering = true; },
mouseleave: function() { $this.hovering = false; }
});
this.update(true);
this.on('display.uk.check', function(){
if ($this.element.is(":visible")) {
$this.update(true);
}
});
// prevent dragging links + images
this.element.find('a,img').attr('draggable', 'false');
// Set autoplay
if (this.options.autoplay) {
this.start();
}
UI.domObserve(this.element, function(e) {
if ($this.element.children(':not([data-slide])').length) {
$this.update(true);
}
});
},
update: function(focus) {
var $this = this, pos = 0, maxheight = 0, item, width, cwidth, size;
this.items = this.container.children().filter(':visible');
this.vp = this.element[0].getBoundingClientRect().width;
this.container.css({'min-width': '', 'min-height': ''});
this.items.each(function(idx){
item = UI.$(this).attr('data-slide', idx);
size = item.css({'left': '', 'width':''})[0].getBoundingClientRect();
width = size.width;
cwidth = item.width();
maxheight = Math.max(maxheight, size.height);
item.css({'left': pos, 'width':width}).data({'idx':idx, 'left': pos, 'width': width, 'cwidth':cwidth, 'area': (pos+width), 'center':(pos - ($this.vp/2 - cwidth/2))});
pos += width;
});
this.container.css({'min-width': pos, 'min-height': maxheight});
if (this.options.infinite && (pos <= (2*this.vp) || this.items.length < 5) && !this.itemsResized) {
// fill with cloned items
this.container.children().each(function(idx){
$this.container.append($this.items.eq(idx).clone(true).attr('id', ''));
}).each(function(idx){
$this.container.append($this.items.eq(idx).clone(true).attr('id', ''));
});
this.itemsResized = true;
return this.update();
}
this.cw = pos;
this.pos = 0;
this.active = pos >= this.vp;
this.container.css({
'-ms-transform': '',
'-webkit-transform': '',
'transform': ''
});
if (focus) this.updateFocus(this.focus);
},
updatePos: function(pos) {
this.pos = pos;
this.container.css({
'-ms-transform': 'translateX('+pos+'px)',
'-webkit-transform': 'translateX('+pos+'px)',
'transform': 'translateX('+pos+'px)'
});
},
updateFocus: function(idx, dir) {
if (!this.active) {
return;
}
dir = dir || (idx > this.focus ? 1:-1);
var item = this.items.eq(idx), area, i;
if (this.options.infinite) {
this.infinite(idx, dir);
}
if (this.options.center) {
this.updatePos(item.data('center')*-1);
this.items.filter('.'+this.options.activecls).removeClass(this.options.activecls);
item.addClass(this.options.activecls);
} else {
if (this.options.infinite) {
this.updatePos(item.data('left')*-1);
} else {
area = 0;
for (i=idx;i this.vp) {
this.updatePos(item.data('left')*-1);
} else {
if (dir == 1) {
area = 0;
for (i=this.items.length-1;i>=0;i--) {
area += this.items.eq(i).data('width');
if (area == this.vp) {
idx = i;
break;
}
if (area > this.vp) {
idx = (i < this.items.length-1) ? i+1 : i;
break;
}
}
if (area > this.vp) {
this.updatePos((this.container.width() - this.vp) * -1);
} else {
this.updatePos(this.items.eq(idx).data('left')*-1);
}
}
}
}
}
// mark elements
var left = this.items.eq(idx).data('left');
this.items.removeClass('uk-slide-before uk-slide-after').each(function(i){
if (i!==idx) {
UI.$(this).addClass(UI.$(this).data('left') < left ? 'uk-slide-before':'uk-slide-after');
}
});
this.focus = idx;
this.trigger('focusitem.uk.slider', [idx,this.items.eq(idx),this]);
},
next: function() {
var focus = this.items[this.focus + 1] ? (this.focus + 1) : (this.options.infinite ? 0:this.focus);
this.updateFocus(focus, 1);
},
previous: function() {
var focus = this.items[this.focus - 1] ? (this.focus - 1) : (this.options.infinite ? (this.items[this.focus - 1] ? this.items-1:this.items.length-1):this.focus);
this.updateFocus(focus, -1);
},
start: function() {
this.stop();
var $this = this;
this.interval = setInterval(function() {
if (!$this.hovering) $this.next();
}, this.options.autoplayInterval);
},
stop: function() {
if (this.interval) clearInterval(this.interval);
},
infinite: function(baseidx, direction) {
var $this = this, item = this.items.eq(baseidx), i, z = baseidx, move = [], area = 0;
if (direction == 1) {
for (i=0;i this.vp) {
break;
}
z = z+1 == this.items.length ? 0:z+1;
}
if (move.length) {
move.forEach(function(itm){
var left = item.data('area');
itm.css({'left': left}).data({
'left' : left,
'area' : (left+itm.data('width')),
'center': (left - ($this.vp/2 - itm.data('cwidth')/2))
});
item = itm;
});
}
} else {
for (i=this.items.length-1;i >-1 ;i--) {
area += this.items.eq(z).data('width');
if (z != baseidx) {
move.push(this.items.eq(z));
}
if (area > this.vp) {
break;
}
z = z-1 == -1 ? this.items.length-1:z-1;
}
if (move.length) {
move.forEach(function(itm){
var left = item.data('left') - itm.data('width');
itm.css({'left': left}).data({
'left' : left,
'area' : (left+itm.data('width')),
'center': (left - ($this.vp/2 - itm.data('cwidth')/2))
});
item = itm;
});
}
}
}
});
// handle dragging
UI.$doc.on('mousemove.uk.slider touchmove.uk.slider', function(e) {
if (e.originalEvent && e.originalEvent.touches) {
e = e.originalEvent.touches[0];
}
if (delayIdle && Math.abs(e.pageX - delayIdle.x) > delayIdle.threshold) {
if (!window.getSelection().toString()) {
delayIdle(e);
} else {
dragging = delayIdle = false;
}
}
if (!dragging) {
return;
}
var x, xDiff, pos, dir, focus, item, next, diff, i, z, itm;
if (e.clientX || e.clientY) {
x = e.clientX;
} else if (e.pageX || e.pageY) {
x = e.pageX - document.body.scrollLeft - document.documentElement.scrollLeft;
}
focus = store.focus;
xDiff = x - dragging.element.data('pointer-start').x;
pos = dragging.element.data('pointer-pos-start') + xDiff;
dir = x > dragging.element.data('pointer-start').x ? -1:1;
item = dragging.items.eq(store.focus);
if (dir == 1) {
diff = item.data('left') + Math.abs(xDiff);
for (i=0,z=store.focus;i diff) {
focus = z;
break;
}
z = z+1 == dragging.items.length ? 0:z+1;
}
} else {
diff = item.data('left') - Math.abs(xDiff);
for (i=0,z=store.focus;i store.diff) {
focus = z;
break;
}
z = z+1 == dragging.items.length ? 0:z+1;
}
if (!dragging.options.infinite && !focus) {
focus = dragging.items.length;
}
} else {
for (i=0,z=store.focus;i delayIdle.threshold || Math.abs(src.pageY - delayIdle.pos.y) > delayIdle.threshold) {
delayIdle.apply(src);
}
}
if (draggingPlaceholder) {
if (!moving) {
moving = true;
draggingPlaceholder.show();
draggingPlaceholder.$current.addClass(draggingPlaceholder.$sortable.options.placeholderClass);
draggingPlaceholder.$sortable.element.children().addClass(draggingPlaceholder.$sortable.options.childClass);
UI.$html.addClass(draggingPlaceholder.$sortable.options.dragMovingClass);
}
var offset = draggingPlaceholder.data('mouse-offset'),
ev = e.originalEvent.touches && e.originalEvent.touches[0] || e.originalEvent,
left = parseInt(ev.pageX, 10) + offset.left,
top = parseInt(ev.pageY, 10) + offset.top;
draggingPlaceholder.css({'left': left, 'top': top });
// adjust document scrolling
if (top + (draggingPlaceholder.height()/3) > document.body.offsetHeight) {
return;
}
if (top < UI.$win.scrollTop()) {
UI.$win.scrollTop(UI.$win.scrollTop() - Math.ceil(draggingPlaceholder.height()/3));
} else if ( (top + (draggingPlaceholder.height()/3)) > (window.innerHeight + UI.$win.scrollTop()) ) {
UI.$win.scrollTop(UI.$win.scrollTop() + Math.ceil(draggingPlaceholder.height()/3));
}
}
});
UI.$html.on(POINTER_UP, function(e) {
delayIdle = clickedlink = false;
// dragging?
if (!currentlyDraggingElement || !draggingPlaceholder) {
// completely reset dragging attempt. will cause weird delay behavior elsewise
currentlyDraggingElement = draggingPlaceholder = null;
return;
}
// inside or outside of sortable?
var sortable = closestSortable(currentlyDraggingElement),
component = draggingPlaceholder.$sortable,
ev = { type: e.type };
if (sortable[0]) {
component.dragDrop(ev, component.element);
}
component.dragEnd(ev, component.element);
});
},
init: function() {
var $this = this,
element = this.element[0];
touchedlists = [];
this.checkEmptyList();
this.element.data('sortable-group', this.options.group ? this.options.group : UI.Utils.uid('sortable-group'));
var handleDragStart = delegate(function(e) {
if (e.data && e.data.sortable) {
return;
}
var $target = UI.$(e.target),
$link = $target.is('a[href]') ? $target:$target.parents('a[href]');
if ($target.is(':input')) {
return;
}
if ($this.options.handleClass) {
var handle = $target.hasClass($this.options.handleClass) ? $target : $target.closest('.'+$this.options.handleClass, $this.element);
if (!handle.length) return;
}
e.preventDefault();
if ($link.length) {
$link.one('click', function(e){
e.preventDefault();
}).one(POINTER_UP, function(){
if (!moved) {
$link.trigger('click');
if (supportsTouch && $link.attr('href').trim()) {
location.href = $link.attr('href');
}
}
});
}
e.data = e.data || {};
e.data.sortable = element;
return $this.dragStart(e, this);
});
var handleDragEnter = delegate(UI.Utils.debounce(function(e) {
return $this.dragEnter(e, this);
}), 40);
var handleDragLeave = delegate(function(e) {
// Prevent dragenter on a child from allowing a dragleave on the container
var previousCounter = $this.dragenterData(this);
$this.dragenterData(this, previousCounter - 1);
// This is a fix for child elements firing dragenter before the parent fires dragleave
if (!$this.dragenterData(this)) {
UI.$(this).removeClass($this.options.overClass);
$this.dragenterData(this, false);
}
});
var handleTouchMove = delegate(function(e) {
if (!currentlyDraggingElement ||
currentlyDraggingElement === this ||
currentlyDraggingTarget === this) {
return true;
}
$this.element.children().removeClass($this.options.overClass);
currentlyDraggingTarget = this;
$this.moveElementNextTo(currentlyDraggingElement, this);
return prevent(e);
});
// Bind/unbind standard mouse/touch events as a polyfill.
function addDragHandlers() {
if (supportsTouch && startEvent.touches && startEvent.touches.length) {
element.addEventListener(POINTER_MOVE, handleTouchMove, false);
} else {
element.addEventListener('mouseover', handleDragEnter, false);
element.addEventListener('mouseout', handleDragLeave, false);
}
// document.addEventListener("selectstart", prevent, false);
}
function removeDragHandlers() {
if (supportsTouch && startEvent.touches && startEvent.touches.length) {
element.removeEventListener(POINTER_MOVE, handleTouchMove, false);
} else {
element.removeEventListener('mouseover', handleDragEnter, false);
element.removeEventListener('mouseout', handleDragLeave, false);
}
// document.removeEventListener("selectstart", prevent, false);
}
this.addDragHandlers = addDragHandlers;
this.removeDragHandlers = removeDragHandlers;
function handleDragMove(e) {
if (!currentlyDraggingElement) {
return;
}
$this.dragMove(e, $this);
}
function delegate(fn) {
return function(e) {
var touch, target, context;
startEvent = e;
if (e) {
touch = e.touches && e.touches[0] || e;
target = touch.target || e.target;
// Fix event.target for a touch event
if (supportsTouch && document.elementFromPoint) {
target = document.elementFromPoint(touch.pageX - document.body.scrollLeft, touch.pageY - document.body.scrollTop);
}
overElement = UI.$(target);
}
if (UI.$(target).hasClass('.'+$this.options.childClass)) {
fn.apply(target, [e]);
} else if (target !== element) {
// If a child is initiating the event or ending it, then use the container as context for the callback.
context = moveUpToChildNode(element, target);
if (context) {
fn.apply(context, [e]);
}
}
};
}
window.addEventListener(POINTER_MOVE, handleDragMove, false);
element.addEventListener(POINTER_DOWN, handleDragStart, false);
},
dragStart: function(e, elem) {
moved = false;
moving = false;
dragging = false;
var $this = this,
target = UI.$(e.target);
if (!supportsTouch && e.button==2) {
return;
}
if (target.is('.'+$this.options.noDragClass) || target.closest('.'+$this.options.noDragClass).length) {
return;
}
// prevent dragging if taget is a form field
if (target.is(':input')) {
return;
}
currentlyDraggingElement = elem;
// init drag placeholder
if (draggingPlaceholder) {
draggingPlaceholder.remove();
}
var $current = UI.$(currentlyDraggingElement), offset = $current.offset(), ev = e.touches && e.touches[0] || e;
delayIdle = {
pos : { x:ev.pageX, y:ev.pageY },
threshold : $this.options.handleClass ? 1 : $this.options.threshold,
apply : function(evt) {
draggingPlaceholder = UI.$('').css({
display : 'none',
top : offset.top,
left : offset.left,
width : $current.width(),
height : $current.height(),
padding : $current.css('padding')
}).data({
'mouse-offset': {
'left' : offset.left - parseInt(ev.pageX, 10),
'top' : offset.top - parseInt(ev.pageY, 10)
},
'origin' : $this.element,
'index' : $current.index()
}).append($current.html()).appendTo('body');
draggingPlaceholder.$current = $current;
draggingPlaceholder.$sortable = $this;
$current.data({
'start-list': $current.parent(),
'start-index': $current.index(),
'sortable-group': $this.options.group
});
$this.addDragHandlers();
$this.options.start(this, currentlyDraggingElement);
$this.trigger('start.uk.sortable', [$this, currentlyDraggingElement, draggingPlaceholder]);
moved = true;
delayIdle = false;
}
};
},
dragMove: function(e, elem) {
overElement = UI.$(document.elementFromPoint(e.pageX - (document.body.scrollLeft || document.scrollLeft || 0), e.pageY - (document.body.scrollTop || document.documentElement.scrollTop || 0)));
var overRoot = overElement.closest('.'+this.options.baseClass),
groupOver = overRoot.data("sortable-group"),
$current = UI.$(currentlyDraggingElement),
currentRoot = $current.parent(),
groupCurrent = $current.data("sortable-group"),
overChild;
if (overRoot[0] !== currentRoot[0] && groupCurrent !== undefined && groupOver === groupCurrent) {
overRoot.data('sortable').addDragHandlers();
touchedlists.push(overRoot);
overRoot.children().addClass(this.options.childClass);
// swap root
if (overRoot.children().length > 0) {
overChild = overElement.closest('.'+this.options.childClass);
if (overChild.length) {
overChild.before($current);
} else {
overRoot.append($current);
}
} else { // empty list
overElement.append($current);
}
UIkit.$doc.trigger('mouseover');
}
this.checkEmptyList();
this.checkEmptyList(currentRoot);
},
dragEnter: function(e, elem) {
if (!currentlyDraggingElement || currentlyDraggingElement === elem) {
return true;
}
var previousCounter = this.dragenterData(elem);
this.dragenterData(elem, previousCounter + 1);
// Prevent dragenter on a child from allowing a dragleave on the container
if (previousCounter === 0) {
var currentlist = UI.$(elem).parent(),
startlist = UI.$(currentlyDraggingElement).data("start-list");
if (currentlist[0] !== startlist[0]) {
var groupOver = currentlist.data('sortable-group'),
groupCurrent = UI.$(currentlyDraggingElement).data("sortable-group");
if ((groupOver || groupCurrent) && (groupOver != groupCurrent)) {
return false;
}
}
UI.$(elem).addClass(this.options.overClass);
this.moveElementNextTo(currentlyDraggingElement, elem);
}
return false;
},
dragEnd: function(e, elem) {
var $this = this;
// avoid triggering event twice
if (currentlyDraggingElement) {
// TODO: trigger on right element?
this.options.stop(elem);
this.trigger('stop.uk.sortable', [this]);
}
currentlyDraggingElement = null;
currentlyDraggingTarget = null;
touchedlists.push(this.element);
touchedlists.forEach(function(el, i) {
UI.$(el).children().each(function() {
if (this.nodeType === 1) {
UI.$(this).removeClass($this.options.overClass)
.removeClass($this.options.placeholderClass)
.removeClass($this.options.childClass);
$this.dragenterData(this, false);
}
});
});
touchedlists = [];
UI.$html.removeClass(this.options.dragMovingClass);
this.removeDragHandlers();
if (draggingPlaceholder) {
draggingPlaceholder.remove();
draggingPlaceholder = null;
}
},
dragDrop: function(e, elem) {
if (e.type === 'drop') {
if (e.stopPropagation) {
e.stopPropagation();
}
if (e.preventDefault) {
e.preventDefault();
}
}
this.triggerChangeEvents();
},
triggerChangeEvents: function() {
// trigger events once
if (!currentlyDraggingElement) return;
var $current = UI.$(currentlyDraggingElement),
oldRoot = draggingPlaceholder.data("origin"),
newRoot = $current.closest('.'+this.options.baseClass),
triggers = [],
el = UI.$(currentlyDraggingElement);
// events depending on move inside lists or across lists
if (oldRoot[0] === newRoot[0] && draggingPlaceholder.data('index') != $current.index() ) {
triggers.push({sortable: this, mode: 'moved'});
} else if (oldRoot[0] != newRoot[0]) {
triggers.push({sortable: UI.$(newRoot).data('sortable'), mode: 'added'}, {sortable: UI.$(oldRoot).data('sortable'), mode: 'removed'});
}
triggers.forEach(function (trigger, i) {
if (trigger.sortable) {
trigger.sortable.element.trigger('change.uk.sortable', [trigger.sortable, el, trigger.mode]);
}
});
},
dragenterData: function(element, val) {
element = UI.$(element);
if (arguments.length == 1) {
return parseInt(element.data('child-dragenter'), 10) || 0;
} else if (!val) {
element.removeData('child-dragenter');
} else {
element.data('child-dragenter', Math.max(0, val));
}
},
moveElementNextTo: function(element, elementToMoveNextTo) {
dragging = true;
var $this = this,
list = UI.$(element).parent().css('min-height', ''),
next = isBelow(element, elementToMoveNextTo) ? elementToMoveNextTo : elementToMoveNextTo.nextSibling,
children = list.children(),
count = children.length;
if (!$this.options.animation) {
elementToMoveNextTo.parentNode.insertBefore(element, next);
UI.Utils.checkDisplay($this.element.parent());
return;
}
list.css('min-height', list.height());
children.stop().each(function(){
var ele = UI.$(this),
offset = ele.position();
offset.width = ele.width();
ele.data('offset-before', offset);
});
elementToMoveNextTo.parentNode.insertBefore(element, next);
UI.Utils.checkDisplay($this.element.parent());
children = list.children().each(function() {
var ele = UI.$(this);
ele.data('offset-after', ele.position());
}).each(function() {
var ele = UI.$(this),
before = ele.data('offset-before');
ele.css({'position':'absolute', 'top':before.top, 'left':before.left, 'min-width':before.width });
});
children.each(function(){
var ele = UI.$(this),
before = ele.data('offset-before'),
offset = ele.data('offset-after');
ele.css('pointer-events', 'none').width();
setTimeout(function(){
ele.animate({'top':offset.top, 'left':offset.left}, $this.options.animation, function() {
ele.css({'position':'','top':'', 'left':'', 'min-width': '', 'pointer-events':''}).removeClass($this.options.overClass).removeData('child-dragenter');
count--;
if (!count) {
list.css('min-height', '');
UI.Utils.checkDisplay($this.element.parent());
}
});
}, 0);
});
},
serialize: function() {
var data = [], item, attribute;
this.element.children().each(function(j, child) {
item = {};
for (var i = 0, attr, val; i < child.attributes.length; i++) {
attribute = child.attributes[i];
if (attribute.name.indexOf('data-') === 0) {
attr = attribute.name.substr(5);
val = UI.Utils.str2json(attribute.value);
item[attr] = (val || attribute.value=='false' || attribute.value=='0') ? val:attribute.value;
}
}
data.push(item);
});
return data;
},
checkEmptyList: function(list) {
list = list ? UI.$(list) : this.element;
if (this.options.emptyClass) {
list[!list.children().length ? 'addClass':'removeClass'](this.options.emptyClass);
}
}
});
// helpers
function isBelow(el1, el2) {
var parent = el1.parentNode;
if (el2.parentNode != parent) {
return false;
}
var cur = el1.previousSibling;
while (cur && cur.nodeType !== 9) {
if (cur === el2) {
return true;
}
cur = cur.previousSibling;
}
return false;
}
function moveUpToChildNode(parent, child) {
var cur = child;
if (cur == parent) { return null; }
while (cur) {
if (cur.parentNode === parent) {
return cur;
}
cur = cur.parentNode;
if ( !cur || !cur.ownerDocument || cur.nodeType === 11 ) {
break;
}
}
return null;
}
function prevent(e) {
if (e.stopPropagation) {
e.stopPropagation();
}
if (e.preventDefault) {
e.preventDefault();
}
e.returnValue = false;
}
return UI.sortable;
});
/*! UIkit 2.27.1 | 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-sticky", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
var $win = UI.$win,
$doc = UI.$doc,
sticked = [],
direction = 1;
UI.component('sticky', {
defaults: {
top : 0,
bottom : 0,
animation : '',
clsinit : 'uk-sticky-init',
clsactive : 'uk-active',
clsinactive : '',
getWidthFrom : '',
showup : false,
boundary : false,
media : false,
target : false,
disabled : false
},
boot: function() {
// should be more efficient than using $win.scroll(checkscrollposition):
UI.$doc.on('scrolling.uk.document', function(e, data) {
if (!data || !data.dir) return;
direction = data.dir.y;
checkscrollposition();
});
UI.$win.on('resize orientationchange', UI.Utils.debounce(function() {
if (!sticked.length) return;
for (var i = 0; i < sticked.length; i++) {
sticked[i].reset(true);
sticked[i].self.computeWrapper();
}
checkscrollposition();
}, 100));
// init code
UI.ready(function(context) {
setTimeout(function(){
UI.$("[data-uk-sticky]", context).each(function(){
var $ele = UI.$(this);
if (!$ele.data("sticky")) {
UI.sticky($ele, UI.Utils.options($ele.attr('data-uk-sticky')));
}
});
checkscrollposition();
}, 0);
});
},
init: function() {
var boundary = this.options.boundary, boundtoparent;
this.wrapper = this.element.wrap('').parent();
this.computeWrapper();
this.wrapper.css({
'margin-top' : this.element.css('margin-top'),
'margin-bottom' : this.element.css('margin-bottom'),
'margin-left' : this.element.css('margin-left'),
'margin-right' : this.element.css('margin-right')
})
this.element.css('margin', 0);
if (boundary) {
if (boundary === true || boundary[0] === '!') {
boundary = boundary === true ? this.wrapper.parent() : this.wrapper.closest(boundary.substr(1));
boundtoparent = true;
} else if (typeof boundary === "string") {
boundary = UI.$(boundary);
}
}
this.sticky = {
self : this,
options : this.options,
element : this.element,
currentTop : null,
wrapper : this.wrapper,
init : false,
getWidthFrom : UI.$(this.options.getWidthFrom || this.wrapper),
boundary : boundary,
boundtoparent : boundtoparent,
top : 0,
calcTop : function() {
var top = this.options.top;
// dynamic top parameter
if (this.options.top && typeof(this.options.top) == 'string') {
// e.g. 50vh
if (this.options.top.match(/^(-|)(\d+)vh$/)) {
top = window.innerHeight * parseInt(this.options.top, 10)/100;
// e.g. #elementId, or .class-1,class-2,.class-3 (first found is used)
} else {
var topElement = UI.$(this.options.top).first();
if (topElement.length && topElement.is(':visible')) {
top = -1 * ((topElement.offset().top + topElement.outerHeight()) - this.wrapper.offset().top);
}
}
}
this.top = top;
},
reset: function(force) {
this.calcTop();
var finalize = function() {
this.element.css({"position":"", "top":"", "width":"", "left":"", "margin":"0"});
this.element.removeClass([this.options.animation, 'uk-animation-reverse', this.options.clsactive].join(' '));
this.element.addClass(this.options.clsinactive);
this.element.trigger('inactive.uk.sticky');
this.currentTop = null;
this.animate = false;
}.bind(this);
if (!force && this.options.animation && UI.support.animation && !UI.Utils.isInView(this.wrapper)) {
this.animate = true;
this.element.removeClass(this.options.animation).one(UI.support.animation.end, function(){
finalize();
}).width(); // force redraw
this.element.addClass(this.options.animation+' '+'uk-animation-reverse');
} else {
finalize();
}
},
check: function() {
if (this.options.disabled) {
return false;
}
if (this.options.media) {
switch(typeof(this.options.media)) {
case 'number':
if (window.innerWidth < this.options.media) {
return false;
}
break;
case 'string':
if (window.matchMedia && !window.matchMedia(this.options.media).matches) {
return false;
}
break;
}
}
var scrollTop = $win.scrollTop(),
documentHeight = $doc.height(),
dwh = documentHeight - window.innerHeight,
extra = (scrollTop > dwh) ? dwh - scrollTop : 0,
elementTop = this.wrapper.offset().top,
etse = elementTop - this.top - extra,
active = (scrollTop >= etse);
if (active && this.options.showup) {
// set inactiv if scrolling down
if (direction == 1) {
active = false;
}
// set inactive when wrapper is still in view
if (direction == -1 && !this.element.hasClass(this.options.clsactive) && UI.Utils.isInView(this.wrapper)) {
active = false;
}
}
return active;
}
};
this.sticky.calcTop();
sticked.push(this.sticky);
},
update: function() {
checkscrollposition(this.sticky);
},
enable: function() {
this.options.disabled = false;
this.update();
},
disable: function(force) {
this.options.disabled = true;
this.sticky.reset(force);
},
computeWrapper: function() {
this.wrapper.css({
'height' : ['absolute','fixed'].indexOf(this.element.css('position')) == -1 ? this.element.outerHeight() : '',
'float' : this.element.css('float') != 'none' ? this.element.css('float') : ''
});
if (this.element.css('position') == 'fixed') {
this.element.css({
width: this.sticky.getWidthFrom.length ? this.sticky.getWidthFrom.width() : this.element.width()
});
}
}
});
function checkscrollposition(direction) {
var stickies = arguments.length ? arguments : sticked;
if (!stickies.length || $win.scrollTop() < 0) return;
var scrollTop = $win.scrollTop(),
documentHeight = $doc.height(),
windowHeight = $win.height(),
dwh = documentHeight - windowHeight,
extra = (scrollTop > dwh) ? dwh - scrollTop : 0,
newTop, containerBottom, stickyHeight, sticky;
for (var i = 0; i < stickies.length; i++) {
sticky = stickies[i];
if (!sticky.element.is(":visible") || sticky.animate) {
continue;
}
if (!sticky.check()) {
if (sticky.currentTop !== null) {
sticky.reset();
}
} else {
if (sticky.top < 0) {
newTop = 0;
} else {
stickyHeight = sticky.element.outerHeight();
newTop = documentHeight - stickyHeight - sticky.top - sticky.options.bottom - scrollTop - extra;
newTop = newTop < 0 ? newTop + sticky.top : sticky.top;
}
if (sticky.boundary && sticky.boundary.length) {
var bTop = sticky.boundary.offset().top;
if (sticky.boundtoparent) {
containerBottom = documentHeight - (bTop + sticky.boundary.outerHeight()) + parseInt(sticky.boundary.css('padding-bottom'));
} else {
containerBottom = documentHeight - bTop;
}
newTop = (scrollTop + stickyHeight) > (documentHeight - containerBottom - (sticky.top < 0 ? 0 : sticky.top)) ? (documentHeight - containerBottom) - (scrollTop + stickyHeight) : newTop;
}
if (sticky.currentTop != newTop) {
sticky.element.css({
position : "fixed",
top : newTop,
width : sticky.getWidthFrom.length ? sticky.getWidthFrom.width() : sticky.element.width()
});
if (!sticky.init) {
sticky.element.addClass(sticky.options.clsinit);
if (location.hash && scrollTop > 0 && sticky.options.target) {
var $target = UI.$(location.hash);
if ($target.length) {
setTimeout((function($target, sticky){
return function() {
sticky.element.width(); // force redraw
var offset = $target.offset(),
maxoffset = offset.top + $target.outerHeight(),
stickyOffset = sticky.element.offset(),
stickyHeight = sticky.element.outerHeight(),
stickyMaxOffset = stickyOffset.top + stickyHeight;
if (stickyOffset.top < maxoffset && offset.top < stickyMaxOffset) {
scrollTop = offset.top - stickyHeight - sticky.options.target;
window.scrollTo(0, scrollTop);
}
};
})($target, sticky), 0);
}
}
}
sticky.element.addClass(sticky.options.clsactive).removeClass(sticky.options.clsinactive);
sticky.element.trigger('active.uk.sticky');
sticky.element.css('margin', '');
if (sticky.options.animation && sticky.init && !UI.Utils.isInView(sticky.wrapper)) {
sticky.element.addClass(sticky.options.animation);
}
sticky.currentTop = newTop;
}
}
sticky.init = true;
}
}
return UI.sticky;
});
/*! UIkit 2.27.1 | 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-tooltip", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
var $tooltip, // tooltip container
tooltipdelay, checkdelay;
UI.component('tooltip', {
defaults: {
offset: 5,
pos: 'top',
animation: false,
delay: 0, // in miliseconds
cls: "",
activeClass: "uk-active",
src: function(ele) {
var title = ele.attr('title');
if (title !== undefined) {
ele.data('cached-title', title).removeAttr('title');
}
return ele.data("cached-title");
}
},
tip: "",
boot: function() {
// init code
UI.$html.on("mouseenter.tooltip.uikit focus.tooltip.uikit", "[data-uk-tooltip]", function(e) {
var ele = UI.$(this);
if (!ele.data("tooltip")) {
UI.tooltip(ele, UI.Utils.options(ele.attr("data-uk-tooltip")));
ele.trigger("mouseenter");
}
});
},
init: function() {
var $this = this;
if (!$tooltip) {
$tooltip = UI.$('').appendTo("body");
}
this.on({
focus : function(e) { $this.show(); },
blur : function(e) { $this.hide(); },
mouseenter : function(e) { $this.show(); },
mouseleave : function(e) { $this.hide(); }
});
},
show: function() {
this.tip = typeof(this.options.src) === "function" ? this.options.src(this.element) : this.options.src;
if (tooltipdelay) clearTimeout(tooltipdelay);
if (checkdelay) clearTimeout(checkdelay);
if (typeof(this.tip) === 'string' ? !this.tip.length:true) return;
$tooltip.stop().css({"top": -2000, "visibility": "hidden"}).removeClass(this.options.activeClass).show();
$tooltip.html(' 0 && i<13 && i!==12) {
times['12h'].push({value: (h+':00 AM')});
times['12h'].push({value: (h+':30 AM')});
}
if (i >= 12) {
h = h-12;
if (h === 0) h = 12;
if (h < 10) h = '0'+String(h);
times['12h'].push({value: (h+':00 PM')});
times['12h'].push({value: (h+':30 PM')});
}
}
return times;
}
});
/*! UIkit 2.27.1 | 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-upload", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
UI.component('uploadSelect', {
init: function() {
var $this = this;
this.on("change", function() {
xhrupload($this.element[0].files, $this.options);
var twin = $this.element.clone(true).data('uploadSelect', $this);
$this.element.replaceWith(twin);
$this.element = twin;
});
}
});
UI.component('uploadDrop', {
defaults: {
'dragoverClass': 'uk-dragover'
},
init: function() {
var $this = this, hasdragCls = false;
this.on("drop", function(e){
if (e.originalEvent.dataTransfer && e.originalEvent.dataTransfer.files) {
e.stopPropagation();
e.preventDefault();
$this.element.removeClass($this.options.dragoverClass);
$this.element.trigger('dropped.uk.upload', [e.originalEvent.dataTransfer.files]);
xhrupload(e.originalEvent.dataTransfer.files, $this.options);
}
}).on("dragenter", function(e){
e.stopPropagation();
e.preventDefault();
}).on("dragover", function(e){
e.stopPropagation();
e.preventDefault();
if (!hasdragCls) {
$this.element.addClass($this.options.dragoverClass);
hasdragCls = true;
}
}).on("dragleave", function(e){
e.stopPropagation();
e.preventDefault();
$this.element.removeClass($this.options.dragoverClass);
hasdragCls = false;
});
}
});
UI.support.ajaxupload = (function() {
function supportFileAPI() {
var fi = document.createElement('INPUT'); fi.type = 'file'; return 'files' in fi;
}
function supportAjaxUploadProgressEvents() {
var xhr = new XMLHttpRequest(); return !! (xhr && ('upload' in xhr) && ('onprogress' in xhr.upload));
}
function supportFormData() {
return !! window.FormData;
}
return supportFileAPI() && supportAjaxUploadProgressEvents() && supportFormData();
})();
function xhrupload(files, settings) {
if (!UI.support.ajaxupload){
return this;
}
settings = UI.$.extend({}, xhrupload.defaults, settings);
if (!files.length){
return;
}
if (settings.allow !== '*.*') {
for(var i=0,file;file=files[i];i++) {
if(!matchName(settings.allow, file.name)) {
if(typeof(settings.notallowed) == 'string') {
alert(settings.notallowed);
} else {
settings.notallowed(file, settings);
}
return;
}
}
}
var complete = settings.complete;
if (settings.single){
var count = files.length,
uploaded = 0,
allow = true;
settings.beforeAll(files);
settings.complete = function(response, xhr){
uploaded = uploaded + 1;
complete(response, xhr);
if (settings.filelimit && uploaded >= settings.filelimit){
allow = false;
}
if (allow && uploaded
- {{~items}}
- {{$item.value}} {{/items}}
';
content += '';
content += '';
if (UI.formSelect) {
var currentyear = (new Date()).getFullYear(), options = [], months, years, minYear, maxYear;
for (i=0;i'+opts.i18n.months[i]+'');
} else {
options.push('');
}
}
months = ''+ opts.i18n.months[data.month] + '';
// --
options = [];
minYear = data.minDate ? data.minDate.year() : currentyear - 50;
maxYear = data.maxDate ? data.maxDate.year() : currentyear + 20;
for (i=minYear;i<=maxYear;i++) {
if (i == data.year) {
options.push('');
} else {
options.push('');
}
}
years = ''+ data.year + '';
content += '
';
content += ''+ months + ' ' + years +'
';
} else {
content += ''+ opts.i18n.months[data.month] +' '+ data.year+'
';
}
content += '| '+data.weekdays[i]+' | '; } } content += ''; content += ''; for(i = 0; i < data.days.length; i++) { if (data.days[i] && data.days[i].length){ content += '
|---|
| '+day.day.format("D")+' | '; } } content += '
Loading resource failed!
';
data.meta.width = 400;
data.meta.height = 300;
$this.data = data;
$this.fitSize(data);
});
$this.trigger('showitem.uk.lightbox', [data]);
},
fitSize: function() {
var $this = this,
data = this.data,
pad = this.modal.dialog.outerWidth() - this.modal.dialog.width(),
dpadTop = parseInt(this.modal.dialog.css('margin-top'), 10),
dpadBot = parseInt(this.modal.dialog.css('margin-bottom'), 10),
dpad = dpadTop + dpadBot,
content = data.meta.content,
duration = $this.options.duration;
if (this.siblings.length > 1) {
content = [
content,
'',
''
].join('');
}
// calculate width
var tmp = UI.$(''+data.title+'
');
maxheight -= this.modal.dialog.find('.uk-modal-caption').outerHeight();
}
if (maxwidth < data.meta.width) {
h = Math.floor( h * (maxwidth / w) );
w = maxwidth;
}
if (maxheight < h) {
h = Math.floor(maxheight);
w = Math.ceil(data.meta.width * (maxheight/data.meta.height));
}
this.modal.content.css('opacity', 0).width(w).html(content);
if (data.type == 'iframe') {
this.modal.content.find('iframe:first').height(h);
}
var dh = h + pad,
t = Math.floor(window.innerHeight/2 - dh/2) - dpad;
if (t < 0) { t = 0; }
this.modal.closer.addClass('uk-hidden');
if ($this.modal.data('mwidth') == w && $this.modal.data('mheight') == h) {
duration = 0;
}
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.closer.removeClass('uk-hidden');
});
$this.modal.data({'mwidth': w, 'mheight': h});
});
},
next: function() {
this.show(this.siblings[(this.index+1)] ? (this.index+1) : 0);
},
previous: function() {
this.show(this.siblings[(this.index-1)] ? (this.index-1) : this.siblings.length-1);
}
});
// Plugins
UI.plugin('lightbox', 'image', {
init: function(lightbox) {
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 : '',
'',
'
'
].join('')).appendTo('body');
modal.dialog = modal.find('.uk-modal-dialog:first');
modal.content = modal.find('.uk-lightbox-content:first');
modal.loader = modal.find('.uk-modal-spinner:first');
modal.closer = modal.find('.uk-close.uk-close-alt');
modal.modal = UI.modal(modal, {modal:false});
// next / previous
modal.on("swipeRight swipeLeft", function(e) {
modal.lightbox[e.type=='swipeLeft' ? 'next':'previous']();
}).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.content.html('');
});
var resizeCache = {w: window.innerWidth, h:window.innerHeight};
UI.$win.on('load resize orientationchange', UI.Utils.debounce(function(e){
if (resizeCache.w !== window.innerWidth && modal.is(':visible') && !UI.Utils.isFullscreen()) {
modal.lightbox.fitSize();
}
resizeCache = {w: window.innerWidth, h:window.innerHeight};
}, 100));
modal.lightbox = lightbox;
return modal;
}
UI.lightbox.create = function(items, options) {
if (!items) return;
var group = [], o;
items.forEach(function(item) {
group.push(UI.$.extend({
source : '',
title : '',
type : 'auto',
link : false
}, (typeof(item) == 'string' ? {'source': item} : item)));
});
o = UI.lightbox(UI.$.extend({}, options, {'group':group}));
return o;
};
return UI.lightbox;
});
/*! UIkit 2.27.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/*
* Based on Nestable jQuery Plugin - Copyright (c) 2012 David Bushell - http://dbushell.com/
*/
(function(addon) {
var component;
if (window.UIkit) {
component = addon(UIkit);
}
if (typeof define == "function" && define.amd) {
define("uikit-nestable", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI) {
"use strict";
var hasTouch = 'ontouchstart' in window,
html = UI.$html,
touchedlists = [],
$win = UI.$win,
draggingElement;
var eStart = hasTouch ? 'touchstart' : 'mousedown',
eMove = hasTouch ? 'touchmove' : 'mousemove',
eEnd = hasTouch ? 'touchend' : 'mouseup',
eCancel = hasTouch ? 'touchcancel' : 'mouseup';
UI.component('nestable', {
defaults: {
listBaseClass : 'uk-nestable',
listClass : 'uk-nestable-list',
listItemClass : 'uk-nestable-item',
dragClass : 'uk-nestable-dragged',
movingClass : 'uk-nestable-moving',
noChildrenClass : 'uk-nestable-nochildren',
emptyClass : 'uk-nestable-empty',
handleClass : '',
collapsedClass : 'uk-collapsed',
placeholderClass: 'uk-nestable-placeholder',
noDragClass : 'uk-nestable-nodrag',
group : false,
maxDepth : 10,
threshold : 20,
idlethreshold : 10,
},
boot: function() {
// adjust document scrolling
UI.$html.on('mousemove touchmove', function(e) {
if (draggingElement) {
var top = draggingElement.offset().top;
if (top < UI.$win.scrollTop()) {
UI.$win.scrollTop(UI.$win.scrollTop() - Math.ceil(draggingElement.height()/2));
} else if ( (top + draggingElement.height()) > (window.innerHeight + UI.$win.scrollTop()) ) {
UI.$win.scrollTop(UI.$win.scrollTop() + Math.ceil(draggingElement.height()/2));
}
}
});
// init code
UI.ready(function(context) {
UI.$("[data-uk-nestable]", context).each(function(){
var ele = UI.$(this);
if (!ele.data("nestable")) {
UI.nestable(ele, UI.Utils.options(ele.attr("data-uk-nestable")));
}
});
});
},
init: function() {
var $this = this;
Object.keys(this.options).forEach(function(key){
if(String(key).indexOf('Class')!=-1) {
$this.options['_'+key] = '.' + $this.options[key];
}
});
this.find(this.options._listItemClass).find(">ul").addClass(this.options.listClass);
this.checkEmptyList();
this.reset();
this.element.data('nestable-group', this.options.group || UI.Utils.uid('nestable-group'));
this.find(this.options._listItemClass).each(function() {
$this.setParent(UI.$(this));
});
this.on('click', '[data-nestable-action]', function(e) {
if ($this.dragEl || (!hasTouch && e.button !== 0)) {
return;
}
e.preventDefault();
var target = UI.$(e.currentTarget),
action = target.data('nestableAction'),
item = target.closest($this.options._listItemClass);
if (action === 'collapse') {
$this.collapseItem(item);
}
if (action === 'expand') {
$this.expandItem(item);
}
if (action === 'toggle') {
$this.toggleItem(item);
}
});
var onStartEvent = function(e) {
var handle = UI.$(e.target),
link = handle.is('a[href]') ? handle:handle.parents('a[href]');
if (e.target === $this.element[0]) {
return;
}
if (handle.is($this.options._noDragClass) || handle.closest($this.options._noDragClass).length) {
return;
}
if (handle.is('[data-nestable-action]') || handle.closest('[data-nestable-action]').length) {
return;
}
if ($this.options.handleClass && !handle.hasClass($this.options.handleClass)) {
if ($this.options.handleClass) {
handle = handle.closest($this.options._handleClass);
}
}
if (!handle.length || $this.dragEl || (!hasTouch && e.button !== 0) || (hasTouch && e.touches.length !== 1)) {
return;
}
if (e.originalEvent && e.originalEvent.touches) {
e = evt.originalEvent.touches[0];
}
$this.delayMove = function(evt) {
link = false;
evt.preventDefault();
$this.dragStart(e);
$this.trigger('start.uk.nestable', [$this]);
$this.delayMove = false;
};
$this.delayMove.x = parseInt(e.pageX, 10);
$this.delayMove.y = parseInt(e.pageY, 10);
$this.delayMove.threshold = $this.options.idlethreshold;
if (link.length && eEnd == 'touchend') {
$this.one(eEnd, function(){
if (link && link.attr('href').trim()) {
location.href = link.attr('href');
}
});
}
e.preventDefault();
};
var onMoveEvent = function(e) {
if (e.originalEvent && e.originalEvent.touches) {
e = e.originalEvent.touches[0];
}
if ($this.delayMove && (Math.abs(e.pageX - $this.delayMove.x) > $this.delayMove.threshold || Math.abs(e.pageY - $this.delayMove.y) > $this.delayMove.threshold)) {
if (!window.getSelection().toString()) {
$this.delayMove(e);
} else {
$this.delayMove = false;
}
}
if ($this.dragEl) {
e.preventDefault();
$this.dragMove(e);
$this.trigger('move.uk.nestable', [$this]);
}
};
var onEndEvent = function(e) {
if ($this.dragEl) {
e.preventDefault();
$this.dragStop(hasTouch ? e.touches[0] : e);
}
draggingElement = false;
$this.delayMove = false;
};
if (hasTouch) {
this.element[0].addEventListener(eStart, onStartEvent, false);
window.addEventListener(eMove, onMoveEvent, false);
window.addEventListener(eEnd, onEndEvent, false);
window.addEventListener(eCancel, onEndEvent, false);
} else {
this.on(eStart, onStartEvent);
$win.on(eMove, onMoveEvent);
$win.on(eEnd, onEndEvent);
}
},
serialize: function() {
var data,
depth = 0,
list = this,
step = function(level, depth) {
var array = [ ], items = level.children(list.options._listItemClass);
items.each(function() {
var li = UI.$(this),
item = {}, attribute,
sub = li.children(list.options._listClass);
for (var i = 0, attr, val; i < li[0].attributes.length; i++) {
attribute = li[0].attributes[i];
if (attribute.name.indexOf('data-') === 0) {
attr = attribute.name.substr(5);
val = UI.Utils.str2json(attribute.value);
item[attr] = (val || attribute.value=='false' || attribute.value=='0') ? val:attribute.value;
}
}
if (sub.length) {
item.children = step(sub, depth + 1);
}
array.push(item);
});
return array;
};
data = step(list.element, depth);
return data;
},
list: function(options) {
var data = [],
list = this,
depth = 0,
step = function(level, depth, parent) {
var items = level.children(options._listItemClass);
items.each(function(index) {
var li = UI.$(this),
item = UI.$.extend({parent_id: (parent ? parent : null), depth: depth, order: index}, li.data()),
sub = li.children(options._listClass);
data.push(item);
if (sub.length) {
step(sub, depth + 1, li.data(options.idProperty || 'id'));
}
});
};
options = UI.$.extend({}, list.options, options);
step(list.element, depth);
return data;
},
reset: function() {
this.mouse = {
offsetX : 0,
offsetY : 0,
startX : 0,
startY : 0,
lastX : 0,
lastY : 0,
nowX : 0,
nowY : 0,
distX : 0,
distY : 0,
dirAx : 0,
dirX : 0,
dirY : 0,
lastDirX : 0,
lastDirY : 0,
distAxX : 0,
distAxY : 0
};
this.moving = false;
this.dragEl = null;
this.dragRootEl = null;
this.dragDepth = 0;
this.hasNewRoot = false;
this.pointEl = null;
for (var i=0; i' + this.tip + '
');
var $this = this,
pos = UI.$.extend({}, this.element.offset(), {width: this.element[0].offsetWidth, height: this.element[0].offsetHeight}),
width = $tooltip[0].offsetWidth,
height = $tooltip[0].offsetHeight,
offset = typeof(this.options.offset) === "function" ? this.options.offset.call(this.element) : this.options.offset,
position = typeof(this.options.pos) === "function" ? this.options.pos.call(this.element) : this.options.pos,
tmppos = position.split("-"),
tcss = {
"display" : "none",
"visibility" : "visible",
"top" : (pos.top + pos.height + height),
"left" : pos.left
};
// prevent strange position
// when tooltip is in offcanvas etc.
if (UI.$html.css('position')=='fixed' || UI.$body.css('position')=='fixed'){
var bodyoffset = UI.$('body').offset(),
htmloffset = UI.$('html').offset(),
docoffset = {'top': (htmloffset.top + bodyoffset.top), 'left': (htmloffset.left + bodyoffset.left)};
pos.left -= docoffset.left;
pos.top -= docoffset.top;
}
if ((tmppos[0] == "left" || tmppos[0] == "right") && UI.langdirection == 'right') {
tmppos[0] = tmppos[0] == "left" ? "right" : "left";
}
var variants = {
"bottom" : {top: pos.top + pos.height + offset, left: pos.left + pos.width / 2 - width / 2},
"top" : {top: pos.top - height - offset, left: pos.left + pos.width / 2 - width / 2},
"left" : {top: pos.top + pos.height / 2 - height / 2, left: pos.left - width - offset},
"right" : {top: pos.top + pos.height / 2 - height / 2, left: pos.left + pos.width + offset}
};
UI.$.extend(tcss, variants[tmppos[0]]);
if (tmppos.length == 2) tcss.left = (tmppos[1] == 'left') ? (pos.left) : ((pos.left + pos.width) - width);
var boundary = this.checkBoundary(tcss.left, tcss.top, width, height);
if(boundary) {
switch(boundary) {
case "x":
if (tmppos.length == 2) {
position = tmppos[0]+"-"+(tcss.left < 0 ? "left": "right");
} else {
position = tcss.left < 0 ? "right": "left";
}
break;
case "y":
if (tmppos.length == 2) {
position = (tcss.top < 0 ? "bottom": "top")+"-"+tmppos[1];
} else {
position = (tcss.top < 0 ? "bottom": "top");
}
break;
case "xy":
if (tmppos.length == 2) {
position = (tcss.top < 0 ? "bottom": "top")+"-"+(tcss.left < 0 ? "left": "right");
} else {
position = tcss.left < 0 ? "right": "left";
}
break;
}
tmppos = position.split("-");
UI.$.extend(tcss, variants[tmppos[0]]);
if (tmppos.length == 2) tcss.left = (tmppos[1] == 'left') ? (pos.left) : ((pos.left + pos.width) - width);
}
tcss.left -= UI.$body.position().left;
tooltipdelay = setTimeout(function(){
$tooltip.css(tcss).attr("class", ["uk-tooltip", "uk-tooltip-"+position, $this.options.cls].join(' '));
if ($this.options.animation) {
$tooltip.css({opacity: 0, display: 'block'}).addClass($this.options.activeClass).animate({opacity: 1}, parseInt($this.options.animation, 10) || 400);
} else {
$tooltip.show().addClass($this.options.activeClass);
}
tooltipdelay = false;
// close tooltip if element was removed or hidden
checkdelay = setInterval(function(){
if(!$this.element.is(':visible')) $this.hide();
}, 150);
}, parseInt(this.options.delay, 10) || 0);
},
hide: function() {
if(this.element.is("input") && this.element[0]===document.activeElement) return;
if(tooltipdelay) clearTimeout(tooltipdelay);
if (checkdelay) clearTimeout(checkdelay);
$tooltip.stop();
if (this.options.animation) {
var $this = this;
$tooltip.fadeOut(parseInt(this.options.animation, 10) || 400, function(){
$tooltip.removeClass($this.options.activeClass)
});
} else {
$tooltip.hide().removeClass(this.options.activeClass);
}
},
content: function() {
return this.tip;
},
checkBoundary: function(left, top, width, height) {
var axis = "";
if(left < 0 || ((left - UI.$win.scrollLeft())+width) > window.innerWidth) {
axis += "x";
}
if(top < 0 || ((top - UI.$win.scrollTop())+height) > window.innerHeight) {
axis += "y";
}
return axis;
}
});
return UI.tooltip;
});
/*! UIkit 2.26.4 | 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-timepicker", ["uikit"], function(){
return component || addon(UIkit);
});
}
})(function(UI){
"use strict";
UI.component('timepicker', {
defaults: {
format : '24h',
delay : 0,
start : 0,
end : 24
},
boot: function() {
// init code
UI.$html.on("focus.timepicker.uikit", "[data-uk-timepicker]", function(e) {
var ele = UI.$(this);
if (!ele.data("timepicker")) {
var obj = UI.timepicker(ele, UI.Utils.options(ele.attr("data-uk-timepicker")));
setTimeout(function(){
obj.autocomplete.input.focus();
}, 40);
}
});
},
init: function() {
var $this = this, times = getTimeRange(this.options.start, this.options.end), container;
this.options.minLength = 0;
this.options.template = '- {{~items}}
- {{$item.value}} {{/items}}