vlite3 1.3.10 → 1.4.1

package/components/Screen/ScreenFilter.vue.js

@@ -18,12 +18,16 @@ import "@vueuse/core";
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */
-/* empty css                      */
+/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
+/* empty css                                    */
+/* empty css                      */
 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" }
-}, re = /* @__PURE__ */ B({
+}, ae = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -32,12 +36,12 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   },
   emits: ["update:modelValue", "change"],
   setup(i, { emit: $ }) {
-    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
+    const m = i, c = $, s = M(!1), p = d(() => m.modelValue ? Object.keys(m.modelValue).filter(
+      (e) => m.modelValue[e] !== "" && m.modelValue[e] !== null && m.modelValue[e] !== void 0
     ).length : 0), x = (e) => {
-      m("update:modelValue", e.values), m("change", e.values), s.value = !1;
+      c("update:modelValue", e.values), c("change", e.values), s.value = !1;
     }, k = () => {
-      m("update:modelValue", {}), m("change", {});
+      c("update:modelValue", {}), c("change", {});
     }, g = d(() => {
       const e = y("vlite.screen.filters");
       return e !== "vlite.screen.filters" ? e : "Filters";
@@ -52,7 +56,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
       key: 0,
       title: g.value,
       show: s.value,
-      "onUpdate:show": t[3] || (t[3] = (c) => s.value = c),
+      "onUpdate:show": t[3] || (t[3] = (u) => s.value = u),
       "max-width": "sm:max-w-md"
     }, {
       trigger: o(() => [
@@ -60,7 +64,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
           key: 0,
           variant: "secondary",
           class: "flex items-center gap-1.5 pl-3 pr-1.5 shrink-0",
-          onClick: t[0] || (t[0] = (c) => s.value = !0)
+          onClick: t[0] || (t[0] = (u) => s.value = !0)
         }, {
           default: o(() => [
             a(h, {
@@ -82,7 +86,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
         })) : (r(), n(f, {
           key: 1,
           variant: "outline",
-          onClick: t[2] || (t[2] = (c) => s.value = !0),
+          onClick: t[2] || (t[2] = (u) => s.value = !0),
           title: V.value,
           size: "lg",
           asIcon: "",
@@ -124,7 +128,7 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
     }, 8, ["title", "show"])) : (r(), n(w(z), {
       key: 1,
       isOpen: s.value,
-      "onUpdate:isOpen": t[4] || (t[4] = (c) => s.value = c),
+      "onUpdate:isOpen": t[4] || (t[4] = (u) => s.value = u),
       "close-on-select": !1,
       position: "bottom-end",
       maxHeight: "430px",
@@ -186,5 +190,5 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  re as default
+  ae as default
 };

package/components/SidebarMenu/SidebarMenu.vue.d.ts

@@ -3,10 +3,10 @@ declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {},
     variant: "default" | "ghost";
     compact: boolean;
     orientation: "vertical" | "horizontal";
-    iconSize: string;
     items: SidebarMenuItemSchema[];
-    mobileBreakpoint: "sm" | "md" | "lg" | "xl" | "none";
     allowMultiple: boolean;
+    iconSize: string;
+    mobileBreakpoint: "sm" | "md" | "lg" | "xl" | "none";
     menuOffset: [number, number];
     indentSize: number;
     defaultExpanded: string[];

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5194579a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b32d2e32"]]);
 export {
-  p as default
+  m as default
 };

package/components/Tabes/Tabes.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as Z, ref as d, watch as m, onMounted as _, computed as v, openBlock as g, createElementBlock as z, normalizeClass as l, withDirectives as x, createVNode as h, vShow as y, createElementVNode as f, normalizeStyle as ee, createCommentVNode as j, Fragment as te, renderList as re, createBlock as M, resolveDynamicComponent as ne, mergeProps as ae, withCtx as se, toDisplayString as oe, nextTick as le } from "vue";
+import { defineComponent as Y, ref as d, watch as m, onMounted as Z, computed as v, openBlock as g, createElementBlock as z, normalizeClass as l, withDirectives as h, createVNode as x, vShow as y, createElementVNode as f, normalizeStyle as ee, createCommentVNode as j, Fragment as te, renderList as re, createBlock as M, resolveDynamicComponent as ae, mergeProps as ne, withCtx as oe, toDisplayString as se, nextTick as le } from "vue";
 import { useResizeObserver as T } from "@vueuse/core";
 import R from "../Icon.vue.js";
 import A from "../FadeOverlay/FadeOverlay.vue.js";
 import { $t as ie } from "../../utils/i18n.js";
-const me = /* @__PURE__ */ Z({
+const ce = ["data-variant"], ge = /* @__PURE__ */ Y({
   __name: "Tabes",
   props: {
     options: {},
@@ -17,28 +17,28 @@ const me = /* @__PURE__ */ Z({
   },
   emits: ["update:modelValue", "change"],
   setup(c, { emit: E }) {
-    const t = c, $ = E, b = d(null), i = d(null), p = d(/* @__PURE__ */ new Map()), w = d(!1), C = d(!1), s = () => {
+    const t = c, $ = E, b = d(null), i = d(null), p = d(/* @__PURE__ */ new Map()), w = d(!1), C = d(!1), o = () => {
       if (!i.value) return;
-      const { scrollLeft: e, scrollWidth: n, clientWidth: r } = i.value;
-      w.value = e > 1, C.value = Math.ceil(e + r) < n - 1;
+      const { scrollLeft: e, scrollWidth: a, clientWidth: r } = i.value;
+      w.value = e > 1, C.value = Math.ceil(e + r) < a - 1;
     }, S = (e) => {
       i.value && i.value.scrollBy({ left: e, behavior: "smooth" });
     }, V = () => {
       if (!i.value || !b.value) return;
       const e = p.value.get(t.modelValue);
       if (!e) return;
-      const n = i.value, r = e.getBoundingClientRect(), a = n.getBoundingClientRect(), o = 40;
-      r.left < a.left + o ? n.scrollBy({
-        left: r.left - a.left - o,
+      const a = i.value, r = e.getBoundingClientRect(), n = a.getBoundingClientRect(), s = 40;
+      r.left < n.left + s ? a.scrollBy({
+        left: r.left - n.left - s,
         behavior: "smooth"
-      }) : r.right > a.right - o && n.scrollBy({
-        left: r.right - a.right + o,
+      }) : r.right > n.right - s && a.scrollBy({
+        left: r.right - n.right + s,
         behavior: "smooth"
       });
     };
-    T(i, s);
-    const O = (e, n) => {
-      e ? p.value.set(n, e) : p.value.delete(n);
+    T(i, o);
+    const O = (e, a) => {
+      e ? p.value.set(a, e) : p.value.delete(a);
     }, k = d({
       width: "0px",
       height: "0px",
@@ -46,23 +46,23 @@ const me = /* @__PURE__ */ Z({
       opacity: 0
     }), B = d(!1), u = async () => {
       await le();
-      const e = b.value, n = p.value.get(t.modelValue);
-      if (!e || !n) {
+      const e = b.value, a = p.value.get(t.modelValue);
+      if (!e || !a) {
         k.value.opacity = 0;
         return;
       }
-      const r = e.getBoundingClientRect(), a = n.getBoundingClientRect(), o = a.left - r.left, U = a.top - r.top, X = a.width, Y = a.height;
+      const r = e.getBoundingClientRect(), n = a.getBoundingClientRect(), s = n.left - r.left, Q = n.top - r.top, U = n.width, X = n.height;
       k.value = {
-        width: `${X}px`,
-        height: `${Y}px`,
-        transform: `translate(${o}px, ${U}px)`,
+        width: `${U}px`,
+        height: `${X}px`,
+        transform: `translate(${s}px, ${Q}px)`,
         opacity: 1
       }, B.value || setTimeout(() => {
         B.value = !0;
       }, 50);
     };
     T(b, () => {
-      u(), s();
+      u(), o();
     }), m(
       () => t.modelValue,
       async () => {
@@ -71,26 +71,26 @@ const me = /* @__PURE__ */ Z({
     ), m(
       () => t.options,
       async () => {
-        await u(), s();
+        await u(), o();
       },
       { deep: !0 }
     ), m(
       () => t.size,
       async () => {
-        await u(), s();
+        await u(), o();
       }
     ), m(
       () => t.block,
       async () => {
-        await u(), s();
+        await u(), o();
       }
     ), m(
       () => t.wrap,
       async () => {
-        await u(), s();
+        await u(), o();
       }
-    ), _(async () => {
-      await u(), s(), setTimeout(s, 100), setTimeout(V, 100);
+    ), Z(async () => {
+      await u(), o(), setTimeout(o, 100), setTimeout(V, 100);
     });
     const D = v(() => {
       const e = t.variant === "line";
@@ -101,7 +101,7 @@ const me = /* @__PURE__ */ Z({
     ]), N = (e) => {
       e.disabled || ($("update:modelValue", e.value), $("change", e.value));
     }, P = v(() => {
-      const e = t.variant === "line", n = {
+      const e = t.variant === "line", a = {
         surface: "bg-secondary/80 p-1",
         primary: "bg-secondary p-1",
         secondary: "bg-secondary p-1",
@@ -110,51 +110,51 @@ const me = /* @__PURE__ */ Z({
         outline: "bg-transparent border border-border p-1",
         line: "bg-transparent gap-6 rounded-none p-0 border-b border-border"
       }, r = t.wrap && !e ? "flex-wrap" : "";
-      return [`${t.block || e ? "flex min-w-full w-max" : "inline-flex"} rounded-lg relative isolate ${r}`, n[t.variant]];
+      return [`${t.block || e ? "flex min-w-full w-max" : "inline-flex"} rounded-lg relative isolate ${r}`, a[t.variant]];
     }), I = v(() => t.variant === "surface" || t.variant === "primary" || t.variant === "secondary" ? "var(--color-secondary)" : t.variant === "danger" ? "color-mix(in srgb, var(--color-danger) 10%, transparent)" : t.variant === "success" ? "color-mix(in srgb, var(--color-success) 10%, transparent)" : "var(--color-background)"), W = {
       sm: "text-xs px-2.5 py-1",
       md: "-text-fs-2 px-3 py-1",
       lg: "-text-fs-1 px-4 py-1"
-    }, F = v(() => {
-      const e = t.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-3 border-b-2 border-transparent hover:text-foreground shrink-0" : "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 shrink-0", r = (t.block || t.wrap) && !e ? "flex-1" : "";
-      return [n, r];
-    }), q = (e) => {
-      const n = e.value === t.modelValue, r = t.variant === "line";
-      let a = "";
-      if (n)
+    }, _ = v(() => {
+      const e = t.variant === "line", a = 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 pb-3 border-b-2 border-transparent hover:text-foreground shrink-0" : "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 shrink-0", r = (t.block || t.wrap) && !e ? "flex-1" : "";
+      return [a, r];
+    }), F = (e) => {
+      const a = e.value === t.modelValue, r = t.variant === "line";
+      let n = "";
+      if (a)
         if (r)
-          a = "text-primary";
+          n = "text-primary";
         else
           switch (t.variant) {
             case "surface":
-              a = "text-foreground";
+              n = "text-foreground";
               break;
             case "primary":
-              a = "text-primary-foreground";
+              n = "text-primary-foreground";
               break;
             case "secondary":
-              a = "text-secondary";
+              n = "text-secondary";
               break;
             case "danger":
-              a = "text-danger-fg";
+              n = "text-danger-fg";
               break;
             case "success":
-              a = "text-success-fg";
+              n = "text-success-fg";
               break;
             case "outline":
-              a = "text-accent-foreground";
+              n = "text-accent-foreground";
               break;
             default:
-              a = "text-foreground";
+              n = "text-foreground";
           }
       else
-        a = r ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
-      const o = e.disabled ? "opacity-50 cursor-not-allowed" : "";
-      return [F.value, a, t?.tabClass, o].join(" ");
-    }, G = v(() => {
-      const n = `absolute left-0 top-0 z-0 pointer-events-none ${B.value ? "transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)]" : ""}`;
-      return t.variant === "line" ? `${n} !h-[2px] !top-auto bottom-0` : `${n} rounded-md shadow-sm`;
-    }), H = () => ({
+        n = r ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
+      const s = e.disabled ? "opacity-50 cursor-not-allowed" : "";
+      return [_.value, n, t?.tabClass, s].join(" ");
+    }, q = v(() => {
+      const a = `absolute left-0 top-0 z-0 pointer-events-none ${B.value ? "transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)]" : ""}`;
+      return t.variant === "line" ? `${a} !h-[2px] !top-auto bottom-0` : `${a} rounded-md shadow-sm`;
+    }), G = () => ({
       surface: "bg-[#ffff] dark:bg-[#0B0B0B]",
       primary: "bg-primary",
       secondary: "bg-secondary-foreground",
@@ -162,11 +162,11 @@ const me = /* @__PURE__ */ Z({
       success: "bg-success",
       outline: "bg-accent/50 ring-1 ring-border",
       line: "bg-primary"
-    })[t.variant], J = (e) => e.labelI18n ? ie(e.labelI18n) : e.label, K = (e) => e.to ? "router-link" : e.href ? "a" : "button", Q = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
-    return (e, n) => (g(), z("div", {
+    })[t.variant], H = (e) => e.labelI18n ? ie(e.labelI18n) : e.label, J = (e) => e.to ? "router-link" : e.href ? "a" : "button", K = (e) => e.to ? { to: e.to } : e.href ? { href: e.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" };
+    return (e, a) => (g(), z("div", {
       class: l([D.value, "group"])
     }, [
-      x(h(A, {
+      h(x(A, {
         direction: "left",
         color: I.value,
         coverage: "100px",
@@ -177,15 +177,15 @@ const me = /* @__PURE__ */ Z({
       }, null, 8, ["color", "class"]), [
         [y, w.value]
       ]),
-      x(f("div", {
+      h(f("div", {
         class: l(["left-0 pl-1", L.value])
       }, [
         f("button", {
-          onClick: n[0] || (n[0] = (r) => S(-200)),
+          onClick: a[0] || (a[0] = (r) => S(-200)),
           class: "pointer-events-auto h-full px-1 flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors focus:outline-none",
           "aria-label": "Scroll left"
         }, [
-          h(R, {
+          x(R, {
             icon: "lucide:chevron-left",
             class: "w-5 h-5"
           })
@@ -197,32 +197,34 @@ const me = /* @__PURE__ */ Z({
         ref_key: "scrollRef",
         ref: i,
         class: "flex-1 min-w-0 max-w-full overflow-x-auto scrollbar-hide scroll-smooth",
-        onScroll: s
+        onScroll: o
       }, [
         f("div", {
           ref_key: "containerRef",
           ref: b,
           class: l([P.value, "tabes-container"]),
           role: "tablist",
+          "data-variant": t.variant,
           "data-tabes": ""
         }, [
           c.modelValue !== void 0 && !c.wrap ? (g(), z("div", {
             key: 0,
-            class: l([G.value, H()]),
+            class: l([q.value, G()]),
             style: ee(k.value)
           }, null, 6)) : j("", !0),
-          (g(!0), z(te, null, re(c.options, (r) => (g(), M(ne(K(r)), ae({
+          (g(!0), z(te, null, re(c.options, (r) => (g(), M(ae(J(r)), ne({
             key: r.value,
             ref_for: !0,
-            ref: (a) => O(a?.$el || a, r.value),
+            ref: (n) => O(n?.$el || n, r.value),
             role: "tab",
+            "data-tabes-item": "",
             "aria-selected": c.modelValue === r.value,
             disabled: r.disabled,
-            class: [q(r), W[t.size]]
-          }, { ref_for: !0 }, Q(r), {
-            onClick: (a) => N(r)
+            class: [F(r), W[t.size]]
+          }, { ref_for: !0 }, K(r), {
+            onClick: (n) => N(r)
           }), {
-            default: se(() => [
+            default: oe(() => [
               r.icon ? (g(), M(R, {
                 key: 0,
                 icon: r.icon,
@@ -230,13 +232,13 @@ const me = /* @__PURE__ */ Z({
               }, null, 8, ["icon", "class"])) : j("", !0),
               f("span", {
                 class: l(["whitespace-nowrap z-20 relative", c.textClass])
-              }, oe(J(r)), 3)
+              }, se(H(r)), 3)
             ]),
             _: 2
           }, 1040, ["aria-selected", "disabled", "class", "onClick"]))), 128))
-        ], 2)
+        ], 10, ce)
       ], 544),
-      x(h(A, {
+      h(x(A, {
         direction: "right",
         color: I.value,
         coverage: "100px",
@@ -247,15 +249,15 @@ const me = /* @__PURE__ */ Z({
       }, null, 8, ["color", "class"]), [
         [y, C.value]
       ]),
-      x(f("div", {
+      h(f("div", {
         class: l(["right-0 pr-1", L.value])
       }, [
         f("button", {
-          onClick: n[1] || (n[1] = (r) => S(200)),
+          onClick: a[1] || (a[1] = (r) => S(200)),
           class: "pointer-events-auto h-full px-1 flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors focus:outline-none",
           "aria-label": "Scroll right"
         }, [
-          h(R, {
+          x(R, {
             icon: "lucide:chevron-right",
             class: "w-5 h-5"
           })
@@ -267,5 +269,5 @@ const me = /* @__PURE__ */ Z({
   }
 });
 export {
-  me as default
+  ge as default
 };

package/components/Workbook/Sheet.vue.d.ts

@@ -34,8 +34,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onDuplicate?: (id: string) => any;
 }>, {
     itemClass: string;
-    confirmDelete: boolean;
     isEditing: boolean;
+    confirmDelete: boolean;
     canDelete: boolean;
     allowIconChange: boolean;
     activeItemClass: string;