| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365 |
- /*!
- * PlaneUI v0.1.0
- * @file planeui.patch.ie8.js
- * @description The Modern HTML5 Cross-Device Responsive Front-end UI Framework.
- * @license MIT License
- * @author Pandao
- * {@link https://github.com/pandao/planeui}
- * @updateTime 2015-06-27
- */
- /*
- selectivizr v1.0.2b - (c) Keith Clark, freely distributable under the terms
- of the MIT license.
- selectivizr.com
- */
- /*
-
- Notes about this source
- -----------------------
- * The #DEBUG_START and #DEBUG_END comments are used to mark blocks of code
- that will be removed prior to building a final release version (using a
- pre-compression script)
-
-
- References:
- -----------
-
- * CSS Syntax : http://www.w3.org/TR/2003/WD-css3-syntax-20030813/#style
- * Selectors : http://www.w3.org/TR/css3-selectors/#selectors
- * IE Compatability : http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
- * W3C Selector Tests : http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/tests/
-
- */
- (function(win) {
- // If browser isn't IE, then stop execution! This handles the script
- // being loaded by non IE browsers because the developer didn't use
- // conditional comments.
- if (/*@cc_on!@*/true) return;
- // =========================== Init Objects ============================
- var doc = document;
- var root = doc.documentElement;
- var xhr = getXHRObject();
- var ieVersion = /MSIE (\d+)/.exec(navigator.userAgent)[1];
-
- // If were not in standards mode, IE is too old / new or we can't create
- // an XMLHttpRequest object then we should get out now.
- if (doc.compatMode != 'CSS1Compat' || ieVersion<6 || ieVersion>8 || !xhr) {
- return;
- }
-
-
- // ========================= Common Objects ============================
- // Compatiable selector engines in order of CSS3 support. Note: '*' is
- // a placholder for the object key name. (basically, crude compression)
- var selectorEngines = {
- "NW" : "*.Dom.select",
- "MooTools" : "$$",
- "DOMAssistant" : "*.$",
- "Prototype" : "$$",
- "YAHOO" : "*.util.Selector.query",
- "Sizzle" : "*",
- "jQuery" : "*",
- "dojo" : "*.query"
- };
- var selectorMethod;
- var enabledWatchers = []; // array of :enabled/:disabled elements to poll
- var ie6PatchID = 0; // used to solve ie6's multiple class bug
- var patchIE6MultipleClasses = true; // if true adds class bloat to ie6
- var namespace = "slvzr";
-
- // Stylesheet parsing regexp's
- var RE_COMMENT = /(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g;
- var RE_IMPORT = /@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g;
- var RE_ASSET_URL = /\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g;
- var RE_PSEUDO_STRUCTURAL = /^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/;
- var RE_PSEUDO_ELEMENTS = /:(:first-(?:line|letter))/g;
- var RE_SELECTOR_GROUP = /(^|})\s*([^\{]*?[\[:][^{]+)/g;
- var RE_SELECTOR_PARSE = /([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g;
- var RE_LIBRARY_INCOMPATIBLE_PSEUDOS = /(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g;
- var RE_PATCH_CLASS_NAME_REPLACE = /[^\w-]/g;
-
- // HTML UI element regexp's
- var RE_INPUT_ELEMENTS = /^(INPUT|SELECT|TEXTAREA|BUTTON)$/;
- var RE_INPUT_CHECKABLE_TYPES = /^(checkbox|radio)$/;
- // Broken attribute selector implementations (IE7/8 native [^=""], [$=""] and [*=""])
- var BROKEN_ATTR_IMPLEMENTATIONS = ieVersion>6 ? /[\$\^*]=(['"])\1/ : null;
- // Whitespace normalization regexp's
- var RE_TIDY_TRAILING_WHITESPACE = /([(\[+~])\s+/g;
- var RE_TIDY_LEADING_WHITESPACE = /\s+([)\]+~])/g;
- var RE_TIDY_CONSECUTIVE_WHITESPACE = /\s+/g;
- var RE_TIDY_TRIM_WHITESPACE = /^\s*((?:[\S\s]*\S)?)\s*$/;
-
- // String constants
- var EMPTY_STRING = "";
- var SPACE_STRING = " ";
- var PLACEHOLDER_STRING = "$1";
- // =========================== Patching ================================
- // --[ patchStyleSheet() ]----------------------------------------------
- // Scans the passed cssText for selectors that require emulation and
- // creates one or more patches for each matched selector.
- function patchStyleSheet( cssText ) {
- return cssText.replace(RE_PSEUDO_ELEMENTS, PLACEHOLDER_STRING).
- replace(RE_SELECTOR_GROUP, function(m, prefix, selectorText) {
- var selectorGroups = selectorText.split(",");
- for (var c = 0, cs = selectorGroups.length; c < cs; c++) {
- var selector = normalizeSelectorWhitespace(selectorGroups[c]) + SPACE_STRING;
- var patches = [];
- selectorGroups[c] = selector.replace(RE_SELECTOR_PARSE,
- function(match, combinator, pseudo, attribute, index) {
- if (combinator) {
- if (patches.length>0) {
- applyPatches( selector.substring(0, index), patches );
- patches = [];
- }
- return combinator;
- }
- else {
- var patch = (pseudo) ? patchPseudoClass( pseudo ) : patchAttribute( attribute );
- if (patch) {
- patches.push(patch);
- return "." + patch.className;
- }
- return match;
- }
- }
- );
- }
- return prefix + selectorGroups.join(",");
- });
- };
- // --[ patchAttribute() ]-----------------------------------------------
- // returns a patch for an attribute selector.
- function patchAttribute( attr ) {
- return (!BROKEN_ATTR_IMPLEMENTATIONS || BROKEN_ATTR_IMPLEMENTATIONS.test(attr)) ?
- { className: createClassName(attr), applyClass: true } : null;
- };
- // --[ patchPseudoClass() ]---------------------------------------------
- // returns a patch for a pseudo-class
- function patchPseudoClass( pseudo ) {
- var applyClass = true;
- var className = createClassName(pseudo.slice(1));
- var isNegated = pseudo.substring(0, 5) == ":not(";
- var activateEventName;
- var deactivateEventName;
- // if negated, remove :not()
- if (isNegated) {
- pseudo = pseudo.slice(5, -1);
- }
-
- // bracket contents are irrelevant - remove them
- var bracketIndex = pseudo.indexOf("(")
- if (bracketIndex > -1) {
- pseudo = pseudo.substring(0, bracketIndex);
- }
-
- // check we're still dealing with a pseudo-class
- if (pseudo.charAt(0) == ":") {
- switch (pseudo.slice(1)) {
- case "root":
- applyClass = function(e) {
- return isNegated ? e != root : e == root;
- }
- break;
- case "target":
- // :target is only supported in IE8
- if (ieVersion == 8) {
- applyClass = function(e) {
- var handler = function() {
- var hash = location.hash;
- var hashID = hash.slice(1);
- return isNegated ? (hash == EMPTY_STRING || e.id != hashID) : (hash != EMPTY_STRING && e.id == hashID);
- };
- addEvent( win, "hashchange", function() {
- toggleElementClass(e, className, handler());
- })
- return handler();
- }
- break;
- }
- return false;
-
- case "checked":
- applyClass = function(e) {
- if (RE_INPUT_CHECKABLE_TYPES.test(e.type)) {
- addEvent( e, "propertychange", function() {
- if (event.propertyName == "checked") {
- toggleElementClass( e, className, e.checked !== isNegated );
- }
- })
- }
- return e.checked !== isNegated;
- }
- break;
-
- case "disabled":
- isNegated = !isNegated;
- case "enabled":
- applyClass = function(e) {
- if (RE_INPUT_ELEMENTS.test(e.tagName)) {
- addEvent( e, "propertychange", function() {
- if (event.propertyName == "$disabled") {
- toggleElementClass( e, className, e.$disabled === isNegated );
- }
- });
- enabledWatchers.push(e);
- e.$disabled = e.disabled;
- return e.disabled === isNegated;
- }
- return pseudo == ":enabled" ? isNegated : !isNegated;
- }
- break;
-
- case "focus":
- activateEventName = "focus";
- deactivateEventName = "blur";
-
- case "hover":
- if (!activateEventName) {
- activateEventName = "mouseenter";
- deactivateEventName = "mouseleave";
- }
- applyClass = function(e) {
- addEvent( e, isNegated ? deactivateEventName : activateEventName, function() {
- toggleElementClass( e, className, true );
- })
- addEvent( e, isNegated ? activateEventName : deactivateEventName, function() {
- toggleElementClass( e, className, false );
- })
- return isNegated;
- }
- break;
-
- // everything else
- default:
- // If we don't support this pseudo-class don't create
- // a patch for it
- if (!RE_PSEUDO_STRUCTURAL.test(pseudo)) {
- return false;
- }
- break;
- }
- }
- return { className: className, applyClass: applyClass };
- };
- // --[ applyPatches() ]-------------------------------------------------
- // uses the passed selector text to find DOM nodes and patch them
- function applyPatches(selectorText, patches) {
- var elms;
-
- // Although some selector libraries can find :checked :enabled etc.
- // we need to find all elements that could have that state because
- // it can be changed by the user.
- var domSelectorText = selectorText.replace(RE_LIBRARY_INCOMPATIBLE_PSEUDOS, EMPTY_STRING);
-
- // If the dom selector equates to an empty string or ends with
- // whitespace then we need to append a universal selector (*) to it.
- if (domSelectorText == EMPTY_STRING || domSelectorText.charAt(domSelectorText.length - 1) == SPACE_STRING) {
- domSelectorText += "*";
- }
-
- // Ensure we catch errors from the selector library
- try {
- elms = selectorMethod( domSelectorText );
- } catch (ex) {
- // #DEBUG_START
- log( "Selector '" + selectorText + "' threw exception '" + ex + "'" );
- // #DEBUG_END
- }
- if (elms) {
- for (var d = 0, dl = elms.length; d < dl; d++) {
- var elm = elms[d];
- var cssClasses = elm.className;
- for (var f = 0, fl = patches.length; f < fl; f++) {
- var patch = patches[f];
-
- if (!hasPatch(elm, patch)) {
- if (patch.applyClass && (patch.applyClass === true || patch.applyClass(elm) === true)) {
- cssClasses = toggleClass(cssClasses, patch.className, true );
- }
- }
- }
- elm.className = cssClasses;
- }
- }
- };
- // --[ hasPatch() ]-----------------------------------------------------
- // checks for the exsistence of a patch on an element
- function hasPatch( elm, patch ) {
- return new RegExp("(^|\\s)" + patch.className + "(\\s|$)").test(elm.className);
- };
-
-
- // =========================== Utility =================================
-
- function createClassName( className ) {
- return namespace + "-" + ((ieVersion == 6 && patchIE6MultipleClasses) ?
- ie6PatchID++
- :
- className.replace(RE_PATCH_CLASS_NAME_REPLACE, function(a) { return a.charCodeAt(0) }));
- };
- // --[ log() ]----------------------------------------------------------
- // #DEBUG_START
- function log( message ) {
- if (win.console) {
- win.console.log(message);
- }
- };
- // #DEBUG_END
- // --[ trim() ]---------------------------------------------------------
- // removes leading, trailing whitespace from a string
- function trim( text ) {
- return text.replace(RE_TIDY_TRIM_WHITESPACE, PLACEHOLDER_STRING);
- };
- // --[ normalizeWhitespace() ]------------------------------------------
- // removes leading, trailing and consecutive whitespace from a string
- function normalizeWhitespace( text ) {
- return trim(text).replace(RE_TIDY_CONSECUTIVE_WHITESPACE, SPACE_STRING);
- };
- // --[ normalizeSelectorWhitespace() ]----------------------------------
- // tidies whitespace around selector brackets and combinators
- function normalizeSelectorWhitespace( selectorText ) {
- return normalizeWhitespace(selectorText.
- replace(RE_TIDY_TRAILING_WHITESPACE, PLACEHOLDER_STRING).
- replace(RE_TIDY_LEADING_WHITESPACE, PLACEHOLDER_STRING)
- );
- };
- // --[ toggleElementClass() ]-------------------------------------------
- // toggles a single className on an element
- function toggleElementClass( elm, className, on ) {
- var oldClassName = elm.className;
- var newClassName = toggleClass(oldClassName, className, on);
- if (newClassName != oldClassName) {
- elm.className = newClassName;
- elm.parentNode.className += EMPTY_STRING;
- }
- };
- // --[ toggleClass() ]--------------------------------------------------
- // adds / removes a className from a string of classNames. Used to
- // manage multiple class changes without forcing a DOM redraw
- function toggleClass( classList, className, on ) {
- var re = RegExp("(^|\\s)" + className + "(\\s|$)");
- var classExists = re.test(classList);
- if (on) {
- return classExists ? classList : classList + SPACE_STRING + className;
- } else {
- return classExists ? trim(classList.replace(re, PLACEHOLDER_STRING)) : classList;
- }
- };
-
- // --[ addEvent() ]-----------------------------------------------------
- function addEvent(elm, eventName, eventHandler) {
- elm.attachEvent("on" + eventName, eventHandler);
- };
- // --[ getXHRObject() ]-------------------------------------------------
- function getXHRObject()
- {
- if (win.XMLHttpRequest) {
- return new XMLHttpRequest;
- }
- try {
- return new ActiveXObject('Microsoft.XMLHTTP');
- } catch(e) {
- return null;
- }
- };
- // --[ loadStyleSheet() ]-----------------------------------------------
- function loadStyleSheet( url ) {
- xhr.open("GET", url, false);
- xhr.send();
- return (xhr.status==200) ? xhr.responseText : EMPTY_STRING;
- };
-
- // --[ resolveUrl() ]---------------------------------------------------
- // Converts a URL fragment to a fully qualified URL using the specified
- // context URL. Returns null if same-origin policy is broken
- function resolveUrl( url, contextUrl ) {
-
- function getProtocolAndHost( url ) {
- return url.substring(0, url.indexOf("/", 8));
- };
-
- // absolute path
- if (/^https?:\/\//i.test(url)) {
- return getProtocolAndHost(contextUrl) == getProtocolAndHost(url) ? url : null;
- }
-
- // root-relative path
- if (url.charAt(0)=="/") {
- return getProtocolAndHost(contextUrl) + url;
- }
- // relative path
- var contextUrlPath = contextUrl.split(/[?#]/)[0]; // ignore query string in the contextUrl
- if (url.charAt(0) != "?" && contextUrlPath.charAt(contextUrlPath.length - 1) != "/") {
- contextUrlPath = contextUrlPath.substring(0, contextUrlPath.lastIndexOf("/") + 1);
- }
-
- return contextUrlPath + url;
- };
-
- // --[ parseStyleSheet() ]----------------------------------------------
- // Downloads the stylesheet specified by the URL, removes it's comments
- // and recursivly replaces @import rules with their contents, ultimately
- // returning the full cssText.
- function parseStyleSheet( url ) {
- if (url) {
- return loadStyleSheet(url).replace(RE_COMMENT, EMPTY_STRING).
- replace(RE_IMPORT, function( match, quoteChar, importUrl, quoteChar2, importUrl2 ) {
- return parseStyleSheet(resolveUrl(importUrl || importUrl2, url));
- }).
- replace(RE_ASSET_URL, function( match, quoteChar, assetUrl ) {
- quoteChar = quoteChar || EMPTY_STRING;
- return " url(" + quoteChar + resolveUrl(assetUrl, url) + quoteChar + ") ";
- });
- }
- return EMPTY_STRING;
- };
-
- // --[ init() ]---------------------------------------------------------
- function init() {
- // honour the <base> tag
- var url, stylesheet;
- var baseTags = doc.getElementsByTagName("BASE");
- var baseUrl = (baseTags.length > 0) ? baseTags[0].href : doc.location.href;
-
- /* Note: This code prevents IE from freezing / crashing when using
- @font-face .eot files but it modifies the <head> tag and could
- trigger the IE stylesheet limit. It will also cause FOUC issues.
- If you choose to use it, make sure you comment out the for loop
- directly below this comment.
- var head = doc.getElementsByTagName("head")[0];
- for (var c=doc.styleSheets.length-1; c>=0; c--) {
- stylesheet = doc.styleSheets[c]
- head.appendChild(doc.createElement("style"))
- var patchedStylesheet = doc.styleSheets[doc.styleSheets.length-1];
-
- if (stylesheet.href != EMPTY_STRING) {
- url = resolveUrl(stylesheet.href, baseUrl)
- if (url) {
- patchedStylesheet.cssText = patchStyleSheet( parseStyleSheet( url ) )
- stylesheet.disabled = true
- setTimeout( function () {
- stylesheet.owningElement.parentNode.removeChild(stylesheet.owningElement)
- })
- }
- }
- }
- */
-
- for (var c = 0; c < doc.styleSheets.length; c++) {
- stylesheet = doc.styleSheets[c]
- if (stylesheet.href != EMPTY_STRING) {
- url = resolveUrl(stylesheet.href, baseUrl);
- if (url) {
- stylesheet.cssText = patchStyleSheet( parseStyleSheet( url ) );
- }
- }
- }
-
- // :enabled & :disabled polling script (since we can't hook
- // onpropertychange event when an element is disabled)
- if (enabledWatchers.length > 0) {
- setInterval( function() {
- for (var c = 0, cl = enabledWatchers.length; c < cl; c++) {
- var e = enabledWatchers[c];
- if (e.disabled !== e.$disabled) {
- if (e.disabled) {
- e.disabled = false;
- e.$disabled = true;
- e.disabled = true;
- }
- else {
- e.$disabled = e.disabled;
- }
- }
- }
- },250)
- }
- };
-
- // Bind selectivizr to the ContentLoaded event.
- ContentLoaded(win, function() {
- // Determine the "best fit" selector engine
- for (var engine in selectorEngines) {
- var members, member, context = win;
- if (win[engine]) {
- members = selectorEngines[engine].replace("*", engine).split(".");
- while ((member = members.shift()) && (context = context[member])) {}
- if (typeof context == "function") {
- selectorMethod = context;
- init();
- return;
- }
- }
- }
- });
-
-
- /*!
- * ContentLoaded.js by Diego Perini, modified for IE<9 only (to save space)
- *
- * Author: Diego Perini (diego.perini at gmail.com)
- * Summary: cross-browser wrapper for DOMContentLoaded
- * Updated: 20101020
- * License: MIT
- * Version: 1.2
- *
- * URL:
- * http://javascript.nwbox.com/ContentLoaded/
- * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
- *
- */
- // @w window reference
- // @f function reference
- function ContentLoaded(win, fn) {
- var done = false, top = true,
- init = function(e) {
- if (e.type == "readystatechange" && doc.readyState != "complete") return;
- (e.type == "load" ? win : doc).detachEvent("on" + e.type, init, false);
- if (!done && (done = true)) fn.call(win, e.type || e);
- },
- poll = function() {
- try { root.doScroll("left"); } catch(e) { setTimeout(poll, 50); return; }
- init('poll');
- };
- if (doc.readyState == "complete") fn.call(win, EMPTY_STRING);
- else {
- if (doc.createEventObject && root.doScroll) {
- try { top = !win.frameElement; } catch(e) { }
- if (top) poll();
- }
- addEvent(doc,"readystatechange", init);
- addEvent(win,"load", init);
- }
- };
- })(this);
- /**
- * @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
- */
- ;(function(window, document) {
- /*jshint evil:true */
- /** version */
- var version = '3.7.2';
- /** Preset options */
- var options = window.html5 || {};
- /** Used to skip problem elements */
- var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
- /** Not all elements can be cloned in IE **/
- var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
- /** Detect whether the browser supports default html5 styles */
- var supportsHtml5Styles;
- /** Name of the expando, to work with multiple documents or to re-shiv one document */
- var expando = '_html5shiv';
- /** The id for the the documents expando */
- var expanID = 0;
- /** Cached data for each document */
- var expandoData = {};
- /** Detect whether the browser supports unknown elements */
- var supportsUnknownElements;
- (function() {
- try {
- var a = document.createElement('a');
- a.innerHTML = '<xyz></xyz>';
- //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
- supportsHtml5Styles = ('hidden' in a);
- supportsUnknownElements = a.childNodes.length == 1 || (function() {
- // assign a false positive if unable to shiv
- (document.createElement)('a');
- var frag = document.createDocumentFragment();
- return (
- typeof frag.cloneNode == 'undefined' ||
- typeof frag.createDocumentFragment == 'undefined' ||
- typeof frag.createElement == 'undefined'
- );
- }());
- } catch(e) {
- // assign a false positive if detection fails => unable to shiv
- supportsHtml5Styles = true;
- supportsUnknownElements = true;
- }
- }());
- /*--------------------------------------------------------------------------*/
- /**
- * Creates a style sheet with the given CSS text and adds it to the document.
- * @private
- * @param {Document} ownerDocument The document.
- * @param {String} cssText The CSS text.
- * @returns {StyleSheet} The style element.
- */
- function addStyleSheet(ownerDocument, cssText) {
- var p = ownerDocument.createElement('p'),
- parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
- p.innerHTML = 'x<style>' + cssText + '</style>';
- return parent.insertBefore(p.lastChild, parent.firstChild);
- }
- /**
- * Returns the value of `html5.elements` as an array.
- * @private
- * @returns {Array} An array of shived element node names.
- */
- function getElements() {
- var elements = html5.elements;
- return typeof elements == 'string' ? elements.split(' ') : elements;
- }
- /**
- * Extends the built-in list of html5 elements
- * @memberOf html5
- * @param {String|Array} newElements whitespace separated list or array of new element names to shiv
- * @param {Document} ownerDocument The context document.
- */
- function addElements(newElements, ownerDocument) {
- var elements = html5.elements;
- if(typeof elements != 'string'){
- elements = elements.join(' ');
- }
- if(typeof newElements != 'string'){
- newElements = newElements.join(' ');
- }
- html5.elements = elements +' '+ newElements;
- shivDocument(ownerDocument);
- }
- /**
- * Returns the data associated to the given document
- * @private
- * @param {Document} ownerDocument The document.
- * @returns {Object} An object of data.
- */
- function getExpandoData(ownerDocument) {
- var data = expandoData[ownerDocument[expando]];
- if (!data) {
- data = {};
- expanID++;
- ownerDocument[expando] = expanID;
- expandoData[expanID] = data;
- }
- return data;
- }
- /**
- * returns a shived element for the given nodeName and document
- * @memberOf html5
- * @param {String} nodeName name of the element
- * @param {Document} ownerDocument The context document.
- * @returns {Object} The shived element.
- */
- function createElement(nodeName, ownerDocument, data){
- if (!ownerDocument) {
- ownerDocument = document;
- }
- if(supportsUnknownElements){
- return ownerDocument.createElement(nodeName);
- }
- if (!data) {
- data = getExpandoData(ownerDocument);
- }
- var node;
- if (data.cache[nodeName]) {
- node = data.cache[nodeName].cloneNode();
- } else if (saveClones.test(nodeName)) {
- node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
- } else {
- node = data.createElem(nodeName);
- }
- // Avoid adding some elements to fragments in IE < 9 because
- // * Attributes like `name` or `type` cannot be set/changed once an element
- // is inserted into a document/fragment
- // * Link elements with `src` attributes that are inaccessible, as with
- // a 403 response, will cause the tab/window to crash
- // * Script elements appended to fragments will execute when their `src`
- // or `text` property is set
- return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
- }
- /**
- * returns a shived DocumentFragment for the given document
- * @memberOf html5
- * @param {Document} ownerDocument The context document.
- * @returns {Object} The shived DocumentFragment.
- */
- function createDocumentFragment(ownerDocument, data){
- if (!ownerDocument) {
- ownerDocument = document;
- }
- if(supportsUnknownElements){
- return ownerDocument.createDocumentFragment();
- }
- data = data || getExpandoData(ownerDocument);
- var clone = data.frag.cloneNode(),
- i = 0,
- elems = getElements(),
- l = elems.length;
- for(;i<l;i++){
- clone.createElement(elems[i]);
- }
- return clone;
- }
- /**
- * Shivs the `createElement` and `createDocumentFragment` methods of the document.
- * @private
- * @param {Document|DocumentFragment} ownerDocument The document.
- * @param {Object} data of the document.
- */
- function shivMethods(ownerDocument, data) {
- if (!data.cache) {
- data.cache = {};
- data.createElem = ownerDocument.createElement;
- data.createFrag = ownerDocument.createDocumentFragment;
- data.frag = data.createFrag();
- }
- ownerDocument.createElement = function(nodeName) {
- //abort shiv
- if (!html5.shivMethods) {
- return data.createElem(nodeName);
- }
- return createElement(nodeName, ownerDocument, data);
- };
- ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
- 'var n=f.cloneNode(),c=n.createElement;' +
- 'h.shivMethods&&(' +
- // unroll the `createElement` calls
- getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
- data.createElem(nodeName);
- data.frag.createElement(nodeName);
- return 'c("' + nodeName + '")';
- }) +
- ');return n}'
- )(html5, data.frag);
- }
- /*--------------------------------------------------------------------------*/
- /**
- * Shivs the given document.
- * @memberOf html5
- * @param {Document} ownerDocument The document to shiv.
- * @returns {Document} The shived document.
- */
- function shivDocument(ownerDocument) {
- if (!ownerDocument) {
- ownerDocument = document;
- }
- var data = getExpandoData(ownerDocument);
- if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
- data.hasCSS = !!addStyleSheet(ownerDocument,
- // corrects block display not defined in IE6/7/8/9
- 'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
- // adds styling not present in IE6/7/8/9
- 'mark{background:#FF0;color:#000}' +
- // hides non-rendered elements
- 'template{display:none}'
- );
- }
- if (!supportsUnknownElements) {
- shivMethods(ownerDocument, data);
- }
- return ownerDocument;
- }
- /*--------------------------------------------------------------------------*/
- /**
- * The `html5` object is exposed so that more elements can be shived and
- * existing shiving can be detected on iframes.
- * @type Object
- * @example
- *
- * // options can be changed before the script is included
- * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
- */
- var html5 = {
- /**
- * An array or space separated string of node names of the elements to shiv.
- * @memberOf html5
- * @type Array|String
- */
- 'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
- /**
- * current version of html5shiv
- */
- 'version': version,
- /**
- * A flag to indicate that the HTML5 style sheet should be inserted.
- * @memberOf html5
- * @type Boolean
- */
- 'shivCSS': (options.shivCSS !== false),
- /**
- * Is equal to true if a browser supports creating unknown/HTML5 elements
- * @memberOf html5
- * @type boolean
- */
- 'supportsUnknownElements': supportsUnknownElements,
- /**
- * A flag to indicate that the document's `createElement` and `createDocumentFragment`
- * methods should be overwritten.
- * @memberOf html5
- * @type Boolean
- */
- 'shivMethods': (options.shivMethods !== false),
- /**
- * A string to describe the type of `html5` object ("default" or "default print").
- * @memberOf html5
- * @type String
- */
- 'type': 'default',
- // shivs the document according to the specified `html5` object options
- 'shivDocument': shivDocument,
- //creates a shived element
- createElement: createElement,
- //creates a shived documentFragment
- createDocumentFragment: createDocumentFragment,
- //extends list of elements
- addElements: addElements
- };
- /*--------------------------------------------------------------------------*/
- // expose html5
- window.html5 = html5;
- // shiv the document
- shivDocument(document);
- /*------------------------------- Print Shiv -------------------------------*/
- /** Used to filter media types */
- var reMedia = /^$|\b(?:all|print)\b/;
- /** Used to namespace printable elements */
- var shivNamespace = 'html5shiv';
- /** Detect whether the browser supports shivable style sheets */
- var supportsShivableSheets = !supportsUnknownElements && (function() {
- // assign a false negative if unable to shiv
- var docEl = document.documentElement;
- return !(
- typeof document.namespaces == 'undefined' ||
- typeof document.parentWindow == 'undefined' ||
- typeof docEl.applyElement == 'undefined' ||
- typeof docEl.removeNode == 'undefined' ||
- typeof window.attachEvent == 'undefined'
- );
- }());
- /*--------------------------------------------------------------------------*/
- /**
- * Wraps all HTML5 elements in the given document with printable elements.
- * (eg. the "header" element is wrapped with the "html5shiv:header" element)
- * @private
- * @param {Document} ownerDocument The document.
- * @returns {Array} An array wrappers added.
- */
- function addWrappers(ownerDocument) {
- var node,
- nodes = ownerDocument.getElementsByTagName('*'),
- index = nodes.length,
- reElements = RegExp('^(?:' + getElements().join('|') + ')$', 'i'),
- result = [];
- while (index--) {
- node = nodes[index];
- if (reElements.test(node.nodeName)) {
- result.push(node.applyElement(createWrapper(node)));
- }
- }
- return result;
- }
- /**
- * Creates a printable wrapper for the given element.
- * @private
- * @param {Element} element The element.
- * @returns {Element} The wrapper.
- */
- function createWrapper(element) {
- var node,
- nodes = element.attributes,
- index = nodes.length,
- wrapper = element.ownerDocument.createElement(shivNamespace + ':' + element.nodeName);
- // copy element attributes to the wrapper
- while (index--) {
- node = nodes[index];
- node.specified && wrapper.setAttribute(node.nodeName, node.nodeValue);
- }
- // copy element styles to the wrapper
- wrapper.style.cssText = element.style.cssText;
- return wrapper;
- }
- /**
- * Shivs the given CSS text.
- * (eg. header{} becomes html5shiv\:header{})
- * @private
- * @param {String} cssText The CSS text to shiv.
- * @returns {String} The shived CSS text.
- */
- function shivCssText(cssText) {
- var pair,
- parts = cssText.split('{'),
- index = parts.length,
- reElements = RegExp('(^|[\\s,>+~])(' + getElements().join('|') + ')(?=[[\\s,>+~#.:]|$)', 'gi'),
- replacement = '$1' + shivNamespace + '\\:$2';
- while (index--) {
- pair = parts[index] = parts[index].split('}');
- pair[pair.length - 1] = pair[pair.length - 1].replace(reElements, replacement);
- parts[index] = pair.join('}');
- }
- return parts.join('{');
- }
- /**
- * Removes the given wrappers, leaving the original elements.
- * @private
- * @params {Array} wrappers An array of printable wrappers.
- */
- function removeWrappers(wrappers) {
- var index = wrappers.length;
- while (index--) {
- wrappers[index].removeNode();
- }
- }
- /*--------------------------------------------------------------------------*/
- /**
- * Shivs the given document for print.
- * @memberOf html5
- * @param {Document} ownerDocument The document to shiv.
- * @returns {Document} The shived document.
- */
- function shivPrint(ownerDocument) {
- var shivedSheet,
- wrappers,
- data = getExpandoData(ownerDocument),
- namespaces = ownerDocument.namespaces,
- ownerWindow = ownerDocument.parentWindow;
- if (!supportsShivableSheets || ownerDocument.printShived) {
- return ownerDocument;
- }
- if (typeof namespaces[shivNamespace] == 'undefined') {
- namespaces.add(shivNamespace);
- }
- function removeSheet() {
- clearTimeout(data._removeSheetTimer);
- if (shivedSheet) {
- shivedSheet.removeNode(true);
- }
- shivedSheet= null;
- }
- ownerWindow.attachEvent('onbeforeprint', function() {
- removeSheet();
- var imports,
- length,
- sheet,
- collection = ownerDocument.styleSheets,
- cssText = [],
- index = collection.length,
- sheets = Array(index);
- // convert styleSheets collection to an array
- while (index--) {
- sheets[index] = collection[index];
- }
- // concat all style sheet CSS text
- while ((sheet = sheets.pop())) {
- // IE does not enforce a same origin policy for external style sheets...
- // but has trouble with some dynamically created stylesheets
- if (!sheet.disabled && reMedia.test(sheet.media)) {
- try {
- imports = sheet.imports;
- length = imports.length;
- } catch(er){
- length = 0;
- }
- for (index = 0; index < length; index++) {
- sheets.push(imports[index]);
- }
- try {
- cssText.push(sheet.cssText);
- } catch(er){}
- }
- }
- // wrap all HTML5 elements with printable elements and add the shived style sheet
- cssText = shivCssText(cssText.reverse().join(''));
- wrappers = addWrappers(ownerDocument);
- shivedSheet = addStyleSheet(ownerDocument, cssText);
- });
- ownerWindow.attachEvent('onafterprint', function() {
- // remove wrappers, leaving the original elements, and remove the shived style sheet
- removeWrappers(wrappers);
- clearTimeout(data._removeSheetTimer);
- data._removeSheetTimer = setTimeout(removeSheet, 500);
- });
- ownerDocument.printShived = true;
- return ownerDocument;
- }
- /*--------------------------------------------------------------------------*/
- // expose API
- html5.type += ' print';
- html5.shivPrint = shivPrint;
- // shiv for print
- shivPrint(document);
- }(this, document));
- /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
- /*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
- (function(w) {
- "use strict";
- w.matchMedia = w.matchMedia || function(doc, undefined) {
- var bool, docElem = doc.documentElement, refNode = docElem.firstElementChild || docElem.firstChild, fakeBody = doc.createElement("body"), div = doc.createElement("div");
- div.id = "mq-test-1";
- div.style.cssText = "position:absolute;top:-100em";
- fakeBody.style.background = "none";
- fakeBody.appendChild(div);
- return function(q) {
- div.innerHTML = '­<style media="' + q + '"> #mq-test-1 { width: 42px; }</style>';
- docElem.insertBefore(fakeBody, refNode);
- bool = div.offsetWidth === 42;
- docElem.removeChild(fakeBody);
- return {
- matches: bool,
- media: q
- };
- };
- }(w.document);
- })(this);
- /*! matchMedia() polyfill addListener/removeListener extension. Author & copyright (c) 2012: Scott Jehl. Dual MIT/BSD license */
- (function(w) {
- "use strict";
- if (w.matchMedia && w.matchMedia("all").addListener) {
- return false;
- }
- var localMatchMedia = w.matchMedia, hasMediaQueries = localMatchMedia("only all").matches, isListening = false, timeoutID = 0, queries = [], handleChange = function(evt) {
- w.clearTimeout(timeoutID);
- timeoutID = w.setTimeout(function() {
- for (var i = 0, il = queries.length; i < il; i++) {
- var mql = queries[i].mql, listeners = queries[i].listeners || [], matches = localMatchMedia(mql.media).matches;
- if (matches !== mql.matches) {
- mql.matches = matches;
- for (var j = 0, jl = listeners.length; j < jl; j++) {
- listeners[j].call(w, mql);
- }
- }
- }
- }, 30);
- };
- w.matchMedia = function(media) {
- var mql = localMatchMedia(media), listeners = [], index = 0;
- mql.addListener = function(listener) {
- if (!hasMediaQueries) {
- return;
- }
- if (!isListening) {
- isListening = true;
- w.addEventListener("resize", handleChange, true);
- }
- if (index === 0) {
- index = queries.push({
- mql: mql,
- listeners: listeners
- });
- }
- listeners.push(listener);
- };
- mql.removeListener = function(listener) {
- for (var i = 0, il = listeners.length; i < il; i++) {
- if (listeners[i] === listener) {
- listeners.splice(i, 1);
- }
- }
- };
- return mql;
- };
- })(this);
- /*! Respond.js v1.4.0: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs */
- (function(w) {
- "use strict";
- var respond = {};
- w.respond = respond;
- respond.update = function() {};
- var requestQueue = [], xmlHttp = function() {
- var xmlhttpmethod = false;
- try {
- xmlhttpmethod = new w.XMLHttpRequest();
- } catch (e) {
- xmlhttpmethod = new w.ActiveXObject("Microsoft.XMLHTTP");
- }
- return function() {
- return xmlhttpmethod;
- };
- }(), ajax = function(url, callback) {
- var req = xmlHttp();
- if (!req) {
- return;
- }
- req.open("GET", url, true);
- req.onreadystatechange = function() {
- if (req.readyState !== 4 || req.status !== 200 && req.status !== 304) {
- return;
- }
- callback(req.responseText);
- };
- if (req.readyState === 4) {
- return;
- }
- req.send(null);
- };
- respond.ajax = ajax;
- respond.queue = requestQueue;
- respond.regex = {
- media: /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,
- keyframes: /@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,
- urls: /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,
- findStyles: /@media *([^\{]+)\{([\S\s]+?)$/,
- only: /(only\s+)?([a-zA-Z]+)\s?/,
- minw: /\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,
- maxw: /\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/
- };
- respond.mediaQueriesSupported = w.matchMedia && w.matchMedia("only all") !== null && w.matchMedia("only all").matches;
- if (respond.mediaQueriesSupported) {
- return;
- }
- var doc = w.document, docElem = doc.documentElement, mediastyles = [], rules = [], appendedEls = [], parsedSheets = {}, resizeThrottle = 30, head = doc.getElementsByTagName("head")[0] || docElem, base = doc.getElementsByTagName("base")[0], links = head.getElementsByTagName("link"), lastCall, resizeDefer, eminpx, getEmValue = function() {
- var ret, div = doc.createElement("div"), body = doc.body, originalHTMLFontSize = docElem.style.fontSize, originalBodyFontSize = body && body.style.fontSize, fakeUsed = false;
- div.style.cssText = "position:absolute;font-size:1em;width:1em";
- if (!body) {
- body = fakeUsed = doc.createElement("body");
- body.style.background = "none";
- }
- docElem.style.fontSize = "100%";
- body.style.fontSize = "100%";
- body.appendChild(div);
- if (fakeUsed) {
- docElem.insertBefore(body, docElem.firstChild);
- }
- ret = div.offsetWidth;
- if (fakeUsed) {
- docElem.removeChild(body);
- } else {
- body.removeChild(div);
- }
- docElem.style.fontSize = originalHTMLFontSize;
- if (originalBodyFontSize) {
- body.style.fontSize = originalBodyFontSize;
- }
- ret = eminpx = parseFloat(ret);
- return ret;
- }, applyMedia = function(fromResize) {
- var name = "clientWidth", docElemProp = docElem[name], currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[name] || docElemProp, styleBlocks = {}, lastLink = links[links.length - 1], now = new Date().getTime();
- if (fromResize && lastCall && now - lastCall < resizeThrottle) {
- w.clearTimeout(resizeDefer);
- resizeDefer = w.setTimeout(applyMedia, resizeThrottle);
- return;
- } else {
- lastCall = now;
- }
- for (var i in mediastyles) {
- if (mediastyles.hasOwnProperty(i)) {
- var thisstyle = mediastyles[i], min = thisstyle.minw, max = thisstyle.maxw, minnull = min === null, maxnull = max === null, em = "em";
- if (!!min) {
- min = parseFloat(min) * (min.indexOf(em) > -1 ? eminpx || getEmValue() : 1);
- }
- if (!!max) {
- max = parseFloat(max) * (max.indexOf(em) > -1 ? eminpx || getEmValue() : 1);
- }
- if (!thisstyle.hasquery || (!minnull || !maxnull) && (minnull || currWidth >= min) && (maxnull || currWidth <= max)) {
- if (!styleBlocks[thisstyle.media]) {
- styleBlocks[thisstyle.media] = [];
- }
- styleBlocks[thisstyle.media].push(rules[thisstyle.rules]);
- }
- }
- }
- for (var j in appendedEls) {
- if (appendedEls.hasOwnProperty(j)) {
- if (appendedEls[j] && appendedEls[j].parentNode === head) {
- head.removeChild(appendedEls[j]);
- }
- }
- }
- appendedEls.length = 0;
- for (var k in styleBlocks) {
- if (styleBlocks.hasOwnProperty(k)) {
- var ss = doc.createElement("style"), css = styleBlocks[k].join("\n");
- ss.type = "text/css";
- ss.media = k;
- head.insertBefore(ss, lastLink.nextSibling);
- if (ss.styleSheet) {
- ss.styleSheet.cssText = css;
- } else {
- ss.appendChild(doc.createTextNode(css));
- }
- appendedEls.push(ss);
- }
- }
- }, translate = function(styles, href, media) {
- var qs = styles.replace(respond.regex.keyframes, "").match(respond.regex.media), ql = qs && qs.length || 0;
- href = href.substring(0, href.lastIndexOf("/"));
- var repUrls = function(css) {
- return css.replace(respond.regex.urls, "$1" + href + "$2$3");
- }, useMedia = !ql && media;
- if (href.length) {
- href += "/";
- }
- if (useMedia) {
- ql = 1;
- }
- for (var i = 0; i < ql; i++) {
- var fullq, thisq, eachq, eql;
- if (useMedia) {
- fullq = media;
- rules.push(repUrls(styles));
- } else {
- fullq = qs[i].match(respond.regex.findStyles) && RegExp.$1;
- rules.push(RegExp.$2 && repUrls(RegExp.$2));
- }
- eachq = fullq.split(",");
- eql = eachq.length;
- for (var j = 0; j < eql; j++) {
- thisq = eachq[j];
- mediastyles.push({
- media: thisq.split("(")[0].match(respond.regex.only) && RegExp.$2 || "all",
- rules: rules.length - 1,
- hasquery: thisq.indexOf("(") > -1,
- minw: thisq.match(respond.regex.minw) && parseFloat(RegExp.$1) + (RegExp.$2 || ""),
- maxw: thisq.match(respond.regex.maxw) && parseFloat(RegExp.$1) + (RegExp.$2 || "")
- });
- }
- }
- applyMedia();
- }, makeRequests = function() {
- if (requestQueue.length) {
- var thisRequest = requestQueue.shift();
- ajax(thisRequest.href, function(styles) {
- translate(styles, thisRequest.href, thisRequest.media);
- parsedSheets[thisRequest.href] = true;
- w.setTimeout(function() {
- makeRequests();
- }, 0);
- });
- }
- }, ripCSS = function() {
- for (var i = 0; i < links.length; i++) {
- var sheet = links[i], href = sheet.href, media = sheet.media, isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
- if (!!href && isCSS && !parsedSheets[href]) {
- if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
- translate(sheet.styleSheet.rawCssText, href, media);
- parsedSheets[href] = true;
- } else {
- if (!/^([a-zA-Z:]*\/\/)/.test(href) && !base || href.replace(RegExp.$1, "").split("/")[0] === w.location.host) {
- if (href.substring(0, 2) === "//") {
- href = w.location.protocol + href;
- }
- requestQueue.push({
- href: href,
- media: media
- });
- }
- }
- }
- }
- makeRequests();
- };
- ripCSS();
- respond.update = ripCSS;
- respond.getEmValue = getEmValue;
- function callMedia() {
- applyMedia(true);
- }
- if (w.addEventListener) {
- w.addEventListener("resize", callMedia, false);
- } else if (w.attachEvent) {
- w.attachEvent("onresize", callMedia);
- }
- })(this);
|