mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-11-03 10:58:50 +03:00
Clone 3.5.1 from github
This commit is contained in:
parent
5d281486d0
commit
091c4ec811
65 changed files with 6957 additions and 7 deletions
45
vendors/knockout/src/binding/defaultBindings/attr.js
vendored
Executable file
45
vendors/knockout/src/binding/defaultBindings/attr.js
vendored
Executable file
|
|
@ -0,0 +1,45 @@
|
|||
var attrHtmlToJavaScriptMap = { 'class': 'className', 'for': 'htmlFor' };
|
||||
ko.bindingHandlers['attr'] = {
|
||||
'update': function(element, valueAccessor, allBindings) {
|
||||
var value = ko.utils.unwrapObservable(valueAccessor()) || {};
|
||||
ko.utils.objectForEach(value, function(attrName, attrValue) {
|
||||
attrValue = ko.utils.unwrapObservable(attrValue);
|
||||
|
||||
// Find the namespace of this attribute, if any.
|
||||
var prefixLen = attrName.indexOf(':');
|
||||
var namespace = "lookupNamespaceURI" in element && prefixLen > 0 && element.lookupNamespaceURI(attrName.substr(0, prefixLen));
|
||||
|
||||
// To cover cases like "attr: { checked:someProp }", we want to remove the attribute entirely
|
||||
// when someProp is a "no value"-like value (strictly null, false, or undefined)
|
||||
// (because the absence of the "checked" attr is how to mark an element as not checked, etc.)
|
||||
var toRemove = (attrValue === false) || (attrValue === null) || (attrValue === undefined);
|
||||
if (toRemove) {
|
||||
namespace ? element.removeAttributeNS(namespace, attrName) : element.removeAttribute(attrName);
|
||||
} else {
|
||||
attrValue = attrValue.toString();
|
||||
}
|
||||
|
||||
// In IE <= 7 and IE8 Quirks Mode, you have to use the JavaScript property name instead of the
|
||||
// HTML attribute name for certain attributes. IE8 Standards Mode supports the correct behavior,
|
||||
// but instead of figuring out the mode, we'll just set the attribute through the JavaScript
|
||||
// property for IE <= 8.
|
||||
if (ko.utils.ieVersion <= 8 && attrName in attrHtmlToJavaScriptMap) {
|
||||
attrName = attrHtmlToJavaScriptMap[attrName];
|
||||
if (toRemove)
|
||||
element.removeAttribute(attrName);
|
||||
else
|
||||
element[attrName] = attrValue;
|
||||
} else if (!toRemove) {
|
||||
namespace ? element.setAttributeNS(namespace, attrName, attrValue) : element.setAttribute(attrName, attrValue);
|
||||
}
|
||||
|
||||
// Treat "name" specially - although you can think of it as an attribute, it also needs
|
||||
// special handling on older versions of IE (https://github.com/SteveSanderson/knockout/pull/333)
|
||||
// Deliberately being case-sensitive here because XHTML would regard "Name" as a different thing
|
||||
// entirely, and there's no strong reason to allow for such casing in HTML.
|
||||
if (attrName === "name") {
|
||||
ko.utils.setElementName(element, toRemove ? "" : attrValue);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
130
vendors/knockout/src/binding/defaultBindings/checked.js
vendored
Executable file
130
vendors/knockout/src/binding/defaultBindings/checked.js
vendored
Executable file
|
|
@ -0,0 +1,130 @@
|
|||
(function() {
|
||||
|
||||
ko.bindingHandlers['checked'] = {
|
||||
'after': ['value', 'attr'],
|
||||
'init': function (element, valueAccessor, allBindings) {
|
||||
var checkedValue = ko.pureComputed(function() {
|
||||
// Treat "value" like "checkedValue" when it is included with "checked" binding
|
||||
if (allBindings['has']('checkedValue')) {
|
||||
return ko.utils.unwrapObservable(allBindings.get('checkedValue'));
|
||||
} else if (useElementValue) {
|
||||
if (allBindings['has']('value')) {
|
||||
return ko.utils.unwrapObservable(allBindings.get('value'));
|
||||
} else {
|
||||
return element.value;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function updateModel() {
|
||||
// This updates the model value from the view value.
|
||||
// It runs in response to DOM events (click) and changes in checkedValue.
|
||||
var isChecked = element.checked,
|
||||
elemValue = checkedValue();
|
||||
|
||||
// When we're first setting up this computed, don't change any model state.
|
||||
if (ko.computedContext.isInitial()) {
|
||||
return;
|
||||
}
|
||||
|
||||
// We can ignore unchecked radio buttons, because some other radio
|
||||
// button will be checked, and that one can take care of updating state.
|
||||
// Also ignore value changes to an already unchecked checkbox.
|
||||
if (!isChecked && (isRadio || ko.computedContext.getDependenciesCount())) {
|
||||
return;
|
||||
}
|
||||
|
||||
var modelValue = ko.dependencyDetection.ignore(valueAccessor);
|
||||
if (valueIsArray) {
|
||||
var writableValue = rawValueIsNonArrayObservable ? modelValue.peek() : modelValue,
|
||||
saveOldValue = oldElemValue;
|
||||
oldElemValue = elemValue;
|
||||
|
||||
if (saveOldValue !== elemValue) {
|
||||
// When we're responding to the checkedValue changing, and the element is
|
||||
// currently checked, replace the old elem value with the new elem value
|
||||
// in the model array.
|
||||
if (isChecked) {
|
||||
ko.utils.addOrRemoveItem(writableValue, elemValue, true);
|
||||
ko.utils.addOrRemoveItem(writableValue, saveOldValue, false);
|
||||
}
|
||||
} else {
|
||||
// When we're responding to the user having checked/unchecked a checkbox,
|
||||
// add/remove the element value to the model array.
|
||||
ko.utils.addOrRemoveItem(writableValue, elemValue, isChecked);
|
||||
}
|
||||
|
||||
if (rawValueIsNonArrayObservable && ko.isWriteableObservable(modelValue)) {
|
||||
modelValue(writableValue);
|
||||
}
|
||||
} else {
|
||||
if (isCheckbox) {
|
||||
if (elemValue === undefined) {
|
||||
elemValue = isChecked;
|
||||
} else if (!isChecked) {
|
||||
elemValue = undefined;
|
||||
}
|
||||
}
|
||||
ko.expressionRewriting.writeValueToProperty(modelValue, allBindings, 'checked', elemValue, true);
|
||||
}
|
||||
};
|
||||
|
||||
function updateView() {
|
||||
// This updates the view value from the model value.
|
||||
// It runs in response to changes in the bound (checked) value.
|
||||
var modelValue = ko.utils.unwrapObservable(valueAccessor()),
|
||||
elemValue = checkedValue();
|
||||
|
||||
if (valueIsArray) {
|
||||
// When a checkbox is bound to an array, being checked represents its value being present in that array
|
||||
element.checked = ko.utils.arrayIndexOf(modelValue, elemValue) >= 0;
|
||||
oldElemValue = elemValue;
|
||||
} else if (isCheckbox && elemValue === undefined) {
|
||||
// When a checkbox is bound to any other value (not an array) and "checkedValue" is not defined,
|
||||
// being checked represents the value being trueish
|
||||
element.checked = !!modelValue;
|
||||
} else {
|
||||
// Otherwise, being checked means that the checkbox or radio button's value corresponds to the model value
|
||||
element.checked = (checkedValue() === modelValue);
|
||||
}
|
||||
};
|
||||
|
||||
var isCheckbox = element.type == "checkbox",
|
||||
isRadio = element.type == "radio";
|
||||
|
||||
// Only bind to check boxes and radio buttons
|
||||
if (!isCheckbox && !isRadio) {
|
||||
return;
|
||||
}
|
||||
|
||||
var rawValue = valueAccessor(),
|
||||
valueIsArray = isCheckbox && (ko.utils.unwrapObservable(rawValue) instanceof Array),
|
||||
rawValueIsNonArrayObservable = !(valueIsArray && rawValue.push && rawValue.splice),
|
||||
useElementValue = isRadio || valueIsArray,
|
||||
oldElemValue = valueIsArray ? checkedValue() : undefined;
|
||||
|
||||
// IE 6 won't allow radio buttons to be selected unless they have a name
|
||||
if (isRadio && !element.name)
|
||||
ko.bindingHandlers['uniqueName']['init'](element, function() { return true });
|
||||
|
||||
// Set up two computeds to update the binding:
|
||||
|
||||
// The first responds to changes in the checkedValue value and to element clicks
|
||||
ko.computed(updateModel, null, { disposeWhenNodeIsRemoved: element });
|
||||
ko.utils.registerEventHandler(element, "click", updateModel);
|
||||
|
||||
// The second responds to changes in the model value (the one associated with the checked binding)
|
||||
ko.computed(updateView, null, { disposeWhenNodeIsRemoved: element });
|
||||
|
||||
rawValue = undefined;
|
||||
}
|
||||
};
|
||||
ko.expressionRewriting.twoWayBindings['checked'] = true;
|
||||
|
||||
ko.bindingHandlers['checkedValue'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
element.value = ko.utils.unwrapObservable(valueAccessor());
|
||||
}
|
||||
};
|
||||
|
||||
})();
|
||||
2
vendors/knockout/src/binding/defaultBindings/click.js
vendored
Executable file
2
vendors/knockout/src/binding/defaultBindings/click.js
vendored
Executable file
|
|
@ -0,0 +1,2 @@
|
|||
// 'click' is just a shorthand for the usual full-length event:{click:handler}
|
||||
makeEventHandlerShortcut('click');
|
||||
23
vendors/knockout/src/binding/defaultBindings/css.js
vendored
Executable file
23
vendors/knockout/src/binding/defaultBindings/css.js
vendored
Executable file
|
|
@ -0,0 +1,23 @@
|
|||
var classesWrittenByBindingKey = '__ko__cssValue';
|
||||
ko.bindingHandlers['class'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
var value = ko.utils.stringTrim(ko.utils.unwrapObservable(valueAccessor()));
|
||||
ko.utils.toggleDomNodeCssClass(element, element[classesWrittenByBindingKey], false);
|
||||
element[classesWrittenByBindingKey] = value;
|
||||
ko.utils.toggleDomNodeCssClass(element, value, true);
|
||||
}
|
||||
};
|
||||
|
||||
ko.bindingHandlers['css'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
var value = ko.utils.unwrapObservable(valueAccessor());
|
||||
if (value !== null && typeof value == "object") {
|
||||
ko.utils.objectForEach(value, function(className, shouldHaveClass) {
|
||||
shouldHaveClass = ko.utils.unwrapObservable(shouldHaveClass);
|
||||
ko.utils.toggleDomNodeCssClass(element, className, shouldHaveClass);
|
||||
});
|
||||
} else {
|
||||
ko.bindingHandlers['class']['update'](element, valueAccessor);
|
||||
}
|
||||
}
|
||||
};
|
||||
15
vendors/knockout/src/binding/defaultBindings/enableDisable.js
vendored
Executable file
15
vendors/knockout/src/binding/defaultBindings/enableDisable.js
vendored
Executable file
|
|
@ -0,0 +1,15 @@
|
|||
ko.bindingHandlers['enable'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
var value = ko.utils.unwrapObservable(valueAccessor());
|
||||
if (value && element.disabled)
|
||||
element.removeAttribute("disabled");
|
||||
else if ((!value) && (!element.disabled))
|
||||
element.disabled = true;
|
||||
}
|
||||
};
|
||||
|
||||
ko.bindingHandlers['disable'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
ko.bindingHandlers['enable']['update'](element, function() { return !ko.utils.unwrapObservable(valueAccessor()) });
|
||||
}
|
||||
};
|
||||
52
vendors/knockout/src/binding/defaultBindings/event.js
vendored
Executable file
52
vendors/knockout/src/binding/defaultBindings/event.js
vendored
Executable file
|
|
@ -0,0 +1,52 @@
|
|||
// For certain common events (currently just 'click'), allow a simplified data-binding syntax
|
||||
// e.g. click:handler instead of the usual full-length event:{click:handler}
|
||||
function makeEventHandlerShortcut(eventName) {
|
||||
ko.bindingHandlers[eventName] = {
|
||||
'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
var newValueAccessor = function () {
|
||||
var result = {};
|
||||
result[eventName] = valueAccessor();
|
||||
return result;
|
||||
};
|
||||
return ko.bindingHandlers['event']['init'].call(this, element, newValueAccessor, allBindings, viewModel, bindingContext);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ko.bindingHandlers['event'] = {
|
||||
'init' : function (element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
var eventsToHandle = valueAccessor() || {};
|
||||
ko.utils.objectForEach(eventsToHandle, function(eventName) {
|
||||
if (typeof eventName == "string") {
|
||||
ko.utils.registerEventHandler(element, eventName, function (event) {
|
||||
var handlerReturnValue;
|
||||
var handlerFunction = valueAccessor()[eventName];
|
||||
if (!handlerFunction)
|
||||
return;
|
||||
|
||||
try {
|
||||
// Take all the event args, and prefix with the viewmodel
|
||||
var argsForHandler = ko.utils.makeArray(arguments);
|
||||
viewModel = bindingContext['$data'];
|
||||
argsForHandler.unshift(viewModel);
|
||||
handlerReturnValue = handlerFunction.apply(viewModel, argsForHandler);
|
||||
} finally {
|
||||
if (handlerReturnValue !== true) { // Normally we want to prevent default action. Developer can override this be explicitly returning true.
|
||||
if (event.preventDefault)
|
||||
event.preventDefault();
|
||||
else
|
||||
event.returnValue = false;
|
||||
}
|
||||
}
|
||||
|
||||
var bubble = allBindings.get(eventName + 'Bubble') !== false;
|
||||
if (!bubble) {
|
||||
event.cancelBubble = true;
|
||||
if (event.stopPropagation)
|
||||
event.stopPropagation();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
39
vendors/knockout/src/binding/defaultBindings/foreach.js
vendored
Executable file
39
vendors/knockout/src/binding/defaultBindings/foreach.js
vendored
Executable file
|
|
@ -0,0 +1,39 @@
|
|||
// "foreach: someExpression" is equivalent to "template: { foreach: someExpression }"
|
||||
// "foreach: { data: someExpression, afterAdd: myfn }" is equivalent to "template: { foreach: someExpression, afterAdd: myfn }"
|
||||
ko.bindingHandlers['foreach'] = {
|
||||
makeTemplateValueAccessor: function(valueAccessor) {
|
||||
return function() {
|
||||
var modelValue = valueAccessor(),
|
||||
unwrappedValue = ko.utils.peekObservable(modelValue); // Unwrap without setting a dependency here
|
||||
|
||||
// If unwrappedValue is the array, pass in the wrapped value on its own
|
||||
// The value will be unwrapped and tracked within the template binding
|
||||
// (See https://github.com/SteveSanderson/knockout/issues/523)
|
||||
if ((!unwrappedValue) || typeof unwrappedValue.length == "number")
|
||||
return { 'foreach': modelValue, 'templateEngine': ko.nativeTemplateEngine.instance };
|
||||
|
||||
// If unwrappedValue.data is the array, preserve all relevant options and unwrap again value so we get updates
|
||||
ko.utils.unwrapObservable(modelValue);
|
||||
return {
|
||||
'foreach': unwrappedValue['data'],
|
||||
'as': unwrappedValue['as'],
|
||||
'noChildContext': unwrappedValue['noChildContext'],
|
||||
'includeDestroyed': unwrappedValue['includeDestroyed'],
|
||||
'afterAdd': unwrappedValue['afterAdd'],
|
||||
'beforeRemove': unwrappedValue['beforeRemove'],
|
||||
'afterRender': unwrappedValue['afterRender'],
|
||||
'beforeMove': unwrappedValue['beforeMove'],
|
||||
'afterMove': unwrappedValue['afterMove'],
|
||||
'templateEngine': ko.nativeTemplateEngine.instance
|
||||
};
|
||||
};
|
||||
},
|
||||
'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
return ko.bindingHandlers['template']['init'](element, ko.bindingHandlers['foreach'].makeTemplateValueAccessor(valueAccessor));
|
||||
},
|
||||
'update': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
return ko.bindingHandlers['template']['update'](element, ko.bindingHandlers['foreach'].makeTemplateValueAccessor(valueAccessor), allBindings, viewModel, bindingContext);
|
||||
}
|
||||
};
|
||||
ko.expressionRewriting.bindingRewriteValidators['foreach'] = false; // Can't rewrite control flow bindings
|
||||
ko.virtualElements.allowedBindings['foreach'] = true;
|
||||
63
vendors/knockout/src/binding/defaultBindings/hasfocus.js
vendored
Executable file
63
vendors/knockout/src/binding/defaultBindings/hasfocus.js
vendored
Executable file
|
|
@ -0,0 +1,63 @@
|
|||
var hasfocusUpdatingProperty = '__ko_hasfocusUpdating';
|
||||
var hasfocusLastValue = '__ko_hasfocusLastValue';
|
||||
ko.bindingHandlers['hasfocus'] = {
|
||||
'init': function(element, valueAccessor, allBindings) {
|
||||
var handleElementFocusChange = function(isFocused) {
|
||||
// Where possible, ignore which event was raised and determine focus state using activeElement,
|
||||
// as this avoids phantom focus/blur events raised when changing tabs in modern browsers.
|
||||
// However, not all KO-targeted browsers (Firefox 2) support activeElement. For those browsers,
|
||||
// prevent a loss of focus when changing tabs/windows by setting a flag that prevents hasfocus
|
||||
// from calling 'blur()' on the element when it loses focus.
|
||||
// Discussion at https://github.com/SteveSanderson/knockout/pull/352
|
||||
element[hasfocusUpdatingProperty] = true;
|
||||
var ownerDoc = element.ownerDocument;
|
||||
if ("activeElement" in ownerDoc) {
|
||||
var active;
|
||||
try {
|
||||
active = ownerDoc.activeElement;
|
||||
} catch(e) {
|
||||
// IE9 throws if you access activeElement during page load (see issue #703)
|
||||
active = ownerDoc.body;
|
||||
}
|
||||
isFocused = (active === element);
|
||||
}
|
||||
var modelValue = valueAccessor();
|
||||
ko.expressionRewriting.writeValueToProperty(modelValue, allBindings, 'hasfocus', isFocused, true);
|
||||
|
||||
//cache the latest value, so we can avoid unnecessarily calling focus/blur in the update function
|
||||
element[hasfocusLastValue] = isFocused;
|
||||
element[hasfocusUpdatingProperty] = false;
|
||||
};
|
||||
var handleElementFocusIn = handleElementFocusChange.bind(null, true);
|
||||
var handleElementFocusOut = handleElementFocusChange.bind(null, false);
|
||||
|
||||
ko.utils.registerEventHandler(element, "focus", handleElementFocusIn);
|
||||
ko.utils.registerEventHandler(element, "focusin", handleElementFocusIn); // For IE
|
||||
ko.utils.registerEventHandler(element, "blur", handleElementFocusOut);
|
||||
ko.utils.registerEventHandler(element, "focusout", handleElementFocusOut); // For IE
|
||||
|
||||
// Assume element is not focused (prevents "blur" being called initially)
|
||||
element[hasfocusLastValue] = false;
|
||||
},
|
||||
'update': function(element, valueAccessor) {
|
||||
var value = !!ko.utils.unwrapObservable(valueAccessor());
|
||||
|
||||
if (!element[hasfocusUpdatingProperty] && element[hasfocusLastValue] !== value) {
|
||||
value ? element.focus() : element.blur();
|
||||
|
||||
// In IE, the blur method doesn't always cause the element to lose focus (for example, if the window is not in focus).
|
||||
// Setting focus to the body element does seem to be reliable in IE, but should only be used if we know that the current
|
||||
// element was focused already.
|
||||
if (!value && element[hasfocusLastValue]) {
|
||||
element.ownerDocument.body.focus();
|
||||
}
|
||||
|
||||
// For IE, which doesn't reliably fire "focus" or "blur" events synchronously
|
||||
ko.dependencyDetection.ignore(ko.utils.triggerEvent, null, [element, value ? "focusin" : "focusout"]);
|
||||
}
|
||||
}
|
||||
};
|
||||
ko.expressionRewriting.twoWayBindings['hasfocus'] = true;
|
||||
|
||||
ko.bindingHandlers['hasFocus'] = ko.bindingHandlers['hasfocus']; // Make "hasFocus" an alias
|
||||
ko.expressionRewriting.twoWayBindings['hasFocus'] = 'hasfocus';
|
||||
10
vendors/knockout/src/binding/defaultBindings/html.js
vendored
Executable file
10
vendors/knockout/src/binding/defaultBindings/html.js
vendored
Executable file
|
|
@ -0,0 +1,10 @@
|
|||
ko.bindingHandlers['html'] = {
|
||||
'init': function() {
|
||||
// Prevent binding on the dynamically-injected HTML (as developers are unlikely to expect that, and it has security implications)
|
||||
return { 'controlsDescendantBindings': true };
|
||||
},
|
||||
'update': function (element, valueAccessor) {
|
||||
// setHtml will unwrap the value if needed
|
||||
ko.utils.setHtml(element, valueAccessor());
|
||||
}
|
||||
};
|
||||
81
vendors/knockout/src/binding/defaultBindings/ifIfnotWith.js
vendored
Executable file
81
vendors/knockout/src/binding/defaultBindings/ifIfnotWith.js
vendored
Executable file
|
|
@ -0,0 +1,81 @@
|
|||
(function () {
|
||||
|
||||
// Makes a binding like with or if
|
||||
function makeWithIfBinding(bindingKey, isWith, isNot) {
|
||||
ko.bindingHandlers[bindingKey] = {
|
||||
'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
var didDisplayOnLastUpdate, savedNodes, contextOptions = {}, completeOnRender, needAsyncContext, renderOnEveryChange;
|
||||
|
||||
if (isWith) {
|
||||
var as = allBindings.get('as'), noChildContext = allBindings.get('noChildContext');
|
||||
renderOnEveryChange = !(as && noChildContext);
|
||||
contextOptions = { 'as': as, 'noChildContext': noChildContext, 'exportDependencies': renderOnEveryChange };
|
||||
}
|
||||
|
||||
completeOnRender = allBindings.get("completeOn") == "render";
|
||||
needAsyncContext = completeOnRender || allBindings['has'](ko.bindingEvent.descendantsComplete);
|
||||
|
||||
ko.computed(function() {
|
||||
var value = ko.utils.unwrapObservable(valueAccessor()),
|
||||
shouldDisplay = !isNot !== !value, // equivalent to isNot ? !value : !!value,
|
||||
isInitial = !savedNodes,
|
||||
childContext;
|
||||
|
||||
if (!renderOnEveryChange && shouldDisplay === didDisplayOnLastUpdate) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (needAsyncContext) {
|
||||
bindingContext = ko.bindingEvent.startPossiblyAsyncContentBinding(element, bindingContext);
|
||||
}
|
||||
|
||||
if (shouldDisplay) {
|
||||
if (!isWith || renderOnEveryChange) {
|
||||
contextOptions['dataDependency'] = ko.computedContext.computed();
|
||||
}
|
||||
|
||||
if (isWith) {
|
||||
childContext = bindingContext['createChildContext'](typeof value == "function" ? value : valueAccessor, contextOptions);
|
||||
} else if (ko.computedContext.getDependenciesCount()) {
|
||||
childContext = bindingContext['extend'](null, contextOptions);
|
||||
} else {
|
||||
childContext = bindingContext;
|
||||
}
|
||||
}
|
||||
|
||||
// Save a copy of the inner nodes on the initial update, but only if we have dependencies.
|
||||
if (isInitial && ko.computedContext.getDependenciesCount()) {
|
||||
savedNodes = ko.utils.cloneNodes(ko.virtualElements.childNodes(element), true /* shouldCleanNodes */);
|
||||
}
|
||||
|
||||
if (shouldDisplay) {
|
||||
if (!isInitial) {
|
||||
ko.virtualElements.setDomNodeChildren(element, ko.utils.cloneNodes(savedNodes));
|
||||
}
|
||||
|
||||
ko.applyBindingsToDescendants(childContext, element);
|
||||
} else {
|
||||
ko.virtualElements.emptyNode(element);
|
||||
|
||||
if (!completeOnRender) {
|
||||
ko.bindingEvent.notify(element, ko.bindingEvent.childrenComplete);
|
||||
}
|
||||
}
|
||||
|
||||
didDisplayOnLastUpdate = shouldDisplay;
|
||||
|
||||
}, null, { disposeWhenNodeIsRemoved: element });
|
||||
|
||||
return { 'controlsDescendantBindings': true };
|
||||
}
|
||||
};
|
||||
ko.expressionRewriting.bindingRewriteValidators[bindingKey] = false; // Can't rewrite control flow bindings
|
||||
ko.virtualElements.allowedBindings[bindingKey] = true;
|
||||
}
|
||||
|
||||
// Construct the actual binding handlers
|
||||
makeWithIfBinding('if');
|
||||
makeWithIfBinding('ifnot', false /* isWith */, true /* isNot */);
|
||||
makeWithIfBinding('with', true /* isWith */);
|
||||
|
||||
})();
|
||||
10
vendors/knockout/src/binding/defaultBindings/let.js
vendored
Normal file
10
vendors/knockout/src/binding/defaultBindings/let.js
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
ko.bindingHandlers['let'] = {
|
||||
'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
// Make a modified binding context, with extra properties, and apply it to descendant elements
|
||||
var innerContext = bindingContext['extend'](valueAccessor);
|
||||
ko.applyBindingsToDescendants(innerContext, element);
|
||||
|
||||
return { 'controlsDescendantBindings': true };
|
||||
}
|
||||
};
|
||||
ko.virtualElements.allowedBindings['let'] = true;
|
||||
164
vendors/knockout/src/binding/defaultBindings/options.js
vendored
Executable file
164
vendors/knockout/src/binding/defaultBindings/options.js
vendored
Executable file
|
|
@ -0,0 +1,164 @@
|
|||
var captionPlaceholder = {};
|
||||
ko.bindingHandlers['options'] = {
|
||||
'init': function(element) {
|
||||
if (ko.utils.tagNameLower(element) !== "select")
|
||||
throw new Error("options binding applies only to SELECT elements");
|
||||
|
||||
// Remove all existing <option>s.
|
||||
while (element.length > 0) {
|
||||
element.remove(0);
|
||||
}
|
||||
|
||||
// Ensures that the binding processor doesn't try to bind the options
|
||||
return { 'controlsDescendantBindings': true };
|
||||
},
|
||||
'update': function (element, valueAccessor, allBindings) {
|
||||
function selectedOptions() {
|
||||
return ko.utils.arrayFilter(element.options, function (node) { return node.selected; });
|
||||
}
|
||||
|
||||
var selectWasPreviouslyEmpty = element.length == 0,
|
||||
multiple = element.multiple,
|
||||
previousScrollTop = (!selectWasPreviouslyEmpty && multiple) ? element.scrollTop : null,
|
||||
unwrappedArray = ko.utils.unwrapObservable(valueAccessor()),
|
||||
valueAllowUnset = allBindings.get('valueAllowUnset') && allBindings['has']('value'),
|
||||
includeDestroyed = allBindings.get('optionsIncludeDestroyed'),
|
||||
arrayToDomNodeChildrenOptions = {},
|
||||
captionValue,
|
||||
filteredArray,
|
||||
previousSelectedValues = [];
|
||||
|
||||
if (!valueAllowUnset) {
|
||||
if (multiple) {
|
||||
previousSelectedValues = ko.utils.arrayMap(selectedOptions(), ko.selectExtensions.readValue);
|
||||
} else if (element.selectedIndex >= 0) {
|
||||
previousSelectedValues.push(ko.selectExtensions.readValue(element.options[element.selectedIndex]));
|
||||
}
|
||||
}
|
||||
|
||||
if (unwrappedArray) {
|
||||
if (typeof unwrappedArray.length == "undefined") // Coerce single value into array
|
||||
unwrappedArray = [unwrappedArray];
|
||||
|
||||
// Filter out any entries marked as destroyed
|
||||
filteredArray = ko.utils.arrayFilter(unwrappedArray, function(item) {
|
||||
return includeDestroyed || item === undefined || item === null || !ko.utils.unwrapObservable(item['_destroy']);
|
||||
});
|
||||
|
||||
// If caption is included, add it to the array
|
||||
if (allBindings['has']('optionsCaption')) {
|
||||
captionValue = ko.utils.unwrapObservable(allBindings.get('optionsCaption'));
|
||||
// If caption value is null or undefined, don't show a caption
|
||||
if (captionValue !== null && captionValue !== undefined) {
|
||||
filteredArray.unshift(captionPlaceholder);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// If a falsy value is provided (e.g. null), we'll simply empty the select element
|
||||
}
|
||||
|
||||
function applyToObject(object, predicate, defaultValue) {
|
||||
var predicateType = typeof predicate;
|
||||
if (predicateType == "function") // Given a function; run it against the data value
|
||||
return predicate(object);
|
||||
else if (predicateType == "string") // Given a string; treat it as a property name on the data value
|
||||
return object[predicate];
|
||||
else // Given no optionsText arg; use the data value itself
|
||||
return defaultValue;
|
||||
}
|
||||
|
||||
// The following functions can run at two different times:
|
||||
// The first is when the whole array is being updated directly from this binding handler.
|
||||
// The second is when an observable value for a specific array entry is updated.
|
||||
// oldOptions will be empty in the first case, but will be filled with the previously generated option in the second.
|
||||
var itemUpdate = false;
|
||||
function optionForArrayItem(arrayEntry, index, oldOptions) {
|
||||
if (oldOptions.length) {
|
||||
previousSelectedValues = !valueAllowUnset && oldOptions[0].selected ? [ ko.selectExtensions.readValue(oldOptions[0]) ] : [];
|
||||
itemUpdate = true;
|
||||
}
|
||||
var option = element.ownerDocument.createElement("option");
|
||||
if (arrayEntry === captionPlaceholder) {
|
||||
ko.utils.setTextContent(option, allBindings.get('optionsCaption'));
|
||||
ko.selectExtensions.writeValue(option, undefined);
|
||||
} else {
|
||||
// Apply a value to the option element
|
||||
var optionValue = applyToObject(arrayEntry, allBindings.get('optionsValue'), arrayEntry);
|
||||
ko.selectExtensions.writeValue(option, ko.utils.unwrapObservable(optionValue));
|
||||
|
||||
// Apply some text to the option element
|
||||
var optionText = applyToObject(arrayEntry, allBindings.get('optionsText'), optionValue);
|
||||
ko.utils.setTextContent(option, optionText);
|
||||
}
|
||||
return [option];
|
||||
}
|
||||
|
||||
// By using a beforeRemove callback, we delay the removal until after new items are added. This fixes a selection
|
||||
// problem in IE<=8 and Firefox. See https://github.com/knockout/knockout/issues/1208
|
||||
arrayToDomNodeChildrenOptions['beforeRemove'] =
|
||||
function (option) {
|
||||
element.removeChild(option);
|
||||
};
|
||||
|
||||
function setSelectionCallback(arrayEntry, newOptions) {
|
||||
if (itemUpdate && valueAllowUnset) {
|
||||
// The model value is authoritative, so make sure its value is the one selected
|
||||
ko.bindingEvent.notify(element, ko.bindingEvent.childrenComplete);
|
||||
} else if (previousSelectedValues.length) {
|
||||
// IE6 doesn't like us to assign selection to OPTION nodes before they're added to the document.
|
||||
// That's why we first added them without selection. Now it's time to set the selection.
|
||||
var isSelected = ko.utils.arrayIndexOf(previousSelectedValues, ko.selectExtensions.readValue(newOptions[0])) >= 0;
|
||||
ko.utils.setOptionNodeSelectionState(newOptions[0], isSelected);
|
||||
|
||||
// If this option was changed from being selected during a single-item update, notify the change
|
||||
if (itemUpdate && !isSelected) {
|
||||
ko.dependencyDetection.ignore(ko.utils.triggerEvent, null, [element, "change"]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var callback = setSelectionCallback;
|
||||
if (allBindings['has']('optionsAfterRender') && typeof allBindings.get('optionsAfterRender') == "function") {
|
||||
callback = function(arrayEntry, newOptions) {
|
||||
setSelectionCallback(arrayEntry, newOptions);
|
||||
ko.dependencyDetection.ignore(allBindings.get('optionsAfterRender'), null, [newOptions[0], arrayEntry !== captionPlaceholder ? arrayEntry : undefined]);
|
||||
}
|
||||
}
|
||||
|
||||
ko.utils.setDomNodeChildrenFromArrayMapping(element, filteredArray, optionForArrayItem, arrayToDomNodeChildrenOptions, callback);
|
||||
|
||||
if (!valueAllowUnset) {
|
||||
// Determine if the selection has changed as a result of updating the options list
|
||||
var selectionChanged;
|
||||
if (multiple) {
|
||||
// For a multiple-select box, compare the new selection count to the previous one
|
||||
// But if nothing was selected before, the selection can't have changed
|
||||
selectionChanged = previousSelectedValues.length && selectedOptions().length < previousSelectedValues.length;
|
||||
} else {
|
||||
// For a single-select box, compare the current value to the previous value
|
||||
// But if nothing was selected before or nothing is selected now, just look for a change in selection
|
||||
selectionChanged = (previousSelectedValues.length && element.selectedIndex >= 0)
|
||||
? (ko.selectExtensions.readValue(element.options[element.selectedIndex]) !== previousSelectedValues[0])
|
||||
: (previousSelectedValues.length || element.selectedIndex >= 0);
|
||||
}
|
||||
|
||||
// Ensure consistency between model value and selected option.
|
||||
// If the dropdown was changed so that selection is no longer the same,
|
||||
// notify the value or selectedOptions binding.
|
||||
if (selectionChanged) {
|
||||
ko.dependencyDetection.ignore(ko.utils.triggerEvent, null, [element, "change"]);
|
||||
}
|
||||
}
|
||||
|
||||
if (valueAllowUnset || ko.computedContext.isInitial()) {
|
||||
ko.bindingEvent.notify(element, ko.bindingEvent.childrenComplete);
|
||||
}
|
||||
|
||||
// Workaround for IE bug
|
||||
ko.utils.ensureSelectElementIsRenderedCorrectly(element);
|
||||
|
||||
if (previousScrollTop && Math.abs(previousScrollTop - element.scrollTop) > 20)
|
||||
element.scrollTop = previousScrollTop;
|
||||
}
|
||||
};
|
||||
ko.bindingHandlers['options'].optionValueDomDataKey = ko.utils.domData.nextKey();
|
||||
44
vendors/knockout/src/binding/defaultBindings/selectedOptions.js
vendored
Executable file
44
vendors/knockout/src/binding/defaultBindings/selectedOptions.js
vendored
Executable file
|
|
@ -0,0 +1,44 @@
|
|||
ko.bindingHandlers['selectedOptions'] = {
|
||||
'init': function (element, valueAccessor, allBindings) {
|
||||
function updateFromView() {
|
||||
var value = valueAccessor(), valueToWrite = [];
|
||||
ko.utils.arrayForEach(element.getElementsByTagName("option"), function(node) {
|
||||
if (node.selected)
|
||||
valueToWrite.push(ko.selectExtensions.readValue(node));
|
||||
});
|
||||
ko.expressionRewriting.writeValueToProperty(value, allBindings, 'selectedOptions', valueToWrite);
|
||||
}
|
||||
|
||||
function updateFromModel() {
|
||||
var newValue = ko.utils.unwrapObservable(valueAccessor()),
|
||||
previousScrollTop = element.scrollTop;
|
||||
|
||||
if (newValue && typeof newValue.length == "number") {
|
||||
ko.utils.arrayForEach(element.getElementsByTagName("option"), function(node) {
|
||||
var isSelected = ko.utils.arrayIndexOf(newValue, ko.selectExtensions.readValue(node)) >= 0;
|
||||
if (node.selected != isSelected) { // This check prevents flashing of the select element in IE
|
||||
ko.utils.setOptionNodeSelectionState(node, isSelected);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
element.scrollTop = previousScrollTop;
|
||||
}
|
||||
|
||||
if (ko.utils.tagNameLower(element) != "select") {
|
||||
throw new Error("selectedOptions binding applies only to SELECT elements");
|
||||
}
|
||||
|
||||
var updateFromModelComputed;
|
||||
ko.bindingEvent.subscribe(element, ko.bindingEvent.childrenComplete, function () {
|
||||
if (!updateFromModelComputed) {
|
||||
ko.utils.registerEventHandler(element, "change", updateFromView);
|
||||
updateFromModelComputed = ko.computed(updateFromModel, null, { disposeWhenNodeIsRemoved: element });
|
||||
} else {
|
||||
updateFromView();
|
||||
}
|
||||
}, null, { 'notifyImmediately': true });
|
||||
},
|
||||
'update': function() {} // Keep for backwards compatibility with code that may have wrapped binding
|
||||
};
|
||||
ko.expressionRewriting.twoWayBindings['selectedOptions'] = true;
|
||||
31
vendors/knockout/src/binding/defaultBindings/style.js
vendored
Executable file
31
vendors/knockout/src/binding/defaultBindings/style.js
vendored
Executable file
|
|
@ -0,0 +1,31 @@
|
|||
ko.bindingHandlers['style'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
var value = ko.utils.unwrapObservable(valueAccessor() || {});
|
||||
ko.utils.objectForEach(value, function(styleName, styleValue) {
|
||||
styleValue = ko.utils.unwrapObservable(styleValue);
|
||||
|
||||
if (styleValue === null || styleValue === undefined || styleValue === false) {
|
||||
// Empty string removes the value, whereas null/undefined have no effect
|
||||
styleValue = "";
|
||||
}
|
||||
|
||||
if (jQueryInstance) {
|
||||
jQueryInstance(element)['css'](styleName, styleValue);
|
||||
} else if (/^--/.test(styleName)) {
|
||||
// Is styleName a custom CSS property?
|
||||
element.style.setProperty(styleName, styleValue);
|
||||
} else {
|
||||
styleName = styleName.replace(/-(\w)/g, function (all, letter) {
|
||||
return letter.toUpperCase();
|
||||
});
|
||||
|
||||
var previousStyle = element.style[styleName];
|
||||
element.style[styleName] = styleValue;
|
||||
|
||||
if (styleValue !== previousStyle && element.style[styleName] == previousStyle && !isNaN(styleValue)) {
|
||||
element.style[styleName] = styleValue + "px";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
19
vendors/knockout/src/binding/defaultBindings/submit.js
vendored
Executable file
19
vendors/knockout/src/binding/defaultBindings/submit.js
vendored
Executable file
|
|
@ -0,0 +1,19 @@
|
|||
ko.bindingHandlers['submit'] = {
|
||||
'init': function (element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
if (typeof valueAccessor() != "function")
|
||||
throw new Error("The value for a submit binding must be a function");
|
||||
ko.utils.registerEventHandler(element, "submit", function (event) {
|
||||
var handlerReturnValue;
|
||||
var value = valueAccessor();
|
||||
try { handlerReturnValue = value.call(bindingContext['$data'], element); }
|
||||
finally {
|
||||
if (handlerReturnValue !== true) { // Normally we want to prevent default action. Developer can override this be explicitly returning true.
|
||||
if (event.preventDefault)
|
||||
event.preventDefault();
|
||||
else
|
||||
event.returnValue = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
11
vendors/knockout/src/binding/defaultBindings/text.js
vendored
Executable file
11
vendors/knockout/src/binding/defaultBindings/text.js
vendored
Executable file
|
|
@ -0,0 +1,11 @@
|
|||
ko.bindingHandlers['text'] = {
|
||||
'init': function() {
|
||||
// Prevent binding on the dynamically-injected text node (as developers are unlikely to expect that, and it has security implications).
|
||||
// It should also make things faster, as we no longer have to consider whether the text node might be bindable.
|
||||
return { 'controlsDescendantBindings': true };
|
||||
},
|
||||
'update': function (element, valueAccessor) {
|
||||
ko.utils.setTextContent(element, valueAccessor());
|
||||
}
|
||||
};
|
||||
ko.virtualElements.allowedBindings['text'] = true;
|
||||
203
vendors/knockout/src/binding/defaultBindings/textInput.js
vendored
Normal file
203
vendors/knockout/src/binding/defaultBindings/textInput.js
vendored
Normal file
|
|
@ -0,0 +1,203 @@
|
|||
(function () {
|
||||
|
||||
if (window && window.navigator) {
|
||||
var parseVersion = function (matches) {
|
||||
if (matches) {
|
||||
return parseFloat(matches[1]);
|
||||
}
|
||||
};
|
||||
|
||||
// Detect various browser versions because some old versions don't fully support the 'input' event
|
||||
var userAgent = window.navigator.userAgent,
|
||||
operaVersion, chromeVersion, safariVersion, firefoxVersion, ieVersion, edgeVersion;
|
||||
|
||||
(operaVersion = window.opera && window.opera.version && parseInt(window.opera.version()))
|
||||
|| (edgeVersion = parseVersion(userAgent.match(/Edge\/([^ ]+)$/)))
|
||||
|| (chromeVersion = parseVersion(userAgent.match(/Chrome\/([^ ]+)/)))
|
||||
|| (safariVersion = parseVersion(userAgent.match(/Version\/([^ ]+) Safari/)))
|
||||
|| (firefoxVersion = parseVersion(userAgent.match(/Firefox\/([^ ]+)/)))
|
||||
|| (ieVersion = ko.utils.ieVersion || parseVersion(userAgent.match(/MSIE ([^ ]+)/))) // Detects up to IE 10
|
||||
|| (ieVersion = parseVersion(userAgent.match(/rv:([^ )]+)/))); // Detects IE 11
|
||||
}
|
||||
|
||||
// IE 8 and 9 have bugs that prevent the normal events from firing when the value changes.
|
||||
// But it does fire the 'selectionchange' event on many of those, presumably because the
|
||||
// cursor is moving and that counts as the selection changing. The 'selectionchange' event is
|
||||
// fired at the document level only and doesn't directly indicate which element changed. We
|
||||
// set up just one event handler for the document and use 'activeElement' to determine which
|
||||
// element was changed.
|
||||
if (ieVersion >= 8 && ieVersion < 10) {
|
||||
var selectionChangeRegisteredName = ko.utils.domData.nextKey(),
|
||||
selectionChangeHandlerName = ko.utils.domData.nextKey();
|
||||
var selectionChangeHandler = function(event) {
|
||||
var target = this.activeElement,
|
||||
handler = target && ko.utils.domData.get(target, selectionChangeHandlerName);
|
||||
if (handler) {
|
||||
handler(event);
|
||||
}
|
||||
};
|
||||
var registerForSelectionChangeEvent = function (element, handler) {
|
||||
var ownerDoc = element.ownerDocument;
|
||||
if (!ko.utils.domData.get(ownerDoc, selectionChangeRegisteredName)) {
|
||||
ko.utils.domData.set(ownerDoc, selectionChangeRegisteredName, true);
|
||||
ko.utils.registerEventHandler(ownerDoc, 'selectionchange', selectionChangeHandler);
|
||||
}
|
||||
ko.utils.domData.set(element, selectionChangeHandlerName, handler);
|
||||
};
|
||||
}
|
||||
|
||||
ko.bindingHandlers['textInput'] = {
|
||||
'init': function (element, valueAccessor, allBindings) {
|
||||
|
||||
var previousElementValue = element.value,
|
||||
timeoutHandle,
|
||||
elementValueBeforeEvent;
|
||||
|
||||
var updateModel = function (event) {
|
||||
clearTimeout(timeoutHandle);
|
||||
elementValueBeforeEvent = timeoutHandle = undefined;
|
||||
|
||||
var elementValue = element.value;
|
||||
if (previousElementValue !== elementValue) {
|
||||
// Provide a way for tests to know exactly which event was processed
|
||||
if (DEBUG && event) element['_ko_textInputProcessedEvent'] = event.type;
|
||||
previousElementValue = elementValue;
|
||||
ko.expressionRewriting.writeValueToProperty(valueAccessor(), allBindings, 'textInput', elementValue);
|
||||
}
|
||||
};
|
||||
|
||||
var deferUpdateModel = function (event) {
|
||||
if (!timeoutHandle) {
|
||||
// The elementValueBeforeEvent variable is set *only* during the brief gap between an
|
||||
// event firing and the updateModel function running. This allows us to ignore model
|
||||
// updates that are from the previous state of the element, usually due to techniques
|
||||
// such as rateLimit. Such updates, if not ignored, can cause keystrokes to be lost.
|
||||
elementValueBeforeEvent = element.value;
|
||||
var handler = DEBUG ? updateModel.bind(element, {type: event.type}) : updateModel;
|
||||
timeoutHandle = ko.utils.setTimeout(handler, 4);
|
||||
}
|
||||
};
|
||||
|
||||
// IE9 will mess up the DOM if you handle events synchronously which results in DOM changes (such as other bindings);
|
||||
// so we'll make sure all updates are asynchronous
|
||||
var ieUpdateModel = ko.utils.ieVersion == 9 ? deferUpdateModel : updateModel,
|
||||
ourUpdate = false;
|
||||
|
||||
var updateView = function () {
|
||||
var modelValue = ko.utils.unwrapObservable(valueAccessor());
|
||||
|
||||
if (modelValue === null || modelValue === undefined) {
|
||||
modelValue = '';
|
||||
}
|
||||
|
||||
if (elementValueBeforeEvent !== undefined && modelValue === elementValueBeforeEvent) {
|
||||
ko.utils.setTimeout(updateView, 4);
|
||||
return;
|
||||
}
|
||||
|
||||
// Update the element only if the element and model are different. On some browsers, updating the value
|
||||
// will move the cursor to the end of the input, which would be bad while the user is typing.
|
||||
if (element.value !== modelValue) {
|
||||
ourUpdate = true; // Make sure we ignore events (propertychange) that result from updating the value
|
||||
element.value = modelValue;
|
||||
ourUpdate = false;
|
||||
previousElementValue = element.value; // In case the browser changes the value (see #2281)
|
||||
}
|
||||
};
|
||||
|
||||
var onEvent = function (event, handler) {
|
||||
ko.utils.registerEventHandler(element, event, handler);
|
||||
};
|
||||
|
||||
if (DEBUG && ko.bindingHandlers['textInput']['_forceUpdateOn']) {
|
||||
// Provide a way for tests to specify exactly which events are bound
|
||||
ko.utils.arrayForEach(ko.bindingHandlers['textInput']['_forceUpdateOn'], function(eventName) {
|
||||
if (eventName.slice(0,5) == 'after') {
|
||||
onEvent(eventName.slice(5), deferUpdateModel);
|
||||
} else {
|
||||
onEvent(eventName, updateModel);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (ieVersion) {
|
||||
// All versions (including 11) of Internet Explorer have a bug that they don't generate an input or propertychange event when ESC is pressed
|
||||
onEvent('keypress', updateModel);
|
||||
}
|
||||
if (ieVersion < 11) {
|
||||
// Internet Explorer <= 8 doesn't support the 'input' event, but does include 'propertychange' that fires whenever
|
||||
// any property of an element changes. Unlike 'input', it also fires if a property is changed from JavaScript code,
|
||||
// but that's an acceptable compromise for this binding. IE 9 and 10 support 'input', but since they don't always
|
||||
// fire it when using autocomplete, we'll use 'propertychange' for them also.
|
||||
onEvent('propertychange', function(event) {
|
||||
if (!ourUpdate && event.propertyName === 'value') {
|
||||
ieUpdateModel(event);
|
||||
}
|
||||
});
|
||||
}
|
||||
if (ieVersion == 8) {
|
||||
// IE 8 has a bug where it fails to fire 'propertychange' on the first update following a value change from
|
||||
// JavaScript code. It also doesn't fire if you clear the entire value. To fix this, we bind to the following
|
||||
// events too.
|
||||
onEvent('keyup', updateModel); // A single keystoke
|
||||
onEvent('keydown', updateModel); // The first character when a key is held down
|
||||
}
|
||||
if (registerForSelectionChangeEvent) {
|
||||
// Internet Explorer 9 doesn't fire the 'input' event when deleting text, including using
|
||||
// the backspace, delete, or ctrl-x keys, clicking the 'x' to clear the input, dragging text
|
||||
// out of the field, and cutting or deleting text using the context menu. 'selectionchange'
|
||||
// can detect all of those except dragging text out of the field, for which we use 'dragend'.
|
||||
// These are also needed in IE8 because of the bug described above.
|
||||
registerForSelectionChangeEvent(element, ieUpdateModel); // 'selectionchange' covers cut, paste, drop, delete, etc.
|
||||
onEvent('dragend', deferUpdateModel);
|
||||
}
|
||||
|
||||
if (!ieVersion || ieVersion >= 9) {
|
||||
// All other supported browsers support the 'input' event, which fires whenever the content of the element is changed
|
||||
// through the user interface.
|
||||
onEvent('input', ieUpdateModel);
|
||||
}
|
||||
|
||||
if (safariVersion < 5 && ko.utils.tagNameLower(element) === "textarea") {
|
||||
// Safari <5 doesn't fire the 'input' event for <textarea> elements (it does fire 'textInput'
|
||||
// but only when typing). So we'll just catch as much as we can with keydown, cut, and paste.
|
||||
onEvent('keydown', deferUpdateModel);
|
||||
onEvent('paste', deferUpdateModel);
|
||||
onEvent('cut', deferUpdateModel);
|
||||
} else if (operaVersion < 11) {
|
||||
// Opera 10 doesn't always fire the 'input' event for cut, paste, undo & drop operations.
|
||||
// We can try to catch some of those using 'keydown'.
|
||||
onEvent('keydown', deferUpdateModel);
|
||||
} else if (firefoxVersion < 4.0) {
|
||||
// Firefox <= 3.6 doesn't fire the 'input' event when text is filled in through autocomplete
|
||||
onEvent('DOMAutoComplete', updateModel);
|
||||
|
||||
// Firefox <=3.5 doesn't fire the 'input' event when text is dropped into the input.
|
||||
onEvent('dragdrop', updateModel); // <3.5
|
||||
onEvent('drop', updateModel); // 3.5
|
||||
} else if (edgeVersion && element.type === "number") {
|
||||
// Microsoft Edge doesn't fire 'input' or 'change' events for number inputs when
|
||||
// the value is changed via the up / down arrow keys
|
||||
onEvent('keydown', deferUpdateModel);
|
||||
}
|
||||
}
|
||||
|
||||
// Bind to the change event so that we can catch programmatic updates of the value that fire this event.
|
||||
onEvent('change', updateModel);
|
||||
|
||||
// To deal with browsers that don't notify any kind of event for some changes (IE, Safari, etc.)
|
||||
onEvent('blur', updateModel);
|
||||
|
||||
ko.computed(updateView, null, { disposeWhenNodeIsRemoved: element });
|
||||
}
|
||||
};
|
||||
ko.expressionRewriting.twoWayBindings['textInput'] = true;
|
||||
|
||||
// textinput is an alias for textInput
|
||||
ko.bindingHandlers['textinput'] = {
|
||||
// preprocess is the only way to set up a full alias
|
||||
'preprocess': function (value, name, addBinding) {
|
||||
addBinding('textInput', value);
|
||||
}
|
||||
};
|
||||
|
||||
})();
|
||||
9
vendors/knockout/src/binding/defaultBindings/uniqueName.js
vendored
Executable file
9
vendors/knockout/src/binding/defaultBindings/uniqueName.js
vendored
Executable file
|
|
@ -0,0 +1,9 @@
|
|||
ko.bindingHandlers['uniqueName'] = {
|
||||
'init': function (element, valueAccessor) {
|
||||
if (valueAccessor()) {
|
||||
var name = "ko_unique_" + (++ko.bindingHandlers['uniqueName'].currentIndex);
|
||||
ko.utils.setElementName(element, name);
|
||||
}
|
||||
}
|
||||
};
|
||||
ko.bindingHandlers['uniqueName'].currentIndex = 0;
|
||||
15
vendors/knockout/src/binding/defaultBindings/using.js
vendored
Normal file
15
vendors/knockout/src/binding/defaultBindings/using.js
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
ko.bindingHandlers['using'] = {
|
||||
'init': function(element, valueAccessor, allBindings, viewModel, bindingContext) {
|
||||
var options;
|
||||
|
||||
if (allBindings['has']('as')) {
|
||||
options = { 'as': allBindings.get('as'), 'noChildContext': allBindings.get('noChildContext') };
|
||||
}
|
||||
|
||||
var innerContext = bindingContext['createChildContext'](valueAccessor, options);
|
||||
ko.applyBindingsToDescendants(innerContext, element);
|
||||
|
||||
return { 'controlsDescendantBindings': true };
|
||||
}
|
||||
};
|
||||
ko.virtualElements.allowedBindings['using'] = true;
|
||||
130
vendors/knockout/src/binding/defaultBindings/value.js
vendored
Executable file
130
vendors/knockout/src/binding/defaultBindings/value.js
vendored
Executable file
|
|
@ -0,0 +1,130 @@
|
|||
ko.bindingHandlers['value'] = {
|
||||
'init': function (element, valueAccessor, allBindings) {
|
||||
var tagName = ko.utils.tagNameLower(element),
|
||||
isInputElement = tagName == "input";
|
||||
|
||||
// If the value binding is placed on a radio/checkbox, then just pass through to checkedValue and quit
|
||||
if (isInputElement && (element.type == "checkbox" || element.type == "radio")) {
|
||||
ko.applyBindingAccessorsToNode(element, { 'checkedValue': valueAccessor });
|
||||
return;
|
||||
}
|
||||
|
||||
var eventsToCatch = [];
|
||||
var requestedEventsToCatch = allBindings.get("valueUpdate");
|
||||
var propertyChangedFired = false;
|
||||
var elementValueBeforeEvent = null;
|
||||
|
||||
if (requestedEventsToCatch) {
|
||||
// Allow both individual event names, and arrays of event names
|
||||
if (typeof requestedEventsToCatch == "string") {
|
||||
eventsToCatch = [requestedEventsToCatch];
|
||||
} else {
|
||||
eventsToCatch = ko.utils.arrayGetDistinctValues(requestedEventsToCatch);
|
||||
}
|
||||
ko.utils.arrayRemoveItem(eventsToCatch, "change"); // We'll subscribe to "change" events later
|
||||
}
|
||||
|
||||
var valueUpdateHandler = function() {
|
||||
elementValueBeforeEvent = null;
|
||||
propertyChangedFired = false;
|
||||
var modelValue = valueAccessor();
|
||||
var elementValue = ko.selectExtensions.readValue(element);
|
||||
ko.expressionRewriting.writeValueToProperty(modelValue, allBindings, 'value', elementValue);
|
||||
}
|
||||
|
||||
// Workaround for https://github.com/SteveSanderson/knockout/issues/122
|
||||
// IE doesn't fire "change" events on textboxes if the user selects a value from its autocomplete list
|
||||
var ieAutoCompleteHackNeeded = ko.utils.ieVersion && isInputElement && element.type == "text"
|
||||
&& element.autocomplete != "off" && (!element.form || element.form.autocomplete != "off");
|
||||
if (ieAutoCompleteHackNeeded && ko.utils.arrayIndexOf(eventsToCatch, "propertychange") == -1) {
|
||||
ko.utils.registerEventHandler(element, "propertychange", function () { propertyChangedFired = true });
|
||||
ko.utils.registerEventHandler(element, "focus", function () { propertyChangedFired = false });
|
||||
ko.utils.registerEventHandler(element, "blur", function() {
|
||||
if (propertyChangedFired) {
|
||||
valueUpdateHandler();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
ko.utils.arrayForEach(eventsToCatch, function(eventName) {
|
||||
// The syntax "after<eventname>" means "run the handler asynchronously after the event"
|
||||
// This is useful, for example, to catch "keydown" events after the browser has updated the control
|
||||
// (otherwise, ko.selectExtensions.readValue(this) will receive the control's value *before* the key event)
|
||||
var handler = valueUpdateHandler;
|
||||
if (ko.utils.stringStartsWith(eventName, "after")) {
|
||||
handler = function() {
|
||||
// The elementValueBeforeEvent variable is non-null *only* during the brief gap between
|
||||
// a keyX event firing and the valueUpdateHandler running, which is scheduled to happen
|
||||
// at the earliest asynchronous opportunity. We store this temporary information so that
|
||||
// if, between keyX and valueUpdateHandler, the underlying model value changes separately,
|
||||
// we can overwrite that model value change with the value the user just typed. Otherwise,
|
||||
// techniques like rateLimit can trigger model changes at critical moments that will
|
||||
// override the user's inputs, causing keystrokes to be lost.
|
||||
elementValueBeforeEvent = ko.selectExtensions.readValue(element);
|
||||
ko.utils.setTimeout(valueUpdateHandler, 0);
|
||||
};
|
||||
eventName = eventName.substring("after".length);
|
||||
}
|
||||
ko.utils.registerEventHandler(element, eventName, handler);
|
||||
});
|
||||
|
||||
var updateFromModel;
|
||||
|
||||
if (isInputElement && element.type == "file") {
|
||||
// For file input elements, can only write the empty string
|
||||
updateFromModel = function () {
|
||||
var newValue = ko.utils.unwrapObservable(valueAccessor());
|
||||
if (newValue === null || newValue === undefined || newValue === "") {
|
||||
element.value = "";
|
||||
} else {
|
||||
ko.dependencyDetection.ignore(valueUpdateHandler); // reset the model to match the element
|
||||
}
|
||||
}
|
||||
} else {
|
||||
updateFromModel = function () {
|
||||
var newValue = ko.utils.unwrapObservable(valueAccessor());
|
||||
var elementValue = ko.selectExtensions.readValue(element);
|
||||
|
||||
if (elementValueBeforeEvent !== null && newValue === elementValueBeforeEvent) {
|
||||
ko.utils.setTimeout(updateFromModel, 0);
|
||||
return;
|
||||
}
|
||||
|
||||
var valueHasChanged = newValue !== elementValue;
|
||||
|
||||
if (valueHasChanged || elementValue === undefined) {
|
||||
if (tagName === "select") {
|
||||
var allowUnset = allBindings.get('valueAllowUnset');
|
||||
ko.selectExtensions.writeValue(element, newValue, allowUnset);
|
||||
if (!allowUnset && newValue !== ko.selectExtensions.readValue(element)) {
|
||||
// If you try to set a model value that can't be represented in an already-populated dropdown, reject that change,
|
||||
// because you're not allowed to have a model value that disagrees with a visible UI selection.
|
||||
ko.dependencyDetection.ignore(valueUpdateHandler);
|
||||
}
|
||||
} else {
|
||||
ko.selectExtensions.writeValue(element, newValue);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
if (tagName === "select") {
|
||||
var updateFromModelComputed;
|
||||
ko.bindingEvent.subscribe(element, ko.bindingEvent.childrenComplete, function () {
|
||||
if (!updateFromModelComputed) {
|
||||
ko.utils.registerEventHandler(element, "change", valueUpdateHandler);
|
||||
updateFromModelComputed = ko.computed(updateFromModel, null, { disposeWhenNodeIsRemoved: element });
|
||||
} else if (allBindings.get('valueAllowUnset')) {
|
||||
updateFromModel();
|
||||
} else {
|
||||
valueUpdateHandler();
|
||||
}
|
||||
}, null, { 'notifyImmediately': true });
|
||||
} else {
|
||||
ko.utils.registerEventHandler(element, "change", valueUpdateHandler);
|
||||
ko.computed(updateFromModel, null, { disposeWhenNodeIsRemoved: element });
|
||||
}
|
||||
},
|
||||
'update': function() {} // Keep for backwards compatibility with code that may have wrapped value binding
|
||||
};
|
||||
ko.expressionRewriting.twoWayBindings['value'] = true;
|
||||
16
vendors/knockout/src/binding/defaultBindings/visibleHidden.js
vendored
Executable file
16
vendors/knockout/src/binding/defaultBindings/visibleHidden.js
vendored
Executable file
|
|
@ -0,0 +1,16 @@
|
|||
ko.bindingHandlers['visible'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
var value = ko.utils.unwrapObservable(valueAccessor());
|
||||
var isCurrentlyVisible = !(element.style.display == "none");
|
||||
if (value && !isCurrentlyVisible)
|
||||
element.style.display = "";
|
||||
else if ((!value) && isCurrentlyVisible)
|
||||
element.style.display = "none";
|
||||
}
|
||||
};
|
||||
|
||||
ko.bindingHandlers['hidden'] = {
|
||||
'update': function (element, valueAccessor) {
|
||||
ko.bindingHandlers['visible']['update'](element, function() { return !ko.utils.unwrapObservable(valueAccessor()) });
|
||||
}
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue