vlite3 1.0.4 → 1.0.6

package/components/Navbar/NavbarTabs.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as T, ref as f, onMounted as W, nextTick as y, onUnmounted as j, watch as z, openBlock as s, createElementBlock as b, normalizeClass as c, createVNode as v, Transition as L, withCtx as k, createElementVNode as l, createCommentVNode as g, Fragment as A, renderList as _, createBlock as w, unref as S, withModifiers as D, toDisplayString as F } from "vue";
-import { useRoute as H, RouterLink as P } from "vue-router";
-import p from "../Icon.vue.js";
-import { $t as U } from "../../utils/i18n.js";
-const q = {
+import { defineComponent as A, ref as b, onMounted as D, nextTick as y, onUnmounted as F, watch as B, openBlock as s, createElementBlock as v, normalizeClass as c, createVNode as g, Transition as E, withCtx as k, createElementVNode as l, createCommentVNode as p, Fragment as H, renderList as P, isMemoSame as U, createBlock as w, unref as M, withModifiers as q, toDisplayString as G } from "vue";
+import { useRoute as J, RouterLink as K } from "vue-router";
+import m from "../Icon.vue.js";
+import { $t as O } from "../../utils/i18n.js";
+const Q = {
   key: 0,
   class: "absolute left-0 top-0 bottom-0 z-10 flex items-center pointer-events-none"
-}, G = { class: "truncate" }, J = {
+}, X = { class: "truncate" }, Y = {
   key: 0,
   class: "absolute right-0 top-0 bottom-0 z-10 flex items-center justify-end pointer-events-none"
-}, Y = /* @__PURE__ */ T({
+}, re = /* @__PURE__ */ A({
   __name: "NavbarTabs",
   props: {
     items: {},
@@ -19,7 +19,7 @@ const q = {
     class: { default: "" }
   },
   setup(a) {
-    const n = a, i = f(null), C = f(!1), I = f(!1), u = () => {
+    const n = a, i = b(null), C = b(!1), I = b(!1), u = () => {
       const o = i.value;
       o && (C.value = o.scrollLeft > 2, I.value = o.scrollLeft + o.clientWidth < o.scrollWidth - 2);
     }, R = (o) => {
@@ -28,53 +28,53 @@ const q = {
       const e = t.clientWidth * 0.6;
       t.scrollBy({ left: o === "right" ? e : -e, behavior: "smooth" });
     };
-    W(() => {
+    D(() => {
       y(() => {
         u(), i.value?.addEventListener("scroll", u, { passive: !0 });
       });
-    }), j(() => {
+    }), F(() => {
       i.value?.removeEventListener("scroll", u);
     });
-    const h = H();
-    z(
+    const h = J();
+    B(
       () => h.path,
       () => y(u)
     );
-    const m = f(/* @__PURE__ */ new Map()), $ = (o, t) => {
+    const x = b(/* @__PURE__ */ new Map()), V = (o, t) => {
       const e = o?.$el ?? o;
-      e instanceof HTMLElement ? m.value.set(t, e) : m.value.delete(t);
+      e instanceof HTMLElement ? x.value.set(t, e) : x.value.delete(t);
     };
-    z(
+    B(
       () => h.path,
       (o) => {
         y(() => {
-          const t = n.items.findIndex((r) => x(r));
+          const t = n.items.findIndex((r) => d(r));
           if (t === -1) return;
-          m.value.get(t)?.scrollIntoView({ block: "nearest", inline: "center", behavior: "smooth" });
+          x.value.get(t)?.scrollIntoView({ block: "nearest", inline: "center", behavior: "smooth" });
         });
       },
       { immediate: !0 }
     );
-    const B = {
+    const N = {
       line: "flex border-b border-border gap-0",
       pill: "flex gap-1 p-1 bg-secondary/80 rounded-lg",
       solid: "flex gap-0",
       ghost: "flex gap-1"
-    }, E = {
+    }, T = {
       sm: "px-2.5 py-1.5 text-xs",
       md: "px-3.5 py-2 text-sm",
       lg: "px-5 py-2.5 text-base"
-    }, V = {
+    }, W = {
       line: "text-primary border-b-2 border-primary -mb-px",
       pill: "bg-background text-foreground shadow-sm",
       solid: "bg-primary-light text-primary-dark",
       ghost: "bg-accent text-accent-foreground"
-    }, M = {
+    }, j = {
       line: "text-muted-foreground border-b-2 border-transparent hover:text-foreground hover:border-border",
       pill: "text-muted-foreground hover:text-foreground hover:bg-accent/50",
       solid: "text-muted-foreground hover:text-foreground hover:bg-accent/50",
       ghost: "text-muted-foreground hover:text-foreground hover:bg-accent/50"
-    }, x = (o) => {
+    }, d = (o) => {
       const t = h.path;
       if (!o.to) return !1;
       const e = typeof o.to == "string" ? o.to : o.to.path;
@@ -87,17 +87,17 @@ const q = {
         return r === "/" || r === "?" || r === "#" || r === void 0;
       }
       return !1;
-    }, N = (o) => {
-      const t = "group relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap shrink-0 select-none cursor-pointer outline-none   focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1", e = o.disabled ? "opacity-50 pointer-events-none cursor-not-allowed" : "", d = x(o) ? n.activeClass || V[n.variant] : n.inactiveClass || M[n.variant];
-      return [t, E[n.size], d, e].filter(Boolean).join(" ");
+    }, _ = (o) => {
+      const t = "group relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap shrink-0 select-none cursor-pointer outline-none   focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1", e = o.disabled ? "opacity-50 pointer-events-none cursor-not-allowed" : "", z = d(o) ? n.activeClass || W[n.variant] : n.inactiveClass || j[n.variant];
+      return [t, T[n.size], z, e].filter(Boolean).join(" ");
     };
-    return (o, t) => (s(), b("div", {
+    return (o, t) => (s(), v("div", {
       class: c(["relative flex items-center w-full min-w-0 border-b", n.class])
     }, [
-      v(L, { name: "fade-x" }, {
+      g(E, { name: "fade-x" }, {
         default: k(() => [
-          C.value ? (s(), b("div", q, [
-            t[2] || (t[2] = l("div", { class: "w-8 h-full bg-gradient-to-r from-background to-transparent" }, null, -1)),
+          C.value ? (s(), v("div", Q, [
+            t[4] || (t[4] = l("div", { class: "w-8 h-full bg-gradient-to-r from-background to-transparent" }, null, -1)),
             l("button", {
               type: "button",
               class: "pointer-events-auto absolute left-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
@@ -105,12 +105,12 @@ const q = {
               tabindex: "-1",
               onClick: t[0] || (t[0] = (e) => R("left"))
             }, [
-              v(p, {
+              g(m, {
                 icon: "lucide:chevron-left",
                 class: "w-4 h-4"
               })
             ])
-          ])) : g("", !0)
+          ])) : p("", !0)
         ]),
         _: 1
       }),
@@ -120,55 +120,61 @@ const q = {
         role: "tablist",
         class: c([
           "flex-1 overflow-x-auto scroll-smooth navbar-tabs-no-scrollbar",
-          B[a.variant]
+          N[a.variant]
         ]),
+        style: { "will-change": "transform", contain: "layout style" },
         "aria-label": "Page tabs"
       }, [
-        (s(!0), b(A, null, _(a.items, (e, r) => (s(), w(S(P), {
-          key: r,
-          ref_for: !0,
-          ref: (d) => $(d, r),
-          to: e.to || "",
-          role: "tab",
-          "aria-selected": x(e),
-          "aria-disabled": e.disabled || void 0,
-          tabindex: e.disabled ? -1 : 0,
-          class: c(N(e)),
-          onClick: D((d) => !e.disabled && e.to && o.$router.push(e.to), ["prevent"])
-        }, {
-          default: k(() => [
-            e.icon ? (s(), w(p, {
-              key: 0,
-              icon: e.icon,
-              class: c(["shrink-0", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
-            }, null, 8, ["icon", "class"])) : g("", !0),
-            l("span", G, F(e.labelI18n ? S(U)(e.labelI18n) : e.label), 1),
-            e.iconRight ? (s(), w(p, {
-              key: 1,
-              icon: e.iconRight,
-              class: c(["shrink-0 opacity-70", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
-            }, null, 8, ["icon", "class"])) : g("", !0)
-          ]),
-          _: 2
-        }, 1032, ["to", "aria-selected", "aria-disabled", "tabindex", "class", "onClick"]))), 128))
+        (s(!0), v(H, null, P(a.items, (e, r, z, f) => {
+          const L = [e, d(e), e.disabled];
+          if (f && f.key === r && U(f, L)) return f;
+          const S = (s(), w(M(K), {
+            key: r,
+            ref_for: !0,
+            ref: ($) => V($, r),
+            to: e.to || "",
+            role: "tab",
+            "aria-selected": d(e),
+            "aria-disabled": e.disabled || void 0,
+            tabindex: e.disabled ? -1 : 0,
+            class: c(_(e)),
+            onClick: q(($) => !e.disabled && e.to && o.$router.push(e.to), ["prevent"])
+          }, {
+            default: k(() => [
+              e.icon ? (s(), w(m, {
+                key: 0,
+                icon: e.icon,
+                class: c(["shrink-0", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
+              }, null, 8, ["icon", "class"])) : p("", !0),
+              l("span", X, G(e.labelI18n ? M(O)(e.labelI18n) : e.label), 1),
+              e.iconRight ? (s(), w(m, {
+                key: 1,
+                icon: e.iconRight,
+                class: c(["shrink-0 opacity-70", a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
+              }, null, 8, ["icon", "class"])) : p("", !0)
+            ]),
+            _: 2
+          }, 1032, ["to", "aria-selected", "aria-disabled", "tabindex", "class", "onClick"]));
+          return S.memo = L, S;
+        }, t, 1), 128))
       ], 2),
-      v(L, { name: "fade-x" }, {
+      g(E, { name: "fade-x" }, {
         default: k(() => [
-          I.value ? (s(), b("div", J, [
-            t[3] || (t[3] = l("div", { class: "w-8 h-full bg-gradient-to-l from-background to-transparent" }, null, -1)),
+          I.value ? (s(), v("div", Y, [
+            t[5] || (t[5] = l("div", { class: "w-8 h-full bg-gradient-to-l from-background to-transparent" }, null, -1)),
             l("button", {
               type: "button",
               class: "pointer-events-auto absolute right-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
               "aria-label": "Scroll tabs right",
               tabindex: "-1",
-              onClick: t[1] || (t[1] = (e) => R("right"))
+              onClick: t[3] || (t[3] = (e) => R("right"))
             }, [
-              v(p, {
+              g(m, {
                 icon: "lucide:chevron-right",
                 class: "w-4 h-4"
               })
             ])
-          ])) : g("", !0)
+          ])) : p("", !0)
         ]),
         _: 1
       })
@@ -176,5 +182,5 @@ const q = {
   }
 });
 export {
-  Y as default
+  re as default
 };

package/components/NavbarCommandPalette.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as x, ref as m, shallowRef as k, onMounted as C, onUnmounted as P, watch as I, computed as y, openBlock as M, createElementBlock as E, Fragment as K, createElementVNode as a, normalizeClass as D, createVNode as c, toDisplayString as p, unref as O, mergeProps as B, createCommentVNode as G } from "vue";
+import { defineComponent as x, ref as m, shallowRef as k, onMounted as C, onUnmounted as P, watch as I, computed as y, openBlock as M, createElementBlock as E, Fragment as K, createElementVNode as a, normalizeClass as D, createVNode as c, toDisplayString as p, unref as O, mergeProps as R, createCommentVNode as B, markRaw as G } from "vue";
 import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
-import { $t as R } from "../utils/i18n.js";
-/* empty css                                      */
-const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, q = /* @__PURE__ */ x({
+import { $t as U } from "../utils/i18n.js";
+/* empty css                                       */
+const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {
     items: { default: () => [] },
@@ -22,7 +22,7 @@ const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline
     }, u = () => {
       n.value = !1;
     }, h = (e, l) => {
-      u(), f.value = e, d.value = l || {}, s.value = !0;
+      u(), f.value = e ? G(e) : null, d.value = l || {}, s.value = !0;
     }, r = (e) => {
       t.enabled && (e.metaKey || e.ctrlKey) && e.key === t.shortcutKey && (e.preventDefault(), n.value ? u() : b());
     };
@@ -38,7 +38,7 @@ const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline
     );
     const w = y(() => {
       if (t.placeholderI18n) {
-        const e = R(t.placeholderI18n);
+        const e = U(t.placeholderI18n);
         if (e !== t.placeholderI18n) return e;
       }
       return t.placeholder;
@@ -56,8 +56,8 @@ const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline
           icon: "lucide:search",
           class: "w-3.5 h-3.5 shrink-0"
         }),
-        a("span", U, p(w.value.split(",")[0]) + "...", 1),
-        a("kbd", V, [
+        a("span", V, p(w.value.split(",")[0]) + "...", 1),
+        a("kbd", S, [
           a("span", null, p(g.value ? "⌘" : "Ctrl"), 1),
           a("span", null, p(o.shortcutKey.toUpperCase()), 1)
         ])
@@ -77,15 +77,15 @@ const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline
           onOpenDynamicModal: h
         }
       }, null, 8, ["show", "body", "bodyProps"]),
-      c(v, B(d.value, {
+      c(v, R(d.value, {
         show: s.value,
         "onUpdate:show": l[1] || (l[1] = (i) => s.value = i),
         body: f.value,
         bodyProps: d.value
       }), null, 16, ["show", "body", "bodyProps"])
-    ], 64)) : G("", !0);
+    ], 64)) : B("", !0);
   }
 });
 export {
-  q as default
+  A as default
 };

package/components/NumberInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./NumberInput.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9a771336"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-394f3d8f"]]);
 export {
-  a as default
+  p as default
 };