vite-plugin-vue-devtools 8.1.0 → 8.1.1

package/client/assets/{pages-TYJYrRRg.js → pages-B01Hd5DR.js}

@@ -1 +1 @@
-import{d as N,c as l,o as a,b as t,s as h,u as e,a6 as U,q as $,j as y,a7 as j,e as R,t as M,w as b,F as w,v as T,n as E,J as B,a as g,a8 as O,M as F,A as V,a9 as A,aa as z,Y as J,ab as I,f as q,Z as K,h as D,$ as P,ac as G,a1 as L,ad as W,C as Y,ae as S,af as Z}from"./index-D8B9oRep.js";import{_ as H}from"./SectionBlock-g2jz8uHh.js";import"./IconTitle.vue_vue_type_script_setup_true_lang-DJUwPLzM.js";const Q={"p-2":""},X={class:"flex items-center justify-between"},ee=N({__name:"RouteMetaDetail",props:{meta:{}},emits:["close"],setup(p){return(i,r)=>(a(),l("div",Q,[t("div",X,[r[1]||(r[1]=t("span",{class:"font-500"},"Route meta detail",-1)),t("div",{class:"i-carbon-close cursor-pointer p1 $ui-text",onClick:r[0]||(r[0]=_=>i.$emit("close"))})]),h(e(U),{code:JSON.stringify(p.meta,null,2),lang:"json",lines:""},null,8,["code"])]))}}),te={block:"","cursor-pointer":""},ne={p2:""},oe=["onSubmit"],ae={flex:"~","items-center":"",p2:"","text-sm":"","font-mono":""},se={key:1},le=N({__name:"RoutePathItem",props:{route:{}},emits:["navigate"],setup(p,{emit:i}){const r=p,_=i;function v(n){return n.split(/(:\w+[?*+]?(?:\([^)]*\))?[?*+]?)/).filter(Boolean)}const d=$([]),c=y(()=>v(r.route.path));j(()=>{d.value=Array.from({length:c.value.length},()=>"")});const u=y(()=>c.value.map((n,o)=>n[0]===":"?d.value[o]:n).join("").replace(/\/+/g,"/")),s=y(()=>r.route.path.includes(":"));function m(){_("navigate",u.value)}return(n,o)=>e(s)?(a(),R(e(A),{key:1},{popper:b(({hide:f})=>[t("div",ne,[t("form",{flex:"~ col",onSubmit:B(()=>{m(),f()},["prevent"])},[e(s)?(a(),l(w,{key:0},[o[0]||(o[0]=t("div",{px2:"","text-sm":"",op50:""}," Fill params and navigate: ",-1)),t("div",ae,[(a(!0),l(w,null,T(e(c),(x,C)=>(a(),l(w,{key:C},[x[0]===":"?(a(),R(e(O),{key:0,modelValue:e(d)[C],"onUpdate:modelValue":k=>e(d)[C]=k,"n-sm":"","w-20":"",placeholder:x.slice(1)},null,8,["modelValue","onUpdate:modelValue","placeholder"])):(a(),l("span",se,M(x),1))],64))),128))])],64)):g("",!0),h(e(F),{block:"",type:"primary"},{default:b(()=>[...o[1]||(o[1]=[V(" Navigate ",-1)])]),_:1})],40,oe)])]),default:b(()=>[t("code",te,[(a(!0),l(w,null,T(e(c),(f,x)=>(a(),l("span",{key:x,class:E(f[0]===":"?"text-gray border border-dashed rounded border-gray:50 px1":"")},M(f[0]===":"?f.slice(1):f),3))),128))])]),_:1})):(a(),l("button",{key:0,onClick:m},[t("code",null,M(p.route.path),1)]))}}),re={"w-full":""},ie={border:"b base","px-3":""},ue={key:0,"text-left":""},de={"w-20":"","pr-1":""},ce={flex:"","items-center":"","justify-end":""},pe={"text-sm":""},me={flex:"inline gap3","items-center":""},ve={op0:"","group-hover:op100":"",flex:"~ gap1"},fe=["onClick"],he={"w-0":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:""},ge={key:0,"w-50":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:"",hover:"text-primary op100"},_e=["title","onClick"],xe=N({__name:"RoutesTable",props:{pages:{},matched:{},matchedPending:{}},emits:["navigate","selectMeta"],setup(p){const i=p,r=y(()=>[...i.pages].sort((u,s)=>u.path.localeCompare(s.path))),_=y(()=>z.value),v=J();function d(u,s=0){const m=JSON.stringify(u,null,s);return m==="{}"?"-":m}const c=y(()=>r.value.some(u=>Object.keys(u.meta)?.length));return(u,s)=>{const m=le;return a(),l("div",null,[t("table",re,[t("thead",ie,[t("tr",null,[s[1]||(s[1]=t("th",{"text-left":""},null,-1)),s[2]||(s[2]=t("th",{"text-left":""}," Route Path ",-1)),s[3]||(s[3]=t("th",{"text-left":""}," Name ",-1)),e(c)?(a(),l("th",ue," Route Meta ")):g("",!0)])]),t("tbody",null,[(a(!0),l(w,null,T(e(r),n=>(a(),l("tr",{key:n.name,class:"group","h-7":"",border:"b dashed transparent hover:base"},[t("td",de,[t("div",ce,[p.matched.find(o=>o.name===n.name)?(a(),R(e(I),{key:0,"bg-green-400:10":"","text-green-400":"",title:"active",textContent:"active"})):p.matchedPending.find(o=>o.name===n.name)?(a(),R(e(I),{key:1,"bg-teal-400:10":"","text-teal-400":"",title:"next",textContent:"next"})):g("",!0)])]),t("td",pe,[t("div",me,[h(m,{route:n,class:E(p.matched.find(o=>o.name===n.name)?"text-primary-400":p.matchedPending.find(o=>o.name===n.name)?"text-teal":""),onNavigate:s[0]||(s[0]=o=>u.$emit("navigate",o))},null,8,["route","class"]),t("div",ve,[n.meta?.file&&e(v).vitePluginDetected.value&&e(_)?(a(),l("button",{key:0,"text-sm":"",op40:"",hover:"op100 text-primary-400",title:"Open in editor",onClick:o=>e(q)(n.meta?.file)},[...s[4]||(s[4]=[t("div",{"i-carbon-script-reference":""},null,-1)])],8,fe)):g("",!0)])])]),t("td",he,M(n.name),1),e(c)?(a(),l("td",ge,[t("span",{"inline-block":"","w-50":"","cursor-pointer":"","overflow-hidden":"","text-ellipsis":"",title:d(n.meta,2),onClick:()=>u.$emit("selectMeta",n.meta)},M(d(n.meta)),9,_e)])):g("",!0)]))),128))])])])}}}),be={block:"","h-screen":"","of-auto":""},ye={"h-full":"",class:"grid grid-rows-[auto_1fr]"},ke={border:"b base",flex:"~ col gap1",px4:"",py3:""},$e={key:1,op50:""},we={key:0,"text-orange":"",op75:""},Re={key:1,op50:""},Ne=N({__name:"pages",setup(p){const i=$(""),r=$(null),_=$([]),v=y(()=>i.value===r.value?.path?[]:_.value),d=$([]),c=$();function u(n){d.value=n.routes,r.value=n.currentRoute,i.value=r.value?.path??"/"}function s(){v.value.length&&m(i.value)}function m(n){D.value.navigate(n)}return K(()=>{D.value.getRouterInfo().then(n=>{u(n)}),D.functions.on(P.ROUTER_INFO_UPDATED,u)}),G(i,()=>{i.value!==r.value?.path&&D.value.getMatchedRoutes(i.value).then(n=>{_.value=n})}),L(()=>{D.functions.off(P.ROUTER_INFO_UPDATED,u)}),(n,o)=>{const f=xe,x=H,C=ee;return a(),l("div",be,[t("div",ye,[t("div",ke,[t("div",null,[(a(),l("span",$e,"Current route"))]),h(e(O),{modelValue:e(i),"onUpdate:modelValue":o[0]||(o[0]=k=>Y(i)?i.value=k:null),"left-icon":"i-carbon-direction-right-01 scale-y--100",class:E(e(r)?.path===e(i)?"":e(v).length?"text-green!":"text-orange!"),onKeydown:W(s,["enter"])},null,8,["modelValue","class"]),t("div",null,[e(r)?.path!==e(i)?(a(),l(w,{key:0},[o[6]||(o[6]=t("span",null,[V("Press "),t("b",{"font-bold":""},"Enter"),V(" to navigate")],-1)),e(v).length?g("",!0):(a(),l("span",we," (no match)"))],64)):(a(),l("span",Re,"Edit path above to navigate"))])]),h(e(Z),{class:"of-hidden"},{default:b(()=>[h(e(S),{size:"70",class:"of-auto!"},{default:b(()=>[h(x,{icon:"i-carbon-tree-view-alt",text:"All Routes",description:`${e(d).length} routes registered in your application`,padding:!1},{default:b(()=>[e(d).length?(a(),R(f,{key:0,pages:e(d),matched:e(r)?.matched??[],"matched-pending":e(v),onNavigate:m,onSelectMeta:o[1]||(o[1]=k=>c.value=k)},null,8,["pages","matched","matched-pending"])):g("",!0)]),_:1},8,["description"])]),_:1}),e(c)?(a(),R(e(S),{key:0,size:"30",class:"of-auto!"},{default:b(()=>[h(C,{meta:e(c),onClose:o[2]||(o[2]=k=>c.value=void 0)},null,8,["meta"])]),_:1})):g("",!0)]),_:1})])])}}});export{Ne as default};
+import{d as N,c as l,o as a,b as t,s as h,u as e,a6 as U,q as $,i as y,a7 as B,e as w,t as M,x as b,F as R,v as T,n as E,J as F,a as g,a8 as O,M as j,A as V,a9 as A,aa as z,Y as J,ab as I,f as q,Z as K,h as D,$ as P,ac as G,a1 as L,ad as W,C as Y,ae as S,af as Z}from"./index-B5ZMOy4O.js";import{_ as H}from"./SectionBlock-Crn18Q0p.js";import"./IconTitle.vue_vue_type_script_setup_true_lang-CfDGRuuz.js";const Q={"p-2":""},X={class:"flex items-center justify-between"},ee=N({__name:"RouteMetaDetail",props:{meta:{}},emits:["close"],setup(p){return(i,r)=>(a(),l("div",Q,[t("div",X,[r[1]||(r[1]=t("span",{class:"font-500"},"Route meta detail",-1)),t("div",{class:"i-carbon-close cursor-pointer p1 $ui-text",onClick:r[0]||(r[0]=_=>i.$emit("close"))})]),h(e(U),{code:JSON.stringify(p.meta,null,2),lang:"json",lines:""},null,8,["code"])]))}}),te={block:"","cursor-pointer":""},ne={p2:""},oe=["onSubmit"],ae={flex:"~","items-center":"",p2:"","text-sm":"","font-mono":""},se={key:1},le=N({__name:"RoutePathItem",props:{route:{}},emits:["navigate"],setup(p,{emit:i}){const r=p,_=i;function v(n){return n.split(/(:\w+[?*+]?(?:\([^)]*\))?[?*+]?)/).filter(Boolean)}const d=$([]),c=y(()=>v(r.route.path));B(()=>{d.value=Array.from({length:c.value.length},()=>"")});const u=y(()=>c.value.map((n,o)=>n[0]===":"?d.value[o]:n).join("").replace(/\/+/g,"/")),s=y(()=>r.route.path.includes(":"));function m(){_("navigate",u.value)}return(n,o)=>e(s)?(a(),w(e(A),{key:1},{popper:b(({hide:f})=>[t("div",ne,[t("form",{flex:"~ col",onSubmit:F(()=>{m(),f()},["prevent"])},[e(s)?(a(),l(R,{key:0},[o[0]||(o[0]=t("div",{px2:"","text-sm":"",op50:""}," Fill params and navigate: ",-1)),t("div",ae,[(a(!0),l(R,null,T(e(c),(x,C)=>(a(),l(R,{key:C},[x[0]===":"?(a(),w(e(O),{key:0,modelValue:e(d)[C],"onUpdate:modelValue":k=>e(d)[C]=k,"n-sm":"","w-20":"",placeholder:x.slice(1)},null,8,["modelValue","onUpdate:modelValue","placeholder"])):(a(),l("span",se,M(x),1))],64))),128))])],64)):g("",!0),h(e(j),{block:"",type:"primary"},{default:b(()=>[...o[1]||(o[1]=[V(" Navigate ",-1)])]),_:1})],40,oe)])]),default:b(()=>[t("code",te,[(a(!0),l(R,null,T(e(c),(f,x)=>(a(),l("span",{key:x,class:E(f[0]===":"?"text-gray border border-dashed rounded border-gray:50 px1":"")},M(f[0]===":"?f.slice(1):f),3))),128))])]),_:1})):(a(),l("button",{key:0,onClick:m},[t("code",null,M(p.route.path),1)]))}}),re={"w-full":""},ie={border:"b base","px-3":""},ue={key:0,"text-left":""},de={"w-20":"","pr-1":""},ce={flex:"","items-center":"","justify-end":""},pe={"text-sm":""},me={flex:"inline gap3","items-center":""},ve={op0:"","group-hover:op100":"",flex:"~ gap1"},fe=["onClick"],he={"w-0":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:""},ge={key:0,"w-50":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:"",hover:"text-primary op100"},_e=["title","onClick"],xe=N({__name:"RoutesTable",props:{pages:{},matched:{},matchedPending:{}},emits:["navigate","selectMeta"],setup(p){const i=p,r=y(()=>[...i.pages].sort((u,s)=>u.path.localeCompare(s.path))),_=y(()=>z.value),v=J();function d(u,s=0){const m=JSON.stringify(u,null,s);return m==="{}"?"-":m}const c=y(()=>r.value.some(u=>Object.keys(u.meta)?.length));return(u,s)=>{const m=le;return a(),l("div",null,[t("table",re,[t("thead",ie,[t("tr",null,[s[1]||(s[1]=t("th",{"text-left":""},null,-1)),s[2]||(s[2]=t("th",{"text-left":""}," Route Path ",-1)),s[3]||(s[3]=t("th",{"text-left":""}," Name ",-1)),e(c)?(a(),l("th",ue," Route Meta ")):g("",!0)])]),t("tbody",null,[(a(!0),l(R,null,T(e(r),n=>(a(),l("tr",{key:n.name,class:"group","h-7":"",border:"b dashed transparent hover:base"},[t("td",de,[t("div",ce,[p.matched.find(o=>o.name===n.name)?(a(),w(e(I),{key:0,"bg-green-400:10":"","text-green-400":"",title:"active",textContent:"active"})):p.matchedPending.find(o=>o.name===n.name)?(a(),w(e(I),{key:1,"bg-teal-400:10":"","text-teal-400":"",title:"next",textContent:"next"})):g("",!0)])]),t("td",pe,[t("div",me,[h(m,{route:n,class:E(p.matched.find(o=>o.name===n.name)?"text-primary-400":p.matchedPending.find(o=>o.name===n.name)?"text-teal":""),onNavigate:s[0]||(s[0]=o=>u.$emit("navigate",o))},null,8,["route","class"]),t("div",ve,[n.meta?.file&&e(v).vitePluginDetected.value&&e(_)?(a(),l("button",{key:0,"text-sm":"",op40:"",hover:"op100 text-primary-400",title:"Open in editor",onClick:o=>e(q)(n.meta?.file)},[...s[4]||(s[4]=[t("div",{"i-carbon-script-reference":""},null,-1)])],8,fe)):g("",!0)])])]),t("td",he,M(n.name),1),e(c)?(a(),l("td",ge,[t("span",{"inline-block":"","w-50":"","cursor-pointer":"","overflow-hidden":"","text-ellipsis":"",title:d(n.meta,2),onClick:()=>u.$emit("selectMeta",n.meta)},M(d(n.meta)),9,_e)])):g("",!0)]))),128))])])])}}}),be={block:"","h-screen":"","of-auto":""},ye={"h-full":"",class:"grid grid-rows-[auto_1fr]"},ke={border:"b base",flex:"~ col gap1",px4:"",py3:""},$e={key:1,op50:""},Re={key:0,"text-orange":"",op75:""},we={key:1,op50:""},Ne=N({__name:"pages",setup(p){const i=$(""),r=$(null),_=$([]),v=y(()=>i.value===r.value?.path?[]:_.value),d=$([]),c=$();function u(n){d.value=n.routes,r.value=n.currentRoute,i.value=r.value?.path??"/"}function s(){v.value.length&&m(i.value)}function m(n){D.value.navigate(n)}return K(()=>{D.value.getRouterInfo().then(n=>{u(n)}),D.functions.on(P.ROUTER_INFO_UPDATED,u)}),G(i,()=>{i.value!==r.value?.path&&D.value.getMatchedRoutes(i.value).then(n=>{_.value=n})}),L(()=>{D.functions.off(P.ROUTER_INFO_UPDATED,u)}),(n,o)=>{const f=xe,x=H,C=ee;return a(),l("div",be,[t("div",ye,[t("div",ke,[t("div",null,[(a(),l("span",$e,"Current route"))]),h(e(O),{modelValue:e(i),"onUpdate:modelValue":o[0]||(o[0]=k=>Y(i)?i.value=k:null),"left-icon":"i-carbon-direction-right-01 scale-y--100",class:E(e(r)?.path===e(i)?"":e(v).length?"text-green!":"text-orange!"),onKeydown:W(s,["enter"])},null,8,["modelValue","class"]),t("div",null,[e(r)?.path!==e(i)?(a(),l(R,{key:0},[o[6]||(o[6]=t("span",null,[V("Press "),t("b",{"font-bold":""},"Enter"),V(" to navigate")],-1)),e(v).length?g("",!0):(a(),l("span",Re," (no match)"))],64)):(a(),l("span",we,"Edit path above to navigate"))])]),h(e(Z),{class:"of-hidden"},{default:b(()=>[h(e(S),{size:"70",class:"of-auto!"},{default:b(()=>[h(x,{icon:"i-carbon-tree-view-alt",text:"All Routes",description:`${e(d).length} routes registered in your application`,padding:!1},{default:b(()=>[e(d).length?(a(),w(f,{key:0,pages:e(d),matched:e(r)?.matched??[],"matched-pending":e(v),onNavigate:m,onSelectMeta:o[1]||(o[1]=k=>c.value=k)},null,8,["pages","matched","matched-pending"])):g("",!0)]),_:1},8,["description"])]),_:1}),e(c)?(a(),w(e(S),{key:0,size:"30",class:"of-auto!"},{default:b(()=>[h(C,{meta:e(c),onClose:o[2]||(o[2]=k=>c.value=void 0)},null,8,["meta"])]),_:1})):g("",!0)]),_:1})])])}}});export{Ne as default};

