vite-plugin-vue-devtools 1.0.0-rc.0 → 1.0.0-rc.2

package/dist/client/assets/{DrawerRight.vue_vue_type_script_setup_true_lang-1c7d425a.js → DrawerRight.vue_vue_type_script_setup_true_lang-51475cef.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-622357e4.js';
-import { v as defineComponent, a$ as ref, cC as useElementSize, cD as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition } from './index-2db58fe3.js';
+import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js';
+import { v as defineComponent, a$ as ref, cE as useElementSize, cd as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, P as Transition } from './index-51e380e6.js';
 
 const _hoisted_1 = {
   relative: "",

package/dist/client/assets/{Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js → Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-2db58fe3.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-51e380e6.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Icon",

package/dist/client/assets/{IconButton.vue_vue_type_script_setup_true_lang-622357e4.js → IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-2db58fe3.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
+import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-51e380e6.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconButton",

package/dist/client/assets/{IconTitle.vue_vue_type_script_setup_true_lang-bcafabb3.js → IconTitle.vue_vue_type_script_setup_true_lang-7e44f67f.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-2db58fe3.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-51e380e6.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-b73dcd77.js → IframeView.vue_vue_type_script_setup_true_lang-21a4afa9.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, ca as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cq as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-2db58fe3.js';
+import { v as defineComponent, ca as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cs as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-51e380e6.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{PanelGrids-c56fbbf0.js → PanelGrids-432bddc5.js}

@@ -1,4 +1,4 @@
-import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-2db58fe3.js';
+import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-51e380e6.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{SectionBlock-9ede7475.js → SectionBlock-deaf9b55.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-bcafabb3.js';
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
-import { v as defineComponent, bK as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-2db58fe3.js';
+import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-7e44f67f.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
+import { v as defineComponent, bK as useVModel, b as resolveDirective, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-51e380e6.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-e966339e"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["open"];

package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-161af888.js → StateFields.vue_vue_type_script_setup_true_lang-b537a695.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cu as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cv as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cw as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-2db58fe3.js';
-import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-4023636e.js';
-import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-622357e4.js';
+import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
+import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cw as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cx as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cy as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-51e380e6.js';
+import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-c93154b0.js';
+import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ExpandIcon",

package/dist/client/assets/{Switch.vue_vue_type_script_setup_true_lang-748b1466.js → Switch.vue_vue_type_script_setup_true_lang-f5874ec0.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-2db58fe3.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-51e380e6.js';
 
 const _hoisted_1$1 = { 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$1 = ["disabled"];

package/dist/client/assets/{TextInput.vue_vue_type_script_setup_true_lang-d27ac230.js → TextInput.vue_vue_type_script_setup_true_lang-4b26bae9.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-2db58fe3.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-51e380e6.js';
 
 const _hoisted_1 = { class: "n-text-input flex flex items-center border n-border-base rounded py-1 pl-1 pr-2 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{__eyedropper-b5ed0401.js → __eyedropper-f873503e.js}

@@ -1,6 +1,6 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-c56fbbf0.js';
-import { v as defineComponent, cE as useRouter, a$ as ref, a1 as computed, cu as useCopy, cg as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, c5 as useDevToolsClient, bX as useFrameState, u as createVNode } from './index-2db58fe3.js';
-import { h as checkIsSecurityContext } from './index-4023636e.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-432bddc5.js';
+import { v as defineComponent, cF as useRouter, a$ as ref, a1 as computed, cw as useCopy, cj as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, c5 as useDevToolsClient, bX as useFrameState, u as createVNode } from './index-51e380e6.js';
+import { h as checkIsSecurityContext } from './index-c93154b0.js';
 
 const _hoisted_1 = {
   key: 0

package/dist/client/assets/{assets-89b84b37.js → assets-856469f8.js}

@@ -1,12 +1,12 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-c56fbbf0.js';
-import { v as defineComponent, a1 as computed, o as openBlock, e as createElementBlock, y as toDisplayString, z as unref, q as normalizeClass, cx as useStyleTag, l as normalizeStyle, c as createBlock, x as createBaseVNode, bK as useVModel, cw as useNotification, cy as computedAsync, cu as useCopy, cz as useTimeAgo, a$ as ref, F as Fragment, u as createVNode, g as createCommentVNode, a9 as createTextVNode, h as withCtx, aC as isRef, cd as rpc, c5 as useDevToolsClient, bL as _sfc_main$9, bM as _sfc_main$a, r as resolveComponent, f as renderSlot, i as renderList, cA as onKeyDown, ch as hookApi, c6 as rootPath, _ as __unplugin_components_7, cB as useDebounceFn } from './index-2db58fe3.js';
-import { _ as _sfc_main$d } from './DrawerRight.vue_vue_type_script_setup_true_lang-1c7d425a.js';
-import { _ as _sfc_main$b } from './TextInput.vue_vue_type_script_setup_true_lang-d27ac230.js';
-import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-622357e4.js';
-import { _ as _sfc_main$c } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
-import { _ as __unplugin_components_3 } from './SectionBlock-9ede7475.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-432bddc5.js';
+import { v as defineComponent, a1 as computed, o as openBlock, e as createElementBlock, y as toDisplayString, z as unref, q as normalizeClass, cz as useStyleTag, l as normalizeStyle, c as createBlock, x as createBaseVNode, bK as useVModel, cy as useNotification, cA as computedAsync, cw as useCopy, cB as useTimeAgo, a$ as ref, F as Fragment, u as createVNode, g as createCommentVNode, a9 as createTextVNode, h as withCtx, aC as isRef, cg as rpc, c5 as useDevToolsClient, bL as _sfc_main$9, bM as _sfc_main$a, r as resolveComponent, f as renderSlot, i as renderList, cC as onKeyDown, ck as hookApi, c6 as rootPath, _ as __unplugin_components_7, cD as useDebounceFn } from './index-51e380e6.js';
+import { _ as _sfc_main$d } from './DrawerRight.vue_vue_type_script_setup_true_lang-51475cef.js';
+import { _ as _sfc_main$b } from './TextInput.vue_vue_type_script_setup_true_lang-4b26bae9.js';
+import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js';
+import { _ as _sfc_main$c } from './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
+import { _ as __unplugin_components_3 } from './SectionBlock-deaf9b55.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './IconTitle.vue_vue_type_script_setup_true_lang-bcafabb3.js';
+import './IconTitle.vue_vue_type_script_setup_true_lang-7e44f67f.js';
 
 const _hoisted_1$6 = ["title"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{component-docs-6e4ea513.js → component-docs-12ec4df4.js}

@@ -1,9 +1,9 @@
-import { v as defineComponent, ca as useColorMode, a$ as ref, a1 as computed, by as watch, o as openBlock, e as createElementBlock, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, d as withDirectives, bv as vShow, q as normalizeClass, l as normalizeStyle, cd as rpc, _ as __unplugin_components_7, y as toDisplayString } from './index-2db58fe3.js';
-import { _ as _sfc_main$1 } from './TextInput.vue_vue_type_script_setup_true_lang-d27ac230.js';
-import { g, M } from './splitpanes.es-25f54bfc.js';
+import { v as defineComponent, ca as useColorMode, a$ as ref, a1 as computed, by as watch, o as openBlock, e as createElementBlock, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, d as withDirectives, bv as vShow, q as normalizeClass, l as normalizeStyle, cg as rpc, _ as __unplugin_components_7, y as toDisplayString } from './index-51e380e6.js';
+import { _ as _sfc_main$1 } from './TextInput.vue_vue_type_script_setup_true_lang-4b26bae9.js';
+import { g, M } from './splitpanes.es-d4dcf006.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { U as Uu } from './jse-theme-dark-240b48cd.js';
-import './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
+import { U as Uu } from './jse-theme-dark-ad635760.js';
+import './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
 
 const _hoisted_1 = {
   relative: "",

package/dist/client/assets/{components-2c9b75a9.js → components-7617ccac.js}

@@ -1,12 +1,18 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-c56fbbf0.js';
-import { a$ as ref, a1 as computed, b8 as shallowRef, c5 as useDevToolsClient, cr 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, F as Fragment, i as renderList, g as createCommentVNode, cn as watchDebounced, aP as onMounted, cs as onVueInstanceUpdate, u as createVNode, h as withCtx, aC as isRef, c6 as rootPath, aZ as reactive, _ as __unplugin_components_7, ct as instance } from './index-2db58fe3.js';
-import { a as _sfc_main$2, _ as _sfc_main$4 } from './StateFields.vue_vue_type_script_setup_true_lang-161af888.js';
-import { g as getInstanceName, c as classify, k as kebabize, i as isFragment, b as isBeingDestroyed, d as getUniqueComponentId, e as getRenderKey, f as getInstanceState, h as getInstanceDetails } from './data-81561f44.js';
-import { _ as _sfc_main$3 } from './TextInput.vue_vue_type_script_setup_true_lang-d27ac230.js';
-import { g, M } from './splitpanes.es-25f54bfc.js';
-import './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
-import './index-4023636e.js';
-import './IconButton.vue_vue_type_script_setup_true_lang-622357e4.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-432bddc5.js';
+import { a$ as ref, a1 as computed, b8 as shallowRef, c5 as useDevToolsClient, ct as useThrottleFn, v as defineComponent, by as watch, 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, F as Fragment, i as renderList, g as createCommentVNode, cp as watchDebounced, aP as onMounted, cu as onVueInstanceUpdate, cr as useMagicKeys, bz as watchEffect, u as createVNode, h as withCtx, aC as isRef, c6 as rootPath, aZ as reactive, _ as __unplugin_components_7, cv as instance } from './index-51e380e6.js';
+import { a as _sfc_main$2, _ as _sfc_main$4 } from './StateFields.vue_vue_type_script_setup_true_lang-b537a695.js';
+import { g as getInstanceName, c as classify, k as kebabize, i as isFragment, b as isBeingDestroyed, d as getUniqueComponentId, e as getRenderKey, f as getInstanceState, h as getInstanceDetails } from './data-791a8f60.js';
+import { _ as _sfc_main$3 } from './TextInput.vue_vue_type_script_setup_true_lang-4b26bae9.js';
+import { g, M } from './splitpanes.es-d4dcf006.js';
+import './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
+import './index-c93154b0.js';
+import './IconButton.vue_vue_type_script_setup_true_lang-d3a7c1db.js';
+
+const t$1=t=>"object"==typeof t&&null!=t&&1===t.nodeType,e=(t,e)=>(!e||"hidden"!==t)&&("visible"!==t&&"clip"!==t),n=(t,n)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const o=getComputedStyle(t,null);return e(o.overflowY,n)||e(o.overflowX,n)||(t=>{const e=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)})(t)}return !1},o$1=(t,e,n,o,i,l,r,d)=>l<t&&r>e||l>t&&r<e?0:l<=t&&d<=n||r>=e&&d>=n?l-t-o:r>e&&d<n||l<t&&d>n?r-e+i:0,i=t=>{const e=t.parentElement;return null==e?t.getRootNode().host||null:e},l=(e,l)=>{var r,d,s,h;if("undefined"==typeof document)return [];const{scrollMode:c,block:f,inline:u,boundary:a,skipOverflowHiddenElements:g}=l,m="function"==typeof a?a:t=>t!==a;if(!t$1(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,w=[];let W=e;for(;t$1(W)&&m(W);){if(W=i(W),W===p){w.push(W);break}null!=W&&W===document.body&&n(W)&&!n(document.documentElement)||null!=W&&n(W,g)&&w.push(W);}const H=null!=(d=null==(r=window.visualViewport)?void 0:r.width)?d:innerWidth,b=null!=(h=null==(s=window.visualViewport)?void 0:s.height)?h:innerHeight,{scrollX:v,scrollY:y}=window,{height:E,width:M,top:x,right:I,bottom:C,left:R}=e.getBoundingClientRect();let T="start"===f||"nearest"===f?x:"end"===f?C:x+E/2,V="center"===u?R+M/2:"end"===u?I:R;const k=[];for(let t=0;t<w.length;t++){const e=w[t],{height:n,width:i,top:l,right:r,bottom:d,left:s}=e.getBoundingClientRect();if("if-needed"===c&&x>=0&&R>=0&&C<=b&&I<=H&&x>=l&&C<=d&&R>=s&&I<=r)return k;const h=getComputedStyle(e),a=parseInt(h.borderLeftWidth,10),g=parseInt(h.borderTopWidth,10),m=parseInt(h.borderRightWidth,10),W=parseInt(h.borderBottomWidth,10);let B=0,D=0;const L="offsetWidth"in e?e.offsetWidth-e.clientWidth-a-m:0,S="offsetHeight"in e?e.offsetHeight-e.clientHeight-g-W:0,X="offsetWidth"in e?0===e.offsetWidth?0:i/e.offsetWidth:0,Y="offsetHeight"in e?0===e.offsetHeight?0:n/e.offsetHeight:0;if(p===e)B="start"===f?T:"end"===f?T-b:"nearest"===f?o$1(y,y+b,b,g,W,y+T,y+T+E,E):T-b/2,D="start"===u?V:"center"===u?V-H/2:"end"===u?V-H:o$1(v,v+H,H,a,m,v+V,v+V+M,M),B=Math.max(0,B+y),D=Math.max(0,D+v);else {B="start"===f?T-l-g:"end"===f?T-d+W+S:"nearest"===f?o$1(l,d,n,g,W+S,T,T+E,E):T-(l+n/2)+S/2,D="start"===u?V-s-a:"center"===u?V-(s+i/2)+L/2:"end"===u?V-r+m+L:o$1(s,r,i,a,m+L,V,V+M,M);const{scrollLeft:t,scrollTop:h}=e;B=Math.max(0,Math.min(h+B/Y,e.scrollHeight-n/Y+S)),D=Math.max(0,Math.min(t+D/X,e.scrollWidth-i/X+L)),T+=h-B,V+=t-D;}k.push({el:e,top:B,left:D});}return k};
+/* Injected with object hook! */
+
+const o=e=>!1===e?{block:"end",inline:"nearest"}:(e=>e===Object(e)&&0!==Object.keys(e).length)(e)?e:{block:"start",inline:"nearest"};function t(t,n){if(!t.isConnected||!(e=>{let o=e;for(;o&&o.parentNode;){if(o.parentNode===document)return !0;o=o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode;}return !1})(t))return;if((e=>"object"==typeof e&&"function"==typeof e.behavior)(n))return n.behavior(l(t,n));const r="boolean"==typeof n||null==n?void 0:n.behavior;for(const{el:i,top:a,left:l$1}of l(t,o(n)))i.scroll({top:a,left:l$1,behavior:r});}
+/* Injected with object hook! */
 
 class ComponentFilter {
   filter;
@@ -137,6 +143,7 @@ function addIframePosition(bounds, win) {
 /* Injected with object hook! */
 
 const InstanceMap = /* @__PURE__ */ new Map();
+const UidToTreeNodeMap = /* @__PURE__ */ new Map();
 class ComponentWalker {
   maxDepth;
   recursively;
@@ -289,6 +296,7 @@ class ComponentWalker {
       treeNode.domOrder = [-1];
     }
     InstanceMap.set(treeNode.id, getInstanceState(instance));
+    UidToTreeNodeMap.set(treeNode.uid, treeNode);
     treeNode.instance = instance;
     return treeNode;
   }
@@ -311,19 +319,22 @@ const expandedMap = ref({
 });
 const selectedComponent = ref();
 const selectedComponentState = shallowRef([]);
+function selectComponentTreeNode(data) {
+  selected.value = data.id;
+  selectedComponentName.value = data.name;
+  selectedComponentState.value = InstanceMap.get(data.id);
+  selectedComponentNode.value = data;
+}
+function setExpanded(id, expanded) {
+  expandedMap.value[id] = expanded;
+}
 function useComponent(instance) {
-  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];
   }
   const isSelected = computed(() => selected.value === instance.id);
   const isExpanded = computed(() => expandedMap.value[instance.id]);
-  return { isSelected, select, isExpanded, toggleExpand };
+  return { isSelected, select: selectComponentTreeNode, isExpanded, toggleExpand };
 }
 function useHighlightComponent(node) {
   const client = useDevToolsClient();
@@ -385,6 +396,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { isSelected, select, isExpanded, toggleExpand } = useComponent(props.data);
     const { highlight, unhighlight } = useHighlightComponent(props.data);
+    const toggleEl = ref();
+    function autoScroll() {
+      if (isSelected.value && toggleEl.value) {
+        const el = toggleEl.value;
+        t(el, {
+          scrollMode: "if-needed",
+          block: "center",
+          behavior: "smooth",
+          inline: "nearest"
+        });
+      }
+    }
+    watch(isSelected, () => autoScroll());
+    watch(toggleEl, () => autoScroll());
     return (_ctx, _cache) => {
       const _component_VDExpandIcon = _sfc_main$2;
       const _component_ComponentTreeNode = resolveComponent("ComponentTreeNode", true);
@@ -402,6 +427,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           (...args) => unref(unhighlight) && unref(unhighlight)(...args))
         }, [
           createBaseVNode("h3", {
+            ref_key: "toggleEl",
+            ref: toggleEl,
             "vue-block-title": "",
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.data.hasChildren ? unref(toggleExpand)(_ctx.data.id) : () => {
             })
@@ -423,7 +450,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 unref(isSelected) ? "vue-tag-symbol-active" : "vue-tag-symbol"
               ])
             }, ">", 2)
-          ])
+          ], 512)
         ], 38),
         unref(isExpanded) && _ctx.data.hasChildren ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data.children, (item) => {
@@ -447,18 +474,43 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = {
   key: 0,
+  sticky: "",
+  "left-0": "",
+  "top-0": "",
+  "z-300": "",
   "w-full": "",
+  flex: "",
+  gap2: "",
   px10px: "",
-  py12px: ""
+  py12px: "",
+  "bg-base": ""
 };
-const _hoisted_3 = {
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("g", {
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2"
+}, [
+  /* @__PURE__ */ createBaseVNode("circle", {
+    cx: "12",
+    cy: "12",
+    r: ".5",
+    fill: "currentColor"
+  }),
+  /* @__PURE__ */ createBaseVNode("path", { d: "M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2" })
+], -1);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = {
   "h-screen": "",
   "select-none": "",
   "overflow-scroll": "",
   "p-2": "",
   class: "no-scrollbar"
 };
-const _hoisted_4 = {
+const _hoisted_6 = {
   key: 0,
   border: "b base",
   flex: "",
@@ -466,26 +518,26 @@ const _hoisted_4 = {
   "px-4": "",
   "py-2": ""
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   key: 0,
   "text-sm": "",
   "text-primary": "",
   op90: ""
 };
-const _hoisted_6 = { flex: "" };
-const _hoisted_7 = /* @__PURE__ */ createBaseVNode("p", {
+const _hoisted_8 = { flex: "" };
+const _hoisted_9 = /* @__PURE__ */ createBaseVNode("p", {
   "text-xs": "",
   "op-50": ""
 }, " Scroll to component ", -1);
-const _hoisted_8 = {
+const _hoisted_10 = {
   key: 0,
   "pl-2": ""
 };
-const _hoisted_9 = {
+const _hoisted_11 = {
   "text-xs": "",
   "op-50": ""
 };
-const _hoisted_10 = {
+const _hoisted_12 = {
   key: 1,
   "h-screen": "",
   "select-none": "",
@@ -493,7 +545,7 @@ const _hoisted_10 = {
   "p-2": "",
   class: "no-scrollbar"
 };
-const _hoisted_11 = /* @__PURE__ */ createBaseVNode("h1", {
+const _hoisted_13 = /* @__PURE__ */ createBaseVNode("h1", {
   "text-sm": "",
   italic: "",
   op50: ""
@@ -560,9 +612,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     function openInEditor() {
-      const client = useDevToolsClient();
-      client.value.openInEditor(selectedComponentNodeFilePath.value);
+      const client2 = useDevToolsClient();
+      client2.value.openInEditor(selectedComponentNodeFilePath.value);
     }
+    const client = useDevToolsClient();
+    const inspectorEnabled = ref(false);
+    function inspectComponentClick(instance2) {
+      inspectorEnabled.value = false;
+      const treeNode = UidToTreeNodeMap.get(instance2.uid);
+      if (treeNode) {
+        selectComponentTreeNode(treeNode);
+        const walker = new ComponentWalker(0, null, false);
+        const parents = walker.getComponentParents(instance2);
+        parents.reverse().forEach((instance3) => {
+          const id = getUniqueComponentId(instance3);
+          if (id.endsWith("root"))
+            return;
+          setExpanded(id, true);
+        });
+      }
+    }
+    function toggleInspector(target) {
+      inspectorEnabled.value = target ?? !inspectorEnabled.value;
+      if (inspectorEnabled.value)
+        client.value.componentInspector.startInspect(inspectComponentClick);
+      else
+        client.value.componentInspector.stopInspect();
+    }
+    const { control, c, escape } = useMagicKeys();
+    watchEffect(() => {
+      if (control.value && c.value || escape.value)
+        toggleInspector(false);
+    });
     return (_ctx, _cache) => {
       const _component_VDTextInput = _sfc_main$3;
       const _component_ComponentTreeNode = _sfc_main$1;
@@ -579,10 +660,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(_component_VDTextInput, {
                     modelValue: unref(filterName),
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(filterName) ? filterName.value = $event : null),
-                    placeholder: "Find components..."
-                  }, null, 8, ["modelValue"])
+                    placeholder: "Find components...",
+                    "flex-1": ""
+                  }, null, 8, ["modelValue"]),
+                  createBaseVNode("button", {
+                    p2: "",
+                    onClick: _cache[1] || (_cache[1] = () => toggleInspector())
+                  }, [
+                    (openBlock(), createElementBlock("svg", {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      style: normalizeStyle([{ "height": "1.1em", "width": "1.1em", "opacity": "0.5" }, unref(inspectorEnabled) ? "opacity:1;color:#00dc82" : ""]),
+                      viewBox: "0 0 24 24"
+                    }, _hoisted_4, 4))
+                  ])
                 ])) : createCommentVNode("", true),
-                createBaseVNode("div", _hoisted_3, [
+                createBaseVNode("div", _hoisted_5, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(componentTree), (item) => {
                     return openBlock(), createBlock(_component_ComponentTreeNode, {
                       key: item.id,
@@ -595,13 +687,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             createVNode(unref(g), null, {
               default: withCtx(() => [
-                unref(normalizedComponentState).length ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                  unref(selectedComponentName) ? (openBlock(), createElementBlock("span", _hoisted_5, "<" + toDisplayString(unref(selectedComponentName)) + ">", 1)) : createCommentVNode("", true),
-                  createBaseVNode("p", _hoisted_6, [
+                unref(normalizedComponentState).length ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                  unref(selectedComponentName) ? (openBlock(), createElementBlock("span", _hoisted_7, "<" + toDisplayString(unref(selectedComponentName)) + ">", 1)) : createCommentVNode("", true),
+                  createBaseVNode("p", _hoisted_8, [
                     createBaseVNode("span", null, [
                       createVNode(_component_VTooltip, { placement: "bottom" }, {
                         popper: withCtx(() => [
-                          _hoisted_7
+                          _hoisted_9
                         ]),
                         default: withCtx(() => [
                           createBaseVNode("i", {
@@ -610,17 +702,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             "text-xl": "",
                             op70: "",
                             hover: "op100",
-                            onClick: _cache[1] || (_cache[1] = //@ts-ignore
+                            onClick: _cache[2] || (_cache[2] = //@ts-ignore
                             (...args) => unref(scrollToComponent) && unref(scrollToComponent)(...args))
                           })
                         ]),
                         _: 1
                       })
                     ]),
-                    unref(selectedComponentNodeFilePath) ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                    unref(selectedComponentNodeFilePath) ? (openBlock(), createElementBlock("span", _hoisted_10, [
                       createVNode(_component_VTooltip, { placement: "bottom" }, {
                         popper: withCtx(() => [
-                          createBaseVNode("p", _hoisted_9, " Open " + toDisplayString(unref(selectedComponentNodeFilePath).replace(unref(rootPath), "")) + " in editor ", 1)
+                          createBaseVNode("p", _hoisted_11, " Open " + toDisplayString(unref(selectedComponentNodeFilePath).replace(unref(rootPath), "")) + " in editor ", 1)
                         ]),
                         default: withCtx(() => [
                           createBaseVNode("i", {
@@ -637,7 +729,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])) : createCommentVNode("", true)
                   ])
                 ])) : createCommentVNode("", true),
-                unref(normalizedComponentState).length ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                unref(normalizedComponentState).length ? (openBlock(), createElementBlock("div", _hoisted_12, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(normalizedComponentState), (item, index) => {
                     return openBlock(), createBlock(_component_StateFields, {
                       id: index,
@@ -657,7 +749,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       p3: ""
                     }, {
                       default: withCtx(() => [
-                        _hoisted_11
+                        _hoisted_13
                       ]),
                       _: 1
                     })

package/dist/client/assets/{data-81561f44.js → data-791a8f60.js}

@@ -1,10 +1,17 @@
-import { F as Fragment } from './index-2db58fe3.js';
+import { F as Fragment } from './index-51e380e6.js';
 
-function isBeingDestroyed(instance) {
-  return instance._isBeingDestroyed || instance.isUnmounted;
+function getComponentTypeName(options) {
+  return options.name || options._componentTag || options.__vdevtools_guessedName || options.__name;
 }
-function isFragment(instance) {
-  return Fragment === instance.subTree?.type;
+function saveComponentName(instance, key) {
+  return key;
+}
+function getComponentFileName(options) {
+  const file = options.__file;
+  if (file) {
+    const filename = options.__file?.match(/\/?([^/]+?)(\.[^/.]+)?$/)?.[1];
+    return filename ?? file;
+  }
 }
 function getInstanceName(instance) {
   const name = getComponentTypeName(instance.type || {});
@@ -25,18 +32,14 @@ function getInstanceName(instance) {
     return fileName;
   return "Anonymous Component";
 }
-function saveComponentName(instance, key) {
-  return key;
-}
-function getComponentTypeName(options) {
-  return options.name || options._componentTag || options.__vdevtools_guessedName || options.__name;
+
+/* Injected with object hook! */
+
+function isBeingDestroyed(instance) {
+  return instance._isBeingDestroyed || instance.isUnmounted;
 }
-function getComponentFileName(options) {
-  const file = options.__file;
-  if (file) {
-    const filename = options.__file?.match(/\/?([^/]+?)(\.[^/.]+)?$/)?.[1];
-    return filename ?? file;
-  }
+function isFragment(instance) {
+  return Fragment === instance.subTree?.type;
 }
 function getUniqueComponentId(instance) {
   const appId = "vue-devtools";

package/dist/client/assets/{documentations-a46fb478.js → documentations-0fe92ea7.js}

@@ -1,5 +1,5 @@
-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-2db58fe3.js';
-import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-b73dcd77.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-51e380e6.js';
+import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-21a4afa9.js';
 
 const _hoisted_1$1 = {
   flex: "~ col gap2",

package/dist/client/assets/{graph-be701e92.js → graph-89665cd7.js}

@@ -1,8 +1,8 @@
-import { a$ as ref, cl 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, cd as rpc, cm as useStorage, cn as watchDebounced, d as withDirectives, bu as vModelText, bq as vModelCheckbox, f as renderSlot, co as useDark, b8 as shallowRef, cp as useMagicKeys, aP as onMounted, by as watch, q as normalizeClass, c5 as useDevToolsClient, c6 as rootPath } from './index-2db58fe3.js';
-import { a as _sfc_main$4, _ as _sfc_main$5 } from './Switch.vue_vue_type_script_setup_true_lang-748b1466.js';
+import { a$ as ref, co 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 rpc, cc as useStorage, cp as watchDebounced, d as withDirectives, bu as vModelText, bq as vModelCheckbox, f as renderSlot, cq as useDark, b8 as shallowRef, cr as useMagicKeys, aP as onMounted, by as watch, q as normalizeClass, c5 as useDevToolsClient, c6 as rootPath } from './index-51e380e6.js';
+import { a as _sfc_main$4, _ as _sfc_main$5 } from './Switch.vue_vue_type_script_setup_true_lang-f5874ec0.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
 import { a as getDefaultExportFromCjs$2 } from './_commonjsHelpers-7e83dbf2.js';
-import './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
+import './Icon.vue_vue_type_script_setup_true_lang-7c6b9476.js';
 
 const showGraphSetting = ref(false);
 const graphSettingsInStorage = useLocalStorage("__vue-devtools-graph-settings__", {