vlite3 1.1.2 → 1.1.4

package/components/FilePicker/FilePicker.vue.js

@@ -1,23 +1,23 @@
-import { defineComponent as te, computed as f, ref as C, useSlots as ie, openBlock as n, createElementBlock as m, createElementVNode as d, renderSlot as oe, normalizeClass as T, createBlock as h, withModifiers as V, createVNode as F, toDisplayString as y, createTextVNode as ae, createCommentVNode as z, Fragment as re, renderList as ne } from "vue";
+import { defineComponent as te, computed as f, ref as $, useSlots as ie, openBlock as n, createElementBlock as m, createElementVNode as d, renderSlot as ae, normalizeClass as C, createBlock as h, withModifiers as V, createVNode as F, toDisplayString as y, createTextVNode as oe, createCommentVNode as T, Fragment as re, renderList as ne } from "vue";
 import p from "../Icon.vue.js";
-import $ from "../Button.vue.js";
+import P from "../Button.vue.js";
 import { $t as S } from "../../utils/i18n.js";
-const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "placeholder", "disabled"], ce = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, fe = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, me = { class: "space-y-1" }, ge = { class: "text-sm font-medium text-foreground" }, pe = { class: "text-primary hover:underline" }, ve = {
+const se = { class: "w-full" }, de = ["multiple", "accept", "data-testid"], ue = ["data-testid"], ce = ["value", "placeholder", "disabled"], fe = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, me = ["data-testid"], ge = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, pe = { class: "space-y-1" }, ve = { class: "text-sm font-medium text-foreground" }, he = { class: "text-primary hover:underline" }, ye = {
   key: 0,
   class: "text-xs text-muted-foreground"
-}, he = {
+}, be = {
   key: 1,
   class: "space-y-2"
-}, ye = { class: "shrink-0 mr-3" }, xe = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, be = { class: "flex-1 min-w-0 flex flex-col items-start overflow-hidden" }, ke = {
+}, xe = { class: "shrink-0 mr-3" }, ke = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, we = { class: "flex-1 min-w-0 flex flex-col items-start overflow-hidden" }, Ve = {
   key: 0,
   class: "inline-flex items-center group/rename w-fit max-w-full mb-0.5"
-}, we = { class: "grid relative w-fit max-w-full items-center -ml-1" }, Ve = { class: "invisible whitespace-pre col-start-1 row-start-1 text-sm font-medium px-1 py-0.5 max-w-full overflow-hidden text-ellipsis" }, Fe = ["value", "onInput", "placeholder"], Se = ["title"], Ae = {
+}, Fe = { class: "grid relative w-fit max-w-full items-center -ml-1" }, Se = { class: "invisible whitespace-pre col-start-1 row-start-1 text-sm font-medium px-1 py-0.5 max-w-full overflow-hidden text-ellipsis" }, Ae = ["value", "onInput", "placeholder"], $e = ["title"], Ce = {
   key: 1,
   class: "text-sm font-medium text-foreground truncate w-full"
-}, Ce = { class: "text-xs text-muted-foreground -mt-1" }, Te = { class: "shrink-0 ml-3 flex gap-2 items-center" }, ze = {
+}, Te = { class: "text-xs text-muted-foreground -mt-1" }, ze = { class: "shrink-0 ml-3 flex gap-2 items-center" }, De = {
   key: 0,
   class: "flex gap-2"
-}, Pe = /* @__PURE__ */ te({
+}, Me = /* @__PURE__ */ te({
   name: "FilePicker",
   __name: "FilePicker",
   props: {
@@ -38,13 +38,13 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
     allowRename: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change", "error"],
-  setup(o, { emit: M }) {
-    const e = o, u = M, v = (l, t, i) => {
+  setup(a, { emit: M }) {
+    const e = a, u = M, v = (l, t, i) => {
       const r = i ? S(l, i) : S(l);
       return r !== l ? r : t;
     }, j = f(
       () => e.placeholderI18n ? S(e.placeholderI18n) : e.placeholder !== void 0 ? e.placeholder : v("vlite.filePicker.selectFile", "Select file...")
-    ), U = f(() => e.textI18n ? S(e.textI18n) : v("vlite.filePicker.clickToUpload", "Click to upload")), E = f(() => v("vlite.filePicker.dragAndDrop", "or drag and drop")), R = f(() => v("vlite.filePicker.addMore", "Add more")), L = f(() => v("vlite.filePicker.unknownFile", "Unknown File")), D = f(() => v("vlite.filePicker.enterFileName", "Enter file name")), W = f(() => v("vlite.filePicker.renameFile", "Rename file")), B = C(null), x = C(!1), s = C(!1);
+    ), U = f(() => e.textI18n ? S(e.textI18n) : v("vlite.filePicker.clickToUpload", "Click to upload")), E = f(() => v("vlite.filePicker.dragAndDrop", "or drag and drop")), R = f(() => v("vlite.filePicker.addMore", "Add more")), L = f(() => v("vlite.filePicker.unknownFile", "Unknown File")), z = f(() => v("vlite.filePicker.enterFileName", "Enter file name")), W = f(() => v("vlite.filePicker.renameFile", "Rename file")), D = $(null), b = $(!1), s = $(!1);
     ie();
     const O = f(() => e.fileTypes.join(",")), A = f(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), w = f(() => {
       let l = [];
@@ -62,23 +62,23 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
         }
         return t;
       });
-    }), b = () => {
+    }), x = () => {
       if (!(e.disabled || e.loading || s.value)) {
         if (e.multiSelect && e.maxFiles && (Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0) >= e.maxFiles) {
           u("error", `Maximum ${e.maxFiles} files allowed`);
           return;
         }
-        B.value?.click();
+        D.value?.click();
       }
     }, q = (l) => {
-      l.preventDefault(), !(e.disabled || e.loading) && (x.value = !0);
+      l.preventDefault(), !(e.disabled || e.loading) && (b.value = !0);
     }, G = (l) => {
-      l.preventDefault(), x.value = !1;
+      l.preventDefault(), b.value = !1;
     }, K = (l) => {
-      l.preventDefault(), x.value = !1, !(e.disabled || e.loading || s.value) && l.dataTransfer?.files && N(l.dataTransfer.files);
+      l.preventDefault(), b.value = !1, !(e.disabled || e.loading || s.value) && l.dataTransfer?.files && B(l.dataTransfer.files);
     }, H = (l) => {
       const t = l.target;
-      t.files && N(t.files), t.value = "";
+      t.files && B(t.files), t.value = "";
     }, J = (l) => {
       if (l === 0 || !l) return "";
       const t = 1024, i = ["Bytes", "KB", "MB", "GB", "TB"], r = Math.floor(Math.log(l) / Math.log(t));
@@ -88,13 +88,13 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
       r.readAsDataURL(l), r.onload = () => {
         typeof r.result == "string" ? t(r.result) : i(new Error("Failed to read file as base64"));
       }, r.onerror = (c) => i(c);
-    }), N = async (l) => {
+    }), B = async (l) => {
       if (l.length === 0) return;
       s.value = !0;
       const t = [], i = [], r = Array.from(l);
       let c = e.multiSelect ? r : [r[0]];
       if (e.multiSelect && e.maxFiles) {
-        const a = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - a;
+        const o = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - o;
         if (g <= 0) {
           u("error", `Maximum ${e.maxFiles} files allowed`), s.value = !1;
           return;
@@ -102,42 +102,42 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
         c.length > g && (i.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), c = c.slice(0, g));
       }
       try {
-        for (const a of c) {
+        for (const o of c) {
           if (e.fileTypes.length > 0 && !e.fileTypes.some((k) => {
             if (k.startsWith("."))
-              return a.name.toLowerCase().endsWith(k.toLowerCase());
+              return o.name.toLowerCase().endsWith(k.toLowerCase());
             if (k.endsWith("/*")) {
               const le = k.split("/")[0];
-              return a.type.startsWith(le);
+              return o.type.startsWith(le);
             }
-            return a.type === k;
+            return o.type === k;
           })) {
-            i.push(`File type not allowed: ${a.name}`);
+            i.push(`File type not allowed: ${o.name}`);
             continue;
           }
           let g = !1;
-          e.maxSize && a.size > e.maxSize && (i.push(`File too large: ${a.name}`), g = !0);
-          let I = "";
+          e.maxSize && o.size > e.maxSize && (i.push(`File too large: ${o.name}`), g = !0);
+          let N = "";
           if (e.returnFormat === "base64" && !g)
             try {
-              I = await Q(a);
-            } catch (P) {
-              console.error("Base64 read failed", P);
+              N = await Q(o);
+            } catch (I) {
+              console.error("Base64 read failed", I);
             }
           t.push({
-            fileName: a.name,
-            fileType: a.type,
-            fileSize: a.size,
-            file: a,
-            base64: I
+            fileName: o.name,
+            fileType: o.type,
+            fileSize: o.size,
+            file: o,
+            base64: N
           });
         }
         if (i.length > 0 && u("error", i.join("; ")), t.length > 0) {
-          let a;
-          e.multiSelect ? a = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : a = t[0], u("update:modelValue", a), u("change", a);
+          let o;
+          e.multiSelect ? o = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : o = t[0], u("update:modelValue", o), u("change", o);
         }
-      } catch (a) {
-        console.error("Error processing files:", a), u("error", "Failed to process files");
+      } catch (o) {
+        console.error("Error processing files:", o), u("error", "Failed to process files");
       } finally {
         s.value = !1;
       }
@@ -196,38 +196,40 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
     return (l, t) => (n(), m("div", se, [
       d("input", {
         ref_key: "fileInput",
-        ref: B,
+        ref: D,
         type: "file",
-        multiple: o.multiSelect,
+        multiple: a.multiSelect,
         accept: O.value,
         class: "hidden",
+        "data-testid": l.$attrs["data-testid"] ? `${l.$attrs["data-testid"]}-input` : l.$attrs.name ? `filepicker-input-${l.$attrs.name}` : "filepicker-input",
         onChange: H
       }, null, 40, de),
-      oe(l.$slots, "trigger", {
-        trigger: b,
-        isDragging: x.value,
-        isLoading: o.loading || s.value,
+      ae(l.$slots, "trigger", {
+        trigger: x,
+        isDragging: b.value,
+        isLoading: a.loading || s.value,
         files: w.value
       }, () => [
-        o.variant === "input" ? (n(), m("div", {
+        a.variant === "input" ? (n(), m("div", {
           key: 0,
           class: "relative",
-          onClick: b
+          onClick: x,
+          "data-testid": l.$attrs["data-testid"] || (l.$attrs.name ? `filepicker-${l.$attrs.name}` : "filepicker")
         }, [
           d("input", {
             type: "text",
             value: _.value,
             placeholder: j.value,
             readonly: "",
-            class: T(ee.value),
-            disabled: o.disabled || o.loading || s.value
-          }, null, 10, ue),
-          d("div", ce, [
-            o.loading || s.value ? (n(), h(p, {
+            class: C(ee.value),
+            disabled: a.disabled || a.loading || s.value
+          }, null, 10, ce),
+          d("div", fe, [
+            a.loading || s.value ? (n(), h(p, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : A.value && !o.disabled ? (n(), m("button", {
+            })) : A.value && !a.disabled ? (n(), m("button", {
               key: 1,
               type: "button",
               class: "text-muted-foreground hover:text-foreground focus:outline-none",
@@ -243,41 +245,42 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
               class: "h-4 w-4 text-muted-foreground"
             }))
           ])
-        ])) : (n(), m("div", {
+        ], 8, ue)) : (n(), m("div", {
           key: 1,
           class: "relative",
           onDragover: q,
           onDragleave: G,
-          onDrop: K
+          onDrop: K,
+          "data-testid": l.$attrs["data-testid"] || (l.$attrs.name ? `filepicker-${l.$attrs.name}` : "filepicker")
         }, [
-          A.value ? (n(), m("div", he, [
+          A.value ? (n(), m("div", be, [
             (n(!0), m(re, null, ne(w.value, (i, r) => (n(), m("div", {
               key: r,
-              class: T(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [
-                !o.multiSelect && !o.disabled && !o.loading && !s.value ? "cursor-pointer hover:border-primary/50" : ""
+              class: C(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [
+                !a.multiSelect && !a.disabled && !a.loading && !s.value ? "cursor-pointer hover:border-primary/50" : ""
               ]]),
-              onClick: t[2] || (t[2] = (c) => !o.multiSelect && !o.disabled && !o.loading && !s.value ? b() : null)
+              onClick: t[2] || (t[2] = (c) => !a.multiSelect && !a.disabled && !a.loading && !s.value ? x() : null)
             }, [
-              d("div", ye, [
-                d("div", xe, [
+              d("div", xe, [
+                d("div", ke, [
                   F(p, {
                     icon: "lucide:file-text",
                     class: "w-5 h-5"
                   })
                 ])
               ]),
-              d("div", be, [
-                o.allowRename && !o.disabled && !o.loading && !s.value ? (n(), m("div", ke, [
-                  d("div", we, [
-                    d("span", Ve, y(i.fileName || D.value), 1),
+              d("div", we, [
+                a.allowRename && !a.disabled && !a.loading && !s.value ? (n(), m("div", Ve, [
+                  d("div", Fe, [
+                    d("span", Se, y(i.fileName || z.value), 1),
                     d("input", {
                       value: i.fileName,
                       onClick: t[0] || (t[0] = V(() => {
                       }, ["stop"])),
                       onInput: (c) => Z(r, c.target.value),
                       class: "col-start-1 row-start-1 w-auto min-w-[2ch] text-sm font-medium text-foreground bg-transparent border-b border-transparent hover:border-border focus:border-primary outline-none transition-colors py-0.5 px-1",
-                      placeholder: D.value
-                    }, null, 40, Fe)
+                      placeholder: z.value
+                    }, null, 40, Ae)
                   ]),
                   d("div", {
                     class: "shrink-0 ml-1 text-muted-foreground/50 group-hover/rename:text-foreground transition-colors cursor-text",
@@ -291,16 +294,16 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
                       icon: "lucide:pencil",
                       class: "w-3 h-3"
                     })
-                  ], 8, Se)
-                ])) : (n(), m("p", Ae, y(i.fileName), 1)),
-                d("p", Ce, y(J(i.fileSize)), 1)
+                  ], 8, $e)
+                ])) : (n(), m("p", Ce, y(i.fileName), 1)),
+                d("p", Te, y(J(i.fileSize)), 1)
               ]),
-              d("div", Te, [
-                o.loading || s.value ? (n(), h(p, {
+              d("div", ze, [
+                a.loading || s.value ? (n(), h(p, {
                   key: 0,
                   icon: "lucide:loader-2",
                   class: "w-4 h-4 animate-spin text-primary"
-                })) : o.disabled ? z("", !0) : (n(), h($, {
+                })) : a.disabled ? T("", !0) : (n(), h(P, {
                   key: 1,
                   size: "xs",
                   variant: "ghost",
@@ -311,26 +314,26 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
                 }, null, 8, ["onClick"]))
               ])
             ], 2))), 128)),
-            o.multiSelect && (!o.maxFiles || w.value.length < o.maxFiles) ? (n(), m("div", ze, [
-              F($, {
+            a.multiSelect && (!a.maxFiles || w.value.length < a.maxFiles) ? (n(), m("div", De, [
+              F(P, {
                 size: "sm",
                 variant: "outline",
                 icon: "lucide:plus",
                 text: R.value,
-                disabled: o.disabled || o.loading || s.value,
-                onClick: b
+                disabled: a.disabled || a.loading || s.value,
+                onClick: x
               }, null, 8, ["text", "disabled"])
-            ])) : z("", !0)
+            ])) : T("", !0)
           ])) : (n(), m("div", {
             key: 0,
-            class: T(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
-              x.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
-              o.disabled || o.loading || s.value ? "opacity-50 cursor-not-allowed" : ""
+            class: C(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
+              b.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
+              a.disabled || a.loading || s.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),
-            onClick: b
+            onClick: x
           }, [
-            d("div", fe, [
-              o.loading || s.value ? (n(), h(p, {
+            d("div", ge, [
+              a.loading || s.value ? (n(), h(p, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin"
@@ -340,19 +343,19 @@ const se = { class: "w-full" }, de = ["multiple", "accept"], ue = ["value", "pla
                 class: "w-6 h-6"
               }))
             ]),
-            d("div", me, [
-              d("p", ge, [
-                d("span", pe, y(U.value), 1),
-                ae(" " + y(E.value), 1)
+            d("div", pe, [
+              d("p", ve, [
+                d("span", he, y(U.value), 1),
+                oe(" " + y(E.value), 1)
               ]),
-              o.fileTypes.length ? (n(), m("p", ve, y(o.fileTypes.join(", ")), 1)) : z("", !0)
+              a.fileTypes.length ? (n(), m("p", ye, y(a.fileTypes.join(", ")), 1)) : T("", !0)
             ])
           ], 2))
-        ], 32))
+        ], 40, me))
       ])
     ]));
   }
 });
 export {
-  Pe as default
+  Me as default
 };

package/components/Form/CustomFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./CustomFields.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3e1f26ae"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-087f0277"]]);
 export {
-  r as default
+  s as default
 };

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ca24c2fd"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-712d6d5d"]]);
 export {
-  c as default
+  p as default
 };