package/client/assets/pinia-C62RQFBU.js

@@ -0,0 +1 @@
+import{d as e,e as a,o,u as n,w as r}from"./index-B5ZMOy4O.js";/* empty css              */const i=e({__name:"pinia",setup(t){return(s,p)=>(o(),a(n(r)))}});export{i as default};

package/client/assets/{router-BjSNl7sf.js → router-CMWgb1rd.js}

@@ -1 +1 @@
-import{d as n,i as c,j as o,e as u,o as p,u as t,y as i}from"./index-D8B9oRep.js";/* empty css              */const f=n({__name:"router",setup(d){const{registeredInspector:r}=c(),s=o(()=>r.value?.find(e=>e.packageName==="vue-router")),a=o(()=>s.value?.id);return(e,m)=>(p(),u(t(i),{id:t(a)},null,8,["id"]))}});export{f as default};
+import{d as n,y as c,i as o,e as u,o as p,u as t,k as i}from"./index-B5ZMOy4O.js";/* empty css              */const f=n({__name:"router",setup(d){const{registeredInspector:r}=c(),s=o(()=>r.value?.find(e=>e.packageName==="vue-router")),a=o(()=>s.value?.id);return(e,m)=>(p(),u(t(i),{id:t(a)},null,8,["id"]))}});export{f as default};

