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.56 kB
JavaScript
import{Bi as ym,Di as wf,Dr as lo,Dt as Qe,Gn as dT,In as by,It as Sn,Lt as Sy,P as HT,Pn as bm,Rn as co,T as Ee,Vt as Te,er as gT,in as Wa,k as G0,mn as YQ,pt as Nf,t as $Y,vi as uc,vr as jy,w as Eb,wi as vt,y as Cn}from"./chunk-CHqDEyfr.js";import{a as se,n as ae,r as gt,t as Qt}from"./chunk-CNSP-oVC.js";import{n as wt,r as yt}from"./chunk-CGgWGJ3E.js";var D=[[[``,`actions`,``]],[[``,`content`,``]]];var z=[`[actions]`,`[content]`];function V(e,A){if(e&1){let t=dT();Wa(0,`button`,7),Sy(`click`,function(){ym(t);return bm(gT().toggle())}),Wa(1,`mat-icon`),HT(2),wf()()}if(e&2){let t=gT();by(`matTooltip`,t.extended?t.strings().intention?.collapse:t.strings().intention?.extend),Sn(2),jy(t.extended?`keyboard_arrow_up`:`keyboard_arrow_down`)}}function B(e,A){e&1&&(Wa(0,`div`,6),Te(1,1),wf())}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 ɵfac=function(a){return new(a||e)(Qe(YQ))};static ɵcmp=Ee({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),Wa(0,`div`,0)(1,`mat-toolbar`,1)(2,`div`,2)(3,`span`,3),Sy(`click`,function(){return o.collapsible?o.toggle():null}),HT(4),wf(),Wa(5,`div`,4),Te(6),wf(),co(7,V,3,2,`button`,5),wf()(),co(8,B,2,0,`div`,6),wf()),a&2&&(Sn(),vt(`p3xr-collapsed`,!o.extended)(`mat-elevation-z1`,!o.extended),Sn(2),uc(`cursor`,o.collapsible?`pointer`:`default`),Sn(),Nf(` `,o.title,` `),Sn(3),lo(o.collapsible?7:-1),Sn(),lo(o.extended?8:-1))},dependencies:[Eb,ae,se,$Y,G0,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(--%NS%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(--%NS%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 as t};