@jblehm/super-list 1.0.7 → 1.0.9
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 +43 -45
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
# superlist V1.0.
|
|
1
|
+
# superlist V1.0.9
|
|
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-
|
|
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-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-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,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as Q, ref as f, computed as D, openBlock as L, createElementBlock as T, withKeys as m, normalizeClass as
|
|
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 F, useTemplateRef as ke, watch as N, 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 Ne, renderSlot as we, createVNode as W, nextTick as Se, resolveDynamicComponent as Fe, withCtx as me } from "vue";
|
|
2
2
|
import './index.css';class He {
|
|
3
3
|
eventsTypes = ["resize", "load", "scroll", "wheel", "touchmove"];
|
|
4
4
|
config = {
|
|
@@ -148,7 +148,7 @@ const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ Q({
|
|
|
148
148
|
autocomplete: "off",
|
|
149
149
|
placeholder: e.placeholder,
|
|
150
150
|
size: l.value,
|
|
151
|
-
class:
|
|
151
|
+
class: B([[
|
|
152
152
|
g.value,
|
|
153
153
|
p.value,
|
|
154
154
|
{ "text-filter-disabled": !e.enableTextFilter }
|
|
@@ -169,13 +169,13 @@ const qe = ["tabindex", "placeholder", "size"], je = /* @__PURE__ */ Q({
|
|
|
169
169
|
};
|
|
170
170
|
function Ve(e, s) {
|
|
171
171
|
return L(), T("svg", Ke, s[0] || (s[0] = [
|
|
172
|
-
|
|
172
|
+
F("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 ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = { class: "list-item-span" }, Je = /* @__PURE__ */ Q({
|
|
178
|
+
const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = { class: "list-item-span" }, Je = { class: "list-item-span" }, We = /* @__PURE__ */ Q({
|
|
179
179
|
__name: "ListItem",
|
|
180
180
|
props: {
|
|
181
181
|
mouseHoveringOnList: {
|
|
@@ -253,7 +253,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
253
253
|
onFocusout: t[5] || (t[5] = (p) => e.parentMethods.unfocus(p)),
|
|
254
254
|
tabindex: "-1",
|
|
255
255
|
onMousedown: te((p) => e.parentMethods.updatedSelected(l), ["left"]),
|
|
256
|
-
class:
|
|
256
|
+
class: B([
|
|
257
257
|
{ "list-option-selected": e.selectedIndex === g },
|
|
258
258
|
{
|
|
259
259
|
"list-option-active": e.filteredListItems.length === 1 || e.focusedIndex === g && !e.mouseHoveringOnList
|
|
@@ -261,9 +261,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
261
261
|
"list-option"
|
|
262
262
|
])
|
|
263
263
|
}, [
|
|
264
|
-
|
|
265
|
-
class: F(["list-item-span", { "list-item-extra-padding": e.selectedIndex === g }])
|
|
266
|
-
}, ve(e.parentMethods.getLabel(l)), 3),
|
|
264
|
+
F("span", Ue, ve(e.parentMethods.getLabel(l)), 1),
|
|
267
265
|
e.selectedIndex === g ? (L(), ce(ze, {
|
|
268
266
|
key: 0,
|
|
269
267
|
class: "list-item-icon",
|
|
@@ -286,7 +284,7 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
286
284
|
tabindex: "-1",
|
|
287
285
|
class: "list-option-message"
|
|
288
286
|
}, t[20] || (t[20] = [
|
|
289
|
-
|
|
287
|
+
F("span", { class: "list-item-span" }, "No Items To Display.", -1)
|
|
290
288
|
]), 32)) : j("", !0),
|
|
291
289
|
e.totalOptionsCount && e.totalOptionsCount > (e.filteredListItems?.length || 0) ? (L(), T("li", {
|
|
292
290
|
key: 1,
|
|
@@ -304,11 +302,11 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
304
302
|
tabindex: "-1",
|
|
305
303
|
class: "list-option-message"
|
|
306
304
|
}, [
|
|
307
|
-
|
|
305
|
+
F("span", Je, " +" + ve(e.totalOptionsCount - e.filteredListItems?.length || 0) + " More Items...", 1)
|
|
308
306
|
], 32)) : j("", !0)
|
|
309
307
|
], 64));
|
|
310
308
|
}
|
|
311
|
-
}),
|
|
309
|
+
}), Qe = /* @__PURE__ */ $(We, [["__scopeId", "data-v-f1a723a6"]]), Ze = /* @__PURE__ */ Q({
|
|
312
310
|
__name: "ItemList",
|
|
313
311
|
props: {
|
|
314
312
|
mouseHoveringOnList: {
|
|
@@ -359,11 +357,11 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
359
357
|
emits: ["reverseDropDownList"],
|
|
360
358
|
setup(e, { expose: s, emit: b }) {
|
|
361
359
|
Ae((u) => ({
|
|
362
|
-
"
|
|
363
|
-
"
|
|
364
|
-
|
|
365
|
-
"
|
|
366
|
-
|
|
360
|
+
"4d70fae9": k.value,
|
|
361
|
+
"17685e9b": ne.value,
|
|
362
|
+
"1768625c": P.value,
|
|
363
|
+
"57b60186": R.value,
|
|
364
|
+
"2b5b3b16": Y.value
|
|
367
365
|
}));
|
|
368
366
|
const h = b, o = e, i = f(null), a = f(null), t = f(null), l = f(0), g = f(0), p = f(0), S = 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
367
|
N(
|
|
@@ -450,19 +448,19 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
450
448
|
}), Ne(() => {
|
|
451
449
|
A?.unobserve();
|
|
452
450
|
}), (u, y) => (L(), T(de, null, [
|
|
453
|
-
|
|
451
|
+
F("div", {
|
|
454
452
|
ref_key: "dropDownButtonContainer",
|
|
455
453
|
ref: i,
|
|
456
454
|
class: "super-list-button-container"
|
|
457
455
|
}, [
|
|
458
456
|
we(u.$slots, "default", {}, void 0, !0)
|
|
459
457
|
], 512),
|
|
460
|
-
|
|
458
|
+
F("div", {
|
|
461
459
|
ref_key: "listContainerRef",
|
|
462
460
|
ref: t,
|
|
463
461
|
onMouseenter: y[0] || (y[0] = (x) => e.parentMethods.mouseOverList()),
|
|
464
462
|
tabindex: "-1",
|
|
465
|
-
class:
|
|
463
|
+
class: B([
|
|
466
464
|
"select-list",
|
|
467
465
|
C.value ? "list-reverse" : "list-normal",
|
|
468
466
|
{ "select-list-open": e.showDropDown },
|
|
@@ -473,13 +471,13 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
473
471
|
onKeydown: y[1] || (y[1] = m((x) => oe(x), ["space"])),
|
|
474
472
|
onMouseup: y[2] || (y[2] = te((x) => V(x), ["left"]))
|
|
475
473
|
}, [
|
|
476
|
-
|
|
474
|
+
F("ul", {
|
|
477
475
|
tabindex: "-1",
|
|
478
476
|
ref_key: "dropDownListUL",
|
|
479
477
|
ref: a,
|
|
480
478
|
class: "list-content"
|
|
481
479
|
}, [
|
|
482
|
-
W(
|
|
480
|
+
W(Qe, {
|
|
483
481
|
filteredListItems: c.value,
|
|
484
482
|
mouseHoveringOnList: e.mouseHoveringOnList,
|
|
485
483
|
focusedIndex: e.focusedIndex,
|
|
@@ -493,25 +491,25 @@ const ze = /* @__PURE__ */ $($e, [["render", Ve]]), Xe = ["onMousedown"], Ue = {
|
|
|
493
491
|
], 34)
|
|
494
492
|
], 64));
|
|
495
493
|
}
|
|
496
|
-
}), he = /* @__PURE__ */ $(
|
|
494
|
+
}), he = /* @__PURE__ */ $(Ze, [["__scopeId", "data-v-9504a6f6"]]), Ye = {}, Ge = {
|
|
497
495
|
xmlns: "http://www.w3.org/2000/svg",
|
|
498
496
|
fill: "currentColor",
|
|
499
497
|
"aria-hidden": "true",
|
|
500
498
|
"data-slot": "icon",
|
|
501
499
|
viewBox: "0 0 12 6"
|
|
502
500
|
};
|
|
503
|
-
function
|
|
504
|
-
return L(), T("svg",
|
|
505
|
-
|
|
501
|
+
function _e(e, s) {
|
|
502
|
+
return L(), T("svg", Ge, s[0] || (s[0] = [
|
|
503
|
+
F("path", {
|
|
506
504
|
"shape-rendering": "geometricPrecision",
|
|
507
505
|
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
506
|
}, null, -1)
|
|
509
507
|
]));
|
|
510
508
|
}
|
|
511
|
-
const ge = /* @__PURE__ */ $(
|
|
509
|
+
const ge = /* @__PURE__ */ $(Ye, [["render", _e]]), et = ["tabindex"], tt = {
|
|
512
510
|
key: 2,
|
|
513
511
|
class: "list-button-icon custom-icon"
|
|
514
|
-
},
|
|
512
|
+
}, nt = /* @__PURE__ */ Q({
|
|
515
513
|
__name: "ListButton",
|
|
516
514
|
props: {
|
|
517
515
|
// eslint-disable-line
|
|
@@ -556,34 +554,34 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
556
554
|
onFocusout: i[5] || (i[5] = (a) => e.parentMethods.unfocus(a)),
|
|
557
555
|
onClick: i[6] || (i[6] = (a) => b()),
|
|
558
556
|
type: "button",
|
|
559
|
-
class:
|
|
557
|
+
class: B([[{ "click-through": s.enableTextFilter || s.showDropDown }], "list-button"])
|
|
560
558
|
}, [
|
|
561
559
|
we(o.$slots, "default", {}, void 0, !0),
|
|
562
|
-
|
|
563
|
-
class:
|
|
560
|
+
F("span", {
|
|
561
|
+
class: B(["list-button-icon-div", { "bigger-gap": s.showDropDown }])
|
|
564
562
|
}, [
|
|
565
563
|
e.customIcon ? j("", !0) : (L(), T("span", {
|
|
566
564
|
key: 0,
|
|
567
|
-
class:
|
|
565
|
+
class: B(["list-button-icon", [{ "rotate-180": !s.showDropDown }]])
|
|
568
566
|
}, [
|
|
569
567
|
W(ge, { "aria-hidden": "true" })
|
|
570
568
|
], 2)),
|
|
571
569
|
e.customIcon ? j("", !0) : (L(), T("span", {
|
|
572
570
|
key: 1,
|
|
573
|
-
class:
|
|
571
|
+
class: B(["list-button-icon", [{ "rotate-180": s.showDropDown }]])
|
|
574
572
|
}, [
|
|
575
573
|
e.customIcon == null ? (L(), ce(ge, {
|
|
576
574
|
key: 0,
|
|
577
575
|
"aria-hidden": "true"
|
|
578
576
|
})) : j("", !0)
|
|
579
577
|
], 2)),
|
|
580
|
-
e.customIcon ? (L(), T("span",
|
|
578
|
+
e.customIcon ? (L(), T("span", tt, [
|
|
581
579
|
(L(), ce(Fe(e.customIcon), { "aria-hidden": "true" }))
|
|
582
580
|
])) : j("", !0)
|
|
583
581
|
], 2)
|
|
584
|
-
], 42,
|
|
582
|
+
], 42, et));
|
|
585
583
|
}
|
|
586
|
-
}),
|
|
584
|
+
}), ot = /* @__PURE__ */ $(nt, [["__scopeId", "data-v-80cac867"]]), st = /* @__PURE__ */ Q({
|
|
587
585
|
__name: "super-list",
|
|
588
586
|
props: {
|
|
589
587
|
selected: {
|
|
@@ -708,8 +706,8 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
708
706
|
if (r.length > 1) {
|
|
709
707
|
const v = r.map((I) => n.indexOf(I));
|
|
710
708
|
for (let I = 0; I < v.length; I++) {
|
|
711
|
-
const
|
|
712
|
-
if (
|
|
709
|
+
const H = JSON.stringify(i.value[v[I]]), ae = JSON.stringify(o.selected);
|
|
710
|
+
if (H === ae) return v[I];
|
|
713
711
|
}
|
|
714
712
|
return -1;
|
|
715
713
|
}
|
|
@@ -738,8 +736,8 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
738
736
|
}
|
|
739
737
|
async function ee(n, r = !0) {
|
|
740
738
|
d.value = r;
|
|
741
|
-
const v = async () => o.options(o.maxListOptions, n || ""), I = (
|
|
742
|
-
(!
|
|
739
|
+
const v = async () => o.options(o.maxListOptions, n || ""), I = (H) => {
|
|
740
|
+
(!H || !("data" in H)) && z(), pe(H.data), Le(H?.data?.length ?? 0).then(() => {
|
|
743
741
|
d.value = !1;
|
|
744
742
|
});
|
|
745
743
|
};
|
|
@@ -765,8 +763,8 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
765
763
|
}, Me = (n) => {
|
|
766
764
|
if (g?.value === !1) return;
|
|
767
765
|
E.value.length > 0 && (p.value = !0);
|
|
768
|
-
const r = w?.value?.listContainerRef, v = C?.value?.textInputRef, I = n?.relatedTarget && v?.isEqualNode(n?.relatedTarget),
|
|
769
|
-
if (!(
|
|
766
|
+
const r = w?.value?.listContainerRef, v = C?.value?.textInputRef, I = n?.relatedTarget && v?.isEqualNode(n?.relatedTarget), H = n?.relatedTarget && r && r.contains(n?.relatedTarget), ae = n?.relatedTarget && r && r.isEqualNode(n?.relatedTarget);
|
|
767
|
+
if (!(H || I)) {
|
|
770
768
|
if (ae) {
|
|
771
769
|
u();
|
|
772
770
|
return;
|
|
@@ -795,7 +793,7 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
795
793
|
};
|
|
796
794
|
return (n, r) => (L(), T("div", {
|
|
797
795
|
style: { position: "relative" },
|
|
798
|
-
class:
|
|
796
|
+
class: B(n.$attrs.class)
|
|
799
797
|
}, [
|
|
800
798
|
W(he, {
|
|
801
799
|
ref_key: "itemListRef",
|
|
@@ -815,7 +813,7 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
815
813
|
enableScrollClose: U.value
|
|
816
814
|
}, {
|
|
817
815
|
default: me(() => [
|
|
818
|
-
W(
|
|
816
|
+
W(ot, {
|
|
819
817
|
"parent-methods": ue,
|
|
820
818
|
"show-drop-down": g.value,
|
|
821
819
|
"enable-text-filter": l.value,
|
|
@@ -841,8 +839,8 @@ const ge = /* @__PURE__ */ $(Ze, [["render", Ge]]), _e = ["tabindex"], et = {
|
|
|
841
839
|
}, 8, ["show-drop-down", "filteredListItems", "mouseHoveringOnList", "focusedIndex", "selectedIndex", "max-list-height-p-x", "list-animation-duration-ms", "blockListChange", "total-options-count", "enableScrollClose"])
|
|
842
840
|
], 2));
|
|
843
841
|
}
|
|
844
|
-
}),
|
|
842
|
+
}), lt = /* @__PURE__ */ $(st, [["__scopeId", "data-v-f0f16320"]]);
|
|
845
843
|
export {
|
|
846
|
-
|
|
844
|
+
lt as default
|
|
847
845
|
};
|
|
848
846
|
//# sourceMappingURL=super-list.js.map
|