vlite3 1.4.5 → 1.4.7

package/components/FilePicker/FilePicker.vue.js

@@ -1,437 +0,0 @@
-import { defineComponent as pe, computed as s, ref as N, useSlots as ge, onBeforeUnmount as ve, openBlock as r, createElementBlock as c, normalizeClass as k, createElementVNode as o, renderSlot as he, withKeys as q, withModifiers as w, createVNode as F, toDisplayString as g, createBlock as A, createCommentVNode as z, createTextVNode as ye, Fragment as xe, renderList as be } from "vue";
-import v from "../Icon.vue.js";
-import G from "../Button.vue.js";
-import { $t as C } from "../../utils/i18n.js";
-const ke = ["multiple", "accept", "data-testid"], we = ["data-testid"], Fe = ["aria-disabled", "aria-label", "onKeydown"], Ve = {
-  key: 0,
-  class: "flex min-w-0 flex-1 items-center gap-2.5"
-}, Se = ["src", "alt"], $e = { class: "min-w-0 flex-1" }, Ae = { class: "truncate font-medium leading-tight text-foreground" }, ze = { class: "truncate text-[11px] leading-tight text-muted-foreground" }, Ce = {
-  key: 1,
-  class: "flex min-w-0 flex-1 items-center gap-2 text-muted-foreground"
-}, Te = { class: "truncate" }, De = {
-  key: 0,
-  class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background"
-}, Ne = ["data-testid"], je = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, Pe = { class: "space-y-1" }, Be = { class: "text-sm font-medium text-foreground" }, Ue = { class: "text-primary hover:underline" }, Ie = {
-  key: 0,
-  class: "text-xs text-muted-foreground"
-}, Me = {
-  key: 1,
-  class: "space-y-2"
-}, Le = { class: "shrink-0 mr-3" }, Re = { 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" }, Ee = {
-  key: 0,
-  class: "inline-flex items-center group/rename w-fit max-w-full mb-0.5"
-}, Ke = { class: "grid relative w-fit max-w-full items-center -ml-1" }, Oe = { 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" }, qe = ["value", "onInput", "placeholder"], Ge = ["title"], He = {
-  key: 1,
-  class: "text-sm font-medium text-foreground truncate w-full"
-}, Je = { class: "text-xs text-muted-foreground -mt-1" }, Qe = { class: "shrink-0 ml-3 flex gap-2 items-center" }, Xe = {
-  key: 0,
-  class: "flex gap-2"
-}, tt = /* @__PURE__ */ pe({
-  name: "FilePicker",
-  __name: "FilePicker",
-  props: {
-    modelValue: { default: null },
-    multiSelect: { type: Boolean, default: !1 },
-    fileTypes: { default: () => [] },
-    returnFormat: { default: "file" },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    maxSize: {},
-    maxFiles: {},
-    variant: { default: "dropzone" },
-    placeholder: {},
-    placeholderI18n: {},
-    textI18n: {},
-    size: { default: "md" },
-    rounded: { default: "md" },
-    allowRename: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "change", "error"],
-  setup(a, { emit: H }) {
-    const t = a, f = H, p = (e, l, i) => {
-      const d = i ? C(e, i) : C(e);
-      return d !== e ? d : l;
-    }, j = s(
-      () => t.placeholderI18n ? C(t.placeholderI18n) : t.placeholder !== void 0 ? t.placeholder : p("vlite.filePicker.selectFile", "Select file...")
-    ), J = s(() => t.textI18n ? C(t.textI18n) : p("vlite.filePicker.clickToUpload", "Click to upload")), Q = s(() => p("vlite.filePicker.dragAndDrop", "or drag and drop")), X = s(() => p("vlite.filePicker.addMore", "Add more")), T = s(() => p("vlite.filePicker.unknownFile", "Unknown File")), P = s(() => p("vlite.filePicker.enterFileName", "Enter file name")), Y = s(() => p("vlite.filePicker.renameFile", "Rename file"));
-    s(() => p("vlite.filePicker.emptyTitle", "No file selected")), s(
-      () => p("vlite.filePicker.emptyDescription", "Drop a file here or browse from your device")
-    );
-    const B = N(null), V = N(!1), u = N(!1), U = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new Set();
-    ge();
-    const Z = s(() => t.fileTypes.join(",")), b = s(() => Array.isArray(t.modelValue) ? t.modelValue.length > 0 : t.modelValue !== null), y = s(() => {
-      let e = [];
-      return Array.isArray(t.modelValue) ? e = t.modelValue : t.modelValue && (e = [t.modelValue]), e.map((l) => {
-        if (typeof l == "string") {
-          const i = l.split("/").pop() || T.value;
-          return {
-            fileName: decodeURIComponent(i),
-            fileType: "unknown",
-            fileSize: 0,
-            file: null,
-            base64: l,
-            isUrl: !0
-          };
-        }
-        return l;
-      });
-    }), x = () => {
-      if (!(t.disabled || t.loading || u.value)) {
-        if (t.multiSelect && t.maxFiles && (Array.isArray(t.modelValue) ? t.modelValue.length : t.modelValue ? 1 : 0) >= t.maxFiles) {
-          f("error", `Maximum ${t.maxFiles} files allowed`);
-          return;
-        }
-        B.value?.click();
-      }
-    }, _ = (e) => {
-      e.preventDefault(), !(t.disabled || t.loading) && (V.value = !0);
-    }, ee = (e) => {
-      e.preventDefault(), V.value = !1;
-    }, te = (e) => {
-      e.preventDefault(), V.value = !1, !(t.disabled || t.loading || u.value) && e.dataTransfer?.files && W(e.dataTransfer.files);
-    }, le = (e) => {
-      const l = e.target;
-      l.files && W(l.files), l.value = "";
-    }, I = (e) => {
-      if (e === 0 || !e) return "";
-      const l = 1024, i = ["Bytes", "KB", "MB", "GB", "TB"], d = Math.floor(Math.log(e) / Math.log(l));
-      return parseFloat((e / Math.pow(l, d)).toFixed(2)) + " " + i[d];
-    }, M = (e = "") => e.split("?")[0].split("#")[0].split(".").pop()?.toLowerCase() || "", L = (e) => {
-      const l = e.fileType || "", i = M(e.fileName || e.base64 || "");
-      return l.startsWith("image/") || e.base64?.startsWith("data:image/") || ["apng", "avif", "gif", "jpg", "jpeg", "png", "svg", "webp"].includes(i);
-    }, R = (e) => {
-      if (!L(e)) return "";
-      if (e.base64?.startsWith("data:image/") || e.isUrl) return e.base64;
-      if (typeof File < "u" && e.file instanceof File) {
-        const l = U.get(e.file);
-        if (l) return l;
-        const i = URL.createObjectURL(e.file);
-        return U.set(e.file, i), D.add(i), i;
-      }
-      return "";
-    }, ie = (e) => {
-      const l = e.fileType || "", i = M(e.fileName || e.base64 || "");
-      return L(e) ? "lucide:image" : l.includes("pdf") || i === "pdf" || l.includes("word") || l.includes("document") || ["doc", "docx", "odt", "rtf"].includes(i) ? "lucide:file-text" : l.includes("spreadsheet") || l.includes("excel") || ["csv", "xls", "xlsx", "ods"].includes(i) ? "lucide:table" : l.includes("presentation") || ["ppt", "pptx", "odp", "key"].includes(i) ? "lucide:presentation" : l.startsWith("video/") || ["mp4", "mov", "webm", "avi", "mkv"].includes(i) ? "lucide:file-video" : l.startsWith("audio/") || ["mp3", "wav", "ogg", "m4a"].includes(i) ? "lucide:file-audio" : ["zip", "rar", "7z", "tar", "gz"].includes(i) ? "lucide:file-archive" : ["js", "ts", "vue", "html", "css", "json", "xml"].includes(i) ? "lucide:file-code" : "lucide:file";
-    }, ae = s(() => t.fileTypes.join(", ")), re = (e) => new Promise((l, i) => {
-      const d = new FileReader();
-      d.readAsDataURL(e), d.onload = () => {
-        typeof d.result == "string" ? l(d.result) : i(new Error("Failed to read file as base64"));
-      }, d.onerror = (m) => i(m);
-    });
-    ve(() => {
-      D.forEach((e) => URL.revokeObjectURL(e)), D.clear();
-    });
-    const W = async (e) => {
-      if (e.length === 0) return;
-      u.value = !0;
-      const l = [], i = [], d = Array.from(e);
-      let m = t.multiSelect ? d : [d[0]];
-      if (t.multiSelect && t.maxFiles) {
-        const n = Array.isArray(t.modelValue) ? t.modelValue.length : t.modelValue ? 1 : 0, h = t.maxFiles - n;
-        if (h <= 0) {
-          f("error", `Maximum ${t.maxFiles} files allowed`), u.value = !1;
-          return;
-        }
-        m.length > h && (i.push(`Only ${h} more file(s) allowed. Maximum ${t.maxFiles} files.`), m = m.slice(0, h));
-      }
-      try {
-        for (const n of m) {
-          if (t.fileTypes.length > 0 && !t.fileTypes.some(($) => {
-            if ($.startsWith("."))
-              return n.name.toLowerCase().endsWith($.toLowerCase());
-            if ($.endsWith("/*")) {
-              const me = $.split("/")[0];
-              return n.type.startsWith(me);
-            }
-            return n.type === $;
-          })) {
-            i.push(`File type not allowed: ${n.name}`);
-            continue;
-          }
-          let h = !1;
-          t.maxSize && n.size > t.maxSize && (i.push(`File too large: ${n.name}`), h = !0);
-          let K = "";
-          if (t.returnFormat === "base64" && !h)
-            try {
-              K = await re(n);
-            } catch (O) {
-              console.error("Base64 read failed", O);
-            }
-          l.push({
-            fileName: n.name,
-            fileType: n.type,
-            fileSize: n.size,
-            file: n,
-            base64: K
-          });
-        }
-        if (i.length > 0 && f("error", i.join("; ")), l.length > 0) {
-          let n;
-          t.multiSelect ? n = [...Array.isArray(t.modelValue) ? t.modelValue : t.modelValue ? [t.modelValue] : [], ...l] : n = l[0], f("update:modelValue", n), f("change", n);
-        }
-      } catch (n) {
-        console.error("Error processing files:", n), f("error", "Failed to process files");
-      } finally {
-        u.value = !1;
-      }
-    }, ne = (e) => {
-      if (!(t.disabled || t.loading))
-        if (t.multiSelect && Array.isArray(t.modelValue)) {
-          const l = [...t.modelValue];
-          l.splice(e, 1), f("update:modelValue", l), f("change", l);
-        } else
-          f("update:modelValue", null), f("change", null);
-    }, se = () => {
-      t.disabled || t.loading || (f("update:modelValue", null), f("change", null));
-    }, oe = (e, l) => {
-      if (t.disabled || t.loading || u.value) return;
-      let i;
-      t.multiSelect && Array.isArray(t.modelValue) ? (i = [...t.modelValue], typeof i[e] == "object" && i[e] !== null ? i[e] = { ...i[e], fileName: l } : typeof i[e] == "string" && (i[e] = {
-        fileName: l,
-        fileType: "unknown",
-        fileSize: 0,
-        file: null,
-        base64: i[e],
-        isUrl: !0
-      })) : t.modelValue && typeof t.modelValue == "object" && !Array.isArray(t.modelValue) ? i = { ...t.modelValue, fileName: l } : typeof t.modelValue == "string" && (i = {
-        fileName: l,
-        fileType: "unknown",
-        fileSize: 0,
-        file: null,
-        base64: t.modelValue,
-        isUrl: !0
-      }), i !== void 0 && (f("update:modelValue", i), f("change", i));
-    }, de = s(() => b.value ? y.value.map((l) => l.fileName).join(", ") : ""), S = s(() => y.value[0]), ue = s(() => {
-      if (!b.value) return "";
-      const e = y.value, l = e[0]?.fileName || T.value;
-      return !t.multiSelect || e.length <= 1 ? l : `${l} +${e.length - 1}`;
-    }), ce = s(() => {
-      const e = y.value;
-      if (!e.length) return ae.value;
-      if (t.multiSelect && e.length > 1)
-        return `${e.length} files selected`;
-      const l = e[0];
-      return I(l.fileSize) || l.fileType || T.value;
-    }), fe = s(() => {
-      const e = "group flex w-full items-center bg-background text-sm ring-offset-background transition-all focus-visible:outline-none cursor-pointer", l = {
-        sm: "min-h-8 px-2 py-1 text-xs gap-2",
-        md: "min-h-10 px-3 py-1.5 text-sm gap-2.5",
-        lg: "min-h-12 px-3 py-2 text-base gap-3"
-      }, i = {
-        none: "rounded-none",
-        sm: "rounded-sm",
-        md: "rounded-md",
-        lg: "rounded-lg",
-        xl: "rounded-xl",
-        "2xl": "rounded-2xl",
-        full: "rounded-full"
-      };
-      return [
-        e,
-        "border border-input focus-visible:border-primary",
-        // Default outline style
-        l[t.size],
-        i[t.rounded],
-        "pr-10 text-left",
-        // Space for action icon
-        t.disabled ? "cursor-not-allowed opacity-50" : ""
-      ].join(" ");
-    }), E = s(() => ({
-      sm: "h-6 w-6 rounded",
-      md: "h-7 w-7 rounded-md",
-      lg: "h-8 w-8 rounded-md"
-    })[t.size]);
-    return (e, l) => (r(), c("div", {
-      class: k(["vl-file-picker w-full", { "vl-file-picker--input": a.variant === "input" }])
-    }, [
-      o("input", {
-        ref_key: "fileInput",
-        ref: B,
-        type: "file",
-        multiple: a.multiSelect,
-        accept: Z.value,
-        class: "hidden",
-        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-input` : e.$attrs.name ? `filepicker-input-${e.$attrs.name}` : "filepicker-input",
-        onChange: le
-      }, null, 40, ke),
-      he(e.$slots, "trigger", {
-        trigger: x,
-        isDragging: V.value,
-        isLoading: a.loading || u.value,
-        files: y.value
-      }, () => [
-        a.variant === "input" ? (r(), c("div", {
-          key: 0,
-          class: "relative",
-          "data-testid": e.$attrs["data-testid"] || (e.$attrs.name ? `filepicker-${e.$attrs.name}` : "filepicker")
-        }, [
-          o("div", {
-            role: "button",
-            tabindex: "0",
-            "aria-disabled": a.disabled || a.loading || u.value,
-            "aria-label": de.value || j.value,
-            class: k(fe.value),
-            onClick: x,
-            onKeydown: [
-              q(w(x, ["prevent"]), ["enter"]),
-              q(w(x, ["prevent"]), ["space"])
-            ]
-          }, [
-            b.value && S.value ? (r(), c("div", Ve, [
-              R(S.value) ? (r(), c("img", {
-                key: 0,
-                src: R(S.value),
-                alt: S.value.fileName,
-                class: k(["shrink-0 border border-border bg-muted object-cover", E.value])
-              }, null, 10, Se)) : (r(), c("div", {
-                key: 1,
-                class: k(["shrink-0 border border-primary/15 bg-primary/10 text-primary flex items-center justify-center", E.value])
-              }, [
-                F(v, {
-                  icon: ie(S.value),
-                  class: "h-4 w-4"
-                }, null, 8, ["icon"])
-              ], 2)),
-              o("div", $e, [
-                o("p", Ae, g(ue.value), 1),
-                o("p", ze, g(ce.value), 1)
-              ])
-            ])) : (r(), c("div", Ce, [
-              F(v, {
-                icon: "lucide:upload",
-                class: "h-4 w-4 shrink-0"
-              }),
-              o("span", Te, g(j.value), 1)
-            ]))
-          ], 42, Fe),
-          a.loading || u.value || b.value && !a.disabled ? (r(), c("div", De, [
-            a.loading || u.value ? (r(), A(v, {
-              key: 0,
-              icon: "lucide:loader-2",
-              class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : b.value && !a.disabled ? (r(), c("button", {
-              key: 1,
-              type: "button",
-              class: "text-muted-foreground hover:text-foreground focus:outline-none",
-              onClick: w(se, ["stop"])
-            }, [
-              F(v, {
-                icon: "lucide:x-circle",
-                class: "h-4 w-4"
-              })
-            ])) : z("", !0)
-          ])) : z("", !0)
-        ], 8, we)) : (r(), c("div", {
-          key: 1,
-          class: "relative",
-          onDragover: _,
-          onDragleave: ee,
-          onDrop: te,
-          "data-testid": e.$attrs["data-testid"] || (e.$attrs.name ? `filepicker-${e.$attrs.name}` : "filepicker")
-        }, [
-          b.value ? (r(), c("div", Me, [
-            (r(!0), c(xe, null, be(y.value, (i, d) => (r(), c("div", {
-              key: d,
-              class: k(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [
-                !a.multiSelect && !a.disabled && !a.loading && !u.value ? "cursor-pointer hover:border-primary/50" : ""
-              ]]),
-              onClick: l[2] || (l[2] = (m) => !a.multiSelect && !a.disabled && !a.loading && !u.value ? x() : null)
-            }, [
-              o("div", Le, [
-                o("div", Re, [
-                  F(v, {
-                    icon: "lucide:file-text",
-                    class: "w-5 h-5"
-                  })
-                ])
-              ]),
-              o("div", We, [
-                a.allowRename && !a.disabled && !a.loading && !u.value ? (r(), c("div", Ee, [
-                  o("div", Ke, [
-                    o("span", Oe, g(i.fileName || P.value), 1),
-                    o("input", {
-                      value: i.fileName,
-                      onClick: l[0] || (l[0] = w(() => {
-                      }, ["stop"])),
-                      onInput: (m) => oe(d, m.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: P.value
-                    }, null, 40, qe)
-                  ]),
-                  o("div", {
-                    class: "shrink-0 ml-1 text-muted-foreground/50 group-hover/rename:text-foreground transition-colors cursor-text",
-                    onClick: l[1] || (l[1] = w(
-                      (m) => m.currentTarget.previousElementSibling?.querySelector("input")?.focus(),
-                      ["stop"]
-                    )),
-                    title: Y.value
-                  }, [
-                    F(v, {
-                      icon: "lucide:pencil",
-                      class: "w-3 h-3"
-                    })
-                  ], 8, Ge)
-                ])) : (r(), c("p", He, g(i.fileName), 1)),
-                o("p", Je, g(I(i.fileSize)), 1)
-              ]),
-              o("div", Qe, [
-                a.loading || u.value ? (r(), A(v, {
-                  key: 0,
-                  icon: "lucide:loader-2",
-                  class: "w-4 h-4 animate-spin text-primary"
-                })) : a.disabled ? z("", !0) : (r(), A(G, {
-                  key: 1,
-                  size: "xs",
-                  variant: "ghost",
-                  icon: "lucide:x",
-                  rounded: "full",
-                  class: "text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                  onClick: w((m) => ne(d), ["stop"])
-                }, null, 8, ["onClick"]))
-              ])
-            ], 2))), 128)),
-            a.multiSelect && (!a.maxFiles || y.value.length < a.maxFiles) ? (r(), c("div", Xe, [
-              F(G, {
-                size: "sm",
-                variant: "outline",
-                icon: "lucide:plus",
-                text: X.value,
-                disabled: a.disabled || a.loading || u.value,
-                onClick: x
-              }, null, 8, ["text", "disabled"])
-            ])) : z("", !0)
-          ])) : (r(), c("div", {
-            key: 0,
-            class: k(["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", [
-              V.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
-              a.disabled || a.loading || u.value ? "opacity-50 cursor-not-allowed" : ""
-            ]]),
-            onClick: x
-          }, [
-            o("div", je, [
-              a.loading || u.value ? (r(), A(v, {
-                key: 0,
-                icon: "lucide:loader-2",
-                class: "w-6 h-6 animate-spin"
-              })) : (r(), A(v, {
-                key: 1,
-                icon: "lucide:upload-cloud",
-                class: "w-6 h-6"
-              }))
-            ]),
-            o("div", Pe, [
-              o("p", Be, [
-                o("span", Ue, g(J.value), 1),
-                ye(" " + g(Q.value), 1)
-              ]),
-              a.fileTypes.length ? (r(), c("p", Ie, g(a.fileTypes.join(", ")), 1)) : z("", !0)
-            ])
-          ], 2))
-        ], 40, Ne))
-      ])
-    ], 2));
-  }
-});
-export {
-  tt as default
-};

package/components/FilePicker/FilePicker.vue2.js

@@ -1,4 +0,0 @@
-import f from "./FilePicker.vue.js";
-export {
-  f as default
-};

package/components/Form/CustomFields.vue.js

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