vendor/assets/javascripts/webshims/shims/combos/17.js in webshims-rails-0.4.5 vs vendor/assets/javascripts/webshims/shims/combos/17.js in webshims-rails-0.4.6

- old
+ new

@@ -1,2320 +1,2355 @@ -//DOM-Extension helper -jQuery.webshims.register('dom-extend', function($, webshims, window, document, undefined){ - "use strict"; - //shortcus - var modules = webshims.modules; - var listReg = /\s*,\s*/; - - //proxying attribute - var olds = {}; - var havePolyfill = {}; - var extendedProps = {}; - var extendQ = {}; - var modifyProps = {}; - - var oldVal = $.fn.val; - var singleVal = function(elem, name, val, pass, _argless){ - return (_argless) ? oldVal.call($(elem)) : oldVal.call($(elem), val); - }; - $.fn.val = function(val){ - var elem = this[0]; - if(arguments.length && val == null){ - val = ''; - } - if(!arguments.length){ - if(!elem || elem.nodeType !== 1){return oldVal.call(this);} - return $.prop(elem, 'value', val, 'val', true); - } - if($.isArray(val)){ - return oldVal.apply(this, arguments); - } - var isFunction = $.isFunction(val); - return this.each(function(i){ - elem = this; - if(elem.nodeType === 1){ - if(isFunction){ - var genVal = val.call( elem, i, $.prop(elem, 'value', undefined, 'val', true)); - if(genVal == null){ - genVal = ''; - } - $.prop(elem, 'value', genVal, 'val') ; - } else { - $.prop(elem, 'value', val, 'val'); - } - } - }); - }; - - var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000)); - var elementData = function(elem, key, val){ - elem = elem.jquery ? elem[0] : elem; - if(!elem){return val || {};} - var data = $.data(elem, dataID); - if(val !== undefined){ - if(!data){ - data = $.data(elem, dataID, {}); - } - if(key){ - data[key] = val; - } - } - - return key ? data && data[key] : data; - }; - - - [{name: 'getNativeElement', prop: 'nativeElement'}, {name: 'getShadowElement', prop: 'shadowElement'}, {name: 'getShadowFocusElement', prop: 'shadowFocusElement'}].forEach(function(data){ - $.fn[data.name] = function(){ - return this.map(function(){ - var shadowData = elementData(this, 'shadowData'); - return shadowData && shadowData[data.prop] || this; - }); - }; - }); - - - ['removeAttr', 'prop', 'attr'].forEach(function(type){ - olds[type] = $[type]; - $[type] = function(elem, name, value, pass, _argless){ - var isVal = (pass == 'val'); - var oldMethod = !isVal ? olds[type] : singleVal; - if( !elem || !havePolyfill[name] || elem.nodeType !== 1 || (!isVal && pass && type == 'attr' && $.attrFn[name]) ){ - return oldMethod(elem, name, value, pass, _argless); - } - - var nodeName = (elem.nodeName || '').toLowerCase(); - var desc = extendedProps[nodeName]; - var curType = (type == 'attr' && (value === false || value === null)) ? 'removeAttr' : type; - var propMethod; - var oldValMethod; - var ret; - - - if(!desc){ - desc = extendedProps['*']; - } - if(desc){ - desc = desc[name]; - } - - if(desc){ - propMethod = desc[curType]; - } - - if(propMethod){ - if(name == 'value'){ - oldValMethod = propMethod.isVal; - propMethod.isVal = isVal; - } - if(curType === 'removeAttr'){ - return propMethod.value.call(elem); - } else if(value === undefined){ - return (propMethod.get) ? - propMethod.get.call(elem) : - propMethod.value - ; - } else if(propMethod.set) { - if(type == 'attr' && value === true){ - value = name; - } - - ret = propMethod.set.call(elem, value); - } - if(name == 'value'){ - propMethod.isVal = oldValMethod; - } - } else { - ret = oldMethod(elem, name, value, pass, _argless); - } - if((value !== undefined || curType === 'removeAttr') && modifyProps[nodeName] && modifyProps[nodeName][name]){ - - var boolValue; - if(curType == 'removeAttr'){ - boolValue = false; - } else if(curType == 'prop'){ - boolValue = !!(value); - } else { - boolValue = true; - } - - modifyProps[nodeName][name].forEach(function(fn){ - if(!fn.only || (fn.only = 'prop' && type == 'prop') || (fn.only == 'attr' && type != 'prop')){ - fn.call(elem, value, boolValue, (isVal) ? 'val' : curType, type); - } - }); - } - return ret; - }; - - extendQ[type] = function(nodeName, prop, desc){ - - if(!extendedProps[nodeName]){ - extendedProps[nodeName] = {}; - } - if(!extendedProps[nodeName][prop]){ - extendedProps[nodeName][prop] = {}; - } - var oldDesc = extendedProps[nodeName][prop][type]; - var getSup = function(propType, descriptor, oDesc){ - if(descriptor && descriptor[propType]){ - return descriptor[propType]; - } - if(oDesc && oDesc[propType]){ - return oDesc[propType]; - } - if(type == 'prop' && prop == 'value'){ - return function(value){ - var elem = this; - return (desc.isVal) ? - singleVal(elem, prop, value, false, (arguments.length === 0)) : - olds[type](elem, prop, value) - ; - }; - } - if(type == 'prop' && propType == 'value' && desc.value.apply){ - return function(value){ - var sup = olds[type](this, prop); - if(sup && sup.apply){ - sup = sup.apply(this, arguments); - } - return sup; - }; - } - return function(value){ - return olds[type](this, prop, value); - }; - }; - extendedProps[nodeName][prop][type] = desc; - if(desc.value === undefined){ - if(!desc.set){ - desc.set = desc.writeable ? - getSup('set', desc, oldDesc) : - (webshims.cfg.useStrict && prop == 'prop') ? - function(){throw(prop +' is readonly on '+ nodeName);} : - $.noop - ; - } - if(!desc.get){ - desc.get = getSup('get', desc, oldDesc); - } - - } - - ['value', 'get', 'set'].forEach(function(descProp){ - if(desc[descProp]){ - desc['_sup'+descProp] = getSup(descProp, oldDesc); - } - }); - }; - - }); - - //see also: https://github.com/lojjic/PIE/issues/40 | https://prototype.lighthouseapp.com/projects/8886/tickets/1107-ie8-fatal-crash-when-prototypejs-is-loaded-with-rounded-cornershtc - var isExtendNativeSave = (!$.browser.msie || parseInt($.browser.version, 10) > 8); - var extendNativeValue = (function(){ - var UNKNOWN = webshims.getPrototypeOf(document.createElement('foobar')); - var has = Object.prototype.hasOwnProperty; - return function(nodeName, prop, desc){ - var elem = document.createElement(nodeName); - var elemProto = webshims.getPrototypeOf(elem); - if( isExtendNativeSave && elemProto && UNKNOWN !== elemProto && ( !elem[prop] || !has.call(elem, prop) ) ){ - var sup = elem[prop]; - desc._supvalue = function(){ - if(sup && sup.apply){ - return sup.apply(this, arguments); - } - return sup; - }; - elemProto[prop] = desc.value; - } else { - desc._supvalue = function(){ - var data = elementData(this, 'propValue'); - if(data && data[prop] && data[prop].apply){ - return data[prop].apply(this, arguments); - } - return data && data[prop]; - }; - initProp.extendValue(nodeName, prop, desc.value); - } - desc.value._supvalue = desc._supvalue; - }; - })(); - - var initProp = (function(){ - - var initProps = {}; - - webshims.addReady(function(context, contextElem){ - var nodeNameCache = {}; - var getElementsByName = function(name){ - if(!nodeNameCache[name]){ - nodeNameCache[name] = $(context.getElementsByTagName(name)); - if(contextElem[0] && $.nodeName(contextElem[0], name)){ - nodeNameCache[name] = nodeNameCache[name].add(contextElem); - } - } - }; - - - $.each(initProps, function(name, fns){ - getElementsByName(name); - if(!fns || !fns.forEach){ - webshims.warn('Error: with '+ name +'-property. methods: '+ fns); - return; - } - fns.forEach(function(fn){ - nodeNameCache[name].each(fn); - }); - }); - nodeNameCache = null; - }); - - var tempCache; - var emptyQ = $([]); - var createNodeNameInit = function(nodeName, fn){ - if(!initProps[nodeName]){ - initProps[nodeName] = [fn]; - } else { - initProps[nodeName].push(fn); - } - if($.isDOMReady){ - (tempCache || $( document.getElementsByTagName(nodeName) )).each(fn); - } - }; - - var elementExtends = {}; - return { - createTmpCache: function(nodeName){ - if($.isDOMReady){ - tempCache = tempCache || $( document.getElementsByTagName(nodeName) ); - } - return tempCache || emptyQ; - }, - flushTmpCache: function(){ - tempCache = null; - }, - content: function(nodeName, prop){ - createNodeNameInit(nodeName, function(){ - var val = $.attr(this, prop); - if(val != null){ - $.attr(this, prop, val); - } - }); - }, - createElement: function(nodeName, fn){ - createNodeNameInit(nodeName, fn); - }, - extendValue: function(nodeName, prop, value){ - createNodeNameInit(nodeName, function(){ - $(this).each(function(){ - var data = elementData(this, 'propValue', {}); - data[prop] = this[prop]; - this[prop] = value; - }); - }); - } - }; - })(); - - var createPropDefault = function(descs, removeType){ - if(descs.defaultValue === undefined){ - descs.defaultValue = ''; - } - if(!descs.removeAttr){ - descs.removeAttr = { - value: function(){ - descs[removeType || 'prop'].set.call(this, descs.defaultValue); - descs.removeAttr._supvalue.call(this); - } - }; - } - if(!descs.attr){ - descs.attr = {}; - } - }; - - $.extend(webshims, { - - getID: (function(){ - var ID = new Date().getTime(); - return function(elem){ - elem = $(elem); - var id = elem.attr('id'); - if(!id){ - ID++; - id = 'ID-'+ ID; - elem.attr('id', id); - } - return id; - }; - })(), - extendUNDEFProp: function(obj, props){ - $.each(props, function(name, prop){ - if( !(name in obj) ){ - obj[name] = prop; - } - }); - }, - //http://www.w3.org/TR/html5/common-dom-interfaces.html#reflect - createPropDefault: createPropDefault, - data: elementData, - moveToFirstEvent: function(elem, eventType, bindType){ - var events = ($._data(elem, 'events') || {})[eventType]; - var fn; - - if(events && events.length > 1){ - fn = events.pop(); - if(!bindType){ - bindType = 'bind'; - } - if(bindType == 'bind' && events.delegateCount){ - events.splice( events.delegateCount, 0, fn); - } else { - events.unshift( fn ); - } - - - } - elem = null; - }, - addShadowDom: (function(){ - var resizeTimer; - var lastHeight; - var lastWidth; - - var docObserve = { - init: false, - runs: 0, - test: function(){ - var height = docObserve.getHeight(); - var width = docObserve.getWidth(); - - if(height != docObserve.height || width != docObserve.width){ - docObserve.height = height; - docObserve.width = width; - docObserve.handler({type: 'docresize'}); - docObserve.runs++; - if(docObserve.runs < 9){ - setTimeout(docObserve.test, 90); - } - } else { - docObserve.runs = 0; - } - }, - handler: function(e){ - clearTimeout(resizeTimer); - resizeTimer = setTimeout(function(){ - if(e.type == 'resize'){ - var width = $(window).width(); - var height = $(window).width(); - if(height == lastHeight && width == lastWidth){ - return; - } - lastHeight = height; - lastWidth = width; - - docObserve.height = docObserve.getHeight(); - docObserve.width = docObserve.getWidth(); - - } - $.event.trigger('updateshadowdom'); - }, (e.type == 'resize') ? 50 : 9); - }, - _create: function(){ - $.each({ Height: "getHeight", Width: "getWidth" }, function(name, type){ - var body = document.body; - var doc = document.documentElement; - docObserve[type] = function(){ - return Math.max( - body[ "scroll" + name ], doc[ "scroll" + name ], - body[ "offset" + name ], doc[ "offset" + name ], - doc[ "client" + name ] - ); - }; - }); - }, - start: function(){ - if(!this.init && document.body){ - this.init = true; - this._create(); - this.height = docObserve.getHeight(); - this.width = docObserve.getWidth(); - setInterval(this.test, 600); - $(this.test); - webshims.ready('WINDOWLOAD', this.test); - $(window).bind('resize', this.handler); - (function(){ - var oldAnimate = $.fn.animate; - var animationTimer; - - $.fn.animate = function(){ - clearTimeout(animationTimer); - animationTimer = setTimeout(function(){ - docObserve.test(); - }, 99); - - return oldAnimate.apply(this, arguments); - }; - })(); - } - } - }; - - - $.event.customEvent.updateshadowdom = true; - webshims.docObserve = function(){ - webshims.ready('DOM', function(){ - docObserve.start(); - }); - }; - return function(nativeElem, shadowElem, opts){ - opts = opts || {}; - if(nativeElem.jquery){ - nativeElem = nativeElem[0]; - } - if(shadowElem.jquery){ - shadowElem = shadowElem[0]; - } - var nativeData = $.data(nativeElem, dataID) || $.data(nativeElem, dataID, {}); - var shadowData = $.data(shadowElem, dataID) || $.data(shadowElem, dataID, {}); - var shadowFocusElementData = {}; - if(!opts.shadowFocusElement){ - opts.shadowFocusElement = shadowElem; - } else if(opts.shadowFocusElement){ - if(opts.shadowFocusElement.jquery){ - opts.shadowFocusElement = opts.shadowFocusElement[0]; - } - shadowFocusElementData = $.data(opts.shadowFocusElement, dataID) || $.data(opts.shadowFocusElement, dataID, shadowFocusElementData); - } - - nativeData.hasShadow = shadowElem; - shadowFocusElementData.nativeElement = shadowData.nativeElement = nativeElem; - shadowFocusElementData.shadowData = shadowData.shadowData = nativeData.shadowData = { - nativeElement: nativeElem, - shadowElement: shadowElem, - shadowFocusElement: opts.shadowFocusElement - }; - if(opts.shadowChilds){ - opts.shadowChilds.each(function(){ - elementData(this, 'shadowData', shadowData.shadowData); - }); - } - - if(opts.data){ - shadowFocusElementData.shadowData.data = shadowData.shadowData.data = nativeData.shadowData.data = opts.data; - } - opts = null; - webshims.docObserve(); - }; - })(), - propTypes: { - standard: function(descs, name){ - createPropDefault(descs); - if(descs.prop){return;} - descs.prop = { - set: function(val){ - descs.attr.set.call(this, ''+val); - }, - get: function(){ - return descs.attr.get.call(this) || descs.defaultValue; - } - }; - - }, - "boolean": function(descs, name){ - - createPropDefault(descs); - if(descs.prop){return;} - descs.prop = { - set: function(val){ - if(val){ - descs.attr.set.call(this, ""); - } else { - descs.removeAttr.value.call(this); - } - }, - get: function(){ - return descs.attr.get.call(this) != null; - } - }; - }, - "src": (function(){ - var anchor = document.createElement('a'); - anchor.style.display = "none"; - return function(descs, name){ - - createPropDefault(descs); - if(descs.prop){return;} - descs.prop = { - set: function(val){ - descs.attr.set.call(this, val); - }, - get: function(){ - var href = this.getAttribute(name); - var ret; - if(href == null){return '';} - - anchor.setAttribute('href', href+'' ); - - if(!$.support.hrefNormalized){ - try { - $(anchor).insertAfter(this); - ret = anchor.getAttribute('href', 4); - } catch(er){ - ret = anchor.getAttribute('href', 4); - } - $(anchor).detach(); - } - return ret || anchor.href; - } - }; - }; - })(), - enumarated: function(descs, name){ - - createPropDefault(descs); - if(descs.prop){return;} - descs.prop = { - set: function(val){ - descs.attr.set.call(this, val); - }, - get: function(){ - var val = (descs.attr.get.call(this) || '').toLowerCase(); - if(!val || descs.limitedTo.indexOf(val) == -1){ - val = descs.defaultValue; - } - return val; - } - }; - } - -// ,unsignedLong: $.noop -// ,"doubble": $.noop -// ,"long": $.noop -// ,tokenlist: $.noop -// ,settableTokenlist: $.noop - }, - reflectProperties: function(nodeNames, props){ - if(typeof props == 'string'){ - props = props.split(listReg); - } - props.forEach(function(prop){ - webshims.defineNodeNamesProperty(nodeNames, prop, { - prop: { - set: function(val){ - $.attr(this, prop, val); - }, - get: function(){ - return $.attr(this, prop) || ''; - } - } - }); - }); - }, - defineNodeNameProperty: function(nodeName, prop, descs){ - havePolyfill[prop] = true; - - if(descs.reflect){ - webshims.propTypes[descs.propType || 'standard'](descs, prop); - } - - ['prop', 'attr', 'removeAttr'].forEach(function(type){ - var desc = descs[type]; - if(desc){ - if(type === 'prop'){ - desc = $.extend({writeable: true}, desc); - } else { - desc = $.extend({}, desc, {writeable: true}); - } - - extendQ[type](nodeName, prop, desc); - if(nodeName != '*' && webshims.cfg.extendNative && type == 'prop' && desc.value && $.isFunction(desc.value)){ - extendNativeValue(nodeName, prop, desc); - } - descs[type] = desc; - } - }); - if(descs.initAttr){ - initProp.content(nodeName, prop); - } - return descs; - }, - - defineNodeNameProperties: function(name, descs, propType, _noTmpCache){ - var olddesc; - for(var prop in descs){ - if(!_noTmpCache && descs[prop].initAttr){ - initProp.createTmpCache(name); - } - if(propType){ - if(descs[prop][propType]){ - //webshims.log('override: '+ name +'['+prop +'] for '+ propType); - } else { - descs[prop][propType] = {}; - ['value', 'set', 'get'].forEach(function(copyProp){ - if(copyProp in descs[prop]){ - descs[prop][propType][copyProp] = descs[prop][copyProp]; - delete descs[prop][copyProp]; - } - }); - } - } - descs[prop] = webshims.defineNodeNameProperty(name, prop, descs[prop]); - } - if(!_noTmpCache){ - initProp.flushTmpCache(); - } - return descs; - }, - - createElement: function(nodeName, create, descs){ - var ret; - if($.isFunction(create)){ - create = { - after: create - }; - } - initProp.createTmpCache(nodeName); - if(create.before){ - initProp.createElement(nodeName, create.before); - } - if(descs){ - ret = webshims.defineNodeNameProperties(nodeName, descs, false, true); - } - if(create.after){ - initProp.createElement(nodeName, create.after); - } - initProp.flushTmpCache(); - return ret; - }, - onNodeNamesPropertyModify: function(nodeNames, props, desc, only){ - if(typeof nodeNames == 'string'){ - nodeNames = nodeNames.split(listReg); - } - if($.isFunction(desc)){ - desc = {set: desc}; - } - - nodeNames.forEach(function(name){ - if(!modifyProps[name]){ - modifyProps[name] = {}; - } - if(typeof props == 'string'){ - props = props.split(listReg); - } - if(desc.initAttr){ - initProp.createTmpCache(name); - } - props.forEach(function(prop){ - if(!modifyProps[name][prop]){ - modifyProps[name][prop] = []; - havePolyfill[prop] = true; - } - if(desc.set){ - if(only){ - desc.set.only = only; - } - modifyProps[name][prop].push(desc.set); - } - - if(desc.initAttr){ - initProp.content(name, prop); - } - }); - initProp.flushTmpCache(); - - }); - }, - defineNodeNamesBooleanProperty: function(elementNames, prop, descs){ - if(!descs){ - descs = {}; - } - if($.isFunction(descs)){ - descs.set = descs; - } - webshims.defineNodeNamesProperty(elementNames, prop, { - attr: { - set: function(val){ - this.setAttribute(prop, val); - if(descs.set){ - descs.set.call(this, true); - } - }, - get: function(){ - var ret = this.getAttribute(prop); - return (ret == null) ? undefined : prop; - } - }, - removeAttr: { - value: function(){ - this.removeAttribute(prop); - if(descs.set){ - descs.set.call(this, false); - } - } - }, - reflect: true, - propType: 'boolean', - initAttr: descs.initAttr || false - }); - }, - contentAttr: function(elem, name, val){ - if(!elem.nodeName){return;} - var attr; - if(val === undefined){ - attr = (elem.attributes[name] || {}); - val = attr.specified ? attr.value : null; - return (val == null) ? undefined : val; - } - - if(typeof val == 'boolean'){ - if(!val){ - elem.removeAttribute(name); - } else { - elem.setAttribute(name, name); - } - } else { - elem.setAttribute(name, val); - } - }, - -// set current Lang: -// - webshims.activeLang(lang:string); -// get current lang -// - webshims.activeLang(); -// get current lang -// webshims.activeLang({ -// register: moduleName:string, -// callback: callback:function -// }); -// get/set including removeLang -// - webshims.activeLang({ -// module: moduleName:string, -// callback: callback:function, -// langObj: languageObj:array/object -// }); - activeLang: (function(){ - var callbacks = []; - var registeredCallbacks = {}; - var currentLang; - var shortLang; - var notLocal = /:\/\/|^\.*\//; - var loadRemoteLang = function(data, lang, options){ - var langSrc; - if(lang && options && $.inArray(lang, options.availabeLangs || []) !== -1){ - data.loading = true; - langSrc = options.langSrc; - if(!notLocal.test(langSrc)){ - langSrc = webshims.cfg.basePath+langSrc; - } - webshims.loader.loadScript(langSrc+lang+'.js', function(){ - if(data.langObj[lang]){ - data.loading = false; - callLang(data, true); - } else { - $(function(){ - if(data.langObj[lang]){ - callLang(data, true); - } - data.loading = false; - }); - } - }); - return true; - } - return false; - }; - var callRegister = function(module){ - if(registeredCallbacks[module]){ - registeredCallbacks[module].forEach(function(data){ - data.callback(); - }); - } - }; - var callLang = function(data, _noLoop){ - if(data.activeLang != currentLang && data.activeLang !== shortLang){ - var options = modules[data.module].options; - if( data.langObj[currentLang] || (shortLang && data.langObj[shortLang]) ){ - data.activeLang = currentLang; - data.callback(data.langObj[currentLang] || data.langObj[shortLang], currentLang); - callRegister(data.module); - } else if( !_noLoop && - !loadRemoteLang(data, currentLang, options) && - !loadRemoteLang(data, shortLang, options) && - data.langObj[''] && data.activeLang !== '' ) { - data.activeLang = ''; - data.callback(data.langObj[''], currentLang); - callRegister(data.module); - } - } - }; - - - var activeLang = function(lang){ - - if(typeof lang == 'string' && lang !== currentLang){ - currentLang = lang; - shortLang = currentLang.split('-')[0]; - if(currentLang == shortLang){ - shortLang = false; - } - $.each(callbacks, function(i, data){ - callLang(data); - }); - } else if(typeof lang == 'object'){ - - if(lang.register){ - if(!registeredCallbacks[lang.register]){ - registeredCallbacks[lang.register] = []; - } - registeredCallbacks[lang.register].push(lang); - lang.callback(); - } else { - if(!lang.activeLang){ - lang.activeLang = ''; - } - callbacks.push(lang); - callLang(lang); - } - } - return currentLang; - }; - - return activeLang; - })() - }); - - $.each({ - defineNodeNamesProperty: 'defineNodeNameProperty', - defineNodeNamesProperties: 'defineNodeNameProperties', - createElements: 'createElement' - }, function(name, baseMethod){ - webshims[name] = function(names, a, b, c){ - if(typeof names == 'string'){ - names = names.split(listReg); - } - var retDesc = {}; - names.forEach(function(nodeName){ - retDesc[nodeName] = webshims[baseMethod](nodeName, a, b, c); - }); - return retDesc; - }; - }); - - webshims.isReady('webshimLocalization', true); -}); -//html5a11y -(function($, document){ - var browserVersion = $.webshims.browserVersion; - if($.browser.mozilla && browserVersion > 5){return;} - if (!$.browser.msie || (browserVersion < 12 && browserVersion > 7)) { - var elemMappings = { - article: "article", - aside: "complementary", - section: "region", - nav: "navigation", - address: "contentinfo" - }; - var addRole = function(elem, role){ - var hasRole = elem.getAttribute('role'); - if (!hasRole) { - elem.setAttribute('role', role); - } - }; - - $.webshims.addReady(function(context, contextElem){ - $.each(elemMappings, function(name, role){ - var elems = $(name, context).add(contextElem.filter(name)); - for (var i = 0, len = elems.length; i < len; i++) { - addRole(elems[i], role); - } - }); - if (context === document) { - var header = document.getElementsByTagName('header')[0]; - var footers = document.getElementsByTagName('footer'); - var footerLen = footers.length; - if (header && !$(header).closest('section, article')[0]) { - addRole(header, 'banner'); - } - if (!footerLen) { - return; - } - var footer = footers[footerLen - 1]; - if (!$(footer).closest('section, article')[0]) { - addRole(footer, 'contentinfo'); - } - } - }); - } -})(jQuery, document); - -//additional tests for partial implementation of forms features -(function($){ - "use strict"; - var Modernizr = window.Modernizr; - var webshims = $.webshims; - var bugs = webshims.bugs; - var form = $('<form action="#" style="width: 1px; height: 1px; overflow: hidden;"><select name="b" required="" /><input required="" name="a" /></form>'); - var testRequiredFind = function(){ - if(form[0].querySelector){ - try { - bugs.findRequired = !(form[0].querySelector('select:required')); - } catch(er){ - bugs.findRequired = false; - } - } - }; - var inputElem = $('input', form).eq(0); - var onDomextend = function(fn){ - webshims.loader.loadList(['dom-extend']); - webshims.ready('dom-extend', fn); - }; - - bugs.findRequired = false; - bugs.validationMessage = false; - - webshims.capturingEventPrevented = function(e){ - if(!e._isPolyfilled){ - var isDefaultPrevented = e.isDefaultPrevented; - var preventDefault = e.preventDefault; - e.preventDefault = function(){ - clearTimeout($.data(e.target, e.type + 'DefaultPrevented')); - $.data(e.target, e.type + 'DefaultPrevented', setTimeout(function(){ - $.removeData(e.target, e.type + 'DefaultPrevented'); - }, 30)); - return preventDefault.apply(this, arguments); - }; - e.isDefaultPrevented = function(){ - return !!(isDefaultPrevented.apply(this, arguments) || $.data(e.target, e.type + 'DefaultPrevented') || false); - }; - e._isPolyfilled = true; - } - }; - - if(!Modernizr.formvalidation || bugs.bustedValidity){ - testRequiredFind(); - return; - } - - //create delegatable events - webshims.capturingEvents(['input']); - webshims.capturingEvents(['invalid'], true); - - if(window.opera || window.testGoodWithFix){ - - form.appendTo('head'); - - testRequiredFind(); - bugs.validationMessage = !(inputElem.prop('validationMessage')); - - webshims.reTest(['form-native-extend', 'form-message']); - - form.remove(); - - $(function(){ - onDomextend(function(){ - - //Opera shows native validation bubbles in case of input.checkValidity() - // Opera 11.6/12 hasn't fixed this issue right, it's buggy - var preventDefault = function(e){ - e.preventDefault(); - }; - - ['form', 'input', 'textarea', 'select'].forEach(function(name){ - var desc = webshims.defineNodeNameProperty(name, 'checkValidity', { - prop: { - value: function(){ - if (!webshims.fromSubmit) { - $(this).on('invalid.checkvalidity', preventDefault); - } - - webshims.fromCheckValidity = true; - var ret = desc.prop._supvalue.apply(this, arguments); - if (!webshims.fromSubmit) { - $(this).unbind('invalid.checkvalidity', preventDefault); - } - webshims.fromCheckValidity = false; - return ret; - } - } - }); - }); - - }); - }); - } - - if($.browser.webkit && !webshims.bugs.bustedValidity){ - (function(){ - var elems = /^(?:textarea|input)$/i; - var form = false; - - document.addEventListener('contextmenu', function(e){ - if(elems.test( e.target.nodeName || '') && (form = e.target.form)){ - setTimeout(function(){ - form = false; - }, 1); - } - }, false); - - $(window).on('invalid', function(e){ - if(e.originalEvent && form && form == e.target.form){ - e.wrongWebkitInvalid = true; - e.stopImmediatePropagation(); - } - }); - })(); - } -})(jQuery); - -jQuery.webshims.register('form-core', function($, webshims, window, document, undefined, options){ - "use strict"; - - var groupTypes = {radio: 1}; - var checkTypes = {checkbox: 1, radio: 1}; - var emptyJ = $([]); - var bugs = webshims.bugs; - var getGroupElements = function(elem){ - elem = $(elem); - var name; - var form; - var ret = emptyJ; - if(groupTypes[elem[0].type]){ - form = elem.prop('form'); - name = elem[0].name; - if(!name){ - ret = elem; - } else if(form){ - ret = $(form[name]); - } else { - ret = $(document.getElementsByName(name)).filter(function(){ - return !$.prop(this, 'form'); - }); - } - ret = ret.filter('[type="radio"]'); - } - return ret; - }; - - var getContentValidationMessage = webshims.getContentValidationMessage = function(elem, validity, key){ - var message = $(elem).data('errormessage') || elem.getAttribute('x-moz-errormessage') || ''; - if(key && message[key]){ - message = message[key]; - } - if(typeof message == 'object'){ - validity = validity || $.prop(elem, 'validity') || {valid: 1}; - if(!validity.valid){ - $.each(validity, function(name, prop){ - if(prop && name != 'valid' && message[name]){ - message = message[name]; - return false; - } - }); - } - } - - if(typeof message == 'object'){ - message = message.defaultMessage; - } - return message || ''; - }; - - /* - * Selectors for all browsers - */ - var rangeTypes = {number: 1, range: 1, date: 1/*, time: 1, 'datetime-local': 1, datetime: 1, month: 1, week: 1*/}; - var hasInvalid = function(elem){ - var ret = false; - $($.prop(elem, 'elements')).each(function(){ - ret = $(this).is(':invalid'); - if(ret){ - return false; - } - }); - return ret; - }; - $.extend($.expr[":"], { - "valid-element": function(elem){ - return $.nodeName(elem, 'form') ? !hasInvalid(elem) :!!($.prop(elem, 'willValidate') && isValid(elem)); - }, - "invalid-element": function(elem){ - return $.nodeName(elem, 'form') ? hasInvalid(elem) : !!($.prop(elem, 'willValidate') && !isValid(elem)); - }, - "required-element": function(elem){ - return !!($.prop(elem, 'willValidate') && $.prop(elem, 'required')); - }, - "user-error": function(elem){ - return ($.prop(elem, 'willValidate') && $(elem).hasClass('user-error')); - }, - "optional-element": function(elem){ - return !!($.prop(elem, 'willValidate') && $.prop(elem, 'required') === false); - }, - "in-range": function(elem){ - if(!rangeTypes[$.prop(elem, 'type')] || !$.prop(elem, 'willValidate')){ - return false; - } - var val = $.prop(elem, 'validity'); - return !!(val && !val.rangeOverflow && !val.rangeUnderflow); - }, - "out-of-range": function(elem){ - if(!rangeTypes[$.prop(elem, 'type')] || !$.prop(elem, 'willValidate')){ - return false; - } - var val = $.prop(elem, 'validity'); - return !!(val && (val.rangeOverflow || val.rangeUnderflow)); - } - - }); - - ['valid', 'invalid', 'required', 'optional'].forEach(function(name){ - $.expr[":"][name] = $.expr.filters[name+"-element"]; - }); - - - $.expr[":"].focus = function( elem ) { - try { - var doc = elem.ownerDocument; - return elem === doc.activeElement && (!doc.hasFocus || doc.hasFocus()); - } catch(e){} - return false; - }; - - var customEvents = $.event.customEvent || {}; - var isValid = function(elem){ - return ($.prop(elem, 'validity') || {valid: 1}).valid; - }; - - if (bugs.bustedValidity || bugs.findRequired) { - (function(){ - var find = $.find; - var matchesSelector = $.find.matchesSelector; - - var regExp = /(\:valid|\:invalid|\:optional|\:required|\:in-range|\:out-of-range)(?=[\s\[\~\.\+\>\:\#*]|$)/ig; - var regFn = function(sel){ - return sel + '-element'; - }; - - $.find = (function(){ - var slice = Array.prototype.slice; - var fn = function(sel){ - var ar = arguments; - ar = slice.call(ar, 1, ar.length); - ar.unshift(sel.replace(regExp, regFn)); - return find.apply(this, ar); - }; - for (var i in find) { - if(find.hasOwnProperty(i)){ - fn[i] = find[i]; - } - } - return fn; - })(); - if(!Modernizr.prefixed || Modernizr.prefixed("matchesSelector", document.documentElement)){ - $.find.matchesSelector = function(node, expr){ - expr = expr.replace(regExp, regFn); - return matchesSelector.call(this, node, expr); - }; - } - - })(); - } - - //ToDo needs testing - var oldAttr = $.prop; - var changeVals = {selectedIndex: 1, value: 1, checked: 1, disabled: 1, readonly: 1}; - $.prop = function(elem, name, val){ - var ret = oldAttr.apply(this, arguments); - if(elem && 'form' in elem && changeVals[name] && val !== undefined && $(elem).hasClass(invalidClass)){ - if(isValid(elem)){ - $(elem).getShadowElement().removeClass(invalidClasses); - if(name == 'checked' && val) { - getGroupElements(elem).not(elem).removeClass(invalidClasses).removeAttr('aria-invalid'); - } - } - } - return ret; - }; - - var returnValidityCause = function(validity, elem){ - var ret; - $.each(validity, function(name, value){ - if(value){ - ret = (name == 'customError') ? $.prop(elem, 'validationMessage') : name; - return false; - } - }); - return ret; - }; - - var isInGroup = function(name){ - var ret; - try { - ret = document.activeElement.name === name; - } catch(e){} - return ret; - }; - /* form-ui-invalid/form-ui-valid are deprecated. use user-error/user-succes instead */ - var invalidClass = 'user-error'; - var invalidClasses = 'user-error form-ui-invalid'; - var validClass = 'user-success'; - var validClasses = 'user-success form-ui-valid'; - var switchValidityClass = function(e){ - var elem, timer; - if(!e.target){return;} - elem = $(e.target).getNativeElement()[0]; - if(elem.type == 'submit' || !$.prop(elem, 'willValidate')){return;} - timer = $.data(elem, 'webshimsswitchvalidityclass'); - var switchClass = function(){ - if(e.type == 'focusout' && elem.type == 'radio' && isInGroup(elem.name)){return;} - var validity = $.prop(elem, 'validity'); - var shadowElem = $(elem).getShadowElement(); - var addClass, removeClass, trigger, generaltrigger, validityCause; - - $(elem).trigger('refreshCustomValidityRules'); - if(validity.valid){ - if(!shadowElem.hasClass(validClass)){ - addClass = validClasses; - removeClass = invalidClasses; - generaltrigger = 'changedvaliditystate'; - trigger = 'changedvalid'; - if(checkTypes[elem.type] && elem.checked){ - getGroupElements(elem).not(elem).removeClass(removeClass).addClass(addClass).removeAttr('aria-invalid'); - } - $.removeData(elem, 'webshimsinvalidcause'); - } - } else { - validityCause = returnValidityCause(validity, elem); - if($.data(elem, 'webshimsinvalidcause') != validityCause){ - $.data(elem, 'webshimsinvalidcause', validityCause); - generaltrigger = 'changedvaliditystate'; - } - if(!shadowElem.hasClass(invalidClass)){ - addClass = invalidClasses; - removeClass = validClasses; - if (checkTypes[elem.type] && !elem.checked) { - getGroupElements(elem).not(elem).removeClass(removeClass).addClass(addClass); - } - trigger = 'changedinvalid'; - } - } - if(addClass){ - shadowElem.addClass(addClass).removeClass(removeClass); - //jQuery 1.6.1 IE9 bug (doubble trigger bug) - setTimeout(function(){ - $(elem).trigger(trigger); - }, 0); - } - if(generaltrigger){ - setTimeout(function(){ - $(elem).trigger(generaltrigger); - }, 0); - } - $.removeData(e.target, 'webshimsswitchvalidityclass'); - }; - - if(timer){ - clearTimeout(timer); - } - if(e.type == 'refreshvalidityui'){ - switchClass(); - } else { - $.data(elem, 'webshimsswitchvalidityclass', setTimeout(switchClass, 9)); - } - }; - - $(document).on(options.validityUIEvents || 'focusout change refreshvalidityui', switchValidityClass); - customEvents.changedvaliditystate = true; - customEvents.refreshCustomValidityRules = true; - customEvents.changedvalid = true; - customEvents.changedinvalid = true; - customEvents.refreshvalidityui = true; - - - webshims.triggerInlineForm = function(elem, event){ - $(elem).trigger(event); - }; - - webshims.modules["form-core"].getGroupElements = getGroupElements; - - - var setRoot = function(){ - webshims.scrollRoot = ($.browser.webkit || document.compatMode == 'BackCompat') ? - $(document.body) : - $(document.documentElement) - ; - }; - setRoot(); - webshims.ready('DOM', setRoot); - - webshims.getRelOffset = function(posElem, relElem){ - posElem = $(posElem); - var offset = $(relElem).offset(); - var bodyOffset; - $.swap($(posElem)[0], {visibility: 'hidden', display: 'inline-block', left: 0, top: 0}, function(){ - bodyOffset = posElem.offset(); - }); - offset.top -= bodyOffset.top; - offset.left -= bodyOffset.left; - return offset; - }; - - /* some extra validation UI */ - webshims.validityAlert = (function(){ - var alertElem = (!$.browser.msie || parseInt($.browser.version, 10) > 7) ? 'span' : 'label'; - var errorBubble; - var hideTimer = false; - var focusTimer = false; - var resizeTimer = false; - var boundHide; - - var api = { - hideDelay: 5000, - - showFor: function(elem, message, noFocusElem, noBubble){ - api._create(); - elem = $(elem); - var visual = $(elem).getShadowElement(); - var offset = api.getOffsetFromBody(visual); - api.clear(); - if(noBubble){ - this.hide(); - } else { - this.getMessage(elem, message); - this.position(visual, offset); - - this.show(); - if(this.hideDelay){ - hideTimer = setTimeout(boundHide, this.hideDelay); - } - $(window) - .on('resize.validityalert', function(){ - clearTimeout(resizeTimer); - resizeTimer = setTimeout(function(){ - api.position(visual); - }, 9); - }) - ; - } - - if(!noFocusElem){ - this.setFocus(visual, offset); - } - }, - getOffsetFromBody: function(elem){ - return webshims.getRelOffset(errorBubble, elem); - }, - setFocus: function(visual, offset){ - var focusElem = $(visual).getShadowFocusElement(); - var scrollTop = webshims.scrollRoot.scrollTop(); - var elemTop = ((offset || focusElem.offset()).top) - 30; - var smooth; - - if(webshims.getID && alertElem == 'label'){ - errorBubble.attr('for', webshims.getID(focusElem)); - } - - if(scrollTop > elemTop){ - webshims.scrollRoot.animate( - {scrollTop: elemTop - 5}, - { - queue: false, - duration: Math.max( Math.min( 600, (scrollTop - elemTop) * 1.5 ), 80 ) - } - ); - smooth = true; - } - try { - focusElem[0].focus(); - } catch(e){} - if(smooth){ - webshims.scrollRoot.scrollTop(scrollTop); - setTimeout(function(){ - webshims.scrollRoot.scrollTop(scrollTop); - }, 0); - } - setTimeout(function(){ - $(document).on('focusout.validityalert', boundHide); - }, 10); - }, - getMessage: function(elem, message){ - if (!message) { - message = getContentValidationMessage(elem[0]) || elem.prop('validationMessage'); - } - if (message) { - $('span.va-box', errorBubble).text(message); - } - else { - this.hide(); - } - }, - position: function(elem, offset){ - offset = offset ? $.extend({}, offset) : api.getOffsetFromBody(elem); - offset.top += elem.outerHeight(); - errorBubble.css(offset); - }, - show: function(){ - if(errorBubble.css('display') === 'none'){ - errorBubble.css({opacity: 0}).show(); - } - errorBubble.addClass('va-visible').fadeTo(400, 1); - }, - hide: function(){ - errorBubble.removeClass('va-visible').fadeOut(); - }, - clear: function(){ - clearTimeout(focusTimer); - clearTimeout(hideTimer); - $(document).unbind('.validityalert'); - $(window).unbind('.validityalert'); - errorBubble.stop().removeAttr('for'); - }, - _create: function(){ - if(errorBubble){return;} - errorBubble = api.errorBubble = $('<'+alertElem+' class="validity-alert-wrapper" role="alert"><span class="validity-alert"><span class="va-arrow"><span class="va-arrow-box"></span></span><span class="va-box"></span></span></'+alertElem+'>').css({position: 'absolute', display: 'none'}); - webshims.ready('DOM', function(){ - errorBubble.appendTo('body'); - if($.fn.bgIframe && $.browser.msie && parseInt($.browser.version, 10) < 7){ - errorBubble.bgIframe(); - } - }); - } - }; - - - boundHide = $.proxy(api, 'hide'); - - return api; - })(); - - - /* extension, but also used to fix native implementation workaround/bugfixes */ - (function(){ - var firstEvent, - invalids = [], - stopSubmitTimer, - form - ; - - $(document).on('invalid', function(e){ - if(e.wrongWebkitInvalid){return;} - var jElm = $(e.target); - var shadowElem = jElm.getShadowElement(); - if(!shadowElem.hasClass(invalidClass)){ - shadowElem.addClass(invalidClasses).removeClass(validClasses); - setTimeout(function(){ - $(e.target).trigger('changedinvalid').trigger('changedvaliditystate'); - }, 0); - } - - if(!firstEvent){ - //trigger firstinvalid - firstEvent = $.Event('firstinvalid'); - firstEvent.isInvalidUIPrevented = e.isDefaultPrevented; - var firstSystemInvalid = $.Event('firstinvalidsystem'); - $(document).triggerHandler(firstSystemInvalid, {element: e.target, form: e.target.form, isInvalidUIPrevented: e.isDefaultPrevented}); - jElm.trigger(firstEvent); - } - - //if firstinvalid was prevented all invalids will be also prevented - if( firstEvent && firstEvent.isDefaultPrevented() ){ - e.preventDefault(); - } - invalids.push(e.target); - e.extraData = 'fix'; - clearTimeout(stopSubmitTimer); - stopSubmitTimer = setTimeout(function(){ - var lastEvent = {type: 'lastinvalid', cancelable: false, invalidlist: $(invalids)}; - //reset firstinvalid - firstEvent = false; - invalids = []; - $(e.target).trigger(lastEvent, lastEvent); - }, 9); - jElm = null; - shadowElem = null; - }); - })(); - - $.fn.getErrorMessage = function(){ - var message = ''; - var elem = this[0]; - if(elem){ - message = getContentValidationMessage(elem) || $.prop(elem, 'customValidationMessage') || $.prop(elem, 'validationMessage'); - } - return message; - }; - - if(options.replaceValidationUI){ - webshims.ready('DOM forms', function(){ - $(document).on('firstinvalid', function(e){ - if(!e.isInvalidUIPrevented()){ - e.preventDefault(); - $.webshims.validityAlert.showFor( e.target, $(e.target).prop('customValidationMessage') ); - } - }); - }); - } - -}); -jQuery.webshims.register('form-message', function($, webshims, window, document, undefined, options){ - "use strict"; - var validityMessages = webshims.validityMessages; - - var implementProperties = (options.overrideMessages || options.customMessages) ? ['customValidationMessage'] : []; - - validityMessages['en'] = $.extend(true, { - typeMismatch: { - email: 'Please enter an email address.', - url: 'Please enter a URL.', - number: 'Please enter a number.', - date: 'Please enter a date.', - time: 'Please enter a time.', - range: 'Invalid input.', - "datetime-local": 'Please enter a datetime.' - }, - rangeUnderflow: { - defaultMessage: 'Value must be greater than or equal to {%min}.' - }, - rangeOverflow: { - defaultMessage: 'Value must be less than or equal to {%max}.' - }, - stepMismatch: 'Invalid input.', - tooLong: 'Please enter at most {%maxlength} character(s). You entered {%valueLen}.', - - patternMismatch: 'Invalid input. {%title}', - valueMissing: { - defaultMessage: 'Please fill out this field.', - checkbox: 'Please check this box if you want to proceed.' - } - }, (validityMessages['en'] || validityMessages['en-US'] || {})); - - - ['select', 'radio'].forEach(function(type){ - validityMessages['en'].valueMissing[type] = 'Please select an option.'; - }); - - ['date', 'time', 'datetime-local'].forEach(function(type){ - validityMessages.en.rangeUnderflow[type] = 'Value must be at or after {%min}.'; - }); - ['date', 'time', 'datetime-local'].forEach(function(type){ - validityMessages.en.rangeOverflow[type] = 'Value must be at or before {%max}.'; - }); - - validityMessages['en-US'] = validityMessages['en-US'] || validityMessages['en']; - validityMessages[''] = validityMessages[''] || validityMessages['en-US']; - - validityMessages['de'] = $.extend(true, { - typeMismatch: { - email: '{%value} ist keine zulässige E-Mail-Adresse', - url: '{%value} ist keine zulässige Webadresse', - number: '{%value} ist keine Nummer!', - date: '{%value} ist kein Datum', - time: '{%value} ist keine Uhrzeit', - range: '{%value} ist keine Nummer!', - "datetime-local": '{%value} ist kein Datum-Uhrzeit Format.' - }, - rangeUnderflow: { - defaultMessage: '{%value} ist zu niedrig. {%min} ist der unterste Wert, den Sie benutzen können.' - }, - rangeOverflow: { - defaultMessage: '{%value} ist zu hoch. {%max} ist der oberste Wert, den Sie benutzen können.' - }, - stepMismatch: 'Der Wert {%value} ist in diesem Feld nicht zulässig. Hier sind nur bestimmte Werte zulässig. {%title}', - tooLong: 'Der eingegebene Text ist zu lang! Sie haben {%valueLen} Zeichen eingegeben, dabei sind {%maxlength} das Maximum.', - patternMismatch: '{%value} hat für dieses Eingabefeld ein falsches Format! {%title}', - valueMissing: { - defaultMessage: 'Bitte geben Sie einen Wert ein', - checkbox: 'Bitte aktivieren Sie das Kästchen' - } - }, (validityMessages['de'] || {})); - - ['select', 'radio'].forEach(function(type){ - validityMessages['de'].valueMissing[type] = 'Bitte wählen Sie eine Option aus'; - }); - - ['date', 'time', 'datetime-local'].forEach(function(type){ - validityMessages.de.rangeUnderflow[type] = '{%value} ist zu früh. {%min} ist die früheste Zeit, die Sie benutzen können.'; - }); - ['date', 'time', 'datetime-local'].forEach(function(type){ - validityMessages.de.rangeOverflow[type] = '{%value} ist zu spät. {%max} ist die späteste Zeit, die Sie benutzen können.'; - }); - - var currentValidationMessage = validityMessages['']; - - - webshims.createValidationMessage = function(elem, name){ - var message = currentValidationMessage[name]; - if(message && typeof message !== 'string'){ - message = message[ $.prop(elem, 'type') ] || message[ (elem.nodeName || '').toLowerCase() ] || message[ 'defaultMessage' ]; - } - if(message){ - ['value', 'min', 'max', 'title', 'maxlength', 'label'].forEach(function(attr){ - if(message.indexOf('{%'+attr) === -1){return;} - var val = ((attr == 'label') ? $.trim($('label[for="'+ elem.id +'"]', elem.form).text()).replace(/\*$|:$/, '') : $.attr(elem, attr)) || ''; - if(name == 'patternMismatch' && attr == 'title' && !val){ - webshims.error('no title for patternMismatch provided. Always add a title attribute.'); - } - message = message.replace('{%'+ attr +'}', val); - if('value' == attr){ - message = message.replace('{%valueLen}', val.length); - } - }); - } - return message || ''; - }; - - - if(webshims.bugs.validationMessage || !Modernizr.formvalidation || webshims.bugs.bustedValidity){ - implementProperties.push('validationMessage'); - } - - webshims.activeLang({ - langObj: validityMessages, - module: 'form-core', - callback: function(langObj){ - currentValidationMessage = langObj; - } - }); - - implementProperties.forEach(function(messageProp){ - webshims.defineNodeNamesProperty(['fieldset', 'output', 'button'], messageProp, { - prop: { - value: '', - writeable: false - } - }); - ['input', 'select', 'textarea'].forEach(function(nodeName){ - var desc = webshims.defineNodeNameProperty(nodeName, messageProp, { - prop: { - get: function(){ - var elem = this; - var message = ''; - if(!$.prop(elem, 'willValidate')){ - return message; - } - - var validity = $.prop(elem, 'validity') || {valid: 1}; - - if(validity.valid){return message;} - message = webshims.getContentValidationMessage(elem, validity); - - if(message){return message;} - - if(validity.customError && elem.nodeName){ - message = (Modernizr.formvalidation && !webshims.bugs.bustedValidity && desc.prop._supget) ? desc.prop._supget.call(elem) : webshims.data(elem, 'customvalidationMessage'); - if(message){return message;} - } - $.each(validity, function(name, prop){ - if(name == 'valid' || !prop){return;} - - message = webshims.createValidationMessage(elem, name); - if(message){ - return false; - } - }); - return message || ''; - }, - writeable: false - } - }); - }); - - }); -}); -(function($, Modernizr, webshims){ - "use strict"; - var hasNative = Modernizr.audio && Modernizr.video; - var supportsLoop = false; - var bugs = webshims.bugs; - - var loadSwf = function(){ - webshims.ready(swfType, function(){ - if(!webshims.mediaelement.createSWF){ - webshims.mediaelement.loadSwf = true; - webshims.reTest([swfType], hasNative); - } - }); - }; - var options = webshims.cfg.mediaelement; - var swfType = options && options.player == 'jwplayer' ? 'mediaelement-swf' : 'mediaelement-jaris'; - var hasSwf; - if(!options){ - webshims.error("mediaelement wasn't implemented but loaded"); - return; - } - if(hasNative){ - var videoElem = document.createElement('video'); - Modernizr.videoBuffered = ('buffered' in videoElem); - supportsLoop = ('loop' in videoElem); - - webshims.capturingEvents(['play', 'playing', 'waiting', 'paused', 'ended', 'durationchange', 'loadedmetadata', 'canplay', 'volumechange']); - - if(!Modernizr.videoBuffered){ - webshims.addPolyfill('mediaelement-native-fix', { - f: 'mediaelement', - test: Modernizr.videoBuffered, - d: ['dom-support'] - }); - - webshims.reTest('mediaelement-native-fix'); - } - } - - if(hasNative && !options.preferFlash){ - var switchOptions = function(e){ - var parent = e.target.parentNode; - if(!options.preferFlash && ($(e.target).is('audio, video') || (parent && $('source:last', parent)[0] == e.target)) ){ - webshims.ready('DOM mediaelement', function(){ - if(hasSwf){ - loadSwf(); - } - webshims.ready('WINDOWLOAD '+swfType, function(){ - setTimeout(function(){ - if(hasSwf && !options.preferFlash && webshims.mediaelement.createSWF && !$(e.target).closest('audio, video').is('.nonnative-api-active')){ - options.preferFlash = true; - document.removeEventListener('error', switchOptions, true); - $('audio, video').mediaLoad(); - webshims.info("switching mediaelements option to 'preferFlash', due to an error with native player: "+e.target.src); - } else if(!hasSwf){ - document.removeEventListener('error', switchOptions, true); - } - }, 20); - }); - }); - } - }; - document.addEventListener('error', switchOptions, true); - $('audio, video').each(function(){ - if(this.error){ - switchOptions({target: this}); - } - }); - } - - - if(Modernizr.track && !bugs.track){ - (function(){ - - if(!bugs.track){ - bugs.track = typeof $('<track />')[0].readyState != 'number'; - } - - if(!bugs.track){ - try { - new TextTrackCue(2, 3, ''); - } catch(e){ - bugs.track = true; - } - } - - var trackOptions = webshims.cfg.track; - var trackListener = function(e){ - $(e.target).filter('track').each(changeApi); - }; - var changeApi = function(){ - if(bugs.track || (!trackOptions.override && $.prop(this, 'readyState') == 3)){ - trackOptions.override = true; - webshims.reTest('track'); - document.removeEventListener('error', trackListener, true); - if(this && $.nodeName(this, 'track')){ - webshims.error("track support was overwritten. Please check your vtt including your vtt mime-type"); - } else { - webshims.info("track support was overwritten. due to bad browser support"); - } - } - }; - var detectTrackError = function(){ - document.addEventListener('error', trackListener, true); - - if(bugs.track){ - changeApi(); - } else { - $('track').each(changeApi); - } - }; - if(!trackOptions.override){ - if(webshims.isReady('track')){ - detectTrackError(); - } else { - $(detectTrackError); - } - } - })(); - - } - -webshims.register('mediaelement-core', function($, webshims, window, document, undefined){ - hasSwf = swfobject.hasFlashPlayerVersion('9.0.115'); - $('html').addClass(hasSwf ? 'swf' : 'no-swf'); - var mediaelement = webshims.mediaelement; - mediaelement.parseRtmp = function(data){ - var src = data.src.split('://'); - var paths = src[1].split('/'); - var i, len, found; - data.server = src[0]+'://'+paths[0]+'/'; - data.streamId = []; - for(i = 1, len = paths.length; i < len; i++){ - if(!found && paths[i].indexOf(':') !== -1){ - paths[i] = paths[i].split(':')[1]; - found = true; - } - if(!found){ - data.server += paths[i]+'/'; - } else { - data.streamId.push(paths[i]); - } - } - if(!data.streamId.length){ - webshims.error('Could not parse rtmp url'); - } - data.streamId = data.streamId.join('/'); - console.log(data) - }; - var getSrcObj = function(elem, nodeName){ - elem = $(elem); - var src = {src: elem.attr('src') || '', elem: elem, srcProp: elem.prop('src')}; - var tmp; - - if(!src.src){return src;} - - tmp = elem.attr('data-server'); - if(tmp != null){ - src.server = tmp; - } - - tmp = elem.attr('type'); - if(tmp){ - src.type = tmp; - src.container = $.trim(tmp.split(';')[0]); - } else { - if(!nodeName){ - nodeName = elem[0].nodeName.toLowerCase(); - if(nodeName == 'source'){ - nodeName = (elem.closest('video, audio')[0] || {nodeName: 'video'}).nodeName.toLowerCase(); - } - } - if(src.server){ - src.type = nodeName+'/rtmp'; - src.container = nodeName+'/rtmp'; - } else { - - tmp = mediaelement.getTypeForSrc( src.src, nodeName, src ); - - if(tmp){ - src.type = tmp; - src.container = tmp; - } - } - } - tmp = elem.attr('media'); - if(tmp){ - src.media = tmp; - } - if(src.type == 'audio/rtmp' || src.type == 'video/rtmp'){ - if(src.server){ - src.streamId = src.src; - } else { - mediaelement.parseRtmp(src); - } - } - return src; - }; - - - - var hasYt = !hasSwf && ('postMessage' in window) && hasNative; - - var loadTrackUi = function(){ - if(loadTrackUi.loaded){return;} - loadTrackUi.loaded = true; - $(function(){ - webshims.loader.loadList(['track-ui']); - }); - }; - var loadYt = (function(){ - var loaded; - return function(){ - if(loaded || !hasYt){return;} - loaded = true; - webshims.loader.loadScript("https://www.youtube.com/player_api"); - $(function(){ - webshims.polyfill("mediaelement-yt"); - }); - }; - })(); - var loadThird = function(){ - if(hasSwf){ - loadSwf(); - } else { - loadYt(); - } - }; - - webshims.addPolyfill('mediaelement-yt', { - test: !hasYt, - d: ['dom-support'] - }); - - mediaelement.mimeTypes = { - audio: { - //ogm shouldn´t be used! - 'audio/ogg': ['ogg','oga', 'ogm'], - 'audio/ogg;codecs="opus"': 'opus', - 'audio/mpeg': ['mp2','mp3','mpga','mpega'], - 'audio/mp4': ['mp4','mpg4', 'm4r', 'm4a', 'm4p', 'm4b', 'aac'], - 'audio/wav': ['wav'], - 'audio/3gpp': ['3gp','3gpp'], - 'audio/webm': ['webm'], - 'audio/fla': ['flv', 'f4a', 'fla'], - 'application/x-mpegURL': ['m3u8', 'm3u'] - }, - video: { - //ogm shouldn´t be used! - 'video/ogg': ['ogg','ogv', 'ogm'], - 'video/mpeg': ['mpg','mpeg','mpe'], - 'video/mp4': ['mp4','mpg4', 'm4v'], - 'video/quicktime': ['mov','qt'], - 'video/x-msvideo': ['avi'], - 'video/x-ms-asf': ['asf', 'asx'], - 'video/flv': ['flv', 'f4v'], - 'video/3gpp': ['3gp','3gpp'], - 'video/webm': ['webm'], - 'application/x-mpegURL': ['m3u8', 'm3u'], - 'video/MP2T': ['ts'] - } - } - ; - - mediaelement.mimeTypes.source = $.extend({}, mediaelement.mimeTypes.audio, mediaelement.mimeTypes.video); - - mediaelement.getTypeForSrc = function(src, nodeName, data){ - if(src.indexOf('youtube.com/watch?') != -1 || src.indexOf('youtube.com/v/') != -1){ - return 'video/youtube'; - } - if(src.indexOf('rtmp') === 0){ - return nodeName+'/rtmp'; - } - src = src.split('?')[0].split('.'); - src = src[src.length - 1]; - var mt; - - $.each(mediaelement.mimeTypes[nodeName], function(mimeType, exts){ - if(exts.indexOf(src) !== -1){ - mt = mimeType; - return false; - } - }); - return mt; - }; - - - mediaelement.srces = function(mediaElem, srces){ - mediaElem = $(mediaElem); - if(!srces){ - srces = []; - var nodeName = mediaElem[0].nodeName.toLowerCase(); - var src = getSrcObj(mediaElem, nodeName); - - if(!src.src){ - - $('source', mediaElem).each(function(){ - src = getSrcObj(this, nodeName); - if(src.src){srces.push(src);} - }); - } else { - srces.push(src); - } - return srces; - } else { - mediaElem.removeAttr('src').removeAttr('type').find('source').remove(); - if(!$.isArray(srces)){ - srces = [srces]; - } - srces.forEach(function(src){ - var source = document.createElement('source'); - if(typeof src == 'string'){ - src = {src: src}; - } - source.setAttribute('src', src.src); - if(src.type){ - source.setAttribute('type', src.type); - } - if(src.media){ - source.setAttribute('media', src.media); - } - mediaElem.append(source); - }); - - } - }; - - - $.fn.loadMediaSrc = function(srces, poster){ - return this.each(function(){ - if(poster !== undefined){ - $(this).removeAttr('poster'); - if(poster){ - $.attr(this, 'poster', poster); - } - } - mediaelement.srces(this, srces); - $(this).mediaLoad(); - }); - }; - - mediaelement.swfMimeTypes = ['video/3gpp', 'video/x-msvideo', 'video/quicktime', 'video/x-m4v', 'video/mp4', 'video/m4p', 'video/x-flv', 'video/flv', 'audio/mpeg', 'audio/aac', 'audio/mp4', 'audio/x-m4a', 'audio/m4a', 'audio/mp3', 'audio/x-fla', 'audio/fla', 'youtube/flv', 'jwplayer/jwplayer', 'video/youtube', 'video/rtmp', 'audio/rtmp']; - - mediaelement.canThirdPlaySrces = function(mediaElem, srces){ - var ret = ''; - if(hasSwf || hasYt){ - mediaElem = $(mediaElem); - srces = srces || mediaelement.srces(mediaElem); - $.each(srces, function(i, src){ - if(src.container && src.src && ((hasSwf && mediaelement.swfMimeTypes.indexOf(src.container) != -1) || (hasYt && src.container == 'video/youtube'))){ - ret = src; - return false; - } - }); - - } - - return ret; - }; - - var nativeCanPlayType = {}; - mediaelement.canNativePlaySrces = function(mediaElem, srces){ - var ret = ''; - if(hasNative){ - mediaElem = $(mediaElem); - var nodeName = (mediaElem[0].nodeName || '').toLowerCase(); - if(!nativeCanPlayType[nodeName]){return ret;} - srces = srces || mediaelement.srces(mediaElem); - - $.each(srces, function(i, src){ - if(src.type && nativeCanPlayType[nodeName].prop._supvalue.call(mediaElem[0], src.type) ){ - ret = src; - return false; - } - }); - } - return ret; - }; - - mediaelement.setError = function(elem, message){ - if(!message){ - message = "can't play sources"; - } - - $(elem).pause().data('mediaerror', message); - webshims.warn('mediaelementError: '+ message); - setTimeout(function(){ - if($(elem).data('mediaerror')){ - $(elem).trigger('mediaerror'); - } - }, 1); - }; - - var handleThird = (function(){ - var requested; - return function( mediaElem, ret, data ){ - if(!requested){ - loadTrackUi(); - } - webshims.ready(hasSwf ? swfType : 'mediaelement-yt', function(){ - if(mediaelement.createSWF){ - mediaelement.createSWF( mediaElem, ret, data ); - } else if(!requested) { - requested = true; - loadThird(); - //readd to ready - handleThird( mediaElem, ret, data ); - } - }); - if(!requested && hasYt && !mediaelement.createSWF){ - loadYt(); - } - }; - })(); - - var stepSources = function(elem, data, useSwf, _srces, _noLoop){ - var ret; - if(useSwf || (useSwf !== false && data && data.isActive == 'third')){ - ret = mediaelement.canThirdPlaySrces(elem, _srces); - if(!ret){ - if(_noLoop){ - mediaelement.setError(elem, false); - } else { - stepSources(elem, data, false, _srces, true); - } - } else { - handleThird(elem, ret, data); - } - } else { - ret = mediaelement.canNativePlaySrces(elem, _srces); - if(!ret){ - if(_noLoop){ - mediaelement.setError(elem, false); - if(data && data.isActive == 'third') { - mediaelement.setActive(elem, 'html5', data); - } - } else { - stepSources(elem, data, true, _srces, true); - } - } else if(data && data.isActive == 'third') { - mediaelement.setActive(elem, 'html5', data); - } - } - }; - var stopParent = /^(?:embed|object|datalist)$/i; - var selectSource = function(elem, data){ - var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {}); - var _srces = mediaelement.srces(elem); - var parent = elem.parentNode; - - clearTimeout(baseData.loadTimer); - $.data(elem, 'mediaerror', false); - - if(!_srces.length || !parent || parent.nodeType != 1 || stopParent.test(parent.nodeName || '')){return;} - data = data || webshims.data(elem, 'mediaelement'); - stepSources(elem, data, options.preferFlash || undefined, _srces); - }; - - - $(document).on('ended', function(e){ - var data = webshims.data(e.target, 'mediaelement'); - if( supportsLoop && (!data || data.isActive == 'html5') && !$.prop(e.target, 'loop')){return;} - setTimeout(function(){ - if( $.prop(e.target, 'paused') || !$.prop(e.target, 'loop') ){return;} - $(e.target).prop('currentTime', 0).play(); - }, 1); - - }); - if(!supportsLoop){ - webshims.defineNodeNamesBooleanProperty(['audio', 'video'], 'loop'); - } - - ['audio', 'video'].forEach(function(nodeName){ - var supLoad = webshims.defineNodeNameProperty(nodeName, 'load', { - prop: { - value: function(){ - var data = webshims.data(this, 'mediaelement'); - selectSource(this, data); - if(hasNative && (!data || data.isActive == 'html5') && supLoad.prop._supvalue){ - supLoad.prop._supvalue.apply(this, arguments); - } - } - } - }); - nativeCanPlayType[nodeName] = webshims.defineNodeNameProperty(nodeName, 'canPlayType', { - prop: { - value: function(type){ - var ret = ''; - if(hasNative && nativeCanPlayType[nodeName].prop._supvalue){ - ret = nativeCanPlayType[nodeName].prop._supvalue.call(this, type); - if(ret == 'no'){ - ret = ''; - } - } - if(!ret && hasSwf){ - type = $.trim((type || '').split(';')[0]); - if(mediaelement.swfMimeTypes.indexOf(type) != -1){ - ret = 'maybe'; - } - } - return ret; - } - } - }); - }); - webshims.onNodeNamesPropertyModify(['audio', 'video'], ['src', 'poster'], { - set: function(){ - var elem = this; - var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {}); - clearTimeout(baseData.loadTimer); - baseData.loadTimer = setTimeout(function(){ - selectSource(elem); - elem = null; - }, 9); - } - }); - - var initMediaElements = function(){ - - webshims.addReady(function(context, insertedElement){ - var media = $('video, audio', context) - .add(insertedElement.filter('video, audio')) - .each(function(){ - if($.browser.msie && webshims.browserVersion > 8 && $.prop(this, 'paused') && !$.prop(this, 'readyState') && $(this).is('audio[preload="none"][controls]:not([autoplay])')){ - $(this).prop('preload', 'metadata').mediaLoad(); - } else { - selectSource(this); - } - - - - if(hasNative){ - var bufferTimer; - var lastBuffered; - var elem = this; - var getBufferedString = function(){ - var buffered = $.prop(elem, 'buffered'); - if(!buffered){return;} - var bufferString = ""; - for(var i = 0, len = buffered.length; i < len;i++){ - bufferString += buffered.end(i); - } - return bufferString; - }; - var testBuffer = function(){ - var buffered = getBufferedString(); - if(buffered != lastBuffered){ - lastBuffered = buffered; - $(elem).triggerHandler('progress'); - } - }; - - $(this) - .on({ - 'play loadstart progress': function(e){ - if(e.type == 'progress'){ - lastBuffered = getBufferedString(); - } - clearTimeout(bufferTimer); - bufferTimer = setTimeout(testBuffer, 999); - }, - 'emptied stalled mediaerror abort suspend': function(e){ - if(e.type == 'emptied'){ - lastBuffered = false; - } - clearTimeout(bufferTimer); - } - }) - ; - } - - }) - ; - if(!loadTrackUi.loaded && $('track', media).length){ - loadTrackUi(); - } - media = null; - }); - }; - - if(Modernizr.track && !bugs.track){ - webshims.defineProperty(TextTrack.prototype, 'shimActiveCues', { - get: function(){ - return this._shimActiveCues || this.activeCues; - } - }); - } - //set native implementation ready, before swf api is retested - if(hasNative){ - webshims.isReady('mediaelement-core', true); - initMediaElements(); - webshims.ready('WINDOWLOAD mediaelement', loadThird); - } else { - webshims.ready(swfType, initMediaElements); - } - webshims.ready('WINDOWLOAD mediaelement', loadTrackUi); -}); +//DOM-Extension helper +jQuery.webshims.register('dom-extend', function($, webshims, window, document, undefined){ + "use strict"; + //shortcus + var modules = webshims.modules; + var listReg = /\s*,\s*/; + + //proxying attribute + var olds = {}; + var havePolyfill = {}; + var extendedProps = {}; + var extendQ = {}; + var modifyProps = {}; + + var oldVal = $.fn.val; + var singleVal = function(elem, name, val, pass, _argless){ + return (_argless) ? oldVal.call($(elem)) : oldVal.call($(elem), val); + }; + $.fn.val = function(val){ + var elem = this[0]; + if(arguments.length && val == null){ + val = ''; + } + if(!arguments.length){ + if(!elem || elem.nodeType !== 1){return oldVal.call(this);} + return $.prop(elem, 'value', val, 'val', true); + } + if($.isArray(val)){ + return oldVal.apply(this, arguments); + } + var isFunction = $.isFunction(val); + return this.each(function(i){ + elem = this; + if(elem.nodeType === 1){ + if(isFunction){ + var genVal = val.call( elem, i, $.prop(elem, 'value', undefined, 'val', true)); + if(genVal == null){ + genVal = ''; + } + $.prop(elem, 'value', genVal, 'val') ; + } else { + $.prop(elem, 'value', val, 'val'); + } + } + }); + }; + + var dataID = '_webshimsLib'+ (Math.round(Math.random() * 1000)); + var elementData = function(elem, key, val){ + elem = elem.jquery ? elem[0] : elem; + if(!elem){return val || {};} + var data = $.data(elem, dataID); + if(val !== undefined){ + if(!data){ + data = $.data(elem, dataID, {}); + } + if(key){ + data[key] = val; + } + } + + return key ? data && data[key] : data; + }; + + + [{name: 'getNativeElement', prop: 'nativeElement'}, {name: 'getShadowElement', prop: 'shadowElement'}, {name: 'getShadowFocusElement', prop: 'shadowFocusElement'}].forEach(function(data){ + $.fn[data.name] = function(){ + return this.map(function(){ + var shadowData = elementData(this, 'shadowData'); + return shadowData && shadowData[data.prop] || this; + }); + }; + }); + + + ['removeAttr', 'prop', 'attr'].forEach(function(type){ + olds[type] = $[type]; + $[type] = function(elem, name, value, pass, _argless){ + var isVal = (pass == 'val'); + var oldMethod = !isVal ? olds[type] : singleVal; + if( !elem || !havePolyfill[name] || elem.nodeType !== 1 || (!isVal && pass && type == 'attr' && $.attrFn[name]) ){ + return oldMethod(elem, name, value, pass, _argless); + } + + var nodeName = (elem.nodeName || '').toLowerCase(); + var desc = extendedProps[nodeName]; + var curType = (type == 'attr' && (value === false || value === null)) ? 'removeAttr' : type; + var propMethod; + var oldValMethod; + var ret; + + + if(!desc){ + desc = extendedProps['*']; + } + if(desc){ + desc = desc[name]; + } + + if(desc){ + propMethod = desc[curType]; + } + + if(propMethod){ + if(name == 'value'){ + oldValMethod = propMethod.isVal; + propMethod.isVal = isVal; + } + if(curType === 'removeAttr'){ + return propMethod.value.call(elem); + } else if(value === undefined){ + return (propMethod.get) ? + propMethod.get.call(elem) : + propMethod.value + ; + } else if(propMethod.set) { + if(type == 'attr' && value === true){ + value = name; + } + + ret = propMethod.set.call(elem, value); + } + if(name == 'value'){ + propMethod.isVal = oldValMethod; + } + } else { + ret = oldMethod(elem, name, value, pass, _argless); + } + if((value !== undefined || curType === 'removeAttr') && modifyProps[nodeName] && modifyProps[nodeName][name]){ + + var boolValue; + if(curType == 'removeAttr'){ + boolValue = false; + } else if(curType == 'prop'){ + boolValue = !!(value); + } else { + boolValue = true; + } + + modifyProps[nodeName][name].forEach(function(fn){ + if(!fn.only || (fn.only = 'prop' && type == 'prop') || (fn.only == 'attr' && type != 'prop')){ + fn.call(elem, value, boolValue, (isVal) ? 'val' : curType, type); + } + }); + } + return ret; + }; + + extendQ[type] = function(nodeName, prop, desc){ + + if(!extendedProps[nodeName]){ + extendedProps[nodeName] = {}; + } + if(!extendedProps[nodeName][prop]){ + extendedProps[nodeName][prop] = {}; + } + var oldDesc = extendedProps[nodeName][prop][type]; + var getSup = function(propType, descriptor, oDesc){ + if(descriptor && descriptor[propType]){ + return descriptor[propType]; + } + if(oDesc && oDesc[propType]){ + return oDesc[propType]; + } + if(type == 'prop' && prop == 'value'){ + return function(value){ + var elem = this; + return (desc.isVal) ? + singleVal(elem, prop, value, false, (arguments.length === 0)) : + olds[type](elem, prop, value) + ; + }; + } + if(type == 'prop' && propType == 'value' && desc.value.apply){ + return function(value){ + var sup = olds[type](this, prop); + if(sup && sup.apply){ + sup = sup.apply(this, arguments); + } + return sup; + }; + } + return function(value){ + return olds[type](this, prop, value); + }; + }; + extendedProps[nodeName][prop][type] = desc; + if(desc.value === undefined){ + if(!desc.set){ + desc.set = desc.writeable ? + getSup('set', desc, oldDesc) : + (webshims.cfg.useStrict && prop == 'prop') ? + function(){throw(prop +' is readonly on '+ nodeName);} : + $.noop + ; + } + if(!desc.get){ + desc.get = getSup('get', desc, oldDesc); + } + + } + + ['value', 'get', 'set'].forEach(function(descProp){ + if(desc[descProp]){ + desc['_sup'+descProp] = getSup(descProp, oldDesc); + } + }); + }; + + }); + + //see also: https://github.com/lojjic/PIE/issues/40 | https://prototype.lighthouseapp.com/projects/8886/tickets/1107-ie8-fatal-crash-when-prototypejs-is-loaded-with-rounded-cornershtc + var isExtendNativeSave = (!$.browser.msie || parseInt($.browser.version, 10) > 8); + var extendNativeValue = (function(){ + var UNKNOWN = webshims.getPrototypeOf(document.createElement('foobar')); + var has = Object.prototype.hasOwnProperty; + return function(nodeName, prop, desc){ + var elem = document.createElement(nodeName); + var elemProto = webshims.getPrototypeOf(elem); + if( isExtendNativeSave && elemProto && UNKNOWN !== elemProto && ( !elem[prop] || !has.call(elem, prop) ) ){ + var sup = elem[prop]; + desc._supvalue = function(){ + if(sup && sup.apply){ + return sup.apply(this, arguments); + } + return sup; + }; + elemProto[prop] = desc.value; + } else { + desc._supvalue = function(){ + var data = elementData(this, 'propValue'); + if(data && data[prop] && data[prop].apply){ + return data[prop].apply(this, arguments); + } + return data && data[prop]; + }; + initProp.extendValue(nodeName, prop, desc.value); + } + desc.value._supvalue = desc._supvalue; + }; + })(); + + var initProp = (function(){ + + var initProps = {}; + + webshims.addReady(function(context, contextElem){ + var nodeNameCache = {}; + var getElementsByName = function(name){ + if(!nodeNameCache[name]){ + nodeNameCache[name] = $(context.getElementsByTagName(name)); + if(contextElem[0] && $.nodeName(contextElem[0], name)){ + nodeNameCache[name] = nodeNameCache[name].add(contextElem); + } + } + }; + + + $.each(initProps, function(name, fns){ + getElementsByName(name); + if(!fns || !fns.forEach){ + webshims.warn('Error: with '+ name +'-property. methods: '+ fns); + return; + } + fns.forEach(function(fn){ + nodeNameCache[name].each(fn); + }); + }); + nodeNameCache = null; + }); + + var tempCache; + var emptyQ = $([]); + var createNodeNameInit = function(nodeName, fn){ + if(!initProps[nodeName]){ + initProps[nodeName] = [fn]; + } else { + initProps[nodeName].push(fn); + } + if($.isDOMReady){ + (tempCache || $( document.getElementsByTagName(nodeName) )).each(fn); + } + }; + + var elementExtends = {}; + return { + createTmpCache: function(nodeName){ + if($.isDOMReady){ + tempCache = tempCache || $( document.getElementsByTagName(nodeName) ); + } + return tempCache || emptyQ; + }, + flushTmpCache: function(){ + tempCache = null; + }, + content: function(nodeName, prop){ + createNodeNameInit(nodeName, function(){ + var val = $.attr(this, prop); + if(val != null){ + $.attr(this, prop, val); + } + }); + }, + createElement: function(nodeName, fn){ + createNodeNameInit(nodeName, fn); + }, + extendValue: function(nodeName, prop, value){ + createNodeNameInit(nodeName, function(){ + $(this).each(function(){ + var data = elementData(this, 'propValue', {}); + data[prop] = this[prop]; + this[prop] = value; + }); + }); + } + }; + })(); + + var createPropDefault = function(descs, removeType){ + if(descs.defaultValue === undefined){ + descs.defaultValue = ''; + } + if(!descs.removeAttr){ + descs.removeAttr = { + value: function(){ + descs[removeType || 'prop'].set.call(this, descs.defaultValue); + descs.removeAttr._supvalue.call(this); + } + }; + } + if(!descs.attr){ + descs.attr = {}; + } + }; + + $.extend(webshims, { + + getID: (function(){ + var ID = new Date().getTime(); + return function(elem){ + elem = $(elem); + var id = elem.attr('id'); + if(!id){ + ID++; + id = 'ID-'+ ID; + elem.attr('id', id); + } + return id; + }; + })(), + extendUNDEFProp: function(obj, props){ + $.each(props, function(name, prop){ + if( !(name in obj) ){ + obj[name] = prop; + } + }); + }, + //http://www.w3.org/TR/html5/common-dom-interfaces.html#reflect + createPropDefault: createPropDefault, + data: elementData, + moveToFirstEvent: function(elem, eventType, bindType){ + var events = ($._data(elem, 'events') || {})[eventType]; + var fn; + + if(events && events.length > 1){ + fn = events.pop(); + if(!bindType){ + bindType = 'bind'; + } + if(bindType == 'bind' && events.delegateCount){ + events.splice( events.delegateCount, 0, fn); + } else { + events.unshift( fn ); + } + + + } + elem = null; + }, + addShadowDom: (function(){ + var resizeTimer; + var lastHeight; + var lastWidth; + + var docObserve = { + init: false, + runs: 0, + test: function(){ + var height = docObserve.getHeight(); + var width = docObserve.getWidth(); + + if(height != docObserve.height || width != docObserve.width){ + docObserve.height = height; + docObserve.width = width; + docObserve.handler({type: 'docresize'}); + docObserve.runs++; + if(docObserve.runs < 9){ + setTimeout(docObserve.test, 90); + } + } else { + docObserve.runs = 0; + } + }, + handler: function(e){ + clearTimeout(resizeTimer); + resizeTimer = setTimeout(function(){ + if(e.type == 'resize'){ + var width = $(window).width(); + var height = $(window).width(); + if(height == lastHeight && width == lastWidth){ + return; + } + lastHeight = height; + lastWidth = width; + + docObserve.height = docObserve.getHeight(); + docObserve.width = docObserve.getWidth(); + + } + $.event.trigger('updateshadowdom'); + }, (e.type == 'resize') ? 50 : 9); + }, + _create: function(){ + $.each({ Height: "getHeight", Width: "getWidth" }, function(name, type){ + var body = document.body; + var doc = document.documentElement; + docObserve[type] = function(){ + return Math.max( + body[ "scroll" + name ], doc[ "scroll" + name ], + body[ "offset" + name ], doc[ "offset" + name ], + doc[ "client" + name ] + ); + }; + }); + }, + start: function(){ + if(!this.init && document.body){ + this.init = true; + this._create(); + this.height = docObserve.getHeight(); + this.width = docObserve.getWidth(); + setInterval(this.test, 600); + $(this.test); + webshims.ready('WINDOWLOAD', this.test); + $(window).bind('resize', this.handler); + (function(){ + var oldAnimate = $.fn.animate; + var animationTimer; + + $.fn.animate = function(){ + clearTimeout(animationTimer); + animationTimer = setTimeout(function(){ + docObserve.test(); + }, 99); + + return oldAnimate.apply(this, arguments); + }; + })(); + } + } + }; + + + $.event.customEvent.updateshadowdom = true; + webshims.docObserve = function(){ + webshims.ready('DOM', function(){ + docObserve.start(); + }); + }; + return function(nativeElem, shadowElem, opts){ + opts = opts || {}; + if(nativeElem.jquery){ + nativeElem = nativeElem[0]; + } + if(shadowElem.jquery){ + shadowElem = shadowElem[0]; + } + var nativeData = $.data(nativeElem, dataID) || $.data(nativeElem, dataID, {}); + var shadowData = $.data(shadowElem, dataID) || $.data(shadowElem, dataID, {}); + var shadowFocusElementData = {}; + if(!opts.shadowFocusElement){ + opts.shadowFocusElement = shadowElem; + } else if(opts.shadowFocusElement){ + if(opts.shadowFocusElement.jquery){ + opts.shadowFocusElement = opts.shadowFocusElement[0]; + } + shadowFocusElementData = $.data(opts.shadowFocusElement, dataID) || $.data(opts.shadowFocusElement, dataID, shadowFocusElementData); + } + + nativeData.hasShadow = shadowElem; + shadowFocusElementData.nativeElement = shadowData.nativeElement = nativeElem; + shadowFocusElementData.shadowData = shadowData.shadowData = nativeData.shadowData = { + nativeElement: nativeElem, + shadowElement: shadowElem, + shadowFocusElement: opts.shadowFocusElement + }; + if(opts.shadowChilds){ + opts.shadowChilds.each(function(){ + elementData(this, 'shadowData', shadowData.shadowData); + }); + } + + if(opts.data){ + shadowFocusElementData.shadowData.data = shadowData.shadowData.data = nativeData.shadowData.data = opts.data; + } + opts = null; + webshims.docObserve(); + }; + })(), + propTypes: { + standard: function(descs, name){ + createPropDefault(descs); + if(descs.prop){return;} + descs.prop = { + set: function(val){ + descs.attr.set.call(this, ''+val); + }, + get: function(){ + return descs.attr.get.call(this) || descs.defaultValue; + } + }; + + }, + "boolean": function(descs, name){ + + createPropDefault(descs); + if(descs.prop){return;} + descs.prop = { + set: function(val){ + if(val){ + descs.attr.set.call(this, ""); + } else { + descs.removeAttr.value.call(this); + } + }, + get: function(){ + return descs.attr.get.call(this) != null; + } + }; + }, + "src": (function(){ + var anchor = document.createElement('a'); + anchor.style.display = "none"; + return function(descs, name){ + + createPropDefault(descs); + if(descs.prop){return;} + descs.prop = { + set: function(val){ + descs.attr.set.call(this, val); + }, + get: function(){ + var href = this.getAttribute(name); + var ret; + if(href == null){return '';} + + anchor.setAttribute('href', href+'' ); + + if(!$.support.hrefNormalized){ + try { + $(anchor).insertAfter(this); + ret = anchor.getAttribute('href', 4); + } catch(er){ + ret = anchor.getAttribute('href', 4); + } + $(anchor).detach(); + } + return ret || anchor.href; + } + }; + }; + })(), + enumarated: function(descs, name){ + + createPropDefault(descs); + if(descs.prop){return;} + descs.prop = { + set: function(val){ + descs.attr.set.call(this, val); + }, + get: function(){ + var val = (descs.attr.get.call(this) || '').toLowerCase(); + if(!val || descs.limitedTo.indexOf(val) == -1){ + val = descs.defaultValue; + } + return val; + } + }; + } + +// ,unsignedLong: $.noop +// ,"doubble": $.noop +// ,"long": $.noop +// ,tokenlist: $.noop +// ,settableTokenlist: $.noop + }, + reflectProperties: function(nodeNames, props){ + if(typeof props == 'string'){ + props = props.split(listReg); + } + props.forEach(function(prop){ + webshims.defineNodeNamesProperty(nodeNames, prop, { + prop: { + set: function(val){ + $.attr(this, prop, val); + }, + get: function(){ + return $.attr(this, prop) || ''; + } + } + }); + }); + }, + defineNodeNameProperty: function(nodeName, prop, descs){ + havePolyfill[prop] = true; + + if(descs.reflect){ + webshims.propTypes[descs.propType || 'standard'](descs, prop); + } + + ['prop', 'attr', 'removeAttr'].forEach(function(type){ + var desc = descs[type]; + if(desc){ + if(type === 'prop'){ + desc = $.extend({writeable: true}, desc); + } else { + desc = $.extend({}, desc, {writeable: true}); + } + + extendQ[type](nodeName, prop, desc); + if(nodeName != '*' && webshims.cfg.extendNative && type == 'prop' && desc.value && $.isFunction(desc.value)){ + extendNativeValue(nodeName, prop, desc); + } + descs[type] = desc; + } + }); + if(descs.initAttr){ + initProp.content(nodeName, prop); + } + return descs; + }, + + defineNodeNameProperties: function(name, descs, propType, _noTmpCache){ + var olddesc; + for(var prop in descs){ + if(!_noTmpCache && descs[prop].initAttr){ + initProp.createTmpCache(name); + } + if(propType){ + if(descs[prop][propType]){ + //webshims.log('override: '+ name +'['+prop +'] for '+ propType); + } else { + descs[prop][propType] = {}; + ['value', 'set', 'get'].forEach(function(copyProp){ + if(copyProp in descs[prop]){ + descs[prop][propType][copyProp] = descs[prop][copyProp]; + delete descs[prop][copyProp]; + } + }); + } + } + descs[prop] = webshims.defineNodeNameProperty(name, prop, descs[prop]); + } + if(!_noTmpCache){ + initProp.flushTmpCache(); + } + return descs; + }, + + createElement: function(nodeName, create, descs){ + var ret; + if($.isFunction(create)){ + create = { + after: create + }; + } + initProp.createTmpCache(nodeName); + if(create.before){ + initProp.createElement(nodeName, create.before); + } + if(descs){ + ret = webshims.defineNodeNameProperties(nodeName, descs, false, true); + } + if(create.after){ + initProp.createElement(nodeName, create.after); + } + initProp.flushTmpCache(); + return ret; + }, + onNodeNamesPropertyModify: function(nodeNames, props, desc, only){ + if(typeof nodeNames == 'string'){ + nodeNames = nodeNames.split(listReg); + } + if($.isFunction(desc)){ + desc = {set: desc}; + } + + nodeNames.forEach(function(name){ + if(!modifyProps[name]){ + modifyProps[name] = {}; + } + if(typeof props == 'string'){ + props = props.split(listReg); + } + if(desc.initAttr){ + initProp.createTmpCache(name); + } + props.forEach(function(prop){ + if(!modifyProps[name][prop]){ + modifyProps[name][prop] = []; + havePolyfill[prop] = true; + } + if(desc.set){ + if(only){ + desc.set.only = only; + } + modifyProps[name][prop].push(desc.set); + } + + if(desc.initAttr){ + initProp.content(name, prop); + } + }); + initProp.flushTmpCache(); + + }); + }, + defineNodeNamesBooleanProperty: function(elementNames, prop, descs){ + if(!descs){ + descs = {}; + } + if($.isFunction(descs)){ + descs.set = descs; + } + webshims.defineNodeNamesProperty(elementNames, prop, { + attr: { + set: function(val){ + this.setAttribute(prop, val); + if(descs.set){ + descs.set.call(this, true); + } + }, + get: function(){ + var ret = this.getAttribute(prop); + return (ret == null) ? undefined : prop; + } + }, + removeAttr: { + value: function(){ + this.removeAttribute(prop); + if(descs.set){ + descs.set.call(this, false); + } + } + }, + reflect: true, + propType: 'boolean', + initAttr: descs.initAttr || false + }); + }, + contentAttr: function(elem, name, val){ + if(!elem.nodeName){return;} + var attr; + if(val === undefined){ + attr = (elem.attributes[name] || {}); + val = attr.specified ? attr.value : null; + return (val == null) ? undefined : val; + } + + if(typeof val == 'boolean'){ + if(!val){ + elem.removeAttribute(name); + } else { + elem.setAttribute(name, name); + } + } else { + elem.setAttribute(name, val); + } + }, + +// set current Lang: +// - webshims.activeLang(lang:string); +// get current lang +// - webshims.activeLang(); +// get current lang +// webshims.activeLang({ +// register: moduleName:string, +// callback: callback:function +// }); +// get/set including removeLang +// - webshims.activeLang({ +// module: moduleName:string, +// callback: callback:function, +// langObj: languageObj:array/object +// }); + activeLang: (function(){ + var callbacks = []; + var registeredCallbacks = {}; + var currentLang; + var shortLang; + var notLocal = /:\/\/|^\.*\//; + var loadRemoteLang = function(data, lang, options){ + var langSrc; + if(lang && options && $.inArray(lang, options.availabeLangs || []) !== -1){ + data.loading = true; + langSrc = options.langSrc; + if(!notLocal.test(langSrc)){ + langSrc = webshims.cfg.basePath+langSrc; + } + webshims.loader.loadScript(langSrc+lang+'.js', function(){ + if(data.langObj[lang]){ + data.loading = false; + callLang(data, true); + } else { + $(function(){ + if(data.langObj[lang]){ + callLang(data, true); + } + data.loading = false; + }); + } + }); + return true; + } + return false; + }; + var callRegister = function(module){ + if(registeredCallbacks[module]){ + registeredCallbacks[module].forEach(function(data){ + data.callback(); + }); + } + }; + var callLang = function(data, _noLoop){ + if(data.activeLang != currentLang && data.activeLang !== shortLang){ + var options = modules[data.module].options; + if( data.langObj[currentLang] || (shortLang && data.langObj[shortLang]) ){ + data.activeLang = currentLang; + data.callback(data.langObj[currentLang] || data.langObj[shortLang], currentLang); + callRegister(data.module); + } else if( !_noLoop && + !loadRemoteLang(data, currentLang, options) && + !loadRemoteLang(data, shortLang, options) && + data.langObj[''] && data.activeLang !== '' ) { + data.activeLang = ''; + data.callback(data.langObj[''], currentLang); + callRegister(data.module); + } + } + }; + + + var activeLang = function(lang){ + + if(typeof lang == 'string' && lang !== currentLang){ + currentLang = lang; + shortLang = currentLang.split('-')[0]; + if(currentLang == shortLang){ + shortLang = false; + } + $.each(callbacks, function(i, data){ + callLang(data); + }); + } else if(typeof lang == 'object'){ + + if(lang.register){ + if(!registeredCallbacks[lang.register]){ + registeredCallbacks[lang.register] = []; + } + registeredCallbacks[lang.register].push(lang); + lang.callback(); + } else { + if(!lang.activeLang){ + lang.activeLang = ''; + } + callbacks.push(lang); + callLang(lang); + } + } + return currentLang; + }; + + return activeLang; + })() + }); + + $.each({ + defineNodeNamesProperty: 'defineNodeNameProperty', + defineNodeNamesProperties: 'defineNodeNameProperties', + createElements: 'createElement' + }, function(name, baseMethod){ + webshims[name] = function(names, a, b, c){ + if(typeof names == 'string'){ + names = names.split(listReg); + } + var retDesc = {}; + names.forEach(function(nodeName){ + retDesc[nodeName] = webshims[baseMethod](nodeName, a, b, c); + }); + return retDesc; + }; + }); + + webshims.isReady('webshimLocalization', true); +}); +//html5a11y +(function($, document){ + var browserVersion = $.webshims.browserVersion; + if($.browser.mozilla && browserVersion > 5){return;} + if (!$.browser.msie || (browserVersion < 12 && browserVersion > 7)) { + var elemMappings = { + article: "article", + aside: "complementary", + section: "region", + nav: "navigation", + address: "contentinfo" + }; + var addRole = function(elem, role){ + var hasRole = elem.getAttribute('role'); + if (!hasRole) { + elem.setAttribute('role', role); + } + }; + + $.webshims.addReady(function(context, contextElem){ + $.each(elemMappings, function(name, role){ + var elems = $(name, context).add(contextElem.filter(name)); + for (var i = 0, len = elems.length; i < len; i++) { + addRole(elems[i], role); + } + }); + if (context === document) { + var header = document.getElementsByTagName('header')[0]; + var footers = document.getElementsByTagName('footer'); + var footerLen = footers.length; + if (header && !$(header).closest('section, article')[0]) { + addRole(header, 'banner'); + } + if (!footerLen) { + return; + } + var footer = footers[footerLen - 1]; + if (!$(footer).closest('section, article')[0]) { + addRole(footer, 'contentinfo'); + } + } + }); + } +})(jQuery, document); + +//additional tests for partial implementation of forms features +(function($){ + "use strict"; + var Modernizr = window.Modernizr; + var webshims = $.webshims; + var bugs = webshims.bugs; + var form = $('<form action="#" style="width: 1px; height: 1px; overflow: hidden;"><select name="b" required="" /><input required="" name="a" /></form>'); + var testRequiredFind = function(){ + if(form[0].querySelector){ + try { + bugs.findRequired = !(form[0].querySelector('select:required')); + } catch(er){ + bugs.findRequired = false; + } + } + }; + var inputElem = $('input', form).eq(0); + var onDomextend = function(fn){ + webshims.loader.loadList(['dom-extend']); + webshims.ready('dom-extend', fn); + }; + + bugs.findRequired = false; + bugs.validationMessage = false; + + webshims.capturingEventPrevented = function(e){ + if(!e._isPolyfilled){ + var isDefaultPrevented = e.isDefaultPrevented; + var preventDefault = e.preventDefault; + e.preventDefault = function(){ + clearTimeout($.data(e.target, e.type + 'DefaultPrevented')); + $.data(e.target, e.type + 'DefaultPrevented', setTimeout(function(){ + $.removeData(e.target, e.type + 'DefaultPrevented'); + }, 30)); + return preventDefault.apply(this, arguments); + }; + e.isDefaultPrevented = function(){ + return !!(isDefaultPrevented.apply(this, arguments) || $.data(e.target, e.type + 'DefaultPrevented') || false); + }; + e._isPolyfilled = true; + } + }; + + if(!Modernizr.formvalidation || bugs.bustedValidity){ + testRequiredFind(); + return; + } + + //create delegatable events + webshims.capturingEvents(['input']); + webshims.capturingEvents(['invalid'], true); + + if(window.opera || window.testGoodWithFix){ + + form.appendTo('head'); + + testRequiredFind(); + bugs.validationMessage = !(inputElem.prop('validationMessage')); + + webshims.reTest(['form-native-extend', 'form-message']); + + form.remove(); + + $(function(){ + onDomextend(function(){ + + //Opera shows native validation bubbles in case of input.checkValidity() + // Opera 11.6/12 hasn't fixed this issue right, it's buggy + var preventDefault = function(e){ + e.preventDefault(); + }; + + ['form', 'input', 'textarea', 'select'].forEach(function(name){ + var desc = webshims.defineNodeNameProperty(name, 'checkValidity', { + prop: { + value: function(){ + if (!webshims.fromSubmit) { + $(this).on('invalid.checkvalidity', preventDefault); + } + + webshims.fromCheckValidity = true; + var ret = desc.prop._supvalue.apply(this, arguments); + if (!webshims.fromSubmit) { + $(this).unbind('invalid.checkvalidity', preventDefault); + } + webshims.fromCheckValidity = false; + return ret; + } + } + }); + }); + + }); + }); + } + + if($.browser.webkit && !webshims.bugs.bustedValidity){ + (function(){ + var elems = /^(?:textarea|input)$/i; + var form = false; + + document.addEventListener('contextmenu', function(e){ + if(elems.test( e.target.nodeName || '') && (form = e.target.form)){ + setTimeout(function(){ + form = false; + }, 1); + } + }, false); + + $(window).on('invalid', function(e){ + if(e.originalEvent && form && form == e.target.form){ + e.wrongWebkitInvalid = true; + e.stopImmediatePropagation(); + } + }); + + })(); + } +})(jQuery); + +jQuery.webshims.register('form-core', function($, webshims, window, document, undefined, options){ + "use strict"; + + + var checkTypes = {checkbox: 1, radio: 1}; + var emptyJ = $([]); + var bugs = webshims.bugs; + var groupTypes = {radio: 1}; + var getGroupElements = function(elem){ + elem = $(elem); + var name; + var form; + var ret = emptyJ; + if(groupTypes[elem[0].type]){ + form = elem.prop('form'); + name = elem[0].name; + if(!name){ + ret = elem; + } else if(form){ + ret = $(form[name]); + } else { + ret = $(document.getElementsByName(name)).filter(function(){ + return !$.prop(this, 'form'); + }); + } + ret = ret.filter('[type="radio"]'); + } + return ret; + }; + + var getContentValidationMessage = webshims.getContentValidationMessage = function(elem, validity, key){ + var message = $(elem).data('errormessage') || elem.getAttribute('x-moz-errormessage') || ''; + if(key && message[key]){ + message = message[key]; + } + if(typeof message == 'object'){ + validity = validity || $.prop(elem, 'validity') || {valid: 1}; + if(!validity.valid){ + $.each(validity, function(name, prop){ + if(prop && name != 'valid' && message[name]){ + message = message[name]; + return false; + } + }); + } + } + + if(typeof message == 'object'){ + message = message.defaultMessage; + } + return message || ''; + }; + + /* + * Selectors for all browsers + */ + var rangeTypes = {number: 1, range: 1, date: 1/*, time: 1, 'datetime-local': 1, datetime: 1, month: 1, week: 1*/}; + var hasInvalid = function(elem){ + var ret = false; + $($.prop(elem, 'elements')).each(function(){ + ret = $(this).is(':invalid'); + if(ret){ + return false; + } + }); + return ret; + }; + $.extend($.expr[":"], { + "valid-element": function(elem){ + return $.nodeName(elem, 'form') ? !hasInvalid(elem) :!!($.prop(elem, 'willValidate') && isValid(elem)); + }, + "invalid-element": function(elem){ + return $.nodeName(elem, 'form') ? hasInvalid(elem) : !!($.prop(elem, 'willValidate') && !isValid(elem)); + }, + "required-element": function(elem){ + return !!($.prop(elem, 'willValidate') && $.prop(elem, 'required')); + }, + "user-error": function(elem){ + return ($.prop(elem, 'willValidate') && $(elem).hasClass('user-error')); + }, + "optional-element": function(elem){ + return !!($.prop(elem, 'willValidate') && $.prop(elem, 'required') === false); + }, + "in-range": function(elem){ + if(!rangeTypes[$.prop(elem, 'type')] || !$.prop(elem, 'willValidate')){ + return false; + } + var val = $.prop(elem, 'validity'); + return !!(val && !val.rangeOverflow && !val.rangeUnderflow); + }, + "out-of-range": function(elem){ + if(!rangeTypes[$.prop(elem, 'type')] || !$.prop(elem, 'willValidate')){ + return false; + } + var val = $.prop(elem, 'validity'); + return !!(val && (val.rangeOverflow || val.rangeUnderflow)); + } + + }); + + ['valid', 'invalid', 'required', 'optional'].forEach(function(name){ + $.expr[":"][name] = $.expr.filters[name+"-element"]; + }); + + + $.expr[":"].focus = function( elem ) { + try { + var doc = elem.ownerDocument; + return elem === doc.activeElement && (!doc.hasFocus || doc.hasFocus()); + } catch(e){} + return false; + }; + + if(Modernizr.formvalidation && $.browser.webkit && !webshims.bugs.bustedValidity && webshims.browserVersion < 27){ + (function(){ + var retriggerRadioValidity = function(){ + var validity; + if((validity = this.validity) && !validity.customError){ + this.setCustomValidity(''); + } + }; + + webshims.addReady(function(context, insertedElement){ + if(context !== document){ + $('input[type="radio"]:invalid', context) + .add(insertedElement.filter('input[type="radio"]:invalid')) + .each(retriggerRadioValidity) + ; + } + }); + })(); + } + + var customEvents = $.event.customEvent || {}; + var isValid = function(elem){ + return ($.prop(elem, 'validity') || {valid: 1}).valid; + }; + + if (bugs.bustedValidity || bugs.findRequired) { + (function(){ + var find = $.find; + var matchesSelector = $.find.matchesSelector; + + var regExp = /(\:valid|\:invalid|\:optional|\:required|\:in-range|\:out-of-range)(?=[\s\[\~\.\+\>\:\#*]|$)/ig; + var regFn = function(sel){ + return sel + '-element'; + }; + + $.find = (function(){ + var slice = Array.prototype.slice; + var fn = function(sel){ + var ar = arguments; + ar = slice.call(ar, 1, ar.length); + ar.unshift(sel.replace(regExp, regFn)); + return find.apply(this, ar); + }; + for (var i in find) { + if(find.hasOwnProperty(i)){ + fn[i] = find[i]; + } + } + return fn; + })(); + if(!Modernizr.prefixed || Modernizr.prefixed("matchesSelector", document.documentElement)){ + $.find.matchesSelector = function(node, expr){ + expr = expr.replace(regExp, regFn); + return matchesSelector.call(this, node, expr); + }; + } + + })(); + } + + //ToDo needs testing + var oldAttr = $.prop; + var changeVals = {selectedIndex: 1, value: 1, checked: 1, disabled: 1, readonly: 1}; + $.prop = function(elem, name, val){ + var ret = oldAttr.apply(this, arguments); + if(elem && 'form' in elem && changeVals[name] && val !== undefined && $(elem).hasClass(invalidClass)){ + if(isValid(elem)){ + $(elem).getShadowElement().removeClass(invalidClasses); + if(name == 'checked' && val) { + getGroupElements(elem).not(elem).removeClass(invalidClasses).removeAttr('aria-invalid'); + } + } + } + return ret; + }; + + var returnValidityCause = function(validity, elem){ + var ret; + $.each(validity, function(name, value){ + if(value){ + ret = (name == 'customError') ? $.prop(elem, 'validationMessage') : name; + return false; + } + }); + return ret; + }; + + var isInGroup = function(name){ + var ret; + try { + ret = document.activeElement.name === name; + } catch(e){} + return ret; + }; + /* form-ui-invalid/form-ui-valid are deprecated. use user-error/user-success instead */ + var invalidClass = 'user-error'; + var invalidClasses = 'user-error form-ui-invalid'; + var validClass = 'user-success'; + var validClasses = 'user-success form-ui-valid'; + var switchValidityClass = function(e){ + var elem, timer; + if(!e.target){return;} + elem = $(e.target).getNativeElement()[0]; + if(elem.type == 'submit' || !$.prop(elem, 'willValidate')){return;} + timer = $.data(elem, 'webshimsswitchvalidityclass'); + var switchClass = function(){ + if(e.type == 'focusout' && elem.type == 'radio' && isInGroup(elem.name)){return;} + var validity = $.prop(elem, 'validity'); + var shadowElem = $(elem).getShadowElement(); + var addClass, removeClass, trigger, generaltrigger, validityCause; + + $(elem).trigger('refreshCustomValidityRules'); + if(validity.valid){ + if(!shadowElem.hasClass(validClass)){ + addClass = validClasses; + removeClass = invalidClasses; + generaltrigger = 'changedvaliditystate'; + trigger = 'changedvalid'; + if(checkTypes[elem.type] && elem.checked){ + getGroupElements(elem).not(elem).removeClass(removeClass).addClass(addClass).removeAttr('aria-invalid'); + } + $.removeData(elem, 'webshimsinvalidcause'); + } + } else { + validityCause = returnValidityCause(validity, elem); + if($.data(elem, 'webshimsinvalidcause') != validityCause){ + $.data(elem, 'webshimsinvalidcause', validityCause); + generaltrigger = 'changedvaliditystate'; + } + if(!shadowElem.hasClass(invalidClass)){ + addClass = invalidClasses; + removeClass = validClasses; + if (checkTypes[elem.type] && !elem.checked) { + getGroupElements(elem).not(elem).removeClass(removeClass).addClass(addClass); + } + trigger = 'changedinvalid'; + } + } + if(addClass){ + shadowElem.addClass(addClass).removeClass(removeClass); + //jQuery 1.6.1 IE9 bug (doubble trigger bug) + setTimeout(function(){ + $(elem).trigger(trigger); + }, 0); + } + if(generaltrigger){ + setTimeout(function(){ + $(elem).trigger(generaltrigger); + }, 0); + } + $.removeData(e.target, 'webshimsswitchvalidityclass'); + }; + + if(timer){ + clearTimeout(timer); + } + if(e.type == 'refreshvalidityui'){ + switchClass(); + } else { + $.data(elem, 'webshimsswitchvalidityclass', setTimeout(switchClass, 9)); + } + }; + + $(document).on(options.validityUIEvents || 'focusout change refreshvalidityui', switchValidityClass); + customEvents.changedvaliditystate = true; + customEvents.refreshCustomValidityRules = true; + customEvents.changedvalid = true; + customEvents.changedinvalid = true; + customEvents.refreshvalidityui = true; + + + webshims.triggerInlineForm = function(elem, event){ + $(elem).trigger(event); + }; + + webshims.modules["form-core"].getGroupElements = getGroupElements; + + + var setRoot = function(){ + webshims.scrollRoot = ($.browser.webkit || document.compatMode == 'BackCompat') ? + $(document.body) : + $(document.documentElement) + ; + }; + setRoot(); + webshims.ready('DOM', setRoot); + + webshims.getRelOffset = function(posElem, relElem){ + posElem = $(posElem); + var offset = $(relElem).offset(); + var bodyOffset; + $.swap($(posElem)[0], {visibility: 'hidden', display: 'inline-block', left: 0, top: 0}, function(){ + bodyOffset = posElem.offset(); + }); + offset.top -= bodyOffset.top; + offset.left -= bodyOffset.left; + return offset; + }; + + /* some extra validation UI */ + webshims.validityAlert = (function(){ + var alertElem = (!$.browser.msie || parseInt($.browser.version, 10) > 7) ? 'span' : 'label'; + var errorBubble; + var hideTimer = false; + var focusTimer = false; + var resizeTimer = false; + var boundHide; + + var api = { + hideDelay: 5000, + + showFor: function(elem, message, noFocusElem, noBubble){ + api._create(); + elem = $(elem); + var visual = $(elem).getShadowElement(); + var offset = api.getOffsetFromBody(visual); + api.clear(); + if(noBubble){ + this.hide(); + } else { + + this.getMessage(elem, message); + this.position(visual, offset); + + this.show(); + if(this.hideDelay){ + hideTimer = setTimeout(boundHide, this.hideDelay); + } + $(window) + .on('resize.validityalert reposoverlay.validityalert', function(){ + clearTimeout(resizeTimer); + resizeTimer = setTimeout(function(){ + api.position(visual); + }, 9); + }) + ; + } + + if(!noFocusElem){ + this.setFocus(visual, offset); + } + }, + getOffsetFromBody: function(elem){ + return webshims.getRelOffset(errorBubble, elem); + }, + setFocus: function(visual, offset){ + var focusElem = $(visual).getShadowFocusElement(); + var scrollTop = webshims.scrollRoot.scrollTop(); + var elemTop = ((offset || focusElem.offset()).top) - 30; + var smooth; + + if(webshims.getID && alertElem == 'label'){ + errorBubble.attr('for', webshims.getID(focusElem)); + } + + if(scrollTop > elemTop){ + webshims.scrollRoot.animate( + {scrollTop: elemTop - 5}, + { + queue: false, + duration: Math.max( Math.min( 600, (scrollTop - elemTop) * 1.5 ), 80 ) + } + ); + smooth = true; + } + try { + focusElem[0].focus(); + } catch(e){} + if(smooth){ + webshims.scrollRoot.scrollTop(scrollTop); + setTimeout(function(){ + webshims.scrollRoot.scrollTop(scrollTop); + }, 0); + } + setTimeout(function(){ + $(document).on('focusout.validityalert', boundHide); + }, 10); + $(window).triggerHandler('reposoverlay'); + }, + getMessage: function(elem, message){ + if (!message) { + message = getContentValidationMessage(elem[0]) || elem.prop('customValidationMessage') || elem.prop('validationMessage'); + } + if (message) { + $('span.va-box', errorBubble).text(message); + } + else { + this.hide(); + } + }, + position: function(elem, offset){ + offset = offset ? $.extend({}, offset) : api.getOffsetFromBody(elem); + offset.top += elem.outerHeight(); + errorBubble.css(offset); + }, + show: function(){ + if(errorBubble.css('display') === 'none'){ + errorBubble.css({opacity: 0}).show(); + } + errorBubble.addClass('va-visible').fadeTo(400, 1); + }, + hide: function(){ + errorBubble.removeClass('va-visible').fadeOut(); + }, + clear: function(){ + clearTimeout(focusTimer); + clearTimeout(hideTimer); + $(document).unbind('.validityalert'); + $(window).unbind('.validityalert'); + errorBubble.stop().removeAttr('for'); + }, + _create: function(){ + if(errorBubble){return;} + errorBubble = api.errorBubble = $('<'+alertElem+' class="validity-alert-wrapper" role="alert"><span class="validity-alert"><span class="va-arrow"><span class="va-arrow-box"></span></span><span class="va-box"></span></span></'+alertElem+'>').css({position: 'absolute', display: 'none'}); + webshims.ready('DOM', function(){ + errorBubble.appendTo('body'); + if($.fn.bgIframe && $.browser.msie && parseInt($.browser.version, 10) < 7){ + errorBubble.bgIframe(); + } + }); + } + }; + + + boundHide = $.proxy(api, 'hide'); + + return api; + })(); + + + /* extension, but also used to fix native implementation workaround/bugfixes */ + (function(){ + var firstEvent, + invalids = [], + stopSubmitTimer, + form + ; + + $(document).on('invalid', function(e){ + if(e.wrongWebkitInvalid){return;} + var jElm = $(e.target); + var shadowElem = jElm.getShadowElement(); + if(!shadowElem.hasClass(invalidClass)){ + shadowElem.addClass(invalidClasses).removeClass(validClasses); + setTimeout(function(){ + $(e.target).trigger('changedinvalid').trigger('changedvaliditystate'); + }, 0); + } + + if(!firstEvent){ + //trigger firstinvalid + firstEvent = $.Event('firstinvalid'); + firstEvent.isInvalidUIPrevented = e.isDefaultPrevented; + var firstSystemInvalid = $.Event('firstinvalidsystem'); + $(document).triggerHandler(firstSystemInvalid, {element: e.target, form: e.target.form, isInvalidUIPrevented: e.isDefaultPrevented}); + jElm.trigger(firstEvent); + } + + //if firstinvalid was prevented all invalids will be also prevented + if( firstEvent && firstEvent.isDefaultPrevented() ){ + e.preventDefault(); + } + invalids.push(e.target); + e.extraData = 'fix'; + clearTimeout(stopSubmitTimer); + stopSubmitTimer = setTimeout(function(){ + var lastEvent = {type: 'lastinvalid', cancelable: false, invalidlist: $(invalids)}; + //reset firstinvalid + firstEvent = false; + invalids = []; + $(e.target).trigger(lastEvent, lastEvent); + }, 9); + jElm = null; + shadowElem = null; + }); + })(); + + $.fn.getErrorMessage = function(){ + var message = ''; + var elem = this[0]; + if(elem){ + message = getContentValidationMessage(elem) || $.prop(elem, 'customValidationMessage') || $.prop(elem, 'validationMessage'); + } + return message; + }; + + if(options.replaceValidationUI){ + webshims.ready('DOM forms', function(){ + $(document).on('firstinvalid', function(e){ + if(!e.isInvalidUIPrevented()){ + e.preventDefault(); + $.webshims.validityAlert.showFor( e.target ); + } + }); + }); + } + +}); +jQuery.webshims.register('form-message', function($, webshims, window, document, undefined, options){ + "use strict"; + var validityMessages = webshims.validityMessages; + + var implementProperties = (options.overrideMessages || options.customMessages) ? ['customValidationMessage'] : []; + + validityMessages['en'] = $.extend(true, { + typeMismatch: { + email: 'Please enter an email address.', + url: 'Please enter a URL.', + number: 'Please enter a number.', + date: 'Please enter a date.', + time: 'Please enter a time.', + range: 'Invalid input.', + "datetime-local": 'Please enter a datetime.' + }, + rangeUnderflow: { + defaultMessage: 'Value must be greater than or equal to {%min}.' + }, + rangeOverflow: { + defaultMessage: 'Value must be less than or equal to {%max}.' + }, + stepMismatch: 'Invalid input.', + tooLong: 'Please enter at most {%maxlength} character(s). You entered {%valueLen}.', + + patternMismatch: 'Invalid input. {%title}', + valueMissing: { + defaultMessage: 'Please fill out this field.', + checkbox: 'Please check this box if you want to proceed.' + } + }, (validityMessages['en'] || validityMessages['en-US'] || {})); + + + ['select', 'radio'].forEach(function(type){ + if(typeof validityMessages['en'].valueMissing == 'object'){ + validityMessages['en'].valueMissing[type] = 'Please select an option.'; + } + }); + + ['date', 'time', 'datetime-local'].forEach(function(type){ + if(typeof validityMessages['en'].rangeUnderflow == 'object'){ + validityMessages.en.rangeUnderflow[type] = 'Value must be at or after {%min}.'; + } + }); + ['date', 'time', 'datetime-local'].forEach(function(type){ + if(typeof validityMessages['en'].rangeOverflow == 'object'){ + validityMessages.en.rangeOverflow[type] = 'Value must be at or before {%max}.'; + } + }); + + validityMessages['en-US'] = validityMessages['en-US'] || validityMessages['en']; + validityMessages[''] = validityMessages[''] || validityMessages['en-US']; + + validityMessages['de'] = $.extend(true, { + typeMismatch: { + email: '{%value} ist keine zulässige E-Mail-Adresse', + url: '{%value} ist keine zulässige Webadresse', + number: '{%value} ist keine Nummer!', + date: '{%value} ist kein Datum', + time: '{%value} ist keine Uhrzeit', + range: '{%value} ist keine Nummer!', + "datetime-local": '{%value} ist kein Datum-Uhrzeit Format.' + }, + rangeUnderflow: { + defaultMessage: '{%value} ist zu niedrig. {%min} ist der unterste Wert, den Sie benutzen können.' + }, + rangeOverflow: { + defaultMessage: '{%value} ist zu hoch. {%max} ist der oberste Wert, den Sie benutzen können.' + }, + stepMismatch: 'Der Wert {%value} ist in diesem Feld nicht zulässig. Hier sind nur bestimmte Werte zulässig. {%title}', + tooLong: 'Der eingegebene Text ist zu lang! Sie haben {%valueLen} Zeichen eingegeben, dabei sind {%maxlength} das Maximum.', + patternMismatch: '{%value} hat für dieses Eingabefeld ein falsches Format! {%title}', + valueMissing: { + defaultMessage: 'Bitte geben Sie einen Wert ein', + checkbox: 'Bitte aktivieren Sie das Kästchen' + } + }, (validityMessages['de'] || {})); + + ['select', 'radio'].forEach(function(type){ + if(typeof validityMessages['de'].valueMissing == 'object'){ + validityMessages['de'].valueMissing[type] = 'Bitte wählen Sie eine Option aus'; + } + }); + + ['date', 'time', 'datetime-local'].forEach(function(type){ + if(typeof validityMessages['de'].rangeUnderflow == 'object'){ + validityMessages.de.rangeUnderflow[type] = '{%value} ist zu früh. {%min} ist die früheste Zeit, die Sie benutzen können.'; + } + }); + ['date', 'time', 'datetime-local'].forEach(function(type){ + if(typeof validityMessages['de'].rangeOverflow == 'object'){ + validityMessages.de.rangeOverflow[type] = '{%value} ist zu spät. {%max} ist die späteste Zeit, die Sie benutzen können.'; + } + }); + + var currentValidationMessage = validityMessages['']; + + + webshims.createValidationMessage = function(elem, name){ + var message = currentValidationMessage[name]; + if(message && typeof message !== 'string'){ + message = message[ $.prop(elem, 'type') ] || message[ (elem.nodeName || '').toLowerCase() ] || message[ 'defaultMessage' ]; + } + if(message){ + ['value', 'min', 'max', 'title', 'maxlength', 'label'].forEach(function(attr){ + if(message.indexOf('{%'+attr) === -1){return;} + var val = ((attr == 'label') ? $.trim($('label[for="'+ elem.id +'"]', elem.form).text()).replace(/\*$|:$/, '') : $.attr(elem, attr)) || ''; + if(name == 'patternMismatch' && attr == 'title' && !val){ + webshims.error('no title for patternMismatch provided. Always add a title attribute.'); + } + message = message.replace('{%'+ attr +'}', val); + if('value' == attr){ + message = message.replace('{%valueLen}', val.length); + } + }); + } + return message || ''; + }; + + + if(webshims.bugs.validationMessage || !Modernizr.formvalidation || webshims.bugs.bustedValidity){ + implementProperties.push('validationMessage'); + } + + webshims.activeLang({ + langObj: validityMessages, + module: 'form-core', + callback: function(langObj){ + currentValidationMessage = langObj; + } + }); + + implementProperties.forEach(function(messageProp){ + webshims.defineNodeNamesProperty(['fieldset', 'output', 'button'], messageProp, { + prop: { + value: '', + writeable: false + } + }); + ['input', 'select', 'textarea'].forEach(function(nodeName){ + var desc = webshims.defineNodeNameProperty(nodeName, messageProp, { + prop: { + get: function(){ + var elem = this; + var message = ''; + if(!$.prop(elem, 'willValidate')){ + return message; + } + + var validity = $.prop(elem, 'validity') || {valid: 1}; + + if(validity.valid){return message;} + message = webshims.getContentValidationMessage(elem, validity); + + if(message){return message;} + + if(validity.customError && elem.nodeName){ + message = (Modernizr.formvalidation && !webshims.bugs.bustedValidity && desc.prop._supget) ? desc.prop._supget.call(elem) : webshims.data(elem, 'customvalidationMessage'); + if(message){return message;} + } + $.each(validity, function(name, prop){ + if(name == 'valid' || !prop){return;} + + message = webshims.createValidationMessage(elem, name); + if(message){ + return false; + } + }); + return message || ''; + }, + writeable: false + } + }); + }); + + }); +}); +(function($, Modernizr, webshims){ + "use strict"; + var hasNative = Modernizr.audio && Modernizr.video; + var supportsLoop = false; + var bugs = webshims.bugs; + + var loadSwf = function(){ + webshims.ready(swfType, function(){ + if(!webshims.mediaelement.createSWF){ + webshims.mediaelement.loadSwf = true; + webshims.reTest([swfType], hasNative); + } + }); + }; + var options = webshims.cfg.mediaelement; + var swfType = options && options.player == 'jwplayer' ? 'mediaelement-swf' : 'mediaelement-jaris'; + var hasSwf; + if(!options){ + webshims.error("mediaelement wasn't implemented but loaded"); + return; + } + if(hasNative){ + var videoElem = document.createElement('video'); + Modernizr.videoBuffered = ('buffered' in videoElem); + supportsLoop = ('loop' in videoElem); + + webshims.capturingEvents(['play', 'playing', 'waiting', 'paused', 'ended', 'durationchange', 'loadedmetadata', 'canplay', 'volumechange']); + + if(!Modernizr.videoBuffered){ + webshims.addPolyfill('mediaelement-native-fix', { + f: 'mediaelement', + test: Modernizr.videoBuffered, + d: ['dom-support'] + }); + + webshims.reTest('mediaelement-native-fix'); + } + } + + if(hasNative && !options.preferFlash){ + var switchOptions = function(e){ + var parent = e.target.parentNode; + if(!options.preferFlash && ($(e.target).is('audio, video') || (parent && $('source:last', parent)[0] == e.target)) ){ + webshims.ready('DOM mediaelement', function(){ + if(hasSwf){ + loadSwf(); + } + webshims.ready('WINDOWLOAD '+swfType, function(){ + setTimeout(function(){ + if(hasSwf && !options.preferFlash && webshims.mediaelement.createSWF && !$(e.target).closest('audio, video').is('.nonnative-api-active')){ + options.preferFlash = true; + document.removeEventListener('error', switchOptions, true); + $('audio, video').mediaLoad(); + webshims.info("switching mediaelements option to 'preferFlash', due to an error with native player: "+e.target.src); + } else if(!hasSwf){ + document.removeEventListener('error', switchOptions, true); + } + }, 20); + }); + }); + } + }; + document.addEventListener('error', switchOptions, true); + $('audio, video').each(function(){ + if(this.error){ + switchOptions({target: this}); + } + }); + } + + + if(Modernizr.track && !bugs.track){ + (function(){ + + if(!bugs.track){ + bugs.track = typeof $('<track />')[0].readyState != 'number'; + } + + if(!bugs.track){ + try { + new TextTrackCue(2, 3, ''); + } catch(e){ + bugs.track = true; + } + } + + var trackOptions = webshims.cfg.track; + var trackListener = function(e){ + $(e.target).filter('track').each(changeApi); + }; + var changeApi = function(){ + if(bugs.track || (!trackOptions.override && $.prop(this, 'readyState') == 3)){ + trackOptions.override = true; + webshims.reTest('track'); + document.removeEventListener('error', trackListener, true); + if(this && $.nodeName(this, 'track')){ + webshims.error("track support was overwritten. Please check your vtt including your vtt mime-type"); + } else { + webshims.info("track support was overwritten. due to bad browser support"); + } + } + }; + var detectTrackError = function(){ + document.addEventListener('error', trackListener, true); + + if(bugs.track){ + changeApi(); + } else { + $('track').each(changeApi); + } + }; + if(!trackOptions.override){ + if(webshims.isReady('track')){ + detectTrackError(); + } else { + $(detectTrackError); + } + } + })(); + + } + +webshims.register('mediaelement-core', function($, webshims, window, document, undefined){ + hasSwf = swfobject.hasFlashPlayerVersion('9.0.115'); + $('html').addClass(hasSwf ? 'swf' : 'no-swf'); + var mediaelement = webshims.mediaelement; + mediaelement.parseRtmp = function(data){ + var src = data.src.split('://'); + var paths = src[1].split('/'); + var i, len, found; + data.server = src[0]+'://'+paths[0]+'/'; + data.streamId = []; + for(i = 1, len = paths.length; i < len; i++){ + if(!found && paths[i].indexOf(':') !== -1){ + paths[i] = paths[i].split(':')[1]; + found = true; + } + if(!found){ + data.server += paths[i]+'/'; + } else { + data.streamId.push(paths[i]); + } + } + if(!data.streamId.length){ + webshims.error('Could not parse rtmp url'); + } + data.streamId = data.streamId.join('/'); + }; + var getSrcObj = function(elem, nodeName){ + elem = $(elem); + var src = {src: elem.attr('src') || '', elem: elem, srcProp: elem.prop('src')}; + var tmp; + + if(!src.src){return src;} + + tmp = elem.attr('data-server'); + if(tmp != null){ + src.server = tmp; + } + + tmp = elem.attr('type'); + if(tmp){ + src.type = tmp; + src.container = $.trim(tmp.split(';')[0]); + } else { + if(!nodeName){ + nodeName = elem[0].nodeName.toLowerCase(); + if(nodeName == 'source'){ + nodeName = (elem.closest('video, audio')[0] || {nodeName: 'video'}).nodeName.toLowerCase(); + } + } + if(src.server){ + src.type = nodeName+'/rtmp'; + src.container = nodeName+'/rtmp'; + } else { + + tmp = mediaelement.getTypeForSrc( src.src, nodeName, src ); + + if(tmp){ + src.type = tmp; + src.container = tmp; + } + } + } + tmp = elem.attr('media'); + if(tmp){ + src.media = tmp; + } + if(src.type == 'audio/rtmp' || src.type == 'video/rtmp'){ + if(src.server){ + src.streamId = src.src; + } else { + mediaelement.parseRtmp(src); + } + } + return src; + }; + + + + var hasYt = !hasSwf && ('postMessage' in window) && hasNative; + + var loadTrackUi = function(){ + if(loadTrackUi.loaded){return;} + loadTrackUi.loaded = true; + $(function(){ + webshims.loader.loadList(['track-ui']); + }); + }; + var loadYt = (function(){ + var loaded; + return function(){ + if(loaded || !hasYt){return;} + loaded = true; + webshims.loader.loadScript("https://www.youtube.com/player_api"); + $(function(){ + webshims.polyfill("mediaelement-yt"); + }); + }; + })(); + var loadThird = function(){ + if(hasSwf){ + loadSwf(); + } else { + loadYt(); + } + }; + + webshims.addPolyfill('mediaelement-yt', { + test: !hasYt, + d: ['dom-support'] + }); + + mediaelement.mimeTypes = { + audio: { + //ogm shouldn´t be used! + 'audio/ogg': ['ogg','oga', 'ogm'], + 'audio/ogg;codecs="opus"': 'opus', + 'audio/mpeg': ['mp2','mp3','mpga','mpega'], + 'audio/mp4': ['mp4','mpg4', 'm4r', 'm4a', 'm4p', 'm4b', 'aac'], + 'audio/wav': ['wav'], + 'audio/3gpp': ['3gp','3gpp'], + 'audio/webm': ['webm'], + 'audio/fla': ['flv', 'f4a', 'fla'], + 'application/x-mpegURL': ['m3u8', 'm3u'] + }, + video: { + //ogm shouldn´t be used! + 'video/ogg': ['ogg','ogv', 'ogm'], + 'video/mpeg': ['mpg','mpeg','mpe'], + 'video/mp4': ['mp4','mpg4', 'm4v'], + 'video/quicktime': ['mov','qt'], + 'video/x-msvideo': ['avi'], + 'video/x-ms-asf': ['asf', 'asx'], + 'video/flv': ['flv', 'f4v'], + 'video/3gpp': ['3gp','3gpp'], + 'video/webm': ['webm'], + 'application/x-mpegURL': ['m3u8', 'm3u'], + 'video/MP2T': ['ts'] + } + } + ; + + mediaelement.mimeTypes.source = $.extend({}, mediaelement.mimeTypes.audio, mediaelement.mimeTypes.video); + + mediaelement.getTypeForSrc = function(src, nodeName, data){ + if(src.indexOf('youtube.com/watch?') != -1 || src.indexOf('youtube.com/v/') != -1){ + return 'video/youtube'; + } + if(src.indexOf('rtmp') === 0){ + return nodeName+'/rtmp'; + } + src = src.split('?')[0].split('.'); + src = src[src.length - 1]; + var mt; + + $.each(mediaelement.mimeTypes[nodeName], function(mimeType, exts){ + if(exts.indexOf(src) !== -1){ + mt = mimeType; + return false; + } + }); + return mt; + }; + + + mediaelement.srces = function(mediaElem, srces){ + mediaElem = $(mediaElem); + if(!srces){ + srces = []; + var nodeName = mediaElem[0].nodeName.toLowerCase(); + var src = getSrcObj(mediaElem, nodeName); + + if(!src.src){ + + $('source', mediaElem).each(function(){ + src = getSrcObj(this, nodeName); + if(src.src){srces.push(src);} + }); + } else { + srces.push(src); + } + return srces; + } else { + mediaElem.removeAttr('src').removeAttr('type').find('source').remove(); + if(!$.isArray(srces)){ + srces = [srces]; + } + srces.forEach(function(src){ + var source = document.createElement('source'); + if(typeof src == 'string'){ + src = {src: src}; + } + source.setAttribute('src', src.src); + if(src.type){ + source.setAttribute('type', src.type); + } + if(src.media){ + source.setAttribute('media', src.media); + } + mediaElem.append(source); + }); + + } + }; + + + $.fn.loadMediaSrc = function(srces, poster){ + return this.each(function(){ + if(poster !== undefined){ + $(this).removeAttr('poster'); + if(poster){ + $.attr(this, 'poster', poster); + } + } + mediaelement.srces(this, srces); + $(this).mediaLoad(); + }); + }; + + mediaelement.swfMimeTypes = ['video/3gpp', 'video/x-msvideo', 'video/quicktime', 'video/x-m4v', 'video/mp4', 'video/m4p', 'video/x-flv', 'video/flv', 'audio/mpeg', 'audio/aac', 'audio/mp4', 'audio/x-m4a', 'audio/m4a', 'audio/mp3', 'audio/x-fla', 'audio/fla', 'youtube/flv', 'jwplayer/jwplayer', 'video/youtube', 'video/rtmp', 'audio/rtmp']; + + mediaelement.canThirdPlaySrces = function(mediaElem, srces){ + var ret = ''; + if(hasSwf || hasYt){ + mediaElem = $(mediaElem); + srces = srces || mediaelement.srces(mediaElem); + $.each(srces, function(i, src){ + if(src.container && src.src && ((hasSwf && mediaelement.swfMimeTypes.indexOf(src.container) != -1) || (hasYt && src.container == 'video/youtube'))){ + ret = src; + return false; + } + }); + + } + + return ret; + }; + + var nativeCanPlayType = {}; + mediaelement.canNativePlaySrces = function(mediaElem, srces){ + var ret = ''; + if(hasNative){ + mediaElem = $(mediaElem); + var nodeName = (mediaElem[0].nodeName || '').toLowerCase(); + if(!nativeCanPlayType[nodeName]){return ret;} + srces = srces || mediaelement.srces(mediaElem); + + $.each(srces, function(i, src){ + if(src.type && nativeCanPlayType[nodeName].prop._supvalue.call(mediaElem[0], src.type) ){ + ret = src; + return false; + } + }); + } + return ret; + }; + + mediaelement.setError = function(elem, message){ + if(!message){ + message = "can't play sources"; + } + + $(elem).pause().data('mediaerror', message); + webshims.warn('mediaelementError: '+ message); + setTimeout(function(){ + if($(elem).data('mediaerror')){ + $(elem).trigger('mediaerror'); + } + }, 1); + }; + + var handleThird = (function(){ + var requested; + return function( mediaElem, ret, data ){ + if(!requested){ + loadTrackUi(); + } + webshims.ready(hasSwf ? swfType : 'mediaelement-yt', function(){ + if(mediaelement.createSWF){ + mediaelement.createSWF( mediaElem, ret, data ); + } else if(!requested) { + requested = true; + loadThird(); + //readd to ready + handleThird( mediaElem, ret, data ); + } + }); + if(!requested && hasYt && !mediaelement.createSWF){ + loadYt(); + } + }; + })(); + + var stepSources = function(elem, data, useSwf, _srces, _noLoop){ + var ret; + if(useSwf || (useSwf !== false && data && data.isActive == 'third')){ + ret = mediaelement.canThirdPlaySrces(elem, _srces); + if(!ret){ + if(_noLoop){ + mediaelement.setError(elem, false); + } else { + stepSources(elem, data, false, _srces, true); + } + } else { + handleThird(elem, ret, data); + } + } else { + ret = mediaelement.canNativePlaySrces(elem, _srces); + if(!ret){ + if(_noLoop){ + mediaelement.setError(elem, false); + if(data && data.isActive == 'third') { + mediaelement.setActive(elem, 'html5', data); + } + } else { + stepSources(elem, data, true, _srces, true); + } + } else if(data && data.isActive == 'third') { + mediaelement.setActive(elem, 'html5', data); + } + } + }; + var stopParent = /^(?:embed|object|datalist)$/i; + var selectSource = function(elem, data){ + var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {}); + var _srces = mediaelement.srces(elem); + var parent = elem.parentNode; + + clearTimeout(baseData.loadTimer); + $.data(elem, 'mediaerror', false); + + if(!_srces.length || !parent || parent.nodeType != 1 || stopParent.test(parent.nodeName || '')){return;} + data = data || webshims.data(elem, 'mediaelement'); + stepSources(elem, data, options.preferFlash || undefined, _srces); + }; + + + $(document).on('ended', function(e){ + var data = webshims.data(e.target, 'mediaelement'); + if( supportsLoop && (!data || data.isActive == 'html5') && !$.prop(e.target, 'loop')){return;} + setTimeout(function(){ + if( $.prop(e.target, 'paused') || !$.prop(e.target, 'loop') ){return;} + $(e.target).prop('currentTime', 0).play(); + }, 1); + + }); + if(!supportsLoop){ + webshims.defineNodeNamesBooleanProperty(['audio', 'video'], 'loop'); + } + + ['audio', 'video'].forEach(function(nodeName){ + var supLoad = webshims.defineNodeNameProperty(nodeName, 'load', { + prop: { + value: function(){ + var data = webshims.data(this, 'mediaelement'); + selectSource(this, data); + if(hasNative && (!data || data.isActive == 'html5') && supLoad.prop._supvalue){ + supLoad.prop._supvalue.apply(this, arguments); + } + } + } + }); + nativeCanPlayType[nodeName] = webshims.defineNodeNameProperty(nodeName, 'canPlayType', { + prop: { + value: function(type){ + var ret = ''; + if(hasNative && nativeCanPlayType[nodeName].prop._supvalue){ + ret = nativeCanPlayType[nodeName].prop._supvalue.call(this, type); + if(ret == 'no'){ + ret = ''; + } + } + if(!ret && hasSwf){ + type = $.trim((type || '').split(';')[0]); + if(mediaelement.swfMimeTypes.indexOf(type) != -1){ + ret = 'maybe'; + } + } + return ret; + } + } + }); + }); + webshims.onNodeNamesPropertyModify(['audio', 'video'], ['src', 'poster'], { + set: function(){ + var elem = this; + var baseData = webshims.data(elem, 'mediaelementBase') || webshims.data(elem, 'mediaelementBase', {}); + clearTimeout(baseData.loadTimer); + baseData.loadTimer = setTimeout(function(){ + selectSource(elem); + elem = null; + }, 9); + } + }); + + var initMediaElements = function(){ + + webshims.addReady(function(context, insertedElement){ + var media = $('video, audio', context) + .add(insertedElement.filter('video, audio')) + .each(function(){ + if($.browser.msie && webshims.browserVersion > 8 && $.prop(this, 'paused') && !$.prop(this, 'readyState') && $(this).is('audio[preload="none"][controls]:not([autoplay])')){ + $(this).prop('preload', 'metadata').mediaLoad(); + } else { + selectSource(this); + } + + + + if(hasNative){ + var bufferTimer; + var lastBuffered; + var elem = this; + var getBufferedString = function(){ + var buffered = $.prop(elem, 'buffered'); + if(!buffered){return;} + var bufferString = ""; + for(var i = 0, len = buffered.length; i < len;i++){ + bufferString += buffered.end(i); + } + return bufferString; + }; + var testBuffer = function(){ + var buffered = getBufferedString(); + if(buffered != lastBuffered){ + lastBuffered = buffered; + $(elem).triggerHandler('progress'); + } + }; + + $(this) + .on({ + 'play loadstart progress': function(e){ + if(e.type == 'progress'){ + lastBuffered = getBufferedString(); + } + clearTimeout(bufferTimer); + bufferTimer = setTimeout(testBuffer, 999); + }, + 'emptied stalled mediaerror abort suspend': function(e){ + if(e.type == 'emptied'){ + lastBuffered = false; + } + clearTimeout(bufferTimer); + } + }) + ; + } + + }) + ; + if(!loadTrackUi.loaded && $('track', media).length){ + loadTrackUi(); + } + media = null; + }); + }; + + if(Modernizr.track && !bugs.track){ + webshims.defineProperty(TextTrack.prototype, 'shimActiveCues', { + get: function(){ + return this._shimActiveCues || this.activeCues; + } + }); + } + //set native implementation ready, before swf api is retested + if(hasNative){ + webshims.isReady('mediaelement-core', true); + initMediaElements(); + webshims.ready('WINDOWLOAD mediaelement', loadThird); + } else { + webshims.ready(swfType, initMediaElements); + } + webshims.ready('WINDOWLOAD mediaelement', loadTrackUi); +}); })(jQuery, Modernizr, jQuery.webshims); \ No newline at end of file