@espri/vue-components 2.4.1 → 2.4.3

package/dist/date-picker.css

@@ -0,0 +1 @@
+.error[data-v-702f97d9]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/date-picker.es.js

@@ -0,0 +1,62 @@
+import { defineComponent as v, computed as n, openBlock as a, createElementBlock as i, normalizeClass as c, createBlock as m, unref as t, withCtx as h, createVNode as y, createElementVNode as u, createTextVNode as b, toDisplayString as p, createCommentVNode as g } from "vue";
+import { Skeleton as B, FloatLabel as E, DatePicker as x } from "primevue";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './date-picker.css';const w = ["for"], D = { key: 0 }, N = { class: "error" }, $ = /* @__PURE__ */ v({
+  __name: "date-picker",
+  props: {
+    label: {},
+    modelValue: {},
+    class: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    loading: { type: Boolean },
+    showError: { type: Boolean },
+    rules: {},
+    dateFormat: {},
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: _ }) {
+    const e = f, k = _, r = Math.random().toString(16).slice(2), s = n({
+      get() {
+        return e.modelValue;
+      },
+      set(o) {
+        k("update:modelValue", o);
+      }
+    }), d = n(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
+    return (o, l) => (a(), i("div", {
+      class: c(`field ${e.class || ""}`)
+    }, [
+      e.loading ? (a(), m(t(B), {
+        key: 0,
+        class: "skeleton-input mt-3"
+      })) : (a(), m(t(E), {
+        key: 1,
+        class: "mt-3"
+      }, {
+        default: h(() => [
+          y(t(x), {
+            modelValue: s.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (V) => s.value = V),
+            class: c(["w-full", e.class]),
+            invalid: !!d.value,
+            disabled: e.disabled,
+            placeholder: e.placeholder,
+            "input-id": t(r),
+            "date-format": e.dateFormat || "dd/mm/yy"
+          }, null, 8, ["modelValue", "class", "invalid", "disabled", "placeholder", "input-id", "date-format"]),
+          u("label", { for: t(r) }, [
+            b(p(e.label), 1),
+            e.required ? (a(), i("span", D, " *")) : g("", !0)
+          ], 8, w)
+        ]),
+        _: 1
+      })),
+      u("small", N, p(d.value), 1)
+    ], 2));
+  }
+}), F = /* @__PURE__ */ C($, [["__scopeId", "data-v-702f97d9"]]), R = F;
+export {
+  R as default
+};

package/dist/index.es.js

