@wikicasa-dev/components 1.8.1 → 1.8.3

package/dist/BaseFloatingLabel.js

@@ -1,48 +1,39 @@
 import { defineComponent as s, openBlock as a, createElementBlock as l, normalizeClass as t, withModifiers as o, createElementVNode as n, createCommentVNode as r } from "vue";
-import { _ as u } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseFloatingLabel.css';const d = s({
-  name: "BaseFloatingLabel",
+import { _ as d } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/BaseFloatingLabel.css';const u = ["for"], k = ["innerHTML"], m = /* @__PURE__ */ s({
+  __name: "BaseFloatingLabel",
   props: {
-    labelState: {
-      type: String,
-      default: () => "inline-label"
-    },
-    isValid: {
-      type: Boolean,
-      default: () => null
-    },
-    labelText: {
-      type: String,
-      required: !0
-    },
-    disabled: {
-      type: [String, Boolean],
-      default: !1
-    }
+    labelState: { default: "inline-label" },
+    isValid: { default: null },
+    labelText: {},
+    disabled: { type: [String, Boolean], default: !1 }
   },
-  emits: ["click"]
-}), p = ["for"], k = ["innerHTML"];
-function m(e, i, c, f, b, y) {
-  return a(), l("label", {
-    for: e.$attrs.for,
-    class: t(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
-      e.labelState,
-      { "uikit-text-w-secondary": e.disabled },
-      e.$attrs["label-classes"]
-    ]]),
-    onClick: i[0] || (i[0] = o(($) => e.$emit("click"), ["stop"]))
-  }, [
-    n("span", {
-      class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
-      innerHTML: e.labelText
-    }, null, 10, k),
-    e.$attrs.required ? (a(), l("sup", {
-      key: 0,
-      class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text uikit-text-w-primary", { "uikit-text-w-secondary": e.disabled }])
-    }, " *", 2)) : r("", !0)
-  ], 10, p);
-}
-const g = /* @__PURE__ */ u(d, [["render", m], ["__scopeId", "data-v-bc398569"]]);
+  emits: ["click"],
+  setup(p, { emit: b }) {
+    return (e, i) => (a(), l("label", {
+      for: e.$attrs.for,
+      class: t(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
+        e.labelState,
+        { "uikit-text-w-secondary": e.disabled },
+        e.$attrs["label-classes"]
+      ]]),
+      onClick: i[0] || (i[0] = o((f) => e.$emit("click"), ["stop"]))
+    }, [
+      n("span", {
+        class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
+        innerHTML: e.labelText
+      }, null, 10, k),
+      e.$attrs.required ? (a(), l("sup", {
+        key: 0,
+        class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text", [
+          { "uikit-text-w-secondary": e.disabled },
+          { "uikit-text-w-danger": e.isValid === !1 },
+          { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
+        ]])
+      }, " *", 2)) : r("", !0)
+    ], 10, u));
+  }
+}), y = /* @__PURE__ */ d(m, [["__scopeId", "data-v-5a3dceb6"]]);
 export {
-  g as default
+  y as default
 };

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/UIKit/BaseFloatingLabel.vue.d.ts

@@ -1,41 +1,27 @@
 import { Nullable } from '@wikicasa-dev/types';
 
 type LabelState = "inline-label" | "floating-label";
-declare const _default: import('vue').DefineComponent<{
-    labelState: {
-        type: () => LabelState;
-        default: () => LabelState;
-    };
-    isValid: {
-        type: () => Nullable<boolean>;
-        default: () => Nullable<boolean>;
-    };
-    labelText: {
-        type: StringConstructor;
-        required: true;
-    };
-    disabled: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    labelState: {
-        type: () => LabelState;
-        default: () => LabelState;
-    };
-    isValid: {
-        type: () => Nullable<boolean>;
-        default: () => Nullable<boolean>;
-    };
-    labelText: {
-        type: StringConstructor;
-        required: true;
-    };
-    disabled: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}>> & {
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    labelState?: LabelState;
+    isValid?: Nullable<boolean>;
+    labelText: string;
+    disabled?: string | boolean;
+}>, {
+    labelState: string;
+    isValid: null;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    labelState?: LabelState;
+    isValid?: Nullable<boolean>;
+    labelText: string;
+    disabled?: string | boolean;
+}>, {
+    labelState: string;
+    isValid: null;
+    disabled: boolean;
+}>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     labelState: LabelState;
@@ -43,3 +29,20 @@ declare const _default: import('vue').DefineComponent<{
     disabled: string | boolean;
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/assets/BaseFloatingLabel.css

@@ -1 +1 @@
-.floating-label[data-v-bc398569]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-bc398569]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-bc398569]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity))}.floating-label[data-v-bc398569],.inline-label[data-v-bc398569]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}
+.floating-label[data-v-5a3dceb6]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-5a3dceb6]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-5a3dceb6]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity))}.floating-label[data-v-5a3dceb6],.inline-label[data-v-5a3dceb6]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}

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.3",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",