agenda-libre-ruby/public/webshims/shims/combos/10.js

3861 lines
103 KiB
JavaScript
Raw Normal View History

//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)){
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. ");
}
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 && (!$.pluginFactory || !$.pluginFactory.mixin)){
(function(){
var _cleanData = $.cleanData;
$.cleanData = (function( orig ) {
return function( elems ) {
var events, elem, i;
for ( i = 0; (elem = elems[i]) != null; i++ ) {
try {
// Only trigger remove when necessary to save time
events = $._data( elem, "events" );
if ( events && events.remove ) {
$( elem ).triggerHandler( "remove" );
}
// http://bugs.jquery.com/ticket/8235
} catch ( e ) {}
}
orig( elems );
};
})( $.cleanData );
})();
}
$.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
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,
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;
};
})(),
domPrefixes: ["webkit", "moz", "ms", "o", "ws"],
2014-08-01 01:38:33 +02:00
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;
},
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
data[type] = true;
2014-07-20 02:43:13 +02:00
return !$(elem).hasClass('ws-nopolyfill');
},
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(){
var evt;
var trigger = function(){
$(document).triggerHandler('updateshadowdom', [evt]);
};
var timed = function(){
if(evt && evt.type == 'resize'){
var width = $window.width();
var height = $window.width();
if(height == lastHeight && width == lastWidth){
return;
}
lastHeight = height;
lastWidth = width;
}
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);
};
})(),
_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');
}
}
});
})();
});
;(function($){
"use strict";
var isNumber = function(string){
return (typeof string == 'number' || (string && string == string * 1));
};
var retDefault = function(val, def){
if(!(typeof val == 'number' || (val && val == val * 1))){
return def;
}
return val * 1;
};
var createOpts = ['step', 'min', 'max', 'readonly', 'title', 'disabled', 'tabindex'];
var normalizeTouch = (function(){
var types = {
touchstart: 1,
touchend: 1,
touchmove: 1
};
var normalize = ['pageX', 'pageY'];
return function(e){
if(types[e.type] && e.originalEvent && e.originalEvent.touches && e.originalEvent.touches.length){
for(var i = 0; i < normalize.length; i++){
e[normalize[i]] = e.originalEvent.touches[0][normalize[i]];
}
}
return e;
};
})();
var rangeProto = {
_create: function(){
var i;
this.element.addClass(this.options.baseClass || 'ws-range ws-input').attr({role: 'slider'}).append('<span class="ws-range-rail ws-range-track"><span class="ws-range-min ws-range-progress" /><span class="ws-range-thumb"><span><span data-value="" data-valuetext="" /></span></span></span>');
this.trail = $('.ws-range-track', this.element);
this.range = $('.ws-range-progress', this.element);
this.thumb = $('.ws-range-thumb', this.trail);
this.thumbValue = $('span[data-value]', this.thumb);
this.updateMetrics();
this.orig = this.options.orig;
for(i = 0; i < createOpts.length; i++){
this[createOpts[i]](this.options[createOpts[i]]);
}
this.value = this._value;
this.value(this.options.value);
this.initDataList();
this.element.data('rangeUi', this);
this.addBindings();
this._init = true;
},
value: $.noop,
_value: function(val, _noNormalize, animate){
var left, posDif;
var o = this.options;
var oVal = val;
var thumbStyle = {};
var rangeStyle = {};
if(!_noNormalize && parseFloat(val, 10) != val){
val = o.min + ((o.max - o.min) / 2);
}
if(!_noNormalize){
val = this.normalizeVal(val);
}
left = 100 * ((val - o.min) / (o.max - o.min));
if(this._init && val == o.value && oVal == val){return;}
o.value = val;
if($.fn.stop){
this.thumb.stop();
this.range.stop();
}
rangeStyle[this.dirs.width] = left+'%';
if(this.vertical){
left = Math.abs(left - 100);
}
thumbStyle[this.dirs.left] = left+'%';
if(!animate || !$.fn.animate){
this.thumb[0].style[this.dirs.left] = thumbStyle[this.dirs.left];
this.range[0].style[this.dirs.width] = rangeStyle[this.dirs.width];
} else {
if(typeof animate != 'object'){
animate = {};
} else {
animate = $.extend({}, animate);
}
if(!animate.duration){
posDif = Math.abs(left - parseInt(this.thumb[0].style[this.dirs.left] || 50, 10));
animate.duration = Math.max(Math.min(999, posDif * 5), 99);
}
this.thumb.animate(thumbStyle, animate);
this.range.animate(rangeStyle, animate);
}
if(this.orig && (oVal != val || (!this._init && this.orig.value != val)) ){
this.options._change(val);
}
this._setValueMarkup();
},
_setValueMarkup: function(){
var o = this.options;
var textValue = o.textValue ? o.textValue(this.options.value) : o.options[o.value] || o.value;
this.element[0].setAttribute('aria-valuenow', this.options.value);
this.element[0].setAttribute('aria-valuetext', textValue);
this.thumbValue[0].setAttribute('data-value', this.options.value);
this.thumbValue[0].setAttribute('data-valuetext', textValue);
if(o.selectedOption){
$(o.selectedOption).removeClass('ws-selected-option');
o.selectedOption = null;
}
if(o.value in o.options){
o.selectedOption = $('[data-value="'+o.value+'"].ws-range-ticks', this.trail).addClass('ws-selected-option');
}
},
initDataList: function(){
if(this.orig){
var listTimer;
var that = this;
var updateList = function(){
$(that.orig)
.jProp('list')
.off('updateDatalist', updateList)
.on('updateDatalist', updateList)
;
clearTimeout(listTimer);
listTimer = setTimeout(function(){
if(that.list){
that.list();
}
}, 9);
};
$(this.orig).on('listdatalistchange', updateList);
this.list();
}
},
list: function(opts){
var o = this.options;
var min = o.min;
var max = o.max;
var trail = this.trail;
var that = this;
this.element.attr({'aria-valuetext': o.options[o.value] || o.value});
$('.ws-range-ticks', trail).remove();
$(this.orig).jProp('list').find('option:not([disabled])').each(function(){
o.options[$.prop(this, 'value')] = $.prop(this, 'label') || '';
});
$.each(o.options, function(val, label){
if(!isNumber(val) || val < min || val > max){return;}
var left = 100 * ((val - min) / (max - min));
var attr = 'data-value="'+val+'"';
if(label){
attr += ' data-label="'+label+'"';
if(o.showLabels){
attr += ' title="'+label+'"';
}
}
if(that.vertical){
left = Math.abs(left - 100);
}
that.posCenter(
$('<span class="ws-range-ticks"'+ attr +' style="'+(that.dirs.left)+': '+left+'%;" />').appendTo(trail)
);
});
if(o.value in o.options){
this._setValueMarkup();
}
},
readonly: function(val){
val = !!val;
this.options.readonly = val;
this.element.attr('aria-readonly', ''+val);
if(this._init){
this.updateMetrics();
}
},
disabled: function(val){
val = !!val;
this.options.disabled = val;
if(val){
this.element.attr({tabindex: -1, 'aria-disabled': 'true'});
} else {
this.element.attr({tabindex: this.options.tabindex, 'aria-disabled': 'false'});
}
if(this._init){
this.updateMetrics();
}
},
tabindex: function(val){
this.options.tabindex = val;
if(!this.options.disabled){
this.element.attr({tabindex: val});
}
},
title: function(val){
this.element.prop('title', val);
},
min: function(val){
this.options.min = retDefault(val, 0);
this.element.attr('aria-valuemin', this.options.min);
this.value(this.options.value, true);
},
max: function(val){
this.options.max = retDefault(val, 100);
this.element.attr('aria-valuemax', this.options.max);
this.value(this.options.value, true);
},
step: function(val){
var o = this.options;
var step = val == 'any' ? 'any' : retDefault(val, 1);
if(o.stepping){
webshims.error('stepping was removed. Use stepfactor instead.');
}
if(o.stepfactor && step != 'any'){
step *= o.stepfactor;
}
o.step = step;
this.value(this.options.value);
},
normalizeVal: function(val){
var valModStep, alignValue, step;
var o = this.options;
if(val <= o.min){
val = o.min;
} else if(val >= o.max) {
val = o.max;
} else if(o.step != 'any'){
step = o.step;
valModStep = (val - o.min) % step;
alignValue = val - valModStep;
if ( Math.abs(valModStep) * 2 >= step ) {
alignValue += ( valModStep > 0 ) ? step : ( -step );
}
val = alignValue.toFixed(5) * 1;
}
return val;
},
doStep: function(factor, animate){
var step = retDefault(this.options.step, 1);
if(this.options.step == 'any'){
step = Math.min(step, (this.options.max - this.options.min) / 10);
}
this.value( this.options.value + (step * factor), false, animate );
},
getStepedValueFromPos: function(pos){
var val, valModStep, alignValue, step;
if(pos <= 0){
val = this.options[this.dirs[this.isRtl ? 'max' : 'min']];
} else if(pos > 100) {
val = this.options[this.dirs[this.isRtl ? 'min' : 'max']];
} else {
if(this.vertical || this.isRtl){
pos = Math.abs(pos - 100);
}
val = ((this.options.max - this.options.min) * (pos / 100)) + this.options.min;
step = this.options.step;
if(step != 'any'){
valModStep = (val - this.options.min) % step;
alignValue = val - valModStep;
if ( Math.abs(valModStep) * 2 >= step ) {
alignValue += ( valModStep > 0 ) ? step : ( -step );
}
val = ((alignValue).toFixed(5)) * 1;
}
}
return val;
},
addRemoveClass: function(cName, add){
var isIn = this.element.prop('className').indexOf(cName) != -1;
var action;
if(!add && isIn){
action = 'removeClass';
this.element.removeClass(cName);
this.updateMetrics();
} else if(add && !isIn){
action = 'addClass';
}
if(action){
this.element[action](cName);
if(this._init){
this.updateMetrics();
}
}
},
addBindings: function(){
var leftOffset, widgetUnits, hasFocus, isActive;
var that = this;
var o = this.options;
var eventTimer = (function(){
var events = {};
return {
init: function(name, curVal, fn){
if(!events[name]){
events[name] = {fn: fn};
if(that.orig){
$(that.orig).on(name, function(){
events[name].val = $.prop(that.orig, 'value');
});
}
}
events[name].val = curVal;
},
call: function(name, val){
if(events[name].val != val){
clearTimeout(events[name].timer);
events[name].val = val;
events[name].timer = setTimeout(function(){
events[name].fn(val, that);
}, 0);
}
}
};
})();
var updateValue = function(val, animate){
if(val != o.value){
that.value(val, false, animate);
eventTimer.call('input', val);
}
};
var setValueFromPos = function(e, animate){
if(e.type == 'touchmove'){
e.preventDefault();
normalizeTouch(e);
}
updateValue(that.getStepedValueFromPos((e[that.dirs.mouse] - leftOffset) * widgetUnits), animate);
if(e && e.type == 'mousemove'){
e.preventDefault();
}
};
var remove = function(e){
if(e && (e.type == 'mouseup' || e.type == 'touchend')){
eventTimer.call('input', o.value);
eventTimer.call('change', o.value);
}
that.addRemoveClass('ws-active');
$(document).off('mousemove touchmove', setValueFromPos).off('mouseup touchend', remove);
$(window).off('blur', removeWin);
isActive = false;
};
var removeWin = function(e){
if(e.target == window){remove();}
};
var add = function(e){
if(isActive || (e.type == 'touchstart' && (!e.originalEvent || !e.originalEvent.touches || e.originalEvent.touches.length != 1))){
return;
}
e.preventDefault();
$(document).off('mousemove touchmove', setValueFromPos).off('mouseup touchend', remove);
$(window).off('blur', removeWin);
if(!o.readonly && !o.disabled){
eventTimer.init('input', o.value);
eventTimer.init('change', o.value);
normalizeTouch(e);
that.element.trigger('focus');
that.addRemoveClass('ws-active', true);
leftOffset = that.element.offset();
widgetUnits = that.element[that.dirs.innerWidth]();
if(!widgetUnits || !leftOffset){return;}
leftOffset = leftOffset[that.dirs.pos];
widgetUnits = 100 / widgetUnits;
if(e.target.className == 'ws-range-ticks'){
updateValue(e.target.getAttribute('data-value'), o.animate);
} else {
setValueFromPos(e, o.animate);
}
isActive = true;
$(document)
.on(e.type == 'touchstart' ?
{
touchend: remove,
touchmove: setValueFromPos
} :
{
mouseup: remove,
mousemove: setValueFromPos
}
)
;
$(window).on('blur', removeWin);
e.stopPropagation();
}
};
var elementEvts = {
'touchstart mousedown': add,
focus: function(e){
if(!o.disabled && !hasFocus){
if(!isActive){
eventTimer.init('input', o.value);
eventTimer.init('change', o.value);
}
that.addRemoveClass('ws-focus', true);
that.updateMetrics();
}
hasFocus = true;
},
blur: function(e){
that.element.removeClass('ws-focus ws-active');
that.updateMetrics();
hasFocus = false;
eventTimer.init('input', o.value);
eventTimer.call('change', o.value);
},
keyup: function(){
that.addRemoveClass('ws-active');
eventTimer.call('input', o.value);
eventTimer.call('change', o.value);
},
keydown: function(e){
var step = true;
var code = e.keyCode;
if(!o.readonly && !o.disabled){
if(that.isRtl){
if(code == 39){
code = 37;
} else if(code == 37){
code = 39;
}
}
if (code == 39 || code == 38) {
that.doStep(1);
} else if (code == 37 || code == 40) {
that.doStep(-1);
} else if (code == 33) {
that.doStep(10, o.animate);
} else if (code == 34) {
that.doStep(-10, o.animate);
} else if (code == 36) {
that.value(that.options.max, false, o.animate);
} else if (code == 35) {
that.value(that.options.min, false, o.animate);
} else {
step = false;
}
if (step) {
that.addRemoveClass('ws-active', true);
eventTimer.call('input', o.value);
e.preventDefault();
}
}
}
};
eventTimer.init('input', o.value, this.options.input);
eventTimer.init('change', o.value, this.options.change);
elementEvts[$.fn.mwheelIntent ? 'mwheelIntent' : 'mousewheel'] = function(e, delta){
if(delta && hasFocus && !o.readonly && !o.disabled){
that.doStep(delta);
e.preventDefault();
eventTimer.call('input', o.value);
}
};
this.element.on(elementEvts);
this.thumb.on({
mousedown: add
});
if(this.orig){
$(this.orig).jProp('form').on('reset', function(){
var val = $.prop(that.orig, 'value');
that.value(val);
setTimeout(function(){
var val2 = $.prop(that.orig, 'value');
if(val != val2){
that.value(val2);
}
}, 4);
});
}
if (window.webshims) {
webshims.ready('WINDOWLOAD', function(){
webshims.ready('dom-support', function(){
if ($.fn.onWSOff) {
var timer;
var update = function(){
that.updateMetrics();
};
that.element.onWSOff('updateshadowdom', function(){
clearTimeout(timer);
timer = setTimeout(update, 100);
});
}
});
if (!$.fn.onWSOff && webshims._polyfill) {
webshims._polyfill(['dom-support']);
}
});
}
},
posCenter: function(elem, outerWidth){
var temp, eS;
if(this.options.calcCenter && (!this._init || this.element[0].offsetWidth)){
if(!elem){
elem = this.thumb;
}
eS = elem[0].style;
if(!outerWidth){
outerWidth = elem[this.dirs.outerWidth]();
}
outerWidth = outerWidth / -2;
eS[this.dirs.marginLeft] = outerWidth +'px';
if(this.options.calcTrail && elem[0] == this.thumb[0]){
temp = this.element[this.dirs.innerHeight]();
eS[this.dirs.marginTop] = ((elem[this.dirs.outerHeight]() - temp) / -2) + 'px';
this.range[0].style[this.dirs.marginTop] = ((this.range[this.dirs.outerHeight]() - temp) / -2 ) +'px';
this.range[0].style[this.dirs.posLeft] = outerWidth +'px';
outerWidth *= -1;
this.range[0].style[this.dirs.paddingRight] = outerWidth +'px';
this.trail[0].style[this.dirs.left] = outerWidth +'px';
this.trail[0].style[this.dirs.right] = outerWidth +'px';
}
}
},
updateMetrics: function(){
var width = this.element.innerWidth();
this.vertical = (width && this.element.innerHeight() - width > 10);
this.dirs = this.vertical ?
{mouse: 'pageY', pos: 'top', posLeft: 'bottom', paddingRight: 'paddingTop', min: 'max', max: 'min', left: 'top', right: 'bottom', width: 'height', innerWidth: 'innerHeight', innerHeight: 'innerWidth', outerWidth: 'outerHeight', outerHeight: 'outerWidth', marginTop: 'marginLeft', marginLeft: 'marginTop'} :
{mouse: 'pageX', pos: 'left', posLeft: 'left', paddingRight: 'paddingRight', min: 'min', max: 'max', left: 'left', right: 'right', width: 'width', innerWidth: 'innerWidth', innerHeight: 'innerHeight', outerWidth: 'outerWidth', outerHeight: 'outerHeight', marginTop: 'marginTop', marginLeft: 'marginLeft'}
;
if(!this.vertical && this.element.css('direction') == 'rtl'){
this.isRtl = true;
this.dirs.left = 'right';
this.dirs.right = 'left';
this.dirs.marginLeft = 'marginRight';
this.dirs.posLeft = 'right';
}
this.element
[this.vertical ? 'addClass' : 'removeClass']('vertical-range')
[this.isRtl ? 'addClass' : 'removeClass']('ws-is-rtl')
;
this.updateMetrics = this.posCenter;
this.posCenter();
}
};
var oCreate = function (o) {
function F() {}
F.prototype = o;
return new F();
};
$.fn.rangeUI = function(opts){
opts = $.extend({
readonly: false,
disabled: false,
tabindex: 0,
min: 0,
step: 1,
max: 100,
value: 50,
input: $.noop,
change: $.noop,
_change: $.noop,
showLabels: true,
options: {},
calcCenter: true,
calcTrail: true
}, opts);
return this.each(function(){
var obj = $.extend(oCreate(rangeProto), {element: $(this)});
obj.options = opts;
obj._create.call(obj);
});
};
$.fn.rangeUI.normalizeTouch = normalizeTouch;
if(window.webshims && webshims.isReady){
webshims.isReady('range-ui', true);
}
})(window.webshims ? webshims.$ : jQuery);
;webshims.register('form-number-date-ui', function($, webshims, window, document, undefined, options){
"use strict";
var curCfg;
var formcfg = webshims.formcfg;
var hasFormValidation = webshims.support.formvalidation && !webshims.bugs.bustedValidity;
var monthDigits = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
var stopPropagation = function(e){
e.stopImmediatePropagation();
};
var getMonthOptions = function(opts){
var selectName = 'monthSelect'+opts.monthNames;
if(!curCfg[selectName]){
var labels = curCfg.date[opts.monthNames] || monthDigits;
curCfg[selectName] = ('<option value=""></option>')+$.map(monthDigits, function(val, i){
return '<option value="'+val+'">'+labels[i]+'</option>';
}).join('');
}
return curCfg[selectName];
};
var daySelect = '<select class="dd"><option value=""></option>'+ (function(){
var i = 1;
var opts = [];
while(i < 32){
opts.push('<option>'+ ((i < 10) ? '0'+ i : i) +'</option>' );
i++;
}
return opts.join('');
})() +'</select>';
var createFormat = function(name){
if(!curCfg.patterns[name+'Obj']){
var obj = {};
$.each(curCfg.patterns[name].split(curCfg[name+'Format']), function(i, name){
obj[name] = i;
});
curCfg.patterns[name+'Obj'] = obj;
}
};
var createYearSelect = function(obj, opts){
var options, nowY, max, min;
if(opts.yearSelect){
nowY = parseInt(opts.value.split('-')[0], 10);
max = opts.max.split('-');
min = opts.min.split('-');
options = webshims.picker.createYearSelect(nowY || parseInt(min[0], 10) || parseInt(max[0], 10) || nowYear, max, min);
options.unshift('<option />');
$(obj.elements)
.filter('select.yy')
.html(options.join(''))
.each(function(){
if(!nowY){
$('option[selected]', this).removeAttr('selected');
$(this).val();
}
})
;
}
};
var numericType = webshims.support.inputtypes.tel && navigator.userAgent.indexOf('Mobile') != -1 && !('inputMode' in document.createElement('input') && !('inputmode' in document.createElement('input'))) ?
'tel' : 'text';
var splitInputs = {
date: {
_create: function(opts){
var obj = {
splits: []
};
if(opts.yearSelect){
obj.splits.push($('<select class="yy"></select>')[0]);
} else {
obj.splits.push($('<input type="'+ numericType +'" class="yy" size="4" inputmode="numeric" maxlength="4" />')[0]);
}
if(opts.monthSelect){
obj.splits.push($('<select class="mm">'+getMonthOptions(opts)+'</select>')[0]);
} else {
obj.splits.push($('<input type="'+ numericType +'" class="mm" inputmode="numeric" maxlength="2" size="2" />')[0]);
}
if(opts.daySelect){
obj.splits.push($(daySelect)[0]);
} else {
obj.splits.push($('<input type="'+ numericType +'" class="dd ws-spin" inputmode="numeric" maxlength="2" size="2" />')[0]);
}
obj.elements = [obj.splits[0], $('<span class="ws-input-seperator" />')[0], obj.splits[1], $('<span class="ws-input-seperator" />')[0], obj.splits[2]];
createYearSelect(obj, opts);
return obj;
},
sort: function(element){
createFormat('d');
var i = 0;
var seperators = $('.ws-input-seperator', element).html(curCfg.dFormat);
var inputs = $('input, select', element);
$.each(curCfg.patterns.dObj, function(name, value){
var input = inputs.filter('.'+ name);
if(input[0]){
input.appendTo(element);
if(i < seperators.length){
seperators.eq(i).insertAfter(input);
}
i++;
}
});
}
},
month: {
_create: function(opts){
var obj = {
splits: []
};
if(opts.yearSelect){
obj.splits.push($('<select class="yy"></select>')[0]);
} else {
obj.splits.push($('<input type="'+ numericType +'" class="yy" size="4" inputmode="numeric" maxlength="4" />')[0]);
}
if(opts.monthSelect){
obj.splits.push($('<select class="mm">'+getMonthOptions(opts)+'</select>')[0]);
} else {
obj.splits.push($('<input type="text" class="mm ws-spin" />')[0]);
if(opts.onlyMonthDigits){
$().attr({inputmode: 'numeric', size: 2, maxlength: 2});
try {
obj.splits[1].setAttribute('type', numericType);
} catch(e){}
}
}
obj.elements = [obj.splits[0], $('<span class="ws-input-seperator" />')[0], obj.splits[1]];
createYearSelect(obj, opts);
return obj;
},
sort: function(element){
var seperator = $('.ws-input-seperator', element).html(curCfg.dFormat);
var mm = $('input.mm, select.mm', element);
var action;
if(curCfg.date.showMonthAfterYear){
mm.appendTo(element);
action = 'insertBefore';
} else {
mm.prependTo(element);
action = 'insertAfter';
}
seperator[action](mm);
}
}
};
var nowDate = new Date(new Date().getTime() - (new Date().getTimezoneOffset() * 60 * 1000 ));
var nowYear = nowDate.getFullYear();
nowDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours()).getTime();
var steps = {
number: {
step: 1
},
// week: {
// step: 1,
// start: new Date(nowDate)
// },
'datetime-local': {
step: 60,
start: new Date(nowDate).getTime()
},
time: {
step: 60
},
month: {
step: 1,
start: new Date(nowDate)
},
date: {
step: 1,
start: new Date(nowDate)
}
};
var labelWidth = (function(){
var getId = function(){
return webshims.getID(this);
};
return function(element, labels, noFocus){
$(element).attr({'aria-labelledby': labels.map(getId).get().join(' ')});
if(!noFocus){
labels.on('click', function(e){
2014-07-20 02:43:13 +02:00
if(!e.isDefaultPrevented()){
element.getShadowFocusElement().focus();
e.preventDefault();
return false;
}
});
}
};
})();
var addZero = function(val){
if(!val){return "";}
val = val+'';
return val.length == 1 ? '0'+val : val;
};
var loadPicker = function(type, name){
type = (type == 'color' ? 'color' : 'forms')+'-picker';
if(!loadPicker[name+'Loaded'+type]){
loadPicker[name+'Loaded'+type] = true;
webshims.ready(name, function(){
webshims.loader.loadList([type]);
});
}
return type;
};
options.addZero = addZero;
webshims.loader.addModule('forms-picker', {
noAutoCallback: true,
css: 'styles/forms-picker.css',
options: options
});
webshims.loader.addModule('color-picker', {
noAutoCallback: true,
css: 'jpicker/jpicker.css',
options: options,
d: ['forms-picker']
});
options.steps = steps;
(function(){
formcfg.de = $.extend(true, {
numberFormat: {
",": ".",
".": ","
},
timeSigns: ":. ",
numberSigns: ',',
dateSigns: '.',
dFormat: ".",
patterns: {
d: "dd.mm.yy"
},
month: {
currentText: 'Aktueller Monat'
},
time: {
currentText: 'Jetzt'
},
date: {
close: 'schließen',
clear: 'Löschen',
prevText: 'Zurück',
nextText: 'Vor',
currentText: 'Heute',
monthNames: ['Januar','Februar','März','April','Mai','Juni',
'Juli','August','September','Oktober','November','Dezember'],
monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
'Jul','Aug','Sep','Okt','Nov','Dez'],
dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
weekHeader: 'KW',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
}
}, formcfg.de || {});
formcfg.en = $.extend(true, {
numberFormat: {
".": ".",
",": ","
},
numberSigns: '.',
dateSigns: '/',
timeSigns: ":. ",
dFormat: "/",
patterns: {
d: "mm/dd/yy"
},
meridian: ['AM', 'PM'],
month: {
currentText: 'This month'
},
time: {
"currentText": "Now"
},
date: {
"closeText": "Done",
clear: 'Clear',
"prevText": "Prev",
"nextText": "Next",
"currentText": "Today",
"monthNames": ["January","February","March","April","May","June","July","August","September","October","November","December"],
"monthNamesShort": ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
"dayNames": ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
"dayNamesShort": ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],
"dayNamesMin": ["Su","Mo","Tu","We","Th","Fr","Sa"],
"weekHeader": "Wk",
"firstDay": 0,
"isRTL": false,
"showMonthAfterYear": false,
"yearSuffix": ""
}
}, formcfg.en || {});
if(!formcfg['en-US']){
formcfg['en-US'] = $.extend(true, {}, formcfg['en']);
}
if(!formcfg['en-GB']){
formcfg['en-GB'] = $.extend(true, {}, formcfg.en, {
date: {firstDay: 1},
patterns: {d: "dd/mm/yy"}
});
}
if(!formcfg['en-AU']){
formcfg['en-AU'] = $.extend(true, {}, formcfg['en-GB']);
}
if(!formcfg['']){
formcfg[''] = formcfg['en-US'];
}
curCfg = formcfg[''];
var processLangCFG = function(langCfg){
if(!langCfg.date.monthkeys){
var create = function(i, name){
var strNum;
var num = i + 1;
strNum = (num < 10) ? '0'+num : ''+num;
langCfg.date.monthkeys[num] = strNum;
langCfg.date.monthkeys[name] = strNum;
langCfg.date.monthkeys[name.toLowerCase()] = strNum;
};
langCfg.date.monthkeys = {};
langCfg.date.monthDigits = monthDigits;
langCfg.numberSigns += '-';
if(langCfg.meridian){
langCfg.timeSigns += langCfg.meridian[0] + langCfg.meridian[1] + langCfg.meridian[0].toLowerCase() + langCfg.meridian[1].toLowerCase();
}
$.each(langCfg.date.monthNames, create);
$.each(langCfg.date.monthNamesShort, create);
}
if(!langCfg.colorSigns){
langCfg.colorSigns = '#abcdefABCDEF';
}
if(!langCfg['datetime-localSigns']){
langCfg['datetime-localSigns'] = langCfg.dateSigns+langCfg.timeSigns;
}
if(!langCfg['datetime-local']){
langCfg['datetime-local'] = {};
}
if(!langCfg.time){
langCfg.time = {};
}
if(!langCfg['datetime-local'].currentText && langCfg.time.currentText){
langCfg['datetime-local'].currentText = langCfg.time.currentText;
}
};
var triggerLocaleChange = function(){
processLangCFG(curCfg);
$(document).triggerHandler('wslocalechange');
};
curCfg = webshims.activeLang(formcfg);
triggerLocaleChange();
$(formcfg).on('change', function(){
curCfg = formcfg.__active;
triggerLocaleChange();
});
})();
(function(){
var retDefault = function(val, def){
if(!(typeof val == 'number' || (val && val == val * 1))){
return def;
}
return val * 1;
};
var formatVal = {
number: function(val, o, noCorrect){
var parts, len, i, isNegative;
if(o && o.nogrouping){
return (val+'').replace(/\,/g, '').replace(/\./, curCfg.numberFormat['.']);
}
val += '';
if(val.charAt(0) == '-'){
isNegative = true;
val = val.replace('-', '');
}
parts = val.split('.');
len = parts[0].length;
i = len - 1;
val = "";
while(i >= 0) {
val = parts[0].charAt(i) + val;
if (i > 0 && (len - i) % 3 === 0) {
val = curCfg.numberFormat[','] + val;
}
--i;
}
if(parts[1] != null){
if(!noCorrect){
parts[1] = parts[1].replace(/\-/g, '0');
}
val += curCfg.numberFormat['.'] + parts[1];
}
if(isNegative){
val = '-'+val;
}
return val;
},
2014-08-01 01:38:33 +02:00
time: function(val, o, noCorrect){
var fVal, i;
2014-08-01 01:38:33 +02:00
if(val){
val = val.split(':');
if(val.length != 2 || isNaN(parseInt(val[0] || '', 10)) || isNaN(parseInt(val[1] || '', 10))){
return val.join(':');
}
2014-08-01 01:38:33 +02:00
if(curCfg.meridian){
fVal = (val[0] * 1);
if(fVal && fVal >= 12){
val[0] = addZero(fVal - 12+'');
fVal = 1;
} else {
fVal = 0;
}
if(val[0] === '00'){
val[0] = '12';
}
}
if(!noCorrect){
for(i = 0; i < val.length; i++){
val[i] = addZero(val[i]);
}
if(!val[1]){
val[1] = '00';
}
}
2014-08-01 01:38:33 +02:00
val = $.trim(val.join(':'));
if(fVal != null && curCfg.meridian){
val += ' '+curCfg.meridian[fVal];
}
}
return val;
},
'datetime-local': function(val, o){
var fVal = $.trim(val || '').split('T');
if(fVal.length == 2){
val = this.date(fVal[0], o) +' '+this.time(fVal[1], o);
}
return val;
},
// week: function(val){
// return val;
// },
//todo empty val for month/split
month: function(val, options){
var names;
var p = val.split('-');
if(p[0] && p[1]){
if(!options || !options.monthSelect){
names = curCfg.date[options.monthNames] || curCfg.date.monthNames;
p[1] = names[(p[1] * 1) - 1];
}
if(options && options.splitInput){
val = [p[0] || '', p[1] || ''];
} else if(p[1]){
val = curCfg.date.showMonthAfterYear ? p.join(' ') : p[1]+' '+p[0];
}
} else if(options && options.splitInput){
val = [p[0] || '', p[1] || ''];
}
return val;
},
date: function(val, opts){
var p = (val+'').split('-');
if(p[2] && p[1] && p[0]){
if(opts && opts.splitInput){
val = p;
} else {
val = curCfg.patterns.d.replace('yy', p[0] || '');
val = val.replace('mm', p[1] || '');
val = val.replace('dd', p[2] || '');
}
} else if(opts && opts.splitInput){
val = [p[0] || '', p[1] || '', p[2] || ''];
}
return val;
},
color: function(val, opts){
var ret = '#000000';
if(val){
val = val.toLowerCase();
if(val.length == 7 && createHelper('color').isValid(val)) {
ret = val;
}
}
return ret;
}
};
var parseVal = {
number: function(val){
return (val+'').split(curCfg.numberFormat[',']).join('').replace(curCfg.numberFormat['.'], '.');
},
// week: function(val){
// return val;
// },
'datetime-local': function(val, o){
var tmp;
var fVal = $.trim(val || '').split(/\s+/);
if(fVal.length == 2){
if(fVal[0].indexOf(':') != -1 && fVal[1].indexOf(':') == -1){
tmp = fVal[1];
fVal[1] = fVal[0];
fVal[0] = tmp;
}
val = this.date(fVal[0], o) +'T'+ this.time(fVal[1], o);
} else if (fVal.length == 3) {
val = this.date(fVal[0], o) +'T'+ this.time(fVal[1]+fVal[2], o);
}
return val;
},
time: function(val){
var fVal;
if(val && curCfg.meridian){
val = val.toUpperCase();
2014-08-01 01:38:33 +02:00
if(val.substr(0,2) === "12"){
val = "00" + val.substr(2);
}
2014-08-01 01:38:33 +02:00
if(val.indexOf(curCfg.meridian[1]) != -1){
2014-08-01 01:38:33 +02:00
val = val.split(':');
2014-08-01 01:38:33 +02:00
fVal = (val[0].replace(curCfg.meridian[1], '') * 1);
if(!isNaN(fVal)){
val[0] = fVal + 12;
}
val = val.join(':');
}
val = $.trim(val.replace(curCfg.meridian[0], '').replace(curCfg.meridian[1], ''));
}
return val;
},
month: function(val, opts, noCorrect){
var p = (!opts.splitInput) ? val.trim().split(/[\.\s-\/\\]+/) : val;
if(p.length == 2 && p[0] && p[1]){
p[0] = !noCorrect && curCfg.date.monthkeys[p[0]] || p[0];
p[1] = !noCorrect && curCfg.date.monthkeys[p[1]] || p[1];
if(p[1].length == 2 && p[0].length > 3){
val = p[0]+'-'+p[1];
} else if(p[0].length == 2 && p[1].length > 3){
val = p[1]+'-'+p[0];
} else {
val = '';
}
} else if(opts.splitInput) {
val = '';
}
return val;
},
date: function(val, opts, noCorrect){
createFormat('d');
var tmp, obj;
var ret = '';
if(opts.splitInput){
obj = {yy: 0, mm: 1, dd: 2};
} else {
obj = curCfg.patterns.dObj;
val = val.split(curCfg.dFormat);
}
if(val.length == 3 && val[0] && val[1] && val[2] && (!noCorrect || (val[obj.yy].length > 3 && val[obj.mm].length == 2 && val[obj.dd].length == 2))){
if(!opts.noDayMonthSwitch && val[obj.mm] > 12 && val[obj.dd] < 13){
tmp = val[obj.dd];
val[obj.dd] = val[obj.mm];
val[obj.mm] = tmp;
}
if(val[obj.yy].length < 4){
tmp = ((new Date()).getFullYear() +'').substr(0, 4 - val[obj.yy].length);
if(val[obj.yy] > 50){
tmp--;
}
val[obj.yy] = tmp + val[obj.yy];
}
ret = ([addZero(val[obj.yy]), addZero(val[obj.mm]), addZero(val[obj.dd])]).join('-');
}
return ret;
},
color: function(val, opts){
var ret = '#000000';
if(val){
val = val.toLowerCase();
if (val.indexOf('#') !== 0) {
val = '#' + val;
}
if(val.length == 4){
val = '#' + val.charAt(1) + val.charAt(1) + val.charAt(2) + val.charAt(2) + val.charAt(3) + val.charAt(3);
}
if(val.length == 7 && createHelper('color').isValid(val)) {
ret = val;
}
}
return ret;
}
};
var placeholderFormat = {
date: function(val, opts){
var hintValue = (val || '').split('-');
if(hintValue.length == 3){
hintValue = opts.splitInput ?
hintValue :
curCfg.patterns.d.replace('yy', hintValue[0]).replace('mm', hintValue[1]).replace('dd', hintValue[2]);
} else {
hintValue = opts.splitInput ?
[val, val, val] :
val;
}
return hintValue;
},
month: function(val, opts){
var hintValue = (val || '').split('-');
if(hintValue.length == 2){
hintValue = opts.splitInput ?
hintValue :
curCfg.date.showMonthAfterYear ?
hintValue[0] +' '+hintValue[1] :
hintValue[1] +' '+ hintValue[0];
} else {
hintValue = opts.splitInput ?
[val, val] :
val;
}
return hintValue;
}
};
var createHelper = (function(){
var types = {};
return function(type){
var input;
if(!types[type]){
input = $('<input type="'+type+'" step="any" />');
types[type] = {
asNumber: function(val){
var type = (typeof val == 'object') ? 'valueAsDate' : 'value';
return input.prop(type, val).prop('valueAsNumber');
},
asValue: function(val){
var type = (typeof val == 'object') ? 'valueAsDate' : 'valueAsNumber';
return input.prop(type, val).prop('value');
},
asDate: function(val){
var type = (typeof val == 'number') ? 'valueAsNumber' : 'value';
return input.prop(type, val).prop('valueAsDate');
},
isValid: function(val, attrs){
if(attrs && (attrs.nodeName || attrs.jquery)){
attrs = {
min: $(attrs).prop('min') || '',
max: $(attrs).prop('max') || '',
step: $(attrs).prop('step') || 'any'
};
}
attrs = $.extend({step: 'any', min: '', max: ''}, attrs || {});
return input.attr(attrs).prop('value', val).is(':valid') && input.prop('value') == val;
}
};
}
return types[type];
};
})();
steps.range = steps.number;
var wsWidgetProto = {
_create: function(){
var i, that, timedMirror;
var o = this.options;
var createOpts = this.createOpts;
this.type = o.type;
this.orig = o.orig;
this.buttonWrapper = $('<span class="input-buttons '+this.type+'-input-buttons"></span>').insertAfter(this.element);
this.options.containerElements.push(this.buttonWrapper[0]);
o.mirrorValidity = o.mirrorValidity && this.orig && hasFormValidation;
if(o.splitInput && this._addSplitInputs){
if(o.monthSelect){
this.element.addClass('ws-month-select');
}
this._addSplitInputs();
} else {
this.inputElements = this.element;
}
if( steps[this.type] && typeof steps[this.type].start == 'object'){
steps[this.type].start = this.asNumber(steps[this.type].start);
}
for(i = 0; i < createOpts.length; i++){
if(o[createOpts[i]] != null){
this[createOpts[i]](o[createOpts[i]], o[createOpts[i]]);
}
}
if(this.type == 'color'){
this.inputElements.prop('maxLength', 7);
}
this.addBindings();
$(this.element).data('wsWidget'+o.type, this);
if(o.buttonOnly){
this.inputElements.prop({readOnly: true});
}
this._init = true;
if(o.mirrorValidity){
that = this;
timedMirror = function(){
clearTimeout(timedMirror._timerDealy);
timedMirror._timerDealy = setTimeout(timedMirror._wsexec, 9);
};
timedMirror._wsexec = function(){
clearTimeout(timedMirror._timerDealy);
that.mirrorValidity(true);
};
timedMirror();
$(this.orig).on('change input', function(e){
if(e.type == 'input'){
timedMirror();
} else {
timedMirror._wsexec();
}
});
}
},
mirrorValidity: function(_noTest){
//
if(this._init && this.options.mirrorValidity){
if(!_noTest){
$.prop(this.orig, 'validity');
}
var message = $(this.orig).getErrorMessage();
if(message !== this.lastErrorMessage){
this.inputElements.prop('setCustomValidity', function(i, val){
if(val._supvalue){
val._supvalue.call(this, message);
}
});
this.lastErrorMessage = message;
}
}
},
addBindings: function(){
var that = this;
var o = this.options;
var run = function(){
that._addBindings();
};
if(this._addBindings){
run();
} else {
webshims.ready('forms-picker', run);
loadPicker(this.type, 'WINDOWLOAD');
}
this.inputElements
.add(this.buttonWrapper)
.add(this.element)
.one('mousedown focusin', function(e){
loadPicker(that.type, 'DOM');
})
.on({
'change input focus focusin blur focusout': function(e){
var oVal, nVal;
$(e.target).trigger('ws__'+e.type);
if(o.toFixed && o.type == 'number' && e.type == 'change'){
oVal = that.element.prop('value');
nVal = that.toFixed(oVal, true);
if(oVal != nVal){
that.element[0].value = nVal;
}
}
}
})
;
if(this.type != 'color'){
(function(){
var localeChange, select, selectVal;
if(!o.splitInput){
localeChange = function(){
if(o.value){
that.value(o.value, true);
}
if(placeholderFormat[that.type] && o.placeholder){
that.placeholder(o.placeholder);
}
};
} else {
localeChange = function(){
that.reorderInputs();
if(o.monthSelect){
select = that.inputElements.filter('select.mm');
selectVal = select.prop('value');
select.html(getMonthOptions(o));
select.prop('value', selectVal);
}
};
that.reorderInputs();
}
$(that.orig).onWSOff('wslocalechange', localeChange);
})();
}
},
required: function(val, boolVal){
this.inputElements.attr({'aria-required': ''+boolVal});
this.mirrorValidity();
},
parseValue: function(noCorrect){
var value = this.inputElements.map(function(){
return $.prop(this, 'value');
}).get();
if(!this.options.splitInput){
value = value[0];
}
return parseVal[this.type](value, this.options, noCorrect);
},
formatValue: function(val, noSplit){
return formatVal[this.type](val, noSplit === false ? false : this.options);
},
createOpts: ['readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'defaultValue', 'value', 'required'],
placeholder: function(val){
var options = this.options;
options.placeholder = val;
var placeholder = val;
if(placeholderFormat[this.type]){
placeholder = placeholderFormat[this.type](val, this.options);
}
if(options.splitInput && typeof placeholder == 'object'){
$.each(this.splits, function(i, elem){
if($.nodeName(elem, 'select')){
$(elem).children('option:first-child').text(placeholder[i]);
} else {
$.prop(elem, 'placeholder', placeholder[i]);
}
});
} else {
this.element.prop('placeholder', placeholder);
}
},
list: function(val){
if(this.type == 'number'){
this.element.attr('list', $.attr(this.orig, 'list'));
}
this.options.list = val;
this._propertyChange('list');
},
_propertyChange: $.noop,
tabindex: function(val){
this.options.tabindex = val;
this.inputElements.prop('tabindex', this.options.tabindex);
$('button', this.buttonWrapper).prop('tabindex', this.options.tabindex);
},
title: function(val){
if(!val && this.orig && $.attr(this.orig, 'title') == null){
val = null;
}
this.options.title = val;
if(val == null){
this.inputElements.removeAttr('title');
} else {
this.inputElements.prop('title', this.options.title);
}
}
};
['defaultValue', 'value'].forEach(function(name){
var formatName = 'format'+name;
wsWidgetProto[name] = function(val, force){
if(!this._init || force || val !== this.options[name] || this.options[formatName] != this.element.prop(name)){
this.options[formatName] = this.formatValue(val);
this.element.prop(name, this.options[formatName]);
this.options[name] = val;
this._propertyChange(name);
this.mirrorValidity();
}
};
});
['readonly', 'disabled'].forEach(function(name){
var isDisabled = name == 'disabled';
wsWidgetProto[name] = function(val, boolVal){
var options = this.options;
if(options[name] != boolVal || !this._init){
options[name] = !!boolVal;
if(!isDisabled && options.buttonOnly){
this.inputElements.attr({'aria-readonly': options[name]});
} else {
this.inputElements.prop(name, options[name]);
}
this.buttonWrapper[options[name] ? 'addClass' : 'removeClass']('ws-'+name);
if(isDisabled){
$('button', this.buttonWrapper).prop('disabled', options[name]);
}
}
};
});
var spinBtnProto = $.extend({}, wsWidgetProto, {
_create: function(){
var o = this.options;
var helper = createHelper(o.type);
this.elemHelper = $('<input type="'+ o.type+'" />');
this.asNumber = helper.asNumber;
this.asValue = helper.asValue;
this.isValid = helper.isValid;
this.asDate = helper.asDate;
wsWidgetProto._create.apply(this, arguments);
this._init = false;
this.buttonWrapper.html('<span unselectable="on" class="step-controls"><span class="step-up step-control"></span><span class="step-down step-control"></span></span>');
if(this.type == 'number'){
this.inputElements.attr('inputmode', 'numeric');
}
if((!o.max && typeof o.relMax == 'number') || (!o.min && typeof o.relMin == 'number')){
webshims.error('relMax/relMin are not supported anymore calculate at set it your own.');
}
if(this.options.relDefaultValue){
webshims.warn('relDefaultValue was removed use startValue instead!');
}
this._init = true;
},
createOpts: ['step', 'min', 'max', 'readonly', 'title', 'disabled', 'tabindex', 'placeholder', 'defaultValue', 'value', 'required'],
_addSplitInputs: function(){
if(!this.inputElements){
var create = splitInputs[this.type]._create(this.options);
this.splits = create.splits;
this.inputElements = $(create.elements).prependTo(this.element).filter('input, select');
}
},
addZero: addZero,
_setStartInRange: function(){
var start = this.options.startValue && this.asNumber( this.options.startValue ) || steps[this.type].start || 0;
if(!isNaN(this.minAsNumber) && start < this.minAsNumber){
start = this.minAsNumber;
} else if(!isNaN(this.maxAsNumber) && start > this.maxAsNumber){
start = this.maxAsNumber;
}
try {
this.elemHelper.prop('valueAsNumber', start);
} catch(e){
webshims.warn('valueAsNumber set: '+e);
}
this.options.defValue = this.elemHelper.prop('value');
},
reorderInputs: function(){
if(splitInputs[this.type]){
var element = this.element.attr('dir', curCfg.date.isRTL ? 'rtl' : 'ltr');
splitInputs[this.type].sort(element, this.options);
setTimeout(function(){
var data = webshims.data(element);
if(data && data.shadowData){
data.shadowData.shadowFocusElement = element.find('input, select')[0] || element[0];
}
}, 9);
}
},
step: function(val){
var defStep = steps[this.type];
this.options.step = val;
this.elemHelper.prop('step', retDefault(val, defStep.step));
this.mirrorValidity();
},
_beforeValue: function(val){
this.valueAsNumber = this.asNumber(val);
this.options.value = val;
if(isNaN(this.valueAsNumber) || (!isNaN(this.minAsNumber) && this.valueAsNumber < this.minAsNumber) || (!isNaN(this.maxAsNumber) && this.valueAsNumber > this.maxAsNumber)){
this._setStartInRange();
} else {
this.elemHelper.prop('value', val);
this.options.defValue = "";
}
},
toFixed: function(val, force){
var o = this.options;
if(o.toFixed && o.type == 'number' && val && !isNaN(this.valueAsNumber) && (force || !this.element.is(':focus')) && (!o.fixOnlyFloat || (this.valueAsNumber % 1))){
val = formatVal[this.type](this.valueAsNumber.toFixed(o.toFixed), this.options);
}
return val;
}
});
['defaultValue', 'value'].forEach(function(name){
var isValue = name == 'value';
spinBtnProto[name] = function(val, force, isLive){
var selectionEnd;
if(isValue){
this._beforeValue(val);
} else {
this.elemHelper.prop(name, val);
}
val = formatVal[this.type](val, this.options);
if(this.options.splitInput){
$.each(this.splits, function(i, elem){
var setOption;
if(!(name in elem) && !isValue && $.nodeName(elem, 'select')){
$('option[value="'+ val[i] +'"]', elem).prop('defaultSelected', true);
} else {
$.prop(elem, name, val[i]);
}
});
} else {
val = this.toFixed(val);
if(isLive && this._getSelectionEnd){
selectionEnd = this._getSelectionEnd(val);
}
this.element.prop(name, val);
if(selectionEnd != null){
this.element.prop('selectionEnd', selectionEnd);
}
}
this._propertyChange(name);
this.mirrorValidity();
};
});
$.each({min: 1, max: -1}, function(name, factor){
var numName = name +'AsNumber';
spinBtnProto[name] = function(val){
this.elemHelper.prop(name, val);
this[numName] = this.asNumber(val);
if(this.valueAsNumber != null && (isNaN(this.valueAsNumber) || (!isNaN(this[numName]) && (this.valueAsNumber * factor) < (this[numName] * factor)))){
this._setStartInRange();
}
this.options[name] = val;
if(this._init){
createYearSelect({elements: this.inputElements}, this.options);
}
this._propertyChange(name);
this.mirrorValidity();
};
});
$.fn.wsBaseWidget = function(opts){
opts = $.extend({}, opts);
return this.each(function(){
webshims.objectCreate(wsWidgetProto, {
element: {
value: $(this)
}
}, opts);
});
};
$.fn.wsBaseWidget.wsProto = wsWidgetProto;
$.fn.spinbtnUI = function(opts){
opts = $.extend({
monthNames: 'monthNamesShort'
}, opts);
return this.each(function(){
webshims.objectCreate(spinBtnProto, {
element: {
value: $(this)
}
}, opts);
});
};
$.fn.spinbtnUI.wsProto = spinBtnProto;
webshims._format = formatVal;
})();
if(!$.fn.wsTouchClick){
$.fn.wsTouchClick = (function(){
var supportsTouchaction = ('touchAction' in document.documentElement.style);
var addTouch = !supportsTouchaction && ('ontouchstart' in window) && document.addEventListener;
return function(target, handler){
var touchData, touchEnd, touchStart, stopClick, allowClick;
var runHandler = function(){
if(!stopClick){
return handler.apply(this, arguments);
}
};
2014-09-05 21:05:17 +02:00
if($.isFunction(target)){
handler = target;
target = false;
this.on('click', runHandler);
} else {
this.on('click', target, runHandler);
}
if(addTouch){
allowClick = function(){
stopClick = false;
};
touchEnd = function(e){
var ret, touch;
e = e.originalEvent || {};
$(this).off('touchend touchcancel', touchEnd);
var changedTouches = e.changedTouches || e.touches;
if(e.type == 'touchcancel' || !touchData || !changedTouches || changedTouches.length != 1){
return;
}
touch = changedTouches[0];
if(Math.abs(touchData.x - touch.pageX) > 40 || Math.abs(touchData.y - touch.pageY) > 40 || Date.now() - touchData.now > 300){
return;
}
e.preventDefault();
stopClick = true;
setTimeout(allowClick, 400);
ret = handler.apply(this, arguments);
return ret;
};
touchStart = function(e){
var touch, elemTarget;
if((!e || e.touches.length != 1)){
return;
}
touch = e.touches[0];
elemTarget = target ? $(touch.target).closest(target) : $(this);
if(!elemTarget.length){
return;
}
touchData = {
x: touch.pageX,
y: touch.pageY,
now: Date.now()
};
elemTarget.on('touchend touchcancel', touchEnd);
};
this.each(function(){
this.addEventListener('touchstart', touchStart, true);
});
2014-09-05 21:05:17 +02:00
} else if(supportsTouchaction && !target){
this.css('touch-action', 'manipulation');
}
2014-09-05 21:05:17 +02:00
return this;
};
})();
}
(function(){
var picker = {};
var modern = window.Modernizr;
var assumeVirtualKeyBoard = (modern && (modern.touchevents || modern.touch)) || (/android|iphone|ipad|ipod|blackberry|iemobile/i.test(navigator.userAgent.toLowerCase()));
webshims.inlinePopover = {
_create: function(){
this.element = $('<div class="ws-inline-picker"><div class="ws-po-box" /></div>').data('wspopover', this);
this.contentElement = $('.ws-po-box', this.element);
this.element.insertAfter(this.options.prepareFor);
},
show: $.noop,
hide: $.noop,
preventBlur: $.noop,
isVisible: true
};
picker.isInRange = function(value, max, min){
return !((min[0] && min[0] > value[0]) || (max[0] && max[0] < value[0]));
};
picker.createYearSelect = function(value, max, min, valueAdd, stepper){
if(!stepper){
stepper = {start: value, step: 1, label: value};
}
var temp;
var goUp = true;
var goDown = true;
var options = ['<option selected="">'+ stepper.label + '</option>'];
var i = 0;
var createOption = function(value, add){
var value2, label;
if(stepper.step > 1){
value2 = value + stepper.step - 1;
label = value+' '+value2;
} else {
label = value;
}
if(picker.isInRange([value], max, min) || (value2 && picker.isInRange([value2], max, min))){
options[add]('<option value="'+ (value+valueAdd) +'">'+ label +'</option>');
return true;
}
};
if(!valueAdd){
valueAdd = '';
}
while(i < 18 && (goUp || goDown)){
i++;
if(goUp){
temp = stepper.start - (i * stepper.step);
goUp = createOption(temp, 'unshift');
}
if(goDown){
temp = stepper.start + (i * stepper.step);
goDown = createOption(temp, 'push');
}
}
return options;
};
picker._genericSetFocus = function(element, _noFocus){
element = $(element || this.activeButton);
if(!this.popover.openedByFocus && !_noFocus){
var that = this;
var setFocus = function(noTrigger){
clearTimeout(that.timer);
that.timer = setTimeout(function(){
if(element[0]){
element.trigger('focus');
if(noTrigger !== true && !element.is(':focus')){
setFocus(true);
}
}
}, that.popover.isVisible ? 0 : 360);
};
this.popover.activateElement(element);
setFocus();
}
};
picker._actions = {
changeInput: function(val, popover, data){
if(!data.options.noChangeDismiss){
picker._actions.cancel(val, popover, data);
}
data.setChange(val);
},
cancel: function(val, popover, data){
if(!data.options.inlinePicker){
popover.stopOpen = true;
if(!popover.openedByFocus && assumeVirtualKeyBoard){
$('button', data.buttonWrapper).trigger('focus');
} else {
data.element.getShadowFocusElement().trigger('focus');
}
setTimeout(function(){
popover.stopOpen = false;
}, 9);
popover.hide();
}
}
};
picker.commonInit = function(data, popover){
if(data._commonInit){return;}
data._commonInit = true;
var tabbable;
popover.isDirty = true;
popover.element.on('updatepickercontent pickerchange', function(){
tabbable = false;
});
if(!data.options.inlinePicker){
popover.contentElement.on({
keydown: function(e){
if(e.keyCode == 9){
if(!tabbable){
tabbable = $('input:not(:disabled), [tabindex="0"]:not(:disabled)', this).filter(':visible');
}
var index = tabbable.index(e.target);
if(e.shiftKey && index <= 0){
tabbable.last().focus();
return false;
}
if(!e.shiftKey && index >= tabbable.length - 1){
tabbable.first().focus();
return false;
}
} else if(e.keyCode == 27){
data.element.getShadowFocusElement().focus();
popover.hide();
return false;
}
}
});
}
data._propertyChange = (function(){
var timer;
var update = function(){
if(popover.isVisible){
popover.element.triggerHandler('updatepickercontent');
}
};
return function(prop){
if(prop == 'value' && (!data.options.inlinePicker || data._handledValue )){return;}
popover.isDirty = true;
if(popover.isVisible){
clearTimeout(timer);
timer = setTimeout(update, 9);
}
};
})();
popover.activeElement = $([]);
popover.activateElement = function(element){
element = $(element);
if(element[0] != popover.activeElement[0]){
popover.activeElement.removeClass('ws-focus');
element.addClass('ws-focus');
}
popover.activeElement = element;
};
popover.element.on({
wspopoverbeforeshow: function(){
data.element.triggerHandler('wsupdatevalue');
popover.element.triggerHandler('updatepickercontent');
}
});
$(data.orig).on('remove', function(e){
if(!e.originalEvent){
$(document).off('wslocalechange', data._propertyChange);
}
});
};
picker._common = function(data){
if(data.options.nopicker){return;}
var options = data.options;
var popover = webshims.objectCreate(options.inlinePicker ? webshims.inlinePopover : webshims.wsPopover, {}, $.extend(options.popover || {}, {prepareFor: options.inlinePicker ? data.buttonWrapper : data.element}));
var opener = $('<button type="button" class="ws-popover-opener"><span /></button>').appendTo(data.buttonWrapper);
var showPickerContent = function(){
(picker[data.type].showPickerContent || picker.showPickerContent)(data, popover);
};
var show = function(){
var type = loadPicker(data.type, 'DOM');
if(!options.disabled && !options.readonly && (options.inlinePicker || !popover.isVisible)){
webshims.ready(type, showPickerContent);
popover.show(data.element);
}
};
var open = function(){
if((options.inlinePicker || popover.isVisible) && popover.activeElement){
popover.openedByFocus = false;
popover.activeElement.focus();
}
show();
};
var toogle = function(){
if(popover.openedByFocus || !popover.isVisible){
open();
} else {
popover.hide();
}
}
options.containerElements.push(popover.element[0]);
popover.element
.addClass(data.type+'-popover input-picker')
.attr({role: 'application'})
.on({
wspopoverhide: function(){
popover.openedByFocus = false;
},
focusin: function(e){
if(popover.activateElement){
popover.openedByFocus = false;
popover.activateElement(e.target);
}
},
focusout: function(){
if(popover.activeElement){
popover.activeElement.removeClass('ws-focus');
}
if(options.inlinePicker){
popover.openedByFocus = true;
}
}
})
;
labelWidth(popover.element.children('div.ws-po-outerbox').attr({role: 'group'}), options.labels, true);
labelWidth(opener, options.labels, true);
if(options.tabindex != null){
opener.attr({tabindex: options.tabindex});
}
if(options.disabled){
opener.prop({disabled: true});
}
opener.wsTouchClick(toogle);
if(options.inlinePicker){
popover.openedByFocus = true;
} else {
opener
.on({
mousedown: function(){
stopPropagation.apply(this, arguments);
popover.preventBlur();
},
keydown: function(e){
if(e.keyCode == 40 && e.altKey){
open();
}
},
'focus mousedown': (function(){
var allowClose = true;
var reset = function(){
allowClose = true;
};
return function(e){
if(e.type == 'mousedown'){
allowClose = false;
setTimeout(reset);
}
if(e.type == 'focus' && allowClose && options.openOnFocus && popover.openedByFocus && (popover.options.appendTo == 'auto' || popover.options.appendTo == 'element')){
popover.hide();
} else {
popover.preventBlur();
}
};
})()
})
;
(function(){
var mouseFocus = false;
var resetMouseFocus = function(){
mouseFocus = false;
};
data.inputElements.on({
keydown: function(e){
if(e.keyCode == 40 && e.altKey && !$.nodeName(e.target, 'select')){
open();
}
},
focus: function(e){
if(!popover.stopOpen && (options.buttonOnly || options.openOnFocus || (mouseFocus && options.openOnMouseFocus)) && !$.nodeName(e.target, 'select')){
popover.openedByFocus = options.buttonOnly ? false : !options.noInput;
show();
} else {
popover.preventBlur();
}
},
mousedown: function(e){
mouseFocus = true;
setTimeout(resetMouseFocus, 9);
if(options.buttonOnly && popover.isVisible && popover.activeElement){
popover.openedByFocus = false;
setTimeout(function(){
popover.openedByFocus = false;
popover.activeElement.focus();
}, 4);
}
if(data.element.is(':focus') && !$.nodeName(e.target, 'select')){
popover.openedByFocus = options.buttonOnly ? false : !options.noInput;
show();
}
popover.preventBlur();
}
});
})();
}
data.popover = popover;
data.opener = opener;
$(data.orig).on('remove', function(e){
if(!e.originalEvent){
setTimeout(function(){
opener.remove();
popover.element.remove();
}, 4);
}
});
if(options.inlinePicker){
show();
}
};
picker.month = picker._common;
picker.date = picker._common;
picker.time = picker._common;
picker['datetime-local'] = picker._common;
// picker.week = picker._common;
picker.color = function(data){
var ret = picker._common.apply(this, arguments);
var alpha = $(data.orig).data('alphacontrol');
var colorIndicator = data.opener
.prepend('<span class="ws-color-indicator-bg"><span class="ws-color-indicator" /></span>')
.find('.ws-color-indicator')
;
var showColor = function(){
colorIndicator.css({backgroundColor: $.prop(this, 'value') || '#000000'});
};
var showOpacity = (function(){
var timer;
var show = function(){
try {
var value = data.alpha.prop('valueAsNumber') / (data.alpha.prop('max') || 1);
if(!isNaN(value)){
colorIndicator.css({opacity: value});
}
} catch(er){}
};
return function(e){
clearTimeout(timer);
timer = setTimeout(show, !e || e.type == 'change' ? 4: 40);
};
})();
data.alpha = (alpha) ? $('#'+alpha) : $([]);
$(data.orig).on('wsupdatevalue change', showColor).each(showColor);
data.alpha.on('wsupdatevalue change input', showOpacity).each(showOpacity);
return ret;
};
webshims.picker = picker;
})();
(function(){
var stopCircular, isCheckValidity;
var supportInputTypes = webshims.support.inputtypes;
var inputTypes = {
};
var boolAttrs = {disabled: 1, required: 1, readonly: 1};
var copyProps = [
'disabled',
'readonly',
'value',
'defaultValue',
'min',
'max',
'step',
'title',
'required',
'placeholder'
];
//
var copyAttrs = ['data-placeholder', 'tabindex'];
$.each(copyProps.concat(copyAttrs), function(i, name){
var fnName = name.replace(/^data\-/, '');
webshims.onNodeNamesPropertyModify('input', name, function(val, boolVal){
if(!stopCircular){
var shadowData = webshims.data(this, 'shadowData');
if(shadowData && shadowData.data && shadowData.nativeElement === this && shadowData.data[fnName]){
if(boolAttrs[fnName]){
shadowData.data[fnName](val, boolVal);
} else {
shadowData.data[fnName](val);
}
}
}
});
});
if(options.replaceUI && 'valueAsNumber' in document.createElement('input')){
var reflectFn = function(){
if(webshims.data(this, 'hasShadow')){
$.prop(this, 'value', $.prop(this, 'value'));
}
};
webshims.onNodeNamesPropertyModify('input', 'valueAsNumber', reflectFn);
webshims.onNodeNamesPropertyModify('input', 'valueAsDate', reflectFn);
$.each({stepUp: 1, stepDown: -1}, function(name, stepFactor){
var stepDescriptor = webshims.defineNodeNameProperty('input', name, {
prop: {
value: function(){
var ret;
if(stepDescriptor.prop && stepDescriptor.prop._supvalue){
ret = stepDescriptor.prop._supvalue.apply(this, arguments);
reflectFn.apply(this, arguments);
}
return ret;
}
}
});
});
}
var extendType = (function(){
return function(name, data){
inputTypes[name] = data;
data.attrs = $.merge([], copyAttrs, data.attrs);
data.props = $.merge([], copyProps, data.props);
};
})();
var isVisible = function(){
return $.css(this, 'display') != 'none';
};
var sizeInput = function(data){
var init, parent, lastWidth, left, right, isRtl, hasButtons;
var oriStyleO = data.orig.style;
var styleO = data.element[0].style;
if($.support.boxSizing == null){
$(function(){
parent = data.orig.parentNode;
});
} else {
parent = data.orig.parentNode;
}
var updateStyles = function(){
var curWidth, marginR, marginL, assignWidth;
var correctWidth = 0.8;
if(parent){
curWidth = parent.offsetWidth;
}
if(!init || (curWidth && curWidth != lastWidth)){
lastWidth = curWidth;
oriStyleO.display = '';
styleO.display = 'none';
if(!init){
hasButtons = data.buttonWrapper && data.buttonWrapper.filter(isVisible).length;
isRtl = hasButtons && data.buttonWrapper.css('direction') == 'rtl';
if(isRtl){
left = 'Right';
right = 'Left';
} else {
left = 'Left';
right = 'Right';
}
if(hasButtons){
data.buttonWrapper[isRtl ? 'addClass' : 'removeClass']('ws-is-rtl');
}
}
marginR = $.css( data.orig, 'margin'+right);
styleO['margin'+left] = $.css( data.orig, 'margin'+left);
styleO['margin'+right] = hasButtons ? '0px' : marginR;
if(hasButtons){
marginL = (parseInt(data.buttonWrapper.css('margin'+left), 10) || 0);
styleO['padding'+right] = '';
if(marginL < 0){
marginR = (parseInt(marginR, 10) || 0) + ((data.buttonWrapper.outerWidth() + marginL) * -1);
data.buttonWrapper[0].style['margin'+right] = marginR+'px';
styleO['padding'+right] = ((parseInt( data.element.css('padding'+right), 10) || 0) + data.buttonWrapper.outerWidth()) +'px';
} else {
data.buttonWrapper[0].style['margin'+right] = marginR;
correctWidth = data.buttonWrapper.outerWidth(true) + correctWidth;
}
}
assignWidth = $(data.orig).outerWidth() - correctWidth;
styleO.display = '';
data.element.outerWidth(assignWidth);
oriStyleO.display = 'none';
init = true;
}
};
oriStyleO.webkitAppearance = 'none';
data.element.onWSOff('updateshadowdom', updateStyles, true);
};
var implementType = function(){
var type = $.prop(this, 'type');
var i, opts, data, optsName, labels, cNames, hasInitialFocus;
if(inputTypes[type] && webshims.implement(this, 'inputwidgets') && (!supportInputTypes[type] || !$(this).hasClass('ws-noreplace'))){
data = {};
optsName = type;
hasInitialFocus = $(this).is(':focus');
labels = $(this).jProp('labels');
opts = $.extend(webshims.getOptions(this, type, [options.widgets, options[type], $($.prop(this, 'form')).data(type)]), {
orig: this,
type: type,
labels: labels,
options: {},
input: function(val){
opts._change(val, 'input');
},
change: function(val){
opts._change(val, 'change');
},
_change: function(val, trigger){
stopCircular = true;
$.prop(opts.orig, 'value', val);
stopCircular = false;
if(trigger){
$(opts.orig).trigger(trigger);
}
},
containerElements: []
});
for(i = 0; i < copyProps.length; i++){
opts[copyProps[i]] = $.prop(this, copyProps[i]);
}
for(i = 0; i < copyAttrs.length; i++){
optsName = copyAttrs[i].replace(/^data\-/, '');
if(optsName == 'placeholder' || !opts[optsName]){
opts[optsName] = $.attr(this, copyAttrs[i]) || opts[optsName];
}
}
if(opts.formatMonthNames){
webshims.error('formatMonthNames was renamded to monthNames');
}
if(opts.onlyMonthDigits){
opts.monthNames = 'monthDigits';
}
data.shim = inputTypes[type]._create(opts);
webshims.addShadowDom(this, data.shim.element, {
data: data.shim || {}
});
data.shim.options.containerElements.push(data.shim.element[0]);
cNames = $.prop(this, 'className');
if(opts.classes){
cNames += ' '+opts.classes;
$(this).addClass(opts.classes);
}
if(opts.splitInput || type == 'range'){
cNames = cNames.replace('form-control', '');
}
data.shim.element.on('change input', stopPropagation).addClass(cNames+' '+webshims.shadowClass);
if(data.shim.buttonWrapper){
data.shim.buttonWrapper.addClass('input-button-size-'+(data.shim.buttonWrapper.children().filter(isVisible).length)+' '+webshims.shadowClass);
if(data.shim.buttonWrapper.filter(isVisible).length){
data.shim.element.addClass('has-input-buttons');
}
}
labelWidth($(this).getShadowFocusElement(), labels);
$(this).on('change', function(e){
if(!stopCircular){
data.shim.value($.prop(this, 'value'));
}
});
(function(){
var has = {
focusin: true,
focus: true
};
var timer;
var hasFocusTriggered = false;
var hasFocus = false;
$(data.shim.options.containerElements)
.on({
'focusin focus focusout blur': function(e){
e.stopImmediatePropagation();
hasFocus = has[e.type];
clearTimeout(timer);
timer = setTimeout(function(){
if(hasFocus != hasFocusTriggered){
hasFocusTriggered = hasFocus;
$(opts.orig).triggerHandler(hasFocus ? 'focus' : 'blur');
$(opts.orig).trigger(hasFocus ? 'focusin' : 'focusout');
}
hasFocusTriggered = hasFocus;
}, 9);
}
})
;
})();
if(hasFormValidation){
$(opts.orig).on('firstinvalid', function(e){
if(!webshims.fromSubmit && isCheckValidity){return;}
$(opts.orig).off('invalid.replacedwidgetbubble').on('invalid.replacedwidgetbubble', function(evt){
if(!evt.isDefaultPrevented()){
webshims.validityAlert.showFor( e.target );
e.preventDefault();
evt.preventDefault();
}
$(opts.orig).off('invalid.replacedwidgetbubble');
});
});
}
2014-07-20 02:43:13 +02:00
if(opts.calculateWidth){
sizeInput(data.shim);
} else {
$(this).css('display', 'none');
}
if(hasInitialFocus){
$(this).getShadowFocusElement().trigger('focus');
}
}
};
if(hasFormValidation){
['input', 'form'].forEach(function(name){
var desc = webshims.defineNodeNameProperty(name, 'checkValidity', {
prop: {
value: function(){
isCheckValidity = true;
var ret = desc.prop._supvalue.apply(this, arguments);
isCheckValidity = false;
return ret;
}
}
});
});
}
var replace = {};
2014-07-20 02:43:13 +02:00
if(options.replaceUI){
2014-07-20 02:43:13 +02:00
$.each($.extend(replace, $.isPlainObject(options.replaceUI) ? options.replaceUI : {
'range': 1,
'number': 1,
'time': 1,
'month': 1,
'date': 1,
'color': 1,
'datetime-local': 1
}), function(name, val){
if(supportInputTypes[name] && val == 'auto'){
replace[name] = webshims._getAutoEnhance(val);
}
});
}
2014-07-20 02:43:13 +02:00
if(supportInputTypes.number && navigator.userAgent.indexOf('Touch') == -1 && ((/MSIE 1[0|1]\.\d/.test(navigator.userAgent)) || (/Trident\/7\.0/.test(navigator.userAgent)))){
replace.number = 1;
}
2014-07-20 02:43:13 +02:00
if(replace.range !== false && (!supportInputTypes.range || replace.range)){
extendType('range', {
_create: function(opts, set){
var data = $('<span />').insertAfter(opts.orig).rangeUI(opts).data('rangeUi');
return data;
}
});
}
['number', 'time', 'month', 'date', 'color', 'datetime-local'].forEach(function(name){
2014-07-20 02:43:13 +02:00
if(replace[name] !== false && (!supportInputTypes[name] || replace[name])){
extendType(name, {
_create: function(opts, set){
if(opts.monthSelect || opts.daySelect || opts.yearSelect){
opts.splitInput = true;
}
2014-07-20 02:43:13 +02:00
if(opts.splitInput && !splitInputs[name]){
webshims.warn('splitInput not supported for '+ name);
opts.splitInput = false;
}
var markup = opts.splitInput ?
'<span class="ws-'+name+' ws-input ws-inputreplace" role="group"></span>' :
'<input class="ws-'+name+' ws-inputreplace" type="text" />';
var data = $(markup).insertAfter(opts.orig);
if(steps[name]){
data = data.spinbtnUI(opts).data('wsWidget'+name);
} else {
data = data.wsBaseWidget(opts).data('wsWidget'+name);
}
if(webshims.picker && webshims.picker[name]){
webshims.picker[name](data);
}
return data;
}
});
}
});
var init = function(){
webshims.addReady(function(context, contextElem){
$('input', context)
.add(contextElem.filter('input'))
.each(implementType)
;
});
};
if($('<input />').prop('labels') == null){
webshims.defineNodeNamesProperty('button, input, keygen, meter, output, progress, select, textarea', 'labels', {
prop: {
get: function(){
if(this.type == 'hidden'){return null;}
var id = this.id;
var labels = $(this)
.closest('label')
.filter(function(){
var hFor = (this.attributes['for'] || {});
return (!hFor.specified || hFor.value == id);
})
;
if(id) {
labels = labels.add('label[for="'+ id +'"]');
}
return labels.get();
},
writeable: false
}
});
}
if(formcfg._isLoading){
$(formcfg).one('change', init);
} else {
init();
}
})();
});