"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[10247],{779005(e,t,n){var a;n.d(t,{L:()=>a}),function(e){e.XS="XS",e.S="S",e.SM="SM",e.M="M",e.ML="ML",e.L="L",e.XL="XL",e.XXL="XXL"}(a||(a={}))},572112(e,t,n){n.d(t,{A:()=>l,G:()=>r});var a=n(779005);const i={[a.L.XS]:{FROM:0,TO:374},[a.L.S]:{FROM:375,TO:567},[a.L.SM]:{FROM:568,TO:767},[a.L.M]:{FROM:768,TO:1023},[a.L.ML]:{FROM:1024,TO:1199},[a.L.L]:{FROM:1200,TO:1919},[a.L.XL]:{FROM:1920,TO:2559},[a.L.XXL]:{FROM:2560,TO:1/0}},r=600,l={...i,DASHBOARD:{LAYOUT:{MOBILE:"(max-width: 767px)",DESKTOP:"(min-width: 768px)"},CHART:{MOBILE:"(max-width: 1419px)",DESKTOP:"(min-width: 1420px)"},BAND_SELECTOR:{MOBILE:"(max-width: 1119px)",DESKTOP:"(min-width: 1120px)"}},SIDE_NAVIGATION_BREAKPOINT_UP:`(min-width: ${r+1}px)`,SIDE_NAVIGATION_BREAKPOINT_DOWN:`(max-width: ${r}px)`,VIEWPORT_XS:`(max-width: ${i[a.L.XS].TO}px)`,VIEWPORT_S:`(min-width: ${i[a.L.S].FROM}px) and (max-width: ${i[a.L.S].TO}px)`,VIEWPORT_SM:`(min-width: ${i[a.L.SM].FROM}px) and (max-width: ${i[a.L.SM].TO}px)`,VIEWPORT_M:`(min-width: ${i[a.L.M].FROM}px) and (max-width: ${i[a.L.M].TO}px)`,VIEWPORT_ML:`(min-width: ${i[a.L.ML].FROM}px) and (max-width: ${i[a.L.ML].TO}px)`,VIEWPORT_L:`(min-width: ${i[a.L.L].FROM}px) and (max-width: ${i[a.L.L].TO}px)`,VIEWPORT_XL:`(min-width: ${i[a.L.XL].FROM}px) and (max-width: ${i[a.L.XL].TO}px)`,VIEWPORT_XXL:`(min-width: ${i[a.L.XXL].FROM}px)`,VIEWPORT_XS_UP:`(min-width: ${i[a.L.S].FROM}px)`,VIEWPORT_S_UP:`(min-width: ${i[a.L.SM].FROM}px)`,VIEWPORT_SM_UP:`(min-width: ${i[a.L.M].FROM}px)`,VIEWPORT_M_UP:`(min-width: ${i[a.L.ML].FROM}px)`,VIEWPORT_ML_UP:`(min-width: ${i[a.L.L].FROM}px)`,VIEWPORT_L_UP:`(min-width: ${i[a.L.XL].FROM}px)`,VIEWPORT_XL_UP:`(min-width: ${i[a.L.XXL].FROM}px)`,VIEWPORT_S_DOWN:`(max-width: ${i[a.L.S].TO}px)`,VIEWPORT_SM_DOWN:`(max-width: ${i[a.L.SM].TO}px)`,VIEWPORT_M_DOWN:`(max-width: ${i[a.L.M].TO}px)`,VIEWPORT_ML_DOWN:`(max-width: ${i[a.L.ML].TO}px)`,VIEWPORT_L_DOWN:`(max-width: ${i[a.L.L].TO}px)`,VIEWPORT_XL_DOWN:`(max-width: ${i[a.L.XL].TO}px)`,VIEWPORT_XXL_DOWN:`(max-width: ${i[a.L.XXL].TO}px)`}},264752(e,t,n){n.d(t,{A:()=>E});var a=n(296540),i=n(217439),r=n(71479),l=n(566723),o=n(766624),c=n(294303);const d=(0,r.A)(i.A)`
  white-space: nowrap;