@@ -1,156 +1,18 @@
-import { default as A } from "./checkbox.es.js";
-import { defineComponent as _, computed as c, openBlock as a, createElementBlock as m, normalizeClass as p, createBlock as u, unref as t, withCtx as v, createVNode as V, createElementVNode as f, createTextVNode as g, toDisplayString as h, createCommentVNode as x } from "vue";
-import { Skeleton as k, FloatLabel as E, DatePicker as w, MultiSelect as C } from "primevue";
-import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { default as H } from "./input-number.es.js";
-import { default as Q } from "./input-password.es.js";
-import { default as X } from "./input-text.es.js";
-import { default as Z } from "./select.es.js";
-import { default as le } from "./virtual-keyboard.es.js";
-import './index.css';const $ = ["for"], M = { key: 0 }, S = { class: "error" }, L = /* @__PURE__ */ _({
-  __name: "date-picker",
-  props: {
-    label: {},
-    modelValue: {},
-    class: {},
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    loading: { type: Boolean },
-    showError: { type: Boolean },
-    rules: {},
-    dateFormat: {},
-    placeholder: {}
-  },
-  emits: ["update:modelValue"],
-  setup(b, { emit: y }) {
-    const e = b, r = y, i = Math.random().toString(16).slice(2), d = c({
-      get() {
-        return e.modelValue;
-      },
-      set(o) {
-        r("update:modelValue", o);
-      }
-    }), n = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (o, l) => (a(), m("div", {
-      class: p(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (a(), u(t(k), {
-        key: 0,
-        class: "skeleton-input mt-3"
-      })) : (a(), u(t(E), {
-        key: 1,
-        class: "mt-3"
-      }, {
-        default: v(() => [
-          V(t(w), {
-            modelValue: d.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
-            class: p(["w-full", e.class]),
-            invalid: !!n.value,
-            disabled: e.disabled,
-            placeholder: e.placeholder,
-            "input-id": t(i),
-            "date-format": e.dateFormat || "dd/mm/yy"
-          }, null, 8, ["modelValue", "class", "invalid", "disabled", "placeholder", "input-id", "date-format"]),
-          f("label", { for: t(i) }, [
-            g(h(e.label), 1),
-            e.required ? (a(), m("span", M, " *")) : x("", !0)
-          ], 8, $)
-        ]),
-        _: 1
-      })),
-      f("small", S, h(n.value), 1)
-    ], 2));
-  }
-}), F = /* @__PURE__ */ B(L, [["__scopeId", "data-v-702f97d9"]]), U = F, I = ["for"], P = { key: 0 }, N = { class: "error" }, q = /* @__PURE__ */ _({
-  __name: "multi-select",
-  props: {
-    label: {},
-    options: {},
-    modelValue: {},
-    class: {},
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    showClear: { type: Boolean },
-    loading: { type: Boolean },
-    showError: { type: Boolean },
-    rules: {},
-    placeholder: {},
-    maxSelectedLabels: {},
-    selectionLimit: {},
-    emptyMessage: {},
-    selectedItemsLabel: {},
-    resetFilterOnClear: { type: Boolean },
-    filter: { type: Boolean },
-    filterPlaceholder: {},
-    filterLocale: {},
-    filterMatchMode: {},
-    filterFields: {}
-  },
-  emits: ["update:modelValue", "filter", "selectall-change"],
-  setup(b, { emit: y }) {
-    const e = b, r = y, i = Math.random().toString(16).slice(2), d = c({
-      get() {
-        return e.modelValue;
-      },
-      set(o) {
-        r("update:modelValue", o);
-      }
-    }), n = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
-    return (o, l) => (a(), m("div", {
-      class: p(`field ${e.class || ""}`)
-    }, [
-      e.loading ? (a(), u(t(k), {
-        key: 0,
-        class: "skeleton-input mt-3"
-      })) : (a(), u(t(E), {
-        key: 1,
-        class: "mt-3"
-      }, {
-        default: v(() => [
-          V(t(C), {
-            modelValue: d.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (s) => d.value = s),
-            options: e.options,
-            "option-label": "label",
-            "option-value": "value",
-            class: p(["w-full", e.class]),
-            invalid: !!n.value,
-            disabled: e.disabled,
-            placeholder: e.placeholder,
-            "show-clear": e.showClear,
-            "max-selected-labels": e.maxSelectedLabels,
-            "empty-message": e.emptyMessage,
-            "selection-limit": e.selectionLimit,
-            "selected-items-label": e.selectedItemsLabel,
-            "reset-filter-on-clear": e.resetFilterOnClear,
-            filter: e.filter,
-            "filter-placeholder": e.filterPlaceholder,
-            "filter-locale": e.filterLocale,
-            "filter-match-mode": e.filterMatchMode,
-            "filter-fields": e.filterFields,
-            "input-id": t(i),
-            onFilter: l[1] || (l[1] = (s) => r("filter", s)),
-            onSelectallChange: l[2] || (l[2] = (s) => r("selectall-change", s))
-          }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "max-selected-labels", "empty-message", "selection-limit", "selected-items-label", "reset-filter-on-clear", "filter", "filter-placeholder", "filter-locale", "filter-match-mode", "filter-fields", "input-id"]),
-          f("label", { for: t(i) }, [
-            g(h(e.label), 1),
-            e.required ? (a(), m("span", P, " *")) : x("", !0)
-          ], 8, I)
-        ]),
-        _: 1
-      })),
-      f("small", N, h(n.value), 1)
-    ], 2));
-  }
-}), D = /* @__PURE__ */ B(q, [["__scopeId", "data-v-6cb5331a"]]), z = D;
+import { default as t } from "./checkbox.es.js";
+import { default as o } from "./date-picker.es.js";
+import { default as s } from "./input-number.es.js";
+import { default as u } from "./input-password.es.js";
+import { default as i } from "./input-text.es.js";
+import { default as x } from "./multi-select.es.js";
+import { default as E } from "./select.es.js";
+import { default as b } from "./virtual-keyboard.es.js";
 export {
-  A as EspriCheckbox,
-  U as EspriDatePicker,
-  H as EspriInputNumber,
-  Q as EspriInputPassword,
-  X as EspriInputText,
-  z as EspriMultiSelect,
-  Z as EspriSelect,
-  le as EspriVirtualKeyboard
+  t as EspriCheckbox,
+  o as EspriDatePicker,
+  s as EspriInputNumber,
+  u as EspriInputPassword,
+  i as EspriInputText,
+  x as EspriMultiSelect,
+  E as EspriSelect,
+  b as EspriVirtualKeyboard
 };

package/dist/multi-select.css

@@ -0,0 +1 @@
+.error[data-v-6cb5331a]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}

package/dist/multi-select.es.js

