UNPKG

p3x-redis-ui-material

Version:

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

2 lines (1 loc) • 7.84 kB
import{a as nt}from"./chunk-AEOUXU3Y.js";import{a as ot}from"./chunk-XHHVAFYO.js";import{e as it}from"./chunk-TKRAWHQA.js";import{a as X,b as Y}from"./chunk-W32HPWBA.js";import"./chunk-YA4NX3C4.js";import{a as et}from"./chunk-ROJTG6DU.js";import{b as Q,c as G,d as Z,e as tt}from"./chunk-53CQV6LZ.js";import{b as q,c as $}from"./chunk-4GIODJCK.js";import{a as A,b as z,d as B,e as N,f as K,g as L}from"./chunk-PFG3GPGC.js";import{Bb as l,Cb as h,Da as m,Db as j,Ia as I,Jc as W,Ld as R,Nd as P,Pd as F,Rd as U,Xa as u,Ya as f,ba as M,bb as E,ca as S,cb as n,db as a,eb as k,jb as D,lb as d,nb as p,oc as H,rb as J,sb as O,tb as T,xa as c}from"./chunk-MHKTEXY5.js";import"./chunk-ENGD2CVB.js";import{h as y}from"./chunk-O7S4L63H.js";var bt=["editorContainer"];function yt(o,_){o&1&&(n(0,"mat-dialog-content",4),k(1,"div",11,0),a())}function Mt(o,_){if(o&1&&(n(0,"mat-dialog-content",5),l(1),a()),o&2){let e,i=p();c(),j(" ",(e=i.strings().label)==null?null:e.jsonViewNotParsable," ")}}function St(o,_){if(o&1){let e=D();n(0,"button",12),d("click",function(){M(e);let t=p(2);return S(t.save(!0))}),n(1,"mat-icon"),l(2,"save"),a(),n(3,"mat-icon"),l(4,"format_line_spacing"),a(),n(5,"span",8),l(6),a()()}if(o&2){let e,i,t=p(2);E("matTooltip",(e=t.strings().intention)==null?null:e.saveWithFormatJson),c(6),h((i=t.strings().intention)==null?null:i.saveWithFormatJson)}}function Et(o,_){if(o&1){let e=D();n(0,"button",12),d("click",function(){M(e);let t=p();return S(t.save(!1))}),n(1,"mat-icon"),l(2,"save"),a(),n(3,"span",8),l(4),a()(),u(5,St,7,2,"button",13)}if(o&2){let e,i,t=p();E("matTooltip",(e=t.strings().intention)==null?null:e.save),c(4),h((i=t.strings().intention)==null?null:i.save),c(),f(t.hideFormatSave?-1:5)}}var Gt=(()=>{class o{dialogRef;data;i18n;theme;common;breakpointObserver;state;settings;diffDialog;editorContainer;isJson=!1;isReadonly=!1;hideFormatSave=!1;lineWrap=!0;minHeight="400px";strings;editorView;wrapCompartment;EditorViewClass;obj;resizeHandler;constructor(e,i,t,r,s,g,x,w,C){this.dialogRef=e,this.data=i,this.i18n=t,this.theme=r,this.common=s,this.breakpointObserver=g,this.state=x,this.settings=w,this.diffDialog=C,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}this.isReadonly=this.state.connection()?.readonly===!0,this.hideFormatSave=this.data.hideFormatSave===!0,this.updateMinHeight()}ngAfterViewInit(){return y(this,null,function*(){if(!this.isJson||!this.editorContainer)return;let{EditorView:e,keymap:i,lineNumbers:t,highlightActiveLineGutter:r,highlightSpecialChars:s,drawSelection:g,highlightActiveLine:x,rectangularSelection:w,crosshairCursor:C}=yield import("./chunk-VOAY76C7.js"),{EditorState:V,Compartment:rt}=yield import("./chunk-DRLEICJT.js");this.wrapCompartment=new rt;let{json:at}=yield import("./chunk-CCVRBAFN.js"),{defaultKeymap:lt,history:st,historyKeymap:ct}=yield import("./chunk-ARYDE3YV.js"),{bracketMatching:mt,foldGutter:dt,foldKeymap:pt,indentOnInput:ht,syntaxHighlighting:gt,defaultHighlightStyle:ut}=yield import("./chunk-HQSFTEQT.js"),{closeBrackets:ft,closeBracketsKeymap:_t}=yield import("./chunk-Y5GXK335.js"),{searchKeymap:xt,highlightSelectionMatches:wt}=yield import("./chunk-GML3CRJ3.js"),{lintKeymap:Ct}=yield import("./chunk-NJFVE75C.js"),v;if(this.theme.isDark()){let{oneDark:b}=yield import("./chunk-BF5PL33H.js");v=b}else{let{githubLight:b}=yield import("./chunk-YW2WE7N4.js");v=b}let vt=JSON.stringify(this.obj,null,this.settings.jsonFormat()??2);this.EditorViewClass=e,this.editorView=new e({state:V.create({doc:vt,extensions:[t(),r(),s(),st(),dt(),g(),ht(),gt(ut,{fallback:!0}),mt(),ft(),w(),C(),x(),wt(),i.of([..._t,...lt,...xt,...ct,...pt,...Ct]),at(),v,e.theme({"&":{height:"calc(90vh - 100px)","max-height":"calc(90vh - 100px)"},".cm-scroller":{overflow:"auto","scrollbar-width":"auto"},".cm-scroller::-webkit-scrollbar":{height:"12px",display:"block"},".cm-scroller::-webkit-scrollbar-track":{background:"rgba(128, 128, 128, 0.1)"},".cm-scroller::-webkit-scrollbar-thumb":{background:"rgba(128, 128, 128, 0.4)","border-radius":"6px"},".cm-scroller::-webkit-scrollbar-thumb:hover":{background:"rgba(128, 128, 128, 0.6)"}}),this.wrapCompartment.of(this.lineWrap?e.lineWrapping:[]),V.readOnly.of(this.isReadonly)]}),parent:this.editorContainer.nativeElement}),this.resizeHandler=()=>{this.updateMinHeight()},window.addEventListener("resize",this.resizeHandler)})}ngOnDestroy(){this.resizeHandler&&window.removeEventListener("resize",this.resizeHandler),this.editorView&&(this.editorView.destroy(),this.editorView=void 0)}toggleWrap(){this.lineWrap=!this.lineWrap,this.editorView&&this.wrapCompartment&&this.EditorViewClass&&this.editorView.dispatch({effects:this.wrapCompartment.reconfigure(this.lineWrap?this.EditorViewClass.lineWrapping:[])})}save(e){return y(this,null,function*(){try{let i=this.editorView.state.doc.toString(),t=JSON.parse(i),r=JSON.stringify(t,null,e?this.settings.jsonFormat()??2:0),s=this.state.connection()?.name||"key";if(!(yield this.diffDialog.show({keyName:s,oldValue:this.data.value,newValue:r})))return;this.dialogRef.close({obj:r})}catch(i){this.common.generalHandleError(i)}})}close(){this.dialogRef.close(void 0)}updateMinHeight(){let e=this.breakpointObserver.isMatched("(max-width: 959px)");this.minHeight=e?"100%":`${Math.max(10,window.innerHeight-100)}px`}static \u0275fac=function(i){return new(i||o)(m(A),m(z),m(U),m(nt),m(it),m(W),m(Y),m(X),m(ot))};static \u0275cmp=I({type:o,selectors:[["p3xr-json-editor-dialog"]],viewQuery:function(i,t){if(i&1&&J(bt,5),i&2){let r;O(r=T())&&(t.editorContainer=r.first)}},decls:20,vars:5,consts:[["editorContainer",""],[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-dialog-content-editor"],[1,"p3xr-dialog-content","p3xr-dialog-content-mono","p3xr-dialog-content-message"],[1,"p3xr-dialog-actions"],["mat-raised-button","","type","button",1,"btn-accent",3,"click"],[1,"hide-sm"],[2,"flex","1"],[3,"cancel"],[1,"p3xr-codemirror-host"],["mat-raised-button","","type","button",1,"btn-primary",3,"click","matTooltip"],["mat-raised-button","","type","button",1,"btn-primary",3,"matTooltip"]],template:function(i,t){if(i&1&&(n(0,"mat-toolbar",1)(1,"span",2)(2,"mat-icon"),l(3,"edit"),a(),n(4,"span"),l(5),a()(),n(6,"button",3),d("click",function(){return t.close()}),n(7,"mat-icon"),l(8,"close"),a()()(),u(9,yt,3,0,"mat-dialog-content",4)(10,Mt,2,1,"mat-dialog-content",5),n(11,"mat-dialog-actions",6)(12,"button",7),d("click",function(){return t.toggleWrap()}),n(13,"mat-icon"),l(14),a(),n(15,"span",8),l(16),a()(),k(17,"span",9),n(18,"p3xr-dialog-cancel",10),d("cancel",function(){return t.close()}),a(),u(19,Et,6,3),a()),i&2){let r,s;c(5),h((r=t.strings().intention)==null?null:r.jsonViewEditor),c(4),f(t.isJson?9:10),c(5),h(t.lineWrap?"wrap_text":"notes"),c(2),h(t.lineWrap?(s=t.strings().intention)==null?null:s.unwrap:(s=t.strings().intention)==null?null:s.wrap),c(3),f(t.isJson&&!t.isReadonly?19:-1)}},dependencies:[H,L,B,K,N,F,P,R,$,q,tt,Z,G,Q,et],styles:[".hide-sm[_ngcontent-%COMP%]{display:inline}.p3xr-dialog-content-editor[_ngcontent-%COMP%]{padding:0!important;overflow:hidden!important;max-height:none!important}.p3xr-dialog-content-message[_ngcontent-%COMP%]{min-height:320px}.p3xr-codemirror-host[_ngcontent-%COMP%]{height:calc(90vh - 100px)}.p3xr-codemirror-host[_ngcontent-%COMP%] .cm-editor[_ngcontent-%COMP%]{height:100%!important;max-height:100%!important}.p3xr-codemirror-host[_ngcontent-%COMP%] .cm-scroller[_ngcontent-%COMP%]{overflow:auto!important;min-height:0!important}@media(max-width:959px){.hide-sm[_ngcontent-%COMP%]{display:none}}"]})}return o})();export{Gt as JsonEditorDialogComponent};