react-panels - npm Package Compare versions

Comparing version 2.5.0 to 2.5.1

dist/react-panels-with-addons.min.js

@@ -1,3 +0,4 @@
-!function(){var a=function(a){switch(a||""){default:return{tabColor:"#b0b0b0",tabIconColor:"#b0b0b0",activeTabColor:"#daaf64",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#daaf64",titleColor:"#daaf64",buttonBackgroundColor:"rgba(104, 226, 207, 0.15)",hoverButtonBackgroundColor:"rgba(104, 226, 207, 0.3)",activeButtonBackgroundColor:"rgba(131, 247, 220, 0.33)",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#daaf64",buttonTextShadow:"#7F7F7F",highlightedButtonBoxShadow:"rgba(255, 255, 255, 0.6)",tabBackgroundColor:"rgba(104, 226, 207, 0.15)",activeTabBackgroundColor:"rgba(131, 247, 220, 0.33)",hoverTabBackgroundColor:"rgba(104, 226, 207, 0.3)",toolbarBackgroundColor:"rgba(171, 255, 220, 0.2)",contentBackgroundColor:"rgba(171, 255, 220, 0.34)",footerBackgroundColor:"rgba(171, 255, 220, 0.2)",borderColor:"#000000"}}},b=function(b,c){var d,e=React.addons.update({skin:"default",renderPanelBorder:!0,activeTabHeaderBorder:!0},{$merge:b});return c=c||e.skin,d="object"==typeof c?React.addons.update(a(),{$merge:c}):a(c),{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{borderTop:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",borderRight:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none"},header:{style:{backgroundColor:"transparent",display:"flex",minWidth:"100%",marginBottom:"-2px"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",flex:1,display:"flex",overflow:"hidden"}},icon:{style:{color:d.iconColor,textShadow:"2px 2px 2px "+d.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:d.titleColor,textShadow:"1px 1px 1px "+d.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{borderLeft:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",height:"calc(100% - "+g.pixelsOf(e.headerHeight-2)+")"}}},TabButton:{style:{borderBottom:"1px solid "+d.borderColor,borderRight:"1px solid "+d.borderColor,backgroundColor:d.tabBackgroundColor,height:e.headerHeight-1,margin:"0",position:"inherit","float":"none",overflow:"hidden",flex:"1 0 0px",opacity:1},state:{hover:{style:{backgroundColor:d.hoverTabBackgroundColor}}},mods:{active:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},state:{hover:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}}},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}},last:{style:{borderRight:"0 none"}}},icon:{style:{color:d.tabIconColor,textShadow:"1px 1px 1px "+d.tabTextShadow,opacity:1}},title:{style:{color:d.tabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(e.headerHeight)+")",opacity:1}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",marginTop:"1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(e.headerHeight),position:"relative",backgroundColor:d.toolbarBackgroundColor}}},content:{style:{backgroundColor:d.contentBackgroundColor,boxShadow:"0px 0px 29px rgba(0, 0, 0, 0.7) inset",borderTop:"1px solid "+d.borderColor}},footer:{style:{backgroundColor:d.footerBackgroundColor,borderTop:"1px solid "+d.borderColor}}},Button:{style:{height:g.pixelsOf(e.headerHeight-1),backgroundColor:d.buttonBackgroundColor,borderBottom:"1px solid "+d.borderColor,borderLeft:"1px solid "+d.borderColor},children:{style:{color:d.buttonColor,textShadow:"1px 1px 1px "+d.buttonTextShadow}},state:{hover:{style:{backgroundColor:d.hoverButtonBackgroundColor},children:{style:{color:d.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:d.activeButtonBackgroundColor},children:{style:{color:d.activeButtonColor}}},highlighted:{style:{boxShadow:"0 0 9px "+d.highlightedButtonBoxShadow+" inset"}},disabled:{style:{pointerEvents:"none",opacity:.5}}}}}},c=function(a,b){var c;switch(b=b||a.skin){case"fiery":c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#f72121",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#342828",activeButtonBackgroundColor:"#4d2c2c",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#f72121",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#342828",toolbarBackgroundColor:"#4d2c2c",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"};break;default:c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#ffffff",tabTextShadow:"#000000",activeTabTextShadow:"#7F7F7F",titleTextShadow:"#a6a6a6",iconTextShadow:"#a6a6a6",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#2a2a2a",activeButtonBackgroundColor:"#4e4e4e",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#ffffff",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#2a2a2a",toolbarBackgroundColor:"#4e4e4e",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"}}return{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{backgroundColor:"black",padding:"1px 1px 0 0"},header:{style:{backgroundColor:"transparent",display:"flex",minWidth:"100%"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",flex:1,display:"flex",overflow:"hidden"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{marginLeft:"1px"}}},TabButton:{style:{backgroundColor:c.tabBackgroundColor,height:a.headerHeight-1,margin:"0 0 1px 1px",position:"inherit","float":"none",overflow:"hidden",flex:"1 0 0px"},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor}}},mods:{active:{style:{backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabIconColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(a.headerHeight)+")"}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",top:"-1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(a.headerHeight),position:"relative",marginTop:"1px",backgroundColor:c.toolbarBackgroundColor}}},content:{style:{backgroundColor:c.contentBackgroundColor,marginBottom:"1px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,marginBottom:"1px"}}},Button:{style:{height:g.pixelsOf(a.headerHeight-1),backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},children:{style:{color:c.buttonColor,textShadow:"1px 1px 1px "+c.buttonTextShadow}},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:c.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor},children:{style:{color:c.activeButtonColor}}}}}}},d=function(a,b){var c;switch(b=b||a.skin){case"blueish":c={tabColor:"rgba(0, 0, 0, 0.8)",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(102, 143, 182, 0.25)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"rgba(0, 0, 0, 0.8)",titleColor:"rgba(0, 0, 0, 0.8)",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(102, 143, 182, 0.25)",footerBackgroundColor:"rgba(165, 165, 165, 0.32)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(224, 230, 240, 0.65)",hoverButtonBackgroundColor:"rgba(102, 143, 182, 0.25)",activeButtonBackgroundColor:"rgba(102, 143, 182, 0.25)"};break;default:c={tabColor:"#ffffff",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(255, 255, 255, 0.9)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"#ffffff",titleColor:"#ffffff",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(255, 255, 255, 0.85)",footerBackgroundColor:"rgba(224, 230, 240, 0.8)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(255, 255, 255, 0.2)",hoverButtonBackgroundColor:"rgba(255, 255, 255, 0.9)",activeButtonBackgroundColor:"rgba(255, 255, 255, 0.9)"}}return{Panel:{header:{style:{backgroundColor:"transparent",paddingRight:g.pixelsOf(a.headerHeight)}},tabsStart:{style:{width:50,"float":"left"}},tabsEnd:{style:{width:10,"float":"right"}},tabs:{style:{"float":"left"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},body:{style:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.5)"}}},TabButton:{style:{borderRadius:"2px 2px 0 0",marginLeft:1},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor},icon:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}},title:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}}}},mods:{active:{style:{borderColor:c.activeTabBorderColor,backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}}},Tab:{mods:{withToolbar:{content:{style:{backgroundColor:c.contentBackgroundColorWithToolbar}}}},toolbar:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px",boxShadow:"0 -2px 0 "+c.toolbarBoxShadow+" inset"}},content:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,borderRadius:"2px"}}},Button:{style:{borderRadius:"2px 2px 0 0",backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #ffffff"}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor}}},children:{style:{color:"#ffffff",textShadow:"1px 1px 1px rgba(0, 0, 0, 0.9)"}}}}},e=function(a){a=a||{},a={theme:a.theme||"base",skin:a.skin||"default",headerHeight:a.headerHeight||32,headerFontSize:a.headerFontSize||14,borderRadius:a.borderRadius||3,maxTitleWidth:a.maxTitleWidth||130,useAvailableHeight:a.useAvailableHeight||!1,renderPanelBorder:"boolean"==typeof a.renderPanelBorder?a.renderPanelBorder:!0,activeTabHeaderBorder:"boolean"==typeof a.activeTabHeaderBorder?a.activeTabHeaderBorder:!0};var e={base:{PanelWrapper:{style:{},config:{autocompact:!0}},Panel:{style:{height:a.useAvailableHeight?"100%":"inherit"},header:{style:{display:"block",fontSize:g.pixelsOf(a.headerFontSize),height:a.headerHeight}},tabsStart:{style:{width:20,height:"100%"}},tabsEnd:{style:{width:20,height:"100%"}},tabs:{style:{height:a.headerHeight,"float":"right",display:"inline-block",margin:0,minWidth:g.pixelsOf(a.headerHeight),padding:0}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,lineHeight:g.pixelsOf(a.headerHeight-4),marginRight:-6,textAlign:"center",width:a.headerHeight-2}},box:{style:{marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}},group:{style:{padding:"0 5px",backgroundColor:"transparent"}},body:{style:{height:a.useAvailableHeight?"calc(100% - "+a.headerHeight+"px)":"inherit"}}},TabButton:{style:{position:"relative","float":"left",display:"block",listStyle:"none",padding:"0 5px",height:a.headerHeight,fontSize:"0.95em",cursor:"pointer"},mods:{untitled:{box:{style:{marginLeft:0}}},active:{style:{cursor:"default"}}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,textAlign:"center",width:a.headerHeight-2,lineHeight:g.pixelsOf(a.headerHeight-2),marginRight:-9,marginLeft:-3,opacity:.85}},box:{style:{lineHeight:g.pixelsOf(a.headerHeight),marginRight:6,opacity:.85,marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}}},Tab:{style:{display:"none"},mods:{active:{style:{display:a.useAvailableHeight?"flex":"block",minHeight:a.useAvailableHeight?"100%":"inherit",flexDirection:a.useAvailableHeight?"column":"inherit",height:"100%"},content:{style:a.useAvailableHeight?{flex:1,position:"relative"}:{},children:{style:a.useAvailableHeight?{padding:"10px",position:"absolute",height:"100%",width:"100%"}:{}}}},withToolbar:{toolbar:{style:{}}}},toolbar:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight)},children:{style:{padding:"10px"}}},content:{style:{},children:{style:{padding:"10px"}}},footer:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight),padding:"10px"},children:{style:{}}}},Button:{style:{"float":"right",height:g.pixelsOf(a.headerHeight),minWidth:g.pixelsOf(a.headerHeight),display:"inline-block",lineHeight:g.pixelsOf(a.headerHeight),margin:0,padding:0,textAlign:"center",cursor:"pointer",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},mods:{disabled:{style:{cursor:"default",pointerEvents:"none",opacity:.5}},hidden:{style:{display:"none"}},highlighted:{style:{}}},children:{style:{}}}},chemical:d,flexbox:c,flexbox2:b},f="base"!=a.theme?e[a.theme](a):{};return g.merge(e.base,f)},f=function(a){var b=e(a),c={};return function(d,f,h){var i=b;if(f=f||[],h=h||{},h.skin&&(c[h.skin]||(c[h.skin]=e(React.addons.update(a,{$merge:{skin:h.skin}}))),i=c[h.skin]),!f.length)return i[d];var j,k=React.addons.update(i[d],{$merge:{}});for(j=0;j<f.length;++j)k.mods&&k.mods[f[j]]&&(k=g.merge(k,k.mods[f[j]]));return k}},g={pixelsOf:function(a){var b=parseInt(a)||0;return b?String(b)+"px":"0"},merge:function(a,b){var c=Array.isArray(b),d=c&&[]||{};return c?(a=a||[],d=d.concat(a),b.forEach(function(b,c){"undefined"==typeof d[c]?d[c]=b:"object"==typeof b?d[c]=g.merge(a[c],b):-1===a.indexOf(b)&&d.push(b)})):(a&&"object"==typeof a&&Object.keys(a).forEach(function(b){d[b]=a[b]}),Object.keys(b).forEach(function(c){d[c]="object"==typeof b[c]&&b[c]&&a[c]?g.merge(a[c],b[c]):b[c]})),d}},h=function(a,b){var c=this;return c instanceof h?(this.opt=g.merge({detachOnLeave:!0,cloakInGroup:!1,onDragStart:!1,onDragEnd:!1},a||{}),this.ctx={sortable:!0,dragging:!1,parentId:!1},this._member=[],void(this._callback=b||function(){})):new h(a,b)};h.prototype.trigger=function(a,b){switch(a){case"onDragEnd":return this._callback(b);default:throw new Error("Not implemented")}},h.prototype.addMember=function(a){return this._member.push(a)-1},h.prototype.setParentOfToken=function(a){this.ctx.parentId!==!1&&this._member[this.ctx.parentId].releaseToken(),this.ctx.parentId=a};var i={Styleable:{getInitialState:function(){return this.__ssv={},this.__ssvh=!1,this.__ssa={target:"",mods:[],alter:{}},{}},contextTypes:{sheet:React.PropTypes.func},getSheet:function(a,b,c){var d,e=!1;if(b="function"==typeof this.getSheetMods?this.getSheetMods(b||[]):b||[],c=c||{},a!=this.__ssa.target)e=!0;else if(b.length!=this.__ssa.mods.length)e=!0;else if(0!=b.length)for(d=b.length;--d>=0;)if(-1==this.__ssa.mods.indexOf(b[d])){e=!0;break}if(e&&(this.__ssv=this.context.sheet(a,b,c),this.__ssvh=!1,this.__ssa={target:a,mods:g.merge(b,[]),alter:g.merge(c,{})}),"boolean"==typeof this.state._hover&&this.state._hover){if(this.__ssvh)return this.__ssvh;if(this.__ssv.state&&this.__ssv.state.hover)return this.__ssvh=g.merge(this.__ssv,this.__ssv.state.hover),this.__ssvh}return this.__ssv}},Transitions:{propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object},getTransitionProps:function(a){a=a||this.props.panelComponentType;var b={},c=this.context&&this.context.globals&&this.context.globals[a]?this.context.globals[a]:{},d="string"==typeof this.props.transitionName?this.props.transitionName:c.transitionName||"";return b=d.length?{transitionName:d,transitionEnter:"boolean"==typeof this.props.transitionEnter?this.props.transitionEnter:c.transitionEnter||!1,transitionLeave:"boolean"==typeof this.props.transitionLeave?this.props.transitionLeave:c.transitionLeave||!1,transitionAppear:"boolean"==typeof this.props.transitionAppear?this.props.transitionAppear:c.transitionAppear||!1,transitionComponent:"undefined"!=typeof this.props.transitionComponent?this.props.transitionComponent:c.transitionComponent||React.addons.CSSTransitionGroup,transitionCustomProps:this.props.transitionCustomProps||c.transitionCustomProps||{}}:{transitionName:"none",transitionEnter:!1,transitionLeave:!1,transitionAppear:!1,transitionComponent:React.addons.CSSTransitionGroup,transitionCustomProps:{}}}},Toolbar:{getDefaultProps:function(){return{panelComponentType:"Toolbar"}}},Content:{getDefaultProps:function(){return{panelComponentType:"Content"}}},Footer:{getDefaultProps:function(){return{panelComponentType:"Footer"}}}};i.StyleableWithEvents={mixins:[i.Styleable],getDefaultProps:function(){return{onMouseEnter:!1,onMouseLeave:!1}},getInitialState:function(){return this.listeners={onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},{_hover:!1,_focus:!1}},handleMouseEnter:function(a){"function"==typeof this.props.onMouseEnter&&this.props.onMouseEnter(a),this.setState({_hover:!0})},handleMouseLeave:function(a){"function"==typeof this.props.onMouseLeave&&this.props.onMouseLeave(a),this.setState({_hover:!1})}},i.PanelWrapper={propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,globals:React.PropTypes.object,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getDefaultProps:function(){return{icon:!1,title:"",selectedIndex:0,onTabChange:null,buttons:[],globals:{}}},getInitialState:function(){var a={theme:this.props.theme,skin:this.props.skin,headerHeight:this.props.headerHeight,headerFontSize:this.props.headerFontSize,borderRadius:this.props.borderRadius,maxTitleWidth:this.props.maxTitleWidth,useAvailableHeight:this.props.useAvailableHeight,renderPanelBorder:this.props.renderPanelBorder,activeTabHeaderBorder:this.props.activeTabHeaderBorder};return this._sheet=f(a),this.config=this._sheet("PanelWrapper").config,{selectedIndex:parseInt(this.props.selectedIndex)}},childContextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object,numTabs:React.PropTypes.number},getChildContext:function(){return{selectedIndex:this.state.selectedIndex,sheet:this._sheet,onTabChange:this.handleTabChange,globals:this.props.globals,numTabs:React.Children.count(this.props.children)}},handleTabChange:function(a){"function"==typeof this.props.onTabChange?this.props.onTabChange(a,this)!==!1&&this.setSelectedIndex(a):this.setSelectedIndex(a)},getSelectedIndex:function(){return this.state.selectedIndex},setSelectedIndex:function(a,b){this.setState({selectedIndex:parseInt(a)}),this.forceUpdate(function(){"function"==typeof b&&b()})},componentWillReceiveProps:function(a){var b=this.state.selectedIndex,c=!1,d=React.Children.count(a.children);a.selectedIndex!=this.props.selectedIndex&&(b=a.selectedIndex,c=!0),b>=d&&(b=Math.max(d-1,0),c=!0),c&&this.setState({selectedIndex:parseInt(b)})}},i.TabWrapper={observedProps:["selectedIndex","index"],propTypes:{tabKey:React.PropTypes.any},getDefaultProps:function(){return{panelComponentType:"TabWrapper",icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0}},childContextTypes:{index:React.PropTypes.number,tabKey:React.PropTypes.any},getChildContext:function(){return{index:this.props.index,tabKey:this.props.tabKey}},contextTypes:{selectedIndex:React.PropTypes.number}},i.Button={mixins:[i.StyleableWithEvents],getDefaultProps:function(){return{name:"default",title:"",visible:!0,enabled:!0,active:!1,highlighted:!1,onClick:!1,onDoubleClick:!1,onContextMenu:!1,onChange:!1}},getInitialState:function(){return this.listeners.onClick=this._handleClick,this.listeners.onDoubleClick=this._handleDoubleClick,this.listeners.onContextMenu=this._handleContextMenu,{visible:this.props.visible,enabled:this.props.enabled,active:this.props.active,highlighted:this.props.highlighted}},childContextTypes:{btnTitle:React.PropTypes.string,btnVisible:React.PropTypes.bool,btnEnabled:React.PropTypes.bool,btnActive:React.PropTypes.bool},getChildContext:function(){return{btnTitle:this.props.title,btnVisible:this.state.visible,btnEnabled:this.state.enabled,btnActive:this.state.active}},contextTypes:{selectedIndex:React.PropTypes.number},getSheetMods:function(a){var b=a||[];return this.state.active&&-1==b.indexOf("active")&&b.push("active"),this.state.visible||-1!=b.indexOf("hidden")||b.push("hidden"),this.state.enabled||-1!=b.indexOf("disabled")||b.push("disabled"),this.state.highlighted&&-1==b.indexOf("highlighted")&&b.push("highlighted"),b},_handleDoubleClick:function(a){return("function"!=typeof this.props.onDoubleClick||this.props.onDoubleClick(a,this)!==!1)&&"function"==typeof this.handleDoubleClick?this.handleDoubleClick(a):void 0},_handleClick:function(a){return("function"!=typeof this.props.onClick||this.props.onClick(a,this)!==!1)&&"function"==typeof this.handleClick?this.handleClick(a):void 0},_handleContextMenu:function(a){return("function"!=typeof this.props.onContextMenu||this.props.onContextMenu(a,this)!==!1)&&"function"==typeof this.handleContextMenu?this.handleContextMenu(a):void 0}};var j=React.createClass({displayName:"FloatingPanel",mixins:[i.PanelWrapper],getDefaultProps:function(){return{left:0,top:0,width:420,style:{}}},getInitialState:function(){return this.skipUpdate=!1,{left:parseInt(this.props.left),top:parseInt(this.props.top),width:parseInt(this.props.width)}},componentWillReceiveProps:function(a){this.setState({width:a.width})},dragStart:function(a){this.panelBounds={startLeft:this.state.left,startTop:this.state.top,startPageX:a.pageX,startPageY:a.pageY};try{var b=document.createElement("img");b.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAADUlEQVQI12NgYGBgAAAABQABXvMqOgAAAABJRU5ErkJggg==",b.width=1,a.dataTransfer.setData("text/plain","Panel"),a.dataTransfer.setDragImage(b,-1e3,-1e3)}catch(c){}window.addEventListener("dragover",this.dragOver)},dragEnd:function(){if(delete this.panelBounds,window.removeEventListener("dragover",this.dragOver),this.props.onBoundsChange){var a=this.getDOMNode().offsetHeight;this.props.onBoundsChange({left:this.state.left,top:this.state.top,width:this.state.width,height:a})}},dragOver:function(a){if(this.panelBounds){var b=this.panelBounds.startLeft+(a.pageX-this.panelBounds.startPageX),c=this.panelBounds.startTop+(a.pageY-this.panelBounds.startPageY);this.skipUpdate=!0,this.setState({left:b,top:c})}},render:function(){var a="translate3d("+g.pixelsOf(this.state.left)+", "+g.pixelsOf(this.state.top)+", 0)",b=React.addons.update({WebkitTransform:a,MozTransform:a,msTransform:a,transform:a,width:g.pixelsOf(this.state.width),position:"absolute"},{$merge:this.props.style});if(this.skipUpdate)this.skipUpdate=!1;else{for(var c=React.addons.update({onDragStart:this.dragStart,onDragEnd:this.dragEnd,floating:!0},{$merge:this.config}),d=Object.keys(this.props),e=d.length;--e>=0;)-1==["children","left","top","width","style"].indexOf(d[e])&&(c[d[e]]=this.props[d[e]]);this.inner=React.createElement(l,c,this.props.children)}return React.createElement("div",{style:b},this.inner)}}),k=React.createClass({displayName:"Panel",mixins:[i.PanelWrapper],render:function(){for(var a=React.addons.update({},{$merge:this.config}),b=Object.keys(this.props),c=b.length;--c>=0;)-1==["children"].indexOf(b[c])&&(a[b[c]]=this.props[b[c]]);return React.createElement(l,a,this.props.children)}}),l=React.createClass({displayName:"ReactPanel",mixins:[i.Styleable,i.Transitions],getDefaultProps:function(){return{icon:!1,title:"",autocompact:!0,floating:!1,onDragStart:null,onDragEnd:null,maxTitleWidth:130,buttons:[]}},propTypes:{dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getInitialState:function(){return{compacted:this.props.autocompact}},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},getSelectedIndex:function(){return this.context.selectedIndex},handleClick:function(a,b){this.context.onTabChange(parseInt(b))},componentDidMount:function(){if(this.props.autocompact){var a=this.refs["tabs-start"].getDOMNode(),b=this.refs["tabs-end"].getDOMNode(),c=this.refs.tabs.getDOMNode().offsetWidth,d=b.offsetLeft-(a.offsetLeft+a.offsetWidth);d>=2*c&&this.setState({compacted:!1})}},componentWillReceiveProps:function(a){if(this.props.autocompact){var b=React.Children.count(this.props.children),c=React.Children.count(a.children);if(c>b&&this.props.autocompact&&!this.state.compacted){var d=this.refs["tabs-start"].getDOMNode(),e=this.refs["tabs-end"].getDOMNode(),f=this.refs.tabs.getDOMNode().offsetWidth,g=e.offsetLeft-(d.offsetLeft+d.offsetWidth),h=this.props.maxTitleWidth+35;f+h>=g&&this.setState({compacted:!0})}}},handleDragStart:function(a){"function"==typeof this.props.onDragStart&&this.props.onDragStart(a)},handleDragEnd:function(){"function"==typeof this.props.onDragEnd&&this.props.onDragEnd()},_getGroupedButtons:function(){var a,b,c,d=this.props.buttons.length,e=[],f=[];for(a=0;d>a;++a)if(c=this.props.buttons[a],"object"==typeof c&&c instanceof Array){for(e.length&&(f.push(e),e=[]),b=0;b<c.length;++b)e.push(React.addons.cloneWithProps(c[b],{key:b}));e.length&&(f.push(e),e=[])}else e.push(React.addons.cloneWithProps(c,{key:a}));return e.length&&f.push(e),f},render:function(){var a=this,b=this.props.floating?"true":"false",c=this.getSheet("Panel"),d=this.getTransitionProps("Panel"),e=this.props.icon?React.createElement("span",{style:c.icon.style},React.createElement("i",{className:this.props.icon})):null,f=this.props.title.length?React.createElement("div",{style:c.box.style},React.createElement("div",{style:c.title.style},this.props.title)):null,g=0,h=this.getSelectedIndex(),i=[],j=[],k=0;return React.Children.forEach(a.props.children,function(b){var c="tabb-"+g,d="undefined"!=typeof b.key&&null!=b.key?b.key:c,e=!0,f={icon:b.props.icon,title:b.props.title,pinned:b.props.pinned};a.state.compacted&&(f.pinned||h==g||(e=!1)),i.push({key:d,title:f.title,icon:f.icon,index:g,ref:c,showTitle:e,onClick:a.handleClick,"data-index":g,"data-key":d}),j.push(React.addons.cloneWithProps(b,{key:d,tabKey:d,selectedIndex:h,index:g})),++g}),React.createElement("div",{style:c.style},React.createElement("header",{draggable:b,onDragEnd:a.handleDragEnd,onDragStart:a.handleDragStart,ref:"header",style:c.header.style},e,f,React.createElement("div",{style:c.tabsStart.style,ref:"tabs-start"}),React.createElement(m,{style:c.tabs.style,ref:"tabs",data:i,dragAndDropHandler:this.props.dragAndDropHandler||!1,transitionProps:d}),React.createElement("div",{style:c.tabsEnd.style,ref:"tabs-end"}),this._getGroupedButtons().map(function(a){return React.createElement("ul",{style:c.group.style,key:k++},a)})),React.createElement("div",{style:c.body.style},j))}}),m=React.createClass({displayName:"TabGroup",propTypes:{style:React.PropTypes.object.isRequired,data:React.PropTypes.array.isRequired,transitionProps:React.PropTypes.object.isRequired,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},componentWillMount:function(){this.tabKeys=[],this._index=!1;var a=this.context&&this.context.globals?this.context.globals.Panel||{}:{};this.handler=this.props.dragAndDropHandler||a.dragAndDropHandler||!1,this.ctx=this.handler?this.handler.ctx:{sortable:!1,dragging:!1};for(var b=0;b<this.props.data.length;++b)this.tabKeys.push(this.props.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)},componentDidMount:function(){this.ctx.sortable&&this.handler&&(this.memberId=this.handler.addMember(this))},componentWillUpdate:function(a){if(!this.ctx.dragging){this.tabKeys=[];for(var b=0;b<a.data.length;++b)this.tabKeys.push(a.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)}},handleDragStartOnTab:function(a,b,c){this.ctx.draggedKey=c.dataset.key,this.ctx.keySequence=0,this.ctx.dragging=!1,this.ctx.draggedElement=b,this.ctx.dragging=!0,this._index=this.tabKeys.indexOf(this.ctx.draggedKey),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("text/html",c),a.dataTransfer.setDragImage(c,-15,-15)},handleDragStart:function(a){if(this.ctx.sortable){var b=this.getDOMNode(),c=b.offsetWidth/this.tabKeys.length,d=a.pageX-b.offsetLeft,e=parseInt(d/c),f=this.tabKeys[e]||!1;if(f!==!1){var g=this.refs[f+"-tabbref"]||!1;if(g!==!1){this.ctx.ownerId=this.ctx.parentId=this.memberId||!1;var h=React.cloneElement(g.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1});this.keyMap.splice(e,1),this.acquireToken(a),this.handleDragStartOnTab(a,h,g.getDOMNode())}}}},handleDragOver:function(a){if(this.ctx.dragging){a.preventDefault();var b;if(this.ctx.parentId!=this.memberId)b=this.acquireToken(a),this._index=!1,this.handler.setParentOfToken(this.memberId);else{var c=a.pageX-this.getDOMNode().offsetLeft;b=parseInt(c/this.tabWidth)}this._index!==b&&(this.ctx.keySequence++,this._index!==!1&&this.tabKeys.splice(this._index,1),this.tabKeys.splice(b,0,this.ctx.draggedKey),this._index=b,this.ctx.targetKey=this.keyMap[Math.min(this._index,this.keyMap.length-1)]||!1,this.ctx.placement=this._index>=this.keyMap.length?"after":"before",this.forceUpdate())}},handleDragEnd:function(a){this.ctx.dragging&&(this.ctx.dragging=!1,this._index=this._index||this.acquireToken(a),
-this.handler.trigger("onDragEnd",{element:this.ctx.draggedKey,target:this.ctx.targetKey,placement:this.ctx.placement}))},acquireToken:function(a){var b=this.getDOMNode(),c=this.ctx.ownerId==this.memberId?0:1,d=b.offsetWidth/(this.tabKeys.length+c),e=a.pageX-b.offsetLeft,f=parseInt(e/d);return this.tabWidth=d,f},releaseToken:function(){this._index=!1},cloneTabComponent:function(a){var b=this.refs[(this.tabKeys[index]||!1)+"-tabbref"]||!1;b!==!1&&(this.ctx.draggedElement=React.cloneElement(b.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1}))},createTabElement:function(a){if(this.ctx.dragging&&this.ctx.draggedKey===a)return React.cloneElement(this.ctx.draggedElement,{key:a+"-tabbph"+this.ctx.keySequence,draggable:!1});var b=this.props.data[this.constKeyMap.indexOf(a)]||!1;return b===!1?null:React.createElement(n,React.__spread(b,{ref:a+"-tabbref"}))},render:function(){var a=this.props.transitionProps,b=this.ctx.sortable?{draggable:!0,onDragEnd:this.handleDragEnd,onDragStart:this.handleDragStart,onDragOver:this.handleDragOver,"data-key":"get-target-stop"}:{};if(!this.ctx.dragging){this.tabKeys=[];for(var c=0;c<this.props.data.length;++c)this.tabKeys.push(this.props.data[c]["data-key"])}var d=this.tabKeys.map(function(a){return this.createTabElement(a)}.bind(this));return React.createElement(a.transitionComponent,React.__spread({component:"ul",style:this.props.style,transitionName:a.transitionName,transitionAppear:a.transitionAppear,transitionEnter:a.transitionEnter,transitionLeave:a.transitionLeave},a.transitionCustomProps,b),d)}}),n=React.createClass({displayName:"TabButton",mixins:[i.StyleableWithEvents],propTypes:{"data-index":React.PropTypes.number.isRequired,"data-key":React.PropTypes.string.isRequired},getDefaultProps:function(){return{icon:"",title:"",index:0,showTitle:!0}},contextTypes:{selectedIndex:React.PropTypes.number,numTabs:React.PropTypes.number},handleClick:function(a){a.preventDefault(),this.props.onClick(a,this.props.index)},render:function(){var a=null,b="",c=this.context.selectedIndex==this.props.index?["active"]:[];this.props.showTitle&&this.props.title.length||c.push("untitled"),this.props.index==this.context.numTabs-1&&c.push("last");var d=this.getSheet("TabButton",c,{});return this.props.showTitle&&this.props.title.length&&(b=React.createElement("div",{style:d.title.style},this.props.title)),this.props.icon&&(a=React.createElement("div",{style:d.icon.style},React.createElement("i",{className:this.props.icon}))),React.createElement("li",React.__spread({onClick:this.handleClick,style:d.style,"data-index":this.props["data-index"],"data-key":this.props["data-key"]},this.listeners),React.createElement("div",{title:this.props.title},a,React.createElement("div",{style:d.box.style},b)))}}),o=React.createClass({displayName:"Tab",mixins:[i.Styleable,i.Transitions],propTypes:{onActiveChanged:React.PropTypes.func,maxContentHeight:React.PropTypes.number},getDefaultProps:function(){return{icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0,panelComponentType:"Tab",automount:!1,maxContentHeight:0}},contextTypes:{selectedIndex:React.PropTypes.number,index:React.PropTypes.number,globals:React.PropTypes.object},componentDidMount:function(){this._doEvents()},componentDidUpdate:function(){this._doEvents()},_doEvents:function(){if("function"==typeof this.props.onActiveChanged){this.wasActive=this.wasActive||!1;var a=this.isActive();this.wasActive!=a&&(this.props.onActiveChanged(this,a),this.wasActive=a)}},getValue:function(a){switch(a){case"index":return"undefined"!=typeof this.props.index?this.props.index:this.context.index;case"selectedIndex":return this.context.selectedIndex;case"showToolbar":return this.props.showToolbar;case"showFooter":return this.props.showFooter;case"active":return this.isActive();case"hasToolbar":return this.hasToolbar||!1;case"hasFooter":return this.hasFooter||!1;case"mounted":return this.mounted||!1;case"automount":return this.props.automount;case"numChilds":return React.Children.count(this.props.children);case"tabKey":return"undefined"!=typeof this.props.tabKey?this.props.tabKey:this.context.tabKey}},isActive:function(){return"undefined"!=typeof this.props.index?this.props.index==this.context.selectedIndex:this.context.index==this.context.selectedIndex},render:function(){var a=this,b=React.Children.count(this.props.children),c=this.isActive(),d=this.getTransitionProps(),e=c?["active"]:[],f={};this.mounted=this.mounted||!1||this.props.automount||c,this.hasToolbar=this.hasFooter=!1;var g=this.mounted?React.Children.map(a.props.children,function(c,d){var g=0==d&&b>=2?0:1;if(React.isValidElement(c)&&"undefined"!=typeof c.props.panelComponentType)switch(String(c.props.panelComponentType)){case"Toolbar":g=0;break;case"Content":g=1;break;case"Footer":g=2}switch(0==d&&(0==g&&(this.hasToolbar=!0,a.props.showToolbar&&e.push("withToolbar")),f=a.getSheet("Tab",e)),d==a.props.children.length-1&&2==g&&(this.hasFooter=!0,a.props.showFooter&&(e.push("withFooter"),f=a.getSheet("Tab",e))),g){case 0:return a.props.showToolbar?React.createElement("div",{key:d,style:f.toolbar.style},React.createElement("div",{className:"tab-toolbar",style:f.toolbar.children.style},c)):null;case 1:var h=React.addons.update({maxHeight:this.props.maxContentHeight||"none",overflowX:"hidden",overflowY:this.props.maxContentHeight?"auto":"hidden"},{$merge:f.content.style});return React.createElement("div",{key:d,style:h},React.createElement("div",{className:"tab-content",style:f.content.children.style},c));case 2:return a.props.showFooter?React.createElement("div",{key:d,style:f.footer.style},React.createElement("div",{className:"tab-footer",style:f.footer.children.style},c)):null}}.bind(this)):null;return React.createElement(d.transitionComponent,React.__spread({component:"div",style:f.style,transitionName:d.transitionName,transitionAppear:d.transitionAppear&&c,transitionEnter:d.transitionEnter&&c,transitionLeave:d.transitionLeave&&c},d.transitionCustomProps),g)}}),p=React.createClass({displayName:"ToggleButton",mixins:[i.Button],handleClick:function(a){var b=this;this.setState({active:!this.state.active}),this.forceUpdate(function(){"function"==typeof b.props.onChange&&b.props.onChange(this)})},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),q=React.createClass({displayName:"Button",mixins:[i.Button],propTypes:{onButtonClick:React.PropTypes.func},handleClick:function(a){"function"==typeof this.props.onButtonClick&&this.props.onButtonClick(this,a)},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),r=React.createClass({displayName:"Toolbar",mixins:[i.Toolbar],render:function(){return React.createElement("div",{},this.props.children)}}),s=React.createClass({displayName:"Content",mixins:[i.Content],render:function(){return React.createElement("div",{},this.props.children)}}),t=React.createClass({displayName:"Footer",mixins:[i.Footer],render:function(){return React.createElement("div",{},this.props.children)}}),u={},v={Panel:k,FloatingPanel:j,ReactPanel:l,Tab:o,Mixins:i,Toolbar:r,Content:s,Footer:t,ToggleButton:p,Button:q,addons:u,DragAndDropHandler:h},w=React.createClass({displayName:"ScrollableTabContent",mixins:[i.Content],getDefaultProps:function(){return{height:250,opts:{cursorcolor:"rgb(139, 128, 102)",cursoropacitymin:.25,cursoropacitymax:.5,cursorwidth:9,cursorminheight:60}}},componentDidMount:function(){$(this.refs.content.getDOMNode()).niceScroll(this.refs.wrapper.getDOMNode(),this.props.opts)},render:function(){var a={height:g.pixelsOf(this.props.height),paddingRight:g.pixelsOf((this.props.opts.cursorwidth||5)+4),overflow:"scroll"};return React.createElement("div",{ref:"content",style:a},React.createElement("div",{ref:"wrapper"},this.props.children))}});u.ScrollableTabContent=w;var x=React.createClass({displayName:"ResizableContent",mixins:[i.Content],lastDimensions:{width:null,height:null},propTypes:{triggersClass:React.PropTypes.string,expandClass:React.PropTypes.string,contractClass:React.PropTypes.string,onResize:React.PropTypes.func.isRequired},getDefaultProps:function(){return{triggersClass:"resize-triggers",expandClass:"expand-trigger",contractClass:"contract-trigger"}},requestFrame:function(a){return(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(a){return window.setTimeout(a,20)})(a)},cancelFrame:function(a){return(window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame||window.clearTimeout)(a)},componentDidMount:function(){this.resetTriggers(),this.initialResetTriggersTimeout=setTimeout(this.resetTriggers,1e3)},componentWillUnmount:function(){clearTimeout(this.initialResetTriggersTimeout)},componentDidUpdate:function(){this.resetTriggers()},resetTriggers:function(){var a=this.refs.contract.getDOMNode(),b=this.refs.expandChild.getDOMNode(),c=this.refs.expand.getDOMNode();a.scrollLeft=a.scrollWidth,a.scrollTop=a.scrollHeight,b.style.width=c.offsetWidth+1+"px",b.style.height=c.offsetHeight+1+"px",c.scrollLeft=c.scrollWidth,c.scrollTop=c.scrollHeight},onScroll:function(){this.r&&this.cancelFrame(this.r),this.r=this.requestFrame(function(){var a=this.getDimensions();this.haveDimensionsChanged(a)&&(this.lastDimensions=a,this.props.onResize(a))}.bind(this))},getDimensions:function(){var a={};return this.refs.resizable&&"function"==typeof this.refs.resizable.getDOMNode&&(a=this.refs.resizable.getDOMNode()),{width:a.offsetWidth||0,height:a.offsetHeight||0}},haveDimensionsChanged:function(a){return a.width!=this.lastDimensions.width||a.height!=this.lastDimensions.height},render:function(){var a=React.addons.update(this.props,{$merge:{onScroll:this.onScroll,ref:"resizable"}});return a.style=a.style||{},a.style.width=a.style.height="100%",a.style.display="block",React.createElement("div",a,[this.props.children,React.createElement("div",{className:this.props.triggersClass,key:"trigger"},[React.createElement("div",{className:this.props.expandClass,ref:"expand",key:"expand"},React.createElement("div",{ref:"expandChild"})),React.createElement("div",{className:this.props.contractClass,ref:"contract",key:"contract"})])])}});u.ResizableContent=x;var y=React.createClass({displayName:"StickyButton",mixins:[i.Button],handleClick:function(){this.setState({active:!this.state.active}),this._trigger()},handleDoubleClick:function(){this.setState({highlighted:!this.state.highlighted}),this._trigger()},handleContextMenu:function(){this.setState({highlighted:!this.state.highlighted}),this._trigger()},_trigger:function(){this.forceUpdate(function(){"function"==typeof this.props.onChange&&this.props.onChange(this)}.bind(this))},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}});u.StickyButton=y,window.ReactPanels=v}();
+!function(){var a=function(a){switch(a||""){default:return{tabColor:"#b0b0b0",tabIconColor:"#b0b0b0",activeTabColor:"#daaf64",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#daaf64",titleColor:"#daaf64",buttonBackgroundColor:"rgba(104, 226, 207, 0.15)",hoverButtonBackgroundColor:"rgba(104, 226, 207, 0.3)",activeButtonBackgroundColor:"rgba(131, 247, 220, 0.33)",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#daaf64",buttonTextShadow:"#7F7F7F",highlightedButtonBoxShadow:"rgba(255, 255, 255, 0.6)",tabBackgroundColor:"rgba(104, 226, 207, 0.15)",activeTabBackgroundColor:"rgba(131, 247, 220, 0.33)",hoverTabBackgroundColor:"rgba(104, 226, 207, 0.3)",toolbarBackgroundColor:"rgba(171, 255, 220, 0.2)",contentBackgroundColor:"rgba(171, 255, 220, 0.34)",footerBackgroundColor:"rgba(171, 255, 220, 0.2)",borderColor:"#000000"}}},b=function(b,c){var d,e=React.addons.update({skin:"default",renderPanelBorder:!0,activeTabHeaderBorder:!0},{$merge:b}),f=/Safari/.test(window.navigator.userAgent)&&/Apple Computer/.test(window.navigator.vendor);return c=c||e.skin,d="object"==typeof c?React.addons.update(a(),{$merge:c}):a(c),{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{borderTop:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",borderRight:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none"},header:{style:{backgroundColor:"transparent",display:f?"-webkit-flex":"flex",minWidth:"100%",marginBottom:"-2px"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",WebkitFlex:"1",flex:1,display:f?"-webkit-flex":"flex",overflow:"hidden"}},icon:{style:{color:d.iconColor,textShadow:"2px 2px 2px "+d.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:d.titleColor,textShadow:"1px 1px 1px "+d.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{borderLeft:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",height:"calc(100% - "+g.pixelsOf(e.headerHeight-2)+")"}}},TabButton:{style:{borderBottom:"1px solid "+d.borderColor,borderRight:"1px solid "+d.borderColor,backgroundColor:d.tabBackgroundColor,height:e.headerHeight-1,margin:"0",position:"inherit","float":"none",overflow:"hidden",WebkitFlex:"1",flex:"1 0 0px",opacity:1},state:{hover:{style:{backgroundColor:d.hoverTabBackgroundColor}}},mods:{active:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},state:{hover:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}}},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}},last:{style:{borderRight:"0 none"}}},icon:{style:{color:d.tabIconColor,textShadow:"1px 1px 1px "+d.tabTextShadow,opacity:1}},title:{style:{color:d.tabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(e.headerHeight)+")",opacity:1}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",marginTop:"1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(e.headerHeight),position:"relative",backgroundColor:d.toolbarBackgroundColor}}},content:{style:{backgroundColor:d.contentBackgroundColor,boxShadow:"0px 0px 29px rgba(0, 0, 0, 0.7) inset",borderTop:"1px solid "+d.borderColor,position:"relative"},children:{style:{position:"relative"}}},footer:{style:{backgroundColor:d.footerBackgroundColor,borderTop:"1px solid "+d.borderColor,position:"relative"},children:{style:{position:"relative"}}}},Button:{style:{height:g.pixelsOf(e.headerHeight-1),backgroundColor:d.buttonBackgroundColor,borderBottom:"1px solid "+d.borderColor,borderLeft:"1px solid "+d.borderColor},children:{style:{color:d.buttonColor,textShadow:"1px 1px 1px "+d.buttonTextShadow}},state:{hover:{style:{backgroundColor:d.hoverButtonBackgroundColor},children:{style:{color:d.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:d.activeButtonBackgroundColor},children:{style:{color:d.activeButtonColor}}},highlighted:{style:{boxShadow:"0 0 9px "+d.highlightedButtonBoxShadow+" inset"}},disabled:{style:{pointerEvents:"none",opacity:.5}}}}}},c=function(a,b){var c,d=/Safari/.test(window.navigator.userAgent)&&/Apple Computer/.test(window.navigator.vendor);switch(b=b||a.skin){case"fiery":c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#f72121",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#342828",activeButtonBackgroundColor:"#4d2c2c",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#f72121",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#342828",toolbarBackgroundColor:"#4d2c2c",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"};break;default:c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#ffffff",tabTextShadow:"#000000",activeTabTextShadow:"#7F7F7F",titleTextShadow:"#a6a6a6",iconTextShadow:"#a6a6a6",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#2a2a2a",activeButtonBackgroundColor:"#4e4e4e",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#ffffff",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#2a2a2a",toolbarBackgroundColor:"#4e4e4e",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"}}return{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{backgroundColor:"black",padding:"1px 1px 0 0"},header:{style:{backgroundColor:"transparent",display:d?"-webkit-flex":"flex",minWidth:"100%"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",WebkitFlex:"1",flex:1,display:d?"-webkit-flex":"flex",overflow:"hidden"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{marginLeft:"1px"}}},TabButton:{style:{backgroundColor:c.tabBackgroundColor,height:a.headerHeight-1,margin:"0 0 1px 1px",position:"inherit","float":"none",overflow:"hidden",WebkitFlex:"1",flex:"1 0 0px"},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor}}},mods:{active:{style:{backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabIconColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(a.headerHeight)+")"}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",top:"-1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(a.headerHeight),position:"relative",marginTop:"1px",backgroundColor:c.toolbarBackgroundColor}}},content:{style:{backgroundColor:c.contentBackgroundColor,marginBottom:"1px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,marginBottom:"1px"}}},Button:{style:{height:g.pixelsOf(a.headerHeight-1),backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},children:{style:{color:c.buttonColor,textShadow:"1px 1px 1px "+c.buttonTextShadow}},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:c.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor},children:{style:{color:c.activeButtonColor}}}}}}},d=function(a,b){var c;switch(b=b||a.skin){case"blueish":c={tabColor:"rgba(0, 0, 0, 0.8)",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(102, 143, 182, 0.25)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"rgba(0, 0, 0, 0.8)",titleColor:"rgba(0, 0, 0, 0.8)",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(102, 143, 182, 0.25)",footerBackgroundColor:"rgba(165, 165, 165, 0.32)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(224, 230, 240, 0.65)",hoverButtonBackgroundColor:"rgba(102, 143, 182, 0.25)",activeButtonBackgroundColor:"rgba(102, 143, 182, 0.25)"};break;default:c={tabColor:"#ffffff",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(255, 255, 255, 0.9)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"#ffffff",titleColor:"#ffffff",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(255, 255, 255, 0.85)",footerBackgroundColor:"rgba(224, 230, 240, 0.8)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(255, 255, 255, 0.2)",hoverButtonBackgroundColor:"rgba(255, 255, 255, 0.9)",activeButtonBackgroundColor:"rgba(255, 255, 255, 0.9)"}}return{Panel:{header:{style:{backgroundColor:"transparent",paddingRight:g.pixelsOf(a.headerHeight)}},tabsStart:{style:{width:50,"float":"left"}},tabsEnd:{style:{width:10,"float":"right"}},tabs:{style:{"float":"left"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},body:{style:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.5)"}}},TabButton:{style:{borderRadius:"2px 2px 0 0",marginLeft:1},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor},icon:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}},title:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}}}},mods:{active:{style:{borderColor:c.activeTabBorderColor,backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}}},Tab:{mods:{withToolbar:{content:{style:{backgroundColor:c.contentBackgroundColorWithToolbar}}}},toolbar:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px",boxShadow:"0 -2px 0 "+c.toolbarBoxShadow+" inset"}},content:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,borderRadius:"2px"}}},Button:{style:{borderRadius:"2px 2px 0 0",backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #ffffff"}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor}}},children:{style:{color:"#ffffff",textShadow:"1px 1px 1px rgba(0, 0, 0, 0.9)"}}}}},e=function(a){a=a||{},a={theme:a.theme||"base",skin:a.skin||"default",headerHeight:a.headerHeight||32,headerFontSize:a.headerFontSize||14,borderRadius:a.borderRadius||3,maxTitleWidth:a.maxTitleWidth||130,useAvailableHeight:a.useAvailableHeight||!1,renderPanelBorder:"boolean"==typeof a.renderPanelBorder?a.renderPanelBorder:!0,activeTabHeaderBorder:"boolean"==typeof a.activeTabHeaderBorder?a.activeTabHeaderBorder:!0};var e=/Safari/.test(window.navigator.userAgent)&&/Apple Computer/.test(window.navigator.vendor),f={base:{PanelWrapper:{style:{},config:{autocompact:!0}},Panel:{style:{height:a.useAvailableHeight?"100%":"inherit"},header:{style:{display:"block",fontSize:g.pixelsOf(a.headerFontSize),height:a.headerHeight}},tabsStart:{style:{width:20,height:"100%"}},tabsEnd:{style:{width:20,height:"100%"}},tabs:{style:{height:a.headerHeight,"float":"right",display:"inline-block",margin:0,minWidth:g.pixelsOf(a.headerHeight),padding:0}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,lineHeight:g.pixelsOf(a.headerHeight-4),marginRight:-6,textAlign:"center",width:a.headerHeight-2}},box:{style:{marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}},group:{style:{padding:"0 5px",backgroundColor:"transparent"}},body:{style:{height:a.useAvailableHeight?"calc(100% - "+a.headerHeight+"px)":"inherit"}}},TabButton:{style:{position:"relative","float":"left",display:"block",listStyle:"none",padding:"0 5px",height:a.headerHeight,fontSize:"0.95em",cursor:"pointer"},mods:{untitled:{box:{style:{marginLeft:0}}},active:{style:{cursor:"default"}}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,textAlign:"center",width:a.headerHeight-2,lineHeight:g.pixelsOf(a.headerHeight-2),marginRight:-9,marginLeft:-3,opacity:.85}},box:{style:{lineHeight:g.pixelsOf(a.headerHeight),marginRight:6,opacity:.85,marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}}},Tab:{style:{display:"none"},mods:{active:{style:{display:a.useAvailableHeight?e?"-webkit-flex":"flex":"block",minHeight:a.useAvailableHeight?"100%":"inherit",WebkitFlexDirection:a.useAvailableHeight?"column":"inherit",flexDirection:a.useAvailableHeight?"column":"inherit",height:"100%"},content:{style:a.useAvailableHeight?{WebkitFlex:1,flex:1,position:"relative"}:{},children:{style:a.useAvailableHeight?{padding:"10px",position:"absolute",height:"100%",width:"100%"}:{}}}},withToolbar:{toolbar:{style:{}}}},toolbar:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight)},children:{style:{padding:"10px"}}},content:{style:{},children:{style:{padding:"10px"}}},footer:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight),padding:"10px"},children:{style:{}}}},Button:{style:{"float":"right",height:g.pixelsOf(a.headerHeight),minWidth:g.pixelsOf(a.headerHeight),display:"inline-block",lineHeight:g.pixelsOf(a.headerHeight),margin:0,padding:0,textAlign:"center",cursor:"pointer",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},mods:{disabled:{style:{cursor:"default",pointerEvents:"none",opacity:.5}},hidden:{style:{display:"none"}},highlighted:{style:{}}},children:{style:{}}}},chemical:d,flexbox:c,flexbox2:b},h="base"!=a.theme?f[a.theme](a):{};return g.merge(f.base,h)},f=function(a){var b=e(a),c={};return function(d,f,h){var i=b;if(f=f||[],h=h||{},h.skin&&(c[h.skin]||(c[h.skin]=e(React.addons.update(a,{$merge:{skin:h.skin}}))),i=c[h.skin]),!f.length)return i[d];var j,k=React.addons.update(i[d],{$merge:{}});for(j=0;j<f.length;++j)k.mods&&k.mods[f[j]]&&(k=g.merge(k,k.mods[f[j]]));return k}},g={pixelsOf:function(a){var b=parseInt(a)||0;return b?String(b)+"px":"0"},merge:function(a,b){var c=Array.isArray(b),d=c&&[]||{};return c?(a=a||[],d=d.concat(a),b.forEach(function(b,c){"undefined"==typeof d[c]?d[c]=b:"object"==typeof b?d[c]=g.merge(a[c],b):-1===a.indexOf(b)&&d.push(b)})):(a&&"object"==typeof a&&Object.keys(a).forEach(function(b){d[b]=a[b]}),Object.keys(b).forEach(function(c){d[c]="object"==typeof b[c]&&b[c]&&a[c]?g.merge(a[c],b[c]):b[c]})),d}},h=function(a,b){var c=this;return c instanceof h?(this.opt=g.merge({detachOnLeave:!0,cloakInGroup:!1,onDragStart:!1,onDragEnd:!1},a||{}),this.ctx={sortable:!0,dragging:!1,parentId:!1},this._member=[],void(this._callback=b||function(){})):new h(a,b)};h.prototype.trigger=function(a,b){switch(a){case"onDragEnd":return this._callback(b);default:throw new Error("Not implemented")}},h.prototype.addMember=function(a){return this._member.push(a)-1},h.prototype.setParentOfToken=function(a){this.ctx.parentId!==!1&&this._member[this.ctx.parentId].releaseToken(),this.ctx.parentId=a};var i={Styleable:{getInitialState:function(){return this.__ssv={},this.__ssvh=!1,this.__ssa={target:"",mods:[],alter:{}},{}},contextTypes:{sheet:React.PropTypes.func},getSheet:function(a,b,c){var d,e=!1;if(b="function"==typeof this.getSheetMods?this.getSheetMods(b||[]):b||[],c=c||{},a!=this.__ssa.target)e=!0;else if(b.length!=this.__ssa.mods.length)e=!0;else if(0!=b.length)for(d=b.length;--d>=0;)if(-1==this.__ssa.mods.indexOf(b[d])){e=!0;break}if(e&&(this.__ssv=this.context.sheet(a,b,c),this.__ssvh=!1,this.__ssa={target:a,mods:g.merge(b,[]),alter:g.merge(c,{})}),"boolean"==typeof this.state._hover&&this.state._hover){if(this.__ssvh)return this.__ssvh;if(this.__ssv.state&&this.__ssv.state.hover)return this.__ssvh=g.merge(this.__ssv,this.__ssv.state.hover),this.__ssvh}return this.__ssv}},Transitions:{propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object},getTransitionProps:function(a){a=a||this.props.panelComponentType;var b={},c=this.context&&this.context.globals&&this.context.globals[a]?this.context.globals[a]:{},d="string"==typeof this.props.transitionName?this.props.transitionName:c.transitionName||"";return b=d.length?{transitionName:d,transitionEnter:"boolean"==typeof this.props.transitionEnter?this.props.transitionEnter:c.transitionEnter||!1,transitionLeave:"boolean"==typeof this.props.transitionLeave?this.props.transitionLeave:c.transitionLeave||!1,transitionAppear:"boolean"==typeof this.props.transitionAppear?this.props.transitionAppear:c.transitionAppear||!1,transitionComponent:"undefined"!=typeof this.props.transitionComponent?this.props.transitionComponent:c.transitionComponent||React.addons.CSSTransitionGroup,transitionCustomProps:this.props.transitionCustomProps||c.transitionCustomProps||{}}:{transitionName:"none",transitionEnter:!1,transitionLeave:!1,transitionAppear:!1,transitionComponent:React.addons.CSSTransitionGroup,transitionCustomProps:{}}}},Toolbar:{getDefaultProps:function(){return{panelComponentType:"Toolbar"}}},Content:{getDefaultProps:function(){return{panelComponentType:"Content"}}},Footer:{getDefaultProps:function(){return{panelComponentType:"Footer"}}}};i.StyleableWithEvents={mixins:[i.Styleable],getDefaultProps:function(){return{onMouseEnter:!1,onMouseLeave:!1}},getInitialState:function(){return this.listeners={onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},{_hover:!1,_focus:!1}},handleMouseEnter:function(a){"function"==typeof this.props.onMouseEnter&&this.props.onMouseEnter(a),this.setState({_hover:!0})},handleMouseLeave:function(a){"function"==typeof this.props.onMouseLeave&&this.props.onMouseLeave(a),this.setState({_hover:!1})}},i.PanelWrapper={propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,globals:React.PropTypes.object,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getDefaultProps:function(){return{icon:!1,title:"",selectedIndex:0,onTabChange:null,buttons:[],globals:{}}},getInitialState:function(){var a={theme:this.props.theme,skin:this.props.skin,headerHeight:this.props.headerHeight,headerFontSize:this.props.headerFontSize,borderRadius:this.props.borderRadius,maxTitleWidth:this.props.maxTitleWidth,useAvailableHeight:this.props.useAvailableHeight,renderPanelBorder:this.props.renderPanelBorder,activeTabHeaderBorder:this.props.activeTabHeaderBorder};return this._sheet=f(a),this.config=this._sheet("PanelWrapper").config,{selectedIndex:parseInt(this.props.selectedIndex)}},childContextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object,numTabs:React.PropTypes.number},getChildContext:function(){return{selectedIndex:this.state.selectedIndex,sheet:this._sheet,onTabChange:this.handleTabChange,globals:this.props.globals,numTabs:React.Children.count(this.props.children)}},handleTabChange:function(a){"function"==typeof this.props.onTabChange?this.props.onTabChange(a,this)!==!1&&this.setSelectedIndex(a):this.setSelectedIndex(a)},getSelectedIndex:function(){return this.state.selectedIndex},setSelectedIndex:function(a,b){this.setState({selectedIndex:parseInt(a)}),this.forceUpdate(function(){"function"==typeof b&&b()})},componentWillReceiveProps:function(a){var b=this.state.selectedIndex,c=!1,d=React.Children.count(a.children);a.selectedIndex!=this.props.selectedIndex&&(b=a.selectedIndex,c=!0),b>=d&&(b=Math.max(d-1,0),c=!0),c&&this.setState({selectedIndex:parseInt(b)})}},i.TabWrapper={observedProps:["selectedIndex","index"],propTypes:{tabKey:React.PropTypes.any},getDefaultProps:function(){return{panelComponentType:"TabWrapper",icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0}},childContextTypes:{index:React.PropTypes.number,tabKey:React.PropTypes.any},getChildContext:function(){return{index:this.props.index,tabKey:this.props.tabKey}},contextTypes:{selectedIndex:React.PropTypes.number}},i.Button={mixins:[i.StyleableWithEvents],getDefaultProps:function(){return{name:"default",title:"",visible:!0,enabled:!0,active:!1,highlighted:!1,onClick:!1,onDoubleClick:!1,onContextMenu:!1,onChange:!1}},getInitialState:function(){return this.listeners.onClick=this._handleClick,this.listeners.onDoubleClick=this._handleDoubleClick,this.listeners.onContextMenu=this._handleContextMenu,{visible:this.props.visible,enabled:this.props.enabled,active:this.props.active,highlighted:this.props.highlighted}},childContextTypes:{btnTitle:React.PropTypes.string,btnVisible:React.PropTypes.bool,btnEnabled:React.PropTypes.bool,btnActive:React.PropTypes.bool},getChildContext:function(){return{btnTitle:this.props.title,btnVisible:this.state.visible,btnEnabled:this.state.enabled,btnActive:this.state.active}},contextTypes:{selectedIndex:React.PropTypes.number},getSheetMods:function(a){var b=a||[];return this.state.active&&-1==b.indexOf("active")&&b.push("active"),this.state.visible||-1!=b.indexOf("hidden")||b.push("hidden"),this.state.enabled||-1!=b.indexOf("disabled")||b.push("disabled"),this.state.highlighted&&-1==b.indexOf("highlighted")&&b.push("highlighted"),b},_handleDoubleClick:function(a){return("function"!=typeof this.props.onDoubleClick||this.props.onDoubleClick(a,this)!==!1)&&"function"==typeof this.handleDoubleClick?this.handleDoubleClick(a):void 0},_handleClick:function(a){return("function"!=typeof this.props.onClick||this.props.onClick(a,this)!==!1)&&"function"==typeof this.handleClick?this.handleClick(a):void 0},_handleContextMenu:function(a){return("function"!=typeof this.props.onContextMenu||this.props.onContextMenu(a,this)!==!1)&&"function"==typeof this.handleContextMenu?this.handleContextMenu(a):void 0}};var j=React.createClass({displayName:"FloatingPanel",mixins:[i.PanelWrapper],propTypes:{left:React.PropTypes.number,top:React.PropTypes.number,width:React.PropTypes.number,style:React.PropTypes.object,onClick:React.PropTypes.func},getDefaultProps:function(){return{left:0,top:0,width:420,style:{}}},getInitialState:function(){return this.skipUpdate=!1,{left:parseInt(this.props.left),top:parseInt(this.props.top),width:parseInt(this.props.width)}},componentWillReceiveProps:function(a){this.setState({width:a.width})},dragStart:function(a){this.panelBounds={startLeft:this.state.left,startTop:this.state.top,startPageX:a.pageX,startPageY:a.pageY};try{var b=document.createElement("img");b.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAADUlEQVQI12NgYGBgAAAABQABXvMqOgAAAABJRU5ErkJggg==",b.width=1,a.dataTransfer.setData("text/plain","Panel"),a.dataTransfer.setDragImage(b,-1e3,-1e3)}catch(c){}window.addEventListener("dragover",this.dragOver)},dragEnd:function(){if(delete this.panelBounds,window.removeEventListener("dragover",this.dragOver),this.props.onBoundsChange){var a=this.getDOMNode().offsetHeight;this.props.onBoundsChange({left:this.state.left,top:this.state.top,width:this.state.width,height:a})}},dragOver:function(a){if(this.panelBounds){var b=this.panelBounds.startLeft+(a.pageX-this.panelBounds.startPageX),c=this.panelBounds.startTop+(a.pageY-this.panelBounds.startPageY);this.skipUpdate=!0,this.setState({left:b,top:c})}},handleMouseClick:function(a){"function"==typeof this.props.onClick&&this.props.onClick(a)},render:function(){var a="translate3d("+g.pixelsOf(this.state.left)+", "+g.pixelsOf(this.state.top)+", 0)",b=React.addons.update({WebkitTransform:a,MozTransform:a,msTransform:a,transform:a,width:g.pixelsOf(this.state.width),position:"absolute"},{$merge:this.props.style});if(this.skipUpdate)this.skipUpdate=!1;else{for(var c=React.addons.update({onDragStart:this.dragStart,onDragEnd:this.dragEnd,floating:!0},{$merge:this.config}),d=Object.keys(this.props),e=d.length;--e>=0;)-1==["children","left","top","width","style"].indexOf(d[e])&&(c[d[e]]=this.props[d[e]]);this.inner=React.createElement(l,c,this.props.children)}return React.createElement("div",{style:b,onClick:this.handleMouseClick},this.inner)}}),k=React.createClass({displayName:"Panel",mixins:[i.PanelWrapper],render:function(){for(var a=React.addons.update({},{$merge:this.config}),b=Object.keys(this.props),c=b.length;--c>=0;)-1==["children"].indexOf(b[c])&&(a[b[c]]=this.props[b[c]]);return React.createElement(l,a,this.props.children)}}),l=React.createClass({displayName:"ReactPanel",mixins:[i.Styleable,i.Transitions],getDefaultProps:function(){return{icon:!1,title:"",autocompact:!0,floating:!1,onDragStart:null,onDragEnd:null,maxTitleWidth:130,buttons:[]}},propTypes:{dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getInitialState:function(){return{compacted:this.props.autocompact}},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},getSelectedIndex:function(){return this.context.selectedIndex},handleClick:function(a,b){this.context.onTabChange(parseInt(b))},componentDidMount:function(){if(this.props.autocompact){var a=this.refs["tabs-start"].getDOMNode(),b=this.refs["tabs-end"].getDOMNode(),c=this.refs.tabs.getDOMNode().offsetWidth,d=b.offsetLeft-(a.offsetLeft+a.offsetWidth);d>=2*c&&this.setState({compacted:!1})}},componentWillReceiveProps:function(a){if(this.props.autocompact){var b=React.Children.count(this.props.children),c=React.Children.count(a.children);if(c>b&&this.props.autocompact&&!this.state.compacted){var d=this.refs["tabs-start"].getDOMNode(),e=this.refs["tabs-end"].getDOMNode(),f=this.refs.tabs.getDOMNode().offsetWidth,g=e.offsetLeft-(d.offsetLeft+d.offsetWidth),h=this.props.maxTitleWidth+35;f+h>=g&&this.setState({compacted:!0})}}},handleDragStart:function(a){"function"==typeof this.props.onDragStart&&this.props.onDragStart(a)},handleDragEnd:function(){"function"==typeof this.props.onDragEnd&&this.props.onDragEnd()},_getGroupedButtons:function(){var a,b,c,d=this.props.buttons.length,e=[],f=[];for(a=0;d>a;++a)if(c=this.props.buttons[a],"object"==typeof c&&c instanceof Array){for(e.length&&(f.push(e),e=[]),b=0;b<c.length;++b)e.push(React.addons.cloneWithProps(c[b],{key:b}));e.length&&(f.push(e),e=[])}else e.push(React.addons.cloneWithProps(c,{key:a}));return e.length&&f.push(e),f},render:function(){var a=this,b=this.props.floating?"true":"false",c=this.getSheet("Panel"),d=this.getTransitionProps("Panel"),e=this.props.icon?React.createElement("span",{style:c.icon.style},React.createElement("i",{className:this.props.icon})):null,f=this.props.title.length?React.createElement("div",{style:c.box.style},React.createElement("div",{style:c.title.style},this.props.title)):null,g=0,h=this.getSelectedIndex(),i=[],j=[],k=0;return React.Children.forEach(a.props.children,function(b){var c="tabb-"+g,d="undefined"!=typeof b.key&&null!=b.key?b.key:c,e=!0,f={icon:b.props.icon,title:b.props.title,pinned:b.props.pinned};a.state.compacted&&(f.pinned||h==g||(e=!1)),i.push({key:d,title:f.title,icon:f.icon,index:g,ref:c,showTitle:e,onClick:a.handleClick,"data-index":g,"data-key":d}),j.push(React.addons.cloneWithProps(b,{key:d,tabKey:d,selectedIndex:h,index:g})),++g}),React.createElement("div",{style:c.style},React.createElement("header",{draggable:b,onDragEnd:a.handleDragEnd,onDragStart:a.handleDragStart,ref:"header",style:c.header.style},e,f,React.createElement("div",{style:c.tabsStart.style,ref:"tabs-start"}),React.createElement(m,{style:c.tabs.style,ref:"tabs",data:i,dragAndDropHandler:this.props.dragAndDropHandler||!1,transitionProps:d}),React.createElement("div",{style:c.tabsEnd.style,ref:"tabs-end"}),this._getGroupedButtons().map(function(a){return React.createElement("ul",{style:c.group.style,key:k++},a)})),React.createElement("div",{style:c.body.style},j))}}),m=React.createClass({displayName:"TabGroup",propTypes:{style:React.PropTypes.object.isRequired,data:React.PropTypes.array.isRequired,transitionProps:React.PropTypes.object.isRequired,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},componentWillMount:function(){this.tabKeys=[],this._index=!1;var a=this.context&&this.context.globals?this.context.globals.Panel||{}:{};this.handler=this.props.dragAndDropHandler||a.dragAndDropHandler||!1,this.ctx=this.handler?this.handler.ctx:{sortable:!1,dragging:!1};for(var b=0;b<this.props.data.length;++b)this.tabKeys.push(this.props.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)},componentDidMount:function(){this.ctx.sortable&&this.handler&&(this.memberId=this.handler.addMember(this))},componentWillUpdate:function(a){if(!this.ctx.dragging){this.tabKeys=[];for(var b=0;b<a.data.length;++b)this.tabKeys.push(a.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)}},handleDragStartOnTab:function(a,b,c){this.ctx.draggedKey=c.dataset.key,this.ctx.keySequence=0,this.ctx.dragging=!1,this.ctx.draggedElement=b,this.ctx.dragging=!0,this._index=this.tabKeys.indexOf(this.ctx.draggedKey),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("text/html",c),a.dataTransfer.setDragImage(c,-15,-15)},handleDragStart:function(a){if(this.ctx.sortable){var b=this.getDOMNode(),c=b.offsetWidth/this.tabKeys.length,d=a.pageX-b.getBoundingClientRect().left,e=parseInt(d/c),f=this.tabKeys[e]||!1;if(f!==!1){var g=this.refs[f+"-tabbref"]||!1;if(g!==!1){this.ctx.ownerId=this.ctx.parentId=this.memberId||!1;
+
+var h=React.cloneElement(g.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1});this.keyMap.splice(e,1),this.acquireToken(a),this.handleDragStartOnTab(a,h,g.getDOMNode())}}}},handleDragOver:function(a){if(this.ctx.dragging){a.preventDefault();var b;if(this.ctx.parentId!=this.memberId)b=this.acquireToken(a),this._index=!1,this.handler.setParentOfToken(this.memberId);else{var c=a.pageX-this.getDOMNode().getBoundingClientRect().left;b=parseInt(c/this.tabWidth)}this._index!==b&&(this.ctx.keySequence++,this._index!==!1&&this.tabKeys.splice(this._index,1),this.tabKeys.splice(b,0,this.ctx.draggedKey),this._index=b,this.ctx.targetKey=this.keyMap[Math.min(this._index,this.keyMap.length-1)]||!1,this.ctx.placement=this._index>=this.keyMap.length?"after":"before",this.forceUpdate())}},handleDragEnd:function(a){this.ctx.dragging&&(this.ctx.dragging=!1,this._index=this._index||this.acquireToken(a),this.handler.trigger("onDragEnd",{element:this.ctx.draggedKey,target:this.ctx.targetKey,placement:this.ctx.placement}))},acquireToken:function(a){var b=this.getDOMNode(),c=this.ctx.ownerId==this.memberId?0:1,d=b.offsetWidth/(this.tabKeys.length+c),e=a.pageX-b.getBoundingClientRect().left,f=parseInt(e/d);return this.tabWidth=d,f},releaseToken:function(){this._index=!1},cloneTabComponent:function(a){var b=this.refs[(this.tabKeys[index]||!1)+"-tabbref"]||!1;b!==!1&&(this.ctx.draggedElement=React.cloneElement(b.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1}))},createTabElement:function(a){if(this.ctx.dragging&&this.ctx.draggedKey===a)return React.cloneElement(this.ctx.draggedElement,{key:a+"-tabbph"+this.ctx.keySequence,draggable:!1});var b=this.props.data[this.constKeyMap.indexOf(a)]||!1;return b===!1?null:React.createElement(n,React.__spread(b,{ref:a+"-tabbref"}))},render:function(){var a=this.props.transitionProps,b=this.ctx.sortable?{draggable:!0,onDragEnd:this.handleDragEnd,onDragStart:this.handleDragStart,onDragOver:this.handleDragOver,"data-key":"get-target-stop"}:{};if(!this.ctx.dragging){this.tabKeys=[];for(var c=0;c<this.props.data.length;++c)this.tabKeys.push(this.props.data[c]["data-key"])}var d=this.tabKeys.map(function(a){return this.createTabElement(a)}.bind(this));return React.createElement(a.transitionComponent,React.__spread({component:"ul",style:this.props.style,transitionName:a.transitionName,transitionAppear:a.transitionAppear,transitionEnter:a.transitionEnter,transitionLeave:a.transitionLeave},a.transitionCustomProps,b),d)}}),n=React.createClass({displayName:"TabButton",mixins:[i.StyleableWithEvents],propTypes:{"data-index":React.PropTypes.number.isRequired,"data-key":React.PropTypes.string.isRequired},getDefaultProps:function(){return{icon:"",title:"",index:0,showTitle:!0}},contextTypes:{selectedIndex:React.PropTypes.number,numTabs:React.PropTypes.number},handleClick:function(a){a.preventDefault(),this.props.onClick(a,this.props.index)},render:function(){var a=null,b="",c=this.context.selectedIndex==this.props.index?["active"]:[];this.props.showTitle&&this.props.title.length||c.push("untitled"),this.props.index==this.context.numTabs-1&&c.push("last");var d=this.getSheet("TabButton",c,{});return this.props.showTitle&&this.props.title.length&&(b=React.createElement("div",{style:d.title.style},this.props.title)),this.props.icon&&(a=React.createElement("div",{style:d.icon.style},React.createElement("i",{className:this.props.icon}))),React.createElement("li",React.__spread({onClick:this.handleClick,style:d.style,"data-index":this.props["data-index"],"data-key":this.props["data-key"]},this.listeners),React.createElement("div",{title:this.props.title},a,React.createElement("div",{style:d.box.style},b)))}}),o=React.createClass({displayName:"Tab",mixins:[i.Styleable,i.Transitions],propTypes:{onActiveChanged:React.PropTypes.func,maxContentHeight:React.PropTypes.number},getDefaultProps:function(){return{icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0,panelComponentType:"Tab",automount:!1,maxContentHeight:0}},contextTypes:{selectedIndex:React.PropTypes.number,index:React.PropTypes.number,globals:React.PropTypes.object},componentDidMount:function(){this._doEvents()},componentDidUpdate:function(){this._doEvents()},_doEvents:function(){if("function"==typeof this.props.onActiveChanged){this.wasActive=this.wasActive||!1;var a=this.isActive();this.wasActive!=a&&(this.props.onActiveChanged(this,a),this.wasActive=a)}},getValue:function(a){switch(a){case"index":return"undefined"!=typeof this.props.index?this.props.index:this.context.index;case"selectedIndex":return this.context.selectedIndex;case"showToolbar":return this.props.showToolbar;case"showFooter":return this.props.showFooter;case"active":return this.isActive();case"hasToolbar":return this.hasToolbar||!1;case"hasFooter":return this.hasFooter||!1;case"mounted":return this.mounted||!1;case"automount":return this.props.automount;case"numChilds":return React.Children.count(this.props.children);case"tabKey":return"undefined"!=typeof this.props.tabKey?this.props.tabKey:this.context.tabKey}},isActive:function(){return"undefined"!=typeof this.props.index?this.props.index==this.context.selectedIndex:this.context.index==this.context.selectedIndex},render:function(){var a=this,b=React.Children.count(this.props.children),c=this.isActive(),d=this.getTransitionProps(),e=c?["active"]:[],f={};this.mounted=this.mounted||!1||this.props.automount||c,this.hasToolbar=this.hasFooter=!1;var g=this.mounted?React.Children.map(a.props.children,function(c,d){var g=0==d&&b>=2?0:1;if(React.isValidElement(c)&&"undefined"!=typeof c.props.panelComponentType)switch(String(c.props.panelComponentType)){case"Toolbar":g=0;break;case"Content":g=1;break;case"Footer":g=2}switch(0==d&&(0==g&&(this.hasToolbar=!0,a.props.showToolbar&&e.push("withToolbar")),f=a.getSheet("Tab",e)),d==a.props.children.length-1&&2==g&&(this.hasFooter=!0,a.props.showFooter&&(e.push("withFooter"),f=a.getSheet("Tab",e))),g){case 0:return a.props.showToolbar?React.createElement("div",{key:d,style:f.toolbar.style},React.createElement("div",{className:"tab-toolbar",style:f.toolbar.children.style},c)):null;case 1:var h=React.addons.update({maxHeight:this.props.maxContentHeight||"none",overflowX:"hidden",overflowY:this.props.maxContentHeight?"auto":"hidden"},{$merge:f.content.style});return React.createElement("div",{key:d,style:h},React.createElement("div",{className:"tab-content",style:f.content.children.style},c));case 2:return a.props.showFooter?React.createElement("div",{key:d,style:f.footer.style},React.createElement("div",{className:"tab-footer",style:f.footer.children.style},c)):null}}.bind(this)):null;return React.createElement(d.transitionComponent,React.__spread({component:"div",style:f.style,transitionName:d.transitionName,transitionAppear:d.transitionAppear&&c,transitionEnter:d.transitionEnter&&c,transitionLeave:d.transitionLeave&&c},d.transitionCustomProps),g)}}),p=React.createClass({displayName:"ToggleButton",mixins:[i.Button],handleClick:function(a){var b=this;this.setState({active:!this.state.active}),this.forceUpdate(function(){"function"==typeof b.props.onChange&&b.props.onChange(this)})},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),q=React.createClass({displayName:"Button",mixins:[i.Button],propTypes:{onButtonClick:React.PropTypes.func},handleClick:function(a){"function"==typeof this.props.onButtonClick&&this.props.onButtonClick(this,a)},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),r=React.createClass({displayName:"Toolbar",mixins:[i.Toolbar],render:function(){return React.createElement("div",{},this.props.children)}}),s=React.createClass({displayName:"Content",mixins:[i.Content],render:function(){return React.createElement("div",{},this.props.children)}}),t=React.createClass({displayName:"Footer",mixins:[i.Footer],render:function(){return React.createElement("div",{},this.props.children)}}),u={},v={Panel:k,FloatingPanel:j,ReactPanel:l,Tab:o,Mixins:i,Toolbar:r,Content:s,Footer:t,ToggleButton:p,Button:q,addons:u,DragAndDropHandler:h},w=React.createClass({displayName:"ScrollableTabContent",mixins:[i.Content],getDefaultProps:function(){return{height:250,opts:{cursorcolor:"rgb(139, 128, 102)",cursoropacitymin:.25,cursoropacitymax:.5,cursorwidth:9,cursorminheight:60}}},componentDidMount:function(){$(this.refs.content.getDOMNode()).niceScroll(this.refs.wrapper.getDOMNode(),this.props.opts)},render:function(){var a={height:g.pixelsOf(this.props.height),paddingRight:g.pixelsOf((this.props.opts.cursorwidth||5)+4),overflow:"scroll"};return React.createElement("div",{ref:"content",style:a},React.createElement("div",{ref:"wrapper"},this.props.children))}});u.ScrollableTabContent=w;var x=React.createClass({displayName:"ResizableContent",mixins:[i.Content],lastDimensions:{width:null,height:null},propTypes:{triggersClass:React.PropTypes.string,expandClass:React.PropTypes.string,contractClass:React.PropTypes.string,onResize:React.PropTypes.func.isRequired},getDefaultProps:function(){return{triggersClass:"resize-triggers",expandClass:"expand-trigger",contractClass:"contract-trigger"}},requestFrame:function(a){return(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(a){return window.setTimeout(a,20)})(a)},cancelFrame:function(a){return(window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame||window.clearTimeout)(a)},componentDidMount:function(){this.resetTriggers(),this.initialResetTriggersTimeout=setTimeout(this.resetTriggers,1e3)},componentWillUnmount:function(){clearTimeout(this.initialResetTriggersTimeout)},componentDidUpdate:function(){this.resetTriggers()},resetTriggers:function(){var a=this.refs.contract.getDOMNode(),b=this.refs.expandChild.getDOMNode(),c=this.refs.expand.getDOMNode();a.scrollLeft=a.scrollWidth,a.scrollTop=a.scrollHeight,b.style.width=c.offsetWidth+1+"px",b.style.height=c.offsetHeight+1+"px",c.scrollLeft=c.scrollWidth,c.scrollTop=c.scrollHeight},onScroll:function(){this.r&&this.cancelFrame(this.r),this.r=this.requestFrame(function(){var a=this.getDimensions();this.haveDimensionsChanged(a)&&(this.lastDimensions=a,this.props.onResize(a))}.bind(this))},getDimensions:function(){var a={};return this.refs.resizable&&"function"==typeof this.refs.resizable.getDOMNode&&(a=this.refs.resizable.getDOMNode()),{width:a.offsetWidth||0,height:a.offsetHeight||0}},haveDimensionsChanged:function(a){return a.width!=this.lastDimensions.width||a.height!=this.lastDimensions.height},render:function(){var a=React.addons.update(this.props,{$merge:{onScroll:this.onScroll,ref:"resizable"}});return a.style=a.style||{},a.style.width=a.style.height="100%",a.style.display="block",React.createElement("div",a,[this.props.children,React.createElement("div",{className:this.props.triggersClass,key:"trigger"},[React.createElement("div",{className:this.props.expandClass,ref:"expand",key:"expand"},React.createElement("div",{ref:"expandChild"})),React.createElement("div",{className:this.props.contractClass,ref:"contract",key:"contract"})])])}});u.ResizableContent=x;var y=React.createClass({displayName:"StickyButton",mixins:[i.Button],handleClick:function(){this.setState({active:!this.state.active}),this._trigger()},handleDoubleClick:function(){this.setState({highlighted:!this.state.highlighted}),this._trigger()},handleContextMenu:function(){this.setState({highlighted:!this.state.highlighted}),this._trigger()},_trigger:function(){this.forceUpdate(function(){"function"==typeof this.props.onChange&&this.props.onChange(this)}.bind(this))},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}});u.StickyButton=y,window.ReactPanels=v}();
 //# sourceMappingURL=react-panels-with-addons.min.js.map

