vite-plugin-vue-devtools 0.5.0 → 0.5.1

package/dist/client/assets/{components-c9aae4bc.js → components-c141317d.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.js';
-import { F as Fragment, a$ as ref, b8 as shallowRef, a1 as computed, cm as useThrottleFn, cj as useDevtoolsClient, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, i as renderList, g as createCommentVNode, aP as onMounted, cn as onVueInstanceUpdate, u as createVNode, h as withCtx, aZ as reactive, _ as __unplugin_components_7, co as instance } from './index-197edebf.js';
-import { a as _sfc_main$2, _ as _sfc_main$3 } from './StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js';
-import { g, M } from './splitpanes.es-2f5182b4.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
-import './index-f977bcde.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-885eb297.js';
+import { F as Fragment, a$ as ref, a1 as computed, b8 as shallowRef, cj as useDevToolsClient, cm as useThrottleFn, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, i as renderList, g as createCommentVNode, aP as onMounted, cn as onVueInstanceUpdate, u as createVNode, h as withCtx, aZ as reactive, _ as __unplugin_components_7, co as instance } from './index-14f26dd8.js';
+import { a as _sfc_main$2, _ as _sfc_main$3 } from './StateFields.vue_vue_type_script_setup_true_lang-fe7c7e4d.js';
+import { g, M } from './splitpanes.es-34ce2868.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js';
+import './index-133eebe9.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js';
 
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;
@@ -274,6 +274,14 @@ const vueBuiltins = [
   "withDirectives",
   "withModifiers"
 ];
+function getInstanceDetails(instance) {
+  return {
+    id: getUniqueComponentId(instance),
+    name: getInstanceName(instance),
+    file: instance?.type?.__file,
+    state: getInstanceState(instance)
+  };
+}
 function getInstanceState(instance) {
   const mergedType = resolveMergedOptions(instance);
   return processProps(instance).concat(
@@ -683,15 +691,20 @@ class ComponentWalker {
 /* Injected with object hook! */
 
 const selected = ref("vue-devtools:root");
+const selectedComponentName = ref("");
+const selectedComponentNode = ref();
+const selectedComponentNodeFilePath = computed(() => selectedComponentNode.value?.instance ? getInstanceDetails(selectedComponentNode.value.instance)?.file : null);
 const expandedMap = ref({
   "vue-devtools:root": true
 });
 const selectedComponent = ref();
 const selectedComponentState = shallowRef([]);
 function useComponent(instance) {
-  function select(id) {
-    selected.value = id;
-    selectedComponentState.value = InstanceMap.get(id);
+  function select(data) {
+    selected.value = data.id;
+    selectedComponentName.value = data.name;
+    selectedComponentState.value = InstanceMap.get(data.id);
+    selectedComponentNode.value = data;
   }
   function toggleExpand(id) {
     expandedMap.value[id] = !expandedMap.value[id];
@@ -701,7 +714,7 @@ function useComponent(instance) {
   return { isSelected, select, isExpanded, toggleExpand };
 }
 function useHighlightComponent(node) {
-  const client = useDevtoolsClient();
+  const client = useDevToolsClient();
   const highlight = useThrottleFn(() => {
     const instance = node.instance;
     const bounds = getInstanceOrVnodeRect(instance);
@@ -716,6 +729,30 @@ function useHighlightComponent(node) {
     unhighlight
   };
 }
+scrollToComponent.timer = null;
+function scrollToComponent() {
+  if (scrollToComponent.timer)
+    clearTimeout(scrollToComponent.timer);
+  const client = useDevToolsClient();
+  const { highlight, unhighlight } = useHighlightComponent(selectedComponentNode.value);
+  const instance = selectedComponentNode.value.instance;
+  const [el] = getRootElementsFromComponentInstance(instance);
+  if (typeof el.scrollIntoView === "function") {
+    el.scrollIntoView({
+      behavior: "smooth"
+    });
+  } else {
+    const _bounds = getInstanceOrVnodeRect(instance);
+    client.value.componentInspector.scrollToComponent(_bounds);
+  }
+  scrollToComponent.timer = setTimeout(() => {
+    highlight();
+    scrollToComponent.timer = setTimeout(() => {
+      unhighlight();
+      scrollToComponent.timer = null;
+    }, 1500);
+  }, 1200);
+}
 
 /* Injected with object hook! */
 
@@ -746,7 +783,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }),
           "vue-block": "",
           class: normalizeClass([unref(isSelected) ? "vue-block-active" : "vue-block-hover"]),
-          onClick: _cache[1] || (_cache[1] = ($event) => unref(select)(_ctx.data.id)),
+          onClick: _cache[1] || (_cache[1] = ($event) => unref(select)(_ctx.data)),
           onMouseover: _cache[2] || (_cache[2] = //@ts-ignore
           (...args) => unref(highlight) && unref(highlight)(...args)),
           onMouseleave: _cache[3] || (_cache[3] = //@ts-ignore
@@ -805,13 +842,40 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = {
   key: 0,
+  border: "b base",
+  flex: "",
+  "justify-between": "",
+  "px-4": "",
+  "py-2": ""
+};
+const _hoisted_4 = {
+  key: 0,
+  "text-sm": "",
+  "text-primary": "",
+  op90: ""
+};
+const _hoisted_5 = { flex: "" };
+const _hoisted_6 = /* @__PURE__ */ createBaseVNode("p", {
+  "text-xs": "",
+  "op-50": ""
+}, " Scroll to component ", -1);
+const _hoisted_7 = {
+  key: 0,
+  "pl-2": ""
+};
+const _hoisted_8 = /* @__PURE__ */ createBaseVNode("p", {
+  "text-xs": "",
+  "op-50": ""
+}, " Open component in editor ", -1);
+const _hoisted_9 = {
+  key: 1,
   "h-screen": "",
   "select-none": "",
   "overflow-scroll": "",
   "p-2": "",
   class: "no-scrollbar"
 };
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("h1", {
+const _hoisted_10 = /* @__PURE__ */ createBaseVNode("h1", {
   "text-sm": "",
   italic: "",
   op50: ""
@@ -856,6 +920,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectedComponentState.value = getInstanceState(instance.value);
       walker.getComponentTree(instance.value).then((res) => {
         componentTree.value = res;
+        selectedComponentName.value = res?.[0]?.name ?? "";
+        selectedComponentNode.value = res?.[0];
       });
     }
     onMounted(() => {
@@ -866,8 +932,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     });
+    function openInEditor() {
+      const client = useDevToolsClient();
+      client.value.openInEditor(selectedComponentNodeFilePath.value);
+    }
     return (_ctx, _cache) => {
       const _component_ComponentTreeNode = _sfc_main$1;
+      const _component_VTooltip = resolveComponent("VTooltip");
       const _component_StateFields = _sfc_main$3;
       const _component_VCard = __unplugin_components_7;
       const _component_VPanelGrids = __unplugin_components_0;
@@ -890,6 +961,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(g), null, {
               default: withCtx(() => [
                 unref(normalizedComponentState).length ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  unref(selectedComponentName) ? (openBlock(), createElementBlock("span", _hoisted_4, "<" + toDisplayString(unref(selectedComponentName)) + ">", 1)) : createCommentVNode("", true),
+                  createBaseVNode("p", _hoisted_5, [
+                    createBaseVNode("span", null, [
+                      createVNode(_component_VTooltip, { placement: "bottom" }, {
+                        popper: withCtx(() => [
+                          _hoisted_6
+                        ]),
+                        default: withCtx(() => [
+                          createBaseVNode("i", {
+                            "gg:scroll-h": "",
+                            "cursor-pointer": "",
+                            "text-xl": "",
+                            op70: "",
+                            hover: "op100",
+                            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+                            (...args) => unref(scrollToComponent) && unref(scrollToComponent)(...args))
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    unref(selectedComponentNodeFilePath) ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                      createVNode(_component_VTooltip, { placement: "bottom" }, {
+                        popper: withCtx(() => [
+                          _hoisted_8
+                        ]),
+                        default: withCtx(() => [
+                          createBaseVNode("i", {
+                            "carbon-launch": "",
+                            "cursor-pointer": "",
+                            "text-sm": "",
+                            op70: "",
+                            hover: "op100",
+                            onClick: openInEditor
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ])) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true),
+                unref(normalizedComponentState).length ? (openBlock(), createElementBlock("div", _hoisted_9, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(normalizedComponentState), (item, index) => {
                     return openBlock(), createBlock(_component_StateFields, {
                       id: index,
@@ -898,7 +1011,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["id", "data"]);
                   }), 128))
                 ])) : (openBlock(), createBlock(_component_VPanelGrids, {
-                  key: 1,
+                  key: 2,
                   px5: ""
                 }, {
                   default: withCtx(() => [
@@ -909,7 +1022,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       p3: ""
                     }, {
                       default: withCtx(() => [
-                        _hoisted_4
+                        _hoisted_10
                       ]),
                       _: 1
                     })

package/dist/client/assets/{documentations-e0b483de.js → documentations-30350ca6.js}

@@ -1,6 +1,6 @@
-import { v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, a9 as createTextVNode, y as toDisplayString, g as createCommentVNode, e as createElementBlock, bG as withModifiers, f as renderSlot, _ as __unplugin_components_7, a$ as ref, z as unref, u as createVNode, T as Teleport, F as Fragment, i as renderList } from './index-197edebf.js';
-import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js';
-import { r as rpc } from './rpc-b9c94a3a.js';
+import { v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, a9 as createTextVNode, y as toDisplayString, g as createCommentVNode, e as createElementBlock, bG as withModifiers, f as renderSlot, _ as __unplugin_components_7, a$ as ref, z as unref, u as createVNode, T as Teleport, F as Fragment, i as renderList } from './index-14f26dd8.js';
+import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-8e5b8335.js';
+import { r as rpc } from './rpc-acb85b35.js';
 
 const _hoisted_1$1 = {
   flex: "~ col gap2",

package/dist/client/assets/{graph-f081d3a5.js → graph-ca7151be.js}

@@ -1,9 +1,9 @@
-import { a$ as ref, cf as useLocalStorage, a1 as computed, aN as onDeactivated, aL as onBeforeUnmount, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, e as createElementBlock, i as renderList, F as Fragment, z as unref, aC as isRef, bM as _sfc_main$3, y as toDisplayString, g as createCommentVNode, j as resolveDynamicComponent, u as createVNode, aF as isVNode, cg as useStorage, d as withDirectives, bu as vModelText, bq as vModelCheckbox, f as renderSlot, ch as useDark, b8 as shallowRef, ci as useMagicKeys, aP as onMounted, by as watch, q as normalizeClass, cj as useDevtoolsClient } from './index-197edebf.js';
-import { a as _sfc_main$4, _ as _sfc_main$5 } from './VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js';
+import { a$ as ref, cf as useLocalStorage, a1 as computed, aN as onDeactivated, aL as onBeforeUnmount, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, e as createElementBlock, i as renderList, F as Fragment, z as unref, aC as isRef, bM as _sfc_main$3, y as toDisplayString, g as createCommentVNode, j as resolveDynamicComponent, u as createVNode, aF as isVNode, cg as useStorage, d as withDirectives, bu as vModelText, bq as vModelCheckbox, f as renderSlot, ch as useDark, b8 as shallowRef, ci as useMagicKeys, aP as onMounted, by as watch, q as normalizeClass, cj as useDevToolsClient } from './index-14f26dd8.js';
+import { a as _sfc_main$4, _ as _sfc_main$5 } from './VSwitch.vue_vue_type_script_setup_true_lang-a0d66c22.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
 import { g as getDefaultExportFromCjs$2 } from './_commonjsHelpers-65004790.js';
-import { r as rpc } from './rpc-b9c94a3a.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import { r as rpc } from './rpc-acb85b35.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js';
 
 const showGraphSetting = ref(false);
 const graphSettingsInStorage = useLocalStorage("__vue-devtools-graph-settings__", {
@@ -54444,7 +54444,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isHoveringNode = ref(false);
     const lastSelectedNode = ref();
-    const client = useDevtoolsClient();
+    const client = useDevToolsClient();
     function getHoverPath(level, fullPath, rootPath2) {
       switch (level) {
         case "absolute":

package/dist/client/assets/{index-f977bcde.js → index-133eebe9.js}

@@ -1,4 +1,4 @@
-import { aC as isRef } from './index-197edebf.js';
+import { aC as isRef } from './index-14f26dd8.js';
 
 const objectToString = Object.prototype.toString;
 function toTypeString(value) {

package/dist/client/assets/{index-197edebf.js → index-14f26dd8.js}

@@ -14834,20 +14834,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-bc5ea36f.js'),true?["./timeline-bc5ea36f.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./VPanelGrids-4b915e62.js","./_commonjsHelpers-65004790.js","./splitpanes.es-2f5182b4.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-7722ba4d.js'),true?["./settings-7722ba4d.js","./VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./_commonjsHelpers-65004790.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./settings-3815e37a.css"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-ddddc2d7.js'),true?["./routes-ddddc2d7.js","./VPanelGrids-4b915e62.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./splitpanes.es-2f5182b4.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-89f6b4c0.js'),true?["./pinia-89f6b4c0.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./splitpanes.es-2f5182b4.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-562d1ae5.js'),true?["./pages-562d1ae5.js","./VSectionBlock-8dcfb48d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-edc8c0a8.js'),true?["./overview-edc8c0a8.js","./VPanelGrids-4b915e62.js","./rpc-b9c94a3a.js","./index-f977bcde.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./npm-73c6479f.js'),true?["./npm-73c6479f.js","./VSectionBlock-8dcfb48d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./_commonjsHelpers-65004790.js","./rpc-b9c94a3a.js","./npm-832f3f2c.css"]:void 0,import.meta.url);
-const __pages_import_7__ = () => __vitePreload(() => import('./inspect-8d04bb08.js'),true?["./inspect-8d04bb08.js","./IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js","./rpc-b9c94a3a.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./graph-f081d3a5.js'),true?["./graph-f081d3a5.js","./VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./fuse.esm-c317b696.js","./_commonjsHelpers-65004790.js","./rpc-b9c94a3a.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./documentations-e0b483de.js'),true?["./documentations-e0b483de.js","./IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js","./rpc-b9c94a3a.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./components-c9aae4bc.js'),true?["./components-c9aae4bc.js","./VPanelGrids-4b915e62.js","./StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./index-f977bcde.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./splitpanes.es-2f5182b4.js"]:void 0,import.meta.url);
-const __pages_import_12__ = () => __vitePreload(() => import('./component-docs-b2752be1.js'),true?["./component-docs-b2752be1.js","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./splitpanes.es-2f5182b4.js","./fuse.esm-c317b696.js","./rpc-b9c94a3a.js","./component-docs-351d62d5.css"]:void 0,import.meta.url);
-const __pages_import_13__ = () => __vitePreload(() => import('./assets-bf6dd9e4.js'),true?["./assets-bf6dd9e4.js","./VPanelGrids-4b915e62.js","./VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js","./VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js","./rpc-b9c94a3a.js","./VSectionBlock-8dcfb48d.js","./VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_14__ = () => __vitePreload(() => import('./__eyedropper-67c21231.js'),true?["./__eyedropper-67c21231.js","./VPanelGrids-4b915e62.js","./index-f977bcde.js"]:void 0,import.meta.url);
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-34b2c182.js'),true?["./timeline-34b2c182.js","./StateFields.vue_vue_type_script_setup_true_lang-fe7c7e4d.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./index-133eebe9.js","./VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js","./VPanelGrids-885eb297.js","./_commonjsHelpers-65004790.js","./splitpanes.es-34ce2868.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-85b594bd.js'),true?["./settings-85b594bd.js","./VSwitch.vue_vue_type_script_setup_true_lang-a0d66c22.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./_commonjsHelpers-65004790.js","./VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js","./VTextInput.vue_vue_type_script_setup_true_lang-ae0954a4.js","./VIconTitle.vue_vue_type_script_setup_true_lang-02e99d8a.js","./settings-3815e37a.css"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-6636ff43.js'),true?["./routes-6636ff43.js","./VPanelGrids-885eb297.js","./StateFields.vue_vue_type_script_setup_true_lang-fe7c7e4d.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./index-133eebe9.js","./VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js","./splitpanes.es-34ce2868.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-760b2ad2.js'),true?["./pinia-760b2ad2.js","./StateFields.vue_vue_type_script_setup_true_lang-fe7c7e4d.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./index-133eebe9.js","./VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js","./splitpanes.es-34ce2868.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-6df9c706.js'),true?["./pages-6df9c706.js","./VSectionBlock-2f35c742.js","./VIconTitle.vue_vue_type_script_setup_true_lang-02e99d8a.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-ae0954a4.js"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-84e0d21c.js'),true?["./overview-84e0d21c.js","./VPanelGrids-885eb297.js","./rpc-acb85b35.js","./index-133eebe9.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./npm-804ed8d6.js'),true?["./npm-804ed8d6.js","./VSectionBlock-2f35c742.js","./VIconTitle.vue_vue_type_script_setup_true_lang-02e99d8a.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-ae0954a4.js","./_commonjsHelpers-65004790.js","./rpc-acb85b35.js","./npm-832f3f2c.css"]:void 0,import.meta.url);
+const __pages_import_7__ = () => __vitePreload(() => import('./inspect-5ed32f17.js'),true?["./inspect-5ed32f17.js","./IframeView.vue_vue_type_script_setup_true_lang-8e5b8335.js","./rpc-acb85b35.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./graph-ca7151be.js'),true?["./graph-ca7151be.js","./VSwitch.vue_vue_type_script_setup_true_lang-a0d66c22.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./fuse.esm-c317b696.js","./_commonjsHelpers-65004790.js","./rpc-acb85b35.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./documentations-30350ca6.js'),true?["./documentations-30350ca6.js","./IframeView.vue_vue_type_script_setup_true_lang-8e5b8335.js","./rpc-acb85b35.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./components-c141317d.js'),true?["./components-c141317d.js","./VPanelGrids-885eb297.js","./StateFields.vue_vue_type_script_setup_true_lang-fe7c7e4d.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./index-133eebe9.js","./VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js","./splitpanes.es-34ce2868.js"]:void 0,import.meta.url);
+const __pages_import_12__ = () => __vitePreload(() => import('./component-docs-add44d87.js'),true?["./component-docs-add44d87.js","./VTextInput.vue_vue_type_script_setup_true_lang-ae0954a4.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./splitpanes.es-34ce2868.js","./fuse.esm-c317b696.js","./rpc-acb85b35.js","./component-docs-351d62d5.css"]:void 0,import.meta.url);
+const __pages_import_13__ = () => __vitePreload(() => import('./assets-02a93a40.js'),true?["./assets-02a93a40.js","./VPanelGrids-885eb297.js","./VIconButton.vue_vue_type_script_setup_true_lang-ff741416.js","./VIcon.vue_vue_type_script_setup_true_lang-3e22beca.js","./rpc-acb85b35.js","./VSectionBlock-2f35c742.js","./VIconTitle.vue_vue_type_script_setup_true_lang-02e99d8a.js","./VSectionBlock-52804693.css","./VTextInput.vue_vue_type_script_setup_true_lang-ae0954a4.js","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_14__ = () => __vitePreload(() => import('./__eyedropper-4021b943.js'),true?["./__eyedropper-4021b943.js","./VPanelGrids-885eb297.js","./index-133eebe9.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! */
@@ -14899,10 +14899,12 @@ const client$1 = ref({
     highlight: () => {
     },
     unHighlight: () => {
+    },
+    scrollToComponent: () => {
     }
   }
 });
-function useDevtoolsClient() {
+function useDevToolsClient() {
   return client$1;
 }
 
@@ -15166,7 +15168,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     tab: {}
   },
   setup(__props) {
-    const client = useDevtoolsClient();
+    const client = useDevToolsClient();
     const router = useRouter();
     function handleClick(tab) {
       const builtinTab = getMappedBuiltinTabs(tab);
@@ -16994,7 +16996,7 @@ const _hoisted_6$1 = /* @__PURE__ */ createBaseVNode("p", null, [
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "PopupButton",
   setup(__props) {
-    const client = useDevtoolsClient();
+    const client = useDevToolsClient();
     const isSupported = typeof window !== "undefined" && window.parent.documentPictureInPicture?.requestWindow;
     const showPopupUnsupported = ref(false);
     const copy = useCopy();
@@ -17273,15 +17275,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const icon = ref();
     const text = ref();
     const type = ref();
+    const duration = ref();
+    let timer;
     provideNotification((opt) => {
       text.value = opt.text;
       icon.value = opt.icon;
       show.value = true;
       type.value = opt.type;
-      setTimeout(() => {
-        show.value = false;
-      }, opt.duration || 1500);
+      duration.value = opt.duration || 1500;
+      createTimer();
     });
+    function clearTimer() {
+      if (timer) {
+        clearTimeout(timer);
+        timer = void 0;
+      }
+    }
+    function createTimer() {
+      timer = setTimeout(() => {
+        show.value = false;
+        timer = void 0;
+      }, duration.value);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         fixed: "",
@@ -17295,6 +17310,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }, [
         unref(type) === "error" ? (openBlock(), createElementBlock("div", {
           key: 0,
+          onMouseenter: clearTimer,
+          onMouseleave: createTimer,
           border: "~ base",
           flex: "~ inline gap2",
           "m-3": "",
@@ -17315,8 +17332,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(`i-${unref(icon)}`)
           }, null, 2)) : createCommentVNode("", true),
           createBaseVNode("div", null, toDisplayString(unref(text)), 1)
-        ], 6)) : (openBlock(), createElementBlock("div", {
+        ], 38)) : (openBlock(), createElementBlock("div", {
           key: 1,
+          onMouseenter: clearTimer,
+          onMouseleave: createTimer,
           border: "~ base",
           flex: "~ inline gap2",
           "m-3": "",
@@ -17337,7 +17356,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(`i-${unref(icon)}`)
           }, null, 2)) : createCommentVNode("", true),
           createBaseVNode("div", null, toDisplayString(unref(text)), 1)
-        ], 6))
+        ], 38))
       ], 2);
     };
   }
@@ -17659,11 +17678,7 @@ const router$1 = computed(() => app$1.value?.config?.globalProperties?.$router);
 const currentRoute = computed(() => unref(router$1.value?.currentRoute));
 const routes = computed(() => {
   const routesMap = /* @__PURE__ */ new Map();
-  return (router$1.value?.getRoutes() || []).map((i) => {
-    return {
-      ...i
-    };
-  }).filter((i) => !routesMap.has(i.path) && routesMap.set(i.path, 1));
+  return (router$1.value?.getRoutes() || []).filter((i) => !routesMap.has(i.path) && routesMap.set(i.path, 1));
 });
 function initApp(params) {
   const [_, { app: _app }] = params;
@@ -17700,9 +17715,9 @@ function onVueInstanceUpdate(cb) {
 function hideInDevtools(component) {
   return component?.root?.type?.devtools?.hide;
 }
-const client = useDevtoolsClient();
+const client = useDevToolsClient();
 function produceHook() {
-  const client2 = useDevtoolsClient();
+  const client2 = useDevToolsClient();
   const hook = client2.value.hook;
   hook.on("app:init" /* APP_INIT */, (app) => {
     if (app?._vueDevtools_hidden_)
@@ -17966,7 +17981,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { route: _route, isFirstVisit } = useFrameState();
     useColorMode();
     hookApi.hook.on("init:vue:app", () => {
-      const client = useDevtoolsClient();
+      const client = useDevToolsClient();
       const categorizedHookBuffer = client.value.categorizedHookBuffer;
       client.value.markClientLoaded();
       hookApi.produce();
@@ -17994,7 +18009,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     useEventListener("keydown", (e) => {
       if (e.code === "KeyD" && e.altKey && e.shiftKey) {
-        const client = useDevtoolsClient();
+        const client = useDevToolsClient();
         client.value?.panel?.toggle();
       }
     });
@@ -18031,7 +18046,7 @@ function createDevToolsClient() {
   window.__VUE_DEVTOOLS_VIEW__ = {
     loaded: false,
     setClient(_client) {
-      const client = useDevtoolsClient();
+      const client = useDevToolsClient();
       client.value = _client;
       client.value.markClientLoaded = () => {
         this.loaded = true;
@@ -18065,4 +18080,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { cloneVNode as $, timelineLayer as A, activeTimelineEvents as B, activeTimelineEventIndex as C, toggleTimelineEventIndex as D, timelineEventDetails as E, Fragment as F, activeLayerId as G, toggleTimelineLayer as H, BaseTransition as I, BaseTransitionPropsValidators as J, Comment as K, EffectScope as L, KeepAlive as M, Suspense as N, Text as O, Transition as P, TransitionGroup as Q, ReactiveEffect as R, Static as S, Teleport as T, assertNumber as U, VueElement as V, callWithAsyncErrorHandling as W, callWithErrorHandling as X, camelize as Y, capitalize as Z, __unplugin_components_7 as _, popScopeId as a, ref as a$, compatUtils as a0, computed as a1, createApp as a2, createHydrationRenderer as a3, createPropsRestProxy as a4, createRenderer as a5, createSSRApp as a6, createSlots as a7, createStaticVNode as a8, createTextVNode as a9, isReactive as aA, isReadonly as aB, isRef as aC, isRuntimeOnly as aD, isShallow as aE, isVNode as aF, mergeDefaults as aG, mergeModels as aH, normalizeProps as aI, onActivated as aJ, onBeforeMount as aK, onBeforeUnmount as aL, onBeforeUpdate as aM, onDeactivated as aN, onErrorCaptured as aO, onMounted as aP, onRenderTracked as aQ, onRenderTriggered as aR, onScopeDispose as aS, onServerPrefetch as aT, onUnmounted as aU, onUpdated as aV, provide as aW, proxyRefs as aX, queuePostFlushCb as aY, reactive as aZ, readonly as a_, customRef as aa, defineAsyncComponent as ab, defineCustomElement as ac, defineEmits as ad, defineExpose as ae, defineModel as af, defineOptions as ag, defineProps as ah, defineSSRCustomElement as ai, defineSlots as aj, devtools as ak, effect as al, effectScope as am, getCurrentInstance as an, getCurrentScope as ao, getTransitionRawChildren as ap, guardReactiveProps as aq, h$2 as ar, handleError as as, hasInjectionContext as at, hydrate as au, initCustomFormatter as av, initDirectivesForSSR as aw, inject as ax, isMemoSame as ay, isProxy as az, resolveDirective as b, routeRecordMatcherState as b$, registerRuntimeCompiler as b0, render as b1, resolveFilter as b2, resolveTransitionHooks as b3, setBlockTracking as b4, setDevtoolsHook as b5, setTransitionHooks as b6, shallowReadonly as b7, shallowRef as b8, ssrContextKey as b9, watchPostEffect as bA, watchSyncEffect as bB, withAsyncContext as bC, withDefaults as bD, withKeys as bE, withMemo as bF, withModifiers as bG, getSortedTabs as bH, updateTabsPosition as bI, _export_sfc as bJ, useVModel as bK, _sfc_main$d as bL, _sfc_main$5 as bM, useToggle as bN, shouldHideTabGroup as bO, DEFAULT_TAB_GROUP as bP, useGroupedTabs as bQ, ungroupAllTabs as bR, resetAllTabs as bS, removeTabGroup as bT, checkGroupExist as bU, createGroup as bV, useDevToolsSettings as bW, useFrameState as bX, _sfc_main$7 as bY, _sfc_main$9 as bZ, router$1 as b_, ssrUtils as ba, stop as bb, toHandlerKey as bc, toRaw as bd, toRef$1 as be, toRefs$1 as bf, toValue$1 as bg, transformVNodeArgs as bh, triggerRef as bi, useAttrs as bj, useCssModule as bk, useCssVars as bl, useModel as bm, useSSRContext as bn, useSlots as bo, useTransitionState as bp, vModelCheckbox as bq, vModelDynamic as br, vModelRadio as bs, vModelSelect as bt, vModelText as bu, vShow as bv, version as bw, warn as bx, watch as by, watchEffect as bz, createBlock as c, activeRouteRecordMatcherState as c0, activeRouteRecordIndex as c1, toggleRouteRecordMatcher as c2, __unplugin_components_1 as c3, piniaStoresCategory as c4, piniaState as c5, piniaGetters as c6, currentRoute as c7, routes as c8, vueVersion as c9, __unplugin_components_0 as ca, useEventListener as cb, hookApi as cc, useScrollLock as cd, useInfiniteScroll as ce, useLocalStorage as cf, useStorage as cg, useDark as ch, useMagicKeys as ci, useDevtoolsClient as cj, useColorMode as ck, useElementBounding as cl, useThrottleFn as cm, onVueInstanceUpdate as cn, instance as co, useCopy as cp, nanoid as cq, useNotification as cr, useElementSize as cs, onClickOutside as ct, useStyleTag as cu, computedAsync as cv, useTimeAgo as cw, onKeyDown as cx, __vitePreload as cy, useRouter as cz, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };
+export { cloneVNode as $, timelineLayer as A, activeTimelineEvents as B, activeTimelineEventIndex as C, toggleTimelineEventIndex as D, timelineEventDetails as E, Fragment as F, activeLayerId as G, toggleTimelineLayer as H, BaseTransition as I, BaseTransitionPropsValidators as J, Comment as K, EffectScope as L, KeepAlive as M, Suspense as N, Text as O, Transition as P, TransitionGroup as Q, ReactiveEffect as R, Static as S, Teleport as T, assertNumber as U, VueElement as V, callWithAsyncErrorHandling as W, callWithErrorHandling as X, camelize as Y, capitalize as Z, __unplugin_components_7 as _, popScopeId as a, ref as a$, compatUtils as a0, computed as a1, createApp as a2, createHydrationRenderer as a3, createPropsRestProxy as a4, createRenderer as a5, createSSRApp as a6, createSlots as a7, createStaticVNode as a8, createTextVNode as a9, isReactive as aA, isReadonly as aB, isRef as aC, isRuntimeOnly as aD, isShallow as aE, isVNode as aF, mergeDefaults as aG, mergeModels as aH, normalizeProps as aI, onActivated as aJ, onBeforeMount as aK, onBeforeUnmount as aL, onBeforeUpdate as aM, onDeactivated as aN, onErrorCaptured as aO, onMounted as aP, onRenderTracked as aQ, onRenderTriggered as aR, onScopeDispose as aS, onServerPrefetch as aT, onUnmounted as aU, onUpdated as aV, provide as aW, proxyRefs as aX, queuePostFlushCb as aY, reactive as aZ, readonly as a_, customRef as aa, defineAsyncComponent as ab, defineCustomElement as ac, defineEmits as ad, defineExpose as ae, defineModel as af, defineOptions as ag, defineProps as ah, defineSSRCustomElement as ai, defineSlots as aj, devtools as ak, effect as al, effectScope as am, getCurrentInstance as an, getCurrentScope as ao, getTransitionRawChildren as ap, guardReactiveProps as aq, h$2 as ar, handleError as as, hasInjectionContext as at, hydrate as au, initCustomFormatter as av, initDirectivesForSSR as aw, inject as ax, isMemoSame as ay, isProxy as az, resolveDirective as b, routeRecordMatcherState as b$, registerRuntimeCompiler as b0, render as b1, resolveFilter as b2, resolveTransitionHooks as b3, setBlockTracking as b4, setDevtoolsHook as b5, setTransitionHooks as b6, shallowReadonly as b7, shallowRef as b8, ssrContextKey as b9, watchPostEffect as bA, watchSyncEffect as bB, withAsyncContext as bC, withDefaults as bD, withKeys as bE, withMemo as bF, withModifiers as bG, getSortedTabs as bH, updateTabsPosition as bI, _export_sfc as bJ, useVModel as bK, _sfc_main$d as bL, _sfc_main$5 as bM, useToggle as bN, shouldHideTabGroup as bO, DEFAULT_TAB_GROUP as bP, useGroupedTabs as bQ, ungroupAllTabs as bR, resetAllTabs as bS, removeTabGroup as bT, checkGroupExist as bU, createGroup as bV, useDevToolsSettings as bW, useFrameState as bX, _sfc_main$7 as bY, _sfc_main$9 as bZ, router$1 as b_, ssrUtils as ba, stop as bb, toHandlerKey as bc, toRaw as bd, toRef$1 as be, toRefs$1 as bf, toValue$1 as bg, transformVNodeArgs as bh, triggerRef as bi, useAttrs as bj, useCssModule as bk, useCssVars as bl, useModel as bm, useSSRContext as bn, useSlots as bo, useTransitionState as bp, vModelCheckbox as bq, vModelDynamic as br, vModelRadio as bs, vModelSelect as bt, vModelText as bu, vShow as bv, version as bw, warn as bx, watch as by, watchEffect as bz, createBlock as c, activeRouteRecordMatcherState as c0, activeRouteRecordIndex as c1, toggleRouteRecordMatcher as c2, __unplugin_components_1 as c3, piniaStoresCategory as c4, piniaState as c5, piniaGetters as c6, currentRoute as c7, routes as c8, vueVersion as c9, __unplugin_components_0 as ca, useEventListener as cb, hookApi as cc, useScrollLock as cd, useInfiniteScroll as ce, useLocalStorage as cf, useStorage as cg, useDark as ch, useMagicKeys as ci, useDevToolsClient as cj, useColorMode as ck, useElementBounding as cl, useThrottleFn as cm, onVueInstanceUpdate as cn, instance as co, useCopy as cp, nanoid as cq, useNotification as cr, useElementSize as cs, onClickOutside as ct, useStyleTag as cu, computedAsync as cv, useTimeAgo as cw, onKeyDown as cx, __vitePreload as cy, useRouter as cz, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };