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 • 2.19 kB
import{A as e,Ct as t,D as n,E as r,G as i,J as a,Kt as o,M as s,R as c,T as l,Wt as u,Yt as d,Z as f,ht as p,it as m,k as h,nt as g,o as _,t as v,w as y}from"./i18n.store-B-qxQMr8.js";import{o as b,t as x,x as S}from"./_plugin-vue_export-helper-Cw5qm5mn.js";import{t as C}from"./VTooltip-C0b2WZo6.js";import{o as w}from"./index-Cn1nft6Q.js";var T={class:`p3xr-accordion-wrapper`},E={class:`p3xr-accordion-toolbar-inner`},D={class:`p3xr-accordion-actions`},O=x(s({__name:`P3xrAccordion`,props:{title:{},accordionKey:{},collapsible:{type:Boolean,default:!0}},setup(s){let x=s,O=v(),k=()=>O.strings,{themeKey:A}=_(w()),j={enterprise:`#9e9e9e`,light:`#b0bec5`,redis:`#ef9a9a`,dark:`#9e9e9e`,darkNeu:`#90a4ae`,darkoBluo:`#3f51b5`,matrix:`#76ff03`},M={enterprise:`rgba(0,0,0,0.87)`,light:`rgba(0,0,0,0.87)`,redis:`rgba(0,0,0,0.87)`,dark:`rgba(0,0,0,0.87)`,darkNeu:`rgba(0,0,0,0.87)`,darkoBluo:`#fff`,matrix:`rgba(0,0,0,0.87)`},N=0,P=`p3xr-accordion-extended-${x.accordionKey||String(++N)}`,F=p(!0);i(()=>{if(!x.collapsible){F.value=!0;return}try{let e=localStorage.getItem(P);F.value=e===null?!0:e===`true`}catch{F.value=!0}}),g(F,e=>{if(x.collapsible)try{localStorage.setItem(P,String(e))}catch{}});function I(){F.value=!F.value}return(i,p)=>(a(),n(`div`,T,[y(`div`,{class:u([`p3xr-accordion-toolbar`,{"p3xr-collapsed":!F.value}]),style:o({backgroundColor:j[t(A)],color:M[t(A)]})},[y(`div`,E,[y(`span`,{class:`p3xr-accordion-title`,style:o({cursor:s.collapsible?`pointer`:`default`}),onClick:p[0]||=e=>s.collapsible?I():void 0},d(s.title),5),y(`div`,D,[f(i.$slots,`actions`,{},void 0,!0)]),s.collapsible?(a(),l(C,{key:0,text:F.value?k()?.intention?.collapse:k()?.intention?.extend,location:`top`},{activator:m(({props:t})=>[e(b,c(t,{icon:``,variant:`text`,color:`inherit`,class:`p3xr-accordion-toggle`,onClick:I}),{default:m(()=>[e(S,null,{default:m(()=>[h(d(F.value?`mdi-chevron-up`:`mdi-chevron-down`),1)]),_:1})]),_:1},16)]),_:1},8,[`text`])):r(``,!0)])],6),y(`div`,{class:`p3xr-accordion-content`,style:o({display:F.value?`block`:`none`,borderColor:j[t(A)]})},[f(i.$slots,`content`,{},void 0,!0),f(i.$slots,`default`,{},void 0,!0)],4)]))}}),[[`__scopeId`,`data-v-d6806a2a`]]);export{O as t};