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) • 3.5 kB
JavaScript
import{b as I,c as T,d as E,e as j}from"./chunk-VMTBY4VN.js";import{b as k,c as K}from"./chunk-HFDIHHHN.js";import{Bb as x,Cb as M,Da as u,Db as y,Ia as f,Ld as P,Pd as S,Rd as O,Xa as c,Ya as l,ba as m,bb as h,ca as g,cb as a,db as r,jb as _,lb as d,nb as p,ob as b,oc as w,pb as s,xa as i,yb as C,zb as v}from"./chunk-KQUCMSSK.js";var z=[[["","actions",""]],[["","content",""]]],D=["[actions]","[content]"];function V(e,A){if(e&1){let t=_();a(0,"button",7),d("click",function(){m(t);let n=p();return g(n.toggle())}),a(1,"mat-icon"),x(2),r()()}if(e&2){let t,o=p();h("matTooltip",o.extended?(t=o.strings().intention)==null?null:t.collapse:(t=o.strings().intention)==null?null:t.extend),i(2),M(o.extended?"keyboard_arrow_up":"keyboard_arrow_down")}}function B(e,A){e&1&&(a(0,"div",6),s(1,1),r())}var X=(()=>{class e{i18n;title="";accordionKey="";collapsible=!0;strings;extended=!0;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=!0}}saveState(){try{localStorage.setItem(this.storageKey,String(this.extended))}catch(t){}}static \u0275fac=function(o){return new(o||e)(u(O))};static \u0275cmp=f({type:e,selectors:[["p3xr-ng-accordion"]],inputs:{title:"title",accordionKey:"accordionKey",collapsible:"collapsible"},ngContentSelectors:D,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(o,n){o&1&&(b(z),a(0,"div",0)(1,"mat-toolbar",1)(2,"div",2)(3,"span",3),d("click",function(){return n.collapsible?n.toggle():null}),x(4),r(),a(5,"div",4),s(6),r(),c(7,V,3,2,"button",5),r()(),c(8,B,2,0,"div",6),r()),o&2&&(i(),v("p3xr-collapsed",!n.extended)("mat-elevation-z1",!n.extended),i(2),C("cursor",n.collapsible?"pointer":"default"),i(),y(" ",n.title," "),i(3),l(n.collapsible?7:-1),i(),l(n.extended?8:-1))},dependencies:[w,j,E,S,P,K,k,T,I],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}"]})}return e})();export{X as a};