include/javascript/yui3/build/tabview/tabview.js

   1 /*
   2  Copyright (c) 2010, Yahoo! Inc. All rights reserved.
   3  Code licensed under the BSD License:
   4  http://developer.yahoo.com/yui/license.html
   5  version: 3.3.0
   6  build: 3167
   7  */
   8 YUI.add('tabview',function(Y){var _queries=Y.TabviewBase._queries,_classNames=Y.TabviewBase._classNames,DOT='.',getClassName=Y.ClassNameManager.getClassName,TabView=Y.Base.create('tabView',Y.Widget,[Y.WidgetParent],{_afterChildAdded:function(e){this.get('contentBox').focusManager.refresh();},_defListNodeValueFn:function(){return Y.Node.create(TabView.LIST_TEMPLATE);},_defPanelNodeValueFn:function(){return Y.Node.create(TabView.PANEL_TEMPLATE);},_afterChildRemoved:function(e){var i=e.index,selection=this.get('selection');if(!selection){selection=this.item(i-1)||this.item(0);if(selection){selection.set('selected',1);}}
   9 this.get('contentBox').focusManager.refresh();},_initAria:function(){var contentBox=this.get('contentBox'),tablist=contentBox.one(_queries.tabviewList);if(tablist){tablist.setAttrs({role:'tablist'});}},bindUI:function(){this.get('contentBox').plug(Y.Plugin.NodeFocusManager,{descendants:DOT+_classNames.tabLabel,keys:{next:'down:39',previous:'down:37'},circular:true});this.after('render',this._setDefSelection);this.after('addChild',this._afterChildAdded);this.after('removeChild',this._afterChildRemoved);},renderUI:function(){var contentBox=this.get('contentBox');this._renderListBox(contentBox);this._renderPanelBox(contentBox);this._childrenContainer=this.get('listNode');this._renderTabs(contentBox);},_setDefSelection:function(contentBox){var selection=this.get('selection')||this.item(0);this.some(function(tab){if(tab.get('selected')){selection=tab;return true;}});if(selection){this.set('selection',selection);selection.set('selected',1);}},_renderListBox:function(contentBox){var node=this.get('listNode');if(!node.inDoc()){contentBox.append(node);}},_renderPanelBox:function(contentBox){var node=this.get('panelNode');if(!node.inDoc()){contentBox.append(node);}},_renderTabs:function(contentBox){var tabs=contentBox.all(_queries.tab),panelNode=this.get('panelNode'),panels=(panelNode)?this.get('panelNode').get('children'):null,tabview=this;if(tabs){tabs.addClass(_classNames.tab);contentBox.all(_queries.tabLabel).addClass(_classNames.tabLabel);contentBox.all(_queries.tabPanel).addClass(_classNames.tabPanel);tabs.each(function(node,i){var panelNode=(panels)?panels.item(i):null;tabview.add({boundingBox:node,contentBox:node.one(DOT+_classNames.tabLabel),label:node.one(DOT+_classNames.tabLabel).get('text'),panelNode:panelNode});});}}},{LIST_TEMPLATE:'<ul class="'+_classNames.tabviewList+'"></ul>',PANEL_TEMPLATE:'<div class="'+_classNames.tabviewPanel+'"></div>',ATTRS:{defaultChildType:{value:'Tab'},listNode:{setter:function(node){node=Y.one(node);if(node){node.addClass(_classNames.tabviewList);}
  10 return node;},valueFn:'_defListNodeValueFn'},panelNode:{setter:function(node){node=Y.one(node);if(node){node.addClass(_classNames.tabviewPanel);}
  11 return node;},valueFn:'_defPanelNodeValueFn'},tabIndex:{value:null}},HTML_PARSER:{listNode:_queries.tabviewList,panelNode:_queries.tabviewPanel}});Y.TabView=TabView;var Lang=Y.Lang,_queries=Y.TabviewBase._queries,_classNames=Y.TabviewBase._classNames,getClassName=Y.ClassNameManager.getClassName;Y.Tab=Y.Base.create('tab',Y.Widget,[Y.WidgetChild],{BOUNDING_TEMPLATE:'<li class="'+_classNames.tab+'"></li>',CONTENT_TEMPLATE:'<a class="'+_classNames.tabLabel+'"></a>',PANEL_TEMPLATE:'<div class="'+_classNames.tabPanel+'"></div>',_uiSetSelectedPanel:function(selected){this.get('panelNode').toggleClass(_classNames.selectedPanel,selected);},_afterTabSelectedChange:function(event){this._uiSetSelectedPanel(event.newVal);},_afterParentChange:function(e){if(!e.newVal){this._remove();}else{this._add();}},_initAria:function(){var anchor=this.get('contentBox'),id=anchor.get('id'),panel=this.get('panelNode');if(!id){id=Y.guid();anchor.set('id',id);}
  12 anchor.set('role','tab');anchor.get('parentNode').set('role','presentation');panel.setAttrs({role:'tabpanel','aria-labelledby':id});},syncUI:function(){this.set('label',this.get('label'));this.set('content',this.get('content'));this._uiSetSelectedPanel(this.get('selected'));},bindUI:function(){this.after('selectedChange',this._afterTabSelectedChange);this.after('parentChange',this._afterParentChange);},renderUI:function(){this._renderPanel();this._initAria();},_renderPanel:function(){this.get('parent').get('panelNode').appendChild(this.get('panelNode'));},_add:function(){var parent=this.get('parent').get('contentBox'),list=parent.get('listNode'),panel=parent.get('panelNode');if(list){list.appendChild(this.get('boundingBox'));}
  13 if(panel){panel.appendChild(this.get('panelNode'));}},_remove:function(){this.get('boundingBox').remove();this.get('panelNode').remove();},_onActivate:function(e){if(e.target===this){e.domEvent.preventDefault();e.target.set('selected',1);}},initializer:function(){this.publish(this.get('triggerEvent'),{defaultFn:this._onActivate});},_defLabelSetter:function(label){this.get('contentBox').setContent(label);return label;},_defContentSetter:function(content){this.get('panelNode').setContent(content);return content;},_defPanelNodeValueFn:function(){var href=this.get('contentBox').get('href')||'',parent=this.get('parent'),hashIndex=href.indexOf('#'),panel;href=href.substr(hashIndex);if(href.charAt(0)==='#'){panel=Y.one(href);if(panel){panel.addClass(_classNames.tabPanel);}}
  14 if(!panel&&parent){panel=parent.get('panelNode').get('children').item(this.get('index'));}
  15 if(!panel){panel=Y.Node.create(this.PANEL_TEMPLATE);}
  16 return panel;}},{ATTRS:{triggerEvent:{value:'click'},label:{setter:'_defLabelSetter',validator:Lang.isString},content:{setter:'_defContentSetter',validator:Lang.isString},panelNode:{setter:function(node){node=Y.one(node);if(node){node.addClass(_classNames.tabPanel);}
  17 return node;},valueFn:'_defPanelNodeValueFn'},tabIndex:{value:null,validator:'_validTabIndex'}},HTML_PARSER:{selected:function(contentBox){var ret=(this.get('boundingBox').hasClass(_classNames.selectedTab))?1:0;return ret;}}});},'3.3.0',{requires:['substitute','node-pluginhost','node-focusmanager','tabview-base','widget','widget-parent','widget-child']});