@wikicasa-dev/components 2.2.9-alpha.51 → 2.2.9-alpha.52

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                             */
+import '../assets/swiper-keyboard.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                           */
+import '../assets/swiper-keyboard.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-thumbs.css';/* empty css                                                                         */
+import '../assets/swiper-keyboard.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/BaseInput.js

@@ -1,7 +1,7 @@
 import o from "../packages/components/lib/UIKit/BaseInput.vue.js";
 import '../assets/BaseInput.css';/* empty css                                              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c930d63"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9dab04c5"]]);
 export {
   m as default
 };

package/dist/assets/BaseInput.css

@@ -1 +1 @@
-.input-wrapper[data-v-8c930d63]{--icon-default-size: 44px}.invalid-bg[data-v-8c930d63]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-8c930d63]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-8c930d63],.valid-bg[data-v-8c930d63]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-8c930d63]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-8c930d63]>label.inline-label{left:var(--icon-default-size)}[data-v-8c930d63] .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-8c930d63] .text-input-icon.left{left:5px}[data-v-8c930d63] .text-input-icon.right{right:5px}[data-v-8c930d63] .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-8c930d63] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-8c930d63] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-8c930d63]{left:4px;font-style:italic}
+.input-wrapper[data-v-9dab04c5]{--icon-default-size: 44px}.invalid-bg[data-v-9dab04c5]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-9dab04c5]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-9dab04c5],.valid-bg[data-v-9dab04c5]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-9dab04c5]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-9dab04c5]>label.inline-label{left:var(--icon-default-size)}[data-v-9dab04c5] .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-9dab04c5] .text-input-icon.left{left:5px}[data-v-9dab04c5] .text-input-icon.right{right:5px}[data-v-9dab04c5] .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-9dab04c5] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-9dab04c5] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-9dab04c5]{left:4px;font-style:italic}

package/dist/packages/components/lib/UIKit/BaseInput.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as N, mergeModels as T, useModel as O, ref as m, useId as j, computed as D, watch as y, useAttrs as G, createElementBlock as r, openBlock as u, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, createBlock as J, createCommentVNode as x, withKeys as Q, withModifiers as $, Fragment as B, renderList as M } from "vue";
+import { defineComponent as A, mergeModels as C, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, createElementBlock as r, openBlock as u, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, createBlock as G, createCommentVNode as x, withKeys as J, withModifiers as Q, Fragment as T, renderList as B } from "vue";
 import W from "../../../../UIKit/BaseFloatingLabel.js";
 import { useFloatingLabel as X } from "../../../../composables/useFloatingLabel.js";
 const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { 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" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
   key: 1,
   class: "under-label uikit-absolute uikit-text-12"
-}, ne = /* @__PURE__ */ N({
+}, ne = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "BaseInput",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ C({
     id: {},
     inputClass: {},
     labelText: { default: "" },
@@ -27,42 +27,42 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
-  setup(e, { expose: E, emit: H }) {
-    const o = O(e, "modelValue"), a = m(""), k = H, {
+  emits: /* @__PURE__ */ C(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
+  setup(e, { expose: M, emit: E }) {
+    const o = N(e, "modelValue"), a = m(""), k = E, {
       labelState: s,
-      handleFocusIn: R,
-      handleFocusOut: I,
-      setInlineLabel: V,
-      setFloatingLabel: L
-    } = X(k), P = j(), f = D(() => e.id || P), n = m("text"), b = m({}), c = m(null), q = () => {
+      handleFocusIn: H,
+      handleFocusOut: $,
+      setInlineLabel: I,
+      setFloatingLabel: V
+    } = X(k), R = O(), f = j(() => e.id || R), n = m("text"), b = m({}), c = m(null), P = () => {
       e.feedback && (b.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (b.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (b.value.invalid = [e.feedback.invalid]));
-    }, F = (t, i) => {
+    }, L = (t, i) => {
       if (!e.formatter || !e.formatter.formatFn)
         return a.value = t, "";
       const l = t.length ? e.formatter.formatFn(t) : t;
       return i && (i.value = l), a.value = l, l;
-    }, C = (t, i = !0) => {
+    }, F = (t, i = !0) => {
       if (i && (!e.formatter || !e.formatter.unFormatFn))
         return o.value = t, t;
       if (!i || !e.formatter || !e.formatter.unFormatFn) return;
       const l = e.formatter.unFormatFn(t);
       return o.value = l ?? "", l;
-    }, K = ({ target: t }) => {
-      const i = t, l = C(i.value);
-      F(
+    }, q = ({ target: t }) => {
+      const i = t, l = F(i.value);
+      L(
         `${l}`,
         l === o.value ? i : void 0
       );
+    }, K = () => {
+      o.value = "", I();
     }, S = () => {
-      o.value = "", V();
-    }, z = () => {
       n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
     y(
       () => e.feedback,
       () => {
-        q();
+        P();
       },
       {
         immediate: !0
@@ -70,10 +70,10 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     ), y(
       o,
       (t) => {
-        F(
+        L(
           `${t}`,
-          C(`${t}`, !1) === t ? c.value : void 0
-        ), a.value != null && a.value.length > 0 && s.value !== "floating-label" ? L() : !a.value && document && document.activeElement !== c.value && V();
+          F(`${t}`, !1) === t ? c.value : void 0
+        ), a.value != null && a.value.length > 0 && s.value !== "floating-label" ? V() : !a.value && document && document.activeElement !== c.value && I();
       },
       {
         immediate: !0
@@ -81,11 +81,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     ), y(
       () => e.keepFloatingLabel,
       (t) => {
-        t ? L() : I(o.value);
+        t ? V() : $(o.value);
       }
     );
-    const A = G();
-    return n.value = A.type || "text", E({
+    const z = D();
+    return n.value = z.type || "text", M({
       select: () => {
         c.value?.select();
       }
@@ -105,8 +105,8 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
     }, [
       h(t.$slots, "leftIcon", {}, void 0, !0),
       h(t.$slots, "righticon", {
-        handleClean: S,
-        handleShowPasswd: z,
+        handleClean: K,
+        handleShowPasswd: S,
         curType: n.value
       }, void 0, !0),
       g("input", {
@@ -141,11 +141,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         placeholder: t.$attrs.placeholder,
         value: a.value,
         onClick: i[0] || (i[0] = (l) => k("click", l)),
-        onFocusin: i[1] || (i[1] = $(() => e.labelText && d(R)(), ["stop"])),
-        onFocusout: i[2] || (i[2] = $((l) => e.labelText && !e.keepFloatingLabel && d(I)(a.value), ["stop"])),
-        onInput: $(K, ["stop"]),
+        onFocusin: i[1] || (i[1] = () => e.labelText && d(H)()),
+        onFocusout: i[2] || (i[2] = (l) => e.labelText && !e.keepFloatingLabel && d($)(a.value)),
+        onInput: Q(q, ["stop"]),
         onKeydown: [
-          i[3] || (i[3] = Q(() => k("keydownEnterPressed"), ["enter"])),
+          i[3] || (i[3] = J(() => k("keydownEnterPressed"), ["enter"])),
           i[4] || (i[4] = (l) => k("keydown", l))
         ],
         onKeyup: i[5] || (i[5] = (l) => k("keyup", l))
@@ -176,7 +176,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
           }, null, 10, U)
         ])
       ], 2),
-      e.labelText ? (u(), J(W, {
+      e.labelText ? (u(), G(W, {
         key: 0,
         for: f.value,
         "label-text": e.labelText,
@@ -191,11 +191,11 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         "label-text-classes": e.labelTextClasses
       }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : x("", !0),
       h(t.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (u(!0), r(B, { key: 0 }, M(b.value.invalid, (l, w) => (u(), r("div", {
+        e.isValid === !1 ? (u(!0), r(T, { key: 0 }, B(b.value.invalid, (l, w) => (u(), r("div", {
           key: `${f.value}_invalid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: l
-        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(B, { key: 1 }, M(b.value.valid, (l, w) => (u(), r("div", {
+        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, B(b.value.valid, (l, w) => (u(), r("div", {
           key: `${f.value}_valid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: l

package/package.json

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