Module 902592

function(e,t,a){a.r(t),a.d(t,{default:()=>R,openDevToolsPopout:()=>I});var n=a(477900),l=a(582128),i=a(503698),s=a.n(i),r=a(562708),o=a(17928),d=a(811893),c=a(789645),u=a(306471),m=a(939249),h=a(761929),x=a(139286),p=a(58736),g=a(979186),v=a(574172),j=a(147925),f=a(538064),b=a(265059),y=a(867041),E=a(284675),C=a(231643),_=a(652215),S=a(375708),N=a(256459),A=a(730441);function k(e){let{resizableNode:t,onResize:a,onResizeEnd:l}=e,i=(0,h.A)({minDimension:b.q,resizableDomNodeRef:t,onElementResize:a,onElementResizeEnd:l,orientation:h.R.HORIZONTAL_LEFT});return(0,n.jsx)("div",{onMouseDown:i,className:N.Di})}function I(){(0,v.open)(_.MLl.DEVTOOLS_POPOUT,()=>(0,n.jsx)(g.A,{windowKey:_.MLl.DEVTOOLS_POPOUT,title:"DevTools",withTitleBar:!0,children:(0,n.jsx)(R,{mobile:!1,isPopout:!0})}),{width:800,height:600})}function D(e){let{isPopout:t=!1}=e,a=(0,E.x)(),{TabBar:l,renderSelectedTab:i,selectedTabId:s}=(0,C.Ay)({tabs:a,initialSelectedTabId:b.A.lastOpenTabId??void 0,onChangeTab:e=>{(0,f.Jt)({lastOpenTabId:e})}},[a]);return(0,x.A)({type:r.ImpressionTypes.PANE,name:r.ImpressionNames.VIEW_PANEL_DEVTOOLS,properties:{panel:s}}),(0,n.jsxs)(y.xG,{children:[(0,n.jsxs)(p.Ay,{className:A.jr,toolbar:t?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(p.Ay.Icon,{icon:d.t,tooltip:"Pop Out",onClick:I}),(0,n.jsx)(p.Ay.Icon,{icon:c.P,tooltip:S.intl.string(S.t.cpT0Cq),onClick:f.pf})]}),children:[(0,n.jsx)(p.Ay.Icon,{icon:u.V,tooltip:"DevTools"}),(0,n.jsx)(p.Ay.Title,{children:"DevTools"})]}),(0,n.jsx)(l,{}),i(),(0,n.jsx)(y.jY,{className:N.n7})]})}function T(){let e=l.useRef(null),t=(0,o.bG)([b.A],()=>b.A.sidebarWidth),[a,i]=l.useState(null),s=l.useCallback(e=>(0,f.Jt)({sidebarWidth:e}),[]);return(l.useEffect(()=>{null===a&&null!==t&&i(t)},[t,a]),null===a)?null:(0,n.jsxs)("div",{ref:e,className:N.kL,style:{minWidth:b.q,width:a},"data-app-right-panel":!0,children:[(0,n.jsx)(k,{resizableNode:e,onResize:i,onResizeEnd:s}),(0,n.jsx)("div",{className:N.wp,children:(0,n.jsx)(D,{})})]})}function O(){return(0,o.bG)([b.A],()=>b.A.displayTools)?(0,n.jsx)("div",{className:s()(N.kL,N.PQ),children:(0,n.jsx)("div",{className:N.wp,children:(0,n.jsx)(D,{})})}):(0,n.jsx)("div",{className:N.kL,children:(0,n.jsx)(m.D,{onClick:f.pf,children:(0,n.jsxs)(p.Ay,{className:s()(A.jr,N.J$),toolbar:(0,n.jsx)(j.A,{direction:j.A.Directions.UP}),children:[(0,n.jsx)(p.Ay.Icon,{icon:u.V,tooltip:"DevTools"}),(0,n.jsx)(p.Ay.Title,{children:"DevTools"})]})})})}function R(e){let{mobile:t,isPopout:a=!1}=e;return t?(0,n.jsx)(O,{}):a?(0,n.jsx)("div",{className:N.jC,children:(0,n.jsx)(D,{isPopout:!0})}):(0,n.jsx)(T,{})}}