@fewangsit/wangsvue-fats 1.0.0-alpha.40 → 1.0.0-alpha.42

package/components/imagecompressor/ImageCompressor-DaW0ak9c.es.js

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

package/components/imageinputinfo/ImageInputInfo-C5F14hbF.system.js

@@ -0,0 +1 @@
+System.register(["vue","../animation/Animation-6756VN9N.system.js","../button/Button-Okx1_kOu.system.js"],function(h,b){"use strict";var c,n,t,s,u,p,f,i,d,r,a,l,y,g;return{setters:[e=>{c=e.defineComponent,n=e.createElementBlock,t=e.openBlock,s=e.createCommentVNode,u=e.createBlock,p=e.renderSlot,f=e.normalizeClass,i=e.Fragment,d=e.renderList,r=e.toDisplayString,a=e.createElementVNode,l=e.unref},e=>{y=e.u},e=>{g=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("_",c({__name:"ImageInputInfo",props:{customRequirements:{},showInfo:{type:Boolean},showAddButton:{type:Boolean}},emits:["addPhoto"],setup(x){const{locale:k}=y("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,m=>(t(),n("li",{key:m},r(m),1))),128)):(t(),n(i,{key:1},[a("li",null,r(l(k).maxSizeRequirement),1),a("li",null,r(l(k).imageTypeRequirement),1)],64))])):s("",!0),o.showAddButton?(t(),u(g,{key:1,onClick:_[0]||(_[0]=m=>o.$emit("addPhoto")),icon:"add",label:"Add Photo",text:""})):s("",!0),p(o.$slots,"default")])}}}))}}});

package/components/imageinputinfo/ImageInputInfo-oTtVBxzO.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 "../animation/Animation-COWVilAA.es.js";
+import { _ as k } from "../button/Button-D-MSv_AS.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/inlinemessage/InlineMessage-19w6FOcP.system.js

@@ -0,0 +1 @@
+System.register(["vue","../button/Button-Okx1_kOu.system.js","../icon/Icon-DUylRmY4.system.js"],function(B,S){"use strict";var f,p,m,n,t,c,r,o,l,v,d,i,g,y,w,_,h,u;return{setters:[e=>{f=e.defineComponent,p=e.ref,m=e.computed,n=e.createElementBlock,t=e.openBlock,c=e.mergeProps,r=e.createElementVNode,o=e.createCommentVNode,l=e.createBlock,v=e.normalizeClass,d=e.unref,i=e.toDisplayString,g=e.Fragment,y=e.renderList,w=e.createVNode},e=>{_=e.c,h=e._},e=>{u=e._}],execute:function(){const e={class:"flex items-center gap-3 w-full"},C={class:"flex items-center w-full justify-between","data-wv-section":"content"},x={key:0,class:"font-bold","data-wv-section":"title"},b={"data-wv-section":"message"},N={key:0,class:"flex flex-col gap-3 overflow-auto max-h-[71px]","data-wv-section":"list"},z=B("_",f({__name:"InlineMessage",props:{severity:{default:"secondary"},title:{},message:{},lists:{},showIcon:{type:Boolean,default:!0},removable:{type:Boolean,default:!0},messageWrapperClass:{},loading:{type:Boolean,default:!1}},emits:["close"],setup(V){const s=V,$=p(!0),I=m(()=>{if(s.loading)return"spinner";switch(s.severity){case"success":return"checkbox-circle";case"danger":return"close-circle";default:return"info"}});return(a,k)=>(t(),n("div",c(a.$preset.inlinemessage.root({props:s}),{"aria-atomic":"true","aria-live":"assertive",role:"alert"}),[r("div",e,[a.showIcon?(t(),l(u,c({key:0},a.$preset.inlinemessage.icon({props:s}),{icon:I.value,severity:s.severity}),null,16,["icon","severity"])):o("",!0),r("div",C,[r("section",{class:v(["flex flex-col font-medium",...d(_)(s.messageWrapperClass)]),"data-wv-section":"messagewrapper"},[a.title?(t(),n("span",x,i(s.title),1)):o("",!0),r("span",b,i(s.loading?`${s.message}...`:s.message),1)],2),a.removable?(t(),l(h,{key:0,severity:s.severity,onClick:k[0]||(k[0]=()=>{a.$emit("close"),$.value=!1}),class:"[&_i]:w-6 [&_i]:h-6","data-wv-section":"close",icon:"close",rounded:"",text:""},null,8,["severity"])):o("",!0)])]),s.lists?(t(),n("div",N,[(t(!0),n(g,null,y(s.lists,(E,j)=>(t(),n("div",{key:j,class:"flex items-center gap-2","data-wv-section":"item"},[w(u,{severity:s.severity,class:"w-4 h-4 !cursor-auto",icon:"arrow-right-fill"},null,8,["severity"]),r("span",null,i(E),1)]))),128))])):o("",!0)],16))}}))}}});

package/components/inlinemessage/InlineMessage-CBZT3jWS.es.js

@@ -0,0 +1,94 @@
+import { defineComponent as g, ref as y, computed as w, createElementBlock as a, openBlock as s, mergeProps as n, createElementVNode as o, createCommentVNode as r, createBlock as c, normalizeClass as _, unref as h, toDisplayString as i, Fragment as k, renderList as x, createVNode as C } from "vue";
+import { c as B, _ as $ } from "../button/Button-D-MSv_AS.es.js";
+import { _ as m } from "../icon/Icon-mDqG7urn.es.js";
+const b = { class: "flex items-center gap-3 w-full" }, I = {
+  class: "flex items-center w-full justify-between",
+  "data-wv-section": "content"
+}, N = {
+  key: 0,
+  class: "font-bold",
+  "data-wv-section": "title"
+}, V = { "data-wv-section": "message" }, E = {
+  key: 0,
+  class: "flex flex-col gap-3 overflow-auto max-h-[71px]",
+  "data-wv-section": "list"
+}, z = /* @__PURE__ */ g({
+  __name: "InlineMessage",
+  props: {
+    severity: { default: "secondary" },
+    title: {},
+    message: {},
+    lists: {},
+    showIcon: { type: Boolean, default: !0 },
+    removable: { type: Boolean, default: !0 },
+    messageWrapperClass: {},
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(u) {
+    const e = u, d = y(!0), p = w(() => {
+      if (e.loading) return "spinner";
+      switch (e.severity) {
+        case "success":
+          return "checkbox-circle";
+        case "danger":
+          return "close-circle";
+        default:
+          return "info";
+      }
+    });
+    return (t, l) => (s(), a("div", n(t.$preset.inlinemessage.root({ props: e }), {
+      "aria-atomic": "true",
+      "aria-live": "assertive",
+      role: "alert"
+    }), [
+      o("div", b, [
+        t.showIcon ? (s(), c(m, n({ key: 0 }, t.$preset.inlinemessage.icon({ props: e }), {
+          icon: p.value,
+          severity: e.severity
+        }), null, 16, ["icon", "severity"])) : r("", !0),
+        o("div", I, [
+          o("section", {
+            class: _([
+              "flex flex-col font-medium",
+              ...h(B)(e.messageWrapperClass)
+            ]),
+            "data-wv-section": "messagewrapper"
+          }, [
+            t.title ? (s(), a("span", N, i(e.title), 1)) : r("", !0),
+            o("span", V, i(e.loading ? `${e.message}...` : e.message), 1)
+          ], 2),
+          t.removable ? (s(), c($, {
+            key: 0,
+            severity: e.severity,
+            onClick: l[0] || (l[0] = () => {
+              t.$emit("close"), d.value = !1;
+            }),
+            class: "[&_i]:w-6 [&_i]:h-6",
+            "data-wv-section": "close",
+            icon: "close",
+            rounded: "",
+            text: ""
+          }, null, 8, ["severity"])) : r("", !0)
+        ])
+      ]),
+      e.lists ? (s(), a("div", E, [
+        (s(!0), a(k, null, x(e.lists, (f, v) => (s(), a("div", {
+          key: v,
+          class: "flex items-center gap-2",
+          "data-wv-section": "item"
+        }, [
+          C(m, {
+            severity: e.severity,
+            class: "w-4 h-4 !cursor-auto",
+            icon: "arrow-right-fill"
+          }, null, 8, ["severity"]),
+          o("span", null, i(f), 1)
+        ]))), 128))
+      ])) : r("", !0)
+    ], 16));
+  }
+});
+export {
+  z as _
+};