vlite3 1.2.9 → 1.2.12

package/components/PermissionMatrix/PermissionEditorMatrix.vue.js

@@ -1,7 +1,7 @@
 import o from "./PermissionEditorMatrix.vue2.js";
 /* empty css                            */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0b1ab970"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e227acf6"]]);
 export {
   m as default
 };

package/components/PermissionMatrix/PermissionMatrix.vue.js

@@ -1,7 +1,7 @@
 import o from "./PermissionMatrix.vue2.js";
 /* empty css                      */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ba68e64a"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f4695eed"]]);
 export {
   m as default
 };

package/components/PermissionMatrix/PermissionMatrix.vue2.js

@@ -13,7 +13,7 @@ const W = {
   class: "text-center py-12 text-muted-foreground"
 }, Y = {
   key: 2,
-  class: "permission-matrix-wrapper border rounded-lg overflow-auto"
+  class: "permission-matrix-wrapper border rounded-lg scrollbar-thin always-scroll overflow-auto"
 }, Z = { class: "w-full border-collapse" }, _ = { class: "bg-muted" }, K = { class: "flex flex-col items-center gap-0.5" }, ee = ["onClick"], te = { class: "flex items-center gap-2" }, le = ["onClick"], se = { class: "flex items-center justify-center pointer-events-none" }, ne = { class: "flex items-center gap-2 pl-6" }, oe = ["onClick"], ae = { class: "flex items-center justify-center pointer-events-none" }, ye = /* @__PURE__ */ R({
   __name: "PermissionMatrix",
   props: {

package/components/Screen/ScreenFilter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as M, computed as d, openBlock as s, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
+import { defineComponent as B, ref as M, computed as d, openBlock as r, createBlock as n, withCtx as o, createElementVNode as l, createVNode as a, unref as w, toDisplayString as v, withModifiers as F, setBlockTracking as C, createElementBlock as S } from "vue";
 import f from "../Button.vue.js";
 import j from "../Modal.vue.js";
 import z from "../Dropdown/Dropdown.vue.js";
@@ -14,16 +14,16 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */
 /* empty css                      */
 import "../../core/config.js";
-const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, E = { style: { "will-change": "transform", contain: "layout style" } }, I = {
-  class: "pt-3 px-2 min-w-[295px]",
+const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, A = { style: { "will-change": "transform", contain: "layout style" } }, E = {
+  class: "pt-2 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, se = /* @__PURE__ */ B({
+}, re = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -32,11 +32,11 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   },
   emits: ["update:modelValue", "change"],
   setup(i, { emit: $ }) {
-    const u = i, m = $, r = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
+    const u = i, m = $, s = M(!1), p = d(() => u.modelValue ? Object.keys(u.modelValue).filter(
       (e) => u.modelValue[e] !== "" && u.modelValue[e] !== null && u.modelValue[e] !== void 0
-    ).length : 0), k = (e) => {
-      m("update:modelValue", e.values), m("change", e.values), r.value = !1;
-    }, x = () => {
+    ).length : 0), x = (e) => {
+      m("update:modelValue", e.values), m("change", e.values), s.value = !1;
+    }, k = () => {
       m("update:modelValue", {}), m("change", {});
     }, g = d(() => {
       const e = y("vlite.screen.filters");
@@ -48,19 +48,19 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       const e = y("vlite.screen.filter");
       return e !== "vlite.screen.filter" ? e : "Filter";
     });
-    return (e, t) => i.type === "modal" ? (s(), n(j, {
+    return (e, t) => i.type === "modal" ? (r(), n(j, {
       key: 0,
       title: g.value,
-      show: r.value,
-      "onUpdate:show": t[3] || (t[3] = (c) => r.value = c),
+      show: s.value,
+      "onUpdate:show": t[3] || (t[3] = (c) => s.value = c),
       "max-width": "sm:max-w-md"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (s(), n(f, {
+        p.value > 0 ? (r(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: t[0] || (t[0] = (c) => r.value = !0)
+          onClick: t[0] || (t[0] = (c) => s.value = !0)
         }, {
           default: o(() => [
             a(h, {
@@ -69,7 +69,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             }),
             l("span", null, v(g.value) + " (" + v(p.value) + ")", 1),
             l("div", {
-              onClick: F(x, ["stop"]),
+              onClick: F(k, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
               a(h, {
@@ -79,18 +79,18 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (s(), n(f, {
+        })) : (r(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[2] || (t[2] = (c) => r.value = !0),
+          onClick: t[2] || (t[2] = (c) => s.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
           class: "shrink-0 h-9! w-9!"
         }, {
           default: o(() => [
-            l("div", A, [
-              t[1] || (C(-1, !0), (t[1] = (s(), S("svg", {
+            l("div", N, [
+              t[1] || (C(-1, !0), (t[1] = (r(), S("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1.132em",
                 height: "1.132em",
@@ -111,26 +111,28 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, 8, ["title"]))
       ]),
       default: o(() => [
-        l("div", E, [
+        l("div", A, [
           a(w(O), {
             schema: i.schema,
             values: i.modelValue,
             "submit-text": b.value,
-            onOnSubmit: k
+            onOnSubmit: x
           }, null, 8, ["schema", "values", "submit-text"])
         ])
       ]),
       _: 1
-    }, 8, ["title", "show"])) : (s(), n(w(z), {
+    }, 8, ["title", "show"])) : (r(), n(w(z), {
       key: 1,
-      isOpen: r.value,
-      "onUpdate:isOpen": t[4] || (t[4] = (c) => r.value = c),
+      isOpen: s.value,
+      "onUpdate:isOpen": t[4] || (t[4] = (c) => s.value = c),
       "close-on-select": !1,
       position: "bottom-end",
+      maxHeight: "410px",
+      "class-name": "pb-0! always-scroll",
       class: "w-auto"
     }, {
       trigger: o(() => [
-        p.value > 0 ? (s(), n(f, {
+        p.value > 0 ? (r(), n(f, {
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0 bg-gray-150! hover:bg-gray-100!",
@@ -143,7 +145,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             }),
             l("span", null, v(g.value) + " (" + v(p.value) + ")", 1),
             l("div", {
-              onClick: F(x, ["stop"]),
+              onClick: F(k, ["stop"]),
               class: "ml-1 p-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full transition-colors cursor-pointer"
             }, [
               a(h, {
@@ -153,7 +155,7 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
             ])
           ]),
           _: 1
-        })) : (s(), n(f, {
+        })) : (r(), n(f, {
           key: 1,
           variant: "outline",
           icon: "hugeicons:filter-add",
@@ -163,18 +165,19 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         }, null, 8, ["title"]))
       ]),
       default: o(() => [
-        l("div", I, [
+        l("div", E, [
           a(w(O), {
             schema: i.schema,
             values: i.modelValue,
             "submit-text": b.value,
-            "footer-class": "mt-0.5! border-0! border-transparent! rounded-none! bg-transparent!",
+            className: "gap-3!",
+            "footer-class": "mt-0.5! translate-y-0.5 pb-4.5! border-0! border-transparent! rounded-none!",
             "submit-props": {
               size: "sm",
               class: "w-full",
               textClass: "-text-fs-1!"
             },
-            onOnSubmit: k
+            onOnSubmit: x
           }, null, 8, ["schema", "values", "submit-text"])
         ])
       ]),
@@ -183,5 +186,5 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  se as default
+  re as default
 };

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-99967d3b"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37a55d1c"]]);
 export {
   m as default
 };

package/components/Splitter/Splitter.vue.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:modelValue"?: (val: number) => any;
 }>, {
     class: string;
+    layout: "horizontal" | "vertical";
     modelValue: number;
     min: number;
     max: number;
-    layout: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     containerRef: HTMLDivElement;
 }, HTMLDivElement>;

package/components/Tabes/Tabes.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tabes.vue2.js";
 /* empty css           */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-84e08076"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1e044fd1"]]);
 export {
-  m as default
+  f as default
 };

package/components/Tabes/Tabes.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as E, ref as m, watch as l, onMounted as D, computed as g, openBlock as i, createElementBlock as p, normalizeClass as u, normalizeStyle as N, createCommentVNode as y, Fragment as O, renderList as P, createBlock as x, resolveDynamicComponent as T, mergeProps as F, withCtx as _, createElementVNode as q, toDisplayString as G, nextTick as H } from "vue";
-import { useResizeObserver as J } from "@vueuse/core";
-import K from "../Icon.vue.js";
-import { $t as Q } from "../../utils/i18n.js";
-const Z = /* @__PURE__ */ E({
+import { defineComponent as T, ref as u, watch as l, onMounted as D, computed as p, openBlock as i, createElementBlock as v, normalizeClass as d, normalizeStyle as N, createCommentVNode as x, Fragment as O, renderList as P, createBlock as h, resolveDynamicComponent as F, mergeProps as _, withCtx as q, createElementVNode as G, toDisplayString as H, nextTick as J } from "vue";
+import { useResizeObserver as K } from "@vueuse/core";
+import Q from "../Icon.vue.js";
+import { $t as U } from "../../utils/i18n.js";
+const ee = /* @__PURE__ */ T({
   __name: "Tabes",
   props: {
     options: {},
@@ -15,33 +15,35 @@ const Z = /* @__PURE__ */ E({
     tabClass: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(s, { emit: h }) {
-    const r = s, v = h, d = m(null), f = m(/* @__PURE__ */ new Map()), k = (e, n) => {
-      e ? f.value.set(n, e) : f.value.delete(n);
-    }, b = m({
+  setup(s, { emit: C }) {
+    const r = s, y = C, f = u(null), b = u(/* @__PURE__ */ new Map()), k = (e, n) => {
+      e ? b.value.set(n, e) : b.value.delete(n);
+    }, m = u({
       width: "0px",
       height: "0px",
       transform: "translate(0px, 0px)",
       opacity: 0
-    }), o = async () => {
-      await H();
-      const e = d.value, n = f.value.get(r.modelValue);
+    }), g = u(!1), o = async () => {
+      await J();
+      const e = f.value, n = b.value.get(r.modelValue);
       if (!e || !n) {
-        b.value.opacity = 0;
+        m.value.opacity = 0;
         return;
       }
-      const t = e.getBoundingClientRect(), a = n.getBoundingClientRect(), c = a.left - t.left, M = a.top - t.top, j = a.width, A = a.height;
-      b.value = {
-        width: `${j}px`,
-        height: `${A}px`,
-        transform: `translate(${c}px, ${M}px)`,
+      const t = e.getBoundingClientRect(), a = n.getBoundingClientRect(), c = a.left - t.left, j = a.top - t.top, A = a.width, E = a.height;
+      m.value = {
+        width: `${A}px`,
+        height: `${E}px`,
+        transform: `translate(${c}px, ${j}px)`,
         opacity: 1
-      };
+      }, g.value || setTimeout(() => {
+        g.value = !0;
+      }, 50);
     };
-    J(d, o), l(() => r.modelValue, o), l(() => r.options, o, { deep: !0 }), l(() => r.size, o), l(() => r.block, o), l(() => r.wrap, o), D(o);
-    const C = (e) => {
-      e.disabled || (v("update:modelValue", e.value), v("change", e.value));
-    }, w = g(() => {
+    K(f, o), l(() => r.modelValue, o), l(() => r.options, o, { deep: !0 }), l(() => r.size, o), l(() => r.block, o), l(() => r.wrap, o), D(o);
+    const w = (e) => {
+      e.disabled || (y("update:modelValue", e.value), y("change", e.value));
+    }, z = p(() => {
       const e = r.variant === "line", n = {
         surface: "bg-secondary/80 p-1",
         primary: "bg-secondary p-1",
@@ -52,14 +54,14 @@ const Z = /* @__PURE__ */ E({
         line: "bg-transparent gap-6 rounded-none p-0 border-b border-border"
       }, t = r.wrap && !e ? "flex-wrap" : "";
       return [`${r.block || e ? "flex w-full" : "inline-flex"} rounded-lg relative isolate ${t}`, n[r.variant]];
-    }), z = {
+    }), $ = {
       sm: "text-xs px-2.5 py-1",
       md: "-text-fs-2 px-3 py-1",
       lg: "-text-fs-1 px-4 py-1"
-    }, $ = g(() => {
+    }, V = p(() => {
       const e = r.variant === "line", n = e ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 pb-2 border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50", t = (r.block || r.wrap) && !e ? "flex-1" : "";
       return [n, t];
-    }), V = (e) => {
+    }), R = (e) => {
       const n = e.value === r.modelValue, t = r.variant === "line";
       let a = "";
       if (n)
@@ -91,11 +93,11 @@ const Z = /* @__PURE__ */ E({
       else
         a = t ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
       const c = e.disabled ? "opacity-50 cursor-not-allowed" : "";
-      return [$.value, a, r?.tabClass, c].join(" ");
-    }, R = g(() => {
-      const e = "absolute left-0 top-0 transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] z-0 pointer-events-none";
-      return r.variant === "line" ? `${e} !h-[2px] !top-auto bottom-0` : `${e} rounded-md shadow-sm`;
-    }), B = () => ({
+      return [V.value, a, r?.tabClass, c].join(" ");
+    }, B = p(() => {
+      const n = `absolute left-0 top-0 z-0 pointer-events-none ${g.value ? "transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)]" : ""}`;
+      return r.variant === "line" ? `${n} !h-[2px] !top-auto bottom-0` : `${n} rounded-md shadow-sm`;
+    }), S = () => ({
       surface: "bg-background",
       primary: "bg-primary",
       secondary: "bg-secondary-foreground",
@@ -103,39 +105,39 @@ const Z = /* @__PURE__ */ E({
       success: "bg-success",
       outline: "bg-accent/50 ring-1 ring-border",
       line: "bg-primary"
-    })[r.variant], S = (e) => e.labelI18n ? Q(e.labelI18n) : e.label, I = (e) => e.to ? "router-link" : e.href ? "a" : "button", L = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
-    return (e, n) => (i(), p("div", {
+    })[r.variant], I = (e) => e.labelI18n ? U(e.labelI18n) : e.label, L = (e) => e.to ? "router-link" : e.href ? "a" : "button", M = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
+    return (e, n) => (i(), v("div", {
       ref_key: "containerRef",
-      ref: d,
-      class: u(w.value),
+      ref: f,
+      class: d(z.value),
       role: "tablist",
       "data-tabes": ""
     }, [
-      s.modelValue !== void 0 && !s.wrap ? (i(), p("div", {
+      s.modelValue !== void 0 && !s.wrap ? (i(), v("div", {
         key: 0,
-        class: u([R.value, B()]),
-        style: N(b.value)
-      }, null, 6)) : y("", !0),
-      (i(!0), p(O, null, P(s.options, (t) => (i(), x(T(I(t)), F({
+        class: d([B.value, S()]),
+        style: N(m.value)
+      }, null, 6)) : x("", !0),
+      (i(!0), v(O, null, P(s.options, (t) => (i(), h(F(L(t)), _({
         key: t.value,
         ref_for: !0,
         ref: (a) => k(a?.$el || a, t.value),
         role: "tab",
         "aria-selected": s.modelValue === t.value,
         disabled: t.disabled,
-        class: [V(t), z[r.size]]
-      }, { ref_for: !0 }, L(t), {
-        onClick: (a) => C(t)
+        class: [R(t), $[r.size]]
+      }, { ref_for: !0 }, M(t), {
+        onClick: (a) => w(t)
       }), {
-        default: _(() => [
-          t.icon ? (i(), x(K, {
+        default: q(() => [
+          t.icon ? (i(), h(Q, {
             key: 0,
             icon: t.icon,
-            class: u(s.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
-          }, null, 8, ["icon", "class"])) : y("", !0),
-          q("span", {
-            class: u(["whitespace-nowrap z-20 relative", s.textClass])
-          }, G(S(t)), 3)
+            class: d(s.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
+          }, null, 8, ["icon", "class"])) : x("", !0),
+          G("span", {
+            class: d(["whitespace-nowrap z-20 relative", s.textClass])
+          }, H(I(t)), 3)
         ]),
         _: 2
       }, 1040, ["aria-selected", "disabled", "class", "onClick"]))), 128))
@@ -143,5 +145,5 @@ const Z = /* @__PURE__ */ E({
   }
 });
 export {
-  Z as default
+  ee as default
 };

package/components/Workbook/Sheet.vue.js

@@ -1,22 +1,23 @@
-import { defineComponent as N, ref as g, computed as v, openBlock as a, createElementBlock as d, normalizeClass as D, createElementVNode as c, withModifiers as p, createBlock as y, withCtx as h, createVNode as u, createCommentVNode as w, withDirectives as O, vModelText as j, toDisplayString as C, unref as M, createTextVNode as R, nextTick as z } from "vue";
-import m from "../Icon.vue.js";
-import A from "../Dropdown/Dropdown.vue.js";
+import { defineComponent as N, ref as g, computed as p, openBlock as r, createElementBlock as u, normalizeClass as T, createElementVNode as c, withModifiers as d, createBlock as y, withCtx as h, createVNode as m, createCommentVNode as w, withDirectives as j, withKeys as C, vModelText as z, toDisplayString as D, unref as K, createTextVNode as M, nextTick as O } from "vue";
+import k from "../Icon.vue.js";
+import R from "../Dropdown/Dropdown.vue.js";
 import { $t as s } from "../../utils/i18n.js";
 /* empty css            */
 /* empty css                            */
-import K from "../IconPicker.vue.js";
-const U = {
+import A from "../Button.vue.js";
+import U from "../IconPicker.vue.js";
+const q = {
   type: "button",
   class: "flex items-center justify-center rounded hover:bg-accent transition-colors p-0.5 outline-none focus-visible:ring-2 focus-visible:ring-primary/20 mt-1"
-}, q = {
+}, F = {
   key: 1,
   class: "flex items-center justify-center p-0.5"
-}, F = { class: "flex-1 min-w-0 pr-1" }, G = {
+}, G = { class: "flex-1 min-w-0 pr-1" }, H = ["onKeydown"], J = {
   key: 1,
   class: "block truncate text-sm font-medium leading-normal"
-}, H = { class: "p-1 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors" }, J = {
-  class: /* @__PURE__ */ D(["flex items-center"])
-}, _ = /* @__PURE__ */ N({
+}, L = {
+  class: /* @__PURE__ */ T(["flex items-center"])
+}, te = /* @__PURE__ */ N({
   __name: "Sheet",
   props: {
     sheet: {},
@@ -31,20 +32,25 @@ const U = {
     inactiveItemClass: { default: "" }
   },
   emits: ["select", "update:title", "update:icon", "edit-start", "edit-end", "duplicate", "delete"],
-  setup(o, { emit: E }) {
-    const e = o, n = E, f = g(null), r = g(e.sheet.title), T = v(() => e.sheet.titleI18n ? s(e.sheet.titleI18n) : e.sheet.title), k = () => {
-      r.value = e.sheet.title, n("edit-start", e.sheet.id), z(() => {
+  setup(i, { emit: B }) {
+    const e = i, o = B, f = g(null), a = g(e.sheet.title), E = p(
+      () => e.sheet.titleI18n ? s(e.sheet.titleI18n) : e.sheet.title
+    ), x = () => {
+      a.value = e.sheet.title, o("edit-start", e.sheet.id), O(() => {
         f.value?.focus(), f.value?.select();
       });
-    }, b = () => {
-      if (!e.isEditing) return;
-      const t = r.value.trim();
-      t ? n("update:title", e.sheet.id, t) : r.value = e.sheet.title, n("edit-end", e.sheet.id);
-    }, B = () => {
-      r.value = e.sheet.title, n("edit-end", e.sheet.id);
-    }, I = (t) => {
-      t.key === "Enter" && b(), t.key === "Escape" && B();
-    }, $ = v(() => [
+    };
+    let v = !1;
+    const b = () => {
+      if (!e.isEditing || v) return;
+      v = !0;
+      const l = a.value.trim();
+      l ? o("update:title", e.sheet.id, l) : a.value = e.sheet.title, o("edit-end", e.sheet.id), setTimeout(() => {
+        v = !1;
+      }, 100);
+    }, I = () => {
+      a.value = e.sheet.title, o("edit-end", e.sheet.id);
+    }, $ = p(() => [
       {
         label: s("vlite.workbook.rename") !== "vlite.workbook.rename" ? s("vlite.workbook.rename") : "Rename",
         value: "rename",
@@ -68,101 +74,101 @@ const U = {
           cancelText: e.confirmDeleteTexts?.cancel,
           variant: "danger",
           onConfirm: () => {
-            e.canDelete && n("delete", e.sheet.id);
+            e.canDelete && o("delete", e.sheet.id);
           }
         } : void 0
       }
-    ]), S = (t) => {
-      if (t.value === "rename" && k(), t.value === "duplicate" && n("duplicate", e.sheet.id), t.value === "delete") {
-        if (!e.canDelete || e.confirmDelete) return;
-        n("delete", e.sheet.id);
+    ]), S = (l) => {
+      if (l.value === "rename" && x(), l.value === "duplicate" && o("duplicate", e.sheet.id), l.value === "delete") {
+        if (!e.canDelete) return;
+        o("delete", e.sheet.id);
       }
-    }, x = (t) => {
-      t && t.value && t.value !== "delete" || e.canDelete && n("delete", e.sheet.id);
-    }, V = v(() => [
+    }, V = p(() => [
       "group relative flex items-center min-w-[120px] max-w-[240px] h-9 px-3 border-r border-border select-none cursor-pointer transition-all duration-200 ease-out",
       e.itemClass,
       e.isActive ? `bg-muted text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
       e.isEditing ? "cursor-text" : ""
     ].filter(Boolean).join(" "));
-    return (t, i) => (a(), d("div", {
-      class: D(V.value),
-      onClick: i[5] || (i[5] = (l) => n("select", o.sheet.id)),
-      onDblclick: k
+    return (l, t) => (r(), u("div", {
+      class: T(V.value),
+      onClick: t[5] || (t[5] = (n) => o("select", i.sheet.id)),
+      onDblclick: x
     }, [
       c("div", {
-        onClick: i[1] || (i[1] = p(() => {
+        onClick: t[1] || (t[1] = d(() => {
         }, ["stop"])),
         class: "mr-2 flex items-center shrink-0"
       }, [
-        (o.sheet.icon || o.isEditing) && o.allowIconChange ? (a(), y(K, {
+        (i.sheet.icon || i.isEditing) && i.allowIconChange ? (r(), y(U, {
           key: 0,
-          value: o.sheet.icon || "lucide:file",
+          value: i.sheet.icon || "lucide:file",
           position: "bottom-start",
-          onOnSelect: i[0] || (i[0] = (l) => n("update:icon", o.sheet.id, l))
+          onOnSelect: t[0] || (t[0] = (n) => o("update:icon", i.sheet.id, n))
         }, {
           default: h(() => [
-            c("button", U, [
-              u(m, {
-                icon: o.sheet.icon || "lucide:file",
+            c("button", q, [
+              m(k, {
+                icon: i.sheet.icon || "lucide:file",
                 class: "w-4 h-4 opacity-70 hover:opacity-100 transition-opacity"
               }, null, 8, ["icon"])
             ])
           ]),
           _: 1
-        }, 8, ["value"])) : o.sheet.icon ? (a(), d("div", q, [
-          u(m, {
-            icon: o.sheet.icon,
+        }, 8, ["value"])) : i.sheet.icon ? (r(), u("div", F, [
+          m(k, {
+            icon: i.sheet.icon,
             class: "w-4 h-4 opacity-70"
           }, null, 8, ["icon"])
         ])) : w("", !0)
       ]),
-      c("div", F, [
-        o.isEditing ? O((a(), d("input", {
+      c("div", G, [
+        i.isEditing ? j((r(), u("input", {
           key: 0,
           ref_key: "inputRef",
           ref: f,
-          "onUpdate:modelValue": i[2] || (i[2] = (l) => r.value = l),
+          "onUpdate:modelValue": t[2] || (t[2] = (n) => a.value = n),
           type: "text",
           class: "w-full bg-transparent border-none outline-none p-0 text-sm font-medium text-foreground placeholder-muted-foreground focus:ring-0",
           onBlur: b,
-          onKeydown: I,
-          onClick: i[3] || (i[3] = p(() => {
+          onKeydown: [
+            C(d(b, ["prevent"]), ["enter"]),
+            C(d(I, ["prevent"]), ["esc"])
+          ],
+          onClick: t[3] || (t[3] = d(() => {
           }, ["stop"]))
-        }, null, 544)), [
-          [j, r.value]
-        ]) : (a(), d("span", G, C(T.value), 1))
+        }, null, 40, H)), [
+          [z, a.value]
+        ]) : (r(), u("span", J, D(E.value), 1))
       ]),
       c("div", {
-        class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 flex items-center bg-inherit",
-        onClick: i[4] || (i[4] = p(() => {
+        class: "opacity-0 group-hover:opacity-100 transition-opacity ml-auto pl-1 -mr-2 flex items-center",
+        onClick: t[4] || (t[4] = d(() => {
         }, ["stop"]))
       }, [
-        u(M(A), {
+        m(K(R), {
           options: $.value,
           position: "bottom-end",
           width: "140px",
           teleport: !0,
-          onOnSelect: S,
-          onOnConfirm: x,
-          onConfirm: x
+          onOnSelect: S
         }, {
           trigger: h(() => [
-            c("button", H, [
-              u(m, {
-                icon: "lucide:more-vertical",
-                class: "w-3.5 h-3.5"
-              })
-            ])
+            m(A, {
+              icon: "lucide:more-vertical",
+              asIcon: "",
+              size: "xs",
+              rounded: "full",
+              variant: "ghost"
+            })
           ]),
-          item: h(({ option: l }) => [
-            c("div", J, [
-              l?.icon ? (a(), y(m, {
+          item: h(({ option: n }) => [
+            c("div", L, [
+              n?.icon ? (r(), y(k, {
                 key: 0,
-                icon: l?.icon,
+                icon: n?.icon,
                 class: "w-3.5 h-3.5 mr-2 opacity-70"
               }, null, 8, ["icon"])) : w("", !0),
-              R(" " + C(l?.label), 1)
+              M(" " + D(n?.label), 1)
             ])
           ]),
           _: 1
@@ -172,5 +178,5 @@ const U = {
   }
 });
 export {
-  _ as default
+  te as default
 };