"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[74244],{618965(t,e,n){n.d(e,{A:()=>m});var i=n(602086),o=n(125799),a=n(43009),r=(0,i.memo)(t=>{const{motif:e,width:n=194,left:r=0,top:d=0,hidden:s,topMargin:c,tooltipProps:l={},portal:m,...p}=t,{motif:g}=(0,a.A)(e),h=null!=m?m:l.portal;return i.createElement("div",{style:{position:"absolute",left:r,top:d}},i.createElement(o.A,{motif:g,width:n,animate:!1,isHoverable:!1,offset:c?c+10:l.offset,...p,...l,portal:h,isOpen:h?!s:void 0},i.createElement("div",null)))},(t,e)=>Boolean(e.hidden));function d(t){return null!==t&&("string"==typeof t?"%"===t.slice(-1):!isNaN(t))}(0,n(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=n(999803),c=n(495132);const l=(0,s.c)({tooltipContainer:"tooltipContainer__Q9Q7ZKPc",animated:"animated__Q9Q7ZKPc",interactive:"interactive__Q9Q7ZKPc",hidden:"hidden__Q9Q7ZKPc"});var m=(0,i.memo)(i.forwardRef((t,e)=>{const{className:n,isAnimated:o=!0,delay:a,hidden:s=!1,top:m=0,left:p=0,isInteractive:g,message:h,title:u,description:f,children:_,...b}=t,{currentState:A,onStart:$,onComplete:v}=(0,c.T)(s,a),[x,Q]=(0,i.useState)(!0),[C,k]=(0,i.useState)({top:m,left:p,message:h,title:u,description:f,children:_});(0,i.useEffect)(()=>{Q(!1)},[]),(0,i.useEffect)(()=>{s!==A&&(s?v:$)(s)},[s,A,$,v]),(0,i.useEffect)(()=>{s||k({top:m,left:p,message:h,title:u,description:f,children:_})},[s,m,p,h,u,f,_]);const S=!A&&d(p)&&d(m)&&!x;return i.createElement("div",{"data-testid":"svgtooltip",ref:e,className:l.concat(n)("tooltipContainer",!S&&"hidden",g&&"interactive",o&&"animated")},i.createElement(r,{hidden:A,top:C.top,left:C.left,isInteractive:g,message:C.message,title:C.title,description:C.description,...b},C.children))}))},535322(t,e,n){n.d(e,{A:()=>h,I:()=>i});var i,o=n(274934),a=n(814557),r=n(158885),d=n(247816),s=n(565527),c=n(309130),l=n(100978),m=n(291508);!function(t){t.ACCORDION="accordion",t.BUTTON_LIST="buttonList"}(i||(i={}));const p=(0,d.A)(l.A,(0,m.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:t,nested:e,theme:{themeName:n}})=>t||a.Ay[n===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 ${c.Ln}`:c.Ln)};
  margin-bottom: ${({marginBottom:t})=>t||c.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  `:""}
`,g=(0,d.A)(r.A,(0,m.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:t,nested:e,theme:{themeName:n}})=>t||a.Ay[n===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 ${c.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${c.Ln} ${c.Ln};
      }
    }
  }
`,h=({type:t,marginBottom:e,margin:n,padding:a,flex:r,width:d,nested:s,...c})=>"items"in c?(0,o.jsx)(g,{marginBottom:e,margin:n,padding:a,flex:r,nested:s,...c}):(0,o.jsx)(p,{nested:s,width:d,marginBottom:e,margin:n,padding:a,flex:r,isButtonList:t===i.BUTTON_LIST,...c,children:c.children})},732025(t,e,n){n.d(e,{A:()=>s});var i=n(274934),o=n(602086),a=n(376892),r=n(535322),d=n(560151);const s=(0,o.memo)(({mac:t,object:e})=>(0,i.jsx)(r.A,{type:r.I.ACCORDION,items:[{id:"systemPerformance",openByDefault:!1,label:(0,i.jsx)(a.A,{id:"DEVICE_PROPERTY_SYSTEM_STATISTICS"}),renderContent:()=>(0,i.jsx)(d.A,{mac:t,object:e})}]}))},316192(t,e,n){n.r(e),n.d(e,{default:()=>c});var i=n(274934),o=n(532565),a=n(412160),r=n(113592),d=n(320018),s=n(732025);const c=({activeItem:{mac:t,model:e}})=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.A,{mac:t,model:e,logType:r.F.DEVICE,label:"COMMON_HISTORY",ignoreActionableValues:[a.dl.DEVICE]}),(0,i.jsx)(s.A,{mac:t,object:o.qv.CI})]})}}]);