2014-07-17 16:45:12 +02:00
//this might was already extended by ES5 shim feature
( function ( $ ) {
"use strict" ;
var webshims = window . webshims ;
if ( webshims . defineProperties ) { return ; }
var defineProperty = 'defineProperty' ;
var has = Object . prototype . hasOwnProperty ;
var descProps = [ 'configurable' , 'enumerable' , 'writable' ] ;
var extendUndefined = function ( prop ) {
for ( var i = 0 ; i < 3 ; i ++ ) {
if ( prop [ descProps [ i ] ] === undefined && ( descProps [ i ] !== 'writable' || prop . value !== undefined ) ) {
prop [ descProps [ i ] ] = true ;
}
}
} ;
var extendProps = function ( props ) {
if ( props ) {
for ( var i in props ) {
if ( has . call ( props , i ) ) {
extendUndefined ( props [ i ] ) ;
}
}
}
} ;
if ( Object . create ) {
webshims . objectCreate = function ( proto , props , opts ) {
extendProps ( props ) ;
var o = Object . create ( proto , props ) ;
if ( opts ) {
o . options = $ . extend ( true , { } , o . options || { } , opts ) ;
opts = o . options ;
}
if ( o . _create && $ . isFunction ( o . _create ) ) {
o . _create ( opts ) ;
}
return o ;
} ;
}
if ( Object [ defineProperty ] ) {
webshims [ defineProperty ] = function ( obj , prop , desc ) {
extendUndefined ( desc ) ;
return Object [ defineProperty ] ( obj , prop , desc ) ;
} ;
}
if ( Object . defineProperties ) {
webshims . defineProperties = function ( obj , props ) {
extendProps ( props ) ;
return Object . defineProperties ( obj , props ) ;
} ;
}
webshims . getOwnPropertyDescriptor = Object . getOwnPropertyDescriptor ;
webshims . getPrototypeOf = Object . getPrototypeOf ;
} ) ( window . webshims . $ ) ;
//DOM-Extension helper
webshims . register ( 'dom-extend' , function ( $ , webshims , window , document , undefined ) {
"use strict" ;
var supportHrefNormalized = ! ( 'hrefNormalized' in $ . support ) || $ . support . hrefNormalized ;
var has = Object . prototype . hasOwnProperty ;
webshims . assumeARIA = true ;
if ( $ ( '<input type="email" />' ) . attr ( 'type' ) == 'text' || $ ( '<form />' ) . attr ( 'novalidate' ) === "" || ( 'required' in $ ( '<input />' ) [ 0 ] . attributes ) ) {
2014-09-03 00:57:03 +02:00
webshims . error ( "IE browser modes are busted in IE10+. Make sure to run IE in edge mode (X-UA-Compatible). Please test your HTML/CSS/JS with a real IE version or at least IETester or similar tools. " ) ;
2014-07-17 16:45:12 +02:00
}
if ( ! webshims . cfg . no$Switch ) {
var switch $ = function ( ) {
if ( window . jQuery && ( ! window . $ || window . jQuery == window . $ ) && ! window . jQuery . webshims ) {
webshims . error ( "jQuery was included more than once. Make sure to include it only once or try the $.noConflict(extreme) feature! Webshims and other Plugins might not work properly. Or set webshims.cfg.no$Switch to 'true'." ) ;
if ( window . $ ) {
window . $ = webshims . $ ;
}
window . jQuery = webshims . $ ;
}
} ;
switch $ ( ) ;
setTimeout ( switch $ , 90 ) ;
webshims . ready ( 'DOM' , switch $ ) ;
$ ( switch $ ) ;
webshims . ready ( 'WINDOWLOAD' , switch $ ) ;
}
//shortcus
var listReg = /\s*,\s*/ ;
//proxying attribute
var olds = { } ;
var havePolyfill = { } ;
var hasPolyfillMethod = { } ;
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 ) ;
} ;
//jquery mobile and jquery ui
if ( ! $ . widget ) {
( function ( ) {
var _cleanData = $ . cleanData ;
$ . cleanData = function ( elems ) {
if ( ! $ . widget ) {
for ( var i = 0 , elem ; ( elem = elems [ i ] ) != null ; i ++ ) {
try {
$ ( elem ) . triggerHandler ( "remove" ) ;
// http://bugs.jquery.com/ticket/8235
} catch ( e ) { }
}
}
_cleanData ( elems ) ;
} ;
} ) ( ) ;
}
$ . 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' ) ;
}
}
} ) ;
} ;
$ . fn . onTrigger = function ( evt , fn ) {
return this . on ( evt , fn ) . each ( fn ) ;
} ;
$ . fn . onWSOff = function ( evt , fn , trigger , evtDel ) {
if ( ! evtDel ) {
evtDel = document ;
}
$ ( evtDel ) [ trigger ? 'onTrigger' : 'on' ] ( evt , fn ) ;
this . on ( 'remove' , function ( e ) {
if ( ! e . originalEvent ) {
$ ( evtDel ) . off ( evt , fn ) ;
}
} ) ;
return this ;
} ;
var idCount = 0 ;
var dataID = '_webshims' + ( 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 ( ) {
var elems = [ ] ;
this . each ( function ( ) {
var shadowData = elementData ( this , 'shadowData' ) ;
var elem = shadowData && shadowData [ data . prop ] || this ;
if ( $ . inArray ( elem , elems ) == - 1 ) {
elems . push ( elem ) ;
}
} ) ;
return this . pushStack ( elems ) ;
} ;
} ) ;
function clone ( elem , dataAndEvents , uniqueIds ) {
var cloned = $ . clone ( elem , dataAndEvents , false ) ;
$ ( cloned . querySelectorAll ( '.' + webshims . shadowClass ) ) . detach ( ) ;
if ( uniqueIds ) {
idCount ++ ;
$ ( cloned . querySelectorAll ( '[id]' ) ) . prop ( 'id' , function ( i , id ) {
return id + idCount ;
} ) ;
} else {
$ ( cloned . querySelectorAll ( 'audio[id^="ID-"], video[id^="ID-"], label[id^="ID-"]' ) ) . removeAttr ( 'id' ) ;
}
return cloned ;
}
$ . fn . clonePolyfill = function ( dataAndEvents , uniqueIds ) {
dataAndEvents = dataAndEvents || false ;
return this
. map ( function ( ) {
var cloned = clone ( this , dataAndEvents , uniqueIds ) ;
setTimeout ( function ( ) {
if ( $ . contains ( document . body , cloned ) ) {
$ ( cloned ) . updatePolyfill ( ) ;
}
} ) ;
return cloned ;
} )
;
} ;
//add support for $('video').trigger('play') in case extendNative is set to false
if ( ! webshims . cfg . extendNative && ! webshims . cfg . noTriggerOverride ) {
( function ( oldTrigger ) {
$ . event . trigger = function ( event , data , elem , onlyHandlers ) {
if ( ! hasPolyfillMethod [ event ] || onlyHandlers || ! elem || elem . nodeType !== 1 ) {
return oldTrigger . apply ( this , arguments ) ;
}
var ret , isOrig , origName ;
var origFn = elem [ event ] ;
var polyfilledFn = $ . prop ( elem , event ) ;
var changeFn = polyfilledFn && origFn != polyfilledFn ;
if ( changeFn ) {
origName = '__ws' + event ;
isOrig = ( event in elem ) && has . call ( elem , event ) ;
elem [ event ] = polyfilledFn ;
elem [ origName ] = origFn ;
}
ret = oldTrigger . apply ( this , arguments ) ;
if ( changeFn ) {
if ( isOrig ) {
elem [ event ] = origFn ;
} else {
delete elem [ event ] ;
}
delete elem [ origName ] ;
}
return ret ;
} ;
} ) ( $ . event . trigger ) ;
}
[ '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 ) {
var origProp ;
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 ) {
origProp = '__ws' + prop ;
hasPolyfillMethod [ prop ] = true ;
return function ( value ) {
var sup = this [ origProp ] || 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 ) ; } :
function ( ) { webshims . info ( prop + ' is readonly on ' + nodeName ) ; }
;
}
if ( ! desc . get ) {
desc . get = getSup ( 'get' , desc , oldDesc ) ;
}
}
[ 'value' , 'get' , 'set' ] . forEach ( function ( descProp ) {
if ( desc [ descProp ] ) {
desc [ '_sup' + descProp ] = getSup ( descProp , oldDesc ) ;
}
} ) ;
} ;
} ) ;
var extendNativeValue = ( function ( ) {
var UNKNOWN = webshims . getPrototypeOf ( document . createElement ( 'foobar' ) ) ;
//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 = webshims . support . advancedObjectProperties && webshims . support . objectAccessor ;
return function ( nodeName , prop , desc ) {
var elem , elemProto ;
if ( isExtendNativeSave && ( elem = document . createElement ( nodeName ) ) && ( elemProto = webshims . getPrototypeOf ( elem ) ) && 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 ) ;
}
} ;
2014-08-01 01:38:33 +02:00
2014-07-17 16:45:12 +02:00
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 , {
2014-08-01 01:38:33 +02:00
xProps : havePolyfill ,
2014-07-17 16:45:12 +02:00
getID : ( function ( ) {
var ID = new Date ( ) . getTime ( ) ;
return function ( elem ) {
elem = $ ( elem ) ;
var id = elem . prop ( 'id' ) ;
if ( ! id ) {
ID ++ ;
id = 'ID-' + ID ;
elem . eq ( 0 ) . prop ( 'id' , id ) ;
}
return id ;
} ;
} ) ( ) ,
2014-08-01 01:38:33 +02:00
domPrefixes : [ "ws" , "webkit" , "moz" , "ms" , "o" ] ,
prefixed : function ( prop , obj ) {
var i , testProp ;
var ret = false ;
if ( obj [ prop ] ) {
ret = prop ;
}
if ( ! ret ) {
prop = prop . charAt ( 0 ) . toUpperCase ( ) + prop . slice ( 1 ) ;
for ( i = 0 ; i < webshims . domPrefixes . length ; i ++ ) {
testProp = webshims . domPrefixes [ i ] + prop ;
if ( testProp in obj ) {
ret = testProp ;
break ;
}
}
}
return ret ;
} ,
2014-07-17 16:45:12 +02:00
shadowClass : 'wsshadow-' + ( Date . now ( ) ) ,
implement : function ( elem , type ) {
var data = elementData ( elem , 'implemented' ) || elementData ( elem , 'implemented' , { } ) ;
if ( data [ type ] ) {
webshims . warn ( type + ' already implemented for element #' + elem . id ) ;
return false ;
}
2014-07-20 02:43:13 +02:00
2014-07-17 16:45:12 +02:00
data [ type ] = true ;
2014-07-20 02:43:13 +02:00
return ! $ ( elem ) . hasClass ( 'ws-nopolyfill' ) ;
2014-07-17 16:45:12 +02:00
} ,
extendUNDEFProp : function ( obj , props ) {
$ . each ( props , function ( name , prop ) {
if ( ! ( name in obj ) ) {
obj [ name ] = prop ;
}
} ) ;
} ,
getOptions : ( function ( ) {
var normalName = /\-([a-z])/g ;
var regs = { } ;
var nameRegs = { } ;
var regFn = function ( f , upper ) {
return upper . toLowerCase ( ) ;
} ;
var nameFn = function ( f , dashed ) {
return dashed . toUpperCase ( ) ;
} ;
return function ( elem , name , bases , stringAllowed ) {
if ( nameRegs [ name ] ) {
name = nameRegs [ name ] ;
} else {
nameRegs [ name ] = name . replace ( normalName , nameFn ) ;
name = nameRegs [ name ] ;
}
var data = elementData ( elem , 'cfg' + name ) ;
var dataName ;
var cfg = { } ;
if ( data ) {
return data ;
}
data = $ ( elem ) . data ( ) ;
if ( data && typeof data [ name ] == 'string' ) {
if ( stringAllowed ) {
return elementData ( elem , 'cfg' + name , data [ name ] ) ;
}
webshims . error ( 'data-' + name + ' attribute has to be a valid JSON, was: ' + data [ name ] ) ;
}
if ( ! bases ) {
bases = [ true , { } ] ;
} else if ( ! Array . isArray ( bases ) ) {
bases = [ true , { } , bases ] ;
} else {
bases . unshift ( true , { } ) ;
}
if ( data && typeof data [ name ] == 'object' ) {
bases . push ( data [ name ] ) ;
}
if ( ! regs [ name ] ) {
regs [ name ] = new RegExp ( '^' + name + '([A-Z])' ) ;
}
for ( dataName in data ) {
if ( regs [ name ] . test ( dataName ) ) {
cfg [ dataName . replace ( regs [ name ] , regFn ) ] = data [ dataName ] ;
}
}
bases . push ( cfg ) ;
return elementData ( elem , 'cfg' + name , $ . extend . apply ( $ , bases ) ) ;
} ;
} ) ( ) ,
//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 $window = $ ( window ) ;
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 ( ) {
2014-09-03 00:57:03 +02:00
var evt ;
2014-07-17 16:45:12 +02:00
var trigger = function ( ) {
2014-09-03 00:57:03 +02:00
$ ( document ) . triggerHandler ( 'updateshadowdom' , [ evt ] ) ;
2014-07-17 16:45:12 +02:00
} ;
2014-09-03 00:57:03 +02:00
var timed = function ( ) {
if ( evt && evt . type == 'resize' ) {
var width = $window . width ( ) ;
var height = $window . width ( ) ;
2014-07-17 16:45:12 +02:00
2014-09-03 00:57:03 +02:00
if ( height == lastHeight && width == lastWidth ) {
return ;
2014-07-17 16:45:12 +02:00
}
2014-09-03 00:57:03 +02:00
lastHeight = height ;
lastWidth = width ;
}
2014-07-17 16:45:12 +02:00
2014-09-03 00:57:03 +02:00
if ( evt && evt . type != 'docresize' ) {
docObserve . height = docObserve . getHeight ( ) ;
docObserve . width = docObserve . getWidth ( ) ;
}
if ( window . requestAnimationFrame ) {
requestAnimationFrame ( trigger ) ;
} else {
setTimeout ( trigger , 0 ) ;
}
} ;
return function ( e ) {
clearTimeout ( resizeTimer ) ;
evt = e ;
resizeTimer = setTimeout ( timed , ( e . type == 'resize' && ! window . requestAnimationFrame ) ? 50 : 9 ) ;
2014-07-17 16:45:12 +02:00
} ;
} ) ( ) ,
_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 , 999 ) ;
$ ( this . test ) ;
if ( $ . support . boxSizing == null ) {
$ ( function ( ) {
if ( $ . support . boxSizing ) {
docObserve . handler ( { type : 'boxsizing' } ) ;
}
} ) ;
}
webshims . ready ( 'WINDOWLOAD' , this . test ) ;
$ ( document ) . on ( 'updatelayout.webshim pageinit popupafteropen panelbeforeopen tabsactivate collapsibleexpand shown.bs.modal shown.bs.collapse slid.bs.carousel playerdimensionchange' , this . handler ) ;
$ ( window ) . on ( 'resize' , this . handler ) ;
}
}
} ;
webshims . docObserve = function ( ) {
webshims . ready ( 'DOM' , function ( ) {
docObserve . start ( ) ;
} ) ;
} ;
return function ( nativeElem , shadowElem , opts ) {
if ( nativeElem && shadowElem ) {
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 ) ;
}
$ ( nativeElem ) . on ( 'remove' , function ( e ) {
if ( ! e . originalEvent ) {
setTimeout ( function ( ) {
$ ( shadowElem ) . remove ( ) ;
} , 4 ) ;
}
} ) ;
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 ( ! supportHrefNormalized ) {
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 ) {
if ( descs . propType && ! webshims . propTypes [ descs . propType ] ) {
webshims . error ( 'could not finde propType ' + descs . propType ) ;
} else {
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 ) {
if ( descs . useContentAttribute ) {
webshims . contentAttr ( this , prop , val ) ;
} else {
this . setAttribute ( prop , val ) ;
}
if ( descs . set ) {
descs . set . call ( this , true ) ;
}
} ,
get : function ( ) {
var ret = ( descs . useContentAttribute ) ? webshims . contentAttr ( this , prop ) : 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 ) ;
}
} ,
activeLang : ( function ( ) {
var curLang = [ ] ;
var langDatas = [ ] ;
var loading = { } ;
var load = function ( src , obj , loadingLang ) {
obj . _isLoading = true ;
if ( loading [ src ] ) {
loading [ src ] . push ( obj ) ;
} else {
loading [ src ] = [ obj ] ;
webshims . loader . loadScript ( src , function ( ) {
if ( loadingLang == curLang . join ( ) ) {
$ . each ( loading [ src ] , function ( i , obj ) {
select ( obj ) ;
} ) ;
}
delete loading [ src ] ;
} ) ;
}
} ;
var select = function ( obj ) {
var oldLang = obj . _ _active ;
var selectLang = function ( i , lang ) {
obj . _isLoading = false ;
if ( obj [ lang ] || obj . availableLangs . indexOf ( lang ) != - 1 ) {
if ( obj [ lang ] ) {
obj . _ _active = obj [ lang ] ;
obj . _ _activeName = lang ;
} else {
load ( obj . langSrc + lang , obj , curLang . join ( ) ) ;
}
return false ;
}
} ;
$ . each ( curLang , selectLang ) ;
if ( ! obj . _ _active ) {
obj . _ _active = obj [ '' ] ;
obj . _ _activeName = '' ;
}
if ( oldLang != obj . _ _active ) {
$ ( obj ) . trigger ( 'change' ) ;
}
} ;
return function ( lang ) {
var shortLang ;
if ( typeof lang == 'string' ) {
if ( curLang [ 0 ] != lang ) {
curLang = [ lang ] ;
shortLang = curLang [ 0 ] . split ( '-' ) [ 0 ] ;
if ( shortLang && shortLang != lang ) {
curLang . push ( shortLang ) ;
}
langDatas . forEach ( select ) ;
}
} else if ( typeof lang == 'object' ) {
if ( ! lang . _ _active ) {
langDatas . push ( lang ) ;
select ( lang ) ;
}
return lang . _ _active ;
}
return curLang [ 0 ] ;
} ;
} ) ( )
} ) ;
$ . 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 + hidden attribute
( function ( ) {
if ( ( 'content' in document . createElement ( 'template' ) ) ) { return ; }
$ ( function ( ) {
var main = $ ( 'main' ) . attr ( { role : 'main' } ) ;
if ( main . length > 1 ) {
webshims . error ( 'only one main element allowed in document' ) ;
} else if ( main . is ( 'article *, section *' ) ) {
webshims . error ( 'main not allowed inside of article/section elements' ) ;
}
} ) ;
if ( ( 'hidden' in document . createElement ( 'a' ) ) ) {
return ;
}
webshims . defineNodeNamesBooleanProperty ( [ '*' ] , 'hidden' ) ;
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' ) ;
}
}
} ) ;
} ) ( ) ;
} ) ;
; webshims . register ( 'form-core' , function ( $ , webshims , window , document , undefined , options ) {
"use strict" ;
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 ;
}
} ;
var modules = webshims . modules ;
var support = webshims . support ;
var isValid = function ( elem ) {
return ( $ . prop ( elem , 'validity' ) || { valid : 1 } ) . valid ;
} ;
var lazyLoad = function ( ) {
var toLoad = [ 'form-validation' ] ;
2014-07-20 02:43:13 +02:00
$ ( document ) . off ( '.lazyloadvalidation' ) ;
2014-07-17 16:45:12 +02:00
if ( options . lazyCustomMessages ) {
options . customMessages = true ;
toLoad . push ( 'form-message' ) ;
}
if ( webshims . _getAutoEnhance ( options . customDatalist ) ) {
options . fD = true ;
toLoad . push ( 'form-datalist' ) ;
}
if ( options . addValidators ) {
toLoad . push ( 'form-validators' ) ;
}
webshims . reTest ( toLoad ) ;
} ;
/ *
* Selectors for all browsers
* /
var extendSels = function ( ) {
var matches , matchesOverride ;
var exp = $ . expr [ ":" ] ;
var rElementsGroup = /^(?:form|fieldset)$/i ;
var hasInvalid = function ( elem ) {
var ret = false ;
$ ( elem ) . jProp ( 'elements' ) . each ( function ( ) {
if ( ! rElementsGroup . test ( this . nodeName || '' ) ) {
ret = exp . invalid ( this ) ;
if ( ret ) {
return false ;
}
}
} ) ;
return ret ;
} ;
$ . extend ( exp , {
"valid-element" : function ( elem ) {
return rElementsGroup . test ( elem . nodeName || '' ) ? ! hasInvalid ( elem ) : ! ! ( $ . prop ( elem , 'willValidate' ) && isValid ( elem ) ) ;
} ,
"invalid-element" : function ( elem ) {
return rElementsGroup . test ( elem . nodeName || '' ) ? 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 ) . getShadowElement ( ) . hasClass ( ( options . iVal . errorClass || 'user-error' ) ) ) ;
} ,
"optional-element" : function ( elem ) {
return ! ! ( $ . prop ( elem , 'willValidate' ) && $ . prop ( elem , 'required' ) === false ) ;
}
} ) ;
[ 'valid' , 'invalid' , 'required' , 'optional' ] . forEach ( function ( name ) {
exp [ name ] = $ . expr [ ":" ] [ name + "-element" ] ;
} ) ;
// sizzle/jQuery has a bug with :disabled/:enabled selectors
if ( support . fieldsetdisabled && ! $ ( '<fieldset disabled=""><input /><input /></fieldset>' ) . find ( ':disabled' ) . filter ( ':disabled' ) . is ( ':disabled' ) ) {
matches = $ . find . matches ;
matchesOverride = { ':disabled' : 1 , ':enabled' : 1 } ;
$ . find . matches = function ( expr , elements ) {
if ( matchesOverride [ expr ] ) {
return matches . call ( this , '*' + expr , elements ) ;
}
return matches . apply ( this , arguments ) ;
} ;
$ . extend ( exp , {
"enabled" : function ( elem ) {
2014-07-20 02:43:13 +02:00
return 'disabled' in elem && elem . disabled === false && ! $ . find . matchesSelector ( elem , 'fieldset[disabled] *' ) ;
2014-07-17 16:45:12 +02:00
} ,
"disabled" : function ( elem ) {
2014-07-20 02:43:13 +02:00
return elem . disabled === true || ( 'disabled' in elem && $ . find . matchesSelector ( elem , 'fieldset[disabled] *' ) ) ;
2014-07-17 16:45:12 +02:00
}
} ) ;
}
//bug was partially fixed in 1.10.0 for IE9, but not IE8 (move to es5 as soon as 1.10.2 is used)
if ( typeof document . activeElement == 'unknown' ) {
var pseudoFocus = exp . focus ;
exp . focus = function ( ) {
try {
return pseudoFocus . apply ( this , arguments ) ;
} catch ( e ) {
webshims . error ( e ) ;
}
return false ;
} ;
}
} ;
var formExtras = {
noAutoCallback : true ,
options : options
} ;
var addModule = webshims . loader . addModule ;
var lazyLoadProxy = function ( obj , fn , args ) {
lazyLoad ( ) ;
webshims . ready ( 'form-validation' , function ( ) {
obj [ fn ] . apply ( obj , args ) ;
} ) ;
} ;
var transClass = ( 'transitionDelay' in document . documentElement . style ) ? '' : ' no-transition' ;
var poCFG = webshims . cfg . wspopover ;
addModule ( 'form-validation' , $ . extend ( { d : [ 'form-message' ] } , formExtras ) ) ;
addModule ( 'form-validators' , $ . extend ( { } , formExtras ) ) ;
if ( support . formvalidation && ! webshims . bugs . bustedValidity ) {
//create delegatable events
webshims . capturingEvents ( [ 'invalid' ] , true ) ;
}
if ( $ . expr . filters ) {
extendSels ( ) ;
} else {
webshims . ready ( 'sizzle' , extendSels ) ;
}
webshims . triggerInlineForm = function ( elem , event ) {
$ ( elem ) . trigger ( event ) ;
} ;
if ( ! poCFG . position && poCFG . position !== false ) {
poCFG . position = {
at : 'left bottom' ,
my : 'left top' ,
collision : 'fit flip'
} ;
}
webshims . wsPopover = {
id : 0 ,
_create : function ( ) {
this . options = $ . extend ( true , { } , poCFG , this . options ) ;
this . id = webshims . wsPopover . id ++ ;
this . eventns = '.wsoverlay' + this . id ;
this . timers = { } ;
this . element = $ ( '<div class="ws-popover' + transClass + '" tabindex="-1"><div class="ws-po-outerbox"><div class="ws-po-arrow"><div class="ws-po-arrowbox" /></div><div class="ws-po-box" /></div></div>' ) ;
this . contentElement = $ ( '.ws-po-box' , this . element ) ;
this . lastElement = $ ( [ ] ) ;
this . bindElement ( ) ;
this . element . data ( 'wspopover' , this ) ;
} ,
options : { } ,
content : function ( html ) {
this . contentElement . html ( html ) ;
} ,
bindElement : function ( ) {
var that = this ;
var stopBlur = function ( ) {
that . stopBlur = false ;
} ;
this . preventBlur = function ( e ) {
that . stopBlur = true ;
clearTimeout ( that . timers . stopBlur ) ;
that . timers . stopBlur = setTimeout ( stopBlur , 9 ) ;
} ;
this . element . on ( {
'mousedown' : this . preventBlur
} ) ;
} ,
show : function ( ) {
lazyLoadProxy ( this , 'show' , arguments ) ;
}
} ;
/* some extra validation UI */
webshims . validityAlert = {
showFor : function ( ) {
lazyLoadProxy ( this , 'showFor' , arguments ) ;
}
} ;
webshims . getContentValidationMessage = function ( elem , validity , key ) {
var customRule ;
if ( webshims . errorbox && webshims . errorbox . initIvalContentMessage ) {
webshims . errorbox . initIvalContentMessage ( elem ) ;
}
var message = ( webshims . getOptions && webshims . errorbox ? webshims . getOptions ( elem , 'errormessage' , false , true ) : $ ( elem ) . data ( 'errormessage' ) ) || elem . getAttribute ( 'x-moz-errormessage' ) || '' ;
if ( key && message [ key ] ) {
message = message [ key ] ;
} else if ( message ) {
validity = validity || $ . prop ( elem , 'validity' ) || { valid : 1 } ;
if ( validity . valid ) {
message = '' ;
}
}
if ( typeof message == 'object' ) {
validity = validity || $ . prop ( elem , 'validity' ) || { valid : 1 } ;
if ( validity . customError && ( customRule = $ . data ( elem , 'customMismatchedRule' ) ) && message [ customRule ] && typeof message [ customRule ] == 'string' ) {
message = message [ customRule ] ;
} else if ( ! validity . valid ) {
$ . each ( validity , function ( name , prop ) {
if ( prop && name != 'valid' && message [ name ] ) {
message = message [ name ] ;
return false ;
}
} ) ;
if ( typeof message == 'object' ) {
if ( validity . typeMismatch && message . badInput ) {
message = message . badInput ;
}
if ( validity . badInput && message . typeMismatch ) {
message = message . typeMismatch ;
}
}
}
}
if ( typeof message == 'object' ) {
message = message . defaultMessage ;
}
if ( webshims . replaceValidationplaceholder ) {
message = webshims . replaceValidationplaceholder ( elem , message ) ;
}
return message || '' ;
} ;
$ . fn . getErrorMessage = function ( key ) {
var message = '' ;
var elem = this [ 0 ] ;
if ( elem ) {
message = webshims . getContentValidationMessage ( elem , false , key ) || $ . prop ( elem , 'customValidationMessage' ) || $ . prop ( elem , 'validationMessage' ) ;
}
return message ;
} ;
$ . event . special . valuevalidation = {
setup : function ( ) {
webshims . error ( 'valuevalidation was renamed to validatevalue!' ) ;
}
} ;
$ . event . special . validatevalue = {
setup : function ( ) {
var data = $ ( this ) . data ( ) || $ . data ( this , { } ) ;
if ( ! ( 'validatevalue' in data ) ) {
data . validatevalue = true ;
}
}
} ;
2014-07-20 02:43:13 +02:00
$ ( document ) . on ( 'focusin.lazyloadvalidation mousedown.lazyloadvalidation touchstart.lazyloadvalidation' , function ( e ) {
2014-07-17 16:45:12 +02:00
if ( 'form' in e . target ) {
lazyLoad ( ) ;
}
} ) ;
webshims . ready ( 'WINDOWLOAD' , lazyLoad ) ;
if ( modules [ 'form-number-date-ui' ] . loaded && ! options . customMessages && ( modules [ 'form-number-date-api' ] . test ( ) || ( support . inputtypes . range && support . inputtypes . color ) ) ) {
webshims . isReady ( 'form-number-date-ui' , true ) ;
}
webshims . ready ( 'DOM' , function ( ) {
if ( document . querySelector ( '.ws-custom-file' ) ) {
webshims . reTest ( [ 'form-validation' ] ) ;
}
} ) ;
2014-07-20 02:43:13 +02:00
if ( options . addValidators && options . fastValidators ) {
webshims . reTest ( [ 'form-validators' , 'form-validation' ] ) ;
}
if ( document . readyState == 'complete' ) {
webshims . isReady ( 'WINDOWLOAD' , true ) ;
}
2014-07-17 16:45:12 +02:00
} ) ;
; webshims . register ( 'form-shim-extend' , function ( $ , webshims , window , document , undefined , options ) {
"use strict" ;
webshims . inputTypes = webshims . inputTypes || { } ;
//some helper-functions
var cfg = webshims . cfg . forms ;
var bugs = webshims . bugs ;
var splitReg = /\s*,\s*/g ;
var typeModels = webshims . inputTypes ,
checkTypes = {
radio : 1 ,
checkbox : 1
} ,
getType = function ( ) {
var elem = this ;
var type = ( elem . getAttribute ( 'type' ) || '' ) . toLowerCase ( ) ;
return ( webshims . inputTypes [ type ] ) ? type : elem . type ;
} ,
cacheType = function ( cache , input ) {
if ( ! ( 'type' in cache ) ) {
cache . type = getType . call ( input ) ;
}
}
;
( function ( ) {
if ( 'querySelector' in document ) {
try {
bugs . findRequired = ! ( $ ( '<form action="#" style="width: 1px; height: 1px; overflow: hidden;"><select name="b" required="" /></form>' ) [ 0 ] . querySelector ( 'select:required' ) ) ;
} catch ( er ) {
bugs . findRequired = false ;
}
if ( bugs . bustedValidity || bugs . findRequired ) {
( function ( ) {
var find = $ . find ;
var matchesSelector = $ . find . matchesSelector ;
var regExp = /(\:valid|\:invalid|\:optional|\:required)(?=[\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 ;
} ) ( ) ;
$ . find . matchesSelector = function ( node , expr ) {
expr = expr . replace ( regExp , regFn ) ;
return matchesSelector . call ( this , node , expr ) ;
} ;
} ) ( ) ;
}
}
} ) ( ) ;
//API to add new input types
webshims . addInputType = function ( type , obj ) {
typeModels [ type ] = obj ;
} ;
//contsrain-validation-api
var validityPrototype = {
customError : false ,
typeMismatch : false ,
badInput : false ,
rangeUnderflow : false ,
rangeOverflow : false ,
stepMismatch : false ,
tooLong : false ,
tooShort : false ,
patternMismatch : false ,
valueMissing : false ,
valid : true
} ;
var isPlaceholderOptionSelected = function ( select ) {
if ( select . type == 'select-one' && select . size < 2 ) {
var option = $ ( '> option:first-child' , select ) ;
return ! ! option . prop ( 'selected' ) ;
}
return false ;
} ;
var emptyJ = $ ( [ ] ) ;
var getGroupElements = function ( elem ) {
elem = $ ( elem ) ;
var name , form ;
var ret = emptyJ ;
if ( elem [ 0 ] . type == 'radio' ) {
name = elem [ 0 ] . name ;
if ( ! name ) {
ret = elem ;
} else {
form = elem . prop ( 'form' ) ;
ret = $ ( document . getElementsByName ( name ) ) . filter ( function ( ) {
return this . type == 'radio' && $ . prop ( this , 'form' ) == form && this . name == name ;
} ) ;
}
}
return ret ;
} ;
var patternTypes = { url : 1 , email : 1 , text : 1 , search : 1 , tel : 1 , password : 1 } ;
var lengthTypes = $ . extend ( { textarea : 1 } , patternTypes ) ;
var validityRules = {
valueMissing : function ( input , val , cache ) {
if ( ! input . prop ( 'required' ) ) { return false ; }
var ret = false ;
cacheType ( cache , input [ 0 ] ) ;
if ( cache . nodeName == 'select' ) {
ret = ( ! val && ( input [ 0 ] . selectedIndex < 0 || isPlaceholderOptionSelected ( input [ 0 ] ) ) ) ;
} else if ( checkTypes [ cache . type ] ) {
ret = ( cache . type == 'checkbox' ) ? ! input . is ( ':checked' ) : ! getGroupElements ( input ) . filter ( ':checked' ) [ 0 ] ;
} else {
ret = ! ( val ) ;
}
return ret ;
} ,
patternMismatch : function ( input , val , cache ) {
var i ;
var ret = false ;
if ( val === '' || cache . nodeName == 'select' ) { return ret ; }
cacheType ( cache , input [ 0 ] ) ;
if ( ! patternTypes [ cache . type ] ) { return ret ; }
var pattern = input . attr ( 'pattern' ) ;
if ( ! pattern ) { return ret ; }
try {
pattern = new RegExp ( '^(?:' + pattern + ')$' ) ;
} catch ( er ) {
webshims . error ( 'invalid pattern value: "' + pattern + '" | ' + er ) ;
pattern = ret ;
}
if ( ! pattern ) { return ret ; }
val = cache . type == 'email' && input . prop ( 'multiple' ) ? val . split ( splitReg ) : [ val ] ;
for ( i = 0 ; i < val . length ; i ++ ) {
if ( ! pattern . test ( val [ i ] ) ) {
ret = true ;
break ;
}
}
return ret ;
}
}
;
$ . each ( { tooShort : [ 'minLength' , - 1 ] , tooLong : [ 'maxLength' , 1 ] } , function ( name , props ) {
validityRules [ name ] = function ( input , val , cache ) {
//defaultValue is not the same as dirty flag, but very similiar
2014-09-03 00:57:03 +02:00
if ( ! val || cache . nodeName == 'select' || input . prop ( 'defaultValue' ) == val ) { return false ; }
2014-07-17 16:45:12 +02:00
cacheType ( cache , input [ 0 ] ) ;
if ( ! lengthTypes [ cache . type ] ) { return false ; }
var prop = input . prop ( props [ 0 ] ) ;
return ( prop > 0 && prop * props [ 1 ] < val . length * props [ 1 ] ) ;
} ;
} ) ;
$ . each ( { typeMismatch : 'mismatch' , badInput : 'bad' } , function ( name , fn ) {
validityRules [ name ] = function ( input , val , cache ) {
if ( val === '' || cache . nodeName == 'select' ) { return false ; }
var ret = false ;
cacheType ( cache , input [ 0 ] ) ;
if ( typeModels [ cache . type ] && typeModels [ cache . type ] [ fn ] ) {
ret = typeModels [ cache . type ] [ fn ] ( val , input ) ;
} else if ( 'validity' in input [ 0 ] && ( 'name' in input [ 0 ] . validity ) ) {
ret = input [ 0 ] . validity [ name ] || false ;
}
return ret ;
} ;
} ) ;
webshims . modules [ "form-core" ] . getGroupElements = getGroupElements ;
webshims . addValidityRule = function ( type , fn ) {
validityRules [ type ] = fn ;
} ;
$ . event . special . invalid = {
add : function ( ) {
$ . event . special . invalid . setup . call ( this . form || this ) ;
} ,
setup : function ( ) {
var form = this . form || this ;
if ( $ . data ( form , 'invalidEventShim' ) ) {
form = null ;
return ;
}
$ ( form )
. data ( 'invalidEventShim' , true )
. on ( 'submit' , $ . event . special . invalid . handler )
;
webshims . moveToFirstEvent ( form , 'submit' ) ;
if ( webshims . bugs . bustedValidity && $ . nodeName ( form , 'form' ) ) {
( function ( ) {
var noValidate = form . getAttribute ( 'novalidate' ) ;
form . setAttribute ( 'novalidate' , 'novalidate' ) ;
webshims . data ( form , 'bustedNoValidate' , ( noValidate == null ) ? null : noValidate ) ;
} ) ( ) ;
}
form = null ;
} ,
teardown : $ . noop ,
handler : function ( e , d ) {
if ( e . type != 'submit' || e . testedValidity || ! e . originalEvent || ! $ . nodeName ( e . target , 'form' ) || $ . prop ( e . target , 'noValidate' ) ) { return ; }
e . testedValidity = true ;
var notValid = ! ( $ ( e . target ) . callProp ( 'reportValidity' ) ) ;
if ( notValid ) {
e . stopImmediatePropagation ( ) ;
if ( ! options . noFormInvalid ) {
$ ( e . target ) . trigger ( 'invalid' ) ;
}
return false ;
}
}
} ;
$ . event . special . submit = $ . event . special . submit || { setup : function ( ) { return false ; } } ;
var submitSetup = $ . event . special . submit . setup ;
$ . extend ( $ . event . special . submit , {
setup : function ( ) {
if ( $ . nodeName ( this , 'form' ) ) {
$ ( this ) . on ( 'invalid' , $ . noop ) ;
} else {
$ ( 'form' , this ) . on ( 'invalid' , $ . noop ) ;
}
return submitSetup . apply ( this , arguments ) ;
}
} ) ;
webshims . ready ( 'form-shim-extend2 WINDOWLOAD' , function ( ) {
$ ( window ) . on ( 'invalid' , $ . noop ) ;
} ) ;
webshims . addInputType ( 'email' , {
mismatch : ( function ( ) {
//taken from http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
var test = cfg . emailReg || /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/ ;
return function ( val , input ) {
var i ;
var ret = false ;
if ( val ) {
val = input . prop ( 'multiple' ) ? val . split ( splitReg ) : [ val ] ;
for ( i = 0 ; i < val . length ; i ++ ) {
if ( ! test . test ( val [ i ] ) ) {
ret = true ;
break ;
}
}
}
return ret ;
} ;
} ) ( )
} ) ;
webshims . addInputType ( 'url' , {
mismatch : ( function ( ) {
//taken from scott gonzales
var test = cfg . urlReg || /^([a-z]([a-z]|\d|\+|-|\.)*):(\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?((\[(|(v[\da-f]{1,}\.(([a-z]|\d|-|\.|_|~)|[!\$&'\(\)\*\+,;=]|:)+))\])|((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=])*)(:\d*)?)(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*|(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)|((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)|((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)){0})(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i ;
return function ( val ) {
return val && ! test . test ( val ) ;
} ;
} ) ( )
} ) ;
webshims . defineNodeNameProperty ( 'input' , 'type' , {
prop : {
get : getType
}
} ) ;
// IDLs for constrain validation API
//ToDo: add object to this list
webshims . defineNodeNamesProperties ( [ 'button' , 'fieldset' , 'output' ] , {
checkValidity : {
value : function ( ) { return true ; }
} ,
reportValidity : {
value : function ( ) { return true ; }
} ,
willValidate : {
value : false
} ,
setCustomValidity : {
value : $ . noop
} ,
validity : {
writeable : false ,
get : function ( ) {
return $ . extend ( { } , validityPrototype ) ;
}
}
} , 'prop' ) ;
var baseCheckValidity = function ( elem , type ) {
var e ,
v = $ . prop ( elem , 'validity' )
;
if ( v ) {
$ . data ( elem , 'cachedValidity' , v ) ;
} else {
return true ;
}
if ( ! v . valid ) {
e = $ . Event ( 'invalid' ) ;
var jElm = $ ( elem ) . trigger ( e ) ;
if ( type == 'reportValidity' && ! baseCheckValidity . unhandledInvalids && ! e . isDefaultPrevented ( ) ) {
webshims . validityAlert . showFor ( jElm ) ;
baseCheckValidity . unhandledInvalids = true ;
}
}
$ . removeData ( elem , 'cachedValidity' ) ;
return v . valid ;
} ;
var rsubmittable = /^(?:select|textarea|input)/i ;
[ 'checkValidity' , 'reportValidity' ] . forEach ( function ( name ) {
webshims . defineNodeNameProperty ( 'form' , name , {
prop : {
value : function ( ) {
var ret = true ,
elems = $ ( $ . prop ( this , 'elements' ) ) . filter ( function ( ) {
if ( ! rsubmittable . test ( this . nodeName ) ) { return false ; }
var shadowData = webshims . data ( this , 'shadowData' ) ;
return ! shadowData || ! shadowData . nativeElement || shadowData . nativeElement === this ;
} )
;
baseCheckValidity . unhandledInvalids = false ;
for ( var i = 0 , len = elems . length ; i < len ; i ++ ) {
if ( ! baseCheckValidity ( elems [ i ] , name ) ) {
ret = false ;
}
}
return ret ;
}
}
} ) ;
} ) ;
[ 'input' , 'textarea' , 'select' ] . forEach ( function ( nodeName ) {
var inputValidationAPI = {
setCustomValidity : {
value : function ( error ) {
$ . removeData ( this , 'cachedValidity' ) ;
webshims . data ( this , 'customvalidationMessage' , '' + error ) ;
if ( bugs . bustedValidity && inputValidationAPI . setCustomValidity . prop . _supvalue ) {
inputValidationAPI . setCustomValidity . prop . _supvalue . apply ( this , arguments ) ;
}
}
} ,
willValidate : {
writeable : false ,
get : ( function ( ) {
var types = {
button : 1 ,
reset : 1 ,
hidden : 1 ,
image : 1
}
;
return function ( ) {
var elem = $ ( this ) . getNativeElement ( ) [ 0 ] ;
2014-07-20 02:43:13 +02:00
return ! ! ( ! elem . readOnly && ! types [ elem . type ] && ! $ . find . matchesSelector ( elem , ':disabled' ) ) ;
2014-07-17 16:45:12 +02:00
} ;
} ) ( )
} ,
validity : {
writeable : false ,
get : function ( ) {
var jElm = $ ( this ) . getNativeElement ( ) ;
var elem = jElm [ 0 ] ;
var validityState = $ . data ( elem , 'cachedValidity' ) ;
if ( validityState ) {
return validityState ;
}
validityState = $ . extend ( { } , validityPrototype ) ;
if ( ! $ . prop ( elem , 'willValidate' ) || elem . type == 'submit' ) {
return validityState ;
}
var val = jElm . val ( ) ;
var cache = { nodeName : elem . nodeName . toLowerCase ( ) } ;
validityState . customError = ! ! ( webshims . data ( elem , 'customvalidationMessage' ) ) ;
if ( validityState . customError ) {
validityState . valid = false ;
}
$ . each ( validityRules , function ( rule , fn ) {
if ( fn ( jElm , val , cache ) ) {
validityState [ rule ] = true ;
validityState . valid = false ;
}
} ) ;
$ ( this ) . getShadowFocusElement ( ) . attr ( 'aria-invalid' , validityState . valid ? 'false' : 'true' ) ;
jElm = null ;
elem = null ;
return validityState ;
}
}
} ;
[ 'checkValidity' , 'reportValidity' ] . forEach ( function ( name ) {
inputValidationAPI [ name ] = {
value : function ( ) {
baseCheckValidity . unhandledInvalids = false ;
return baseCheckValidity ( $ ( this ) . getNativeElement ( ) [ 0 ] , name ) ;
}
} ;
} ) ;
webshims . defineNodeNameProperties ( nodeName , inputValidationAPI , 'prop' ) ;
} ) ;
webshims . defineNodeNamesBooleanProperty ( [ 'input' , 'textarea' , 'select' ] , 'required' , {
set : function ( value ) {
$ ( this ) . getShadowFocusElement ( ) . attr ( 'aria-required' , ! ! ( value ) + '' ) ;
} ,
initAttr : true
} ) ;
webshims . defineNodeNamesBooleanProperty ( [ 'input' ] , 'multiple' ) ;
if ( bugs . bustedValidity ) {
webshims . defineNodeNameProperty ( 'form' , 'novalidate' , {
attr : {
set : function ( val ) {
webshims . data ( this , 'bustedNoValidate' , '' + val ) ;
} ,
get : function ( ) {
var ret = webshims . data ( this , 'bustedNoValidate' ) ;
return ret == null ? undefined : ret ;
}
} ,
removeAttr : {
value : function ( ) {
webshims . data ( this , 'bustedNoValidate' , null ) ;
}
}
} ) ;
$ . each ( [ 'rangeUnderflow' , 'rangeOverflow' , 'stepMismatch' ] , function ( i , name ) {
validityRules [ name ] = function ( elem ) {
return ( elem [ 0 ] . validity || { } ) [ name ] || false ;
} ;
} ) ;
}
webshims . defineNodeNameProperty ( 'form' , 'noValidate' , {
prop : {
set : function ( val ) {
val = ! ! val ;
if ( val ) {
$ . attr ( this , 'novalidate' , 'novalidate' ) ;
} else {
$ ( this ) . removeAttr ( 'novalidate' ) ;
}
} ,
get : function ( ) {
return $ . attr ( this , 'novalidate' ) != null ;
}
}
} ) ;
[ 'minlength' , 'minLength' ] . forEach ( function ( propName ) {
webshims . defineNodeNamesProperty ( [ 'input' , 'textarea' ] , propName , {
prop : {
set : function ( val ) {
val *= 1 ;
if ( val < 0 ) {
throw ( 'INDEX_SIZE_ERR' ) ;
}
this . setAttribute ( 'minlength' , val || 0 ) ;
} ,
get : function ( ) {
var val = this . getAttribute ( 'minlength' ) ;
return val == null ? - 1 : ( val * 1 ) || 0 ;
}
}
} ) ;
} ) ;
if ( webshims . support . inputtypes . date && /webkit/i . test ( navigator . userAgent ) ) {
( function ( ) {
var noInputTriggerEvts = { updateInput : 1 , input : 1 } ,
fixInputTypes = {
date : 1 ,
time : 1 ,
month : 1 ,
week : 1 ,
"datetime-local" : 1
} ,
noFocusEvents = {
focusout : 1 ,
blur : 1
} ,
changeEvts = {
updateInput : 1 ,
change : 1
} ,
observe = function ( input ) {
var timer ,
focusedin = true ,
lastInputVal = input . prop ( 'value' ) ,
lastChangeVal = lastInputVal ,
trigger = function ( e ) {
//input === null
if ( ! input ) { return ; }
var newVal = input . prop ( 'value' ) ;
if ( newVal !== lastInputVal ) {
lastInputVal = newVal ;
if ( ! e || ! noInputTriggerEvts [ e . type ] ) {
input . trigger ( 'input' ) ;
}
}
if ( e && changeEvts [ e . type ] ) {
lastChangeVal = newVal ;
}
if ( ! focusedin && newVal !== lastChangeVal ) {
input . trigger ( 'change' ) ;
}
} ,
extraTimer ,
extraTest = function ( ) {
clearTimeout ( extraTimer ) ;
extraTimer = setTimeout ( trigger , 9 ) ;
} ,
unbind = function ( e ) {
clearInterval ( timer ) ;
setTimeout ( function ( ) {
if ( e && noFocusEvents [ e . type ] ) {
focusedin = false ;
}
if ( input ) {
input . off ( 'focusout blur' , unbind ) . off ( 'input change updateInput' , trigger ) ;
trigger ( ) ;
}
input = null ;
} , 1 ) ;
}
;
clearInterval ( timer ) ;
timer = setInterval ( trigger , 160 ) ;
extraTest ( ) ;
input
. off ( {
'focusout blur' : unbind ,
'input change updateInput' : trigger
} )
. on ( {
'focusout blur' : unbind ,
'input updateInput change' : trigger
} )
;
}
;
$ ( document )
. on ( 'focusin' , function ( e ) {
if ( e . target && fixInputTypes [ e . target . type ] && ! e . target . readOnly && ! e . target . disabled ) {
observe ( $ ( e . target ) ) ;
}
} )
;
} ) ( ) ;
}
webshims . addReady ( function ( context , contextElem ) {
//start constrain-validation
var focusElem ;
$ ( 'form' , context )
. add ( contextElem . filter ( 'form' ) )
. on ( 'invalid' , $ . noop )
;
try {
if ( context == document && ! ( 'form' in ( document . activeElement || { } ) ) ) {
focusElem = $ ( context . querySelector ( 'input[autofocus], select[autofocus], textarea[autofocus]' ) ) . eq ( 0 ) . getShadowFocusElement ( ) [ 0 ] ;
if ( focusElem && focusElem . offsetHeight && focusElem . offsetWidth ) {
focusElem . focus ( ) ;
}
}
}
catch ( er ) { }
} ) ;
if ( ! webshims . support . datalist ) {
webshims . defineNodeNameProperty ( 'datalist' , 'options' , {
prop : {
writeable : false ,
get : function ( ) {
var elem = this ;
var select = $ ( 'select' , elem ) ;
var options ;
if ( select [ 0 ] ) {
options = $ . makeArray ( select [ 0 ] . options || [ ] ) ;
} else {
options = elem . getElementsByTagName ( 'option' ) ;
if ( options . length ) {
webshims . warn ( 'you should wrap your option-elements for a datalist in a select element to support IE and other old browsers.' ) ;
}
}
return options ;
}
}
} ) ;
}
var submitterTypes = { submit : 1 , button : 1 , image : 1 } ;
var formSubmitterDescriptors = { } ;
[
{
name : "enctype" ,
limitedTo : {
"application/x-www-form-urlencoded" : 1 ,
"multipart/form-data" : 1 ,
"text/plain" : 1
} ,
defaultProp : "application/x-www-form-urlencoded" ,
proptype : "enum"
} ,
{
name : "method" ,
limitedTo : {
"get" : 1 ,
"post" : 1
} ,
defaultProp : "get" ,
proptype : "enum"
} ,
{
name : "action" ,
proptype : "url"
} ,
{
name : "target"
} ,
{
name : "novalidate" ,
propName : "noValidate" ,
proptype : "boolean"
}
] . forEach ( function ( desc ) {
var propName = 'form' + ( desc . propName || desc . name ) . replace ( /^[a-z]/ , function ( f ) {
return f . toUpperCase ( ) ;
} ) ;
var attrName = 'form' + desc . name ;
var formName = desc . name ;
var eventName = 'click.webshimssubmittermutate' + formName ;
var changeSubmitter = function ( ) {
var elem = this ;
if ( ! ( 'form' in elem ) || ! submitterTypes [ elem . type ] ) { return ; }
var form = $ . prop ( elem , 'form' ) ;
if ( ! form ) { return ; }
var attr = $ . attr ( elem , attrName ) ;
if ( attr != null && ( ! desc . limitedTo || attr . toLowerCase ( ) === $ . prop ( elem , propName ) ) ) {
var oldAttr = $ . attr ( form , formName ) ;
$ . attr ( form , formName , attr ) ;
setTimeout ( function ( ) {
if ( oldAttr != null ) {
$ . attr ( form , formName , oldAttr ) ;
} else {
try {
$ ( form ) . removeAttr ( formName ) ;
} catch ( er ) {
form . removeAttribute ( formName ) ;
}
}
} , 9 ) ;
}
} ;
switch ( desc . proptype ) {
case "url" :
var urlForm = document . createElement ( 'form' ) ;
formSubmitterDescriptors [ propName ] = {
prop : {
set : function ( value ) {
$ . attr ( this , attrName , value ) ;
} ,
get : function ( ) {
var value = $ . attr ( this , attrName ) ;
if ( value == null ) { return '' ; }
urlForm . setAttribute ( 'action' , value ) ;
return urlForm . action ;
}
}
} ;
break ;
case "boolean" :
formSubmitterDescriptors [ propName ] = {
prop : {
set : function ( val ) {
val = ! ! val ;
if ( val ) {
$ . attr ( this , 'formnovalidate' , 'formnovalidate' ) ;
} else {
$ ( this ) . removeAttr ( 'formnovalidate' ) ;
}
} ,
get : function ( ) {
return $ . attr ( this , 'formnovalidate' ) != null ;
}
}
} ;
break ;
case "enum" :
formSubmitterDescriptors [ propName ] = {
prop : {
set : function ( value ) {
$ . attr ( this , attrName , value ) ;
} ,
get : function ( ) {
var value = $ . attr ( this , attrName ) ;
return ( ! value || ( ( value = value . toLowerCase ( ) ) && ! desc . limitedTo [ value ] ) ) ? desc . defaultProp : value ;
}
}
} ;
break ;
default :
formSubmitterDescriptors [ propName ] = {
prop : {
set : function ( value ) {
$ . attr ( this , attrName , value ) ;
} ,
get : function ( ) {
var value = $ . attr ( this , attrName ) ;
return ( value != null ) ? value : "" ;
}
}
} ;
}
if ( ! formSubmitterDescriptors [ attrName ] ) {
formSubmitterDescriptors [ attrName ] = { } ;
}
formSubmitterDescriptors [ attrName ] . attr = {
set : function ( value ) {
formSubmitterDescriptors [ attrName ] . attr . _supset . call ( this , value ) ;
$ ( this ) . off ( eventName ) . on ( eventName , changeSubmitter ) ;
} ,
get : function ( ) {
return formSubmitterDescriptors [ attrName ] . attr . _supget . call ( this ) ;
}
} ;
formSubmitterDescriptors [ attrName ] . initAttr = true ;
formSubmitterDescriptors [ attrName ] . removeAttr = {
value : function ( ) {
$ ( this ) . off ( eventName ) ;
formSubmitterDescriptors [ attrName ] . removeAttr . _supvalue . call ( this ) ;
}
} ;
} ) ;
webshims . defineNodeNamesProperties ( [ 'input' , 'button' ] , formSubmitterDescriptors ) ;
} ) ; //webshims.ready end
; webshims . register ( 'form-message' , function ( $ , webshims , window , document , undefined , options ) {
"use strict" ;
if ( options . lazyCustomMessages ) {
options . customMessages = true ;
}
var validityMessages = webshims . validityMessages ;
var implementProperties = options . customMessages ? [ 'customValidationMessage' ] : [ ] ;
validityMessages . en = $ . extend ( true , {
typeMismatch : {
defaultMessage : 'Please enter a valid value.' ,
email : 'Please enter an email address.' ,
url : 'Please enter a URL.'
} ,
badInput : {
defaultMessage : 'Please enter a valid value.' ,
number : 'Please enter a number.' ,
date : 'Please enter a date.' ,
time : 'Please enter a time.' ,
range : 'Invalid input.' ,
month : 'Please enter a valid value.' ,
"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}.' ,
tooShort : 'Please enter at least {%minlength} 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' ] || { } ) ) ;
if ( typeof validityMessages [ 'en' ] . valueMissing == 'object' ) {
[ 'select' , 'radio' ] . forEach ( function ( type ) {
validityMessages . en . valueMissing [ type ] = validityMessages . en . valueMissing [ type ] || 'Please select an option.' ;
} ) ;
}
if ( typeof validityMessages . en . rangeUnderflow == 'object' ) {
[ 'date' , 'time' , 'datetime-local' , 'month' ] . forEach ( function ( type ) {
validityMessages . en . rangeUnderflow [ type ] = validityMessages . en . rangeUnderflow [ type ] || 'Value must be at or after {%min}.' ;
} ) ;
}
if ( typeof validityMessages . en . rangeOverflow == 'object' ) {
[ 'date' , 'time' , 'datetime-local' , 'month' ] . forEach ( function ( type ) {
validityMessages . en . rangeOverflow [ type ] = validityMessages . en . rangeOverflow [ type ] || 'Value must be at or before {%max}.' ;
} ) ;
}
if ( ! validityMessages [ 'en-US' ] ) {
validityMessages [ 'en-US' ] = $ . extend ( true , { } , validityMessages . en ) ;
}
if ( ! validityMessages [ 'en-GB' ] ) {
validityMessages [ 'en-GB' ] = $ . extend ( true , { } , validityMessages . en ) ;
}
if ( ! validityMessages [ 'en-AU' ] ) {
validityMessages [ 'en-AU' ] = $ . extend ( true , { } , validityMessages . en ) ;
}
validityMessages [ '' ] = validityMessages [ '' ] || validityMessages [ 'en-US' ] ;
validityMessages . de = $ . extend ( true , {
typeMismatch : {
defaultMessage : '{%value} ist in diesem Feld nicht zulässig.' ,
email : '{%value} ist keine gültige E-Mail-Adresse.' ,
url : '{%value} ist kein(e) gültige(r) Webadresse/Pfad.'
} ,
badInput : {
defaultMessage : 'Geben Sie einen zulässigen Wert ein.' ,
number : 'Geben Sie eine Nummer ein.' ,
date : 'Geben Sie ein Datum ein.' ,
time : 'Geben Sie eine Uhrzeit ein.' ,
month : 'Geben Sie einen Monat mit Jahr ein.' ,
range : 'Geben Sie eine Nummer.' ,
"datetime-local" : 'Geben Sie ein Datum mit Uhrzeit ein.'
} ,
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.' ,
tooShort : 'Der eingegebene Text ist zu kurz! Sie haben {%valueLen} Zeichen eingegeben, dabei sind {%minlength} das Minimum.' ,
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 || { } ) ) ;
if ( typeof validityMessages . de . valueMissing == 'object' ) {
[ 'select' , 'radio' ] . forEach ( function ( type ) {
validityMessages . de . valueMissing [ type ] = validityMessages . de . valueMissing [ type ] || 'Bitte wählen Sie eine Option aus.' ;
} ) ;
}
if ( typeof validityMessages . de . rangeUnderflow == 'object' ) {
[ 'date' , 'time' , 'datetime-local' , 'month' ] . forEach ( function ( type ) {
validityMessages . de . rangeUnderflow [ type ] = validityMessages . de . rangeUnderflow [ type ] || '{%value} ist zu früh. {%min} ist die früheste Zeit, die Sie benutzen können.' ;
} ) ;
}
if ( typeof validityMessages . de . rangeOverflow == 'object' ) {
[ 'date' , 'time' , 'datetime-local' , 'month' ] . forEach ( function ( type ) {
validityMessages . de . rangeOverflow [ type ] = validityMessages . de . rangeOverflow [ type ] || '{%value} ist zu spät. {%max} ist die späteste Zeit, die Sie benutzen können.' ;
} ) ;
}
var currentValidationMessage = validityMessages [ '' ] ;
var getMessageFromObj = function ( message , elem ) {
if ( message && typeof message !== 'string' ) {
message = message [ $ . prop ( elem , 'type' ) ] || message [ ( elem . nodeName || '' ) . toLowerCase ( ) ] || message [ 'defaultMessage' ] ;
}
return message || '' ;
} ;
var lReg = /</g ;
var gReg = />/g ;
var valueVals = {
value : 1 ,
min : 1 ,
max : 1
} ;
var toLocale = ( function ( ) {
var monthFormatter ;
var transforms = {
number : function ( val ) {
var num = val * 1 ;
if ( num . toLocaleString && ! isNaN ( num ) ) {
val = num . toLocaleString ( ) || val ;
}
return val ;
}
} ;
var _toLocale = function ( val , elem , attr ) {
var type , widget ;
if ( valueVals [ attr ] ) {
type = $ . prop ( elem , 'type' ) ;
widget = $ ( elem ) . getShadowElement ( ) . data ( 'wsWidget' + type ) ;
if ( widget && widget . formatValue ) {
val = widget . formatValue ( val , false ) ;
} else if ( transforms [ type ] ) {
val = transforms [ type ] ( val ) ;
}
}
return val ;
} ;
[ { n : 'date' , f : 'toLocaleDateString' } , { n : 'time' , f : 'toLocaleTimeString' } , { n : 'datetime-local' , f : 'toLocaleString' } ] . forEach ( function ( desc ) {
transforms [ desc . n ] = function ( val ) {
var date = new Date ( val ) ;
if ( date && date [ desc . f ] ) {
val = date [ desc . f ] ( ) || val ;
}
return val ;
} ;
} ) ;
if ( window . Intl && Intl . DateTimeFormat ) {
monthFormatter = new Intl . DateTimeFormat ( navigator . browserLanguage || navigator . language , { year : "numeric" , month : "2-digit" } ) . format ( new Date ( ) ) ;
if ( monthFormatter && monthFormatter . format ) {
transforms . month = function ( val ) {
var date = new Date ( val ) ;
if ( date ) {
val = monthFormatter . format ( date ) || val ;
}
return val ;
} ;
}
}
webshims . format = { } ;
[ 'date' , 'number' , 'month' , 'time' , 'datetime-local' ] . forEach ( function ( name ) {
webshims . format [ name ] = function ( val , opts ) {
if ( opts && opts . nodeType ) {
return _toLocale ( val , opts , name ) ;
}
if ( name == 'number' && opts && opts . toFixed ) {
val = ( val * 1 ) ;
if ( ! opts . fixOnlyFloat || val % 1 ) {
val = val . toFixed ( opts . toFixed ) ;
}
}
if ( webshims . _format && webshims . _format [ name ] ) {
return webshims . _format [ name ] ( val , opts ) ;
}
return transforms [ name ] ( val ) ;
} ;
} ) ;
return _toLocale ;
} ) ( ) ;
webshims . replaceValidationplaceholder = function ( elem , message , name ) {
var val = $ . prop ( elem , 'title' ) ;
if ( message ) {
if ( name == 'patternMismatch' && ! val ) {
webshims . error ( 'no title for patternMismatch provided. Always add a title attribute.' ) ;
}
if ( val ) {
val = '<span class="ws-titlevalue">' + val . replace ( lReg , '<' ) . replace ( gReg , '>' ) + '</span>' ;
}
if ( message . indexOf ( '{%title}' ) != - 1 ) {
message = message . replace ( '{%title}' , val ) ;
} else if ( val ) {
message = message + ' ' + val ;
}
}
if ( message && message . indexOf ( '{%' ) != - 1 ) {
[ 'value' , 'min' , 'max' , 'maxlength' , 'minlength' , 'label' ] . forEach ( function ( attr ) {
if ( message . indexOf ( '{%' + attr ) === - 1 ) { return ; }
var val = ( ( attr == 'label' ) ? $ . trim ( $ ( 'label[for="' + elem . id + '"]' , elem . form ) . text ( ) ) . replace ( /\*$|:$/ , '' ) : $ . prop ( elem , attr ) || $ . attr ( elem , attr ) || '' ) || '' ;
val = '' + val ;
val = toLocale ( val , elem , attr ) ;
message = message . replace ( '{%' + attr + '}' , val . replace ( lReg , '<' ) . replace ( gReg , '>' ) ) ;
if ( 'value' == attr ) {
message = message . replace ( '{%valueLen}' , val . length ) ;
}
} ) ;
}
return message ;
} ;
webshims . createValidationMessage = function ( elem , name ) {
var message = getMessageFromObj ( currentValidationMessage [ name ] , elem ) ;
if ( ! message && name == 'badInput' ) {
message = getMessageFromObj ( currentValidationMessage . typeMismatch , elem ) ;
}
if ( ! message && name == 'typeMismatch' ) {
message = getMessageFromObj ( currentValidationMessage . badInput , elem ) ;
}
if ( ! message ) {
message = getMessageFromObj ( validityMessages [ '' ] [ name ] , elem ) || $ . prop ( elem , 'validationMessage' ) ;
if ( name != 'customError' ) {
webshims . info ( 'could not find errormessage for: ' + name + ' / ' + $ . prop ( elem , 'type' ) + '. in language: ' + webshims . activeLang ( ) ) ;
}
}
message = webshims . replaceValidationplaceholder ( elem , message , name ) ;
return message || '' ;
} ;
if ( ! webshims . support . formvalidation || webshims . bugs . bustedValidity ) {
implementProperties . push ( 'validationMessage' ) ;
}
currentValidationMessage = webshims . activeLang ( validityMessages ) ;
$ ( validityMessages ) . on ( 'change' , function ( e , data ) {
currentValidationMessage = validityMessages . _ _active ;
} ) ;
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 = ( webshims . support . 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
}
} ) ;
} ) ;
} ) ;
} ) ;
; webshims . register ( 'form-datalist' , function ( $ , webshims , window , document , undefined , options ) {
"use strict" ;
var lazyLoad = function ( name ) {
if ( ! name || typeof name != 'string' ) {
name = 'DOM' ;
}
if ( ! lazyLoad [ name + 'Loaded' ] ) {
lazyLoad [ name + 'Loaded' ] = true ;
webshims . ready ( name , function ( ) {
webshims . loader . loadList ( [ 'form-datalist-lazy' ] ) ;
} ) ;
}
} ;
var noDatalistSupport = {
submit : 1 ,
button : 1 ,
reset : 1 ,
hidden : 1 ,
range : 1 ,
date : 1 ,
month : 1
} ;
if ( webshims . modules [ "form-number-date-ui" ] . loaded ) {
$ . extend ( noDatalistSupport , {
number : 1 ,
time : 1
} ) ;
}
/ *
* implement propType "element" currently only used for list - attribute ( will be moved to dom - extend , if needed )
* /
webshims . propTypes . element = function ( descs , name ) {
webshims . createPropDefault ( descs , 'attr' ) ;
if ( descs . prop ) { return ; }
descs . prop = {
get : function ( ) {
var elem = $ . attr ( this , name ) ;
if ( elem ) {
elem = document . getElementById ( elem ) ;
if ( elem && descs . propNodeName && ! $ . nodeName ( elem , descs . propNodeName ) ) {
elem = null ;
}
}
return elem || null ;
} ,
writeable : false
} ;
} ;
/ *
* Implements datalist element and list attribute
* /
( function ( ) {
var formsCFG = webshims . cfg . forms ;
var listSupport = webshims . support . datalist ;
if ( listSupport && ! formsCFG . customDatalist ) { return ; }
var initializeDatalist = function ( ) {
var updateDatlistAndOptions = function ( ) {
var id ;
if ( ! $ . data ( this , 'datalistWidgetData' ) && ( id = $ . prop ( this , 'id' ) ) ) {
$ ( 'input[list="' + id + '"], input[data-wslist="' + id + '"]' ) . eq ( 0 ) . attr ( 'list' , id ) ;
} else {
$ ( this ) . triggerHandler ( 'updateDatalist' ) ;
}
} ;
var inputListProto = {
//override autocomplete
autocomplete : {
attr : {
get : function ( ) {
var elem = this ;
var data = $ . data ( elem , 'datalistWidget' ) ;
if ( data ) {
return data . _autocomplete ;
}
return ( 'autocomplete' in elem ) ? elem . autocomplete : elem . getAttribute ( 'autocomplete' ) ;
} ,
set : function ( value ) {
var elem = this ;
var data = $ . data ( elem , 'datalistWidget' ) ;
if ( data ) {
data . _autocomplete = value ;
if ( value == 'off' ) {
data . hideList ( ) ;
}
} else {
if ( 'autocomplete' in elem ) {
elem . autocomplete = value ;
} else {
elem . setAttribute ( 'autocomplete' , value ) ;
}
}
}
}
}
} ;
if ( listSupport ) {
//options only return options, if option-elements are rooted: but this makes this part of HTML5 less backwards compatible
if ( ! ( $ ( '<datalist><select><option></option></select></datalist>' ) . prop ( 'options' ) || [ ] ) . length ) {
webshims . defineNodeNameProperty ( 'datalist' , 'options' , {
prop : {
writeable : false ,
get : function ( ) {
var options = this . options || [ ] ;
if ( ! options . length ) {
var elem = this ;
var select = $ ( 'select' , elem ) ;
if ( select [ 0 ] && select [ 0 ] . options && select [ 0 ] . options . length ) {
options = select [ 0 ] . options ;
}
}
return options ;
}
}
} ) ;
}
inputListProto . list = {
attr : {
get : function ( ) {
var val = webshims . contentAttr ( this , 'list' ) ;
if ( val != null ) {
$ . data ( this , 'datalistListAttr' , val ) ;
if ( ! noDatalistSupport [ $ . prop ( this , 'type' ) ] && ! noDatalistSupport [ $ . attr ( this , 'type' ) ] ) {
this . removeAttribute ( 'list' ) ;
}
} else {
val = $ . data ( this , 'datalistListAttr' ) ;
}
return ( val == null ) ? undefined : val ;
} ,
set : function ( value ) {
var elem = this ;
$ . data ( elem , 'datalistListAttr' , value ) ;
if ( ! noDatalistSupport [ $ . prop ( this , 'type' ) ] && ! noDatalistSupport [ $ . attr ( this , 'type' ) ] ) {
webshims . objectCreate ( shadowListProto , undefined , {
input : elem ,
id : value ,
datalist : $ . prop ( elem , 'list' )
} ) ;
elem . setAttribute ( 'data-wslist' , value ) ;
} else {
elem . setAttribute ( 'list' , value ) ;
}
$ ( elem ) . triggerHandler ( 'listdatalistchange' ) ;
}
} ,
initAttr : true ,
reflect : true ,
propType : 'element' ,
propNodeName : 'datalist'
} ;
} else {
webshims . defineNodeNameProperties ( 'input' , {
list : {
attr : {
get : function ( ) {
var val = webshims . contentAttr ( this , 'list' ) ;
return ( val == null ) ? undefined : val ;
} ,
set : function ( value ) {
var elem = this ;
webshims . contentAttr ( elem , 'list' , value ) ;
webshims . objectCreate ( options . shadowListProto , undefined , { input : elem , id : value , datalist : $ . prop ( elem , 'list' ) } ) ;
$ ( elem ) . triggerHandler ( 'listdatalistchange' ) ;
}
} ,
initAttr : true ,
reflect : true ,
propType : 'element' ,
propNodeName : 'datalist'
}
} ) ;
}
webshims . defineNodeNameProperties ( 'input' , inputListProto ) ;
webshims . addReady ( function ( context , contextElem ) {
contextElem
. filter ( 'datalist > select, datalist, datalist > option, datalist > select > option' )
. closest ( 'datalist' )
. each ( updateDatlistAndOptions )
;
} ) ;
} ;
/ *
* ShadowList
* /
var shadowListProto = {
_create : function ( opts ) {
if ( noDatalistSupport [ $ . prop ( opts . input , 'type' ) ] || noDatalistSupport [ $ . attr ( opts . input , 'type' ) ] ) { return ; }
var datalist = opts . datalist ;
var data = $ . data ( opts . input , 'datalistWidget' ) ;
var that = this ;
if ( datalist && data && data . datalist !== datalist ) {
data . datalist = datalist ;
data . id = opts . id ;
$ ( data . datalist )
. off ( 'updateDatalist.datalistWidget' )
. on ( 'updateDatalist.datalistWidget' , $ . proxy ( data , '_resetListCached' ) )
;
data . _resetListCached ( ) ;
return ;
} else if ( ! datalist ) {
if ( data ) {
data . destroy ( ) ;
}
return ;
} else if ( data && data . datalist === datalist ) {
return ;
}
this . datalist = datalist ;
this . id = opts . id ;
this . hasViewableData = true ;
this . _autocomplete = $ . attr ( opts . input , 'autocomplete' ) ;
$ . data ( opts . input , 'datalistWidget' , this ) ;
$ . data ( datalist , 'datalistWidgetData' , this ) ;
lazyLoad ( 'WINDOWLOAD' ) ;
if ( webshims . isReady ( 'form-datalist-lazy' ) ) {
if ( window . QUnit ) {
that . _lazyCreate ( opts ) ;
} else {
setTimeout ( function ( ) {
that . _lazyCreate ( opts ) ;
} , 9 ) ;
}
} else {
$ ( opts . input ) . one ( 'focus' , lazyLoad ) ;
webshims . ready ( 'form-datalist-lazy' , function ( ) {
if ( ! that . _destroyed ) {
that . _lazyCreate ( opts ) ;
}
} ) ;
}
} ,
destroy : function ( e ) {
var input ;
var autocomplete = $ . attr ( this . input , 'autocomplete' ) ;
$ ( this . input )
. off ( '.datalistWidget' )
. removeData ( 'datalistWidget' )
;
this . shadowList . remove ( ) ;
$ ( document ) . off ( '.datalist' + this . id ) ;
$ ( window ) . off ( '.datalist' + this . id ) ;
if ( this . input . form && this . input . id ) {
$ ( this . input . form ) . off ( 'submit.datalistWidget' + this . input . id ) ;
}
this . input . removeAttribute ( 'aria-haspopup' ) ;
if ( autocomplete === undefined ) {
this . input . removeAttribute ( 'autocomplete' ) ;
} else {
$ ( this . input ) . attr ( 'autocomplete' , autocomplete ) ;
}
if ( e && e . type == 'beforeunload' ) {
input = this . input ;
setTimeout ( function ( ) {
$ . attr ( input , 'list' , $ . attr ( input , 'list' ) ) ;
} , 9 ) ;
}
this . _destroyed = true ;
}
} ;
webshims . loader . addModule ( 'form-datalist-lazy' , {
noAutoCallback : true ,
options : $ . extend ( options , { shadowListProto : shadowListProto } )
} ) ;
if ( ! options . list ) {
options . list = { } ;
}
//init datalist update
initializeDatalist ( ) ;
} ) ( ) ;
} ) ;