"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[51032],{67716:(e,t,l)=>{l.d(t,{Ot:()=>p,T_:()=>m,_G:()=>f,d$:()=>E,fy:()=>d,o2:()=>u,sN:()=>A,yE:()=>h});var a=l(822336),n=l(71479),r=l(939703),o=l(566723),i=l(294303),s=l(740618),c=l(343255);const d=(0,n.A)(i.A,{shouldForwardProp:e=>"height"!==e})`
  flex-direction: column;
  flex: 0 0 auto;
  width: calc(${c.b}px + ${o.Ln});
  height: ${({height:e})=>e?`${e}px`:"auto"};
  position: relative;
  background-color: ${({theme:{themeName:e}})=>a.Ay[`desktop-color-neutral-00-${e}`]};
  z-index: 1;
  padding-bottom: ${o.kc};
  gap: ${o.kc};
`,m=(0,n.A)(i.A)`
  flex-direction: column;
  width: ${c.b}px;
`,u=(0,n.A)(i.A,{shouldForwardProp:e=>"isLeftFilterEditorOpen"!==e})`
  width: fit-content;
  ${({isLeftFilterEditorOpen:e})=>e?`margin-left: ${o.YC};`:""}
`,h=(0,n.A)(i.A)`
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  gap: ${o.kc};
  // buffer for the last element to be fully visible
  padding-bottom: ${o.Ln};
  ${s.gm?"padding-right: 16px;":"scrollbar-gutter: stable;"}
`,A=(0,n.A)(i.A)`
  width: calc(100% - ${o.xO});
  position: absolute;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  min-height: 36px;
  background-color: ${({theme:{themeName:e}})=>a.Ay[`desktop-color-neutral-00-${e}`]};
`,p=(0,n.A)(i.A,{shouldForwardProp:e=>"hasOverflow"!==e})`
  ${({hasOverflow:e})=>e?"opacity: 0;":""}
`,E=(0,n.A)("div")`
  position: absolute;
  top: -${o.kc};
  left: -${o.Ln};
  width: 100%;
  height: 8px;
  background: linear-gradient(
    180deg,
    ${({theme:{themeName:e}})=>(0,r.b_)(a.Ay[`desktop-color-neutral-00-${e}`],0)} 0%,
    ${({theme:{themeName:e}})=>(0,r.b_)(a.Ay[`desktop-color-neutral-00-${e}`],8)} 100%
  );
`,f=(0,n.A)(i.A)`
  width: 248px;
  border: 1px solid ${({theme:{themeName:e}})=>a.Ay[`desktop-color-neutral-03-${e}`]};
  border-radius: ${a.Ay["desktop-radius-base"]};
  padding: ${o.xO} ${o.kc};
  background: ${({theme:{themeName:e}})=>a.Ay[`desktop-color-neutral-01-${e}`]};
`},77247:(e,t,l)=>{l.d(t,{A:()=>n});var a=l(296540);const n=e=>{const[t,l]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{const t=()=>{e.current&&l(e.current.scrollHeight>e.current.clientHeight)};t();const a=new ResizeObserver(t);return e.current&&a.observe(e.current),()=>{a.disconnect()}},[e]),t}},105540:(e,t,l)=>{l.d(t,{A:()=>g});var a=l(296540),n=l(469733),r=l(530281),o=l(514625),i=l(604482),s=l(580176),c=l(789768),d=l(749177),m=l(822336),u=l(71479),h=l(566723),A=l(294303);const p=(0,u.A)(A.A,{shouldForwardProp:e=>!["leftFilterPanelOpen","buttonTop"].includes(e)})`
  position: absolute;
  z-index: 10;
  cursor: pointer;
  border: 1px solid ${({theme:{themeName:e}})=>m.Ay[`desktop-color-divider-border-${e}`]};
  border-radius: ${m.Ay["desktop-radius-base"]};
  top: ${({buttonTop:e})=>e??h.xO};
  right: ${({leftFilterPanelOpen:e})=>e?"-11":"-14"}px;
  background: ${({theme:{themeName:e}})=>m.Ay[`desktop-color-neutral-01-${e}`]};
  > div:first-child {
    width: 18px;
    height: 32px;
  }
  svg {
    left: ${({leftFilterPanelOpen:e})=>e?"0":"4"}px;
    position: relative;
    color: ${({theme:{themeName:e}})=>m.Ay[`desktop-color-neutral-07-${e}`]};
  }
