p3x-redis-ui-material/dist/8540.deb4c99120ac77a72de1.js

💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io

"use strict";(self.webpackChunkp3x_redis_ui_material=self.webpackChunkp3x_redis_ui_material||[]).push([[8540],{69617(e,t,n){n.d(t,{m:()=>h});var o=n(63924),r=n(20619),a=n(14861),l=n(33825),s=n(30943),i=n(51218),p=n(65209);function d(e,t){if(1&e&&(i.j41(0,"mat-tree-node",3)(1,"button",4)(2,"mat-icon"),i.EFF(3,"chevron_right"),i.k0s()(),i.j41(4,"span",5)(5,"span",6)(6,"span",7),i.EFF(7),i.k0s(),i.j41(8,"span",8),i.EFF(9,":"),i.k0s()(),i.j41(10,"span"),i.EFF(11),i.k0s()()()),2&e){const e=t.$implicit,n=i.XpG();i.Y8G("matTreeNodePaddingIndent",20),i.R7$(7),i.JRh(e.key),i.R7$(3),i.HbH("p3xr-json-tree-value p3xr-json-tree-value-"+e.type),i.R7$(),i.JRh(n.formatDisplay(e))}}function c(e,t){if(1&e&&(i.j41(0,"span",11),i.EFF(1,"..."),i.k0s(),i.j41(2,"span",10),i.EFF(3),i.k0s(),i.j41(4,"span",12),i.EFF(5),i.k0s()),2&e){const e=i.XpG().$implicit;i.R7$(3),i.JRh("array"===e.type?"]":"}"),i.R7$(2),i.SpI("(",e.childCount,")")}}function u(e,t){if(1&e&&(i.j41(0,"mat-tree-node",3)(1,"button",9)(2,"mat-icon"),i.EFF(3),i.k0s()(),i.j41(4,"span",7),i.EFF(5),i.k0s(),i.j41(6,"span",8),i.EFF(7,": "),i.k0s(),i.j41(8,"span",10),i.EFF(9),i.k0s(),i.nVh(10,c,6,2),i.k0s()),2&e){const e=t.$implicit,n=i.XpG();i.Y8G("matTreeNodePaddingIndent",20),i.R7$(3),i.JRh(n.treeControl.isExpanded(e)?"expand_more":"chevron_right"),i.R7$(2),i.JRh(e.key),i.R7$(4),i.JRh("array"===e.type?"[":"{"),i.R7$(),i.vxM(n.treeControl.isExpanded(e)?-1:10)}}class h{data;label="";expanded=!0;depth=0;wrap=!0;transformer=(e,t)=>({key:e.key,value:e.value,type:e.type,level:t,expandable:"object"===e.type||"array"===e.type,childCount:e.childCount});treeControl=new a.XW((e=>e.level),(e=>e.expandable));treeFlattener=new r.yj(this.transformer,(e=>e.level),(e=>e.expandable),(e=>e.children));dataSource=new r.zw(this.treeControl,this.treeFlattener);hasChild=(e,t)=>t.expandable;ngOnChanges(e){this.buildTree()}buildTree(){if(void 0===this.data||null===this.data)return void(this.dataSource.data=[]);const e=this.jsonToNode(this.label||"root",this.data);if(this.dataSource.data=(e.children,[e]),"recursive"===this.expanded)this.treeControl.expandAll();else if(!0===this.expanded){const e=this.treeControl.dataNodes;for(const t of e)0===t.level&&t.expandable&&this.treeControl.expand(t)}}jsonToNode(e,t){if(null===t)return{key:e,value:null,type:"null"};if(Array.isArray(t)){const n=t.map(((e,t)=>this.jsonToNode(String(t),e)));return{key:e,value:t,type:"array",children:n,childCount:n.length}}if("object"==typeof t){const n=Object.keys(t).map((e=>this.jsonToNode(e,t[e])));return{key:e,value:t,type:"object",children:n,childCount:n.length}}return{key:e,value:t,type:typeof t}}formatDisplay(e){return"null"===e.type?"null":"string"===e.type?`"${e.value}"`:String(e.value)}static ɵfac=function(e){return new(e||h)};static ɵcmp=i.VBU({type:h,selectors:[["p3xr-json-tree"]],inputs:{data:"data",label:"label",expanded:"expanded",depth:"depth",wrap:"wrap"},features:[i.OA$],decls:3,vars:5,consts:[[1,"p3xr-json-mat-tree",3,"dataSource","treeControl"],["matTreeNodePadding","",3,"matTreeNodePaddingIndent",4,"matTreeNodeDef"],["matTreeNodePadding","",3,"matTreeNodePaddingIndent",4,"matTreeNodeDef","matTreeNodeDefWhen"],["matTreeNodePadding","",3,"matTreeNodePaddingIndent"],["mat-icon-button","","disabled","",1,"p3xr-json-tree-toggle","p3xr-json-tree-toggle-hidden"],[1,"p3xr-json-tree-leaf-content"],[1,"p3xr-json-tree-leaf-key"],[1,"p3xr-json-tree-key"],[1,"p3xr-json-tree-colon"],["mat-icon-button","","matTreeNodeToggle","",1,"p3xr-json-tree-toggle"],[1,"p3xr-json-tree-bracket"],[1,"p3xr-json-tree-ellipsis"],[1,"p3xr-json-tree-count"]],template:function(e,t){1&e&&(i.j41(0,"mat-tree",0),i.DNE(1,d,12,5,"mat-tree-node",1)(2,u,11,5,"mat-tree-node",2),i.k0s()),2&e&&(i.AVh("p3xr-json-tree-nowrap",!t.wrap),i.Y8G("dataSource",t.dataSource)("treeControl",t.treeControl),i.R7$(2),i.Y8G("matTreeNodeDefWhen",t.hasChild))},dependencies:[o.MD,r.jH,r.yI,r.yF,r.pO,r.lQ,r.d6,l.m_,l.An,s.Hl,p.iY],styles:["\n        .p3xr-json-mat-tree {\n            font-family: 'Roboto Mono', monospace;\n            font-size: 13px;\n            background: inherit !important;\n        }\n        .p3xr-json-mat-tree .mat-tree-node,\n        .p3xr-json-mat-tree .mat-nested-tree-node {\n            background: inherit !important;\n            color: inherit !important;\n        }\n        .p3xr-json-mat-tree .mat-tree-node {\n            min-height: 24px;\n            height: auto;\n            line-height: 1.6;\n        }\n        .p3xr-json-tree-toggle-hidden {\n            visibility: hidden !important;\n        }\n        .p3xr-json-tree-toggle {\n            width: 24px !important;\n            height: 24px !important;\n            padding: 0 !important;\n            flex-shrink: 0;\n        }\n        .p3xr-json-tree-toggle .mat-icon {\n            font-size: 18px;\n            width: 18px;\n            height: 18px;\n            opacity: 0.6;\n        }\n        .p3xr-json-tree-leaf-content {\n            flex: 1;\n            min-width: 0;\n            display: flex;\n            align-items: flex-start;\n            gap: 6px;\n        }\n        .p3xr-json-tree-leaf-key {\n            flex-shrink: 0;\n            white-space: nowrap;\n        }\n        .p3xr-json-tree-value {\n            word-break: break-word;\n            min-width: 0;\n        }\n        .p3xr-json-tree-key {\n            font-weight: bold;\n            color: var(--p3xr-json-key-color, #881391);\n        }\n        .p3xr-json-tree-colon { opacity: 0.6; }\n        .p3xr-json-tree-bracket { opacity: 0.5; }\n        .p3xr-json-tree-ellipsis { opacity: 0.4; margin: 0 2px; }\n        .p3xr-json-tree-count { opacity: 0.4; font-size: 11px; margin-left: 4px; align-self: center; }\n        :host { display: block; overflow: auto; }\n        .p3xr-json-tree-value-string { color: var(--p3xr-json-value-string, #0b7500); }\n        .p3xr-json-tree-value-number { color: var(--p3xr-json-value-number, #1a01cc); }\n        .p3xr-json-tree-value-boolean { color: var(--p3xr-json-value-boolean, #c41a16); }\n        .p3xr-json-tree-value-null { color: var(--p3xr-json-value-null, #808080); font-style: italic; }\n        .p3xr-json-mat-tree .p3xr-json-tree-value { word-break: break-all; }\n        .p3xr-json-mat-tree.p3xr-json-tree-nowrap .p3xr-json-tree-value { white-space: nowrap; word-break: normal; }\n        .p3xr-json-mat-tree.p3xr-json-tree-nowrap .mat-tree-node { flex-wrap: nowrap; }\n    "],encapsulation:2})}},66970(e,t,n){n.d(t,{JsonViewDialogComponent:()=>f});var o=n(63924),r=n(64961),a=n(30943),l=n(33825),s=n(66608),i=n(46256),p=n(69617),d=n(23232),c=n(51218),u=n(24698),h=n(65209),x=n(34503);function j(e,t){if(1&e){const e=c.RV6();c.j41(0,"button",7),c.bIt("click",(function(){u.eBV(e);const t=c.XpG();return u.Njj(t.expandAll())})),c.j41(1,"mat-icon"),c.EFF(2,"keyboard_arrow_down"),c.k0s()(),c.j41(3,"button",7),c.bIt("click",(function(){u.eBV(e);const t=c.XpG();return u.Njj(t.collapseAll())})),c.j41(4,"mat-icon"),c.EFF(5,"keyboard_arrow_up"),c.k0s()()}if(2&e){let e,t;const n=c.XpG();c.Y8G("matTooltip",(null==(e=n.strings().page)||null==e.treeControls?null:e.treeControls.expandAll)||"Expand All"),c.R7$(3),c.Y8G("matTooltip",(null==(t=n.strings().page)||null==t.treeControls?null:t.treeControls.collapseAll)||"Collapse All")}}function m(e,t){if(1&e&&c.nrm(0,"p3xr-json-tree",4),2&e){let e;const t=c.XpG();c.Y8G("data",t.obj)("label",(null==(e=t.strings().label)?null:e.tree)||"root")("expanded",t.treeExpanded)}}function g(e,t){if(1&e&&(c.j41(0,"div"),c.EFF(1),c.k0s()),2&e){let e;const t=c.XpG();c.R7$(),c.JRh((null==(e=t.strings().label)?null:e.jsonViewNotParsable)||"Not valid JSON")}}class f{dialogRef;data;i18n;jsonTree;obj;isJson=!1;treeExpanded=!0;strings;constructor(e,t,n){this.dialogRef=e,this.data=t,this.i18n=n,this.strings=this.i18n.strings}ngOnInit(){try{this.obj=JSON.parse(this.data.value),this.isJson=!0}catch(e){this.obj=void 0,this.isJson=!1}}expandAll(){this.jsonTree?.treeControl.expandAll()}collapseAll(){this.jsonTree?.treeControl.collapseAll();const e=this.jsonTree?.treeControl.dataNodes?.[0];e&&this.jsonTree.treeControl.expand(e)}close(){this.dialogRef.close()}static ɵfac=function(e){return new(e||f)(c.rXU(r.CP),c.rXU(r.Vh),c.rXU(d.W))};static ɵcmp=c.VBU({type:f,selectors:[["p3xr-json-view-dialog"]],viewQuery:function(e,t){if(1&e&&c.GBs(p.m,5),2&e){let e;c.mGM(e=c.lsd())&&(t.jsonTree=e.first)}},decls:18,vars:4,consts:[[1,"p3xr-dialog-toolbar","p3xr-mat-layout-strong"],["mat-dialog-title","",1,"p3xr-dialog-title","p3xr-dialog-title-with-icon"],["mat-icon-button","",3,"click"],[1,"p3xr-dialog-content","p3xr-dialog-content-mono","p3xr-json-view-content"],[3,"data","label","expanded"],[1,"p3xr-dialog-actions"],["mat-raised-button","","type","button",1,"btn-accent",3,"click"],["mat-icon-button","",3,"click","matTooltip"]],template:function(e,t){if(1&e&&(c.j41(0,"mat-toolbar",0)(1,"span",1)(2,"mat-icon"),c.EFF(3,"table_chart"),c.k0s(),c.j41(4,"span"),c.EFF(5),c.k0s()(),c.nVh(6,j,6,2),c.j41(7,"button",2),c.bIt("click",(function(){return t.close()})),c.j41(8,"mat-icon"),c.EFF(9,"close"),c.k0s()()(),c.j41(10,"mat-dialog-content",3),c.nVh(11,m,1,3,"p3xr-json-tree",4)(12,g,2,1,"div"),c.k0s(),c.j41(13,"mat-dialog-actions",5)(14,"button",6),c.bIt("click",(function(){return t.close()})),c.j41(15,"mat-icon"),c.EFF(16,"close"),c.k0s(),c.EFF(17),c.k0s()()),2&e){let e,n;c.R7$(5),c.JRh((null==(e=t.strings().intention)?null:e.jsonViewShow)||"JSON View"),c.R7$(),c.vxM(t.isJson?6:-1),c.R7$(5),c.vxM(t.isJson?11:12),c.R7$(6),c.SpI(" ",(null==(n=t.strings().intention)?null:n.close)||"Close"," ")}},dependencies:[o.MD,r.hM,r.BI,r.E7,r.Yi,a.Hl,a.$z,h.iY,l.m_,l.An,s.s5,s.KQ,i.uc,x.oV,p.m],styles:[".p3xr-json-view-content[_ngcontent-%COMP%] { min-height: 200px; max-height: 70vh; overflow: auto; }"]})}}}]);