`,s=(0,r.A)(c.A)`
  align-items: center;
`,m=(0,r.A)(c.A)`
  width: ${l.Ln};
  justify-content: flex-start;
`,E=({indicator:e,description:t,isSingleLine:n,tooltipDescription:i})=>a.createElement(s,{marginRight:n?l.kc:0},a.createElement(m,null,e),a.createElement(d,{size:"small",color:"text-3"},t),i?a.createElement(o.A,{description:i}):null)},226712(e,t,n){n.d(t,{A:()=>N,T:()=>f});var a=n(296540),i=n(469733),r=n(822336),l=n(934846),o=n(95918),c=n(455806),d=n(383704),s=n(363334),m=n(794993),E=n(71479),p=n(382389),A=n(506327),u=n(903216),O=n(566723),_=n(294303),h=n(916537),M=n(966784),x=n(962669),g=n(578819),L=n(780811),T=n(532419),I=n(376272),v=n(60687),P=n(311785),S=n(264752);const $=(0,E.A)("div")`
  display: grid;
  grid-template-columns: repeat(3, minmax(min-content, 1fr));
  gap: ${O.YC};
  margin-top: ${O.kc};
`,w=(0,E.A)(_.A)`
  gap: ${O.kc};
  row-gap: ${O.YC};
  flex-wrap: wrap;
`,f=(0,E.A)(A.A,(0,P.A)("borderColor"))`
  flex-shrink: 0;
  border-radius: 0;
  border: ${({borderColor:e,theme:{themeName:t}})=>e&&`1px solid ${(0,M.oX)(e,t)}`};