`,E=({leftFilterPageId:e,buttonTop:t})=>{const l=(0,n.useDispatch)(),m=(0,d.A)(e),u=(0,a.useCallback)(()=>{l(m?(0,s.MZ)(e):(0,s.lF)(e)),l((0,c.ZN)(e,{[i.d.PANEL_OPEN]:!m}))},[l,m,e]),h=m?r.A:o.A;return a.createElement(p,{leftFilterPanelOpen:m,buttonTop:t,onClick:u},a.createElement(h,{size:"small",actionable:!0,omitSvgMargin:!0}))},f=(0,u.A)(A.A)`
  width: 100%;
  height: 100%;
  flex-direction: row;
  position: relative;
`,b=(0,u.A)(A.A,{shouldForwardProp:e=>"leftFilterPanelOpen"!==e})`
  position: relative;
  padding-top: ${h.xO};
  ${({leftFilterPanelOpen:e,theme:{themeName:t}})=>e?`\n        border-right: 1px solid ${m.Ay[`desktop-color-divider-border-${t}`]};\n        padding-left: ${h.xO};\n      `:""}
`,g=({children:e,content:t,leftFilterPageId:l,buttonTop:n,leftFilterContentContainerClassname:r,...o})=>{const i=(0,d.A)(l);return a.createElement(f,{...o},a.createElement(b,{leftFilterPanelOpen:i,className:r},l?a.createElement(E,{leftFilterPageId:l,buttonTop:n}):null,i?t:null),e)}},160087:(e,t,l)=>{l.d(t,{s:()=>i});var a=l(822336),n=l(71479),r=l(566723),o=l(294303);const i=(0,n.A)(o.A)`
  border-bottom: 1px solid ${({theme:{themeName:e}})=>a.Ay[`desktop-color-neutral-02-${e}`]};
  padding: ${r.kc};
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: ${r.kc};
`},191568:(e,t,l)=>{l.d(t,{x:()=>h});var a=l(469733),n=l(296540),r=l(720903),o=l(604482),i=l(845030),s=l(580176),c=l(994791),d=l(497470),m=l(953048),u=l(829092);const h=()=>{const e=(0,a.useDispatch)(),t=(0,a.useSelector)(c.Mi),l=(0,a.useSelector)(c.OA),h=(0,a.useSelector)(c.N0),A=(0,a.useSelector)(c.K6),p=(0,n.useMemo)(()=>h?.[0],[h]),E=(0,n.useCallback)(()=>{e((0,d.JL)(!1)),e((0,d.IU)(!1)),e((0,d.E1)(!0)),e((0,d.Ao)([]))},[e]),f=(0,n.useCallback)(t=>{e((0,d.JL)(t)),t&&(1===A.length?e((0,d.is)([A[0]])):p&&e((0,d.is)([p.mac])))},[e,p,A]),b=(0,n.useCallback)(t=>{e((0,d.E1)(t))},[e]),g=(0,n.useCallback)(a=>{if(a&&l===m.Zt){const l=t[0]?.value;e((0,d.U)(l))}e((0,d.IU)(a)),a||e((0,d.Ao)([])),e((0,i.K5)())},[t,e,l]),v=(0,n.useCallback)(t=>{switch(e((0,d.Ao)([])),e((0,s.Zi)(o.g1.PORT_MANAGEMENT)),e((0,d.Ff)((0,r.A)(m.Fs))),t){case u.al.SFP:e((0,d.EZ)(!0)),e((0,d.U)(m.Zt)),e((0,d.JL)(!1)),e((0,d.IU)(!1));break;case u.al.MAIN:e((0,d.EZ)(!1))}},[e]);return(0,n.useMemo)(()=>({handleReturnToPortsView:E,handleStatsChange:g,handleVlansChange:f,handleDeviceDiagramChange:b,handleSectionChange:v}),[E,g,f,b,v])}},201384:(e,t,l)=>{l.d(t,{A:()=>r});var a=l(296540),n=l(152632);const r=({children:e})=>{const[t,l]=a.useState(null),r=null!==t,o=a.useCallback(e=>{l(e)},[]),i=a.useCallback(e=>{l(e)},[]),s=a.useCallback(()=>{l(null)},[]),c=a.useMemo(()=>({isMaximized:r,maximizedId:t,maximize:i,minimize:s}),[r,t,i,s]),d="function"==typeof e?e({isMaximized:r,maximizedId:t,maximize:i,minimize:s}):e;return a.createElement(n.zX.Provider,{value:c},a.createElement(n.YC.Provider,{value:o},d))}},273967:(e,t,l)=>{l.r(t),l.d(t,{default:()=>ie});var a=l(296540),n=l(834959),r=l(604482),o=l(413357),i=l(582724),s=l(566723),c=l(860923),d=l(105540),m=l(469733),u=l(366247),h=l(852359),A=l(592510),p=l(943390),E=l(659833),f=l(566425),b=l(217439),g=l(398300),v=l(845030),C=l(699784),I=l(444232),M=l(479369),O=l(6510);const k=({name:e,model:t,mac:l}={name:"",model:"",mac:""})=>`${(0,O.Q)({name:e,model:t,mac:l})} ${l.slice(-4)}`;var w=l(822336),$=l(297454),N=l(71479),x=l(998837),D=l(311785),P=l(115829),y=l(294303);const _=(0,N.A)(y.A)`
  flex-direction: column;