@@ -0,0 +1,88 @@
+import { defineComponent as g, computed as c, openBlock as a, createElementBlock as m, normalizeClass as p, createBlock as u, unref as o, withCtx as v, createVNode as V, createElementVNode as f, createTextVNode as _, toDisplayString as h, createCommentVNode as B } from "vue";
+import { Skeleton as C, FloatLabel as M, MultiSelect as x } from "primevue";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import './multi-select.css';const S = ["for"], k = { key: 0 }, w = { class: "error" }, E = /* @__PURE__ */ g({
+  __name: "multi-select",
+  props: {
+    label: {},
+    options: {},
+    modelValue: {},
+    class: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    showClear: { type: Boolean },
+    loading: { type: Boolean },
+    showError: { type: Boolean },
+    rules: {},
+    placeholder: {},
+    maxSelectedLabels: {},
+    selectionLimit: {},
+    emptyMessage: {},
+    selectedItemsLabel: {},
+    resetFilterOnClear: { type: Boolean },
+    filter: { type: Boolean },
+    filterPlaceholder: {},
+    filterLocale: {},
+    filterMatchMode: {},
+    filterFields: {}
+  },
+  emits: ["update:modelValue", "filter", "selectall-change"],
+  setup(b, { emit: y }) {
+    const e = b, s = y, r = Math.random().toString(16).slice(2), n = c({
+      get() {
+        return e.modelValue;
+      },
+      set(i) {
+        s("update:modelValue", i);
+      }
+    }), d = c(() => e.showError && e.rules?.find((l) => l?.$invalid && l?.$message)?.$message || "");
+    return (i, l) => (a(), m("div", {
+      class: p(`field ${e.class || ""}`)
+    }, [
+      e.loading ? (a(), u(o(C), {
+        key: 0,
+        class: "skeleton-input mt-3"
+      })) : (a(), u(o(M), {
+        key: 1,
+        class: "mt-3"
+      }, {
+        default: v(() => [
+          V(o(x), {
+            modelValue: n.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (t) => n.value = t),
+            options: e.options,
+            "option-label": "label",
+            "option-value": "value",
+            class: p(["w-full", e.class]),
+            invalid: !!d.value,
+            disabled: e.disabled,
+            placeholder: e.placeholder,
+            "show-clear": e.showClear,
+            "max-selected-labels": e.maxSelectedLabels,
+            "empty-message": e.emptyMessage,
+            "selection-limit": e.selectionLimit,
+            "selected-items-label": e.selectedItemsLabel,
+            "reset-filter-on-clear": e.resetFilterOnClear,
+            filter: e.filter,
+            "filter-placeholder": e.filterPlaceholder,
+            "filter-locale": e.filterLocale,
+            "filter-match-mode": e.filterMatchMode,
+            "filter-fields": e.filterFields,
+            "input-id": o(r),
+            onFilter: l[1] || (l[1] = (t) => s("filter", t)),
+            onSelectallChange: l[2] || (l[2] = (t) => s("selectall-change", t))
+          }, null, 8, ["modelValue", "options", "class", "invalid", "disabled", "placeholder", "show-clear", "max-selected-labels", "empty-message", "selection-limit", "selected-items-label", "reset-filter-on-clear", "filter", "filter-placeholder", "filter-locale", "filter-match-mode", "filter-fields", "input-id"]),
+          f("label", { for: o(r) }, [
+            _(h(e.label), 1),
+            e.required ? (a(), m("span", k, " *")) : B("", !0)
+          ], 8, S)
+        ]),
+        _: 1
+      })),
+      f("small", w, h(d.value), 1)
+    ], 2));
+  }
+}), F = /* @__PURE__ */ L(E, [["__scopeId", "data-v-6cb5331a"]]), q = F;
+export {
+  q as default
+};

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

@@ -1,13 +1,3 @@
-export interface EspriSelectOption {
-    /**
-     * Display text for the option
-     */
-    label: string;
-    /**
-     * Value associated with the option
-     */
-    value: any;
-}
 export default interface EspriCheckboxProps {
     /**
      * Label displayed next to the checkbox.

package/dist/types/multi-select/index.d.ts

@@ -2,6 +2,7 @@ import type { DefineComponent } from 'vue';
 import type EspriMultiSelectEmits from './interfaces/multi-select-emits.interface';
 import type { EspriMultiSelectEmitsForDoc } from './interfaces/multi-select-emits.interface';
 import type EspriMultiSelectProps from './interfaces/multi-select-props.interface';
+import type { EspriMultiSelectOption } from './interfaces/multi-select-props.interface';
 /**
  * **ESPRI Digital - Multi Select (Vue component)**
  * --- ---
@@ -16,4 +17,4 @@ declare const EspriMultiSelect: DefineComponent<EspriMultiSelectProps, {}, // Fo
 {}, // Extends
 EspriMultiSelectEmitsForDoc>;
 export default EspriMultiSelect;
-export type { EspriMultiSelectEmits, EspriMultiSelectProps };
+export type { EspriMultiSelectEmits, EspriMultiSelectOption, EspriMultiSelectProps };

package/package.json

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

package/dist/index.css

@@ -1 +0,0 @@
-.error[data-v-702f97d9],.error[data-v-6cb5331a]{color:var(--p-floatlabel-invalid-color, var(--p-red-600))}