@camera.ui/server 0.0.5 → 0.0.8

package/dist/interface/assets/{VPluginCard--3bx6UJb.js → VPluginCard-CFpg0LM4.js}

@@ -1,4 +1,4 @@
-import{_ as bt}from"./VConfigEditor.vue_vue_type_script_setup_true_lang-CXFI-IeE.js";import{z as xt,a as wt,f as _t,t as kt,P as x,e as Vt,w as Pt,d as $t}from"./main-C4rYiRNz.js";import{F as Ct,t as Nt,r as f,c as H,w as _,aa as Lt,y as St,J as zt,e as u,f as j,j as g,u as e,X as U,M as s,R as o,V as p,T as i,O as r,l as d,m as le,i as k,q as V,aq as Qt,ah as At,ai as Tt}from"./@vue-C7-KaDG4.js";import{M as Ut,at as we,ad as It,h as Bt,g as Rt,au as _e,ab as ke,av as Dt,aw as Ot,ax as Et,U as Mt}from"./@mdi-C-QA1nE3.js";import{b as Jt}from"./@vueform-arggO0eF.js";import{i as Ht}from"./vue3-toastify-Ul-rf53I.js";import{P as jt}from"./plugins-Bf03y242.js";import{S as Wt}from"./system-BONnDA4y.js";import{V as qt}from"./VConsole-BHo3xprq.js";import{s as Gt}from"./pinia-D8MtiGcH.js";import{l as Kt,b as Ft,d as Xt}from"./@vueuse-C3WMTDqL.js";import{e as y,V as re,_ as Yt,W as Ve,m as Zt,l as Pe,b as W,f as I,H as B,n as ae,G as el,o as tl,I as ll,J as al,z as ol}from"./vuetify-_-Oqac3B.js";const nl=R=>(At("data-v-b07109b4"),R=R(),Tt(),R),sl={class:"flex space-x-4 w-full"},il={key:0,class:"relative"},ul={class:"absolute right-0",style:{"z-index":"1",bottom:"5px"}},rl={class:"w-full",style:{"max-width":"calc(100% - 52px - 16px)"}},dl={class:"flex items-center w-full truncate",style:{height:"28px","max-height":"28px"}},gl={key:0,class:"mx-1"},cl={class:"ml-auto"},pl={key:0},ml={class:"truncate-box mt-2"},vl=["data-truncate-text"],fl={class:"flex space-x-1 items-center h-full w-full mt-auto",style:{height:"28px","max-height":"28px"}},yl={class:"flex items-center justify-center"},hl={style:{"font-size":"9pt"}},bl=nl(()=>g("div",{class:"ml-auto"},null,-1)),xl={class:"text-red-500"},wl={class:"v-label"},_l=Ct({__name:"VPluginCard",props:{plugin:{},showToggle:{type:Boolean,default:!1},showSettings:{type:Boolean,default:!1},showLogo:{type:Boolean,default:!1},showInstalledIcon:{type:Boolean,default:!1},showRestart:{type:Boolean,default:!1},showPluginStatus:{type:Boolean,default:!1},showLogs:{type:Boolean,default:!1},showConfigs:{type:Boolean,default:!1},background:{default:"var(--background-inner-component)"},borderRadius:{default:"8px"},width:{default:"100%"},height:{default:"100%"},minWidth:{},maxWidth:{},minHeight:{},maxHeight:{},truncate:{type:Boolean,default:!0}},emits:["isLoading"],setup(R,{emit:$e}){const c=new jt,q=new Wt,de=xt(),Ce=wt(),{smallMobileActive:G}=_t(),Ne=$e,Le=R,{plugin:l,background:Se,borderRadius:ze,height:P,minHeight:K,maxHeight:F,width:Qe,minWidth:X,maxWidth:Y,showToggle:ge,showSettings:Ae,showLogo:ce,showInstalledIcon:Te,showRestart:Ue,showPluginStatus:pe,showLogs:Ie,showConfigs:Be,truncate:me}=Nt(Le),{theme:Re}=Gt(Ce),ve=f(kt()),D=f(""),S=f(l.value.installedVersion||l.value.latestVersion),De=f(!1),$=f(),Z=f(),fe=f(null),m=f({color:"rgba(var(--color-rgb), 0.3)",text:x.UNKNOWN}),ee=f(!1),C=f(!l.value.disabled),z=f(!1),N=f(!1),Q=f(!1),A=f(!1),O=f(!1),E=f(null),Oe=Kt(fe),Ee=Ft(),ye=Xt({listenOrientation:!1});q.toggleQueryActivator("downloadLogQuery",!1),c.toggleQueryActivator("getPluginVersionsQuery",!1),c.toggleQueryActivator("getPluginConfigJsonQuery",!1),c.toggleQueryActivator("getPluginUpdateQuery",l.value.installPath!==void 0);const{mutateAsync:Me,isPending:Je}=c.enablePluginQuery(),{mutateAsync:He,isPending:je}=c.disablePluginQuery(),{mutateAsync:We,isPending:qe}=c.startPluginQuery(),{mutateAsync:Ge,isPending:Ke}=c.stopPluginQuery(),{mutateAsync:Fe,isPending:Xe}=c.restartPluginQuery(),{mutateAsync:Ye,isPending:Ze}=c.installPluginQuery(),{mutateAsync:et,isPending:tt}=c.uninstallPluginQuery(),{mutate:lt,isPending:at}=c.patchPluginConfigQuery(),{data:ot,isLoading:oe}=c.getPluginVersionsQuery(l.value.pluginName),{data:te,isLoading:nt}=c.getPluginUpdateQuery(l.value.pluginName),{data:ne,isLoading:st}=c.getPluginConfigJsonQuery(l.value.pluginName),{data:it,isLoading:ut}=c.getPluginLogoQuery(l.value.pluginName),{data:he,isLoading:rt,suspense:dt}=q.downloadLogQuery([`[${l.value.displayName}]`,l.value.pluginName]),gt=H(()=>({fontSize:14,showGutter:!G.value})),ct=H(()=>({fontSize:G.value?12:14})),pt=H(()=>{let a=`width: ${Qe.value}; height: ${P.value}; background: ${Se.value}; border-radius: ${ze.value};`;return K!=null&&K.value&&(a+=`min-height: ${K.value};`),F!=null&&F.value&&(a+=`max-height: ${F.value};`),X!=null&&X.value&&(a+=`min-width: ${X.value};`),Y!=null&&Y.value&&(a+=`max-width: ${Y.value};`),a}),L=H(()=>De.value||Je.value||je.value||Xe.value||tt.value||Ze.value||qe.value||Ke.value||st.value),se=H(()=>m.value.text==="stopped"||m.value.text==="unknown");_(l,()=>{S.value=l.value.installedVersion||l.value.latestVersion,C.value=!l.value.disabled},{deep:!0}),_(ne,()=>{ne.value&&(D.value=JSON.stringify(ne.value,null,2))},{deep:!0,immediate:!0}),_(L,a=>Ne("isLoading",a)),me.value&&(_(Ee.orientation,()=>{ue()},{deep:!0}),_([ye.height,ye.width],()=>{ue()},{deep:!0})),_(z,a=>{c.toggleQueryActivator("getPluginConfigJsonQuery",a)}),_(A,a=>{c.toggleQueryActivator("getPluginVersionsQuery",a)}),_(N,a=>{ie(a)}),_(G,()=>{mt()});const be=a=>{switch(a){case x.ERROR:m.value.color="#9d5752";break;case x.STARTING:m.value.color="orange",C.value=!0;break;case x.READY:m.value.color="yellow",C.value=!0;break;case x.STARTED:m.value.color="green",C.value=!0;break;case x.STOPPED:m.value.color="red";break;case x.DISABLED:m.value.color="transparent";break;case x.UNKNOWN:m.value.color="gray";break;default:m.value.color="gray";break}},ie=a=>{var t,b,T,w,M,n,v;a?($.value=de.connectToNamespace("/logs"),(t=$.value)==null||t.socket.on(`stdout/${l.value.pluginName}`,h=>{var J;(J=E.value)==null||J.writeTerminal(h)}),(b=$.value)==null||b.socket.on("stdout",h=>{var J;(J=E.value)==null||J.writeTerminal(h)}),(T=$.value)==null||T.socket.on("disconnect",()=>{var h;(h=E.value)==null||h.writeTerminal(`
+import{_ as bt}from"./VConfigEditor.vue_vue_type_script_setup_true_lang-C_95ELTZ.js";import{z as xt,a as wt,f as _t,t as kt,P as x,e as Vt,w as Pt,d as $t}from"./main-BCWSiwnj.js";import{F as Ct,t as Nt,r as v,c as H,w as _,aa as Lt,y as St,J as zt,e as u,f as j,j as g,u as e,X as U,M as s,R as o,V as p,T as i,O as r,l as d,m as le,i as k,q as V,aq as Qt,ah as At,ai as Tt}from"./@vue-C10tA4b9.js";import{M as Ut,at as we,ad as It,h as Bt,g as Rt,au as _e,ab as ke,av as Dt,aw as Ot,ax as Et,U as Mt}from"./@mdi-C-QA1nE3.js";import{b as Jt}from"./@vueform-Bj73kRPS.js";import{i as Ht}from"./vue3-toastify-DQr2dOCx.js";import{P as jt}from"./plugins-D80RNVmI.js";import{S as Wt}from"./system-CS_ZOs3_.js";import{V as qt}from"./VConsole-BHy92Ws0.js";import{s as Gt}from"./pinia-CitQ5b66.js";import{l as Kt,b as Ft,d as Xt}from"./@vueuse-BPeqNGoM.js";import{e as y,V as re,_ as Yt,W as Ve,m as Zt,l as Pe,b as W,f as I,H as B,n as ae,G as el,o as tl,I as ll,J as al,z as ol}from"./vuetify-CrcT8VHB.js";const nl=R=>(At("data-v-91443f51"),R=R(),Tt(),R),sl={class:"flex space-x-4 w-full"},il={key:0,class:"relative"},ul={class:"absolute right-0",style:{"z-index":"1",bottom:"5px"}},rl={class:"w-full",style:{"max-width":"calc(100% - 52px - 16px)"}},dl={class:"flex items-center w-full truncate",style:{height:"28px","max-height":"28px"}},gl={key:0,class:"mx-1"},cl={class:"ml-auto"},pl={key:0},ml={class:"truncate-box mt-2"},fl=["data-truncate-text"],vl={class:"flex space-x-1 items-center h-full w-full mt-auto",style:{height:"28px","max-height":"28px"}},yl={class:"flex items-center justify-center"},hl={style:{"font-size":"9pt"}},bl=nl(()=>g("div",{class:"ml-auto"},null,-1)),xl={class:"text-red-500"},wl={class:"v-label"},_l=Ct({__name:"VPluginCard",props:{plugin:{},showToggle:{type:Boolean,default:!1},showSettings:{type:Boolean,default:!1},showLogo:{type:Boolean,default:!1},showInstalledIcon:{type:Boolean,default:!1},showRestart:{type:Boolean,default:!1},showPluginStatus:{type:Boolean,default:!1},showLogs:{type:Boolean,default:!1},showConfigs:{type:Boolean,default:!1},background:{default:"var(--background-inner-component)"},borderRadius:{default:"8px"},width:{default:"100%"},height:{default:"100%"},minWidth:{},maxWidth:{},minHeight:{},maxHeight:{},truncate:{type:Boolean,default:!0}},emits:["isLoading"],setup(R,{emit:$e}){const c=new jt,q=new Wt,de=xt(),Ce=wt(),{smallMobileActive:G}=_t(),Ne=$e,Le=R,{plugin:l,background:Se,borderRadius:ze,height:P,minHeight:K,maxHeight:F,width:Qe,minWidth:X,maxWidth:Y,showToggle:ge,showSettings:Ae,showLogo:ce,showInstalledIcon:Te,showRestart:Ue,showPluginStatus:pe,showLogs:Ie,showConfigs:Be,truncate:me}=Nt(Le),{theme:Re}=Gt(Ce),fe=v(kt()),D=v(""),S=v(l.value.installedVersion||l.value.latestVersion),De=v(!1),$=v(),Z=v(),ve=v(null),m=v({color:"rgba(var(--color-rgb), 0.3)",text:x.UNKNOWN}),ee=v(!1),C=v(!l.value.disabled),z=v(!1),N=v(!1),Q=v(!1),A=v(!1),O=v(!1),E=v(null),Oe=Kt(ve),Ee=Ft(),ye=Xt({listenOrientation:!1});q.toggleQueryActivator("downloadLogQuery",!1),c.toggleQueryActivator("getPluginVersionsQuery",!1),c.toggleQueryActivator("getPluginConfigJsonQuery",!1),c.toggleQueryActivator("getPluginUpdateQuery",l.value.installPath!==void 0);const{mutateAsync:Me,isPending:Je}=c.enablePluginQuery(),{mutateAsync:He,isPending:je}=c.disablePluginQuery(),{mutateAsync:We,isPending:qe}=c.startPluginQuery(),{mutateAsync:Ge,isPending:Ke}=c.stopPluginQuery(),{mutateAsync:Fe,isPending:Xe}=c.restartPluginQuery(),{mutateAsync:Ye,isPending:Ze}=c.installPluginQuery(),{mutateAsync:et,isPending:tt}=c.uninstallPluginQuery(),{mutate:lt,isPending:at}=c.patchPluginConfigQuery(),{data:ot,isLoading:oe}=c.getPluginVersionsQuery(l.value.pluginName),{data:te,isLoading:nt}=c.getPluginUpdateQuery(l.value.pluginName),{data:ne,isLoading:st}=c.getPluginConfigJsonQuery(l.value.pluginName),{data:it,isLoading:ut}=c.getPluginLogoQuery(l.value.pluginName),{data:he,isLoading:rt,suspense:dt}=q.downloadLogQuery([`[${l.value.displayName}]`,l.value.pluginName]),gt=H(()=>({fontSize:14,showGutter:!G.value})),ct=H(()=>({fontSize:G.value?12:14})),pt=H(()=>{let a=`width: ${Qe.value}; height: ${P.value}; background: ${Se.value}; border-radius: ${ze.value};`;return K!=null&&K.value&&(a+=`min-height: ${K.value};`),F!=null&&F.value&&(a+=`max-height: ${F.value};`),X!=null&&X.value&&(a+=`min-width: ${X.value};`),Y!=null&&Y.value&&(a+=`max-width: ${Y.value};`),a}),L=H(()=>De.value||Je.value||je.value||Xe.value||tt.value||Ze.value||qe.value||Ke.value||st.value),se=H(()=>m.value.text==="stopped"||m.value.text==="unknown");_(l,()=>{S.value=l.value.installedVersion||l.value.latestVersion,C.value=!l.value.disabled},{deep:!0}),_(ne,()=>{ne.value&&(D.value=JSON.stringify(ne.value,null,2))},{deep:!0,immediate:!0}),_(L,a=>Ne("isLoading",a)),me.value&&(_(Ee.orientation,()=>{ue()},{deep:!0}),_([ye.height,ye.width],()=>{ue()},{deep:!0})),_(z,a=>{c.toggleQueryActivator("getPluginConfigJsonQuery",a)}),_(A,a=>{c.toggleQueryActivator("getPluginVersionsQuery",a)}),_(N,a=>{ie(a)}),_(G,()=>{mt()});const be=a=>{switch(a){case x.ERROR:m.value.color="#9d5752";break;case x.STARTING:m.value.color="orange",C.value=!0;break;case x.READY:m.value.color="yellow",C.value=!0;break;case x.STARTED:m.value.color="green",C.value=!0;break;case x.STOPPED:m.value.color="red";break;case x.DISABLED:m.value.color="transparent";break;case x.UNKNOWN:m.value.color="gray";break;default:m.value.color="gray";break}},ie=a=>{var t,b,T,w,M,n,f;a?($.value=de.connectToNamespace("/logs"),(t=$.value)==null||t.socket.on(`stdout/${l.value.pluginName}`,h=>{var J;(J=E.value)==null||J.writeTerminal(h)}),(b=$.value)==null||b.socket.on("stdout",h=>{var J;(J=E.value)==null||J.writeTerminal(h)}),(T=$.value)==null||T.socket.on("disconnect",()=>{var h;(h=E.value)==null||h.writeTerminal(`
 \rWebsocket failed to connect! Is the server running?
 \r
-\r`)}),(w=$.value)==null||w.socket.on("clear-log",()=>{var h;(h=E.value)==null||h.clearTerminal()}),(M=$.value)==null||M.socket.emit("get-log",[`[${l.value.displayName}]`,l.value.pluginName])):(v=(n=$.value)==null?void 0:n.end)==null||v.call(n)},mt=()=>{N.value&&(ie(!1),ie(!0))},ue=()=>{const a=document.querySelector(`[data-truncate-text='${ve.value}']`);let t=l.value.description||a.innerText;a.innerText=t||"";const b=P!=null&&P.value?parseInt(P==null?void 0:P.value,10):Oe.height.value,T=2*20,n=b-T-28-28;for(;a.scrollHeight>n&&t.includes(" ");)t=t.substring(0,t.lastIndexOf(" ")),a.innerText=t+"..."},xe=async(a="latest")=>{A.value=!1,l.value.installedVersion!==a&&(N.value=!0,await Ye({pluginData:{pluginname:l.value.pluginName,pluginversion:a}}),S.value=l.value.installedVersion||l.value.latestVersion)},vt=async()=>{O.value=!1,await et({pluginName:l.value.pluginName,removeStorage:ee.value})},ft=async()=>{Q.value=!1,await Fe({pluginName:l.value.pluginName})},yt=async()=>{let a;try{a=JSON.parse(D.value)}catch(t){console.error(t.message),Ht.error(t.message);return}lt({pluginName:l.value.pluginName,configData:a},{onSuccess:()=>{z.value=!1}})},ht=async()=>{try{if(q.toggleQueryActivator("downloadLogQuery",!0),await dt(),he.value){const a=he.value,t=window.URL.createObjectURL(new Blob([a])),b=document.createElement("a");b.href=t,b.setAttribute("download",`${l.value.pluginName}.log.txt`),document.body.appendChild(b),b.click(),b.remove()}}finally{q.toggleQueryActivator("downloadLogQuery",!1)}};return Lt(()=>{if(pe.value){if(Z.value=de.getExistingNamespace("/plugins"),!Z.value)throw new Error("Not connected to plugins!");Z.value.request("get-plugin-status",l.value.pluginName).subscribe(a=>{m.value.text=a.status,be(a.status)}),Z.value.socket.on(`plugin-status-${l.value.pluginName}`,a=>{m.value.text=a.status,be(a.status)})}}),St(()=>{me.value&&ue()}),(a,t)=>{const b=Vt,T=zt("router-link"),w=Pt,M=bt;return u(),j("div",{ref_key:"pluginCard",ref:fe,class:"inner-component mt-0 flex flex-col w-full h-full p-5",style:U(e(pt))},[g("div",sl,[e(ce)?(u(),j("div",il,[g("div",ul,[g("div",{class:"plugin-type flex items-center justify-center",style:U({background:e(l).isPython?"var(--background-inner-component)":"#f7df1c"})},[s(y,{size:15,style:U({marginTop:e(l).isPython?void 0:"-2px",marginRight:e(l).isPython?void 0:"1px"})},{default:o(()=>[p(i(e(l).isPython?"$cuiPy":"$cuiJs"),1)]),_:1},8,["style"])],4)]),s(Yt,{size:"50",style:{border:"1px solid rgba(var(--color-rgb), 0.15)"}},{default:o(()=>[e(ut)?d("",!0):(u(),r(b,{key:0,src:`data:image/png;base64,${e(it)}`,"error-height":70,"spinner-size":20,"spinner-width":3},null,8,["src"])),s(re,{size:"20",width:"3",color:"#df2a4c",indeterminate:""})]),_:1})])):d("",!0),g("div",rl,[g("div",dl,[s(T,{to:e(l).installPath?`/plugins/${e(l).pluginName}`:"",class:"text-lg font-semibold truncate mr-1"},{default:o(()=>[p(i(e(l).displayName),1)]),_:1},8,["to"]),e(l).installPath&&e(nt)?(u(),j("div",gl,[s(re,{size:"12",width:"2",color:"#df2a4c",indeterminate:""})])):d("",!0),e(l).installPath&&e(Te)?(u(),r(y,{key:1,size:"15",color:"success",class:"mx-1"},{default:o(()=>[p(i(e(Ut)),1)]),_:1})):d("",!0),s(Ve,{text:a.$t("components.plugin_card.update_available"),location:"top"},{activator:o(({props:n})=>{var v;return[(v=e(te))!=null&&v.updateAvailable?(u(),r(y,le({key:0},n,{size:"17",color:"green",class:"mx-1"}),{default:o(()=>[p(i(e(we)),1)]),_:2},1040)):d("",!0)]}),_:1},8,["text"]),g("div",cl,[e(L)&&e(ge)?(u(),j("div",pl,[s(re,{color:"#df2a4c",indeterminate:"",size:"15",width:"2"})])):e(ge)?(u(),r(e(Jt),{key:1,modelValue:e(C),"onUpdate:modelValue":t[0]||(t[0]=n=>k(C)?C.value=n:null),class:"toggle-primary",onChange:t[1]||(t[1]=n=>n?e(Me)({pluginName:e(l).pluginName}):e(He)({pluginName:e(l).pluginName}))},null,8,["modelValue"])):d("",!0)])]),g("div",ml,[g("p",{class:"text-sm",style:{color:"var(--color-disabled)"},"data-truncate-text":e(ve)},i(e(l).description||a.$t("components.plugin_card.no_description")),9,vl)])])]),g("div",fl,[g("div",yl,[e(ce)?d("",!0):(u(),j("div",{key:0,class:"plugin-type flex items-center justify-center mr-2",style:U({background:e(l).isPython?"var(--background-inner-component)":"#f7df1c"})},[s(y,{size:15,style:U({marginTop:e(l).isPython?void 0:"-2px",marginRight:e(l).isPython?void 0:"1px"})},{default:o(()=>[p(i(e(l).isPython?"$cuiPy":"$cuiJs"),1)]),_:1},8,["style"])],4)),s(Zt,{class:"mr-1 flex items-center justify-center",size:"x-small",onClick:t[2]||(t[2]=V(n=>{var v;return a.$router.absUrl((v=e(l).links)==null?void 0:v.homepage)},["prevent"]))},{default:o(()=>[g("span",hl,"v"+i(e(l).installedVersion||e(l).latestVersion),1),s(y,{size:"12",class:"ml-1"},{default:o(()=>[p(i(e(It)),1)]),_:1})]),_:1})]),bl,e(pe)&&e(m).text!==e(x).DISABLED&&e(m).text!==e(x).UNKNOWN?(u(),r(Ve,{key:0,location:"top",text:a.$t(`components.plugin_card.status_${e(m).text}`)},{activator:o(({props:n})=>[s(Pe,le(n,{color:e(m).color,dot:"",inline:""}),null,16,["color"])]),_:1},8,["text"])):d("",!0),e(Ie)?(u(),r(W,{key:1,class:"text-disabled",size:"28",rounded:"",density:"compact",variant:"text",onClick:t[3]||(t[3]=V(n=>N.value=!0,["prevent"]))},{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(Bt)),1)]),_:1})]),_:1})):d("",!0),e(Be)?(u(),r(W,{key:2,class:"text-disabled",size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L),onClick:t[4]||(t[4]=V(n=>z.value=!0,["prevent"]))},{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(Rt)),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(Ue)?(u(),r(W,{key:3,class:"text-disabled",size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L),onClick:t[5]||(t[5]=V(n=>Q.value=!0,["prevent"]))},{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(_e)),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(Ae)?(u(),r(tl,{key:4,offset:"2"},{activator:o(({props:n})=>{var v;return[(v=e(te))!=null&&v.updateAvailable?(u(),r(Pe,{key:0,dot:"",color:"red","offset-x":"2","offset-y":"2"},{default:o(()=>[s(W,le({class:"text-disabled"},n,{size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L)}),{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(ke)),1)]),_:1})]),_:2},1040,["disabled"])]),_:2},1024)):(u(),r(W,le({key:1,class:"text-disabled"},n,{size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L)}),{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(ke)),1)]),_:1})]),_:2},1040,["disabled"]))]}),default:o(()=>[s(el,{style:{padding:"4px"}},{default:o(()=>{var n,v;return[e(l).installPath&&((n=e(te))!=null&&n.updateAvailable)?(u(),r(I,{key:0,height:"30px","max-height":"30px","min-height":"30px",onClick:t[6]||(t[6]=V(h=>xe(e(l).latestVersion),["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",color:"red",class:"mr-2"},{default:o(()=>[p(i(e(we)),1)]),_:1}),g("span",null,i(a.$t("components.plugin_card.update"))+" (v"+i(e(l).latestVersion)+")",1)]),_:1})]),_:1})):d("",!0),e(l).installPath&&((v=e(te))!=null&&v.updateAvailable)?(u(),r(ae,{key:1,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),s(I,{disabled:e(l).private,height:"30px","max-height":"30px","min-height":"30px",onClick:t[7]||(t[7]=V(h=>A.value=!0,["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",class:"mr-2 text-disabled"},{default:o(()=>[p(i(e(Dt)),1)]),_:1}),g("span",null,i(a.$t("components.plugin_card.install_previous_version")),1)]),_:1})]),_:1},8,["disabled"]),e(l).installPath?(u(),r(ae,{key:2,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),e(l).installPath?(u(),r(I,{key:3,disabled:e(l).disabled,height:"30px","max-height":"30px","min-height":"30px",onClick:t[8]||(t[8]=V(h=>e(se)?e(We)({pluginName:e(l).pluginName}):e(Ge)({pluginName:e(l).pluginName}),["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",class:"mr-2 text-disabled"},{default:o(()=>[p(i(e(se)?e(Ot):e(Et)),1)]),_:1}),g("span",null,i(e(se)?a.$t("components.plugin_card.start"):a.$t("components.plugin_card.stop")),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(l).installPath?(u(),r(ae,{key:4,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),e(l).installPath?(u(),r(I,{key:5,disabled:e(l).disabled,height:"30px","max-height":"30px","min-height":"30px",onClick:t[9]||(t[9]=V(h=>Q.value=!0,["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",class:"mr-2 text-disabled"},{default:o(()=>[p(i(e(_e)),1)]),_:1}),g("span",null,i(a.$t("components.plugin_card.restart")),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(l).installPath?(u(),r(ae,{key:6,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),e(l).installPath?(u(),r(I,{key:7,height:"30px","max-height":"30px","min-height":"30px",onClick:t[10]||(t[10]=V(h=>O.value=!0,["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",color:"red",class:"mr-2"},{default:o(()=>[p(i(e(Mt)),1)]),_:1}),g("span",xl,i(a.$t("components.plugin_card.uninstall")),1)]),_:1})]),_:1})):d("",!0)]}),_:1})]),_:1})):d("",!0)]),s(w,{modelValue:e(Q),"onUpdate:modelValue":t[11]||(t[11]=n=>k(Q)?Q.value=n:null),title:a.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restart",onConfirm:t[12]||(t[12]=n=>ft())},{content:o(()=>[g("span",null,i(a.$t("components.dialog.message.confirm_restart_plugin")),1)]),_:1},8,["modelValue","title"]),s(w,{modelValue:e(O),"onUpdate:modelValue":t[14]||(t[14]=n=>k(O)?O.value=n:null),title:a.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.uninstall",onConfirm:t[15]||(t[15]=n=>vt())},{content:o(()=>[g("span",null,i(a.$t("components.dialog.message.confirm_uninstall_plugin")),1),s(I,{class:"px-0 mt-3"},{prepend:o(()=>[s(ll,{start:""},{default:o(()=>[s(al,{modelValue:e(ee),"onUpdate:modelValue":t[13]||(t[13]=n=>k(ee)?ee.value=n:null),color:"#df2a4c"},null,8,["modelValue"])]),_:1})]),default:o(()=>[s(B,null,{default:o(()=>[p(i(a.$t("components.form.label.remove_storage")),1)]),_:1})]),_:1})]),_:1},8,["modelValue","title"]),s(w,{modelValue:e(A),"onUpdate:modelValue":t[17]||(t[17]=n=>k(A)?A.value=n:null),title:a.$t("components.dialog.title.install_plugin"),"confirm-text":"components.form.button.install",loading:e(oe),onConfirm:t[18]||(t[18]=n=>xe(e(S)))},{content:o(()=>{var n;return[g("label",wl,i(a.$t("components.form.label.plugin_version")),1),s(ol,{modelValue:e(S),"onUpdate:modelValue":t[16]||(t[16]=v=>k(S)?S.value=v:null),"hide-details":"",solo:"",variant:"outlined",density:"compact",items:((n=e(ot))==null?void 0:n.versions)||[],disabled:e(oe),loading:e(oe)},null,8,["modelValue","items","disabled","loading"])]}),_:1},8,["modelValue","title","loading"]),s(w,{modelValue:e(N),"onUpdate:modelValue":t[19]||(t[19]=n=>k(N)?N.value=n:null),title:a.$t("components.dialog.title.plugin_log"),"confirm-text":"components.form.button.download",loading:e(rt),"fullscreen-content":"",onConfirm:t[20]||(t[20]=n=>ht())},{content:o(()=>[s(qt,{ref_key:"consoleRef",ref:E,class:"text-editor",options:e(ct)},null,8,["options"])]),_:1},8,["modelValue","title","loading"]),s(w,{modelValue:e(z),"onUpdate:modelValue":t[22]||(t[22]=n=>k(z)?z.value=n:null),title:a.$t("components.dialog.title.plugin_config"),loading:e(at),"fullscreen-content":"",onConfirm:t[23]||(t[23]=n=>yt())},{content:o(()=>[(u(),r(Qt,null,{default:o(()=>[s(M,{modelValue:e(D),"onUpdate:modelValue":t[21]||(t[21]=n=>k(D)?D.value=n:null),lang:"json",theme:e(Re),options:e(gt),"read-only":e(L),class:"config-editor",style:U(e(G)?"height: 100%":"height: 400px")},null,8,["modelValue","theme","options","read-only","style"])]),_:1}))]),_:1},8,["modelValue","title","loading"])],4)}}}),Ul=$t(_l,[["__scopeId","data-v-b07109b4"]]);export{Ul as _};
+\r`)}),(w=$.value)==null||w.socket.on("clear-log",()=>{var h;(h=E.value)==null||h.clearTerminal()}),(M=$.value)==null||M.socket.emit("get-log",[`[${l.value.displayName}]`,l.value.pluginName])):(f=(n=$.value)==null?void 0:n.end)==null||f.call(n)},mt=()=>{N.value&&(ie(!1),ie(!0))},ue=()=>{const a=document.querySelector(`[data-truncate-text='${fe.value}']`);let t=l.value.description||a.innerText;a.innerText=t||"";const b=P!=null&&P.value?parseInt(P==null?void 0:P.value,10):Oe.height.value,T=2*20,n=b-T-28-28;for(;a.scrollHeight>n&&t.includes(" ");)t=t.substring(0,t.lastIndexOf(" ")),a.innerText=t+"..."},xe=async(a="latest")=>{A.value=!1,l.value.installedVersion!==a&&(N.value=!0,await Ye({pluginData:{pluginname:l.value.pluginName,pluginversion:a}}),S.value=l.value.installedVersion||l.value.latestVersion)},ft=async()=>{O.value=!1,await et({pluginName:l.value.pluginName,removeStorage:ee.value})},vt=async()=>{Q.value=!1,await Fe({pluginName:l.value.pluginName})},yt=async()=>{let a;try{a=JSON.parse(D.value)}catch(t){console.error(t.message),Ht.error(t.message);return}lt({pluginName:l.value.pluginName,configData:a},{onSuccess:()=>{z.value=!1}})},ht=async()=>{try{if(q.toggleQueryActivator("downloadLogQuery",!0),await dt(),he.value){const a=he.value,t=window.URL.createObjectURL(new Blob([a])),b=document.createElement("a");b.href=t,b.setAttribute("download",`${l.value.pluginName}.log.txt`),document.body.appendChild(b),b.click(),b.remove()}}finally{q.toggleQueryActivator("downloadLogQuery",!1)}};return Lt(()=>{if(pe.value){if(Z.value=de.getExistingNamespace("/plugins"),!Z.value)throw new Error("Not connected to plugins!");Z.value.request("get-plugin-status",l.value.pluginName).subscribe(a=>{m.value.text=a.status,be(a.status)}),Z.value.socket.on(`plugin-status-${l.value.pluginName}`,a=>{m.value.text=a.status,be(a.status)})}}),St(()=>{me.value&&ue()}),(a,t)=>{const b=Vt,T=zt("router-link"),w=Pt,M=bt;return u(),j("div",{ref_key:"pluginCard",ref:ve,class:"inner-component mt-0 flex flex-col w-full h-full p-5",style:U(e(pt))},[g("div",sl,[e(ce)?(u(),j("div",il,[g("div",ul,[g("div",{class:"plugin-type flex items-center justify-center",style:U({background:e(l).isPython?"var(--background-inner-component)":"#f7df1c"})},[s(y,{size:15,style:U({marginTop:e(l).isPython?void 0:"-2px",marginRight:e(l).isPython?void 0:"1px"})},{default:o(()=>[p(i(e(l).isPython?"$cuiPy":"$cuiJs"),1)]),_:1},8,["style"])],4)]),s(Yt,{size:"50",style:{border:"1px solid rgba(var(--color-rgb), 0.15)"}},{default:o(()=>[e(ut)?d("",!0):(u(),r(b,{key:0,src:`data:image/png;base64,${e(it)}`,"error-height":70,"spinner-size":20,"spinner-width":3},null,8,["src"])),s(re,{size:"20",width:"3",color:"#df2a4c",indeterminate:""})]),_:1})])):d("",!0),g("div",rl,[g("div",dl,[s(T,{to:e(l).installPath?`/plugins/${e(l).pluginName}`:"",class:"text-lg font-semibold truncate mr-1"},{default:o(()=>[p(i(e(l).displayName),1)]),_:1},8,["to"]),e(l).installPath&&e(nt)?(u(),j("div",gl,[s(re,{size:"12",width:"2",color:"#df2a4c",indeterminate:""})])):d("",!0),e(l).installPath&&e(Te)?(u(),r(y,{key:1,size:"15",color:"success",class:"mx-1"},{default:o(()=>[p(i(e(Ut)),1)]),_:1})):d("",!0),s(Ve,{text:a.$t("components.plugin_card.update_available"),location:"top"},{activator:o(({props:n})=>{var f;return[(f=e(te))!=null&&f.updateAvailable?(u(),r(y,le({key:0},n,{size:"17",color:"green",class:"mx-1"}),{default:o(()=>[p(i(e(we)),1)]),_:2},1040)):d("",!0)]}),_:1},8,["text"]),g("div",cl,[e(L)&&e(ge)?(u(),j("div",pl,[s(re,{color:"#df2a4c",indeterminate:"",size:"15",width:"2"})])):e(ge)?(u(),r(e(Jt),{key:1,modelValue:e(C),"onUpdate:modelValue":t[0]||(t[0]=n=>k(C)?C.value=n:null),class:"toggle-primary",onChange:t[1]||(t[1]=n=>n?e(Me)({pluginName:e(l).pluginName}):e(He)({pluginName:e(l).pluginName}))},null,8,["modelValue"])):d("",!0)])]),g("div",ml,[g("p",{class:"text-sm",style:{color:"var(--color-disabled)"},"data-truncate-text":e(fe)},i(e(l).description||a.$t("components.plugin_card.no_description")),9,fl)])])]),g("div",vl,[g("div",yl,[e(ce)?d("",!0):(u(),j("div",{key:0,class:"plugin-type flex items-center justify-center mr-2",style:U({background:e(l).isPython?"var(--background-inner-component)":"#f7df1c"})},[s(y,{size:15,style:U({marginTop:e(l).isPython?void 0:"-2px",marginRight:e(l).isPython?void 0:"1px"})},{default:o(()=>[p(i(e(l).isPython?"$cuiPy":"$cuiJs"),1)]),_:1},8,["style"])],4)),s(Zt,{class:"mr-1 flex items-center justify-center",size:"x-small",onClick:t[2]||(t[2]=V(n=>{var f;return a.$router.absUrl((f=e(l).links)==null?void 0:f.homepage)},["prevent"]))},{default:o(()=>[g("span",hl,"v"+i(e(l).installedVersion||e(l).latestVersion),1),s(y,{size:"12",class:"ml-1"},{default:o(()=>[p(i(e(It)),1)]),_:1})]),_:1})]),bl,e(pe)&&e(m).text!==e(x).DISABLED&&e(m).text!==e(x).UNKNOWN?(u(),r(Ve,{key:0,location:"top",text:a.$t(`components.plugin_card.status_${e(m).text}`)},{activator:o(({props:n})=>[s(Pe,le(n,{color:e(m).color,dot:"",inline:""}),null,16,["color"])]),_:1},8,["text"])):d("",!0),e(Ie)?(u(),r(W,{key:1,class:"disabled-text",size:"28",rounded:"",density:"compact",variant:"text",onClick:t[3]||(t[3]=V(n=>N.value=!0,["prevent"]))},{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(Bt)),1)]),_:1})]),_:1})):d("",!0),e(Be)?(u(),r(W,{key:2,class:"disabled-text",size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L),onClick:t[4]||(t[4]=V(n=>z.value=!0,["prevent"]))},{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(Rt)),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(Ue)?(u(),r(W,{key:3,class:"disabled-text",size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L),onClick:t[5]||(t[5]=V(n=>Q.value=!0,["prevent"]))},{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(_e)),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(Ae)?(u(),r(tl,{key:4,offset:"2"},{activator:o(({props:n})=>{var f;return[(f=e(te))!=null&&f.updateAvailable?(u(),r(Pe,{key:0,dot:"",color:"red","offset-x":"2","offset-y":"2"},{default:o(()=>[s(W,le({class:"disabled-text"},n,{size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L)}),{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(ke)),1)]),_:1})]),_:2},1040,["disabled"])]),_:2},1024)):(u(),r(W,le({key:1,class:"disabled-text"},n,{size:"28",rounded:"",density:"compact",variant:"text",disabled:e(L)}),{default:o(()=>[s(y,{size:"20"},{default:o(()=>[p(i(e(ke)),1)]),_:1})]),_:2},1040,["disabled"]))]}),default:o(()=>[s(el,{style:{padding:"4px"}},{default:o(()=>{var n,f;return[e(l).installPath&&((n=e(te))!=null&&n.updateAvailable)?(u(),r(I,{key:0,height:"30px","max-height":"30px","min-height":"30px",onClick:t[6]||(t[6]=V(h=>xe(e(l).latestVersion),["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",color:"red",class:"mr-2"},{default:o(()=>[p(i(e(we)),1)]),_:1}),g("span",null,i(a.$t("components.plugin_card.update"))+" (v"+i(e(l).latestVersion)+")",1)]),_:1})]),_:1})):d("",!0),e(l).installPath&&((f=e(te))!=null&&f.updateAvailable)?(u(),r(ae,{key:1,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),s(I,{disabled:e(l).private,height:"30px","max-height":"30px","min-height":"30px",onClick:t[7]||(t[7]=V(h=>A.value=!0,["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",class:"mr-2 disabled-text"},{default:o(()=>[p(i(e(Dt)),1)]),_:1}),g("span",null,i(a.$t("components.plugin_card.install_previous_version")),1)]),_:1})]),_:1},8,["disabled"]),e(l).installPath?(u(),r(ae,{key:2,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),e(l).installPath?(u(),r(I,{key:3,disabled:e(l).disabled,height:"30px","max-height":"30px","min-height":"30px",onClick:t[8]||(t[8]=V(h=>e(se)?e(We)({pluginName:e(l).pluginName}):e(Ge)({pluginName:e(l).pluginName}),["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",class:"mr-2 disabled-text"},{default:o(()=>[p(i(e(se)?e(Ot):e(Et)),1)]),_:1}),g("span",null,i(e(se)?a.$t("components.plugin_card.start"):a.$t("components.plugin_card.stop")),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(l).installPath?(u(),r(ae,{key:4,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),e(l).installPath?(u(),r(I,{key:5,disabled:e(l).disabled,height:"30px","max-height":"30px","min-height":"30px",onClick:t[9]||(t[9]=V(h=>Q.value=!0,["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",class:"mr-2 disabled-text"},{default:o(()=>[p(i(e(_e)),1)]),_:1}),g("span",null,i(a.$t("components.plugin_card.restart")),1)]),_:1})]),_:1},8,["disabled"])):d("",!0),e(l).installPath?(u(),r(ae,{key:6,style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})):d("",!0),e(l).installPath?(u(),r(I,{key:7,height:"30px","max-height":"30px","min-height":"30px",onClick:t[10]||(t[10]=V(h=>O.value=!0,["prevent"]))},{default:o(()=>[s(B,{style:{"font-size":"0.9rem"}},{default:o(()=>[s(y,{size:"15",color:"red",class:"mr-2"},{default:o(()=>[p(i(e(Mt)),1)]),_:1}),g("span",xl,i(a.$t("components.plugin_card.uninstall")),1)]),_:1})]),_:1})):d("",!0)]}),_:1})]),_:1})):d("",!0)]),s(w,{modelValue:e(Q),"onUpdate:modelValue":t[11]||(t[11]=n=>k(Q)?Q.value=n:null),title:a.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restart",onConfirm:t[12]||(t[12]=n=>vt())},{content:o(()=>[g("span",null,i(a.$t("components.dialog.message.confirm_restart_plugin")),1)]),_:1},8,["modelValue","title"]),s(w,{modelValue:e(O),"onUpdate:modelValue":t[14]||(t[14]=n=>k(O)?O.value=n:null),title:a.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.uninstall",onConfirm:t[15]||(t[15]=n=>ft())},{content:o(()=>[g("span",null,i(a.$t("components.dialog.message.confirm_uninstall_plugin")),1),s(I,{class:"px-0 mt-3"},{prepend:o(()=>[s(ll,{start:""},{default:o(()=>[s(al,{modelValue:e(ee),"onUpdate:modelValue":t[13]||(t[13]=n=>k(ee)?ee.value=n:null),color:"#df2a4c"},null,8,["modelValue"])]),_:1})]),default:o(()=>[s(B,null,{default:o(()=>[p(i(a.$t("components.form.label.remove_storage")),1)]),_:1})]),_:1})]),_:1},8,["modelValue","title"]),s(w,{modelValue:e(A),"onUpdate:modelValue":t[17]||(t[17]=n=>k(A)?A.value=n:null),title:a.$t("components.dialog.title.install_plugin"),"confirm-text":"components.form.button.install",loading:e(oe),onConfirm:t[18]||(t[18]=n=>xe(e(S)))},{content:o(()=>{var n;return[g("label",wl,i(a.$t("components.form.label.plugin_version")),1),s(ol,{modelValue:e(S),"onUpdate:modelValue":t[16]||(t[16]=f=>k(S)?S.value=f:null),"hide-details":"",solo:"",variant:"outlined",density:"compact",items:((n=e(ot))==null?void 0:n.versions)||[],disabled:e(oe),loading:e(oe)},null,8,["modelValue","items","disabled","loading"])]}),_:1},8,["modelValue","title","loading"]),s(w,{modelValue:e(N),"onUpdate:modelValue":t[19]||(t[19]=n=>k(N)?N.value=n:null),title:a.$t("components.dialog.title.plugin_log"),"confirm-text":"components.form.button.download",loading:e(rt),"fullscreen-content":"",onConfirm:t[20]||(t[20]=n=>ht())},{content:o(()=>[s(qt,{ref_key:"consoleRef",ref:E,class:"text-editor",options:e(ct)},null,8,["options"])]),_:1},8,["modelValue","title","loading"]),s(w,{modelValue:e(z),"onUpdate:modelValue":t[22]||(t[22]=n=>k(z)?z.value=n:null),title:a.$t("components.dialog.title.plugin_config"),loading:e(at),"fullscreen-content":"",onConfirm:t[23]||(t[23]=n=>yt())},{content:o(()=>[(u(),r(Qt,null,{default:o(()=>[s(M,{modelValue:e(D),"onUpdate:modelValue":t[21]||(t[21]=n=>k(D)?D.value=n:null),lang:"json",theme:e(Re),options:e(gt),"read-only":e(L),class:"config-editor",style:U(e(G)?"height: 100%":"height: 400px")},null,8,["modelValue","theme","options","read-only","style"])]),_:1}))]),_:1},8,["modelValue","title","loading"])],4)}}}),Ul=$t(_l,[["__scopeId","data-v-91443f51"]]);export{Ul as _};

package/dist/interface/assets/VPluginCard-Fl0AYmnF.css

@@ -0,0 +1 @@
+.plugin-card[data-v-91443f51]{box-shadow:0 3px 1px -2px #0000000f,0 2px 2px #00000014,0 1px 5px #0000000d;border:1px solid rgba(var(--color-rgb),0)}.truncate-box[data-v-91443f51]{max-height:100px;overflow:hidden;position:relative}.toggle-primary[data-v-91443f51]{--toggle-bg-on: #df2a4c;--toggle-border-on: #df2a4c;--toggle-bg-on-disabled: #df2a4c;--toggle-border-on-disabled: #df2a4c;--toggle-bg-off: var(--toggle-off-color);--toggle-border-off: transparent;--toggle-bg-off-disabled: var(--toggle-off-color);--toggle-border-off-disabled: var(--toggle-off-color)}.toggle-container[data-v-91443f51]:focus{box-shadow:none!important}.text-editor[data-v-91443f51]{height:100%;z-index:1;background:none!important}.config-editor[data-v-91443f51]{z-index:1;background:var(--background)!important}.plugin-type[data-v-91443f51]{width:20px;height:20px;border-radius:50%;border:2px solid var(--background-inner-component);overflow:hidden}