`,F=(0,N.A)(y.A)`
  justify-content: center;
`,S=(0,N.A)(y.A)`
  flex: 1;
  justify-content: center;
  writing-mode: sideways-lr;
`,R=(0,N.A)(y.A)`
  flex-direction: column;
`,V=(0,N.A)(y.A)`
  flex-direction: row;
`,Z=(0,N.A)(y.A)`
  flex-direction: row;
`,H=(0,N.A)(y.A)`
  flex-direction: row;
`,L=(0,N.A)(y.A)`
  width: ${100}px;
  height: ${24}px;
`,T=(0,N.A)(L,(0,D.A)("disabled"))`
  align-items: center;
  justify-content: center;
  padding: ${s.kc} ${s.YC};
  border: ${({theme:{themeName:e}})=>w.Ay[`desktop-border-divider-${e}`]};
  border-radius: ${w.Ay["desktop-radius-base"]};
  overflow: hidden;
  position: relative;
  cursor: pointer;
  ${({disabled:e,theme:{themeName:t}})=>e?`\n          background-color: ${w.Ay[`desktop-color-neutral-01-${t}`]};\n          cursor: unset;\n          pointer-events: none;\n        `:""}
`,z=(0,N.A)(T)`
  background-color: ${({theme:{themeName:e}})=>w.Ay[`desktop-color-green-01-${e}`]};
  border-color: ${({theme:{themeName:e}})=>w.Ay[`desktop-color-green-03-${e}`]};
