"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[82522],{618965(t,e,i){i.d(e,{A:()=>m});var n=i(602086),o=i(125799),a=i(43009),r=(0,n.memo)(t=>{const{motif:e,width:i=194,left:r=0,top:d=0,hidden:s,topMargin:l,tooltipProps:c={},portal:m,...p}=t,{motif:h}=(0,a.A)(e),g=null!=m?m:c.portal;return n.createElement("div",{style:{position:"absolute",left:r,top:d}},n.createElement(o.A,{motif:h,width:i,animate:!1,isHoverable:!1,offset:l?l+10:c.offset,...p,...c,portal:g,isOpen:g?!s:void 0},n.createElement("div",null)))},(t,e)=>Boolean(e.hidden));function d(t){return null!==t&&("string"==typeof t?"%"===t.slice(-1):!isNaN(t))}(0,i(455642).A)(".tooltipContainer__Q9Q7ZKPc{opacity:1;pointer-events:none}.tooltipContainer__Q9Q7ZKPc.animated__Q9Q7ZKPc{transition-duration:.1s;transition-property:opacity;transition-timing-function:cubic-bezier(.25,0,.25,1)}.tooltipContainer__Q9Q7ZKPc.interactive__Q9Q7ZKPc{pointer-events:auto}.tooltipContainer__Q9Q7ZKPc.interactive__Q9Q7ZKPc.hidden__Q9Q7ZKPc{pointer-events:none}.tooltipContainer__Q9Q7ZKPc.hidden__Q9Q7ZKPc{opacity:0}");var s=i(999803),l=i(495132);const c=(0,s.c)({tooltipContainer:"tooltipContainer__Q9Q7ZKPc",animated:"animated__Q9Q7ZKPc",interactive:"interactive__Q9Q7ZKPc",hidden:"hidden__Q9Q7ZKPc"});var m=(0,n.memo)(n.forwardRef((t,e)=>{const{className:i,isAnimated:o=!0,delay:a,hidden:s=!1,top:m=0,left:p=0,isInteractive:h,message:g,title:u,description:f,children:A,...b}=t,{currentState:$,onStart:v,onComplete:x}=(0,l.T)(s,a),[_,Q]=(0,n.useState)(!0),[k,S]=(0,n.useState)({top:m,left:p,message:g,title:u,description:f,children:A});(0,n.useEffect)(()=>{Q(!1)},[]),(0,n.useEffect)(()=>{s!==$&&(s?x:v)(s)},[s,$,v,x]),(0,n.useEffect)(()=>{s||S({top:m,left:p,message:g,title:u,description:f,children:A})},[s,m,p,g,u,f,A]);const K=!$&&d(p)&&d(m)&&!_;return n.createElement("div",{"data-testid":"svgtooltip",ref:e,className:c.concat(i)("tooltipContainer",!K&&"hidden",h&&"interactive",o&&"animated")},n.createElement(r,{hidden:$,top:k.top,left:k.left,isInteractive:h,message:k.message,title:k.title,description:k.description,...b},k.children))}))},535322(t,e,i){i.d(e,{A:()=>g,I:()=>n});var n,o=i(274934),a=i(814557),r=i(158885),d=i(247816),s=i(565527),l=i(309130),c=i(100978),m=i(291508);!function(t){t.ACCORDION="accordion",t.BUTTON_LIST="buttonList"}(n||(n={}));const p=(0,d.A)(c.A,(0,m.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:t,nested:e,theme:{themeName:i}})=>t||a.Ay[i===s.S.DARK?`desktop-color-neutral-${e?"00":"01"}-${s.S.DARK}`:`desktop-color-neutral-${e?"01":"00"}-${s.S.LIGHT}`]};
  padding: ${({isButtonList:t,padding:e})=>e||(t?`0 ${l.Ln}`:l.Ln)};
  margin-bottom: ${({marginBottom:t})=>t||l.Ln};
  ${({margin:t})=>t?`margin: ${t};`:""}
  border-radius: 8px;
  flex-direction: column;
  width: ${({width:t="100%"})=>t};
  flex: ${({flex:t=0})=>t};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  ${({isButtonList:t})=>t?`\n    > div {\n      display: flex;\n      height: 48px;\n      border-bottom: ${({theme:{themeName:t}})=>a.Ay[`desktop-border-divider-${t}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,h=(0,d.A)(r.A,(0,m.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:t,nested:e,theme:{themeName:i}})=>t||a.Ay[i===s.S.DARK?`desktop-color-neutral-${e?"00":"01"}-${s.S.DARK}`:`desktop-color-neutral-${e?"01":"00"}-${s.S.LIGHT}`]};
  margin-bottom: ${({theme:t,marginBottom:e})=>e||t.spacing["spacing-l"]};
  ${({margin:t})=>t?`margin: ${t};`:""}
  ${({padding:t})=>t?`padding: ${t};`:""}
  border-radius: 8px;
  flex-direction: column;
  flex: ${({flex:t=0})=>t};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  > li {
    > div:first-child {
      background: ${({background:t,theme:{themeName:e}})=>t||a.Ay[e===s.S.DARK?`desktop-color-neutral-01-${s.S.DARK}`:`desktop-color-neutral-00-${s.S.LIGHT}`]};
      height: 48px;
      padding: 0 ${l.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${l.Ln} ${l.Ln};
      }
    }
  }
`,g=({type:t,marginBottom:e,margin:i,padding:a,flex:r,width:d,nested:s,...l})=>"items"in l?(0,o.jsx)(h,{marginBottom:e,margin:i,padding:a,flex:r,nested:s,...l}):(0,o.jsx)(p,{nested:s,width:d,marginBottom:e,margin:i,padding:a,flex:r,isButtonList:t===n.BUTTON_LIST,...l,children:l.children})},376892(t,e,i){i.d(e,{A:()=>r});var n=i(274934),o=i(938984),a=i(470070);const r=({id:t,children:e,values:i})=>(0,n.jsxs)(o.A,{color:"text-1",weight:"bold",size:"medium",children:[t?(0,n.jsx)(a.sA,{id:t,values:i}):null,e]})},732025(t,e,i){i.d(e,{A:()=>s});var n=i(274934),o=i(602086),a=i(376892),r=i(535322),d=i(560151);const s=(0,o.memo)(({mac:t,object:e})=>(0,n.jsx)(r.A,{type:r.I.ACCORDION,items:[{id:"systemPerformance",openByDefault:!1,label:(0,n.jsx)(a.A,{id:"DEVICE_PROPERTY_SYSTEM_STATISTICS"}),renderContent:()=>(0,n.jsx)(d.A,{mac:t,object:e})}]}))},69875(t,e,i){i.d(e,{SY:()=>d,ZJ:()=>s,aW:()=>r});var n=i(814557),o=i(247816),a=i(100978);const r=(0,o.A)(a.A)`
  > div {
    width: inherit;
    flex: inherit;
  }
`,d=(0,o.A)(a.A)`
  width: 12px;
  border-bottom: 2px solid ${({theme:{themeName:t}})=>n.Ay[`desktop-color-ublue-06-${t}`]};
`,s=(0,o.A)(a.A)`
  width: 12px;
  border-bottom: 2px solid
    ${({theme:{motifPalette:{purple06:t}}})=>t};
`},834724(t,e,i){i.r(e),i.d(e,{default:()=>r});var n=i(274934),o=i(532565),a=i(732025);const r=({activeItem:{mac:t}})=>(0,n.jsx)(a.A,{mac:t,object:o.qv.DEVICE})}}]);