@jblehm/super-list 1.0.6 → 1.0.8
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.
- package/README.md +1 -1
- package/dist/index.css +1 -1
- package/dist/super-list.js +59 -58
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
# superlist V1.0.
|
|
1
|
+
# superlist V1.0.8
|
|
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-
|
|
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}
|
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
|
|
2
|
-
import './index.css';class
|
|
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 {
|
|
3
3
|
eventsTypes = ["resize", "load", "scroll", "wheel", "touchmove"];
|
|
4
4
|
config = {
|
|
5
5
|
attributes: !0,
|
|
@@ -46,13 +46,13 @@ import './index.css';class He {
|
|
|
46
46
|
window.removeEventListener("resize", this.callbackFunction);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
function
|
|
50
|
-
return e == null ? "" : typeof e == "object" ? e[b] : h ?
|
|
49
|
+
function Pe(e, s, b, h) {
|
|
50
|
+
return e == null ? "" : typeof e == "object" ? e[b] : h ? Re(e, h) : s ? s(e) : "" + e;
|
|
51
51
|
}
|
|
52
|
-
function
|
|
52
|
+
function Re(e, s) {
|
|
53
53
|
return s.find((b) => b.type === e)?.label ?? "";
|
|
54
54
|
}
|
|
55
|
-
class
|
|
55
|
+
class qe {
|
|
56
56
|
constructor() {
|
|
57
57
|
this.abortController = new AbortController(), this.func = () => {
|
|
58
58
|
}, this.then = () => {
|
|
@@ -79,7 +79,7 @@ class Re {
|
|
|
79
79
|
return this.abort("New Request From Controller."), this.setFunc(s), this.setThen(b), this.execute();
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
const
|
|
82
|
+
const je = ["tabindex", "placeholder", "size"], $e = /* @__PURE__ */ Q({
|
|
83
83
|
__name: "ListTextInput",
|
|
84
84
|
props: {
|
|
85
85
|
enableTextFilter: {
|
|
@@ -120,7 +120,7 @@ const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ Q({
|
|
|
120
120
|
const d = i?.value ? i.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
|
-
function
|
|
123
|
+
function N() {
|
|
124
124
|
if (i?.value) {
|
|
125
125
|
const d = i.value;
|
|
126
126
|
d.blur(), d.value = "";
|
|
@@ -129,7 +129,7 @@ const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ Q({
|
|
|
129
129
|
function k() {
|
|
130
130
|
i?.value && i.value.focus();
|
|
131
131
|
}
|
|
132
|
-
return s({ blurInput:
|
|
132
|
+
return s({ blurInput: N, focusInput: k, textInputRef: i }), (d, c) => (L(), T("input", {
|
|
133
133
|
ref_key: "textInputRef",
|
|
134
134
|
ref: i,
|
|
135
135
|
tabindex: e.enableTextFilter ? 0 : -1,
|
|
@@ -153,29 +153,29 @@ const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ Q({
|
|
|
153
153
|
p.value,
|
|
154
154
|
{ "text-filter-disabled": !e.enableTextFilter }
|
|
155
155
|
], "list-filter-text-input"])
|
|
156
|
-
}, null, 42,
|
|
156
|
+
}, null, 42, je));
|
|
157
157
|
}
|
|
158
158
|
}), $ = (e, s) => {
|
|
159
159
|
const b = e.__vccOpts || e;
|
|
160
160
|
for (const [h, o] of s)
|
|
161
161
|
b[h] = o;
|
|
162
162
|
return b;
|
|
163
|
-
}, be = /* @__PURE__ */ $(
|
|
163
|
+
}, be = /* @__PURE__ */ $($e, [["__scopeId", "data-v-06682ad2"]]), Ke = {}, Ve = {
|
|
164
164
|
xmlns: "http://www.w3.org/2000/svg",
|
|
165
165
|
fill: "currentColor",
|
|
166
166
|
"aria-hidden": "true",
|
|
167
167
|
"data-slot": "icon",
|
|
168
168
|
viewBox: "0 -16 16 17"
|
|
169
169
|
};
|
|
170
|
-
function
|
|
171
|
-
return L(), T("svg",
|
|
170
|
+
function ze(e, s) {
|
|
171
|
+
return L(), T("svg", Ve, s[0] || (s[0] = [
|
|
172
172
|
H("path", {
|
|
173
173
|
"shape-rendering": "geometricPrecision",
|
|
174
174
|
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
175
|
}, null, -1)
|
|
176
176
|
]));
|
|
177
177
|
}
|
|
178
|
-
const
|
|
178
|
+
const Xe = /* @__PURE__ */ $(Ke, [["render", ze]]), Ue = ["onMousedown"], Je = { class: "list-item-span" }, We = /* @__PURE__ */ Q({
|
|
179
179
|
__name: "ListItem",
|
|
180
180
|
props: {
|
|
181
181
|
mouseHoveringOnList: {
|
|
@@ -217,13 +217,13 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
217
217
|
const t = (Array.isArray(b.value) ? b.value : [b.value])[s.focusedIndex];
|
|
218
218
|
return t && typeof t == "object" && "scrollIntoView" in t && typeof t.scrollIntoView == "function" ? t : null;
|
|
219
219
|
});
|
|
220
|
-
|
|
220
|
+
S(
|
|
221
221
|
() => s.showDropDown,
|
|
222
222
|
() => o()
|
|
223
|
-
),
|
|
223
|
+
), S(
|
|
224
224
|
() => s.listElementOpenAndVisible,
|
|
225
225
|
() => i()
|
|
226
|
-
),
|
|
226
|
+
), S(
|
|
227
227
|
() => h.value,
|
|
228
228
|
() => i()
|
|
229
229
|
);
|
|
@@ -264,12 +264,12 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
264
264
|
H("span", {
|
|
265
265
|
class: F(["list-item-span", { "list-item-extra-padding": e.selectedIndex === g }])
|
|
266
266
|
}, ve(e.parentMethods.getLabel(l)), 3),
|
|
267
|
-
e.selectedIndex === g ? (L(), ce(
|
|
267
|
+
e.selectedIndex === g ? (L(), ce(Xe, {
|
|
268
268
|
key: 0,
|
|
269
269
|
class: "list-item-icon",
|
|
270
270
|
"aria-hidden": "true"
|
|
271
271
|
})) : j("", !0)
|
|
272
|
-
], 42,
|
|
272
|
+
], 42, Ue))), 128)),
|
|
273
273
|
e.filteredListItems.length === 0 ? (L(), T("li", {
|
|
274
274
|
key: 0,
|
|
275
275
|
onKeyup: [
|
|
@@ -304,11 +304,11 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
304
304
|
tabindex: "-1",
|
|
305
305
|
class: "list-option-message"
|
|
306
306
|
}, [
|
|
307
|
-
H("span",
|
|
307
|
+
H("span", Je, " +" + ve(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
|
|
308
308
|
], 32)) : j("", !0)
|
|
309
309
|
], 64));
|
|
310
310
|
}
|
|
311
|
-
}),
|
|
311
|
+
}), Qe = /* @__PURE__ */ $(We, [["__scopeId", "data-v-9b370840"]]), Ze = /* @__PURE__ */ Q({
|
|
312
312
|
__name: "ItemList",
|
|
313
313
|
props: {
|
|
314
314
|
mouseHoveringOnList: {
|
|
@@ -359,19 +359,19 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
359
359
|
emits: ["reverseDropDownList"],
|
|
360
360
|
setup(e, { expose: s, emit: b }) {
|
|
361
361
|
Ae((u) => ({
|
|
362
|
-
"
|
|
363
|
-
"
|
|
364
|
-
"
|
|
365
|
-
"
|
|
366
|
-
|
|
362
|
+
"6901590f": k.value,
|
|
363
|
+
"6b0c807e": ne.value,
|
|
364
|
+
"6b0c78fc": P.value,
|
|
365
|
+
"53244b3a": R.value,
|
|
366
|
+
b766b088: Y.value
|
|
367
367
|
}));
|
|
368
|
-
const h = b, o = e, i = f(null), a = f(null), t = f(null), l = f(0), g = f(0), p = f(0),
|
|
369
|
-
|
|
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(
|
|
370
370
|
() => C.value,
|
|
371
371
|
(u) => h("reverseDropDownList", u),
|
|
372
372
|
{ immediate: !0 }
|
|
373
373
|
);
|
|
374
|
-
const ne = D(() => l.value + "px"), P = D(() =>
|
|
374
|
+
const ne = D(() => l.value + "px"), P = D(() => N.value + "px");
|
|
375
375
|
s({ listContainerRef: t });
|
|
376
376
|
const oe = (u) => {
|
|
377
377
|
u?.key && u.key === " " && u.preventDefault();
|
|
@@ -394,7 +394,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
394
394
|
return p.value < Z();
|
|
395
395
|
}
|
|
396
396
|
const Y = D(() => (o.maxListHeightPX || 0) + "px"), R = D(() => (o.listAnimationDurationMs || 0) + "ms"), G = D(() => o.blockListChange ? c.value : o.filteredListItems);
|
|
397
|
-
|
|
397
|
+
S(
|
|
398
398
|
() => G,
|
|
399
399
|
(u) => {
|
|
400
400
|
u && (c.value = u.value);
|
|
@@ -411,7 +411,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
411
411
|
o.showDropDown || (d.value = !1, A && A.unobserve());
|
|
412
412
|
}, o.listAnimationDurationMs + 50);
|
|
413
413
|
}
|
|
414
|
-
|
|
414
|
+
S(
|
|
415
415
|
() => o.showDropDown,
|
|
416
416
|
(u, y) => {
|
|
417
417
|
u !== y && (u ? q() : ie());
|
|
@@ -419,7 +419,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
419
419
|
{ immediate: !0 }
|
|
420
420
|
);
|
|
421
421
|
function K(u) {
|
|
422
|
-
X(),
|
|
422
|
+
X(), Fe(() => X()), _(u);
|
|
423
423
|
}
|
|
424
424
|
function _(u) {
|
|
425
425
|
if (!o.enableScrollClose || !u?.target || typeof t?.value?.contains != "function" || u?.target?.nodeType == null) return;
|
|
@@ -436,8 +436,8 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
436
436
|
}
|
|
437
437
|
function U() {
|
|
438
438
|
if (i?.value == null || t?.value == null) return;
|
|
439
|
-
const u = re().getBoundingClientRect(), y = t.value.getBoundingClientRect(), x =
|
|
440
|
-
C.value ?
|
|
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);
|
|
441
441
|
}
|
|
442
442
|
function J() {
|
|
443
443
|
return (i?.value).getElementsByTagName("button")[0];
|
|
@@ -446,8 +446,8 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
446
446
|
return i?.value;
|
|
447
447
|
}
|
|
448
448
|
return ye(() => {
|
|
449
|
-
A = new
|
|
450
|
-
}),
|
|
449
|
+
A = new Be(K, J()), setTimeout(() => K(void 0), 250);
|
|
450
|
+
}), Se(() => {
|
|
451
451
|
A?.unobserve();
|
|
452
452
|
}), (u, y) => (L(), T(de, null, [
|
|
453
453
|
H("div", {
|
|
@@ -470,6 +470,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
470
470
|
{ "select-list-fixed": d.value },
|
|
471
471
|
{ "select-list-scrollable": !E.value }
|
|
472
472
|
]),
|
|
473
|
+
style: Ne(d.value ? "" : "border: none !important;"),
|
|
473
474
|
onKeydown: y[1] || (y[1] = m((x) => oe(x), ["space"])),
|
|
474
475
|
onMouseup: y[2] || (y[2] = te((x) => V(x), ["left"]))
|
|
475
476
|
}, [
|
|
@@ -479,7 +480,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
479
480
|
ref: a,
|
|
480
481
|
class: "list-content"
|
|
481
482
|
}, [
|
|
482
|
-
W(
|
|
483
|
+
W(Qe, {
|
|
483
484
|
filteredListItems: c.value,
|
|
484
485
|
mouseHoveringOnList: e.mouseHoveringOnList,
|
|
485
486
|
focusedIndex: e.focusedIndex,
|
|
@@ -490,28 +491,28 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
490
491
|
"total-options-count": e.totalOptionsCount
|
|
491
492
|
}, null, 8, ["filteredListItems", "mouseHoveringOnList", "focusedIndex", "selectedIndex", "listElementOpenAndVisible", "parent-methods", "show-drop-down", "total-options-count"])
|
|
492
493
|
], 512)
|
|
493
|
-
],
|
|
494
|
+
], 38)
|
|
494
495
|
], 64));
|
|
495
496
|
}
|
|
496
|
-
}), he = /* @__PURE__ */ $(
|
|
497
|
+
}), he = /* @__PURE__ */ $(Ze, [["__scopeId", "data-v-50fd8839"]]), Ye = {}, Ge = {
|
|
497
498
|
xmlns: "http://www.w3.org/2000/svg",
|
|
498
499
|
fill: "currentColor",
|
|
499
500
|
"aria-hidden": "true",
|
|
500
501
|
"data-slot": "icon",
|
|
501
502
|
viewBox: "0 0 12 6"
|
|
502
503
|
};
|
|
503
|
-
function
|
|
504
|
-
return L(), T("svg",
|
|
504
|
+
function _e(e, s) {
|
|
505
|
+
return L(), T("svg", Ge, s[0] || (s[0] = [
|
|
505
506
|
H("path", {
|
|
506
507
|
"shape-rendering": "geometricPrecision",
|
|
507
508
|
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"
|
|
508
509
|
}, null, -1)
|
|
509
510
|
]));
|
|
510
511
|
}
|
|
511
|
-
const ge = /* @__PURE__ */ $(
|
|
512
|
+
const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
|
|
512
513
|
key: 2,
|
|
513
514
|
class: "list-button-icon custom-icon"
|
|
514
|
-
},
|
|
515
|
+
}, nt = /* @__PURE__ */ Q({
|
|
515
516
|
__name: "ListButton",
|
|
516
517
|
props: {
|
|
517
518
|
// eslint-disable-line
|
|
@@ -577,13 +578,13 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
577
578
|
"aria-hidden": "true"
|
|
578
579
|
})) : j("", !0)
|
|
579
580
|
], 2)),
|
|
580
|
-
e.customIcon ? (L(), T("span",
|
|
581
|
-
(L(), ce(
|
|
581
|
+
e.customIcon ? (L(), T("span", tt, [
|
|
582
|
+
(L(), ce(He(e.customIcon), { "aria-hidden": "true" }))
|
|
582
583
|
])) : j("", !0)
|
|
583
584
|
], 2)
|
|
584
|
-
], 42,
|
|
585
|
+
], 42, et));
|
|
585
586
|
}
|
|
586
|
-
}),
|
|
587
|
+
}), ot = /* @__PURE__ */ $(nt, [["__scopeId", "data-v-80cac867"]]), st = /* @__PURE__ */ Q({
|
|
587
588
|
__name: "super-list",
|
|
588
589
|
props: {
|
|
589
590
|
selected: {
|
|
@@ -636,8 +637,8 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
636
637
|
},
|
|
637
638
|
emits: { "update:selected": null },
|
|
638
639
|
setup(e, { expose: s, emit: b }) {
|
|
639
|
-
const h = b, o = e, i = f([]), a = new
|
|
640
|
-
|
|
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
642
|
() => E.value,
|
|
642
643
|
(n, r) => {
|
|
643
644
|
n !== r && typeof o.options == "function" && ee(n);
|
|
@@ -649,7 +650,7 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
649
650
|
clearTimeout(J), ne(), E.value = "", g.value = !1, k.value = !0;
|
|
650
651
|
}, oe = D(() => c?.value === !0 ? "Error loading data" : d?.value === !0 ? "Loading..." : Z(o.selected)), V = (n) => {
|
|
651
652
|
n && h("update:selected", n), P();
|
|
652
|
-
}, M = (n, r = !1) =>
|
|
653
|
+
}, M = (n, r = !1) => Pe(
|
|
653
654
|
n,
|
|
654
655
|
r ? o.customPlaceHolderFunction : void 0,
|
|
655
656
|
o.objectLabelKeyName,
|
|
@@ -671,13 +672,13 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
671
672
|
typeof o.options != "function" && !Array.isArray(o.options) ? z() : y();
|
|
672
673
|
});
|
|
673
674
|
const R = f(!1), G = f(0), O = f(0), A = f(0);
|
|
674
|
-
|
|
675
|
+
S(
|
|
675
676
|
() => O.value,
|
|
676
677
|
(n, r) => {
|
|
677
678
|
n != r && !p.value && (A.value = n);
|
|
678
679
|
},
|
|
679
680
|
{ immediate: !0 }
|
|
680
|
-
),
|
|
681
|
+
), S(
|
|
681
682
|
() => p.value,
|
|
682
683
|
(n) => {
|
|
683
684
|
n || (A.value = O.value);
|
|
@@ -689,7 +690,7 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
689
690
|
const n = E.value, r = i.value;
|
|
690
691
|
return n === "" ? r : r.filter((v) => M(v).toLowerCase().includes(n.toLowerCase()));
|
|
691
692
|
});
|
|
692
|
-
|
|
693
|
+
S(
|
|
693
694
|
() => q.value,
|
|
694
695
|
(n, r) => {
|
|
695
696
|
JSON.stringify(n) !== JSON.stringify(r) && K();
|
|
@@ -811,16 +812,16 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
811
812
|
blockListChange: p.value,
|
|
812
813
|
"onUpdate:blockListChange": r[1] || (r[1] = (v) => p.value = v),
|
|
813
814
|
"total-options-count": t.value,
|
|
814
|
-
onReverseDropDownList: r[2] || (r[2] = (v) =>
|
|
815
|
+
onReverseDropDownList: r[2] || (r[2] = (v) => N.value = v),
|
|
815
816
|
enableScrollClose: U.value
|
|
816
817
|
}, {
|
|
817
818
|
default: me(() => [
|
|
818
|
-
W(
|
|
819
|
+
W(ot, {
|
|
819
820
|
"parent-methods": ue,
|
|
820
821
|
"show-drop-down": g.value,
|
|
821
822
|
"enable-text-filter": l.value,
|
|
822
823
|
"custom-icon": e.customIcon,
|
|
823
|
-
"reverse-drop-down-list":
|
|
824
|
+
"reverse-drop-down-list": N.value
|
|
824
825
|
}, {
|
|
825
826
|
default: me(() => [
|
|
826
827
|
W(be, {
|
|
@@ -841,8 +842,8 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
841
842
|
}, 8, ["show-drop-down", "filteredListItems", "mouseHoveringOnList", "focusedIndex", "selectedIndex", "max-list-height-p-x", "list-animation-duration-ms", "blockListChange", "total-options-count", "enableScrollClose"])
|
|
842
843
|
], 2));
|
|
843
844
|
}
|
|
844
|
-
}),
|
|
845
|
+
}), lt = /* @__PURE__ */ $(st, [["__scopeId", "data-v-f0f16320"]]);
|
|
845
846
|
export {
|
|
846
|
-
|
|
847
|
+
lt as default
|
|
847
848
|
};
|
|
848
849
|
//# sourceMappingURL=super-list.js.map
|