`,k=(e,t)=>e===v.s.PASSTHROUGH?1:e===v.s.PASSIVE?2:e===v.s.POE?3:e===v.s.POE_PLUS?4:e===v.s.POE_PLUS_PLUS?5:6,N=({deviceMac:e,isSingleLine:t=!1,hidePoe:n=!1,hideDisabled:E=!1,hideDisconnected:A=!1,displayedSpeedList:O})=>{const{themeName:_}=(0,p.u)(),P=(0,i.useSelector)((0,a.useMemo)(()=>(0,T.tG)(e),[e])),{type:N,model:b}=P;return(0,a.useMemo)(()=>{const e=(0,x.MB)(P),i=(0,L.NuO)(P),p=(0,g._L)(P,i),T=E||(0,L.m_j)(P)||(0,L.Syn)(P)||(0,L.Fp0)(P),b=t?w:$,C=Array.from(p).sort(k).map(e=>{switch(!0){case e===v.s.POE_PLUS_PLUS_PLUS:return a.createElement(S.A,{key:e,description:a.createElement(h.sA,{id:"COMMON_DEVICE_POE_MODE_POE_PLUS_PLUS_PLUS"}),indicator:a.createElement(l.A,{color:r.Ay[`desktop-color-neutral-08-${_}`]})});case e===v.s.POE_PLUS_PLUS:return a.createElement(S.A,{key:e,description:a.createElement(h.sA,{id:"COMMON_DEVICE_POE_MODE_POE_PLUS_PLUS"}),indicator:a.createElement(o.A,{color:r.Ay[`desktop-color-neutral-08-${_}`]})});case e===v.s.POE_PLUS:return a.createElement(S.A,{key:e,description:a.createElement(h.sA,{id:"COMMON_DEVICE_POE_MODE_POE_PLUS"}),indicator:a.createElement(c.A,{color:r.Ay[`desktop-color-neutral-08-${_}`]})});case e===v.s.PASSTHROUGH||e===v.s.PASSIVE||e===v.s.POE:return a.createElement(S.A,{key:e,description:a.createElement(h.sA,{id:e===v.s.PASSIVE?"COMMON_DEVICE_POE_MODE_PASSIVE":"COMMON_DEVICE_POE_MODE_POE"}),indicator:a.createElement(d.A,{color:r.Ay[`desktop-color-neutral-08-${_}`]})});default:return null}});return a.createElement(b,null,e.filter(e=>!O||O.includes(e)).sort((e,t)=>e-t).map(e=>a.createElement(S.A,{key:e,description:(0,u.ir)(e),indicator:a.createElement(f,{color:(0,M.oX)((I.A[e]??I.A.DEFAULT).background,_)})})),A?null:a.createElement(S.A,{key:"disconnected",description:a.createElement(h.sA,{id:"COMMON_DISCONNECTED"}),indicator:a.createElement(f,{color:(0,M.oX)(I.A.DEFAULT.background,_)})}),T?null:a.createElement(S.A,{key:"disabled",description:a.createElement(h.sA,{id:"COMMON_DISABLED"}),indicator:a.createElement(f,{color:"transparent",borderColor:I.A.DEFAULT.background}),isSingleLine:t}),n?null:C,!(0,L.Tbi)({type:N})||(0,L.Syn)(P)||(0,L.Fp0)(P)?null:a.createElement(a.Fragment,null,a.createElement(S.A,{key:"aggregating",description:a.createElement(h.sA,{id:"COMMON_AGGREGATING"}),indicator:a.createElement(m.A,{color:r.Ay[`desktop-color-neutral-08-${_}`]})}),a.createElement(S.A,{key:"mirror",indicator:a.createElement(s.A,null),description:a.createElement(h.sA,{id:"DEVICE_PORT_STATE_MIRROR"}),tooltipDescription:a.createElement(h.sA,{id:"DEVICE_PORT_STATE_MIRROR_TOOLTIP"})})))},[b,n,E,O,_])}},216211(e,t,n){n.d(t,{e:()=>E});var a=n(296540),i=n(956347),r=n(469733),l=n(15095),o=n(627440),c=n(431247),d=n(293016),s=n(649413),m=n(497470);const E=()=>{const e=(0,r.useDispatch)(),t=(0,i.W6)(),n=(0,l.A)(`${o.VO.PORTS}`);return{handleGoToPortsPage:(0,a.useCallback)((a,i,r)=>{if(a)if(e((0,m.gU)(!0)),e((0,m.U)((0,s.HN)(d.F7.DEVICE,[a]))),e((0,m.E1)(!0)),r&&e((0,m.IU)(!0)),i){const t=(0,c.FS)(a,i);e((0,m.Ao)([t]))}else e((0,m.Ao)([]));t.push(n)},[n,t,e])}}},243322(e,t,n){n.d(t,{A:()=>i});var a=n(217439);const i=(0,n(71479).A)(a.A)`
  white-space: nowrap;
`},224948(e,t,n){n.d(t,{A:()=>m});var a=n(296540),i=n(217439),r=n(71479),l=n(566723),o=n(294303),c=n(689965);const d=(0,r.A)("div")`
  margin-right: ${l.kc};
`,s=(0,r.A)("div")`
  margin-left: ${l.kc};
`,m=({icon:e,closeIcon:t,nested:n,children:r,...l})=>a.createElement(c.A,{nested:n,...l},a.createElement(o.A,null,a.createElement(d,null,e),a.createElement(i.A,{size:"medium"},r),t?a.createElement(s,null,t):null))},369702(e,t,n){n.d(t,{A:()=>r});var a=n(296540),i=n(74750);const r=({children:e,...t})=>a.createElement(i.A,{variant:"secondary-emphasis",...t},e)},94313(e,t,n){n.d(t,{A:()=>A});var a=n(296540),i=n(71479),r=n(132196),l=n(311785),o=n(916537),c=n(566723),d=n(294303),s=n(243322);const m=(0,i.A)(d.A,(0,l.A)("alignLeft"))`
  ${({alignLeft:e})=>e?"max-width: 288px;":"max-width: 100%; justify-content: center;"}
  gap: ${c.YC};
  align-items: center;
`,E=r.AH`
  max-width: 50%;
