726 lines
22 KiB
JavaScript
726 lines
22 KiB
JavaScript
|
/*
|
||
|
|
* Foundation Responsive Library
|
||
|
|
* http://foundation.zurb.com
|
||
|
|
* Copyright 2014, ZURB
|
||
|
|
* Free to use under the MIT license.
|
||
|
|
* http://www.opensource.org/licenses/mit-license.php
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function ($, window, document, undefined) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var header_helpers = function (class_array) {
|
||
|
|
var i = class_array.length;
|
||
|
|
var head = $('head');
|
||
|
|
|
||
|
|
while (i--) {
|
||
|
|
if (head.has('.' + class_array[i]).length === 0) {
|
||
|
|
head.append('<meta class="' + class_array[i] + '" />');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
header_helpers([
|
||
|
|
'foundation-mq-small',
|
||
|
|
'foundation-mq-small-only',
|
||
|
|
'foundation-mq-medium',
|
||
|
|
'foundation-mq-medium-only',
|
||
|
|
'foundation-mq-large',
|
||
|
|
'foundation-mq-large-only',
|
||
|
|
'foundation-mq-xlarge',
|
||
|
|
'foundation-mq-xlarge-only',
|
||
|
|
'foundation-mq-xxlarge',
|
||
|
|
'foundation-data-attribute-namespace']);
|
||
|
|
|
||
|
|
// Enable FastClick if present
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
if (typeof FastClick !== 'undefined') {
|
||
|
|
// Don't attach to body if undefined
|
||
|
|
if (typeof document.body !== 'undefined') {
|
||
|
|
FastClick.attach(document.body);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// private Fast Selector wrapper,
|
||
|
|
// returns jQuery object. Only use where
|
||
|
|
// getElementById is not available.
|
||
|
|
var S = function (selector, context) {
|
||
|
|
if (typeof selector === 'string') {
|
||
|
|
if (context) {
|
||
|
|
var cont;
|
||
|
|
if (context.jquery) {
|
||
|
|
cont = context[0];
|
||
|
|
if (!cont) {
|
||
|
|
return context;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
cont = context;
|
||
|
|
}
|
||
|
|
return $(cont.querySelectorAll(selector));
|
||
|
|
}
|
||
|
|
|
||
|
|
return $(document.querySelectorAll(selector));
|
||
|
|
}
|
||
|
|
|
||
|
|
return $(selector, context);
|
||
|
|
};
|
||
|
|
|
||
|
|
// Namespace functions.
|
||
|
|
|
||
|
|
var attr_name = function (init) {
|
||
|
|
var arr = [];
|
||
|
|
if (!init) {
|
||
|
|
arr.push('data');
|
||
|
|
}
|
||
|
|
if (this.namespace.length > 0) {
|
||
|
|
arr.push(this.namespace);
|
||
|
|
}
|
||
|
|
arr.push(this.name);
|
||
|
|
|
||
|
|
return arr.join('-');
|
||
|
|
};
|
||
|
|
|
||
|
|
var add_namespace = function (str) {
|
||
|
|
var parts = str.split('-'),
|
||
|
|
i = parts.length,
|
||
|
|
arr = [];
|
||
|
|
|
||
|
|
while (i--) {
|
||
|
|
if (i !== 0) {
|
||
|
|
arr.push(parts[i]);
|
||
|
|
} else {
|
||
|
|
if (this.namespace.length > 0) {
|
||
|
|
arr.push(this.namespace, parts[i]);
|
||
|
|
} else {
|
||
|
|
arr.push(parts[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return arr.reverse().join('-');
|
||
|
|
};
|
||
|
|
|
||
|
|
// Event binding and data-options updating.
|
||
|
|
|
||
|
|
var bindings = function (method, options) {
|
||
|
|
var self = this,
|
||
|
|
bind = function(){
|
||
|
|
var $this = S(this),
|
||
|
|
should_bind_events = !$this.data(self.attr_name(true) + '-init');
|
||
|
|
$this.data(self.attr_name(true) + '-init', $.extend({}, self.settings, (options || method), self.data_options($this)));
|
||
|
|
|
||
|
|
if (should_bind_events) {
|
||
|
|
self.events(this);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
if (S(this.scope).is('[' + this.attr_name() +']')) {
|
||
|
|
bind.call(this.scope);
|
||
|
|
} else {
|
||
|
|
S('[' + this.attr_name() +']', this.scope).each(bind);
|
||
|
|
}
|
||
|
|
// # Patch to fix #5043 to move this *after* the if/else clause in order for Backbone and similar frameworks to have improved control over event binding and data-options updating.
|
||
|
|
if (typeof method === 'string') {
|
||
|
|
return this[method].call(this, options);
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
var single_image_loaded = function (image, callback) {
|
||
|
|
function loaded () {
|
||
|
|
callback(image[0]);
|
||
|
|
}
|
||
|
|
|
||
|
|
function bindLoad () {
|
||
|
|
this.one('load', loaded);
|
||
|
|
|
||
|
|
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
|
||
|
|
var src = this.attr( 'src' ),
|
||
|
|
param = src.match( /\?/ ) ? '&' : '?';
|
||
|
|
|
||
|
|
param += 'random=' + (new Date()).getTime();
|
||
|
|
this.attr('src', src + param);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!image.attr('src')) {
|
||
|
|
loaded();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (image[0].complete || image[0].readyState === 4) {
|
||
|
|
loaded();
|
||
|
|
} else {
|
||
|
|
bindLoad.call(image);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license */
|
||
|
|
|
||
|
|
window.matchMedia || (window.matchMedia = function() {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
// For browsers that support matchMedium api such as IE 9 and webkit
|
||
|
|
var styleMedia = (window.styleMedia || window.media);
|
||
|
|
|
||
|
|
// For those that don't support matchMedium
|
||
|
|
if (!styleMedia) {
|
||
|
|
var style = document.createElement('style'),
|
||
|
|
script = document.getElementsByTagName('script')[0],
|
||
|
|
info = null;
|
||
|
|
|
||
|
|
style.type = 'text/css';
|
||
|
|
style.id = 'matchmediajs-test';
|
||
|
|
|
||
|
|
script.parentNode.insertBefore(style, script);
|
||
|
|
|
||
|
|
// 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
|
||
|
|
info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle;
|
||
|
|
|
||
|
|
styleMedia = {
|
||
|
|
matchMedium: function(media) {
|
||
|
|
var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }';
|
||
|
|
|
||
|
|
// 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers
|
||
|
|
if (style.styleSheet) {
|
||
|
|
style.styleSheet.cssText = text;
|
||
|
|
} else {
|
||
|
|
style.textContent = text;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Test if media query is true or false
|
||
|
|
return info.width === '1px';
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return function(media) {
|
||
|
|
return {
|
||
|
|
matches: styleMedia.matchMedium(media || 'all'),
|
||
|
|
media: media || 'all'
|
||
|
|
};
|
||
|
|
};
|
||
|
|
}());
|
||
|
|
|
||
|
|
/*
|
||
|
|
* jquery.requestAnimationFrame
|
||
|
|
* https://github.com/gnarf37/jquery-requestAnimationFrame
|
||
|
|
* Requires jQuery 1.8+
|
||
|
|
*
|
||
|
|
* Copyright (c) 2012 Corey Frang
|
||
|
|
* Licensed under the MIT license.
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function(jQuery) {
|
||
|
|
|
||
|
|
|
||
|
|
// requestAnimationFrame polyfill adapted from Erik Möller
|
||
|
|
// fixes from Paul Irish and Tino Zijdel
|
||
|
|
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
|
||
|
|
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
|
||
|
|
|
||
|
|
var animating,
|
||
|
|
lastTime = 0,
|
||
|
|
vendors = ['webkit', 'moz'],
|
||
|
|
requestAnimationFrame = window.requestAnimationFrame,
|
||
|
|
cancelAnimationFrame = window.cancelAnimationFrame,
|
||
|
|
jqueryFxAvailable = 'undefined' !== typeof jQuery.fx;
|
||
|
|
|
||
|
|
for (; lastTime < vendors.length && !requestAnimationFrame; lastTime++) {
|
||
|
|
requestAnimationFrame = window[ vendors[lastTime] + 'RequestAnimationFrame' ];
|
||
|
|
cancelAnimationFrame = cancelAnimationFrame ||
|
||
|
|
window[ vendors[lastTime] + 'CancelAnimationFrame' ] ||
|
||
|
|
window[ vendors[lastTime] + 'CancelRequestAnimationFrame' ];
|
||
|
|
}
|
||
|
|
|
||
|
|
function raf() {
|
||
|
|
if (animating) {
|
||
|
|
requestAnimationFrame(raf);
|
||
|
|
|
||
|
|
if (jqueryFxAvailable) {
|
||
|
|
jQuery.fx.tick();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (requestAnimationFrame) {
|
||
|
|
// use rAF
|
||
|
|
window.requestAnimationFrame = requestAnimationFrame;
|
||
|
|
window.cancelAnimationFrame = cancelAnimationFrame;
|
||
|
|
|
||
|
|
if (jqueryFxAvailable) {
|
||
|
|
jQuery.fx.timer = function (timer) {
|
||
|
|
if (timer() && jQuery.timers.push(timer) && !animating) {
|
||
|
|
animating = true;
|
||
|
|
raf();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
jQuery.fx.stop = function () {
|
||
|
|
animating = false;
|
||
|
|
};
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
// polyfill
|
||
|
|
window.requestAnimationFrame = function (callback) {
|
||
|
|
var currTime = new Date().getTime(),
|
||
|
|
timeToCall = Math.max(0, 16 - (currTime - lastTime)),
|
||
|
|
id = window.setTimeout(function () {
|
||
|
|
callback(currTime + timeToCall);
|
||
|
|
}, timeToCall);
|
||
|
|
lastTime = currTime + timeToCall;
|
||
|
|
return id;
|
||
|
|
};
|
||
|
|
|
||
|
|
window.cancelAnimationFrame = function (id) {
|
||
|
|
clearTimeout(id);
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}( $ ));
|
||
|
|
|
||
|
|
function removeQuotes (string) {
|
||
|
|
if (typeof string === 'string' || string instanceof String) {
|
||
|
|
string = string.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g, '');
|
||
|
|
}
|
||
|
|
|
||
|
|
return string;
|
||
|
|
}
|
||
|
|
|
||
|
|
window.Foundation = {
|
||
|
|
name : 'Foundation',
|
||
|
|
|
||
|
|
version : '5.5.2',
|
||
|
|
|
||
|
|
media_queries : {
|
||
|
|
'small' : S('.foundation-mq-small').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'small-only' : S('.foundation-mq-small-only').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'medium' : S('.foundation-mq-medium').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'medium-only' : S('.foundation-mq-medium-only').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'large' : S('.foundation-mq-large').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'large-only' : S('.foundation-mq-large-only').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'xlarge' : S('.foundation-mq-xlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'xlarge-only' : S('.foundation-mq-xlarge-only').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
|
||
|
|
'xxlarge' : S('.foundation-mq-xxlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, '')
|
||
|
|
},
|
||
|
|
|
||
|
|
stylesheet : $('<style></style>').appendTo('head')[0].sheet,
|
||
|
|
|
||
|
|
global : {
|
||
|
|
namespace : undefined
|
||
|
|
},
|
||
|
|
|
||
|
|
init : function (scope, libraries, method, options, response) {
|
||
|
|
var args = [scope, method, options, response],
|
||
|
|
responses = [];
|
||
|
|
|
||
|
|
// check RTL
|
||
|
|
this.rtl = /rtl/i.test(S('html').attr('dir'));
|
||
|
|
|
||
|
|
// set foundation global scope
|
||
|
|
this.scope = scope || this.scope;
|
||
|
|
|
||
|
|
this.set_namespace();
|
||
|
|
|
||
|
|
if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) {
|
||
|
|
if (this.libs.hasOwnProperty(libraries)) {
|
||
|
|
responses.push(this.init_lib(libraries, args));
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
for (var lib in this.libs) {
|
||
|
|
responses.push(this.init_lib(lib, libraries));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
S(window).load(function () {
|
||
|
|
S(window)
|
||
|
|
.trigger('resize.fndtn.clearing')
|
||
|
|
.trigger('resize.fndtn.dropdown')
|
||
|
|
.trigger('resize.fndtn.equalizer')
|
||
|
|
.trigger('resize.fndtn.interchange')
|
||
|
|
.trigger('resize.fndtn.joyride')
|
||
|
|
.trigger('resize.fndtn.magellan')
|
||
|
|
.trigger('resize.fndtn.topbar')
|
||
|
|
.trigger('resize.fndtn.slider');
|
||
|
|
});
|
||
|
|
|
||
|
|
return scope;
|
||
|
|
},
|
||
|
|
|
||
|
|
init_lib : function (lib, args) {
|
||
|
|
if (this.libs.hasOwnProperty(lib)) {
|
||
|
|
this.patch(this.libs[lib]);
|
||
|
|
|
||
|
|
if (args && args.hasOwnProperty(lib)) {
|
||
|
|
if (typeof this.libs[lib].settings !== 'undefined') {
|
||
|
|
$.extend(true, this.libs[lib].settings, args[lib]);
|
||
|
|
} else if (typeof this.libs[lib].defaults !== 'undefined') {
|
||
|
|
$.extend(true, this.libs[lib].defaults, args[lib]);
|
||
|
|
}
|
||
|
|
return this.libs[lib].init.apply(this.libs[lib], [this.scope, args[lib]]);
|
||
|
|
}
|
||
|
|
|
||
|
|
args = args instanceof Array ? args : new Array(args);
|
||
|
|
return this.libs[lib].init.apply(this.libs[lib], args);
|
||
|
|
}
|
||
|
|
|
||
|
|
return function () {};
|
||
|
|
},
|
||
|
|
|
||
|
|
patch : function (lib) {
|
||
|
|
lib.scope = this.scope;
|
||
|
|
lib.namespace = this.global.namespace;
|
||
|
|
lib.rtl = this.rtl;
|
||
|
|
lib['data_options'] = this.utils.data_options;
|
||
|
|
lib['attr_name'] = attr_name;
|
||
|
|
lib['add_namespace'] = add_namespace;
|
||
|
|
lib['bindings'] = bindings;
|
||
|
|
lib['S'] = this.utils.S;
|
||
|
|
},
|
||
|
|
|
||
|
|
inherit : function (scope, methods) {
|
||
|
|
var methods_arr = methods.split(' '),
|
||
|
|
i = methods_arr.length;
|
||
|
|
|
||
|
|
while (i--) {
|
||
|
|
if (this.utils.hasOwnProperty(methods_arr[i])) {
|
||
|
|
scope[methods_arr[i]] = this.utils[methods_arr[i]];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
set_namespace : function () {
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Don't bother reading the namespace out of the meta tag
|
||
|
|
// if the namespace has been set globally in javascript
|
||
|
|
//
|
||
|
|
// Example:
|
||
|
|
// Foundation.global.namespace = 'my-namespace';
|
||
|
|
// or make it an empty string:
|
||
|
|
// Foundation.global.namespace = '';
|
||
|
|
//
|
||
|
|
//
|
||
|
|
|
||
|
|
// If the namespace has not been set (is undefined), try to read it out of the meta element.
|
||
|
|
// Otherwise use the globally defined namespace, even if it's empty ('')
|
||
|
|
var namespace = ( this.global.namespace === undefined ) ? $('.foundation-data-attribute-namespace').css('font-family') : this.global.namespace;
|
||
|
|
|
||
|
|
// Finally, if the namsepace is either undefined or false, set it to an empty string.
|
||
|
|
// Otherwise use the namespace value.
|
||
|
|
this.global.namespace = ( namespace === undefined || /false/i.test(namespace) ) ? '' : namespace;
|
||
|
|
},
|
||
|
|
|
||
|
|
libs : {},
|
||
|
|
|
||
|
|
// methods that can be inherited in libraries
|
||
|
|
utils : {
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Fast Selector wrapper returns jQuery object. Only use where getElementById
|
||
|
|
// is not available.
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// Selector (String): CSS selector describing the element(s) to be
|
||
|
|
// returned as a jQuery object.
|
||
|
|
//
|
||
|
|
// Scope (String): CSS selector describing the area to be searched. Default
|
||
|
|
// is document.
|
||
|
|
//
|
||
|
|
// Returns:
|
||
|
|
// Element (jQuery Object): jQuery object containing elements matching the
|
||
|
|
// selector within the scope.
|
||
|
|
S : S,
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Executes a function a max of once every n milliseconds
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// Func (Function): Function to be throttled.
|
||
|
|
//
|
||
|
|
// Delay (Integer): Function execution threshold in milliseconds.
|
||
|
|
//
|
||
|
|
// Returns:
|
||
|
|
// Lazy_function (Function): Function with throttling applied.
|
||
|
|
throttle : function (func, delay) {
|
||
|
|
var timer = null;
|
||
|
|
|
||
|
|
return function () {
|
||
|
|
var context = this, args = arguments;
|
||
|
|
|
||
|
|
if (timer == null) {
|
||
|
|
timer = setTimeout(function () {
|
||
|
|
func.apply(context, args);
|
||
|
|
timer = null;
|
||
|
|
}, delay);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Executes a function when it stops being invoked for n seconds
|
||
|
|
// Modified version of _.debounce() http://underscorejs.org
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// Func (Function): Function to be debounced.
|
||
|
|
//
|
||
|
|
// Delay (Integer): Function execution threshold in milliseconds.
|
||
|
|
//
|
||
|
|
// Immediate (Bool): Whether the function should be called at the beginning
|
||
|
|
// of the delay instead of the end. Default is false.
|
||
|
|
//
|
||
|
|
// Returns:
|
||
|
|
// Lazy_function (Function): Function with debouncing applied.
|
||
|
|
debounce : function (func, delay, immediate) {
|
||
|
|
var timeout, result;
|
||
|
|
return function () {
|
||
|
|
var context = this, args = arguments;
|
||
|
|
var later = function () {
|
||
|
|
timeout = null;
|
||
|
|
if (!immediate) {
|
||
|
|
result = func.apply(context, args);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var callNow = immediate && !timeout;
|
||
|
|
clearTimeout(timeout);
|
||
|
|
timeout = setTimeout(later, delay);
|
||
|
|
if (callNow) {
|
||
|
|
result = func.apply(context, args);
|
||
|
|
}
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Parses data-options attribute
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// El (jQuery Object): Element to be parsed.
|
||
|
|
//
|
||
|
|
// Returns:
|
||
|
|
// Options (Javascript Object): Contents of the element's data-options
|
||
|
|
// attribute.
|
||
|
|
data_options : function (el, data_attr_name) {
|
||
|
|
data_attr_name = data_attr_name || 'options';
|
||
|
|
var opts = {}, ii, p, opts_arr,
|
||
|
|
data_options = function (el) {
|
||
|
|
var namespace = Foundation.global.namespace;
|
||
|
|
|
||
|
|
if (namespace.length > 0) {
|
||
|
|
return el.data(namespace + '-' + data_attr_name);
|
||
|
|
}
|
||
|
|
|
||
|
|
return el.data(data_attr_name);
|
||
|
|
};
|
||
|
|
|
||
|
|
var cached_options = data_options(el);
|
||
|
|
|
||
|
|
if (typeof cached_options === 'object') {
|
||
|
|
return cached_options;
|
||
|
|
}
|
||
|
|
|
||
|
|
opts_arr = (cached_options || ':').split(';');
|
||
|
|
ii = opts_arr.length;
|
||
|
|
|
||
|
|
function isNumber (o) {
|
||
|
|
return !isNaN (o - 0) && o !== null && o !== '' && o !== false && o !== true;
|
||
|
|
}
|
||
|
|
|
||
|
|
function trim (str) {
|
||
|
|
if (typeof str === 'string') {
|
||
|
|
return $.trim(str);
|
||
|
|
}
|
||
|
|
return str;
|
||
|
|
}
|
||
|
|
|
||
|
|
while (ii--) {
|
||
|
|
p = opts_arr[ii].split(':');
|
||
|
|
p = [p[0], p.slice(1).join(':')];
|
||
|
|
|
||
|
|
if (/true/i.test(p[1])) {
|
||
|
|
p[1] = true;
|
||
|
|
}
|
||
|
|
if (/false/i.test(p[1])) {
|
||
|
|
p[1] = false;
|
||
|
|
}
|
||
|
|
if (isNumber(p[1])) {
|
||
|
|
if (p[1].indexOf('.') === -1) {
|
||
|
|
p[1] = parseInt(p[1], 10);
|
||
|
|
} else {
|
||
|
|
p[1] = parseFloat(p[1]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (p.length === 2 && p[0].length > 0) {
|
||
|
|
opts[trim(p[0])] = trim(p[1]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return opts;
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Adds JS-recognizable media queries
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// Media (String): Key string for the media query to be stored as in
|
||
|
|
// Foundation.media_queries
|
||
|
|
//
|
||
|
|
// Class (String): Class name for the generated <meta> tag
|
||
|
|
register_media : function (media, media_class) {
|
||
|
|
if (Foundation.media_queries[media] === undefined) {
|
||
|
|
$('head').append('<meta class="' + media_class + '"/>');
|
||
|
|
Foundation.media_queries[media] = removeQuotes($('.' + media_class).css('font-family'));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Add custom CSS within a JS-defined media query
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// Rule (String): CSS rule to be appended to the document.
|
||
|
|
//
|
||
|
|
// Media (String): Optional media query string for the CSS rule to be
|
||
|
|
// nested under.
|
||
|
|
add_custom_rule : function (rule, media) {
|
||
|
|
if (media === undefined && Foundation.stylesheet) {
|
||
|
|
Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length);
|
||
|
|
} else {
|
||
|
|
var query = Foundation.media_queries[media];
|
||
|
|
|
||
|
|
if (query !== undefined) {
|
||
|
|
Foundation.stylesheet.insertRule('@media ' +
|
||
|
|
Foundation.media_queries[media] + '{ ' + rule + ' }', Foundation.stylesheet.cssRules.length);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Performs a callback function when an image is fully loaded
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// Image (jQuery Object): Image(s) to check if loaded.
|
||
|
|
//
|
||
|
|
// Callback (Function): Function to execute when image is fully loaded.
|
||
|
|
image_loaded : function (images, callback) {
|
||
|
|
var self = this,
|
||
|
|
unloaded = images.length;
|
||
|
|
|
||
|
|
function pictures_has_height(images) {
|
||
|
|
var pictures_number = images.length;
|
||
|
|
|
||
|
|
for (var i = pictures_number - 1; i >= 0; i--) {
|
||
|
|
if(images.attr('height') === undefined) {
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (unloaded === 0 || pictures_has_height(images)) {
|
||
|
|
callback(images);
|
||
|
|
}
|
||
|
|
|
||
|
|
images.each(function () {
|
||
|
|
single_image_loaded(self.S(this), function () {
|
||
|
|
unloaded -= 1;
|
||
|
|
if (unloaded === 0) {
|
||
|
|
callback(images);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Returns a random, alphanumeric string
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// Length (Integer): Length of string to be generated. Defaults to random
|
||
|
|
// integer.
|
||
|
|
//
|
||
|
|
// Returns:
|
||
|
|
// Rand (String): Pseudo-random, alphanumeric string.
|
||
|
|
random_str : function () {
|
||
|
|
if (!this.fidx) {
|
||
|
|
this.fidx = 0;
|
||
|
|
}
|
||
|
|
this.prefix = this.prefix || [(this.name || 'F'), (+new Date).toString(36)].join('-');
|
||
|
|
|
||
|
|
return this.prefix + (this.fidx++).toString(36);
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Helper for window.matchMedia
|
||
|
|
//
|
||
|
|
// Arguments:
|
||
|
|
// mq (String): Media query
|
||
|
|
//
|
||
|
|
// Returns:
|
||
|
|
// (Boolean): Whether the media query passes or not
|
||
|
|
match : function (mq) {
|
||
|
|
return window.matchMedia(mq).matches;
|
||
|
|
},
|
||
|
|
|
||
|
|
// Description:
|
||
|
|
// Helpers for checking Foundation default media queries with JS
|
||
|
|
//
|
||
|
|
// Returns:
|
||
|
|
// (Boolean): Whether the media query passes or not
|
||
|
|
|
||
|
|
is_small_up : function () {
|
||
|
|
return this.match(Foundation.media_queries.small);
|
||
|
|
},
|
||
|
|
|
||
|
|
is_medium_up : function () {
|
||
|
|
return this.match(Foundation.media_queries.medium);
|
||
|
|
},
|
||
|
|
|
||
|
|
is_large_up : function () {
|
||
|
|
return this.match(Foundation.media_queries.large);
|
||
|
|
},
|
||
|
|
|
||
|
|
is_xlarge_up : function () {
|
||
|
|
return this.match(Foundation.media_queries.xlarge);
|
||
|
|
},
|
||
|
|
|
||
|
|
is_xxlarge_up : function () {
|
||
|
|
return this.match(Foundation.media_queries.xxlarge);
|
||
|
|
},
|
||
|
|
|
||
|
|
is_small_only : function () {
|
||
|
|
return !this.is_medium_up() && !this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up();
|
||
|
|
},
|
||
|
|
|
||
|
|
is_medium_only : function () {
|
||
|
|
return this.is_medium_up() && !this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up();
|
||
|
|
},
|
||
|
|
|
||
|
|
is_large_only : function () {
|
||
|
|
return this.is_medium_up() && this.is_large_up() && !this.is_xlarge_up() && !this.is_xxlarge_up();
|
||
|
|
},
|
||
|
|
|
||
|
|
is_xlarge_only : function () {
|
||
|
|
return this.is_medium_up() && this.is_large_up() && this.is_xlarge_up() && !this.is_xxlarge_up();
|
||
|
|
},
|
||
|
|
|
||
|
|
is_xxlarge_only : function () {
|
||
|
|
return this.is_medium_up() && this.is_large_up() && this.is_xlarge_up() && this.is_xxlarge_up();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$.fn.foundation = function () {
|
||
|
|
var args = Array.prototype.slice.call(arguments, 0);
|
||
|
|
|
||
|
|
return this.each(function () {
|
||
|
|
Foundation.init.apply(Foundation, [this].concat(args));
|
||
|
|
return this;
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
}(jQuery, window, window.document));
|