@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.43

package/components/imagecompressor/ImageCompressor-DPo-1Yo8.es.js

@@ -0,0 +1,509 @@
+import { _ as me } from "../invisiblefield/InvisibleField-4XbiOrqw.es.js";
+import { defineComponent as ke, mergeModels as ie, defineAsyncComponent as Me, inject as Ue, onMounted as Ae, onUnmounted as Se, ref as w, shallowRef as z, useModel as Fe, reactive as ze, computed as ne, watch as K, createElementBlock as B, openBlock as c, Fragment as Z, createVNode as m, normalizeClass as P, withCtx as G, createElementVNode as j, createBlock as O, createCommentVNode as k, renderList as Re, unref as h } from "vue";
+import { u as De } from "../../vendor/vee-validate-RE5RuswC.es.js";
+import { f as $e } from "../../vendor/vue-advanced-cropper-CshlvNaD.es.js";
+import { i as Le } from "../../async-components/index-C8nb7p3T.es.js";
+import { u as Te } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import { g as je, a as Oe } from "../../utils/genPlaceholder.util-0UuDQpbx.es.js";
+import _e from "../image/Image-Bf5EaBWP.es.js";
+import { _ } from "../button/Button-CgkhMnxo.es.js";
+import Ne from "../dialog/Dialog-BCcbXSya.es.js";
+import Ve from "../dialogconfirm/DialogConfirm-ByIWXisz.es.js";
+import Ee from "../fieldwrapper/FieldWrapper-DmOogUM5.es.js";
+import ue from "../icon/Icon-C4kXVcEX.es.js";
+import { _ as qe } from "../validatormessage/ValidatorMessage-BtKfBXzO.es.js";
+import { _ as ce } from "./ImageInputInfo-4Ac8cBDM.es.js";
+var xe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Ke(d) {
+  return d && d.__esModule && Object.prototype.hasOwnProperty.call(d, "default") ? d.default : d;
+}
+var ee = { exports: {} };
+(function(d, N) {
+  (function() {
+    function V(H, R) {
+      R = R || "";
+      for (var a = 1024, b = window.atob(H), I = [], n = 0, W = b.length; n < W; n += a) {
+        for (var C = b.slice(n, n + a), f = new Array(C.length), r = 0; r < C.length; r++)
+          f[r] = C.charCodeAt(r);
+        var E = new Uint8Array(f);
+        I.push(E);
+      }
+      return new Blob(I, { type: R });
+    }
+    d.exports && (N = d.exports = V), N.base64ToBlob = V;
+  }).call(xe);
+})(ee, ee.exports);
+var Ge = ee.exports;
+const He = /* @__PURE__ */ Ke(Ge), da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: me
+}, Symbol.toStringTag, { value: "Module" })), We = {
+  key: 1,
+  class: "flex gap-1 items-start"
+}, Je = ["id", "multiple"], Qe = /* @__PURE__ */ ke({
+  __name: "ImageCompressor",
+  props: /* @__PURE__ */ ie({
+    initialName: {},
+    multiple: { type: Boolean },
+    defaultImage: {},
+    disabled: { type: Boolean, default: !1 },
+    compressedBlob: { default: void 0 },
+    imagePreviewUrl: { default: void 0 },
+    imagePreviewSize: { default: "big" },
+    rounded: { type: Boolean, default: !1 },
+    useDeleteButton: { type: Boolean, default: !0 },
+    useValidator: { type: Boolean, default: !1 },
+    mandatory: { type: Boolean, default: !1 },
+    invalid: { type: Boolean },
+    validatorMessage: { default: "Photo must be uploaded" },
+    label: { default: void 0 },
+    fieldName: { default: "imageInput" },
+    fieldInfo: { default: void 0 },
+    showInfo: { type: Boolean, default: !0 },
+    customRequirements: { default: void 0 },
+    confirmOnDelete: { type: Boolean },
+    emitDeleteFn: { type: Boolean },
+    showValidatorMessage: { type: Boolean, default: !0 },
+    fileType: { default: "webp" }
+  }, {
+    defaultImage: { default: 0 },
+    defaultImageModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ie(["apply", "applyProp", "update:defaultImage", "delete"], ["update:defaultImage"]),
+  setup(d, { expose: N, emit: V }) {
+    const H = Me(
+      () => import("./BackgroundImageCropper-hiHqCcIy.es.js")
+    ), R = Ue("preset", {}).image, a = d, b = V, { locale: I } = Te("ImageCompressor");
+    Ae(async () => {
+      ge(), A();
+    }), Se(() => {
+      S(0), S(1);
+    });
+    const n = w([
+      {
+        src: null,
+        type: null
+      },
+      {
+        src: null,
+        type: null
+      }
+    ]), W = Oe(), C = w(), f = w(), r = w([]), E = w(), ae = z(0), J = w(), D = w(), p = z(), q = Fe(d, "defaultImage"), s = ze({
+      value: a.multiple ? [] : void 0
+    }), M = z(!1), y = z(), de = z(0), g = z(!1), Q = w([!1, !1]), U = ne(() => `image/${a.fileType}`), X = (e) => typeof r.value[e] == "string" && r.value[e].includes("data:image/png;base64"), A = async () => {
+      var e, t;
+      (e = a.imagePreviewUrl) != null && e.length ? r.value = Array.isArray(a.imagePreviewUrl) ? a.imagePreviewUrl : [a.imagePreviewUrl] : Array.isArray(a.compressedBlob) ? r.value = a.compressedBlob : a.compressedBlob ? r.value = [a.compressedBlob] : a.initialName ? (C.value = je(a.initialName, 125, W), r.value = [(t = C.value) == null ? void 0 : t.toDataURL()]) : r.value = [], a.imagePreviewUrl ? s.value = a.imagePreviewUrl : a.initialName && (s.value = await pe()), b("applyProp");
+    }, pe = async () => new Promise((e) => {
+      var t;
+      (t = C.value) == null || t.toBlob((o) => {
+        e(
+          new File([o ?? new Blob()], Date.now() + ".png", {
+            type: "image/png"
+          })
+        );
+      });
+    }), $ = (e = !1) => {
+      var t;
+      a.disabled || (e && (p.value = 1), (t = E.value) == null || t.click());
+    }, ve = async (e) => {
+      const { files: t } = e.target, o = Array.from(t ?? []).slice(
+        0,
+        r.value.length ? 1 : 2
+      );
+      for (const [l, u] of o.entries())
+        try {
+          const i = p.value ?? l;
+          await fe(u, i);
+        } catch (i) {
+          console.error("Error loading image:", i);
+        } finally {
+          p.value = void 0;
+        }
+    }, fe = async (e, t) => {
+      const o = (u) => u.includes("image"), l = (u) => u > 1e6;
+      return new Promise((u, i) => {
+        var L, F;
+        if (e)
+          if (te(t), !o(e.type))
+            M.value = !0, y.value = typeof a.validatorMessage != "string" && ((L = a.validatorMessage) != null && L.invalidFormat) ? a.validatorMessage.invalidFormat : "Tipe file harus berupa gambar!", A(), g.value = !1, S(t), i("Tipe file harus berupa gambar!");
+          else if (l(e.size))
+            M.value = !0, y.value = typeof a.validatorMessage != "string" && ((F = a.validatorMessage) != null && F.exceed) ? a.validatorMessage.exceed : "Ukuran gambar terlalu besar! Maks. 1 MB", A(), g.value = !1, S(t), i("Ukuran gambar terlalu besar! Maks. 1 MB");
+          else {
+            S(t);
+            const x = URL.createObjectURL(e), v = new FileReader();
+            v.onload = (T) => {
+              var se;
+              n.value[t].src = x, n.value[t].type = be(
+                (se = T == null ? void 0 : T.target) == null ? void 0 : se.result,
+                e.type
+              );
+            }, v.onerror = (T) => {
+              console.error("🚀 ~ returnnewPromise ~ e:", T);
+            }, v.readAsArrayBuffer(e), p.value == null && (p.value = t), g.value || (g.value = !0), M.value = !1, y.value = void 0;
+          }
+        de.value += 1, D.value = u;
+      });
+    }, ge = () => {
+      a.useValidator && Object.assign(
+        s,
+        De(a.fieldName, (e) => {
+          var t;
+          return !e && a.mandatory ? typeof a.validatorMessage != "string" && ((t = a.validatorMessage) != null && t.empty) ? a.validatorMessage.empty : (a.label ?? "Photo") + " must be uploaded" : a.invalid && a.validatorMessage ? a.validatorMessage : y.value ? y.value : !0;
+        })
+      );
+    }, te = (e) => {
+      n.value[e] = {
+        src: null,
+        type: null
+      };
+    }, be = (e, t = null) => {
+      if (e) {
+        const o = new Uint8Array(e).subarray(0, 4);
+        let l = "";
+        for (const u of o)
+          l += u.toString(16);
+        switch (l) {
+          case "89504e47":
+            return "image/png";
+          case "47494638":
+            return "image/gif";
+          case "ffd8ffe0":
+          case "ffd8ffe1":
+          case "ffd8ffe2":
+          case "ffd8ffe3":
+          case "ffd8ffe8":
+            return U.value;
+          default:
+            return t;
+        }
+      }
+      return null;
+    }, le = (e) => {
+      const t = He(e.split(",")[1], U.value);
+      return window.URL.createObjectURL(t);
+    }, ye = async (e, t) => {
+      const o = await fetch(e).then((l) => l.blob());
+      return new File([o], t, { type: U.value });
+    }, we = async () => {
+      const e = p.value ?? 0;
+      try {
+        await he(e);
+      } catch (t) {
+        console.error(t);
+      }
+      oe();
+    }, oe = () => {
+      var e;
+      g.value = !1, (e = D.value) == null || e.call(D), D.value = void 0;
+    }, he = async (e) => {
+      if (J.value) {
+        const t = J.value.getResult();
+        if (t.canvas) {
+          const o = t.canvas.toDataURL(U.value);
+          await Ie(o, e);
+        }
+      }
+    }, Ie = async (e, t) => {
+      try {
+        f.value = document.createElement("canvas");
+        const o = f.value.getContext("2d"), l = new Image();
+        l.src = e, await l.decode();
+        const u = 80 / 100, i = l.width * u, L = l.height * u;
+        f.value.setAttribute("width", i.toString()), f.value.setAttribute("height", L.toString()), o && o.drawImage(l, 0, 0, i, L);
+        const F = f.value.toDataURL(U.value, 0.95), x = Date.now() + `.${a.fileType}`, v = {
+          canvas: f.value,
+          compressed: {
+            blob: le(F),
+            base64: F,
+            fileName: x,
+            file: await ye(le(F), x),
+            size: "",
+            type: U.value
+          },
+          message: "File has been compressed."
+        };
+        v.compressed.size = Math.round(v.compressed.file.size / 1e3) + "KB", r.value[t] = v.compressed.blob, a.multiple ? s.value && Array.isArray(s.value) ? s.value[t] = v.compressed.file : s.value = [v.compressed.file] : s.value = v.compressed.file, b("apply", v);
+      } catch (o) {
+        console.error(o);
+      }
+    }, S = (e) => {
+      n.value[e].src && URL.revokeObjectURL(n.value[e].src);
+    }, Ce = (e) => {
+      a.confirmOnDelete ? Q.value[e] = !0 : a.emitDeleteFn ? b("delete", Y, e) : Y(e);
+    }, Y = (e = 0) => {
+      M.value = !1, y.value = void 0, r.value = r.value.toSpliced(e, 1), S(e), n.value[e] = { src: null, type: null }, n.value = [n.value[+!e], n.value[e]], p.value = 0, q.value = 0, a.confirmOnDelete || b("delete"), a.multiple && Array.isArray(s.value) ? s.value = s.value.toSpliced(e, 1) : s.handleReset && s.handleReset();
+    }, Be = (e) => {
+      var o;
+      const t = (o = r.value[e]) == null ? void 0 : o.toString();
+      p.value = e, t != null && t.includes("blob") ? (p.value = e, g.value = !0) : (te(e), $());
+    }, Pe = () => {
+      $();
+    }, re = ne(() => navigator.userAgent.includes("Firefox"));
+    return K(y, (e) => {
+      e && s.setErrors && s.setErrors(e);
+    }), K(g, (e) => {
+      e || ae.value++;
+    }), K(
+      () => a.initialName,
+      () => {
+        A();
+      }
+    ), K(
+      () => a.imagePreviewUrl,
+      () => {
+        A();
+      },
+      { once: !0 }
+    ), N({ assignPreviewImagesFromProp: A }), (e, t) => (c(), B(Z, null, [
+      m(Ee, {
+        class: P([{ "!w-max": !a.multiple, "!w-full": a.multiple }]),
+        info: a.fieldInfo,
+        label: a.label,
+        mandatory: a.mandatory,
+        "data-wv-name": "image-compressor",
+        "data-wv-section": "root"
+      }, {
+        default: G(() => [
+          j("div", {
+            class: P(["w-full", { "grid gap-6 items-start grid-cols-2": e.multiple }]),
+            "data-wv-section": "wrapper"
+          }, [
+            r.value.length ? (c(!0), B(Z, { key: 0 }, Re(r.value, (o, l) => {
+              var u;
+              return c(), B("div", {
+                key: l,
+                class: "flex gap-1 items-start",
+                "data-wv-section": "preview"
+              }, [
+                j("div", {
+                  class: P([
+                    "flex flex-col gap-1 items-center",
+                    { "max-w-[80px]": e.imagePreviewSize === "medium" },
+                    { "max-w-[125px]": e.imagePreviewSize === "big" }
+                  ]),
+                  "data-wv-section": "preview-image-wrapper"
+                }, [
+                  j("div", {
+                    class: P([
+                      {
+                        "[&>span]:hover:opacity-30 [&>[data-wv-section=input-image-trigger]]:hover:opacity-100": X(l)
+                      },
+                      "relative",
+                      {
+                        "w-[125px] h-[125px]": e.imagePreviewSize === "big",
+                        "w-[30px] h-[30px]": e.imagePreviewSize === "small",
+                        "w-[80px] h-[80px]": e.imagePreviewSize === "medium"
+                      }
+                    ]),
+                    "data-wv-section": "image-wrapper"
+                  }, [
+                    m(_e, {
+                      rounded: e.rounded,
+                      size: e.imagePreviewSize,
+                      src: o,
+                      class: "transition-opacity duration-300",
+                      "data-wv-section": "preview-image"
+                    }, null, 8, ["rounded", "size", "src"]),
+                    X(l) ? (c(), B("button", {
+                      key: 0,
+                      class: P([
+                        (u = h(R)) == null ? void 0 : u.button.class,
+                        "hover:bg-opacity-0 rounded-lg opacity-0"
+                      ]),
+                      onClick: t[0] || (t[0] = (i) => $(!1)),
+                      "data-wv-section": "input-image-trigger",
+                      type: "button"
+                    }, [
+                      m(ue, {
+                        class: "w-6 h-6",
+                        "data-wv-section": "trigger-icon",
+                        icon: "image-add",
+                        severity: "primary"
+                      })
+                    ], 2)) : k("", !0)
+                  ], 2),
+                  !a.disabled && !X(l) ? (c(), B(Z, { key: 0 }, [
+                    j("div", {
+                      class: P([
+                        "flex gap-0.5 justify-center",
+                        { "scale-75": e.imagePreviewSize === "medium" }
+                      ]),
+                      "data-wv-section": "preview-buttons"
+                    }, [
+                      m(_, {
+                        onClick: (i) => Be(l),
+                        class: "!py-0 !px-1 !h-max",
+                        icon: "pencil",
+                        label: "Edit",
+                        text: ""
+                      }, null, 8, ["onClick"]),
+                      e.useDeleteButton ? (c(), O(_, {
+                        key: 0,
+                        onClick: (i) => Ce(l),
+                        class: "!py-0 !px-1 !h-max",
+                        icon: "delete-bin",
+                        label: "Delete",
+                        severity: "danger",
+                        text: ""
+                      }, null, 8, ["onClick"])) : k("", !0)
+                    ], 2),
+                    m(Ve, {
+                      visible: Q.value[l],
+                      "onUpdate:visible": (i) => Q.value[l] = i,
+                      closable: !1,
+                      onConfirm: (i) => b("delete", Y, l),
+                      body: "Are you sure you want to delete it?",
+                      "confirm-label": "Delete",
+                      header: "Delete Photo",
+                      severity: "danger"
+                    }, null, 8, ["visible", "onUpdate:visible", "onConfirm"])
+                  ], 64)) : k("", !0)
+                ], 2),
+                m(ce, {
+                  "custom-requirements": e.customRequirements,
+                  "show-add-button": r.value.length === 1 && a.multiple,
+                  "show-info": e.showInfo,
+                  onAddPhoto: t[2] || (t[2] = (i) => $(!0))
+                }, {
+                  default: G(() => [
+                    r.value.length === 2 && a.multiple ? (c(), O(h(Le), {
+                      key: 0,
+                      modelValue: q.value,
+                      "onUpdate:modelValue": t[1] || (t[1] = (i) => q.value = i),
+                      "label-id": "default-" + l,
+                      value: l,
+                      label: "Set as default"
+                    }, null, 8, ["modelValue", "label-id", "value"])) : k("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["custom-requirements", "show-add-button", "show-info"])
+              ]);
+            }), 128)) : (c(), B("div", We, [
+              j("button", {
+                class: P([
+                  {
+                    "w-[125px] h-[125px]": e.imagePreviewSize === "big",
+                    "w-[30px] h-[30px]": e.imagePreviewSize === "small",
+                    "w-[80px] h-[80px]": e.imagePreviewSize === "medium"
+                  },
+                  "flex items-center justify-center",
+                  "ring-inset",
+                  "cursor-pointer",
+                  {
+                    "ring-1": re.value,
+                    "ring-[0.5px]": !re.value
+                  },
+                  { "rounded-full": e.rounded, "rounded-lg": !e.rounded },
+                  {
+                    "ring-general-400 focus-visible:ring-primary-500": !M.value && !s.errorMessage,
+                    "ring-danger-500": M.value || s.errorMessage
+                  },
+                  {
+                    "bg-white": !a.disabled,
+                    "bg-general-50": a.disabled
+                  }
+                ]),
+                onClick: t[3] || (t[3] = (o) => $(!1)),
+                "data-wv-section": "input-image-trigger",
+                type: "button"
+              }, [
+                m(ue, {
+                  class: "w-6 h-6",
+                  "data-wv-section": "trigger-icon",
+                  icon: "image-add",
+                  severity: "primary"
+                })
+              ], 2),
+              m(ce, {
+                "custom-requirements": e.customRequirements,
+                "show-info": e.showInfo
+              }, null, 8, ["custom-requirements", "show-info"])
+            ]))
+          ], 2),
+          (c(), B("input", {
+            id: e.fieldName,
+            key: ae.value,
+            ref_key: "inputImageFile",
+            ref: E,
+            multiple: a.multiple && !r.value.length,
+            onChange: ve,
+            accept: "image/*",
+            class: "hidden",
+            "data-wv-section": "hidden-image-input",
+            type: "file"
+          }, null, 40, Je)),
+          e.showValidatorMessage ? (c(), O(qe, {
+            key: 0,
+            format: !1,
+            message: s.errorMessage ?? y.value
+          }, null, 8, ["message"])) : k("", !0),
+          a.multiple ? (c(), O(me, {
+            key: 1,
+            value: q.value ? "secondImage" : "firstImage",
+            "field-name": "defaultImage"
+          }, null, 8, ["value"])) : k("", !0)
+        ]),
+        _: 1
+      }, 8, ["class", "info", "label", "mandatory"]),
+      m(Ne, {
+        visible: g.value,
+        "onUpdate:visible": t[4] || (t[4] = (o) => g.value = o),
+        draggable: !1,
+        header: h(I).cropDialogHeader,
+        class: "w-max max-w-[98vw] min-w-[min(500px,98vw)] !max-h-[94vh]",
+        "content-class": "overflow-hidden overflow-y-auto min-h-[100px]",
+        "data-wv-section": "dialog-cropper",
+        "footer-class": "!gap-1",
+        modal: ""
+      }, {
+        footer: G(() => [
+          m(_, {
+            label: h(I).cancelCropLabel,
+            onClick: oe,
+            "data-wv-section": "cancel-crop",
+            severity: "secondary",
+            text: "",
+            type: "button"
+          }, null, 8, ["label"]),
+          m(_, {
+            label: h(I).changeImageLabel,
+            onClick: Pe,
+            "data-wv-section": "change-image-button",
+            text: "",
+            type: "button"
+          }, null, 8, ["label"]),
+          m(_, {
+            label: h(I).applyCropLabel,
+            onClick: we,
+            "data-wv-section": "apply-image-button",
+            severity: "success",
+            type: "button"
+          }, null, 8, ["label"])
+        ]),
+        default: G(() => [
+          p.value != null ? (c(), O(h($e), {
+            key: 0,
+            ref_key: "vueAdvanceCropper",
+            ref: J,
+            "auto-zoom": !1,
+            "background-wrapper-component": h(H),
+            src: n.value[p.value].src,
+            class: "upload-example-cropper h-400",
+            "foreground-class": "h-400",
+            "image-class": "h-400"
+          }, null, 8, ["background-wrapper-component", "src"])) : k("", !0)
+        ]),
+        _: 1
+      }, 8, ["visible", "header"])
+    ], 64));
+  }
+}), pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Qe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  da as I,
+  pa as a,
+  xe as c,
+  Ke as g
+};

package/components/imagecompressor/ImageInputInfo-4Ac8cBDM.es.js

@@ -0,0 +1,46 @@
+import { defineComponent as d, createElementBlock as t, openBlock as o, createCommentVNode as a, createBlock as c, renderSlot as f, normalizeClass as _, Fragment as m, renderList as g, toDisplayString as r, createElementVNode as u, unref as p } from "vue";
+import { u as y } from "../../plugins/WangsVue-Dl5OiLXF.es.js";
+import { _ as k } from "../button/Button-CgkhMnxo.es.js";
+const h = { class: "flex flex-col gap-y-4" }, w = {
+  key: 0,
+  class: /* @__PURE__ */ _([
+    "text-xs font-normal text-grayscale-900",
+    "[&_li]:before:content-['•']",
+    "[&_li]:before:inline-block [&_li]:before:w-[12px] [&_li]:before:ml-[-12px] pl-3",
+    "max-w-[121px] [&_li]:pl-0.5"
+  ]),
+  "data-wv-section": "image-requirements-info"
+}, C = /* @__PURE__ */ d({
+  __name: "ImageInputInfo",
+  props: {
+    customRequirements: {},
+    showInfo: { type: Boolean },
+    showAddButton: { type: Boolean }
+  },
+  emits: ["addPhoto"],
+  setup(x) {
+    const { locale: l } = y("ImageCompressor");
+    return (e, s) => {
+      var i;
+      return o(), t("div", h, [
+        e.showInfo ? (o(), t("ul", w, [
+          (i = e.customRequirements) != null && i.length ? (o(!0), t(m, { key: 0 }, g(e.customRequirements, (n) => (o(), t("li", { key: n }, r(n), 1))), 128)) : (o(), t(m, { key: 1 }, [
+            u("li", null, r(p(l).maxSizeRequirement), 1),
+            u("li", null, r(p(l).imageTypeRequirement), 1)
+          ], 64))
+        ])) : a("", !0),
+        e.showAddButton ? (o(), c(k, {
+          key: 1,
+          onClick: s[0] || (s[0] = (n) => e.$emit("addPhoto")),
+          icon: "add",
+          label: "Add Photo",
+          text: ""
+        })) : a("", !0),
+        f(e.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  C as _
+};

package/components/imagecompressor/ImageInputInfo-U3hLlbwo.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../plugins/WangsVue-Dugc3GRS.system.js","../button/Button-D892iaxz.system.js"],function(h,b){"use strict";var m,n,t,r,u,p,f,i,d,s,l,a,g,y;return{setters:[e=>{m=e.defineComponent,n=e.createElementBlock,t=e.openBlock,r=e.createCommentVNode,u=e.createBlock,p=e.renderSlot,f=e.normalizeClass,i=e.Fragment,d=e.renderList,s=e.toDisplayString,l=e.createElementVNode,a=e.unref},e=>{g=e.u},e=>{y=e._}],execute:function(){const e={class:"flex flex-col gap-y-4"},C={key:0,class:f(["text-xs font-normal text-grayscale-900","[&_li]:before:content-['•']","[&_li]:before:inline-block [&_li]:before:w-[12px] [&_li]:before:ml-[-12px] pl-3","max-w-[121px] [&_li]:pl-0.5"]),"data-wv-section":"image-requirements-info"},w=h("_",m({__name:"ImageInputInfo",props:{customRequirements:{},showInfo:{type:Boolean},showAddButton:{type:Boolean}},emits:["addPhoto"],setup(x){const{locale:k}=g("ImageCompressor");return(o,_)=>{var B;return t(),n("div",e,[o.showInfo?(t(),n("ul",C,[(B=o.customRequirements)!=null&&B.length?(t(!0),n(i,{key:0},d(o.customRequirements,c=>(t(),n("li",{key:c},s(c),1))),128)):(t(),n(i,{key:1},[l("li",null,s(a(k).maxSizeRequirement),1),l("li",null,s(a(k).imageTypeRequirement),1)],64))])):r("",!0),o.showAddButton?(t(),u(y,{key:1,onClick:_[0]||(_[0]=c=>o.$emit("addPhoto")),icon:"add",label:"Add Photo",text:""})):r("",!0),p(o.$slots,"default")])}}}))}}});

package/components/index-BMti6lK3.es.js

@@ -0,0 +1,64 @@
+import { defineAsyncComponent as t } from "vue";
+const n = t(() => import("./approverinfo/ApproverInfo-Bruotw1h.es.js")), a = t(() => import("./badge/Badge-DXAyz4Z8.es.js")), r = t(() => import("./badgegroup/BadgeGroup-Dl2cL80L.es.js")), i = t(() => import("./basetree/BaseTree-RsvvntBp.es.js")), p = t(() => import("./breadcrumb/Breadcrumb-oqdG9WGT.es.js")), e = t(() => import("./button/Button-CgkhMnxo.es.js").then((o) => o.B)), c = t(() => import("./buttonbulkaction/ButtonBulkAction-Tdf3aVtp.es.js").then((o) => o.B)), m = t(() => import("../ButtonCopy-C6DSmsOR.es.js")), u = t(() => import("./buttondownload/ButtonDownload-BWGTiJnP.es.js")), l = t(() => import("./buttonfilter/ButtonFilter-B49leY-q.es.js")), B = t(() => import("./buttonradio/ButtonRadio-D6xKhPLg.es.js")), I = t(() => import("./buttonscan/ButtonScan-mVHAdACL.es.js").then((o) => o.B)), g = t(() => import("./buttonsearch/ButtonSearch-BjcXUDQZ.es.js")), h = t(() => import("./buttonselecttree/ButtonSelectTree-D0lT3Exu.es.js")), d = t(() => import("../ButtonSync-DtUhn-Q-.es.js")), T = t(() => import("../ButtonToggle-B9Fa75pf.es.js")), D = t(() => import("./calendar/Calendar-B2z-lfi9.es.js")), S = t(() => import("../Card-B19WgA6Y.es.js")), C = t(() => import("./checkbox/Checkbox-DBU7Ji2C.es.js")), b = t(() => import("./datatable/DataTable-BH7Fk88O.es.js").then((o) => o.a)), F = t(() => import("./dialog/Dialog-BCcbXSya.es.js")), w = t(() => import("./dialogconfirm/DialogConfirm-ByIWXisz.es.js")), U = t(() => import("./dialogform/DialogForm-tAbix3iC.es.js")), f = t(() => import("./dialogselecttree/DialogSelectTree-BrVtt3iG.es.js")), y = t(() => import("./dropdown/Dropdown-Dk4urj-W.es.js").then((o) => o.D)), A = t(() => import("./fileupload/FileUpload-0EHKlInu.es.js")), x = t(() => import("./form/Form-DhWBpdkq.es.js")), L = t(() => import("./icon/Icon-C4kXVcEX.es.js")), N = t(() => import("./image/Image-Bf5EaBWP.es.js")), R = t(() => import("./imagecompressor/ImageCompressor-DPo-1Yo8.es.js").then((o) => o.a)), v = t(() => import("./inputbadge/InputBadge-BngtjqHQ.es.js")), M = t(() => import("./inputcurrency/InputCurrency-CE4WrJ9k.es.js").then((o) => o.I)), P = t(() => import("../InputEmail-DR_E1DsL.es.js")), k = t(() => import("./inputnumber/InputNumber-CQd01PQ5.es.js")), E = t(() => import("./inputpassword/InputPassword-DGWsHAB4.es.js")), G = t(() => import("./inputphonenumber/InputPhoneNumber-DVAOWAj6.es.js")), O = t(() => import("./inputrangenumber/InputRangeNumber-Cfea6oM_.es.js")), V = t(() => import("./inputtext/InputText-BEDxrRqK.es.js")), W = t(() => import("../InputURL-PVF5EUUY.es.js")), j = t(() => import("./imagecompressor/ImageCompressor-DPo-1Yo8.es.js").then((o) => o.I)), q = t(() => import("./litedropdown/LiteDropdown-BbDUnfnd.es.js")), z = t(() => import("../Loading-DUHTVct4.es.js")), H = t(() => import("./menu/Menu-BtzGGhbp.es.js")), J = t(() => import("./multiselect/MultiSelect-BoPpQ31j.es.js")), K = t(() => import("./overlaypanel/OverlayPanel-bQbjuUgG.es.js")), Q = t(() => import("./tabmenu/TabMenu-ByKBaVsd.es.js")), X = t(() => import("./textarea/Textarea-CnAlgPq5.es.js")), Y = t(() => import("./timeline/Timeline-CF2qJo4E.es.js")), Z = t(() => import("./toast/Toast-DRUJCz4I.es.js")), _ = t(() => import("./toggleswitch/ToggleSwitch-De-_8nQl.es.js")), $ = t(() => import("./tree/Tree-93NvdElH.es.js").then((o) => o.T)), tt = t(() => import("./username/UserName-D5C0qdbu.es.js")), ot = t(() => import("./assetinfo/AssetInfo-DNsWx4Xv.es.js").then((o) => o.A)), st = t(() => import("./buttonselectuser/ButtonSelectUser-OAZRY9OR.es.js")), nt = t(() => import("../ButtonViewLog-B1oa4oFN.es.js")), at = t(() => import("./dialogselectuser/DialogSelectUser-Bu7z7lUq.es.js")), rt = t(() => import("../UserWithIcon-hWXf-A2U.es.js")), it = t(() => import("./dialogselectuser/DialogSelectUserFilter-BgBrQCz1.es.js").then((o) => o.F)), pt = t(() => import("./inputsearch/InputSearch-CHJP-N57.es.js")), et = t(() => import("./transactionroles/TransactionRoles-WrcXMwBu.es.js"));
+export {
+  st as $,
+  n as A,
+  a as B,
+  D as C,
+  b as D,
+  P as E,
+  A as F,
+  k as G,
+  E as H,
+  L as I,
+  G as J,
+  O as K,
+  V as L,
+  W as M,
+  j as N,
+  q as O,
+  z as P,
+  H as Q,
+  J as R,
+  K as S,
+  Q as T,
+  X as U,
+  Y as V,
+  Z as W,
+  _ as X,
+  $ as Y,
+  tt as Z,
+  ot as _,
+  r as a,
+  nt as a0,
+  at as a1,
+  rt as a2,
+  it as a3,
+  pt as a4,
+  et as a5,
+  i as b,
+  p as c,
+  e as d,
+  c as e,
+  m as f,
+  u as g,
+  l as h,
+  B as i,
+  I as j,
+  g as k,
+  h as l,
+  d as m,
+  T as n,
+  S as o,
+  C as p,
+  F as q,
+  w as r,
+  U as s,
+  f as t,
+  y as u,
+  x as v,
+  N as w,
+  R as x,
+  v as y,
+  M as z
+};

package/components/index-DBzSxIov.system.js

@@ -0,0 +1 @@
+System.register(["vue"],function(s,n){"use strict";var t;return{setters:[o=>{t=o.defineAsyncComponent}],execute:function(){const o=s("A",t(()=>n.import("./approverinfo/ApproverInfo-CoWywuLZ.system.js"))),i=s("B",t(()=>n.import("./badge/Badge-wSExdsOP.system.js"))),a=s("a",t(()=>n.import("./badgegroup/BadgeGroup-CAYL_5-g.system.js"))),c=s("b",t(()=>n.import("./basetree/BaseTree-CmBp0uwr.system.js"))),r=s("c",t(()=>n.import("./breadcrumb/Breadcrumb-BmuuCYJx.system.js"))),m=s("d",t(()=>n.import("./button/Button-D892iaxz.system.js").then(e=>e.B))),y=s("e",t(()=>n.import("./buttonbulkaction/ButtonBulkAction-CAamlaLP.system.js").then(e=>e.B))),j=s("f",t(()=>n.import("../ButtonCopy-CeBlNyVx.system.js"))),p=s("g",t(()=>n.import("./buttondownload/ButtonDownload-CUR6u0AT.system.js"))),g=s("h",t(()=>n.import("./buttonfilter/ButtonFilter-B1F4poKd.system.js"))),u=s("i",t(()=>n.import("./buttonradio/ButtonRadio-NBcy0Epa.system.js"))),B=s("j",t(()=>n.import("./buttonscan/ButtonScan-BZzpqBe8.system.js").then(e=>e.B))),b=s("k",t(()=>n.import("./buttonsearch/ButtonSearch-3hnarf3D.system.js"))),I=s("l",t(()=>n.import("./buttonselecttree/ButtonSelectTree-DKmPV8FD.system.js"))),h=s("m",t(()=>n.import("../ButtonSync-BLyCwwnU.system.js"))),T=s("n",t(()=>n.import("../ButtonToggle-CSxzlLR2.system.js"))),l=s("C",t(()=>n.import("./calendar/Calendar-CWw4R5mN.system.js"))),S=s("o",t(()=>n.import("../Card-umUgd-nP.system.js"))),D=s("p",t(()=>n.import("./checkbox/Checkbox-FZg_wq3C.system.js"))),C=s("D",t(()=>n.import("./datatable/DataTable-Cko2S6sM.system.js").then(e=>e.a))),f=s("q",t(()=>n.import("./dialog/Dialog-Dv7Jzg4E.system.js"))),w=s("r",t(()=>n.import("./dialogconfirm/DialogConfirm-BU-LRZCo.system.js"))),U=s("s",t(()=>n.import("./dialogform/DialogForm-DGl_NOEr.system.js"))),F=s("t",t(()=>n.import("./dialogselecttree/DialogSelectTree-CT7dKC5N.system.js"))),A=s("u",t(()=>n.import("./dropdown/Dropdown-BNzT2uLU.system.js").then(e=>e.D))),v=s("F",t(()=>n.import("./fileupload/FileUpload-dXrsIAeC.system.js"))),L=s("v",t(()=>n.import("./form/Form-By85t_oI.system.js"))),N=s("I",t(()=>n.import("./icon/Icon-D1a666FC.system.js"))),R=s("w",t(()=>n.import("./image/Image-Cxi0E9gK.system.js"))),k=s("x",t(()=>n.import("./imagecompressor/ImageCompressor-C_vnTwmo.system.js").then(e=>e.a))),M=s("y",t(()=>n.import("./inputbadge/InputBadge-BUm6Kn-F.system.js"))),P=s("z",t(()=>n.import("./inputcurrency/InputCurrency-DaJuUujH.system.js").then(e=>e.I))),E=s("E",t(()=>n.import("../InputEmail-BZ5Y0wSk.system.js"))),G=s("G",t(()=>n.import("./inputnumber/InputNumber-BJ8Qm27k.system.js"))),O=s("H",t(()=>n.import("./inputpassword/InputPassword-D3jaUFfR.system.js"))),z=s("J",t(()=>n.import("./inputphonenumber/InputPhoneNumber-3To4Ktp9.system.js"))),V=s("K",t(()=>n.import("./inputrangenumber/InputRangeNumber-iLScQOa6.system.js"))),W=s("L",t(()=>n.import("./inputtext/InputText-BOgH8xpA.system.js"))),q=s("M",t(()=>n.import("../InputURL-DL6a94kM.system.js"))),H=s("N",t(()=>n.import("./imagecompressor/ImageCompressor-C_vnTwmo.system.js").then(e=>e.I))),J=s("O",t(()=>n.import("./litedropdown/LiteDropdown-DTXwb5JR.system.js"))),K=s("P",t(()=>n.import("../Loading-Cq7rP88c.system.js"))),Q=s("Q",t(()=>n.import("./menu/Menu-CPm5vua_.system.js"))),X=s("R",t(()=>n.import("./multiselect/MultiSelect-D5NEDtGe.system.js"))),Y=s("S",t(()=>n.import("./overlaypanel/OverlayPanel-BKCivqTs.system.js"))),Z=s("T",t(()=>n.import("./tabmenu/TabMenu-BBk8EW-C.system.js"))),_=s("U",t(()=>n.import("./textarea/Textarea-qirKOw5z.system.js"))),$=s("V",t(()=>n.import("./timeline/Timeline-DKfKWZFI.system.js"))),d=s("W",t(()=>n.import("./toast/Toast-C3D50rGo.system.js"))),x=s("X",t(()=>n.import("./toggleswitch/ToggleSwitch-DuyahX09.system.js"))),tt=s("Y",t(()=>n.import("./tree/Tree-BTTVTAEH.system.js").then(e=>e.T))),st=s("Z",t(()=>n.import("./username/UserName-A1N6Q7bS.system.js"))),nt=s("_",t(()=>n.import("./assetinfo/AssetInfo-B8KAsqvC.system.js").then(e=>e.A))),et=s("$",t(()=>n.import("./buttonselectuser/ButtonSelectUser-B7GbLfS-.system.js"))),ot=s("a0",t(()=>n.import("../ButtonViewLog-_J6r7Oz8.system.js"))),it=s("a1",t(()=>n.import("./dialogselectuser/DialogSelectUser-DXL_NMJj.system.js"))),at=s("a2",t(()=>n.import("../UserWithIcon-Ddn_GlNu.system.js"))),ct=s("a3",t(()=>n.import("./dialogselectuser/DialogSelectUserFilter-BNbIynoa.system.js").then(e=>e.F))),rt=s("a4",t(()=>n.import("./inputsearch/InputSearch-DkB4O0Dc.system.js"))),mt=s("a5",t(()=>n.import("./transactionroles/TransactionRoles-iVQyWseb.system.js")))}}});