@agrotools1/at-components 0.6.7 → 0.6.8

package/dist/Menu/Menu.vue.js

@@ -1,149 +1,158 @@
-import I from "./Menu.vue2.js";
-import { openBlock as t, createElementBlock as o, createElementVNode as n, Fragment as l, renderList as i, normalizeClass as h, withModifiers as d, createBlock as p, resolveDynamicComponent as m, createCommentVNode as u, toDisplayString as r, createStaticVNode as b, pushScopeId as y, popScopeId as M } from "vue";
-import g from "./assets/at.svg.js";
-import f from "./assets/agrotools.svg.js";
+import f from "./Menu.vue2.js";
+import { openBlock as o, createElementBlock as a, createElementVNode as n, Fragment as i, renderList as d, normalizeClass as k, withModifiers as r, createBlock as C, resolveDynamicComponent as y, createCommentVNode as u, toDisplayString as _, createStaticVNode as b, pushScopeId as m, popScopeId as I } from "vue";
+import $ from "./assets/at.svg.js";
+import q from "./assets/agrotools.svg.js";
 import "./Menu.vue3.js";
-import $ from "../_virtual/_plugin-vue_export-helper.js";
-const q = (e) => (y("data-v-ec717841"), e = e(), M(), e), z = { class: "aside-container" }, E = /* @__PURE__ */ b('<div class="item" data-v-ec717841><div class="uniq logo" style="height:48px;" data-v-ec717841><span class="at-icon-logo" data-v-ec717841><img alt="at logo" src="' + g + '" data-v-ec717841></span><span class="at-logo" data-v-ec717841><img alt="agrotools" src="' + f + '" data-v-ec717841></span></div><div class="divider" data-v-ec717841></div></div>', 1), S = { class: "item menu-scroll-container" }, B = { class: "uniq menu-scroll" }, L = {
+import z from "../_virtual/_plugin-vue_export-helper.js";
+const E = (e) => (m("data-v-996c20ba"), e = e(), I(), e), B = { class: "aside-container" }, L = /* @__PURE__ */ b('<div class="item" data-v-996c20ba><div class="uniq logo" style="height:48px;" data-v-996c20ba><span class="at-icon-logo" data-v-996c20ba><img alt="at logo" src="' + $ + '" data-v-996c20ba></span><span class="at-logo" data-v-996c20ba><img alt="agrotools" src="' + q + '" data-v-996c20ba></span></div><div class="divider" data-v-996c20ba></div></div>', 1), N = { class: "item menu-scroll-container" }, V = { class: "uniq menu-scroll" }, w = {
   class: "actions",
   "aria-label": "Site menu"
-}, N = { class: "menu" }, V = ["data-active", "disabled", "onClick"], w = ["onClick"], A = {
+}, A = { class: "menu" }, D = ["data-active", "disabled", "onClick"], F = ["onClick"], j = {
   key: 0,
   class: "menu-icon"
-}, D = { class: "menu-title" }, F = { key: 0 }, j = ["data-active"], G = ["onClick"], H = { class: "submenu-title" }, J = {
+}, G = { class: "menu-title" }, H = { key: 0 }, J = ["data-active"], K = ["onClick"], O = { class: "submenu-title" }, P = {
   key: 0,
   class: "submenu"
-}, K = ["data-active"], O = ["onClick"], P = /* @__PURE__ */ q(() => /* @__PURE__ */ n("div", { class: "divider" }, null, -1)), Q = { class: "uniq" }, R = { class: "menu" }, T = ["data-active", "onClick"], U = ["onClick"], W = {
+}, Q = ["data-active"], R = ["onClick"], T = /* @__PURE__ */ E(() => /* @__PURE__ */ n("div", { class: "divider" }, null, -1)), U = { class: "uniq" }, W = { class: "menu" }, X = ["data-active", "onClick"], Y = ["onClick"], Z = {
   key: 0,
   class: "menu-icon"
-}, X = { class: "menu-title" }, Y = { key: 0 }, Z = ["onClick"], x = { class: "submenu-title" }, ss = { class: "item" }, es = { class: "uniq" }, ns = { class: "actions" }, ts = {
+}, S = { class: "menu-title" }, x = { key: 0 }, ss = ["onClick"], es = { class: "submenu-title" }, ns = { class: "item" }, os = { class: "uniq" }, as = { class: "actions" }, ts = {
   class: "actions",
   "aria-label": "Site menu"
-}, os = { class: "menu" }, as = ["data-active", "onClick"], cs = ["onClick"], ls = {
+}, cs = { class: "menu" }, ls = ["data-active", "onClick"], is = ["onClick"], ds = {
   key: 0,
   class: "menu-icon"
-}, is = { class: "menu-title" }, ds = { key: 0 }, us = ["onClick"], rs = { class: "submenu-title" };
-function _s(e, k, vs, hs, ks, ps) {
-  return t(), o("div", {
+}, rs = { class: "menu-title" }, us = { key: 0 }, _s = ["onClick"], vs = { class: "submenu-title" };
+function hs(e, p, ks, ps, Cs, ys) {
+  return o(), a("div", {
     class: "at-menu collapsed",
-    onMouseenter: k[0] || (k[0] = (...s) => e.onMouseEnter && e.onMouseEnter(...s)),
-    onMouseleave: k[1] || (k[1] = (...s) => e.onMouseLeave && e.onMouseLeave(...s))
+    onMouseenter: p[0] || (p[0] = (...s) => e.onMouseEnter && e.onMouseEnter(...s)),
+    onMouseleave: p[1] || (p[1] = (...s) => e.onMouseLeave && e.onMouseLeave(...s))
   }, [
-    n("div", z, [
-      E,
-      n("div", S, [
-        n("div", B, [
-          n("nav", L, [
-            n("ul", N, [
-              (t(!0), o(l, null, i(e.menuItems.menu, (s, _) => (t(), o("li", {
-                key: _,
+    n("div", B, [
+      L,
+      n("div", N, [
+        n("div", V, [
+          n("nav", w, [
+            n("ul", A, [
+              (o(!0), a(i, null, d(e.menu, (s, h) => (o(), a("li", {
+                key: h,
                 "data-active": e.isItemActive(s),
-                class: h(["main-submenu", [{ "sub-menu": s.subItems }]]),
+                class: k(["main-submenu", [{ "sub-menu": s.subItems }]]),
                 disabled: s.disabled,
                 onClick: s == null ? void 0 : s.onClick
               }, [
                 n("a", {
-                  onClick: d((a) => e.handleMenuItemClick(a, s), ["prevent"])
+                  onClick: r((t) => e.handleMenuItemClick(t, s), ["prevent"])
                 }, [
-                  s.icon ? (t(), o("span", A, [
-                    (t(), p(m(e.getIcon(s)), { size: "16" }))
+                  s.icon ? (o(), a("span", j, [
+                    (o(), C(y(e.getIcon(s)), { size: "16" }))
                   ])) : u("", !0),
-                  n("span", D, r(s.text), 1)
-                ], 8, w),
-                s.subItems ? (t(), o("ul", F, [
-                  (t(!0), o(l, null, i(s.subItems, (a, v) => (t(), o("li", {
-                    key: `sub-${v}`,
-                    "data-active": e.state.activeItem === a.id,
-                    class: h([{ "sub-menu": a.subItems }])
-                  }, [
-                    n("a", {
-                      onClick: d((c) => e.handleMenuItemClick(c, a), ["prevent"])
+                  n("span", G, _(s.text), 1)
+                ], 8, F),
+                s.subItems ? (o(), a("ul", H, [
+                  (o(!0), a(i, null, d(s.subItems || [], (t, l) => {
+                    var v;
+                    return o(), a("li", {
+                      key: `sub-${l}`,
+                      "data-active": ((v = e.state) == null ? void 0 : v.activeItem) === (t == null ? void 0 : t.id),
+                      class: k([{ "sub-menu": t.subItems }])
                     }, [
-                      n("span", H, r(a.text), 1)
-                    ], 8, G),
-                    a.subItems ? (t(), o("ul", J, [
-                      (t(!0), o(l, null, i(a.subItems, (c) => (t(), o("li", {
-                        key: c.id,
-                        "data-active": e.state.activeItem === c.id,
-                        class: "sub-sub-menu"
+                      n("a", {
+                        onClick: r((c) => e.handleMenuItemClick(c, t), ["prevent"])
                       }, [
-                        n("a", {
-                          onClick: d((C) => e.handleMenuItemClick(C, c), ["prevent"])
-                        }, " - " + r(c.text), 9, O)
-                      ], 8, K))), 128))
-                    ])) : u("", !0)
-                  ], 10, j))), 128))
+                        n("span", O, _(t.text), 1)
+                      ], 8, K),
+                      t.subItems ? (o(), a("ul", P, [
+                        (o(!0), a(i, null, d(t.subItems, (c) => {
+                          var M;
+                          return o(), a("li", {
+                            key: c == null ? void 0 : c.id,
+                            "data-active": ((M = e.state) == null ? void 0 : M.activeItem) === (c == null ? void 0 : c.id),
+                            class: "sub-sub-menu"
+                          }, [
+                            n("a", {
+                              onClick: r((g) => e.handleMenuItemClick(g, c), ["prevent"])
+                            }, " - " + _(c.text), 9, R)
+                          ], 8, Q);
+                        }), 128))
+                      ])) : u("", !0)
+                    ], 10, J);
+                  }), 128))
                 ])) : u("", !0)
-              ], 10, V))), 128))
+              ], 10, D))), 128))
             ])
           ])
         ]),
-        P,
-        n("div", Q, [
-          n("ul", R, [
-            (t(!0), o(l, null, i(e.menuItems.configuration, (s, _) => (t(), o("li", {
-              key: _,
-              "data-active": e.state.activeItem === s.id,
-              class: h({ "sub-menu": s.subItems }),
-              onClick: s == null ? void 0 : s.onClick
-            }, [
-              n("a", {
-                onClick: d((a) => e.handleMenuItemClick(a, s), ["prevent"])
+        T,
+        n("div", U, [
+          n("ul", W, [
+            (o(!0), a(i, null, d(e.configuration, (s, h) => {
+              var t;
+              return o(), a("li", {
+                key: h,
+                "data-active": ((t = e.state) == null ? void 0 : t.activeItem) === (s == null ? void 0 : s.id),
+                class: k({ "sub-menu": s.subItems }),
+                onClick: s == null ? void 0 : s.onClick
               }, [
-                s.icon ? (t(), o("span", W, [
-                  (t(), p(m(e.getIcon(s)), { size: "16" }))
-                ])) : u("", !0),
-                n("span", X, r(s.text), 1)
-              ], 8, U),
-              s.subItems ? (t(), o("ul", Y, [
-                (t(!0), o(l, null, i(s.subItems, (a, v) => (t(), o("li", {
-                  key: `sub-${v}`,
-                  class: "sub-menu"
+                n("a", {
+                  onClick: r((l) => e.handleMenuItemClick(l, s), ["prevent"])
                 }, [
-                  n("a", {
-                    onClick: d((c) => e.handleMenuItemClick(c, s), ["prevent"])
+                  s.icon ? (o(), a("span", Z, [
+                    (o(), C(y(e.getIcon(s)), { size: "16" }))
+                  ])) : u("", !0),
+                  n("span", S, _(s.text), 1)
+                ], 8, Y),
+                s.subItems ? (o(), a("ul", x, [
+                  (o(!0), a(i, null, d(s.subItems, (l, v) => (o(), a("li", {
+                    key: `sub-${v}`,
+                    class: "sub-menu"
                   }, [
-                    n("span", x, r(a.text), 1)
-                  ], 8, Z)
-                ]))), 128))
-              ])) : u("", !0)
-            ], 10, T))), 128))
+                    n("a", {
+                      onClick: r((c) => e.handleMenuItemClick(c, s), ["prevent"])
+                    }, [
+                      n("span", es, _(l.text), 1)
+                    ], 8, ss)
+                  ]))), 128))
+                ])) : u("", !0)
+              ], 10, X);
+            }), 128))
           ])
         ])
       ]),
-      n("div", ss, [
-        n("div", es, [
-          n("div", ns, [
+      n("div", ns, [
+        n("div", os, [
+          n("div", as, [
             n("nav", ts, [
-              n("ul", os, [
-                (t(!0), o(l, null, i(e.menuItems.footer, (s, _) => (t(), o("li", {
-                  key: _,
+              n("ul", cs, [
+                (o(!0), a(i, null, d(e.footer, (s, h) => (o(), a("li", {
+                  key: h,
                   "data-active": e.isItemActive(s),
-                  class: h([{ "sub-menu": s.subItems }]),
+                  class: k([{ "sub-menu": s.subItems }]),
                   onClick: s == null ? void 0 : s.onClick
                 }, [
                   n("a", {
-                    class: h(s == null ? void 0 : s.class),
-                    onClick: d((a) => e.handleMenuItemClick(a, s), ["prevent"])
+                    class: k(s == null ? void 0 : s.class),
+                    onClick: r((t) => e.handleMenuItemClick(t, s), ["prevent"])
                   }, [
-                    s.icon ? (t(), o("span", ls, [
-                      (t(), p(m(e.getIcon(s)), { size: "16" }))
+                    s.icon ? (o(), a("span", ds, [
+                      (o(), C(y(e.getIcon(s)), { size: "16" }))
                     ])) : u("", !0),
-                    n("span", is, r(s.text), 1)
-                  ], 10, cs),
-                  s.subItems ? (t(), o("ul", ds, [
-                    (t(!0), o(l, null, i(s.subItems, (a, v) => (t(), o("li", {
-                      key: `sub-${v}`,
+                    n("span", rs, _(s.text), 1)
+                  ], 10, is),
+                  s.subItems ? (o(), a("ul", us, [
+                    (o(!0), a(i, null, d(s.subItems, (t, l) => (o(), a("li", {
+                      key: `sub-${l}`,
                       class: "sub-menu"
                     }, [
                       n("a", {
-                        onClick: d((c) => e.handleMenuItemClick(c, s), ["prevent"])
+                        onClick: r((v) => e.handleMenuItemClick(v, s), ["prevent"])
                       }, [
-                        n("span", rs, r(a.text), 1)
-                      ], 8, us)
+                        n("span", vs, _(t.text), 1)
+                      ], 8, _s)
                     ]))), 128))
                   ])) : u("", !0)
-                ], 10, as))), 128))
+                ], 10, ls))), 128))
               ])
             ])
           ])
@@ -152,7 +161,7 @@ function _s(e, k, vs, hs, ks, ps) {
     ])
   ], 32);
 }
-const gs = /* @__PURE__ */ $(I, [["render", _s], ["__scopeId", "data-v-ec717841"]]);
+const $s = /* @__PURE__ */ z(f, [["render", hs], ["__scopeId", "data-v-996c20ba"]]);
 export {
-  gs as default
+  $s as default
 };

package/dist/Menu/Menu.vue2.js

@@ -1,17 +1,24 @@
-import * as M from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/index.js";
-import { defineComponent as A, reactive as L, ref as m, watch as b } from "vue";
-import y from "../Search/Search.vue.js";
-const k = A({
+import * as A from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/index.js";
+import { defineComponent as y, reactive as M, ref as d, watch as L } from "vue";
+import b from "../Search/Search.vue.js";
+const k = y({
   name: "AtMenu",
   components: {
-    ...M,
-    AtSearch: y
+    ...A,
+    AtSearch: b
   },
   props: {
-    menuItems: {
-      type: Object,
-      default: () => {
-      }
+    menu: {
+      type: Array,
+      default: () => []
+    },
+    configuration: {
+      type: Array,
+      default: () => []
+    },
+    footer: {
+      type: Array,
+      default: () => []
     },
     activeItemId: {
       type: String,
@@ -19,56 +26,56 @@ const k = A({
     }
   },
   emits: ["click"],
-  setup(l, { emit: d }) {
-    const o = L({
+  setup(l, { emit: f }) {
+    const s = M({
       activeItem: l.activeItemId
-    }), r = m(null), u = m(null), p = (e) => i(e) && e.iconActive ? e.iconActive : e.icon, f = (e) => {
+    }), i = d(null), u = d(null), p = (e) => r(e) && e.iconActive ? e.iconActive : e.icon, m = (e) => {
       const t = e.currentTarget;
-      r.value = t, t.classList.remove("collapsed"), u.value = t.querySelector(".menu-scroll");
+      i.value = t, t.classList.remove("collapsed"), u.value = t.querySelector(".menu-scroll");
     }, v = () => {
       var e, t;
-      (e = r.value) == null || e.classList.add("collapsed"), (t = u.value) == null || t.scrollTo(0, 0);
+      (e = i.value) == null || e.classList.add("collapsed"), (t = u.value) == null || t.scrollTo(0, 0);
     }, a = (e, t) => {
       const n = t ? Array.from(e.children).reduce(
-        (s, c) => s + c.scrollHeight,
+        (c, o) => c + o.scrollHeight,
         0
       ) : e.children[0].scrollHeight;
       e.style.height = `${n}px`;
     }, g = (e, t) => {
-      const n = e.currentTarget.parentNode, s = !n.classList.contains("open");
-      if (n.classList.toggle("open", s), t)
-        a(n, s);
+      const n = e.currentTarget.parentNode, c = !n.classList.contains("open");
+      if (n.classList.toggle("open", c), t)
+        a(n, c);
       else {
-        const c = n.closest(".main-submenu");
-        a(c, !0);
+        const o = n.closest(".main-submenu");
+        a(o, !0);
       }
     }, I = (e, t) => {
-      var c;
+      var o;
       if (t.disabled) {
         e.preventDefault();
         return;
       }
-      const n = (c = e.currentTarget) == null ? void 0 : c.parentNode, s = n.classList.contains("main-submenu");
-      s && !n.classList.contains("open") && h(), n.classList.contains("sub-menu") ? g(e, s) : (d("click", t), o.activeItem = t.id ?? "undefined");
+      const n = (o = e.currentTarget) == null ? void 0 : o.parentNode, c = n.classList.contains("main-submenu");
+      c && !n.classList.contains("open") && h(), n.classList.contains("sub-menu") ? g(e, c) : (f("click", t), s.activeItem && (s.activeItem = (t == null ? void 0 : t.id) ?? "undefined"));
     };
-    b(
+    L(
       () => l.activeItemId,
       (e) => {
-        o.activeItem = e;
+        s.activeItem && (s.activeItem = e);
       }
     );
     const h = () => {
       document.querySelectorAll(".main-submenu.open").forEach((t) => {
         t.classList.toggle("open", !1), a(t, !1);
       });
-    }, i = (e) => e.id === o.activeItem ? !0 : e.subItems ? e.subItems.some((t) => i(t)) : !1;
+    }, r = (e) => (e == null ? void 0 : e.id) === (s == null ? void 0 : s.activeItem) ? !0 : e.subItems ? e.subItems.some((t) => r(t)) : !1;
     return {
-      onMouseEnter: f,
+      onMouseEnter: m,
       onMouseLeave: v,
       getIcon: p,
       handleMenuItemClick: I,
-      isItemActive: i,
-      state: o
+      isItemActive: r,
+      state: s
     };
   }
 });

package/dist/Search/Search.d.ts

@@ -87,7 +87,7 @@ declare const _default: import('vue').DefineComponent<{
     clear: () => void;
     openList: () => void;
     closeList: () => void;
-    handleChangeValue: (value: string) => Promise<void>;
+    handleChangeValue: (value: string) => void;
     handleSelectedItem: (item: DropdownListItem) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem" | "onClear")[], "update:modelValue" | "onSelectedItem" | "onClear", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     label: {

package/dist/Search/Search.vue.js

@@ -6,13 +6,13 @@ const c = {
   key: 0,
   class: "spinner"
 };
-function h(e, f, b, g, I, C) {
-  const r = o("AtInput"), a = o("AtLista");
+function f(e, h, b, g, I, C) {
+  const a = o("AtInput"), r = o("AtLista");
   return s(), t("section", {
     ref: "atSearch",
     class: u(["atSearch", { disabled: e.isDisabled }])
   }, [
-    n(a, {
+    n(r, {
       id: e.id,
       "drop-down-list": e.autoCompleteListFiltered,
       "is-open": e.autocompleteListIsOpen,
@@ -23,7 +23,7 @@ function h(e, f, b, g, I, C) {
       onOnSave: e.handleSelectedItem
     }, {
       default: i(() => [
-        n(r, d({
+        n(a, d({
           id: e.label,
           label: e.label,
           "model-value": e.modelValue,
@@ -46,7 +46,7 @@ function h(e, f, b, g, I, C) {
     }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "msg-no-result", "onOnSave"])
   ], 2);
 }
-const V = /* @__PURE__ */ m(l, [["render", h], ["__scopeId", "data-v-8725bfbc"]]);
+const V = /* @__PURE__ */ m(l, [["render", f], ["__scopeId", "data-v-0f71a2af"]]);
 export {
   V as default
 };

package/dist/Search/Search.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as B, ref as s, computed as n } from "vue";
-import { AtCircleXMarkSolidIcon as O } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
-import { AtSearchIcon as b } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtSearchIcon/index.js";
-import { AtInput as x } from "../Input/index.js";
-import E from "../List/components/List.vue.js";
+import { defineComponent as B, ref as n, computed as u } from "vue";
+import { AtCircleXMarkSolidIcon as b } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCircleXMarkSolidIcon/index.js";
+import { AtSearchIcon as E } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtSearchIcon/index.js";
+import { AtInput as O } from "../Input/index.js";
+import x from "../List/components/List.vue.js";
 const F = {
-  AtSearchIcon: b,
-  AtCircleXMarkSolidIcon: O
-}, N = B({
+  AtSearchIcon: E,
+  AtCircleXMarkSolidIcon: b
+}, R = B({
   name: "AtSearch",
   components: {
-    AtInput: x.Text,
-    AtLista: E,
+    AtInput: O.Text,
+    AtLista: x,
     ...F
   },
   props: {
@@ -74,69 +74,71 @@ const F = {
   },
   emits: ["update:modelValue", "onSelectedItem", "onClear"],
   setup(t, { emit: a }) {
-    const r = s([]), c = s(!1), u = s(null), v = n(
+    const r = n([]), c = n(!1), s = n(null), i = n(null), S = u(
       () => {
         var e;
         return c.value && t.hasAutoComplete && (!!t.modelValue || t.hasFilterOption) && !(!((e = p.value) != null && e.length) && I.value);
       }
-    ), m = (e = "false") => {
+    ), h = (e = "false") => {
       var l;
       if (t.arrowIcon) {
-        const d = (l = u.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
-        if (!(d instanceof HTMLElement))
+        const f = (l = s.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
+        if (!(f instanceof HTMLElement))
           return;
-        d.setAttribute("data-rotate", e);
+        f.setAttribute("data-rotate", e);
       }
-    }, S = n(
+    }, y = u(
       () => t.arrowIcon ? { name: "AtAngleDownSolidIcon" } : { name: "AtSearchIcon" }
-    ), y = () => {
+    ), g = () => {
       var e;
-      c.value = !0, (e = u.value) == null || e.classList.add("focused"), m("true");
-    }, g = () => {
+      c.value = !0, (e = s.value) == null || e.classList.add("focused"), h("true");
+    }, A = () => {
       var e;
       setTimeout(() => {
         c.value = !1;
-      }, 200), (e = u.value) == null || e.classList.remove("focused"), m();
-    }, o = s(!1), A = async (e) => {
-      a("update:modelValue", e), t.searchEndpoint && (o.value = !0, r.value = await t.searchEndpoint(e), o.value = !1);
-    }, p = n(() => {
+      }, 200), (e = s.value) == null || e.classList.remove("focused"), h();
+    }, o = n(!1), L = (e) => {
+      a("update:modelValue", e), t.searchEndpoint && (o.value = !0, i.value && clearTimeout(i.value), i.value = setTimeout(async () => {
+        t.searchEndpoint && (r.value = await t.searchEndpoint(e)), o.value = !1;
+      }, 300));
+    }, p = u(() => {
       var e;
       if (t.hasFilterOption) {
-        const l = (f, h) => f.text.toUpperCase().includes(h.toUpperCase());
+        const l = (m, v) => m.text.toUpperCase().includes(v.toUpperCase());
         return t.autoCompleteList.filter(
-          (f) => l(f, t.modelValue)
+          (m) => l(m, t.modelValue)
         );
       }
       return (e = r.value) != null && e.length ? r.value : t.autoCompleteList;
-    }), i = s(), L = (e) => {
+    }), d = n(), C = (e) => {
       const l = e.text;
-      i.value = e, a("onSelectedItem", e), a("update:modelValue", l);
-    }, C = () => {
-      a("onSelectedItem", null), a("onClear"), a("update:modelValue", ""), o.value = !1, i.value = null;
-    }, I = n(
-      () => t.withIcon && o.value && !i.value || t.isLoading
-    ), V = n(
+      d.value = e, a("onSelectedItem", e), a("update:modelValue", l);
+    }, V = () => {
+      a("onSelectedItem", null), a("onClear"), a("update:modelValue", ""), o.value = !1, d.value = null;
+    }, I = u(
+      () => t.withIcon && o.value && !d.value || t.isLoading
+    ), w = u(
       () => t.isDisabled ? "var(--at-medium-grey)" : ""
-    ), w = n(
+    ), T = u(
       () => !!t.modelValue && !o.value
     );
     return {
-      atSearch: u,
-      autocompleteListIsOpen: v,
+      atSearch: s,
+      autocompleteListIsOpen: S,
       autoCompleteListFiltered: p,
       isLoading: o,
       showSearchIcon: I,
-      getShowNoResultMessage: w,
-      getSearchIconColor: V,
-      getInputIcon: S,
-      clear: C,
-      openList: y,
-      closeList: g,
-      handleChangeValue: A,
-      handleSelectedItem: L
+      getShowNoResultMessage: T,
+      getSearchIconColor: w,
+      getInputIcon: y,
+      clear: V,
+      openList: g,
+      closeList: A,
+      handleChangeValue: L,
+      handleSelectedItem: C
     };
   }
 });
 export {
-  N as default
+  R as default
 };