@espri/vue-components 2.2.0 → 2.3.1

package/dist/checkbox.css

@@ -1 +1 @@
-.error[data-v-5b1924d3]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
+.error[data-v-8069bff2]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/checkbox.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as _, computed as i, openBlock as a, createElementBlock as u, normalizeClass as b, createBlock as k, unref as o, createCommentVNode as d, createElementVNode as c, createVNode as h, toDisplayString as m } from "vue";
-import { Skeleton as g, Checkbox as x } from "primevue";
-import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import './checkbox.css';const B = { class: "flex items-center gap-2" }, C = ["for"], E = { class: "error" }, $ = /* @__PURE__ */ _({
+import { defineComponent as V, computed as n, openBlock as i, createElementBlock as d, normalizeClass as _, createElementVNode as u, createVNode as b, unref as a, toDisplayString as c, createCommentVNode as h } from "vue";
+import { Checkbox as x } from "primevue";
+import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './checkbox.css';const C = { class: "flex items-center gap-2" }, g = ["for"], y = { class: "error" }, E = /* @__PURE__ */ V({
   __name: "checkbox",
   props: {
     label: {},
@@ -11,47 +11,43 @@ import './checkbox.css';const B = { class: "flex items-center gap-2" }, C = ["fo
     class: {},
     disabled: { type: Boolean },
     required: { type: Boolean },
-    loading: { type: Boolean },
     showError: { type: Boolean },
     size: {},
     rules: {}
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: f }) {
-    const e = p, v = f, s = Math.random().toString(16).slice(2), r = i({
+  setup(m, { emit: p }) {
+    const e = m, f = p, t = Math.random().toString(16).slice(2), s = n({
       get() {
         return e.modelValue;
       },
-      set(t) {
-        v("update:modelValue", t);
+      set(o) {
+        f("update:modelValue", o);
       }
-    }), n = i(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (t, l) => (a(), u("div", {
-      class: b(`field ${e.class || ""}`)
+    }), r = n(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
+    return (o, l) => (i(), d("div", {
+      class: _(`field ${e.class || ""}`)
     }, [
-      e.loading ? (a(), k(o(g), {
-        key: 0,
-        class: "skeleton-input mt-3"
-      })) : d("", !0),
-      c("div", B, [
-        h(o(x), {
-          modelValue: r.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (V) => r.value = V),
-          "input-id": o(s),
-          invalid: !!n.value,
+      u("div", C, [
+        b(a(x), {
+          modelValue: s.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (v) => s.value = v),
+          "input-id": a(t),
+          invalid: !!r.value,
           "false-value": e.falseValue,
           "true-value": e.trueValue,
+          disabled: e.disabled,
           binary: ""
-        }, null, 8, ["modelValue", "input-id", "invalid", "false-value", "true-value"]),
-        e.label ? (a(), u("label", {
+        }, null, 8, ["modelValue", "input-id", "invalid", "false-value", "true-value", "disabled"]),
+        e.label ? (i(), d("label", {
           key: 0,
-          for: o(s)
-        }, m(e.label), 9, C)) : d("", !0)
+          for: a(t)
+        }, c(e.label), 9, g)) : h("", !0)
       ]),
-      c("small", E, m(n.value), 1)
+      u("small", y, c(r.value), 1)
     ], 2));
   }
-}), N = /* @__PURE__ */ y($, [["__scopeId", "data-v-5b1924d3"]]), R = N;
+}), B = /* @__PURE__ */ k(E, [["__scopeId", "data-v-8069bff2"]]), z = B;
 export {
-  R as default
+  z as default
 };

package/dist/select.css

@@ -1 +1 @@
-.error[data-v-5a8f854e]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}
+.error[data-v-55a0f12b]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/select.es.js

@@ -1,13 +1,14 @@
-import { defineComponent as h, computed as i, openBlock as t, createElementBlock as d, normalizeClass as c, createBlock as p, unref as o, withCtx as b, createVNode as y, createElementVNode as u, createTextVNode as g, toDisplayString as m, createCommentVNode as k } from "vue";
-import { Skeleton as B, FloatLabel as x, Select as E } from "primevue";
-import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import './select.css';const C = ["for"], w = { key: 0 }, N = { class: "error" }, $ = /* @__PURE__ */ h({
+import { defineComponent as V, computed as i, openBlock as t, createElementBlock as d, normalizeClass as c, createBlock as p, unref as o, withCtx as b, createVNode as y, createElementVNode as u, createTextVNode as g, toDisplayString as m, createCommentVNode as k } from "vue";
+import { Skeleton as w, FloatLabel as B, Select as C } from "primevue";
+import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './select.css';const E = ["for"], S = { key: 0 }, N = { class: "error" }, $ = /* @__PURE__ */ V({
   __name: "select",
   props: {
     label: {},
     options: {},
     disabled: { type: Boolean },
     required: { type: Boolean },
+    showClear: { type: Boolean },
     showError: { type: Boolean },
     rules: {},
     maxlength: {},
@@ -19,28 +20,28 @@ import './select.css';const C = ["for"], w = { key: 0 }, N = { class: "error" },
   },
   emits: ["update:modelValue"],
   setup(f, { emit: _ }) {
-    const e = f, v = _, s = Math.random().toString(16).slice(2), n = i({
+    const e = f, h = _, s = Math.random().toString(16).slice(2), n = i({
       get() {
         return e.modelValue;
       },
       set(a) {
-        v("update:modelValue", a);
+        h("update:modelValue", a);
       }
     }), r = i(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
     return (a, l) => (t(), d("div", {
       class: c(`field ${e.class || ""}`)
     }, [
-      e.loading ? (t(), p(o(B), {
+      e.loading ? (t(), p(o(w), {
         key: 0,
         class: "skeleton-input mt-3"
-      })) : (t(), p(o(x), {
+      })) : (t(), p(o(B), {
         key: 1,
         class: "mt-3"
       }, {
         default: b(() => [
-          y(o(E), {
+          y(o(C), {
             modelValue: n.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (V) => n.value = V),
+            "onUpdate:modelValue": l[0] || (l[0] = (v) => n.value = v),
             options: e.options,
             "option-label": "label",
             "option-value": "value",
@@ -48,19 +49,20 @@ import './select.css';const C = ["for"], w = { key: 0 }, N = { class: "error" },
             invalid: !!r.value,
             disabled: e.disabled,
             placeholder: e.placeholder,
+            "show-clear": e.showClear,
             "input-id": o(s)
-          }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "input-id"]),
+          }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "input-id"]),
           u("label", { for: o(s) }, [
             g(m(e.label), 1),
-            e.required ? (t(), d("span", w, " *")) : k("", !0)
-          ], 8, C)
+            e.required ? (t(), d("span", S, " *")) : k("", !0)
+          ], 8, E)
         ]),
         _: 1
       })),
       u("small", N, m(r.value), 1)
     ], 2));
   }
-}), q = /* @__PURE__ */ S($, [["__scopeId", "data-v-5a8f854e"]]), F = q;
+}), q = /* @__PURE__ */ x($, [["__scopeId", "data-v-55a0f12b"]]), F = q;
 export {
   F as default
 };

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

@@ -37,10 +37,6 @@ export default interface EspriCheckboxProps {
      * Marks the checkbox as required when true.
      */
     required?: boolean;
-    /**
-     * Indicates if the checkbox is in a loading state.
-     */
-    loading?: boolean;
     /**
      * Shows error messages when true.
      */

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

@@ -22,7 +22,7 @@ export default interface EspriInputTextProps {
     /**
      * Indicates if the input is in a loading state.
      */
-    loading: boolean;
+    loading?: boolean;
     /**
      * Shows error messages when true.
      */

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

@@ -25,6 +25,10 @@ export default interface EspriSelectProps {
      * Marks the input as required when true.
      */
     required?: boolean;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     */
+    showClear?: boolean;
     /**
      * Shows error messages when true.
      */

package/package.json

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