vlite3 1.4.39 → 1.4.41

package/components/Tabes/tabes.utils.js

@@ -1,26 +1,49 @@
-function t(e) {
-  return Array.isArray(e.menu) && e.menu.length > 0;
+function u(r) {
+  return Array.isArray(r.menu) && r.menu.length > 0;
 }
-function f(e) {
-  return e.value !== void 0 && e.value !== null ? e.value : e.label;
+function f(r) {
+  return r.value !== void 0 && r.value !== null ? r.value : r.label;
 }
-function u(e, r) {
-  if (!e?.length) return !1;
-  for (const n of e)
-    if (f(n) === r || n.children?.length && u(n.children, r)) return !0;
+function a(r, n) {
+  if (!r?.length) return !1;
+  for (const t of r)
+    if (f(t) === n || t.children?.length && a(t.children, n)) return !0;
   return !1;
 }
-function i(e, r) {
-  return t(e) ? e.value === r || u(e.menu, r) : e.value === r;
+function i(r, n) {
+  return u(r) ? r.value === n || a(r.menu, n) : r.value === n;
 }
-function a(e, r) {
-  for (const n of e)
-    if (i(n, r)) return n.value;
+function o(r, n) {
+  for (const t of r)
+    if (i(t, n)) return t.value;
+}
+function s(r) {
+  return typeof window > "u" ? !1 : window.getComputedStyle(r).direction === "rtl";
+}
+function S(r, n) {
+  if (!r) return { canScrollStart: !1, canScrollEnd: !1 };
+  if (n && r.querySelector(n) === null)
+    return { canScrollStart: !1, canScrollEnd: !1 };
+  const { scrollLeft: t, scrollWidth: e, clientWidth: l } = r;
+  if (e - l <= 1)
+    return { canScrollStart: !1, canScrollEnd: !1 };
+  const c = Math.abs(t);
+  return {
+    canScrollStart: c > 1,
+    canScrollEnd: Math.ceil(c + l) < e - 1
+  };
+}
+function d(r, n, t) {
+  if (!r) return;
+  const e = n === "start" ? -1 : 1, l = (s(r) ? -e : e) * Math.abs(t);
+  r.scrollBy({ left: l, behavior: "smooth" });
 }
 export {
-  a as getActiveMarkerKey,
+  o as getActiveMarkerKey,
   f as getMenuOptionValue,
-  t as isMenuTab,
+  S as getTabesScrollOverflow,
+  u as isMenuTab,
   i as isTabActive,
-  u as menuContainsValue
+  a as menuContainsValue,
+  d as scrollTabesStrip
 };

package/components/Textarea.vue.d.ts

@@ -5,6 +5,8 @@ interface Props {
     disabled?: boolean;
     rows?: number;
     class?: string;
+    /** Explicit text direction; defaults to page dir so placeholders mirror under RTL. */
+    dir?: 'ltr' | 'rtl';
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: FocusEvent) => any;

package/components/Textarea.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent as c, computed as r, openBlock as m, createElementBlock as p, normalizeClass as f } from "vue";
-import { resolveI18nText as b } from "../utils/i18n.js";
-const x = ["value", "rows", "disabled", "placeholder", "data-testid"], g = /* @__PURE__ */ c({
+import { defineComponent as p, computed as d, openBlock as f, createElementBlock as b, normalizeClass as x } from "vue";
+import { resolveI18nText as v } from "../utils/i18n.js";
+import { useRtl as h } from "../composables/useRtl.js";
+const g = ["value", "rows", "disabled", "placeholder", "dir", "data-testid"], y = /* @__PURE__ */ p({
   __name: "Textarea",
   props: {
     modelValue: { default: "" },
@@ -8,32 +9,34 @@ const x = ["value", "rows", "disabled", "placeholder", "data-testid"], g = /* @_
     placeholderI18n: {},
     disabled: { type: Boolean, default: !1 },
     rows: { default: 3 },
-    class: { default: "" }
+    class: { default: "" },
+    dir: {}
   },
   emits: ["update:modelValue", "focus", "blur"],
   setup(l, { emit: s }) {
-    const a = l, o = s, n = r(() => [
+    const a = l, o = s, n = h(), u = d(() => a.dir ?? (n.value ? "rtl" : "ltr")), i = d(() => [
       "flex min-h-[80px] w-full rounded-md border border-input px-3 py-2 text-sm placeholder:text-muted-foreground/50 focus-visible:outline-none focus-visible:border-black disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
       a.class
-    ].join(" ")), u = (t) => {
+    ].join(" ")), c = (t) => {
       const e = t.target;
       o("update:modelValue", e.value);
-    }, i = r(
-      () => b(a.placeholderI18n, a.placeholder)
+    }, m = d(
+      () => v(a.placeholderI18n, a.placeholder)
     );
-    return (t, e) => (m(), p("textarea", {
+    return (t, e) => (f(), b("textarea", {
       value: l.modelValue,
       rows: l.rows,
       disabled: l.disabled,
-      placeholder: i.value,
-      class: f(n.value),
-      onInput: u,
-      onFocus: e[0] || (e[0] = (d) => o("focus", d)),
-      onBlur: e[1] || (e[1] = (d) => o("blur", d)),
+      placeholder: m.value,
+      class: x(i.value),
+      dir: u.value,
+      onInput: c,
+      onFocus: e[0] || (e[0] = (r) => o("focus", r)),
+      onBlur: e[1] || (e[1] = (r) => o("blur", r)),
       "data-testid": t.$attrs["data-testid"] || (t.$attrs.name ? `textarea-${t.$attrs.name}` : "textarea")
-    }, null, 42, x));
+    }, null, 42, g));
   }
 });
 export {
-  g as default
+  y as default
 };

package/components/ThemeToggle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as d, renderSlot as u, unref as o, createVNode as h, normalizeClass as g } from "vue";
+import { defineComponent as m, computed as u, renderSlot as d, unref as o, createVNode as h, normalizeClass as g } from "vue";
 import { useTheme as f } from "../composables/useTheme.js";
 import T from "./Button.vue.js";
 import { $t as c } from "../utils/i18n.js";
@@ -11,18 +11,18 @@ const w = /* @__PURE__ */ m({
     variant: {}
   },
   setup(t) {
-    const { theme: i, toggleTheme: s } = f(), a = d(() => {
-      const n = i.value === "light", l = "vlite.themeToggle.switchToDark", r = "vlite.themeToggle.switchToLight";
+    const { theme: i, toggleTheme: r } = f(), a = u(() => {
+      const n = i.value === "light", l = "vlite.themeToggle.switchToDark", s = "vlite.themeToggle.switchToLight";
       if (n) {
         const e = c(l);
         return e !== l ? e : "Switch to dark mode";
       } else {
-        const e = c(r);
-        return e !== r ? e : "Switch to light mode";
+        const e = c(s);
+        return e !== s ? e : "Switch to light mode";
       }
     });
-    return (n, l) => u(n.$slots, "default", {
-      toggleTheme: o(s),
+    return (n, l) => d(n.$slots, "default", {
+      toggleTheme: o(r),
       theme: o(i)
     }, () => [
       h(T, {
@@ -32,7 +32,7 @@ const w = /* @__PURE__ */ m({
         size: t.size,
         class: g(t.class),
         title: a.value,
-        onClick: o(s)
+        onClick: o(r)
       }, null, 8, ["icon", "variant", "rounded", "size", "class", "title", "onClick"])
     ]);
   }

package/components/ToastNotification.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as Y, onUnmounted as F, openBlock as o, createElementBlock as i, createBlock as y, Teleport as U, Fragment as v, renderList as _, createElementVNode as m, normalizeClass as g, createVNode as w, TransitionGroup as q, withCtx as k, unref as H, isMemoSame as J, normalizeStyle as K, toDisplayString as p, createCommentVNode as T, createTextVNode as Q } from "vue";
+import { defineComponent as P, ref as Y, onUnmounted as F, openBlock as o, createElementBlock as i, createBlock as y, Teleport as U, Fragment as v, renderList as w, createElementVNode as m, normalizeClass as g, createVNode as _, TransitionGroup as q, withCtx as k, unref as H, isMemoSame as J, normalizeStyle as K, toDisplayString as p, createCommentVNode as T, createTextVNode as Q } from "vue";
 import R from "./Icon.vue.js";
 import { useNotifications as W } from "../composables/useNotifications.js";
 import X from "./Button.vue.js";
@@ -15,14 +15,14 @@ const Z = {
     expand: { type: Boolean }
   },
   setup(oe) {
-    const { notifications: z, removeToast: B, globalConfig: b, pauseTimers: $, resumeTimers: S } = W(), c = Y(!1), V = [
+    const { notifications: B, removeToast: z, globalConfig: b, pauseTimers: S, resumeTimers: V } = W(), c = Y(!1), $ = [
       "top-left",
       "top-center",
       "top-right",
       "bottom-left",
       "bottom-center",
       "bottom-right"
-    ], d = (e) => z.value.filter((t) => t.position === e).slice().reverse(), N = {
+    ], d = (e) => B.value.filter((t) => t.position === e).slice().reverse(), N = {
       "top-left": "top-0 left-0 py-4",
       "top-center": "top-0 left-1/2 -translate-x-1/2 py-4",
       "top-right": "top-0 right-0 py-4",
@@ -54,7 +54,7 @@ const Z = {
       "--entrance-offset": e.includes("bottom") ? "25px" : "-25px",
       "--entrance-opacity": "0.6"
     }, M = (e) => {
-      e.action && (e.action.onClick(), B(e.id));
+      e.action && (e.action.onClick(), z(e.id));
     }, h = {
       error: "lucide:octagon-x",
       success: "lucide:circle-check",
@@ -70,10 +70,10 @@ const Z = {
     }, D = (e) => x[e] || x.default;
     let n = null;
     const O = () => {
-      n && (clearTimeout(n), n = null), c.value = !0, $();
+      n && (clearTimeout(n), n = null), c.value = !0, S();
     }, j = () => {
       n = setTimeout(() => {
-        c.value = !1, S();
+        c.value = !1, V();
       }, 400);
     };
     F(() => {
@@ -85,7 +85,7 @@ const Z = {
     };
     return (e, s) => (o(), i("div", Z, [
       (o(), y(U, { to: "body" }, [
-        (o(), i(v, null, _(V, (t) => m("div", {
+        (o(), i(v, null, w($, (t) => m("div", {
           key: t,
           class: g(["fixed z-[9999999999]! pointer-events-none px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
             N[t],
@@ -97,7 +97,7 @@ const Z = {
           m("div", {
             class: g(["relative w-full transition-all", [{ "flex-col-reverse": t.includes("top") }]])
           }, [
-            w(q, {
+            _(q, {
               name: d(t).length <= 1 ? "first-toast" : "stack-toast",
               tag: "div",
               class: g(["w-full grid grid-cols-1 grid-rows-1", [
@@ -106,7 +106,7 @@ const Z = {
               style: { "min-height": "20px" }
             }, {
               default: k(() => [
-                (o(!0), i(v, null, _(d(t), (r, l, L, a) => {
+                (o(!0), i(v, null, w(d(t), (r, l, L, a) => {
                   const u = [
                     r,
                     l,
@@ -130,7 +130,7 @@ const Z = {
                       }
                     ])
                   }, [
-                    w(R, {
+                    _(R, {
                       icon: h[r.type] || h.default,
                       class: "w-5 h-5 shrink-0 mt-0.5"
                     }, null, 8, ["icon"]),

package/components/TreeConnectors/TreeConnectors.vue.d.ts

@@ -23,5 +23,5 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     ancestorLastFlags: boolean[];
     lineClass: string;
     bleedY: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/TreeConnectors/TreeConnectors.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as u, openBlock as s, createElementBlock as l, normalizeClass as i, Fragment as c, renderList as f, isMemoSame as g, normalizeStyle as S } from "vue";
+import { defineComponent as m, computed as u, openBlock as s, createElementBlock as o, normalizeClass as i, Fragment as c, renderList as f, isMemoSame as g, normalizeStyle as S } from "vue";
 import { EMPTY_ANCESTOR_LAST_FLAGS as b, buildTreeConnectorSegments as y } from "./geometry.js";
 const x = /* @__PURE__ */ m({
   __name: "TreeConnectors",
@@ -31,19 +31,24 @@ const x = /* @__PURE__ */ m({
         leafInset: e.leafInset
       })
     );
-    return (L, d) => (s(), l("span", {
+    return (L, d) => (s(), o("span", {
       class: i(["tree-connectors pointer-events-none absolute inset-x-0", n.bleedY ? "-inset-y-px z-[1]" : "inset-y-0 overflow-hidden"]),
       "aria-hidden": "true"
     }, [
-      (s(!0), l(c, null, f(p.value, (t, C, T, a) => {
-        const o = [t, n.lineClass];
-        if (a && a.key === t.key && g(a, o)) return a;
-        const r = (s(), l("span", {
+      (s(!0), o(c, null, f(p.value, (t, C, T, a) => {
+        const l = [t, n.lineClass];
+        if (a && a.key === t.key && g(a, l)) return a;
+        const r = (s(), o("span", {
           key: t.key,
-          class: i(["absolute", [t.orientation === "vertical" ? "w-px" : "h-px", n.lineClass]]),
+          class: i(["pointer-events-none absolute", [
+            // Vertical: 1px physical width. Horizontal: height only — length comes from
+            // logical `inlineSize` in segment style (grows toward inline-end / RTL-safe).
+            t.orientation === "vertical" ? "w-px" : "h-px",
+            n.lineClass
+          ]]),
           style: S(t.style)
         }, null, 6));
-        return r.memo = o, r;
+        return r.memo = l, r;
       }, d, 0), 128))
     ], 2));
   }

package/components/TreeConnectors/geometry.js

@@ -1,137 +1,145 @@
-import { markRaw as c } from "vue";
-const I = 20, C = 20, w = 10, H = 10, O = 5, i = 0.5, N = 2, y = 5, G = 512;
-function R(n, e, o) {
-  return n * e + o / 2;
+import { markRaw as i } from "vue";
+const C = 20, y = 20, O = 10, v = 10, w = 5, l = 0.5, m = 2, z = 5, G = 512;
+function x(n, e, s) {
+  return n * e + s / 2;
 }
-const f = (n) => `${n}px`, k = Object.freeze([]), S = /* @__PURE__ */ new Map();
-function x(n) {
-  if (!n.length) return k;
+const E = (n) => `${n}px`, R = Object.freeze([]), N = /* @__PURE__ */ new Map();
+function k(n) {
+  if (!n.length) return R;
   let e = "";
   for (let a = 0; a < n.length; a++)
     e += n[a] ? "1" : "0";
-  const o = S.get(e);
-  if (o) return o;
-  const s = c(n.slice());
-  return S.set(e, s), s;
+  const s = N.get(e);
+  if (s) return s;
+  const o = i(n.slice());
+  return N.set(e, o), o;
 }
-function v(n, e) {
-  return x([...n, e]);
+function U(n, e) {
+  return k([...n, e]);
 }
-const E = /* @__PURE__ */ new Map();
+const h = /* @__PURE__ */ new Map();
 function D(n) {
   const {
     depth: e,
-    isLastSibling: o,
-    hasToggle: s,
+    isLastSibling: s,
+    hasToggle: o,
     indent: a,
     toggleSize: r,
-    baseInset: h,
-    contentGap: l,
+    baseInset: f,
+    contentGap: c,
     leafHasSpacer: g,
     leafInset: p,
     flagsKey: u
   } = n;
   return [
     e,
-    o ? 1 : 0,
     s ? 1 : 0,
+    o ? 1 : 0,
     a,
     r,
-    h,
-    l,
+    f,
+    c,
     g ? 1 : 0,
     p,
     u
   ].join("|");
 }
 function M(n, e) {
-  if (E.size >= G) {
-    const s = E.keys().next().value;
-    s !== void 0 && E.delete(s);
+  if (h.size >= G) {
+    const o = h.keys().next().value;
+    o !== void 0 && h.delete(o);
   }
-  const o = c(e);
-  return E.set(n, o), o;
+  const s = i(e);
+  return h.set(n, s), s;
 }
-function U(n) {
+function $(n) {
   const {
     depth: e,
-    isLastSibling: o,
-    ancestorLastFlags: s,
+    isLastSibling: s,
+    ancestorLastFlags: o,
     hasToggle: a = !1,
-    indent: r = I,
-    toggleSize: h = C,
-    baseInset: l = 0,
+    indent: r = C,
+    toggleSize: f = y,
+    baseInset: c = 0,
     contentGap: g = 0,
     leafHasSpacer: p = !0,
     leafInset: u = 0
   } = n;
   if (!Number.isFinite(e) || e < 0) return [];
-  let b = "";
-  for (let t = 0; t < s.length; t++)
-    b += s[t] ? "1" : "0";
-  const d = D({
+  let A = "";
+  for (let t = 0; t < o.length; t++)
+    A += o[t] ? "1" : "0";
+  const I = D({
     depth: e,
-    isLastSibling: o,
+    isLastSibling: s,
     hasToggle: a,
     indent: r,
-    toggleSize: h,
-    baseInset: l,
+    toggleSize: f,
+    baseInset: c,
     contentGap: g,
     leafHasSpacer: p,
     leafInset: u,
-    flagsKey: b
-  }), m = E.get(d);
-  if (m) return m;
-  const T = [], _ = (t) => l + R(t, r, h);
+    flagsKey: A
+  }), b = h.get(I);
+  if (b) return b;
+  const T = [], _ = (t) => c + x(t, r, f);
   for (let t = 0; t <= e - 2; t++)
-    s[t + 1] === !1 && T.push(
-      c({
+    o[t + 1] === !1 && T.push(
+      i({
         key: `trunk-${t}`,
         orientation: "vertical",
         role: "trunk",
-        style: c({ left: f(_(t) - i), top: "0", bottom: "0" })
+        // Logical inset so rails flip with `dir="rtl"` (inline-start = right in RTL).
+        style: i({
+          insetInlineStart: E(_(t) - l),
+          top: "0",
+          bottom: "0"
+        })
       })
     );
   if (e >= 1) {
     const t = _(e - 1);
     T.push(
-      c({
+      i({
         key: `elbow-${e}`,
         orientation: "vertical",
         role: "elbow",
-        style: c(
-          o ? { left: f(t - i), top: "0", height: "50%" } : { left: f(t - i), top: "0", bottom: "0" }
+        style: i(
+          s ? { insetInlineStart: E(t - l), top: "0", height: "50%" } : { insetInlineStart: E(t - l), top: "0", bottom: "0" }
         )
       })
     );
-    const A = l + e * r;
-    let L;
-    a ? L = A - N : p ? L = _(e) + g : L = A + u - N;
-    const F = Math.max(t + y, L);
+    const L = c + e * r;
+    let S;
+    a ? S = L - m : p ? S = _(e) + g : S = L + u - m;
+    const F = Math.max(t + z, S), d = E(Math.max(0, F - t));
     T.push(
-      c({
+      i({
         key: `branch-${e}`,
         orientation: "horizontal",
         role: "branch",
-        style: c({
-          left: f(t - i),
-          top: `calc(50% - ${i}px)`,
-          width: f(Math.max(0, F - t))
+        // Only logical inline sizing — physical `width` would grow to the right
+        // in RTL and point the branch the wrong way.
+        style: i({
+          insetInlineStart: E(t - l),
+          top: `calc(50% - ${l}px)`,
+          inlineSize: d,
+          maxInlineSize: d
         })
       })
     );
   }
-  return M(d, T);
+  return M(I, T);
 }
 export {
-  C as DEFAULT_TOGGLE_SIZE,
-  H as DEFAULT_TREE_CONTENT_GAP,
-  I as DEFAULT_TREE_INDENT,
-  w as DEFAULT_TREE_LEADING,
-  O as DEFAULT_TREE_LEAF_INSET,
-  k as EMPTY_ANCESTOR_LAST_FLAGS,
-  v as appendAncestorLastFlag,
-  U as buildTreeConnectorSegments,
-  R as railX,
-  x as stabilizeAncestorLastFlags
+  y as DEFAULT_TOGGLE_SIZE,
+  v as DEFAULT_TREE_CONTENT_GAP,
+  C as DEFAULT_TREE_INDENT,
+  O as DEFAULT_TREE_LEADING,
+  w as DEFAULT_TREE_LEAF_INSET,
+  R as EMPTY_ANCESTOR_LAST_FLAGS,
+  U as appendAncestorLastFlag,
+  $ as buildTreeConnectorSegments,
+  x as railX,
+  k as stabilizeAncestorLastFlags
 };

package/components/Workbook/WorkbookAddButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, computed as c, openBlock as s, createBlock as d } from "vue";
+import { defineComponent as l, computed as c, openBlock as d, createBlock as s } from "vue";
 import m from "../Button.vue.js";
 import { $t as u } from "../../utils/i18n.js";
 const _ = /* @__PURE__ */ l({
@@ -9,7 +9,7 @@ const _ = /* @__PURE__ */ l({
       const t = u("vlite.workbook.addSheet");
       return t !== "vlite.workbook.addSheet" ? t : "Add New Sheet";
     });
-    return (t, e) => (s(), d(m, {
+    return (t, e) => (d(), s(m, {
       variant: "ghost",
       size: "md",
       icon: "lucide:plus",

package/composables/useRtl.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+export type TextDirection = 'ltr' | 'rtl';
+/**
+ * Nearest explicit `dir` on an ancestor of `el` (not including `el` itself).
+ * Falls back to `document.documentElement.dir`, then `'ltr'`.
+ * Used so widgets inside `dir="ltr"` islands (e.g. input addon groups) do not
+ * inherit page-level RTL via `direction: auto → html[dir]`.
+ */
+export declare function resolveDirFromAncestors(el: HTMLElement | null | undefined): TextDirection;
+/**
+ * Reactive `document.documentElement.dir === 'rtl'`.
+ * Used by tree UIs (DataTable / FileTree) for chevron direction and layout.
+ */
+export declare function useRtl(): Readonly<Ref<boolean>>;

package/composables/useRtl.js

@@ -0,0 +1,33 @@
+import { ref as r, onMounted as u, onUnmounted as o, readonly as l } from "vue";
+function d(n) {
+  let e = n?.parentElement ?? null;
+  for (; e; ) {
+    const t = e.getAttribute("dir");
+    if (t === "ltr" || t === "rtl") return t;
+    e = e.parentElement;
+  }
+  return typeof document < "u" && document.documentElement.getAttribute("dir") === "rtl" ? "rtl" : "ltr";
+}
+function c() {
+  const n = r(!1);
+  let e = null;
+  const t = () => {
+    if (typeof document > "u") {
+      n.value = !1;
+      return;
+    }
+    n.value = document.documentElement.getAttribute("dir") === "rtl";
+  };
+  return u(() => {
+    t(), e = new MutationObserver(t), e.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["dir"]
+    });
+  }), o(() => {
+    e?.disconnect(), e = null;
+  }), t(), l(n);
+}
+export {
+  d as resolveDirFromAncestors,
+  c as useRtl
+};