@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/editorbutton/index.es.js

@@ -1,28 +1,30 @@
-import { defineComponent as o, createBlock as s, openBlock as e, normalizeClass as p } from "vue";
-import { _ as r } from "../button/index.es.js";
-const c = /* @__PURE__ */ o({
+import { defineComponent, createBlock, openBlock, normalizeClass } from "vue";
+import { _ as _sfc_main$1 } from "../button/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EditorButton",
   props: {
     classButton: {}
   },
-  setup(a) {
-    return (t, n) => (e(), s(r, {
-      class: p([t.classButton, "!rounded h-6 w-6 p-1"]),
-      tooltip: {
-        pt: {
-          text: {
-            style: "font-size: 9px !important; padding: 2px 6px; border-radius: 8px"
-          }
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        class: normalizeClass([_ctx.classButton, `!rounded h-6 w-6 p-1`]),
+        tooltip: {
+          pt: {
+            text: {
+              style: "font-size: 9px !important; padding: 2px 6px; border-radius: 8px"
+            }
+          },
+          value: _ctx.$attrs["tooltipText"] ?? _ctx.$attrs["tooltip-text"]
         },
-        value: t.$attrs.tooltipText ?? t.$attrs["tooltip-text"]
-      },
-      "icon-class": "!w-4 !h-4",
-      severity: "secondary",
-      text: "",
-      "tooltip-pos": "top"
-    }, null, 8, ["class", "tooltip"]));
+        "icon-class": "!w-4 !h-4",
+        severity: "secondary",
+        text: "",
+        "tooltip-pos": "top"
+      }, null, 8, ["class", "tooltip"]);
+    };
   }
 });
 export {
-  c as _
+  _sfc_main as _
 };

package/event-bus/index.es.js

@@ -1,5 +1,5 @@
-import { m as t } from "./mitt.es.js";
-const m = t();
+import { m as mitt } from "./mitt.es.js";
+const eventBus = mitt();
 export {
-  m as e
+  eventBus as e
 };

package/event-bus/mitt.es.js