`,p=r.AH`
  flex: 0 1 auto;
  min-width: 0;
`,A=({messageId:e,messageValues:t,buttonEl:n,alignLeft:i=!0,color:r="text-3",variant:l="body-primary"})=>a.createElement(m,{alignLeft:i},a.createElement(s.A,{variant:l,color:r},t?a.createElement(d.A,{maxWidth:288,whiteSpace:"nowrap",paddingRight:c.YC},a.createElement(o.sA,{id:e,values:t})):a.createElement(o.sA,{id:e})),n?a.createElement(d.A,{className:i?p:E},n):null)},532988(e,t,n){n.d(t,{A:()=>h});var a=n(469733),i=n(296540),r=n(217439),l=n(968906),o=n(90757),c=n(566723),d=n(294303),s=n(398300),m=n(623771),E=n(845030),p=n(916537),A=n(532419),u=n(413146),O=n(94313),_=n(932752);const h=({last_uplink_mac:e,last_uplink_name:t,last_uplink_remote_port:n,disconnected_at:h,disabled:M,separatePortNumber:x,maxWidth:g})=>{const{formatMessage:L}=(0,p.tz)(),T=(0,a.useDispatch)(),I=(0,a.useSelector)(A.CC),v=(0,_.Z)(e,I),P=(0,_.z)(t,n,v,L,x),S=(0,i.useCallback)(()=>{M||T((0,E.XP)({type:s.H.DEVICE,id:e}))},[M,T,e]);return i.createElement(i.Fragment,null,v?i.createElement(O.A,{messageId:"COMMON_DEVICE_LAST_CONNECTED_TO",messageValues:{deviceWithPort:i.createElement(d.A,{width:"100%",overflow:"hidden",paddingLeft:c.YC},i.createElement(m.A,{onClick:S,disabled:M,...l.A.addDataTestId(l.A.TestId.SIDE_PANEL_TRIGGER),name:P,port:n,separatePortNumber:x,maxWidth:g}))}}):null,h?i.createElement("div",null,i.createElement(r.A,{color:"text-3"},i.createElement(u.A,{date:(0,o.gH)(h)}))):null)}},932752(e,t,n){n.d(t,{Z:()=>i,z:()=>r});var a=n(6510);const i=(e,t)=>e?t.find(({mac:t})=>t===e):void 0,r=(e,t,n,i,r)=>{const l=!r&&t?` ${i({id:"DEVICE_PROPERTIES_PORT_WITH_NUMBER"},{port:t})}`:"";return e?`${e}${l}`:n?`${(0,a.Q)(n)}${l}`:i({id:"COMMON_FALLBACK"})}},708019(e,t,n){n.d(t,{A:()=>c});var a=n(296540),i=n(370969),r=n(780811),l=n(94313),o=n(762334);const c=({type:e,name:t,mac:n,uplink:c,state:d,model:s,disabled:m,alignLeft:E})=>(0,o.n)(d,c)?a.createElement(l.A,{messageId:(0,r.E4T)({model:s})?"COMMON_CONNECTED_TO":"DEVICE_MESHING_TO",alignLeft:E,buttonEl:a.createElement(i.E,{device:{type:e,name:t,mac:n,uplink:c},size:"medium",disabled:m})}):null},762334(e,t,n){n.d(t,{n:()=>o});var a=n(469733),i=n(602197),r=n(532419),l=n(211368);const o=(e,t)=>{const n=(0,a.useSelector)(r.CC),o=t.uplink_mac?n.find(({mac:e})=>e===t.uplink_mac):void 0,c=Boolean(t.signal);return l.q[e]===i.g.CONNECTED&&o&&c?o:void 0}},999063(e,t,n){n.d(t,{A:()=>c});var a=n(296540),i=n(217439),r=n(90757),l=n(916537),o=n(360113);const c=({uptime:e,compact:t=!1})=>e>0?a.createElement(o.A,{compact:t},a.createElement(i.A,{color:"text-2",size:"medium"},a.createElement(l.sA,{id:"COMMON_UPTIME"})),a.createElement(i.A,{color:"text-3",size:"medium"},(0,r.Ay)(e))):null},360113(e,t,n){n.d(t,{A:()=>d});var a=n(296540),i=n(71479),r=n(566723),l=n(294303),o=n(311785);const c=(0,i.A)(l.A,(0,o.A)("valueMaxWidth","keyMinWidth","compact"))`
  &:not(:last-child) {
    ${({compact:e})=>e?"":`margin-bottom: ${r.kc};`}
  }
  & > {
    &:nth-child(1) {
      min-width: ${({keyMinWidth:e})=>e}px;
    }
    &:nth-child(2) {
      max-width: ${({valueMaxWidth:e})=>e}px;
    }
  }
