vite-plugin-vue-devtools 0.4.12 → 0.5.0

package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-97a0e754.js → IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, cm as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cn 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-d268ce4d.js';
+import { v as defineComponent, ck as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cl 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-197edebf.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-dd6974e1.js → StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cq as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cr as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-d268ce4d.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-fb7e673c.js';
-import { _ as _sfc_main$4 } from './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cp as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cq as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cr as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-197edebf.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-f977bcde.js';
+import { _ as _sfc_main$4 } from './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VExpandIcon",
@@ -312,6 +312,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const isExpanded = ref(true);
     const copy = useCopy();
+    const showNotification = useNotification();
     function toggleExpanded() {
       isExpanded.value = !isExpanded.value;
     }
@@ -321,6 +322,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       else
         expandedIdCache.value.push(id);
     }
+    function copyContent(value) {
+      try {
+        copy(JSON.stringify(value));
+      } catch (e) {
+        showNotification(
+          {
+            text: e.message,
+            type: "error",
+            icon: "carbon-close-outline",
+            duration: 5e3
+          }
+        );
+      }
+    }
     return (_ctx, _cache) => {
       const _component_VExpandIcon = _sfc_main$2;
       const _component_VIconButton = _sfc_main$4;
@@ -345,7 +360,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "flex-none": "",
             title: `Copy ${_ctx.data.key} to clipboard`,
             icon: "carbon-copy",
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(copy)(JSON.stringify(_ctx.data.value)), ["stop"]))
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => copyContent(_ctx.data.value), ["stop"]))
           }, null, 8, ["title"])
         ]),
         withDirectives(createBaseVNode("div", _hoisted_2, [

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js → VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-d268ce4d.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-197edebf.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VIcon",

package/dist/client/assets/{VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js → VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.js';
+import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.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-197edebf.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js → VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.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-d268ce4d.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-197edebf.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-ea9ac4bd.js → VPanelGrids-4b915e62.js}

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

package/dist/client/assets/{VSectionBlock-0d870ae2.js → VSectionBlock-8dcfb48d.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js';
-import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.js';
+import { _ as _sfc_main$1 } from './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
+import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.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-197edebf.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["open"];

package/dist/client/assets/{VSwitch.vue_vue_type_script_setup_true_lang-dc4a336f.js → VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.js';
+import { _ as _sfc_main$2 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.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-197edebf.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/{VTextInput.vue_vue_type_script_setup_true_lang-cd591fdb.js → VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.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-d268ce4d.js';
+import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.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-197edebf.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-41422dc8.js → __eyedropper-67c21231.js}

@@ -1,6 +1,6 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-ea9ac4bd.js';
-import { v as defineComponent, cz as useRouter, a$ as ref, cd 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, cl as useDevtoolsClient, bY as useFrameState, u as createVNode } from './index-d268ce4d.js';
-import { h as checkIsSecurityContext } from './index-fb7e673c.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.js';
+import { v as defineComponent, cz as useRouter, a$ as ref, a1 as computed, cp as useCopy, cb 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, cj as useDevtoolsClient, bX as useFrameState, u as createVNode } from './index-197edebf.js';
+import { h as checkIsSecurityContext } from './index-f977bcde.js';
 
 const _hoisted_1 = {
   key: 0
@@ -28,7 +28,16 @@ const _sfc_main = /*#__PURE__*/defineComponent({
     const client = useDevtoolsClient();
     const frameState = useFrameState();
     const router = useRouter();
-    const color = ref('');
+    const hexColor = ref('');
+    const showHex = ref(true);
+    const color = computed(() => showHex.value ? hexColor.value : hexToRgb(hexColor.value));
+    const copy = useCopy();
+    function getDecimal(hex, start, end) {
+      return Number.parseInt(hex.slice(start, end), 16);
+    }
+    function hexToRgb(hex) {
+      return hex ? `rgb(${getDecimal(hex, 1, 3)},${getDecimal(hex, 3, 5)},${getDecimal(hex, 5, 7)})` : '';
+    }
     useEventListener('keydown', e => {
       if (e.key === 'Escape') close();
     });
@@ -47,14 +56,14 @@ const _sfc_main = /*#__PURE__*/defineComponent({
       return eyeDropper.open();
     }
     async function restart() {
-      color.value = '';
+      hexColor.value = '';
       open().then(res => {
-        color.value = res.sRGBHex;
+        hexColor.value = res.sRGBHex;
       });
     }
     onMounted(() => {
       open().then(res => {
-        color.value = res.sRGBHex;
+        hexColor.value = res.sRGBHex;
       });
     });
     function ErrorBoundary() {
@@ -103,10 +112,15 @@ const _sfc_main = /*#__PURE__*/defineComponent({
           border: "",
           "border-base": "",
           rounded: "",
+          hover: "cursor-pointer border-primary",
           style: normalizeStyle({
             backgroundColor: unref(color)
-          })
-        }, null, 4), createTextVNode(" : " + toDisplayString(unref(color)), 1)]), createBaseVNode("span", {
+          }),
+          onClick: _cache[0] || (_cache[0] = $event => showHex.value = !unref(showHex))
+        }, null, 4), createTextVNode(" : "), createBaseVNode("span", {
+          hover: "underline underline-offset-3 cursor-pointer",
+          onClick: _cache[1] || (_cache[1] = $event => unref(copy)(unref(color)))
+        }, toDisplayString(unref(color)), 1)]), createBaseVNode("span", {
           "ml-2": "",
           flex: "",
           "cursor-pointer": "",

package/dist/client/assets/{assets-fc847d7b.js → assets-bf6dd9e4.js}

@@ -1,12 +1,12 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-ea9ac4bd.js';
-import { v as defineComponent, a$ as ref, cs as useElementSize, ct 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, a1 as computed, y as toDisplayString, q as normalizeClass, cu as useStyleTag, l as normalizeStyle, cv as computedAsync, cq as useCopy, cw as useTimeAgo, F as Fragment, a9 as createTextVNode, cl as useDevtoolsClient, bL as _sfc_main$a, cx as onKeyDown, aC as isRef, i as renderList, _ as __unplugin_components_7 } from './index-d268ce4d.js';
-import { _ as _sfc_main$9 } from './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
-import { r as rpc } from './rpc-6c4cc8d5.js';
-import { _ as __unplugin_components_3 } from './VSectionBlock-0d870ae2.js';
-import { _ as _sfc_main$b } from './VTextInput.vue_vue_type_script_setup_true_lang-cd591fdb.js';
-import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.js';
+import { v as defineComponent, a$ as ref, cs as useElementSize, ct 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, a1 as computed, y as toDisplayString, q as normalizeClass, cu as useStyleTag, l as normalizeStyle, cv as computedAsync, cp as useCopy, cw as useTimeAgo, F as Fragment, a9 as createTextVNode, cj as useDevtoolsClient, bL as _sfc_main$a, cx as onKeyDown, aC as isRef, i as renderList, _ as __unplugin_components_7 } from './index-197edebf.js';
+import { _ as _sfc_main$9 } from './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
+import { r as rpc } from './rpc-b9c94a3a.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-8dcfb48d.js';
+import { _ as _sfc_main$b } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
+import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
 
 const _hoisted_1$7 = {
   relative: "",
@@ -763,8 +763,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           createBaseVNode("pre", {
             "max-h-10rem": "",
             "of-hidden": "",
-            "font-mono": "",
             "text-xs": "",
+            "font-mono": "",
             textContent: toDisplayString(_ctx.textContent)
           }, null, 8, _hoisted_5$2)
         ])) : (openBlock(), createElementBlock("div", _hoisted_6$2))