p3x-redis-ui-material/dist/chunk-CW5TPf8z.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import"./main-OCJB5534.js";import{Di as wf,Dr as lo,Dt as Qe,In as by,It as Sn,Kr as oT,P as HT,Pr as mc,Rn as co,T as Ee,Vn as cr,er as gT,in as Wa,mn as YQ,ur as iT,vr as jy,zn as cp}from"./chunk-CHqDEyfr.js";import{t as Q}from"./chunk-CyniViPG.js";import"./chunk-DjVJBOYc.js";import"./chunk-CWEwaFv9.js";import"./chunk-CyaMV1f5.js";import"./chunk-BM0xjj91.js";import"./chunk-CFyh5uM7.js";import{n as dn,r as ke,t as cn}from"./chunk-BGfsWqQT2.js";import"./chunk-CARSOUZ02.js";import{t as P}from"./chunk-BTZfv3-Q.js";var _=(e,n)=>n.key;function M(e,n){if(e&1&&(Wa(0,`div`,4)(1,`strong`),HT(2),wf(),Wa(3,`span`),HT(4),wf()()),e&2){let t=n.$implicit,i=gT(3);Sn(2),jy(i.generateKey(t.key)),Sn(2),jy(t.value)}}function H(e,n){if(e&1&&(Wa(0,`mat-tab`,1)(1,`div`,3),oT(2,M,5,2,`div`,4,_),wf()()),e&2){let t=n.$implicit,i=gT(2);by(`label`,t.key),Sn(2),iT(i.getKeyspaceItems(t.key))}}function R(e,n){if(e&1&&(Wa(0,`mat-tab`,1)(1,`mat-tab-group`,2),oT(2,H,4,1,`mat-tab`,1,_),wf()()),e&2){let t=gT();by(`label`,t.i18n.strings()?.title?.db??`DB`),Sn(2),iT(t.keyspaceDatabaseEntries)}}function w(e,n){if(e&1&&(Wa(0,`div`,4)(1,`strong`),HT(2),wf(),Wa(3,`span`),HT(4),wf()()),e&2){let t=n.$implicit,i=gT(2);Sn(2),jy(i.generateKey(t.key)),Sn(2),jy(i.formatValue(t.value))}}function U(e,n){if(e&1&&(Wa(0,`mat-tab`,1)(1,`div`,3),oT(2,w,5,2,`div`,4,_),wf()()),e&2){let t=n.$implicit;by(`label`,gT().generateKey(t.key)),Sn(2),iT(t.items)}}var W=(()=>{class e{breakpointObserver;i18n;cmd;cdr;state;maxHeight=`auto`;hasDatabases=!1;isCluster=!1;keyspaceDatabaseEntries=[];keyspaceItems={};infoSections=[];unsubFns=[];static EXCLUDE=[`in`,`run`,`per`];static INCLUDE=[`sha1`];static REPLACE={perc:`percent`,sec:`seconds`};constructor(t,i,a,o,y){this.breakpointObserver=t,this.i18n=i,this.cmd=a,this.cdr=o,this.state=y,cr(()=>{this.i18n.currentLang(),this.cdr.markForCheck()})}ngOnInit(){let t=this.state.info();this.state.redisChanged()&&(this.state.redisChanged.set(!1),this.broadcastRefresh());let i=this.state.connection();if(this.isCluster=i?.cluster===!0,t){let o=t.keyspaceDatabases??{};this.hasDatabases=Object.keys(o).length>0,this.keyspaceDatabaseEntries=Object.keys(o).map(s=>({key:s,value:o[s]}));for(let s of this.keyspaceDatabaseEntries){let c=t?.keyspace?.[`db`+s.key];this.keyspaceItems[s.key]=c?Object.keys(c).map(p=>({key:p,value:c[p]})):[]}this.infoSections=Object.keys(t).filter(s=>s!==`keyspace`&&s!==`keyspaceDatabases`).map(s=>({key:s,items:Object.keys(t[s]).map(c=>({key:c,value:t[s][c]}))}));let y=Array.isArray(this.state.modules())?this.state.modules():[];if(y.length>0){let s=y.map(p=>({key:p.name,value:`v${p.ver}`})),c=this.infoSections.findIndex(p=>p.key.toLowerCase()===`modules`);c>=0?this.infoSections[c].items=s:this.infoSections.push({key:`modules`,items:s})}this.infoSections=this.infoSections.filter(s=>s.items.length>0)}let a=this.breakpointObserver.observe(`(max-width: 599px)`).subscribe(o=>{this.recalcHeight(o.matches),this.cdr.markForCheck()});this.unsubFns.push(()=>a.unsubscribe())}ngOnDestroy(){this.unsubFns.forEach(t=>t())}getKeyspaceItems(t){return this.keyspaceItems[t]??[]}formatValue(t){return t==null?``:typeof t==`object`?JSON.stringify(t):String(t)}generateKey(t){let i=this.i18n.strings();return i?.title?.hasOwnProperty(t)?i.title[t]:t.split(`_`).map((a,o)=>(e.REPLACE.hasOwnProperty(a)&&(a=e.REPLACE[a]),e.INCLUDE.includes(a)||a.length<4&&!e.EXCLUDE.includes(a)?a.toUpperCase():o===0?a[0].toUpperCase()+a.substring(1):a)).join(` `)}recalcHeight(t){if(t)this.maxHeight=`auto`;else{let i=document.getElementById(`p3xr-database-content-container`);this.maxHeight=i?i.offsetHeight-50:`auto`}}broadcastRefresh(){this.cmd.treeRefresh$.next()}static ɵfac=function(i){return new(i||e)(Qe(cp),Qe(YQ),Qe(P),Qe(mc),Qe(Q))};static ɵcmp=Ee({type:e,selectors:[[`p3xr-database-statistics`]],decls:4,vars:1,consts:[[`dynamicHeight`,``],[3,`label`],[`dynamicHeight`,``,1,`p3xr-statistics-db-tabs`],[1,`p3xr-statistics-list`],[1,`p3xr-statistics-item`]],template:function(i,a){i&1&&(Wa(0,`mat-tab-group`,0),co(1,R,4,1,`mat-tab`,1),oT(2,U,4,1,`mat-tab`,1,_),wf()),i&2&&(Sn(),lo(a.hasDatabases&&!a.isCluster?1:-1),Sn(),iT(a.infoSections))},dependencies:[cn,ke,dn],styles:[`p3xr-ng-main-statistics>:first-child>.mat-mdc-tab-header,p3xr-database-statistics>:first-child>.mat-mdc-tab-header{position:sticky!important;top:0!important;z-index:2!important;background-color:var(--%NS%p3xr-content-bg, #303030)!important}p3xr-ng-main-statistics .mat-mdc-tab .mdc-tab__text-label,p3xr-database-statistics .mat-mdc-tab .mdc-tab__text-label{text-transform:none!important}.p3xr-statistics-list{padding:8px 16px}.p3xr-statistics-item{display:flex;align-items:baseline;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.p3xr-statistics-item span{text-align:right}body.p3xr-theme-dark .p3xr-statistics-item{border-bottom-color:#ffffff0f}.p3xr-statistics-db-tabs .mat-mdc-tab-header{background-color:var(--%NS%p3xr-btn-primary-bg)!important}.p3xr-statistics-db-tabs .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:#ffffffb3!important}.p3xr-statistics-db-tabs .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:#fff!important}.p3xr-statistics-db-tabs .mat-mdc-tab-header .mdc-tab-indicator__content--underline{border-color:#fff!important}body.p3xr-mat-theme-matrix .p3xr-statistics-db-tabs .mat-mdc-tab .mdc-tab__text-label{color:#000000de!important}body.p3xr-mat-theme-matrix .p3xr-statistics-db-tabs .mat-mdc-tab-header .mdc-tab-indicator__content--underline{border-color:#000000de!important}
`],encapsulation:2})}return e})();export{W as StatisticsComponent};