@jsg-developer/vue-pack 0.0.9 → 0.0.10

package/dist/chunks/ImageArrayInput.vue_vue_type_script_setup_true_lang-BZSS-Tzm.es.js

@@ -1,421 +0,0 @@
-import { defineComponent as ge, inject as N, ref as I, computed as E, watch as me, createElementBlock as j, openBlock as h, createElementVNode as g, createCommentVNode as H, normalizeClass as A, createTextVNode as X, createBlock as ce, toDisplayString as P, unref as M, withCtx as ue, Fragment as Y, renderList as G, normalizeStyle as he } from "vue";
-import { U as je, z as pe, aa as c, S as J, a as fe } from "./resize-Bn1jzV77.es.js";
-import "dompurify";
-import "lodash.isequal";
-import "zod";
-const be = { class: "jsgd-w-full jsgd-mb-4" }, we = ["for"], xe = {
-  key: 0,
-  class: "jsgd-mb-4 jsgd-p-4 jsgd-bg-blue-50 jsgd-border jsgd-border-blue-200 jsgd-rounded-lg dark:jsgd-bg-blue-900/20 dark:jsgd-border-blue-800"
-}, ve = { class: "jsgd-flex jsgd-items-center jsgd-gap-4" }, ke = { class: "jsgd-shrink-0 jsgd-w-16 jsgd-h-16 jsgd-bg-white jsgd-rounded jsgd-border jsgd-border-slate-300 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-overflow-hidden dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600" }, ye = ["src"], Fe = {
-  key: 1,
-  class: "jsgd-text-xs jsgd-text-slate-400"
-}, We = { class: "jsgd-flex jsgd-flex-col jsgd-gap-2" }, Ue = { class: "jsgd-flex jsgd-gap-2" }, _e = {
-  key: 0,
-  class: "jsgd-grid jsgd-grid-cols-2 jsgd-gap-4 jsgd-mb-6 min-[480px]:jsgd-grid-cols-3 md:jsgd-grid-cols-4 lg:jsgd-grid-cols-5"
-}, Ie = ["src", "alt"], Re = ["onClick"], Le = {
-  key: 1,
-  class: "jsgd-text-center jsgd-py-8 jsgd-px-4 jsgd-text-slate-400 dark:jsgd-text-slate-500"
-}, Se = { class: "jsgd-text-center jsgd-mt-4" }, Ce = ["id", "disabled"], He = ["for"], Pe = ["disabled"], Ve = { class: "jsgd-mt-2 jsgd-flex jsgd-flex-col jsgd-gap-1" }, Be = /* @__PURE__ */ ge({
-  __name: "ImageArrayInput",
-  props: {
-    id: { default: je },
-    label: {},
-    modelValue: { default: () => [] },
-    previewAlt: {},
-    disabled: { type: Boolean },
-    error: {},
-    previewImages: {},
-    validate: {},
-    watermark: {},
-    lang: {}
-  },
-  emits: ["update:modelValue", "push:error", "remove:error"],
-  setup(x, { emit: Q }) {
-    const t = x, b = Q, V = N("TableComponents", {
-      labels: I(pe[t.lang ?? "en"])
-    }).labels, F = N("TableComponents")?.ShowAlert, R = I([]), W = I([]), p = I(null), L = I(""), S = E(() => W.value.length > 0 ? W.value : typeof t.error == "string" ? [t.error] : Array.isArray(t.error) ? t.error : []), C = E(() => t.disabled ? !0 : !!(t.validate?.maxFiles && t.modelValue && t.modelValue.length >= t.validate.maxFiles)), B = E(() => {
-      if (!t.validate) return "";
-      const s = t.validate, a = [];
-      if (s.maxFiles && a.push(c("imageMaxFiles", { max: s.maxFiles }, t.lang ?? "en")), s.allowedTypes && a.push(c("imageType", {}, t.lang ?? "en") + ` (${s.allowedTypes.join(", ")})`), s.maxSize && a.push(c("imageMaxSize", { max: s.maxSize }, t.lang ?? "en")), s.pixel) {
-        const e = s.pixel;
-        ("minWidth" in e || "maxWidth" in e || "minHeight" in e || "maxHeight" in e) && (e.minWidth && a.push(c("imageMinWidth", { min: e.minWidth }, t.lang ?? "en")), e.minHeight && a.push(c("imageMinHeight", { min: e.minHeight }, t.lang ?? "en")), e.maxWidth && a.push(c("imageMaxWidth", { max: e.maxWidth }, t.lang ?? "en")), e.maxHeight && a.push(c("imageMaxHeight", { max: e.maxHeight }, t.lang ?? "en"))), ("width" in e || "height" in e) && a.push(
-          c(
-            "imagePixel",
-            { width: e.width ?? "any", height: e.height ?? "any" },
-            t.lang ?? "en"
-          )
-        );
-      }
-      return s.ratio && a.push(
-        c("imageRatio", { w: s.ratio.Width, h: s.ratio.Height }, t.lang ?? "en")
-      ), a.join(`
-`);
-    });
-    me(
-      () => t.modelValue,
-      async (s) => {
-        if (!s || s.length === 0) {
-          R.value = t.previewImages || [], K();
-          return;
-        }
-        const a = s.map((e) => new Promise((d) => {
-          if (typeof e == "string")
-            d(e);
-          else if (e instanceof File) {
-            const r = new FileReader();
-            r.onload = (l) => d(l.target?.result), r.onerror = () => d(""), r.readAsDataURL(e);
-          } else
-            d("");
-        }));
-        R.value = await Promise.all(a), K();
-      },
-      { immediate: !0, deep: !0 }
-    );
-    function Z() {
-      const s = prompt("Enter Watermark Image URL (https://...):");
-      s && (s.startsWith("http://") || s.startsWith("https://") ? (p.value = s, L.value = s) : F?.("error", "Invalid URL", ["URL must start with http:// or https://"]));
-    }
-    function ee(s) {
-      const a = s.target, e = a.files?.[0];
-      e && (p.value = e, L.value = URL.createObjectURL(e)), a.value = "";
-    }
-    function D(s, a = !1) {
-      return new Promise((e, d) => {
-        const r = new Image();
-        a && (r.crossOrigin = "anonymous"), r.onload = () => e(r), r.onerror = (l) => {
-          console.error("Failed to load image:", s, l), d(new Error(`Failed to load image: ${s}`));
-        }, r.src = s;
-      });
-    }
-    async function O(s) {
-      if (!t.watermark)
-        return s;
-      let a = "";
-      if (t.watermark.url === "upload") {
-        if (!p.value)
-          return console.warn('Watermark config is "upload" but no watermark image set. Skipping watermark.'), s;
-        if (p.value instanceof File)
-          a = URL.createObjectURL(p.value);
-        else if (typeof p.value == "string")
-          a = p.value;
-        else
-          return console.warn("Unsupported watermark source type. Skipping watermark."), s;
-      } else
-        a = t.watermark.url;
-      const e = t.watermark, d = URL.createObjectURL(s);
-      try {
-        const [r, l] = await Promise.all([
-          D(d, !1),
-          D(a, !0)
-        ]), o = document.createElement("canvas");
-        o.width = r.width, o.height = r.height;
-        const n = o.getContext("2d");
-        if (!n) return s;
-        n.drawImage(r, 0, 0);
-        let i = l.width, m = l.height;
-        if (typeof e.size == "number")
-          i = e.size, m = e.size;
-        else if (e.size) {
-          const u = e.size;
-          i = u.width, m = u.height;
-        }
-        let v = 0, k = 0, w = 0, U = 0;
-        if (e.margin !== void 0)
-          if (typeof e.margin == "number")
-            v = k = w = U = e.margin;
-          else {
-            const u = e.margin;
-            v = u.top ?? 0, k = u.right ?? 0, w = u.bottom ?? 0, U = u.left ?? 0;
-          }
-        let f = 0, y = 0;
-        const z = o.width, $ = o.height, _ = e.position ?? "bottom-right";
-        if (typeof _ == "string")
-          if (_ === "full")
-            f = 0, y = 0, i = z, m = $;
-          else
-            switch (_) {
-              case "top-left":
-                f = U, y = v;
-                break;
-              case "top-right":
-                f = z - i - k, y = v;
-                break;
-              case "bottom-left":
-                f = U, y = $ - m - w;
-                break;
-              case "bottom-right":
-                f = z - i - k, y = $ - m - w;
-                break;
-            }
-        else if (typeof _ == "object") {
-          const u = _;
-          f = u.x, y = u.y;
-        }
-        n.save();
-        let T = 1;
-        e.opacity !== void 0 ? T = e.opacity : e.transparant !== void 0 && (T = e.transparant / 100), n.globalAlpha = T;
-        const de = f + i / 2, le = y + m / 2;
-        return n.translate(de, le), e.rotate && n.rotate(e.rotate * Math.PI / 180), n.drawImage(l, -i / 2, -m / 2, i, m), n.restore(), new Promise((u, oe) => {
-          o.toBlob((q) => {
-            if (q) {
-              const ne = new File([q], s.name, { type: s.type });
-              u(ne);
-            } else
-              oe(new Error("Canvas toBlob failed"));
-          }, s.type);
-        });
-      } catch (r) {
-        return console.error(`Watermark application failed for ${s.name}:`, r), F?.("error", `Watermark Error (${s.name})`, [
-          "Failed to apply watermark. Using original image."
-        ]), s;
-      } finally {
-        URL.revokeObjectURL(d), t.watermark.url === "upload" && p.value instanceof File && URL.revokeObjectURL(a);
-      }
-    }
-    async function te() {
-      if (t.disabled) return;
-      if (C.value) {
-        F?.(
-          "error",
-          c("imageMaxFiles", { max: t.validate.maxFiles }, t.lang ?? "en")
-        );
-        return;
-      }
-      const s = prompt(V.value.placeholder?.url ?? "Please enter the image URL");
-      if (s) {
-        if (!s.startsWith("http://") && !s.startsWith("https://")) {
-          F?.("error", "Invalid URL", [
-            "Please enter a valid URL starting with http:// or https://"
-          ]);
-          return;
-        }
-        const a = t.modelValue || [];
-        if (!t.watermark || !p) {
-          b("update:modelValue", [...a, s]);
-          return;
-        }
-        try {
-          const e = await fetch(s, { mode: "cors" });
-          if (!e.ok) throw new Error("Failed to fetch image");
-          const d = await e.blob(), r = s.split("/").pop()?.split("?")[0] || `image-${Date.now()}.png`, l = new File([d], r, { type: d.type || "image/png" }), o = await O(l);
-          b("update:modelValue", [...a, o]);
-        } catch (e) {
-          console.error("URL Watermark Error:", e), confirm(
-            "Could not apply watermark due to security (CORS). Add original image instead?"
-          ) && b("update:modelValue", [...a, s]);
-        }
-      }
-    }
-    async function se(s) {
-      if (t.disabled) return;
-      const a = s.target, e = a.files;
-      if (!e || e.length === 0) return;
-      const d = t.modelValue || [], r = t.validate?.maxFiles;
-      if (r && d.length + e.length > r) {
-        F?.("error", c("imageMaxFiles", { max: r }, t.lang ?? "en")), a.value = "";
-        return;
-      }
-      const l = [], o = t.validate?.allowedTypes?.map((i) => i.toLowerCase()) ?? [];
-      for (const i of Array.from(e)) {
-        const m = i.name.split(".").pop()?.toLowerCase();
-        if (o.length > 0 && (!m || !o.includes(m))) {
-          F?.("error", "Invalid file type", [
-            c("imageType", {}, t.lang ?? "en") + ` (${t.validate?.allowedTypes?.join(", ")})`
-          ]);
-          continue;
-        }
-        l.push(i);
-      }
-      let n = [];
-      if (t.watermark && p.value && l.length > 0)
-        try {
-          const i = l.map((m) => O(m));
-          n = await Promise.all(i);
-        } catch (i) {
-          console.error("Batch watermarking process failed:", i), a.value = "";
-          return;
-        }
-      else
-        n = l;
-      n.length > 0 && b("update:modelValue", [...d, ...n]), a.value = "";
-    }
-    function ae(s) {
-      if (t.disabled) return;
-      const a = [...t.modelValue || []];
-      a.splice(s, 1), b("update:modelValue", a);
-    }
-    async function K() {
-      if (!t.validate || !t.modelValue || t.modelValue.length === 0) {
-        W.value = [], b("remove:error", t.id);
-        return;
-      }
-      const s = [];
-      t.validate.maxFiles && t.modelValue.length > t.validate.maxFiles && s.push(c("imageMaxFiles", { max: t.validate.maxFiles }, t.lang ?? "en"));
-      const a = t.modelValue.map(
-        (d, r) => re(d, r + 1)
-      );
-      (await Promise.all(a)).forEach((d) => s.push(...d)), W.value = [...new Set(s)], W.value.length > 0 ? b("push:error", W.value, t.id) : b("remove:error", t.id);
-    }
-    async function re(s, a) {
-      const e = [];
-      if (!(s instanceof File))
-        return [];
-      const d = s, r = t.validate;
-      if (r.allowedTypes) {
-        const l = d.name.split(".").pop()?.toLowerCase();
-        (!l || !r.allowedTypes.map((o) => o.toLowerCase()).includes(l)) && e.push(
-          `File ${a}: ` + c("imageType", {}, t.lang ?? "en") + ` (${r.allowedTypes.join(", ")})`
-        );
-      }
-      if (r.maxSize && d.size / 1024 > r.maxSize && e.push(
-        `File ${a}: ` + c("imageMaxSize", { max: r.maxSize }, t.lang ?? "en")
-      ), r.pixel || r.ratio) {
-        const l = await ie(d), o = l.width, n = l.height;
-        if (r.pixel) {
-          const i = r.pixel;
-          ("minWidth" in i && i.minWidth && o < i.minWidth || "minHeight" in i && i.minHeight && n < i.minHeight || "maxWidth" in i && i.maxWidth && o > i.maxWidth || "maxHeight" in i && i.maxHeight && n > i.maxHeight) && e.push(`File ${a}: Invalid dimensions.`), ("width" in i && i.width && o !== i.width || "height" in i && i.height && n !== i.height) && e.push(
-            `File ${a}: ` + c(
-              "imagePixel",
-              { width: i.width ?? o, height: i.height ?? n },
-              t.lang ?? "en"
-            )
-          );
-        }
-        if (r.ratio) {
-          const i = r.ratio.Width, m = r.ratio.Height, v = J(o, n), k = J(i, m);
-          let w = v.w === k.w && v.h === k.h;
-          if (!w) {
-            const U = o / n, f = i / m;
-            w = Math.abs(U - f) <= 0.01;
-          }
-          w || e.push(
-            `File ${a}: ` + c(
-              "imageRatio",
-              { w: String(i), h: String(m) },
-              t.lang ?? "en"
-            )
-          );
-        }
-      }
-      return e;
-    }
-    function ie(s) {
-      return new Promise((a) => {
-        const e = new FileReader();
-        e.onload = (d) => {
-          const r = new Image();
-          r.onload = () => a({ width: r.width, height: r.height }), r.onerror = () => a({ width: 0, height: 0 }), r.src = d.target?.result;
-        }, e.onerror = () => a({ width: 0, height: 0 }), e.readAsDataURL(s);
-      });
-    }
-    return (s, a) => (h(), j("div", be, [
-      g("label", {
-        for: x.id,
-        class: A(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100", { "jsgd-text-red-500 dark:jsgd-text-red-400": S.value.length !== 0 }])
-      }, [
-        X(P(x.label) + " ", 1),
-        B.value ? (h(), ce(M(fe), {
-          key: 0,
-          text: B.value,
-          as: "strong"
-        }, {
-          default: ue(() => [...a[0] || (a[0] = [
-            X(" ❓", -1)
-          ])]),
-          _: 1
-        }, 8, ["text"])) : H("", !0)
-      ], 10, we),
-      t.watermark?.url === "upload" ? (h(), j("div", xe, [
-        a[3] || (a[3] = g("p", { class: "jsgd-text-xs jsgd-font-bold jsgd-uppercase jsgd-text-blue-600 jsgd-mb-2 dark:jsgd-text-blue-400" }, " Configuration: Watermark Image ", -1)),
-        g("div", ve, [
-          g("div", ke, [
-            L.value ? (h(), j("img", {
-              key: 0,
-              src: L.value,
-              alt: "Watermark Preview",
-              class: "jsgd-w-full jsgd-h-full jsgd-object-contain"
-            }, null, 8, ye)) : (h(), j("span", Fe, "None"))
-          ]),
-          g("div", We, [
-            g("div", Ue, [
-              g("input", {
-                type: "file",
-                accept: "image/*",
-                onChange: ee,
-                class: "jsgd-hidden",
-                id: "watermark-upload-input"
-              }, null, 32),
-              a[1] || (a[1] = g("label", {
-                for: "watermark-upload-input",
-                class: "jsgd-px-3 jsgd-py-1.5 jsgd-text-xs jsgd-font-medium jsgd-text-white jsgd-bg-slate-600 jsgd-rounded hover:jsgd-bg-slate-700 jsgd-cursor-pointer jsgd-transition-colors"
-              }, " Select Image ", -1)),
-              g("button", {
-                type: "button",
-                onClick: Z,
-                class: "jsgd-px-3 jsgd-py-1.5 jsgd-text-xs jsgd-font-medium jsgd-text-white jsgd-bg-slate-600 jsgd-rounded hover:jsgd-bg-slate-700 jsgd-cursor-pointer jsgd-transition-colors"
-              }, " Use URL ")
-            ]),
-            a[2] || (a[2] = g("p", { class: "jsgd-text-[10px] jsgd-text-slate-500 dark:jsgd-text-slate-400" }, " Set this watermark before uploading your main images. ", -1))
-          ])
-        ])
-      ])) : H("", !0),
-      g("div", {
-        class: A(["jsgd-bg-slate-50 jsgd-border-2 jsgd-border-dashed jsgd-border-slate-300 jsgd-rounded-xl jsgd-p-6 jsgd-transition-colors jsgd-duration-200 hover:jsgd-bg-slate-100 hover:jsgd-border-blue-500 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-700 dark:hover:jsgd-border-blue-400", { "jsgd-border-red-300 dark:jsgd-border-red-800": S.value.length !== 0 }])
-      }, [
-        R.value.length > 0 ? (h(), j("div", _e, [
-          (h(!0), j(Y, null, G(R.value, (e, d) => (h(), j("div", {
-            key: d,
-            class: "jsgd-relative jsgd-rounded-lg jsgd-overflow-hidden jsgd-shadow-sm jsgd-transition-all jsgd-duration-200 jsgd-group hover:jsgd-scale-105 hover:jsgd-shadow-lg jsgd-animate-[popIn_0.4s_ease-out_backwards]",
-            style: he({ animationDelay: `${d * 50}ms` })
-          }, [
-            g("img", {
-              src: e,
-              alt: `${x.previewAlt} ${d + 1}`,
-              class: "jsgd-block jsgd-w-full jsgd-aspect-square jsgd-object-cover jsgd-bg-white dark:jsgd-bg-transparent"
-            }, null, 8, Ie),
-            x.disabled ? H("", !0) : (h(), j("button", {
-              key: 0,
-              onClick: (r) => ae(d),
-              class: "jsgd-absolute jsgd-top-2 jsgd-right-2 jsgd-w-7 jsgd-h-7 jsgd-pb-[5px] jsgd-flex jsgd-items-center jsgd-justify-center jsgd-text-xl jsgd-font-bold jsgd-leading-none jsgd-text-white jsgd-bg-red-500/80 jsgd-backdrop-blur-sm jsgd-rounded-full jsgd-border-2 jsgd-border-white jsgd-cursor-pointer jsgd-opacity-0 jsgd-scale-50 jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-red-600 hover:jsgd-scale-110 hover:jsgd-rotate-90 group-hover:jsgd-opacity-100 group-hover:jsgd-scale-100",
-              "aria-label": "Remove image"
-            }, " × ", 8, Re))
-          ], 4))), 128))
-        ])) : (h(), j("div", Le, [
-          g("p", null, P(M(V)?.message?.noItemSelected), 1)
-        ])),
-        g("div", Se, [
-          g("input", {
-            id: x.id,
-            type: "file",
-            accept: "image/*",
-            multiple: "",
-            onChange: se,
-            class: "jsgd-hidden",
-            disabled: C.value
-          }, null, 40, Ce),
-          g("label", {
-            for: x.id,
-            class: A(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-blue-500 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-blue-600 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-blue-600 dark:hover:jsgd-bg-blue-500 dark:disabled:jsgd-bg-slate-700 dark:disabled:jsgd-text-slate-400 before:jsgd-content-['+'] before:jsgd-text-lg before:jsgd-leading-none", {
-              "jsgd-opacity-60 jsgd-cursor-not-allowed": C.value
-            }])
-          }, P(M(V)?.btn?.upload ?? "Upload"), 11, He),
-          g("button", {
-            type: "button",
-            onClick: te,
-            disabled: C.value,
-            class: "jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-ml-2 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-slate-600 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-slate-700 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-500 dark:hover:jsgd-bg-slate-400"
-          }, " URL ", 8, Pe)
-        ])
-      ], 2),
-      g("div", Ve, [
-        S.value.length > 0 ? (h(!0), j(Y, { key: 0 }, G(S.value, (e, d) => (h(), j("p", {
-          key: d,
-          class: "jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"
-        }, P(e), 1))), 128)) : H("", !0)
-      ])
-    ]));
-  }
-});
-export {
-  Be as _
-};

