vite-plugin-vue-devtools 1.0.0-beta.2 → 1.0.0-beta.4

package/README.md

@@ -140,6 +140,12 @@ interface VitePluginVueDevToolsOptions {
    * }
   */
   analyze?: Partial<AnalyzeOptions>
+
+  /**
+  * Customize openInEditor host (e.g. http://localhost:3000)
+  * @default false
+  */
+  openInEditorHost?: string | false
 }
 ```
 

package/dist/client/assets/{Icon.vue_vue_type_script_setup_true_lang-5b8e75b9.js → Icon.vue_vue_type_script_setup_true_lang-4a8fe583.js}

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

package/dist/client/assets/{IconButton.vue_vue_type_script_setup_true_lang-1af9c374.js → IconButton.vue_vue_type_script_setup_true_lang-7533112d.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-5b8e75b9.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-55dde797.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-4a8fe583.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-6b2b8b6a.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconButton",

package/dist/client/assets/{IconTitle.vue_vue_type_script_setup_true_lang-4fc5b6ac.js → IconTitle.vue_vue_type_script_setup_true_lang-bdc080e4.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-55dde797.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-6b2b8b6a.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-297e573e.js → IframeView.vue_vue_type_script_setup_true_lang-77dbdc62.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, cp 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-55dde797.js';
+import { v as defineComponent, cp 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-6b2b8b6a.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{PanelGrids-15f9a979.js → PanelGrids-3cdf73ad.js}

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

package/dist/client/assets/{SectionBlock-22f38034.js → SectionBlock-0fb75671.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-4fc5b6ac.js';
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-5b8e75b9.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-55dde797.js';
+import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-bdc080e4.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-4a8fe583.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-6b2b8b6a.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-eaba3733.js → StateFields.vue_vue_type_script_setup_true_lang-65d71ce4.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-5b8e75b9.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-55dde797.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-ef144caa.js';
-import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-1af9c374.js';
+import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-4a8fe583.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-6b2b8b6a.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-5266a399.js';
+import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-7533112d.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ExpandIcon",

package/dist/client/assets/{Switch.vue_vue_type_script_setup_true_lang-a9a3bfb2.js → Switch.vue_vue_type_script_setup_true_lang-3983cd12.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-5b8e75b9.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-55dde797.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-4a8fe583.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-6b2b8b6a.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-9ca4104f.js → TextInput.vue_vue_type_script_setup_true_lang-40607e18.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-5b8e75b9.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-55dde797.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-4a8fe583.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-6b2b8b6a.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-e3f5ba7f.js → __eyedropper-ba9a76be.js}

@@ -1,6 +1,6 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-15f9a979.js';
-import { v as defineComponent, cD as useRouter, a$ as ref, a1 as computed, cu as useCopy, cf 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-55dde797.js';
-import { h as checkIsSecurityContext } from './index-ef144caa.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-3cdf73ad.js';
+import { v as defineComponent, cD as useRouter, a$ as ref, a1 as computed, cu as useCopy, cf 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-6b2b8b6a.js';
+import { h as checkIsSecurityContext } from './index-5266a399.js';
 
 const _hoisted_1 = {
   key: 0
@@ -50,7 +50,7 @@ const _sfc_main = /*#__PURE__*/defineComponent({
     const supportEyeDropper = !!window.EyeDropper;
     const isSupported = inSecurityContext && supportEyeDropper;
     async function open() {
-      if (!isSupported) return;
+      if (!isSupported) return {};
       // @ts-expect-error missing types?
       const eyeDropper = new EyeDropper();
       return eyeDropper.open();

package/dist/client/assets/{_commonjsHelpers-d60b99f1.js → _commonjsHelpers-7e83dbf2.js}

@@ -10,10 +10,7 @@ function getAugmentedNamespace(n) {
 	if (typeof f == "function") {
 		var a = function a () {
 			if (this instanceof a) {
-				var args = [null];
-				args.push.apply(args, arguments);
-				var Ctor = Function.bind.apply(f, args);
-				return new Ctor();
+        return Reflect.construct(f, arguments, this.constructor);
 			}
 			return f.apply(this, arguments);
 		};

package/dist/client/assets/{assets-cef4559f.js → assets-1c2e5083.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-15f9a979.js';
-import { v as defineComponent, a$ as ref, cx as useElementSize, cy 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, cz as useStyleTag, l as normalizeStyle, cA as computedAsync, cu as useCopy, cB as useTimeAgo, F as Fragment, a9 as createTextVNode, cc as rpc, c5 as useDevToolsClient, bL as _sfc_main$a, cC as onKeyDown, aC as isRef, i as renderList, _ as __unplugin_components_7 } from './index-55dde797.js';
-import { _ as _sfc_main$9 } from './IconButton.vue_vue_type_script_setup_true_lang-1af9c374.js';
-import { _ as __unplugin_components_3 } from './SectionBlock-22f38034.js';
-import { _ as _sfc_main$b } from './TextInput.vue_vue_type_script_setup_true_lang-9ca4104f.js';
-import { _ as _sfc_main$c } from './Icon.vue_vue_type_script_setup_true_lang-5b8e75b9.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-3cdf73ad.js';
+import { v as defineComponent, a$ as ref, cx as useElementSize, cy 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, cz as useStyleTag, l as normalizeStyle, cA as computedAsync, cu as useCopy, cB as useTimeAgo, F as Fragment, a9 as createTextVNode, cc as rpc, c5 as useDevToolsClient, bL as _sfc_main$a, bK as useVModel, r as resolveComponent, i as renderList, aC as isRef, cC as onKeyDown, _ as __unplugin_components_7 } from './index-6b2b8b6a.js';
+import { _ as _sfc_main$9 } from './IconButton.vue_vue_type_script_setup_true_lang-7533112d.js';
+import { _ as _sfc_main$b } from './Icon.vue_vue_type_script_setup_true_lang-4a8fe583.js';
+import { _ as __unplugin_components_3 } from './SectionBlock-0fb75671.js';
+import { _ as _sfc_main$c } from './TextInput.vue_vue_type_script_setup_true_lang-40607e18.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './IconTitle.vue_vue_type_script_setup_true_lang-4fc5b6ac.js';
+import './IconTitle.vue_vue_type_script_setup_true_lang-bdc080e4.js';
 
 const _hoisted_1$7 = {
   relative: "",
@@ -719,7 +719,7 @@ const _hoisted_1$5 = {
   "object-cover": "",
   p1: ""
 };
-const _hoisted_2$4 = ["src"];
+const _hoisted_2$3 = ["src"];
 const _hoisted_3$2 = {
   key: 2,
   "i-carbon-document": "",
@@ -752,7 +752,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         _ctx.asset.type === "image" ? (openBlock(), createElementBlock("img", {
           key: 0,
           src: _ctx.asset.publicPath
-        }, null, 8, _hoisted_2$4)) : _ctx.asset.type === "font" ? (openBlock(), createBlock(_component_AssetFontPreview, {
+        }, null, 8, _hoisted_2$3)) : _ctx.asset.type === "font" ? (openBlock(), createBlock(_component_AssetFontPreview, {
           key: _ctx.asset.publicPath,
           asset: _ctx.asset,
           "self-stretch": "",
@@ -781,7 +781,7 @@ const _hoisted_1$4 = {
   "of-hidden": "",
   p4: ""
 };
-const _hoisted_2$3 = /* @__PURE__ */ createBaseVNode("div", {
+const _hoisted_2$2 = /* @__PURE__ */ createBaseVNode("div", {
   flex: "~ gap2",
   "mb--2": "",
   "items-center": "",
@@ -950,7 +950,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const _component_VDButton = _sfc_main$a;
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
         unref(supportsPreview) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_2$3,
+          _hoisted_2$2,
           createBaseVNode("div", _hoisted_3$1, [
             createVNode(_component_AssetPreview, {
               "max-h-80": "",
@@ -1054,29 +1054,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const _hoisted_1$3 = {
-  flex: "~ gap-1",
-  "w-full": "",
-  "items-center": "",
-  hover: "bg-active",
-  rounded: "",
-  px4: "",
-  py2: ""
-};
-const _hoisted_2$2 = {
-  "of-hidden": "",
-  truncate: "",
-  "ws-nowrap": "",
-  "text-center": ""
-};
+const _hoisted_1$3 = /* @__PURE__ */ createBaseVNode("div", { "x-divider": "" }, null, -1);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "AssetListItem",
   props: {
-    asset: {}
+    item: {},
+    index: { default: 0 },
+    modelValue: {}
   },
-  setup(__props) {
+  setup(__props, { emit }) {
     const props = __props;
+    const model = useVModel(props, "modelValue", emit, { passive: true });
+    const isCollection = computed(() => props.item?.children?.length);
+    const open = ref(true);
     const icon = computed(() => {
+      if (isCollection.value)
+        return "i-carbon-folder";
       const assets = {
         image: "i-carbon-image",
         video: "i-carbon-video",
@@ -1085,14 +1078,52 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         text: "i-carbon-document",
         json: "i-carbon-json"
       };
-      return assets[props.asset.type] ?? "i-carbon-document-blank";
+      return assets[props.item.type] ?? "i-carbon-document-blank";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", _hoisted_1$3, [
-        createBaseVNode("div", {
-          class: normalizeClass(unref(icon))
-        }, null, 2),
-        createBaseVNode("div", _hoisted_2$2, toDisplayString(_ctx.asset.path), 1)
+      const _component_VDIcon = _sfc_main$b;
+      const _component_AssetListItem = resolveComponent("AssetListItem", true);
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("button", {
+          flex: "~ gap-2",
+          "w-full": "",
+          "items-center": "",
+          hover: "bg-active",
+          px4: "",
+          py1: "",
+          style: normalizeStyle({ paddingLeft: `calc(1rem + ${_ctx.index * 1.5}em)` }),
+          class: normalizeClass({ "bg-active": !unref(isCollection) && unref(model)?.filePath === _ctx.item?.filePath }),
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(isCollection) ? open.value = !unref(open) : model.value = _ctx.item)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(unref(icon))
+          }, null, 2),
+          createBaseVNode("span", {
+            class: normalizeClass({ "flex items-center": unref(isCollection) }),
+            "flex-auto": "",
+            "text-start": "",
+            "text-sm": "",
+            "font-mono": ""
+          }, toDisplayString(_ctx.item.path), 3),
+          unref(isCollection) ? (openBlock(), createBlock(_component_VDIcon, {
+            key: 0,
+            icon: "carbon:chevron-right",
+            "transform-rotate": unref(open) ? 90 : 0,
+            transition: ""
+          }, null, 8, ["transform-rotate"])) : createCommentVNode("", true)
+        ], 6),
+        _hoisted_1$3,
+        unref(open) ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item?.children, (subItem) => {
+            return openBlock(), createBlock(_component_AssetListItem, {
+              key: subItem.filepath,
+              modelValue: unref(model),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(model) ? model.value = $event : null),
+              item: subItem,
+              index: _ctx.index + 1
+            }, null, 8, ["modelValue", "item", "index"]);
+          }), 128))
+        ]) : createCommentVNode("", true)
       ]);
     };
   }
@@ -1166,7 +1197,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("update:search", event.target.value);
     }
     return (_ctx, _cache) => {
-      const _component_VDTextInput = _sfc_main$b;
+      const _component_VDTextInput = _sfc_main$c;
       return openBlock(), createElementBlock("div", {
         flex: "~ col gap2",
         border: "b base",
@@ -1252,6 +1283,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return Object.entries(result).sort(([a], [b]) => a.localeCompare(b));
     });
+    const byTree = computed(() => {
+      const root = { path: "public", children: [] };
+      const addToTree = (node, pathParts, file) => {
+        const [currentPart, ...remainingParts] = pathParts;
+        let child = node.children.find((child2) => child2.path === currentPart);
+        if (!child) {
+          child = { ...file, path: currentPart, children: [] };
+          node.children.push(child);
+        }
+        if (remainingParts.length > 1)
+          addToTree(child, remainingParts, file);
+        else if (remainingParts.length === 1)
+          child.children.push({ ...file, path: remainingParts[0] });
+      };
+      filtered.value.forEach((file) => {
+        const pathParts = file.path.split("/").filter((part) => part !== "");
+        addToTree(root, pathParts, file);
+      });
+      return root.children;
+    });
     const selected = ref();
     const view = ref("grid");
     function toggleView() {
@@ -1262,7 +1313,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const navbar = ref();
     return (_ctx, _cache) => {
-      const _component_VDIcon = _sfc_main$c;
+      const _component_VDIcon = _sfc_main$b;
       const _component_Navbar = _sfc_main$1;
       const _component_AssetGridItem = _sfc_main$2;
       const _component_VDSectionBlock = __unplugin_components_3;
@@ -1336,12 +1387,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]))
         ], 64)) : (openBlock(), createElementBlock("div", _hoisted_7, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filtered), (a) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(byTree), (item, key) => {
             return openBlock(), createBlock(_component_AssetListItem, {
-              key: a.path,
-              asset: a,
-              onClick: ($event) => selected.value = a
-            }, null, 8, ["asset", "onClick"]);
+              key,
+              modelValue: unref(selected),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(selected) ? selected.value = $event : null),
+              item
+            }, null, 8, ["modelValue", "item"]);
           }), 128))
         ])),
         createVNode(_component_DrawerRight, {
@@ -1349,7 +1401,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "auto-close": "",
           "w-120": "",
           navbar: unref(navbar),
-          onClose: _cache[1] || (_cache[1] = ($event) => selected.value = void 0)
+          onClose: _cache[2] || (_cache[2] = ($event) => selected.value = void 0)
         }, {
           default: withCtx(() => [
             unref(selected) ? (openBlock(), createBlock(_component_AssetDetails, {