vlite3 0.7.4 → 0.7.7

package/components/Navbar/NavbarTabs.vue.js

@@ -1,13 +1,14 @@
-import { defineComponent as N, ref as f, onMounted as T, nextTick as y, onUnmounted as W, watch as I, 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 j, renderList as A, createBlock as w, unref as _, withModifiers as D, toDisplayString as F } from "vue";
+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";
-const U = {
+import { $t as U } from "../../utils/i18n.js";
+const q = {
   key: 0,
   class: "absolute left-0 top-0 bottom-0 z-10 flex items-center pointer-events-none"
-}, q = { class: "truncate" }, G = {
+}, G = { class: "truncate" }, J = {
   key: 0,
   class: "absolute right-0 top-0 bottom-0 z-10 flex items-center justify-end pointer-events-none"
-}, Q = /* @__PURE__ */ N({
+}, Y = /* @__PURE__ */ T({
   __name: "NavbarTabs",
   props: {
     items: {},
@@ -18,32 +19,32 @@ const U = {
     class: { default: "" }
   },
   setup(a) {
-    const n = a, i = f(null), C = f(!1), R = f(!1), u = () => {
+    const n = a, i = f(null), C = f(!1), I = f(!1), u = () => {
       const o = i.value;
-      o && (C.value = o.scrollLeft > 2, R.value = o.scrollLeft + o.clientWidth < o.scrollWidth - 2);
-    }, z = (o) => {
+      o && (C.value = o.scrollLeft > 2, I.value = o.scrollLeft + o.clientWidth < o.scrollWidth - 2);
+    }, R = (o) => {
       const t = i.value;
       if (!t) return;
       const e = t.clientWidth * 0.6;
       t.scrollBy({ left: o === "right" ? e : -e, behavior: "smooth" });
     };
-    T(() => {
+    W(() => {
       y(() => {
         u(), i.value?.addEventListener("scroll", u, { passive: !0 });
       });
-    }), W(() => {
+    }), j(() => {
       i.value?.removeEventListener("scroll", u);
     });
     const h = H();
-    I(
+    z(
       () => h.path,
       () => y(u)
     );
-    const m = f(/* @__PURE__ */ new Map()), S = (o, t) => {
+    const m = f(/* @__PURE__ */ new Map()), $ = (o, t) => {
       const e = o?.$el ?? o;
       e instanceof HTMLElement ? m.value.set(t, e) : m.value.delete(t);
     };
-    I(
+    z(
       () => h.path,
       (o) => {
         y(() => {
@@ -59,16 +60,16 @@ const U = {
       pill: "flex gap-1 p-1 bg-secondary/80 rounded-lg",
       solid: "flex gap-0",
       ghost: "flex gap-1"
-    }, $ = {
+    }, E = {
       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"
-    }, E = {
+    }, V = {
       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"
-    }, V = {
+    }, M = {
       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",
@@ -86,23 +87,23 @@ const U = {
         return r === "/" || r === "?" || r === "#" || r === void 0;
       }
       return !1;
-    }, M = (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 || E[n.variant] : n.inactiveClass || V[n.variant];
-      return [t, $[n.size], d, e].filter(Boolean).join(" ");
+    }, 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(" ");
     };
     return (o, t) => (s(), b("div", {
       class: c(["relative flex items-center w-full min-w-0 border-b", n.class])
     }, [
       v(L, { name: "fade-x" }, {
         default: k(() => [
-          C.value ? (s(), b("div", U, [
+          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)),
             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",
               "aria-label": "Scroll tabs left",
               tabindex: "-1",
-              onClick: t[0] || (t[0] = (e) => z("left"))
+              onClick: t[0] || (t[0] = (e) => R("left"))
             }, [
               v(p, {
                 icon: "lucide:chevron-left",
@@ -123,16 +124,16 @@ const U = {
         ]),
         "aria-label": "Page tabs"
       }, [
-        (s(!0), b(j, null, A(a.items, (e, r) => (s(), w(_(P), {
+        (s(!0), b(A, null, _(a.items, (e, r) => (s(), w(S(P), {
           key: r,
           ref_for: !0,
-          ref: (d) => S(d, r),
+          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(M(e)),
+          class: c(N(e)),
           onClick: D((d) => !e.disabled && e.to && o.$router.push(e.to), ["prevent"])
         }, {
           default: k(() => [
@@ -141,7 +142,7 @@ const U = {
               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", q, F(e.label), 1),
+            l("span", G, F(e.labelI18n ? S(U)(e.labelI18n) : e.label), 1),
             e.iconRight ? (s(), w(p, {
               key: 1,
               icon: e.iconRight,
@@ -153,14 +154,14 @@ const U = {
       ], 2),
       v(L, { name: "fade-x" }, {
         default: k(() => [
-          R.value ? (s(), b("div", G, [
+          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)),
             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) => z("right"))
+              onClick: t[1] || (t[1] = (e) => R("right"))
             }, [
               v(p, {
                 icon: "lucide:chevron-right",
@@ -175,5 +176,5 @@ const U = {
   }
 });
 export {
-  Q as default
+  Y as default
 };