@jblehm/super-list 1.0.40 → 1.0.43

package/dist/super-list.js

@@ -1,5 +1,5 @@
-import { defineComponent as G, ref as p, computed as O, createElementBlock as M, openBlock as T, withModifiers as Z, createElementVNode as N, normalizeClass as q, withKeys as b, useTemplateRef as ke, watch as F, Fragment as ce, createCommentVNode as K, renderList as Ee, createBlock as fe, toDisplayString as ve, useCssVars as Ae, onMounted as we, onUnmounted as Se, renderSlot as Le, createVNode as Y, nextTick as Fe, resolveDynamicComponent as Ne, withCtx as me } from "vue";
-class Be {
+import { defineComponent as Y, ref as v, computed as M, openBlock as T, createElementBlock as C, withModifiers as Q, createElementVNode as B, normalizeClass as R, withKeys as h, useTemplateRef as Ee, watch as F, Fragment as fe, renderList as Ae, toDisplayString as me, createBlock as pe, createCommentVNode as K, useCssVars as Ne, onMounted as Le, onUnmounted as Se, renderSlot as xe, createVNode as Z, nextTick as Fe, resolveDynamicComponent as Be, withCtx as be } from "vue";
+class He {
   eventsTypes = ["resize", "load", "scroll", "wheel", "touchmove"];
   config = {
     attributes: !0,
@@ -9,7 +9,7 @@ class Be {
   mutationObserver;
   callbackFunction;
   constructor(i, d = document.body) {
-    this.targetNode = d, this.callbackFunction = (m) => i(m), this.mutationObserver = new MutationObserver(() => i());
+    this.targetNode = d, this.callbackFunction = (b) => i(b), this.mutationObserver = new MutationObserver(() => i());
   }
   observe() {
     this.mutationObserver.observe(this.targetNode, this.config);
@@ -46,22 +46,22 @@ class Be {
     window.removeEventListener("resize", this.callbackFunction);
   }
 }
-function He(e, i, d, m) {
-  return i != null ? i(e) : e == null ? "" : typeof e == "object" ? e[d] : m ? Pe(e, m) : "" + e;
+function Re(e, i, d, b) {
+  return i != null ? i(e) : e == null ? "" : typeof e == "object" ? e[d] : b ? Pe(e, b) : "" + e;
 }
 function Pe(e, i) {
   return i.find((d) => d.type === e)?.label ?? "";
 }
-class Re {
+class qe {
   constructor() {
     this.abortController = new AbortController(), this.func = () => {
     }, this.then = () => {
     };
   }
-  async abortablePromise(i, d, m) {
+  async abortablePromise(i, d, b) {
     const o = await d();
     if (!i.aborted)
-      return m(o);
+      return b(o);
   }
   setFunc(i) {
     this.func = i;
@@ -79,7 +79,7 @@ class Re {
     return this.abort("New Request From Controller."), this.setFunc(i), this.setThen(d), this.execute();
   }
 }
-const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ G({
+const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Y({
   __name: "ListTextInput",
   props: {
     enableTextFilter: {
@@ -109,85 +109,86 @@ const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ G({
     "update:press": null
   },
   setup(e, { expose: i, emit: d }) {
-    const m = d, o = e, v = p(null);
-    function w(g) {
-      "sourceCapabilities" in g && g.sourceCapabilities == null ? o.parentMethods.closeList() : o.parentMethods.openList();
+    const b = d, o = e, p = v(null);
+    function L(g) {
+      const a = p?.value, m = g?.target ?? null;
+      !(a !== null && a.isEqualNode(m)) && "sourceCapabilities" in g && g.sourceCapabilities == null ? o.parentMethods.closeList() : o.parentMethods.openList();
     }
     function t(g) {
       o.parentMethods.unfocus(g);
     }
     let s = "";
     function c(g) {
-      g?.target?.value != null && g?.target?.value !== s && m("update:query", g.target.value), s = g?.target?.value ?? "";
+      g?.target?.value != null && g?.target?.value !== s && b("update:query", g.target.value), s = g?.target?.value ?? "";
     }
-    const r = O(() => {
-      const g = v?.value ? v.value.length : 0, a = o.placeholder?.length || 0;
+    const u = M(() => {
+      const g = p?.value ? p.value.length : 0, a = o.placeholder?.length || 0;
       return g > 0 ? g : a > 0 ? a : 5;
-    }), y = O(() => o.enableButtonClick === !0 && o.enableTextFilter === !0 ? "" : "click-through"), k = O(() => o.showDropDown && !o.enableTextFilter || !o.showDropDown ? "dark-placeholder-text" : "light-placeholder-text");
+    }), w = M(() => o.enableButtonClick === !0 && o.enableTextFilter === !0 ? "" : "click-through"), A = M(() => o.showDropDown && !o.enableTextFilter || !o.showDropDown ? "dark-placeholder-text" : "light-placeholder-text");
     function I() {
-      if (v?.value) {
-        const g = v.value;
+      if (p?.value) {
+        const g = p.value;
         g.blur(), g.value = "";
       }
     }
-    function E() {
-      v?.value && v.value.focus();
+    function N() {
+      p?.value && p.value.focus();
     }
-    return i({ blurInput: I, focusInput: E, textInputRef: v }), (g, a) => (T(), M("form", {
-      onSubmit: a[10] || (a[10] = Z(() => {
+    return i({ blurInput: I, focusInput: N, textInputRef: p }), (g, a) => (T(), C("form", {
+      onSubmit: a[10] || (a[10] = Q(() => {
       }, ["prevent"])),
       style: { display: "contents !important" }
     }, [
-      N("input", {
+      B("input", {
         ref_key: "textInputRef",
-        ref: v,
+        ref: p,
         tabindex: e.enableTextFilter ? 0 : -1,
         onKeydown: [
-          a[0] || (a[0] = b((h) => e.parentMethods.press(h), ["enter"])),
-          a[1] || (a[1] = b((h) => e.parentMethods.press(), ["space"])),
-          a[2] || (a[2] = b((h) => e.parentMethods.press(h), ["esc"])),
-          a[3] || (a[3] = b((h) => e.parentMethods.press(h), ["up"])),
-          a[4] || (a[4] = b((h) => e.parentMethods.press(h), ["down"]))
+          a[0] || (a[0] = h((m) => e.parentMethods.press(m), ["enter"])),
+          a[1] || (a[1] = h((m) => e.parentMethods.press(), ["space"])),
+          a[2] || (a[2] = h((m) => e.parentMethods.press(m), ["esc"])),
+          a[3] || (a[3] = h((m) => e.parentMethods.press(m), ["up"])),
+          a[4] || (a[4] = h((m) => e.parentMethods.press(m), ["down"]))
         ],
-        onFocusin: a[5] || (a[5] = (h) => w(h)),
-        onFocusout: a[6] || (a[6] = (h) => t(h)),
-        onInput: a[7] || (a[7] = (h) => c(h)),
-        onChange: a[8] || (a[8] = (h) => c(h)),
-        onPaste: a[9] || (a[9] = (h) => c(h)),
+        onFocusin: a[5] || (a[5] = (m) => L(m)),
+        onFocusout: a[6] || (a[6] = (m) => t(m)),
+        onInput: a[7] || (a[7] = (m) => c(m)),
+        onChange: a[8] || (a[8] = (m) => c(m)),
+        onPaste: a[9] || (a[9] = (m) => c(m)),
         type: "text",
         "aria-autocomplete": "none",
         autocomplete: "off",
         placeholder: e.placeholder,
-        size: r.value,
-        class: q([[
-          y.value,
-          k.value,
+        size: u.value,
+        class: R([[
+          w.value,
+          A.value,
           { "text-filter-disabled": !e.enableTextFilter }
         ], "list-filter-text-input"])
-      }, null, 42, qe)
+      }, null, 42, je)
     ], 32));
   }
 }), V = (e, i) => {
   const d = e.__vccOpts || e;
-  for (const [m, o] of i)
-    d[m] = o;
+  for (const [b, o] of i)
+    d[b] = o;
   return d;
-}, be = /* @__PURE__ */ V(je, [["__scopeId", "data-v-e7eaf23c"]]), $e = {}, Ke = {
+}, he = /* @__PURE__ */ V($e, [["__scopeId", "data-v-edeb41fa"]]), Ke = {}, Ve = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   "aria-hidden": "true",
   "data-slot": "icon",
   viewBox: "0 -16 16 17"
 };
-function Ve(e, i) {
-  return T(), M("svg", Ke, [...i[0] || (i[0] = [
-    N("path", {
+function ze(e, i) {
+  return T(), C("svg", Ve, [...i[0] || (i[0] = [
+    B("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)
   ])]);
 }
-const ze = /* @__PURE__ */ V($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = { class: "list-item-span" }, Je = { class: "list-item-span" }, We = /* @__PURE__ */ G({
+const Xe = /* @__PURE__ */ V(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = { class: "list-item-span" }, We = { class: "list-item-span" }, Qe = /* @__PURE__ */ Y({
   __name: "ListItem",
   props: {
     mouseHoveringOnList: {
@@ -224,7 +225,7 @@ const ze = /* @__PURE__ */ V($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
     }
   },
   setup(e) {
-    const i = e, d = ke("items"), m = O(() => {
+    const i = e, d = Ee("items"), b = M(() => {
       if (!d?.value) return null;
       const t = (Array.isArray(d.value) ? d.value : [d.value])[i.focusedIndex];
       return t && typeof t == "object" && "scrollIntoView" in t && typeof t.scrollIntoView == "function" ? t : null;
@@ -234,38 +235,38 @@ const ze = /* @__PURE__ */ V($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
       () => o()
     ), F(
       () => i.listElementOpenAndVisible,
-      () => v()
+      () => p()
     ), F(
-      () => m.value,
-      () => v()
+      () => b.value,
+      () => p()
     );
     function o() {
-      !i.showDropDown || !m?.value?.parentElement?.parentElement || (m.value.parentElement.parentElement.scrollTop = m.value.offsetTop);
+      !i.showDropDown || !b?.value?.parentElement?.parentElement || (b.value.parentElement.parentElement.scrollTop = b.value.offsetTop);
     }
-    function v() {
-      const w = m.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);
+    function p() {
+      const L = b.value, t = L?.parentElement?.parentElement;
+      if (!i.showDropDown || !L || !t) return;
+      const s = L.offsetTop - t.scrollTop < 0, c = L.offsetTop + L.offsetHeight - t.scrollTop > t.clientHeight;
+      s && (t.scrollTop = L.offsetTop), c && (t.scrollTop = L.offsetTop + L.clientHeight - t.clientHeight);
     }
-    return (w, t) => (T(), M(ce, null, [
-      (T(!0), M(ce, null, Ee(e.filteredListItems, (s, c) => (T(), M("li", {
+    return (L, t) => (T(), C(fe, null, [
+      (T(!0), C(fe, null, Ae(e.filteredListItems, (s, c) => (T(), C("li", {
         key: c,
         ref_for: !0,
         ref: "items",
         onKeyup: [
-          t[0] || (t[0] = b((r) => e.parentMethods.press(r), ["enter"])),
-          t[1] || (t[1] = b((r) => e.parentMethods.press(r), ["space"])),
-          t[2] || (t[2] = b((r) => e.parentMethods.press(r), ["esc"]))
+          t[0] || (t[0] = h((u) => e.parentMethods.press(u), ["enter"])),
+          t[1] || (t[1] = h((u) => e.parentMethods.press(u), ["space"])),
+          t[2] || (t[2] = h((u) => e.parentMethods.press(u), ["esc"]))
         ],
         onKeydown: [
-          t[3] || (t[3] = b((r) => e.parentMethods.press(r), ["up"])),
-          t[4] || (t[4] = b((r) => e.parentMethods.press(r), ["down"]))
+          t[3] || (t[3] = h((u) => e.parentMethods.press(u), ["up"])),
+          t[4] || (t[4] = h((u) => e.parentMethods.press(u), ["down"]))
         ],
-        onFocusout: t[5] || (t[5] = (r) => e.parentMethods.unfocus(r)),
+        onFocusout: t[5] || (t[5] = (u) => e.parentMethods.unfocus(u)),
         tabindex: "-1",
-        onMousedown: Z((r) => e.parentMethods.updatedSelected(s), ["left"]),
-        class: q([
+        onMousedown: Q((u) => e.parentMethods.updatedSelected(s), ["left"]),
+        class: R([
           { "list-option-selected": e.selectedIndex === c },
           {
             "list-option-active": e.filteredListItems.length === 1 || e.focusedIndex === c && !e.mouseHoveringOnList
@@ -273,52 +274,52 @@ const ze = /* @__PURE__ */ V($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
           "list-option"
         ])
       }, [
-        N("span", Ue, ve(e.parentMethods.getLabel(s)), 1),
-        e.selectedIndex === c ? (T(), fe(ze, {
+        B("span", Je, me(e.parentMethods.getLabel(s)), 1),
+        e.selectedIndex === c ? (T(), pe(Xe, {
           key: 0,
           class: "list-item-icon",
           "aria-hidden": "true"
         })) : K("", !0)
-      ], 42, Xe))), 128)),
-      e.filteredListItems.length === 0 ? (T(), M("li", {
+      ], 42, Ue))), 128)),
+      e.filteredListItems.length === 0 ? (T(), C("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] = h((s) => e.parentMethods.press(s), ["enter"])),
+          t[7] || (t[7] = h((s) => e.parentMethods.press(s), ["space"])),
+          t[8] || (t[8] = h((s) => e.parentMethods.press(s), ["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] = h((s) => e.parentMethods.press(s), ["up"])),
+          t[10] || (t[10] = h((s) => e.parentMethods.press(s), ["down"]))
         ],
         onFocusout: t[11] || (t[11] = (s) => e.parentMethods.unfocus(s)),
-        onMousedown: t[12] || (t[12] = Z((s) => e.parentMethods.closeList(s), ["left"])),
+        onMousedown: t[12] || (t[12] = Q((s) => e.parentMethods.closeList(s), ["left"])),
         tabindex: "-1",
         class: "list-option-message"
       }, [...t[20] || (t[20] = [
-        N("span", { class: "list-item-span" }, "No Items To Display.", -1)
+        B("span", { class: "list-item-span" }, "No Items To Display.", -1)
       ])], 32)) : K("", !0),
-      e.totalOptionsCount && e.totalOptionsCount > (e.filteredListItems?.length || 0) ? (T(), M("li", {
+      e.totalOptionsCount && e.totalOptionsCount > (e.filteredListItems?.length || 0) ? (T(), C("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] = h((s) => e.parentMethods.press(s), ["enter"])),
+          t[14] || (t[14] = h((s) => e.parentMethods.press(s), ["space"])),
+          t[15] || (t[15] = h((s) => e.parentMethods.press(s), ["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] = h((s) => e.parentMethods.press(s), ["up"])),
+          t[17] || (t[17] = h((s) => e.parentMethods.press(s), ["down"]))
         ],
         onFocusout: t[18] || (t[18] = (s) => e.parentMethods.unfocus(s)),
-        onMousedown: t[19] || (t[19] = Z((s) => e.parentMethods.closeList(s), ["left"])),
+        onMousedown: t[19] || (t[19] = Q((s) => e.parentMethods.closeList(s), ["left"])),
         tabindex: "-1",
         class: "list-option-message"
       }, [
-        N("span", Je, " +" + ve(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
+        B("span", We, " +" + me(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
       ], 32)) : K("", !0)
     ], 64));
   }
-}), Qe = /* @__PURE__ */ V(We, [["__scopeId", "data-v-e4eeb2f7"]]), Ze = /* @__PURE__ */ G({
+}), Ze = /* @__PURE__ */ V(Qe, [["__scopeId", "data-v-e4eeb2f7"]]), Ye = /* @__PURE__ */ Y({
   __name: "ItemList",
   props: {
     mouseHoveringOnList: {
@@ -368,134 +369,137 @@ const ze = /* @__PURE__ */ V($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
   },
   emits: ["reverseDropDownList"],
   setup(e, { expose: i, emit: d }) {
-    Ae((u) => ({
-      v8d801350: k.value,
-      v2724698a: B.value,
-      v27246d4b: se.value,
-      ffcaa9a8: $.value,
-      v414dd276: _.value
+    Ne((l) => ({
+      v15890c8c: A.value,
+      v4338b9be: S.value,
+      v4338bd7f: se.value,
+      v6e74f140: _.value,
+      v4db56ff9: q.value
     }));
-    const m = d, o = e, v = p(null), w = p(null), t = p(null), s = p(0), c = p(0), r = p(0), y = p(0), k = p("0px"), I = p(!1), E = p([]), g = p(0), a = O(() => !I.value || window?.innerHeight == null ? !1 : U() && le()), h = O(() => o.maxListHeightPX >= g.value);
+    const b = d, o = e, p = v(null), L = v(null), t = v(null), s = v(0), c = v(0), u = v(0), w = v(0), A = v("0px"), I = v(!1), N = v([]), g = v(0), a = M(() => !I.value || window?.innerHeight == null ? !1 : le() && G()), m = M(() => o.maxListHeightPX >= g.value);
     F(
       () => a.value,
-      (u) => m("reverseDropDownList", u),
+      (l) => b("reverseDropDownList", l),
       { immediate: !0 }
     );
-    const B = O(() => s.value + "px"), se = O(() => y.value + "px");
+    const S = M(() => s.value + "px"), se = M(() => w.value + "px");
     i({ listContainerRef: t });
-    const j = (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();
+    const P = (l) => {
+      l?.key && l.key === " " && l.preventDefault();
+    }, ie = (l) => {
+      o.parentMethods.unfocus(l);
+    }, U = (l) => {
+      const y = t?.value, x = l.target;
+      (!(y && x && y.contains(x)) || y.isEqualNode(x)) && o.parentMethods.focusInput();
     };
-    function P() {
-      return w?.value ? (w?.value).clientHeight : 0;
+    function k() {
+      return L?.value ? (L?.value).clientHeight : 0;
     }
-    function A() {
-      if (!I.value || P() === 0) return o.maxListHeightPX;
-      const u = P() === 0 ? o.maxListHeightPX : +P();
-      return o.maxListHeightPX && o.maxListHeightPX > u ? u : o.maxListHeightPX;
-    }
-    function U() {
-      return c.value > A();
+    function z() {
+      if (!I.value || k() === 0) return o.maxListHeightPX;
+      const l = k() === 0 ? o.maxListHeightPX : +k();
+      return o.maxListHeightPX && o.maxListHeightPX > l ? l : o.maxListHeightPX;
     }
     function le() {
-      return r.value < A();
+      return c.value > z();
+    }
+    function G() {
+      return u.value < z();
     }
-    const _ = O(() => (o.maxListHeightPX || 0) + "px"), $ = O(() => (o.listAnimationDurationMs || 0) + "ms"), ee = O(() => o.blockListChange ? E.value : o.filteredListItems);
+    const q = M(() => (o.maxListHeightPX || 0) + "px"), _ = M(() => (o.listAnimationDurationMs || 0) + "ms"), E = M(() => o.blockListChange ? N.value : o.filteredListItems);
     F(
-      () => ee,
-      (u) => {
-        u && (E.value = u.value);
+      () => E,
+      (l) => {
+        l && (N.value = l.value);
       },
       { immediate: !1, deep: !0 }
     );
-    let C = setTimeout(() => {
-    }, 0), S = null;
-    function H() {
-      g.value = P(), clearTimeout(C), S && S.observe(), I.value = !0, z(void 0);
-    }
+    let j = setTimeout(() => {
+    }, 0), D = null;
     function re() {
-      clearTimeout(C), C = setTimeout(() => {
-        o.showDropDown || (I.value = !1, S && S.unobserve());
+      g.value = k(), clearTimeout(j), D && D.observe(), I.value = !0, X(void 0);
+    }
+    function ee() {
+      clearTimeout(j), j = setTimeout(() => {
+        o.showDropDown || (I.value = !1, D && D.unobserve());
       }, o.listAnimationDurationMs + 50);
     }
     F(
       () => o.showDropDown,
-      (u, L) => {
-        u !== L && (J(), u ? H() : re());
+      (l, y) => {
+        l !== y && ($(), l ? re() : ee());
       },
       { immediate: !0 }
     );
-    function z(u) {
-      J(), Fe(() => J()), te(u);
+    function X(l) {
+      $(), Fe(() => $()), te(l);
     }
-    function te(u) {
-      if (!o.enableScrollClose || !o.showDropDown || typeof t?.value?.contains != "function" || u?.target?.nodeType == null || ne(u)) return;
-      const x = ["scroll", "wheel", "touchmove"].includes(u?.type);
+    function te(l) {
+      if (!o.enableScrollClose || !o.showDropDown || typeof t?.value?.contains != "function" || l?.target?.nodeType == null || ue(l)) return;
+      const x = ["scroll", "wheel", "touchmove"].includes(l?.type);
       o.showDropDown && x && o.parentMethods.closeList();
     }
-    function ne(u) {
-      const L = !!v.value?.contains(u?.target), x = !!t.value?.contains(u.target), X = [u?.srcElement?.id, u?.target?.id].includes("super-list-select-list");
-      return L || x || X;
+    function ue(l) {
+      const y = !!p.value?.contains(l?.target), x = !!t.value?.contains(l.target), W = [l?.srcElement?.id, l?.target?.id].includes("super-list-select-list");
+      return y || x || W;
     }
-    function J() {
-      W(), Q();
+    function $() {
+      J(), ae();
     }
-    function W() {
-      if (v?.value == null) return;
-      const u = v.value.getBoundingClientRect();
-      c.value = u.top, r.value = window.innerHeight - u.bottom, k.value = u.width + "px";
+    function J() {
+      if (p?.value == null) return;
+      const l = p.value.getBoundingClientRect();
+      c.value = l.top, u.value = window.innerHeight - l.bottom, A.value = l.width + "px";
     }
-    function Q() {
-      if (v?.value == null || t?.value == null) return;
-      const u = oe().getBoundingClientRect(), L = t.value.getBoundingClientRect(), x = y.value, X = s.value;
-      a.value ? y.value = x - (u.top - L.bottom) : y.value = x - (L.top - u.bottom), s.value = X - (L.left - u.left);
+    function ae() {
+      if (p?.value == null || t?.value == null) return;
+      const l = oe().getBoundingClientRect(), y = t.value.getBoundingClientRect(), x = w.value, W = s.value;
+      a.value ? w.value = x - (l.top - y.bottom) : w.value = x - (y.top - l.bottom), s.value = W - (y.left - l.left);
     }
-    function ue() {
-      return (v?.value).getElementsByTagName("button")[0];
+    function ne() {
+      return (p?.value).getElementsByTagName("button")[0];
     }
     function oe() {
-      return v?.value;
+      return p?.value;
     }
-    return we(() => {
-      S = new Be(z, ue()), setTimeout(() => z(void 0), 250);
+    return Le(() => {
+      D = new He(X, ne()), setTimeout(() => X(void 0), 250);
     }), Se(() => {
-      S?.unobserve();
-    }), (u, L) => (T(), M(ce, null, [
-      N("div", {
+      D?.unobserve();
+    }), (l, y) => (T(), C(fe, null, [
+      B("div", {
         ref_key: "dropDownButtonContainer",
-        ref: v,
+        ref: p,
         class: "super-list-button-container"
       }, [
-        Le(u.$slots, "default", {}, void 0, !0)
+        xe(l.$slots, "default", {}, void 0, !0)
       ], 512),
-      N("div", {
+      B("div", {
         id: "super-list-select-list",
         ref_key: "listContainerRef",
         ref: t,
-        onMouseenter: L[0] || (L[0] = (x) => e.parentMethods.mouseOverList()),
+        onMouseenter: y[0] || (y[0] = (x) => e.parentMethods.mouseOverList()),
         tabindex: "-1",
-        class: q([
+        class: R([
           "select-list",
           a.value ? "list-reverse" : "list-normal",
           { "select-list-open": e.showDropDown },
-          { "no-scroll": h.value && I.value },
+          { "no-scroll": m.value && I.value },
           { "select-list-fixed": I.value },
-          { "select-list-scrollable": !h.value }
+          { "select-list-scrollable": !m.value }
         ]),
-        onKeydown: L[1] || (L[1] = b((x) => j(x), ["space"])),
-        onMouseup: L[2] || (L[2] = Z((x) => ie(x), ["left"]))
+        onKeydown: y[1] || (y[1] = h((x) => P(x), ["space"])),
+        onMouseup: y[2] || (y[2] = Q((x) => U(x), ["left"])),
+        onFocusout: y[3] || (y[3] = (x) => ie(x))
       }, [
-        N("ul", {
+        B("ul", {
           tabindex: "-1",
           ref_key: "dropDownListUL",
-          ref: w,
+          ref: L,
           class: "list-content"
         }, [
-          Y(Qe, {
-            filteredListItems: E.value,
+          Z(Ze, {
+            filteredListItems: N.value,
             mouseHoveringOnList: e.mouseHoveringOnList,
             focusedIndex: e.focusedIndex,
             selectedIndex: e.selectedIndex,
@@ -508,25 +512,25 @@ const ze = /* @__PURE__ */ V($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
       ], 34)
     ], 64));
   }
-}), he = /* @__PURE__ */ V(Ze, [["__scopeId", "data-v-e58cd48c"]]), Ye = {}, Ge = {
+}), ge = /* @__PURE__ */ V(Ye, [["__scopeId", "data-v-bb412ce9"]]), Ge = {}, _e = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "currentColor",
   "aria-hidden": "true",
   "data-slot": "icon",
   viewBox: "0 0 12 6"
 };
-function _e(e, i) {
-  return T(), M("svg", Ge, [...i[0] || (i[0] = [
-    N("path", {
+function et(e, i) {
+  return T(), C("svg", _e, [...i[0] || (i[0] = [
+    B("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__ */ V(Ye, [["render", _e]]), et = ["tabindex"], tt = {
+const ye = /* @__PURE__ */ V(Ge, [["render", et]]), tt = ["tabindex"], nt = {
   key: 2,
   class: "list-button-icon custom-icon"
-}, nt = /* @__PURE__ */ G({
+}, ot = /* @__PURE__ */ Y({
   __name: "ListButton",
   props: {
     // eslint-disable-line
@@ -552,64 +556,64 @@ const ge = /* @__PURE__ */ V(Ye, [["render", _e]]), et = ["tabindex"], tt = {
     }
   },
   setup(e, { expose: i }) {
-    const d = e, m = p(null);
+    const d = e, b = v(null);
     function o() {
       d.enableTextFilter || d.parentMethods.openList();
     }
-    function v(c) {
+    function p(c) {
       d.enableTextFilter ? (d.parentMethods.focusInput(), c.stopPropagation(), c.preventDefault()) : d.parentMethods.press(c);
     }
-    function w(c) {
+    function L(c) {
       d.enableTextFilter || d.parentMethods.press(c);
     }
     function t() {
-      m?.value && m.value.blur();
+      b?.value && b.value.blur();
     }
     function s() {
-      m?.value && m.value.focus();
+      b?.value && b.value.focus();
     }
-    return i({ blurInput: t, focusInput: s, buttonRef: m }), (c, r) => (T(), M("button", {
+    return i({ blurInput: t, focusInput: s, buttonRef: b }), (c, u) => (T(), C("button", {
       ref_key: "buttonRef",
-      ref: m,
+      ref: b,
       tabindex: e.enableTextFilter ? -1 : 0,
       onKeydown: [
-        r[0] || (r[0] = b((y) => v(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"]))
+        u[0] || (u[0] = h((w) => p(w), ["enter"])),
+        u[1] || (u[1] = h((w) => L(w), ["space"])),
+        u[2] || (u[2] = h((w) => e.parentMethods.press(w), ["esc"])),
+        u[3] || (u[3] = h((w) => e.parentMethods.press(w), ["up"])),
+        u[4] || (u[4] = h((w) => e.parentMethods.press(w), ["down"]))
       ],
-      onFocusout: r[5] || (r[5] = (y) => e.parentMethods.unfocus(y)),
-      onClick: r[6] || (r[6] = (y) => o()),
+      onFocusout: u[5] || (u[5] = (w) => e.parentMethods.unfocus(w)),
+      onClick: u[6] || (u[6] = (w) => o()),
       type: "button",
-      class: q([[{ "click-through": d.enableTextFilter || d.showDropDown }], "list-button"])
+      class: R([[{ "click-through": d.enableTextFilter || d.showDropDown }], "list-button"])
     }, [
-      Le(c.$slots, "default", {}, void 0, !0),
-      N("span", {
-        class: q(["list-button-icon-div", { "bigger-gap": d.showDropDown }])
+      xe(c.$slots, "default", {}, void 0, !0),
+      B("span", {
+        class: R(["list-button-icon-div", { "bigger-gap": d.showDropDown }])
       }, [
-        e.customIcon ? K("", !0) : (T(), M("span", {
+        e.customIcon ? K("", !0) : (T(), C("span", {
           key: 0,
-          class: q(["list-button-icon", [{ "rotate-180": !d.showDropDown }]])
+          class: R(["list-button-icon", [{ "rotate-180": !d.showDropDown }]])
         }, [
-          Y(ge, { "aria-hidden": "true" })
+          Z(ye, { "aria-hidden": "true" })
         ], 2)),
-        e.customIcon ? K("", !0) : (T(), M("span", {
+        e.customIcon ? K("", !0) : (T(), C("span", {
           key: 1,
-          class: q(["list-button-icon", [{ "rotate-180": d.showDropDown }]])
+          class: R(["list-button-icon", [{ "rotate-180": d.showDropDown }]])
         }, [
-          e.customIcon == null ? (T(), fe(ge, {
+          e.customIcon == null ? (T(), pe(ye, {
             key: 0,
             "aria-hidden": "true"
           })) : K("", !0)
         ], 2)),
-        e.customIcon ? (T(), M("span", tt, [
-          (T(), fe(Ne(e.customIcon), { "aria-hidden": "true" }))
+        e.customIcon ? (T(), C("span", nt, [
+          (T(), pe(Be(e.customIcon), { "aria-hidden": "true" }))
         ])) : K("", !0)
       ], 2)
-    ], 42, et));
+    ], 42, tt));
   }
-}), ye = /* @__PURE__ */ V(nt, [["__scopeId", "data-v-01ef8e37"]]), ot = /* @__PURE__ */ G({
+}), we = /* @__PURE__ */ V(ot, [["__scopeId", "data-v-01ef8e37"]]), st = /* @__PURE__ */ Y({
   __name: "super-list",
   props: {
     selected: {
@@ -658,213 +662,207 @@ const ge = /* @__PURE__ */ V(Ye, [["render", _e]]), et = ["tabindex"], tt = {
   },
   emits: { "update:selected": null },
   setup(e, { expose: i, emit: d }) {
-    const m = d, o = e, v = p([]), w = new Re(), t = p(0), s = 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), E = p(!1), g = p(he), a = p(be), h = p(ye), B = p("");
+    const b = d, o = e, p = v([]), L = new qe(), t = v(0), s = M(() => o.forceTextFilterVisibilityTo != null ? o.forceTextFilterVisibilityTo : t.value > o.maxListOptions), c = v(!1), u = v(!1), w = v(!1), A = v(!0), I = v(!1), N = v(!1), g = v(ge), a = v(he), m = v(we), S = v("");
     F(
-      () => B.value,
-      (n, l) => {
-        n !== l && typeof o.options == "function" && x(n);
+      () => S.value,
+      (n, r) => {
+        n !== r && typeof o.options == "function" && y(n);
       }
     );
     const se = () => {
       s.value && a?.value?.blurInput();
-    }, j = () => {
-      clearTimeout(Q), se(), B.value = "", c.value = !1, k.value = !0;
-    }, ie = O(() => E?.value === !0 ? "Error loading data" : I?.value === !0 ? "Loading..." : A(o.selected)), P = (n) => {
-      n && m("update:selected", n), j();
-    }, A = (n) => He(
+    }, P = () => {
+      clearTimeout(J), se(), S.value = "", c.value = !1, A.value = !0;
+    }, ie = M(() => N?.value === !0 ? "Error loading data" : I?.value === !0 ? "Loading..." : k(o.selected)), U = (n) => {
+      n && b("update:selected", n), P();
+    }, k = (n) => Re(
       n,
       o.customPlaceHolderFunction,
       o.objectLabelKeyName,
       o.enumKeyToLabelObjectArray
     );
-    function U() {
-      throw I.value = !0, E.value = !0, new Error("Invalid options argument provided to ListInputComponent");
+    function z() {
+      throw I.value = !0, N.value = !0, new Error("Invalid options argument provided to ListInputComponent");
     }
     function le() {
-      throw I.value = !0, E.value = !0, new Error("Invalid response provided to ListInputComponent, no total count key found");
+      throw I.value = !0, N.value = !0, new Error("Invalid response provided to ListInputComponent, no total count key found");
     }
-    function _() {
-      throw I.value = !0, E.value = !0, new Error("Invalid objectLabelKeyName for provided Dropdown list value.");
+    function G() {
+      throw I.value = !0, N.value = !0, new Error("Invalid objectLabelKeyName for provided Dropdown list value.");
     }
-    we(() => {
-      typeof o.options != "function" && !Array.isArray(o.options) ? U() : u();
+    Le(() => {
+      typeof o.options != "function" && !Array.isArray(o.options) ? z() : oe();
     });
-    const $ = p(!1), ee = p(0), C = p(0), S = p(0);
+    const q = v(!1), _ = v(0), E = v(0), j = v(0);
     F(
-      () => C.value,
-      (n, l) => {
-        n != l && !r.value && (S.value = n);
+      () => E.value,
+      (n, r) => {
+        n != r && !u.value && (j.value = n);
       },
       { immediate: !0 }
     ), F(
-      () => r.value,
+      () => u.value,
       (n) => {
-        n || (S.value = C.value);
+        n || (j.value = E.value);
       },
       { immediate: !0 }
     );
-    const H = O(() => {
-      if (typeof o.options == "function" && !Array.isArray(o.options)) return v.value;
-      const n = B.value, l = v.value;
-      return n === "" ? l : l.filter((f) => A(f).toLowerCase().includes(n.toLowerCase()));
+    const D = M(() => {
+      if (typeof o.options == "function" && !Array.isArray(o.options)) return p.value;
+      const n = S.value, r = p.value;
+      return n === "" ? r : r.filter((f) => k(f).toLowerCase().includes(n.toLowerCase()));
     });
     F(
-      () => H.value,
-      (n, l) => {
-        JSON.stringify(n) !== JSON.stringify(l) && z();
+      () => D.value,
+      (n, r) => {
+        JSON.stringify(n) !== JSON.stringify(r) && ee();
       },
       { immediate: !1, deep: !0 }
     );
     const re = () => {
-      $.value = !0;
-    }, z = () => {
-      const n = te();
-      ee.value = n, C.value = n > -1 ? n : 0;
+      q.value = !0;
+    }, ee = () => {
+      const n = X();
+      _.value = n, E.value = n > -1 ? n : 0;
     };
-    function te() {
+    function X() {
       if (o.selected == null) return -1;
-      const n = H.value.map((f) => A(f)), l = n.filter((f) => f === A(o.selected));
-      if (l.length > 1) {
-        const f = l.map((D) => n.indexOf(D));
-        for (let D = 0; D < f.length; D++) {
-          const R = JSON.stringify(
-            H.value[f[D]]
-          ), de = JSON.stringify(o.selected);
-          if (R === de) return f[D];
+      const n = D.value.map((f) => k(f)), r = n.filter((f) => f === k(o.selected));
+      if (r.length > 1) {
+        const f = r.map((O) => n.indexOf(O));
+        for (let O = 0; O < f.length; O++) {
+          const H = JSON.stringify(
+            D.value[f[O]]
+          ), ce = JSON.stringify(o.selected);
+          if (H === ce) return f[O];
         }
         return -1;
       }
-      return n.indexOf(A(o.selected));
-    }
-    const ne = () => {
-      I.value || (c.value || (r.value = !1, z(), J(), c.value = !0), $.value = !1, k.value = !1);
-    }, J = () => {
-      const n = window?.innerWidth != null && window.innerWidth < 640, l = screen?.width != null && screen.width < 640, f = a.value.textInputRef;
-      (n || l) && s.value && (ue(), o.scrollTextInputToTopOnMobile && f?.scrollIntoView({ block: "start", inline: "center" }));
-    }, W = p(!0);
-    let Q = setTimeout(() => {
+      return n.indexOf(k(o.selected));
+    }
+    const te = () => {
+      I.value || (c.value || (u.value = !1, ee(), ue(), c.value = !0), q.value = !1, A.value = !1);
+    }, ue = () => {
+      const n = window?.innerWidth != null && window.innerWidth < 640, r = screen?.width != null && screen.width < 640, f = a.value.textInputRef;
+      (n || r) && s.value && (ae(), o.scrollTextInputToTopOnMobile && f?.scrollIntoView({ block: "start", inline: "center" }));
+    }, $ = v(!0);
+    let J = setTimeout(() => {
     }, 0);
-    function ue() {
+    function ae() {
       const n = a.value.textInputRef;
       if (!n) return;
-      W.value = !1;
-      let l = null;
+      $.value = !1;
+      let r = null;
       const f = () => {
-        l && clearInterval(l), clearTimeout(Q), setTimeout(() => {
-          W.value = !0;
+        r && clearInterval(r), clearTimeout(J), setTimeout(() => {
+          $.value = !0;
         }, 100);
       };
-      Q = setTimeout(f, 5e3), l = setInterval(() => {
+      J = setTimeout(f, 5e3), r = setInterval(() => {
         (c.value === !1 || n?.scrollTop === 0 && document.readyState === "complete") && f();
       }, 100);
     }
-    const oe = () => {
-      s?.value == !0 ? a.value.focusInput() : h?.value?.focusInput && h?.value?.focusInput();
+    const ne = () => {
+      s?.value == !0 ? a.value.focusInput() : m?.value?.focusInput && m?.value?.focusInput();
     };
-    async function u() {
-      typeof o.options == "function" ? await x(B.value ? B.value : void 0, !0) : (X(o.options), t.value = v.value.length), L();
+    async function oe() {
+      typeof o.options == "function" ? await y(S.value ? S.value : void 0, !0) : (x(o.options), t.value = p.value.length), l();
     }
-    i({ initializeOptions: u, getLabel: A });
-    function L() {
-      te() == -1 && v.value && !!v.value[0] && P(v.value[0]);
+    i({ initializeOptions: oe, getLabel: k });
+    function l() {
+      X() == -1 && p.value && !!p.value[0] && U(p.value[0]);
     }
-    async function x(n, l = !0) {
-      I.value = l;
-      const f = async () => o.options(o.maxListOptions, n || ""), D = (R) => {
-        (!R || !("data" in R)) && U(), X(R.data), Ie(R?.data?.length ?? 0).then(() => {
+    async function y(n, r = !0) {
+      I.value = r;
+      const f = async () => o.options(o.maxListOptions, n || ""), O = (H) => {
+        (!H || !("data" in H)) && z(), x(H.data), Ie(H?.data?.length ?? 0).then(() => {
           I.value = !1;
         });
       };
-      await w.resetAndExecute(f, D);
+      await L.resetAndExecute(f, O);
     }
-    function X(n) {
-      Array.isArray(n) || U(), n.length > 0 && typeof n[0] == "object" && xe(n), v.value = n;
+    function x(n) {
+      Array.isArray(n) || z(), n.length > 0 && typeof n[0] == "object" && W(n), p.value = n;
     }
-    function xe(n) {
-      (!o.objectLabelKeyName || o.objectLabelKeyName.length === 0) && _();
-      const l = o.objectLabelKeyName;
+    function W(n) {
+      (!o.objectLabelKeyName || o.objectLabelKeyName.length === 0) && G();
+      const r = o.objectLabelKeyName;
       for (let f = 0; f < n.length; f++)
-        (typeof n[f] != "object" || !(l in n[f])) && _();
+        (typeof n[f] != "object" || !(r in n[f])) && G();
     }
     async function Ie(n) {
-      const l = async () => o.options(1, ""), f = (D) => {
-        (!D || !("totalNum" in D)) && le(), t.value = D.totalNum ?? n;
+      const r = async () => o.options(1, ""), f = (O) => {
+        (!O || !("totalNum" in O)) && le(), t.value = O.totalNum ?? n;
       };
-      await w.resetAndExecute(l, f);
+      await L.resetAndExecute(r, f);
     }
-    const pe = () => a?.value?.textInputRef?.getElementsByTagName("li")[C.value] ?? null, Te = (n) => {
-      c.value == !1 ? ne() : n && De(n);
+    const ve = () => a?.value?.textInputRef?.getElementsByTagName("li")[E.value] ?? null, Te = (n) => {
+      c.value == !1 ? te() : n && De(n);
     }, De = (n) => {
-      const l = n.key || n.code;
-      (l === "Tab" || l === "Escape") && j(), l === "ArrowDown" && Me(n), l === "ArrowUp" && Ce(n), (l === "Enter" || l === " ") && Oe(), n.preventDefault(), n.stopPropagation();
+      const r = n.key || n.code;
+      (r === "Tab" || r === "Escape") && P(), r === "ArrowDown" && Me(n), r === "ArrowUp" && Ce(n), (r === "Enter" || r === " ") && Oe(), n.preventDefault(), n.stopPropagation();
     }, Oe = () => {
-      H.value.length > 0 ? (r.value = !0, P(H.value[C.value])) : j();
+      D.value.length > 0 ? (u.value = !0, U(D.value[E.value])) : P();
     }, Me = (n) => {
-      k.value = !0, C.value < H.value.length - 1 && (n.preventDefault(), $.value = !1, C.value++, pe()?.focus());
+      A.value = !0, E.value < D.value.length - 1 && (n.preventDefault(), q.value = !1, E.value++, ve()?.focus());
     }, Ce = (n) => {
-      k.value = !0, C.value > 0 && (n.preventDefault(), $.value = !1, C.value--, pe()?.focus());
-    }, ae = {
-      openList: ne,
+      A.value = !0, E.value > 0 && (n.preventDefault(), q.value = !1, E.value--, ve()?.focus());
+    }, de = {
+      openList: te,
       unfocus: (n) => {
         if (c?.value === !1) return;
-        B.value.length > 0 && (r.value = !0);
-        const l = g?.value?.listContainerRef, f = a?.value?.textInputRef, D = n?.relatedTarget && f?.isEqualNode(n?.relatedTarget), R = n?.relatedTarget && l && l.contains(n?.relatedTarget), de = n?.relatedTarget && l && l.isEqualNode(n?.relatedTarget);
-        if (!(R || D)) {
-          if (de) {
-            oe();
-            return;
-          }
-          j();
-        }
+        S.value.length > 0 && (u.value = !0);
+        const r = g?.value?.listContainerRef, f = a?.value?.textInputRef, O = m?.value?.buttonRef, H = n?.relatedTarget && f?.isEqualNode(n?.relatedTarget), ce = r?.contains(n?.relatedTarget) || O?.isEqualNode(n.relatedTarget), ke = n?.relatedTarget && r && r.isEqualNode(n?.relatedTarget);
+        ce || H || (ke ? ne() : P());
       },
       press: Te,
       mouseOverList: re,
-      getLabel: A,
-      updatedSelected: P,
-      focusInput: oe,
-      closeList: j
+      getLabel: k,
+      updatedSelected: U,
+      focusInput: ne,
+      closeList: P
     };
-    return (n, l) => (T(), M("div", {
+    return (n, r) => (T(), C("div", {
       style: { position: "relative" },
-      class: q(n.$attrs.class)
+      class: R(n.$attrs.class)
     }, [
-      Y(he, {
+      Z(ge, {
         ref_key: "itemListRef",
         ref: g,
         "show-drop-down": c.value,
-        filteredListItems: H.value,
-        mouseHoveringOnList: $.value,
-        focusedIndex: S.value,
-        selectedIndex: ee.value,
+        filteredListItems: D.value,
+        mouseHoveringOnList: q.value,
+        focusedIndex: j.value,
+        selectedIndex: _.value,
         "max-list-height-p-x": e.maxListHeightPX,
         "list-animation-duration-ms": e.listAnimationDurationMs,
-        "parent-methods": ae,
-        blockListChange: r.value,
-        "onUpdate:blockListChange": l[1] || (l[1] = (f) => r.value = f),
+        "parent-methods": de,
+        blockListChange: u.value,
+        "onUpdate:blockListChange": r[1] || (r[1] = (f) => u.value = f),
         "total-options-count": t.value,
-        onReverseDropDownList: l[2] || (l[2] = (f) => y.value = f),
-        enableScrollClose: W.value
+        onReverseDropDownList: r[2] || (r[2] = (f) => w.value = f),
+        enableScrollClose: $.value
       }, {
-        default: me(() => [
-          Y(ye, {
+        default: be(() => [
+          Z(we, {
             ref_key: "dropDownButtonInput",
-            ref: h,
-            "parent-methods": ae,
+            ref: m,
+            "parent-methods": de,
             "show-drop-down": c.value,
             "enable-text-filter": s.value,
             "custom-icon": e.customIcon,
-            "reverse-drop-down-list": y.value
+            "reverse-drop-down-list": w.value
           }, {
-            default: me(() => [
-              Y(be, {
+            default: be(() => [
+              Z(he, {
                 ref_key: "dropDownTextInput",
                 ref: a,
                 "enable-text-filter": s.value,
                 "show-drop-down": c.value,
                 placeholder: ie.value,
-                "enable-button-click": k.value,
-                "parent-methods": ae,
-                "onUpdate:query": l[0] || (l[0] = (f) => B.value = f)
+                "enable-button-click": A.value,
+                "parent-methods": de,
+                "onUpdate:query": r[0] || (r[0] = (f) => S.value = f)
               }, null, 8, ["enable-text-filter", "show-drop-down", "placeholder", "enable-button-click"])
             ]),
             _: 1
@@ -874,8 +872,8 @@ const ge = /* @__PURE__ */ V(Ye, [["render", _e]]), et = ["tabindex"], tt = {
       }, 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__ */ V(ot, [["__scopeId", "data-v-95216f16"]]);
+}), rt = /* @__PURE__ */ V(st, [["__scopeId", "data-v-c7006a45"]]);
 export {
-  lt as default
+  rt as default
 };
 //# sourceMappingURL=super-list.js.map