`,U=({children:e,disabled:t,onClick:l})=>a.createElement(T,{disabled:t,onClick:l},a.createElement(P.A,{size:"small",color:t?"text-3":"text-2"},e)),G=e=>a.createElement(z,{...e},a.createElement($.A,{color:w.Ay[`desktop-color-green-06-${(0,x.u)().themeName}`]}));var X=l(901502),B=l(246450);const Q=({hostGroup:e,bridgeType:t})=>{const l=(0,m.useDispatch)(),n=(0,a.useCallback)(()=>{l((0,X.IU)({id:e.id,type:p.CQ.VIDEO,host:e.host?.mac||"",clients:(e.clients||[]).map(({mac:e})=>e),group:e})),l((0,v.XP)({type:g.H.BRIDGE_GROUP,id:B.PANEL_BRIDGE_GROUP_SIDE_PANEL_ID}))},[l,e]),r=(0,a.useCallback)(()=>{},[]),o=(0,a.useCallback)(()=>{switch(t){case p.CQ.VIDEO:n();break;case p.CQ.AUDIO:r()}},[t,n,r]);return a.createElement(G,{onClick:o})};var Y=l(924526);const j=({host:e,mac:t,disabled:l,bridgeType:n})=>{const r=(0,m.useDispatch)(),o=(0,a.useCallback)(()=>{r((0,X.IU)({id:Y.P9,type:p.CQ.VIDEO,host:e,clients:[t]})),r((0,v.XP)({type:g.H.BRIDGE_GROUP,id:B.PANEL_BRIDGE_GROUP_SIDE_PANEL_ID}))},[r,e,t]),i=(0,a.useCallback)(()=>{},[]),s=(0,a.useCallback)(()=>{switch(n){case p.CQ.VIDEO:o();break;case p.CQ.AUDIO:i()}},[n,o,i]);return a.createElement(T,{disabled:l,onClick:s})},W=({bridgeType:e,bridges:t,hosts:l,groups:n,clients:r})=>{const o=(0,m.useDispatch)(),s=(0,m.useSelector)(I.Ib),c=(0,a.useCallback)(e=>()=>{o((0,v.XP)({type:g.H.DEVICE,id:e}))},[o]);return(0,i.A)([(0,M.y)(void 0,{crudCacheStrategy:{type:A.e.CACHE}})],a.createElement(_,null,a.createElement(F,null,a.createElement(b.A,{size:"small",color:"text-3"},a.createElement(C.sA,{id:e===p.CQ.VIDEO?"PRO_AV_VIDEO_OUT":"PRO_AV_AUDIO_OUT"}))),a.createElement(V,null,a.createElement(S,null,a.createElement(b.A,{size:"small",color:"text-3"},a.createElement(C.sA,{id:e===p.CQ.VIDEO?"PRO_AV_VIDEO_IN":"PRO_AV_AUDIO_IN"}))),a.createElement(R,null,a.createElement(Z,null,a.createElement(L,null),t.map(e=>a.createElement(U,{key:e,disabled:l.includes(e),onClick:c(e)},k(s.get(e))))),t.map(o=>{const i=n.find(e=>e.host?.mac===o);return a.createElement(H,{key:o},a.createElement(U,{disabled:r.includes(o),onClick:c(o)},k(s.get(o))),t.map(t=>(i?.clients||[]).some(e=>e.mac===t)?a.createElement(Q,{key:t,hostGroup:i,bridgeType:e}):a.createElement(j,{key:t,disabled:o===t||l.includes(t),host:o,mac:t,bridgeType:e})))})))))},J=()=>{const{clients:e=[],hosts:t=[],groups:l=[]}=(0,m.useSelector)(E.tM),n=(0,a.useMemo)(()=>[...e,...t],[e,t]);return(0,i.A)([(0,f.Hq)(void 0,{crudCacheStrategy:{type:A.e.CACHE}})],a.createElement(W,{bridgeType:p.CQ.VIDEO,bridges:n,hosts:t,groups:l,clients:e}))},q=()=>{const{clients:e=[],hosts:t=[],groups:l=[]}=(0,m.useSelector)(E.kn),n=(0,a.useMemo)(()=>[...e,...t],[e,t]);return(0,i.A)([(0,f.aP)(void 0,{crudCacheStrategy:{type:A.e.CACHE}})],a.createElement(W,{bridgeType:p.CQ.AUDIO,bridges:n,hosts:t,groups:l,clients:e}))},K=()=>{switch((0,m.useSelector)(u.w)){case h.w.VIDEO:return a.createElement(J,null);case h.w.AUDIO:return a.createElement(q,null);default:return null}};var ee=l(736388),te=l(829092),le=l(54227),ae=l(445535);const ne=()=>{const e=(0,m.useDispatch)(),t=(0,m.useSelector)(u.w);return a.createElement(ae.A,{label:a.createElement(C.sA,{id:"COMMON_VIEW_BY"}),hasPaddedContent:!0},a.createElement(y.A,{gap:s.kc},a.createElement(le.A,{id:h.w.AUDIO,checked:t===h.w.AUDIO,onChange:()=>{e((0,X.Ct)(h.w.AUDIO))}},a.createElement(C.sA,{id:"COMMON_XLR"})),a.createElement(le.A,{id:h.w.VIDEO,checked:t===h.w.VIDEO,onChange:()=>{e((0,X.Ct)(h.w.VIDEO))}},a.createElement(C.sA,{id:"COMMON_HDMI"}))))},re=()=>a.createElement(ee.A,{leftFilterPageId:r.g1.AV_MANAGER,tabs:a.createElement(te.Ay,{selectedTab:te.al.AV_MANAGER})},a.createElement(ne,null)),oe=(0,N.A)(y.A)`
  flex-direction: column;
  padding: ${s.Ln};
