@wikicasa-dev/components 1.7.29 → 1.7.30

package/dist/BaseInput.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, mergeModels as M, useModel as O, ref as p, watch as $, useAttrs as j, openBlock as o, createElementBlock as d, normalizeClass as m, unref as u, renderSlot as v, createElementVNode as h, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
+import { defineComponent as N, mergeModels as M, useModel as O, ref as p, watch as $, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as h, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
 import J from "./BaseFloatingLabel.js";
 import { useFloatingLabel as Q } from "./useFloatingLabel.js";
 import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
@@ -21,34 +21,36 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
   }),
   emits: /* @__PURE__ */ M(["click", "keydownEnterPressed", "focusin", "focusout", "keydown"], ["update:modelValue"]),
   setup(y, { expose: E, emit: H }) {
-    const t = y, l = O(y, "modelValue"), n = p(""), f = H, {
-      labelState: r,
+    const t = y, r = O(y, "modelValue"), l = p(""), f = H, {
+      labelState: u,
       handleFocusIn: P,
       handleFocusOut: V,
       setInlineLabel: F,
       setFloatingLabel: L
-    } = Q(f), s = p("text"), k = p({}), b = p(null), q = () => {
+    } = Q(f), n = p("text"), k = p({}), b = p(null), q = () => {
       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]));
     }, T = (e, i) => {
       if (!t.formatter || !t.formatter.formatFn)
-        return n.value = e, "";
-      const a = e.length ? t.formatter.formatFn(e) : e;
-      return i && (i.value = a), n.value = a, a;
-    }, I = (e) => {
-      if (!t.formatter || !t.formatter.unFormatFn)
         return l.value = e, "";
-      const i = t.formatter.unFormatFn(e);
-      return l.value = i ?? "", i;
+      const a = e.length ? t.formatter.formatFn(e) : e;
+      return i && (i.value = a), l.value = a, a;
+    }, I = (e, i = !0) => {
+      if (i && (!t.formatter || !t.formatter.unFormatFn))
+        return r.value = e, "";
+      if (!i || !t.formatter || !t.formatter.unFormatFn)
+        return;
+      const a = t.formatter.unFormatFn(e);
+      return r.value = a ?? "", a;
     }, z = ({ target: e }) => {
       const i = e, a = I(i.value);
-      a || (l.value = i.value), T(
+      T(
         `${a}`,
-        a === l.value ? i : void 0
+        a === r.value ? i : void 0
       );
     }, S = () => {
-      l.value = "", F();
+      r.value = "", F();
     }, A = () => {
-      s.value === "password" ? s.value = "text" : s.value === "text" && (s.value = "password");
+      n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
     $(
       () => t.feedback,
@@ -59,12 +61,12 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         immediate: !0
       }
     ), $(
-      l,
+      r,
       (e) => {
         T(
           `${e}`,
-          I(`${e}`) === e ? b.value : void 0
-        ), n.value != null && n.value.length > 0 && r.value !== "floating-label" ? L() : !n.value && document && document.activeElement !== b.value && F();
+          I(`${e}`, !1) === e ? b.value : void 0
+        ), l.value != null && l.value.length > 0 && u.value !== "floating-label" ? L() : !l.value && document && document.activeElement !== b.value && F();
       },
       {
         immediate: !0
@@ -72,20 +74,20 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
     ), $(
       () => t.keepFloatingLabel,
       (e) => {
-        e ? L() : V(l.value);
+        e ? L() : V(r.value);
       }
     );
     const K = j();
-    return s.value = K.type || "text", E({
+    return n.value = K.type || "text", E({
       select: () => {
         b.value?.select();
       }
-    }), (e, i) => (o(), d("div", {
+    }), (e, i) => (s(), d("div", {
       class: m(["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 },
-        u(r) === "floating-label" ? "floating-state" : "inline-state",
+        o(u) === "floating-label" ? "floating-state" : "inline-state",
         {
           "has-right-icon": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
         },
@@ -99,7 +101,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
       v(e.$slots, "righticon", {
         handleClean: S,
         handleShowPasswd: A,
-        curType: s.value
+        curType: n.value
       }, void 0, !0),
       h("input", {
         id: e.$attrs.id,
@@ -125,7 +127,7 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         disabled: e.$attrs.disabled,
         "aria-labelledby": e.$attrs.id,
         readonly: e.$attrs.readonly,
-        type: s.value,
+        type: n.value,
         pattern: e.$attrs.pattern,
         min: e.$attrs.min,
         max: e.$attrs.max,
@@ -133,10 +135,10 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         inputmode: e.$attrs.inputmode,
         placeholder: e.$attrs.placeholder,
         onClick: i[0] || (i[0] = (a) => f("click", a)),
-        onFocusin: i[1] || (i[1] = g(() => e.labelText && u(P)(), ["stop"])),
-        onFocusout: i[2] || (i[2] = g((a) => e.labelText && !e.keepFloatingLabel && u(V)(n.value), ["stop"])),
+        onFocusin: i[1] || (i[1] = g(() => e.labelText && o(P)(), ["stop"])),
+        onFocusout: i[2] || (i[2] = g((a) => e.labelText && !e.keepFloatingLabel && o(V)(l.value), ["stop"])),
         onInput: g(z, ["stop"]),
-        value: n.value,
+        value: l.value,
         onKeydown: [
           i[3] || (i[3] = D(() => f("keydownEnterPressed"), ["enter"])),
           i[4] || (i[4] = (a) => f("keydown", a))
@@ -159,46 +161,46 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
             class: m(["visible-label uikit-opacity-0", [
               { "uikit-mx-5px": e.labelText },
               {
-                "uikit-visible uikit-inline-block": u(r) === "floating-label"
+                "uikit-visible uikit-inline-block": o(u) === "floating-label"
               },
               {
-                "uikit-invisible uikit-hidden": u(r) === "inline-label"
+                "uikit-invisible uikit-hidden": o(u) === "inline-label"
               }
             ]]),
             innerHTML: e.labelText
           }, null, 10, Y)
         ])
       ], 2),
-      e.labelText ? (o(), G(J, {
+      e.labelText ? (s(), G(J, {
         key: 0,
         for: e.$attrs.id,
         "label-text": e.labelText,
-        "label-state": u(r),
+        "label-state": o(u),
         "is-valid": e.isValid,
         required: e.$attrs.required,
         disabled: e.$attrs.disabled,
         "label-classes": [
-          u(r) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+          o(u) === "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"])) : w("", !0),
       v(e.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (o(!0), d(C, { key: 0 }, B(k.value.invalid, (a, c) => (o(), d("div", {
+        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(k.value.invalid, (a, c) => (s(), d("div", {
           key: `${e.$attrs.id}_invalid_${c}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: a
-        }, null, 8, Z))), 128)) : e.isValid === !0 ? (o(!0), d(C, { key: 1 }, B(k.value.valid, (a, c) => (o(), d("div", {
+        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(k.value.valid, (a, c) => (s(), d("div", {
           key: `${e.$attrs.id}_valid_${c}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: a
         }, null, 8, U))), 128)) : w("", !0)
       ], !0),
-      e.$slots["under-label"] ? (o(), d("div", x, [
+      e.$slots["under-label"] ? (s(), d("div", x, [
         v(e.$slots, "under-label", {}, void 0, !0)
       ])) : w("", !0)
     ], 2));
   }
-}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-423a2c93"]]);
+}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-3ecaf466"]]);
 export {
   ne as default
 };

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-423a2c93]{--icon-default-size: 44px}.invalid-bg[data-v-423a2c93]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-423a2c93]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-423a2c93],.valid-bg[data-v-423a2c93]{background-position:top 17px right 12px;background-size:20px}.has-right-icon[data-v-423a2c93]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-423a2c93]>label.inline-label{left:var(--icon-default-size)}[data-v-423a2c93] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-423a2c93] .text-input-icon.left{left:5px}[data-v-423a2c93] .text-input-icon.right{right:5px}[data-v-423a2c93] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-423a2c93] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-423a2c93] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-423a2c93]{left:4px;font-style:italic}
+.input-wrapper[data-v-3ecaf466]{--icon-default-size: 44px}.invalid-bg[data-v-3ecaf466]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-3ecaf466]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-3ecaf466],.valid-bg[data-v-3ecaf466]{background-position:top 17px right 12px;background-size:20px}.has-right-icon[data-v-3ecaf466]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-3ecaf466]>label.inline-label{left:var(--icon-default-size)}[data-v-3ecaf466] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-3ecaf466] .text-input-icon.left{left:5px}[data-v-3ecaf466] .text-input-icon.right{right:5px}[data-v-3ecaf466] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-3ecaf466] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-3ecaf466] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-3ecaf466]{left:4px;font-style:italic}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "1.7.29",
+  "version": "1.7.30",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",