20f8df1291
data tables are going to need some work yet, but the other stuff seems to be working 100%
3091 lines
340 KiB
HTML
3091 lines
340 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>API: carousel Carousel.js (YUI Library)</title>
|
|
<link rel="stylesheet" type="text/css" href="assets/api.css">
|
|
<script type="text/javascript" src="assets/api-js"></script>
|
|
<script type="text/javascript" src="assets/ac-js"></script>
|
|
</head>
|
|
|
|
<body id="yahoo-com">
|
|
|
|
<div id="doc3" class="yui-t2">
|
|
|
|
<div id="hd">
|
|
<a href="http://developer.yahoo.com/yui/"><h1>Yahoo! UI Library</h1></a>
|
|
<h3>Carousel Widget <span class="subtitle">2.6.0</span></h3>
|
|
<p>
|
|
<a href="./index.html">Yahoo! UI Library</a>
|
|
> <a href="./module_carousel.html">carousel</a>
|
|
|
|
> Carousel.js (source view)
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
<div id="bd">
|
|
<div id="yui-main">
|
|
<div class="yui-b">
|
|
<form name="yui-classopts-form">
|
|
<span id="classopts"><input type="checkbox" name="showprivate" id="showprivate" /> <label for="showprivate">Show Private</label></span>
|
|
<span id="classopts"><input type="checkbox" name="showprotected" id="showprotected" /> <label for="showprotected">Show Protected</label></span>
|
|
<span id="classopts"><input type="checkbox" name="showdeprecated" id="showdeprecated" /> <label for="showdeprecated">Show Deprecated</label></span>
|
|
</form>
|
|
|
|
<div id="srcout">
|
|
<style>
|
|
#doc3 #classopts { display:none; }
|
|
</style>
|
|
<div class="highlight" ><pre><span class="c">/**</span>
|
|
<span class="c"> * The Carousel module provides a widget for browsing among a set of like</span>
|
|
<span class="c"> * objects represented pictorially.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @module carousel</span>
|
|
<span class="c"> * @requires yahoo, dom, event, element</span>
|
|
<span class="c"> * @optional animation</span>
|
|
<span class="c"> * @namespace YAHOO.widget</span>
|
|
<span class="c"> * @title Carousel Widget</span>
|
|
<span class="c"> */</span>
|
|
<span class="o">(</span><span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">WidgetName</span><span class="o">;</span> <span class="c">// forward declaration</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The Carousel widget.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @class Carousel</span>
|
|
<span class="c"> * @extends YAHOO.util.Element</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param el {HTMLElement | String} The HTML element that represents the</span>
|
|
<span class="c"> * the container that houses the Carousel.</span>
|
|
<span class="c"> * @param cfg {Object} (optional) The configuration values</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Carousel</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Component creation"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span> <span class="o">=</span> <span class="o">{};</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_pages</span> <span class="o">=</span> <span class="o">{};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Carousel</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">constructor</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">el</span><span class="o">,</span> <span class="nx">cfg</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Private variables of the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/* Some abbreviations to avoid lengthy typing and lookups. */</span>
|
|
<span class="k">var</span> <span class="nx">Carousel</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">Carousel</span><span class="o">,</span>
|
|
<span class="nx">Dom</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">,</span>
|
|
<span class="nx">Event</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">,</span>
|
|
<span class="nx">JS</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The widget name.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">WidgetName</span> <span class="o">=</span> <span class="s2">"Carousel"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The internal table of Carousel instances.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">instances</span> <span class="o">=</span> <span class="o">{};</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Custom events of the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event afterScroll</span>
|
|
<span class="c"> * @description Fires when the Carousel has scrolled to the previous or</span>
|
|
<span class="c"> * next page. Passes back the index of the first and last visible items in</span>
|
|
<span class="c"> * the Carousel. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">afterScrollEvent</span> <span class="o">=</span> <span class="s2">"afterScroll"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event beforeHide</span>
|
|
<span class="c"> * @description Fires before the Carousel is hidden. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">beforeHideEvent</span> <span class="o">=</span> <span class="s2">"beforeHide"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event beforePageChange</span>
|
|
<span class="c"> * @description Fires when the Carousel is about to scroll to the previous</span>
|
|
<span class="c"> * or next page. Passes back the page number of the current page. Note</span>
|
|
<span class="c"> * that the first page number is zero. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">beforePageChangeEvent</span> <span class="o">=</span> <span class="s2">"beforePageChange"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event beforeScroll</span>
|
|
<span class="c"> * @description Fires when the Carousel is about to scroll to the previous</span>
|
|
<span class="c"> * or next page. Passes back the index of the first and last visible items</span>
|
|
<span class="c"> * in the Carousel and the direction (backward/forward) of the scroll. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">beforeScrollEvent</span> <span class="o">=</span> <span class="s2">"beforeScroll"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event beforeShow</span>
|
|
<span class="c"> * @description Fires when the Carousel is about to be shown. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">beforeShowEvent</span> <span class="o">=</span> <span class="s2">"beforeShow"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event blur</span>
|
|
<span class="c"> * @description Fires when the Carousel loses focus. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">blurEvent</span> <span class="o">=</span> <span class="s2">"blur"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event focus</span>
|
|
<span class="c"> * @description Fires when the Carousel gains focus. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">focusEvent</span> <span class="o">=</span> <span class="s2">"focus"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event hide</span>
|
|
<span class="c"> * @description Fires when the Carousel is hidden. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">hideEvent</span> <span class="o">=</span> <span class="s2">"hide"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event itemAdded</span>
|
|
<span class="c"> * @description Fires when an item has been added to the Carousel. Passes</span>
|
|
<span class="c"> * back the content of the item that would be added, the index at which the</span>
|
|
<span class="c"> * item would be added, and the event itself. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">itemAddedEvent</span> <span class="o">=</span> <span class="s2">"itemAdded"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event itemRemoved</span>
|
|
<span class="c"> * @description Fires when an item has been removed from the Carousel.</span>
|
|
<span class="c"> * Passes back the content of the item that would be removed, the index</span>
|
|
<span class="c"> * from which the item would be removed, and the event itself. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">itemRemovedEvent</span> <span class="o">=</span> <span class="s2">"itemRemoved"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event itemSelected</span>
|
|
<span class="c"> * @description Fires when an item has been selected in the Carousel.</span>
|
|
<span class="c"> * Passes back the index of the selected item in the Carousel. Note, that</span>
|
|
<span class="c"> * the index begins from zero. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">itemSelectedEvent</span> <span class="o">=</span> <span class="s2">"itemSelected"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event loadItems</span>
|
|
<span class="c"> * @description Fires when the Carousel needs more items to be loaded for</span>
|
|
<span class="c"> * displaying them. Passes back the first and last visible items in the</span>
|
|
<span class="c"> * Carousel, and the number of items needed to be loaded. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">loadItemsEvent</span> <span class="o">=</span> <span class="s2">"loadItems"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event navigationStateChange</span>
|
|
<span class="c"> * @description Fires when the state of either one of the navigation</span>
|
|
<span class="c"> * buttons are changed from enabled to disabled or vice versa. Passes back</span>
|
|
<span class="c"> * the state (true/false) of the previous and next buttons. The value true</span>
|
|
<span class="c"> * signifies the button is enabled, false signifies disabled. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">navigationStateChangeEvent</span> <span class="o">=</span> <span class="s2">"navigationStateChange"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event pageChange</span>
|
|
<span class="c"> * @description Fires after the Carousel has scrolled to the previous or</span>
|
|
<span class="c"> * next page. Passes back the page number of the current page. Note</span>
|
|
<span class="c"> * that the first page number is zero. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">pageChangeEvent</span> <span class="o">=</span> <span class="s2">"pageChange"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event render</span>
|
|
<span class="c"> * @description Fires when the Carousel is rendered. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">renderEvent</span> <span class="o">=</span> <span class="s2">"render"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event show</span>
|
|
<span class="c"> * @description Fires when the Carousel is shown. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">showEvent</span> <span class="o">=</span> <span class="s2">"show"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event startAutoPlay</span>
|
|
<span class="c"> * @description Fires when the auto play has started in the Carousel. See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">startAutoPlayEvent</span> <span class="o">=</span> <span class="s2">"startAutoPlay"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @event stopAutoPlay</span>
|
|
<span class="c"> * @description Fires when the auto play has been stopped in the Carousel.</span>
|
|
<span class="c"> * See</span>
|
|
<span class="c"> * <a href="YAHOO.util.Element.html#addListener">Element.addListener</a></span>
|
|
<span class="c"> * for more information on listening for this event.</span>
|
|
<span class="c"> * @type YAHOO.util.CustomEvent</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">var</span> <span class="nx">stopAutoPlayEvent</span> <span class="o">=</span> <span class="s2">"stopAutoPlay"</span><span class="o">;</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Private helper functions used by the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Automatically scroll the contents of the Carousel.</span>
|
|
<span class="c"> * @method autoScroll</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">autoScroll</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">currIndex</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span><span class="o">,</span>
|
|
<span class="nx">index</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">currIndex</span> <span class="o">>=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">)</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">index</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">stopAutoPlay</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">index</span> <span class="o">=</span> <span class="nx">currIndex</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">index</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Create an element, set its class name and optionally install the element</span>
|
|
<span class="c"> * to its parent.</span>
|
|
<span class="c"> * @method createElement</span>
|
|
<span class="c"> * @param el {String} The element to be created</span>
|
|
<span class="c"> * @param attrs {Object} Configuration of parent, class and id attributes.</span>
|
|
<span class="c"> * If the content is specified, it is inserted after creation of the</span>
|
|
<span class="c"> * element. The content can also be an HTML element in which case it would</span>
|
|
<span class="c"> * be appended as a child node of the created element.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">createElement</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">attrs</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">newEl</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
|
|
<span class="nx">attrs</span> <span class="o">=</span> <span class="nx">attrs</span> <span class="o">||</span> <span class="o">{};</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">attrs</span><span class="o">.</span><span class="nx">className</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">newEl</span><span class="o">,</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">className</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">attrs</span><span class="o">.</span><span class="nx">parent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">attrs</span><span class="o">.</span><span class="nx">parent</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">newEl</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">attrs</span><span class="o">.</span><span class="nx">id</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">newEl</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"id"</span><span class="o">,</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">id</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">attrs</span><span class="o">.</span><span class="nx">content</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">attrs</span><span class="o">.</span><span class="nx">content</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">newEl</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">attrs</span><span class="o">.</span><span class="nx">content</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">newEl</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">content</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">newEl</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the computed style of an element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getStyle</span>
|
|
<span class="c"> * @param el {HTMLElement} The element for which the style needs to be</span>
|
|
<span class="c"> * returned.</span>
|
|
<span class="c"> * @param style {String} The style attribute</span>
|
|
<span class="c"> * @param type {String} "int", "float", etc. (defaults to int)</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">getStyle</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">,</span> <span class="nx">type</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">value</span><span class="o">;</span>
|
|
|
|
<span class="k">function</span> <span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">val</span><span class="o">;</span>
|
|
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="o">(</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">),</span> <span class="m">10</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">?</span> <span class="nx">val</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">function</span> <span class="nx">getStyleFloatVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">val</span><span class="o">;</span>
|
|
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="o">(</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">));</span>
|
|
<span class="k">return</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">?</span> <span class="nx">val</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">typeof</span> <span class="nx">type</span> <span class="o">==</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">type</span> <span class="o">=</span> <span class="s2">"int"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">switch</span> <span class="o">(</span><span class="nx">style</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="s2">"height"</span><span class="o">:</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">value</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">+=</span> <span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginTop"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginBottom"</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">getStyleFloatVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"height"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginTop"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginBottom"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"borderTopWidth"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"borderBottomWidth"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"paddingTop"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"paddingBottom"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="s2">"width"</span><span class="o">:</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">offsetWidth</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">value</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">+=</span> <span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginRight"</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">getStyleFloatVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"width"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginRight"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"borderLeftWidth"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"borderRightWidth"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"paddingLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"paddingRight"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">default</span><span class="o">:</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">type</span> <span class="o">==</span> <span class="s2">"int"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">);</span>
|
|
<span class="c">// XXX: Safari calculates incorrect marginRight for an element</span>
|
|
<span class="c"></span> <span class="c">// which has its parent element style set to overflow: hidden</span>
|
|
<span class="c"></span> <span class="c">// https://bugs.webkit.org/show_bug.cgi?id=13343</span>
|
|
<span class="c"></span> <span class="c">// Let us assume marginLeft == marginRight</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="nx">style</span> <span class="o">==</span> <span class="s2">"marginRight"</span> <span class="o">&&</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">env</span><span class="o">.</span><span class="nx">ua</span><span class="o">.</span><span class="nx">webkit</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">getStyleIntVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="s2">"marginLeft"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(</span><span class="nx">type</span> <span class="o">==</span> <span class="s2">"float"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">getStyleFloatVal</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">value</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">style</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">value</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Compute and return the height or width of a single Carousel item</span>
|
|
<span class="c"> * depending upon the orientation.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getCarouselItemSize</span>
|
|
<span class="c"> * @param which {String} "height" or "width" to be returned. If this is</span>
|
|
<span class="c"> * passed explicitly, the calculated size is not cached.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">getCarouselItemSize</span><span class="o">(</span><span class="nx">which</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">child</span><span class="o">,</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">vertical</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">typeof</span> <span class="nx">which</span> <span class="o">==</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">size</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">size</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="m">0</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">child</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="m">0</span><span class="o">].</span><span class="nx">id</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">typeof</span> <span class="nx">which</span> <span class="o">==</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">vertical</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">vertical</span> <span class="o">=</span> <span class="nx">which</span> <span class="o">==</span> <span class="s2">"height"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">vertical</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nx">getStyle</span><span class="o">(</span><span class="nx">child</span><span class="o">,</span> <span class="s2">"height"</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nx">getStyle</span><span class="o">(</span><span class="nx">child</span><span class="o">,</span> <span class="s2">"width"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">typeof</span> <span class="nx">which</span> <span class="o">==</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">size</span> <span class="o">=</span> <span class="nx">size</span><span class="o">;</span> <span class="c">// save the size for later</span>
|
|
<span class="c"></span> <span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">size</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return the scrolling offset size given the number of elements to</span>
|
|
<span class="c"> * scroll.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getScrollOffset</span>
|
|
<span class="c"> * @param delta {Number} The delta number of elements to scroll by.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">getScrollOffset</span><span class="o">(</span><span class="nx">delta</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">itemSize</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
|
|
<span class="nx">itemSize</span> <span class="o">=</span> <span class="nx">getCarouselItemSize</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nx">itemSize</span> <span class="o">*</span> <span class="nx">delta</span><span class="o">;</span>
|
|
|
|
<span class="c">// XXX: really, when the orientation is vertical, the scrolling</span>
|
|
<span class="c"></span> <span class="c">// is not exactly the number of elements into element size.</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">size</span> <span class="o">-=</span> <span class="nx">delta</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">size</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The load the required set of items that are needed for display.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method loadItems</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">loadItems</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">first</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"firstVisible"</span><span class="o">),</span>
|
|
<span class="nx">last</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">numItems</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">),</span>
|
|
<span class="nx">numVisible</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">),</span>
|
|
<span class="nx">reveal</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"revealAmount"</span><span class="o">);</span>
|
|
|
|
<span class="nx">last</span> <span class="o">=</span> <span class="nx">first</span> <span class="o">+</span> <span class="nx">numVisible</span> <span class="o">-</span> <span class="m">1</span> <span class="o">+</span> <span class="o">(</span><span class="nx">reveal</span> <span class="o">?</span> <span class="m">1</span> <span class="o">:</span> <span class="m">0</span><span class="o">);</span>
|
|
<span class="nx">last</span> <span class="o">=</span> <span class="nx">last</span> <span class="o">></span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span> <span class="o">?</span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span> <span class="o">:</span> <span class="nx">last</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">getItem</span><span class="o">(</span><span class="nx">first</span><span class="o">)</span> <span class="o">||</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">getItem</span><span class="o">(</span><span class="nx">last</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">loadItemsEvent</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">ev</span><span class="o">:</span> <span class="nx">loadItemsEvent</span><span class="o">,</span>
|
|
<span class="nx">first</span><span class="o">:</span> <span class="nx">first</span><span class="o">,</span> <span class="nx">last</span><span class="o">:</span> <span class="nx">last</span><span class="o">,</span>
|
|
<span class="nx">num</span><span class="o">:</span> <span class="nx">last</span> <span class="o">-</span> <span class="nx">first</span>
|
|
<span class="o">});</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Scroll the Carousel by a page backward.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method scrollPageBackward</span>
|
|
<span class="c"> * @param {Event} ev The event object</span>
|
|
<span class="c"> * @param {Object} obj The context object</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">scrollPageBackward</span><span class="o">(</span><span class="nx">ev</span><span class="o">,</span> <span class="nx">obj</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">obj</span><span class="o">.</span><span class="nx">scrollPageBackward</span><span class="o">();</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">ev</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Scroll the Carousel by a page forward.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method scrollPageForward</span>
|
|
<span class="c"> * @param {Event} ev The event object</span>
|
|
<span class="c"> * @param {Object} obj The context object</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">scrollPageForward</span><span class="o">(</span><span class="nx">ev</span><span class="o">,</span> <span class="nx">obj</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">obj</span><span class="o">.</span><span class="nx">scrollPageForward</span><span class="o">();</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">ev</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the selected item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method setItemSelection</span>
|
|
<span class="c"> * @param {Number} newposition The index of the new position</span>
|
|
<span class="c"> * @param {Number} oldposition The index of the previous position</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">setItemSelection</span><span class="o">(</span><span class="nx">newposition</span><span class="o">,</span> <span class="nx">oldposition</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">backwards</span><span class="o">,</span>
|
|
<span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">,</span>
|
|
<span class="nx">el</span><span class="o">,</span>
|
|
<span class="nx">firstItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span><span class="o">,</span>
|
|
<span class="nx">isCircular</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">),</span>
|
|
<span class="nx">numItems</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">),</span>
|
|
<span class="nx">numVisible</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">),</span>
|
|
<span class="nx">position</span> <span class="o">=</span> <span class="nx">oldposition</span><span class="o">,</span>
|
|
<span class="nx">sentinel</span> <span class="o">=</span> <span class="nx">firstItem</span> <span class="o">+</span> <span class="nx">numVisible</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="nx">backwards</span> <span class="o">=</span> <span class="nx">numVisible</span> <span class="o">></span> <span class="m">1</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">isCircular</span> <span class="o">&&</span> <span class="nx">position</span> <span class="o">></span> <span class="nx">newposition</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">position</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">&&</span> <span class="nx">position</span> <span class="o"><</span> <span class="nx">numItems</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">position</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">position</span><span class="o">].</span><span class="nx">id</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">SELECTED_ITEM</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">newposition</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">newposition</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="o">(</span><span class="nx">newposition</span><span class="o">,</span> <span class="m">10</span><span class="o">);</span>
|
|
<span class="nx">newposition</span> <span class="o">=</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">newposition</span><span class="o">)</span> <span class="o">?</span> <span class="nx">newposition</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">newposition</span> <span class="o">=</span> <span class="nx">firstItem</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">newposition</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="nx">newposition</span><span class="o">);</span> <span class="c">// still loading the item</span>
|
|
<span class="c"></span> <span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">newposition</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">newposition</span><span class="o">].</span><span class="nx">id</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">SELECTED_ITEM</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">newposition</span> <span class="o"><</span> <span class="nx">firstItem</span> <span class="o">||</span> <span class="nx">newposition</span> <span class="o">></span> <span class="nx">sentinel</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// out of focus</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="nx">backwards</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="nx">firstItem</span> <span class="o">-</span> <span class="nx">numVisible</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="nx">newposition</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fire custom events for enabling/disabling navigation elements.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method syncNavigation</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">syncNavigation</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">attach</span> <span class="o">=</span> <span class="kc">false</span><span class="o">,</span>
|
|
<span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">,</span>
|
|
<span class="nx">i</span><span class="o">,</span>
|
|
<span class="nx">navigation</span><span class="o">,</span>
|
|
<span class="nx">sentinel</span><span class="o">;</span>
|
|
|
|
<span class="nx">navigation</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"navigation"</span><span class="o">);</span>
|
|
<span class="nx">sentinel</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">prev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">removeListener</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">prev</span><span class="o">,</span> <span class="s2">"click"</span><span class="o">,</span>
|
|
<span class="nx">scrollPageBackward</span><span class="o">);</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">prev</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">FIRST_NAV_DISABLED</span><span class="o">);</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"disabled"</span><span class="o">,</span> <span class="s2">"true"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_prevEnabled</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">attach</span> <span class="o">=</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_prevEnabled</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">attach</span> <span class="o">=</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_prevEnabled</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">attach</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">prev</span><span class="o">,</span> <span class="s2">"click"</span><span class="o">,</span> <span class="nx">scrollPageBackward</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">prev</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">FIRST_NAV_DISABLED</span><span class="o">);</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">removeAttribute</span><span class="o">(</span><span class="s2">"disabled"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_prevEnabled</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">attach</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">next</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">sentinel</span> <span class="o">>=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">removeListener</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">next</span><span class="o">,</span> <span class="s2">"click"</span><span class="o">,</span>
|
|
<span class="nx">scrollPageForward</span><span class="o">);</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">next</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">DISABLED</span><span class="o">);</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"disabled"</span><span class="o">,</span> <span class="s2">"true"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_nextEnabled</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">attach</span> <span class="o">=</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_nextEnabled</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">attach</span> <span class="o">=</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_nextEnabled</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">attach</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">next</span><span class="o">,</span> <span class="s2">"click"</span><span class="o">,</span> <span class="nx">scrollPageForward</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="nx">navigation</span><span class="o">.</span><span class="nx">next</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">DISABLED</span><span class="o">);</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">removeAttribute</span><span class="o">(</span><span class="s2">"disabled"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_nextEnabled</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">navigationStateChangeEvent</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">next</span><span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_nextEnabled</span><span class="o">,</span> <span class="nx">prev</span><span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_prevEnabled</span> <span class="o">});</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fire custom events for synchronizing the DOM.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method syncUI</span>
|
|
<span class="c"> * @param {Object} o The item that needs to be added or removed</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">function</span> <span class="nx">syncUI</span><span class="o">(</span><span class="nx">o</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">el</span><span class="o">,</span> <span class="nx">i</span><span class="o">,</span> <span class="nx">item</span><span class="o">,</span> <span class="nx">num</span><span class="o">,</span> <span class="nx">oel</span><span class="o">,</span> <span class="nx">pos</span><span class="o">,</span> <span class="nx">sibling</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">o</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">switch</span> <span class="o">(</span><span class="nx">o</span><span class="o">.</span><span class="nx">ev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="nx">itemAddedEvent</span><span class="o">:</span>
|
|
<span class="nx">pos</span> <span class="o">=</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="nx">o</span><span class="o">.</span><span class="nx">pos</span><span class="o">)</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span><span class="o">-</span><span class="m">1</span> <span class="o">:</span> <span class="nx">o</span><span class="o">.</span><span class="nx">pos</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">pos</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="nx">item</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">pos</span><span class="o">];</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">item</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="nx">item</span><span class="o">.</span><span class="nx">id</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">oel</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">item</span><span class="o">.</span><span class="nx">id</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">oel</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_createCarouselItem</span><span class="o">({</span>
|
|
<span class="nx">className</span> <span class="o">:</span> <span class="nx">item</span><span class="o">.</span><span class="nx">className</span><span class="o">,</span>
|
|
<span class="nx">content</span> <span class="o">:</span> <span class="nx">item</span><span class="o">.</span><span class="nx">item</span><span class="o">,</span>
|
|
<span class="nx">id</span> <span class="o">:</span> <span class="nx">item</span><span class="o">.</span><span class="nx">id</span>
|
|
<span class="o">});</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="nx">o</span><span class="o">.</span><span class="nx">pos</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">loading</span><span class="o">[</span><span class="nx">pos</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="nx">oel</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">loading</span><span class="o">[</span><span class="nx">pos</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">oel</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">replaceChild</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">oel</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">o</span><span class="o">.</span><span class="nx">pos</span> <span class="o">+</span> <span class="m">1</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="nx">sibling</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">o</span><span class="o">.</span><span class="nx">pos</span> <span class="o">+</span> <span class="m">1</span><span class="o">].</span><span class="nx">id</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">sibling</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">insertBefore</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">sibling</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Unable to find sibling"</span><span class="o">,</span><span class="s2">"error"</span><span class="o">,</span><span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="nx">o</span><span class="o">.</span><span class="nx">pos</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">oel</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">oel</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">oel</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">o</span><span class="o">.</span><span class="nx">pos</span><span class="o">+</span><span class="m">1</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">insertBefore</span><span class="o">(</span><span class="nx">oel</span><span class="o">,</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">o</span><span class="o">.</span><span class="nx">pos</span><span class="o">+</span><span class="m">1</span><span class="o">].</span><span class="nx">id</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_recomputeSize</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_setClipContainerSize</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="nx">itemRemovedEvent</span><span class="o">:</span>
|
|
<span class="nx">num</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">);</span>
|
|
<span class="nx">item</span> <span class="o">=</span> <span class="nx">o</span><span class="o">.</span><span class="nx">item</span><span class="o">;</span>
|
|
<span class="nx">pos</span> <span class="o">=</span> <span class="nx">o</span><span class="o">.</span><span class="nx">pos</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">item</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">el</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">item</span><span class="o">.</span><span class="nx">id</span><span class="o">)))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span> <span class="o">&&</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">isAncestor</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">el</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">removeChild</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">)</span> <span class="o">==</span> <span class="nx">pos</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">pos</span> <span class="o">=</span> <span class="nx">pos</span> <span class="o">>=</span> <span class="nx">num</span> <span class="o">?</span> <span class="nx">num</span> <span class="o">-</span> <span class="m">1</span> <span class="o">:</span> <span class="nx">pos</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="nx">pos</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Unable to find item"</span><span class="o">,</span> <span class="s2">"warn"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="nx">loadItemsEvent</span><span class="o">:</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="nx">o</span><span class="o">.</span><span class="nx">first</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><=</span> <span class="nx">o</span><span class="o">.</span><span class="nx">last</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_createCarouselItem</span><span class="o">({</span>
|
|
<span class="nx">content</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">ITEM_LOADING</span><span class="o">,</span>
|
|
<span class="nx">id</span> <span class="o">:</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">()</span>
|
|
<span class="o">});</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">o</span><span class="o">.</span><span class="nx">last</span> <span class="o">+</span> <span class="m">1</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="nx">sibling</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">o</span><span class="o">.</span><span class="nx">last</span><span class="o">+</span><span class="m">1</span><span class="o">].</span><span class="nx">id</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">sibling</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">insertBefore</span><span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">sibling</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Unable to find sibling"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span>
|
|
<span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">loading</span><span class="o">[</span><span class="nx">i</span><span class="o">]</span> <span class="o">=</span> <span class="nx">el</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Static members and methods of the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return the appropriate Carousel object based on the id associated with</span>
|
|
<span class="c"> * the Carousel element or false if none match.</span>
|
|
<span class="c"> * @method getById</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @static</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">Carousel</span><span class="o">.</span><span class="nx">getById</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">instances</span><span class="o">[</span><span class="nx">id</span><span class="o">]</span> <span class="o">?</span> <span class="nx">instances</span><span class="o">[</span><span class="nx">id</span><span class="o">]</span> <span class="o">:</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">extend</span><span class="o">(</span><span class="nx">Carousel</span><span class="o">,</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Element</span><span class="o">,</span> <span class="o">{</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Internal variables used within the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The Carousel element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _carouselEl</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_carouselEl</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The Carousel clipping container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _clipEl</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_clipEl</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The current first index of the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _firstItem</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_firstItem</span><span class="o">:</span> <span class="m">0</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Is the animation still in progress?</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _isAnimationInProgress</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_isAnimationInProgress</span><span class="o">:</span> <span class="kc">false</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The table of items in the Carousel.</span>
|
|
<span class="c"> * The numItems is the number of items in the Carousel, items being the</span>
|
|
<span class="c"> * array of items in the Carousel. The size is the size of a single</span>
|
|
<span class="c"> * item in the Carousel. It is cached here for efficiency (to avoid</span>
|
|
<span class="c"> * computing the size multiple times).</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _itemsTable</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_itemsTable</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The Carousel navigation buttons.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _navBtns</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_navBtns</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The Carousel navigation.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _navEl</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_navEl</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Status of the next navigation item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _nextEnabled</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_nextEnabled</span><span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The Carousel pages structure.</span>
|
|
<span class="c"> * This is an object of the total number of pages and the current page.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _pages</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_pages</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Status of the previous navigation item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _prevEnabled</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_prevEnabled</span><span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether the Carousel size needs to be recomputed or not?</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _recomputeSize</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_recomputeSize</span><span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * CSS classes used by the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">CLASSES</span><span class="o">:</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the Carousel navigation buttons.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property BUTTON</span>
|
|
<span class="c"> * @default "yui-carousel-button"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">BUTTON</span><span class="o">:</span> <span class="s2">"yui-carousel-button"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the Carousel element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property CAROUSEL</span>
|
|
<span class="c"> * @default "yui-carousel"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">CAROUSEL</span><span class="o">:</span> <span class="s2">"yui-carousel"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the container of the items in the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property CAROUSEL_EL</span>
|
|
<span class="c"> * @default "yui-carousel-element"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">CAROUSEL_EL</span><span class="o">:</span> <span class="s2">"yui-carousel-element"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the Carousel's container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property CONTAINER</span>
|
|
<span class="c"> * @default "yui-carousel-container"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">CONTAINER</span><span class="o">:</span> <span class="s2">"yui-carousel-container"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the Carousel's container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property CONTENT</span>
|
|
<span class="c"> * @default "yui-carousel-content"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">CONTENT</span><span class="o">:</span> <span class="s2">"yui-carousel-content"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of a disabled navigation button.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property DISABLED</span>
|
|
<span class="c"> * @default "yui-carousel-button-disabled"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">DISABLED</span><span class="o">:</span> <span class="s2">"yui-carousel-button-disabled"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the first Carousel navigation button.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property FIRST_NAV</span>
|
|
<span class="c"> * @default " yui-carousel-first-button"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">FIRST_NAV</span><span class="o">:</span> <span class="s2">" yui-carousel-first-button"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of a first disabled navigation button.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property FIRST_NAV_DISABLED</span>
|
|
<span class="c"> * @default "yui-carousel-first-button-disabled"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">FIRST_NAV_DISABLED</span><span class="o">:</span> <span class="s2">"yui-carousel-first-button-disabled"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of a first page element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property FIRST_PAGE</span>
|
|
<span class="c"> * @default "yui-carousel-nav-first-page"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">FIRST_PAGE</span><span class="o">:</span> <span class="s2">"yui-carousel-nav-first-page"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the Carousel navigation button that has focus.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property FOCUSSED_BUTTON</span>
|
|
<span class="c"> * @default "yui-carousel-button-focus"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">FOCUSSED_BUTTON</span><span class="o">:</span> <span class="s2">"yui-carousel-button-focus"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of a horizontally oriented Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property HORIZONTAL</span>
|
|
<span class="c"> * @default "yui-carousel-horizontal"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">HORIZONTAL</span><span class="o">:</span> <span class="s2">"yui-carousel-horizontal"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The navigation element container class name.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property NAVIGATION</span>
|
|
<span class="c"> * @default "yui-carousel-nav"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">NAVIGATION</span><span class="o">:</span> <span class="s2">"yui-carousel-nav"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the next navigation link. This variable is not</span>
|
|
<span class="c"> * only used for styling, but also for identifying the link within</span>
|
|
<span class="c"> * the Carousel container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property NEXT_PAGE</span>
|
|
<span class="c"> * @default "yui-carousel-next"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">NEXT_PAGE</span><span class="o">:</span> <span class="s2">"yui-carousel-next"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name for the navigation container for prev/next.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property NAV_CONTAINER</span>
|
|
<span class="c"> * @default "yui-carousel-buttons"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">NAV_CONTAINER</span><span class="o">:</span> <span class="s2">"yui-carousel-buttons"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the previous navigation link. This variable</span>
|
|
<span class="c"> * is not only used for styling, but also for identifying the link</span>
|
|
<span class="c"> * within the Carousel container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property PREV_PAGE</span>
|
|
<span class="c"> * @default "yui-carousel-prev"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">PREV_PAGE</span><span class="o">:</span> <span class="s2">"yui-carousel-prev"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the selected item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property SELECTED_ITEM</span>
|
|
<span class="c"> * @default "yui-carousel-item-selected"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">SELECTED_ITEM</span><span class="o">:</span> <span class="s2">"yui-carousel-item-selected"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the selected paging navigation.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property SELECTED_NAV</span>
|
|
<span class="c"> * @default "yui-carousel-nav-page-selected"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">SELECTED_NAV</span><span class="o">:</span> <span class="s2">"yui-carousel-nav-page-selected"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of a vertically oriented Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property VERTICAL</span>
|
|
<span class="c"> * @default "yui-carousel-vertical"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">VERTICAL</span><span class="o">:</span> <span class="s2">"yui-carousel-vertical"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of the (vertical) Carousel's container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property VERTICAL_CONTAINER</span>
|
|
<span class="c"> * @default "yui-carousel-vertical-container"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">VERTICAL_CONTAINER</span><span class="o">:</span> <span class="s2">"yui-carousel-vertical-container"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The class name of a visible Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property VISIBLE</span>
|
|
<span class="c"> * @default "yui-carousel-visible"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">VISIBLE</span><span class="o">:</span> <span class="s2">"yui-carousel-visible"</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Configuration attributes for configuring the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">CONFIG</span><span class="o">:</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The offset of the first visible item in the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property FIRST_VISIBLE</span>
|
|
<span class="c"> * @default 0</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">FIRST_VISIBLE</span><span class="o">:</span> <span class="m">0</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The element to be used as the progress indicator when the item</span>
|
|
<span class="c"> * is still being loaded.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property ITEM_LOADING</span>
|
|
<span class="c"> * @default The progress indicator (spinner) image</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ITEM_LOADING</span><span class="o">:</span> <span class="s2">"<img "</span> <span class="o">+</span>
|
|
<span class="s2">"src=\"../../build/carousel/assets/ajax-loader.gif\" "</span> <span class="o">+</span>
|
|
<span class="s2">"alt=\"Loading\" "</span> <span class="o">+</span>
|
|
<span class="s2">"style=\"margin-top:-32px;position:relative;top:50%;\">"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The tag name of the Carousel item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property ITEM_TAG_NAME</span>
|
|
<span class="c"> * @default "LI"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">ITEM_TAG_NAME</span><span class="o">:</span> <span class="s2">"LI"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The maximum number of pager buttons allowed beyond which the UI</span>
|
|
<span class="c"> * of the pager would be a drop-down of pages instead of buttons.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property MAX_PAGER_BUTTONS</span>
|
|
<span class="c"> * @default 5</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">MAX_PAGER_BUTTONS</span><span class="o">:</span> <span class="m">5</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The minimum width of the Carousel container to support the</span>
|
|
<span class="c"> * navigation buttons.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property MIN_WIDTH</span>
|
|
<span class="c"> * @default 99</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">MIN_WIDTH</span><span class="o">:</span> <span class="m">99</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The number of visible items in the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property NUM_VISIBLE</span>
|
|
<span class="c"> * @default 3</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">NUM_VISIBLE</span><span class="o">:</span> <span class="m">3</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The tag name of the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property TAG_NAME</span>
|
|
<span class="c"> * @default "OL"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">TAG_NAME</span><span class="o">:</span> <span class="s2">"OL"</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Internationalizable strings in the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">STRINGS</span><span class="o">:</span> <span class="o">{</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The next navigation button name/text.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property NEXT_BUTTON_TEXT</span>
|
|
<span class="c"> * @default "Next Page"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">NEXT_BUTTON_TEXT</span><span class="o">:</span> <span class="s2">"Next Page"</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The prefix text for the pager in case the UI is a drop-down.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property PAGER_PREFIX_TEXT</span>
|
|
<span class="c"> * @default "Go to page "</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">PAGER_PREFIX_TEXT</span><span class="o">:</span> <span class="s2">"Go to page "</span><span class="o">,</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The previous navigation button name/text.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property PREVIOUS_BUTTON_TEXT</span>
|
|
<span class="c"> * @default "Previous Page"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">PREVIOUS_BUTTON_TEXT</span><span class="o">:</span> <span class="s2">"Previous Page"</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Public methods of the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Insert or append an item to the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method addItem</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @param item {String | Object | HTMLElement} The item to be appended</span>
|
|
<span class="c"> * to the Carousel. If the parameter is a string, it is assumed to be</span>
|
|
<span class="c"> * the content of the newly created item. If the parameter is an</span>
|
|
<span class="c"> * object, it is assumed to supply the content and an optional class</span>
|
|
<span class="c"> * and an optional id of the newly created item.</span>
|
|
<span class="c"> * @param index {Number} optional The position to where in the list</span>
|
|
<span class="c"> * (starts from zero).</span>
|
|
<span class="c"> * @return {Boolean} Return true on success, false otherwise</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">addItem</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">item</span><span class="o">,</span> <span class="nx">index</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">className</span><span class="o">,</span> <span class="nx">content</span><span class="o">,</span> <span class="nx">el</span><span class="o">,</span> <span class="nx">elId</span><span class="o">,</span> <span class="nx">numItems</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">item</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">item</span><span class="o">)</span> <span class="o">||</span> <span class="nx">item</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">content</span> <span class="o">=</span> <span class="nx">item</span><span class="o">.</span><span class="nx">nodeName</span> <span class="o">?</span> <span class="nx">item</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">:</span> <span class="nx">item</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">item</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">content</span> <span class="o">=</span> <span class="nx">item</span><span class="o">.</span><span class="nx">content</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Invalid argument to addItem"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">className</span> <span class="o">=</span> <span class="nx">item</span><span class="o">.</span><span class="nx">className</span> <span class="o">||</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">elId</span> <span class="o">=</span> <span class="nx">item</span><span class="o">.</span><span class="nx">id</span> <span class="o">?</span> <span class="nx">item</span><span class="o">.</span><span class="nx">id</span> <span class="o">:</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="nx">index</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">.</span><span class="nx">push</span><span class="o">({</span>
|
|
<span class="nx">item</span> <span class="o">:</span> <span class="nx">content</span><span class="o">,</span>
|
|
<span class="nx">className</span> <span class="o">:</span> <span class="nx">className</span><span class="o">,</span>
|
|
<span class="nx">id</span> <span class="o">:</span> <span class="nx">elId</span>
|
|
<span class="o">});</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">index</span> <span class="o"><</span> <span class="m">0</span> <span class="o">||</span> <span class="nx">index</span> <span class="o">>=</span> <span class="nx">numItems</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Index out of bounds"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">.</span><span class="nx">splice</span><span class="o">(</span><span class="nx">index</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">item</span> <span class="o">:</span> <span class="nx">content</span><span class="o">,</span>
|
|
<span class="nx">className</span> <span class="o">:</span> <span class="nx">className</span><span class="o">,</span>
|
|
<span class="nx">id</span> <span class="o">:</span> <span class="nx">elId</span>
|
|
<span class="o">});</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span><span class="o">++;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">numItems</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">.</span><span class="nx">length</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">.</span><span class="nx">length</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">itemAddedEvent</span><span class="o">,</span> <span class="o">{</span> <span class="nx">pos</span><span class="o">:</span> <span class="nx">index</span><span class="o">,</span> <span class="nx">ev</span><span class="o">:</span> <span class="nx">itemAddedEvent</span> <span class="o">});</span>
|
|
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Insert or append multiple items to the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method addItems</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @param items {Array} An array of items to be added with each item</span>
|
|
<span class="c"> * representing an item, index pair [{item, index}, ...]</span>
|
|
<span class="c"> * @return {Boolean} Return true on success, false otherwise</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">addItems</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">items</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">i</span><span class="o">,</span> <span class="nx">n</span><span class="o">,</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">items</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">n</span> <span class="o">=</span> <span class="nx">items</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">n</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">addItem</span><span class="o">(</span><span class="nx">items</span><span class="o">[</span><span class="nx">i</span><span class="o">][</span><span class="m">0</span><span class="o">],</span> <span class="nx">items</span><span class="o">[</span><span class="nx">i</span><span class="o">][</span><span class="m">1</span><span class="o">])</span> <span class="o">===</span> <span class="kc">false</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Remove focus from the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method blur</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">blur</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">.</span><span class="nx">blur</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">blurEvent</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Clears the items from Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method clearItems</span>
|
|
<span class="c"> * public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">clearItems</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">);</span>
|
|
|
|
<span class="k">while</span> <span class="o">(</span><span class="nx">n</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">removeItem</span><span class="o">(</span><span class="m">0</span><span class="o">);</span>
|
|
<span class="nx">n</span><span class="o">--;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set focus on the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method focus</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">focus</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">selItem</span><span class="o">,</span>
|
|
<span class="nx">numVisible</span><span class="o">,</span>
|
|
<span class="nx">selectOnScroll</span><span class="o">,</span>
|
|
<span class="nx">selected</span><span class="o">,</span>
|
|
<span class="nx">first</span><span class="o">,</span>
|
|
<span class="nx">last</span><span class="o">,</span>
|
|
<span class="nx">isSelectionInvisible</span><span class="o">,</span>
|
|
<span class="nx">focusEl</span><span class="o">,</span>
|
|
<span class="nx">itemsTable</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_isAnimationInProgress</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// this messes up real bad!</span>
|
|
<span class="c"></span> <span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">selItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">);</span>
|
|
<span class="nx">numVisible</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">);</span>
|
|
<span class="nx">selectOnScroll</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectOnScroll"</span><span class="o">);</span>
|
|
<span class="nx">selected</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getItem</span><span class="o">(</span><span class="nx">selItem</span><span class="o">);</span>
|
|
<span class="nx">first</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"firstVisible"</span><span class="o">);</span>
|
|
<span class="nx">last</span> <span class="o">=</span> <span class="nx">first</span> <span class="o">+</span> <span class="nx">numVisible</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="nx">isSelectionInvisible</span> <span class="o">=</span> <span class="o">(</span><span class="nx">selItem</span> <span class="o"><</span> <span class="nx">first</span> <span class="o">||</span> <span class="nx">selItem</span> <span class="o">></span> <span class="nx">last</span><span class="o">);</span>
|
|
<span class="nx">focusEl</span> <span class="o">=</span> <span class="o">(</span><span class="nx">selected</span> <span class="o">&&</span> <span class="nx">selected</span><span class="o">.</span><span class="nx">id</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">selected</span><span class="o">.</span><span class="nx">id</span><span class="o">)</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="nx">itemsTable</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">selectOnScroll</span> <span class="o">&&</span> <span class="nx">isSelectionInvisible</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">focusEl</span> <span class="o">=</span> <span class="o">(</span><span class="nx">itemsTable</span> <span class="o">&&</span> <span class="nx">itemsTable</span><span class="o">.</span><span class="nx">items</span> <span class="o">&&</span>
|
|
<span class="nx">itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">first</span><span class="o">])</span> <span class="o">?</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">first</span><span class="o">].</span><span class="nx">id</span><span class="o">)</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">focusEl</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">try</span> <span class="o">{</span>
|
|
<span class="nx">focusEl</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
<span class="o">}</span> <span class="k">catch</span> <span class="o">(</span><span class="nx">ex</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// ignore focus errors</span>
|
|
<span class="c"></span> <span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">focusEvent</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Hide the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method hide</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">hide</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">beforeHideEvent</span><span class="o">)</span> <span class="o">!==</span> <span class="kc">false</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">.</span><span class="nx">VISIBLE</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">hideEvent</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initialize the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method init</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @param el {HTMLElement | String} The html element that represents</span>
|
|
<span class="c"> * the Carousel container.</span>
|
|
<span class="c"> * @param attrs {Object} The set of configuration attributes for</span>
|
|
<span class="c"> * creating the Carousel.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">init</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">attrs</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elId</span> <span class="o">=</span> <span class="nx">el</span><span class="o">,</span> <span class="c">// save for a rainy day</span>
|
|
<span class="c"></span> <span class="nx">parse</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">el</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="nx">el</span> <span class="o">+</span> <span class="s2">" is neither an HTML element, nor a string"</span><span class="o">,</span>
|
|
<span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span> <span class="o">=</span> <span class="o">{</span> <span class="nx">loading</span><span class="o">:</span> <span class="o">{},</span> <span class="nx">numItems</span><span class="o">:</span> <span class="m">0</span><span class="o">,</span> <span class="nx">items</span><span class="o">:</span> <span class="o">[],</span> <span class="nx">size</span><span class="o">:</span> <span class="m">0</span> <span class="o">};</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Component initialization"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">el</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(!</span><span class="nx">el</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="nx">el</span> <span class="o">+</span> <span class="s2">" is neither an HTML element, nor a string"</span><span class="o">,</span>
|
|
<span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">el</span><span class="o">.</span><span class="nx">id</span><span class="o">)</span> <span class="o">{</span> <span class="c">// in case the HTML element is passed</span>
|
|
<span class="c"></span> <span class="nx">el</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"id"</span><span class="o">,</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_parseCarousel</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="nx">parse</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_createCarousel</span><span class="o">(</span><span class="nx">elId</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">elId</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">id</span><span class="o">;</span>
|
|
|
|
<span class="nx">Carousel</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">init</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">el</span><span class="o">,</span> <span class="nx">attrs</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">initEvents</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">parse</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_parseCarouselItems</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">attrs</span> <span class="o">||</span> <span class="k">typeof</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">isVertical</span> <span class="o">==</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">,</span> <span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_parseCarouselNavigation</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navEl</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setupCarouselNavigation</span><span class="o">();</span>
|
|
|
|
<span class="nx">instances</span><span class="o">[</span><span class="nx">elId</span><span class="o">]</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
|
|
<span class="nx">loadItems</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initialize the configuration attributes used to create the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method initAttributes</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @param attrs {Object} The set of configuration attributes for</span>
|
|
<span class="c"> * creating the Carousel.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">initAttributes</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">attrs</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">attrs</span> <span class="o">=</span> <span class="nx">attrs</span> <span class="o">||</span> <span class="o">{};</span>
|
|
<span class="nx">Carousel</span><span class="o">.</span><span class="nx">superclass</span><span class="o">.</span><span class="nx">initAttributes</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">attrs</span><span class="o">);</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute currentPage</span>
|
|
<span class="c"> * @description The current page number (read-only.)</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"currentPage"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">readOnly</span> <span class="o">:</span> <span class="kc">true</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="m">0</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute firstVisible</span>
|
|
<span class="c"> * @description The index to start the Carousel from (indexes begin</span>
|
|
<span class="c"> * from zero)</span>
|
|
<span class="c"> * @default 0</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"firstVisible"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setFirstVisible</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_validateFirstVisible</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">firstVisible</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">FIRST_VISIBLE</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute selectOnScroll</span>
|
|
<span class="c"> * @description Set this to true to automatically set focus to</span>
|
|
<span class="c"> * follow scrolling in the Carousel.</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"selectOnScroll"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isBoolean</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">selectOnScroll</span> <span class="o">||</span> <span class="kc">true</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute numVisible</span>
|
|
<span class="c"> * @description The number of visible items in the Carousel's</span>
|
|
<span class="c"> * viewport.</span>
|
|
<span class="c"> * @default 3</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setNumVisible</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_validateNumVisible</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">numVisible</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">NUM_VISIBLE</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute numItems</span>
|
|
<span class="c"> * @description The number of items in the Carousel.</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setNumItems</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_validateNumItems</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute scrollIncrement</span>
|
|
<span class="c"> * @description The number of items to scroll by for arrow keys.</span>
|
|
<span class="c"> * @default 1</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"scrollIncrement"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_validateScrollIncrement</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">scrollIncrement</span> <span class="o">||</span> <span class="m">1</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute selectedItem</span>
|
|
<span class="c"> * @description The index of the selected item.</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setSelectedItem</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="m">0</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute revealAmount</span>
|
|
<span class="c"> * @description The percentage of the item to be revealed on each</span>
|
|
<span class="c"> * side of the Carousel (before and after the first and last item</span>
|
|
<span class="c"> * in the Carousel's viewport.)</span>
|
|
<span class="c"> * @default 0</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"revealAmount"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setRevealAmount</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_validateRevealAmount</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">revealAmount</span> <span class="o">||</span> <span class="m">0</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute isCircular</span>
|
|
<span class="c"> * @description Set this to true to wrap scrolling of the contents</span>
|
|
<span class="c"> * in the Carousel.</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isBoolean</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">isCircular</span> <span class="o">||</span> <span class="kc">false</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute isVertical</span>
|
|
<span class="c"> * @description True if the orientation of the Carousel is vertical</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setOrientation</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isBoolean</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">isVertical</span> <span class="o">||</span> <span class="kc">false</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute navigation</span>
|
|
<span class="c"> * @description The set of navigation controls for Carousel</span>
|
|
<span class="c"> * @default <br></span>
|
|
<span class="c"> * { prev: null, // the previous navigation element<br></span>
|
|
<span class="c"> * next: null } // the next navigation element</span>
|
|
<span class="c"> * @type Object</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"navigation"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">method</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_setNavigation</span><span class="o">,</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_validateNavigation</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">navigation</span> <span class="o">||</span> <span class="o">{</span>
|
|
<span class="nx">prev</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span> <span class="nx">next</span><span class="o">:</span> <span class="kc">null</span><span class="o">,</span> <span class="nx">page</span><span class="o">:</span> <span class="kc">null</span> <span class="o">}</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute animation</span>
|
|
<span class="c"> * @description The optional animation attributes for the Carousel.</span>
|
|
<span class="c"> * @default <br></span>
|
|
<span class="c"> * { speed: 0, // the animation speed (in seconds)<br></span>
|
|
<span class="c"> * effect: null } // the animation effect (like</span>
|
|
<span class="c"> * YAHOO.util.Easing.easeOut)</span>
|
|
<span class="c"> * @type Object</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"animation"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_validateAnimation</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">animation</span> <span class="o">||</span> <span class="o">{</span> <span class="nx">speed</span><span class="o">:</span> <span class="m">0</span><span class="o">,</span> <span class="nx">effect</span><span class="o">:</span> <span class="kc">null</span> <span class="o">}</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @attribute autoPlay</span>
|
|
<span class="c"> * @description Set this to time in milli-seconds to have the</span>
|
|
<span class="c"> * Carousel automatically scroll the contents.</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> */</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"autoPlay"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">validator</span> <span class="o">:</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">,</span>
|
|
<span class="nx">value</span> <span class="o">:</span> <span class="nx">attrs</span><span class="o">.</span><span class="nx">autoPlay</span> <span class="o">||</span> <span class="m">0</span>
|
|
<span class="o">});</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initialize and bind the event handlers.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method initEvents</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">initEvents</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="s2">"keydown"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_keyboardEventHandler</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">afterScrollEvent</span><span class="o">,</span> <span class="nx">syncNavigation</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="nx">afterScrollEvent</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">focus</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">itemAddedEvent</span><span class="o">,</span> <span class="nx">syncUI</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">itemAddedEvent</span><span class="o">,</span> <span class="nx">syncNavigation</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">itemRemovedEvent</span><span class="o">,</span> <span class="nx">syncUI</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">itemRemovedEvent</span><span class="o">,</span> <span class="nx">syncNavigation</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="nx">itemSelectedEvent</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">focus</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">loadItemsEvent</span><span class="o">,</span> <span class="nx">syncUI</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">pageChangeEvent</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_syncPagerUI</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">renderEvent</span><span class="o">,</span> <span class="nx">syncNavigation</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">renderEvent</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_syncPagerUI</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="s2">"selectedItemChange"</span><span class="o">,</span> <span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">setItemSelection</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">ev</span><span class="o">.</span><span class="nx">newValue</span><span class="o">,</span> <span class="nx">ev</span><span class="o">.</span><span class="nx">prevValue</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_updateTabIndex</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">getElementForItem</span><span class="o">(</span><span class="nx">ev</span><span class="o">.</span><span class="nx">newValue</span><span class="o">));</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">itemSelectedEvent</span><span class="o">,</span> <span class="nx">ev</span><span class="o">.</span><span class="nx">newValue</span><span class="o">);</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="s2">"firstVisibleChange"</span><span class="o">,</span> <span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectOnScroll"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_updateTabIndex</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">getElementForItem</span><span class="o">(</span><span class="nx">ev</span><span class="o">.</span><span class="nx">newValue</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="c">// Handle item selection on mouse click</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="s2">"click"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemClickHandler</span><span class="o">);</span>
|
|
|
|
<span class="c">// Handle page navigation</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="s2">"click"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_pagerClickHandler</span><span class="o">);</span>
|
|
|
|
<span class="c">// Restore the focus on the navigation buttons</span>
|
|
<span class="c"></span> <span class="nx">Event</span><span class="o">.</span><span class="nx">onFocus</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"element"</span><span class="o">),</span> <span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">,</span> <span class="nx">obj</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">obj</span><span class="o">.</span><span class="nx">_updateNavButtons</span><span class="o">(</span><span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">ev</span><span class="o">),</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">},</span> <span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">onBlur</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"element"</span><span class="o">),</span> <span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">,</span> <span class="nx">obj</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">obj</span><span class="o">.</span><span class="nx">_updateNavButtons</span><span class="o">(</span><span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">ev</span><span class="o">),</span> <span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">},</span> <span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return the ITEM_TAG_NAME at index or null if the index is not found.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getElementForItem</span>
|
|
<span class="c"> * @param index {Number} The index of the item to be returned</span>
|
|
<span class="c"> * @return {Element} Return the item at index or null if not found</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getElementForItem</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">index</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">index</span> <span class="o"><</span> <span class="m">0</span> <span class="o">||</span> <span class="nx">index</span> <span class="o">>=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Index out of bounds"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// TODO: may be cache the item</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span> <span class="o">></span> <span class="nx">index</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">index</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">index</span><span class="o">].</span><span class="nx">id</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return the ITEM_TAG_NAME for all items in the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getElementForItems</span>
|
|
<span class="c"> * @return {Array} Return all the items</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getElementForItems</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">els</span> <span class="o">=</span> <span class="o">[],</span> <span class="nx">i</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="nx">els</span><span class="o">.</span><span class="nx">push</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">getElementForItem</span><span class="o">(</span><span class="nx">i</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">els</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return the item at index or null if the index is not found.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getItem</span>
|
|
<span class="c"> * @param index {Number} The index of the item to be returned</span>
|
|
<span class="c"> * @return {Object} Return the item at index or null if not found</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getItem</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">index</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">index</span> <span class="o"><</span> <span class="m">0</span> <span class="o">||</span> <span class="nx">index</span> <span class="o">>=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Index out of bounds"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span> <span class="o">></span> <span class="nx">index</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">index</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">index</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return all items as an array.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getItems</span>
|
|
<span class="c"> * @return {Array} Return all items in the Carousel</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getItems</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">index</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return the position of the Carousel item that has the id "id", or -1</span>
|
|
<span class="c"> * if the id is not found.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getItemPositionById</span>
|
|
<span class="c"> * @param index {Number} The index of the item to be returned</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">getItemPositionById</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">id</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span> <span class="nx">n</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span><span class="o">;</span>
|
|
|
|
<span class="k">while</span> <span class="o">(</span><span class="nx">i</span> <span class="o"><</span> <span class="nx">n</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">i</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">id</span> <span class="o">==</span> <span class="nx">id</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">i</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">i</span><span class="o">++;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Remove an item at index from the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method removeItem</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @param index {Number} The position to where in the list (starts from</span>
|
|
<span class="c"> * zero).</span>
|
|
<span class="c"> * @return {Boolean} Return true on success, false otherwise</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">removeItem</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">index</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">item</span><span class="o">,</span> <span class="nx">num</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">index</span> <span class="o"><</span> <span class="m">0</span> <span class="o">||</span> <span class="nx">index</span> <span class="o">>=</span> <span class="nx">num</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Index out of bounds"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">item</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">.</span><span class="nx">splice</span><span class="o">(</span><span class="nx">index</span><span class="o">,</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">item</span> <span class="o">&&</span> <span class="nx">item</span><span class="o">.</span><span class="nx">length</span> <span class="o">==</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">,</span> <span class="nx">num</span> <span class="o">-</span> <span class="m">1</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">itemRemovedEvent</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">item</span><span class="o">:</span> <span class="nx">item</span><span class="o">[</span><span class="m">0</span><span class="o">],</span> <span class="nx">pos</span><span class="o">:</span> <span class="nx">index</span><span class="o">,</span> <span class="nx">ev</span><span class="o">:</span> <span class="nx">itemRemovedEvent</span> <span class="o">});</span>
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Render the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method render</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @param appendTo {HTMLElement | String} The element to which the</span>
|
|
<span class="c"> * Carousel should be appended prior to rendering.</span>
|
|
<span class="c"> * @return {Boolean} Status of the operation</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">render</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">appendTo</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">config</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">,</span>
|
|
<span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">,</span>
|
|
<span class="nx">size</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">CAROUSEL</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_createCarouselClip</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">appendTo</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">appendTo</span><span class="o">(</span><span class="nx">appendTo</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_setClipContainerSize</span><span class="o">();</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">inDocument</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"element"</span><span class="o">)))</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Nothing to render. The container should be "</span> <span class="o">+</span>
|
|
<span class="s2">"within the document if appendTo is not "</span> <span class="o">+</span>
|
|
<span class="s2">"specified"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nx">getCarouselItemSize</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nx">size</span> <span class="o"><</span> <span class="nx">config</span><span class="o">.</span><span class="nx">MIN_WIDTH</span> <span class="o">?</span> <span class="nx">config</span><span class="o">.</span><span class="nx">MIN_WIDTH</span> <span class="o">:</span> <span class="nx">size</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="s2">"width"</span><span class="o">,</span> <span class="nx">size</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">VERTICAL</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">HORIZONTAL</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">)</span> <span class="o"><</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"No items in the Carousel to render"</span><span class="o">,</span> <span class="s2">"warn"</span><span class="o">,</span>
|
|
<span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Make sure at least one item is selected</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"firstVisible"</span><span class="o">));</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">renderEvent</span><span class="o">);</span>
|
|
|
|
<span class="c">// By now, the navigation would have been rendered, so calculate</span>
|
|
<span class="c"></span> <span class="c">// the container height now.</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_setContainerSize</span><span class="o">();</span>
|
|
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Scroll the Carousel by an item backward.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method scrollBackward</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">scrollBackward</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">-</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"scrollIncrement"</span><span class="o">));</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Scroll the Carousel by an item forward.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method scrollForward</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">scrollForward</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"scrollIncrement"</span><span class="o">));</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Scroll the Carousel by a page backward.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method scrollPageBackward</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">scrollPageBackward</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">-</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">));</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Scroll the Carousel by a page forward.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method scrollPageForward</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">scrollPageForward</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">));</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Scroll the Carousel to make the item the first visible item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method scrollTo</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @param item Number The index of the element to position at.</span>
|
|
<span class="c"> * @param dontSelect Boolean True if select should be avoided</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">scrollTo</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">item</span><span class="o">,</span> <span class="nx">dontSelect</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">anim</span><span class="o">,</span>
|
|
<span class="nx">animate</span><span class="o">,</span>
|
|
<span class="nx">animAttrs</span><span class="o">,</span>
|
|
<span class="nx">animCfg</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"animation"</span><span class="o">),</span>
|
|
<span class="nx">isCircular</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">),</span>
|
|
<span class="nx">delta</span><span class="o">,</span>
|
|
<span class="nx">direction</span><span class="o">,</span>
|
|
<span class="nx">firstItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span><span class="o">,</span>
|
|
<span class="nx">newPage</span><span class="o">,</span>
|
|
<span class="nx">numItems</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">),</span>
|
|
<span class="nx">numPerPage</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">),</span>
|
|
<span class="nx">offset</span><span class="o">,</span>
|
|
<span class="nx">page</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"currentPage"</span><span class="o">),</span>
|
|
<span class="nx">rv</span><span class="o">,</span>
|
|
<span class="nx">sentinel</span><span class="o">,</span>
|
|
<span class="nx">which</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">item</span> <span class="o">==</span> <span class="nx">firstItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span> <span class="c">// nothing to do!</span>
|
|
<span class="c"></span> <span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_isAnimationInProgress</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span> <span class="c">// let it take its own sweet time to complete</span>
|
|
<span class="c"></span> <span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">item</span> <span class="o"><</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">isCircular</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">item</span> <span class="o">=</span> <span class="nx">numItems</span> <span class="o">+</span> <span class="nx">item</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(</span><span class="nx">item</span> <span class="o">></span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">item</span> <span class="o">=</span> <span class="nx">numItems</span> <span class="o">-</span> <span class="nx">item</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">direction</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">></span> <span class="nx">item</span><span class="o">)</span> <span class="o">?</span> <span class="s2">"backward"</span> <span class="o">:</span> <span class="s2">"forward"</span><span class="o">;</span>
|
|
|
|
<span class="nx">sentinel</span> <span class="o">=</span> <span class="nx">firstItem</span> <span class="o">+</span> <span class="nx">numPerPage</span><span class="o">;</span>
|
|
<span class="nx">sentinel</span> <span class="o">=</span> <span class="o">(</span><span class="nx">sentinel</span> <span class="o">></span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">?</span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span> <span class="o">:</span> <span class="nx">sentinel</span><span class="o">;</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">beforeScrollEvent</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">dir</span><span class="o">:</span> <span class="nx">direction</span><span class="o">,</span> <span class="nx">first</span><span class="o">:</span> <span class="nx">firstItem</span><span class="o">,</span> <span class="nx">last</span><span class="o">:</span> <span class="nx">sentinel</span> <span class="o">});</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">rv</span> <span class="o">===</span> <span class="kc">false</span><span class="o">)</span> <span class="o">{</span> <span class="c">// scrolling is prevented</span>
|
|
<span class="c"></span> <span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">beforePageChangeEvent</span><span class="o">,</span> <span class="o">{</span> <span class="nx">page</span><span class="o">:</span> <span class="nx">page</span> <span class="o">});</span>
|
|
|
|
<span class="nx">delta</span> <span class="o">=</span> <span class="nx">firstItem</span> <span class="o">-</span> <span class="nx">item</span><span class="o">;</span> <span class="c">// yes, the delta is reverse</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">=</span> <span class="nx">item</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"firstVisible"</span><span class="o">,</span> <span class="nx">item</span><span class="o">);</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Scrolling to "</span> <span class="o">+</span> <span class="nx">item</span> <span class="o">+</span> <span class="s2">" delta = "</span> <span class="o">+</span> <span class="nx">delta</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
|
|
<span class="nx">loadItems</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">);</span> <span class="c">// do we have all the items to display?</span>
|
|
<span class="c"></span>
|
|
<span class="nx">sentinel</span> <span class="o">=</span> <span class="nx">item</span> <span class="o">+</span> <span class="nx">numPerPage</span><span class="o">;</span>
|
|
<span class="nx">sentinel</span> <span class="o">=</span> <span class="o">(</span><span class="nx">sentinel</span> <span class="o">></span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span><span class="o">)</span> <span class="o">?</span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span> <span class="o">:</span> <span class="nx">sentinel</span><span class="o">;</span>
|
|
|
|
<span class="nx">which</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">)</span> <span class="o">?</span> <span class="s2">"top"</span> <span class="o">:</span> <span class="s2">"left"</span><span class="o">;</span>
|
|
<span class="nx">offset</span> <span class="o">=</span> <span class="nx">getScrollOffset</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">delta</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Scroll offset = "</span> <span class="o">+</span> <span class="nx">offset</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
|
|
<span class="nx">animate</span> <span class="o">=</span> <span class="nx">animCfg</span><span class="o">.</span><span class="nx">speed</span> <span class="o">></span> <span class="m">0</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">animate</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_isAnimationInProgress</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">animAttrs</span> <span class="o">=</span> <span class="o">{</span> <span class="nx">points</span><span class="o">:</span> <span class="o">{</span> <span class="nx">by</span><span class="o">:</span> <span class="o">[</span><span class="m">0</span><span class="o">,</span> <span class="nx">offset</span><span class="o">]</span> <span class="o">}</span> <span class="o">};</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">animAttrs</span> <span class="o">=</span> <span class="o">{</span> <span class="nx">points</span><span class="o">:</span> <span class="o">{</span> <span class="nx">by</span><span class="o">:</span> <span class="o">[</span><span class="nx">offset</span><span class="o">,</span> <span class="m">0</span><span class="o">]</span> <span class="o">}</span> <span class="o">};</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">anim</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Motion</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">animAttrs</span><span class="o">,</span>
|
|
<span class="nx">animCfg</span><span class="o">.</span><span class="nx">speed</span><span class="o">,</span> <span class="nx">animCfg</span><span class="o">.</span><span class="nx">effect</span><span class="o">);</span>
|
|
<span class="nx">anim</span><span class="o">.</span><span class="nx">onComplete</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">first</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"firstVisible"</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_isAnimationInProgress</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">afterScrollEvent</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">first</span><span class="o">:</span> <span class="nx">first</span><span class="o">,</span> <span class="nx">last</span><span class="o">:</span> <span class="nx">sentinel</span> <span class="o">});</span>
|
|
<span class="o">},</span> <span class="kc">null</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">anim</span><span class="o">.</span><span class="nx">animate</span><span class="o">();</span>
|
|
<span class="nx">anim</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">offset</span> <span class="o">+=</span> <span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">which</span><span class="o">);</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">which</span><span class="o">,</span> <span class="nx">offset</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">newPage</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span> <span class="o">/</span> <span class="nx">numPerPage</span><span class="o">,</span> <span class="m">10</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">newPage</span> <span class="o">!=</span> <span class="nx">page</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setAttributeConfig</span><span class="o">(</span><span class="s2">"currentPage"</span><span class="o">,</span> <span class="o">{</span> <span class="nx">value</span><span class="o">:</span> <span class="nx">newPage</span> <span class="o">});</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">pageChangeEvent</span><span class="o">,</span> <span class="nx">newPage</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">dontSelect</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectOnScroll"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">item</span> <span class="o">!=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_selectedItem</span><span class="o">)</span> <span class="o">{</span> <span class="c">// out of sync</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getSelectedItem</span><span class="o">(</span><span class="nx">item</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">delete</span> <span class="k">this</span><span class="o">.</span><span class="nx">_autoPlayTimer</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"autoPlay"</span><span class="o">)</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">startAutoPlay</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">animate</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">afterScrollEvent</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">first</span><span class="o">:</span> <span class="nx">item</span><span class="o">,</span> <span class="nx">last</span><span class="o">:</span> <span class="nx">sentinel</span> <span class="o">});</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Display the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method show</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">show</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">beforeShowEvent</span><span class="o">)</span> <span class="o">!==</span> <span class="kc">false</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">VISIBLE</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">showEvent</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Start auto-playing the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method startAutoPlay</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">startAutoPlay</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">timer</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"autoPlay"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">timer</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_autoPlayTimer</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">startAutoPlayEvent</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_autoPlayTimer</span> <span class="o">=</span> <span class="nx">setTimeout</span><span class="o">(</span><span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">autoScroll</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="nx">self</span><span class="o">);</span> <span class="o">},</span> <span class="nx">timer</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Stop auto-playing the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method stopAutoPlay</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">stopAutoPlay</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_autoPlayTimer</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">clearTimeout</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_autoPlayTimer</span><span class="o">);</span>
|
|
<span class="nx">delete</span> <span class="k">this</span><span class="o">.</span><span class="nx">_autoPlayTimer</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"autoPlay"</span><span class="o">,</span> <span class="m">0</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">fireEvent</span><span class="o">(</span><span class="nx">stopAutoPlayEvent</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Return the string representation of the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method toString</span>
|
|
<span class="c"> * @public</span>
|
|
<span class="c"> * @return {String}</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">toString</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">WidgetName</span> <span class="o">+</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span> <span class="o">?</span> <span class="s2">" (#"</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"id"</span><span class="o">)</span> <span class="o">+</span> <span class="s2">")"</span> <span class="o">:</span> <span class="s2">""</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Protected methods of the Carousel component</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Create the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method createCarousel</span>
|
|
<span class="c"> * @param elId {String} The id of the element to be created</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_createCarousel</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">elId</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="nx">createElement</span><span class="o">(</span><span class="s2">"DIV"</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">className</span> <span class="o">:</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">CAROUSEL</span><span class="o">,</span>
|
|
<span class="nx">id</span> <span class="o">:</span> <span class="nx">elId</span>
|
|
<span class="o">});</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span> <span class="o">=</span> <span class="nx">createElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">TAG_NAME</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">className</span><span class="o">:</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">CAROUSEL_EL</span> <span class="o">});</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">el</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Create the Carousel clip container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method createCarouselClip</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_createCarouselClip</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">el</span> <span class="o">=</span> <span class="nx">createElement</span><span class="o">(</span><span class="s2">"DIV"</span><span class="o">,</span> <span class="o">{</span> <span class="nx">className</span><span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">.</span><span class="nx">CONTENT</span> <span class="o">});</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_setClipContainerSize</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
|
|
<span class="k">return</span> <span class="nx">el</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Create the Carousel item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method createCarouselItem</span>
|
|
<span class="c"> * @param obj {Object} The attributes of the element to be created</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_createCarouselItem</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">obj</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">createElement</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">ITEM_TAG_NAME</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">className</span> <span class="o">:</span> <span class="nx">obj</span><span class="o">.</span><span class="nx">className</span><span class="o">,</span>
|
|
<span class="nx">content</span> <span class="o">:</span> <span class="nx">obj</span><span class="o">.</span><span class="nx">content</span><span class="o">,</span>
|
|
<span class="nx">id</span> <span class="o">:</span> <span class="nx">obj</span><span class="o">.</span><span class="nx">id</span>
|
|
<span class="o">});</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Get the value for the selected item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _getSelectedItem</span>
|
|
<span class="c"> * @param val {Number} The new value for "selected" item</span>
|
|
<span class="c"> * @return {Number} The new value that would be set</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_getSelectedItem</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">isCircular</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isCircular"</span><span class="o">),</span>
|
|
<span class="nx">numItems</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">),</span>
|
|
<span class="nx">sentinel</span> <span class="o">=</span> <span class="nx">numItems</span> <span class="o">-</span> <span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">val</span> <span class="o"><</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">isCircular</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nx">numItems</span> <span class="o">+</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(</span><span class="nx">val</span> <span class="o">></span> <span class="nx">sentinel</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">isCircular</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nx">val</span> <span class="o">-</span> <span class="nx">numItems</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The "click" handler for the item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _itemClickHandler</span>
|
|
<span class="c"> * @param {Event} ev The event object</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_itemClickHandler</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">container</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"element"</span><span class="o">),</span>
|
|
<span class="nx">el</span><span class="o">,</span>
|
|
<span class="nx">item</span><span class="o">,</span>
|
|
<span class="nx">target</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">ev</span><span class="o">);</span>
|
|
|
|
<span class="k">while</span> <span class="o">(</span><span class="nx">target</span> <span class="o">&&</span> <span class="nx">target</span> <span class="o">!=</span> <span class="nx">container</span> <span class="o">&&</span>
|
|
<span class="nx">target</span><span class="o">.</span><span class="nx">id</span> <span class="o">!=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">target</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">ITEM_TAG_NAME</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">target</span> <span class="o">=</span> <span class="nx">target</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">((</span><span class="nx">item</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getItemPositionById</span><span class="o">(</span><span class="nx">target</span><span class="o">.</span><span class="nx">id</span><span class="o">))</span> <span class="o">>=</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Setting selection to "</span> <span class="o">+</span> <span class="nx">item</span><span class="o">,</span> <span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getSelectedItem</span><span class="o">(</span><span class="nx">item</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The keyboard event handler for Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _keyboardEventHandler</span>
|
|
<span class="c"> * @param ev {Event} The event that is being handled.</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_keyboardEventHandler</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">key</span> <span class="o">=</span> <span class="nx">Event</span><span class="o">.</span><span class="nx">getCharCode</span><span class="o">(</span><span class="nx">ev</span><span class="o">),</span>
|
|
<span class="nx">prevent</span> <span class="o">=</span> <span class="kc">false</span><span class="o">,</span>
|
|
<span class="nx">position</span> <span class="o">=</span> <span class="m">0</span><span class="o">,</span>
|
|
<span class="nx">selItem</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_isAnimationInProgress</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span> <span class="c">// do not mess while animation is in progress</span>
|
|
<span class="c"></span> <span class="o">}</span>
|
|
|
|
<span class="nx">switch</span> <span class="o">(</span><span class="nx">key</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="m">0</span><span class="nx">x25</span><span class="o">:</span> <span class="c">// left arrow</span>
|
|
<span class="c"></span> <span class="nx">case</span> <span class="m">0</span><span class="nx">x26</span><span class="o">:</span> <span class="c">// up arrow</span>
|
|
<span class="c"></span> <span class="nx">selItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">selItem</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">_firstItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">position</span> <span class="o">=</span> <span class="nx">selItem</span> <span class="o">-</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="nx">position</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getSelectedItem</span><span class="o">(</span><span class="nx">selItem</span><span class="o">-</span><span class="m">1</span><span class="o">));</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">position</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">)</span> <span class="o">-</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"scrollIncrement"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getSelectedItem</span><span class="o">(</span><span class="nx">position</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">prevent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">0</span><span class="nx">x27</span><span class="o">:</span> <span class="c">// right arrow</span>
|
|
<span class="c"></span> <span class="nx">case</span> <span class="m">0</span><span class="nx">x28</span><span class="o">:</span> <span class="c">// down arrow</span>
|
|
<span class="c"></span> <span class="nx">position</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">)+</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"scrollIncrement"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"selectedItem"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_getSelectedItem</span><span class="o">(</span><span class="nx">position</span><span class="o">));</span>
|
|
<span class="nx">prevent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">0</span><span class="nx">x21</span><span class="o">:</span> <span class="c">// page-up</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">scrollPageBackward</span><span class="o">();</span>
|
|
<span class="nx">prevent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">0</span><span class="nx">x22</span><span class="o">:</span> <span class="c">// page-down</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">scrollPageForward</span><span class="o">();</span>
|
|
<span class="nx">prevent</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">prevent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">ev</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The "click" handler for the pager navigation.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _pagerClickHandler</span>
|
|
<span class="c"> * @param {Event} ev The event object</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_pagerClickHandler</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">ev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">pos</span><span class="o">,</span> <span class="nx">target</span><span class="o">,</span> <span class="nx">val</span><span class="o">;</span>
|
|
|
|
<span class="nx">target</span> <span class="o">=</span> <span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">ev</span><span class="o">);</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nx">target</span><span class="o">.</span><span class="nx">href</span> <span class="o">||</span> <span class="nx">target</span><span class="o">.</span><span class="nx">value</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">pos</span> <span class="o">=</span> <span class="nx">val</span><span class="o">.</span><span class="nx">lastIndexOf</span><span class="o">(</span><span class="s2">"#"</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">pos</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getItemPositionById</span><span class="o">(</span><span class="nx">val</span><span class="o">.</span><span class="nx">substring</span><span class="o">(</span><span class="nx">pos</span> <span class="o">+</span> <span class="m">1</span><span class="o">));</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="nx">val</span><span class="o">);</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">preventDefault</span><span class="o">(</span><span class="nx">ev</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Find the Carousel within a container. The Carousel is identified by</span>
|
|
<span class="c"> * the first element that matches the carousel element tag or the</span>
|
|
<span class="c"> * element that has the Carousel class.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method parseCarousel</span>
|
|
<span class="c"> * @param parent {HTMLElement} The parent element to look under</span>
|
|
<span class="c"> * @return {Boolean} True if Carousel is found, false otherwise</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_parseCarousel</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">parent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">child</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">,</span> <span class="nx">found</span><span class="o">,</span> <span class="nx">node</span><span class="o">;</span>
|
|
|
|
<span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">;</span>
|
|
<span class="nx">found</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">child</span> <span class="o">=</span> <span class="nx">parent</span><span class="o">.</span><span class="nx">firstChild</span><span class="o">;</span> <span class="nx">child</span><span class="o">;</span> <span class="nx">child</span> <span class="o">=</span> <span class="nx">child</span><span class="o">.</span><span class="nx">nextSibling</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">child</span><span class="o">.</span><span class="nx">nodeType</span> <span class="o">==</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">node</span> <span class="o">=</span> <span class="nx">child</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">node</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">TAG_NAME</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span> <span class="o">=</span> <span class="nx">child</span><span class="o">;</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">.</span><span class="nx">CAROUSEL_EL</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Found Carousel - "</span> <span class="o">+</span> <span class="nx">node</span> <span class="o">+</span>
|
|
<span class="o">(</span><span class="nx">child</span><span class="o">.</span><span class="nx">id</span> <span class="o">?</span> <span class="s2">" (#"</span> <span class="o">+</span> <span class="nx">child</span><span class="o">.</span><span class="nx">id</span> <span class="o">+</span> <span class="s2">")"</span> <span class="o">:</span> <span class="s2">""</span><span class="o">),</span>
|
|
<span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="nx">found</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">found</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Find the items within the Carousel and add them to the items table.</span>
|
|
<span class="c"> * A Carousel item is identified by elements that matches the carousel</span>
|
|
<span class="c"> * item element tag.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method parseCarouselItems</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_parseCarouselItems</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">child</span><span class="o">,</span>
|
|
<span class="nx">elId</span><span class="o">,</span>
|
|
<span class="nx">node</span><span class="o">,</span>
|
|
<span class="nx">parent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">child</span> <span class="o">=</span> <span class="nx">parent</span><span class="o">.</span><span class="nx">firstChild</span><span class="o">;</span> <span class="nx">child</span><span class="o">;</span> <span class="nx">child</span> <span class="o">=</span> <span class="nx">child</span><span class="o">.</span><span class="nx">nextSibling</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">child</span><span class="o">.</span><span class="nx">nodeType</span> <span class="o">==</span> <span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">node</span> <span class="o">=</span> <span class="nx">child</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">node</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">ITEM_TAG_NAME</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">child</span><span class="o">.</span><span class="nx">id</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elId</span> <span class="o">=</span> <span class="nx">child</span><span class="o">.</span><span class="nx">id</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">elId</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">();</span>
|
|
<span class="nx">child</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"id"</span><span class="o">,</span> <span class="nx">elId</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">addItem</span><span class="o">(</span><span class="nx">child</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Find the Carousel navigation within a container. The navigation</span>
|
|
<span class="c"> * elements need to match the carousel navigation class names.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method parseCarouselNavigation</span>
|
|
<span class="c"> * @param parent {HTMLElement} The parent element to look under</span>
|
|
<span class="c"> * @return {Boolean} True if at least one is found, false otherwise</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_parseCarouselNavigation</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">parent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">cfg</span><span class="o">,</span> <span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">,</span> <span class="nx">el</span><span class="o">,</span> <span class="nx">i</span><span class="o">,</span> <span class="nx">j</span><span class="o">,</span> <span class="nx">nav</span><span class="o">,</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="nx">nav</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getElementsByClassName</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">PREV_PAGE</span><span class="o">,</span> <span class="s2">"*"</span><span class="o">,</span> <span class="nx">parent</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="k">in</span> <span class="nx">nav</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">hasOwnProperty</span><span class="o">(</span><span class="nx">i</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">nav</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Found Carousel previous page navigation - "</span> <span class="o">+</span>
|
|
<span class="nx">el</span> <span class="o">+</span> <span class="o">(</span><span class="nx">el</span><span class="o">.</span><span class="nx">id</span> <span class="o">?</span> <span class="s2">" (#"</span> <span class="o">+</span> <span class="nx">el</span><span class="o">.</span><span class="nx">id</span> <span class="o">+</span> <span class="s2">")"</span> <span class="o">:</span> <span class="s2">""</span><span class="o">),</span>
|
|
<span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">.</span><span class="nx">nodeName</span> <span class="o">==</span> <span class="s2">"INPUT"</span> <span class="o">||</span>
|
|
<span class="nx">el</span><span class="o">.</span><span class="nx">nodeName</span> <span class="o">==</span> <span class="s2">"BUTTON"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">typeof</span> <span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span> <span class="o">==</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span><span class="o">.</span><span class="nx">push</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">j</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">getElementsByTagName</span><span class="o">(</span><span class="s2">"INPUT"</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">j</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">j</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span><span class="o">.</span><span class="nx">push</span><span class="o">(</span><span class="nx">j</span><span class="o">[</span><span class="m">0</span><span class="o">]);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">j</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">getElementsByTagName</span><span class="o">(</span><span class="s2">"BUTTON"</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">j</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">j</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span><span class="o">.</span><span class="nx">push</span><span class="o">(</span><span class="nx">j</span><span class="o">[</span><span class="m">0</span><span class="o">]);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">cfg</span> <span class="o">=</span> <span class="o">{</span> <span class="nx">prev</span><span class="o">:</span> <span class="nx">nav</span> <span class="o">};</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">nav</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getElementsByClassName</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">NEXT_PAGE</span><span class="o">,</span> <span class="s2">"*"</span><span class="o">,</span> <span class="nx">parent</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="k">in</span> <span class="nx">nav</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">hasOwnProperty</span><span class="o">(</span><span class="nx">i</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">el</span> <span class="o">=</span> <span class="nx">nav</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Found Carousel next page navigation - "</span> <span class="o">+</span>
|
|
<span class="nx">el</span> <span class="o">+</span> <span class="o">(</span><span class="nx">el</span><span class="o">.</span><span class="nx">id</span> <span class="o">?</span> <span class="s2">" (#"</span> <span class="o">+</span> <span class="nx">el</span><span class="o">.</span><span class="nx">id</span> <span class="o">+</span> <span class="s2">")"</span> <span class="o">:</span> <span class="s2">""</span><span class="o">),</span>
|
|
<span class="nx">WidgetName</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">.</span><span class="nx">nodeName</span> <span class="o">==</span> <span class="s2">"INPUT"</span> <span class="o">||</span>
|
|
<span class="nx">el</span><span class="o">.</span><span class="nx">nodeName</span> <span class="o">==</span> <span class="s2">"BUTTON"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">typeof</span> <span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span> <span class="o">==</span> <span class="s2">"undefined"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span><span class="o">.</span><span class="nx">push</span><span class="o">(</span><span class="nx">el</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">j</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">getElementsByTagName</span><span class="o">(</span><span class="s2">"INPUT"</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">j</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">j</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span><span class="o">.</span><span class="nx">push</span><span class="o">(</span><span class="nx">j</span><span class="o">[</span><span class="m">0</span><span class="o">]);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">j</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">getElementsByTagName</span><span class="o">(</span><span class="s2">"BUTTON"</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">j</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">j</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span><span class="o">.</span><span class="nx">push</span><span class="o">(</span><span class="nx">j</span><span class="o">[</span><span class="m">0</span><span class="o">]);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span> <span class="o">=</span> <span class="nx">nav</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">cfg</span> <span class="o">=</span> <span class="o">{</span> <span class="nx">next</span><span class="o">:</span> <span class="nx">nav</span> <span class="o">};</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"navigation"</span><span class="o">,</span> <span class="nx">cfg</span><span class="o">);</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Setup/Create the Carousel navigation element (if needed).</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setupCarouselNavigation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setupCarouselNavigation</span><span class="o">:</span> <span class="k">function</span> <span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">btn</span><span class="o">,</span> <span class="nx">cfg</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">,</span> <span class="nx">nav</span><span class="o">,</span> <span class="nx">navContainer</span><span class="o">,</span> <span class="nx">nextButton</span><span class="o">,</span> <span class="nx">pageEl</span><span class="o">,</span>
|
|
<span class="nx">prevButton</span><span class="o">;</span>
|
|
|
|
<span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">;</span>
|
|
|
|
<span class="nx">navContainer</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getElementsByClassName</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">NAVIGATION</span><span class="o">,</span>
|
|
<span class="s2">"DIV"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"element"</span><span class="o">));</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">navContainer</span><span class="o">.</span><span class="nx">length</span> <span class="o">===</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">navContainer</span> <span class="o">=</span> <span class="nx">createElement</span><span class="o">(</span><span class="s2">"DIV"</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">className</span><span class="o">:</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">NAVIGATION</span> <span class="o">});</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">insertBefore</span><span class="o">(</span><span class="nx">navContainer</span><span class="o">,</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">getFirstChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"element"</span><span class="o">)));</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">navContainer</span> <span class="o">=</span> <span class="nx">navContainer</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_pages</span><span class="o">.</span><span class="nx">el</span> <span class="o">=</span> <span class="nx">createElement</span><span class="o">(</span><span class="s2">"UL"</span><span class="o">);</span>
|
|
<span class="nx">navContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_pages</span><span class="o">.</span><span class="nx">el</span><span class="o">);</span>
|
|
|
|
<span class="nx">nav</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"navigation"</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">prev</span> <span class="o">&&</span> <span class="nx">nav</span><span class="o">.</span><span class="nx">prev</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">navContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">prev</span><span class="o">[</span><span class="m">0</span><span class="o">]);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="c">// TODO: separate method for creating a navigation button</span>
|
|
<span class="c"></span> <span class="nx">prevButton</span> <span class="o">=</span> <span class="nx">createElement</span><span class="o">(</span><span class="s2">"SPAN"</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">className</span><span class="o">:</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">BUTTON</span> <span class="o">+</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">FIRST_NAV</span> <span class="o">});</span>
|
|
<span class="c">// XXX: for IE 6.x</span>
|
|
<span class="c"></span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="nx">prevButton</span><span class="o">,</span> <span class="s2">"visibility"</span><span class="o">,</span> <span class="s2">"visible"</span><span class="o">);</span>
|
|
<span class="nx">btn</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">();</span>
|
|
<span class="nx">prevButton</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">"<input type=\"button\" "</span> <span class="o">+</span>
|
|
<span class="s2">"id=\""</span> <span class="o">+</span> <span class="nx">btn</span> <span class="o">+</span> <span class="s2">"\" "</span> <span class="o">+</span>
|
|
<span class="s2">"value=\""</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">STRINGS</span><span class="o">.</span><span class="nx">PREVIOUS_BUTTON_TEXT</span> <span class="o">+</span> <span class="s2">"\" "</span> <span class="o">+</span>
|
|
<span class="s2">"name=\""</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">STRINGS</span><span class="o">.</span><span class="nx">PREVIOUS_BUTTON_TEXT</span> <span class="o">+</span> <span class="s2">"\">"</span><span class="o">;</span>
|
|
<span class="nx">navContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">prevButton</span><span class="o">);</span>
|
|
<span class="nx">btn</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">btn</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">prev</span> <span class="o">=</span> <span class="o">[</span><span class="nx">btn</span><span class="o">];</span>
|
|
<span class="nx">cfg</span> <span class="o">=</span> <span class="o">{</span> <span class="nx">prev</span><span class="o">:</span> <span class="o">[</span><span class="nx">prevButton</span><span class="o">]</span> <span class="o">};</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">next</span> <span class="o">&&</span> <span class="nx">nav</span><span class="o">.</span><span class="nx">next</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">navContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">nav</span><span class="o">.</span><span class="nx">next</span><span class="o">[</span><span class="m">0</span><span class="o">]);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="c">// TODO: separate method for creating a navigation button</span>
|
|
<span class="c"></span> <span class="nx">nextButton</span> <span class="o">=</span> <span class="nx">createElement</span><span class="o">(</span><span class="s2">"SPAN"</span><span class="o">,</span>
|
|
<span class="o">{</span> <span class="nx">className</span><span class="o">:</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">BUTTON</span> <span class="o">});</span>
|
|
<span class="c">// XXX: for IE 6.x</span>
|
|
<span class="c"></span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="nx">nextButton</span><span class="o">,</span> <span class="s2">"visibility"</span><span class="o">,</span> <span class="s2">"visible"</span><span class="o">);</span>
|
|
<span class="nx">btn</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">generateId</span><span class="o">();</span>
|
|
<span class="nx">nextButton</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">"<input type=\"button\" "</span> <span class="o">+</span>
|
|
<span class="s2">"id=\""</span> <span class="o">+</span> <span class="nx">btn</span> <span class="o">+</span> <span class="s2">"\" "</span> <span class="o">+</span>
|
|
<span class="s2">"value=\""</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">STRINGS</span><span class="o">.</span><span class="nx">NEXT_BUTTON_TEXT</span> <span class="o">+</span> <span class="s2">"\" "</span> <span class="o">+</span>
|
|
<span class="s2">"name=\""</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">STRINGS</span><span class="o">.</span><span class="nx">NEXT_BUTTON_TEXT</span> <span class="o">+</span> <span class="s2">"\">"</span><span class="o">;</span>
|
|
<span class="nx">navContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">nextButton</span><span class="o">);</span>
|
|
<span class="nx">btn</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="nx">btn</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_navBtns</span><span class="o">.</span><span class="nx">next</span> <span class="o">=</span> <span class="o">[</span><span class="nx">btn</span><span class="o">];</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span> <span class="o">=</span> <span class="o">[</span><span class="nx">nextButton</span><span class="o">];</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">cfg</span> <span class="o">=</span> <span class="o">{</span> <span class="nx">next</span><span class="o">:</span> <span class="o">[</span><span class="nx">nextButton</span><span class="o">]</span> <span class="o">};</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">set</span><span class="o">(</span><span class="s2">"navigation"</span><span class="o">,</span> <span class="nx">cfg</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">navContainer</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the clip container size (based on the new numVisible value).</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setClipContainerSize</span>
|
|
<span class="c"> * @param clip {HTMLElement} The clip container element.</span>
|
|
<span class="c"> * @param num {Number} optional The number of items per page.</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setClipContainerSize</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="nx">num</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">attr</span><span class="o">,</span> <span class="nx">currVal</span><span class="o">,</span> <span class="nx">isVertical</span><span class="o">,</span> <span class="nx">itemSize</span><span class="o">,</span> <span class="nx">reveal</span><span class="o">,</span> <span class="nx">size</span><span class="o">,</span> <span class="nx">which</span><span class="o">;</span>
|
|
|
|
<span class="nx">isVertical</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">);</span>
|
|
<span class="nx">reveal</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"revealAmount"</span><span class="o">);</span>
|
|
<span class="nx">which</span> <span class="o">=</span> <span class="nx">isVertical</span> <span class="o">?</span> <span class="s2">"height"</span> <span class="o">:</span> <span class="s2">"width"</span><span class="o">;</span>
|
|
<span class="nx">attr</span> <span class="o">=</span> <span class="nx">isVertical</span> <span class="o">?</span> <span class="s2">"top"</span> <span class="o">:</span> <span class="s2">"left"</span><span class="o">;</span>
|
|
|
|
<span class="nx">clip</span> <span class="o">=</span> <span class="nx">clip</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">clip</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">num</span> <span class="o">=</span> <span class="nx">num</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">);</span>
|
|
<span class="nx">itemSize</span> <span class="o">=</span> <span class="nx">getCarouselItemSize</span><span class="o">.</span><span class="nx">call</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">which</span><span class="o">);</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nx">itemSize</span> <span class="o">*</span> <span class="nx">num</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_recomputeSize</span> <span class="o">=</span> <span class="o">(</span><span class="nx">size</span> <span class="o">===</span> <span class="m">0</span><span class="o">);</span> <span class="c">// bleh!</span>
|
|
<span class="c"></span> <span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_recomputeSize</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span> <span class="c">// no use going further, bail out!</span>
|
|
<span class="c"></span> <span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">reveal</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">reveal</span> <span class="o">=</span> <span class="nx">itemSize</span> <span class="o">*</span> <span class="o">(</span><span class="nx">reveal</span> <span class="o">/</span> <span class="m">100</span><span class="o">)</span> <span class="o">*</span> <span class="m">2</span><span class="o">;</span>
|
|
<span class="nx">size</span> <span class="o">+=</span> <span class="nx">reveal</span><span class="o">;</span>
|
|
<span class="c">// TODO: set the Carousel's initial offset somwehere</span>
|
|
<span class="c"></span> <span class="nx">currVal</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="o">(</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">attr</span><span class="o">));</span>
|
|
<span class="nx">currVal</span> <span class="o">=</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">currVal</span><span class="o">)</span> <span class="o">?</span> <span class="nx">currVal</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="nx">attr</span><span class="o">,</span> <span class="nx">currVal</span><span class="o">+(</span><span class="nx">reveal</span><span class="o">/</span><span class="m">2</span><span class="o">)+</span><span class="s2">"px"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">isVertical</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">size</span> <span class="o">+=</span> <span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"marginTop"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"marginBottom"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"paddingTop"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"paddingBottom"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"borderTop"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"borderBottom"</span><span class="o">);</span>
|
|
<span class="c">// XXX: for vertical Carousel</span>
|
|
<span class="c"></span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="nx">which</span><span class="o">,</span> <span class="o">(</span><span class="nx">size</span> <span class="o">-</span> <span class="o">(</span><span class="nx">num</span> <span class="o">-</span> <span class="m">1</span><span class="o">))</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">size</span> <span class="o">+=</span> <span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"marginLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"marginRight"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"paddingLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"paddingRight"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"borderLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_carouselEl</span><span class="o">,</span> <span class="s2">"borderRight"</span><span class="o">);</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="nx">which</span><span class="o">,</span> <span class="nx">size</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_setContainerSize</span><span class="o">(</span><span class="nx">clip</span><span class="o">);</span> <span class="c">// adjust the container size too</span>
|
|
<span class="c"></span> <span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the container size.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setContainerSize</span>
|
|
<span class="c"> * @param clip {HTMLElement} The clip container element.</span>
|
|
<span class="c"> * @param attr {String} Either set the height or width.</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setContainerSize</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="nx">attr</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">isVertical</span><span class="o">,</span> <span class="nx">size</span><span class="o">;</span>
|
|
|
|
<span class="nx">isVertical</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"isVertical"</span><span class="o">);</span>
|
|
<span class="nx">clip</span> <span class="o">=</span> <span class="nx">clip</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span><span class="o">;</span>
|
|
<span class="nx">attr</span> <span class="o">=</span> <span class="nx">attr</span> <span class="o">||</span> <span class="o">(</span><span class="nx">isVertical</span> <span class="o">?</span> <span class="s2">"height"</span> <span class="o">:</span> <span class="s2">"width"</span><span class="o">);</span>
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="o">(</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="nx">attr</span><span class="o">),</span> <span class="m">10</span><span class="o">);</span>
|
|
|
|
<span class="nx">size</span> <span class="o">=</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">size</span><span class="o">)</span> <span class="o">?</span> <span class="nx">size</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
|
|
<span class="nx">size</span> <span class="o">+=</span> <span class="nx">getStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="s2">"marginLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="s2">"marginRight"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="s2">"paddingLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="s2">"paddingRight"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="s2">"borderLeft"</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="nx">getStyle</span><span class="o">(</span><span class="nx">clip</span><span class="o">,</span> <span class="s2">"borderRight"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">isVertical</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">size</span> <span class="o">+=</span> <span class="nx">getStyle</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_navEl</span><span class="o">,</span> <span class="s2">"height"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">setStyle</span><span class="o">(</span><span class="nx">attr</span><span class="o">,</span> <span class="nx">size</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">);</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the value for the Carousel's first visible item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setFirstVisible</span>
|
|
<span class="c"> * @param val {Number} The new value for firstVisible</span>
|
|
<span class="c"> * @return {Number} The new value that would be set</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setFirstVisible</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">val</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">&&</span> <span class="nx">val</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">scrollTo</span><span class="o">(</span><span class="nx">val</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"firstVisible"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the value for the Carousel's navigation.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setNavigation</span>
|
|
<span class="c"> * @param cfg {Object} The navigation configuration</span>
|
|
<span class="c"> * @return {Object} The new value that would be set</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setNavigation</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">prev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">prev</span><span class="o">,</span> <span class="s2">"click"</span><span class="o">,</span> <span class="nx">scrollPageBackward</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Event</span><span class="o">.</span><span class="nx">on</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span><span class="o">,</span> <span class="s2">"click"</span><span class="o">,</span> <span class="nx">scrollPageForward</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the value for the number of visible items in the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setNumVisible</span>
|
|
<span class="c"> * @param val {Number} The new value for numVisible</span>
|
|
<span class="c"> * @return {Number} The new value that would be set</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setNumVisible</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">val</span> <span class="o">></span> <span class="m">1</span> <span class="o">&&</span> <span class="nx">val</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_setClipContainerSize</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_clipEl</span><span class="o">,</span> <span class="nx">val</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the number of items in the Carousel.</span>
|
|
<span class="c"> * Warning: Setting this to a lower number than the current removes</span>
|
|
<span class="c"> * items from the end.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setNumItems</span>
|
|
<span class="c"> * @param val {Number} The new value for numItems</span>
|
|
<span class="c"> * @return {Number} The new value that would be set</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setNumItems</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">.</span><span class="nx">length</span> <span class="o">!=</span> <span class="nx">num</span><span class="o">)</span> <span class="o">{</span> <span class="c">// out of sync</span>
|
|
<span class="c"></span> <span class="nx">num</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">numItems</span> <span class="o">=</span> <span class="nx">num</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">val</span> <span class="o"><</span> <span class="nx">num</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">while</span> <span class="o">(</span><span class="nx">num</span> <span class="o">></span> <span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">removeItem</span><span class="o">(</span><span class="nx">num</span> <span class="o">-</span> <span class="m">1</span><span class="o">);</span>
|
|
<span class="nx">num</span><span class="o">--;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the orientation of the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setOrientation</span>
|
|
<span class="c"> * @param val {Boolean} The new value for isVertical</span>
|
|
<span class="c"> * @return {Boolean} The new value that would be set</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setOrientation</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">replaceClass</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">HORIZONTAL</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">VERTICAL</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">replaceClass</span><span class="o">(</span><span class="nx">cssClass</span><span class="o">.</span><span class="nx">VERTICAL</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">HORIZONTAL</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">size</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span> <span class="c">// invalidate our size computation cache</span>
|
|
<span class="c"></span> <span class="k">return</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the value for the reveal amount percentage in the Carousel.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setRevealAmount</span>
|
|
<span class="c"> * @param val {Number} The new value for revealAmount</span>
|
|
<span class="c"> * @return {Number} The new value that would be set</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setRevealAmount</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">val</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">&&</span> <span class="nx">val</span> <span class="o"><=</span> <span class="m">100</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="o">(</span><span class="nx">val</span><span class="o">,</span> <span class="m">10</span><span class="o">);</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">?</span> <span class="nx">val</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_setClipContainerSize</span><span class="o">();</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">val</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"revealAmount"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the value for the selected item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _setSelectedItem</span>
|
|
<span class="c"> * @param val {Number} The new value for "selected" item</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_setSelectedItem</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_selectedItem</span> <span class="o">=</span> <span class="nx">val</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Synchronize and redraw the Pager UI if necessary.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _syncPagerUI</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_syncPagerUI</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">page</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">a</span><span class="o">,</span>
|
|
<span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">,</span>
|
|
<span class="nx">i</span><span class="o">,</span>
|
|
<span class="nx">markup</span> <span class="o">=</span> <span class="s2">""</span><span class="o">,</span>
|
|
<span class="nx">numPages</span><span class="o">,</span>
|
|
<span class="nx">numVisible</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numVisible"</span><span class="o">);</span>
|
|
|
|
<span class="nx">page</span> <span class="o">=</span> <span class="nx">page</span> <span class="o">||</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">numPages</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">ceil</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">)</span> <span class="o">/</span> <span class="nx">numVisible</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_pages</span><span class="o">.</span><span class="nx">num</span> <span class="o">=</span> <span class="nx">numPages</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_pages</span><span class="o">.</span><span class="nx">cur</span> <span class="o">=</span> <span class="nx">page</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">numPages</span> <span class="o">></span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">MAX_PAGER_BUTTONS</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">markup</span> <span class="o">=</span> <span class="s2">"<form><select>"</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">markup</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span> <span class="o"><</span> <span class="nx">numPages</span><span class="o">;</span> <span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">i</span> <span class="o">*</span> <span class="nx">numVisible</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">a</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_itemsTable</span><span class="o">.</span><span class="nx">items</span><span class="o">[</span><span class="nx">i</span> <span class="o">*</span> <span class="nx">numVisible</span><span class="o">].</span><span class="nx">id</span><span class="o">;</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">numPages</span> <span class="o">></span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">MAX_PAGER_BUTTONS</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">markup</span> <span class="o">+=</span> <span class="s2">"<option value=\"#"</span> <span class="o">+</span> <span class="nx">a</span> <span class="o">+</span> <span class="s2">"\" "</span> <span class="o">+</span>
|
|
<span class="o">(</span><span class="nx">i</span> <span class="o">==</span> <span class="nx">page</span> <span class="o">?</span> <span class="s2">" selected"</span> <span class="o">:</span> <span class="s2">""</span><span class="o">)</span> <span class="o">+</span> <span class="s2">">"</span> <span class="o">+</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">STRINGS</span><span class="o">.</span><span class="nx">PAGER_PREFIX_TEXT</span> <span class="o">+</span> <span class="s2">" "</span> <span class="o">+</span> <span class="o">(</span><span class="nx">i</span><span class="o">+</span><span class="m">1</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="s2">"</option>"</span><span class="o">;</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">markup</span> <span class="o">+=</span> <span class="s2">"<li class=\""</span> <span class="o">+</span>
|
|
<span class="o">(</span><span class="nx">i</span> <span class="o">===</span> <span class="m">0</span> <span class="o">?</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">FIRST_PAGE</span> <span class="o">:</span> <span class="s2">""</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="o">(</span><span class="nx">i</span> <span class="o">==</span> <span class="nx">page</span> <span class="o">?</span> <span class="s2">" "</span> <span class="o">+</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">SELECTED_NAV</span> <span class="o">:</span> <span class="s2">""</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="s2">"\"><a href=\"#"</span> <span class="o">+</span> <span class="nx">a</span> <span class="o">+</span> <span class="s2">"\" tabindex=\"0\"><em>"</span> <span class="o">+</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">STRINGS</span><span class="o">.</span><span class="nx">PAGER_PREFIX_TEXT</span> <span class="o">+</span> <span class="s2">" "</span> <span class="o">+</span> <span class="o">(</span><span class="nx">i</span><span class="o">+</span><span class="m">1</span><span class="o">)</span> <span class="o">+</span>
|
|
<span class="s2">"</em></a></li>"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">numPages</span> <span class="o">></span> <span class="k">this</span><span class="o">.</span><span class="nx">CONFIG</span><span class="o">.</span><span class="nx">MAX_PAGER_BUTTONS</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">markup</span> <span class="o">+=</span> <span class="s2">"</select></form>"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_pages</span><span class="o">.</span><span class="nx">el</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">markup</span><span class="o">;</span>
|
|
<span class="nx">markup</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the correct class for the navigation buttons.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _updateNavButtons</span>
|
|
<span class="c"> * @param el {Object} The target button</span>
|
|
<span class="c"> * @param setFocus {Boolean} True to set focus ring, false otherwise.</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_updateNavButtons</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">el</span><span class="o">,</span> <span class="nx">setFocus</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">children</span><span class="o">,</span>
|
|
<span class="nx">cssClass</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">CLASSES</span><span class="o">,</span>
|
|
<span class="nx">grandParent</span><span class="o">,</span>
|
|
<span class="nx">parent</span> <span class="o">=</span> <span class="nx">el</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">parent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">grandParent</span> <span class="o">=</span> <span class="nx">parent</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">.</span><span class="nx">toUpperCase</span><span class="o">()</span> <span class="o">==</span> <span class="s2">"INPUT"</span> <span class="o">&&</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">hasClass</span><span class="o">(</span><span class="nx">parent</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">BUTTON</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">setFocus</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">grandParent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">children</span> <span class="o">=</span> <span class="nx">Dom</span><span class="o">.</span><span class="nx">getChildren</span><span class="o">(</span><span class="nx">grandParent</span><span class="o">);</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">children</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="nx">children</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">FOCUSSED_BUTTON</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">parent</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">FOCUSSED_BUTTON</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="nx">parent</span><span class="o">,</span> <span class="nx">cssClass</span><span class="o">.</span><span class="nx">FOCUSSED_BUTTON</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Set the correct tab index for the Carousel items.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _updateTabIndex</span>
|
|
<span class="c"> * @param el {Object} The element to be focussed</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_updateTabIndex</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">el</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">el</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_focusableItemEl</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_focusableItemEl</span><span class="o">.</span><span class="nx">tabIndex</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_focusableItemEl</span> <span class="o">=</span> <span class="nx">el</span><span class="o">;</span>
|
|
<span class="nx">el</span><span class="o">.</span><span class="nx">tabIndex</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Validate animation parameters.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _validateAnimation</span>
|
|
<span class="c"> * @param cfg {Object} The animation configuration</span>
|
|
<span class="c"> * @return {Boolean} The status of the validation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_validateAnimation</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">cfg</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">speed</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="nx">rv</span> <span class="o">&&</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">speed</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">effect</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="nx">rv</span> <span class="o">&&</span> <span class="nx">JS</span><span class="o">.</span><span class="nx">isFunction</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">effect</span><span class="o">);</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isUndefined</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Easing</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">cfg</span><span class="o">.</span><span class="nx">effect</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Easing</span><span class="o">.</span><span class="nx">easeOut</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Validate the firstVisible value.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _validateFirstVisible</span>
|
|
<span class="c"> * @param val {Number} The first visible value</span>
|
|
<span class="c"> * @return {Boolean} The status of the validation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_validateFirstVisible</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="o">(</span><span class="nx">val</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">&&</span> <span class="nx">val</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Validate and navigation parameters.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _validateNavigation</span>
|
|
<span class="c"> * @param cfg {Object} The navigation configuration</span>
|
|
<span class="c"> * @return {Boolean} The status of the validation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_validateNavigation</span> <span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">i</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">cfg</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">prev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">prev</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="k">in</span> <span class="nx">cfg</span><span class="o">.</span><span class="nx">prev</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">prev</span><span class="o">.</span><span class="nx">hasOwnProperty</span><span class="o">(</span><span class="nx">i</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">prev</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">nodeName</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="nx">i</span> <span class="k">in</span> <span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span><span class="o">.</span><span class="nx">hasOwnProperty</span><span class="o">(</span><span class="nx">i</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span> <span class="o">(!</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">cfg</span><span class="o">.</span><span class="nx">next</span><span class="o">[</span><span class="nx">i</span><span class="o">].</span><span class="nx">nodeName</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Validate the numItems value.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _validateNumItems</span>
|
|
<span class="c"> * @param val {Number} The numItems value</span>
|
|
<span class="c"> * @return {Boolean} The status of the validation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_validateNumItems</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="nx">val</span> <span class="o">></span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Validate the numVisible value.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _validateNumVisible</span>
|
|
<span class="c"> * @param val {Number} The numVisible value</span>
|
|
<span class="c"> * @return {Boolean} The status of the validation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_validateNumVisible</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="nx">val</span> <span class="o">></span> <span class="m">0</span> <span class="o">&&</span> <span class="nx">val</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Validate the revealAmount value.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _validateRevealAmount</span>
|
|
<span class="c"> * @param val {Number} The revealAmount value</span>
|
|
<span class="c"> * @return {Boolean} The status of the validation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_validateRevealAmount</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="nx">val</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">&&</span> <span class="nx">val</span> <span class="o"><</span> <span class="m">100</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">},</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Validate the scrollIncrement value.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _validateScrollIncrement</span>
|
|
<span class="c"> * @param val {Number} The scrollIncrement value</span>
|
|
<span class="c"> * @return {Boolean} The status of the validation</span>
|
|
<span class="c"> * @protected</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">_validateScrollIncrement</span><span class="o">:</span> <span class="k">function</span> <span class="o">(</span><span class="nx">val</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">rv</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span> <span class="o">(</span><span class="nx">JS</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">val</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">rv</span> <span class="o">=</span> <span class="o">(</span><span class="nx">val</span> <span class="o">></span> <span class="m">0</span> <span class="o">&&</span> <span class="nx">val</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">get</span><span class="o">(</span><span class="s2">"numItems"</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">rv</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">});</span>
|
|
|
|
<span class="o">})();</span>
|
|
</pre></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="yui-b">
|
|
<div class="nav">
|
|
|
|
<div class="module">
|
|
<h4>Modules</h4>
|
|
<ul class="content">
|
|
|
|
<li class=""><a href="module_animation.html">animation</a></li>
|
|
|
|
<li class=""><a href="module_autocomplete.html">autocomplete</a></li>
|
|
|
|
<li class=""><a href="module_button.html">button</a></li>
|
|
|
|
<li class=""><a href="module_calendar.html">calendar</a></li>
|
|
|
|
<li class="selected"><a href="module_carousel.html">carousel</a></li>
|
|
|
|
<li class=""><a href="module_charts.html">charts</a></li>
|
|
|
|
<li class=""><a href="module_colorpicker.html">colorpicker</a></li>
|
|
|
|
<li class=""><a href="module_connection.html">connection</a></li>
|
|
|
|
<li class=""><a href="module_container.html">container</a></li>
|
|
|
|
<li class=""><a href="module_cookie.html">cookie</a></li>
|
|
|
|
<li class=""><a href="module_datasource.html">datasource</a></li>
|
|
|
|
<li class=""><a href="module_datatable.html">datatable</a></li>
|
|
|
|
<li class=""><a href="module_dom.html">dom</a></li>
|
|
|
|
<li class=""><a href="module_dragdrop.html">dragdrop</a></li>
|
|
|
|
<li class=""><a href="module_editor.html">editor</a></li>
|
|
|
|
<li class=""><a href="module_element.html">element</a></li>
|
|
|
|
<li class=""><a href="module_event.html">event</a></li>
|
|
|
|
<li class=""><a href="module_get.html">get</a></li>
|
|
|
|
<li class=""><a href="module_history.html">history</a></li>
|
|
|
|
<li class=""><a href="module_imagecropper.html">imagecropper</a></li>
|
|
|
|
<li class=""><a href="module_imageloader.html">imageloader</a></li>
|
|
|
|
<li class=""><a href="module_json.html">json</a></li>
|
|
|
|
<li class=""><a href="module_layout.html">layout</a></li>
|
|
|
|
<li class=""><a href="module_logger.html">logger</a></li>
|
|
|
|
<li class=""><a href="module_menu.html">menu</a></li>
|
|
|
|
<li class=""><a href="module_paginator.html">paginator</a></li>
|
|
|
|
<li class=""><a href="module_profiler.html">profiler</a></li>
|
|
|
|
<li class=""><a href="module_profilerviewer.html">profilerviewer</a></li>
|
|
|
|
<li class=""><a href="module_resize.html">resize</a></li>
|
|
|
|
<li class=""><a href="module_selector.html">selector</a></li>
|
|
|
|
<li class=""><a href="module_slider.html">slider</a></li>
|
|
|
|
<li class=""><a href="module_tabview.html">tabview</a></li>
|
|
|
|
<li class=""><a href="module_treeview.html">treeview</a></li>
|
|
|
|
<li class=""><a href="module_uploader.html">uploader</a></li>
|
|
|
|
<li class=""><a href="module_yahoo.html">yahoo</a></li>
|
|
|
|
<li class=""><a href="module_yuiloader.html">yuiloader</a></li>
|
|
|
|
<li class=""><a href="module_yuitest.html">yuitest</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="module">
|
|
<h4>Classes</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="YAHOO.widget.Carousel.html">YAHOO.widget.Carousel</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="module">
|
|
<h4>Files</h4>
|
|
<ul class="content">
|
|
<li class="selected"><a href="Carousel.js.html">Carousel.js</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ft">
|
|
<hr />
|
|
Copyright © 2008 Yahoo! Inc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|