@espri/vue-components 2.0.1 → 2.0.3

package/dist/input-number.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as b, computed as m, openBlock as o, createElementBlock as d, normalizeClass as u, createBlock as c, unref as a, withCtx as V, createVNode as _, createElementVNode as p, createTextVNode as h, toDisplayString as f, createCommentVNode as v } from "vue";
-import { Skeleton as k, FloatLabel as B, InputNumber as N } from "primevue";
-const D = ["for"], E = {
+import { defineComponent as b, computed as m, openBlock as i, createElementBlock as d, normalizeClass as u, createBlock as c, unref as a, withCtx as V, createVNode as _, createElementVNode as p, createTextVNode as h, toDisplayString as f, createCommentVNode as v } from "vue";
+import { Skeleton as k, FloatLabel as B, InputNumber as C } from "primevue";
+const N = ["for"], D = {
   key: 0,
   class: "text-danger"
-}, F = { class: "text-danger" }, C = /* @__PURE__ */ b({
+}, E = { class: "text-danger" }, F = /* @__PURE__ */ b({
   __name: "input-number",
   props: {
     label: {},
     modelValue: {},
     class: {},
-    classInput: {},
+    inputClass: {},
     disabled: { type: Boolean },
     required: { type: Boolean },
     step: {},
@@ -27,29 +27,29 @@ const D = ["for"], E = {
   },
   emits: ["update:modelValue"],
   setup(x, { emit: g }) {
-    const e = x, i = g, n = Math.random().toString(16).slice(2), s = m({
+    const e = x, o = g, n = Math.random().toString(16).slice(2), s = m({
       get() {
-        return (e.modelValue || e.modelValue === 0) && (typeof e.min == "number" && e.modelValue < e.min || typeof e.max == "number" && e.modelValue > e.max) ? (i("update:modelValue", null), null) : e.modelValue;
+        return (e.modelValue || e.modelValue === 0) && (typeof e.min == "number" && e.modelValue < e.min || typeof e.max == "number" && e.modelValue > e.max) ? (o("update:modelValue", null), null) : e.modelValue;
       },
       set(t) {
-        (t || t === 0) && (typeof e.min == "number" && t < e.min || typeof e.max == "number" && t > e.max) && (t = null), i("update:modelValue", t);
+        (t || t === 0) && (typeof e.min == "number" && t < e.min || typeof e.max == "number" && t > e.max) && (t = null), o("update:modelValue", t);
       }
     }), r = m(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (t, l) => (o(), d("div", {
+    return (t, l) => (i(), d("div", {
       class: u(`field ${e.class || ""}`)
     }, [
-      e.loading ? (o(), c(a(k), {
+      e.loading ? (i(), c(a(k), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (o(), c(a(B), {
+      })) : (i(), c(a(B), {
         key: 1,
         class: "mt-3"
       }, {
         default: V(() => [
-          _(a(N), {
+          _(a(C), {
             modelValue: s.value,
             "onUpdate:modelValue": l[0] || (l[0] = (y) => s.value = y),
-            class: u(["w-full", e.classInput]),
+            class: u(["w-full", e.class]),
             min: e.min,
             max: e.max,
             mode: e.mode,
@@ -59,21 +59,22 @@ const D = ["for"], E = {
             currency: e.currency,
             suffix: e.suffix,
             invalid: !!r.value,
+            "input-class": e.inputClass,
             disabled: e.disabled,
             placeholder: e.placeholder,
             "input-id": a(n)
-          }, null, 8, ["modelValue", "min", "max", "mode", "step", "min-fraction-digits", "max-fraction-digits", "currency", "suffix", "invalid", "class", "disabled", "placeholder", "input-id"]),
+          }, null, 8, ["modelValue", "min", "max", "mode", "step", "min-fraction-digits", "max-fraction-digits", "currency", "suffix", "invalid", "class", "input-class", "disabled", "placeholder", "input-id"]),
           p("label", { for: a(n) }, [
             h(f(e.label), 1),
-            e.required ? (o(), d("span", E, " *")) : v("", !0)
-          ], 8, D)
+            e.required ? (i(), d("span", D, " *")) : v("", !0)
+          ], 8, N)
         ]),
         _: 1
       })),
-      p("small", F, f(r.value), 1)
+      p("small", E, f(r.value), 1)
     ], 2));
   }
-}), S = C;
+}), q = F;
 export {
-  S as default
+  q as default
 };

package/dist/input-text.es.js

@@ -3,13 +3,12 @@ import { Skeleton as y, FloatLabel as B, InputText as E } from "primevue";
 const w = ["for"], C = {
   key: 0,
   class: "text-danger"
-}, I = { class: "text-danger" }, N = /* @__PURE__ */ V({
+}, N = { class: "text-danger" }, $ = /* @__PURE__ */ V({
   __name: "input-text",
   props: {
     label: {},
     modelValue: {},
     class: {},
-    classInput: {},
     disabled: { type: Boolean },
     required: { type: Boolean },
     loading: { type: Boolean },
@@ -42,7 +41,7 @@ const w = ["for"], C = {
           v(t(E), {
             modelValue: n.value,
             "onUpdate:modelValue": l[0] || (l[0] = (x) => n.value = x),
-            class: u(["w-full", e.classInput]),
+            class: u(["w-full", e.class]),
             invalid: !!d.value,
             maxlength: e.maxlength,
             disabled: e.disabled,
@@ -56,10 +55,10 @@ const w = ["for"], C = {
         ]),
         _: 1
       })),
-      m("small", I, p(d.value), 1)
+      m("small", N, p(d.value), 1)
     ], 2));
   }
-}), T = N;
+}), q = $;
 export {
-  T as default
+  q as default
 };

package/dist/select.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as r, openBlock as o, createElementBlock as i, normalizeClass as c, createBlock as u, unref as t, withCtx as b, createVNode as g, createElementVNode as p, createTextVNode as y, toDisplayString as m, createCommentVNode as k } from "vue";
+import { defineComponent as _, computed as r, openBlock as t, createElementBlock as i, normalizeClass as c, createBlock as u, unref as o, withCtx as b, createVNode as g, createElementVNode as p, createTextVNode as y, toDisplayString as m, createCommentVNode as k } from "vue";
 import { Skeleton as x, FloatLabel as B, Select as E } from "primevue";
 const S = ["for"], w = {
   key: 0,
@@ -8,7 +8,6 @@ const S = ["for"], w = {
   props: {
     label: {},
     options: {},
-    classInput: {},
     disabled: { type: Boolean },
     required: { type: Boolean },
     showError: { type: Boolean },
@@ -30,32 +29,32 @@ const S = ["for"], w = {
         V("update:modelValue", a);
       }
     }), d = r(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (a, l) => (o(), i("div", {
+    return (a, l) => (t(), i("div", {
       class: c(`field ${e.class || ""}`)
     }, [
-      e.loading ? (o(), u(t(x), {
+      e.loading ? (t(), u(o(x), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (o(), u(t(B), {
+      })) : (t(), u(o(B), {
         key: 1,
         class: "mt-3"
       }, {
         default: b(() => [
-          g(t(E), {
+          g(o(E), {
             modelValue: n.value,
             "onUpdate:modelValue": l[0] || (l[0] = (h) => n.value = h),
             options: e.options,
             "option-label": "label",
             "option-value": "value",
-            class: c(["w-full", e.classInput]),
+            class: c(["w-full", e.class]),
             invalid: !!d.value,
             disabled: e.disabled,
             placeholder: e.placeholder,
-            "input-id": t(s)
+            "input-id": o(s)
           }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "input-id"]),
-          p("label", { for: t(s) }, [
+          p("label", { for: o(s) }, [
             y(m(e.label), 1),
-            e.required ? (o(), i("span", w, " *")) : k("", !0)
+            e.required ? (t(), i("span", w, " *")) : k("", !0)
           ], 8, S)
         ]),
         _: 1
@@ -63,7 +62,7 @@ const S = ["for"], w = {
       p("small", C, m(d.value), 1)
     ], 2));
   }
-}), I = N;
+}), R = N;
 export {
-  I as default
+  R as default
 };

package/dist/types/input-number/interfaces/input-number-props.interface.d.ts

@@ -6,7 +6,7 @@ export default interface EspriInputNumberProps {
     /**
      * Model value representing the current state of the input.
      */
-    modelValue: number;
+    modelValue: number | null;
     /**
      * Class of the component.
      */
@@ -14,7 +14,7 @@ export default interface EspriInputNumberProps {
     /**
      * Optional CSS class applied to the input element.
      */
-    classInput?: string;
+    inputClass?: string;
     /**
      * Disables the input when true.
      */

package/dist/types/input-text/interfaces/input-text-props.interface.d.ts

@@ -6,15 +6,11 @@ export default interface EspriInputTextProps {
     /**
      * Model value representing the current state of the input.
      */
-    modelValue: string;
+    modelValue: string | null;
     /**
      * Class of the component.
      */
     class?: any;
-    /**
-     * Optional CSS class applied to the input element.
-     */
-    classInput?: string;
     /**
      * Disables the input when true.
      */

package/dist/types/select/interfaces/select-props.interface.d.ts

@@ -17,10 +17,6 @@ export default interface EspriSelectProps {
      * Array of options available for selection.
      */
     options: Array<EspriSelectOption>;
-    /**
-     * Optional CSS class applied to the input element.
-     */
-    classInput?: string;
     /**
      * Disables the input when true.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@espri/vue-components",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "ESPRI Digital - Vue components library",
   "author": "ESPRI Digital",
   "homepage": "https://github.com/ESPRI-Digital/vue-select#readme",