`,ie=()=>(0,i.A)([(0,o.Zi)(n.B.DEVICES),(0,o.Zi)(n.B.PROAV)],a.createElement(c.A,{mainPanelProps:{gap:s.Ln}},a.createElement(d.A,{leftFilterPageId:r.g1.AV_MANAGER,content:a.createElement(re,null),overflow:"hidden",paddingBottom:s.Ln},a.createElement(oe,null,a.createElement(K,null)))))},343255:(e,t,l)=>{l.d(t,{b:()=>a});const a=248},362584:(e,t,l)=>{var a;l.d(t,{A:()=>a}),function(e){e.IS_MAXIMIZED="isMaximized",e.MAXIMIZED_ID="maximizedId"}(a||(a={}))},445054:(e,t,l)=>{l.d(t,{A:()=>o});var a=l(469733),n=l(296540),r=l(479503);const o=({leftFilterPageId:e,leftFilterColumnsId:t})=>(0,a.useSelector)((0,n.useMemo)(()=>(0,r.$R)(e,t),[e,t]))},445535:(e,t,l)=>{l.d(t,{A:()=>m});var a=l(296540),n=l(822336),r=l(809536),o=l(259836),i=l(998837),s=l(160087),c=l(528552),d=l(362584);const m=({id:e,label:t,initialExpanded:l=!0,hasPaddedContent:m=!1,isStatic:u=!1,isEditorOpen:h=!1,children:A})=>{const{themeName:p}=(0,i.u)(),[E,f]=(0,a.useState)(l),{[d.A.IS_MAXIMIZED]:b,[d.A.MAXIMIZED_ID]:g}=(0,a.useContext)(c.A),v=(0,a.useCallback)(e=>{f(e)},[f]),C=(0,a.useMemo)(()=>u?r.A:o.A,[u]),I=(0,a.useMemo)(()=>({background:h?n.Ay[`desktop-color-neutral-01-${p}`]:"inherit"}),[h,p]),{isLocked:M,isFullHeight:O,isHidden:k,hasDivider:w}=(0,a.useMemo)(()=>({isLocked:b&&g===e,isFullHeight:b&&g===e,isHidden:b&&g!==e,hasDivider:!(b&&g===e)}),[b,g,e]);return t?a.createElement(C,{label:t,size:"small",isExpanded:E,onExpandedChange:v,hasPaddedContent:m,style:I,isLocked:M,isFullHeight:O,isHidden:k,hasDivider:w},E?A:null):a.createElement(s.s,null,A)}},514625:(e,t,l)=>{l.d(t,{A:()=>r});var a=l(296540),n=l(629318);const r=(0,l(51946).w)(e=>(0,a.createElement)("svg",(0,n.d)({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em"},e),(0,a.createElement)("path",{d:"M4 3.5a.5.5 0 0 0-1 0v13a.5.5 0 0 0 1 0v-13Z",fill:"currentColor",className:e.baseclassname}),(0,a.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m11.708 15.5 4.793-4.794.354-.353a.5.5 0 0 0 0-.707l-5.138-5.138-.009-.008a.5.5 0 0 0-.707.707l.009.008 4.284 4.284H6.5a.501.501 0 0 0-.002 1.003l2.013.008h6.77L11 14.793a.5.5 0 0 0 .707.707Z",fill:"currentColor",className:e.baseclassname}),(0,a.createElement)("path",{d:"M4.5 3.75a.75.75 0 1 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V3.75Zm7.03.778a.751.751 0 0 0-.53 1.28l3.411 3.413H6.75a.75.75 0 1 0 0 1.5h7.718L11 14.188a.75.75 0 0 0 1.06 1.06l4.72-4.719a.75.75 0 0 0 0-1.061l-4.72-4.72a.745.745 0 0 0-.53-.22Z",fill:"currentColor",className:e.fillclassname})))},528552:(e,t,l)=>{l.d(t,{A:()=>o});var a=l(296540),n=l(362584);const r={[n.A.IS_MAXIMIZED]:!1,[n.A.MAXIMIZED_ID]:null},o=(0,a.createContext)(r)},659833:(e,t,l)=>{l.d(t,{kn:()=>s,tM:()=>d});var a=l(801081),n=l(25553),r=l(87485),o=l(566425);const i=(0,n.uh)((0,o.aP)()),s=(0,a.Mz)(i,r.i6),c=(0,n.uh)((0,o.Hq)()),d=(0,a.Mz)(c,r.i6)},736388:(e,t,l)=>{l.d(t,{A:()=>v});var a=l(296540),n=l(201384),r=l(340936),o=l(77247),i=l(968906),s=l(469733),c=l(479503);const d=e=>(0,s.useSelector)((0,a.useMemo)(()=>(0,c.tR)(e),[e]));var m=l(445054),u=l(67716),h=l(71479),A=l(566723),p=l(294303);const E=(0,h.A)(p.A,{shouldForwardProp:e=>!["isLeftFilterEditorOpen","isLeftFilterColumnsOpen"].includes(e)})`
  ${({isLeftFilterEditorOpen:e,isLeftFilterColumnsOpen:t})=>e||t?`padding-right: ${A.xO};`:""}
