@agrotools1/at-components 0.5.6 → 0.5.7

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
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as g, ref as r, computed as A, watch as S, onMounted as h, onUnmounted as w } from "vue";
-import C from "../Item/Item.vue.js";
-import _ from "../Select.core.vue.js";
-import b from "../imgs/indicator.svg.js";
-const T = g({
+import { defineComponent as g, ref as r, provide as A, computed as h, watch as S, onMounted as w, onUnmounted as C } from "vue";
+import _ from "../Item/Item.vue.js";
+import b from "../Select.core.vue.js";
+import k from "../imgs/indicator.svg.js";
+const j = g({
   name: "AtMultipleSelect",
   components: {
-    AtSingleCore: _,
-    AtItem: C
+    AtSingleCore: b,
+    AtItem: _
   },
   props: {
     label: {
@@ -38,11 +38,18 @@ const T = g({
     separator: {
       type: String,
       default: ","
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
     }
   },
   emits: ["update:items", "update:selectedItems", "update:modelValue"],
   setup(n, i) {
-    const c = r(!1), f = r(null), u = r(n.items), d = r(!1), o = r([]), I = A(
+    const c = r(!1), f = r(null), u = r(n.items), d = r(!1);
+    A("error", n.error);
+    const o = r([]), I = h(
       () => [...o.value].map((e) => e.value).join(n.separator)
     ), m = (e, a) => {
       const l = u.value.find(
@@ -94,9 +101,9 @@ const T = g({
     S(
       () => n.modelValue,
       (e) => y(e)
-    ), h(() => {
+    ), w(() => {
       y(n.modelValue), window.addEventListener("click", p);
-    }), w(() => {
+    }), C(() => {
       window.removeEventListener("click", p), u.value.map((e) => e.isSelected = !1);
     });
     const v = () => {
@@ -120,11 +127,11 @@ const T = g({
       isOpen: c,
       containerRef: f,
       icons: {
-        indicatorSvg: b
+        indicatorSvg: k
       }
     };
   }
 });
 export {
-  T as default
+  j as default
 };

package/dist/Select/Select.core.d.ts

@@ -48,6 +48,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     id: string;
     handleValue: () => string;
+    getError: import("vue").ComputedRef<{
+        message: string;
+        value: boolean;
+    } | undefined>;
     atInput: import("vue").Ref<null>;
     inputModelValue: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/Select/Select.core.vue.js

@@ -2,11 +2,11 @@ import t from "./Select.core.vue2.js";
 import { resolveComponent as a, openBlock as n, createBlock as i, mergeProps as s } from "vue";
 import p from "../_virtual/_plugin-vue_export-helper.js";
 function d(e, o, u, m, c, b) {
-  const l = a("AtInput");
-  return n(), i(l, s(e.$props, {
+  const r = a("AtInput");
+  return n(), i(r, s(e.$props, {
     ref: "atInput",
     modelValue: e.inputModelValue,
-    "onUpdate:modelValue": o[0] || (o[0] = (r) => e.inputModelValue = r),
+    "onUpdate:modelValue": o[0] || (o[0] = (l) => e.inputModelValue = l),
     type: "button",
     role: "combobox",
     cursor: "pointer",
@@ -19,10 +19,11 @@ function d(e, o, u, m, c, b) {
     separator: e.separator,
     required: e.required,
     disabled: e.disabled,
+    error: e.getError,
     icon: { name: "AtAngleDownSolidIcon" },
     "aria-autocomplete": "none",
     class: "AT-SELECT_container"
-  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled"]);
+  }), null, 16, ["modelValue", "on-selected-item-click", "selected-items", "label", "aria-controls", "aria-label", "separator", "required", "disabled", "error"]);
 }
 const k = /* @__PURE__ */ p(t, [["render", d]]);
 export {

package/dist/Select/Select.core.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as d, ref as r, computed as s, watch as f } from "vue";
-import { AtInput as c } from "../Input/index.js";
+import { defineComponent as f, ref as r, computed as i, watch as c, inject as p } from "vue";
+import { AtInput as m } from "../Input/index.js";
 import "./Item/Item.vue2.js";
 import "./Item/Item.vue3.js";
-const I = d({
+const S = f({
   name: "AtSelect",
   components: {
-    AtInput: c.Text
+    AtInput: m.Text
   },
   props: {
     value: {
@@ -46,7 +46,7 @@ const I = d({
     }
   },
   setup(e) {
-    const i = r(null), l = r(""), u = s(() => {
+    const o = r(null), l = r(""), u = i(() => {
       var t;
       return typeof e.value == "string" ? e.value : (t = e.value) == null ? void 0 : t.value;
     }), a = () => {
@@ -54,25 +54,28 @@ const I = d({
       if (e.isMultiple)
         return "";
       const t = (n = e.items) == null ? void 0 : n.find(
-        (o) => o.value === u.value
+        (d) => d.value === u.value
       );
       return t ? t.text : (console.warn(
         `The default value "${u.value}" is not included in the items array.`
       ), "");
     };
-    return f(
+    c(
       () => e.value,
       () => {
         l.value = a() || "";
       }
-    ), l.value = a() || "", {
+    ), l.value = a() || "";
+    const s = i(() => p("error"));
+    return {
       id: `at-select-${Math.random().toString(36).substr(2, 9)}`,
       handleValue: a,
-      atInput: i,
+      getError: s,
+      atInput: o,
       inputModelValue: l
     };
   }
 });
 export {
-  I as default
+  S as default
 };

package/dist/Select/Single/Select.single.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }, {
     onSelectedValueChange: (item: SelectItemProps) => void;
     selectedValue: import("vue").Ref<string | {
@@ -68,11 +72,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
     label: string;
+    error: Record<string, any>;
     modelValue: string | SelectItemProps;
     items: SelectItemProps[];
     emitValue: boolean;

package/dist/Select/Single/Select.single.vue.js

@@ -1,5 +1,5 @@
-import u from "./Select.single.vue2.js";
-import { resolveComponent as l, openBlock as t, createElementBlock as r, createVNode as d, withModifiers as c, Fragment as f, renderList as v, createBlock as C, createCommentVNode as k } from "vue";
+import p from "./Select.single.vue2.js";
+import { resolveComponent as l, openBlock as t, createElementBlock as r, createVNode as u, withModifiers as c, Fragment as v, renderList as f, createBlock as C, createCommentVNode as k } from "vue";
 import "./Select.single.vue3.js";
 import m from "../../_virtual/_plugin-vue_export-helper.js";
 function g(e, o, A, I, S, y) {
@@ -11,7 +11,7 @@ function g(e, o, A, I, S, y) {
       e.open = !e.open, e.rotateIcon();
     })
   }, [
-    d(i, {
+    u(i, {
       value: e.selectedValue,
       required: e.required,
       label: e.label,
@@ -27,7 +27,7 @@ function g(e, o, A, I, S, y) {
         e.open = !1, e.rotateIcon();
       }, ["stop"]))
     }, [
-      (t(!0), r(f, null, v(e.items, (n) => (t(), C(s, {
+      (t(!0), r(v, null, f(e.items, (n) => (t(), C(s, {
         key: n.value,
         text: n.text,
         value: n.value,
@@ -35,15 +35,15 @@ function g(e, o, A, I, S, y) {
         icon: n.icon,
         "aria-selected": n.value === e.valueOfModel,
         "data-text": n.text,
-        "on-click": async (p) => {
+        "on-click": async (d) => {
           var a;
-          e.isInternalChange = !0, await e.onSelectedValueChange(n), (a = n.onClick) == null || a.call(n, p), e.isInternalChange = !1;
+          e.isInternalChange = !0, await e.onSelectedValueChange(n), (a = n.onClick) == null || a.call(n, d), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "type", "icon", "aria-selected", "data-text", "on-click"]))), 128))
     ])) : k("", !0)
   ], 512);
 }
-const V = /* @__PURE__ */ m(u, [["render", g], ["__scopeId", "data-v-82d45f07"]]);
+const V = /* @__PURE__ */ m(p, [["render", g], ["__scopeId", "data-v-95a0dded"]]);
 export {
   V as default
 };