@fewangsit/wangsvue-fats 1.0.1-alpha.4 → 1.0.1-alpha.40

package/imagecompressor/index.es.js

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

package/imageinputinfo/index.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.es.js";
+import { _ as k } from "../button/index.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/inlinemessage/index.es.js

@@ -0,0 +1,94 @@
+import { defineComponent as y, ref as g, computed as w, createElementBlock as a, createCommentVNode as o, openBlock as s, mergeProps as c, createElementVNode as r, createBlock as u, normalizeClass as _, unref as h, toDisplayString as l, Fragment as k, renderList as x, createVNode as C } from "vue";
+import { c as B, _ as $ } from "../button/index.es.js";
+import { _ as m } from "../icon/index.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__ */ y({
+  __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(d) {
+    const e = d, i = g(!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, n) => i.value ? (s(), a("div", c({ key: 0 }, t.$preset.inlinemessage.root({ props: e }), {
+      "aria-atomic": "true",
+      "aria-live": "assertive",
+      role: "alert"
+    }), [
+      r("div", b, [
+        t.showIcon ? (s(), u(m, c({ key: 0 }, t.$preset.inlinemessage.icon({ props: e }), {
+          icon: p.value,
+          severity: e.severity
+        }), null, 16, ["icon", "severity"])) : o("", !0),
+        r("div", I, [
+          r("section", {
+            class: _([
+              "flex flex-col font-medium",
+              ...h(B)(e.messageWrapperClass)
+            ]),
+            "data-wv-section": "messagewrapper"
+          }, [
+            t.title ? (s(), a("span", N, l(e.title), 1)) : o("", !0),
+            r("span", V, l(e.loading ? `${e.message}...` : e.message), 1)
+          ], 2),
+          t.removable ? (s(), u($, {
+            key: 0,
+            severity: e.severity,
+            onClick: n[0] || (n[0] = () => {
+              t.$emit("close"), i.value = !1;
+            }),
+            class: "[&_i]:w-6 [&_i]:h-6",
+            "data-wv-section": "close",
+            icon: "close",
+            rounded: "",
+            text: ""
+          }, null, 8, ["severity"])) : o("", !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"]),
+          r("span", null, l(f), 1)
+        ]))), 128))
+      ])) : o("", !0)
+    ], 16)) : o("", !0);
+  }
+});
+export {
+  z as _
+};

package/{components/inputbadge/InputBadge.vue.d.ts → inputbadge/index.d.ts}

@@ -1,4 +1,4 @@
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 /**