@jblehm/super-list 1.0.29 → 1.0.30

package/dist/super-list.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, ref as p, computed as O, createElementBlock as M, openBlock as T, normalizeClass as R, withKeys as b, createElementVNode as B, useTemplateRef as Ee, watch as A, Fragment as ce, createCommentVNode as $, renderList as Se, withModifiers as oe, createBlock as fe, toDisplayString as me, useCssVars as Ae, onMounted as Le, onUnmounted as Fe, renderSlot as xe, createVNode as Z, nextTick as Be, resolveDynamicComponent as Ne, withCtx as be } from "vue";
+import { defineComponent as Y, ref as p, computed as O, createElementBlock as M, openBlock as T, normalizeClass as R, withKeys as b, createElementVNode as N, useTemplateRef as Ee, watch as A, Fragment as ce, createCommentVNode as $, renderList as Se, withModifiers as oe, createBlock as fe, toDisplayString as me, useCssVars as Ae, onMounted as Le, onUnmounted as Fe, renderSlot as xe, createVNode as Z, nextTick as Ne, resolveDynamicComponent as Be, withCtx as be } from "vue";
 import './index.css';class He {
   eventsTypes = ["resize", "load", "scroll", "wheel", "touchmove"];
   config = {
@@ -8,12 +8,12 @@ import './index.css';class He {
   };
   mutationObserver;
   callbackFunction;
-  constructor(i, a = document.body) {
-    this.targetNode = a, this.callbackFunction = (v) => i(v), this.mutationObserver = new MutationObserver(() => i());
+  constructor(s, a = document.body) {
+    this.targetNode = a, this.callbackFunction = (v) => s(v), this.mutationObserver = new MutationObserver(() => s());
   }
   observe() {
     this.mutationObserver.observe(this.targetNode, this.config);
-    for (const i of this.eventsTypes) this.addListener(i);
+    for (const s of this.eventsTypes) this.addListener(s);
     this.addResizeListener(), this.addTransitionEndListener();
   }
   pauseMutationObserver() {
@@ -24,14 +24,14 @@ import './index.css';class He {
   }
   unobserve() {
     this.mutationObserver.disconnect();
-    for (const i of this.eventsTypes) this.removeListener(i);
+    for (const s of this.eventsTypes) this.removeListener(s);
     this.removeResizeListener(), this.removeTransitionEndListener();
   }
-  addListener(i) {
-    document.addEventListener(i, this.callbackFunction, !0);
+  addListener(s) {
+    document.addEventListener(s, this.callbackFunction, !0);
   }
-  removeListener(i) {
-    document.removeEventListener(i, this.callbackFunction, !0);
+  removeListener(s) {
+    document.removeEventListener(s, this.callbackFunction, !0);
   }
   addTransitionEndListener() {
     this.targetNode.addEventListener("transitionend", this.callbackFunction);
@@ -46,11 +46,11 @@ import './index.css';class He {
     window.removeEventListener("resize", this.callbackFunction);
   }
 }
-function Re(e, i, a, v) {
-  return i != null ? i(e) : e == null ? "" : typeof e == "object" ? e[a] : v ? Pe(e, v) : "" + e;
+function Re(e, s, a, v) {
+  return s != null ? s(e) : e == null ? "" : typeof e == "object" ? e[a] : v ? Pe(e, v) : "" + e;
 }
-function Pe(e, i) {
-  return i.find((a) => a.type === e)?.label ?? "";
+function Pe(e, s) {
+  return s.find((a) => a.type === e)?.label ?? "";
 }
 class qe {
   constructor() {
@@ -58,25 +58,25 @@ class qe {
     }, this.then = () => {
     };
   }
-  async abortablePromise(i, a, v) {
+  async abortablePromise(s, a, v) {
     const o = await a();
-    if (!i.aborted)
+    if (!s.aborted)
       return v(o);
   }
-  setFunc(i) {
-    this.func = i;
+  setFunc(s) {
+    this.func = s;
   }
-  setThen(i) {
-    this.then = i;
+  setThen(s) {
+    this.then = s;
   }
   execute() {
     return this.abortablePromise(this.abortController.signal, this.func, this.then);
   }
-  abort(i) {
-    this.abortController.abort(i || "Aborted By Controller."), this.abortController = new AbortController();
+  abort(s) {
+    this.abortController.abort(s || "Aborted By Controller."), this.abortController = new AbortController();
   }
-  resetAndExecute(i, a) {
-    return this.abort("New Request From Controller."), this.setFunc(i), this.setThen(a), this.execute();
+  resetAndExecute(s, a) {
+    return this.abort("New Request From Controller."), this.setFunc(s), this.setThen(a), this.execute();
   }
 }
 const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Y({
@@ -108,7 +108,7 @@ const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Y({
     "update:query": null,
     "update:press": null
   },
-  setup(e, { expose: i, emit: a }) {
+  setup(e, { expose: s, emit: a }) {
     const v = a, o = e, d = p(null);
     function w(h) {
       "sourceCapabilities" in h && h.sourceCapabilities == null ? o.parentMethods.closeList() : o.parentMethods.openList();
@@ -116,13 +116,13 @@ const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Y({
     function t(h) {
       o.parentMethods.unfocus(h);
     }
-    function s(h) {
+    function i(h) {
       h?.target?.value != null && v("update:query", h.target.value);
     }
     const c = O(() => {
-      const h = d?.value ? d.value.length : 0, y = o.placeholder?.length || 0;
-      return h > 0 ? h : y > 0 ? y : 5;
-    }), r = O(() => o.enableButtonClick === !0 && o.enableTextFilter === !0 ? "" : "click-through"), g = O(() => o.showDropDown && !o.enableTextFilter || !o.showDropDown ? "dark-placeholder-text" : "light-placeholder-text");
+      const h = d?.value ? d.value.length : 0, g = o.placeholder?.length || 0;
+      return h > 0 ? h : g > 0 ? g : 5;
+    }), r = O(() => o.enableButtonClick === !0 && o.enableTextFilter === !0 ? "" : "click-through"), y = O(() => o.showDropDown && !o.enableTextFilter || !o.showDropDown ? "dark-placeholder-text" : "light-placeholder-text");
     function k() {
       if (d?.value) {
         const h = d.value;
@@ -132,20 +132,20 @@ const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Y({
     function I() {
       d?.value && d.value.focus();
     }
-    return i({ blurInput: k, focusInput: I, textInputRef: d }), (h, y) => (T(), M("input", {
+    return s({ blurInput: k, focusInput: I, textInputRef: d }), (h, g) => (T(), M("input", {
       ref_key: "textInputRef",
       ref: d,
       tabindex: e.enableTextFilter ? 0 : -1,
       onKeydown: [
-        y[0] || (y[0] = b((m) => e.parentMethods.press(m), ["enter"])),
-        y[1] || (y[1] = b((m) => e.parentMethods.press(), ["space"])),
-        y[2] || (y[2] = b((m) => e.parentMethods.press(m), ["esc"])),
-        y[3] || (y[3] = b((m) => e.parentMethods.press(m), ["up"])),
-        y[4] || (y[4] = b((m) => e.parentMethods.press(m), ["down"]))
+        g[0] || (g[0] = b((m) => e.parentMethods.press(m), ["enter"])),
+        g[1] || (g[1] = b((m) => e.parentMethods.press(), ["space"])),
+        g[2] || (g[2] = b((m) => e.parentMethods.press(m), ["esc"])),
+        g[3] || (g[3] = b((m) => e.parentMethods.press(m), ["up"])),
+        g[4] || (g[4] = b((m) => e.parentMethods.press(m), ["down"]))
       ],
-      onFocusin: y[5] || (y[5] = (m) => w(m)),
-      onFocusout: y[6] || (y[6] = (m) => t(m)),
-      onInput: y[7] || (y[7] = (m) => s(m)),
+      onFocusin: g[5] || (g[5] = (m) => w(m)),
+      onFocusout: g[6] || (g[6] = (m) => t(m)),
+      onInput: g[7] || (g[7] = (m) => i(m)),
       type: "text",
       "aria-autocomplete": "none",
       autocomplete: "off",
@@ -153,14 +153,14 @@ const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Y({
       size: c.value,
       class: R([[
         r.value,
-        g.value,
+        y.value,
         { "text-filter-disabled": !e.enableTextFilter }
       ], "list-filter-text-input"])
     }, null, 42, je));
   }
-}), K = (e, i) => {
+}), K = (e, s) => {
   const a = e.__vccOpts || e;
-  for (const [v, o] of i)
+  for (const [v, o] of s)
     a[v] = o;
   return a;
 }, he = /* @__PURE__ */ K($e, [["__scopeId", "data-v-acc7ac24"]]), Ke = {}, Ve = {
@@ -170,9 +170,9 @@ const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Y({
   "data-slot": "icon",
   viewBox: "0 -16 16 17"
 };
-function ze(e, i) {
-  return T(), M("svg", Ve, i[0] || (i[0] = [
-    B("path", {
+function ze(e, s) {
+  return T(), M("svg", Ve, s[0] || (s[0] = [
+    N("path", {
       "shape-rendering": "geometricPrecision",
       d: "M 6 -2.25 L 13.75 -14 A 0.5 0.5 90 0 1 15 -13 L 6.5 -0.5 A 2 1 90 0 1 5.5 -0.5 L 1 -6 A 0.5 0.5 90 0 1 2.25 -7 Z"
     }, null, -1)
@@ -215,32 +215,32 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
     }
   },
   setup(e) {
-    const i = e, a = Ee("items"), v = O(() => {
+    const s = e, a = Ee("items"), v = O(() => {
       if (!a?.value) return null;
-      const t = (Array.isArray(a.value) ? a.value : [a.value])[i.focusedIndex];
+      const t = (Array.isArray(a.value) ? a.value : [a.value])[s.focusedIndex];
       return t && typeof t == "object" && "scrollIntoView" in t && typeof t.scrollIntoView == "function" ? t : null;
     });
     A(
-      () => i.showDropDown,
+      () => s.showDropDown,
       () => o()
     ), A(
-      () => i.listElementOpenAndVisible,
+      () => s.listElementOpenAndVisible,
       () => d()
     ), A(
       () => v.value,
       () => d()
     );
     function o() {
-      !i.showDropDown || !v?.value?.parentElement?.parentElement || (v.value.parentElement.parentElement.scrollTop = v.value.offsetTop);
+      !s.showDropDown || !v?.value?.parentElement?.parentElement || (v.value.parentElement.parentElement.scrollTop = v.value.offsetTop);
     }
     function d() {
       const w = v.value, t = w?.parentElement?.parentElement;
-      if (!i.showDropDown || !w || !t) return;
-      const s = w.offsetTop - t.scrollTop < 0, c = w.offsetTop + w.offsetHeight - t.scrollTop > t.clientHeight;
-      s && (t.scrollTop = w.offsetTop), c && (t.scrollTop = w.offsetTop + w.clientHeight - t.clientHeight);
+      if (!s.showDropDown || !w || !t) return;
+      const i = w.offsetTop - t.scrollTop < 0, c = w.offsetTop + w.offsetHeight - t.scrollTop > t.clientHeight;
+      i && (t.scrollTop = w.offsetTop), c && (t.scrollTop = w.offsetTop + w.clientHeight - t.clientHeight);
     }
     return (w, t) => (T(), M(ce, null, [
-      (T(!0), M(ce, null, Se(e.filteredListItems, (s, c) => (T(), M("li", {
+      (T(!0), M(ce, null, Se(e.filteredListItems, (i, c) => (T(), M("li", {
         key: c,
         ref_for: !0,
         ref: "items",
@@ -255,7 +255,7 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
         ],
         onFocusout: t[5] || (t[5] = (r) => e.parentMethods.unfocus(r)),
         tabindex: "-1",
-        onMousedown: oe((r) => e.parentMethods.updatedSelected(s), ["left"]),
+        onMousedown: oe((r) => e.parentMethods.updatedSelected(i), ["left"]),
         class: R([
           { "list-option-selected": e.selectedIndex === c },
           {
@@ -264,7 +264,7 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
           "list-option"
         ])
       }, [
-        B("span", Je, me(e.parentMethods.getLabel(s)), 1),
+        N("span", Je, me(e.parentMethods.getLabel(i)), 1),
         e.selectedIndex === c ? (T(), fe(Xe, {
           key: 0,
           class: "list-item-icon",
@@ -274,38 +274,38 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
       e.filteredListItems.length === 0 ? (T(), M("li", {
         key: 0,
         onKeyup: [
-          t[6] || (t[6] = b((s) => e.parentMethods.press(s), ["enter"])),
-          t[7] || (t[7] = b((s) => e.parentMethods.press(s), ["space"])),
-          t[8] || (t[8] = b((s) => e.parentMethods.press(s), ["esc"]))
+          t[6] || (t[6] = b((i) => e.parentMethods.press(i), ["enter"])),
+          t[7] || (t[7] = b((i) => e.parentMethods.press(i), ["space"])),
+          t[8] || (t[8] = b((i) => e.parentMethods.press(i), ["esc"]))
         ],
         onKeydown: [
-          t[9] || (t[9] = b((s) => e.parentMethods.press(s), ["up"])),
-          t[10] || (t[10] = b((s) => e.parentMethods.press(s), ["down"]))
+          t[9] || (t[9] = b((i) => e.parentMethods.press(i), ["up"])),
+          t[10] || (t[10] = b((i) => e.parentMethods.press(i), ["down"]))
         ],
-        onFocusout: t[11] || (t[11] = (s) => e.parentMethods.unfocus(s)),
-        onMousedown: t[12] || (t[12] = oe((s) => e.parentMethods.closeList(s), ["left"])),
+        onFocusout: t[11] || (t[11] = (i) => e.parentMethods.unfocus(i)),
+        onMousedown: t[12] || (t[12] = oe((i) => e.parentMethods.closeList(i), ["left"])),
         tabindex: "-1",
         class: "list-option-message"
       }, t[20] || (t[20] = [
-        B("span", { class: "list-item-span" }, "No Items To Display.", -1)
+        N("span", { class: "list-item-span" }, "No Items To Display.", -1)
       ]), 32)) : $("", !0),
       e.totalOptionsCount && e.totalOptionsCount > (e.filteredListItems?.length || 0) ? (T(), M("li", {
         key: 1,
         onKeyup: [
-          t[13] || (t[13] = b((s) => e.parentMethods.press(s), ["enter"])),
-          t[14] || (t[14] = b((s) => e.parentMethods.press(s), ["space"])),
-          t[15] || (t[15] = b((s) => e.parentMethods.press(s), ["esc"]))
+          t[13] || (t[13] = b((i) => e.parentMethods.press(i), ["enter"])),
+          t[14] || (t[14] = b((i) => e.parentMethods.press(i), ["space"])),
+          t[15] || (t[15] = b((i) => e.parentMethods.press(i), ["esc"]))
         ],
         onKeydown: [
-          t[16] || (t[16] = b((s) => e.parentMethods.press(s), ["up"])),
-          t[17] || (t[17] = b((s) => e.parentMethods.press(s), ["down"]))
+          t[16] || (t[16] = b((i) => e.parentMethods.press(i), ["up"])),
+          t[17] || (t[17] = b((i) => e.parentMethods.press(i), ["down"]))
         ],
-        onFocusout: t[18] || (t[18] = (s) => e.parentMethods.unfocus(s)),
-        onMousedown: t[19] || (t[19] = oe((s) => e.parentMethods.closeList(s), ["left"])),
+        onFocusout: t[18] || (t[18] = (i) => e.parentMethods.unfocus(i)),
+        onMousedown: t[19] || (t[19] = oe((i) => e.parentMethods.closeList(i), ["left"])),
         tabindex: "-1",
         class: "list-option-message"
       }, [
-        B("span", We, " +" + me(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
+        N("span", We, " +" + me(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
       ], 32)) : $("", !0)
     ], 64));
   }
@@ -355,41 +355,37 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
     enableScrollClose: {
       type: Boolean,
       default: !0
-    },
-    enableTextFilter: {
-      type: Boolean,
-      required: !0
     }
   },
   emits: ["reverseDropDownList"],
-  setup(e, { expose: i, emit: a }) {
+  setup(e, { expose: s, emit: a }) {
     Ae((u) => ({
-      "220f507e": k.value,
-      "935a72a0": F.value,
-      "935a6b1e": se.value,
-      "4076fb5c": q.value,
-      "51ba7f6b": G.value
+      "8d801350": k.value,
+      "2724698a": F.value,
+      "27246d4b": se.value,
+      ffcaa9a8: q.value,
+      "414dd276": G.value
     }));
-    const v = a, o = e, d = p(null), w = p(null), t = p(null), s = p(0), c = p(0), r = p(0), g = p(0), k = p("0px"), I = p(!1), h = p([]), y = p(0), m = O(() => !I.value || window?.innerHeight == null ? !1 : X() && le()), V = O(() => o.maxListHeightPX >= y.value);
+    const v = a, o = e, d = p(null), w = p(null), t = p(null), i = p(0), c = p(0), r = p(0), y = p(0), k = p("0px"), I = p(!1), h = p([]), g = p(0), m = O(() => !I.value || window?.innerHeight == null ? !1 : X() && le()), V = O(() => o.maxListHeightPX >= g.value);
     A(
       () => m.value,
       (u) => v("reverseDropDownList", u),
       { immediate: !0 }
     );
-    const F = O(() => s.value + "px"), se = O(() => g.value + "px");
-    i({ listContainerRef: t });
+    const F = O(() => i.value + "px"), se = O(() => y.value + "px");
+    s({ listContainerRef: t });
     const P = (u) => {
       u?.key && u.key === " " && u.preventDefault();
     }, ie = (u) => {
       const L = t?.value, x = u.target;
       (!(L && x && L.contains(x)) || L.isEqualNode(x)) && o.parentMethods.focusInput();
     };
-    function N() {
+    function B() {
       return w?.value ? (w?.value).clientHeight : 0;
     }
     function E() {
-      if (!I.value || N() === 0) return o.maxListHeightPX;
-      const u = N() === 0 ? o.maxListHeightPX : +N();
+      if (!I.value || B() === 0) return o.maxListHeightPX;
+      const u = B() === 0 ? o.maxListHeightPX : +B();
       return o.maxListHeightPX && o.maxListHeightPX > u ? u : o.maxListHeightPX;
     }
     function X() {
@@ -409,7 +405,7 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
     let C = setTimeout(() => {
     }, 0), S = null;
     function j() {
-      y.value = N(), clearTimeout(C), S && S.observe(), I.value = !0, z(void 0);
+      g.value = B(), clearTimeout(C), S && S.observe(), I.value = !0, z(void 0);
     }
     function re() {
       clearTimeout(C), C = setTimeout(() => {
@@ -424,7 +420,7 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
       { immediate: !0 }
     );
     function z(u) {
-      U(), Be(() => U()), ee(u);
+      U(), Ne(() => U()), ee(u);
     }
     function ee(u) {
       if (!o.enableScrollClose || !o.showDropDown || typeof t?.value?.contains != "function" || u?.target?.nodeType == null || te(u)) return;
@@ -445,8 +441,8 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
     }
     function W() {
       if (d?.value == null || t?.value == null) return;
-      const u = ne().getBoundingClientRect(), L = t.value.getBoundingClientRect(), x = g.value, Q = s.value;
-      m.value ? g.value = x - (u.top - L.bottom) : g.value = x - (L.top - u.bottom), s.value = Q - (L.left - u.left);
+      const u = ne().getBoundingClientRect(), L = t.value.getBoundingClientRect(), x = y.value, Q = i.value;
+      m.value ? y.value = x - (u.top - L.bottom) : y.value = x - (L.top - u.bottom), i.value = Q - (L.left - u.left);
     }
     function ue() {
       return (d?.value).getElementsByTagName("button")[0];
@@ -459,14 +455,14 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
     }), Fe(() => {
       S?.unobserve();
     }), (u, L) => (T(), M(ce, null, [
-      B("div", {
+      N("div", {
         ref_key: "dropDownButtonContainer",
         ref: d,
         class: "super-list-button-container"
       }, [
         xe(u.$slots, "default", {}, void 0, !0)
       ], 512),
-      B("div", {
+      N("div", {
         id: "super-list-select-list",
         ref_key: "listContainerRef",
         ref: t,
@@ -483,7 +479,7 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
         onKeydown: L[1] || (L[1] = b((x) => P(x), ["space"])),
         onMouseup: L[2] || (L[2] = oe((x) => ie(x), ["left"]))
       }, [
-        B("ul", {
+        N("ul", {
           tabindex: "-1",
           ref_key: "dropDownListUL",
           ref: w,
@@ -503,22 +499,22 @@ const Xe = /* @__PURE__ */ K(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
       ], 34)
     ], 64));
   }
-}), ye = /* @__PURE__ */ K(Ye, [["__scopeId", "data-v-53c634fd"]]), Ge = {}, _e = {
+}), ge = /* @__PURE__ */ K(Ye, [["__scopeId", "data-v-e58cd48c"]]), Ge = {}, _e = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   "aria-hidden": "true",
   "data-slot": "icon",
   viewBox: "0 0 12 6"
 };
-function et(e, i) {
-  return T(), M("svg", _e, i[0] || (i[0] = [
-    B("path", {
+function et(e, s) {
+  return T(), M("svg", _e, s[0] || (s[0] = [
+    N("path", {
       "shape-rendering": "geometricPrecision",
       d: "M 6 4 L 10 0.25 A 0.5 0.5 90 0 1 11 1.25 L 6.5 5.75 A 15 3 90 0 1 5.5 5.75 L 1 1.25 A 0.5 0.5 90 0 1 2 0.25 Z"
     }, null, -1)
   ]));
 }
-const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
+const ye = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
   key: 2,
   class: "list-button-icon custom-icon"
 }, ot = /* @__PURE__ */ Y({
@@ -546,7 +542,7 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
       required: !0
     }
   },
-  setup(e, { expose: i }) {
+  setup(e, { expose: s }) {
     const a = e, v = p(null);
     function o() {
       a.enableTextFilter || a.parentMethods.openList();
@@ -560,46 +556,46 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
     function t() {
       v?.value && v.value.blur();
     }
-    function s() {
+    function i() {
       v?.value && v.value.focus();
     }
-    return i({ blurInput: t, focusInput: s, buttonRef: v }), (c, r) => (T(), M("button", {
+    return s({ blurInput: t, focusInput: i, buttonRef: v }), (c, r) => (T(), M("button", {
       ref_key: "buttonRef",
       ref: v,
       tabindex: e.enableTextFilter ? -1 : 0,
       onKeydown: [
-        r[0] || (r[0] = b((g) => d(g), ["enter"])),
-        r[1] || (r[1] = b((g) => w(g), ["space"])),
-        r[2] || (r[2] = b((g) => e.parentMethods.press(g), ["esc"])),
-        r[3] || (r[3] = b((g) => e.parentMethods.press(g), ["up"])),
-        r[4] || (r[4] = b((g) => e.parentMethods.press(g), ["down"]))
+        r[0] || (r[0] = b((y) => d(y), ["enter"])),
+        r[1] || (r[1] = b((y) => w(y), ["space"])),
+        r[2] || (r[2] = b((y) => e.parentMethods.press(y), ["esc"])),
+        r[3] || (r[3] = b((y) => e.parentMethods.press(y), ["up"])),
+        r[4] || (r[4] = b((y) => e.parentMethods.press(y), ["down"]))
       ],
-      onFocusout: r[5] || (r[5] = (g) => e.parentMethods.unfocus(g)),
-      onClick: r[6] || (r[6] = (g) => o()),
+      onFocusout: r[5] || (r[5] = (y) => e.parentMethods.unfocus(y)),
+      onClick: r[6] || (r[6] = (y) => o()),
       type: "button",
       class: R([[{ "click-through": a.enableTextFilter || a.showDropDown }], "list-button"])
     }, [
       xe(c.$slots, "default", {}, void 0, !0),
-      B("span", {
+      N("span", {
         class: R(["list-button-icon-div", { "bigger-gap": a.showDropDown }])
       }, [
         e.customIcon ? $("", !0) : (T(), M("span", {
           key: 0,
           class: R(["list-button-icon", [{ "rotate-180": !a.showDropDown }]])
         }, [
-          Z(ge, { "aria-hidden": "true" })
+          Z(ye, { "aria-hidden": "true" })
         ], 2)),
         e.customIcon ? $("", !0) : (T(), M("span", {
           key: 1,
           class: R(["list-button-icon", [{ "rotate-180": a.showDropDown }]])
         }, [
-          e.customIcon == null ? (T(), fe(ge, {
+          e.customIcon == null ? (T(), fe(ye, {
             key: 0,
             "aria-hidden": "true"
           })) : $("", !0)
         ], 2)),
         e.customIcon ? (T(), M("span", nt, [
-          (T(), fe(Ne(e.customIcon), { "aria-hidden": "true" }))
+          (T(), fe(Be(e.customIcon), { "aria-hidden": "true" }))
         ])) : $("", !0)
       ], 2)
     ], 42, tt));
@@ -660,8 +656,8 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
     }
   },
   emits: { "update:selected": null },
-  setup(e, { expose: i, emit: a }) {
-    const v = a, o = e, d = p([]), w = new qe(), t = p(0), s = O(() => o.forceTextFilterVisibilityTo != null ? o.forceTextFilterVisibilityTo : t.value > o.maxListOptions), c = p(!1), r = p(!1), g = p(!1), k = p(!0), I = p(!1), h = p(!1), y = p(ye), m = p(he), V = p(we), F = p("");
+  setup(e, { expose: s, emit: a }) {
+    const v = a, o = e, d = p([]), w = new qe(), t = p(0), i = O(() => o.forceTextFilterVisibilityTo != null ? o.forceTextFilterVisibilityTo : t.value > o.maxListOptions), c = p(!1), r = p(!1), y = p(!1), k = p(!0), I = p(!1), h = p(!1), g = p(ge), m = p(he), V = p(we), F = p("");
     A(
       () => F.value,
       (n, l) => {
@@ -669,10 +665,10 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
       }
     );
     const se = () => {
-      s.value && m?.value?.blurInput();
+      i.value && m?.value?.blurInput();
     }, P = () => {
       clearTimeout(W), se(), F.value = "", c.value = !1, k.value = !0;
-    }, ie = O(() => h?.value === !0 ? "Error loading data" : I?.value === !0 ? "Loading..." : E(o.selected)), N = (n) => {
+    }, ie = O(() => h?.value === !0 ? "Error loading data" : I?.value === !0 ? "Loading..." : E(o.selected)), B = (n) => {
       n && v("update:selected", n), P();
     }, E = (n) => Re(
       n,
@@ -741,7 +737,7 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
       I.value || (c.value || (r.value = !1, z(), U(), c.value = !0), q.value = !1, k.value = !1);
     }, U = () => {
       const n = window?.innerWidth != null && window.innerWidth < 640, l = screen?.width != null && screen.width < 640, f = m.value.textInputRef;
-      (n || l) && s.value && (ue(), o.scrollTextInputToTopOnMobile && f?.scrollIntoView({ block: "start", inline: "center" }));
+      (n || l) && i.value && (ue(), o.scrollTextInputToTopOnMobile && f?.scrollIntoView({ block: "start", inline: "center" }));
     }, J = p(!0);
     let W = setTimeout(() => {
     }, 0);
@@ -760,14 +756,14 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
       }, 100);
     }
     const ne = () => {
-      s?.value == !0 ? m.value.focusInput() : V?.value?.focusInput && V?.value?.focusInput();
+      i?.value == !0 ? m.value.focusInput() : V?.value?.focusInput && V?.value?.focusInput();
     };
     async function u() {
       typeof o.options == "function" ? await x(F.value ? F.value : void 0, !0) : (ve(o.options), t.value = d.value.length), L();
     }
-    i({ initializeOptions: u, getLabel: E });
+    s({ initializeOptions: u, getLabel: E });
     function L() {
-      ee() == -1 && d.value && !!d.value[0] && N(d.value[0]);
+      ee() == -1 && d.value && !!d.value[0] && B(d.value[0]);
     }
     async function x(n, l = !0) {
       I.value = l;
@@ -790,7 +786,7 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
       const l = n.key || n.code;
       (l === "Tab" || l === "Escape") && P(), l === "ArrowDown" && Oe(n), l === "ArrowUp" && Me(n), (l === "Enter" || l === " ") && De(), n.preventDefault(), n.stopPropagation();
     }, De = () => {
-      j.value.length > 0 ? (r.value = !0, N(j.value[C.value])) : P();
+      j.value.length > 0 ? (r.value = !0, B(j.value[C.value])) : P();
     }, Oe = (n) => {
       k.value = !0, C.value < j.value.length - 1 && (n.preventDefault(), q.value = !1, C.value++, pe()?.focus());
     }, Me = (n) => {
@@ -798,7 +794,7 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
     }, Ce = (n) => {
       if (c?.value === !1) return;
       F.value.length > 0 && (r.value = !0);
-      const l = y?.value?.listContainerRef, f = m?.value?.textInputRef, D = n?.relatedTarget && f?.isEqualNode(n?.relatedTarget), H = n?.relatedTarget && l && l.contains(n?.relatedTarget), de = n?.relatedTarget && l && l.isEqualNode(n?.relatedTarget);
+      const l = g?.value?.listContainerRef, f = m?.value?.textInputRef, D = n?.relatedTarget && f?.isEqualNode(n?.relatedTarget), H = n?.relatedTarget && l && l.contains(n?.relatedTarget), de = n?.relatedTarget && l && l.isEqualNode(n?.relatedTarget);
       if (!(H || D)) {
         if (de) {
           ne();
@@ -822,7 +818,7 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
       press: Ie,
       mouseOverList: re,
       getLabel: E,
-      updatedSelected: N,
+      updatedSelected: B,
       focusInput: ne,
       closeList: P
     };
@@ -830,9 +826,9 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
       style: { position: "relative" },
       class: R(n.$attrs.class)
     }, [
-      Z(ye, {
+      Z(ge, {
         ref_key: "itemListRef",
-        ref: y,
+        ref: g,
         "show-drop-down": c.value,
         filteredListItems: j.value,
         mouseHoveringOnList: q.value,
@@ -844,9 +840,8 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
         blockListChange: r.value,
         "onUpdate:blockListChange": l[1] || (l[1] = (f) => r.value = f),
         "total-options-count": t.value,
-        onReverseDropDownList: l[2] || (l[2] = (f) => g.value = f),
-        enableScrollClose: J.value,
-        "enable-text-filter": s.value
+        onReverseDropDownList: l[2] || (l[2] = (f) => y.value = f),
+        enableScrollClose: J.value
       }, {
         default: be(() => [
           Z(we, {
@@ -854,15 +849,15 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
             ref: V,
             "parent-methods": ae,
             "show-drop-down": c.value,
-            "enable-text-filter": s.value,
+            "enable-text-filter": i.value,
             "custom-icon": e.customIcon,
-            "reverse-drop-down-list": g.value
+            "reverse-drop-down-list": y.value
           }, {
             default: be(() => [
               Z(he, {
                 ref_key: "dropDownTextInput",
                 ref: m,
-                "enable-text-filter": s.value,
+                "enable-text-filter": i.value,
                 "show-drop-down": c.value,
                 placeholder: ie.value,
                 "enable-button-click": k.value,
@@ -874,10 +869,10 @@ const ge = /* @__PURE__ */ K(Ge, [["render", et]]), tt = ["tabindex"], nt = {
           }, 8, ["show-drop-down", "enable-text-filter", "custom-icon", "reverse-drop-down-list"])
         ]),
         _: 1
-      }, 8, ["show-drop-down", "filteredListItems", "mouseHoveringOnList", "focusedIndex", "selectedIndex", "max-list-height-p-x", "list-animation-duration-ms", "blockListChange", "total-options-count", "enableScrollClose", "enable-text-filter"])
+      }, 8, ["show-drop-down", "filteredListItems", "mouseHoveringOnList", "focusedIndex", "selectedIndex", "max-list-height-p-x", "list-animation-duration-ms", "blockListChange", "total-options-count", "enableScrollClose"])
     ], 2));
   }
-}), lt = /* @__PURE__ */ K(st, [["__scopeId", "data-v-9cbaf19a"]]);
+}), lt = /* @__PURE__ */ K(st, [["__scopeId", "data-v-6c6e7e6a"]]);
 export {
   lt as default
 };