@@ -1,20 +1,24 @@
-function c(e) {
-  var o;
-  e = e || ((o = window.eventBus) == null ? void 0 : o.all) || /* @__PURE__ */ new Map();
-  const f = {
+function mitt(all) {
+  var _a;
+  all = all || ((_a = window.eventBus) == null ? void 0 : _a.all) || /* @__PURE__ */ new Map();
+  const bus = {
     /**
      * A Map of event names to registered handler functions.
      */
-    all: e,
+    all,
     /**
      * Register an event handler for the given type.
      * @param {string|symbol} type Type of event to listen for, or `'*'` for all events
      * @param {Function} handler Function to call in response to given event
      * @memberOf mitt
      */
-    on(n, i) {
-      const s = e == null ? void 0 : e.get(n);
-      s ? s.push(i) : e == null || e.set(n, [i]);
+    on(type, handler) {
+      const handlers = all == null ? void 0 : all.get(type);
+      if (handlers) {
+        handlers.push(handler);
+      } else {
+        all == null ? void 0 : all.set(type, [handler]);
+      }
     },
     /**
      * Remove an event handler for the given type.
@@ -23,9 +27,15 @@ function c(e) {
      * @param {Function} [handler] Handler function to remove
      * @memberOf mitt
      */
-    off(n, i) {
-      const s = e == null ? void 0 : e.get(n);
-      s && (i ? s.splice(s.indexOf(i) >>> 0, 1) : e == null || e.set(n, []));
+    off(type, handler) {
+      const handlers = all == null ? void 0 : all.get(type);
+      if (handlers) {
+        if (handler) {
+          handlers.splice(handlers.indexOf(handler) >>> 0, 1);
+        } else {
+          all == null ? void 0 : all.set(type, []);
+        }
+      }
     },
     /**
      * Invoke all handlers for the given type.
@@ -37,17 +47,24 @@ function c(e) {
      * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
      * @memberOf mitt
      */
-    emit(n, i) {
-      let s = e == null ? void 0 : e.get(n);
-      s && s.slice().map((t) => {
-        t(i);
-      }), s = e == null ? void 0 : e.get("*"), s && s.slice().map((t) => {
-        t(n, i);
-      });
+    emit(type, evt) {
+      let handlers = all == null ? void 0 : all.get(type);
+      if (handlers) {
+        handlers.slice().map((handler) => {
+          handler(evt);
+        });
+      }
+      handlers = all == null ? void 0 : all.get("*");
+      if (handlers) {
+        handlers.slice().map((handler) => {
+          handler(type, evt);
+        });
+      }
     }
   };
-  return window.eventBus ?? (window.eventBus = f), window.eventBus;
+  window.eventBus ?? (window.eventBus = bus);
+  return window.eventBus;
 }
 export {
-  c as m
+  mitt as m
 };

package/fieldwrapper/index.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as $, useSlots as b, computed as w, createElementBlock as l, renderSlot as p, openBlock as o, normalizeProps as t, mergeProps as r, createCommentVNode as a, Fragment as g, createTextVNode as v, createBlock as C, toDisplayString as i, unref as u } from "vue";
-import { u as B } from "../plugins/WangsVue.es.js";
-import { m as P } from "../utils/mergePropsWithDefaults.util.es.js";
-import { _ as h } from "../icon/index.es.js";
-const T = /* @__PURE__ */ $({
+import { defineComponent, useSlots, computed, createElementBlock, renderSlot, openBlock, normalizeProps, mergeProps, createCommentVNode, Fragment, createTextVNode, createBlock, toDisplayString, unref } from "vue";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FieldWrapper",
   props: {
     label: {},
@@ -14,27 +14,32 @@ const T = /* @__PURE__ */ $({
     tooltipPos: {}
   },
   emits: ["infoClick"],
-  setup(k) {
-    const n = k, f = b(), { defaultProps: y, locale: d } = B("FieldWrapper"), s = w(() => P(n, y));
-    return (e, m) => e.$attrs["use-field-wrapper"] != !1 ? (o(), l("div", t(r({ key: 0 }, e.$preset.fieldwrapper.root)), [
-      e.label || f["label-addon"] ? (o(), l("label", t(r({ key: 0 }, e.$preset.fieldwrapper.label({ props: n, slots: f }))), [
-        e.label ? (o(), l(g, { key: 0 }, [
-          v(i(e.label) + " ", 1),
-          e.mandatory && s.value.showAsterisk ? (o(), l("span", t(r({ key: 0 }, e.$preset.fieldwrapper.arterisksign)), i(u(d).labelRequired), 17)) : a("", !0),
-          e.info ? (o(), C(h, r({
-            key: 1,
-            info: e.info,
-            "tooltip-pos": s.value.tooltipPos,
-            onClick: m[0] || (m[0] = (W) => e.$emit("infoClick"))
-          }, e.$preset.fieldwrapper.info, { icon: "info" }), null, 16, ["info", "tooltip-pos"])) : a("", !0),
-          e.mandatory == !1 && s.value.showOptionalText ? (o(), l("span", t(r({ key: 2 }, e.$preset.fieldwrapper.optionaltext)), i(u(d).labelOptional), 17)) : a("", !0)
-        ], 64)) : a("", !0),
-        p(e.$slots, "label-addon")
-      ], 16)) : a("", !0),
-      p(e.$slots, "default")
-    ], 16)) : p(e.$slots, "default", { key: 1 });
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const { defaultProps, locale } = useWangsVueConfig("FieldWrapper");
+    const config = computed(() => mergePropsWithDefaults(props, defaultProps));
+    return (_ctx, _cache) => {
+      return _ctx.$attrs["use-field-wrapper"] != false ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 0 }, _ctx.$preset.fieldwrapper.root)), [
+        _ctx.label || slots["label-addon"] ? (openBlock(), createElementBlock("label", normalizeProps(mergeProps({ key: 0 }, _ctx.$preset.fieldwrapper.label({ props, slots }))), [
+          _ctx.label ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createTextVNode(toDisplayString(_ctx.label) + " ", 1),
+            _ctx.mandatory && config.value.showAsterisk ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({ key: 0 }, _ctx.$preset.fieldwrapper.arterisksign)), toDisplayString(unref(locale).labelRequired), 17)) : createCommentVNode("", true),
+            _ctx.info ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+              key: 1,
+              info: _ctx.info,
+              "tooltip-pos": config.value.tooltipPos,
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("infoClick"))
+            }, _ctx.$preset.fieldwrapper.info, { icon: "info" }), null, 16, ["info", "tooltip-pos"])) : createCommentVNode("", true),
+            _ctx.mandatory == false && config.value.showOptionalText ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({ key: 2 }, _ctx.$preset.fieldwrapper.optionaltext)), toDisplayString(unref(locale).labelOptional), 17)) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "label-addon")
+        ], 16)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 16)) : renderSlot(_ctx.$slots, "default", { key: 1 });
+    };
   }
 });
 export {
-  T as _
+  _sfc_main as _
 };

