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

package/inputtext/index.es.js

@@ -1,18 +1,19 @@
-import { defineComponent as Y, inject as V, reactive as q, computed as y, shallowRef as $, onMounted as J, onBeforeUnmount as Q, watch as x, createBlock as p, openBlock as d, withCtx as f, createVNode as X, createElementBlock as ee, normalizeClass as M, createCommentVNode as k, unref as m, renderSlot as R, mergeProps as ae, nextTick as te } from "vue";
-import { u as le } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as E } from "../plugins/WangsVue.es.js";
-import { m as se } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as A } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
-import { s as ne } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as re } from "../fieldwrapper/index.es.js";
-import { _ as oe } from "../inputgroup/index.es.js";
-import { _ as ie } from "../validatormessage/index.es.js";
-import { d as de } from "../vendor/lodash-es/debounce.es.js";
-const g = "Checking availability...", xe = /* @__PURE__ */ Y({
+import { defineComponent, inject, reactive, computed, shallowRef, onMounted, onBeforeUnmount, watch, createBlock, openBlock, withCtx, createVNode, createElementBlock, normalizeClass, createCommentVNode, unref, renderSlot, mergeProps, nextTick } from "vue";
+import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
+import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
+import { s as script } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
+import { s as script$1 } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { _ as _sfc_main$1 } from "../fieldwrapper/index.es.js";
+import { _ as _sfc_main$2 } from "../inputgroup/index.es.js";
+import { _ as _sfc_main$3 } from "../validatormessage/index.es.js";
+import { d as debounce } from "../vendor/lodash-es/debounce.es.js";
+const CHECK_AVAILABILITY_ERROR_MESSAGE = "Checking availability...";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InputText",
   props: {
     allowedCharacters: {},
-    autoUppercase: { type: Boolean, default: !1 },
+    autoUppercase: { type: Boolean, default: false },
     modelValue: {},
     value: {},
     existingValues: {},
@@ -23,7 +24,7 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
     fieldName: {},
     mandatory: { type: Boolean },
     invalid: { type: Boolean },
-    manualInvalidContainer: { type: Boolean, default: !1 },
+    manualInvalidContainer: { type: Boolean, default: false },
     validatorMessage: {},
     validatorMessageClass: {},
     placeholder: {},
@@ -35,208 +36,282 @@ const g = "Checking availability...", xe = /* @__PURE__ */ Y({
     labelClass: {},
     blurOnReachMaxLength: { type: Boolean },
     preventInputOnMaxLength: { type: Boolean },
-    validateOnBlur: { type: Boolean, default: !1 },
-    useProtocol: { type: Boolean, default: !0 },
-    allowSpecialCharacters: { type: Boolean, default: !0 },
-    useInputGroup: { type: Boolean, default: !0 },
+    validateOnBlur: { type: Boolean, default: false },
+    useProtocol: { type: Boolean, default: true },
+    allowSpecialCharacters: { type: Boolean, default: true },
+    useInputGroup: { type: Boolean, default: true },
     inputId: {}
   },
   emits: ["update:modelValue", "blur", "input"],
-  setup(O, { emit: w }) {
-    const a = O, h = w, { defaultProps: T } = E(
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { defaultProps } = useWangsVueConfig(
       // eslint-disable-next-line no-nested-ternary
-      a.type === "email" ? "InputEmail" : a.type === "url" ? "InputURL" : "InputText"
-    ), { locale: r } = E("InputText"), o = se(a, T), z = V(
+      props.type === "email" ? "InputEmail" : props.type === "url" ? "InputURL" : "InputText"
+    );
+    const { locale } = useWangsVueConfig("InputText");
+    const config = mergePropsWithDefaults(props, defaultProps);
+    const InputGroupAddonPreset = inject(
       "preset",
       {}
-    ).inputgroupaddon, l = q({
+    ).inputgroupaddon;
+    const field = reactive({
       value: void 0
-    }), v = V(
+    });
+    const isSubmittingForm = inject(
       "isSubmitting"
-    ), C = y(() => a.invalid || !!l.errorMessage), b = $(0), s = $(
-      a.value || a.modelValue
     );
-    J(() => {
-      var e;
-      a.useValidator && (Object.assign(
-        l,
-        le(a.fieldName ?? "textInput", (t) => te(() => _(t == null ? void 0 : t.trim())))
-      ), a.value != null && B(a.value)), a.modelValue != null && (l.value = (e = a.modelValue) == null ? void 0 : e.trim()), a.invalid && a.useValidator && l.validate();
-    }), Q(() => {
-      a.useValidator && l.handleReset();
+    const invalidInput = computed(() => props.invalid || !!field.errorMessage);
+    const inputKey = shallowRef(0);
+    const temporaryValue = shallowRef(
+      props.value || props.modelValue
+    );
+    onMounted(() => {
+      var _a;
+      if (props.useValidator) {
+        Object.assign(
+          field,
+          useField(props.fieldName ?? "textInput", (value) => {
+            return nextTick(() => setValidatorMessage(value == null ? void 0 : value.trim()));
+          })
+        );
+        if (props.value != null) assignFieldValue(props.value);
+      }
+      if (props.modelValue != null) field.value = (_a = props.modelValue) == null ? void 0 : _a.trim();
+      if (props.invalid && props.useValidator) field.validate();
     });
-    const P = y(
+    onBeforeUnmount(() => {
+      if (props.useValidator) {
+        field.handleReset();
+      }
+    });
+    const inputPlaceholder = computed(
       () => {
-        var e, t;
-        return a.placeholder ?? ((t = r.defaultPlaceholder) == null ? void 0 : t.replace(
+        var _a, _b;
+        return props.placeholder ?? ((_b = locale.defaultPlaceholder) == null ? void 0 : _b.replace(
           "{label}",
-          a.label ? (e = a.label) == null ? void 0 : e.toLowerCase() : ""
+          props.label ? (_a = props.label) == null ? void 0 : _a.toLowerCase() : ""
         ));
       }
-    ), I = y(() => {
-      var e, t;
-      return typeof a.validatorMessage == "object" && "exist" in a.validatorMessage ? (e = a.validatorMessage) == null ? void 0 : e.exist : (t = r.alreadyExistInvalidText) == null ? void 0 : t.replace("{label}", a.label);
-    }), _ = (e) => {
-      var t, n, i, u;
-      if (typeof a.validatorMessage == "string" && a.invalid)
-        return a.validatorMessage;
-      if (typeof a.validatorMessage != "string") {
-        const { invalidFormat: c, empty: W, exceed: Z } = a.validatorMessage ?? {};
-        if (!e && a.mandatory)
-          return W ?? r.emptyInvalidText.replace("{label}", a.label);
-        if ((e == null ? void 0 : e.length) > o.maxLength)
-          return Z ?? ((t = r.exceedMaxLengthInvalidText) == null ? void 0 : t.replace(
+    );
+    const existErrorMessage = computed(() => {
+      var _a, _b;
+      return typeof props.validatorMessage === "object" && "exist" in props.validatorMessage ? (_a = props.validatorMessage) == null ? void 0 : _a.exist : (_b = locale.alreadyExistInvalidText) == null ? void 0 : _b.replace("{label}", props.label);
+    });
+    const setValidatorMessage = (value) => {
+      var _a, _b, _c, _d;
+      if (typeof props.validatorMessage === "string" && props.invalid) {
+        return props.validatorMessage;
+      } else if (typeof props.validatorMessage !== "string") {
+        const { invalidFormat, empty, exceed } = props.validatorMessage ?? {};
+        if (!value && props.mandatory) {
+          return empty ?? locale.emptyInvalidText.replace("{label}", props.label);
+        } else if ((value == null ? void 0 : value.length) > config.maxLength) {
+          return exceed ?? ((_a = locale.exceedMaxLengthInvalidText) == null ? void 0 : _a.replace(
             "{maxLength}",
-            o.maxLength.toString()
+            config.maxLength.toString()
           ));
-        if ((n = (a.existingValues ?? []).filter((H) => H != a.value)) != null && n.includes(e))
-          return ((i = a.validatorMessage) == null ? void 0 : i.exist) ?? ((u = r.alreadyExistInvalidText) == null ? void 0 : u.replace("{label}", a.label));
-        if (e && a.type === "email")
-          return S(
-            e,
-            c ?? r.emailFormatInvalidText
+        } else if ((_b = (props.existingValues ?? []).filter((v) => v != props.value)) == null ? void 0 : _b.includes(value)) {
+          return ((_c = props.validatorMessage) == null ? void 0 : _c.exist) ?? ((_d = locale.alreadyExistInvalidText) == null ? void 0 : _d.replace("{label}", props.label));
+        } else if (value && props.type === "email") {
+          return validateEmail(
+            value,
+            invalidFormat ?? locale.emailFormatInvalidText
           );
-        if (e && a.type === "url")
-          return U(e, c ?? r.urlFormatInvalidText);
-      } else if (!a.allowSpecialCharacters)
-        return /[^A-Za-z0-9 ]/.test(e) ? r.includeSpecialCharsInvalidText : !0;
-      return a.checkAvailability ? L() : !0;
-    }, U = (e, t) => {
-      const n = new RegExp(
-        `^(https?:\\/\\/)${a.useProtocol ? "" : "?"}((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+:@!$&'()*+,;=]*)*(\\?[;&a-z\\d%_.~+=:@!$&'()*+,;=-]*)?(\\#[-a-z\\d_:@!$&'()*+,;=]*)?$`,
+        } else if (value && props.type === "url") {
+          return validateURL(value, invalidFormat ?? locale.urlFormatInvalidText);
+        }
+      } else if (!props.allowSpecialCharacters) {
+        return /[^A-Za-z0-9 ]/.test(value) ? locale.includeSpecialCharsInvalidText : true;
+      }
+      if (props.checkAvailability) return handleAvailabilityValidation();
+      return true;
+    };
+    const validateURL = (value, invalidFormat) => {
+      const urlRegExp = new RegExp(
+        `^(https?:\\/\\/)${props.useProtocol ? "" : "?"}((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+:@!$&'()*+,;=]*)*(\\?[;&a-z\\d%_.~+=:@!$&'()*+,;=-]*)?(\\#[-a-z\\d_:@!$&'()*+,;=]*)?$`,
         // Fragment (Allowing special characters)
         "i"
       );
-      return t == null || n.test(e) ? !0 : t;
-    }, S = (e, t) => {
-      const n = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
-      return t == null || n.test(e) ? !a.checkAvailability || !!a.checkAvailability && L() : t;
-    }, G = () => {
-      a.validateOnBlur && (l.value = s.value), h("blur", s.value);
-    }, K = (e) => {
-      var i;
-      const t = o.maxLength && o.maxLength === ((i = s.value) == null ? void 0 : i.length);
-      (a.allowedCharacters && !a.allowedCharacters.test(e.key) || t && (a.preventInputOnMaxLength || a.blurOnReachMaxLength)) && (e.preventDefault(), a.blurOnReachMaxLength && t && b.value++);
-    }, N = (e) => {
-      var i, u, c;
-      const t = (i = e.clipboardData) == null ? void 0 : i.getData("text"), n = o.maxLength && o.maxLength === ((u = s.value) == null ? void 0 : u.length) || ((c = s.value) == null ? void 0 : c.length) + (t == null ? void 0 : t.length) > o.maxLength || (t == null ? void 0 : t.length) > o.maxLength;
-      (a.allowedCharacters && !a.allowedCharacters.test(t) || n && (a.preventInputOnMaxLength || a.blurOnReachMaxLength)) && (e.preventDefault(), a.blurOnReachMaxLength && n && b.value++);
-    }, j = (e) => {
-      e === "" && (e = void 0), a.autoUppercase && e && (e = e.replace(/[a-z]/g, (t) => t.toUpperCase())), s.value = e, (!a.validateOnBlur && a.useValidator || !a.useValidator) && (l.value = s.value), h("update:modelValue", s.value);
-    }, F = (e) => {
-      h("input", e.target.value || void 0);
-    }, L = () => {
-      if (v != null && v.value) {
-        if (l.errorMessage === I.value || l.errorMessage === g)
-          return l.errorMessage;
-      } else return D(), g;
-      return !0;
-    }, D = de(async () => {
-      var e;
-      if (l.value != a.value && (e = l.value) != null && e.length && !await a.checkAvailability(l.value))
-        return l.setErrors(I.value);
-      l.errorMessage === g && l.setErrors("");
-    }, 300), B = (e) => {
-      a.useValidator ? l.setValue(e == null ? void 0 : e.trim(), !1) : l.value = e == null ? void 0 : e.trim();
+      return invalidFormat == null || urlRegExp.test(value) ? true : invalidFormat;
+    };
+    const validateEmail = (value, invalidFormat) => {
+      const emailRegexp = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
+      return invalidFormat == null || emailRegexp.test(value) ? !props.checkAvailability || !!props.checkAvailability && handleAvailabilityValidation() : invalidFormat;
+    };
+    const onBlurEvent = () => {
+      if (props.validateOnBlur) field.value = temporaryValue.value;
+      emit("blur", temporaryValue.value);
     };
-    return x(
-      () => a.value,
-      (e) => {
-        B(e), s.value = e == null ? void 0 : e.trim();
+    const handleKeypress = (event) => {
+      var _a;
+      const isMaxLengthReached = config.maxLength && config.maxLength === ((_a = temporaryValue.value) == null ? void 0 : _a.length);
+      const isInvalidCharacter = props.allowedCharacters && !props.allowedCharacters.test(event.key);
+      if (isInvalidCharacter || isMaxLengthReached && (props.preventInputOnMaxLength || props.blurOnReachMaxLength)) {
+        event.preventDefault();
+        if (props.blurOnReachMaxLength && isMaxLengthReached) {
+          inputKey.value++;
+        }
+      }
+    };
+    const handlePaste = (event) => {
+      var _a, _b, _c;
+      const pastedData = (_a = event.clipboardData) == null ? void 0 : _a.getData("text");
+      const isMaxLengthReached = config.maxLength && config.maxLength === ((_b = temporaryValue.value) == null ? void 0 : _b.length) || ((_c = temporaryValue.value) == null ? void 0 : _c.length) + (pastedData == null ? void 0 : pastedData.length) > config.maxLength || (pastedData == null ? void 0 : pastedData.length) > config.maxLength;
+      if (props.allowedCharacters && !props.allowedCharacters.test(pastedData) || isMaxLengthReached && (props.preventInputOnMaxLength || props.blurOnReachMaxLength)) {
+        event.preventDefault();
+        if (props.blurOnReachMaxLength && isMaxLengthReached) {
+          inputKey.value++;
+        }
+      }
+    };
+    const onUpdateModelValue = (e) => {
+      if (e === "") e = void 0;
+      if (props.autoUppercase && e) {
+        e = e.replace(/[a-z]/g, (char) => char.toUpperCase());
+      }
+      temporaryValue.value = e;
+      if (!props.validateOnBlur && props.useValidator || !props.useValidator) {
+        field.value = temporaryValue.value;
+      }
+      emit("update:modelValue", temporaryValue.value);
+    };
+    const onInput = (event) => {
+      emit("input", event.target.value || void 0);
+    };
+    const handleAvailabilityValidation = () => {
+      if (!(isSubmittingForm == null ? void 0 : isSubmittingForm.value)) {
+        checkForAvailability();
+        return CHECK_AVAILABILITY_ERROR_MESSAGE;
+      } else if (field.errorMessage === existErrorMessage.value || field.errorMessage === CHECK_AVAILABILITY_ERROR_MESSAGE) {
+        return field.errorMessage;
+      }
+      return true;
+    };
+    const checkForAvailability = debounce(async () => {
+      var _a;
+      if (field.value != props.value) {
+        if ((_a = field.value) == null ? void 0 : _a.length) {
+          const available = await props.checkAvailability(field.value);
+          if (!available) {
+            return field.setErrors(existErrorMessage.value);
+          }
+        }
+      }
+      if (field.errorMessage === CHECK_AVAILABILITY_ERROR_MESSAGE) {
+        field.setErrors("");
+      }
+    }, 300);
+    const assignFieldValue = (value) => {
+      if (props.useValidator) field.setValue(value == null ? void 0 : value.trim(), false);
+      else field.value = value == null ? void 0 : value.trim();
+    };
+    watch(
+      () => props.value,
+      (newValue) => {
+        assignFieldValue(newValue);
+        temporaryValue.value = newValue == null ? void 0 : newValue.trim();
       },
-      { once: !0 }
-    ), x(
-      () => a.modelValue,
-      (e) => {
-        s.value = e == null ? void 0 : e.trim(), a.validateOnBlur || (l.value = s.value);
+      { once: true }
+    );
+    watch(
+      () => props.modelValue,
+      (value) => {
+        temporaryValue.value = value == null ? void 0 : value.trim();
+        if (!props.validateOnBlur) field.value = temporaryValue.value;
       }
-    ), x(
-      () => a.invalid,
+    );
+    watch(
+      () => props.invalid,
       () => {
-        var e;
-        (e = l.validate) == null || e.call(l);
+        var _a;
+        (_a = field.validate) == null ? void 0 : _a.call(field);
       }
-    ), (e, t) => (d(), p(re, {
-      info: e.fieldInfo,
-      label: a.label,
-      "label-class": a.labelClass,
-      mandatory: a.mandatory
-    }, {
-      default: f(() => [
-        X(oe, {
-          class: M(
-            a.inputContainerClass ?? [
-              "grid ",
-              {
-                "grid-cols-[max-content,1fr,max-content]": e.$slots["addon-left"] && e.$slots["addon-right"],
-                "grid-cols-[1fr,max-content]": !e.$slots["addon-left"] && e.$slots["addon-right"],
-                "grid-cols-[max-content,1fr]": e.$slots["addon-left"] && !e.$slots["addon-right"]
-              }
-            ]
-          ),
-          disabled: a.disabled,
-          invalid: C.value && !a.manualInvalidContainer,
-          "use-input-group": e.useInputGroup
-        }, {
-          default: f(() => [
-            e.$slots["addon-left"] ? (d(), p(m(A), {
-              key: 0,
-              disabled: a.disabled
-            }, {
-              default: f(() => [
-                R(e.$slots, "addon-left")
-              ]),
-              _: 3
-            }, 8, ["disabled"])) : k("", !0),
-            (d(), p(m(ne), {
-              id: e.inputId,
-              key: b.value,
-              class: M(e.inputClass),
-              disabled: e.disabled,
-              invalid: C.value,
-              "model-value": l.value,
-              placeholder: P.value,
-              onBlur: G,
-              onInput: F,
-              onKeypress: K,
-              onPaste: N,
-              "onUpdate:modelValue": j
-            }, null, 8, ["id", "class", "disabled", "invalid", "model-value", "placeholder"])),
-            e.$slots["addon-right"] ? (d(), p(m(A), {
-              key: 1,
-              pt: {
-                root: m(z).root({
-                  props: {
-                    class: [
-                      {
-                        "!text-general-200": a.disabled
-                      }
-                    ]
-                  }
-                })
-              }
-            }, {
-              default: f(() => [
-                R(e.$slots, "addon-right")
-              ]),
-              _: 3
-            }, 8, ["pt"])) : k("", !0)
-          ]),
-          _: 3
-        }, 8, ["class", "disabled", "invalid", "use-input-group"]),
-        l.errorMessage == g ? (d(), ee("span", ae({ key: 0 }, e.$preset.validatormessage.root, {
-          class: "text-general-800",
-          "data-wv-section": "checking-availability"
-        }), " Checking availability... ", 16)) : (d(), p(ie, {
-          key: 1,
-          class: M(e.validatorMessageClass),
-          message: l.errorMessage
-        }, null, 8, ["class", "message"]))
-      ]),
-      _: 3
-    }, 8, ["info", "label", "label-class", "mandatory"]));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        info: _ctx.fieldInfo,
+        label: props.label,
+        "label-class": props.labelClass,
+        mandatory: props.mandatory
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            class: normalizeClass(
+              props.inputContainerClass ?? [
+                "grid ",
+                {
+                  "grid-cols-[max-content,1fr,max-content]": _ctx.$slots["addon-left"] && _ctx.$slots["addon-right"],
+                  "grid-cols-[1fr,max-content]": !_ctx.$slots["addon-left"] && _ctx.$slots["addon-right"],
+                  "grid-cols-[max-content,1fr]": _ctx.$slots["addon-left"] && !_ctx.$slots["addon-right"]
+                }
+              ]
+            ),
+            disabled: props.disabled,
+            invalid: invalidInput.value && !props.manualInvalidContainer,
+            "use-input-group": _ctx.useInputGroup
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots["addon-left"] ? (openBlock(), createBlock(unref(script), {
+                key: 0,
+                disabled: props.disabled
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "addon-left")
+                ]),
+                _: 3
+              }, 8, ["disabled"])) : createCommentVNode("", true),
+              (openBlock(), createBlock(unref(script$1), {
+                id: _ctx.inputId,
+                key: inputKey.value,
+                class: normalizeClass(_ctx.inputClass),
+                disabled: _ctx.disabled,
+                invalid: invalidInput.value,
+                "model-value": field.value,
+                placeholder: inputPlaceholder.value,
+                onBlur: onBlurEvent,
+                onInput,
+                onKeypress: handleKeypress,
+                onPaste: handlePaste,
+                "onUpdate:modelValue": onUpdateModelValue
+              }, null, 8, ["id", "class", "disabled", "invalid", "model-value", "placeholder"])),
+              _ctx.$slots["addon-right"] ? (openBlock(), createBlock(unref(script), {
+                key: 1,
+                pt: {
+                  root: unref(InputGroupAddonPreset).root({
+                    props: {
+                      class: [
+                        {
+                          "!text-general-200": props.disabled
+                        }
+                      ]
+                    }
+                  })
+                }
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "addon-right")
+                ]),
+                _: 3
+              }, 8, ["pt"])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["class", "disabled", "invalid", "use-input-group"]),
+          field.errorMessage == CHECK_AVAILABILITY_ERROR_MESSAGE ? (openBlock(), createElementBlock("span", mergeProps({ key: 0 }, _ctx.$preset.validatormessage.root, {
+            class: "text-general-800",
+            "data-wv-section": "checking-availability"
+          }), " Checking availability... ", 16)) : (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            class: normalizeClass(_ctx.validatorMessageClass),
+            message: field.errorMessage
+          }, null, 8, ["class", "message"]))
+        ]),
+        _: 3
+      }, 8, ["info", "label", "label-class", "mandatory"]);
+    };
   }
 });
 export {
-  xe as _
+  _sfc_main as _
 };

package/inputurl/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as n, createBlock as r, openBlock as p, mergeProps as d, createSlots as s, withCtx as l, renderSlot as t } from "vue";
-import { _ as u } from "../inputtext/index.es.js";
-const y = /* @__PURE__ */ n({
+import { defineComponent, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import { _ as _sfc_main$1 } from "../inputtext/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InputURL",
   props: {
     allowedCharacters: {},
@@ -11,7 +11,7 @@ const y = /* @__PURE__ */ n({
     checkAvailability: {},
     maxLength: {},
     label: {},
-    useValidator: { type: Boolean, default: !0 },
+    useValidator: { type: Boolean, default: true },
     fieldName: {},
     mandatory: { type: Boolean },
     invalid: { type: Boolean },
@@ -27,35 +27,37 @@ const y = /* @__PURE__ */ n({
     blurOnReachMaxLength: { type: Boolean },
     preventInputOnMaxLength: { type: Boolean },
     validateOnBlur: { type: Boolean },
-    useProtocol: { type: Boolean, default: !0 },
-    allowSpecialCharacters: { type: Boolean, default: !0 },
-    useInputGroup: { type: Boolean, default: !0 },
+    useProtocol: { type: Boolean, default: true },
+    allowSpecialCharacters: { type: Boolean, default: true },
+    useInputGroup: { type: Boolean, default: true },
     inputId: {}
   },
   emits: ["update:modelValue", "blur", "input"],
-  setup(i) {
-    return (e, a) => (p(), r(u, d({
-      onBlur: a[0] || (a[0] = (o) => e.$emit("blur", o)),
-      onInput: a[1] || (a[1] = (o) => e.$emit("input", o)),
-      "onUpdate:modelValue": a[2] || (a[2] = (o) => e.$emit("update:modelValue", o))
-    }, e.$props, { type: "url" }), s({ _: 2 }, [
-      e.$slots["addon-left"] ? {
-        name: "addon-left",
-        fn: l(() => [
-          t(e.$slots, "addon-left")
-        ]),
-        key: "0"
-      } : void 0,
-      e.$slots["addon-right"] ? {
-        name: "addon-right",
-        fn: l(() => [
-          t(e.$slots, "addon-right")
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("blur", $event)),
+        onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event)),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event))
+      }, _ctx.$props, { type: "url" }), createSlots({ _: 2 }, [
+        _ctx.$slots["addon-left"] ? {
+          name: "addon-left",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "addon-left")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots["addon-right"] ? {
+          name: "addon-right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "addon-right")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040);
+    };
   }
 });
 export {
-  y as _
+  _sfc_main as _
 };

package/invisiblefield/index.es.js

@@ -1,27 +1,35 @@
-import { defineComponent as n, reactive as u, onMounted as o, watch as r, createElementBlock as s, openBlock as v } from "vue";
-import { u as c } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-const p = { class: "!hidden" }, _ = /* @__PURE__ */ n({
+import { defineComponent, reactive, onMounted, watch, createElementBlock, openBlock } from "vue";
+import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+const _hoisted_1 = { class: "!hidden" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InvisibleField",
   props: {
     value: { type: [String, Array, Number, Boolean, null, Object], default: void 0 },
     fieldName: { default: "invisibleinput" }
   },
-  setup(a) {
-    var l;
-    const e = a, i = u({
-      value: typeof e.value == "string" ? (l = e.value) == null ? void 0 : l.trim() : e.value
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const field = reactive({
+      value: typeof props.value === "string" ? (_a = props.value) == null ? void 0 : _a.trim() : props.value
     });
-    return o(() => {
-      var t;
-      Object.assign(i, c(e.fieldName ?? "invisibleinput")), e.value != null && (i.value = typeof e.value == "string" ? (t = e.value) == null ? void 0 : t.trim() : e.value);
-    }), r(
-      () => e.value,
-      (t) => {
-        i.value = t;
+    onMounted(() => {
+      var _a2;
+      Object.assign(field, useField(props.fieldName ?? "invisibleinput"));
+      if (props.value != null)
+        field.value = typeof props.value === "string" ? (_a2 = props.value) == null ? void 0 : _a2.trim() : props.value;
+    });
+    watch(
+      () => props.value,
+      (newValue) => {
+        field.value = newValue;
       }
-    ), (t, d) => (v(), s("div", p));
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1);
+    };
   }
 });
 export {
-  _
+  _sfc_main as _
 };