agenda-libre-ruby/public/webshims/shims/form-shim-extend2.js
2014-07-20 02:43:13 +02:00

1253 lines
34 KiB
JavaScript

webshims.register('form-shim-extend2', function($, webshims, window, document, undefined, options){
"use strict";
var isNumber = function(string){
return (typeof string == 'number' || (string && string == string * 1));
};
var support = webshims.support;
//support getSetAttribute
var supportGetSetAttribute = !(('getSetAttribute' in $.support) && !$.support.getSetAttribute);
//submitbubbles for IE6-IE8
var supportSubmitBubbles = !('submitBubbles' in $.support) || $.support.submitBubbles;
var addSubmitBubbles = function(form){
if (!supportSubmitBubbles && form && typeof form == 'object' && !form._submit_attached ) {
$.event.add( form, 'submit._submit', function( event ) {
event._submit_bubble = true;
});
form._submit_attached = true;
}
};
if(!supportSubmitBubbles && $.event.special.submit){
$.event.special.submit.setup = function() {
// Only need this for delegated form submit events
if ( $.nodeName( this, "form" ) ) {
return false;
}
// Lazy-add a submit handler when a descendant form may potentially be submitted
$.event.add( this, "click._submit keypress._submit", function( e ) {
// Node name check avoids a VML-related crash in IE (#9807)
var elem = e.target,
form = $.nodeName( elem, 'input' ) || $.nodeName( elem, 'button' ) ? $.prop(elem, 'form') : undefined;
addSubmitBubbles(form);
});
// return undefined since we don't need an event listener
};
}
webshims.reflectProperties(['input'], ['pattern']);
if( !('maxLength' in document.createElement('textarea')) ){
var constrainMaxLength = (function(){
var timer;
var curLength = 0;
var lastElement = $([]);
var max = 1e9;
var constrainLength = function(){
var nowValue = lastElement.prop('value');
var nowLen = nowValue.length;
if(nowLen > curLength && nowLen > max){
nowLen = Math.max(curLength, max);
lastElement.prop('value', nowValue.substr(0, nowLen ));
}
curLength = nowLen;
};
var remove = function(){
clearTimeout(timer);
lastElement.off('.maxlengthconstraint');
};
return function(element, maxLength){
remove();
if(maxLength > -1){
max = maxLength;
curLength = $.prop(element, 'value').length;
lastElement = $(element);
lastElement.on({
'keydown.maxlengthconstraint keypress.maxlengthconstraint paste.maxlengthconstraint cut.maxlengthconstraint': function(e){
setTimeout(constrainLength, 0);
},
'keyup.maxlengthconstraint': constrainLength,
'blur.maxlengthconstraint': remove
});
timer = setInterval(constrainLength, 200);
}
};
})();
constrainMaxLength.update = function(element, maxLength){
if($(element).is(':focus')){
if(!maxLength){
maxLength = $.prop(element, 'maxlength');
}
constrainMaxLength(element, maxLength);
}
};
$(document).on('focusin', function(e){
var maxLength;
if(e.target.nodeName == "TEXTAREA" && (maxLength = $.prop(e.target, 'maxlength')) > -1){
constrainMaxLength(e.target, maxLength);
}
});
webshims.defineNodeNameProperty('textarea', 'maxlength', {
attr: {
set: function(val){
this.setAttribute('maxlength', ''+val);
constrainMaxLength.update(this);
},
get: function(){
var ret = this.getAttribute('maxlength');
return ret == null ? undefined : ret;
}
},
prop: {
set: function(val){
if(isNumber(val)){
if(val < 0){
throw('INDEX_SIZE_ERR');
}
val = parseInt(val, 10);
this.setAttribute('maxlength', val);
constrainMaxLength.update(this, val);
return;
}
this.setAttribute('maxlength', '0');
constrainMaxLength.update(this, 0);
},
get: function(){
var val = this.getAttribute('maxlength');
return (isNumber(val) && val >= 0) ? parseInt(val, 10) : -1;
}
}
});
webshims.defineNodeNameProperty('textarea', 'maxLength', {
prop: {
set: function(val){
$.prop(this, 'maxlength', val);
},
get: function(){
return $.prop(this, 'maxlength');
}
}
});
}
if(!supportGetSetAttribute && $('<form novalidate></form>').attr('novalidate') == null){
webshims.defineNodeNameProperty('form', 'novalidate', {
attr: {
set: function(val){
this.setAttribute('novalidate', ''+val);
},
get: function(){
var ret = this.getAttribute('novalidate');
return ret == null ? undefined : ret;
}
}
});
}
if(!support.fieldsetdisabled || !support.fieldsetelements){
(function(){
if(!support.fieldsetdisabled){
var hasIsDisabled = 'isDisabled' in document.createElement('div');
var isFieldsetGroup = {
fieldset: 1,
FIELDSET: 1
};
var disableElementsSel = 'input, textarea, select, button';
var isDisabledChild = function(elem){
if(hasIsDisabled && !elem.isDisabled){
return false;
}
return $.find.matchesSelector(elem, 'fieldset[disabled] *' );
};
var isDisabledChildFilter = hasIsDisabled ?
function(){
return this.isDisabled && $.find.matchesSelector(this, 'fieldset[disabled] *' );
} :
'fieldset[disabled] *';
var isEnableChildFilter = hasIsDisabled ?
function(){
return !this.isDisabled && !$.find.matchesSelector(this, 'fieldset[disabled] *' );
} :
':not(fieldset[disabled] *)';
$.extend($.expr[":"], {
"enabled": function( elem ) {
return isFieldsetGroup[elem.nodeName] ? (webshims.contentAttr(elem, 'disabled') == null && !isDisabledChild(elem)) : elem.disabled === false;
},
"disabled": function( elem ) {
return isFieldsetGroup[elem.nodeName] ? (webshims.contentAttr(elem, 'disabled') != null || isDisabledChild(elem)) : elem.disabled === true;
}
});
var groupControl = {
disable: function(){
if(!this.disabled){
webshims.data(this, 'groupedisabled', true);
this.disabled = true;
}
},
enable: function(){
if(this.disabled && webshims.data(this, 'groupedisabled')){
webshims.data(this, 'groupedisabled', false);
this.disabled = false;
}
}
};
$(window).on('unload', function(){
$(disableElementsSel).each(groupControl.enable);
});
webshims.defineNodeNamesBooleanProperty(['fieldset'], 'disabled', {
set: function(value){
value = !!value;
if(value){
$(this.querySelectorAll(disableElementsSel)).each(groupControl.disable);
} else if(!isDisabledChild(this)){
var elements = $(this.querySelectorAll(disableElementsSel));
if( this.querySelector('fieldset[disabled]') ){
elements = elements.filter(isEnableChildFilter);
}
elements.each(groupControl.enable);
}
},
initAttr: true,
useContentAttribute: true
});
['input', 'textarea', 'select', 'button'].forEach(function(nodeName){
var desc = webshims.defineNodeNameProperty(nodeName, 'disabled', {
prop: {
set: function(value){
if(value){
webshims.data(this, 'groupedisabled', false);
desc.prop._supset.call(this, value);
} else if(isDisabledChild(this)){
webshims.data(this, 'groupedisabled', true);
desc.prop._supset.call(this, true);
} else {
webshims.data(this, 'groupedisabled', false);
desc.prop._supset.call(this, value);
}
},
get: function(){
var ret = desc.prop._supget.call(this);
return ret ? !webshims.data(this, 'groupedisabled') : ret;
}
},
removeAttr: {
value: function(){
desc.prop.set.call(this, false);
}
}
});
});
webshims.addReady(function(context){
$(context)
.filter(isDisabledChildFilter)
.find(disableElementsSel)
.each(groupControl.disable)
;
});
}
(function(prop, undefined){
var isForm = {form: 1, FORM: 1};
$.prop = function(elem, name, value){
var ret;
if(elem && elem.nodeType == 1 && value === undefined && isForm[elem.nodeName] && elem.id){
ret = document.getElementsByName(name);
if(!ret || !ret.length){
ret = document.getElementById(name);
}
if(ret){
ret = $(ret).filter(function(){
return $.prop(this, 'form') == elem;
}).get();
if(ret.length){
return ret.length == 1 ? ret[0] : ret;
}
}
}
return prop.apply(this, arguments);
};
})($.prop, undefined);
var removeAddedElements = function(form){
var elements = $.data(form, 'webshimsAddedElements');
if(elements){
elements.remove();
$.removeData(form, 'webshimsAddedElements');
}
};
var getAssociatedForm = function () {
var form = webshims.contentAttr(this, 'form');
if(form){
form = document.getElementById(form);
if(form && !$.nodeName(form, 'form')){
form = null;
}
}
return form || this.form;
};
webshims.defineNodeNamesProperty(['input', 'textarea', 'select', 'button', 'fieldset'], 'form', {
prop: {
get: getAssociatedForm,
writeable: false
}
});
webshims.defineNodeNamesProperty(['form'], 'elements', {
prop: {
get: function(){
//TODO: cache + perftest
var sel, addElements, detachElements, formElements, i, len;
var id = this.id;
var elements = [];
if(id){
detachElements = $.data(this, 'webshimsAddedElements');
if(detachElements){
detachElements.detach();
}
}
formElements = this.elements;
if(this.querySelector('input[form], select[form], textarea[form]')){
for(i = 0, len = formElements.length; i < len; i++){
if(getAssociatedForm.call(formElements[i]) == this){
elements.push(formElements[i]);
}
}
} else {
elements = $.makeArray(formElements);
}
if(id){
sel = 'input[form="'+ id +'"], select[form="'+ id +'"], textarea[form="'+ id +'"], button[form="'+ id +'"], fieldset[form="'+ id +'"]';
addElements = document.querySelectorAll(sel) || [];
if(addElements.length){
elements = $(elements).add(addElements).get();
}
if(detachElements){
detachElements.appendTo(this);
}
}
return elements;
},
writeable: false
}
});
$(function(){
var stopPropagation = function(e){
e.stopPropagation();
};
var submitters = {
image: 1,
submit: 1
};
$(document).on('submit', function(e){
if(!e.isDefaultPrevented()){
var form = e.target;
var id = form.id;
var elements;
if(id){
removeAddedElements(form);
elements = document.querySelectorAll('input[form="'+ id +'"], select[form="'+ id +'"], textarea[form="'+ id +'"]');
elements = $(elements)
.filter(function(){
return !this.disabled && this.name && this.form != form;
})
.clone()
;
if(elements.length){
$.data(form, 'webshimsAddedElements', $('<div class="webshims-visual-hide" />').append(elements).appendTo(form));
setTimeout(function(){
removeAddedElements(form);
}, 9);
}
elements = null;
}
}
});
$(document).on('click', function(e){
if(submitters[e.target.type] && !e.isDefaultPrevented() && webshims.contentAttr(e.target, 'form')){
var trueForm = $.prop(e.target, 'form');
var formIn = e.target.form;
var clone;
if(trueForm && trueForm != formIn){
clone = $(e.target)
.clone()
.removeAttr('form')
.addClass('webshims-visual-hide')
.on('click', stopPropagation)
.appendTo(trueForm)
;
if(formIn){
e.preventDefault();
}
addSubmitBubbles(trueForm);
clone.trigger('click');
setTimeout(function(){
clone.remove();
clone = null;
}, 9);
}
}
});
});
if(!$.fn.finish && parseFloat($.fn.jquery, 10) < 1.9){
var rCRLF = /\r?\n/g,
rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,
rselectTextarea = /^(?:select|textarea)/i;
$.fn.serializeArray = function() {
return this.map(function(){
var elements = $.prop(this, 'elements');
return elements ? $.makeArray( elements ) : this;
})
.filter(function(){
return this.name && !$(this).is(':disabled') &&
( this.checked || rselectTextarea.test( this.nodeName ) ||
rinput.test( this.type ) );
})
.map(function( i, elem ){
var val = $( this ).val();
return val == null ?
null :
$.isArray( val ) ?
$.map( val, function( val, i ){
return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
}) :
{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
}).get();
};
}
if(!support.fieldsetelements){
webshims.defineNodeNamesProperty(['fieldset'], 'elements', {
prop: {
get: function(){
//add listed elements without keygen, object, output
return this.querySelectorAll('input, select, textarea, button, fieldset') || [];
},
writeable: false
}
});
}
})();
}
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(document.querySelectorAll('label[for="'+ id +'"]'));
}
return labels.get();
},
writeable: false
}
});
}
if(!('value' in document.createElement('progress'))){
(function(){
var nan = parseInt('NaN', 10);
var updateProgress = function(progress){
var position = $.prop(progress, 'position');
$.attr(progress, 'data-position', position);
$('> span', progress).css({width: (position < 0 ? 100 : position * 100) +'%'});
};
var desc = {
position: {
prop: {
get: function(){
var max;
//jQuery 1.8.x try's to normalize "0" to 0
var val = this.getAttribute('value');
var ret = -1;
val = val ? (val * 1) : nan;
if(!isNaN(val)){
max = $.prop(this, 'max');
ret = Math.max(Math.min(val / max, 1), 0);
if(updateProgress.isInChange){
$.attr(this, 'aria-valuenow', ret * 100);
if(updateProgress.isInChange == 'max'){
$.attr(this, 'aria-valuemax', max);
}
}
$(this).removeClass('ws-indeterminate');
} else if(updateProgress.isInChange) {
$(this).removeAttr('aria-valuenow').addClass('ws-indeterminate');
}
return ret;
},
writeable: false
}
}
};
$.each({value: 0, max: 1}, function(name, defValue){
var removeProp = (name == 'value' && !$.fn.finish);
desc[name] = {
attr: {
set: function(value){
var ret = desc[name].attr._supset.call(this, value);
updateProgress.isInChange = name;
updateProgress(this);
updateProgress.isInChange = false;
return ret;
}
},
removeAttr: {
value: function(){
this.removeAttribute(name);
if(removeProp){
try {
delete this.value;
} catch(er){}
}
updateProgress.isInChange = name;
updateProgress(this);
updateProgress.isInChange = false;
}
},
prop: {
get: function(){
var max;
var ret = (desc[name].attr.get.call(this) * 1);
if(ret < 0 || isNaN(ret)){
ret = defValue;
} else if(name == 'value'){
ret = Math.min(ret, $.prop(this, 'max'));
} else if(ret === 0){
ret = defValue;
}
return ret;
},
set: function(value){
value = value * 1;
if(isNaN(value)){
webshims.error('Floating-point value is not finite.');
}
return desc[name].attr.set.call(this, value);
}
}
};
});
webshims.createElement(
'progress',
function(){
var labels = $(this)
.attr({role: 'progressbar', 'aria-valuemin': '0'})
.html('<span class="progress-value" />')
.jProp('labels')
.map(function(){
return webshims.getID(this);
})
.get()
;
if(labels.length){
$.attr(this, 'aria-labelledby', labels.join(' '));
} else {
webshims.info("you should use label elements for your prgogress elements");
}
$(this).addClass('ws-style');
if($(this).css('direction') == 'rtl'){
$(this).addClass('ws-is-rtl');
}
updateProgress.isInChange = 'max';
updateProgress(this);
updateProgress.isInChange = false;
},
desc
);
})();
}
if(!('setSelectionRange' in document.createElement('input'))){
(function(){
var getSelection = function(elem, getStart){
var range, value, normalizedValue, textInputRange, len, endRange;
var start = 0;
var end = 0;
if (document.selection && (range = document.selection.createRange()) && range.parentElement() == elem) {
value = $.prop(elem, 'value');
len = value.length;
normalizedValue = value.replace(/\r\n/g, "\n");
textInputRange = elem.createTextRange();
textInputRange.moveToBookmark(range.getBookmark());
endRange = elem.createTextRange();
endRange.collapse(false);
if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
start = end = len;
} else {
if(getStart){
start = -textInputRange.moveStart("character", -len);
start += normalizedValue.slice(0, start).split("\n").length - 1;
} else {
if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
end = len;
} else {
end = -textInputRange.moveEnd("character", -len);
end += normalizedValue.slice(0, end).split("\n").length - 1;
}
}
}
}
return {
start: start,
end: end
};
};
['input', 'textarea'].forEach(function(name){
var isTextarea = name == 'textarea';
//email?
var allowedTypes = {text: 1, search: 1, url: 1, tel: 1, password: 1, email: 1};
var error = 'InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable. selection not allowed on this type';
webshims.defineNodeNameProperties(name, {
selectionStart: {
get: function(){
if(isTextarea || allowedTypes[$.prop(this, 'type')]){
return getSelection(this, true).start;
}
webshims.error(error);
},
set: function(v){
if(this.createTextRange && (isTextarea || allowedTypes[$.prop(this, 'type')])){
var range = this.createTextRange();
range.collapse(true);
range.moveStart('character', v);
range.moveEnd('character', $.prop(this, 'selectionEnd'));
if($(this).is(':focus')){
range.select();
}
} else {
webshims.error(error);
}
}
},
selectionEnd: {
get: function(){
if(isTextarea || allowedTypes[$.prop(this, 'type')]){
return getSelection(this).end;
}
webshims.error(error);
},
set: function(v){
if(this.createTextRange && (isTextarea || allowedTypes[$.prop(this, 'type')])){
var range = this.createTextRange();
var start;
range.collapse(true);
start = getSelection(this, true).start;
range.moveStart('character', start);
range.moveEnd('character', v - start);
if($(this).is(':focus')){
range.select();
}
} else {
webshims.error(error);
}
}
},
setSelectionRange: {
value: function(start, end, dir){
if(this.createTextRange && (isTextarea || allowedTypes[$.prop(this, 'type')])){
var range = this.createTextRange();
range.collapse(true);
range.moveStart('character', start);
range.moveEnd('character', end - start);
if($(this).is(':focus')){
range.select();
}
} else {
webshims.error(error);
}
}
}
}, 'prop');
});
})();
}
(function(){
if(options.noPlaceholderPolyfill){return;}
var bustedPlaceholder;
support.textareaPlaceholder = !!('placeholder' in $('<textarea />')[0]);
support.placeholder = !!('placeholder' in $('<input />')[0]);
if(support.placeholder && options.overridePlaceholder){
bustedPlaceholder = true;
}
if(support.placeholder && support.textareaPlaceholder && !bustedPlaceholder){
(function(){
var ua = navigator.userAgent;
if(ua.indexOf('Mobile') != -1 && ua.indexOf('Safari') != -1){
$(window).on('orientationchange', (function(){
var timer;
var retVal = function(i, value){
return value;
};
var set = function(){
$('input[placeholder], textarea[placeholder]').attr('placeholder', retVal);
};
return function(e){
clearTimeout(timer);
timer = setTimeout(set, 9);
};
})());
}
})();
//abort
return;
}
var isOver = (webshims.cfg.forms.placeholderType == 'over');
var isResponsive = (webshims.cfg.forms.responsivePlaceholder);
var polyfillElements = ['textarea'];
if(!support.placeholder || bustedPlaceholder){
polyfillElements.push('input');
}
var setSelection = function(elem){
try {
$(elem).setSelectionRange(0,0);
return true;
} catch(er){}
};
var hidePlaceholder = function(elem, data, value, _onFocus){
if(value === false){
value = $.prop(elem, 'value');
}
if(!isOver && elem.type != 'password'){
if(!value && _onFocus && setSelection(elem)){
var selectTimer = setTimeout(function(){
setSelection(elem);
}, 9);
$(elem)
.off('.placeholderremove')
.on({
'keydown.placeholderremove keypress.placeholderremove paste.placeholderremove input.placeholderremove': function(e){
if(e && (e.keyCode == 17 || e.keyCode == 16)){return;}
elem.value = $.prop(elem, 'value');
data.box.removeClass('placeholder-visible');
clearTimeout(selectTimer);
$(elem).off('.placeholderremove');
},
'mousedown.placeholderremove drag.placeholderremove select.placeholderremove': function(e){
setSelection(elem);
clearTimeout(selectTimer);
selectTimer = setTimeout(function(){
setSelection(elem);
}, 9);
},
'blur.placeholderremove': function(){
clearTimeout(selectTimer);
$(elem).off('.placeholderremove');
}
})
;
return;
} else if(!_onFocus && !value && elem.value){ //especially on submit
elem.value = value;
}
} else if(!value && _onFocus){
$(elem)
.off('.placeholderremove')
.on({
'keydown.placeholderremove keypress.placeholderremove paste.placeholderremove input.placeholderremove': function(e){
if(e && (e.keyCode == 17 || e.keyCode == 16)){return;}
data.box.removeClass('placeholder-visible');
$(elem).off('.placeholderremove');
},
'blur.placeholderremove': function(){
$(elem).off('.placeholderremove');
}
})
;
return;
}
data.box.removeClass('placeholder-visible');
},
showPlaceholder = function(elem, data, placeholderTxt){
if(placeholderTxt === false){
placeholderTxt = $.prop(elem, 'placeholder');
}
if(!isOver && elem.type != 'password'){
elem.value = placeholderTxt;
}
data.box.addClass('placeholder-visible');
},
changePlaceholderVisibility = function(elem, value, placeholderTxt, data, type){
if(!data){
data = $.data(elem, 'placeHolder');
if(!data){return;}
}
var isVisible = $(elem).hasClass('placeholder-visible');
if(placeholderTxt === false){
placeholderTxt = $.attr(elem, 'placeholder') || '';
}
$(elem).off('.placeholderremove');
if(value === false){
value = $.prop(elem, 'value');
}
if(!value && (type == 'focus' || (!type && $(elem).is(':focus')))){
if(elem.type == 'password' || isOver || isVisible){
hidePlaceholder(elem, data, '', true);
}
return;
}
if(value){
hidePlaceholder(elem, data, value);
return;
}
if(placeholderTxt && !value){
showPlaceholder(elem, data, placeholderTxt);
} else {
hidePlaceholder(elem, data, value);
}
},
createPlaceholder = function(){
return $('<span class="placeholder-text"></span>');
},
pHolder = (function(){
var allowedPlaceholder = {
text: 1,
search: 1,
url: 1,
email: 1,
password: 1,
tel: 1,
number: 1
}
;
if(webshims.modules["form-number-date-ui"].loaded){
delete allowedPlaceholder.number;
}
return {
create: function(elem){
var data = $.data(elem, 'placeHolder');
var form;
if(data){return data;}
data = $.data(elem, 'placeHolder', {});
$(elem).on('focus.placeholder blur.placeholder', function(e){
changePlaceholderVisibility(this, false, false, data, e.type );
data.box[e.type == 'focus' ? 'addClass' : 'removeClass']('placeholder-focused');
});
if((form = $.prop(elem, 'form'))){
$(elem).onWSOff('reset.placeholder', function(e){
setTimeout(function(){
changePlaceholderVisibility(elem, false, false, data, e.type );
}, 0);
}, false, form);
}
if(elem.type == 'password' || isOver){
data.text = createPlaceholder(elem);
if(isResponsive || $(elem).hasClass('responsive-width') || (elem.currentStyle || {width: ''}).width.indexOf('%') != -1){
data.box = data.text;
} else {
data.box = $('<span class="placeholder-box placeholder-box-'+ (elem.nodeName || '').toLowerCase() +' placeholder-box-'+$.css(elem, 'float')+'" />')
.insertAfter(elem)
;
data.box.append(elem);
}
data.text
.insertAfter(elem)
.on('mousedown.placeholder', function(){
changePlaceholderVisibility(this, false, false, data, 'focus');
try {
setTimeout(function(){
elem.focus();
}, 0);
} catch(e){}
return false;
})
;
$.each(['lineHeight', 'fontSize', 'fontFamily', 'fontWeight'], function(i, style){
var prop = $.css(elem, style);
if(data.text.css(style) != prop){
data.text.css(style, prop);
}
});
$.each(['Left', 'Top'], function(i, side){
var size = (parseInt($.css(elem, 'padding'+ side), 10) || 0) + Math.max((parseInt($.css(elem, 'margin'+ side), 10) || 0), 0) + (parseInt($.css(elem, 'border'+ side +'Width'), 10) || 0);
data.text.css('padding'+ side, size);
});
$(elem)
.onWSOff('updateshadowdom', (function(){
var lastWidth, init, timer;
var jelm = $(elem);
var lastPos = {};
return function(){
var width, fn;
if((width = elem.offsetWidth)){
fn = function(){
var pos = jelm.position();
if(width !== lastWidth){
lastWidth = width;
data.text[0].style.width = width +'px';
}
if(pos.top !== lastPos.top || pos.left !== lastPos.left){
lastPos = pos;
data.text[0].style.top = pos.top +'px';
data.text[0].style.left = pos.left +'px';
}
};
if(!init){
fn();
init = true;
} else {
clearTimeout(timer);
timer = setTimeout(fn, 99);
}
}
};
})(), true)
;
} else {
var reset = function(e){
if($(elem).hasClass('placeholder-visible')){
hidePlaceholder(elem, data, '');
setTimeout(function(){
if(!e || e.type != 'submit' || e.isDefaultPrevented()){
changePlaceholderVisibility(elem, false, false, data );
}
}, 9);
}
};
$(elem).onWSOff('beforeunload', reset, false, window);
data.box = $(elem);
if(form){
$(elem).onWSOff('submit', reset, false, form);
}
}
return data;
},
update: function(elem, val){
var type = ($.attr(elem, 'type') || $.prop(elem, 'type') || '').toLowerCase();
if(!allowedPlaceholder[type] && !$.nodeName(elem, 'textarea')){
webshims.warn('placeholder not allowed on input[type="'+type+'"], but it is a good fallback :-)');
return;
}
var data = pHolder.create(elem);
if(data.text){
data.text.text(val);
}
changePlaceholderVisibility(elem, false, val, data);
}
};
})()
;
$.webshims.publicMethods = {
pHolder: pHolder
};
polyfillElements.forEach(function(nodeName){
webshims.defineNodeNameProperty(nodeName, 'placeholder', {
attr: {
set: function(val){
var elem = this;
if(bustedPlaceholder){
webshims.data(elem, 'bustedPlaceholder', val);
elem.placeholder = '';
} else {
webshims.contentAttr(elem, 'placeholder', val);
}
pHolder.update(elem, val);
},
get: function(){
var placeholder;
if(bustedPlaceholder){
placeholder = webshims.data(this, 'bustedPlaceholder');
}
return placeholder || webshims.contentAttr(this, 'placeholder');
}
},
reflect: true,
initAttr: true
});
});
polyfillElements.forEach(function(name){
var placeholderValueDesc = {};
var desc;
['attr', 'prop'].forEach(function(propType){
placeholderValueDesc[propType] = {
set: function(val){
var elem = this;
var placeholder;
if(bustedPlaceholder){
placeholder = webshims.data(elem, 'bustedPlaceholder');
}
if(!placeholder){
placeholder = webshims.contentAttr(elem, 'placeholder');
}
$.removeData(elem, 'cachedValidity');
var ret = desc[propType]._supset.call(elem, val);
if(placeholder && 'value' in elem){
changePlaceholderVisibility(elem, val, placeholder);
}
return ret;
},
get: function(){
var placeholder;
var elem = this;
var curValue;
if($(elem).hasClass('placeholder-visible')){
if(webshims.cfg.debug && (curValue = desc[propType]._supget.call(elem)) && (placeholder = $.attr(elem, 'placeholder')) && placeholder != curValue){
webshims.error('value input[placeholder] was changed by input.value instead using $.val or $.prop.');
changePlaceholderVisibility(elem, curValue, placeholder);
} else {
curValue = '';
}
} else {
curValue = desc[propType]._supget.call(elem);
}
return curValue;
}
};
});
desc = webshims.defineNodeNameProperty(name, 'value', placeholderValueDesc);
});
})();
(function(){
var doc = document;
if( 'value' in document.createElement('output') ){return;}
webshims.defineNodeNameProperty('output', 'value', {
prop: {
set: function(value){
var setVal = $.data(this, 'outputShim');
if(!setVal){
setVal = outputCreate(this);
}
setVal(value);
},
get: function(){
return webshims.contentAttr(this, 'value') || $(this).text() || '';
}
}
});
webshims.onNodeNamesPropertyModify('input', 'value', function(value, boolVal, type){
if(type == 'removeAttr'){return;}
var setVal = $.data(this, 'outputShim');
if(setVal){
setVal(value);
}
});
var outputCreate = function(elem){
if($.data(elem, 'outputShim')){return;}
elem = $(elem);
var value = (elem.text() || '').trim();
var id = elem.prop('id');
var htmlFor = elem.attr('for');
var shim = $('<input class="output-shim" type="text" disabled name="'+ (elem.attr('name') || '')+'" value="'+value+'" style="display: none !important;" />').insertAfter(elem);
var setValue = function(val){
shim[0].value = val;
val = shim[0].value;
elem.text(val);
webshims.contentAttr(elem[0], 'value', val);
};
elem[0].defaultValue = value;
webshims.contentAttr(elem[0], 'value', value);
elem.attr({'aria-live': 'polite'});
if(id){
shim.attr('id', id);
elem.attr('aria-labelledby', elem.jProp('labels').map(function(){
return webshims.getID(this);
}).get().join(' '));
}
if(htmlFor){
id = webshims.getID(elem);
htmlFor.split(' ').forEach(function(control){
control = document.getElementById(control);
if(control){
control.setAttribute('aria-controls', id);
}
});
}
elem.data('outputShim', setValue );
shim.data('outputShim', setValue );
return setValue;
};
webshims.addReady(function(context, contextElem){
$(context.getElementsByTagName('output')).add(contextElem.filter('output')).each(function(){
outputCreate(this);
});
});
/*
* Implements input event in all browsers
*/
(function(){
var noInputTriggerEvts = {updateInput: 1, input: 1},
noInputTypes = {
radio: 1,
checkbox: 1,
submit: 1,
button: 1,
image: 1,
reset: 1,
file: 1
//pro forma
,color: 1
},
inputElements = {
input: 1,
INPUT: 1,
textarea: 1,
TEXTAREA: 1
},
timer,
lastVal,
input,
trigger = function(e){
if(!input){return;}
var newVal = input.prop('value');
if(newVal !== lastVal){
lastVal = newVal;
if(!e || !noInputTriggerEvts[e.type]){
webshims.triggerInlineForm && webshims.triggerInlineForm(input[0], 'input');
}
}
},
extraTimer,
extraTest = function(){
clearTimeout(extraTimer);
extraTimer = setTimeout(trigger, 9);
},
unbind = function(){
clearTimeout(extraTimer);
clearInterval(timer);
if(input){
input.off('focusout', unbind).off('keyup keypress keydown paste cut', extraTest).off('input change updateInput triggerinput', trigger);
}
}
;
var observe = function(newInput){
unbind();
input = newInput;
lastVal = input.prop('value');
clearInterval(timer);
timer = setInterval(trigger, 200);
extraTest();
input.on({
'keyup keypress keydown paste cut': extraTest,
'focusout wswidgetfocusout': unbind,
'input updateInput change triggerinput': trigger
});
};
$(doc)
.on('focusin wswidgetfocusin', function(e){
if( e.target && !e.target.readOnly && !e.target.disabled && inputElements[e.target.nodeName] && !noInputTypes[e.target.type] && !(webshims.data(e.target, 'implemented') || {}).inputwidgets){
observe($(e.target));
}
})
;
})();
})();
});