* The extension adds header, body and footer sections to the Widget's content box and * provides the corresponding methods and attributes to modify the contents of these sections. *
* @class WidgetStdMod * @param {Object} The user configuration object */ function StdMod(config) {} /** * Constant used to refer the the standard module header, in methods which expect a section specifier * * @property HEADER * @static * @type String */ StdMod.HEADER = HEADER; /** * Constant used to refer the the standard module body, in methods which expect a section specifier * * @property BODY * @static * @type String */ StdMod.BODY = BODY; /** * Constant used to refer the the standard module footer, in methods which expect a section specifier * * @property FOOTER * @static * @type String */ StdMod.FOOTER = FOOTER; /** * Constant used to specify insertion position, when adding content to sections of the standard module in * methods which expect a "where" argument. ** Inserts new content before the sections existing content. *
* @property AFTER * @static * @type String */ StdMod.AFTER = "after"; /** * Constant used to specify insertion position, when adding content to sections of the standard module in * methods which expect a "where" argument. ** Inserts new content before the sections existing content. *
* @property BEFORE * @static * @type String */ StdMod.BEFORE = "before"; /** * Constant used to specify insertion position, when adding content to sections of the standard module in * methods which expect a "where" argument. ** Replaces the sections existing content, with new content. *
* @property REPLACE * @static * @type String */ StdMod.REPLACE = "replace"; var STD_HEADER = StdMod.HEADER, STD_BODY = StdMod.BODY, STD_FOOTER = StdMod.FOOTER, HEADER_CONTENT = STD_HEADER + CONTENT_SUFFIX, FOOTER_CONTENT = STD_FOOTER + CONTENT_SUFFIX, BODY_CONTENT = STD_BODY + CONTENT_SUFFIX; /** * Static property used to define the default attribute * configuration introduced by WidgetStdMod. * * @property ATTRS * @type Object * @static */ StdMod.ATTRS = { /** * @attribute headerContent * @type HTML * @default undefined * @description The content to be added to the header section. This will replace any existing content * in the header. If you want to append, or insert new content, use the setStdModContent method. */ headerContent: { value:null }, /** * @attribute footerContent * @type HTML * @default undefined * @description The content to be added to the footer section. This will replace any existing content * in the footer. If you want to append, or insert new content, use the setStdModContent method. */ footerContent: { value:null }, /** * @attribute bodyContent * @type HTML * @default undefined * @description The content to be added to the body section. This will replace any existing content * in the body. If you want to append, or insert new content, use the setStdModContent method. */ bodyContent: { value:null }, /** * @attribute fillHeight * @type {String} * @default WidgetStdMod.BODY * @description The section (WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER) which should be resized to fill the height of the standard module, when a * height is set on the Widget. If a height is not set on the widget, then all sections are sized based on * their content. */ fillHeight: { value: StdMod.BODY, validator: function(val) { return this._validateFillHeight(val); } } }; /** * The HTML parsing rules for the WidgetStdMod class. * * @property HTML_PARSER * @static * @type Object */ StdMod.HTML_PARSER = { headerContent: function(contentBox) { return this._parseStdModHTML(STD_HEADER); }, bodyContent: function(contentBox) { return this._parseStdModHTML(STD_BODY); }, footerContent : function(contentBox) { return this._parseStdModHTML(STD_FOOTER); } }; /** * Static hash of default class names used for the header, * body and footer sections of the standard module, keyed by * the section identifier (WidgetStdMod.STD_HEADER, WidgetStdMod.STD_BODY, WidgetStdMod.STD_FOOTER) * * @property SECTION_CLASS_NAMES * @static * @type Object */ StdMod.SECTION_CLASS_NAMES = { header: Widget.getClassName(HD), body: Widget.getClassName(BD), footer: Widget.getClassName(FT) }; /** * The template HTML strings for each of the standard module sections. Section entries are keyed by the section constants, * WidgetStdMod.HEADER, WidgetStdMod.BODY, WidgetStdMod.FOOTER, and contain the HTML to be added for each section. * e.g. *
* {
* header : '<div class="yui-widget-hd"></div>',
* body : '<div class="yui-widget-bd"></div>',
* footer : '<div class="yui-widget-ft"></div>'
* }
*
* @property TEMPLATES
* @type Object
* @static
*/
StdMod.TEMPLATES = {
header : '',
body : '',
footer : ''
};
StdMod.prototype = {
initializer : function() {
this._stdModNode = this.get(CONTENT_BOX);
Y.before(this._renderUIStdMod, this, RENDERUI);
Y.before(this._bindUIStdMod, this, BINDUI);
Y.before(this._syncUIStdMod, this, SYNCUI);
},
/**
* Synchronizes the UI to match the Widgets standard module state.
* * This method is invoked after syncUI is invoked for the Widget class * using YUI's aop infrastructure. *
* @method _syncUIStdMod * @protected */ _syncUIStdMod : function() { var stdModParsed = this._stdModParsed; if (!stdModParsed || !stdModParsed[HEADER_CONTENT]) { this._uiSetStdMod(STD_HEADER, this.get(HEADER_CONTENT)); } if (!stdModParsed || !stdModParsed[BODY_CONTENT]) { this._uiSetStdMod(STD_BODY, this.get(BODY_CONTENT)); } if (!stdModParsed || !stdModParsed[FOOTER_CONTENT]) { this._uiSetStdMod(STD_FOOTER, this.get(FOOTER_CONTENT)); } this._uiSetFillHeight(this.get(FILL_HEIGHT)); }, /** * Creates/Initializes the DOM for standard module support. ** This method is invoked after renderUI is invoked for the Widget class * using YUI's aop infrastructure. *
* @method _renderUIStdMod * @protected */ _renderUIStdMod : function() { this._stdModNode.addClass(Widget.getClassName(STDMOD)); this._renderStdModSections(); //This normally goes in bindUI but in order to allow setStdModContent() to work before renderUI //stage, these listeners should be set up at the earliest possible time. this.after(HeaderChange, this._afterHeaderChange); this.after(BodyChange, this._afterBodyChange); this.after(FooterChange, this._afterFooterChange); }, _renderStdModSections : function() { if (L.isValue(this.get(HEADER_CONTENT))) { this._renderStdMod(STD_HEADER); } if (L.isValue(this.get(BODY_CONTENT))) { this._renderStdMod(STD_BODY); } if (L.isValue(this.get(FOOTER_CONTENT))) { this._renderStdMod(STD_FOOTER); } }, /** * Binds event listeners responsible for updating the UI state in response to * Widget standard module related state changes. ** This method is invoked after bindUI is invoked for the Widget class * using YUI's aop infrastructure. *
* @method _bindUIStdMod * @protected */ _bindUIStdMod : function() { // this.after(HeaderChange, this._afterHeaderChange); // this.after(BodyChange, this._afterBodyChange); // this.after(FooterChange, this._afterFooterChange); this.after(FillHeightChange, this._afterFillHeightChange); this.after(HeightChange, this._fillHeight); this.after(ContentUpdate, this._fillHeight); }, /** * Default attribute change listener for the headerContent attribute, responsible * for updating the UI, in response to attribute changes. * * @method _afterHeaderChange * @protected * @param {EventFacade} e The event facade for the attribute change */ _afterHeaderChange : function(e) { if (e.src !== UI) { this._uiSetStdMod(STD_HEADER, e.newVal, e.stdModPosition); } }, /** * Default attribute change listener for the bodyContent attribute, responsible * for updating the UI, in response to attribute changes. * * @method _afterBodyChange * @protected * @param {EventFacade} e The event facade for the attribute change */ _afterBodyChange : function(e) { if (e.src !== UI) { this._uiSetStdMod(STD_BODY, e.newVal, e.stdModPosition); } }, /** * Default attribute change listener for the footerContent attribute, responsible * for updating the UI, in response to attribute changes. * * @method _afterFooterChange * @protected * @param {EventFacade} e The event facade for the attribute change */ _afterFooterChange : function(e) { if (e.src !== UI) { this._uiSetStdMod(STD_FOOTER, e.newVal, e.stdModPosition); } }, /** * Default attribute change listener for the fillHeight attribute, responsible * for updating the UI, in response to attribute changes. * * @method _afterFillHeightChange * @protected * @param {EventFacade} e The event facade for the attribute change */ _afterFillHeightChange: function (e) { this._uiSetFillHeight(e.newVal); }, /** * Default validator for the fillHeight attribute. Verifies that the * value set is a valid section specifier - one of WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER, * or a falsey value if fillHeight is to be disabled. * * @method _validateFillHeight * @protected * @param {String} val The section which should be setup to fill height, or false/null to disable fillHeight * @return true if valid, false if not */ _validateFillHeight : function(val) { return !val || val == StdMod.BODY || val == StdMod.HEADER || val == StdMod.FOOTER; }, /** * Updates the rendered UI, to resize the provided section so that the standard module fills out * the specified widget height. Note: This method does not check whether or not a height is set * on the Widget. * * @method _uiSetFillHeight * @protected * @param {String} fillSection A valid section specifier - one of WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER */ _uiSetFillHeight : function(fillSection) { var fillNode = this.getStdModNode(fillSection); var currNode = this._currFillNode; if (currNode && fillNode !== currNode){ currNode.setStyle(HEIGHT, EMPTY); } if (fillNode) { this._currFillNode = fillNode; } this._fillHeight(); }, /** * Updates the rendered UI, to resize the current section specified by the fillHeight attribute, so * that the standard module fills out the Widget height. If a height has not been set on Widget, * the section is not resized (height is set to "auto"). * * @method _fillHeight * @private */ _fillHeight : function() { if (this.get(FILL_HEIGHT)) { var height = this.get(HEIGHT); if (height != EMPTY && height != AUTO) { this.fillHeight(this.getStdModNode(this.get(FILL_HEIGHT))); } } }, /** * Updates the rendered UI, adding the provided content (either an HTML string, or node reference), * to the specified section. The content is either added before, after or replaces existing content * in the section, based on the value of thewhere argument.
*
* @method _uiSetStdMod
* @protected
*
* @param {String} section The section to be updated. Either WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER.
* @param {String | Node} content The new content (either as an HTML string, or Node reference) to add to the section
* @param {String} where Optional. Either WidgetStdMod.AFTER, WidgetStdMod.BEFORE or WidgetStdMod.REPLACE.
* If not provided, the content will replace existing content in the section.
*/
_uiSetStdMod : function(section, content, where) {
// Using isValue, so that "" is valid content
if (L.isValue(content)) {
var node = this.getStdModNode(section, true);
this._addStdModContent(node, content, where);
this.set(section + CONTENT_SUFFIX, this._getStdModContent(section), {src:UI});
} else {
this._eraseStdMod(section);
}
this.fire(ContentUpdate);
},
/**
* Creates the DOM node for the given section, and inserts it into the correct location in the contentBox.
*
* @method _renderStdMod
* @protected
* @param {String} section The section to create/render. Either WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER.
* @return {Node} A reference to the added section node
*/
_renderStdMod : function(section) {
var contentBox = this.get(CONTENT_BOX),
sectionNode = this._findStdModSection(section);
if (!sectionNode) {
sectionNode = this._getStdModTemplate(section);
}
this._insertStdModSection(contentBox, section, sectionNode);
this[section + NODE_SUFFIX] = sectionNode;
return this[section + NODE_SUFFIX];
},
/**
* Removes the DOM node for the given section.
*
* @method _eraseStdMod
* @protected
* @param {String} section The section to remove. Either WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER.
*/
_eraseStdMod : function(section) {
var sectionNode = this.getStdModNode(section);
if (sectionNode) {
sectionNode.remove(true);
delete this[section + NODE_SUFFIX];
}
},
/**
* Helper method to insert the Node for the given section into the correct location in the contentBox.
*
* @method _insertStdModSection
* @private
* @param {Node} contentBox A reference to the Widgets content box.
* @param {String} section The section to create/render. Either WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER.
* @param {Node} sectionNode The Node for the section.
*/
_insertStdModSection : function(contentBox, section, sectionNode) {
var fc = contentBox.get(FIRST_CHILD);
if (section === STD_FOOTER || !fc) {
contentBox.appendChild(sectionNode);
} else {
if (section === STD_HEADER) {
contentBox.insertBefore(sectionNode, fc);
} else {
var footer = this[STD_FOOTER + NODE_SUFFIX];
if (footer) {
contentBox.insertBefore(sectionNode, footer);
} else {
contentBox.appendChild(sectionNode);
}
}
}
},
/**
* Gets a new Node reference for the given standard module section, by cloning
* the stored template node.
*
* @method _getStdModTemplate
* @protected
* @param {String} section The section to create a new node for. Either WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER.
* @return {Node} The new Node instance for the section
*/
_getStdModTemplate : function(section) {
return Node.create(StdMod.TEMPLATES[section], this._stdModNode.get(OWNER_DOCUMENT));
},
/**
* Helper method to add content to a StdMod section node.
* The content is added either before, after or replaces the existing node content
* based on the value of the where argument.
*
* @method _addStdModContent
* @private
*
* @param {Node} node The section Node to be updated.
* @param {Node|NodeList|String} children The new content Node, NodeList or String to be added to section Node provided.
* @param {String} where Optional. Either WidgetStdMod.AFTER, WidgetStdMod.BEFORE or WidgetStdMod.REPLACE.
* If not provided, the content will replace existing content in the Node.
*/
_addStdModContent : function(node, children, where) {
// StdMod where to Node where
switch (where) {
case StdMod.BEFORE: // 0 is before fistChild
where = 0;
break;
case StdMod.AFTER: // undefined is appendChild
where = undefined;
break;
default: // replace is replace, not specified is replace
where = StdMod.REPLACE;
}
node.insert(children, where);
},
/**
* Helper method to obtain the precise height of the node provided, including padding and border.
* The height could be a sub-pixel value for certain browsers, such as Firefox 3.
*
* @method _getPreciseHeight
* @private
* @param {Node} node The node for which the precise height is required.
* @return {Number} The height of the Node including borders and padding, possibly a float.
*/
_getPreciseHeight : function(node) {
var height = (node) ? node.get(OFFSET_HEIGHT) : 0,
getBCR = "getBoundingClientRect";
if (node && node.hasMethod(getBCR)) {
var preciseRegion = node.invoke(getBCR);
if (preciseRegion) {
height = preciseRegion.bottom - preciseRegion.top;
}
}
return height;
},
/**
* Helper method to to find the rendered node for the given section,
* if it exists.
*
* @method _findStdModSection
* @private
* @param {String} section The section for which the render Node is to be found. Either WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER.
* @return {Node} The rendered node for the given section, or null if not found.
*/
_findStdModSection: function(section) {
return this.get(CONTENT_BOX).one("> ." + StdMod.SECTION_CLASS_NAMES[section]);
},
/**
* Utility method, used by WidgetStdMods HTML_PARSER implementation
* to extract data for each section from markup.
*
* @method _parseStdModHTML
* @private
* @param {String} section
* @return {String} Inner HTML string with the contents of the section
*/
_parseStdModHTML : function(section) {
var node = this._findStdModSection(section);
if (node) {
if (!this._stdModParsed) {
this._stdModParsed = {};
Y.before(this._applyStdModParsedConfig, this, APPLY_PARSED_CONFIG);
}
this._stdModParsed[section + CONTENT_SUFFIX] = 1;
return node.get("innerHTML");
}
return null;
},
/**
* This method is injected before the _applyParsedConfig step in
* the application of HTML_PARSER, and sets up the state to
* identify whether or not we should remove the current DOM content
* or not, based on whether or not the current content attribute value
* was extracted from the DOM, or provided by the user configuration
*
* @method _applyStdModParsedConfig
* @private
*/
_applyStdModParsedConfig : function(node, cfg, parsedCfg) {
var parsed = this._stdModParsed;
if (parsed) {
parsed[HEADER_CONTENT] = !(HEADER_CONTENT in cfg) && (HEADER_CONTENT in parsed);
parsed[BODY_CONTENT] = !(BODY_CONTENT in cfg) && (BODY_CONTENT in parsed);
parsed[FOOTER_CONTENT] = !(FOOTER_CONTENT in cfg) && (FOOTER_CONTENT in parsed);
}
},
/**
* Retrieves the child nodes (content) of a standard module section
*
* @method _getStdModContent
* @private
* @param {String} section The standard module section whose child nodes are to be retrieved. Either WidgetStdMod.HEADER, WidgetStdMod.BODY or WidgetStdMod.FOOTER.
* @return {Node} The child node collection of the standard module section.
*/
_getStdModContent : function(section) {
return (this[section + NODE_SUFFIX]) ? this[section + NODE_SUFFIX].get(CHILD_NODES) : null;
},
/**
* Updates the body section of the standard module with the content provided (either an HTML string, or node reference).
*
* This method can be used instead of the corresponding section content attribute if you'd like to retain the current content of the section,
* and insert content before or after it, by specifying the where argument.
*
NOTE: This method is not designed to work if an explicit * height has not been set on the Widget, since for an "auto" height Widget, * the heights of the header/body/footer will drive the height of the Widget.
* * @method fillHeight * @param {Node} node The node which should be resized to fill out the height * of the Widget bounding box. Should be a standard module section node which belongs * to the widget. */ fillHeight : function(node) { if (node) { var contentBox = this.get(CONTENT_BOX), stdModNodes = [this.headerNode, this.bodyNode, this.footerNode], stdModNode, cbContentHeight, filled = 0, remaining = 0, validNode = false; for (var i = 0, l = stdModNodes.length; i < l; i++) { stdModNode = stdModNodes[i]; if (stdModNode) { if (stdModNode !== node) { filled += this._getPreciseHeight(stdModNode); } else { validNode = true; } } } if (validNode) { if (UA.ie || UA.opera) { // Need to set height to 0, to allow height to be reduced node.set(OFFSET_HEIGHT, 0); } cbContentHeight = contentBox.get(OFFSET_HEIGHT) - parseInt(contentBox.getComputedStyle("paddingTop"), 10) - parseInt(contentBox.getComputedStyle("paddingBottom"), 10) - parseInt(contentBox.getComputedStyle("borderBottomWidth"), 10) - parseInt(contentBox.getComputedStyle("borderTopWidth"), 10); if (L.isNumber(cbContentHeight)) { remaining = cbContentHeight - filled; if (remaining >= 0) { node.set(OFFSET_HEIGHT, remaining); } } } } } }; Y.WidgetStdMod = StdMod; }, 'patched-v3.18.1', {"requires": ["base-build", "widget"]}); YUI.add('aui-aria', function (A, NAME) { /** * The Aria Component. * * @module aui-aria */ var Lang = A.Lang, isBoolean = Lang.isBoolean, isFunction = Lang.isFunction, isObject = Lang.isObject, isString = Lang.isString, STR_REGEX = /([^a-z])/ig, _toAriaRole = A.cached(function(str) { return str.replace(STR_REGEX, function() { return ''; }).toLowerCase(); }); /** * A base class for Aria. * * @class A.Plugin.Aria * @extends Plugin.Base * @param {Object} config Object literal specifying widget configuration * properties. * @constructor */ var Aria = A.Component.create({ /** * Static property provides a string to identify the class. * * @property NAME * @type String * @static */ NAME: 'aria', /** * Static property provides a string to identify the namespace. * * @property NS * @type String * @static */ NS: 'aria', /** * Static property used to define the default attribute configuration for * the `A.Aria`. * * @property ATTRS * @type Object * @static */ ATTRS: { /** * The ARIA attributes collection. * * @attribute attributes * @default {} * @type Object */ attributes: { value: {}, validator: isObject }, /** * The ARIA attribute value format. * * @attribute attributeValueFormat * @type Function */ attributeValueFormat: { value: function(val) { return val; }, validator: isFunction }, /** * Node container for the ARIA attribute. * * @attribute attributeNode * @writeOnce */ attributeNode: { writeOnce: true, setter: A.one, valueFn: function() { return this.get('host').get('boundingBox'); } }, /** * The ARIA role name. * * @attribute roleName * @type String */ roleName: { valueFn: function() { var instance = this; var host = instance.get('host'); var roleName = _toAriaRole(host.constructor.NAME || ''); return (instance.isValidRole(roleName) ? roleName : ''); }, validator: isString }, /** * Node container for the ARIA role. * * @attribute roleNode * @writeOnce */ roleNode: { writeOnce: true, setter: A.one, valueFn: function() { return this.get('host').get('boundingBox'); } }, /** * Checks if the attribute is valid with W3C rules. * * @attribute validateW3C * @default true * @type Boolean */ validateW3C: { value: true, validator: isBoolean } }, /** * Static property used to define which component it extends. * * @property EXTENDS * @type Object * @static */ EXTENDS: A.Plugin.Base, prototype: { /** * Construction logic executed during Aria instantiation. Lifecycle. * * @method initializer * @protected */ initializer: function() { var instance = this; instance.publish('aria:processAttribute', { defaultFn: instance._defProcessFn, queuable: false, emitFacade: true, bubbles: true, prefix: 'aria' }); instance._uiSetRoleName( instance.get('roleName') ); instance.after('roleNameChange', instance._afterRoleNameChange); instance._bindHostAttributes(); }, /** * Checks if the ARIA attribute is valid. * * @method isValidAttribute * @param attrName * @return {Boolean} */ isValidAttribute: function(attrName) { var instance = this; return (instance.get('validateW3C') ? A.Plugin.Aria.W3C_ATTRIBUTES[attrName] : true); }, /** * Checks if the ARIA role is valid. * * @method isValidRole * @param roleName * @return {Boolean} */ isValidRole: function(roleName) { var instance = this; return (instance.get('validateW3C') ? A.Plugin.Aria.W3C_ROLES[roleName] : true); }, /** * Set a single ARIA attribute. * * @method setAttribute * @param attrName * @param attrValue * @param node * @return {Boolean} */ setAttribute: function(attrName, attrValue, node) { var instance = this; if (instance.isValidAttribute(attrName)) { (node || instance.get('attributeNode')).set('aria-' + attrName, attrValue); return true; } return false; }, /** * Set a list of ARIA attributes. * * @method setAttributes * @param attributes */ setAttributes: function(attributes) { var instance = this; A.Array.each(attributes, function(attribute) { instance.setAttribute(attribute.name, attribute.value, attribute.node); }); }, /** * Set a single ARIA role. * * @method setRole * @param roleName * @param node * @return {Boolean} */ setRole: function(roleName, node) { var instance = this; if (instance.isValidRole(roleName)) { (node || instance.get('roleNode')).set('role', roleName); return true; } return false; }, /** * Set a list of ARIA roles. * * @method setRoles * @param roles */ setRoles: function(roles) { var instance = this; A.Array.each(roles, function(role) { instance.setRole(role.name, role.node); }); }, /** * Fires after a host attribute change. * * @method _afterHostAttributeChange * @param event * @protected */ _afterHostAttributeChange: function(event) { var instance = this; instance._handleProcessAttribute(event); }, /** * Triggers after `roleName` attribute change. * * @method _afterRoleNameChange * @param event * @protected */ _afterRoleNameChange: function(event) { var instance = this; instance._uiSetRoleName(event.newVal); }, /** * Bind the list of host attributes. * * @method _bindHostAttributes * @protected */ _bindHostAttributes: function() { var instance = this; var attributes = instance.get('attributes'); A.each(attributes, function(aria, attrName) { var ariaAttr = instance._getAriaAttribute(aria, attrName); instance._handleProcessAttribute({ aria: ariaAttr }); instance.afterHostEvent(attrName + 'Change', function(event) { event.aria = ariaAttr; instance._afterHostAttributeChange(event); }); }); }, /** * Calls the `_setAttribute` method. * * @method _defProcessFn * @param event * @protected */ _defProcessFn: function(event) { var instance = this; instance._setAttribute(event.aria); }, /** * Get the ARIA attribute. * * @method _getAriaAttribute * @param aria * @param attrName * @protected * @return {Object} */ _getAriaAttribute: function(aria, attrName) { var instance = this; var attributeValueFormat = instance.get('attributeValueFormat'); var prepared = {}; if (isString(aria)) { prepared = A.merge(prepared, { ariaName: aria, attrName: attrName, format: attributeValueFormat, node: null }); } else if (isObject(aria)) { prepared = A.mix(aria, { ariaName: '', attrName: attrName, format: attributeValueFormat, node: null }); } return prepared; }, /** * Fires ARIA process attribute event handle. * * @method _handleProcessAttribute * @param event * @protected */ _handleProcessAttribute: function(event) { var instance = this; instance.fire('aria:processAttribute', { aria: event.aria }); }, /** * Set the attribute in the DOM. * * @method _setAttribute * @param ariaAttr * @protected */ _setAttribute: function(ariaAttr) { var instance = this; var host = instance.get('host'); var attrValue = host.get(ariaAttr.attrName); var attrNode = ariaAttr.node; if (isFunction(attrNode)) { attrNode = attrNode.apply(instance, [ariaAttr]); } instance.setAttribute( ariaAttr.ariaName, ariaAttr.format.apply(instance, [attrValue, ariaAttr]), attrNode ); }, /** * Set the `roleName` attribute on the UI. * * @method _uiSetRoleName * @param val * @protected */ _uiSetRoleName: function(val) { var instance = this; instance.setRole(val); } } }); A.Plugin.Aria = Aria; /** * Static property used to define [W3C's Roles Model](http://www.w3.org/TR/wai- * aria/roles). * * @property W3C_ROLES * @type Object * @static */ A.Plugin.Aria.W3C_ROLES = { 'alert': 1, 'alertdialog': 1, 'application': 1, 'article': 1, 'banner': 1, 'button': 1, 'checkbox': 1, 'columnheader': 1, 'combobox': 1, 'command': 1, 'complementary': 1, 'composite': 1, 'contentinfo': 1, 'definition': 1, 'dialog': 1, 'directory': 1, 'document': 1, 'form': 1, 'grid': 1, 'gridcell': 1, 'group': 1, 'heading': 1, 'img': 1, 'input': 1, 'landmark': 1, 'link': 1, 'list': 1, 'listbox': 1, 'listitem': 1, 'log': 1, 'main': 1, 'marquee': 1, 'math': 1, 'menu': 1, 'menubar': 1, 'menuitem': 1, 'menuitemcheckbox': 1, 'menuitemradio': 1, 'navigation': 1, 'note': 1, 'option': 1, 'presentation': 1, 'progressbar': 1, 'radio': 1, 'radiogroup': 1, 'range': 1, 'region': 1, 'roletype': 1, 'row': 1, 'rowheader': 1, 'scrollbar': 1, 'search': 1, 'section': 1, 'sectionhead': 1, 'select': 1, 'separator': 1, 'slider': 1, 'spinbutton': 1, 'status': 1, 'structure': 1, 'tab': 1, 'tablist': 1, 'tabpanel': 1, 'textbox': 1, 'timer': 1, 'toolbar': 1, 'tooltip': 1, 'tree': 1, 'treegrid': 1, 'treeitem': 1, 'widget': 1, 'window': 1 }; /** * Static property used to define [W3C's Supported States and * Properties](http://www.w3.org/TR/wai-aria/states_and_properties). * * @property W3C_ATTRIBUTES * @type Object * @static */ A.Plugin.Aria.W3C_ATTRIBUTES = { 'activedescendant': 1, 'atomic': 1, 'autocomplete': 1, 'busy': 1, 'checked': 1, 'controls': 1, 'describedby': 1, 'disabled': 1, 'dropeffect': 1, 'expanded': 1, 'flowto': 1, 'grabbed': 1, 'haspopup': 1, 'hidden': 1, 'invalid': 1, 'label': 1, 'labelledby': 1, 'level': 1, 'live': 1, 'multiline': 1, 'multiselectable': 1, 'orientation': 1, 'owns': 1, 'posinset': 1, 'pressed': 1, 'readonly': 1, 'relevant': 1, 'required': 1, 'selected': 1, 'setsize': 1, 'sort': 1, 'valuemax': 1, 'valuemin': 1, 'valuenow': 1, 'valuetext': 1 }; }, '3.1.0-deprecated.76', {"requires": ["plugin", "aui-component"]}); YUI.add('aui-io-plugin-deprecated', function (A, NAME) { /** * The IOPlugin Utility - When plugged to a Node or Widget loads the content * of a URI and set as its content, parsing thescript tags if
* present on the code.
*
* @module aui-io
* @submodule aui-io-plugin
*/
var L = A.Lang,
isBoolean = L.isBoolean,
isString = L.isString,
isNode = function(v) {
return (v instanceof A.Node);
},
StdMod = A.WidgetStdMod,
TYPE_NODE = 'Node',
TYPE_WIDGET = 'Widget',
EMPTY = '',
FAILURE = 'failure',
FAILURE_MESSAGE = 'failureMessage',
HOST = 'host',
ICON = 'icon',
IO = 'io',
IO_PLUGIN = 'IOPlugin',
LOADING = 'loading',
LOADING_MASK = 'loadingMask',
NODE = 'node',
OUTER = 'outer',
PARSE_CONTENT = 'parseContent',
QUEUE = 'queue',
RENDERED = 'rendered',
SECTION = 'section',
SHOW_LOADING = 'showLoading',
SUCCESS = 'success',
TYPE = 'type',
WHERE = 'where',
getCN = A.getClassName,
CSS_ICON_LOADING = getCN(ICON, LOADING);
/**
* A base class for IOPlugin, providing:
* A.one('#content').plug(A.Plugin.IO, { uri: 'assets/content.html', method: 'GET' });instance we are pluggin the A.Plugin.IO.
* Could be a Node, or a Widget.
*
* @attribute type
* @default 'Node'
* @readOnly
* @type String
*/
type: {
readOnly: true,
valueFn: function() {
var instance = this;
// NOTE: default type
var type = TYPE_NODE;
if (instance.get(HOST) instanceof A.Widget) {
type = TYPE_WIDGET;
}
return type;
},
validator: isString
},
/**
* Where to insert the content, AFTER, BEFORE or REPLACE. If you're plugging a Node, there is a fourth option called OUTER that will not only replace the entire node itself. This is different from REPLACE, in that REPLACE will replace the *contents* of the node, OUTER will replace the entire Node itself.
*
* @attribute where
* @default StdMod.REPLACE
* @type String
*/
where: {
value: StdMod.REPLACE,
validator: function(val) {
return (!val || val == StdMod.AFTER || val == StdMod.BEFORE || val == StdMod.REPLACE || val ==
OUTER);
}
}
},
EXTENDS: A.IORequest,
prototype: {
/**
* Bind the events on the A.Plugin.IO UI. Lifecycle.
*
* @method bindUI
* @protected
*/
bindUI: function() {
var instance = this;
instance.on('activeChange', instance._onActiveChange);
instance.on(SUCCESS, instance._successHandler);
instance.on(FAILURE, instance._failureHandler);
if ((instance.get(TYPE) == TYPE_WIDGET) && instance.get(SHOW_LOADING)) {
var host = instance.get(HOST);
host.after('heightChange', instance._syncLoadingMaskUI, instance);
host.after('widthChange', instance._syncLoadingMaskUI, instance);
}
},
/**
* Invoke the start method (autoLoad attribute).
*
* @method _autoStart
* @protected
*/
_autoStart: function() {
var instance = this;
instance.bindUI();
IOPlugin.superclass._autoStart.apply(this, arguments);
},
/**
* Bind the ParseContent plugin on the instance.
*
* @method _bindParseContent
* @protected
*/
_bindParseContent: function() {
var instance = this;
var node = instance.get(NODE);
if (node && !node.ParseContent && instance.get(PARSE_CONTENT)) {
node.plug(A.Plugin.ParseContent);
}
},
/**
* Invoke the OverlayMask hide method.
*
* @method hideLoading
*/
hideLoading: function() {
var instance = this;
var node = instance.get(NODE);
if (node.loadingmask) {
node.loadingmask.hide();
}
},
/**
* Set the content of the node.
*
* @method setContent
*/
setContent: function(content) {
var instance = this;
instance._bindParseContent();
instance._getContentSetterByType().apply(instance, [content]);
if (instance.overlayMaskBoundingBox) {
instance.overlayMaskBoundingBox.remove();
}
},
/**
* Invoke the OverlayMask show method.
*
* @method showLoading
*/
showLoading: function() {
var instance = this;
var node = instance.get(NODE);
if (node.loadingmask) {
if (instance.overlayMaskBoundingBox) {
node.append(instance.overlayMaskBoundingBox);
}
}
else {
node.plug(
A.LoadingMask,
instance.get(LOADING_MASK)
);
instance.overlayMaskBoundingBox = node.loadingmask.overlayMask.get('boundingBox');
}
node.loadingmask.show();
},
/**
* Overload to the IORequest
* start method. Check if the host is already rendered,
* otherwise wait to after render phase and to show the LoadingMask.
*
* @method start
*/
start: function() {
var instance = this;
var host = instance.get(HOST);
if (!host.get(RENDERED)) {
host.after('render', function() {
instance._setLoadingUI(true);
});
}
IOPlugin.superclass.start.apply(instance, arguments);
},
/**
* Get the appropriated setContent function
* implementation for each type.
*
* @method _getContentSetterByType
* @protected
* @return {function}
*/
_getContentSetterByType: function() {
var instance = this;
var setters = {
// NOTE: default setter, see 'type' attribute definition
Node: function(content) {
var instance = this;
// when this.get(HOST) is a Node instance the NODE is the host
var node = instance.get(NODE);
if (content instanceof A.NodeList) {
content = content.toFrag();
}
if (content instanceof A.Node) {
content = content._node;
}
var where = instance.get(WHERE);
if (where == OUTER) {
node.replace(content);
}
else {
node.insert(content, where);
}
},
// Widget forces set the content on the SECTION node using setStdModContent method
Widget: function(content) {
var instance = this;
var host = instance.get(HOST);
host.setStdModContent.apply(host, [
instance.get(SECTION),
content,
instance.get(WHERE)
]);
}
};
return setters[this.get(TYPE)];
},
/**
* Whether the show is true show the LoadingMask.
*
* @method _setLoadingUI
* @param {boolean} show
* @protected
*/
_setLoadingUI: function(show) {
var instance = this;
if (instance.get(SHOW_LOADING)) {
if (show) {
instance.showLoading();
}
else {
instance.hideLoading();
}
}
},
/**
* Sync the loading mask UI.
*
* @method _syncLoadingMaskUI
* @protected
*/
_syncLoadingMaskUI: function() {
var instance = this;
instance.get(NODE).loadingmask.refreshMask();
},
/**
* Internal success callback for the IO transaction.
*
* @method _successHandler
* @param {EventFavade} event
* @param {String} id Id of the IO transaction.
* @param {Object} obj XHR transaction Object.
* @protected
*/
_successHandler: function(event, id, xhr) {
var instance = this;
instance.setContent(
this.get('responseData')
);
},
/**
* Internal failure callback for the IO transaction.
*
* @method _failureHandler
* @param {EventFavade} event
* @param {String} id Id of the IO transaction.
* @param {Object} obj XHR transaction Object.
* @protected
*/
_failureHandler: function(event, id, xhr) {
var instance = this;
instance.setContent(
instance.get(FAILURE_MESSAGE)
);
},
/**
* Fires after the value of the
* active attribute change.
*
* @method _onActiveChange
* @param {EventFacade} event
* @protected
*/
_onActiveChange: function(event) {
var instance = this;
var host = instance.get(HOST);
var widget = instance.get(TYPE) == TYPE_WIDGET;
if (!widget || (widget && host && host.get(RENDERED))) {
instance._setLoadingUI(event.newVal);
}
}
}
});
A.Node.prototype.load = function(uri, config, callback) {
var instance = this;
var index = uri.indexOf(' ');
var selector;
if (index > 0) {
selector = uri.slice(index, uri.length);
uri = uri.slice(0, index);
}
if (L.isFunction(config)) {
callback = config;
config = null;
}
config = config || {};
if (callback) {
config.after = config.after || {};
config.after.success = callback;
}
var where = config.where;
config.uri = uri;
config.where = where;
if (selector) {
config.selector = selector;
config.where = where || 'replace';
}
instance.plug(A.Plugin.IO, config);
return instance;
};
A.namespace('Plugin').IO = IOPlugin;
}, '3.1.0-deprecated.76', {
"requires": [
"aui-overlay-base-deprecated",
"aui-parse-content",
"aui-io-request",
"aui-loading-mask-deprecated"
]
});
YUI.add('aui-io-request', function (A, NAME) {
/**
* The IORequest Utility - Provides response data normalization for 'xml', 'json',
* JavaScript and cache option.
*
* @module aui-io
* @submodule aui-io-request
*/
var L = A.Lang,
isBoolean = L.isBoolean,
isFunction = L.isFunction,
isString = L.isString,
defaults = A.namespace('config.io'),
getDefault = function(attr) {
return function() {
return defaults[attr];
};
},
ACCEPTS = {
all: '*/*',
html: 'text/html',
json: 'application/json, text/javascript',
text: 'text/plain',
xml: 'application/xml, text/xml'
};
/**
* A base class for IORequest, providing:
*
* - Response data normalization for XML, JSON, JavaScript
* - Cache options
*
* Check the [live demo](http://alloyui.com/examples/io/).
*
* @class A.IORequest
* @extends Plugin.Base
* @param {Object} config Object literal specifying widget configuration
* properties.
* @uses io
* @constructor
* @include http://alloyui.com/examples/io/basic.js
*/
var IORequest = A.Component.create({
/**
* Static property provides a string to identify the class.
*
* @property NAME
* @type String
* @static
*/
NAME: 'IORequest',
/**
* Static property used to define the default attribute
* configuration for the IORequest.
*
* @property ATTRS
* @type Object
* @static
*/
ATTRS: {
/**
* If `true` invoke the [start](A.IORequest.html#method_start) method
* automatically, initializing the IO transaction.
*
* @attribute autoLoad
* @default true
* @type Boolean
*/
autoLoad: {
value: true,
validator: isBoolean
},
/**
* If `false` the current timestamp will be appended to the
* url, avoiding the url to be cached.
*
* @attribute cache
* @default true
* @type Boolean
*/
cache: {
value: true,
validator: isBoolean
},
/**
* The type of the request (i.e., could be xml, json, javascript, text).
*
* @attribute dataType
* @default null
* @type String
*/
dataType: {
setter: function(v) {
return (v || '').toLowerCase();
},
value: null,
validator: isString
},
/**
* This is a normalized attribute for the response data. It's useful to
* retrieve the correct type for the
* [dataType](A.IORequest.html#attr_dataType) (i.e., in json requests
* the `responseData`) is a JSONObject.
*
* @attribute responseData
* @default null
* @type String | JSONObject | XMLDocument
*/
responseData: {
setter: function(v) {
return this._setResponseData(v);
},
value: null
},
/**
* URI to be requested using AJAX.
*
* @attribute uri
* @default null
* @type String
*/
uri: {
setter: function(v) {
return this._parseURL(v);
},
value: null,
validator: isString
},
// User readOnly variables
/**
* Whether the transaction is active or not.
*
* @attribute active
* @default false
* @type Boolean
*/
active: {
value: false,
validator: isBoolean
},
/**
* Object containing all the [IO Configuration Attributes](A.io.html).
* This Object is passed to the `A.io` internally.
*
* @attribute cfg
* @default Object containing all the [IO Configuration
* Attributes](A.io.html).
* @readOnly
* @type String
*/
cfg: {
getter: function() {
var instance = this;
// keep the current cfg object always synchronized with the
// mapped public attributes when the user call .start() it
// always retrieve the last set values for each mapped attr
return {
arguments: instance.get('arguments'),
context: instance.get('context'),
data: instance.getFormattedData(),
form: instance.get('form'),
headers: instance.get('headers'),
method: instance.get('method'),
on: {
complete: A.bind(instance.fire, instance, 'complete'),
end: A.bind(instance._end, instance),
failure: A.bind(instance.fire, instance, 'failure'),
start: A.bind(instance.fire, instance, 'start'),
success: A.bind(instance._success, instance)
},
sync: instance.get('sync'),
timeout: instance.get('timeout'),
xdr: instance.get('xdr')
};
},
readOnly: true
},
/**
* Stores the IO Object of the current transaction.
*
* @attribute transaction
* @default null
* @type Object
*/
transaction: {
value: null
},
// Configuration Object mapping
// To take advantages of the Attribute listeners of A.Base
// See: http://yuilibrary.com/yui/docs/io/
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute arguments
* @default Value mapped on YUI.AUI.defaults.io.
* @type Object
*/
arguments: {
valueFn: getDefault('arguments')
},
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute context
* @default Value mapped on YUI.AUI.defaults.io.
* @type Object
*/
context: {
valueFn: getDefault('context')
},
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute data
* @default Value mapped on YUI.AUI.defaults.io.
* @type Object
*/
data: {
valueFn: getDefault('data')
},
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute form
* @default Value mapped on YUI.AUI.defaults.io.
* @type Object
*/
form: {
valueFn: getDefault('form')
},
/**
* Set the correct ACCEPT header based on the dataType.
*
* @attribute headers
* @default Object
* @type Object
*/
headers: {
getter: function(value) {
var header = [];
var instance = this;
var dataType = instance.get('dataType');
if (dataType) {
header.push(
ACCEPTS[dataType]
);
}
// always add *.* to the accept header
header.push(
ACCEPTS.all
);
return A.merge(
value, {
Accept: header.join(', ')
}
);
},
valueFn: getDefault('headers')
},
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute method
* @default Value mapped on YUI.AUI.defaults.io.
* @type String
*/
method: {
setter: function(val) {
return val.toLowerCase();
},
valueFn: getDefault('method')
},
/**
* A selector to be used to query against the response of the
* request. Only works if the response is XML or HTML.
*
* @attribute selector
* @default null
* @type String
*/
selector: {
value: null
},
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute sync
* @default Value mapped on YUI.AUI.defaults.io.
* @type Boolean
*/
sync: {
valueFn: getDefault('sync')
},
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute timeout
* @default Value mapped on YUI.AUI.defaults.io.
* @type Number
*/
timeout: {
valueFn: getDefault('timeout')
},
/**
* See [IO
* Configuration](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
*
* @attribute xdr
* @default Value mapped on YUI.AUI.defaults.io.
* @type Object
*/
xdr: {
valueFn: getDefault('xdr')
}
},
/**
* Static property used to define which component it extends.
*
* @property EXTENDS
* @type Object
* @static
*/
EXTENDS: A.Plugin.Base,
prototype: {
/**
* Construction logic executed during IORequest instantiation.
* Lifecycle.
*
* @method initializer
* @param config
* @protected
*/
init: function() {
var instance = this;
IORequest.superclass.init.apply(this, arguments);
instance._autoStart();
},
/**
* Destructor lifecycle implementation for the `IORequest` class.
* Purges events attached to the node (and all child nodes).
*
* @method destructor
* @protected
*/
destructor: function() {
var instance = this;
instance.stop();
instance.set('transaction', null);
},
/**
* Applies the `YUI.AUI.defaults.io.dataFormatter` if
* defined and return the formatted data.
*
* @method getFormattedData
* @return {String}
*/
getFormattedData: function() {
var instance = this;
var value = instance.get('data');
var dataFormatter = defaults.dataFormatter;
if (isFunction(dataFormatter)) {
value = dataFormatter.call(instance, value);
}
return value;
},
/**
* Starts the IO transaction. Used to refresh the content also.
*
* @method start
*/
start: function() {
var instance = this;
instance.destructor();
instance.set('active', true);
var ioObj = instance._yuiIOObj;
if (!ioObj) {
ioObj = new A.IO();
instance._yuiIOObj = ioObj;
}
var transaction = ioObj.send(
instance.get('uri'),
instance.get('cfg')
);
instance.set('transaction', transaction);
},
/**
* Stops the IO transaction.
*
* @method stop
*/
stop: function() {
var instance = this;
var transaction = instance.get('transaction');
if (transaction) {
transaction.abort();
}
},
/**
* Invoke the `start` method (autoLoad attribute).
*
* @method _autoStart
* @protected
*/
_autoStart: function() {
var instance = this;
if (instance.get('autoLoad')) {
instance.start();
}
},
/**
* Parse the [uri](A.IORequest.html#attr_uri) to add a
* timestamp if [cache](A.IORequest.html#attr_cache) is
* `true`. Also applies the `YUI.AUI.defaults.io.uriFormatter`.
*
* @method _parseURL
* @param {String} url
* @protected
* @return {String}
*/
_parseURL: function(url) {
var instance = this;
var cache = instance.get('cache');
var method = instance.get('method');
// reusing logic to add a timestamp on the url from jQuery 1.3.2
if ((cache === false) && (method === 'get')) {
var ts = +new Date();
// try replacing _= if it is there
var ret = url.replace(/(\?|&)_=.*?(&|$)/, '$1_=' + ts + '$2');
// if nothing was replaced, add timestamp to the end
url = ret + ((ret === url) ? (url.match(/\?/) ? '&' : '?') + '_=' + ts : '');
}
// formatting the URL with the default uriFormatter after the cache
// timestamp was added
var uriFormatter = defaults.uriFormatter;
if (isFunction(uriFormatter)) {
url = uriFormatter.apply(instance, [url]);
}
return url;
},
/**
* Internal end callback for the IO transaction.
*
* @method _end
* @param {Number} id ID of the IO transaction.
* @param {Object} args Custom arguments, passed to the event handler.
* See [IO](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
* @protected
*/
_end: function(id, args) {
var instance = this;
instance.set('active', false);
instance.set('transaction', null);
instance.fire('end', id, args);
},
/**
* Internal success callback for the IO transaction.
*
* @method _success
* @param {Number} id ID of the IO transaction.
* @param {Object} obj IO transaction Object.
* @param {Object} args Custom arguments, passed to the event handler.
* See [IO](http://yuilibrary.com/yui/docs/io/#the-configuration-object).
* @protected
*/
_success: function(id, obj, args) {
var instance = this;
// update the responseData attribute with the new data from xhr
instance.set('responseData', obj);
instance.fire('success', id, obj, args);
},
/**
* Setter for [responseData](A.IORequest.html#attr_responseData).
*
* @method _setResponseData
* @protected
* @param {Object} xhr XHR Object.
* @return {Object}
*/
_setResponseData: function(xhr) {
var data = null;
var instance = this;
if (xhr) {
var dataType = instance.get('dataType');
var contentType = xhr.getResponseHeader('content-type') || '';
// if the dataType or the content-type is XML...
if ((dataType === 'xml') ||
(!dataType && contentType.indexOf('xml') >= 0)) {
// use responseXML
data = xhr.responseXML;
// check if the XML was parsed correctly
if (data.documentElement.tagName === 'parsererror') {
throw 'Parser error: IO dataType is not correctly parsing';
}
}
else {
// otherwise use the responseText
data = xhr.responseText;
}
// empty string is not a valid 'json', convert it to null
if (data === '') {
data = null;
}
// trying to parse to JSON if dataType is a valid json
if (dataType === 'json') {
try {
data = A.JSON.parse(data);
}
catch (e) {
// throw 'Parser error: IO dataType is not correctly parsing';
}
}
else {
var selector = instance.get('selector');
if (data && selector) {
var tempRoot;
if (data.documentElement) {
tempRoot = A.one(data);
}
else {
tempRoot = A.Node.create(data);
}
data = tempRoot.all(selector);
}
}
}
return data;
}
}
});
A.IORequest = IORequest;
/**
* Alloy IO extension
*
* @class A.io
* @static
*/
/**
* Static method to invoke the [IORequest](A.IORequest.html).
* Likewise [IO](A.io.html).
*
* @method A.io.request
* @for A.io
* @param {String} uri URI to be requested.
* @param {Object} config Configuration Object for the [IO](A.io.html).
* @return {IORequest}
*/
A.io.request = function(uri, config) {
return new A.IORequest(
A.merge(config, {
uri: uri
})
);
};
}, '3.1.0-deprecated.76', {"requires": ["io-base", "json", "plugin", "querystring-stringify", "aui-component"]});
YUI.add('aui-loading-mask-deprecated', function (A, NAME) {
/**
* The LoadingMask Utility
*
* @module aui-loading-mask
*/
var Lang = A.Lang,
BOUNDING_BOX = 'boundingBox',
CONTENT_BOX = 'contentBox',
HIDE = 'hide',
HOST = 'host',
MESSAGE_EL = 'messageEl',
NAME = 'loadingmask',
POSITION = 'position',
SHOW = 'show',
STATIC = 'static',
STRINGS = 'strings',
TARGET = 'target',
TOGGLE = 'toggle',
getClassName = A.getClassName,
CSS_LOADINGMASK = getClassName(NAME),
CSS_MASKED = getClassName(NAME, 'masked'),
CSS_MASKED_RELATIVE = getClassName(NAME, 'masked', 'relative'),
CSS_MESSAGE_LOADING = getClassName(NAME, 'message'),
CSS_MESSAGE_LOADING_CONTENT = getClassName(NAME, 'message', 'content'),
TPL_MESSAGE_LOADING = '
node.plug(A.LoadingMask, { background: '#000' });refreshMask method.
*
* @method refreshMask
*/
refreshMask: function() {
var instance = this;
instance.overlayMask.refreshMask();
instance.centerMessage();
},
/**
* Fires after the value of the
* visible attribute change.
*
* @method _afterVisibleChange
* @param {EventFacade} event
* @protected
*/
_afterVisibleChange: function(event) {
var instance = this;
var target = instance.get(TARGET);
var isStaticPositioned = (target.getStyle(POSITION) == STATIC);
target.toggleClass(CSS_MASKED, (event.newVal));
target.toggleClass(CSS_MASKED_RELATIVE, (event.newVal && isStaticPositioned));
if (event.newVal) {
instance.refreshMask();
}
},
/**
* Render
* overlayMask
* instance.
*
* @method _renderOverlayMask
* @protected
*/
_renderOverlayMask: function() {
var instance = this;
var target = instance.get(TARGET);
/**
* Stores the OverlayMask used
* internally.
*
* @property overlayMask
* @type OverlayMask
* @protected
*/
instance.overlayMask = new A.OverlayMask({
target: target,
cssClass: CSS_LOADINGMASK
}).render(target);
},
/**
* Create dynamic attributes listeners to invoke the setter on
* overlayMask after
* the attribute is set on the LoadingMask instance.
*
* @method _createDynamicAttrs
* @param {Object} config Object literal specifying widget configuration properties.
* @protected
*/
_createDynamicAttrs: function(config) {
var instance = this;
A.each(config, function(value, key) {
var ignoredAttr = instance.IGNORED_ATTRS[key];
if (!ignoredAttr) {
instance.addAttr(key, {
setter: function(val) {
this.overlayMask.set(key, val);
return val;
},
value: value
});
}
});
}
}
});
A.each([HIDE, SHOW, TOGGLE], function(method) {
/**
* Invoke the
* overlayMask
* hide method.
*
* @method hide
*/
/**
* Invoke the
* overlayMask
* show method.
*
* @method show
*/
/**
* Invoke the
* overlayMask
* toggle method.
*
* @method toggle
*/
LoadingMask.prototype[method] = function() {
this.overlayMask[method]();
};
});
A.LoadingMask = LoadingMask;
}, '3.1.0-deprecated.76', {"requires": ["plugin", "aui-overlay-mask-deprecated"], "skinnable": true});
YUI.add('aui-overlay-base-deprecated', function (A, NAME) {
/**
* Provides a basic Overlay widget, with Standard Module content support. The Overlay widget
* provides Page XY positioning support, alignment and centering support along with basic
* stackable support (z-index and shimming).
*
* @module aui-overlay
* @submodule aui-overlay-base
*/
/**
* A basic Overlay Widget, which can be positioned based on Page XY co-ordinates and is stackable (z-index support).
* It also provides alignment and centering support and uses a standard module format for it's content, with header,
* body and footer section support.
*
* @class OverlayBase
* @constructor
* @extends Component
* @uses WidgetStdMod
* @uses WidgetPosition
* @uses WidgetStack
* @uses WidgetPositionAlign
* @uses WidgetPositionConstrain
* @param {Object} object The user configuration for the instance.
*/
A.OverlayBase = A.Component.create({
NAME: 'overlay',
ATTRS: {
hideClass: {
value: false
}
},
AUGMENTS: [A.WidgetPosition, A.WidgetStack, A.WidgetPositionAlign, A.WidgetPositionConstrain, A.WidgetStdMod]
});
}, '3.1.0-deprecated.76', {
"requires": [
"widget-position",
"widget-stack",
"widget-position-align",
"widget-position-constrain",
"widget-stdmod",
"aui-component"
]
});
YUI.add('aui-overlay-context-deprecated', function (A, NAME) {
/**
* The OverlayContext Utility
*
* @module aui-overlay
* @submodule aui-overlay-context
*/
var L = A.Lang,
isString = L.isString,
isNumber = L.isNumber,
isObject = L.isObject,
isBoolean = L.isBoolean,
isNodeList = function(v) {
return (v instanceof A.NodeList);
},
ALIGN = 'align',
BL = 'bl',
BOUNDING_BOX = 'boundingBox',
CANCELLABLE_HIDE = 'cancellableHide',
OVERLAY_CONTEXT = 'overlaycontext',
CURRENT_NODE = 'currentNode',
FOCUSED = 'focused',
HIDE = 'hide',
HIDE_DELAY = 'hideDelay',
HIDE_ON = 'hideOn',
HIDE_ON_DOCUMENT_CLICK = 'hideOnDocumentClick',
MOUSEDOWN = 'mousedown',
SHOW = 'show',
SHOW_DELAY = 'showDelay',
SHOW_ON = 'showOn',
TL = 'tl',
TRIGGER = 'trigger',
USE_ARIA = 'useARIA',
VISIBLE = 'visible';
/**
* 
var instance = new A.OverlayContext({
* boundingBox: '#OverlayBoundingBox',
* hideOn: 'mouseleave',
* showOn: 'mouseenter',
* trigger: '.menu-trigger'
* }).render();
* 
var groupOverlayManager = new A.OverlayManager();
* groupOverlayManager.register([overlay1, overlay2, overlay3]);
* groupOverlayManager.hideAll();
* var instance = new A.OverlayMask().render();OverlayMask.superclass._uiSetVisible. Used to
* reset the opacity to work around IE bugs when set opacity
* of hidden elements.
*
* @method _uiSetVisible
* @param {boolean} val
* @protected
*/
_uiSetVisible: function(val) {
var instance = this;
OverlayMask.superclass._uiSetVisible.apply(this, arguments);
if (val) {
instance._setOpacity(
instance.get(OPACITY)
);
}
},
/**
* Fires after the value of the
* target attribute change.
*
* @method _afterTargetChange
* @param {EventFacade} event
* @protected
*/
_afterTargetChange: function(event) {
var instance = this;
instance.refreshMask();
},
/**
* Fires after the value of the
* visible attribute change.
*
* @method _afterVisibleChange
* @param {EventFacade} event
* @protected
*/
_afterVisibleChange: function(event) {
var instance = this;
instance._uiSetVisible(event.newVal);
},
/**
* UI Setter for the
* XY attribute.
*
* @method _uiSetXY
* @param {EventFacade} event
* @protected
*/
_uiSetXY: function() {
var instance = this;
if (!instance._fullPage || IE6) {
OverlayMask.superclass._uiSetXY.apply(instance, arguments);
}
}
}
});
A.OverlayMask = OverlayMask;
}, '3.1.0-deprecated.76', {"requires": ["event-resize", "aui-base-deprecated", "aui-overlay-base-deprecated"], "skinnable": true});
YUI.add('aui-parse-content', function (A, NAME) {
/**
* The ParseContent Utility - Parse the content of a Node so that all of the
* javascript contained in that Node will be executed according to the order
* that it appears.
*
* @module aui-parse-content
*/
/*
* NOTE: The inspiration of ParseContent cames from the "Caridy Patino" Node
* Dispatcher Plugin http://github.com/caridy/yui3-gallery/blob/master/src
* /gallery-dispatcher/
*/
var L = A.Lang,
isString = L.isString,
DOC = A.config.doc,
PADDING_NODE = '