`,d=({children:e,valueMaxWidth:t=215,keyMinWidth:n=0,flexProps:i={},compact:l=!1})=>a.createElement(c,{width:"100%",justifyContent:"space-between",gap:r.kc,height:l?void 0:24,valueMaxWidth:t,keyMinWidth:n,compact:l,...i},e)},129361(e,t,n){n.d(t,{A:()=>s});var a=n(296540),i=n(708019),r=n(392699),l=n(532988),o=n(370969),c=n(94313);const d=({type:e,name:t,mac:n,uplink:i,disabled:r,maxWidth:l,peer_ubb:d,deviceState:s,ubb_pairing_state:m})=>a.createElement(c.A,{messageId:"COMMON_CONNECTED_TO",buttonEl:a.createElement(o.E,{device:{type:e,name:t,mac:n,uplink:i,peer_ubb:d,deviceState:s,ubb_pairing_state:m},maxWidth:l,disabled:r,separatePortNumber:!0})}),s=({connectionStatus:e,activeItem:{type:t,last_uplink:n,uplink:o,state:c,name:s,mac:m,model:E,disconnected_at:p,peer_ubb:A,deviceState:u,ubb_pairing_state:O},disabled:_,uplinkNameMaxWidth:h=195})=>{switch(e){case r.v.OFFLINE:return a.createElement(l.A,{last_uplink_mac:n?.uplink_mac,last_uplink_name:n?.uplink_device_name,last_uplink_remote_port:n?.uplink_remote_port,disconnected_at:p,disabled:_,separatePortNumber:!0,maxWidth:h});case r.v.MESHING:return a.createElement(i.A,{type:t,name:s,model:E,mac:m,uplink:o,state:c,disabled:_});case r.v.CONNECTED:return a.createElement(d,{type:t,name:s,mac:m,uplink:o,disabled:_,maxWidth:h,peer_ubb:A,deviceState:u,ubb_pairing_state:O});default:return null}}},451632(e,t,n){n.d(t,{A:()=>w});var a=n(296540),i=n(392699),r=n(71479),l=n(769972),o=n(566723),c=n(217439),d=n(366702),s=n(916537),m=n(572112),E=n(325898),p=n(822336),A=n(337029);const u=(e,t)=>e<A.rr?p.Ay.motifs[t]["desktop-color-orange-06"]:p.Ay.motifs[t]["desktop-color-green-06"],O=e=>Number.isInteger(e)?e<A.rr?"COMMON_POOR":"COMMON_GOOD":"COMMON_OFFLINE";var _=n(294303),h=n(311785);const M=(0,r.A)(_.A,(0,h.A)("vertical"))`
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  white-space: nowrap;
  ${({vertical:e})=>e?"top: 1px":""}
