@agrotools1/at-components 0.5.6 → 0.5.8

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/Modal/Modal.d.ts

@@ -17,6 +17,7 @@ export interface ModalProps {
     title: string;
     buttons: IModalButtons[];
     dontShowOption: IDontShowOption;
+    hideCloseButton: boolean;
 }
 declare const _default: import("vue").DefineComponent<{
     isOpen: {
@@ -52,13 +53,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IModalButtons[]>;
         default: undefined;
     };
+    hideCloseButton: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
-    target: import("vue").Ref<null>;
+    dontShowAgain: import("vue").Ref<boolean>;
+    firstButton: import("vue").ComputedRef<IModalButtons | undefined>;
+    hasSlotFooter: import("vue").ComputedRef<boolean>;
     icons: {
         close: string;
     };
-    hasSlotFooter: import("vue").ComputedRef<boolean>;
-    dontShowAgain: import("vue").Ref<boolean>;
+    remainingButtons: import("vue").ComputedRef<IModalButtons[] | undefined>;
+    target: import("vue").Ref<null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isOpen: {
         required: true;
@@ -93,6 +101,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IModalButtons[]>;
         default: undefined;
     };
+    hideCloseButton: {
+        required: false;
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
@@ -102,5 +115,6 @@ declare const _default: import("vue").DefineComponent<{
     isOpen: boolean;
     dontShowOption: IDontShowOption;
     buttons: IModalButtons[];
+    hideCloseButton: boolean;
 }, {}>;
 export default _default;

package/dist/Modal/Modal.vue.js

@@ -1,96 +1,122 @@
-import g from "./Modal.vue2.js";
-import { resolveComponent as p, openBlock as s, createBlock as h, Transition as y, withCtx as c, createElementBlock as n, createElementVNode as t, normalizeClass as v, toDisplayString as l, renderSlot as u, normalizeStyle as i, createVNode as S, createCommentVNode as d, Fragment as C, renderList as b, createTextVNode as A } from "vue";
+import S from "./Modal.vue2.js";
+import { resolveComponent as k, openBlock as e, createBlock as m, Transition as $, withCtx as p, createElementBlock as s, createElementVNode as n, normalizeClass as y, toDisplayString as r, createCommentVNode as i, renderSlot as c, normalizeStyle as d, createVNode as b, createTextVNode as B, Fragment as A, renderList as O } from "vue";
 import "./Modal.vue3.js";
-import _ from "../_virtual/_plugin-vue_export-helper.js";
-const O = {
+import F from "../_virtual/_plugin-vue_export-helper.js";
+const z = {
   key: 0,
   class: "at-modal-mask"
-}, B = {
+}, N = {
   ref: "target",
   class: "at-modal-container"
-}, F = { class: "at-modal-header" }, z = { class: "at-modal-title" }, N = { class: "at-modal-exit-button" }, V = ["src"], E = { class: "at-modal-body" }, T = {
+}, V = { class: "at-modal-header" }, E = { class: "at-modal-title" }, T = {
+  key: 0,
+  class: "at-modal-exit-button"
+}, j = ["src"], D = { class: "at-modal-body" }, I = {
   key: 0,
   class: "at-modal-footer-left"
+}, L = {
+  key: 1,
+  class: "at-modal-remainingButtonsContainer"
 };
-function j(o, a, D, I, L, M) {
-  const f = p("AtCheckbox"), k = p("AtButton");
-  return s(), h(y, { name: "at-modal-transition" }, {
-    default: c(() => {
-      var r;
+function M(o, a, q, G, H, J) {
+  const w = k("AtCheckbox"), u = k("AtButton");
+  return e(), m($, { name: "at-modal-transition" }, {
+    default: p(() => {
+      var h, g, v;
       return [
-        o.isOpen ? (s(), n("div", O, [
-          t("div", {
-            class: v(["at-modal", [`at-modal-${o.$props.size}`]])
+        o.isOpen ? (e(), s("div", z, [
+          n("div", {
+            class: y(["at-modal", [`at-modal-${o.$props.size}`]])
           }, [
-            t("div", {
-              class: v(["at-modal-badge", [`at-modal-${o.$props.type}`]])
+            n("div", {
+              class: y(["at-modal-badge", [`at-modal-${o.$props.type}`]])
             }, null, 2),
-            t("div", B, [
-              t("div", F, [
-                t("span", z, l(o.title), 1),
-                t("span", N, [
-                  t("img", {
+            n("div", N, [
+              n("div", V, [
+                n("span", E, r(o.title), 1),
+                o.hideCloseButton ? i("", !0) : (e(), s("span", T, [
+                  n("img", {
                     src: o.icons.close,
                     alt: "Fechar modal",
-                    onClick: a[0] || (a[0] = (e) => o.$emit("close"))
-                  }, null, 8, V)
-                ])
+                    onClick: a[0] || (a[0] = (t) => o.$emit("close"))
+                  }, null, 8, j)
+                ]))
               ]),
-              t("div", E, [
-                u(o.$slots, "default", {}, void 0, !0)
+              n("div", D, [
+                c(o.$slots, "default", {}, void 0, !0)
               ]),
-              t("div", {
+              n("div", {
                 class: "at-modal-footer",
-                style: i({
+                style: d({
                   "grid-template-columns": o.hasSlotFooter || !o.dontShowOption.show ? "1fr" : void 0
                 })
               }, [
-                !o.hasSlotFooter && o.dontShowOption.show ? (s(), n("div", T, [
-                  S(f, {
+                !o.hasSlotFooter && o.dontShowOption.show ? (e(), s("div", I, [
+                  b(w, {
                     size: "20",
                     class: "at-modal-dont-show-btn",
                     style: { "margin-right": "8px" },
-                    onClick: a[1] || (a[1] = (e) => o.dontShowAgain = !o.dontShowAgain)
+                    onClick: a[1] || (a[1] = (t) => o.dontShowAgain = !o.dontShowAgain)
                   }),
-                  t("span", null, l((r = o.$props.dontShowOption) == null ? void 0 : r.text), 1)
-                ])) : d("", !0),
-                o.hasSlotFooter ? d("", !0) : (s(), n("div", {
+                  n("span", null, r((h = o.$props.dontShowOption) == null ? void 0 : h.text), 1)
+                ])) : i("", !0),
+                o.hasSlotFooter ? i("", !0) : (e(), s("div", {
                   key: 1,
                   class: "at-modal-footer-right",
-                  style: i({
+                  style: d({
                     width: o.dontShowOption.show ? void 0 : "100%",
                     justifyContent: o.dontShowOption.show ? void 0 : "space-between"
                   })
                 }, [
-                  (s(!0), n(C, null, b(o.$props.buttons, (e, w) => {
-                    var m;
-                    return s(), h(k, {
-                      key: e.key,
-                      variant: e.variant,
-                      style: i({
-                        "margin-right": w + 1 === ((m = o.$props.buttons) == null ? void 0 : m.length) ? void 0 : "16px"
-                      }),
-                      disabled: e.disabled,
-                      onClick: ($) => e.onClick($, o.dontShowAgain)
-                    }, {
-                      default: c(() => [
-                        A(l(e.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["variant", "style", "disabled", "onClick"]);
-                  }), 128))
+                  o.firstButton ? (e(), m(u, {
+                    key: 0,
+                    variant: o.firstButton.variant,
+                    style: d({
+                      "margin-left": o.remainingButtons && ((g = o.remainingButtons) == null ? void 0 : g.length) > 0 ? void 0 : "auto",
+                      "margin-right": ((v = o.$props.buttons) == null ? void 0 : v.length) === 1 ? void 0 : "16px"
+                    }),
+                    disabled: o.firstButton.disabled,
+                    onClick: a[2] || (a[2] = (t) => {
+                      var l;
+                      return (l = o.firstButton) == null ? void 0 : l.onClick(t, o.dontShowAgain);
+                    })
+                  }, {
+                    default: p(() => [
+                      B(r(o.firstButton.label), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "style", "disabled"])) : i("", !0),
+                  o.remainingButtons && o.remainingButtons.length > 0 ? (e(), s("div", L, [
+                    (e(!0), s(A, null, O(o.remainingButtons, (t, l) => {
+                      var f;
+                      return e(), m(u, {
+                        key: t.key,
+                        variant: t.variant,
+                        style: d({
+                          "margin-right": l + 1 === ((f = o.remainingButtons) == null ? void 0 : f.length) ? void 0 : "16px"
+                        }),
+                        disabled: t.disabled,
+                        onClick: (C) => t.onClick(C, o.dontShowAgain)
+                      }, {
+                        default: p(() => [
+                          B(r(t.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["variant", "style", "disabled", "onClick"]);
+                    }), 128))
+                  ])) : i("", !0)
                 ], 4)),
-                u(o.$slots, "footer", {}, void 0, !0)
+                c(o.$slots, "footer", {}, void 0, !0)
               ], 4)
             ], 512)
           ], 2)
-        ])) : d("", !0)
+        ])) : i("", !0)
       ];
     }),
     _: 3
   });
 }
-const K = /* @__PURE__ */ _(g, [["render", j], ["__scopeId", "data-v-57a73f13"]]);
+const U = /* @__PURE__ */ F(S, [["render", M], ["__scopeId", "data-v-dc3b76a4"]]);
 export {
-  K as default
+  U as default
 };

package/dist/Modal/Modal.vue2.js

@@ -1,14 +1,13 @@
-import { defineComponent as p, ref as t, computed as m } from "vue";
-import e from "./images/cross.svg.js";
+import { defineComponent as a, ref as i, computed as o } from "vue";
 import "../Accordion/Accordion.vue2.js";
 import "../Accordion/Accordion.vue3.js";
 import "../Avatar/Avatar.vue2.js";
 import "../Avatar/Avatar.vue3.js";
-import n from "../Button/Button.vue.js";
+import l from "../Button/Button.vue.js";
 import "../CardWithInsights/CardWithInsights.vue2.js";
 import "../CardWithInsights/CardWithInsights.vue3.js";
 import "../CardWithInsights/CardWithInsights.vue4.js";
-import s from "../Checkbox/Checkbox.vue.js";
+import u from "../Checkbox/Checkbox.vue.js";
 import "../ColorPicker/ColorPicker.vue2.js";
 import "../ColorPicker/ColorPicker.vue3.js";
 import "../DataTable/DataTable.vue2.js";
@@ -68,9 +67,10 @@ import "../Tooltip/Tooltip.vue2.js";
 import "../Tooltip/Tooltip.vue3.js";
 import "../Upload/Upload.vue2.js";
 import "../Upload/Upload.vue3.js";
-const Bt = p({
+import f from "./images/cross.svg.js";
+const jt = a({
   name: "AtModal",
-  components: { AtButton: n, AtCheckbox: s },
+  components: { AtButton: l, AtCheckbox: u },
   props: {
     isOpen: {
       required: !0,
@@ -101,21 +101,34 @@ const Bt = p({
       required: !1,
       type: Array,
       default: void 0
+    },
+    hideCloseButton: {
+      required: !1,
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["close"],
-  setup(a, { slots: o }) {
-    const r = t(null), i = t(!1);
+  setup(r, { slots: p }) {
+    const m = i(null), e = i(!1), n = o(() => {
+      var t;
+      return (t = r.buttons) == null ? void 0 : t.at(0);
+    }), s = o(() => {
+      var t;
+      return (t = r.buttons) == null ? void 0 : t.slice(1);
+    });
     return {
-      target: r,
+      dontShowAgain: e,
+      firstButton: n,
+      hasSlotFooter: o(() => !!p.footer),
       icons: {
-        close: e
+        close: f
       },
-      hasSlotFooter: m(() => !!o.footer),
-      dontShowAgain: i
+      remainingButtons: s,
+      target: m
     };
   }
 });
 export {
-  Bt as default
+  jt 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[];