@wikicasa-dev/components 1.6.11 → 1.6.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BaseInput.js +5 -5
- package/dist/assets/BaseInput.css +1 -1
- package/package.json +1 -1
package/dist/BaseInput.js
CHANGED
|
@@ -21,8 +21,8 @@ const U = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
21
21
|
modelModifiers: {}
|
|
22
22
|
}),
|
|
23
23
|
emits: /* @__PURE__ */ L(["click", "keydownEnterPressed", "focusin", "focusout", "keydown"], ["update:modelValue"]),
|
|
24
|
-
setup(y, { expose:
|
|
25
|
-
const t = y, o = O(y, "modelValue"), v = f(""), k =
|
|
24
|
+
setup(y, { expose: C, emit: E }) {
|
|
25
|
+
const t = y, o = O(y, "modelValue"), v = f(""), k = E, {
|
|
26
26
|
labelState: r,
|
|
27
27
|
handleFocusIn: B,
|
|
28
28
|
handleFocusOut: V,
|
|
@@ -59,7 +59,7 @@ const U = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
59
59
|
), c(
|
|
60
60
|
o,
|
|
61
61
|
(e) => {
|
|
62
|
-
P(`${e}`) || (v.value = `${e}`), e != null && `${e}`.length > 0 && r.value !== "floating-label" ? T() : !`${e}`.length && document
|
|
62
|
+
P(`${e}`) || (v.value = `${e}`), e != null && `${e}`.length > 0 && r.value !== "floating-label" ? T() : !`${e}`.length && document && document.activeElement != h.value && F();
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
65
|
immediate: !0
|
|
@@ -71,7 +71,7 @@ const U = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
71
71
|
}
|
|
72
72
|
);
|
|
73
73
|
const K = j();
|
|
74
|
-
return l.value = K.type || "text",
|
|
74
|
+
return l.value = K.type || "text", C({
|
|
75
75
|
select: () => {
|
|
76
76
|
h.value?.select();
|
|
77
77
|
}
|
|
@@ -193,7 +193,7 @@ const U = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
|
|
|
193
193
|
])) : w("", !0)
|
|
194
194
|
], 2));
|
|
195
195
|
}
|
|
196
|
-
}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-
|
|
196
|
+
}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-e9e9c2ba"]]);
|
|
197
197
|
export {
|
|
198
198
|
ne as default
|
|
199
199
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-wrapper[data-v-
|
|
1
|
+
.input-wrapper[data-v-e9e9c2ba]{--icon-default-size: 44px}.invalid-bg[data-v-e9e9c2ba]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-e9e9c2ba]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-e9e9c2ba],.valid-bg[data-v-e9e9c2ba]{background-position:top 17px right 12px;background-size:20px}.has-right-icon[data-v-e9e9c2ba]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-e9e9c2ba]>label.inline-label{left:var(--icon-default-size)}[data-v-e9e9c2ba] .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-e9e9c2ba] .text-input-icon.left{left:5px}[data-v-e9e9c2ba] .text-input-icon.right{right:5px}[data-v-e9e9c2ba] .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-e9e9c2ba] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-e9e9c2ba] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-e9e9c2ba]{left:4px;font-style:italic}
|