YUI.add('widget-uievents', function (Y, NAME) {
/**
* Support for Widget UI Events (Custom Events fired by the widget, which wrap the underlying DOM events - e.g. widget:click, widget:mousedown)
*
* @module widget
* @submodule widget-uievents
*/
var BOUNDING_BOX = "boundingBox",
Widget = Y.Widget,
RENDER = "render",
L = Y.Lang,
EVENT_PREFIX_DELIMITER = ":",
// Map of Node instances serving as a delegation containers for a specific
// event type to Widget instances using that delegation container.
_uievts = Y.Widget._uievts = Y.Widget._uievts || {};
Y.mix(Widget.prototype, {
/**
* Destructor logic for UI event infrastructure,
* invoked during Widget destruction.
*
* @method _destroyUIEvents
* @for Widget
* @private
*/
_destroyUIEvents: function() {
var widgetGuid = Y.stamp(this, true);
Y.each(_uievts, function (info, key) {
if (info.instances[widgetGuid]) {
// Unregister this Widget instance as needing this delegated
// event listener.
delete info.instances[widgetGuid];
// There are no more Widget instances using this delegated
// event listener, so detach it.
if (Y.Object.isEmpty(info.instances)) {
info.handle.detach();
if (_uievts[key]) {
delete _uievts[key];
}
}
}
});
},
/**
* Map of DOM events that should be fired as Custom Events by the
* Widget instance.
*
* @property UI_EVENTS
* @for Widget
* @type Object
*/
UI_EVENTS: Y.Node.DOM_EVENTS,
/**
* Returns the node on which to bind delegate listeners.
*
* @method _getUIEventNode
* @for Widget
* @protected
*/
_getUIEventNode: function () {
return this.get(BOUNDING_BOX);
},
/**
* Binds a delegated DOM event listener of the specified type to the
* Widget's outtermost DOM element to facilitate the firing of a Custom
* Event of the same type for the Widget instance.
*
* @method _createUIEvent
* @for Widget
* @param type {String} String representing the name of the event
* @private
*/
_createUIEvent: function (type) {
var uiEvtNode = this._getUIEventNode(),
key = (Y.stamp(uiEvtNode) + type),
info = _uievts[key],
handle;
// For each Node instance: Ensure that there is only one delegated
// event listener used to fire Widget UI events.
if (!info) {
handle = uiEvtNode.delegate(type, function (evt) {
var widget = Widget.getByNode(this);
// Widget could be null if node instance belongs to
// another Y instance.
if (widget) {
if (widget._filterUIEvent(evt)) {
widget.fire(evt.type, { domEvent: evt });
}
}
}, "." + Y.Widget.getClassName());
_uievts[key] = info = { instances: {}, handle: handle };
}
// Register this Widget as using this Node as a delegation container.
info.instances[Y.stamp(this)] = 1;
},
/**
* This method is used to determine if we should fire
* the UI Event or not. The default implementation makes sure
* that for nested delegates (nested unrelated widgets), we don't
* fire the UI event listener more than once at each level.
*
* For example, without the additional filter, if you have nested
* widgets, each widget will have a delegate listener. If you
* click on the inner widget, the inner delegate listener's
* filter will match once, but the outer will match twice
* (based on delegate's design) - once for the inner widget,
* and once for the outer.
*
* @method _filterUIEvent
* @for Widget
* @param {DOMEventFacade} evt
* @return {boolean} true if it's OK to fire the custom UI event, false if not.
* @private
*
*/
_filterUIEvent: function(evt) {
// Either it's hitting this widget's delegate container (and not some other widget's),
// or the container it's hitting is handling this widget's ui events.
return (evt.currentTarget.compareTo(evt.container) || evt.container.compareTo(this._getUIEventNode()));
},
/**
* Determines if the specified event is a UI event.
*
* @private
* @method _isUIEvent
* @for Widget
* @param type {String} String representing the name of the event
* @return {String} Event Returns the name of the UI Event, otherwise
* undefined.
*/
_getUIEvent: function (type) {
if (L.isString(type)) {
var sType = this.parseType(type)[1],
iDelim,
returnVal;
if (sType) {
// TODO: Get delimiter from ET, or have ET support this.
iDelim = sType.indexOf(EVENT_PREFIX_DELIMITER);
if (iDelim > -1) {
sType = sType.substring(iDelim + EVENT_PREFIX_DELIMITER.length);
}
if (this.UI_EVENTS[sType]) {
returnVal = sType;
}
}
return returnVal;
}
},
/**
* Sets up infrastructure required to fire a UI event.
*
* @private
* @method _initUIEvent
* @for Widget
* @param type {String} String representing the name of the event
* @return {String}
*/
_initUIEvent: function (type) {
var sType = this._getUIEvent(type),
queue = this._uiEvtsInitQueue || {};
if (sType && !queue[sType]) {
this._uiEvtsInitQueue = queue[sType] = 1;
this.after(RENDER, function() {
this._createUIEvent(sType);
delete this._uiEvtsInitQueue[sType];
});
}
},
// Override of "on" from Base to facilitate the firing of Widget events
// based on DOM events of the same name/type (e.g. "click", "mouseover").
// Temporary solution until we have the ability to listen to when
// someone adds an event listener (bug 2528230)
on: function (type) {
this._initUIEvent(type);
return Widget.superclass.on.apply(this, arguments);
},
// Override of "publish" from Base to facilitate the firing of Widget events
// based on DOM events of the same name/type (e.g. "click", "mouseover").
// Temporary solution until we have the ability to listen to when
// someone publishes an event (bug 2528230)
publish: function (type, config) {
var sType = this._getUIEvent(type);
if (sType && config && config.defaultFn) {
this._initUIEvent(sType);
}
return Widget.superclass.publish.apply(this, arguments);
}
}, true); // overwrite existing EventTarget methods
}, 'patched-v3.18.1', {"requires": ["node-event-delegate", "widget-base"]});
YUI.add('yui-throttle', function (Y, NAME) {
/**
Throttles a call to a method based on the time between calls. This method is attached
to the `Y` object and is documented there .
var fn = Y.throttle(function() {
counter++;
});
for (i; i< 35000; i++) {
out++;
fn();
}
@module yui
@submodule yui-throttle
*/
/*! Based on work by Simon Willison: http://gist.github.com/292562 */
/**
* Throttles a call to a method based on the time between calls.
* @method throttle
* @for YUI
* @param fn {function} The function call to throttle.
* @param ms {Number} The number of milliseconds to throttle the method call.
* Can set globally with Y.config.throttleTime or by call. Passing a -1 will
* disable the throttle. Defaults to 150.
* @return {function} Returns a wrapped function that calls fn throttled.
* @since 3.1.0
*/
Y.throttle = function(fn, ms) {
ms = (ms) ? ms : (Y.config.throttleTime || 150);
if (ms === -1) {
return function() {
fn.apply(this, arguments);
};
}
var last = Y.Lang.now();
return function() {
var now = Y.Lang.now();
if (now - last > ms) {
last = now;
fn.apply(this, arguments);
}
};
};
}, 'patched-v3.18.1', {"requires": ["yui-base"]});
YUI.add('aui-base-core', function (A, NAME) {
var Y = A;
YUI.Env.aliases = YUI.Env.aliases || {};
Y.mix(YUI.Env.aliases, {
"aui-autosize": ["aui-autosize-iframe"],
"aui-base": ["oop","yui-throttle","aui-classnamemanager","aui-debounce","aui-base-core","aui-base-lang","aui-node-base"],
"aui-base-deprecated": ["aui-base","aui-node","aui-component","aui-delayed-task-deprecated","aui-selector","aui-event-base"],
"aui-button": ["aui-button-core"],
"aui-collection": ["aui-map","aui-set","aui-linkedset"],
"aui-color-picker-deprecated": ["aui-color-picker-base-deprecated","aui-color-picker-grid-plugin-deprecated"],
"aui-datasource-control-deprecated": ["aui-datasource-control-base-deprecated","aui-input-text-control-deprecated"],
"aui-datatable": ["aui-datatable-edit","aui-datatable-highlight","aui-datatable-selection","aui-datatable-property-list"],
"aui-datatable-edit": ["datatable-base","calendar","overlay","sortable","aui-datatype","aui-toolbar","aui-form-validator","aui-datatable-base-cell-editor","aui-datatable-base-options-cell-editor","aui-datatable-cell-editor-support","aui-datatable-core","aui-datatable-checkbox-cell-editor","aui-datatable-date-cell-editor","aui-datatable-dropdown-cell-editor","aui-datatable-radio-cell-editor","aui-datatable-text-cell-editor","aui-datatable-text-area-cell-editor"],
"aui-datepicker-deprecated": ["aui-datepicker-base-deprecated","aui-datepicker-select-deprecated"],
"aui-event": ["aui-event-base"],
"aui-form-deprecated": ["aui-form-base-deprecated","aui-form-combobox-deprecated","aui-form-field-deprecated","aui-form-select-deprecated","aui-form-textarea-deprecated","aui-form-textfield-deprecated"],
"aui-io": ["aui-io-request"],
"aui-io-deprecated": ["aui-io-request","aui-io-plugin-deprecated"],
"aui-node": ["aui-node-base"],
"aui-overlay-deprecated": ["aui-overlay-base-deprecated","aui-overlay-context-deprecated","aui-overlay-context-panel-deprecated","aui-overlay-manager-deprecated","aui-overlay-mask-deprecated"],
"aui-rating": ["aui-rating-base","aui-rating-thumb"],
"aui-resize-deprecated": ["aui-resize-base-deprecated","aui-resize-constrain-deprecated"],
"aui-scheduler": ["event-gestures","aui-scheduler-base","aui-scheduler-event-recorder","aui-scheduler-view-agenda","aui-scheduler-view-day","aui-scheduler-view-month","aui-scheduler-view-table-dd","aui-scheduler-view-table","aui-scheduler-view-week","aui-viewport"],
"aui-search": ["aui-search-tst"],
"aui-sortable": ["aui-sortable-layout","aui-sortable-list"],
"aui-surface": ["aui-surface-app","aui-surface-screen"],
"aui-toggler": ["aui-toggler-base","aui-toggler-delegate"],
"aui-tooltip": ["aui-tooltip-base","aui-tooltip-delegate"],
"aui-tpl-snippets-deprecated": ["aui-tpl-snippets-base-deprecated","aui-tpl-snippets-checkbox-deprecated","aui-tpl-snippets-input-deprecated","aui-tpl-snippets-select-deprecated","aui-tpl-snippets-textarea-deprecated"],
"aui-tree": ["aui-tree-data","aui-tree-io","aui-tree-node","aui-tree-paginator","aui-tree-view"],
"aui-widget": ["aui-widget-cssclass","aui-widget-toolbars"],
"aui-widget-core": ["aui-widget-cssclass"]
});
/* This file is auto-generated by (yogi loader --yes --mix --js js/aui-loader.js --json js/aui-loader.json --start ../) */
/*jshint maxlen:900, eqeqeq: false */
/**
* YUI 3 module metadata
* @module loader
* @submodule loader-yui3
*/
YUI.Env[Y.version].modules = YUI.Env[Y.version].modules || {};
Y.mix(YUI.Env[Y.version].modules, {
"aui-ace-autocomplete-base": {
"requires": [
"aui-ace-editor"
]
},
"aui-ace-autocomplete-freemarker": {
"requires": [
"aui-ace-autocomplete-templateprocessor"
]
},
"aui-ace-autocomplete-list": {
"requires": [
"aui-ace-autocomplete-base",
"overlay",
"widget-autohide"
],
"skinnable": true
},
"aui-ace-autocomplete-plugin": {
"requires": [
"aui-ace-autocomplete-list",
"plugin"
]
},
"aui-ace-autocomplete-templateprocessor": {
"requires": [
"aui-ace-autocomplete-base"
]
},
"aui-ace-autocomplete-velocity": {
"requires": [
"aui-ace-autocomplete-templateprocessor"
]
},
"aui-ace-editor": {
"requires": [
"aui-node",
"aui-component"
]
},
"aui-affix": {
"requires": [
"base",
"node-screen",
"aui-node"
]
},
"aui-alert": {
"requires": [
"aui-aria",
"aui-classnamemanager",
"aui-widget-cssclass",
"aui-widget-transition",
"timers",
"widget",
"widget-stdmod"
],
"skinnable": true
},
"aui-aria": {
"requires": [
"plugin",
"aui-component"
]
},
"aui-aria-table-sortable": {
"requires": [
"aui-aria"
]
},
"aui-arraysort": {
"requires": [
"arraysort"
]
},
"aui-audio": {
"requires": [
"aui-aria",
"aui-node",
"aui-component",
"node-event-html5",
"querystring-stringify-simple"
],
"skinnable": true
},
"aui-autocomplete-deprecated": {
"requires": [
"aui-base-deprecated",
"aui-overlay-base-deprecated",
"datasource",
"dataschema",
"aui-form-combobox-deprecated"
],
"skinnable": true
},
"aui-autosize": {
"use": [
"aui-autosize-iframe"
]
},
"aui-autosize-deprecated": {
"requires": [
"event-valuechange",
"plugin",
"aui-base-deprecated"
],
"skinnable": true
},
"aui-autosize-iframe": {
"requires": [
"plugin",
"aui-component",
"aui-timer",
"aui-node-base"
]
},
"aui-base": {
"use": [
"oop",
"yui-throttle",
"aui-classnamemanager",
"aui-debounce",
"aui-base-core",
"aui-base-lang",
"aui-node-base"
]
},
"aui-base-core": {},
"aui-base-deprecated": {
"use": [
"aui-base",
"aui-node",
"aui-component",
"aui-delayed-task-deprecated",
"aui-selector",
"aui-event-base"
]
},
"aui-base-html5-shiv": {
"condition": {
"name": "aui-base-html5-shiv",
"trigger": "node-base",
"ua": "ie"
}
},
"aui-base-lang": {},
"aui-boolean-data-editor": {
"requires": [
"aui-button-switch",
"aui-data-editor"
]
},
"aui-button": {
"use": [
"aui-button-core"
]
},
"aui-button-core": {
"requires": [
"button",
"button-group",
"button-plugin",
"aui-component",
"aui-widget-cssclass",
"aui-widget-toggle"
],
"skinnable": true
},
"aui-button-item-deprecated": {
"requires": [
"aui-base-deprecated",
"aui-state-interaction-deprecated",
"widget-child"
],
"skinnable": true
},
"aui-button-search-cancel": {
"requires": [
"array-invoke",
"base",
"base-build",
"event-focus",
"event-move",
"event-resize",
"node-screen",
"node-event-delegate",
"aui-node-base",
"aui-classnamemanager",
"aui-event-input"
]
},
"aui-button-switch": {
"requires": [
"aui-node-base",
"base-build",
"event-key",
"transition",
"widget"
],
"skinnable": true
},
"aui-carousel": {
"requires": [
"anim",
"aui-event",
"aui-image-viewer-base",
"aui-image-viewer-slideshow",
"node-event-delegate",
"node-focusmanager"
],
"skinnable": true
},
"aui-carousel-mobile-touch": {
"condition": {
"name": "aui-carousel-mobile-touch",
"test": function(A) {
return A.UA.mobile && A.UA.touchEnabled;
},
"trigger": "aui-carousel"
},
"requires": [
"base-build",
"aui-carousel"
]
},
"aui-carousel-swipe": {
"condition": {
"name": "aui-carousel-swipe",
"trigger": "aui-carousel",
"ua": "touchEnabled"
},
"requires": [
"aui-carousel",
"aui-widget-swipe",
"base-build"
],
"skinnable": true
},
"aui-char-counter": {
"requires": [
"aui-aria",
"aui-node",
"aui-event-input",
"aui-component"
]
},
"aui-chart-deprecated": {
"requires": [
"datasource",
"json",
"aui-swf-deprecated"
]
},
"aui-classnamemanager": {
"requires": [
"classnamemanager"
]
},
"aui-collection": {
"use": [
"aui-map",
"aui-set",
"aui-linkedset"
]
},
"aui-color-palette": {
"requires": [
"array-extras",
"aui-palette",
"color-base",
"node-core",
"aui-widget-cssclass",
"aui-widget-toggle"
],
"skinnable": true
},
"aui-color-picker-base": {
"requires": [
"aui-color-palette",
"aui-hsva-palette-modal",
"event-outside"
],
"skinnable": true
},
"aui-color-picker-base-deprecated": {
"requires": [
"dd-drag",
"panel",
"slider",
"aui-button-item-deprecated",
"aui-color-util-deprecated",
"aui-form-base-deprecated",
"aui-overlay-context-deprecated"
],
"skinnable": true
},
"aui-color-picker-deprecated": {
"use": [
"aui-color-picker-base-deprecated",
"aui-color-picker-grid-plugin-deprecated"
]
},
"aui-color-picker-grid-plugin-deprecated": {
"requires": [
"plugin",
"aui-color-picker-base-deprecated"
],
"skinnable": true
},
"aui-color-picker-popover": {
"requires": [
"aui-color-picker-base",
"aui-popover",
"aui-widget-cssclass",
"aui-widget-toggle"
],
"skinnable": true
},
"aui-color-util-deprecated": {
"requires": []
},
"aui-component": {
"requires": [
"aui-classnamemanager",
"aui-widget-cssclass",
"aui-widget-toggle",
"base-build",
"widget-base"
]
},
"aui-css": {
"type": "css"
},
"aui-data-editor": {
"requires": [
"aui-classnamemanager",
"base-build",
"node-base"
],
"skinnable": true
},
"aui-data-set-deprecated": {
"requires": [
"oop",
"collection",
"base"
]
},
"aui-datasource-control-base-deprecated": {
"requires": [
"datasource",
"dataschema",
"aui-base-deprecated"
]
},
"aui-datasource-control-deprecated": {
"use": [
"aui-datasource-control-base-deprecated",
"aui-input-text-control-deprecated"
]
},
"aui-datatable": {
"use": [
"aui-datatable-edit",
"aui-datatable-highlight",
"aui-datatable-selection",
"aui-datatable-property-list"
]
},
"aui-datatable-base-cell-editor": {
"requires": [
"datatable-base",
"overlay"
],
"skinnable": true
},
"aui-datatable-base-options-cell-editor": {
"requires": [
"aui-datatable-base-cell-editor",
"escape"
],
"skinnable": true
},
"aui-datatable-body": {
"requires": [
"aui-classnamemanager",
"datatable-base",
"event-key",
"aui-event-base"
]
},
"aui-datatable-cell-editor-support": {
"requires": [
"datatable-base"
]
},
"aui-datatable-checkbox-cell-editor": {
"requires": [
"aui-datatable-base-options-cell-editor"
]
},
"aui-datatable-core": {
"requires": [
"aui-datatable-body",
"datatable-base",
"event-key",
"aui-event-base"
],
"skinnable": true
},
"aui-datatable-date-cell-editor": {
"requires": [
"aui-datatable-base-options-cell-editor"
]
},
"aui-datatable-dropdown-cell-editor": {
"requires": [
"aui-datatable-base-options-cell-editor"
]
},
"aui-datatable-edit": {
"use": [
"datatable-base",
"calendar",
"overlay",
"sortable",
"aui-datatype",
"aui-toolbar",
"aui-form-validator",
"aui-datatable-base-cell-editor",
"aui-datatable-base-options-cell-editor",
"aui-datatable-cell-editor-support",
"aui-datatable-core",
"aui-datatable-checkbox-cell-editor",
"aui-datatable-date-cell-editor",
"aui-datatable-dropdown-cell-editor",
"aui-datatable-radio-cell-editor",
"aui-datatable-text-cell-editor",
"aui-datatable-text-area-cell-editor"
]
},
"aui-datatable-highlight": {
"requires": [
"aui-datatable-selection"
],
"skinnable": true
},
"aui-datatable-property-list": {
"requires": [
"datatable-scroll",
"datatable-sort",
"aui-datatable-core",
"aui-datatable-edit",
"aui-datatable-highlight",
"aui-datatable-selection",
"aui-widget-cssclass",
"aui-widget-toggle"
],
"skinnable": true
},
"aui-datatable-radio-cell-editor": {
"requires": [
"aui-datatable-base-options-cell-editor"
]
},
"aui-datatable-selection": {
"requires": [
"aui-datatable-core"
],
"skinnable": true
},
"aui-datatable-text-area-cell-editor": {
"requires": [
"aui-datatable-base-options-cell-editor"
]
},
"aui-datatable-text-cell-editor": {
"requires": [
"aui-datatable-base-options-cell-editor"
]
},
"aui-datatype": {
"requires": [
"datatype",
"aui-datatype-date-parse"
]
},
"aui-datatype-date-parse": {
"requires": [
"aui-base-lang",
"datatype-date-format",
"datatype-date-parse",
"intl"
]
},
"aui-datepicker": {
"requires": [
"aui-aria",
"aui-datepicker-delegate",
"aui-datepicker-popover",
"base",
"base-build",
"calendar"
],
"skinnable": true
},
"aui-datepicker-base-deprecated": {
"requires": [
"calendar",
"aui-datatype",
"aui-overlay-context-deprecated"
],
"skinnable": true
},
"aui-datepicker-delegate": {
"requires": [
"aui-datatype-date-parse",
"aui-event-input",
"event-focus",
"node-event-delegate"
]
},
"aui-datepicker-deprecated": {
"skinnable": true,
"use": [
"aui-datepicker-base-deprecated",
"aui-datepicker-select-deprecated"
]
},
"aui-datepicker-native": {
"requires": [
"aui-datepicker-delegate",
"aui-node-base",
"base",
"base-build"
]
},
"aui-datepicker-popover": {
"requires": [
"aui-classnamemanager",
"aui-popover"
]
},
"aui-datepicker-select-deprecated": {
"requires": [
"aui-datepicker-base-deprecated",
"aui-button-item-deprecated"
],
"skinnable": true
},
"aui-debounce": {},
"aui-delayed-task-deprecated": {
"requires": [
"yui-base"
]
},
"aui-diagram-builder": {
"requires": [
"aui-aria",
"aui-map",
"aui-property-builder",
"aui-diagram-builder-connector",
"aui-property-builder-settings",
"aui-diagram-node-condition",
"aui-diagram-node-end",
"aui-diagram-node-fork",
"aui-diagram-node-join",
"aui-diagram-node-start",
"aui-diagram-node-state",
"aui-diagram-node-task",
"overlay"
],
"skinnable": true
},
"aui-diagram-builder-connector": {
"requires": [
"arraylist-add",
"arraylist-filter",
"escape",
"json",
"graphics",
"dd"
],
"skinnable": true
},
"aui-diagram-node": {
"requires": [
"aui-aria",
"aui-diagram-node-manager-base",
"escape",
"overlay"
]
},
"aui-diagram-node-condition": {
"requires": [
"aui-diagram-node-state"
]
},
"aui-diagram-node-end": {
"requires": [
"aui-diagram-node-state"
]
},
"aui-diagram-node-fork": {
"requires": [
"aui-diagram-node-state"
]
},
"aui-diagram-node-join": {
"requires": [
"aui-diagram-node-state"
]
},
"aui-diagram-node-manager-base": {
"requires": [
"base"
]
},
"aui-diagram-node-start": {
"requires": [
"aui-diagram-node-state"
]
},
"aui-diagram-node-state": {
"requires": [
"aui-diagram-node"
]
},
"aui-diagram-node-task": {
"requires": [
"aui-diagram-node-state"
]
},
"aui-dialog-iframe-deprecated": {
"requires": [
"plugin",
"array-invoke",
"aui-base-deprecated",
"aui-loading-mask-deprecated"
],
"skinnable": true
},
"aui-dropdown": {
"requires": [
"event-delegate",
"event-key",
"event-outside",
"node-focusmanager",
"widget",
"widget-stack",
"aui-classnamemanager",
"aui-node",
"aui-widget-cssclass",
"aui-widget-toggle",
"aui-widget-trigger"
],
"skinnable": true
},
"aui-editable-deprecated": {
"requires": [
"aui-base-deprecated",
"aui-form-combobox-deprecated",
"escape",
"event-resize"
],
"skinnable": true
},
"aui-event": {
"use": [
"aui-event-base"
]
},
"aui-event-base": {
"requires": [
"event-base"
]
},
"aui-event-delegate-change": {
"condition": {
"name": "aui-event-delegate-change",
"trigger": "event-base-ie",
"ua": "ie"
},
"requires": [
"aui-event-base",
"event-delegate",
"event-synthetic"
]
},
"aui-event-delegate-submit": {
"condition": {
"name": "aui-event-delegate-submit",
"trigger": "event-base-ie",
"ua": "ie"
},
"requires": [
"aui-event-base",
"event-delegate",
"event-synthetic"
]
},
"aui-event-input": {
"condition": {
"name": "aui-event-input",
"test": function(A) {
var supportsDOMEvent = A.supportsDOMEvent,
testFeature = A.Features.test,
addFeature = A.Features.add;
if (testFeature('event', 'input') === undefined) {
addFeature('event', 'input', {
test: function() {
return supportsDOMEvent(document.createElement('textarea'), 'input') && (!A.UA.ie || A.UA.ie > 9);
}
});
}
return !testFeature('event', 'input');
},
"trigger": "aui-event-base"
},
"requires": [
"aui-event-base",
"event-delegate",
"event-synthetic",
"timers"
]
},
"aui-form-base-deprecated": {
"requires": [
"io-form",
"querystring-parse",
"aui-base-deprecated",
"aui-data-set-deprecated",
"aui-form-field-deprecated"
]
},
"aui-form-builder": {
"requires": [
"aui-modal",
"aui-layout",
"aui-form-builder-field-list",
"aui-form-builder-field-toolbar",
"aui-form-builder-field-type",
"aui-form-builder-field-types",
"aui-form-builder-layout-builder",
"aui-form-builder-page-manager",
"aui-form-builder-settings-modal",
"event-focus",
"event-tap"
],
"skinnable": true
},
"aui-form-builder-available-field-deprecated": {
"requires": [
"aui-property-builder-available-field"
]
},
"aui-form-builder-deprecated": {
"requires": [
"aui-button",
"aui-collection",
"aui-form-builder-available-field-deprecated",
"aui-form-builder-field-deprecated",
"aui-form-builder-field-button-deprecated",
"aui-form-builder-field-checkbox-deprecated",
"aui-form-builder-field-fieldset-deprecated",
"aui-form-builder-field-file-upload-deprecated",
"aui-form-builder-field-multiple-choice-deprecated",
"aui-form-builder-field-radio-deprecated",
"aui-form-builder-field-select-deprecated",
"aui-form-builder-field-text-deprecated",
"aui-form-builder-field-textarea-deprecated",
"aui-property-builder",
"aui-property-builder-settings",
"aui-sortable-list",
"aui-tabview",
"aui-tooltip-base",
"escape",
"transition"
],
"skinnable": true
},
"aui-form-builder-field-base": {
"requires": [
"aui-classnamemanager",
"aui-node-base",
"aui-text-data-editor",
"aui-toggler",
"base",
"node-base"
],
"skinnable": true
},
"aui-form-builder-field-button-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-checkbox-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-choice": {
"requires": [
"aui-boolean-data-editor",
"aui-options-data-editor",
"aui-tabs-data-editor",
"aui-form-builder-field-base",
"aui-form-field-choice"
]
},
"aui-form-builder-field-deprecated": {
"requires": [
"panel",
"aui-datatype",
"aui-datatable-edit",
"aui-property-builder-field-support"
],
"skinnable": true
},
"aui-form-builder-field-fieldset-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-file-upload-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-list": {
"requires": [
"aui-form-builder-field-type",
"aui-form-builder-field-types",
"aui-form-builder-layout-builder"
],
"skinnable": true
},
"aui-form-builder-field-multiple-choice-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-radio-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-select-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-sentence": {
"requires": [
"aui-form-builder-field-base",
"aui-form-field"
]
},
"aui-form-builder-field-text": {
"requires": [
"aui-boolean-data-editor",
"aui-radio-group-data-editor",
"aui-form-builder-field-base",
"aui-form-field-text"
]
},
"aui-form-builder-field-text-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-textarea-deprecated": {
"requires": [
"aui-form-builder-field-deprecated"
]
},
"aui-form-builder-field-toolbar": {
"requires": [
"aui-classnamemanager",
"base",
"node-base"
],
"skinnable": true
},
"aui-form-builder-field-type": {
"requires": [
"base",
"node-base"
],
"skinnable": true
},
"aui-form-builder-field-types": {
"requires": [
"aui-classnamemanager",
"aui-form-builder-field-types-modal",
"base",
"node-base"
],
"skinnable": true
},
"aui-form-builder-field-types-modal": {
"requires": [
"aui-modal"
],
"skinnable": true
},
"aui-form-builder-layout-builder": {
"requires": [
"aui-classnamemanager",
"aui-layout-builder",
"aui-modal",
"base",
"node-base"
],
"skinnable": true
},
"aui-form-builder-page-manager": {
"requires": [
"aui-pagination",
"aui-popover",
"aui-tabview",
"base",
"event-valuechange",
"node-base"
],
"skinnable": true
},
"aui-form-builder-settings-modal": {
"requires": [
"aui-classnamemanager",
"aui-modal",
"base",
"node-base"
],
"skinnable": true
},
"aui-form-combobox-deprecated": {
"requires": [
"aui-form-textarea-deprecated",
"aui-toolbar"
],
"skinnable": true
},
"aui-form-deprecated": {
"use": [
"aui-form-base-deprecated",
"aui-form-combobox-deprecated",
"aui-form-field-deprecated",
"aui-form-select-deprecated",
"aui-form-textarea-deprecated",
"aui-form-textfield-deprecated"
]
},
"aui-form-field": {
"requires": [
"aui-classnamemanager",
"aui-node-base",
"base-build"
],
"skinnable": true
},
"aui-form-field-choice": {
"requires": [
"aui-form-field-required"
],
"skinnable": true
},
"aui-form-field-deprecated": {
"requires": [
"aui-base-deprecated",
"aui-component"
]
},
"aui-form-field-required": {
"requires": [
"aui-form-field"
]
},
"aui-form-field-text": {
"requires": [
"aui-form-field-required"
],
"skinnable": true
},
"aui-form-select-deprecated": {
"requires": [
"aui-form-field-deprecated"
]
},
"aui-form-textarea-deprecated": {
"requires": [
"node-pluginhost",
"aui-autosize-deprecated",
"aui-form-textfield-deprecated"
]
},
"aui-form-textfield-deprecated": {
"requires": [
"aui-form-field-deprecated"
]
},
"aui-form-validator": {
"requires": [
"escape",
"selector-css3",
"node-event-delegate",
"aui-node",
"aui-component",
"aui-event-input"
]
},
"aui-hsv-palette": {
"requires": [
"aui-classnamemanager",
"aui-widget-cssclass",
"aui-widget-toggle",
"aui-event-input",
"base-build",
"clickable-rail",
"color-hsv",
"dd-constrain",
"slider",
"widget"
],
"skinnable": true
},
"aui-hsva-palette": {
"requires": [
"aui-hsv-palette"
],
"skinnable": true
},
"aui-hsva-palette-modal": {
"requires": [
"aui-hsva-palette",
"aui-modal"
],
"skinnable": true
},
"aui-image-cropper": {
"requires": [
"resize-base",
"resize-constrain",
"dd-constrain",
"aui-node-base",
"aui-component"
],
"skinnable": true
},
"aui-image-viewer": {
"requires": [
"widget",
"widget-modality",
"widget-position",
"widget-position-align",
"widget-position-constrain",
"widget-stack",
"widget-stdmod",
"aui-event",
"aui-image-viewer-base",
"aui-image-viewer-multiple",
"aui-image-viewer-slideshow",
"aui-node-base",
"aui-widget-cssclass",
"aui-widget-toggle"
],
"skinnable": true
},
"aui-image-viewer-base": {
"requires": [
"anim",
"aui-aria",
"aui-classnamemanager",
"aui-node",
"aui-widget-responsive",
"base-build",
"imageloader",
"node-base",
"widget",
"widget-stack"
],
"skinnable": true
},
"aui-image-viewer-media": {
"requires": [
"plugin",
"aui-component",
"aui-image-viewer"
]
},
"aui-image-viewer-multiple": {
"requires": [
"base-build",
"node-base",
"aui-classnamemanager",
"aui-image-viewer-base"
],
"skinnable": true
},
"aui-image-viewer-multiple-swipe": {
"condition": {
"name": "aui-image-viewer-multiple-swipe",
"trigger": "aui-image-viewer-multiple",
"ua": "touchEnabled"
},
"requires": [
"aui-image-viewer-multiple",
"aui-image-viewer-swipe"
]
},
"aui-image-viewer-slideshow": {
"requires": [
"node",
"aui-classnamemanager"
]
},
"aui-image-viewer-swipe": {
"condition": {
"name": "aui-image-viewer-swipe",
"trigger": "aui-image-viewer-base",
"ua": "touchEnabled"
},
"requires": [
"event-resize",
"aui-image-viewer-base",
"aui-widget-swipe"
]
},
"aui-input-text-control-deprecated": {
"requires": [
"aui-base-deprecated",
"aui-datasource-control-base-deprecated",
"aui-form-combobox-deprecated"
]
},
"aui-io": {
"use": [
"aui-io-request"
]
},
"aui-io-deprecated": {
"use": [
"aui-io-request",
"aui-io-plugin-deprecated"
]
},
"aui-io-plugin-deprecated": {
"requires": [
"aui-overlay-base-deprecated",
"aui-parse-content",
"aui-io-request",
"aui-loading-mask-deprecated"
]
},
"aui-io-request": {
"requires": [
"io-base",
"json",
"plugin",
"querystring-stringify",
"aui-component"
]
},
"aui-io-request-deprecated": {
"requires": [
"io-base",
"json",
"plugin",
"querystring-stringify",
"aui-base-deprecated"
]
},
"aui-layout": {
"requires": [
"aui-layout-col",
"aui-layout-row",
"aui-node-base",
"base-build",
"datatype-number-parse",
"event-resize"
]
},
"aui-layout-builder": {
"requires": [
"aui-classnamemanager",
"aui-layout",
"aui-layout-builder-add-col",
"aui-layout-builder-add-row",
"aui-layout-builder-move",
"aui-layout-builder-remove-row",
"aui-layout-builder-resize-col",
"aui-node-base",
"base-build",
"node-event-delegate",
"node-screen",
"node-style"
]
},
"aui-layout-builder-add-col": {
"requires": [
"event-key",
"node-base"
],
"skinnable": true
},
"aui-layout-builder-add-row": {
"requires": [
"aui-node-base",
"base-build",
"node-scroll-info"
],
"skinnable": true
},
"aui-layout-builder-move": {
"requires": [
"aui-node-base",
"base-build"
],
"skinnable": true
},
"aui-layout-builder-remove-row": {
"requires": [
"aui-node-base",
"base-build"
],
"skinnable": true
},
"aui-layout-builder-resize-col": {
"requires": [
"dd-constrain",
"dd-delegate",
"dd-drop-plugin",
"dd-proxy",
"event-mouseenter",
"node-base"
],
"skinnable": true
},
"aui-layout-col": {
"requires": [
"aui-classnamemanager",
"aui-node-base",
"base-build"
],
"skinnable": true
},
"aui-layout-row": {
"requires": [
"array-invoke",
"aui-node-base",
"base-build"
],
"skinnable": true
},
"aui-linkedset": {
"requires": [
"aui-set"
]
},
"aui-live-search-deprecated": {
"requires": [
"aui-base-deprecated"
]
},
"aui-loading-mask-deprecated": {
"requires": [
"plugin",
"aui-overlay-mask-deprecated"
],
"skinnable": true
},
"aui-map": {
"requires": [
"base-build"
]
},
"aui-menu": {
"requires": [
"base-build",
"event-mouseenter",
"event-resize",
"widget",
"widget-position",
"widget-position-align",
"widget-position-constrain",
"widget-stack",
"aui-classnamemanager",
"aui-debounce",
"aui-dropdown",
"aui-menu-item"
],
"skinnable": true
},
"aui-menu-item": {
"requires": [
"base-build",
"node-base",
"aui-classnamemanager",
"aui-node",
"aui-widget-shortcut"
]
},
"aui-messaging": {
"requires": [
"querystring",
"aui-timer"
]
},
"aui-modal": {
"requires": [
"widget",
"widget-autohide",
"widget-buttons",
"widget-modality",
"widget-position",
"widget-position-align",
"widget-position-constrain",
"widget-stack",
"widget-stdmod",
"dd-plugin",
"dd-constrain",
"timers",
"aui-classnamemanager",
"aui-widget-cssclass",
"aui-widget-toggle",
"aui-widget-toolbars"
],
"skinnable": true
},
"aui-modal-resize": {
"condition": {
"name": "aui-modal-resize",
"test": function(A) {
return !A.UA.mobile;
},
"trigger": "aui-modal"
},
"requires": [
"aui-modal",
"resize-plugin"
]
},
"aui-node": {
"use": [
"aui-node-base"
]
},
"aui-node-accessible": {
"requires": [
"aui-node-base",
"event-custom-base"
]
},
"aui-node-base": {
"requires": [
"array-extras",
"aui-base-lang",
"aui-classnamemanager",
"aui-debounce",
"node"
]
},
"aui-node-html5": {
"condition": {
"name": "aui-node-html5",
"trigger": "aui-node",
"ua": "ie"
},
"requires": [
"collection",
"aui-node-base"
]
},
"aui-options-data-editor": {
"requires": [
"aui-data-editor",
"dd-constrain",
"dd-delegate",
"dd-drop-plugin",
"dd-proxy",
"event-valuechange",
"node-event-delegate"
],
"skinnable": true
},
"aui-overlay-base-deprecated": {
"requires": [
"widget-position",
"widget-stack",
"widget-position-align",
"widget-position-constrain",
"widget-stdmod",
"aui-component"
]
},
"aui-overlay-context-deprecated": {
"requires": [
"aui-overlay-manager-deprecated",
"aui-delayed-task-deprecated",
"aui-aria"
]
},
"aui-overlay-context-panel-deprecated": {
"requires": [
"anim",
"aui-overlay-context-deprecated"
],
"skinnable": true
},
"aui-overlay-deprecated": {
"use": [
"aui-overlay-base-deprecated",
"aui-overlay-context-deprecated",
"aui-overlay-context-panel-deprecated",
"aui-overlay-manager-deprecated",
"aui-overlay-mask-deprecated"
]
},
"aui-overlay-manager-deprecated": {
"requires": [
"overlay",
"plugin",
"aui-base-deprecated",
"aui-overlay-base-deprecated"
]
},
"aui-overlay-mask-deprecated": {
"requires": [
"event-resize",
"aui-base-deprecated",
"aui-overlay-base-deprecated"
],
"skinnable": true
},
"aui-pagination": {
"requires": [
"node-event-delegate",
"aui-node",
"aui-component",
"widget-htmlparser"
],
"skinnable": true
},
"aui-palette": {
"requires": [
"base-build",
"event-hover",
"widget",
"aui-classnamemanager",
"aui-base",
"aui-widget-cssclass",
"aui-widget-toggle"
],
"skinnable": true
},
"aui-parse-content": {
"requires": [
"async-queue",
"plugin",
"io-base",
"aui-component",
"aui-node-base"
]
},
"aui-popover": {
"requires": [
"event-resize",
"widget",
"widget-autohide",
"widget-buttons",
"widget-modality",
"widget-position",
"widget-position-align",
"widget-position-constrain",
"widget-stack",
"widget-stdmod",
"aui-classnamemanager",
"aui-widget-cssclass",
"aui-widget-toggle",
"aui-widget-toolbars",
"aui-widget-transition",
"aui-widget-trigger",
"aui-widget-position-align-suggestion",
"aui-component",
"aui-node-base"
],
"skinnable": true
},
"aui-progressbar": {
"requires": [
"aui-node",
"aui-component",
"aui-aria"
],
"skinnable": true
},
"aui-promise": {
"requires": [
"array-invoke",
"promise",
"oop"
]
},
"aui-property-builder": {
"requires": [
"dd",
"collection",
"aui-property-builder-available-field",
"aui-property-builder-field-support",
"aui-property-builder-settings",
"aui-tabview"
],
"skinnable": true
},
"aui-property-builder-available-field": {
"requires": [
"base",
"aui-component",
"aui-node"
]
},
"aui-property-builder-field-support": {},
"aui-property-builder-settings": {
"requires": [
"aui-tabview",
"aui-datatable-property-list"
]
},
"aui-radio-group-data-editor": {
"requires": [
"aui-data-editor",
"node-event-delegate"
],
"skinnable": true
},
"aui-rating": {
"use": [
"aui-rating-base",
"aui-rating-thumb"
]
},
"aui-rating-base": {
"requires": [
"aui-component",
"aui-node-base",
"widget-htmlparser",
"widget-uievents"
],
"skinnable": true
},
"aui-rating-thumb": {
"requires": [
"aui-rating-base"
]
},
"aui-resize-base-deprecated": {
"requires": [
"dd-drag",
"dd-delegate",
"dd-drop",
"aui-base-deprecated"
],
"skinnable": true
},
"aui-resize-constrain-deprecated": {
"requires": [
"dd-constrain",
"plugin",
"aui-resize-base-deprecated"
]
},
"aui-resize-deprecated": {
"skinnable": true,
"use": [
"aui-resize-base-deprecated",
"aui-resize-constrain-deprecated"
]
},
"aui-scale-data-editor": {
"requires": [
"aui-classnamemanager",
"aui-data-editor",
"event-valuechange"
]
},
"aui-scheduler": {
"use": [
"event-gestures",
"aui-scheduler-base",
"aui-scheduler-event-recorder",
"aui-scheduler-view-agenda",
"aui-scheduler-view-day",
"aui-scheduler-view-month",
"aui-scheduler-view-table-dd",
"aui-scheduler-view-table",
"aui-scheduler-view-week",
"aui-viewport"
]
},
"aui-scheduler-base": {
"requires": [
"model",
"model-list",
"widget-stdmod",
"color-hsl",
"aui-event-base",
"aui-node-base",
"aui-component",
"aui-datatype",
"aui-button",
"node-focusmanager"
],
"skinnable": true
},
"aui-scheduler-event-recorder": {
"requires": [
"querystring",
"io-form",
"overlay",
"aui-scheduler-base",
"aui-popover"
],
"skinnable": true
},
"aui-scheduler-touch": {
"condition": {
"name": "aui-scheduler-touch",
"trigger": "aui-scheduler",
"ua": "touchEnabled"
},
"requires": [
"base-build",
"aui-scheduler"
],
"skinnable": true
},
"aui-scheduler-view-agenda": {
"requires": [
"aui-scheduler-base"
],
"skinnable": true
},
"aui-scheduler-view-day": {
"requires": [
"dd-drag",
"dd-delegate",
"dd-drop",
"dd-constrain",
"aui-scheduler-view-table"
],
"skinnable": true
},
"aui-scheduler-view-month": {
"requires": [
"aui-scheduler-view-table"
],
"skinnable": true
},
"aui-scheduler-view-table": {
"requires": [
"overlay",
"aui-scheduler-base"
],
"skinnable": true
},
"aui-scheduler-view-table-dd": {
"requires": [
"dd-drag",
"dd-delegate",
"dd-drop",
"aui-scheduler-view-table"
]
},
"aui-scheduler-view-week": {
"requires": [
"aui-scheduler-view-day"
],
"skinnable": true
},
"aui-scroller-deprecated": {
"requires": [
"event-mouseenter",
"aui-base-deprecated",
"aui-simple-anim-deprecated"
],
"skinnable": true
},
"aui-scrollspy": {
"requires": [
"base-build",
"node-screen",
"aui-classnamemanager"
]
},
"aui-search": {
"use": [
"aui-search-tst"
]
},
"aui-search-tst": {
"requires": [
"aui-component"
]
},
"aui-selector": {
"requires": [
"selector-css3",
"aui-classnamemanager"
]
},
"aui-set": {
"requires": [
"aui-map"
]
},
"aui-simple-anim-deprecated": {
"requires": [
"aui-base-deprecated"
]
},
"aui-skin-deprecated": {
"type": "css"
},
"aui-sortable": {
"use": [
"aui-sortable-layout",
"aui-sortable-list"
]
},
"aui-sortable-layout": {
"requires": [
"dd-delegate",
"dd-drag",
"dd-drop",
"dd-proxy",
"aui-node",
"aui-component"
],
"skinnable": true
},
"aui-sortable-list": {
"requires": [
"dd-drag",
"dd-drop",
"dd-proxy",
"dd-scroll",
"aui-node",
"aui-component"
]
},
"aui-state-interaction-deprecated": {
"requires": [
"aui-base-deprecated",
"plugin"
]
},
"aui-surface": {
"use": [
"aui-surface-app",
"aui-surface-screen"
]
},
"aui-surface-app": {
"requires": [
"event-delegate",
"node-event-html5",
"aui-surface-base",
"aui-surface-screen",
"aui-surface-screen-route"
]
},
"aui-surface-base": {
"requires": [
"base-build",
"node-style",
"timers",
"aui-debounce",
"aui-promise",
"aui-parse-content"
]
},
"aui-surface-screen": {
"requires": [
"base-build"
]
},
"aui-surface-screen-html": {
"requires": [
"aui-base",
"aui-io-request",
"aui-promise",
"aui-surface-screen",
"aui-url"
]
},
"aui-surface-screen-route": {
"requires": [
"base-build"
]
},
"aui-swf-deprecated": {
"requires": [
"querystring-parse-simple",
"querystring-stringify-simple",
"aui-base-deprecated"
]
},
"aui-tabs-data-editor": {
"requires": [
"aui-data-editor",
"aui-tabview"
]
},
"aui-tabview": {
"requires": [
"selector-css3",
"tabview",
"aui-component",
"aui-widget-css"
],
"skinnable": true
},
"aui-template-deprecated": {
"requires": [
"aui-base-deprecated"
]
},
"aui-text-data-editor": {
"requires": [
"aui-data-editor",
"event-valuechange"
],
"skinnable": true
},
"aui-text-data-unicode": {
"requires": [
"text"
]
},
"aui-text-unicode": {
"requires": [
"aui-text-data-unicode"
]
},
"aui-textboxlist-deprecated": {
"requires": [
"anim-node-plugin",
"aui-autocomplete-deprecated",
"aui-button-item-deprecated",
"aui-data-set-deprecated",
"escape",
"node-focusmanager"
],
"skinnable": true
},
"aui-timepicker": {
"requires": [
"autocomplete",
"aui-datepicker-delegate",
"aui-datepicker-popover"
],
"skinnable": true
},
"aui-timepicker-native": {
"requires": [
"base",
"base-build",
"aui-node-base",
"aui-datepicker-delegate",
"aui-datepicker-native"
]
},
"aui-timer": {
"requires": [
"oop"
]
},
"aui-toggler": {
"use": [
"aui-toggler-base",
"aui-toggler-delegate"
]
},
"aui-toggler-accessibility": {
"requires": [
"aui-toggler-base"
]
},
"aui-toggler-base": {
"requires": [
"transition",
"aui-selector",
"aui-event-base",
"aui-node",
"aui-component",
"event-tap"
],
"skinnable": true
},
"aui-toggler-delegate": {
"requires": [
"array-invoke",
"node-event-delegate",
"aui-toggler-base"
]
},
"aui-toolbar": {
"requires": [
"arraylist",
"arraylist-add",
"aui-component",
"aui-button-core"
]
},
"aui-tooltip": {
"use": [
"aui-tooltip-base",
"aui-tooltip-delegate"
]
},
"aui-tooltip-base": {
"requires": [
"aui-aria",
"aui-classnamemanager",
"aui-component",
"aui-debounce",
"aui-node-base",
"aui-widget-cssclass",
"aui-widget-toggle",
"aui-widget-transition",
"aui-widget-trigger",
"aui-widget-position-align-suggestion",
"event-hover",
"event-resize",
"escape",
"widget",
"widget-autohide",
"widget-position",
"widget-position-align",
"widget-position-constrain",
"widget-stack",
"widget-stdmod"
],
"skinnable": true
},
"aui-tooltip-delegate": {
"requires": [
"aui-tooltip-base",
"node-event-delegate"
]
},
"aui-tooltip-deprecated": {
"requires": [
"aui-overlay-context-panel-deprecated"
],
"skinnable": true
},
"aui-tpl-snippets-base-deprecated": {
"requires": [
"aui-template-deprecated"
]
},
"aui-tpl-snippets-checkbox-deprecated": {
"requires": [
"aui-tpl-snippets-base-deprecated"
]
},
"aui-tpl-snippets-deprecated": {
"use": [
"aui-tpl-snippets-base-deprecated",
"aui-tpl-snippets-checkbox-deprecated",
"aui-tpl-snippets-input-deprecated",
"aui-tpl-snippets-select-deprecated",
"aui-tpl-snippets-textarea-deprecated"
]
},
"aui-tpl-snippets-input-deprecated": {
"requires": [
"aui-tpl-snippets-base-deprecated"
]
},
"aui-tpl-snippets-select-deprecated": {
"requires": [
"aui-tpl-snippets-base-deprecated"
]
},
"aui-tpl-snippets-textarea-deprecated": {
"requires": [
"aui-tpl-snippets-base-deprecated"
]
},
"aui-tree": {
"use": [
"aui-tree-data",
"aui-tree-io",
"aui-tree-node",
"aui-tree-paginator",
"aui-tree-view"
]
},
"aui-tree-data": {
"requires": [
"aui-base-core",
"aui-base-lang",
"aui-node-base",
"aui-timer",
"aui-component"
]
},
"aui-tree-io": {
"requires": [
"aui-component",
"aui-io"
]
},
"aui-tree-node": {
"requires": [
"json",
"querystring-stringify",
"aui-tree-data",
"aui-tree-io",
"aui-tree-paginator",
"event-key"
]
},
"aui-tree-paginator": {
"requires": [
"yui-base"
]
},
"aui-tree-view": {
"requires": [
"dd-delegate",
"dd-proxy",
"widget",
"aui-tree-node",
"aui-tree-paginator",
"aui-tree-io"
],
"skinnable": true
},
"aui-undo-redo": {
"requires": [
"aui-base",
"base",
"base-build",
"event-key",
"promise"
]
},
"aui-url": {
"requires": [
"oop",
"querystring-parse",
"querystring-stringify"
]
},
"aui-video": {
"requires": [
"event-resize",
"node-event-html5",
"querystring-stringify-simple",
"aui-aria",
"aui-node",
"aui-component",
"aui-debounce"
],
"skinnable": true
},
"aui-viewport": {
"requires": [
"aui-node",
"aui-component"
]
},
"aui-widget": {
"use": [
"aui-widget-cssclass",
"aui-widget-toolbars"
]
},
"aui-widget-core": {
"use": [
"aui-widget-cssclass"
]
},
"aui-widget-cssclass": {
"requires": [
"widget-base"
]
},
"aui-widget-position-align-suggestion": {
"requires": [
"widget-position-align",
"widget-stdmod"
]
},
"aui-widget-responsive": {
"requires": [
"event-resize",
"widget-base"
]
},
"aui-widget-shortcut": {
"requires": [
"base"
]
},
"aui-widget-swipe": {
"requires": [
"classnamemanager",
"scrollview-base",
"scrollview-paginator",
"timers"
]
},
"aui-widget-toggle": {},
"aui-widget-toolbars": {
"requires": [
"widget-stdmod",
"aui-toolbar"
]
},
"aui-widget-transition": {
"requires": [
"transition"
]
},
"aui-widget-trigger": {
"requires": [
"node"
]
}
});
YUI.Env[Y.version].md5 = 'd7c627eb00edd6b6f054d8f6e7147480';
/*
* Alloy JavaScript Library
* http://alloy.liferay.com/
*
* Copyright (c) 2010 Liferay Inc.
* http://alloy.liferay.com/LICENSE.txt
*
* Nate Cavanaugh (nathan.cavanaugh@liferay.com)
* Eduardo Lundgren (eduardo.lundgren@liferay.com)
*
* Attribution/Third-party licenses
* http://alloy.liferay.com/ATTRIBUTION.txt
*/
// Simple version of
// http://perfectionkills.com/detecting-event-support-without-browser-sniffing/
A.UA.edge = (function() {
var edgeVersion = A.UA.userAgent.match(/Edge\/(.[0-9.]+)/);
if (edgeVersion) {
return edgeVersion[1];
}
return 0;
})();
A.supportsDOMEvent = function(domNode, eventName) {
eventName = 'on' + eventName;
if (!(eventName in domNode)) {
if (!domNode.setAttribute) {
domNode = A.config.doc.createElement('div');
}
if (domNode.setAttribute) {
domNode.setAttribute(eventName, '');
return (typeof domNode[eventName] === 'function');
}
}
domNode = null;
return true;
};
(function() {
var slice = Array.prototype.slice;
YUI.prototype.ready = function() {
var instance = this,
xargs = arguments,
index = xargs.length - 1,
modules = slice.call(arguments, 0, index);
modules.unshift('event-base');
modules.push(function(instance) {
var args = arguments;
instance.on('domready', function() {
xargs[index].apply(this, args);
});
});
instance.use.apply(instance, modules);
};
}());
}, '3.1.0-deprecated.60');
YUI.add('aui-base-lang', function (A, NAME) {
(function() {
var Lang = A.Lang,
aArray = A.Array,
AObject = A.Object,
isArray = Lang.isArray,
isNumber = Lang.isNumber,
isString = Lang.isString,
isUndefined = Lang.isUndefined,
owns = AObject.owns;
A.fn = function(fn, context, args) {
var wrappedFn,
dynamicLookup;
// Explicitly set function arguments
if (!isNumber(fn)) {
var xargs = arguments;
if (xargs.length > 2) {
xargs = aArray(xargs, 2, true);
}
dynamicLookup = (isString(fn) && context);
wrappedFn = function() {
var method = (!dynamicLookup) ? fn : context[fn];
return method.apply(context || fn, xargs);
};
}
else {
// Set function arity
var argLength = fn;
fn = context;
context = args;
dynamicLookup = (isString(fn) && context);
wrappedFn = function() {
var method = (!dynamicLookup) ? fn : context[fn],
returnValue;
context = context || method;
if (argLength > 0) {
returnValue = method.apply(context, aArray(arguments, 0, true).slice(0, argLength));
}
else {
returnValue = method.call(context);
}
return returnValue;
};
}
return wrappedFn;
};
A.mix(Lang, {
constrain: function(num, min, max) {
return Math.min(Math.max(num, min), max);
},
emptyFn: function() {},
emptyFnFalse: function() {
return false;
},
emptyFnTrue: function() {
return true;
},
isGuid: function(id) {
return String(id).indexOf(A.Env._guidp) === 0;
},
isInteger: function(val) {
return typeof val === 'number' &&
isFinite(val) &&
val > -9007199254740992 &&
val < 9007199254740992 &&
Math.floor(val) === val;
},
isNode: function(val) {
return A.instanceOf(val, A.Node);
},
isNodeList: function(val) {
return A.instanceOf(val, A.NodeList);
},
toFloat: function(value, defaultValue) {
return parseFloat(value) || defaultValue || 0;
},
toInt: function(value, radix, defaultValue) {
return parseInt(value, radix || 10) || defaultValue || 0;
}
});
A.mix(aArray, {
remove: function(a, from, to) {
var rest = a.slice((to || from) + 1 || a.length);
a.length = (from < 0) ? (a.length + from) : from;
return a.push.apply(a, rest);
},
removeItem: function(a, item) {
var index = aArray.indexOf(a, item);
if (index > -1) {
return aArray.remove(a, index);
}
return a;
}
});
var LString = A.namespace('Lang.String'),
DOC = A.config.doc,
REGEX_DASH = /-([a-z])/gi,
REGEX_ESCAPE_REGEX = /([.*+?^$(){}|[\]\/\\])/g,
REGEX_NL2BR = /\r?\n/g,
REGEX_STRIP_SCRIPTS = /(?:)((\n|\r|.)*?)(?:<\/script>)/gi,
REGEX_STRIP_TAGS = /<\/?[^>]+>/gi,
REGEX_UNCAMELIZE = /([a-zA-Z][a-zA-Z])([A-Z])([a-z])/g,
REGEX_UNCAMELIZE_REPLACE_SEPARATOR = /([a-z])([A-Z])/g,
STR_ELLIPSIS = '...',
htmlUnescapedValues = [],
MAP_HTML_CHARS_ESCAPED = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
'\'': ''',
'/': '/',
'`': '`'
},
htmlChar,
MAP_HTML_CHARS_UNESCAPED = {};
for (htmlChar in MAP_HTML_CHARS_ESCAPED) {
if (MAP_HTML_CHARS_ESCAPED.hasOwnProperty(htmlChar)) {
var escapedValue = MAP_HTML_CHARS_ESCAPED[htmlChar];
MAP_HTML_CHARS_UNESCAPED[escapedValue] = htmlChar;
htmlUnescapedValues.push(htmlChar);
}
}
var REGEX_HTML_ESCAPE = new RegExp('[' + htmlUnescapedValues.join('') + ']', 'g'),
REGEX_HTML_UNESCAPE = /&([^;]+);/g;
A.mix(LString, {
camelize: A.cached(
function(str, separator) {
var regex = REGEX_DASH;
str = String(str);
if (separator) {
regex = new RegExp(separator + '([a-z])', 'gi');
}
return str.replace(regex, LString._camelize);
}
),
capitalize: A.cached(
function(str) {
if (str) {
str = String(str);
str = str.charAt(0).toUpperCase() + str.substr(1).toLowerCase();
}
return str;
}
),
contains: function(str, searchString) {
return str.indexOf(searchString) !== -1;
},
defaultValue: function(str, defaultValue) {
if (isUndefined(str) || str === '') {
if (isUndefined(defaultValue)) {
defaultValue = '';
}
str = defaultValue;
}
return str;
},
endsWith: function(str, suffix) {
var length = (str.length - suffix.length);
return ((length >= 0) && (str.indexOf(suffix, length) === length));
},
escapeHTML: function(str) {
return str.replace(REGEX_HTML_ESCAPE, LString._escapeHTML);
},
// Courtesy of: http://simonwillison.net/2006/Jan/20/escape/
escapeRegEx: function(str) {
return str.replace(REGEX_ESCAPE_REGEX, '\\$1');
},
nl2br: function(str) {
return String(str).replace(REGEX_NL2BR, '
* Executes the supplied function in the context of the supplied object 'when' milliseconds later
*
*
* Quick Example:var delayed = new A.DelayedTask({
* function() {
* // This callback will be executed when the DelayedTask be invoked
* },
* scope
* });
*
* // executes after 1000ms the callback
* delayed.delay(1000);
* Configuration Attributes available for
* DelayedTask.
*
* @param config {Object} Object literal specifying widget configuration properties.
*
* @class DelayedTask
* @param {function} fn Callback
* @param {Object} scope Context object. Optional.
* @param args 0..n additional arguments that should be provided to the listener.
* @constructor
*/
var DelayedTask = function(fn, scope, args) {
var instance = this;
/**
* Stores the passed args attribute.
*
* @property _args
* @type Object
* @protected
*/
instance._args = args;
/**
* Stores the passed delay attribute.
*
* @property _delay
* @default 0
* @type Number
* @protected
*/
instance._delay = 0;
/**
* Stores the passed fn attribute.
*
* @property _fn
* @type function
* @protected
*/
instance._fn = fn;
/**
* Stores the timer id given from the setInterval.
*
* @property _id
* @default null
* @type Number
* @protected
*/
instance._id = null;
/**
* Stores the passed scope attribute.
*
* @property _scope
* @default instance
* @type Object
* @protected
*/
instance._scope = scope || instance;
/**
* Stores the current timestamp given from
* _getTime .
*
* @property _time
* @default 0
* @type Number
* @protected
*/
instance._time = 0;
instance._base = function() {
var now = instance._getTime();
if (now - instance._time >= instance._delay) {
clearInterval(instance._id);
instance._id = null;
instance._fn.apply(instance._scope, instance._args || []);
}
};
};
DelayedTask.prototype = {
/**
* This function is responsible to execute the user callback, passed in
* the constructor after delay milliseconds.
*
* Example:
*
* // executes after 1000ms the callback
* delayed.delay(1000);_id ).
*
* @method cancel
*/
cancel: function() {
var instance = this;
if (instance._id) {
clearInterval(instance._id);
instance._id = null;
}
},
/**
* Get the current timestamp (i.e., now).
*
* @method _getTime
* @protected
* @return {Number} Current timestamp
*/
_getTime: function() {
var instance = this;
return (+new Date());
}
};
A.DelayedTask = DelayedTask;
}, '3.1.0-deprecated.60', {"requires": ["yui-base"]});
YUI.add('aui-event-base', function (A, NAME) {
/**
* The Event Base.
*
* @module aui-event
* @submodule aui-event-base
*/
var aArray = A.Array,
DOMEventFacade = A.DOMEventFacade,
DOMEventFacadeProto = DOMEventFacade.prototype;
var KeyMap = {
BACKSPACE: 8,
TAB: 9,
NUM_CENTER: 12,
ENTER: 13,
RETURN: 13,
SHIFT: 16,
CTRL: 17,
ALT: 18,
PAUSE: 19,
CAPS_LOCK: 20,
ESC: 27,
SPACE: 32,
PAGE_UP: 33,
PAGE_DOWN: 34,
END: 35,
HOME: 36,
LEFT: 37,
UP: 38,
RIGHT: 39,
DOWN: 40,
PRINT_SCREEN: 44,
INSERT: 45,
DELETE: 46,
ZERO: 48,
ONE: 49,
TWO: 50,
THREE: 51,
FOUR: 52,
FIVE: 53,
SIX: 54,
SEVEN: 55,
EIGHT: 56,
NINE: 57,
A: 65,
B: 66,
C: 67,
D: 68,
E: 69,
F: 70,
G: 71,
H: 72,
I: 73,
J: 74,
K: 75,
L: 76,
M: 77,
N: 78,
O: 79,
P: 80,
Q: 81,
R: 82,
S: 83,
T: 84,
U: 85,
V: 86,
W: 87,
X: 88,
Y: 89,
Z: 90,
CONTEXT_MENU: 93,
NUM_ZERO: 96,
NUM_ONE: 97,
NUM_TWO: 98,
NUM_THREE: 99,
NUM_FOUR: 100,
NUM_FIVE: 101,
NUM_SIX: 102,
NUM_SEVEN: 103,
NUM_EIGHT: 104,
NUM_NINE: 105,
NUM_MULTIPLY: 106,
NUM_PLUS: 107,
NUM_MINUS: 109,
NUM_PERIOD: 110,
NUM_DIVISION: 111,
F1: 112,
F2: 113,
F3: 114,
F4: 115,
F5: 116,
F6: 117,
F7: 118,
F8: 119,
F9: 120,
F10: 121,
F11: 122,
F12: 123,
NUM_LOCK: 144,
WIN_KEY: 224,
WIN_IME: 229,
NON_MODIFYING_KEYS: [
'ALT',
'CAPS_LOCK',
'CTRL',
'DOWN',
'END',
'ESC',
'F1',
'F10',
'F11',
'F12',
'F2',
'F3',
'F4',
'F5',
'F6',
'F7',
'F8',
'F9',
'HOME',
'LEFT',
'NUM_LOCK',
'PAGE_DOWN',
'PAGE_UP',
'PAUSE',
'PRINT_SCREEN',
'RIGHT',
'SHIFT',
'SPACE',
'UP',
'WIN_KEY'
],
hasModifier: function(event) {
return event &&
(event.ctrlKey ||
event.altKey ||
event.shiftKey ||
event.metaKey);
},
isKey: function(keyCode, name) {
var instance = this;
return name && ((instance[name] || instance[name.toUpperCase()]) === keyCode);
},
isKeyInRange: function(keyCode, start, end) {
var instance = this;
var result = false;
if (start && end) {
var startKey = instance[start] || instance[start.toUpperCase()];
var endKey = instance[end] || instance[end.toUpperCase()];
result = startKey && endKey &&
(keyCode >= startKey && keyCode <= endKey);
}
return result;
},
isKeyInSet: function(keyCode) {
var instance = this;
var args = aArray(arguments, 1, true);
return instance._isKeyInSet(keyCode, args);
},
isNavKey: function(keyCode) {
var instance = this;
return instance.isKeyInRange(keyCode, 'PAGE_UP', 'DOWN') || instance.isKeyInSet(keyCode, 'ENTER', 'TAB', 'ESC');
},
isSpecialKey: function(keyCode, eventType) {
var instance = this;
var isCtrlPress = (eventType === 'keypress' && instance.ctrlKey);
return isCtrlPress ||
instance.isNavKey(keyCode) ||
instance.isKeyInRange(keyCode, 'SHIFT', 'CAPS_LOCK') ||
instance.isKeyInSet(keyCode, 'BACKSPACE', 'PRINT_SCREEN', 'INSERT', 'WIN_IME');
},
isModifyingKey: function(keyCode) {
var instance = this;
return !instance._isKeyInSet(keyCode, instance.NON_MODIFYING_KEYS);
},
_isKeyInSet: function(keyCode, arr) {
var instance = this;
var i = arr.length;
var result = false;
var keyName;
var key;
while (i--) {
keyName = arr[i];
key = keyName && (instance[keyName] || instance[String(keyName).toUpperCase()]);
if (keyCode === key) {
result = true;
break;
}
}
return result;
}
};
A.mix(
DOMEventFacadeProto, {
/**
* Checks if an event is triggered by a keyboard key like `CTRL`, `ALT`
* or `SHIFT`.
*
* @method hasModifier
* @return {Boolean}
*/
hasModifier: function() {
var instance = this;
return KeyMap.hasModifier(instance);
},
/**
* Checks if an event is triggered by a keyboard key.
*
* @method isKey
* @param name
* @return {Boolean}
*/
isKey: function(name) {
var instance = this;
return KeyMap.isKey(instance.keyCode, name);
},
/**
* Checks if an event is triggered by a keyboard key located between two
* other keys.
*
* @method isKeyInRange
* @param start
* @param end
* @return {Boolean}
*/
isKeyInRange: function(start, end) {
var instance = this;
return KeyMap.isKeyInRange(instance.keyCode, start, end);
},
/**
* Checks if an event is triggered by a keyboard key contained in the
* key set.
*
* @method isKeyInSet
* @return {Boolean}
*/
isKeyInSet: function() {
var instance = this;
var args = aArray(arguments, 0, true);
return KeyMap._isKeyInSet(instance.keyCode, args);
},
/**
* Checks if an event is triggered by `ENTER`, `TAB`, `ESC` keyboard
* keys or by a key located between `PAGE UP` and `DOWN`.
*
* @method isModifyingKey
*/
isModifyingKey: function() {
var instance = this;
return KeyMap.isModifyingKey(instance.keyCode);
},
/**
* Checks if an event is triggered by navigation keys like `PAGE UP`
* and `DOWN` keys.
*
* @method isNavKey
* @return {Boolean}
*/
isNavKey: function() {
var instance = this;
return KeyMap.isNavKey(instance.keyCode);
},
/**
* Checks if an event is triggered by a special keyboard key like
* `SHIFT`, `CAPS LOCK`, etc.
*
* @method isSpecialKey
* @return {Boolean}
*/
isSpecialKey: function() {
var instance = this;
return KeyMap.isSpecialKey(instance.keyCode, instance.type);
}
}
);
A.Event.KeyMap = KeyMap;
A.Event.supportsDOMEvent = A.supportsDOMEvent;
}, '3.1.0-deprecated.60', {"requires": ["event-base"]});
YUI.add('aui-event-input', function (A, NAME) {
/**
* An object that encapsulates text changed events for textareas and input
* element of type text and password. This event only occurs when the element
* is focused.
*
* @module aui-event
* @submodule aui-event-input
*/
var DOM_EVENTS = A.Node.DOM_EVENTS;
// Input event feature check should be done on textareas. WebKit before
// version 531 (3.0.182.2) did not support input events for textareas.
// See http://dev.chromium.org/developers/webkit-version-table
if (A.Features.test('event', 'input')) {
// http://yuilibrary.com/projects/yui3/ticket/2533063
DOM_EVENTS.input = 1;
return;
}
DOM_EVENTS.cut = 1;
DOM_EVENTS.dragend = 1;
DOM_EVENTS.paste = 1;
var KeyMap = A.Event.KeyMap,
_HANDLER_DATA_KEY = '~~aui|input|event~~',
_INPUT_EVENT_TYPE = ['keydown', 'paste', 'drop', 'cut'],
_SKIP_FOCUS_CHECK_MAP = {
cut: 1,
drop: 1,
paste: 1
};
/**
* Defines a new `input` event in the DOM event system.
*
* @event input
*/
A.Event.define('input', {
/**
* Implementation logic for event subscription.
*
* @method on
* @param node
* @param subscription
* @param notifier
*/
on: function(node, subscription, notifier) {
var instance = this;
subscription._handler = node.on(
_INPUT_EVENT_TYPE, A.bind(instance._dispatchEvent, instance, subscription, notifier));
},
/**
* Implementation logic for subscription via `node.delegate`.
*
* @method delegate
* @param node
* @param subscription
* @param notifier
* @param filter
*/
delegate: function(node, subscription, notifier, filter) {
var instance = this;
subscription._handles = [];
subscription._handler = node.delegate('focus', function(event) {
var element = event.target,
handler = element.getData(_HANDLER_DATA_KEY);
if (!handler) {
handler = element.on(
_INPUT_EVENT_TYPE,
A.bind(instance._dispatchEvent, instance, subscription, notifier));
subscription._handles.push(handler);
element.setData(_HANDLER_DATA_KEY, handler);
}
}, filter);
},
/**
* Implementation logic for cleaning up a detached subscription.
*
* @method detach
* @param node
* @param subscription
* @param notifier
*/
detach: function(node, subscription) {
subscription._handler.detach();
},
/**
* Implementation logic for cleaning up a detached delegate subscription.
*
* @method detachDelegate
* @param node
* @param subscription
* @param notifier
*/
detachDelegate: function(node, subscription) {
A.Array.each(subscription._handles, function(handle) {
var element = A.one(handle.evt.el);
if (element) {
element.setData(_HANDLER_DATA_KEY, null);
}
handle.detach();
});
subscription._handler.detach();
},
/**
* Dispatches an `input` event.
*
* @method _dispatchEvent
* @param subscription
* @param notifier
* @param event
* @protected
*/
_dispatchEvent: function(subscription, notifier, event) {
var instance = this,
input,
valueBeforeKey;
input = event.target;
// Since cut, drop and paste events fires before the element is focused,
// skip focus checking.
if (_SKIP_FOCUS_CHECK_MAP[event.type] ||
(input.get('ownerDocument').get('activeElement') === input)) {
if (KeyMap.isModifyingKey(event.keyCode)) {
if (subscription._timer) {
subscription._timer.cancel();
subscription._timer = null;
}
valueBeforeKey = KeyMap.isKey(event.keyCode, 'WIN_IME') ? null : input.get('value');
subscription._timer = A.soon(
A.bind('_fireEvent', instance, subscription, notifier, event, valueBeforeKey)
);
}
}
},
/**
* Fires an event.
*
* @method _fireEvent
* @param subscription
* @param notifier
* @param event
* @param valueBeforeKey
* @protected
*/
_fireEvent: function(subscription, notifier, event, valueBeforeKey) {
var input = event.target;
subscription._timer = null;
if (input.get('value') !== valueBeforeKey) {
notifier.fire(event);
}
}
});
}, '3.1.0-deprecated.60', {"requires": ["aui-event-base", "event-delegate", "event-synthetic", "timers"]});
YUI.add('aui-form-validator', function (A, NAME) {
/**
* The Form Validator Component
*
* @module aui-form-validator
*/
// API inspired on the amazing jQuery Form Validation -
// http://jquery.bassistance.de/validate/
var Lang = A.Lang,
AObject = A.Object,
isBoolean = Lang.isBoolean,
isDate = Lang.isDate,
isEmpty = AObject.isEmpty,
isFunction = Lang.isFunction,
isNode = Lang.isNode,
isObject = Lang.isObject,
isString = Lang.isString,
trim = Lang.trim,
defaults = A.namespace('config.FormValidator'),
getRegExp = A.DOM._getRegExp,
getCN = A.getClassName,
CSS_FORM_GROUP = getCN('form', 'group'),
CSS_HAS_ERROR = getCN('has', 'error'),
CSS_ERROR_FIELD = getCN('error', 'field'),
CSS_HAS_SUCCESS = getCN('has', 'success'),
CSS_SUCCESS_FIELD = getCN('success', 'field'),
CSS_HELP_BLOCK = getCN('help', 'block'),
CSS_STACK = getCN('form-validator', 'stack'),
TPL_MESSAGE = '
',
TPL_STACK_ERROR = '
';
if (!Element.prototype.matches) {
Element.prototype.matches = Element.prototype.msMatchesSelector;
}
A.mix(defaults, {
STRINGS: {
DEFAULT: 'Please fix {field}.',
acceptFiles: 'Please enter a value with a valid extension ({0}) in {field}.',
alpha: 'Please enter only alpha characters in {field}.',
alphanum: 'Please enter only alphanumeric characters in {field}.',
date: 'Please enter a valid date in {field}.',
digits: 'Please enter only digits in {field}.',
email: 'Please enter a valid email address in {field}.',
equalTo: 'Please enter the same value again in {field}.',
iri: 'Please enter a valid IRI in {field}.',
max: 'Please enter a value less than or equal to {0} in {field}.',
maxLength: 'Please enter no more than {0} characters in {field}.',
min: 'Please enter a value greater than or equal to {0} in {field}.',
minLength: 'Please enter at least {0} characters in {field}.',
number: 'Please enter a valid number in {field}.',
range: 'Please enter a value between {0} and {1} in {field}.',
rangeLength: 'Please enter a value between {0} and {1} characters long in {field}.',
required: '{field} is required.',
url: 'Please enter a valid URL in {field}.'
},
REGEX: {
alpha: /^[a-z_]+$/i,
alphanum: /^\w+$/,
digits: /^\d+$/,
// Regex from Scott Gonzalez Email Address Validation:
// http://projects.scottsplayground.com/email_address_validation/
email: new RegExp('^((([a-z]|\\d|[!#\\$%&\'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|' +
'[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+(\\.([a-z]|\\d|[!#' +
'\\$%&\'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF' +
'\\uFDF0-\\uFFEF])+)*)|((\\x22)((((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20' +
'|\\x09)+)?(([\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f]|\\x21|[\\x23-\\' +
'x5b]|[\\x5d-\\x7e]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])' +
'|(\\\\([\\x01-\\x09\\x0b\\x0c\\x0d-\\x7f]|[\\u00A0-\\uD7FF\\uF900-' +
'\\uFDCF\\uFDF0-\\uFFEF]))))*(((\\x20|\\x09)*(\\x0d\\x0a))?(\\' +
'x20|\\x09)+)?(\\x22)))@((([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\' +
'uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\' +
'uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\' +
'uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|\\d|[\\u00A0-\\uD7FF\\' +
'uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.)+(([a-z]|[\\u00A0-\\uD7FF\\' +
'uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|[\\u00A0-\\uD7FF\\' +
'uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-|\\.|_|~|[\\' +
'u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|[\\' +
'u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.?$', 'i'),
// Regex from Scott Gonzalez IRI:
// http://projects.scottsplayground.com/iri/demo/
iri: new RegExp('^([a-z]([a-z]|\\d|\\+|-|\\.)*):(\\/\\/(((([a-z]|\\d|' +
'-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[' +
'\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=]|:)*@)?((\\[(|(v[\\da-f]{1' +
',}\\.(([a-z]|\\d|-|\\.|_|~)|[!\\$&\'\\(\\)\\*\\+,;=]|:)+))\\])' +
'|((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1' +
'\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d' +
'|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5]))|' +
'(([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-' +
'\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=])*)(:\\d*)?)' +
'(\\/(([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\' +
'uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=]|:|@)*)' +
'*|(\\/((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\' +
'uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=]|:|@)+' +
'(\\/(([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\' +
'uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=]|:|' +
'@)*)*)?)|((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\' +
'uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\' +
'+,;=]|:|@)+(\\/(([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\' +
'uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\' +
'(\\)\\*\\+,;=]|:|@)*)*)|((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\' +
'uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\' +
'$&\'\\(\\)\\*\\+,;=]|:|@)){0})(\\?((([a-z]|\\d|-|\\.|_|~|' +
'[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]' +
'{2})|[!\\$&\'\\(\\)\\*\\+,;=]|:|@)|[\\uE000-\\uF8FF]|\\/|' +
'\\?)*)?(\\#((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\' +
'uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\' +
'+,;=]|:|@)|\\/|\\?)*)?$', 'i'),
number: /^[+\-]?(\d+([.,]\d+)?)+([eE][+-]?\d+)?$/,
// Regex from Scott Gonzalez Common URL:
// http://projects.scottsplayground.com/iri/demo/common.html
url: new RegExp('^(https?|ftp):\\/\\/(((([a-z]|\\d|-|\\.|_|~|[\\' +
'u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})' +
'|[!\\$&\'\\(\\)\\*\\+,;=]|:)*@)?(((\\d|[1-9]\\d|1\\d\\d|' +
'2[0-4]\\d|25[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25' +
'[0-5])\\.(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.' +
'(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5]))|((([a-z]|\\d' +
'|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\' +
'd|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|' +
'-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*' +
'([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\' +
'.)*(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|' +
'(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]' +
'|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])' +
'*([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.?)' +
'(:\\d*)?)(\\/((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\' +
'uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=]' +
'|:|@)+(\\/(([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF' +
'\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=]|:|@)*)' +
'*)?)?(\\?((([a-z]|\\d|-|\\.|_|~|[\\u00A0-\\uD7FF\\uF900-\\' +
'uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})|[!\\$&\'\\(\\)\\*\\+,;=]|' +
':|@)|[\\uE000-\\uF8FF]|\\/|\\?)*)?(\\#((([a-z]|\\d|-|\\.|_|~|' +
'[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(%[\\da-f]{2})' +
'|[!\\$&\'\\(\\)\\*\\+,;=]|:|@)|\\/|\\?)*)?$', 'i')
},
RULES: {
acceptFiles: function(val, node, ruleValue) {
var regex = null;
if (isString(ruleValue)) {
var extensions = ruleValue.replace(/\./g, '').split(/,\s*|\b\s*/);
extensions = A.Array.map(extensions, A.Escape.regex);
regex = getRegExp('[.](' + extensions.join('|') + ')$', 'i');
}
return regex && regex.test(val);
},
date: function(val) {
var date = new Date(val);
return (isDate(date) && (date !== 'Invalid Date') && !isNaN(date));
},
equalTo: function(val, node, ruleValue) {
var comparator = A.one(ruleValue);
return comparator && (trim(comparator.val()) === val);
},
hasValue: function(val, node) {
var instance = this;
if (A.FormValidator.isCheckable(node)) {
var name = node.get('name'),
elements = A.all(instance.getFieldsByName(name));
return (elements.filter(':checked').size() > 0);
}
else {
return !!val;
}
},
max: function(val, node, ruleValue) {
return (Lang.toFloat(val) <= ruleValue);
},
maxLength: function(val, node, ruleValue) {
return (val.length <= ruleValue);
},
min: function(val, node, ruleValue) {
return (Lang.toFloat(val) >= ruleValue);
},
minLength: function(val, node, ruleValue) {
return (val.length >= ruleValue);
},
range: function(val, node, ruleValue) {
var num = Lang.toFloat(val);
return (num >= ruleValue[0]) && (num <= ruleValue[1]);
},
rangeLength: function(val, node, ruleValue) {
var length = val.length;
return (length >= ruleValue[0]) && (length <= ruleValue[1]);
},
required: function(val, node, ruleValue) {
var instance = this;
if (ruleValue === true) {
return defaults.RULES.hasValue.apply(instance, [val, node]);
}
else {
return true;
}
}
}
});
/**
* A base class for `A.FormValidator`.
*
* @class A.FormValidator
* @extends Base
* @param {Object} config Object literal specifying widget configuration
* properties.
* @constructor
* @include http://alloyui.com/examples/form-validator/basic-markup.html
* @include http://alloyui.com/examples/form-validator/basic.js
*/
var FormValidator = A.Component.create({
/**
* Static property provides a string to identify the class.
*
* @property NAME
* @type String
* @static
*/
NAME: 'form-validator',
/**
* Static property used to define the default attribute
* configuration for the `A.FormValidator`.
*
* @property ATTRS
* @type Object
* @static
*/
ATTRS: {
/**
* The widget's outermost node, used for sizing and positioning.
*
* @attribute boundingBox
*/
boundingBox: {
setter: A.one
},
/**
* Container for the CSS error class.
*
* @attribute containerErrorClass
* @type String
*/
containerErrorClass: {
value: CSS_HAS_ERROR,
validator: isString
},
/**
* Container for the CSS valid class.
*
* @attribute containerValidClass
* @type String
*/
containerValidClass: {
value: CSS_HAS_SUCCESS,
validator: isString
},
/**
* Defines the CSS error class.
*
* @attribute errorClass
* @type String
*/
errorClass: {
value: CSS_ERROR_FIELD,
validator: isString
},
/**
* If `true` the validation rules are extracted from the DOM.
*
* @attribute extractRules
* @default true
* @type Boolean
*/
extractRules: {
value: true,
validator: isBoolean
},
/**
* Container for a field.
*
* @attribute fieldContainer
* @type String
*/
fieldContainer: {
value: '.' + CSS_FORM_GROUP
},
/**
* Collection of strings used on a field.
*
* @attribute fieldStrings
* @default {}
* @type Object
*/
fieldStrings: {
value: {},
validator: isObject
},
/**
* The CSS class for ``.
*
* @attribute labelCssClass
* @default 'control-label'
* @type String
*/
labelCssClass: {
validator: isString,
value: 'control-label'
},
/**
* Container for the form message.
*
* @attribute messageContainer
* @default '
'
*/
messageContainer: {
getter: function(val) {
return A.Node.create(val).clone();
},
value: TPL_MESSAGE
},
/**
* Collection of rules to validate fields.
*
* @attribute rules
* @default {}
* @type Object
*/
rules: {
getter: function(val) {
var instance = this;
if (!instance._rulesAlreadyExtracted) {
instance._extractRulesFromMarkup(val);
}
return val;
},
validator: isObject,
value: {}
},
/**
* Defines if the text will be selected or not after validation.
*
* @attribute selectText
* @default true
* @type Boolean
*/
selectText: {
value: true,
validator: isBoolean
},
/**
* Defines if the validation messages will be showed or not.
*
* @attribute showMessages
* @default true
* @type Boolean
*/
showMessages: {
value: true,
validator: isBoolean
},
/**
* Defines if all validation messages will be showed or not.
*
* @attribute showAllMessages
* @default false
* @type Boolean
*/
showAllMessages: {
value: false,
validator: isBoolean
},
/**
* List of CSS selectors for targets that will not get validated
*
* @attribute skipValidationTargetSelectors
* @default 'a[class=btn-cancel'
*/
skipValidationTargetSelector: {
value: 'a[class~=btn-cancel]'
},
/**
* Defines a container for the stack errors.
*
* @attribute stackErrorContainer
*/
stackErrorContainer: {
getter: function(val) {
return A.Node.create(val).clone();
},
value: TPL_STACK_ERROR
},
/**
* Collection of strings used to label elements of the UI.
*
* @attribute strings
* @type Object
*/
strings: {
valueFn: function() {
return defaults.STRINGS;
}
},
/**
* If `true` the field will be validated on blur event.
*
* @attribute validateOnBlur
* @default true
* @type Boolean
*/
validateOnBlur: {
value: true,
validator: isBoolean
},
/**
* If `true` the field will be validated on input event.
*
* @attribute validateOnInput
* @default false
* @type Boolean
*/
validateOnInput: {
value: false,
validator: isBoolean
},
/**
* Defines the CSS valid class.
*
* @attribute validClass
* @type String
*/
validClass: {
value: CSS_SUCCESS_FIELD,
validator: isString
}
},
/**
* Creates custom rules from user input.
*
* @method _setCustomRules
* @param object
* @protected
*/
_setCustomRules: function(object) {
A.each(
object,
function(rule, fieldName) {
A.config.FormValidator.RULES[fieldName] = rule.condition;
A.config.FormValidator.STRINGS[fieldName] = rule.errorMessage;
}
);
},
/**
* Ability to add custom validation rules.
*
* @method customRules
* @param object
* @public
* @static
*/
addCustomRules: function(object) {
var instance = this;
if (isObject(object)) {
instance._setCustomRules(object);
}
},
/**
* Checks if a node is a checkbox or radio input.
*
* @method isCheckable
* @param node
* @private
* @return {Boolean}
*/
isCheckable: function(node) {
var nodeType = node.get('type').toLowerCase();
return (nodeType === 'checkbox' || nodeType === 'radio');
},
/**
* Static property used to define which component it extends.
*
* @property EXTENDS
* @type Object
* @static
*/
EXTENDS: A.Base,
prototype: {
/**
* Construction logic executed during `A.FormValidator` instantiation.
* Lifecycle.
*
* @method initializer
* @protected
*/
initializer: function() {
var instance = this;
instance.errors = {};
instance._blurHandlers = null;
instance._fileBlurHandlers = null;
instance._fileInputHandlers = null;
instance._inputHandlers = null;
instance._rulesAlreadyExtracted = false;
instance._stackErrorContainers = {};
instance.bindUI();
instance._uiSetValidateOnBlur(instance.get('validateOnBlur'));
instance._uiSetValidateOnInput(instance.get('validateOnInput'));
},
/**
* Bind the events on the `A.FormValidator` UI. Lifecycle.
*
* @method bindUI
* @protected
*/
bindUI: function() {
var instance = this,
boundingBox = instance.get('boundingBox');
var onceFocusHandler = boundingBox.delegate('focus', function() {
instance._setARIARoles();
onceFocusHandler.detach();
}, 'input,select,textarea,button');
instance.publish({
errorField: {
defaultFn: instance._defErrorFieldFn
},
validField: {
defaultFn: instance._defValidFieldFn
},
validateField: {
defaultFn: instance._defValidateFieldFn
}
});
boundingBox.on({
reset: A.bind(instance._onFormReset, instance),
submit: A.bind(instance._onFormSubmit, instance)
});
instance.after({
extractRulesChange: instance._afterExtractRulesChange,
validateOnBlurChange: instance._afterValidateOnBlurChange,
validateOnInputChange: instance._afterValidateOnInputChange
});
},
/**
* Adds a validation error in the field.
*
* @method addFieldError
* @param {Node} field
* @param ruleName
*/
addFieldError: function(field, ruleName) {
var instance = this,
errors = instance.errors,
name = field.get('name');
if (!errors[name]) {
errors[name] = [];
}
errors[name].push(ruleName);
},
/**
* Deletes the field from the errors property object.
*
* @method clearFieldError
* @param {Node|String} field
*/
clearFieldError: function(field) {
var fieldName = isNode(field) ? field.get('name') : field;
if (isString(fieldName)) {
delete this.errors[fieldName];
}
},
/**
* Executes a function to each rule.
*
* @method eachRule
* @param fn
*/
eachRule: function(fn) {
var instance = this;
A.each(
instance.get('rules'),
function(rule, fieldName) {
if (isFunction(fn)) {
fn.apply(instance, [rule, fieldName]);
}
}
);
},
/**
* Gets the ancestor of a given field.
*
* @method findFieldContainer
* @param {Node} field
* @return {Node}
*/
findFieldContainer: function(field) {
var instance = this,
fieldContainer = instance.get('fieldContainer');
if (fieldContainer) {
return field.ancestor(fieldContainer);
}
},
/**
* Focus on the invalid field.
*
* @method focusInvalidField
*/
focusInvalidField: function() {
var instance = this,
boundingBox = instance.get('boundingBox'),
field = boundingBox.one('.' + CSS_ERROR_FIELD);
if (field) {
if (instance.get('selectText')) {
field.selectText();
}
field.focus();
field.scrollIntoView();
}
},
/**
* Gets a field from the form.
*
* @method getField
* @param {Node|String} field
* @return {Node}
*/
getField: function(field) {
var instance = this;
if (isString(field)) {
field = instance.getFieldsByName(field);
if (field && field.length && !field.name) {
field = field[0];
}
}
return A.one(field);
},
/**
* Gets a list of fields based on its name.
*
* @method getFieldsByName
* @param fieldName
* @return {NodeList}
*/
getFieldsByName: function(fieldName) {
var instance = this,
domBoundingBox = instance.get('boundingBox').getDOM();
return domBoundingBox.elements[fieldName];
},
/**
* Gets a list of fields with errors.
*
* @method getFieldError
* @param {Node} field
* @return {String}
*/
getFieldError: function(field) {
var instance = this;
return instance.errors[field.get('name')];
},
/**
* Gets the stack error container of a field.
*
* @method getFieldStackErrorContainer
* @param {Node|String} field
* @return {Node}
*/
getFieldStackErrorContainer: function(field) {
var instance = this,
name = isNode(field) ? field.get('name') : field,
stackContainers = instance._stackErrorContainers;
if (!stackContainers[name]) {
stackContainers[name] = instance.get('stackErrorContainer');
}
return stackContainers[name];
},
/**
* Gets the error message of a field.
*
* @method getFieldErrorMessage
* @param {Node} field
* @param rule
* @return {String}
*/
getFieldErrorMessage: function(field, rule) {
var instance = this,
fieldName = field.get('name'),
fieldStrings = instance.get('fieldStrings')[fieldName] || {},
fieldRules = instance.get('rules')[fieldName],
fieldLabel = instance._findFieldLabel(field),
strings = instance.get('strings'),
substituteRulesMap = {};
if (fieldLabel) {
substituteRulesMap.field = fieldLabel;
}
if (rule in fieldRules) {
var ruleValue = A.Array(fieldRules[rule]);
A.each(
ruleValue,
function(value, index) {
substituteRulesMap[index] = [value].join('');
}
);
}
var message = (fieldStrings[rule] || strings[rule] || strings.DEFAULT);
return Lang.sub(message, substituteRulesMap);
},
/**
* Returns `true` if there are errors.
*
* @method hasErrors
* @return {Boolean}
*/
hasErrors: function() {
var instance = this;
return !isEmpty(instance.errors);
},
/**
* Highlights a field with error or success.
*
* @method highlight
* @param {Node} field
* @param valid
*/
highlight: function(field, valid) {
var instance = this,
fieldContainer,
fieldName,
namedFieldNodes;
if (field) {
fieldContainer = instance.findFieldContainer(field);
fieldName = field.get('name');
if (this.validatable(field)) {
namedFieldNodes = A.all(instance.getFieldsByName(fieldName));
namedFieldNodes.each(
function(node) {
instance._highlightHelper(
node,
instance.get('errorClass'),
instance.get('validClass'),
valid
);
}
);
if (fieldContainer) {
instance._highlightHelper(
fieldContainer,
instance.get('containerErrorClass'),
instance.get('containerValidClass'),
valid
);
}
}
else if (!field.val()) {
instance.resetField(fieldName);
}
}
},
/**
* Normalizes rule value.
*
* @method normalizeRuleValue
* @param ruleValue
* @param {Node} field
*/
normalizeRuleValue: function(ruleValue, field) {
var instance = this;
return isFunction(ruleValue) ? ruleValue.apply(instance, [field]) : ruleValue;
},
/**
* Removes the highlight of a field.
*
* @method unhighlight
* @param {Node} field
*/
unhighlight: function(field) {
var instance = this;
instance.highlight(field, true);
},
/**
* Prints the stack error messages into a container.
*
* @method printStackError
* @param {Node} field
* @param {Node} container
* @param {Array} errors
*/
printStackError: function(field, container, errors) {
var instance = this;
if (!instance.get('showAllMessages')) {
if (A.Array.indexOf(errors, 'required') !== -1) {
errors = ['required'];
}
else {
errors = errors.slice(0, 1);
}
}
container.empty();
A.Array.each(
errors,
function(error) {
var message = instance.getFieldErrorMessage(field, error),
messageEl = instance.get('messageContainer').addClass(error);
container.append(
messageEl.html(message)
);
}
);
},
/**
* Resets the CSS class and content of all fields.
*
* @method resetAllFields
*/
resetAllFields: function() {
var instance = this;
instance.eachRule(
function(rule, fieldName) {
instance.resetField(fieldName);
}
);
},
/**
* Resets the CSS class and error status of a field.
*
* @method resetField
* @param {Node|String} field
*/
resetField: function(field) {
var instance = this,
fieldName,
namedFieldNodes,
stackContainer;
fieldName = isNode(field) ? field.get('name') : field;
instance.clearFieldError(fieldName);
stackContainer = instance.getFieldStackErrorContainer(fieldName);
stackContainer.remove();
namedFieldNodes = A.all(instance.getFieldsByName(fieldName));
namedFieldNodes.each(
function(node) {
instance.resetFieldCss(node);
node.removeAttribute('aria-errormessage');
node.removeAttribute('aria-invalid');
}
);
},
/**
* Removes the CSS classes of a field.
*
* @method resetFieldCss
* @param {Node} field
*/
resetFieldCss: function(field) {
var instance = this,
fieldContainer = instance.findFieldContainer(field);
var removeClasses = function(elem, classAttrs) {
if (elem) {
A.each(classAttrs, function(attrName) {
elem.removeClass(
instance.get(attrName)
);
});
}
};
removeClasses(field, ['validClass', 'errorClass']);
removeClasses(fieldContainer, ['containerValidClass', 'containerErrorClass']);
},
/**
* Checks if a field can be validated or not.
*
* @method validatable
* @param {Node} field
* @return {Boolean}
*/
validatable: function(field) {
var instance = this,
validatable = false,
fieldRules = instance.get('rules')[field.get('name')];
if (fieldRules) {
validatable = instance.normalizeRuleValue(fieldRules.required, field) ||
defaults.RULES.hasValue.apply(instance, [field.val(), field]);
}
return !!validatable;
},
/**
* Validates all fields.
*
* @method validate
*/
validate: function() {
var instance = this;
instance.eachRule(
function(rule, fieldName) {
instance.validateField(fieldName);
}
);
instance.focusInvalidField();
},
/**
* Validates a single field.
*
* @method validateField
* @param {Node|String} field
*/
validateField: function(field) {
var fieldNode,
validatable;
this.resetField(field);
fieldNode = isString(field) ? this.getField(field) : field;
if (isNode(fieldNode)) {
validatable = this.validatable(fieldNode);
if (validatable) {
this.fire('validateField', {
validator: {
field: fieldNode
}
});
}
}
},
/**
* Fires after `extractRules` attribute change.
*
* @method _afterExtractRulesChange
* @param event
* @protected
*/
_afterExtractRulesChange: function(event) {
var instance = this;
instance._uiSetExtractRules(event.newVal);
},
/**
* Fires after `validateOnBlur` attribute change.
*
* @method _afterValidateOnBlurChange
* @param event
* @protected
*/
_afterValidateOnBlurChange: function(event) {
var instance = this;
instance._uiSetValidateOnBlur(event.newVal);
},
/**
* Fires after `validateOnInput` attribute change.
*
* @method _afterValidateOnInputChange
* @param event
* @protected
*/
_afterValidateOnInputChange: function(event) {
var instance = this;
instance._uiSetValidateOnInput(event.newVal);
},
/**
* Defines an error field.
*
* @method _defErrorFieldFn
* @param event
* @protected
*/
_defErrorFieldFn: function(event) {
var instance = this,
field,
label,
stackContainer,
target,
validator;
label = instance.get('labelCssClass');
validator = event.validator;
field = validator.field;
instance.highlight(field);
if (instance.get('showMessages')) {
target = field;
stackContainer = instance.getFieldStackErrorContainer(field);
if (A.FormValidator.isCheckable(target)) {
target = field.ancestor('.' + CSS_HAS_ERROR).get('lastChild');
}
var id = field.get('id') + 'Helper';
stackContainer.set('id', id);
target.placeAfter(stackContainer);
instance.printStackError(
field,
stackContainer,
validator.errors
);
}
},
/**
* Defines a valid field.
*
* @method _defValidFieldFn
* @param event
* @protected
*/
_defValidFieldFn: function(event) {
var instance = this;
var field = event.validator.field;
instance.unhighlight(field);
},
/**
* Defines the validation of a field.
*
* @method _defValidateFieldFn
* @param event
* @protected
*/
_defValidateFieldFn: function(event) {
var instance = this;
var field = event.validator.field;
var fieldRules = instance.get('rules')[field.get('name')];
A.each(
fieldRules,
function(ruleValue, ruleName) {
var rule = defaults.RULES[ruleName];
var fieldValue = trim(field.val());
ruleValue = instance.normalizeRuleValue(ruleValue, field);
if (isFunction(rule) && !rule.apply(instance, [fieldValue, field, ruleValue])) {
instance.addFieldError(field, ruleName);
}
}
);
var fieldErrors = instance.getFieldError(field);
if (fieldErrors) {
instance.fire('errorField', {
validator: {
field: field,
errors: fieldErrors
}
});
}
else {
instance.fire('validField', {
validator: {
field: field
}
});
}
},
/**
* Finds the label text of a field if existing.
*
* @method _findFieldLabel
* @param {Node} field
* @return {String}
*/
_findFieldLabel: function(field) {
var labelCssClass = '.' + this.get('labelCssClass'),
label = A.one('label[for=' + field.get('id') + ']') ||
field.ancestor().previous(labelCssClass);
if (!label) {
label = field.ancestor('.' + CSS_HAS_ERROR);
if (label) {
label = label.one(labelCssClass);
}
}
if (label) {
return label.get('text');
}
},
/**
* Sets the error/success CSS classes based on the validation of a
* field.
*
* @method _highlightHelper
* @param {Node} field
* @param {String} errorClass
* @param {String} validClass
* @param {Boolean} valid
* @protected
*/
_highlightHelper: function(field, errorClass, validClass, valid) {
var instance = this;
if (valid) {
field.removeClass(errorClass).addClass(validClass);
if (validClass === CSS_SUCCESS_FIELD) {
field.removeAttribute('aria-errormessage');
field.removeAttribute('aria-invalid');
}
}
else {
field.removeClass(validClass).addClass(errorClass);
if (errorClass === CSS_ERROR_FIELD) {
field.set('aria-errormessage', field.get('id') + 'Helper');
field.set('aria-invalid', true);
}
}
},
/**
* Extracts form rules from the DOM.
*
* @method _extractRulesFromMarkup
* @param rules
* @protected
*/
_extractRulesFromMarkup: function(rules) {
var instance = this,
domBoundingBox = instance.get('boundingBox').getDOM(),
elements = domBoundingBox.elements,
defaultRulesKeys = AObject.keys(defaults.RULES),
defaultRulesJoin = defaultRulesKeys.join('|'),
regex = getRegExp('field-(' + defaultRulesJoin + ')', 'g'),
i,
length,
ruleNameMatch = [],
ruleMatcher = function(m1, m2) {
ruleNameMatch.push(m2);
};
for (i = 0, length = elements.length; i < length; i++) {
var el = elements[i],
fieldName = el.name;
el.className.replace(regex, ruleMatcher);
if (ruleNameMatch.length) {
var fieldRules = rules[fieldName],
j,
ruleNameLength;
if (!fieldRules) {
fieldRules = {};
rules[fieldName] = fieldRules;
}
for (j = 0, ruleNameLength = ruleNameMatch.length; j < ruleNameLength; j++) {
var rule = ruleNameMatch[j];
if (!(rule in fieldRules)) {
fieldRules[rule] = true;
}
}
ruleNameMatch.length = 0;
}
}
instance._rulesAlreadyExtracted = true;
},
/**
* Triggers when there's an input in the field.
*
* @method _onFieldInput
* @param event
* @protected
*/
_onFieldInput: function(event) {
var instance = this;
var skipValidationTargetSelector = instance.get('skipValidationTargetSelector');
if (!event.relatedTarget || !event.relatedTarget.getDOMNode().matches(skipValidationTargetSelector)) {
instance.validateField(event.target);
}
},
/**
* Triggers when the form is submitted.
*
* @method _onFormSubmit
* @param event
* @protected
*/
_onFormSubmit: function(event) {
var instance = this;
var data = {
validator: {
formEvent: event
}
};
instance.validate();
if (instance.hasErrors()) {
data.validator.errors = instance.errors;
instance.fire('submitError', data);
event.halt();
}
else {
instance.fire('submit', data);
}
},
/**
* Triggers when the form is reseted.
*
* @method _onFormReset
* @param event
* @protected
*/
_onFormReset: function() {
var instance = this;
instance.resetAllFields();
},
/**
* Sets the aria roles.
*
* @method _setARIARoles
* @protected
*/
_setARIARoles: function() {
var instance = this;
instance.eachRule(
function(rule, fieldName) {
var field = instance.getField(fieldName);
var required = instance.normalizeRuleValue(rule.required, field);
if (required) {
if (field && !field.attr('aria-required')) {
field.attr('aria-required', true);
}
}
}
);
},
/**
* Sets the `extractRules` attribute on the UI.
*
* @method _uiSetExtractRules
* @param val
* @protected
*/
_uiSetExtractRules: function(val) {
var instance = this;
if (val) {
instance._extractRulesFromMarkup(instance.get('rules'));
}
},
/**
* Sets the `validateOnInput` attribute on the UI.
*
* @method _uiSetValidateOnInput
* @param val
* @protected
*/
_uiSetValidateOnInput: function(val) {
var instance = this,
boundingBox = instance.get('boundingBox');
if (val) {
if (!instance._inputHandlers) {
instance._inputHandlers = boundingBox.delegate('input', instance._onFieldInput,
'input:not([type="file"]),select,textarea,button', instance);
}
if (!instance._fileInputHandlers) {
instance._fileInputHandlers = boundingBox.delegate('change', instance._onFieldInput,
'input[type="file"]', instance);
}
}
else {
if (instance._inputHandlers) {
instance._inputHandlers.detach();
}
if (instance._fileInputHandlers) {
instance._fileInputHandlers.detach();
}
}
},
/**
* Sets the `validateOnBlur` attribute on the UI.
*
* @method _uiSetValidateOnBlur
* @param val
* @protected
*/
_uiSetValidateOnBlur: function(val) {
var instance = this,
boundingBox = instance.get('boundingBox');
if (val) {
if (!instance._blurHandlers) {
instance._blurHandlers = boundingBox.delegate('blur', instance._onFieldInput,
'input:not([type="file"]),select,textarea,button', instance);
}
if (!instance._fileBlurHandlers) {
instance._fileBlurHandlers = boundingBox.delegate('change', instance._onFieldInput,
'input[type="file"]', instance);
}
}
else {
if (instance._blurHandlers) {
instance._blurHandlers.detach();
}
if (instance._fileBlurHandlers) {
instance._fileBlurHandlers.detach();
}
}
}
}
});
A.each(
defaults.REGEX,
function(regex, key) {
defaults.RULES[key] = function(val) {
return defaults.REGEX[key].test(val);
};
}
);
A.FormValidator = FormValidator;
}, '3.1.0-deprecated.60', {
"requires": [
"escape",
"selector-css3",
"node-event-delegate",
"aui-node",
"aui-component",
"aui-event-input"
]
});
YUI.add('aui-node-base', function (A, NAME) {
/**
* A set of utility methods to the Node.
*
* @module aui-node
* @submodule aui-node-base
*/
var Lang = A.Lang,
isArray = Lang.isArray,
isFunction = Lang.isFunction,
isObject = Lang.isObject,
isString = Lang.isString,
isUndefined = Lang.isUndefined,
isValue = Lang.isValue,
AArray = A.Array,
ANode = A.Node,
ANodeList = A.NodeList,
getClassName = A.getClassName,
getRegExp = A.DOM._getRegExp,
CONFIG = A.config,
DOC = CONFIG.doc,
WIN = CONFIG.win,
NODE_PROTO = ANode.prototype,
NODE_PROTO_HIDE = NODE_PROTO._hide,
NODE_PROTO_SHOW = NODE_PROTO._show,
NODELIST_PROTO = ANodeList.prototype,
ARRAY_EMPTY_STRINGS = ['', ''],
CSS_HIDE = getClassName('hide'),
CSS_UNSELECTABLE_VALUE = 'none',
CSS_SELECTABLE_VALUE = 'text',
SUPPORT_CLONED_EVENTS = false,
MAP_BORDER = {
b: 'borderBottomWidth',
l: 'borderLeftWidth',
r: 'borderRightWidth',
t: 'borderTopWidth'
},
MAP_MARGIN = {
b: 'marginBottom',
l: 'marginLeft',
r: 'marginRight',
t: 'marginTop'
},
MAP_PADDING = {
b: 'paddingBottom',
l: 'paddingLeft',
r: 'paddingRight',
t: 'paddingTop'
};
/* Parts of this file are used from jQuery (http://jquery.com)
* Dual-licensed under MIT/GPL
*/
var div = DOC.createElement('div');
div.style.display = 'none';
div.innerHTML = ' ';
if (div.attachEvent && div.fireEvent) {
div.attachEvent(
'onclick',
function detach() {
SUPPORT_CLONED_EVENTS = true;
div.detachEvent('onclick', detach);
}
);
div.cloneNode(true).fireEvent('onclick');
}
var SUPPORT_OPTIONAL_TBODY = !div.getElementsByTagName('tbody').length;
var REGEX_LEADING_WHITE_SPACE = /^\s+/,
REGEX_IE8_ACTION = /\=([^=\x27\x22>\s]+\/)>/g,
REGEX_TAGNAME = /<([\w:]+)/;
div = null;
var _setUnselectable = function(element, unselectable, noRecurse) {
var descendants,
value = unselectable ? 'on' : '',
i,
descendant;
element.setAttribute('unselectable', value);
if (!noRecurse) {
descendants = element.getElementsByTagName('*');
for (i = 0;
(descendant = descendants[i]); i++) {
descendant.setAttribute('unselectable', value);
}
}
};
/**
* Augments the [YUI3 Node](Node.html) with more util methods.
*
* Check the [live demo](http://alloyui.com/examples/node/).
*
* @class A.Node
* @uses Node
* @constructor
* @include http://alloyui.com/examples/node/basic-markup.html
* @include http://alloyui.com/examples/node/basic.js
*/
A.mix(NODE_PROTO, {
/**
* Returns the current ancestors of the node element filtered by a
* className. This is an optimized method for finding ancestors by a
* specific CSS class name.
*
* Example:
*
* ```
* A.one('#nodeId').ancestorsByClassName('aui-hide');
* ```
*
* @method ancestorsByClassName
* @param {String} className A selector to filter the ancestor elements
* against.
* @param {Boolean} testSelf optional Whether or not to include the element
* in the scan
* @return {NodeList}
*/
ancestorsByClassName: function(className, testSelf) {
var instance = this;
var ancestors = [];
var cssRE = new RegExp('\\b' + className + '\\b');
var currentEl = instance.getDOM();
if (!testSelf) {
currentEl = currentEl.parentNode;
}
while (currentEl && currentEl.nodeType !== 9) {
if (currentEl.nodeType === 1 && cssRE.test(currentEl.className)) {
ancestors.push(currentEl);
}
currentEl = currentEl.parentNode;
}
return A.all(ancestors);
},
/**
* Gets or sets the value of an attribute for the first element in the set
* of matched elements. If only the `name` is passed it works as a getter.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.attr('title', 'Setting a new title attribute');
* // Alert the value of the title attribute: 'Setting a new title attribute'
* alert( node.attr('title') );
* ```
*
* @method attr
* @param {String} name The name of the attribute
* @param {String} value The value of the attribute to be set. Optional.
* @return {String}
*/
attr: function(name, value) {
var instance = this,
i;
if (!isUndefined(value)) {
var el = instance.getDOM();
if (name in el) {
instance.set(name, value);
}
else {
instance.setAttribute(name, value);
}
return instance;
}
else {
if (isObject(name)) {
for (i in name) {
if (name.hasOwnProperty(i)) {
instance.attr(i, name[i]);
}
}
return instance;
}
var currentValue = instance.get(name);
if (!Lang.isValue(currentValue)) {
currentValue = instance.getAttribute(name);
}
return currentValue;
}
},
/**
* Normalizes the behavior of cloning a node, which by default should not
* clone the events that are attached to it.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.clone().appendTo('body');
* ```
*
* @method clone
* @return {Node}
*/
clone: (function() {
var clone;
if (SUPPORT_CLONED_EVENTS) {
clone = function() {
var el = this.getDOM();
var clone;
if (el.nodeType !== 3) {
var outerHTML = this.outerHTML();
outerHTML = outerHTML.replace(REGEX_IE8_ACTION, '="$1">').replace(REGEX_LEADING_WHITE_SPACE,
'');
clone = ANode.create(outerHTML);
}
else {
clone = A.one(el.cloneNode());
}
return clone;
};
}
else {
clone = function() {
return this.cloneNode(true);
};
}
return clone;
}()),
/**
* Centralizes the current Node instance with the passed `val` Array, Node,
* String, or Region, if not specified, the body will be used.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* // Center the `node` with the `#container`.
* node.center('#container');
* ```
*
* @method center
* @chainable
* @param {Array|Node|Region|String} val Array, Node, String, or Region to
* center with.
*/
center: function(val) {
var instance = this,
nodeRegion = instance.get('region'),
x,
y;
if (isArray(val)) {
x = val[0];
y = val[1];
}
else {
var region;
if (isObject(val) && !A.instanceOf(val, ANode)) {
region = val;
}
else {
region = (A.one(val) || A.getBody()).get('region');
}
x = region.left + (region.width / 2);
y = region.top + (region.height / 2);
}
instance.setXY([x - (nodeRegion.width / 2), y - (nodeRegion.height / 2)]);
},
/**
* Removes not only child (and other descendant) elements, but also any text
* within the set of matched elements. This is because, according to the DOM
* specification, any string of text within an element is considered a child
* node of that element.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.empty();
* ```
*
* @method empty
* @chainable
*/
empty: function() {
var instance = this;
instance.all('>*').remove().purge();
var el = ANode.getDOMNode(instance);
while (el.firstChild) {
el.removeChild(el.firstChild);
}
return instance;
},
/**
* Retrieves the DOM node bound to a Node instance. See
* [getDOMNode](Node.html#method_getDOMNode).
*
* @method getDOM
* @return {HTMLNode} The DOM node bound to the Node instance.
*/
getDOM: function() {
var instance = this;
return ANode.getDOMNode(instance);
},
/**
* Returns the combined width of the border for the specified sides.
*
* @method getBorderWidth
* @param {String} sides Can be t, r, b, l or any combination of those to
* represent the top, right, bottom, or left sides.
* @return {Number}
*/
getBorderWidth: function(sides) {
var instance = this;
return instance._getBoxStyleAsNumber(sides, MAP_BORDER);
},
/**
* Gets the current center position of the node in page coordinates.
*
* @method getCenterXY
* @for Node
* @return {Array} The XY position of the node
*/
getCenterXY: function() {
var instance = this;
var region = instance.get('region');
return [(region.left + region.width / 2), (region.top + region.height / 2)];
},
/**
* Returns the combined size of the margin for the specified sides.
*
* @method getMargin
* @param {String} sides Can be t, r, b, l or any combination of those to
* represent the top, right, bottom, or left sides.
* @return {Number}
*/
getMargin: function(sides) {
var instance = this;
return instance._getBoxStyleAsNumber(sides, MAP_MARGIN);
},
/**
* Returns the combined width of the border for the specified sides.
*
* @method getPadding
* @param {String} sides Can be t, r, b, l or any combination of those to
* represent the top, right, bottom, or left sides.
* @return {Number}
*/
getPadding: function(sides) {
var instance = this;
return instance._getBoxStyleAsNumber(sides, MAP_PADDING);
},
/**
* Sets the id of the Node instance if the object does not have one. The
* generated id is based on a guid created by the
* [stamp](YUI.html#method_stamp) method.
*
* @method guid
* @return {String} The current id of the node
*/
guid: function() {
var instance = this;
var currentId = instance.get('id');
if (!currentId) {
currentId = A.stamp(instance);
instance.set('id', currentId);
}
return currentId;
},
/**
* Creates a hover interaction.
*
* @method hover
* @param {String} overFn
* @param {String} outFn
* @return {Node} The current Node instance
*/
hover: function(overFn, outFn) {
var instance = this;
var hoverOptions;
var defaultHoverOptions = instance._defaultHoverOptions;
if (isObject(overFn, true)) {
hoverOptions = overFn;
hoverOptions = A.mix(hoverOptions, defaultHoverOptions);
overFn = hoverOptions.over;
outFn = hoverOptions.out;
}
else {
hoverOptions = A.mix({
over: overFn,
out: outFn
},
defaultHoverOptions
);
}
instance._hoverOptions = hoverOptions;
hoverOptions.overTask = A.debounce(instance._hoverOverTaskFn, null, instance);
hoverOptions.outTask = A.debounce(instance._hoverOutTaskFn, null, instance);
return new A.EventHandle(
[
instance.on(hoverOptions.overEventType, instance._hoverOverHandler, instance),
instance.on(hoverOptions.outEventType, instance._hoverOutHandler, instance)
]
);
},
/**
* Gets or sets the HTML contents of the node. If the `value` is passed it's
* set the content of the element, otherwise it works as a getter for the
* current content.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.html('Setting new HTML');
* // Alert the value of the current content
* alert( node.html() );
* ```
*
* @method html
* @param {String} value A string of html to set as the content of the node
* instance.
*/
html: function() {
var args = arguments,
length = args.length;
if (length) {
this.set('innerHTML', args[0]);
}
else {
return this.get('innerHTML');
}
return this;
},
/**
* Gets the outerHTML of a node, which islike innerHTML, except that it
* actually contains the HTML of the node itself.
*
* @method outerHTML
* @return {string} The outerHTML of the given element.
*/
outerHTML: function() {
var instance = this;
var domEl = instance.getDOM();
// IE, Opera and WebKit all have outerHTML.
if ('outerHTML' in domEl) {
return domEl.outerHTML;
}
var temp = ANode.create('
').append(
this.clone()
);
try {
return temp.html();
}
catch (e) {}
finally {
temp = null;
}
},
/**
* Inserts a `newNode` after the node instance (i.e., as the next sibling).
* If the reference node has no parent, then does nothing.
*
* Example:
*
* ```
* var titleNode = A.one('#titleNode');
* var descriptionNode = A.one('#descriptionNode');
* // the description is usually shown after the title
* titleNode.placeAfter(descriptionNode);
* ```
*
* @method placeAfter
* @chainable
* @param {Node} newNode Node to insert.
*/
placeAfter: function(newNode) {
var instance = this;
return instance._place(newNode, instance.get('nextSibling'));
},
/**
* Inserts a `newNode` before the node instance (i.e., as the previous
* sibling). If the reference node has no parent, then does nothing.
*
* Example:
*
* ```
* var descriptionNode = A.one('#descriptionNode');
* var titleNode = A.one('#titleNode');
* // the title is usually shown before the description
* descriptionNode.placeBefore(titleNode);
* ```
*
* @method placeBefore
* @chainable
* @param {Node} newNode Node to insert.
*/
placeBefore: function(newNode) {
var instance = this;
return instance._place(newNode, instance);
},
/**
* Inserts the node instance to the begining of the `selector` node (i.e.,
* insert before the `firstChild` of the `selector`).
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.prependTo('body');
* ```
*
* @method prependTo
* @chainable
* @param {Node|String} selector A selector, element, HTML string, Node
*/
prependTo: function(selector) {
var instance = this;
A.one(selector).prepend(instance);
return instance;
},
/**
* Adds one or more CSS classes to an element and remove the class(es) from
* the siblings of the element.
*
* @method radioClass
* @chainable
* @param {String} cssClass
*/
radioClass: function(cssClass) {
var instance = this;
var siblings = instance.siblings();
if (isString(cssClass)) {
siblings.removeClass(cssClass);
instance.addClass(cssClass);
}
else if (isArray(cssClass)) {
var siblingNodes = siblings.getDOM();
var regex = getRegExp('(?:^|\\s+)(?:' + cssClass.join('|') + ')(?=\\s+|$)', 'g'),
node,
i;
for (i = siblingNodes.length - 1; i >= 0; i--) {
node = siblingNodes[i];
node.className = node.className.replace(regex, '');
}
instance.addClass(cssClass.join(' '));
}
return instance;
},
/**
* Generates an unique identifier and reset the id attribute of the node
* instance using the new value. Invokes the [guid](Node.html#method_guid).
*
* @method resetId
* @chainable
* @param {String} prefix Optional prefix for the guid.
*/
resetId: function(prefix) {
var instance = this;
instance.attr('id', A.guid(prefix));
return instance;
},
/**
* Selects a substring of text inside of the input element.
*
* @method selectText
* @param {Number} start The index to start the selection range from
* @param {Number} end The index to end the selection range at
*/
selectText: function(start, end) {
var instance = this;
var textField = instance.getDOM();
var length = instance.val().length;
end = isValue(end) ? end : length;
start = isValue(start) ? start : 0;
// Some form elements could throw a (NS_ERROR_FAILURE)
// [nsIDOMNSHTMLInputElement.setSelectionRange] error when invoke the
// setSelectionRange on firefox. Wrapping in a try/catch to prevent the
// error be thrown
try {
if (textField.setSelectionRange) {
textField.setSelectionRange(start, end);
}
else if (textField.createTextRange) {
var range = textField.createTextRange();
range.moveStart('character', start);
range.moveEnd('character', end - length);
range.select();
}
else {
textField.select();
}
if (textField !== DOC.activeElement) {
textField.focus();
}
}
catch (e) {}
return instance;
},
/**
* Enables text selection for this element (normalized across browsers).
*
* @method selectable
* @param noRecurse
* @chainable
*/
selectable: function(noRecurse) {
var instance = this;
instance.setStyles({
'-webkit-user-select': CSS_SELECTABLE_VALUE,
'-khtml-user-select': CSS_SELECTABLE_VALUE,
'-moz-user-select': CSS_SELECTABLE_VALUE,
'-ms-user-select': CSS_SELECTABLE_VALUE,
'-o-user-select': CSS_SELECTABLE_VALUE,
'user-select': CSS_SELECTABLE_VALUE
});
if (A.UA.ie || A.UA.opera) {
_setUnselectable(instance._node, false, noRecurse);
}
return instance;
},
/**
* Stops the specified event(s) from bubbling and optionally prevents the
* default action.
*
* Example:
*
* ```
* var anchor = A.one('a#anchorId');
* anchor.swallowEvent('click');
* ```
*
* @method swallowEvent
* @chainable
* @param {String|Array} eventName An event or array of events to stop from
* bubbling
* @param {Boolean} preventDefault (optional) true to prevent the default
* action too
*/
swallowEvent: function(eventName, preventDefault) {
var instance = this;
var fn = function(event) {
event.stopPropagation();
if (preventDefault) {
event.preventDefault();
event.halt();
}
return false;
};
if (isArray(eventName)) {
AArray.each(
eventName,
function(name) {
instance.on(name, fn);
}
);
return this;
}
else {
instance.on(eventName, fn);
}
return instance;
},
/**
* Gets or sets the combined text contents of the node instance, including
* it's descendants. If the `text` is passed it's set the content of the
* element, otherwise it works as a getter for the current content.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.text('Setting new text content');
* // Alert the value of the current content
* alert( node.text() );
* ```
*
* @method text
* @param {String} text A string of text to set as the content of the node
* instance.
*/
text: function(text) {
var instance = this;
var el = instance.getDOM();
if (!isUndefined(text)) {
text = A.DOM._getDoc(el).createTextNode(text);
return instance.empty().append(text);
}
return instance._getText(el.childNodes);
},
/**
* Displays or hide the node instance.
*
* NOTE: This method assume that your node were hidden because of the
* 'aui-hide' css class were being used. This won't manipulate the inline
* `style.display` property.
*
* @method toggle
* @chainable
* @param {Boolean} on Whether to force the toggle. Optional.
* @param {Function} callback A function to run after the visibility change.
* Optional.
*/
toggle: function() {
var instance = this;
instance._toggleView.apply(instance, arguments);
return instance;
},
/**
* Disables text selection for this element (normalized across browsers).
*
* @method unselectable
* @param noRecurse
* @chainable
*/
unselectable: function(noRecurse) {
var instance = this;
instance.setStyles({
'-webkit-user-select': CSS_UNSELECTABLE_VALUE,
'-khtml-user-select': CSS_UNSELECTABLE_VALUE,
'-moz-user-select': CSS_UNSELECTABLE_VALUE,
'-ms-user-select': CSS_UNSELECTABLE_VALUE,
'-o-user-select': CSS_UNSELECTABLE_VALUE,
'user-select': CSS_UNSELECTABLE_VALUE
});
if (A.UA.ie || A.UA.opera) {
_setUnselectable(instance._node, true, noRecurse);
}
return instance;
},
/**
* Gets or sets the value attribute of the node instance. If the `value` is
* passed it's set the value of the element, otherwise it works as a getter
* for the current value.
*
* Example:
*
* ```
* var input = A.one('#inputId');
* input.val('Setting new input value');
* // Alert the value of the input
* alert( input.val() );
* ```
*
* @method val
* @param {String} value Value to be set. Optional.
*/
val: function(value) {
var instance = this;
if (isUndefined(value)) {
return instance.get('value');
}
else {
return instance.set('value', value);
}
},
/**
* Returns the combined size of the box style for the specified sides.
*
* @method _getBoxStyleAsNumber
* @param {String} sides Can be t, r, b, l or any combination of
* those to represent the top, right, bottom, or left sides.
* @param {String} map An object mapping mapping the "sides" param to the a
* CSS value to retrieve
* @return {Number}
* @private
*/
_getBoxStyleAsNumber: function(sides, map) {
var instance = this;
var sidesArray = sides.match(/\w/g),
value = 0,
side,
sideKey,
i;
for (i = sidesArray.length - 1; i >= 0; i--) {
sideKey = sidesArray[i];
side = 0;
if (sideKey) {
side = parseFloat(instance.getComputedStyle(map[sideKey]));
side = Math.abs(side);
value += side || 0;
}
}
return value;
},
/**
* Extracts text content from the passed nodes.
*
* @method _getText
* @private
* @param {Native NodeList} childNodes
*/
_getText: function(childNodes) {
var instance = this;
var length = childNodes.length,
childNode,
str = [],
i;
for (i = 0; i < length; i++) {
childNode = childNodes[i];
if (childNode && childNode.nodeType !== 8) {
if (childNode.nodeType !== 1) {
str.push(childNode.nodeValue);
}
if (childNode.childNodes) {
str.push(instance._getText(childNode.childNodes));
}
}
}
return str.join('');
},
/**
* Overrides Y.Node._hide. Adds aui-hide to the node's cssClass
*
* @method _hide
* @private
*/
_hide: function() {
var instance = this;
instance.addClass(CSS_HIDE);
return NODE_PROTO_HIDE.apply(instance, arguments);
},
/**
* The event handler for the "out" function that is fired for events
* attached via the hover method.
*
* @method _hoverOutHandler
* @private
* @param {EventFacade} event
*/
_hoverOutHandler: function(event) {
var instance = this;
var hoverOptions = instance._hoverOptions;
hoverOptions.outTask.delay(hoverOptions.outDelay, event);
},
/**
* The event handler for the "over" function that is fired for events
* attached via the hover method.
*
* @method _hoverOverHandler
* @private
* @param {EventFacade} event
*/
_hoverOverHandler: function(event) {
var instance = this;
var hoverOptions = instance._hoverOptions;
hoverOptions.overTask.delay(hoverOptions.overDelay, event);
},
/**
* Cancels the over task, and fires the users custom "out" function for the
* hover method
*
* @method _hoverOverHandler
* @private
* @param {EventFacade} event
*/
_hoverOutTaskFn: function(event) {
var instance = this;
var hoverOptions = instance._hoverOptions;
hoverOptions.overTask.cancel();
hoverOptions.out.apply(hoverOptions.context || event.currentTarget, arguments);
},
/**
* Cancels the out task, and fires the users custom "over" function for the
* hover method
*
* @method _hoverOverHandler
* @private
* @param {EventFacade} event
*/
_hoverOverTaskFn: function(event) {
var instance = this;
var hoverOptions = instance._hoverOptions;
hoverOptions.outTask.cancel();
hoverOptions.over.apply(hoverOptions.context || event.currentTarget, arguments);
},
/**
* Places a node or html string at a specific location
*
* @method _place
* @private
* @param {Node|String} newNode
* @param {Node} refNode
*/
_place: function(newNode, refNode) {
var instance = this;
var parent = instance.get('parentNode');
if (parent) {
if (isString(newNode)) {
newNode = ANode.create(newNode);
}
parent.insertBefore(newNode, refNode);
}
return instance;
},
/**
* Overrides Y.Node._show. Removes aui-hide from the node's cssClass
*
* @method _show
* @private
*/
_show: function() {
var instance = this;
instance.removeClass(CSS_HIDE);
return NODE_PROTO_SHOW.apply(instance, arguments);
},
_defaultHoverOptions: {
overEventType: 'mouseenter',
outEventType: 'mouseleave',
overDelay: 0,
outDelay: 0,
over: Lang.emptyFn,
out: Lang.emptyFn
}
}, true);
NODE_PROTO.__isHidden = NODE_PROTO._isHidden;
NODE_PROTO._isHidden = function() {
var instance = this;
return NODE_PROTO.__isHidden.call(instance) || instance.hasClass(instance._hideClass || CSS_HIDE);
};
/**
* Returns the width of the content, not including the padding, border or
* margin. If a width is passed, the node's overall width is set to that size.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.width(); //return content width
* node.width(100); // sets box width
* ```
*
* @method width
* @return {number}
*/
/**
* Returns the height of the content, not including the padding, border or
* margin. If a height is passed, the node's overall height is set to that size.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.height(); //return content height
* node.height(100); // sets box height
* ```
*
* @method height
* @return {number}
*/
/**
* Returns the size of the box from inside of the border, which is the
* `offsetWidth` plus the padding on the left and right.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.innerWidth();
* ```
*
* @method innerWidth
* @return {number}
*/
/**
* Returns the size of the box from inside of the border, which is offsetHeight
* plus the padding on the top and bottom.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.innerHeight();
* ```
*
* @method innerHeight
* @return {number}
*/
/**
* Returns the outer width of the box including the border, if true is passed as
* the first argument, the margin is included.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.outerWidth();
* node.outerWidth(true); // includes margin
* ```
*
* @method outerWidth
* @return {number}
*/
/**
* Returns the outer height of the box including the border, if true is passed
* as the first argument, the margin is included.
*
* Example:
*
* ```
* var node = A.one('#nodeId');
* node.outerHeight();
* node.outerHeight(true); // includes margin
* ```
*
* @method outerHeight
* @return {number}
*/
A.each(
['Height', 'Width'],
function(item, index) {
var sides = index ? 'lr' : 'tb';
var dimensionType = item.toLowerCase();
NODE_PROTO[dimensionType] = function(size) {
var instance = this;
var returnValue = instance;
if (isUndefined(size)) {
var node = instance._node;
var dimension;
if (node) {
if ((!node.tagName && node.nodeType === 9) || node.alert) {
dimension = instance.get('region')[dimensionType];
}
else {
dimension = instance.get('offset' + item);
if (!dimension) {
var originalDisplay = instance.getStyle('display');
var originalPosition = instance.getStyle('position');
var originalVisibility = instance.getStyle('visibility');
instance.setStyles({
display: 'block !important',
position: 'absolute !important',
visibility: 'hidden !important'
});
dimension = instance.get('offset' + item);
instance.setStyles({
display: originalDisplay,
position: originalPosition,
visibility: originalVisibility
});
}
if (dimension) {
dimension -= (instance.getPadding(sides) + instance.getBorderWidth(sides));
}
}
}
returnValue = dimension;
}
else {
instance.setStyle(dimensionType, size);
}
return returnValue;
};
NODE_PROTO['inner' + item] = function() {
var instance = this;
return instance[dimensionType]() + instance.getPadding(sides);
};
NODE_PROTO['outer' + item] = function(margin) {
var instance = this;
var innerSize = instance['inner' + item]();
var borderSize = instance.getBorderWidth(sides);
var size = innerSize + borderSize;
if (margin) {
size += instance.getMargin(sides);
}
return size;
};
}
);
if (!SUPPORT_OPTIONAL_TBODY) {
A.DOM._ADD_HTML = A.DOM.addHTML;
A.DOM.addHTML = function(node, content, where) {
var nodeName = (node.nodeName && node.nodeName.toLowerCase()) || '';
var tagName = '';
if (!isUndefined(content)) {
if (isString(content)) {
tagName = (REGEX_TAGNAME.exec(content) || ARRAY_EMPTY_STRINGS)[1];
}
else if (content.nodeType && content.nodeType === 11 && content.childNodes.length) { // a doc frag
tagName = content.childNodes[0].nodeName;
}
else if (content.nodeName) { // a node
tagName = content.nodeName;
}
tagName = tagName && tagName.toLowerCase();
}
if (nodeName === 'table' && tagName === 'tr') {
node = node.getElementsByTagName('tbody')[0] || node.appendChild(node.ownerDocument.createElement('tbody'));
var whereNodeName = ((where && where.nodeName) || '').toLowerCase();
// Assuming if the "where" is a tbody node,
// we're trying to prepend to a table. Attempt to
// grab the first child of the tbody.
if (whereNodeName === 'tbody' && where.childNodes.length > 0) {
where = where.firstChild;
}
}
return A.DOM._ADD_HTML(node, content, where);
};
}
/**
* Augments the [YUI3 NodeList](NodeList.html) with more util methods.
*
* Checks the list of [Methods](NodeList.html#methods) available for AUI
* NodeList.
*
* @class A.NodeList
* @constructor
* @uses A.Node
*/
ANodeList.importMethod(
NODE_PROTO, [
'after',
'appendTo',
'attr',
'before',
'empty',
'getX',
'getXY',
'getY',
'hover',
'html',
'innerHeight',
'innerWidth',
'outerHeight',
'outerHTML',
'outerWidth',
'prepend',
'prependTo',
'purge',
'selectText',
'selectable',
'setX',
'setXY',
'setY',
'text',
'toggle',
'unselectable',
'val'
]
);
A.mix(
NODELIST_PROTO, {
/**
* See [Node all](Node.html#method_all).
*
* @method all
*/
all: function(selector) {
var instance = this,
newNodeList = [],
nodes = instance._nodes,
length = nodes.length,
subList,
i;
for (i = 0; i < length; i++) {
subList = A.Selector.query(selector, nodes[i]);
if (subList && subList.length) {
newNodeList.push.apply(newNodeList, subList);
}
}
newNodeList = AArray.unique(newNodeList);
return A.all(newNodeList);
},
/**
* Returns the first element in the node list collection.
*
* @method first
* @return {Node}
*/
first: function() {
var instance = this;
return instance.item(0);
},
/**
* See [Node getDOMNode](Node.html#method_getDOMNode).
*
* @method getDOM
*/
getDOM: function() {
return ANodeList.getDOMNodes(this);
},
/**
* Returns the last element in the node list collection.
*
* @method last
* @return {Node}
*/
last: function() {
var instance = this;
return instance.item(instance._nodes.length - 1);
},
/**
* See [Node one](Node.html#method_one).
*
* @method one
*/
one: function(selector) {
var instance = this,
newNode = null,
nodes = instance._nodes,
length = nodes.length,
i;
for (i = 0; i < length; i++) {
newNode = A.Selector.query(selector, nodes[i], true);
if (newNode) {
newNode = A.one(newNode);
break;
}
}
return newNode;
}
}
);
NODELIST_PROTO.__filter = NODELIST_PROTO.filter;
NODELIST_PROTO.filter = function(value, context) {
var instance = this;
var newNodeList;
if (isFunction(value)) {
var nodes = [];
instance.each(
function(item, index, collection) {
if (value.call(context || item, item, index, collection)) {
nodes.push(item._node);
}
}
);
newNodeList = A.all(nodes);
}
else {
newNodeList = NODELIST_PROTO.__filter.call(instance, value);
}
return newNodeList;
};
A.mix(
ANodeList, {
/**
* Converts the passed `html` into a `NodeList` and returns the result.
*
* @method create
* @param {String} html
* @return {NodeList}
*/
create: function(html) {
var docFrag = A.getDoc().invoke('createDocumentFragment');
return docFrag.append(html).get('childNodes');
}
}
);
A.mix(
A, {
/**
* Gets the body node. Shortcut to `A.one('body')`.
*
* @method getBody
*/
getBody: function() {
var instance = this;
if (!instance._bodyNode) {
instance._bodyNode = A.one(DOC.body);
}
return instance._bodyNode;
},
/**
* Gets the document node. Shortcut to `A.one(document)`.
*
* @method getDoc
*/
getDoc: function() {
var instance = this;
if (!instance._documentNode) {
instance._documentNode = A.one(DOC);
}
return instance._documentNode;
},
/**
* Gets the window node. Shortcut to `A.one(window)`.
*
* @method getWin
*/
getWin: function() {
var instance = this;
if (!instance._windowNode) {
instance._windowNode = A.one(WIN);
}
return instance._windowNode;
}
}
);
}, '3.1.0-deprecated.60', {"requires": ["array-extras", "aui-base-lang", "aui-classnamemanager", "aui-debounce", "node"]});
YUI.add('aui-node-html5', function (A, NAME) {
/**
* Provides support for HTML shiv natively on the Alloy DOM methods. The HTML5
* shiv just affects IE.
*
* @module aui-node
* @submodule aui-node-html5
*/
if (A.UA.ie) {
/**
* An object that encapsulates util methods for HTML5 shiving.
*
* **What is a "shiv"?**
*
* To the world, a shiv is a slang term for a sharp object used as a
* knife-like weapon. To Internet Explorer, a shiv is a script that, when
* executed, forces the browser to recognize HTML5 elements.
*
* @class A.HTML5
*/
var HTML5 = A.namespace('HTML5'),
DOM_create = A.DOM._create;
if (!HTML5._fragHTML5Shived) {
/**
* A global DocumentFragment already HTML5 shived, for performance
* reasons. (i.e., all nodes and its HTML5 children appended to this
* fragment iherits the styles on IE).
*
* @property _fragHTML5Shived
* @type {DocumentFragment}
* @protected
*/
HTML5._fragHTML5Shived = A.html5shiv(
A.config.doc.createDocumentFragment()
);
}
A.mix(
HTML5, {
/**
* Receives a `frag` and a HTML content. This method shivs the HTML5
* nodes appended to a Node or fragment which is not on the document
* yet.
*
* @method IECreateFix
* @param {Node|DocumentFragment} frag Fragment to be fixed.
* @param {String} content HTML to be set (using innerHTML) on the
* `frag`.
* @return {Node|DocumentFragment}
*/
IECreateFix: function(frag, content) {
var shivedFrag = HTML5._fragHTML5Shived;
shivedFrag.appendChild(frag);
frag.innerHTML = content;
shivedFrag.removeChild(frag);
return frag;
},
/**
* AOP listener to the A.DOM._create method. This method intercepts
* all the calls to the A.DOM._create and append the generated
* fragment to [A.HTML._fragHTML5Shived](A.HTML5.html#property__frag
* HTML5Shived), this fixes the IE bug for painting the HTML5 nodes
* on the HTML fragment.
*
* @method _doBeforeCreate
* @param {String} html HTML content
* @param {String} doc
* @param {String} tag
* @protected
* @return {DocumentFragment}
*/
_doBeforeCreate: function(html) {
var createdFrag = DOM_create.apply(this, arguments);
var shivedFrag = HTML5.IECreateFix(createdFrag, html);
return new A.Do.Halt(null, shivedFrag);
}
}
);
A.Do.before(HTML5._doBeforeCreate, A.DOM, '_create', A.DOM);
}
/**
* The Node Utility.
*
* @module aui-node
* @submodule aui-node-html5-print
*/
var CONFIG = A.config,
DOC = CONFIG.doc,
WIN = CONFIG.win,
UA = A.UA,
IE = UA.ie,
isShivDisabled = function() {
return WIN.AUI_HTML5_IE === false;
};
if (!IE || IE >= 9 || isShivDisabled()) {
return;
}
var BUFFER_CSS_TEXT = [],
LOCATION = WIN.location,
DOMAIN = LOCATION.protocol + '//' + LOCATION.host,
HTML = DOC.documentElement,
HTML5_ELEMENTS = A.HTML5_ELEMENTS,
HTML5_ELEMENTS_LENGTH = HTML5_ELEMENTS.length,
HTML5_ELEMENTS_LIST = HTML5_ELEMENTS.join('|'),
REGEX_CLONE_NODE_CLEANUP = new RegExp('<(/?):(' + HTML5_ELEMENTS_LIST + ')', 'gi'),
REGEX_ELEMENTS = new RegExp('(' + HTML5_ELEMENTS_LIST + ')', 'gi'),
REGEX_ELEMENTS_FAST = new RegExp('\\b(' + HTML5_ELEMENTS_LIST + ')\\b', 'i'),
REGEX_PRINT_MEDIA = /print|all/,
REGEX_RULE = new RegExp('(^|[^\\n{}]*?\\s)(' + HTML5_ELEMENTS_LIST + ').*?{([^}]*)}', 'gim'),
REGEX_TAG = new RegExp('<(\/*)(' + HTML5_ELEMENTS_LIST + ')', 'gi'),
SELECTOR_REPLACE_RULE = '.' + 'printfix-' + '$1',
STR_EMPTY = '',
STR_URL_DOMAIN = 'url(' + DOMAIN,
TAG_REPLACE_ORIGINAL = '<$1$2',
TAG_REPLACE_FONT = '<$1font';
var html5shiv = A.html5shiv,
// Yes, IE does this wackiness; converting an object
// to a string should never result in undefined, but
// IE's styleSheet object sometimes becomes inaccessible
// after trying to print the second time
isStylesheetDefined = function(obj) {
return obj && (obj + STR_EMPTY !== undefined);
},
toggleNode = function(node, origNode, prop) {
var state = origNode[prop];
if (state) {
node.setAttribute(prop, state);
}
else {
node.removeAttribute(prop);
}
};
html5shiv(DOC);
var printFix = function() {
var destroy;
var afterPrint = function() {
if (isShivDisabled()) {
destroy();
}
else {
printFix.onAfterPrint();
}
};
var beforePrint = function() {
if (isShivDisabled()) {
destroy();
}
else {
printFix.onBeforePrint();
}
};
destroy = function() {
WIN.detachEvent('onafterprint', afterPrint);
WIN.detachEvent('onbeforeprint', beforePrint);
};
var init = function() {
WIN.attachEvent('onafterprint', afterPrint);
WIN.attachEvent('onbeforeprint', beforePrint);
};
init();
printFix.destroy = destroy;
printFix.init = init;
};
A.mix(
printFix, {
/**
* Fires after a print.
*
* @method onAfterPrint
*/
onAfterPrint: function() {
var instance = this;
instance.restoreHTML();
var styleSheet = instance._getStyleSheet();
styleSheet.styleSheet.cssText = '';
},
/**
* Fires before a print.
*
* @method onBeforePrint
*/
onBeforePrint: function() {
var instance = this;
var styleSheet = instance._getStyleSheet();
var cssRules = instance._getAllCSSText();
styleSheet.styleSheet.cssText = instance.parseCSS(cssRules);
instance.writeHTML();
},
/**
* Navigates through the CSS joining rules and replacing content.
*
* @method parseCSS
* @param cssText
* @return {String}
*/
parseCSS: function(cssText) {
var css = '';
var rules = cssText.match(REGEX_RULE);
if (rules) {
css = rules.join('\n').replace(REGEX_ELEMENTS, SELECTOR_REPLACE_RULE);
}
return css;
},
/**
* Restores the HTML from the `bodyClone` and `bodyEl` attributes.
*
* @method restoreHTML
*/
restoreHTML: function() {
var instance = this;
var bodyClone = instance._getBodyClone();
var bodyEl = instance._getBodyEl();
var newNodes = bodyClone.getElementsByTagName('IFRAME');
var originalNodes = bodyEl.getElementsByTagName('IFRAME');
var length = originalNodes.length;
// Moving IFRAME nodes back to their original position
if (length === newNodes.length) {
while (length--) {
var newNode = newNodes[length];
var originalNode = originalNodes[length];
originalNode.swapNode(newNode);
}
}
bodyClone.innerHTML = '';
HTML.removeChild(bodyClone);
HTML.appendChild(bodyEl);
},
/**
* Generates the HTML for print.
*
* @method writeHTML
*/
writeHTML: function() {
var instance = this;
var i = -1;
var j;
var bodyEl = instance._getBodyEl();
var html5Element;
var cssClass;
var nodeList;
var nodeListLength;
var node;
var buffer = [];
while (++i < HTML5_ELEMENTS_LENGTH) {
html5Element = HTML5_ELEMENTS[i];
nodeList = DOC.getElementsByTagName(html5Element);
nodeListLength = nodeList.length;
j = -1;
while (++j < nodeListLength) {
node = nodeList[j];
cssClass = node.className;
if (cssClass.indexOf('printfix-') === -1) {
buffer[0] = 'printfix-' + html5Element;
buffer[1] = cssClass;
node.className = buffer.join(' ');
}
}
}
var docFrag = instance._getDocFrag();
var bodyClone = instance._getBodyClone();
docFrag.appendChild(bodyEl);
HTML.appendChild(bodyClone);
bodyClone.className = bodyEl.className;
bodyClone.id = bodyEl.id;
var originalNodes = bodyEl.getElementsByTagName('*');
var length = originalNodes.length;
// IE will throw a mixed content warning when using https
// and calling clone node if the body contains elements with
// an inline background-image style that is relative to the domain.
if (UA.secure) {
var bodyElStyle = bodyEl.style;
var elStyle;
var backgroundImage;
bodyElStyle.display = 'none';
for (i = 0; i < length; i++) {
elStyle = originalNodes[i].style;
backgroundImage = elStyle.backgroundImage;
if (backgroundImage &&
backgroundImage.indexOf('url(') > -1 &&
backgroundImage.indexOf('https') === -1) {
elStyle.backgroundImage = backgroundImage.replace('url(', STR_URL_DOMAIN);
}
}
bodyElStyle.display = '';
}
var bodyElClone = bodyEl.cloneNode(true);
var newNodes = bodyElClone.getElementsByTagName('*');
if (length === newNodes.length) {
while (length--) {
var newNode = newNodes[length];
var newNodeName = newNode.nodeName;
if (newNodeName === 'INPUT' || newNodeName === 'OPTION' || newNodeName === 'IFRAME') {
var originalNode = originalNodes[length];
var originalNodeName = originalNode.nodeName;
if (originalNodeName === newNodeName) {
var prop = null;
if (newNodeName === 'OPTION') {
prop = 'selected';
}
else if (newNodeName === 'INPUT' && (newNode.type === 'checkbox' || newNode.type ===
'radio')) {
prop = 'checked';
}
else if (newNodeName === 'IFRAME') {
newNode.src = '';
}
if (prop !== null) {
toggleNode(newNode, originalNode, prop);
}
}
}
}
}
var bodyHTML = bodyElClone.innerHTML;
bodyHTML = bodyHTML.replace(REGEX_CLONE_NODE_CLEANUP, TAG_REPLACE_ORIGINAL).replace(REGEX_TAG,
TAG_REPLACE_FONT);
bodyClone.innerHTML = bodyHTML;
// Post processing the DOM in order to move IFRAME nodes
newNodes = bodyClone.getElementsByTagName('IFRAME');
originalNodes = bodyEl.getElementsByTagName('IFRAME');
length = originalNodes.length;
if (length === newNodes.length) {
while (length--) {
var newNodeIframe = newNodes[length];
var originalNodeIframe = originalNodes[length];
// According to quirksmode.org, swapNode is supported on all major IE versions
originalNodeIframe.swapNode(newNodeIframe);
}
}
},
/**
* Gets all CSS text from all stylesheets.
*
* @method _getAllCSSText
* @protected
* @return {Array}
*/
_getAllCSSText: function() {
var instance = this;
var buffer = [];
var styleSheets = instance._getAllStyleSheets(DOC.styleSheets, 'all');
var rule;
var cssText;
var styleSheet;
for (var i = 0; styleSheet = styleSheets[i]; i++) {
var rules = styleSheet.rules;
if (rules && rules.length) {
for (var j = 0, ruleLength = rules.length; j < ruleLength; j++) {
rule = rules[j];
if (!rule.href) {
cssText = instance._getCSSTextFromRule(rule);
buffer.push(cssText);
}
}
}
}
return buffer.join(' ');
},
/**
* Extracts the CSS text from a rule.
*
* @method _getCSSTextFromRule
* @param rule
* @protected
* @return {String}
*/
_getCSSTextFromRule: function(rule) {
var cssText = '';
var ruleStyle = rule.style;
var ruleCSSText;
var ruleSelectorText;
if (ruleStyle && (ruleCSSText = ruleStyle.cssText) && (ruleSelectorText = rule.selectorText) &&
REGEX_ELEMENTS_FAST.test(ruleSelectorText)) {
BUFFER_CSS_TEXT.length = 0;
BUFFER_CSS_TEXT.push(ruleSelectorText, '{', ruleCSSText, '}');
cssText = BUFFER_CSS_TEXT.join(' ');
}
return cssText;
},
/**
* Gets all stylesheets from a page.
*
* @method _getAllStyleSheets
* @param styleSheet, mediaType, level, buffer
* @protected
* @return {Array}
*/
_getAllStyleSheets: function(styleSheet, mediaType, level, buffer) {
var instance = this;
level = level || 1;
buffer = buffer || [];
var i;
if (isStylesheetDefined(styleSheet)) {
var imports = styleSheet.imports;
mediaType = styleSheet.mediaType || mediaType;
if (REGEX_PRINT_MEDIA.test(mediaType)) {
var length;
// IE can crash when trying to access imports more than 3 levels deep
if (level <= 3 && isStylesheetDefined(imports) && imports.length) {
for (i = 0, length = imports.length; i < length; i++) {
instance._getAllStyleSheets(imports[i], mediaType, level + 1, buffer);
}
}
else if (styleSheet.length) {
for (i = 0, length = styleSheet.length; i < length; i++) {
instance._getAllStyleSheets(styleSheet[i], mediaType, level, buffer);
}
}
else {
var rules = styleSheet.rules;
var ruleStyleSheet;
if (rules && rules.length) {
for (i = 0, length = rules.length; i < length; i++) {
ruleStyleSheet = rules[i].styleSheet;
if (ruleStyleSheet) {
instance._getAllStyleSheets(ruleStyleSheet, mediaType, level, buffer);
}
}
}
}
if (!styleSheet.disabled && styleSheet.rules) {
buffer.push(styleSheet);
}
}
}
mediaType = 'all';
return buffer;
},
/**
* Gets the `` element.
*
* @method _getBodyEl
* @protected
* @return {Element}
*/
_getBodyEl: function() {
var instance = this;
var bodyEl = instance._bodyEl;
if (!bodyEl) {
bodyEl = DOC.body;
instance._bodyEl = bodyEl;
}
return bodyEl;
},
/**
* Gets a clone of the `` element.
*
* @method _getBodyClone
* @protected
* @return {Element}
*/
_getBodyClone: function() {
var instance = this;
var bodyClone = instance._bodyClone;
if (!bodyClone) {
bodyClone = DOC.createElement('body');
instance._bodyClone = bodyClone;
}
return bodyClone;
},
/**
* Gets a document fragment object.
*
* @method _getDocFrag
* @protected
* @return {DocumentFragment}
*/
_getDocFrag: function() {
var instance = this;
var docFrag = instance._docFrag;
if (!docFrag) {
docFrag = DOC.createDocumentFragment();
html5shiv(docFrag);
instance._docFrag = docFrag;
}
return docFrag;
},
/**
* Gets the stylesheet from the DOM.
*
* @method _getStyleSheet
* @protected
* @return {Node}
*/
_getStyleSheet: function() {
var instance = this;
var styleSheet = instance._styleSheet;
if (!styleSheet) {
styleSheet = DOC.createElement('style');
var head = DOC.documentElement.firstChild;
head.insertBefore(styleSheet, head.firstChild);
styleSheet.media = 'print';
styleSheet.className = 'printfix';
instance._styleSheet = styleSheet;
}
return styleSheet;
}
}
);
A.namespace('HTML5').printFix = printFix;
printFix();
}, '3.1.0-deprecated.60', {"requires": ["collection", "aui-node-base"]});
YUI.add('aui-selector', function (A, NAME) {
/**
* The Selector Utility.
*
* @module aui-selector
*/
var SELECTOR = A.Selector,
CSS_BOOTSTRAP_SR_ONLY = A.getClassName('sr-only'),
CSS_HIDE = A.getClassName('hide'),
REGEX_CLIP_RECT_ZERO = new RegExp(/rect\((0(px)?(,)?(\s)?){4}\)/i),
REGEX_HIDDEN_CLASSNAMES = new RegExp(CSS_HIDE),
REGEX_SR_ONLY_CLASSNAMES = new RegExp(CSS_BOOTSTRAP_SR_ONLY);
SELECTOR._isNodeHidden = function(node) {
var width = node.offsetWidth;
var height = node.offsetHeight;
var ignore = node.nodeName.toLowerCase() === 'tr';
var className = node.className;
var nodeStyle = node.style;
var hidden = false;
if (!ignore) {
if (width === 0 && height === 0) {
hidden = true;
}
else if (width > 0 && height > 0) {
hidden = false;
}
}
hidden = hidden || (nodeStyle.display === 'none' || nodeStyle.visibility === 'hidden') ||
(nodeStyle.position === 'absolute' && REGEX_CLIP_RECT_ZERO.test(nodeStyle.clip)) ||
REGEX_HIDDEN_CLASSNAMES.test(className) || REGEX_SR_ONLY_CLASSNAMES.test(className);
return hidden;
};
var testNodeType = function(type) {
return function(node) {
return node.type === type;
};
};
/**
* Augment the [YUI3 Selector](Selector.html) with more util methods.
*
* @class A.Selector
* @uses Selector
* @constructor
*/
A.mix(
SELECTOR.pseudos, {
/**
* Checks if the node is a button element or contains `type="button"`.
*
* @method button
* @param node
* @return {Boolean}
*/
button: function(node) {
return node.type === 'button' || node.nodeName.toLowerCase() === 'button';
},
/**
* Checks if the node contains `type="checkbox"`.
*
* @method checkbox
* @return {Boolean}
*/
checkbox: testNodeType('checkbox'),
/**
* Checks if the node is checked or not.
*
* @method checked
* @param node
* @return {Boolean}
*/
checked: function(node) {
return node.checked === true;
},
/**
* Checks if the node is disabled or not.
*
* @method disabled
* @param node
* @return {Boolean}
*/
disabled: function(node) {
return node.disabled === true;
},
/**
* Checks if the node is empty or not.
*
* @method empty
* @param node
* @return {Boolean}
*/
empty: function(node) {
return !node.firstChild;
},
/**
* Checks if the node is enabled or not.
*
* @method enabled
* @param node
* @return {Boolean}
*/
enabled: function(node) {
return node.disabled === false && node.type !== 'hidden';
},
/**
* Checks if the node contains `type="file"`.
*
* @method file
* @return {Boolean}
*/
file: testNodeType('file'),
/**
* Checks if the node is a header (e.g. ``, ``, ...) or not.
*
* @method header
* @param node
* @return {Boolean}
*/
header: function(node) {
return /h\d/i.test(node.nodeName);
},
/**
* Checks if the node is hidden or not.
*
* @method hidden
* @param node
* @return {Boolean}
*/
hidden: function(node) {
return SELECTOR._isNodeHidden(node);
},
/**
* Checks if the node contains `type="image"`.
*
* @method image
* @return {Boolean}
*/
image: testNodeType('image'),
/**
* Checks if the node is an input (e.g. `