dist/react-panels.min.js

@@ -1,3 +0,4 @@
-!function(){var a=function(a){switch(a||""){default:return{tabColor:"#b0b0b0",tabIconColor:"#b0b0b0",activeTabColor:"#daaf64",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#daaf64",titleColor:"#daaf64",buttonBackgroundColor:"rgba(104, 226, 207, 0.15)",hoverButtonBackgroundColor:"rgba(104, 226, 207, 0.3)",activeButtonBackgroundColor:"rgba(131, 247, 220, 0.33)",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#daaf64",buttonTextShadow:"#7F7F7F",highlightedButtonBoxShadow:"rgba(255, 255, 255, 0.6)",tabBackgroundColor:"rgba(104, 226, 207, 0.15)",activeTabBackgroundColor:"rgba(131, 247, 220, 0.33)",hoverTabBackgroundColor:"rgba(104, 226, 207, 0.3)",toolbarBackgroundColor:"rgba(171, 255, 220, 0.2)",contentBackgroundColor:"rgba(171, 255, 220, 0.34)",footerBackgroundColor:"rgba(171, 255, 220, 0.2)",borderColor:"#000000"}}},b=function(b,c){var d,e=React.addons.update({skin:"default",renderPanelBorder:!0,activeTabHeaderBorder:!0},{$merge:b});return c=c||e.skin,d="object"==typeof c?React.addons.update(a(),{$merge:c}):a(c),{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{borderTop:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",borderRight:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none"},header:{style:{backgroundColor:"transparent",display:"flex",minWidth:"100%",marginBottom:"-2px"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",flex:1,display:"flex",overflow:"hidden"}},icon:{style:{color:d.iconColor,textShadow:"2px 2px 2px "+d.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:d.titleColor,textShadow:"1px 1px 1px "+d.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{borderLeft:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",height:"calc(100% - "+g.pixelsOf(e.headerHeight-2)+")"}}},TabButton:{style:{borderBottom:"1px solid "+d.borderColor,borderRight:"1px solid "+d.borderColor,backgroundColor:d.tabBackgroundColor,height:e.headerHeight-1,margin:"0",position:"inherit","float":"none",overflow:"hidden",flex:"1 0 0px",opacity:1},state:{hover:{style:{backgroundColor:d.hoverTabBackgroundColor}}},mods:{active:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},state:{hover:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}}},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}},last:{style:{borderRight:"0 none"}}},icon:{style:{color:d.tabIconColor,textShadow:"1px 1px 1px "+d.tabTextShadow,opacity:1}},title:{style:{color:d.tabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(e.headerHeight)+")",opacity:1}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",marginTop:"1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(e.headerHeight),position:"relative",backgroundColor:d.toolbarBackgroundColor}}},content:{style:{backgroundColor:d.contentBackgroundColor,boxShadow:"0px 0px 29px rgba(0, 0, 0, 0.7) inset",borderTop:"1px solid "+d.borderColor}},footer:{style:{backgroundColor:d.footerBackgroundColor,borderTop:"1px solid "+d.borderColor}}},Button:{style:{height:g.pixelsOf(e.headerHeight-1),backgroundColor:d.buttonBackgroundColor,borderBottom:"1px solid "+d.borderColor,borderLeft:"1px solid "+d.borderColor},children:{style:{color:d.buttonColor,textShadow:"1px 1px 1px "+d.buttonTextShadow}},state:{hover:{style:{backgroundColor:d.hoverButtonBackgroundColor},children:{style:{color:d.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:d.activeButtonBackgroundColor},children:{style:{color:d.activeButtonColor}}},highlighted:{style:{boxShadow:"0 0 9px "+d.highlightedButtonBoxShadow+" inset"}},disabled:{style:{pointerEvents:"none",opacity:.5}}}}}},c=function(a,b){var c;switch(b=b||a.skin){case"fiery":c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#f72121",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#342828",activeButtonBackgroundColor:"#4d2c2c",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#f72121",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#342828",toolbarBackgroundColor:"#4d2c2c",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"};break;default:c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#ffffff",tabTextShadow:"#000000",activeTabTextShadow:"#7F7F7F",titleTextShadow:"#a6a6a6",iconTextShadow:"#a6a6a6",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#2a2a2a",activeButtonBackgroundColor:"#4e4e4e",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#ffffff",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#2a2a2a",toolbarBackgroundColor:"#4e4e4e",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"}}return{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{backgroundColor:"black",padding:"1px 1px 0 0"},header:{style:{backgroundColor:"transparent",display:"flex",minWidth:"100%"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",flex:1,display:"flex",overflow:"hidden"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{marginLeft:"1px"}}},TabButton:{style:{backgroundColor:c.tabBackgroundColor,height:a.headerHeight-1,margin:"0 0 1px 1px",position:"inherit","float":"none",overflow:"hidden",flex:"1 0 0px"},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor}}},mods:{active:{style:{backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabIconColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(a.headerHeight)+")"}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",top:"-1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(a.headerHeight),position:"relative",marginTop:"1px",backgroundColor:c.toolbarBackgroundColor}}},content:{style:{backgroundColor:c.contentBackgroundColor,marginBottom:"1px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,marginBottom:"1px"}}},Button:{style:{height:g.pixelsOf(a.headerHeight-1),backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},children:{style:{color:c.buttonColor,textShadow:"1px 1px 1px "+c.buttonTextShadow}},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:c.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor},children:{style:{color:c.activeButtonColor}}}}}}},d=function(a,b){var c;switch(b=b||a.skin){case"blueish":c={tabColor:"rgba(0, 0, 0, 0.8)",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(102, 143, 182, 0.25)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"rgba(0, 0, 0, 0.8)",titleColor:"rgba(0, 0, 0, 0.8)",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(102, 143, 182, 0.25)",footerBackgroundColor:"rgba(165, 165, 165, 0.32)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(224, 230, 240, 0.65)",hoverButtonBackgroundColor:"rgba(102, 143, 182, 0.25)",activeButtonBackgroundColor:"rgba(102, 143, 182, 0.25)"};break;default:c={tabColor:"#ffffff",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(255, 255, 255, 0.9)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"#ffffff",titleColor:"#ffffff",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(255, 255, 255, 0.85)",footerBackgroundColor:"rgba(224, 230, 240, 0.8)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(255, 255, 255, 0.2)",hoverButtonBackgroundColor:"rgba(255, 255, 255, 0.9)",activeButtonBackgroundColor:"rgba(255, 255, 255, 0.9)"}}return{Panel:{header:{style:{backgroundColor:"transparent",paddingRight:g.pixelsOf(a.headerHeight)}},tabsStart:{style:{width:50,"float":"left"}},tabsEnd:{style:{width:10,"float":"right"}},tabs:{style:{"float":"left"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},body:{style:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.5)"}}},TabButton:{style:{borderRadius:"2px 2px 0 0",marginLeft:1},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor},icon:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}},title:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}}}},mods:{active:{style:{borderColor:c.activeTabBorderColor,backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}}},Tab:{mods:{withToolbar:{content:{style:{backgroundColor:c.contentBackgroundColorWithToolbar}}}},toolbar:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px",boxShadow:"0 -2px 0 "+c.toolbarBoxShadow+" inset"}},content:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,borderRadius:"2px"}}},Button:{style:{borderRadius:"2px 2px 0 0",backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #ffffff"}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor}}},children:{style:{color:"#ffffff",textShadow:"1px 1px 1px rgba(0, 0, 0, 0.9)"}}}}},e=function(a){a=a||{},a={theme:a.theme||"base",skin:a.skin||"default",headerHeight:a.headerHeight||32,headerFontSize:a.headerFontSize||14,borderRadius:a.borderRadius||3,maxTitleWidth:a.maxTitleWidth||130,useAvailableHeight:a.useAvailableHeight||!1,renderPanelBorder:"boolean"==typeof a.renderPanelBorder?a.renderPanelBorder:!0,activeTabHeaderBorder:"boolean"==typeof a.activeTabHeaderBorder?a.activeTabHeaderBorder:!0};var e={base:{PanelWrapper:{style:{},config:{autocompact:!0}},Panel:{style:{height:a.useAvailableHeight?"100%":"inherit"},header:{style:{display:"block",fontSize:g.pixelsOf(a.headerFontSize),height:a.headerHeight}},tabsStart:{style:{width:20,height:"100%"}},tabsEnd:{style:{width:20,height:"100%"}},tabs:{style:{height:a.headerHeight,"float":"right",display:"inline-block",margin:0,minWidth:g.pixelsOf(a.headerHeight),padding:0}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,lineHeight:g.pixelsOf(a.headerHeight-4),marginRight:-6,textAlign:"center",width:a.headerHeight-2}},box:{style:{marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}},group:{style:{padding:"0 5px",backgroundColor:"transparent"}},body:{style:{height:a.useAvailableHeight?"calc(100% - "+a.headerHeight+"px)":"inherit"}}},TabButton:{style:{position:"relative","float":"left",display:"block",listStyle:"none",padding:"0 5px",height:a.headerHeight,fontSize:"0.95em",cursor:"pointer"},mods:{untitled:{box:{style:{marginLeft:0}}},active:{style:{cursor:"default"}}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,textAlign:"center",width:a.headerHeight-2,lineHeight:g.pixelsOf(a.headerHeight-2),marginRight:-9,marginLeft:-3,opacity:.85}},box:{style:{lineHeight:g.pixelsOf(a.headerHeight),marginRight:6,opacity:.85,marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}}},Tab:{style:{display:"none"},mods:{active:{style:{display:a.useAvailableHeight?"flex":"block",minHeight:a.useAvailableHeight?"100%":"inherit",flexDirection:a.useAvailableHeight?"column":"inherit",height:"100%"},content:{style:a.useAvailableHeight?{flex:1,position:"relative"}:{},children:{style:a.useAvailableHeight?{padding:"10px",position:"absolute",height:"100%",width:"100%"}:{}}}},withToolbar:{toolbar:{style:{}}}},toolbar:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight)},children:{style:{padding:"10px"}}},content:{style:{},children:{style:{padding:"10px"}}},footer:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight),padding:"10px"},children:{style:{}}}},Button:{style:{"float":"right",height:g.pixelsOf(a.headerHeight),minWidth:g.pixelsOf(a.headerHeight),display:"inline-block",lineHeight:g.pixelsOf(a.headerHeight),margin:0,padding:0,textAlign:"center",cursor:"pointer",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},mods:{disabled:{style:{cursor:"default",pointerEvents:"none",opacity:.5}},hidden:{style:{display:"none"}},highlighted:{style:{}}},children:{style:{}}}},chemical:d,flexbox:c,flexbox2:b},f="base"!=a.theme?e[a.theme](a):{};return g.merge(e.base,f)},f=function(a){var b=e(a),c={};return function(d,f,h){var i=b;if(f=f||[],h=h||{},h.skin&&(c[h.skin]||(c[h.skin]=e(React.addons.update(a,{$merge:{skin:h.skin}}))),i=c[h.skin]),!f.length)return i[d];var j,k=React.addons.update(i[d],{$merge:{}});for(j=0;j<f.length;++j)k.mods&&k.mods[f[j]]&&(k=g.merge(k,k.mods[f[j]]));return k}},g={pixelsOf:function(a){var b=parseInt(a)||0;return b?String(b)+"px":"0"},merge:function(a,b){var c=Array.isArray(b),d=c&&[]||{};return c?(a=a||[],d=d.concat(a),b.forEach(function(b,c){"undefined"==typeof d[c]?d[c]=b:"object"==typeof b?d[c]=g.merge(a[c],b):-1===a.indexOf(b)&&d.push(b)})):(a&&"object"==typeof a&&Object.keys(a).forEach(function(b){d[b]=a[b]}),Object.keys(b).forEach(function(c){d[c]="object"==typeof b[c]&&b[c]&&a[c]?g.merge(a[c],b[c]):b[c]})),d}},h=function(a,b){var c=this;return c instanceof h?(this.opt=g.merge({detachOnLeave:!0,cloakInGroup:!1,onDragStart:!1,onDragEnd:!1},a||{}),this.ctx={sortable:!0,dragging:!1,parentId:!1},this._member=[],void(this._callback=b||function(){})):new h(a,b)};h.prototype.trigger=function(a,b){switch(a){case"onDragEnd":return this._callback(b);default:throw new Error("Not implemented")}},h.prototype.addMember=function(a){return this._member.push(a)-1},h.prototype.setParentOfToken=function(a){this.ctx.parentId!==!1&&this._member[this.ctx.parentId].releaseToken(),this.ctx.parentId=a};var i={Styleable:{getInitialState:function(){return this.__ssv={},this.__ssvh=!1,this.__ssa={target:"",mods:[],alter:{}},{}},contextTypes:{sheet:React.PropTypes.func},getSheet:function(a,b,c){var d,e=!1;if(b="function"==typeof this.getSheetMods?this.getSheetMods(b||[]):b||[],c=c||{},a!=this.__ssa.target)e=!0;else if(b.length!=this.__ssa.mods.length)e=!0;else if(0!=b.length)for(d=b.length;--d>=0;)if(-1==this.__ssa.mods.indexOf(b[d])){e=!0;break}if(e&&(this.__ssv=this.context.sheet(a,b,c),this.__ssvh=!1,this.__ssa={target:a,mods:g.merge(b,[]),alter:g.merge(c,{})}),"boolean"==typeof this.state._hover&&this.state._hover){if(this.__ssvh)return this.__ssvh;if(this.__ssv.state&&this.__ssv.state.hover)return this.__ssvh=g.merge(this.__ssv,this.__ssv.state.hover),this.__ssvh}return this.__ssv}},Transitions:{propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object},getTransitionProps:function(a){a=a||this.props.panelComponentType;var b={},c=this.context&&this.context.globals&&this.context.globals[a]?this.context.globals[a]:{},d="string"==typeof this.props.transitionName?this.props.transitionName:c.transitionName||"";return b=d.length?{transitionName:d,transitionEnter:"boolean"==typeof this.props.transitionEnter?this.props.transitionEnter:c.transitionEnter||!1,transitionLeave:"boolean"==typeof this.props.transitionLeave?this.props.transitionLeave:c.transitionLeave||!1,transitionAppear:"boolean"==typeof this.props.transitionAppear?this.props.transitionAppear:c.transitionAppear||!1,transitionComponent:"undefined"!=typeof this.props.transitionComponent?this.props.transitionComponent:c.transitionComponent||React.addons.CSSTransitionGroup,transitionCustomProps:this.props.transitionCustomProps||c.transitionCustomProps||{}}:{transitionName:"none",transitionEnter:!1,transitionLeave:!1,transitionAppear:!1,transitionComponent:React.addons.CSSTransitionGroup,transitionCustomProps:{}}}},Toolbar:{getDefaultProps:function(){return{panelComponentType:"Toolbar"}}},Content:{getDefaultProps:function(){return{panelComponentType:"Content"}}},Footer:{getDefaultProps:function(){return{panelComponentType:"Footer"}}}};i.StyleableWithEvents={mixins:[i.Styleable],getDefaultProps:function(){return{onMouseEnter:!1,onMouseLeave:!1}},getInitialState:function(){return this.listeners={onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},{_hover:!1,_focus:!1}},handleMouseEnter:function(a){"function"==typeof this.props.onMouseEnter&&this.props.onMouseEnter(a),this.setState({_hover:!0})},handleMouseLeave:function(a){"function"==typeof this.props.onMouseLeave&&this.props.onMouseLeave(a),this.setState({_hover:!1})}},i.PanelWrapper={propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,globals:React.PropTypes.object,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getDefaultProps:function(){return{icon:!1,title:"",selectedIndex:0,onTabChange:null,buttons:[],globals:{}}},getInitialState:function(){var a={theme:this.props.theme,skin:this.props.skin,headerHeight:this.props.headerHeight,headerFontSize:this.props.headerFontSize,borderRadius:this.props.borderRadius,maxTitleWidth:this.props.maxTitleWidth,useAvailableHeight:this.props.useAvailableHeight,renderPanelBorder:this.props.renderPanelBorder,activeTabHeaderBorder:this.props.activeTabHeaderBorder};return this._sheet=f(a),this.config=this._sheet("PanelWrapper").config,{selectedIndex:parseInt(this.props.selectedIndex)}},childContextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object,numTabs:React.PropTypes.number},getChildContext:function(){return{selectedIndex:this.state.selectedIndex,sheet:this._sheet,onTabChange:this.handleTabChange,globals:this.props.globals,numTabs:React.Children.count(this.props.children)}},handleTabChange:function(a){"function"==typeof this.props.onTabChange?this.props.onTabChange(a,this)!==!1&&this.setSelectedIndex(a):this.setSelectedIndex(a)},getSelectedIndex:function(){return this.state.selectedIndex},setSelectedIndex:function(a,b){this.setState({selectedIndex:parseInt(a)}),this.forceUpdate(function(){"function"==typeof b&&b()})},componentWillReceiveProps:function(a){var b=this.state.selectedIndex,c=!1,d=React.Children.count(a.children);a.selectedIndex!=this.props.selectedIndex&&(b=a.selectedIndex,c=!0),b>=d&&(b=Math.max(d-1,0),c=!0),c&&this.setState({selectedIndex:parseInt(b)})}},i.TabWrapper={observedProps:["selectedIndex","index"],propTypes:{tabKey:React.PropTypes.any},getDefaultProps:function(){return{panelComponentType:"TabWrapper",icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0}},childContextTypes:{index:React.PropTypes.number,tabKey:React.PropTypes.any},getChildContext:function(){return{index:this.props.index,tabKey:this.props.tabKey}},contextTypes:{selectedIndex:React.PropTypes.number}},i.Button={mixins:[i.StyleableWithEvents],getDefaultProps:function(){return{name:"default",title:"",visible:!0,enabled:!0,active:!1,highlighted:!1,onClick:!1,onDoubleClick:!1,onContextMenu:!1,onChange:!1}},getInitialState:function(){return this.listeners.onClick=this._handleClick,this.listeners.onDoubleClick=this._handleDoubleClick,this.listeners.onContextMenu=this._handleContextMenu,{visible:this.props.visible,enabled:this.props.enabled,active:this.props.active,highlighted:this.props.highlighted}},childContextTypes:{btnTitle:React.PropTypes.string,btnVisible:React.PropTypes.bool,btnEnabled:React.PropTypes.bool,btnActive:React.PropTypes.bool},getChildContext:function(){return{btnTitle:this.props.title,btnVisible:this.state.visible,btnEnabled:this.state.enabled,btnActive:this.state.active}},contextTypes:{selectedIndex:React.PropTypes.number},getSheetMods:function(a){var b=a||[];return this.state.active&&-1==b.indexOf("active")&&b.push("active"),this.state.visible||-1!=b.indexOf("hidden")||b.push("hidden"),this.state.enabled||-1!=b.indexOf("disabled")||b.push("disabled"),this.state.highlighted&&-1==b.indexOf("highlighted")&&b.push("highlighted"),b},_handleDoubleClick:function(a){return("function"!=typeof this.props.onDoubleClick||this.props.onDoubleClick(a,this)!==!1)&&"function"==typeof this.handleDoubleClick?this.handleDoubleClick(a):void 0},_handleClick:function(a){return("function"!=typeof this.props.onClick||this.props.onClick(a,this)!==!1)&&"function"==typeof this.handleClick?this.handleClick(a):void 0},_handleContextMenu:function(a){return("function"!=typeof this.props.onContextMenu||this.props.onContextMenu(a,this)!==!1)&&"function"==typeof this.handleContextMenu?this.handleContextMenu(a):void 0}};var j=React.createClass({displayName:"FloatingPanel",mixins:[i.PanelWrapper],getDefaultProps:function(){return{left:0,top:0,width:420,style:{}}},getInitialState:function(){return this.skipUpdate=!1,{left:parseInt(this.props.left),top:parseInt(this.props.top),width:parseInt(this.props.width)}},componentWillReceiveProps:function(a){this.setState({width:a.width})},dragStart:function(a){this.panelBounds={startLeft:this.state.left,startTop:this.state.top,startPageX:a.pageX,startPageY:a.pageY};try{var b=document.createElement("img");b.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAADUlEQVQI12NgYGBgAAAABQABXvMqOgAAAABJRU5ErkJggg==",b.width=1,a.dataTransfer.setData("text/plain","Panel"),a.dataTransfer.setDragImage(b,-1e3,-1e3)}catch(c){}window.addEventListener("dragover",this.dragOver)},dragEnd:function(){if(delete this.panelBounds,window.removeEventListener("dragover",this.dragOver),this.props.onBoundsChange){var a=this.getDOMNode().offsetHeight;this.props.onBoundsChange({left:this.state.left,top:this.state.top,width:this.state.width,height:a})}},dragOver:function(a){if(this.panelBounds){var b=this.panelBounds.startLeft+(a.pageX-this.panelBounds.startPageX),c=this.panelBounds.startTop+(a.pageY-this.panelBounds.startPageY);this.skipUpdate=!0,this.setState({left:b,top:c})}},render:function(){var a="translate3d("+g.pixelsOf(this.state.left)+", "+g.pixelsOf(this.state.top)+", 0)",b=React.addons.update({WebkitTransform:a,MozTransform:a,msTransform:a,transform:a,width:g.pixelsOf(this.state.width),position:"absolute"},{$merge:this.props.style});if(this.skipUpdate)this.skipUpdate=!1;else{for(var c=React.addons.update({onDragStart:this.dragStart,onDragEnd:this.dragEnd,floating:!0},{$merge:this.config}),d=Object.keys(this.props),e=d.length;--e>=0;)-1==["children","left","top","width","style"].indexOf(d[e])&&(c[d[e]]=this.props[d[e]]);this.inner=React.createElement(l,c,this.props.children)}return React.createElement("div",{style:b},this.inner)}}),k=React.createClass({displayName:"Panel",mixins:[i.PanelWrapper],render:function(){for(var a=React.addons.update({},{$merge:this.config}),b=Object.keys(this.props),c=b.length;--c>=0;)-1==["children"].indexOf(b[c])&&(a[b[c]]=this.props[b[c]]);return React.createElement(l,a,this.props.children)}}),l=React.createClass({displayName:"ReactPanel",mixins:[i.Styleable,i.Transitions],getDefaultProps:function(){return{icon:!1,title:"",autocompact:!0,floating:!1,onDragStart:null,onDragEnd:null,maxTitleWidth:130,buttons:[]}},propTypes:{dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getInitialState:function(){return{compacted:this.props.autocompact}},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},getSelectedIndex:function(){return this.context.selectedIndex},handleClick:function(a,b){this.context.onTabChange(parseInt(b))},componentDidMount:function(){if(this.props.autocompact){var a=this.refs["tabs-start"].getDOMNode(),b=this.refs["tabs-end"].getDOMNode(),c=this.refs.tabs.getDOMNode().offsetWidth,d=b.offsetLeft-(a.offsetLeft+a.offsetWidth);d>=2*c&&this.setState({compacted:!1})}},componentWillReceiveProps:function(a){if(this.props.autocompact){var b=React.Children.count(this.props.children),c=React.Children.count(a.children);if(c>b&&this.props.autocompact&&!this.state.compacted){var d=this.refs["tabs-start"].getDOMNode(),e=this.refs["tabs-end"].getDOMNode(),f=this.refs.tabs.getDOMNode().offsetWidth,g=e.offsetLeft-(d.offsetLeft+d.offsetWidth),h=this.props.maxTitleWidth+35;f+h>=g&&this.setState({compacted:!0})}}},handleDragStart:function(a){"function"==typeof this.props.onDragStart&&this.props.onDragStart(a)},handleDragEnd:function(){"function"==typeof this.props.onDragEnd&&this.props.onDragEnd()},_getGroupedButtons:function(){var a,b,c,d=this.props.buttons.length,e=[],f=[];for(a=0;d>a;++a)if(c=this.props.buttons[a],"object"==typeof c&&c instanceof Array){for(e.length&&(f.push(e),e=[]),b=0;b<c.length;++b)e.push(React.addons.cloneWithProps(c[b],{key:b}));e.length&&(f.push(e),e=[])}else e.push(React.addons.cloneWithProps(c,{key:a}));return e.length&&f.push(e),f},render:function(){var a=this,b=this.props.floating?"true":"false",c=this.getSheet("Panel"),d=this.getTransitionProps("Panel"),e=this.props.icon?React.createElement("span",{style:c.icon.style},React.createElement("i",{className:this.props.icon})):null,f=this.props.title.length?React.createElement("div",{style:c.box.style},React.createElement("div",{style:c.title.style},this.props.title)):null,g=0,h=this.getSelectedIndex(),i=[],j=[],k=0;return React.Children.forEach(a.props.children,function(b){var c="tabb-"+g,d="undefined"!=typeof b.key&&null!=b.key?b.key:c,e=!0,f={icon:b.props.icon,title:b.props.title,pinned:b.props.pinned};a.state.compacted&&(f.pinned||h==g||(e=!1)),i.push({key:d,title:f.title,icon:f.icon,index:g,ref:c,showTitle:e,onClick:a.handleClick,"data-index":g,"data-key":d}),j.push(React.addons.cloneWithProps(b,{key:d,tabKey:d,selectedIndex:h,index:g})),++g}),React.createElement("div",{style:c.style},React.createElement("header",{draggable:b,onDragEnd:a.handleDragEnd,onDragStart:a.handleDragStart,ref:"header",style:c.header.style},e,f,React.createElement("div",{style:c.tabsStart.style,ref:"tabs-start"}),React.createElement(m,{style:c.tabs.style,ref:"tabs",data:i,dragAndDropHandler:this.props.dragAndDropHandler||!1,transitionProps:d}),React.createElement("div",{style:c.tabsEnd.style,ref:"tabs-end"}),this._getGroupedButtons().map(function(a){return React.createElement("ul",{style:c.group.style,key:k++},a)})),React.createElement("div",{style:c.body.style},j))}}),m=React.createClass({displayName:"TabGroup",propTypes:{style:React.PropTypes.object.isRequired,data:React.PropTypes.array.isRequired,transitionProps:React.PropTypes.object.isRequired,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},componentWillMount:function(){this.tabKeys=[],this._index=!1;var a=this.context&&this.context.globals?this.context.globals.Panel||{}:{};this.handler=this.props.dragAndDropHandler||a.dragAndDropHandler||!1,this.ctx=this.handler?this.handler.ctx:{sortable:!1,dragging:!1};for(var b=0;b<this.props.data.length;++b)this.tabKeys.push(this.props.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)},componentDidMount:function(){this.ctx.sortable&&this.handler&&(this.memberId=this.handler.addMember(this))},componentWillUpdate:function(a){if(!this.ctx.dragging){this.tabKeys=[];for(var b=0;b<a.data.length;++b)this.tabKeys.push(a.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)}},handleDragStartOnTab:function(a,b,c){this.ctx.draggedKey=c.dataset.key,this.ctx.keySequence=0,this.ctx.dragging=!1,this.ctx.draggedElement=b,this.ctx.dragging=!0,this._index=this.tabKeys.indexOf(this.ctx.draggedKey),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("text/html",c),a.dataTransfer.setDragImage(c,-15,-15)},handleDragStart:function(a){if(this.ctx.sortable){var b=this.getDOMNode(),c=b.offsetWidth/this.tabKeys.length,d=a.pageX-b.offsetLeft,e=parseInt(d/c),f=this.tabKeys[e]||!1;if(f!==!1){var g=this.refs[f+"-tabbref"]||!1;if(g!==!1){this.ctx.ownerId=this.ctx.parentId=this.memberId||!1;var h=React.cloneElement(g.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1});this.keyMap.splice(e,1),this.acquireToken(a),this.handleDragStartOnTab(a,h,g.getDOMNode())}}}},handleDragOver:function(a){if(this.ctx.dragging){a.preventDefault();var b;if(this.ctx.parentId!=this.memberId)b=this.acquireToken(a),this._index=!1,this.handler.setParentOfToken(this.memberId);else{var c=a.pageX-this.getDOMNode().offsetLeft;b=parseInt(c/this.tabWidth)}this._index!==b&&(this.ctx.keySequence++,this._index!==!1&&this.tabKeys.splice(this._index,1),this.tabKeys.splice(b,0,this.ctx.draggedKey),this._index=b,this.ctx.targetKey=this.keyMap[Math.min(this._index,this.keyMap.length-1)]||!1,this.ctx.placement=this._index>=this.keyMap.length?"after":"before",this.forceUpdate())}},handleDragEnd:function(a){this.ctx.dragging&&(this.ctx.dragging=!1,this._index=this._index||this.acquireToken(a),
-this.handler.trigger("onDragEnd",{element:this.ctx.draggedKey,target:this.ctx.targetKey,placement:this.ctx.placement}))},acquireToken:function(a){var b=this.getDOMNode(),c=this.ctx.ownerId==this.memberId?0:1,d=b.offsetWidth/(this.tabKeys.length+c),e=a.pageX-b.offsetLeft,f=parseInt(e/d);return this.tabWidth=d,f},releaseToken:function(){this._index=!1},cloneTabComponent:function(a){var b=this.refs[(this.tabKeys[index]||!1)+"-tabbref"]||!1;b!==!1&&(this.ctx.draggedElement=React.cloneElement(b.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1}))},createTabElement:function(a){if(this.ctx.dragging&&this.ctx.draggedKey===a)return React.cloneElement(this.ctx.draggedElement,{key:a+"-tabbph"+this.ctx.keySequence,draggable:!1});var b=this.props.data[this.constKeyMap.indexOf(a)]||!1;return b===!1?null:React.createElement(n,React.__spread(b,{ref:a+"-tabbref"}))},render:function(){var a=this.props.transitionProps,b=this.ctx.sortable?{draggable:!0,onDragEnd:this.handleDragEnd,onDragStart:this.handleDragStart,onDragOver:this.handleDragOver,"data-key":"get-target-stop"}:{};if(!this.ctx.dragging){this.tabKeys=[];for(var c=0;c<this.props.data.length;++c)this.tabKeys.push(this.props.data[c]["data-key"])}var d=this.tabKeys.map(function(a){return this.createTabElement(a)}.bind(this));return React.createElement(a.transitionComponent,React.__spread({component:"ul",style:this.props.style,transitionName:a.transitionName,transitionAppear:a.transitionAppear,transitionEnter:a.transitionEnter,transitionLeave:a.transitionLeave},a.transitionCustomProps,b),d)}}),n=React.createClass({displayName:"TabButton",mixins:[i.StyleableWithEvents],propTypes:{"data-index":React.PropTypes.number.isRequired,"data-key":React.PropTypes.string.isRequired},getDefaultProps:function(){return{icon:"",title:"",index:0,showTitle:!0}},contextTypes:{selectedIndex:React.PropTypes.number,numTabs:React.PropTypes.number},handleClick:function(a){a.preventDefault(),this.props.onClick(a,this.props.index)},render:function(){var a=null,b="",c=this.context.selectedIndex==this.props.index?["active"]:[];this.props.showTitle&&this.props.title.length||c.push("untitled"),this.props.index==this.context.numTabs-1&&c.push("last");var d=this.getSheet("TabButton",c,{});return this.props.showTitle&&this.props.title.length&&(b=React.createElement("div",{style:d.title.style},this.props.title)),this.props.icon&&(a=React.createElement("div",{style:d.icon.style},React.createElement("i",{className:this.props.icon}))),React.createElement("li",React.__spread({onClick:this.handleClick,style:d.style,"data-index":this.props["data-index"],"data-key":this.props["data-key"]},this.listeners),React.createElement("div",{title:this.props.title},a,React.createElement("div",{style:d.box.style},b)))}}),o=React.createClass({displayName:"Tab",mixins:[i.Styleable,i.Transitions],propTypes:{onActiveChanged:React.PropTypes.func,maxContentHeight:React.PropTypes.number},getDefaultProps:function(){return{icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0,panelComponentType:"Tab",automount:!1,maxContentHeight:0}},contextTypes:{selectedIndex:React.PropTypes.number,index:React.PropTypes.number,globals:React.PropTypes.object},componentDidMount:function(){this._doEvents()},componentDidUpdate:function(){this._doEvents()},_doEvents:function(){if("function"==typeof this.props.onActiveChanged){this.wasActive=this.wasActive||!1;var a=this.isActive();this.wasActive!=a&&(this.props.onActiveChanged(this,a),this.wasActive=a)}},getValue:function(a){switch(a){case"index":return"undefined"!=typeof this.props.index?this.props.index:this.context.index;case"selectedIndex":return this.context.selectedIndex;case"showToolbar":return this.props.showToolbar;case"showFooter":return this.props.showFooter;case"active":return this.isActive();case"hasToolbar":return this.hasToolbar||!1;case"hasFooter":return this.hasFooter||!1;case"mounted":return this.mounted||!1;case"automount":return this.props.automount;case"numChilds":return React.Children.count(this.props.children);case"tabKey":return"undefined"!=typeof this.props.tabKey?this.props.tabKey:this.context.tabKey}},isActive:function(){return"undefined"!=typeof this.props.index?this.props.index==this.context.selectedIndex:this.context.index==this.context.selectedIndex},render:function(){var a=this,b=React.Children.count(this.props.children),c=this.isActive(),d=this.getTransitionProps(),e=c?["active"]:[],f={};this.mounted=this.mounted||!1||this.props.automount||c,this.hasToolbar=this.hasFooter=!1;var g=this.mounted?React.Children.map(a.props.children,function(c,d){var g=0==d&&b>=2?0:1;if(React.isValidElement(c)&&"undefined"!=typeof c.props.panelComponentType)switch(String(c.props.panelComponentType)){case"Toolbar":g=0;break;case"Content":g=1;break;case"Footer":g=2}switch(0==d&&(0==g&&(this.hasToolbar=!0,a.props.showToolbar&&e.push("withToolbar")),f=a.getSheet("Tab",e)),d==a.props.children.length-1&&2==g&&(this.hasFooter=!0,a.props.showFooter&&(e.push("withFooter"),f=a.getSheet("Tab",e))),g){case 0:return a.props.showToolbar?React.createElement("div",{key:d,style:f.toolbar.style},React.createElement("div",{className:"tab-toolbar",style:f.toolbar.children.style},c)):null;case 1:var h=React.addons.update({maxHeight:this.props.maxContentHeight||"none",overflowX:"hidden",overflowY:this.props.maxContentHeight?"auto":"hidden"},{$merge:f.content.style});return React.createElement("div",{key:d,style:h},React.createElement("div",{className:"tab-content",style:f.content.children.style},c));case 2:return a.props.showFooter?React.createElement("div",{key:d,style:f.footer.style},React.createElement("div",{className:"tab-footer",style:f.footer.children.style},c)):null}}.bind(this)):null;return React.createElement(d.transitionComponent,React.__spread({component:"div",style:f.style,transitionName:d.transitionName,transitionAppear:d.transitionAppear&&c,transitionEnter:d.transitionEnter&&c,transitionLeave:d.transitionLeave&&c},d.transitionCustomProps),g)}}),p=React.createClass({displayName:"ToggleButton",mixins:[i.Button],handleClick:function(a){var b=this;this.setState({active:!this.state.active}),this.forceUpdate(function(){"function"==typeof b.props.onChange&&b.props.onChange(this)})},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),q=React.createClass({displayName:"Button",mixins:[i.Button],propTypes:{onButtonClick:React.PropTypes.func},handleClick:function(a){"function"==typeof this.props.onButtonClick&&this.props.onButtonClick(this,a)},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),r=React.createClass({displayName:"Toolbar",mixins:[i.Toolbar],render:function(){return React.createElement("div",{},this.props.children)}}),s=React.createClass({displayName:"Content",mixins:[i.Content],render:function(){return React.createElement("div",{},this.props.children)}}),t=React.createClass({displayName:"Footer",mixins:[i.Footer],render:function(){return React.createElement("div",{},this.props.children)}}),u={},v={Panel:k,FloatingPanel:j,ReactPanel:l,Tab:o,Mixins:i,Toolbar:r,Content:s,Footer:t,ToggleButton:p,Button:q,addons:u,DragAndDropHandler:h};window.ReactPanels=v}();
+!function(){var a=function(a){switch(a||""){default:return{tabColor:"#b0b0b0",tabIconColor:"#b0b0b0",activeTabColor:"#daaf64",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#daaf64",titleColor:"#daaf64",buttonBackgroundColor:"rgba(104, 226, 207, 0.15)",hoverButtonBackgroundColor:"rgba(104, 226, 207, 0.3)",activeButtonBackgroundColor:"rgba(131, 247, 220, 0.33)",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#daaf64",buttonTextShadow:"#7F7F7F",highlightedButtonBoxShadow:"rgba(255, 255, 255, 0.6)",tabBackgroundColor:"rgba(104, 226, 207, 0.15)",activeTabBackgroundColor:"rgba(131, 247, 220, 0.33)",hoverTabBackgroundColor:"rgba(104, 226, 207, 0.3)",toolbarBackgroundColor:"rgba(171, 255, 220, 0.2)",contentBackgroundColor:"rgba(171, 255, 220, 0.34)",footerBackgroundColor:"rgba(171, 255, 220, 0.2)",borderColor:"#000000"}}},b=function(b,c){var d,e=React.addons.update({skin:"default",renderPanelBorder:!0,activeTabHeaderBorder:!0},{$merge:b}),f=/Safari/.test(window.navigator.userAgent)&&/Apple Computer/.test(window.navigator.vendor);return c=c||e.skin,d="object"==typeof c?React.addons.update(a(),{$merge:c}):a(c),{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{borderTop:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",borderRight:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none"},header:{style:{backgroundColor:"transparent",display:f?"-webkit-flex":"flex",minWidth:"100%",marginBottom:"-2px"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",WebkitFlex:"1",flex:1,display:f?"-webkit-flex":"flex",overflow:"hidden"}},icon:{style:{color:d.iconColor,textShadow:"2px 2px 2px "+d.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:d.titleColor,textShadow:"1px 1px 1px "+d.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{borderLeft:e.renderPanelBorder?"1px solid "+d.borderColor:"0 none",height:"calc(100% - "+g.pixelsOf(e.headerHeight-2)+")"}}},TabButton:{style:{borderBottom:"1px solid "+d.borderColor,borderRight:"1px solid "+d.borderColor,backgroundColor:d.tabBackgroundColor,height:e.headerHeight-1,margin:"0",position:"inherit","float":"none",overflow:"hidden",WebkitFlex:"1",flex:"1 0 0px",opacity:1},state:{hover:{style:{backgroundColor:d.hoverTabBackgroundColor}}},mods:{active:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},state:{hover:{style:{borderBottom:"1px solid "+(e.activeTabHeaderBorder?d.borderColor:d.activeTabBackgroundColor),backgroundColor:d.activeTabBackgroundColor},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}}},icon:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},title:{style:{color:d.activeTabColor,textShadow:"1px 1px 1px "+d.activeTabTextShadow}}},last:{style:{borderRight:"0 none"}}},icon:{style:{color:d.tabIconColor,textShadow:"1px 1px 1px "+d.tabTextShadow,opacity:1}},title:{style:{color:d.tabColor,textShadow:"1px 1px 1px "+d.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(e.headerHeight)+")",opacity:1}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",marginTop:"1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(e.headerHeight),position:"relative",backgroundColor:d.toolbarBackgroundColor}}},content:{style:{backgroundColor:d.contentBackgroundColor,boxShadow:"0px 0px 29px rgba(0, 0, 0, 0.7) inset",borderTop:"1px solid "+d.borderColor,position:"relative"},children:{style:{position:"relative"}}},footer:{style:{backgroundColor:d.footerBackgroundColor,borderTop:"1px solid "+d.borderColor,position:"relative"},children:{style:{position:"relative"}}}},Button:{style:{height:g.pixelsOf(e.headerHeight-1),backgroundColor:d.buttonBackgroundColor,borderBottom:"1px solid "+d.borderColor,borderLeft:"1px solid "+d.borderColor},children:{style:{color:d.buttonColor,textShadow:"1px 1px 1px "+d.buttonTextShadow}},state:{hover:{style:{backgroundColor:d.hoverButtonBackgroundColor},children:{style:{color:d.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:d.activeButtonBackgroundColor},children:{style:{color:d.activeButtonColor}}},highlighted:{style:{boxShadow:"0 0 9px "+d.highlightedButtonBoxShadow+" inset"}},disabled:{style:{pointerEvents:"none",opacity:.5}}}}}},c=function(a,b){var c,d=/Safari/.test(window.navigator.userAgent)&&/Apple Computer/.test(window.navigator.vendor);switch(b=b||a.skin){case"fiery":c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#f72121",tabTextShadow:"#000000",activeTabTextShadow:"#000000",titleTextShadow:"#a6a6a6",iconTextShadow:"#000000",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#342828",activeButtonBackgroundColor:"#4d2c2c",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#f72121",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#342828",toolbarBackgroundColor:"#4d2c2c",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"};break;default:c={tabColor:"#b0b0b0",tabIconColor:"#616161",activeTabColor:"#ffffff",tabTextShadow:"#000000",activeTabTextShadow:"#7F7F7F",titleTextShadow:"#a6a6a6",iconTextShadow:"#a6a6a6",iconColor:"#ffffff",titleColor:"#ffffff",buttonBackgroundColor:"#202020",hoverButtonBackgroundColor:"#2a2a2a",activeButtonBackgroundColor:"#4e4e4e",buttonColor:"#eaeaea",hoverButtonColor:"#ffffff",activeButtonColor:"#ffffff",buttonTextShadow:"#7F7F7F",tabBackgroundColor:"#202020",activeTabBackgroundColor:"#2e2e2e",hoverTabBackgroundColor:"#2a2a2a",toolbarBackgroundColor:"#4e4e4e",contentBackgroundColor:"#3e3e3e",footerBackgroundColor:"#4e4e4e"}}return{PanelWrapper:{config:{autocompact:!1}},Panel:{style:{backgroundColor:"black",padding:"1px 1px 0 0"},header:{style:{backgroundColor:"transparent",display:d?"-webkit-flex":"flex",minWidth:"100%"}},tabsStart:{style:{width:0}},tabsEnd:{style:{width:0}},tabs:{style:{"float":"none",WebkitFlex:"1",flex:1,display:d?"-webkit-flex":"flex",overflow:"hidden"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},group:{style:{padding:0,display:"inline-block",height:"100%",margin:0}},body:{style:{marginLeft:"1px"}}},TabButton:{style:{backgroundColor:c.tabBackgroundColor,height:a.headerHeight-1,margin:"0 0 1px 1px",position:"inherit","float":"none",overflow:"hidden",WebkitFlex:"1",flex:"1 0 0px"},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor}}},mods:{active:{style:{backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabIconColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},box:{style:{marginRight:0,maxWidth:"calc(100% - "+g.pixelsOf(a.headerHeight)+")"}}},Tab:{toolbar:{style:{minHeight:0,lineHeight:"inherit",padding:"0",display:"block",position:"relative",top:"-1px"},children:{style:{padding:"10px",lineHeight:g.pixelsOf(a.headerHeight),position:"relative",marginTop:"1px",backgroundColor:c.toolbarBackgroundColor}}},content:{style:{backgroundColor:c.contentBackgroundColor,marginBottom:"1px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,marginBottom:"1px"}}},Button:{style:{height:g.pixelsOf(a.headerHeight-1),backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},children:{style:{color:c.buttonColor,textShadow:"1px 1px 1px "+c.buttonTextShadow}},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:c.hoverButtonColor}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor},children:{style:{color:c.activeButtonColor}}}}}}},d=function(a,b){var c;switch(b=b||a.skin){case"blueish":c={tabColor:"rgba(0, 0, 0, 0.8)",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(102, 143, 182, 0.25)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"rgba(0, 0, 0, 0.8)",titleColor:"rgba(0, 0, 0, 0.8)",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(102, 143, 182, 0.25)",footerBackgroundColor:"rgba(165, 165, 165, 0.32)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(224, 230, 240, 0.65)",hoverButtonBackgroundColor:"rgba(102, 143, 182, 0.25)",activeButtonBackgroundColor:"rgba(102, 143, 182, 0.25)"};break;default:c={tabColor:"#ffffff",activeTabColor:"rgba(0, 0, 0, 0.9)",tabTextShadow:"#bbbbbb",activeTabTextShadow:"#999999",activeTabBackgroundColor:"rgba(255, 255, 255, 0.9)",activeTabBorderColor:"rgba(0, 0, 0, 0.5)",titleTextShadow:"#a6a6a6",iconTextShadow:"rgba(0, 0, 0, 0.9)",iconColor:"#ffffff",titleColor:"#ffffff",toolbarBoxShadow:"rgba(0, 0, 0, 0.1)",contentBackgroundColorWithToolbar:"rgba(255, 255, 255, 0.85)",footerBackgroundColor:"rgba(224, 230, 240, 0.8)",hoverTabBackgroundColor:"rgba(224, 230, 240, 0.65)",buttonBackgroundColor:"rgba(255, 255, 255, 0.2)",hoverButtonBackgroundColor:"rgba(255, 255, 255, 0.9)",activeButtonBackgroundColor:"rgba(255, 255, 255, 0.9)"}}return{Panel:{header:{style:{backgroundColor:"transparent",paddingRight:g.pixelsOf(a.headerHeight)}},tabsStart:{style:{width:50,"float":"left"}},tabsEnd:{style:{width:10,"float":"right"}},tabs:{style:{"float":"left"}},icon:{style:{color:c.iconColor,textShadow:"2px 2px 2px "+c.iconTextShadow,"float":"left"}},box:{style:{"float":"left"}},title:{style:{color:c.titleColor,textShadow:"1px 1px 1px "+c.titleTextShadow}},body:{style:{backgroundColor:"transparent",borderColor:"rgba(0, 0, 0, 0.5)"}}},TabButton:{style:{borderRadius:"2px 2px 0 0",marginLeft:1},state:{hover:{style:{backgroundColor:c.hoverTabBackgroundColor},icon:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}},title:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #999999"}}}},mods:{active:{style:{borderColor:c.activeTabBorderColor,backgroundColor:c.activeTabBackgroundColor},state:{hover:{style:{backgroundColor:c.activeTabBackgroundColor},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}},title:{style:{color:c.activeTabColor,textShadow:"1px 1px 1px "+c.activeTabTextShadow}}}},icon:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}},title:{style:{color:c.tabColor,textShadow:"1px 1px 1px "+c.tabTextShadow}}},Tab:{mods:{withToolbar:{content:{style:{backgroundColor:c.contentBackgroundColorWithToolbar}}}},toolbar:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px",boxShadow:"0 -2px 0 "+c.toolbarBoxShadow+" inset"}},content:{style:{backgroundColor:c.activeTabBackgroundColor,borderBottom:"0 none",marginBottom:"1px",borderRadius:"2px"}},footer:{style:{backgroundColor:c.footerBackgroundColor,borderRadius:"2px"}}},Button:{style:{borderRadius:"2px 2px 0 0",backgroundColor:c.buttonBackgroundColor,marginLeft:"1px"},state:{hover:{style:{backgroundColor:c.hoverButtonBackgroundColor},children:{style:{color:"rgba(0, 0, 0, 0.9)",textShadow:"1px 1px 1px #ffffff"}}}},mods:{active:{style:{backgroundColor:c.activeButtonBackgroundColor}}},children:{style:{color:"#ffffff",textShadow:"1px 1px 1px rgba(0, 0, 0, 0.9)"}}}}},e=function(a){a=a||{},a={theme:a.theme||"base",skin:a.skin||"default",headerHeight:a.headerHeight||32,headerFontSize:a.headerFontSize||14,borderRadius:a.borderRadius||3,maxTitleWidth:a.maxTitleWidth||130,useAvailableHeight:a.useAvailableHeight||!1,renderPanelBorder:"boolean"==typeof a.renderPanelBorder?a.renderPanelBorder:!0,activeTabHeaderBorder:"boolean"==typeof a.activeTabHeaderBorder?a.activeTabHeaderBorder:!0};var e=/Safari/.test(window.navigator.userAgent)&&/Apple Computer/.test(window.navigator.vendor),f={base:{PanelWrapper:{style:{},config:{autocompact:!0}},Panel:{style:{height:a.useAvailableHeight?"100%":"inherit"},header:{style:{display:"block",fontSize:g.pixelsOf(a.headerFontSize),height:a.headerHeight}},tabsStart:{style:{width:20,height:"100%"}},tabsEnd:{style:{width:20,height:"100%"}},tabs:{style:{height:a.headerHeight,"float":"right",display:"inline-block",margin:0,minWidth:g.pixelsOf(a.headerHeight),padding:0}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,lineHeight:g.pixelsOf(a.headerHeight-4),marginRight:-6,textAlign:"center",width:a.headerHeight-2}},box:{style:{marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}},group:{style:{padding:"0 5px",backgroundColor:"transparent"}},body:{style:{height:a.useAvailableHeight?"calc(100% - "+a.headerHeight+"px)":"inherit"}}},TabButton:{style:{position:"relative","float":"left",display:"block",listStyle:"none",padding:"0 5px",height:a.headerHeight,fontSize:"0.95em",cursor:"pointer"},mods:{untitled:{box:{style:{marginLeft:0}}},active:{style:{cursor:"default"}}},icon:{style:{display:"block","float":"left",fontSize:"125%",height:a.headerHeight,textAlign:"center",width:a.headerHeight-2,lineHeight:g.pixelsOf(a.headerHeight-2),marginRight:-9,marginLeft:-3,opacity:.85}},box:{style:{lineHeight:g.pixelsOf(a.headerHeight),marginRight:6,opacity:.85,marginLeft:10,height:"100%",display:"inline-block",position:"relative",maxWidth:g.pixelsOf(a.maxTitleWidth)}},title:{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",letterSpacing:0,lineHeight:g.pixelsOf(a.headerHeight),width:"auto"}}},Tab:{style:{display:"none"},mods:{active:{style:{display:a.useAvailableHeight?e?"-webkit-flex":"flex":"block",minHeight:a.useAvailableHeight?"100%":"inherit",WebkitFlexDirection:a.useAvailableHeight?"column":"inherit",flexDirection:a.useAvailableHeight?"column":"inherit",height:"100%"},content:{style:a.useAvailableHeight?{WebkitFlex:1,flex:1,position:"relative"}:{},children:{style:a.useAvailableHeight?{padding:"10px",position:"absolute",height:"100%",width:"100%"}:{}}}},withToolbar:{toolbar:{style:{}}}},toolbar:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight)},children:{style:{padding:"10px"}}},content:{style:{},children:{style:{padding:"10px"}}},footer:{style:{minHeight:g.pixelsOf(a.headerHeight),lineHeight:g.pixelsOf(a.headerHeight),padding:"10px"},children:{style:{}}}},Button:{style:{"float":"right",height:g.pixelsOf(a.headerHeight),minWidth:g.pixelsOf(a.headerHeight),display:"inline-block",lineHeight:g.pixelsOf(a.headerHeight),margin:0,padding:0,textAlign:"center",cursor:"pointer",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},mods:{disabled:{style:{cursor:"default",pointerEvents:"none",opacity:.5}},hidden:{style:{display:"none"}},highlighted:{style:{}}},children:{style:{}}}},chemical:d,flexbox:c,flexbox2:b},h="base"!=a.theme?f[a.theme](a):{};return g.merge(f.base,h)},f=function(a){var b=e(a),c={};return function(d,f,h){var i=b;if(f=f||[],h=h||{},h.skin&&(c[h.skin]||(c[h.skin]=e(React.addons.update(a,{$merge:{skin:h.skin}}))),i=c[h.skin]),!f.length)return i[d];var j,k=React.addons.update(i[d],{$merge:{}});for(j=0;j<f.length;++j)k.mods&&k.mods[f[j]]&&(k=g.merge(k,k.mods[f[j]]));return k}},g={pixelsOf:function(a){var b=parseInt(a)||0;return b?String(b)+"px":"0"},merge:function(a,b){var c=Array.isArray(b),d=c&&[]||{};return c?(a=a||[],d=d.concat(a),b.forEach(function(b,c){"undefined"==typeof d[c]?d[c]=b:"object"==typeof b?d[c]=g.merge(a[c],b):-1===a.indexOf(b)&&d.push(b)})):(a&&"object"==typeof a&&Object.keys(a).forEach(function(b){d[b]=a[b]}),Object.keys(b).forEach(function(c){d[c]="object"==typeof b[c]&&b[c]&&a[c]?g.merge(a[c],b[c]):b[c]})),d}},h=function(a,b){var c=this;return c instanceof h?(this.opt=g.merge({detachOnLeave:!0,cloakInGroup:!1,onDragStart:!1,onDragEnd:!1},a||{}),this.ctx={sortable:!0,dragging:!1,parentId:!1},this._member=[],void(this._callback=b||function(){})):new h(a,b)};h.prototype.trigger=function(a,b){switch(a){case"onDragEnd":return this._callback(b);default:throw new Error("Not implemented")}},h.prototype.addMember=function(a){return this._member.push(a)-1},h.prototype.setParentOfToken=function(a){this.ctx.parentId!==!1&&this._member[this.ctx.parentId].releaseToken(),this.ctx.parentId=a};var i={Styleable:{getInitialState:function(){return this.__ssv={},this.__ssvh=!1,this.__ssa={target:"",mods:[],alter:{}},{}},contextTypes:{sheet:React.PropTypes.func},getSheet:function(a,b,c){var d,e=!1;if(b="function"==typeof this.getSheetMods?this.getSheetMods(b||[]):b||[],c=c||{},a!=this.__ssa.target)e=!0;else if(b.length!=this.__ssa.mods.length)e=!0;else if(0!=b.length)for(d=b.length;--d>=0;)if(-1==this.__ssa.mods.indexOf(b[d])){e=!0;break}if(e&&(this.__ssv=this.context.sheet(a,b,c),this.__ssvh=!1,this.__ssa={target:a,mods:g.merge(b,[]),alter:g.merge(c,{})}),"boolean"==typeof this.state._hover&&this.state._hover){if(this.__ssvh)return this.__ssvh;if(this.__ssv.state&&this.__ssv.state.hover)return this.__ssvh=g.merge(this.__ssv,this.__ssv.state.hover),this.__ssvh}return this.__ssv}},Transitions:{propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object},getTransitionProps:function(a){a=a||this.props.panelComponentType;var b={},c=this.context&&this.context.globals&&this.context.globals[a]?this.context.globals[a]:{},d="string"==typeof this.props.transitionName?this.props.transitionName:c.transitionName||"";return b=d.length?{transitionName:d,transitionEnter:"boolean"==typeof this.props.transitionEnter?this.props.transitionEnter:c.transitionEnter||!1,transitionLeave:"boolean"==typeof this.props.transitionLeave?this.props.transitionLeave:c.transitionLeave||!1,transitionAppear:"boolean"==typeof this.props.transitionAppear?this.props.transitionAppear:c.transitionAppear||!1,transitionComponent:"undefined"!=typeof this.props.transitionComponent?this.props.transitionComponent:c.transitionComponent||React.addons.CSSTransitionGroup,transitionCustomProps:this.props.transitionCustomProps||c.transitionCustomProps||{}}:{transitionName:"none",transitionEnter:!1,transitionLeave:!1,transitionAppear:!1,transitionComponent:React.addons.CSSTransitionGroup,transitionCustomProps:{}}}},Toolbar:{getDefaultProps:function(){return{panelComponentType:"Toolbar"}}},Content:{getDefaultProps:function(){return{panelComponentType:"Content"}}},Footer:{getDefaultProps:function(){return{panelComponentType:"Footer"}}}};i.StyleableWithEvents={mixins:[i.Styleable],getDefaultProps:function(){return{onMouseEnter:!1,onMouseLeave:!1}},getInitialState:function(){return this.listeners={onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},{_hover:!1,_focus:!1}},handleMouseEnter:function(a){"function"==typeof this.props.onMouseEnter&&this.props.onMouseEnter(a),this.setState({_hover:!0})},handleMouseLeave:function(a){"function"==typeof this.props.onMouseLeave&&this.props.onMouseLeave(a),this.setState({_hover:!1})}},i.PanelWrapper={propTypes:{transitionName:React.PropTypes.string,transitionEnter:React.PropTypes.bool,transitionLeave:React.PropTypes.bool,transitionAppear:React.PropTypes.bool,globals:React.PropTypes.object,transitionComponent:React.PropTypes.any,transitionCustomProps:React.PropTypes.object,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getDefaultProps:function(){return{icon:!1,title:"",selectedIndex:0,onTabChange:null,buttons:[],globals:{}}},getInitialState:function(){var a={theme:this.props.theme,skin:this.props.skin,headerHeight:this.props.headerHeight,headerFontSize:this.props.headerFontSize,borderRadius:this.props.borderRadius,maxTitleWidth:this.props.maxTitleWidth,useAvailableHeight:this.props.useAvailableHeight,renderPanelBorder:this.props.renderPanelBorder,activeTabHeaderBorder:this.props.activeTabHeaderBorder};return this._sheet=f(a),this.config=this._sheet("PanelWrapper").config,{selectedIndex:parseInt(this.props.selectedIndex)}},childContextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object,numTabs:React.PropTypes.number},getChildContext:function(){return{selectedIndex:this.state.selectedIndex,sheet:this._sheet,onTabChange:this.handleTabChange,globals:this.props.globals,numTabs:React.Children.count(this.props.children)}},handleTabChange:function(a){"function"==typeof this.props.onTabChange?this.props.onTabChange(a,this)!==!1&&this.setSelectedIndex(a):this.setSelectedIndex(a)},getSelectedIndex:function(){return this.state.selectedIndex},setSelectedIndex:function(a,b){this.setState({selectedIndex:parseInt(a)}),this.forceUpdate(function(){"function"==typeof b&&b()})},componentWillReceiveProps:function(a){var b=this.state.selectedIndex,c=!1,d=React.Children.count(a.children);a.selectedIndex!=this.props.selectedIndex&&(b=a.selectedIndex,c=!0),b>=d&&(b=Math.max(d-1,0),c=!0),c&&this.setState({selectedIndex:parseInt(b)})}},i.TabWrapper={observedProps:["selectedIndex","index"],propTypes:{tabKey:React.PropTypes.any},getDefaultProps:function(){return{panelComponentType:"TabWrapper",icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0}},childContextTypes:{index:React.PropTypes.number,tabKey:React.PropTypes.any},getChildContext:function(){return{index:this.props.index,tabKey:this.props.tabKey}},contextTypes:{selectedIndex:React.PropTypes.number}},i.Button={mixins:[i.StyleableWithEvents],getDefaultProps:function(){return{name:"default",title:"",visible:!0,enabled:!0,active:!1,highlighted:!1,onClick:!1,onDoubleClick:!1,onContextMenu:!1,onChange:!1}},getInitialState:function(){return this.listeners.onClick=this._handleClick,this.listeners.onDoubleClick=this._handleDoubleClick,this.listeners.onContextMenu=this._handleContextMenu,{visible:this.props.visible,enabled:this.props.enabled,active:this.props.active,highlighted:this.props.highlighted}},childContextTypes:{btnTitle:React.PropTypes.string,btnVisible:React.PropTypes.bool,btnEnabled:React.PropTypes.bool,btnActive:React.PropTypes.bool},getChildContext:function(){return{btnTitle:this.props.title,btnVisible:this.state.visible,btnEnabled:this.state.enabled,btnActive:this.state.active}},contextTypes:{selectedIndex:React.PropTypes.number},getSheetMods:function(a){var b=a||[];return this.state.active&&-1==b.indexOf("active")&&b.push("active"),this.state.visible||-1!=b.indexOf("hidden")||b.push("hidden"),this.state.enabled||-1!=b.indexOf("disabled")||b.push("disabled"),this.state.highlighted&&-1==b.indexOf("highlighted")&&b.push("highlighted"),b},_handleDoubleClick:function(a){return("function"!=typeof this.props.onDoubleClick||this.props.onDoubleClick(a,this)!==!1)&&"function"==typeof this.handleDoubleClick?this.handleDoubleClick(a):void 0},_handleClick:function(a){return("function"!=typeof this.props.onClick||this.props.onClick(a,this)!==!1)&&"function"==typeof this.handleClick?this.handleClick(a):void 0},_handleContextMenu:function(a){return("function"!=typeof this.props.onContextMenu||this.props.onContextMenu(a,this)!==!1)&&"function"==typeof this.handleContextMenu?this.handleContextMenu(a):void 0}};var j=React.createClass({displayName:"FloatingPanel",mixins:[i.PanelWrapper],propTypes:{left:React.PropTypes.number,top:React.PropTypes.number,width:React.PropTypes.number,style:React.PropTypes.object,onClick:React.PropTypes.func},getDefaultProps:function(){return{left:0,top:0,width:420,style:{}}},getInitialState:function(){return this.skipUpdate=!1,{left:parseInt(this.props.left),top:parseInt(this.props.top),width:parseInt(this.props.width)}},componentWillReceiveProps:function(a){this.setState({width:a.width})},dragStart:function(a){this.panelBounds={startLeft:this.state.left,startTop:this.state.top,startPageX:a.pageX,startPageY:a.pageY};try{var b=document.createElement("img");b.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAADUlEQVQI12NgYGBgAAAABQABXvMqOgAAAABJRU5ErkJggg==",b.width=1,a.dataTransfer.setData("text/plain","Panel"),a.dataTransfer.setDragImage(b,-1e3,-1e3)}catch(c){}window.addEventListener("dragover",this.dragOver)},dragEnd:function(){if(delete this.panelBounds,window.removeEventListener("dragover",this.dragOver),this.props.onBoundsChange){var a=this.getDOMNode().offsetHeight;this.props.onBoundsChange({left:this.state.left,top:this.state.top,width:this.state.width,height:a})}},dragOver:function(a){if(this.panelBounds){var b=this.panelBounds.startLeft+(a.pageX-this.panelBounds.startPageX),c=this.panelBounds.startTop+(a.pageY-this.panelBounds.startPageY);this.skipUpdate=!0,this.setState({left:b,top:c})}},handleMouseClick:function(a){"function"==typeof this.props.onClick&&this.props.onClick(a)},render:function(){var a="translate3d("+g.pixelsOf(this.state.left)+", "+g.pixelsOf(this.state.top)+", 0)",b=React.addons.update({WebkitTransform:a,MozTransform:a,msTransform:a,transform:a,width:g.pixelsOf(this.state.width),position:"absolute"},{$merge:this.props.style});if(this.skipUpdate)this.skipUpdate=!1;else{for(var c=React.addons.update({onDragStart:this.dragStart,onDragEnd:this.dragEnd,floating:!0},{$merge:this.config}),d=Object.keys(this.props),e=d.length;--e>=0;)-1==["children","left","top","width","style"].indexOf(d[e])&&(c[d[e]]=this.props[d[e]]);this.inner=React.createElement(l,c,this.props.children)}return React.createElement("div",{style:b,onClick:this.handleMouseClick},this.inner)}}),k=React.createClass({displayName:"Panel",mixins:[i.PanelWrapper],render:function(){for(var a=React.addons.update({},{$merge:this.config}),b=Object.keys(this.props),c=b.length;--c>=0;)-1==["children"].indexOf(b[c])&&(a[b[c]]=this.props[b[c]]);return React.createElement(l,a,this.props.children)}}),l=React.createClass({displayName:"ReactPanel",mixins:[i.Styleable,i.Transitions],getDefaultProps:function(){return{icon:!1,title:"",autocompact:!0,floating:!1,onDragStart:null,onDragEnd:null,maxTitleWidth:130,buttons:[]}},propTypes:{dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},getInitialState:function(){return{compacted:this.props.autocompact}},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},getSelectedIndex:function(){return this.context.selectedIndex},handleClick:function(a,b){this.context.onTabChange(parseInt(b))},componentDidMount:function(){if(this.props.autocompact){var a=this.refs["tabs-start"].getDOMNode(),b=this.refs["tabs-end"].getDOMNode(),c=this.refs.tabs.getDOMNode().offsetWidth,d=b.offsetLeft-(a.offsetLeft+a.offsetWidth);d>=2*c&&this.setState({compacted:!1})}},componentWillReceiveProps:function(a){if(this.props.autocompact){var b=React.Children.count(this.props.children),c=React.Children.count(a.children);if(c>b&&this.props.autocompact&&!this.state.compacted){var d=this.refs["tabs-start"].getDOMNode(),e=this.refs["tabs-end"].getDOMNode(),f=this.refs.tabs.getDOMNode().offsetWidth,g=e.offsetLeft-(d.offsetLeft+d.offsetWidth),h=this.props.maxTitleWidth+35;f+h>=g&&this.setState({compacted:!0})}}},handleDragStart:function(a){"function"==typeof this.props.onDragStart&&this.props.onDragStart(a)},handleDragEnd:function(){"function"==typeof this.props.onDragEnd&&this.props.onDragEnd()},_getGroupedButtons:function(){var a,b,c,d=this.props.buttons.length,e=[],f=[];for(a=0;d>a;++a)if(c=this.props.buttons[a],"object"==typeof c&&c instanceof Array){for(e.length&&(f.push(e),e=[]),b=0;b<c.length;++b)e.push(React.addons.cloneWithProps(c[b],{key:b}));e.length&&(f.push(e),e=[])}else e.push(React.addons.cloneWithProps(c,{key:a}));return e.length&&f.push(e),f},render:function(){var a=this,b=this.props.floating?"true":"false",c=this.getSheet("Panel"),d=this.getTransitionProps("Panel"),e=this.props.icon?React.createElement("span",{style:c.icon.style},React.createElement("i",{className:this.props.icon})):null,f=this.props.title.length?React.createElement("div",{style:c.box.style},React.createElement("div",{style:c.title.style},this.props.title)):null,g=0,h=this.getSelectedIndex(),i=[],j=[],k=0;return React.Children.forEach(a.props.children,function(b){var c="tabb-"+g,d="undefined"!=typeof b.key&&null!=b.key?b.key:c,e=!0,f={icon:b.props.icon,title:b.props.title,pinned:b.props.pinned};a.state.compacted&&(f.pinned||h==g||(e=!1)),i.push({key:d,title:f.title,icon:f.icon,index:g,ref:c,showTitle:e,onClick:a.handleClick,"data-index":g,"data-key":d}),j.push(React.addons.cloneWithProps(b,{key:d,tabKey:d,selectedIndex:h,index:g})),++g}),React.createElement("div",{style:c.style},React.createElement("header",{draggable:b,onDragEnd:a.handleDragEnd,onDragStart:a.handleDragStart,ref:"header",style:c.header.style},e,f,React.createElement("div",{style:c.tabsStart.style,ref:"tabs-start"}),React.createElement(m,{style:c.tabs.style,ref:"tabs",data:i,dragAndDropHandler:this.props.dragAndDropHandler||!1,transitionProps:d}),React.createElement("div",{style:c.tabsEnd.style,ref:"tabs-end"}),this._getGroupedButtons().map(function(a){return React.createElement("ul",{style:c.group.style,key:k++},a)})),React.createElement("div",{style:c.body.style},j))}}),m=React.createClass({displayName:"TabGroup",propTypes:{style:React.PropTypes.object.isRequired,data:React.PropTypes.array.isRequired,transitionProps:React.PropTypes.object.isRequired,dragAndDropHandler:React.PropTypes.oneOfType([React.PropTypes.object,React.PropTypes.bool])},contextTypes:{selectedIndex:React.PropTypes.number,sheet:React.PropTypes.func,onTabChange:React.PropTypes.func,globals:React.PropTypes.object},componentWillMount:function(){this.tabKeys=[],this._index=!1;var a=this.context&&this.context.globals?this.context.globals.Panel||{}:{};this.handler=this.props.dragAndDropHandler||a.dragAndDropHandler||!1,this.ctx=this.handler?this.handler.ctx:{sortable:!1,dragging:!1};for(var b=0;b<this.props.data.length;++b)this.tabKeys.push(this.props.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)},componentDidMount:function(){this.ctx.sortable&&this.handler&&(this.memberId=this.handler.addMember(this))},componentWillUpdate:function(a){if(!this.ctx.dragging){this.tabKeys=[];for(var b=0;b<a.data.length;++b)this.tabKeys.push(a.data[b]["data-key"]);this.keyMap=this.tabKeys.slice(0),this.constKeyMap=this.tabKeys.slice(0)}},handleDragStartOnTab:function(a,b,c){this.ctx.draggedKey=c.dataset.key,this.ctx.keySequence=0,this.ctx.dragging=!1,this.ctx.draggedElement=b,this.ctx.dragging=!0,this._index=this.tabKeys.indexOf(this.ctx.draggedKey),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("text/html",c),a.dataTransfer.setDragImage(c,-15,-15)},handleDragStart:function(a){if(this.ctx.sortable){var b=this.getDOMNode(),c=b.offsetWidth/this.tabKeys.length,d=a.pageX-b.getBoundingClientRect().left,e=parseInt(d/c),f=this.tabKeys[e]||!1;if(f!==!1){var g=this.refs[f+"-tabbref"]||!1;if(g!==!1){this.ctx.ownerId=this.ctx.parentId=this.memberId||!1;
+
+var h=React.cloneElement(g.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1});this.keyMap.splice(e,1),this.acquireToken(a),this.handleDragStartOnTab(a,h,g.getDOMNode())}}}},handleDragOver:function(a){if(this.ctx.dragging){a.preventDefault();var b;if(this.ctx.parentId!=this.memberId)b=this.acquireToken(a),this._index=!1,this.handler.setParentOfToken(this.memberId);else{var c=a.pageX-this.getDOMNode().getBoundingClientRect().left;b=parseInt(c/this.tabWidth)}this._index!==b&&(this.ctx.keySequence++,this._index!==!1&&this.tabKeys.splice(this._index,1),this.tabKeys.splice(b,0,this.ctx.draggedKey),this._index=b,this.ctx.targetKey=this.keyMap[Math.min(this._index,this.keyMap.length-1)]||!1,this.ctx.placement=this._index>=this.keyMap.length?"after":"before",this.forceUpdate())}},handleDragEnd:function(a){this.ctx.dragging&&(this.ctx.dragging=!1,this._index=this._index||this.acquireToken(a),this.handler.trigger("onDragEnd",{element:this.ctx.draggedKey,target:this.ctx.targetKey,placement:this.ctx.placement}))},acquireToken:function(a){var b=this.getDOMNode(),c=this.ctx.ownerId==this.memberId?0:1,d=b.offsetWidth/(this.tabKeys.length+c),e=a.pageX-b.getBoundingClientRect().left,f=parseInt(e/d);return this.tabWidth=d,f},releaseToken:function(){this._index=!1},cloneTabComponent:function(a){var b=this.refs[(this.tabKeys[index]||!1)+"-tabbref"]||!1;b!==!1&&(this.ctx.draggedElement=React.cloneElement(b.render(),{key:"tabbph-clone",onMouseEnter:!1,onMouseLeave:!1}))},createTabElement:function(a){if(this.ctx.dragging&&this.ctx.draggedKey===a)return React.cloneElement(this.ctx.draggedElement,{key:a+"-tabbph"+this.ctx.keySequence,draggable:!1});var b=this.props.data[this.constKeyMap.indexOf(a)]||!1;return b===!1?null:React.createElement(n,React.__spread(b,{ref:a+"-tabbref"}))},render:function(){var a=this.props.transitionProps,b=this.ctx.sortable?{draggable:!0,onDragEnd:this.handleDragEnd,onDragStart:this.handleDragStart,onDragOver:this.handleDragOver,"data-key":"get-target-stop"}:{};if(!this.ctx.dragging){this.tabKeys=[];for(var c=0;c<this.props.data.length;++c)this.tabKeys.push(this.props.data[c]["data-key"])}var d=this.tabKeys.map(function(a){return this.createTabElement(a)}.bind(this));return React.createElement(a.transitionComponent,React.__spread({component:"ul",style:this.props.style,transitionName:a.transitionName,transitionAppear:a.transitionAppear,transitionEnter:a.transitionEnter,transitionLeave:a.transitionLeave},a.transitionCustomProps,b),d)}}),n=React.createClass({displayName:"TabButton",mixins:[i.StyleableWithEvents],propTypes:{"data-index":React.PropTypes.number.isRequired,"data-key":React.PropTypes.string.isRequired},getDefaultProps:function(){return{icon:"",title:"",index:0,showTitle:!0}},contextTypes:{selectedIndex:React.PropTypes.number,numTabs:React.PropTypes.number},handleClick:function(a){a.preventDefault(),this.props.onClick(a,this.props.index)},render:function(){var a=null,b="",c=this.context.selectedIndex==this.props.index?["active"]:[];this.props.showTitle&&this.props.title.length||c.push("untitled"),this.props.index==this.context.numTabs-1&&c.push("last");var d=this.getSheet("TabButton",c,{});return this.props.showTitle&&this.props.title.length&&(b=React.createElement("div",{style:d.title.style},this.props.title)),this.props.icon&&(a=React.createElement("div",{style:d.icon.style},React.createElement("i",{className:this.props.icon}))),React.createElement("li",React.__spread({onClick:this.handleClick,style:d.style,"data-index":this.props["data-index"],"data-key":this.props["data-key"]},this.listeners),React.createElement("div",{title:this.props.title},a,React.createElement("div",{style:d.box.style},b)))}}),o=React.createClass({displayName:"Tab",mixins:[i.Styleable,i.Transitions],propTypes:{onActiveChanged:React.PropTypes.func,maxContentHeight:React.PropTypes.number},getDefaultProps:function(){return{icon:"",title:"",pinned:!1,showToolbar:!0,showFooter:!0,panelComponentType:"Tab",automount:!1,maxContentHeight:0}},contextTypes:{selectedIndex:React.PropTypes.number,index:React.PropTypes.number,globals:React.PropTypes.object},componentDidMount:function(){this._doEvents()},componentDidUpdate:function(){this._doEvents()},_doEvents:function(){if("function"==typeof this.props.onActiveChanged){this.wasActive=this.wasActive||!1;var a=this.isActive();this.wasActive!=a&&(this.props.onActiveChanged(this,a),this.wasActive=a)}},getValue:function(a){switch(a){case"index":return"undefined"!=typeof this.props.index?this.props.index:this.context.index;case"selectedIndex":return this.context.selectedIndex;case"showToolbar":return this.props.showToolbar;case"showFooter":return this.props.showFooter;case"active":return this.isActive();case"hasToolbar":return this.hasToolbar||!1;case"hasFooter":return this.hasFooter||!1;case"mounted":return this.mounted||!1;case"automount":return this.props.automount;case"numChilds":return React.Children.count(this.props.children);case"tabKey":return"undefined"!=typeof this.props.tabKey?this.props.tabKey:this.context.tabKey}},isActive:function(){return"undefined"!=typeof this.props.index?this.props.index==this.context.selectedIndex:this.context.index==this.context.selectedIndex},render:function(){var a=this,b=React.Children.count(this.props.children),c=this.isActive(),d=this.getTransitionProps(),e=c?["active"]:[],f={};this.mounted=this.mounted||!1||this.props.automount||c,this.hasToolbar=this.hasFooter=!1;var g=this.mounted?React.Children.map(a.props.children,function(c,d){var g=0==d&&b>=2?0:1;if(React.isValidElement(c)&&"undefined"!=typeof c.props.panelComponentType)switch(String(c.props.panelComponentType)){case"Toolbar":g=0;break;case"Content":g=1;break;case"Footer":g=2}switch(0==d&&(0==g&&(this.hasToolbar=!0,a.props.showToolbar&&e.push("withToolbar")),f=a.getSheet("Tab",e)),d==a.props.children.length-1&&2==g&&(this.hasFooter=!0,a.props.showFooter&&(e.push("withFooter"),f=a.getSheet("Tab",e))),g){case 0:return a.props.showToolbar?React.createElement("div",{key:d,style:f.toolbar.style},React.createElement("div",{className:"tab-toolbar",style:f.toolbar.children.style},c)):null;case 1:var h=React.addons.update({maxHeight:this.props.maxContentHeight||"none",overflowX:"hidden",overflowY:this.props.maxContentHeight?"auto":"hidden"},{$merge:f.content.style});return React.createElement("div",{key:d,style:h},React.createElement("div",{className:"tab-content",style:f.content.children.style},c));case 2:return a.props.showFooter?React.createElement("div",{key:d,style:f.footer.style},React.createElement("div",{className:"tab-footer",style:f.footer.children.style},c)):null}}.bind(this)):null;return React.createElement(d.transitionComponent,React.__spread({component:"div",style:f.style,transitionName:d.transitionName,transitionAppear:d.transitionAppear&&c,transitionEnter:d.transitionEnter&&c,transitionLeave:d.transitionLeave&&c},d.transitionCustomProps),g)}}),p=React.createClass({displayName:"ToggleButton",mixins:[i.Button],handleClick:function(a){var b=this;this.setState({active:!this.state.active}),this.forceUpdate(function(){"function"==typeof b.props.onChange&&b.props.onChange(this)})},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),q=React.createClass({displayName:"Button",mixins:[i.Button],propTypes:{onButtonClick:React.PropTypes.func},handleClick:function(a){"function"==typeof this.props.onButtonClick&&this.props.onButtonClick(this,a)},render:function(){var a=this.getSheet("Button");return React.createElement("li",React.__spread({style:a.style},this.listeners,{title:this.props.title}),React.createElement("span",{style:a.children.style},this.props.children))}}),r=React.createClass({displayName:"Toolbar",mixins:[i.Toolbar],render:function(){return React.createElement("div",{},this.props.children)}}),s=React.createClass({displayName:"Content",mixins:[i.Content],render:function(){return React.createElement("div",{},this.props.children)}}),t=React.createClass({displayName:"Footer",mixins:[i.Footer],render:function(){return React.createElement("div",{},this.props.children)}}),u={},v={Panel:k,FloatingPanel:j,ReactPanel:l,Tab:o,Mixins:i,Toolbar:r,Content:s,Footer:t,ToggleButton:p,Button:q,addons:u,DragAndDropHandler:h};window.ReactPanels=v}();
 //# sourceMappingURL=react-panels.min.js.map

package.json

 {
   "name": "react-panels",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "React.js panel component with tabs, toolbars, buttons, floating windows and customizable themes",
@@ -5,0 +5,0 @@ "repository": {

README.md

@@ -5,5 +5,7 @@ react-panels
 
-Tabbed panel component made with [React](http://facebook.github.io/react/) **v0.13.1** (with **addons**).
+A multipurpose tabbed panel component with many features. Using [React](http://facebook.github.io/react/) **v0.13.1** with addons.
 
+[![NPM](https://nodei.co/npm/react-panels.png?downloads=true&stars=true)](https://nodei.co/npm/react-panels/)
 
+
 ## Features
@@ -10,0 +12,0 @@

No alert changes

Improved metrics

Total package byte prevSize

470455

increased by2.24%

Lines of code

9917

increased by1.43%

Number of lines in readme file

103

increased by1.98%

No dependency changes