package/client/assets/{settings-C16ll9_V.js → settings-Cp5OpdUZ.js}

@@ -1 +1 @@
-import{d as ee,k as le,l as B,m as te,p as E,q as oe,j as ne,c as m,o as d,s as a,b as l,F as x,v as $,u as t,a as U,w as r,z as se,M as j,A as F,t as I,B as R,C as p,D as V,E as O,G as ae,H as ie,e as _,I as h,n as z,_ as ue,J as D,K as de}from"./index-D8B9oRep.js";import{_ as re}from"./IconTitle.vue_vue_type_script_setup_true_lang-DJUwPLzM.js";const pe={"h-full":"","w-full":"","of-auto":"",px8:"",py6:""},me={grid:"~ md:cols-[repeat(auto-fit,minmax(16rem,1fr))] gap-x-10 gap-y-3","max-w-300":""},ve={flex:"~ col gap-2"},fe={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":""},xe={capitalize:"",op75:""},ge={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":"","pr-4":"","text-sm":""},ce=["onClick"],be=["onClick"],ye=["onClick"],Ve={flex:"~ col gap-2"},ke={flex:"~ gap2"},Ce={class:"flex items-center gap2 text-sm"},we={class:"flex items-center gap2 text-sm"},Se={class:"flex items-center gap2 text-sm"},Te={class:"flex items-center gap2 text-sm"},Ue={flex:"~ gap-2"},De=ee({__name:"settings",setup(Ie){const{categorizedTabs:H}=le(),A=ie(),q=A==="iframe"||A==="separate-window",{scale:k,interactionCloseOnOutsideClick:C,showPanel:w,minimizePanelInteractive:g,expandSidebar:S,scrollableSidebar:T,reduceMotion:G}=B(te(E)),J=[["Tiny",12/15],["Small",14/15],["Normal",1],["Large",16/15],["Huge",18/15]],K=[["Always",0],["1s",1e3],["2s",2e3],["5s",5e3],["10s",1e4],["Never",-1]],{hiddenTabCategories:c,hiddenTabs:b,pinnedTabs:i}=B(E.value.tabSettings);function Q(s,e){e?b.value=b.value.filter(u=>u!==s):b.value.push(s)}function W(s,e){e?c.value=c.value.filter(u=>u!==s):c.value.push(s)}function X(s){i.value.includes(s)?i.value=i.value.filter(e=>e!==s):i.value.push(s)}function L(s,e){const u=i.value.indexOf(s);if(u===-1)return;const v=u+e;if(v<0||v>=i.value.length)return;const o=[...i.value];o.splice(u,1),o.splice(v,0,s),i.value=o}const y=oe(!1);async function Y(){de(),window.location.reload()}const M=K.map(([s,e])=>({label:s,value:e})),Z=ne(()=>`${M.find(e=>e.value===g.value)?.label??"Select..."}`);return(s,e)=>{const u=re,v=ue;return d(),m("div",pe,[a(u,{class:"mb-5 text-xl op75",icon:"i-carbon-settings-adjust",text:"DevTools Settings"}),l("div",me,[l("div",ve,[e[12]||(e[12]=l("h3",{"text-lg":""}," Tabs ",-1)),(d(!0),m(x,null,$(t(H),([{name:o,hidden:f},N])=>(d(),m(x,{key:o},[N.length?(d(),_(t(O),{key:0,p3:"",flex:"~ col gap-1",class:z(f?"op50 grayscale":"")},{default:r(()=>[a(t(h),{"model-value":!t(c).includes(o),class:"row-reverse flex py1 pl2 pr1 hover:bg-active","onUpdate:modelValue":n=>W(o,n)},{default:r(()=>[l("div",fe,[l("span",xe,I(o),1)])]),_:2},1032,["model-value","onUpdate:modelValue"]),e[11]||(e[11]=l("div",{"mx--1":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),(d(!0),m(x,null,$(N,n=>(d(),_(t(h),{key:n.name,class:z(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active",n.hidden?"op35":""]),"model-value":!t(b).includes(n.name),"onUpdate:modelValue":P=>Q(n.name,P)},{default:r(()=>[l("div",ge,[a(v,{"text-xl":"",icon:n.icon,fallback:n.fallbackIcon,title:n.title},null,8,["icon","fallback","title"]),l("span",null,I(n.title),1),e[10]||(e[10]=l("div",{"flex-auto":""},null,-1)),t(i).includes(n.name)?(d(),m(x,{key:0},[l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==0&&L(n.name,-1)},["stop"])},[...e[8]||(e[8]=[l("div",{class:"i-carbon-caret-up"},null,-1)])],8,ce),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==t(i).length-1&&L(n.name,1)},["stop"])},[...e[9]||(e[9]=[l("div",{class:"i-carbon-caret-down"},null,-1)])],8,be)],64)):U("",!0),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(P=>X(n.name),["stop"])},[l("div",{class:z(t(i).includes(n.name)?" i-carbon-pin-filled rotate--45":" i-carbon-pin op45")},null,2)],8,ye)])]),_:2},1032,["model-value","class","onUpdate:modelValue"]))),128))]),_:2},1032,["class"])):U("",!0)],64))),128))]),l("div",Ve,[e[25]||(e[25]=l("h3",{"text-lg":""}," Appearance ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",ke,[a(t(se),{animation:!t(G)},{default:r(({isDark:o,toggle:f})=>[a(t(j),{outlined:"",type:"primary",onClick:f},{default:r(()=>[e[13]||(e[13]=l("div",{"i-carbon-sun":"","dark:i-carbon-moon":"","translate-y--1px":""},null,-1)),F(" "+I(o?"Dark":"Light"),1)]),_:2},1032,["onClick"])]),_:1},8,["animation"])]),e[16]||(e[16]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[17]||(e[17]=l("p",null,"UI Scale",-1)),l("div",null,[a(t(R),{modelValue:t(k),"onUpdate:modelValue":e[0]||(e[0]=o=>p(k)?k.value=o:null),options:J.map(([o,f])=>({label:o,value:f})),"button-props":{outlined:!0}},null,8,["modelValue","options"])]),e[18]||(e[18]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),l("div",Ce,[a(t(V),{modelValue:t(S),"onUpdate:modelValue":e[1]||(e[1]=o=>p(S)?S.value=o:null)},null,8,["modelValue"]),e[14]||(e[14]=l("span",{op75:""},"Expand Sidebar",-1))]),l("div",we,[a(t(V),{modelValue:t(T),"onUpdate:modelValue":e[2]||(e[2]=o=>p(T)?T.value=o:null)},null,8,["modelValue"]),e[15]||(e[15]=l("span",{op75:""},"Scrollable Sidebar",-1))])]),_:1}),t(q)?(d(),m(x,{key:0},[e[23]||(e[23]=l("h3",{mt2:"","text-lg":""}," Features ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",Se,[a(t(V),{modelValue:t(C),"onUpdate:modelValue":e[3]||(e[3]=o=>p(C)?C.value=o:null)},null,8,["modelValue"]),e[19]||(e[19]=l("span",{op75:""},"Close DevTools when clicking outside",-1))]),l("div",Te,[a(t(V),{modelValue:t(w),"onUpdate:modelValue":e[4]||(e[4]=o=>p(w)?w.value=o:null)},null,8,["modelValue"]),e[20]||(e[20]=l("span",{op75:""},"Always show the floating panel",-1))]),e[21]||(e[21]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[22]||(e[22]=l("p",null,"Minimize floating panel on inactive",-1)),l("div",null,[a(t(R),{modelValue:t(g),"onUpdate:modelValue":e[5]||(e[5]=o=>p(g)?g.value=o:null),"button-props":{outlined:!0},options:t(M),placeholder:t(Z)},null,8,["modelValue","options","placeholder"])])]),_:1})],64)):U("",!0),e[26]||(e[26]=l("h3",{mt2:"","text-lg":""}," Debug ",-1)),l("div",Ue,[a(t(j),{outlined:"",type:"warning",onClick:e[6]||(e[6]=o=>y.value=!0)},{default:r(()=>[...e[24]||(e[24]=[l("div",{"i-carbon-breaking-change":""},null,-1),F(" Reset Local Settings & State ",-1)])]),_:1}),a(t(ae),{modelValue:t(y),"onUpdate:modelValue":e[7]||(e[7]=o=>p(y)?y.value=o:null),title:"Clear Local Settings & State",width:"40%",height:"200px",content:"Are you sure you to reset all local settings & state? Devtools will reload.",onConfirm:Y},null,8,["modelValue"])])])])])}}});export{De as default};
+import{d as ee,j as le,l as B,m as te,p as E,q as oe,i as ne,c as m,o as d,s as a,b as l,F as x,v as $,u as t,a as U,x as r,z as se,M as j,A as F,t as I,B as R,C as p,D as V,E as O,G as ae,H as ie,e as _,I as h,n as z,_ as ue,J as D,K as de}from"./index-B5ZMOy4O.js";import{_ as re}from"./IconTitle.vue_vue_type_script_setup_true_lang-CfDGRuuz.js";const pe={"h-full":"","w-full":"","of-auto":"",px8:"",py6:""},me={grid:"~ md:cols-[repeat(auto-fit,minmax(16rem,1fr))] gap-x-10 gap-y-3","max-w-300":""},ve={flex:"~ col gap-2"},fe={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":""},xe={capitalize:"",op75:""},ge={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":"","pr-4":"","text-sm":""},ce=["onClick"],be=["onClick"],ye=["onClick"],Ve={flex:"~ col gap-2"},ke={flex:"~ gap2"},Ce={class:"flex items-center gap2 text-sm"},we={class:"flex items-center gap2 text-sm"},Se={class:"flex items-center gap2 text-sm"},Te={class:"flex items-center gap2 text-sm"},Ue={flex:"~ gap-2"},De=ee({__name:"settings",setup(Ie){const{categorizedTabs:H}=le(),A=ie(),q=A==="iframe"||A==="separate-window",{scale:k,interactionCloseOnOutsideClick:C,showPanel:w,minimizePanelInteractive:g,expandSidebar:S,scrollableSidebar:T,reduceMotion:G}=B(te(E)),J=[["Tiny",12/15],["Small",14/15],["Normal",1],["Large",16/15],["Huge",18/15]],K=[["Always",0],["1s",1e3],["2s",2e3],["5s",5e3],["10s",1e4],["Never",-1]],{hiddenTabCategories:c,hiddenTabs:b,pinnedTabs:i}=B(E.value.tabSettings);function Q(s,e){e?b.value=b.value.filter(u=>u!==s):b.value.push(s)}function W(s,e){e?c.value=c.value.filter(u=>u!==s):c.value.push(s)}function X(s){i.value.includes(s)?i.value=i.value.filter(e=>e!==s):i.value.push(s)}function L(s,e){const u=i.value.indexOf(s);if(u===-1)return;const v=u+e;if(v<0||v>=i.value.length)return;const o=[...i.value];o.splice(u,1),o.splice(v,0,s),i.value=o}const y=oe(!1);async function Y(){de(),window.location.reload()}const M=K.map(([s,e])=>({label:s,value:e})),Z=ne(()=>`${M.find(e=>e.value===g.value)?.label??"Select..."}`);return(s,e)=>{const u=re,v=ue;return d(),m("div",pe,[a(u,{class:"mb-5 text-xl op75",icon:"i-carbon-settings-adjust",text:"DevTools Settings"}),l("div",me,[l("div",ve,[e[12]||(e[12]=l("h3",{"text-lg":""}," Tabs ",-1)),(d(!0),m(x,null,$(t(H),([{name:o,hidden:f},N])=>(d(),m(x,{key:o},[N.length?(d(),_(t(O),{key:0,p3:"",flex:"~ col gap-1",class:z(f?"op50 grayscale":"")},{default:r(()=>[a(t(h),{"model-value":!t(c).includes(o),class:"row-reverse flex py1 pl2 pr1 hover:bg-active","onUpdate:modelValue":n=>W(o,n)},{default:r(()=>[l("div",fe,[l("span",xe,I(o),1)])]),_:2},1032,["model-value","onUpdate:modelValue"]),e[11]||(e[11]=l("div",{"mx--1":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),(d(!0),m(x,null,$(N,n=>(d(),_(t(h),{key:n.name,class:z(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active",n.hidden?"op35":""]),"model-value":!t(b).includes(n.name),"onUpdate:modelValue":P=>Q(n.name,P)},{default:r(()=>[l("div",ge,[a(v,{"text-xl":"",icon:n.icon,fallback:n.fallbackIcon,title:n.title},null,8,["icon","fallback","title"]),l("span",null,I(n.title),1),e[10]||(e[10]=l("div",{"flex-auto":""},null,-1)),t(i).includes(n.name)?(d(),m(x,{key:0},[l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==0&&L(n.name,-1)},["stop"])},[...e[8]||(e[8]=[l("div",{class:"i-carbon-caret-up"},null,-1)])],8,ce),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==t(i).length-1&&L(n.name,1)},["stop"])},[...e[9]||(e[9]=[l("div",{class:"i-carbon-caret-down"},null,-1)])],8,be)],64)):U("",!0),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(P=>X(n.name),["stop"])},[l("div",{class:z(t(i).includes(n.name)?" i-carbon-pin-filled rotate--45":" i-carbon-pin op45")},null,2)],8,ye)])]),_:2},1032,["model-value","class","onUpdate:modelValue"]))),128))]),_:2},1032,["class"])):U("",!0)],64))),128))]),l("div",Ve,[e[25]||(e[25]=l("h3",{"text-lg":""}," Appearance ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",ke,[a(t(se),{animation:!t(G)},{default:r(({isDark:o,toggle:f})=>[a(t(j),{outlined:"",type:"primary",onClick:f},{default:r(()=>[e[13]||(e[13]=l("div",{"i-carbon-sun":"","dark:i-carbon-moon":"","translate-y--1px":""},null,-1)),F(" "+I(o?"Dark":"Light"),1)]),_:2},1032,["onClick"])]),_:1},8,["animation"])]),e[16]||(e[16]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[17]||(e[17]=l("p",null,"UI Scale",-1)),l("div",null,[a(t(R),{modelValue:t(k),"onUpdate:modelValue":e[0]||(e[0]=o=>p(k)?k.value=o:null),options:J.map(([o,f])=>({label:o,value:f})),"button-props":{outlined:!0}},null,8,["modelValue","options"])]),e[18]||(e[18]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),l("div",Ce,[a(t(V),{modelValue:t(S),"onUpdate:modelValue":e[1]||(e[1]=o=>p(S)?S.value=o:null)},null,8,["modelValue"]),e[14]||(e[14]=l("span",{op75:""},"Expand Sidebar",-1))]),l("div",we,[a(t(V),{modelValue:t(T),"onUpdate:modelValue":e[2]||(e[2]=o=>p(T)?T.value=o:null)},null,8,["modelValue"]),e[15]||(e[15]=l("span",{op75:""},"Scrollable Sidebar",-1))])]),_:1}),t(q)?(d(),m(x,{key:0},[e[23]||(e[23]=l("h3",{mt2:"","text-lg":""}," Features ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",Se,[a(t(V),{modelValue:t(C),"onUpdate:modelValue":e[3]||(e[3]=o=>p(C)?C.value=o:null)},null,8,["modelValue"]),e[19]||(e[19]=l("span",{op75:""},"Close DevTools when clicking outside",-1))]),l("div",Te,[a(t(V),{modelValue:t(w),"onUpdate:modelValue":e[4]||(e[4]=o=>p(w)?w.value=o:null)},null,8,["modelValue"]),e[20]||(e[20]=l("span",{op75:""},"Always show the floating panel",-1))]),e[21]||(e[21]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[22]||(e[22]=l("p",null,"Minimize floating panel on inactive",-1)),l("div",null,[a(t(R),{modelValue:t(g),"onUpdate:modelValue":e[5]||(e[5]=o=>p(g)?g.value=o:null),"button-props":{outlined:!0},options:t(M),placeholder:t(Z)},null,8,["modelValue","options","placeholder"])])]),_:1})],64)):U("",!0),e[26]||(e[26]=l("h3",{mt2:"","text-lg":""}," Debug ",-1)),l("div",Ue,[a(t(j),{outlined:"",type:"warning",onClick:e[6]||(e[6]=o=>y.value=!0)},{default:r(()=>[...e[24]||(e[24]=[l("div",{"i-carbon-breaking-change":""},null,-1),F(" Reset Local Settings & State ",-1)])]),_:1}),a(t(ae),{modelValue:t(y),"onUpdate:modelValue":e[7]||(e[7]=o=>p(y)?y.value=o:null),title:"Clear Local Settings & State",width:"40%",height:"200px",content:"Are you sure you to reset all local settings & state? Devtools will reload.",onConfirm:Y},null,8,["modelValue"])])])])])}}});export{De as default};

package/client/assets/timeline-BnYZ8d9h.js

@@ -0,0 +1 @@
+import{d as M,ag as V,i as f,Y as I,ah as D,ai as U,aj as j,c as n,o as l,b as d,a as N,u as e,T as C,ak as L,s as r,al as $,F,v as P,h as E,n as W,A as q,t as z,J,W as K,q as h,am as Y,a7 as G,x as k,e as H,an as O,C as A,ae as R,ao as Q,af as X}from"./index-B5ZMOy4O.js";const Z={"h-full":"",flex:"","flex-col":"",p2:""},ee={class:"relative mb-1 w-full flex items-center justify-end pb-1",border:"b dashed base"},te={key:0,class:"absolute left-0 text-xs text-gray-300 dark:text-gray-500"},ae={class:"flex items-center gap-2 px-1"},le={key:0,class:"recording recording-btn bg-[#ef4444]"},oe={key:1,class:"recording-btn bg-black op70 dark:bg-white hover:op100"},ne={class:"flex items-center gap1"},se={class:"p2"},ie=["onClick"],re=["onClick"],de=M({__name:"TimelineLayers",props:V({data:{}},{modelValue:{},modelModifiers:{}}),emits:V(["select","clear"],["update:modelValue"]),setup(w,{emit:y}){const b=y,_=I(),u=f(()=>_.timelineLayersState.value.recordingState),c=f(()=>_.timelineLayersState.value),g=f(()=>u.value?"Stop recording":"Start recording");D();const p=U(w,"modelValue");function S(t){p.value=t,b("select",t),E.value.updateTimelineLayersState({selected:t})}j(()=>c.value.selected,t=>{p.value=t},{immediate:!0});function s(t){return{mouse:c.value.mouseEventEnabled,keyboard:c.value.keyboardEventEnabled,"component-event":c.value.componentEventEnabled,performance:c.value.performanceEventEnabled}[t]}function T(){E.value.updateTimelineLayersState({recordingState:!u.value})}function v(t){const i={mouse:"mouseEventEnabled",keyboard:"keyboardEventEnabled","component-event":"componentEventEnabled",performance:"performanceEventEnabled"}[t];E.value.updateTimelineLayersState({[i]:!s(t)})}return(t,i)=>(l(),n("div",Z,[d("div",ee,[e(u)?N("",!0):(l(),n("span",te,"Not recording")),d("div",ae,[C((l(),n("div",{class:"flex items-center gap1",onClick:T},[e(u)?(l(),n("span",le)):(l(),n("span",oe))])),[[e(L),{content:e(g)},void 0,{"bottom-end":!0}]]),C((l(),n("div",{class:"flex items-center gap1",onClick:i[0]||(i[0]=o=>b("clear"))},[r(e($),{name:"baseline-delete","cursor-pointer":"","text-xl":"",op70:"","hover:op100":""})])),[[e(L),{content:"Clear all timelines"},void 0,{"bottom-end":!0}]]),C((l(),n("div",ne,[r(e($),{name:"baseline-tips-and-updates","cursor-pointer":"","text-xl":"",op70:"","hover:op100":""})])),[[e(L),{content:"<p style='width: 285px'>Timeline events can cause significant performance overhead in large applications, so we recommend enabling it only when needed and on-demand. </p>",html:!0},void 0,{"bottom-end":!0}]])])]),d("ul",se,[(l(!0),n(F,null,P(w.data,o=>(l(),n("li",{key:o.id,class:W(["group relative selectable-item",{active:o.id===p.value,op60:!s(o.id)}]),onClick:a=>S(o.id)},[q(z(o.label)+" ",1),d("span",{class:"absolute right-2 rounded-1 bg-primary-500 px1 text-3 text-white op0 [.active_&]:bg-primary-400 [.active_&]:dark:bg-gray-600 group-hover:op80 hover:op100!",onClick:J(a=>v(o.id),["stop"])},z(s(o.id)?"Disable":"Enable"),9,re)],10,ie))),128))])]))}}),ce=K(de,[["__scopeId","data-v-95cda1e2"]]),ue={class:"h-full w-full"},pe={class:"no-scrollbar h-full flex select-none gap-2 overflow-scroll"},ve={class:"h-full flex flex-col"},me={class:"no-scrollbar h-full flex select-none gap-2 overflow-scroll"},fe={class:"h-full flex flex-col p2"},_e=M({__name:"timeline",setup(w){const y=h(),b=h(),_=h(!1),{width:u}=Y(b),c=f(()=>_.value?u.value<700:!1),g=I(),p=f(()=>g.appRecords.value.map(a=>({label:a.name+(a.version?` (${a.version})`:""),value:a.id}))),S=f(()=>p.value.map(a=>({label:a.label,id:a.value}))),s=h(g.activeAppRecordId.value);G(()=>{s.value=g.activeAppRecordId.value});function T(a){E.value.toggleApp(a).then(()=>{i()})}const v=h(""),t=[{label:"Mouse",id:"mouse"},{label:"Keyboard",id:"keyboard"},{label:"Component events",id:"component-event"},{label:"Performance",id:"performance"}];function i(){y.value?.clear()}function o(){i()}return(a,m)=>{const B=ce;return l(),n("div",ue,[r(e(X),{ref_key:"splitpanesRef",ref:b,class:"flex-1 overflow-auto",horizontal:e(c),onReady:m[2]||(m[2]=x=>_.value=!0)},{default:k(()=>[e(p).length>1?(l(),H(e(R),{key:0,border:"base h-full",size:"20"},{default:k(()=>[d("div",pe,[r(e(O),{modelValue:e(s),"onUpdate:modelValue":m[0]||(m[0]=x=>A(s)?s.value=x:null),data:e(S),class:"w-full",onSelect:T},null,8,["modelValue","data"])])]),_:1})):N("",!0),r(e(R),{border:"base","h-full":""},{default:k(()=>[d("div",ve,[d("div",me,[r(B,{modelValue:e(v),"onUpdate:modelValue":m[1]||(m[1]=x=>A(v)?v.value=x:null),data:t,class:"w-full",onSelect:o,onClear:i},null,8,["modelValue"])])])]),_:1}),r(e(R),{relative:"","h-full":"",size:"65"},{default:k(()=>[d("div",fe,[r(e(Q),{ref_key:"timelineRef",ref:y,"layer-ids":[e(v)],"header-visible":!1,"doc-link":"","plugin-id":"","switcher-visible":!1},null,8,["layer-ids"])])]),_:1})]),_:1},8,["horizontal"])])}}});export{_e as default};

package/client/index.html

@@ -6,7 +6,7 @@
     <link rel="icon" href="./logo.svg" type="image/svg+xml" />
     <title>Vue DevTools Client</title>
     <script src="./color-scheme.js"></script>
-    <script type="module" crossorigin src="./assets/index-D8B9oRep.js"></script>
+    <script type="module" crossorigin src="./assets/index-B5ZMOy4O.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-DVOrYgP_.css">
   </head>
   <body>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-vue-devtools",
   "type": "module",
-  "version": "8.1.0",
+  "version": "8.1.1",
   "description": "A vite plugin for Vue DevTools",
   "author": "webfansplz",
   "license": "MIT",
@@ -47,9 +47,9 @@
     "sirv": "^3.0.2",
     "vite-plugin-inspect": "^11.3.3",
     "vite-plugin-vue-inspector": "^5.3.2",
-    "@vue/devtools-core": "^8.1.0",
-    "@vue/devtools-shared": "^8.1.0",
-    "@vue/devtools-kit": "^8.1.0"
+    "@vue/devtools-core": "^8.1.1",
+    "@vue/devtools-kit": "^8.1.1",
+    "@vue/devtools-shared": "^8.1.1"
   },
   "devDependencies": {
     "@types/node": "^24.7.2",

package/src/overlay/devtools-overlay.css

@@ -1 +1 @@
-.vue-devtools-frame[data-v-399f5059]{position:fixed;z-index:2147483645}.vue-devtools-frame[data-v-399f5059] iframe{width:100%;height:100%;outline:none;background:var(--vue-devtools-widget-bg);border:1px solid rgba(125,125,125,.2);border-radius:10px}.vue-devtools-frame.view-mode-xs[data-v-399f5059]{width:400px!important;height:80px!important}.vue-devtools-frame.view-mode-fullscreen[data-v-399f5059]{width:100vw!important;height:100vh!important;z-index:1!important;bottom:0!important;transform:none!important}.vue-devtools-frame.view-mode-fullscreen[data-v-399f5059] iframe{border-radius:0!important}.vue-devtools-resize--horizontal[data-v-399f5059]{position:absolute;left:6px;right:6px;height:10px;margin:-5px 0;cursor:ns-resize;border-radius:5px}.vue-devtools-resize--vertical[data-v-399f5059]{position:absolute;top:6px;bottom:0;width:10px;margin:0 -5px;cursor:ew-resize;border-radius:5px}.vue-devtools-resize-corner[data-v-399f5059]{position:absolute;width:14px;height:14px;margin:-6px;border-radius:6px}.vue-devtools-resize[data-v-399f5059]:hover{background:#7d7d7d1a}.vue-devtools__anchor[data-v-c7b7f1f3]{position:fixed;z-index:2147483645;transform-origin:center center;transform:translate(-50%,-50%) rotate(0)}.vue-devtools__anchor.reduce-motion[data-v-c7b7f1f3],.vue-devtools__anchor.reduce-motion[data-v-c7b7f1f3] *{transition:none!important;animation:none!important}.vue-devtools__anchor.fullscreen[data-v-c7b7f1f3]{transform:none!important;left:0!important}.vue-devtools__anchor-btn[data-v-c7b7f1f3]{border-radius:100%;border-width:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease-in-out}.vue-devtools__anchor-btn[data-v-c7b7f1f3]:hover{opacity:1}.vue-devtools__anchor-btn svg[data-v-c7b7f1f3]{width:14px;height:14px}.vue-devtools__anchor-btn.active[data-v-c7b7f1f3]{cursor:pointer}.vue-devtools__anchor .panel-entry-btn[data-v-c7b7f1f3]{cursor:pointer;flex:none}.vue-devtools__anchor--vertical .panel-entry-btn[data-v-c7b7f1f3]{transform:rotate(-90deg)}.vue-devtools__anchor--vertical .vue-devtools__panel[data-v-c7b7f1f3]{transform:translate(-50%,-50%) rotate(90deg);box-shadow:2px -2px 8px var(--vue-devtools-widget-shadow)}.vue-devtools__anchor--hide .vue-devtools__panel[data-v-c7b7f1f3]{max-width:32px;padding:2px 0}.vue-devtools__anchor--hide .vue-devtools__panel-content[data-v-c7b7f1f3]{opacity:0}.vue-devtools__anchor--glowing[data-v-c7b7f1f3]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:160px;height:160px;opacity:0;transition:all 1s ease;pointer-events:none;z-index:-1;border-radius:9999px;background-image:linear-gradient(45deg,#00dc82,#36e4da,#0047e1);filter:blur(60px)}.vue-devtools__anchor:hover .vue-devtools__anchor--glowing[data-v-c7b7f1f3]{opacity:.6}.vue-devtools__panel[data-v-c7b7f1f3]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;justify-content:flex-start;overflow:hidden;align-items:center;gap:2px;height:30px;padding:4px 4px 4px 5px;box-sizing:border-box;border:1px solid var(--vue-devtools-widget-border);border-radius:20px;background-color:var(--vue-devtools-widget-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--vue-devtools-widget-fg);box-shadow:2px 2px 8px var(--vue-devtools-widget-shadow);-webkit-user-select:none;user-select:none;max-width:150px;transition:max-width .4s ease,padding .5s ease,transform .3s ease,all .4s ease}.vue-devtools__panel-content[data-v-c7b7f1f3]{transition:opacity .4s ease}.vue-devtools__panel-divider[data-v-c7b7f1f3]{border-left:1px solid rgba(136,136,136,.2);width:1px;height:10px}@keyframes blink-c7b7f1f3{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}@media print{#vue-devtools-anchor[data-v-c7b7f1f3]{display:none}}
+.vue-devtools-frame[data-v-399f5059]{position:fixed;z-index:2147483645}.vue-devtools-frame[data-v-399f5059] iframe{width:100%;height:100%;outline:none;background:var(--vue-devtools-widget-bg);border:1px solid rgba(125,125,125,.2);border-radius:10px}.vue-devtools-frame.view-mode-xs[data-v-399f5059]{width:400px!important;height:80px!important}.vue-devtools-frame.view-mode-fullscreen[data-v-399f5059]{width:100vw!important;height:100vh!important;z-index:1!important;bottom:0!important;transform:none!important}.vue-devtools-frame.view-mode-fullscreen[data-v-399f5059] iframe{border-radius:0!important}.vue-devtools-resize--horizontal[data-v-399f5059]{position:absolute;left:6px;right:6px;height:10px;margin:-5px 0;cursor:ns-resize;border-radius:5px}.vue-devtools-resize--vertical[data-v-399f5059]{position:absolute;top:6px;bottom:0;width:10px;margin:0 -5px;cursor:ew-resize;border-radius:5px}.vue-devtools-resize-corner[data-v-399f5059]{position:absolute;width:14px;height:14px;margin:-6px;border-radius:6px}.vue-devtools-resize[data-v-399f5059]:hover{background:#7d7d7d1a}.vue-devtools__anchor[data-v-d514696a]{position:fixed;z-index:2147483645;transform-origin:center center;transform:translate(-50%,-50%) rotate(0)}.vue-devtools__anchor.reduce-motion[data-v-d514696a],.vue-devtools__anchor.reduce-motion[data-v-d514696a] *{transition:none!important;animation:none!important}.vue-devtools__anchor.fullscreen[data-v-d514696a]{transform:none!important;left:0!important}.vue-devtools__anchor-btn[data-v-d514696a]{border-radius:100%;border-width:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;opacity:.8;transition:opacity .2s ease-in-out;cursor:pointer}.vue-devtools__anchor-btn[data-v-d514696a]:hover{opacity:1}.vue-devtools__anchor-btn svg[data-v-d514696a]{width:14px;height:14px}.vue-devtools__anchor .panel-entry-btn[data-v-d514696a]{flex:none}.vue-devtools__anchor--vertical .panel-entry-btn[data-v-d514696a]{transform:rotate(-90deg)}.vue-devtools__anchor--vertical .vue-devtools__panel[data-v-d514696a]{transform:translate(-50%,-50%) rotate(90deg);box-shadow:2px -2px 8px var(--vue-devtools-widget-shadow)}.vue-devtools__anchor--hide .vue-devtools__panel[data-v-d514696a]{max-width:32px;padding:2px 0}.vue-devtools__anchor--hide .vue-devtools__panel-content[data-v-d514696a]{opacity:0}.vue-devtools__anchor--glowing[data-v-d514696a]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:160px;height:160px;opacity:0;transition:all 1s ease;pointer-events:none;z-index:-1;border-radius:9999px;background-image:linear-gradient(45deg,#00dc82,#36e4da,#0047e1);filter:blur(60px)}.vue-devtools__anchor:hover .vue-devtools__anchor--glowing[data-v-d514696a]{opacity:.6}.vue-devtools__panel[data-v-d514696a]{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;justify-content:flex-start;overflow:hidden;align-items:center;gap:2px;height:30px;padding:4px 4px 4px 5px;box-sizing:border-box;border:1px solid var(--vue-devtools-widget-border);border-radius:20px;background-color:var(--vue-devtools-widget-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--vue-devtools-widget-fg);box-shadow:2px 2px 8px var(--vue-devtools-widget-shadow);-webkit-user-select:none;user-select:none;max-width:150px;transition:max-width .4s ease,padding .5s ease,transform .3s ease,all .4s ease}.vue-devtools__panel-content[data-v-d514696a]{transition:opacity .4s ease}.vue-devtools__panel-divider[data-v-d514696a]{border-left:1px solid rgba(136,136,136,.2);width:1px;height:10px}@keyframes blink-d514696a{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}@media print{#vue-devtools-anchor[data-v-d514696a]{display:none}}