package/dist/chunks/ImageArrayInput.vue_vue_type_script_setup_true_lang-oeMxAliE.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("vue"),d=require("./resize-BvELN8MY.cjs.js");require("dompurify");require("lodash.isequal");require("zod");const J={class:"jsgd-w-full jsgd-mb-4"},Q=["for"],Z={key:0,class:"jsgd-mb-4 jsgd-p-4 jsgd-bg-blue-50 jsgd-border jsgd-border-blue-200 jsgd-rounded-lg dark:jsgd-bg-blue-900/20 dark:jsgd-border-blue-800"},ee={class:"jsgd-flex jsgd-items-center jsgd-gap-4"},te={class:"jsgd-shrink-0 jsgd-w-16 jsgd-h-16 jsgd-bg-white jsgd-rounded jsgd-border jsgd-border-slate-300 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-overflow-hidden dark:jsgd-bg-slate-700 dark:jsgd-border-slate-600"},ae=["src"],se={key:1,class:"jsgd-text-xs jsgd-text-slate-400"},re={class:"jsgd-flex jsgd-flex-col jsgd-gap-2"},ie={class:"jsgd-flex jsgd-gap-2"},le={key:0,class:"jsgd-grid jsgd-grid-cols-2 jsgd-gap-4 jsgd-mb-6 min-[480px]:jsgd-grid-cols-3 md:jsgd-grid-cols-4 lg:jsgd-grid-cols-5"},oe=["src","alt"],de=["onClick"],ne={key:1,class:"jsgd-text-center jsgd-py-8 jsgd-px-4 jsgd-text-slate-400 dark:jsgd-text-slate-500"},ge={class:"jsgd-text-center jsgd-mt-4"},ce=["id","disabled"],me=["for"],ue=["disabled"],he={class:"jsgd-mt-2 jsgd-flex jsgd-flex-col jsgd-gap-1"},je=e.defineComponent({__name:"ImageArrayInput",props:{id:{default:d.setUID},label:{},modelValue:{default:()=>[]},previewAlt:{},disabled:{type:Boolean},error:{},previewImages:{},validate:{},watermark:{},lang:{}},emits:["update:modelValue","push:error","remove:error"],setup(b,{emit:H}){const a=b,p=H,B=e.inject("TableComponents",{labels:e.ref(d.defaultTextLabelsMap[a.lang??"en"])}).labels,k=e.inject("TableComponents")?.ShowAlert,V=e.ref([]),y=e.ref([]),h=e.ref(null),W=e.ref(""),U=e.computed(()=>y.value.length>0?y.value:typeof a.error=="string"?[a.error]:Array.isArray(a.error)?a.error:[]),_=e.computed(()=>a.disabled?!0:!!(a.validate?.maxFiles&&a.modelValue&&a.modelValue.length>=a.validate.maxFiles)),I=e.computed(()=>{if(!a.validate)return"";const s=a.validate,r=[];if(s.maxFiles&&r.push(d.getMessage("imageMaxFiles",{max:s.maxFiles},a.lang??"en")),s.allowedTypes&&r.push(d.getMessage("imageType",{},a.lang??"en")+` (${s.allowedTypes.join(", ")})`),s.maxSize&&r.push(d.getMessage("imageMaxSize",{max:s.maxSize},a.lang??"en")),s.pixel){const t=s.pixel;("minWidth"in t||"maxWidth"in t||"minHeight"in t||"maxHeight"in t)&&(t.minWidth&&r.push(d.getMessage("imageMinWidth",{min:t.minWidth},a.lang??"en")),t.minHeight&&r.push(d.getMessage("imageMinHeight",{min:t.minHeight},a.lang??"en")),t.maxWidth&&r.push(d.getMessage("imageMaxWidth",{max:t.maxWidth},a.lang??"en")),t.maxHeight&&r.push(d.getMessage("imageMaxHeight",{max:t.maxHeight},a.lang??"en"))),("width"in t||"height"in t)&&r.push(d.getMessage("imagePixel",{width:t.width??"any",height:t.height??"any"},a.lang??"en"))}return s.ratio&&r.push(d.getMessage("imageRatio",{w:s.ratio.Width,h:s.ratio.Height},a.lang??"en")),r.join(`
-`)});e.watch(()=>a.modelValue,async s=>{if(!s||s.length===0){V.value=a.previewImages||[],N();return}const r=s.map(t=>new Promise(o=>{if(typeof t=="string")o(t);else if(t instanceof File){const i=new FileReader;i.onload=n=>o(n.target?.result),i.onerror=()=>o(""),i.readAsDataURL(t)}else o("")}));V.value=await Promise.all(r),N()},{immediate:!0,deep:!0});function P(){const s=prompt("Enter Watermark Image URL (https://...):");s&&(s.startsWith("http://")||s.startsWith("https://")?(h.value=s,W.value=s):k?.("error","Invalid URL",["URL must start with http:// or https://"]))}function T(s){const r=s.target,t=r.files?.[0];t&&(h.value=t,W.value=URL.createObjectURL(t)),r.value=""}function L(s,r=!1){return new Promise((t,o)=>{const i=new Image;r&&(i.crossOrigin="anonymous"),i.onload=()=>t(i),i.onerror=n=>{console.error("Failed to load image:",s,n),o(new Error(`Failed to load image: ${s}`))},i.src=s})}async function S(s){if(!a.watermark)return s;let r="";if(a.watermark.url==="upload"){if(!h.value)return console.warn('Watermark config is "upload" but no watermark image set. Skipping watermark.'),s;if(h.value instanceof File)r=URL.createObjectURL(h.value);else if(typeof h.value=="string")r=h.value;else return console.warn("Unsupported watermark source type. Skipping watermark."),s}else r=a.watermark.url;const t=a.watermark,o=URL.createObjectURL(s);try{const[i,n]=await Promise.all([L(o,!1),L(r,!0)]),g=document.createElement("canvas");g.width=i.width,g.height=i.height;const c=g.getContext("2d");if(!c)return s;c.drawImage(i,0,0);let l=n.width,m=n.height;if(typeof t.size=="number")l=t.size,m=t.size;else if(t.size){const u=t.size;l=u.width,m=u.height}let w=0,x=0,f=0,F=0;if(t.margin!==void 0)if(typeof t.margin=="number")w=x=f=F=t.margin;else{const u=t.margin;w=u.top??0,x=u.right??0,f=u.bottom??0,F=u.left??0}let j=0,v=0;const M=g.width,C=g.height,E=t.position??"bottom-right";if(typeof E=="string")if(E==="full")j=0,v=0,l=M,m=C;else switch(E){case"top-left":j=F,v=w;break;case"top-right":j=M-l-x,v=w;break;case"bottom-left":j=F,v=C-m-f;break;case"bottom-right":j=M-l-x,v=C-m-f;break}else if(typeof E=="object"){const u=E;j=u.x,v=u.y}c.save();let R=1;t.opacity!==void 0?R=t.opacity:t.transparant!==void 0&&(R=t.transparant/100),c.globalAlpha=R;const K=j+l/2,X=v+m/2;return c.translate(K,X),t.rotate&&c.rotate(t.rotate*Math.PI/180),c.drawImage(n,-l/2,-m/2,l,m),c.restore(),new Promise((u,Y)=>{g.toBlob(z=>{if(z){const G=new File([z],s.name,{type:s.type});u(G)}else Y(new Error("Canvas toBlob failed"))},s.type)})}catch(i){return console.error(`Watermark application failed for ${s.name}:`,i),k?.("error",`Watermark Error (${s.name})`,["Failed to apply watermark. Using original image."]),s}finally{URL.revokeObjectURL(o),a.watermark.url==="upload"&&h.value instanceof File&&URL.revokeObjectURL(r)}}async function $(){if(a.disabled)return;if(_.value){k?.("error",d.getMessage("imageMaxFiles",{max:a.validate.maxFiles},a.lang??"en"));return}const s=prompt(B.value.placeholder?.url??"Please enter the image URL");if(s){if(!s.startsWith("http://")&&!s.startsWith("https://")){k?.("error","Invalid URL",["Please enter a valid URL starting with http:// or https://"]);return}const r=a.modelValue||[];if(!a.watermark||!h){p("update:modelValue",[...r,s]);return}try{const t=await fetch(s,{mode:"cors"});if(!t.ok)throw new Error("Failed to fetch image");const o=await t.blob(),i=s.split("/").pop()?.split("?")[0]||`image-${Date.now()}.png`,n=new File([o],i,{type:o.type||"image/png"}),g=await S(n);p("update:modelValue",[...r,g])}catch(t){console.error("URL Watermark Error:",t),confirm("Could not apply watermark due to security (CORS). Add original image instead?")&&p("update:modelValue",[...r,s])}}}async function A(s){if(a.disabled)return;const r=s.target,t=r.files;if(!t||t.length===0)return;const o=a.modelValue||[],i=a.validate?.maxFiles;if(i&&o.length+t.length>i){k?.("error",d.getMessage("imageMaxFiles",{max:i},a.lang??"en")),r.value="";return}const n=[],g=a.validate?.allowedTypes?.map(l=>l.toLowerCase())??[];for(const l of Array.from(t)){const m=l.name.split(".").pop()?.toLowerCase();if(g.length>0&&(!m||!g.includes(m))){k?.("error","Invalid file type",[d.getMessage("imageType",{},a.lang??"en")+` (${a.validate?.allowedTypes?.join(", ")})`]);continue}n.push(l)}let c=[];if(a.watermark&&h.value&&n.length>0)try{const l=n.map(m=>S(m));c=await Promise.all(l)}catch(l){console.error("Batch watermarking process failed:",l),r.value="";return}else c=n;c.length>0&&p("update:modelValue",[...o,...c]),r.value=""}function D(s){if(a.disabled)return;const r=[...a.modelValue||[]];r.splice(s,1),p("update:modelValue",r)}async function N(){if(!a.validate||!a.modelValue||a.modelValue.length===0){y.value=[],p("remove:error",a.id);return}const s=[];a.validate.maxFiles&&a.modelValue.length>a.validate.maxFiles&&s.push(d.getMessage("imageMaxFiles",{max:a.validate.maxFiles},a.lang??"en"));const r=a.modelValue.map((o,i)=>O(o,i+1));(await Promise.all(r)).forEach(o=>s.push(...o)),y.value=[...new Set(s)],y.value.length>0?p("push:error",y.value,a.id):p("remove:error",a.id)}async function O(s,r){const t=[];if(!(s instanceof File))return[];const o=s,i=a.validate;if(i.allowedTypes){const n=o.name.split(".").pop()?.toLowerCase();(!n||!i.allowedTypes.map(g=>g.toLowerCase()).includes(n))&&t.push(`File ${r}: `+d.getMessage("imageType",{},a.lang??"en")+` (${i.allowedTypes.join(", ")})`)}if(i.maxSize&&o.size/1024>i.maxSize&&t.push(`File ${r}: `+d.getMessage("imageMaxSize",{max:i.maxSize},a.lang??"en")),i.pixel||i.ratio){const n=await q(o),g=n.width,c=n.height;if(i.pixel){const l=i.pixel;("minWidth"in l&&l.minWidth&&g<l.minWidth||"minHeight"in l&&l.minHeight&&c<l.minHeight||"maxWidth"in l&&l.maxWidth&&g>l.maxWidth||"maxHeight"in l&&l.maxHeight&&c>l.maxHeight)&&t.push(`File ${r}: Invalid dimensions.`),("width"in l&&l.width&&g!==l.width||"height"in l&&l.height&&c!==l.height)&&t.push(`File ${r}: `+d.getMessage("imagePixel",{width:l.width??g,height:l.height??c},a.lang??"en"))}if(i.ratio){const l=i.ratio.Width,m=i.ratio.Height,w=d.simplifyRatio(g,c),x=d.simplifyRatio(l,m);let f=w.w===x.w&&w.h===x.h;if(!f){const F=g/c,j=l/m;f=Math.abs(F-j)<=.01}f||t.push(`File ${r}: `+d.getMessage("imageRatio",{w:String(l),h:String(m)},a.lang??"en"))}}return t}function q(s){return new Promise(r=>{const t=new FileReader;t.onload=o=>{const i=new Image;i.onload=()=>r({width:i.width,height:i.height}),i.onerror=()=>r({width:0,height:0}),i.src=o.target?.result},t.onerror=()=>r({width:0,height:0}),t.readAsDataURL(s)})}return(s,r)=>(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("label",{for:b.id,class:e.normalizeClass(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-text-sm jsgd-font-medium jsgd-mb-2 jsgd-text-slate-900 jsgd-transition-colors jsgd-duration-200 dark:jsgd-text-slate-100",{"jsgd-text-red-500 dark:jsgd-text-red-400":U.value.length!==0}])},[e.createTextVNode(e.toDisplayString(b.label)+" ",1),I.value?(e.openBlock(),e.createBlock(e.unref(d._sfc_main$1),{key:0,text:I.value,as:"strong"},{default:e.withCtx(()=>[...r[0]||(r[0]=[e.createTextVNode(" ❓",-1)])]),_:1},8,["text"])):e.createCommentVNode("",!0)],10,Q),a.watermark?.url==="upload"?(e.openBlock(),e.createElementBlock("div",Z,[r[3]||(r[3]=e.createElementVNode("p",{class:"jsgd-text-xs jsgd-font-bold jsgd-uppercase jsgd-text-blue-600 jsgd-mb-2 dark:jsgd-text-blue-400"}," Configuration: Watermark Image ",-1)),e.createElementVNode("div",ee,[e.createElementVNode("div",te,[W.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:W.value,alt:"Watermark Preview",class:"jsgd-w-full jsgd-h-full jsgd-object-contain"},null,8,ae)):(e.openBlock(),e.createElementBlock("span",se,"None"))]),e.createElementVNode("div",re,[e.createElementVNode("div",ie,[e.createElementVNode("input",{type:"file",accept:"image/*",onChange:T,class:"jsgd-hidden",id:"watermark-upload-input"},null,32),r[1]||(r[1]=e.createElementVNode("label",{for:"watermark-upload-input",class:"jsgd-px-3 jsgd-py-1.5 jsgd-text-xs jsgd-font-medium jsgd-text-white jsgd-bg-slate-600 jsgd-rounded hover:jsgd-bg-slate-700 jsgd-cursor-pointer jsgd-transition-colors"}," Select Image ",-1)),e.createElementVNode("button",{type:"button",onClick:P,class:"jsgd-px-3 jsgd-py-1.5 jsgd-text-xs jsgd-font-medium jsgd-text-white jsgd-bg-slate-600 jsgd-rounded hover:jsgd-bg-slate-700 jsgd-cursor-pointer jsgd-transition-colors"}," Use URL ")]),r[2]||(r[2]=e.createElementVNode("p",{class:"jsgd-text-[10px] jsgd-text-slate-500 dark:jsgd-text-slate-400"}," Set this watermark before uploading your main images. ",-1))])])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["jsgd-bg-slate-50 jsgd-border-2 jsgd-border-dashed jsgd-border-slate-300 jsgd-rounded-xl jsgd-p-6 jsgd-transition-colors jsgd-duration-200 hover:jsgd-bg-slate-100 hover:jsgd-border-blue-500 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-700 dark:hover:jsgd-border-blue-400",{"jsgd-border-red-300 dark:jsgd-border-red-800":U.value.length!==0}])},[V.value.length>0?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(t,o)=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"jsgd-relative jsgd-rounded-lg jsgd-overflow-hidden jsgd-shadow-sm jsgd-transition-all jsgd-duration-200 jsgd-group hover:jsgd-scale-105 hover:jsgd-shadow-lg jsgd-animate-[popIn_0.4s_ease-out_backwards]",style:e.normalizeStyle({animationDelay:`${o*50}ms`})},[e.createElementVNode("img",{src:t,alt:`${b.previewAlt} ${o+1}`,class:"jsgd-block jsgd-w-full jsgd-aspect-square jsgd-object-cover jsgd-bg-white dark:jsgd-bg-transparent"},null,8,oe),b.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,onClick:i=>D(o),class:"jsgd-absolute jsgd-top-2 jsgd-right-2 jsgd-w-7 jsgd-h-7 jsgd-pb-[5px] jsgd-flex jsgd-items-center jsgd-justify-center jsgd-text-xl jsgd-font-bold jsgd-leading-none jsgd-text-white jsgd-bg-red-500/80 jsgd-backdrop-blur-sm jsgd-rounded-full jsgd-border-2 jsgd-border-white jsgd-cursor-pointer jsgd-opacity-0 jsgd-scale-50 jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-red-600 hover:jsgd-scale-110 hover:jsgd-rotate-90 group-hover:jsgd-opacity-100 group-hover:jsgd-scale-100","aria-label":"Remove image"}," × ",8,de))],4))),128))])):(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("p",null,e.toDisplayString(e.unref(B)?.message?.noItemSelected),1)])),e.createElementVNode("div",ge,[e.createElementVNode("input",{id:b.id,type:"file",accept:"image/*",multiple:"",onChange:A,class:"jsgd-hidden",disabled:_.value},null,40,ce),e.createElementVNode("label",{for:b.id,class:e.normalizeClass(["jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-blue-500 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-blue-600 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-bg-slate-100 disabled:jsgd-text-slate-500 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-blue-600 dark:hover:jsgd-bg-blue-500 dark:disabled:jsgd-bg-slate-700 dark:disabled:jsgd-text-slate-400 before:jsgd-content-['+'] before:jsgd-text-lg before:jsgd-leading-none",{"jsgd-opacity-60 jsgd-cursor-not-allowed":_.value}])},e.toDisplayString(e.unref(B)?.btn?.upload??"Upload"),11,me),e.createElementVNode("button",{type:"button",onClick:$,disabled:_.value,class:"jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-5 jsgd-py-2.5 jsgd-ml-2 jsgd-font-medium jsgd-border-none jsgd-rounded-lg jsgd-text-white jsgd-bg-slate-600 jsgd-cursor-pointer jsgd-transition-all jsgd-duration-200 hover:jsgd-bg-slate-700 hover:jsgd-scale-105 hover:jsgd-shadow-lg disabled:jsgd-opacity-60 disabled:jsgd-cursor-not-allowed dark:jsgd-bg-slate-500 dark:hover:jsgd-bg-slate-400"}," URL ",8,ue)])],2),e.createElementVNode("div",he,[U.value.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(U.value,(t,o)=>(e.openBlock(),e.createElementBlock("p",{key:o,class:"jsgd-text-sm jsgd-text-red-500 jsgd-animate-[fadeIn_300ms_ease-out] dark:jsgd-text-red-400"},e.toDisplayString(t),1))),128)):e.createCommentVNode("",!0)])]))}});exports._sfc_main=je;

package/dist/chunks/ImageInput-D1eTYtg7.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-BvELN8MY.cjs.js");exports.default=e._sfc_main$11;

package/dist/chunks/ImageInput-VbEI9JIR.es.js

@@ -1,4 +0,0 @@
-import { k as f } from "./resize-Bn1jzV77.es.js";
-export {
-  f as default
-};

package/dist/chunks/NumberInput-CMTLiG1b.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-BvELN8MY.cjs.js");exports.default=e._sfc_main$12;

package/dist/chunks/NumberInput-DS17O3Cn.es.js

@@ -1,4 +0,0 @@
-import { l as f } from "./resize-Bn1jzV77.es.js";
-export {
-  f as default
-};

package/dist/chunks/ObjectInput-EZWeOXLi.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-BvELN8MY.cjs.js");exports.default=e._sfc_main$13;

package/dist/chunks/ObjectInput-b19oeQba.es.js

@@ -1,4 +0,0 @@
-import { m } from "./resize-Bn1jzV77.es.js";
-export {
-  m as default
-};

package/dist/chunks/PasswordInput-CBEbd-Ud.es.js

@@ -1,4 +0,0 @@
-import { n as f } from "./resize-Bn1jzV77.es.js";
-export {
-  f as default
-};

package/dist/chunks/PasswordInput-CiM-mVrk.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-BvELN8MY.cjs.js");exports.default=e._sfc_main$14;

package/dist/chunks/RateInput-3FQoVl8h.es.js

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

package/dist/chunks/RateInput-Cl6JCRpp.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./resize-BvELN8MY.cjs.js");exports.default=e._sfc_main$6;