`,x=(0,a.memo)(({signal:e,vertical:t=!1})=>{const{motif:n}=(0,E.A)();return a.createElement(M,{vertical:t},a.createElement(c.A,{...e?{style:{color:u(e,n)}}:{color:"text-3"},size:"small"},a.createElement(s.sA,{id:O(e)})))});var g=n(952853),L=n(982090),T=n(929434);const I=[L.L.SIXTY_FIVE,L.L.FIFTY_FIVE,L.L.FOURTY_FIVE],v=(0,a.memo)(({dotOffset:e,signal:t,customWidth:n,isDualMeshing:i=!1,hideLabel:r=!1,fullWidthBar:l=!1})=>{const{width:o}=(0,d.Ay)(),E=(0,a.useMemo)(()=>n||(i||o<=m.A.L.TO?A.Hv:A.TV),[i,o,n]);return a.createElement(_.A,{width:E,flexDirection:"column"},a.createElement(_.A,{width:"100%",height:53,flexDirection:"column"},a.createElement(_.A,{width:"100%",height:20,alignItems:"center",position:"relative",top:-6},t?a.createElement(T.lN,{size:"small",color:"text-1",offset:e,fullWidthBar:l},t," ",a.createElement(s.sA,{id:"COMMON_UNIT_DBM"})):null),a.createElement(T.Hv,{width:E,signal:t}),a.createElement(_.A,{width:"100%",height:16,marginTop:6,alignItems:"center",justifyContent:"space-between",position:"relative"},a.createElement(c.A,{size:"small",color:"text-3"},a.createElement(s.sA,{id:"COMMON_POOR"})),I.map(e=>a.createElement(T.oF,{key:e,size:"small",color:"text-3",isOnline:Boolean(t),offset:(0,g.cN)(-e),value:e},"-",e)),a.createElement(c.A,{size:"small",color:"text-3"},a.createElement(s.sA,{id:"COMMON_GOOD"})))),r?null:a.createElement(x,{signal:t}))});var P=n(762334);const S=(0,r.A)(_.A)`
  max-width: 100%;
  justify-content: center;
  gap: ${o.kc};
  align-items: center;
  padding: ${o.kc} 0;
`,$=({uplink:e,state:t})=>{const[{width:n},i]=(0,l.Oy)(),r=e.signal||0;return(0,P.n)(t,e)?a.createElement(S,{ref:i},a.createElement(v,{signal:r,dotOffset:(0,g.Bw)(r),isDualMeshing:!1,hideLabel:!0,customWidth:n,fullWidthBar:!0})):null},w=({connectionStatus:e,activeItem:{uplink:t,state:n}})=>e===i.v.MESHING?a.createElement($,{uplink:t,state:n}):null},120964(e,t,n){n.d(t,{A:()=>s});var a=n(296540),i=n(217439),r=n(463477),l=n(566723),o=n(734707),c=n(916537),d=n(613141);const s=({device:e,inline:t,...n})=>{const{onUpgradeDevice:s,showButton:m,isPending:E}=(0,r.S)(e);return m?a.createElement("div",{style:{marginTop:t?0:l.kc}},a.createElement(d.A,{fromVersion:e.displayable_version,toVersion:e.upgrade_to_firmware,model:e.model},a.createElement(o.Ay,{variant:t?"inline":"primary",onClick:s,disabled:E},a.createElement(i.A,{size:"medium",weight:"inherit",color:"inherit",...n},a.createElement(c.sA,{id:"COMMON_ACTION_UPDATE"}))))):null}},236037(e,t,n){n.d(t,{A:()=>u});var a=n(296540),i=n(837612),r=n(602197),l=n(217439),o=n(71479),c=n(566723),d=n(294303),s=n(916537),m=n(39039);const E=(0,o.A)("div")`
  margin-top: ${c.kc};
