vite-plugin-vue-devtools 0.4.1 → 0.4.2

package/dist/client/assets/{index-9875586e.js → index-fab050dd.js}

@@ -14387,20 +14387,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-0f12b727.js'),true?["./timeline-0f12b727.js","./StateFields.vue_vue_type_script_setup_true_lang-321ed214.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./index-dc7de915.js","./VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js","./VPanelGrids-ea1fc6cc.js","./_commonjsHelpers-c0d8ada0.js","./splitpanes.es-b88bf7fe.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-e845812f.js'),true?["./settings-e845812f.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./VIconTitle.vue_vue_type_script_setup_true_lang-93fee085.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-c562ae44.js'),true?["./routes-c562ae44.js","./VPanelGrids-ea1fc6cc.js","./StateFields.vue_vue_type_script_setup_true_lang-321ed214.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./index-dc7de915.js","./VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js","./splitpanes.es-b88bf7fe.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-9bb95365.js'),true?["./pinia-9bb95365.js","./StateFields.vue_vue_type_script_setup_true_lang-321ed214.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./index-dc7de915.js","./VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js","./splitpanes.es-b88bf7fe.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-acabe249.js'),true?["./pages-acabe249.js","./VSectionBlock-22944be5.js","./VIconTitle.vue_vue_type_script_setup_true_lang-93fee085.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-4c7997d1.js"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-eb213ef4.js'),true?["./overview-eb213ef4.js","./VPanelGrids-ea1fc6cc.js","./rpc-a89d2eca.js","./index-dc7de915.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./npm-ec7132af.js'),true?["./npm-ec7132af.js","./VSectionBlock-22944be5.js","./VIconTitle.vue_vue_type_script_setup_true_lang-93fee085.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-4c7997d1.js","./_commonjsHelpers-c0d8ada0.js","./rpc-a89d2eca.js","./npm-125f4259.css"]:void 0,import.meta.url);
-const __pages_import_7__ = () => __vitePreload(() => import('./inspect-952aeb0a.js'),true?["./inspect-952aeb0a.js","./IframeView.vue_vue_type_script_setup_true_lang-07716658.js","./rpc-a89d2eca.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./graph-7d844661.js'),true?["./graph-7d844661.js","./fuse.esm-c317b696.js","./rpc-a89d2eca.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./documentations-37907b83.js'),true?["./documentations-37907b83.js","./IframeView.vue_vue_type_script_setup_true_lang-07716658.js","./rpc-a89d2eca.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./components-8882d725.js'),true?["./components-8882d725.js","./VPanelGrids-ea1fc6cc.js","./StateFields.vue_vue_type_script_setup_true_lang-321ed214.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./index-dc7de915.js","./VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js","./splitpanes.es-b88bf7fe.js"]:void 0,import.meta.url);
-const __pages_import_12__ = () => __vitePreload(() => import('./component-docs-df825434.js'),true?["./component-docs-df825434.js","./VTextInput.vue_vue_type_script_setup_true_lang-4c7997d1.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./splitpanes.es-b88bf7fe.js","./fuse.esm-c317b696.js","./rpc-a89d2eca.js","./component-docs-351d62d5.css"]:void 0,import.meta.url);
-const __pages_import_13__ = () => __vitePreload(() => import('./assets-ed629e80.js'),true?["./assets-ed629e80.js","./VPanelGrids-ea1fc6cc.js","./VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js","./VIcon.vue_vue_type_script_setup_true_lang-22026580.js","./rpc-a89d2eca.js","./VSectionBlock-22944be5.js","./VIconTitle.vue_vue_type_script_setup_true_lang-93fee085.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-4c7997d1.js","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_14__ = () => __vitePreload(() => import('./__eyedropper-1e766935.js'),true?["./__eyedropper-1e766935.js","./VPanelGrids-ea1fc6cc.js"]:void 0,import.meta.url);
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-2dc5c96b.js'),true?["./timeline-2dc5c96b.js","./StateFields.vue_vue_type_script_setup_true_lang-71b04a17.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./index-5bdd8c01.js","./VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js","./VPanelGrids-3d676ac1.js","./_commonjsHelpers-c0d8ada0.js","./splitpanes.es-8025e7b0.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-1082abbf.js'),true?["./settings-1082abbf.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6c2f93bc.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-78f604b2.js'),true?["./routes-78f604b2.js","./VPanelGrids-3d676ac1.js","./StateFields.vue_vue_type_script_setup_true_lang-71b04a17.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./index-5bdd8c01.js","./VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js","./splitpanes.es-8025e7b0.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-f7635d5a.js'),true?["./pinia-f7635d5a.js","./StateFields.vue_vue_type_script_setup_true_lang-71b04a17.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./index-5bdd8c01.js","./VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js","./splitpanes.es-8025e7b0.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-635198da.js'),true?["./pages-635198da.js","./VSectionBlock-ce3de44c.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6c2f93bc.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-387f21cb.js"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-44a22030.js'),true?["./overview-44a22030.js","./VPanelGrids-3d676ac1.js","./rpc-a4b59d16.js","./index-5bdd8c01.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./npm-068b3ea8.js'),true?["./npm-068b3ea8.js","./VSectionBlock-ce3de44c.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6c2f93bc.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-387f21cb.js","./_commonjsHelpers-c0d8ada0.js","./rpc-a4b59d16.js","./npm-125f4259.css"]:void 0,import.meta.url);
+const __pages_import_7__ = () => __vitePreload(() => import('./inspect-7b1f893a.js'),true?["./inspect-7b1f893a.js","./IframeView.vue_vue_type_script_setup_true_lang-3efd85cd.js","./rpc-a4b59d16.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./graph-586e0cca.js'),true?["./graph-586e0cca.js","./fuse.esm-c317b696.js","./rpc-a4b59d16.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./documentations-7d8323ed.js'),true?["./documentations-7d8323ed.js","./IframeView.vue_vue_type_script_setup_true_lang-3efd85cd.js","./rpc-a4b59d16.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./components-733e029a.js'),true?["./components-733e029a.js","./VPanelGrids-3d676ac1.js","./StateFields.vue_vue_type_script_setup_true_lang-71b04a17.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./index-5bdd8c01.js","./VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js","./splitpanes.es-8025e7b0.js"]:void 0,import.meta.url);
+const __pages_import_12__ = () => __vitePreload(() => import('./component-docs-cb9ad5a2.js'),true?["./component-docs-cb9ad5a2.js","./VTextInput.vue_vue_type_script_setup_true_lang-387f21cb.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./splitpanes.es-8025e7b0.js","./fuse.esm-c317b696.js","./rpc-a4b59d16.js","./component-docs-351d62d5.css"]:void 0,import.meta.url);
+const __pages_import_13__ = () => __vitePreload(() => import('./assets-04d079f5.js'),true?["./assets-04d079f5.js","./VPanelGrids-3d676ac1.js","./VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js","./VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js","./rpc-a4b59d16.js","./VSectionBlock-ce3de44c.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6c2f93bc.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-387f21cb.js","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_14__ = () => __vitePreload(() => import('./__eyedropper-e1877d6a.js'),true?["./__eyedropper-e1877d6a.js","./VPanelGrids-3d676ac1.js"]:void 0,import.meta.url);
 
 const routes$1 = [{"name":"timeline","path":"/timeline","component":__pages_import_0__,"props":true},{"name":"settings","path":"/settings","component":__pages_import_1__,"props":true},{"name":"routes","path":"/routes","component":__pages_import_2__,"props":true},{"name":"pinia","path":"/pinia","component":__pages_import_3__,"props":true},{"name":"pages","path":"/pages","component":__pages_import_4__,"props":true},{"name":"overview","path":"/overview","component":__pages_import_5__,"props":true},{"name":"npm","path":"/npm","component":__pages_import_6__,"props":true},{"name":"inspect","path":"/inspect","component":__pages_import_7__,"props":true},{"name":"index","path":"/","component":_sfc_main$a,"props":true},{"name":"graph","path":"/graph","component":__pages_import_9__,"props":true},{"name":"documentations","path":"/documentations","component":__pages_import_10__,"props":true},{"name":"components","path":"/components","component":__pages_import_11__,"props":true},{"name":"component-docs","path":"/component-docs","component":__pages_import_12__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_13__,"props":true},{"name":"__eyedropper","path":"/__eyedropper","component":__pages_import_14__,"props":true}];
 /* Injected with object hook! */

package/dist/client/assets/{inspect-952aeb0a.js → inspect-7b1f893a.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './IframeView.vue_vue_type_script_setup_true_lang-07716658.js';
-import { i as inspectClientUrl } from './rpc-a89d2eca.js';
-import { v as defineComponent, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-9875586e.js';
+import { _ as _sfc_main$1 } from './IframeView.vue_vue_type_script_setup_true_lang-3efd85cd.js';
+import { i as inspectClientUrl } from './rpc-a4b59d16.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-fab050dd.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "inspect",

package/dist/client/assets/{npm-ec7132af.js → npm-068b3ea8.js}

@@ -1,10 +1,10 @@
-import { v as defineComponent, a1 as ref, a8 as onMounted, ad as useEventListener, ae as hookApi, o as openBlock, e as createElementBlock, af as useScrollLock, ag as watch, ah as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, K as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, d as withDirectives, P as createTextVNode, q as normalizeClass, T as _sfc_main$3 } from './index-9875586e.js';
-import { _ as __unplugin_components_3 } from './VSectionBlock-22944be5.js';
-import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-4c7997d1.js';
+import { v as defineComponent, a1 as ref, a8 as onMounted, ad as useEventListener, ae as hookApi, o as openBlock, e as createElementBlock, af as useScrollLock, ag as watch, ah as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, K as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, d as withDirectives, P as createTextVNode, q as normalizeClass, T as _sfc_main$3 } from './index-fab050dd.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-ce3de44c.js';
+import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-387f21cb.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-c0d8ada0.js';
-import { r as rpc } from './rpc-a89d2eca.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-93fee085.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-22026580.js';
+import { r as rpc } from './rpc-a4b59d16.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-6c2f93bc.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js';
 
 var xterm$1 = {exports: {}};/* Injected with object hook! */
 

package/dist/client/assets/{overview-eb213ef4.js → overview-44a22030.js}

@@ -1,9 +1,9 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-ea1fc6cc.js';
-import { a1 as ref, a2 as computed, aa as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, ab as vueVersion, P as createTextVNode, e as createElementBlock, F as Fragment, ac as __unplugin_components_0, a0 as __unplugin_components_1, T as _sfc_main$1 } from './index-9875586e.js';
-import { r as rpc } from './rpc-a89d2eca.js';
-import { i as isMacOS } from './index-dc7de915.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-3d676ac1.js';
+import { a1 as ref, a2 as computed, aa as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, ab as vueVersion, P as createTextVNode, e as createElementBlock, F as Fragment, ac as __unplugin_components_0, a0 as __unplugin_components_1, T as _sfc_main$1 } from './index-fab050dd.js';
+import { r as rpc } from './rpc-a4b59d16.js';
+import { i as isMacOS } from './index-5bdd8c01.js';
 
-const version = "0.4.1";
+const version = "0.4.2";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-acabe249.js → pages-635198da.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_3 } from './VSectionBlock-22944be5.js';
-import { v as defineComponent, a1 as ref, a2 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a7 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, P as createTextVNode, q as normalizeClass, T as _sfc_main$4, a0 as __unplugin_components_1, a8 as onMounted, a9 as currentRoute, W as router, K as isRef, M as withKeys, aa as routes } from './index-9875586e.js';
-import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-4c7997d1.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-93fee085.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-22026580.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-ce3de44c.js';
+import { v as defineComponent, a1 as ref, a2 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a7 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, P as createTextVNode, q as normalizeClass, T as _sfc_main$4, a0 as __unplugin_components_1, a8 as onMounted, a9 as currentRoute, W as router, K as isRef, M as withKeys, aa as routes } from './index-fab050dd.js';
+import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-387f21cb.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-6c2f93bc.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js';
 
 const _hoisted_1$2 = {
   block: "",

package/dist/client/assets/{pinia-9bb95365.js → pinia-f7635d5a.js}

@@ -1,9 +1,9 @@
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-321ed214.js';
-import { g, M } from './splitpanes.es-b88bf7fe.js';
-import { v as defineComponent, a1 as ref, a2 as computed, a3 as piniaStoresCategory, a4 as toRaw, a5 as piniaState, a6 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-9875586e.js';
-import { p as pick } from './index-dc7de915.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-22026580.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-71b04a17.js';
+import { g, M } from './splitpanes.es-8025e7b0.js';
+import { v as defineComponent, a1 as ref, a2 as computed, a3 as piniaStoresCategory, a4 as toRaw, a5 as piniaState, a6 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-fab050dd.js';
+import { p as pick } from './index-5bdd8c01.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js';
 
 const _hoisted_1 = {
   "h-screen": "",

package/dist/client/assets/{routes-c562ae44.js → routes-78f604b2.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-ea1fc6cc.js';
-import { v as defineComponent, z as unref, W as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, X as routeRecordMatcherState, Y as activeRouteRecordMatcherState, c as createBlock, V as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, Z as activeRouteRecordIndex, $ as toggleRouteRecordMatcher, P as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, a0 as __unplugin_components_1 } from './index-9875586e.js';
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-321ed214.js';
-import { g, M } from './splitpanes.es-b88bf7fe.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-22026580.js';
-import './index-dc7de915.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-3d676ac1.js';
+import { v as defineComponent, z as unref, W as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, X as routeRecordMatcherState, Y as activeRouteRecordMatcherState, c as createBlock, V as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, Z as activeRouteRecordIndex, $ as toggleRouteRecordMatcher, P as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, a0 as __unplugin_components_1 } from './index-fab050dd.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-71b04a17.js';
+import { g, M } from './splitpanes.es-8025e7b0.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js';
+import './index-5bdd8c01.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{rpc-a89d2eca.js → rpc-a4b59d16.js}

@@ -1,4 +1,4 @@
-import { aI as __vitePreload, ae as hookApi } from './index-9875586e.js';
+import { aI as __vitePreload, ae as hookApi } from './index-fab050dd.js';
 
 async function getViteClient(base = "/", warning = true) {
   try {

package/dist/client/assets/{settings-e845812f.js → settings-1082abbf.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-22026580.js';
-import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, J as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, K as isRef, c as createBlock, L as vModelCheckbox, M as withKeys, N as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, O as isInPopup, h as withCtx, P as createTextVNode, Q as useDevToolsSettings, R as useFrameState, S as _sfc_main$5, T as _sfc_main$6, U as _sfc_main$7, q as normalizeClass, V as _sfc_main$8 } from './index-9875586e.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-93fee085.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js';
+import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, J as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, K as isRef, c as createBlock, L as vModelCheckbox, M as withKeys, N as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, O as isInPopup, h as withCtx, P as createTextVNode, Q as useDevToolsSettings, R as useFrameState, S as _sfc_main$5, T as _sfc_main$6, U as _sfc_main$7, q as normalizeClass, V as _sfc_main$8 } from './index-fab050dd.js';
+import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-6c2f93bc.js';
 
 const _hoisted_1$2 = { class: "n-text-input flex flex items-center border n-border-base rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _hoisted_2$2 = ["disabled"];

package/dist/client/assets/{splitpanes.es-b88bf7fe.js → splitpanes.es-8025e7b0.js}

@@ -1,4 +1,4 @@
-import { ay as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-9875586e.js';
+import { ay as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-fab050dd.js';
 
 const M = {
   name: "splitpanes",

package/dist/client/assets/{timeline-0f12b727.js → timeline-2dc5c96b.js}

@@ -1,11 +1,11 @@
-import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-321ed214.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-ea1fc6cc.js';
-import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-9875586e.js';
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-71b04a17.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-3d676ac1.js';
+import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-fab050dd.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-c0d8ada0.js';
-import { g, M } from './splitpanes.es-b88bf7fe.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-22026580.js';
-import './index-dc7de915.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-325f26b6.js';
+import { g, M } from './splitpanes.es-8025e7b0.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-bbd0395c.js';
+import './index-5bdd8c01.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-6f019c5b.js';
 
 var dayjs_min = {exports: {}};/* Injected with object hook! */
 

package/dist/client/index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <title>Vue DevTools</title>
-  <script type="module" crossorigin src="./assets/index-9875586e.js"></script>
+  <script type="module" crossorigin src="./assets/index-fab050dd.js"></script>
   <link rel="stylesheet" href="./assets/index-99f31726.css">
 </head>
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "packageManager": "pnpm@8.4.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",
@@ -32,6 +32,7 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist",
+    "src/node/views/*",
     "src/node/app.js",
     "src/node/Container.vue",
     "*.d.ts"

package/src/node/views/FrameBox.vue

@@ -0,0 +1,212 @@
+<script setup lang="ts">
+import { ref, watchEffect } from 'vue'
+import { PANEL_MAX, PANEL_MIN, popupWindow, state } from './composables'
+import { useWindowEventListener } from './utils'
+
+const props = defineProps<{
+  isDragging: boolean
+
+  client: {
+    close: () => void
+    getIFrame: () => HTMLIFrameElement
+    inspector: {
+      isEnabled: Ref<boolean>
+      disable: () => void
+    } | undefined
+  }
+
+  viewMode: 'default' | 'xs'
+}>()
+
+const container = ref<HTMLElement>()
+const isResizing = ref<false | { top?: boolean; left?: boolean; right?: boolean; bottom?: boolean }>(false)
+
+watchEffect(() => {
+  if (!container.value)
+    return
+  if (state.value.open) {
+    const iframe = props.client.getIFrame()
+    iframe.style.pointerEvents = (isResizing.value || props.isDragging) ? 'none' : 'auto'
+
+    if (!popupWindow.value) {
+      if (Array.from(container.value.children).every(el => el !== iframe))
+        container.value.appendChild(iframe)
+    }
+  }
+})
+
+useWindowEventListener('keydown', (e) => {
+  if (e.key === 'Escape' && props.client.inspector?.isEnabled.value) {
+    e.preventDefault()
+    props.client.inspector?.disable()
+    props.client.close()
+  }
+})
+
+useWindowEventListener('mousedown', (e: MouseEvent) => {
+  if (!state.value.closeOnOutsideClick)
+    return
+  if (popupWindow.value)
+    return
+  if (!state.value.open || isResizing.value || props.client.inspector?.isEnabled.value)
+    return
+
+  const matched = e.composedPath().find((_el) => {
+    const el = _el as HTMLElement
+    return Array.from(el.classList || []).some(c => c.startsWith('vue-devtools-'))
+      || el.tagName?.toLowerCase() === 'iframe'
+  })
+
+  if (!matched)
+    state.value.open = false
+})
+
+useWindowEventListener('mousemove', (e) => {
+  if (!isResizing.value)
+    return
+  if (!state.value.open)
+    return
+
+  const iframe = props.client.getIFrame()
+  const box = iframe.getBoundingClientRect()
+
+  if (isResizing.value.right) {
+    const widthPx = Math.abs(e.clientX - (box?.left || 0))
+    const width = widthPx / window.innerWidth * 100
+    state.value.width = Math.min(PANEL_MAX, Math.max(PANEL_MIN, width))
+  }
+  else if (isResizing.value.left) {
+    const widthPx = Math.abs((box?.right || 0) - e.clientX)
+    const width = widthPx / window.innerWidth * 100
+    state.value.width = Math.min(PANEL_MAX, Math.max(PANEL_MIN, width))
+  }
+
+  if (isResizing.value.top) {
+    const heightPx = Math.abs((box?.bottom || 0) - e.clientY)
+    const height = heightPx / window.innerHeight * 100
+    state.value.height = Math.min(PANEL_MAX, Math.max(PANEL_MIN, height))
+  }
+  else if (isResizing.value.bottom) {
+    const heightPx = Math.abs(e.clientY - (box?.top || 0))
+    const height = heightPx / window.innerHeight * 100
+    state.value.height = Math.min(PANEL_MAX, Math.max(PANEL_MIN, height))
+  }
+})
+
+useWindowEventListener('mouseup', () => {
+  isResizing.value = false
+})
+
+useWindowEventListener('mouseleave', () => {
+  isResizing.value = false
+})
+</script>
+
+<template>
+  <div
+    v-show="state.open && !client.inspector?.isEnabled.value && !popupWindow"
+    ref="container"
+    class="vue-devtools-frame"
+    :class="{ 'view-mode-xs': props.viewMode === 'xs' }"
+  >
+    <!-- Handlers -->
+    <div
+      v-show="state.position !== 'top'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-horizontal"
+      :style="{ top: 0 }"
+      @mousedown.prevent="() => isResizing = { top: true }"
+    />
+    <div
+      v-show="state.position !== 'bottom'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-horizontal"
+      :style="{ bottom: 0 }"
+      @mousedown.prevent="() => isResizing = { bottom: true }"
+    />
+    <div
+      v-show="state.position !== 'left'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-vertical"
+      :style="{ left: 0 }"
+      @mousedown.prevent="() => isResizing = { left: true }"
+    />
+    <div
+      v-show="state.position !== 'right'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-vertical"
+      :style="{ right: 0 }"
+      @mousedown.prevent="() => isResizing = { right: true }"
+    />
+    <div
+      v-show="state.position !== 'top' && state.position !== 'left'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-corner"
+      :style="{ top: 0, left: 0, cursor: 'nwse-resize' }"
+      @mousedown.prevent="() => isResizing = { top: true, left: true }"
+    />
+    <div
+      v-show="state.position !== 'top' && state.position !== 'right'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-corner"
+      :style="{ top: 0, right: 0, cursor: 'nesw-resize' }"
+      @mousedown.prevent="() => isResizing = { top: true, right: true }"
+    />
+    <div
+      v-show="state.position !== 'bottom' && state.position !== 'left'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-corner"
+      :style="{ bottom: 0, left: 0, cursor: 'nesw-resize' }"
+      @mousedown.prevent="() => isResizing = { bottom: true, left: true }"
+    />
+    <div
+      v-show="state.position !== 'bottom' && state.position !== 'right'"
+      class="vue-devtools-resize-handle vue-devtools-resize-handle-corner"
+      :style="{ bottom: 0, right: 0, cursor: 'nwse-resize' }"
+      @mousedown.prevent="() => isResizing = { bottom: true, right: true }"
+    />
+  </div>
+</template>
+
+<style scoped>
+.vue-devtools-frame {
+  position: fixed;
+  z-index: 2147483645;
+}
+
+.vue-devtools-frame :deep(iframe) {
+  width: 100%;
+  height: 100%;
+  outline: none;
+  background: var(--vue-devtools-widget-bg);
+  border: 1px solid rgba(125,125,125,0.2);
+  border-radius: 10px;
+}
+
+.vue-devtools-resize-handle-horizontal {
+  position: absolute;
+  left: 6px;
+  right: 6px;
+  height: 10px;
+  margin: -5px 0;
+  cursor: ns-resize;
+  border-radius: 5px;
+}
+.vue-devtools-resize-handle-vertical {
+  position: absolute;
+  top: 6px;
+  bottom: 0;
+  width: 10px;
+  margin: 0 -5px;
+  cursor: ew-resize;
+  border-radius: 5px;
+}
+.vue-devtools-resize-handle-corner {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  margin: -6px;
+  border-radius: 6px;
+}
+.vue-devtools-resize-handle:hover {
+  background: rgba(125,125,125,0.1);
+}
+
+.vue-devtools-frame.view-mode-xs {
+  width: 400px !important;
+  height: 80px !important;
+}
+</style>