@agrotools1/at-components 0.5.5 → 0.5.7

package/dist/DatePicker/DatePicker.vue2.js

@@ -1,20 +1,22 @@
-import { defineComponent as j, ref as l, computed as o, watch as g } from "vue";
-import _ from "../Button/Button.vue.js";
-import U from "../Input/Input.core.vue.js";
-import { monthTranslationObj as h, weekInitialsObject as L, cancelTranslation as E, saveTranslation as z, placeholderTranslation as b, isUsing12HourFormat as G } from "./DatePicker.helper.js";
-import J from "./DatePickerCalendar/DatePickerCalendar.vue.js";
-import K from "./DatePickerHeader/DatePickerHeader.vue.js";
-import Q from "./DatePickerListSelector/DatePickerListSelector.vue.js";
-import W from "./DatePickerTime/DatePickerTime.vue.js";
-const ue = j({
+import { defineComponent as _, ref as l, computed as o, watch as g } from "vue";
+import U from "../Button/Button.vue.js";
+import E from "../Input/Input.core.vue.js";
+import { monthTranslationObj as b, weekInitialsObject as h, cancelTranslation as z, saveTranslation as G, placeholderTranslation as L, isUsing12HourFormat as J } from "./DatePicker.helper.js";
+import K from "../Dropdown/Dropdown.core.vue.js";
+import Q from "./DatePickerCalendar/DatePickerCalendar.vue.js";
+import W from "./DatePickerHeader/DatePickerHeader.vue.js";
+import X from "./DatePickerListSelector/DatePickerListSelector.vue.js";
+import Z from "./DatePickerTime/DatePickerTime.vue.js";
+const se = _({
   name: "AtDatePicker",
   components: {
-    AtButton: _,
-    AtCoreInput: U,
-    AtDatePickerHeader: K,
-    AtDatePickerCalendar: J,
-    AtDatePickerTime: W,
-    AtDatePickerListSelector: Q
+    AtButton: U,
+    AtCoreInput: E,
+    AtDatePickerHeader: W,
+    AtDatePickerCalendar: Q,
+    AtDatePickerTime: Z,
+    AtDatePickerListSelector: X,
+    AtDropdown: K
   },
   props: {
     value: {
@@ -78,66 +80,81 @@ const ue = j({
       type: Boolean,
       default: !1,
       validator: (e) => typeof e == "boolean"
+    },
+    position: {
+      type: String,
+      default: "left"
+    },
+    id: {
+      type: String,
+      default: ""
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["update:value", "confirmBoxConfirmed"],
-  setup(e, T) {
-    const F = /* @__PURE__ */ new Date(), s = l({ ...e.value }), i = l(e.forceFocus), r = l(/* @__PURE__ */ new Date()), m = l("calendar"), I = o(() => r.value.getMonth() + 1), D = o(() => r.value.getFullYear()), k = l(""), v = l(-1), c = l(D.value), q = l(null), f = l(!1), M = l(!1), y = o(() => h && e.setLanguage in h ? h[e.setLanguage] : []), H = o(
+  setup(e, S) {
+    const F = /* @__PURE__ */ new Date(), i = l({ ...e.value }), r = l(e.forceFocus), s = l(/* @__PURE__ */ new Date()), m = l("calendar"), I = o(() => s.value.getMonth() + 1), D = o(() => s.value.getFullYear()), k = l(""), v = l(-1), d = l(D.value), q = l(null), c = l(!1), M = l(!1), y = o(() => b && e.setLanguage in b ? b[e.setLanguage] : []), w = o(
       () => y.value.map((t, a) => ({
         name: t.slice(0, 3),
-        value: `${c.value}-${a + 1}`
+        value: `${d.value}-${a + 1}`
       }))
-    ), P = l(
+    ), H = l(
       Array.from({ length: 101 }, () => F.getFullYear() - 50).map(
         (t, a) => ({
           name: String(t + a),
           value: String(t + a)
         })
       )
-    ), w = o(() => L && e.setLanguage in L ? L[e.setLanguage] : []), R = o(() => ({
-      cancel: E[e.setLanguage],
-      save: z[e.setLanguage]
-    })), A = o(() => {
-      const t = e.useRange ? b[e.setLanguage].dateStart : b[e.setLanguage].date;
+    ), P = o(() => h && e.setLanguage in h ? h[e.setLanguage] : []), A = o(() => ({
+      cancel: z[e.setLanguage],
+      save: G[e.setLanguage]
+    })), R = o(() => {
+      const t = e.useRange ? L[e.setLanguage].dateStart : L[e.setLanguage].date;
       let a = "";
-      if (M.value || i.value || e.value.startDate) {
-        const n = e.useConfirmBox ? s.value : e.value;
+      if (M.value || r.value || e.value.startDate) {
+        const n = e.useConfirmBox ? i.value : e.value;
         n.startDate ? (a = n.startDate.toLocaleDateString(), e.useTimeInput && !e.useRange && (e.force12HourTime ? a += ` ${n.startDate.toLocaleTimeString("en-us")}` : a += ` ${n.startDate.toLocaleTimeString()}`)) : a = t;
-        const u = n.endDate ? n.endDate.toLocaleDateString() : b[e.setLanguage].dateEnd;
+        const u = n.endDate ? n.endDate.toLocaleDateString() : L[e.setLanguage].dateEnd;
         return e.useRange ? `${a} - ${u}` : a;
       }
       return "";
-    }), C = o(() => G() || e.force12HourTime), Y = (t, a = !1) => {
-      const n = new Date(r.value);
-      m.value === "calendar" ? a ? n.setMonth(n.getMonth() + t) : n.setMonth(t - 1) : m.value === "monthSelector" ? a ? c.value += t : c.value = t : a ? v.value += t : v.value = t, r.value = n;
+    }), C = o(() => J() || e.force12HourTime), Y = (t, a = !1) => {
+      const n = new Date(s.value);
+      m.value === "calendar" ? a ? n.setMonth(n.getMonth() + t) : n.setMonth(t - 1) : m.value === "monthSelector" ? a ? d.value += t : d.value = t : a ? v.value += t : v.value = t, s.value = n;
     }, x = (t) => {
       const a = t.split("-").map((n) => Number.parseInt(n));
       if (a.length > 0) {
-        const n = new Date(r.value);
-        n.setFullYear(a[0]), a.length > 1 && n.setMonth(a[1] - 1), r.value = n;
+        const n = new Date(s.value);
+        n.setFullYear(a[0]), a.length > 1 && n.setMonth(a[1] - 1), s.value = n;
       }
-    }, $ = (t) => t >= 1 && t <= y.value.length ? y.value[t - 1] : String(t), d = (t, a = !1) => {
+    }, O = (t) => t >= 1 && t <= y.value.length ? y.value[t - 1] : String(t), f = (t, a = !1) => {
       if (a || !e.useConfirmBox) {
         const n = e.value;
-        n.startDate = t.startDate, n.endDate = t.endDate, T.emit("update:value", n), (!e.useTimeInput && n.endDate || a) && (i.value = !1);
+        n.startDate = t.startDate, n.endDate = t.endDate, S.emit("update:value", n), (!e.useTimeInput && n.endDate || a) && (r.value = !1);
       }
-      s.value = { ...t };
-    }, S = (t) => {
-      e.disabled || (i.value = t, t || (s.value = { ...e.value }, e.useRange && !e.value.endDate && B()));
+      i.value = { ...t };
+    }, T = (t) => {
+      e.disabled || (r.value = t, t || (i.value = { ...e.value }, e.useRange && !e.value.endDate && B()));
+    }, $ = () => {
+      c.value || T(!1);
+    }, j = () => {
+      c.value = !0, setTimeout(() => c.value = !1, 100);
     }, N = () => {
-      f.value || S(!1);
-    }, O = () => {
-      f.value = !0, setTimeout(() => f.value = !1, 100);
-    }, V = () => {
-      d(s.value, !0), T.emit("confirmBoxConfirmed");
+      f(i.value, !0), S.emit("confirmBoxConfirmed");
     }, B = () => {
-      d(
+      f(
         {
           startDate: null,
           endDate: null
         },
         !0
       );
+    }, V = (t) => {
+      e.disabled || (r.value = t);
     };
     return g(
       () => e.useRange,
@@ -148,52 +165,53 @@ const ue = j({
             startDate: new Date(e.value.startDate),
             endDate: new Date(e.value.endDate)
           };
-          (a = u.startDate) == null || a.setHours(0), (n = u.startDate) == null || n.setMinutes(0), u.endDate = t ? null : u.startDate, s.value = { ...u }, d(u, !0);
+          (a = u.startDate) == null || a.setHours(0), (n = u.startDate) == null || n.setMinutes(0), u.endDate = t ? null : u.startDate, i.value = { ...u }, f(u, !0);
         }
       }
     ), g(
       () => e.disabled,
       () => {
-        i.value = !1;
+        r.value = !1;
       }
     ), g(
       () => e.forceFocus,
       (t) => {
-        i.value = t;
+        r.value = t;
       }
     ), g(D, (t) => {
-      c.value = t;
+      d.value = t;
     }), {
-      displayModal: i,
-      auxValue: s,
+      displayModal: r,
+      auxValue: i,
       datePickerMode: m,
-      confirmInput: V,
+      confirmInput: N,
       currentMonth: I,
       currentYear: D,
       currentYearRange: k,
       currentYearPageIndex: v,
-      selectedMonthYear: c,
-      monthList: H,
-      yearList: P,
-      clickedOnModal: f,
+      selectedMonthYear: d,
+      monthList: w,
+      yearList: H,
+      clickedOnModal: c,
       display12HourFormat: C,
       updateDatePeriod: Y,
       updateMonthYear: x,
-      displayValue: A,
-      currentMenuDate: r,
-      getMonthName: $,
-      weekInitials: w,
-      updateValue: d,
-      updateFocus: S,
-      buttonNames: R,
+      displayValue: R,
+      currentMenuDate: s,
+      getMonthName: O,
+      weekInitials: P,
+      updateValue: f,
+      updateFocus: T,
+      buttonNames: A,
       coreInput: q,
-      checkUnFocus: N,
-      keepFocus: O,
+      checkUnFocus: $,
+      keepFocus: j,
       clearValue: B,
+      onOpenedModal: V,
       isInputHovered: M
     };
   }
 });
 export {
-  ue as default
+  se as default
 };

package/dist/Dropdown/Dropdown.core.vue.js

@@ -1,35 +1,41 @@
-import d from "./Dropdown.core.vue2.js";
-import { openBlock as o, createElementBlock as r, createElementVNode as i, normalizeClass as l, renderSlot as s, createCommentVNode as n, createBlock as g, Teleport as m, normalizeStyle as p } from "vue";
+import a from "./Dropdown.core.vue2.js";
+import { resolveComponent as g, openBlock as o, createElementBlock as r, createElementVNode as l, normalizeClass as n, renderSlot as i, createCommentVNode as p, createBlock as m, Teleport as c, createVNode as f, withCtx as u, normalizeStyle as C } from "vue";
 import "./Dropdown.core.vue3.js";
-import c from "../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "container-dialog" }, u = ["id"];
-function $(e, t, k, v, y, C) {
-  return o(), r("section", f, [
-    i("div", {
-      class: l(e.getDialogClass)
+import $ from "../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "container-dialog" }, D = ["id"];
+function _(e, t, k, y, w, E) {
+  const s = g("DropdownContent");
+  return o(), r("section", v, [
+    l("div", {
+      class: n(e.getDialogClass)
     }, [
       e.$slots.trigger ? (o(), r("section", {
         key: 0,
         id: "trigger",
         ref: "triggerElem",
-        onClick: t[0] || (t[0] = (...a) => e.toggleDialog && e.toggleDialog(...a))
+        onClick: t[0] || (t[0] = (...d) => e.toggleDialog && e.toggleDialog(...d))
       }, [
-        s(e.$slots, "trigger", {}, void 0, !0)
-      ], 512)) : n("", !0),
-      (o(), g(m, { to: "body" }, [
-        i("div", {
-          id: e.id,
-          ref: "dialogElem",
-          class: l([{ isOpen: e.dialogIsOpen }, "dialog-content"]),
-          style: p(e.dialogStyle)
-        }, [
-          s(e.$slots, "default", {}, void 0, !0)
-        ], 14, u)
+        i(e.$slots, "trigger", {}, void 0, !0)
+      ], 512)) : p("", !0),
+      (o(), m(c, { to: "body" }, [
+        f(s, null, {
+          default: u(() => [
+            l("div", {
+              id: e.id,
+              ref: "dialogElem",
+              class: n([{ isOpen: e.dialogIsOpen }, "dialog-content"]),
+              style: C(e.dialogStyle)
+            }, [
+              i(e.$slots, "default", {}, void 0, !0)
+            ], 14, D)
+          ]),
+          _: 3
+        })
       ]))
     ], 2)
   ]);
 }
-const _ = /* @__PURE__ */ c(d, [["render", $], ["__scopeId", "data-v-635b3523"]]);
+const h = /* @__PURE__ */ $(a, [["render", _], ["__scopeId", "data-v-0a851f51"]]);
 export {
-  _ as default
+  h as default
 };

package/dist/Dropdown/Dropdown.core.vue2.js

@@ -1,6 +1,8 @@
-import { defineComponent as Y, ref as t, watch as k, onMounted as E, computed as L } from "vue";
-const b = Y({
+import { defineComponent as A, ref as n, watch as E, onMounted as H, computed as I } from "vue";
+import L from "./DropdownContent/DropdownContent.vue.js";
+const q = A({
   name: "AtDropdown",
+  components: { DropdownContent: L },
   props: {
     isOpen: {
       type: Boolean,
@@ -20,62 +22,66 @@ const b = Y({
     }
   },
   emits: ["update:isOpen"],
-  setup(d, { emit: r }) {
-    const o = t(!1);
-    o.value = d.isOpen;
-    const l = t(), a = t(), n = t(), h = t(0), i = t(), p = t(), g = () => {
-      var x, O, w, m, C, D;
-      h.value = window.scrollY, i.value = (x = a.value) == null ? void 0 : x.getBoundingClientRect();
-      const e = (((O = i.value) == null ? void 0 : O.y) ?? 0) + (((w = i.value) == null ? void 0 : w.height) ?? 0) + 8 + h.value, v = {
+  setup(p, { emit: f }) {
+    const i = n(!1);
+    i.value = p.isOpen;
+    const l = n(), t = n(), o = n(), h = n(0), a = n(), r = n(), g = () => {
+      var m, x, O, w, C, D, S, W, $;
+      h.value = window.scrollY;
+      const e = (x = (m = t.value) == null ? void 0 : m.children[0]) == null ? void 0 : x.querySelector(
+        ".AT-INPUT_error-message"
+      );
+      a.value = (O = t.value) == null ? void 0 : O.getBoundingClientRect();
+      const s = (((w = a.value) == null ? void 0 : w.y) ?? 0) + (((D = (C = t.value) == null ? void 0 : C.children[0]) == null ? void 0 : D.clientHeight) ?? 0) - ((e == null ? void 0 : e.clientHeight) ?? 0) + 8 + h.value, v = {
         left: () => {
-          var s, u, c;
-          n.value = {
-            x: ((s = i.value) == null ? void 0 : s.left) ?? 0,
-            y: e
-          }, p.value = {
-            top: `${((u = n.value) == null ? void 0 : u.y) || 0}px`,
-            left: `${((c = n.value) == null ? void 0 : c.x) || 0}px`
+          var u, c, d;
+          o.value = {
+            x: ((u = a.value) == null ? void 0 : u.left) ?? 0,
+            y: s
+          }, r.value = {
+            top: `${((c = o.value) == null ? void 0 : c.y) || 0}px`,
+            left: `${((d = o.value) == null ? void 0 : d.x) || 0}px`
           };
         },
         right: () => {
-          var s, u, c, S, W;
-          n.value = {
-            x: (((s = i.value) == null ? void 0 : s.left) ?? 0) - ((((u = l.value) == null ? void 0 : u.clientWidth) ?? 0) - (((c = a.value) == null ? void 0 : c.clientWidth) ?? 0)),
-            y: e
-          }, p.value = {
-            top: `${((S = n.value) == null ? void 0 : S.y) || 0}px`,
-            left: `${((W = n.value) == null ? void 0 : W.x) || 0}px`
+          var u, c, d, P, z;
+          o.value = {
+            x: (((u = a.value) == null ? void 0 : u.left) ?? 0) - ((((c = l.value) == null ? void 0 : c.clientWidth) ?? 0) - (((d = t.value) == null ? void 0 : d.clientWidth) ?? 0)),
+            y: s
+          }, r.value = {
+            top: `${((P = o.value) == null ? void 0 : P.y) || 0}px`,
+            left: `${((z = o.value) == null ? void 0 : z.x) || 0}px`
           };
         }
-      }, f = window.innerWidth - (((m = i.value) == null ? void 0 : m.right) ?? 0) <= (((C = l.value) == null ? void 0 : C.offsetWidth) ?? 0) ? "right" : d.position;
-      v[f](), d.fullSize && (p.value.width = `${((D = a.value) == null ? void 0 : D.clientWidth) ?? 0}px`);
+      }, k = window.innerWidth - (((S = a.value) == null ? void 0 : S.right) ?? 0) <= (((W = l.value) == null ? void 0 : W.offsetWidth) ?? 0) ? "right" : p.position;
+      v[k](), p.fullSize && (r.value.width = `${(($ = t.value) == null ? void 0 : $.clientWidth) ?? 0}px`);
     };
-    k(
-      () => d.isOpen,
+    E(
+      () => p.isOpen,
       (e) => {
-        o.value = e, e && g();
+        i.value = e, e && setTimeout(() => g(), 10);
       }
     );
-    const $ = async () => r("update:isOpen", !0), y = async () => r("update:isOpen", !1), z = (e) => {
-      var v, f;
-      o.value && !((v = l == null ? void 0 : l.value) != null && v.contains(e.target)) && !((f = a.value) != null && f.contains(e.target)) && y();
-    }, B = () => r("update:isOpen", !o.value);
-    E(() => {
-      document.addEventListener("click", z), window.addEventListener("resize", g), g();
+    const B = async () => f("update:isOpen", !0), y = async () => f("update:isOpen", !1), T = (e) => {
+      var s, v;
+      i.value && !((s = l == null ? void 0 : l.value) != null && s.contains(e.target)) && !((v = t.value) != null && v.contains(e.target)) && y();
+    }, Y = () => f("update:isOpen", !i.value);
+    H(() => {
+      document.addEventListener("click", T), window.addEventListener("resize", g), g();
     });
-    const P = L(() => ["dialog"]);
+    const _ = I(() => ["dialog"]);
     return {
-      dialogIsOpen: o,
-      getDialogClass: P,
+      dialogIsOpen: i,
+      getDialogClass: _,
       dialogElem: l,
-      triggerElem: a,
-      dialogStyle: p,
-      toggleDialog: B,
-      openDialog: $,
+      triggerElem: t,
+      dialogStyle: r,
+      toggleDialog: Y,
+      openDialog: B,
       closeDialog: y
     };
   }
 });
 export {
-  b as default
+  q as default
 };

package/dist/Dropdown/DropdownContent/DropdownContent.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/Dropdown/DropdownContent/DropdownContent.vue.js

@@ -0,0 +1,12 @@
+import e from "./DropdownContent.vue2.js";
+import { openBlock as r, createElementBlock as t, renderSlot as n } from "vue";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+function c(o, s, f, l, a, d) {
+  return r(), t("div", null, [
+    n(o.$slots, "default")
+  ]);
+}
+const u = /* @__PURE__ */ p(e, [["render", c]]);
+export {
+  u as default
+};

package/dist/Dropdown/DropdownContent/DropdownContent.vue2.js

@@ -0,0 +1,9 @@
+import { defineComponent as n } from "vue";
+const e = n({
+  name: "DropdownContent",
+  setup() {
+  }
+});
+export {
+  e as default
+};

package/dist/Search/Search.d.ts

@@ -8,6 +8,10 @@ export interface SearchProps {
     hasAutoComplete?: boolean | true;
     hasFilterOption?: boolean | true;
     isDisabled?: boolean | false;
+    error?: {
+        value: boolean;
+        message: string;
+    };
 }
 declare const _default: import("vue").DefineComponent<{
     label: {
@@ -42,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: boolean;
     };
+    error: {
+        type: () => SearchProps["error"];
+        default: () => void;
+    };
     id: {
         type: StringConstructor;
         required: false;
@@ -92,6 +100,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | undefined>;
         default: boolean;
     };
+    error: {
+        type: () => SearchProps["error"];
+        default: () => void;
+    };
     id: {
         type: StringConstructor;
         required: false;
@@ -101,6 +113,10 @@ declare const _default: import("vue").DefineComponent<{
     onOnSelectedItem?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
+    error: {
+        value: boolean;
+        message: string;
+    } | undefined;
     withIcon: boolean;
     modelValue: string;
     autoCompleteList: DropdownListItem[];

package/dist/Search/Search.vue.js

@@ -29,20 +29,21 @@ function h(e, f, b, I, S, C) {
           autocomplete: "off",
           disabled: e.isDisabled,
           "use-clear-button": !0,
-          icon: { name: "AtSearchIcon" }
+          icon: { name: "AtSearchIcon" },
+          error: e.error
         }, e.$attrs, {
           "onUpdate:modelValue": e.handleChangeValue,
           onFocus: e.openList,
           onFocusout: e.closeList,
           onClearInput: e.clear
-        }), null, 16, ["id", "label", "model-value", "disabled", "onUpdate:modelValue", "onFocus", "onFocusout", "onClearInput"]),
+        }), null, 16, ["id", "label", "model-value", "disabled", "error", "onUpdate:modelValue", "onFocus", "onFocusout", "onClearInput"]),
         e.showSearchIcon ? (s(), a("span", c)) : u("", !0)
       ]),
       _: 1
     }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "onOnSave"])
   ], 2);
 }
-const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-7882f79d"]]);
+const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-3933bd5b"]]);
 export {
   V as default
 };

package/dist/Search/Search.vue2.js

@@ -1,17 +1,17 @@
 import { defineComponent as g, ref as l, computed as o } from "vue";
 import { AtCircleXMarkSolidIcon as V } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import { AtSearchIcon as w } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSearchIcon/index.js";
-import { AtInput as x } from "../Input/index.js";
-import F from "../List/components/List.vue.js";
-const O = {
-  AtSearchIcon: w,
+import { AtSearchIcon as O } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSearchIcon/index.js";
+import { AtInput as w } from "../Input/index.js";
+import x from "../List/components/List.vue.js";
+const F = {
+  AtSearchIcon: O,
   AtCircleXMarkSolidIcon: V
 }, D = g({
   name: "AtSearch",
   components: {
-    AtInput: x.Text,
-    AtLista: F,
-    ...O
+    AtInput: w.Text,
+    AtLista: x,
+    ...F
   },
   props: {
     label: {
@@ -46,6 +46,11 @@ const O = {
       type: Boolean,
       default: !1
     },
+    error: {
+      type: Object,
+      default: () => {
+      }
+    },
     id: {
       type: String,
       required: !1
@@ -68,20 +73,20 @@ const O = {
     }, I = o(() => {
       var e;
       if (t.hasFilterOption) {
-        const r = (d, m) => d.text.toUpperCase().includes(m.toUpperCase());
+        const i = (d, m) => d.text.toUpperCase().includes(m.toUpperCase());
         return t.autoCompleteList.filter(
-          (d) => r(d, t.modelValue)
+          (d) => i(d, t.modelValue)
         );
       }
       return (e = s.value) != null && e.length ? s.value : t.autoCompleteList;
-    }), i = l(), S = (e) => {
-      const r = e.text;
-      i.value = e, n("onSelectedItem", e), n("update:modelValue", r);
+    }), r = l(), S = (e) => {
+      const i = e.text;
+      r.value = e, n("onSelectedItem", e), n("update:modelValue", i);
     }, L = () => {
-      n("onSelectedItem", null), a.value = !1, i.value = null;
-    }, C = o(
-      () => t.withIcon && a.value && !i.value
-    ), y = o(
+      n("onSelectedItem", null), a.value = !1, r.value = null;
+    }, y = o(
+      () => t.withIcon && a.value && !r.value
+    ), C = o(
       () => t.isDisabled ? "var(--at-medium-grey)" : ""
     ), A = o(
       () => !!t.modelValue && !a.value
@@ -91,9 +96,9 @@ const O = {
       autocompleteListIsOpen: f,
       autoCompleteListFiltered: I,
       isLoading: a,
-      showSearchIcon: C,
+      showSearchIcon: y,
       getShowNoResultMessage: A,
-      getSearchIconColor: y,
+      getSearchIconColor: C,
       clear: L,
       openList: p,
       closeList: h,

package/dist/Select/Multiple/Select.multiple.d.ts

@@ -34,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }, {
     onSelectedValueChange: (item: SelectItemProps, isChecked: boolean) => void;
     onSelectedItemClick: (selectedValue: string, isOpen?: boolean) => void;
@@ -96,6 +100,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:items"?: ((...args: any[]) => any) | undefined;
@@ -103,6 +111,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     required: boolean;
     label: string;
+    error: Record<string, any>;
     disabled: boolean;
     modelValue: string[] | SelectItemProps[];
     items: SelectItemProps[];

package/dist/Select/Multiple/Select.multiple.vue.js

@@ -1,5 +1,5 @@
 import u from "./Select.multiple.vue2.js";
-import { resolveComponent as i, openBlock as o, createElementBlock as l, createVNode as p, Fragment as m, renderList as k, createBlock as f, createCommentVNode as b } from "vue";
+import { resolveComponent as i, openBlock as o, createElementBlock as l, createVNode as p, Fragment as m, renderList as k, createBlock as b, createCommentVNode as f } from "vue";
 import "./Select.multiple.vue3.js";
 import C from "../../_virtual/_plugin-vue_export-helper.js";
 const h = ["aria-disabled"], v = {
@@ -31,7 +31,7 @@ function g(e, n, I, S, y, A) {
       "is-multiple": !0
     }, null, 8, ["selected-items", "label", "on-selected-item-click", "items", "disabled", "separator", "required"]),
     e.isOpen ? (o(), l("div", v, [
-      (o(!0), l(m, null, k(e.myItems, (t) => (o(), f(d, {
+      (o(!0), l(m, null, k(e.myItems, (t) => (o(), b(d, {
         key: t.value,
         text: t.text,
         value: t.value,
@@ -49,10 +49,10 @@ function g(e, n, I, S, y, A) {
           (s = t.onCheckboxChange) == null || s.call(t, { ...a, item: t }), await e.onSelectedValueChange({ ...t }, r), r ? t.isSelected = !0 : t.isSelected = !1, e.$emit("update:items", e.myItems), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "icon", "data-text", "checkbox-value", "on-click", "on-checkbox-change"]))), 128))
-    ])) : b("", !0)
+    ])) : f("", !0)
   ], 8, h);
 }
-const q = /* @__PURE__ */ C(u, [["render", g], ["__scopeId", "data-v-310fcfe8"]]);
+const q = /* @__PURE__ */ C(u, [["render", g], ["__scopeId", "data-v-caf79e23"]]);
 export {
   q as default
 };