`,p=({type:e,model:t,mac:n,rollupgrade:i})=>a.createElement(E,null,a.createElement(m.A,{type:e,model:t,mac:n,rollupgrade:i,size:"large",maxWidth:"100%"}),a.createElement(d.A,{justifyContent:"center",width:"100%"},a.createElement(l.A,{variant:"body-primary"},a.createElement(s.sA,{id:"COMMON_UPDATING"}),"...")));var A=n(120964);const u=({activeItem:e})=>a.createElement(a.Fragment,null,e.deviceState===r.g.UPGRADING||e.deviceState===r.g.CONNECTED&&e.rollupgrade?a.createElement(p,{type:e.type,model:e.model,mac:e.mac,rollupgrade:e.rollupgrade}):null,(0,i.g8)(e)?a.createElement(A.A,{device:e}):null)},392699(e,t,n){var a;n.d(t,{v:()=>a}),function(e){e.OFFLINE="offline",e.MESHING="meshing",e.CONNECTED_INTERRUPTED="connected-interrupted",e.CONNECTED="connected"}(a||(a={}))},281884(e,t,n){n.d(t,{H:()=>l});var a=n(780811),i=n(768195),r=n(392699);const l=(e,t)=>(0,a.aK8)(e)?r.v.OFFLINE:t===i.au.WIRELESS?r.v.MESHING:r.v.CONNECTED},683086(e,t,n){n.d(t,{A:()=>o});var a=n(296540),i=n(369702),r=n(916537),l=n(216211);const o=({mac:e})=>{const{handleGoToPortsPage:t}=(0,l.e)(),n=(0,a.useCallback)(()=>{t(e)},[t,e]);return a.createElement(i.A,{onClick:n,width:"full"},a.createElement(r.sA,{id:"COMMON_PORT_MANAGER"}))}},218234(e,t,n){n.d(t,{A:()=>p});var a=n(296540),i=n(71479),r=n(566723),l=n(294303),o=n(689965),c=n(226712),d=n(799552),s=n(683086);const m=(0,i.A)(l.A)`
  > div {
    width: 100%;
  }
`,E=({activeItem:e,activeItem:{port_table:t,mac:n},showFullScreenDiagramButton:i,disableOnPortClick:o,isStacking:m,multipleDisplayedDevicesData:E})=>{const p=0!==(t||[]).length;return a.createElement(a.Fragment,null,p?a.createElement(l.A,{position:"relative",flexDirection:"column"},a.createElement(l.A,{flexDirection:"column",justifyContent:"center"},m?(E||[]).map(e=>a.createElement(d.A,{activeItem:e,disableOnPortClick:i||o,isStacking:!0})):a.createElement(d.A,{activeItem:e,disableOnPortClick:i||o})),a.createElement(c.A,{deviceMac:n})):null,i&&p?a.createElement(l.A,{paddingTop:r.Ln,justifyContent:"center"},a.createElement(s.A,{mac:n})):null)},p=({useBubbleWrapper:e=!0,...t})=>e?a.createElement(m,null,a.createElement(o.A,{flex:"unset"},a.createElement(E,{...t}))):a.createElement(E,{...t})},929434(e,t,n){n.d(t,{Hv:()=>A,WX:()=>p,lN:()=>u,oF:()=>O});var a=n(822336),i=n(217439),r=n(71479),l=n(566723),o=n(572112),c=n(779005),d=n(294303),s=n(952853),m=n(337029),E=n(311785);const p=9,A=(0,r.A)(d.A,(0,E.A)("width","vertical","signal"))`
  width: ${({vertical:e=!1,width:t})=>e?m.f$:t}px;
  height: ${({vertical:e=!1,width:t})=>e?t:m.f$}px;
  border-radius: 12px;
  flex-grow: 0;
  position: relative;
  z-index: ${p};
  background: linear-gradient(
    -${({vertical:e=!1})=>e?"180":"90"}deg,
    ${({signal:e,theme:{themeName:t}})=>e?`\n    ${a.Ay.motifs[t]["desktop-color-green-06"]} 0%,\n    ${a.Ay.motifs[t]["desktop-color-yellow-06"]} 73.38%,\n    ${a.Ay.motifs[t]["desktop-color-orange-06"]} 100%\n    `:`\n    ${a.Ay.motifs[t]["desktop-color-neutral-03"]} 0%,\n    ${a.Ay.motifs[t]["desktop-color-neutral-03"]} 100%\n    `}
  );
  ${({vertical:e=!1})=>e?"top: -3px;":""}
  ${({signal:e,vertical:t=!1})=>{return e?(n=(0,s.Bw)(e),`\n        &::after {\n          content: '';\n          display: block;\n          position: absolute;\n          width: 14px;\n          height: 14px;\n          border-radius: 50%;\n          border: 2px solid ${a.Ay.motifs.light["desktop-color-neutral-00"]};\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          right: ${t?"5px":(0,s.Ty)(n)};\n          top: ${t?(0,s.zF)(n):"-2px"};\n          transform: translateX(50%);\n          background: transparent;\n        }\n        `):"";var n}}