`;var f=l(362584),b=l(528552);const g=(0,a.forwardRef)(({children:e,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:l,isMaximized:n,maximizedId:r},o)=>{const i=(0,a.useMemo)(()=>({[f.A.IS_MAXIMIZED]:n,[f.A.MAXIMIZED_ID]:r}),[n,r]);return a.createElement(b.A.Provider,{value:i},a.createElement(E,{ref:o,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:l},e))}),v=({children:e,tabs:t,columns:l,editor:s,footer:c,leftFilterPageId:h,leftFilterColumnsId:A,contentTestId:p,footerTestId:E})=>{const{height:f,ref:b}=(0,r.A)(),v=(0,a.useRef)(null),C=(0,o.A)(v),I=d(h),M=(0,m.A)({leftFilterPageId:h,leftFilterColumnsId:A});return a.createElement(n.A,null,n=>a.createElement(g,{ref:b,isLeftFilterEditorOpen:I,isLeftFilterColumnsOpen:M,...n},a.createElement(u.fy,{height:f},t,a.createElement(u.yE,{ref:v,...p?i.A.addDataTestId(p):{}},e,a.createElement(u.Ot,{hasOverflow:C},c)),C?a.createElement(u.sN,{...E?i.A.addDataTestId(E):{}},a.createElement(u.d$,null),c):null),s&&I?a.createElement(u._G,null,s):null,l&&M?a.createElement(u.o2,{isLeftFilterEditorOpen:I},l):null))}},740618:(e,t,l)=>{l.d(t,{gm:()=>r,nr:()=>o});var a=l(146880);const n=l.n(a)().getParser(window.navigator.userAgent).getBrowserName().toLowerCase(),r="firefox"===n,o="safari"===n},809536:(e,t,l)=>{l.d(t,{A:()=>h});var a=l(296540),n=l(338992),r=l(246463),o=l(522225),i=l(722860),s=l(325898);const c=(0,i.c)(o.A),d=a.forwardRef((e,t)=>{const{className:l,motif:n,...r}=e,{motif:o}=(0,s.A)(n);return a.createElement("div",{ref:t,slot:"header","data-uic-component":"Disclosure.StaticHeader",className:c.concat(l)("header",`header-${o}`),...r})});d.displayName="DisclosureStaticHeader";var m=l(811130),u=l(231755);const h=a.forwardRef((e,t)=>{const{label:l,caption:o,symbol:i,tooltipProps:s,children:c,size:h,isDisabled:A,hasDivider:p=!0,hasPaddedContent:E=!0,...f}=e;return a.createElement(n.A,{ref:t,isDisabled:A,isExpanded:!0,"data-uic-component":"Disclosure_Static",...f},a.createElement(a.Fragment,null,a.createElement(d,null,a.createElement(m.A,{label:l,caption:o,symbol:i,tooltipProps:s,isDisabled:A,size:h,width:"auto"})),c&&a.createElement(r.A,{hasPaddedContent:E,hasDivider:p},c),p&&a.createElement(u.A,null)))});h.displayName="Disclosure_Static"},829092:(e,t,l)=>{l.d(t,{al:()=>d,Ay:()=>I});var a=l(956347),n=l(469733),r=l(296540),o=l(629318),i=l(51946);const s=(0,i.w)(e=>(0,r.createElement)("svg",(0,o.d)({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em"},e),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 5h14v9h-2v2H5v-2H3V5Zm3.5 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z",fill:"currentColor",className:e.twotonedclassname}),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 14h2V5H3v9h2v2h10v-2Zm2 1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1h1Z",fill:"currentColor",className:e.baseclassname}),(0,r.createElement)("path",{d:"M6 14.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z",fill:"currentColor",className:e.baseclassname}),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 14h2V5H3v9h2v2h10v-2Zm2 1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-1h1Z",fill:"currentColor",className:e.fillclassname}),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 5h14v9h-2v2H5v-2H3V5Zm3.5 9a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z",fill:"currentColor",className:e.fillclassname}))),c=(0,i.w)(e=>(0,r.createElement)("svg",(0,o.d)({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em"},e),(0,r.createElement)("path",{d:"M2 5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5Z",fill:"currentColor",className:e.twotonedclassname}),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 5H3v8h12V5ZM3 4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H3Zm4.765 2.559a.5.5 0 0 1 .514.026l3 2.02a.5.5 0 0 1-.004.833l-3 1.98A.5.5 0 0 1 7.5 11V7a.5.5 0 0 1 .265-.441Zm.735 1.38v2.132l1.599-1.055L8.5 7.939ZM17 6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1h13V6Z",fill:"currentColor",className:e.baseclassname}),(0,r.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5Zm6.28 1.585A.5.5 0 0 0 7.5 7v4a.5.5 0 0 0 .775.417l3-1.98a.5.5 0 0 0 .004-.832l-3-2.02ZM17 6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1h13V6Z",fill:"currentColor",className:e.fillclassname})));var d,m=l(15153),u=l(15095),h=l(900752),A=l(808294),p=l(24699),E=l(627440),f=l(596731),b=l(699784),g=l(994791),v=l(191568);!function(e){e.MAIN="MAIN",e.SFP="SFP",e.AV_MANAGER="AV_MANAGER"}(d||(d={}));const C=[{icon:r.createElement(m.A,{size:"original"}),label:r.createElement(b.sA,{id:"COMMON_MAIN"}),id:d.MAIN},{icon:r.createElement(s,{size:"original"}),label:r.createElement(b.sA,{id:"COMMON_MEDIA_SFP"}),id:d.SFP},{icon:r.createElement(c,{size:"original"}),label:r.createElement(b.sA,{id:"COMMON_AV_MANAGER"}),id:d.AV_MANAGER}],I=(0,r.memo)(({selectedTab:e})=>{const{handleSectionChange:t}=(0,v.x)(),l=(()=>{const e=(0,u.A)(`${E.VO.PORTS}/:${f.On}`),{params:t}=(0,a.W5)(e)||{},l=(0,a.W6)();return(0,r.useCallback)(n=>{l.push((0,a.tW)(e,{...t||{},[f.On]:n}))},[l,e,t])})(),o=(()=>{const e=(0,n.useSelector)(g.oE),{upSfpCount:t}=(0,n.useSelector)(g.Dj),l=(0,n.useSelector)(g.CQ),a=(0,n.useSelector)(g.eu),o=(0,n.useSelector)(A.nZ),[i,s]=(0,r.useState)(a);(0,r.useEffect)(()=>{(t||e)&&s(!0)},[t,e]);const c=(0,r.useMemo)(()=>({[d.MAIN]:l,[d.SFP]:i,[d.AV_MANAGER]:o}),[l,i,o]);return(0,r.useMemo)(()=>C.filter(({id:e})=>c[e]),[c])})(),i=(0,r.useCallback)(a=>{a.id!==d.AV_MANAGER?(t(a.id),e!==d.MAIN&&e!==d.SFP&&l(p.o.PORTS)):l(p.o.AV_MANAGER)},[t,l,e]);return o.length>1?r.createElement(h.A,{tabs:o,selectedTab:e,onSelectTab:i}):null})},900752:(e,t,l)=>{l.d(t,{A:()=>h});var a=l(296540),n=l(979106),r=l(67716),o=l(71479),i=l(566723);const s=(0,o.A)("div")`
  > nav > button {
    display: flex;
    flex-direction: row;
    gap: ${i.YC};
  }
`;var c=l(132196);const d=c.AH`
  height: 32px;
`,m=c.AH`
  padding: ${i.YC} !important;
`,u=c.AH`
  padding: ${i.YC} ${i.Ln} !important;
`,h=({selectedTab:e,tabs:t,...l})=>{const o=(0,a.useMemo)(()=>t.map(t=>e===t.id?t:{...t,label:void 0}),[t,e]);return o.length>1?a.createElement(r.T_,null,a.createElement(s,null,a.createElement(n.A,{variant:"capsule",stretched:!0,className:d,tabsClassName:d,tabClassName:m,selectedTabClassName:u,tabs:o,selectedTab:e,...l}))):null}}}]);