An accordion can be constructed from existing markup or from strings
* containing HTML. Existing markup can be provided either by setting
- * contentBox or by specifying CSS selectors. See the
- * titles and sections attributes.
When constructing from existing markup via contentBox,
- * use an unordered list (<ul>). Each item must contain two
- * <div>'s. The first one is used as the section title, and the
- * second one is used as the section content.
When constructing from existing markup via `contentBox`, use an + * unordered list (<ul>). Each item must contain two <div>'s. + * The first one is used as the section title, and the second one is used + * as the section content.
* *Animation is optional. If the anim module is not available, * animation is automatically turned off.
@@ -43,7 +44,6 @@ var use_nonzero_empty_div = (0 < Y.UA.ie && Y.UA.ie < 8), * @constructor * @param config {Object} Widget configuration */ - function Accordion(config) { config = config || {}; @@ -76,7 +76,7 @@ Accordion.ATTRS = /** * Whether or not the accordion is horizontal. * - * @config horizontal + * @attribute horizontal * @type {boolean} * @default false * @writeonce @@ -92,7 +92,7 @@ Accordion.ATTRS = * of strings containing markup. This is used to define the initial * set of section titles. * - * @config titles + * @attribute titles * @type {String|Array} * @writeonce */ @@ -106,7 +106,7 @@ Accordion.ATTRS = * supplied title is a node. (If the supplied title is markup, it is * always inserted inside the default title container.) * - * @config replaceTitleContainer + * @attribute replaceTitleContainer * @type {boolean} * @default true */ @@ -121,7 +121,7 @@ Accordion.ATTRS = * of strings containing markup. This is used to define the initial * set of section contents. * - * @config sections + * @attribute sections * @type {String|Array} * @writeonce */ @@ -135,7 +135,7 @@ Accordion.ATTRS = * the supplied title is a node. (If the supplied content is markup, * it is always inserted inside the default section container.) * - * @config replaceSectionContainer + * @attribute replaceSectionContainer * @type {boolean} * @default true */ @@ -149,7 +149,7 @@ Accordion.ATTRS = * Whether or not to allow all sections to be closed at the same time. * If not, at least one section will always be open. * - * @config allowAllClosed + * @attribute allowAllClosed * @type {boolean} * @default false */ @@ -169,7 +169,7 @@ Accordion.ATTRS = * Whether or not to allow multiple sections to be open at the same * time. If not, at most one section at a time will be open. * - * @config allowMultipleOpen + * @attribute allowMultipleOpen * @type {boolean} * @default false */ @@ -182,7 +182,7 @@ Accordion.ATTRS = /** * Whether or not to animate the initial rendering of the widget. * - * @config animateRender + * @attribute animateRender * @type {boolean} * @default false */ @@ -197,7 +197,7 @@ Accordion.ATTRS = /** * Whether or not to animate insertion and removal of sections. * - * @config animateInsertRemove + * @attribute animateInsertRemove * @type {boolean} * @default true */ @@ -211,7 +211,7 @@ Accordion.ATTRS = /** * Whether or not to animate opening and closing of sections. * - * @config animateOpenClose + * @attribute animateOpenClose * @type {boolean} * @default true */ @@ -225,7 +225,7 @@ Accordion.ATTRS = /** * Duration of all animations. * - * @config animateDuration + * @attribute animateDuration * @type {int} * @default whatever Y.Anim default is */ @@ -241,7 +241,7 @@ Accordion.ATTRS = /** * Easing applied to all animations. * - * @config animateEasing + * @attribute animateEasing * @type {function} * @default whatever Y.Anim default is */ @@ -259,12 +259,12 @@ Accordion.HTML_PARSER = { titles: function(content_box) { - return content_box.all('li > div:nth-child(1)'); + return content_box.all('> li > div:nth-child(1)'); }, sections: function(content_box) { - return content_box.all('li > div:nth-child(2)'); + return content_box.all('> li > div:nth-child(2)'); } }; @@ -418,10 +418,11 @@ Y.extend(Accordion, Y.Widget, { } - this.get('contentBox').all('> li').remove(); + this.get('contentBox').all('> li').remove(true); }, /** + * @method getSectionCount * @return {int} total number of sections */ getSectionCount: function() @@ -430,6 +431,7 @@ Y.extend(Accordion, Y.Widget, }, /** + * @method getTitle * @param index {int} the section index * @return {Node} the container for the section title */ @@ -442,6 +444,7 @@ Y.extend(Accordion, Y.Widget, /** * Sets the contents of the specified section title. * + * @method setTitle * @param index {int} the section index * @param title {String|Node} the title content */ @@ -497,6 +500,7 @@ Y.extend(Accordion, Y.Widget, }, /** + * @method getSection * @param index {int} the section index * @return {Node} the container for the section content */ @@ -509,6 +513,7 @@ Y.extend(Accordion, Y.Widget, /** * Sets the contents of the specified section. * + * @method setSection * @param index {int} the section index * @param content {String|Node} the section content */ @@ -562,6 +567,7 @@ Y.extend(Accordion, Y.Widget, }, /** + * @method _getClip * @protected * @param index {int} the section index * @return {Node} the clipping container for the section content @@ -575,6 +581,7 @@ Y.extend(Accordion, Y.Widget, /** * Prepends the section to the accordion. * + * @method prependSection * @param title {String|Node} the section title content * @param content {String|Node} the section content */ @@ -588,6 +595,7 @@ Y.extend(Accordion, Y.Widget, /** * Appends the section to the accordion. * + * @method appendSection * @param title {String|Node} the section title content * @param content {String|Node} the section content */ @@ -601,6 +609,7 @@ Y.extend(Accordion, Y.Widget, /** * Inserts the section into the accordion at the specified location. * + * @method insertSection * @param index {int} the insertion index * @param title {String|Node} the section title content * @param content {String|Node} the section content @@ -726,6 +735,7 @@ Y.extend(Accordion, Y.Widget, /** * Removes the specified section. * + * @method removeSection * @param index {int} the section index */ removeSection: function( @@ -799,6 +809,7 @@ Y.extend(Accordion, Y.Widget, }, /** + * @method findSection * @param {String|Node} any element inside the section or title * @return {int} the index of the containing section, or -1 if not found */ @@ -823,6 +834,7 @@ Y.extend(Accordion, Y.Widget, }, /** + * @method isSectionOpen * @return {boolean}true if the section is open
*/
isSectionOpen: function(
@@ -834,6 +846,7 @@ Y.extend(Accordion, Y.Widget,
/**
* Open the specified section.
*
+ * @method openSection
* @param index {int} the section index
*/
openSection: function(
@@ -848,6 +861,7 @@ Y.extend(Accordion, Y.Widget,
/**
* Close the specified section.
*
+ * @method closeSection
* @param index {int} the section index
*/
closeSection: function(
@@ -860,6 +874,7 @@ Y.extend(Accordion, Y.Widget,
},
/**
+ * @method allSectionsOpen
* @return {boolean} true if all sections are open
*/
allSectionsOpen: function()
@@ -877,6 +892,7 @@ Y.extend(Accordion, Y.Widget,
},
/**
+ * @method allSectionsClosed
* @return {boolean} true if all sections are closed
*/
allSectionsClosed: function()
@@ -896,6 +912,7 @@ Y.extend(Accordion, Y.Widget,
/**
* Show/hide the section content.
*
+ * @method toggleSection
* @param index {int} the section index
*/
toggleSection: function(
@@ -1010,6 +1027,8 @@ Y.extend(Accordion, Y.Widget,
/**
* Open all sections, if possible.
+ *
+ * @method openAllSections
*/
openAllSections: function()
{
@@ -1028,6 +1047,8 @@ Y.extend(Accordion, Y.Widget,
/**
* Close all sections, if possible.
+ *
+ * @method closeAllSections
*/
closeAllSections: function()
{
@@ -1117,8 +1138,9 @@ Y.Accordion = Accordion;
* If/when the widget is given a fixed size, all animations are turned * off.
* - * @namespace Plugin * @class FixedSizeAccordion + * @namespace Plugin + * @constructor */ function FixedSizeAccordionPlugin() { @@ -1244,4 +1266,4 @@ Y.namespace("Plugin"); Y.Plugin.FixedSizeAccordion = FixedSizeAccordionPlugin; -}, 'gallery-2011.07.06-19-30' ,{skinnable:true, optional:['anim-base'], requires:['widget','selector-css3','plugin','gallery-dimensions']}); +}, 'gallery-2012.05.23-19-56' ,{skinnable:true, optional:['anim-base'], requires:['widget','selector-css3','plugin','gallery-dimensions']}); diff --git a/build/gallery-accordion/assets/skins/sam/gallery-accordion.css b/build/gallery-accordion/assets/skins/sam/gallery-accordion.css index adbae55494..7ccdca2151 100644 --- a/build/gallery-accordion/assets/skins/sam/gallery-accordion.css +++ b/build/gallery-accordion/assets/skins/sam/gallery-accordion.css @@ -1 +1 @@ -.yui3-accordion{width:100%;height:100%;overflow:hidden;position:relative}.yui3-accordion-item{position:relative;cursor:pointer;width:100%}.yui3-accordion-item .yui3-widget-hd{overflow:hidden}.yui3-accordion-item .yui3-widget-bd{cursor:default;overflow:hidden;position:relative}.yui3-accordion-item-icons{position:relative;float:right;overflow:hidden;padding:1px;height:25px}.yui3-accordion-item-icon,.yui3-accordion-item-iconexpanded,.yui3-accordion-item-iconalwaysvisible,.yui3-accordion-item-iconclose{width:22px;height:22px}.yui3-accordion-item-icon,.yui3-accordion-item-label{float:left}.yui3-accordion-item-label{position:relative;top:4px;_height:22px}.yui3-accordion-item-iconexpanded,.yui3-accordion-item-iconalwaysvisible,.yui3-accordion-item-iconclose{float:left}.yui3-accordion-item-iconclose-hidden{display:none}.yui3-skin-sam .yui3-accordion{border:1px solid #93b2cc}.yui3-skin-sam .yui3-accordion-item .yui3-widget-hd{background-image:url(accordion_sprite.png);background-position:0 0;border:1px solid #93b2cc;height:25px}.yui3-skin-sam .yui3-accordion-item-icon,.yui3-skin-sam .yui3-accordion-item-iconexpanded,.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible,.yui3-skin-sam .yui3-accordion-item-iconclose{background-repeat:no-repeat}.yui3-skin-sam .yui3-accordion-item-icon{background-image:url(accordion_sprite.png);background-position:center -25px;_background-position:center -27px}.yui3-skin-sam .yui3-accordion-item-label{color:#444}.yui3-skin-sam .yui3-accordion-item-label{text-decoration:none;background:transparent;overflow:hidden;color:#444;font-weight:bold}.yui3-skin-sam .yui3-accordion-item-label:hover{text-decoration:underline}.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible,.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible-off{background-image:url(accordion_sprite.png);background-position:0 -85px;_background-position:0 -87px}.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible-on{background-image:url(accordion_sprite.png);background-position:0 -55px;_background-position:0 -57px}.yui3-skin-sam .yui3-accordion-item-iconexpanded,.yui3-skin-sam .yui3-accordion-item-iconexpanded-off{background-image:url(accordion_sprite.png);background-position:0 -175px;_background-position:0 -177px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-off:hover{background-image:url(accordion_sprite.png);background-position:0 -205px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-on{background-image:url(accordion_sprite.png);background-position:0 -115px;_background-position:0 -117px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-on:hover{background-image:url(accordion_sprite.png);background-position:0 -145px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-expanding{background-image:url(wait_expand.gif);background-position:0 center}.yui3-skin-sam .yui3-accordion-item-iconexpanded-collapsing{background-image:url(wait_collapse.gif);background-position:0 center}.yui3-skin-sam .yui3-accordion-item-iconclose{background-image:url(accordion_sprite.png);background-position:0 -235px;_background-position:0 -237px}.yui3-skin-sam .yui3-accordion-proxyel-visible{border-color:blue;color:white;font-weight:bold;background-color:red;opacity:.7;filter:alpha(opacity = 70)} +.yui3-accordion{width:100%;height:100%;overflow:hidden;position:relative}.yui3-accordion-item{position:relative;cursor:pointer;width:100%}.yui3-accordion-item .yui3-widget-hd{overflow:hidden}.yui3-accordion-item .yui3-widget-bd{cursor:default;overflow:hidden;position:relative}.yui3-accordion-item-icons{position:relative;float:right;overflow:hidden;padding:1px;height:25px}.yui3-accordion-item-icon,.yui3-accordion-item-iconexpanded,.yui3-accordion-item-iconalwaysvisible,.yui3-accordion-item-iconclose{width:22px;height:22px}.yui3-accordion-item-icon,.yui3-accordion-item-label{float:left}.yui3-accordion-item-label{position:relative;top:4px;_height:22px}.yui3-accordion-item-iconexpanded,.yui3-accordion-item-iconalwaysvisible,.yui3-accordion-item-iconclose{float:left}.yui3-accordion-item-iconclose-hidden{display:none}.yui3-skin-sam .yui3-accordion{border:1px solid #93b2cc}.yui3-skin-sam .yui3-accordion-item .yui3-widget-hd{background-image:url(accordion_sprite.png);background-position:0 0;border:1px solid #93b2cc;height:25px}.yui3-skin-sam .yui3-accordion-item-icon,.yui3-skin-sam .yui3-accordion-item-iconexpanded,.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible,.yui3-skin-sam .yui3-accordion-item-iconclose{background-repeat:no-repeat}.yui3-skin-sam .yui3-accordion-item-icon{background-image:url(accordion_sprite.png);background-position:center -25px;_background-position:center -27px}.yui3-skin-sam .yui3-accordion-item-label{color:#444}.yui3-skin-sam .yui3-accordion-item-label{text-decoration:none;background:transparent;overflow:hidden;color:#444;font-weight:bold}.yui3-skin-sam .yui3-accordion-item-label:hover{text-decoration:underline}.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible,.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible-off{background-image:url(accordion_sprite.png);background-position:0 -85px;_background-position:0 -87px}.yui3-skin-sam .yui3-accordion-item-iconalwaysvisible-on{background-image:url(accordion_sprite.png);background-position:0 -55px;_background-position:0 -57px}.yui3-skin-sam .yui3-accordion-item-iconexpanded,.yui3-skin-sam .yui3-accordion-item-iconexpanded-off{background-image:url(accordion_sprite.png);background-position:0 -175px;_background-position:0 -177px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-off:hover{background-image:url(accordion_sprite.png);background-position:0 -205px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-on{background-image:url(accordion_sprite.png);background-position:0 -115px;_background-position:0 -117px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-on:hover{background-image:url(accordion_sprite.png);background-position:0 -145px}.yui3-skin-sam .yui3-accordion-item-iconexpanded-expanding{background-image:url(wait_expand.gif);background-position:0 center}.yui3-skin-sam .yui3-accordion-item-iconexpanded-collapsing{background-image:url(wait_collapse.gif);background-position:0 center}.yui3-skin-sam .yui3-accordion-item-iconclose{background-image:url(accordion_sprite.png);background-position:0 -235px;_background-position:0 -237px}.yui3-skin-sam .yui3-accordion-proxyel-visible{border-color:blue;color:white;font-weight:bold;background-color:red;opacity:.7;filter:alpha(opacity = 70)}#yui3-css-stamp.skin-sam-gallery-accordion{display:none} diff --git a/build/gallery-accordion/gallery-accordion-coverage.js b/build/gallery-accordion/gallery-accordion-coverage.js new file mode 100644 index 0000000000..082487cf89 --- /dev/null +++ b/build/gallery-accordion/gallery-accordion-coverage.js @@ -0,0 +1,3820 @@ +if (typeof _yuitest_coverage == "undefined"){ + _yuitest_coverage = {}; + _yuitest_coverline = function(src, line){ + var coverage = _yuitest_coverage[src]; + if (!coverage.lines[line]){ + coverage.calledLines++; + } + coverage.lines[line]++; + }; + _yuitest_coverfunc = function(src, name, line){ + var coverage = _yuitest_coverage[src], + funcId = name + ":" + line; + if (!coverage.functions[funcId]){ + coverage.calledFunctions++; + } + coverage.functions[funcId]++; + }; +} +_yuitest_coverage["/build/gallery-accordion/gallery-accordion.js"] = { + lines: {}, + functions: {}, + coveredLines: 0, + calledLines: 0, + coveredFunctions: 0, + calledFunctions: 0, + path: "/build/gallery-accordion/gallery-accordion.js", + code: [] +}; +_yuitest_coverage["/build/gallery-accordion/gallery-accordion.js"].code=["YUI.add('gallery-accordion', function(Y) {","","/**"," * Provides Accordion widget"," *"," * @module gallery-accordion"," */","","(function(){","","// Local constants","var Lang = Y.Lang,"," Node = Y.Node,"," Anim = Y.Anim,"," Easing = Y.Easing,"," AccName = \"accordion\","," WidgetStdMod = Y.WidgetStdMod,"," QuirksMode = document.compatMode == \"BackCompat\","," IEQuirksMode = QuirksMode && Y.UA.ie > 0,"," COLLAPSE_HEIGHT = IEQuirksMode ? 1 : 0,"," getCN = Y.ClassNameManager.getClassName,"," "," C_ITEM = \"yui3-accordion-item\","," C_PROXY_VISIBLE = getCN( AccName, \"proxyel\", \"visible\" ),"," DRAGGROUP = getCN( AccName, \"graggroup\" ),",""," BEFOREITEMADD = \"beforeItemAdd\","," ITEMADDED = \"itemAdded\","," ITEMCHOSEN = 'itemChosen',"," BEFOREITEMREMOVE = \"beforeItemRemove\","," ITEMREMOVED = \"itemRemoved\","," BEFOREITEMERESIZED = \"beforeItemResized\","," ITEMERESIZED = \"itemResized\",",""," BEFOREITEMEXPAND = \"beforeItemExpand\","," BEFOREITEMCOLLAPSE = \"beforeItemCollapse\","," ITEMEXPANDED = \"itemExpanded\","," ITEMCOLLAPSED = \"itemCollapsed\",",""," BEFOREITEMREORDER = \"beforeItemReorder\","," BEFOREENDITEMREORDER = \"beforeEndItemReorder\","," ITEMREORDERED = \"itemReordered\","," "," DEFAULT = \"default\","," ANIMATION = \"animation\","," ALWAYSVISIBLE = \"alwaysVisible\","," EXPANDED = \"expanded\","," COLLAPSEOTHERSONEXPAND = \"collapseOthersOnExpand\","," ITEMS = \"items\","," CONTENT_HEIGHT = \"contentHeight\","," ICON_CLOSE = \"iconClose\","," ICON_ALWAYSVISIBLE = \"iconAlwaysVisible\","," STRETCH = \"stretch\","," PX = \"px\","," CONTENT_BOX = \"contentBox\","," BOUNDING_BOX = \"boundingBox\","," SRCNODE = \"srcNode\","," RENDERED = \"rendered\","," BODYCONTENT = \"bodyContent\","," CHILDREN = \"children\","," PARENT_NODE = \"parentNode\","," NODE = \"node\","," DATA = \"data\";","","","/**"," * Accordion creates an widget, consists of one or more items, which can be collapsed, expanded,"," * set as always visible and reordered by using Drag&Drop. Collapsing/expanding might be animated."," *"," * @class Accordion"," * @extends Widget"," */","","Y.Accordion = Y.Base.create( AccName, Y.Widget, [], {",""," /**"," * Signals the beginning of adding an item to the Accordion."," *"," * @event beforeItemAdd"," * @param event {Event.Facade} An Event Facade object with the following attribute specific properties added:"," *- "," *
- item "," *
- An
AccordionIteminstance of the item being added "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item that has been added "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item being removed "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item that has been removed "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item being resized "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item that has been resized "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item being expanded "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item being collapsed "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item that has been expanded "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item that has been collapsed "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item being reordered "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item being reordered "," *
- "," *
- item "," *
- An
AccordionIteminstance of the item that has been reordered "," *
- "," *
- item "," *
- An
AccordionItemitem on which user has clicked or pressed key "," * - srcIconAlwaysVisible
Boolean"," * - True if user has clicked on 'set as always visible' icon "," *
- srcIconClose
Boolean"," * - True if user has clicked on 'close' icon "," *
Y.on or Y.after."," * @property _itemHandles"," * @private"," * @type Object"," */"," _itemsHandles: {},","",""," /**"," * Removes all handles, attched to given item"," *"," * @method _removeItemHandles"," * @protected"," * @param item {Y.AccordionItem} The item, which handles to remove"," */"," _removeItemHandles: function( item ){"," var itemHandles, itemHandle;",""," itemHandles = this._itemsHandles[ item ];",""," for( itemHandle in itemHandles ){"," if( itemHandles.hasOwnProperty( itemHandle ) ){"," itemHandle = itemHandles[ itemHandle ];"," itemHandle.detach();"," }"," }",""," delete this._itemsHandles[ item ];"," },",""," /**"," * Obtains the precise height of the node provided, including padding and border."," *"," * @method _getNodeOffsetHeight"," * @protected"," * @param node {Node|HTMLElement} The node to gather the height from"," * @return {Number} The calculated height or zero in case of failure"," */"," _getNodeOffsetHeight: function( node ){"," var height, preciseRegion;",""," if( node instanceof Node ){"," if( node.hasMethod( \"getBoundingClientRect\" ) ){"," preciseRegion = node.invoke( \"getBoundingClientRect\" );",""," if( preciseRegion ){"," height = preciseRegion.bottom - preciseRegion.top;",""," return height;"," }"," } else {"," height = node.get( \"offsetHeight\" );"," return Y.Lang.isValue( height ) ? height : 0;"," }"," } else if( node ){"," height = node.offsetHeight;"," return Y.Lang.isValue( height ) ? height : 0;"," }",""," return 0;"," },","",""," /**"," * Updates expand and alwaysVisible properties of given item with the values provided."," * The properties will be updated only if needed."," *"," * @method _setItemProperties"," * @protected"," * @param item {Y.AccordionItem} The item, which properties should be updated"," * @param expanding {Boolean} The new value of \"expanded\" property"," * @param alwaysVisible {Boolean} The new value of \"alwaysVisible\" property"," */"," _setItemProperties: function( item, expanding, alwaysVisible ){"," var curAlwaysVisible, curExpanded;",""," curAlwaysVisible = item.get( ALWAYSVISIBLE );"," curExpanded = item.get( EXPANDED );",""," if( expanding != curExpanded ){"," item.set( EXPANDED, expanding, {"," internalCall: true"," });"," }",""," if( alwaysVisible !== curAlwaysVisible ){"," item.set( ALWAYSVISIBLE, alwaysVisible, {"," internalCall: true"," });"," }"," },","",""," /**"," * Updates user interface of an item and marks it as expanded, alwaysVisible or both"," *"," * @method _setItemUI"," * @protected"," * @param item {Y.AccordionItem} The item, which user interface should be updated"," * @param expanding {Boolean} If true, the item will be marked as expanded."," * If false, the item will be marked as collapsed"," * @param alwaysVisible {Boolean} If true, the item will be marked as always visible."," * If false, the always visible mark will be removed"," */"," _setItemUI: function( item, expanding, alwaysVisible ){"," item.markAsExpanded( expanding );"," item.markAsAlwaysVisible( alwaysVisible );"," },","",""," /**"," * Sets listener to resize event"," *"," * @method _afterRender"," * @protected"," * @param e {Event} after render custom event"," */"," _afterRender: function( e ){"," var resizeEvent;",""," resizeEvent = this.get( \"resizeEvent\" );",""," this._setUpResizing( resizeEvent );",""," this.after( \"resizeEventChange\", Y.bind( this._afterResizeEventChange, this ) );"," },","",""," /**"," * Set up resizing with the new value provided"," *"," * @method _afterResizeEventChange"," * @protected"," * @param params {Event} after resizeEventChange custom event"," */"," _afterResizeEventChange: function( params ){"," this._setUpResizing( params.newVal );"," },","",""," /**"," * Distributes the involved items as result of user interaction on item header."," * Some items might be stored in the list for collapsing, other in the list for expanding."," * Finally, invokes _processItems function, except if item has been expanded and"," * user has clicked on always visible icon."," * If the user clicked on close icon, the item will be closed."," *"," * @method _onItemChosen"," * @protected"," * @param event {Event.Facade} An Event Facade object with the following attribute specific properties added:"," * - "," *
- item "," *
- An
AccordionItemitem on which user has clicked or pressed key "," * - srcIconAlwaysVisible {Boolean} "," *
- True if user has clicked on 'set as always visible' icon "," *
- srcIconClose {Boolean} "," *
- True if user has clicked on 'close' icon "," *
contentHeight property is set as \"stretch\"."," * If some item has animation running, it will be stopped before running another one."," *"," * @method adjustStretchItems"," * @protected"," * @return {Number} The calculated height per strech item"," */"," _adjustStretchItems: function(){"," var items = this.get( ITEMS ), heightPerStretchItem, forExpanding;",""," heightPerStretchItem = this._getHeightPerStretchItem();"," forExpanding = this._forExpanding;",""," Y.Array.each( items, function( item, index, items ){"," var body, bodyHeight, anim, heightSettings, expanded;",""," heightSettings = item.get( CONTENT_HEIGHT );"," expanded = item.get( EXPANDED );",""," if( !forExpanding[ item ] && heightSettings.method === STRETCH && expanded ){"," anim = this._animations[ item ];",""," // stop waiting animation"," if( anim ){"," anim.stop();"," }",""," body = item.getStdModNode( WidgetStdMod.BODY );"," bodyHeight = this._getNodeOffsetHeight( body );",""," if( heightPerStretchItem < bodyHeight ){"," this._processCollapsing( item, heightPerStretchItem );"," } else if( heightPerStretchItem > bodyHeight ){"," this._processExpanding( item, heightPerStretchItem );"," }"," }"," }, this );",""," return heightPerStretchItem;"," },",""," /**"," * Calculates the height per strech item."," *"," * @method _getHeightPerStretchItem"," * @protected"," * @return {Number} The calculated height per strech item"," */"," _getHeightPerStretchItem: function(){"," var height, items, stretchCounter = 0;",""," items = this.get( ITEMS );"," height = this.get( BOUNDING_BOX ).get( \"clientHeight\" );",""," Y.Array.each( items, function( item, index, items ){"," var collapsed, itemContentHeight, header, heightSettings, headerHeight;",""," header = item.getStdModNode( WidgetStdMod.HEADER );"," heightSettings = item.get( CONTENT_HEIGHT );",""," headerHeight = this._getNodeOffsetHeight( header );",""," height -= headerHeight;"," collapsed = !item.get( EXPANDED );",""," if( collapsed ){"," height -= COLLAPSE_HEIGHT;"," return;"," }",""," if( heightSettings.method === STRETCH ){"," stretchCounter++;"," } else {"," itemContentHeight = this._getItemContentHeight( item );"," height -= itemContentHeight;"," }"," }, this );",""," if( stretchCounter > 0 ){"," height /= stretchCounter;"," }",""," if( height < 0 ){"," height = 0;"," }",""," return height;"," },","",""," /**"," * Calculates the height of given item depending on its \"contentHeight\" property."," *"," * @method _getItemContentHeight"," * @protected"," * @param item {Y.AccordionItem} The item, which height should be calculated"," * @return {Number} The calculated item's height"," */"," _getItemContentHeight: function( item ){"," var heightSettings, height = 0, body, bodyContent;",""," heightSettings = item.get( CONTENT_HEIGHT );",""," if( heightSettings.method === \"auto\" ){"," body = item.getStdModNode( WidgetStdMod.BODY );"," bodyContent = body.get( CHILDREN ).item(0);"," height = bodyContent ? this._getNodeOffsetHeight( bodyContent ) : 0;"," } else if( heightSettings.method === \"fixed\" ) {"," height = heightSettings.height;"," } else {"," height = this._getHeightPerStretchItem();"," }",""," return height;"," },","",""," /**"," * Stores all items, which are expanded and not set as always visible in list"," * in order to be collapsed later."," *"," * @method _storeItemsForCollapsing"," * @protected"," * @param itemsToBeExcluded {Object} (optional) Contains one or more Y.AccordionItem instances,"," * which should be not included in the list"," */"," _storeItemsForCollapsing: function( itemsToBeExcluded ){"," var items;",""," itemsToBeExcluded = itemsToBeExcluded || {};"," items = this.get( ITEMS );",""," Y.Array.each( items, function( item, index, items ){"," var expanded, alwaysVisible;",""," expanded = item.get( EXPANDED );"," alwaysVisible = item.get( ALWAYSVISIBLE );",""," if( expanded && !alwaysVisible && !itemsToBeExcluded[ item ] ){"," this._forCollapsing[ item ] = {"," 'item': item"," };"," }"," }, this );"," },","",""," /**"," * Expands an item to given height. This includes also an update to item's user interface"," *"," * @method _expandItem"," * @protected"," * @param item {Y.AccordionItem} The item, which should be expanded."," * @param height {Number} The height to which we should expand the item"," */"," _expandItem: function( item, height ){"," var alwaysVisible = item.get( ALWAYSVISIBLE );",""," this._processExpanding( item, height );"," this._setItemUI( item, true, alwaysVisible );"," },","",""," /**"," * Expands an item to given height. Depending on the useAnimation setting,"," * the process of expanding might be animated. This setting will be ignored, if forceSkipAnimation param"," * is true."," *"," * @method _processExpanding"," * @protected"," * @param item {Y.AccordionItem} An Y.AccordionItem instance to be expanded"," * @param forceSkipAnimation {Boolean} If true, the animation will be skipped,"," * without taking in consideration Accordion's useAnimation setting"," * @param height {Number} The height to which item should be expanded"," */"," _processExpanding: function( item, height, forceSkipAnimation ){"," var anim, curAnim, animSettings, notifyOthers = false,"," accAnimationSettings, body;",""," body = item.getStdModNode( WidgetStdMod.BODY );",""," this.fire( BEFOREITEMERESIZED, {"," 'item': item"," });",""," if( body.get( \"clientHeight\" ) <= COLLAPSE_HEIGHT ){"," notifyOthers = true;"," this.fire( BEFOREITEMEXPAND, {"," 'item': item"," });"," }",""," if( !forceSkipAnimation && this.get( \"useAnimation\" ) ){"," animSettings = item.get( ANIMATION ) || {};",""," anim = new Anim( {"," node: body,"," to: {"," 'height': height"," }"," });",""," anim.on( \"end\", Y.bind( this._onExpandComplete, this, item, notifyOthers ) );",""," accAnimationSettings = this.get( ANIMATION );",""," anim.set( \"duration\", animSettings.duration || accAnimationSettings.duration );"," anim.set( \"easing\" , animSettings.easing || accAnimationSettings.easing );",""," curAnim = this._animations[ item ];",""," if( curAnim ){"," curAnim.stop();"," }",""," item.markAsExpanding( true );",""," this._animations[ item ] = anim;",""," anim.run();"," } else {"," body.setStyle( \"height\", height + PX );",""," this.fire( ITEMERESIZED, {"," 'item': item"," });",""," if( notifyOthers ){"," this.fire( ITEMEXPANDED, {"," 'item': item"," });"," }"," }"," },","",""," /**"," * Executes when animated expanding completes"," *"," * @method _onExpandComplete"," * @protected"," * @param item {Y.AccordionItem} An Y.AccordionItem instance which has been expanded"," * @param notifyOthers {Boolean} If true, itemExpanded event will be fired"," */"," _onExpandComplete: function( item, notifyOthers ){"," delete this._animations[ item ];",""," item.markAsExpanding( false );",""," this.fire( ITEMERESIZED, {"," 'item': item"," });",""," if( notifyOthers ){"," this.fire( ITEMEXPANDED, {"," 'item': item"," });"," }"," },","",""," /**"," * Collapse an item and update its user interface"," *"," * @method _collapseItem"," * @protected"," * @param item {Y.AccordionItem} The item, which should be collapsed"," */"," _collapseItem: function( item ){"," this._processCollapsing( item, COLLAPSE_HEIGHT );"," this._setItemUI( item, false, false );"," },","",""," /**"," * Collapse an item to given height. Depending on the useAnimation setting,"," * the process of collapsing might be animated. This setting will be ignored, if forceSkipAnimation param"," * is true."," *"," * @method _processCollapsing"," * @protected"," * @param item {Y.AccordionItem} An Y.AccordionItem instance to be collapsed"," * @param height {Number} The height to which item should be collapsed"," * @param forceSkipAnimation {Boolean} If true, the animation will be skipped,"," * without taking in consideration Accordion's useAnimation setting"," */"," _processCollapsing: function( item, height, forceSkipAnimation ){"," var anim, curAnim, animSettings, accAnimationSettings, body,"," notifyOthers = (height === COLLAPSE_HEIGHT);",""," body = item.getStdModNode( WidgetStdMod.BODY );","",""," this.fire( BEFOREITEMERESIZED, {"," 'item': item"," });",""," if( notifyOthers ){"," this.fire( BEFOREITEMCOLLAPSE, {"," 'item': item"," });"," }",""," if( !forceSkipAnimation && this.get( \"useAnimation\" ) ){"," animSettings = item.get( ANIMATION ) || {};",""," anim = new Anim( {"," node: body,"," to: {"," 'height': height"," }"," });",""," anim.on( \"end\", Y.bind( this._onCollapseComplete, this, item, notifyOthers ) );",""," accAnimationSettings = this.get( ANIMATION );",""," anim.set( \"duration\", animSettings.duration || accAnimationSettings.duration );"," anim.set( \"easing\" , animSettings.easing || accAnimationSettings.easing );",""," curAnim = this._animations[ item ];",""," if( curAnim ){"," curAnim.stop();"," }",""," item.markAsCollapsing( true );",""," this._animations[ item ] = anim;",""," anim.run();"," } else {"," body.setStyle( \"height\", height + PX );",""," this.fire( ITEMERESIZED, {"," 'item': item"," });",""," if( notifyOthers ){"," this.fire( ITEMCOLLAPSED, {"," 'item': item"," });"," }"," }"," },","",""," /**"," * Executes when animated collapsing completes"," *"," * @method _onCollapseComplete"," * @protected"," * @param item {Y.AccordionItem} An Y.AccordionItem instance which has been collapsed"," * @param notifyOthers {Boolean} If true, itemCollapsed event will be fired"," */"," _onCollapseComplete: function( item, notifyOthers ){"," delete this._animations[ item ];",""," item.markAsCollapsing( false );",""," this.fire( ITEMERESIZED, {"," item: item"," });",""," if( notifyOthers ){"," this.fire( ITEMCOLLAPSED, {"," 'item': item"," });"," }"," },","",""," /**"," * Make an item draggable. The item can be reordered later."," *"," * @method _initItemDragDrop"," * @protected"," * @param item {Y.AccordionItem} An Y.AccordionItem instance to be set as draggable"," */"," _initItemDragDrop: function( item ){"," var itemHeader, dd, bb, itemBB, ddrop;",""," itemHeader = item.getStdModNode( WidgetStdMod.HEADER );",""," if( itemHeader.dd ){"," return;"," }",""," bb = this.get( BOUNDING_BOX );"," itemBB = item.get( BOUNDING_BOX );",""," dd = new Y.DD.Drag({"," node: itemHeader,"," groups: [ DRAGGROUP ]"," }).plug(Y.Plugin.DDProxy, {"," moveOnEnd: false"," }).plug(Y.Plugin.DDConstrained, {"," constrain2node: bb"," });",""," ddrop = new Y.DD.Drop({"," node: itemBB,"," groups: [ DRAGGROUP ]"," });",""," dd.on ( \"drag:start\", Y.bind( this._onDragStart, this, dd ) );"," dd.on ( \"drag:end\" , Y.bind( this._onDragEnd, this, dd ) );"," dd.after( \"drag:end\" , Y.bind( this._afterDragEnd, this, dd ) );"," dd.on ( \"drag:drophit\", Y.bind( this._onDropHit, this, dd ) );"," },","",""," /**"," * Sets the label of the item being dragged on the drag proxy."," * Fires beforeItemReorder event - returning false will cancel reordering"," *"," * @method _onDragStart"," * @protected"," * @param dd {Y.DD.Drag} The drag instance of the item"," * @param e {Event} the DD instance's drag:start custom event"," */"," _onDragStart: function( dd, e ){"," var dragNode, item;",""," item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );"," dragNode = dd.get( \"dragNode\" );",""," dragNode.addClass( C_PROXY_VISIBLE );"," dragNode.set( \"innerHTML\", item.get( \"label\" ) );",""," return this.fire( BEFOREITEMREORDER, { 'item': item } );"," },","",""," /**"," * Restores HTML structure of the drag proxy."," * Fires beforeEndItemReorder event - returning false will cancel reordering"," *"," * @method _onDragEnd"," * @protected"," * @param dd {Y.DD.Drag} The drag instance of the item"," * @param e {Event} the DD instance's drag:end custom event"," */"," _onDragEnd: function( dd, e ){"," var dragNode, item;",""," dragNode = dd.get( \"dragNode\" );",""," dragNode.removeClass( C_PROXY_VISIBLE );"," dragNode.set( \"innerHTML\", \"\" );",""," item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );"," return this.fire( BEFOREENDITEMREORDER, { 'item': item } );"," },","",""," /**"," * Set drophit to false in dragdrop instance's custom value (if there has been drophit) and fires itemReordered event"," *"," * @method _afterDragEnd"," * @protected"," * @param dd {Y.DD.Drag} The drag instance of the item"," * @param e {Event} the DD instance's drag:end custom event"," */"," _afterDragEnd: function( dd, e ){"," var item, data;",""," data = dd.get( DATA );",""," if( data.drophit ){"," item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );",""," dd.set( DATA, {"," drophit: false"," } );",""," return this.fire( ITEMREORDERED, { 'item': item } );"," }",""," return true;"," },","",""," /**"," * Moves the source item before or after target item."," *"," * @method _onDropHit"," * @protected"," * @param dd {Y.DD.Drag} The drag instance of the item"," * @param e {Event} the DD instance's drag:drophit custom event"," */"," _onDropHit: function( dd, e) {"," var mineIndex, targetItemIndex, targetItemBB, itemBB, cb,"," goingUp, items, targetItem, item;",""," item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );"," targetItem = this.getItem( e.drop.get( NODE ) );",""," if( targetItem === item ){"," return false;"," }",""," mineIndex = this.getItemIndex( item );"," targetItemIndex = this.getItemIndex( targetItem );"," targetItemBB = targetItem.get( BOUNDING_BOX );"," itemBB = item.get( BOUNDING_BOX );"," cb = this.get( CONTENT_BOX );"," goingUp = false;"," items = this.get( ITEMS );",""," if( targetItemIndex < mineIndex ){"," goingUp = true;"," }",""," cb.removeChild( itemBB );",""," if( goingUp ){"," cb. insertBefore( itemBB, targetItemBB );"," items.splice( mineIndex, 1 );"," items.splice( targetItemIndex, 0, item );"," } else {"," cb. insertBefore( itemBB, targetItemBB.next( C_ITEM ) );"," items.splice( targetItemIndex + 1, 0, item );"," items.splice( mineIndex, 1 );"," }",""," dd.set( DATA, {"," drophit: true"," });",""," return true;"," },","",""," /**"," * Process items as result of user interaction or properties change."," * This includes four steps:"," * 1. Update the properties of the items"," * 2. Collapse all items stored in the list for collapsing"," * 3. Adjust all stretch items"," * 4. Expand items stored in the list for expanding"," *"," * @method _processItems"," * @protected"," */"," _processItems: function(){"," var forCollapsing, forExpanding, itemCont, heightPerStretchItem,"," height, heightSettings, item;",""," forCollapsing = this._forCollapsing;"," forExpanding = this._forExpanding;",""," this._setItemsProperties();",""," for( item in forCollapsing ){"," if( forCollapsing.hasOwnProperty( item ) ){"," itemCont = forCollapsing[ item ];",""," this._collapseItem( itemCont.item );"," }"," }",""," heightPerStretchItem = this._adjustStretchItems();",""," for( item in forExpanding ){"," if( forExpanding.hasOwnProperty( item ) ){"," itemCont = forExpanding[ item ];"," item = itemCont.item;"," height = heightPerStretchItem;"," heightSettings = item.get( CONTENT_HEIGHT );",""," if( heightSettings.method !== STRETCH ){"," height = this._getItemContentHeight( item );"," }",""," this._expandItem( item, height );"," }"," }",""," this._forCollapsing = {};"," this._forExpanding = {};"," },","",""," /**"," * Update properties of items, which were stored in the lists for collapsing or expanding"," *"," * @method _setItemsProperties"," * @protected"," */"," _setItemsProperties: function (){"," var forCollapsing, forExpanding, itemData;",""," forCollapsing = this._forCollapsing;"," forExpanding = this._forExpanding;",""," for( itemData in forCollapsing ){"," if( forCollapsing.hasOwnProperty( itemData ) ){"," itemData = forCollapsing[ itemData ];"," this._setItemProperties( itemData.item, false, false );"," }"," }",""," for( itemData in forExpanding ){"," if( forExpanding.hasOwnProperty( itemData ) ){"," itemData = forExpanding[ itemData ];"," this._setItemProperties( itemData.item, true, itemData.alwaysVisible );"," }"," }"," },","",""," /**"," * Handles the change of \"expand\" property of given item"," *"," * @method _afterItemExpand"," * @protected"," * @param params {EventFacade} The event facade for the attribute change"," */"," _afterItemExpand: function( params ){"," var expanded, item, alwaysVisible, collapseOthersOnExpand;",""," if( params.internalCall ){"," return;"," }",""," expanded = params.newVal;"," item = params.currentTarget;"," alwaysVisible = item.get( ALWAYSVISIBLE );"," collapseOthersOnExpand = this.get( COLLAPSEOTHERSONEXPAND );",""," if( expanded ){"," this._forExpanding[ item ] = {"," 'item': item,"," 'alwaysVisible': alwaysVisible"," };",""," if( collapseOthersOnExpand ){"," this._storeItemsForCollapsing();"," }"," } else {"," this._forCollapsing[ item ] = {"," 'item': item"," };"," }",""," this._processItems();"," },",""," /**"," * Handles the change of \"alwaysVisible\" property of given item"," *"," * @method _afterItemAlwaysVisible"," * @protected"," * @param params {EventFacade} The event facade for the attribute change"," */"," _afterItemAlwaysVisible: function( params ){"," var item, alwaysVisible, expanded;",""," if( params.internalCall ){"," return;"," }",""," alwaysVisible = params.newVal;"," item = params.currentTarget;"," expanded = item.get( EXPANDED );",""," if( alwaysVisible ){"," if( expanded ){"," this._setItemProperties( item, true, true );"," this._setItemUI( item, true, true );"," return;"," } else {"," this._forExpanding[ item ] = {"," 'item': item,"," 'alwaysVisible': true"," };",""," this._storeItemsForCollapsing();"," }"," } else {"," if( expanded ){"," this._setItemUI( item, true, false );"," return;"," } else {"," return;"," }"," }",""," this._processItems();"," },","",""," /**"," * Handles the change of \"contentHeight\" property of given item"," *"," * @method _afterContentHeight"," * @protected"," * @param params {EventFacade} The event facade for the attribute change"," */"," _afterContentHeight: function( params ){"," var item, itemContentHeight, body, bodyHeight, expanded;",""," item = params.currentTarget;",""," this._adjustStretchItems();",""," if( params.newVal.method !== STRETCH ){"," expanded = item.get( EXPANDED );"," itemContentHeight = this._getItemContentHeight( item );",""," body = item.getStdModNode( WidgetStdMod.BODY );"," bodyHeight = this._getNodeOffsetHeight( body );",""," if( itemContentHeight < bodyHeight ){"," this._processCollapsing( item, itemContentHeight, !expanded );"," } else if( itemContentHeight > bodyHeight ){"," this._processExpanding( item, itemContentHeight, !expanded );"," }"," }"," },","",""," /**"," * Handles the change of \"contentUpdate\" property of given item"," *"," * @method _afterContentUpdate"," * @protected"," * @param params {EventFacade} The event facade for the attribute change"," */"," _afterContentUpdate : function( params ){"," var item, body, bodyHeight, expanded, auto, anim;",""," item = params.currentTarget;"," auto = item.get( \"contentHeight\" ).method === \"auto\";"," expanded = item.get( EXPANDED );",""," body = item.getStdModNode( WidgetStdMod.BODY );"," bodyHeight = this._getNodeOffsetHeight( body );",""," if( auto && expanded && params.src !== Y.Widget.UI_SRC ){"," Y.later( 0, this, function(){"," var itemContentHeight = this._getItemContentHeight( item );",""," if( itemContentHeight !== bodyHeight ){"," anim = this._animations[ item ];",""," // stop waiting animation"," if( anim ){"," anim.stop();"," }",""," this._adjustStretchItems();",""," if( itemContentHeight < bodyHeight ){"," this._processCollapsing( item, itemContentHeight, !expanded );"," } else if( itemContentHeight > bodyHeight ){"," this._processExpanding( item, itemContentHeight, !expanded );"," }"," }"," } );"," }"," },","",""," /**"," * Subscribe for resize event, which could be provided from the browser or from an arbitrary object."," * For example, if there is LayoutManager in the page, it is preferable to subscribe to its resize event,"," * instead to those, which browser provides."," *"," * @method _setUpResizing"," * @protected"," * @param value {String|Object} String \"default\" or object with the following properties:"," * - "," *
- sourceObject "," *
- An abbitrary object "," *
- resizeEvent "," *
- The name of its resize event "," *
contentBox"," *"," * @method renderUI"," * @protected"," */"," renderUI: function(){"," var srcNode, itemsDom, contentBox, srcNodeId;",""," srcNode = this.get( SRCNODE );"," contentBox = this.get( CONTENT_BOX );"," srcNodeId = srcNode.get( \"id\" );",""," /*"," * Widget 3.1 workaround - the Id of contentBox is generated by YUI, instead to keep srcNode's Id, so we set it manually"," */"," contentBox.set( \"id\", srcNodeId );",""," itemsDom = srcNode.all( \"> .\" + C_ITEM );",""," itemsDom.each( function( itemNode, index, itemsDom ){"," var newItem;",""," if( !this.getItem( itemNode ) ){"," newItem = new Y.AccordionItem({"," srcNode: itemNode,"," id : itemNode.get( \"id\" )"," });",""," this.addItem( newItem );"," }"," }, this );"," },","",""," /**"," * Add listener(s) to itemChosen event in Accordion's content box."," * If itemChosen is an Array, this function will invoke multiple times _bindItemChosenEvent"," *"," * @method bindUI"," * @protected"," */"," bindUI: function(){"," var i, itemChosenEvent, length;",""," itemChosenEvent = this.get( ITEMCHOSEN );",""," if( Lang.isArray(itemChosenEvent) ){"," length = itemChosenEvent.length;",""," for( i = 0; i < length; i++ ) {"," this._bindItemChosenEvent(itemChosenEvent[i]);"," }"," } else {"," this._bindItemChosenEvent(itemChosenEvent);"," }"," },","",""," /**"," * Listening for itemChosen event, determines the source (is that iconClose, iconAlwaysVisisble, etc.) and"," * invokes this._onItemChosen for further processing"," *"," * @method _onItemChosenEvent"," * @protected"," *"," * @param e {Event} The itemChosen event"," */"," _onItemChosenEvent: function(e){"," var header, itemNode, item, iconAlwaysVisible,"," iconClose, srcIconAlwaysVisible, srcIconClose;",""," header = e.currentTarget;"," itemNode = header.get( PARENT_NODE );"," item = this.getItem( itemNode );"," iconAlwaysVisible = item.get( ICON_ALWAYSVISIBLE );"," iconClose = item.get( ICON_CLOSE );"," srcIconAlwaysVisible = (iconAlwaysVisible === e.target);"," srcIconClose = (iconClose === e.target);",""," this.fire( ITEMCHOSEN, {"," item: item,"," srcIconAlwaysVisible: srcIconAlwaysVisible, "," srcIconClose: srcIconClose"," });"," },","",""," /**"," * Add an item to Accordion. Items could be added/removed multiple times and they"," * will be rendered in the process of adding, if not."," * The item will be expanded, collapsed, or set as always visible depending on the"," * settings. Item's properties will be also updated, if they are incomplete."," * For example, if alwaysVisible is true, but expanded"," * property is false, it will be set to true also."," *"," * If the second param, parentItem is an Y.AccordionItem instance,"," * registered in Accordion, the item will be added as child of the parentItem"," *"," * @method addItem"," * @param item {Y.AccordionItem} The item to be added in Accordion"," * @param parentItem {Y.AccordionItem} (optional) This item will be the parent of the item being added"," *"," * @return {Boolean} True in case of successfully added item, false otherwise"," */"," addItem: function( item, parentItem ){"," var expanded, alwaysVisible, itemBody, itemBodyContent, itemIndex, items, contentBox,"," itemHandles, itemContentBox, res, children;",""," res = this.fire( BEFOREITEMADD, {"," 'item': item"," });",""," if( !res ){"," return false;"," }",""," items = this.get( ITEMS );"," contentBox = this.get( CONTENT_BOX );",""," itemContentBox = item.get( CONTENT_BOX );",""," if( !itemContentBox.inDoc() ){"," if( parentItem ){"," itemIndex = this.getItemIndex( parentItem );",""," if( itemIndex < 0 ){"," return false;"," }",""," items.splice( itemIndex, 0, item );"," contentBox.insertBefore( itemContentBox, parentItem.get( BOUNDING_BOX ) );"," } else {"," items.push( item );"," contentBox.insertBefore( itemContentBox, null );"," }"," } else {"," children = contentBox.get( CHILDREN );",""," res = children.some( function( node, index, nodeList ){"," if( node === itemContentBox ){"," items.splice( index, 0, item );"," return true;"," } else {"," return false;"," }"," }, this );",""," if( !res ){"," return false;"," }"," }",""," itemBody = item.getStdModNode( WidgetStdMod.BODY );"," itemBodyContent = item.get( BODYCONTENT );",""," if( !itemBody && !itemBodyContent ){"," item.set( BODYCONTENT, \"\" );"," }",""," if( !item.get( RENDERED ) ){"," item.render();"," }",""," expanded = item.get( EXPANDED );"," alwaysVisible = item.get( ALWAYSVISIBLE );",""," expanded = expanded || alwaysVisible;",""," if( expanded ){"," this._forExpanding[ item ] = {"," 'item': item,"," 'alwaysVisible': alwaysVisible"," };"," } else {"," this._forCollapsing[ item ] = {"," 'item': item"," };"," }",""," this._processItems();",""," if( this.get( \"reorderItems\" ) ){"," this._initItemDragDrop( item );"," }",""," itemHandles = this._itemsHandles[ item ];",""," if( !itemHandles ){"," itemHandles = {};"," }",""," itemHandles = {"," \"expandedChange\" : item.after( \"expandedChange\", Y.bind( this._afterItemExpand, this ) ),"," \"alwaysVisibleChange\" : item.after( \"alwaysVisibleChange\", Y.bind( this._afterItemAlwaysVisible, this ) ),"," \"contentHeightChange\" : item.after( \"contentHeightChange\", Y.bind( this._afterContentHeight, this ) ),"," \"contentUpdate\" : item.after( \"contentUpdate\", Y.bind( this._afterContentUpdate, this ) )"," };",""," this._itemsHandles[ item ] = itemHandles;",""," this.fire( ITEMADDED, {"," 'item': item"," });",""," return true;"," },","",""," /**"," * Removes an previously registered item in Accordion"," *"," * @method removeItem"," * @param p_item {Y.AccordionItem|Number} The item to be removed, or its index"," * @return {Y.AccordionItem} The removed item or null if not found"," */"," removeItem: function( p_item ){"," var items, bb, item = null, itemIndex, allowed;",""," items = this.get( ITEMS );",""," if( Lang.isNumber( p_item ) ){"," itemIndex = p_item;"," } else if( p_item instanceof Y.AccordionItem ){"," itemIndex = this.getItemIndex( p_item );"," } else {"," return null;"," }",""," if( itemIndex >= 0 ){"," allowed = this.fire( BEFOREITEMREMOVE, {"," item: p_item"," });",""," if( !allowed ){"," return null;"," }",""," item = items.splice( itemIndex, 1 )[0];",""," this._removeItemHandles( item );",""," bb = item.get( BOUNDING_BOX );"," bb.remove();",""," this._adjustStretchItems();",""," this.fire( ITEMREMOVED, {"," item: p_item"," });"," }",""," return item;"," },","",""," /**"," * Searching for item, previously registered in Accordion"," *"," * @method getItem"," * @param param {Number|Y.Node} If number, this must be item's index."," * If Node, it should be the value of item's contentBox or boundingBox properties"," *"," * @return {Y.AccordionItem} The found item or null"," */"," getItem: function( param ){"," var items = this.get( ITEMS ), item = null;",""," if( Lang.isNumber( param ) ){"," item = items[ param ];"," return (item instanceof Y.AccordionItem) ? item : null;"," } else if( param instanceof Node ){"," Y.Array.some( items, function( tmpItem, index, items ){"," var contentBox = tmpItem.get( CONTENT_BOX );",""," /*"," * Both contentBox and boundingBox point to same node, so it is safe to check only one of them"," */"," if( contentBox === param ){"," item = tmpItem;"," return true;"," } else {"," return false;"," }"," }, this );"," }",""," return item;"," },","",""," /**"," * Looking for the index of previously registered item"," *"," * @method getItemIndex"," * @param item {Y.AccordionItem} The item which index should be returned"," * @return {Number} Item index or -1 if item has been not found"," */"," getItemIndex: function( item ){"," var res = -1, items;",""," if( item instanceof Y.AccordionItem ){"," items = this.get( ITEMS );",""," Y.Array.some( items, function( tmpItem, index, items ){"," if( tmpItem === item ){"," res = index;"," return true;"," } else {"," return false;"," }"," }, this );"," }",""," return res;"," },","",""," /**"," * Overwrites Y.WidgetStdMod fuction in order to resolve Widget 3.1 issue:"," * If CONTENT_TEMPLATE is null, in renderUI the result of the following code:"," *
this.getStdModNode( Y.WidgetStdMod.HEADER ); is null."," * The same is with this.getStdModNode( Y.WidgetStdMod.BODY );."," *"," * @method _findStdModSection"," * @protected"," * @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(SRCNODE).one(\"> .\" + Y.WidgetStdMod.SECTION_CLASS_NAMES[section]);"," },",""," CONTENT_TEMPLATE : null","}, {"," /**"," * Static property provides a string to identify the class."," *"," * @property Accordion.NAME"," * @type String"," * @static"," */"," NAME : AccName,",""," /**"," * Static property used to define the default attribute"," * configuration for the Accordion."," *"," * @property Accordion.ATTRS"," * @type Object"," * @static"," */"," ATTRS : {"," /**"," * @description The event on which Accordion should listen for user interactions."," * The value can be also 'mousedown', 'mouseup' or ['mouseenter','click']."," * Mousedown event can be used if drag&drop is not enabled."," *"," * @attribute itemChosen"," * @default click"," * @type String|Array"," */"," itemChosen: {"," value: \"click\","," validator: function( value ) {"," return Lang.isString(value) || Lang.isArray(value);"," }"," },",""," /**"," * @description Contains the items, currently added to Accordion"," *"," * @attribute items"," * @readOnly"," * @default []"," * @type Array"," */"," items: {"," value: [],"," readOnly: true,"," validator: Lang.isArray"," },",""," /**"," * @attribute resizeEvent"," *"," * @description The event on which Accordion should listen for resizing."," * The value must be one of these:"," * - "," *
- String \"default\" - the Accordion will subscribe to Y.windowresize event"," * "," *
- An object in the following form:"," * {"," * sourceObject: some_javascript_object,"," * resizeEvent: an_event_to_subscribe"," * }"," * "," *
{"," * duration: 1,"," * easing: Easing.easeOutStrong"," * }"," * "," *"," * @type Object"," */"," animation: {"," value: {"," duration: 1,"," easing: Easing.easeOutStrong"," },"," validator: function( value ){"," return Lang.isObject( value ) && Lang.isNumber( value.duration ) &&"," Lang.isFunction( value.easing );"," }"," },",""," /**"," * @attribute reorderItems"," * @description Boolean indicating that items can be reordered via drag and drop."," *"," * Enabling items reordering requires also including the optional drag and drop modules in YUI instance:
"," * 'dd-constrain', 'dd-proxy', 'dd-drop', or just 'dd'"," *"," * @default false"," * @type Boolean"," */"," reorderItems: {"," value: false,"," validator: function(value){"," return Lang.isBoolean(value) && !Lang.isUndefined( Y.DD );"," }"," },",""," /**"," * @attribute collapseOthersOnExpand"," * @description If true, on item expanding, all other expanded and not set as always visible items, will be collapsed"," * Otherwise, they will stay open"," *"," * @default true"," * @type Boolean"," */"," collapseOthersOnExpand: {"," value: true,"," validator: Lang.isBoolean"," }"," }","});","","}());","","/**"," * Provides AccordionItem class"," *"," * @module gallery-accordion"," */","","(function(){","","// Local constants","var Lang = Y.Lang,"," Node = Y.Node,"," JSON = Y.JSON,"," WidgetStdMod = Y.WidgetStdMod,"," AccItemName = \"accordion-item\","," getCN = Y.ClassNameManager.getClassName,"," "," C_ICONEXPANDED_EXPANDING = getCN( AccItemName, \"iconexpanded\", \"expanding\" ),"," C_ICONEXPANDED_COLLAPSING = getCN( AccItemName, \"iconexpanded\", \"collapsing\" ),",""," C_ICON = getCN( AccItemName, \"icon\" ),"," C_LABEL = getCN( AccItemName, \"label\" ),"," C_ICONALWAYSVISIBLE = getCN( AccItemName, \"iconalwaysvisible\" ),"," C_ICONSCONTAINER = getCN( AccItemName, \"icons\" ),"," C_ICONEXPANDED = getCN( AccItemName, \"iconexpanded\" ),"," C_ICONCLOSE = getCN( AccItemName, \"iconclose\" ),"," C_ICONCLOSE_HIDDEN = getCN( AccItemName, \"iconclose\", \"hidden\" ),",""," C_ICONEXPANDED_ON = getCN( AccItemName, \"iconexpanded\", \"on\" ),"," C_ICONEXPANDED_OFF = getCN( AccItemName, \"iconexpanded\", \"off\" ),",""," C_ICONALWAYSVISIBLE_ON = getCN( AccItemName, \"iconalwaysvisible\", \"on\" ),"," C_ICONALWAYSVISIBLE_OFF = getCN( AccItemName, \"iconalwaysvisible\", \"off\" ),",""," C_EXPANDED = getCN( AccItemName, \"expanded\" ),"," C_CLOSABLE = getCN( AccItemName, \"closable\" ),"," C_ALWAYSVISIBLE = getCN( AccItemName, \"alwaysvisible\" ),"," C_CONTENTHEIGHT = getCN( AccItemName, \"contentheight\" ),",""," TITLE = \"title\","," STRINGS = \"strings\","," RENDERED = \"rendered\","," CLASS_NAME = \"className\","," AUTO = \"auto\","," STRETCH = \"stretch\","," FIXED = \"fixed\","," HEADER_SELECTOR = \".yui3-widget-hd\","," DOT = \".\","," HEADER_SELECTOR_SUB = \".yui3-widget-hd \" + DOT,"," INNER_HTML = \"innerHTML\","," ICONS_CONTAINER = \"iconsContainer\","," ICON = \"icon\","," NODE_LABEL = \"nodeLabel\","," ICON_ALWAYSVISIBLE = \"iconAlwaysVisible\","," ICON_EXPANDED = \"iconExpanded\","," ICON_CLOSE = \"iconClose\","," HREF = \"href\","," HREF_VALUE = \"#\","," YUICONFIG = \"yuiConfig\",",""," REGEX_TRUE = /^(?:true|yes|1)$/,"," REGEX_AUTO = /^auto\\s*/,"," REGEX_STRETCH = /^stretch\\s*/,"," REGEX_FIXED = /^fixed-\\d+/;","","/**"," * Create an AccordionItem widget."," *"," * @class AccordionItem"," * @extends Widget"," */","","Y.AccordionItem = Y.Base.create( AccItemName, Y.Widget, [Y.WidgetStdMod], {"," /**"," * Creates the header content"," *"," * @method _createHeader"," * @protected"," */"," _createHeader: function(){"," var closable, templates, strings, iconsContainer,"," icon, nodeLabel, iconExpanded, iconAlwaysVisible, iconClose;",""," icon = this.get( ICON );"," nodeLabel = this.get( NODE_LABEL );"," iconExpanded = this.get( ICON_EXPANDED );"," iconAlwaysVisible = this.get( ICON_ALWAYSVISIBLE );"," iconClose = this.get( ICON_CLOSE );"," iconsContainer = this.get( ICONS_CONTAINER );",""," strings = this.get( STRINGS );"," closable = this.get( \"closable\" );"," templates = Y.AccordionItem.TEMPLATES;",""," if( !icon ){"," icon = Node.create( templates.icon );"," this.set( ICON, icon );"," }",""," if( !nodeLabel ){"," nodeLabel = Node.create( templates.label );"," this.set( NODE_LABEL, nodeLabel );"," } else if( !nodeLabel.hasAttribute( HREF ) ){"," nodeLabel.setAttribute( HREF, HREF_VALUE );"," }",""," nodeLabel.setContent( this.get( \"label\" ) );","",""," if( !iconsContainer ){"," iconsContainer = Node.create( templates.iconsContainer );"," this.set( ICONS_CONTAINER, iconsContainer );"," }",""," if( !iconAlwaysVisible ){"," iconAlwaysVisible = Node.create( templates.iconAlwaysVisible );"," iconAlwaysVisible.setAttribute( TITLE, strings.title_always_visible_off );"," this.set( ICON_ALWAYSVISIBLE, iconAlwaysVisible );"," } else if( !iconAlwaysVisible.hasAttribute( HREF ) ){"," iconAlwaysVisible.setAttribute( HREF, HREF_VALUE );"," }","",""," if( !iconExpanded ){"," iconExpanded = Node.create( templates.iconExpanded );"," iconExpanded.setAttribute( TITLE, strings.title_iconexpanded_off );"," this.set( ICON_EXPANDED, iconExpanded );"," } else if( !iconExpanded.hasAttribute( HREF ) ){"," iconExpanded.setAttribute( HREF, HREF_VALUE );"," }","",""," if( !iconClose ){"," iconClose = Node.create( templates.iconClose );"," iconClose.setAttribute( TITLE, strings.title_iconclose );"," this.set( ICON_CLOSE, iconClose );"," } else if( !iconClose.hasAttribute( HREF ) ){"," iconClose.setAttribute( HREF, HREF_VALUE );"," }",""," if( closable ){"," iconClose.removeClass( C_ICONCLOSE_HIDDEN );"," } else {"," iconClose.addClass( C_ICONCLOSE_HIDDEN );"," }",""," this._addHeaderComponents();"," },",""," /**"," * Add label and icons in the header. Also, it creates header in if not set from markup"," *"," * @method _addHeaderComponents"," * @protected"," */"," _addHeaderComponents: function(){"," var header, icon, nodeLabel, iconsContainer, iconExpanded,"," iconAlwaysVisible, iconClose;",""," icon = this.get( ICON );"," nodeLabel = this.get( NODE_LABEL );"," iconExpanded = this.get( ICON_EXPANDED );"," iconAlwaysVisible = this.get( ICON_ALWAYSVISIBLE );"," iconClose = this.get( ICON_CLOSE );"," iconsContainer = this.get( ICONS_CONTAINER );",""," header = this.getStdModNode( WidgetStdMod.HEADER );",""," if( !header ){"," header = new Node( document.createDocumentFragment() );"," header.appendChild( icon );"," header.appendChild( nodeLabel );"," header.appendChild( iconsContainer );"," iconsContainer.appendChild( iconAlwaysVisible );"," iconsContainer.appendChild( iconExpanded );"," iconsContainer.appendChild( iconClose );",""," this.setStdModContent( WidgetStdMod.HEADER, header, WidgetStdMod.REPLACE );"," } else {"," if( !header.contains( icon ) ){"," if( header.contains( nodeLabel ) ){"," header.insertBefore( icon, nodeLabel );"," } else {"," header.appendChild( icon );"," }"," }",""," if( !header.contains( nodeLabel ) ){"," header.appendChild( nodeLabel );"," }",""," if( !header.contains( iconsContainer ) ){"," header.appendChild( iconsContainer );"," }",""," if( !iconsContainer.contains( iconAlwaysVisible ) ){"," iconsContainer.appendChild( iconAlwaysVisible );"," }",""," if( !iconsContainer.contains( iconExpanded ) ){"," iconsContainer.appendChild( iconExpanded );"," }",""," if( !iconsContainer.contains( iconClose ) ){"," iconsContainer.appendChild( iconClose );"," }"," }"," },","",""," /**"," * Handles the change of \"labelChanged\" property. Updates item's UI with the label provided"," *"," * @method _labelChanged"," * @protected"," * @param params {EventFacade} The event facade for the attribute change"," */"," _labelChanged: function( params ){"," var label;",""," if( this.get( RENDERED ) ){"," label = this.get( NODE_LABEL );"," label.set( INNER_HTML, params.newVal );"," }"," },","",""," /**"," * Handles the change of \"closableChanged\" property. Hides or shows close icon"," *"," * @method _closableChanged"," * @protected"," * @param params {EventFacade} The event facade for the attribute change"," */"," _closableChanged: function( params ){"," var iconClose;",""," if( this.get( RENDERED ) ){"," iconClose = this.get( ICON_CLOSE );",""," if( params.newVal ){"," iconClose.removeClass( C_ICONCLOSE_HIDDEN );"," } else {"," iconClose.addClass( C_ICONCLOSE_HIDDEN );"," }"," }"," },","",""," /**"," * Initializer lifecycle implementation for the AccordionItem class."," *"," * @method initializer"," * @protected"," * @param config {Object} Configuration object literal for the AccordionItem"," */"," initializer: function( config ) {"," this.after( \"labelChange\", Y.bind( this._labelChanged, this ) );"," this.after( \"closableChange\", Y.bind( this._closableChanged, this ) );"," },","",""," /**"," * Destructor lifecycle implementation for the AccordionItem class."," *"," * @method destructor"," * @protected"," */"," destructor : function() {"," // EMPTY"," },","",""," /**"," * Creates AccordionItem's header."," *"," * @method renderUI"," * @protected"," */"," renderUI: function(){"," this._createHeader();"," },",""," /**"," * Configures/Sets up listeners to bind Widget State to UI/DOM"," *"," * @method bindUI"," * @protected"," */"," bindUI: function(){"," var contentBox = this.get( \"contentBox\" );",""," contentBox.delegate( \"click\", Y.bind( this._onLinkClick, this ), HEADER_SELECTOR + ' a' );"," },","","",""," /**"," * Prevent default action on clicking the link in the label"," *"," * @method _onLinkClick"," * @protected"," *"," * @param e {Event} The click event"," */"," _onLinkClick: function( e ){"," e.preventDefault();"," },",""," /**"," * Marks the item as always visible by adding class to always visible icon."," * The icon will be updated only if needed."," *"," * @method markAsAlwaysVisible"," * @param alwaysVisible {Boolean} If true, the item should be marked as always visible."," * @return {Boolean} Return true if the icon has been updated, false if there was no need to update"," */"," markAsAlwaysVisible: function( alwaysVisible ){"," var iconAlwaysVisisble, strings;",""," iconAlwaysVisisble = this.get( ICON_ALWAYSVISIBLE );"," strings = this.get( STRINGS );",""," if( alwaysVisible ){"," if( !iconAlwaysVisisble.hasClass( C_ICONALWAYSVISIBLE_ON ) ){"," iconAlwaysVisisble.replaceClass( C_ICONALWAYSVISIBLE_OFF, C_ICONALWAYSVISIBLE_ON );"," iconAlwaysVisisble.set( TITLE, strings.title_always_visible_on );"," return true;"," }"," } else {"," if( iconAlwaysVisisble.hasClass( C_ICONALWAYSVISIBLE_ON ) ){"," iconAlwaysVisisble.replaceClass( C_ICONALWAYSVISIBLE_ON, C_ICONALWAYSVISIBLE_OFF );"," iconAlwaysVisisble.set( TITLE, strings.title_always_visible_off );"," return true;"," }"," }",""," return false;"," },","",""," /**"," * Marks the item as expanded by adding class to expand icon."," * The icon will be updated only if needed."," *"," * @method markAsExpanded"," * @param expanded {Boolean} Boolean indicating that item should be marked as expanded."," * @return {Boolean} Return true if the icon has been updated, false if there was no need to update"," */"," markAsExpanded: function( expanded ){"," var strings, iconExpanded;",""," iconExpanded = this.get( ICON_EXPANDED );"," strings = this.get( STRINGS );",""," if( expanded ){"," if( !iconExpanded.hasClass( C_ICONEXPANDED_ON ) ){"," iconExpanded.replaceClass( C_ICONEXPANDED_OFF, C_ICONEXPANDED_ON );"," iconExpanded.set( TITLE , strings.title_iconexpanded_on );"," return true;"," }"," } else {"," if( iconExpanded.hasClass( C_ICONEXPANDED_ON ) ){"," iconExpanded.replaceClass( C_ICONEXPANDED_ON, C_ICONEXPANDED_OFF );"," iconExpanded.set( TITLE , strings.title_iconexpanded_off );"," return true;"," }"," }",""," return false;"," },","",""," /**"," * Marks the item as expanding by adding class to expand icon."," * The method will update icon only if needed."," *"," * @method markAsExpanding"," * @param expanding {Boolean} Boolean indicating that the item should be marked as expanding."," * @return {Boolean} Return true if the icon has been updated, false if there was no need to update"," */"," markAsExpanding: function( expanding ){"," var iconExpanded = this.get( ICON_EXPANDED );",""," if( expanding ){"," if( !iconExpanded.hasClass( C_ICONEXPANDED_EXPANDING ) ){"," iconExpanded.addClass( C_ICONEXPANDED_EXPANDING );"," return true;"," }"," } else {"," if( iconExpanded.hasClass( C_ICONEXPANDED_EXPANDING ) ){"," iconExpanded.removeClass( C_ICONEXPANDED_EXPANDING );"," return true;"," }"," }",""," return false;"," },","",""," /**"," * Marks the item as collapsing by adding class to expand icon."," * The method will update icon only if needed."," *"," * @method markAsCollapsing"," * @param collapsing {Boolean} Boolean indicating that the item should be marked as collapsing."," * @return {Boolean} Return true if the icon has been updated, false if there was no need to update"," */"," markAsCollapsing: function( collapsing ){"," var iconExpanded = this.get( ICON_EXPANDED );",""," if( collapsing ){"," if( !iconExpanded.hasClass( C_ICONEXPANDED_COLLAPSING ) ){"," iconExpanded.addClass( C_ICONEXPANDED_COLLAPSING );"," return true;"," }"," } else {"," if( iconExpanded.hasClass( C_ICONEXPANDED_COLLAPSING ) ){"," iconExpanded.removeClass( C_ICONEXPANDED_COLLAPSING );"," return true;"," }"," }",""," return false;"," },","",""," /**"," * Forces the item to resize as result of direct content manipulation (via 'innerHTML')."," * This method should be invoked if 'contentHeight' property has been set to 'auto'."," *"," * @method resize"," */"," resize : function(){"," this.fire( \"contentUpdate\" );"," },","",""," /**"," * Parses and returns the value of contentHeight property, if set method \"fixed\"."," * The value must be in this format: fixed-X, where X is integer"," *"," * @method _extractFixedMethodValue"," * @param value {String} The value to be parsed"," * @return {Number} The parsed value or null"," * @protected"," */"," _extractFixedMethodValue: function( value ){"," var i, length, chr, height = null;",""," for( i = 6, length = value.length; i < length; i++ ){ // 6 = \"fixed-\".length"," chr = value.charAt(i);"," chr = parseInt( chr, 10 );",""," if( Lang.isNumber( chr ) ){"," height = (height * 10) + chr;"," } else {"," break;"," }"," }",""," return height;"," },","",""," /**"," * Validator applied to the icon attribute. Setting new value is not allowed if Accordion has been rendered."," *"," * @method _validateIcon"," * @param value {MIXED} the value for the icon attribute"," * @return {Boolean}"," * @protected"," */"," _validateIcon: function( value ) {"," return !this.get(RENDERED) || value;"," },","",""," /**"," * Validator applied to the nodeLabel attribute. Setting new value is not allowed if Accordion has been rendered."," *"," * @method _validateNodeLabel"," * @param value {MIXED} the value for the nodeLabel attribute"," * @return {Boolean}"," * @protected"," */"," _validateNodeLabel: function( value ) {"," return !this.get(RENDERED) || value;"," },","",""," /**"," * Validator applied to the iconsContainer attribute. Setting new value is not allowed if Accordion has been rendered."," *"," * @method _validateIconsContainer"," * @param value {MIXED} the value for the iconsContainer attribute"," * @return {Boolean}"," * @protected"," */"," _validateIconsContainer: function( value ) {"," return !this.get(RENDERED) || value;"," },","",""," /**"," * Validator applied to the iconExpanded attribute. Setting new value is not allowed if Accordion has been rendered."," *"," * @method _validateIconExpanded"," * @param value {MIXED} the value for the iconExpanded attribute"," * @return {Boolean}"," * @protected"," */"," _validateIconExpanded: function( value ) {"," return !this.get(RENDERED) || value;"," },","",""," /**"," * Validator applied to the iconAlwaysVisible attribute. Setting new value is not allowed if Accordion has been rendered."," *"," * @method _validateIconAlwaysVisible"," * @param value {MIXED} the value for the iconAlwaysVisible attribute"," * @return {Boolean}"," * @protected"," */"," _validateIconAlwaysVisible: function( value ) {"," return !this.get(RENDERED) || value;"," },","",""," /**"," * Validator applied to the iconClose attribute. Setting new value is not allowed if Accordion has been rendered."," *"," * @method _validateIconClose"," * @param value {MIXED} the value for the iconClose attribute"," * @return {Boolean}"," * @protected"," */"," _validateIconClose: function( value ) {"," return !this.get(RENDERED) || value;"," },","",""," /**"," * Setter applied to the input when updating the icon attribute. Input can"," * be a Node, raw HTMLElement, or a selector string to locate it."," *"," * @method _setIcon"," * @param value {Node|HTMLElement|String} The icon element Node or selector"," * @return {Node} The Node if found, null otherwise."," * @protected"," */"," _setIcon: function( value ){"," return Y.one( value ) || null;"," },","",""," /**"," * Setter applied to the input when updating the nodeLabel attribute. Input can"," * be a Node, raw HTMLElement, or a selector string to locate it."," *"," * @method _setNodeLabel"," * @param value {Node|HTMLElement|String} The nodeLabel element Node or selector"," * @return {Node} The Node if found, null otherwise."," * @protected"," */"," _setNodeLabel: function( value ){"," return Y.one( value ) || null;"," },","",""," /**"," * Setter applied to the input when updating the iconsContainer attribute. Input can"," * be a Node, raw HTMLElement, or a selector string to locate it."," *"," * @method _setIconsContainer"," * @param value {Node|HTMLElement|String} The iconsContainer element Node or selector"," * @return {Node} The Node if found, null otherwise."," * @protected"," */"," _setIconsContainer: function( value ){"," return Y.one( value ) || null;"," },","",""," /**"," * Setter applied to the input when updating the iconExpanded attribute. Input can"," * be a Node, raw HTMLElement, or a selector string to locate it."," *"," * @method _setIconExpanded"," * @param value {Node|HTMLElement|String} The iconExpanded element Node or selector"," * @return {Node} The Node if found, null otherwise."," * @protected"," */"," _setIconExpanded: function( value ){"," return Y.one( value ) || null;"," },","",""," /**"," * Setter applied to the input when updating the iconAlwaysVisible attribute. Input can"," * be a Node, raw HTMLElement, or a selector string to locate it."," *"," * @method _setIconAlwaysVisible"," * @param value {Node|HTMLElement|String} The iconAlwaysVisible element Node or selector"," * @return {Node} The Node if found, null otherwise."," * @protected"," */"," _setIconAlwaysVisible: function( value ){"," return Y.one( value ) || null;"," },","",""," /**"," * Setter applied to the input when updating the iconClose attribute. Input can"," * be a Node, raw HTMLElement, or a selector string to locate it."," *"," * @method _setIconClose"," * @param value {Node|HTMLElement|String} The iconClose element Node or selector"," * @return {Node} The Node if found, null otherwise."," * @protected"," */"," _setIconClose: function( value ){"," return Y.one( value ) || null;"," },","",""," /**"," * Overwrites Widget's _applyParser method in order to parse yuiConfig attribute before entering in HTML_PARSER attributes"," *"," * @method _applyParser"," * @protected"," * @param config {Object} User configuration object (will be populated with values from Node)"," */"," _applyParser : function(config) {"," var srcNode;",""," srcNode = this.get( \"srcNode\" );",""," if( srcNode ){"," this._parsedYUIConfig = srcNode.getAttribute( YUICONFIG );",""," if( this._parsedYUIConfig ){"," this._parsedYUIConfig = JSON.parse( this._parsedYUIConfig );"," }"," }",""," Y.AccordionItem.superclass._applyParser.apply( this, arguments );",""," delete this._parsedYUIConfig;"," },","",""," /**"," * Overwrites Y.WidgetStdMod fuction in order to resolve Widget 3.1 issue:
"," * If CONTENT_TEMPLATE is null, in renderUI the result of the following code:"," *
this.getStdModNode( Y.WidgetStdMod.HEADER ); is null."," * The same is with this.getStdModNode( Y.WidgetStdMod.BODY );."," *"," * @method _findStdModSection"," * @protected"," * @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(\"srcNode\").one(\"> .\" + Y.WidgetStdMod.SECTION_CLASS_NAMES[section]);"," },",""," CONTENT_TEMPLATE : null","}, {"," /**"," * Static property provides a string to identify the class."," *"," * @property NAME"," * @type String"," * @static"," */"," NAME : AccItemName,",""," /**"," * Static property used to define the default attribute"," * configuration for the Accordion."," *"," * @property Accordion.ATTRS"," * @type Object"," * @static"," */"," ATTRS : {",""," /**"," * @description The Node, representing item's icon"," *"," * @attribute icon"," * @default null"," * @type Node"," */"," icon: {"," value: null,"," validator: function( value ){"," return this._validateIcon( value );"," },"," setter : function( value ) {"," return this._setIcon( value );"," }"," },",""," /**"," * @description The label of item"," *"," * @attribute label"," * @default \" \""," * @type String"," */"," label: {"," value: \" \","," validator: Lang.isString"," },",""," /**"," * @description The node, which contains item's label"," *"," * @attribute nodeLabel"," * @default null"," * @type Node"," */"," nodeLabel: {"," value: null,"," validator: function( value ){"," return this._validateNodeLabel( value );"," },"," setter : function( value ) {"," return this._setNodeLabel( value );"," }"," },","",""," /**"," * @description The container of iconAlwaysVisible, iconExpanded and iconClose"," *"," * @attribute iconsContainer"," * @default null"," * @type Node"," */"," iconsContainer: {"," value: null,"," validator: function( value ){"," return this._validateIconsContainer( value );"," },"," setter : function( value ) {"," return this._setIconsContainer( value );"," }"," },",""," /**"," * @description The Node, representing icon expanded"," *"," * @attribute iconExpanded"," * @default null"," * @type Node"," */"," iconExpanded: {"," value: null,"," validator: function( value ){"," return this._validateIconExpanded( value );"," },"," setter : function( value ) {"," return this._setIconExpanded( value );"," }"," },","",""," /**"," * @description The Node, representing icon always visible"," *"," * @attribute iconAlwaysVisible"," * @default null"," * @type Node"," */"," iconAlwaysVisible: {"," value: null,"," validator: function( value ){"," return this._validateIconAlwaysVisible( value );"," },"," setter : function( value ) {"," return this._setIconAlwaysVisible( value );"," }"," },","",""," /**"," * @description The Node, representing icon close, or null if the item is not closable"," *"," * @attribute iconClose"," * @default null"," * @type Node"," */"," iconClose: {"," value: null,"," validator: function( value ){"," return this._validateIconClose( value );"," },"," setter : function( value ) {"," return this._setIconClose( value );"," }"," },",""," /**"," * @description Get/Set expanded status of the item"," *"," * @attribute expanded"," * @default false"," * @type Boolean"," */"," expanded: {"," value: false,"," validator: Lang.isBoolean"," },",""," /**"," * @description Describe the method, which will be used when expanding/collapsing"," * the item. The value should be an object with at least one property (\"method\"):"," * - "," *
- method "," *
- The method can be one of these: \"auto\", \"fixed\" and \"stretch\" "," *
- height "," *
- Must be set only if method's value is \"fixed\" "," *
"," * {"," * icon : '<a class=\"yui3-accordion-item-icon\"></a>',"," * label: '<a href=\"#\" class=\"yui3-accordion-item-label\"></a>',"," * iconsContainer: '<div class=\"yui3-accordion-item-icons\"></div>',"," * iconAlwaysVisible: '<a href=\"#\" class=\"yui3-accordion-item-iconalwaysvisible\"></a>',"," * iconExpanded: '<a href=\"#\" class=\"yui3-accordion-item-iconexpanded\"></a>',"," * iconClose: '<a href=\"#\" class=\"yui3-accordion-item-iconclose yui3-accordion-item-iconclose-hidden\"></a>'"," * }"," * "," * @property WidgetStdMod.TEMPLATES"," * @type Object"," */"," TEMPLATES : {"," icon : '',"," label: '',"," iconsContainer: '',"," iconExpanded: [''].join(''),"," iconAlwaysVisible: [''].join(''),"," iconClose: [''].join('')"," }","","});","","}());","","","","}, 'gallery-2012.08.15-20-00' ,{requires:['event', 'anim-easing', 'widget', 'widget-stdmod', 'json-parse'], skinnable:true, optional:['dd-constrain', 'dd-proxy', 'dd-drop']});"];
+_yuitest_coverage["/build/gallery-accordion/gallery-accordion.js"].lines = {"1":0,"9":0,"12":0,"74":0,"241":0,"243":0,"255":0,"257":0,"258":0,"260":0,"261":0,"263":0,"265":0,"267":0,"278":0,"280":0,"281":0,"306":0,"356":0,"358":0,"360":0,"361":0,"362":0,"363":0,"367":0,"379":0,"381":0,"382":0,"383":0,"385":0,"386":0,"388":0,"391":0,"392":0,"394":0,"395":0,"396":0,"399":0,"414":0,"416":0,"417":0,"419":0,"420":0,"425":0,"426":0,"445":0,"446":0,"458":0,"460":0,"462":0,"464":0,"476":0,"500":0,"503":0,"504":0,"505":0,"507":0,"508":0,"509":0,"510":0,"512":0,"513":0,"514":0,"515":0,"516":0,"517":0,"518":0,"520":0,"521":0,"523":0,"525":0,"530":0,"531":0,"535":0,"542":0,"543":0,"547":0,"552":0,"553":0,"557":0,"562":0,"575":0,"577":0,"578":0,"580":0,"581":0,"583":0,"584":0,"586":0,"587":0,"590":0,"591":0,"594":0,"595":0,"597":0,"598":0,"599":0,"600":0,"605":0,"616":0,"618":0,"619":0,"621":0,"622":0,"624":0,"625":0,"627":0,"629":0,"630":0,"632":0,"633":0,"634":0,"637":0,"638":0,"640":0,"641":0,"645":0,"646":0,"649":0,"650":0,"653":0,"666":0,"668":0,"670":0,"671":0,"672":0,"673":0,"674":0,"675":0,"677":0,"680":0,"694":0,"696":0,"697":0,"699":0,"700":0,"702":0,"703":0,"705":0,"706":0,"723":0,"725":0,"726":0,"743":0,"746":0,"748":0,"752":0,"753":0,"754":0,"759":0,"760":0,"762":0,"769":0,"771":0,"773":0,"774":0,"776":0,"778":0,"779":0,"782":0,"784":0,"786":0,"788":0,"790":0,"794":0,"795":0,"812":0,"814":0,"816":0,"820":0,"821":0,"836":0,"837":0,"854":0,"857":0,"860":0,"864":0,"865":0,"870":0,"871":0,"873":0,"880":0,"882":0,"884":0,"885":0,"887":0,"889":0,"890":0,"893":0,"895":0,"897":0,"899":0,"901":0,"905":0,"906":0,"923":0,"925":0,"927":0,"931":0,"932":0,"947":0,"949":0,"951":0,"952":0,"955":0,"956":0,"958":0,"967":0,"972":0,"973":0,"974":0,"975":0,"989":0,"991":0,"992":0,"994":0,"995":0,"997":0,"1011":0,"1013":0,"1015":0,"1016":0,"1018":0,"1019":0,"1032":0,"1034":0,"1036":0,"1037":0,"1039":0,"1043":0,"1046":0,"1059":0,"1062":0,"1063":0,"1065":0,"1066":0,"1069":0,"1070":0,"1071":0,"1072":0,"1073":0,"1074":0,"1075":0,"1077":0,"1078":0,"1081":0,"1083":0,"1084":0,"1085":0,"1086":0,"1088":0,"1089":0,"1090":0,"1093":0,"1097":0,"1113":0,"1116":0,"1117":0,"1119":0,"1121":0,"1122":0,"1123":0,"1125":0,"1129":0,"1131":0,"1132":0,"1133":0,"1134":0,"1135":0,"1136":0,"1138":0,"1139":0,"1142":0,"1146":0,"1147":0,"1158":0,"1160":0,"1161":0,"1163":0,"1164":0,"1165":0,"1166":0,"1170":0,"1171":0,"1172":0,"1173":0,"1187":0,"1189":0,"1190":0,"1193":0,"1194":0,"1195":0,"1196":0,"1198":0,"1199":0,"1204":0,"1205":0,"1208":0,"1213":0,"1224":0,"1226":0,"1227":0,"1230":0,"1231":0,"1232":0,"1234":0,"1235":0,"1236":0,"1237":0,"1238":0,"1240":0,"1245":0,"1248":0,"1249":0,"1250":0,"1252":0,"1256":0,"1268":0,"1270":0,"1272":0,"1274":0,"1275":0,"1276":0,"1278":0,"1279":0,"1281":0,"1282":0,"1283":0,"1284":0,"1298":0,"1300":0,"1301":0,"1302":0,"1304":0,"1305":0,"1307":0,"1308":0,"1309":0,"1311":0,"1312":0,"1315":0,"1316":0,"1319":0,"1321":0,"1322":0,"1323":0,"1324":0,"1348":0,"1349":0,"1352":0,"1353":0,"1355":0,"1367":0,"1369":0,"1370":0,"1371":0,"1376":0,"1378":0,"1380":0,"1381":0,"1383":0,"1384":0,"1389":0,"1403":0,"1405":0,"1407":0,"1408":0,"1410":0,"1411":0,"1414":0,"1429":0,"1432":0,"1433":0,"1434":0,"1435":0,"1436":0,"1437":0,"1438":0,"1440":0,"1466":0,"1469":0,"1473":0,"1474":0,"1477":0,"1478":0,"1480":0,"1482":0,"1483":0,"1484":0,"1486":0,"1487":0,"1490":0,"1491":0,"1493":0,"1494":0,"1497":0,"1499":0,"1500":0,"1501":0,"1502":0,"1504":0,"1508":0,"1509":0,"1513":0,"1514":0,"1516":0,"1517":0,"1520":0,"1521":0,"1524":0,"1525":0,"1527":0,"1529":0,"1530":0,"1535":0,"1540":0,"1542":0,"1543":0,"1546":0,"1548":0,"1549":0,"1552":0,"1559":0,"1561":0,"1565":0,"1577":0,"1579":0,"1581":0,"1582":0,"1583":0,"1584":0,"1586":0,"1589":0,"1590":0,"1594":0,"1595":0,"1598":0,"1600":0,"1602":0,"1603":0,"1605":0,"1607":0,"1612":0,"1626":0,"1628":0,"1629":0,"1630":0,"1631":0,"1632":0,"1633":0,"1638":0,"1639":0,"1640":0,"1642":0,"1647":0,"1659":0,"1661":0,"1662":0,"1664":0,"1665":0,"1666":0,"1667":0,"1669":0,"1674":0,"1690":0,"1725":0,"1767":0,"1768":0,"1769":0,"1770":0,"1771":0,"1775":0,"1809":0,"1827":0,"1854":0,"1857":0,"1919":0,"1927":0,"1930":0,"1931":0,"1932":0,"1933":0,"1934":0,"1935":0,"1937":0,"1938":0,"1939":0,"1941":0,"1942":0,"1943":0,"1946":0,"1947":0,"1948":0,"1949":0,"1950":0,"1953":0,"1956":0,"1957":0,"1958":0,"1961":0,"1962":0,"1963":0,"1964":0,"1965":0,"1966":0,"1970":0,"1971":0,"1972":0,"1973":0,"1974":0,"1975":0,"1979":0,"1980":0,"1981":0,"1982":0,"1983":0,"1984":0,"1987":0,"1988":0,"1990":0,"1993":0,"2003":0,"2006":0,"2007":0,"2008":0,"2009":0,"2010":0,"2011":0,"2013":0,"2015":0,"2016":0,"2017":0,"2018":0,"2019":0,"2020":0,"2021":0,"2022":0,"2024":0,"2026":0,"2027":0,"2028":0,"2030":0,"2034":0,"2035":0,"2038":0,"2039":0,"2042":0,"2043":0,"2046":0,"2047":0,"2050":0,"2051":0,"2065":0,"2067":0,"2068":0,"2069":0,"2082":0,"2084":0,"2085":0,"2087":0,"2088":0,"2090":0,"2104":0,"2105":0,"2127":0,"2137":0,"2139":0,"2153":0,"2165":0,"2167":0,"2168":0,"2170":0,"2171":0,"2172":0,"2173":0,"2174":0,"2177":0,"2178":0,"2179":0,"2180":0,"2184":0,"2197":0,"2199":0,"2200":0,"2202":0,"2203":0,"2204":0,"2205":0,"2206":0,"2209":0,"2210":0,"2211":0,"2212":0,"2216":0,"2229":0,"2231":0,"2232":0,"2233":0,"2234":0,"2237":0,"2238":0,"2239":0,"2243":0,"2256":0,"2258":0,"2259":0,"2260":0,"2261":0,"2264":0,"2265":0,"2266":0,"2270":0,"2281":0,"2295":0,"2297":0,"2298":0,"2299":0,"2301":0,"2302":0,"2304":0,"2308":0,"2321":0,"2334":0,"2347":0,"2360":0,"2373":0,"2386":0,"2400":0,"2414":0,"2428":0,"2442":0,"2456":0,"2470":0,"2482":0,"2484":0,"2486":0,"2487":0,"2489":0,"2490":0,"2494":0,"2496":0,"2512":0,"2546":0,"2549":0,"2575":0,"2578":0,"2593":0,"2596":0,"2610":0,"2613":0,"2628":0,"2631":0,"2646":0,"2649":0,"2684":0,"2685":0,"2686":0,"2687":0,"2688":0,"2689":0,"2691":0,"2695":0,"2773":0,"2775":0,"2777":0,"2778":0,"2781":0,"2783":0,"2784":0,"2787":0,"2788":0,"2790":0,"2804":0,"2806":0,"2808":0,"2809":0,"2812":0,"2814":0,"2815":0,"2818":0,"2822":0,"2824":0,"2826":0,"2827":0,"2829":0,"2831":0,"2832":0,"2834":0,"2838":0,"2839":0,"2844":0,"2848":0,"2850":0,"2852":0,"2853":0,"2856":0,"2858":0,"2859":0,"2862":0,"2866":0,"2869":0,"2871":0,"2872":0,"2875":0,"2877":0,"2878":0,"2881":0,"2882":0,"2885":0,"2886":0,"2888":0,"2895":0,"2897":0,"2899":0,"2901":0,"2902":0,"2904":0,"2906":0,"2907":0,"2910":0,"2911":0,"2914":0,"2915":0,"2917":0,"2924":0};
+_yuitest_coverage["/build/gallery-accordion/gallery-accordion.js"].functions = {"initializer:240":0,"destructor:254":0,"_bindItemChosenEvent:277":0,"_initEvents:290":0,"_removeItemHandles:355":0,"_getNodeOffsetHeight:378":0,"_setItemProperties:413":0,"_setItemUI:444":0,"_afterRender:457":0,"_afterResizeEventChange:475":0,"_onItemChosen:499":0,"(anonymous 3):580":0,"_adjustStretchItems:574":0,"(anonymous 4):621":0,"_getHeightPerStretchItem:615":0,"_getItemContentHeight:665":0,"(anonymous 5):699":0,"_storeItemsForCollapsing:693":0,"_expandItem:722":0,"_processExpanding:742":0,"_onExpandComplete:811":0,"_collapseItem:835":0,"_processCollapsing:853":0,"_onCollapseComplete:922":0,"_initItemDragDrop:946":0,"_onDragStart:988":0,"_onDragEnd:1010":0,"_afterDragEnd:1031":0,"_onDropHit:1058":0,"_processItems:1112":0,"_setItemsProperties:1157":0,"_afterItemExpand:1186":0,"_afterItemAlwaysVisible:1223":0,"_afterContentHeight:1267":0,"(anonymous 6):1308":0,"_afterContentUpdate:1297":0,"_setUpResizing:1347":0,"(anonymous 7):1380":0,"renderUI:1366":0,"bindUI:1402":0,"_onItemChosenEvent:1428":0,"(anonymous 8):1499":0,"addItem:1465":0,"removeItem:1576":0,"(anonymous 9):1632":0,"getItem:1625":0,"(anonymous 10):1664":0,"getItemIndex:1658":0,"_findStdModSection:1689":0,"validator:1724":0,"validator:1766":0,"validator:1808":0,"validator:1826":0,"(anonymous 2):9":0,"_createHeader:1926":0,"_addHeaderComponents:2002":0,"_labelChanged:2064":0,"_closableChanged:2081":0,"initializer:2103":0,"renderUI:2126":0,"bindUI:2136":0,"_onLinkClick:2152":0,"markAsAlwaysVisible:2164":0,"markAsExpanded:2196":0,"markAsExpanding:2228":0,"markAsCollapsing:2255":0,"resize:2280":0,"_extractFixedMethodValue:2294":0,"_validateIcon:2320":0,"_validateNodeLabel:2333":0,"_validateIconsContainer:2346":0,"_validateIconExpanded:2359":0,"_validateIconAlwaysVisible:2372":0,"_validateIconClose:2385":0,"_setIcon:2399":0,"_setNodeLabel:2413":0,"_setIconsContainer:2427":0,"_setIconExpanded:2441":0,"_setIconAlwaysVisible:2455":0,"_setIconClose:2469":0,"_applyParser:2481":0,"_findStdModSection:2511":0,"validator:2545":0,"setter:2548":0,"validator:2574":0,"setter:2577":0,"validator:2592":0,"setter:2595":0,"validator:2609":0,"setter:2612":0,"validator:2627":0,"setter:2630":0,"validator:2645":0,"setter:2648":0,"validator:2683":0,"label:2772":0,"expanded:2803":0,"alwaysVisible:2821":0,"closable:2847":0,"contentHeight:2865":0,"(anonymous 11):1854":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-accordion/gallery-accordion.js"].coveredLines = 725;
+_yuitest_coverage["/build/gallery-accordion/gallery-accordion.js"].coveredFunctions = 102;
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1);
+YUI.add('gallery-accordion', function(Y) {
+
+/**
+ * Provides Accordion widget
+ *
+ * @module gallery-accordion
+ */
+
+_yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 9);
+(function(){
+
+// Local constants
+_yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 2)", 9);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 12);
+var Lang = Y.Lang,
+ Node = Y.Node,
+ Anim = Y.Anim,
+ Easing = Y.Easing,
+ AccName = "accordion",
+ WidgetStdMod = Y.WidgetStdMod,
+ QuirksMode = document.compatMode == "BackCompat",
+ IEQuirksMode = QuirksMode && Y.UA.ie > 0,
+ COLLAPSE_HEIGHT = IEQuirksMode ? 1 : 0,
+ getCN = Y.ClassNameManager.getClassName,
+
+ C_ITEM = "yui3-accordion-item",
+ C_PROXY_VISIBLE = getCN( AccName, "proxyel", "visible" ),
+ DRAGGROUP = getCN( AccName, "graggroup" ),
+
+ BEFOREITEMADD = "beforeItemAdd",
+ ITEMADDED = "itemAdded",
+ ITEMCHOSEN = 'itemChosen',
+ BEFOREITEMREMOVE = "beforeItemRemove",
+ ITEMREMOVED = "itemRemoved",
+ BEFOREITEMERESIZED = "beforeItemResized",
+ ITEMERESIZED = "itemResized",
+
+ BEFOREITEMEXPAND = "beforeItemExpand",
+ BEFOREITEMCOLLAPSE = "beforeItemCollapse",
+ ITEMEXPANDED = "itemExpanded",
+ ITEMCOLLAPSED = "itemCollapsed",
+
+ BEFOREITEMREORDER = "beforeItemReorder",
+ BEFOREENDITEMREORDER = "beforeEndItemReorder",
+ ITEMREORDERED = "itemReordered",
+
+ DEFAULT = "default",
+ ANIMATION = "animation",
+ ALWAYSVISIBLE = "alwaysVisible",
+ EXPANDED = "expanded",
+ COLLAPSEOTHERSONEXPAND = "collapseOthersOnExpand",
+ ITEMS = "items",
+ CONTENT_HEIGHT = "contentHeight",
+ ICON_CLOSE = "iconClose",
+ ICON_ALWAYSVISIBLE = "iconAlwaysVisible",
+ STRETCH = "stretch",
+ PX = "px",
+ CONTENT_BOX = "contentBox",
+ BOUNDING_BOX = "boundingBox",
+ SRCNODE = "srcNode",
+ RENDERED = "rendered",
+ BODYCONTENT = "bodyContent",
+ CHILDREN = "children",
+ PARENT_NODE = "parentNode",
+ NODE = "node",
+ DATA = "data";
+
+
+/**
+ * Accordion creates an widget, consists of one or more items, which can be collapsed, expanded,
+ * set as always visible and reordered by using Drag&Drop. Collapsing/expanding might be animated.
+ *
+ * @class Accordion
+ * @extends Widget
+ */
+
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 74);
+Y.Accordion = Y.Base.create( AccName, Y.Widget, [], {
+
+ /**
+ * Signals the beginning of adding an item to the Accordion.
+ *
+ * @event beforeItemAdd
+ * @param event {Event.Facade} An Event Facade object with the following attribute specific properties added:
+ * -
+ *
- item + *
- An
AccordionIteminstance of the item being added
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item that has been added
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item being removed
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item that has been removed
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item being resized
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item that has been resized
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item being expanded
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item being collapsed
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item that has been expanded
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item that has been collapsed
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item being reordered
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item being reordered
+ *
-
+ *
- item + *
- An
AccordionIteminstance of the item that has been reordered
+ *
-
+ *
- item + *
- An
AccordionItemitem on which user has clicked or pressed key
+ * - srcIconAlwaysVisible
Boolean
+ * - True if user has clicked on 'set as always visible' icon + *
- srcIconClose
Boolean
+ * - True if user has clicked on 'close' icon + *
Y.on or Y.after.
+ * @property _itemHandles
+ * @private
+ * @type Object
+ */
+ _itemsHandles: {},
+
+
+ /**
+ * Removes all handles, attched to given item
+ *
+ * @method _removeItemHandles
+ * @protected
+ * @param item {Y.AccordionItem} The item, which handles to remove
+ */
+ _removeItemHandles: function( item ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_removeItemHandles", 355);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 356);
+var itemHandles, itemHandle;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 358);
+itemHandles = this._itemsHandles[ item ];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 360);
+for( itemHandle in itemHandles ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 361);
+if( itemHandles.hasOwnProperty( itemHandle ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 362);
+itemHandle = itemHandles[ itemHandle ];
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 363);
+itemHandle.detach();
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 367);
+delete this._itemsHandles[ item ];
+ },
+
+ /**
+ * Obtains the precise height of the node provided, including padding and border.
+ *
+ * @method _getNodeOffsetHeight
+ * @protected
+ * @param node {Node|HTMLElement} The node to gather the height from
+ * @return {Number} The calculated height or zero in case of failure
+ */
+ _getNodeOffsetHeight: function( node ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_getNodeOffsetHeight", 378);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 379);
+var height, preciseRegion;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 381);
+if( node instanceof Node ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 382);
+if( node.hasMethod( "getBoundingClientRect" ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 383);
+preciseRegion = node.invoke( "getBoundingClientRect" );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 385);
+if( preciseRegion ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 386);
+height = preciseRegion.bottom - preciseRegion.top;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 388);
+return height;
+ }
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 391);
+height = node.get( "offsetHeight" );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 392);
+return Y.Lang.isValue( height ) ? height : 0;
+ }
+ } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 394);
+if( node ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 395);
+height = node.offsetHeight;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 396);
+return Y.Lang.isValue( height ) ? height : 0;
+ }}
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 399);
+return 0;
+ },
+
+
+ /**
+ * Updates expand and alwaysVisible properties of given item with the values provided.
+ * The properties will be updated only if needed.
+ *
+ * @method _setItemProperties
+ * @protected
+ * @param item {Y.AccordionItem} The item, which properties should be updated
+ * @param expanding {Boolean} The new value of "expanded" property
+ * @param alwaysVisible {Boolean} The new value of "alwaysVisible" property
+ */
+ _setItemProperties: function( item, expanding, alwaysVisible ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setItemProperties", 413);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 414);
+var curAlwaysVisible, curExpanded;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 416);
+curAlwaysVisible = item.get( ALWAYSVISIBLE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 417);
+curExpanded = item.get( EXPANDED );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 419);
+if( expanding != curExpanded ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 420);
+item.set( EXPANDED, expanding, {
+ internalCall: true
+ });
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 425);
+if( alwaysVisible !== curAlwaysVisible ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 426);
+item.set( ALWAYSVISIBLE, alwaysVisible, {
+ internalCall: true
+ });
+ }
+ },
+
+
+ /**
+ * Updates user interface of an item and marks it as expanded, alwaysVisible or both
+ *
+ * @method _setItemUI
+ * @protected
+ * @param item {Y.AccordionItem} The item, which user interface should be updated
+ * @param expanding {Boolean} If true, the item will be marked as expanded.
+ * If false, the item will be marked as collapsed
+ * @param alwaysVisible {Boolean} If true, the item will be marked as always visible.
+ * If false, the always visible mark will be removed
+ */
+ _setItemUI: function( item, expanding, alwaysVisible ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setItemUI", 444);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 445);
+item.markAsExpanded( expanding );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 446);
+item.markAsAlwaysVisible( alwaysVisible );
+ },
+
+
+ /**
+ * Sets listener to resize event
+ *
+ * @method _afterRender
+ * @protected
+ * @param e {Event} after render custom event
+ */
+ _afterRender: function( e ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_afterRender", 457);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 458);
+var resizeEvent;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 460);
+resizeEvent = this.get( "resizeEvent" );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 462);
+this._setUpResizing( resizeEvent );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 464);
+this.after( "resizeEventChange", Y.bind( this._afterResizeEventChange, this ) );
+ },
+
+
+ /**
+ * Set up resizing with the new value provided
+ *
+ * @method _afterResizeEventChange
+ * @protected
+ * @param params {Event} after resizeEventChange custom event
+ */
+ _afterResizeEventChange: function( params ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_afterResizeEventChange", 475);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 476);
+this._setUpResizing( params.newVal );
+ },
+
+
+ /**
+ * Distributes the involved items as result of user interaction on item header.
+ * Some items might be stored in the list for collapsing, other in the list for expanding.
+ * Finally, invokes _processItems function, except if item has been expanded and
+ * user has clicked on always visible icon.
+ * If the user clicked on close icon, the item will be closed.
+ *
+ * @method _onItemChosen
+ * @protected
+ * @param event {Event.Facade} An Event Facade object with the following attribute specific properties added:
+ * -
+ *
- item + *
- An
AccordionItemitem on which user has clicked or pressed key
+ * - srcIconAlwaysVisible {Boolean} + *
- True if user has clicked on 'set as always visible' icon + *
- srcIconClose {Boolean} + *
- True if user has clicked on 'close' icon + *
contentHeight property is set as "stretch".
+ * If some item has animation running, it will be stopped before running another one.
+ *
+ * @method adjustStretchItems
+ * @protected
+ * @return {Number} The calculated height per strech item
+ */
+ _adjustStretchItems: function(){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_adjustStretchItems", 574);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 575);
+var items = this.get( ITEMS ), heightPerStretchItem, forExpanding;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 577);
+heightPerStretchItem = this._getHeightPerStretchItem();
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 578);
+forExpanding = this._forExpanding;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 580);
+Y.Array.each( items, function( item, index, items ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 3)", 580);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 581);
+var body, bodyHeight, anim, heightSettings, expanded;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 583);
+heightSettings = item.get( CONTENT_HEIGHT );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 584);
+expanded = item.get( EXPANDED );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 586);
+if( !forExpanding[ item ] && heightSettings.method === STRETCH && expanded ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 587);
+anim = this._animations[ item ];
+
+ // stop waiting animation
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 590);
+if( anim ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 591);
+anim.stop();
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 594);
+body = item.getStdModNode( WidgetStdMod.BODY );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 595);
+bodyHeight = this._getNodeOffsetHeight( body );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 597);
+if( heightPerStretchItem < bodyHeight ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 598);
+this._processCollapsing( item, heightPerStretchItem );
+ } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 599);
+if( heightPerStretchItem > bodyHeight ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 600);
+this._processExpanding( item, heightPerStretchItem );
+ }}
+ }
+ }, this );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 605);
+return heightPerStretchItem;
+ },
+
+ /**
+ * Calculates the height per strech item.
+ *
+ * @method _getHeightPerStretchItem
+ * @protected
+ * @return {Number} The calculated height per strech item
+ */
+ _getHeightPerStretchItem: function(){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_getHeightPerStretchItem", 615);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 616);
+var height, items, stretchCounter = 0;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 618);
+items = this.get( ITEMS );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 619);
+height = this.get( BOUNDING_BOX ).get( "clientHeight" );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 621);
+Y.Array.each( items, function( item, index, items ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 4)", 621);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 622);
+var collapsed, itemContentHeight, header, heightSettings, headerHeight;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 624);
+header = item.getStdModNode( WidgetStdMod.HEADER );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 625);
+heightSettings = item.get( CONTENT_HEIGHT );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 627);
+headerHeight = this._getNodeOffsetHeight( header );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 629);
+height -= headerHeight;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 630);
+collapsed = !item.get( EXPANDED );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 632);
+if( collapsed ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 633);
+height -= COLLAPSE_HEIGHT;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 634);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 637);
+if( heightSettings.method === STRETCH ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 638);
+stretchCounter++;
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 640);
+itemContentHeight = this._getItemContentHeight( item );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 641);
+height -= itemContentHeight;
+ }
+ }, this );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 645);
+if( stretchCounter > 0 ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 646);
+height /= stretchCounter;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 649);
+if( height < 0 ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 650);
+height = 0;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 653);
+return height;
+ },
+
+
+ /**
+ * Calculates the height of given item depending on its "contentHeight" property.
+ *
+ * @method _getItemContentHeight
+ * @protected
+ * @param item {Y.AccordionItem} The item, which height should be calculated
+ * @return {Number} The calculated item's height
+ */
+ _getItemContentHeight: function( item ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_getItemContentHeight", 665);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 666);
+var heightSettings, height = 0, body, bodyContent;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 668);
+heightSettings = item.get( CONTENT_HEIGHT );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 670);
+if( heightSettings.method === "auto" ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 671);
+body = item.getStdModNode( WidgetStdMod.BODY );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 672);
+bodyContent = body.get( CHILDREN ).item(0);
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 673);
+height = bodyContent ? this._getNodeOffsetHeight( bodyContent ) : 0;
+ } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 674);
+if( heightSettings.method === "fixed" ) {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 675);
+height = heightSettings.height;
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 677);
+height = this._getHeightPerStretchItem();
+ }}
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 680);
+return height;
+ },
+
+
+ /**
+ * Stores all items, which are expanded and not set as always visible in list
+ * in order to be collapsed later.
+ *
+ * @method _storeItemsForCollapsing
+ * @protected
+ * @param itemsToBeExcluded {Object} (optional) Contains one or more Y.AccordionItem instances,
+ * which should be not included in the list
+ */
+ _storeItemsForCollapsing: function( itemsToBeExcluded ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_storeItemsForCollapsing", 693);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 694);
+var items;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 696);
+itemsToBeExcluded = itemsToBeExcluded || {};
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 697);
+items = this.get( ITEMS );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 699);
+Y.Array.each( items, function( item, index, items ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 5)", 699);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 700);
+var expanded, alwaysVisible;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 702);
+expanded = item.get( EXPANDED );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 703);
+alwaysVisible = item.get( ALWAYSVISIBLE );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 705);
+if( expanded && !alwaysVisible && !itemsToBeExcluded[ item ] ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 706);
+this._forCollapsing[ item ] = {
+ 'item': item
+ };
+ }
+ }, this );
+ },
+
+
+ /**
+ * Expands an item to given height. This includes also an update to item's user interface
+ *
+ * @method _expandItem
+ * @protected
+ * @param item {Y.AccordionItem} The item, which should be expanded.
+ * @param height {Number} The height to which we should expand the item
+ */
+ _expandItem: function( item, height ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_expandItem", 722);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 723);
+var alwaysVisible = item.get( ALWAYSVISIBLE );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 725);
+this._processExpanding( item, height );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 726);
+this._setItemUI( item, true, alwaysVisible );
+ },
+
+
+ /**
+ * Expands an item to given height. Depending on the useAnimation setting,
+ * the process of expanding might be animated. This setting will be ignored, if forceSkipAnimation param
+ * is true.
+ *
+ * @method _processExpanding
+ * @protected
+ * @param item {Y.AccordionItem} An Y.AccordionItem instance to be expanded
+ * @param forceSkipAnimation {Boolean} If true, the animation will be skipped,
+ * without taking in consideration Accordion's useAnimation setting
+ * @param height {Number} The height to which item should be expanded
+ */
+ _processExpanding: function( item, height, forceSkipAnimation ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_processExpanding", 742);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 743);
+var anim, curAnim, animSettings, notifyOthers = false,
+ accAnimationSettings, body;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 746);
+body = item.getStdModNode( WidgetStdMod.BODY );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 748);
+this.fire( BEFOREITEMERESIZED, {
+ 'item': item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 752);
+if( body.get( "clientHeight" ) <= COLLAPSE_HEIGHT ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 753);
+notifyOthers = true;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 754);
+this.fire( BEFOREITEMEXPAND, {
+ 'item': item
+ });
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 759);
+if( !forceSkipAnimation && this.get( "useAnimation" ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 760);
+animSettings = item.get( ANIMATION ) || {};
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 762);
+anim = new Anim( {
+ node: body,
+ to: {
+ 'height': height
+ }
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 769);
+anim.on( "end", Y.bind( this._onExpandComplete, this, item, notifyOthers ) );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 771);
+accAnimationSettings = this.get( ANIMATION );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 773);
+anim.set( "duration", animSettings.duration || accAnimationSettings.duration );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 774);
+anim.set( "easing" , animSettings.easing || accAnimationSettings.easing );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 776);
+curAnim = this._animations[ item ];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 778);
+if( curAnim ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 779);
+curAnim.stop();
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 782);
+item.markAsExpanding( true );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 784);
+this._animations[ item ] = anim;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 786);
+anim.run();
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 788);
+body.setStyle( "height", height + PX );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 790);
+this.fire( ITEMERESIZED, {
+ 'item': item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 794);
+if( notifyOthers ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 795);
+this.fire( ITEMEXPANDED, {
+ 'item': item
+ });
+ }
+ }
+ },
+
+
+ /**
+ * Executes when animated expanding completes
+ *
+ * @method _onExpandComplete
+ * @protected
+ * @param item {Y.AccordionItem} An Y.AccordionItem instance which has been expanded
+ * @param notifyOthers {Boolean} If true, itemExpanded event will be fired
+ */
+ _onExpandComplete: function( item, notifyOthers ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_onExpandComplete", 811);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 812);
+delete this._animations[ item ];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 814);
+item.markAsExpanding( false );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 816);
+this.fire( ITEMERESIZED, {
+ 'item': item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 820);
+if( notifyOthers ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 821);
+this.fire( ITEMEXPANDED, {
+ 'item': item
+ });
+ }
+ },
+
+
+ /**
+ * Collapse an item and update its user interface
+ *
+ * @method _collapseItem
+ * @protected
+ * @param item {Y.AccordionItem} The item, which should be collapsed
+ */
+ _collapseItem: function( item ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_collapseItem", 835);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 836);
+this._processCollapsing( item, COLLAPSE_HEIGHT );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 837);
+this._setItemUI( item, false, false );
+ },
+
+
+ /**
+ * Collapse an item to given height. Depending on the useAnimation setting,
+ * the process of collapsing might be animated. This setting will be ignored, if forceSkipAnimation param
+ * is true.
+ *
+ * @method _processCollapsing
+ * @protected
+ * @param item {Y.AccordionItem} An Y.AccordionItem instance to be collapsed
+ * @param height {Number} The height to which item should be collapsed
+ * @param forceSkipAnimation {Boolean} If true, the animation will be skipped,
+ * without taking in consideration Accordion's useAnimation setting
+ */
+ _processCollapsing: function( item, height, forceSkipAnimation ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_processCollapsing", 853);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 854);
+var anim, curAnim, animSettings, accAnimationSettings, body,
+ notifyOthers = (height === COLLAPSE_HEIGHT);
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 857);
+body = item.getStdModNode( WidgetStdMod.BODY );
+
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 860);
+this.fire( BEFOREITEMERESIZED, {
+ 'item': item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 864);
+if( notifyOthers ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 865);
+this.fire( BEFOREITEMCOLLAPSE, {
+ 'item': item
+ });
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 870);
+if( !forceSkipAnimation && this.get( "useAnimation" ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 871);
+animSettings = item.get( ANIMATION ) || {};
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 873);
+anim = new Anim( {
+ node: body,
+ to: {
+ 'height': height
+ }
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 880);
+anim.on( "end", Y.bind( this._onCollapseComplete, this, item, notifyOthers ) );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 882);
+accAnimationSettings = this.get( ANIMATION );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 884);
+anim.set( "duration", animSettings.duration || accAnimationSettings.duration );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 885);
+anim.set( "easing" , animSettings.easing || accAnimationSettings.easing );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 887);
+curAnim = this._animations[ item ];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 889);
+if( curAnim ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 890);
+curAnim.stop();
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 893);
+item.markAsCollapsing( true );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 895);
+this._animations[ item ] = anim;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 897);
+anim.run();
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 899);
+body.setStyle( "height", height + PX );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 901);
+this.fire( ITEMERESIZED, {
+ 'item': item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 905);
+if( notifyOthers ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 906);
+this.fire( ITEMCOLLAPSED, {
+ 'item': item
+ });
+ }
+ }
+ },
+
+
+ /**
+ * Executes when animated collapsing completes
+ *
+ * @method _onCollapseComplete
+ * @protected
+ * @param item {Y.AccordionItem} An Y.AccordionItem instance which has been collapsed
+ * @param notifyOthers {Boolean} If true, itemCollapsed event will be fired
+ */
+ _onCollapseComplete: function( item, notifyOthers ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_onCollapseComplete", 922);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 923);
+delete this._animations[ item ];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 925);
+item.markAsCollapsing( false );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 927);
+this.fire( ITEMERESIZED, {
+ item: item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 931);
+if( notifyOthers ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 932);
+this.fire( ITEMCOLLAPSED, {
+ 'item': item
+ });
+ }
+ },
+
+
+ /**
+ * Make an item draggable. The item can be reordered later.
+ *
+ * @method _initItemDragDrop
+ * @protected
+ * @param item {Y.AccordionItem} An Y.AccordionItem instance to be set as draggable
+ */
+ _initItemDragDrop: function( item ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_initItemDragDrop", 946);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 947);
+var itemHeader, dd, bb, itemBB, ddrop;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 949);
+itemHeader = item.getStdModNode( WidgetStdMod.HEADER );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 951);
+if( itemHeader.dd ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 952);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 955);
+bb = this.get( BOUNDING_BOX );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 956);
+itemBB = item.get( BOUNDING_BOX );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 958);
+dd = new Y.DD.Drag({
+ node: itemHeader,
+ groups: [ DRAGGROUP ]
+ }).plug(Y.Plugin.DDProxy, {
+ moveOnEnd: false
+ }).plug(Y.Plugin.DDConstrained, {
+ constrain2node: bb
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 967);
+ddrop = new Y.DD.Drop({
+ node: itemBB,
+ groups: [ DRAGGROUP ]
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 972);
+dd.on ( "drag:start", Y.bind( this._onDragStart, this, dd ) );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 973);
+dd.on ( "drag:end" , Y.bind( this._onDragEnd, this, dd ) );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 974);
+dd.after( "drag:end" , Y.bind( this._afterDragEnd, this, dd ) );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 975);
+dd.on ( "drag:drophit", Y.bind( this._onDropHit, this, dd ) );
+ },
+
+
+ /**
+ * Sets the label of the item being dragged on the drag proxy.
+ * Fires beforeItemReorder event - returning false will cancel reordering
+ *
+ * @method _onDragStart
+ * @protected
+ * @param dd {Y.DD.Drag} The drag instance of the item
+ * @param e {Event} the DD instance's drag:start custom event
+ */
+ _onDragStart: function( dd, e ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_onDragStart", 988);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 989);
+var dragNode, item;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 991);
+item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 992);
+dragNode = dd.get( "dragNode" );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 994);
+dragNode.addClass( C_PROXY_VISIBLE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 995);
+dragNode.set( "innerHTML", item.get( "label" ) );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 997);
+return this.fire( BEFOREITEMREORDER, { 'item': item } );
+ },
+
+
+ /**
+ * Restores HTML structure of the drag proxy.
+ * Fires beforeEndItemReorder event - returning false will cancel reordering
+ *
+ * @method _onDragEnd
+ * @protected
+ * @param dd {Y.DD.Drag} The drag instance of the item
+ * @param e {Event} the DD instance's drag:end custom event
+ */
+ _onDragEnd: function( dd, e ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_onDragEnd", 1010);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1011);
+var dragNode, item;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1013);
+dragNode = dd.get( "dragNode" );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1015);
+dragNode.removeClass( C_PROXY_VISIBLE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1016);
+dragNode.set( "innerHTML", "" );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1018);
+item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1019);
+return this.fire( BEFOREENDITEMREORDER, { 'item': item } );
+ },
+
+
+ /**
+ * Set drophit to false in dragdrop instance's custom value (if there has been drophit) and fires itemReordered event
+ *
+ * @method _afterDragEnd
+ * @protected
+ * @param dd {Y.DD.Drag} The drag instance of the item
+ * @param e {Event} the DD instance's drag:end custom event
+ */
+ _afterDragEnd: function( dd, e ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_afterDragEnd", 1031);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1032);
+var item, data;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1034);
+data = dd.get( DATA );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1036);
+if( data.drophit ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1037);
+item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1039);
+dd.set( DATA, {
+ drophit: false
+ } );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1043);
+return this.fire( ITEMREORDERED, { 'item': item } );
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1046);
+return true;
+ },
+
+
+ /**
+ * Moves the source item before or after target item.
+ *
+ * @method _onDropHit
+ * @protected
+ * @param dd {Y.DD.Drag} The drag instance of the item
+ * @param e {Event} the DD instance's drag:drophit custom event
+ */
+ _onDropHit: function( dd, e) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_onDropHit", 1058);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1059);
+var mineIndex, targetItemIndex, targetItemBB, itemBB, cb,
+ goingUp, items, targetItem, item;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1062);
+item = this.getItem( dd.get( NODE ).get( PARENT_NODE ) );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1063);
+targetItem = this.getItem( e.drop.get( NODE ) );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1065);
+if( targetItem === item ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1066);
+return false;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1069);
+mineIndex = this.getItemIndex( item );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1070);
+targetItemIndex = this.getItemIndex( targetItem );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1071);
+targetItemBB = targetItem.get( BOUNDING_BOX );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1072);
+itemBB = item.get( BOUNDING_BOX );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1073);
+cb = this.get( CONTENT_BOX );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1074);
+goingUp = false;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1075);
+items = this.get( ITEMS );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1077);
+if( targetItemIndex < mineIndex ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1078);
+goingUp = true;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1081);
+cb.removeChild( itemBB );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1083);
+if( goingUp ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1084);
+cb. insertBefore( itemBB, targetItemBB );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1085);
+items.splice( mineIndex, 1 );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1086);
+items.splice( targetItemIndex, 0, item );
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1088);
+cb. insertBefore( itemBB, targetItemBB.next( C_ITEM ) );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1089);
+items.splice( targetItemIndex + 1, 0, item );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1090);
+items.splice( mineIndex, 1 );
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1093);
+dd.set( DATA, {
+ drophit: true
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1097);
+return true;
+ },
+
+
+ /**
+ * Process items as result of user interaction or properties change.
+ * This includes four steps:
+ * 1. Update the properties of the items
+ * 2. Collapse all items stored in the list for collapsing
+ * 3. Adjust all stretch items
+ * 4. Expand items stored in the list for expanding
+ *
+ * @method _processItems
+ * @protected
+ */
+ _processItems: function(){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_processItems", 1112);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1113);
+var forCollapsing, forExpanding, itemCont, heightPerStretchItem,
+ height, heightSettings, item;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1116);
+forCollapsing = this._forCollapsing;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1117);
+forExpanding = this._forExpanding;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1119);
+this._setItemsProperties();
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1121);
+for( item in forCollapsing ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1122);
+if( forCollapsing.hasOwnProperty( item ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1123);
+itemCont = forCollapsing[ item ];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1125);
+this._collapseItem( itemCont.item );
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1129);
+heightPerStretchItem = this._adjustStretchItems();
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1131);
+for( item in forExpanding ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1132);
+if( forExpanding.hasOwnProperty( item ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1133);
+itemCont = forExpanding[ item ];
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1134);
+item = itemCont.item;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1135);
+height = heightPerStretchItem;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1136);
+heightSettings = item.get( CONTENT_HEIGHT );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1138);
+if( heightSettings.method !== STRETCH ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1139);
+height = this._getItemContentHeight( item );
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1142);
+this._expandItem( item, height );
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1146);
+this._forCollapsing = {};
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1147);
+this._forExpanding = {};
+ },
+
+
+ /**
+ * Update properties of items, which were stored in the lists for collapsing or expanding
+ *
+ * @method _setItemsProperties
+ * @protected
+ */
+ _setItemsProperties: function (){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setItemsProperties", 1157);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1158);
+var forCollapsing, forExpanding, itemData;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1160);
+forCollapsing = this._forCollapsing;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1161);
+forExpanding = this._forExpanding;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1163);
+for( itemData in forCollapsing ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1164);
+if( forCollapsing.hasOwnProperty( itemData ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1165);
+itemData = forCollapsing[ itemData ];
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1166);
+this._setItemProperties( itemData.item, false, false );
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1170);
+for( itemData in forExpanding ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1171);
+if( forExpanding.hasOwnProperty( itemData ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1172);
+itemData = forExpanding[ itemData ];
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1173);
+this._setItemProperties( itemData.item, true, itemData.alwaysVisible );
+ }
+ }
+ },
+
+
+ /**
+ * Handles the change of "expand" property of given item
+ *
+ * @method _afterItemExpand
+ * @protected
+ * @param params {EventFacade} The event facade for the attribute change
+ */
+ _afterItemExpand: function( params ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_afterItemExpand", 1186);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1187);
+var expanded, item, alwaysVisible, collapseOthersOnExpand;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1189);
+if( params.internalCall ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1190);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1193);
+expanded = params.newVal;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1194);
+item = params.currentTarget;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1195);
+alwaysVisible = item.get( ALWAYSVISIBLE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1196);
+collapseOthersOnExpand = this.get( COLLAPSEOTHERSONEXPAND );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1198);
+if( expanded ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1199);
+this._forExpanding[ item ] = {
+ 'item': item,
+ 'alwaysVisible': alwaysVisible
+ };
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1204);
+if( collapseOthersOnExpand ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1205);
+this._storeItemsForCollapsing();
+ }
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1208);
+this._forCollapsing[ item ] = {
+ 'item': item
+ };
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1213);
+this._processItems();
+ },
+
+ /**
+ * Handles the change of "alwaysVisible" property of given item
+ *
+ * @method _afterItemAlwaysVisible
+ * @protected
+ * @param params {EventFacade} The event facade for the attribute change
+ */
+ _afterItemAlwaysVisible: function( params ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_afterItemAlwaysVisible", 1223);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1224);
+var item, alwaysVisible, expanded;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1226);
+if( params.internalCall ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1227);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1230);
+alwaysVisible = params.newVal;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1231);
+item = params.currentTarget;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1232);
+expanded = item.get( EXPANDED );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1234);
+if( alwaysVisible ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1235);
+if( expanded ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1236);
+this._setItemProperties( item, true, true );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1237);
+this._setItemUI( item, true, true );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1238);
+return;
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1240);
+this._forExpanding[ item ] = {
+ 'item': item,
+ 'alwaysVisible': true
+ };
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1245);
+this._storeItemsForCollapsing();
+ }
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1248);
+if( expanded ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1249);
+this._setItemUI( item, true, false );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1250);
+return;
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1252);
+return;
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1256);
+this._processItems();
+ },
+
+
+ /**
+ * Handles the change of "contentHeight" property of given item
+ *
+ * @method _afterContentHeight
+ * @protected
+ * @param params {EventFacade} The event facade for the attribute change
+ */
+ _afterContentHeight: function( params ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_afterContentHeight", 1267);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1268);
+var item, itemContentHeight, body, bodyHeight, expanded;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1270);
+item = params.currentTarget;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1272);
+this._adjustStretchItems();
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1274);
+if( params.newVal.method !== STRETCH ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1275);
+expanded = item.get( EXPANDED );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1276);
+itemContentHeight = this._getItemContentHeight( item );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1278);
+body = item.getStdModNode( WidgetStdMod.BODY );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1279);
+bodyHeight = this._getNodeOffsetHeight( body );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1281);
+if( itemContentHeight < bodyHeight ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1282);
+this._processCollapsing( item, itemContentHeight, !expanded );
+ } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1283);
+if( itemContentHeight > bodyHeight ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1284);
+this._processExpanding( item, itemContentHeight, !expanded );
+ }}
+ }
+ },
+
+
+ /**
+ * Handles the change of "contentUpdate" property of given item
+ *
+ * @method _afterContentUpdate
+ * @protected
+ * @param params {EventFacade} The event facade for the attribute change
+ */
+ _afterContentUpdate : function( params ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_afterContentUpdate", 1297);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1298);
+var item, body, bodyHeight, expanded, auto, anim;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1300);
+item = params.currentTarget;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1301);
+auto = item.get( "contentHeight" ).method === "auto";
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1302);
+expanded = item.get( EXPANDED );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1304);
+body = item.getStdModNode( WidgetStdMod.BODY );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1305);
+bodyHeight = this._getNodeOffsetHeight( body );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1307);
+if( auto && expanded && params.src !== Y.Widget.UI_SRC ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1308);
+Y.later( 0, this, function(){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 6)", 1308);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1309);
+var itemContentHeight = this._getItemContentHeight( item );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1311);
+if( itemContentHeight !== bodyHeight ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1312);
+anim = this._animations[ item ];
+
+ // stop waiting animation
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1315);
+if( anim ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1316);
+anim.stop();
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1319);
+this._adjustStretchItems();
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1321);
+if( itemContentHeight < bodyHeight ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1322);
+this._processCollapsing( item, itemContentHeight, !expanded );
+ } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1323);
+if( itemContentHeight > bodyHeight ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1324);
+this._processExpanding( item, itemContentHeight, !expanded );
+ }}
+ }
+ } );
+ }
+ },
+
+
+ /**
+ * Subscribe for resize event, which could be provided from the browser or from an arbitrary object.
+ * For example, if there is LayoutManager in the page, it is preferable to subscribe to its resize event,
+ * instead to those, which browser provides.
+ *
+ * @method _setUpResizing
+ * @protected
+ * @param value {String|Object} String "default" or object with the following properties:
+ * -
+ *
- sourceObject + *
- An abbitrary object + *
- resizeEvent + *
- The name of its resize event + *
contentBox
+ *
+ * @method renderUI
+ * @protected
+ */
+ renderUI: function(){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "renderUI", 1366);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1367);
+var srcNode, itemsDom, contentBox, srcNodeId;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1369);
+srcNode = this.get( SRCNODE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1370);
+contentBox = this.get( CONTENT_BOX );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1371);
+srcNodeId = srcNode.get( "id" );
+
+ /*
+ * Widget 3.1 workaround - the Id of contentBox is generated by YUI, instead to keep srcNode's Id, so we set it manually
+ */
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1376);
+contentBox.set( "id", srcNodeId );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1378);
+itemsDom = srcNode.all( "> ." + C_ITEM );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1380);
+itemsDom.each( function( itemNode, index, itemsDom ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 7)", 1380);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1381);
+var newItem;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1383);
+if( !this.getItem( itemNode ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1384);
+newItem = new Y.AccordionItem({
+ srcNode: itemNode,
+ id : itemNode.get( "id" )
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1389);
+this.addItem( newItem );
+ }
+ }, this );
+ },
+
+
+ /**
+ * Add listener(s) to itemChosen event in Accordion's content box.
+ * If itemChosen is an Array, this function will invoke multiple times _bindItemChosenEvent
+ *
+ * @method bindUI
+ * @protected
+ */
+ bindUI: function(){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "bindUI", 1402);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1403);
+var i, itemChosenEvent, length;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1405);
+itemChosenEvent = this.get( ITEMCHOSEN );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1407);
+if( Lang.isArray(itemChosenEvent) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1408);
+length = itemChosenEvent.length;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1410);
+for( i = 0; i < length; i++ ) {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1411);
+this._bindItemChosenEvent(itemChosenEvent[i]);
+ }
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1414);
+this._bindItemChosenEvent(itemChosenEvent);
+ }
+ },
+
+
+ /**
+ * Listening for itemChosen event, determines the source (is that iconClose, iconAlwaysVisisble, etc.) and
+ * invokes this._onItemChosen for further processing
+ *
+ * @method _onItemChosenEvent
+ * @protected
+ *
+ * @param e {Event} The itemChosen event
+ */
+ _onItemChosenEvent: function(e){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_onItemChosenEvent", 1428);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1429);
+var header, itemNode, item, iconAlwaysVisible,
+ iconClose, srcIconAlwaysVisible, srcIconClose;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1432);
+header = e.currentTarget;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1433);
+itemNode = header.get( PARENT_NODE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1434);
+item = this.getItem( itemNode );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1435);
+iconAlwaysVisible = item.get( ICON_ALWAYSVISIBLE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1436);
+iconClose = item.get( ICON_CLOSE );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1437);
+srcIconAlwaysVisible = (iconAlwaysVisible === e.target);
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1438);
+srcIconClose = (iconClose === e.target);
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1440);
+this.fire( ITEMCHOSEN, {
+ item: item,
+ srcIconAlwaysVisible: srcIconAlwaysVisible,
+ srcIconClose: srcIconClose
+ });
+ },
+
+
+ /**
+ * Add an item to Accordion. Items could be added/removed multiple times and they
+ * will be rendered in the process of adding, if not.
+ * The item will be expanded, collapsed, or set as always visible depending on the
+ * settings. Item's properties will be also updated, if they are incomplete.
+ * For example, if alwaysVisible is true, but expanded
+ * property is false, it will be set to true also.
+ *
+ * If the second param, parentItem is an Y.AccordionItem instance,
+ * registered in Accordion, the item will be added as child of the parentItem
+ *
+ * @method addItem
+ * @param item {Y.AccordionItem} The item to be added in Accordion
+ * @param parentItem {Y.AccordionItem} (optional) This item will be the parent of the item being added
+ *
+ * @return {Boolean} True in case of successfully added item, false otherwise
+ */
+ addItem: function( item, parentItem ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "addItem", 1465);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1466);
+var expanded, alwaysVisible, itemBody, itemBodyContent, itemIndex, items, contentBox,
+ itemHandles, itemContentBox, res, children;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1469);
+res = this.fire( BEFOREITEMADD, {
+ 'item': item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1473);
+if( !res ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1474);
+return false;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1477);
+items = this.get( ITEMS );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1478);
+contentBox = this.get( CONTENT_BOX );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1480);
+itemContentBox = item.get( CONTENT_BOX );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1482);
+if( !itemContentBox.inDoc() ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1483);
+if( parentItem ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1484);
+itemIndex = this.getItemIndex( parentItem );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1486);
+if( itemIndex < 0 ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1487);
+return false;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1490);
+items.splice( itemIndex, 0, item );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1491);
+contentBox.insertBefore( itemContentBox, parentItem.get( BOUNDING_BOX ) );
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1493);
+items.push( item );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1494);
+contentBox.insertBefore( itemContentBox, null );
+ }
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1497);
+children = contentBox.get( CHILDREN );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1499);
+res = children.some( function( node, index, nodeList ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 8)", 1499);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1500);
+if( node === itemContentBox ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1501);
+items.splice( index, 0, item );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1502);
+return true;
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1504);
+return false;
+ }
+ }, this );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1508);
+if( !res ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1509);
+return false;
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1513);
+itemBody = item.getStdModNode( WidgetStdMod.BODY );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1514);
+itemBodyContent = item.get( BODYCONTENT );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1516);
+if( !itemBody && !itemBodyContent ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1517);
+item.set( BODYCONTENT, "" );
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1520);
+if( !item.get( RENDERED ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1521);
+item.render();
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1524);
+expanded = item.get( EXPANDED );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1525);
+alwaysVisible = item.get( ALWAYSVISIBLE );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1527);
+expanded = expanded || alwaysVisible;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1529);
+if( expanded ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1530);
+this._forExpanding[ item ] = {
+ 'item': item,
+ 'alwaysVisible': alwaysVisible
+ };
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1535);
+this._forCollapsing[ item ] = {
+ 'item': item
+ };
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1540);
+this._processItems();
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1542);
+if( this.get( "reorderItems" ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1543);
+this._initItemDragDrop( item );
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1546);
+itemHandles = this._itemsHandles[ item ];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1548);
+if( !itemHandles ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1549);
+itemHandles = {};
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1552);
+itemHandles = {
+ "expandedChange" : item.after( "expandedChange", Y.bind( this._afterItemExpand, this ) ),
+ "alwaysVisibleChange" : item.after( "alwaysVisibleChange", Y.bind( this._afterItemAlwaysVisible, this ) ),
+ "contentHeightChange" : item.after( "contentHeightChange", Y.bind( this._afterContentHeight, this ) ),
+ "contentUpdate" : item.after( "contentUpdate", Y.bind( this._afterContentUpdate, this ) )
+ };
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1559);
+this._itemsHandles[ item ] = itemHandles;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1561);
+this.fire( ITEMADDED, {
+ 'item': item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1565);
+return true;
+ },
+
+
+ /**
+ * Removes an previously registered item in Accordion
+ *
+ * @method removeItem
+ * @param p_item {Y.AccordionItem|Number} The item to be removed, or its index
+ * @return {Y.AccordionItem} The removed item or null if not found
+ */
+ removeItem: function( p_item ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "removeItem", 1576);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1577);
+var items, bb, item = null, itemIndex, allowed;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1579);
+items = this.get( ITEMS );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1581);
+if( Lang.isNumber( p_item ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1582);
+itemIndex = p_item;
+ } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1583);
+if( p_item instanceof Y.AccordionItem ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1584);
+itemIndex = this.getItemIndex( p_item );
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1586);
+return null;
+ }}
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1589);
+if( itemIndex >= 0 ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1590);
+allowed = this.fire( BEFOREITEMREMOVE, {
+ item: p_item
+ });
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1594);
+if( !allowed ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1595);
+return null;
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1598);
+item = items.splice( itemIndex, 1 )[0];
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1600);
+this._removeItemHandles( item );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1602);
+bb = item.get( BOUNDING_BOX );
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1603);
+bb.remove();
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1605);
+this._adjustStretchItems();
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1607);
+this.fire( ITEMREMOVED, {
+ item: p_item
+ });
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1612);
+return item;
+ },
+
+
+ /**
+ * Searching for item, previously registered in Accordion
+ *
+ * @method getItem
+ * @param param {Number|Y.Node} If number, this must be item's index.
+ * If Node, it should be the value of item's contentBox or boundingBox properties
+ *
+ * @return {Y.AccordionItem} The found item or null
+ */
+ getItem: function( param ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "getItem", 1625);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1626);
+var items = this.get( ITEMS ), item = null;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1628);
+if( Lang.isNumber( param ) ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1629);
+item = items[ param ];
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1630);
+return (item instanceof Y.AccordionItem) ? item : null;
+ } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1631);
+if( param instanceof Node ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1632);
+Y.Array.some( items, function( tmpItem, index, items ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 9)", 1632);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1633);
+var contentBox = tmpItem.get( CONTENT_BOX );
+
+ /*
+ * Both contentBox and boundingBox point to same node, so it is safe to check only one of them
+ */
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1638);
+if( contentBox === param ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1639);
+item = tmpItem;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1640);
+return true;
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1642);
+return false;
+ }
+ }, this );
+ }}
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1647);
+return item;
+ },
+
+
+ /**
+ * Looking for the index of previously registered item
+ *
+ * @method getItemIndex
+ * @param item {Y.AccordionItem} The item which index should be returned
+ * @return {Number} Item index or -1 if item has been not found
+ */
+ getItemIndex: function( item ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "getItemIndex", 1658);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1659);
+var res = -1, items;
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1661);
+if( item instanceof Y.AccordionItem ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1662);
+items = this.get( ITEMS );
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1664);
+Y.Array.some( items, function( tmpItem, index, items ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 10)", 1664);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1665);
+if( tmpItem === item ){
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1666);
+res = index;
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1667);
+return true;
+ } else {
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1669);
+return false;
+ }
+ }, this );
+ }
+
+ _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1674);
+return res;
+ },
+
+
+ /**
+ * Overwrites Y.WidgetStdMod fuction in order to resolve Widget 3.1 issue:+ * If CONTENT_TEMPLATE is null, in renderUI the result of the following code: + *
this.getStdModNode( Y.WidgetStdMod.HEADER ); is null.
+ * The same is with this.getStdModNode( Y.WidgetStdMod.BODY );.
+ *
+ * @method _findStdModSection
+ * @protected
+ * @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) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_findStdModSection", 1689);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1690);
+return this.get(SRCNODE).one("> ." + Y.WidgetStdMod.SECTION_CLASS_NAMES[section]);
+ },
+
+ CONTENT_TEMPLATE : null
+}, {
+ /**
+ * Static property provides a string to identify the class.
+ *
+ * @property Accordion.NAME
+ * @type String
+ * @static
+ */
+ NAME : AccName,
+
+ /**
+ * Static property used to define the default attribute
+ * configuration for the Accordion.
+ *
+ * @property Accordion.ATTRS
+ * @type Object
+ * @static
+ */
+ ATTRS : {
+ /**
+ * @description The event on which Accordion should listen for user interactions.
+ * The value can be also 'mousedown', 'mouseup' or ['mouseenter','click'].
+ * Mousedown event can be used if drag&drop is not enabled.
+ *
+ * @attribute itemChosen
+ * @default click
+ * @type String|Array
+ */
+ itemChosen: {
+ value: "click",
+ validator: function( value ) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 1724);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1725);
+return Lang.isString(value) || Lang.isArray(value);
+ }
+ },
+
+ /**
+ * @description Contains the items, currently added to Accordion
+ *
+ * @attribute items
+ * @readOnly
+ * @default []
+ * @type Array
+ */
+ items: {
+ value: [],
+ readOnly: true,
+ validator: Lang.isArray
+ },
+
+ /**
+ * @attribute resizeEvent
+ *
+ * @description The event on which Accordion should listen for resizing.
+ * The value must be one of these:
+ * -
+ *
- String "default" - the Accordion will subscribe to Y.windowresize event + * + *
- An object in the following form: + * { + * sourceObject: some_javascript_object, + * resizeEvent: an_event_to_subscribe + * } + * + *
{
+ * duration: 1,
+ * easing: Easing.easeOutStrong
+ * }
+ *
+ *
+ * @type Object
+ */
+ animation: {
+ value: {
+ duration: 1,
+ easing: Easing.easeOutStrong
+ },
+ validator: function( value ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 1808);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1809);
+return Lang.isObject( value ) && Lang.isNumber( value.duration ) &&
+ Lang.isFunction( value.easing );
+ }
+ },
+
+ /**
+ * @attribute reorderItems
+ * @description Boolean indicating that items can be reordered via drag and drop.+ * + * Enabling items reordering requires also including the optional drag and drop modules in YUI instance:
+ * 'dd-constrain', 'dd-proxy', 'dd-drop', or just 'dd' + * + * @default false + * @type Boolean + */ + reorderItems: { + value: false, + validator: function(value){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 1826); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1827); +return Lang.isBoolean(value) && !Lang.isUndefined( Y.DD ); + } + }, + + /** + * @attribute collapseOthersOnExpand + * @description If true, on item expanding, all other expanded and not set as always visible items, will be collapsed + * Otherwise, they will stay open + * + * @default true + * @type Boolean + */ + collapseOthersOnExpand: { + value: true, + validator: Lang.isBoolean + } + } +}); + +}()); + +/** + * Provides AccordionItem class + * + * @module gallery-accordion + */ + +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1854); +(function(){ + +// Local constants +_yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "(anonymous 11)", 1854); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1857); +var Lang = Y.Lang, + Node = Y.Node, + JSON = Y.JSON, + WidgetStdMod = Y.WidgetStdMod, + AccItemName = "accordion-item", + getCN = Y.ClassNameManager.getClassName, + + C_ICONEXPANDED_EXPANDING = getCN( AccItemName, "iconexpanded", "expanding" ), + C_ICONEXPANDED_COLLAPSING = getCN( AccItemName, "iconexpanded", "collapsing" ), + + C_ICON = getCN( AccItemName, "icon" ), + C_LABEL = getCN( AccItemName, "label" ), + C_ICONALWAYSVISIBLE = getCN( AccItemName, "iconalwaysvisible" ), + C_ICONSCONTAINER = getCN( AccItemName, "icons" ), + C_ICONEXPANDED = getCN( AccItemName, "iconexpanded" ), + C_ICONCLOSE = getCN( AccItemName, "iconclose" ), + C_ICONCLOSE_HIDDEN = getCN( AccItemName, "iconclose", "hidden" ), + + C_ICONEXPANDED_ON = getCN( AccItemName, "iconexpanded", "on" ), + C_ICONEXPANDED_OFF = getCN( AccItemName, "iconexpanded", "off" ), + + C_ICONALWAYSVISIBLE_ON = getCN( AccItemName, "iconalwaysvisible", "on" ), + C_ICONALWAYSVISIBLE_OFF = getCN( AccItemName, "iconalwaysvisible", "off" ), + + C_EXPANDED = getCN( AccItemName, "expanded" ), + C_CLOSABLE = getCN( AccItemName, "closable" ), + C_ALWAYSVISIBLE = getCN( AccItemName, "alwaysvisible" ), + C_CONTENTHEIGHT = getCN( AccItemName, "contentheight" ), + + TITLE = "title", + STRINGS = "strings", + RENDERED = "rendered", + CLASS_NAME = "className", + AUTO = "auto", + STRETCH = "stretch", + FIXED = "fixed", + HEADER_SELECTOR = ".yui3-widget-hd", + DOT = ".", + HEADER_SELECTOR_SUB = ".yui3-widget-hd " + DOT, + INNER_HTML = "innerHTML", + ICONS_CONTAINER = "iconsContainer", + ICON = "icon", + NODE_LABEL = "nodeLabel", + ICON_ALWAYSVISIBLE = "iconAlwaysVisible", + ICON_EXPANDED = "iconExpanded", + ICON_CLOSE = "iconClose", + HREF = "href", + HREF_VALUE = "#", + YUICONFIG = "yuiConfig", + + REGEX_TRUE = /^(?:true|yes|1)$/, + REGEX_AUTO = /^auto\s*/, + REGEX_STRETCH = /^stretch\s*/, + REGEX_FIXED = /^fixed-\d+/; + +/** + * Create an AccordionItem widget. + * + * @class AccordionItem + * @extends Widget + */ + +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1919); +Y.AccordionItem = Y.Base.create( AccItemName, Y.Widget, [Y.WidgetStdMod], { + /** + * Creates the header content + * + * @method _createHeader + * @protected + */ + _createHeader: function(){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_createHeader", 1926); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1927); +var closable, templates, strings, iconsContainer, + icon, nodeLabel, iconExpanded, iconAlwaysVisible, iconClose; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1930); +icon = this.get( ICON ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1931); +nodeLabel = this.get( NODE_LABEL ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1932); +iconExpanded = this.get( ICON_EXPANDED ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1933); +iconAlwaysVisible = this.get( ICON_ALWAYSVISIBLE ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1934); +iconClose = this.get( ICON_CLOSE ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1935); +iconsContainer = this.get( ICONS_CONTAINER ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1937); +strings = this.get( STRINGS ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1938); +closable = this.get( "closable" ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1939); +templates = Y.AccordionItem.TEMPLATES; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1941); +if( !icon ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1942); +icon = Node.create( templates.icon ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1943); +this.set( ICON, icon ); + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1946); +if( !nodeLabel ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1947); +nodeLabel = Node.create( templates.label ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1948); +this.set( NODE_LABEL, nodeLabel ); + } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1949); +if( !nodeLabel.hasAttribute( HREF ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1950); +nodeLabel.setAttribute( HREF, HREF_VALUE ); + }} + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1953); +nodeLabel.setContent( this.get( "label" ) ); + + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1956); +if( !iconsContainer ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1957); +iconsContainer = Node.create( templates.iconsContainer ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1958); +this.set( ICONS_CONTAINER, iconsContainer ); + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1961); +if( !iconAlwaysVisible ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1962); +iconAlwaysVisible = Node.create( templates.iconAlwaysVisible ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1963); +iconAlwaysVisible.setAttribute( TITLE, strings.title_always_visible_off ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1964); +this.set( ICON_ALWAYSVISIBLE, iconAlwaysVisible ); + } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1965); +if( !iconAlwaysVisible.hasAttribute( HREF ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1966); +iconAlwaysVisible.setAttribute( HREF, HREF_VALUE ); + }} + + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1970); +if( !iconExpanded ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1971); +iconExpanded = Node.create( templates.iconExpanded ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1972); +iconExpanded.setAttribute( TITLE, strings.title_iconexpanded_off ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1973); +this.set( ICON_EXPANDED, iconExpanded ); + } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1974); +if( !iconExpanded.hasAttribute( HREF ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1975); +iconExpanded.setAttribute( HREF, HREF_VALUE ); + }} + + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1979); +if( !iconClose ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1980); +iconClose = Node.create( templates.iconClose ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1981); +iconClose.setAttribute( TITLE, strings.title_iconclose ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1982); +this.set( ICON_CLOSE, iconClose ); + } else {_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1983); +if( !iconClose.hasAttribute( HREF ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1984); +iconClose.setAttribute( HREF, HREF_VALUE ); + }} + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1987); +if( closable ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1988); +iconClose.removeClass( C_ICONCLOSE_HIDDEN ); + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1990); +iconClose.addClass( C_ICONCLOSE_HIDDEN ); + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 1993); +this._addHeaderComponents(); + }, + + /** + * Add label and icons in the header. Also, it creates header in if not set from markup + * + * @method _addHeaderComponents + * @protected + */ + _addHeaderComponents: function(){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_addHeaderComponents", 2002); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2003); +var header, icon, nodeLabel, iconsContainer, iconExpanded, + iconAlwaysVisible, iconClose; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2006); +icon = this.get( ICON ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2007); +nodeLabel = this.get( NODE_LABEL ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2008); +iconExpanded = this.get( ICON_EXPANDED ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2009); +iconAlwaysVisible = this.get( ICON_ALWAYSVISIBLE ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2010); +iconClose = this.get( ICON_CLOSE ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2011); +iconsContainer = this.get( ICONS_CONTAINER ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2013); +header = this.getStdModNode( WidgetStdMod.HEADER ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2015); +if( !header ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2016); +header = new Node( document.createDocumentFragment() ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2017); +header.appendChild( icon ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2018); +header.appendChild( nodeLabel ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2019); +header.appendChild( iconsContainer ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2020); +iconsContainer.appendChild( iconAlwaysVisible ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2021); +iconsContainer.appendChild( iconExpanded ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2022); +iconsContainer.appendChild( iconClose ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2024); +this.setStdModContent( WidgetStdMod.HEADER, header, WidgetStdMod.REPLACE ); + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2026); +if( !header.contains( icon ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2027); +if( header.contains( nodeLabel ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2028); +header.insertBefore( icon, nodeLabel ); + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2030); +header.appendChild( icon ); + } + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2034); +if( !header.contains( nodeLabel ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2035); +header.appendChild( nodeLabel ); + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2038); +if( !header.contains( iconsContainer ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2039); +header.appendChild( iconsContainer ); + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2042); +if( !iconsContainer.contains( iconAlwaysVisible ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2043); +iconsContainer.appendChild( iconAlwaysVisible ); + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2046); +if( !iconsContainer.contains( iconExpanded ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2047); +iconsContainer.appendChild( iconExpanded ); + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2050); +if( !iconsContainer.contains( iconClose ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2051); +iconsContainer.appendChild( iconClose ); + } + } + }, + + + /** + * Handles the change of "labelChanged" property. Updates item's UI with the label provided + * + * @method _labelChanged + * @protected + * @param params {EventFacade} The event facade for the attribute change + */ + _labelChanged: function( params ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_labelChanged", 2064); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2065); +var label; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2067); +if( this.get( RENDERED ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2068); +label = this.get( NODE_LABEL ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2069); +label.set( INNER_HTML, params.newVal ); + } + }, + + + /** + * Handles the change of "closableChanged" property. Hides or shows close icon + * + * @method _closableChanged + * @protected + * @param params {EventFacade} The event facade for the attribute change + */ + _closableChanged: function( params ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_closableChanged", 2081); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2082); +var iconClose; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2084); +if( this.get( RENDERED ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2085); +iconClose = this.get( ICON_CLOSE ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2087); +if( params.newVal ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2088); +iconClose.removeClass( C_ICONCLOSE_HIDDEN ); + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2090); +iconClose.addClass( C_ICONCLOSE_HIDDEN ); + } + } + }, + + + /** + * Initializer lifecycle implementation for the AccordionItem class. + * + * @method initializer + * @protected + * @param config {Object} Configuration object literal for the AccordionItem + */ + initializer: function( config ) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "initializer", 2103); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2104); +this.after( "labelChange", Y.bind( this._labelChanged, this ) ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2105); +this.after( "closableChange", Y.bind( this._closableChanged, this ) ); + }, + + + /** + * Destructor lifecycle implementation for the AccordionItem class. + * + * @method destructor + * @protected + */ + destructor : function() { + // EMPTY + }, + + + /** + * Creates AccordionItem's header. + * + * @method renderUI + * @protected + */ + renderUI: function(){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "renderUI", 2126); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2127); +this._createHeader(); + }, + + /** + * Configures/Sets up listeners to bind Widget State to UI/DOM + * + * @method bindUI + * @protected + */ + bindUI: function(){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "bindUI", 2136); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2137); +var contentBox = this.get( "contentBox" ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2139); +contentBox.delegate( "click", Y.bind( this._onLinkClick, this ), HEADER_SELECTOR + ' a' ); + }, + + + + /** + * Prevent default action on clicking the link in the label + * + * @method _onLinkClick + * @protected + * + * @param e {Event} The click event + */ + _onLinkClick: function( e ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_onLinkClick", 2152); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2153); +e.preventDefault(); + }, + + /** + * Marks the item as always visible by adding class to always visible icon. + * The icon will be updated only if needed. + * + * @method markAsAlwaysVisible + * @param alwaysVisible {Boolean} If true, the item should be marked as always visible. + * @return {Boolean} Return true if the icon has been updated, false if there was no need to update + */ + markAsAlwaysVisible: function( alwaysVisible ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "markAsAlwaysVisible", 2164); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2165); +var iconAlwaysVisisble, strings; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2167); +iconAlwaysVisisble = this.get( ICON_ALWAYSVISIBLE ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2168); +strings = this.get( STRINGS ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2170); +if( alwaysVisible ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2171); +if( !iconAlwaysVisisble.hasClass( C_ICONALWAYSVISIBLE_ON ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2172); +iconAlwaysVisisble.replaceClass( C_ICONALWAYSVISIBLE_OFF, C_ICONALWAYSVISIBLE_ON ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2173); +iconAlwaysVisisble.set( TITLE, strings.title_always_visible_on ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2174); +return true; + } + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2177); +if( iconAlwaysVisisble.hasClass( C_ICONALWAYSVISIBLE_ON ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2178); +iconAlwaysVisisble.replaceClass( C_ICONALWAYSVISIBLE_ON, C_ICONALWAYSVISIBLE_OFF ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2179); +iconAlwaysVisisble.set( TITLE, strings.title_always_visible_off ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2180); +return true; + } + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2184); +return false; + }, + + + /** + * Marks the item as expanded by adding class to expand icon. + * The icon will be updated only if needed. + * + * @method markAsExpanded + * @param expanded {Boolean} Boolean indicating that item should be marked as expanded. + * @return {Boolean} Return true if the icon has been updated, false if there was no need to update + */ + markAsExpanded: function( expanded ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "markAsExpanded", 2196); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2197); +var strings, iconExpanded; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2199); +iconExpanded = this.get( ICON_EXPANDED ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2200); +strings = this.get( STRINGS ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2202); +if( expanded ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2203); +if( !iconExpanded.hasClass( C_ICONEXPANDED_ON ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2204); +iconExpanded.replaceClass( C_ICONEXPANDED_OFF, C_ICONEXPANDED_ON ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2205); +iconExpanded.set( TITLE , strings.title_iconexpanded_on ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2206); +return true; + } + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2209); +if( iconExpanded.hasClass( C_ICONEXPANDED_ON ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2210); +iconExpanded.replaceClass( C_ICONEXPANDED_ON, C_ICONEXPANDED_OFF ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2211); +iconExpanded.set( TITLE , strings.title_iconexpanded_off ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2212); +return true; + } + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2216); +return false; + }, + + + /** + * Marks the item as expanding by adding class to expand icon. + * The method will update icon only if needed. + * + * @method markAsExpanding + * @param expanding {Boolean} Boolean indicating that the item should be marked as expanding. + * @return {Boolean} Return true if the icon has been updated, false if there was no need to update + */ + markAsExpanding: function( expanding ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "markAsExpanding", 2228); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2229); +var iconExpanded = this.get( ICON_EXPANDED ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2231); +if( expanding ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2232); +if( !iconExpanded.hasClass( C_ICONEXPANDED_EXPANDING ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2233); +iconExpanded.addClass( C_ICONEXPANDED_EXPANDING ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2234); +return true; + } + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2237); +if( iconExpanded.hasClass( C_ICONEXPANDED_EXPANDING ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2238); +iconExpanded.removeClass( C_ICONEXPANDED_EXPANDING ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2239); +return true; + } + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2243); +return false; + }, + + + /** + * Marks the item as collapsing by adding class to expand icon. + * The method will update icon only if needed. + * + * @method markAsCollapsing + * @param collapsing {Boolean} Boolean indicating that the item should be marked as collapsing. + * @return {Boolean} Return true if the icon has been updated, false if there was no need to update + */ + markAsCollapsing: function( collapsing ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "markAsCollapsing", 2255); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2256); +var iconExpanded = this.get( ICON_EXPANDED ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2258); +if( collapsing ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2259); +if( !iconExpanded.hasClass( C_ICONEXPANDED_COLLAPSING ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2260); +iconExpanded.addClass( C_ICONEXPANDED_COLLAPSING ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2261); +return true; + } + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2264); +if( iconExpanded.hasClass( C_ICONEXPANDED_COLLAPSING ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2265); +iconExpanded.removeClass( C_ICONEXPANDED_COLLAPSING ); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2266); +return true; + } + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2270); +return false; + }, + + + /** + * Forces the item to resize as result of direct content manipulation (via 'innerHTML'). + * This method should be invoked if 'contentHeight' property has been set to 'auto'. + * + * @method resize + */ + resize : function(){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "resize", 2280); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2281); +this.fire( "contentUpdate" ); + }, + + + /** + * Parses and returns the value of contentHeight property, if set method "fixed". + * The value must be in this format: fixed-X, where X is integer + * + * @method _extractFixedMethodValue + * @param value {String} The value to be parsed + * @return {Number} The parsed value or null + * @protected + */ + _extractFixedMethodValue: function( value ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_extractFixedMethodValue", 2294); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2295); +var i, length, chr, height = null; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2297); +for( i = 6, length = value.length; i < length; i++ ){ // 6 = "fixed-".length + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2298); +chr = value.charAt(i); + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2299); +chr = parseInt( chr, 10 ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2301); +if( Lang.isNumber( chr ) ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2302); +height = (height * 10) + chr; + } else { + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2304); +break; + } + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2308); +return height; + }, + + + /** + * Validator applied to the icon attribute. Setting new value is not allowed if Accordion has been rendered. + * + * @method _validateIcon + * @param value {MIXED} the value for the icon attribute + * @return {Boolean} + * @protected + */ + _validateIcon: function( value ) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_validateIcon", 2320); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2321); +return !this.get(RENDERED) || value; + }, + + + /** + * Validator applied to the nodeLabel attribute. Setting new value is not allowed if Accordion has been rendered. + * + * @method _validateNodeLabel + * @param value {MIXED} the value for the nodeLabel attribute + * @return {Boolean} + * @protected + */ + _validateNodeLabel: function( value ) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_validateNodeLabel", 2333); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2334); +return !this.get(RENDERED) || value; + }, + + + /** + * Validator applied to the iconsContainer attribute. Setting new value is not allowed if Accordion has been rendered. + * + * @method _validateIconsContainer + * @param value {MIXED} the value for the iconsContainer attribute + * @return {Boolean} + * @protected + */ + _validateIconsContainer: function( value ) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_validateIconsContainer", 2346); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2347); +return !this.get(RENDERED) || value; + }, + + + /** + * Validator applied to the iconExpanded attribute. Setting new value is not allowed if Accordion has been rendered. + * + * @method _validateIconExpanded + * @param value {MIXED} the value for the iconExpanded attribute + * @return {Boolean} + * @protected + */ + _validateIconExpanded: function( value ) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_validateIconExpanded", 2359); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2360); +return !this.get(RENDERED) || value; + }, + + + /** + * Validator applied to the iconAlwaysVisible attribute. Setting new value is not allowed if Accordion has been rendered. + * + * @method _validateIconAlwaysVisible + * @param value {MIXED} the value for the iconAlwaysVisible attribute + * @return {Boolean} + * @protected + */ + _validateIconAlwaysVisible: function( value ) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_validateIconAlwaysVisible", 2372); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2373); +return !this.get(RENDERED) || value; + }, + + + /** + * Validator applied to the iconClose attribute. Setting new value is not allowed if Accordion has been rendered. + * + * @method _validateIconClose + * @param value {MIXED} the value for the iconClose attribute + * @return {Boolean} + * @protected + */ + _validateIconClose: function( value ) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_validateIconClose", 2385); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2386); +return !this.get(RENDERED) || value; + }, + + + /** + * Setter applied to the input when updating the icon attribute. Input can + * be a Node, raw HTMLElement, or a selector string to locate it. + * + * @method _setIcon + * @param value {Node|HTMLElement|String} The icon element Node or selector + * @return {Node} The Node if found, null otherwise. + * @protected + */ + _setIcon: function( value ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setIcon", 2399); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2400); +return Y.one( value ) || null; + }, + + + /** + * Setter applied to the input when updating the nodeLabel attribute. Input can + * be a Node, raw HTMLElement, or a selector string to locate it. + * + * @method _setNodeLabel + * @param value {Node|HTMLElement|String} The nodeLabel element Node or selector + * @return {Node} The Node if found, null otherwise. + * @protected + */ + _setNodeLabel: function( value ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setNodeLabel", 2413); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2414); +return Y.one( value ) || null; + }, + + + /** + * Setter applied to the input when updating the iconsContainer attribute. Input can + * be a Node, raw HTMLElement, or a selector string to locate it. + * + * @method _setIconsContainer + * @param value {Node|HTMLElement|String} The iconsContainer element Node or selector + * @return {Node} The Node if found, null otherwise. + * @protected + */ + _setIconsContainer: function( value ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setIconsContainer", 2427); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2428); +return Y.one( value ) || null; + }, + + + /** + * Setter applied to the input when updating the iconExpanded attribute. Input can + * be a Node, raw HTMLElement, or a selector string to locate it. + * + * @method _setIconExpanded + * @param value {Node|HTMLElement|String} The iconExpanded element Node or selector + * @return {Node} The Node if found, null otherwise. + * @protected + */ + _setIconExpanded: function( value ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setIconExpanded", 2441); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2442); +return Y.one( value ) || null; + }, + + + /** + * Setter applied to the input when updating the iconAlwaysVisible attribute. Input can + * be a Node, raw HTMLElement, or a selector string to locate it. + * + * @method _setIconAlwaysVisible + * @param value {Node|HTMLElement|String} The iconAlwaysVisible element Node or selector + * @return {Node} The Node if found, null otherwise. + * @protected + */ + _setIconAlwaysVisible: function( value ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setIconAlwaysVisible", 2455); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2456); +return Y.one( value ) || null; + }, + + + /** + * Setter applied to the input when updating the iconClose attribute. Input can + * be a Node, raw HTMLElement, or a selector string to locate it. + * + * @method _setIconClose + * @param value {Node|HTMLElement|String} The iconClose element Node or selector + * @return {Node} The Node if found, null otherwise. + * @protected + */ + _setIconClose: function( value ){ + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_setIconClose", 2469); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2470); +return Y.one( value ) || null; + }, + + + /** + * Overwrites Widget's _applyParser method in order to parse yuiConfig attribute before entering in HTML_PARSER attributes + * + * @method _applyParser + * @protected + * @param config {Object} User configuration object (will be populated with values from Node) + */ + _applyParser : function(config) { + _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_applyParser", 2481); +_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2482); +var srcNode; + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2484); +srcNode = this.get( "srcNode" ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2486); +if( srcNode ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2487); +this._parsedYUIConfig = srcNode.getAttribute( YUICONFIG ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2489); +if( this._parsedYUIConfig ){ + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2490); +this._parsedYUIConfig = JSON.parse( this._parsedYUIConfig ); + } + } + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2494); +Y.AccordionItem.superclass._applyParser.apply( this, arguments ); + + _yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2496); +delete this._parsedYUIConfig; + }, + + + /** + * Overwrites Y.WidgetStdMod fuction in order to resolve Widget 3.1 issue:
+ * If CONTENT_TEMPLATE is null, in renderUI the result of the following code: + *
this.getStdModNode( Y.WidgetStdMod.HEADER ); is null.
+ * The same is with this.getStdModNode( Y.WidgetStdMod.BODY );.
+ *
+ * @method _findStdModSection
+ * @protected
+ * @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) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "_findStdModSection", 2511);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2512);
+return this.get("srcNode").one("> ." + Y.WidgetStdMod.SECTION_CLASS_NAMES[section]);
+ },
+
+ CONTENT_TEMPLATE : null
+}, {
+ /**
+ * Static property provides a string to identify the class.
+ *
+ * @property NAME
+ * @type String
+ * @static
+ */
+ NAME : AccItemName,
+
+ /**
+ * Static property used to define the default attribute
+ * configuration for the Accordion.
+ *
+ * @property Accordion.ATTRS
+ * @type Object
+ * @static
+ */
+ ATTRS : {
+
+ /**
+ * @description The Node, representing item's icon
+ *
+ * @attribute icon
+ * @default null
+ * @type Node
+ */
+ icon: {
+ value: null,
+ validator: function( value ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 2545);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2546);
+return this._validateIcon( value );
+ },
+ setter : function( value ) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "setter", 2548);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2549);
+return this._setIcon( value );
+ }
+ },
+
+ /**
+ * @description The label of item
+ *
+ * @attribute label
+ * @default " "
+ * @type String
+ */
+ label: {
+ value: " ",
+ validator: Lang.isString
+ },
+
+ /**
+ * @description The node, which contains item's label
+ *
+ * @attribute nodeLabel
+ * @default null
+ * @type Node
+ */
+ nodeLabel: {
+ value: null,
+ validator: function( value ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 2574);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2575);
+return this._validateNodeLabel( value );
+ },
+ setter : function( value ) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "setter", 2577);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2578);
+return this._setNodeLabel( value );
+ }
+ },
+
+
+ /**
+ * @description The container of iconAlwaysVisible, iconExpanded and iconClose
+ *
+ * @attribute iconsContainer
+ * @default null
+ * @type Node
+ */
+ iconsContainer: {
+ value: null,
+ validator: function( value ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 2592);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2593);
+return this._validateIconsContainer( value );
+ },
+ setter : function( value ) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "setter", 2595);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2596);
+return this._setIconsContainer( value );
+ }
+ },
+
+ /**
+ * @description The Node, representing icon expanded
+ *
+ * @attribute iconExpanded
+ * @default null
+ * @type Node
+ */
+ iconExpanded: {
+ value: null,
+ validator: function( value ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 2609);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2610);
+return this._validateIconExpanded( value );
+ },
+ setter : function( value ) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "setter", 2612);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2613);
+return this._setIconExpanded( value );
+ }
+ },
+
+
+ /**
+ * @description The Node, representing icon always visible
+ *
+ * @attribute iconAlwaysVisible
+ * @default null
+ * @type Node
+ */
+ iconAlwaysVisible: {
+ value: null,
+ validator: function( value ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 2627);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2628);
+return this._validateIconAlwaysVisible( value );
+ },
+ setter : function( value ) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "setter", 2630);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2631);
+return this._setIconAlwaysVisible( value );
+ }
+ },
+
+
+ /**
+ * @description The Node, representing icon close, or null if the item is not closable
+ *
+ * @attribute iconClose
+ * @default null
+ * @type Node
+ */
+ iconClose: {
+ value: null,
+ validator: function( value ){
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "validator", 2645);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2646);
+return this._validateIconClose( value );
+ },
+ setter : function( value ) {
+ _yuitest_coverfunc("/build/gallery-accordion/gallery-accordion.js", "setter", 2648);
+_yuitest_coverline("/build/gallery-accordion/gallery-accordion.js", 2649);
+return this._setIconClose( value );
+ }
+ },
+
+ /**
+ * @description Get/Set expanded status of the item
+ *
+ * @attribute expanded
+ * @default false
+ * @type Boolean
+ */
+ expanded: {
+ value: false,
+ validator: Lang.isBoolean
+ },
+
+ /**
+ * @description Describe the method, which will be used when expanding/collapsing
+ * the item. The value should be an object with at least one property ("method"):
+ * -
+ *
- method + *
- The method can be one of these: "auto", "fixed" and "stretch" + *
- height + *
- Must be set only if method's value is "fixed" + *
+ * {
+ * icon : '<a class="yui3-accordion-item-icon"></a>',
+ * label: '<a href="#" class="yui3-accordion-item-label"></a>',
+ * iconsContainer: '<div class="yui3-accordion-item-icons"></div>',
+ * iconAlwaysVisible: '<a href="#" class="yui3-accordion-item-iconalwaysvisible"></a>',
+ * iconExpanded: '<a href="#" class="yui3-accordion-item-iconexpanded"></a>',
+ * iconClose: '<a href="#" class="yui3-accordion-item-iconclose yui3-accordion-item-iconclose-hidden"></a>'
+ * }
+ *
+ * @property WidgetStdMod.TEMPLATES
+ * @type Object
+ */
+ TEMPLATES : {
+ icon : '',
+ label: '',
+ iconsContainer: '',
+ iconExpanded: [''].join(''),
+ iconAlwaysVisible: [''].join(''),
+ iconClose: [''].join('')
+ }
+
+});
+
+}());
+
+
+
+}, 'gallery-2012.08.15-20-00' ,{requires:['event', 'anim-easing', 'widget', 'widget-stdmod', 'json-parse'], skinnable:true, optional:['dd-constrain', 'dd-proxy', 'dd-drop']});
diff --git a/build/gallery-accordion/gallery-accordion-debug.js b/build/gallery-accordion/gallery-accordion-debug.js
index 60283b41d6..2699df3038 100644
--- a/build/gallery-accordion/gallery-accordion-debug.js
+++ b/build/gallery-accordion/gallery-accordion-debug.js
@@ -2960,4 +2960,4 @@ Y.AccordionItem = Y.Base.create( AccItemName, Y.Widget, [Y.WidgetStdMod], {
-}, 'gallery-2011.03.23-22-20' ,{optional:['dd-constrain', 'dd-proxy', 'dd-drop'], requires:['event', 'anim-easing', 'widget', 'widget-stdmod', 'json-parse']});
+}, 'gallery-2012.08.15-20-00' ,{requires:['event', 'anim-easing', 'widget', 'widget-stdmod', 'json-parse'], skinnable:true, optional:['dd-constrain', 'dd-proxy', 'dd-drop']});
diff --git a/build/gallery-accordion/gallery-accordion-min.js b/build/gallery-accordion/gallery-accordion-min.js
index e8c667197d..a793be73be 100644
--- a/build/gallery-accordion/gallery-accordion-min.js
+++ b/build/gallery-accordion/gallery-accordion-min.js
@@ -1,4 +1,4 @@
YUI.add("gallery-accordion",function(a){(function(){var V=a.Lang,v=a.Node,z=a.Anim,h=a.Easing,n="accordion",x=a.WidgetStdMod,T=document.compatMode=="BackCompat",t=T&&a.UA.ie>0,u=t?1:0,j=a.ClassNameManager.getClassName,w="yui3-accordion-item",F=j(n,"proxyel","visible"),H=j(n,"graggroup"),B="beforeItemAdd",E="itemAdded",M="itemChosen",d="beforeItemRemove",I="itemRemoved",c="beforeItemResized",Q="itemResized",D="beforeItemExpand",G="beforeItemCollapse",k="itemExpanded",N="itemCollapsed",J="beforeItemReorder",r="beforeEndItemReorder",s="itemReordered",K="default",o="animation",p="alwaysVisible",e="expanded",C="collapseOthersOnExpand",y="items",U="contentHeight",b="iconClose",f="iconAlwaysVisible",g="stretch",S="px",A="contentBox",O="boundingBox",i="srcNode",L="rendered",P="bodyContent",q="children",l="parentNode",R="node",m="data";a.Accordion=a.Base.create(n,a.Widget,[],{initializer:function(W){this._initEvents();this.after("render",a.bind(this._afterRender,this));},destructor:function(){var W,Z,X,Y;W=this.get(y);Y=W.length;for(X=Y-1;X>=0;X--){Z=W[X];W.splice(X,1);this._removeItemHandles(Z);Z.destroy();}},_bindItemChosenEvent:function(X){var W;W=this.get(A);W.delegate(X,a.bind(this._onItemChosenEvent,this),".yui3-widget-hd");},_initEvents:function(){this.publish(M,{defaultFn:this._onItemChosen});},_forCollapsing:{},_forExpanding:{},_animations:{},_itemsHandles:{},_removeItemHandles:function(Y){var X,W;X=this._itemsHandles[Y];for(W in X){if(X.hasOwnProperty(W)){W=X[W];W.detach();}}delete this._itemsHandles[Y];},_getNodeOffsetHeight:function(Y){var W,X;if(Y instanceof v){if(Y.hasMethod("getBoundingClientRect")){X=Y.invoke("getBoundingClientRect");if(X){W=X.bottom-X.top;return W;}}else{W=Y.get("offsetHeight");return a.Lang.isValue(W)?W:0;}}else{if(Y){W=Y.offsetHeight;return a.Lang.isValue(W)?W:0;}}return 0;},_setItemProperties:function(Y,aa,X){var W,Z;W=Y.get(p);Z=Y.get(e);if(aa!=Z){Y.set(e,aa,{internalCall:true});}if(X!==W){Y.set(p,X,{internalCall:true});}},_setItemUI:function(X,Y,W){X.markAsExpanded(Y);X.markAsAlwaysVisible(W);},_afterRender:function(X){var W;W=this.get("resizeEvent");this._setUpResizing(W);this.after("resizeEventChange",a.bind(this._afterResizeEventChange,this));},_afterResizeEventChange:function(W){this._setUpResizing(W.newVal);},_onItemChosen:function(ac){var aa,Y,Z,X,ab,ad,W;ab=ac.item;ad=ac.srcIconAlwaysVisible;W=ac.srcIconClose;aa={};X=this.get(C);Y=ab.get(p);Z=ab.get(e);if(W){this.removeItem(ab);return;}else{if(ad){if(Z){Y=!Y;Z=Y?true:Z;this._setItemProperties(ab,Z,Y);this._setItemUI(ab,Z,Y);return;}else{this._forExpanding[ab]={"item":ab,alwaysVisible:true};if(X){aa[ab]={"item":ab};this._storeItemsForCollapsing(aa);}}}else{if(Z){this._forCollapsing[ab]={"item":ab};}else{this._forExpanding[ab]={"item":ab,"alwaysVisible":Y};if(X){aa[ab]={"item":ab};this._storeItemsForCollapsing(aa);}}}}this._processItems();},_adjustStretchItems:function(){var X=this.get(y),Y,W;Y=this._getHeightPerStretchItem();W=this._forExpanding;a.Array.each(X,function(ad,ac,ab){var Z,af,ae,ag,aa;ag=ad.get(U);aa=ad.get(e);if(!W[ad]&&ag.method===g&&aa){ae=this._animations[ad];if(ae){ae.stop();}Z=ad.getStdModNode(x.BODY);af=this._getNodeOffsetHeight(Z);if(YUseful algorithms not provided by browsers.
* - * @module gallery-algorithms - * @class Y.Array + * @main gallery-algorithms + * @class Array~algorithms */ /********************************************************************** *Swaps two elements.
* - * @method Y.Array.swap + * @method swap * @static * @param list {Array} the list on which to operate * @param i {int} first index @@ -28,7 +32,7 @@ Y.Array.swap = function(list,i,j) /********************************************************************** *A -1,0,+1 comparator for case-sensitive string comparison.
* - * @method Y.Array.compareStringsCaseSensitive + * @method compareStringsCaseSensitive * @static * @param s1 {String} first string * @param s2 {String} second string @@ -49,7 +53,7 @@ Y.Array.compareStringsCaseSensitive = function(s1, s2) /********************************************************************** *A -1,0,+1 comparator for case-insensitive string comparison.
* - * @method Y.Array.compareStringsCaseInsensitive + * @method compareStringsCaseInsensitive * @static * @param s1 {String} first string * @param s2 {String} second string @@ -64,7 +68,7 @@ Y.Array.compareStringsCaseInsensitive = function(s1, s2) *Converts a -1,0,+1 comparator into a boolean comparator, for use by * Y.Array.find().
* - * @method Y.Array.compareForFind + * @method compareForFind * @static * @param f {Function} -1,0,+1 comparator function * @return {Function} function that returns true if the arguments are equal @@ -80,13 +84,13 @@ Y.Array.compareForFind = function(f) /* quick sort history: - Copyright (c) 2006 John Lindal - Copyright (c) 2003 Scandinavian Digital Systems AB + Copyright (c) 2006 John Lindal + Copyright (c) 2003 Scandinavian Digital Systems AB - Adapted from http://www.digsys.se + Adapted from http://www.digsys.se - Freeware: The source code and its methods and algorithms may be - used as desired without restrictions. + Freeware: The source code and its methods and algorithms may be + used as desired without restrictions. */ function qsort1(list,i1,i2,compare) @@ -160,10 +164,10 @@ function qsortRange(list,first,last,compare) /********************************************************************** *Quick sort the given list.
* - * @method Y.Array.quickSort + * @method quickSort * @static * @param list {Array} the list to search (sorted on the compare function) - * @param compare {Function} the comparison function (default: Y.Array.compareStringsCaseSensitive) + * @param compare=Y.Array.compareStringsCaseSensitive {Function} the comparison function */ Y.Array.quickSort = function(list,compare) { @@ -180,11 +184,11 @@ binary search history: /********************************************************************** *Binary search.
* - * @method Y.Array.binarySearch + * @method binarySearch * @static * @param list {Array} the list to search (sorted on the compare function) * @param target {Mixed} the object to search for - * @param compare {Function} the comparison function (default: Y.Array.compareStringsCaseSensitive) + * @param compare=Y.Array.compareStringsCaseSensitive {Function} the comparison function * @return {int} index of matched item or -1 if no match */ Y.Array.binarySearch = function(list, target, compare) @@ -240,7 +244,7 @@ if (Y.ArrayList) * Useful algorithms that are not provided by browsers. Available if * Y.ArrayList (collection) is loaded. * - * @class Y.ArrayList + * @class ArrayList~extras */ Y.mix(Y.ArrayList, @@ -248,7 +252,7 @@ if (Y.ArrayList) /** *Swap two elements.
* - * @method Y.ArrayList.swap + * @method swap * @param i {int} first index * @param j {int} second index */ @@ -260,7 +264,7 @@ if (Y.ArrayList) /** *Set comparison function.
* - * @method Y.ArrayList.setComparator + * @method setComparator * @param compare {Function} the -1,0,+1 comparison function to use when sorting and searching */ setComparator: function(compare) @@ -271,7 +275,7 @@ if (Y.ArrayList) /** *Quick sort the given list, using the function passed to setComparator().
* - * @method Y.ArrayList.quickSort + * @method quickSort */ quickSort: function() { @@ -281,7 +285,7 @@ if (Y.ArrayList) /** *Binary search, using the function passed to setComparator().
* - * @method Y.ArrayList.binarySearch + * @method binarySearch * @param target {Mixed} the object to search for * @return {int} index of matched item or -1 if no match */ @@ -293,4 +297,4 @@ if (Y.ArrayList) } -}, 'gallery-2011.02.23-19-01' ,{optional:['collection']}); +}, 'gallery-2012.05.16-20-37' ,{optional:['collection']}); diff --git a/build/gallery-algorithms/gallery-algorithms-min.js b/build/gallery-algorithms/gallery-algorithms-min.js index 7e70edb022..1ca890c729 100644 --- a/build/gallery-algorithms/gallery-algorithms-min.js +++ b/build/gallery-algorithms/gallery-algorithms-min.js @@ -1 +1 @@ -YUI.add("gallery-algorithms",function(c){c.Array.swap=function(g,f,d){var e=g[f];g[f]=g[d];g[d]=e;};c.Array.compareStringsCaseSensitive=function(e,d){if(e==d){return 0;}else{return(eUseful algorithms not provided by browsers.
* - * @module gallery-algorithms - * @class Y.Array + * @main gallery-algorithms + * @class Array~algorithms */ /********************************************************************** *Swaps two elements.
* - * @method Y.Array.swap + * @method swap * @static * @param list {Array} the list on which to operate * @param i {int} first index @@ -28,7 +32,7 @@ Y.Array.swap = function(list,i,j) /********************************************************************** *A -1,0,+1 comparator for case-sensitive string comparison.
* - * @method Y.Array.compareStringsCaseSensitive + * @method compareStringsCaseSensitive * @static * @param s1 {String} first string * @param s2 {String} second string @@ -49,7 +53,7 @@ Y.Array.compareStringsCaseSensitive = function(s1, s2) /********************************************************************** *A -1,0,+1 comparator for case-insensitive string comparison.
* - * @method Y.Array.compareStringsCaseInsensitive + * @method compareStringsCaseInsensitive * @static * @param s1 {String} first string * @param s2 {String} second string @@ -64,7 +68,7 @@ Y.Array.compareStringsCaseInsensitive = function(s1, s2) *Converts a -1,0,+1 comparator into a boolean comparator, for use by * Y.Array.find().
* - * @method Y.Array.compareForFind + * @method compareForFind * @static * @param f {Function} -1,0,+1 comparator function * @return {Function} function that returns true if the arguments are equal @@ -80,13 +84,13 @@ Y.Array.compareForFind = function(f) /* quick sort history: - Copyright (c) 2006 John Lindal - Copyright (c) 2003 Scandinavian Digital Systems AB + Copyright (c) 2006 John Lindal + Copyright (c) 2003 Scandinavian Digital Systems AB - Adapted from http://www.digsys.se + Adapted from http://www.digsys.se - Freeware: The source code and its methods and algorithms may be - used as desired without restrictions. + Freeware: The source code and its methods and algorithms may be + used as desired without restrictions. */ function qsort1(list,i1,i2,compare) @@ -160,10 +164,10 @@ function qsortRange(list,first,last,compare) /********************************************************************** *Quick sort the given list.
* - * @method Y.Array.quickSort + * @method quickSort * @static * @param list {Array} the list to search (sorted on the compare function) - * @param compare {Function} the comparison function (default: Y.Array.compareStringsCaseSensitive) + * @param compare=Y.Array.compareStringsCaseSensitive {Function} the comparison function */ Y.Array.quickSort = function(list,compare) { @@ -180,11 +184,11 @@ binary search history: /********************************************************************** *Binary search.
* - * @method Y.Array.binarySearch + * @method binarySearch * @static * @param list {Array} the list to search (sorted on the compare function) * @param target {Mixed} the object to search for - * @param compare {Function} the comparison function (default: Y.Array.compareStringsCaseSensitive) + * @param compare=Y.Array.compareStringsCaseSensitive {Function} the comparison function * @return {int} index of matched item or -1 if no match */ Y.Array.binarySearch = function(list, target, compare) @@ -240,7 +244,7 @@ if (Y.ArrayList) * Useful algorithms that are not provided by browsers. Available if * Y.ArrayList (collection) is loaded. * - * @class Y.ArrayList + * @class ArrayList~extras */ Y.mix(Y.ArrayList, @@ -248,7 +252,7 @@ if (Y.ArrayList) /** *Swap two elements.
* - * @method Y.ArrayList.swap + * @method swap * @param i {int} first index * @param j {int} second index */ @@ -260,7 +264,7 @@ if (Y.ArrayList) /** *Set comparison function.
* - * @method Y.ArrayList.setComparator + * @method setComparator * @param compare {Function} the -1,0,+1 comparison function to use when sorting and searching */ setComparator: function(compare) @@ -271,7 +275,7 @@ if (Y.ArrayList) /** *Quick sort the given list, using the function passed to setComparator().
* - * @method Y.ArrayList.quickSort + * @method quickSort */ quickSort: function() { @@ -281,7 +285,7 @@ if (Y.ArrayList) /** *Binary search, using the function passed to setComparator().
* - * @method Y.ArrayList.binarySearch + * @method binarySearch * @param target {Mixed} the object to search for * @return {int} index of matched item or -1 if no match */ @@ -293,4 +297,4 @@ if (Y.ArrayList) } -}, 'gallery-2011.02.23-19-01' ,{optional:['collection']}); +}, 'gallery-2012.05.16-20-37' ,{optional:['collection']}); diff --git a/build/gallery-anim-class/gallery-anim-class-debug.js b/build/gallery-anim-class/gallery-anim-class-debug.js new file mode 100644 index 0000000000..f5d22ac831 --- /dev/null +++ b/build/gallery-anim-class/gallery-anim-class-debug.js @@ -0,0 +1,216 @@ +YUI.add('gallery-anim-class', function(Y) { + +"use strict"; + +/********************************************************************** + *Adds CSS class animation to `Y.Anim`, so you can specify `cssClass` + * in `from` and/or `to`. At the end of the animation, the `from` class is + * replaced by the `to` class, and all the individual styles used during + * the animation are removed.
+ * + *Explicit entries in `from` or `to` override values set by cssClass.
+ * + * @module gallery-anim-class + */ + +var css_attribute = +[ + "top","bottom","left","right","width","height", + "maxHeight","maxWidth","minHeight","minWidth", + + "color","fontSize","fontSizeAdjust","fontWeight", + "textIndent","textShadow","wordSpacing", + + "backgroundColor","backgroundPosition","backgroundSize", + "outlineColor","outlineWidth", + + "marginTop","marginRight","marginBottom","marginLeft", + + "borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth", + "borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius", + "borderTopColor","borderRightColor","borderBottomColor","borderLeftColor", + "borderSpacing", + + "paddingTop","paddingRight","paddingBottom","paddingLeft", + + "zIndex","opacity", + + "boxShadow", + "letterSpacing","lineHeight", + "markerOffset", + "orphans","widows", + "size", + + "fillOpacity", + "outlineOffset", + "floodColor","floodOpacity","lightingColor","stopColor","stopOpacity", + "stroke","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth" +]; + +function updateBehaviors() +{ + if (!Y.Anim.behaviors.outlineColor) + { + Y.Anim.behaviors.outlineColor = Y.Anim.behaviors.color; + } +} + +function getStyles(node) +{ + return Y.map(css_attribute, function(attr) + { + return node.getStyle(attr); + }); +} + +function isValidAttributeValue(s) +{ + return /[#0-9]/.test(s); // # covers colors like #AABBCC +} + +function initialState(node, from, to) +{ + if (to.cssClass) + { + node.removeClass(to.cssClass); + } + if (from.cssClass) + { + node.addClass(from.cssClass); + } +} + +function finalState(node, from, to) +{ + if (from.cssClass) + { + node.removeClass(from.cssClass); + } + if (to.cssClass) + { + node.addClass(to.cssClass); + } +} + +var orig_start = Y.Anim.prototype._start; +Y.Anim.prototype._start = function() +{ + var node = this.get('node'), + from = this.get('from') || {}, + to = this.get('to') || {}; + + updateBehaviors(); // patch after anim extensions are loaded + + delete this._class_diff_attr; + if (from.cssClass || to.cssClass) + { + finalState(node, from, to); + var new_style = getStyles(node); + + // second, so initial state is correct in forward case + + initialState(node, from, to); + var orig_style = getStyles(node); + + if (this.get('reverse')) + { + finalState(node, from, to); + } + + this._class_diff_attr = + { + fromClass: from.cssClass, + from: [], + toClass: to.cssClass, + to: [] + }; + Y.each(new_style, function(style, i) + { + var orig = orig_style[i]; + if (style !== orig) + { + var attr = css_attribute[i]; + if (!from[attr] && isValidAttributeValue(orig)) + { + this._class_diff_attr.from.push(attr); + from[attr] = orig; + } + if (!to[attr] && isValidAttributeValue(style)) + { + this._class_diff_attr.to.push(attr); + to[attr] = style; + } + } + }, + this); + + delete from.cssClass; + this.set('from', from); + + delete to.cssClass; + this.set('to', to); + } + + orig_start.apply(this, arguments); +}; + +var orig_runFrame = Y.Anim.prototype._runFrame; +Y.Anim.prototype._runFrame = function() +{ + // The first frame doesn't happen immediately, so _start() has to leave + // the original class in place. + + var reverse = this.get('reverse'); + if (!reverse && this._class_diff_attr && this._class_diff_attr.fromClass) + { + this.get('node').removeClass(this._class_diff_attr.fromClass); + } + else if (reverse && this._class_diff_attr && this._class_diff_attr.toClass) + { + this.get('node').removeClass(this._class_diff_attr.toClass); + } + + orig_runFrame.apply(this, arguments); +}; + +var orig_end = Y.Anim.prototype._end; +Y.Anim.prototype._end = function() +{ + if (this._class_diff_attr) + { + var node = this.get('node'), + from = this.get('from') || {}, + to = this.get('to') || {}; + + Y.each(this._class_diff_attr.from, function(attr) + { + delete from[attr]; + }); + + from.cssClass = this._class_diff_attr.fromClass; + this.set('from', from); + + Y.each(this._class_diff_attr.to, function(attr) + { + delete to[attr]; + node.setStyle(attr, ''); + }); + + to.cssClass = this._class_diff_attr.toClass; + this.set('to', to); + + if (this.get('reverse')) + { + initialState(node, from, to); + } + else + { + finalState(node, from, to); + } + } + + orig_end.apply(this, arguments); +}; + + +}, 'gallery-2012.05.16-20-37' ,{requires:['anim-base','node-style','gallery-funcprog']}); diff --git a/build/gallery-anim-class/gallery-anim-class-min.js b/build/gallery-anim-class/gallery-anim-class-min.js new file mode 100644 index 0000000000..f3cbd81e63 --- /dev/null +++ b/build/gallery-anim-class/gallery-anim-class-min.js @@ -0,0 +1 @@ +YUI.add("gallery-anim-class",function(b){var i=["top","bottom","left","right","width","height","maxHeight","maxWidth","minHeight","minWidth","color","fontSize","fontSizeAdjust","fontWeight","textIndent","textShadow","wordSpacing","backgroundColor","backgroundPosition","backgroundSize","outlineColor","outlineWidth","marginTop","marginRight","marginBottom","marginLeft","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","borderSpacing","paddingTop","paddingRight","paddingBottom","paddingLeft","zIndex","opacity","boxShadow","letterSpacing","lineHeight","markerOffset","orphans","widows","size","fillOpacity","outlineOffset","floodColor","floodOpacity","lightingColor","stopColor","stopOpacity","stroke","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth"];function d(){if(!b.Anim.behaviors.outlineColor){b.Anim.behaviors.outlineColor=b.Anim.behaviors.color;}}function g(k){return b.map(i,function(l){return k.getStyle(l);});}function e(k){return/[#0-9]/.test(k);}function c(k,m,l){if(l.cssClass){k.removeClass(l.cssClass);}if(m.cssClass){k.addClass(m.cssClass);}}function f(k,m,l){if(m.cssClass){k.removeClass(m.cssClass);}if(l.cssClass){k.addClass(l.cssClass);}}var a=b.Anim.prototype._start;b.Anim.prototype._start=function(){var l=this.get("node"),o=this.get("from")||{},n=this.get("to")||{};d();delete this._class_diff_attr;if(o.cssClass||n.cssClass){f(l,o,n);var k=g(l);c(l,o,n);var m=g(l);if(this.get("reverse")){f(l,o,n);}this._class_diff_attr={fromClass:o.cssClass,from:[],toClass:n.cssClass,to:[]};b.each(k,function(r,q){var s=m[q];if(r!==s){var p=i[q];if(!o[p]&&e(s)){this._class_diff_attr.from.push(p);o[p]=s;}if(!n[p]&&e(r)){this._class_diff_attr.to.push(p);n[p]=r;}}},this);delete o.cssClass;this.set("from",o);delete n.cssClass;this.set("to",n);}a.apply(this,arguments);};var h=b.Anim.prototype._runFrame;b.Anim.prototype._runFrame=function(){var k=this.get("reverse");if(!k&&this._class_diff_attr&&this._class_diff_attr.fromClass){this.get("node").removeClass(this._class_diff_attr.fromClass);}else{if(k&&this._class_diff_attr&&this._class_diff_attr.toClass){this.get("node").removeClass(this._class_diff_attr.toClass);}}h.apply(this,arguments);};var j=b.Anim.prototype._end;b.Anim.prototype._end=function(){if(this._class_diff_attr){var k=this.get("node"),m=this.get("from")||{},l=this.get("to")||{};b.each(this._class_diff_attr.from,function(n){delete m[n];});m.cssClass=this._class_diff_attr.fromClass;this.set("from",m);b.each(this._class_diff_attr.to,function(n){delete l[n];k.setStyle(n,"");});l.cssClass=this._class_diff_attr.toClass;this.set("to",l);if(this.get("reverse")){c(k,m,l);}else{f(k,m,l);}}j.apply(this,arguments);};},"gallery-2012.05.16-20-37",{requires:["anim-base","node-style","gallery-funcprog"]}); \ No newline at end of file diff --git a/build/gallery-anim-class/gallery-anim-class.js b/build/gallery-anim-class/gallery-anim-class.js new file mode 100644 index 0000000000..f5d22ac831 --- /dev/null +++ b/build/gallery-anim-class/gallery-anim-class.js @@ -0,0 +1,216 @@ +YUI.add('gallery-anim-class', function(Y) { + +"use strict"; + +/********************************************************************** + *Adds CSS class animation to `Y.Anim`, so you can specify `cssClass` + * in `from` and/or `to`. At the end of the animation, the `from` class is + * replaced by the `to` class, and all the individual styles used during + * the animation are removed.
+ * + *Explicit entries in `from` or `to` override values set by cssClass.
+ * + * @module gallery-anim-class + */ + +var css_attribute = +[ + "top","bottom","left","right","width","height", + "maxHeight","maxWidth","minHeight","minWidth", + + "color","fontSize","fontSizeAdjust","fontWeight", + "textIndent","textShadow","wordSpacing", + + "backgroundColor","backgroundPosition","backgroundSize", + "outlineColor","outlineWidth", + + "marginTop","marginRight","marginBottom","marginLeft", + + "borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth", + "borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius", + "borderTopColor","borderRightColor","borderBottomColor","borderLeftColor", + "borderSpacing", + + "paddingTop","paddingRight","paddingBottom","paddingLeft", + + "zIndex","opacity", + + "boxShadow", + "letterSpacing","lineHeight", + "markerOffset", + "orphans","widows", + "size", + + "fillOpacity", + "outlineOffset", + "floodColor","floodOpacity","lightingColor","stopColor","stopOpacity", + "stroke","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth" +]; + +function updateBehaviors() +{ + if (!Y.Anim.behaviors.outlineColor) + { + Y.Anim.behaviors.outlineColor = Y.Anim.behaviors.color; + } +} + +function getStyles(node) +{ + return Y.map(css_attribute, function(attr) + { + return node.getStyle(attr); + }); +} + +function isValidAttributeValue(s) +{ + return /[#0-9]/.test(s); // # covers colors like #AABBCC +} + +function initialState(node, from, to) +{ + if (to.cssClass) + { + node.removeClass(to.cssClass); + } + if (from.cssClass) + { + node.addClass(from.cssClass); + } +} + +function finalState(node, from, to) +{ + if (from.cssClass) + { + node.removeClass(from.cssClass); + } + if (to.cssClass) + { + node.addClass(to.cssClass); + } +} + +var orig_start = Y.Anim.prototype._start; +Y.Anim.prototype._start = function() +{ + var node = this.get('node'), + from = this.get('from') || {}, + to = this.get('to') || {}; + + updateBehaviors(); // patch after anim extensions are loaded + + delete this._class_diff_attr; + if (from.cssClass || to.cssClass) + { + finalState(node, from, to); + var new_style = getStyles(node); + + // second, so initial state is correct in forward case + + initialState(node, from, to); + var orig_style = getStyles(node); + + if (this.get('reverse')) + { + finalState(node, from, to); + } + + this._class_diff_attr = + { + fromClass: from.cssClass, + from: [], + toClass: to.cssClass, + to: [] + }; + Y.each(new_style, function(style, i) + { + var orig = orig_style[i]; + if (style !== orig) + { + var attr = css_attribute[i]; + if (!from[attr] && isValidAttributeValue(orig)) + { + this._class_diff_attr.from.push(attr); + from[attr] = orig; + } + if (!to[attr] && isValidAttributeValue(style)) + { + this._class_diff_attr.to.push(attr); + to[attr] = style; + } + } + }, + this); + + delete from.cssClass; + this.set('from', from); + + delete to.cssClass; + this.set('to', to); + } + + orig_start.apply(this, arguments); +}; + +var orig_runFrame = Y.Anim.prototype._runFrame; +Y.Anim.prototype._runFrame = function() +{ + // The first frame doesn't happen immediately, so _start() has to leave + // the original class in place. + + var reverse = this.get('reverse'); + if (!reverse && this._class_diff_attr && this._class_diff_attr.fromClass) + { + this.get('node').removeClass(this._class_diff_attr.fromClass); + } + else if (reverse && this._class_diff_attr && this._class_diff_attr.toClass) + { + this.get('node').removeClass(this._class_diff_attr.toClass); + } + + orig_runFrame.apply(this, arguments); +}; + +var orig_end = Y.Anim.prototype._end; +Y.Anim.prototype._end = function() +{ + if (this._class_diff_attr) + { + var node = this.get('node'), + from = this.get('from') || {}, + to = this.get('to') || {}; + + Y.each(this._class_diff_attr.from, function(attr) + { + delete from[attr]; + }); + + from.cssClass = this._class_diff_attr.fromClass; + this.set('from', from); + + Y.each(this._class_diff_attr.to, function(attr) + { + delete to[attr]; + node.setStyle(attr, ''); + }); + + to.cssClass = this._class_diff_attr.toClass; + this.set('to', to); + + if (this.get('reverse')) + { + initialState(node, from, to); + } + else + { + finalState(node, from, to); + } + } + + orig_end.apply(this, arguments); +}; + + +}, 'gallery-2012.05.16-20-37' ,{requires:['anim-base','node-style','gallery-funcprog']}); diff --git a/build/gallery-anim-morph/gallery-anim-morph-debug.js b/build/gallery-anim-morph/gallery-anim-morph-debug.js new file mode 100644 index 0000000000..e4324ec7a7 --- /dev/null +++ b/build/gallery-anim-morph/gallery-anim-morph-debug.js @@ -0,0 +1,139 @@ +YUI.add('gallery-anim-morph', function(Y) { + +var module = Y.namespace('gallery.anim.morph'); + +/** + * Morph animation class to swap between two nodes. + * + * @class Morph + * @module gallery.anim.morph + * @extends Widget + * @constructor + * + */ +module.Morph = Y.Base.create('gallery-anim-morph', Y.Widget, [], { + + _animate: true, + + /** + * Perform the animated version of the Morph. + * + * @method _perform_anim_morph + * @param {Event} ev + * @param {Node} src + * @param {Node} target + * @private + * + */ + _perform_anim_morph: function (ev, src, target) { + var that = this, + src_height = src.getComputedStyle('height').replace('px', ''), + target_height = target.getComputedStyle('height'); + + target.addClass('hidden'); + src.setStyle('opacity', 0); + src.removeClass('hidden'); + src.setStyle('height', target_height); + + var fade_in = new Y.Anim({ + node: src, + to: {opacity: 1}, + duration: 1, + easing: 'easeIn' + }); + + var resize = new Y.Anim({ + node: src, + to: {height: src_height}, + duration: 0.5, + easing: 'easeOut' + }); + + resize.on('end', function () { + src.setStyle('height', 'auto'); + that.fire('morphed'); + }); + + fade_in.run(); + resize.run(); + }, + + /** + * Pass an optional animate boolean flag to skip animations. Useful + * for initial states/testing. + * + * @method initializer + * @param {Object} cfg + * + */ + initializer: function(cfg) { + if (Y.Lang.isValue(cfg.animate)) { + this._animate = cfg.animate; + } else { + this._animate = true; + } + }, + + /** + * Perform the morph animation between the nodes. + * + * @method morph + * @param {Bool} reverse the animation back. + * + */ + morph: function(reverse) { + var srcNode = this.get(reverse ? 'targetNode' : 'srcNode'); + var targetNode = this.get(reverse ? 'srcNode' : 'targetNode'); + + if (this._animate) { + var that = this, + fade_out = new Y.Anim({ + node: targetNode, + to: {opacity: 0}, + duration: 0.2, + easing: 'easeOut' + }); + + fade_out.on('end', this._perform_anim_morph, this, targetNode, srcNode); + fade_out.run(); + + } else { + targetNode.addClass('hidden'); + srcNode.removeClass('hidden'); + srcNode.setStyle('height', 'auto'); + this.fire('morphed'); + } + }, + + /** + * Reverse the animation effect. + * + * Shortcut for morph(true) + * + * @method reverse + * + */ + reverse: function () { + this.morph(true); + } +},{ + ATTRS: { + /** + * The DOM node to be morphed from. + * + * @attribute targetNode + * @default null + * @type String|Node + * + */ + targetNode: { + value: null, + setter: function(val) { + return Y.one(val); + } + } + } +}); + + +}, 'gallery-2012.07.18-13-22' ,{requires:['anim', 'base', 'node', 'widget'], skinnable:false}); diff --git a/build/gallery-anim-morph/gallery-anim-morph-min.js b/build/gallery-anim-morph/gallery-anim-morph-min.js new file mode 100644 index 0000000000..03a62d9372 --- /dev/null +++ b/build/gallery-anim-morph/gallery-anim-morph-min.js @@ -0,0 +1 @@ +YUI.add("gallery-anim-morph",function(b){var a=b.namespace("gallery.anim.morph");a.Morph=b.Base.create("gallery-anim-morph",b.Widget,[],{_animate:true,_perform_anim_morph:function(h,j,i){var g=this,f=j.getComputedStyle("height").replace("px",""),e=i.getComputedStyle("height");i.addClass("hidden");j.setStyle("opacity",0);j.removeClass("hidden");j.setStyle("height",e);var c=new b.Anim({node:j,to:{opacity:1},duration:1,easing:"easeIn"});var d=new b.Anim({node:j,to:{height:f},duration:0.5,easing:"easeOut"});d.on("end",function(){j.setStyle("height","auto");g.fire("morphed");});c.run();d.run();},initializer:function(c){if(b.Lang.isValue(c.animate)){this._animate=c.animate;}else{this._animate=true;}},morph:function(d){var g=this.get(d?"targetNode":"srcNode");var f=this.get(d?"srcNode":"targetNode");if(this._animate){var e=this,c=new b.Anim({node:f,to:{opacity:0},duration:0.2,easing:"easeOut"});c.on("end",this._perform_anim_morph,this,f,g);c.run();}else{f.addClass("hidden");g.removeClass("hidden");g.setStyle("height","auto");this.fire("morphed");}},reverse:function(){this.morph(true);}},{ATTRS:{targetNode:{value:null,setter:function(c){return b.one(c);}}}});},"gallery-2012.07.18-13-22",{requires:["anim","base","node","widget"],skinnable:false}); \ No newline at end of file diff --git a/build/gallery-anim-morph/gallery-anim-morph.js b/build/gallery-anim-morph/gallery-anim-morph.js new file mode 100644 index 0000000000..e4324ec7a7 --- /dev/null +++ b/build/gallery-anim-morph/gallery-anim-morph.js @@ -0,0 +1,139 @@ +YUI.add('gallery-anim-morph', function(Y) { + +var module = Y.namespace('gallery.anim.morph'); + +/** + * Morph animation class to swap between two nodes. + * + * @class Morph + * @module gallery.anim.morph + * @extends Widget + * @constructor + * + */ +module.Morph = Y.Base.create('gallery-anim-morph', Y.Widget, [], { + + _animate: true, + + /** + * Perform the animated version of the Morph. + * + * @method _perform_anim_morph + * @param {Event} ev + * @param {Node} src + * @param {Node} target + * @private + * + */ + _perform_anim_morph: function (ev, src, target) { + var that = this, + src_height = src.getComputedStyle('height').replace('px', ''), + target_height = target.getComputedStyle('height'); + + target.addClass('hidden'); + src.setStyle('opacity', 0); + src.removeClass('hidden'); + src.setStyle('height', target_height); + + var fade_in = new Y.Anim({ + node: src, + to: {opacity: 1}, + duration: 1, + easing: 'easeIn' + }); + + var resize = new Y.Anim({ + node: src, + to: {height: src_height}, + duration: 0.5, + easing: 'easeOut' + }); + + resize.on('end', function () { + src.setStyle('height', 'auto'); + that.fire('morphed'); + }); + + fade_in.run(); + resize.run(); + }, + + /** + * Pass an optional animate boolean flag to skip animations. Useful + * for initial states/testing. + * + * @method initializer + * @param {Object} cfg + * + */ + initializer: function(cfg) { + if (Y.Lang.isValue(cfg.animate)) { + this._animate = cfg.animate; + } else { + this._animate = true; + } + }, + + /** + * Perform the morph animation between the nodes. + * + * @method morph + * @param {Bool} reverse the animation back. + * + */ + morph: function(reverse) { + var srcNode = this.get(reverse ? 'targetNode' : 'srcNode'); + var targetNode = this.get(reverse ? 'srcNode' : 'targetNode'); + + if (this._animate) { + var that = this, + fade_out = new Y.Anim({ + node: targetNode, + to: {opacity: 0}, + duration: 0.2, + easing: 'easeOut' + }); + + fade_out.on('end', this._perform_anim_morph, this, targetNode, srcNode); + fade_out.run(); + + } else { + targetNode.addClass('hidden'); + srcNode.removeClass('hidden'); + srcNode.setStyle('height', 'auto'); + this.fire('morphed'); + } + }, + + /** + * Reverse the animation effect. + * + * Shortcut for morph(true) + * + * @method reverse + * + */ + reverse: function () { + this.morph(true); + } +},{ + ATTRS: { + /** + * The DOM node to be morphed from. + * + * @attribute targetNode + * @default null + * @type String|Node + * + */ + targetNode: { + value: null, + setter: function(val) { + return Y.one(val); + } + } + } +}); + + +}, 'gallery-2012.07.18-13-22' ,{requires:['anim', 'base', 'node', 'widget'], skinnable:false}); diff --git a/build/gallery-anim-native/gallery-anim-native-coverage.js b/build/gallery-anim-native/gallery-anim-native-coverage.js new file mode 100644 index 0000000000..4323da802f --- /dev/null +++ b/build/gallery-anim-native/gallery-anim-native-coverage.js @@ -0,0 +1,765 @@ +if (typeof _yuitest_coverage == "undefined"){ + _yuitest_coverage = {}; + _yuitest_coverline = function(src, line){ + var coverage = _yuitest_coverage[src]; + if (!coverage.lines[line]){ + coverage.calledLines++; + } + coverage.lines[line]++; + }; + _yuitest_coverfunc = function(src, name, line){ + var coverage = _yuitest_coverage[src], + funcId = name + ":" + line; + if (!coverage.functions[funcId]){ + coverage.calledFunctions++; + } + coverage.functions[funcId]++; + }; +} +_yuitest_coverage["/build/gallery-anim-native/gallery-anim-native.js"] = { + lines: {}, + functions: {}, + coveredLines: 0, + calledLines: 0, + coveredFunctions: 0, + calledFunctions: 0, + path: "/build/gallery-anim-native/gallery-anim-native.js", + code: [] +}; +_yuitest_coverage["/build/gallery-anim-native/gallery-anim-native.js"].code=["YUI.add('gallery-anim-native', function(Y) {","","/**","* The Animation Utility provides an API for creating advanced transitions.","*","* W3C CSS Animations:","* http://www.w3.org/TR/css3-animations/","*","* Easing method values from AliceJS:","* http://blackberry.github.com/Alice/","*","* Browser support:","* http://caniuse.com/#feat=css-animation","* IE10+, FF5+, Chrome 4+, Safari/iOS 4+, Android 2.1+","*","* @module anim-native","*/","","/**","* Provides the CSS3 Native Anim class, for animating CSS properties.","*","* @module anim","* @submodule anim-native","*/"," \"use strict\";"," /*global Y:true */"," /*jslint regexp: true*/"," var VENDOR = ['', 'Webkit', 'Moz', 'O', 'ms'].filter(function (prefix) {"," return Y.config.doc.body.style.hasOwnProperty(prefix + 'Animation');"," })[0],"," PREFIX = VENDOR ? '-' + VENDOR.toLowerCase() + '-' : VENDOR,"," ANIMATION_END_VENDORS = {"," Webkit: 'webkitAnimationEnd',"," O: 'oAnimationEnd'"," },"," ANIMATION_END_EVENT = 'animationend',"," ANIMATION_END = ANIMATION_END_VENDORS[VENDOR] || ANIMATION_END_EVENT,",""," /**"," * A class for constructing animation instances."," * @class Anim"," * @for Anim"," * @constructor"," * @extends Base"," */"," Anim = function () {"," Anim.superclass.constructor.apply(this, arguments);"," };",""," Y.Node.DOM_EVENTS[ANIMATION_END] = 1;",""," Anim.NAME = 'animNative';"," Anim.DIRECTIONS = {"," normal: ['normal', 'reverse'],"," alternate: ['alternate', 'alternate-reverse']"," };"," Anim.EASINGS = {"," easeNone: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750},"," easeIn: {p1: 0.420, p2: 0.000, p3: 1.000, p4: 1.000},"," easeOut: {p1: 0.000, p2: 0.000, p3: 0.580, p4: 1.000},"," easeBoth: {p1: 0.420, p2: 0.000, p3: 0.580, p4: 1.000},"," easeInStrong: {p1: 0.895, p2: 0.030, p3: 0.685, p4: 0.220},"," easeOutStrong: {p1: 0.165, p2: 0.840, p3: 0.440, p4: 1.000},"," easeBothStrong: {p1: 0.770, p2: 0.000, p3: 0.175, p4: 1.000},"," backIn: {p1: 0.600, p2: -0.280, p3: 0.735, p4: 0.045},"," backOut: {p1: 0.175, p2: 0.885, p3: 0.320, p4: 1.275},"," backBoth: {p1: 0.680, p2: -0.550, p3: 0.265, p4: 1.550},",""," // FIXME: Defaulting these to linear"," elasticIn: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750},"," elasticOut: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750},"," elasticBoth: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750},"," bounceIn: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750},"," bounceOut: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750},"," bounceBoth: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}"," };",""," Anim.RE_UNITS = /^(-?\\d*\\.?\\d*){1}(em|ex|px|in|cm|mm|pt|pc|%)*$/;",""," /**"," * Regex of properties that should use the default unit."," *"," * @property RE_DEFAULT_UNIT"," * @static"," */"," Anim.RE_DEFAULT_UNIT = /^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i;",""," /**"," * The default unit to use with properties that pass the RE_DEFAULT_UNIT test."," *"," * @property DEFAULT_UNIT"," * @static"," */"," Anim.DEFAULT_UNIT = 'px';",""," Anim._easing = function (name) {"," var e = Anim.EASINGS[name];"," return 'cubic-bezier(' + e.p1 + ', ' + e.p2 + ', ' + e.p3 + ', ' + e.p4 + ')';"," };",""," Anim._toHyphen = function (property) {"," property = property.replace(/([A-Z]?)([a-z]+)([A-Z]?)/g, function (m0, m1, m2, m3) {"," var str = ((m1) ? '-' + m1.toLowerCase() : '') + m2;",""," if (m3) {"," str += '-' + m3.toLowerCase();"," }",""," return str;"," });",""," return property;"," };",""," Anim._insert = function (rule) {"," var doc = Y.config.doc,"," ruleNum,"," style;",""," if (doc.styleSheets && doc.styleSheets.length) {"," ruleNum = 0;"," try {"," if (doc.styleSheets[0].cssRules.length > 0) {"," ruleNum = doc.styleSheets[0].cssRules.length;"," }"," doc.styleSheets[0].insertRule(rule, ruleNum);"," } catch (e) {"," }"," } else {"," style = doc.createElement('style');"," style.innerHTML = rule;"," doc.head.appendChild(style);"," }"," };",""," Anim._delete = function (ruleName) {"," var doc = Y.config.doc,"," cssrules = doc.all ? 'rules' : 'cssRules',"," i;",""," for (i = 0; i < doc.styleSheets[0][cssrules].length; i += 1) {"," if (doc.styleSheets[0][cssrules][i].name === ruleName) {"," doc.styleSheets[0].deleteRule(i);"," break;"," }"," }"," };",""," Anim.ATTRS = {"," /**"," * The object to be animated."," * @attribute node"," * @type Node"," */"," node: {"," setter: function (node) {"," if (node) {"," if (typeof node === 'string' || node.nodeType) {"," node = Y.one(node);"," }"," }",""," this._node = node;"," if (!node) {"," }"," return node;"," }"," },",""," /**"," * The length of the animation. Defaults to \"1\" (second)."," * @attribute duration"," * @type NUM"," */"," duration: {"," value: 1"," },",""," /**"," * The method that will provide values to the attribute(s) during the animation."," * Defaults to \"easeNone\"."," * @attribute easing"," * @type Function"," */"," easing: {"," value: 'easeNone',"," setter: function (e) {"," return Anim._easing(e);"," }"," },",""," /**"," * The starting values for the animated properties."," *"," * Fields may be strings, numbers, or functions."," * If a function is used, the return value becomes the from value."," * If no from value is specified, the DEFAULT_GETTER will be used."," * Supports any unit, provided it matches the \"to\" (or default)"," * unit (e.g. `{width: '10em', color: 'rgb(0, 0, 0)', borderColor: '#ccc'}`)."," *"," * If using the default ('px' for length-based units), the unit may be omitted"," * (e.g. `{width: 100}, borderColor: 'ccc'}`, which defaults to pixels"," * and hex, respectively)."," *"," * @attribute from"," * @type Object"," */"," from: {"," value: {}"," },",""," /**"," * The keyframes between 0 and 100%."," *"," * Example: {'50%': {"," * width: 200"," * }}"," *"," * @attribute to"," * @type Object"," */"," frames: {"," value: {}"," },",""," /**"," * The ending values for the animated properties."," *"," * Fields may be strings, numbers, or functions."," * Supports any unit, provided it matches the \"from\" (or default)"," * unit (e.g. `{width: '50%', color: 'red', borderColor: '#ccc'}`)."," *"," * If using the default ('px' for length-based units), the unit may be omitted"," * (e.g. `{width: 100, borderColor: 'ccc'}`, which defaults to pixels"," * and hex, respectively)."," *"," * @attribute to"," * @type Object"," */"," to: {"," value: {}"," },",""," /**"," * Date stamp for the first frame of the animation."," * @attribute startTime"," * @type Int"," * @default 0"," * @readOnly"," */"," startTime: {"," value: 0,"," readOnly: true"," },",""," /**"," * Current time the animation has been running."," * @attribute elapsedTime"," * @type Int"," * @default 0"," * @readOnly"," */"," elapsedTime: {"," value: 0,"," readOnly: true"," },",""," /**"," * Whether or not the animation is currently running."," * @attribute running"," * @type Boolean"," * @default false"," * @readOnly"," */"," running: {"," getter: function () {"," return this.get('node').getStyle(VENDOR + 'AnimationName') !== 'none';"," },"," value: false,"," readOnly: true"," },",""," /**"," * The number of seconds to delay the animation"," * @attribute delay"," * @type Int"," * @default 0"," */"," delay: {"," value: 0"," },",""," /**"," * The number of times the animation should run. 'infinite' or integer."," * @attribute iterations"," * @type Int"," * @default 1"," */"," iterations: {"," value: 1"," },",""," /**"," * The number of iterations that have occurred."," * Resets when an animation ends (reaches iteration count or stop() called)."," *"," * Note: no way to update this mid animation."," *"," * @attribute iterationCount"," * @type Int"," * @default 0"," * @readOnly"," */"," iterationCount: {"," value: 0,"," readOnly: true"," },",""," /**"," * How iterations of the animation should behave."," * Possible values are \"normal\" and \"alternate\"."," * Normal will repeat the animation, alternate will reverse on every other pass."," *"," * @attribute direction"," * @type String"," * @default \"normal\""," */"," direction: {"," value: 'normal' // | alternate (fwd on odd, rev on even per spec)"," },",""," /**"," * Whether or not the animation is currently paused."," * @attribute paused"," * @type Boolean"," * @default false"," * @readOnly"," */"," paused: {"," getter: function () {"," return this.get('node').getStyle(VENDOR + 'AnimationPlayState') === 'paused';"," },"," readOnly: true,"," value: false"," },",""," /**"," * If true, animation begins from last frame"," * @attribute reverse"," * @type Boolean"," * @default false"," */"," reverse: {"," value: false"," },",""," /**"," * Perspective depth"," * @attribute perspective"," * @type int"," * @default 1000"," */"," perspective: {"," value: 1000"," },",""," /**"," * X/Y axis origin"," * @attribute perspectiveOrigin"," * @type String"," * @default 'center center'"," */"," perspectiveOrigin: {"," value: 'center center'"," },",""," /**"," * If 'visible' the element is show when not facing the screen. If 'hidden' the"," * element will be invisible when not facing the screen."," * @attribute backfaceVisibility"," * @type String"," * @default 'visible'"," */"," backfaceVisibility: {"," value: 'visible'"," }"," };",""," Y.extend(Anim, Y.Base, {"," initializer: function (config) {"," this._sub = null;"," },",""," /**"," * Starts or resumes an animation."," * @method run"," * @chainable"," */"," run: function () {"," if (this.get('paused')) {"," this._resume();"," } else if (!this.get('running')) {"," this._start();"," }"," return this;"," },",""," /**"," * Pauses the animation and"," * freezes it in its current state and time."," * Calling run() will continue where it left off."," * @method pause"," * @chainable"," */"," pause: function () {"," if (this.get('running')) {"," this.get('node').setStyle(VENDOR + 'AnimationPlayState', 'paused');"," this.fire('pause');"," }"," return this;"," },",""," /**"," * Stops the animation and resets its time."," * @method stop"," * @param {Boolean} finish If true, the animation will move to the last frame"," * @chainable"," */"," stop: function (finish) {"," this._end();"," return this;"," },",""," _resume: function () {"," this.get('node').setStyle(VENDOR + 'AnimationPlayState', 'running');"," this.fire('resume');"," },",""," /**"," * Initializes animation. Inserts keyframes into DOM and updates node styles."," */"," _start: function () {"," var node = this.get('node'),"," parent = node.get('parentNode'),"," name = 'anim-' + Y.guid(),"," direction = Anim.DIRECTIONS[this.get('direction')][+this.get('reverse')],"," from = this.get('from'),"," to = this.get('to'),"," frames = this.get('frames'),"," keyframes = {},"," res,"," frame,"," styles = {},"," parentStyles = {};",""," node.removeAttribute('style');"," node.setAttribute('style', '');",""," keyframes['0%'] = from;"," keyframes = Y.merge(keyframes, frames);"," keyframes['100%'] = to;",""," res = this._render(node, name, keyframes);",""," Anim._insert(res.css);",""," // Apply last animation frame styles"," if (this.get('iterations') !== 'infinite') {"," frame = this.get('iterations') % (2 - this.get('reverse')) * 100;"," Y.Object.each(res.styles[frame + '%'], function (value, prop) {"," styles[prop] = value;"," });"," }",""," this.set('iterationCount', 0);",""," parentStyles[VENDOR + 'Perspective'] = this.get('perspective') + 'px';"," parentStyles[VENDOR + 'PerspectiveOrigin'] = this.get('perspectiveOrigin');"," parent.setStyles(parentStyles);",""," styles[VENDOR + 'AnimationName'] = name;"," styles[VENDOR + 'AnimationDuration'] = this.get('duration') + 's';"," styles[VENDOR + 'AnimationTimingFunction'] = this.get('easing');"," styles[VENDOR + 'AnimationDelay'] = this.get('delay') + 's';"," styles[VENDOR + 'AnimationIterationCount'] = this.get('iterations');"," styles[VENDOR + 'AnimationDirection'] = direction;"," styles[VENDOR + 'AnimationPlayState'] = 'running';"," styles[VENDOR + 'BackfaceVisibility'] = this.get('backfaceVisibility');",""," node.setStyles(styles);",""," this.fire('start');"," this._sub = node.on(ANIMATION_END, Y.bind(this._end, this));"," },",""," _end: function () {"," var node = this.get('node'),"," name = node.getStyle(VENDOR + 'AnimationName'),"," styles = {};",""," if (this._sub) {"," this._sub.detach();"," this._sub = null;"," }",""," styles[VENDOR + 'AnimationName'] = '';"," styles[VENDOR + 'AnimationDuration'] = '';"," styles[VENDOR + 'AnimationTimingFunction'] = '';"," styles[VENDOR + 'AnimationDelay'] = '';"," styles[VENDOR + 'AnimationIterationCount'] = '';"," styles[VENDOR + 'AnimationDirection'] = '';"," styles[VENDOR + 'AnimationPlayState'] = '';"," styles[VENDOR + 'BackfaceVisibility'] = '';"," node.setStyles(styles);",""," // TODO: Restore parent node perspective?",""," this.set('iterationCount', this.get('iterations'));",""," Anim._delete(name);"," this.fire('end', {elapsed: this.get('elapsedTime')});"," },",""," /**"," * Generate CSS keyframes string and meta data."," */"," _render: function (node, name, keyframes) {"," var css = ['@' + PREFIX + 'keyframes ' + name + ' {'],"," styles = {};",""," Y.Object.each(keyframes, function (props, key) {"," css.push('\\t' + key + ' {');"," styles[key] = {};",""," Y.Object.each(props, function (value, prop) {"," var parsed;",""," if (typeof value === 'function') {"," value = value.call(this, node);"," }",""," if (Anim.RE_DEFAULT_UNIT.test(prop)) {"," parsed = Anim.RE_UNITS.exec(value);",""," if (parsed && !parsed[2]) {"," value += Anim.DEFAULT_UNIT;"," }"," }",""," if (prop === 'transform') {"," prop = VENDOR + 'Transform';"," }",""," styles[key][prop] = value;"," css.push('\\t\\t' + Anim._toHyphen(prop) + ': ' + value + ';');"," }, this);",""," css.push('\\t}');"," }, this);",""," css.push('}');"," return {css: css.join('\\n'), styles: styles};"," },",""," destructor: function () {"," if (this._sub) {"," this._sub.detach();"," this._sub = null;"," }"," }"," });",""," Y.Anim = Anim;"," Y.AnimNative = Anim;","","","}, 'gallery-2012.10.03-20-02' ,{skinnable:false});"]; +_yuitest_coverage["/build/gallery-anim-native/gallery-anim-native.js"].lines = {"1":0,"25":0,"28":0,"29":0,"47":0,"50":0,"52":0,"53":0,"57":0,"78":0,"86":0,"94":0,"96":0,"97":0,"98":0,"101":0,"102":0,"103":0,"105":0,"106":0,"109":0,"112":0,"115":0,"116":0,"120":0,"121":0,"122":0,"123":0,"124":0,"126":0,"130":0,"131":0,"132":0,"136":0,"137":0,"141":0,"142":0,"143":0,"144":0,"149":0,"157":0,"158":0,"159":0,"163":0,"164":0,"166":0,"188":0,"277":0,"341":0,"389":0,"391":0,"400":0,"401":0,"402":0,"403":0,"405":0,"416":0,"417":0,"418":0,"420":0,"430":0,"431":0,"435":0,"436":0,"443":0,"456":0,"457":0,"459":0,"460":0,"461":0,"463":0,"465":0,"468":0,"469":0,"470":0,"471":0,"475":0,"477":0,"478":0,"479":0,"481":0,"482":0,"483":0,"484":0,"485":0,"486":0,"487":0,"488":0,"490":0,"492":0,"493":0,"497":0,"501":0,"502":0,"503":0,"506":0,"507":0,"508":0,"509":0,"510":0,"511":0,"512":0,"513":0,"514":0,"518":0,"520":0,"521":0,"528":0,"531":0,"532":0,"533":0,"535":0,"536":0,"538":0,"539":0,"542":0,"543":0,"545":0,"546":0,"550":0,"551":0,"554":0,"555":0,"558":0,"561":0,"562":0,"566":0,"567":0,"568":0,"573":0,"574":0}; +_yuitest_coverage["/build/gallery-anim-native/gallery-anim-native.js"].functions = {"(anonymous 2):28":0,"Anim:46":0,"_easing:96":0,"(anonymous 3):102":0,"_toHyphen:101":0,"_insert:115":0,"_delete:136":0,"setter:156":0,"setter:187":0,"getter:276":0,"getter:340":0,"initializer:390":0,"run:399":0,"pause:415":0,"stop:429":0,"_resume:434":0,"(anonymous 4):470":0,"_start:442":0,"_end:496":0,"(anonymous 6):535":0,"(anonymous 5):531":0,"_render:527":0,"destructor:565":0,"(anonymous 1):1":0}; +_yuitest_coverage["/build/gallery-anim-native/gallery-anim-native.js"].coveredLines = 131; +_yuitest_coverage["/build/gallery-anim-native/gallery-anim-native.js"].coveredFunctions = 24; +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 1); +YUI.add('gallery-anim-native', function(Y) { + +/** +* The Animation Utility provides an API for creating advanced transitions. +* +* W3C CSS Animations: +* http://www.w3.org/TR/css3-animations/ +* +* Easing method values from AliceJS: +* http://blackberry.github.com/Alice/ +* +* Browser support: +* http://caniuse.com/#feat=css-animation +* IE10+, FF5+, Chrome 4+, Safari/iOS 4+, Android 2.1+ +* +* @module anim-native +*/ + +/** +* Provides the CSS3 Native Anim class, for animating CSS properties. +* +* @module anim +* @submodule anim-native +*/ + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "(anonymous 1)", 1); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 25); +"use strict"; + /*global Y:true */ + /*jslint regexp: true*/ + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 28); +var VENDOR = ['', 'Webkit', 'Moz', 'O', 'ms'].filter(function (prefix) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "(anonymous 2)", 28); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 29); +return Y.config.doc.body.style.hasOwnProperty(prefix + 'Animation'); + })[0], + PREFIX = VENDOR ? '-' + VENDOR.toLowerCase() + '-' : VENDOR, + ANIMATION_END_VENDORS = { + Webkit: 'webkitAnimationEnd', + O: 'oAnimationEnd' + }, + ANIMATION_END_EVENT = 'animationend', + ANIMATION_END = ANIMATION_END_VENDORS[VENDOR] || ANIMATION_END_EVENT, + + /** + * A class for constructing animation instances. + * @class Anim + * @for Anim + * @constructor + * @extends Base + */ + Anim = function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "Anim", 46); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 47); +Anim.superclass.constructor.apply(this, arguments); + }; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 50); +Y.Node.DOM_EVENTS[ANIMATION_END] = 1; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 52); +Anim.NAME = 'animNative'; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 53); +Anim.DIRECTIONS = { + normal: ['normal', 'reverse'], + alternate: ['alternate', 'alternate-reverse'] + }; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 57); +Anim.EASINGS = { + easeNone: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + easeIn: {p1: 0.420, p2: 0.000, p3: 1.000, p4: 1.000}, + easeOut: {p1: 0.000, p2: 0.000, p3: 0.580, p4: 1.000}, + easeBoth: {p1: 0.420, p2: 0.000, p3: 0.580, p4: 1.000}, + easeInStrong: {p1: 0.895, p2: 0.030, p3: 0.685, p4: 0.220}, + easeOutStrong: {p1: 0.165, p2: 0.840, p3: 0.440, p4: 1.000}, + easeBothStrong: {p1: 0.770, p2: 0.000, p3: 0.175, p4: 1.000}, + backIn: {p1: 0.600, p2: -0.280, p3: 0.735, p4: 0.045}, + backOut: {p1: 0.175, p2: 0.885, p3: 0.320, p4: 1.275}, + backBoth: {p1: 0.680, p2: -0.550, p3: 0.265, p4: 1.550}, + + // FIXME: Defaulting these to linear + elasticIn: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + elasticOut: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + elasticBoth: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + bounceIn: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + bounceOut: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + bounceBoth: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750} + }; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 78); +Anim.RE_UNITS = /^(-?\d*\.?\d*){1}(em|ex|px|in|cm|mm|pt|pc|%)*$/; + + /** + * Regex of properties that should use the default unit. + * + * @property RE_DEFAULT_UNIT + * @static + */ + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 86); +Anim.RE_DEFAULT_UNIT = /^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i; + + /** + * The default unit to use with properties that pass the RE_DEFAULT_UNIT test. + * + * @property DEFAULT_UNIT + * @static + */ + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 94); +Anim.DEFAULT_UNIT = 'px'; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 96); +Anim._easing = function (name) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_easing", 96); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 97); +var e = Anim.EASINGS[name]; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 98); +return 'cubic-bezier(' + e.p1 + ', ' + e.p2 + ', ' + e.p3 + ', ' + e.p4 + ')'; + }; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 101); +Anim._toHyphen = function (property) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_toHyphen", 101); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 102); +property = property.replace(/([A-Z]?)([a-z]+)([A-Z]?)/g, function (m0, m1, m2, m3) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "(anonymous 3)", 102); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 103); +var str = ((m1) ? '-' + m1.toLowerCase() : '') + m2; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 105); +if (m3) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 106); +str += '-' + m3.toLowerCase(); + } + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 109); +return str; + }); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 112); +return property; + }; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 115); +Anim._insert = function (rule) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_insert", 115); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 116); +var doc = Y.config.doc, + ruleNum, + style; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 120); +if (doc.styleSheets && doc.styleSheets.length) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 121); +ruleNum = 0; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 122); +try { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 123); +if (doc.styleSheets[0].cssRules.length > 0) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 124); +ruleNum = doc.styleSheets[0].cssRules.length; + } + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 126); +doc.styleSheets[0].insertRule(rule, ruleNum); + } catch (e) { + } + } else { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 130); +style = doc.createElement('style'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 131); +style.innerHTML = rule; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 132); +doc.head.appendChild(style); + } + }; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 136); +Anim._delete = function (ruleName) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_delete", 136); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 137); +var doc = Y.config.doc, + cssrules = doc.all ? 'rules' : 'cssRules', + i; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 141); +for (i = 0; i < doc.styleSheets[0][cssrules].length; i += 1) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 142); +if (doc.styleSheets[0][cssrules][i].name === ruleName) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 143); +doc.styleSheets[0].deleteRule(i); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 144); +break; + } + } + }; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 149); +Anim.ATTRS = { + /** + * The object to be animated. + * @attribute node + * @type Node + */ + node: { + setter: function (node) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "setter", 156); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 157); +if (node) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 158); +if (typeof node === 'string' || node.nodeType) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 159); +node = Y.one(node); + } + } + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 163); +this._node = node; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 164); +if (!node) { + } + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 166); +return node; + } + }, + + /** + * The length of the animation. Defaults to "1" (second). + * @attribute duration + * @type NUM + */ + duration: { + value: 1 + }, + + /** + * The method that will provide values to the attribute(s) during the animation. + * Defaults to "easeNone". + * @attribute easing + * @type Function + */ + easing: { + value: 'easeNone', + setter: function (e) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "setter", 187); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 188); +return Anim._easing(e); + } + }, + + /** + * The starting values for the animated properties. + * + * Fields may be strings, numbers, or functions. + * If a function is used, the return value becomes the from value. + * If no from value is specified, the DEFAULT_GETTER will be used. + * Supports any unit, provided it matches the "to" (or default) + * unit (e.g. `{width: '10em', color: 'rgb(0, 0, 0)', borderColor: '#ccc'}`). + * + * If using the default ('px' for length-based units), the unit may be omitted + * (e.g. `{width: 100}, borderColor: 'ccc'}`, which defaults to pixels + * and hex, respectively). + * + * @attribute from + * @type Object + */ + from: { + value: {} + }, + + /** + * The keyframes between 0 and 100%. + * + * Example: {'50%': { + * width: 200 + * }} + * + * @attribute to + * @type Object + */ + frames: { + value: {} + }, + + /** + * The ending values for the animated properties. + * + * Fields may be strings, numbers, or functions. + * Supports any unit, provided it matches the "from" (or default) + * unit (e.g. `{width: '50%', color: 'red', borderColor: '#ccc'}`). + * + * If using the default ('px' for length-based units), the unit may be omitted + * (e.g. `{width: 100, borderColor: 'ccc'}`, which defaults to pixels + * and hex, respectively). + * + * @attribute to + * @type Object + */ + to: { + value: {} + }, + + /** + * Date stamp for the first frame of the animation. + * @attribute startTime + * @type Int + * @default 0 + * @readOnly + */ + startTime: { + value: 0, + readOnly: true + }, + + /** + * Current time the animation has been running. + * @attribute elapsedTime + * @type Int + * @default 0 + * @readOnly + */ + elapsedTime: { + value: 0, + readOnly: true + }, + + /** + * Whether or not the animation is currently running. + * @attribute running + * @type Boolean + * @default false + * @readOnly + */ + running: { + getter: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "getter", 276); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 277); +return this.get('node').getStyle(VENDOR + 'AnimationName') !== 'none'; + }, + value: false, + readOnly: true + }, + + /** + * The number of seconds to delay the animation + * @attribute delay + * @type Int + * @default 0 + */ + delay: { + value: 0 + }, + + /** + * The number of times the animation should run. 'infinite' or integer. + * @attribute iterations + * @type Int + * @default 1 + */ + iterations: { + value: 1 + }, + + /** + * The number of iterations that have occurred. + * Resets when an animation ends (reaches iteration count or stop() called). + * + * Note: no way to update this mid animation. + * + * @attribute iterationCount + * @type Int + * @default 0 + * @readOnly + */ + iterationCount: { + value: 0, + readOnly: true + }, + + /** + * How iterations of the animation should behave. + * Possible values are "normal" and "alternate". + * Normal will repeat the animation, alternate will reverse on every other pass. + * + * @attribute direction + * @type String + * @default "normal" + */ + direction: { + value: 'normal' // | alternate (fwd on odd, rev on even per spec) + }, + + /** + * Whether or not the animation is currently paused. + * @attribute paused + * @type Boolean + * @default false + * @readOnly + */ + paused: { + getter: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "getter", 340); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 341); +return this.get('node').getStyle(VENDOR + 'AnimationPlayState') === 'paused'; + }, + readOnly: true, + value: false + }, + + /** + * If true, animation begins from last frame + * @attribute reverse + * @type Boolean + * @default false + */ + reverse: { + value: false + }, + + /** + * Perspective depth + * @attribute perspective + * @type int + * @default 1000 + */ + perspective: { + value: 1000 + }, + + /** + * X/Y axis origin + * @attribute perspectiveOrigin + * @type String + * @default 'center center' + */ + perspectiveOrigin: { + value: 'center center' + }, + + /** + * If 'visible' the element is show when not facing the screen. If 'hidden' the + * element will be invisible when not facing the screen. + * @attribute backfaceVisibility + * @type String + * @default 'visible' + */ + backfaceVisibility: { + value: 'visible' + } + }; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 389); +Y.extend(Anim, Y.Base, { + initializer: function (config) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "initializer", 390); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 391); +this._sub = null; + }, + + /** + * Starts or resumes an animation. + * @method run + * @chainable + */ + run: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "run", 399); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 400); +if (this.get('paused')) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 401); +this._resume(); + } else {_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 402); +if (!this.get('running')) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 403); +this._start(); + }} + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 405); +return this; + }, + + /** + * Pauses the animation and + * freezes it in its current state and time. + * Calling run() will continue where it left off. + * @method pause + * @chainable + */ + pause: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "pause", 415); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 416); +if (this.get('running')) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 417); +this.get('node').setStyle(VENDOR + 'AnimationPlayState', 'paused'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 418); +this.fire('pause'); + } + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 420); +return this; + }, + + /** + * Stops the animation and resets its time. + * @method stop + * @param {Boolean} finish If true, the animation will move to the last frame + * @chainable + */ + stop: function (finish) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "stop", 429); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 430); +this._end(); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 431); +return this; + }, + + _resume: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_resume", 434); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 435); +this.get('node').setStyle(VENDOR + 'AnimationPlayState', 'running'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 436); +this.fire('resume'); + }, + + /** + * Initializes animation. Inserts keyframes into DOM and updates node styles. + */ + _start: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_start", 442); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 443); +var node = this.get('node'), + parent = node.get('parentNode'), + name = 'anim-' + Y.guid(), + direction = Anim.DIRECTIONS[this.get('direction')][+this.get('reverse')], + from = this.get('from'), + to = this.get('to'), + frames = this.get('frames'), + keyframes = {}, + res, + frame, + styles = {}, + parentStyles = {}; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 456); +node.removeAttribute('style'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 457); +node.setAttribute('style', ''); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 459); +keyframes['0%'] = from; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 460); +keyframes = Y.merge(keyframes, frames); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 461); +keyframes['100%'] = to; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 463); +res = this._render(node, name, keyframes); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 465); +Anim._insert(res.css); + + // Apply last animation frame styles + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 468); +if (this.get('iterations') !== 'infinite') { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 469); +frame = this.get('iterations') % (2 - this.get('reverse')) * 100; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 470); +Y.Object.each(res.styles[frame + '%'], function (value, prop) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "(anonymous 4)", 470); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 471); +styles[prop] = value; + }); + } + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 475); +this.set('iterationCount', 0); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 477); +parentStyles[VENDOR + 'Perspective'] = this.get('perspective') + 'px'; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 478); +parentStyles[VENDOR + 'PerspectiveOrigin'] = this.get('perspectiveOrigin'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 479); +parent.setStyles(parentStyles); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 481); +styles[VENDOR + 'AnimationName'] = name; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 482); +styles[VENDOR + 'AnimationDuration'] = this.get('duration') + 's'; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 483); +styles[VENDOR + 'AnimationTimingFunction'] = this.get('easing'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 484); +styles[VENDOR + 'AnimationDelay'] = this.get('delay') + 's'; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 485); +styles[VENDOR + 'AnimationIterationCount'] = this.get('iterations'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 486); +styles[VENDOR + 'AnimationDirection'] = direction; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 487); +styles[VENDOR + 'AnimationPlayState'] = 'running'; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 488); +styles[VENDOR + 'BackfaceVisibility'] = this.get('backfaceVisibility'); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 490); +node.setStyles(styles); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 492); +this.fire('start'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 493); +this._sub = node.on(ANIMATION_END, Y.bind(this._end, this)); + }, + + _end: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_end", 496); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 497); +var node = this.get('node'), + name = node.getStyle(VENDOR + 'AnimationName'), + styles = {}; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 501); +if (this._sub) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 502); +this._sub.detach(); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 503); +this._sub = null; + } + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 506); +styles[VENDOR + 'AnimationName'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 507); +styles[VENDOR + 'AnimationDuration'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 508); +styles[VENDOR + 'AnimationTimingFunction'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 509); +styles[VENDOR + 'AnimationDelay'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 510); +styles[VENDOR + 'AnimationIterationCount'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 511); +styles[VENDOR + 'AnimationDirection'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 512); +styles[VENDOR + 'AnimationPlayState'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 513); +styles[VENDOR + 'BackfaceVisibility'] = ''; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 514); +node.setStyles(styles); + + // TODO: Restore parent node perspective? + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 518); +this.set('iterationCount', this.get('iterations')); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 520); +Anim._delete(name); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 521); +this.fire('end', {elapsed: this.get('elapsedTime')}); + }, + + /** + * Generate CSS keyframes string and meta data. + */ + _render: function (node, name, keyframes) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "_render", 527); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 528); +var css = ['@' + PREFIX + 'keyframes ' + name + ' {'], + styles = {}; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 531); +Y.Object.each(keyframes, function (props, key) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "(anonymous 5)", 531); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 532); +css.push('\t' + key + ' {'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 533); +styles[key] = {}; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 535); +Y.Object.each(props, function (value, prop) { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "(anonymous 6)", 535); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 536); +var parsed; + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 538); +if (typeof value === 'function') { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 539); +value = value.call(this, node); + } + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 542); +if (Anim.RE_DEFAULT_UNIT.test(prop)) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 543); +parsed = Anim.RE_UNITS.exec(value); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 545); +if (parsed && !parsed[2]) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 546); +value += Anim.DEFAULT_UNIT; + } + } + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 550); +if (prop === 'transform') { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 551); +prop = VENDOR + 'Transform'; + } + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 554); +styles[key][prop] = value; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 555); +css.push('\t\t' + Anim._toHyphen(prop) + ': ' + value + ';'); + }, this); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 558); +css.push('\t}'); + }, this); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 561); +css.push('}'); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 562); +return {css: css.join('\n'), styles: styles}; + }, + + destructor: function () { + _yuitest_coverfunc("/build/gallery-anim-native/gallery-anim-native.js", "destructor", 565); +_yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 566); +if (this._sub) { + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 567); +this._sub.detach(); + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 568); +this._sub = null; + } + } + }); + + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 573); +Y.Anim = Anim; + _yuitest_coverline("/build/gallery-anim-native/gallery-anim-native.js", 574); +Y.AnimNative = Anim; + + +}, 'gallery-2012.10.03-20-02' ,{skinnable:false}); diff --git a/build/gallery-anim-native/gallery-anim-native-debug.js b/build/gallery-anim-native/gallery-anim-native-debug.js new file mode 100644 index 0000000000..25a76a4d32 --- /dev/null +++ b/build/gallery-anim-native/gallery-anim-native-debug.js @@ -0,0 +1,580 @@ +YUI.add('gallery-anim-native', function(Y) { + +/** +* The Animation Utility provides an API for creating advanced transitions. +* +* W3C CSS Animations: +* http://www.w3.org/TR/css3-animations/ +* +* Easing method values from AliceJS: +* http://blackberry.github.com/Alice/ +* +* Browser support: +* http://caniuse.com/#feat=css-animation +* IE10+, FF5+, Chrome 4+, Safari/iOS 4+, Android 2.1+ +* +* @module anim-native +*/ + +/** +* Provides the CSS3 Native Anim class, for animating CSS properties. +* +* @module anim +* @submodule anim-native +*/ + "use strict"; + /*global Y:true */ + /*jslint regexp: true*/ + var VENDOR = ['', 'Webkit', 'Moz', 'O', 'ms'].filter(function (prefix) { + return Y.config.doc.body.style.hasOwnProperty(prefix + 'Animation'); + })[0], + PREFIX = VENDOR ? '-' + VENDOR.toLowerCase() + '-' : VENDOR, + ANIMATION_END_VENDORS = { + Webkit: 'webkitAnimationEnd', + O: 'oAnimationEnd' + }, + ANIMATION_END_EVENT = 'animationend', + ANIMATION_END = ANIMATION_END_VENDORS[VENDOR] || ANIMATION_END_EVENT, + + /** + * A class for constructing animation instances. + * @class Anim + * @for Anim + * @constructor + * @extends Base + */ + Anim = function () { + Anim.superclass.constructor.apply(this, arguments); + }; + + Y.Node.DOM_EVENTS[ANIMATION_END] = 1; + + Anim.NAME = 'animNative'; + Anim.DIRECTIONS = { + normal: ['normal', 'reverse'], + alternate: ['alternate', 'alternate-reverse'] + }; + Anim.EASINGS = { + easeNone: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + easeIn: {p1: 0.420, p2: 0.000, p3: 1.000, p4: 1.000}, + easeOut: {p1: 0.000, p2: 0.000, p3: 0.580, p4: 1.000}, + easeBoth: {p1: 0.420, p2: 0.000, p3: 0.580, p4: 1.000}, + easeInStrong: {p1: 0.895, p2: 0.030, p3: 0.685, p4: 0.220}, + easeOutStrong: {p1: 0.165, p2: 0.840, p3: 0.440, p4: 1.000}, + easeBothStrong: {p1: 0.770, p2: 0.000, p3: 0.175, p4: 1.000}, + backIn: {p1: 0.600, p2: -0.280, p3: 0.735, p4: 0.045}, + backOut: {p1: 0.175, p2: 0.885, p3: 0.320, p4: 1.275}, + backBoth: {p1: 0.680, p2: -0.550, p3: 0.265, p4: 1.550}, + + // FIXME: Defaulting these to linear + elasticIn: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + elasticOut: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + elasticBoth: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + bounceIn: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + bounceOut: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750}, + bounceBoth: {p1: 0.250, p2: 0.250, p3: 0.750, p4: 0.750} + }; + + Anim.RE_UNITS = /^(-?\d*\.?\d*){1}(em|ex|px|in|cm|mm|pt|pc|%)*$/; + + /** + * Regex of properties that should use the default unit. + * + * @property RE_DEFAULT_UNIT + * @static + */ + Anim.RE_DEFAULT_UNIT = /^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i; + + /** + * The default unit to use with properties that pass the RE_DEFAULT_UNIT test. + * + * @property DEFAULT_UNIT + * @static + */ + Anim.DEFAULT_UNIT = 'px'; + + Anim._easing = function (name) { + var e = Anim.EASINGS[name]; + return 'cubic-bezier(' + e.p1 + ', ' + e.p2 + ', ' + e.p3 + ', ' + e.p4 + ')'; + }; + + Anim._toHyphen = function (property) { + property = property.replace(/([A-Z]?)([a-z]+)([A-Z]?)/g, function (m0, m1, m2, m3) { + var str = ((m1) ? '-' + m1.toLowerCase() : '') + m2; + + if (m3) { + str += '-' + m3.toLowerCase(); + } + + return str; + }); + + return property; + }; + + Anim._insert = function (rule) { + Y.log(rule); + var doc = Y.config.doc, + ruleNum, + style; + + if (doc.styleSheets && doc.styleSheets.length) { + ruleNum = 0; + try { + if (doc.styleSheets[0].cssRules.length > 0) { + ruleNum = doc.styleSheets[0].cssRules.length; + } + doc.styleSheets[0].insertRule(rule, ruleNum); + } catch (e) { + Y.log(e.message + rule, 'warn'); + } + } else { + style = doc.createElement('style'); + style.innerHTML = rule; + doc.head.appendChild(style); + } + }; + + Anim._delete = function (ruleName) { + var doc = Y.config.doc, + cssrules = doc.all ? 'rules' : 'cssRules', + i; + + for (i = 0; i < doc.styleSheets[0][cssrules].length; i += 1) { + if (doc.styleSheets[0][cssrules][i].name === ruleName) { + doc.styleSheets[0].deleteRule(i); + break; + } + } + }; + + Anim.ATTRS = { + /** + * The object to be animated. + * @attribute node + * @type Node + */ + node: { + setter: function (node) { + if (node) { + if (typeof node === 'string' || node.nodeType) { + node = Y.one(node); + } + } + + this._node = node; + if (!node) { + Y.log(node + ' is not a valid node', 'warn', 'Anim'); + } + return node; + } + }, + + /** + * The length of the animation. Defaults to "1" (second). + * @attribute duration + * @type NUM + */ + duration: { + value: 1 + }, + + /** + * The method that will provide values to the attribute(s) during the animation. + * Defaults to "easeNone". + * @attribute easing + * @type Function + */ + easing: { + value: 'easeNone', + setter: function (e) { + return Anim._easing(e); + } + }, + + /** + * The starting values for the animated properties. + * + * Fields may be strings, numbers, or functions. + * If a function is used, the return value becomes the from value. + * If no from value is specified, the DEFAULT_GETTER will be used. + * Supports any unit, provided it matches the "to" (or default) + * unit (e.g. `{width: '10em', color: 'rgb(0, 0, 0)', borderColor: '#ccc'}`). + * + * If using the default ('px' for length-based units), the unit may be omitted + * (e.g. `{width: 100}, borderColor: 'ccc'}`, which defaults to pixels + * and hex, respectively). + * + * @attribute from + * @type Object + */ + from: { + value: {} + }, + + /** + * The keyframes between 0 and 100%. + * + * Example: {'50%': { + * width: 200 + * }} + * + * @attribute to + * @type Object + */ + frames: { + value: {} + }, + + /** + * The ending values for the animated properties. + * + * Fields may be strings, numbers, or functions. + * Supports any unit, provided it matches the "from" (or default) + * unit (e.g. `{width: '50%', color: 'red', borderColor: '#ccc'}`). + * + * If using the default ('px' for length-based units), the unit may be omitted + * (e.g. `{width: 100, borderColor: 'ccc'}`, which defaults to pixels + * and hex, respectively). + * + * @attribute to + * @type Object + */ + to: { + value: {} + }, + + /** + * Date stamp for the first frame of the animation. + * @attribute startTime + * @type Int + * @default 0 + * @readOnly + */ + startTime: { + value: 0, + readOnly: true + }, + + /** + * Current time the animation has been running. + * @attribute elapsedTime + * @type Int + * @default 0 + * @readOnly + */ + elapsedTime: { + value: 0, + readOnly: true + }, + + /** + * Whether or not the animation is currently running. + * @attribute running + * @type Boolean + * @default false + * @readOnly + */ + running: { + getter: function () { + return this.get('node').getStyle(VENDOR + 'AnimationName') !== 'none'; + }, + value: false, + readOnly: true + }, + + /** + * The number of seconds to delay the animation + * @attribute delay + * @type Int + * @default 0 + */ + delay: { + value: 0 + }, + + /** + * The number of times the animation should run. 'infinite' or integer. + * @attribute iterations + * @type Int + * @default 1 + */ + iterations: { + value: 1 + }, + + /** + * The number of iterations that have occurred. + * Resets when an animation ends (reaches iteration count or stop() called). + * + * Note: no way to update this mid animation. + * + * @attribute iterationCount + * @type Int + * @default 0 + * @readOnly + */ + iterationCount: { + value: 0, + readOnly: true + }, + + /** + * How iterations of the animation should behave. + * Possible values are "normal" and "alternate". + * Normal will repeat the animation, alternate will reverse on every other pass. + * + * @attribute direction + * @type String + * @default "normal" + */ + direction: { + value: 'normal' // | alternate (fwd on odd, rev on even per spec) + }, + + /** + * Whether or not the animation is currently paused. + * @attribute paused + * @type Boolean + * @default false + * @readOnly + */ + paused: { + getter: function () { + return this.get('node').getStyle(VENDOR + 'AnimationPlayState') === 'paused'; + }, + readOnly: true, + value: false + }, + + /** + * If true, animation begins from last frame + * @attribute reverse + * @type Boolean + * @default false + */ + reverse: { + value: false + }, + + /** + * Perspective depth + * @attribute perspective + * @type int + * @default 1000 + */ + perspective: { + value: 1000 + }, + + /** + * X/Y axis origin + * @attribute perspectiveOrigin + * @type String + * @default 'center center' + */ + perspectiveOrigin: { + value: 'center center' + }, + + /** + * If 'visible' the element is show when not facing the screen. If 'hidden' the + * element will be invisible when not facing the screen. + * @attribute backfaceVisibility + * @type String + * @default 'visible' + */ + backfaceVisibility: { + value: 'visible' + } + }; + + Y.extend(Anim, Y.Base, { + initializer: function (config) { + this._sub = null; + }, + + /** + * Starts or resumes an animation. + * @method run + * @chainable + */ + run: function () { + if (this.get('paused')) { + this._resume(); + } else if (!this.get('running')) { + this._start(); + } + return this; + }, + + /** + * Pauses the animation and + * freezes it in its current state and time. + * Calling run() will continue where it left off. + * @method pause + * @chainable + */ + pause: function () { + if (this.get('running')) { + this.get('node').setStyle(VENDOR + 'AnimationPlayState', 'paused'); + this.fire('pause'); + } + return this; + }, + + /** + * Stops the animation and resets its time. + * @method stop + * @param {Boolean} finish If true, the animation will move to the last frame + * @chainable + */ + stop: function (finish) { + this._end(); + return this; + }, + + _resume: function () { + this.get('node').setStyle(VENDOR + 'AnimationPlayState', 'running'); + this.fire('resume'); + }, + + /** + * Initializes animation. Inserts keyframes into DOM and updates node styles. + */ + _start: function () { + var node = this.get('node'), + parent = node.get('parentNode'), + name = 'anim-' + Y.guid(), + direction = Anim.DIRECTIONS[this.get('direction')][+this.get('reverse')], + from = this.get('from'), + to = this.get('to'), + frames = this.get('frames'), + keyframes = {}, + res, + frame, + styles = {}, + parentStyles = {}; + + node.removeAttribute('style'); + node.setAttribute('style', ''); + + keyframes['0%'] = from; + keyframes = Y.merge(keyframes, frames); + keyframes['100%'] = to; + + res = this._render(node, name, keyframes); + + Anim._insert(res.css); + + // Apply last animation frame styles + if (this.get('iterations') !== 'infinite') { + frame = this.get('iterations') % (2 - this.get('reverse')) * 100; + Y.Object.each(res.styles[frame + '%'], function (value, prop) { + styles[prop] = value; + }); + } + + this.set('iterationCount', 0); + + parentStyles[VENDOR + 'Perspective'] = this.get('perspective') + 'px'; + parentStyles[VENDOR + 'PerspectiveOrigin'] = this.get('perspectiveOrigin'); + parent.setStyles(parentStyles); + + styles[VENDOR + 'AnimationName'] = name; + styles[VENDOR + 'AnimationDuration'] = this.get('duration') + 's'; + styles[VENDOR + 'AnimationTimingFunction'] = this.get('easing'); + styles[VENDOR + 'AnimationDelay'] = this.get('delay') + 's'; + styles[VENDOR + 'AnimationIterationCount'] = this.get('iterations'); + styles[VENDOR + 'AnimationDirection'] = direction; + styles[VENDOR + 'AnimationPlayState'] = 'running'; + styles[VENDOR + 'BackfaceVisibility'] = this.get('backfaceVisibility'); + + node.setStyles(styles); + + this.fire('start'); + this._sub = node.on(ANIMATION_END, Y.bind(this._end, this)); + }, + + _end: function () { + var node = this.get('node'), + name = node.getStyle(VENDOR + 'AnimationName'), + styles = {}; + + if (this._sub) { + this._sub.detach(); + this._sub = null; + } + + styles[VENDOR + 'AnimationName'] = ''; + styles[VENDOR + 'AnimationDuration'] = ''; + styles[VENDOR + 'AnimationTimingFunction'] = ''; + styles[VENDOR + 'AnimationDelay'] = ''; + styles[VENDOR + 'AnimationIterationCount'] = ''; + styles[VENDOR + 'AnimationDirection'] = ''; + styles[VENDOR + 'AnimationPlayState'] = ''; + styles[VENDOR + 'BackfaceVisibility'] = ''; + node.setStyles(styles); + + // TODO: Restore parent node perspective? + + this.set('iterationCount', this.get('iterations')); + + Anim._delete(name); + this.fire('end', {elapsed: this.get('elapsedTime')}); + }, + + /** + * Generate CSS keyframes string and meta data. + */ + _render: function (node, name, keyframes) { + var css = ['@' + PREFIX + 'keyframes ' + name + ' {'], + styles = {}; + + Y.Object.each(keyframes, function (props, key) { + css.push('\t' + key + ' {'); + styles[key] = {}; + + Y.Object.each(props, function (value, prop) { + var parsed; + + if (typeof value === 'function') { + value = value.call(this, node); + } + + if (Anim.RE_DEFAULT_UNIT.test(prop)) { + parsed = Anim.RE_UNITS.exec(value); + + if (parsed && !parsed[2]) { + value += Anim.DEFAULT_UNIT; + } + } + + if (prop === 'transform') { + prop = VENDOR + 'Transform'; + } + + styles[key][prop] = value; + css.push('\t\t' + Anim._toHyphen(prop) + ': ' + value + ';'); + }, this); + + css.push('\t}'); + }, this); + + css.push('}'); + return {css: css.join('\n'), styles: styles}; + }, + + destructor: function () { + if (this._sub) { + this._sub.detach(); + this._sub = null; + } + } + }); + + Y.Anim = Anim; + Y.AnimNative = Anim; + + +}, 'gallery-2012.10.03-20-02' ,{skinnable:false}); diff --git a/build/gallery-anim-native/gallery-anim-native-min.js b/build/gallery-anim-native/gallery-anim-native-min.js new file mode 100644 index 0000000000..55d5fe7cfe --- /dev/null +++ b/build/gallery-anim-native/gallery-anim-native-min.js @@ -0,0 +1 @@ +YUI.add("gallery-anim-native",function(g){var f=["","Webkit","Moz","O","ms"].filter(function(h){return g.config.doc.body.style.hasOwnProperty(h+"Animation");})[0],d=f?"-"+f.toLowerCase()+"-":f,c={Webkit:"webkitAnimationEnd",O:"oAnimationEnd"},e="animationend",a=c[f]||e,b=function(){b.superclass.constructor.apply(this,arguments);};g.Node.DOM_EVENTS[a]=1;b.NAME="animNative";b.DIRECTIONS={normal:["normal","reverse"],alternate:["alternate","alternate-reverse"]};b.EASINGS={easeNone:{p1:0.25,p2:0.25,p3:0.75,p4:0.75},easeIn:{p1:0.42,p2:0,p3:1,p4:1},easeOut:{p1:0,p2:0,p3:0.58,p4:1},easeBoth:{p1:0.42,p2:0,p3:0.58,p4:1},easeInStrong:{p1:0.895,p2:0.03,p3:0.685,p4:0.22},easeOutStrong:{p1:0.165,p2:0.84,p3:0.44,p4:1},easeBothStrong:{p1:0.77,p2:0,p3:0.175,p4:1},backIn:{p1:0.6,p2:-0.28,p3:0.735,p4:0.045},backOut:{p1:0.175,p2:0.885,p3:0.32,p4:1.275},backBoth:{p1:0.68,p2:-0.55,p3:0.265,p4:1.55},elasticIn:{p1:0.25,p2:0.25,p3:0.75,p4:0.75},elasticOut:{p1:0.25,p2:0.25,p3:0.75,p4:0.75},elasticBoth:{p1:0.25,p2:0.25,p3:0.75,p4:0.75},bounceIn:{p1:0.25,p2:0.25,p3:0.75,p4:0.75},bounceOut:{p1:0.25,p2:0.25,p3:0.75,p4:0.75},bounceBoth:{p1:0.25,p2:0.25,p3:0.75,p4:0.75}};b.RE_UNITS=/^(-?\d*\.?\d*){1}(em|ex|px|in|cm|mm|pt|pc|%)*$/;b.RE_DEFAULT_UNIT=/^width|height|top|right|bottom|left|margin.*|padding.*|border.*$/i;b.DEFAULT_UNIT="px";b._easing=function(h){var i=b.EASINGS[h];return"cubic-bezier("+i.p1+", "+i.p2+", "+i.p3+", "+i.p4+")";};b._toHyphen=function(h){h=h.replace(/([A-Z]?)([a-z]+)([A-Z]?)/g,function(l,k,j,i){var m=((k)?"-"+k.toLowerCase():"")+j;if(i){m+="-"+i.toLowerCase();}return m;});return h;};b._insert=function(l){var k=g.config.doc,h,i;if(k.styleSheets&&k.styleSheets.length){h=0;try{if(k.styleSheets[0].cssRules.length>0){h=k.styleSheets[0].cssRules.length;}k.styleSheets[0].insertRule(l,h);}catch(j){}}else{i=k.createElement("style");i.innerHTML=l;k.head.appendChild(i);}};b._delete=function(j){var l=g.config.doc,k=l.all?"rules":"cssRules",h;for(h=0;h-
+ *
- + * all + * + *
- + * This mode runs all commands. The commands might be + * completed out of order. The run completes once all + * commands have completed. The run fails if any command + * fails. + * + *
- + * queue + * + *
- + * This mode runs one command at a time. It waits for + * the first command to complete before moving on to the + * next one. The run completes when the last command has + * completed. The run fails if a command fails and the + * remaining commands are not run. + * + *
-
+ *
- + * all + * + *
- + * This mode runs all commands. The commands might be + * completed out of order. The run completes once all + * commands have completed. The run fails if any command + * fails. + * + *
- + * queue + * + *
- + * This mode runs one command at a time. It waits for + * the first command to complete before moving on to the + * next one. The run completes when the last command has + * completed. The run fails if a command fails and the + * remaining commands are not run. + * + *
-
+ *
- + * autoplay + * + *
- + * Boolean. If the audio should begin playing immediately. + * + *
- + * baseUrl + * + *
- + * String. URL of the audio file, minus the extension. Works + * together with the format property to pick the best audio file to + * play. + * + *
- + * controls + * + *
- + * Boolean. If the browser should render a user interface. (The + * audio node must be attached to the DOM for the controls to + * appear) + * + *
- + * format + * + *
- + * Array or Object. List of hosted formats. Defaults to ['ogg', + * 'mp3', 'm4a', 'wav']. The best supported format will be + * determined and the file extension will be appended to baseUrl. + * If all four formats are not being hosted, only list the formats + * that are. For example, ['mp3', 'ogg'] will not try to find an + * m4a or wav file. If the four formats aren't named the same, or + * are hosted at different locations, or have unusual file + * extensions, set the baseUrl property to any common URL fragment, + * or leave the baseUrl property undefined if there isn't one. Then + * set the format property to an object which has the individual + * formats as keys and a strings as values that will be appended to + * the baseUrl. For example, baseUrl could be set to + * 'http://domain.com/' and format could be set to + * {m4a: 'music/file.m4a', mp3: 'mp3s/cool/file.mp4', + * ogg: 'vorbis/file.ogg'} + * + *
- + * loop + * + *
- + * Boolean. If the audio should loop forever. + * + *
- + * preload + * + *
- + * String. This value should be either 'auto', 'metadata', or + * 'none'. Defaults to 'auto'. + *
-
+ *
- + * autoplay + * + *
- + * Boolean. If the audio should begin playing immediately. + * + *
- + * baseUrl + * + *
- + * String. URL of the audio file, minus the extension. Works + * together with the format property to pick the best audio file to + * play. + * + *
- + * controls + * + *
- + * Boolean. If the browser should render a user interface. (The + * audio node must be attached to the DOM for the controls to + * appear) + * + *
- + * format + * + *
- + * Array or Object. List of hosted formats. Defaults to ['ogg', + * 'mp3', 'm4a', 'wav']. The best supported format will be + * determined and the file extension will be appended to baseUrl. + * If all four formats are not being hosted, only list the formats + * that are. For example, ['mp3', 'ogg'] will not try to find an + * m4a or wav file. If the four formats aren't named the same, or + * are hosted at different locations, or have unusual file + * extensions, set the baseUrl property to any common URL fragment, + * or leave the baseUrl property undefined if there isn't one. Then + * set the format property to an object which has the individual + * formats as keys and a strings as values that will be appended to + * the baseUrl. For example, baseUrl could be set to + * 'http://domain.com/' and format could be set to + * {m4a: 'music/file.m4a', mp3: 'mp3s/cool/file.mp4', + * ogg: 'vorbis/file.ogg'} + * + *
- + * loop + * + *
- + * Boolean. If the audio should loop forever. + * + *
- + * preload + * + *
- + * String. This value should be either 'auto', 'metadata', or + * 'none'. Defaults to 'auto'. + *
* The beforeunload event is not standard, yet it is useful enough that * most browsers support it to some degree. But they are not consistent - * about how it operates. This module supplants any existing DOM0 + * about how it operates. This module supplants any existing DOM0 * onbeforelistener because DOM2 style listeners won't work across * the A grade at this time. *
@@ -60,4 +62,4 @@ Y.Env.evt.plugins.beforeunload = { }; -}, 'gallery-2009.11.02-20' ,{requires:['event-base']}); +}, 'gallery-2012.03.28-20-16' ,{requires:['event-base']}); diff --git a/build/gallery-beforeunload/gallery-beforeunload-min.js b/build/gallery-beforeunload/gallery-beforeunload-min.js index 7cac896151..79f0e62be4 100644 --- a/build/gallery-beforeunload/gallery-beforeunload-min.js +++ b/build/gallery-beforeunload/gallery-beforeunload-min.js @@ -1 +1 @@ -YUI.add("gallery-beforeunload",function(C){var B="gallery-dom0beforeunload",A=window.onbeforeunload;window.onbeforeunload=function(E){var G=E||window.event;if(A){A(G);}var D=new C.DOMEventFacade(G),F;C.fire(B,D);F=D.returnValue;G.returnValue=F;return F;};C.Env.evt.plugins.beforeunload={on:function(F,E){var D=C.Array(arguments,0,true);D[0]=B;return C.on.apply(C,D);}};},"gallery-2009.11.02-20",{requires:["event-base"]}); \ No newline at end of file +YUI.add("gallery-beforeunload",function(c){var b="gallery-dom0beforeunload",a=window.onbeforeunload;window.onbeforeunload=function(f){var h=f||window.event;if(a){a(h);}var d=new c.DOMEventFacade(h),g;c.fire(b,d);g=d.returnValue;if(g){h.returnValue=g;return g;}};c.Env.evt.plugins.beforeunload={on:function(f,e){var d=c.Array(arguments,0,true);d[0]=b;return c.on.apply(c,d);}};},"gallery-2012.03.28-20-16",{requires:["event-base"]}); \ No newline at end of file diff --git a/build/gallery-beforeunload/gallery-beforeunload.js b/build/gallery-beforeunload/gallery-beforeunload.js index 1a71e7d851..34330a73fd 100644 --- a/build/gallery-beforeunload/gallery-beforeunload.js +++ b/build/gallery-beforeunload/gallery-beforeunload.js @@ -16,15 +16,17 @@ window.onbeforeunload = function(ev) { var facade = new Y.DOMEventFacade(e), retVal; Y.fire(INTERNAL_EVENT_NAME, facade); retVal = facade.returnValue; - e.returnValue = retVal; - return retVal; + if (retVal) { + e.returnValue = retVal; + return retVal; + } }; /** ** The beforeunload event is not standard, yet it is useful enough that * most browsers support it to some degree. But they are not consistent - * about how it operates. This module supplants any existing DOM0 + * about how it operates. This module supplants any existing DOM0 * onbeforelistener because DOM2 style listeners won't work across * the A grade at this time. *
@@ -60,4 +62,4 @@ Y.Env.evt.plugins.beforeunload = { }; -}, 'gallery-2009.11.02-20' ,{requires:['event-base']}); +}, 'gallery-2012.03.28-20-16' ,{requires:['event-base']}); diff --git a/build/gallery-bootstrap-alert/gallery-bootstrap-alert-coverage.js b/build/gallery-bootstrap-alert/gallery-bootstrap-alert-coverage.js new file mode 100644 index 0000000000..4315378532 --- /dev/null +++ b/build/gallery-bootstrap-alert/gallery-bootstrap-alert-coverage.js @@ -0,0 +1,204 @@ +if (typeof _yuitest_coverage == "undefined"){ + _yuitest_coverage = {}; + _yuitest_coverline = function(src, line){ + var coverage = _yuitest_coverage[src]; + if (!coverage.lines[line]){ + coverage.calledLines++; + } + coverage.lines[line]++; + }; + _yuitest_coverfunc = function(src, name, line){ + var coverage = _yuitest_coverage[src], + funcId = name + ":" + line; + if (!coverage.functions[funcId]){ + coverage.calledFunctions++; + } + coverage.functions[funcId]++; + }; +} +_yuitest_coverage["/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js"] = { + lines: {}, + functions: {}, + coveredLines: 0, + calledLines: 0, + coveredFunctions: 0, + calledFunctions: 0, + path: "/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", + code: [] +}; +_yuitest_coverage["/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js"].code=["YUI.add('gallery-bootstrap-alert', function(Y) {","","/**","A Plugin which provides fading Alert behaviors on a Node with compatible syntax","and markup from Twitter's Bootstrap project.","","@module gallery-bootstrap-alert","**/","","/**","A Plugin which provides fading Alert behaviors on a Node with compatible syntax","and markup from Twitter's Bootstrap project.","","This makes it possible to have dynamic behaviors without incorporating any","JavaScript. However, it can be manually plugged into any node or node list.",""," var node = Y.one('.someNode');"," // Duration is in seconds"," node.plug( Y.Bootstrap.Alert, { duration : 5 } );",""," node.alert.close();","","@class Bootstrap.Alert","**/","","function AlertPlugin(config) {"," AlertPlugin.superclass.constructor.apply(this, arguments);",""," this.config = Y.mix( config, this.defaults );",""," var selector = this.config.selector;",""," this._node = config.host;",""," /**"," Fires when the close method is called, or when any close item has been"," clicked",""," @event close"," @preventable _dismissAlertFn"," **/"," this.publish('close', { preventable : true, defaultFn : this._dismissAlertFn });",""," this._node.delegate('click', function(e) { this.fire('close'); }, selector, this);","}","","","AlertPlugin.NAME = 'Bootstrap.Alert';","AlertPlugin.NS = 'alert';","","Y.extend(AlertPlugin, Y.Plugin.Base, {"," /**"," @property defaults"," @type Object"," @default { duration : 0.5, selector : '.close', transition : true, destroy : true }"," **/"," defaults : {"," duration : 0.5,"," selector : '.close',"," transition : true,"," destroy : true"," },",""," /**"," @method close"," @description Closes the alert target (the host) and removes the node."," **/"," close: function() {"," // Just a fake event facade."," this.fire('close', { currentTarget : this._node.one('.close') });"," },",""," /**"," @method _dismissAlertFn"," @description Internal method to handle the transitions and fire the"," closed event"," @protected"," **/"," _dismissAlertFn: function(e) {"," // This could be called from directly inside the plugin or just"," // violating encapsulation entirely. I didn't want to go through"," // instantiation overhead for what really will amount to a single and"," // direct call."," var target = e.currentTarget,"," alert,"," config,"," is_plugin,"," destroy,"," completed;",""," // If we have a node, use that. If not, find an ancestor that matches."," if ( Y.instanceOf( this, AlertPlugin ) ) {"," alert = this._node;"," config = this.config;"," is_plugin = this;"," } else {"," alert = e.target.ancestor('div.' + ( target.getData('dismiss') || 'alert' ) );"," config = AlertPlugin.prototype.defaults;"," }",""," destroy = config.destroy ? true : false;",""," completed = function() {"," if ( destroy ) { this.remove(); };"," alert.fire('closed');"," if ( is_plugin ) {"," is_plugin.fire('closed');"," }"," };",""," if ( alert ) {"," e.preventDefault();"," if ( config.transition && alert.hasClass('fade') ) {"," alert.transition("," {"," duration : config.duration,"," opacity : 0"," },"," completed"," );"," } else {"," alert.hide();"," completed.apply( alert );"," }"," }"," }","});","","Y.namespace('Bootstrap').Alert = AlertPlugin;","","","","}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']});"]; +_yuitest_coverage["/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js"].lines = {"1":0,"26":0,"27":0,"29":0,"31":0,"33":0,"42":0,"44":0,"48":0,"49":0,"51":0,"70":0,"84":0,"92":0,"93":0,"94":0,"95":0,"97":0,"98":0,"101":0,"103":0,"104":0,"105":0,"106":0,"107":0,"111":0,"112":0,"113":0,"114":0,"122":0,"123":0,"129":0}; +_yuitest_coverage["/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js"].functions = {"(anonymous 2):44":0,"AlertPlugin:26":0,"close:68":0,"completed:103":0,"_dismissAlertFn:79":0,"(anonymous 1):1":0}; +_yuitest_coverage["/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js"].coveredLines = 32; +_yuitest_coverage["/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js"].coveredFunctions = 6; +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 1); +YUI.add('gallery-bootstrap-alert', function(Y) { + +/** +A Plugin which provides fading Alert behaviors on a Node with compatible syntax +and markup from Twitter's Bootstrap project. + +@module gallery-bootstrap-alert +**/ + +/** +A Plugin which provides fading Alert behaviors on a Node with compatible syntax +and markup from Twitter's Bootstrap project. + +This makes it possible to have dynamic behaviors without incorporating any +JavaScript. However, it can be manually plugged into any node or node list. + + var node = Y.one('.someNode'); + // Duration is in seconds + node.plug( Y.Bootstrap.Alert, { duration : 5 } ); + + node.alert.close(); + +@class Bootstrap.Alert +**/ + +_yuitest_coverfunc("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", "(anonymous 1)", 1); +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 26); +function AlertPlugin(config) { + _yuitest_coverfunc("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", "AlertPlugin", 26); +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 27); +AlertPlugin.superclass.constructor.apply(this, arguments); + + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 29); +this.config = Y.mix( config, this.defaults ); + + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 31); +var selector = this.config.selector; + + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 33); +this._node = config.host; + + /** + Fires when the close method is called, or when any close item has been + clicked + + @event close + @preventable _dismissAlertFn + **/ + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 42); +this.publish('close', { preventable : true, defaultFn : this._dismissAlertFn }); + + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 44); +this._node.delegate('click', function(e) { _yuitest_coverfunc("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", "(anonymous 2)", 44); +this.fire('close'); }, selector, this); +} + + +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 48); +AlertPlugin.NAME = 'Bootstrap.Alert'; +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 49); +AlertPlugin.NS = 'alert'; + +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 51); +Y.extend(AlertPlugin, Y.Plugin.Base, { + /** + @property defaults + @type Object + @default { duration : 0.5, selector : '.close', transition : true, destroy : true } + **/ + defaults : { + duration : 0.5, + selector : '.close', + transition : true, + destroy : true + }, + + /** + @method close + @description Closes the alert target (the host) and removes the node. + **/ + close: function() { + // Just a fake event facade. + _yuitest_coverfunc("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", "close", 68); +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 70); +this.fire('close', { currentTarget : this._node.one('.close') }); + }, + + /** + @method _dismissAlertFn + @description Internal method to handle the transitions and fire the + closed event + @protected + **/ + _dismissAlertFn: function(e) { + // This could be called from directly inside the plugin or just + // violating encapsulation entirely. I didn't want to go through + // instantiation overhead for what really will amount to a single and + // direct call. + _yuitest_coverfunc("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", "_dismissAlertFn", 79); +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 84); +var target = e.currentTarget, + alert, + config, + is_plugin, + destroy, + completed; + + // If we have a node, use that. If not, find an ancestor that matches. + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 92); +if ( Y.instanceOf( this, AlertPlugin ) ) { + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 93); +alert = this._node; + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 94); +config = this.config; + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 95); +is_plugin = this; + } else { + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 97); +alert = e.target.ancestor('div.' + ( target.getData('dismiss') || 'alert' ) ); + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 98); +config = AlertPlugin.prototype.defaults; + } + + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 101); +destroy = config.destroy ? true : false; + + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 103); +completed = function() { + _yuitest_coverfunc("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", "completed", 103); +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 104); +if ( destroy ) { this.remove(); }; + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 105); +alert.fire('closed'); + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 106); +if ( is_plugin ) { + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 107); +is_plugin.fire('closed'); + } + }; + + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 111); +if ( alert ) { + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 112); +e.preventDefault(); + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 113); +if ( config.transition && alert.hasClass('fade') ) { + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 114); +alert.transition( + { + duration : config.duration, + opacity : 0 + }, + completed + ); + } else { + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 122); +alert.hide(); + _yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 123); +completed.apply( alert ); + } + } + } +}); + +_yuitest_coverline("/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js", 129); +Y.namespace('Bootstrap').Alert = AlertPlugin; + + + +}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']}); diff --git a/build/gallery-bootstrap-alert/gallery-bootstrap-alert-debug.js b/build/gallery-bootstrap-alert/gallery-bootstrap-alert-debug.js new file mode 100644 index 0000000000..a655eed1a8 --- /dev/null +++ b/build/gallery-bootstrap-alert/gallery-bootstrap-alert-debug.js @@ -0,0 +1,133 @@ +YUI.add('gallery-bootstrap-alert', function(Y) { + +/** +A Plugin which provides fading Alert behaviors on a Node with compatible syntax +and markup from Twitter's Bootstrap project. + +@module gallery-bootstrap-alert +**/ + +/** +A Plugin which provides fading Alert behaviors on a Node with compatible syntax +and markup from Twitter's Bootstrap project. + +This makes it possible to have dynamic behaviors without incorporating any +JavaScript. However, it can be manually plugged into any node or node list. + + var node = Y.one('.someNode'); + // Duration is in seconds + node.plug( Y.Bootstrap.Alert, { duration : 5 } ); + + node.alert.close(); + +@class Bootstrap.Alert +**/ + +function AlertPlugin(config) { + AlertPlugin.superclass.constructor.apply(this, arguments); + + this.config = Y.mix( config, this.defaults ); + + var selector = this.config.selector; + + this._node = config.host; + + /** + Fires when the close method is called, or when any close item has been + clicked + + @event close + @preventable _dismissAlertFn + **/ + this.publish('close', { preventable : true, defaultFn : this._dismissAlertFn }); + + this._node.delegate('click', function(e) { this.fire('close'); }, selector, this); +} + + +AlertPlugin.NAME = 'Bootstrap.Alert'; +AlertPlugin.NS = 'alert'; + +Y.extend(AlertPlugin, Y.Plugin.Base, { + /** + @property defaults + @type Object + @default { duration : 0.5, selector : '.close', transition : true, destroy : true } + **/ + defaults : { + duration : 0.5, + selector : '.close', + transition : true, + destroy : true + }, + + /** + @method close + @description Closes the alert target (the host) and removes the node. + **/ + close: function() { + // Just a fake event facade. + this.fire('close', { currentTarget : this._node.one('.close') }); + }, + + /** + @method _dismissAlertFn + @description Internal method to handle the transitions and fire the + closed event + @protected + **/ + _dismissAlertFn: function(e) { + // This could be called from directly inside the plugin or just + // violating encapsulation entirely. I didn't want to go through + // instantiation overhead for what really will amount to a single and + // direct call. + var target = e.currentTarget, + alert, + config, + is_plugin, + destroy, + completed; + + // If we have a node, use that. If not, find an ancestor that matches. + if ( Y.instanceOf( this, AlertPlugin ) ) { + alert = this._node; + config = this.config; + is_plugin = this; + } else { + alert = e.target.ancestor('div.' + ( target.getData('dismiss') || 'alert' ) ); + config = AlertPlugin.prototype.defaults; + } + + destroy = config.destroy ? true : false; + + completed = function() { + if ( destroy ) { this.remove(); }; + alert.fire('closed'); + if ( is_plugin ) { + is_plugin.fire('closed'); + } + }; + + if ( alert ) { + e.preventDefault(); + if ( config.transition && alert.hasClass('fade') ) { + alert.transition( + { + duration : config.duration, + opacity : 0 + }, + completed + ); + } else { + alert.hide(); + completed.apply( alert ); + } + } + } +}); + +Y.namespace('Bootstrap').Alert = AlertPlugin; + + + +}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']}); diff --git a/build/gallery-bootstrap-alert/gallery-bootstrap-alert-min.js b/build/gallery-bootstrap-alert/gallery-bootstrap-alert-min.js new file mode 100644 index 0000000000..8178dbc05f --- /dev/null +++ b/build/gallery-bootstrap-alert/gallery-bootstrap-alert-min.js @@ -0,0 +1 @@ +YUI.add("gallery-bootstrap-alert",function(b){function a(d){a.superclass.constructor.apply(this,arguments);this.config=b.mix(d,this.defaults);var c=this.config.selector;this._node=d.host;this.publish("close",{preventable:true,defaultFn:this._dismissAlertFn});this._node.delegate("click",function(f){this.fire("close");},c,this);}a.NAME="Bootstrap.Alert";a.NS="alert";b.extend(a,b.Plugin.Base,{defaults:{duration:0.5,selector:".close",transition:true,destroy:true},close:function(){this.fire("close",{currentTarget:this._node.one(".close")});},_dismissAlertFn:function(i){var h=i.currentTarget,j,c,g,d,f;if(b.instanceOf(this,a)){j=this._node;c=this.config;g=this;}else{j=i.target.ancestor("div."+(h.getData("dismiss")||"alert"));c=a.prototype.defaults;}d=c.destroy?true:false;f=function(){if(d){this.remove();}j.fire("closed");if(g){g.fire("closed");}};if(j){i.preventDefault();if(c.transition&&j.hasClass("fade")){j.transition({duration:c.duration,opacity:0},f);}else{j.hide();f.apply(j);}}}});b.namespace("Bootstrap").Alert=a;},"gallery-2012.08.22-20-00",{requires:["plugin","transition","event","event-delegate"]}); \ No newline at end of file diff --git a/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js b/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js new file mode 100644 index 0000000000..a655eed1a8 --- /dev/null +++ b/build/gallery-bootstrap-alert/gallery-bootstrap-alert.js @@ -0,0 +1,133 @@ +YUI.add('gallery-bootstrap-alert', function(Y) { + +/** +A Plugin which provides fading Alert behaviors on a Node with compatible syntax +and markup from Twitter's Bootstrap project. + +@module gallery-bootstrap-alert +**/ + +/** +A Plugin which provides fading Alert behaviors on a Node with compatible syntax +and markup from Twitter's Bootstrap project. + +This makes it possible to have dynamic behaviors without incorporating any +JavaScript. However, it can be manually plugged into any node or node list. + + var node = Y.one('.someNode'); + // Duration is in seconds + node.plug( Y.Bootstrap.Alert, { duration : 5 } ); + + node.alert.close(); + +@class Bootstrap.Alert +**/ + +function AlertPlugin(config) { + AlertPlugin.superclass.constructor.apply(this, arguments); + + this.config = Y.mix( config, this.defaults ); + + var selector = this.config.selector; + + this._node = config.host; + + /** + Fires when the close method is called, or when any close item has been + clicked + + @event close + @preventable _dismissAlertFn + **/ + this.publish('close', { preventable : true, defaultFn : this._dismissAlertFn }); + + this._node.delegate('click', function(e) { this.fire('close'); }, selector, this); +} + + +AlertPlugin.NAME = 'Bootstrap.Alert'; +AlertPlugin.NS = 'alert'; + +Y.extend(AlertPlugin, Y.Plugin.Base, { + /** + @property defaults + @type Object + @default { duration : 0.5, selector : '.close', transition : true, destroy : true } + **/ + defaults : { + duration : 0.5, + selector : '.close', + transition : true, + destroy : true + }, + + /** + @method close + @description Closes the alert target (the host) and removes the node. + **/ + close: function() { + // Just a fake event facade. + this.fire('close', { currentTarget : this._node.one('.close') }); + }, + + /** + @method _dismissAlertFn + @description Internal method to handle the transitions and fire the + closed event + @protected + **/ + _dismissAlertFn: function(e) { + // This could be called from directly inside the plugin or just + // violating encapsulation entirely. I didn't want to go through + // instantiation overhead for what really will amount to a single and + // direct call. + var target = e.currentTarget, + alert, + config, + is_plugin, + destroy, + completed; + + // If we have a node, use that. If not, find an ancestor that matches. + if ( Y.instanceOf( this, AlertPlugin ) ) { + alert = this._node; + config = this.config; + is_plugin = this; + } else { + alert = e.target.ancestor('div.' + ( target.getData('dismiss') || 'alert' ) ); + config = AlertPlugin.prototype.defaults; + } + + destroy = config.destroy ? true : false; + + completed = function() { + if ( destroy ) { this.remove(); }; + alert.fire('closed'); + if ( is_plugin ) { + is_plugin.fire('closed'); + } + }; + + if ( alert ) { + e.preventDefault(); + if ( config.transition && alert.hasClass('fade') ) { + alert.transition( + { + duration : config.duration, + opacity : 0 + }, + completed + ); + } else { + alert.hide(); + completed.apply( alert ); + } + } + } +}); + +Y.namespace('Bootstrap').Alert = AlertPlugin; + + + +}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']}); diff --git a/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-coverage.js b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-coverage.js new file mode 100644 index 0000000000..7eceba042b --- /dev/null +++ b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-coverage.js @@ -0,0 +1,318 @@ +if (typeof _yuitest_coverage == "undefined"){ + _yuitest_coverage = {}; + _yuitest_coverline = function(src, line){ + var coverage = _yuitest_coverage[src]; + if (!coverage.lines[line]){ + coverage.calledLines++; + } + coverage.lines[line]++; + }; + _yuitest_coverfunc = function(src, name, line){ + var coverage = _yuitest_coverage[src], + funcId = name + ":" + line; + if (!coverage.functions[funcId]){ + coverage.calledFunctions++; + } + coverage.functions[funcId]++; + }; +} +_yuitest_coverage["/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js"] = { + lines: {}, + functions: {}, + coveredLines: 0, + calledLines: 0, + coveredFunctions: 0, + calledFunctions: 0, + path: "/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", + code: [] +}; +_yuitest_coverage["/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js"].code=["YUI.add('gallery-bootstrap-collapse', function(Y) {","","/**","A Plugin which provides collapsing/expanding behaviors on a Node with","compatible syntax and markup from Twitter's Bootstrap project.","","@module gallery-bootstrap-collapse","**/","","/**","A Plugin which provides collapsing and expanding behaviors on a Node with","compatible syntax and markup from Twitter's Bootstrap project.","","It possible to have dynamic behaviors without incorporating any","JavaScript by settingdata-toggle=collapse on any element.","","However, it can be manually plugged into any node or node list.","","@example",""," var node = Y.one('.someNode');"," node.plug( Y.Bootstrap.Collapse, config );",""," node.collapse.show();","","@class Bootstrap.Collapse","**/","","function CollapsePlugin(config) {"," CollapsePlugin.superclass.constructor.apply(this, arguments);","}","","CollapsePlugin.NAME = 'Bootstrap.Collapse';","CollapsePlugin.NS = 'collapse';","","Y.extend(CollapsePlugin, Y.Plugin.Base, {"," defaults : {"," duration : 0.25,"," easing : 'ease-in',"," showClass : 'in',"," hideClass : 'out',",""," groupSelector : '> .accordion-group > .in'"," },",""," transitioning: false,",""," initializer : function(config) {"," this._node = config.host;",""," this.config = Y.mix( config, this.defaults );",""," this.publish('show', { preventable : true, defaultFn : this.show });"," this.publish('hide', { preventable : true, defaultFn : this.hide });",""," this._node.on('click', this.toggle, this);"," },",""," _getTarget: function() {"," var node = this._node,"," container;",""," if ( node.getData('target') ) {"," container = Y.one( node.getData('target') );"," }"," else if ( node.getAttribute('href').indexOf('#') >= 0 ) {"," container = Y.one( node.getAttribute('href').substr( node.getAttribute('href').indexOf('#') ) );"," }"," return container;"," },",""," /**"," * @method hide"," * @description Hide the collapsible target, specified by the host's"," * data-target or href attribute."," */"," hide: function() {"," var showClass = this.config.showClass,"," hideClass = this.config.hideClass,"," node = this._getTarget();",""," if ( this.transitioning ) {"," return;"," }",""," if ( node ) {"," this._hideElement(node);"," }"," },",""," /**"," * @method show"," * @description Show the collapsible target, specified by the host's"," * data-target or href attribute."," */"," show: function() {"," var showClass = this.config.showClass,"," hideClass = this.config.hideClass,"," node = this._getTarget(),"," host = this._node,"," self = this,"," parent,"," group_selector = this.config.groupSelector;",""," if ( this.transitioning ) {"," return;"," }",""," if ( host.getData('parent') ) {"," parent = Y.one( host.getData('parent') );"," if ( parent ) {"," parent.all(group_selector).each( function(el) {"," self._hideElement(el);"," });"," }"," }"," this._showElement(node);"," },",""," /**"," @method toggle"," @description Toggle the state of the collapsible target, specified"," by the host's data-target or href"," attribute. Calls the show or hide method."," **/"," toggle : function(e) {"," if ( e && Y.Lang.isFunction(e.preventDefault) ) {"," e.preventDefault();"," }",""," var target = this._getTarget();",""," if ( target.hasClass( this.config.showClass ) ) {"," this.fire('hide');"," } else {"," this.fire('show');"," }"," },",""," /**"," @method _transition"," @description Handles the transition between showing and hiding."," @protected"," @param node {Node} node to apply transitions to"," @param method {String} 'hide' or 'show'"," **/"," _transition : function(node, method) {"," var self = this,"," config = this.config,"," duration = config.duration,"," easing = config.easing,"," // If we are hiding, then remove the show class."," removeClass = method === 'hide' ? config.showClass : config.hideClass,"," // And if we are hiding, add the hide class."," addClass = method === 'hide' ? config.hideClass : config.showClass,",""," to_height = method === 'hide' ? 0 : null,"," event = method === 'hide' ? 'hidden' : 'shown',",""," complete = function() {"," node.removeClass(removeClass);"," node.addClass(addClass);"," self.transitioning = false;"," this.fire( event );"," };",""," if ( to_height === null ) {"," to_height = 0;"," node.all('> *').each(function(el) {"," to_height += el.get('scrollHeight');"," });"," }",""," this.transitioning = true;",""," node.transition({"," height : to_height +'px',"," duration : duration,"," easing : easing"," }, complete);"," },",""," /**"," @method _hideElement"," @description Calls the _transition method to hide a node."," @protected"," @param node {Node} node to hide."," **/"," _hideElement : function(node) {"," this._transition(node, 'hide');","/*"," var showClass = this.showClass,"," hideClass = this.hideClass;",""," node.removeClass(showClass);"," node.addClass(hideClass);","*/"," },",""," /**"," @method _showElement"," @description Calls the _transition method to show a node."," @protected"," @param node {Node} node to show."," **/"," _showElement : function(node) {"," this._transition(node, 'show');","/*"," var showClass = this.showClass,"," hideClass = this.hideClass;"," node.removeClass(hideClass);"," node.addClass(showClass);","*/"," }","});","","Y.namespace('Bootstrap').Collapse = CollapsePlugin;","","","","}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']});"];
+_yuitest_coverage["/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js"].lines = {"1":0,"29":0,"30":0,"33":0,"34":0,"36":0,"49":0,"51":0,"53":0,"54":0,"56":0,"60":0,"63":0,"64":0,"66":0,"67":0,"69":0,"78":0,"82":0,"83":0,"86":0,"87":0,"97":0,"105":0,"106":0,"109":0,"110":0,"111":0,"112":0,"113":0,"117":0,"127":0,"128":0,"131":0,"133":0,"134":0,"136":0,"148":0,"161":0,"162":0,"163":0,"164":0,"167":0,"168":0,"169":0,"170":0,"174":0,"176":0,"190":0,"207":0,"217":0};
+_yuitest_coverage["/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js"].functions = {"CollapsePlugin:29":0,"initializer:48":0,"_getTarget:59":0,"hide:77":0,"(anonymous 2):112":0,"show:96":0,"toggle:126":0,"complete:160":0,"(anonymous 3):169":0,"_transition:147":0,"_hideElement:189":0,"_showElement:206":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js"].coveredLines = 51;
+_yuitest_coverage["/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js"].coveredFunctions = 13;
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 1);
+YUI.add('gallery-bootstrap-collapse', function(Y) {
+
+/**
+A Plugin which provides collapsing/expanding behaviors on a Node with
+compatible syntax and markup from Twitter's Bootstrap project.
+
+@module gallery-bootstrap-collapse
+**/
+
+/**
+A Plugin which provides collapsing and expanding behaviors on a Node with
+compatible syntax and markup from Twitter's Bootstrap project.
+
+It possible to have dynamic behaviors without incorporating any
+JavaScript by setting data-toggle=collapse on any element.
+
+However, it can be manually plugged into any node or node list.
+
+@example
+
+ var node = Y.one('.someNode');
+ node.plug( Y.Bootstrap.Collapse, config );
+
+ node.collapse.show();
+
+@class Bootstrap.Collapse
+**/
+
+_yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 29);
+function CollapsePlugin(config) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "CollapsePlugin", 29);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 30);
+CollapsePlugin.superclass.constructor.apply(this, arguments);
+}
+
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 33);
+CollapsePlugin.NAME = 'Bootstrap.Collapse';
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 34);
+CollapsePlugin.NS = 'collapse';
+
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 36);
+Y.extend(CollapsePlugin, Y.Plugin.Base, {
+ defaults : {
+ duration : 0.25,
+ easing : 'ease-in',
+ showClass : 'in',
+ hideClass : 'out',
+
+ groupSelector : '> .accordion-group > .in'
+ },
+
+ transitioning: false,
+
+ initializer : function(config) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "initializer", 48);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 49);
+this._node = config.host;
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 51);
+this.config = Y.mix( config, this.defaults );
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 53);
+this.publish('show', { preventable : true, defaultFn : this.show });
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 54);
+this.publish('hide', { preventable : true, defaultFn : this.hide });
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 56);
+this._node.on('click', this.toggle, this);
+ },
+
+ _getTarget: function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "_getTarget", 59);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 60);
+var node = this._node,
+ container;
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 63);
+if ( node.getData('target') ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 64);
+container = Y.one( node.getData('target') );
+ }
+ else {_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 66);
+if ( node.getAttribute('href').indexOf('#') >= 0 ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 67);
+container = Y.one( node.getAttribute('href').substr( node.getAttribute('href').indexOf('#') ) );
+ }}
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 69);
+return container;
+ },
+
+ /**
+ * @method hide
+ * @description Hide the collapsible target, specified by the host's
+ * data-target or href attribute.
+ */
+ hide: function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "hide", 77);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 78);
+var showClass = this.config.showClass,
+ hideClass = this.config.hideClass,
+ node = this._getTarget();
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 82);
+if ( this.transitioning ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 83);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 86);
+if ( node ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 87);
+this._hideElement(node);
+ }
+ },
+
+ /**
+ * @method show
+ * @description Show the collapsible target, specified by the host's
+ * data-target or href attribute.
+ */
+ show: function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "show", 96);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 97);
+var showClass = this.config.showClass,
+ hideClass = this.config.hideClass,
+ node = this._getTarget(),
+ host = this._node,
+ self = this,
+ parent,
+ group_selector = this.config.groupSelector;
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 105);
+if ( this.transitioning ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 106);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 109);
+if ( host.getData('parent') ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 110);
+parent = Y.one( host.getData('parent') );
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 111);
+if ( parent ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 112);
+parent.all(group_selector).each( function(el) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "(anonymous 2)", 112);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 113);
+self._hideElement(el);
+ });
+ }
+ }
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 117);
+this._showElement(node);
+ },
+
+ /**
+ @method toggle
+ @description Toggle the state of the collapsible target, specified
+ by the host's data-target or href
+ attribute. Calls the show or hide method.
+ **/
+ toggle : function(e) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "toggle", 126);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 127);
+if ( e && Y.Lang.isFunction(e.preventDefault) ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 128);
+e.preventDefault();
+ }
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 131);
+var target = this._getTarget();
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 133);
+if ( target.hasClass( this.config.showClass ) ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 134);
+this.fire('hide');
+ } else {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 136);
+this.fire('show');
+ }
+ },
+
+ /**
+ @method _transition
+ @description Handles the transition between showing and hiding.
+ @protected
+ @param node {Node} node to apply transitions to
+ @param method {String} 'hide' or 'show'
+ **/
+ _transition : function(node, method) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "_transition", 147);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 148);
+var self = this,
+ config = this.config,
+ duration = config.duration,
+ easing = config.easing,
+ // If we are hiding, then remove the show class.
+ removeClass = method === 'hide' ? config.showClass : config.hideClass,
+ // And if we are hiding, add the hide class.
+ addClass = method === 'hide' ? config.hideClass : config.showClass,
+
+ to_height = method === 'hide' ? 0 : null,
+ event = method === 'hide' ? 'hidden' : 'shown',
+
+ complete = function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "complete", 160);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 161);
+node.removeClass(removeClass);
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 162);
+node.addClass(addClass);
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 163);
+self.transitioning = false;
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 164);
+this.fire( event );
+ };
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 167);
+if ( to_height === null ) {
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 168);
+to_height = 0;
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 169);
+node.all('> *').each(function(el) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "(anonymous 3)", 169);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 170);
+to_height += el.get('scrollHeight');
+ });
+ }
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 174);
+this.transitioning = true;
+
+ _yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 176);
+node.transition({
+ height : to_height +'px',
+ duration : duration,
+ easing : easing
+ }, complete);
+ },
+
+ /**
+ @method _hideElement
+ @description Calls the _transition method to hide a node.
+ @protected
+ @param node {Node} node to hide.
+ **/
+ _hideElement : function(node) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "_hideElement", 189);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 190);
+this._transition(node, 'hide');
+/*
+ var showClass = this.showClass,
+ hideClass = this.hideClass;
+
+ node.removeClass(showClass);
+ node.addClass(hideClass);
+*/
+ },
+
+ /**
+ @method _showElement
+ @description Calls the _transition method to show a node.
+ @protected
+ @param node {Node} node to show.
+ **/
+ _showElement : function(node) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", "_showElement", 206);
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 207);
+this._transition(node, 'show');
+/*
+ var showClass = this.showClass,
+ hideClass = this.hideClass;
+ node.removeClass(hideClass);
+ node.addClass(showClass);
+*/
+ }
+});
+
+_yuitest_coverline("/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js", 217);
+Y.namespace('Bootstrap').Collapse = CollapsePlugin;
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']});
diff --git a/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-debug.js b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-debug.js
new file mode 100644
index 0000000000..8f4b58ae64
--- /dev/null
+++ b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-debug.js
@@ -0,0 +1,223 @@
+YUI.add('gallery-bootstrap-collapse', function(Y) {
+
+/**
+A Plugin which provides collapsing/expanding behaviors on a Node with
+compatible syntax and markup from Twitter's Bootstrap project.
+
+@module gallery-bootstrap-collapse
+**/
+
+/**
+A Plugin which provides collapsing and expanding behaviors on a Node with
+compatible syntax and markup from Twitter's Bootstrap project.
+
+It possible to have dynamic behaviors without incorporating any
+JavaScript by setting data-toggle=collapse on any element.
+
+However, it can be manually plugged into any node or node list.
+
+@example
+
+ var node = Y.one('.someNode');
+ node.plug( Y.Bootstrap.Collapse, config );
+
+ node.collapse.show();
+
+@class Bootstrap.Collapse
+**/
+
+function CollapsePlugin(config) {
+ CollapsePlugin.superclass.constructor.apply(this, arguments);
+}
+
+CollapsePlugin.NAME = 'Bootstrap.Collapse';
+CollapsePlugin.NS = 'collapse';
+
+Y.extend(CollapsePlugin, Y.Plugin.Base, {
+ defaults : {
+ duration : 0.25,
+ easing : 'ease-in',
+ showClass : 'in',
+ hideClass : 'out',
+
+ groupSelector : '> .accordion-group > .in'
+ },
+
+ transitioning: false,
+
+ initializer : function(config) {
+ this._node = config.host;
+
+ this.config = Y.mix( config, this.defaults );
+
+ this.publish('show', { preventable : true, defaultFn : this.show });
+ this.publish('hide', { preventable : true, defaultFn : this.hide });
+
+ this._node.on('click', this.toggle, this);
+ },
+
+ _getTarget: function() {
+ var node = this._node,
+ container;
+
+ if ( node.getData('target') ) {
+ container = Y.one( node.getData('target') );
+ }
+ else if ( node.getAttribute('href').indexOf('#') >= 0 ) {
+ Y.log('No target, looking at href: ' + node.getAttribute('href'), 'debug', 'Bootstrap.Collapse');
+ container = Y.one( node.getAttribute('href').substr( node.getAttribute('href').indexOf('#') ) );
+ }
+ return container;
+ },
+
+ /**
+ * @method hide
+ * @description Hide the collapsible target, specified by the host's
+ * data-target or href attribute.
+ */
+ hide: function() {
+ var showClass = this.config.showClass,
+ hideClass = this.config.hideClass,
+ node = this._getTarget();
+
+ if ( this.transitioning ) {
+ return;
+ }
+
+ if ( node ) {
+ this._hideElement(node);
+ }
+ },
+
+ /**
+ * @method show
+ * @description Show the collapsible target, specified by the host's
+ * data-target or href attribute.
+ */
+ show: function() {
+ var showClass = this.config.showClass,
+ hideClass = this.config.hideClass,
+ node = this._getTarget(),
+ host = this._node,
+ self = this,
+ parent,
+ group_selector = this.config.groupSelector;
+
+ if ( this.transitioning ) {
+ return;
+ }
+
+ if ( host.getData('parent') ) {
+ parent = Y.one( host.getData('parent') );
+ if ( parent ) {
+ parent.all(group_selector).each( function(el) {
+ Y.log('Hiding element: ' + el, 'debug', 'Bootstrap.Collapse');
+ self._hideElement(el);
+ });
+ }
+ }
+ this._showElement(node);
+ },
+
+ /**
+ @method toggle
+ @description Toggle the state of the collapsible target, specified
+ by the host's data-target or href
+ attribute. Calls the show or hide method.
+ **/
+ toggle : function(e) {
+ if ( e && Y.Lang.isFunction(e.preventDefault) ) {
+ e.preventDefault();
+ }
+
+ var target = this._getTarget();
+
+ if ( target.hasClass( this.config.showClass ) ) {
+ this.fire('hide');
+ } else {
+ this.fire('show');
+ }
+ },
+
+ /**
+ @method _transition
+ @description Handles the transition between showing and hiding.
+ @protected
+ @param node {Node} node to apply transitions to
+ @param method {String} 'hide' or 'show'
+ **/
+ _transition : function(node, method) {
+ var self = this,
+ config = this.config,
+ duration = config.duration,
+ easing = config.easing,
+ // If we are hiding, then remove the show class.
+ removeClass = method === 'hide' ? config.showClass : config.hideClass,
+ // And if we are hiding, add the hide class.
+ addClass = method === 'hide' ? config.hideClass : config.showClass,
+
+ to_height = method === 'hide' ? 0 : null,
+ event = method === 'hide' ? 'hidden' : 'shown',
+
+ complete = function() {
+ node.removeClass(removeClass);
+ node.addClass(addClass);
+ self.transitioning = false;
+ this.fire( event );
+ };
+
+ if ( to_height === null ) {
+ to_height = 0;
+ node.all('> *').each(function(el) {
+ to_height += el.get('scrollHeight');
+ });
+ }
+
+ this.transitioning = true;
+
+ node.transition({
+ height : to_height +'px',
+ duration : duration,
+ easing : easing
+ }, complete);
+ },
+
+ /**
+ @method _hideElement
+ @description Calls the _transition method to hide a node.
+ @protected
+ @param node {Node} node to hide.
+ **/
+ _hideElement : function(node) {
+ this._transition(node, 'hide');
+/*
+ var showClass = this.showClass,
+ hideClass = this.hideClass;
+
+ node.removeClass(showClass);
+ node.addClass(hideClass);
+*/
+ },
+
+ /**
+ @method _showElement
+ @description Calls the _transition method to show a node.
+ @protected
+ @param node {Node} node to show.
+ **/
+ _showElement : function(node) {
+ this._transition(node, 'show');
+/*
+ var showClass = this.showClass,
+ hideClass = this.hideClass;
+ node.removeClass(hideClass);
+ node.addClass(showClass);
+*/
+ }
+});
+
+Y.namespace('Bootstrap').Collapse = CollapsePlugin;
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']});
diff --git a/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-min.js b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-min.js
new file mode 100644
index 0000000000..175e83a658
--- /dev/null
+++ b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bootstrap-collapse",function(b){function a(c){a.superclass.constructor.apply(this,arguments);}a.NAME="Bootstrap.Collapse";a.NS="collapse";b.extend(a,b.Plugin.Base,{defaults:{duration:0.25,easing:"ease-in",showClass:"in",hideClass:"out",groupSelector:"> .accordion-group > .in"},transitioning:false,initializer:function(c){this._node=c.host;this.config=b.mix(c,this.defaults);this.publish("show",{preventable:true,defaultFn:this.show});this.publish("hide",{preventable:true,defaultFn:this.hide});this._node.on("click",this.toggle,this);},_getTarget:function(){var d=this._node,c;if(d.getData("target")){c=b.one(d.getData("target"));}else{if(d.getAttribute("href").indexOf("#")>=0){c=b.one(d.getAttribute("href").substr(d.getAttribute("href").indexOf("#")));}}return c;},hide:function(){var c=this.config.showClass,e=this.config.hideClass,d=this._getTarget();if(this.transitioning){return;}if(d){this._hideElement(d);}},show:function(){var e=this.config.showClass,i=this.config.hideClass,g=this._getTarget(),f=this._node,c=this,d,h=this.config.groupSelector;if(this.transitioning){return;}if(f.getData("parent")){d=b.one(f.getData("parent"));if(d){d.all(h).each(function(j){c._hideElement(j);});}}this._showElement(g);},toggle:function(d){if(d&&b.Lang.isFunction(d.preventDefault)){d.preventDefault();}var c=this._getTarget();if(c.hasClass(this.config.showClass)){this.fire("hide");}else{this.fire("show");}},_transition:function(g,c){var m=this,f=this.config,h=f.duration,j=f.easing,l=c==="hide"?f.showClass:f.hideClass,i=c==="hide"?f.hideClass:f.showClass,k=c==="hide"?0:null,d=c==="hide"?"hidden":"shown",e=function(){g.removeClass(l);g.addClass(i);m.transitioning=false;this.fire(d);};if(k===null){k=0;g.all("> *").each(function(n){k+=n.get("scrollHeight");});}this.transitioning=true;g.transition({height:k+"px",duration:h,easing:j},e);},_hideElement:function(c){this._transition(c,"hide");},_showElement:function(c){this._transition(c,"show");}});b.namespace("Bootstrap").Collapse=a;},"gallery-2012.08.22-20-00",{requires:["plugin","transition","event","event-delegate"]});
\ No newline at end of file
diff --git a/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js
new file mode 100644
index 0000000000..bb6612cebc
--- /dev/null
+++ b/build/gallery-bootstrap-collapse/gallery-bootstrap-collapse.js
@@ -0,0 +1,221 @@
+YUI.add('gallery-bootstrap-collapse', function(Y) {
+
+/**
+A Plugin which provides collapsing/expanding behaviors on a Node with
+compatible syntax and markup from Twitter's Bootstrap project.
+
+@module gallery-bootstrap-collapse
+**/
+
+/**
+A Plugin which provides collapsing and expanding behaviors on a Node with
+compatible syntax and markup from Twitter's Bootstrap project.
+
+It possible to have dynamic behaviors without incorporating any
+JavaScript by setting data-toggle=collapse on any element.
+
+However, it can be manually plugged into any node or node list.
+
+@example
+
+ var node = Y.one('.someNode');
+ node.plug( Y.Bootstrap.Collapse, config );
+
+ node.collapse.show();
+
+@class Bootstrap.Collapse
+**/
+
+function CollapsePlugin(config) {
+ CollapsePlugin.superclass.constructor.apply(this, arguments);
+}
+
+CollapsePlugin.NAME = 'Bootstrap.Collapse';
+CollapsePlugin.NS = 'collapse';
+
+Y.extend(CollapsePlugin, Y.Plugin.Base, {
+ defaults : {
+ duration : 0.25,
+ easing : 'ease-in',
+ showClass : 'in',
+ hideClass : 'out',
+
+ groupSelector : '> .accordion-group > .in'
+ },
+
+ transitioning: false,
+
+ initializer : function(config) {
+ this._node = config.host;
+
+ this.config = Y.mix( config, this.defaults );
+
+ this.publish('show', { preventable : true, defaultFn : this.show });
+ this.publish('hide', { preventable : true, defaultFn : this.hide });
+
+ this._node.on('click', this.toggle, this);
+ },
+
+ _getTarget: function() {
+ var node = this._node,
+ container;
+
+ if ( node.getData('target') ) {
+ container = Y.one( node.getData('target') );
+ }
+ else if ( node.getAttribute('href').indexOf('#') >= 0 ) {
+ container = Y.one( node.getAttribute('href').substr( node.getAttribute('href').indexOf('#') ) );
+ }
+ return container;
+ },
+
+ /**
+ * @method hide
+ * @description Hide the collapsible target, specified by the host's
+ * data-target or href attribute.
+ */
+ hide: function() {
+ var showClass = this.config.showClass,
+ hideClass = this.config.hideClass,
+ node = this._getTarget();
+
+ if ( this.transitioning ) {
+ return;
+ }
+
+ if ( node ) {
+ this._hideElement(node);
+ }
+ },
+
+ /**
+ * @method show
+ * @description Show the collapsible target, specified by the host's
+ * data-target or href attribute.
+ */
+ show: function() {
+ var showClass = this.config.showClass,
+ hideClass = this.config.hideClass,
+ node = this._getTarget(),
+ host = this._node,
+ self = this,
+ parent,
+ group_selector = this.config.groupSelector;
+
+ if ( this.transitioning ) {
+ return;
+ }
+
+ if ( host.getData('parent') ) {
+ parent = Y.one( host.getData('parent') );
+ if ( parent ) {
+ parent.all(group_selector).each( function(el) {
+ self._hideElement(el);
+ });
+ }
+ }
+ this._showElement(node);
+ },
+
+ /**
+ @method toggle
+ @description Toggle the state of the collapsible target, specified
+ by the host's data-target or href
+ attribute. Calls the show or hide method.
+ **/
+ toggle : function(e) {
+ if ( e && Y.Lang.isFunction(e.preventDefault) ) {
+ e.preventDefault();
+ }
+
+ var target = this._getTarget();
+
+ if ( target.hasClass( this.config.showClass ) ) {
+ this.fire('hide');
+ } else {
+ this.fire('show');
+ }
+ },
+
+ /**
+ @method _transition
+ @description Handles the transition between showing and hiding.
+ @protected
+ @param node {Node} node to apply transitions to
+ @param method {String} 'hide' or 'show'
+ **/
+ _transition : function(node, method) {
+ var self = this,
+ config = this.config,
+ duration = config.duration,
+ easing = config.easing,
+ // If we are hiding, then remove the show class.
+ removeClass = method === 'hide' ? config.showClass : config.hideClass,
+ // And if we are hiding, add the hide class.
+ addClass = method === 'hide' ? config.hideClass : config.showClass,
+
+ to_height = method === 'hide' ? 0 : null,
+ event = method === 'hide' ? 'hidden' : 'shown',
+
+ complete = function() {
+ node.removeClass(removeClass);
+ node.addClass(addClass);
+ self.transitioning = false;
+ this.fire( event );
+ };
+
+ if ( to_height === null ) {
+ to_height = 0;
+ node.all('> *').each(function(el) {
+ to_height += el.get('scrollHeight');
+ });
+ }
+
+ this.transitioning = true;
+
+ node.transition({
+ height : to_height +'px',
+ duration : duration,
+ easing : easing
+ }, complete);
+ },
+
+ /**
+ @method _hideElement
+ @description Calls the _transition method to hide a node.
+ @protected
+ @param node {Node} node to hide.
+ **/
+ _hideElement : function(node) {
+ this._transition(node, 'hide');
+/*
+ var showClass = this.showClass,
+ hideClass = this.hideClass;
+
+ node.removeClass(showClass);
+ node.addClass(hideClass);
+*/
+ },
+
+ /**
+ @method _showElement
+ @description Calls the _transition method to show a node.
+ @protected
+ @param node {Node} node to show.
+ **/
+ _showElement : function(node) {
+ this._transition(node, 'show');
+/*
+ var showClass = this.showClass,
+ hideClass = this.hideClass;
+ node.removeClass(hideClass);
+ node.addClass(showClass);
+*/
+ }
+});
+
+Y.namespace('Bootstrap').Collapse = CollapsePlugin;
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','transition','event','event-delegate']});
diff --git a/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-coverage.js b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-coverage.js
new file mode 100644
index 0000000000..1ea856458d
--- /dev/null
+++ b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-coverage.js
@@ -0,0 +1,195 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js"].code=["YUI.add('gallery-bootstrap-dropdown', function(Y) {","","/**","A Plugin which provides dropdown behaviors for dropdown buttons and menu","groups. This utilizes the markup from the Twitter Bootstrap Project.","","@module gallery-bootstrap-dropdown","**/","","/**","A Plugin which provides dropdown behaviors for dropdown buttons and menu","groups. This utilizes the markup from the Twitter Bootstrap Project.","","To automatically gain this functionality, you can simply add the","data-toggle=dropdown attribute to any element.","","It can also be plugged into any node or node list.","","@example",""," var node = Y.one('.someNode');"," node.plug( Y.Bootstrap.Dropdown );"," node.dropdown.show();","","@class Bootstrap.Dropdown","**/","","var NS = Y.namespace('Bootstrap');","","function DropdownPlugin(config) {"," DropdownPlugin.superclass.constructor.apply(this, arguments);","}","","DropdownPlugin.NAME = 'Bootstrap.Dropdown';","DropdownPlugin.NS = 'dropdown';","","Y.extend( DropdownPlugin, Y.Plugin.Base, {"," defaults : {"," className : 'open',"," target : 'target',"," selector : ''"," },"," initializer : function(config) {"," this._node = config.host;",""," this.config = Y.mix( config, this.defaults );",""," this.publish('show', { preventable : true, defaultFn : this.show });"," this.publish('hide', { preventable : true, defaultFn : this.hide });",""," this._node.on('click', this.toggle, this);"," },",""," toggle : function() {"," var target = this.getTarget(),"," className = this.config.className;",""," target.toggleClass( className );"," target.once('clickoutside', function(e) {"," target.toggleClass( className );"," });"," },",""," show : function() {"," this.getTarget().addClass( this.config.className );"," },"," hide : function() {"," this.getTarget().removeClass( this.config.className );"," },"," open : function() {"," this.getTarget().addClass( this.config.className );"," },"," close : function() {"," this.getTarget().removeClass( this.config.className );"," },",""," /**"," @method getTarget"," @description Fetches a Y.NodeList or Y.Node that should be used to modify class names"," **/ "," getTarget : function() {"," var node = this._node,"," selector = node.getData( this.config.target ),"," target;",""," if ( !selector ) {"," selector = node.getAttribute('href');"," selector = target && target.replace(/.*(?=#[^\\s]*$)/, ''); //strip for ie7"," }",""," target = Y.all(selector);"," if ( target.size() === 0 ) {"," target = node.get('parentNode');"," }",""," return target;"," }","});","","NS.Dropdown = DropdownPlugin;","NS.dropdown_delegation = function() {"," Y.delegate('click', function(e) {"," var target = e.currentTarget;"," e.preventDefault();",""," if ( typeof e.target.dropdown === 'undefined' ) {"," target.plug( DropdownPlugin );"," target.dropdown.toggle();"," }"," }, document.body, '*[data-toggle=dropdown]' );","};","","","}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','event','event-outside']});"];
+_yuitest_coverage["/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js"].lines = {"1":0,"28":0,"30":0,"31":0,"34":0,"35":0,"37":0,"44":0,"46":0,"48":0,"49":0,"51":0,"55":0,"58":0,"59":0,"60":0,"65":0,"68":0,"71":0,"74":0,"82":0,"86":0,"87":0,"88":0,"91":0,"92":0,"93":0,"96":0,"100":0,"101":0,"102":0,"103":0,"104":0,"106":0,"107":0,"108":0};
+_yuitest_coverage["/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js"].functions = {"DropdownPlugin:30":0,"initializer:43":0,"(anonymous 2):59":0,"toggle:54":0,"show:64":0,"hide:67":0,"open:70":0,"close:73":0,"getTarget:81":0,"(anonymous 3):102":0,"dropdown_delegation:101":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js"].coveredLines = 36;
+_yuitest_coverage["/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js"].coveredFunctions = 12;
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 1);
+YUI.add('gallery-bootstrap-dropdown', function(Y) {
+
+/**
+A Plugin which provides dropdown behaviors for dropdown buttons and menu
+groups. This utilizes the markup from the Twitter Bootstrap Project.
+
+@module gallery-bootstrap-dropdown
+**/
+
+/**
+A Plugin which provides dropdown behaviors for dropdown buttons and menu
+groups. This utilizes the markup from the Twitter Bootstrap Project.
+
+To automatically gain this functionality, you can simply add the
+data-toggle=dropdown attribute to any element.
+
+It can also be plugged into any node or node list.
+
+@example
+
+ var node = Y.one('.someNode');
+ node.plug( Y.Bootstrap.Dropdown );
+ node.dropdown.show();
+
+@class Bootstrap.Dropdown
+**/
+
+_yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 28);
+var NS = Y.namespace('Bootstrap');
+
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 30);
+function DropdownPlugin(config) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "DropdownPlugin", 30);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 31);
+DropdownPlugin.superclass.constructor.apply(this, arguments);
+}
+
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 34);
+DropdownPlugin.NAME = 'Bootstrap.Dropdown';
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 35);
+DropdownPlugin.NS = 'dropdown';
+
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 37);
+Y.extend( DropdownPlugin, Y.Plugin.Base, {
+ defaults : {
+ className : 'open',
+ target : 'target',
+ selector : ''
+ },
+ initializer : function(config) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "initializer", 43);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 44);
+this._node = config.host;
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 46);
+this.config = Y.mix( config, this.defaults );
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 48);
+this.publish('show', { preventable : true, defaultFn : this.show });
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 49);
+this.publish('hide', { preventable : true, defaultFn : this.hide });
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 51);
+this._node.on('click', this.toggle, this);
+ },
+
+ toggle : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "toggle", 54);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 55);
+var target = this.getTarget(),
+ className = this.config.className;
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 58);
+target.toggleClass( className );
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 59);
+target.once('clickoutside', function(e) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "(anonymous 2)", 59);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 60);
+target.toggleClass( className );
+ });
+ },
+
+ show : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "show", 64);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 65);
+this.getTarget().addClass( this.config.className );
+ },
+ hide : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "hide", 67);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 68);
+this.getTarget().removeClass( this.config.className );
+ },
+ open : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "open", 70);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 71);
+this.getTarget().addClass( this.config.className );
+ },
+ close : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "close", 73);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 74);
+this.getTarget().removeClass( this.config.className );
+ },
+
+ /**
+ @method getTarget
+ @description Fetches a Y.NodeList or Y.Node that should be used to modify class names
+ **/
+ getTarget : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "getTarget", 81);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 82);
+var node = this._node,
+ selector = node.getData( this.config.target ),
+ target;
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 86);
+if ( !selector ) {
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 87);
+selector = node.getAttribute('href');
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 88);
+selector = target && target.replace(/.*(?=#[^\s]*$)/, ''); //strip for ie7
+ }
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 91);
+target = Y.all(selector);
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 92);
+if ( target.size() === 0 ) {
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 93);
+target = node.get('parentNode');
+ }
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 96);
+return target;
+ }
+});
+
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 100);
+NS.Dropdown = DropdownPlugin;
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 101);
+NS.dropdown_delegation = function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "dropdown_delegation", 101);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 102);
+Y.delegate('click', function(e) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", "(anonymous 3)", 102);
+_yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 103);
+var target = e.currentTarget;
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 104);
+e.preventDefault();
+
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 106);
+if ( typeof e.target.dropdown === 'undefined' ) {
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 107);
+target.plug( DropdownPlugin );
+ _yuitest_coverline("/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js", 108);
+target.dropdown.toggle();
+ }
+ }, document.body, '*[data-toggle=dropdown]' );
+};
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','event','event-outside']});
diff --git a/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-debug.js b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-debug.js
new file mode 100644
index 0000000000..c4534c0b78
--- /dev/null
+++ b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-debug.js
@@ -0,0 +1,114 @@
+YUI.add('gallery-bootstrap-dropdown', function(Y) {
+
+/**
+A Plugin which provides dropdown behaviors for dropdown buttons and menu
+groups. This utilizes the markup from the Twitter Bootstrap Project.
+
+@module gallery-bootstrap-dropdown
+**/
+
+/**
+A Plugin which provides dropdown behaviors for dropdown buttons and menu
+groups. This utilizes the markup from the Twitter Bootstrap Project.
+
+To automatically gain this functionality, you can simply add the
+data-toggle=dropdown attribute to any element.
+
+It can also be plugged into any node or node list.
+
+@example
+
+ var node = Y.one('.someNode');
+ node.plug( Y.Bootstrap.Dropdown );
+ node.dropdown.show();
+
+@class Bootstrap.Dropdown
+**/
+
+var NS = Y.namespace('Bootstrap');
+
+function DropdownPlugin(config) {
+ DropdownPlugin.superclass.constructor.apply(this, arguments);
+}
+
+DropdownPlugin.NAME = 'Bootstrap.Dropdown';
+DropdownPlugin.NS = 'dropdown';
+
+Y.extend( DropdownPlugin, Y.Plugin.Base, {
+ defaults : {
+ className : 'open',
+ target : 'target',
+ selector : ''
+ },
+ initializer : function(config) {
+ this._node = config.host;
+
+ this.config = Y.mix( config, this.defaults );
+
+ this.publish('show', { preventable : true, defaultFn : this.show });
+ this.publish('hide', { preventable : true, defaultFn : this.hide });
+
+ this._node.on('click', this.toggle, this);
+ },
+
+ toggle : function() {
+ var target = this.getTarget(),
+ className = this.config.className;
+
+ target.toggleClass( className );
+ target.once('clickoutside', function(e) {
+ target.toggleClass( className );
+ });
+ },
+
+ show : function() {
+ this.getTarget().addClass( this.config.className );
+ },
+ hide : function() {
+ this.getTarget().removeClass( this.config.className );
+ },
+ open : function() {
+ this.getTarget().addClass( this.config.className );
+ },
+ close : function() {
+ this.getTarget().removeClass( this.config.className );
+ },
+
+ /**
+ @method getTarget
+ @description Fetches a Y.NodeList or Y.Node that should be used to modify class names
+ **/
+ getTarget : function() {
+ var node = this._node,
+ selector = node.getData( this.config.target ),
+ target;
+
+ if ( !selector ) {
+ selector = node.getAttribute('href');
+ selector = target && target.replace(/.*(?=#[^\s]*$)/, ''); //strip for ie7
+ }
+
+ target = Y.all(selector);
+ if ( target.size() === 0 ) {
+ target = node.get('parentNode');
+ }
+
+ return target;
+ }
+});
+
+NS.Dropdown = DropdownPlugin;
+NS.dropdown_delegation = function() {
+ Y.delegate('click', function(e) {
+ var target = e.currentTarget;
+ e.preventDefault();
+
+ if ( typeof e.target.dropdown === 'undefined' ) {
+ target.plug( DropdownPlugin );
+ target.dropdown.toggle();
+ }
+ }, document.body, '*[data-toggle=dropdown]' );
+};
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','event','event-outside']});
diff --git a/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-min.js b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-min.js
new file mode 100644
index 0000000000..e303c24779
--- /dev/null
+++ b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bootstrap-dropdown",function(c){var b=c.namespace("Bootstrap");function a(d){a.superclass.constructor.apply(this,arguments);}a.NAME="Bootstrap.Dropdown";a.NS="dropdown";c.extend(a,c.Plugin.Base,{defaults:{className:"open",target:"target",selector:""},initializer:function(d){this._node=d.host;this.config=c.mix(d,this.defaults);this.publish("show",{preventable:true,defaultFn:this.show});this.publish("hide",{preventable:true,defaultFn:this.hide});this._node.on("click",this.toggle,this);},toggle:function(){var e=this.getTarget(),d=this.config.className;e.toggleClass(d);e.once("clickoutside",function(f){e.toggleClass(d);});},show:function(){this.getTarget().addClass(this.config.className);},hide:function(){this.getTarget().removeClass(this.config.className);},open:function(){this.getTarget().addClass(this.config.className);},close:function(){this.getTarget().removeClass(this.config.className);},getTarget:function(){var e=this._node,d=e.getData(this.config.target),f;if(!d){d=e.getAttribute("href");d=f&&f.replace(/.*(?=#[^\s]*$)/,"");}f=c.all(d);if(f.size()===0){f=e.get("parentNode");}return f;}});b.Dropdown=a;b.dropdown_delegation=function(){c.delegate("click",function(f){var d=f.currentTarget;f.preventDefault();if(typeof f.target.dropdown==="undefined"){d.plug(a);d.dropdown.toggle();}},document.body,"*[data-toggle=dropdown]");};},"gallery-2012.08.22-20-00",{requires:["plugin","event","event-outside"]});
\ No newline at end of file
diff --git a/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js
new file mode 100644
index 0000000000..c4534c0b78
--- /dev/null
+++ b/build/gallery-bootstrap-dropdown/gallery-bootstrap-dropdown.js
@@ -0,0 +1,114 @@
+YUI.add('gallery-bootstrap-dropdown', function(Y) {
+
+/**
+A Plugin which provides dropdown behaviors for dropdown buttons and menu
+groups. This utilizes the markup from the Twitter Bootstrap Project.
+
+@module gallery-bootstrap-dropdown
+**/
+
+/**
+A Plugin which provides dropdown behaviors for dropdown buttons and menu
+groups. This utilizes the markup from the Twitter Bootstrap Project.
+
+To automatically gain this functionality, you can simply add the
+data-toggle=dropdown attribute to any element.
+
+It can also be plugged into any node or node list.
+
+@example
+
+ var node = Y.one('.someNode');
+ node.plug( Y.Bootstrap.Dropdown );
+ node.dropdown.show();
+
+@class Bootstrap.Dropdown
+**/
+
+var NS = Y.namespace('Bootstrap');
+
+function DropdownPlugin(config) {
+ DropdownPlugin.superclass.constructor.apply(this, arguments);
+}
+
+DropdownPlugin.NAME = 'Bootstrap.Dropdown';
+DropdownPlugin.NS = 'dropdown';
+
+Y.extend( DropdownPlugin, Y.Plugin.Base, {
+ defaults : {
+ className : 'open',
+ target : 'target',
+ selector : ''
+ },
+ initializer : function(config) {
+ this._node = config.host;
+
+ this.config = Y.mix( config, this.defaults );
+
+ this.publish('show', { preventable : true, defaultFn : this.show });
+ this.publish('hide', { preventable : true, defaultFn : this.hide });
+
+ this._node.on('click', this.toggle, this);
+ },
+
+ toggle : function() {
+ var target = this.getTarget(),
+ className = this.config.className;
+
+ target.toggleClass( className );
+ target.once('clickoutside', function(e) {
+ target.toggleClass( className );
+ });
+ },
+
+ show : function() {
+ this.getTarget().addClass( this.config.className );
+ },
+ hide : function() {
+ this.getTarget().removeClass( this.config.className );
+ },
+ open : function() {
+ this.getTarget().addClass( this.config.className );
+ },
+ close : function() {
+ this.getTarget().removeClass( this.config.className );
+ },
+
+ /**
+ @method getTarget
+ @description Fetches a Y.NodeList or Y.Node that should be used to modify class names
+ **/
+ getTarget : function() {
+ var node = this._node,
+ selector = node.getData( this.config.target ),
+ target;
+
+ if ( !selector ) {
+ selector = node.getAttribute('href');
+ selector = target && target.replace(/.*(?=#[^\s]*$)/, ''); //strip for ie7
+ }
+
+ target = Y.all(selector);
+ if ( target.size() === 0 ) {
+ target = node.get('parentNode');
+ }
+
+ return target;
+ }
+});
+
+NS.Dropdown = DropdownPlugin;
+NS.dropdown_delegation = function() {
+ Y.delegate('click', function(e) {
+ var target = e.currentTarget;
+ e.preventDefault();
+
+ if ( typeof e.target.dropdown === 'undefined' ) {
+ target.plug( DropdownPlugin );
+ target.dropdown.toggle();
+ }
+ }, document.body, '*[data-toggle=dropdown]' );
+};
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['plugin','event','event-outside']});
diff --git a/build/gallery-bootstrap-popover/gallery-bootstrap-popover-coverage.js b/build/gallery-bootstrap-popover/gallery-bootstrap-popover-coverage.js
new file mode 100644
index 0000000000..641d7366a5
--- /dev/null
+++ b/build/gallery-bootstrap-popover/gallery-bootstrap-popover-coverage.js
@@ -0,0 +1,112 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js"].code=["YUI.add('gallery-bootstrap-popover', function(Y) {","","/**","","Add small overlays of content, like those on the iPad, to any element for housing secondary information.","","@module gallery-bootstrap-popover","**/","","/**","","Add small overlays of content, like those on the iPad, to any element for housing secondary information.","","This is a drop-in replacement for the Twitter Bootstrap popovers.","","See http://jshirley.github.com/bootstrap/javascript.html#popovers for more","information.","","You will need to include the Bootstrap CSS. This is only the JavaScript.","","There are selectors you can use to narrow down and implement several tooltips","at once. The most sensible example is to match any link with a `rel=\"popover\"`","attribute.",""," YUI().use('gallery-bootstrap-popover', function(Y) {"," var popovers = new Y.Bootstrap.Popover({ selector : '*[rel=popover]' });",""," // Additionally, you can plug into a node."," Y.one('.popover').plug( Y.Bootstrap.PopoverPlugin );"," });","","@class Bootstrap.Popover","@constructor","@extends Bootstrap.Tooltip","**/","","var NS = Y.namespace('Bootstrap'),"," Lang = Y.Lang,"," sub = Y.Lang.sub,"," PositionAlign = Y.WidgetPositionAlign,"," OFFSET_WIDTH = 'offsetWidth',"," OFFSET_HEIGHT = 'offsetHeight';","","NS.Popover = Y.Base.create(\"bootstrapPopover\", Y.Bootstrap.Tooltip, [ ], {"," prefix : 'popover',"," template : '{title}
{body}
',",""," INNER_SELECTOR : '.popover-inner',"," BOUNDING_TEMPLATE : '',",""," setContent : function(e) {"," var title = this.get('title'),"," body = this.get('body'),"," box = this.get('contentBox');",""," // YUI adds a popover-content to the contentBox element automatically"," box.removeClass('popover-content');",""," box.setHTML( sub( this.template, { title : title, body : body }) );"," Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {"," box.removeClass(c);"," });"," }","});","","","","}, 'gallery-2012.08.22-20-00' ,{requires:['gallery-bootstrap-tooltip']});"];
+_yuitest_coverage["/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js"].lines = {"1":0,"37":0,"44":0,"52":0,"57":0,"59":0,"60":0,"61":0};
+_yuitest_coverage["/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js"].functions = {"(anonymous 2):60":0,"setContent:51":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js"].coveredLines = 8;
+_yuitest_coverage["/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js"].coveredFunctions = 3;
+_yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 1);
+YUI.add('gallery-bootstrap-popover', function(Y) {
+
+/**
+
+Add small overlays of content, like those on the iPad, to any element for housing secondary information.
+
+@module gallery-bootstrap-popover
+**/
+
+/**
+
+Add small overlays of content, like those on the iPad, to any element for housing secondary information.
+
+This is a drop-in replacement for the Twitter Bootstrap popovers.
+
+See http://jshirley.github.com/bootstrap/javascript.html#popovers for more
+information.
+
+You will need to include the Bootstrap CSS. This is only the JavaScript.
+
+There are selectors you can use to narrow down and implement several tooltips
+at once. The most sensible example is to match any link with a `rel="popover"`
+attribute.
+
+ YUI().use('gallery-bootstrap-popover', function(Y) {
+ var popovers = new Y.Bootstrap.Popover({ selector : '*[rel=popover]' });
+
+ // Additionally, you can plug into a node.
+ Y.one('.popover').plug( Y.Bootstrap.PopoverPlugin );
+ });
+
+@class Bootstrap.Popover
+@constructor
+@extends Bootstrap.Tooltip
+**/
+
+_yuitest_coverfunc("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 37);
+var NS = Y.namespace('Bootstrap'),
+ Lang = Y.Lang,
+ sub = Y.Lang.sub,
+ PositionAlign = Y.WidgetPositionAlign,
+ OFFSET_WIDTH = 'offsetWidth',
+ OFFSET_HEIGHT = 'offsetHeight';
+
+_yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 44);
+NS.Popover = Y.Base.create("bootstrapPopover", Y.Bootstrap.Tooltip, [ ], {
+ prefix : 'popover',
+ template : '
{title}
{body}
',
+
+ INNER_SELECTOR : '.popover-inner',
+ BOUNDING_TEMPLATE : '',
+
+ setContent : function(e) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", "setContent", 51);
+_yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 52);
+var title = this.get('title'),
+ body = this.get('body'),
+ box = this.get('contentBox');
+
+ // YUI adds a popover-content to the contentBox element automatically
+ _yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 57);
+box.removeClass('popover-content');
+
+ _yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 59);
+box.setHTML( sub( this.template, { title : title, body : body }) );
+ _yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 60);
+Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", "(anonymous 2)", 60);
+_yuitest_coverline("/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js", 61);
+box.removeClass(c);
+ });
+ }
+});
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['gallery-bootstrap-tooltip']});
diff --git a/build/gallery-bootstrap-popover/gallery-bootstrap-popover-debug.js b/build/gallery-bootstrap-popover/gallery-bootstrap-popover-debug.js
new file mode 100644
index 0000000000..c6a7f7ed99
--- /dev/null
+++ b/build/gallery-bootstrap-popover/gallery-bootstrap-popover-debug.js
@@ -0,0 +1,68 @@
+YUI.add('gallery-bootstrap-popover', function(Y) {
+
+/**
+
+Add small overlays of content, like those on the iPad, to any element for housing secondary information.
+
+@module gallery-bootstrap-popover
+**/
+
+/**
+
+Add small overlays of content, like those on the iPad, to any element for housing secondary information.
+
+This is a drop-in replacement for the Twitter Bootstrap popovers.
+
+See http://jshirley.github.com/bootstrap/javascript.html#popovers for more
+information.
+
+You will need to include the Bootstrap CSS. This is only the JavaScript.
+
+There are selectors you can use to narrow down and implement several tooltips
+at once. The most sensible example is to match any link with a `rel="popover"`
+attribute.
+
+ YUI().use('gallery-bootstrap-popover', function(Y) {
+ var popovers = new Y.Bootstrap.Popover({ selector : '*[rel=popover]' });
+
+ // Additionally, you can plug into a node.
+ Y.one('.popover').plug( Y.Bootstrap.PopoverPlugin );
+ });
+
+@class Bootstrap.Popover
+@constructor
+@extends Bootstrap.Tooltip
+**/
+
+var NS = Y.namespace('Bootstrap'),
+ Lang = Y.Lang,
+ sub = Y.Lang.sub,
+ PositionAlign = Y.WidgetPositionAlign,
+ OFFSET_WIDTH = 'offsetWidth',
+ OFFSET_HEIGHT = 'offsetHeight';
+
+NS.Popover = Y.Base.create("bootstrapPopover", Y.Bootstrap.Tooltip, [ ], {
+ prefix : 'popover',
+ template : '
{title}
{body}
',
+
+ INNER_SELECTOR : '.popover-inner',
+ BOUNDING_TEMPLATE : '',
+
+ setContent : function(e) {
+ var title = this.get('title'),
+ body = this.get('body'),
+ box = this.get('contentBox');
+
+ // YUI adds a popover-content to the contentBox element automatically
+ box.removeClass('popover-content');
+
+ box.setHTML( sub( this.template, { title : title, body : body }) );
+ Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {
+ box.removeClass(c);
+ });
+ }
+});
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['gallery-bootstrap-tooltip']});
diff --git a/build/gallery-bootstrap-popover/gallery-bootstrap-popover-min.js b/build/gallery-bootstrap-popover/gallery-bootstrap-popover-min.js
new file mode 100644
index 0000000000..93bcdedd1d
--- /dev/null
+++ b/build/gallery-bootstrap-popover/gallery-bootstrap-popover-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bootstrap-popover",function(e){var d=e.namespace("Bootstrap"),c=e.Lang,b=e.Lang.sub,a=e.WidgetPositionAlign,g="offsetWidth",f="offsetHeight";d.Popover=e.Base.create("bootstrapPopover",e.Bootstrap.Tooltip,[],{prefix:"popover",template:'
{title}
{body}
',INNER_SELECTOR:".popover-inner",BOUNDING_TEMPLATE:'',setContent:function(j){var k=this.get("title"),h=this.get("body"),i=this.get("contentBox");i.removeClass("popover-content");i.setHTML(b(this.template,{title:k,body:h}));e.Array.each("fade in top bottom left right".split(" "),function(l){i.removeClass(l);});}});},"gallery-2012.08.22-20-00",{requires:["gallery-bootstrap-tooltip"]});
\ No newline at end of file
diff --git a/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js b/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js
new file mode 100644
index 0000000000..c6a7f7ed99
--- /dev/null
+++ b/build/gallery-bootstrap-popover/gallery-bootstrap-popover.js
@@ -0,0 +1,68 @@
+YUI.add('gallery-bootstrap-popover', function(Y) {
+
+/**
+
+Add small overlays of content, like those on the iPad, to any element for housing secondary information.
+
+@module gallery-bootstrap-popover
+**/
+
+/**
+
+Add small overlays of content, like those on the iPad, to any element for housing secondary information.
+
+This is a drop-in replacement for the Twitter Bootstrap popovers.
+
+See http://jshirley.github.com/bootstrap/javascript.html#popovers for more
+information.
+
+You will need to include the Bootstrap CSS. This is only the JavaScript.
+
+There are selectors you can use to narrow down and implement several tooltips
+at once. The most sensible example is to match any link with a `rel="popover"`
+attribute.
+
+ YUI().use('gallery-bootstrap-popover', function(Y) {
+ var popovers = new Y.Bootstrap.Popover({ selector : '*[rel=popover]' });
+
+ // Additionally, you can plug into a node.
+ Y.one('.popover').plug( Y.Bootstrap.PopoverPlugin );
+ });
+
+@class Bootstrap.Popover
+@constructor
+@extends Bootstrap.Tooltip
+**/
+
+var NS = Y.namespace('Bootstrap'),
+ Lang = Y.Lang,
+ sub = Y.Lang.sub,
+ PositionAlign = Y.WidgetPositionAlign,
+ OFFSET_WIDTH = 'offsetWidth',
+ OFFSET_HEIGHT = 'offsetHeight';
+
+NS.Popover = Y.Base.create("bootstrapPopover", Y.Bootstrap.Tooltip, [ ], {
+ prefix : 'popover',
+ template : '
{title}
{body}
',
+
+ INNER_SELECTOR : '.popover-inner',
+ BOUNDING_TEMPLATE : '',
+
+ setContent : function(e) {
+ var title = this.get('title'),
+ body = this.get('body'),
+ box = this.get('contentBox');
+
+ // YUI adds a popover-content to the contentBox element automatically
+ box.removeClass('popover-content');
+
+ box.setHTML( sub( this.template, { title : title, body : body }) );
+ Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {
+ box.removeClass(c);
+ });
+ }
+});
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['gallery-bootstrap-tooltip']});
diff --git a/build/gallery-bootstrap-tabview/gallery-bootstrap-tabview-coverage.js b/build/gallery-bootstrap-tabview/gallery-bootstrap-tabview-coverage.js
new file mode 100644
index 0000000000..8581f71863
--- /dev/null
+++ b/build/gallery-bootstrap-tabview/gallery-bootstrap-tabview-coverage.js
@@ -0,0 +1,445 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bootstrap-tabview/gallery-bootstrap-tabview.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bootstrap-tabview/gallery-bootstrap-tabview.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bootstrap-tabview/gallery-bootstrap-tabview.js"].code=["YUI.add('gallery-bootstrap-tabview', function(Y) {","","/**","","This is a drop-in for the Twitter Bootstrap tabview, so you don't have to","schlep in jQuery.","","","@module gallery-bootstrap-tabview","**/","","/**","This is a bootstrap compatible tabview. It mostly is an extension on top of","the standard TabView, except it redefines the selectors and classes to be","compatible with the TabView that Bootstrap uses.","","See http://twitter.github.com/bootstrap/javascript.html#tabs for more","information.","","You will need to include the Bootstrap CSS. This is only the JavaScript.","","The interface aims to be completely compatible with Y.TabView. You can read","the documentation at http://yuilibrary.com/yui/docs/tabview/","","@example",""," var tabs = new Y.Bootstrap.Tabview({ node: '#tabs' });"," tabs.render();","","@class Bootstrap.TabView","**/","","var NS = Y.namespace('Bootstrap'),"," DOT = '.',"," "," sub = Y.Lang.sub;","","NS.TabView = Y.Base.create('bootstrapTabView', Y.TabviewBase, [ ], {"," _queries : {"," tabview : DOT + 'nav-tabs',"," tabviewList : '> ul',"," tab : '> ul > li',"," tabLabel : '> ul > li > a ',"," tabviewPanel : '> div',"," tabPanel : '> div > div',"," selectedTab : '> ul > ' + DOT + 'active',"," selectedPanel: '> div ' + DOT + 'active'"," },"," _classNames : {"," tabview : 'nav-tabs',"," tabviewList : 'nav-tabs',"," tabviewPanel : 'tab-pane',"," tab : 'nav-tab',"," selectedTab : 'active',"," selectedPanel : 'active'"," },",""," LIST_TEMPLATE : '
',",""," BOUNDING_TEMPLATE : '
',",""," initializer : function() {"," var selector = this.get('selector'),"," trigger = this.get('trigger'),"," eventIn = trigger === 'hover' ? this.eventIn : 'focus',"," eventOut = trigger === 'hover' ? this.eventOut : 'blur';",""," this._cssPrefix = 'tooltip';",""," if ( selector ) {"," Y.delegate(eventIn, this._showFn, document.body, selector, this);"," Y.delegate(eventOut, this._hideFn, document.body, selector, this);"," }",""," this.after('titleChange', this.setContent, this);",""," this.set('visible', false);"," this.render();"," },",""," _showFn : function(e) {"," var target = e.target,"," delay = this.get('delay'),"," title = target.getAttribute('title'),"," box = this.get('boundingBox');",""," if ( !title ) {"," title = target.getAttribute('data-original-title');"," } else {"," target.removeAttribute('title');"," target.setAttribute('data-original-title', title);"," }"," this.set('title', title);"," this._hoverState = 'in';"," this._showTimeout = Y.later( delay, this, this._show, { target: target } );"," },",""," _show : function(data) {"," var box = this.get('boundingBox'),"," animate = this.get('animation'),"," place = this.get('placement'),"," target = data.target;",""," if ( this._hoverState === 'in' ) {"," box.show();",""," if ( target ) {"," this.set('align', { node : target, points: this._getAlignment(place) });"," }"," if ( animate ) {"," box.transition({"," duration : 0,"," opacity : 1"," }, function() {"," box.addClass('fade');"," });"," }"," box.addClass('in');"," box.addClass( place );"," }"," },",""," _hideFn : function() {"," var delay = this.get('delay');",""," this._hoverState = 'out';"," this._showTimeout = Y.later( delay, this, this._hide );"," },",""," _hide : function() {"," var box = this.get('boundingBox'),"," animate = this.get('animation');",""," if ( this._hoverState === 'out' ) {"," if ( box.hasClass('fade') ) {"," box.transition({"," duration : 1,"," opacity : 0"," }, function() {"," box.removeClass('fade');"," box.removeClass('in');"," box.hide();"," });"," } else {"," box.removeClass('fade');"," box.removeClass('in');"," }"," }"," },",""," _getAlignment : function(placement) {"," if ( placement === 'bottom' ) {"," return [ Y.WidgetPositionAlign.TC, Y.WidgetPositionAlign.BC ];"," }"," else if ( placement === 'left' ) {"," return [ Y.WidgetPositionAlign.RC, Y.WidgetPositionAlign.LC ];"," }"," else if ( placement === 'right' ) {"," return [ Y.WidgetPositionAlign.LC, Y.WidgetPositionAlign.RC ];"," }"," else {"," return [ Y.WidgetPositionAlign.BC, Y.WidgetPositionAlign.TC ];"," }"," },",""," _defaultCB : function() {"," return this.get('boundingBox').one('.tooltip-inner');"," },",""," setContent : function(e) {"," var title = this.get('title'),"," box = this.get('contentBox');",""," box.setContent(title);"," Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {"," box.removeClass(c);"," });"," }","}, {"," ATTRS: {"," /**"," Whether or not to animate the display of the tooltip",""," @attribute animation"," @default true"," @type boolean"," **/"," animation : { value : true },"," /**"," Where to place the tooltip. Valid values are top, bottom, left or right.",""," @attribute placement"," @default top"," @type String"," **/"," placement : { value : 'top' },"," /**"," Selector to listen to. Defaults to false, and attaches no"," delegation events. Set to a valid selector and any event will"," fire it.",""," @attribute selector"," @default false"," @type String | boolean"," **/"," selector : { value : false },"," /**"," What event to listen for. This must be an event that"," bubbles. Hover or click will work as expected.",""," @attribute trigger"," @default hover"," @type String"," **/"," trigger : { value : 'hover' },"," /**"," The content of the tooltip to display. This is updated each time the"," event is triggered. Set by the
setContent method.",""," @attribute title"," @default ''"," @type String"," **/"," title : { value : '' },"," /**"," Delay in hiding and showing the tooltip.",""," @attribute delay"," @default 0"," @type Number"," **/"," delay : { value : 0 },"," /**"," Attribute to show if the tooltip is visible or not.",""," @attribute visible"," @default false"," @type boolean"," **/"," visible : { value : false }"," }","});","","","","}, 'gallery-2012.08.22-20-00' ,{requires:['anim','transition','widget','base','widget-position-align','widget-stack','widget-position','widget-position-constrain']});"];
+_yuitest_coverage["/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js"].lines = {"1":0,"37":0,"39":0,"48":0,"53":0,"55":0,"56":0,"57":0,"60":0,"62":0,"63":0,"67":0,"72":0,"73":0,"75":0,"76":0,"78":0,"79":0,"80":0,"84":0,"89":0,"90":0,"92":0,"93":0,"95":0,"96":0,"100":0,"103":0,"104":0,"109":0,"111":0,"112":0,"116":0,"119":0,"120":0,"121":0,"125":0,"126":0,"127":0,"130":0,"131":0,"137":0,"138":0,"140":0,"141":0,"143":0,"144":0,"147":0,"152":0,"156":0,"159":0,"160":0,"161":0};
+_yuitest_coverage["/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js"].functions = {"initializer:47":0,"_showFn:66":0,"(anonymous 2):99":0,"_show:83":0,"_hideFn:108":0,"(anonymous 3):124":0,"_hide:115":0,"_getAlignment:136":0,"_defaultCB:151":0,"(anonymous 4):160":0,"setContent:155":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js"].coveredLines = 53;
+_yuitest_coverage["/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js"].coveredFunctions = 12;
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 1);
+YUI.add('gallery-bootstrap-tooltip', function(Y) {
+
+/**
+
+This is a drop-in for the Twitter Bootstrap tooltips, so you don't have to
+schlep in jQuery.
+
+@module gallery-bootstrap-tooltip
+**/
+
+/**
+This is a drop-in for the Twitter Bootstrap tooltips, so you don't have to
+schlep in jQuery.
+
+See http://twitter.github.com/bootstrap/javascript.html#tooltips for more
+information.
+
+You will need to include the Bootstrap CSS. This is only the JavaScript.
+
+There are selectors you can use to narrow down and implement several tooltips
+at once. The most sensible example is to match any link with a `rel="tooltip"`
+attribute.
+
+ YUI().use('gallery-bootstrap-tooltip', function(Y) {
+ var tooltipManager = new Y.Bootstrap.Tooltip({ selector : '*[rel=tooltip]' });
+ });
+
+@class Bootstrap.Tooltip
+@constructor
+@extends Widget
+@uses WidgetPosition
+@uses WidgetStack
+@uses WidgetPositionAlign
+@uses WidgetPositionConstrain
+**/
+
+_yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 37);
+var NS = Y.namespace('Bootstrap');
+
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 39);
+NS.Tooltip = Y.Base.create("bootstrapTooltip", Y.Widget, [ Y.WidgetPosition, Y.WidgetStack, Y.WidgetPositionAlign, Y.WidgetPositionConstrain], {
+ eventIn : 'mouseover',
+ eventOut : 'mouseout',
+ tooltip : null,
+ template : '',
+
+ BOUNDING_TEMPLATE : '
',
+
+ initializer : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "initializer", 47);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 48);
+var selector = this.get('selector'),
+ trigger = this.get('trigger'),
+ eventIn = trigger === 'hover' ? this.eventIn : 'focus',
+ eventOut = trigger === 'hover' ? this.eventOut : 'blur';
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 53);
+this._cssPrefix = 'tooltip';
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 55);
+if ( selector ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 56);
+Y.delegate(eventIn, this._showFn, document.body, selector, this);
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 57);
+Y.delegate(eventOut, this._hideFn, document.body, selector, this);
+ }
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 60);
+this.after('titleChange', this.setContent, this);
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 62);
+this.set('visible', false);
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 63);
+this.render();
+ },
+
+ _showFn : function(e) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "_showFn", 66);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 67);
+var target = e.target,
+ delay = this.get('delay'),
+ title = target.getAttribute('title'),
+ box = this.get('boundingBox');
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 72);
+if ( !title ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 73);
+title = target.getAttribute('data-original-title');
+ } else {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 75);
+target.removeAttribute('title');
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 76);
+target.setAttribute('data-original-title', title);
+ }
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 78);
+this.set('title', title);
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 79);
+this._hoverState = 'in';
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 80);
+this._showTimeout = Y.later( delay, this, this._show, { target: target } );
+ },
+
+ _show : function(data) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "_show", 83);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 84);
+var box = this.get('boundingBox'),
+ animate = this.get('animation'),
+ place = this.get('placement'),
+ target = data.target;
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 89);
+if ( this._hoverState === 'in' ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 90);
+box.show();
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 92);
+if ( target ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 93);
+this.set('align', { node : target, points: this._getAlignment(place) });
+ }
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 95);
+if ( animate ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 96);
+box.transition({
+ duration : 0,
+ opacity : 1
+ }, function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "(anonymous 2)", 99);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 100);
+box.addClass('fade');
+ });
+ }
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 103);
+box.addClass('in');
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 104);
+box.addClass( place );
+ }
+ },
+
+ _hideFn : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "_hideFn", 108);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 109);
+var delay = this.get('delay');
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 111);
+this._hoverState = 'out';
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 112);
+this._showTimeout = Y.later( delay, this, this._hide );
+ },
+
+ _hide : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "_hide", 115);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 116);
+var box = this.get('boundingBox'),
+ animate = this.get('animation');
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 119);
+if ( this._hoverState === 'out' ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 120);
+if ( box.hasClass('fade') ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 121);
+box.transition({
+ duration : 1,
+ opacity : 0
+ }, function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "(anonymous 3)", 124);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 125);
+box.removeClass('fade');
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 126);
+box.removeClass('in');
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 127);
+box.hide();
+ });
+ } else {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 130);
+box.removeClass('fade');
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 131);
+box.removeClass('in');
+ }
+ }
+ },
+
+ _getAlignment : function(placement) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "_getAlignment", 136);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 137);
+if ( placement === 'bottom' ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 138);
+return [ Y.WidgetPositionAlign.TC, Y.WidgetPositionAlign.BC ];
+ }
+ else {_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 140);
+if ( placement === 'left' ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 141);
+return [ Y.WidgetPositionAlign.RC, Y.WidgetPositionAlign.LC ];
+ }
+ else {_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 143);
+if ( placement === 'right' ) {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 144);
+return [ Y.WidgetPositionAlign.LC, Y.WidgetPositionAlign.RC ];
+ }
+ else {
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 147);
+return [ Y.WidgetPositionAlign.BC, Y.WidgetPositionAlign.TC ];
+ }}}
+ },
+
+ _defaultCB : function() {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "_defaultCB", 151);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 152);
+return this.get('boundingBox').one('.tooltip-inner');
+ },
+
+ setContent : function(e) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "setContent", 155);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 156);
+var title = this.get('title'),
+ box = this.get('contentBox');
+
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 159);
+box.setContent(title);
+ _yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 160);
+Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {
+ _yuitest_coverfunc("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", "(anonymous 4)", 160);
+_yuitest_coverline("/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js", 161);
+box.removeClass(c);
+ });
+ }
+}, {
+ ATTRS: {
+ /**
+ Whether or not to animate the display of the tooltip
+
+ @attribute animation
+ @default true
+ @type boolean
+ **/
+ animation : { value : true },
+ /**
+ Where to place the tooltip. Valid values are top, bottom, left or right.
+
+ @attribute placement
+ @default top
+ @type String
+ **/
+ placement : { value : 'top' },
+ /**
+ Selector to listen to. Defaults to false, and attaches no
+ delegation events. Set to a valid selector and any event will
+ fire it.
+
+ @attribute selector
+ @default false
+ @type String | boolean
+ **/
+ selector : { value : false },
+ /**
+ What event to listen for. This must be an event that
+ bubbles. Hover or click will work as expected.
+
+ @attribute trigger
+ @default hover
+ @type String
+ **/
+ trigger : { value : 'hover' },
+ /**
+ The content of the tooltip to display. This is updated each time the
+ event is triggered. Set by the
setContent method.
+
+ @attribute title
+ @default ''
+ @type String
+ **/
+ title : { value : '' },
+ /**
+ Delay in hiding and showing the tooltip.
+
+ @attribute delay
+ @default 0
+ @type Number
+ **/
+ delay : { value : 0 },
+ /**
+ Attribute to show if the tooltip is visible or not.
+
+ @attribute visible
+ @default false
+ @type boolean
+ **/
+ visible : { value : false }
+ }
+});
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['anim','transition','widget','base','widget-position-align','widget-stack','widget-position','widget-position-constrain']});
diff --git a/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip-debug.js b/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip-debug.js
new file mode 100644
index 0000000000..050006353c
--- /dev/null
+++ b/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip-debug.js
@@ -0,0 +1,231 @@
+YUI.add('gallery-bootstrap-tooltip', function(Y) {
+
+/**
+
+This is a drop-in for the Twitter Bootstrap tooltips, so you don't have to
+schlep in jQuery.
+
+@module gallery-bootstrap-tooltip
+**/
+
+/**
+This is a drop-in for the Twitter Bootstrap tooltips, so you don't have to
+schlep in jQuery.
+
+See http://twitter.github.com/bootstrap/javascript.html#tooltips for more
+information.
+
+You will need to include the Bootstrap CSS. This is only the JavaScript.
+
+There are selectors you can use to narrow down and implement several tooltips
+at once. The most sensible example is to match any link with a `rel="tooltip"`
+attribute.
+
+ YUI().use('gallery-bootstrap-tooltip', function(Y) {
+ var tooltipManager = new Y.Bootstrap.Tooltip({ selector : '*[rel=tooltip]' });
+ });
+
+@class Bootstrap.Tooltip
+@constructor
+@extends Widget
+@uses WidgetPosition
+@uses WidgetStack
+@uses WidgetPositionAlign
+@uses WidgetPositionConstrain
+**/
+
+var NS = Y.namespace('Bootstrap');
+
+NS.Tooltip = Y.Base.create("bootstrapTooltip", Y.Widget, [ Y.WidgetPosition, Y.WidgetStack, Y.WidgetPositionAlign, Y.WidgetPositionConstrain], {
+ eventIn : 'mouseover',
+ eventOut : 'mouseout',
+ tooltip : null,
+ template : '',
+
+ BOUNDING_TEMPLATE : '
',
+
+ initializer : function() {
+ var selector = this.get('selector'),
+ trigger = this.get('trigger'),
+ eventIn = trigger === 'hover' ? this.eventIn : 'focus',
+ eventOut = trigger === 'hover' ? this.eventOut : 'blur';
+
+ this._cssPrefix = 'tooltip';
+
+ if ( selector ) {
+ Y.delegate(eventIn, this._showFn, document.body, selector, this);
+ Y.delegate(eventOut, this._hideFn, document.body, selector, this);
+ }
+
+ this.after('titleChange', this.setContent, this);
+
+ this.set('visible', false);
+ this.render();
+ },
+
+ _showFn : function(e) {
+ var target = e.target,
+ delay = this.get('delay'),
+ title = target.getAttribute('title'),
+ box = this.get('boundingBox');
+
+ if ( !title ) {
+ title = target.getAttribute('data-original-title');
+ } else {
+ target.removeAttribute('title');
+ target.setAttribute('data-original-title', title);
+ }
+ this.set('title', title);
+ this._hoverState = 'in';
+ this._showTimeout = Y.later( delay, this, this._show, { target: target } );
+ },
+
+ _show : function(data) {
+ var box = this.get('boundingBox'),
+ animate = this.get('animation'),
+ place = this.get('placement'),
+ target = data.target;
+
+ if ( this._hoverState === 'in' ) {
+ box.show();
+
+ if ( target ) {
+ this.set('align', { node : target, points: this._getAlignment(place) });
+ }
+ if ( animate ) {
+ box.transition({
+ duration : 0,
+ opacity : 1
+ }, function() {
+ box.addClass('fade');
+ });
+ }
+ box.addClass('in');
+ box.addClass( place );
+ }
+ },
+
+ _hideFn : function() {
+ var delay = this.get('delay');
+
+ this._hoverState = 'out';
+ this._showTimeout = Y.later( delay, this, this._hide );
+ },
+
+ _hide : function() {
+ var box = this.get('boundingBox'),
+ animate = this.get('animation');
+
+ if ( this._hoverState === 'out' ) {
+ if ( box.hasClass('fade') ) {
+ box.transition({
+ duration : 1,
+ opacity : 0
+ }, function() {
+ box.removeClass('fade');
+ box.removeClass('in');
+ box.hide();
+ });
+ } else {
+ box.removeClass('fade');
+ box.removeClass('in');
+ }
+ }
+ },
+
+ _getAlignment : function(placement) {
+ if ( placement === 'bottom' ) {
+ return [ Y.WidgetPositionAlign.TC, Y.WidgetPositionAlign.BC ];
+ }
+ else if ( placement === 'left' ) {
+ return [ Y.WidgetPositionAlign.RC, Y.WidgetPositionAlign.LC ];
+ }
+ else if ( placement === 'right' ) {
+ return [ Y.WidgetPositionAlign.LC, Y.WidgetPositionAlign.RC ];
+ }
+ else {
+ return [ Y.WidgetPositionAlign.BC, Y.WidgetPositionAlign.TC ];
+ }
+ },
+
+ _defaultCB : function() {
+ return this.get('boundingBox').one('.tooltip-inner');
+ },
+
+ setContent : function(e) {
+ var title = this.get('title'),
+ box = this.get('contentBox');
+
+ box.setContent(title);
+ Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {
+ box.removeClass(c);
+ });
+ }
+}, {
+ ATTRS: {
+ /**
+ Whether or not to animate the display of the tooltip
+
+ @attribute animation
+ @default true
+ @type boolean
+ **/
+ animation : { value : true },
+ /**
+ Where to place the tooltip. Valid values are top, bottom, left or right.
+
+ @attribute placement
+ @default top
+ @type String
+ **/
+ placement : { value : 'top' },
+ /**
+ Selector to listen to. Defaults to false, and attaches no
+ delegation events. Set to a valid selector and any event will
+ fire it.
+
+ @attribute selector
+ @default false
+ @type String | boolean
+ **/
+ selector : { value : false },
+ /**
+ What event to listen for. This must be an event that
+ bubbles. Hover or click will work as expected.
+
+ @attribute trigger
+ @default hover
+ @type String
+ **/
+ trigger : { value : 'hover' },
+ /**
+ The content of the tooltip to display. This is updated each time the
+ event is triggered. Set by the
setContent method.
+
+ @attribute title
+ @default ''
+ @type String
+ **/
+ title : { value : '' },
+ /**
+ Delay in hiding and showing the tooltip.
+
+ @attribute delay
+ @default 0
+ @type Number
+ **/
+ delay : { value : 0 },
+ /**
+ Attribute to show if the tooltip is visible or not.
+
+ @attribute visible
+ @default false
+ @type boolean
+ **/
+ visible : { value : false }
+ }
+});
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['anim','transition','widget','base','widget-position-align','widget-stack','widget-position','widget-position-constrain']});
diff --git a/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip-min.js b/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip-min.js
new file mode 100644
index 0000000000..ff2e764889
--- /dev/null
+++ b/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bootstrap-tooltip",function(b){var a=b.namespace("Bootstrap");a.Tooltip=b.Base.create("bootstrapTooltip",b.Widget,[b.WidgetPosition,b.WidgetStack,b.WidgetPositionAlign,b.WidgetPositionConstrain],{eventIn:"mouseover",eventOut:"mouseout",tooltip:null,template:'',BOUNDING_TEMPLATE:'
',initializer:function(){var c=this.get("selector"),e=this.get("trigger"),f=e==="hover"?this.eventIn:"focus",d=e==="hover"?this.eventOut:"blur";this._cssPrefix="tooltip";if(c){b.delegate(f,this._showFn,document.body,c,this);b.delegate(d,this._hideFn,document.body,c,this);}this.after("titleChange",this.setContent,this);this.set("visible",false);this.render();},_showFn:function(g){var f=g.target,c=this.get("delay"),h=f.getAttribute("title"),d=this.get("boundingBox");if(!h){h=f.getAttribute("data-original-title");}else{f.removeAttribute("title");f.setAttribute("data-original-title",h);}this.set("title",h);this._hoverState="in";this._showTimeout=b.later(c,this,this._show,{target:f});},_show:function(f){var e=this.get("boundingBox"),d=this.get("animation"),c=this.get("placement"),g=f.target;if(this._hoverState==="in"){e.show();if(g){this.set("align",{node:g,points:this._getAlignment(c)});}if(d){e.transition({duration:0,opacity:1},function(){e.addClass("fade");});}e.addClass("in");e.addClass(c);}},_hideFn:function(){var c=this.get("delay");this._hoverState="out";this._showTimeout=b.later(c,this,this._hide);},_hide:function(){var d=this.get("boundingBox"),c=this.get("animation");if(this._hoverState==="out"){if(d.hasClass("fade")){d.transition({duration:1,opacity:0},function(){d.removeClass("fade");d.removeClass("in");d.hide();});}else{d.removeClass("fade");d.removeClass("in");}}},_getAlignment:function(c){if(c==="bottom"){return[b.WidgetPositionAlign.TC,b.WidgetPositionAlign.BC];}else{if(c==="left"){return[b.WidgetPositionAlign.RC,b.WidgetPositionAlign.LC];}else{if(c==="right"){return[b.WidgetPositionAlign.LC,b.WidgetPositionAlign.RC];}else{return[b.WidgetPositionAlign.BC,b.WidgetPositionAlign.TC];}}}},_defaultCB:function(){return this.get("boundingBox").one(".tooltip-inner");},setContent:function(d){var f=this.get("title"),c=this.get("contentBox");c.setContent(f);b.Array.each("fade in top bottom left right".split(" "),function(e){c.removeClass(e);});}},{ATTRS:{animation:{value:true},placement:{value:"top"},selector:{value:false},trigger:{value:"hover"},title:{value:""},delay:{value:0},visible:{value:false}}});},"gallery-2012.08.22-20-00",{requires:["anim","transition","widget","base","widget-position-align","widget-stack","widget-position","widget-position-constrain"]});
\ No newline at end of file
diff --git a/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js b/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js
new file mode 100644
index 0000000000..050006353c
--- /dev/null
+++ b/build/gallery-bootstrap-tooltip/gallery-bootstrap-tooltip.js
@@ -0,0 +1,231 @@
+YUI.add('gallery-bootstrap-tooltip', function(Y) {
+
+/**
+
+This is a drop-in for the Twitter Bootstrap tooltips, so you don't have to
+schlep in jQuery.
+
+@module gallery-bootstrap-tooltip
+**/
+
+/**
+This is a drop-in for the Twitter Bootstrap tooltips, so you don't have to
+schlep in jQuery.
+
+See http://twitter.github.com/bootstrap/javascript.html#tooltips for more
+information.
+
+You will need to include the Bootstrap CSS. This is only the JavaScript.
+
+There are selectors you can use to narrow down and implement several tooltips
+at once. The most sensible example is to match any link with a `rel="tooltip"`
+attribute.
+
+ YUI().use('gallery-bootstrap-tooltip', function(Y) {
+ var tooltipManager = new Y.Bootstrap.Tooltip({ selector : '*[rel=tooltip]' });
+ });
+
+@class Bootstrap.Tooltip
+@constructor
+@extends Widget
+@uses WidgetPosition
+@uses WidgetStack
+@uses WidgetPositionAlign
+@uses WidgetPositionConstrain
+**/
+
+var NS = Y.namespace('Bootstrap');
+
+NS.Tooltip = Y.Base.create("bootstrapTooltip", Y.Widget, [ Y.WidgetPosition, Y.WidgetStack, Y.WidgetPositionAlign, Y.WidgetPositionConstrain], {
+ eventIn : 'mouseover',
+ eventOut : 'mouseout',
+ tooltip : null,
+ template : '
',
+
+ BOUNDING_TEMPLATE : '
',
+
+ initializer : function() {
+ var selector = this.get('selector'),
+ trigger = this.get('trigger'),
+ eventIn = trigger === 'hover' ? this.eventIn : 'focus',
+ eventOut = trigger === 'hover' ? this.eventOut : 'blur';
+
+ this._cssPrefix = 'tooltip';
+
+ if ( selector ) {
+ Y.delegate(eventIn, this._showFn, document.body, selector, this);
+ Y.delegate(eventOut, this._hideFn, document.body, selector, this);
+ }
+
+ this.after('titleChange', this.setContent, this);
+
+ this.set('visible', false);
+ this.render();
+ },
+
+ _showFn : function(e) {
+ var target = e.target,
+ delay = this.get('delay'),
+ title = target.getAttribute('title'),
+ box = this.get('boundingBox');
+
+ if ( !title ) {
+ title = target.getAttribute('data-original-title');
+ } else {
+ target.removeAttribute('title');
+ target.setAttribute('data-original-title', title);
+ }
+ this.set('title', title);
+ this._hoverState = 'in';
+ this._showTimeout = Y.later( delay, this, this._show, { target: target } );
+ },
+
+ _show : function(data) {
+ var box = this.get('boundingBox'),
+ animate = this.get('animation'),
+ place = this.get('placement'),
+ target = data.target;
+
+ if ( this._hoverState === 'in' ) {
+ box.show();
+
+ if ( target ) {
+ this.set('align', { node : target, points: this._getAlignment(place) });
+ }
+ if ( animate ) {
+ box.transition({
+ duration : 0,
+ opacity : 1
+ }, function() {
+ box.addClass('fade');
+ });
+ }
+ box.addClass('in');
+ box.addClass( place );
+ }
+ },
+
+ _hideFn : function() {
+ var delay = this.get('delay');
+
+ this._hoverState = 'out';
+ this._showTimeout = Y.later( delay, this, this._hide );
+ },
+
+ _hide : function() {
+ var box = this.get('boundingBox'),
+ animate = this.get('animation');
+
+ if ( this._hoverState === 'out' ) {
+ if ( box.hasClass('fade') ) {
+ box.transition({
+ duration : 1,
+ opacity : 0
+ }, function() {
+ box.removeClass('fade');
+ box.removeClass('in');
+ box.hide();
+ });
+ } else {
+ box.removeClass('fade');
+ box.removeClass('in');
+ }
+ }
+ },
+
+ _getAlignment : function(placement) {
+ if ( placement === 'bottom' ) {
+ return [ Y.WidgetPositionAlign.TC, Y.WidgetPositionAlign.BC ];
+ }
+ else if ( placement === 'left' ) {
+ return [ Y.WidgetPositionAlign.RC, Y.WidgetPositionAlign.LC ];
+ }
+ else if ( placement === 'right' ) {
+ return [ Y.WidgetPositionAlign.LC, Y.WidgetPositionAlign.RC ];
+ }
+ else {
+ return [ Y.WidgetPositionAlign.BC, Y.WidgetPositionAlign.TC ];
+ }
+ },
+
+ _defaultCB : function() {
+ return this.get('boundingBox').one('.tooltip-inner');
+ },
+
+ setContent : function(e) {
+ var title = this.get('title'),
+ box = this.get('contentBox');
+
+ box.setContent(title);
+ Y.Array.each( 'fade in top bottom left right'.split(' '), function(c) {
+ box.removeClass(c);
+ });
+ }
+}, {
+ ATTRS: {
+ /**
+ Whether or not to animate the display of the tooltip
+
+ @attribute animation
+ @default true
+ @type boolean
+ **/
+ animation : { value : true },
+ /**
+ Where to place the tooltip. Valid values are top, bottom, left or right.
+
+ @attribute placement
+ @default top
+ @type String
+ **/
+ placement : { value : 'top' },
+ /**
+ Selector to listen to. Defaults to false, and attaches no
+ delegation events. Set to a valid selector and any event will
+ fire it.
+
+ @attribute selector
+ @default false
+ @type String | boolean
+ **/
+ selector : { value : false },
+ /**
+ What event to listen for. This must be an event that
+ bubbles. Hover or click will work as expected.
+
+ @attribute trigger
+ @default hover
+ @type String
+ **/
+ trigger : { value : 'hover' },
+ /**
+ The content of the tooltip to display. This is updated each time the
+ event is triggered. Set by the
setContent method.
+
+ @attribute title
+ @default ''
+ @type String
+ **/
+ title : { value : '' },
+ /**
+ Delay in hiding and showing the tooltip.
+
+ @attribute delay
+ @default 0
+ @type Number
+ **/
+ delay : { value : 0 },
+ /**
+ Attribute to show if the tooltip is visible or not.
+
+ @attribute visible
+ @default false
+ @type boolean
+ **/
+ visible : { value : false }
+ }
+});
+
+
+
+}, 'gallery-2012.08.22-20-00' ,{requires:['anim','transition','widget','base','widget-position-align','widget-stack','widget-position','widget-position-constrain']});
diff --git a/build/gallery-bottle/assets/gallery-bottle-core.css b/build/gallery-bottle/assets/gallery-bottle-core.css
new file mode 100644
index 0000000000..564231bc67
--- /dev/null
+++ b/build/gallery-bottle/assets/gallery-bottle-core.css
@@ -0,0 +1,38 @@
+html{height:100%}
+body{position:relative}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}
+.bt_posfixed div{height:100px;width:100%;position:relative}
+.bt_posfixed span{position:fixed;top:1px}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}
+.yui3-btcontainer{position:absolute;width:100%}
+.btp-native .yui3-btcontainer{position:relative}
+.bt-header, .bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut, .yui3-btoverlay {position:absolute}
+.yui3-btshortcut-hidden, .yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled, .yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.bst_slidebox {overflow:hidden}
+.bst_slide {position:relative}
+.bst_slide li {display:inline-block}
+.bst_tab {position:relative}
+.bst_tab > * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bottle/assets/skins/sam/gallery-bottle-skin.css b/build/gallery-bottle/assets/skins/sam/gallery-bottle-skin.css
new file mode 100644
index 0000000000..152756f3b3
--- /dev/null
+++ b/build/gallery-bottle/assets/skins/sam/gallery-bottle-skin.css
@@ -0,0 +1,38 @@
+.bt-shortcut-mask,
+.bt-overlay-mask{opacity:0.5;background-color:#000}
+
+.yui3-btslidetab .bst_index {border:2px solid #444;background:#eee}
+
+.bcr_indexitem {border:1px solid #888;border-radius:8px}
+.bcr_indexitem.bcr_on {background-color:#afc}
+.bcr_btnl, .bcr_btnr {width:60px;height:30px;background:transparent url(http://yui.yahooapis.com/3.6.0/build/assets/skins/sam/sprite.png) no-repeat 10px -545px}
+.bcr_btnr {background-position:10px -595px}
+.bcr_off {opacity:0.5}
+
+.yui3-btloader-content .blo_loading{background:#fff url(http://yuilibrary.com/yui/docs/assets/widget/img/ajax-loader.gif) no-repeat 50% 50%;min-height:40px}
+.yui3-btloader-content .blo_loaded{background:#ccc}
+.yui3-btloader-content .blo_error{color:#f00;background:#fcc}
+
+/* Skins for init / progress enhancement */
+.btHideAll:not(.btReady),
+.btInPlace:not(.btReady) [data-role=carousel],
+.btInPlace:not(.btReady) [data-role=shortcut],
+.btInPlace:not(.btReady) [data-role=overlay],
+.btInPlace:not(.btReady) [data-role=photogrid],
+.btInPlace:not(.btReady) [data-role=slidetab]
+ {background:#fff url(http://yuilibrary.com/yui/docs/assets/widget/img/ajax-loader.gif) no-repeat 50% 50%;min-height:50px}
+.btHideAll:not(.btReady) {width:100%;height:100%}
+
+.btHideAll:not(.btReady) > *,
+.btInPlace:not(.btReady) [data-role=carousel] > *,
+.btInPlace:not(.btReady) [data-role=shortcut] > *,
+.btInPlace:not(.btReady) [data-role=overlay] > *,
+.btInPlace:not(.btReady) [data-role=photogrid] > *,
+.btInPlace:not(.btReady) [data-role=slidetab] > *,
+.btHideSCO:not(.btReady) [data-role=shortcut],
+.btHideSCO:not(.btReady) [data-role=overlay]
+ {visibility:hidden}
+
+.btHideSCO:not(.btReady) [data-role=shortcut],
+.btHideSCO:not(.btReady) [data-role=overlay]
+ {position:absolute}
diff --git a/build/gallery-bottle/assets/skins/sam/gallery-bottle.css b/build/gallery-bottle/assets/skins/sam/gallery-bottle.css
new file mode 100644
index 0000000000..66d5870918
--- /dev/null
+++ b/build/gallery-bottle/assets/skins/sam/gallery-bottle.css
@@ -0,0 +1 @@
+html{height:100%}body{position:relative}body.btInit{-webkit-text-size-adjust:100%}.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}.bt_posfixed div{height:100px;width:100%;position:relative}.bt_posfixed span{position:fixed;top:1px}.bt-translate3d{-webkit-transform:translate3d(0,0,0)}.bt-shortcut-mask,.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}.yui3-btcontainer{position:absolute;width:100%}.btp-native .yui3-btcontainer{position:relative}.bt-header,.bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}.yui3-widget-pushpop{overflow:hidden}.yui3-btshortcut,.yui3-btoverlay{position:absolute}.yui3-btshortcut-hidden,.yui3-btoverlay-hidden{top:-9999px;left:-9999px}.yui3-btshortcut-disabled,.yui3-btoverlay-disabled{display:none}.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}.yui3-btslidetab .bst_slide{white-space:nowrap}.bst_slidebox{overflow:hidden}.bst_slide{position:relative}.bst_slide li{display:inline-block}.bst_tab{position:relative}.bst_tab>*{position:absolute!important;left:-10000px;width:100%}.bst_tab>*.on{position:relative!important;left:auto}.yui3-btcarousel-content{white-space:nowrap}.yui3-btcarousel-content>li{display:inline-block}.bcr_indexbox{position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}.bcr_indexitem{display:inline-block;width:8px;height:8px;margin:4px 8px}.bcr_showbtn .bcr_btnl,.bcr_showbtn .bcr_btnr{display:block}.bcr_btnl,.bcr_btnr{display:none;position:absolute;top:45%;cursor:pointer}.bcr_btnr{right:0}.bt-shortcut-mask,.bt-overlay-mask{opacity:.5;background-color:#000}.yui3-btslidetab .bst_index{border:2px solid #444;background:#eee}.bcr_indexitem{border:1px solid #888;border-radius:8px}.bcr_indexitem.bcr_on{background-color:#afc}.bcr_btnl,.bcr_btnr{width:60px;height:30px;background:transparent url(http://yui.yahooapis.com/3.6.0/build/assets/skins/sam/sprite.png) no-repeat 10px -545px}.bcr_btnr{background-position:10px -595px}.bcr_off{opacity:.5}.yui3-btloader-content .blo_loading{background:#fff url(http://yuilibrary.com/yui/docs/assets/widget/img/ajax-loader.gif) no-repeat 50% 50%;min-height:40px}.yui3-btloader-content .blo_loaded{background:#ccc}.yui3-btloader-content .blo_error{color:#f00;background:#fcc}.btHideAll:not(.btReady),.btInPlace:not(.btReady) [data-role=carousel],.btInPlace:not(.btReady) [data-role=shortcut],.btInPlace:not(.btReady) [data-role=overlay],.btInPlace:not(.btReady) [data-role=photogrid],.btInPlace:not(.btReady) [data-role=slidetab]{background:#fff url(http://yuilibrary.com/yui/docs/assets/widget/img/ajax-loader.gif) no-repeat 50% 50%;min-height:50px}.btHideAll:not(.btReady){width:100%;height:100%}.btHideAll:not(.btReady)>*,.btInPlace:not(.btReady) [data-role=carousel]>*,.btInPlace:not(.btReady) [data-role=shortcut]>*,.btInPlace:not(.btReady) [data-role=overlay]>*,.btInPlace:not(.btReady) [data-role=photogrid]>*,.btInPlace:not(.btReady) [data-role=slidetab]>*,.btHideSCO:not(.btReady) [data-role=shortcut],.btHideSCO:not(.btReady) [data-role=overlay]{visibility:hidden}.btHideSCO:not(.btReady) [data-role=shortcut],.btHideSCO:not(.btReady) [data-role=overlay]{position:absolute}#yui3-css-stamp.skin-sam-gallery-bottle{display:none}
diff --git a/build/gallery-bottle/gallery-bottle-coverage.js b/build/gallery-bottle/gallery-bottle-coverage.js
new file mode 100644
index 0000000000..c8f0d20d69
--- /dev/null
+++ b/build/gallery-bottle/gallery-bottle-coverage.js
@@ -0,0 +1,254 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bottle/gallery-bottle.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bottle/gallery-bottle.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bottle/gallery-bottle.js"].code=["YUI.add('gallery-bottle', function(Y) {","","/**"," * The bottle module collects all UI components, and provides initialize functions."," *"," * @module gallery-bottle"," */","","/**"," * Bottle is the base namespace for all Bottle Classes or statuc methods"," *"," * @class Bottle"," */","","//handle body width and height","var BOTTLE_INIT = 'btInit',"," BOTTLE_READY = 'btReady',"," BOTTLE_NATIVE = 'btNative',"," SYNC_SCREEN = 'btSyncScreen',"," htmlbody = Y.all('html, body'),"," body = Y.one('body'),"," btRoot = Y.one('.btRoot') || body.appendChild(Y.Node.create('')),"," inited = body.hasClass(BOTTLE_INIT),"," hideURL = false,"," nativeScroll = true,"," styles = {"," hidden: {overflow: 'hidden'},"," scroll: {"," overflow: 'auto',"," overflowX: 'hidden'"," }"," },",""," resetBodySize = function (resize) {"," if (hideURL && !resize) {"," window.scrollTo(0, 1);"," }",""," if (nativeScroll) {"," return;"," }",""," body.setStyles({"," width: Y.Bottle.Device.getBrowserWidth(),"," height: Y.Bottle.Device.getBrowserHeight()"," });"," },",""," initWidgets = function(css, cls) {"," Y.all(css).each(function (srcNode) {"," var unused = new cls({"," srcNode: srcNode,"," render: true"," });"," });"," },",""," /**"," * Initialize bottle UI library , create instances with supported data-roles."," *"," * @method init"," * @param hideURL {Boolean} auto hide URL Bar when bottle inited or orientation changed"," */"," init = function (hide) {"," var pageNode = Y.one('[data-role=page]'),"," pageWidget;",""," hideURL = hide;",""," if (inited) {"," return;"," }",""," if (pageNode) {"," htmlbody.setStyles(styles.hidden);"," }",""," body.addClass(BOTTLE_INIT);"," inited = true;","",""," initWidgets('[data-role=photogrid]', Y.Bottle.PhotoGrid);"," initWidgets('[data-role=carousel]', Y.Bottle.Carousel);"," initWidgets('[data-role=slidetab]', Y.Bottle.SlideTab);"," initWidgets('[data-role=loader]', Y.Bottle.Loader);",""," if (pageNode) {"," resetBodySize();",""," pageWidget = new Y.Bottle.Page({srcNode: pageNode, render: true});"," pageWidget.resize();",""," if (pageWidget.get('nativeScroll')) {"," htmlbody.setStyles(styles.scroll);"," body.addClass(BOTTLE_NATIVE);"," pageWidget.item(0).get('scrollView').disable();"," Y.publish(BOTTLE_NATIVE, {fireOnce: true});"," Y.fire(BOTTLE_NATIVE);"," Y.publish(SYNC_SCREEN);",""," // disable scroll on shortcut and overlay"," btRoot.on('gesturemove', function (E) {"," E.preventDefault();"," }, {standAlone:true, root: btRoot});"," } else {"," nativeScroll = false;"," resetBodySize();"," }"," }",""," Y.all('[data-role=shortcut]').each(function (shortcutNode) {"," var unused = new Y.Bottle.ShortCut({"," srcNode: shortcutNode,"," visible: false,"," disabled: true,"," render: btRoot"," });"," });",""," Y.all('[data-role=overlay]').each(function (overlayNode) {"," var unused = new Y.Bottle.Overlay({"," srcNode: overlayNode,"," visible: false,"," disabled: true,"," render: btRoot"," });"," });",""," window.addEventListener((Y.UA.mobile == 'Apple') ? 'orientationchange' : 'resize', function () {"," var scCurrent = Y.Bottle.ShortCut.getCurrent(),"," overlayCurrent = Y.Bottle.Overlay.getCurrent(),"," page = Y.Bottle.Page.getCurrent();",""," if (page) {"," resetBodySize(true);"," page.resize();"," } else {"," Y.fire(SYNC_SCREEN);"," }",""," if (scCurrent) {"," scCurrent.scResize();"," }",""," if (overlayCurrent) {"," overlayCurrent.olResize();"," }"," }, false);",""," body.addClass(BOTTLE_READY);"," Y.publish(BOTTLE_READY, {fireOnce: true});"," Y.fire(BOTTLE_READY);"," };","","Y.namespace('Bottle').init = init;","","","}, 'gallery-2012.10.03-20-02' ,{skinnable:true, requires:['gallery-bt-shortcut', 'gallery-bt-overlay', 'gallery-bt-photogrid', 'gallery-bt-slidetab', 'gallery-bt-carousel', 'gallery-bt-loader']});"];
+_yuitest_coverage["/build/gallery-bottle/gallery-bottle.js"].lines = {"1":0,"16":0,"35":0,"36":0,"39":0,"40":0,"43":0,"50":0,"51":0,"65":0,"68":0,"70":0,"71":0,"74":0,"75":0,"78":0,"79":0,"82":0,"83":0,"84":0,"85":0,"87":0,"88":0,"90":0,"91":0,"93":0,"94":0,"95":0,"96":0,"97":0,"98":0,"99":0,"102":0,"103":0,"106":0,"107":0,"111":0,"112":0,"120":0,"121":0,"129":0,"130":0,"134":0,"135":0,"136":0,"138":0,"141":0,"142":0,"145":0,"146":0,"150":0,"151":0,"152":0,"155":0};
+_yuitest_coverage["/build/gallery-bottle/gallery-bottle.js"].functions = {"resetBodySize:34":0,"(anonymous 2):50":0,"initWidgets:49":0,"(anonymous 3):102":0,"(anonymous 4):111":0,"(anonymous 5):120":0,"(anonymous 6):129":0,"init:64":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bottle/gallery-bottle.js"].coveredLines = 54;
+_yuitest_coverage["/build/gallery-bottle/gallery-bottle.js"].coveredFunctions = 9;
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 1);
+YUI.add('gallery-bottle', function(Y) {
+
+/**
+ * The bottle module collects all UI components, and provides initialize functions.
+ *
+ * @module gallery-bottle
+ */
+
+/**
+ * Bottle is the base namespace for all Bottle Classes or statuc methods
+ *
+ * @class Bottle
+ */
+
+//handle body width and height
+_yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 16);
+var BOTTLE_INIT = 'btInit',
+ BOTTLE_READY = 'btReady',
+ BOTTLE_NATIVE = 'btNative',
+ SYNC_SCREEN = 'btSyncScreen',
+ htmlbody = Y.all('html, body'),
+ body = Y.one('body'),
+ btRoot = Y.one('.btRoot') || body.appendChild(Y.Node.create('')),
+ inited = body.hasClass(BOTTLE_INIT),
+ hideURL = false,
+ nativeScroll = true,
+ styles = {
+ hidden: {overflow: 'hidden'},
+ scroll: {
+ overflow: 'auto',
+ overflowX: 'hidden'
+ }
+ },
+
+ resetBodySize = function (resize) {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "resetBodySize", 34);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 35);
+if (hideURL && !resize) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 36);
+window.scrollTo(0, 1);
+ }
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 39);
+if (nativeScroll) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 40);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 43);
+body.setStyles({
+ width: Y.Bottle.Device.getBrowserWidth(),
+ height: Y.Bottle.Device.getBrowserHeight()
+ });
+ },
+
+ initWidgets = function(css, cls) {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "initWidgets", 49);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 50);
+Y.all(css).each(function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "(anonymous 2)", 50);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 51);
+var unused = new cls({
+ srcNode: srcNode,
+ render: true
+ });
+ });
+ },
+
+ /**
+ * Initialize bottle UI library , create instances with supported data-roles.
+ *
+ * @method init
+ * @param hideURL {Boolean} auto hide URL Bar when bottle inited or orientation changed
+ */
+ init = function (hide) {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "init", 64);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 65);
+var pageNode = Y.one('[data-role=page]'),
+ pageWidget;
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 68);
+hideURL = hide;
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 70);
+if (inited) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 71);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 74);
+if (pageNode) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 75);
+htmlbody.setStyles(styles.hidden);
+ }
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 78);
+body.addClass(BOTTLE_INIT);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 79);
+inited = true;
+
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 82);
+initWidgets('[data-role=photogrid]', Y.Bottle.PhotoGrid);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 83);
+initWidgets('[data-role=carousel]', Y.Bottle.Carousel);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 84);
+initWidgets('[data-role=slidetab]', Y.Bottle.SlideTab);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 85);
+initWidgets('[data-role=loader]', Y.Bottle.Loader);
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 87);
+if (pageNode) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 88);
+resetBodySize();
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 90);
+pageWidget = new Y.Bottle.Page({srcNode: pageNode, render: true});
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 91);
+pageWidget.resize();
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 93);
+if (pageWidget.get('nativeScroll')) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 94);
+htmlbody.setStyles(styles.scroll);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 95);
+body.addClass(BOTTLE_NATIVE);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 96);
+pageWidget.item(0).get('scrollView').disable();
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 97);
+Y.publish(BOTTLE_NATIVE, {fireOnce: true});
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 98);
+Y.fire(BOTTLE_NATIVE);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 99);
+Y.publish(SYNC_SCREEN);
+
+ // disable scroll on shortcut and overlay
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 102);
+btRoot.on('gesturemove', function (E) {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "(anonymous 3)", 102);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 103);
+E.preventDefault();
+ }, {standAlone:true, root: btRoot});
+ } else {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 106);
+nativeScroll = false;
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 107);
+resetBodySize();
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 111);
+Y.all('[data-role=shortcut]').each(function (shortcutNode) {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "(anonymous 4)", 111);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 112);
+var unused = new Y.Bottle.ShortCut({
+ srcNode: shortcutNode,
+ visible: false,
+ disabled: true,
+ render: btRoot
+ });
+ });
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 120);
+Y.all('[data-role=overlay]').each(function (overlayNode) {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "(anonymous 5)", 120);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 121);
+var unused = new Y.Bottle.Overlay({
+ srcNode: overlayNode,
+ visible: false,
+ disabled: true,
+ render: btRoot
+ });
+ });
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 129);
+window.addEventListener((Y.UA.mobile == 'Apple') ? 'orientationchange' : 'resize', function () {
+ _yuitest_coverfunc("/build/gallery-bottle/gallery-bottle.js", "(anonymous 6)", 129);
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 130);
+var scCurrent = Y.Bottle.ShortCut.getCurrent(),
+ overlayCurrent = Y.Bottle.Overlay.getCurrent(),
+ page = Y.Bottle.Page.getCurrent();
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 134);
+if (page) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 135);
+resetBodySize(true);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 136);
+page.resize();
+ } else {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 138);
+Y.fire(SYNC_SCREEN);
+ }
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 141);
+if (scCurrent) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 142);
+scCurrent.scResize();
+ }
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 145);
+if (overlayCurrent) {
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 146);
+overlayCurrent.olResize();
+ }
+ }, false);
+
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 150);
+body.addClass(BOTTLE_READY);
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 151);
+Y.publish(BOTTLE_READY, {fireOnce: true});
+ _yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 152);
+Y.fire(BOTTLE_READY);
+ };
+
+_yuitest_coverline("/build/gallery-bottle/gallery-bottle.js", 155);
+Y.namespace('Bottle').init = init;
+
+
+}, 'gallery-2012.10.03-20-02' ,{skinnable:true, requires:['gallery-bt-shortcut', 'gallery-bt-overlay', 'gallery-bt-photogrid', 'gallery-bt-slidetab', 'gallery-bt-carousel', 'gallery-bt-loader']});
diff --git a/build/gallery-bottle/gallery-bottle-debug.js b/build/gallery-bottle/gallery-bottle-debug.js
new file mode 100644
index 0000000000..d60c6dfb42
--- /dev/null
+++ b/build/gallery-bottle/gallery-bottle-debug.js
@@ -0,0 +1,158 @@
+YUI.add('gallery-bottle', function(Y) {
+
+/**
+ * The bottle module collects all UI components, and provides initialize functions.
+ *
+ * @module gallery-bottle
+ */
+
+/**
+ * Bottle is the base namespace for all Bottle Classes or statuc methods
+ *
+ * @class Bottle
+ */
+
+//handle body width and height
+var BOTTLE_INIT = 'btInit',
+ BOTTLE_READY = 'btReady',
+ BOTTLE_NATIVE = 'btNative',
+ SYNC_SCREEN = 'btSyncScreen',
+ htmlbody = Y.all('html, body'),
+ body = Y.one('body'),
+ btRoot = Y.one('.btRoot') || body.appendChild(Y.Node.create('')),
+ inited = body.hasClass(BOTTLE_INIT),
+ hideURL = false,
+ nativeScroll = true,
+ styles = {
+ hidden: {overflow: 'hidden'},
+ scroll: {
+ overflow: 'auto',
+ overflowX: 'hidden'
+ }
+ },
+
+ resetBodySize = function (resize) {
+ if (hideURL && !resize) {
+ window.scrollTo(0, 1);
+ }
+
+ if (nativeScroll) {
+ return;
+ }
+
+ body.setStyles({
+ width: Y.Bottle.Device.getBrowserWidth(),
+ height: Y.Bottle.Device.getBrowserHeight()
+ });
+ },
+
+ initWidgets = function(css, cls) {
+ Y.all(css).each(function (srcNode) {
+ var unused = new cls({
+ srcNode: srcNode,
+ render: true
+ });
+ });
+ },
+
+ /**
+ * Initialize bottle UI library , create instances with supported data-roles.
+ *
+ * @method init
+ * @param hideURL {Boolean} auto hide URL Bar when bottle inited or orientation changed
+ */
+ init = function (hide) {
+ var pageNode = Y.one('[data-role=page]'),
+ pageWidget;
+
+ hideURL = hide;
+
+ if (inited) {
+ return;
+ }
+
+ if (pageNode) {
+ htmlbody.setStyles(styles.hidden);
+ }
+
+ body.addClass(BOTTLE_INIT);
+ inited = true;
+
+
+ initWidgets('[data-role=photogrid]', Y.Bottle.PhotoGrid);
+ initWidgets('[data-role=carousel]', Y.Bottle.Carousel);
+ initWidgets('[data-role=slidetab]', Y.Bottle.SlideTab);
+ initWidgets('[data-role=loader]', Y.Bottle.Loader);
+
+ if (pageNode) {
+ resetBodySize();
+
+ pageWidget = new Y.Bottle.Page({srcNode: pageNode, render: true});
+ pageWidget.resize();
+
+ if (pageWidget.get('nativeScroll')) {
+ htmlbody.setStyles(styles.scroll);
+ body.addClass(BOTTLE_NATIVE);
+ pageWidget.item(0).get('scrollView').disable();
+ Y.publish(BOTTLE_NATIVE, {fireOnce: true});
+ Y.fire(BOTTLE_NATIVE);
+ Y.publish(SYNC_SCREEN);
+
+ // disable scroll on shortcut and overlay
+ btRoot.on('gesturemove', function (E) {
+ E.preventDefault();
+ }, {standAlone:true, root: btRoot});
+ } else {
+ nativeScroll = false;
+ resetBodySize();
+ }
+ }
+
+ Y.all('[data-role=shortcut]').each(function (shortcutNode) {
+ var unused = new Y.Bottle.ShortCut({
+ srcNode: shortcutNode,
+ visible: false,
+ disabled: true,
+ render: btRoot
+ });
+ });
+
+ Y.all('[data-role=overlay]').each(function (overlayNode) {
+ var unused = new Y.Bottle.Overlay({
+ srcNode: overlayNode,
+ visible: false,
+ disabled: true,
+ render: btRoot
+ });
+ });
+
+ window.addEventListener((Y.UA.mobile == 'Apple') ? 'orientationchange' : 'resize', function () {
+ var scCurrent = Y.Bottle.ShortCut.getCurrent(),
+ overlayCurrent = Y.Bottle.Overlay.getCurrent(),
+ page = Y.Bottle.Page.getCurrent();
+
+ if (page) {
+ resetBodySize(true);
+ page.resize();
+ } else {
+ Y.fire(SYNC_SCREEN);
+ }
+
+ if (scCurrent) {
+ scCurrent.scResize();
+ }
+
+ if (overlayCurrent) {
+ overlayCurrent.olResize();
+ }
+ }, false);
+
+ body.addClass(BOTTLE_READY);
+ Y.publish(BOTTLE_READY, {fireOnce: true});
+ Y.fire(BOTTLE_READY);
+ };
+
+Y.namespace('Bottle').init = init;
+
+
+}, 'gallery-2012.10.03-20-02' ,{skinnable:true, requires:['gallery-bt-shortcut', 'gallery-bt-overlay', 'gallery-bt-photogrid', 'gallery-bt-slidetab', 'gallery-bt-carousel', 'gallery-bt-loader']});
diff --git a/build/gallery-bottle/gallery-bottle-min.js b/build/gallery-bottle/gallery-bottle-min.js
new file mode 100644
index 0000000000..1d843d8dcf
--- /dev/null
+++ b/build/gallery-bottle/gallery-bottle-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bottle",function(c){var f="btInit",k="btReady",b="btNative",l="btSyncScreen",i=c.all("html, body"),g=c.one("body"),a=c.one(".btRoot")||g.appendChild(c.Node.create('')),o=g.hasClass(f),d=false,h=true,n={hidden:{overflow:"hidden"},scroll:{overflow:"auto",overflowX:"hidden"}},e=function(p){if(d&&!p){window.scrollTo(0,1);}if(h){return;}g.setStyles({width:c.Bottle.Device.getBrowserWidth(),height:c.Bottle.Device.getBrowserHeight()});},j=function(q,p){c.all(q).each(function(s){var r=new p({srcNode:s,render:true});});},m=function(r){var q=c.one("[data-role=page]"),p;d=r;if(o){return;}if(q){i.setStyles(n.hidden);}g.addClass(f);o=true;j("[data-role=photogrid]",c.Bottle.PhotoGrid);j("[data-role=carousel]",c.Bottle.Carousel);j("[data-role=slidetab]",c.Bottle.SlideTab);j("[data-role=loader]",c.Bottle.Loader);if(q){e();p=new c.Bottle.Page({srcNode:q,render:true});p.resize();if(p.get("nativeScroll")){i.setStyles(n.scroll);g.addClass(b);p.item(0).get("scrollView").disable();c.publish(b,{fireOnce:true});c.fire(b);c.publish(l);a.on("gesturemove",function(s){s.preventDefault();},{standAlone:true,root:a});}else{h=false;e();}}c.all("[data-role=shortcut]").each(function(t){var s=new c.Bottle.ShortCut({srcNode:t,visible:false,disabled:true,render:a});});c.all("[data-role=overlay]").each(function(t){var s=new c.Bottle.Overlay({srcNode:t,visible:false,disabled:true,render:a});});window.addEventListener((c.UA.mobile=="Apple")?"orientationchange":"resize",function(){var u=c.Bottle.ShortCut.getCurrent(),s=c.Bottle.Overlay.getCurrent(),t=c.Bottle.Page.getCurrent();if(t){e(true);t.resize();}else{c.fire(l);}if(u){u.scResize();}if(s){s.olResize();}},false);g.addClass(k);c.publish(k,{fireOnce:true});c.fire(k);};c.namespace("Bottle").init=m;},"gallery-2012.10.03-20-02",{skinnable:true,requires:["gallery-bt-shortcut","gallery-bt-overlay","gallery-bt-photogrid","gallery-bt-slidetab","gallery-bt-carousel","gallery-bt-loader"]});
\ No newline at end of file
diff --git a/build/gallery-bottle/gallery-bottle.js b/build/gallery-bottle/gallery-bottle.js
new file mode 100644
index 0000000000..d60c6dfb42
--- /dev/null
+++ b/build/gallery-bottle/gallery-bottle.js
@@ -0,0 +1,158 @@
+YUI.add('gallery-bottle', function(Y) {
+
+/**
+ * The bottle module collects all UI components, and provides initialize functions.
+ *
+ * @module gallery-bottle
+ */
+
+/**
+ * Bottle is the base namespace for all Bottle Classes or statuc methods
+ *
+ * @class Bottle
+ */
+
+//handle body width and height
+var BOTTLE_INIT = 'btInit',
+ BOTTLE_READY = 'btReady',
+ BOTTLE_NATIVE = 'btNative',
+ SYNC_SCREEN = 'btSyncScreen',
+ htmlbody = Y.all('html, body'),
+ body = Y.one('body'),
+ btRoot = Y.one('.btRoot') || body.appendChild(Y.Node.create('')),
+ inited = body.hasClass(BOTTLE_INIT),
+ hideURL = false,
+ nativeScroll = true,
+ styles = {
+ hidden: {overflow: 'hidden'},
+ scroll: {
+ overflow: 'auto',
+ overflowX: 'hidden'
+ }
+ },
+
+ resetBodySize = function (resize) {
+ if (hideURL && !resize) {
+ window.scrollTo(0, 1);
+ }
+
+ if (nativeScroll) {
+ return;
+ }
+
+ body.setStyles({
+ width: Y.Bottle.Device.getBrowserWidth(),
+ height: Y.Bottle.Device.getBrowserHeight()
+ });
+ },
+
+ initWidgets = function(css, cls) {
+ Y.all(css).each(function (srcNode) {
+ var unused = new cls({
+ srcNode: srcNode,
+ render: true
+ });
+ });
+ },
+
+ /**
+ * Initialize bottle UI library , create instances with supported data-roles.
+ *
+ * @method init
+ * @param hideURL {Boolean} auto hide URL Bar when bottle inited or orientation changed
+ */
+ init = function (hide) {
+ var pageNode = Y.one('[data-role=page]'),
+ pageWidget;
+
+ hideURL = hide;
+
+ if (inited) {
+ return;
+ }
+
+ if (pageNode) {
+ htmlbody.setStyles(styles.hidden);
+ }
+
+ body.addClass(BOTTLE_INIT);
+ inited = true;
+
+
+ initWidgets('[data-role=photogrid]', Y.Bottle.PhotoGrid);
+ initWidgets('[data-role=carousel]', Y.Bottle.Carousel);
+ initWidgets('[data-role=slidetab]', Y.Bottle.SlideTab);
+ initWidgets('[data-role=loader]', Y.Bottle.Loader);
+
+ if (pageNode) {
+ resetBodySize();
+
+ pageWidget = new Y.Bottle.Page({srcNode: pageNode, render: true});
+ pageWidget.resize();
+
+ if (pageWidget.get('nativeScroll')) {
+ htmlbody.setStyles(styles.scroll);
+ body.addClass(BOTTLE_NATIVE);
+ pageWidget.item(0).get('scrollView').disable();
+ Y.publish(BOTTLE_NATIVE, {fireOnce: true});
+ Y.fire(BOTTLE_NATIVE);
+ Y.publish(SYNC_SCREEN);
+
+ // disable scroll on shortcut and overlay
+ btRoot.on('gesturemove', function (E) {
+ E.preventDefault();
+ }, {standAlone:true, root: btRoot});
+ } else {
+ nativeScroll = false;
+ resetBodySize();
+ }
+ }
+
+ Y.all('[data-role=shortcut]').each(function (shortcutNode) {
+ var unused = new Y.Bottle.ShortCut({
+ srcNode: shortcutNode,
+ visible: false,
+ disabled: true,
+ render: btRoot
+ });
+ });
+
+ Y.all('[data-role=overlay]').each(function (overlayNode) {
+ var unused = new Y.Bottle.Overlay({
+ srcNode: overlayNode,
+ visible: false,
+ disabled: true,
+ render: btRoot
+ });
+ });
+
+ window.addEventListener((Y.UA.mobile == 'Apple') ? 'orientationchange' : 'resize', function () {
+ var scCurrent = Y.Bottle.ShortCut.getCurrent(),
+ overlayCurrent = Y.Bottle.Overlay.getCurrent(),
+ page = Y.Bottle.Page.getCurrent();
+
+ if (page) {
+ resetBodySize(true);
+ page.resize();
+ } else {
+ Y.fire(SYNC_SCREEN);
+ }
+
+ if (scCurrent) {
+ scCurrent.scResize();
+ }
+
+ if (overlayCurrent) {
+ overlayCurrent.olResize();
+ }
+ }, false);
+
+ body.addClass(BOTTLE_READY);
+ Y.publish(BOTTLE_READY, {fireOnce: true});
+ Y.fire(BOTTLE_READY);
+ };
+
+Y.namespace('Bottle').init = init;
+
+
+}, 'gallery-2012.10.03-20-02' ,{skinnable:true, requires:['gallery-bt-shortcut', 'gallery-bt-overlay', 'gallery-bt-photogrid', 'gallery-bt-slidetab', 'gallery-bt-carousel', 'gallery-bt-loader']});
diff --git a/build/gallery-bt-carousel/assets/gallery-bottle-core.css b/build/gallery-bt-carousel/assets/gallery-bottle-core.css
new file mode 100644
index 0000000000..564231bc67
--- /dev/null
+++ b/build/gallery-bt-carousel/assets/gallery-bottle-core.css
@@ -0,0 +1,38 @@
+html{height:100%}
+body{position:relative}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}
+.bt_posfixed div{height:100px;width:100%;position:relative}
+.bt_posfixed span{position:fixed;top:1px}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}
+.yui3-btcontainer{position:absolute;width:100%}
+.btp-native .yui3-btcontainer{position:relative}
+.bt-header, .bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut, .yui3-btoverlay {position:absolute}
+.yui3-btshortcut-hidden, .yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled, .yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.bst_slidebox {overflow:hidden}
+.bst_slide {position:relative}
+.bst_slide li {display:inline-block}
+.bst_tab {position:relative}
+.bst_tab > * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bt-carousel/gallery-bt-carousel-coverage.js b/build/gallery-bt-carousel/gallery-bt-carousel-coverage.js
new file mode 100644
index 0000000000..7b64af2216
--- /dev/null
+++ b/build/gallery-bt-carousel/gallery-bt-carousel-coverage.js
@@ -0,0 +1,412 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bt-carousel/gallery-bt-carousel.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bt-carousel/gallery-bt-carousel.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bt-carousel/gallery-bt-carousel.js"].code=["YUI.add('gallery-bt-carousel', function(Y) {","","/**"," * Provide Carousel class to rendering a lot of photo in many kinds of layout"," *"," * @module gallery-bt-carousel"," * @static"," */","","var WIDTH_CHANGE = 'widthChange',",""," PREFIX = 'bcr_',",""," CLASSES = {"," INDEXBOX: PREFIX + 'indexbox',"," INDEXITEM: PREFIX + 'indexitem',"," INDEXON: PREFIX + 'on',"," LEFT: PREFIX + 'btnl',"," RIGHT: PREFIX + 'btnr',"," SHOWBUTTON: PREFIX + 'showbtn',"," BUTTONOFF: PREFIX + 'off'"," },",""," HTMLS = {"," INDEXBOX: '',"," RIGHT: '
'"," },","","/**"," * Carousel is a Widget which can help you to render a lot of photo in different patterns."," *"," * @class Carousel"," * @constructor"," * @namespace Bottle"," * @extends ScrollView"," * @uses Bottle.SyncScroll"," * @uses Y.zui.Attribute"," * @param [config] {Object} Object literal with initial attribute values"," */","Carousel = Y.Base.create('btcarousel', Y.ScrollView, [Y.Bottle.SyncScroll, Y.zui.Attribute], {"," initializer: function () {"," this.set('syncScrollMethod', this._updatePages);"," this.plug(Y.zui.RAScroll);"," },",""," destructor: function () {"," this.unsync('selectedIndex', this.pages, 'index');"," this.unplug(Y.zui.RAScroll);"," this._bcrEventHandlers.detach();"," delete this._bcrEventHandlers;"," },",""," renderUI: function () {"," var parent = this.get('indexNode') || this.get('boundingBox'),"," box = parent.appendChild(HTMLS.INDEXBOX),"," all = this.pages.get('total'),"," index = this.get('contentBox').getData('selected-index') || 0,"," I;",""," this._indexes = [];"," for (I=0;I li'"," */"," pageNode: {"," value: '> li',"," writeOnce: true,"," lazyAdd: false,"," setter: function (V) {"," this._pageCSS = V;"," return this.get('contentBox').all(V);"," }"," },",""," /**"," * Specify how many items in a page."," *"," * @attribute pageItems"," * @type {{Number}}"," * @default 1"," */"," pageItems: {"," value: 1,"," lazyAdd: false,"," writeOnce: true,"," validator: Y.Lang.isNumber,"," setter: function (V) {"," var v = Math.max(1, Math.floor(V));",""," this.plug(Y.zui.ScrollSnapper, {selector: this._pageCSS + ((v > 1) ? (':nth-child(' + v + 'n+1)') : '')});"," return v;"," }"," },",""," /**"," * Specify page indicator parent Node. If the Node can not be found or omitted, the indicator will be appended into the boundingBox."," *"," * @attribute indexNode"," * @type {{String|Node}}"," */"," indexNode: {"," writeOnce: true,"," setter: Y.one"," },",""," /**"," * Specify wording for left button"," *"," * @attribute textRight"," * @type {{String}}"," */"," textRight: {"," value: '',"," writeOnce: true"," },",""," /**"," * Specify wording for left button"," *"," * @attribute textLeft"," * @type {{String}}"," */"," textLeft: {"," value: '',"," writeOnce: true"," },",""," /**"," * Display left button and right botton when set to true."," *"," * @attribute showButtons"," * @type Boolean"," * @default true"," */"," showButtons: {"," value: true,"," lazyAdd: false,"," validator: Y.Lang.isBoolean,"," setter: function (V) {"," this.get('boundingBox').toggleClass(CLASSES.SHOWBUTTON, V);"," return V;"," }"," },",""," /**"," * selectd page index, start from 0."," *"," * @attribute selectedIndex"," * @type Number"," * @default 0"," */"," selectedIndex: {"," setter: function (V) {"," var pages = this._indexes,"," oldV = this.get('selectedIndex'),"," old = pages ? pages[oldV] : undefined,"," O = pages ? pages[V] : undefined;",""," if (O && (old !== O)) {"," if (old) {"," old.removeClass(CLASSES.INDEXON);"," }"," O.addClass(CLASSES.INDEXON);",""," this._updateButtons(V);",""," return V * 1;"," }",""," return oldV;"," }"," }"," },",""," /**"," * Static property used to define the default HTML parsing rules"," *"," * @property HTML_PARSER"," * @static"," * @protected"," * @type Object"," */"," HTML_PARSER: {"," pageItems: function (srcNode) {"," var pi = srcNode.getData('page-items');"," return pi ? pi * 1 : 1;"," },"," pageNode: function (srcNode) {"," try {"," this.setAttrs(Y.JSON.parse(srcNode.getData('cfg-scroll')));"," } catch (e) {"," }"," return srcNode.getData('page-node');"," },"," textLeft: function (srcNode) {"," return srcNode.getData('text-left') || '';"," },"," textRight: function (srcNode) {"," return srcNode.getData('text-right') || '';"," },"," indexNode: function (srcNode) {"," return srcNode.getData('index-node');"," },"," showButtons: function (srcNode) {"," return srcNode.getData('show-buttons') !== 'false';"," }"," }","});","","Y.namespace('Bottle').Carousel = Carousel;","","","}, '@VERSION@' ,{requires:['gallery-bt-syncscroll', 'gallery-zui-rascroll', 'gallery-zui-scrollsnapper', 'gallery-zui-attribute', 'gallery-zui-scrollhelper']});"];
+_yuitest_coverage["/build/gallery-bt-carousel/gallery-bt-carousel.js"].lines = {"1":0,"10":0,"44":0,"45":0,"49":0,"50":0,"51":0,"52":0,"56":0,"62":0,"63":0,"64":0,"67":0,"69":0,"70":0,"73":0,"74":0,"82":0,"90":0,"99":0,"104":0,"106":0,"107":0,"117":0,"127":0,"128":0,"129":0,"140":0,"141":0,"165":0,"166":0,"183":0,"185":0,"186":0,"235":0,"236":0,"249":0,"254":0,"255":0,"256":0,"258":0,"260":0,"262":0,"265":0,"280":0,"281":0,"284":0,"285":0,"288":0,"291":0,"294":0,"297":0,"300":0,"305":0};
+_yuitest_coverage["/build/gallery-bt-carousel/gallery-bt-carousel.js"].functions = {"initializer:43":0,"destructor:48":0,"renderUI:55":0,"_nativeScroll:116":0,"_updateButtons:126":0,"_updatePages:139":0,"setter:164":0,"setter:182":0,"setter:234":0,"setter:248":0,"pageItems:279":0,"pageNode:283":0,"textLeft:290":0,"textRight:293":0,"indexNode:296":0,"showButtons:299":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bt-carousel/gallery-bt-carousel.js"].coveredLines = 54;
+_yuitest_coverage["/build/gallery-bt-carousel/gallery-bt-carousel.js"].coveredFunctions = 17;
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 1);
+YUI.add('gallery-bt-carousel', function(Y) {
+
+/**
+ * Provide Carousel class to rendering a lot of photo in many kinds of layout
+ *
+ * @module gallery-bt-carousel
+ * @static
+ */
+
+_yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 10);
+var WIDTH_CHANGE = 'widthChange',
+
+ PREFIX = 'bcr_',
+
+ CLASSES = {
+ INDEXBOX: PREFIX + 'indexbox',
+ INDEXITEM: PREFIX + 'indexitem',
+ INDEXON: PREFIX + 'on',
+ LEFT: PREFIX + 'btnl',
+ RIGHT: PREFIX + 'btnr',
+ SHOWBUTTON: PREFIX + 'showbtn',
+ BUTTONOFF: PREFIX + 'off'
+ },
+
+ HTMLS = {
+ INDEXBOX: '
',
+ RIGHT: '
'
+ },
+
+/**
+ * Carousel is a Widget which can help you to render a lot of photo in different patterns.
+ *
+ * @class Carousel
+ * @constructor
+ * @namespace Bottle
+ * @extends ScrollView
+ * @uses Bottle.SyncScroll
+ * @uses Y.zui.Attribute
+ * @param [config] {Object} Object literal with initial attribute values
+ */
+Carousel = Y.Base.create('btcarousel', Y.ScrollView, [Y.Bottle.SyncScroll, Y.zui.Attribute], {
+ initializer: function () {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "initializer", 43);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 44);
+this.set('syncScrollMethod', this._updatePages);
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 45);
+this.plug(Y.zui.RAScroll);
+ },
+
+ destructor: function () {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "destructor", 48);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 49);
+this.unsync('selectedIndex', this.pages, 'index');
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 50);
+this.unplug(Y.zui.RAScroll);
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 51);
+this._bcrEventHandlers.detach();
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 52);
+delete this._bcrEventHandlers;
+ },
+
+ renderUI: function () {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "renderUI", 55);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 56);
+var parent = this.get('indexNode') || this.get('boundingBox'),
+ box = parent.appendChild(HTMLS.INDEXBOX),
+ all = this.pages.get('total'),
+ index = this.get('contentBox').getData('selected-index') || 0,
+ I;
+
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 62);
+this._indexes = [];
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 63);
+for (I=0;I li'
+ */
+ pageNode: {
+ value: '> li',
+ writeOnce: true,
+ lazyAdd: false,
+ setter: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "setter", 164);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 165);
+this._pageCSS = V;
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 166);
+return this.get('contentBox').all(V);
+ }
+ },
+
+ /**
+ * Specify how many items in a page.
+ *
+ * @attribute pageItems
+ * @type {{Number}}
+ * @default 1
+ */
+ pageItems: {
+ value: 1,
+ lazyAdd: false,
+ writeOnce: true,
+ validator: Y.Lang.isNumber,
+ setter: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "setter", 182);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 183);
+var v = Math.max(1, Math.floor(V));
+
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 185);
+this.plug(Y.zui.ScrollSnapper, {selector: this._pageCSS + ((v > 1) ? (':nth-child(' + v + 'n+1)') : '')});
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 186);
+return v;
+ }
+ },
+
+ /**
+ * Specify page indicator parent Node. If the Node can not be found or omitted, the indicator will be appended into the boundingBox.
+ *
+ * @attribute indexNode
+ * @type {{String|Node}}
+ */
+ indexNode: {
+ writeOnce: true,
+ setter: Y.one
+ },
+
+ /**
+ * Specify wording for left button
+ *
+ * @attribute textRight
+ * @type {{String}}
+ */
+ textRight: {
+ value: '',
+ writeOnce: true
+ },
+
+ /**
+ * Specify wording for left button
+ *
+ * @attribute textLeft
+ * @type {{String}}
+ */
+ textLeft: {
+ value: '',
+ writeOnce: true
+ },
+
+ /**
+ * Display left button and right botton when set to true.
+ *
+ * @attribute showButtons
+ * @type Boolean
+ * @default true
+ */
+ showButtons: {
+ value: true,
+ lazyAdd: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "setter", 234);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 235);
+this.get('boundingBox').toggleClass(CLASSES.SHOWBUTTON, V);
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 236);
+return V;
+ }
+ },
+
+ /**
+ * selectd page index, start from 0.
+ *
+ * @attribute selectedIndex
+ * @type Number
+ * @default 0
+ */
+ selectedIndex: {
+ setter: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "setter", 248);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 249);
+var pages = this._indexes,
+ oldV = this.get('selectedIndex'),
+ old = pages ? pages[oldV] : undefined,
+ O = pages ? pages[V] : undefined;
+
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 254);
+if (O && (old !== O)) {
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 255);
+if (old) {
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 256);
+old.removeClass(CLASSES.INDEXON);
+ }
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 258);
+O.addClass(CLASSES.INDEXON);
+
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 260);
+this._updateButtons(V);
+
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 262);
+return V * 1;
+ }
+
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 265);
+return oldV;
+ }
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @static
+ * @protected
+ * @type Object
+ */
+ HTML_PARSER: {
+ pageItems: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "pageItems", 279);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 280);
+var pi = srcNode.getData('page-items');
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 281);
+return pi ? pi * 1 : 1;
+ },
+ pageNode: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "pageNode", 283);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 284);
+try {
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 285);
+this.setAttrs(Y.JSON.parse(srcNode.getData('cfg-scroll')));
+ } catch (e) {
+ }
+ _yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 288);
+return srcNode.getData('page-node');
+ },
+ textLeft: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "textLeft", 290);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 291);
+return srcNode.getData('text-left') || '';
+ },
+ textRight: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "textRight", 293);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 294);
+return srcNode.getData('text-right') || '';
+ },
+ indexNode: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "indexNode", 296);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 297);
+return srcNode.getData('index-node');
+ },
+ showButtons: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-carousel/gallery-bt-carousel.js", "showButtons", 299);
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 300);
+return srcNode.getData('show-buttons') !== 'false';
+ }
+ }
+});
+
+_yuitest_coverline("/build/gallery-bt-carousel/gallery-bt-carousel.js", 305);
+Y.namespace('Bottle').Carousel = Carousel;
+
+
+}, '@VERSION@' ,{requires:['gallery-bt-syncscroll', 'gallery-zui-rascroll', 'gallery-zui-scrollsnapper', 'gallery-zui-attribute', 'gallery-zui-scrollhelper']});
diff --git a/build/gallery-bt-carousel/gallery-bt-carousel-debug.js b/build/gallery-bt-carousel/gallery-bt-carousel-debug.js
new file mode 100644
index 0000000000..162ce01bd4
--- /dev/null
+++ b/build/gallery-bt-carousel/gallery-bt-carousel-debug.js
@@ -0,0 +1,308 @@
+YUI.add('gallery-bt-carousel', function(Y) {
+
+/**
+ * Provide Carousel class to rendering a lot of photo in many kinds of layout
+ *
+ * @module gallery-bt-carousel
+ * @static
+ */
+
+var WIDTH_CHANGE = 'widthChange',
+
+ PREFIX = 'bcr_',
+
+ CLASSES = {
+ INDEXBOX: PREFIX + 'indexbox',
+ INDEXITEM: PREFIX + 'indexitem',
+ INDEXON: PREFIX + 'on',
+ LEFT: PREFIX + 'btnl',
+ RIGHT: PREFIX + 'btnr',
+ SHOWBUTTON: PREFIX + 'showbtn',
+ BUTTONOFF: PREFIX + 'off'
+ },
+
+ HTMLS = {
+ INDEXBOX: '
',
+ RIGHT: '
'
+ },
+
+/**
+ * Carousel is a Widget which can help you to render a lot of photo in different patterns.
+ *
+ * @class Carousel
+ * @constructor
+ * @namespace Bottle
+ * @extends ScrollView
+ * @uses Bottle.SyncScroll
+ * @uses Y.zui.Attribute
+ * @param [config] {Object} Object literal with initial attribute values
+ */
+Carousel = Y.Base.create('btcarousel', Y.ScrollView, [Y.Bottle.SyncScroll, Y.zui.Attribute], {
+ initializer: function () {
+ this.set('syncScrollMethod', this._updatePages);
+ this.plug(Y.zui.RAScroll);
+ },
+
+ destructor: function () {
+ this.unsync('selectedIndex', this.pages, 'index');
+ this.unplug(Y.zui.RAScroll);
+ this._bcrEventHandlers.detach();
+ delete this._bcrEventHandlers;
+ },
+
+ renderUI: function () {
+ var parent = this.get('indexNode') || this.get('boundingBox'),
+ box = parent.appendChild(HTMLS.INDEXBOX),
+ all = this.pages.get('total'),
+ index = this.get('contentBox').getData('selected-index') || 0,
+ I;
+
+ this._indexes = [];
+ for (I=0;I li'
+ */
+ pageNode: {
+ value: '> li',
+ writeOnce: true,
+ lazyAdd: false,
+ setter: function (V) {
+ this._pageCSS = V;
+ return this.get('contentBox').all(V);
+ }
+ },
+
+ /**
+ * Specify how many items in a page.
+ *
+ * @attribute pageItems
+ * @type {{Number}}
+ * @default 1
+ */
+ pageItems: {
+ value: 1,
+ lazyAdd: false,
+ writeOnce: true,
+ validator: Y.Lang.isNumber,
+ setter: function (V) {
+ var v = Math.max(1, Math.floor(V));
+
+ this.plug(Y.zui.ScrollSnapper, {selector: this._pageCSS + ((v > 1) ? (':nth-child(' + v + 'n+1)') : '')});
+ return v;
+ }
+ },
+
+ /**
+ * Specify page indicator parent Node. If the Node can not be found or omitted, the indicator will be appended into the boundingBox.
+ *
+ * @attribute indexNode
+ * @type {{String|Node}}
+ */
+ indexNode: {
+ writeOnce: true,
+ setter: Y.one
+ },
+
+ /**
+ * Specify wording for left button
+ *
+ * @attribute textRight
+ * @type {{String}}
+ */
+ textRight: {
+ value: '',
+ writeOnce: true
+ },
+
+ /**
+ * Specify wording for left button
+ *
+ * @attribute textLeft
+ * @type {{String}}
+ */
+ textLeft: {
+ value: '',
+ writeOnce: true
+ },
+
+ /**
+ * Display left button and right botton when set to true.
+ *
+ * @attribute showButtons
+ * @type Boolean
+ * @default true
+ */
+ showButtons: {
+ value: true,
+ lazyAdd: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ this.get('boundingBox').toggleClass(CLASSES.SHOWBUTTON, V);
+ return V;
+ }
+ },
+
+ /**
+ * selectd page index, start from 0.
+ *
+ * @attribute selectedIndex
+ * @type Number
+ * @default 0
+ */
+ selectedIndex: {
+ setter: function (V) {
+ var pages = this._indexes,
+ oldV = this.get('selectedIndex'),
+ old = pages ? pages[oldV] : undefined,
+ O = pages ? pages[V] : undefined;
+
+ if (O && (old !== O)) {
+ if (old) {
+ old.removeClass(CLASSES.INDEXON);
+ }
+ O.addClass(CLASSES.INDEXON);
+
+ this._updateButtons(V);
+
+ return V * 1;
+ }
+
+ return oldV;
+ }
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @static
+ * @protected
+ * @type Object
+ */
+ HTML_PARSER: {
+ pageItems: function (srcNode) {
+ var pi = srcNode.getData('page-items');
+ return pi ? pi * 1 : 1;
+ },
+ pageNode: function (srcNode) {
+ try {
+ this.setAttrs(Y.JSON.parse(srcNode.getData('cfg-scroll')));
+ } catch (e) {
+ }
+ return srcNode.getData('page-node');
+ },
+ textLeft: function (srcNode) {
+ return srcNode.getData('text-left') || '';
+ },
+ textRight: function (srcNode) {
+ return srcNode.getData('text-right') || '';
+ },
+ indexNode: function (srcNode) {
+ return srcNode.getData('index-node');
+ },
+ showButtons: function (srcNode) {
+ return srcNode.getData('show-buttons') !== 'false';
+ }
+ }
+});
+
+Y.namespace('Bottle').Carousel = Carousel;
+
+
+}, '@VERSION@' ,{requires:['gallery-bt-syncscroll', 'gallery-zui-rascroll', 'gallery-zui-scrollsnapper', 'gallery-zui-attribute', 'gallery-zui-scrollhelper']});
diff --git a/build/gallery-bt-carousel/gallery-bt-carousel-min.js b/build/gallery-bt-carousel/gallery-bt-carousel-min.js
new file mode 100644
index 0000000000..ae157a3416
--- /dev/null
+++ b/build/gallery-bt-carousel/gallery-bt-carousel-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bt-carousel",function(e){var a="widthChange",c="bcr_",f={INDEXBOX:c+"indexbox",INDEXITEM:c+"indexitem",INDEXON:c+"on",LEFT:c+"btnl",RIGHT:c+"btnr",SHOWBUTTON:c+"showbtn",BUTTONOFF:c+"off"},b={INDEXBOX:'
',RIGHT:'
'},d=e.Base.create("btcarousel",e.ScrollView,[e.Bottle.SyncScroll,e.zui.Attribute],{initializer:function(){this.set("syncScrollMethod",this._updatePages);this.plug(e.zui.RAScroll);},destructor:function(){this.unsync("selectedIndex",this.pages,"index");this.unplug(e.zui.RAScroll);this._bcrEventHandlers.detach();delete this._bcrEventHandlers;},renderUI:function(){var j=this.get("indexNode")||this.get("boundingBox"),k=j.appendChild(b.INDEXBOX),i=this.pages.get("total"),h=this.get("contentBox").getData("selected-index")||0,g;this._indexes=[];for(g=0;g li",writeOnce:true,lazyAdd:false,setter:function(g){this._pageCSS=g;return this.get("contentBox").all(g);}},pageItems:{value:1,lazyAdd:false,writeOnce:true,validator:e.Lang.isNumber,setter:function(g){var h=Math.max(1,Math.floor(g));this.plug(e.zui.ScrollSnapper,{selector:this._pageCSS+((h>1)?(":nth-child("+h+"n+1)"):"")});return h;}},indexNode:{writeOnce:true,setter:e.one},textRight:{value:"",writeOnce:true},textLeft:{value:"",writeOnce:true},showButtons:{value:true,lazyAdd:false,validator:e.Lang.isBoolean,setter:function(g){this.get("boundingBox").toggleClass(f.SHOWBUTTON,g);return g;}},selectedIndex:{setter:function(i){var g=this._indexes,k=this.get("selectedIndex"),h=g?g[k]:undefined,j=g?g[i]:undefined;if(j&&(h!==j)){if(h){h.removeClass(f.INDEXON);}j.addClass(f.INDEXON);this._updateButtons(i);return i*1;}return k;}}},HTML_PARSER:{pageItems:function(h){var g=h.getData("page-items");return g?g*1:1;},pageNode:function(h){try{this.setAttrs(e.JSON.parse(h.getData("cfg-scroll")));}catch(g){}return h.getData("page-node");},textLeft:function(g){return g.getData("text-left")||"";},textRight:function(g){return g.getData("text-right")||"";},indexNode:function(g){return g.getData("index-node");},showButtons:function(g){return g.getData("show-buttons")!=="false";}}});e.namespace("Bottle").Carousel=d;},"@VERSION@",{requires:["gallery-bt-syncscroll","gallery-zui-rascroll","gallery-zui-scrollsnapper","gallery-zui-attribute","gallery-zui-scrollhelper"]});
\ No newline at end of file
diff --git a/build/gallery-bt-carousel/gallery-bt-carousel.js b/build/gallery-bt-carousel/gallery-bt-carousel.js
new file mode 100644
index 0000000000..162ce01bd4
--- /dev/null
+++ b/build/gallery-bt-carousel/gallery-bt-carousel.js
@@ -0,0 +1,308 @@
+YUI.add('gallery-bt-carousel', function(Y) {
+
+/**
+ * Provide Carousel class to rendering a lot of photo in many kinds of layout
+ *
+ * @module gallery-bt-carousel
+ * @static
+ */
+
+var WIDTH_CHANGE = 'widthChange',
+
+ PREFIX = 'bcr_',
+
+ CLASSES = {
+ INDEXBOX: PREFIX + 'indexbox',
+ INDEXITEM: PREFIX + 'indexitem',
+ INDEXON: PREFIX + 'on',
+ LEFT: PREFIX + 'btnl',
+ RIGHT: PREFIX + 'btnr',
+ SHOWBUTTON: PREFIX + 'showbtn',
+ BUTTONOFF: PREFIX + 'off'
+ },
+
+ HTMLS = {
+ INDEXBOX: '
',
+ RIGHT: '
'
+ },
+
+/**
+ * Carousel is a Widget which can help you to render a lot of photo in different patterns.
+ *
+ * @class Carousel
+ * @constructor
+ * @namespace Bottle
+ * @extends ScrollView
+ * @uses Bottle.SyncScroll
+ * @uses Y.zui.Attribute
+ * @param [config] {Object} Object literal with initial attribute values
+ */
+Carousel = Y.Base.create('btcarousel', Y.ScrollView, [Y.Bottle.SyncScroll, Y.zui.Attribute], {
+ initializer: function () {
+ this.set('syncScrollMethod', this._updatePages);
+ this.plug(Y.zui.RAScroll);
+ },
+
+ destructor: function () {
+ this.unsync('selectedIndex', this.pages, 'index');
+ this.unplug(Y.zui.RAScroll);
+ this._bcrEventHandlers.detach();
+ delete this._bcrEventHandlers;
+ },
+
+ renderUI: function () {
+ var parent = this.get('indexNode') || this.get('boundingBox'),
+ box = parent.appendChild(HTMLS.INDEXBOX),
+ all = this.pages.get('total'),
+ index = this.get('contentBox').getData('selected-index') || 0,
+ I;
+
+ this._indexes = [];
+ for (I=0;I li'
+ */
+ pageNode: {
+ value: '> li',
+ writeOnce: true,
+ lazyAdd: false,
+ setter: function (V) {
+ this._pageCSS = V;
+ return this.get('contentBox').all(V);
+ }
+ },
+
+ /**
+ * Specify how many items in a page.
+ *
+ * @attribute pageItems
+ * @type {{Number}}
+ * @default 1
+ */
+ pageItems: {
+ value: 1,
+ lazyAdd: false,
+ writeOnce: true,
+ validator: Y.Lang.isNumber,
+ setter: function (V) {
+ var v = Math.max(1, Math.floor(V));
+
+ this.plug(Y.zui.ScrollSnapper, {selector: this._pageCSS + ((v > 1) ? (':nth-child(' + v + 'n+1)') : '')});
+ return v;
+ }
+ },
+
+ /**
+ * Specify page indicator parent Node. If the Node can not be found or omitted, the indicator will be appended into the boundingBox.
+ *
+ * @attribute indexNode
+ * @type {{String|Node}}
+ */
+ indexNode: {
+ writeOnce: true,
+ setter: Y.one
+ },
+
+ /**
+ * Specify wording for left button
+ *
+ * @attribute textRight
+ * @type {{String}}
+ */
+ textRight: {
+ value: '',
+ writeOnce: true
+ },
+
+ /**
+ * Specify wording for left button
+ *
+ * @attribute textLeft
+ * @type {{String}}
+ */
+ textLeft: {
+ value: '',
+ writeOnce: true
+ },
+
+ /**
+ * Display left button and right botton when set to true.
+ *
+ * @attribute showButtons
+ * @type Boolean
+ * @default true
+ */
+ showButtons: {
+ value: true,
+ lazyAdd: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ this.get('boundingBox').toggleClass(CLASSES.SHOWBUTTON, V);
+ return V;
+ }
+ },
+
+ /**
+ * selectd page index, start from 0.
+ *
+ * @attribute selectedIndex
+ * @type Number
+ * @default 0
+ */
+ selectedIndex: {
+ setter: function (V) {
+ var pages = this._indexes,
+ oldV = this.get('selectedIndex'),
+ old = pages ? pages[oldV] : undefined,
+ O = pages ? pages[V] : undefined;
+
+ if (O && (old !== O)) {
+ if (old) {
+ old.removeClass(CLASSES.INDEXON);
+ }
+ O.addClass(CLASSES.INDEXON);
+
+ this._updateButtons(V);
+
+ return V * 1;
+ }
+
+ return oldV;
+ }
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @static
+ * @protected
+ * @type Object
+ */
+ HTML_PARSER: {
+ pageItems: function (srcNode) {
+ var pi = srcNode.getData('page-items');
+ return pi ? pi * 1 : 1;
+ },
+ pageNode: function (srcNode) {
+ try {
+ this.setAttrs(Y.JSON.parse(srcNode.getData('cfg-scroll')));
+ } catch (e) {
+ }
+ return srcNode.getData('page-node');
+ },
+ textLeft: function (srcNode) {
+ return srcNode.getData('text-left') || '';
+ },
+ textRight: function (srcNode) {
+ return srcNode.getData('text-right') || '';
+ },
+ indexNode: function (srcNode) {
+ return srcNode.getData('index-node');
+ },
+ showButtons: function (srcNode) {
+ return srcNode.getData('show-buttons') !== 'false';
+ }
+ }
+});
+
+Y.namespace('Bottle').Carousel = Carousel;
+
+
+}, '@VERSION@' ,{requires:['gallery-bt-syncscroll', 'gallery-zui-rascroll', 'gallery-zui-scrollsnapper', 'gallery-zui-attribute', 'gallery-zui-scrollhelper']});
diff --git a/build/gallery-bt-container/assets/gallery-bottle-core.css b/build/gallery-bt-container/assets/gallery-bottle-core.css
new file mode 100644
index 0000000000..564231bc67
--- /dev/null
+++ b/build/gallery-bt-container/assets/gallery-bottle-core.css
@@ -0,0 +1,38 @@
+html{height:100%}
+body{position:relative}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}
+.bt_posfixed div{height:100px;width:100%;position:relative}
+.bt_posfixed span{position:fixed;top:1px}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}
+.yui3-btcontainer{position:absolute;width:100%}
+.btp-native .yui3-btcontainer{position:relative}
+.bt-header, .bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut, .yui3-btoverlay {position:absolute}
+.yui3-btshortcut-hidden, .yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled, .yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.bst_slidebox {overflow:hidden}
+.bst_slide {position:relative}
+.bst_slide li {display:inline-block}
+.bst_tab {position:relative}
+.bst_tab > * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bt-container/gallery-bt-container-coverage.js b/build/gallery-bt-container/gallery-bt-container-coverage.js
new file mode 100644
index 0000000000..638a4ee969
--- /dev/null
+++ b/build/gallery-bt-container/gallery-bt-container-coverage.js
@@ -0,0 +1,478 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bt-container/gallery-bt-container.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bt-container/gallery-bt-container.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bt-container/gallery-bt-container.js"].code=["YUI.add('gallery-bt-container', function(Y) {","","/**"," * This module provides Container Widget which can handle scrollView with/without header/footer."," * "," * @module gallery-bt-container"," */","var HEIGHT_CHANGE = 'heightChange',"," WIDTH_CHANGE = 'widthChange',"," fixedPos = Y.Bottle.Device.getPositionFixedSupport(),",""," handleFixPos = function (header, fixed, nativeScroll) {"," var node,"," pfix = fixed && fixedPos,"," ns = (nativeScroll !== undefined) ? nativeScroll : this.get('nativeScroll');",""," if (this.get('scrollView')) {"," node = this.get(header ? 'headerNode' : 'footerNode');",""," if (node) {"," node.setStyles({"," position: (ns && pfix) ? 'fixed' : '',"," top: (header && ns && pfix) ? 0 : '',"," bottom: (!header && ns && pfix) ? 0 : '',"," zIndex: (ns && pfix) ? 50 : ''"," });",""," if (fixedPos) {"," this.get('scrollView').get('boundingBox').setStyle(header ? 'marginTop' : 'marginBottom', (fixed && ns) ? (node.get('offsetHeight') + 'px') : 0);"," }"," }",""," this.get(fixed ? 'srcNode' : 'scrollNode').insert(node, header ? 0 : undefined);",""," this._syncScrollHeight();"," }"," };","","/**"," * A class for constructing container instances."," *"," * @class Container"," * @param [config] {Object} Object literal with initial attribute values"," * @extends Widget"," * @namespace Bottle"," * @uses WidgetChild"," * @uses Y.zui.Attribute"," * @constructor"," */","Y.namespace('Bottle').Container = Y.Base.create('btcontainer', Y.Widget, [Y.WidgetChild, Y.zui.Attribute], {"," initializer: function (config) {"," /**"," * internal eventhandlers, keep for destructor"," *"," * @property _btcEventHandlers"," * @type EventHandle"," * @private"," */"," this._btcEventHandlers = new Y.EventHandle(["," this.after(HEIGHT_CHANGE, this._syncScrollHeight),"," this.on(WIDTH_CHANGE, this._syncScrollWidth)"," ]);"," },",""," destructor: function () {"," this._btcEventHandlers.detach();",""," if (this.get('rendered')) {"," this.get('scrollView').destroy(true);"," }",""," delete this._eventHandlers;"," },",""," renderUI: function () {"," var scrollNode = Y.Node.create(''),"," srcNode = this.get('srcNode'),"," headerNode = this.get('headerNode'),"," bodyNode = this.get('bodyNode'),"," footerNode = this.get('footerNode'),"," scrollView = new Y.ScrollView(Y.merge(this.get('cfgScroll'), {"," srcNode: scrollNode"," }));",""," this.set('scrollNode', scrollNode);"," this.set('scrollView', scrollView);",""," srcNode.append(scrollNode);"," scrollNode.append(headerNode);"," scrollNode.append(bodyNode);"," scrollNode.append(footerNode);"," scrollView.render();",""," // When HTML_PARSER running, there was no scrollView,"," // so we trigger value setter function again here."," this.set_again('headerFixed');"," this.set_again('footerFixed');"," this.set_again('translate3D');"," this.set_again('nativeScroll');"," },",""," /**"," * sync width of the scrollView with self"," *"," * @method _syncScrollWidth"," * @private"," */"," _syncScrollWidth: function (E) {"," var scroll = this.get('scrollView');",""," if (scroll) {"," scroll.set('width', E.newVal);"," }"," },",""," /**"," * Calculate and refresh height of the scrollView."," *"," * @method _syncScrollHeight"," * @protected"," */"," _syncScrollHeight: function () {"," var height = this.get('height'),"," scroll = this.get('scrollView');",""," if (!scroll || !height) {"," return;"," }",""," Y.later(1, this, function () {"," height -= scroll.get('boundingBox').get('offsetTop');",""," if (this.get('footerFixed')) {"," height -= this.get('footerNode').get('clientHeight');"," }"," scroll.set('height', height);"," });"," }","}, {"," /**"," * Static property used to define the default attribute configuration."," *"," * @property ATTRS"," * @protected"," * @static"," * @type Object"," */"," ATTRS: {"," /**"," * use browser native scroll and css3 position fixed"," *"," * @attribute nativeScroll"," * @type Boolean"," * @default false"," */"," nativeScroll: {"," value: false,"," validator: Y.Lang.isBoolean,"," setter: function (V) {"," var sv = this.get('scrollView');",""," if (sv) {"," sv.set('disabled', V);"," if (V) {"," sv.unplug(Y.zui.RAScroll);"," } else {"," sv.plug(Y.zui.RAScroll, {horizontal: false, cooperation: true});"," if (!Y.Bottle.Device.getTouchSupport()) {"," sv.plug(Y.zui.ScrollHelper);"," }"," }"," }",""," handleFixPos.apply(this, [true, this.get('headerFixed'), V]);"," handleFixPos.apply(this, [false, this.get('footerFixed'), V]);"," return V;"," }"," },",""," /**"," * header node of the container"," * "," * @attribute headerNode"," * @type Node"," * @writeOnce "," * @default undefined"," */"," headerNode: {"," value: undefined,"," writeOnce: true,"," setter: function (node) {"," var N = Y.one(node);"," if (N) {"," N.addClass('bt-header');"," this.set('headerFixed', N.getData('position') === 'fixed');"," return N;"," }"," }"," },",""," /**"," * footer node of the container"," *"," * @attribute footerNode"," * @type Node"," * @writeOnce "," * @default undefined"," */"," footerNode: {"," value: undefined,"," writeOnce: true,"," setter: function (node) {"," var N = Y.one(node);"," if (N) {"," N.addClass('bt-footer');"," this.set('footerFixed', N.getData('position') === 'fixed');"," return N;"," }"," }"," },",""," /**"," * body node of the container"," *"," * @attribute bodyNode"," * @type Node"," * @writeOnce "," * @default undefined"," */"," bodyNode: {"," writeOnce: true"," },",""," /**"," * A new node be created for scrollview. Scroll node contains bodyNode and none 'fixed' headerNode/footerNode."," *"," * @attribute scrollNode"," * @type Node"," * @writeOnce "," * @default undefined"," */"," scrollNode: {"," writeOnce: true"," },",""," /**"," * ScrollView in the container"," *"," * @attribute scrollView"," * @type ScrollView"," * @writeOnce "," * @default undefined"," */"," scrollView: {"," writeOnce: true"," },",""," /**"," * Configuration to create internal scrollView"," *"," * @attribute cfgScroll"," * @type Object"," * @writeOnce "," * @default {flick: {minDistance: 10, minVelocity: 0.3}}"," */"," cfgScroll: {"," value: {"," flick: {"," minDistance: 10,"," minVelocity: 0.3"," }"," },"," writeOnce: true,"," lazyAdd: false"," },",""," /**"," * Boolean indicating if hardware acceleration in scrollview"," * animation is disabled."," *"," * @attribute translate3D"," * @type Boolean"," * @default true"," */"," translate3D: {"," value: true,"," validator: Y.Lang.isBoolean,"," setter: function (V) {"," this.get('scrollNode').toggleClass('bt-translate3d', V);"," return V;"," }"," },",""," /**"," * Boolean indicating if header is fixed."," *"," * @attribute headerFixed"," * @type Boolean"," * @default false"," */"," headerFixed: {"," value: false,"," validator: Y.Lang.isBoolean,"," setter: function (fixed) {"," handleFixPos.apply(this, [true, fixed]);"," return fixed;"," }"," },",""," /**"," * Boolean indicating if footer is fixed."," *"," * @attribute footerFixed"," * @type Boolean"," * @default false"," */"," footerFixed: {"," value: false,"," validator: Y.Lang.isBoolean,"," setter: function (fixed) {"," handleFixPos.apply(this, [false, fixed]);"," return fixed;"," }"," }"," },",""," /**"," * Static property used to define the default HTML parsing rules"," *"," * @property HTML_PARSER"," * @protected"," * @static"," * @type Object"," */"," HTML_PARSER: {"," headerNode: '> [data-role=header]',"," bodyNode: '> [data-role=body]',"," footerNode: '> [data-role=footer]',",""," cfgScroll: function (srcNode) {"," try {"," return Y.JSON.parse(srcNode.getData('cfg-scroll'));"," } catch (e) {"," }"," },",""," translate3D: function (srcNode) {"," if (srcNode.getData('translate3d') === 'false') {"," return false;"," }"," return true;"," }"," }","});","","","}, '@VERSION@' ,{requires:['scrollview', 'widget-child', 'json-parse', 'gallery-zui-attribute', 'gallery-zui-rascroll', 'gallery-zui-scrollhelper', 'gallery-bt-device']});"];
+_yuitest_coverage["/build/gallery-bt-container/gallery-bt-container.js"].lines = {"1":0,"8":0,"13":0,"17":0,"18":0,"20":0,"21":0,"28":0,"29":0,"33":0,"35":0,"50":0,"59":0,"66":0,"68":0,"69":0,"72":0,"76":0,"85":0,"86":0,"88":0,"89":0,"90":0,"91":0,"92":0,"96":0,"97":0,"98":0,"99":0,"109":0,"111":0,"112":0,"123":0,"126":0,"127":0,"130":0,"131":0,"133":0,"134":0,"136":0,"160":0,"162":0,"163":0,"164":0,"165":0,"167":0,"168":0,"169":0,"174":0,"175":0,"176":0,"192":0,"193":0,"194":0,"195":0,"196":0,"213":0,"214":0,"215":0,"216":0,"217":0,"289":0,"290":0,"305":0,"306":0,"321":0,"322":0,"341":0,"342":0,"348":0,"349":0,"351":0};
+_yuitest_coverage["/build/gallery-bt-container/gallery-bt-container.js"].functions = {"handleFixPos:12":0,"initializer:51":0,"destructor:65":0,"renderUI:75":0,"_syncScrollWidth:108":0,"(anonymous 2):130":0,"_syncScrollHeight:122":0,"setter:159":0,"setter:191":0,"setter:212":0,"setter:288":0,"setter:304":0,"setter:320":0,"cfgScroll:340":0,"translate3D:347":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bt-container/gallery-bt-container.js"].coveredLines = 72;
+_yuitest_coverage["/build/gallery-bt-container/gallery-bt-container.js"].coveredFunctions = 16;
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 1);
+YUI.add('gallery-bt-container', function(Y) {
+
+/**
+ * This module provides Container Widget which can handle scrollView with/without header/footer.
+ *
+ * @module gallery-bt-container
+ */
+_yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 8);
+var HEIGHT_CHANGE = 'heightChange',
+ WIDTH_CHANGE = 'widthChange',
+ fixedPos = Y.Bottle.Device.getPositionFixedSupport(),
+
+ handleFixPos = function (header, fixed, nativeScroll) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "handleFixPos", 12);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 13);
+var node,
+ pfix = fixed && fixedPos,
+ ns = (nativeScroll !== undefined) ? nativeScroll : this.get('nativeScroll');
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 17);
+if (this.get('scrollView')) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 18);
+node = this.get(header ? 'headerNode' : 'footerNode');
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 20);
+if (node) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 21);
+node.setStyles({
+ position: (ns && pfix) ? 'fixed' : '',
+ top: (header && ns && pfix) ? 0 : '',
+ bottom: (!header && ns && pfix) ? 0 : '',
+ zIndex: (ns && pfix) ? 50 : ''
+ });
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 28);
+if (fixedPos) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 29);
+this.get('scrollView').get('boundingBox').setStyle(header ? 'marginTop' : 'marginBottom', (fixed && ns) ? (node.get('offsetHeight') + 'px') : 0);
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 33);
+this.get(fixed ? 'srcNode' : 'scrollNode').insert(node, header ? 0 : undefined);
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 35);
+this._syncScrollHeight();
+ }
+ };
+
+/**
+ * A class for constructing container instances.
+ *
+ * @class Container
+ * @param [config] {Object} Object literal with initial attribute values
+ * @extends Widget
+ * @namespace Bottle
+ * @uses WidgetChild
+ * @uses Y.zui.Attribute
+ * @constructor
+ */
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 50);
+Y.namespace('Bottle').Container = Y.Base.create('btcontainer', Y.Widget, [Y.WidgetChild, Y.zui.Attribute], {
+ initializer: function (config) {
+ /**
+ * internal eventhandlers, keep for destructor
+ *
+ * @property _btcEventHandlers
+ * @type EventHandle
+ * @private
+ */
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "initializer", 51);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 59);
+this._btcEventHandlers = new Y.EventHandle([
+ this.after(HEIGHT_CHANGE, this._syncScrollHeight),
+ this.on(WIDTH_CHANGE, this._syncScrollWidth)
+ ]);
+ },
+
+ destructor: function () {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "destructor", 65);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 66);
+this._btcEventHandlers.detach();
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 68);
+if (this.get('rendered')) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 69);
+this.get('scrollView').destroy(true);
+ }
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 72);
+delete this._eventHandlers;
+ },
+
+ renderUI: function () {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "renderUI", 75);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 76);
+var scrollNode = Y.Node.create(''),
+ srcNode = this.get('srcNode'),
+ headerNode = this.get('headerNode'),
+ bodyNode = this.get('bodyNode'),
+ footerNode = this.get('footerNode'),
+ scrollView = new Y.ScrollView(Y.merge(this.get('cfgScroll'), {
+ srcNode: scrollNode
+ }));
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 85);
+this.set('scrollNode', scrollNode);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 86);
+this.set('scrollView', scrollView);
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 88);
+srcNode.append(scrollNode);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 89);
+scrollNode.append(headerNode);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 90);
+scrollNode.append(bodyNode);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 91);
+scrollNode.append(footerNode);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 92);
+scrollView.render();
+
+ // When HTML_PARSER running, there was no scrollView,
+ // so we trigger value setter function again here.
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 96);
+this.set_again('headerFixed');
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 97);
+this.set_again('footerFixed');
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 98);
+this.set_again('translate3D');
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 99);
+this.set_again('nativeScroll');
+ },
+
+ /**
+ * sync width of the scrollView with self
+ *
+ * @method _syncScrollWidth
+ * @private
+ */
+ _syncScrollWidth: function (E) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "_syncScrollWidth", 108);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 109);
+var scroll = this.get('scrollView');
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 111);
+if (scroll) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 112);
+scroll.set('width', E.newVal);
+ }
+ },
+
+ /**
+ * Calculate and refresh height of the scrollView.
+ *
+ * @method _syncScrollHeight
+ * @protected
+ */
+ _syncScrollHeight: function () {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "_syncScrollHeight", 122);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 123);
+var height = this.get('height'),
+ scroll = this.get('scrollView');
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 126);
+if (!scroll || !height) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 127);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 130);
+Y.later(1, this, function () {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "(anonymous 2)", 130);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 131);
+height -= scroll.get('boundingBox').get('offsetTop');
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 133);
+if (this.get('footerFixed')) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 134);
+height -= this.get('footerNode').get('clientHeight');
+ }
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 136);
+scroll.set('height', height);
+ });
+ }
+}, {
+ /**
+ * Static property used to define the default attribute configuration.
+ *
+ * @property ATTRS
+ * @protected
+ * @static
+ * @type Object
+ */
+ ATTRS: {
+ /**
+ * use browser native scroll and css3 position fixed
+ *
+ * @attribute nativeScroll
+ * @type Boolean
+ * @default false
+ */
+ nativeScroll: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "setter", 159);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 160);
+var sv = this.get('scrollView');
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 162);
+if (sv) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 163);
+sv.set('disabled', V);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 164);
+if (V) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 165);
+sv.unplug(Y.zui.RAScroll);
+ } else {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 167);
+sv.plug(Y.zui.RAScroll, {horizontal: false, cooperation: true});
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 168);
+if (!Y.Bottle.Device.getTouchSupport()) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 169);
+sv.plug(Y.zui.ScrollHelper);
+ }
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 174);
+handleFixPos.apply(this, [true, this.get('headerFixed'), V]);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 175);
+handleFixPos.apply(this, [false, this.get('footerFixed'), V]);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 176);
+return V;
+ }
+ },
+
+ /**
+ * header node of the container
+ *
+ * @attribute headerNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ headerNode: {
+ value: undefined,
+ writeOnce: true,
+ setter: function (node) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "setter", 191);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 192);
+var N = Y.one(node);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 193);
+if (N) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 194);
+N.addClass('bt-header');
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 195);
+this.set('headerFixed', N.getData('position') === 'fixed');
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 196);
+return N;
+ }
+ }
+ },
+
+ /**
+ * footer node of the container
+ *
+ * @attribute footerNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ footerNode: {
+ value: undefined,
+ writeOnce: true,
+ setter: function (node) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "setter", 212);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 213);
+var N = Y.one(node);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 214);
+if (N) {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 215);
+N.addClass('bt-footer');
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 216);
+this.set('footerFixed', N.getData('position') === 'fixed');
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 217);
+return N;
+ }
+ }
+ },
+
+ /**
+ * body node of the container
+ *
+ * @attribute bodyNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ bodyNode: {
+ writeOnce: true
+ },
+
+ /**
+ * A new node be created for scrollview. Scroll node contains bodyNode and none 'fixed' headerNode/footerNode.
+ *
+ * @attribute scrollNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ scrollNode: {
+ writeOnce: true
+ },
+
+ /**
+ * ScrollView in the container
+ *
+ * @attribute scrollView
+ * @type ScrollView
+ * @writeOnce
+ * @default undefined
+ */
+ scrollView: {
+ writeOnce: true
+ },
+
+ /**
+ * Configuration to create internal scrollView
+ *
+ * @attribute cfgScroll
+ * @type Object
+ * @writeOnce
+ * @default {flick: {minDistance: 10, minVelocity: 0.3}}
+ */
+ cfgScroll: {
+ value: {
+ flick: {
+ minDistance: 10,
+ minVelocity: 0.3
+ }
+ },
+ writeOnce: true,
+ lazyAdd: false
+ },
+
+ /**
+ * Boolean indicating if hardware acceleration in scrollview
+ * animation is disabled.
+ *
+ * @attribute translate3D
+ * @type Boolean
+ * @default true
+ */
+ translate3D: {
+ value: true,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "setter", 288);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 289);
+this.get('scrollNode').toggleClass('bt-translate3d', V);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 290);
+return V;
+ }
+ },
+
+ /**
+ * Boolean indicating if header is fixed.
+ *
+ * @attribute headerFixed
+ * @type Boolean
+ * @default false
+ */
+ headerFixed: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (fixed) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "setter", 304);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 305);
+handleFixPos.apply(this, [true, fixed]);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 306);
+return fixed;
+ }
+ },
+
+ /**
+ * Boolean indicating if footer is fixed.
+ *
+ * @attribute footerFixed
+ * @type Boolean
+ * @default false
+ */
+ footerFixed: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (fixed) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "setter", 320);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 321);
+handleFixPos.apply(this, [false, fixed]);
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 322);
+return fixed;
+ }
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @protected
+ * @static
+ * @type Object
+ */
+ HTML_PARSER: {
+ headerNode: '> [data-role=header]',
+ bodyNode: '> [data-role=body]',
+ footerNode: '> [data-role=footer]',
+
+ cfgScroll: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "cfgScroll", 340);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 341);
+try {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 342);
+return Y.JSON.parse(srcNode.getData('cfg-scroll'));
+ } catch (e) {
+ }
+ },
+
+ translate3D: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-container/gallery-bt-container.js", "translate3D", 347);
+_yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 348);
+if (srcNode.getData('translate3d') === 'false') {
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 349);
+return false;
+ }
+ _yuitest_coverline("/build/gallery-bt-container/gallery-bt-container.js", 351);
+return true;
+ }
+ }
+});
+
+
+}, '@VERSION@' ,{requires:['scrollview', 'widget-child', 'json-parse', 'gallery-zui-attribute', 'gallery-zui-rascroll', 'gallery-zui-scrollhelper', 'gallery-bt-device']});
diff --git a/build/gallery-bt-container/gallery-bt-container-debug.js b/build/gallery-bt-container/gallery-bt-container-debug.js
new file mode 100644
index 0000000000..161109760c
--- /dev/null
+++ b/build/gallery-bt-container/gallery-bt-container-debug.js
@@ -0,0 +1,357 @@
+YUI.add('gallery-bt-container', function(Y) {
+
+/**
+ * This module provides Container Widget which can handle scrollView with/without header/footer.
+ *
+ * @module gallery-bt-container
+ */
+var HEIGHT_CHANGE = 'heightChange',
+ WIDTH_CHANGE = 'widthChange',
+ fixedPos = Y.Bottle.Device.getPositionFixedSupport(),
+
+ handleFixPos = function (header, fixed, nativeScroll) {
+ var node,
+ pfix = fixed && fixedPos,
+ ns = (nativeScroll !== undefined) ? nativeScroll : this.get('nativeScroll');
+
+ if (this.get('scrollView')) {
+ node = this.get(header ? 'headerNode' : 'footerNode');
+
+ if (node) {
+ node.setStyles({
+ position: (ns && pfix) ? 'fixed' : '',
+ top: (header && ns && pfix) ? 0 : '',
+ bottom: (!header && ns && pfix) ? 0 : '',
+ zIndex: (ns && pfix) ? 50 : ''
+ });
+
+ if (fixedPos) {
+ this.get('scrollView').get('boundingBox').setStyle(header ? 'marginTop' : 'marginBottom', (fixed && ns) ? (node.get('offsetHeight') + 'px') : 0);
+ }
+ }
+
+ this.get(fixed ? 'srcNode' : 'scrollNode').insert(node, header ? 0 : undefined);
+
+ this._syncScrollHeight();
+ }
+ };
+
+/**
+ * A class for constructing container instances.
+ *
+ * @class Container
+ * @param [config] {Object} Object literal with initial attribute values
+ * @extends Widget
+ * @namespace Bottle
+ * @uses WidgetChild
+ * @uses Y.zui.Attribute
+ * @constructor
+ */
+Y.namespace('Bottle').Container = Y.Base.create('btcontainer', Y.Widget, [Y.WidgetChild, Y.zui.Attribute], {
+ initializer: function (config) {
+ /**
+ * internal eventhandlers, keep for destructor
+ *
+ * @property _btcEventHandlers
+ * @type EventHandle
+ * @private
+ */
+ this._btcEventHandlers = new Y.EventHandle([
+ this.after(HEIGHT_CHANGE, this._syncScrollHeight),
+ this.on(WIDTH_CHANGE, this._syncScrollWidth)
+ ]);
+ },
+
+ destructor: function () {
+ this._btcEventHandlers.detach();
+
+ if (this.get('rendered')) {
+ this.get('scrollView').destroy(true);
+ }
+
+ delete this._eventHandlers;
+ },
+
+ renderUI: function () {
+ var scrollNode = Y.Node.create(''),
+ srcNode = this.get('srcNode'),
+ headerNode = this.get('headerNode'),
+ bodyNode = this.get('bodyNode'),
+ footerNode = this.get('footerNode'),
+ scrollView = new Y.ScrollView(Y.merge(this.get('cfgScroll'), {
+ srcNode: scrollNode
+ }));
+
+ this.set('scrollNode', scrollNode);
+ this.set('scrollView', scrollView);
+
+ srcNode.append(scrollNode);
+ scrollNode.append(headerNode);
+ scrollNode.append(bodyNode);
+ scrollNode.append(footerNode);
+ scrollView.render();
+
+ // When HTML_PARSER running, there was no scrollView,
+ // so we trigger value setter function again here.
+ this.set_again('headerFixed');
+ this.set_again('footerFixed');
+ this.set_again('translate3D');
+ this.set_again('nativeScroll');
+ },
+
+ /**
+ * sync width of the scrollView with self
+ *
+ * @method _syncScrollWidth
+ * @private
+ */
+ _syncScrollWidth: function (E) {
+ var scroll = this.get('scrollView');
+
+ if (scroll) {
+ scroll.set('width', E.newVal);
+ }
+ },
+
+ /**
+ * Calculate and refresh height of the scrollView.
+ *
+ * @method _syncScrollHeight
+ * @protected
+ */
+ _syncScrollHeight: function () {
+ var height = this.get('height'),
+ scroll = this.get('scrollView');
+
+ if (!scroll || !height) {
+ return;
+ }
+
+ Y.later(1, this, function () {
+ height -= scroll.get('boundingBox').get('offsetTop');
+
+ if (this.get('footerFixed')) {
+ height -= this.get('footerNode').get('clientHeight');
+ }
+ scroll.set('height', height);
+ });
+ }
+}, {
+ /**
+ * Static property used to define the default attribute configuration.
+ *
+ * @property ATTRS
+ * @protected
+ * @static
+ * @type Object
+ */
+ ATTRS: {
+ /**
+ * use browser native scroll and css3 position fixed
+ *
+ * @attribute nativeScroll
+ * @type Boolean
+ * @default false
+ */
+ nativeScroll: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ var sv = this.get('scrollView');
+
+ if (sv) {
+ sv.set('disabled', V);
+ if (V) {
+ sv.unplug(Y.zui.RAScroll);
+ } else {
+ sv.plug(Y.zui.RAScroll, {horizontal: false, cooperation: true});
+ if (!Y.Bottle.Device.getTouchSupport()) {
+ sv.plug(Y.zui.ScrollHelper);
+ }
+ }
+ }
+
+ handleFixPos.apply(this, [true, this.get('headerFixed'), V]);
+ handleFixPos.apply(this, [false, this.get('footerFixed'), V]);
+ return V;
+ }
+ },
+
+ /**
+ * header node of the container
+ *
+ * @attribute headerNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ headerNode: {
+ value: undefined,
+ writeOnce: true,
+ setter: function (node) {
+ var N = Y.one(node);
+ if (N) {
+ N.addClass('bt-header');
+ this.set('headerFixed', N.getData('position') === 'fixed');
+ return N;
+ }
+ }
+ },
+
+ /**
+ * footer node of the container
+ *
+ * @attribute footerNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ footerNode: {
+ value: undefined,
+ writeOnce: true,
+ setter: function (node) {
+ var N = Y.one(node);
+ if (N) {
+ N.addClass('bt-footer');
+ this.set('footerFixed', N.getData('position') === 'fixed');
+ return N;
+ }
+ }
+ },
+
+ /**
+ * body node of the container
+ *
+ * @attribute bodyNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ bodyNode: {
+ writeOnce: true
+ },
+
+ /**
+ * A new node be created for scrollview. Scroll node contains bodyNode and none 'fixed' headerNode/footerNode.
+ *
+ * @attribute scrollNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ scrollNode: {
+ writeOnce: true
+ },
+
+ /**
+ * ScrollView in the container
+ *
+ * @attribute scrollView
+ * @type ScrollView
+ * @writeOnce
+ * @default undefined
+ */
+ scrollView: {
+ writeOnce: true
+ },
+
+ /**
+ * Configuration to create internal scrollView
+ *
+ * @attribute cfgScroll
+ * @type Object
+ * @writeOnce
+ * @default {flick: {minDistance: 10, minVelocity: 0.3}}
+ */
+ cfgScroll: {
+ value: {
+ flick: {
+ minDistance: 10,
+ minVelocity: 0.3
+ }
+ },
+ writeOnce: true,
+ lazyAdd: false
+ },
+
+ /**
+ * Boolean indicating if hardware acceleration in scrollview
+ * animation is disabled.
+ *
+ * @attribute translate3D
+ * @type Boolean
+ * @default true
+ */
+ translate3D: {
+ value: true,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ this.get('scrollNode').toggleClass('bt-translate3d', V);
+ return V;
+ }
+ },
+
+ /**
+ * Boolean indicating if header is fixed.
+ *
+ * @attribute headerFixed
+ * @type Boolean
+ * @default false
+ */
+ headerFixed: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (fixed) {
+ handleFixPos.apply(this, [true, fixed]);
+ return fixed;
+ }
+ },
+
+ /**
+ * Boolean indicating if footer is fixed.
+ *
+ * @attribute footerFixed
+ * @type Boolean
+ * @default false
+ */
+ footerFixed: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (fixed) {
+ handleFixPos.apply(this, [false, fixed]);
+ return fixed;
+ }
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @protected
+ * @static
+ * @type Object
+ */
+ HTML_PARSER: {
+ headerNode: '> [data-role=header]',
+ bodyNode: '> [data-role=body]',
+ footerNode: '> [data-role=footer]',
+
+ cfgScroll: function (srcNode) {
+ try {
+ return Y.JSON.parse(srcNode.getData('cfg-scroll'));
+ } catch (e) {
+ }
+ },
+
+ translate3D: function (srcNode) {
+ if (srcNode.getData('translate3d') === 'false') {
+ return false;
+ }
+ return true;
+ }
+ }
+});
+
+
+}, '@VERSION@' ,{requires:['scrollview', 'widget-child', 'json-parse', 'gallery-zui-attribute', 'gallery-zui-rascroll', 'gallery-zui-scrollhelper', 'gallery-bt-device']});
diff --git a/build/gallery-bt-container/gallery-bt-container-min.js b/build/gallery-bt-container/gallery-bt-container-min.js
new file mode 100644
index 0000000000..b4603288e4
--- /dev/null
+++ b/build/gallery-bt-container/gallery-bt-container-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bt-container",function(e){var a="heightChange",c="widthChange",b=e.Bottle.Device.getPositionFixedSupport(),d=function(k,j,h){var i,g=j&&b,f=(h!==undefined)?h:this.get("nativeScroll");if(this.get("scrollView")){i=this.get(k?"headerNode":"footerNode");if(i){i.setStyles({position:(f&&g)?"fixed":"",top:(k&&f&&g)?0:"",bottom:(!k&&f&&g)?0:"",zIndex:(f&&g)?50:""});if(b){this.get("scrollView").get("boundingBox").setStyle(k?"marginTop":"marginBottom",(j&&f)?(i.get("offsetHeight")+"px"):0);}}this.get(j?"srcNode":"scrollNode").insert(i,k?0:undefined);this._syncScrollHeight();}};e.namespace("Bottle").Container=e.Base.create("btcontainer",e.Widget,[e.WidgetChild,e.zui.Attribute],{initializer:function(f){this._btcEventHandlers=new e.EventHandle([this.after(a,this._syncScrollHeight),this.on(c,this._syncScrollWidth)]);},destructor:function(){this._btcEventHandlers.detach();if(this.get("rendered")){this.get("scrollView").destroy(true);}delete this._eventHandlers;},renderUI:function(){var j=e.Node.create(''),k=this.get("srcNode"),h=this.get("headerNode"),i=this.get("bodyNode"),f=this.get("footerNode"),g=new e.ScrollView(e.merge(this.get("cfgScroll"),{srcNode:j}));this.set("scrollNode",j);this.set("scrollView",g);k.append(j);j.append(h);j.append(i);j.append(f);g.render();this.set_again("headerFixed");this.set_again("footerFixed");this.set_again("translate3D");this.set_again("nativeScroll");},_syncScrollWidth:function(g){var f=this.get("scrollView");if(f){f.set("width",g.newVal);}},_syncScrollHeight:function(){var g=this.get("height"),f=this.get("scrollView");if(!f||!g){return;}e.later(1,this,function(){g-=f.get("boundingBox").get("offsetTop");if(this.get("footerFixed")){g-=this.get("footerNode").get("clientHeight");}f.set("height",g);});}},{ATTRS:{nativeScroll:{value:false,validator:e.Lang.isBoolean,setter:function(g){var f=this.get("scrollView");if(f){f.set("disabled",g);if(g){f.unplug(e.zui.RAScroll);}else{f.plug(e.zui.RAScroll,{horizontal:false,cooperation:true});if(!e.Bottle.Device.getTouchSupport()){f.plug(e.zui.ScrollHelper);}}}d.apply(this,[true,this.get("headerFixed"),g]);d.apply(this,[false,this.get("footerFixed"),g]);return g;}},headerNode:{value:undefined,writeOnce:true,setter:function(f){var g=e.one(f);if(g){g.addClass("bt-header");this.set("headerFixed",g.getData("position")==="fixed");return g;}}},footerNode:{value:undefined,writeOnce:true,setter:function(f){var g=e.one(f);if(g){g.addClass("bt-footer");this.set("footerFixed",g.getData("position")==="fixed");return g;}}},bodyNode:{writeOnce:true},scrollNode:{writeOnce:true},scrollView:{writeOnce:true},cfgScroll:{value:{flick:{minDistance:10,minVelocity:0.3}},writeOnce:true,lazyAdd:false},translate3D:{value:true,validator:e.Lang.isBoolean,setter:function(f){this.get("scrollNode").toggleClass("bt-translate3d",f);return f;}},headerFixed:{value:false,validator:e.Lang.isBoolean,setter:function(f){d.apply(this,[true,f]);return f;}},footerFixed:{value:false,validator:e.Lang.isBoolean,setter:function(f){d.apply(this,[false,f]);return f;}}},HTML_PARSER:{headerNode:"> [data-role=header]",bodyNode:"> [data-role=body]",footerNode:"> [data-role=footer]",cfgScroll:function(g){try{return e.JSON.parse(g.getData("cfg-scroll"));}catch(f){}},translate3D:function(f){if(f.getData("translate3d")==="false"){return false;}return true;}}});},"@VERSION@",{requires:["scrollview","widget-child","json-parse","gallery-zui-attribute","gallery-zui-rascroll","gallery-zui-scrollhelper","gallery-bt-device"]});
\ No newline at end of file
diff --git a/build/gallery-bt-container/gallery-bt-container.js b/build/gallery-bt-container/gallery-bt-container.js
new file mode 100644
index 0000000000..161109760c
--- /dev/null
+++ b/build/gallery-bt-container/gallery-bt-container.js
@@ -0,0 +1,357 @@
+YUI.add('gallery-bt-container', function(Y) {
+
+/**
+ * This module provides Container Widget which can handle scrollView with/without header/footer.
+ *
+ * @module gallery-bt-container
+ */
+var HEIGHT_CHANGE = 'heightChange',
+ WIDTH_CHANGE = 'widthChange',
+ fixedPos = Y.Bottle.Device.getPositionFixedSupport(),
+
+ handleFixPos = function (header, fixed, nativeScroll) {
+ var node,
+ pfix = fixed && fixedPos,
+ ns = (nativeScroll !== undefined) ? nativeScroll : this.get('nativeScroll');
+
+ if (this.get('scrollView')) {
+ node = this.get(header ? 'headerNode' : 'footerNode');
+
+ if (node) {
+ node.setStyles({
+ position: (ns && pfix) ? 'fixed' : '',
+ top: (header && ns && pfix) ? 0 : '',
+ bottom: (!header && ns && pfix) ? 0 : '',
+ zIndex: (ns && pfix) ? 50 : ''
+ });
+
+ if (fixedPos) {
+ this.get('scrollView').get('boundingBox').setStyle(header ? 'marginTop' : 'marginBottom', (fixed && ns) ? (node.get('offsetHeight') + 'px') : 0);
+ }
+ }
+
+ this.get(fixed ? 'srcNode' : 'scrollNode').insert(node, header ? 0 : undefined);
+
+ this._syncScrollHeight();
+ }
+ };
+
+/**
+ * A class for constructing container instances.
+ *
+ * @class Container
+ * @param [config] {Object} Object literal with initial attribute values
+ * @extends Widget
+ * @namespace Bottle
+ * @uses WidgetChild
+ * @uses Y.zui.Attribute
+ * @constructor
+ */
+Y.namespace('Bottle').Container = Y.Base.create('btcontainer', Y.Widget, [Y.WidgetChild, Y.zui.Attribute], {
+ initializer: function (config) {
+ /**
+ * internal eventhandlers, keep for destructor
+ *
+ * @property _btcEventHandlers
+ * @type EventHandle
+ * @private
+ */
+ this._btcEventHandlers = new Y.EventHandle([
+ this.after(HEIGHT_CHANGE, this._syncScrollHeight),
+ this.on(WIDTH_CHANGE, this._syncScrollWidth)
+ ]);
+ },
+
+ destructor: function () {
+ this._btcEventHandlers.detach();
+
+ if (this.get('rendered')) {
+ this.get('scrollView').destroy(true);
+ }
+
+ delete this._eventHandlers;
+ },
+
+ renderUI: function () {
+ var scrollNode = Y.Node.create(''),
+ srcNode = this.get('srcNode'),
+ headerNode = this.get('headerNode'),
+ bodyNode = this.get('bodyNode'),
+ footerNode = this.get('footerNode'),
+ scrollView = new Y.ScrollView(Y.merge(this.get('cfgScroll'), {
+ srcNode: scrollNode
+ }));
+
+ this.set('scrollNode', scrollNode);
+ this.set('scrollView', scrollView);
+
+ srcNode.append(scrollNode);
+ scrollNode.append(headerNode);
+ scrollNode.append(bodyNode);
+ scrollNode.append(footerNode);
+ scrollView.render();
+
+ // When HTML_PARSER running, there was no scrollView,
+ // so we trigger value setter function again here.
+ this.set_again('headerFixed');
+ this.set_again('footerFixed');
+ this.set_again('translate3D');
+ this.set_again('nativeScroll');
+ },
+
+ /**
+ * sync width of the scrollView with self
+ *
+ * @method _syncScrollWidth
+ * @private
+ */
+ _syncScrollWidth: function (E) {
+ var scroll = this.get('scrollView');
+
+ if (scroll) {
+ scroll.set('width', E.newVal);
+ }
+ },
+
+ /**
+ * Calculate and refresh height of the scrollView.
+ *
+ * @method _syncScrollHeight
+ * @protected
+ */
+ _syncScrollHeight: function () {
+ var height = this.get('height'),
+ scroll = this.get('scrollView');
+
+ if (!scroll || !height) {
+ return;
+ }
+
+ Y.later(1, this, function () {
+ height -= scroll.get('boundingBox').get('offsetTop');
+
+ if (this.get('footerFixed')) {
+ height -= this.get('footerNode').get('clientHeight');
+ }
+ scroll.set('height', height);
+ });
+ }
+}, {
+ /**
+ * Static property used to define the default attribute configuration.
+ *
+ * @property ATTRS
+ * @protected
+ * @static
+ * @type Object
+ */
+ ATTRS: {
+ /**
+ * use browser native scroll and css3 position fixed
+ *
+ * @attribute nativeScroll
+ * @type Boolean
+ * @default false
+ */
+ nativeScroll: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ var sv = this.get('scrollView');
+
+ if (sv) {
+ sv.set('disabled', V);
+ if (V) {
+ sv.unplug(Y.zui.RAScroll);
+ } else {
+ sv.plug(Y.zui.RAScroll, {horizontal: false, cooperation: true});
+ if (!Y.Bottle.Device.getTouchSupport()) {
+ sv.plug(Y.zui.ScrollHelper);
+ }
+ }
+ }
+
+ handleFixPos.apply(this, [true, this.get('headerFixed'), V]);
+ handleFixPos.apply(this, [false, this.get('footerFixed'), V]);
+ return V;
+ }
+ },
+
+ /**
+ * header node of the container
+ *
+ * @attribute headerNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ headerNode: {
+ value: undefined,
+ writeOnce: true,
+ setter: function (node) {
+ var N = Y.one(node);
+ if (N) {
+ N.addClass('bt-header');
+ this.set('headerFixed', N.getData('position') === 'fixed');
+ return N;
+ }
+ }
+ },
+
+ /**
+ * footer node of the container
+ *
+ * @attribute footerNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ footerNode: {
+ value: undefined,
+ writeOnce: true,
+ setter: function (node) {
+ var N = Y.one(node);
+ if (N) {
+ N.addClass('bt-footer');
+ this.set('footerFixed', N.getData('position') === 'fixed');
+ return N;
+ }
+ }
+ },
+
+ /**
+ * body node of the container
+ *
+ * @attribute bodyNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ bodyNode: {
+ writeOnce: true
+ },
+
+ /**
+ * A new node be created for scrollview. Scroll node contains bodyNode and none 'fixed' headerNode/footerNode.
+ *
+ * @attribute scrollNode
+ * @type Node
+ * @writeOnce
+ * @default undefined
+ */
+ scrollNode: {
+ writeOnce: true
+ },
+
+ /**
+ * ScrollView in the container
+ *
+ * @attribute scrollView
+ * @type ScrollView
+ * @writeOnce
+ * @default undefined
+ */
+ scrollView: {
+ writeOnce: true
+ },
+
+ /**
+ * Configuration to create internal scrollView
+ *
+ * @attribute cfgScroll
+ * @type Object
+ * @writeOnce
+ * @default {flick: {minDistance: 10, minVelocity: 0.3}}
+ */
+ cfgScroll: {
+ value: {
+ flick: {
+ minDistance: 10,
+ minVelocity: 0.3
+ }
+ },
+ writeOnce: true,
+ lazyAdd: false
+ },
+
+ /**
+ * Boolean indicating if hardware acceleration in scrollview
+ * animation is disabled.
+ *
+ * @attribute translate3D
+ * @type Boolean
+ * @default true
+ */
+ translate3D: {
+ value: true,
+ validator: Y.Lang.isBoolean,
+ setter: function (V) {
+ this.get('scrollNode').toggleClass('bt-translate3d', V);
+ return V;
+ }
+ },
+
+ /**
+ * Boolean indicating if header is fixed.
+ *
+ * @attribute headerFixed
+ * @type Boolean
+ * @default false
+ */
+ headerFixed: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (fixed) {
+ handleFixPos.apply(this, [true, fixed]);
+ return fixed;
+ }
+ },
+
+ /**
+ * Boolean indicating if footer is fixed.
+ *
+ * @attribute footerFixed
+ * @type Boolean
+ * @default false
+ */
+ footerFixed: {
+ value: false,
+ validator: Y.Lang.isBoolean,
+ setter: function (fixed) {
+ handleFixPos.apply(this, [false, fixed]);
+ return fixed;
+ }
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @protected
+ * @static
+ * @type Object
+ */
+ HTML_PARSER: {
+ headerNode: '> [data-role=header]',
+ bodyNode: '> [data-role=body]',
+ footerNode: '> [data-role=footer]',
+
+ cfgScroll: function (srcNode) {
+ try {
+ return Y.JSON.parse(srcNode.getData('cfg-scroll'));
+ } catch (e) {
+ }
+ },
+
+ translate3D: function (srcNode) {
+ if (srcNode.getData('translate3d') === 'false') {
+ return false;
+ }
+ return true;
+ }
+ }
+});
+
+
+}, '@VERSION@' ,{requires:['scrollview', 'widget-child', 'json-parse', 'gallery-zui-attribute', 'gallery-zui-rascroll', 'gallery-zui-scrollhelper', 'gallery-bt-device']});
diff --git a/build/gallery-bt-css/assets/gallery-bottle-core.css b/build/gallery-bt-css/assets/gallery-bottle-core.css
new file mode 100644
index 0000000000..564231bc67
--- /dev/null
+++ b/build/gallery-bt-css/assets/gallery-bottle-core.css
@@ -0,0 +1,38 @@
+html{height:100%}
+body{position:relative}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}
+.bt_posfixed div{height:100px;width:100%;position:relative}
+.bt_posfixed span{position:fixed;top:1px}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}
+.yui3-btcontainer{position:absolute;width:100%}
+.btp-native .yui3-btcontainer{position:relative}
+.bt-header, .bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut, .yui3-btoverlay {position:absolute}
+.yui3-btshortcut-hidden, .yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled, .yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.bst_slidebox {overflow:hidden}
+.bst_slide {position:relative}
+.bst_slide li {display:inline-block}
+.bst_tab {position:relative}
+.bst_tab > * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bt-css/gallery-bt-css-min.css b/build/gallery-bt-css/gallery-bt-css-min.css
new file mode 100644
index 0000000000..5b8002e652
--- /dev/null
+++ b/build/gallery-bt-css/gallery-bt-css-min.css
@@ -0,0 +1 @@
+html{height:100%}body.btInit{-webkit-text-size-adjust:100%}.bt-translate3d{-webkit-transform:translate3d(0,0,0)}.bt-shortcut-mask,.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;opacity:.5;background-color:#000;display:none}.yui3-btcontainer{position:absolute}.yui3-widget-pushpop{overflow:hidden}.yui3-btshortcut{position:absolute;z-index:9999}.yui3-btshortcut-hidden{top:-9999px;left:-9999px}.yui3-btshortcut-disabled{display:none}.yui3-btoverlay{position:absolute;z-index:9999}.yui3-btoverlay-hidden{top:-9999px;left:-9999px}.yui3-btoverlay-disabled{display:none}.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}.yui3-btslidetab .bst_slide{white-space:nowrap}.yui3-btslidetab .bst_index{border:2px solid #444;background:#eee}.bst_slidebox{overflow:hidden}.bst_slide li{display:inline-block}.bst_tab>*{position:absolute!important;left:-10000px}.bst_tab>*.on{position:relative!important;left:auto}.yui3-btcarousel-content{white-space:nowrap}.yui3-btcarousel-content>li{display:inline-block}.bcr_indexbox{position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}.bcr_indexitem{display:inline-block;border:1px solid #888;width:8px;height:8px;margin:4px 8px;border-radius:8px}.bcr_indexitem.bcr_on{background-color:#afc}.bcr_showbtn .bcr_btnl,.bcr_showbtn .bcr_btnr{display:block}.bcr_btnl,.bcr_btnr{display:none;position:absolute;top:45%;width:60px;height:30px;background:transparent url(http://yui.yahooapis.com/3.6.0/build/assets/skins/sam/sprite.png) no-repeat 10px -545px;cursor:pointer}.bcr_btnr{background-position:10px -595px;right:0}.bcr_off{opacity:.5}.btHideAll:not(.btReady),.btInPlace:not(.btReady) [data-role=carousel],.btInPlace:not(.btReady) [data-role=shortcut],.btInPlace:not(.btReady) [data-role=overlay],.btInPlace:not(.btReady) [data-role=photogrid],.btInPlace:not(.btReady) [data-role=slidetab]{background:#fff url(http://yuilibrary.com/yui/docs/assets/widget/img/ajax-loader.gif) no-repeat 50% 50%;min-height:50px}.btHideAll:not(.btReady){width:100%;height:100%}.btHideAll:not(.btReady)>*,.btInPlace:not(.btReady) [data-role=carousel]>*,.btInPlace:not(.btReady) [data-role=shortcut]>*,.btInPlace:not(.btReady) [data-role=overlay]>*,.btInPlace:not(.btReady) [data-role=photogrid]>*,.btInPlace:not(.btReady) [data-role=slidetab]>*,.btHideSCO:not(.btReady) [data-role=shortcut],.btHideSCO:not(.btReady) [data-role=overlay]{visibility:hidden}.btHideSCO:not(.btReady) [data-role=shortcut],.btHideSCO:not(.btReady) [data-role=overlay]{position:absolute}#yui3-css-stamp.gallery-bt-css{display:none}
\ No newline at end of file
diff --git a/build/gallery-bt-css/gallery-bt-css.css b/build/gallery-bt-css/gallery-bt-css.css
new file mode 100644
index 0000000000..0e27bddf31
--- /dev/null
+++ b/build/gallery-bt-css/gallery-bt-css.css
@@ -0,0 +1,62 @@
+html{height:100%}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;opacity:0.5;background-color:#000;display:none}
+.yui3-btcontainer{position:absolute}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut{position:absolute;z-index:9999}
+.yui3-btshortcut-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled{display:none}
+
+.yui3-btoverlay{position:absolute;z-index:9999}
+.yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.yui3-btslidetab .bst_index {border:2px solid #444;background:#eee}
+.bst_slidebox {overflow:hidden}
+.bst_slide li {display:inline-block}
+.bst_tab > * {position:absolute!important;left:-10000px}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;border:1px solid #888;width:8px;height:8px;margin:4px 8px;border-radius:8px}
+.bcr_indexitem.bcr_on {background-color:#afc}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;width:60px;height:30px;background:transparent url(http://yui.yahooapis.com/3.6.0/build/assets/skins/sam/sprite.png) no-repeat 10px -545px;cursor:pointer}
+.bcr_btnr {background-position:10px -595px;right:0}
+.bcr_off {opacity:0.5}
+
+/* Skins for init / progress enhancement */
+.btHideAll:not(.btReady),
+.btInPlace:not(.btReady) [data-role=carousel],
+.btInPlace:not(.btReady) [data-role=shortcut],
+.btInPlace:not(.btReady) [data-role=overlay],
+.btInPlace:not(.btReady) [data-role=photogrid],
+.btInPlace:not(.btReady) [data-role=slidetab]
+ {background:#fff url(http://yuilibrary.com/yui/docs/assets/widget/img/ajax-loader.gif) no-repeat 50% 50%;min-height:50px}
+.btHideAll:not(.btReady) {width:100%;height:100%}
+
+.btHideAll:not(.btReady) > *,
+.btInPlace:not(.btReady) [data-role=carousel] > *,
+.btInPlace:not(.btReady) [data-role=shortcut] > *,
+.btInPlace:not(.btReady) [data-role=overlay] > *,
+.btInPlace:not(.btReady) [data-role=photogrid] > *,
+.btInPlace:not(.btReady) [data-role=slidetab] > *,
+.btHideSCO:not(.btReady) [data-role=shortcut],
+.btHideSCO:not(.btReady) [data-role=overlay]
+ {visibility:hidden}
+
+.btHideSCO:not(.btReady) [data-role=shortcut],
+.btHideSCO:not(.btReady) [data-role=overlay]
+ {position:absolute}
+/* YUI CSS Detection Stamp */
+#yui3-css-stamp.gallery-bt-css { display: none; }
diff --git a/build/gallery-bt-device/assets/gallery-bottle-core.css b/build/gallery-bt-device/assets/gallery-bottle-core.css
new file mode 100644
index 0000000000..564231bc67
--- /dev/null
+++ b/build/gallery-bt-device/assets/gallery-bottle-core.css
@@ -0,0 +1,38 @@
+html{height:100%}
+body{position:relative}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}
+.bt_posfixed div{height:100px;width:100%;position:relative}
+.bt_posfixed span{position:fixed;top:1px}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}
+.yui3-btcontainer{position:absolute;width:100%}
+.btp-native .yui3-btcontainer{position:relative}
+.bt-header, .bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut, .yui3-btoverlay {position:absolute}
+.yui3-btshortcut-hidden, .yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled, .yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.bst_slidebox {overflow:hidden}
+.bst_slide {position:relative}
+.bst_slide li {display:inline-block}
+.bst_tab {position:relative}
+.bst_tab > * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bt-device/gallery-bt-device-coverage.js b/build/gallery-bt-device/gallery-bt-device-coverage.js
new file mode 100644
index 0000000000..21b1aba587
--- /dev/null
+++ b/build/gallery-bt-device/gallery-bt-device-coverage.js
@@ -0,0 +1,247 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bt-device/gallery-bt-device.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bt-device/gallery-bt-device.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bt-device/gallery-bt-device.js"].code=["YUI.add('gallery-bt-device', function(Y) {","","/*global screen */","/**"," * Provide information about browser and device by Y.UA."," *"," * @module gallery-bt-device"," * @static"," */","","/**"," * The Y.Bottle.Device class is static, and provides device information"," *"," * @class Device"," * @namespace Bottle"," */","var positionFixedSupport = null,",""," Device = {",""," /**"," * The name of current device, should be: iphone , ipad, ipod, android, null"," * @static"," * @type string"," * @property Name"," */"," Name: null,",""," /**"," * The name of current OS, should be: Android, Apple, null"," * @static"," * @type string"," * @property OS"," */"," OS: null,",""," /**"," * The version of current OS"," * @static"," * @type string"," * @property OS_Version"," */"," OS_Version: 0,",""," /**"," * The name of current browser, will be: webkit, ie, safari, firefox, chrome"," * @static"," * @type string"," * @property Browser"," */"," Borwser: null,",""," /**"," * get current Device touch support status"," * @static"," * @method getTouchSupport"," * @return {Boolean}"," */"," getTouchSupport: function () { return ((Y.config.win && ('ontouchstart' in Y.config.win)) && !(Y.UA.chrome && Y.UA.chrome < 6))},",""," /**"," * get current Device touch support status"," * @static"," * @method getTouchSupport"," * @return {Boolean}"," */"," getPositionFixedSupport: function () {"," var positionFixedParent,"," py;"," if (positionFixedSupport !== null) {"," return positionFixedSupport;"," }"," "," positionFixedParent = Y.one('.bt_posfixed') || Y.one('body').appendChild('');"," py = positionFixedParent.one('div').set('scrollTop', '30px').one('span').getY();"," positionFixedParent.remove();",""," return positionFixedSupport = (py === 1);"," },",""," /**"," * get current Device Width in pixel"," * @static"," * @method getDeviceWidth"," * @return {Number} an integer"," */"," getDeviceWidth: function () { return screen.width; },",""," /**"," * get current Device Height in pixel"," * @static"," * @method getDeviceHeight"," * @return {Number} an integer"," */"," getDeviceHeight: function () {"," return screen.height;"," },",""," /**"," * get current Browser Width in pixel"," * @static"," * @method getBrowserWidth"," * @return {Number} an integer"," */"," getBrowserWidth: function () {"," return window.innerWidth;"," },",""," /**"," * get current Browser Height in pixel"," * @static"," * @method getBrowserHeight"," * @return {Number} an integer"," */"," getBrowserHeight: function () {"," return window.innerHeight;"," }","};","","//init data","if (Y.UA.iphone) {"," Device.Name = 'iphone';"," Device.OS = 'Apple';"," Device.OS_Version = Y.UA.iphone;"," Device.Browser = 'safari';"," Device.B_Version = Y.UA.safari;","} else if (Y.UA.ipad) {"," Device.Name = 'ipad';"," Device.OS = 'Apple';"," Device.OS_Version = Y.UA.ipad;"," Device.Browser = 'safari';"," Device.B_Version = Y.UA.safari;","} else if (Y.UA.ipod) {"," Device.Name = 'ipad';"," Device.OS = 'Apple';"," Device.OS_Version = Y.UA.ipod;"," Device.Browser = 'safari';"," Device.B_Version = Y.UA.safari;","} else if (Y.UA.mobile === 'Android') {"," Device.Name = 'android';"," Device.OS = 'android';"," Device.OS_Version = Y.UA.android;"," Device.Browser = 'webkit';"," Device.B_Version = Y.UA.webkit;","} else if (Y.UA.ie) {"," Device.Browser = 'ie';"," Device.B_Version = Y.UA.ie;","} else if (Y.UA.gecko) {"," Device.Browser = 'firefox';"," Device.B_Version = Y.UA.gecko;","} else if (Y.UA.chrome) {"," Device.Browser = 'chrome';"," Device.B_Version = 'chrome';","}","","Y.namespace('Bottle').Device = Device;","","","}, '@VERSION@' ,{requires:['node-screen']});"];
+_yuitest_coverage["/build/gallery-bt-device/gallery-bt-device.js"].lines = {"1":0,"17":0,"59":0,"68":0,"70":0,"71":0,"74":0,"75":0,"76":0,"78":0,"87":0,"96":0,"106":0,"116":0,"121":0,"122":0,"123":0,"124":0,"125":0,"126":0,"127":0,"128":0,"129":0,"130":0,"131":0,"132":0,"133":0,"134":0,"135":0,"136":0,"137":0,"138":0,"139":0,"140":0,"141":0,"142":0,"143":0,"144":0,"145":0,"146":0,"147":0,"148":0,"149":0,"150":0,"151":0,"152":0,"153":0,"156":0};
+_yuitest_coverage["/build/gallery-bt-device/gallery-bt-device.js"].functions = {"getTouchSupport:59":0,"getPositionFixedSupport:67":0,"getDeviceWidth:87":0,"getDeviceHeight:95":0,"getBrowserWidth:105":0,"getBrowserHeight:115":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bt-device/gallery-bt-device.js"].coveredLines = 48;
+_yuitest_coverage["/build/gallery-bt-device/gallery-bt-device.js"].coveredFunctions = 7;
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 1);
+YUI.add('gallery-bt-device', function(Y) {
+
+/*global screen */
+/**
+ * Provide information about browser and device by Y.UA.
+ *
+ * @module gallery-bt-device
+ * @static
+ */
+
+/**
+ * The Y.Bottle.Device class is static, and provides device information
+ *
+ * @class Device
+ * @namespace Bottle
+ */
+_yuitest_coverfunc("/build/gallery-bt-device/gallery-bt-device.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 17);
+var positionFixedSupport = null,
+
+ Device = {
+
+ /**
+ * The name of current device, should be: iphone , ipad, ipod, android, null
+ * @static
+ * @type string
+ * @property Name
+ */
+ Name: null,
+
+ /**
+ * The name of current OS, should be: Android, Apple, null
+ * @static
+ * @type string
+ * @property OS
+ */
+ OS: null,
+
+ /**
+ * The version of current OS
+ * @static
+ * @type string
+ * @property OS_Version
+ */
+ OS_Version: 0,
+
+ /**
+ * The name of current browser, will be: webkit, ie, safari, firefox, chrome
+ * @static
+ * @type string
+ * @property Browser
+ */
+ Borwser: null,
+
+ /**
+ * get current Device touch support status
+ * @static
+ * @method getTouchSupport
+ * @return {Boolean}
+ */
+ getTouchSupport: function () { _yuitest_coverfunc("/build/gallery-bt-device/gallery-bt-device.js", "getTouchSupport", 59);
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 59);
+return ((Y.config.win && ('ontouchstart' in Y.config.win)) && !(Y.UA.chrome && Y.UA.chrome < 6))},
+
+ /**
+ * get current Device touch support status
+ * @static
+ * @method getTouchSupport
+ * @return {Boolean}
+ */
+ getPositionFixedSupport: function () {
+ _yuitest_coverfunc("/build/gallery-bt-device/gallery-bt-device.js", "getPositionFixedSupport", 67);
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 68);
+var positionFixedParent,
+ py;
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 70);
+if (positionFixedSupport !== null) {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 71);
+return positionFixedSupport;
+ }
+
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 74);
+positionFixedParent = Y.one('.bt_posfixed') || Y.one('body').appendChild('');
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 75);
+py = positionFixedParent.one('div').set('scrollTop', '30px').one('span').getY();
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 76);
+positionFixedParent.remove();
+
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 78);
+return positionFixedSupport = (py === 1);
+ },
+
+ /**
+ * get current Device Width in pixel
+ * @static
+ * @method getDeviceWidth
+ * @return {Number} an integer
+ */
+ getDeviceWidth: function () { _yuitest_coverfunc("/build/gallery-bt-device/gallery-bt-device.js", "getDeviceWidth", 87);
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 87);
+return screen.width; },
+
+ /**
+ * get current Device Height in pixel
+ * @static
+ * @method getDeviceHeight
+ * @return {Number} an integer
+ */
+ getDeviceHeight: function () {
+ _yuitest_coverfunc("/build/gallery-bt-device/gallery-bt-device.js", "getDeviceHeight", 95);
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 96);
+return screen.height;
+ },
+
+ /**
+ * get current Browser Width in pixel
+ * @static
+ * @method getBrowserWidth
+ * @return {Number} an integer
+ */
+ getBrowserWidth: function () {
+ _yuitest_coverfunc("/build/gallery-bt-device/gallery-bt-device.js", "getBrowserWidth", 105);
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 106);
+return window.innerWidth;
+ },
+
+ /**
+ * get current Browser Height in pixel
+ * @static
+ * @method getBrowserHeight
+ * @return {Number} an integer
+ */
+ getBrowserHeight: function () {
+ _yuitest_coverfunc("/build/gallery-bt-device/gallery-bt-device.js", "getBrowserHeight", 115);
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 116);
+return window.innerHeight;
+ }
+};
+
+//init data
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 121);
+if (Y.UA.iphone) {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 122);
+Device.Name = 'iphone';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 123);
+Device.OS = 'Apple';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 124);
+Device.OS_Version = Y.UA.iphone;
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 125);
+Device.Browser = 'safari';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 126);
+Device.B_Version = Y.UA.safari;
+} else {_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 127);
+if (Y.UA.ipad) {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 128);
+Device.Name = 'ipad';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 129);
+Device.OS = 'Apple';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 130);
+Device.OS_Version = Y.UA.ipad;
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 131);
+Device.Browser = 'safari';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 132);
+Device.B_Version = Y.UA.safari;
+} else {_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 133);
+if (Y.UA.ipod) {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 134);
+Device.Name = 'ipad';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 135);
+Device.OS = 'Apple';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 136);
+Device.OS_Version = Y.UA.ipod;
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 137);
+Device.Browser = 'safari';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 138);
+Device.B_Version = Y.UA.safari;
+} else {_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 139);
+if (Y.UA.mobile === 'Android') {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 140);
+Device.Name = 'android';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 141);
+Device.OS = 'android';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 142);
+Device.OS_Version = Y.UA.android;
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 143);
+Device.Browser = 'webkit';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 144);
+Device.B_Version = Y.UA.webkit;
+} else {_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 145);
+if (Y.UA.ie) {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 146);
+Device.Browser = 'ie';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 147);
+Device.B_Version = Y.UA.ie;
+} else {_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 148);
+if (Y.UA.gecko) {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 149);
+Device.Browser = 'firefox';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 150);
+Device.B_Version = Y.UA.gecko;
+} else {_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 151);
+if (Y.UA.chrome) {
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 152);
+Device.Browser = 'chrome';
+ _yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 153);
+Device.B_Version = 'chrome';
+}}}}}}}
+
+_yuitest_coverline("/build/gallery-bt-device/gallery-bt-device.js", 156);
+Y.namespace('Bottle').Device = Device;
+
+
+}, '@VERSION@' ,{requires:['node-screen']});
diff --git a/build/gallery-bt-device/gallery-bt-device-debug.js b/build/gallery-bt-device/gallery-bt-device-debug.js
new file mode 100644
index 0000000000..82fe02d8f3
--- /dev/null
+++ b/build/gallery-bt-device/gallery-bt-device-debug.js
@@ -0,0 +1,159 @@
+YUI.add('gallery-bt-device', function(Y) {
+
+/*global screen */
+/**
+ * Provide information about browser and device by Y.UA.
+ *
+ * @module gallery-bt-device
+ * @static
+ */
+
+/**
+ * The Y.Bottle.Device class is static, and provides device information
+ *
+ * @class Device
+ * @namespace Bottle
+ */
+var positionFixedSupport = null,
+
+ Device = {
+
+ /**
+ * The name of current device, should be: iphone , ipad, ipod, android, null
+ * @static
+ * @type string
+ * @property Name
+ */
+ Name: null,
+
+ /**
+ * The name of current OS, should be: Android, Apple, null
+ * @static
+ * @type string
+ * @property OS
+ */
+ OS: null,
+
+ /**
+ * The version of current OS
+ * @static
+ * @type string
+ * @property OS_Version
+ */
+ OS_Version: 0,
+
+ /**
+ * The name of current browser, will be: webkit, ie, safari, firefox, chrome
+ * @static
+ * @type string
+ * @property Browser
+ */
+ Borwser: null,
+
+ /**
+ * get current Device touch support status
+ * @static
+ * @method getTouchSupport
+ * @return {Boolean}
+ */
+ getTouchSupport: function () { return ((Y.config.win && ('ontouchstart' in Y.config.win)) && !(Y.UA.chrome && Y.UA.chrome < 6))},
+
+ /**
+ * get current Device touch support status
+ * @static
+ * @method getTouchSupport
+ * @return {Boolean}
+ */
+ getPositionFixedSupport: function () {
+ var positionFixedParent,
+ py;
+ if (positionFixedSupport !== null) {
+ return positionFixedSupport;
+ }
+
+ positionFixedParent = Y.one('.bt_posfixed') || Y.one('body').appendChild('');
+ py = positionFixedParent.one('div').set('scrollTop', '30px').one('span').getY();
+ positionFixedParent.remove();
+
+ return positionFixedSupport = (py === 1);
+ },
+
+ /**
+ * get current Device Width in pixel
+ * @static
+ * @method getDeviceWidth
+ * @return {Number} an integer
+ */
+ getDeviceWidth: function () { return screen.width; },
+
+ /**
+ * get current Device Height in pixel
+ * @static
+ * @method getDeviceHeight
+ * @return {Number} an integer
+ */
+ getDeviceHeight: function () {
+ return screen.height;
+ },
+
+ /**
+ * get current Browser Width in pixel
+ * @static
+ * @method getBrowserWidth
+ * @return {Number} an integer
+ */
+ getBrowserWidth: function () {
+ return window.innerWidth;
+ },
+
+ /**
+ * get current Browser Height in pixel
+ * @static
+ * @method getBrowserHeight
+ * @return {Number} an integer
+ */
+ getBrowserHeight: function () {
+ return window.innerHeight;
+ }
+};
+
+//init data
+if (Y.UA.iphone) {
+ Device.Name = 'iphone';
+ Device.OS = 'Apple';
+ Device.OS_Version = Y.UA.iphone;
+ Device.Browser = 'safari';
+ Device.B_Version = Y.UA.safari;
+} else if (Y.UA.ipad) {
+ Device.Name = 'ipad';
+ Device.OS = 'Apple';
+ Device.OS_Version = Y.UA.ipad;
+ Device.Browser = 'safari';
+ Device.B_Version = Y.UA.safari;
+} else if (Y.UA.ipod) {
+ Device.Name = 'ipad';
+ Device.OS = 'Apple';
+ Device.OS_Version = Y.UA.ipod;
+ Device.Browser = 'safari';
+ Device.B_Version = Y.UA.safari;
+} else if (Y.UA.mobile === 'Android') {
+ Device.Name = 'android';
+ Device.OS = 'android';
+ Device.OS_Version = Y.UA.android;
+ Device.Browser = 'webkit';
+ Device.B_Version = Y.UA.webkit;
+} else if (Y.UA.ie) {
+ Device.Browser = 'ie';
+ Device.B_Version = Y.UA.ie;
+} else if (Y.UA.gecko) {
+ Device.Browser = 'firefox';
+ Device.B_Version = Y.UA.gecko;
+} else if (Y.UA.chrome) {
+ Device.Browser = 'chrome';
+ Device.B_Version = 'chrome';
+}
+
+Y.namespace('Bottle').Device = Device;
+
+
+}, '@VERSION@' ,{requires:['node-screen']});
diff --git a/build/gallery-bt-device/gallery-bt-device-min.js b/build/gallery-bt-device/gallery-bt-device-min.js
new file mode 100644
index 0000000000..d1e9787cdd
--- /dev/null
+++ b/build/gallery-bt-device/gallery-bt-device-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bt-device",function(c){var a=null,b={Name:null,OS:null,OS_Version:0,Borwser:null,getTouchSupport:function(){return((c.config.win&&("ontouchstart" in c.config.win))&&!(c.UA.chrome&&c.UA.chrome<6));},getPositionFixedSupport:function(){var e,d;if(a!==null){return a;}e=c.one(".bt_posfixed")||c.one("body").appendChild('');d=e.one("div").set("scrollTop","30px").one("span").getY();e.remove();return a=(d===1);},getDeviceWidth:function(){return screen.width;},getDeviceHeight:function(){return screen.height;},getBrowserWidth:function(){return window.innerWidth;},getBrowserHeight:function(){return window.innerHeight;}};if(c.UA.iphone){b.Name="iphone";b.OS="Apple";b.OS_Version=c.UA.iphone;b.Browser="safari";b.B_Version=c.UA.safari;}else{if(c.UA.ipad){b.Name="ipad";b.OS="Apple";b.OS_Version=c.UA.ipad;b.Browser="safari";b.B_Version=c.UA.safari;}else{if(c.UA.ipod){b.Name="ipad";b.OS="Apple";b.OS_Version=c.UA.ipod;b.Browser="safari";b.B_Version=c.UA.safari;}else{if(c.UA.mobile==="Android"){b.Name="android";b.OS="android";b.OS_Version=c.UA.android;b.Browser="webkit";b.B_Version=c.UA.webkit;}else{if(c.UA.ie){b.Browser="ie";b.B_Version=c.UA.ie;}else{if(c.UA.gecko){b.Browser="firefox";b.B_Version=c.UA.gecko;}else{if(c.UA.chrome){b.Browser="chrome";b.B_Version="chrome";}}}}}}}c.namespace("Bottle").Device=b;},"@VERSION@",{requires:["node-screen"]});
\ No newline at end of file
diff --git a/build/gallery-bt-device/gallery-bt-device.js b/build/gallery-bt-device/gallery-bt-device.js
new file mode 100644
index 0000000000..82fe02d8f3
--- /dev/null
+++ b/build/gallery-bt-device/gallery-bt-device.js
@@ -0,0 +1,159 @@
+YUI.add('gallery-bt-device', function(Y) {
+
+/*global screen */
+/**
+ * Provide information about browser and device by Y.UA.
+ *
+ * @module gallery-bt-device
+ * @static
+ */
+
+/**
+ * The Y.Bottle.Device class is static, and provides device information
+ *
+ * @class Device
+ * @namespace Bottle
+ */
+var positionFixedSupport = null,
+
+ Device = {
+
+ /**
+ * The name of current device, should be: iphone , ipad, ipod, android, null
+ * @static
+ * @type string
+ * @property Name
+ */
+ Name: null,
+
+ /**
+ * The name of current OS, should be: Android, Apple, null
+ * @static
+ * @type string
+ * @property OS
+ */
+ OS: null,
+
+ /**
+ * The version of current OS
+ * @static
+ * @type string
+ * @property OS_Version
+ */
+ OS_Version: 0,
+
+ /**
+ * The name of current browser, will be: webkit, ie, safari, firefox, chrome
+ * @static
+ * @type string
+ * @property Browser
+ */
+ Borwser: null,
+
+ /**
+ * get current Device touch support status
+ * @static
+ * @method getTouchSupport
+ * @return {Boolean}
+ */
+ getTouchSupport: function () { return ((Y.config.win && ('ontouchstart' in Y.config.win)) && !(Y.UA.chrome && Y.UA.chrome < 6))},
+
+ /**
+ * get current Device touch support status
+ * @static
+ * @method getTouchSupport
+ * @return {Boolean}
+ */
+ getPositionFixedSupport: function () {
+ var positionFixedParent,
+ py;
+ if (positionFixedSupport !== null) {
+ return positionFixedSupport;
+ }
+
+ positionFixedParent = Y.one('.bt_posfixed') || Y.one('body').appendChild('');
+ py = positionFixedParent.one('div').set('scrollTop', '30px').one('span').getY();
+ positionFixedParent.remove();
+
+ return positionFixedSupport = (py === 1);
+ },
+
+ /**
+ * get current Device Width in pixel
+ * @static
+ * @method getDeviceWidth
+ * @return {Number} an integer
+ */
+ getDeviceWidth: function () { return screen.width; },
+
+ /**
+ * get current Device Height in pixel
+ * @static
+ * @method getDeviceHeight
+ * @return {Number} an integer
+ */
+ getDeviceHeight: function () {
+ return screen.height;
+ },
+
+ /**
+ * get current Browser Width in pixel
+ * @static
+ * @method getBrowserWidth
+ * @return {Number} an integer
+ */
+ getBrowserWidth: function () {
+ return window.innerWidth;
+ },
+
+ /**
+ * get current Browser Height in pixel
+ * @static
+ * @method getBrowserHeight
+ * @return {Number} an integer
+ */
+ getBrowserHeight: function () {
+ return window.innerHeight;
+ }
+};
+
+//init data
+if (Y.UA.iphone) {
+ Device.Name = 'iphone';
+ Device.OS = 'Apple';
+ Device.OS_Version = Y.UA.iphone;
+ Device.Browser = 'safari';
+ Device.B_Version = Y.UA.safari;
+} else if (Y.UA.ipad) {
+ Device.Name = 'ipad';
+ Device.OS = 'Apple';
+ Device.OS_Version = Y.UA.ipad;
+ Device.Browser = 'safari';
+ Device.B_Version = Y.UA.safari;
+} else if (Y.UA.ipod) {
+ Device.Name = 'ipad';
+ Device.OS = 'Apple';
+ Device.OS_Version = Y.UA.ipod;
+ Device.Browser = 'safari';
+ Device.B_Version = Y.UA.safari;
+} else if (Y.UA.mobile === 'Android') {
+ Device.Name = 'android';
+ Device.OS = 'android';
+ Device.OS_Version = Y.UA.android;
+ Device.Browser = 'webkit';
+ Device.B_Version = Y.UA.webkit;
+} else if (Y.UA.ie) {
+ Device.Browser = 'ie';
+ Device.B_Version = Y.UA.ie;
+} else if (Y.UA.gecko) {
+ Device.Browser = 'firefox';
+ Device.B_Version = Y.UA.gecko;
+} else if (Y.UA.chrome) {
+ Device.Browser = 'chrome';
+ Device.B_Version = 'chrome';
+}
+
+Y.namespace('Bottle').Device = Device;
+
+
+}, '@VERSION@' ,{requires:['node-screen']});
diff --git a/build/gallery-bt-loader/assets/gallery-bottle-core.css b/build/gallery-bt-loader/assets/gallery-bottle-core.css
new file mode 100644
index 0000000000..564231bc67
--- /dev/null
+++ b/build/gallery-bt-loader/assets/gallery-bottle-core.css
@@ -0,0 +1,38 @@
+html{height:100%}
+body{position:relative}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}
+.bt_posfixed div{height:100px;width:100%;position:relative}
+.bt_posfixed span{position:fixed;top:1px}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}
+.yui3-btcontainer{position:absolute;width:100%}
+.btp-native .yui3-btcontainer{position:relative}
+.bt-header, .bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut, .yui3-btoverlay {position:absolute}
+.yui3-btshortcut-hidden, .yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled, .yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.bst_slidebox {overflow:hidden}
+.bst_slide {position:relative}
+.bst_slide li {display:inline-block}
+.bst_tab {position:relative}
+.bst_tab > * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bt-loader/gallery-bt-loader-coverage.js b/build/gallery-bt-loader/gallery-bt-loader-coverage.js
new file mode 100644
index 0000000000..f6951ed5a5
--- /dev/null
+++ b/build/gallery-bt-loader/gallery-bt-loader-coverage.js
@@ -0,0 +1,377 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bt-loader/gallery-bt-loader.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bt-loader/gallery-bt-loader.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bt-loader/gallery-bt-loader.js"].code=["YUI.add('gallery-bt-loader', function(Y) {","","/**"," * Provide Loader class to handle user interaction and ajax loading"," *"," * @module gallery-bt-loader"," * @static"," */","","var PREFIX = 'blo_',",""," CLASSES = {"," ERROR: PREFIX + 'error',"," LOADING: PREFIX + 'loading',"," LOADED: PREFIX + 'loaded'"," },",""," ACTIONS = {"," append: function (C, O, D) {"," O.addClass(CLASSES.LOADED);"," C.append(D);"," },"," insert: function (C, O, D) {"," O.addClass(CLASSES.LOADED);"," C.insert(D, 0);"," },"," refresh: function (C, O, D) {"," O.addClass(CLASSES.LOADED);"," C.insert(D, 'replace');"," },"," replace: function (C, O, D) {"," O.addClass(CLASSES.LOADED).replace(D);"," }"," },",""," PARSERS = {"," json: function (D) {"," try {"," return Y.JSON.parse(D);"," } catch (e) {"," return null;"," }"," },"," none: function (D) {"," return D;"," }"," },",""," SELECTORS = {"," json: function (D, S) {"," var ss = S.split(/\\./),"," I;",""," for (I=0;I * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bt-overlay/gallery-bt-overlay-coverage.js b/build/gallery-bt-overlay/gallery-bt-overlay-coverage.js
new file mode 100644
index 0000000000..1b178f1d62
--- /dev/null
+++ b/build/gallery-bt-overlay/gallery-bt-overlay-coverage.js
@@ -0,0 +1,538 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bt-overlay/gallery-bt-overlay.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bt-overlay/gallery-bt-overlay.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bt-overlay/gallery-bt-overlay.js"].code=["YUI.add('gallery-bt-overlay', function(Y) {","","/*jslint nomen: true*/","/**"," * This module provides Overlay Widget which can show/hide with different transitions or directions."," *"," * @module gallery-bt-overlay"," */","var body = Y.one('body'),"," Mask = Y.one('.bt-overlay-mask') || body.appendChild(Y.Node.create('')),"," WIDTH_CHANGE = 'widthChange',"," HEIGHT_CHANGE = 'heightChange',"," VISIBLE_CHANGE = 'visibleChange',",""," hasTouch = Y.Bottle.Device.getTouchSupport(),"," scrollBase = hasTouch ? body : Y.one('html'),",""," instances = [],"," current,",""," POSITIONS = {"," top: [0, -1],"," bottom: [0, 1],"," left: [-1, 0],"," right: [1, 0]"," },",""," /**"," * A basic Overlay widget which support three types of animation. Use"," * show and hide function to display Overlay. Only one Overlay will show"," * in the same time."," *"," * @class Overlay"," * @param [config] {Object} Object literal with initial attribute values"," * @extends Widget"," * @uses WidgetParent"," * @uses WidgetPosition"," * @uses WidgetStack"," * @uses WidgetPositionAlign"," * @uses Bottle.PushPop"," * @constructor"," * @namespace Bottle"," */"," Overlay = Y.Base.create('btoverlay', Y.Widget, [Y.WidgetParent, Y.WidgetPosition, Y.WidgetStack, Y.Bottle.PushPop], {"," initializer: function (cfg) {"," var msk = this.get('contentBox').getData('mask');",""," instances.push(this);",""," if (!cfg.zIndex) {"," this.set('zIndex', 200);"," }",""," this.set('mask', (msk ? (msk === 'false') : this.get('fullPage')) ? false : true);",""," /**"," * internal eventhandlers, keep for destructor"," *"," * @property _bscEventHandlers"," * @type EventHandle"," * @private"," */"," this._bscEventHandlers = new Y.EventHandle(["," this.after(WIDTH_CHANGE, this._updatePositionShow),"," this.after(HEIGHT_CHANGE, this._updatePositionShow),"," this.after(VISIBLE_CHANGE, this._doShowHide)"," ]);"," },",""," destructor: function () {"," this._bscEventHandlers.detach();"," delete this._bscEventHandlers;"," },",""," renderUI: function () {"," var O = this.get('boundingBox'),"," W = O.get('offsetWidth'),"," H = O.get('offsetHeight');",""," if (!this.get('height') && H) {"," this.set('height', H);"," }",""," if (!this.get('width') && W) {"," this.set('width', W);"," }",""," this._updatePositionHide();"," this._updatePositionShow();"," },",""," /**"," * Resize the Overlay to adapt the browser width and height."," *"," * @method olResize"," * @param [force=false] {Boolean} true to forece resize even when Overlay is not visibile."," */"," olResize: function (force) {"," if (!this.get('visible') && !force) {"," return;"," }",""," //reduce syncUI times"," if (!force && (this.get('width') === Y.Bottle.Device.getBrowserWidth()) && (this.get('height') === Y.Bottle.Device.getBrowserHeight())) {"," return;"," }",""," this._updateFullSize();"," this._updatePositionShow();"," },",""," /**"," * handle child full Height or width"," *"," * @method _updateFullSize"," * @protected"," */"," _updateFullSize: function () {"," if (this.get('fullPage')) {"," this.set('width', Y.Bottle.Device.getBrowserWidth(), {noAlign: true});"," this.set('height', Y.Bottle.Device.getBrowserHeight(), {noAlign: true});"," }"," },",""," /**"," * Update showed Overlay position based on action and showFrom"," *"," * @method _updatePositionShow"," * @protected"," */"," _updatePositionShow: function (E) {"," var vis = (E && (E.visible !== undefined)) ? E.visible : this.get('visible'),"," noAlign = (E && E.noAlign) ? true : false,"," move = (vis && !noAlign),"," pos = move ? this.getShowHideXY(true) : 0;",""," if (move) {"," this.move(pos[0], pos[1]);"," }"," },",""," /**"," * move the Overlay to hidden place"," *"," * @method _updatePositionHide"," * @protected"," */"," _updatePositionHide: function (E) {"," var vis = (E && (E.visible !== undefined)) ? E.visible : this.get('visible'),"," pos = vis ? 0 : this.getShowHideXY(false);",""," if (!vis) {"," this.move(pos[0], pos[1]);"," }"," },",""," /**"," * Show or hide the mask."," *"," * @method _displayMask"," * @param show {Boolean} true to display, false to hide."," * @protected"," */"," _displayMask: function (show) {"," Mask.setStyle('display', show ? 'block' : 'none');"," },",""," /**"," * do transition on a node with top and left css properties"," *"," * @method _doTransition"," * @param node {Node} node to do transition"," * @param left {Number} css left in px"," * @param top {Number} css top in px"," * @param [done] {Function} If provided, call this function when transition done"," * @protected"," */"," _doTransition: function (node, left, top, done) {"," var that = this;",""," Y.later(1, this, function () {"," node.transition(Y.merge(this.get('olTrans'), {"," left: left + 'px',"," top: top + 'px'"," }), function () {"," if (done) {"," done.apply(that);"," }"," });"," });"," },",""," /**"," * handle Overlay transition when show or hide"," *"," * @method _doneShowHide"," * @protected"," */"," _doneShowHide: function () {"," var show = this.get('visible'),"," mask = this.get('mask');",""," if (mask) {"," this._displayMask(show);"," }",""," if (!show) {"," this.disable();"," }"," },",""," /**"," * get show position or hide position"," *"," * @method getShowHideXY"," * @return {Array} array of position: [x, y]"," */"," getShowHideXY: function (show) {"," var selfDir = show ? 0 : 1,"," posData = POSITIONS[this.get('showFrom')],"," W = Y.Bottle.Device.getBrowserWidth(),"," H = Y.Bottle.Device.getBrowserHeight();",""," return ["," selfDir * W * posData[0] + Math.floor((W - this.get('width')) / 2),"," selfDir * H * posData[1] + Math.floor((H - this.get('height')) / 2) + scrollBase.get('scrollTop')"," ]; "," },",""," /**"," * handle Overlay transition when show or hide"," *"," * @method _doShowHide"," * @protected"," */"," _doShowHide: function (E) {"," var show = E.newVal;"," runthese = show && this.enable() && this._updateFullSize(),"," finalPos = this.getShowHideXY(show),"," node = this.get('boundingBox');",""," if (show) {"," this._updatePositionHide({visible: false});"," current = this;"," } else {"," this._updatePositionShow({visible: true});"," current = undefined;"," }",""," this._doTransition(node, finalPos[0], finalPos[1], this._doneShowHide);"," }"," }, {"," /**"," * Static property used to define the default attribute configuration."," *"," * @property ATTRS"," * @protected"," * @type Object"," * @static"," */"," ATTRS: {"," /**"," * The Overlay show direction. Should be one of:"," * ![](\"')
');",""," if (P) {"," P.append(image.load);"," } else {"," O.insert(image.load, 0);"," }",""," if (!image.height || !image.width) {"," this._bpgPending += 1;",""," image.load.once('load', function (E) {"," var O = E.target;",""," this.height = O.get('height');"," this.width = O.get('width');",""," this._bpgPending -= 1;"," }, image);"," }",""," images.push(image);"," }, this);",""," /**"," * internal image meta data"," *"," * @property _bpgImages"," * @type Array"," * @protected"," */"," this._bpgImages = images;"," },",""," /**"," * Get the column with minimal height"," *"," * @method _minColumn"," * @protected"," */"," _minColumn: function () {"," var minI = 9999,"," minO;",""," this.get('contentBox').all('> div').each(function (O) {"," var H = O.get('offsetHeight');",""," if (H < minI) {"," minI = H;"," minO = O;"," }"," });",""," return minO;"," },",""," /**"," * rendering images"," *"," * @method renderImages"," */"," renderImages: function () {"," var img,"," delay = RENDER_INTERVAL;",""," if (this._bpgImages.length <= this._bpgRendered) {"," this.syncScroll();"," this.fire(RENDER_FINISHED);"," return;"," }",""," img = this._bpgImages[this._bpgRendered];",""," if (img.width) {"," this._minColumn().append(img.module);"," this._bpgRendered += 1;"," delay = 1;"," }",""," Y.later(delay, this, this.renderImages);"," },",""," /**"," * update Widget width with parent node"," *"," * @method _updateColumns"," * @param [refresh] {Boolean} true to clean contencBox"," * @protected"," */"," _updateColumns: function (refresh) {"," var P = this.get('contentBox'),"," W = P.get('offsetWidth'),"," w = this.get('columnWidth'),"," N = Math.round(W / w),"," a = Math.floor(W / N),"," f = W - a * (N - 1),"," HTML = HTMLS.COLUMN,"," render = refresh || (this._bpgColumns !== N),"," I;",""," if (render) {"," // clean content box"," P.all(this.get('moduleNode')).remove();"," P.set('innerHTML', '');",""," /**"," * Keep current computed column number"," *"," * @property _bpgColumns"," * @protected"," */"," this._bpgColumns = N;",""," for (I = 0;I < N;I++) {"," P.append(HTML);"," }"," }",""," P.all('> div').each(function (O, I) {"," O.set('offsetWidth', I ? a : f);"," });",""," this.syncScroll();",""," if (render) {"," /**"," * internal rendered image"," *"," * @property _bpgRendered"," * @type Number"," * @protected"," */"," this._bpgRendered = 0;"," this.renderImages();"," }"," }","}, {"," /**"," * Static property used to define the default attribute configuration."," *"," * @property ATTRS"," * @type Object"," * @static"," * @protected"," */"," ATTRS: {"," /**"," * Default column width. Column number will be decided by Math.round(parentWidth / columnWidth), and then all these columns will be fitted equally."," *"," * @attribute columnWidth"," * @type Number"," * @default 200"," */"," columnWidth: {"," value: 200,"," validator: function (V) {"," return (V * 1 > 0);"," },"," setter: function (V) {"," return V * 1;"," }"," },",""," /**"," * Rendering mode of PhotoGrid, should be one of: 'vertical', 'horizontal'"," *"," * @attribute gridType"," * @type String"," * @default vertical"," */"," gridType: {"," value: 'vertical',"," validator: function (V) {"," return GRID_CFGS[V] ? true : false;"," }"," },",""," /**"," * Default module child nodes css selector."," *"," * @attribute moduleNode"," * @type String"," * @default '> div'"," */"," moduleNode: {"," value: '> div',"," validator: Y.Lang.isString"," },",""," /**"," * Default image child node css selector. If can not find the Node, a new image node will be inserted under the module node."," *"," * @attribute photoNode"," * @type String"," * @default '.img'"," */"," photoNode: {"," value: '.img',"," validator: Y.Lang.isString"," }"," },",""," /**"," * Static property used to define the default HTML parsing rules"," *"," * @property HTML_PARSER"," * @static"," * @protected"," * @type Object"," */"," HTML_PARSER: {"," columnWidth: function (srcNode) {"," return srcNode.getData('column-width');"," },"," gridType: function (srcNode) {"," return srcNode.getData('grid-type');"," },"," moduleNode: function (srcNode) {"," return srcNode.getData('module-node');"," },"," photoNode: function (srcNode) {"," return srcNode.getData('photo-node');"," }"," }","});","","Y.namespace('Bottle').PhotoGrid = PhotoGrid;","","","}, '@VERSION@' ,{requires:['gallery-bt-syncscroll']});"];
+_yuitest_coverage["/build/gallery-bt-photogrid/gallery-bt-photogrid.js"].lines = {"1":0,"10":0,"45":0,"47":0,"54":0,"63":0,"67":0,"68":0,"72":0,"83":0,"87":0,"95":0,"98":0,"99":0,"108":0,"109":0,"112":0,"114":0,"115":0,"117":0,"120":0,"121":0,"123":0,"124":0,"126":0,"127":0,"129":0,"133":0,"143":0,"153":0,"156":0,"157":0,"159":0,"160":0,"161":0,"165":0,"174":0,"177":0,"178":0,"179":0,"180":0,"183":0,"185":0,"186":0,"187":0,"188":0,"191":0,"202":0,"212":0,"214":0,"215":0,"223":0,"225":0,"226":0,"230":0,"231":0,"234":0,"236":0,"244":0,"245":0,"268":0,"271":0,"285":0,"324":0,"327":0,"330":0,"333":0,"338":0};
+_yuitest_coverage["/build/gallery-bt-photogrid/gallery-bt-photogrid.js"].functions = {"initializer:44":0,"destructor:66":0,"renderUI:71":0,"(anonymous 3):123":0,"(anonymous 2):98":0,"parseImageData:82":0,"(anonymous 4):156":0,"_minColumn:152":0,"renderImages:173":0,"(anonymous 5):230":0,"_updateColumns:201":0,"validator:267":0,"setter:270":0,"validator:284":0,"columnWidth:323":0,"gridType:326":0,"moduleNode:329":0,"photoNode:332":0,"(anonymous 1):1":0};
+_yuitest_coverage["/build/gallery-bt-photogrid/gallery-bt-photogrid.js"].coveredLines = 68;
+_yuitest_coverage["/build/gallery-bt-photogrid/gallery-bt-photogrid.js"].coveredFunctions = 19;
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 1);
+YUI.add('gallery-bt-photogrid', function(Y) {
+
+/**
+ * Provide PhotoGrid class to rendering a lot of photo in many kinds of layout
+ *
+ * @module gallery-bt-photogrid
+ * @static
+ */
+
+_yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "(anonymous 1)", 1);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 10);
+var WIDTH_CHANGE = 'widthChange',
+ COLUMN_CHANGE = 'columnWidthChange',
+ RENDER_FINISHED = 'renderFinished',
+
+ RENDER_INTERVAL = 100,
+
+ PREFIX = 'bpg_',
+
+ CLASSES = {
+ COLUMN: PREFIX + 'column',
+ MODULE: PREFIX + 'module'
+ },
+
+ HTMLS = {
+ COLUMN: ''
+ },
+
+ GRID_CFGS = {
+ vertical: 1,
+ horizontal: 1
+ },
+
+/**
+ * PhotoGrid is a Widget which can help you to render a lot of photo in different patterns.
+ *
+ * @class PhotoGrid
+ * @constructor
+ * @namespace Bottle
+ * @extends Widget
+ * @uses Bottle.SyncScroll
+ * @param [config] {Object} Object literal with initial attribute values
+
+ */
+PhotoGrid = Y.Base.create('btphotogrid', Y.Widget, [Y.Bottle.SyncScroll], {
+ initializer: function () {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "initializer", 44);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 45);
+this.parseImageData();
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 47);
+this.set('syncScrollMethod', this._updateColumns);
+
+ /**
+ * Fired when all grid rendered
+ *
+ * @event renderFinished
+ */
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 54);
+this.publish(RENDER_FINISHED);
+
+ /**
+ * internal eventhandlers, keep for destructor
+ *
+ * @property _bpgEventHandlers
+ * @type EventHandle
+ * @private
+ */
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 63);
+this._bpgEventHandlers = this.after(COLUMN_CHANGE, this._updateColumns)
+ },
+
+ destructor: function () {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "destructor", 66);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 67);
+this._bpgEventHandlers.detach();
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 68);
+delete this._bpgEventHandlers;
+ },
+
+ renderUI: function () {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "renderUI", 71);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 72);
+this._updateColumns(true);
+ },
+
+ /**
+ * parse image data from a node
+ *
+ * @method parseImageData
+ * @param [node] {Node} node to parse data. If omitted, Widget ContentBox will be used.
+ * @param [append=false] {Boolean} true to append data. false or ommited to clean old image data.
+ */
+ parseImageData: function (node, append) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "parseImageData", 82);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 83);
+var images = append ? this._bpgImages : [],
+ css = this.get('photoNode'),
+ P = node || this.get('contentBox');
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 87);
+if (!append) {
+ /**
+ * internal unloaded image count
+ *
+ * @property _bpgPending
+ * @type Number
+ * @protected
+ */
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 95);
+this._bpgPending = 0;
+ }
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 98);
+P.all(this.get('moduleNode')).each(function (O) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "(anonymous 2)", 98);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 99);
+var image = {
+ icon: O.getData('icon'),
+ img: O.getData('img'),
+ width: O.getData('width'),
+ height: O.getData('height'),
+ module: O.addClass(CLASSES.MODULE)
+ },
+ P = O.one(css);
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 108);
+if (!image.icon) {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 109);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 112);
+image.load = Y.Node.create('
');
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 114);
+if (P) {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 115);
+P.append(image.load);
+ } else {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 117);
+O.insert(image.load, 0);
+ }
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 120);
+if (!image.height || !image.width) {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 121);
+this._bpgPending += 1;
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 123);
+image.load.once('load', function (E) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "(anonymous 3)", 123);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 124);
+var O = E.target;
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 126);
+this.height = O.get('height');
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 127);
+this.width = O.get('width');
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 129);
+this._bpgPending -= 1;
+ }, image);
+ }
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 133);
+images.push(image);
+ }, this);
+
+ /**
+ * internal image meta data
+ *
+ * @property _bpgImages
+ * @type Array
+ * @protected
+ */
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 143);
+this._bpgImages = images;
+ },
+
+ /**
+ * Get the column with minimal height
+ *
+ * @method _minColumn
+ * @protected
+ */
+ _minColumn: function () {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "_minColumn", 152);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 153);
+var minI = 9999,
+ minO;
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 156);
+this.get('contentBox').all('> div').each(function (O) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "(anonymous 4)", 156);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 157);
+var H = O.get('offsetHeight');
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 159);
+if (H < minI) {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 160);
+minI = H;
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 161);
+minO = O;
+ }
+ });
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 165);
+return minO;
+ },
+
+ /**
+ * rendering images
+ *
+ * @method renderImages
+ */
+ renderImages: function () {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "renderImages", 173);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 174);
+var img,
+ delay = RENDER_INTERVAL;
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 177);
+if (this._bpgImages.length <= this._bpgRendered) {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 178);
+this.syncScroll();
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 179);
+this.fire(RENDER_FINISHED);
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 180);
+return;
+ }
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 183);
+img = this._bpgImages[this._bpgRendered];
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 185);
+if (img.width) {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 186);
+this._minColumn().append(img.module);
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 187);
+this._bpgRendered += 1;
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 188);
+delay = 1;
+ }
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 191);
+Y.later(delay, this, this.renderImages);
+ },
+
+ /**
+ * update Widget width with parent node
+ *
+ * @method _updateColumns
+ * @param [refresh] {Boolean} true to clean contencBox
+ * @protected
+ */
+ _updateColumns: function (refresh) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "_updateColumns", 201);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 202);
+var P = this.get('contentBox'),
+ W = P.get('offsetWidth'),
+ w = this.get('columnWidth'),
+ N = Math.round(W / w),
+ a = Math.floor(W / N),
+ f = W - a * (N - 1),
+ HTML = HTMLS.COLUMN,
+ render = refresh || (this._bpgColumns !== N),
+ I;
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 212);
+if (render) {
+ // clean content box
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 214);
+P.all(this.get('moduleNode')).remove();
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 215);
+P.set('innerHTML', '');
+
+ /**
+ * Keep current computed column number
+ *
+ * @property _bpgColumns
+ * @protected
+ */
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 223);
+this._bpgColumns = N;
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 225);
+for (I = 0;I < N;I++) {
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 226);
+P.append(HTML);
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 230);
+P.all('> div').each(function (O, I) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "(anonymous 5)", 230);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 231);
+O.set('offsetWidth', I ? a : f);
+ });
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 234);
+this.syncScroll();
+
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 236);
+if (render) {
+ /**
+ * internal rendered image
+ *
+ * @property _bpgRendered
+ * @type Number
+ * @protected
+ */
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 244);
+this._bpgRendered = 0;
+ _yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 245);
+this.renderImages();
+ }
+ }
+}, {
+ /**
+ * Static property used to define the default attribute configuration.
+ *
+ * @property ATTRS
+ * @type Object
+ * @static
+ * @protected
+ */
+ ATTRS: {
+ /**
+ * Default column width. Column number will be decided by Math.round(parentWidth / columnWidth), and then all these columns will be fitted equally.
+ *
+ * @attribute columnWidth
+ * @type Number
+ * @default 200
+ */
+ columnWidth: {
+ value: 200,
+ validator: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "validator", 267);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 268);
+return (V * 1 > 0);
+ },
+ setter: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "setter", 270);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 271);
+return V * 1;
+ }
+ },
+
+ /**
+ * Rendering mode of PhotoGrid, should be one of: 'vertical', 'horizontal'
+ *
+ * @attribute gridType
+ * @type String
+ * @default vertical
+ */
+ gridType: {
+ value: 'vertical',
+ validator: function (V) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "validator", 284);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 285);
+return GRID_CFGS[V] ? true : false;
+ }
+ },
+
+ /**
+ * Default module child nodes css selector.
+ *
+ * @attribute moduleNode
+ * @type String
+ * @default '> div'
+ */
+ moduleNode: {
+ value: '> div',
+ validator: Y.Lang.isString
+ },
+
+ /**
+ * Default image child node css selector. If can not find the Node, a new image node will be inserted under the module node.
+ *
+ * @attribute photoNode
+ * @type String
+ * @default '.img'
+ */
+ photoNode: {
+ value: '.img',
+ validator: Y.Lang.isString
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @static
+ * @protected
+ * @type Object
+ */
+ HTML_PARSER: {
+ columnWidth: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "columnWidth", 323);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 324);
+return srcNode.getData('column-width');
+ },
+ gridType: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "gridType", 326);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 327);
+return srcNode.getData('grid-type');
+ },
+ moduleNode: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "moduleNode", 329);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 330);
+return srcNode.getData('module-node');
+ },
+ photoNode: function (srcNode) {
+ _yuitest_coverfunc("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", "photoNode", 332);
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 333);
+return srcNode.getData('photo-node');
+ }
+ }
+});
+
+_yuitest_coverline("/build/gallery-bt-photogrid/gallery-bt-photogrid.js", 338);
+Y.namespace('Bottle').PhotoGrid = PhotoGrid;
+
+
+}, '@VERSION@' ,{requires:['gallery-bt-syncscroll']});
diff --git a/build/gallery-bt-photogrid/gallery-bt-photogrid-debug.js b/build/gallery-bt-photogrid/gallery-bt-photogrid-debug.js
new file mode 100644
index 0000000000..a0585a150c
--- /dev/null
+++ b/build/gallery-bt-photogrid/gallery-bt-photogrid-debug.js
@@ -0,0 +1,341 @@
+YUI.add('gallery-bt-photogrid', function(Y) {
+
+/**
+ * Provide PhotoGrid class to rendering a lot of photo in many kinds of layout
+ *
+ * @module gallery-bt-photogrid
+ * @static
+ */
+
+var WIDTH_CHANGE = 'widthChange',
+ COLUMN_CHANGE = 'columnWidthChange',
+ RENDER_FINISHED = 'renderFinished',
+
+ RENDER_INTERVAL = 100,
+
+ PREFIX = 'bpg_',
+
+ CLASSES = {
+ COLUMN: PREFIX + 'column',
+ MODULE: PREFIX + 'module'
+ },
+
+ HTMLS = {
+ COLUMN: ''
+ },
+
+ GRID_CFGS = {
+ vertical: 1,
+ horizontal: 1
+ },
+
+/**
+ * PhotoGrid is a Widget which can help you to render a lot of photo in different patterns.
+ *
+ * @class PhotoGrid
+ * @constructor
+ * @namespace Bottle
+ * @extends Widget
+ * @uses Bottle.SyncScroll
+ * @param [config] {Object} Object literal with initial attribute values
+
+ */
+PhotoGrid = Y.Base.create('btphotogrid', Y.Widget, [Y.Bottle.SyncScroll], {
+ initializer: function () {
+ this.parseImageData();
+
+ this.set('syncScrollMethod', this._updateColumns);
+
+ /**
+ * Fired when all grid rendered
+ *
+ * @event renderFinished
+ */
+ this.publish(RENDER_FINISHED);
+
+ /**
+ * internal eventhandlers, keep for destructor
+ *
+ * @property _bpgEventHandlers
+ * @type EventHandle
+ * @private
+ */
+ this._bpgEventHandlers = this.after(COLUMN_CHANGE, this._updateColumns)
+ },
+
+ destructor: function () {
+ this._bpgEventHandlers.detach();
+ delete this._bpgEventHandlers;
+ },
+
+ renderUI: function () {
+ this._updateColumns(true);
+ },
+
+ /**
+ * parse image data from a node
+ *
+ * @method parseImageData
+ * @param [node] {Node} node to parse data. If omitted, Widget ContentBox will be used.
+ * @param [append=false] {Boolean} true to append data. false or ommited to clean old image data.
+ */
+ parseImageData: function (node, append) {
+ var images = append ? this._bpgImages : [],
+ css = this.get('photoNode'),
+ P = node || this.get('contentBox');
+
+ if (!append) {
+ /**
+ * internal unloaded image count
+ *
+ * @property _bpgPending
+ * @type Number
+ * @protected
+ */
+ this._bpgPending = 0;
+ }
+
+ P.all(this.get('moduleNode')).each(function (O) {
+ var image = {
+ icon: O.getData('icon'),
+ img: O.getData('img'),
+ width: O.getData('width'),
+ height: O.getData('height'),
+ module: O.addClass(CLASSES.MODULE)
+ },
+ P = O.one(css);
+
+ if (!image.icon) {
+ return;
+ }
+
+ image.load = Y.Node.create('');
+
+ if (P) {
+ P.append(image.load);
+ } else {
+ O.insert(image.load, 0);
+ }
+
+ if (!image.height || !image.width) {
+ this._bpgPending += 1;
+
+ image.load.once('load', function (E) {
+ var O = E.target;
+
+ this.height = O.get('height');
+ this.width = O.get('width');
+
+ this._bpgPending -= 1;
+ }, image);
+ }
+
+ images.push(image);
+ }, this);
+
+ /**
+ * internal image meta data
+ *
+ * @property _bpgImages
+ * @type Array
+ * @protected
+ */
+ this._bpgImages = images;
+ },
+
+ /**
+ * Get the column with minimal height
+ *
+ * @method _minColumn
+ * @protected
+ */
+ _minColumn: function () {
+ var minI = 9999,
+ minO;
+
+ this.get('contentBox').all('> div').each(function (O) {
+ var H = O.get('offsetHeight');
+
+ if (H < minI) {
+ minI = H;
+ minO = O;
+ }
+ });
+
+ return minO;
+ },
+
+ /**
+ * rendering images
+ *
+ * @method renderImages
+ */
+ renderImages: function () {
+ var img,
+ delay = RENDER_INTERVAL;
+
+ if (this._bpgImages.length <= this._bpgRendered) {
+ this.syncScroll();
+ this.fire(RENDER_FINISHED);
+ return;
+ }
+
+ img = this._bpgImages[this._bpgRendered];
+
+ if (img.width) {
+ this._minColumn().append(img.module);
+ this._bpgRendered += 1;
+ delay = 1;
+ }
+
+ Y.later(delay, this, this.renderImages);
+ },
+
+ /**
+ * update Widget width with parent node
+ *
+ * @method _updateColumns
+ * @param [refresh] {Boolean} true to clean contencBox
+ * @protected
+ */
+ _updateColumns: function (refresh) {
+ var P = this.get('contentBox'),
+ W = P.get('offsetWidth'),
+ w = this.get('columnWidth'),
+ N = Math.round(W / w),
+ a = Math.floor(W / N),
+ f = W - a * (N - 1),
+ HTML = HTMLS.COLUMN,
+ render = refresh || (this._bpgColumns !== N),
+ I;
+
+ if (render) {
+ // clean content box
+ P.all(this.get('moduleNode')).remove();
+ P.set('innerHTML', '');
+
+ /**
+ * Keep current computed column number
+ *
+ * @property _bpgColumns
+ * @protected
+ */
+ this._bpgColumns = N;
+
+ for (I = 0;I < N;I++) {
+ P.append(HTML);
+ }
+ }
+
+ P.all('> div').each(function (O, I) {
+ O.set('offsetWidth', I ? a : f);
+ });
+
+ this.syncScroll();
+
+ if (render) {
+ /**
+ * internal rendered image
+ *
+ * @property _bpgRendered
+ * @type Number
+ * @protected
+ */
+ this._bpgRendered = 0;
+ this.renderImages();
+ }
+ }
+}, {
+ /**
+ * Static property used to define the default attribute configuration.
+ *
+ * @property ATTRS
+ * @type Object
+ * @static
+ * @protected
+ */
+ ATTRS: {
+ /**
+ * Default column width. Column number will be decided by Math.round(parentWidth / columnWidth), and then all these columns will be fitted equally.
+ *
+ * @attribute columnWidth
+ * @type Number
+ * @default 200
+ */
+ columnWidth: {
+ value: 200,
+ validator: function (V) {
+ return (V * 1 > 0);
+ },
+ setter: function (V) {
+ return V * 1;
+ }
+ },
+
+ /**
+ * Rendering mode of PhotoGrid, should be one of: 'vertical', 'horizontal'
+ *
+ * @attribute gridType
+ * @type String
+ * @default vertical
+ */
+ gridType: {
+ value: 'vertical',
+ validator: function (V) {
+ return GRID_CFGS[V] ? true : false;
+ }
+ },
+
+ /**
+ * Default module child nodes css selector.
+ *
+ * @attribute moduleNode
+ * @type String
+ * @default '> div'
+ */
+ moduleNode: {
+ value: '> div',
+ validator: Y.Lang.isString
+ },
+
+ /**
+ * Default image child node css selector. If can not find the Node, a new image node will be inserted under the module node.
+ *
+ * @attribute photoNode
+ * @type String
+ * @default '.img'
+ */
+ photoNode: {
+ value: '.img',
+ validator: Y.Lang.isString
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @static
+ * @protected
+ * @type Object
+ */
+ HTML_PARSER: {
+ columnWidth: function (srcNode) {
+ return srcNode.getData('column-width');
+ },
+ gridType: function (srcNode) {
+ return srcNode.getData('grid-type');
+ },
+ moduleNode: function (srcNode) {
+ return srcNode.getData('module-node');
+ },
+ photoNode: function (srcNode) {
+ return srcNode.getData('photo-node');
+ }
+ }
+});
+
+Y.namespace('Bottle').PhotoGrid = PhotoGrid;
+
+
+}, '@VERSION@' ,{requires:['gallery-bt-syncscroll']});
diff --git a/build/gallery-bt-photogrid/gallery-bt-photogrid-min.js b/build/gallery-bt-photogrid/gallery-bt-photogrid-min.js
new file mode 100644
index 0000000000..268b9c4ab3
--- /dev/null
+++ b/build/gallery-bt-photogrid/gallery-bt-photogrid-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-bt-photogrid",function(b){var c="widthChange",i="columnWidthChange",a="renderFinished",j=100,f="bpg_",h={COLUMN:f+"column",MODULE:f+"module"},g={COLUMN:''},e={vertical:1,horizontal:1},d=b.Base.create("btphotogrid",b.Widget,[b.Bottle.SyncScroll],{initializer:function(){this.parseImageData();this.set("syncScrollMethod",this._updateColumns);this.publish(a);this._bpgEventHandlers=this.after(i,this._updateColumns);},destructor:function(){this._bpgEventHandlers.detach();delete this._bpgEventHandlers;},renderUI:function(){this._updateColumns(true);},parseImageData:function(n,l){var k=l?this._bpgImages:[],m=this.get("photoNode"),o=n||this.get("contentBox");if(!l){this._bpgPending=0;}o.all(this.get("moduleNode")).each(function(r){var q={icon:r.getData("icon"),img:r.getData("img"),width:r.getData("width"),height:r.getData("height"),module:r.addClass(h.MODULE)},p=r.one(m);if(!q.icon){return;}q.load=b.Node.create('
');if(p){p.append(q.load);}else{r.insert(q.load,0);}if(!q.height||!q.width){this._bpgPending+=1;q.load.once("load",function(s){var t=s.target;this.height=t.get("height");this.width=t.get("width");this._bpgPending-=1;},q);}k.push(q);},this);this._bpgImages=k;},_minColumn:function(){var k=9999,l;this.get("contentBox").all("> div").each(function(n){var m=n.get("offsetHeight");if(m div").each(function(v,u){v.set("offsetWidth",u?r:o);});this.syncScroll();if(k){this._bpgRendered=0;this.renderImages();}}},{ATTRS:{columnWidth:{value:200,validator:function(k){return(k*1>0);},setter:function(k){return k*1;}},gridType:{value:"vertical",validator:function(k){return e[k]?true:false;}},moduleNode:{value:"> div",validator:b.Lang.isString},photoNode:{value:".img",validator:b.Lang.isString}},HTML_PARSER:{columnWidth:function(k){return k.getData("column-width");},gridType:function(k){return k.getData("grid-type");},moduleNode:function(k){return k.getData("module-node");},photoNode:function(k){return k.getData("photo-node");}}});b.namespace("Bottle").PhotoGrid=d;},"@VERSION@",{requires:["gallery-bt-syncscroll"]});
\ No newline at end of file
diff --git a/build/gallery-bt-photogrid/gallery-bt-photogrid.js b/build/gallery-bt-photogrid/gallery-bt-photogrid.js
new file mode 100644
index 0000000000..a0585a150c
--- /dev/null
+++ b/build/gallery-bt-photogrid/gallery-bt-photogrid.js
@@ -0,0 +1,341 @@
+YUI.add('gallery-bt-photogrid', function(Y) {
+
+/**
+ * Provide PhotoGrid class to rendering a lot of photo in many kinds of layout
+ *
+ * @module gallery-bt-photogrid
+ * @static
+ */
+
+var WIDTH_CHANGE = 'widthChange',
+ COLUMN_CHANGE = 'columnWidthChange',
+ RENDER_FINISHED = 'renderFinished',
+
+ RENDER_INTERVAL = 100,
+
+ PREFIX = 'bpg_',
+
+ CLASSES = {
+ COLUMN: PREFIX + 'column',
+ MODULE: PREFIX + 'module'
+ },
+
+ HTMLS = {
+ COLUMN: ''
+ },
+
+ GRID_CFGS = {
+ vertical: 1,
+ horizontal: 1
+ },
+
+/**
+ * PhotoGrid is a Widget which can help you to render a lot of photo in different patterns.
+ *
+ * @class PhotoGrid
+ * @constructor
+ * @namespace Bottle
+ * @extends Widget
+ * @uses Bottle.SyncScroll
+ * @param [config] {Object} Object literal with initial attribute values
+
+ */
+PhotoGrid = Y.Base.create('btphotogrid', Y.Widget, [Y.Bottle.SyncScroll], {
+ initializer: function () {
+ this.parseImageData();
+
+ this.set('syncScrollMethod', this._updateColumns);
+
+ /**
+ * Fired when all grid rendered
+ *
+ * @event renderFinished
+ */
+ this.publish(RENDER_FINISHED);
+
+ /**
+ * internal eventhandlers, keep for destructor
+ *
+ * @property _bpgEventHandlers
+ * @type EventHandle
+ * @private
+ */
+ this._bpgEventHandlers = this.after(COLUMN_CHANGE, this._updateColumns)
+ },
+
+ destructor: function () {
+ this._bpgEventHandlers.detach();
+ delete this._bpgEventHandlers;
+ },
+
+ renderUI: function () {
+ this._updateColumns(true);
+ },
+
+ /**
+ * parse image data from a node
+ *
+ * @method parseImageData
+ * @param [node] {Node} node to parse data. If omitted, Widget ContentBox will be used.
+ * @param [append=false] {Boolean} true to append data. false or ommited to clean old image data.
+ */
+ parseImageData: function (node, append) {
+ var images = append ? this._bpgImages : [],
+ css = this.get('photoNode'),
+ P = node || this.get('contentBox');
+
+ if (!append) {
+ /**
+ * internal unloaded image count
+ *
+ * @property _bpgPending
+ * @type Number
+ * @protected
+ */
+ this._bpgPending = 0;
+ }
+
+ P.all(this.get('moduleNode')).each(function (O) {
+ var image = {
+ icon: O.getData('icon'),
+ img: O.getData('img'),
+ width: O.getData('width'),
+ height: O.getData('height'),
+ module: O.addClass(CLASSES.MODULE)
+ },
+ P = O.one(css);
+
+ if (!image.icon) {
+ return;
+ }
+
+ image.load = Y.Node.create('');
+
+ if (P) {
+ P.append(image.load);
+ } else {
+ O.insert(image.load, 0);
+ }
+
+ if (!image.height || !image.width) {
+ this._bpgPending += 1;
+
+ image.load.once('load', function (E) {
+ var O = E.target;
+
+ this.height = O.get('height');
+ this.width = O.get('width');
+
+ this._bpgPending -= 1;
+ }, image);
+ }
+
+ images.push(image);
+ }, this);
+
+ /**
+ * internal image meta data
+ *
+ * @property _bpgImages
+ * @type Array
+ * @protected
+ */
+ this._bpgImages = images;
+ },
+
+ /**
+ * Get the column with minimal height
+ *
+ * @method _minColumn
+ * @protected
+ */
+ _minColumn: function () {
+ var minI = 9999,
+ minO;
+
+ this.get('contentBox').all('> div').each(function (O) {
+ var H = O.get('offsetHeight');
+
+ if (H < minI) {
+ minI = H;
+ minO = O;
+ }
+ });
+
+ return minO;
+ },
+
+ /**
+ * rendering images
+ *
+ * @method renderImages
+ */
+ renderImages: function () {
+ var img,
+ delay = RENDER_INTERVAL;
+
+ if (this._bpgImages.length <= this._bpgRendered) {
+ this.syncScroll();
+ this.fire(RENDER_FINISHED);
+ return;
+ }
+
+ img = this._bpgImages[this._bpgRendered];
+
+ if (img.width) {
+ this._minColumn().append(img.module);
+ this._bpgRendered += 1;
+ delay = 1;
+ }
+
+ Y.later(delay, this, this.renderImages);
+ },
+
+ /**
+ * update Widget width with parent node
+ *
+ * @method _updateColumns
+ * @param [refresh] {Boolean} true to clean contencBox
+ * @protected
+ */
+ _updateColumns: function (refresh) {
+ var P = this.get('contentBox'),
+ W = P.get('offsetWidth'),
+ w = this.get('columnWidth'),
+ N = Math.round(W / w),
+ a = Math.floor(W / N),
+ f = W - a * (N - 1),
+ HTML = HTMLS.COLUMN,
+ render = refresh || (this._bpgColumns !== N),
+ I;
+
+ if (render) {
+ // clean content box
+ P.all(this.get('moduleNode')).remove();
+ P.set('innerHTML', '');
+
+ /**
+ * Keep current computed column number
+ *
+ * @property _bpgColumns
+ * @protected
+ */
+ this._bpgColumns = N;
+
+ for (I = 0;I < N;I++) {
+ P.append(HTML);
+ }
+ }
+
+ P.all('> div').each(function (O, I) {
+ O.set('offsetWidth', I ? a : f);
+ });
+
+ this.syncScroll();
+
+ if (render) {
+ /**
+ * internal rendered image
+ *
+ * @property _bpgRendered
+ * @type Number
+ * @protected
+ */
+ this._bpgRendered = 0;
+ this.renderImages();
+ }
+ }
+}, {
+ /**
+ * Static property used to define the default attribute configuration.
+ *
+ * @property ATTRS
+ * @type Object
+ * @static
+ * @protected
+ */
+ ATTRS: {
+ /**
+ * Default column width. Column number will be decided by Math.round(parentWidth / columnWidth), and then all these columns will be fitted equally.
+ *
+ * @attribute columnWidth
+ * @type Number
+ * @default 200
+ */
+ columnWidth: {
+ value: 200,
+ validator: function (V) {
+ return (V * 1 > 0);
+ },
+ setter: function (V) {
+ return V * 1;
+ }
+ },
+
+ /**
+ * Rendering mode of PhotoGrid, should be one of: 'vertical', 'horizontal'
+ *
+ * @attribute gridType
+ * @type String
+ * @default vertical
+ */
+ gridType: {
+ value: 'vertical',
+ validator: function (V) {
+ return GRID_CFGS[V] ? true : false;
+ }
+ },
+
+ /**
+ * Default module child nodes css selector.
+ *
+ * @attribute moduleNode
+ * @type String
+ * @default '> div'
+ */
+ moduleNode: {
+ value: '> div',
+ validator: Y.Lang.isString
+ },
+
+ /**
+ * Default image child node css selector. If can not find the Node, a new image node will be inserted under the module node.
+ *
+ * @attribute photoNode
+ * @type String
+ * @default '.img'
+ */
+ photoNode: {
+ value: '.img',
+ validator: Y.Lang.isString
+ }
+ },
+
+ /**
+ * Static property used to define the default HTML parsing rules
+ *
+ * @property HTML_PARSER
+ * @static
+ * @protected
+ * @type Object
+ */
+ HTML_PARSER: {
+ columnWidth: function (srcNode) {
+ return srcNode.getData('column-width');
+ },
+ gridType: function (srcNode) {
+ return srcNode.getData('grid-type');
+ },
+ moduleNode: function (srcNode) {
+ return srcNode.getData('module-node');
+ },
+ photoNode: function (srcNode) {
+ return srcNode.getData('photo-node');
+ }
+ }
+});
+
+Y.namespace('Bottle').PhotoGrid = PhotoGrid;
+
+
+}, '@VERSION@' ,{requires:['gallery-bt-syncscroll']});
diff --git a/build/gallery-bt-pushpop/assets/gallery-bottle-core.css b/build/gallery-bt-pushpop/assets/gallery-bottle-core.css
new file mode 100644
index 0000000000..564231bc67
--- /dev/null
+++ b/build/gallery-bt-pushpop/assets/gallery-bottle-core.css
@@ -0,0 +1,38 @@
+html{height:100%}
+body{position:relative}
+body.btInit{-webkit-text-size-adjust:100%}
+
+.bt_posfixed{position:absolute;top:10px;left:0;overflow:scroll;width:30px;height:30px}
+.bt_posfixed div{height:100px;width:100%;position:relative}
+.bt_posfixed span{position:fixed;top:1px}
+
+.bt-translate3d{-webkit-transform: translate3d(0, 0, 0)}
+.bt-shortcut-mask,
+.bt-overlay-mask{position:absolute;top:0;left:0;z-index:150;width:100%;height:100%;display:none}
+.yui3-btcontainer{position:absolute;width:100%}
+.btp-native .yui3-btcontainer{position:relative}
+.bt-header, .bt-footer{width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
+
+.yui3-widget-pushpop{overflow:hidden}
+
+.yui3-btshortcut, .yui3-btoverlay {position:absolute}
+.yui3-btshortcut-hidden, .yui3-btoverlay-hidden{top:-9999px;left:-9999px}
+.yui3-btshortcut-disabled, .yui3-btoverlay-disabled{display:none}
+
+.yui3-btphotogrid .bpg_column{display:inline-block;overflow:hidden;vertical-align:top}
+
+.yui3-btslidetab .bst_slide {white-space:nowrap}
+.bst_slidebox {overflow:hidden}
+.bst_slide {position:relative}
+.bst_slide li {display:inline-block}
+.bst_tab {position:relative}
+.bst_tab > * {position:absolute!important;left:-10000px;width:100%}
+.bst_tab > *.on {position:relative!important;left:auto}
+
+.yui3-btcarousel-content {white-space:nowrap}
+.yui3-btcarousel-content > li {display:inline-block}
+.bcr_indexbox {position:absolute;bottom:0;width:100%;text-align:center;white-space:nowrap}
+.bcr_indexitem {display:inline-block;width:8px;height:8px;margin:4px 8px}
+.bcr_showbtn .bcr_btnl, .bcr_showbtn .bcr_btnr {display:block}
+.bcr_btnl, .bcr_btnr {display:none;position:absolute;top:45%;cursor:pointer}
+.bcr_btnr {right:0}
diff --git a/build/gallery-bt-pushpop/gallery-bt-pushpop-coverage.js b/build/gallery-bt-pushpop/gallery-bt-pushpop-coverage.js
new file mode 100644
index 0000000000..5f1608c74a
--- /dev/null
+++ b/build/gallery-bt-pushpop/gallery-bt-pushpop-coverage.js
@@ -0,0 +1,638 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-bt-pushpop/gallery-bt-pushpop.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-bt-pushpop/gallery-bt-pushpop.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-bt-pushpop/gallery-bt-pushpop.js"].code=["YUI.add('gallery-bt-pushpop', function(Y) {","","/**"," * Provide PushPop widget extension to handle Container push/pop transition."," *"," * @module gallery-bt-pushpop"," * @static"," */","var RENDERUI = 'renderUI',",""," PUSHPOP = 'pushpop',",""," HEIGHT_CHANGE = 'heightChange',"," WIDTH_CHANGE = 'widthChange',",""," ADDCHILD = 'addChild',",""," UNDERLAY_CFGS = {"," none: 'none',"," 'with': 'with',"," after: 1"," },",""," DIRECTIONS = {"," right: [1, 0],"," left: [-1, 0],"," top: [0, -1],"," bottom: [0, 1],"," tr: [1, -1],"," br: [1, 1],"," tl: [-1, -1],"," bl: [-1, 1]"," },",""," moveWidget = function (W, T) {"," W.get('boundingBox').setStyles({"," left: T.left,"," top: T.top"," });"," },","","/**"," * PushPop extension that adds push, pop unshift animation and methods to Widget Parent"," *"," * @class PushPop"," * @namespace Bottle"," * @param [config] {Object} User configuration object"," */","PushPop = function (config) {"," /**"," * internal eventhandlers, keep for destructor"," *"," * @property _bppEventHandlers"," * @type EventHandle"," * @private"," */"," this._bppEventHandlers = new Y.EventHandle(["," Y.after(this._renderUIPushPop, this, RENDERUI),",""," this.before(ADDCHILD, this._beforePPAddChild),"," this.after(ADDCHILD, this._afterPPAddChild),"," this.after(WIDTH_CHANGE, this._afterPPWidthChange),"," this.after(HEIGHT_CHANGE, this._afterPPHeightChange),"," this.on('destroy', this._destroyPushPop)"," ]);","};","","/**"," * Static property used to define the default attribute configuration."," *"," * @property ATTRS"," * @protected"," * @type Object"," * @static"," */","PushPop.ATTRS = {"," /**"," * Default child class"," *"," * @attribute defaultChildType"," * @type Object"," * @default Y.Bottle.Container"," */"," defaultChildType: {"," value: Y.Bottle.Container"," },",""," /**"," * Default css3 selector to add children when rendering"," *"," * @property childQuery"," * @type String"," * @default '> [data-role=container]'"," */"," childQuery: {"," value: '> [data-role=container]',"," writeOnce: true"," },",""," /**"," * Default initial attributes for all children when rendering"," *"," * @property cfgChild"," * @type Object"," * @default {}"," */"," cfgChild: {"," value: {},"," validator: Y.Lang.isObject,"," writeOnce: true"," },",""," /**"," * Underlay animation, can be one of:"," * Completely remove a record, from both the display and the"," * underlying data. Only usable with DataSource.Local. When using"," * best-effort save on the server, call this for each record that was"," * successfully deleted."," * "," * Change the id of a record. Only usable with DataSource.Local."," * When using best-effort save on the server, call this for each newly"," * created record that was successfully saved."," * "," * BulkEditor provides the basic structure for editing all the records"," * in a BulkEditDataSource. The fields for editing a record are rendered"," * into a \"row\". This could be a div, a tbody, or something else."," * "," * ');"," }",""," if (!this.validation_keys)"," {"," this.validation_keys = [];"," Y.Object.each(this.get('fields'), function(value, key)"," {"," if (value.validation)"," {"," this.validation_keys.push(key);"," }"," },"," this);"," }",""," var count = ds.getRecordCount();"," var page_size = pg.getRowsPerPage();"," for (var i=0; i 0)"," {"," m.item(0).set('innerHTML', msg);"," }"," }",""," bd2.replaceClass(status_pattern, status_prefix + type);"," this.has_validation_messages = true;"," }",""," if (changed && scroll)"," {"," bd1.scrollIntoView();"," }"," },",""," /**"," * Display a message for the specified record."," * "," * @method displayRecordMessage"," * @param id {String} record id"," * @param msg {String} message to display"," * @param type {String} message type: error, warn, info, success"," * @param scroll {Boolean} whether or not to scroll to the field"," */"," displayRecordMessage: function("," /* string */ id,"," /* string */ msg,"," /* string */ type,"," /* boolean */ scroll)"," {"," if (Y.Lang.isUndefined(scroll))"," {"," scroll = !this.has_validation_messages;"," }",""," var bd1 = this.getRecordContainer(id);"," var changed = this._updateRecordStatus(bd1, type, status_pattern, status_re, status_prefix);"," if (this._updateRecordStatus(bd1, type, record_status_pattern, record_status_re, record_status_prefix) &&"," msg) // msg last to guarantee call"," {"," var bd2 = bd1.getElementsByClassName(BulkEditor.record_msg_container_class).item(0);"," if (bd2)"," {"," var m = bd2.getElementsByClassName(message_container_class);"," if (m && m.size() > 0)"," {"," m.item(0).set('innerHTML', msg);"," }"," }"," }",""," if (changed && scroll)"," {"," bd1.scrollIntoView();"," }"," },",""," /**"," * @method _getElementStatus"," * @protected"," * @param n {Node}"," * @param r {RegExp}"," * @return {Mixed} status or false"," */"," _getElementStatus: function("," /* Node */ n,"," /* regex */ r)"," {"," var m = r.exec(n.get('className'));"," return (m && m.length > 1 ? m[1] : false);"," },",""," /**"," * Update the status of the node, if the new status has higher precedence."," *"," * @method _updateRecordStatus"," * @param bd {Node}"," * @param type {String} new status"," * @param p {String} pattern for extracting status"," * @param r {RegExpr} regex for extracting status"," * @param prefix {String} status prefix"," * @return {Boolean} true if status was modified"," */"," _updateRecordStatus: function("," /* element */ bd,"," /* string */ type,"," /* string */ p,"," /* regex */ r,"," /* string */ prefix)"," {"," if (Y.FormManager.statusTakesPrecedence(this._getElementStatus(bd, r), type))"," {"," bd.replaceClass(p, prefix + type);"," this.has_validation_messages = true;"," return true;"," }",""," return false;"," }","});","","//","// Markup","//","","BulkEditor.cleanHTML = function(s)","{"," return (Y.Lang.isValue(s) ? Y.Escape.html(s) : '');","};","","/**"," * @property Y.BulkEditor.error_msg_markup"," * @type {String}"," * @static"," */","BulkEditor.error_msg_markup = Y.Lang.sub('',","{"," c: message_container_class","});","","/**"," * @method labelMarkup"," * @static"," * @param o {Object}"," * key {String} field key,"," * value {Mixed} field value,"," * field {Object} field configuration,"," * record {Object} record data"," * @return {String} markup for the label of the specified field"," */","BulkEditor.labelMarkup = function(o)","{"," var label = '';",""," return Y.Lang.sub(label,"," {"," id: this.getFieldId(o.record, o.key),"," label: o.field.label"," });","};","","/**"," * Map of field type (input,select,textarea) to function that generates the"," * required markup. You can add additional entries. Each function takes a"," * single argument: an object defining"," * key {String} field key,"," * value {Mixed} field value,"," * field {Object} field configuration,"," * record {Object} record data"," *"," * @property Y.BulkEditor.markup"," * @type {Object}"," * @static"," */","BulkEditor.markup =","{"," input: function(o)"," {"," var input ="," '
';",""," container.set('innerHTML', s);"," this.table = container.get('firstChild');",""," this._attachEvents(this.table);"," Y.on('key', moveFocus, this.table, 'down:38,40+ctrl', this);",""," Y.Object.each(this.get('events'), function(e)"," {"," Y.delegate(e.type, e.fn, this.table, e.nodes, this);"," },"," this);"," }"," else"," {"," while (this.table.get('children').size() > 1)"," {"," this.table.get('lastChild').remove().destroy(true);"," }"," }"," },",""," _renderRecordContainer: function("," /* element */ container,"," /* object */ record)"," {"," var body = Y.Node.create('');"," body.set('id', this.getRecordContainerId(record));"," body.set('className',"," BulkEditor.record_container_class + ' ' +"," ((this.table.get('children').size() % 2) ? odd_class : even_class)); // accounts for th row",""," var msg_row = Y.Node.create('Completely remove a record, from both the display and the
+ * underlying data. Only usable with DataSource.Local. When using
+ * best-effort save on the server, call this for each record that was
+ * successfully deleted.
+ *
+ * Change the id of a record. Only usable with DataSource.Local.
+ * When using best-effort save on the server, call this for each newly
+ * created record that was successfully saved.
+ *
+ * BulkEditor provides the basic structure for editing all the records
+ * in a BulkEditDataSource. The fields for editing a record are rendered
+ * into a "row". This could be a div, a tbody, or something else.
+ *
+ * ');
+ }
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2069);
+if (!this.validation_keys)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2071);
+this.validation_keys = [];
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2072);
+Y.Object.each(this.get('fields'), function(value, key)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 24)", 2072);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2074);
+if (value.validation)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2076);
+this.validation_keys.push(key);
+ }
+ },
+ this);
+ }
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2082);
+var count = ds.getRecordCount();
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2083);
+var page_size = pg.getRowsPerPage();
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2084);
+for (var i=0; i 0)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2177);
+m.item(0).set('innerHTML', msg);
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2181);
+bd2.replaceClass(status_pattern, status_prefix + type);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2182);
+this.has_validation_messages = true;
+ }
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2185);
+if (changed && scroll)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2187);
+bd1.scrollIntoView();
+ }
+ },
+
+ /**
+ * Display a message for the specified record.
+ *
+ * @method displayRecordMessage
+ * @param id {String} record id
+ * @param msg {String} message to display
+ * @param type {String} message type: error, warn, info, success
+ * @param scroll {Boolean} whether or not to scroll to the field
+ */
+ displayRecordMessage: function(
+ /* string */ id,
+ /* string */ msg,
+ /* string */ type,
+ /* boolean */ scroll)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "displayRecordMessage", 2200);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2206);
+if (Y.Lang.isUndefined(scroll))
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2208);
+scroll = !this.has_validation_messages;
+ }
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2211);
+var bd1 = this.getRecordContainer(id);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2212);
+var changed = this._updateRecordStatus(bd1, type, status_pattern, status_re, status_prefix);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2213);
+if (this._updateRecordStatus(bd1, type, record_status_pattern, record_status_re, record_status_prefix) &&
+ msg) // msg last to guarantee call
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2216);
+var bd2 = bd1.getElementsByClassName(BulkEditor.record_msg_container_class).item(0);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2217);
+if (bd2)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2219);
+var m = bd2.getElementsByClassName(message_container_class);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2220);
+if (m && m.size() > 0)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2222);
+m.item(0).set('innerHTML', msg);
+ }
+ }
+ }
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2227);
+if (changed && scroll)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2229);
+bd1.scrollIntoView();
+ }
+ },
+
+ /**
+ * @method _getElementStatus
+ * @protected
+ * @param n {Node}
+ * @param r {RegExp}
+ * @return {Mixed} status or false
+ */
+ _getElementStatus: function(
+ /* Node */ n,
+ /* regex */ r)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_getElementStatus", 2240);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2244);
+var m = r.exec(n.get('className'));
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2245);
+return (m && m.length > 1 ? m[1] : false);
+ },
+
+ /**
+ * Update the status of the node, if the new status has higher precedence.
+ *
+ * @method _updateRecordStatus
+ * @param bd {Node}
+ * @param type {String} new status
+ * @param p {String} pattern for extracting status
+ * @param r {RegExpr} regex for extracting status
+ * @param prefix {String} status prefix
+ * @return {Boolean} true if status was modified
+ */
+ _updateRecordStatus: function(
+ /* element */ bd,
+ /* string */ type,
+ /* string */ p,
+ /* regex */ r,
+ /* string */ prefix)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_updateRecordStatus", 2259);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2266);
+if (Y.FormManager.statusTakesPrecedence(this._getElementStatus(bd, r), type))
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2268);
+bd.replaceClass(p, prefix + type);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2269);
+this.has_validation_messages = true;
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2270);
+return true;
+ }
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2273);
+return false;
+ }
+});
+
+//
+// Markup
+//
+
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2281);
+BulkEditor.cleanHTML = function(s)
+{
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "cleanHTML", 2281);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2283);
+return (Y.Lang.isValue(s) ? Y.Escape.html(s) : '');
+};
+
+/**
+ * @property Y.BulkEditor.error_msg_markup
+ * @type {String}
+ * @static
+ */
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2291);
+BulkEditor.error_msg_markup = Y.Lang.sub('',
+{
+ c: message_container_class
+});
+
+/**
+ * @method labelMarkup
+ * @static
+ * @param o {Object}
+ * key {String} field key,
+ * value {Mixed} field value,
+ * field {Object} field configuration,
+ * record {Object} record data
+ * @return {String} markup for the label of the specified field
+ */
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2306);
+BulkEditor.labelMarkup = function(o)
+{
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "labelMarkup", 2306);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2308);
+var label = '';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2310);
+return Y.Lang.sub(label,
+ {
+ id: this.getFieldId(o.record, o.key),
+ label: o.field.label
+ });
+};
+
+/**
+ * Map of field type (input,select,textarea) to function that generates the
+ * required markup. You can add additional entries. Each function takes a
+ * single argument: an object defining
+ * key {String} field key,
+ * value {Mixed} field value,
+ * field {Object} field configuration,
+ * record {Object} record data
+ *
+ * @property Y.BulkEditor.markup
+ * @type {Object}
+ * @static
+ */
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2330);
+BulkEditor.markup =
+{
+ input: function(o)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "input", 2332);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2334);
+var input =
+ '
';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2782);
+container.set('innerHTML', s);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2783);
+this.table = container.get('firstChild');
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2785);
+this._attachEvents(this.table);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2786);
+Y.on('key', moveFocus, this.table, 'down:38,40+ctrl', this);
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2788);
+Y.Object.each(this.get('events'), function(e)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 31)", 2788);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2790);
+Y.delegate(e.type, e.fn, this.table, e.nodes, this);
+ },
+ this);
+ }
+ else
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2796);
+while (this.table.get('children').size() > 1)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2798);
+this.table.get('lastChild').remove().destroy(true);
+ }
+ }
+ },
+
+ _renderRecordContainer: function(
+ /* element */ container,
+ /* object */ record)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_renderRecordContainer", 2803);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2807);
+var body = Y.Node.create('');
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2808);
+body.set('id', this.getRecordContainerId(record));
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2809);
+body.set('className',
+ BulkEditor.record_container_class + ' ' +
+ ((this.table.get('children').size() % 2) ? odd_class : even_class)); // accounts for th row
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2813);
+var msg_row = Y.Node.create('{label} ';
- Y.Array.each(this.get('columns'), function(column)
+ s = Y.Array.reduce(this.get('columns'), s, function(s, column)
{
- s += Y.Lang.sub(row_markup,
+ return s + Y.Lang.sub(row_markup,
{
cell: cell_class,
prefix: cell_class_prefix,
@@ -2541,6 +2784,7 @@ Y.extend(HTMLTableBulkEditor, BulkEditor,
container.set('innerHTML', s);
this.table = container.get('firstChild');
+ this._attachEvents(this.table);
Y.on('key', moveFocus, this.table, 'down:38,40+ctrl', this);
Y.Object.each(this.get('events'), function(e)
@@ -2553,7 +2797,7 @@ Y.extend(HTMLTableBulkEditor, BulkEditor,
{
while (this.table.get('children').size() > 1)
{
- this.table.get('lastChild').remove();
+ this.table.get('lastChild').remove().destroy(true);
}
}
},
@@ -2651,4 +2895,4 @@ Y.extend(HTMLTableBulkEditor, BulkEditor,
Y.HTMLTableBulkEditor = HTMLTableBulkEditor;
-}, 'gallery-2011.09.07-20-35' ,{skinnable:true, optional:['datasource','dataschema','gallery-paginator'], requires:['widget','datasource-local','gallery-busyoverlay','gallery-formmgr-css-validation','gallery-node-optimizations','gallery-scrollintoview']});
+}, 'gallery-2012.10.10-19-59' ,{optional:['datasource','dataschema','gallery-paginator'], requires:['widget','datasource-local','gallery-busyoverlay','gallery-formmgr-css-validation','gallery-node-optimizations','gallery-scrollintoview','array-extras','gallery-funcprog','escape','event-key','gallery-nodelist-extras2'], skinnable:true});
diff --git a/build/gallery-bulkedit/gallery-bulkedit-min.js b/build/gallery-bulkedit/gallery-bulkedit-min.js
index c6860e3248..679c01bec8 100644
--- a/build/gallery-bulkedit/gallery-bulkedit-min.js
+++ b/build/gallery-bulkedit/gallery-bulkedit-min.js
@@ -1,6 +1,6 @@
YUI.add("gallery-bulkedit",function(Y){function BulkEditDataSource(){BulkEditDataSource.superclass.constructor.apply(this,arguments);}BulkEditDataSource.NAME="bulkEditDataSource";BulkEditDataSource.ATTRS={ds:{writeOnce:true},generateRequest:{validator:Y.Lang.isFunction,writeOnce:true},uniqueIdKey:{validator:Y.Lang.isString,writeOnce:true},generateUniqueId:{value:function(){idCounter++;return uniqueIdPrefix+idCounter;},validator:Y.Lang.isFunction,writeOnce:true},startIndexExpr:{validator:Y.Lang.isString,writeOnce:true},totalRecordsReturnExpr:{validator:Y.Lang.isString,writeOnce:true},extractTotalRecords:{validator:Y.Lang.isFunction,writeOnce:true}};var uniqueIdPrefix="bulk-edit-new-id-",idCounter=0,inserted_prefix="be-ds-i:",inserted_re=/^be-ds-i:/,removed_prefix="be-ds-r:",removed_re=/^be-ds-r:/;BulkEditDataSource.comparator={"string":function(a,b){return(Y.Lang.trim(a.toString())===Y.Lang.trim(b.toString()));},"integer":function(a,b){return(parseInt(a,10)===parseInt(b,10));},"decimal":function(a,b){return(parseFloat(a,10)===parseFloat(b,10));},"boolean":function(a,b){return(((a&&b)||(!a&&!b))?true:false);}};function fromDisplayIndex(index){var count=-1;for(var i=0;i=ds.getRecordCount()){pg.setPage(pg.getPreviousPage());return;}this._render(e.response);this._updatePaginator(e.response);this.scroll_to_index=-1;},this),failure:Y.bind(function(){this.busy.hide();this.scroll_to_index=-1;},this)}});},saveChanges:function(){var ds=this.get("ds");var records=ds.getCurrentRecords();var id_key=ds.get("uniqueIdKey");Y.Object.each(this.get("fields"),function(value,key){Y.Array.each(records,function(r){var node=this.getFieldElement(r,key);ds.updateValue(r[id_key],key,node.get("value"));},this);},this);},getAllValues:function(callback){var request={startIndex:0,resultCount:this.get("ds").getRecordCount()};Y.mix(request,this.get("requestExtra"));this.get("ds").sendRequest({request:request,callback:callback});},getChanges:function(){return this.get("ds").getChanges();},insertRecord:function(index,record){var record_id=this.get("ds").insertRecord(index,record);if(index<=this.server_errors.records.length){this.server_errors.records.splice(index,0,{id:record_id});this._updatePageStatus();}return record_id;},removeRecord:function(index){if(this.get("ds").removeRecord(index)){if(index0){return{record:this.get("ds").getCurrentRecordMap()[m[1]],field_key:m[2]};}},getRecordId:function(obj){if(Y.Lang.isObject(obj)&&!(obj instanceof Y.Node)){return obj[this.get("ds").get("uniqueIdKey")];}var node=obj.getAncestorByClassName(BulkEditor.record_container_class,true);if(node){var m=id_regex.exec(node.get("id"));if(m&&m.length>0){return m[1];}}},getRecordContainer:function(record){if(Y.Lang.isString(record)){var id=id_prefix+id_separator+record;}else{if(record instanceof Y.Node){return record.getAncestorByClassName(BulkEditor.record_container_class,true);}else{var id=this.getRecordContainerId(record);}}return Y.one("#"+id);},getFieldContainer:function(record,key){var field=this.getFieldElement(record,key);return field.getAncestorByClassName(field_container_class,true);},getFieldElement:function(record,key){if(record instanceof Y.Node){record=this.getRecordId(record);}return Y.one("#"+this.getFieldId(record,key));},showRecordIndex:function(index){if(index<0||this.get("ds").getRecordCount()<=index){return;}var pg=this.get("paginator");var start=pg?pg.getStartIndex():0;var count=pg?pg.getRowsPerPage():default_page_size;if(start<=index&&index=0){this.showRecordIndex(index);}},pingRecord:function(record){var ping=this.get("pingClass");if(ping){var node=this.getRecordContainer(record);node.addClass(ping);Y.later(this.get("pingTimeout")*1000,null,function(){node.removeClass(ping);});}},_render:function(response){var container=this.get("contentBox");Y.Event.purgeElement(container);this._renderContainer(container);container.set("scrollTop",0);container.set("scrollLeft",0);Y.Array.each(response.results,function(record){var node=this._renderRecordContainer(container,record);this._renderRecord(node,record);},this);if(this.auto_validate){this.validate();}if(this.scroll_to_index>=0){this.showRecordIndex(this.scroll_to_index);this.scroll_to_index=-1;}},_renderContainer:function(container){container.set("innerHTML","");},_renderRecordContainer:function(container,record){return null;},_renderRecord:function(container,record){Y.Object.each(this.get("fields"),function(field,key){this._renderField({container:container,key:key,value:record[key],field:field,record:record});},this);},_renderField:function(o){},_updatePaginator:function(response){var pg=this.get("paginator");if(pg){pg.setTotalRecords(this.get("ds").getRecordCount(),true);}},clearServerErrors:function(){if(this.server_errors&&this.server_errors.page&&this.server_errors.page.length){this.fire("clearErrorNotification");}this.server_errors={page:[],records:[],record_map:{}};var pg=this.get("paginator");if(pg){pg.set("pageStatus",[]);}this.first_error_page=-1;this._clearValidationMessages();},setServerErrors:function(page_errors,record_field_errors){if(this.server_errors.page.length&&(!page_errors||!page_errors.length)){this.fire("clearErrorNotification");
-}this.server_errors={page:page_errors||[],records:record_field_errors||[],record_map:{}};Y.Array.each(this.server_errors.records,function(r){this.server_errors.record_map[r.id]=r;},this);this._updatePageStatus();var pg=this.get("paginator");if(!pg||pg.getCurrentPage()===this.first_error_page){this.validate();}else{this.auto_validate=true;pg.setPage(this.first_error_page);}},_updatePageStatus:function(){var pg=this.get("paginator");if(!pg){return;}var page_size=pg?pg.getRowsPerPage():default_page_size;var status=this.page_status.slice(0);this.first_error_page=-1;var r=this.server_errors.records;for(var i=0;i");}if(!this.validation_keys){this.validation_keys=[];Y.Object.each(this.get("fields"),function(value,key){if(value.validation){this.validation_keys.push(key);}},this);}var count=ds.getRecordCount();var page_size=pg.getRowsPerPage();for(var i=0;i0){m.item(0).set("innerHTML",msg);}}bd2.replaceClass(status_pattern,status_prefix+type);this.has_validation_messages=true;}if(changed&&scroll){bd1.scrollIntoView();}},displayRecordMessage:function(id,msg,type,scroll){if(Y.Lang.isUndefined(scroll)){scroll=!this.has_validation_messages;
-}var bd1=this.getRecordContainer(id);var changed=this._updateRecordStatus(bd1,type,status_pattern,status_re,status_prefix);if(this._updateRecordStatus(bd1,type,record_status_pattern,record_status_re,record_status_prefix)&&msg){var bd2=bd1.getElementsByClassName(BulkEditor.record_msg_container_class).item(0);if(bd2){var m=bd2.getElementsByClassName(message_container_class);if(m&&m.size()>0){m.item(0).set("innerHTML",msg);}}}if(changed&&scroll){bd1.scrollIntoView();}},_getElementStatus:function(n,r){var m=r.exec(n.get("className"));return(m&&m.length>1?m[1]:false);},_updateRecordStatus:function(bd,type,p,r,prefix){if(Y.FormManager.statusTakesPrecedence(this._getElementStatus(bd,r),type)){bd.replaceClass(p,prefix+type);this.has_validation_messages=true;return true;}return false;}});function cleanHTML(s){if(!s){return"";}return s.toString().replace(/<\/?script>/ig,"").replace(/&/g,"&").replace(//g,">");}BulkEditor.error_msg_markup=Y.Lang.sub('',{c:message_container_class});BulkEditor.labelMarkup=function(o){var label='';return Y.Lang.sub(label,{id:this.getFieldId(o.record,o.key),label:o.field.label});};BulkEditor.markup={input:function(o){var input='
";container.set("innerHTML",s);this.table=container.get("firstChild");Y.on("key",moveFocus,this.table,"down:38,40+ctrl",this);Y.Object.each(this.get("events"),function(e){Y.delegate(e.type,e.fn,this.table,e.nodes,this);},this);}else{while(this.table.get("children").size()>1){this.table.get("lastChild").remove();
-}}},_renderRecordContainer:function(container,record){var body=Y.Node.create("");body.set("id",this.getRecordContainerId(record));body.set("className",BulkEditor.record_container_class+" "+((this.table.get("children").size()%2)?odd_class:even_class));var msg_row=Y.Node.create("=ds.getRecordCount()){pg.setPage(pg.getPreviousPage());return;}this._render(e.response);this._updatePaginator(e.response);this.scroll_to_index=-1;},this),failure:Y.bind(function(){this.busy.hide();this.scroll_to_index=-1;},this)}});},saveChanges:function(){var ds=this.get("ds");var records=ds.getCurrentRecords();var id_key=ds.get("uniqueIdKey");Y.Object.each(this.get("fields"),function(field,key){Y.Array.each(records,function(r){var node=this.getFieldElement(r,key),tag=node.get("tagName").toLowerCase(),value;if(tag=="input"&&node.get("type").toLowerCase()=="checkbox"){value=node.get("checked")?field.values.on:field.values.off;}else{if(tag=="select"&&node.get("multiple")){value=Y.reduce(Y.Node.getDOMNode(node).options,[],function(v,o){if(o.selected){v.push(o.value);}return v;});}else{value=node.get("value");}}ds.updateValue(r[id_key],key,value);},this);},this);},getAllValues:function(callback){var request={startIndex:0,resultCount:this.get("ds").getRecordCount()};Y.mix(request,this.get("requestExtra"));this.get("ds").sendRequest({request:request,callback:callback});},getChanges:function(){return this.get("ds").getChanges();},insertRecord:function(index,record){var record_id=this.get("ds").insertRecord(index,record);if(index<=this.server_errors.records.length){this.server_errors.records.splice(index,0,{id:record_id});this._updatePageStatus();}return record_id;},removeRecord:function(index){if(this.get("ds").removeRecord(index)){if(index0){return{record:this.get("ds").getCurrentRecordMap()[m[1]],field_key:m[2]};}},getRecordId:function(obj){if(Y.Lang.isObject(obj)&&!obj._node){return obj[this.get("ds").get("uniqueIdKey")];}var node=obj.getAncestorByClassName(BulkEditor.record_container_class,true);if(node){var m=id_regex.exec(node.get("id"));if(m&&m.length>0){return m[1];}}},getRecordContainer:function(record){if(Y.Lang.isString(record)){var id=id_prefix+id_separator+record;}else{if(record&&record._node){return record.getAncestorByClassName(BulkEditor.record_container_class,true);}else{var id=this.getRecordContainerId(record);}}return Y.one("#"+id);},getFieldContainer:function(record,key){var field=this.getFieldElement(record,key);return field.getAncestorByClassName(BulkEditor.field_container_class,true);},getFieldElement:function(record,key){if(record&&record._node){record=this.getRecordId(record);}return Y.one("#"+this.getFieldId(record,key));},showRecordIndex:function(index){if(index<0||this.get("ds").getRecordCount()<=index){return;}var pg=this.get("paginator");var start=pg?pg.getStartIndex():0;var count=pg?pg.getRowsPerPage():default_page_size;if(start<=index&&index=0){this.showRecordIndex(index);}},pingRecord:function(record){var ping=this.get("pingClass");if(ping){var node=this.getRecordContainer(record);node.addClass(ping);Y.later(this.get("pingTimeout")*1000,null,function(){node.removeClass(ping);});}},_render:function(response){var container=this.get("contentBox");this._renderContainer(container);container.set("scrollTop",0);container.set("scrollLeft",0);Y.Array.each(response.results,function(record){var node=this._renderRecordContainer(container,record);this._renderRecord(node,record);},this);this.fire("pageRendered");if(this.auto_validate){this.validate();}if(this.scroll_to_index>=0){this.showRecordIndex(this.scroll_to_index);this.scroll_to_index=-1;}},_renderContainer:function(container){container.set("innerHTML","");},_renderRecordContainer:function(container,record){return null;},_renderRecord:function(container,record){Y.Object.each(this.get("fields"),function(field,key){this._renderField({container:container,key:key,value:record[key],field:field,record:record});
+},this);},_renderField:function(o){},_updatePaginator:function(response){var pg=this.get("paginator");if(pg){pg.setTotalRecords(this.get("ds").getRecordCount(),true);}},clearServerErrors:function(){if(this.server_errors&&this.server_errors.page&&this.server_errors.page.length){this.fire("clearErrorNotification");}this.server_errors={page:[],records:[],record_map:{}};var pg=this.get("paginator");if(pg){pg.set("pageStatus",[]);}this.first_error_page=-1;this._clearValidationMessages();},setServerErrors:function(page_errors,record_field_errors){if(this.server_errors.page.length&&(!page_errors||!page_errors.length)){this.fire("clearErrorNotification");}this.server_errors={page:page_errors||[],records:record_field_errors||[],record_map:Y.Array.toObject(record_field_errors||[],"id")};this._updatePageStatus();var pg=this.get("paginator");if(!pg||pg.getCurrentPage()===this.first_error_page){this.validate();}else{this.auto_validate=true;pg.setPage(this.first_error_page);}},_updatePageStatus:function(){var pg=this.get("paginator");if(!pg){return;}var page_size=pg?pg.getRowsPerPage():default_page_size;var status=this.page_status.slice(0);this.first_error_page=-1;var r=this.server_errors.records;for(var i=0;i");}if(!this.validation_keys){this.validation_keys=[];Y.Object.each(this.get("fields"),function(value,key){if(value.validation){this.validation_keys.push(key);}},this);}var count=ds.getRecordCount();var page_size=pg.getRowsPerPage();for(var i=0;i0){m.item(0).set("innerHTML",msg);}}bd2.replaceClass(status_pattern,status_prefix+type);this.has_validation_messages=true;}if(changed&&scroll){bd1.scrollIntoView();}},displayRecordMessage:function(id,msg,type,scroll){if(Y.Lang.isUndefined(scroll)){scroll=!this.has_validation_messages;}var bd1=this.getRecordContainer(id);var changed=this._updateRecordStatus(bd1,type,status_pattern,status_re,status_prefix);if(this._updateRecordStatus(bd1,type,record_status_pattern,record_status_re,record_status_prefix)&&msg){var bd2=bd1.getElementsByClassName(BulkEditor.record_msg_container_class).item(0);if(bd2){var m=bd2.getElementsByClassName(message_container_class);if(m&&m.size()>0){m.item(0).set("innerHTML",msg);}}}if(changed&&scroll){bd1.scrollIntoView();}},_getElementStatus:function(n,r){var m=r.exec(n.get("className"));return(m&&m.length>1?m[1]:false);},_updateRecordStatus:function(bd,type,p,r,prefix){if(Y.FormManager.statusTakesPrecedence(this._getElementStatus(bd,r),type)){bd.replaceClass(p,prefix+type);this.has_validation_messages=true;return true;}return false;}});BulkEditor.cleanHTML=function(s){return(Y.Lang.isValue(s)?Y.Escape.html(s):"");};BulkEditor.error_msg_markup=Y.Lang.sub('',{c:message_container_class});BulkEditor.labelMarkup=function(o){var label='';return Y.Lang.sub(label,{id:this.getFieldId(o.record,o.key),label:o.field.label});};BulkEditor.markup={input:function(o){var input='
";container.set("innerHTML",s);this.table=container.get("firstChild");this._attachEvents(this.table);Y.on("key",moveFocus,this.table,"down:38,40+ctrl",this);Y.Object.each(this.get("events"),function(e){Y.delegate(e.type,e.fn,this.table,e.nodes,this);},this);}else{while(this.table.get("children").size()>1){this.table.get("lastChild").remove().destroy(true);}}},_renderRecordContainer:function(container,record){var body=Y.Node.create("");body.set("id",this.getRecordContainerId(record));body.set("className",BulkEditor.record_container_class+" "+((this.table.get("children").size()%2)?odd_class:even_class));var msg_row=Y.Node.create("{label} ';
- Y.Array.each(this.get('columns'), function(column)
+ s = Y.Array.reduce(this.get('columns'), s, function(s, column)
{
- s += Y.Lang.sub(row_markup,
+ return s + Y.Lang.sub(row_markup,
{
cell: cell_class,
prefix: cell_class_prefix,
@@ -2539,6 +2782,7 @@ Y.extend(HTMLTableBulkEditor, BulkEditor,
container.set('innerHTML', s);
this.table = container.get('firstChild');
+ this._attachEvents(this.table);
Y.on('key', moveFocus, this.table, 'down:38,40+ctrl', this);
Y.Object.each(this.get('events'), function(e)
@@ -2551,7 +2795,7 @@ Y.extend(HTMLTableBulkEditor, BulkEditor,
{
while (this.table.get('children').size() > 1)
{
- this.table.get('lastChild').remove();
+ this.table.get('lastChild').remove().destroy(true);
}
}
},
@@ -2648,4 +2892,4 @@ Y.extend(HTMLTableBulkEditor, BulkEditor,
Y.HTMLTableBulkEditor = HTMLTableBulkEditor;
-}, 'gallery-2011.09.07-20-35' ,{skinnable:true, optional:['datasource','dataschema','gallery-paginator'], requires:['widget','datasource-local','gallery-busyoverlay','gallery-formmgr-css-validation','gallery-node-optimizations','gallery-scrollintoview']});
+}, 'gallery-2012.10.10-19-59' ,{optional:['datasource','dataschema','gallery-paginator'], requires:['widget','datasource-local','gallery-busyoverlay','gallery-formmgr-css-validation','gallery-node-optimizations','gallery-scrollintoview','array-extras','gallery-funcprog','escape','event-key','gallery-nodelist-extras2'], skinnable:true});
diff --git a/build/gallery-busyoverlay/assets/skins/sam/gallery-busyoverlay.css b/build/gallery-busyoverlay/assets/skins/sam/gallery-busyoverlay.css
index cb5f4c8fd4..611fe3972a 100644
--- a/build/gallery-busyoverlay/assets/skins/sam/gallery-busyoverlay.css
+++ b/build/gallery-busyoverlay/assets/skins/sam/gallery-busyoverlay.css
@@ -1 +1 @@
-* html .yui3-busyoverlay-browser-hacks select{visibility:hidden}.yui3-skin-sam .yui3-component-busy{background:#fff url(spinner.gif) no-repeat scroll center;filter:alpha(opacity=60);opacity:.6;z-index:100}
+* html .yui3-busyoverlay-browser-hacks select{visibility:hidden}.yui3-skin-sam .yui3-component-busy{background:#fff url(spinner.gif) no-repeat scroll center;filter:alpha(opacity=60);opacity:.6;z-index:100}#yui3-css-stamp.skin-sam-gallery-busyoverlay{display:none}
diff --git a/build/gallery-busyoverlay/gallery-busyoverlay-debug.js b/build/gallery-busyoverlay/gallery-busyoverlay-debug.js
index 93208c887b..d4cb578ee2 100644
--- a/build/gallery-busyoverlay/gallery-busyoverlay-debug.js
+++ b/build/gallery-busyoverlay/gallery-busyoverlay-debug.js
@@ -1,13 +1,21 @@
YUI.add('gallery-busyoverlay', function(Y) {
-/**********************************************************************
+"use strict";
+
+/**
+ * @module gallery-busyoverlay
+ */
+
+/**
* A plugin for Y.Node or Y.Widget that creates an overlaying div.
* Especially useful for a widget that is waiting for an AJAX response.
*
- * @module gallery-busyoverlay
- * @namespace Plugin
+ * @main gallery-busyoverlay
* @class BusyOverlay
+ * @namespace Plugin
* @extends Plugin.Base
+ * @constructor
+ * @param config {Object} configuration
*/
function BusyOverlayPlugin(config)
{
@@ -22,7 +30,7 @@ BusyOverlayPlugin.ATTRS =
/**
* CSS class to apply to the overlay.
*
- * @config css
+ * @attribute css
* @type {String}
* @default "yui3-component-busy"
*/
@@ -71,6 +79,7 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
},
/**
+ * @method isVisible
* @return {Boolean} true if the overlay is visible
*/
isVisible: function()
@@ -80,6 +89,8 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Show the overlay.
+ *
+ * @method show
*/
show: function()
{
@@ -88,6 +99,8 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Hide the overlay.
+ *
+ * @method hide
*/
hide: function()
{
@@ -96,6 +109,8 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Toggle the visibility of the overlay.
+ *
+ * @method toggleVisible
*/
toggleVisible: function()
{
@@ -105,6 +120,7 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Set the visibility of the overlay.
*
+ * @method setVisible
* @param visible {Boolean}
*/
setVisible: function(
@@ -138,6 +154,7 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
},
/**
+ * @method getTargetNode
* @return {Node} node to overlay
*/
getTargetNode: function()
@@ -151,4 +168,4 @@ Y.namespace("Plugin");
Y.Plugin.BusyOverlay = BusyOverlayPlugin;
-}, 'gallery-2011.08.24-23-44' ,{requires:['plugin','node-pluginhost','node-screen','node-style'], skinnable:true});
+}, 'gallery-2012.05.16-20-37' ,{requires:['plugin','node-pluginhost','node-screen','node-style'], skinnable:true});
diff --git a/build/gallery-busyoverlay/gallery-busyoverlay-min.js b/build/gallery-busyoverlay/gallery-busyoverlay-min.js
index fca1a9845f..7c8dc6ec6b 100644
--- a/build/gallery-busyoverlay/gallery-busyoverlay-min.js
+++ b/build/gallery-busyoverlay/gallery-busyoverlay-min.js
@@ -1 +1 @@
-YUI.add("gallery-busyoverlay",function(c){function a(d){a.superclass.constructor.apply(this,arguments);}a.NAME="BusyOverlayPlugin";a.NS="busy";a.ATTRS={css:{value:"yui3-component-busy",validator:c.Lang.isString}};function b(){var d=this.getTargetNode().get("region");if(d&&(!this.target_region||d.top!==this.target_region.top||d.bottom!==this.target_region.bottom||d.left!==this.target_region.left||d.right!==this.target_region.right)){this.target_region=d;this.o.setXY([d.left,d.top]);this.o.setStyle("width",d.width+"px");this.o.setStyle("height",d.height+"px");}}c.extend(a,c.Plugin.Base,{initializer:function(d){this.o=c.Node.create('');this.o.set("className",this.get("css"));this.getTargetNode().get("parentNode").appendChild(this.o);this.on("cssChange",function(f){this.o.set("className",f.newVal);});},destructor:function(){this.o.remove();},isVisible:function(){return(this.o.getStyle("visibility")!="hidden");},show:function(){this.setVisible(true);},hide:function(){this.setVisible(false);},toggleVisible:function(){this.setVisible(!this.isVisible());},setVisible:function(d){this.target_region=null;this.o.setStyle("display",(d?"":"none"));b.call(this);this.o.setStyle("visibility",(d?"":"hidden"));if(d){if(!this.timer){this.timer=c.later(500,this,b,null,true);}this.getTargetNode().addClass("yui3-busyoverlay-browser-hacks");}else{if(this.timer){this.timer.cancel();this.timer=null;}this.getTargetNode().removeClass("yui3-busyoverlay-browser-hacks");}},getTargetNode:function(){var d=this.get("host");return(c.Widget&&d instanceof c.Widget?d.get("boundingBox"):d);}});c.namespace("Plugin");c.Plugin.BusyOverlay=a;},"gallery-2011.08.24-23-44",{requires:["plugin","node-pluginhost","node-screen","node-style"],skinnable:true});
\ No newline at end of file
+YUI.add("gallery-busyoverlay",function(c){function a(d){a.superclass.constructor.apply(this,arguments);}a.NAME="BusyOverlayPlugin";a.NS="busy";a.ATTRS={css:{value:"yui3-component-busy",validator:c.Lang.isString}};function b(){var d=this.getTargetNode().get("region");if(d&&(!this.target_region||d.top!==this.target_region.top||d.bottom!==this.target_region.bottom||d.left!==this.target_region.left||d.right!==this.target_region.right)){this.target_region=d;this.o.setXY([d.left,d.top]);this.o.setStyle("width",d.width+"px");this.o.setStyle("height",d.height+"px");}}c.extend(a,c.Plugin.Base,{initializer:function(d){this.o=c.Node.create('');this.o.set("className",this.get("css"));this.getTargetNode().get("parentNode").appendChild(this.o);this.on("cssChange",function(f){this.o.set("className",f.newVal);});},destructor:function(){this.o.remove();},isVisible:function(){return(this.o.getStyle("visibility")!="hidden");},show:function(){this.setVisible(true);},hide:function(){this.setVisible(false);},toggleVisible:function(){this.setVisible(!this.isVisible());},setVisible:function(d){this.target_region=null;this.o.setStyle("display",(d?"":"none"));b.call(this);this.o.setStyle("visibility",(d?"":"hidden"));if(d){if(!this.timer){this.timer=c.later(500,this,b,null,true);}this.getTargetNode().addClass("yui3-busyoverlay-browser-hacks");}else{if(this.timer){this.timer.cancel();this.timer=null;}this.getTargetNode().removeClass("yui3-busyoverlay-browser-hacks");}},getTargetNode:function(){var d=this.get("host");return(c.Widget&&d instanceof c.Widget?d.get("boundingBox"):d);}});c.namespace("Plugin");c.Plugin.BusyOverlay=a;},"gallery-2012.05.16-20-37",{requires:["plugin","node-pluginhost","node-screen","node-style"],skinnable:true});
\ No newline at end of file
diff --git a/build/gallery-busyoverlay/gallery-busyoverlay.js b/build/gallery-busyoverlay/gallery-busyoverlay.js
index 93208c887b..d4cb578ee2 100644
--- a/build/gallery-busyoverlay/gallery-busyoverlay.js
+++ b/build/gallery-busyoverlay/gallery-busyoverlay.js
@@ -1,13 +1,21 @@
YUI.add('gallery-busyoverlay', function(Y) {
-/**********************************************************************
+"use strict";
+
+/**
+ * @module gallery-busyoverlay
+ */
+
+/**
* A plugin for Y.Node or Y.Widget that creates an overlaying div.
* Especially useful for a widget that is waiting for an AJAX response.
*
- * @module gallery-busyoverlay
- * @namespace Plugin
+ * @main gallery-busyoverlay
* @class BusyOverlay
+ * @namespace Plugin
* @extends Plugin.Base
+ * @constructor
+ * @param config {Object} configuration
*/
function BusyOverlayPlugin(config)
{
@@ -22,7 +30,7 @@ BusyOverlayPlugin.ATTRS =
/**
* CSS class to apply to the overlay.
*
- * @config css
+ * @attribute css
* @type {String}
* @default "yui3-component-busy"
*/
@@ -71,6 +79,7 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
},
/**
+ * @method isVisible
* @return {Boolean} true if the overlay is visible
*/
isVisible: function()
@@ -80,6 +89,8 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Show the overlay.
+ *
+ * @method show
*/
show: function()
{
@@ -88,6 +99,8 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Hide the overlay.
+ *
+ * @method hide
*/
hide: function()
{
@@ -96,6 +109,8 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Toggle the visibility of the overlay.
+ *
+ * @method toggleVisible
*/
toggleVisible: function()
{
@@ -105,6 +120,7 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
/**
* Set the visibility of the overlay.
*
+ * @method setVisible
* @param visible {Boolean}
*/
setVisible: function(
@@ -138,6 +154,7 @@ Y.extend(BusyOverlayPlugin, Y.Plugin.Base,
},
/**
+ * @method getTargetNode
* @return {Node} node to overlay
*/
getTargetNode: function()
@@ -151,4 +168,4 @@ Y.namespace("Plugin");
Y.Plugin.BusyOverlay = BusyOverlayPlugin;
-}, 'gallery-2011.08.24-23-44' ,{requires:['plugin','node-pluginhost','node-screen','node-style'], skinnable:true});
+}, 'gallery-2012.05.16-20-37' ,{requires:['plugin','node-pluginhost','node-screen','node-style'], skinnable:true});
diff --git a/build/gallery-button-plugin/gallery-button-plugin-debug.js b/build/gallery-button-plugin/gallery-button-plugin-debug.js
new file mode 100644
index 0000000000..e1ba038de8
--- /dev/null
+++ b/build/gallery-button-plugin/gallery-button-plugin-debug.js
@@ -0,0 +1,168 @@
+YUI.add('gallery-button-plugin', function(Y) {
+
+/**
+ Node plugin to handle toggle buttons and groups of mutually exclusive toggle buttons.
+ Searches a given container for buttons marked with the `yui3-button-toggle` className
+ and turns them into toggle buttons and also any HTML element with the `yui3-button-group-exclusive`
+ className and makes the toggle buttons within it mutually exclussive.
+ Adds the `selected` attribute, for toggle buttons it tells whether the button is in the pressed state,
+ for groups of toggles points to the button currently presssed.
+ Relies on the cssbutton module for styling.
+ @module gallery-button-plugin
+ @class ButtonPlugin
+ @static
+*/
+
+var btn = function() {},
+
+ C_BUTTON = 'yui3-button',
+ C_TOGGLE = C_BUTTON + '-toggle',
+ C_SELECTED = C_BUTTON + '-selected',
+ C_EXCLUSIVE = C_BUTTON + '-group-exclusive',
+ SELECTED = 'selected',
+ CLICK = 'click',
+ TOGGLE_BUTTON_SELECTOR = 'button.' + C_TOGGLE,
+ SELECTED_BUTTON_SELECTOR = 'button.' + C_SELECTED,
+ ARIA_PRESSED = 'aria-pressed',
+ BUTTON_TOGGLE = 1,
+ GROUP_TOGGLE = 2;
+
+/**
+ Getter for the augmented `selected` Node attribute
+ @method _selectedGetter
+ @return Boolean for toggle buttons, Node reference for groups.
+ State of the toggle button or Node of toggle button selected within group.
+ @static
+ @private
+*/
+btn._selectedGetter = function () {
+ switch (this._toggleType) {
+ case BUTTON_TOGGLE:
+ return this._toggleSelected;
+ case GROUP_TOGGLE:
+ return this._selectedToggle;
+ default:
+ return Y.Node.DEFAULT_GETTER.call(this, SELECTED);
+ }
+};
+
+/**
+ Setter for the augmented `selected` Node attribute
+ @method _selectedSetter
+ @param value {Boolean|Node|String} For toggle buttons: pressed state,
+ for groups of toggles, reference or css-selector of pressed button
+ @static
+ @private
+*/
+btn._selectedSetter = function(value) {
+ var target = null;
+ switch (this._toggleType) {
+ case BUTTON_TOGGLE:
+ this[value?'addClass':'removeClass'](C_SELECTED);
+ this[value?'setAttribute':'removeAttribute'](ARIA_PRESSED, true);
+ this._toggleSelected = !!value;
+ break;
+ case GROUP_TOGGLE:
+ if (value) {
+ target = Y.one(value);
+ target.set(SELECTED, true);
+ this._selectedToggle = (target.get(SELECTED)?target:null);
+ } else {
+ this._selectedToggle = null;
+ }
+ this.all(TOGGLE_BUTTON_SELECTOR).each(function (node) {
+ if (node !== target) {
+ node.set(SELECTED, false);
+ }
+ });
+ break;
+ default:
+ Y.Node.DEFAULT_SETTER.call(this,SELECTED, value);
+ break;
+ }
+ return value;
+};
+
+/**
+ Plugs into a toggle button
+ @method _addToggleButton
+ @param node {Node} Reference to the Node to be plugged into
+ @private
+ @static
+*/
+btn._addToggleButton = function (node) {
+ node._toggleType = BUTTON_TOGGLE;
+ node.set(SELECTED, node.hasClass(C_SELECTED));
+ node.on(CLICK, function () {
+ this.set(SELECTED, !this.get(SELECTED));
+ });
+
+};
+/**
+ Plugs into a container of mutually exclusive toggle buttons
+ @method _addButtonGroup
+ @param node {Node} Reference to the container of the buttons
+ @private
+ @static
+*/
+btn._addButtonGroup = function (node) {
+ node._toggleType = GROUP_TOGGLE;
+ node.set(SELECTED, Y.one(SELECTED_BUTTON_SELECTOR));
+ node.delegate(CLICK, function(ev) {
+ var target = ev.target;
+ ev.container.set(SELECTED, target.get(SELECTED)?target:null);
+ },TOGGLE_BUTTON_SELECTOR);
+};
+/**
+ Searches within the given container or the body of the document for
+ buttons marked with the className `yui3-button-toggle`
+ and elements with the className `yui3-button-group-exclusive` and
+ plugs them with this module
+ @method addToggles
+ @param [container] {Node|string} Node instance or css selector of the element
+ containing the buttons or button groups to be plugged into.
+ Assumes the document body if missing.
+ @static
+*/
+
+btn.addToggles = function (container) {
+ container = Y.one(container || 'body');
+ container.all(TOGGLE_BUTTON_SELECTOR).each(btn._addToggleButton);
+ container.all('.' + C_EXCLUSIVE).each(btn._addButtonGroup);
+};
+
+
+/**
+ Augmented `selected` attribute.
+ For toggle buttons indicates whether the button is pressed.
+ For groups of toggle buttons sets/return the reference to the button pressed
+ @attribute selected
+ @value Boolean for toggle buttons, Node reference or CSS selector for button groups
+*/
+Y.Node.ATTRS[SELECTED] = {
+ getter: btn._selectedGetter,
+ setter: btn._selectedSetter
+};
+
+/**
+ Signals if it is a toggle button or a group of toggle buttons.
+ 1 for toggle buttons, 2 for groups of toggle buttons
+ @property _toggleType
+ @for Node
+ @type integer
+ @private
+ */
+ /**
+ Holds a reference to the only pressed toggle button within a group
+ @property _selectedToggle
+ @for Node
+ @type Y.Node
+ @private
+ */
+
+
+Y.ButtonPlugin = btn;
+
+
+
+}, 'gallery-2012.03.28-20-16' ,{requires:['node', 'cssbutton'], skinnable:false});
diff --git a/build/gallery-button-plugin/gallery-button-plugin-min.js b/build/gallery-button-plugin/gallery-button-plugin-min.js
new file mode 100644
index 0000000000..dad315940a
--- /dev/null
+++ b/build/gallery-button-plugin/gallery-button-plugin-min.js
@@ -0,0 +1 @@
+YUI.add("gallery-button-plugin",function(c){var e=function(){},l="yui3-button",k=l+"-toggle",f=l+"-selected",b=l+"-group-exclusive",i="selected",j="click",h="button."+k,m="button."+f,d="aria-pressed",a=1,g=2;e._selectedGetter=function(){switch(this._toggleType){case a:return this._toggleSelected;case g:return this._selectedToggle;default:return c.Node.DEFAULT_GETTER.call(this,i);}};e._selectedSetter=function(n){var o=null;switch(this._toggleType){case a:this[n?"addClass":"removeClass"](f);this[n?"setAttribute":"removeAttribute"](d,true);this._toggleSelected=!!n;break;case g:if(n){o=c.one(n);o.set(i,true);this._selectedToggle=(o.get(i)?o:null);}else{this._selectedToggle=null;}this.all(h).each(function(p){if(p!==o){p.set(i,false);}});break;default:c.Node.DEFAULT_SETTER.call(this,i,n);break;}return n;};e._addToggleButton=function(n){n._toggleType=a;n.set(i,n.hasClass(f));n.on(j,function(){this.set(i,!this.get(i));});};e._addButtonGroup=function(n){n._toggleType=g;n.set(i,c.one(m));n.delegate(j,function(o){var p=o.target;o.container.set(i,p.get(i)?p:null);},h);};e.addToggles=function(n){n=c.one(n||"body");n.all(h).each(e._addToggleButton);n.all("."+b).each(e._addButtonGroup);};c.Node.ATTRS[i]={getter:e._selectedGetter,setter:e._selectedSetter};c.ButtonPlugin=e;},"gallery-2012.03.28-20-16",{requires:["node","cssbutton"],skinnable:false});
\ No newline at end of file
diff --git a/build/gallery-button-plugin/gallery-button-plugin.js b/build/gallery-button-plugin/gallery-button-plugin.js
new file mode 100644
index 0000000000..e1ba038de8
--- /dev/null
+++ b/build/gallery-button-plugin/gallery-button-plugin.js
@@ -0,0 +1,168 @@
+YUI.add('gallery-button-plugin', function(Y) {
+
+/**
+ Node plugin to handle toggle buttons and groups of mutually exclusive toggle buttons.
+ Searches a given container for buttons marked with the `yui3-button-toggle` className
+ and turns them into toggle buttons and also any HTML element with the `yui3-button-group-exclusive`
+ className and makes the toggle buttons within it mutually exclussive.
+ Adds the `selected` attribute, for toggle buttons it tells whether the button is in the pressed state,
+ for groups of toggles points to the button currently presssed.
+ Relies on the cssbutton module for styling.
+ @module gallery-button-plugin
+ @class ButtonPlugin
+ @static
+*/
+
+var btn = function() {},
+
+ C_BUTTON = 'yui3-button',
+ C_TOGGLE = C_BUTTON + '-toggle',
+ C_SELECTED = C_BUTTON + '-selected',
+ C_EXCLUSIVE = C_BUTTON + '-group-exclusive',
+ SELECTED = 'selected',
+ CLICK = 'click',
+ TOGGLE_BUTTON_SELECTOR = 'button.' + C_TOGGLE,
+ SELECTED_BUTTON_SELECTOR = 'button.' + C_SELECTED,
+ ARIA_PRESSED = 'aria-pressed',
+ BUTTON_TOGGLE = 1,
+ GROUP_TOGGLE = 2;
+
+/**
+ Getter for the augmented `selected` Node attribute
+ @method _selectedGetter
+ @return Boolean for toggle buttons, Node reference for groups.
+ State of the toggle button or Node of toggle button selected within group.
+ @static
+ @private
+*/
+btn._selectedGetter = function () {
+ switch (this._toggleType) {
+ case BUTTON_TOGGLE:
+ return this._toggleSelected;
+ case GROUP_TOGGLE:
+ return this._selectedToggle;
+ default:
+ return Y.Node.DEFAULT_GETTER.call(this, SELECTED);
+ }
+};
+
+/**
+ Setter for the augmented `selected` Node attribute
+ @method _selectedSetter
+ @param value {Boolean|Node|String} For toggle buttons: pressed state,
+ for groups of toggles, reference or css-selector of pressed button
+ @static
+ @private
+*/
+btn._selectedSetter = function(value) {
+ var target = null;
+ switch (this._toggleType) {
+ case BUTTON_TOGGLE:
+ this[value?'addClass':'removeClass'](C_SELECTED);
+ this[value?'setAttribute':'removeAttribute'](ARIA_PRESSED, true);
+ this._toggleSelected = !!value;
+ break;
+ case GROUP_TOGGLE:
+ if (value) {
+ target = Y.one(value);
+ target.set(SELECTED, true);
+ this._selectedToggle = (target.get(SELECTED)?target:null);
+ } else {
+ this._selectedToggle = null;
+ }
+ this.all(TOGGLE_BUTTON_SELECTOR).each(function (node) {
+ if (node !== target) {
+ node.set(SELECTED, false);
+ }
+ });
+ break;
+ default:
+ Y.Node.DEFAULT_SETTER.call(this,SELECTED, value);
+ break;
+ }
+ return value;
+};
+
+/**
+ Plugs into a toggle button
+ @method _addToggleButton
+ @param node {Node} Reference to the Node to be plugged into
+ @private
+ @static
+*/
+btn._addToggleButton = function (node) {
+ node._toggleType = BUTTON_TOGGLE;
+ node.set(SELECTED, node.hasClass(C_SELECTED));
+ node.on(CLICK, function () {
+ this.set(SELECTED, !this.get(SELECTED));
+ });
+
+};
+/**
+ Plugs into a container of mutually exclusive toggle buttons
+ @method _addButtonGroup
+ @param node {Node} Reference to the container of the buttons
+ @private
+ @static
+*/
+btn._addButtonGroup = function (node) {
+ node._toggleType = GROUP_TOGGLE;
+ node.set(SELECTED, Y.one(SELECTED_BUTTON_SELECTOR));
+ node.delegate(CLICK, function(ev) {
+ var target = ev.target;
+ ev.container.set(SELECTED, target.get(SELECTED)?target:null);
+ },TOGGLE_BUTTON_SELECTOR);
+};
+/**
+ Searches within the given container or the body of the document for
+ buttons marked with the className `yui3-button-toggle`
+ and elements with the className `yui3-button-group-exclusive` and
+ plugs them with this module
+ @method addToggles
+ @param [container] {Node|string} Node instance or css selector of the element
+ containing the buttons or button groups to be plugged into.
+ Assumes the document body if missing.
+ @static
+*/
+
+btn.addToggles = function (container) {
+ container = Y.one(container || 'body');
+ container.all(TOGGLE_BUTTON_SELECTOR).each(btn._addToggleButton);
+ container.all('.' + C_EXCLUSIVE).each(btn._addButtonGroup);
+};
+
+
+/**
+ Augmented `selected` attribute.
+ For toggle buttons indicates whether the button is pressed.
+ For groups of toggle buttons sets/return the reference to the button pressed
+ @attribute selected
+ @value Boolean for toggle buttons, Node reference or CSS selector for button groups
+*/
+Y.Node.ATTRS[SELECTED] = {
+ getter: btn._selectedGetter,
+ setter: btn._selectedSetter
+};
+
+/**
+ Signals if it is a toggle button or a group of toggle buttons.
+ 1 for toggle buttons, 2 for groups of toggle buttons
+ @property _toggleType
+ @for Node
+ @type integer
+ @private
+ */
+ /**
+ Holds a reference to the only pressed toggle button within a group
+ @property _selectedToggle
+ @for Node
+ @type Y.Node
+ @private
+ */
+
+
+Y.ButtonPlugin = btn;
+
+
+
+}, 'gallery-2012.03.28-20-16' ,{requires:['node', 'cssbutton'], skinnable:false});
diff --git a/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-coverage.js b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-coverage.js
new file mode 100644
index 0000000000..257e7500d0
--- /dev/null
+++ b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-coverage.js
@@ -0,0 +1,898 @@
+if (typeof _yuitest_coverage == "undefined"){
+ _yuitest_coverage = {};
+ _yuitest_coverline = function(src, line){
+ var coverage = _yuitest_coverage[src];
+ if (!coverage.lines[line]){
+ coverage.calledLines++;
+ }
+ coverage.lines[line]++;
+ };
+ _yuitest_coverfunc = function(src, name, line){
+ var coverage = _yuitest_coverage[src],
+ funcId = name + ":" + line;
+ if (!coverage.functions[funcId]){
+ coverage.calledFunctions++;
+ }
+ coverage.functions[funcId]++;
+ };
+}
+_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"] = {
+ lines: {},
+ functions: {},
+ coveredLines: 0,
+ calledLines: 0,
+ coveredFunctions: 0,
+ calledFunctions: 0,
+ path: "/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js",
+ code: []
+};
+_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].code=["YUI.add('gallery-calendar-jumpnav', function(Y) {","","/**"," A Plugin for Y.Calendar that sets up Calendar to work with Y.Calendar.JumpNavView, which"," is a View class extension to setup a \"click\" listener on Calendar's \"Month Year\" header label"," that opens a popup Panel to provide a quick method to jump to a month / year.",""," Please see the Calendar.JumpNavView documentation for full details.",""," @example"," var myCal = new Y.Calendar({"," contentBox: \"#mycal\","," width: '200px',"," showPrevMonth: true,"," showNextMonth: true"," });",""," // Plugin the View to this Calendar ... available years are 1988 to 2021"," cal.plug( Y.Plugin.Calendar.JumpNav, {"," yearStart: 1988,"," yearEnd: 2021"," });",""," cal.render();",""," @class Y.Plugin.Calendar.JumpNav"," @param config"," @constructor"," **/","function CalJumpNav(config) {"," CalJumpNav.superclass.constructor.apply(this, arguments);","}","","/**"," * The namespace property of this plugin that this can be accessed from via a Calendar instance."," * @property NS"," * @description This plugin can be accessed from a Calendar instance as \"Calendar.jumpnav\""," * @type {String}"," */","CalJumpNav.NS = \"jumpnav\";","","/**"," * The name property of this plugin"," * @property NAME"," * @description name for this plugin"," * @type {String}"," */","CalJumpNav.NAME = \"calendarJumpnavPlugin\";","","CalJumpNav.ATTRS = {",""," /**"," * @attribute yearStart"," * @type Number"," * @default 1985"," */"," yearStart:{"," value: 1985,"," validator: Y.Lang.isNumber"," },",""," /**"," * @attribute yearEnd"," * @type Number"," * @default Current year"," */"," yearEnd:{"," value: new Date().getFullYear(),"," validator: Y.Lang.isNumber"," },",""," /**"," * The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar \"header label\""," * that was clicked."," * @attribute offsetXY"," * @type Array"," * @default [ 30, 10 ]"," */"," offsetXY:{"," value: [ 30, 10 ],"," validator: Y.Lang.isArray"," },",""," /**"," Sets the Event \"type\" that is used in the Calendar \"header label\" listener to open the popup Panel."," Sensible values are \"click\" or \"dblclick\"."," @attribute openEventType"," @type String"," @default 'click'"," **/"," openEventType:{"," value: 'click',"," validator: Y.Lang.isString"," },","",""," /**"," This flag sets whether the Panel instance should be hidden after the \"Go\" button is pressed"," @attribute closeAfterGo"," @type Boolean"," @default true"," **/"," closeAfterGo:{"," value: true,"," validator: Y.Lang.isBoolean"," }","","}","","","Y.extend(CalJumpNav, Y.Plugin.Base, {",""," _view: null,",""," /**"," *"," * @method initializer"," * @param config"," */"," initializer: function(config) {"," this.afterHostEvent(\"render\", this._afterHostRenderEvent);"," return this;"," },",""," /**"," * Destroys the View that was created and detaches its event listeners"," * @method destructor"," * @protected"," */"," destructor : function() {"," if(this._view) {"," this._view.destroy();"," }"," this._view = null;"," },",""," /**"," * Connector method that initializes the View and connects it to the Calendar instance"," * @method _afterHostRenderEvent"," * @private"," */"," _afterHostRenderEvent : function() {"," if(!this._view) {"," var viewCfgs = this.getAttrs(['yearStart','yearEnd','template','offsetXY','closeAfterGo','openEventType']);"," viewCfgs.calendar = this.get('host');"," this._view = new Y.Calendar.JumpNavView(viewCfgs);"," }"," }","","});","","/**"," This class defines a View class extension for Calendar that configures to load on a \"click\" on the Calendar's \"Month Year\""," header label to display a popup panel that allows for selecting the month / year without requiring to page thru by month."," The view creates a Panel instance from a standard template (see the property [template](#property_template) for the default)"," and handles populating the SELECT dropdown controls for \"month\" and \"year\".",""," Attributes are provided that include [yearStart](#attr_yearStart) and [yearEnd](#attr_yearEnd) for defining the range to"," be used for the \"year\" dropdown elements, for example.",""," #####Usage"," The simplest application includes creating a Calendar instance and then creating the View and attaching the calendar to"," the view with the [calendar](#attr_calendar) attribute.",""," var cal = new Y.Calendar({"," contentBox: \"#mycal\","," width:'240px',"," showPrevMonth: true,"," showNextMonth: true"," }).render();",""," // This creates a View instance and connects it to the \"cal\" Calendar instance."," var calJNav = new Y.Calendar.JumpNavView({"," calendar: cal,"," yearStart: 1988,"," yearEnd: 2021"," });",""," An additional module is provided, the Y.Plugin.Calendar.JumpNav plugin that attaches the Calendar to the view via a plugin method.",""," @class Y.Calendar.JumpNavView"," @extends Y.View"," @version 3.5.0"," **/","Y.Calendar.JumpNavView = Y.Base.create('caljumpnav', Y.View,[],{",""," /**"," * Defines event objects as part of View's event handling, specifically defines actions to"," * be taken on \"change\" events of the month and year SELECT controls."," * @property events"," * @type Object"," * @static"," */"," events: {"," 'select.yui3-calendar-navpanel-month' : { change : '_selectMonth' },"," 'select.yui3-calendar-navpanel-year' : { change: '_selectYear' }"," },",""," /**"," Default setting for the `template` attribute that defines the Panel HTML contents, including"," the SELECT options for month and year.",""," @example"," // Where classPanel is replaced by 'yui3-calendar-jumpnav-panel',"," // and classMonth by 'yui3-calendar-jumpnav-month'"," // and classYear by 'yui3-calendar-jumpnav-year'","
This method searches the OPTION nodes for \"value\" set to the year, to get around"," * CSS selector issues in some browers."," * @method _setSelectedYear"," * @param {Date} curDate"," * @private"," */"," _setSelectedYear: function(curDate){"," var yearNodes = this._viewNode.one('.'+this._classYear).all('option');"," yearNodes.some(function(yn){"," if(yn.get('value') == curDate.getFullYear() ) {"," yn.set('selected',true);"," return true;"," }"," });"," },",""," /**"," * Method that regenerates the \"month\" SELECT control, adding the months and defining the \"selected\" as the curDate parameter"," * @method _regenMonths"," * @param {Date} curDate Current date to set as \"selected\""," * @private"," */"," _regenMonths: function(curDate){"," curDate = curDate || this.get('calendar').get('date');"," var monthNode = this._viewNode.one('.'+this._classMonth),"," msel = monthNode.getDOMNode(),"," curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null,"," months = ['January','February','March','April','May','June','July','August','September','October','November','December'];",""," if(!msel) return;",""," //"," // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes"," //"," msel.options.length = 0;"," Y.Array.each(months,function(m,mindx){"," msel.options[msel.options.length] = new Option(m,mindx);"," // set \"selected\" for default"," if(curMonth === mindx) msel.options[msel.options.length-1].selected = true;"," });",""," },",""," /**"," * Method that regenerates the \"year\" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd`"," * and defining the \"selected\" as the curDate parameter"," * @method _regenYears"," * @param {Date} curDate Current date to set as \"selected\""," * @private"," */"," _regenYears: function(curDate){"," curDate = curDate || this.get('calendar').get('date');"," var yearNode = this._viewNode.one('.'+this._classYear),"," ysel = yearNode.getDOMNode(),"," curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null,"," yearStart= this.get('yearStart'),"," yearEnd = this.get('yearEnd');",""," if(!ysel) return;",""," //"," // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes"," //"," ysel.options.length = 0;"," for(var y=yearStart; y<= yearEnd; y++) {"," ysel.options[ysel.options.length] = new Option(y,y);"," // set \"selected\" for default"," if(curYear && curYear === y ) ysel.options[ysel.options.length-1].selected = true;"," }"," },",""," /**"," * Helper method to check if the specified year is an option in the current SELECT control OPTIONS."," * @method _yearInSelect"," * @param {Number} year Year to be checked if it is in the current SELECT control"," * @return {Boolean} true if year is in SELECt, false if not"," * @private"," */"," _yearInSelect: function(year){"," var yearNode = this._viewNode.one('.'+this._classYear),"," yindex = null;",""," yearNode.get('options').some(function(yo,yindx){"," if( +(yo.get('value')) === year) {"," yindex = yindx;"," return true;"," }"," });"," return (yindex!==null) ? true : false;"," },","","","//=========================== PRIVATE METHODS : Listeners =============================",""," /**"," * Listener on the Calendar's \"dateChange\" event to update the JumpNavigator if it's visible"," * @method _onCalendarDateChange"," * @param {EventTarget} e"," * @private"," */"," _onCalendarDateChange: function(e) {"," var newDate = e.newVal;"," if(this._panel && this._panel.get('visible')){"," this._setSelectedMonth(newDate);"," if(!this._yearInSelect(newDate.getFullYear()))"," this._regenYears(newDate);"," this._setSelectedYear(newDate);"," }"," },",""," /**"," * Listener on the Panel's \"Go\" button, resets the Calendar to the Month/Year and first day,"," * and optionally closes the Panel if `closeAfterGo` is true."," * @method _onGoButton"," * @private"," */"," _onGoButton: function(){"," var monthIndex = this.get('container').one('.'+this._classMonth).get('value'),"," yearValue = this.get('container').one('.'+this._classYear).get('value');"," this.get('calendar').set('date', new Date(yearValue,monthIndex,1) );",""," if(this.get('closeAfterGo'))"," if(this._panel)"," this._panel.hide();"," else"," this._viewNode.hide();"," },",""," /**"," * \"change\" Listener on the SELECT control for the JumpNavigator's month control"," * @method _selectMonth"," * @param e"," * @private"," */"," _selectMonth: function(e){"," var tar = e.target, // SELECT node"," opts = tar.get('options'),"," sndx = +tar.get('selectedIndex'),"," sopt = opts.item(sndx),"," month = +sopt.get('value');",""," this.set('month', month);"," this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')});",""," },"," /**"," * @event monthSelected"," * @param {Object} return"," * @param {EventTarget} return.evt Eventtarget for the SELECT \"change\" event"," * @param {Number} return.value Value part of the selected OPTION, which is the selected month"," * @param {String} return.text Text from selected OPTION, which is the month name"," */",""," /**"," * \"change\" Listener on the SELECT control for the JumpNavigator's year control"," * @method _selectYear"," * @param e"," * @private"," */"," _selectYear: function(e){"," var tar = e.target, // SELECT node"," opts = tar.get('options'),"," sndx = +tar.get('selectedIndex'),"," sopt = opts.item(sndx),"," year = +sopt.get('value');",""," this.set('year', year);"," this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')});"," }",""," /**"," * @event yearSelected"," * @param {Object} return"," * @param {EventTarget} return.evt Eventtarget for the SELECT \"change\" event"," * @param {Number} return.value Value part of the selected OPTION, which is the Selected year"," * @param {String} return.text Text from selected OPTION, which is the selected year"," */","","},{"," ATTRS:{",""," /**"," * Specifies the Calendar instance that this view will be attached to for header label clicks and"," * for updates to the `date` attribute.",""," * @attribute calendar"," * @type Y.Calendar"," * @default null"," */"," calendar:{"," value: null,"," validator: function(v) { return v instanceof Y.Calendar; }"," },",""," /**"," Defines the HTML content that is used to setup the Y.Panel instance that is created by this View."," See the property [template](#property_template) for the default setting.",""," @attribute template"," @type String"," @default this.template"," **/"," template:{"," valueFn: function(){ return this.template; },"," validator: Y.Lang.isString"," },",""," /**"," Sets the beginning year that will be used to setup the \"year\" SELECT dropdown control, defaults to"," a favorite year of the author's."," @attribute yearStart"," @type Number"," @default 1985"," **/"," yearStart:{"," value: 1992,"," validator: Y.Lang.isNumber"," },",""," /**"," Sets the last year that should be setup within the \"year\" SELECT dropdown control, defaults the"," the current year."," @attribute yearEnd"," @type Number"," @default Current year"," **/"," yearEnd:{"," value: new Date().getFullYear(),"," validator: Y.Lang.isNumber"," },",""," /**"," The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar \"header label\""," that was clicked."," @attribute offsetXY"," @type Array"," @default [ 30, 10 ]"," **/"," offsetXY:{"," value: [ 30, 10 ],"," validator: Y.Lang.isArray"," },","",""," /**"," Sets the Event \"type\" that is used in the Calendar \"header label\" listener to open the popup Panel."," Sensible values are \"click\" or \"dblclick\"."," @attribute openEventType"," @type String"," @default 'click'"," **/"," openEventType:{"," value: 'click',"," validator: Y.Lang.isString"," },",""," /**"," This flag sets whether the Panel instance should be hidden after the \"Go\" button is pressed"," @attribute closeAfterGo"," @type Boolean"," @default true"," **/"," closeAfterGo:{"," value: true,"," validator: Y.Lang.isBoolean"," }",""," }","});","","Y.namespace(\"Plugin.Calendar\").JumpNav = CalJumpNav;","","","}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false});"]; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].lines = {"1":0,"30":0,"31":0,"40":0,"48":0,"50":0,"111":0,"121":0,"122":0,"131":0,"132":0,"134":0,"143":0,"144":0,"145":0,"146":0,"185":0,"308":0,"310":0,"319":0,"320":0,"321":0,"324":0,"329":0,"330":0,"333":0,"334":0,"337":0,"348":0,"356":0,"357":0,"360":0,"361":0,"362":0,"365":0,"370":0,"373":0,"374":0,"375":0,"377":0,"387":0,"388":0,"390":0,"392":0,"393":0,"394":0,"397":0,"409":0,"414":0,"425":0,"426":0,"427":0,"434":0,"435":0,"441":0,"442":0,"444":0,"455":0,"456":0,"468":0,"469":0,"470":0,"471":0,"472":0,"484":0,"485":0,"490":0,"495":0,"496":0,"497":0,"499":0,"512":0,"513":0,"519":0,"524":0,"525":0,"526":0,"528":0,"540":0,"543":0,"544":0,"545":0,"546":0,"549":0,"562":0,"563":0,"564":0,"565":0,"566":0,"567":0,"578":0,"580":0,"582":0,"583":0,"584":0,"586":0,"596":0,"602":0,"603":0,"621":0,"627":0,"628":0,"652":0,"664":0,"731":0}; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].functions = {"CalJumpNav:30":0,"initializer:120":0,"destructor:130":0,"_afterHostRenderEvent:142":0,"initializer:303":0,"render:347":0,"(anonymous 2):387":0,"destructor:386":0,"action:424":0,"action:433":0,"_createPanelView:408":0,"_setSelectedMonth:454":0,"(anonymous 3):469":0,"_setSelectedYear:467":0,"(anonymous 4):496":0,"_regenMonths:483":0,"_regenYears:511":0,"(anonymous 5):543":0,"_yearInSelect:539":0,"_onCalendarDateChange:561":0,"_onGoButton:577":0,"_selectMonth:595":0,"_selectYear:620":0,"validator:652":0,"valueFn:664":0,"(anonymous 1):1":0}; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].coveredLines = 105; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].coveredFunctions = 26; +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 1); +YUI.add('gallery-calendar-jumpnav', function(Y) { + +/** + A Plugin for Y.Calendar that sets up Calendar to work with Y.Calendar.JumpNavView, which + is a View class extension to setup a "click" listener on Calendar's "Month Year" header label + that opens a popup Panel to provide a quick method to jump to a month / year. + + Please see the Calendar.JumpNavView documentation for full details. + + @example + var myCal = new Y.Calendar({ + contentBox: "#mycal", + width: '200px', + showPrevMonth: true, + showNextMonth: true + }); + + // Plugin the View to this Calendar ... available years are 1988 to 2021 + cal.plug( Y.Plugin.Calendar.JumpNav, { + yearStart: 1988, + yearEnd: 2021 + }); + + cal.render(); + + @class Y.Plugin.Calendar.JumpNav + @param config + @constructor + **/ +_yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 1)", 1); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 30); +function CalJumpNav(config) { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "CalJumpNav", 30); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 31); +CalJumpNav.superclass.constructor.apply(this, arguments); +} + +/** + * The namespace property of this plugin that this can be accessed from via a Calendar instance. + * @property NS + * @description This plugin can be accessed from a Calendar instance as "Calendar.jumpnav" + * @type {String} + */ +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 40); +CalJumpNav.NS = "jumpnav"; + +/** + * The name property of this plugin + * @property NAME + * @description name for this plugin + * @type {String} + */ +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 48); +CalJumpNav.NAME = "calendarJumpnavPlugin"; + +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 50); +CalJumpNav.ATTRS = { + + /** + * @attribute yearStart + * @type Number + * @default 1985 + */ + yearStart:{ + value: 1985, + validator: Y.Lang.isNumber + }, + + /** + * @attribute yearEnd + * @type Number + * @default Current year + */ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + * The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + * that was clicked. + * @attribute offsetXY + * @type Array + * @default [ 30, 10 ] + */ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + +} + + +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 111); +Y.extend(CalJumpNav, Y.Plugin.Base, { + + _view: null, + + /** + * + * @method initializer + * @param config + */ + initializer: function(config) { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "initializer", 120); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 121); +this.afterHostEvent("render", this._afterHostRenderEvent); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 122); +return this; + }, + + /** + * Destroys the View that was created and detaches its event listeners + * @method destructor + * @protected + */ + destructor : function() { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "destructor", 130); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 131); +if(this._view) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 132); +this._view.destroy(); + } + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 134); +this._view = null; + }, + + /** + * Connector method that initializes the View and connects it to the Calendar instance + * @method _afterHostRenderEvent + * @private + */ + _afterHostRenderEvent : function() { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_afterHostRenderEvent", 142); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 143); +if(!this._view) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 144); +var viewCfgs = this.getAttrs(['yearStart','yearEnd','template','offsetXY','closeAfterGo','openEventType']); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 145); +viewCfgs.calendar = this.get('host'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 146); +this._view = new Y.Calendar.JumpNavView(viewCfgs); + } + } + +}); + +/** + This class defines a View class extension for Calendar that configures to load on a "click" on the Calendar's "Month Year" + header label to display a popup panel that allows for selecting the month / year without requiring to page thru by month. + The view creates a Panel instance from a standard template (see the property [template](#property_template) for the default) + and handles populating the SELECT dropdown controls for "month" and "year". + + Attributes are provided that include [yearStart](#attr_yearStart) and [yearEnd](#attr_yearEnd) for defining the range to + be used for the "year" dropdown elements, for example. + + #####Usage + The simplest application includes creating a Calendar instance and then creating the View and attaching the calendar to + the view with the [calendar](#attr_calendar) attribute. + + var cal = new Y.Calendar({ + contentBox: "#mycal", + width:'240px', + showPrevMonth: true, + showNextMonth: true + }).render(); + + // This creates a View instance and connects it to the "cal" Calendar instance. + var calJNav = new Y.Calendar.JumpNavView({ + calendar: cal, + yearStart: 1988, + yearEnd: 2021 + }); + + An additional module is provided, the Y.Plugin.Calendar.JumpNav plugin that attaches the Calendar to the view via a plugin method. + + @class Y.Calendar.JumpNavView + @extends Y.View + @version 3.5.0 + **/ +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 185); +Y.Calendar.JumpNavView = Y.Base.create('caljumpnav', Y.View,[],{ + + /** + * Defines event objects as part of View's event handling, specifically defines actions to + * be taken on "change" events of the month and year SELECT controls. + * @property events + * @type Object + * @static + */ + events: { + 'select.yui3-calendar-navpanel-month' : { change : '_selectMonth' }, + 'select.yui3-calendar-navpanel-year' : { change: '_selectYear' } + }, + + /** + Default setting for the `template` attribute that defines the Panel HTML contents, including + the SELECT options for month and year. + + @example + // Where classPanel is replaced by 'yui3-calendar-jumpnav-panel', + // and classMonth by 'yui3-calendar-jumpnav-month' + // and classYear by 'yui3-calendar-jumpnav-year' +
This method searches the OPTION nodes for "value" set to the year, to get around + * CSS selector issues in some browers. + * @method _setSelectedYear + * @param {Date} curDate + * @private + */ + _setSelectedYear: function(curDate){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_setSelectedYear", 467); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 468); +var yearNodes = this._viewNode.one('.'+this._classYear).all('option'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 469); +yearNodes.some(function(yn){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 3)", 469); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 470); +if(yn.get('value') == curDate.getFullYear() ) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 471); +yn.set('selected',true); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 472); +return true; + } + }); + }, + + /** + * Method that regenerates the "month" SELECT control, adding the months and defining the "selected" as the curDate parameter + * @method _regenMonths + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenMonths: function(curDate){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_regenMonths", 483); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 484); +curDate = curDate || this.get('calendar').get('date'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 485); +var monthNode = this._viewNode.one('.'+this._classMonth), + msel = monthNode.getDOMNode(), + curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null, + months = ['January','February','March','April','May','June','July','August','September','October','November','December']; + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 490); +if(!msel) {return;} + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 495); +msel.options.length = 0; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 496); +Y.Array.each(months,function(m,mindx){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 4)", 496); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 497); +msel.options[msel.options.length] = new Option(m,mindx); + // set "selected" for default + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 499); +if(curMonth === mindx) {msel.options[msel.options.length-1].selected = true;} + }); + + }, + + /** + * Method that regenerates the "year" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd` + * and defining the "selected" as the curDate parameter + * @method _regenYears + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenYears: function(curDate){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_regenYears", 511); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 512); +curDate = curDate || this.get('calendar').get('date'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 513); +var yearNode = this._viewNode.one('.'+this._classYear), + ysel = yearNode.getDOMNode(), + curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null, + yearStart= this.get('yearStart'), + yearEnd = this.get('yearEnd'); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 519); +if(!ysel) {return;} + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 524); +ysel.options.length = 0; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 525); +for(var y=yearStart; y<= yearEnd; y++) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 526); +ysel.options[ysel.options.length] = new Option(y,y); + // set "selected" for default + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 528); +if(curYear && curYear === y ) {ysel.options[ysel.options.length-1].selected = true;} + } + }, + + /** + * Helper method to check if the specified year is an option in the current SELECT control OPTIONS. + * @method _yearInSelect + * @param {Number} year Year to be checked if it is in the current SELECT control + * @return {Boolean} true if year is in SELECt, false if not + * @private + */ + _yearInSelect: function(year){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_yearInSelect", 539); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 540); +var yearNode = this._viewNode.one('.'+this._classYear), + yindex = null; + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 543); +yearNode.get('options').some(function(yo,yindx){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 5)", 543); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 544); +if( +(yo.get('value')) === year) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 545); +yindex = yindx; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 546); +return true; + } + }); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 549); +return (yindex!==null) ? true : false; + }, + + +//=========================== PRIVATE METHODS : Listeners ============================= + + /** + * Listener on the Calendar's "dateChange" event to update the JumpNavigator if it's visible + * @method _onCalendarDateChange + * @param {EventTarget} e + * @private + */ + _onCalendarDateChange: function(e) { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_onCalendarDateChange", 561); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 562); +var newDate = e.newVal; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 563); +if(this._panel && this._panel.get('visible')){ + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 564); +this._setSelectedMonth(newDate); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 565); +if(!this._yearInSelect(newDate.getFullYear())) + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 566); +this._regenYears(newDate);} + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 567); +this._setSelectedYear(newDate); + } + }, + + /** + * Listener on the Panel's "Go" button, resets the Calendar to the Month/Year and first day, + * and optionally closes the Panel if `closeAfterGo` is true. + * @method _onGoButton + * @private + */ + _onGoButton: function(){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_onGoButton", 577); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 578); +var monthIndex = this.get('container').one('.'+this._classMonth).get('value'), + yearValue = this.get('container').one('.'+this._classYear).get('value'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 580); +this.get('calendar').set('date', new Date(yearValue,monthIndex,1) ); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 582); +if(this.get('closeAfterGo')) + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 583); +if(this._panel) + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 584); +this._panel.hide();} + else + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 586); +this._viewNode.hide();}} + }, + + /** + * "change" Listener on the SELECT control for the JumpNavigator's month control + * @method _selectMonth + * @param e + * @private + */ + _selectMonth: function(e){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_selectMonth", 595); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 596); +var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + month = +sopt.get('value'); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 602); +this.set('month', month); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 603); +this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')}); + + }, + /** + * @event monthSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the selected month + * @param {String} return.text Text from selected OPTION, which is the month name + */ + + /** + * "change" Listener on the SELECT control for the JumpNavigator's year control + * @method _selectYear + * @param e + * @private + */ + _selectYear: function(e){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_selectYear", 620); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 621); +var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + year = +sopt.get('value'); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 627); +this.set('year', year); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 628); +this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')}); + } + + /** + * @event yearSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the Selected year + * @param {String} return.text Text from selected OPTION, which is the selected year + */ + +},{ + ATTRS:{ + + /** + * Specifies the Calendar instance that this view will be attached to for header label clicks and + * for updates to the `date` attribute. + + * @attribute calendar + * @type Y.Calendar + * @default null + */ + calendar:{ + value: null, + validator: function(v) { _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "validator", 652); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 652); +return v instanceof Y.Calendar; } + }, + + /** + Defines the HTML content that is used to setup the Y.Panel instance that is created by this View. + See the property [template](#property_template) for the default setting. + + @attribute template + @type String + @default this.template + **/ + template:{ + valueFn: function(){ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "valueFn", 664); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 664); +return this.template; }, + validator: Y.Lang.isString + }, + + /** + Sets the beginning year that will be used to setup the "year" SELECT dropdown control, defaults to + a favorite year of the author's. + @attribute yearStart + @type Number + @default 1985 + **/ + yearStart:{ + value: 1992, + validator: Y.Lang.isNumber + }, + + /** + Sets the last year that should be setup within the "year" SELECT dropdown control, defaults the + the current year. + @attribute yearEnd + @type Number + @default Current year + **/ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + that was clicked. + @attribute offsetXY + @type Array + @default [ 30, 10 ] + **/ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + + } +}); + +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 731); +Y.namespace("Plugin.Calendar").JumpNav = CalJumpNav; + + +}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false}); diff --git a/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-debug.js b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-debug.js new file mode 100644 index 0000000000..c68541f183 --- /dev/null +++ b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-debug.js @@ -0,0 +1,734 @@ +YUI.add('gallery-calendar-jumpnav', function(Y) { + +/** + A Plugin for Y.Calendar that sets up Calendar to work with Y.Calendar.JumpNavView, which + is a View class extension to setup a "click" listener on Calendar's "Month Year" header label + that opens a popup Panel to provide a quick method to jump to a month / year. + + Please see the Calendar.JumpNavView documentation for full details. + + @example + var myCal = new Y.Calendar({ + contentBox: "#mycal", + width: '200px', + showPrevMonth: true, + showNextMonth: true + }); + + // Plugin the View to this Calendar ... available years are 1988 to 2021 + cal.plug( Y.Plugin.Calendar.JumpNav, { + yearStart: 1988, + yearEnd: 2021 + }); + + cal.render(); + + @class Y.Plugin.Calendar.JumpNav + @param config + @constructor + **/ +function CalJumpNav(config) { + CalJumpNav.superclass.constructor.apply(this, arguments); +} + +/** + * The namespace property of this plugin that this can be accessed from via a Calendar instance. + * @property NS + * @description This plugin can be accessed from a Calendar instance as "Calendar.jumpnav" + * @type {String} + */ +CalJumpNav.NS = "jumpnav"; + +/** + * The name property of this plugin + * @property NAME + * @description name for this plugin + * @type {String} + */ +CalJumpNav.NAME = "calendarJumpnavPlugin"; + +CalJumpNav.ATTRS = { + + /** + * @attribute yearStart + * @type Number + * @default 1985 + */ + yearStart:{ + value: 1985, + validator: Y.Lang.isNumber + }, + + /** + * @attribute yearEnd + * @type Number + * @default Current year + */ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + * The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + * that was clicked. + * @attribute offsetXY + * @type Array + * @default [ 30, 10 ] + */ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + +} + + +Y.extend(CalJumpNav, Y.Plugin.Base, { + + _view: null, + + /** + * + * @method initializer + * @param config + */ + initializer: function(config) { + this.afterHostEvent("render", this._afterHostRenderEvent); + return this; + }, + + /** + * Destroys the View that was created and detaches its event listeners + * @method destructor + * @protected + */ + destructor : function() { + if(this._view) { + this._view.destroy(); + } + this._view = null; + }, + + /** + * Connector method that initializes the View and connects it to the Calendar instance + * @method _afterHostRenderEvent + * @private + */ + _afterHostRenderEvent : function() { + if(!this._view) { + var viewCfgs = this.getAttrs(['yearStart','yearEnd','template','offsetXY','closeAfterGo','openEventType']); + viewCfgs.calendar = this.get('host'); + this._view = new Y.Calendar.JumpNavView(viewCfgs); + } + } + +}); + +/** + This class defines a View class extension for Calendar that configures to load on a "click" on the Calendar's "Month Year" + header label to display a popup panel that allows for selecting the month / year without requiring to page thru by month. + The view creates a Panel instance from a standard template (see the property [template](#property_template) for the default) + and handles populating the SELECT dropdown controls for "month" and "year". + + Attributes are provided that include [yearStart](#attr_yearStart) and [yearEnd](#attr_yearEnd) for defining the range to + be used for the "year" dropdown elements, for example. + + #####Usage + The simplest application includes creating a Calendar instance and then creating the View and attaching the calendar to + the view with the [calendar](#attr_calendar) attribute. + + var cal = new Y.Calendar({ + contentBox: "#mycal", + width:'240px', + showPrevMonth: true, + showNextMonth: true + }).render(); + + // This creates a View instance and connects it to the "cal" Calendar instance. + var calJNav = new Y.Calendar.JumpNavView({ + calendar: cal, + yearStart: 1988, + yearEnd: 2021 + }); + + An additional module is provided, the Y.Plugin.Calendar.JumpNav plugin that attaches the Calendar to the view via a plugin method. + + @class Y.Calendar.JumpNavView + @extends Y.View + @version 3.5.0 + **/ +Y.Calendar.JumpNavView = Y.Base.create('caljumpnav', Y.View,[],{ + + /** + * Defines event objects as part of View's event handling, specifically defines actions to + * be taken on "change" events of the month and year SELECT controls. + * @property events + * @type Object + * @static + */ + events: { + 'select.yui3-calendar-navpanel-month' : { change : '_selectMonth' }, + 'select.yui3-calendar-navpanel-year' : { change: '_selectYear' } + }, + + /** + Default setting for the `template` attribute that defines the Panel HTML contents, including + the SELECT options for month and year. + + @example + // Where classPanel is replaced by 'yui3-calendar-jumpnav-panel', + // and classMonth by 'yui3-calendar-jumpnav-month' + // and classYear by 'yui3-calendar-jumpnav-year' +
This method searches the OPTION nodes for "value" set to the year, to get around + * CSS selector issues in some browers. + * @method _setSelectedYear + * @param {Date} curDate + * @private + */ + _setSelectedYear: function(curDate){ + var yearNodes = this._viewNode.one('.'+this._classYear).all('option'); + yearNodes.some(function(yn){ + if(yn.get('value') == curDate.getFullYear() ) { + yn.set('selected',true); + return true; + } + }); + }, + + /** + * Method that regenerates the "month" SELECT control, adding the months and defining the "selected" as the curDate parameter + * @method _regenMonths + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenMonths: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var monthNode = this._viewNode.one('.'+this._classMonth), + msel = monthNode.getDOMNode(), + curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null, + months = ['January','February','March','April','May','June','July','August','September','October','November','December']; + + if(!msel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + msel.options.length = 0; + Y.Array.each(months,function(m,mindx){ + msel.options[msel.options.length] = new Option(m,mindx); + // set "selected" for default + if(curMonth === mindx) msel.options[msel.options.length-1].selected = true; + }); + + }, + + /** + * Method that regenerates the "year" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd` + * and defining the "selected" as the curDate parameter + * @method _regenYears + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenYears: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var yearNode = this._viewNode.one('.'+this._classYear), + ysel = yearNode.getDOMNode(), + curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null, + yearStart= this.get('yearStart'), + yearEnd = this.get('yearEnd'); + + if(!ysel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + ysel.options.length = 0; + for(var y=yearStart; y<= yearEnd; y++) { + ysel.options[ysel.options.length] = new Option(y,y); + // set "selected" for default + if(curYear && curYear === y ) ysel.options[ysel.options.length-1].selected = true; + } + }, + + /** + * Helper method to check if the specified year is an option in the current SELECT control OPTIONS. + * @method _yearInSelect + * @param {Number} year Year to be checked if it is in the current SELECT control + * @return {Boolean} true if year is in SELECt, false if not + * @private + */ + _yearInSelect: function(year){ + var yearNode = this._viewNode.one('.'+this._classYear), + yindex = null; + + yearNode.get('options').some(function(yo,yindx){ + if( +(yo.get('value')) === year) { + yindex = yindx; + return true; + } + }); + return (yindex!==null) ? true : false; + }, + + +//=========================== PRIVATE METHODS : Listeners ============================= + + /** + * Listener on the Calendar's "dateChange" event to update the JumpNavigator if it's visible + * @method _onCalendarDateChange + * @param {EventTarget} e + * @private + */ + _onCalendarDateChange: function(e) { + var newDate = e.newVal; + if(this._panel && this._panel.get('visible')){ + this._setSelectedMonth(newDate); + if(!this._yearInSelect(newDate.getFullYear())) + this._regenYears(newDate); + this._setSelectedYear(newDate); + } + }, + + /** + * Listener on the Panel's "Go" button, resets the Calendar to the Month/Year and first day, + * and optionally closes the Panel if `closeAfterGo` is true. + * @method _onGoButton + * @private + */ + _onGoButton: function(){ + var monthIndex = this.get('container').one('.'+this._classMonth).get('value'), + yearValue = this.get('container').one('.'+this._classYear).get('value'); + this.get('calendar').set('date', new Date(yearValue,monthIndex,1) ); + + if(this.get('closeAfterGo')) + if(this._panel) + this._panel.hide(); + else + this._viewNode.hide(); + }, + + /** + * "change" Listener on the SELECT control for the JumpNavigator's month control + * @method _selectMonth + * @param e + * @private + */ + _selectMonth: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + month = +sopt.get('value'); + + this.set('month', month); + this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')}); + + }, + /** + * @event monthSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the selected month + * @param {String} return.text Text from selected OPTION, which is the month name + */ + + /** + * "change" Listener on the SELECT control for the JumpNavigator's year control + * @method _selectYear + * @param e + * @private + */ + _selectYear: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + year = +sopt.get('value'); + + this.set('year', year); + this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')}); + } + + /** + * @event yearSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the Selected year + * @param {String} return.text Text from selected OPTION, which is the selected year + */ + +},{ + ATTRS:{ + + /** + * Specifies the Calendar instance that this view will be attached to for header label clicks and + * for updates to the `date` attribute. + + * @attribute calendar + * @type Y.Calendar + * @default null + */ + calendar:{ + value: null, + validator: function(v) { return v instanceof Y.Calendar; } + }, + + /** + Defines the HTML content that is used to setup the Y.Panel instance that is created by this View. + See the property [template](#property_template) for the default setting. + + @attribute template + @type String + @default this.template + **/ + template:{ + valueFn: function(){ return this.template; }, + validator: Y.Lang.isString + }, + + /** + Sets the beginning year that will be used to setup the "year" SELECT dropdown control, defaults to + a favorite year of the author's. + @attribute yearStart + @type Number + @default 1985 + **/ + yearStart:{ + value: 1992, + validator: Y.Lang.isNumber + }, + + /** + Sets the last year that should be setup within the "year" SELECT dropdown control, defaults the + the current year. + @attribute yearEnd + @type Number + @default Current year + **/ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + that was clicked. + @attribute offsetXY + @type Array + @default [ 30, 10 ] + **/ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + + } +}); + +Y.namespace("Plugin.Calendar").JumpNav = CalJumpNav; + + +}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false}); diff --git a/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-min.js b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-min.js new file mode 100644 index 0000000000..0ada608530 --- /dev/null +++ b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-min.js @@ -0,0 +1 @@ +YUI.add("gallery-calendar-jumpnav",function(b){function a(c){a.superclass.constructor.apply(this,arguments);}a.NS="jumpnav";a.NAME="calendarJumpnavPlugin";a.ATTRS={yearStart:{value:1985,validator:b.Lang.isNumber},yearEnd:{value:new Date().getFullYear(),validator:b.Lang.isNumber},offsetXY:{value:[30,10],validator:b.Lang.isArray},openEventType:{value:"click",validator:b.Lang.isString},closeAfterGo:{value:true,validator:b.Lang.isBoolean}};b.extend(a,b.Plugin.Base,{_view:null,initializer:function(c){this.afterHostEvent("render",this._afterHostRenderEvent);return this;},destructor:function(){if(this._view){this._view.destroy();}this._view=null;},_afterHostRenderEvent:function(){if(!this._view){var c=this.getAttrs(["yearStart","yearEnd","template","offsetXY","closeAfterGo","openEventType"]);c.calendar=this.get("host");this._view=new b.Calendar.JumpNavView(c);}}});b.Calendar.JumpNavView=b.Base.create("caljumpnav",b.View,[],{events:{"select.yui3-calendar-navpanel-month":{change:"_selectMonth"},"select.yui3-calendar-navpanel-year":{change:"_selectYear"}},template:'
This method searches the OPTION nodes for "value" set to the year, to get around + * CSS selector issues in some browers. + * @method _setSelectedYear + * @param {Date} curDate + * @private + */ + _setSelectedYear: function(curDate){ + var yearNodes = this._viewNode.one('.'+this._classYear).all('option'); + yearNodes.some(function(yn){ + if(yn.get('value') == curDate.getFullYear() ) { + yn.set('selected',true); + return true; + } + }); + }, + + /** + * Method that regenerates the "month" SELECT control, adding the months and defining the "selected" as the curDate parameter + * @method _regenMonths + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenMonths: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var monthNode = this._viewNode.one('.'+this._classMonth), + msel = monthNode.getDOMNode(), + curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null, + months = ['January','February','March','April','May','June','July','August','September','October','November','December']; + + if(!msel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + msel.options.length = 0; + Y.Array.each(months,function(m,mindx){ + msel.options[msel.options.length] = new Option(m,mindx); + // set "selected" for default + if(curMonth === mindx) msel.options[msel.options.length-1].selected = true; + }); + + }, + + /** + * Method that regenerates the "year" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd` + * and defining the "selected" as the curDate parameter + * @method _regenYears + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenYears: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var yearNode = this._viewNode.one('.'+this._classYear), + ysel = yearNode.getDOMNode(), + curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null, + yearStart= this.get('yearStart'), + yearEnd = this.get('yearEnd'); + + if(!ysel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + ysel.options.length = 0; + for(var y=yearStart; y<= yearEnd; y++) { + ysel.options[ysel.options.length] = new Option(y,y); + // set "selected" for default + if(curYear && curYear === y ) ysel.options[ysel.options.length-1].selected = true; + } + }, + + /** + * Helper method to check if the specified year is an option in the current SELECT control OPTIONS. + * @method _yearInSelect + * @param {Number} year Year to be checked if it is in the current SELECT control + * @return {Boolean} true if year is in SELECt, false if not + * @private + */ + _yearInSelect: function(year){ + var yearNode = this._viewNode.one('.'+this._classYear), + yindex = null; + + yearNode.get('options').some(function(yo,yindx){ + if( +(yo.get('value')) === year) { + yindex = yindx; + return true; + } + }); + return (yindex!==null) ? true : false; + }, + + +//=========================== PRIVATE METHODS : Listeners ============================= + + /** + * Listener on the Calendar's "dateChange" event to update the JumpNavigator if it's visible + * @method _onCalendarDateChange + * @param {EventTarget} e + * @private + */ + _onCalendarDateChange: function(e) { + var newDate = e.newVal; + if(this._panel && this._panel.get('visible')){ + this._setSelectedMonth(newDate); + if(!this._yearInSelect(newDate.getFullYear())) + this._regenYears(newDate); + this._setSelectedYear(newDate); + } + }, + + /** + * Listener on the Panel's "Go" button, resets the Calendar to the Month/Year and first day, + * and optionally closes the Panel if `closeAfterGo` is true. + * @method _onGoButton + * @private + */ + _onGoButton: function(){ + var monthIndex = this.get('container').one('.'+this._classMonth).get('value'), + yearValue = this.get('container').one('.'+this._classYear).get('value'); + this.get('calendar').set('date', new Date(yearValue,monthIndex,1) ); + + if(this.get('closeAfterGo')) + if(this._panel) + this._panel.hide(); + else + this._viewNode.hide(); + }, + + /** + * "change" Listener on the SELECT control for the JumpNavigator's month control + * @method _selectMonth + * @param e + * @private + */ + _selectMonth: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + month = +sopt.get('value'); + + this.set('month', month); + this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')}); + + }, + /** + * @event monthSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the selected month + * @param {String} return.text Text from selected OPTION, which is the month name + */ + + /** + * "change" Listener on the SELECT control for the JumpNavigator's year control + * @method _selectYear + * @param e + * @private + */ + _selectYear: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + year = +sopt.get('value'); + + this.set('year', year); + this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')}); + } + + /** + * @event yearSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the Selected year + * @param {String} return.text Text from selected OPTION, which is the selected year + */ + +},{ + ATTRS:{ + + /** + * Specifies the Calendar instance that this view will be attached to for header label clicks and + * for updates to the `date` attribute. + + * @attribute calendar + * @type Y.Calendar + * @default null + */ + calendar:{ + value: null, + validator: function(v) { return v instanceof Y.Calendar; } + }, + + /** + Defines the HTML content that is used to setup the Y.Panel instance that is created by this View. + See the property [template](#property_template) for the default setting. + + @attribute template + @type String + @default this.template + **/ + template:{ + valueFn: function(){ return this.template; }, + validator: Y.Lang.isString + }, + + /** + Sets the beginning year that will be used to setup the "year" SELECT dropdown control, defaults to + a favorite year of the author's. + @attribute yearStart + @type Number + @default 1985 + **/ + yearStart:{ + value: 1992, + validator: Y.Lang.isNumber + }, + + /** + Sets the last year that should be setup within the "year" SELECT dropdown control, defaults the + the current year. + @attribute yearEnd + @type Number + @default Current year + **/ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + that was clicked. + @attribute offsetXY + @type Array + @default [ 30, 10 ] + **/ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + + } +}); + +Y.namespace("Plugin.Calendar").JumpNav = CalJumpNav; + + +}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false}); diff --git a/build/gallery-canvas/gallery-canvas-debug.js b/build/gallery-canvas/gallery-canvas-debug.js index 42748b5ce7..124191ca4c 100644 --- a/build/gallery-canvas/gallery-canvas-debug.js +++ b/build/gallery-canvas/gallery-canvas-debug.js @@ -2,6 +2,10 @@ YUI.add('gallery-canvas', function(Y) { "use strict"; +/** + * @module gallery-canvas + */ + function mirror(r, s, name) { r[name] = function() @@ -15,18 +19,14 @@ function mirror(r, s, name) * the native 2d context, plus some extras, documented below. Just like * Y.Node, use get() and set() to modify attributes. * - * @module gallery-canvas - * @class Y.Canvas.Context2d + * @main gallery-canvas + * @class Context2d + * @namespace Canvas * @constructor * @param node {Y.Node} the canvas element - * @param config {Object} configuration - *
- if (isCircular) {
+ // Prevent Carousel to scroll beyond its bounds
+ if (!isCircular) {
firstOfLastPage = self.getPageForItem(sentinel) * numVisible;
}
@@ -868,21 +928,27 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
if (node && node.constructor.NAME === "node") {
if (which === "height") {
- sz = parseInt(node.getComputedStyle("marginTop"), 10) +
- parseInt(node.getComputedStyle("paddingTop"), 10) +
- parseInt(node.getComputedStyle("borderTopWidth"), 10) +
- parseInt(node.getComputedStyle("height"), 10) +
- parseInt(node.getComputedStyle("borderBottomWidth"), 10) +
- parseInt(node.getComputedStyle("paddingBottom"), 10) +
- parseInt(node.getComputedStyle("marginBottom"), 10);
+ sz = node.get("offsetHeight");
+ if (sz === 0) { // height hasn't been computed yet
+ sz = parseInt(node.getStyle("marginTop"), 10) +
+ parseInt(node.getStyle("paddingTop"), 10) +
+ parseInt(node.getStyle("borderTopWidth"), 10) +
+ parseInt(node.getStyle("height"), 10) +
+ parseInt(node.getStyle("borderBottomWidth"), 10) +
+ parseInt(node.getStyle("paddingBottom"), 10) +
+ parseInt(node.getStyle("marginBottom"), 10);
+ }
} else if (which == "width") {
- sz = parseInt(node.getComputedStyle("marginLeft"), 10) +
- parseInt(node.getComputedStyle("paddingLeft"), 10) +
- parseInt(node.getComputedStyle("borderLeftWidth"), 10) +
- parseInt(node.getComputedStyle("width"), 10) +
- parseInt(node.getComputedStyle("borderRightWidth"), 10) +
- parseInt(node.getComputedStyle("paddingRight"), 10) +
- parseInt(node.getComputedStyle("marginRight"), 10);
+ sz = node.get("offsetWidth");
+ if (sz === 0) {
+ sz = parseInt(node.getStyle("marginLeft"), 10) +
+ parseInt(node.getStyle("paddingLeft"), 10) +
+ parseInt(node.getStyle("borderLeftWidth"), 10) +
+ parseInt(node.getStyle("width"), 10) +
+ parseInt(node.getStyle("borderRightWidth"), 10) +
+ parseInt(node.getStyle("paddingRight"), 10) +
+ parseInt(node.getStyle("marginRight"), 10);
+ }
}
}
@@ -897,18 +963,24 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_onItemClick: function (ev) {
var self = this,
- bb = self.get("boundingBox"),
- container, el, target, i, itemClass, items, len;
+ bb = self.get("boundingBox"),
+ container,
+ el,
+ i,
+ itemClass,
+ items,
+ len,
+ target;
target = ev && ev.target ? ev.target : null;
if (!target) {
return;
}
- ev.preventDefault();
container = bb.one("." + getCN(Carousel.NAME, cpContent));
- el = target;
+ el = target;
itemClass = getCN(Carousel.NAME, cpItem);
+
while (el && el != container) {
if (el.hasClass(itemClass)) {
break;
@@ -966,7 +1038,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_onNavItemClick: function (ev) {
var self = this,
- link, target;
+ link,
+ target;
target = ev && ev.target ? ev.target : null;
if (!target) {
@@ -991,7 +1064,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_parseItems: function () {
var self = this,
- cb, items;
+ cb,
+ items;
cb = self.get("contentBox");
items = cb.all(self.get("carouselItemEl"));
@@ -1010,8 +1084,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @protected
*/
_redrawUi: function () {
- var self = this,
- attr = "left";
+ var attr = "left",
+ self = this;
self._renderItems();
self._updateNavigation();
@@ -1030,11 +1104,12 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_removeItemFromDom: function (arg) {
var self = this,
- cb = self.get("contentBox"),
- item, pos;
+ cb = self.get("contentBox"),
+ item,
+ pos;
item = arg.item;
- pos = arg.pos;
+ pos = arg.pos;
if (item && cb.contains(item)) {
item.remove(true);
@@ -1064,14 +1139,16 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_renderContainer: function () {
var self = this,
- bb = self.get("boundingBox"),
+ bb = self.get("boundingBox"),
hidePagination = self.get("hidePagination"),
- numVisible = self.get("numVisible"),
- revealAmount = self.get("revealAmount"),
- navsz = 0, nav, val;
+ numVisible = self.get("numVisible"),
+ revealAmount = self.get("revealAmount"),
+ navsz = 0,
+ nav,
+ val;
if (!hidePagination) {
- nav = bb.one("." + getCN(Carousel.NAME, cpNav));
+ nav = bb.one("." + getCN(Carousel.NAME, cpNav));
navsz = self._getNodeSize(nav, "height");
}
@@ -1102,8 +1179,13 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_renderItems: function () {
var self = this,
- cb = self.get("contentBox"),
- attr, i, itemClass, n, node, size;
+ cb = self.get("contentBox"),
+ attr,
+ i,
+ itemClass,
+ n,
+ node,
+ size;
if (self.get("isVertical")) {
attr = "top";
@@ -1138,11 +1220,15 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_renderNavigation: function () {
// TODO: check useMenuForNav and render a SELECT
- var self = this,
- bb = self.get("boundingBox"),
- cb = self.get("contentBox"),
+ var self = this,
+ bb = self.get("boundingBox"),
+ cb = self.get("contentBox"),
items = [],
- i, nav, numPages, s, t;
+ i,
+ nav,
+ numPages,
+ s,
+ t;
numPages = Math.ceil(self.get("numItems") / self.get("numVisible"));
if (numPages < 1) {
@@ -1225,7 +1311,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_uiSetNavItem: function (node) {
var self = this,
- bb, clazz;
+ bb,
+ clazz;
if (!node) {
return;
@@ -1315,10 +1402,17 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_updateNavigation: function (selectedItem) {
var self = this,
- bb = self.get("boundingBox"),
+ bb = self.get("boundingBox"),
isCircular = self.get("isCircular"),
- btn, currPage, i, lastPage, numPages, pageContainer,
- pages, s, t;
+ btn,
+ currPage,
+ i,
+ lastPage,
+ numPages,
+ pageContainer,
+ pages,
+ s,
+ t;
selectedItem = selectedItem || self.get("selectedItem");
self._uiSetSelectedItem(selectedItem, true);
@@ -1467,4 +1561,4 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
});
-}, 'gallery-2011.05.18-19-11' ,{skinnable:true, requires:['widget']});
+}, 'gallery-2012.06.06-19-59' ,{skinnable:true, requires:['widget']});
diff --git a/build/gallery-carousel/gallery-carousel-min.js b/build/gallery-carousel/gallery-carousel-min.js
index 7df828664e..79f9bac0f5 100644
--- a/build/gallery-carousel/gallery-carousel-min.js
+++ b/build/gallery-carousel/gallery-carousel-min.js
@@ -1,2 +1,3 @@
-YUI.add("gallery-carousel",function(a){function m(){m.superclass.constructor.apply(this,arguments);}var s=a.ClassNameManager.getClassName,f=a.Lang,r=a.Node,i=false,p=true,j="button",e="button-disabled",o="content",d="item",g="nav",l="nav-item",b="afterScroll",h="beforeScroll",q="itemAdded",c="itemRemoved",k="itemSelected",n="navStateChanged";m.NAME="carousel";m.ATTRS={autoPlayInterval:{validator:f.isNumber,value:0},carouselItemEl:{validator:f.isString,value:"li"},hidePagination:{validator:f.isBoolean,value:false},isCircular:{validator:f.isBoolean,value:false},isVertical:{setter:"_setVertical",validator:f.isBoolean,value:false},useMenuForNav:{validator:f.isBoolean,value:false},numItems:{value:0},numVisible:{validator:"_validateNumVisible",value:3},revealAmount:{validator:"_validateRevealAmount",value:0},scrollIncrement:{validator:f.isNumber,value:1},selectedItem:{validator:f.isNumber,value:0},strings:{value:{GOTO_PAGE:"Go to page {page}",NEXT_PAGE:"Next Page",PREV_PAGE:"Previous Page"}}};a.Carousel=a.extend(m,a.Widget,{addItem:function(x,y){var t=this,w,u,v;if(f.isString(x)){v=r.create(a.substitute(t.ITEM_TEMPLATE,{content:x}));}else{if(f.isObject(x)&&x.constructor.NAME==="node"){v=x;}else{return false;}}if(!t._vtbl.item.content){t._vtbl.item.content=v;}if(f.isUndefined(y)){t._vtbl.items.push(v);u=t._vtbl.items.length-1;}else{if(!t._vtbl.items[y]){t._vtbl.items[y]=undefined;}t._vtbl.items.splice(y,0,v);u=y;}w=this.get("numItems");t.set("numItems",w+1);t.fire(q,{item:v,pos:u});return true;},addItems:function(u){var t=this,y=false,w,v,x;if(!f.isArray(u)){return false;}y=true;for(v=0,x=u.length;v0){t.removeItem(0);}},getElementForItem:function(t){return this.getItem(t);},getElementForItems:function(t){return this.getItems(t);},getFirstVisible:function(){var t=this,v=t.get("numVisible"),u=t.get("selectedItem");return t._getFirstVisible(u,v);},getFirstVisibleOnPage:function(t){return(t-1)*this.get("numVisible");},getItem:function(u){var t=this;if(u<0||u>t._vtbl.items.length-1){return null;}return f.isUndefined(t._vtbl.items[u])?null:t._vtbl.items[u];},getItems:function(x){var u=this,t=[],v,w;if(f.isUndefined(x)){for(v=0,w=u._vtbl.items.length;vt._vtbl.items.length-1){return false;}w=t._vtbl.items.splice(u,1);w=f.isUndefined(w[0])?false:w[0];if(!w){return false;}v=t.get("numItems");--v;t.set("numItems",v);this.fire(c,{item:w,pos:u});return true;},scrollBackward:function(){var t=this;t.scrollTo(t.getFirstVisible()-t.get("scrollIncrement"));},scrollForward:function(){var t=this;t.scrollTo(t.getFirstVisible()+t.get("scrollIncrement"));},scrollPageBackward:function(){var t=this;t.scrollTo(t.getFirstVisible()-t.get("numVisible"));},scrollPageForward:function(){var t=this;t.scrollTo(t.getFirstVisible()+t.get("numVisible"));},scrollTo:function(x){var B=this,u=B.get("isCircular"),z=B.get("numItems"),A=B.get("numVisible"),y,t,w,v;x=B._getCorrectedIndex(x);if(isNaN(x)){return;}v=B._getOffsetForIndex(x);t=B.get("contentBox");y=B.get("isVertical")?"top":"left";w=B.getFirstVisible();B.fire(h,{first:w,last:w+A});t.setStyle(y,v);w=B.getFirstVisible();B.fire(b,{first:w,last:w+A});B.set("selectedItem",x);},scrollToPage:function(u){var t=this;t.scrollTo(u*t.get("numVisible"));},bindUI:function(){var t=this,u=t.get("boundingBox");t.after("selectedItemChange",t._afterSelectedItemChange);t.on(q,t._addItemToDom);t.on(c,t._removeItemFromDom);if(!t.get("hidePagination")){u.delegate("click",a.bind(t._onNavItemClick,t),"."+s(m.NAME,l)+" > a");u.delegate("click",a.bind(t._onNavButtonClick,t),"."+s(m.NAME,j));}u.delegate("click",a.bind(t._onItemClick,t),"."+s(m.NAME,d));},initializer:function(){var t=this;t._vtbl={items:[],item:{content:null,hsz:0,vsz:0}};t.get("boundingBox").addClass(s(m.NAME,"loading"));t._parseItems();},renderUI:function(){var t=this;if(t.get("numItems")<1){t.get("boundingBox").addClass(s(m.NAME,"hidden"));return;}if(t._vtbl.item.hsz===0){t._vtbl.item.hsz=t._getNodeSize(t._vtbl.item.content,"width");}if(t._vtbl.item.vsz===0){t._vtbl.item.vsz=t._getNodeSize(t._vtbl.item.content,"height");}t._renderItems();if(!t.get("hidePagination")){t._renderNavigation();}t._renderContainer();},syncUI:function(){var t=this,u=t.get("selectedItem");t._uiSetSelectedItem(u,true);if(!t.get("hidePagination")){t._updateNavigation(u);}},_addItemToDom:function(u){var v=this,t=v.get("contentBox"),y,x,w,z;y=u.item;z=u.pos+1;if(y&&!t.contains(y)){x=v._vtbl.items[z];if(x){t.insertBefore(y,x);}else{t.append(y);}if(v.get("selectedItem")==z){w=v.get("numItems");++z;z=z>w-1?w-1:z;v.set("selectedItem",z);}v._redrawUi();}},_afterSelectedItemChange:function(u){var t=this;t._uiSetSelectedItem(u.prevVal,false);t._uiSetSelectedItem(u.newVal,true);t.fire(k,{pos:u.newVal});if(!t.get("hidePagination")){t._updateNavigation(u.newVal);}},_getCorrectedIndex:function(x){var u=this,t=u.get("isCircular"),y=u.get("numItems"),z=u.get("numVisible"),w=y-1,v=0;if(t){v=u.getPageForItem(w)*z;}if(x<0){if(t){x=v;}else{x=0;}}else{if(x>w){if(t){x=0;}else{x=v;}}}return x;},_getFirstVisible:function(u,t){return u-(u%t);},_getOffsetForIndex:function(u){var t=this,v=t._vtbl.item,w;w=t.get("isVertical")?v.vsz:v.hsz;return -w*u;},_getNodeSize:function(t,v){var u=0;if(t&&t.constructor.NAME==="node"){if(v==="height"){u=parseInt(t.getComputedStyle("marginTop"),10)+parseInt(t.getComputedStyle("paddingTop"),10)+parseInt(t.getComputedStyle("borderTopWidth"),10)+parseInt(t.getComputedStyle("height"),10)+parseInt(t.getComputedStyle("borderBottomWidth"),10)+parseInt(t.getComputedStyle("paddingBottom"),10)+parseInt(t.getComputedStyle("marginBottom"),10);
-}else{if(v=="width"){u=parseInt(t.getComputedStyle("marginLeft"),10)+parseInt(t.getComputedStyle("paddingLeft"),10)+parseInt(t.getComputedStyle("borderLeftWidth"),10)+parseInt(t.getComputedStyle("width"),10)+parseInt(t.getComputedStyle("borderRightWidth"),10)+parseInt(t.getComputedStyle("paddingRight"),10)+parseInt(t.getComputedStyle("marginRight"),10);}}}return u;},_onItemClick:function(A){var C=this,z=C.get("boundingBox"),t,u,x,v,B,y,w;x=A&&A.target?A.target:null;if(!x){return;}A.preventDefault();t=z.one("."+s(m.NAME,o));u=x;B=s(m.NAME,d);while(u&&u!=t){if(u.hasClass(B)){break;}u=u.get("parentNode");}if(u){y=C._vtbl.items;for(v=0,w=y.length;v0){y+=(y*u/100);}t._uiSetHeight(y+v);t._uiSetWidth(t._vtbl.item.vsz);t._uiSetWidthCB(t._vtbl.item.vsz);}else{y=t._vtbl.item.hsz*x;if(u>0){y+=(y*u/100);}t._uiSetWidth(y);t._uiSetHeight(t._vtbl.item.hsz+v);t._uiSetHeightCB(t._vtbl.item.hsz);}},_renderItems:function(){var v=this,u=v.get("contentBox"),t,x,z,A,y,w;if(v.get("isVertical")){t="top";w=v._vtbl.item.vsz;}else{t="left";w=v._vtbl.item.hsz;}z=s(m.NAME,d);for(x=0,A=v._vtbl.items.length;x ul");G=F.get("strings.GOTO_PAGE");for(A=1;A<=x;++A){E=a.substitute(G,{page:A});w.append(a.substitute(F.DEF_NAV_ITEM_TEMPLATE,{pagenum:A,label:E}));}v=C.all("."+s(m.NAME,l));D=F.getPageForItem(y);F._uiSetNavItem(v.item(D));B=F.getPageForItem(F.get("numItems")-1);if(B<0){u=C.one("."+s(m.NAME,"first",j));if(u){u.addClass(s(m.NAME,"first",e));i=false;}u=C.one("."+s(m.NAME,"next",j));if(u){u.addClass(s(m.NAME,e));p=false;}}else{if(D===0&&D!=B){u=C.one("."+s(m.NAME,"next",j));if(u){u.removeClass(s(m.NAME,e));p=true;}if(!z){u=C.one("."+s(m.NAME,"first",j));if(u){u.addClass(s(m.NAME,"first",e));i=false;}}}else{if(D!==0&&D==B){u=C.one("."+s(m.NAME,"first",j));if(u){u.removeClass(s(m.NAME,"first",e));i=true;}if(!z){u=C.one("."+s(m.NAME,"next",j));if(u){u.addClass(s(m.NAME,e));p=false;}}}else{if(B>0){u=C.one("."+s(m.NAME,"first",j));if(u){u.removeClass(s(m.NAME,"first",e));i=true;}u=C.one("."+s(m.NAME,"next",j));if(u){u.removeClass(s(m.NAME,e));p=true;}}}}}},_validateNumVisible:function(t,u){return t>0;},_validateRevealAmount:function(t,u){return t>=0&&t<=100;},ITEM_TEMPLATE:'{content} ',DEF_NAV_TEMPLATE:''+'{label} ',_navBtns:null,_vtbl:null});},"gallery-2011.05.18-19-11",{skinnable:true,requires:["widget"]});
+YUI.add("gallery-carousel",function(a){function m(){m.superclass.constructor.apply(this,arguments);}var s=a.ClassNameManager.getClassName,f=a.Lang,r=a.Node,i=false,p=true,j="button",e="button-disabled",o="content",d="item",g="nav",l="nav-item",b="afterScroll",h="beforeScroll",q="itemAdded",c="itemRemoved",k="itemSelected",n="navStateChanged";m.NAME="carousel";m.ATTRS={autoPlayInterval:{validator:f.isNumber,value:0},carouselItemEl:{validator:f.isString,value:"li"},hidePagination:{validator:f.isBoolean,value:false},isCircular:{validator:f.isBoolean,value:false},isVertical:{setter:"_setVertical",validator:f.isBoolean,value:false},useMenuForNav:{validator:f.isBoolean,value:false},numItems:{value:0},numVisible:{validator:"_validateNumVisible",value:3},revealAmount:{validator:"_validateRevealAmount",value:0},scrollIncrement:{validator:f.isNumber,value:1},selectedItem:{validator:f.isNumber,value:0},strings:{value:{GOTO_PAGE:"Go to page {page}",NEXT_PAGE:"Next Page",PREV_PAGE:"Previous Page"}}};a.Carousel=a.extend(m,a.Widget,{addItem:function(x,y){var t=this,w,u,v;if(f.isString(x)){v=r.create(a.substitute(t.ITEM_TEMPLATE,{content:x}));}else{if(f.isObject(x)&&x.constructor.NAME==="node"){v=x;}else{return false;}}if(!t._vtbl.item.content){t._vtbl.item.content=v;}if(f.isUndefined(y)){t._vtbl.items.push(v);u=t._vtbl.items.length-1;}else{if(!t._vtbl.items[y]){t._vtbl.items[y]=undefined;}t._vtbl.items.splice(y,0,v);u=y;}w=this.get("numItems");t.set("numItems",w+1);t.fire(q,{item:v,pos:u});return true;},addItems:function(u){var t=this,y=false,w,v,x;if(!f.isArray(u)){return false;}y=true;for(v=0,x=u.length;v0){t.removeItem(0);}},getElementForItem:function(t){return this.getItem(t);},getElementForItems:function(t){return this.getItems(t);},getFirstVisible:function(){var t=this,v=t.get("numVisible"),u=t.get("selectedItem");return t._getFirstVisible(u,v);},getFirstVisibleOnPage:function(t){return(t-1)*this.get("numVisible");},getItem:function(u){var t=this;if(u<0||u>t._vtbl.items.length-1){return null;}return f.isUndefined(t._vtbl.items[u])?null:t._vtbl.items[u];},getItems:function(x){var u=this,t=[],v,w;if(f.isUndefined(x)){for(v=0,w=u._vtbl.items.length;vt._vtbl.items.length-1){return false;}w=t._vtbl.items.splice(u,1);w=f.isUndefined(w[0])?false:w[0];if(!w){return false;}v=t.get("numItems");--v;t.set("numItems",v);this.fire(c,{item:w,pos:u});return true;},scrollBackward:function(){var t=this;t.scrollTo(t.getFirstVisible()-t.get("scrollIncrement"));},scrollForward:function(){var t=this;t.scrollTo(t.getFirstVisible()+t.get("scrollIncrement"));},scrollPageBackward:function(){var t=this;t.scrollTo(t.getFirstVisible()-t.get("numVisible"));},scrollPageForward:function(){var t=this;t.scrollTo(t.getFirstVisible()+t.get("numVisible"));},scrollTo:function(x){var B=this,u=B.get("isCircular"),z=B.get("numItems"),A=B.get("numVisible"),y,t,w,v;x=B._getCorrectedIndex(x);if(isNaN(x)){return;}v=B._getOffsetForIndex(x);t=B.get("contentBox");y=B.get("isVertical")?"top":"left";w=B.getFirstVisible();B.fire(h,{first:w,last:w+A});t.setStyle(y,v);w=B.getFirstVisible();B.fire(b,{first:w,last:w+A});B.set("selectedItem",x);},scrollToPage:function(u){var t=this;t.scrollTo(u*t.get("numVisible"));},startAutoPlay:function(){var t=this,u;if(f.isUndefined(t._autoPlayTimer)){u=t.get("autoPlayInterval");if(u<=0){return;}t._isAutoPlayInProgress=true;t._autoPlayTimer=setInterval(function(){t.scrollPageForward();},u);}},stopAutoPlay:function(){var t=this;if(!f.isUndefined(t._autoPlayTimer)){clearTimeout(t._autoPlayTimer);delete t._autoPlayTimer;t._isAutoPlayInProgress=false;}},bindUI:function(){var t=this,u=t.get("boundingBox");t.after("selectedItemChange",t._afterSelectedItemChange);t.on(q,t._addItemToDom);t.on(c,t._removeItemFromDom);if(!t.get("hidePagination")){u.delegate("click",a.bind(t._onNavItemClick,t),"."+s(m.NAME,l)+" > a");u.delegate("click",a.bind(t._onNavButtonClick,t),"."+s(m.NAME,j));}u.delegate("click",a.bind(t._onItemClick,t),"."+s(m.NAME,d));},initializer:function(){var t=this;t._vtbl={items:[],item:{content:null,hsz:0,vsz:0}};t.get("boundingBox").addClass(s(m.NAME,"loading"));t._parseItems();},renderUI:function(){var t=this;if(t.get("numItems")<1){t.get("boundingBox").addClass(s(m.NAME,"hidden"));return;}if(t._vtbl.item.hsz===0){t._vtbl.item.hsz=t._getNodeSize(t._vtbl.item.content,"width");}if(t._vtbl.item.vsz===0){t._vtbl.item.vsz=t._getNodeSize(t._vtbl.item.content,"height");}t._renderItems();if(!t.get("hidePagination")){t._renderNavigation();}t._renderContainer();},syncUI:function(){var t=this,u=t.get("selectedItem");t._uiSetSelectedItem(u,true);if(!t.get("hidePagination")){t._updateNavigation(u);}},_addItemToDom:function(u){var v=this,t=v.get("contentBox"),y,x,w,z;y=u.item;z=u.pos+1;if(y&&!t.contains(y)){x=v._vtbl.items[z];if(x){t.insertBefore(y,x);}else{t.append(y);}if(v.get("selectedItem")==z){w=v.get("numItems");++z;z=z>w-1?w-1:z;v.set("selectedItem",z);}v._redrawUi();}},_afterSelectedItemChange:function(u){var t=this;t._uiSetSelectedItem(u.prevVal,false);t._uiSetSelectedItem(u.newVal,true);t.fire(k,{pos:u.newVal});if(!t.get("hidePagination")){t._updateNavigation(u.newVal);}},_getCorrectedIndex:function(x){var u=this,t=u.get("isCircular"),y=u.get("numItems"),z=u.get("numVisible"),w=y-1,v=0;if(!t){v=u.getPageForItem(w)*z;}if(x<0){if(t){x=v;}else{x=0;}}else{if(x>w){if(t){x=0;}else{x=v;}}}return x;},_getFirstVisible:function(u,t){return u-(u%t);},_getOffsetForIndex:function(u){var t=this,v=t._vtbl.item,w;w=t.get("isVertical")?v.vsz:v.hsz;
+return -w*u;},_getNodeSize:function(t,v){var u=0;if(t&&t.constructor.NAME==="node"){if(v==="height"){u=t.get("offsetHeight");if(u===0){u=parseInt(t.getStyle("marginTop"),10)+parseInt(t.getStyle("paddingTop"),10)+parseInt(t.getStyle("borderTopWidth"),10)+parseInt(t.getStyle("height"),10)+parseInt(t.getStyle("borderBottomWidth"),10)+parseInt(t.getStyle("paddingBottom"),10)+parseInt(t.getStyle("marginBottom"),10);}}else{if(v=="width"){u=t.get("offsetWidth");if(u===0){u=parseInt(t.getStyle("marginLeft"),10)+parseInt(t.getStyle("paddingLeft"),10)+parseInt(t.getStyle("borderLeftWidth"),10)+parseInt(t.getStyle("width"),10)+parseInt(t.getStyle("borderRightWidth"),10)+parseInt(t.getStyle("paddingRight"),10)+parseInt(t.getStyle("marginRight"),10);}}}}return u;},_onItemClick:function(A){var C=this,y=C.get("boundingBox"),t,u,v,B,z,w,x;x=A&&A.target?A.target:null;if(!x){return;}t=y.one("."+s(m.NAME,o));u=x;B=s(m.NAME,d);while(u&&u!=t){if(u.hasClass(B)){break;}u=u.get("parentNode");}if(u){z=C._vtbl.items;for(v=0,w=z.length;v0){y+=(y*u/100);}t._uiSetHeight(y+v);t._uiSetWidth(t._vtbl.item.vsz);t._uiSetWidthCB(t._vtbl.item.vsz);}else{y=t._vtbl.item.hsz*x;if(u>0){y+=(y*u/100);}t._uiSetWidth(y);t._uiSetHeight(t._vtbl.item.hsz+v);t._uiSetHeightCB(t._vtbl.item.hsz);}},_renderItems:function(){var v=this,u=v.get("contentBox"),t,x,z,A,y,w;if(v.get("isVertical")){t="top";w=v._vtbl.item.vsz;}else{t="left";w=v._vtbl.item.hsz;}z=s(m.NAME,d);for(x=0,A=v._vtbl.items.length;x ul");G=F.get("strings.GOTO_PAGE");for(A=1;A<=x;++A){E=a.substitute(G,{page:A});w.append(a.substitute(F.DEF_NAV_ITEM_TEMPLATE,{pagenum:A,label:E}));}v=C.all("."+s(m.NAME,l));D=F.getPageForItem(y);F._uiSetNavItem(v.item(D));B=F.getPageForItem(F.get("numItems")-1);if(B<0){u=C.one("."+s(m.NAME,"first",j));if(u){u.addClass(s(m.NAME,"first",e));i=false;}u=C.one("."+s(m.NAME,"next",j));if(u){u.addClass(s(m.NAME,e));p=false;}}else{if(D===0&&D!=B){u=C.one("."+s(m.NAME,"next",j));if(u){u.removeClass(s(m.NAME,e));p=true;}if(!z){u=C.one("."+s(m.NAME,"first",j));if(u){u.addClass(s(m.NAME,"first",e));i=false;}}}else{if(D!==0&&D==B){u=C.one("."+s(m.NAME,"first",j));if(u){u.removeClass(s(m.NAME,"first",e));i=true;}if(!z){u=C.one("."+s(m.NAME,"next",j));if(u){u.addClass(s(m.NAME,e));p=false;}}}else{if(B>0){u=C.one("."+s(m.NAME,"first",j));if(u){u.removeClass(s(m.NAME,"first",e));i=true;}u=C.one("."+s(m.NAME,"next",j));if(u){u.removeClass(s(m.NAME,e));p=true;}}}}}},_validateNumVisible:function(t,u){return t>0;},_validateRevealAmount:function(t,u){return t>=0&&t<=100;},ITEM_TEMPLATE:'{content} ',DEF_NAV_TEMPLATE:''+'{label} ',_navBtns:null,_vtbl:null});
+},"gallery-2012.06.06-19-59",{skinnable:true,requires:["widget"]});
\ No newline at end of file
diff --git a/build/gallery-carousel/gallery-carousel.js b/build/gallery-carousel/gallery-carousel.js
index e917779055..b71409c9e4 100644
--- a/build/gallery-carousel/gallery-carousel.js
+++ b/build/gallery-carousel/gallery-carousel.js
@@ -24,17 +24,17 @@ function Carousel() {
// Some useful abbreviations
var getCN = Y.ClassNameManager.getClassName,
- JS = Y.Lang,
- Node = Y.Node,
+ JS = Y.Lang,
+ Node = Y.Node,
canGoBackward = false,
- canGoForward = true,
+ canGoForward = true,
// Custom class prefixes
- cpButton = "button",
+ cpButton = "button",
cpButtonDisabled = "button-disabled",
cpContent = "content",
- cpItem = "item",
- cpNav = "nav",
+ cpItem = "item",
+ cpNav = "nav",
cpNavItem = "nav-item",
// Carousel custom events
@@ -294,7 +294,10 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @public
*/
addItem: function (node, pos) {
- var self = this, count, index, item;
+ var self = this,
+ count,
+ index,
+ item;
if (JS.isString(node)) {
item = Node.create(Y.substitute(self.ITEM_TEMPLATE, {
@@ -344,7 +347,9 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
addItems: function (items) {
var self = this,
rv = false,
- item, i, n;
+ item,
+ i,
+ n;
if (!JS.isArray(items)) {
return false;
@@ -414,8 +419,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @public
*/
getFirstVisible: function () {
- var self = this,
- numVisible = self.get("numVisible"),
+ var self = this,
+ numVisible = self.get("numVisible"),
selectedItem = self.get("selectedItem");
return self._getFirstVisible(selectedItem, numVisible);
@@ -466,9 +471,10 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @public
*/
getItems: function (pos) {
- var self = this,
+ var self = this,
items = [],
- i, n;
+ i,
+ n;
if (JS.isUndefined(pos)) { // return everything
for (i = 0, n = self._vtbl.items.length; i < n; ++i) {
@@ -504,11 +510,12 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @public
*/
getVisibleItems: function () {
- var self = this,
- numVisible = self.get("numVisible"),
+ var self = this,
+ numVisible = self.get("numVisible"),
firstVisible = self.getFirstVisible(),
rv = [],
- i, n;
+ i,
+ n;
for (i = firstVisible, n = firstVisible + numVisible; i < n; ++i) {
rv.push(self._vtbl.items[i]);
@@ -526,7 +533,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
removeItem: function (index) {
var self = this,
- item, count;
+ item,
+ count;
if (index < 0 || index > self._vtbl.items.length - 1) {
return false;
@@ -554,6 +562,7 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
scrollBackward: function () {
var self = this;
+
self.scrollTo(self.getFirstVisible() - self.get("scrollIncrement"));
},
@@ -565,6 +574,7 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
scrollForward: function () {
var self = this;
+
self.scrollTo(self.getFirstVisible() + self.get("scrollIncrement"));
},
@@ -576,6 +586,7 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
scrollPageBackward: function () {
var self = this;
+
self.scrollTo(self.getFirstVisible() - self.get("numVisible"));
},
@@ -587,6 +598,7 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
scrollPageForward: function () {
var self = this;
+
self.scrollTo(self.getFirstVisible() + self.get("numVisible"));
},
@@ -598,20 +610,24 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @public
*/
scrollTo: function (index) {
- var self = this,
+ var self = this,
isCircular = self.get("isCircular"),
- numItems = self.get("numItems"),
+ numItems = self.get("numItems"),
numVisible = self.get("numVisible"),
- attr, cb, first, offset;
+ attr,
+ cb,
+ first,
+ offset;
index = self._getCorrectedIndex(index); // sanitize the value
if (isNaN(index)) {
return;
}
+
offset = self._getOffsetForIndex(index);
- cb = self.get("contentBox");
- attr = self.get("isVertical") ? "top" : "left";
- first = self.getFirstVisible();
+ cb = self.get("contentBox");
+ attr = self.get("isVertical") ? "top" : "left";
+ first = self.getFirstVisible();
self.fire(BEFORESCROLL_EVENT, { first: first,
last: first + numVisible });
cb.setStyle(attr, offset);
@@ -630,9 +646,48 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
scrollToPage: function (page) {
var self = this;
+
self.scrollTo(page * self.get("numVisible"));
},
+ /**
+ * Start auto scrolling the Carousel after "autoPlayInterval" milliseconds.
+ *
+ * @method startAutoPlay
+ * @public
+ */
+ startAutoPlay: function () {
+ var self = this,
+ timer;
+
+ if (JS.isUndefined(self._autoPlayTimer)) {
+ timer = self.get("autoPlayInterval");
+ if (timer <= 0) {
+ return;
+ }
+ self._isAutoPlayInProgress = true;
+ self._autoPlayTimer = setInterval(function () {
+ self.scrollPageForward();
+ }, timer);
+ }
+ },
+
+ /**
+ * Stop auto scrolling the Carousel.
+ *
+ * @method stopAutoPlay
+ * @public
+ */
+ stopAutoPlay: function () {
+ var self = this;
+
+ if (!JS.isUndefined(self._autoPlayTimer)) {
+ clearTimeout(self._autoPlayTimer);
+ delete self._autoPlayTimer;
+ self._isAutoPlayInProgress = false;
+ }
+ },
+
/* Overridable protected methods. */
/**
@@ -643,7 +698,7 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
bindUI: function () {
var self = this,
- bb = self.get("boundingBox");
+ bb = self.get("boundingBox");
self.after("selectedItemChange", self._afterSelectedItemChange);
self.on(ITEMADDED_EVENT, self._addItemToDom);
@@ -718,7 +773,7 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @protected
*/
syncUI: function () {
- var self = this,
+ var self = this,
selectedItem = self.get("selectedItem");
self._uiSetSelectedItem(selectedItem, true);
@@ -735,8 +790,11 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_addItemToDom: function (arg) {
var self = this,
- cb = self.get("contentBox"),
- item, node, numItems, pos;
+ cb = self.get("contentBox"),
+ item,
+ node,
+ numItems,
+ pos;
item = arg.item;
pos = arg.pos + 1; // real position has shifted now
@@ -785,15 +843,15 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @protected
*/
_getCorrectedIndex: function (index) {
- var self = this,
+ var self = this,
isCircular = self.get("isCircular"),
- numItems = self.get("numItems"),
+ numItems = self.get("numItems"),
numVisible = self.get("numVisible"),
- sentinel = numItems - 1,
+ sentinel = numItems - 1,
firstOfLastPage = 0;
- // Fix for Issues #2 and #11 - thanks
- if (isCircular) {
+ // Prevent Carousel to scroll beyond its bounds
+ if (!isCircular) {
firstOfLastPage = self.getPageForItem(sentinel) * numVisible;
}
@@ -858,21 +916,27 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
if (node && node.constructor.NAME === "node") {
if (which === "height") {
- sz = parseInt(node.getComputedStyle("marginTop"), 10) +
- parseInt(node.getComputedStyle("paddingTop"), 10) +
- parseInt(node.getComputedStyle("borderTopWidth"), 10) +
- parseInt(node.getComputedStyle("height"), 10) +
- parseInt(node.getComputedStyle("borderBottomWidth"), 10) +
- parseInt(node.getComputedStyle("paddingBottom"), 10) +
- parseInt(node.getComputedStyle("marginBottom"), 10);
+ sz = node.get("offsetHeight");
+ if (sz === 0) { // height hasn't been computed yet
+ sz = parseInt(node.getStyle("marginTop"), 10) +
+ parseInt(node.getStyle("paddingTop"), 10) +
+ parseInt(node.getStyle("borderTopWidth"), 10) +
+ parseInt(node.getStyle("height"), 10) +
+ parseInt(node.getStyle("borderBottomWidth"), 10) +
+ parseInt(node.getStyle("paddingBottom"), 10) +
+ parseInt(node.getStyle("marginBottom"), 10);
+ }
} else if (which == "width") {
- sz = parseInt(node.getComputedStyle("marginLeft"), 10) +
- parseInt(node.getComputedStyle("paddingLeft"), 10) +
- parseInt(node.getComputedStyle("borderLeftWidth"), 10) +
- parseInt(node.getComputedStyle("width"), 10) +
- parseInt(node.getComputedStyle("borderRightWidth"), 10) +
- parseInt(node.getComputedStyle("paddingRight"), 10) +
- parseInt(node.getComputedStyle("marginRight"), 10);
+ sz = node.get("offsetWidth");
+ if (sz === 0) {
+ sz = parseInt(node.getStyle("marginLeft"), 10) +
+ parseInt(node.getStyle("paddingLeft"), 10) +
+ parseInt(node.getStyle("borderLeftWidth"), 10) +
+ parseInt(node.getStyle("width"), 10) +
+ parseInt(node.getStyle("borderRightWidth"), 10) +
+ parseInt(node.getStyle("paddingRight"), 10) +
+ parseInt(node.getStyle("marginRight"), 10);
+ }
}
}
@@ -887,18 +951,24 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_onItemClick: function (ev) {
var self = this,
- bb = self.get("boundingBox"),
- container, el, target, i, itemClass, items, len;
+ bb = self.get("boundingBox"),
+ container,
+ el,
+ i,
+ itemClass,
+ items,
+ len,
+ target;
target = ev && ev.target ? ev.target : null;
if (!target) {
return;
}
- ev.preventDefault();
container = bb.one("." + getCN(Carousel.NAME, cpContent));
- el = target;
+ el = target;
itemClass = getCN(Carousel.NAME, cpItem);
+
while (el && el != container) {
if (el.hasClass(itemClass)) {
break;
@@ -956,7 +1026,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_onNavItemClick: function (ev) {
var self = this,
- link, target;
+ link,
+ target;
target = ev && ev.target ? ev.target : null;
if (!target) {
@@ -981,7 +1052,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_parseItems: function () {
var self = this,
- cb, items;
+ cb,
+ items;
cb = self.get("contentBox");
items = cb.all(self.get("carouselItemEl"));
@@ -998,8 +1070,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
* @protected
*/
_redrawUi: function () {
- var self = this,
- attr = "left";
+ var attr = "left",
+ self = this;
self._renderItems();
self._updateNavigation();
@@ -1018,11 +1090,12 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_removeItemFromDom: function (arg) {
var self = this,
- cb = self.get("contentBox"),
- item, pos;
+ cb = self.get("contentBox"),
+ item,
+ pos;
item = arg.item;
- pos = arg.pos;
+ pos = arg.pos;
if (item && cb.contains(item)) {
item.remove(true);
@@ -1052,14 +1125,16 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_renderContainer: function () {
var self = this,
- bb = self.get("boundingBox"),
+ bb = self.get("boundingBox"),
hidePagination = self.get("hidePagination"),
- numVisible = self.get("numVisible"),
- revealAmount = self.get("revealAmount"),
- navsz = 0, nav, val;
+ numVisible = self.get("numVisible"),
+ revealAmount = self.get("revealAmount"),
+ navsz = 0,
+ nav,
+ val;
if (!hidePagination) {
- nav = bb.one("." + getCN(Carousel.NAME, cpNav));
+ nav = bb.one("." + getCN(Carousel.NAME, cpNav));
navsz = self._getNodeSize(nav, "height");
}
@@ -1090,8 +1165,13 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_renderItems: function () {
var self = this,
- cb = self.get("contentBox"),
- attr, i, itemClass, n, node, size;
+ cb = self.get("contentBox"),
+ attr,
+ i,
+ itemClass,
+ n,
+ node,
+ size;
if (self.get("isVertical")) {
attr = "top";
@@ -1126,11 +1206,15 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_renderNavigation: function () {
// TODO: check useMenuForNav and render a SELECT
- var self = this,
- bb = self.get("boundingBox"),
- cb = self.get("contentBox"),
+ var self = this,
+ bb = self.get("boundingBox"),
+ cb = self.get("contentBox"),
items = [],
- i, nav, numPages, s, t;
+ i,
+ nav,
+ numPages,
+ s,
+ t;
numPages = Math.ceil(self.get("numItems") / self.get("numVisible"));
if (numPages < 1) {
@@ -1209,7 +1293,8 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_uiSetNavItem: function (node) {
var self = this,
- bb, clazz;
+ bb,
+ clazz;
if (!node) {
return;
@@ -1296,10 +1381,17 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
*/
_updateNavigation: function (selectedItem) {
var self = this,
- bb = self.get("boundingBox"),
+ bb = self.get("boundingBox"),
isCircular = self.get("isCircular"),
- btn, currPage, i, lastPage, numPages, pageContainer,
- pages, s, t;
+ btn,
+ currPage,
+ i,
+ lastPage,
+ numPages,
+ pageContainer,
+ pages,
+ s,
+ t;
selectedItem = selectedItem || self.get("selectedItem");
self._uiSetSelectedItem(selectedItem, true);
@@ -1444,4 +1536,4 @@ Y.Carousel = Y.extend(Carousel, Y.Widget, {
});
-}, 'gallery-2011.05.18-19-11' ,{skinnable:true, requires:['widget']});
+}, 'gallery-2012.06.06-19-59' ,{skinnable:true, requires:['widget']});
diff --git a/build/gallery-checkboxgroups/gallery-checkboxgroups-debug.js b/build/gallery-checkboxgroups/gallery-checkboxgroups-debug.js
index 7d78cc17ec..741a73da12 100644
--- a/build/gallery-checkboxgroups/gallery-checkboxgroups-debug.js
+++ b/build/gallery-checkboxgroups/gallery-checkboxgroups-debug.js
@@ -6,6 +6,7 @@ YUI.add('gallery-checkboxgroups', function(Y) {
* Various behaviors that can be attached to a group of checkboxes.
*
* @module gallery-checkboxgroups
+ * @main gallery-checkboxgroups
*/
/**
@@ -38,6 +39,7 @@ function checkboxChanged(
CheckboxGroup.prototype =
{
/**
+ * @method getCheckboxList
* @return {NodeList} List of managed checkboxes
*/
getCheckboxList: function()
@@ -49,6 +51,7 @@ CheckboxGroup.prototype =
* Same functionality as Array.splice(). Operates on the
* list of managed checkboxes.
*
+ * @method splice
* @param start {Int} Insertion index
* @param delete_count {Int} Number of items to remove, starting from Destroys objects asynchronously.
*
- * @module gallery-chipper
+ * @main gallery-chipper
* @class Chipper
*/
@@ -42,7 +46,7 @@ Y.Chipper =
* Throw objects into the chipper. If an object does not implement
* destroy(), it is ignored.
*
- * @method Y.Chipper.destroy
+ * @method destroy
* @static
* @param objs {Object/Array} The object(s) to destroy.
*/
@@ -55,4 +59,4 @@ Y.Chipper =
};
-}, 'gallery-2010.03.18-19' ,{requires:['yui-later']});
+}, 'gallery-2012.05.16-20-37' ,{requires:['yui-later']});
diff --git a/build/gallery-chipper/gallery-chipper-min.js b/build/gallery-chipper/gallery-chipper-min.js
index ec33d6d639..abebe04366 100644
--- a/build/gallery-chipper/gallery-chipper-min.js
+++ b/build/gallery-chipper/gallery-chipper-min.js
@@ -1 +1 @@
-YUI.add("gallery-chipper",function(C){var B=[],D=null;function A(){if(!D){D=C.later(100,null,function(){if(B.length>0){var E=B.pop();if(C.Lang.isFunction(E.destroy)){E.destroy();}}else{D.cancel();D=null;}},null,true);}}C.Chipper={destroy:function(E){B=B.concat(E);A();}};},"gallery-2010.03.18-19",{requires:["yui-later"]});
\ No newline at end of file
+YUI.add("gallery-chipper",function(c){var b=[],d=null;function a(){if(!d){d=c.later(100,null,function(){if(b.length>0){var e=b.pop();if(c.Lang.isFunction(e.destroy)){e.destroy();}}else{d.cancel();d=null;}},null,true);}}c.Chipper={destroy:function(e){b=b.concat(e);a();}};},"gallery-2012.05.16-20-37",{requires:["yui-later"]});
\ No newline at end of file
diff --git a/build/gallery-chipper/gallery-chipper.js b/build/gallery-chipper/gallery-chipper.js
index 2ee4042eba..8f04166a7b 100644
--- a/build/gallery-chipper/gallery-chipper.js
+++ b/build/gallery-chipper/gallery-chipper.js
@@ -2,10 +2,14 @@ YUI.add('gallery-chipper', function(Y) {
"use strict";
+/**
+ * @module gallery-chipper
+ */
+
/**********************************************************************
* 0;l-=1){o*=g[l];}m+=o;}return m;});});e.Image=b;}(a));},"gallery-2012.06.20-20-07",{requires:["base"],skinnable:false});
\ No newline at end of file
diff --git a/build/gallery-composite-image/gallery-composite-image.js b/build/gallery-composite-image/gallery-composite-image.js
new file mode 100644
index 0000000000..e9174ebd51
--- /dev/null
+++ b/build/gallery-composite-image/gallery-composite-image.js
@@ -0,0 +1,513 @@
+YUI.add('gallery-composite-image', function(Y) {
+
+(function (Y) {
+ 'use strict';
+
+ /**
+ * @module gallery-composite-image
+ */
+
+ var _namespace = Y.namespace('Composite'),
+
+ _getGetAtFunction,
+ _getGetPixelIndexFunction,
+
+ _class;
+
+ /**
+ * Image Class
+ * @class Image
+ * @constructor
+ * @extends Base
+ * @namespace Composite
+ * @param {Object} config Configuration Object.
+ */
+
+ _class = function (config) {
+ _class.superclass.constructor.call(this, config);
+ };
+
+ _class.ATTRS = {
+ /**
+ * Defines the color space for the image.
+ *
+ * An image can have as many channels as needed. 3 or 4 channels is
+ * most common. Usually the first channel is the red color component,
+ * the second is green, the third is blue, and the fourth is alpha.
+ *
+ * There are various ways to represent the value of a channel.
+ * Values can either be stored as integers or floating-point numbers.
+ * Values may be constrained within a minimum and maximum value.
+ *
+ * Most commonly red, green, and blue channels are represented by
+ * integers between 0 and 255. In this case the values 0, 0, 0
+ * represent black and the values 255, 255, 255 represent white.
+ *
+ * The alpha channel is commonly stored as a floating-point value from 0
+ * to 1. 1 represents a completely visible pixel while 0 is completely
+ * transparent.
+ *
+ * Values are not required to be constrained. For example, sometimes it
+ * is interesting or useful to store colors which have brightness beyond
+ * white.
+ *
+ * This attribute should be set to an array of objects. This array
+ * represents the channels in order. This array should have at least
+ * one element. This should not be a sparse array. Each object must
+ * have a mode property. The mode property must be set to either 'f'
+ * for floating-point values or 'i' for integer values. Each object may
+ * include the optional maximum and/or minimum properties. Each object
+ * may include the optional blackValue and/or whiteValue properties. If
+ * undefined, blackValue will default to 0 and whiteValue will default
+ * to 255 when mode is set to 'i' or 1 otherwise.
+ *
+ * @attribute channels
+ * @default [
+ * {maximum: 255, minimum: 0, mode:'i'},
+ * {maximum: 255, minimum: 0, mode:'i'},
+ * {maximum: 255, minimum: 0, mode:'i'},
+ * {maximum: 1, minimum: 0, mode:'f'}
+ * ]
+ * @type Array
+ * @writeOnce
+ */
+ channels: {
+ value: [{
+ maximum: 255,
+ minimum: 0,
+ mode: 'i'
+ }, {
+ maximum: 255,
+ minimum: 0,
+ mode: 'i'
+ }, {
+ maximum: 255,
+ minimum: 0,
+ mode: 'i'
+ }, {
+ maximum: 1,
+ minimum: 0,
+ mode: 'f'
+ }],
+ writeOnce: 'initOnly'
+ },
+ /**
+ * Defines the pixel dimensions of the image.
+ *
+ * An image can have as many dimensions as needed. 2 dimensions is most
+ * common. Usually the first dimension is width and the second is
+ * height.
+ *
+ * @attribute dimensions
+ * @default [512, 512]
+ * @type Array
+ * @writeOnce
+ */
+ dimensions: {
+ value: [
+ 512,
+ 512
+ ],
+ writeOnce: 'initOnly'
+ },
+ /**
+ * Contains the number of pixels in the image.
+ * @attribute pixelCount
+ * @readOnly
+ * @type Number
+ */
+ pixelCount: {
+ readOnly: true
+ }
+ };
+
+ _class.NAME = 'Composite-Image';
+
+ Y.extend(_class, Y.Base, {
+ /**
+ * Clears the image.
+ * This method is chainable.
+ * @method clear
+ * @chainable
+ */
+ clear: function () {
+ var me = this,
+ pixelData = [];
+
+ pixelData.length = me._pixelData.length;
+
+ me._pixelData = pixelData;
+
+ return me;
+ },
+ /**
+ * Returns a new identical image.
+ * @method clone
+ * @return {Object}
+ */
+ clone: function () {
+ var me = this,
+ other = new _class({
+ channels: me.get('channels'),
+ dimensions: me.get('dimensions')
+ });
+
+ other._pixelData = me._pixelData.slice();
+
+ return other;
+ },
+ /**
+ * Invokes a function for each pixel in the image.
+ * This method is chainable.
+ * @method eachPixel
+ * @chainable
+ * @param {Object} pixelParameters This object contains the following
+ * members
+ * =L?0:D)*A;for(E=I-1;E<=I+1;E+=1){F[(E<0?A-1:E>=A?0:E)+M]=o;}}}else{C=u(I+1,A-1);B=u(H+1,L-1);for(D=x(H-1,0);D<=B;D+=1){M=D*A;for(E=x(I-1,0);E<=C;E+=1){F[E+M]=o;}}}return G;},_cellStep:function(A,M,B,G,P,K,H){var L=A[G],F,E,D,C,N=0,J=G%B,I=j(G/B),O;if(H){for(D=I-1;D<=I+1;D+=1){O=(D<0?M-1:D>=M?0:D)*B;for(F=J-1;F<=J+1;F+=1){if((F!==J||D!==I)&&A[(F<0?B-1:F>=B?0:F)+O]){N+=1;}}}}else{E=u(J+1,B-1);C=u(I+1,M-1);for(D=x(I-1,0);D<=C;D+=1){O=D*B;for(F=x(J-1,0);F<=E;F+=1){if((F!==J||D!==I)&&A[F+O]){N+=1;}}}}if(L&&z(K,N)===-1||!L&&z(P,N)!==-1){return{cell:L,index:G,x:J,y:I};}return h;}},{ATTRS:{birth:{setter:l,value:[3]},grid:{readOnly:o,value:[]},height:{value:h,writeOnce:r},life:{setter:l,value:[2,3]},toroidal:{value:false},width:{value:h,writeOnce:r}}});}(a,arguments[1]));},"gallery-2012.07.11-21-38",{requires:["array-extras","gallery-async","gallery-soon"],skinnable:false});
\ No newline at end of file
diff --git a/build/gallery-conway/gallery-conway.js b/build/gallery-conway/gallery-conway.js
new file mode 100644
index 0000000000..294a1d8eec
--- /dev/null
+++ b/build/gallery-conway/gallery-conway.js
@@ -0,0 +1,465 @@
+YUI.add('gallery-conway', function(Y) {
+
+/**
+ * A simulator for Conway's Game of Life.
+ * @module gallery-conway
+ */
+(function (Y, moduleName) {
+ 'use strict';
+
+ var _null = null,
+ _string_cellChange = 'cellChange',
+ _string_grid = 'grid',
+ _string_height = 'height',
+ _string_initOnly = 'initOnly',
+ _string_width = 'width',
+ _true = true,
+
+ _Array = Y.Array,
+ _Async = Y.Async,
+ _Base = Y.Base,
+ _Lang = Y.Lang,
+ _Math = Math,
+
+ _each = Y.each,
+ _filter = _Array.filter,
+ _floor = _Math.floor,
+ _indexOf = _Array.indexOf,
+ _isArray = _Lang.isArray,
+ _isFunction = _Lang.isFunction,
+ _isValue = _Lang.isValue,
+ _makeItAnArray = function (array) {
+ return _isArray(array) ? array : [
+ array
+ ];
+ },
+ _max = _Math.max,
+ _min = _Math.min,
+ _soon = Y.soon;
+
+ /**
+ * @class Conway
+ * @constructor
+ * @extends Base
+ * @param {Object} config Configuration Object.
+ */
+ Y.Conway = _Base.create(moduleName, _Base, [], {
+ destructor: function () {
+ delete this._history;
+ },
+ /**
+ * Returns the value of a specific cell. The cell may be specified with
+ * x and y coordinates or with a single array index.
+ * (index = x + y * width)
+ * @method getCell
+ * @param {Number} x The x coordinate or the array index.
+ * @param {Number} [y] Optional. The y coordinate.
+ * @return {Boolean} A truthy value means the cell is currently alive.
+ */
+ getCell: function (x, y) {
+ return this.get(_string_grid)[_isValue(y) ? x + y * this.get(_string_width) : x];
+ },
+ initializer: function () {
+ var me = this,
+
+ grid = me.get(_string_grid),
+ i = 0,
+ length = me.get(_string_height) * me.get(_string_width);
+
+ /**
+ * If this event is prevented, the cell's value will not be changed.
+ * @event cellChange
+ * @param {Boolean} cell The current value of the cell. Note that
+ * the cell's value is changed by the default function so the value
+ * of this property will be different between on and after
+ * subscriptions.
+ * @param {Number} height The current height of the grid.
+ * @param {Number} index The cell's array index.
+ * @param {Boolean} toroidal True if the grid is currently toroidal.
+ * @param {Number} width The current width of the grid.
+ * @param {Number} x The cell's x coordinate.
+ * @param {Number} y The cell's y coordinate.
+ */
+ me.publish(_string_cellChange, {
+ defaultFn: me._cellChange
+ });
+
+ while (i < length) {
+ grid.push(false);
+ i += 1;
+ }
+
+ /**
+ * This object's keys are the indices of cells that have changed
+ * value since the previous step of the simulation. This is used to
+ * improve performance while resolving the next step of the
+ * simulation.
+ * @property _history
+ * @protected
+ * @type Object
+ */
+ me._history = {};
+ },
+ /**
+ * Sets the value of a specific cell. The cell may be specified with x
+ * and y coordinates or with a single array index.
+ * (index = x + y * width)
+ * @method setCell
+ * @chainable
+ * @param {Number} x The x coordinate orthe array index.
+ * @param {Number} [y] Optional. The y coordinate.
+ * @param {Boolean} value The new value for the cell. A truthy value means
+ * the cell is currently alive.
+ */
+ setCell: function (x, y, value) {
+ var cell,
+ index,
+ me = this,
+ width = me.get(_string_width);
+
+ if (_isValue(value)) {
+ index = x + y * width;
+ } else {
+ index = x;
+ value = y;
+ x = index % width;
+ y = _floor(index / width);
+ }
+
+ cell = me.get(_string_grid)[index];
+
+ if (cell !== value) {
+ me.fire(_string_cellChange, {
+ cell: cell,
+ height: me.get(_string_height),
+ index: index,
+ toroidal: me.get('toroidal'),
+ width: width,
+ x: x,
+ y: y
+ });
+ }
+
+ return me;
+ },
+ /**
+ * Runs one step of the simulation. The simulation is resolved
+ * asynchronously and will call the callback function when it completes.
+ * Once this method is called, it should not be called again until the
+ * first call is complete. Calling getCell, setCell, or step while the
+ * simulation is still being resolved may cause unexpected side effects.
+ * If you wish to ensure that unexpected side effects never occur and
+ * don't mind incurring a small overhead cost, use gallery-mutex to
+ * obtain an exclusive lock when calling these methods.
+ * @method step
+ * @chainable
+ * @param {Function} [callbackFunction] Optional. This function will be
+ * called once the simulation is resolved. This function will be passed
+ * a single argument, an array. For each cell that changed value during
+ * the simulation, there will be an object in the array with the
+ * following properties:
+ * `. Values assigned
+ to this attribute will be HTML escaped for security.
+
+ @attribute summary
+ @type {String}
+ @default '' (empty string)
+ **/
+ summary: {
+ value: '',
+ // For paranoid reasons, the value is escaped on its way in because
+ // rendering can be based on string concatenation.
+ setter: Y.Escape.html
+ },
+
+ /**
+ HTML content of an optional ``.
+
+ @method _createTable
+ @return {Node} The `` node
+ @protected
+ **/
+ _createTable: function () {
+ return Y.Node.create(fromTemplate(this.TABLE_TEMPLATE, {
+ className: this.getClassName('table')
+ }));
+ },
+
+ /**
+ Creates a `` node from the `TBODY_TEMPLATE`.
+
+ @method _createTBody
+ @protected
+ **/
+ _createTBody: function () {
+ return Y.Node.create(fromTemplate(this.TBODY_TEMPLATE, {
+ className: this.getClassName('data')
+ }));
+ },
+
+ /**
+ Creates a `` node from the `TFOOT_TEMPLATE`.
+
+ @method _createTFoot
+ @protected
+ **/
+ _createTFoot: function () {
+ return Y.Node.create(fromTemplate(this.TFOOT_TEMPLATE, {
+ className: this.getClassName('footer')
+ }));
+ },
+
+ /**
+ Creates a `` node from the `THEAD_TEMPLATE`.
+
+ @method _createTHead
+ @protected
+ **/
+ _createTHead: function () {
+ return Y.Node.create(fromTemplate(this.THEAD_TEMPLATE, {
+ className: this.getClassName('columns')
+ }));
+ },
+
+ /**
+ Calls `render()` on the `bodyView` class instance and inserts the view's
+ container into the ``.
+
+ Assigns the instance's `body` property from `e.view` and the `_tbodyNode`
+ from the view's `container` attribute.
+
+ @method _defRenderBodyFn
+ @param {EventFacade} e The renderBody event
+ @protected
+ **/
+ _defRenderBodyFn: function (e) {
+ e.view.render();
+
+ this.body = e.view;
+ this._tbodyNode = e.view.get('container');
+
+ this._tableNode.append(this._tbodyNode);
+ },
+
+ /**
+ Calls `render()` on the `footerView` class instance and inserts the view's
+ container into the ``.
+
+ Assigns the instance's `foot` property from `e.view` and the `_tfootNode`
+ from the view's `container` attribute.
+
+ @method _defRenderFooterFn
+ @param {EventFacade} e The renderFooter event
+ @protected
+ **/
+ _defRenderFooterFn: function (e) {
+ e.view.render();
+
+ this.foot = e.view;
+ this._tfootNode = e.view.get('container');
+
+ this._tableNode.insertBefore(this._tfootNode,
+ this._tableNode.one('> tbody'));
+ },
+
+ /**
+ Calls `render()` on the `headerView` class instance and inserts the view's
+ container into the ``.
+
+ Assigns the instance's `head` property from `e.view` and the `_theadNode`
+ from the view's `container` attribute.
+
+ @method _defRenderHeaderFn
+ @param {EventFacade} e The renderHeader event
+ @protected
+ **/
+ _defRenderHeaderFn: function (e) {
+ e.view.render();
+
+ this.head = e.view;
+ this._theadNode = e.view.get('container');
+
+ this._tableNode.insertBefore(this._theadNode,
+ this._tableNode.one('> tfoot, > tbody'));
+ },
+
+ /**
+ Renders the ``, `
- "," *
- top
- top "," *
- left
- left "," *
- right
- right "," *
- bottom
- bottom "," *
-
+ *
- top
- top + *
- left
- left + *
- right
- right + *
- bottom
- bottom + *
-
+ *
- top
- top + *
- left
- left + *
- right
- right + *
- bottom
- bottom + *
-
+ *
- top
- top + *
- left
- left + *
- right
- right + *
- bottom
- bottom + *
- "," *
- none
- no underlay animation"," *
- with
- same time with push/pop animation "," *
- after
- just after push/pop animation ends "," *
- {Number}
- wait N million seconds after push/pop animation ends "," *
-
+ *
- none
- no underlay animation + *
- with
- same time with push/pop animation + *
- after
- just after push/pop animation ends + *
- {Number}
- wait N million seconds after push/pop animation ends + *
-
+ *
- none
- no underlay animation + *
- with
- same time with push/pop animation + *
- after
- just after push/pop animation ends + *
- {Number}
- wait N million seconds after push/pop animation ends + *
-
+ *
- none
- no underlay animation + *
- with
- same time with push/pop animation + *
- after
- just after push/pop animation ends + *
- {Number}
- wait N million seconds after push/pop animation ends + *
- "," *
- top
- top "," *
- left
- left "," *
- right
- right "," *
- bottom
- bottom "," *
-
+ *
- top
- top + *
- left
- left + *
- right
- right + *
- bottom
- bottom + *
-
+ *
- top
- top + *
- left
- left + *
- right
- right + *
- bottom
- bottom + *
-
+ *
- top
- top + *
- left
- left + *
- right
- right + *
- bottom
- bottom + *
BulkEditDataSource manages a YUI DataSource + diffs (insertions,"," * removals, changes to values).
"," * "," *The YUI DataSource must be immutable, e.g., if it is an XHR"," * datasource, the data must not change.
"," * "," *By using a DataSource, we can support both client-side pagination"," * (all data pre-loaded, best-effort save allowed) and server-side"," * pagination (load data when needed, only all-or-nothing save allowed)."," * Server-side pagination is useful when editing a large amount of existing"," * records or after uploading a large number of new records. (Store the new"," * records in a scratch space, so everything does not have to be sent back"," * to the client after parsing.) In the case of bulk upload, server-side"," * validation will catch errors in unviewed records.
"," * "," *The responseSchema passed to the YUI DataSource must include a"," * comparator for each field that should not be treated like a string."," * This comparator can either be 'string' (the default), 'integer',"," * 'decimal', 'boolean', or a function which takes two arguments.
"," *"," * @class BulkEdit"," * @namespace DataSource"," * @extends DataSource.Local "," * @constructor"," * @param config {Object}"," */","function BulkEditDataSource()","{"," BulkEditDataSource.superclass.constructor.apply(this, arguments);","}","","BulkEditDataSource.NAME = \"bulkEditDataSource\";","","BulkEditDataSource.ATTRS =","{"," /**"," * The original data. This must be immutable, i.e., the values must"," * not change."," * "," * @attribute ds"," * @type {DataSource}"," * @required"," * @writeonce"," */"," ds:"," {"," writeOnce: true"," },",""," /**"," * The function to convert the initial request into a request usable by"," * the underlying DataSource. This function takes one argument: state"," * (startIndex,resultCount,...)."," * "," * @attribute generateRequest"," * @type {Function}"," * @required"," * @writeonce"," */"," generateRequest:"," {"," validator: Y.Lang.isFunction,"," writeOnce: true"," },",""," /**"," * The name of the key in each record that stores an identifier which"," * is unique across the entire data set."," * "," * @attribute uniqueIdKey"," * @type {String}"," * @required"," * @writeonce"," */"," uniqueIdKey:"," {"," validator: Y.Lang.isString,"," writeOnce: true"," },",""," /**"," * The function to call to generate a unique id for a new record. The"," * default generates \"bulk-edit-new-id-#\"."," * "," * @attribute generateUniqueId"," * @type {Function}"," * @writeonce"," */"," generateUniqueId:"," {"," value: function()"," {"," idCounter++;"," return uniqueIdPrefix + idCounter;"," },"," validator: Y.Lang.isFunction,"," writeOnce: true"," },",""," /**"," * OGNL expression telling how to extract the startIndex from the"," * received data, e.g.,.meta.startIndex. If it is not"," * provided, startIndex is always assumed to be zero."," * "," * @attribute startIndexExpr"," * @type {String}"," * @writeonce"," */"," startIndexExpr:"," {"," validator: Y.Lang.isString,"," writeOnce: true"," },",""," /**"," * OGNL expression telling where in the response to store the total"," * number of records, e.g., .meta.totalRecords. This is"," * only appropriate for DataSources that always return the entire data"," * set."," * "," * @attribute totalRecordsReturnExpr"," * @type {String}"," * @writeonce"," */"," totalRecordsReturnExpr:"," {"," validator: Y.Lang.isString,"," writeOnce: true"," },",""," /**"," * The function to call to extract the total number of"," * records from the response."," * "," * @attribute extractTotalRecords"," * @type {Function}"," * @required"," * @writeonce"," */"," extractTotalRecords:"," {"," validator: Y.Lang.isFunction,"," writeOnce: true"," }","};","","var uniqueIdPrefix = 'bulk-edit-new-id-',"," idCounter = 0,",""," inserted_prefix = 'be-ds-i:',"," inserted_re = /^be-ds-i:/,"," removed_prefix = 'be-ds-r:',"," removed_re = /^be-ds-r:/;","","BulkEditDataSource.comparator =","{"," 'string': function(a,b)"," {"," return (Y.Lang.trim(a.toString()) === Y.Lang.trim(b.toString()));"," },",""," 'integer': function(a,b)"," {"," return (parseInt(a,10) === parseInt(b,10));"," },",""," 'decimal': function(a,b)"," {"," return (parseFloat(a,10) === parseFloat(b,10));"," },",""," 'boolean': function(a,b)"," {"," return (((a && b) || (!a && !b)) ? true : false);"," }","};","","function fromDisplayIndex("," /* int */ index)","{"," var count = -1;"," for (var i=0; iYou must reload() the widget after calling this function!
"," * "," * @method killRecord"," * @param record_id {String}"," */"," killRecord: function("," /* string */ record_id)"," {"," if (!this._dataIsLocal())"," {"," Y.error('BulkEditDataSource.killRecord() can only be called when using a local datasource');"," }",""," record_id = record_id.toString();",""," function kill(rec)"," {"," if (rec[ this.get('uniqueIdKey') ].toString() === record_id)"," {"," var info = {};"," this.recordIdToIndex(record_id, info);",""," var j = this._index[ info.internal_index ];"," this._index.splice(info.internal_index, 1);"," if (!inserted_re.test(j))"," {"," for (var i=info.internal_index; iYou must reload() the widget after calling this function!
"," * "," * @method updateRecordId"," * @param orig_record_id {String}"," * @param new_record_id {String}"," */"," updateRecordId: function("," /* string */ orig_record_id,"," /* string */ new_record_id)"," {"," if (!this._dataIsLocal())"," {"," Y.error('BulkEditDataSource.updateRecordId() can only be called when using a local datasource');"," }",""," orig_record_id = orig_record_id.toString();"," new_record_id = new_record_id.toString();",""," function update(rec)"," {"," if (rec[ this.get('uniqueIdKey') ].toString() === orig_record_id)"," {"," var info = {};"," this.recordIdToIndex(orig_record_id, info);"," var j = info.internal_index;"," if (inserted_re.test(this._index[j]))"," {"," this._index[j] = inserted_prefix + new_record_id;"," }",""," rec[ this.get('uniqueIdKey') ] = new_record_id;"," if (this._diff[ orig_record_id ])"," {"," this._diff[ new_record_id ] = this._diff[ orig_record_id ];"," delete this._diff[ orig_record_id ];"," }"," return true;"," }"," }",""," var found = false;"," this._flushCache();",""," Y.Array.some(this.get('ds').get('source'), function(value)"," {"," if (update.call(this, value))"," {"," found = true;"," return true;"," }"," },"," this);",""," if (!found)"," {"," Y.Object.some(this._new, function(value, id)"," {"," if (update.call(this, value))"," {"," this._new[ new_record_id ] = value;"," delete this._new[id];"," found = true;"," return true;"," }"," },"," this);"," }"," },",""," /**"," * Find the index of the given record id. Only usable with"," * DataSource.Local."," * "," * @method recordIdToIndex"," * @param record_id {String}"," * @return {Number} index or record or -1 if not found"," */"," recordIdToIndex: function("," /* string */ record_id,"," /* object */ return_info)"," {"," if (!this._dataIsLocal())"," {"," Y.error('BulkEditDataSource.recordIdToIndex() can only be called when using a local datasource');"," }",""," record_id = record_id.toString();",""," var records = this.get('ds').get('source');"," var count = 0;"," for (var i=0; iAll event handlers must be placed on the container, not individual"," * DOM elements.
"," * "," *Errors must be returned from the server in the order in which records"," * are displayed. Because of this, when data is sent to the server:
"," *- "," *
- If the server knows the ordering, you can send the diffs. (Diffs are an unordered map, keyed on the record id.) "," *
- If the server doesn't know the ordering, you must send all the data. "," *
Insert a new record.
"," * "," *You must reload() the widget after calling this function!
"," * "," * @method insertRecord"," * @param index {Number} insertion index"," * @param record {Object|String} record to insert or id of record to clone"," * @return {String} the new record's id"," */"," insertRecord: function("," /* int */ index,"," /* object */ record)"," {"," var record_id = this.get('ds').insertRecord(index, record);"," if (index <= this.server_errors.records.length)"," {"," this.server_errors.records.splice(index,0, { id: record_id });"," // leave entry in record_map undefined"," this._updatePageStatus();"," }"," return record_id;"," },",""," /**"," *Remove a record. The removal will be recorded in the diffs."," * There is no way to un-remove a record, so if you need that"," * functionality, you may want to use highlighting to indicate removed"," * records instead.
"," * "," *You must reload() the widget after calling this function!
"," * "," * @method removeRecord"," * @param index {Number}"," * @return {Boolean} true if the record was successfully removed"," */"," removeRecord: function("," /* int */ index)"," {"," if (this.get('ds').removeRecord(index))"," {"," if (index < this.server_errors.records.length)"," {"," var rec = this.server_errors.records[index];"," this.server_errors.records.splice(index,1);"," delete this.server_errors.record_map[ rec[ this.get('ds').get('uniqueIdKey') ] ];"," this._updatePageStatus();"," }"," return true;"," }"," else"," {"," return false;"," }"," },",""," /**"," * @method getFieldConfig"," * @param key {String} field key"," * @return {Object} field configuration"," */"," getFieldConfig: function("," /* string */ key)"," {"," return this.get('fields')[key] || {};"," },",""," /**"," * @method getRecordContainerId"," * @param record {String|Object} record id or record object"," * @return {String} id of DOM element containing the record's input elements"," */"," getRecordContainerId: function("," /* string/object */ record)"," {"," if (Y.Lang.isString(record))"," {"," return id_prefix + id_separator + record;"," }"," else"," {"," return id_prefix + id_separator + record[ this.get('ds').get('uniqueIdKey') ];"," }"," },",""," /**"," * @method getFieldId"," * @param record {String|Object} record id or record object"," * @param key {String} field key"," * @return {String} id of DOM element containing the field's input element"," */"," getFieldId: function("," /* string/object */ record,"," /* string */ key)"," {"," return this.getRecordContainerId(record) + id_separator + key;"," },",""," /**"," * @method getRecordAndFieldKey"," * @param key {String|Node} field key or field input element"," * @return {Object} object containing record and field_key"," */"," getRecordAndFieldKey: function("," /* string/element */ field)"," {"," var m = id_regex.exec(Y.Lang.isString(field) ? field : field.get('id'));"," if (m && m.length > 0)"," {"," return { record: this.get('ds').getCurrentRecordMap()[ m[1] ], field_key: m[2] };"," }"," },",""," /**"," * @method getRecordId"," * @param obj {Object|Node} record object, record container, or any node inside record container"," * @return {String} record id"," */"," getRecordId: function("," /* object/element */ obj)"," {"," if (Y.Lang.isObject(obj) && !obj._node)"," {"," return obj[ this.get('ds').get('uniqueIdKey') ];"," }",""," var node = obj.getAncestorByClassName(BulkEditor.record_container_class, true);"," if (node)"," {"," var m = id_regex.exec(node.get('id'));"," if (m && m.length > 0)"," {"," return m[1];"," }"," }"," },",""," /**"," * @method getRecordContainer"," * @param record {String|Object|Node} record id, record object, record container, or any node inside record container"," * @return {Node} node containing rendered record"," */"," getRecordContainer: function("," /* string/object/element */ record)"," {"," if (Y.Lang.isString(record))"," {"," var id = id_prefix + id_separator + record;"," }"," else if (record && record._node)"," {"," return record.getAncestorByClassName(BulkEditor.record_container_class, true);"," }"," else // record object"," {"," var id = this.getRecordContainerId(record);"," }",""," return Y.one('#'+id);"," },",""," /**"," * @method getFieldContainer"," * @param record {String|Object|Node} record id, record object, record container, or any node inside record container"," * @param key {String} field key"," * @return {Node} node containing rendered field"," */"," getFieldContainer: function("," /* string/object/element */ record,"," /* string */ key)"," {"," var field = this.getFieldElement(record, key);"," return field.getAncestorByClassName(BulkEditor.field_container_class, true);"," },",""," /**"," * @method getFieldElement"," * @param record {String|Object|Node} record id, record object, record container, or any node inside record container"," * @param key {String} field key"," * @return {Node} field's input element"," */"," getFieldElement: function("," /* string/object/element */ record,"," /* string */ key)"," {"," if (record && record._node)"," {"," record = this.getRecordId(record);"," }"," return Y.one('#'+this.getFieldId(record, key));"," },",""," /**"," * Paginate and/or scroll to make the specified record visible. Record"," * is pinged to help the user find it."," * "," * @method showRecordIndex"," * @param index {Number} record index"," */"," showRecordIndex: function("," /* int */ index)"," {"," if (index < 0 || this.get('ds').getRecordCount() <= index)"," {"," return;"," }",""," var pg = this.get('paginator');"," var start = pg ? pg.getStartIndex() : 0;"," var count = pg ? pg.getRowsPerPage() : default_page_size;"," if (start <= index && index < start+count)"," {"," var node = this.getRecordContainer(this.get('ds').getCurrentRecords()[ index - start ]);"," node.scrollIntoView();"," this.pingRecord(node);"," }"," else if (pg)"," {"," this.scroll_to_index = index;"," pg.setPage(1 + Math.floor(index / count));"," }"," },",""," /**"," * Paginate and/or scroll to make the specified record visible. Record"," * is pinged to help the user find it."," * "," * @method showRecordId"," * @param id {Number} record id"," */"," showRecordId: function("," /* string */ id)"," {"," var index = this.get('ds').recordIdToIndex(id);"," if (index >= 0)"," {"," this.showRecordIndex(index);"," }"," },",""," /**"," * Apply a class to the DOM element containing the record for a short"," * while. Your CSS can use this class to highlight the record in some"," * way."," * "," * @method pingRecord"," * @param record {String|Object|Node} record id, record object, record container, or any node inside record container"," */"," pingRecord: function("," /* string/object/element */ record)"," {"," var ping = this.get('pingClass');"," if (ping)"," {"," var node = this.getRecordContainer(record);"," node.addClass(ping);"," Y.later(this.get('pingTimeout')*1000, null, function()"," {"," node.removeClass(ping);"," });"," }"," },",""," /**"," * Render the current page of records."," *"," * @method _render"," * @protected"," * @param response {Object} response from data source"," */"," _render: function(response)"," {",""," var container = this.get('contentBox');"," this._renderContainer(container);"," container.set('scrollTop', 0);"," container.set('scrollLeft', 0);",""," Y.Array.each(response.results, function(record)"," {"," var node = this._renderRecordContainer(container, record);"," this._renderRecord(node, record);"," },"," this);",""," this.fire('pageRendered');",""," if (this.auto_validate)"," {"," this.validate();"," }",""," if (this.scroll_to_index >= 0)"," {"," this.showRecordIndex(this.scroll_to_index);"," this.scroll_to_index = -1;"," }"," },",""," /**"," * Derived class should override to create a structure for the records."," *"," * @method _renderContainer"," * @protected"," * @param container {Node}"," */"," _renderContainer: function("," /* element */ container)"," {"," container.set('innerHTML', '');"," },",""," /**"," * Derived class must override to create a container for the record."," * "," * @method _renderRecordContainer"," * @protected"," * @param container {Node}"," * @param record {Object} record data"," */"," _renderRecordContainer: function("," /* element */ container,"," /* object */ record)"," {"," return null;"," },",""," /**"," * Derived class can override if it needs to do more than just call"," * _renderField() for each field."," * "," * @method _renderRecord"," * @protected"," * @param container {Node} record container"," * @param record {Object} record data"," */"," _renderRecord: function("," /* element */ container,"," /* object */ record)"," {"," Y.Object.each(this.get('fields'), function(field, key)"," {"," this._renderField("," {"," container: container,"," key: key,"," value: record[key],"," field: field,"," record: record"," });"," },"," this);"," },",""," /**"," * If _renderRecord is not overridden, derived class must override this"," * function to render the field."," * "," * @method _renderField"," * @protected"," * @param o {Object}"," * container {Node} record container,"," * key {String} field key,"," * value {Mixed} field value,"," * field {Object} field configuration,"," * record {Object} record data"," */"," _renderField: function("," /* object */ o)"," {"," },",""," /**"," * Update the paginator to match the data source meta information."," * "," * @method _updatePaginator"," * @protected"," * @param response {Object} response from DataSource"," */"," _updatePaginator: function(response)"," {"," var pg = this.get('paginator');"," if (pg)"," {"," pg.setTotalRecords(this.get('ds').getRecordCount(), true);"," }"," },",""," /**"," * Clear errors received from the server. This clears all displayed"," * messages."," * "," * @method clearServerErrors"," */"," clearServerErrors: function()"," {"," if (this.server_errors && this.server_errors.page &&"," this.server_errors.page.length)"," {"," this.fire('clearErrorNotification');"," }",""," this.server_errors ="," {"," page: [],"," records: [],"," record_map: {}"," };",""," var pg = this.get('paginator');"," if (pg)"," {"," pg.set('pageStatus', []);"," }"," this.first_error_page = -1;",""," this._clearValidationMessages();"," },",""," /**"," * Set page level, record level, and field level errors received from"," * the server. A message can be either a string (assumed to be an"," * error) or an object providing msg and type, where type can be"," * 'error', 'warn', 'info', or 'success'."," * "," * @method setServerErrors"," * @param page_errors {Array} list of page-level error messages"," * @param record_field_errors {Array} list of objects *in record display order*,"," * each of which defines id (String), recordError (message),"," * and fieldErrors (map of field keys to error messages)"," */"," setServerErrors: function("," /* array */ page_errors,"," /* array */ record_field_errors)"," {"," if (this.server_errors.page.length &&"," (!page_errors || !page_errors.length))"," {"," this.fire('clearErrorNotification');"," }",""," this.server_errors ="," {"," page: page_errors || [],"," records: record_field_errors || [],"," record_map: Y.Array.toObject(record_field_errors || [], 'id')"," };",""," this._updatePageStatus();",""," var pg = this.get('paginator');"," if (!pg || pg.getCurrentPage() === this.first_error_page)"," {"," this.validate();"," }"," else"," {"," this.auto_validate = true;"," pg.setPage(this.first_error_page);"," }"," },",""," /**"," * Update paginator to show which pages have errors."," *"," * @method _updatePageStatus"," * @protected"," */"," _updatePageStatus: function()"," {"," var pg = this.get('paginator');"," if (!pg)"," {"," return;"," }",""," var page_size = pg ? pg.getRowsPerPage() : default_page_size;"," var status = this.page_status.slice(0);",""," this.first_error_page = -1;",""," var r = this.server_errors.records;"," for (var i=0; i' +"," '{label}{msg1}' +"," '' +"," '{msg2}' +"," '
';",""," var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';",""," return Y.Lang.sub(input,"," {"," cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,"," field: BulkEditor.field_class_prefix,"," key: o.key,"," id: this.getFieldId(o.record, o.key),"," label: label,"," value: BulkEditor.cleanHTML(o.value),"," yiv: (o.field && o.field.validation && o.field.validation.css) || '',"," msg1: label ? BulkEditor.error_msg_markup : '',"," msg2: label ? '' : BulkEditor.error_msg_markup"," });"," },",""," select: function(o)"," {"," var select ="," '' +"," '{label}{msg1}' +"," '' +"," '{msg2}' +"," '
';",""," var option = '';",""," var options = Y.Array.reduce(o.field.values, '', function(s, v)"," {"," return s + Y.Lang.sub(option,"," {"," value: v.value,"," text: BulkEditor.cleanHTML(v.text),"," selected: o.value && o.value.toString() === v.value ? 'selected=\"selected\"' : ''"," });"," });",""," var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';",""," return Y.Lang.sub(select,"," {"," cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,"," field: BulkEditor.field_class_prefix,"," key: o.key,"," id: this.getFieldId(o.record, o.key),"," label: label,"," options: options,"," yiv: (o.field && o.field.validation && o.field.validation.css) || '',"," msg1: label ? BulkEditor.error_msg_markup : '',"," msg2: label ? '' : BulkEditor.error_msg_markup"," });"," },",""," checkbox: function(o)"," {"," var checkbox ="," '' +"," ' ' +"," '' +"," '{msg}' +"," '
';",""," var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';",""," return Y.Lang.sub(checkbox,"," {"," cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,"," field: BulkEditor.field_class_prefix,"," key: o.key,"," id: this.getFieldId(o.record, o.key),"," label: label,"," value: o.value == o.field.values.on ? 'checked=\"checked\"' : '',"," msg: BulkEditor.error_msg_markup"," });"," },",""," checkboxMultiselect: function(o)"," {"," var select ="," '' +"," '{label}{msg}' +"," '
';",""," var id = this.getFieldId(o.record, o.key),"," has_value = Y.Lang.isArray(o.value);",""," var checkbox ="," '{cbs}
' +"," '' +"," '' +"," ' ' +"," '' +"," '
';",""," var cbs = Y.Array.reduce(o.field.values, '', function(s, v)"," {"," return s + Y.Lang.sub(checkbox,"," {"," id: id,"," value: v.value,"," checked: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'checked=\"checked\"' : '',"," label: BulkEditor.cleanHTML(v.text)"," });"," });",""," var option = '';",""," var options = Y.Array.reduce(o.field.values, '', function(s, v)"," {"," return s + Y.Lang.sub(option,"," {"," value: v.value,"," text: BulkEditor.cleanHTML(v.text),"," selected: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'selected=\"selected\"' : ''"," });"," });",""," var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';",""," return Y.Lang.sub(select,"," {"," cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,"," field: BulkEditor.field_class_prefix,"," key: o.key,"," id: id,"," label: label,"," cbs: cbs,"," options: options,"," yiv: (o.field && o.field.validation && o.field.validation.css) || '',"," msg: BulkEditor.error_msg_markup"," });"," },",""," textarea: function(o)"," {"," var textarea ="," '' +"," '{label}{msg1}' +"," '' +"," '{msg2}' +"," '
';",""," var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';",""," return Y.Lang.sub(textarea,"," {"," cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,"," prefix: BulkEditor.field_class_prefix,"," key: o.key,"," id: this.getFieldId(o.record, o.key),"," label: label,"," value: BulkEditor.cleanHTML(o.value),"," yiv: (o.field && o.field.validation && o.field.validation.css) || '',"," msg1: label ? BulkEditor.error_msg_markup : '',"," msg2: label ? '' : BulkEditor.error_msg_markup"," });"," }","};","","/**"," * @method fieldMarkup"," * @static"," * @param key {String} field key"," * @param record {Object}"," * @return {String} markup for the specified field"," */","BulkEditor.fieldMarkup = function(key, record)","{"," var field = this.getFieldConfig(key);"," return BulkEditor.markup[ field.type || 'input' ].call(this,"," {"," key: key,"," value: record[key],"," field: field,"," record: record"," });","};","","function handleCheckboxMultiselect(e)","{"," var cb = e.currentTarget,"," value = cb.get('value'),"," select = cb.ancestor('.checkbox-multiselect').next('select');",""," Y.some(Y.Node.getDOMNode(select).options, function(o)"," {"," if (o.value == value)"," {"," o.selected = cb.get('checked');"," return true;"," }"," });","}","","Y.BulkEditor = BulkEditor;","/**"," * @module gallery-bulkedit"," */","","/**"," * HTMLTableBulkEditor builds an HTML table with one tbody for each"," * record.
"," *"," * @class HTMLTableBulkEditor"," * @extends BulkEditor "," * @constructor"," * @param config {Object}"," */","function HTMLTableBulkEditor()","{"," HTMLTableBulkEditor.superclass.constructor.apply(this, arguments);","}","","HTMLTableBulkEditor.NAME = \"htmltablebulkedit\";","","HTMLTableBulkEditor.ATTRS =","{"," /**"," * Configuration for each column: key, label, formatter."," *"," * @attribute columns"," * @type {Array}"," * @required"," * @writeonce"," */"," columns:"," {"," validator: Y.Lang.isObject,"," writeOnce: true"," },",""," /**"," *Array of event delegations that will be attached to the container"," * via Y.delegate(). Each item is an object defining type, nodes, fn."," * The function will be called in the context of the BulkEditor"," * instance.
"," * "," *Attaching events to the container before the table is created does"," * not work in all browsers.
"," *"," * @attribute events"," * @type {Array}"," * @writeonce"," */"," events:"," {"," validator: Y.Lang.isObject,"," writeOnce: true"," }","};","","var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell'),"," cell_class_prefix = cell_class + '-',"," odd_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'odd'),"," even_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'even'),"," msg_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'record-message'),"," liner_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'liner'),",""," input_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'input'),"," textarea_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'textarea'),"," select_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'select'),"," checkbox_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox'),"," cb_multiselect_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox-multiselect');","","/**"," * Renders an input element in the cell."," *"," * @method inputFormatter"," * @static"," * @param o {Object} cell, key, value, field, column, record"," */","HTMLTableBulkEditor.inputFormatter = function(o)","{"," o.cell.set('innerHTML', BulkEditor.markup.input.call(this, o));"," o.cell.addClass(input_class);","};","","/**"," * Renders a textarea element in the cell."," *"," * @method textareaFormatter"," * @static"," * @param o {Object} cell, key, value, field, column, record"," */","HTMLTableBulkEditor.textareaFormatter = function(o)","{"," o.cell.set('innerHTML', BulkEditor.markup.textarea.call(this, o));"," o.cell.addClass(textarea_class);","};","","/**"," * Renders a select element in the cell."," *"," * @method selectFormatter"," * @static"," * @param o {Object} cell, key, value, field, column, record"," */","HTMLTableBulkEditor.selectFormatter = function(o)","{"," o.cell.set('innerHTML', BulkEditor.markup.select.call(this, o));"," o.cell.addClass(select_class);","};","","/**"," * Renders a checkbox element in the cell."," *"," * @method checkboxFormatter"," * @static"," * @param o {Object} cell, key, value, field, column, record"," */","HTMLTableBulkEditor.checkboxFormatter = function(o)","{"," o.cell.set('innerHTML', BulkEditor.markup.checkbox.call(this, o));"," o.cell.addClass(checkbox_class);","};","","/**"," * Renders a set of checkboxes for multiselect in the cell."," *"," * @method checkboxMultiselectFormatter"," * @static"," * @param o {Object} cell, key, value, field, column, record"," */","HTMLTableBulkEditor.checkboxMultiselectFormatter = function(o)","{"," o.cell.set('innerHTML', BulkEditor.markup.checkboxMultiselect.call(this, o));"," o.cell.addClass(cb_multiselect_class);","};","","/**"," * Map of field type to cell formatter."," *"," * @property Y.HTMLTableBulkEditor.defaults"," * @type {Object}"," * @static"," */","HTMLTableBulkEditor.defaults =","{"," input:"," {"," formatter: HTMLTableBulkEditor.inputFormatter"," },",""," select:"," {"," formatter: HTMLTableBulkEditor.selectFormatter"," },",""," checkbox:"," {"," formatter: HTMLTableBulkEditor.checkboxFormatter"," },",""," checkboxMultiselect:"," {"," formatter: HTMLTableBulkEditor.checkboxMultiselectFormatter"," },",""," textarea:"," {"," formatter: HTMLTableBulkEditor.textareaFormatter"," }","};","","function moveFocus(e)","{"," e.halt();",""," var info = this.getRecordAndFieldKey(e.target);"," if (!info)"," {"," return;"," }",""," var bd = this.getRecordContainer(e.target);"," if (bd && e.keyCode == 38)"," {"," bd = bd.previous();"," }"," else if (bd)"," {"," bd = bd.next();"," }",""," var id = bd && this.getRecordId(bd);"," if (id)"," {"," var field = this.getFieldElement(id, info.field_key);"," if (field)"," {"," try"," {"," field.focus();"," field.select();"," }"," catch (ex)"," {"," // no way to determine in IE if focus will fail"," // no way to determine if browser allows focus to select elements"," }"," }"," }","}","","Y.extend(HTMLTableBulkEditor, BulkEditor,","{"," bindUI: function()"," {"," // attach events after creating the table"," },",""," _renderContainer: function("," /* element */ container)"," {"," var table_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME);",""," if (!this.table ||"," container.get('firstChild').get('tagName').toLowerCase() != 'table' ||"," !container.get('firstChild').hasClass(table_class))"," {"," var s = Y.Lang.sub('| {label} | ';",""," s = Y.Array.reduce(this.get('columns'), s, function(s, column)"," {"," return s + Y.Lang.sub(row_markup,"," {"," cell: cell_class,"," prefix: cell_class_prefix,"," key: column.key,"," label: column.label || ' '"," });"," });",""," s += '
|---|
BulkEditDataSource manages a YUI DataSource + diffs (insertions, + * removals, changes to values).
+ * + *The YUI DataSource must be immutable, e.g., if it is an XHR + * datasource, the data must not change.
+ * + *By using a DataSource, we can support both client-side pagination + * (all data pre-loaded, best-effort save allowed) and server-side + * pagination (load data when needed, only all-or-nothing save allowed). + * Server-side pagination is useful when editing a large amount of existing + * records or after uploading a large number of new records. (Store the new + * records in a scratch space, so everything does not have to be sent back + * to the client after parsing.) In the case of bulk upload, server-side + * validation will catch errors in unviewed records.
+ * + *The responseSchema passed to the YUI DataSource must include a + * comparator for each field that should not be treated like a string. + * This comparator can either be 'string' (the default), 'integer', + * 'decimal', 'boolean', or a function which takes two arguments.
+ * + * @class BulkEdit + * @namespace DataSource + * @extends DataSource.Local + * @constructor + * @param config {Object} + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 36); +function BulkEditDataSource() +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "BulkEditDataSource", 36); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 38); +BulkEditDataSource.superclass.constructor.apply(this, arguments); +} + +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 41); +BulkEditDataSource.NAME = "bulkEditDataSource"; + +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 43); +BulkEditDataSource.ATTRS = +{ + /** + * The original data. This must be immutable, i.e., the values must + * not change. + * + * @attribute ds + * @type {DataSource} + * @required + * @writeonce + */ + ds: + { + writeOnce: true + }, + + /** + * The function to convert the initial request into a request usable by + * the underlying DataSource. This function takes one argument: state + * (startIndex,resultCount,...). + * + * @attribute generateRequest + * @type {Function} + * @required + * @writeonce + */ + generateRequest: + { + validator: Y.Lang.isFunction, + writeOnce: true + }, + + /** + * The name of the key in each record that stores an identifier which + * is unique across the entire data set. + * + * @attribute uniqueIdKey + * @type {String} + * @required + * @writeonce + */ + uniqueIdKey: + { + validator: Y.Lang.isString, + writeOnce: true + }, + + /** + * The function to call to generate a unique id for a new record. The + * default generates "bulk-edit-new-id-#". + * + * @attribute generateUniqueId + * @type {Function} + * @writeonce + */ + generateUniqueId: + { + value: function() + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "value", 100); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 102); +idCounter++; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 103); +return uniqueIdPrefix + idCounter; + }, + validator: Y.Lang.isFunction, + writeOnce: true + }, + + /** + * OGNL expression telling how to extract the startIndex from the + * received data, e.g.,.meta.startIndex. If it is not
+ * provided, startIndex is always assumed to be zero.
+ *
+ * @attribute startIndexExpr
+ * @type {String}
+ * @writeonce
+ */
+ startIndexExpr:
+ {
+ validator: Y.Lang.isString,
+ writeOnce: true
+ },
+
+ /**
+ * OGNL expression telling where in the response to store the total
+ * number of records, e.g., .meta.totalRecords. This is
+ * only appropriate for DataSources that always return the entire data
+ * set.
+ *
+ * @attribute totalRecordsReturnExpr
+ * @type {String}
+ * @writeonce
+ */
+ totalRecordsReturnExpr:
+ {
+ validator: Y.Lang.isString,
+ writeOnce: true
+ },
+
+ /**
+ * The function to call to extract the total number of
+ * records from the response.
+ *
+ * @attribute extractTotalRecords
+ * @type {Function}
+ * @required
+ * @writeonce
+ */
+ extractTotalRecords:
+ {
+ validator: Y.Lang.isFunction,
+ writeOnce: true
+ }
+};
+
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 156);
+var uniqueIdPrefix = 'bulk-edit-new-id-',
+ idCounter = 0,
+
+ inserted_prefix = 'be-ds-i:',
+ inserted_re = /^be-ds-i:/,
+ removed_prefix = 'be-ds-r:',
+ removed_re = /^be-ds-r:/;
+
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 164);
+BulkEditDataSource.comparator =
+{
+ 'string': function(a,b)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "\'string\'", 166);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 168);
+return (Y.Lang.trim(a.toString()) === Y.Lang.trim(b.toString()));
+ },
+
+ 'integer': function(a,b)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "\'integer\'", 171);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 173);
+return (parseInt(a,10) === parseInt(b,10));
+ },
+
+ 'decimal': function(a,b)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "\'decimal\'", 176);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 178);
+return (parseFloat(a,10) === parseFloat(b,10));
+ },
+
+ 'boolean': function(a,b)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "\'boolean\'", 181);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 183);
+return (((a && b) || (!a && !b)) ? true : false);
+ }
+};
+
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 187);
+function fromDisplayIndex(
+ /* int */ index)
+{
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "fromDisplayIndex", 187);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 190);
+var count = -1;
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 191);
+for (var i=0; iYou must reload() the widget after calling this function!
+ * + * @method killRecord + * @param record_id {String} + */ + killRecord: function( + /* string */ record_id) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "killRecord", 787); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 790); +if (!this._dataIsLocal()) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 792); +Y.error('BulkEditDataSource.killRecord() can only be called when using a local datasource'); + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 795); +record_id = record_id.toString(); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 797); +function kill(rec) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "kill", 797); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 799); +if (rec[ this.get('uniqueIdKey') ].toString() === record_id) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 801); +var info = {}; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 802); +this.recordIdToIndex(record_id, info); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 804); +var j = this._index[ info.internal_index ]; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 805); +this._index.splice(info.internal_index, 1); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 806); +if (!inserted_re.test(j)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 808); +for (var i=info.internal_index; iYou must reload() the widget after calling this function!
+ * + * @method updateRecordId + * @param orig_record_id {String} + * @param new_record_id {String} + */ + updateRecordId: function( + /* string */ orig_record_id, + /* string */ new_record_id) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "updateRecordId", 870); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 874); +if (!this._dataIsLocal()) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 876); +Y.error('BulkEditDataSource.updateRecordId() can only be called when using a local datasource'); + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 879); +orig_record_id = orig_record_id.toString(); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 880); +new_record_id = new_record_id.toString(); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 882); +function update(rec) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "update", 882); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 884); +if (rec[ this.get('uniqueIdKey') ].toString() === orig_record_id) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 886); +var info = {}; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 887); +this.recordIdToIndex(orig_record_id, info); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 888); +var j = info.internal_index; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 889); +if (inserted_re.test(this._index[j])) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 891); +this._index[j] = inserted_prefix + new_record_id; + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 894); +rec[ this.get('uniqueIdKey') ] = new_record_id; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 895); +if (this._diff[ orig_record_id ]) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 897); +this._diff[ new_record_id ] = this._diff[ orig_record_id ]; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 898); +delete this._diff[ orig_record_id ]; + } + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 900); +return true; + } + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 904); +var found = false; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 905); +this._flushCache(); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 907); +Y.Array.some(this.get('ds').get('source'), function(value) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 11)", 907); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 909); +if (update.call(this, value)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 911); +found = true; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 912); +return true; + } + }, + this); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 917); +if (!found) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 919); +Y.Object.some(this._new, function(value, id) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 12)", 919); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 921); +if (update.call(this, value)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 923); +this._new[ new_record_id ] = value; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 924); +delete this._new[id]; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 925); +found = true; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 926); +return true; + } + }, + this); + } + }, + + /** + * Find the index of the given record id. Only usable with + * DataSource.Local. + * + * @method recordIdToIndex + * @param record_id {String} + * @return {Number} index or record or -1 if not found + */ + recordIdToIndex: function( + /* string */ record_id, + /* object */ return_info) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "recordIdToIndex", 941); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 945); +if (!this._dataIsLocal()) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 947); +Y.error('BulkEditDataSource.recordIdToIndex() can only be called when using a local datasource'); + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 950); +record_id = record_id.toString(); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 952); +var records = this.get('ds').get('source'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 953); +var count = 0; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 954); +for (var i=0; iAll event handlers must be placed on the container, not individual + * DOM elements.
+ * + *Errors must be returned from the server in the order in which records + * are displayed. Because of this, when data is sent to the server:
+ *-
+ *
- If the server knows the ordering, you can send the diffs. (Diffs are an unordered map, keyed on the record id.) + *
- If the server doesn't know the ordering, you must send all the data. + *
Insert a new record.
+ * + *You must reload() the widget after calling this function!
+ * + * @method insertRecord + * @param index {Number} insertion index + * @param record {Object|String} record to insert or id of record to clone + * @return {String} the new record's id + */ + insertRecord: function( + /* int */ index, + /* object */ record) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "insertRecord", 1363); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1367); +var record_id = this.get('ds').insertRecord(index, record); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1368); +if (index <= this.server_errors.records.length) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1370); +this.server_errors.records.splice(index,0, { id: record_id }); + // leave entry in record_map undefined + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1372); +this._updatePageStatus(); + } + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1374); +return record_id; + }, + + /** + *Remove a record. The removal will be recorded in the diffs. + * There is no way to un-remove a record, so if you need that + * functionality, you may want to use highlighting to indicate removed + * records instead.
+ * + *You must reload() the widget after calling this function!
+ * + * @method removeRecord + * @param index {Number} + * @return {Boolean} true if the record was successfully removed + */ + removeRecord: function( + /* int */ index) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "removeRecord", 1389); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1392); +if (this.get('ds').removeRecord(index)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1394); +if (index < this.server_errors.records.length) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1396); +var rec = this.server_errors.records[index]; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1397); +this.server_errors.records.splice(index,1); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1398); +delete this.server_errors.record_map[ rec[ this.get('ds').get('uniqueIdKey') ] ]; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1399); +this._updatePageStatus(); + } + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1401); +return true; + } + else + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1405); +return false; + } + }, + + /** + * @method getFieldConfig + * @param key {String} field key + * @return {Object} field configuration + */ + getFieldConfig: function( + /* string */ key) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getFieldConfig", 1414); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1417); +return this.get('fields')[key] || {}; + }, + + /** + * @method getRecordContainerId + * @param record {String|Object} record id or record object + * @return {String} id of DOM element containing the record's input elements + */ + getRecordContainerId: function( + /* string/object */ record) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getRecordContainerId", 1425); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1428); +if (Y.Lang.isString(record)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1430); +return id_prefix + id_separator + record; + } + else + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1434); +return id_prefix + id_separator + record[ this.get('ds').get('uniqueIdKey') ]; + } + }, + + /** + * @method getFieldId + * @param record {String|Object} record id or record object + * @param key {String} field key + * @return {String} id of DOM element containing the field's input element + */ + getFieldId: function( + /* string/object */ record, + /* string */ key) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getFieldId", 1444); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1448); +return this.getRecordContainerId(record) + id_separator + key; + }, + + /** + * @method getRecordAndFieldKey + * @param key {String|Node} field key or field input element + * @return {Object} object containing record and field_key + */ + getRecordAndFieldKey: function( + /* string/element */ field) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getRecordAndFieldKey", 1456); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1459); +var m = id_regex.exec(Y.Lang.isString(field) ? field : field.get('id')); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1460); +if (m && m.length > 0) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1462); +return { record: this.get('ds').getCurrentRecordMap()[ m[1] ], field_key: m[2] }; + } + }, + + /** + * @method getRecordId + * @param obj {Object|Node} record object, record container, or any node inside record container + * @return {String} record id + */ + getRecordId: function( + /* object/element */ obj) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getRecordId", 1471); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1474); +if (Y.Lang.isObject(obj) && !obj._node) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1476); +return obj[ this.get('ds').get('uniqueIdKey') ]; + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1479); +var node = obj.getAncestorByClassName(BulkEditor.record_container_class, true); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1480); +if (node) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1482); +var m = id_regex.exec(node.get('id')); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1483); +if (m && m.length > 0) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1485); +return m[1]; + } + } + }, + + /** + * @method getRecordContainer + * @param record {String|Object|Node} record id, record object, record container, or any node inside record container + * @return {Node} node containing rendered record + */ + getRecordContainer: function( + /* string/object/element */ record) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getRecordContainer", 1495); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1498); +if (Y.Lang.isString(record)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1500); +var id = id_prefix + id_separator + record; + } + else {_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1502); +if (record && record._node) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1504); +return record.getAncestorByClassName(BulkEditor.record_container_class, true); + } + else // record object + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1508); +var id = this.getRecordContainerId(record); + }} + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1511); +return Y.one('#'+id); + }, + + /** + * @method getFieldContainer + * @param record {String|Object|Node} record id, record object, record container, or any node inside record container + * @param key {String} field key + * @return {Node} node containing rendered field + */ + getFieldContainer: function( + /* string/object/element */ record, + /* string */ key) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getFieldContainer", 1520); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1524); +var field = this.getFieldElement(record, key); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1525); +return field.getAncestorByClassName(BulkEditor.field_container_class, true); + }, + + /** + * @method getFieldElement + * @param record {String|Object|Node} record id, record object, record container, or any node inside record container + * @param key {String} field key + * @return {Node} field's input element + */ + getFieldElement: function( + /* string/object/element */ record, + /* string */ key) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "getFieldElement", 1534); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1538); +if (record && record._node) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1540); +record = this.getRecordId(record); + } + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1542); +return Y.one('#'+this.getFieldId(record, key)); + }, + + /** + * Paginate and/or scroll to make the specified record visible. Record + * is pinged to help the user find it. + * + * @method showRecordIndex + * @param index {Number} record index + */ + showRecordIndex: function( + /* int */ index) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "showRecordIndex", 1552); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1555); +if (index < 0 || this.get('ds').getRecordCount() <= index) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1557); +return; + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1560); +var pg = this.get('paginator'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1561); +var start = pg ? pg.getStartIndex() : 0; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1562); +var count = pg ? pg.getRowsPerPage() : default_page_size; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1563); +if (start <= index && index < start+count) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1565); +var node = this.getRecordContainer(this.get('ds').getCurrentRecords()[ index - start ]); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1566); +node.scrollIntoView(); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1567); +this.pingRecord(node); + } + else {_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1569); +if (pg) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1571); +this.scroll_to_index = index; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1572); +pg.setPage(1 + Math.floor(index / count)); + }} + }, + + /** + * Paginate and/or scroll to make the specified record visible. Record + * is pinged to help the user find it. + * + * @method showRecordId + * @param id {Number} record id + */ + showRecordId: function( + /* string */ id) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "showRecordId", 1583); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1586); +var index = this.get('ds').recordIdToIndex(id); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1587); +if (index >= 0) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1589); +this.showRecordIndex(index); + } + }, + + /** + * Apply a class to the DOM element containing the record for a short + * while. Your CSS can use this class to highlight the record in some + * way. + * + * @method pingRecord + * @param record {String|Object|Node} record id, record object, record container, or any node inside record container + */ + pingRecord: function( + /* string/object/element */ record) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "pingRecord", 1601); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1604); +var ping = this.get('pingClass'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1605); +if (ping) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1607); +var node = this.getRecordContainer(record); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1608); +node.addClass(ping); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1609); +Y.later(this.get('pingTimeout')*1000, null, function() + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 18)", 1609); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1611); +node.removeClass(ping); + }); + } + }, + + /** + * Render the current page of records. + * + * @method _render + * @protected + * @param response {Object} response from data source + */ + _render: function(response) + { + + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_render", 1623); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1626); +var container = this.get('contentBox'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1627); +this._renderContainer(container); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1628); +container.set('scrollTop', 0); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1629); +container.set('scrollLeft', 0); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1631); +Y.Array.each(response.results, function(record) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 19)", 1631); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1633); +var node = this._renderRecordContainer(container, record); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1634); +this._renderRecord(node, record); + }, + this); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1638); +this.fire('pageRendered'); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1640); +if (this.auto_validate) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1642); +this.validate(); + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1645); +if (this.scroll_to_index >= 0) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1647); +this.showRecordIndex(this.scroll_to_index); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1648); +this.scroll_to_index = -1; + } + }, + + /** + * Derived class should override to create a structure for the records. + * + * @method _renderContainer + * @protected + * @param container {Node} + */ + _renderContainer: function( + /* element */ container) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_renderContainer", 1659); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1662); +container.set('innerHTML', ''); + }, + + /** + * Derived class must override to create a container for the record. + * + * @method _renderRecordContainer + * @protected + * @param container {Node} + * @param record {Object} record data + */ + _renderRecordContainer: function( + /* element */ container, + /* object */ record) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_renderRecordContainer", 1673); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1677); +return null; + }, + + /** + * Derived class can override if it needs to do more than just call + * _renderField() for each field. + * + * @method _renderRecord + * @protected + * @param container {Node} record container + * @param record {Object} record data + */ + _renderRecord: function( + /* element */ container, + /* object */ record) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_renderRecord", 1689); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1693); +Y.Object.each(this.get('fields'), function(field, key) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 20)", 1693); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1695); +this._renderField( + { + container: container, + key: key, + value: record[key], + field: field, + record: record + }); + }, + this); + }, + + /** + * If _renderRecord is not overridden, derived class must override this + * function to render the field. + * + * @method _renderField + * @protected + * @param o {Object} + * container {Node} record container, + * key {String} field key, + * value {Mixed} field value, + * field {Object} field configuration, + * record {Object} record data + */ + _renderField: function( + /* object */ o) + { + }, + + /** + * Update the paginator to match the data source meta information. + * + * @method _updatePaginator + * @protected + * @param response {Object} response from DataSource + */ + _updatePaginator: function(response) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_updatePaginator", 1732); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1734); +var pg = this.get('paginator'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1735); +if (pg) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1737); +pg.setTotalRecords(this.get('ds').getRecordCount(), true); + } + }, + + /** + * Clear errors received from the server. This clears all displayed + * messages. + * + * @method clearServerErrors + */ + clearServerErrors: function() + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "clearServerErrors", 1747); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1749); +if (this.server_errors && this.server_errors.page && + this.server_errors.page.length) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1752); +this.fire('clearErrorNotification'); + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1755); +this.server_errors = + { + page: [], + records: [], + record_map: {} + }; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1762); +var pg = this.get('paginator'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1763); +if (pg) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1765); +pg.set('pageStatus', []); + } + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1767); +this.first_error_page = -1; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1769); +this._clearValidationMessages(); + }, + + /** + * Set page level, record level, and field level errors received from + * the server. A message can be either a string (assumed to be an + * error) or an object providing msg and type, where type can be + * 'error', 'warn', 'info', or 'success'. + * + * @method setServerErrors + * @param page_errors {Array} list of page-level error messages + * @param record_field_errors {Array} list of objects *in record display order*, + * each of which defines id (String), recordError (message), + * and fieldErrors (map of field keys to error messages) + */ + setServerErrors: function( + /* array */ page_errors, + /* array */ record_field_errors) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "setServerErrors", 1784); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1788); +if (this.server_errors.page.length && + (!page_errors || !page_errors.length)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1791); +this.fire('clearErrorNotification'); + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1794); +this.server_errors = + { + page: page_errors || [], + records: record_field_errors || [], + record_map: Y.Array.toObject(record_field_errors || [], 'id') + }; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1801); +this._updatePageStatus(); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1803); +var pg = this.get('paginator'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1804); +if (!pg || pg.getCurrentPage() === this.first_error_page) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1806); +this.validate(); + } + else + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1810); +this.auto_validate = true; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1811); +pg.setPage(this.first_error_page); + } + }, + + /** + * Update paginator to show which pages have errors. + * + * @method _updatePageStatus + * @protected + */ + _updatePageStatus: function() + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_updatePageStatus", 1821); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1823); +var pg = this.get('paginator'); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1824); +if (!pg) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1826); +return; + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1829); +var page_size = pg ? pg.getRowsPerPage() : default_page_size; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1830); +var status = this.page_status.slice(0); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1832); +this.first_error_page = -1; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1834); +var r = this.server_errors.records; + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 1835); +for (var i=0; i' +
+ '{label}{msg1}' +
+ '' +
+ '{msg2}' +
+ '
';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2341);
+var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2343);
+return Y.Lang.sub(input,
+ {
+ cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,
+ field: BulkEditor.field_class_prefix,
+ key: o.key,
+ id: this.getFieldId(o.record, o.key),
+ label: label,
+ value: BulkEditor.cleanHTML(o.value),
+ yiv: (o.field && o.field.validation && o.field.validation.css) || '',
+ msg1: label ? BulkEditor.error_msg_markup : '',
+ msg2: label ? '' : BulkEditor.error_msg_markup
+ });
+ },
+
+ select: function(o)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "select", 2357);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2359);
+var select =
+ '' +
+ '{label}{msg1}' +
+ '' +
+ '{msg2}' +
+ '
';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2366);
+var option = '';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2368);
+var options = Y.Array.reduce(o.field.values, '', function(s, v)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 26)", 2368);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2370);
+return s + Y.Lang.sub(option,
+ {
+ value: v.value,
+ text: BulkEditor.cleanHTML(v.text),
+ selected: o.value && o.value.toString() === v.value ? 'selected="selected"' : ''
+ });
+ });
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2378);
+var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2380);
+return Y.Lang.sub(select,
+ {
+ cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,
+ field: BulkEditor.field_class_prefix,
+ key: o.key,
+ id: this.getFieldId(o.record, o.key),
+ label: label,
+ options: options,
+ yiv: (o.field && o.field.validation && o.field.validation.css) || '',
+ msg1: label ? BulkEditor.error_msg_markup : '',
+ msg2: label ? '' : BulkEditor.error_msg_markup
+ });
+ },
+
+ checkbox: function(o)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "checkbox", 2394);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2396);
+var checkbox =
+ '' +
+ ' ' +
+ '' +
+ '{msg}' +
+ '
';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2403);
+var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2405);
+return Y.Lang.sub(checkbox,
+ {
+ cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,
+ field: BulkEditor.field_class_prefix,
+ key: o.key,
+ id: this.getFieldId(o.record, o.key),
+ label: label,
+ value: o.value == o.field.values.on ? 'checked="checked"' : '',
+ msg: BulkEditor.error_msg_markup
+ });
+ },
+
+ checkboxMultiselect: function(o)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "checkboxMultiselect", 2417);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2419);
+var select =
+ '' +
+ '{label}{msg}' +
+ '
';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2426);
+var id = this.getFieldId(o.record, o.key),
+ has_value = Y.Lang.isArray(o.value);
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2429);
+var checkbox =
+ '{cbs}
' +
+ '' +
+ '' + + ' ' + + '' + + '
'; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2435); +var cbs = Y.Array.reduce(o.field.values, '', function(s, v) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 27)", 2435); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2437); +return s + Y.Lang.sub(checkbox, + { + id: id, + value: v.value, + checked: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'checked="checked"' : '', + label: BulkEditor.cleanHTML(v.text) + }); + }); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2446); +var option = ''; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2448); +var options = Y.Array.reduce(o.field.values, '', function(s, v) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 28)", 2448); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2450); +return s + Y.Lang.sub(option, + { + value: v.value, + text: BulkEditor.cleanHTML(v.text), + selected: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'selected="selected"' : '' + }); + }); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2458); +var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : ''; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2460); +return Y.Lang.sub(select, + { + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + field: BulkEditor.field_class_prefix, + key: o.key, + id: id, + label: label, + cbs: cbs, + options: options, + yiv: (o.field && o.field.validation && o.field.validation.css) || '', + msg: BulkEditor.error_msg_markup + }); + }, + + textarea: function(o) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "textarea", 2474); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2476); +var textarea = + '' +
+ '{label}{msg1}' +
+ '' +
+ '{msg2}' +
+ '
';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2483);
+var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2485);
+return Y.Lang.sub(textarea,
+ {
+ cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,
+ prefix: BulkEditor.field_class_prefix,
+ key: o.key,
+ id: this.getFieldId(o.record, o.key),
+ label: label,
+ value: BulkEditor.cleanHTML(o.value),
+ yiv: (o.field && o.field.validation && o.field.validation.css) || '',
+ msg1: label ? BulkEditor.error_msg_markup : '',
+ msg2: label ? '' : BulkEditor.error_msg_markup
+ });
+ }
+};
+
+/**
+ * @method fieldMarkup
+ * @static
+ * @param key {String} field key
+ * @param record {Object}
+ * @return {String} markup for the specified field
+ */
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2507);
+BulkEditor.fieldMarkup = function(key, record)
+{
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "fieldMarkup", 2507);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2509);
+var field = this.getFieldConfig(key);
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2510);
+return BulkEditor.markup[ field.type || 'input' ].call(this,
+ {
+ key: key,
+ value: record[key],
+ field: field,
+ record: record
+ });
+};
+
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2519);
+function handleCheckboxMultiselect(e)
+{
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "handleCheckboxMultiselect", 2519);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2521);
+var cb = e.currentTarget,
+ value = cb.get('value'),
+ select = cb.ancestor('.checkbox-multiselect').next('select');
+
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2525);
+Y.some(Y.Node.getDOMNode(select).options, function(o)
+ {
+ _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 29)", 2525);
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2527);
+if (o.value == value)
+ {
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2529);
+o.selected = cb.get('checked');
+ _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2530);
+return true;
+ }
+ });
+}
+
+_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2535);
+Y.BulkEditor = BulkEditor;
+/**
+ * @module gallery-bulkedit
+ */
+
+/**
+ * HTMLTableBulkEditor builds an HTML table with one tbody for each + * record.
+ * + * @class HTMLTableBulkEditor + * @extends BulkEditor + * @constructor + * @param config {Object} + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2549); +function HTMLTableBulkEditor() +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "HTMLTableBulkEditor", 2549); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2551); +HTMLTableBulkEditor.superclass.constructor.apply(this, arguments); +} + +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2554); +HTMLTableBulkEditor.NAME = "htmltablebulkedit"; + +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2556); +HTMLTableBulkEditor.ATTRS = +{ + /** + * Configuration for each column: key, label, formatter. + * + * @attribute columns + * @type {Array} + * @required + * @writeonce + */ + columns: + { + validator: Y.Lang.isObject, + writeOnce: true + }, + + /** + *Array of event delegations that will be attached to the container + * via Y.delegate(). Each item is an object defining type, nodes, fn. + * The function will be called in the context of the BulkEditor + * instance.
+ * + *Attaching events to the container before the table is created does + * not work in all browsers.
+ * + * @attribute events + * @type {Array} + * @writeonce + */ + events: + { + validator: Y.Lang.isObject, + writeOnce: true + } +}; + +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2592); +var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell'), + cell_class_prefix = cell_class + '-', + odd_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'odd'), + even_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'even'), + msg_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'record-message'), + liner_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'liner'), + + input_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'input'), + textarea_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'textarea'), + select_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'select'), + checkbox_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox'), + cb_multiselect_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox-multiselect'); + +/** + * Renders an input element in the cell. + * + * @method inputFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2612); +HTMLTableBulkEditor.inputFormatter = function(o) +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "inputFormatter", 2612); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2614); +o.cell.set('innerHTML', BulkEditor.markup.input.call(this, o)); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2615); +o.cell.addClass(input_class); +}; + +/** + * Renders a textarea element in the cell. + * + * @method textareaFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2625); +HTMLTableBulkEditor.textareaFormatter = function(o) +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "textareaFormatter", 2625); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2627); +o.cell.set('innerHTML', BulkEditor.markup.textarea.call(this, o)); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2628); +o.cell.addClass(textarea_class); +}; + +/** + * Renders a select element in the cell. + * + * @method selectFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2638); +HTMLTableBulkEditor.selectFormatter = function(o) +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "selectFormatter", 2638); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2640); +o.cell.set('innerHTML', BulkEditor.markup.select.call(this, o)); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2641); +o.cell.addClass(select_class); +}; + +/** + * Renders a checkbox element in the cell. + * + * @method checkboxFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2651); +HTMLTableBulkEditor.checkboxFormatter = function(o) +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "checkboxFormatter", 2651); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2653); +o.cell.set('innerHTML', BulkEditor.markup.checkbox.call(this, o)); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2654); +o.cell.addClass(checkbox_class); +}; + +/** + * Renders a set of checkboxes for multiselect in the cell. + * + * @method checkboxMultiselectFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2664); +HTMLTableBulkEditor.checkboxMultiselectFormatter = function(o) +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "checkboxMultiselectFormatter", 2664); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2666); +o.cell.set('innerHTML', BulkEditor.markup.checkboxMultiselect.call(this, o)); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2667); +o.cell.addClass(cb_multiselect_class); +}; + +/** + * Map of field type to cell formatter. + * + * @property Y.HTMLTableBulkEditor.defaults + * @type {Object} + * @static + */ +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2677); +HTMLTableBulkEditor.defaults = +{ + input: + { + formatter: HTMLTableBulkEditor.inputFormatter + }, + + select: + { + formatter: HTMLTableBulkEditor.selectFormatter + }, + + checkbox: + { + formatter: HTMLTableBulkEditor.checkboxFormatter + }, + + checkboxMultiselect: + { + formatter: HTMLTableBulkEditor.checkboxMultiselectFormatter + }, + + textarea: + { + formatter: HTMLTableBulkEditor.textareaFormatter + } +}; + +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2705); +function moveFocus(e) +{ + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "moveFocus", 2705); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2707); +e.halt(); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2709); +var info = this.getRecordAndFieldKey(e.target); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2710); +if (!info) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2712); +return; + } + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2715); +var bd = this.getRecordContainer(e.target); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2716); +if (bd && e.keyCode == 38) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2718); +bd = bd.previous(); + } + else {_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2720); +if (bd) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2722); +bd = bd.next(); + }} + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2725); +var id = bd && this.getRecordId(bd); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2726); +if (id) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2728); +var field = this.getFieldElement(id, info.field_key); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2729); +if (field) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2731); +try + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2733); +field.focus(); + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2734); +field.select(); + } + catch (ex) + { + // no way to determine in IE if focus will fail + // no way to determine if browser allows focus to select elements + } + } + } +} + +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2745); +Y.extend(HTMLTableBulkEditor, BulkEditor, +{ + bindUI: function() + { + // attach events after creating the table + }, + + _renderContainer: function( + /* element */ container) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "_renderContainer", 2752); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2755); +var table_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2757); +if (!this.table || + container.get('firstChild').get('tagName').toLowerCase() != 'table' || + !container.get('firstChild').hasClass(table_class)) + { + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2761); +var s = Y.Lang.sub('| {label} | '; + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2769); +s = Y.Array.reduce(this.get('columns'), s, function(s, column) + { + _yuitest_coverfunc("/build/gallery-bulkedit/gallery-bulkedit.js", "(anonymous 30)", 2769); +_yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2771); +return s + Y.Lang.sub(row_markup, + { + cell: cell_class, + prefix: cell_class_prefix, + key: column.key, + label: column.label || ' ' + }); + }); + + _yuitest_coverline("/build/gallery-bulkedit/gallery-bulkedit.js", 2780); +s += '
|---|
The responseSchema passed to the YUI DataSource must include a * comparator for each field that should not be treated like a string. - * This comparator can either be 'integer', 'decimal', or a function which - * takes two arguments.
+ * This comparator can either be 'string' (the default), 'integer', + * 'decimal', 'boolean', or a function which takes two arguments. * - * @class BulkEditDataSource + * @class BulkEdit + * @namespace DataSource * @extends DataSource.Local * @constructor * @param config {Object} @@ -42,11 +43,12 @@ BulkEditDataSource.NAME = "bulkEditDataSource"; BulkEditDataSource.ATTRS = { /** - * REQUIRED. The original data. This must be immutable, i.e., the - * values must not change. + * The original data. This must be immutable, i.e., the values must + * not change. * - * @config ds + * @attribute ds * @type {DataSource} + * @required * @writeonce */ ds: @@ -55,12 +57,13 @@ BulkEditDataSource.ATTRS = }, /** - * REQUIRED. The function to convert the initial request into a - * request usable by the underlying DataSource. This function takes - * one argument: state (startIndex,resultCount,...). + * The function to convert the initial request into a request usable by + * the underlying DataSource. This function takes one argument: state + * (startIndex,resultCount,...). * - * @config generateRequest + * @attribute generateRequest * @type {Function} + * @required * @writeonce */ generateRequest: @@ -70,11 +73,12 @@ BulkEditDataSource.ATTRS = }, /** - * REQUIRED. The name of the key in each record that stores an - * identifier which is unique across the entire data set. + * The name of the key in each record that stores an identifier which + * is unique across the entire data set. * - * @config uniqueIdKey + * @attribute uniqueIdKey * @type {String} + * @required * @writeonce */ uniqueIdKey: @@ -87,7 +91,7 @@ BulkEditDataSource.ATTRS = * The function to call to generate a unique id for a new record. The * default generates "bulk-edit-new-id-#". * - * @config generateUniqueId + * @attribute generateUniqueId * @type {Function} * @writeonce */ @@ -107,7 +111,7 @@ BulkEditDataSource.ATTRS = * received data, e.g.,.meta.startIndex. If it is not
* provided, startIndex is always assumed to be zero.
*
- * @config startIndexExpr
+ * @attribute startIndexExpr
* @type {String}
* @writeonce
*/
@@ -123,7 +127,7 @@ BulkEditDataSource.ATTRS =
* only appropriate for DataSources that always return the entire data
* set.
*
- * @config totalRecordsReturnExpr
+ * @attribute totalRecordsReturnExpr
* @type {String}
* @writeonce
*/
@@ -134,11 +138,12 @@ BulkEditDataSource.ATTRS =
},
/**
- * REQUIRED. The function to call to extract the total number of
+ * The function to call to extract the total number of
* records from the response.
*
- * @config extractTotalRecords
+ * @attribute extractTotalRecords
* @type {Function}
+ * @required
* @writeonce
*/
extractTotalRecords:
@@ -422,8 +427,9 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
- * @return {boolean} true if the raw data is stored locally
+ * @method _dataIsLocal
* @protected
+ * @return {boolean} true if the raw data is stored locally
*/
_dataIsLocal: function()
{
@@ -433,6 +439,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* Flush the underlying datasource's cache.
*
+ * @method _flushCache
* @protected
*/
_flushCache: function()
@@ -447,6 +454,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* Use this instead of any meta information in response.
*
+ * @method getRecordCount
* @return {Number} the total number of records
*/
getRecordCount: function()
@@ -455,6 +463,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getCurrentRecords
* @return {Number} the records returned by the latest request
*/
getCurrentRecords: function()
@@ -463,6 +472,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getCurrentRecordMap
* @return {Object} the records returned by the latest request, keyed by record id
*/
getCurrentRecordMap: function()
@@ -471,6 +481,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getValue
* @param record_index {Number}
* @param key {String} field key
* @return {mixed} the value of the specified field in the specified record
@@ -517,6 +528,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
* When using a remote datasource, this will include changes made to
* deleted records.
*
+ * @method getChanges
* @return {Object} map of all changed values, keyed by record id
*/
getChanges: function()
@@ -525,6 +537,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getRemovedRecordIndexes
* @return {Array} list of removed record indices, based on initial ordering
*/
getRemovedRecordIndexes: function()
@@ -544,10 +557,11 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* You must reload() the widget after calling this function!
*
+ * @method insertRecord
+ * @protected
* @param index {Number} insertion index
* @param record {Object|String} record to insert or id of record to clone
* @return {String} id of newly inserted record
- * @protected
*/
insertRecord: function(
/* int */ index,
@@ -597,9 +611,10 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* You must reload() the widget after calling this function!
*
+ * @method removeRecord
+ * @protected
* @param index {Number} index of record to remove
* @return {boolean} true if record was removed
- * @protected
*/
removeRecord: function(
/* int */ index)
@@ -639,10 +654,11 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* Update a value in a record.
*
+ * @method updateValue
+ * @protected
* @param record_id {String}
* @param key {String} field key
* @param value {String} new item value
- * @protected
*/
updateValue: function(
/* string */ record_id,
@@ -657,7 +673,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
record_id = record_id.toString();
var record = this._recordMap[ record_id ];
- if (record && this._getComparator(key)(record[key] || '', value || ''))
+ if (record && this._getComparator(key)(Y.Lang.isValue(record[key]) ? record[key] : '', Y.Lang.isValue(value) ? value : ''))
{
if (this._diff[ record_id ])
{
@@ -675,9 +691,10 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method _getComparator
+ * @protected
* @param key {String} field key
* @return {Function} comparator function for the given field
- * @protected
*/
_getComparator: function(
/* string */ key)
@@ -702,6 +719,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
* Only usable with DataSource.Local. When using best-effort save on
* the server, call this for each record that was successfully saved.
*
+ * @method mergeChanges
* @param record_id {String}
*/
mergeChanges: function(
@@ -763,6 +781,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
*
* You must reload() the widget after calling this function!
* + * @method killRecord * @param record_id {String} */ killRecord: function( @@ -844,6 +863,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, * *You must reload() the widget after calling this function!
* + * @method updateRecordId * @param orig_record_id {String} * @param new_record_id {String} */ @@ -914,6 +934,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, * Find the index of the given record id. Only usable with * DataSource.Local. * + * @method recordIdToIndex * @param record_id {String} * @return {Number} index or record or -1 if not found */ @@ -959,6 +980,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, /** * Merges edits into data and returns result. * + * @method _defRequestFn * @protected */ _defRequestFn: function(e) @@ -984,10 +1006,12 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, }); Y.BulkEditDataSource = BulkEditDataSource; +Y.namespace('DataSource').BulkEdit = BulkEditDataSource; /********************************************************************** * A widget for editing many records at once. * * @module gallery-bulkedit + * @main gallery-bulkedit */ /** @@ -1020,8 +1044,9 @@ BulkEditor.NAME = "bulkedit"; BulkEditor.ATTRS = { /** - * @config ds - * @type {BulkEditDataSource} + * @attribute ds + * @type {DataSource.BulkEdit} + * @required * @writeonce */ ds: @@ -1039,8 +1064,9 @@ BulkEditor.ATTRS = * gallery-formmgr-css-validation). Derived classes can require * additional keys. * - * @config fields + * @attribute fields * @type {Object} + * @required * @writeonce */ fields: @@ -1054,7 +1080,7 @@ BulkEditor.ATTRS = * expects it to be configured to display ValidationPageLinks, so the * user can see which pages have errors that need to be fixed. * - * @config paginator + * @attribute paginator * @type {Paginator} * @writeonce */ @@ -1070,7 +1096,7 @@ BulkEditor.ATTRS = /** * Extra key/value pairs to pass in the DataSource request. * - * @config requestExtra + * @attribute requestExtra * @type {Object} * @writeonce */ @@ -1084,7 +1110,7 @@ BulkEditor.ATTRS = /** * CSS class used to temporarily highlight a record. * - * @config pingClass + * @attribute pingClass * @type {String} * @default "yui3-bulkedit-ping" */ @@ -1097,7 +1123,7 @@ BulkEditor.ATTRS = /** * Duration in seconds that pingClass is applied to a record. * - * @config pingTimeout + * @attribute pingTimeout * @type {Number} * @default 2 */ @@ -1110,12 +1136,16 @@ BulkEditor.ATTRS = /** * @event notifyErrors - * @description Fires when widget-level validation messages need to be displayed. + * @description Fired when widget-level validation messages need to be displayed. * @param msgs {Array} the messages to display */ /** * @event clearErrorNotification - * @description Fires when widget-level validation messages should be cleared. + * @description Fired when widget-level validation messages should be cleared. + */ +/** + * @event pageRendered + * @description Fired every time after the editor has rendered a page. */ var default_page_size = 1e9, @@ -1124,20 +1154,13 @@ var default_page_size = 1e9, id_separator = '__', id_regex = new RegExp('^' + id_prefix + id_separator + '(.+?)(?:' + id_separator + '(.+?))?$'), - field_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field-container'), - field_container_class_prefix = field_container_class + '-', - field_class_prefix = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field') + '-', - - class_re_prefix = '(?:^|\\s)(?:', - class_re_suffix = ')(?:\\s|$)', - status_prefix = 'bulkedit-has', status_pattern = status_prefix + '([a-z]+)', - status_re = new RegExp(class_re_prefix + status_pattern + class_re_suffix), + status_re = new RegExp(Y.Node.class_re_prefix + status_pattern + Y.Node.class_re_suffix), record_status_prefix = 'bulkedit-hasrecord', record_status_pattern = record_status_prefix + '([a-z]+)', - record_status_re = new RegExp(class_re_prefix + record_status_pattern + class_re_suffix), + record_status_re = new RegExp(Y.Node.class_re_prefix + record_status_pattern + Y.Node.class_re_suffix), message_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'message-text'), @@ -1146,6 +1169,10 @@ var default_page_size = 1e9, BulkEditor.record_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'bd'); BulkEditor.record_msg_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'record-message-container'); +BulkEditor.field_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field-container'); +BulkEditor.field_container_class_prefix = BulkEditor.field_container_class + '-'; +BulkEditor.field_class_prefix = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field') + '-'; + function switchPage(state) { this.saveChanges(); @@ -1175,9 +1202,29 @@ Y.extend(BulkEditor, Y.Widget, this.reload(); }, + bindUI: function() + { + this._attachEvents(this.get('contentBox')); + }, + + /** + * Attaches events to the container. + * + * @method _attachEvents + * @param container {Node} node to which events should be attached + * @protected + */ + _attachEvents: function( + /* node */ container) + { + Y.delegate('bulkeditor|click', handleCheckboxMultiselect, container, '.checkbox-multiselect input', this); + }, + /** * Reloads the current page of records. This will erase any changes * unsaved changes! + * + * @method reload */ reload: function() { @@ -1230,18 +1277,42 @@ Y.extend(BulkEditor, Y.Widget, /** * Save the modified values from the current page of records. + * + * @method saveChanges */ saveChanges: function() { var ds = this.get('ds'); var records = ds.getCurrentRecords(); var id_key = ds.get('uniqueIdKey'); - Y.Object.each(this.get('fields'), function(value, key) + Y.Object.each(this.get('fields'), function(field, key) { Y.Array.each(records, function(r) { - var node = this.getFieldElement(r, key); - ds.updateValue(r[ id_key ], key, node.get('value')); + var node = this.getFieldElement(r, key), + tag = node.get('tagName').toLowerCase(), + value; + if (tag == 'input' && node.get('type').toLowerCase() == 'checkbox') + { + value = node.get('checked') ? field.values.on : field.values.off; + } + else if (tag == 'select' && node.get('multiple')) + { + value = Y.reduce(Y.Node.getDOMNode(node).options, [], function(v, o) + { + if (o.selected) + { + v.push(o.value); + } + return v; + }); + } + else + { + value = node.get('value'); + } + + ds.updateValue(r[ id_key ], key, value); }, this); }, @@ -1252,6 +1323,7 @@ Y.extend(BulkEditor, Y.Widget, * Retrieve *all* the data. Do not call this if you use server-side * pagination. * + * @method getAllValues * @param callback {Object} callback object which will be invoked by DataSource */ getAllValues: function(callback) @@ -1271,6 +1343,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getChanges * @return {Object} map of all changed values, keyed by record id */ getChanges: function() @@ -1283,6 +1356,7 @@ Y.extend(BulkEditor, Y.Widget, * *You must reload() the widget after calling this function!
* + * @method insertRecord * @param index {Number} insertion index * @param record {Object|String} record to insert or id of record to clone * @return {String} the new record's id @@ -1309,6 +1383,7 @@ Y.extend(BulkEditor, Y.Widget, * *You must reload() the widget after calling this function!
* + * @method removeRecord * @param index {Number} * @return {Boolean} true if the record was successfully removed */ @@ -1333,6 +1408,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getFieldConfig * @param key {String} field key * @return {Object} field configuration */ @@ -1343,6 +1419,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordContainerId * @param record {String|Object} record id or record object * @return {String} id of DOM element containing the record's input elements */ @@ -1360,6 +1437,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getFieldId * @param record {String|Object} record id or record object * @param key {String} field key * @return {String} id of DOM element containing the field's input element @@ -1372,6 +1450,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordAndFieldKey * @param key {String|Node} field key or field input element * @return {Object} object containing record and field_key */ @@ -1386,13 +1465,14 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordId * @param obj {Object|Node} record object, record container, or any node inside record container * @return {String} record id */ getRecordId: function( /* object/element */ obj) { - if (Y.Lang.isObject(obj) && !(obj instanceof Y.Node)) + if (Y.Lang.isObject(obj) && !obj._node) { return obj[ this.get('ds').get('uniqueIdKey') ]; } @@ -1409,6 +1489,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordContainer * @param record {String|Object|Node} record id, record object, record container, or any node inside record container * @return {Node} node containing rendered record */ @@ -1419,7 +1500,7 @@ Y.extend(BulkEditor, Y.Widget, { var id = id_prefix + id_separator + record; } - else if (record instanceof Y.Node) + else if (record && record._node) { return record.getAncestorByClassName(BulkEditor.record_container_class, true); } @@ -1432,6 +1513,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getFieldContainer * @param record {String|Object|Node} record id, record object, record container, or any node inside record container * @param key {String} field key * @return {Node} node containing rendered field @@ -1441,10 +1523,11 @@ Y.extend(BulkEditor, Y.Widget, /* string */ key) { var field = this.getFieldElement(record, key); - return field.getAncestorByClassName(field_container_class, true); + return field.getAncestorByClassName(BulkEditor.field_container_class, true); }, /** + * @method getFieldElement * @param record {String|Object|Node} record id, record object, record container, or any node inside record container * @param key {String} field key * @return {Node} field's input element @@ -1453,7 +1536,7 @@ Y.extend(BulkEditor, Y.Widget, /* string/object/element */ record, /* string */ key) { - if (record instanceof Y.Node) + if (record && record._node) { record = this.getRecordId(record); } @@ -1464,6 +1547,7 @@ Y.extend(BulkEditor, Y.Widget, * Paginate and/or scroll to make the specified record visible. Record * is pinged to help the user find it. * + * @method showRecordIndex * @param index {Number} record index */ showRecordIndex: function( @@ -1494,6 +1578,7 @@ Y.extend(BulkEditor, Y.Widget, * Paginate and/or scroll to make the specified record visible. Record * is pinged to help the user find it. * + * @method showRecordId * @param id {Number} record id */ showRecordId: function( @@ -1511,6 +1596,7 @@ Y.extend(BulkEditor, Y.Widget, * while. Your CSS can use this class to highlight the record in some * way. * + * @method pingRecord * @param record {String|Object|Node} record id, record object, record container, or any node inside record container */ pingRecord: function( @@ -1531,15 +1617,15 @@ Y.extend(BulkEditor, Y.Widget, /** * Render the current page of records. * - * @param response {Object} response from data source + * @method _render * @protected + * @param response {Object} response from data source */ _render: function(response) { Y.log('_render', 'debug'); var container = this.get('contentBox'); - Y.Event.purgeElement(container); this._renderContainer(container); container.set('scrollTop', 0); container.set('scrollLeft', 0); @@ -1551,6 +1637,8 @@ Y.extend(BulkEditor, Y.Widget, }, this); + this.fire('pageRendered'); + if (this.auto_validate) { this.validate(); @@ -1566,8 +1654,9 @@ Y.extend(BulkEditor, Y.Widget, /** * Derived class should override to create a structure for the records. * - * @param container {Node} + * @method _renderContainer * @protected + * @param container {Node} */ _renderContainer: function( /* element */ container) @@ -1578,9 +1667,10 @@ Y.extend(BulkEditor, Y.Widget, /** * Derived class must override to create a container for the record. * + * @method _renderRecordContainer + * @protected * @param container {Node} * @param record {Object} record data - * @protected */ _renderRecordContainer: function( /* element */ container, @@ -1593,9 +1683,10 @@ Y.extend(BulkEditor, Y.Widget, * Derived class can override if it needs to do more than just call * _renderField() for each field. * + * @method _renderRecord + * @protected * @param container {Node} record container * @param record {Object} record data - * @protected */ _renderRecord: function( /* element */ container, @@ -1619,13 +1710,14 @@ Y.extend(BulkEditor, Y.Widget, * If _renderRecord is not overridden, derived class must override this * function to render the field. * + * @method _renderField + * @protected * @param o {Object} * container {Node} record container, * key {String} field key, * value {Mixed} field value, * field {Object} field configuration, * record {Object} record data - * @protected */ _renderField: function( /* object */ o) @@ -1635,8 +1727,9 @@ Y.extend(BulkEditor, Y.Widget, /** * Update the paginator to match the data source meta information. * - * @param response {Object} response from DataSource + * @method _updatePaginator * @protected + * @param response {Object} response from DataSource */ _updatePaginator: function(response) { @@ -1650,6 +1743,8 @@ Y.extend(BulkEditor, Y.Widget, /** * Clear errors received from the server. This clears all displayed * messages. + * + * @method clearServerErrors */ clearServerErrors: function() { @@ -1682,6 +1777,7 @@ Y.extend(BulkEditor, Y.Widget, * error) or an object providing msg and type, where type can be * 'error', 'warn', 'info', or 'success'. * + * @method setServerErrors * @param page_errors {Array} list of page-level error messages * @param record_field_errors {Array} list of objects *in record display order*, * each of which defines id (String), recordError (message), @@ -1701,15 +1797,9 @@ Y.extend(BulkEditor, Y.Widget, { page: page_errors || [], records: record_field_errors || [], - record_map: {} + record_map: Y.Array.toObject(record_field_errors || [], 'id') }; - Y.Array.each(this.server_errors.records, function(r) - { - this.server_errors.record_map[ r.id ] = r; - }, - this); - this._updatePageStatus(); var pg = this.get('paginator'); @@ -1727,6 +1817,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Update paginator to show which pages have errors. * + * @method _updatePageStatus * @protected */ _updatePageStatus: function() @@ -1763,6 +1854,7 @@ Y.extend(BulkEditor, Y.Widget, * Validate the visible values (if using server-side pagination) or all * the values (if using client-side pagination or no pagination). * + * @method validate * @return {Boolean} true if all checked values are acceptable */ validate: function() @@ -1808,9 +1900,10 @@ Y.extend(BulkEditor, Y.Widget, /** * Validate the visible values. * + * @method _validateVisibleFields + * @protected * @param container {Node} if null, uses contentBox * @return {Boolean} true if all checked values are acceptable - * @protected */ _validateVisibleFields: function( /* object */ container) @@ -1866,9 +1959,10 @@ Y.extend(BulkEditor, Y.Widget, /** * Validate the given elements. * + * @method _validateElements + * @protected * @param nodes {NodeList} * @return {Boolean} true if all checked values are acceptable - * @protected */ _validateElements: function( /* array */ nodes) @@ -1956,8 +2050,9 @@ Y.extend(BulkEditor, Y.Widget, * If the data is stored locally and we paginate, validate all of it * and mark the pages that have invalid values. * - * @return {Boolean} true if all checked values are acceptable + * @method _validateAllPages * @protected + * @return {Boolean} true if all checked values are acceptable */ _validateAllPages: function() { @@ -2032,6 +2127,8 @@ Y.extend(BulkEditor, Y.Widget, /** * Clear all displayed messages. + * + * @method _clearValidationMessages */ _clearValidationMessages: function() { @@ -2051,6 +2148,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Display a message for the specified field. * + * @method displayFieldMessage * @param e {Node} field input element * @param msg {String} message to display * @param type {String} message type: error, warn, info, success @@ -2070,7 +2168,7 @@ Y.extend(BulkEditor, Y.Widget, var bd1 = this.getRecordContainer(e); var changed = this._updateRecordStatus(bd1, type, status_pattern, status_re, status_prefix); - var bd2 = e.getAncestorByClassName(field_container_class); + var bd2 = e.getAncestorByClassName(BulkEditor.field_container_class); if (Y.FormManager.statusTakesPrecedence(this._getElementStatus(bd2, status_re), type)) { if (msg) @@ -2095,6 +2193,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Display a message for the specified record. * + * @method displayRecordMessage * @param id {String} record id * @param msg {String} message to display * @param type {String} message type: error, warn, info, success @@ -2134,10 +2233,11 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method _getElementStatus + * @protected * @param n {Node} * @param r {RegExp} * @return {Mixed} status or false - * @protected */ _getElementStatus: function( /* Node */ n, @@ -2150,6 +2250,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Update the status of the node, if the new status has higher precedence. * + * @method _updateRecordStatus * @param bd {Node} * @param type {String} new status * @param p {String} pattern for extracting status @@ -2179,20 +2280,16 @@ Y.extend(BulkEditor, Y.Widget, // Markup // -function cleanHTML(s) +BulkEditor.cleanHTML = function(s) { - if (!s) - { - return ''; - } - - return s.toString() - .replace(/<\/?script>/ig, '') - .replace(/&/g, '&') - .replace(//g, '>'); -} + return (Y.Lang.isValue(s) ? Y.Escape.html(s) : ''); +}; +/** + * @property Y.BulkEditor.error_msg_markup + * @type {String} + * @static + */ BulkEditor.error_msg_markup = Y.Lang.sub('', { c: message_container_class @@ -2247,12 +2344,12 @@ BulkEditor.markup = return Y.Lang.sub(input, { - cont: field_container_class + ' ' + field_container_class_prefix, - field: field_class_prefix, + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + field: BulkEditor.field_class_prefix, key: o.key, id: this.getFieldId(o.record, o.key), label: label, - value: cleanHTML(o.value), + value: BulkEditor.cleanHTML(o.value), yiv: (o.field && o.field.validation && o.field.validation.css) || '', msg1: label ? BulkEditor.error_msg_markup : '', msg2: label ? '' : BulkEditor.error_msg_markup @@ -2270,14 +2367,13 @@ BulkEditor.markup = var option = ''; - var options = ''; - Y.Array.each(o.field.values, function(v) + var options = Y.Array.reduce(o.field.values, '', function(s, v) { - options += Y.Lang.sub(option, + return s + Y.Lang.sub(option, { value: v.value, - text: cleanHTML(v.text), - selected: o.value && o.value.toString() === v.value ? 'selected' : '' + text: BulkEditor.cleanHTML(v.text), + selected: o.value && o.value.toString() === v.value ? 'selected="selected"' : '' }); }); @@ -2285,8 +2381,8 @@ BulkEditor.markup = return Y.Lang.sub(select, { - cont: field_container_class + ' ' + field_container_class_prefix, - field: field_class_prefix, + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + field: BulkEditor.field_class_prefix, key: o.key, id: this.getFieldId(o.record, o.key), label: label, @@ -2297,6 +2393,86 @@ BulkEditor.markup = }); }, + checkbox: function(o) + { + var checkbox = + '' +
+ ' ' +
+ '' +
+ '{msg}' +
+ '
';
+
+ var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';
+
+ return Y.Lang.sub(checkbox,
+ {
+ cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,
+ field: BulkEditor.field_class_prefix,
+ key: o.key,
+ id: this.getFieldId(o.record, o.key),
+ label: label,
+ value: o.value == o.field.values.on ? 'checked="checked"' : '',
+ msg: BulkEditor.error_msg_markup
+ });
+ },
+
+ checkboxMultiselect: function(o)
+ {
+ var select =
+ '' +
+ '{label}{msg}' +
+ '
';
+
+ var id = this.getFieldId(o.record, o.key),
+ has_value = Y.Lang.isArray(o.value);
+
+ var checkbox =
+ '{cbs}
' +
+ '' +
+ '' + + ' ' + + '' + + '
'; + + var cbs = Y.Array.reduce(o.field.values, '', function(s, v) + { + return s + Y.Lang.sub(checkbox, + { + id: id, + value: v.value, + checked: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'checked="checked"' : '', + label: BulkEditor.cleanHTML(v.text) + }); + }); + + var option = ''; + + var options = Y.Array.reduce(o.field.values, '', function(s, v) + { + return s + Y.Lang.sub(option, + { + value: v.value, + text: BulkEditor.cleanHTML(v.text), + selected: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'selected="selected"' : '' + }); + }); + + var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : ''; + + return Y.Lang.sub(select, + { + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + field: BulkEditor.field_class_prefix, + key: o.key, + id: id, + label: label, + cbs: cbs, + options: options, + yiv: (o.field && o.field.validation && o.field.validation.css) || '', + msg: BulkEditor.error_msg_markup + }); + }, + textarea: function(o) { var textarea = @@ -2310,12 +2486,12 @@ BulkEditor.markup = return Y.Lang.sub(textarea, { - cont: field_container_class + ' ' + field_container_class_prefix, - prefix: field_class_prefix, + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + prefix: BulkEditor.field_class_prefix, key: o.key, id: this.getFieldId(o.record, o.key), label: label, - value: cleanHTML(o.value), + value: BulkEditor.cleanHTML(o.value), yiv: (o.field && o.field.validation && o.field.validation.css) || '', msg1: label ? BulkEditor.error_msg_markup : '', msg2: label ? '' : BulkEditor.error_msg_markup @@ -2342,6 +2518,22 @@ BulkEditor.fieldMarkup = function(key, record) }); }; +function handleCheckboxMultiselect(e) +{ + var cb = e.currentTarget, + value = cb.get('value'), + select = cb.ancestor('.checkbox-multiselect').next('select'); + + Y.some(Y.Node.getDOMNode(select).options, function(o) + { + if (o.value == value) + { + o.selected = cb.get('checked'); + return true; + } + }); +} + Y.BulkEditor = BulkEditor; /** * @module gallery-bulkedit @@ -2368,8 +2560,9 @@ HTMLTableBulkEditor.ATTRS = /** * Configuration for each column: key, label, formatter. * - * @config columns + * @attribute columns * @type {Array} + * @required * @writeonce */ columns: @@ -2387,7 +2580,7 @@ HTMLTableBulkEditor.ATTRS = *Attaching events to the container before the table is created does * not work in all browsers.
* - * @config events + * @attribute events * @type {Array} * @writeonce */ @@ -2398,12 +2591,18 @@ HTMLTableBulkEditor.ATTRS = } }; -var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell'), +var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell'), cell_class_prefix = cell_class + '-', - odd_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'odd'), - even_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'even'), - msg_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'record-message'), - liner_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'liner'); + odd_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'odd'), + even_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'even'), + msg_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'record-message'), + liner_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'liner'), + + input_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'input'), + textarea_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'textarea'), + select_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'select'), + checkbox_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox'), + cb_multiselect_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox-multiselect'); /** * Renders an input element in the cell. @@ -2415,6 +2614,7 @@ var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell HTMLTableBulkEditor.inputFormatter = function(o) { o.cell.set('innerHTML', BulkEditor.markup.input.call(this, o)); + o.cell.addClass(input_class); }; /** @@ -2427,6 +2627,7 @@ HTMLTableBulkEditor.inputFormatter = function(o) HTMLTableBulkEditor.textareaFormatter = function(o) { o.cell.set('innerHTML', BulkEditor.markup.textarea.call(this, o)); + o.cell.addClass(textarea_class); }; /** @@ -2439,6 +2640,33 @@ HTMLTableBulkEditor.textareaFormatter = function(o) HTMLTableBulkEditor.selectFormatter = function(o) { o.cell.set('innerHTML', BulkEditor.markup.select.call(this, o)); + o.cell.addClass(select_class); +}; + +/** + * Renders a checkbox element in the cell. + * + * @method checkboxFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +HTMLTableBulkEditor.checkboxFormatter = function(o) +{ + o.cell.set('innerHTML', BulkEditor.markup.checkbox.call(this, o)); + o.cell.addClass(checkbox_class); +}; + +/** + * Renders a set of checkboxes for multiselect in the cell. + * + * @method checkboxMultiselectFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +HTMLTableBulkEditor.checkboxMultiselectFormatter = function(o) +{ + o.cell.set('innerHTML', BulkEditor.markup.checkboxMultiselect.call(this, o)); + o.cell.addClass(cb_multiselect_class); }; /** @@ -2460,6 +2688,16 @@ HTMLTableBulkEditor.defaults = formatter: HTMLTableBulkEditor.selectFormatter }, + checkbox: + { + formatter: HTMLTableBulkEditor.checkboxFormatter + }, + + checkboxMultiselect: + { + formatter: HTMLTableBulkEditor.checkboxMultiselectFormatter + }, + textarea: { formatter: HTMLTableBulkEditor.textareaFormatter @@ -2479,11 +2717,11 @@ function moveFocus(e) var bd = this.getRecordContainer(e.target); if (bd && e.keyCode == 38) { - bd = bd.previousSibling; + bd = bd.previous(); } else if (bd) { - bd = bd.nextSibling; + bd = bd.next(); } var id = bd && this.getRecordId(bd); @@ -2508,6 +2746,11 @@ function moveFocus(e) Y.extend(HTMLTableBulkEditor, BulkEditor, { + bindUI: function() + { + // attach events after creating the table + }, + _renderContainer: function( /* element */ container) { @@ -2525,9 +2768,9 @@ Y.extend(HTMLTableBulkEditor, BulkEditor, var row_markup = ''+"{label}{msg1}"+''+"{msg2}"+"
";var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(input,{cont:field_container_class+" "+field_container_class_prefix,field:field_class_prefix,key:o.key,id:this.getFieldId(o.record,o.key),label:label,value:cleanHTML(o.value),yiv:(o.field&&o.field.validation&&o.field.validation.css)||"",msg1:label?BulkEditor.error_msg_markup:"",msg2:label?"":BulkEditor.error_msg_markup});},select:function(o){var select=''+"{label}{msg1}"+''+"{msg2}"+"
";var option='';var options="";Y.Array.each(o.field.values,function(v){options+=Y.Lang.sub(option,{value:v.value,text:cleanHTML(v.text),selected:o.value&&o.value.toString()===v.value?"selected":""});});var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(select,{cont:field_container_class+" "+field_container_class_prefix,field:field_class_prefix,key:o.key,id:this.getFieldId(o.record,o.key),label:label,options:options,yiv:(o.field&&o.field.validation&&o.field.validation.css)||"",msg1:label?BulkEditor.error_msg_markup:"",msg2:label?"":BulkEditor.error_msg_markup});},textarea:function(o){var textarea=''+"{label}{msg1}"+''+"{msg2}"+"
";var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(textarea,{cont:field_container_class+" "+field_container_class_prefix,prefix:field_class_prefix,key:o.key,id:this.getFieldId(o.record,o.key),label:label,value:cleanHTML(o.value),yiv:(o.field&&o.field.validation&&o.field.validation.css)||"",msg1:label?BulkEditor.error_msg_markup:"",msg2:label?"":BulkEditor.error_msg_markup});}};BulkEditor.fieldMarkup=function(key,record){var field=this.getFieldConfig(key);return BulkEditor.markup[field.type||"input"].call(this,{key:key,value:record[key],field:field,record:record});};Y.BulkEditor=BulkEditor;function HTMLTableBulkEditor(){HTMLTableBulkEditor.superclass.constructor.apply(this,arguments);}HTMLTableBulkEditor.NAME="htmltablebulkedit";HTMLTableBulkEditor.ATTRS={columns:{validator:Y.Lang.isObject,writeOnce:true},events:{validator:Y.Lang.isObject,writeOnce:true}};var cell_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"cell"),cell_class_prefix=cell_class+"-",odd_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"odd"),even_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"even"),msg_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"record-message"),liner_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"liner");HTMLTableBulkEditor.inputFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.input.call(this,o));};HTMLTableBulkEditor.textareaFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.textarea.call(this,o));};HTMLTableBulkEditor.selectFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.select.call(this,o));};HTMLTableBulkEditor.defaults={input:{formatter:HTMLTableBulkEditor.inputFormatter},select:{formatter:HTMLTableBulkEditor.selectFormatter},textarea:{formatter:HTMLTableBulkEditor.textareaFormatter}};function moveFocus(e){e.halt();var info=this.getRecordAndFieldKey(e.target);if(!info){return;}var bd=this.getRecordContainer(e.target);if(bd&&e.keyCode==38){bd=bd.previousSibling;}else{if(bd){bd=bd.nextSibling;}}var id=bd&&this.getRecordId(bd);if(id){var field=this.getFieldElement(id,info.field_key);if(field){try{field.focus();field.select();}catch(ex){}}}}Y.extend(HTMLTableBulkEditor,BulkEditor,{_renderContainer:function(container){var table_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME);if(!this.table||container.get("firstChild").get("tagName").toLowerCase()!="table"||!container.get("firstChild").hasClass(table_class)){var s=Y.Lang.sub('| {label} | ';Y.Array.each(this.get("columns"),function(column){s+=Y.Lang.sub(row_markup,{cell:cell_class,prefix:cell_class_prefix,key:column.key,label:column.label||" "});});s+="
|---|
'+"{label}{msg1}"+''+"{msg2}"+"
";var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(input,{cont:BulkEditor.field_container_class+" "+BulkEditor.field_container_class_prefix,field:BulkEditor.field_class_prefix,key:o.key,id:this.getFieldId(o.record,o.key),label:label,value:BulkEditor.cleanHTML(o.value),yiv:(o.field&&o.field.validation&&o.field.validation.css)||"",msg1:label?BulkEditor.error_msg_markup:"",msg2:label?"":BulkEditor.error_msg_markup});},select:function(o){var select=''+"{label}{msg1}"+''+"{msg2}"+"
";var option='';var options=Y.Array.reduce(o.field.values,"",function(s,v){return s+Y.Lang.sub(option,{value:v.value,text:BulkEditor.cleanHTML(v.text),selected:o.value&&o.value.toString()===v.value?'selected="selected"':""});});var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(select,{cont:BulkEditor.field_container_class+" "+BulkEditor.field_container_class_prefix,field:BulkEditor.field_class_prefix,key:o.key,id:this.getFieldId(o.record,o.key),label:label,options:options,yiv:(o.field&&o.field.validation&&o.field.validation.css)||"",msg1:label?BulkEditor.error_msg_markup:"",msg2:label?"":BulkEditor.error_msg_markup});},checkbox:function(o){var checkbox=''+' '+''+"{msg}"+"
";var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(checkbox,{cont:BulkEditor.field_container_class+" "+BulkEditor.field_container_class_prefix,field:BulkEditor.field_class_prefix,key:o.key,id:this.getFieldId(o.record,o.key),label:label,value:o.value==o.field.values.on?'checked="checked"':"",msg:BulkEditor.error_msg_markup});},checkboxMultiselect:function(o){var select=''+"{label}{msg}"+'
";var id=this.getFieldId(o.record,o.key),has_value=Y.Lang.isArray(o.value);var checkbox='{cbs}
'+''+"'+' '+''+"
";var cbs=Y.Array.reduce(o.field.values,"",function(s,v){return s+Y.Lang.sub(checkbox,{id:id,value:v.value,checked:has_value&&Y.Array.indexOf(o.value,v.value)>=0?'checked="checked"':"",label:BulkEditor.cleanHTML(v.text)});});var option='';var options=Y.Array.reduce(o.field.values,"",function(s,v){return s+Y.Lang.sub(option,{value:v.value,text:BulkEditor.cleanHTML(v.text),selected:has_value&&Y.Array.indexOf(o.value,v.value)>=0?'selected="selected"':""});});var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(select,{cont:BulkEditor.field_container_class+" "+BulkEditor.field_container_class_prefix,field:BulkEditor.field_class_prefix,key:o.key,id:id,label:label,cbs:cbs,options:options,yiv:(o.field&&o.field.validation&&o.field.validation.css)||"",msg:BulkEditor.error_msg_markup});},textarea:function(o){var textarea=''+"{label}{msg1}"+''+"{msg2}"+"
";var label=o.field&&o.field.label?BulkEditor.labelMarkup.call(this,o):"";return Y.Lang.sub(textarea,{cont:BulkEditor.field_container_class+" "+BulkEditor.field_container_class_prefix,prefix:BulkEditor.field_class_prefix,key:o.key,id:this.getFieldId(o.record,o.key),label:label,value:BulkEditor.cleanHTML(o.value),yiv:(o.field&&o.field.validation&&o.field.validation.css)||"",msg1:label?BulkEditor.error_msg_markup:"",msg2:label?"":BulkEditor.error_msg_markup});}};BulkEditor.fieldMarkup=function(key,record){var field=this.getFieldConfig(key);return BulkEditor.markup[field.type||"input"].call(this,{key:key,value:record[key],field:field,record:record});
+};function handleCheckboxMultiselect(e){var cb=e.currentTarget,value=cb.get("value"),select=cb.ancestor(".checkbox-multiselect").next("select");Y.some(Y.Node.getDOMNode(select).options,function(o){if(o.value==value){o.selected=cb.get("checked");return true;}});}Y.BulkEditor=BulkEditor;function HTMLTableBulkEditor(){HTMLTableBulkEditor.superclass.constructor.apply(this,arguments);}HTMLTableBulkEditor.NAME="htmltablebulkedit";HTMLTableBulkEditor.ATTRS={columns:{validator:Y.Lang.isObject,writeOnce:true},events:{validator:Y.Lang.isObject,writeOnce:true}};var cell_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"cell"),cell_class_prefix=cell_class+"-",odd_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"odd"),even_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"even"),msg_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"record-message"),liner_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"liner"),input_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"input"),textarea_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"textarea"),select_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"select"),checkbox_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"checkbox"),cb_multiselect_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME,"checkbox-multiselect");HTMLTableBulkEditor.inputFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.input.call(this,o));o.cell.addClass(input_class);};HTMLTableBulkEditor.textareaFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.textarea.call(this,o));o.cell.addClass(textarea_class);};HTMLTableBulkEditor.selectFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.select.call(this,o));o.cell.addClass(select_class);};HTMLTableBulkEditor.checkboxFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.checkbox.call(this,o));o.cell.addClass(checkbox_class);};HTMLTableBulkEditor.checkboxMultiselectFormatter=function(o){o.cell.set("innerHTML",BulkEditor.markup.checkboxMultiselect.call(this,o));o.cell.addClass(cb_multiselect_class);};HTMLTableBulkEditor.defaults={input:{formatter:HTMLTableBulkEditor.inputFormatter},select:{formatter:HTMLTableBulkEditor.selectFormatter},checkbox:{formatter:HTMLTableBulkEditor.checkboxFormatter},checkboxMultiselect:{formatter:HTMLTableBulkEditor.checkboxMultiselectFormatter},textarea:{formatter:HTMLTableBulkEditor.textareaFormatter}};function moveFocus(e){e.halt();var info=this.getRecordAndFieldKey(e.target);if(!info){return;}var bd=this.getRecordContainer(e.target);if(bd&&e.keyCode==38){bd=bd.previous();}else{if(bd){bd=bd.next();}}var id=bd&&this.getRecordId(bd);if(id){var field=this.getFieldElement(id,info.field_key);if(field){try{field.focus();field.select();}catch(ex){}}}}Y.extend(HTMLTableBulkEditor,BulkEditor,{bindUI:function(){},_renderContainer:function(container){var table_class=Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME);if(!this.table||container.get("firstChild").get("tagName").toLowerCase()!="table"||!container.get("firstChild").hasClass(table_class)){var s=Y.Lang.sub('| {label} | ';s=Y.Array.reduce(this.get("columns"),s,function(s,column){return s+Y.Lang.sub(row_markup,{cell:cell_class,prefix:cell_class_prefix,key:column.key,label:column.label||" "});});s+="
|---|
The responseSchema passed to the YUI DataSource must include a * comparator for each field that should not be treated like a string. - * This comparator can either be 'integer', 'decimal', or a function which - * takes two arguments.
+ * This comparator can either be 'string' (the default), 'integer', + * 'decimal', 'boolean', or a function which takes two arguments. * - * @class BulkEditDataSource + * @class BulkEdit + * @namespace DataSource * @extends DataSource.Local * @constructor * @param config {Object} @@ -42,11 +43,12 @@ BulkEditDataSource.NAME = "bulkEditDataSource"; BulkEditDataSource.ATTRS = { /** - * REQUIRED. The original data. This must be immutable, i.e., the - * values must not change. + * The original data. This must be immutable, i.e., the values must + * not change. * - * @config ds + * @attribute ds * @type {DataSource} + * @required * @writeonce */ ds: @@ -55,12 +57,13 @@ BulkEditDataSource.ATTRS = }, /** - * REQUIRED. The function to convert the initial request into a - * request usable by the underlying DataSource. This function takes - * one argument: state (startIndex,resultCount,...). + * The function to convert the initial request into a request usable by + * the underlying DataSource. This function takes one argument: state + * (startIndex,resultCount,...). * - * @config generateRequest + * @attribute generateRequest * @type {Function} + * @required * @writeonce */ generateRequest: @@ -70,11 +73,12 @@ BulkEditDataSource.ATTRS = }, /** - * REQUIRED. The name of the key in each record that stores an - * identifier which is unique across the entire data set. + * The name of the key in each record that stores an identifier which + * is unique across the entire data set. * - * @config uniqueIdKey + * @attribute uniqueIdKey * @type {String} + * @required * @writeonce */ uniqueIdKey: @@ -87,7 +91,7 @@ BulkEditDataSource.ATTRS = * The function to call to generate a unique id for a new record. The * default generates "bulk-edit-new-id-#". * - * @config generateUniqueId + * @attribute generateUniqueId * @type {Function} * @writeonce */ @@ -107,7 +111,7 @@ BulkEditDataSource.ATTRS = * received data, e.g.,.meta.startIndex. If it is not
* provided, startIndex is always assumed to be zero.
*
- * @config startIndexExpr
+ * @attribute startIndexExpr
* @type {String}
* @writeonce
*/
@@ -123,7 +127,7 @@ BulkEditDataSource.ATTRS =
* only appropriate for DataSources that always return the entire data
* set.
*
- * @config totalRecordsReturnExpr
+ * @attribute totalRecordsReturnExpr
* @type {String}
* @writeonce
*/
@@ -134,11 +138,12 @@ BulkEditDataSource.ATTRS =
},
/**
- * REQUIRED. The function to call to extract the total number of
+ * The function to call to extract the total number of
* records from the response.
*
- * @config extractTotalRecords
+ * @attribute extractTotalRecords
* @type {Function}
+ * @required
* @writeonce
*/
extractTotalRecords:
@@ -422,8 +427,9 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
- * @return {boolean} true if the raw data is stored locally
+ * @method _dataIsLocal
* @protected
+ * @return {boolean} true if the raw data is stored locally
*/
_dataIsLocal: function()
{
@@ -433,6 +439,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* Flush the underlying datasource's cache.
*
+ * @method _flushCache
* @protected
*/
_flushCache: function()
@@ -447,6 +454,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* Use this instead of any meta information in response.
*
+ * @method getRecordCount
* @return {Number} the total number of records
*/
getRecordCount: function()
@@ -455,6 +463,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getCurrentRecords
* @return {Number} the records returned by the latest request
*/
getCurrentRecords: function()
@@ -463,6 +472,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getCurrentRecordMap
* @return {Object} the records returned by the latest request, keyed by record id
*/
getCurrentRecordMap: function()
@@ -471,6 +481,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getValue
* @param record_index {Number}
* @param key {String} field key
* @return {mixed} the value of the specified field in the specified record
@@ -517,6 +528,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
* When using a remote datasource, this will include changes made to
* deleted records.
*
+ * @method getChanges
* @return {Object} map of all changed values, keyed by record id
*/
getChanges: function()
@@ -525,6 +537,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method getRemovedRecordIndexes
* @return {Array} list of removed record indices, based on initial ordering
*/
getRemovedRecordIndexes: function()
@@ -544,10 +557,11 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* You must reload() the widget after calling this function!
*
+ * @method insertRecord
+ * @protected
* @param index {Number} insertion index
* @param record {Object|String} record to insert or id of record to clone
* @return {String} id of newly inserted record
- * @protected
*/
insertRecord: function(
/* int */ index,
@@ -597,9 +611,10 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* You must reload() the widget after calling this function!
*
+ * @method removeRecord
+ * @protected
* @param index {Number} index of record to remove
* @return {boolean} true if record was removed
- * @protected
*/
removeRecord: function(
/* int */ index)
@@ -639,10 +654,11 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
/**
* Update a value in a record.
*
+ * @method updateValue
+ * @protected
* @param record_id {String}
* @param key {String} field key
* @param value {String} new item value
- * @protected
*/
updateValue: function(
/* string */ record_id,
@@ -657,7 +673,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
record_id = record_id.toString();
var record = this._recordMap[ record_id ];
- if (record && this._getComparator(key)(record[key] || '', value || ''))
+ if (record && this._getComparator(key)(Y.Lang.isValue(record[key]) ? record[key] : '', Y.Lang.isValue(value) ? value : ''))
{
if (this._diff[ record_id ])
{
@@ -675,9 +691,10 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
},
/**
+ * @method _getComparator
+ * @protected
* @param key {String} field key
* @return {Function} comparator function for the given field
- * @protected
*/
_getComparator: function(
/* string */ key)
@@ -702,6 +719,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
* Only usable with DataSource.Local. When using best-effort save on
* the server, call this for each record that was successfully saved.
*
+ * @method mergeChanges
* @param record_id {String}
*/
mergeChanges: function(
@@ -763,6 +781,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local,
*
* You must reload() the widget after calling this function!
* + * @method killRecord * @param record_id {String} */ killRecord: function( @@ -844,6 +863,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, * *You must reload() the widget after calling this function!
* + * @method updateRecordId * @param orig_record_id {String} * @param new_record_id {String} */ @@ -914,6 +934,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, * Find the index of the given record id. Only usable with * DataSource.Local. * + * @method recordIdToIndex * @param record_id {String} * @return {Number} index or record or -1 if not found */ @@ -959,6 +980,7 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, /** * Merges edits into data and returns result. * + * @method _defRequestFn * @protected */ _defRequestFn: function(e) @@ -984,10 +1006,12 @@ Y.extend(BulkEditDataSource, Y.DataSource.Local, }); Y.BulkEditDataSource = BulkEditDataSource; +Y.namespace('DataSource').BulkEdit = BulkEditDataSource; /********************************************************************** * A widget for editing many records at once. * * @module gallery-bulkedit + * @main gallery-bulkedit */ /** @@ -1020,8 +1044,9 @@ BulkEditor.NAME = "bulkedit"; BulkEditor.ATTRS = { /** - * @config ds - * @type {BulkEditDataSource} + * @attribute ds + * @type {DataSource.BulkEdit} + * @required * @writeonce */ ds: @@ -1039,8 +1064,9 @@ BulkEditor.ATTRS = * gallery-formmgr-css-validation). Derived classes can require * additional keys. * - * @config fields + * @attribute fields * @type {Object} + * @required * @writeonce */ fields: @@ -1054,7 +1080,7 @@ BulkEditor.ATTRS = * expects it to be configured to display ValidationPageLinks, so the * user can see which pages have errors that need to be fixed. * - * @config paginator + * @attribute paginator * @type {Paginator} * @writeonce */ @@ -1070,7 +1096,7 @@ BulkEditor.ATTRS = /** * Extra key/value pairs to pass in the DataSource request. * - * @config requestExtra + * @attribute requestExtra * @type {Object} * @writeonce */ @@ -1084,7 +1110,7 @@ BulkEditor.ATTRS = /** * CSS class used to temporarily highlight a record. * - * @config pingClass + * @attribute pingClass * @type {String} * @default "yui3-bulkedit-ping" */ @@ -1097,7 +1123,7 @@ BulkEditor.ATTRS = /** * Duration in seconds that pingClass is applied to a record. * - * @config pingTimeout + * @attribute pingTimeout * @type {Number} * @default 2 */ @@ -1110,12 +1136,16 @@ BulkEditor.ATTRS = /** * @event notifyErrors - * @description Fires when widget-level validation messages need to be displayed. + * @description Fired when widget-level validation messages need to be displayed. * @param msgs {Array} the messages to display */ /** * @event clearErrorNotification - * @description Fires when widget-level validation messages should be cleared. + * @description Fired when widget-level validation messages should be cleared. + */ +/** + * @event pageRendered + * @description Fired every time after the editor has rendered a page. */ var default_page_size = 1e9, @@ -1124,20 +1154,13 @@ var default_page_size = 1e9, id_separator = '__', id_regex = new RegExp('^' + id_prefix + id_separator + '(.+?)(?:' + id_separator + '(.+?))?$'), - field_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field-container'), - field_container_class_prefix = field_container_class + '-', - field_class_prefix = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field') + '-', - - class_re_prefix = '(?:^|\\s)(?:', - class_re_suffix = ')(?:\\s|$)', - status_prefix = 'bulkedit-has', status_pattern = status_prefix + '([a-z]+)', - status_re = new RegExp(class_re_prefix + status_pattern + class_re_suffix), + status_re = new RegExp(Y.Node.class_re_prefix + status_pattern + Y.Node.class_re_suffix), record_status_prefix = 'bulkedit-hasrecord', record_status_pattern = record_status_prefix + '([a-z]+)', - record_status_re = new RegExp(class_re_prefix + record_status_pattern + class_re_suffix), + record_status_re = new RegExp(Y.Node.class_re_prefix + record_status_pattern + Y.Node.class_re_suffix), message_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'message-text'), @@ -1146,6 +1169,10 @@ var default_page_size = 1e9, BulkEditor.record_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'bd'); BulkEditor.record_msg_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'record-message-container'); +BulkEditor.field_container_class = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field-container'); +BulkEditor.field_container_class_prefix = BulkEditor.field_container_class + '-'; +BulkEditor.field_class_prefix = Y.ClassNameManager.getClassName(BulkEditor.NAME, 'field') + '-'; + function switchPage(state) { this.saveChanges(); @@ -1175,9 +1202,29 @@ Y.extend(BulkEditor, Y.Widget, this.reload(); }, + bindUI: function() + { + this._attachEvents(this.get('contentBox')); + }, + + /** + * Attaches events to the container. + * + * @method _attachEvents + * @param container {Node} node to which events should be attached + * @protected + */ + _attachEvents: function( + /* node */ container) + { + Y.delegate('bulkeditor|click', handleCheckboxMultiselect, container, '.checkbox-multiselect input', this); + }, + /** * Reloads the current page of records. This will erase any changes * unsaved changes! + * + * @method reload */ reload: function() { @@ -1229,18 +1276,42 @@ Y.extend(BulkEditor, Y.Widget, /** * Save the modified values from the current page of records. + * + * @method saveChanges */ saveChanges: function() { var ds = this.get('ds'); var records = ds.getCurrentRecords(); var id_key = ds.get('uniqueIdKey'); - Y.Object.each(this.get('fields'), function(value, key) + Y.Object.each(this.get('fields'), function(field, key) { Y.Array.each(records, function(r) { - var node = this.getFieldElement(r, key); - ds.updateValue(r[ id_key ], key, node.get('value')); + var node = this.getFieldElement(r, key), + tag = node.get('tagName').toLowerCase(), + value; + if (tag == 'input' && node.get('type').toLowerCase() == 'checkbox') + { + value = node.get('checked') ? field.values.on : field.values.off; + } + else if (tag == 'select' && node.get('multiple')) + { + value = Y.reduce(Y.Node.getDOMNode(node).options, [], function(v, o) + { + if (o.selected) + { + v.push(o.value); + } + return v; + }); + } + else + { + value = node.get('value'); + } + + ds.updateValue(r[ id_key ], key, value); }, this); }, @@ -1251,6 +1322,7 @@ Y.extend(BulkEditor, Y.Widget, * Retrieve *all* the data. Do not call this if you use server-side * pagination. * + * @method getAllValues * @param callback {Object} callback object which will be invoked by DataSource */ getAllValues: function(callback) @@ -1270,6 +1342,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getChanges * @return {Object} map of all changed values, keyed by record id */ getChanges: function() @@ -1282,6 +1355,7 @@ Y.extend(BulkEditor, Y.Widget, * *You must reload() the widget after calling this function!
* + * @method insertRecord * @param index {Number} insertion index * @param record {Object|String} record to insert or id of record to clone * @return {String} the new record's id @@ -1308,6 +1382,7 @@ Y.extend(BulkEditor, Y.Widget, * *You must reload() the widget after calling this function!
* + * @method removeRecord * @param index {Number} * @return {Boolean} true if the record was successfully removed */ @@ -1332,6 +1407,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getFieldConfig * @param key {String} field key * @return {Object} field configuration */ @@ -1342,6 +1418,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordContainerId * @param record {String|Object} record id or record object * @return {String} id of DOM element containing the record's input elements */ @@ -1359,6 +1436,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getFieldId * @param record {String|Object} record id or record object * @param key {String} field key * @return {String} id of DOM element containing the field's input element @@ -1371,6 +1449,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordAndFieldKey * @param key {String|Node} field key or field input element * @return {Object} object containing record and field_key */ @@ -1385,13 +1464,14 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordId * @param obj {Object|Node} record object, record container, or any node inside record container * @return {String} record id */ getRecordId: function( /* object/element */ obj) { - if (Y.Lang.isObject(obj) && !(obj instanceof Y.Node)) + if (Y.Lang.isObject(obj) && !obj._node) { return obj[ this.get('ds').get('uniqueIdKey') ]; } @@ -1408,6 +1488,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getRecordContainer * @param record {String|Object|Node} record id, record object, record container, or any node inside record container * @return {Node} node containing rendered record */ @@ -1418,7 +1499,7 @@ Y.extend(BulkEditor, Y.Widget, { var id = id_prefix + id_separator + record; } - else if (record instanceof Y.Node) + else if (record && record._node) { return record.getAncestorByClassName(BulkEditor.record_container_class, true); } @@ -1431,6 +1512,7 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method getFieldContainer * @param record {String|Object|Node} record id, record object, record container, or any node inside record container * @param key {String} field key * @return {Node} node containing rendered field @@ -1440,10 +1522,11 @@ Y.extend(BulkEditor, Y.Widget, /* string */ key) { var field = this.getFieldElement(record, key); - return field.getAncestorByClassName(field_container_class, true); + return field.getAncestorByClassName(BulkEditor.field_container_class, true); }, /** + * @method getFieldElement * @param record {String|Object|Node} record id, record object, record container, or any node inside record container * @param key {String} field key * @return {Node} field's input element @@ -1452,7 +1535,7 @@ Y.extend(BulkEditor, Y.Widget, /* string/object/element */ record, /* string */ key) { - if (record instanceof Y.Node) + if (record && record._node) { record = this.getRecordId(record); } @@ -1463,6 +1546,7 @@ Y.extend(BulkEditor, Y.Widget, * Paginate and/or scroll to make the specified record visible. Record * is pinged to help the user find it. * + * @method showRecordIndex * @param index {Number} record index */ showRecordIndex: function( @@ -1493,6 +1577,7 @@ Y.extend(BulkEditor, Y.Widget, * Paginate and/or scroll to make the specified record visible. Record * is pinged to help the user find it. * + * @method showRecordId * @param id {Number} record id */ showRecordId: function( @@ -1510,6 +1595,7 @@ Y.extend(BulkEditor, Y.Widget, * while. Your CSS can use this class to highlight the record in some * way. * + * @method pingRecord * @param record {String|Object|Node} record id, record object, record container, or any node inside record container */ pingRecord: function( @@ -1530,14 +1616,14 @@ Y.extend(BulkEditor, Y.Widget, /** * Render the current page of records. * - * @param response {Object} response from data source + * @method _render * @protected + * @param response {Object} response from data source */ _render: function(response) { var container = this.get('contentBox'); - Y.Event.purgeElement(container); this._renderContainer(container); container.set('scrollTop', 0); container.set('scrollLeft', 0); @@ -1549,6 +1635,8 @@ Y.extend(BulkEditor, Y.Widget, }, this); + this.fire('pageRendered'); + if (this.auto_validate) { this.validate(); @@ -1564,8 +1652,9 @@ Y.extend(BulkEditor, Y.Widget, /** * Derived class should override to create a structure for the records. * - * @param container {Node} + * @method _renderContainer * @protected + * @param container {Node} */ _renderContainer: function( /* element */ container) @@ -1576,9 +1665,10 @@ Y.extend(BulkEditor, Y.Widget, /** * Derived class must override to create a container for the record. * + * @method _renderRecordContainer + * @protected * @param container {Node} * @param record {Object} record data - * @protected */ _renderRecordContainer: function( /* element */ container, @@ -1591,9 +1681,10 @@ Y.extend(BulkEditor, Y.Widget, * Derived class can override if it needs to do more than just call * _renderField() for each field. * + * @method _renderRecord + * @protected * @param container {Node} record container * @param record {Object} record data - * @protected */ _renderRecord: function( /* element */ container, @@ -1617,13 +1708,14 @@ Y.extend(BulkEditor, Y.Widget, * If _renderRecord is not overridden, derived class must override this * function to render the field. * + * @method _renderField + * @protected * @param o {Object} * container {Node} record container, * key {String} field key, * value {Mixed} field value, * field {Object} field configuration, * record {Object} record data - * @protected */ _renderField: function( /* object */ o) @@ -1633,8 +1725,9 @@ Y.extend(BulkEditor, Y.Widget, /** * Update the paginator to match the data source meta information. * - * @param response {Object} response from DataSource + * @method _updatePaginator * @protected + * @param response {Object} response from DataSource */ _updatePaginator: function(response) { @@ -1648,6 +1741,8 @@ Y.extend(BulkEditor, Y.Widget, /** * Clear errors received from the server. This clears all displayed * messages. + * + * @method clearServerErrors */ clearServerErrors: function() { @@ -1680,6 +1775,7 @@ Y.extend(BulkEditor, Y.Widget, * error) or an object providing msg and type, where type can be * 'error', 'warn', 'info', or 'success'. * + * @method setServerErrors * @param page_errors {Array} list of page-level error messages * @param record_field_errors {Array} list of objects *in record display order*, * each of which defines id (String), recordError (message), @@ -1699,15 +1795,9 @@ Y.extend(BulkEditor, Y.Widget, { page: page_errors || [], records: record_field_errors || [], - record_map: {} + record_map: Y.Array.toObject(record_field_errors || [], 'id') }; - Y.Array.each(this.server_errors.records, function(r) - { - this.server_errors.record_map[ r.id ] = r; - }, - this); - this._updatePageStatus(); var pg = this.get('paginator'); @@ -1725,6 +1815,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Update paginator to show which pages have errors. * + * @method _updatePageStatus * @protected */ _updatePageStatus: function() @@ -1761,6 +1852,7 @@ Y.extend(BulkEditor, Y.Widget, * Validate the visible values (if using server-side pagination) or all * the values (if using client-side pagination or no pagination). * + * @method validate * @return {Boolean} true if all checked values are acceptable */ validate: function() @@ -1806,9 +1898,10 @@ Y.extend(BulkEditor, Y.Widget, /** * Validate the visible values. * + * @method _validateVisibleFields + * @protected * @param container {Node} if null, uses contentBox * @return {Boolean} true if all checked values are acceptable - * @protected */ _validateVisibleFields: function( /* object */ container) @@ -1864,9 +1957,10 @@ Y.extend(BulkEditor, Y.Widget, /** * Validate the given elements. * + * @method _validateElements + * @protected * @param nodes {NodeList} * @return {Boolean} true if all checked values are acceptable - * @protected */ _validateElements: function( /* array */ nodes) @@ -1954,8 +2048,9 @@ Y.extend(BulkEditor, Y.Widget, * If the data is stored locally and we paginate, validate all of it * and mark the pages that have invalid values. * - * @return {Boolean} true if all checked values are acceptable + * @method _validateAllPages * @protected + * @return {Boolean} true if all checked values are acceptable */ _validateAllPages: function() { @@ -2030,6 +2125,8 @@ Y.extend(BulkEditor, Y.Widget, /** * Clear all displayed messages. + * + * @method _clearValidationMessages */ _clearValidationMessages: function() { @@ -2049,6 +2146,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Display a message for the specified field. * + * @method displayFieldMessage * @param e {Node} field input element * @param msg {String} message to display * @param type {String} message type: error, warn, info, success @@ -2068,7 +2166,7 @@ Y.extend(BulkEditor, Y.Widget, var bd1 = this.getRecordContainer(e); var changed = this._updateRecordStatus(bd1, type, status_pattern, status_re, status_prefix); - var bd2 = e.getAncestorByClassName(field_container_class); + var bd2 = e.getAncestorByClassName(BulkEditor.field_container_class); if (Y.FormManager.statusTakesPrecedence(this._getElementStatus(bd2, status_re), type)) { if (msg) @@ -2093,6 +2191,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Display a message for the specified record. * + * @method displayRecordMessage * @param id {String} record id * @param msg {String} message to display * @param type {String} message type: error, warn, info, success @@ -2132,10 +2231,11 @@ Y.extend(BulkEditor, Y.Widget, }, /** + * @method _getElementStatus + * @protected * @param n {Node} * @param r {RegExp} * @return {Mixed} status or false - * @protected */ _getElementStatus: function( /* Node */ n, @@ -2148,6 +2248,7 @@ Y.extend(BulkEditor, Y.Widget, /** * Update the status of the node, if the new status has higher precedence. * + * @method _updateRecordStatus * @param bd {Node} * @param type {String} new status * @param p {String} pattern for extracting status @@ -2177,20 +2278,16 @@ Y.extend(BulkEditor, Y.Widget, // Markup // -function cleanHTML(s) +BulkEditor.cleanHTML = function(s) { - if (!s) - { - return ''; - } - - return s.toString() - .replace(/<\/?script>/ig, '') - .replace(/&/g, '&') - .replace(//g, '>'); -} + return (Y.Lang.isValue(s) ? Y.Escape.html(s) : ''); +}; +/** + * @property Y.BulkEditor.error_msg_markup + * @type {String} + * @static + */ BulkEditor.error_msg_markup = Y.Lang.sub('', { c: message_container_class @@ -2245,12 +2342,12 @@ BulkEditor.markup = return Y.Lang.sub(input, { - cont: field_container_class + ' ' + field_container_class_prefix, - field: field_class_prefix, + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + field: BulkEditor.field_class_prefix, key: o.key, id: this.getFieldId(o.record, o.key), label: label, - value: cleanHTML(o.value), + value: BulkEditor.cleanHTML(o.value), yiv: (o.field && o.field.validation && o.field.validation.css) || '', msg1: label ? BulkEditor.error_msg_markup : '', msg2: label ? '' : BulkEditor.error_msg_markup @@ -2268,14 +2365,13 @@ BulkEditor.markup = var option = ''; - var options = ''; - Y.Array.each(o.field.values, function(v) + var options = Y.Array.reduce(o.field.values, '', function(s, v) { - options += Y.Lang.sub(option, + return s + Y.Lang.sub(option, { value: v.value, - text: cleanHTML(v.text), - selected: o.value && o.value.toString() === v.value ? 'selected' : '' + text: BulkEditor.cleanHTML(v.text), + selected: o.value && o.value.toString() === v.value ? 'selected="selected"' : '' }); }); @@ -2283,8 +2379,8 @@ BulkEditor.markup = return Y.Lang.sub(select, { - cont: field_container_class + ' ' + field_container_class_prefix, - field: field_class_prefix, + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + field: BulkEditor.field_class_prefix, key: o.key, id: this.getFieldId(o.record, o.key), label: label, @@ -2295,6 +2391,86 @@ BulkEditor.markup = }); }, + checkbox: function(o) + { + var checkbox = + '' +
+ ' ' +
+ '' +
+ '{msg}' +
+ '
';
+
+ var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : '';
+
+ return Y.Lang.sub(checkbox,
+ {
+ cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix,
+ field: BulkEditor.field_class_prefix,
+ key: o.key,
+ id: this.getFieldId(o.record, o.key),
+ label: label,
+ value: o.value == o.field.values.on ? 'checked="checked"' : '',
+ msg: BulkEditor.error_msg_markup
+ });
+ },
+
+ checkboxMultiselect: function(o)
+ {
+ var select =
+ '' +
+ '{label}{msg}' +
+ '
';
+
+ var id = this.getFieldId(o.record, o.key),
+ has_value = Y.Lang.isArray(o.value);
+
+ var checkbox =
+ '{cbs}
' +
+ '' +
+ '' + + ' ' + + '' + + '
'; + + var cbs = Y.Array.reduce(o.field.values, '', function(s, v) + { + return s + Y.Lang.sub(checkbox, + { + id: id, + value: v.value, + checked: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'checked="checked"' : '', + label: BulkEditor.cleanHTML(v.text) + }); + }); + + var option = ''; + + var options = Y.Array.reduce(o.field.values, '', function(s, v) + { + return s + Y.Lang.sub(option, + { + value: v.value, + text: BulkEditor.cleanHTML(v.text), + selected: has_value && Y.Array.indexOf(o.value, v.value) >= 0 ? 'selected="selected"' : '' + }); + }); + + var label = o.field && o.field.label ? BulkEditor.labelMarkup.call(this, o) : ''; + + return Y.Lang.sub(select, + { + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + field: BulkEditor.field_class_prefix, + key: o.key, + id: id, + label: label, + cbs: cbs, + options: options, + yiv: (o.field && o.field.validation && o.field.validation.css) || '', + msg: BulkEditor.error_msg_markup + }); + }, + textarea: function(o) { var textarea = @@ -2308,12 +2484,12 @@ BulkEditor.markup = return Y.Lang.sub(textarea, { - cont: field_container_class + ' ' + field_container_class_prefix, - prefix: field_class_prefix, + cont: BulkEditor.field_container_class + ' ' + BulkEditor.field_container_class_prefix, + prefix: BulkEditor.field_class_prefix, key: o.key, id: this.getFieldId(o.record, o.key), label: label, - value: cleanHTML(o.value), + value: BulkEditor.cleanHTML(o.value), yiv: (o.field && o.field.validation && o.field.validation.css) || '', msg1: label ? BulkEditor.error_msg_markup : '', msg2: label ? '' : BulkEditor.error_msg_markup @@ -2340,6 +2516,22 @@ BulkEditor.fieldMarkup = function(key, record) }); }; +function handleCheckboxMultiselect(e) +{ + var cb = e.currentTarget, + value = cb.get('value'), + select = cb.ancestor('.checkbox-multiselect').next('select'); + + Y.some(Y.Node.getDOMNode(select).options, function(o) + { + if (o.value == value) + { + o.selected = cb.get('checked'); + return true; + } + }); +} + Y.BulkEditor = BulkEditor; /** * @module gallery-bulkedit @@ -2366,8 +2558,9 @@ HTMLTableBulkEditor.ATTRS = /** * Configuration for each column: key, label, formatter. * - * @config columns + * @attribute columns * @type {Array} + * @required * @writeonce */ columns: @@ -2385,7 +2578,7 @@ HTMLTableBulkEditor.ATTRS = *Attaching events to the container before the table is created does * not work in all browsers.
* - * @config events + * @attribute events * @type {Array} * @writeonce */ @@ -2396,12 +2589,18 @@ HTMLTableBulkEditor.ATTRS = } }; -var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell'), +var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell'), cell_class_prefix = cell_class + '-', - odd_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'odd'), - even_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'even'), - msg_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'record-message'), - liner_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'liner'); + odd_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'odd'), + even_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'even'), + msg_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'record-message'), + liner_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'liner'), + + input_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'input'), + textarea_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'textarea'), + select_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'select'), + checkbox_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox'), + cb_multiselect_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'checkbox-multiselect'); /** * Renders an input element in the cell. @@ -2413,6 +2612,7 @@ var cell_class = Y.ClassNameManager.getClassName(HTMLTableBulkEditor.NAME, 'cell HTMLTableBulkEditor.inputFormatter = function(o) { o.cell.set('innerHTML', BulkEditor.markup.input.call(this, o)); + o.cell.addClass(input_class); }; /** @@ -2425,6 +2625,7 @@ HTMLTableBulkEditor.inputFormatter = function(o) HTMLTableBulkEditor.textareaFormatter = function(o) { o.cell.set('innerHTML', BulkEditor.markup.textarea.call(this, o)); + o.cell.addClass(textarea_class); }; /** @@ -2437,6 +2638,33 @@ HTMLTableBulkEditor.textareaFormatter = function(o) HTMLTableBulkEditor.selectFormatter = function(o) { o.cell.set('innerHTML', BulkEditor.markup.select.call(this, o)); + o.cell.addClass(select_class); +}; + +/** + * Renders a checkbox element in the cell. + * + * @method checkboxFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +HTMLTableBulkEditor.checkboxFormatter = function(o) +{ + o.cell.set('innerHTML', BulkEditor.markup.checkbox.call(this, o)); + o.cell.addClass(checkbox_class); +}; + +/** + * Renders a set of checkboxes for multiselect in the cell. + * + * @method checkboxMultiselectFormatter + * @static + * @param o {Object} cell, key, value, field, column, record + */ +HTMLTableBulkEditor.checkboxMultiselectFormatter = function(o) +{ + o.cell.set('innerHTML', BulkEditor.markup.checkboxMultiselect.call(this, o)); + o.cell.addClass(cb_multiselect_class); }; /** @@ -2458,6 +2686,16 @@ HTMLTableBulkEditor.defaults = formatter: HTMLTableBulkEditor.selectFormatter }, + checkbox: + { + formatter: HTMLTableBulkEditor.checkboxFormatter + }, + + checkboxMultiselect: + { + formatter: HTMLTableBulkEditor.checkboxMultiselectFormatter + }, + textarea: { formatter: HTMLTableBulkEditor.textareaFormatter @@ -2477,11 +2715,11 @@ function moveFocus(e) var bd = this.getRecordContainer(e.target); if (bd && e.keyCode == 38) { - bd = bd.previousSibling; + bd = bd.previous(); } else if (bd) { - bd = bd.nextSibling; + bd = bd.next(); } var id = bd && this.getRecordId(bd); @@ -2506,6 +2744,11 @@ function moveFocus(e) Y.extend(HTMLTableBulkEditor, BulkEditor, { + bindUI: function() + { + // attach events after creating the table + }, + _renderContainer: function( /* element */ container) { @@ -2523,9 +2766,9 @@ Y.extend(HTMLTableBulkEditor, BulkEditor, var row_markup = '"," ","
","",""," @property template"," @type String HTML Setting for Panel's contents"," @default See example below"," @static"," **/"," template: '',",""," /**"," * Placeholder for the Y.Panel instance used in this view"," * @property _panel"," * @type Y.Panel"," * @default null"," * @private"," */"," _panel: null,",""," /**"," * Holder for an array of the Listeners created by this view so we can detach them when finished"," * @property _subscr"," * @type Array"," * @default []"," * @private"," */"," _subscr: [],",""," /**"," * Stores the classname to search the Calendar instance for to hook onto the \"header-label\" element"," * @property _classCalHead"," * @type String"," * @default 'yui3-calendar-header-label'"," * @private"," */"," _classCalHead: 'yui3-calendar-header-label',",""," /**"," * Stores the classname used internally for the Panel srcNode used in this view"," * @property _classPanel"," * @type String"," * @default 'yui3-calendar-jumpnav-panel'"," * @private"," */"," _classPanel: 'yui3-calendar-jumpnav-panel',","",""," /**"," * Placeholder for the Node instance for this view, set to Panel contentBox"," * @property _viewNode"," * @type Node"," * @default null"," * @private"," */"," _viewNode: null,",""," /**"," * Stores the classname used internally for the Panel's \"month\" SELECT control"," * @property _classMonth"," * @type String"," * @default 'yui3-calendar-jumpnav-month'"," * @private"," */"," _classMonth: 'yui3-calendar-jumpnav-month',",""," /**"," * Stores the classname used internally for the Panel's \"month\" SELECT control"," * @property _classYear"," * @type String"," * @default 'yui3-calendar-jumpnav-year'"," * @private"," */"," _classYear: 'yui3-calendar-jumpnav-year',","","","//=========================== LIFECYCLE METHODS ====================================",""," /**"," * Initializer that creates the `container`, the Panel instance and listeners for this view"," * @method initializer"," * @return this"," * @chainable"," * @protected"," */"," initializer: function(){",""," //"," // Read the template and create the container"," //"," var tmpl = this.get('template') || this.template;",""," tmpl = Y.Lang.sub(tmpl,{"," classPanel: this._classPanel,"," classMonth: this._classMonth,"," classYear: this._classYear"," });",""," //"," //"," //"," var viewnode = Y.Node.create(tmpl);"," this.set('container',viewnode);"," this._createPanelView(viewnode);",""," // Generate the SELECT OPTIONS for the months control ..."," this._regenMonths(new Date());",""," //"," // Define listeners on the Calendar \"header label\" and \"dateChange\" events to update the UI"," //"," if(this.get('calendar')) {"," var cal = this.get('calendar'),"," calHead = cal.get('contentBox').one('.'+this._classCalHead);",""," this._subscr.push( calHead.on( this.get('openEventType'),this.render,this) );"," this._subscr.push( cal.on('dateChange',this._onCalendarDateChange,this) );"," }",""," return this;"," },",""," /**"," * Renders the Panel and resets the SELECT controls \"selected\" default to the current Calendar data setting"," * @method render"," * @chainable"," * @return this"," * @protected"," */"," render: function(){"," var pcont = this._panel,"," cal = this.get('calendar'),"," cdate = cal.get('date'),"," pmonth = this._viewNode.one('.'+this._classMonth).get('selectedIndex') || null,"," pyear = this._viewNode.one('.'+this._classYear).get('selectedIndex') || null;"," //"," // Check if the months and years \"SELECT\" controls need regenerating ..."," //"," if( pmonth !== cdate.getMonth() ) {"," this._setSelectedMonth(cdate);"," }",""," if(!this._yearInSelect(cdate.getFullYear()))"," this._regenYears(cdate);"," this._setSelectedYear(cdate);",""," // show the panel"," pcont.show();",""," //"," // Re-position the container"," //"," var calcbox = cal.get('contentBox'),"," xy = calcbox.getXY();",""," xy[0] += +(+calcbox.getComputedStyle('width').replace(/px/,'')) + this.get('offsetXY')[0];"," xy[1] += this.get('offsetXY')[1];"," pcont.set('xy',xy);",""," return this;",""," },",""," /**"," * Clears up the created listeners and destroys the Panel"," * @method destructor"," * @protected"," */"," destructor: function(){"," Y.Array.each( this._subscr, function(item){"," item.detach();"," });"," this._subscr = null;",""," if(this._panel) {"," this._panel.destroy();"," this._panel = null;"," }",""," this._viewNode = null;"," },","","","//=========================== PRIVATE METHODS ====================================",""," /**"," * @method _createPanelView"," * @param {Node} vnode The Node that was created from `template` that will be used as the container for the Y.Panel creation."," * @private"," */"," _createPanelView: function(vnode){"," var oSelf = this;",""," //"," // Create the Panel for the CalNavigator, initially hidden"," //"," var npanel = new Y.Panel({"," srcNode : vnode,"," model: false,"," render : true,"," visible: false,"," plugins: [Y.Plugin.Drag],"," buttons: ["," {"," value : 'Go',"," section: Y.WidgetStdMod.FOOTER,"," action : function (e) {"," e.preventDefault();"," oSelf._onGoButton();"," this.hide();"," }"," },"," {"," value : 'Cancel',"," section: Y.WidgetStdMod.FOOTER,"," action : function (e) {"," e.preventDefault();"," this.hide();"," }"," }"," ]"," });",""," this._panel = npanel;"," this.set('container',npanel);",""," this._viewNode = npanel.get('contentBox');",""," },",""," /**"," * Sets the currently \"selected\" OPTION for the month control to the current month"," * @method _setSelectedMonth"," * @param {Date} curDate"," * @private"," */"," _setSelectedMonth: function(curDate){"," var monthNode = this._viewNode.one('.'+this._classMonth);"," monthNode.set('selectedIndex', curDate.getMonth() );"," },",""," /**"," * Sets the currently \"selected\" OPTION for the year control to the current year."," *
This method searches the OPTION nodes for \"value\" set to the year, to get around"," * CSS selector issues in some browers."," * @method _setSelectedYear"," * @param {Date} curDate"," * @private"," */"," _setSelectedYear: function(curDate){"," var yearNodes = this._viewNode.one('.'+this._classYear).all('option');"," yearNodes.some(function(yn){"," if(yn.get('value') == curDate.getFullYear() ) {"," yn.set('selected',true);"," return true;"," }"," });"," },",""," /**"," * Method that regenerates the \"month\" SELECT control, adding the months and defining the \"selected\" as the curDate parameter"," * @method _regenMonths"," * @param {Date} curDate Current date to set as \"selected\""," * @private"," */"," _regenMonths: function(curDate){"," curDate = curDate || this.get('calendar').get('date');"," var monthNode = this._viewNode.one('.'+this._classMonth),"," msel = monthNode.getDOMNode(),"," curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null,"," months = ['January','February','March','April','May','June','July','August','September','October','November','December'];",""," if(!msel) return;",""," //"," // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes"," //"," msel.options.length = 0;"," Y.Array.each(months,function(m,mindx){"," msel.options[msel.options.length] = new Option(m,mindx);"," // set \"selected\" for default"," if(curMonth === mindx) msel.options[msel.options.length-1].selected = true;"," });",""," },",""," /**"," * Method that regenerates the \"year\" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd`"," * and defining the \"selected\" as the curDate parameter"," * @method _regenYears"," * @param {Date} curDate Current date to set as \"selected\""," * @private"," */"," _regenYears: function(curDate){"," curDate = curDate || this.get('calendar').get('date');"," var yearNode = this._viewNode.one('.'+this._classYear),"," ysel = yearNode.getDOMNode(),"," curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null,"," yearStart= this.get('yearStart'),"," yearEnd = this.get('yearEnd');",""," if(!ysel) return;",""," //"," // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes"," //"," ysel.options.length = 0;"," for(var y=yearStart; y<= yearEnd; y++) {"," ysel.options[ysel.options.length] = new Option(y,y);"," // set \"selected\" for default"," if(curYear && curYear === y ) ysel.options[ysel.options.length-1].selected = true;"," }"," },",""," /**"," * Helper method to check if the specified year is an option in the current SELECT control OPTIONS."," * @method _yearInSelect"," * @param {Number} year Year to be checked if it is in the current SELECT control"," * @return {Boolean} true if year is in SELECt, false if not"," * @private"," */"," _yearInSelect: function(year){"," var yearNode = this._viewNode.one('.'+this._classYear),"," yindex = null;",""," yearNode.get('options').some(function(yo,yindx){"," if( +(yo.get('value')) === year) {"," yindex = yindx;"," return true;"," }"," });"," return (yindex!==null) ? true : false;"," },","","","//=========================== PRIVATE METHODS : Listeners =============================",""," /**"," * Listener on the Calendar's \"dateChange\" event to update the JumpNavigator if it's visible"," * @method _onCalendarDateChange"," * @param {EventTarget} e"," * @private"," */"," _onCalendarDateChange: function(e) {"," var newDate = e.newVal;"," if(this._panel && this._panel.get('visible')){"," this._setSelectedMonth(newDate);"," if(!this._yearInSelect(newDate.getFullYear()))"," this._regenYears(newDate);"," this._setSelectedYear(newDate);"," }"," },",""," /**"," * Listener on the Panel's \"Go\" button, resets the Calendar to the Month/Year and first day,"," * and optionally closes the Panel if `closeAfterGo` is true."," * @method _onGoButton"," * @private"," */"," _onGoButton: function(){"," var monthIndex = this.get('container').one('.'+this._classMonth).get('value'),"," yearValue = this.get('container').one('.'+this._classYear).get('value');"," this.get('calendar').set('date', new Date(yearValue,monthIndex,1) );",""," if(this.get('closeAfterGo'))"," if(this._panel)"," this._panel.hide();"," else"," this._viewNode.hide();"," },",""," /**"," * \"change\" Listener on the SELECT control for the JumpNavigator's month control"," * @method _selectMonth"," * @param e"," * @private"," */"," _selectMonth: function(e){"," var tar = e.target, // SELECT node"," opts = tar.get('options'),"," sndx = +tar.get('selectedIndex'),"," sopt = opts.item(sndx),"," month = +sopt.get('value');",""," this.set('month', month);"," this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')});",""," },"," /**"," * @event monthSelected"," * @param {Object} return"," * @param {EventTarget} return.evt Eventtarget for the SELECT \"change\" event"," * @param {Number} return.value Value part of the selected OPTION, which is the selected month"," * @param {String} return.text Text from selected OPTION, which is the month name"," */",""," /**"," * \"change\" Listener on the SELECT control for the JumpNavigator's year control"," * @method _selectYear"," * @param e"," * @private"," */"," _selectYear: function(e){"," var tar = e.target, // SELECT node"," opts = tar.get('options'),"," sndx = +tar.get('selectedIndex'),"," sopt = opts.item(sndx),"," year = +sopt.get('value');",""," this.set('year', year);"," this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')});"," }",""," /**"," * @event yearSelected"," * @param {Object} return"," * @param {EventTarget} return.evt Eventtarget for the SELECT \"change\" event"," * @param {Number} return.value Value part of the selected OPTION, which is the Selected year"," * @param {String} return.text Text from selected OPTION, which is the selected year"," */","","},{"," ATTRS:{",""," /**"," * Specifies the Calendar instance that this view will be attached to for header label clicks and"," * for updates to the `date` attribute.",""," * @attribute calendar"," * @type Y.Calendar"," * @default null"," */"," calendar:{"," value: null,"," validator: function(v) { return v instanceof Y.Calendar; }"," },",""," /**"," Defines the HTML content that is used to setup the Y.Panel instance that is created by this View."," See the property [template](#property_template) for the default setting.",""," @attribute template"," @type String"," @default this.template"," **/"," template:{"," valueFn: function(){ return this.template; },"," validator: Y.Lang.isString"," },",""," /**"," Sets the beginning year that will be used to setup the \"year\" SELECT dropdown control, defaults to"," a favorite year of the author's."," @attribute yearStart"," @type Number"," @default 1985"," **/"," yearStart:{"," value: 1992,"," validator: Y.Lang.isNumber"," },",""," /**"," Sets the last year that should be setup within the \"year\" SELECT dropdown control, defaults the"," the current year."," @attribute yearEnd"," @type Number"," @default Current year"," **/"," yearEnd:{"," value: new Date().getFullYear(),"," validator: Y.Lang.isNumber"," },",""," /**"," The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar \"header label\""," that was clicked."," @attribute offsetXY"," @type Array"," @default [ 30, 10 ]"," **/"," offsetXY:{"," value: [ 30, 10 ],"," validator: Y.Lang.isArray"," },","",""," /**"," Sets the Event \"type\" that is used in the Calendar \"header label\" listener to open the popup Panel."," Sensible values are \"click\" or \"dblclick\"."," @attribute openEventType"," @type String"," @default 'click'"," **/"," openEventType:{"," value: 'click',"," validator: Y.Lang.isString"," },",""," /**"," This flag sets whether the Panel instance should be hidden after the \"Go\" button is pressed"," @attribute closeAfterGo"," @type Boolean"," @default true"," **/"," closeAfterGo:{"," value: true,"," validator: Y.Lang.isBoolean"," }",""," }","});","","Y.namespace(\"Plugin.Calendar\").JumpNav = CalJumpNav;","","","}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false});"]; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].lines = {"1":0,"30":0,"31":0,"40":0,"48":0,"50":0,"111":0,"121":0,"122":0,"131":0,"132":0,"134":0,"143":0,"144":0,"145":0,"146":0,"185":0,"308":0,"310":0,"319":0,"320":0,"321":0,"324":0,"329":0,"330":0,"333":0,"334":0,"337":0,"348":0,"356":0,"357":0,"360":0,"361":0,"362":0,"365":0,"370":0,"373":0,"374":0,"375":0,"377":0,"387":0,"388":0,"390":0,"392":0,"393":0,"394":0,"397":0,"409":0,"414":0,"425":0,"426":0,"427":0,"434":0,"435":0,"441":0,"442":0,"444":0,"455":0,"456":0,"468":0,"469":0,"470":0,"471":0,"472":0,"484":0,"485":0,"490":0,"495":0,"496":0,"497":0,"499":0,"512":0,"513":0,"519":0,"524":0,"525":0,"526":0,"528":0,"540":0,"543":0,"544":0,"545":0,"546":0,"549":0,"562":0,"563":0,"564":0,"565":0,"566":0,"567":0,"578":0,"580":0,"582":0,"583":0,"584":0,"586":0,"596":0,"602":0,"603":0,"621":0,"627":0,"628":0,"652":0,"664":0,"731":0}; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].functions = {"CalJumpNav:30":0,"initializer:120":0,"destructor:130":0,"_afterHostRenderEvent:142":0,"initializer:303":0,"render:347":0,"(anonymous 2):387":0,"destructor:386":0,"action:424":0,"action:433":0,"_createPanelView:408":0,"_setSelectedMonth:454":0,"(anonymous 3):469":0,"_setSelectedYear:467":0,"(anonymous 4):496":0,"_regenMonths:483":0,"_regenYears:511":0,"(anonymous 5):543":0,"_yearInSelect:539":0,"_onCalendarDateChange:561":0,"_onGoButton:577":0,"_selectMonth:595":0,"_selectYear:620":0,"validator:652":0,"valueFn:664":0,"(anonymous 1):1":0}; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].coveredLines = 105; +_yuitest_coverage["/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js"].coveredFunctions = 26; +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 1); +YUI.add('gallery-calendar-jumpnav', function(Y) { + +/** + A Plugin for Y.Calendar that sets up Calendar to work with Y.Calendar.JumpNavView, which + is a View class extension to setup a "click" listener on Calendar's "Month Year" header label + that opens a popup Panel to provide a quick method to jump to a month / year. + + Please see the Calendar.JumpNavView documentation for full details. + + @example + var myCal = new Y.Calendar({ + contentBox: "#mycal", + width: '200px', + showPrevMonth: true, + showNextMonth: true + }); + + // Plugin the View to this Calendar ... available years are 1988 to 2021 + cal.plug( Y.Plugin.Calendar.JumpNav, { + yearStart: 1988, + yearEnd: 2021 + }); + + cal.render(); + + @class Y.Plugin.Calendar.JumpNav + @param config + @constructor + **/ +_yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 1)", 1); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 30); +function CalJumpNav(config) { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "CalJumpNav", 30); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 31); +CalJumpNav.superclass.constructor.apply(this, arguments); +} + +/** + * The namespace property of this plugin that this can be accessed from via a Calendar instance. + * @property NS + * @description This plugin can be accessed from a Calendar instance as "Calendar.jumpnav" + * @type {String} + */ +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 40); +CalJumpNav.NS = "jumpnav"; + +/** + * The name property of this plugin + * @property NAME + * @description name for this plugin + * @type {String} + */ +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 48); +CalJumpNav.NAME = "calendarJumpnavPlugin"; + +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 50); +CalJumpNav.ATTRS = { + + /** + * @attribute yearStart + * @type Number + * @default 1985 + */ + yearStart:{ + value: 1985, + validator: Y.Lang.isNumber + }, + + /** + * @attribute yearEnd + * @type Number + * @default Current year + */ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + * The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + * that was clicked. + * @attribute offsetXY + * @type Array + * @default [ 30, 10 ] + */ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + +} + + +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 111); +Y.extend(CalJumpNav, Y.Plugin.Base, { + + _view: null, + + /** + * + * @method initializer + * @param config + */ + initializer: function(config) { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "initializer", 120); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 121); +this.afterHostEvent("render", this._afterHostRenderEvent); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 122); +return this; + }, + + /** + * Destroys the View that was created and detaches its event listeners + * @method destructor + * @protected + */ + destructor : function() { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "destructor", 130); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 131); +if(this._view) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 132); +this._view.destroy(); + } + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 134); +this._view = null; + }, + + /** + * Connector method that initializes the View and connects it to the Calendar instance + * @method _afterHostRenderEvent + * @private + */ + _afterHostRenderEvent : function() { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_afterHostRenderEvent", 142); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 143); +if(!this._view) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 144); +var viewCfgs = this.getAttrs(['yearStart','yearEnd','template','offsetXY','closeAfterGo','openEventType']); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 145); +viewCfgs.calendar = this.get('host'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 146); +this._view = new Y.Calendar.JumpNavView(viewCfgs); + } + } + +}); + +/** + This class defines a View class extension for Calendar that configures to load on a "click" on the Calendar's "Month Year" + header label to display a popup panel that allows for selecting the month / year without requiring to page thru by month. + The view creates a Panel instance from a standard template (see the property [template](#property_template) for the default) + and handles populating the SELECT dropdown controls for "month" and "year". + + Attributes are provided that include [yearStart](#attr_yearStart) and [yearEnd](#attr_yearEnd) for defining the range to + be used for the "year" dropdown elements, for example. + + #####Usage + The simplest application includes creating a Calendar instance and then creating the View and attaching the calendar to + the view with the [calendar](#attr_calendar) attribute. + + var cal = new Y.Calendar({ + contentBox: "#mycal", + width:'240px', + showPrevMonth: true, + showNextMonth: true + }).render(); + + // This creates a View instance and connects it to the "cal" Calendar instance. + var calJNav = new Y.Calendar.JumpNavView({ + calendar: cal, + yearStart: 1988, + yearEnd: 2021 + }); + + An additional module is provided, the Y.Plugin.Calendar.JumpNav plugin that attaches the Calendar to the view via a plugin method. + + @class Y.Calendar.JumpNavView + @extends Y.View + @version 3.5.0 + **/ +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 185); +Y.Calendar.JumpNavView = Y.Base.create('caljumpnav', Y.View,[],{ + + /** + * Defines event objects as part of View's event handling, specifically defines actions to + * be taken on "change" events of the month and year SELECT controls. + * @property events + * @type Object + * @static + */ + events: { + 'select.yui3-calendar-navpanel-month' : { change : '_selectMonth' }, + 'select.yui3-calendar-navpanel-year' : { change: '_selectYear' } + }, + + /** + Default setting for the `template` attribute that defines the Panel HTML contents, including + the SELECT options for month and year. + + @example + // Where classPanel is replaced by 'yui3-calendar-jumpnav-panel', + // and classMonth by 'yui3-calendar-jumpnav-month' + // and classYear by 'yui3-calendar-jumpnav-year' +
+
+
+
+
+ @property template
+ @type String HTML Setting for Panel's contents
+ @default See example below
+ @static
+ **/
+ template: '',
+
+ /**
+ * Placeholder for the Y.Panel instance used in this view
+ * @property _panel
+ * @type Y.Panel
+ * @default null
+ * @private
+ */
+ _panel: null,
+
+ /**
+ * Holder for an array of the Listeners created by this view so we can detach them when finished
+ * @property _subscr
+ * @type Array
+ * @default []
+ * @private
+ */
+ _subscr: [],
+
+ /**
+ * Stores the classname to search the Calendar instance for to hook onto the "header-label" element
+ * @property _classCalHead
+ * @type String
+ * @default 'yui3-calendar-header-label'
+ * @private
+ */
+ _classCalHead: 'yui3-calendar-header-label',
+
+ /**
+ * Stores the classname used internally for the Panel srcNode used in this view
+ * @property _classPanel
+ * @type String
+ * @default 'yui3-calendar-jumpnav-panel'
+ * @private
+ */
+ _classPanel: 'yui3-calendar-jumpnav-panel',
+
+
+ /**
+ * Placeholder for the Node instance for this view, set to Panel contentBox
+ * @property _viewNode
+ * @type Node
+ * @default null
+ * @private
+ */
+ _viewNode: null,
+
+ /**
+ * Stores the classname used internally for the Panel's "month" SELECT control
+ * @property _classMonth
+ * @type String
+ * @default 'yui3-calendar-jumpnav-month'
+ * @private
+ */
+ _classMonth: 'yui3-calendar-jumpnav-month',
+
+ /**
+ * Stores the classname used internally for the Panel's "month" SELECT control
+ * @property _classYear
+ * @type String
+ * @default 'yui3-calendar-jumpnav-year'
+ * @private
+ */
+ _classYear: 'yui3-calendar-jumpnav-year',
+
+
+//=========================== LIFECYCLE METHODS ====================================
+
+ /**
+ * Initializer that creates the `container`, the Panel instance and listeners for this view
+ * @method initializer
+ * @return this
+ * @chainable
+ * @protected
+ */
+ initializer: function(){
+
+ //
+ // Read the template and create the container
+ //
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "initializer", 303);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 308);
+var tmpl = this.get('template') || this.template;
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 310);
+tmpl = Y.Lang.sub(tmpl,{
+ classPanel: this._classPanel,
+ classMonth: this._classMonth,
+ classYear: this._classYear
+ });
+
+ //
+ //
+ //
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 319);
+var viewnode = Y.Node.create(tmpl);
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 320);
+this.set('container',viewnode);
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 321);
+this._createPanelView(viewnode);
+
+ // Generate the SELECT OPTIONS for the months control ...
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 324);
+this._regenMonths(new Date());
+
+ //
+ // Define listeners on the Calendar "header label" and "dateChange" events to update the UI
+ //
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 329);
+if(this.get('calendar')) {
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 330);
+var cal = this.get('calendar'),
+ calHead = cal.get('contentBox').one('.'+this._classCalHead);
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 333);
+this._subscr.push( calHead.on( this.get('openEventType'),this.render,this) );
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 334);
+this._subscr.push( cal.on('dateChange',this._onCalendarDateChange,this) );
+ }
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 337);
+return this;
+ },
+
+ /**
+ * Renders the Panel and resets the SELECT controls "selected" default to the current Calendar data setting
+ * @method render
+ * @chainable
+ * @return this
+ * @protected
+ */
+ render: function(){
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "render", 347);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 348);
+var pcont = this._panel,
+ cal = this.get('calendar'),
+ cdate = cal.get('date'),
+ pmonth = this._viewNode.one('.'+this._classMonth).get('selectedIndex') || null,
+ pyear = this._viewNode.one('.'+this._classYear).get('selectedIndex') || null;
+ //
+ // Check if the months and years "SELECT" controls need regenerating ...
+ //
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 356);
+if( pmonth !== cdate.getMonth() ) {
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 357);
+this._setSelectedMonth(cdate);
+ }
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 360);
+if(!this._yearInSelect(cdate.getFullYear()))
+ {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 361);
+this._regenYears(cdate);}
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 362);
+this._setSelectedYear(cdate);
+
+ // show the panel
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 365);
+pcont.show();
+
+ //
+ // Re-position the container
+ //
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 370);
+var calcbox = cal.get('contentBox'),
+ xy = calcbox.getXY();
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 373);
+xy[0] += +(+calcbox.getComputedStyle('width').replace(/px/,'')) + this.get('offsetXY')[0];
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 374);
+xy[1] += this.get('offsetXY')[1];
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 375);
+pcont.set('xy',xy);
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 377);
+return this;
+
+ },
+
+ /**
+ * Clears up the created listeners and destroys the Panel
+ * @method destructor
+ * @protected
+ */
+ destructor: function(){
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "destructor", 386);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 387);
+Y.Array.each( this._subscr, function(item){
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 2)", 387);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 388);
+item.detach();
+ });
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 390);
+this._subscr = null;
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 392);
+if(this._panel) {
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 393);
+this._panel.destroy();
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 394);
+this._panel = null;
+ }
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 397);
+this._viewNode = null;
+ },
+
+
+//=========================== PRIVATE METHODS ====================================
+
+ /**
+ * @method _createPanelView
+ * @param {Node} vnode The Node that was created from `template` that will be used as the container for the Y.Panel creation.
+ * @private
+ */
+ _createPanelView: function(vnode){
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_createPanelView", 408);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 409);
+var oSelf = this;
+
+ //
+ // Create the Panel for the CalNavigator, initially hidden
+ //
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 414);
+var npanel = new Y.Panel({
+ srcNode : vnode,
+ model: false,
+ render : true,
+ visible: false,
+ plugins: [Y.Plugin.Drag],
+ buttons: [
+ {
+ value : 'Go',
+ section: Y.WidgetStdMod.FOOTER,
+ action : function (e) {
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "action", 424);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 425);
+e.preventDefault();
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 426);
+oSelf._onGoButton();
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 427);
+this.hide();
+ }
+ },
+ {
+ value : 'Cancel',
+ section: Y.WidgetStdMod.FOOTER,
+ action : function (e) {
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "action", 433);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 434);
+e.preventDefault();
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 435);
+this.hide();
+ }
+ }
+ ]
+ });
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 441);
+this._panel = npanel;
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 442);
+this.set('container',npanel);
+
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 444);
+this._viewNode = npanel.get('contentBox');
+
+ },
+
+ /**
+ * Sets the currently "selected" OPTION for the month control to the current month
+ * @method _setSelectedMonth
+ * @param {Date} curDate
+ * @private
+ */
+ _setSelectedMonth: function(curDate){
+ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_setSelectedMonth", 454);
+_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 455);
+var monthNode = this._viewNode.one('.'+this._classMonth);
+ _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 456);
+monthNode.set('selectedIndex', curDate.getMonth() );
+ },
+
+ /**
+ * Sets the currently "selected" OPTION for the year control to the current year.
+ *
This method searches the OPTION nodes for "value" set to the year, to get around + * CSS selector issues in some browers. + * @method _setSelectedYear + * @param {Date} curDate + * @private + */ + _setSelectedYear: function(curDate){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_setSelectedYear", 467); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 468); +var yearNodes = this._viewNode.one('.'+this._classYear).all('option'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 469); +yearNodes.some(function(yn){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 3)", 469); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 470); +if(yn.get('value') == curDate.getFullYear() ) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 471); +yn.set('selected',true); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 472); +return true; + } + }); + }, + + /** + * Method that regenerates the "month" SELECT control, adding the months and defining the "selected" as the curDate parameter + * @method _regenMonths + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenMonths: function(curDate){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_regenMonths", 483); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 484); +curDate = curDate || this.get('calendar').get('date'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 485); +var monthNode = this._viewNode.one('.'+this._classMonth), + msel = monthNode.getDOMNode(), + curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null, + months = ['January','February','March','April','May','June','July','August','September','October','November','December']; + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 490); +if(!msel) {return;} + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 495); +msel.options.length = 0; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 496); +Y.Array.each(months,function(m,mindx){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 4)", 496); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 497); +msel.options[msel.options.length] = new Option(m,mindx); + // set "selected" for default + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 499); +if(curMonth === mindx) {msel.options[msel.options.length-1].selected = true;} + }); + + }, + + /** + * Method that regenerates the "year" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd` + * and defining the "selected" as the curDate parameter + * @method _regenYears + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenYears: function(curDate){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_regenYears", 511); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 512); +curDate = curDate || this.get('calendar').get('date'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 513); +var yearNode = this._viewNode.one('.'+this._classYear), + ysel = yearNode.getDOMNode(), + curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null, + yearStart= this.get('yearStart'), + yearEnd = this.get('yearEnd'); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 519); +if(!ysel) {return;} + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 524); +ysel.options.length = 0; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 525); +for(var y=yearStart; y<= yearEnd; y++) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 526); +ysel.options[ysel.options.length] = new Option(y,y); + // set "selected" for default + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 528); +if(curYear && curYear === y ) {ysel.options[ysel.options.length-1].selected = true;} + } + }, + + /** + * Helper method to check if the specified year is an option in the current SELECT control OPTIONS. + * @method _yearInSelect + * @param {Number} year Year to be checked if it is in the current SELECT control + * @return {Boolean} true if year is in SELECt, false if not + * @private + */ + _yearInSelect: function(year){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_yearInSelect", 539); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 540); +var yearNode = this._viewNode.one('.'+this._classYear), + yindex = null; + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 543); +yearNode.get('options').some(function(yo,yindx){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "(anonymous 5)", 543); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 544); +if( +(yo.get('value')) === year) { + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 545); +yindex = yindx; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 546); +return true; + } + }); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 549); +return (yindex!==null) ? true : false; + }, + + +//=========================== PRIVATE METHODS : Listeners ============================= + + /** + * Listener on the Calendar's "dateChange" event to update the JumpNavigator if it's visible + * @method _onCalendarDateChange + * @param {EventTarget} e + * @private + */ + _onCalendarDateChange: function(e) { + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_onCalendarDateChange", 561); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 562); +var newDate = e.newVal; + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 563); +if(this._panel && this._panel.get('visible')){ + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 564); +this._setSelectedMonth(newDate); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 565); +if(!this._yearInSelect(newDate.getFullYear())) + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 566); +this._regenYears(newDate);} + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 567); +this._setSelectedYear(newDate); + } + }, + + /** + * Listener on the Panel's "Go" button, resets the Calendar to the Month/Year and first day, + * and optionally closes the Panel if `closeAfterGo` is true. + * @method _onGoButton + * @private + */ + _onGoButton: function(){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_onGoButton", 577); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 578); +var monthIndex = this.get('container').one('.'+this._classMonth).get('value'), + yearValue = this.get('container').one('.'+this._classYear).get('value'); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 580); +this.get('calendar').set('date', new Date(yearValue,monthIndex,1) ); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 582); +if(this.get('closeAfterGo')) + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 583); +if(this._panel) + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 584); +this._panel.hide();} + else + {_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 586); +this._viewNode.hide();}} + }, + + /** + * "change" Listener on the SELECT control for the JumpNavigator's month control + * @method _selectMonth + * @param e + * @private + */ + _selectMonth: function(e){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_selectMonth", 595); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 596); +var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + month = +sopt.get('value'); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 602); +this.set('month', month); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 603); +this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')}); + + }, + /** + * @event monthSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the selected month + * @param {String} return.text Text from selected OPTION, which is the month name + */ + + /** + * "change" Listener on the SELECT control for the JumpNavigator's year control + * @method _selectYear + * @param e + * @private + */ + _selectYear: function(e){ + _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "_selectYear", 620); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 621); +var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + year = +sopt.get('value'); + + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 627); +this.set('year', year); + _yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 628); +this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')}); + } + + /** + * @event yearSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the Selected year + * @param {String} return.text Text from selected OPTION, which is the selected year + */ + +},{ + ATTRS:{ + + /** + * Specifies the Calendar instance that this view will be attached to for header label clicks and + * for updates to the `date` attribute. + + * @attribute calendar + * @type Y.Calendar + * @default null + */ + calendar:{ + value: null, + validator: function(v) { _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "validator", 652); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 652); +return v instanceof Y.Calendar; } + }, + + /** + Defines the HTML content that is used to setup the Y.Panel instance that is created by this View. + See the property [template](#property_template) for the default setting. + + @attribute template + @type String + @default this.template + **/ + template:{ + valueFn: function(){ _yuitest_coverfunc("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", "valueFn", 664); +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 664); +return this.template; }, + validator: Y.Lang.isString + }, + + /** + Sets the beginning year that will be used to setup the "year" SELECT dropdown control, defaults to + a favorite year of the author's. + @attribute yearStart + @type Number + @default 1985 + **/ + yearStart:{ + value: 1992, + validator: Y.Lang.isNumber + }, + + /** + Sets the last year that should be setup within the "year" SELECT dropdown control, defaults the + the current year. + @attribute yearEnd + @type Number + @default Current year + **/ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + that was clicked. + @attribute offsetXY + @type Array + @default [ 30, 10 ] + **/ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + + } +}); + +_yuitest_coverline("/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js", 731); +Y.namespace("Plugin.Calendar").JumpNav = CalJumpNav; + + +}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false}); diff --git a/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-debug.js b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-debug.js new file mode 100644 index 0000000000..c68541f183 --- /dev/null +++ b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-debug.js @@ -0,0 +1,734 @@ +YUI.add('gallery-calendar-jumpnav', function(Y) { + +/** + A Plugin for Y.Calendar that sets up Calendar to work with Y.Calendar.JumpNavView, which + is a View class extension to setup a "click" listener on Calendar's "Month Year" header label + that opens a popup Panel to provide a quick method to jump to a month / year. + + Please see the Calendar.JumpNavView documentation for full details. + + @example + var myCal = new Y.Calendar({ + contentBox: "#mycal", + width: '200px', + showPrevMonth: true, + showNextMonth: true + }); + + // Plugin the View to this Calendar ... available years are 1988 to 2021 + cal.plug( Y.Plugin.Calendar.JumpNav, { + yearStart: 1988, + yearEnd: 2021 + }); + + cal.render(); + + @class Y.Plugin.Calendar.JumpNav + @param config + @constructor + **/ +function CalJumpNav(config) { + CalJumpNav.superclass.constructor.apply(this, arguments); +} + +/** + * The namespace property of this plugin that this can be accessed from via a Calendar instance. + * @property NS + * @description This plugin can be accessed from a Calendar instance as "Calendar.jumpnav" + * @type {String} + */ +CalJumpNav.NS = "jumpnav"; + +/** + * The name property of this plugin + * @property NAME + * @description name for this plugin + * @type {String} + */ +CalJumpNav.NAME = "calendarJumpnavPlugin"; + +CalJumpNav.ATTRS = { + + /** + * @attribute yearStart + * @type Number + * @default 1985 + */ + yearStart:{ + value: 1985, + validator: Y.Lang.isNumber + }, + + /** + * @attribute yearEnd + * @type Number + * @default Current year + */ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + * The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + * that was clicked. + * @attribute offsetXY + * @type Array + * @default [ 30, 10 ] + */ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + +} + + +Y.extend(CalJumpNav, Y.Plugin.Base, { + + _view: null, + + /** + * + * @method initializer + * @param config + */ + initializer: function(config) { + this.afterHostEvent("render", this._afterHostRenderEvent); + return this; + }, + + /** + * Destroys the View that was created and detaches its event listeners + * @method destructor + * @protected + */ + destructor : function() { + if(this._view) { + this._view.destroy(); + } + this._view = null; + }, + + /** + * Connector method that initializes the View and connects it to the Calendar instance + * @method _afterHostRenderEvent + * @private + */ + _afterHostRenderEvent : function() { + if(!this._view) { + var viewCfgs = this.getAttrs(['yearStart','yearEnd','template','offsetXY','closeAfterGo','openEventType']); + viewCfgs.calendar = this.get('host'); + this._view = new Y.Calendar.JumpNavView(viewCfgs); + } + } + +}); + +/** + This class defines a View class extension for Calendar that configures to load on a "click" on the Calendar's "Month Year" + header label to display a popup panel that allows for selecting the month / year without requiring to page thru by month. + The view creates a Panel instance from a standard template (see the property [template](#property_template) for the default) + and handles populating the SELECT dropdown controls for "month" and "year". + + Attributes are provided that include [yearStart](#attr_yearStart) and [yearEnd](#attr_yearEnd) for defining the range to + be used for the "year" dropdown elements, for example. + + #####Usage + The simplest application includes creating a Calendar instance and then creating the View and attaching the calendar to + the view with the [calendar](#attr_calendar) attribute. + + var cal = new Y.Calendar({ + contentBox: "#mycal", + width:'240px', + showPrevMonth: true, + showNextMonth: true + }).render(); + + // This creates a View instance and connects it to the "cal" Calendar instance. + var calJNav = new Y.Calendar.JumpNavView({ + calendar: cal, + yearStart: 1988, + yearEnd: 2021 + }); + + An additional module is provided, the Y.Plugin.Calendar.JumpNav plugin that attaches the Calendar to the view via a plugin method. + + @class Y.Calendar.JumpNavView + @extends Y.View + @version 3.5.0 + **/ +Y.Calendar.JumpNavView = Y.Base.create('caljumpnav', Y.View,[],{ + + /** + * Defines event objects as part of View's event handling, specifically defines actions to + * be taken on "change" events of the month and year SELECT controls. + * @property events + * @type Object + * @static + */ + events: { + 'select.yui3-calendar-navpanel-month' : { change : '_selectMonth' }, + 'select.yui3-calendar-navpanel-year' : { change: '_selectYear' } + }, + + /** + Default setting for the `template` attribute that defines the Panel HTML contents, including + the SELECT options for month and year. + + @example + // Where classPanel is replaced by 'yui3-calendar-jumpnav-panel', + // and classMonth by 'yui3-calendar-jumpnav-month' + // and classYear by 'yui3-calendar-jumpnav-year' +
+
+
+
+
+ @property template
+ @type String HTML Setting for Panel's contents
+ @default See example below
+ @static
+ **/
+ template: '',
+
+ /**
+ * Placeholder for the Y.Panel instance used in this view
+ * @property _panel
+ * @type Y.Panel
+ * @default null
+ * @private
+ */
+ _panel: null,
+
+ /**
+ * Holder for an array of the Listeners created by this view so we can detach them when finished
+ * @property _subscr
+ * @type Array
+ * @default []
+ * @private
+ */
+ _subscr: [],
+
+ /**
+ * Stores the classname to search the Calendar instance for to hook onto the "header-label" element
+ * @property _classCalHead
+ * @type String
+ * @default 'yui3-calendar-header-label'
+ * @private
+ */
+ _classCalHead: 'yui3-calendar-header-label',
+
+ /**
+ * Stores the classname used internally for the Panel srcNode used in this view
+ * @property _classPanel
+ * @type String
+ * @default 'yui3-calendar-jumpnav-panel'
+ * @private
+ */
+ _classPanel: 'yui3-calendar-jumpnav-panel',
+
+
+ /**
+ * Placeholder for the Node instance for this view, set to Panel contentBox
+ * @property _viewNode
+ * @type Node
+ * @default null
+ * @private
+ */
+ _viewNode: null,
+
+ /**
+ * Stores the classname used internally for the Panel's "month" SELECT control
+ * @property _classMonth
+ * @type String
+ * @default 'yui3-calendar-jumpnav-month'
+ * @private
+ */
+ _classMonth: 'yui3-calendar-jumpnav-month',
+
+ /**
+ * Stores the classname used internally for the Panel's "month" SELECT control
+ * @property _classYear
+ * @type String
+ * @default 'yui3-calendar-jumpnav-year'
+ * @private
+ */
+ _classYear: 'yui3-calendar-jumpnav-year',
+
+
+//=========================== LIFECYCLE METHODS ====================================
+
+ /**
+ * Initializer that creates the `container`, the Panel instance and listeners for this view
+ * @method initializer
+ * @return this
+ * @chainable
+ * @protected
+ */
+ initializer: function(){
+
+ //
+ // Read the template and create the container
+ //
+ var tmpl = this.get('template') || this.template;
+
+ tmpl = Y.Lang.sub(tmpl,{
+ classPanel: this._classPanel,
+ classMonth: this._classMonth,
+ classYear: this._classYear
+ });
+
+ //
+ //
+ //
+ var viewnode = Y.Node.create(tmpl);
+ this.set('container',viewnode);
+ this._createPanelView(viewnode);
+
+ // Generate the SELECT OPTIONS for the months control ...
+ this._regenMonths(new Date());
+
+ //
+ // Define listeners on the Calendar "header label" and "dateChange" events to update the UI
+ //
+ if(this.get('calendar')) {
+ var cal = this.get('calendar'),
+ calHead = cal.get('contentBox').one('.'+this._classCalHead);
+
+ this._subscr.push( calHead.on( this.get('openEventType'),this.render,this) );
+ this._subscr.push( cal.on('dateChange',this._onCalendarDateChange,this) );
+ }
+
+ return this;
+ },
+
+ /**
+ * Renders the Panel and resets the SELECT controls "selected" default to the current Calendar data setting
+ * @method render
+ * @chainable
+ * @return this
+ * @protected
+ */
+ render: function(){
+ var pcont = this._panel,
+ cal = this.get('calendar'),
+ cdate = cal.get('date'),
+ pmonth = this._viewNode.one('.'+this._classMonth).get('selectedIndex') || null,
+ pyear = this._viewNode.one('.'+this._classYear).get('selectedIndex') || null;
+ //
+ // Check if the months and years "SELECT" controls need regenerating ...
+ //
+ if( pmonth !== cdate.getMonth() ) {
+ this._setSelectedMonth(cdate);
+ }
+
+ if(!this._yearInSelect(cdate.getFullYear()))
+ this._regenYears(cdate);
+ this._setSelectedYear(cdate);
+
+ // show the panel
+ pcont.show();
+
+ //
+ // Re-position the container
+ //
+ var calcbox = cal.get('contentBox'),
+ xy = calcbox.getXY();
+
+ xy[0] += +(+calcbox.getComputedStyle('width').replace(/px/,'')) + this.get('offsetXY')[0];
+ xy[1] += this.get('offsetXY')[1];
+ pcont.set('xy',xy);
+
+ return this;
+
+ },
+
+ /**
+ * Clears up the created listeners and destroys the Panel
+ * @method destructor
+ * @protected
+ */
+ destructor: function(){
+ Y.Array.each( this._subscr, function(item){
+ item.detach();
+ });
+ this._subscr = null;
+
+ if(this._panel) {
+ this._panel.destroy();
+ this._panel = null;
+ }
+
+ this._viewNode = null;
+ },
+
+
+//=========================== PRIVATE METHODS ====================================
+
+ /**
+ * @method _createPanelView
+ * @param {Node} vnode The Node that was created from `template` that will be used as the container for the Y.Panel creation.
+ * @private
+ */
+ _createPanelView: function(vnode){
+ var oSelf = this;
+
+ //
+ // Create the Panel for the CalNavigator, initially hidden
+ //
+ var npanel = new Y.Panel({
+ srcNode : vnode,
+ model: false,
+ render : true,
+ visible: false,
+ plugins: [Y.Plugin.Drag],
+ buttons: [
+ {
+ value : 'Go',
+ section: Y.WidgetStdMod.FOOTER,
+ action : function (e) {
+ e.preventDefault();
+ oSelf._onGoButton();
+ this.hide();
+ }
+ },
+ {
+ value : 'Cancel',
+ section: Y.WidgetStdMod.FOOTER,
+ action : function (e) {
+ e.preventDefault();
+ this.hide();
+ }
+ }
+ ]
+ });
+
+ this._panel = npanel;
+ this.set('container',npanel);
+
+ this._viewNode = npanel.get('contentBox');
+
+ },
+
+ /**
+ * Sets the currently "selected" OPTION for the month control to the current month
+ * @method _setSelectedMonth
+ * @param {Date} curDate
+ * @private
+ */
+ _setSelectedMonth: function(curDate){
+ var monthNode = this._viewNode.one('.'+this._classMonth);
+ monthNode.set('selectedIndex', curDate.getMonth() );
+ },
+
+ /**
+ * Sets the currently "selected" OPTION for the year control to the current year.
+ *
This method searches the OPTION nodes for "value" set to the year, to get around + * CSS selector issues in some browers. + * @method _setSelectedYear + * @param {Date} curDate + * @private + */ + _setSelectedYear: function(curDate){ + var yearNodes = this._viewNode.one('.'+this._classYear).all('option'); + yearNodes.some(function(yn){ + if(yn.get('value') == curDate.getFullYear() ) { + yn.set('selected',true); + return true; + } + }); + }, + + /** + * Method that regenerates the "month" SELECT control, adding the months and defining the "selected" as the curDate parameter + * @method _regenMonths + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenMonths: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var monthNode = this._viewNode.one('.'+this._classMonth), + msel = monthNode.getDOMNode(), + curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null, + months = ['January','February','March','April','May','June','July','August','September','October','November','December']; + + if(!msel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + msel.options.length = 0; + Y.Array.each(months,function(m,mindx){ + msel.options[msel.options.length] = new Option(m,mindx); + // set "selected" for default + if(curMonth === mindx) msel.options[msel.options.length-1].selected = true; + }); + + }, + + /** + * Method that regenerates the "year" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd` + * and defining the "selected" as the curDate parameter + * @method _regenYears + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenYears: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var yearNode = this._viewNode.one('.'+this._classYear), + ysel = yearNode.getDOMNode(), + curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null, + yearStart= this.get('yearStart'), + yearEnd = this.get('yearEnd'); + + if(!ysel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + ysel.options.length = 0; + for(var y=yearStart; y<= yearEnd; y++) { + ysel.options[ysel.options.length] = new Option(y,y); + // set "selected" for default + if(curYear && curYear === y ) ysel.options[ysel.options.length-1].selected = true; + } + }, + + /** + * Helper method to check if the specified year is an option in the current SELECT control OPTIONS. + * @method _yearInSelect + * @param {Number} year Year to be checked if it is in the current SELECT control + * @return {Boolean} true if year is in SELECt, false if not + * @private + */ + _yearInSelect: function(year){ + var yearNode = this._viewNode.one('.'+this._classYear), + yindex = null; + + yearNode.get('options').some(function(yo,yindx){ + if( +(yo.get('value')) === year) { + yindex = yindx; + return true; + } + }); + return (yindex!==null) ? true : false; + }, + + +//=========================== PRIVATE METHODS : Listeners ============================= + + /** + * Listener on the Calendar's "dateChange" event to update the JumpNavigator if it's visible + * @method _onCalendarDateChange + * @param {EventTarget} e + * @private + */ + _onCalendarDateChange: function(e) { + var newDate = e.newVal; + if(this._panel && this._panel.get('visible')){ + this._setSelectedMonth(newDate); + if(!this._yearInSelect(newDate.getFullYear())) + this._regenYears(newDate); + this._setSelectedYear(newDate); + } + }, + + /** + * Listener on the Panel's "Go" button, resets the Calendar to the Month/Year and first day, + * and optionally closes the Panel if `closeAfterGo` is true. + * @method _onGoButton + * @private + */ + _onGoButton: function(){ + var monthIndex = this.get('container').one('.'+this._classMonth).get('value'), + yearValue = this.get('container').one('.'+this._classYear).get('value'); + this.get('calendar').set('date', new Date(yearValue,monthIndex,1) ); + + if(this.get('closeAfterGo')) + if(this._panel) + this._panel.hide(); + else + this._viewNode.hide(); + }, + + /** + * "change" Listener on the SELECT control for the JumpNavigator's month control + * @method _selectMonth + * @param e + * @private + */ + _selectMonth: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + month = +sopt.get('value'); + + this.set('month', month); + this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')}); + + }, + /** + * @event monthSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the selected month + * @param {String} return.text Text from selected OPTION, which is the month name + */ + + /** + * "change" Listener on the SELECT control for the JumpNavigator's year control + * @method _selectYear + * @param e + * @private + */ + _selectYear: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + year = +sopt.get('value'); + + this.set('year', year); + this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')}); + } + + /** + * @event yearSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the Selected year + * @param {String} return.text Text from selected OPTION, which is the selected year + */ + +},{ + ATTRS:{ + + /** + * Specifies the Calendar instance that this view will be attached to for header label clicks and + * for updates to the `date` attribute. + + * @attribute calendar + * @type Y.Calendar + * @default null + */ + calendar:{ + value: null, + validator: function(v) { return v instanceof Y.Calendar; } + }, + + /** + Defines the HTML content that is used to setup the Y.Panel instance that is created by this View. + See the property [template](#property_template) for the default setting. + + @attribute template + @type String + @default this.template + **/ + template:{ + valueFn: function(){ return this.template; }, + validator: Y.Lang.isString + }, + + /** + Sets the beginning year that will be used to setup the "year" SELECT dropdown control, defaults to + a favorite year of the author's. + @attribute yearStart + @type Number + @default 1985 + **/ + yearStart:{ + value: 1992, + validator: Y.Lang.isNumber + }, + + /** + Sets the last year that should be setup within the "year" SELECT dropdown control, defaults the + the current year. + @attribute yearEnd + @type Number + @default Current year + **/ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + that was clicked. + @attribute offsetXY + @type Array + @default [ 30, 10 ] + **/ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + + } +}); + +Y.namespace("Plugin.Calendar").JumpNav = CalJumpNav; + + +}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false}); diff --git a/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-min.js b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-min.js new file mode 100644 index 0000000000..0ada608530 --- /dev/null +++ b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav-min.js @@ -0,0 +1 @@ +YUI.add("gallery-calendar-jumpnav",function(b){function a(c){a.superclass.constructor.apply(this,arguments);}a.NS="jumpnav";a.NAME="calendarJumpnavPlugin";a.ATTRS={yearStart:{value:1985,validator:b.Lang.isNumber},yearEnd:{value:new Date().getFullYear(),validator:b.Lang.isNumber},offsetXY:{value:[30,10],validator:b.Lang.isArray},openEventType:{value:"click",validator:b.Lang.isString},closeAfterGo:{value:true,validator:b.Lang.isBoolean}};b.extend(a,b.Plugin.Base,{_view:null,initializer:function(c){this.afterHostEvent("render",this._afterHostRenderEvent);return this;},destructor:function(){if(this._view){this._view.destroy();}this._view=null;},_afterHostRenderEvent:function(){if(!this._view){var c=this.getAttrs(["yearStart","yearEnd","template","offsetXY","closeAfterGo","openEventType"]);c.calendar=this.get("host");this._view=new b.Calendar.JumpNavView(c);}}});b.Calendar.JumpNavView=b.Base.create("caljumpnav",b.View,[],{events:{"select.yui3-calendar-navpanel-month":{change:"_selectMonth"},"select.yui3-calendar-navpanel-year":{change:"_selectYear"}},template:'
",_panel:null,_subscr:[],_classCalHead:"yui3-calendar-header-label",_classPanel:"yui3-calendar-jumpnav-panel",_viewNode:null,_classMonth:"yui3-calendar-jumpnav-month",_classYear:"yui3-calendar-jumpnav-year",initializer:function(){var c=this.get("template")||this.template;c=b.Lang.sub(c,{classPanel:this._classPanel,classMonth:this._classMonth,classYear:this._classYear});var d=b.Node.create(c);this.set("container",d);this._createPanelView(d);this._regenMonths(new Date());if(this.get("calendar")){var e=this.get("calendar"),f=e.get("contentBox").one("."+this._classCalHead);this._subscr.push(f.on(this.get("openEventType"),this.render,this));this._subscr.push(e.on("dateChange",this._onCalendarDateChange,this));}return this;},render:function(){var c=this._panel,i=this.get("calendar"),e=i.get("date"),h=this._viewNode.one("."+this._classMonth).get("selectedIndex")||null,f=this._viewNode.one("."+this._classYear).get("selectedIndex")||null;if(h!==e.getMonth()){this._setSelectedMonth(e);}if(!this._yearInSelect(e.getFullYear())){this._regenYears(e);}this._setSelectedYear(e);c.show();var d=i.get("contentBox"),g=d.getXY();g[0]+=+(+d.getComputedStyle("width").replace(/px/,""))+this.get("offsetXY")[0];g[1]+=this.get("offsetXY")[1];c.set("xy",g);return this;},destructor:function(){b.Array.each(this._subscr,function(c){c.detach();});this._subscr=null;if(this._panel){this._panel.destroy();this._panel=null;}this._viewNode=null;},_createPanelView:function(e){var d=this;var c=new b.Panel({srcNode:e,model:false,render:true,visible:false,plugins:[b.Plugin.Drag],buttons:[{value:"Go",section:b.WidgetStdMod.FOOTER,action:function(f){f.preventDefault();d._onGoButton();this.hide();}},{value:"Cancel",section:b.WidgetStdMod.FOOTER,action:function(f){f.preventDefault();this.hide();}}]});this._panel=c;this.set("container",c);this._viewNode=c.get("contentBox");},_setSelectedMonth:function(c){var d=this._viewNode.one("."+this._classMonth);d.set("selectedIndex",c.getMonth());},_setSelectedYear:function(c){var d=this._viewNode.one("."+this._classYear).all("option");d.some(function(e){if(e.get("value")==c.getFullYear()){e.set("selected",true);return true;}});},_regenMonths:function(d){d=d||this.get("calendar").get("date");var e=this._viewNode.one("."+this._classMonth),g=e.getDOMNode(),f=(d&&d.getMonth)?d.getMonth():null,c=["January","February","March","April","May","June","July","August","September","October","November","December"];if(!g){return;}g.options.length=0;b.Array.each(c,function(i,h){g.options[g.options.length]=new Option(i,h);if(f===h){g.options[g.options.length-1].selected=true;}});},_regenYears:function(d){d=d||this.get("calendar").get("date");var h=this._viewNode.one("."+this._classYear),g=h.getDOMNode(),e=(d&&d.getFullYear)?d.getFullYear():null,c=this.get("yearStart"),f=this.get("yearEnd");if(!g){return;}g.options.length=0;for(var i=c;i<=f;i++){g.options[g.options.length]=new Option(i,i);if(e&&e===i){g.options[g.options.length-1].selected=true;}}},_yearInSelect:function(d){var e=this._viewNode.one("."+this._classYear),c=null;e.get("options").some(function(g,f){if(+(g.get("value"))===d){c=f;return true;}});return(c!==null)?true:false;},_onCalendarDateChange:function(d){var c=d.newVal;if(this._panel&&this._panel.get("visible")){this._setSelectedMonth(c);if(!this._yearInSelect(c.getFullYear())){this._regenYears(c);}this._setSelectedYear(c);}},_onGoButton:function(){var c=this.get("container").one("."+this._classMonth).get("value"),d=this.get("container").one("."+this._classYear).get("value");this.get("calendar").set("date",new Date(d,c,1));if(this.get("closeAfterGo")){if(this._panel){this._panel.hide();}else{this._viewNode.hide();}}},_selectMonth:function(h){var d=h.target,f=d.get("options"),i=+d.get("selectedIndex"),c=f.item(i),g=+c.get("value");this.set("month",g);this.fire("monthSelected",{evt:h,value:c.get("value"),text:c.get("text")});},_selectYear:function(h){var d=h.target,g=d.get("options"),i=+d.get("selectedIndex"),c=g.item(i),f=+c.get("value");this.set("year",f);this.fire("yearSelected",{evt:h,value:f,text:c.get("text")});}},{ATTRS:{calendar:{value:null,validator:function(c){return c instanceof b.Calendar;}},template:{valueFn:function(){return this.template;},validator:b.Lang.isString},yearStart:{value:1992,validator:b.Lang.isNumber},yearEnd:{value:new Date().getFullYear(),validator:b.Lang.isNumber},offsetXY:{value:[30,10],validator:b.Lang.isArray},openEventType:{value:"click",validator:b.Lang.isString},closeAfterGo:{value:true,validator:b.Lang.isBoolean}}});b.namespace("Plugin.Calendar").JumpNav=a;},"gallery-2012.09.26-20-36",{requires:["plugin","base-build","view","panel","calendar"],skinnable:false});
diff --git a/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js
new file mode 100644
index 0000000000..c68541f183
--- /dev/null
+++ b/build/gallery-calendar-jumpnav/gallery-calendar-jumpnav.js
@@ -0,0 +1,734 @@
+YUI.add('gallery-calendar-jumpnav', function(Y) {
+
+/**
+ A Plugin for Y.Calendar that sets up Calendar to work with Y.Calendar.JumpNavView, which
+ is a View class extension to setup a "click" listener on Calendar's "Month Year" header label
+ that opens a popup Panel to provide a quick method to jump to a month / year.
+
+ Please see the Calendar.JumpNavView documentation for full details.
+
+ @example
+ var myCal = new Y.Calendar({
+ contentBox: "#mycal",
+ width: '200px',
+ showPrevMonth: true,
+ showNextMonth: true
+ });
+
+ // Plugin the View to this Calendar ... available years are 1988 to 2021
+ cal.plug( Y.Plugin.Calendar.JumpNav, {
+ yearStart: 1988,
+ yearEnd: 2021
+ });
+
+ cal.render();
+
+ @class Y.Plugin.Calendar.JumpNav
+ @param config
+ @constructor
+ **/
+function CalJumpNav(config) {
+ CalJumpNav.superclass.constructor.apply(this, arguments);
+}
+
+/**
+ * The namespace property of this plugin that this can be accessed from via a Calendar instance.
+ * @property NS
+ * @description This plugin can be accessed from a Calendar instance as "Calendar.jumpnav"
+ * @type {String}
+ */
+CalJumpNav.NS = "jumpnav";
+
+/**
+ * The name property of this plugin
+ * @property NAME
+ * @description name for this plugin
+ * @type {String}
+ */
+CalJumpNav.NAME = "calendarJumpnavPlugin";
+
+CalJumpNav.ATTRS = {
+
+ /**
+ * @attribute yearStart
+ * @type Number
+ * @default 1985
+ */
+ yearStart:{
+ value: 1985,
+ validator: Y.Lang.isNumber
+ },
+
+ /**
+ * @attribute yearEnd
+ * @type Number
+ * @default Current year
+ */
+ yearEnd:{
+ value: new Date().getFullYear(),
+ validator: Y.Lang.isNumber
+ },
+
+ /**
+ * The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label"
+ * that was clicked.
+ * @attribute offsetXY
+ * @type Array
+ * @default [ 30, 10 ]
+ */
+ offsetXY:{
+ value: [ 30, 10 ],
+ validator: Y.Lang.isArray
+ },
+
+ /**
+ Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel.
+ Sensible values are "click" or "dblclick".
+ @attribute openEventType
+ @type String
+ @default 'click'
+ **/
+ openEventType:{
+ value: 'click',
+ validator: Y.Lang.isString
+ },
+
+
+ /**
+ This flag sets whether the Panel instance should be hidden after the "Go" button is pressed
+ @attribute closeAfterGo
+ @type Boolean
+ @default true
+ **/
+ closeAfterGo:{
+ value: true,
+ validator: Y.Lang.isBoolean
+ }
+
+}
+
+
+Y.extend(CalJumpNav, Y.Plugin.Base, {
+
+ _view: null,
+
+ /**
+ *
+ * @method initializer
+ * @param config
+ */
+ initializer: function(config) {
+ this.afterHostEvent("render", this._afterHostRenderEvent);
+ return this;
+ },
+
+ /**
+ * Destroys the View that was created and detaches its event listeners
+ * @method destructor
+ * @protected
+ */
+ destructor : function() {
+ if(this._view) {
+ this._view.destroy();
+ }
+ this._view = null;
+ },
+
+ /**
+ * Connector method that initializes the View and connects it to the Calendar instance
+ * @method _afterHostRenderEvent
+ * @private
+ */
+ _afterHostRenderEvent : function() {
+ if(!this._view) {
+ var viewCfgs = this.getAttrs(['yearStart','yearEnd','template','offsetXY','closeAfterGo','openEventType']);
+ viewCfgs.calendar = this.get('host');
+ this._view = new Y.Calendar.JumpNavView(viewCfgs);
+ }
+ }
+
+});
+
+/**
+ This class defines a View class extension for Calendar that configures to load on a "click" on the Calendar's "Month Year"
+ header label to display a popup panel that allows for selecting the month / year without requiring to page thru by month.
+ The view creates a Panel instance from a standard template (see the property [template](#property_template) for the default)
+ and handles populating the SELECT dropdown controls for "month" and "year".
+
+ Attributes are provided that include [yearStart](#attr_yearStart) and [yearEnd](#attr_yearEnd) for defining the range to
+ be used for the "year" dropdown elements, for example.
+
+ #####Usage
+ The simplest application includes creating a Calendar instance and then creating the View and attaching the calendar to
+ the view with the [calendar](#attr_calendar) attribute.
+
+ var cal = new Y.Calendar({
+ contentBox: "#mycal",
+ width:'240px',
+ showPrevMonth: true,
+ showNextMonth: true
+ }).render();
+
+ // This creates a View instance and connects it to the "cal" Calendar instance.
+ var calJNav = new Y.Calendar.JumpNavView({
+ calendar: cal,
+ yearStart: 1988,
+ yearEnd: 2021
+ });
+
+ An additional module is provided, the Y.Plugin.Calendar.JumpNav plugin that attaches the Calendar to the view via a plugin method.
+
+ @class Y.Calendar.JumpNavView
+ @extends Y.View
+ @version 3.5.0
+ **/
+Y.Calendar.JumpNavView = Y.Base.create('caljumpnav', Y.View,[],{
+
+ /**
+ * Defines event objects as part of View's event handling, specifically defines actions to
+ * be taken on "change" events of the month and year SELECT controls.
+ * @property events
+ * @type Object
+ * @static
+ */
+ events: {
+ 'select.yui3-calendar-navpanel-month' : { change : '_selectMonth' },
+ 'select.yui3-calendar-navpanel-year' : { change: '_selectYear' }
+ },
+
+ /**
+ Default setting for the `template` attribute that defines the Panel HTML contents, including
+ the SELECT options for month and year.
+
+ @example
+ // Where classPanel is replaced by 'yui3-calendar-jumpnav-panel',
+ // and classMonth by 'yui3-calendar-jumpnav-month'
+ // and classYear by 'yui3-calendar-jumpnav-year'
+
+
+
+
+
+ @property template
+ @type String HTML Setting for Panel's contents
+ @default See example below
+ @static
+ **/
+ template: '',
+
+ /**
+ * Placeholder for the Y.Panel instance used in this view
+ * @property _panel
+ * @type Y.Panel
+ * @default null
+ * @private
+ */
+ _panel: null,
+
+ /**
+ * Holder for an array of the Listeners created by this view so we can detach them when finished
+ * @property _subscr
+ * @type Array
+ * @default []
+ * @private
+ */
+ _subscr: [],
+
+ /**
+ * Stores the classname to search the Calendar instance for to hook onto the "header-label" element
+ * @property _classCalHead
+ * @type String
+ * @default 'yui3-calendar-header-label'
+ * @private
+ */
+ _classCalHead: 'yui3-calendar-header-label',
+
+ /**
+ * Stores the classname used internally for the Panel srcNode used in this view
+ * @property _classPanel
+ * @type String
+ * @default 'yui3-calendar-jumpnav-panel'
+ * @private
+ */
+ _classPanel: 'yui3-calendar-jumpnav-panel',
+
+
+ /**
+ * Placeholder for the Node instance for this view, set to Panel contentBox
+ * @property _viewNode
+ * @type Node
+ * @default null
+ * @private
+ */
+ _viewNode: null,
+
+ /**
+ * Stores the classname used internally for the Panel's "month" SELECT control
+ * @property _classMonth
+ * @type String
+ * @default 'yui3-calendar-jumpnav-month'
+ * @private
+ */
+ _classMonth: 'yui3-calendar-jumpnav-month',
+
+ /**
+ * Stores the classname used internally for the Panel's "month" SELECT control
+ * @property _classYear
+ * @type String
+ * @default 'yui3-calendar-jumpnav-year'
+ * @private
+ */
+ _classYear: 'yui3-calendar-jumpnav-year',
+
+
+//=========================== LIFECYCLE METHODS ====================================
+
+ /**
+ * Initializer that creates the `container`, the Panel instance and listeners for this view
+ * @method initializer
+ * @return this
+ * @chainable
+ * @protected
+ */
+ initializer: function(){
+
+ //
+ // Read the template and create the container
+ //
+ var tmpl = this.get('template') || this.template;
+
+ tmpl = Y.Lang.sub(tmpl,{
+ classPanel: this._classPanel,
+ classMonth: this._classMonth,
+ classYear: this._classYear
+ });
+
+ //
+ //
+ //
+ var viewnode = Y.Node.create(tmpl);
+ this.set('container',viewnode);
+ this._createPanelView(viewnode);
+
+ // Generate the SELECT OPTIONS for the months control ...
+ this._regenMonths(new Date());
+
+ //
+ // Define listeners on the Calendar "header label" and "dateChange" events to update the UI
+ //
+ if(this.get('calendar')) {
+ var cal = this.get('calendar'),
+ calHead = cal.get('contentBox').one('.'+this._classCalHead);
+
+ this._subscr.push( calHead.on( this.get('openEventType'),this.render,this) );
+ this._subscr.push( cal.on('dateChange',this._onCalendarDateChange,this) );
+ }
+
+ return this;
+ },
+
+ /**
+ * Renders the Panel and resets the SELECT controls "selected" default to the current Calendar data setting
+ * @method render
+ * @chainable
+ * @return this
+ * @protected
+ */
+ render: function(){
+ var pcont = this._panel,
+ cal = this.get('calendar'),
+ cdate = cal.get('date'),
+ pmonth = this._viewNode.one('.'+this._classMonth).get('selectedIndex') || null,
+ pyear = this._viewNode.one('.'+this._classYear).get('selectedIndex') || null;
+ //
+ // Check if the months and years "SELECT" controls need regenerating ...
+ //
+ if( pmonth !== cdate.getMonth() ) {
+ this._setSelectedMonth(cdate);
+ }
+
+ if(!this._yearInSelect(cdate.getFullYear()))
+ this._regenYears(cdate);
+ this._setSelectedYear(cdate);
+
+ // show the panel
+ pcont.show();
+
+ //
+ // Re-position the container
+ //
+ var calcbox = cal.get('contentBox'),
+ xy = calcbox.getXY();
+
+ xy[0] += +(+calcbox.getComputedStyle('width').replace(/px/,'')) + this.get('offsetXY')[0];
+ xy[1] += this.get('offsetXY')[1];
+ pcont.set('xy',xy);
+
+ return this;
+
+ },
+
+ /**
+ * Clears up the created listeners and destroys the Panel
+ * @method destructor
+ * @protected
+ */
+ destructor: function(){
+ Y.Array.each( this._subscr, function(item){
+ item.detach();
+ });
+ this._subscr = null;
+
+ if(this._panel) {
+ this._panel.destroy();
+ this._panel = null;
+ }
+
+ this._viewNode = null;
+ },
+
+
+//=========================== PRIVATE METHODS ====================================
+
+ /**
+ * @method _createPanelView
+ * @param {Node} vnode The Node that was created from `template` that will be used as the container for the Y.Panel creation.
+ * @private
+ */
+ _createPanelView: function(vnode){
+ var oSelf = this;
+
+ //
+ // Create the Panel for the CalNavigator, initially hidden
+ //
+ var npanel = new Y.Panel({
+ srcNode : vnode,
+ model: false,
+ render : true,
+ visible: false,
+ plugins: [Y.Plugin.Drag],
+ buttons: [
+ {
+ value : 'Go',
+ section: Y.WidgetStdMod.FOOTER,
+ action : function (e) {
+ e.preventDefault();
+ oSelf._onGoButton();
+ this.hide();
+ }
+ },
+ {
+ value : 'Cancel',
+ section: Y.WidgetStdMod.FOOTER,
+ action : function (e) {
+ e.preventDefault();
+ this.hide();
+ }
+ }
+ ]
+ });
+
+ this._panel = npanel;
+ this.set('container',npanel);
+
+ this._viewNode = npanel.get('contentBox');
+
+ },
+
+ /**
+ * Sets the currently "selected" OPTION for the month control to the current month
+ * @method _setSelectedMonth
+ * @param {Date} curDate
+ * @private
+ */
+ _setSelectedMonth: function(curDate){
+ var monthNode = this._viewNode.one('.'+this._classMonth);
+ monthNode.set('selectedIndex', curDate.getMonth() );
+ },
+
+ /**
+ * Sets the currently "selected" OPTION for the year control to the current year.
+ *
This method searches the OPTION nodes for "value" set to the year, to get around + * CSS selector issues in some browers. + * @method _setSelectedYear + * @param {Date} curDate + * @private + */ + _setSelectedYear: function(curDate){ + var yearNodes = this._viewNode.one('.'+this._classYear).all('option'); + yearNodes.some(function(yn){ + if(yn.get('value') == curDate.getFullYear() ) { + yn.set('selected',true); + return true; + } + }); + }, + + /** + * Method that regenerates the "month" SELECT control, adding the months and defining the "selected" as the curDate parameter + * @method _regenMonths + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenMonths: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var monthNode = this._viewNode.one('.'+this._classMonth), + msel = monthNode.getDOMNode(), + curMonth = (curDate && curDate.getMonth) ? curDate.getMonth() : null, + months = ['January','February','March','April','May','June','July','August','September','October','November','December']; + + if(!msel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + msel.options.length = 0; + Y.Array.each(months,function(m,mindx){ + msel.options[msel.options.length] = new Option(m,mindx); + // set "selected" for default + if(curMonth === mindx) msel.options[msel.options.length-1].selected = true; + }); + + }, + + /** + * Method that regenerates the "year" SELECT control, adding the months defined by attributes `yearStart` to `yearEnd` + * and defining the "selected" as the curDate parameter + * @method _regenYears + * @param {Date} curDate Current date to set as "selected" + * @private + */ + _regenYears: function(curDate){ + curDate = curDate || this.get('calendar').get('date'); + var yearNode = this._viewNode.one('.'+this._classYear), + ysel = yearNode.getDOMNode(), + curYear = ( curDate && curDate.getFullYear ) ? curDate.getFullYear() : null, + yearStart= this.get('yearStart'), + yearEnd = this.get('yearEnd'); + + if(!ysel) return; + + // + // Update the SELECT, OPTIONS ... easier and better cross-browser to do via DOMNodes + // + ysel.options.length = 0; + for(var y=yearStart; y<= yearEnd; y++) { + ysel.options[ysel.options.length] = new Option(y,y); + // set "selected" for default + if(curYear && curYear === y ) ysel.options[ysel.options.length-1].selected = true; + } + }, + + /** + * Helper method to check if the specified year is an option in the current SELECT control OPTIONS. + * @method _yearInSelect + * @param {Number} year Year to be checked if it is in the current SELECT control + * @return {Boolean} true if year is in SELECt, false if not + * @private + */ + _yearInSelect: function(year){ + var yearNode = this._viewNode.one('.'+this._classYear), + yindex = null; + + yearNode.get('options').some(function(yo,yindx){ + if( +(yo.get('value')) === year) { + yindex = yindx; + return true; + } + }); + return (yindex!==null) ? true : false; + }, + + +//=========================== PRIVATE METHODS : Listeners ============================= + + /** + * Listener on the Calendar's "dateChange" event to update the JumpNavigator if it's visible + * @method _onCalendarDateChange + * @param {EventTarget} e + * @private + */ + _onCalendarDateChange: function(e) { + var newDate = e.newVal; + if(this._panel && this._panel.get('visible')){ + this._setSelectedMonth(newDate); + if(!this._yearInSelect(newDate.getFullYear())) + this._regenYears(newDate); + this._setSelectedYear(newDate); + } + }, + + /** + * Listener on the Panel's "Go" button, resets the Calendar to the Month/Year and first day, + * and optionally closes the Panel if `closeAfterGo` is true. + * @method _onGoButton + * @private + */ + _onGoButton: function(){ + var monthIndex = this.get('container').one('.'+this._classMonth).get('value'), + yearValue = this.get('container').one('.'+this._classYear).get('value'); + this.get('calendar').set('date', new Date(yearValue,monthIndex,1) ); + + if(this.get('closeAfterGo')) + if(this._panel) + this._panel.hide(); + else + this._viewNode.hide(); + }, + + /** + * "change" Listener on the SELECT control for the JumpNavigator's month control + * @method _selectMonth + * @param e + * @private + */ + _selectMonth: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + month = +sopt.get('value'); + + this.set('month', month); + this.fire('monthSelected',{evt:e, value:sopt.get('value'), text:sopt.get('text')}); + + }, + /** + * @event monthSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the selected month + * @param {String} return.text Text from selected OPTION, which is the month name + */ + + /** + * "change" Listener on the SELECT control for the JumpNavigator's year control + * @method _selectYear + * @param e + * @private + */ + _selectYear: function(e){ + var tar = e.target, // SELECT node + opts = tar.get('options'), + sndx = +tar.get('selectedIndex'), + sopt = opts.item(sndx), + year = +sopt.get('value'); + + this.set('year', year); + this.fire('yearSelected',{evt:e, value:year, text:sopt.get('text')}); + } + + /** + * @event yearSelected + * @param {Object} return + * @param {EventTarget} return.evt Eventtarget for the SELECT "change" event + * @param {Number} return.value Value part of the selected OPTION, which is the Selected year + * @param {String} return.text Text from selected OPTION, which is the selected year + */ + +},{ + ATTRS:{ + + /** + * Specifies the Calendar instance that this view will be attached to for header label clicks and + * for updates to the `date` attribute. + + * @attribute calendar + * @type Y.Calendar + * @default null + */ + calendar:{ + value: null, + validator: function(v) { return v instanceof Y.Calendar; } + }, + + /** + Defines the HTML content that is used to setup the Y.Panel instance that is created by this View. + See the property [template](#property_template) for the default setting. + + @attribute template + @type String + @default this.template + **/ + template:{ + valueFn: function(){ return this.template; }, + validator: Y.Lang.isString + }, + + /** + Sets the beginning year that will be used to setup the "year" SELECT dropdown control, defaults to + a favorite year of the author's. + @attribute yearStart + @type Number + @default 1985 + **/ + yearStart:{ + value: 1992, + validator: Y.Lang.isNumber + }, + + /** + Sets the last year that should be setup within the "year" SELECT dropdown control, defaults the + the current year. + @attribute yearEnd + @type Number + @default Current year + **/ + yearEnd:{ + value: new Date().getFullYear(), + validator: Y.Lang.isNumber + }, + + /** + The x,y offset (horiz, vert) that should be used to offset the popup Panel from the original Calendar "header label" + that was clicked. + @attribute offsetXY + @type Array + @default [ 30, 10 ] + **/ + offsetXY:{ + value: [ 30, 10 ], + validator: Y.Lang.isArray + }, + + + /** + Sets the Event "type" that is used in the Calendar "header label" listener to open the popup Panel. + Sensible values are "click" or "dblclick". + @attribute openEventType + @type String + @default 'click' + **/ + openEventType:{ + value: 'click', + validator: Y.Lang.isString + }, + + /** + This flag sets whether the Panel instance should be hidden after the "Go" button is pressed + @attribute closeAfterGo + @type Boolean + @default true + **/ + closeAfterGo:{ + value: true, + validator: Y.Lang.isBoolean + } + + } +}); + +Y.namespace("Plugin.Calendar").JumpNav = CalJumpNav; + + +}, 'gallery-2012.09.26-20-36' ,{requires:['plugin', 'base-build', 'view', 'panel', 'calendar'], skinnable:false}); diff --git a/build/gallery-canvas/gallery-canvas-debug.js b/build/gallery-canvas/gallery-canvas-debug.js index 42748b5ce7..124191ca4c 100644 --- a/build/gallery-canvas/gallery-canvas-debug.js +++ b/build/gallery-canvas/gallery-canvas-debug.js @@ -2,6 +2,10 @@ YUI.add('gallery-canvas', function(Y) { "use strict"; +/** + * @module gallery-canvas + */ + function mirror(r, s, name) { r[name] = function() @@ -15,18 +19,14 @@ function mirror(r, s, name) * the native 2d context, plus some extras, documented below. Just like * Y.Node, use get() and set() to modify attributes. * - * @module gallery-canvas - * @class Y.Canvas.Context2d + * @main gallery-canvas + * @class Context2d + * @namespace Canvas * @constructor * @param node {Y.Node} the canvas element - * @param config {Object} configuration - *
-
- *
- pixelAlign
- - *
- Optional. Default: true. Pass true to get thinner, cleaner strokes. - * Pass false to get the default rendering. - *
-
- *
- pixelAlign
- - *
- Optional. Default: true. Pass true to get thinner, cleaner strokes. - * Pass false to get the default rendering. - *
'+"
",DEF_NAV_ITEM_TEMPLATE:'- {nav_items}
'+"
",DEF_NAV_ITEM_TEMPLATE:'- {nav_items}
Array.splice(). Operates on the
* list of managed checkboxes.
*
+ * @method splice
* @param start {Int} Insertion index
* @param delete_count {Int} Number of items to remove, starting from start
* @param cb_list {String|Node|NodeList} The list of checkboxes to insert at start
@@ -78,7 +81,7 @@ CheckboxGroup.prototype =
},
this);
}
- else if (cb_list instanceof Y.Node)
+ else if (cb_list && cb_list._node)
{
this.cb_list.splice(start, delete_count, cb_list);
this.ev_list.splice(start, delete_count, cb_list.on('click', checkboxChanged, this));
@@ -90,6 +93,13 @@ CheckboxGroup.prototype =
}
},
+ /**
+ * Call this if you modify the checkbox programmatically, since that
+ * will not fire a click event.
+ *
+ * @method checkboxChanged
+ * @param cb {Node|String} checkbox that was modified
+ */
checkboxChanged: function(
/* checkbox */ cb)
{
@@ -113,6 +123,7 @@ CheckboxGroup.prototype =
/**
* Derived classes must override this function to implement the desired behavior.
*
+ * @method enforceConstraints
* @param cb_list {String|Object|Array} The list of checkboxes
* @param index {Int} The index of the checkbox that changed
*/
@@ -123,6 +134,7 @@ CheckboxGroup.prototype =
},
/**
+ * @method allChecked
* @return {boolean} true if all checkboxes are checked
*/
allChecked: function()
@@ -141,6 +153,7 @@ CheckboxGroup.prototype =
},
/**
+ * @method allUnchecked
* @return {boolean} true if all checkboxes are unchecked
*/
allUnchecked: function()
@@ -158,6 +171,7 @@ CheckboxGroup.prototype =
},
/**
+ * @method allDisabled
* @return {boolean} true if all checkboxes are disabled
*/
allDisabled: function()
@@ -176,6 +190,10 @@ CheckboxGroup.prototype =
};
Y.CheckboxGroup = CheckboxGroup;
+/**
+ * @module gallery-checkboxgroups
+ */
+
/**********************************************************************
* At least one checkbox must be selected. If the last one is turned off,
* the active, adjacent one is turned on. The exact algorithm is explained
@@ -238,6 +256,11 @@ function getNextActiveIndex(
Y.extend(AtLeastOneCheckboxGroup, CheckboxGroup,
{
+ /**
+ * @method enforceConstraints
+ * @param cb_list {String|Object|Array} The list of checkboxes
+ * @param index {Int} The index of the checkbox that changed
+ */
enforceConstraints: function(
/* NodeList */ cb_list,
/* int */ index)
@@ -265,6 +288,10 @@ Y.extend(AtLeastOneCheckboxGroup, CheckboxGroup,
});
Y.AtLeastOneCheckboxGroup = AtLeastOneCheckboxGroup;
+/**
+ * @module gallery-checkboxgroups
+ */
+
/**********************************************************************
* At most one checkbox can be selected. If one is turned on, the active
* one is turned off.
@@ -283,6 +310,11 @@ function AtMostOneCheckboxGroup(
Y.extend(AtMostOneCheckboxGroup, CheckboxGroup,
{
+ /**
+ * @method enforceConstraints
+ * @param cb_list {String|Object|Array} The list of checkboxes
+ * @param index {Int} The index of the checkbox that changed
+ */
enforceConstraints: function(
/* NodeList */ cb_list,
/* int */ index)
@@ -304,6 +336,10 @@ Y.extend(AtMostOneCheckboxGroup, CheckboxGroup,
});
Y.AtMostOneCheckboxGroup = AtMostOneCheckboxGroup;
+/**
+ * @module gallery-checkboxgroups
+ */
+
/**********************************************************************
* All checkboxes can be selected and a select-all checkbox is available
* to check all. This check-all box is automatically changed if any other
@@ -321,32 +357,52 @@ function SelectAllCheckboxGroup(
/* string/Node/NodeList */ cb_list)
{
this.select_all_cb = Y.one(select_all_cb);
- this.select_all_cb.on('click', this.toggleSelectAll, this);
+ this.select_all_cb.on('click', updateSelectAll, this);
SelectAllCheckboxGroup.superclass.constructor.call(this, cb_list);
}
+function updateSelectAll()
+{
+ var checked = this.select_all_cb.get('checked');
+ var count = this.cb_list.size();
+ for (var i=0; istart
* @param cb_list {String|Node|NodeList} The list of checkboxes to insert at start
@@ -78,7 +81,7 @@ CheckboxGroup.prototype =
},
this);
}
- else if (cb_list instanceof Y.Node)
+ else if (cb_list && cb_list._node)
{
this.cb_list.splice(start, delete_count, cb_list);
this.ev_list.splice(start, delete_count, cb_list.on('click', checkboxChanged, this));
@@ -90,6 +93,13 @@ CheckboxGroup.prototype =
}
},
+ /**
+ * Call this if you modify the checkbox programmatically, since that
+ * will not fire a click event.
+ *
+ * @method checkboxChanged
+ * @param cb {Node|String} checkbox that was modified
+ */
checkboxChanged: function(
/* checkbox */ cb)
{
@@ -113,6 +123,7 @@ CheckboxGroup.prototype =
/**
* Derived classes must override this function to implement the desired behavior.
*
+ * @method enforceConstraints
* @param cb_list {String|Object|Array} The list of checkboxes
* @param index {Int} The index of the checkbox that changed
*/
@@ -123,6 +134,7 @@ CheckboxGroup.prototype =
},
/**
+ * @method allChecked
* @return {boolean} true if all checkboxes are checked
*/
allChecked: function()
@@ -141,6 +153,7 @@ CheckboxGroup.prototype =
},
/**
+ * @method allUnchecked
* @return {boolean} true if all checkboxes are unchecked
*/
allUnchecked: function()
@@ -158,6 +171,7 @@ CheckboxGroup.prototype =
},
/**
+ * @method allDisabled
* @return {boolean} true if all checkboxes are disabled
*/
allDisabled: function()
@@ -176,6 +190,10 @@ CheckboxGroup.prototype =
};
Y.CheckboxGroup = CheckboxGroup;
+/**
+ * @module gallery-checkboxgroups
+ */
+
/**********************************************************************
* At least one checkbox must be selected. If the last one is turned off,
* the active, adjacent one is turned on. The exact algorithm is explained
@@ -238,6 +256,11 @@ function getNextActiveIndex(
Y.extend(AtLeastOneCheckboxGroup, CheckboxGroup,
{
+ /**
+ * @method enforceConstraints
+ * @param cb_list {String|Object|Array} The list of checkboxes
+ * @param index {Int} The index of the checkbox that changed
+ */
enforceConstraints: function(
/* NodeList */ cb_list,
/* int */ index)
@@ -265,6 +288,10 @@ Y.extend(AtLeastOneCheckboxGroup, CheckboxGroup,
});
Y.AtLeastOneCheckboxGroup = AtLeastOneCheckboxGroup;
+/**
+ * @module gallery-checkboxgroups
+ */
+
/**********************************************************************
* At most one checkbox can be selected. If one is turned on, the active
* one is turned off.
@@ -283,6 +310,11 @@ function AtMostOneCheckboxGroup(
Y.extend(AtMostOneCheckboxGroup, CheckboxGroup,
{
+ /**
+ * @method enforceConstraints
+ * @param cb_list {String|Object|Array} The list of checkboxes
+ * @param index {Int} The index of the checkbox that changed
+ */
enforceConstraints: function(
/* NodeList */ cb_list,
/* int */ index)
@@ -304,6 +336,10 @@ Y.extend(AtMostOneCheckboxGroup, CheckboxGroup,
});
Y.AtMostOneCheckboxGroup = AtMostOneCheckboxGroup;
+/**
+ * @module gallery-checkboxgroups
+ */
+
/**********************************************************************
* All checkboxes can be selected and a select-all checkbox is available
* to check all. This check-all box is automatically changed if any other
@@ -321,32 +357,52 @@ function SelectAllCheckboxGroup(
/* string/Node/NodeList */ cb_list)
{
this.select_all_cb = Y.one(select_all_cb);
- this.select_all_cb.on('click', this.toggleSelectAll, this);
+ this.select_all_cb.on('click', updateSelectAll, this);
SelectAllCheckboxGroup.superclass.constructor.call(this, cb_list);
}
+function updateSelectAll()
+{
+ var checked = this.select_all_cb.get('checked');
+ var count = this.cb_list.size();
+ for (var i=0; iDestroys objects asynchronously.
* - * @module gallery-chipper + * @main gallery-chipper * @class Chipper */ @@ -42,7 +46,7 @@ Y.Chipper = * Throw objects into the chipper. If an object does not implement * destroy(), it is ignored. * - * @method Y.Chipper.destroy + * @method destroy * @static * @param objs {Object/Array} The object(s) to destroy. */ @@ -55,4 +59,4 @@ Y.Chipper = }; -}, 'gallery-2010.03.18-19' ,{requires:['yui-later']}); +}, 'gallery-2012.05.16-20-37' ,{requires:['yui-later']}); diff --git a/build/gallery-communication-layer/gallery-communication-layer-debug.js b/build/gallery-communication-layer/gallery-communication-layer-debug.js new file mode 100644 index 0000000000..57ba50a797 --- /dev/null +++ b/build/gallery-communication-layer/gallery-communication-layer-debug.js @@ -0,0 +1,918 @@ +YUI.add('gallery-communication-layer', function(Y) { + +/** + * Provides a secure, evented communication layer for cross-domain HTML5 web + * applications. + * + * @module gallery-communication-layer + * @requires json, node-base, event-custom-base + */ + +// Include the href for friendlier logs +var NAME = 'gallery-communication-layer ['+Y.config.win.location.href+']'; + +/** + * @class CommunicationLayer + * @param config {Object} Configuration object + * @constructor + */ +function CommunicationLayer (config) { + config = config || {}; + + this._WIN = Y.config.win; + this._APPREADY = 'appready'; + this._BUFFER_TIMEOUT = config.bufferTimeout || 10000; + this._CALLBACK_TIMEOUT = config.callbackTimeout || 10000; + this._GUID = Y.guid(); + + // Lookup for event targets that act as internal proxies. + this._proxyFor = {}; + + // Lookup for subscriptions that represent open connections. + this._subscriptionFor = {}; + + // We use the parent origin alias to look up the parent event target + // when we don't yet know the parent's origin (i.e., before the + // handshake completes). This should only be used during the handshake + // or if we are not sure if the handshake has already completed. + this._PARENT_ORIGIN_ALIAS = 'parent'; + this._parentProxy = this._createEventProxy(this._PARENT_ORIGIN_ALIAS); + + if (config.debug) { + this._initDebugMode(); + } + + this._init(); +} + +CommunicationLayer.prototype = { + + /** + * Facilitates unit tests by executing all init routines. + * + * @method _init + * @private + */ + _init: function () { + this._initWindowMessageHandler(); + this._initParentConnection(); + }, + + /** + * Initializes the window message handler for incoming CL + * messages. + * + * If the message checks out as a valid CL message, it is routed + * to the proper internal event proxy. Malformed messages and + * invalid CL messages are dropped. + * + * @method _initWindowMessageHandler + * @private + */ + _initWindowMessageHandler: function () { + Y.log('Initializing window message handler', 'info', NAME); + + this._addListener(this._WIN, 'message', Y.bind(function (e) { + var parsed, + proxy, + data; + + try { + parsed = Y.JSON.parse(e.data); + } + catch (err) { + Y.log('Dropping window message due to invalid data structure as part of the message', 'info', NAME); + } + + Y.log('Received window message: '+e.data+' from '+e.origin, 'debug', NAME); + + if (this._validateEventData(parsed)) { + data = this._createCLEventData(e, parsed); + proxy = this._proxyRouter(e, parsed); + + if (proxy) { + proxy.fire(parsed.name, data); + } + } + else { + Y.log('Dropping window message since it does not fulfill the requirements of a CL message', 'debug', NAME); + } + }, this)); + }, + + /** + * Event data validator for CL messages. + * + * @method _validateEventData + * @param data {Object} The application event data + * @return {Boolean} + * @private + */ + _validateEventData: function (data) { + return !!(data && data.name && data.guid); + }, + + /** + * Selects the proxy associated with the event. + * + * @method _proxyRouter + * @param {Object} The window message event data + * @param {Object} The application event data + * @return {EventTarget} The CL proxy to route the message to + * @private + */ + _proxyRouter: function (evtData, appData) { + var name = appData.name, + guid = appData.guid, + origin = evtData.origin, + proxy = null; + + // If there is a proxy associated with the event name, it + // is a dedicated handshake proxy and we assume we are in + // the middle of a handshake. + if (this._proxyFor[name]) { + Y.log('Proxy found for event name "'+name+'"; assuming a dedicated handshake proxy', 'debug', NAME); + proxy = this._proxyFor[name]; + } + else if (this._proxyFor[guid+origin]) { + Y.log('Proxy found for guid "'+guid+'" and origin "'+origin+'"', 'debug', NAME); + proxy = this._proxyFor[guid+origin]; + } + else { + Y.log('Proxy lookup failed. This should never happen!', 'error', NAME); + } + + return proxy; + }, + + /** + * Transforms the window message event data and the application + * event data into an internally expected format. + * + * @method _createCLEventData + * @param {Object} The window message event data + * @param {Object} The application event data + * @return {Object} The CL event data + * @private + */ + _createCLEventData: function (evtData, appData) { + var clEventData = { + data: appData.data, + guid: appData.guid, + origin: evtData.origin, + source: evtData.source + }; + + if (appData.cbid) { + /** + * A callback facade that transparently invokes a + * callback associated with another CL instance. + */ + clEventData.callback = Y.bind(function () { + this._postMessage(clEventData.source, { + name: appData.cbid, + guid: this._GUID, + data: { + args: Y.Array(arguments) + } + }, clEventData.origin); + }, this); + } + + return clEventData; + }, + + /** + * Initializes the handshake sequence with the parent + * application unless it is the top-level window. + * + * @method _initParentConnection + * @protected + */ + _initParentConnection: function () { + var self = this, + win = self._WIN, + href = win.location.href, + token; + + // Intentionally using `==` to accommodate IE quirksmode + if (win.parent == win) { + Y.log('Detected self as top-level window; aborting parent connection routine', 'info', NAME); + return; + } + + if (href) { + token = self._getHandshakeToken(href); + + // We create a dedicated handshake proxy here because we + // don't know anything about the parent until we receive + // the ACK. Once we get that, we dispose of the + // dedicated handshake proxy. + self._createEventProxy(token).once(token, function (e) { + Y.log('ACK received from parent '+e.origin, 'info', NAME); + + self._deleteEventProxy(token); // delete dedicated handshake event proxy + + self._parentSource = e.source; + self._parentOrigin = e.origin; + self._parentGuid = e.guid; + + // Record the parent event proxy under the actual + // lookup key (guid + origin). + self._proxyFor[e.guid+e.origin] = self._parentProxy; + + Y.log('Connection established with parent '+self._parentOrigin, 'info', NAME); + + Y.log('Flushing any buffered events', 'info', NAME); + self._parentProxy.fire(self._APPREADY); + }); + + // We don't specify the parent origin here because it is + // unknown until the connection is established. + self._postMessage(win.parent, { + name: token, + guid: self._GUID + }, '*'); + Y.log('SYN sent to parent', 'info', NAME); + } + }, + + /** + * Registers an iframe with the CL. Passes a CL proxy object to + * the callback which should be used to communicate with the + * registered child application. + * + * @method register + * @param iframe {Node} The iframe to register + * @param cb {Function} The callback to execute upon completion + * @param cb.proxy {Object} The CL proxy used to communicate with the child application + * @public + */ + register: function (iframe, cb) { + var self = this, + src, + token; + + // Wrap with Y.Node if not wrapped already + iframe = Y.one(iframe); + src = iframe && iframe.test('iframe') && iframe.get('src'); + + if (! src) { + Y.log('Only iframes with src attributes can be registered', 'error', NAME); + return; + } + + token = self._getHandshakeToken(src); + Y.log('Initiating the registration process using the token '+token, 'info', NAME); + + // We create a dedicated handshake proxy here because we + // don't know everything we need about the child until we + // receive the SYN. Once we get that, we dispose of the + // dedicated handshake proxy. + self._createEventProxy(token).once(token, function (e) { + var origin = e.origin, + source = e.source, + guid = e.guid, + proxy, + clProxy; + + Y.log('SYN received from child '+origin, 'info', NAME); + + // If there is a callback to receive the CL proxy, we pass it. + if (Y.Lang.isFunction(cb)) { + proxy = self._createEventProxy(guid+origin); + clProxy = self._createCLProxy(proxy, { + origin: origin, + source: source, + guid: guid + }); + + // TODO: Pass the iframe as the second arg to the + // callback instead since the following line creates + // a memory leak. + // + // Save a reference to the iframe on the proxy + clProxy.iframe = iframe; + + cb(clProxy); + } + + // Delete handshake-specific event proxy + self._deleteEventProxy(token); + + Y.log('Connection established with child '+origin, 'info', NAME); + self._postMessage(source, { + name: token, + guid: self._GUID + }, origin); + + Y.log('ACK sent to child '+origin, 'info', NAME); + }); + }, + + /** + * Creates the CL proxy object used to communicate with the + * registered child application. + * + * @method _createCLProxy + * @param proxy {EventTarget} Internal event proxy used to manage events + * @param winMeta {Object} Window metadata + * @return {Object} A CL proxy + * @private + */ + _createCLProxy: function (proxy, winMeta) { + var self = this, + source = winMeta.source, + origin = winMeta.origin, + guid = winMeta.guid; + + return { + /** + * Subscribe a callback function to execute in response + * to a child event. + * + * Light wrapper around the EventTarget `on` method. + * + * @method on + * @param name {String} The name of the event + * @param handler {Function} The callback to execute in response to the event + * @param [context] {Object} Override `this` object in callback + * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber + * @return {EventHandle} A subscription handle capable of detaching that subscription + * @public + */ + on: function (name, handler) { + var args = Y.Array(arguments); + + // Replace the event handler with a wrapped version + // that checks the origin of the window message. + args.splice(1, 1, function (e) { + if (origin === e.origin) { + handler(e); + } + }); + + return proxy.on.apply(proxy, args); + }, + /** + * Listen to a child event one time. This is the + * equivalent to `on` except the listener is immediately + * detached when it is executed. + * + * Light wrapper around the EventTarget `once` method. + * + * @method once + * @param name {String} The name of the event + * @param handler {Function} The callback to execute in response to the event + * @param [context] {Object} Override `this` object in callback + * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber + * @return {EventHandle} A subscription handle capable of detaching that subscription + * @public + */ + once: function (name, handler) { + var args = Y.Array(arguments); + + // Replace the event handler with a wrapped version + // that checks the origin of the window message. + args.splice(1, 1, function (e) { + if (origin === e.origin) { + handler(e); + } + }); + + return proxy.once.apply(proxy, args); + }, + /** + * Fire a CL event at the child by name. Supports + * callbacks that can be invoked by the child + * application via `e.callback()`. + * + * @method fire + * @param name {String} The name of the event + * @param [data] {Object} The event data + * @param [cb] {Function} A callback for the child application to invoke + * @public + */ + fire: function (name, data, cb) { + self._fireWindowMessageEvent(name, source, origin, { + data: data, + guid: guid, + callback: cb + }); + }, + /** + * Opens a 'persistent' connection (as opposed to + * `fire` which only executes its callback once). + * + * @method open + * @param name {String} The connection name + * @param cb {Function} A callback + * @return {Object} A connection object + * @public + */ + open: function (name, cb) { + return self._createConnectionObject(name, cb, { + guid: guid, + source: source, + origin: origin + }); + }, + /** + * Allows the parent to subscribe to the point in time + * when the child is ready to receive CL events. + * + * @method ready + * @param cb {Function} A callback to execute when the child application is ready + * @param [context] {Object} Override `this` object in callback + * @public + */ + ready: function (cb, context) { + Y.log('Registering a callback to execute when the child is ready', 'debug', NAME); + return proxy.on(self._APPREADY, cb, context); + }, + /** + * Detaches all event listeners from the CL proxy before + * deleting it internally. This operation is + * irreversible. + * + * @method purge + * @public + */ + purge: function () { + if (!proxy) { + return; + } + + Y.Object.each(self._proxyFor, function (value, key) { + if (value === proxy) { + self._deleteEventProxy(key); + } + }); + + proxy.detachAll(); + proxy = null; + + Y.log('All listeners have been detached and the internal event proxy has been destroyed', 'debug', NAME); + } + }; + }, + + /** + * Notifies the parent that the application is ready to receive + * CL message events. + * + * @method ready + * @public + */ + ready: function () { + Y.log('Ready to receive messages from the parent', 'debug', NAME); + this._fireParentMessageEvent(this._APPREADY); + }, + + /** + * Subscribe a callback function to execute in response to + * a parent event. + * + * Light wrapper around the EventTarget `on` method. + * + * @method on + * @param name {String} The name of the event + * @param handler {Function} The callback to execute in response to the event + * @param [context] {Object} Override `this` object in callback + * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber + * @return {EventHandle} A subscription handle capable of detaching that subscription + */ + on: function (name, handler) { + var args = Y.Array(arguments); + args.unshift({ + once: false + }); + + return this._onParentMessageEvent.apply(this, args); + }, + + /** + * Listen to a parent event one time. This is the equivalent to + * `on` except the listener is immediately detached when it is + * executed. + * + * Light wrapper around the EventTarget `once` method. + * + * @method once + * @param name {String} The name of the event + * @param handler {Function} The callback to execute in response to the event + * @param [context] {Object} Override `this` object in callback + * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber + * @return {EventHandle} A subscription handle capable of detaching that subscription + */ + once: function (name, handler) { + var args = Y.Array(arguments); + args.unshift({ + once: true + }); + + return this._onParentMessageEvent.apply(this, args); + }, + + /** + * Fire a CL event at the parent by name. Supports callbacks + * that can be invoked by the parent application via + * `e.callback()`. + * + * @method fire + * @param name {String} The name of the event + * @param [data] {Object} The event data + * @param [cb] {Function} A callback for the child application to invoke + */ + fire: function (name, data, cb) { + if (name) { + this._fireParentMessageEvent(name, data, cb); + } + }, + + /** + * Opens a 'persistent' connection (as opposed to + *fire which only executes its callback once).
+ *
+ * @method open
+ * @param name {String} The connection name
+ * @param cb {Function} A callback
+ * @return {Object} A connection object
+ * @public
+ */
+ open: function (name, cb) {
+ if (this._parentAppIsReady()) {
+ return this._createConnectionObject(name, cb, {
+ guid: this._parentGuid,
+ source: this._parentSource,
+ origin: this._parentOrigin
+ });
+ }
+ else {
+ Y.log('A connection with the parent cannot be opened until the handshake has completed', 'warn', NAME);
+ }
+ },
+
+ /**
+ * Creates a connection object that represents an open
+ * connection.
+ *
+ * @method _createConnectionObject
+ * @param name {String} The connection name
+ * @param cb {Function} A callback
+ * @param winMeta {Object} Window metadata used to fire the event (e.g., source, origin, and guid)
+ * @private
+ */
+ _createConnectionObject: function (name, cb, winMeta) {
+ var self = this,
+ cbid,
+ sub;
+
+ if (! (name && Y.Lang.isFunction(cb) && winMeta.origin && winMeta.guid)) {
+ return null;
+ }
+
+ cbid = self._registerCallback(cb, winMeta.origin, winMeta.guid, name);
+
+ Y.log('Creating a connection bound to the event name "'+name+'" and the callback "'+cbid+'"', 'info', NAME);
+
+ return {
+ write: function (data) {
+ if (! self._subscriptionFor[name]) {
+ Y.log('The connection has already been closed', 'warn', NAME);
+ return;
+ }
+
+ Y.log('Writing data to the open "'+name+'" connection', 'debug', NAME);
+
+ self._fireWindowMessageEvent(name, winMeta.source, winMeta.origin, {
+ data: data,
+ guid: winMeta.guid,
+ callback: cbid
+ });
+ },
+ close: function () {
+ sub = self._subscriptionFor[name];
+ if (sub) {
+ Y.log('Closing connection for: '+name, 'info', NAME);
+ sub.detach();
+ delete self._subscriptionFor[name];
+ }
+ }
+ };
+ },
+
+ /**
+ * Fires a message event at the parent.
+ *
+ * Wrapper around _fireWindowMessageEvent that
+ * buffers any message events fired at the parent if the parent
+ * window is not yet ready. Note that this buffer times out
+ * after a default of 10s but this is configurable via
+ * config.bufferTimeout.
+ *
+ * @method _fireParentMessageEvent
+ * @param name {String} The event name
+ * @param [data] {Object} The event data
+ * @param [cb] {Function|String} The callback or callback ID
+ * @protected
+ */
+ _fireParentMessageEvent: function (name, data, cb) {
+ var self = this,
+ fireParentMessageEvent,
+ sub;
+
+ fireParentMessageEvent = function () {
+ self._fireWindowMessageEvent(name, self._parentSource, self._parentOrigin, {
+ data: data,
+ guid: self._parentGuid,
+ callback: cb
+ });
+ };
+
+ if (! self._parentAppIsReady()) {
+ // Buffer the message event until the parent is ready or until
+ // the timeout, whichever comes first.
+ sub = self._parentProxy.once(self._APPREADY, fireParentMessageEvent);
+
+ // Kill the subscription after a timeout to prevent a memory leak
+ Y.later(self._BUFFER_TIMEOUT, null, function () {
+ if (! self._parentAppIsReady()) {
+ Y.log('Handshake timeout! Killing the buffered event "'+name+'" that was fired at the parent', 'warn', NAME);
+ sub.detach();
+ }
+ });
+ }
+ else {
+ fireParentMessageEvent();
+ }
+ },
+
+ /**
+ * Determines if the parent application is ready (i.e., whether
+ * or not the handshake has completed).
+ *
+ * @method _parentAppIsReady
+ * @return {Boolean}
+ * @private
+ */
+ _parentAppIsReady: function () {
+ var evt = this._parentProxy.getEvent(this._APPREADY);
+ return evt.fired;
+ },
+
+ /**
+ * Gets a token to use for the handshake.
+ *
+ * We use the child application's origin since it is known by
+ * both handshake participants.
+ *
+ * @method _getHandshakeToken
+ * @param href {String} The URL of the window we want to establish a connection with
+ * @return {String} The handshake token
+ * @private
+ *
+ */
+ _getHandshakeToken: function (href) {
+ return href.replace(/[?].*$/, '').replace(/[#].*$/, '');
+ },
+
+ /**
+ * Registers a callback for execution when its corresponding
+ * callback facade is invoked. Times out after 10 seconds by
+ * default.
+ *
+ * @method _registerCallback
+ * @param cb {Function} The callback to register
+ * @param origin {String} The origin of the application we want to register the callback against
+ * @param guid {String} The guid of the application we want to register the callback against
+ * @param name {String} The name of the event
+ * @param [timeout] {Number} The number of ms before the subscription should time out. If this value is not provided, then it is assumed that a connection should be opened.
+ */
+ _registerCallback: function (cb, origin, guid, name, timeout) {
+ var proxy = this._proxyFor[guid+origin],
+ cbid = Y.stamp(cb),
+ timer,
+ sub;
+
+ if (! proxy) {
+ Y.log('Proxy lookup failed for '+origin+' during callback registration', 'error', NAME);
+ return;
+ }
+
+ // If a timeout was provided, we want to subscribe to a single
+ // response generated by the callback facade corresponding to this
+ // callback id within the timeout period.
+ if (timeout) {
+ sub = proxy.once(cbid, function (e) {
+ timer.cancel();
+ cb.apply(null, e.data.args); // invoke the callback with the argument array
+ Y.log('Successful callback execution for event "'+name+'" using id: '+cbid, 'info', NAME);
+ });
+
+ // Kill the subscription after a timeout to prevent a memory leak
+ timer = Y.later(timeout, null, function () {
+ Y.log('Callback timeout! Unsubscribing the callback for event "'+name+'" using id: '+cbid, 'info', NAME);
+ sub.detach();
+ });
+ }
+ // If a timeout wasn't provided, we want to subscribe to every
+ // response generated by the invocation of the callback facade
+ // corresponding to this callback id.
+ else {
+ Y.log('Opening connection for: '+name, 'info', NAME);
+ this._subscriptionFor[name] = proxy.on(cbid, function (e) {
+ cb.apply(null, e.data.args); // invoke the callback with the argument array
+ Y.log('Successful callback execution for event "'+name+'" using id: '+cbid, 'info', NAME);
+ });
+ }
+
+ return cbid;
+ },
+
+ /**
+ * Handles the creation of event proxies which are used to
+ * namespace CL events internally.
+ *
+ * @method _createEventProxy
+ * @param key {String} The key to store the proxy under
+ * @return {EventTarget} The proxy
+ * @private
+ */
+ _createEventProxy: function (key) {
+ if (key) {
+ Y.log('Creating event proxy for '+key, 'debug', NAME);
+ var proxy = new Y.EventTarget();
+
+ proxy.publish(this._APPREADY, {
+ fireOnce: true
+ });
+ this._proxyFor[key] = proxy;
+
+ return proxy;
+ }
+ },
+
+ /**
+ * Handles the deletion of event proxies which are used to
+ * namespace CL events internally.
+ *
+ * @method _deleteEventProxy
+ * @param key {String} The key to store the proxy under
+ * @private
+ */
+ _deleteEventProxy: function (key) {
+ Y.log('Deleting internal event proxy from the lookup table: '+key, 'debug', NAME);
+ if (this._proxyFor[key]) {
+ this._proxyFor[key].detachAll();
+ this._proxyFor[key] = null;
+ }
+ },
+
+ /**
+ * Subscribe a callback function to execute in response to a
+ * parent event.
+ *
+ * @method _onParentMessageEvent
+ * @return {Object} A subscription object
+ * @protected
+ */
+ _onParentMessageEvent: function () {
+ var args = Y.Array(arguments),
+ config = args.shift(),
+ method = config.once ? 'once' : 'on',
+ proxy = this._parentProxy;
+
+ return proxy[method].apply(proxy, args);
+ },
+
+ /**
+ * Fires a CL message at a window.
+ *
+ * Transforms the outgoing message into a structure that can be
+ * understood by the CL message event handler on the other end.
+ *
+ * @method _fireWindowMessageEvent
+ * @param name {String} The event name
+ * @param source {Window} A reference to a window
+ * @param origin {String} The origin of the window
+ * @param o {Object} Optional arguments
+ * @private
+ */
+ _fireWindowMessageEvent: function (name, source, origin, o) {
+ var msg,
+ cb;
+
+ if (name && source && origin) {
+ o = o || {};
+ cb = o.callback;
+ msg = {
+ name: name,
+ guid: this._GUID
+ };
+
+ if (o.data) {
+ msg.data = o.data;
+ }
+
+ if (Y.Lang.isFunction(cb)) {
+ msg.cbid = this._registerCallback(cb, origin, o.guid, name, this._CALLBACK_TIMEOUT);
+ }
+ else if (Y.Lang.isString(cb)) {
+ msg.cbid = cb;
+ }
+
+ this._postMessage(source, msg, origin);
+ }
+ },
+
+ /**
+ * Posts a window message through the win.postMessage API.
+ *
+ * @method _postMessage
+ * @param win {Object} window reference
+ * @param msg {Object} literal object representing the message to be sent
+ * @param origin {Object} reference to the origin window
+ * @return {boolean} whether or not the message was sent.
+ * @private
+ */
+ _postMessage: function (win, msg, origin) {
+ if (win && win.postMessage && msg && origin) {
+ win.postMessage(Y.JSON.stringify(msg), origin);
+ return true;
+ }
+ },
+
+ /**
+ * Initializes debug mode where you can hook into communication between
+ * the current application and its parent.
+ *
+ * @method _initDebugMode
+ * @private
+ */
+ _initDebugMode: function () {
+ var proxy = this._createEventProxy('debug');
+
+ Y.log('Initializing debug mode', 'warn', NAME);
+
+ // Global methods which can be used to simulate parent
+ // interaction.
+ YUI.CL = {
+ // The method used to simulate incoming events
+ fire: function (name, data) {
+ proxy.fire(name, {
+ data: data
+ });
+ },
+ // The method used to subscribe to outgoing events
+ on: function () {
+ return proxy.on.apply(proxy, arguments);
+ },
+ // The method used to subscribe to an outgoing event once
+ once: function () {
+ return proxy.once.apply(proxy, arguments);
+ }
+ };
+
+ // Wrapping some methods on this CL instance so that we can
+ // leak incoming/outgoing events through to the debug event
+ // proxy.
+ Y.Array.each(['fire', 'on', 'once'], function (name) {
+ var orig = this[name]; // save original
+ this[name] = function () {
+ proxy[name].apply(proxy, arguments);
+ orig.apply(this, arguments);
+ };
+ }, this);
+ },
+
+ // -- Y.one('window').on('message', ...) IE9 workarounds -----
+
+ _addListener: function (el, ev, fn) {
+ if (el.addEventListener) {
+ el.addEventListener(ev, fn, false);
+ } else if (el.attachEvent) {
+ el.attachEvent('on'+ev, fn);
+ } else {
+ el['on'+ev] = fn;
+ }
+ },
+
+ _removeListener: function(el, ev, fn) {
+ if (el.removeEventListener) {
+ // this can throw an uncaught exception in FF
+ try {
+ el.removeEventListener(ev, fn);
+ } catch (ex) {}
+ } else if (el && el.detachEvent) {
+ el.detachEvent('on'+ev, fn);
+ }
+ }
+
+};
+
+Y.CommunicationLayer = CommunicationLayer;
+
+
+
+}, 'gallery-2012.07.05-20-01' ,{requires:['json', 'node-base', 'event-custom-base'], skinnable:false});
diff --git a/build/gallery-communication-layer/gallery-communication-layer-min.js b/build/gallery-communication-layer/gallery-communication-layer-min.js
new file mode 100644
index 0000000000..5a1edcf087
--- /dev/null
+++ b/build/gallery-communication-layer/gallery-communication-layer-min.js
@@ -0,0 +1,2 @@
+YUI.add("gallery-communication-layer",function(c){var b="gallery-communication-layer ["+c.config.win.location.href+"]";function a(d){d=d||{};this._WIN=c.config.win;this._APPREADY="appready";this._BUFFER_TIMEOUT=d.bufferTimeout||10000;this._CALLBACK_TIMEOUT=d.callbackTimeout||10000;this._GUID=c.guid();this._proxyFor={};this._subscriptionFor={};this._PARENT_ORIGIN_ALIAS="parent";this._parentProxy=this._createEventProxy(this._PARENT_ORIGIN_ALIAS);if(d.debug){this._initDebugMode();}this._init();}a.prototype={_init:function(){this._initWindowMessageHandler();this._initParentConnection();},_initWindowMessageHandler:function(){this._addListener(this._WIN,"message",c.bind(function(i){var d,f,h;try{d=c.JSON.parse(i.data);}catch(g){}if(this._validateEventData(d)){h=this._createCLEventData(i,d);f=this._proxyRouter(i,d);if(f){f.fire(d.name,h);}}else{}},this));},_validateEventData:function(d){return !!(d&&d.name&&d.guid);},_proxyRouter:function(d,i){var g=i.name,f=i.guid,e=d.origin,h=null;if(this._proxyFor[g]){h=this._proxyFor[g];}else{if(this._proxyFor[f+e]){h=this._proxyFor[f+e];}else{}}return h;},_createCLEventData:function(d,e){var f={data:e.data,guid:e.guid,origin:d.origin,source:d.source};if(e.cbid){f.callback=c.bind(function(){this._postMessage(f.source,{name:e.cbid,guid:this._GUID,data:{args:c.Array(arguments)}},f.origin);},this);}return f;},_initParentConnection:function(){var e=this,g=e._WIN,d=g.location.href,f;if(g.parent==g){return;}if(d){f=e._getHandshakeToken(d);e._createEventProxy(f).once(f,function(h){e._deleteEventProxy(f);e._parentSource=h.source;e._parentOrigin=h.origin;e._parentGuid=h.guid;e._proxyFor[h.guid+h.origin]=e._parentProxy;e._parentProxy.fire(e._APPREADY);});e._postMessage(g.parent,{name:f,guid:e._GUID},"*");}},register:function(g,d){var e=this,h,f;g=c.one(g);h=g&&g.test("iframe")&&g.get("src");if(!h){return;}f=e._getHandshakeToken(h);e._createEventProxy(f).once(f,function(n){var i=n.origin,l=n.source,j=n.guid,k,m;if(c.Lang.isFunction(d)){k=e._createEventProxy(j+i);m=e._createCLProxy(k,{origin:i,source:l,guid:j});m.iframe=g;d(m);}e._deleteEventProxy(f);e._postMessage(l,{name:f,guid:e._GUID},i);});},_createCLProxy:function(g,i){var e=this,h=i.source,d=i.origin,f=i.guid;return{on:function(k,l){var j=c.Array(arguments);j.splice(1,1,function(m){if(d===m.origin){l(m);}});return g.on.apply(g,j);},once:function(k,l){var j=c.Array(arguments);j.splice(1,1,function(m){if(d===m.origin){l(m);}});return g.once.apply(g,j);},fire:function(k,l,j){e._fireWindowMessageEvent(k,h,d,{data:l,guid:f,callback:j});},open:function(k,j){return e._createConnectionObject(k,j,{guid:f,source:h,origin:d});},ready:function(j,k){return g.on(e._APPREADY,j,k);},purge:function(){if(!g){return;}c.Object.each(e._proxyFor,function(k,j){if(k===g){e._deleteEventProxy(j);}});g.detachAll();g=null;}};},ready:function(){this._fireParentMessageEvent(this._APPREADY);},on:function(e,f){var d=c.Array(arguments);d.unshift({once:false});return this._onParentMessageEvent.apply(this,d);},once:function(e,f){var d=c.Array(arguments);d.unshift({once:true});return this._onParentMessageEvent.apply(this,d);},fire:function(e,f,d){if(e){this._fireParentMessageEvent(e,f,d);}},open:function(e,d){if(this._parentAppIsReady()){return this._createConnectionObject(e,d,{guid:this._parentGuid,source:this._parentSource,origin:this._parentOrigin});}else{}},_createConnectionObject:function(g,d,i){var e=this,f,h;if(!(g&&c.Lang.isFunction(d)&&i.origin&&i.guid)){return null;}f=e._registerCallback(d,i.origin,i.guid,g);return{write:function(j){if(!e._subscriptionFor[g]){return;}e._fireWindowMessageEvent(g,i.source,i.origin,{data:j,guid:i.guid,callback:f});},close:function(){h=e._subscriptionFor[g];if(h){h.detach();delete e._subscriptionFor[g];}}};},_fireParentMessageEvent:function(f,i,d){var e=this,g,h;g=function(){e._fireWindowMessageEvent(f,e._parentSource,e._parentOrigin,{data:i,guid:e._parentGuid,callback:d});};if(!e._parentAppIsReady()){h=e._parentProxy.once(e._APPREADY,g);c.later(e._BUFFER_TIMEOUT,null,function(){if(!e._parentAppIsReady()){h.detach();}});}else{g();}},_parentAppIsReady:function(){var d=this._parentProxy.getEvent(this._APPREADY);return d.fired;},_getHandshakeToken:function(d){return d.replace(/[?].*$/,"").replace(/[#].*$/,"");},_registerCallback:function(g,l,j,e,k){var i=this._proxyFor[j+l],h=c.stamp(g),f,d;if(!i){return;}if(k){d=i.once(h,function(m){f.cancel();g.apply(null,m.data.args);});f=c.later(k,null,function(){d.detach();});}else{this._subscriptionFor[e]=i.on(h,function(m){g.apply(null,m.data.args);});}return h;},_createEventProxy:function(e){if(e){var d=new c.EventTarget();d.publish(this._APPREADY,{fireOnce:true});this._proxyFor[e]=d;return d;}},_deleteEventProxy:function(d){if(this._proxyFor[d]){this._proxyFor[d].detachAll();this._proxyFor[d]=null;}},_onParentMessageEvent:function(){var e=c.Array(arguments),d=e.shift(),g=d.once?"once":"on",f=this._parentProxy;return f[g].apply(f,e);},_fireWindowMessageEvent:function(f,g,e,i){var h,d;if(f&&g&&e){i=i||{};d=i.callback;h={name:f,guid:this._GUID};if(i.data){h.data=i.data;}if(c.Lang.isFunction(d)){h.cbid=this._registerCallback(d,e,i.guid,f,this._CALLBACK_TIMEOUT);}else{if(c.Lang.isString(d)){h.cbid=d;}}this._postMessage(g,h,e);}},_postMessage:function(e,f,d){if(e&&e.postMessage&&f&&d){e.postMessage(c.JSON.stringify(f),d);return true;}},_initDebugMode:function(){var d=this._createEventProxy("debug");YUI.CL={fire:function(e,f){d.fire(e,{data:f});},on:function(){return d.on.apply(d,arguments);},once:function(){return d.once.apply(d,arguments);}};c.Array.each(["fire","on","once"],function(e){var f=this[e];this[e]=function(){d[e].apply(d,arguments);f.apply(this,arguments);};},this);},_addListener:function(e,f,d){if(e.addEventListener){e.addEventListener(f,d,false);}else{if(e.attachEvent){e.attachEvent("on"+f,d);}else{e["on"+f]=d;}}},_removeListener:function(f,g,e){if(f.removeEventListener){try{f.removeEventListener(g,e);}catch(d){}}else{if(f&&f.detachEvent){f.detachEvent("on"+g,e);
+}}}};c.CommunicationLayer=a;},"gallery-2012.07.05-20-01",{requires:["json","node-base","event-custom-base"],skinnable:false});
\ No newline at end of file
diff --git a/build/gallery-communication-layer/gallery-communication-layer.js b/build/gallery-communication-layer/gallery-communication-layer.js
new file mode 100644
index 0000000000..7e5bc3465f
--- /dev/null
+++ b/build/gallery-communication-layer/gallery-communication-layer.js
@@ -0,0 +1,884 @@
+YUI.add('gallery-communication-layer', function(Y) {
+
+/**
+ * Provides a secure, evented communication layer for cross-domain HTML5 web
+ * applications.
+ *
+ * @module gallery-communication-layer
+ * @requires json, node-base, event-custom-base
+ */
+
+// Include the href for friendlier logs
+var NAME = 'gallery-communication-layer ['+Y.config.win.location.href+']';
+
+/**
+ * @class CommunicationLayer
+ * @param config {Object} Configuration object
+ * @constructor
+ */
+function CommunicationLayer (config) {
+ config = config || {};
+
+ this._WIN = Y.config.win;
+ this._APPREADY = 'appready';
+ this._BUFFER_TIMEOUT = config.bufferTimeout || 10000;
+ this._CALLBACK_TIMEOUT = config.callbackTimeout || 10000;
+ this._GUID = Y.guid();
+
+ // Lookup for event targets that act as internal proxies.
+ this._proxyFor = {};
+
+ // Lookup for subscriptions that represent open connections.
+ this._subscriptionFor = {};
+
+ // We use the parent origin alias to look up the parent event target
+ // when we don't yet know the parent's origin (i.e., before the
+ // handshake completes). This should only be used during the handshake
+ // or if we are not sure if the handshake has already completed.
+ this._PARENT_ORIGIN_ALIAS = 'parent';
+ this._parentProxy = this._createEventProxy(this._PARENT_ORIGIN_ALIAS);
+
+ if (config.debug) {
+ this._initDebugMode();
+ }
+
+ this._init();
+}
+
+CommunicationLayer.prototype = {
+
+ /**
+ * Facilitates unit tests by executing all init routines.
+ *
+ * @method _init
+ * @private
+ */
+ _init: function () {
+ this._initWindowMessageHandler();
+ this._initParentConnection();
+ },
+
+ /**
+ * Initializes the window message handler for incoming CL
+ * messages.
+ *
+ * If the message checks out as a valid CL message, it is routed
+ * to the proper internal event proxy. Malformed messages and
+ * invalid CL messages are dropped.
+ *
+ * @method _initWindowMessageHandler
+ * @private
+ */
+ _initWindowMessageHandler: function () {
+
+ this._addListener(this._WIN, 'message', Y.bind(function (e) {
+ var parsed,
+ proxy,
+ data;
+
+ try {
+ parsed = Y.JSON.parse(e.data);
+ }
+ catch (err) {
+ }
+
+
+ if (this._validateEventData(parsed)) {
+ data = this._createCLEventData(e, parsed);
+ proxy = this._proxyRouter(e, parsed);
+
+ if (proxy) {
+ proxy.fire(parsed.name, data);
+ }
+ }
+ else {
+ }
+ }, this));
+ },
+
+ /**
+ * Event data validator for CL messages.
+ *
+ * @method _validateEventData
+ * @param data {Object} The application event data
+ * @return {Boolean}
+ * @private
+ */
+ _validateEventData: function (data) {
+ return !!(data && data.name && data.guid);
+ },
+
+ /**
+ * Selects the proxy associated with the event.
+ *
+ * @method _proxyRouter
+ * @param {Object} The window message event data
+ * @param {Object} The application event data
+ * @return {EventTarget} The CL proxy to route the message to
+ * @private
+ */
+ _proxyRouter: function (evtData, appData) {
+ var name = appData.name,
+ guid = appData.guid,
+ origin = evtData.origin,
+ proxy = null;
+
+ // If there is a proxy associated with the event name, it
+ // is a dedicated handshake proxy and we assume we are in
+ // the middle of a handshake.
+ if (this._proxyFor[name]) {
+ proxy = this._proxyFor[name];
+ }
+ else if (this._proxyFor[guid+origin]) {
+ proxy = this._proxyFor[guid+origin];
+ }
+ else {
+ }
+
+ return proxy;
+ },
+
+ /**
+ * Transforms the window message event data and the application
+ * event data into an internally expected format.
+ *
+ * @method _createCLEventData
+ * @param {Object} The window message event data
+ * @param {Object} The application event data
+ * @return {Object} The CL event data
+ * @private
+ */
+ _createCLEventData: function (evtData, appData) {
+ var clEventData = {
+ data: appData.data,
+ guid: appData.guid,
+ origin: evtData.origin,
+ source: evtData.source
+ };
+
+ if (appData.cbid) {
+ /**
+ * A callback facade that transparently invokes a
+ * callback associated with another CL instance.
+ */
+ clEventData.callback = Y.bind(function () {
+ this._postMessage(clEventData.source, {
+ name: appData.cbid,
+ guid: this._GUID,
+ data: {
+ args: Y.Array(arguments)
+ }
+ }, clEventData.origin);
+ }, this);
+ }
+
+ return clEventData;
+ },
+
+ /**
+ * Initializes the handshake sequence with the parent
+ * application unless it is the top-level window.
+ *
+ * @method _initParentConnection
+ * @protected
+ */
+ _initParentConnection: function () {
+ var self = this,
+ win = self._WIN,
+ href = win.location.href,
+ token;
+
+ // Intentionally using `==` to accommodate IE quirksmode
+ if (win.parent == win) {
+ return;
+ }
+
+ if (href) {
+ token = self._getHandshakeToken(href);
+
+ // We create a dedicated handshake proxy here because we
+ // don't know anything about the parent until we receive
+ // the ACK. Once we get that, we dispose of the
+ // dedicated handshake proxy.
+ self._createEventProxy(token).once(token, function (e) {
+
+ self._deleteEventProxy(token); // delete dedicated handshake event proxy
+
+ self._parentSource = e.source;
+ self._parentOrigin = e.origin;
+ self._parentGuid = e.guid;
+
+ // Record the parent event proxy under the actual
+ // lookup key (guid + origin).
+ self._proxyFor[e.guid+e.origin] = self._parentProxy;
+
+
+ self._parentProxy.fire(self._APPREADY);
+ });
+
+ // We don't specify the parent origin here because it is
+ // unknown until the connection is established.
+ self._postMessage(win.parent, {
+ name: token,
+ guid: self._GUID
+ }, '*');
+ }
+ },
+
+ /**
+ * Registers an iframe with the CL. Passes a CL proxy object to
+ * the callback which should be used to communicate with the
+ * registered child application.
+ *
+ * @method register
+ * @param iframe {Node} The iframe to register
+ * @param cb {Function} The callback to execute upon completion
+ * @param cb.proxy {Object} The CL proxy used to communicate with the child application
+ * @public
+ */
+ register: function (iframe, cb) {
+ var self = this,
+ src,
+ token;
+
+ // Wrap with Y.Node if not wrapped already
+ iframe = Y.one(iframe);
+ src = iframe && iframe.test('iframe') && iframe.get('src');
+
+ if (! src) {
+ return;
+ }
+
+ token = self._getHandshakeToken(src);
+
+ // We create a dedicated handshake proxy here because we
+ // don't know everything we need about the child until we
+ // receive the SYN. Once we get that, we dispose of the
+ // dedicated handshake proxy.
+ self._createEventProxy(token).once(token, function (e) {
+ var origin = e.origin,
+ source = e.source,
+ guid = e.guid,
+ proxy,
+ clProxy;
+
+
+ // If there is a callback to receive the CL proxy, we pass it.
+ if (Y.Lang.isFunction(cb)) {
+ proxy = self._createEventProxy(guid+origin);
+ clProxy = self._createCLProxy(proxy, {
+ origin: origin,
+ source: source,
+ guid: guid
+ });
+
+ // TODO: Pass the iframe as the second arg to the
+ // callback instead since the following line creates
+ // a memory leak.
+ //
+ // Save a reference to the iframe on the proxy
+ clProxy.iframe = iframe;
+
+ cb(clProxy);
+ }
+
+ // Delete handshake-specific event proxy
+ self._deleteEventProxy(token);
+
+ self._postMessage(source, {
+ name: token,
+ guid: self._GUID
+ }, origin);
+
+ });
+ },
+
+ /**
+ * Creates the CL proxy object used to communicate with the
+ * registered child application.
+ *
+ * @method _createCLProxy
+ * @param proxy {EventTarget} Internal event proxy used to manage events
+ * @param winMeta {Object} Window metadata
+ * @return {Object} A CL proxy
+ * @private
+ */
+ _createCLProxy: function (proxy, winMeta) {
+ var self = this,
+ source = winMeta.source,
+ origin = winMeta.origin,
+ guid = winMeta.guid;
+
+ return {
+ /**
+ * Subscribe a callback function to execute in response
+ * to a child event.
+ *
+ * Light wrapper around the EventTarget `on` method.
+ *
+ * @method on
+ * @param name {String} The name of the event
+ * @param handler {Function} The callback to execute in response to the event
+ * @param [context] {Object} Override `this` object in callback
+ * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber
+ * @return {EventHandle} A subscription handle capable of detaching that subscription
+ * @public
+ */
+ on: function (name, handler) {
+ var args = Y.Array(arguments);
+
+ // Replace the event handler with a wrapped version
+ // that checks the origin of the window message.
+ args.splice(1, 1, function (e) {
+ if (origin === e.origin) {
+ handler(e);
+ }
+ });
+
+ return proxy.on.apply(proxy, args);
+ },
+ /**
+ * Listen to a child event one time. This is the
+ * equivalent to `on` except the listener is immediately
+ * detached when it is executed.
+ *
+ * Light wrapper around the EventTarget `once` method.
+ *
+ * @method once
+ * @param name {String} The name of the event
+ * @param handler {Function} The callback to execute in response to the event
+ * @param [context] {Object} Override `this` object in callback
+ * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber
+ * @return {EventHandle} A subscription handle capable of detaching that subscription
+ * @public
+ */
+ once: function (name, handler) {
+ var args = Y.Array(arguments);
+
+ // Replace the event handler with a wrapped version
+ // that checks the origin of the window message.
+ args.splice(1, 1, function (e) {
+ if (origin === e.origin) {
+ handler(e);
+ }
+ });
+
+ return proxy.once.apply(proxy, args);
+ },
+ /**
+ * Fire a CL event at the child by name. Supports
+ * callbacks that can be invoked by the child
+ * application via `e.callback()`.
+ *
+ * @method fire
+ * @param name {String} The name of the event
+ * @param [data] {Object} The event data
+ * @param [cb] {Function} A callback for the child application to invoke
+ * @public
+ */
+ fire: function (name, data, cb) {
+ self._fireWindowMessageEvent(name, source, origin, {
+ data: data,
+ guid: guid,
+ callback: cb
+ });
+ },
+ /**
+ * Opens a 'persistent' connection (as opposed to
+ * `fire` which only executes its callback once).
+ *
+ * @method open
+ * @param name {String} The connection name
+ * @param cb {Function} A callback
+ * @return {Object} A connection object
+ * @public
+ */
+ open: function (name, cb) {
+ return self._createConnectionObject(name, cb, {
+ guid: guid,
+ source: source,
+ origin: origin
+ });
+ },
+ /**
+ * Allows the parent to subscribe to the point in time
+ * when the child is ready to receive CL events.
+ *
+ * @method ready
+ * @param cb {Function} A callback to execute when the child application is ready
+ * @param [context] {Object} Override `this` object in callback
+ * @public
+ */
+ ready: function (cb, context) {
+ return proxy.on(self._APPREADY, cb, context);
+ },
+ /**
+ * Detaches all event listeners from the CL proxy before
+ * deleting it internally. This operation is
+ * irreversible.
+ *
+ * @method purge
+ * @public
+ */
+ purge: function () {
+ if (!proxy) {
+ return;
+ }
+
+ Y.Object.each(self._proxyFor, function (value, key) {
+ if (value === proxy) {
+ self._deleteEventProxy(key);
+ }
+ });
+
+ proxy.detachAll();
+ proxy = null;
+
+ }
+ };
+ },
+
+ /**
+ * Notifies the parent that the application is ready to receive
+ * CL message events.
+ *
+ * @method ready
+ * @public
+ */
+ ready: function () {
+ this._fireParentMessageEvent(this._APPREADY);
+ },
+
+ /**
+ * Subscribe a callback function to execute in response to
+ * a parent event.
+ *
+ * Light wrapper around the EventTarget `on` method.
+ *
+ * @method on
+ * @param name {String} The name of the event
+ * @param handler {Function} The callback to execute in response to the event
+ * @param [context] {Object} Override `this` object in callback
+ * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber
+ * @return {EventHandle} A subscription handle capable of detaching that subscription
+ */
+ on: function (name, handler) {
+ var args = Y.Array(arguments);
+ args.unshift({
+ once: false
+ });
+
+ return this._onParentMessageEvent.apply(this, args);
+ },
+
+ /**
+ * Listen to a parent event one time. This is the equivalent to
+ * `on` except the listener is immediately detached when it is
+ * executed.
+ *
+ * Light wrapper around the EventTarget `once` method.
+ *
+ * @method once
+ * @param name {String} The name of the event
+ * @param handler {Function} The callback to execute in response to the event
+ * @param [context] {Object} Override `this` object in callback
+ * @param [arg*] {Any} 0..n additional arguments to supply to the subscriber
+ * @return {EventHandle} A subscription handle capable of detaching that subscription
+ */
+ once: function (name, handler) {
+ var args = Y.Array(arguments);
+ args.unshift({
+ once: true
+ });
+
+ return this._onParentMessageEvent.apply(this, args);
+ },
+
+ /**
+ * Fire a CL event at the parent by name. Supports callbacks
+ * that can be invoked by the parent application via
+ * `e.callback()`.
+ *
+ * @method fire
+ * @param name {String} The name of the event
+ * @param [data] {Object} The event data
+ * @param [cb] {Function} A callback for the child application to invoke
+ */
+ fire: function (name, data, cb) {
+ if (name) {
+ this._fireParentMessageEvent(name, data, cb);
+ }
+ },
+
+ /**
+ * Opens a 'persistent' connection (as opposed to
+ * fire which only executes its callback once).
+ *
+ * @method open
+ * @param name {String} The connection name
+ * @param cb {Function} A callback
+ * @return {Object} A connection object
+ * @public
+ */
+ open: function (name, cb) {
+ if (this._parentAppIsReady()) {
+ return this._createConnectionObject(name, cb, {
+ guid: this._parentGuid,
+ source: this._parentSource,
+ origin: this._parentOrigin
+ });
+ }
+ else {
+ }
+ },
+
+ /**
+ * Creates a connection object that represents an open
+ * connection.
+ *
+ * @method _createConnectionObject
+ * @param name {String} The connection name
+ * @param cb {Function} A callback
+ * @param winMeta {Object} Window metadata used to fire the event (e.g., source, origin, and guid)
+ * @private
+ */
+ _createConnectionObject: function (name, cb, winMeta) {
+ var self = this,
+ cbid,
+ sub;
+
+ if (! (name && Y.Lang.isFunction(cb) && winMeta.origin && winMeta.guid)) {
+ return null;
+ }
+
+ cbid = self._registerCallback(cb, winMeta.origin, winMeta.guid, name);
+
+
+ return {
+ write: function (data) {
+ if (! self._subscriptionFor[name]) {
+ return;
+ }
+
+
+ self._fireWindowMessageEvent(name, winMeta.source, winMeta.origin, {
+ data: data,
+ guid: winMeta.guid,
+ callback: cbid
+ });
+ },
+ close: function () {
+ sub = self._subscriptionFor[name];
+ if (sub) {
+ sub.detach();
+ delete self._subscriptionFor[name];
+ }
+ }
+ };
+ },
+
+ /**
+ * Fires a message event at the parent.
+ *
+ * Wrapper around _fireWindowMessageEvent that
+ * buffers any message events fired at the parent if the parent
+ * window is not yet ready. Note that this buffer times out
+ * after a default of 10s but this is configurable via
+ * config.bufferTimeout.
+ *
+ * @method _fireParentMessageEvent
+ * @param name {String} The event name
+ * @param [data] {Object} The event data
+ * @param [cb] {Function|String} The callback or callback ID
+ * @protected
+ */
+ _fireParentMessageEvent: function (name, data, cb) {
+ var self = this,
+ fireParentMessageEvent,
+ sub;
+
+ fireParentMessageEvent = function () {
+ self._fireWindowMessageEvent(name, self._parentSource, self._parentOrigin, {
+ data: data,
+ guid: self._parentGuid,
+ callback: cb
+ });
+ };
+
+ if (! self._parentAppIsReady()) {
+ // Buffer the message event until the parent is ready or until
+ // the timeout, whichever comes first.
+ sub = self._parentProxy.once(self._APPREADY, fireParentMessageEvent);
+
+ // Kill the subscription after a timeout to prevent a memory leak
+ Y.later(self._BUFFER_TIMEOUT, null, function () {
+ if (! self._parentAppIsReady()) {
+ sub.detach();
+ }
+ });
+ }
+ else {
+ fireParentMessageEvent();
+ }
+ },
+
+ /**
+ * Determines if the parent application is ready (i.e., whether
+ * or not the handshake has completed).
+ *
+ * @method _parentAppIsReady
+ * @return {Boolean}
+ * @private
+ */
+ _parentAppIsReady: function () {
+ var evt = this._parentProxy.getEvent(this._APPREADY);
+ return evt.fired;
+ },
+
+ /**
+ * Gets a token to use for the handshake.
+ *
+ * We use the child application's origin since it is known by
+ * both handshake participants.
+ *
+ * @method _getHandshakeToken
+ * @param href {String} The URL of the window we want to establish a connection with
+ * @return {String} The handshake token
+ * @private
+ *
+ */
+ _getHandshakeToken: function (href) {
+ return href.replace(/[?].*$/, '').replace(/[#].*$/, '');
+ },
+
+ /**
+ * Registers a callback for execution when its corresponding
+ * callback facade is invoked. Times out after 10 seconds by
+ * default.
+ *
+ * @method _registerCallback
+ * @param cb {Function} The callback to register
+ * @param origin {String} The origin of the application we want to register the callback against
+ * @param guid {String} The guid of the application we want to register the callback against
+ * @param name {String} The name of the event
+ * @param [timeout] {Number} The number of ms before the subscription should time out. If this value is not provided, then it is assumed that a connection should be opened.
+ */
+ _registerCallback: function (cb, origin, guid, name, timeout) {
+ var proxy = this._proxyFor[guid+origin],
+ cbid = Y.stamp(cb),
+ timer,
+ sub;
+
+ if (! proxy) {
+ return;
+ }
+
+ // If a timeout was provided, we want to subscribe to a single
+ // response generated by the callback facade corresponding to this
+ // callback id within the timeout period.
+ if (timeout) {
+ sub = proxy.once(cbid, function (e) {
+ timer.cancel();
+ cb.apply(null, e.data.args); // invoke the callback with the argument array
+ });
+
+ // Kill the subscription after a timeout to prevent a memory leak
+ timer = Y.later(timeout, null, function () {
+ sub.detach();
+ });
+ }
+ // If a timeout wasn't provided, we want to subscribe to every
+ // response generated by the invocation of the callback facade
+ // corresponding to this callback id.
+ else {
+ this._subscriptionFor[name] = proxy.on(cbid, function (e) {
+ cb.apply(null, e.data.args); // invoke the callback with the argument array
+ });
+ }
+
+ return cbid;
+ },
+
+ /**
+ * Handles the creation of event proxies which are used to
+ * namespace CL events internally.
+ *
+ * @method _createEventProxy
+ * @param key {String} The key to store the proxy under
+ * @return {EventTarget} The proxy
+ * @private
+ */
+ _createEventProxy: function (key) {
+ if (key) {
+ var proxy = new Y.EventTarget();
+
+ proxy.publish(this._APPREADY, {
+ fireOnce: true
+ });
+ this._proxyFor[key] = proxy;
+
+ return proxy;
+ }
+ },
+
+ /**
+ * Handles the deletion of event proxies which are used to
+ * namespace CL events internally.
+ *
+ * @method _deleteEventProxy
+ * @param key {String} The key to store the proxy under
+ * @private
+ */
+ _deleteEventProxy: function (key) {
+ if (this._proxyFor[key]) {
+ this._proxyFor[key].detachAll();
+ this._proxyFor[key] = null;
+ }
+ },
+
+ /**
+ * Subscribe a callback function to execute in response to a
+ * parent event.
+ *
+ * @method _onParentMessageEvent
+ * @return {Object} A subscription object
+ * @protected
+ */
+ _onParentMessageEvent: function () {
+ var args = Y.Array(arguments),
+ config = args.shift(),
+ method = config.once ? 'once' : 'on',
+ proxy = this._parentProxy;
+
+ return proxy[method].apply(proxy, args);
+ },
+
+ /**
+ * Fires a CL message at a window.
+ *
+ * Transforms the outgoing message into a structure that can be
+ * understood by the CL message event handler on the other end.
+ *
+ * @method _fireWindowMessageEvent
+ * @param name {String} The event name
+ * @param source {Window} A reference to a window
+ * @param origin {String} The origin of the window
+ * @param o {Object} Optional arguments
+ * @private
+ */
+ _fireWindowMessageEvent: function (name, source, origin, o) {
+ var msg,
+ cb;
+
+ if (name && source && origin) {
+ o = o || {};
+ cb = o.callback;
+ msg = {
+ name: name,
+ guid: this._GUID
+ };
+
+ if (o.data) {
+ msg.data = o.data;
+ }
+
+ if (Y.Lang.isFunction(cb)) {
+ msg.cbid = this._registerCallback(cb, origin, o.guid, name, this._CALLBACK_TIMEOUT);
+ }
+ else if (Y.Lang.isString(cb)) {
+ msg.cbid = cb;
+ }
+
+ this._postMessage(source, msg, origin);
+ }
+ },
+
+ /**
+ * Posts a window message through the win.postMessage API.
+ *
+ * @method _postMessage
+ * @param win {Object} window reference
+ * @param msg {Object} literal object representing the message to be sent
+ * @param origin {Object} reference to the origin window
+ * @return {boolean} whether or not the message was sent.
+ * @private
+ */
+ _postMessage: function (win, msg, origin) {
+ if (win && win.postMessage && msg && origin) {
+ win.postMessage(Y.JSON.stringify(msg), origin);
+ return true;
+ }
+ },
+
+ /**
+ * Initializes debug mode where you can hook into communication between
+ * the current application and its parent.
+ *
+ * @method _initDebugMode
+ * @private
+ */
+ _initDebugMode: function () {
+ var proxy = this._createEventProxy('debug');
+
+
+ // Global methods which can be used to simulate parent
+ // interaction.
+ YUI.CL = {
+ // The method used to simulate incoming events
+ fire: function (name, data) {
+ proxy.fire(name, {
+ data: data
+ });
+ },
+ // The method used to subscribe to outgoing events
+ on: function () {
+ return proxy.on.apply(proxy, arguments);
+ },
+ // The method used to subscribe to an outgoing event once
+ once: function () {
+ return proxy.once.apply(proxy, arguments);
+ }
+ };
+
+ // Wrapping some methods on this CL instance so that we can
+ // leak incoming/outgoing events through to the debug event
+ // proxy.
+ Y.Array.each(['fire', 'on', 'once'], function (name) {
+ var orig = this[name]; // save original
+ this[name] = function () {
+ proxy[name].apply(proxy, arguments);
+ orig.apply(this, arguments);
+ };
+ }, this);
+ },
+
+ // -- Y.one('window').on('message', ...) IE9 workarounds -----
+
+ _addListener: function (el, ev, fn) {
+ if (el.addEventListener) {
+ el.addEventListener(ev, fn, false);
+ } else if (el.attachEvent) {
+ el.attachEvent('on'+ev, fn);
+ } else {
+ el['on'+ev] = fn;
+ }
+ },
+
+ _removeListener: function(el, ev, fn) {
+ if (el.removeEventListener) {
+ // this can throw an uncaught exception in FF
+ try {
+ el.removeEventListener(ev, fn);
+ } catch (ex) {}
+ } else if (el && el.detachEvent) {
+ el.detachEvent('on'+ev, fn);
+ }
+ }
+
+};
+
+Y.CommunicationLayer = CommunicationLayer;
+
+
+
+}, 'gallery-2012.07.05-20-01' ,{requires:['json', 'node-base', 'event-custom-base'], skinnable:false});
diff --git a/build/gallery-complexnumber/gallery-complexnumber-debug.js b/build/gallery-complexnumber/gallery-complexnumber-debug.js
index feca66312f..73758cd09d 100644
--- a/build/gallery-complexnumber/gallery-complexnumber-debug.js
+++ b/build/gallery-complexnumber/gallery-complexnumber-debug.js
@@ -2,16 +2,18 @@ YUI.add('gallery-complexnumber', function(Y) {
"use strict";
+/**
+ * @module gallery-complexnumber
+ */
+
/**********************************************************************
- * Class for representing a complex number.
+ * Class for representing a complex number. * - * @module gallery-complexnumber - * @class Y.ComplexNumber + * @class ComplexNumber * @constructor - * @param real {number} the real component (default: 0) - * @param imag {number} the imaginary component (default: 0) + * @param real=0 {number} the real component + * @param imag=0 {number} the imaginary component */ - function ComplexNumber(real, imag) { this.r = real || 0; @@ -21,6 +23,7 @@ function ComplexNumber(real, imag) /** * Construct a ComplexNumber from polar coordinates. * + * @method fromPolar * @static * @param magnitude {number} * @param phase {number} @@ -36,6 +39,7 @@ ComplexNumber.fromPolar = function(magnitude, phase) ComplexNumber.prototype = { /** + * @method real * @return {number} real component */ real: function() @@ -44,6 +48,7 @@ ComplexNumber.prototype = }, /** + * @method imag * @return {number} imaginary component */ imag: function() @@ -52,6 +57,7 @@ ComplexNumber.prototype = }, /** + * @method magnitude * @return {number} length of the vector in the complex plane */ magnitude: function() @@ -60,6 +66,7 @@ ComplexNumber.prototype = }, /** + * @method phase * @return {number} angle of the vector (in radians) in the complex plane relative to the positive real axis */ phase: function() @@ -69,6 +76,8 @@ ComplexNumber.prototype = /** * Equivalent of += operator. + * + * @method add * @param v {number} * @chainable */ @@ -91,6 +100,8 @@ ComplexNumber.prototype = /** * Equivalent of -= operator. + * + * @method subtract * @param v {number} * @chainable */ @@ -113,6 +124,8 @@ ComplexNumber.prototype = /** * Equivalent of *= operator. + * + * @method multiply * @param v {number} * @chainable */ @@ -139,8 +152,10 @@ ComplexNumber.prototype = /** * Equivalent of /= operator. - * @param v {number} + * + * @method divide * @chainable + * @param v {number} */ divide: function(v) { @@ -163,6 +178,8 @@ ComplexNumber.prototype = /** * Equivalent of unary minus operator. + * + * @method negate * @chainable */ negate: function() @@ -177,6 +194,8 @@ ComplexNumber.prototype = /** * Negates the imaginary part. + * + * @method conjugate * @chainable */ conjugate: function() @@ -190,8 +209,10 @@ ComplexNumber.prototype = /** * Rotates the number around the origin by the specified angle in radians. - * @param angle {number} + * + * @method rotate * @chainable + * @param angle {number} */ rotate: function( /* float */ angle) @@ -229,13 +250,18 @@ ComplexNumber.prototype = Y.ComplexNumber = ComplexNumber; /********************************************************************** - *This collection of functions provides the complex number equivalent - * of the built-in JavaScript Math namespace, along with the basic - * arithmetic operations (since JavaScript does not support operator - * overloading).
- * + * Support for complex numbers. + * * @module gallery-complexnumber - * @class Y.ComplexMath + * @main gallery-complexnumber + */ + +/** + * This collection of functions provides the complex number equivalent of + * the built-in JavaScript Math namespace, along with the basic arithmetic + * operations (since JavaScript does not support operator overloading). + * + * @class ComplexMath */ function failIfConstant(v) @@ -250,15 +276,27 @@ var ComplexMath = { /** * Zero. + * + * @property ZERO + * @type {ComplexNumber} + * @static + * @final */ ZERO: new ComplexNumber(), /** * Square root of -1. + * + * @property I + * @type {ComplexNumber} + * @static + * @final */ I: new ComplexNumber(0,1), /** + * @method isComplexNumber + * @static * @return {boolean} true if the argument is a ComplexNumber */ isComplexNumber: function(v) @@ -268,6 +306,8 @@ var ComplexMath = }, /** + * @method add + * @static * @return {number} sum of all the arguments (either passed separately or as an array) */ add: function() @@ -287,6 +327,8 @@ var ComplexMath = }, /** + * @method addReciprocals + * @static * @return {number} sum of the reciprocals of all the arguments (either passed separately or as an array) */ addReciprocals: function() @@ -308,6 +350,8 @@ var ComplexMath = }, /** + * @method parallel + * @static * @return {number} net value of N impedances in parallel (either passed separately or as an array) */ parallel: function() @@ -316,6 +360,8 @@ var ComplexMath = }, /** + * @method subtract + * @static * @param v1 {number} * @param v2 {number} * @return {number} v1-v2 @@ -343,6 +389,8 @@ var ComplexMath = }, /** + * @method multiply + * @static * @return {number} product of all the arguments (either passed separately or as an array) */ multiply: function() @@ -362,6 +410,8 @@ var ComplexMath = }, /** + * @method divide + * @static * @param v1 {number} * @param v2 {number} * @return {number} v1/v2 @@ -393,6 +443,8 @@ var ComplexMath = }, /** + * @method negative + * @static * @param v {number} * @return {number} negative of the argument */ @@ -409,6 +461,8 @@ var ComplexMath = }, /** + * @method abs + * @static * @param v {number} * @return {number} absolute value (magnitude) of the argument */ @@ -425,6 +479,8 @@ var ComplexMath = }, /** + * @method phase + * @static * @param v {number} * @return {number} phase of the argument */ @@ -441,6 +497,8 @@ var ComplexMath = }, /** + * @method conjugate + * @static * @param v {number} * @return {number} complex conjugate of the argument */ @@ -457,6 +515,8 @@ var ComplexMath = }, /** + * @method rotate + * @static * @param v {number} * @param a {number} angle in radians * @return {number} phase of the argument @@ -467,6 +527,8 @@ var ComplexMath = }, /** + * @method acosh + * @static * @param v {number} * @return {number} inverse hyperbolic cosine of the argument */ @@ -487,6 +549,8 @@ var ComplexMath = }, /** + * @method asinh + * @static * @param v {number} * @return {number} inverse hyperbolic sine of the argument */ @@ -506,6 +570,8 @@ var ComplexMath = }, /** + * @method atanh + * @static * @param v {number} * @return {number} inverse hyperbolic tangent of the argument */ @@ -525,6 +591,8 @@ var ComplexMath = }, /** + * @method cos + * @static * @param v {number} * @return {number} cosine of the argument */ @@ -543,6 +611,8 @@ var ComplexMath = }, /** + * @method cosh + * @static * @param v {number} * @return {number} hyperbolic cosine of the argument */ @@ -562,6 +632,8 @@ var ComplexMath = }, /** + * @method exp + * @static * @param v {number} * @return {number} e raised to the argument */ @@ -580,6 +652,8 @@ var ComplexMath = }, /** + * @method log + * @static * @param v {number} * @return {number} natural logarithm of the argument */ @@ -596,6 +670,8 @@ var ComplexMath = }, /** + * @method pow + * @static * @param v {number} value * @param e {number} exponent * @return {number} value raised to the exponent @@ -622,6 +698,8 @@ var ComplexMath = }, /** + * @method sin + * @static * @param v {number} * @return {number} sine of the argument */ @@ -640,6 +718,8 @@ var ComplexMath = }, /** + * @method sinh + * @static * @param v {number} * @return {number} hyperbolic sine of the argument */ @@ -659,6 +739,8 @@ var ComplexMath = }, /** + * @method sqrt + * @static * @param v {number} * @return {number} square root of the argument */ @@ -671,6 +753,8 @@ var ComplexMath = }, /** + * @method tan + * @static * @param v {number} * @return {number} tangent of the argument */ @@ -687,6 +771,8 @@ var ComplexMath = }, /** + * @method tanh + * @static * @param v {number} * @return {number} hyperbolic tangent of the argument */ @@ -709,4 +795,4 @@ var ComplexMath = Y.ComplexMath = ComplexMath; -}, 'gallery-2011.04.27-17-14' ,{requires:['gallery-math']}); +}, 'gallery-2012.05.16-20-37' ,{requires:['gallery-math']}); diff --git a/build/gallery-complexnumber/gallery-complexnumber-min.js b/build/gallery-complexnumber/gallery-complexnumber-min.js index 5c619f45a3..4b70073ae3 100644 --- a/build/gallery-complexnumber/gallery-complexnumber-min.js +++ b/build/gallery-complexnumber/gallery-complexnumber-min.js @@ -1 +1 @@ -YUI.add("gallery-complexnumber",function(d){function c(f,e){this.r=f||0;this.i=e||0;}c.fromPolar=function(f,e){return new c(f*Math.cos(e),f*Math.sin(e));};c.prototype={real:function(){return this.r;},imag:function(){return this.i;},magnitude:function(){return Math.sqrt(this.r*this.r+this.i*this.i);},phase:function(){return Math.atan2(this.i,this.r);},add:function(e){b(this);if(a.isComplexNumber(e)){this.r+=e.r;this.i+=e.i;}else{this.r+=e;}return this;},subtract:function(e){b(this);if(a.isComplexNumber(e)){this.r-=e.r;this.i-=e.i;}else{this.r-=e;}return this;},multiply:function(e){b(this);if(a.isComplexNumber(e)){var g=this.r*e.r-this.i*e.i;var f=this.r*e.i+this.i*e.r;this.r=g;this.i=f;}else{this.r*=e;this.i*=e;}return this;},divide:function(f){b(this);if(a.isComplexNumber(f)){var e=a.divide(this,f);this.r=e.r;this.i=e.i;}else{this.r/=f;this.i/=f;}return this;},negate:function(){b(this);this.r=-this.r;this.i=-this.i;return this;},conjugate:function(){b(this);this.i=-this.i;return this;},rotate:function(e){b(this);this.multiply(c.fromPolar(1,e));return this;},toString:function(){function e(f){return f===1?"i":f===-1?"-i":f+"i";}if(this.i===0){return this.r.toString();}else{if(this.r===0){return e(this.i);}else{return this.r+(this.i>0?"+":"")+e(this.i);}}}};d.ComplexNumber=c;function b(e){if(e===a.ZERO||e===a.I){throw Error("You cannot modify ZERO or I");}}var a={ZERO:new c(),I:new c(0,1),isComplexNumber:function(e){return((e instanceof c)||(e.hasOwnProperty("r")&&e.hasOwnProperty("i")));},add:function(){var e=new c();d.Array.each(arguments,function(f){if(d.Lang.isArray(f)){f=a.add.apply(this,f);}e.add(f);});return e;},addReciprocals:function(){var e=new c();d.Array.each(arguments,function(f){if(d.Lang.isArray(f)){e.add(a.addReciprocals.apply(this,f));}else{e.add(a.divide(1,f));}});return e;},parallel:function(){return a.divide(1,a.addReciprocals.apply(this,arguments));},subtract:function(h,g){var f=a.isComplexNumber(h),e=a.isComplexNumber(g);if(f&&e){return new c(h.r-g.r,h.i-g.i);}else{if(f){return new c(h.r-g,h.i);}else{if(e){return new c(h-g.r,-g.i);}else{return new c(h-g,0);}}}},multiply:function(){var e=new c(1,0);d.Array.each(arguments,function(f){if(d.Lang.isArray(f)){f=a.multiply.apply(this,f);}e.multiply(f);});return e;},divide:function(i,h){var f=a.isComplexNumber(i),e=a.isComplexNumber(h);if(f&&e){var g=h.r*h.r+h.i*h.i;return new c((i.r*h.r+i.i*h.i)/g,(i.i*h.r-i.r*h.i)/g);}else{if(f){return new c(i.r/h,i.i/h);}else{if(e){var g=h.r*h.r+h.i*h.i;return new c((i*h.r)/g,(-i*h.i)/g);}else{return new c(i/h,0);}}}},negative:function(e){if(a.isComplexNumber(e)){return new c(-e.r,-e.i);}else{return new c(-e,0);}},abs:function(e){if(a.isComplexNumber(e)){return new c(Math.sqrt(e.r*e.r+e.i*e.i),0);}else{return new c(Math.abs(e),0);}},phase:function(e){if(a.isComplexNumber(e)){return new c(Math.atan2(e.i,e.r),0);}else{return new c();}},conjugate:function(e){if(a.isComplexNumber(e)){return new c(e.r,-e.i);}else{return new c(e,0);}},rotate:function(f,e){return a.multiply(f,c.fromPolar(1,e));},acosh:function(e){if(a.isComplexNumber(e)){return a.log(a.add(e,a.multiply(a.sqrt(new c(e.r+1,e.i)),a.sqrt(new c(e.r-1,e.i)))));}else{return new c(Math.acosh(e),0);}},asinh:function(e){if(a.isComplexNumber(e)){var f=a.multiply(e,e);return a.log(a.add(e,a.sqrt(new c(f.r+1,f.i))));}else{return new c(Math.asinh(e),0);}},atanh:function(e){if(a.isComplexNumber(e)){var f=a.subtract(a.log(new c(1+e.r,e.i)),a.log(new c(1-e.r,-e.i)));return new c(f.r/2,f.i/2);}else{return new c(Math.atanh(e),0);}},cos:function(e){if(a.isComplexNumber(e)){return new c(Math.cos(e.r)*Math.cosh(e.i),-Math.sin(e.r)*Math.sinh(e.i));}else{return new c(Math.cos(e),0);}},cosh:function(e){if(a.isComplexNumber(e)){var f=a.add(a.exp(e),a.exp(new c(-e.r,-e.i)));return new c(f.r/2,f.i/2);}else{return new c(Math.cosh(e),0);}},exp:function(e){if(a.isComplexNumber(e)){var f=new c(Math.cos(e.i),Math.sin(e.i));f.multiply(Math.exp(e.r));return f;}else{return new c(Math.exp(e),0);}},log:function(e){if(a.isComplexNumber(e)){return new c(Math.log(e.magnitude()),e.phase());}else{return new c(Math.log(e),0);}},pow:function(f,i){var h=a.isComplexNumber(f);if((h&&f.r===0&&f.i===0)||(!h&&f===0)){var g=a.isComplexNumber(i);if((g&&i.r===0&&i.i===0)||(!g&&i===0)){return new c(1);}else{return new c();}}else{return a.exp(a.multiply(a.log(f),i));}},sin:function(e){if(a.isComplexNumber(e)){return new c(Math.sin(e.r)*Math.cosh(e.i),Math.cos(e.r)*Math.sinh(e.i));}else{return new c(Math.sin(e),0);}},sinh:function(e){if(a.isComplexNumber(e)){var f=a.subtract(a.exp(e),a.exp(new c(-e.r,-e.i)));return new c(f.r/2,f.i/2);}else{return new c(Math.sinh(e),0);}},sqrt:function(e){var f=a.isComplexNumber(e);return c.fromPolar(Math.sqrt(f?e.magnitude():Math.abs(e)),(f?e.phase():e<0?Math.PI:0)/2);},tan:function(e){if(a.isComplexNumber(e)){return a.divide(a.sin(e),a.cos(e));}else{return new c(Math.tan(e),0);}},tanh:function(f){if(a.isComplexNumber(f)){var g=a.exp(new c(2*f.r,2*f.i));return a.divide(new c(g.r-1,g.i),new c(g.r+1,g.i));}else{return new c(Math.tanh(f),0);}}};d.ComplexMath=a;},"gallery-2011.04.27-17-14",{requires:["gallery-math"]}); \ No newline at end of file +YUI.add("gallery-complexnumber",function(d){function c(f,e){this.r=f||0;this.i=e||0;}c.fromPolar=function(f,e){return new c(f*Math.cos(e),f*Math.sin(e));};c.prototype={real:function(){return this.r;},imag:function(){return this.i;},magnitude:function(){return Math.sqrt(this.r*this.r+this.i*this.i);},phase:function(){return Math.atan2(this.i,this.r);},add:function(e){b(this);if(a.isComplexNumber(e)){this.r+=e.r;this.i+=e.i;}else{this.r+=e;}return this;},subtract:function(e){b(this);if(a.isComplexNumber(e)){this.r-=e.r;this.i-=e.i;}else{this.r-=e;}return this;},multiply:function(e){b(this);if(a.isComplexNumber(e)){var g=this.r*e.r-this.i*e.i;var f=this.r*e.i+this.i*e.r;this.r=g;this.i=f;}else{this.r*=e;this.i*=e;}return this;},divide:function(f){b(this);if(a.isComplexNumber(f)){var e=a.divide(this,f);this.r=e.r;this.i=e.i;}else{this.r/=f;this.i/=f;}return this;},negate:function(){b(this);this.r=-this.r;this.i=-this.i;return this;},conjugate:function(){b(this);this.i=-this.i;return this;},rotate:function(e){b(this);this.multiply(c.fromPolar(1,e));return this;},toString:function(){function e(f){return f===1?"i":f===-1?"-i":f+"i";}if(this.i===0){return this.r.toString();}else{if(this.r===0){return e(this.i);}else{return this.r+(this.i>0?"+":"")+e(this.i);}}}};d.ComplexNumber=c;function b(e){if(e===a.ZERO||e===a.I){throw Error("You cannot modify ZERO or I");}}var a={ZERO:new c(),I:new c(0,1),isComplexNumber:function(e){return((e instanceof c)||(e.hasOwnProperty("r")&&e.hasOwnProperty("i")));},add:function(){var e=new c();d.Array.each(arguments,function(f){if(d.Lang.isArray(f)){f=a.add.apply(this,f);}e.add(f);});return e;},addReciprocals:function(){var e=new c();d.Array.each(arguments,function(f){if(d.Lang.isArray(f)){e.add(a.addReciprocals.apply(this,f));}else{e.add(a.divide(1,f));}});return e;},parallel:function(){return a.divide(1,a.addReciprocals.apply(this,arguments));},subtract:function(h,g){var f=a.isComplexNumber(h),e=a.isComplexNumber(g);if(f&&e){return new c(h.r-g.r,h.i-g.i);}else{if(f){return new c(h.r-g,h.i);}else{if(e){return new c(h-g.r,-g.i);}else{return new c(h-g,0);}}}},multiply:function(){var e=new c(1,0);d.Array.each(arguments,function(f){if(d.Lang.isArray(f)){f=a.multiply.apply(this,f);}e.multiply(f);});return e;},divide:function(i,h){var f=a.isComplexNumber(i),e=a.isComplexNumber(h);if(f&&e){var g=h.r*h.r+h.i*h.i;return new c((i.r*h.r+i.i*h.i)/g,(i.i*h.r-i.r*h.i)/g);}else{if(f){return new c(i.r/h,i.i/h);}else{if(e){var g=h.r*h.r+h.i*h.i;return new c((i*h.r)/g,(-i*h.i)/g);}else{return new c(i/h,0);}}}},negative:function(e){if(a.isComplexNumber(e)){return new c(-e.r,-e.i);}else{return new c(-e,0);}},abs:function(e){if(a.isComplexNumber(e)){return new c(Math.sqrt(e.r*e.r+e.i*e.i),0);}else{return new c(Math.abs(e),0);}},phase:function(e){if(a.isComplexNumber(e)){return new c(Math.atan2(e.i,e.r),0);}else{return new c();}},conjugate:function(e){if(a.isComplexNumber(e)){return new c(e.r,-e.i);}else{return new c(e,0);}},rotate:function(f,e){return a.multiply(f,c.fromPolar(1,e));},acosh:function(e){if(a.isComplexNumber(e)){return a.log(a.add(e,a.multiply(a.sqrt(new c(e.r+1,e.i)),a.sqrt(new c(e.r-1,e.i)))));}else{return new c(Math.acosh(e),0);}},asinh:function(e){if(a.isComplexNumber(e)){var f=a.multiply(e,e);return a.log(a.add(e,a.sqrt(new c(f.r+1,f.i))));}else{return new c(Math.asinh(e),0);}},atanh:function(e){if(a.isComplexNumber(e)){var f=a.subtract(a.log(new c(1+e.r,e.i)),a.log(new c(1-e.r,-e.i)));return new c(f.r/2,f.i/2);}else{return new c(Math.atanh(e),0);}},cos:function(e){if(a.isComplexNumber(e)){return new c(Math.cos(e.r)*Math.cosh(e.i),-Math.sin(e.r)*Math.sinh(e.i));}else{return new c(Math.cos(e),0);}},cosh:function(e){if(a.isComplexNumber(e)){var f=a.add(a.exp(e),a.exp(new c(-e.r,-e.i)));return new c(f.r/2,f.i/2);}else{return new c(Math.cosh(e),0);}},exp:function(e){if(a.isComplexNumber(e)){var f=new c(Math.cos(e.i),Math.sin(e.i));f.multiply(Math.exp(e.r));return f;}else{return new c(Math.exp(e),0);}},log:function(e){if(a.isComplexNumber(e)){return new c(Math.log(e.magnitude()),e.phase());}else{return new c(Math.log(e),0);}},pow:function(f,i){var h=a.isComplexNumber(f);if((h&&f.r===0&&f.i===0)||(!h&&f===0)){var g=a.isComplexNumber(i);if((g&&i.r===0&&i.i===0)||(!g&&i===0)){return new c(1);}else{return new c();}}else{return a.exp(a.multiply(a.log(f),i));}},sin:function(e){if(a.isComplexNumber(e)){return new c(Math.sin(e.r)*Math.cosh(e.i),Math.cos(e.r)*Math.sinh(e.i));}else{return new c(Math.sin(e),0);}},sinh:function(e){if(a.isComplexNumber(e)){var f=a.subtract(a.exp(e),a.exp(new c(-e.r,-e.i)));return new c(f.r/2,f.i/2);}else{return new c(Math.sinh(e),0);}},sqrt:function(e){var f=a.isComplexNumber(e);return c.fromPolar(Math.sqrt(f?e.magnitude():Math.abs(e)),(f?e.phase():e<0?Math.PI:0)/2);},tan:function(e){if(a.isComplexNumber(e)){return a.divide(a.sin(e),a.cos(e));}else{return new c(Math.tan(e),0);}},tanh:function(f){if(a.isComplexNumber(f)){var g=a.exp(new c(2*f.r,2*f.i));return a.divide(new c(g.r-1,g.i),new c(g.r+1,g.i));}else{return new c(Math.tanh(f),0);}}};d.ComplexMath=a;},"gallery-2012.05.16-20-37",{requires:["gallery-math"]}); \ No newline at end of file diff --git a/build/gallery-complexnumber/gallery-complexnumber.js b/build/gallery-complexnumber/gallery-complexnumber.js index feca66312f..73758cd09d 100644 --- a/build/gallery-complexnumber/gallery-complexnumber.js +++ b/build/gallery-complexnumber/gallery-complexnumber.js @@ -2,16 +2,18 @@ YUI.add('gallery-complexnumber', function(Y) { "use strict"; +/** + * @module gallery-complexnumber + */ + /********************************************************************** - *Class for representing a complex number.
+ * Class for representing a complex number. * - * @module gallery-complexnumber - * @class Y.ComplexNumber + * @class ComplexNumber * @constructor - * @param real {number} the real component (default: 0) - * @param imag {number} the imaginary component (default: 0) + * @param real=0 {number} the real component + * @param imag=0 {number} the imaginary component */ - function ComplexNumber(real, imag) { this.r = real || 0; @@ -21,6 +23,7 @@ function ComplexNumber(real, imag) /** * Construct a ComplexNumber from polar coordinates. * + * @method fromPolar * @static * @param magnitude {number} * @param phase {number} @@ -36,6 +39,7 @@ ComplexNumber.fromPolar = function(magnitude, phase) ComplexNumber.prototype = { /** + * @method real * @return {number} real component */ real: function() @@ -44,6 +48,7 @@ ComplexNumber.prototype = }, /** + * @method imag * @return {number} imaginary component */ imag: function() @@ -52,6 +57,7 @@ ComplexNumber.prototype = }, /** + * @method magnitude * @return {number} length of the vector in the complex plane */ magnitude: function() @@ -60,6 +66,7 @@ ComplexNumber.prototype = }, /** + * @method phase * @return {number} angle of the vector (in radians) in the complex plane relative to the positive real axis */ phase: function() @@ -69,6 +76,8 @@ ComplexNumber.prototype = /** * Equivalent of += operator. + * + * @method add * @param v {number} * @chainable */ @@ -91,6 +100,8 @@ ComplexNumber.prototype = /** * Equivalent of -= operator. + * + * @method subtract * @param v {number} * @chainable */ @@ -113,6 +124,8 @@ ComplexNumber.prototype = /** * Equivalent of *= operator. + * + * @method multiply * @param v {number} * @chainable */ @@ -139,8 +152,10 @@ ComplexNumber.prototype = /** * Equivalent of /= operator. - * @param v {number} + * + * @method divide * @chainable + * @param v {number} */ divide: function(v) { @@ -163,6 +178,8 @@ ComplexNumber.prototype = /** * Equivalent of unary minus operator. + * + * @method negate * @chainable */ negate: function() @@ -177,6 +194,8 @@ ComplexNumber.prototype = /** * Negates the imaginary part. + * + * @method conjugate * @chainable */ conjugate: function() @@ -190,8 +209,10 @@ ComplexNumber.prototype = /** * Rotates the number around the origin by the specified angle in radians. - * @param angle {number} + * + * @method rotate * @chainable + * @param angle {number} */ rotate: function( /* float */ angle) @@ -229,13 +250,18 @@ ComplexNumber.prototype = Y.ComplexNumber = ComplexNumber; /********************************************************************** - *This collection of functions provides the complex number equivalent - * of the built-in JavaScript Math namespace, along with the basic - * arithmetic operations (since JavaScript does not support operator - * overloading).
- * + * Support for complex numbers. + * * @module gallery-complexnumber - * @class Y.ComplexMath + * @main gallery-complexnumber + */ + +/** + * This collection of functions provides the complex number equivalent of + * the built-in JavaScript Math namespace, along with the basic arithmetic + * operations (since JavaScript does not support operator overloading). + * + * @class ComplexMath */ function failIfConstant(v) @@ -250,15 +276,27 @@ var ComplexMath = { /** * Zero. + * + * @property ZERO + * @type {ComplexNumber} + * @static + * @final */ ZERO: new ComplexNumber(), /** * Square root of -1. + * + * @property I + * @type {ComplexNumber} + * @static + * @final */ I: new ComplexNumber(0,1), /** + * @method isComplexNumber + * @static * @return {boolean} true if the argument is a ComplexNumber */ isComplexNumber: function(v) @@ -268,6 +306,8 @@ var ComplexMath = }, /** + * @method add + * @static * @return {number} sum of all the arguments (either passed separately or as an array) */ add: function() @@ -287,6 +327,8 @@ var ComplexMath = }, /** + * @method addReciprocals + * @static * @return {number} sum of the reciprocals of all the arguments (either passed separately or as an array) */ addReciprocals: function() @@ -308,6 +350,8 @@ var ComplexMath = }, /** + * @method parallel + * @static * @return {number} net value of N impedances in parallel (either passed separately or as an array) */ parallel: function() @@ -316,6 +360,8 @@ var ComplexMath = }, /** + * @method subtract + * @static * @param v1 {number} * @param v2 {number} * @return {number} v1-v2 @@ -343,6 +389,8 @@ var ComplexMath = }, /** + * @method multiply + * @static * @return {number} product of all the arguments (either passed separately or as an array) */ multiply: function() @@ -362,6 +410,8 @@ var ComplexMath = }, /** + * @method divide + * @static * @param v1 {number} * @param v2 {number} * @return {number} v1/v2 @@ -393,6 +443,8 @@ var ComplexMath = }, /** + * @method negative + * @static * @param v {number} * @return {number} negative of the argument */ @@ -409,6 +461,8 @@ var ComplexMath = }, /** + * @method abs + * @static * @param v {number} * @return {number} absolute value (magnitude) of the argument */ @@ -425,6 +479,8 @@ var ComplexMath = }, /** + * @method phase + * @static * @param v {number} * @return {number} phase of the argument */ @@ -441,6 +497,8 @@ var ComplexMath = }, /** + * @method conjugate + * @static * @param v {number} * @return {number} complex conjugate of the argument */ @@ -457,6 +515,8 @@ var ComplexMath = }, /** + * @method rotate + * @static * @param v {number} * @param a {number} angle in radians * @return {number} phase of the argument @@ -467,6 +527,8 @@ var ComplexMath = }, /** + * @method acosh + * @static * @param v {number} * @return {number} inverse hyperbolic cosine of the argument */ @@ -487,6 +549,8 @@ var ComplexMath = }, /** + * @method asinh + * @static * @param v {number} * @return {number} inverse hyperbolic sine of the argument */ @@ -506,6 +570,8 @@ var ComplexMath = }, /** + * @method atanh + * @static * @param v {number} * @return {number} inverse hyperbolic tangent of the argument */ @@ -525,6 +591,8 @@ var ComplexMath = }, /** + * @method cos + * @static * @param v {number} * @return {number} cosine of the argument */ @@ -543,6 +611,8 @@ var ComplexMath = }, /** + * @method cosh + * @static * @param v {number} * @return {number} hyperbolic cosine of the argument */ @@ -562,6 +632,8 @@ var ComplexMath = }, /** + * @method exp + * @static * @param v {number} * @return {number} e raised to the argument */ @@ -580,6 +652,8 @@ var ComplexMath = }, /** + * @method log + * @static * @param v {number} * @return {number} natural logarithm of the argument */ @@ -596,6 +670,8 @@ var ComplexMath = }, /** + * @method pow + * @static * @param v {number} value * @param e {number} exponent * @return {number} value raised to the exponent @@ -622,6 +698,8 @@ var ComplexMath = }, /** + * @method sin + * @static * @param v {number} * @return {number} sine of the argument */ @@ -640,6 +718,8 @@ var ComplexMath = }, /** + * @method sinh + * @static * @param v {number} * @return {number} hyperbolic sine of the argument */ @@ -659,6 +739,8 @@ var ComplexMath = }, /** + * @method sqrt + * @static * @param v {number} * @return {number} square root of the argument */ @@ -671,6 +753,8 @@ var ComplexMath = }, /** + * @method tan + * @static * @param v {number} * @return {number} tangent of the argument */ @@ -687,6 +771,8 @@ var ComplexMath = }, /** + * @method tanh + * @static * @param v {number} * @return {number} hyperbolic tangent of the argument */ @@ -709,4 +795,4 @@ var ComplexMath = Y.ComplexMath = ComplexMath; -}, 'gallery-2011.04.27-17-14' ,{requires:['gallery-math']}); +}, 'gallery-2012.05.16-20-37' ,{requires:['gallery-math']}); diff --git a/build/gallery-composite-image/gallery-composite-image-debug.js b/build/gallery-composite-image/gallery-composite-image-debug.js new file mode 100644 index 0000000000..e9174ebd51 --- /dev/null +++ b/build/gallery-composite-image/gallery-composite-image-debug.js @@ -0,0 +1,513 @@ +YUI.add('gallery-composite-image', function(Y) { + +(function (Y) { + 'use strict'; + + /** + * @module gallery-composite-image + */ + + var _namespace = Y.namespace('Composite'), + + _getGetAtFunction, + _getGetPixelIndexFunction, + + _class; + + /** + * Image Class + * @class Image + * @constructor + * @extends Base + * @namespace Composite + * @param {Object} config Configuration Object. + */ + + _class = function (config) { + _class.superclass.constructor.call(this, config); + }; + + _class.ATTRS = { + /** + * Defines the color space for the image. + * + * An image can have as many channels as needed. 3 or 4 channels is + * most common. Usually the first channel is the red color component, + * the second is green, the third is blue, and the fourth is alpha. + * + * There are various ways to represent the value of a channel. + * Values can either be stored as integers or floating-point numbers. + * Values may be constrained within a minimum and maximum value. + * + * Most commonly red, green, and blue channels are represented by + * integers between 0 and 255. In this case the values 0, 0, 0 + * represent black and the values 255, 255, 255 represent white. + * + * The alpha channel is commonly stored as a floating-point value from 0 + * to 1. 1 represents a completely visible pixel while 0 is completely + * transparent. + * + * Values are not required to be constrained. For example, sometimes it + * is interesting or useful to store colors which have brightness beyond + * white. + * + * This attribute should be set to an array of objects. This array + * represents the channels in order. This array should have at least + * one element. This should not be a sparse array. Each object must + * have a mode property. The mode property must be set to either 'f' + * for floating-point values or 'i' for integer values. Each object may + * include the optional maximum and/or minimum properties. Each object + * may include the optional blackValue and/or whiteValue properties. If + * undefined, blackValue will default to 0 and whiteValue will default + * to 255 when mode is set to 'i' or 1 otherwise. + * + * @attribute channels + * @default [ + * {maximum: 255, minimum: 0, mode:'i'}, + * {maximum: 255, minimum: 0, mode:'i'}, + * {maximum: 255, minimum: 0, mode:'i'}, + * {maximum: 1, minimum: 0, mode:'f'} + * ] + * @type Array + * @writeOnce + */ + channels: { + value: [{ + maximum: 255, + minimum: 0, + mode: 'i' + }, { + maximum: 255, + minimum: 0, + mode: 'i' + }, { + maximum: 255, + minimum: 0, + mode: 'i' + }, { + maximum: 1, + minimum: 0, + mode: 'f' + }], + writeOnce: 'initOnly' + }, + /** + * Defines the pixel dimensions of the image. + * + * An image can have as many dimensions as needed. 2 dimensions is most + * common. Usually the first dimension is width and the second is + * height. + * + * @attribute dimensions + * @default [512, 512] + * @type Array + * @writeOnce + */ + dimensions: { + value: [ + 512, + 512 + ], + writeOnce: 'initOnly' + }, + /** + * Contains the number of pixels in the image. + * @attribute pixelCount + * @readOnly + * @type Number + */ + pixelCount: { + readOnly: true + } + }; + + _class.NAME = 'Composite-Image'; + + Y.extend(_class, Y.Base, { + /** + * Clears the image. + * This method is chainable. + * @method clear + * @chainable + */ + clear: function () { + var me = this, + pixelData = []; + + pixelData.length = me._pixelData.length; + + me._pixelData = pixelData; + + return me; + }, + /** + * Returns a new identical image. + * @method clone + * @return {Object} + */ + clone: function () { + var me = this, + other = new _class({ + channels: me.get('channels'), + dimensions: me.get('dimensions') + }); + + other._pixelData = me._pixelData.slice(); + + return other; + }, + /** + * Invokes a function for each pixel in the image. + * This method is chainable. + * @method eachPixel + * @chainable + * @param {Object} pixelParameters This object contains the following + * members + *-
+ *
- + * ctx - Object - Optional scope with which to call fn. + * + *
-
+ * fn - Function - This function is invoked once per pixel.
+ * This function will receive an object with the following
+ * parameters
+ *
-
+ *
- + * at - Array of image pixel coordinates. + * + *
- + * chs - Array of image channel definitions. + * + *
- + * dims - Array of image dimension lengths. + * + *
- + * img - Reference to this image. + * + *
- + * pch - Array of pixel channel indices. + * + *
- + * pcnt - Number of pixels in this image. + * + *
- + * pix - Integer index of this pixel. + * + *
- + * pxl - Array of pixel channel values. + * + *
+ * - + * pch - Array - Optional array of channel indexes. If + * undefined, pixels will contain all channels in order. + * + *
-
+ *
- + * chs - Array of image channel definitions. + * + *
- + * dims - Array of image dimension lengths. + * + *
- + * img - Reference to this image. + * + *
- + * pcnt - Number of pixels in this image. + * + *
- + * pix - The last integer pixel index processed. If eachPixel + * was not stopped early, this value should be equal to pcnt and + * not a valid pixel index. + * + *
-
+ *
- + * ctx - Object - Optional scope with which to call fn. + * + *
-
+ * fn - Function - This function is invoked once per pixel.
+ * This function will receive an object with the following
+ * parameters
+ *
-
+ *
- + * at - Array of image pixel coordinates. + * + *
- + * chs - Array of image channel definitions. + * + *
- + * dims - Array of image dimension lengths. + * + *
- + * img - Reference to this image. + * + *
- + * pch - Array of pixel channel indices. + * + *
- + * pcnt - Number of pixels in this image. + * + *
- + * pix - Integer index of this pixel. + * + *
- + * pxl - Array of pixel channel values. + * + *
+ * - + * pch - Array - Optional array of channel indexes. If + * undefined, pixels will contain all channels in order. + * + *
-
+ *
- + * chs - Array of image channel definitions. + * + *
- + * dims - Array of image dimension lengths. + * + *
- + * img - Reference to this image. + * + *
- + * pcnt - Number of pixels in this image. + * + *
- + * pix - The last integer pixel index processed. If eachPixel + * was not stopped early, this value should be equal to pcnt and + * not a valid pixel index. + * + *
Adds a menu of registered unit test suites to the YUI 3 Console.
* - * @module gallery-console-test - * @namespace Plugin + * @main gallery-console-test * @class ConsoleTest + * @namespace Plugin * @extends Plugin.Base */ @@ -116,4 +120,4 @@ Y.namespace("Plugin"); Y.Plugin.ConsoleTest = ConsoleTest; -}, 'gallery-2011.06.29-23-18' ,{requires:['console','plugin','test'], skinnable:true}); +}, 'gallery-2012.05.16-20-37' ,{requires:['console','plugin','test'], skinnable:true}); diff --git a/build/gallery-console-test/gallery-console-test-min.js b/build/gallery-console-test/gallery-console-test-min.js index 29d7bf6d3f..6781730489 100644 --- a/build/gallery-console-test/gallery-console-test-min.js +++ b/build/gallery-console-test/gallery-console-test-min.js @@ -1 +1 @@ -YUI.add("gallery-console-test",function(c){function a(d){a.superclass.constructor.call(this,d);}a.NAME="ConsoleTestPlugin";a.NS="test";function b(e){var d=c.Node.getDOMNode(e);d.length=0;d[0]=new Option("All tests",-1);c.Array.each(c.Test.Runner.masterSuite.items,function(g,f){d[f+1]=new Option(g.name,f);});}c.extend(a,c.Plugin.Base,{initializer:function(d){this.doAfter("renderUI",this.renderUI);if(this.get("host").get("rendered")){this.renderUI();}},destructor:function(){this.container.remove();},renderUI:function(){var g=this.get("host").get("contentBox").one("."+c.Console.CHROME_CLASSES.console_ft_class);if(g){this.container=c.Node.create(c.Lang.sub(''+''+''+''+"
",{c:c.ClassNameManager.getClassName("console","test","container"),b1:"Run",b2:"Refresh"}));var f=this.container.one("select");b(f);this.container.one("button.run").on("click",function(){var j=f.get("value");if(j>=0){var l=c.Test.Runner.masterSuite.items;c.Test.Runner.clear();c.Test.Runner.add(l[j]);var k=c.Test.Runner.on("complete",function(){k.detach();c.Test.Runner.clear();c.Array.each(l,function(h){c.Test.Runner.add(h);});});}c.Test.Runner.run();});this.container.one("button.refresh").on("click",function(){b(f);});var e=g.one("."+c.Console.CHROME_CLASSES.console_controls_class);var d=e.get("nextSibling");if(d){g.insertBefore(this.container,d);}else{g.appendChild(this.container);}}}});c.namespace("Plugin");c.Plugin.ConsoleTest=a;},"gallery-2011.06.29-23-18",{requires:["console","plugin","test"],skinnable:true});
\ No newline at end of file
+YUI.add("gallery-console-test",function(c){function a(d){a.superclass.constructor.call(this,d);}a.NAME="ConsoleTestPlugin";a.NS="test";function b(e){var d=c.Node.getDOMNode(e);d.length=0;d[0]=new Option("All tests",-1);c.Array.each(c.Test.Runner.masterSuite.items,function(g,f){d[f+1]=new Option(g.name,f);});}c.extend(a,c.Plugin.Base,{initializer:function(d){this.doAfter("renderUI",this.renderUI);if(this.get("host").get("rendered")){this.renderUI();}},destructor:function(){this.container.remove();},renderUI:function(){var g=this.get("host").get("contentBox").one("."+c.Console.CHROME_CLASSES.console_ft_class);if(g){this.container=c.Node.create(c.Lang.sub(''+''+''+''+"
",{c:c.ClassNameManager.getClassName("console","test","container"),b1:"Run",b2:"Refresh"}));var f=this.container.one("select");b(f);this.container.one("button.run").on("click",function(){var j=f.get("value");if(j>=0){var l=c.Test.Runner.masterSuite.items;c.Test.Runner.clear();c.Test.Runner.add(l[j]);var k=c.Test.Runner.on("complete",function(){k.detach();c.Test.Runner.clear();c.Array.each(l,function(h){c.Test.Runner.add(h);});});}c.Test.Runner.run();});this.container.one("button.refresh").on("click",function(){b(f);});var e=g.one("."+c.Console.CHROME_CLASSES.console_controls_class);var d=e.get("nextSibling");if(d){g.insertBefore(this.container,d);}else{g.appendChild(this.container);}}}});c.namespace("Plugin");c.Plugin.ConsoleTest=a;},"gallery-2012.05.16-20-37",{requires:["console","plugin","test"],skinnable:true});
\ No newline at end of file
diff --git a/build/gallery-console-test/gallery-console-test.js b/build/gallery-console-test/gallery-console-test.js
index b538a39b1f..bf9783366e 100644
--- a/build/gallery-console-test/gallery-console-test.js
+++ b/build/gallery-console-test/gallery-console-test.js
@@ -2,12 +2,16 @@ YUI.add('gallery-console-test', function(Y) {
"use strict";
+/**
+ * @module gallery-console-test
+ */
+
/**********************************************************************
* Adds a menu of registered unit test suites to the YUI 3 Console.
* - * @module gallery-console-test - * @namespace Plugin + * @main gallery-console-test * @class ConsoleTest + * @namespace Plugin * @extends Plugin.Base */ @@ -116,4 +120,4 @@ Y.namespace("Plugin"); Y.Plugin.ConsoleTest = ConsoleTest; -}, 'gallery-2011.06.29-23-18' ,{requires:['console','plugin','test'], skinnable:true}); +}, 'gallery-2012.05.16-20-37' ,{requires:['console','plugin','test'], skinnable:true}); diff --git a/build/gallery-contextmenu-view/assets/gallery-contextmenu-view-core.css b/build/gallery-contextmenu-view/assets/gallery-contextmenu-view-core.css new file mode 100644 index 0000000000..e69de29bb2 diff --git a/build/gallery-contextmenu-view/assets/skins/sam/gallery-contextmenu-view-skin.css b/build/gallery-contextmenu-view/assets/skins/sam/gallery-contextmenu-view-skin.css new file mode 100644 index 0000000000..31b8c5b5ce --- /dev/null +++ b/build/gallery-contextmenu-view/assets/skins/sam/gallery-contextmenu-view-skin.css @@ -0,0 +1,26 @@ + .yui3-skin-sam .yui3-contextmenu-overlay, + .yui3-skin-sam .yui3-contextmenu-overlay:focus { + border:1px solid #aaa; + border-radius: 4px; + width:105px; + padding:4px; + opacity: 1; + background-color: white; + + -moz-box-shadow: 3px 3px 2px rgba(128,128,128, 0.3); + -webkit-box-shadow: 3px 3px 2px rgba(128,128,128, 0.3); + box-shadow: 3px 3px 2px rgba(128,128,128, 0.3); + } + + .yui3-skin-sam .yui3-contextmenu-menuitem { + padding-left:6px; + font-size: 12px; + padding-left:5px; + margin-top:2px; + } + + .yui3-skin-sam .yui3-contextmenu-menuitem:hover { + background-color: #d3d3d3; + text-color: white; + } + diff --git a/build/gallery-contextmenu-view/assets/skins/sam/gallery-contextmenu-view.css b/build/gallery-contextmenu-view/assets/skins/sam/gallery-contextmenu-view.css new file mode 100644 index 0000000000..57fbed2c7f --- /dev/null +++ b/build/gallery-contextmenu-view/assets/skins/sam/gallery-contextmenu-view.css @@ -0,0 +1 @@ +.yui3-skin-sam .yui3-contextmenu-overlay,.yui3-skin-sam .yui3-contextmenu-overlay:focus{border:1px solid #aaa;border-radius:4px;width:105px;padding:4px;opacity:1;background-color:white;-moz-box-shadow:3px 3px 2px rgba(128,128,128,0.3);-webkit-box-shadow:3px 3px 2px rgba(128,128,128,0.3);box-shadow:3px 3px 2px rgba(128,128,128,0.3)}.yui3-skin-sam .yui3-contextmenu-menuitem{padding-left:6px;font-size:12px;padding-left:5px;margin-top:2px}.yui3-skin-sam .yui3-contextmenu-menuitem:hover{background-color:#d3d3d3;text-color:white}#yui3-css-stamp.skin-sam-gallery-contextmenu-view{display:none} diff --git a/build/gallery-contextmenu-view/gallery-contextmenu-view-coverage.js b/build/gallery-contextmenu-view/gallery-contextmenu-view-coverage.js new file mode 100644 index 0000000000..df8d3f46c2 --- /dev/null +++ b/build/gallery-contextmenu-view/gallery-contextmenu-view-coverage.js @@ -0,0 +1,422 @@ +if (typeof _yuitest_coverage == "undefined"){ + _yuitest_coverage = {}; + _yuitest_coverline = function(src, line){ + var coverage = _yuitest_coverage[src]; + if (!coverage.lines[line]){ + coverage.calledLines++; + } + coverage.lines[line]++; + }; + _yuitest_coverfunc = function(src, name, line){ + var coverage = _yuitest_coverage[src], + funcId = name + ":" + line; + if (!coverage.functions[funcId]){ + coverage.calledFunctions++; + } + coverage.functions[funcId]++; + }; +} +_yuitest_coverage["/build/gallery-contextmenu-view/gallery-contextmenu-view.js"] = { + lines: {}, + functions: {}, + coveredLines: 0, + calledLines: 0, + coveredFunctions: 0, + calledFunctions: 0, + path: "/build/gallery-contextmenu-view/gallery-contextmenu-view.js", + code: [] +}; +_yuitest_coverage["/build/gallery-contextmenu-view/gallery-contextmenu-view.js"].code=["YUI.add('gallery-contextmenu-view', function(Y) {","","Y.ContextMenuView = Y.Base.create('contextmenu', Y.View, [],{",""," /**"," * Y.View's events static property, where we define a \"click\" listener on Nodes in the"," * container that are the MenuItem nodes. *"," * @property events"," * @type {Object}"," * @public"," */"," events:{"," '.yui3-contextmenu-menuitem' :{"," click: '_selectMenuItem'"," }"," },",""," /**"," * Default HTML template for the container's content *"," * @property template"," * @type {String}"," * @default ''"," * @public"," */"," template: '',",""," /**"," * A placeholder to hold subscriber EventHandles so they can be destroyed properly"," * @property _subscr"," * @type {Array}"," * @default null"," * @protected"," */"," _subscr: null,",""," //_subscrTarget:null,",""," /**"," * Sets an increment that the Overlay box will be positioned relative to the e.target \"x-coordinate\""," * @property _overlayDX"," * @type {Integer}"," * @default 5"," * @protected"," */"," _overlayDX: null,",""," /**"," * Sets an increment that the Overlay box will be positioned relative to the e.target \"y-coordinate\""," * @property _overlayDY"," * @type {Integer}"," * @default 11"," * @protected"," */"," _overlayDY: null,",""," /**"," * Initializer where we define initial handlers to invoke this view and to hide the Overlay"," * @method initializer"," * @protected"," */"," initializer: function(){"," var triggerC = this.get('trigger')['node'],"," triggerT = this.get('trigger')['target'];",""," this._subscr = [];"," this._subscr.push( triggerC.delegate(\"contextmenu\",this._onContextMenu, triggerT, this) );",""," this._subscr.push( this.get('overlay').on(\"mouseleave\",this.hideOverlay, this) );",""," this._overlayDX = 5;"," this._overlayDY = 11;",""," return this;"," },",""," /**"," * Clean up listeners and destroys the Overlay"," * @method destructor"," * @protected"," */"," destructor: function(){"," Y.Array.each( this._subscr, function(item){"," item.detach();"," });"," this._subscr = null;",""," if(this._subscrTarget) {"," this._subscrTarget.detach();"," this._subscrTarget = null;"," }",""," if(this.get('overlay'))"," this.get('overlay').destroy();"," },",""," /**"," *"," * @method render"," * @protected"," * @returns this"," * @chainable"," */"," render: function(){",""," return this;"," },",""," /**"," * Method that hides the Overlay for this contextmenu and fires the `contextMenuHide` event"," * @method hideOverlay"," * @public"," */"," hideOverlay: function(){"," if(!this.get('overlay')) return;"," this.fire('contextMenuHide');"," this.get('overlay').hide();"," //if(this._subscrTarget) this._subscrTarget.detach();"," },",""," /**"," * Default value setter for attribute `overlay`, creates a Y.Overlay widget to display the menu within"," *"," * @method _valOverlay"," * @return {Y.Overlay}"," * @private"," */"," _valOverlay: function(){"," var cont = this.get('container') || null,"," mtmpl = this.get('menuItemTemplate'),"," mitems = this.get('menuItems') || [];",""," if(!cont) return false;",""," cont.empty();",""," var overlay = new Y.Overlay({"," srcNode: cont,"," visible: false,"," zIndex: 99,"," constrain: true"," });",""," var bodyHTML = \"\";",""," Y.Array.each( mitems, function(item,index){"," var menu = Y.Lang.sub(mtmpl,{"," menuClass: item.className || \"yui3-contextmenu-menuitem\","," menuIndex: index,"," menuContent: (Y.Lang.isString(item)) ? item : item.label || \"unknown\""," });"," bodyHTML += menu;"," });",""," overlay.set('bodyContent',bodyHTML);"," overlay.render();",""," return overlay;"," },",""," /**"," * @method _onContextMenu"," * @param {EventTarget} e Y.Event target object created when \"context\" menu fires"," * @private"," */"," _onContextMenu: function(e){"," e.preventDefault();"," this._clearDOMSelection();",""," //"," // Store the context \"trigger\" selection, who invoked the contextMenu"," //"," var contextTar = e.currentTarget;"," this.set('contextTarget', contextTar );",""," //"," // Position and display the Overlay for the menu"," //"," this.get('overlay').set(\"xy\", [e.pageX + this._overlayDX, e.pageY + this._overlayDY] );"," //this.get('overlay').focus();"," this.get('overlay').show();",""," //this._subscrTarget = contextTar.on(\"mouseleave\",this.hideOverlay, this);",""," this.fire(\"contextMenuShow\",e);"," },",""," /**"," * Process a \"click\" event on the Content Menu's Overlay menuItems"," * @param {EventTarget} e"," * @private"," */"," _selectMenuItem: function(e){"," var tar = e.target,"," menuData = +(tar.getData('cmenu')),"," menuItems = this.get('menuItems');",""," if ( menuItems && menuItems.length>0 )"," this.set('selectedMenu', {"," evt:e,"," menuItem:menuItems[menuData],"," menuIndex:menuData"," });",""," this.hideOverlay();"," this.fire(\"contextMenuHide\",e);"," },",""," /**"," * Helper method to clear DOM \"selected\" text or ranges"," * @method _clearDOMSelection"," * @private"," */"," _clearDOMSelection: function(){"," var sel = (Y.config.win.getSelection) ? Y.config.win.getSelection() : (Y.config.doc.selection) ? Y.config.doc.selection : null;"," if ( sel && sel.empty ) sel.empty(); // works on chrome"," if ( sel && sel.removeAllRanges ) sel.removeAllRanges(); // works on FireFox"," }","",""," /**"," * Fired after the \"contextmenu\" event is initiated and the Menu has been positioned and displayed"," * @event contextMenuShow"," * @param {EventTarget} e"," */",""," /**"," * Fired after a Menu choice has been selected from the ContexMenu and the menu has been hidden"," * @event contextMenuHide"," * @param {EventTarget} e"," */","","},{"," ATTRS:{",""," /**"," * Container Node where the menu's Overlay will be rendered into"," * @attribute container"," * @type {Node}"," */"," container:{"," valueFn: function(){return Y.Node.create(this.template);}"," },",""," /**"," * Defines the container element for the \"contextmenu\" event listener to attach this menu to."," * @attribute trigger"," * @type {Object} trigger Container object to listen for \"contextmenu\" event on"," * @type {Node} trigger.node Container node to listen on (i.e. delegation container) for \"contextmenu\""," * @type {String} trigger.target Container filter selector to assign target from container event"," * @default null"," */"," trigger: {"," value: {node:null, target:''}"," },",""," /**"," * Set to the returned target within the `trigger.node` container that the \"contextmenu\" event was initiated on"," * (e.g. for a DataTable this may be a specific TR row within the table body)."," *"," * This is not intended to be .set by the user, but is meant to be read by users."," *"," * @attribute contextTarget"," * @type {Node}"," * @default null"," */"," contextTarget:{"," value: null"," },",""," /**"," * Overrideable HTML template to use for creating each `menuItem` entry in Overlay."," * Must include \"data-cmenu\""," *"," * @attribute menuItemTemplate"," * @type {String}"," * @default ''"," */"," menuItemTemplate:{"," value: ''"," },",""," /**"," * Array of \"menu\" item {Objects} to add to the Menu. Each item is an object, including the following;"," * content, dataValue"," *"," * @attribute menuItems"," * @type {Array}"," * @default []"," */"," menuItems:{"," value: [],"," validator: Y.Lang.isArray"," },",""," /**"," * Y.Overlay instance used to render the pop-up context menu within"," *"," * @attribute overlay"," * @type Y.Overlay"," * @default '_valOverlay'"," */"," overlay: {"," valueFn: '_valOverlay',"," writeOnce: true,"," validator: function(v){ return v instanceof Y.Overlay;}"," },",""," /**"," * Set to the \"selected\" item from the pop-up Overlay menu when clicked by user, where this"," * attribute is set to an object containing the EventTarget of the selection and the resulting"," * menuitem that that corresponds to."," *"," * This is not intended to be .set by the user, but is meant to be read by users."," *"," * @attribute selectedMenu"," * @type {Object} obj"," * @param {EventTarget} obj.evt Event target from \"click\" selection within displayed Overlay"," * @param {Object} obj.menuItem Menuitem object entry selected from `menuItems` array"," */"," selectedMenu: {"," value: null"," }"," }","});","","","}, 'gallery-2012.09.05-20-01' ,{skinnable:true, requires:['base-build','view', 'overlay', 'event-mouseenter']});"]; +_yuitest_coverage["/build/gallery-contextmenu-view/gallery-contextmenu-view.js"].lines = {"1":0,"3":0,"62":0,"65":0,"66":0,"68":0,"70":0,"71":0,"73":0,"82":0,"83":0,"85":0,"87":0,"88":0,"89":0,"92":0,"93":0,"105":0,"114":0,"115":0,"116":0,"128":0,"132":0,"134":0,"136":0,"143":0,"145":0,"146":0,"151":0,"154":0,"155":0,"157":0,"166":0,"167":0,"172":0,"173":0,"178":0,"180":0,"184":0,"193":0,"197":0,"198":0,"204":0,"205":0,"214":0,"215":0,"216":0,"241":0,"305":0}; +_yuitest_coverage["/build/gallery-contextmenu-view/gallery-contextmenu-view.js"].functions = {"initializer:61":0,"(anonymous 2):82":0,"destructor:81":0,"render:103":0,"hideOverlay:113":0,"(anonymous 3):145":0,"_valOverlay:127":0,"_onContextMenu:165":0,"_selectMenuItem:192":0,"_clearDOMSelection:213":0,"valueFn:241":0,"validator:305":0,"(anonymous 1):1":0}; +_yuitest_coverage["/build/gallery-contextmenu-view/gallery-contextmenu-view.js"].coveredLines = 49; +_yuitest_coverage["/build/gallery-contextmenu-view/gallery-contextmenu-view.js"].coveredFunctions = 13; +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 1); +YUI.add('gallery-contextmenu-view', function(Y) { + +_yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "(anonymous 1)", 1); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 3); +Y.ContextMenuView = Y.Base.create('contextmenu', Y.View, [],{ + + /** + * Y.View's events static property, where we define a "click" listener on Nodes in the + * container that are the MenuItem nodes. * + * @property events + * @type {Object} + * @public + */ + events:{ + '.yui3-contextmenu-menuitem' :{ + click: '_selectMenuItem' + } + }, + + /** + * Default HTML template for the container's content * + * @property template + * @type {String} + * @default '' + * @public + */ + template: '', + + /** + * A placeholder to hold subscriber EventHandles so they can be destroyed properly + * @property _subscr + * @type {Array} + * @default null + * @protected + */ + _subscr: null, + + //_subscrTarget:null, + + /** + * Sets an increment that the Overlay box will be positioned relative to the e.target "x-coordinate" + * @property _overlayDX + * @type {Integer} + * @default 5 + * @protected + */ + _overlayDX: null, + + /** + * Sets an increment that the Overlay box will be positioned relative to the e.target "y-coordinate" + * @property _overlayDY + * @type {Integer} + * @default 11 + * @protected + */ + _overlayDY: null, + + /** + * Initializer where we define initial handlers to invoke this view and to hide the Overlay + * @method initializer + * @protected + */ + initializer: function(){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "initializer", 61); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 62); +var triggerC = this.get('trigger')['node'], + triggerT = this.get('trigger')['target']; + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 65); +this._subscr = []; + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 66); +this._subscr.push( triggerC.delegate("contextmenu",this._onContextMenu, triggerT, this) ); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 68); +this._subscr.push( this.get('overlay').on("mouseleave",this.hideOverlay, this) ); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 70); +this._overlayDX = 5; + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 71); +this._overlayDY = 11; + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 73); +return this; + }, + + /** + * Clean up listeners and destroys the Overlay + * @method destructor + * @protected + */ + destructor: function(){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "destructor", 81); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 82); +Y.Array.each( this._subscr, function(item){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "(anonymous 2)", 82); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 83); +item.detach(); + }); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 85); +this._subscr = null; + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 87); +if(this._subscrTarget) { + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 88); +this._subscrTarget.detach(); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 89); +this._subscrTarget = null; + } + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 92); +if(this.get('overlay')) + {_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 93); +this.get('overlay').destroy();} + }, + + /** + * + * @method render + * @protected + * @returns this + * @chainable + */ + render: function(){ + + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "render", 103); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 105); +return this; + }, + + /** + * Method that hides the Overlay for this contextmenu and fires the `contextMenuHide` event + * @method hideOverlay + * @public + */ + hideOverlay: function(){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "hideOverlay", 113); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 114); +if(!this.get('overlay')) {return;} + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 115); +this.fire('contextMenuHide'); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 116); +this.get('overlay').hide(); + //if(this._subscrTarget) this._subscrTarget.detach(); + }, + + /** + * Default value setter for attribute `overlay`, creates a Y.Overlay widget to display the menu within + * + * @method _valOverlay + * @return {Y.Overlay} + * @private + */ + _valOverlay: function(){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "_valOverlay", 127); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 128); +var cont = this.get('container') || null, + mtmpl = this.get('menuItemTemplate'), + mitems = this.get('menuItems') || []; + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 132); +if(!cont) {return false;} + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 134); +cont.empty(); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 136); +var overlay = new Y.Overlay({ + srcNode: cont, + visible: false, + zIndex: 99, + constrain: true + }); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 143); +var bodyHTML = ""; + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 145); +Y.Array.each( mitems, function(item,index){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "(anonymous 3)", 145); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 146); +var menu = Y.Lang.sub(mtmpl,{ + menuClass: item.className || "yui3-contextmenu-menuitem", + menuIndex: index, + menuContent: (Y.Lang.isString(item)) ? item : item.label || "unknown" + }); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 151); +bodyHTML += menu; + }); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 154); +overlay.set('bodyContent',bodyHTML); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 155); +overlay.render(); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 157); +return overlay; + }, + + /** + * @method _onContextMenu + * @param {EventTarget} e Y.Event target object created when "context" menu fires + * @private + */ + _onContextMenu: function(e){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "_onContextMenu", 165); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 166); +e.preventDefault(); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 167); +this._clearDOMSelection(); + + // + // Store the context "trigger" selection, who invoked the contextMenu + // + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 172); +var contextTar = e.currentTarget; + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 173); +this.set('contextTarget', contextTar ); + + // + // Position and display the Overlay for the menu + // + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 178); +this.get('overlay').set("xy", [e.pageX + this._overlayDX, e.pageY + this._overlayDY] ); + //this.get('overlay').focus(); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 180); +this.get('overlay').show(); + + //this._subscrTarget = contextTar.on("mouseleave",this.hideOverlay, this); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 184); +this.fire("contextMenuShow",e); + }, + + /** + * Process a "click" event on the Content Menu's Overlay menuItems + * @param {EventTarget} e + * @private + */ + _selectMenuItem: function(e){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "_selectMenuItem", 192); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 193); +var tar = e.target, + menuData = +(tar.getData('cmenu')), + menuItems = this.get('menuItems'); + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 197); +if ( menuItems && menuItems.length>0 ) + {_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 198); +this.set('selectedMenu', { + evt:e, + menuItem:menuItems[menuData], + menuIndex:menuData + });} + + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 204); +this.hideOverlay(); + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 205); +this.fire("contextMenuHide",e); + }, + + /** + * Helper method to clear DOM "selected" text or ranges + * @method _clearDOMSelection + * @private + */ + _clearDOMSelection: function(){ + _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "_clearDOMSelection", 213); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 214); +var sel = (Y.config.win.getSelection) ? Y.config.win.getSelection() : (Y.config.doc.selection) ? Y.config.doc.selection : null; + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 215); +if ( sel && sel.empty ) {sel.empty();} // works on chrome + _yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 216); +if ( sel && sel.removeAllRanges ) {sel.removeAllRanges();} // works on FireFox + } + + + /** + * Fired after the "contextmenu" event is initiated and the Menu has been positioned and displayed + * @event contextMenuShow + * @param {EventTarget} e + */ + + /** + * Fired after a Menu choice has been selected from the ContexMenu and the menu has been hidden + * @event contextMenuHide + * @param {EventTarget} e + */ + +},{ + ATTRS:{ + + /** + * Container Node where the menu's Overlay will be rendered into + * @attribute container + * @type {Node} + */ + container:{ + valueFn: function(){_yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "valueFn", 241); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 241); +return Y.Node.create(this.template);} + }, + + /** + * Defines the container element for the "contextmenu" event listener to attach this menu to. + * @attribute trigger + * @type {Object} trigger Container object to listen for "contextmenu" event on + * @type {Node} trigger.node Container node to listen on (i.e. delegation container) for "contextmenu" + * @type {String} trigger.target Container filter selector to assign target from container event + * @default null + */ + trigger: { + value: {node:null, target:''} + }, + + /** + * Set to the returned target within the `trigger.node` container that the "contextmenu" event was initiated on + * (e.g. for a DataTable this may be a specific TR row within the table body). + * + * This is not intended to be .set by the user, but is meant to be read by users. + * + * @attribute contextTarget + * @type {Node} + * @default null + */ + contextTarget:{ + value: null + }, + + /** + * Overrideable HTML template to use for creating each `menuItem` entry in Overlay. + * Must include "data-cmenu" + * + * @attribute menuItemTemplate + * @type {String} + * @default '' + */ + menuItemTemplate:{ + value: '' + }, + + /** + * Array of "menu" item {Objects} to add to the Menu. Each item is an object, including the following; + * content, dataValue + * + * @attribute menuItems + * @type {Array} + * @default [] + */ + menuItems:{ + value: [], + validator: Y.Lang.isArray + }, + + /** + * Y.Overlay instance used to render the pop-up context menu within + * + * @attribute overlay + * @type Y.Overlay + * @default '_valOverlay' + */ + overlay: { + valueFn: '_valOverlay', + writeOnce: true, + validator: function(v){ _yuitest_coverfunc("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", "validator", 305); +_yuitest_coverline("/build/gallery-contextmenu-view/gallery-contextmenu-view.js", 305); +return v instanceof Y.Overlay;} + }, + + /** + * Set to the "selected" item from the pop-up Overlay menu when clicked by user, where this + * attribute is set to an object containing the EventTarget of the selection and the resulting + * menuitem that that corresponds to. + * + * This is not intended to be .set by the user, but is meant to be read by users. + * + * @attribute selectedMenu + * @type {Object} obj + * @param {EventTarget} obj.evt Event target from "click" selection within displayed Overlay + * @param {Object} obj.menuItem Menuitem object entry selected from `menuItems` array + */ + selectedMenu: { + value: null + } + } +}); + + +}, 'gallery-2012.09.05-20-01' ,{skinnable:true, requires:['base-build','view', 'overlay', 'event-mouseenter']}); diff --git a/build/gallery-contextmenu-view/gallery-contextmenu-view-debug.js b/build/gallery-contextmenu-view/gallery-contextmenu-view-debug.js new file mode 100644 index 0000000000..f6d2ee4000 --- /dev/null +++ b/build/gallery-contextmenu-view/gallery-contextmenu-view-debug.js @@ -0,0 +1,327 @@ +YUI.add('gallery-contextmenu-view', function(Y) { + +Y.ContextMenuView = Y.Base.create('contextmenu', Y.View, [],{ + + /** + * Y.View's events static property, where we define a "click" listener on Nodes in the + * container that are the MenuItem nodes. * + * @property events + * @type {Object} + * @public + */ + events:{ + '.yui3-contextmenu-menuitem' :{ + click: '_selectMenuItem' + } + }, + + /** + * Default HTML template for the container's content * + * @property template + * @type {String} + * @default '' + * @public + */ + template: '', + + /** + * A placeholder to hold subscriber EventHandles so they can be destroyed properly + * @property _subscr + * @type {Array} + * @default null + * @protected + */ + _subscr: null, + + //_subscrTarget:null, + + /** + * Sets an increment that the Overlay box will be positioned relative to the e.target "x-coordinate" + * @property _overlayDX + * @type {Integer} + * @default 5 + * @protected + */ + _overlayDX: null, + + /** + * Sets an increment that the Overlay box will be positioned relative to the e.target "y-coordinate" + * @property _overlayDY + * @type {Integer} + * @default 11 + * @protected + */ + _overlayDY: null, + + /** + * Initializer where we define initial handlers to invoke this view and to hide the Overlay + * @method initializer + * @protected + */ + initializer: function(){ + var triggerC = this.get('trigger')['node'], + triggerT = this.get('trigger')['target']; + + this._subscr = []; + this._subscr.push( triggerC.delegate("contextmenu",this._onContextMenu, triggerT, this) ); + + this._subscr.push( this.get('overlay').on("mouseleave",this.hideOverlay, this) ); + + this._overlayDX = 5; + this._overlayDY = 11; + + return this; + }, + + /** + * Clean up listeners and destroys the Overlay + * @method destructor + * @protected + */ + destructor: function(){ + Y.Array.each( this._subscr, function(item){ + item.detach(); + }); + this._subscr = null; + + if(this._subscrTarget) { + this._subscrTarget.detach(); + this._subscrTarget = null; + } + + if(this.get('overlay')) + this.get('overlay').destroy(); + }, + + /** + * + * @method render + * @protected + * @returns this + * @chainable + */ + render: function(){ + + return this; + }, + + /** + * Method that hides the Overlay for this contextmenu and fires the `contextMenuHide` event + * @method hideOverlay + * @public + */ + hideOverlay: function(){ + if(!this.get('overlay')) return; + this.fire('contextMenuHide'); + this.get('overlay').hide(); + //if(this._subscrTarget) this._subscrTarget.detach(); + }, + + /** + * Default value setter for attribute `overlay`, creates a Y.Overlay widget to display the menu within + * + * @method _valOverlay + * @return {Y.Overlay} + * @private + */ + _valOverlay: function(){ + var cont = this.get('container') || null, + mtmpl = this.get('menuItemTemplate'), + mitems = this.get('menuItems') || []; + + if(!cont) return false; + + cont.empty(); + + var overlay = new Y.Overlay({ + srcNode: cont, + visible: false, + zIndex: 99, + constrain: true + }); + + var bodyHTML = ""; + + Y.Array.each( mitems, function(item,index){ + var menu = Y.Lang.sub(mtmpl,{ + menuClass: item.className || "yui3-contextmenu-menuitem", + menuIndex: index, + menuContent: (Y.Lang.isString(item)) ? item : item.label || "unknown" + }); + bodyHTML += menu; + }); + + overlay.set('bodyContent',bodyHTML); + overlay.render(); + + return overlay; + }, + + /** + * @method _onContextMenu + * @param {EventTarget} e Y.Event target object created when "context" menu fires + * @private + */ + _onContextMenu: function(e){ + e.preventDefault(); + this._clearDOMSelection(); + + // + // Store the context "trigger" selection, who invoked the contextMenu + // + var contextTar = e.currentTarget; + this.set('contextTarget', contextTar ); + + // + // Position and display the Overlay for the menu + // + this.get('overlay').set("xy", [e.pageX + this._overlayDX, e.pageY + this._overlayDY] ); + //this.get('overlay').focus(); + this.get('overlay').show(); + + //this._subscrTarget = contextTar.on("mouseleave",this.hideOverlay, this); + + this.fire("contextMenuShow",e); + }, + + /** + * Process a "click" event on the Content Menu's Overlay menuItems + * @param {EventTarget} e + * @private + */ + _selectMenuItem: function(e){ + var tar = e.target, + menuData = +(tar.getData('cmenu')), + menuItems = this.get('menuItems'); + + if ( menuItems && menuItems.length>0 ) + this.set('selectedMenu', { + evt:e, + menuItem:menuItems[menuData], + menuIndex:menuData + }); + + this.hideOverlay(); + this.fire("contextMenuHide",e); + }, + + /** + * Helper method to clear DOM "selected" text or ranges + * @method _clearDOMSelection + * @private + */ + _clearDOMSelection: function(){ + var sel = (Y.config.win.getSelection) ? Y.config.win.getSelection() : (Y.config.doc.selection) ? Y.config.doc.selection : null; + if ( sel && sel.empty ) sel.empty(); // works on chrome + if ( sel && sel.removeAllRanges ) sel.removeAllRanges(); // works on FireFox + } + + + /** + * Fired after the "contextmenu" event is initiated and the Menu has been positioned and displayed + * @event contextMenuShow + * @param {EventTarget} e + */ + + /** + * Fired after a Menu choice has been selected from the ContexMenu and the menu has been hidden + * @event contextMenuHide + * @param {EventTarget} e + */ + +},{ + ATTRS:{ + + /** + * Container Node where the menu's Overlay will be rendered into + * @attribute container + * @type {Node} + */ + container:{ + valueFn: function(){return Y.Node.create(this.template);} + }, + + /** + * Defines the container element for the "contextmenu" event listener to attach this menu to. + * @attribute trigger + * @type {Object} trigger Container object to listen for "contextmenu" event on + * @type {Node} trigger.node Container node to listen on (i.e. delegation container) for "contextmenu" + * @type {String} trigger.target Container filter selector to assign target from container event + * @default null + */ + trigger: { + value: {node:null, target:''} + }, + + /** + * Set to the returned target within the `trigger.node` container that the "contextmenu" event was initiated on + * (e.g. for a DataTable this may be a specific TR row within the table body). + * + * This is not intended to be .set by the user, but is meant to be read by users. + * + * @attribute contextTarget + * @type {Node} + * @default null + */ + contextTarget:{ + value: null + }, + + /** + * Overrideable HTML template to use for creating each `menuItem` entry in Overlay. + * Must include "data-cmenu" + * + * @attribute menuItemTemplate + * @type {String} + * @default '' + */ + menuItemTemplate:{ + value: '' + }, + + /** + * Array of "menu" item {Objects} to add to the Menu. Each item is an object, including the following; + * content, dataValue + * + * @attribute menuItems + * @type {Array} + * @default [] + */ + menuItems:{ + value: [], + validator: Y.Lang.isArray + }, + + /** + * Y.Overlay instance used to render the pop-up context menu within + * + * @attribute overlay + * @type Y.Overlay + * @default '_valOverlay' + */ + overlay: { + valueFn: '_valOverlay', + writeOnce: true, + validator: function(v){ return v instanceof Y.Overlay;} + }, + + /** + * Set to the "selected" item from the pop-up Overlay menu when clicked by user, where this + * attribute is set to an object containing the EventTarget of the selection and the resulting + * menuitem that that corresponds to. + * + * This is not intended to be .set by the user, but is meant to be read by users. + * + * @attribute selectedMenu + * @type {Object} obj + * @param {EventTarget} obj.evt Event target from "click" selection within displayed Overlay + * @param {Object} obj.menuItem Menuitem object entry selected from `menuItems` array + */ + selectedMenu: { + value: null + } + } +}); + + +}, 'gallery-2012.09.05-20-01' ,{skinnable:true, requires:['base-build','view', 'overlay', 'event-mouseenter']}); diff --git a/build/gallery-contextmenu-view/gallery-contextmenu-view-min.js b/build/gallery-contextmenu-view/gallery-contextmenu-view-min.js new file mode 100644 index 0000000000..930fe1d993 --- /dev/null +++ b/build/gallery-contextmenu-view/gallery-contextmenu-view-min.js @@ -0,0 +1 @@ +YUI.add("gallery-contextmenu-view",function(a){a.ContextMenuView=a.Base.create("contextmenu",a.View,[],{events:{".yui3-contextmenu-menuitem":{click:"_selectMenuItem"}},template:'',_subscr:null,_overlayDX:null,_overlayDY:null,initializer:function(){var c=this.get("trigger")["node"],b=this.get("trigger")["target"];this._subscr=[];this._subscr.push(c.delegate("contextmenu",this._onContextMenu,b,this));this._subscr.push(this.get("overlay").on("mouseleave",this.hideOverlay,this));this._overlayDX=5;this._overlayDY=11;return this;},destructor:function(){a.Array.each(this._subscr,function(b){b.detach();});this._subscr=null;if(this._subscrTarget){this._subscrTarget.detach();this._subscrTarget=null;}if(this.get("overlay")){this.get("overlay").destroy();}},render:function(){return this;},hideOverlay:function(){if(!this.get("overlay")){return;}this.fire("contextMenuHide");this.get("overlay").hide();},_valOverlay:function(){var c=this.get("container")||null,f=this.get("menuItemTemplate"),e=this.get("menuItems")||[];if(!c){return false;}c.empty();var d=new a.Overlay({srcNode:c,visible:false,zIndex:99,constrain:true});var b="";a.Array.each(e,function(h,g){var i=a.Lang.sub(f,{menuClass:h.className||"yui3-contextmenu-menuitem",menuIndex:g,menuContent:(a.Lang.isString(h))?h:h.label||"unknown"});b+=i;});d.set("bodyContent",b);d.render();return d;},_onContextMenu:function(c){c.preventDefault();this._clearDOMSelection();var b=c.currentTarget;this.set("contextTarget",b);this.get("overlay").set("xy",[c.pageX+this._overlayDX,c.pageY+this._overlayDY]);this.get("overlay").show();this.fire("contextMenuShow",c);},_selectMenuItem:function(f){var b=f.target,d=+(b.getData("cmenu")),c=this.get("menuItems");if(c&&c.length>0){this.set("selectedMenu",{evt:f,menuItem:c[d],menuIndex:d});}this.hideOverlay();this.fire("contextMenuHide",f);},_clearDOMSelection:function(){var b=(a.config.win.getSelection)?a.config.win.getSelection():(a.config.doc.selection)?a.config.doc.selection:null;if(b&&b.empty){b.empty();}if(b&&b.removeAllRanges){b.removeAllRanges();}}},{ATTRS:{container:{valueFn:function(){return a.Node.create(this.template);}},trigger:{value:{node:null,target:""}},contextTarget:{value:null},menuItemTemplate:{value:''},menuItems:{value:[],validator:a.Lang.isArray},overlay:{valueFn:"_valOverlay",writeOnce:true,validator:function(b){return b instanceof a.Overlay;}},selectedMenu:{value:null}}});},"gallery-2012.09.05-20-01",{skinnable:true,requires:["base-build","view","overlay","event-mouseenter"]}); \ No newline at end of file diff --git a/build/gallery-contextmenu-view/gallery-contextmenu-view.js b/build/gallery-contextmenu-view/gallery-contextmenu-view.js new file mode 100644 index 0000000000..f6d2ee4000 --- /dev/null +++ b/build/gallery-contextmenu-view/gallery-contextmenu-view.js @@ -0,0 +1,327 @@ +YUI.add('gallery-contextmenu-view', function(Y) { + +Y.ContextMenuView = Y.Base.create('contextmenu', Y.View, [],{ + + /** + * Y.View's events static property, where we define a "click" listener on Nodes in the + * container that are the MenuItem nodes. * + * @property events + * @type {Object} + * @public + */ + events:{ + '.yui3-contextmenu-menuitem' :{ + click: '_selectMenuItem' + } + }, + + /** + * Default HTML template for the container's content * + * @property template + * @type {String} + * @default '' + * @public + */ + template: '', + + /** + * A placeholder to hold subscriber EventHandles so they can be destroyed properly + * @property _subscr + * @type {Array} + * @default null + * @protected + */ + _subscr: null, + + //_subscrTarget:null, + + /** + * Sets an increment that the Overlay box will be positioned relative to the e.target "x-coordinate" + * @property _overlayDX + * @type {Integer} + * @default 5 + * @protected + */ + _overlayDX: null, + + /** + * Sets an increment that the Overlay box will be positioned relative to the e.target "y-coordinate" + * @property _overlayDY + * @type {Integer} + * @default 11 + * @protected + */ + _overlayDY: null, + + /** + * Initializer where we define initial handlers to invoke this view and to hide the Overlay + * @method initializer + * @protected + */ + initializer: function(){ + var triggerC = this.get('trigger')['node'], + triggerT = this.get('trigger')['target']; + + this._subscr = []; + this._subscr.push( triggerC.delegate("contextmenu",this._onContextMenu, triggerT, this) ); + + this._subscr.push( this.get('overlay').on("mouseleave",this.hideOverlay, this) ); + + this._overlayDX = 5; + this._overlayDY = 11; + + return this; + }, + + /** + * Clean up listeners and destroys the Overlay + * @method destructor + * @protected + */ + destructor: function(){ + Y.Array.each( this._subscr, function(item){ + item.detach(); + }); + this._subscr = null; + + if(this._subscrTarget) { + this._subscrTarget.detach(); + this._subscrTarget = null; + } + + if(this.get('overlay')) + this.get('overlay').destroy(); + }, + + /** + * + * @method render + * @protected + * @returns this + * @chainable + */ + render: function(){ + + return this; + }, + + /** + * Method that hides the Overlay for this contextmenu and fires the `contextMenuHide` event + * @method hideOverlay + * @public + */ + hideOverlay: function(){ + if(!this.get('overlay')) return; + this.fire('contextMenuHide'); + this.get('overlay').hide(); + //if(this._subscrTarget) this._subscrTarget.detach(); + }, + + /** + * Default value setter for attribute `overlay`, creates a Y.Overlay widget to display the menu within + * + * @method _valOverlay + * @return {Y.Overlay} + * @private + */ + _valOverlay: function(){ + var cont = this.get('container') || null, + mtmpl = this.get('menuItemTemplate'), + mitems = this.get('menuItems') || []; + + if(!cont) return false; + + cont.empty(); + + var overlay = new Y.Overlay({ + srcNode: cont, + visible: false, + zIndex: 99, + constrain: true + }); + + var bodyHTML = ""; + + Y.Array.each( mitems, function(item,index){ + var menu = Y.Lang.sub(mtmpl,{ + menuClass: item.className || "yui3-contextmenu-menuitem", + menuIndex: index, + menuContent: (Y.Lang.isString(item)) ? item : item.label || "unknown" + }); + bodyHTML += menu; + }); + + overlay.set('bodyContent',bodyHTML); + overlay.render(); + + return overlay; + }, + + /** + * @method _onContextMenu + * @param {EventTarget} e Y.Event target object created when "context" menu fires + * @private + */ + _onContextMenu: function(e){ + e.preventDefault(); + this._clearDOMSelection(); + + // + // Store the context "trigger" selection, who invoked the contextMenu + // + var contextTar = e.currentTarget; + this.set('contextTarget', contextTar ); + + // + // Position and display the Overlay for the menu + // + this.get('overlay').set("xy", [e.pageX + this._overlayDX, e.pageY + this._overlayDY] ); + //this.get('overlay').focus(); + this.get('overlay').show(); + + //this._subscrTarget = contextTar.on("mouseleave",this.hideOverlay, this); + + this.fire("contextMenuShow",e); + }, + + /** + * Process a "click" event on the Content Menu's Overlay menuItems + * @param {EventTarget} e + * @private + */ + _selectMenuItem: function(e){ + var tar = e.target, + menuData = +(tar.getData('cmenu')), + menuItems = this.get('menuItems'); + + if ( menuItems && menuItems.length>0 ) + this.set('selectedMenu', { + evt:e, + menuItem:menuItems[menuData], + menuIndex:menuData + }); + + this.hideOverlay(); + this.fire("contextMenuHide",e); + }, + + /** + * Helper method to clear DOM "selected" text or ranges + * @method _clearDOMSelection + * @private + */ + _clearDOMSelection: function(){ + var sel = (Y.config.win.getSelection) ? Y.config.win.getSelection() : (Y.config.doc.selection) ? Y.config.doc.selection : null; + if ( sel && sel.empty ) sel.empty(); // works on chrome + if ( sel && sel.removeAllRanges ) sel.removeAllRanges(); // works on FireFox + } + + + /** + * Fired after the "contextmenu" event is initiated and the Menu has been positioned and displayed + * @event contextMenuShow + * @param {EventTarget} e + */ + + /** + * Fired after a Menu choice has been selected from the ContexMenu and the menu has been hidden + * @event contextMenuHide + * @param {EventTarget} e + */ + +},{ + ATTRS:{ + + /** + * Container Node where the menu's Overlay will be rendered into + * @attribute container + * @type {Node} + */ + container:{ + valueFn: function(){return Y.Node.create(this.template);} + }, + + /** + * Defines the container element for the "contextmenu" event listener to attach this menu to. + * @attribute trigger + * @type {Object} trigger Container object to listen for "contextmenu" event on + * @type {Node} trigger.node Container node to listen on (i.e. delegation container) for "contextmenu" + * @type {String} trigger.target Container filter selector to assign target from container event + * @default null + */ + trigger: { + value: {node:null, target:''} + }, + + /** + * Set to the returned target within the `trigger.node` container that the "contextmenu" event was initiated on + * (e.g. for a DataTable this may be a specific TR row within the table body). + * + * This is not intended to be .set by the user, but is meant to be read by users. + * + * @attribute contextTarget + * @type {Node} + * @default null + */ + contextTarget:{ + value: null + }, + + /** + * Overrideable HTML template to use for creating each `menuItem` entry in Overlay. + * Must include "data-cmenu" + * + * @attribute menuItemTemplate + * @type {String} + * @default '' + */ + menuItemTemplate:{ + value: '' + }, + + /** + * Array of "menu" item {Objects} to add to the Menu. Each item is an object, including the following; + * content, dataValue + * + * @attribute menuItems + * @type {Array} + * @default [] + */ + menuItems:{ + value: [], + validator: Y.Lang.isArray + }, + + /** + * Y.Overlay instance used to render the pop-up context menu within + * + * @attribute overlay + * @type Y.Overlay + * @default '_valOverlay' + */ + overlay: { + valueFn: '_valOverlay', + writeOnce: true, + validator: function(v){ return v instanceof Y.Overlay;} + }, + + /** + * Set to the "selected" item from the pop-up Overlay menu when clicked by user, where this + * attribute is set to an object containing the EventTarget of the selection and the resulting + * menuitem that that corresponds to. + * + * This is not intended to be .set by the user, but is meant to be read by users. + * + * @attribute selectedMenu + * @type {Object} obj + * @param {EventTarget} obj.evt Event target from "click" selection within displayed Overlay + * @param {Object} obj.menuItem Menuitem object entry selected from `menuItems` array + */ + selectedMenu: { + value: null + } + } +}); + + +}, 'gallery-2012.09.05-20-01' ,{skinnable:true, requires:['base-build','view', 'overlay', 'event-mouseenter']}); diff --git a/build/gallery-conway/gallery-conway-debug.js b/build/gallery-conway/gallery-conway-debug.js new file mode 100644 index 0000000000..294a1d8eec --- /dev/null +++ b/build/gallery-conway/gallery-conway-debug.js @@ -0,0 +1,465 @@ +YUI.add('gallery-conway', function(Y) { + +/** + * A simulator for Conway's Game of Life. + * @module gallery-conway + */ +(function (Y, moduleName) { + 'use strict'; + + var _null = null, + _string_cellChange = 'cellChange', + _string_grid = 'grid', + _string_height = 'height', + _string_initOnly = 'initOnly', + _string_width = 'width', + _true = true, + + _Array = Y.Array, + _Async = Y.Async, + _Base = Y.Base, + _Lang = Y.Lang, + _Math = Math, + + _each = Y.each, + _filter = _Array.filter, + _floor = _Math.floor, + _indexOf = _Array.indexOf, + _isArray = _Lang.isArray, + _isFunction = _Lang.isFunction, + _isValue = _Lang.isValue, + _makeItAnArray = function (array) { + return _isArray(array) ? array : [ + array + ]; + }, + _max = _Math.max, + _min = _Math.min, + _soon = Y.soon; + + /** + * @class Conway + * @constructor + * @extends Base + * @param {Object} config Configuration Object. + */ + Y.Conway = _Base.create(moduleName, _Base, [], { + destructor: function () { + delete this._history; + }, + /** + * Returns the value of a specific cell. The cell may be specified with + * x and y coordinates or with a single array index. + * (index = x + y * width) + * @method getCell + * @param {Number} x The x coordinate or the array index. + * @param {Number} [y] Optional. The y coordinate. + * @return {Boolean} A truthy value means the cell is currently alive. + */ + getCell: function (x, y) { + return this.get(_string_grid)[_isValue(y) ? x + y * this.get(_string_width) : x]; + }, + initializer: function () { + var me = this, + + grid = me.get(_string_grid), + i = 0, + length = me.get(_string_height) * me.get(_string_width); + + /** + * If this event is prevented, the cell's value will not be changed. + * @event cellChange + * @param {Boolean} cell The current value of the cell. Note that + * the cell's value is changed by the default function so the value + * of this property will be different between on and after + * subscriptions. + * @param {Number} height The current height of the grid. + * @param {Number} index The cell's array index. + * @param {Boolean} toroidal True if the grid is currently toroidal. + * @param {Number} width The current width of the grid. + * @param {Number} x The cell's x coordinate. + * @param {Number} y The cell's y coordinate. + */ + me.publish(_string_cellChange, { + defaultFn: me._cellChange + }); + + while (i < length) { + grid.push(false); + i += 1; + } + + /** + * This object's keys are the indices of cells that have changed + * value since the previous step of the simulation. This is used to + * improve performance while resolving the next step of the + * simulation. + * @property _history + * @protected + * @type Object + */ + me._history = {}; + }, + /** + * Sets the value of a specific cell. The cell may be specified with x + * and y coordinates or with a single array index. + * (index = x + y * width) + * @method setCell + * @chainable + * @param {Number} x The x coordinate orthe array index. + * @param {Number} [y] Optional. The y coordinate. + * @param {Boolean} value The new value for the cell. A truthy value means + * the cell is currently alive. + */ + setCell: function (x, y, value) { + var cell, + index, + me = this, + width = me.get(_string_width); + + if (_isValue(value)) { + index = x + y * width; + } else { + index = x; + value = y; + x = index % width; + y = _floor(index / width); + } + + cell = me.get(_string_grid)[index]; + + if (cell !== value) { + me.fire(_string_cellChange, { + cell: cell, + height: me.get(_string_height), + index: index, + toroidal: me.get('toroidal'), + width: width, + x: x, + y: y + }); + } + + return me; + }, + /** + * Runs one step of the simulation. The simulation is resolved + * asynchronously and will call the callback function when it completes. + * Once this method is called, it should not be called again until the + * first call is complete. Calling getCell, setCell, or step while the + * simulation is still being resolved may cause unexpected side effects. + * If you wish to ensure that unexpected side effects never occur and + * don't mind incurring a small overhead cost, use gallery-mutex to + * obtain an exclusive lock when calling these methods. + * @method step + * @chainable + * @param {Function} [callbackFunction] Optional. This function will be + * called once the simulation is resolved. This function will be passed + * a single argument, an array. For each cell that changed value during + * the simulation, there will be an object in the array with the + * following properties: + *-
+ *
- + * cell + * + *
- + * Boolean. The current value of the cell. + * + *
- + * index + * + *
- + * Number. The cell's array index. + * + *
- + * x + * + *
- + * Number. The cell's x coordinate. + * + *
- + * y + * + *
- + * Number. The cell's y coordinate. + * + *
-
+ *
- + * cell + * + *
- + * Boolean. The current value of the cell. + * + *
- + * index + * + *
- + * Number. The cell's array index. + * + *
- + * x + * + *
- + * Number. The cell's x coordinate. + * + *
- + * y + * + *
- + * Number. The cell's y coordinate. + * + *
-
+ *
- + * cell + * + *
- + * Boolean. The current value of the cell. + * + *
- + * index + * + *
- + * Number. The cell's array index. + * + *
- + * x + * + *
- + * Number. The cell's x coordinate. + * + *
- + * y + * + *
- + * Number. The cell's y coordinate. + * + *
-
+ *
- + * cell + * + *
- + * Boolean. The current value of the cell. + * + *
- + * index + * + *
- + * Number. The cell's array index. + * + *
- + * x + * + *
- + * Number. The cell's x coordinate. + * + *
- + * y + * + *
- + * Number. The cell's y coordinate. + * + *
Data source that calls an asynchronous function.
+ * + * @main gallery-datasource-async-function + * @class AsyncFunction + * @namespace DataSource + * @extends DataSource.Local + * @constructor + * @param config {Object} + */ +function AsyncFunctionDataSource() +{ + AsyncFunctionDataSource.superclass.constructor.apply(this, arguments); +} + +AsyncFunctionDataSource.NAME = "asyncFunctionDataSource"; + +AsyncFunctionDataSource.ATTRS = +{ + /** + *The function that will be called to retrieve the data. This + * function is called with the DataSource as the scope and arguments + * (callback,request,ds,e). The function must invoke callback, passing + * (error,response).
+ * + * @attribute source + * @type {Function} + */ + source: + { + validator: Y.Lang.isFunction + } +}; + +Y.extend(AsyncFunctionDataSource, Y.DataSource.Local, +{ + /** + * Passes request to source. Firesdata event when
+ * response is received asynchronously.
+ *
+ * @method _defRequestFn
+ * @param e {Event.Facade} Event Facade with the following properties:
+ * -
+ *
- tId (Number)
- Unique transaction ID. + *
- request (Object)
- The request. + *
- callback (Object)
- The callback object with the following properties:
+ *
-
+ *
- success (Function)
- Success handler. + *
- failure (Function)
- Failure handler. + *
+ * - cfg (Object)
- Configuration object. + *
Data source that calls an asynchronous function.
+ * + * @main gallery-datasource-async-function + * @class AsyncFunction + * @namespace DataSource + * @extends DataSource.Local + * @constructor + * @param config {Object} + */ +function AsyncFunctionDataSource() +{ + AsyncFunctionDataSource.superclass.constructor.apply(this, arguments); +} + +AsyncFunctionDataSource.NAME = "asyncFunctionDataSource"; + +AsyncFunctionDataSource.ATTRS = +{ + /** + *The function that will be called to retrieve the data. This + * function is called with the DataSource as the scope and arguments + * (callback,request,ds,e). The function must invoke callback, passing + * (error,response).
+ * + * @attribute source + * @type {Function} + */ + source: + { + validator: Y.Lang.isFunction + } +}; + +Y.extend(AsyncFunctionDataSource, Y.DataSource.Local, +{ + /** + * Passes request to source. Firesdata event when
+ * response is received asynchronously.
+ *
+ * @method _defRequestFn
+ * @param e {Event.Facade} Event Facade with the following properties:
+ * -
+ *
- tId (Number)
- Unique transaction ID. + *
- request (Object)
- The request. + *
- callback (Object)
- The callback object with the following properties:
+ *
-
+ *
- success (Function)
- Success handler. + *
- failure (Function)
- Failure handler. + *
+ * - cfg (Object)
- Configuration object. + *
`. Those objects may contain a
+`children` property containing a similarly structured array to indicate the
+nested cells should be grouped under the parent column's colspan in a separate
+row of header cells. E.g.
+
++--------------------- +| | name | +| |--------------- +| id | First | Last | +--------------------- ++ +Supported properties of the column objects include: + + * `label` - The HTML content of the header cell. + * `key` - If `label` is not specified, the `key` is used for content. + * `children` - Array of columns to appear below this column in the next + row. + * `headerTemplate` - Overrides the instance's `CELL_TEMPLATE` for cells in this + column only. + * `abbr` - The content of the 'abbr' attribute of the ` | ` + * `className` - Adds this string of CSS classes to the column header + +Through the life of instantiation and rendering, the column objects will have +the following properties added to them: + + * `_colspan` - To supply the ` | ` attribute + * `_rowspan` - To supply the ` | ` attribute + * `_parent` - If the column is a child of another column, this points to + its parent column + * `_yuid` - (Added by DataTable) A unique YUI generated id used as the + ` | `'s 'id' for reference in the data ` | `'s 'headers' attribute. + +The column object is also used to provide values for {placeholder} tokens in the +instance's `CELL_TEMPLATE`, so you can modify the template and include other +column object properties to populate them. + +@module datatable-head +@class HeaderView +@namespace DataTable +@extends View +**/ +var Lang = Y.Lang, + fromTemplate = Lang.sub, + isArray = Lang.isArray, + toArray = Y.Array, + + ClassNameManager = Y.ClassNameManager, + _getClassName = ClassNameManager.getClassName; + +Y.namespace('DataTable').HeaderView = Y.Base.create('tableHeader', Y.View, [], { + // -- Instance properties ------------------------------------------------- + + /** + Template used to create the table's header cell markup. Override this to + customize how these cells' markup is created. + + @property CELL_TEMPLATE + @type {HTML} + @default ' | {content} | ' + **/ + CELL_TEMPLATE : + '{content} | ', + + /** + The data representation of the header rows to render. This is assigned by + parsing the `columns` configuration array, and is used by the render() + method. + + @property columns + @type {Array[]} + @default (initially unset) + **/ + //TODO: should this be protected? + //columns: null, + + /** + The object that serves as the source of truth for column and row data. + This property is assigned at instantiation from the `source` property of + the configuration object passed to the constructor. + + @property source + @type {Object} + @default (initially unset) + **/ + //TODO: should this be protected? + //source: null, + + /** + Template used to create the table's header row markup. Override this to + customize the row markup. + + @property ROW_TEMPLATE + @type {HTML} + @default '|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
`. Those
+ objects may contain a `children` property containing a similarly structured
+ array to indicate the nested cells should be grouped under the parent
+ column's colspan in a separate row of header cells. E.g.
+
+ + --------------------- + | | name | + | |--------------- + | id | First | Last | + --------------------- ++ + Supported properties of the column objects include: + + * `label` - The HTML content of the header cell. + * `key` - If `label` is not specified, the `key` is used for content. + * `children` - Array of columns to appear below this column in the next + row. + * `abbr` - The content of the 'abbr' attribute of the ` | `
+ * `headerTemplate` - Overrides the instance's `CELL_TEMPLATE` for cells
+ in this column only.
+
+ The output structure is basically a simulation of the `` structure
+ with arrays for rows and objects for cells. Column objects have the
+ following properties added to them:
+
+ * `colspan` - Per the `| ` attribute
+ * `rowspan` - Per the ` | ` attribute
+ * `parent` - If the column is a child of another column, this points to
+ its parent column
+ * `_yuid` - A unique YUI generated id used as the ` | `'s 'id' for
+ reference in the data ` | `'s 'headers' attribute.
+
+ The column object is also used to provide values for {placeholder}
+ replacement in the `CELL_TEMPLATE`, so you can modify the template and
+ include other column object properties to populate them.
+
+ @method _parseColumns
+ @param {Object[]} data Array of column object data
+ @return {Array[]} An array of arrays corresponding to the header row
+ structure to render
+ @protected
+ **/
+ _parseColumns: function (data) {
+ var columns = [],
+ stack = [],
+ rowSpan = 1,
+ entry, row, col, children, parent, i, len, j;
+
+ if (isArray(data) && data.length) {
+ // First pass, assign colspans and calculate row count for
+ // non-nested headers' rowspan
+ stack.push([data, -1]);
+
+ while (stack.length) {
+ entry = stack[stack.length - 1];
+ row = entry[0];
+ i = entry[1] + 1;
+
+ for (len = row.length; i < len; ++i) {
+ col = row[i];
+ children = col.children;
+
+ Y.stamp(col);
+
+ if (isArray(children) && children.length) {
+ stack.push([children, -1]);
+ entry[1] = i;
+
+ rowSpan = Math.max(rowSpan, stack.length);
+
+ // break to let the while loop process the children
+ break;
+ } else {
+ col._colspan = 1;
+ }
+ }
+
+ if (i >= len) {
+ // All columns in this row are processed
+ if (stack.length > 1) {
+ entry = stack[stack.length - 2];
+ parent = entry[0][entry[1]];
+
+ parent._colspan = 0;
+
+ for (i = 0, len = row.length; i < len; ++i) {
+ // Can't use .length because in 3+ rows, colspan
+ // needs to aggregate the colspans of children
+ parent._colspan += row[i]._colspan;
+
+ // Assign the parent column for ease of navigation
+ row[i]._parent = parent;
+ }
+ }
+ stack.pop();
+ }
+ }
+
+ // Second pass, build row arrays and assign rowspan
+ for (i = 0; i < rowSpan; ++i) {
+ columns.push([]);
+ }
+
+ stack.push([data, -1]);
+
+ while (stack.length) {
+ entry = stack[stack.length - 1];
+ row = entry[0];
+ i = entry[1] + 1;
+
+ for (len = row.length; i < len; ++i) {
+ col = row[i];
+ children = col.children;
+
+ columns[stack.length - 1].push(col);
+
+ entry[1] = i;
+
+ // collect the IDs of parent cols
+ col._headers = [col._yuid];
+
+ for (j = stack.length - 2; j >= 0; --j) {
+ parent = stack[j][0][stack[j][1]];
+
+ col._headers.unshift(parent._yuid);
+ }
+
+ if (children && children.length) {
+ // parent cells must assume rowspan 1 (long story)
+
+ // break to let the while loop process the children
+ stack.push([children, -1]);
+ break;
+ } else {
+ col._rowspan = rowSpan - stack.length + 1;
+ }
+ }
+
+ if (i >= len) {
+ // All columns in this row are processed
+ stack.pop();
+ }
+ }
+ }
+
+ return columns;
+ }
+});
+}, 'gallery-2012.03.23-18-00', { requires: ['view', 'gallery-datatable-350-preview-core'] });
+
+YUI.add('gallery-datatable-350-preview-body', function (Y) {
+/**
+View class responsible for rendering the ` | | ` section of a table. Used as
+the default `bodyView` for `Y.DataTable.Base` and `Y.DataTable` classes.
+
+Translates the provided `modelList` into a rendered `` based on the data
+in the constituent Models, altered or ammended by any special column
+configurations.
+
+The `columns` configuration, passed to the constructor, determines which
+columns will be rendered.
+
+The rendering process involves constructing an HTML template for a complete row
+of data, built by concatenating a customized copy of the instance's
+`CELL_TEMPLATE` into the `ROW_TEMPLATE` once for each column. This template is
+then populated with values from each Model in the `modelList`, aggregating a
+complete HTML string of all row and column data. A `` Node is then created from the markup and any column `nodeFormatter`s are applied.
+
+Supported properties of the column objects include:
+
+ * `key` - Used to link a column to an attribute in a Model.
+ * `name` - Used for columns that don't relate to an attribute in the Model
+ (`formatter` or `nodeFormatter` only) if the implementer wants a
+ predictable name to refer to in their CSS.
+ * `cellTemplate` - Overrides the instance's `CELL_TEMPLATE` for cells in this
+ column only.
+ * `formatter` - Used to customize or override the content value from the
+ Model. These do not have access to the cell or row Nodes and should
+ return string (HTML) content.
+ * `nodeFormatter` - Used to provide content for a cell as well as perform any
+ custom modifications on the cell or row Node that could not be performed by
+ `formatter`s. Should be used sparingly for better performance.
+ * `emptyCellValue` - String (HTML) value to use if the Model data for a
+ column, or the content generated by a `formatter`, is the empty string,
+ `null`, or `undefined`.
+ * `allowHTML` - Set to `true` if a column value, `formatter`, or
+ `emptyCellValue` can contain HTML. This defaults to `false` to protect
+ against XSS.
+ * `className` - Space delimited CSS classes to add to all ``s in a column. + +Column `formatter`s are passed an object (`o`) with the following properties: + + * `value` - The current value of the column's associated attribute, if any. + * `data` - An object map of Model keys to their current values. + * `record` - The Model instance. + * `column` - The column configuration object for the current column. + * `className` - Initially empty string to allow `formatter`s to add CSS + classes to the cell's ` | `. + * `rowIndex` - The zero-based row number. + * `rowClass` - Initially empty string to allow `formatter`s to add CSS + classes to the cell's containing row ` | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ` Node instance.
+ * `cell` - The ` ` liner Node instance if present, otherwise, the ` `.
+ When adding content to the cell, prefer appending into this property.
+ * `data` - An object map of Model keys to their current values.
+ * `record` - The Model instance.
+ * `column` - The column configuration object for the current column.
+ * `rowIndex` - The zero-based row number.
+
+They are expected to inject content into the cell's Node directly, including
+any "empty" cell content. Each `nodeFormatter` will have access through the
+Node API to all cells and rows in the ` | `, but not to the `
|