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

1 lines • 3.49 kB
import {X as Xe,f as fQ,_ as _e,m as mb,d as ae,s as se,e as aY,g as _A,y as yt,w as wt,i as Qt,j as gt,C as Cn,B as Ba,k as bv,I as IS,v as vf,l as Ce,n as no,c as In,o as mt,q as oc,t as If,r as ro,x as YT,J as JT,p as pv,R as Rv,z as fm,A as pm}from'./chunk-BwlFOdbx.js';var D=[[["","actions",""]],[["","content",""]]],z=["[actions]","[content]"];function V(e,A){if(e&1){let t=YT();Ba(0,"button",7),bv("click",function(){fm(t);let o=JT();return pm(o.toggle())}),Ba(1,"mat-icon"),IS(2),vf()();}if(e&2){let t=JT();pv("matTooltip",t.extended?t.strings().intention?.collapse:t.strings().intention?.extend),In(2),Rv(t.extended?"keyboard_arrow_up":"keyboard_arrow_down");}}function B(e,A){e&1&&(Ba(0,"div",6),Ce(1,1),vf());}var X=(()=>{class e{i18n;title="";accordionKey="";collapsible=true;strings;extended=true;static counter=0;storageKey="";constructor(t){this.i18n=t,this.strings=this.i18n.strings;}ngOnInit(){this.accordionKey||(this.accordionKey=String(++e.counter)),this.storageKey=`p3xr-accordion-extended-${this.accordionKey}`,this.loadState();}toggle(){this.extended=!this.extended,this.saveState();}loadState(){try{let t=localStorage.getItem(this.storageKey);this.extended=t===null?!0:t==="true";}catch(t){this.extended=true;}}saveState(){try{localStorage.setItem(this.storageKey,String(this.extended));}catch(t){}}static \u0275fac=function(a){return new(a||e)(Xe(fQ))};static \u0275cmp=_e({type:e,selectors:[["p3xr-ng-accordion"]],inputs:{title:"title",accordionKey:"accordionKey",collapsible:"collapsible"},ngContentSelectors:z,decls:9,vars:9,consts:[[1,"p3xr-accordion-wrapper"],[1,"p3xr-accordion-toolbar"],[1,"p3xr-accordion-toolbar-inner"],[1,"p3xr-accordion-title",3,"click"],[1,"p3xr-accordion-actions"],["mat-icon-button","",1,"p3xr-accordion-toggle",3,"matTooltip"],[1,"p3xr-accordion-content"],["mat-icon-button","",1,"p3xr-accordion-toggle",3,"click","matTooltip"]],template:function(a,o){a&1&&(Cn(D),Ba(0,"div",0)(1,"mat-toolbar",1)(2,"div",2)(3,"span",3),bv("click",function(){return o.collapsible?o.toggle():null}),IS(4),vf(),Ba(5,"div",4),Ce(6),vf(),no(7,V,3,2,"button",5),vf()(),no(8,B,2,0,"div",6),vf()),a&2&&(In(),mt("p3xr-collapsed",!o.extended)("mat-elevation-z1",!o.extended),In(2),oc("cursor",o.collapsible?"pointer":"default"),In(),If(" ",o.title," "),In(3),ro(o.collapsible?7:-1),In(),ro(o.extended?8:-1));},dependencies:[mb,ae,se,aY,_A,yt,wt,Qt,gt],styles:["[_nghost-%COMP%]{display:block}.p3xr-accordion-wrapper[_ngcontent-%COMP%]{margin-bottom:0}.p3xr-accordion-toolbar[_ngcontent-%COMP%]{height:48px;min-height:48px;max-height:48px;font-size:20px;font-weight:400;background-color:var(--p3xr-accordion-bg)!important;color:#000000de!important;padding:0;border-radius:4px 4px 0 0;box-shadow:0 1px 1px #0000004d}.p3xr-accordion-toolbar.p3xr-collapsed[_ngcontent-%COMP%]{box-shadow:0 1px 1px #0006;border-radius:4px}.p3xr-accordion-toolbar-inner[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;height:48px;padding:0 8px 0 16px;box-sizing:border-box}.p3xr-accordion-content[_ngcontent-%COMP%]{border:1px solid var(--p3xr-accordion-bg);border-radius:0 0 4px 4px}.p3xr-accordion-title[_ngcontent-%COMP%]{flex:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p3xr-accordion-actions[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.p3xr-accordion-toggle[_ngcontent-%COMP%]{flex-shrink:0;width:40px!important;height:40px!important;padding:0!important}"],changeDetection:1})}return e})();export{X};