@jblehm/super-list 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/super-list.js +154 -153
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -1,2 +1,2 @@
1
- # superlist V1.0.8
1
+ # superlist V1.0.10
2
2
  An un-styled text searchable combobox
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .list-filter-text-input[data-v-06682ad2]{color:var(--superlist-text-colour, rgb(17, 24, 39));text-align:center;padding:.125rem 2rem .125rem .5rem!important;width:100%;height:100%;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;border:0 none;pointer-events:auto;cursor:text}.list-filter-text-input[data-v-06682ad2]:focus,.list-filter-text-input[data-v-06682ad2]:focus-visible,.list-filter-text-input[data-v-06682ad2]:active{text-align:left}.click-through[data-v-06682ad2]{pointer-events:none}.dark-placeholder-text[data-v-06682ad2]::placeholder{color:var(--superlist-text-colour, rgb(17, 24, 39))}.light-placeholder-text[data-v-06682ad2]::placeholder{color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.text-filter-disabled[data-v-06682ad2]{background-color:transparent;border:none;outline:none;box-shadow:none;filter:none}@media (min-width: 640px){.list-filter-text-input[data-v-06682ad2]{font-size:.875rem;line-height:1.5rem}}.list-option[data-v-9b370840]{text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-text-colour, rgb(55, 60, 65));transition-property:font-weight,background-color,color,text-shadow;transition-duration:.5s;transition-timing-function:ease;font-weight:400;text-shadow:1px 1px 3px var(--superlist-background-colour, white)}.list-option[data-v-9b370840]:focus-visible,.list-option>span[data-v-9b370840]:focus-visible{outline:none}.list-option-selected[data-v-9b370840]{font-weight:600}.list-option-message[data-v-9b370840]{text-shadow:1px 1px 3px var(--superlist-background-colour, white);text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.list-option-active[data-v-9b370840]:hover,.list-option-active[data-v-9b370840],.list-option-selected[data-v-9b370840]:hover,.list-option[data-v-9b370840]:hover{font-weight:600;background-color:var(--superlist-theme-colour, rgb(77, 168, 11, .8));color:var(--superlist-background-colour, white);text-shadow:1px 1px 3px var(--superlist-theme-colour, rgb(77, 168, 11, .8));transition-duration:0s!important}.list-item-icon[data-v-9b370840]{display:flex;height:1rem;width:1rem;position:absolute;right:.7rem;margin-top:-.1rem;align-self:center}.list-item-span[data-v-9b370840]{padding:.5rem .75rem;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-extra-padding[data-v-9b370840]{padding-right:1.75rem}.list-normal[data-v-50fd8839]{top:var(--parent-y)}.list-reverse[data-v-50fd8839]{bottom:var(--parent-y)}.select-list[data-v-50fd8839]{--parent-width: var(--6901590f);--parent-x: var(--6b0c807e);--parent-y: var(--6b0c78fc);--duration: var(--53244b3a);--border-radius: var(--superlist-list-border-radius, 0);border-radius:var(--border-radius);width:var(--parent-width);min-width:var(--parent-width);left:var(--parent-x);display:block;transition-property:max-height,box-shadow,opacity,visibility,filter,drop-shadow;transition-duration:var(--duration, .3s);transition-timing-function:cubic-bezier(.1,.9,.35,.98);position:absolute;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#ffffffb3;align-items:baseline;opacity:.25;z-index:999;visibility:collapse;overflow:auto;max-height:0}.select-list[data-v-50fd8839]:focus-visible,.select-list>ul[data-v-50fd8839]:focus-visible,.super-list-button-container[data-v-50fd8839]:focus-visible{outline:none}.super-list-button-container[data-v-50fd8839]{height:100%;width:100%}.select-list.select-list-open[data-v-50fd8839]{z-index:999999;--max-height: var(--b766b088);max-height:var(--max-height, 0)}.select-list.no-scroll[data-v-50fd8839]{overflow:hidden}.select-list-fixed[data-v-50fd8839]{position:fixed;opacity:1;visibility:visible}.list-content[data-v-50fd8839]{--duration: var(--53244b3a);overflow:visible;margin:0;padding:0;border-style:none;color:var(--superlist-text-colour, rgb(55, 60, 65));list-style:none;max-width:100%}.select-list.select-list-scrollable[data-v-50fd8839]{border-radius:var(--border-radius)}@media (min-width: 640px){.select-list.select-list-scrollable[data-v-50fd8839]{border-radius:var(--border-radius) 0 0 var(--border-radius)}.list-content[data-v-50fd8839]{font-size:.875rem;line-height:1.25rem}}.list-button-icon[data-v-80cac867]{display:flex;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:transform;width:.6rem;transform:rotate(0);color:var(--superlist-text-colour, rgb(17, 24, 39));justify-content:center;max-height:18%}.list-button-icon.custom-icon[data-v-80cac867]{max-height:100%;width:1.25rem}.list-button-icon.rotate-180[data-v-80cac867]{transform:rotate(180deg)}.list-button[data-v-80cac867]{position:relative;padding:0;margin:0;width:100%;max-height:100%;height:100%;background-color:var(--superlist-background-colour, white);align-items:center;pointer-events:auto;cursor:pointer}.list-button[data-v-80cac867]:focus,.list-button[data-v-80cac867]:focus-visible,.list-button[data-v-80cac867]:active{text-align:left}.list-button-icon-div[data-v-80cac867]{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:.75rem;max-height:100%;height:100%;gap:max(.15rem,calc(6.25% + .075rem));transition:gap .2s}.list-button-icon-div.bigger-gap[data-v-80cac867]{gap:calc(40% - .25rem)}.click-through[data-v-80cac867]{pointer-events:none}[data-v-f0f16320]{box-sizing:border-box}
1
+ .list-filter-text-input[data-v-18c89a96]{color:var(--superlist-text-colour, rgb(17, 24, 39));text-align:center;padding:.125rem 2rem .125rem .5rem!important;width:100%;height:100%;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;border:0 none;pointer-events:auto;cursor:text}.list-filter-text-input[data-v-18c89a96]:focus,.list-filter-text-input[data-v-18c89a96]:focus-visible,.list-filter-text-input[data-v-18c89a96]:active{text-align:left}.click-through[data-v-18c89a96]{pointer-events:none}.dark-placeholder-text[data-v-18c89a96]::placeholder{color:var(--superlist-text-colour, rgb(17, 24, 39))}.light-placeholder-text[data-v-18c89a96]::placeholder{color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.text-filter-disabled[data-v-18c89a96]{background-color:transparent;border:none;outline:none;box-shadow:none;filter:none}@media (min-width: 640px){.list-filter-text-input[data-v-18c89a96]{font-size:.875rem;line-height:1.5rem}}.list-option[data-v-f1a723a6]{text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-text-colour, rgb(55, 60, 65));transition-property:font-weight,background-color,color,text-shadow;transition-duration:.5s;transition-timing-function:ease;font-weight:400;text-shadow:1px 1px 3px var(--superlist-background-colour, white)}.list-option[data-v-f1a723a6]:focus-visible,.list-option>span[data-v-f1a723a6]:focus-visible{outline:none}.list-option-selected[data-v-f1a723a6]{font-weight:600}.list-option-message[data-v-f1a723a6]{text-shadow:1px 1px 3px var(--superlist-background-colour, white);text-transform:capitalize;display:inline-flex;width:100%;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;color:var(--superlist-disabled-text-colour, rgb(120, 125, 130))}.list-option-active[data-v-f1a723a6]:hover,.list-option-active[data-v-f1a723a6],.list-option-selected[data-v-f1a723a6]:hover,.list-option[data-v-f1a723a6]:hover{font-weight:600;background-color:var(--superlist-theme-colour, rgb(77, 168, 11, .8));color:var(--superlist-background-colour, white);text-shadow:1px 1px 3px var(--superlist-theme-colour, rgb(77, 168, 11, .8));transition-duration:0s!important}.list-item-icon[data-v-f1a723a6]{display:flex;height:1rem;width:1rem;position:absolute;right:.7rem;margin-top:-.1rem;align-self:center}.list-item-span[data-v-f1a723a6]{padding:.5rem 1.75rem .5rem .75rem;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-normal[data-v-9504a6f6]{top:var(--parent-y)}.list-reverse[data-v-9504a6f6]{bottom:var(--parent-y)}.select-list[data-v-9504a6f6]{--parent-width: var(--4d70fae9);--parent-x: var(--17685e9b);--parent-y: var(--1768625c);--duration: var(--57b60186);--border-radius: var(--superlist-list-border-radius, 0);border-radius:var(--border-radius);width:var(--parent-width);min-width:var(--parent-width);left:var(--parent-x);display:block;transition-property:max-height,box-shadow,opacity,visibility,filter,drop-shadow;transition-duration:var(--duration, .3s);transition-timing-function:cubic-bezier(.1,.9,.35,.98);position:absolute;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#ffffffb3;align-items:baseline;opacity:.25;z-index:999;visibility:collapse;overflow:auto;max-height:0;border:none!important}.select-list[data-v-9504a6f6]:focus-visible,.select-list>ul[data-v-9504a6f6]:focus-visible,.super-list-button-container[data-v-9504a6f6]:focus-visible{outline:none}.super-list-button-container[data-v-9504a6f6]{height:100%;width:100%}.select-list.select-list-open[data-v-9504a6f6]{z-index:999999;--max-height: var(--2b5b3b16);max-height:var(--max-height, 0)}.select-list.no-scroll[data-v-9504a6f6]{overflow:hidden}.select-list-fixed[data-v-9504a6f6]{position:fixed;opacity:1;visibility:visible}.list-content[data-v-9504a6f6]{--duration: var(--57b60186);overflow:visible;margin:0;padding:0;border-style:none;color:var(--superlist-text-colour, rgb(55, 60, 65));list-style:none;max-width:100%}.select-list.select-list-scrollable[data-v-9504a6f6]{border-radius:var(--border-radius)}@media (min-width: 640px){.select-list.select-list-scrollable[data-v-9504a6f6]{border-radius:var(--border-radius) 0 0 var(--border-radius)}.list-content[data-v-9504a6f6]{font-size:.875rem;line-height:1.25rem}}.list-button-icon[data-v-3e92a870]{display:flex;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:transform;width:.6rem;transform:rotate(0);color:var(--superlist-text-colour, rgb(17, 24, 39));justify-content:center;max-height:18%}.list-button-icon.custom-icon[data-v-3e92a870]{max-height:100%;width:1.25rem}.list-button-icon.rotate-180[data-v-3e92a870]{transform:rotate(180deg)}.list-button[data-v-3e92a870]{position:relative;padding:0;margin:0;width:100%;max-height:100%;height:100%;background-color:var(--superlist-background-colour, white);align-items:center;pointer-events:auto;cursor:pointer}.list-button[data-v-3e92a870]:focus,.list-button[data-v-3e92a870]:focus-visible,.list-button[data-v-3e92a870]:active{text-align:left}.list-button-icon-div[data-v-3e92a870]{pointer-events:none;position:absolute;top:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:.75rem;max-height:100%;height:100%;gap:max(.15rem,calc(6.25% + .075rem));transition:gap .2s}.list-button-icon-div.bigger-gap[data-v-3e92a870]{gap:calc(40% - .25rem)}.click-through[data-v-3e92a870]{pointer-events:none}[data-v-f0f16320]{box-sizing:border-box}
package/dist/super-list.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as Q, ref as f, computed as D, openBlock as L, createElementBlock as T, withKeys as m, normalizeClass as F, createElementVNode as H, useTemplateRef as ke, watch as S, Fragment as de, renderList as Ee, withModifiers as te, toDisplayString as ve, createBlock as ce, createCommentVNode as j, useCssVars as Ae, onMounted as ye, onUnmounted as Se, renderSlot as we, normalizeStyle as Ne, createVNode as W, nextTick as Fe, resolveDynamicComponent as He, withCtx as me } from "vue";
2
- import './index.css';class Be {
1
+ import { defineComponent as Q, ref as f, computed as D, openBlock as L, createElementBlock as T, withKeys as m, normalizeClass as B, createElementVNode as S, useTemplateRef as ke, watch as F, Fragment as de, renderList as Ee, withModifiers as te, toDisplayString as ve, createBlock as ce, createCommentVNode as j, useCssVars as Ae, onMounted as ye, onUnmounted as Fe, renderSlot as we, createVNode as W, nextTick as Ne, resolveDynamicComponent as Se, withCtx as me } from "vue";
2
+ import './index.css';class He {
3
3
  eventsTypes = ["resize", "load", "scroll", "wheel", "touchmove"];
4
4
  config = {
5
5
  attributes: !0,
@@ -46,13 +46,13 @@ import './index.css';class Be {
46
46
  window.removeEventListener("resize", this.callbackFunction);
47
47
  }
48
48
  }
49
- function Pe(e, s, b, h) {
50
- return e == null ? "" : typeof e == "object" ? e[b] : h ? Re(e, h) : s ? s(e) : "" + e;
49
+ function Be(e, s, b, h) {
50
+ return e == null ? "" : typeof e == "object" ? e[b] : h ? Pe(e, h) : s ? s(e) : "" + e;
51
51
  }
52
- function Re(e, s) {
52
+ function Pe(e, s) {
53
53
  return s.find((b) => b.type === e)?.label ?? "";
54
54
  }
55
- class qe {
55
+ class Re {
56
56
  constructor() {
57
57
  this.abortController = new AbortController(), this.func = () => {
58
58
  }, this.then = () => {
@@ -79,7 +79,7 @@ class qe {
79
79
  return this.abort("New Request From Controller."), this.setFunc(s), this.setThen(b), this.execute();
80
80
  }
81
81
  }
82
- const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Q({
82
+ const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ Q({
83
83
  __name: "ListTextInput",
84
84
  props: {
85
85
  enableTextFilter: {
@@ -109,29 +109,29 @@ const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Q({
109
109
  "update:press": null
110
110
  },
111
111
  setup(e, { expose: s, emit: b }) {
112
- const h = b, o = e, i = f(null);
112
+ const h = b, o = e, r = f(null);
113
113
  function a(d) {
114
- d?.target && d.target === i.value || o.parentMethods.unfocus(d);
114
+ d?.target && d.target === r.value || o.parentMethods.unfocus(d);
115
115
  }
116
116
  function t(d) {
117
117
  d.target && d.target.value != null && h("update:query", d.target.value);
118
118
  }
119
- const l = D(() => {
120
- const d = i?.value ? i.value.length : 0, c = o.placeholder?.length || 0;
119
+ const i = D(() => {
120
+ const d = r?.value ? r.value.length : 0, c = o.placeholder?.length || 0;
121
121
  return d > 0 ? d : c > 0 ? c : 5;
122
122
  }), g = D(() => o.enableButtonClick === !0 && o.enableTextFilter === !0 ? "" : "click-through"), p = D(() => o.showDropDown && !o.enableTextFilter || !o.showDropDown ? "dark-placeholder-text" : "light-placeholder-text");
123
123
  function N() {
124
- if (i?.value) {
125
- const d = i.value;
124
+ if (r?.value) {
125
+ const d = r.value;
126
126
  d.blur(), d.value = "";
127
127
  }
128
128
  }
129
129
  function k() {
130
- i?.value && i.value.focus();
130
+ r?.value && r.value.focus();
131
131
  }
132
- return s({ blurInput: N, focusInput: k, textInputRef: i }), (d, c) => (L(), T("input", {
132
+ return s({ blurInput: N, focusInput: k, textInputRef: r }), (d, c) => (L(), T("input", {
133
133
  ref_key: "textInputRef",
134
- ref: i,
134
+ ref: r,
135
135
  tabindex: e.enableTextFilter ? 0 : -1,
136
136
  onKeydown: [
137
137
  c[0] || (c[0] = m((w) => e.parentMethods.press(w), ["enter"])),
@@ -140,42 +140,43 @@ const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Q({
140
140
  c[3] || (c[3] = m((w) => e.parentMethods.press(w), ["up"])),
141
141
  c[4] || (c[4] = m((w) => e.parentMethods.press(w), ["down"]))
142
142
  ],
143
- onFocusout: c[5] || (c[5] = (w) => a(w)),
144
- onClick: c[6] || (c[6] = (w) => e.parentMethods.openList()),
145
- onInput: c[7] || (c[7] = (w) => t(w)),
143
+ onFocusin: c[5] || (c[5] = (w) => e.parentMethods.openList()),
144
+ onFocusout: c[6] || (c[6] = (w) => a(w)),
145
+ onClick: c[7] || (c[7] = (w) => e.parentMethods.openList()),
146
+ onInput: c[8] || (c[8] = (w) => t(w)),
146
147
  type: "text",
147
148
  "aria-autocomplete": "none",
148
149
  autocomplete: "off",
149
150
  placeholder: e.placeholder,
150
- size: l.value,
151
- class: F([[
151
+ size: i.value,
152
+ class: B([[
152
153
  g.value,
153
154
  p.value,
154
155
  { "text-filter-disabled": !e.enableTextFilter }
155
156
  ], "list-filter-text-input"])
156
- }, null, 42, je));
157
+ }, null, 42, qe));
157
158
  }
158
159
  }), $ = (e, s) => {
159
160
  const b = e.__vccOpts || e;
160
161
  for (const [h, o] of s)
161
162
  b[h] = o;
162
163
  return b;
163
- }, be = /* @__PURE__ */ $($e, [["__scopeId", "data-v-06682ad2"]]), Ke = {}, Ve = {
164
+ }, be = /* @__PURE__ */ $(je, [["__scopeId", "data-v-18c89a96"]]), $e = {}, Ke = {
164
165
  xmlns: "http://www.w3.org/2000/svg",
165
166
  fill: "currentColor",
166
167
  "aria-hidden": "true",
167
168
  "data-slot": "icon",
168
169
  viewBox: "0 -16 16 17"
169
170
  };
170
- function ze(e, s) {
171
- return L(), T("svg", Ve, s[0] || (s[0] = [
172
- H("path", {
171
+ function Ve(e, s) {
172
+ return L(), T("svg", Ke, s[0] || (s[0] = [
173
+ S("path", {
173
174
  "shape-rendering": "geometricPrecision",
174
175
  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"
175
176
  }, null, -1)
176
177
  ]));
177
178
  }
178
- const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = { class: "list-item-span" }, We = /* @__PURE__ */ Q({
179
+ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = { class: "list-item-span" }, Je = { class: "list-item-span" }, We = /* @__PURE__ */ Q({
179
180
  __name: "ListItem",
180
181
  props: {
181
182
  mouseHoveringOnList: {
@@ -217,27 +218,27 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
217
218
  const t = (Array.isArray(b.value) ? b.value : [b.value])[s.focusedIndex];
218
219
  return t && typeof t == "object" && "scrollIntoView" in t && typeof t.scrollIntoView == "function" ? t : null;
219
220
  });
220
- S(
221
+ F(
221
222
  () => s.showDropDown,
222
223
  () => o()
223
- ), S(
224
+ ), F(
224
225
  () => s.listElementOpenAndVisible,
225
- () => i()
226
- ), S(
226
+ () => r()
227
+ ), F(
227
228
  () => h.value,
228
- () => i()
229
+ () => r()
229
230
  );
230
231
  function o() {
231
232
  !s.showDropDown || !h?.value?.parentElement?.parentElement || (h.value.parentElement.parentElement.scrollTop = h.value.offsetTop);
232
233
  }
233
- function i() {
234
+ function r() {
234
235
  const a = h.value, t = a?.parentElement?.parentElement;
235
236
  if (!s.showDropDown || !a || !t) return;
236
- const l = a.offsetTop - t.scrollTop < 0, g = a.offsetTop + a.offsetHeight - t.scrollTop > t.clientHeight;
237
- l && (t.scrollTop = a.offsetTop), g && (t.scrollTop = a.offsetTop + a.clientHeight - t.clientHeight);
237
+ const i = a.offsetTop - t.scrollTop < 0, g = a.offsetTop + a.offsetHeight - t.scrollTop > t.clientHeight;
238
+ i && (t.scrollTop = a.offsetTop), g && (t.scrollTop = a.offsetTop + a.clientHeight - t.clientHeight);
238
239
  }
239
240
  return (a, t) => (L(), T(de, null, [
240
- (L(!0), T(de, null, Ee(e.filteredListItems, (l, g) => (L(), T("li", {
241
+ (L(!0), T(de, null, Ee(e.filteredListItems, (i, g) => (L(), T("li", {
241
242
  key: g,
242
243
  ref_for: !0,
243
244
  ref: "items",
@@ -252,8 +253,8 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
252
253
  ],
253
254
  onFocusout: t[5] || (t[5] = (p) => e.parentMethods.unfocus(p)),
254
255
  tabindex: "-1",
255
- onMousedown: te((p) => e.parentMethods.updatedSelected(l), ["left"]),
256
- class: F([
256
+ onMousedown: te((p) => e.parentMethods.updatedSelected(i), ["left"]),
257
+ class: B([
257
258
  { "list-option-selected": e.selectedIndex === g },
258
259
  {
259
260
  "list-option-active": e.filteredListItems.length === 1 || e.focusedIndex === g && !e.mouseHoveringOnList
@@ -261,54 +262,52 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
261
262
  "list-option"
262
263
  ])
263
264
  }, [
264
- H("span", {
265
- class: F(["list-item-span", { "list-item-extra-padding": e.selectedIndex === g }])
266
- }, ve(e.parentMethods.getLabel(l)), 3),
267
- e.selectedIndex === g ? (L(), ce(Xe, {
265
+ S("span", Ue, ve(e.parentMethods.getLabel(i)), 1),
266
+ e.selectedIndex === g ? (L(), ce(ze, {
268
267
  key: 0,
269
268
  class: "list-item-icon",
270
269
  "aria-hidden": "true"
271
270
  })) : j("", !0)
272
- ], 42, Ue))), 128)),
271
+ ], 42, Xe))), 128)),
273
272
  e.filteredListItems.length === 0 ? (L(), T("li", {
274
273
  key: 0,
275
274
  onKeyup: [
276
- t[6] || (t[6] = m((l) => e.parentMethods.press(l), ["enter"])),
277
- t[7] || (t[7] = m((l) => e.parentMethods.press(l), ["space"])),
278
- t[8] || (t[8] = m((l) => e.parentMethods.press(l), ["esc"]))
275
+ t[6] || (t[6] = m((i) => e.parentMethods.press(i), ["enter"])),
276
+ t[7] || (t[7] = m((i) => e.parentMethods.press(i), ["space"])),
277
+ t[8] || (t[8] = m((i) => e.parentMethods.press(i), ["esc"]))
279
278
  ],
280
279
  onKeydown: [
281
- t[9] || (t[9] = m((l) => e.parentMethods.press(l), ["up"])),
282
- t[10] || (t[10] = m((l) => e.parentMethods.press(l), ["down"]))
280
+ t[9] || (t[9] = m((i) => e.parentMethods.press(i), ["up"])),
281
+ t[10] || (t[10] = m((i) => e.parentMethods.press(i), ["down"]))
283
282
  ],
284
- onFocusout: t[11] || (t[11] = (l) => e.parentMethods.unfocus(l)),
285
- onMousedown: t[12] || (t[12] = te((l) => e.parentMethods.closeList(l), ["left"])),
283
+ onFocusout: t[11] || (t[11] = (i) => e.parentMethods.unfocus(i)),
284
+ onMousedown: t[12] || (t[12] = te((i) => e.parentMethods.closeList(i), ["left"])),
286
285
  tabindex: "-1",
287
286
  class: "list-option-message"
288
287
  }, t[20] || (t[20] = [
289
- H("span", { class: "list-item-span" }, "No Items To Display.", -1)
288
+ S("span", { class: "list-item-span" }, "No Items To Display.", -1)
290
289
  ]), 32)) : j("", !0),
291
290
  e.totalOptionsCount && e.totalOptionsCount > (e.filteredListItems?.length || 0) ? (L(), T("li", {
292
291
  key: 1,
293
292
  onKeyup: [
294
- t[13] || (t[13] = m((l) => e.parentMethods.press(l), ["enter"])),
295
- t[14] || (t[14] = m((l) => e.parentMethods.press(l), ["space"])),
296
- t[15] || (t[15] = m((l) => e.parentMethods.press(l), ["esc"]))
293
+ t[13] || (t[13] = m((i) => e.parentMethods.press(i), ["enter"])),
294
+ t[14] || (t[14] = m((i) => e.parentMethods.press(i), ["space"])),
295
+ t[15] || (t[15] = m((i) => e.parentMethods.press(i), ["esc"]))
297
296
  ],
298
297
  onKeydown: [
299
- t[16] || (t[16] = m((l) => e.parentMethods.press(l), ["up"])),
300
- t[17] || (t[17] = m((l) => e.parentMethods.press(l), ["down"]))
298
+ t[16] || (t[16] = m((i) => e.parentMethods.press(i), ["up"])),
299
+ t[17] || (t[17] = m((i) => e.parentMethods.press(i), ["down"]))
301
300
  ],
302
- onFocusout: t[18] || (t[18] = (l) => e.parentMethods.unfocus(l)),
303
- onMousedown: t[19] || (t[19] = te((l) => e.parentMethods.closeList(l), ["left"])),
301
+ onFocusout: t[18] || (t[18] = (i) => e.parentMethods.unfocus(i)),
302
+ onMousedown: t[19] || (t[19] = te((i) => e.parentMethods.closeList(i), ["left"])),
304
303
  tabindex: "-1",
305
304
  class: "list-option-message"
306
305
  }, [
307
- H("span", Je, " +" + ve(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
306
+ S("span", Je, " +" + ve(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
308
307
  ], 32)) : j("", !0)
309
308
  ], 64));
310
309
  }
311
- }), Qe = /* @__PURE__ */ $(We, [["__scopeId", "data-v-9b370840"]]), Ze = /* @__PURE__ */ Q({
310
+ }), Qe = /* @__PURE__ */ $(We, [["__scopeId", "data-v-f1a723a6"]]), Ze = /* @__PURE__ */ Q({
312
311
  __name: "ItemList",
313
312
  props: {
314
313
  mouseHoveringOnList: {
@@ -359,19 +358,19 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
359
358
  emits: ["reverseDropDownList"],
360
359
  setup(e, { expose: s, emit: b }) {
361
360
  Ae((u) => ({
362
- "6901590f": k.value,
363
- "6b0c807e": ne.value,
364
- "6b0c78fc": P.value,
365
- "53244b3a": R.value,
366
- b766b088: Y.value
361
+ "4d70fae9": k.value,
362
+ "17685e9b": ne.value,
363
+ "1768625c": P.value,
364
+ "57b60186": R.value,
365
+ "2b5b3b16": Y.value
367
366
  }));
368
- const h = b, o = e, i = f(null), a = f(null), t = f(null), l = f(0), g = f(0), p = f(0), N = f(0), k = f("0px"), d = f(!1), c = f([]), w = f(0), C = D(() => !d.value || window?.innerHeight == null ? !1 : z() && se()), E = D(() => o.maxListHeightPX >= w.value);
369
- S(
367
+ const h = b, o = e, r = f(null), a = f(null), t = f(null), i = f(0), g = f(0), p = f(0), N = f(0), k = f("0px"), d = f(!1), c = f([]), w = f(0), C = D(() => !d.value || window?.innerHeight == null ? !1 : z() && se()), E = D(() => o.maxListHeightPX >= w.value);
368
+ F(
370
369
  () => C.value,
371
370
  (u) => h("reverseDropDownList", u),
372
371
  { immediate: !0 }
373
372
  );
374
- const ne = D(() => l.value + "px"), P = D(() => N.value + "px");
373
+ const ne = D(() => i.value + "px"), P = D(() => N.value + "px");
375
374
  s({ listContainerRef: t });
376
375
  const oe = (u) => {
377
376
  u?.key && u.key === " " && u.preventDefault();
@@ -394,7 +393,7 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
394
393
  return p.value < Z();
395
394
  }
396
395
  const Y = D(() => (o.maxListHeightPX || 0) + "px"), R = D(() => (o.listAnimationDurationMs || 0) + "ms"), G = D(() => o.blockListChange ? c.value : o.filteredListItems);
397
- S(
396
+ F(
398
397
  () => G,
399
398
  (u) => {
400
399
  u && (c.value = u.value);
@@ -411,7 +410,7 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
411
410
  o.showDropDown || (d.value = !1, A && A.unobserve());
412
411
  }, o.listAnimationDurationMs + 50);
413
412
  }
414
- S(
413
+ F(
415
414
  () => o.showDropDown,
416
415
  (u, y) => {
417
416
  u !== y && (u ? q() : ie());
@@ -419,7 +418,7 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
419
418
  { immediate: !0 }
420
419
  );
421
420
  function K(u) {
422
- X(), Fe(() => X()), _(u);
421
+ X(), Ne(() => X()), _(u);
423
422
  }
424
423
  function _(u) {
425
424
  if (!o.enableScrollClose || !u?.target || typeof t?.value?.contains != "function" || u?.target?.nodeType == null) return;
@@ -430,39 +429,39 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
430
429
  le(), U();
431
430
  }
432
431
  function le() {
433
- if (i?.value == null) return;
434
- const u = i.value.getBoundingClientRect();
432
+ if (r?.value == null) return;
433
+ const u = r.value.getBoundingClientRect();
435
434
  g.value = u.top, p.value = window.innerHeight - u.bottom, k.value = u.width + "px";
436
435
  }
437
436
  function U() {
438
- if (i?.value == null || t?.value == null) return;
439
- const u = re().getBoundingClientRect(), y = t.value.getBoundingClientRect(), x = N.value, ee = l.value;
440
- C.value ? N.value = x - (u.top - y.bottom) : N.value = x - (y.top - u.bottom), l.value = ee - (y.left - u.left);
437
+ if (r?.value == null || t?.value == null) return;
438
+ const u = re().getBoundingClientRect(), y = t.value.getBoundingClientRect(), x = N.value, ee = i.value;
439
+ C.value ? N.value = x - (u.top - y.bottom) : N.value = x - (y.top - u.bottom), i.value = ee - (y.left - u.left);
441
440
  }
442
441
  function J() {
443
- return (i?.value).getElementsByTagName("button")[0];
442
+ return (r?.value).getElementsByTagName("button")[0];
444
443
  }
445
444
  function re() {
446
- return i?.value;
445
+ return r?.value;
447
446
  }
448
447
  return ye(() => {
449
- A = new Be(K, J()), setTimeout(() => K(void 0), 250);
450
- }), Se(() => {
448
+ A = new He(K, J()), setTimeout(() => K(void 0), 250);
449
+ }), Fe(() => {
451
450
  A?.unobserve();
452
451
  }), (u, y) => (L(), T(de, null, [
453
- H("div", {
452
+ S("div", {
454
453
  ref_key: "dropDownButtonContainer",
455
- ref: i,
454
+ ref: r,
456
455
  class: "super-list-button-container"
457
456
  }, [
458
457
  we(u.$slots, "default", {}, void 0, !0)
459
458
  ], 512),
460
- H("div", {
459
+ S("div", {
461
460
  ref_key: "listContainerRef",
462
461
  ref: t,
463
462
  onMouseenter: y[0] || (y[0] = (x) => e.parentMethods.mouseOverList()),
464
463
  tabindex: "-1",
465
- class: F([
464
+ class: B([
466
465
  "select-list",
467
466
  C.value ? "list-reverse" : "list-normal",
468
467
  { "select-list-open": e.showDropDown },
@@ -470,11 +469,10 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
470
469
  { "select-list-fixed": d.value },
471
470
  { "select-list-scrollable": !E.value }
472
471
  ]),
473
- style: Ne(d.value ? "" : "border: none !important;"),
474
472
  onKeydown: y[1] || (y[1] = m((x) => oe(x), ["space"])),
475
473
  onMouseup: y[2] || (y[2] = te((x) => V(x), ["left"]))
476
474
  }, [
477
- H("ul", {
475
+ S("ul", {
478
476
  tabindex: "-1",
479
477
  ref_key: "dropDownListUL",
480
478
  ref: a,
@@ -491,10 +489,10 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
491
489
  "total-options-count": e.totalOptionsCount
492
490
  }, null, 8, ["filteredListItems", "mouseHoveringOnList", "focusedIndex", "selectedIndex", "listElementOpenAndVisible", "parent-methods", "show-drop-down", "total-options-count"])
493
491
  ], 512)
494
- ], 38)
492
+ ], 34)
495
493
  ], 64));
496
494
  }
497
- }), he = /* @__PURE__ */ $(Ze, [["__scopeId", "data-v-50fd8839"]]), Ye = {}, Ge = {
495
+ }), he = /* @__PURE__ */ $(Ze, [["__scopeId", "data-v-9504a6f6"]]), Ye = {}, Ge = {
498
496
  xmlns: "http://www.w3.org/2000/svg",
499
497
  fill: "currentColor",
500
498
  "aria-hidden": "true",
@@ -503,7 +501,7 @@ const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = {
503
501
  };
504
502
  function _e(e, s) {
505
503
  return L(), T("svg", Ge, s[0] || (s[0] = [
506
- H("path", {
504
+ S("path", {
507
505
  "shape-rendering": "geometricPrecision",
508
506
  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"
509
507
  }, null, -1)
@@ -542,36 +540,39 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
542
540
  function b() {
543
541
  s.enableTextFilter || s.parentMethods.openList();
544
542
  }
545
- function h(o) {
546
- s.enableTextFilter ? (s.parentMethods.focusInput(), o.stopPropagation(), o.preventDefault()) : (console.log("pressing from button"), s.parentMethods.press(o));
543
+ function h(r) {
544
+ s.enableTextFilter ? (s.parentMethods.focusInput(), r.stopPropagation(), r.preventDefault()) : s.parentMethods.press(r);
547
545
  }
548
- return (o, i) => (L(), T("button", {
546
+ function o(r) {
547
+ s.enableTextFilter || s.parentMethods.press(r);
548
+ }
549
+ return (r, a) => (L(), T("button", {
549
550
  tabindex: e.enableTextFilter ? -1 : 0,
550
551
  onKeydown: [
551
- i[0] || (i[0] = m((a) => h(a), ["enter"])),
552
- i[1] || (i[1] = m((a) => e.parentMethods.press(a), ["space"])),
553
- i[2] || (i[2] = m((a) => e.parentMethods.press(a), ["esc"])),
554
- i[3] || (i[3] = m((a) => e.parentMethods.press(a), ["up"])),
555
- i[4] || (i[4] = m((a) => e.parentMethods.press(a), ["down"]))
552
+ a[0] || (a[0] = m((t) => h(t), ["enter"])),
553
+ a[1] || (a[1] = m((t) => o(t), ["space"])),
554
+ a[2] || (a[2] = m((t) => e.parentMethods.press(t), ["esc"])),
555
+ a[3] || (a[3] = m((t) => e.parentMethods.press(t), ["up"])),
556
+ a[4] || (a[4] = m((t) => e.parentMethods.press(t), ["down"]))
556
557
  ],
557
- onFocusout: i[5] || (i[5] = (a) => e.parentMethods.unfocus(a)),
558
- onClick: i[6] || (i[6] = (a) => b()),
558
+ onFocusout: a[5] || (a[5] = (t) => e.parentMethods.unfocus(t)),
559
+ onClick: a[6] || (a[6] = (t) => b()),
559
560
  type: "button",
560
- class: F([[{ "click-through": s.enableTextFilter || s.showDropDown }], "list-button"])
561
+ class: B([[{ "click-through": s.enableTextFilter || s.showDropDown }], "list-button"])
561
562
  }, [
562
- we(o.$slots, "default", {}, void 0, !0),
563
- H("span", {
564
- class: F(["list-button-icon-div", { "bigger-gap": s.showDropDown }])
563
+ we(r.$slots, "default", {}, void 0, !0),
564
+ S("span", {
565
+ class: B(["list-button-icon-div", { "bigger-gap": s.showDropDown }])
565
566
  }, [
566
567
  e.customIcon ? j("", !0) : (L(), T("span", {
567
568
  key: 0,
568
- class: F(["list-button-icon", [{ "rotate-180": !s.showDropDown }]])
569
+ class: B(["list-button-icon", [{ "rotate-180": !s.showDropDown }]])
569
570
  }, [
570
571
  W(ge, { "aria-hidden": "true" })
571
572
  ], 2)),
572
573
  e.customIcon ? j("", !0) : (L(), T("span", {
573
574
  key: 1,
574
- class: F(["list-button-icon", [{ "rotate-180": s.showDropDown }]])
575
+ class: B(["list-button-icon", [{ "rotate-180": s.showDropDown }]])
575
576
  }, [
576
577
  e.customIcon == null ? (L(), ce(ge, {
577
578
  key: 0,
@@ -579,12 +580,12 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
579
580
  })) : j("", !0)
580
581
  ], 2)),
581
582
  e.customIcon ? (L(), T("span", tt, [
582
- (L(), ce(He(e.customIcon), { "aria-hidden": "true" }))
583
+ (L(), ce(Se(e.customIcon), { "aria-hidden": "true" }))
583
584
  ])) : j("", !0)
584
585
  ], 2)
585
586
  ], 42, et));
586
587
  }
587
- }), ot = /* @__PURE__ */ $(nt, [["__scopeId", "data-v-80cac867"]]), st = /* @__PURE__ */ Q({
588
+ }), ot = /* @__PURE__ */ $(nt, [["__scopeId", "data-v-3e92a870"]]), st = /* @__PURE__ */ Q({
588
589
  __name: "super-list",
589
590
  props: {
590
591
  selected: {
@@ -637,22 +638,22 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
637
638
  },
638
639
  emits: { "update:selected": null },
639
640
  setup(e, { expose: s, emit: b }) {
640
- const h = b, o = e, i = f([]), a = new qe(), t = f(0), l = D(() => o.forceTextFilterVisibilityTo !== void 0 ? o.forceTextFilterVisibilityTo : t.value > o.maxListOptions), g = f(!1), p = f(!1), N = f(!1), k = f(!0), d = f(!1), c = f(!1), w = f(he), C = f(be), E = f("");
641
- S(
641
+ const h = b, o = e, r = f([]), a = new Re(), t = f(0), i = D(() => o.forceTextFilterVisibilityTo !== void 0 ? o.forceTextFilterVisibilityTo : t.value > o.maxListOptions), g = f(!1), p = f(!1), N = f(!1), k = f(!0), d = f(!1), c = f(!1), w = f(he), C = f(be), E = f("");
642
+ F(
642
643
  () => E.value,
643
- (n, r) => {
644
- n !== r && typeof o.options == "function" && ee(n);
644
+ (n, l) => {
645
+ n !== l && typeof o.options == "function" && ee(n);
645
646
  }
646
647
  );
647
648
  const ne = () => {
648
- l.value && C?.value?.blurInput();
649
+ i.value && C?.value?.blurInput();
649
650
  }, P = () => {
650
651
  clearTimeout(J), ne(), E.value = "", g.value = !1, k.value = !0;
651
652
  }, oe = D(() => c?.value === !0 ? "Error loading data" : d?.value === !0 ? "Loading..." : Z(o.selected)), V = (n) => {
652
653
  n && h("update:selected", n), P();
653
- }, M = (n, r = !1) => Pe(
654
+ }, M = (n, l = !1) => Be(
654
655
  n,
655
- r ? o.customPlaceHolderFunction : void 0,
656
+ l ? o.customPlaceHolderFunction : void 0,
656
657
  o.objectLabelKeyName,
657
658
  o.enumKeyToLabelObjectArray
658
659
  );
@@ -672,13 +673,13 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
672
673
  typeof o.options != "function" && !Array.isArray(o.options) ? z() : y();
673
674
  });
674
675
  const R = f(!1), G = f(0), O = f(0), A = f(0);
675
- S(
676
+ F(
676
677
  () => O.value,
677
- (n, r) => {
678
- n != r && !p.value && (A.value = n);
678
+ (n, l) => {
679
+ n != l && !p.value && (A.value = n);
679
680
  },
680
681
  { immediate: !0 }
681
- ), S(
682
+ ), F(
682
683
  () => p.value,
683
684
  (n) => {
684
685
  n || (A.value = O.value);
@@ -686,14 +687,14 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
686
687
  { immediate: !0 }
687
688
  );
688
689
  const q = D(() => {
689
- if (typeof o.options == "function" && !Array.isArray(o.options)) return i.value;
690
- const n = E.value, r = i.value;
691
- return n === "" ? r : r.filter((v) => M(v).toLowerCase().includes(n.toLowerCase()));
690
+ if (typeof o.options == "function" && !Array.isArray(o.options)) return r.value;
691
+ const n = E.value, l = r.value;
692
+ return n === "" ? l : l.filter((v) => M(v).toLowerCase().includes(n.toLowerCase()));
692
693
  });
693
- S(
694
+ F(
694
695
  () => q.value,
695
- (n, r) => {
696
- JSON.stringify(n) !== JSON.stringify(r) && K();
696
+ (n, l) => {
697
+ JSON.stringify(n) !== JSON.stringify(l) && K();
697
698
  },
698
699
  { immediate: !1, deep: !0 }
699
700
  );
@@ -705,12 +706,12 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
705
706
  };
706
707
  function _() {
707
708
  if (o.selected == null) return -1;
708
- const n = i.value.map((v) => M(v)), r = n.filter((v) => v === M(o.selected));
709
- if (r.length > 1) {
710
- const v = r.map((I) => n.indexOf(I));
709
+ const n = r.value.map((v) => M(v)), l = n.filter((v) => v === M(o.selected));
710
+ if (l.length > 1) {
711
+ const v = l.map((I) => n.indexOf(I));
711
712
  for (let I = 0; I < v.length; I++) {
712
- const B = JSON.stringify(i.value[v[I]]), ae = JSON.stringify(o.selected);
713
- if (B === ae) return v[I];
713
+ const H = JSON.stringify(r.value[v[I]]), ae = JSON.stringify(o.selected);
714
+ if (H === ae) return v[I];
714
715
  }
715
716
  return -1;
716
717
  }
@@ -719,8 +720,8 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
719
720
  const X = () => {
720
721
  d.value || (g.value || (p.value = !1, K(), le(), g.value = !0), R.value = !1, k.value = !1);
721
722
  }, le = () => {
722
- const n = window.innerWidth != null && window.innerWidth < 640, r = C.value.textInputRef;
723
- n && l.value && (re(), r?.scrollIntoView({ block: "start" }));
723
+ const n = window.innerWidth != null && window.innerWidth < 640, l = C.value.textInputRef;
724
+ n && i.value && (re(), l?.scrollIntoView({ block: "start" }));
724
725
  }, U = f(!0);
725
726
  let J = setTimeout(() => {
726
727
  }, 0);
@@ -731,32 +732,32 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
731
732
  }
732
733
  const u = () => C.value.focusInput();
733
734
  async function y() {
734
- typeof o.options == "function" ? await ee(E.value ? E.value : void 0, !0) : (pe(o.options), t.value = i.value.length), x();
735
+ typeof o.options == "function" ? await ee(E.value ? E.value : void 0, !0) : (pe(o.options), t.value = r.value.length), x();
735
736
  }
736
737
  s({ initializeOptions: y, getLabel: M });
737
738
  function x() {
738
- _() == -1 && i.value && !!i.value[0] && V(i.value[0]);
739
+ _() == -1 && r.value && !!r.value[0] && V(r.value[0]);
739
740
  }
740
- async function ee(n, r = !0) {
741
- d.value = r;
742
- const v = async () => o.options(o.maxListOptions, n || ""), I = (B) => {
743
- (!B || !("data" in B)) && z(), pe(B.data), Le(B?.data?.length ?? 0).then(() => {
741
+ async function ee(n, l = !0) {
742
+ d.value = l;
743
+ const v = async () => o.options(o.maxListOptions, n || ""), I = (H) => {
744
+ (!H || !("data" in H)) && z(), pe(H.data), Le(H?.data?.length ?? 0).then(() => {
744
745
  d.value = !1;
745
746
  });
746
747
  };
747
748
  await a.resetAndExecute(v, I);
748
749
  }
749
750
  async function Le(n) {
750
- const r = async () => o.options(1, ""), v = (I) => {
751
+ const l = async () => o.options(1, ""), v = (I) => {
751
752
  (!I || !("totalNum" in I)) && se(), t.value = I.totalNum ?? n;
752
753
  };
753
- await a.resetAndExecute(r, v);
754
+ await a.resetAndExecute(l, v);
754
755
  }
755
756
  const fe = () => C?.value?.textInputRef?.getElementsByTagName("li")[O.value] ?? null, xe = (n) => {
756
757
  g.value == !1 ? X() : n && Ie(n);
757
758
  }, Ie = (n) => {
758
- const r = n.key || n.code;
759
- (r === "Tab" || r === "Escape") && P(), r === "ArrowDown" && Te(n), r === "ArrowUp" && Oe(n), (r === "Enter" || r === " ") && De(), n.preventDefault(), n.stopPropagation();
759
+ const l = n.key || n.code;
760
+ (l === "Tab" || l === "Escape") && P(), l === "ArrowDown" && Te(n), l === "ArrowUp" && Oe(n), (l === "Enter" || l === " ") && De(), n.preventDefault(), n.stopPropagation();
760
761
  }, De = () => {
761
762
  q.value.length > 0 ? (p.value = !0, V(q.value[O.value])) : P();
762
763
  }, Te = (n) => {
@@ -766,8 +767,8 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
766
767
  }, Me = (n) => {
767
768
  if (g?.value === !1) return;
768
769
  E.value.length > 0 && (p.value = !0);
769
- const r = w?.value?.listContainerRef, v = C?.value?.textInputRef, I = n?.relatedTarget && v?.isEqualNode(n?.relatedTarget), B = n?.relatedTarget && r && r.contains(n?.relatedTarget), ae = n?.relatedTarget && r && r.isEqualNode(n?.relatedTarget);
770
- if (!(B || I)) {
770
+ const l = w?.value?.listContainerRef, v = C?.value?.textInputRef, I = n?.relatedTarget && v?.isEqualNode(n?.relatedTarget), H = n?.relatedTarget && l && l.contains(n?.relatedTarget), ae = n?.relatedTarget && l && l.isEqualNode(n?.relatedTarget);
771
+ if (!(H || I)) {
771
772
  if (ae) {
772
773
  u();
773
774
  return;
@@ -776,13 +777,13 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
776
777
  }
777
778
  };
778
779
  function pe(n) {
779
- Array.isArray(n) || z(), n.length > 0 && typeof n[0] == "object" && Ce(n), i.value = n;
780
+ Array.isArray(n) || z(), n.length > 0 && typeof n[0] == "object" && Ce(n), r.value = n;
780
781
  }
781
782
  function Ce(n) {
782
783
  (!o.objectLabelKeyName || o.objectLabelKeyName.length === 0) && Y();
783
- const r = o.objectLabelKeyName;
784
+ const l = o.objectLabelKeyName;
784
785
  for (let v = 0; v < n.length; v++)
785
- (typeof n[v] != "object" || !(r in n[v])) && Y();
786
+ (typeof n[v] != "object" || !(l in n[v])) && Y();
786
787
  }
787
788
  const ue = {
788
789
  openList: X,
@@ -794,9 +795,9 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
794
795
  focusInput: u,
795
796
  closeList: P
796
797
  };
797
- return (n, r) => (L(), T("div", {
798
+ return (n, l) => (L(), T("div", {
798
799
  style: { position: "relative" },
799
- class: F(n.$attrs.class)
800
+ class: B(n.$attrs.class)
800
801
  }, [
801
802
  W(he, {
802
803
  ref_key: "itemListRef",
@@ -810,16 +811,16 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
810
811
  "list-animation-duration-ms": e.listAnimationDurationMs,
811
812
  "parent-methods": ue,
812
813
  blockListChange: p.value,
813
- "onUpdate:blockListChange": r[1] || (r[1] = (v) => p.value = v),
814
+ "onUpdate:blockListChange": l[1] || (l[1] = (v) => p.value = v),
814
815
  "total-options-count": t.value,
815
- onReverseDropDownList: r[2] || (r[2] = (v) => N.value = v),
816
+ onReverseDropDownList: l[2] || (l[2] = (v) => N.value = v),
816
817
  enableScrollClose: U.value
817
818
  }, {
818
819
  default: me(() => [
819
820
  W(ot, {
820
821
  "parent-methods": ue,
821
822
  "show-drop-down": g.value,
822
- "enable-text-filter": l.value,
823
+ "enable-text-filter": i.value,
823
824
  "custom-icon": e.customIcon,
824
825
  "reverse-drop-down-list": N.value
825
826
  }, {
@@ -827,12 +828,12 @@ const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
827
828
  W(be, {
828
829
  ref_key: "dropDownTextInput",
829
830
  ref: C,
830
- "enable-text-filter": l.value,
831
+ "enable-text-filter": i.value,
831
832
  "show-drop-down": g.value,
832
833
  placeholder: oe.value,
833
834
  "enable-button-click": k.value,
834
835
  "parent-methods": ue,
835
- "onUpdate:query": r[0] || (r[0] = (v) => E.value = v)
836
+ "onUpdate:query": l[0] || (l[0] = (v) => E.value = v)
836
837
  }, null, 8, ["enable-text-filter", "show-drop-down", "placeholder", "enable-button-click"])
837
838
  ]),
838
839
  _: 1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jblehm/super-list",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist/ListInputComponents",