`,u=(0,r.A)(i.A,(0,E.A)("offset","fullWidthBar"))`
  position: absolute;
  transform: translateX(50%);
  right: ${({offset:e,fullWidthBar:t=!1})=>t?(0,s.Ty)(e,20):100-e+"%"};
`,O=(0,r.A)(i.A,(0,E.A)("offset","value","isOnline"))`
  position: absolute;
  right: ${({offset:e})=>100-e}%;
  transform: translateX(50%);
  &::before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    right: 50%;
    width: 1px;
    height: 4px;
    background: ${s.rD};
  }
`;(0,r.A)(d.A)`
  position: relative;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  bottom: 13px;
`,(0,r.A)(d.A)`
  width: 48px;
  height: 48px;
  padding: 5px;
  box-sizing: border-box;
  ${({theme:{themeName:e}})=>`\n    background: ${a.Ay[`desktop-color-neutral-01-${e}`]};\n    border: 2px solid ${a.Ay[`desktop-color-neutral-03-${e}`]};\n  `}
  border-radius: 8px;
`,(0,r.A)(d.A)`
  height: 16px;
  width: 175%;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -22px;
`,(0,r.A)(d.A,(0,E.A)("isDualMeshing"))`
  align-items: center;
  width: 100%;
  padding: 0 10px;
  ${({isDualMeshing:e=!1})=>`\n    gap: ${e?l.kI:l.tr};\n    ${e?`\n        @media ${o.A.VIEWPORT_M}, ${o.A.VIEWPORT_ML} { gap: ${l.Yc}; }\n        @media (min-width: 1200px) and (max-width: 1300px) { gap: ${l.tr}; }\n        @media (min-width: 1300px) and (max-width: ${o.A[c.L.L].TO}px) { gap: ${l.kI}; }\n        @media ${o.A.VIEWPORT_XL} { gap: ${l.fS}; }\n    `:""}\n`}
`},337029(e,t,n){n.d(t,{GX:()=>a,Hv:()=>l,K:()=>i,TV:()=>o,f$:()=>c,rr:()=>r});const a=-30,i=-80,r=-65,l=184,o=238,c=10},982090(e,t,n){var a;n.d(t,{L:()=>a}),function(e){e[e.FOURTY_FIVE=45]="FOURTY_FIVE",e[e.FIFTY_FIVE=55]="FIFTY_FIVE",e[e.SIXTY_FIVE=65]="SIXTY_FIVE"}(a||(a={}))},952853(e,t,n){n.d(t,{Bw:()=>c,Ty:()=>d,cN:()=>o,rD:()=>l,zF:()=>s});var a=n(822336),i=n(982090),r=n(337029);const l=({value:e,isOnline:t,theme:{themeName:n}})=>t?e===i.L.FOURTY_FIVE?a.Ay.motifs[n]["desktop-color-green-06"]:e===i.L.FIFTY_FIVE?a.Ay.motifs[n]["desktop-color-yellow-06"]:e===i.L.SIXTY_FIVE?a.Ay.motifs[n]["desktop-color-orange-06"]:void 0:a.Ay.motifs[n]["desktop-color-neutral-03"],o=e=>100*(e-r.K)/(r.GX-r.K),c=e=>Math.min(Math.max(o(e),0),100),d=(e,t=6)=>e<10?`calc(${100-e}% - ${t}px)`:e>90?`calc(${100-e}% + ${t}px)`:100-e+"%",s=e=>`calc(${100-e}% + ${e<30?-12:0}px)`}}]);