package/fileupload/index.es.js

@@ -1,23 +1,25 @@
-import { defineComponent as D, mergeModels as $, useModel as G, inject as Y, shallowRef as y, ref as z, reactive as H, computed as Z, onMounted as J, watch as x, createBlock as A, openBlock as f, unref as m, mergeProps as g, withCtx as M, createTextVNode as h, toDisplayString as B, createElementVNode as N, normalizeClass as k, createVNode as w, createCommentVNode as S, createElementBlock as F, withModifiers as Q, normalizeProps as W, Fragment as C } from "vue";
-import { u as X } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as ee } from "../utils/baseToast.util.es.js";
-import { s as ae } from "../vendor/primevue/fileupload/fileupload.esm.es.js";
-import { _ as le } from "../fieldwrapper/index.es.js";
-import { _ as se } from "../inputtext/index.es.js";
-import { _ as ie } from "../button/index.es.js";
-import { _ as oe } from "../validatormessage/index.es.js";
-const te = { class: "'!mt-0 font-light text-xs text-general-500'" }, re = 1048576, ye = /* @__PURE__ */ D({
+import { defineComponent, mergeModels, useModel, inject, shallowRef, ref, reactive, computed, onMounted, watch, createBlock, openBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, createVNode, createCommentVNode, createElementBlock, withModifiers, normalizeProps, Fragment } from "vue";
+import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as useToast } from "../utils/baseToast.util.es.js";
+import { s as script } from "../vendor/primevue/fileupload/fileupload.esm.es.js";
+import { _ as _sfc_main$1 } from "../fieldwrapper/index.es.js";
+import { _ as _sfc_main$2 } from "../inputtext/index.es.js";
+import { _ as _sfc_main$4 } from "../button/index.es.js";
+import { _ as _sfc_main$3 } from "../validatormessage/index.es.js";
+const _hoisted_1 = { class: "'!mt-0 font-light text-xs text-general-500'" };
+const BYTES_TO_MEGABYTES = 1048576;
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ mergeModels({
     accept: {},
     disabled: { type: Boolean },
     maxFileSize: {},
     modelValue: {},
-    multiple: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: false },
     invalidFileSizeMessage: {},
     invalidFileTypeMessage: {},
     label: { default: "Upload File" },
-    withUpload: { type: Boolean, default: !0 },
+    withUpload: { type: Boolean, default: true },
     uploadLabel: { default: "Upload" },
     placeholder: { default: "Select File" },
     fileExtensions: {},
@@ -26,151 +28,239 @@ const te = { class: "'!mt-0 font-light text-xs text-general-500'" }, re = 104857
     useValidator: { type: Boolean },
     fieldName: { default: "fileUpload" },
     mandatory: { type: Boolean },
-    useErrorToast: { type: Boolean, default: !0 },
+    useErrorToast: { type: Boolean, default: true },
     validatorMessage: {},
     validatorMessageClass: {}
   }, {
-    modelValue: {},
-    modelModifiers: {}
+    "modelValue": {},
+    "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ $(["select", "update:modelValue", "upload", "error"], ["update:modelValue"]),
-  setup(T, { emit: R }) {
-    const V = ee(), r = G(T, "modelValue"), a = T, _ = R, { fileupload: c = {} } = Y("preset", {}), i = y(), t = y(), o = y(), E = z(), n = H({ value: void 0 }), q = Z(() => !!n.errorMessage || (u.value ? u.value.length > 0 : !1)), d = y(!1);
-    J(() => {
-      a.useValidator && Object.assign(
-        n,
-        X(a.fieldName, (e) => I(e))
-      ), r.value && (Array.isArray(r.value) && a.multiple ? (o.value = r.value, i.value = r.value.map((e) => e.name)) : r.value instanceof File && (o.value = r.value, i.value = r.value.name));
+  emits: /* @__PURE__ */ mergeModels(["select", "update:modelValue", "upload", "error"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const toast = useToast();
+    const model = useModel(__props, "modelValue");
+    const props = __props;
+    const emit = __emit;
+    const { fileupload: Preset = {} } = inject("preset", {});
+    const fileName = shallowRef();
+    const manualErrorMessage = shallowRef();
+    const currentFile = shallowRef();
+    const fileUpload = ref();
+    const field = reactive({ value: void 0 });
+    const invalidInput = computed(() => {
+      return !!field.errorMessage || (errorMessages.value ? errorMessages.value.length > 0 : false);
+    });
+    const uploadDisabled = shallowRef(false);
+    onMounted(() => {
+      if (props.useValidator) {
+        Object.assign(
+          field,
+          useField(props.fieldName, (value) => setValidatorMessage(value))
+        );
+      }
+      if (model.value) {
+        if (Array.isArray(model.value) && props.multiple) {
+          currentFile.value = model.value;
+          fileName.value = model.value.map((each) => each.name);
+        } else if (model.value instanceof File) {
+          currentFile.value = model.value;
+          fileName.value = model.value.name;
+        }
+      }
     });
-    const I = (e) => {
-      if (typeof a.validatorMessage == "string")
-        return a.validatorMessage;
-      if (typeof a.validatorMessage != "string") {
-        const { empty: l } = a.validatorMessage ?? {};
-        if (!e && a.mandatory && !o.value)
-          return l ?? !0;
+    const setValidatorMessage = (value) => {
+      if (typeof props.validatorMessage === "string") {
+        return props.validatorMessage;
+      } else if (typeof props.validatorMessage !== "string") {
+        const { empty } = props.validatorMessage ?? {};
+        if (!value && props.mandatory && !currentFile.value) {
+          return empty ?? true;
+        }
       }
-      return !0;
-    }, j = (e) => {
-      if (!a.useErrorToast && typeof a.validatorMessage != "string") {
-        const { exceed: l, invalidFormat: s } = a.validatorMessage;
-        e.includes("Invalid file size") && l ? t.value = l : e.includes("Invalid file type") ? t.value = s : t.value = void 0;
+      return true;
+    };
+    const setManualValidatorMessage = (errorMessage) => {
+      if (!props.useErrorToast && typeof props.validatorMessage !== "string") {
+        const { exceed, invalidFormat } = props.validatorMessage;
+        if (errorMessage.includes("Invalid file size") && exceed) {
+          manualErrorMessage.value = exceed;
+        } else if (errorMessage.includes("Invalid file type")) {
+          manualErrorMessage.value = invalidFormat;
+        } else {
+          manualErrorMessage.value = void 0;
+        }
       }
-    }, L = (e) => {
-      var l;
+    };
+    const selectHandler = (event) => {
+      var _a;
       try {
-        if (!e.files || e.files.length === 0)
+        if (!event.files || event.files.length === 0) {
           return;
-        a.multiple ? (o.value = e.files, i.value = e.files.map((s) => s.name), _("select", e.files)) : (o.value = e.files[0], i.value = (l = e.files[0]) == null ? void 0 : l.name, _("select", e.files[0]));
-      } catch (s) {
-        console.error(s);
+        }
+        if (props.multiple) {
+          currentFile.value = event.files;
+          fileName.value = event.files.map((each) => each.name);
+          emit("select", event.files);
+        } else {
+          currentFile.value = event.files[0];
+          fileName.value = (_a = event.files[0]) == null ? void 0 : _a.name;
+          emit("select", event.files[0]);
+        }
+      } catch (error) {
+        console.error(error);
       }
-    }, U = (e, l) => {
-      a.disabled || d.value || (u.value = void 0, new Promise((s, p) => {
+    };
+    const chooseFile = (chooseCallback, clearCallback) => {
+      if (props.disabled || uploadDisabled.value) return;
+      errorMessages.value = void 0;
+      new Promise((resolve, reject) => {
         try {
-          l(), s();
-        } catch (v) {
-          p(v);
+          clearCallback();
+          resolve();
+        } catch (error) {
+          reject(error);
         }
       }).then(() => {
-        e();
-      }));
-    }, O = async (e, l) => {
+        chooseCallback();
+      });
+    };
+    const uploadFile = async (files, clearCallback) => {
       try {
-        d.value = !0, a.uploadFunction && await a.uploadFunction(e), o.value = void 0, i.value = void 0, l(), d.value = !1;
-      } catch (s) {
-        throw d.value = !1, s;
+        uploadDisabled.value = true;
+        if (props.uploadFunction) await props.uploadFunction(files);
+        currentFile.value = void 0;
+        fileName.value = void 0;
+        clearCallback();
+        uploadDisabled.value = false;
+      } catch (error) {
+        uploadDisabled.value = false;
+        throw error;
+      }
+    };
+    const errorMessages = ref();
+    const getMessages = (messages) => {
+      errorMessages.value = messages;
+    };
+    const onKeydown = (ev, chooseCallback, clearCallback) => {
+      if (ev.key === "Enter" || ev.key === " ") {
+        chooseFile(chooseCallback, clearCallback);
+      }
+    };
+    watch(currentFile, (file) => {
+      field.value = file;
+      model.value = file;
+      errorMessages.value = void 0;
+      manualErrorMessage.value = void 0;
+    });
+    watch(model, (newValue) => {
+      if (Array.isArray(newValue) && props.multiple) {
+        currentFile.value = newValue;
+        fileName.value = newValue.map((file) => file.name);
+      } else if (newValue instanceof File) {
+        currentFile.value = newValue;
+        fileName.value = newValue.name;
+      } else {
+        currentFile.value = void 0;
+        fileName.value = void 0;
+      }
+      field.value = newValue;
+      if ("messages" in fileUpload.value) fileUpload.value.messages = [];
+      errorMessages.value = void 0;
+      manualErrorMessage.value = void 0;
+    });
+    watch(errorMessages, (messages) => {
+      if (messages && messages.length > 0) {
+        const rawMessage = messages[0].replace("{2}", props.accept || "").replace("{2.1}", props.fileExtensions || "");
+        if (rawMessage.includes("Invalid file size")) {
+          emit("error", "FILE_SIZE_TOO_LARGE");
+        }
+        setManualValidatorMessage(rawMessage);
+        if (props.useErrorToast) {
+          toast.add({
+            message: rawMessage,
+            severity: "error"
+          });
+        }
+        currentFile.value = void 0;
+        fileName.value = void 0;
+      } else {
+        manualErrorMessage.value = void 0;
       }
-    }, u = z(), P = (e) => {
-      u.value = e;
-    }, K = (e, l, s) => {
-      (e.key === "Enter" || e.key === " ") && U(l, s);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), mergeProps(props, {
+        ref_key: "fileUpload",
+        ref: fileUpload,
+        "file-limit": _ctx.multiple ? void 0 : 1,
+        pt: { input: { style: "display: none" } },
+        onSelect: selectHandler,
+        onUpload: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("upload", $event))
+      }), {
+        header: withCtx(({ files, chooseCallback, clearCallback }) => [
+          createElementVNode("div", {
+            class: normalizeClass([{ "grid-cols-[auto,max-content]": props.withUpload }, "grid gap-3 items-end"])
+          }, [
+            createVNode(_sfc_main$1, mergeProps(unref(Preset).wrapper, {
+              "error-messages": errorMessages.value,
+              label: props.label,
+              mandatory: props.mandatory
+            }), {
+              default: withCtx(() => [
+                createVNode(_sfc_main$2, {
+                  disabled: props.disabled || uploadDisabled.value,
+                  "input-class": unref(Preset).input({ state: { fileName: fileName.value } }).class,
+                  invalid: invalidInput.value,
+                  "model-value": Array.isArray(fileName.value) ? fileName.value.join(", ") : fileName.value,
+                  placeholder: props.placeholder,
+                  onClick: ($event) => chooseFile(chooseCallback, clearCallback),
+                  onKeydown: withModifiers(($event) => onKeydown($event, chooseCallback, clearCallback), ["prevent"])
+                }, {
+                  "addon-left": withCtx(() => _cache[1] || (_cache[1] = [
+                    createTextVNode(" Browse")
+                  ])),
+                  _: 2
+                }, 1032, ["disabled", "input-class", "invalid", "model-value", "placeholder", "onClick", "onKeydown"]),
+                props.fileExtensions || props.fileRequirements || field.errorMessage || manualErrorMessage.value || props.validatorMessage ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass([{
+                    "justify-between": field.errorMessage || manualErrorMessage.value,
+                    "justify-end": (!field.errorMessage || !manualErrorMessage.value) && props.validatorMessage
+                  }, "flex w-full"])
+                }, [
+                  createVNode(_sfc_main$3, {
+                    class: normalizeClass(props.validatorMessageClass),
+                    message: manualErrorMessage.value ?? field.errorMessage
+                  }, null, 8, ["class", "message"]),
+                  props.fileExtensions || props.fileRequirements ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 0 }, unref(Preset).requirements)), [
+                    createElementVNode("small", _hoisted_1, [
+                      _ctx.fileRequirements ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createTextVNode(toDisplayString(_ctx.fileRequirements), 1)
+                      ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        createTextVNode(toDisplayString(props.maxFileSize ? `${props.fileExtensions}. max file ${Math.round(props.maxFileSize / BYTES_TO_MEGABYTES)} MB` : `${props.fileExtensions} file`), 1)
+                      ], 64))
+                    ])
+                  ], 16)) : createCommentVNode("", true)
+                ], 2)) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1040, ["error-messages", "label", "mandatory"]),
+            props.withUpload ? (openBlock(), createBlock(_sfc_main$4, mergeProps({ key: 0 }, unref(Preset).buttonupload({ props }), {
+              disabled: props.disabled || uploadDisabled.value || !currentFile.value,
+              label: props.uploadLabel,
+              onClick: ($event) => uploadFile(files, clearCallback),
+              severity: "success",
+              type: "button"
+            }), null, 16, ["disabled", "label", "onClick"])) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        content: withCtx(({ messages }) => [
+          createTextVNode(toDisplayString(getMessages(messages)), 1)
+        ]),
+        _: 1
+      }, 16, ["file-limit"]);
     };
-    return x(o, (e) => {
-      n.value = e, r.value = e, u.value = void 0, t.value = void 0;
-    }), x(r, (e) => {
-      Array.isArray(e) && a.multiple ? (o.value = e, i.value = e.map((l) => l.name)) : e instanceof File ? (o.value = e, i.value = e.name) : (o.value = void 0, i.value = void 0), n.value = e, "messages" in E.value && (E.value.messages = []), u.value = void 0, t.value = void 0;
-    }), x(u, (e) => {
-      if (e && e.length > 0) {
-        const l = e[0].replace("{2}", a.accept || "").replace("{2.1}", a.fileExtensions || "");
-        l.includes("Invalid file size") && _("error", "FILE_SIZE_TOO_LARGE"), j(l), a.useErrorToast && V.add({
-          message: l,
-          severity: "error"
-        }), o.value = void 0, i.value = void 0;
-      } else
-        t.value = void 0;
-    }), (e, l) => (f(), A(m(ae), g(a, {
-      ref_key: "fileUpload",
-      ref: E,
-      "file-limit": e.multiple ? void 0 : 1,
-      pt: { input: { style: "display: none" } },
-      onSelect: L,
-      onUpload: l[0] || (l[0] = (s) => e.$emit("upload", s))
-    }), {
-      header: M(({ files: s, chooseCallback: p, clearCallback: v }) => [
-        N("div", {
-          class: k([{ "grid-cols-[auto,max-content]": a.withUpload }, "grid gap-3 items-end"])
-        }, [
-          w(le, g(m(c).wrapper, {
-            "error-messages": u.value,
-            label: a.label,
-            mandatory: a.mandatory
-          }), {
-            default: M(() => [
-              w(se, {
-                disabled: a.disabled || d.value,
-                "input-class": m(c).input({ state: { fileName: i.value } }).class,
-                invalid: q.value,
-                "model-value": Array.isArray(i.value) ? i.value.join(", ") : i.value,
-                placeholder: a.placeholder,
-                onClick: (b) => U(p, v),
-                onKeydown: Q((b) => K(b, p, v), ["prevent"])
-              }, {
-                "addon-left": M(() => l[1] || (l[1] = [
-                  h(" Browse")
-                ])),
-                _: 2
-              }, 1032, ["disabled", "input-class", "invalid", "model-value", "placeholder", "onClick", "onKeydown"]),
-              a.fileExtensions || a.fileRequirements || n.errorMessage || t.value || a.validatorMessage ? (f(), F("div", {
-                key: 0,
-                class: k([{
-                  "justify-between": n.errorMessage || t.value,
-                  "justify-end": (!n.errorMessage || !t.value) && a.validatorMessage
-                }, "flex w-full"])
-              }, [
-                w(oe, {
-                  class: k(a.validatorMessageClass),
-                  message: t.value ?? n.errorMessage
-                }, null, 8, ["class", "message"]),
-                a.fileExtensions || a.fileRequirements ? (f(), F("div", W(g({ key: 0 }, m(c).requirements)), [
-                  N("small", te, [
-                    e.fileRequirements ? (f(), F(C, { key: 0 }, [
-                      h(B(e.fileRequirements), 1)
-                    ], 64)) : (f(), F(C, { key: 1 }, [
-                      h(B(a.maxFileSize ? `${a.fileExtensions}. max file ${Math.round(a.maxFileSize / re)} MB` : `${a.fileExtensions} file`), 1)
-                    ], 64))
-                  ])
-                ], 16)) : S("", !0)
-              ], 2)) : S("", !0)
-            ]),
-            _: 2
-          }, 1040, ["error-messages", "label", "mandatory"]),
-          a.withUpload ? (f(), A(ie, g({ key: 0 }, m(c).buttonupload({ props: a }), {
-            disabled: a.disabled || d.value || !o.value,
-            label: a.uploadLabel,
-            onClick: (b) => O(s, v),
-            severity: "success",
-            type: "button"
-          }), null, 16, ["disabled", "label", "onClick"])) : S("", !0)
-        ], 2)
-      ]),
-      content: M(({ messages: s }) => [
-        h(B(P(s)), 1)
-      ]),
-      _: 1
-    }, 16, ["file-limit"]));
   }
 });
 export {
-  ye as _
+  _sfc_main as _
 };