@wikicasa-dev/components 1.5.18 → 1.6.0

package/dist/AccessibleSelect.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BE4EKjlJ.js";
+import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.5pqk7vlZ.js";
 export {
   f as default
 };

package/dist/BaseAlert.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.CunhU74n.js";
+import { _ as f } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
 export {
   f as default
 };

package/dist/BaseAutocomplete.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.BoNJQPjL.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.CFikyojk.js";
 export {
   f as default
 };

package/dist/BaseInput.js

@@ -1,287 +1,206 @@
 import './assets/BaseInput.css';
-import v from "./BaseFloatingLabel.js";
-import { useFloatingLabel as y } from "./useFloatingLabel.js";
-import { defineComponent as w, resolveComponent as g, openBlock as l, createElementBlock as s, normalizeClass as n, renderSlot as o, createElementVNode as p, withModifiers as b, withKeys as V, createCommentVNode as r, createBlock as c, Fragment as m, renderList as $ } from "vue";
-import { _ as I } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-const F = w({
-  name: "BaseInput",
-  components: { BaseFloatingLabel: v },
+import { defineComponent as K, mergeModels as T, useModel as N, ref as $, watch as g, useAttrs as O, onBeforeMount as j, onMounted as D, openBlock as u, createElementBlock as d, normalizeClass as b, unref as r, renderSlot as p, createElementVNode as v, withModifiers as w, withKeys as G, createBlock as J, createCommentVNode as c, Fragment as L, renderList as I } from "vue";
+import Q from "./BaseFloatingLabel.js";
+import { useFloatingLabel as R } from "./useFloatingLabel.js";
+import { _ as U } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+const W = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder"], X = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, Y = ["innerHTML"], Z = ["innerHTML"], x = ["innerHTML"], _ = {
+  key: 1,
+  class: "under-label uikit-absolute uikit-text-12"
+}, ee = /* @__PURE__ */ K({
   inheritAttrs: !1,
-  props: {
-    inputClass: { type: [String, Array], required: !1, default: "" },
-    inputType: {
-      type: String,
-      default: "text-input"
-    },
-    labelText: { type: String, default: "" },
-    border: { type: Boolean, default: !0 },
-    radius: { type: Boolean, default: !0 },
-    modelValue: { type: [String, Number] },
-    feedback: { type: Object },
-    isValid: { type: Boolean, default: null },
-    auto: { type: Boolean, default: !0 },
+  __name: "BaseInput",
+  props: /* @__PURE__ */ T({
+    inputClass: { default: "" },
+    labelText: { default: "" },
+    feedback: {},
+    isValid: { default: null },
     keepFloatingLabel: { type: Boolean, default: !1 },
-    formatter: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "click",
-    "keydown-enter-pressed",
-    "focusin",
-    "focusout",
-    "keydown"
-  ],
-  setup(e, t) {
-    const {
-      labelState: a,
-      setInitialLabelState: k,
-      handleFocusIn: h,
-      handleFocusOut: f,
-      setInlineLabel: u,
-      setFloatingLabel: i
-    } = y(t.emit);
-    return {
-      labelState: a,
-      setInitialLabelState: k,
-      handleFocusIn: h,
-      handleFocusOut: f,
-      setInlineLabel: u,
-      setFloatingLabel: i
+    formatter: { default: null }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["click", "keydownEnterPressed", "focusin", "focusout", "keydown"], ["update:modelValue"]),
+  setup(y, { expose: M, emit: B }) {
+    const t = y, a = N(y, "modelValue"), f = B, {
+      labelState: s,
+      setInitialLabelState: C,
+      handleFocusIn: H,
+      handleFocusOut: V,
+      setInlineLabel: E,
+      setFloatingLabel: S
+    } = R(f), o = $(""), k = $({}), n = $(null), F = () => {
+      t.feedback && (k.value = t.feedback, t.feedback.valid && typeof t.feedback.valid == "string" && (k.value.valid = [t.feedback.valid]), t.feedback.invalid && typeof t.feedback.invalid == "string" && (k.value.invalid = [t.feedback.invalid]));
+    }, m = (e, i) => {
+      if (!i)
+        return e.value = "", "";
+      let l = "";
+      return t.formatter && t.formatter.unFormatFn ? l = `${t.formatter.unFormatFn(i)}` : l = i, t.formatter ? e.value = t.formatter.formatFn(l) : e.value = l, l;
+    }, P = ({ target: e }) => {
+      const i = e, l = m(i, i.value);
+      a.value = l || "";
+    }, q = () => {
+      a.value = "", E();
+    }, z = () => {
+      o.value === "password" ? o.value = "text" : o.value === "text" && (o.value = "password");
     };
-  },
-  data() {
-    return {
-      type: "",
-      //a valid input type
-      feedbackObj: {},
-      pointerDownListener: (e) => {
-        e.preventDefault();
+    g(
+      () => t.feedback,
+      () => {
+        F();
       }
-    };
-  },
-  computed: {
-    passwordIcon() {
-      return document ? document.querySelector("[data-type='password-icon']") : null;
-    }
-  },
-  watch: {
-    feedback() {
-      this.normalizeFeedbackProp();
-    },
-    modelValue(e) {
+    ), g(a, (e) => {
       if (e) {
-        const t = this.$refs.baseInput;
-        if (!t)
+        if (!n.value)
           return;
-        !t.value && this.formatter && (e = t.value);
-        const a = this.updateInputValue(t, e);
-        this.$emit("update:modelValue", a);
+        !n.value?.value && t.formatter && (e = n.value?.value);
+        const i = m(
+          n.value,
+          e.toString()
+        );
+        a.value = i || "";
       } else
-        this.$refs.baseInput.value = "";
-      e != null && `${e}`.length > 0 && this.auto && this.labelState !== "floating-label" ? this.labelState = "floating-label" : (e == null || e == null) && (this.labelState = "inline-label");
-    },
-    //Manually moving the floating label
-    keepFloatingLabel(e) {
-      e ? this.setFloatingLabel() : this.handleFocusOut(this.modelValue, !0, this.auto);
-    }
-  },
-  created() {
-    this.type = this.$attrs.type, this.normalizeFeedbackProp(), this.setInitialLabelState(this.modelValue);
-  },
-  mounted() {
-    if ((this.modelValue != null || this.modelValue != null) && (this.$refs.baseInput.value = `${this.modelValue}`), this.formatter) {
-      const e = this.updateInputValue(
-        this.$refs.baseInput,
-        `${this.modelValue}`
-      );
-      this.$emit("update:modelValue", e);
-    }
-    this.setPointerOutListener();
-  },
-  unmounted() {
-    this.passwordIcon?.removeEventListener(
-      "pointerdown",
-      this.pointerDownListener
+        n.value.value = "";
+      e != null && `${e}`.length > 0 && s.value !== "floating-label" ? s.value = "floating-label" : (e == null || e == null) && (s.value = "inline-label");
+    }), g(
+      () => t.keepFloatingLabel,
+      (e) => {
+        e ? S() : V(a.value);
+      }
     );
-  },
-  methods: {
-    select() {
-      this.$refs.baseInput.select();
-    },
-    /**
-     * Prevents the default behaviour of pointerout so the clicked element won't make lose the focus to the input element
-     * */
-    setPointerOutListener() {
-      if (this.$attrs.type !== "password")
-        return;
-      const e = this.passwordIcon;
-      e && e.addEventListener("pointerdown", this.pointerDownListener);
-    },
-    handleFloatingLabelClick() {
-      this.$refs.baseInput.focus();
-    },
-    normalizeFeedbackProp() {
-      this.feedback && (this.feedbackObj = this.feedback, this.feedback.valid && typeof this.feedback.valid == "string" && (this.feedbackObj.valid = [this.feedback.valid]), this.feedback.invalid && typeof this.feedback.invalid == "string" && (this.feedbackObj.invalid = [this.feedback.invalid]));
-    },
-    updateInputValue(e, t) {
-      if (!t)
-        return e.value = "", "";
-      let a = "";
-      return this.formatter && this.formatter.unFormatFn ? a = `${this.formatter.unFormatFn(t)}` : a = t, this.formatter ? e.value = this.formatter.formatFn(a) : e.value = a, a;
-    },
-    handleInputChange({ target: e }) {
-      if (this.inputType === "select")
-        return;
-      const t = e, a = this.updateInputValue(t, t.value);
-      this.$emit("update:modelValue", a);
-    },
-    handleClick(e) {
-      this.$emit("click", e);
-    },
-    handleClean() {
-      this.$emit("update:modelValue", ""), this.setInlineLabel();
-    },
-    handleShowPasswd() {
-      this.type === "password" ? this.type = "text" : this.type === "text" && (this.type = "password");
-    }
-  }
-}), L = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder"], C = {
-  key: 0,
-  class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out"
-}, S = ["innerHTML"], T = ["innerHTML"], O = ["innerHTML"], B = {
-  key: 1,
-  class: "under-label uikit-absolute uikit-text-12"
-};
-function j(e, t, a, k, h, f) {
-  const u = g("base-floating-label");
-  return l(), s("div", {
-    class: n(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
-      e.$attrs.class,
-      { "uikit-h-12": e.labelText },
-      { "floating-label": e.labelText },
-      e.labelState === "floating-label" ? "floating-state" : "inline-state",
-      {
-        "has-right-icon": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
-      },
-      {
-        "has-left-icon": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
-      },
-      { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
-    ]])
-  }, [
-    o(e.$slots, "leftIcon", {}, void 0, !0),
-    o(e.$slots, "righticon", {
-      handleClean: e.handleClean,
-      handleShowPasswd: e.handleShowPasswd,
-      curType: e.type
-    }, void 0, !0),
-    p("input", {
-      id: e.$attrs.id,
-      ref: "baseInput",
-      "data-cy": e.$attrs["data-cy"],
-      name: e.$attrs.name,
-      class: n(["uikit-peer uikit-relative uikit-z-10 uikit-box-border uikit-h-12 uikit-truncate !uikit-border-none uikit-bg-transparent uikit-bg-no-repeat uikit-pt-5px focus:uikit-shadow-none focus:uikit-outline-none", [
-        { "uikit-rounded-xs": e.radius },
-        {
-          "input-element uikit-block uikit-w-full uikit-appearance-none uikit-px-4 uikit-outline-0": e.inputType === "text-input"
-        },
-        { "uikit-text-w-secondary": e.$attrs.disabled },
-        {
-          "is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
-          "is-valid valid-bg !uikit-pr-9": e.isValid
-        },
-        {
-          "uikit-pr-[42px]": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
-        },
+    const A = O();
+    return j(() => {
+      o.value = A.type, F(), C(a.value);
+    }), D(() => {
+      if ((a.value != null || a.value != null) && (n.value.value = `${a.value}`), t.formatter) {
+        const e = m(
+          n.value,
+          `${a.value}`
+        );
+        a.value = e || "";
+      }
+    }), M({
+      select: () => {
+        n.value?.select();
+      }
+    }), (e, i) => (u(), d("div", {
+      class: b(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
+        e.$attrs.class,
+        { "uikit-h-12": e.labelText },
+        { "floating-label": e.labelText },
+        r(s) === "floating-label" ? "floating-state" : "inline-state",
         {
-          "uikit-pl-[42px]": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
+          "has-right-icon": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
         },
-        e.inputClass
-      ]]),
-      autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
-      disabled: e.$attrs.disabled,
-      "aria-labelledby": e.$attrs.id,
-      readonly: e.$attrs.readonly,
-      type: e.type,
-      pattern: e.$attrs.pattern,
-      min: e.$attrs.min,
-      max: e.$attrs.max,
-      maxlength: e.$attrs.maxlength,
-      inputmode: e.$attrs.inputmode,
-      placeholder: e.$attrs.placeholder,
-      onClick: t[0] || (t[0] = (...i) => e.handleClick && e.handleClick(...i)),
-      onFocusin: t[1] || (t[1] = b(() => e.handleFocusIn(), ["stop"])),
-      onFocusout: t[2] || (t[2] = b((i) => !e.keepFloatingLabel && e.handleFocusOut(e.modelValue, !1, e.auto), ["stop"])),
-      onInput: t[3] || (t[3] = b((...i) => e.handleInputChange && e.handleInputChange(...i), ["stop"])),
-      onKeydown: [
-        t[4] || (t[4] = V((i) => e.$emit("keydown-enter-pressed"), ["enter"])),
-        t[5] || (t[5] = (i) => e.$emit("keydown", i))
-      ]
-    }, null, 42, L),
-    p("fieldset", {
-      class: n(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-bg-white uikit-px-2 uikit-py-0 uikit-text-left", [
-        { "uikit-border-0": !e.border },
-        { "uikit-bg-w-cultured": e.$attrs.disabled },
         {
-          "uikit-border uikit-border-solid uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger": e.border,
-          "uikit-rounded-xs": e.radius,
-          "is-invalid uikit-border-w-danger": e.isValid === !1,
-          "is-valid uikit-border-w-primary": e.isValid,
-          "uikit-border-w-secondary": e.isValid === null && e.border
+          "has-left-icon": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
         },
-        { "uikit-top-0": !e.labelText },
-        e.$attrs["fieldset-classes"]
+        { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
       ]])
     }, [
-      e.labelText ? (l(), s("legend", C, [
-        p("span", {
-          class: n(["visible-label uikit-opacity-0", [
-            { "uikit-mx-5px": e.labelText },
-            {
-              "uikit-visible uikit-inline-block": e.labelState === "floating-label"
-            },
-            {
-              "uikit-invisible uikit-hidden": e.labelState === "inline-label"
-            }
-          ]]),
-          innerHTML: e.labelText
-        }, null, 10, S)
-      ])) : r("", !0)
-    ], 2),
-    e.labelText ? (l(), c(u, {
-      key: 0,
-      for: e.$attrs.id,
-      "label-text": e.labelText,
-      "label-state": e.labelState,
-      "is-valid": e.isValid,
-      required: e.$attrs.required,
-      disabled: e.$attrs.disabled,
-      "label-classes": [
-        e.labelState === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
-        e.$attrs["label-classes"]
-      ],
-      onClick: e.handleFloatingLabelClick
-    }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "onClick"])) : r("", !0),
-    o(e.$slots, "feedback", {}, () => [
-      e.isValid === !1 ? (l(!0), s(m, { key: 0 }, $(e.feedbackObj.invalid, (i, d) => (l(), s("div", {
-        key: `${e.$attrs.id}_invalid_${d}`,
-        class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
-        innerHTML: i
-      }, null, 8, T))), 128)) : e.isValid === !0 ? (l(!0), s(m, { key: 1 }, $(e.feedbackObj.valid, (i, d) => (l(), s("div", {
-        key: `${e.$attrs.id}_valid_${d}`,
-        class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
-        innerHTML: i
-      }, null, 8, O))), 128)) : r("", !0)
-    ], !0),
-    e.$slots["under-label"] ? (l(), s("div", B, [
-      o(e.$slots, "under-label", {}, void 0, !0)
-    ])) : r("", !0)
-  ], 2);
-}
-const z = /* @__PURE__ */ I(F, [["render", j], ["__scopeId", "data-v-9adeb0a0"]]);
+      p(e.$slots, "leftIcon", {}, void 0, !0),
+      p(e.$slots, "righticon", {
+        handleClean: q,
+        handleShowPasswd: z,
+        curType: o.value
+      }, void 0, !0),
+      v("input", {
+        id: e.$attrs.id,
+        ref_key: "baseInputEl",
+        ref: n,
+        "data-cy": e.$attrs["data-cy"],
+        name: e.$attrs.name,
+        class: b(["input-element uikit-peer uikit-relative uikit-z-10 uikit-box-border uikit-block uikit-h-12 uikit-w-full uikit-appearance-none uikit-truncate uikit-rounded-xs !uikit-border-none uikit-bg-transparent uikit-bg-no-repeat uikit-px-4 uikit-pt-5px uikit-outline-0 focus:uikit-shadow-none focus:uikit-outline-none", [
+          { "uikit-text-w-secondary": e.$attrs.disabled },
+          {
+            "is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
+            "is-valid valid-bg !uikit-pr-9": e.isValid
+          },
+          {
+            "uikit-pr-[42px]": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
+          },
+          {
+            "uikit-pl-[42px]": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
+          },
+          e.inputClass
+        ]]),
+        autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
+        disabled: e.$attrs.disabled,
+        "aria-labelledby": e.$attrs.id,
+        readonly: e.$attrs.readonly,
+        type: o.value,
+        pattern: e.$attrs.pattern,
+        min: e.$attrs.min,
+        max: e.$attrs.max,
+        maxlength: e.$attrs.maxlength,
+        inputmode: e.$attrs.inputmode,
+        placeholder: e.$attrs.placeholder,
+        onClick: i[0] || (i[0] = (l) => f("click", l)),
+        onFocusin: i[1] || (i[1] = w(() => e.labelText && r(H)(), ["stop"])),
+        onFocusout: i[2] || (i[2] = w((l) => e.labelText && !e.keepFloatingLabel && r(V)(a.value), ["stop"])),
+        onInput: w(P, ["stop"]),
+        onKeydown: [
+          i[3] || (i[3] = G(() => f("keydownEnterPressed"), ["enter"])),
+          i[4] || (i[4] = (l) => f("keydown", l))
+        ]
+      }, null, 42, W),
+      v("fieldset", {
+        class: b(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-bg-white uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
+          { "uikit-bg-w-cultured": e.$attrs.disabled },
+          {
+            "is-invalid uikit-border-w-danger": e.isValid === !1,
+            "is-valid uikit-border-w-primary": e.isValid,
+            "uikit-border-w-secondary": e.isValid === null
+          },
+          { "uikit-top-0": !e.labelText },
+          e.$attrs["fieldset-classes"]
+        ]])
+      }, [
+        v("legend", X, [
+          v("span", {
+            class: b(["visible-label uikit-opacity-0", [
+              { "uikit-mx-5px": e.labelText },
+              {
+                "uikit-visible uikit-inline-block": r(s) === "floating-label"
+              },
+              {
+                "uikit-invisible uikit-hidden": r(s) === "inline-label"
+              }
+            ]]),
+            innerHTML: e.labelText
+          }, null, 10, Y)
+        ])
+      ], 2),
+      e.labelText ? (u(), J(Q, {
+        key: 0,
+        for: e.$attrs.id,
+        "label-text": e.labelText,
+        "label-state": r(s),
+        "is-valid": e.isValid,
+        required: e.$attrs.required,
+        disabled: e.$attrs.disabled,
+        "label-classes": [
+          r(s) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+          e.$attrs["label-classes"]
+        ]
+      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes"])) : c("", !0),
+      p(e.$slots, "feedback", {}, () => [
+        e.isValid === !1 ? (u(!0), d(L, { key: 0 }, I(k.value.invalid, (l, h) => (u(), d("div", {
+          key: `${e.$attrs.id}_invalid_${h}`,
+          class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
+          innerHTML: l
+        }, null, 8, Z))), 128)) : e.isValid === !0 ? (u(!0), d(L, { key: 1 }, I(k.value.valid, (l, h) => (u(), d("div", {
+          key: `${e.$attrs.id}_valid_${h}`,
+          class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
+          innerHTML: l
+        }, null, 8, x))), 128)) : c("", !0)
+      ], !0),
+      e.$slots["under-label"] ? (u(), d("div", _, [
+        p(e.$slots, "under-label", {}, void 0, !0)
+      ])) : c("", !0)
+    ], 2));
+  }
+}), se = /* @__PURE__ */ U(ee, [["__scopeId", "data-v-55589da3"]]);
 export {
-  z as default
+  se as default
 };

package/dist/BaseSlider.js

@@ -1,8 +1,8 @@
 import './assets/BaseSlider.css';
-import f from "./BaseInput.js";
+import p from "./BaseInput.js";
 import { defineComponent as c, resolveComponent as S, openBlock as V, createElementBlock as g, createElementVNode as a, withModifiers as h, createVNode as d } from "vue";
 import { _ as x } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-function p(t, i) {
+function f(t, i) {
   const e = parseInt(t.value, 10), l = parseInt(i.value, 10);
   return [e, l];
 }
@@ -25,7 +25,7 @@ function u(t, i) {
 }
 const I = c({
   name: "BaseSlider",
-  components: { BaseInput: f },
+  components: { BaseInput: p },
   props: {
     type: {
       type: String,
@@ -170,7 +170,7 @@ const I = c({
     controlFromSlider(t, i) {
       if (!this.toSlider)
         return;
-      const [e, l] = p(t, i), s = this.getCurrentValue(e);
+      const [e, l] = f(t, i), s = this.getCurrentValue(e);
       m(
         e,
         {
@@ -186,7 +186,7 @@ const I = c({
     controlToSlider(t, i) {
       if (!this.toSlider)
         return;
-      const [e, l] = p(t, i), s = this.getCurrentValue(l);
+      const [e, l] = f(t, i), s = this.getCurrentValue(l);
       m(
         this.sliderMinValue,
         {
@@ -240,7 +240,7 @@ function b(t, i, e, l, s, r) {
           pattern: "[0-9]*",
           inputmode: "numeric",
           "model-value": t.minValue,
-          "onUpdate:modelValue": i[2] || (i[2] = (n) => t.handleInputChange("min-input", n))
+          "onUpdate:modelValue": i[2] || (i[2] = (n) => t.handleInputChange("min-input", `${n || ""}`))
         }, null, 8, ["model-value"])
       ]),
       a("div", B, [
@@ -250,13 +250,13 @@ function b(t, i, e, l, s, r) {
           pattern: "[0-9]*",
           inputmode: "numeric",
           "model-value": t.maxValue,
-          "onUpdate:modelValue": i[3] || (i[3] = (n) => t.handleInputChange("max-input", n))
+          "onUpdate:modelValue": i[3] || (i[3] = (n) => t.handleInputChange("max-input", `${n || ""}`))
         }, null, 8, ["model-value"])
       ])
     ])
   ]);
 }
-const _ = /* @__PURE__ */ x(I, [["render", b], ["__scopeId", "data-v-0fa5a933"]]);
+const _ = /* @__PURE__ */ x(I, [["render", b], ["__scopeId", "data-v-c77ef0f8"]]);
 export {
   _ as default
 };

package/dist/BaseToggle.js

@@ -1,45 +1,44 @@
 import './assets/BaseToggle.css';
-import { defineComponent as l, openBlock as a, createElementBlock as s, normalizeClass as u, renderSlot as o, createElementVNode as t, withModifiers as n, createCommentVNode as d, pushScopeId as k, popScopeId as c } from "vue";
-import { _ as p } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-const b = l({
-  name: "BaseToggle",
+import { defineComponent as a, mergeModels as n, useModel as d, openBlock as k, createElementBlock as c, normalizeClass as b, renderSlot as r, createElementVNode as i, withModifiers as p, createCommentVNode as f, pushScopeId as m, popScopeId as h } from "vue";
+import { _ as g } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+const w = (t) => (m("data-v-1e6f488b"), t = t(), h(), t), _ = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, y = ["data-cy", "checked"], v = /* @__PURE__ */ w(() => /* @__PURE__ */ i("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-top-0 before:uikit-box-border before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1)), B = ["innerHTML"], L = /* @__PURE__ */ a({
   inheritAttrs: !1,
-  props: {
+  __name: "BaseToggle",
+  props: /* @__PURE__ */ n({
     withRightLabel: { type: Boolean, default: !0 },
-    label: { type: String, default: "" },
-    modelValue: { type: Boolean, default: !1 }
-  },
+    label: { default: "" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  methods: {
-    handleToggle({ target: e }) {
-      this.$emit("update:modelValue", e.checked);
-    }
+  setup(t) {
+    const o = d(t, "modelValue"), u = ({ target: e }) => {
+      o.value = e.checked;
+    };
+    return (e, l) => (k(), c("div", {
+      class: b(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
+    }, [
+      r(e.$slots, "leftLabel", {}, void 0, !0),
+      i("label", _, [
+        i("input", {
+          "data-cy": e.$attrs["data-cy"] ?? "",
+          class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
+          type: "checkbox",
+          checked: o.value,
+          onInput: l[0] || (l[0] = p((s) => u(s), ["stop"]))
+        }, null, 40, y),
+        v
+      ]),
+      e.withRightLabel ? r(e.$slots, "rightLabel", { key: 0 }, () => [
+        i("span", {
+          class: "uikit-ml-10px",
+          innerHTML: e.label
+        }, null, 8, B)
+      ], !0) : f("", !0)
+    ], 2));
   }
-}), f = (e) => (k("data-v-1326e378"), e = e(), c(), e), h = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, m = ["data-cy", "checked"], g = /* @__PURE__ */ f(() => /* @__PURE__ */ t("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-top-0 before:uikit-box-border before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1)), w = ["innerHTML"];
-function y(e, i, _, $, v, B) {
-  return a(), s("div", {
-    class: u(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
-  }, [
-    o(e.$slots, "leftLabel", {}, void 0, !0),
-    t("label", h, [
-      t("input", {
-        "data-cy": e.$attrs["data-cy"] ?? "",
-        class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
-        type: "checkbox",
-        checked: e.modelValue,
-        onInput: i[0] || (i[0] = n((r) => e.handleToggle(r), ["stop"]))
-      }, null, 40, m),
-      g
-    ]),
-    e.withRightLabel ? o(e.$slots, "rightLabel", { key: 0 }, () => [
-      t("span", {
-        class: "uikit-ml-10px",
-        innerHTML: e.label
-      }, null, 8, w)
-    ], !0) : d("", !0)
-  ], 2);
-}
-const V = /* @__PURE__ */ p(b, [["render", y], ["__scopeId", "data-v-1326e378"]]);
+}), I = /* @__PURE__ */ g(L, [["__scopeId", "data-v-1e6f488b"]]);
 export {
-  V as default
+  I as default
 };