vlite3 1.4.40 → 1.5.0

package/components/Slider.vue.js

@@ -1,16 +1,17 @@
-import { defineComponent as F, ref as V, watch as H, computed as r, openBlock as u, createElementBlock as d, normalizeClass as s, createBlock as I, createCommentVNode as c, toDisplayString as y, createElementVNode as h, normalizeStyle as k, withDirectives as U, vModelText as W } from "vue";
-import P from "./Icon.vue.js";
-import { $t as q } from "../utils/i18n.js";
-const A = {
+import { defineComponent as A, ref as $, watch as G, computed as l, openBlock as u, createElementBlock as v, normalizeClass as s, createBlock as O, createCommentVNode as c, toDisplayString as k, createElementVNode as g, normalizeStyle as V, withDirectives as J, vModelText as K } from "vue";
+import j from "./Icon.vue.js";
+import { $t as Q } from "../utils/i18n.js";
+import { useRtl as X } from "../composables/useRtl.js";
+const Y = {
   key: 0,
   class: "flex justify-between items-end w-full"
-}, G = {
+}, _ = {
   key: 1,
   class: "whitespace-nowrap cursor-pointer"
-}, J = {
+}, ee = {
   key: 1,
   class: "whitespace-nowrap cursor-pointer"
-}, K = ["min", "max", "step", "disabled", "orient"], Z = /* @__PURE__ */ F({
+}, te = ["dir"], ae = ["min", "max", "step", "disabled", "dir", "orient"], ie = /* @__PURE__ */ A({
   __name: "Slider",
   props: {
     min: { default: 0 },
@@ -31,15 +32,19 @@ const A = {
     thumbVariant: { default: "default" }
   },
   emits: ["update:modelValue", "change", "iconClick"],
-  setup(l, { emit: O }) {
-    const e = l, v = O, i = V(!1), x = V(!1), o = V(e.modelValue);
-    H(
+  setup(n, { emit: E }) {
+    const e = n, m = E, H = X(), i = $(!1), w = $(!1), o = $(e.modelValue);
+    G(
       () => e.modelValue,
       (t) => {
         o.value = t;
       }
     );
-    const w = r(() => e.centerOrigin !== void 0 ? e.centerOrigin : e.min < 0 && e.max > 0), C = r(() => e.max - e.min), f = r(() => (o.value - e.min) / C.value * 100), g = r(() => (0 - e.min) / C.value * 100), z = r(() => {
+    const x = l(() => e.centerOrigin !== void 0 ? e.centerOrigin : e.min < 0 && e.max > 0), p = l(() => H.value && e.orientation !== "vertical"), M = l(() => e.max - e.min), b = l(() => (o.value - e.min) / M.value * 100), C = l(() => (0 - e.min) / M.value * 100), y = l(
+      () => p.value ? 100 - b.value : b.value
+    ), z = l(
+      () => p.value ? 100 - C.value : C.value
+    ), D = l(() => {
       switch (e.size) {
         case "xs":
           return 12;
@@ -50,53 +55,60 @@ const A = {
         default:
           return 14;
       }
-    }), m = (t) => {
-      const a = z.value / 2, n = z.value;
-      return `calc(${t}% + (${a}px - ${n * (t / 100)}px))`;
-    }, T = r(() => {
-      if (w.value) {
-        const t = Math.min(f.value, g.value), a = Math.max(f.value, g.value), n = m(t), S = m(a);
+    }), d = (t) => {
+      const a = D.value / 2, r = D.value;
+      return `calc(${t}% + (${a}px - ${r * (t / 100)}px))`;
+    }, L = l(() => {
+      if (x.value) {
+        const t = Math.min(y.value, z.value), a = Math.max(y.value, z.value), r = d(t), T = d(a);
         return e.orientation === "vertical" ? {
-          bottom: n,
-          height: `calc(${S} - ${n})`
+          bottom: r,
+          height: `calc(${T} - ${r})`
         } : {
-          left: n,
-          width: `calc(${S} - ${n})`
+          left: r,
+          width: `calc(${T} - ${r})`
         };
-      } else
-        return e.orientation === "vertical" ? {
-          bottom: "0%",
-          height: m(f.value)
-        } : {
-          left: "0%",
-          width: m(f.value)
-        };
-    }), j = r(() => {
-      if (!w.value) return "";
+      }
+      return e.orientation === "vertical" ? {
+        bottom: "0%",
+        height: d(b.value)
+      } : p.value ? {
+        left: d(y.value),
+        right: "0%",
+        width: "auto"
+      } : {
+        left: "0%",
+        width: d(b.value)
+      };
+    }), N = l(() => {
+      if (!x.value) return "";
       if (e.orientation === "vertical") {
         if (o.value < 0) return "rounded-t-none";
         if (o.value > 0) return "rounded-b-none";
+      } else if (p.value) {
+        if (o.value < 0) return "rounded-l-none";
+        if (o.value > 0) return "rounded-r-none";
       } else {
         if (o.value < 0) return "rounded-r-none";
         if (o.value > 0) return "rounded-l-none";
       }
       return "";
-    }), E = r(() => e.orientation === "vertical" ? {
-      bottom: m(f.value)
+    }), F = l(() => e.orientation === "vertical" ? {
+      bottom: d(b.value)
     } : {
-      left: m(f.value)
-    }), L = () => {
-      v("update:modelValue", o.value);
-    }, N = () => {
-      v("change", o.value), i.value = !1;
-    }, R = r(() => Math.abs(e.modelValue) > 1e-3), $ = () => {
+      left: d(y.value)
+    }), U = l(() => e.orientation === "vertical" ? { bottom: d(C.value) } : { left: d(z.value) }), B = l(() => p.value ? "rtl" : "ltr"), W = () => {
+      m("update:modelValue", o.value);
+    }, Z = () => {
+      m("change", o.value), i.value = !1;
+    }, q = l(() => Math.abs(e.modelValue) > 1e-3), S = () => {
       if (e.disabled) return;
-      const t = w.value ? 0 : e.min;
-      o.value = t, v("update:modelValue", t), v("change", t);
-    }, M = r(() => {
+      const t = x.value ? 0 : e.min;
+      o.value = t, m("update:modelValue", t), m("change", t);
+    }, P = l(() => {
       const t = e.step.toString().split(".")[1]?.length || 0;
       return o.value.toFixed(t);
-    }), b = r(() => {
+    }), h = l(() => {
       const t = e.orientation === "vertical";
       return {
         xs: {
@@ -124,132 +136,135 @@ const A = {
           tick: t ? "w-4 h-[2px]" : "h-4 w-[2px]"
         }
       }[e.size];
-    }), p = r(() => e.labelI18n ? q(e.labelI18n) : e.label), B = r(() => e.labelClass ? e.labelClass : e.size === "xs" || e.size === "sm" ? "text-muted-foreground text-xs font-normal" : "text-muted-foreground text-sm font-medium"), D = r(() => e.valueClass ? e.valueClass : e.size === "xs" || e.size === "sm" ? "text-muted-foreground text-xs font-normal" : "text-muted-foreground text-sm");
-    return (t, a) => (u(), d("div", {
+    }), f = l(() => e.labelI18n ? Q(e.labelI18n) : e.label), I = l(() => e.labelClass ? e.labelClass : e.size === "xs" || e.size === "sm" ? "text-muted-foreground text-xs font-normal" : "text-muted-foreground text-sm font-medium"), R = l(() => e.valueClass ? e.valueClass : e.size === "xs" || e.size === "sm" ? "text-muted-foreground text-xs font-normal" : "text-muted-foreground text-sm");
+    return (t, a) => (u(), v("div", {
       class: s(["slider-wrapper flex select-none touch-none", [
-        { "opacity-50 pointer-events-none": l.disabled },
-        e.orientation === "vertical" ? "flex-col items-center h-full py-2 gap-3" : e.variant === "two" ? "flex-col w-full gap-1" : "w-full flex-row items-center gap-3"
+        { "opacity-50 pointer-events-none": n.disabled },
+        e.orientation === "vertical" ? "flex-col items-center h-full py-2 gap-3" : e.variant === "two" ? "flex-col w-full gap-1" : (
+          // bare `flex` (not flex-row): under dir=rtl label → inline-start, value → inline-end
+          "w-full items-center gap-3"
+        )
       ]]),
-      onMouseenter: a[7] || (a[7] = (n) => x.value = !0),
-      onMouseleave: a[8] || (a[8] = (n) => x.value = !1)
+      onMouseenter: a[7] || (a[7] = (r) => w.value = !0),
+      onMouseleave: a[8] || (a[8] = (r) => w.value = !1)
     }, [
-      e.variant === "two" && e.orientation !== "vertical" ? (u(), d("div", A, [
-        p.value || l.icon ? (u(), d("div", {
+      e.variant === "two" && e.orientation !== "vertical" ? (u(), v("div", Y, [
+        f.value || n.icon ? (u(), v("div", {
           key: 0,
-          class: s(["flex items-center gap-2 cursor-pointer transition-colors", [{ "text-primary": i.value || x.value }, B.value]]),
-          onClick: a[0] || (a[0] = (n) => v("iconClick")),
+          class: s(["flex items-center gap-2 cursor-pointer transition-colors", [{ "text-primary": i.value || w.value }, I.value]]),
+          onClick: a[0] || (a[0] = (r) => m("iconClick")),
           title: "Double-click to reset"
         }, [
-          l.icon ? (u(), I(P, {
+          n.icon ? (u(), O(j, {
             key: 0,
-            icon: l.icon,
+            icon: n.icon,
             class: "h-4 w-4"
           }, null, 8, ["icon"])) : c("", !0),
-          p.value ? (u(), d("label", G, y(p.value), 1)) : c("", !0)
+          f.value ? (u(), v("label", _, k(f.value), 1)) : c("", !0)
         ], 2)) : c("", !0),
-        l.showValue ? (u(), d("span", {
+        n.showValue ? (u(), v("span", {
           key: 1,
-          onDblclick: $,
-          class: s(["font-mono tabular-nums text-right min-w-6", D.value])
-        }, y(M.value), 35)) : c("", !0)
+          onDblclick: S,
+          class: s(["font-mono tabular-nums text-end min-w-6", R.value])
+        }, k(P.value), 35)) : c("", !0)
       ])) : c("", !0),
-      (e.variant !== "two" || e.orientation === "vertical") && (p.value || l.icon) ? (u(), d("div", {
+      (e.variant !== "two" || e.orientation === "vertical") && (f.value || n.icon) ? (u(), v("div", {
         key: 1,
-        class: s(["flex items-center gap-2 min-w-fit cursor-pointer transition-colors", [{ "text-primary": i.value || x.value }, B.value]]),
-        onClick: a[1] || (a[1] = (n) => v("iconClick")),
+        class: s(["flex items-center gap-2 min-w-fit cursor-pointer transition-colors", [{ "text-primary": i.value || w.value }, I.value]]),
+        onClick: a[1] || (a[1] = (r) => m("iconClick")),
         title: "Double-click to reset"
       }, [
-        l.icon ? (u(), I(P, {
+        n.icon ? (u(), O(j, {
           key: 0,
-          icon: l.icon,
+          icon: n.icon,
           class: "h-4 w-4"
         }, null, 8, ["icon"])) : c("", !0),
-        p.value ? (u(), d("label", J, y(p.value), 1)) : c("", !0)
+        f.value ? (u(), v("label", ee, k(f.value), 1)) : c("", !0)
       ], 2)) : c("", !0),
-      h("div", {
+      g("div", {
         class: s(["relative flex justify-center items-center group", [
-          b.value.wrapper,
+          h.value.wrapper,
           e.orientation === "vertical" || e.variant !== "two" ? "flex-1" : ""
-        ]])
+        ]]),
+        dir: B.value
       }, [
-        h("div", {
+        g("div", {
           class: s(["absolute rounded-full", [
-            b.value.track,
+            h.value.track,
             e.orientation === "vertical" ? "h-full left-1/2 transform -translate-x-1/2" : "w-full top-1/2 transform -translate-y-1/2"
           ]])
         }, null, 2),
-        w.value ? (u(), d("div", {
+        x.value ? (u(), v("div", {
           key: 0,
           class: s(["absolute bg-muted-foreground/30 rounded z-0", [
-            b.value.tick,
+            h.value.tick,
             e.orientation === "vertical" ? "left-1/2 transform -translate-x-1/2" : "top-1/2 transform -translate-y-1/2"
           ]]),
-          style: k(
-            e.orientation === "vertical" ? { bottom: m(g.value) } : { left: m(g.value) }
-          )
+          style: V(U.value)
         }, null, 6)) : c("", !0),
-        h("div", {
+        g("div", {
           class: s(["absolute bg-primary rounded-full will-change-transform", [
             {
-              "bg-muted-foreground": l.disabled,
+              "bg-muted-foreground": n.disabled,
               "transition-all duration-75 ease-out": !i.value,
               "duration-0": i.value
             },
-            b.value.track,
-            j.value,
+            h.value.track,
+            N.value,
             e.orientation === "vertical" ? "left-1/2 transform -translate-x-1/2" : "top-1/2 transform -translate-y-1/2"
           ]]),
-          style: k(T.value)
+          style: V(L.value)
         }, null, 6),
-        h("div", {
+        g("div", {
           class: s(["absolute rounded-full pointer-events-none transition-transform duration-100 ease-out z-10", [
             e.thumbVariant === "solid" ? "bg-primary" : "bg-background border border-gray-400/90 shadow-sm",
             {
               "border-primary shadow-md scale-110": i.value && e.thumbVariant !== "solid",
               "scale-110": i.value && e.thumbVariant === "solid",
-              "border-primary": R.value && e.thumbVariant !== "solid",
-              "bg-muted-foreground": l.disabled && e.thumbVariant === "solid"
+              "border-primary": q.value && e.thumbVariant !== "solid",
+              "bg-muted-foreground": n.disabled && e.thumbVariant === "solid"
             },
-            b.value.thumb,
-            e.orientation === "vertical" ? "left-1/2 transform -translate-x-1/2 translate-y-1/2" : "top-1/2 -ml-px transform -translate-y-1/2 -translate-x-1/2"
+            h.value.thumb,
+            e.orientation === "vertical" ? "left-1/2 transform -translate-x-1/2 translate-y-1/2" : "top-1/2 -ms-px transform -translate-y-1/2 -translate-x-1/2"
           ]]),
-          style: k(E.value)
+          style: V(F.value)
         }, null, 6),
-        U(h("input", {
+        J(g("input", {
           type: "range",
-          "onUpdate:modelValue": a[2] || (a[2] = (n) => o.value = n),
-          min: l.min,
-          max: l.max,
-          step: l.step,
-          disabled: l.disabled,
-          onInput: L,
-          onChange: N,
-          onMousedown: a[3] || (a[3] = (n) => i.value = !0),
-          onTouchstart: a[4] || (a[4] = (n) => i.value = !0),
-          onMouseup: a[5] || (a[5] = (n) => i.value = !1),
-          onTouchend: a[6] || (a[6] = (n) => i.value = !1),
+          "onUpdate:modelValue": a[2] || (a[2] = (r) => o.value = r),
+          min: n.min,
+          max: n.max,
+          step: n.step,
+          disabled: n.disabled,
+          dir: B.value,
+          onInput: W,
+          onChange: Z,
+          onMousedown: a[3] || (a[3] = (r) => i.value = !0),
+          onTouchstart: a[4] || (a[4] = (r) => i.value = !0),
+          onMouseup: a[5] || (a[5] = (r) => i.value = !1),
+          onTouchend: a[6] || (a[6] = (r) => i.value = !1),
           class: "slider-input absolute inset-0 w-full h-full opacity-0 cursor-pointer z-20 m-0 p-0",
           orient: e.orientation === "vertical" ? "vertical" : void 0,
-          style: k(
+          style: V(
             e.orientation === "vertical" ? "appearance: slider-vertical; -webkit-appearance: slider-vertical;" : ""
           )
-        }, null, 44, K), [
+        }, null, 44, ae), [
           [
-            W,
+            K,
             o.value,
             void 0,
             { number: !0 }
           ]
         ])
-      ], 2),
-      (e.variant !== "two" || e.orientation === "vertical") && l.showValue ? (u(), d("span", {
+      ], 10, te),
+      (e.variant !== "two" || e.orientation === "vertical") && n.showValue ? (u(), v("span", {
         key: 2,
-        onDblclick: $,
-        class: s(["font-mono tabular-nums text-right min-w-6", D.value])
-      }, y(M.value), 35)) : c("", !0)
+        onDblclick: S,
+        class: s(["font-mono tabular-nums text-end min-w-6", R.value])
+      }, k(P.value), 35)) : c("", !0)
     ], 34));
   }
 });
 export {
-  Z as default
+  ie as default
 };

package/components/Tabes/Tabes.vue.d.ts

@@ -1,4 +1,4 @@
-import { TabesMenuSelectPayload, TabesOption, TabesSize, TabesVariant } from './types';
+import { TabesMenuSelectPayload, TabesOption, TabesReorderPayload, TabesSize, TabesVariant } from './types';
 interface Props {
     options: TabesOption[];
     modelValue: string | number;
@@ -12,8 +12,23 @@ interface Props {
      */
     wrap?: boolean;
     tabClass?: string;
-    /** Text direction forwarded to menu dropdowns (LTR/RTL). */
-    direction?: 'ltr' | 'rtl';
+    /**
+     * Text / layout direction for the tab row, scroll affordances, and menus.
+     * `'auto'` (default) follows the nearest ancestor `dir`, then `html[dir]`
+     * — matching Dropdown — instead of pinning LTR.
+     */
+    direction?: 'ltr' | 'rtl' | 'auto';
+    /**
+     * Opt-in: let the user drag tabs into a new order. Off by default.
+     * The new order is persisted to localStorage and restored on reload.
+     */
+    sortable?: boolean;
+    /**
+     * localStorage slot for the persisted order (prefixed `builto-tabes-order-`).
+     * When omitted, a stable key is derived from the tab value set. Only used
+     * when `sortable` is on.
+     */
+    storageKey?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string | number) => any;
@@ -21,19 +36,25 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "menu-select": (payload: TabesMenuSelectPayload) => any;
     "menu-open": (tab: TabesOption) => any;
     "menu-close": (tab: TabesOption) => any;
+    reorder: (payload: TabesReorderPayload) => any;
+    "update:options": (options: TabesOption[]) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onChange?: (value: string | number) => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
     "onMenu-select"?: (payload: TabesMenuSelectPayload) => any;
     "onMenu-open"?: (tab: TabesOption) => any;
     "onMenu-close"?: (tab: TabesOption) => any;
+    onReorder?: (payload: TabesReorderPayload) => any;
+    "onUpdate:options"?: (options: TabesOption[]) => any;
 }>, {
     variant: TabesVariant;
     size: TabesSize;
     block: boolean;
-    direction: "ltr" | "rtl";
+    direction: "ltr" | "rtl" | "auto";
     wrap: boolean;
+    sortable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
     scrollRef: HTMLDivElement;
     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-813948ec"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-de4ab2fa"]]);
 export {
-  m as default
+  f as default
 };