@wikicasa-dev/components 1.8.1 → 1.8.2

package/dist/BaseTextarea.js

@@ -1,11 +1,11 @@
-import { defineComponent as h, mergeModels as f, useModel as x, ref as L, watch as M, onBeforeMount as B, openBlock as k, createElementBlock as b, normalizeClass as s, createElementVNode as o, unref as l, withModifiers as d, createCommentVNode as p, createVNode as F, nextTick as z } from "vue";
-import C from "./BaseFloatingLabel.js";
-import { useFloatingLabel as E } from "./useFloatingLabel.js";
-import { _ as I } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], q = {
+import { defineComponent as $, mergeModels as f, useModel as h, ref as x, watch as L, openBlock as k, createElementBlock as b, normalizeClass as s, createElementVNode as o, unref as l, withModifiers as d, createCommentVNode as p, createVNode as M, nextTick as F } from "vue";
+import B from "./BaseFloatingLabel.js";
+import { useFloatingLabel as z } from "./useFloatingLabel.js";
+import { _ as C } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], H = {
   key: 0,
   class: "uikit-visible uikit-float-none 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-duration-[50s] uikit-ease-out"
-}, A = ["innerHTML"], N = ["innerHTML"], D = /* @__PURE__ */ h({
+}, I = ["innerHTML"], q = ["innerHTML"], A = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "BaseTextarea",
   props: /* @__PURE__ */ f({
@@ -19,21 +19,22 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
   }),
   emits: /* @__PURE__ */ f(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
   setup(v, { expose: m, emit: c }) {
-    const u = x(v, "modelValue"), n = c, {
+    const r = h(v, "modelValue"), n = c, {
       labelState: a,
-      setInitialLabelState: w,
-      handleFocusIn: g,
-      handleFocusOut: y,
-      setFloatingLabel: V,
-      setInlineLabel: T
-    } = E(n), i = L(null);
-    M(u, (e) => {
-      `${e}`.length && a.value !== "floating-label" ? V() : !e?.length && a.value !== "inline-label" && document.activeElement !== i.value && T();
-    }), B(() => {
-      w(u.value);
-    });
-    const $ = ({ target: e }) => {
-      u.value = e.value;
+      handleFocusIn: w,
+      handleFocusOut: g,
+      setFloatingLabel: y,
+      setInlineLabel: V
+    } = z(n), i = x(null);
+    L(
+      r,
+      (e) => {
+        `${e}`.length && a.value !== "floating-label" ? y() : !e?.length && a.value !== "inline-label" && document.activeElement !== i.value && V();
+      },
+      { immediate: !0 }
+    );
+    const T = ({ target: e }) => {
+      r.value = e.value;
     };
     return m({
       disableTextarea: () => {
@@ -43,7 +44,7 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
         i.value && (i.value.value = "");
       },
       focusDisabledTextarea: () => {
-        i.value && (i.value.removeAttribute("readonly"), i.value.classList.remove("disabled"), z(() => {
+        i.value && (i.value.removeAttribute("readonly"), i.value.classList.remove("disabled"), F(() => {
           i.value && i.value.focus();
         }));
       }
@@ -70,13 +71,13 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
           disabled: e.$attrs.disabled,
           "aria-labelledby": e.$attrs.id,
           readonly: e.$attrs.readonly,
-          onFocusin: t[0] || (t[0] = d((r) => l(g)(), ["stop"])),
-          onFocusout: t[1] || (t[1] = d((r) => l(y)(`${u.value}`.trim()), ["stop"])),
-          onInput: d($, ["stop"]),
-          onKeydown: t[2] || (t[2] = d((r) => n("keydown", r), ["stop"])),
-          onClick: t[3] || (t[3] = (r) => n("click", r)),
-          value: u.value
-        }, null, 42, H),
+          onFocusin: t[0] || (t[0] = d((u) => l(w)(), ["stop"])),
+          onFocusout: t[1] || (t[1] = d((u) => l(g)(`${r.value}`.trim()), ["stop"])),
+          onInput: d(T, ["stop"]),
+          onKeydown: t[2] || (t[2] = d((u) => n("keydown", u), ["stop"])),
+          onClick: t[3] || (t[3] = (u) => n("click", u)),
+          value: r.value
+        }, null, 42, E),
         o("fieldset", {
           class: s(["uikit-pointer-events-none uikit-absolute -uikit-top-0 uikit-bottom-[3px] uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-bg-white uikit-p-0 uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary peer-disabled/fieldset:uikit-bg-w-cultured peer-[&.disabled]/fieldset:uikit-bg-w-cultured peer-focus/fieldset:[&.is-invalid]:uikit-border-w-danger", [
             { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
@@ -85,7 +86,7 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
             { "uikit-border-w-secondary": e.isValid === null }
           ]])
         }, [
-          e.labelText ? (k(), b("legend", q, [
+          e.labelText ? (k(), b("legend", H, [
             o("span", {
               class: s(["uikit-px-5px uikit-opacity-0", [
                 {
@@ -96,10 +97,10 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
                 }
               ]]),
               innerHTML: e.labelText
-            }, null, 10, A)
+            }, null, 10, I)
           ])) : p("", !0)
         ], 2),
-        F(C, {
+        M(B, {
           for: e.$attrs.id,
           "label-text": e.labelText,
           "label-state": l(a),
@@ -117,10 +118,10 @@ import './assets/BaseTextarea.css';const H = ["id", "data-cy", "rows", "disabled
           e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
         ),
         innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
-      }, null, 10, N)) : p("", !0)
+      }, null, 10, q)) : p("", !0)
     ], 2));
   }
-}), Q = /* @__PURE__ */ I(D, [["__scopeId", "data-v-70e71328"]]);
+}), J = /* @__PURE__ */ C(A, [["__scopeId", "data-v-b3053514"]]);
 export {
-  Q as default
+  J as default
 };

package/dist/assets/BaseTextarea.css

@@ -1 +1 @@
-.invalid-bg[data-v-70e71328]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-70e71328]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-70e71328],.valid-bg[data-v-70e71328]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity))}.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity))}.is-valid.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-thumb{background-color:#2b5dff!important}.is-invalid.textarea-scrollbar[data-v-70e71328]::-webkit-scrollbar-thumb{background-color:#fa4f64!important}
+.invalid-bg[data-v-b3053514]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-b3053514]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-b3053514],.valid-bg[data-v-b3053514]{background-position:top 0px right 12px;background-size:20px}.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar{width:8px;height:6px}.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity))}.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-thumb{border-radius:5px;--tw-bg-opacity: 1;background-color:rgb(180 194 240 / var(--tw-bg-opacity))}.is-valid.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-thumb{background-color:#2b5dff!important}.is-invalid.textarea-scrollbar[data-v-b3053514]::-webkit-scrollbar-thumb{background-color:#fa4f64!important}

package/package.json

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