vlite3 1.3.10 → 1.4.1

package/components/NumberInput.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as E, ref as k, watch as p, computed as u, onBeforeUnmount as q, openBlock as f, createElementBlock as y, normalizeClass as i, withModifiers as r, createVNode as g, createCommentVNode as P, createElementVNode as h, withKeys as z } from "vue";
+import { defineComponent as W, ref as k, watch as q, computed as r, onBeforeUnmount as L, openBlock as f, createElementBlock as y, normalizeClass as i, withModifiers as u, createVNode as h, createCommentVNode as P, createElementVNode as g, withKeys as z } from "vue";
 import w from "./Icon.vue.js";
-const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled", "readonly", "onKeydown", "data-testid"], U = ["disabled", "data-testid"], W = {
+const M = ["disabled", "data-testid"], U = ["value", "placeholder", "disabled", "readonly", "onKeydown", "data-testid"], p = ["disabled", "data-testid"], A = {
   key: 2,
   class: "flex flex-col justify-center h-full py-[3px] pr-[3px]"
-}, A = { class: "flex flex-col h-full w-6 scale-80" }, D = ["disabled", "data-testid"], G = ["disabled", "data-testid"], O = /* @__PURE__ */ E({
+}, D = { class: "flex flex-col h-full w-6 scale-80" }, G = ["disabled", "data-testid"], H = ["disabled", "data-testid"], Q = /* @__PURE__ */ W({
   __name: "NumberInput",
   props: {
     modelValue: { default: void 0 },
@@ -23,13 +23,13 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: V }) {
     const n = e, m = V, a = k(n.modelValue ?? "");
-    p(
+    q(
       () => n.modelValue,
       (d) => {
         d !== void 0 && (a.value = d);
       }
     );
-    const B = k(null), c = u(() => {
+    const B = k(null), c = r(() => {
       const d = {
         xs: { h: "h-7", text: "text-xs", px: "px-2", icon: "w-3 h-3" },
         sm: { h: "h-8", text: "text-xs", px: "px-2", icon: "w-3.5 h-3.5" },
@@ -38,7 +38,7 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
         xl: { h: "h-12", text: "text-lg", px: "px-5", icon: "w-6 h-6" }
       };
       return d[n.size] || d.md;
-    }), I = u(() => ({
+    }), I = r(() => ({
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -46,7 +46,7 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
       xl: "rounded-xl",
       "2xl": "rounded-2xl",
       full: "rounded-full"
-    })[n.rounded] || "rounded-md"), j = u(() => ({
+    })[n.rounded] || "rounded-md"), j = r(() => ({
       none: "rounded-l-none",
       sm: "rounded-l-sm",
       md: "rounded-l-md",
@@ -54,7 +54,7 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
       xl: "rounded-l-xl",
       "2xl": "rounded-l-2xl",
       full: "rounded-l-full"
-    })[n.rounded] || "rounded-l-md"), S = u(() => ({
+    })[n.rounded] || "rounded-l-md"), S = r(() => ({
       none: "rounded-r-none",
       sm: "rounded-r-sm",
       md: "rounded-r-md",
@@ -62,7 +62,7 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
       xl: "rounded-r-xl",
       "2xl": "rounded-r-2xl",
       full: "rounded-r-full"
-    })[n.rounded] || "rounded-r-md"), F = u(() => [
+    })[n.rounded] || "rounded-r-md"), E = r(() => [
       "flex items-center w-full relative transition-all duration-200",
       n.disabled ? "opacity-50 cursor-not-allowed" : "",
       n.mode === "solid" ? "bg-muted" : "",
@@ -70,13 +70,13 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
       n.mode === "ghost" ? "bg-transparent" : "",
       c.value.h,
       I.value
-    ]), K = u(() => [
+    ]), F = r(() => [
       "flex-1 w-full bg-transparent focus:outline-none appearance-none",
       n.variant === "split" ? "text-center" : "text-left pl-3 pr-2",
       "placeholder:text-muted-foreground/50",
       c.value.text,
       n.disabled ? "cursor-not-allowed" : ""
-    ]), C = u(() => {
+    ]), C = r(() => {
       const d = "flex items-center justify-center transition-colors active:scale-95 shrink-0 select-none", t = n.disabled ? "" : "hover:text-primary hover:bg-muted/50";
       return n.size === "xs" || n.size, n.variant === "split" ? n.mode === "solid" ? [
         d,
@@ -111,22 +111,25 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
           d === "inc" ? $() : N();
         }, 50);
       }, 400));
-    }, R = (d) => {
+    }, K = (d) => {
       const t = d.target, o = parseFloat(t.value);
       if (isNaN(o)) {
         a.value = t.value;
         return;
       }
       s(o);
-    }, T = (d) => {
+    }, R = (d) => {
       m("blur", d);
       const t = parseFloat(String(a.value));
       isNaN(t) ? s(n.min || 0) : s(t);
+    }, T = (d) => {
+      const t = d.target;
+      document.activeElement === t && t.blur();
     };
-    return q(() => {
+    return L(() => {
       l();
     }), (d, t) => (f(), y("div", {
-      class: i([F.value, "overflow-hidden"])
+      class: i([E.value, "overflow-hidden"])
     }, [
       e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 0,
@@ -142,16 +145,16 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
         onPointerup: l,
         onPointerleave: l,
         onPointercancel: l,
-        onContextmenu: t[1] || (t[1] = r(() => {
+        onContextmenu: t[1] || (t[1] = u(() => {
         }, ["prevent"])),
         "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-dec` : e.name ? `number-${e.name}-dec` : e.id ? `number-${e.id}-dec` : "number-input-dec"
       }, [
-        g(w, {
+        h(w, {
           icon: "lucide:minus",
           class: i(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, L)) : P("", !0),
-      h("input", {
+      ], 42, M)) : P("", !0),
+      g("input", {
         ref_key: "inputRef",
         ref: B,
         type: "number",
@@ -159,20 +162,19 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: i(K.value),
-        onInput: R,
+        class: i(F.value),
+        onInput: K,
         onFocus: t[2] || (t[2] = (o) => m("focus", o)),
-        onBlur: T,
+        onBlur: R,
         onKeydown: [
-          z(r($, ["prevent"]), ["up"]),
-          z(r(N, ["prevent"]), ["down"])
+          z(u($, ["prevent"]), ["up"]),
+          z(u(N, ["prevent"]), ["down"])
         ],
-        onWheel: t[3] || (t[3] = r(() => {
-        }, ["prevent"])),
-        onInvalid: t[4] || (t[4] = r(() => {
+        onWheel: T,
+        onInvalid: t[3] || (t[3] = u(() => {
         }, ["prevent"])),
         "data-testid": d.$attrs["data-testid"] || (e.name ? `number-${e.name}` : e.id ? `number-${e.id}` : "number-input")
-      }, null, 42, M),
+      }, null, 42, U),
       e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 1,
         tabindex: "-1",
@@ -183,62 +185,62 @@ const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled",
           e.variant === "split" && e.mode !== "solid" ? S.value : ""
         ]),
         disabled: e.disabled || e.max !== void 0 && Number(a.value) >= e.max,
-        onPointerdown: t[5] || (t[5] = (o) => v("inc", o)),
+        onPointerdown: t[4] || (t[4] = (o) => v("inc", o)),
         onPointerup: l,
         onPointerleave: l,
         onPointercancel: l,
-        onContextmenu: t[6] || (t[6] = r(() => {
+        onContextmenu: t[5] || (t[5] = u(() => {
         }, ["prevent"])),
         "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-inc` : e.name ? `number-${e.name}-inc` : e.id ? `number-${e.id}-inc` : "number-input-inc"
       }, [
-        g(w, {
+        h(w, {
           icon: "lucide:plus",
           class: i(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, U)) : P("", !0),
-      e.variant === "stacked" && !e.disabled && !e.readonly ? (f(), y("div", W, [
-        h("div", A, [
-          h("button", {
+      ], 42, p)) : P("", !0),
+      e.variant === "stacked" && !e.disabled && !e.readonly ? (f(), y("div", A, [
+        g("div", D, [
+          g("button", {
             tabindex: "-1",
             type: "button",
             class: "flex-1 flex items-center justify-center bg-gray-100 hover:bg-gray-200 text-muted-foreground hover:text-foreground rounded-t-[3px] border-b border-gray-300 transition-colors disabled:cursor-not-allowed",
             disabled: e.disabled || e.max !== void 0 && Number(a.value) >= e.max,
-            onPointerdown: t[7] || (t[7] = (o) => v("inc", o)),
+            onPointerdown: t[6] || (t[6] = (o) => v("inc", o)),
             onPointerup: l,
             onPointerleave: l,
             onPointercancel: l,
-            onContextmenu: t[8] || (t[8] = r(() => {
+            onContextmenu: t[7] || (t[7] = u(() => {
             }, ["prevent"])),
             "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-inc` : e.name ? `number-${e.name}-inc` : e.id ? `number-${e.id}-inc` : "number-input-inc"
           }, [
-            g(w, {
+            h(w, {
               class: i(["text-gray-700/85!", e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
               icon: "mynaui:chevron-up-solid"
             }, null, 8, ["class"])
-          ], 40, D),
-          h("button", {
+          ], 40, G),
+          g("button", {
             tabindex: "-1",
             type: "button",
             class: "flex-1 flex items-center justify-center bg-gray-100 hover:bg-gray-200 text-muted-foreground hover:text-foreground rounded-b-[3px] transition-colors disabled:cursor-not-allowed",
             disabled: e.disabled || e.min !== void 0 && Number(a.value) <= e.min,
-            onPointerdown: t[9] || (t[9] = (o) => v("dec", o)),
+            onPointerdown: t[8] || (t[8] = (o) => v("dec", o)),
             onPointerup: l,
             onPointerleave: l,
             onPointercancel: l,
-            onContextmenu: t[10] || (t[10] = r(() => {
+            onContextmenu: t[9] || (t[9] = u(() => {
             }, ["prevent"])),
             "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-dec` : e.name ? `number-${e.name}-dec` : e.id ? `number-${e.id}-dec` : "number-input-dec"
           }, [
-            g(w, {
+            h(w, {
               class: i(["text-gray-700/85!", e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
               icon: "mynaui:chevron-down-solid"
             }, null, 8, ["class"])
-          ], 40, G)
+          ], 40, H)
         ])
       ])) : P("", !0)
     ], 2));
   }
 });
 export {
-  O as default
+  Q as default
 };

package/components/RichTextEditor/RichTextEditor.vue.js

@@ -1,12 +1,12 @@
 import { defineComponent as te, ref as v, shallowRef as ne, watch as oe, computed as h, onMounted as le, onUnmounted as ae, openBlock as C, createElementBlock as L, normalizeClass as re, toDisplayString as I, createCommentVNode as U, createElementVNode as w, createVNode as q, unref as a, normalizeStyle as ie } from "vue";
 /* empty css                         */
-import de from "./RichTextToolbar.vue.js";
-/* empty css                     */
-import se from "./RichTextLinkPopover.vue.js";
-/* empty css                         */
+import se from "./RichTextToolbar.vue2.js";
+/* empty css                    */
+import de from "./RichTextLinkPopover.vue2.js";
+/* empty css                        */
 import { useRichTextImageUpload as ue } from "./composables/useRichTextImageUpload.js";
 import { useRichTextLinks as ce } from "./composables/useRichTextLinks.js";
-const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { class: "rte-wrapper" }, ge = { class: "rte-body-wrap" }, ye = ["id", "contenteditable", "aria-label", "aria-readonly", "aria-disabled", "aria-invalid"], be = ["id"], Se = /* @__PURE__ */ te({
+const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { class: "rte-wrapper" }, ye = { class: "rte-body-wrap" }, ge = ["id", "contenteditable", "aria-label", "aria-readonly", "aria-disabled", "aria-invalid"], be = ["id"], Se = /* @__PURE__ */ te({
   __name: "RichTextEditor",
   props: {
     modelValue: { default: "" },
@@ -17,7 +17,8 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
     label: {},
     error: {},
     id: {},
-    readonly: { type: Boolean, default: !1 }
+    readonly: { type: Boolean, default: !1 },
+    tools: {}
   },
   emits: ["update:modelValue", "focus", "blur", "image-removed"],
   setup(o, { emit: N }) {
@@ -33,7 +34,7 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
       justifyRight: !1
     }), S = v("");
     let u = null, c = null, p = !1;
-    function g() {
+    function y() {
       if (p) return;
       const e = window.getSelection();
       if (e && e.rangeCount > 0)
@@ -43,7 +44,7 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
           u = null;
         }
     }
-    function y() {
+    function g() {
       if (!(!u || p))
         try {
           const e = window.getSelection();
@@ -73,19 +74,12 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
       H = t;
     }
     const $ = {
-      saveSelection: g,
-      restoreSelection: y,
+      saveSelection: y,
+      restoreSelection: g,
       onInput: f
     };
     h(() => r.value);
-    const {
-      imageInputRef: z,
-      isUploadingImage: W,
-      triggerImageUpload: Y,
-      onImageFileChange: D,
-      onPaste: j,
-      onDrop: V
-    } = ue(r, $), l = ce({
+    const { imageInputRef: z, isUploadingImage: W, triggerImageUpload: Y, onImageFileChange: D, onPaste: j, onDrop: V } = ue(r, $), l = ce({
       editorRef: r,
       rootRef: A,
       linkPopoverElRef: x,
@@ -104,41 +98,41 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
       T.value = t === "" && !e.querySelector("img");
     }
     function f() {
-      E(), b("update:modelValue", r.value?.innerHTML ?? ""), P(), s();
+      E(), b("update:modelValue", r.value?.innerHTML ?? ""), P(), d();
     }
     function k(e, t) {
       if (!(i.disabled || i.readonly)) {
-        y(), r.value?.focus();
+        g(), r.value?.focus();
         try {
           document.execCommand(e, !1, t ?? void 0);
         } catch {
         }
-        s(), f();
+        d(), f();
       }
     }
     function G(e) {
       if (!(i.disabled || i.readonly)) {
-        y(), r.value?.focus();
+        g(), r.value?.focus();
         try {
           document.execCommand("formatBlock", !1, e);
         } catch {
         }
-        s(), f();
+        d(), f();
       }
     }
     function J() {
       if (!(i.disabled || i.readonly)) {
-        y(), r.value?.focus();
+        g(), r.value?.focus();
         try {
           document.execCommand("removeFormat", !1, void 0), document.execCommand("formatBlock", !1, "div");
         } catch {
         }
-        s(), f();
+        d(), f();
       }
     }
     function Q() {
       if (i.disabled || i.readonly) return;
-      y(), r.value?.focus();
+      g(), r.value?.focus();
       const e = window.getSelection();
       if (!e || e.rangeCount === 0 || e.isCollapsed) return;
       const t = e.getRangeAt(0);
@@ -149,14 +143,14 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
         const n = t.extractContents(), O = document.createElement("code");
         O.appendChild(n), t.insertNode(O), e.removeAllRanges();
       }
-      s(), f();
+      d(), f();
     }
-    function s() {
+    function d() {
       c !== null && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
         c = null, X();
       });
     }
-    function d(e) {
+    function s(e) {
       try {
         return document.queryCommandState(e);
       } catch {
@@ -166,15 +160,15 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
     function X() {
       if (!p) {
         B.value = {
-          bold: d("bold"),
-          italic: d("italic"),
-          underline: d("underline"),
-          strikeThrough: d("strikeThrough"),
-          insertOrderedList: d("insertOrderedList"),
-          insertUnorderedList: d("insertUnorderedList"),
-          justifyLeft: d("justifyLeft"),
-          justifyCenter: d("justifyCenter"),
-          justifyRight: d("justifyRight")
+          bold: s("bold"),
+          italic: s("italic"),
+          underline: s("underline"),
+          strikeThrough: s("strikeThrough"),
+          insertOrderedList: s("insertOrderedList"),
+          insertUnorderedList: s("insertUnorderedList"),
+          justifyLeft: s("justifyLeft"),
+          justifyCenter: s("justifyCenter"),
+          justifyRight: s("justifyRight")
         };
         try {
           S.value = document.queryCommandValue("formatBlock").toLowerCase();
@@ -188,7 +182,7 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
       const e = r.value;
       if (!e) return;
       const t = document.activeElement;
-      t !== e && !e.contains(t) || (g(), s());
+      t !== e && !e.contains(t) || (y(), d());
     }
     function Z(e) {
       if (e.ctrlKey || e.metaKey)
@@ -241,26 +235,27 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
         class: "rte-label"
       }, I(o.label), 9, me)) : U("", !0),
       w("div", ve, [
-        q(de, {
+        q(se, {
           toolbarState: B.value,
           activeBlock: S.value,
           disabled: o.disabled,
           readonly: o.readonly,
           isUploadingImage: a(W),
           label: o.label,
+          tools: o.tools,
           onCommand: k,
           onSetBlock: G,
           onInsertCode: Q,
           onTriggerImageUpload: t[0] || (t[0] = (n) => a(Y)(!(!o.disabled && !o.readonly))),
           onOpenLinkPopover: a(l).openLinkPopover,
           onClearFormat: J
-        }, null, 8, ["toolbarState", "activeBlock", "disabled", "readonly", "isUploadingImage", "label", "onOpenLinkPopover"]),
-        w("div", ge, [
+        }, null, 8, ["toolbarState", "activeBlock", "disabled", "readonly", "isUploadingImage", "label", "tools", "onOpenLinkPopover"]),
+        w("div", ye, [
           w("div", {
             id: m.value,
             ref_key: "editorRef",
             ref: r,
-            class: "rte-editor",
+            class: "rte-editor scrollbar-thin always-scroll",
             style: ie(_.value),
             contenteditable: !o.disabled && !o.readonly ? "true" : "false",
             role: "textbox",
@@ -272,19 +267,19 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
             spellcheck: "true",
             onInputPassive: f,
             onFocus: t[1] || (t[1] = (n) => {
-              R.value = !0, g(), s(), b("focus", n);
+              R.value = !0, y(), d(), b("focus", n);
             }),
             onBlur: t[2] || (t[2] = (n) => {
               R.value = !1, b("blur", n);
             }),
             onKeydown: Z,
-            onKeyupPassive: g,
-            onMouseupPassive: g,
+            onKeyupPassive: y,
+            onMouseupPassive: y,
             onPaste: t[3] || (t[3] = //@ts-ignore
             (...n) => a(j) && a(j)(...n)),
             onDrop: t[4] || (t[4] = //@ts-ignore
             (...n) => a(V) && a(V)(...n))
-          }, null, 44, ye),
+          }, null, 44, ge),
           w("input", {
             ref_key: "imageInputRef",
             ref: z,
@@ -303,7 +298,7 @@ const fe = ["aria-labelledby", "aria-describedby"], me = ["id", "for"], ve = { c
             "aria-hidden": "true",
             onClick: t[6] || (t[6] = (n) => r.value?.focus())
           }, I(o.placeholder), 1)) : U("", !0),
-          q(se, {
+          q(de, {
             ref_key: "linkPopoverCompRef",
             ref: x,
             visible: a(l).linkPopover.value.visible,

package/components/RichTextEditor/RichTextLinkPopover.vue3.js

@@ -1,5 +1,5 @@
-import o from "./RichTextLinkPopover.vue.js";
-/* empty css                         */
+import o from "./RichTextLinkPopover.vue2.js";
+/* empty css                        */
 export {
   o as default
 };

package/components/RichTextEditor/RichTextToolbar.vue.d.ts

@@ -1,3 +1,4 @@
+import { RichTextTools } from './types';
 interface Props {
     toolbarState: Record<string, boolean>;
     activeBlock: string;
@@ -5,20 +6,28 @@ interface Props {
     readonly?: boolean;
     isUploadingImage: boolean;
     label?: string;
+    /**
+     * Toolbar contents. Pass an array of tool IDs to show only those buttons,
+     * a preset ('minimal' | 'basic' | 'standard' | 'all'), or omit to show
+     * the full default toolbar.
+     */
+    tools?: RichTextTools;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clearFormat: () => any;
     command: (cmd: string, val?: string) => any;
     setBlock: (tag: string) => any;
     insertCode: () => any;
     triggerImageUpload: () => any;
     openLinkPopover: () => any;
-    clearFormat: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClearFormat?: () => any;
     onCommand?: (cmd: string, val?: string) => any;
     onSetBlock?: (tag: string) => any;
     onInsertCode?: () => any;
     onTriggerImageUpload?: () => any;
     onOpenLinkPopover?: () => any;
-    onClearFormat?: () => any;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    tools: RichTextTools;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;