@wikicasa-dev/components 2.2.9-alpha.32 → 2.2.9-alpha.34
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.
|
@@ -35,6 +35,8 @@ declare function __VLS_template(): {
|
|
|
35
35
|
toggleDropdown: () => void;
|
|
36
36
|
isOpen: boolean;
|
|
37
37
|
activeIdx: number;
|
|
38
|
+
setActiveIdx: (idx?: Nullable<number>) => void;
|
|
39
|
+
setSelectedIdx: (idx?: Nullable<number>) => void;
|
|
38
40
|
}): any;
|
|
39
41
|
default?(_: {
|
|
40
42
|
isOpen: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as B, mergeModels as y, useModel as p, useId as F, useTemplateRef as
|
|
2
|
-
import { WarningIconRounded as
|
|
3
|
-
import
|
|
1
|
+
import { defineComponent as B, mergeModels as y, useModel as p, useId as F, useTemplateRef as z, computed as C, watch as I, createElementBlock as o, openBlock as l, createVNode as $, createCommentVNode as r, normalizeClass as s, withCtx as x, Fragment as g, renderList as N, withModifiers as f, createElementVNode as u, renderSlot as P, createBlock as A, unref as M } from "vue";
|
|
2
|
+
import { WarningIconRounded as E, ArrowIcon as R } from "@wikicasa-dev/svg-icons";
|
|
3
|
+
import S from "./BaseDropDown.vue.js";
|
|
4
4
|
import '../../../../assets/BaseDropDown.css';/* empty css */
|
|
5
|
-
const
|
|
5
|
+
const q = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, K = ["id", "innerHTML"], j = ["onClick"], U = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "onClick", "onKeydown"], W = ["innerHTML"], D = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, G = ["innerHTML"], J = ["id", "aria-selected", "onClick", "onMouseover"], O = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Q = ["name", "checked", "onInput"], X = ["innerHTML"], Y = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], le = /* @__PURE__ */ B({
|
|
6
6
|
__name: "AccessibleSelect",
|
|
7
7
|
props: /* @__PURE__ */ y({
|
|
8
8
|
label: { default: "" },
|
|
@@ -33,20 +33,20 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
33
33
|
}),
|
|
34
34
|
emits: /* @__PURE__ */ y(["click", "update:dropdownState"], ["update:modelValue", "update:open"]),
|
|
35
35
|
setup(e, { emit: V }) {
|
|
36
|
-
const T = V,
|
|
37
|
-
m.value = !1,
|
|
36
|
+
const T = V, k = p(e, "modelValue"), m = p(e, "open"), L = F(), H = z("dropdownRef"), t = C(() => e.namespace || L), w = C(() => !!k.value.label), h = (i) => {
|
|
37
|
+
m.value = !1, k.value = i;
|
|
38
38
|
};
|
|
39
|
-
return
|
|
39
|
+
return I(
|
|
40
40
|
() => H.value?.selectedIdx,
|
|
41
41
|
(i) => {
|
|
42
|
-
i === void 0 || i === -1 || (
|
|
42
|
+
i === void 0 || i === -1 || (h(e.options[i]), m.value = !1);
|
|
43
43
|
}
|
|
44
|
-
), (i,
|
|
45
|
-
$(
|
|
44
|
+
), (i, v) => (l(), o("div", null, [
|
|
45
|
+
$(S, {
|
|
46
46
|
ref: "dropdownRef",
|
|
47
47
|
open: m.value,
|
|
48
|
-
"onUpdate:open":
|
|
49
|
-
class:
|
|
48
|
+
"onUpdate:open": v[1] || (v[1] = (d) => m.value = d),
|
|
49
|
+
class: s([e.wrapperClasses]),
|
|
50
50
|
"activate-keyboard-controller": "",
|
|
51
51
|
"close-when-clicked-outside": e.closeOnBodyPressed,
|
|
52
52
|
direction: e.dropdownPosition === "top" ? "up" : "down",
|
|
@@ -61,71 +61,71 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
61
61
|
"aria-multiselectable": !1
|
|
62
62
|
}
|
|
63
63
|
}, {
|
|
64
|
-
btn_slot: x(({ toggleDropdown:
|
|
65
|
-
|
|
66
|
-
e.label ? (
|
|
64
|
+
btn_slot: x(({ toggleDropdown: d, isOpen: b, activeIdx: a, setSelectedIdx: c }) => [
|
|
65
|
+
u("div", q, [
|
|
66
|
+
e.label ? (l(), o("label", {
|
|
67
67
|
key: 0,
|
|
68
68
|
id: `${t.value}_label`,
|
|
69
|
-
class:
|
|
70
|
-
|
|
69
|
+
class: s(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
|
|
70
|
+
w.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
|
|
71
71
|
e.labelClasses,
|
|
72
|
-
{ "uikit-left-9": i.$slots.lefticon && !
|
|
73
|
-
{ "uikit-left-4": !i.$slots.lefticon && !
|
|
72
|
+
{ "uikit-left-9": i.$slots.lefticon && !w.value },
|
|
73
|
+
{ "uikit-left-4": !i.$slots.lefticon && !w.value }
|
|
74
74
|
]]),
|
|
75
75
|
innerHTML: e.label
|
|
76
|
-
}, null, 10,
|
|
77
|
-
i.$slots.lefticon ? (
|
|
76
|
+
}, null, 10, K)) : r("", !0),
|
|
77
|
+
i.$slots.lefticon ? (l(), o("span", {
|
|
78
78
|
key: 1,
|
|
79
79
|
class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
|
|
80
|
-
onClick: f((
|
|
80
|
+
onClick: f((n) => d(), ["stop"])
|
|
81
81
|
}, [
|
|
82
|
-
|
|
83
|
-
], 8,
|
|
84
|
-
|
|
82
|
+
P(i.$slots, "lefticon")
|
|
83
|
+
], 8, j)) : r("", !0),
|
|
84
|
+
u("button", {
|
|
85
85
|
id: `${t.value}_btn`,
|
|
86
86
|
ref: "btnEl",
|
|
87
87
|
type: "button",
|
|
88
88
|
"data-cy": e.dataCy,
|
|
89
|
-
class:
|
|
89
|
+
class: s(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
|
|
90
90
|
"aria-required": !!i.$attrs.required,
|
|
91
91
|
role: "combobox",
|
|
92
92
|
"aria-haspopup": "listbox",
|
|
93
93
|
"aria-controls": `${t.value}_dropdown`,
|
|
94
94
|
"aria-labelledby": `${t.value}_label ${t.value}_btn`,
|
|
95
95
|
"aria-expanded": b,
|
|
96
|
-
"aria-activedescendant":
|
|
96
|
+
"aria-activedescendant": a >= 0 && b ? `${t.value}_element_${e.options[a].label}` : "",
|
|
97
97
|
"aria-invalid": e.isValid === !1,
|
|
98
98
|
"aria-describedby": e.isValid === !1 ? `${t.value}_invalid_msg` : void 0,
|
|
99
|
-
onClick: (
|
|
100
|
-
|
|
99
|
+
onClick: (n) => {
|
|
100
|
+
d(), T("click", n);
|
|
101
101
|
},
|
|
102
|
-
onKeydown:
|
|
103
|
-
["Enter", "
|
|
104
|
-
}
|
|
102
|
+
onKeydown: (n) => {
|
|
103
|
+
["Enter", "Space"].includes(n.key) && (n.preventDefault(), n.stopPropagation(), c(a), d());
|
|
104
|
+
}
|
|
105
105
|
}, [
|
|
106
|
-
|
|
107
|
-
class:
|
|
108
|
-
innerHTML:
|
|
106
|
+
u("span", {
|
|
107
|
+
class: s(["uikit-pointer-events-none uikit-mt-1", e.btnTextClasses]),
|
|
108
|
+
innerHTML: k.value?.visibleLabel || k.value?.label
|
|
109
109
|
}, null, 10, W),
|
|
110
|
-
|
|
111
|
-
e.isValid == !1 ? (
|
|
110
|
+
u("span", D, [
|
|
111
|
+
e.isValid == !1 ? (l(), A(M(E), {
|
|
112
112
|
key: 0,
|
|
113
113
|
class: "uikit-mr-1",
|
|
114
114
|
width: 20,
|
|
115
115
|
height: 20,
|
|
116
116
|
"stroke-color": "#FA4F64"
|
|
117
|
-
})) :
|
|
117
|
+
})) : r("", !0),
|
|
118
118
|
$(M(R), {
|
|
119
|
-
class:
|
|
119
|
+
class: s(["uikit-transition-transform motion-reduce:uikit-transition-none", [b ? "uikit-rotate-180" : "", e.arrowIcon?.classes]]),
|
|
120
120
|
width: e.arrowIcon?.width ?? 18,
|
|
121
121
|
height: e.arrowIcon?.height ?? 18,
|
|
122
122
|
"stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
|
|
123
123
|
}, null, 8, ["class", "width", "height", "stroke-color"])
|
|
124
124
|
])
|
|
125
125
|
], 42, U),
|
|
126
|
-
|
|
126
|
+
u("fieldset", {
|
|
127
127
|
"aria-hidden": "true",
|
|
128
|
-
class:
|
|
128
|
+
class: s(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
|
|
129
129
|
e.fieldsetClasses,
|
|
130
130
|
e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
|
|
131
131
|
{
|
|
@@ -134,65 +134,65 @@ const S = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" },
|
|
|
134
134
|
{ "uikit-border-0 peer-focus:uikit-border-0": !e.border }
|
|
135
135
|
]])
|
|
136
136
|
}, [
|
|
137
|
-
|
|
138
|
-
class:
|
|
137
|
+
u("legend", {
|
|
138
|
+
class: s([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
|
|
139
139
|
}, [
|
|
140
|
-
e.label ? (
|
|
140
|
+
e.label ? (l(), o("span", {
|
|
141
141
|
key: 0,
|
|
142
|
-
class:
|
|
143
|
-
|
|
142
|
+
class: s(["uikit-mx-5px", [
|
|
143
|
+
k.value.label ? "uikit-invisible" : "uikit-hidden"
|
|
144
144
|
]]),
|
|
145
145
|
innerHTML: e.label
|
|
146
|
-
}, null, 10, G)) :
|
|
146
|
+
}, null, 10, G)) : r("", !0)
|
|
147
147
|
], 2)
|
|
148
148
|
], 2)
|
|
149
149
|
])
|
|
150
150
|
]),
|
|
151
|
-
default: x(({ activeIdx:
|
|
152
|
-
(
|
|
153
|
-
id: `${t.value}_element_${e.options[
|
|
154
|
-
key: `${
|
|
151
|
+
default: x(({ activeIdx: d, setActiveIdx: b }) => [
|
|
152
|
+
(l(!0), o(g, null, N(e.options, (a, c) => (l(), o("li", {
|
|
153
|
+
id: `${t.value}_element_${e.options[c].label}`,
|
|
154
|
+
key: `${a.label}_${c}`,
|
|
155
155
|
role: "option",
|
|
156
|
-
"aria-selected":
|
|
157
|
-
class:
|
|
158
|
-
onClick: f((
|
|
159
|
-
onMouseover: f((
|
|
160
|
-
onBlur:
|
|
156
|
+
"aria-selected": d === c,
|
|
157
|
+
class: s(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
|
|
158
|
+
onClick: f((n) => h(a), ["stop"]),
|
|
159
|
+
onMouseover: f((n) => b(c), ["stop"]),
|
|
160
|
+
onBlur: v[0] || (v[0] = f(() => {
|
|
161
161
|
}, ["stop"]))
|
|
162
162
|
}, [
|
|
163
|
-
|
|
164
|
-
|
|
163
|
+
u("label", O, [
|
|
164
|
+
u("input", {
|
|
165
165
|
tabindex: "-1",
|
|
166
166
|
class: "uikit-m-0 uikit-appearance-none",
|
|
167
167
|
name: `${t.value}_radio`,
|
|
168
168
|
type: "radio",
|
|
169
|
-
checked:
|
|
170
|
-
onInput: f((
|
|
169
|
+
checked: a.label === k.value.label,
|
|
170
|
+
onInput: f((n) => h(a), ["stop"])
|
|
171
171
|
}, null, 40, Q),
|
|
172
|
-
|
|
173
|
-
innerHTML:
|
|
172
|
+
u("span", {
|
|
173
|
+
innerHTML: a.label
|
|
174
174
|
}, null, 8, X)
|
|
175
175
|
])
|
|
176
176
|
], 42, J))), 128))
|
|
177
177
|
]),
|
|
178
178
|
_: 3
|
|
179
179
|
}, 8, ["open", "class", "close-when-clicked-outside", "direction", "dropdown-classes"]),
|
|
180
|
-
e.feedback ? (
|
|
181
|
-
e.feedback.valid ? (
|
|
180
|
+
e.feedback ? (l(), o(g, { key: 0 }, [
|
|
181
|
+
e.feedback.valid ? (l(), o("span", {
|
|
182
182
|
key: 0,
|
|
183
183
|
id: `${t.value}_valid_msg`,
|
|
184
184
|
"arial-live": i.$attrs["aria-live"],
|
|
185
185
|
class: "uikit-mt-1 uikit-inline-block uikit-text-12",
|
|
186
186
|
innerHTML: e.isValid ? e.feedback.valid : ""
|
|
187
|
-
}, null, 8, Y)) :
|
|
188
|
-
e.feedback.invalid ? (
|
|
187
|
+
}, null, 8, Y)) : r("", !0),
|
|
188
|
+
e.feedback.invalid ? (l(), o("span", {
|
|
189
189
|
key: 1,
|
|
190
190
|
id: `${t.value}_invalid_msg`,
|
|
191
191
|
"arial-live": i.$attrs["aria-live"],
|
|
192
192
|
class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
|
|
193
193
|
innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
|
|
194
|
-
}, null, 8, Z)) :
|
|
195
|
-
], 64)) :
|
|
194
|
+
}, null, 8, Z)) : r("", !0)
|
|
195
|
+
], 64)) : r("", !0)
|
|
196
196
|
]));
|
|
197
197
|
}
|
|
198
198
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as T, mergeModels as
|
|
1
|
+
import { defineComponent as T, mergeModels as I, useId as N, useModel as A, shallowRef as R, computed as V, useTemplateRef as x, onMounted as z, onUnmounted as P, watch as v, nextTick as q, createElementBlock as F, openBlock as m, normalizeClass as d, renderSlot as B, createBlock as L, unref as l, createVNode as U, withCtx as D, createElementVNode as j, createCommentVNode as G, resolveDynamicComponent as J, mergeProps as Q } from "vue";
|
|
2
2
|
import X from "./BaseButton.vue.js";
|
|
3
3
|
import { ArrowIcon as Y } from "@wikicasa-dev/svg-icons";
|
|
4
4
|
import { useKeyboardController as Z } from "../../../../composables/mock.js";
|
|
5
5
|
const _ = ["innerHTML"], le = /* @__PURE__ */ T({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "BaseDropDown",
|
|
8
|
-
props: /* @__PURE__ */
|
|
8
|
+
props: /* @__PURE__ */ I({
|
|
9
9
|
dropdownAttrs: {},
|
|
10
10
|
dropdownClasses: { default: "" },
|
|
11
11
|
btnClasses: { default: "" },
|
|
@@ -28,15 +28,15 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
|
|
|
28
28
|
open: { type: Boolean, default: !1 },
|
|
29
29
|
openModifiers: {}
|
|
30
30
|
}),
|
|
31
|
-
emits: /* @__PURE__ */
|
|
32
|
-
setup(t, { expose:
|
|
33
|
-
const n = t, y = N(),
|
|
31
|
+
emits: /* @__PURE__ */ I(["click"], ["update:resetKeyboardController", "update:open"]),
|
|
32
|
+
setup(t, { expose: S, emit: M }) {
|
|
33
|
+
const n = t, y = N(), O = M, w = A(
|
|
34
34
|
t,
|
|
35
35
|
"resetKeyboardController"
|
|
36
|
-
), o =
|
|
36
|
+
), o = A(t, "open");
|
|
37
37
|
let C = !1;
|
|
38
|
-
const s = R([]),
|
|
39
|
-
optionsLength:
|
|
38
|
+
const s = R([]), W = V(() => s.value.length), u = x("container"), c = x("dropdown"), { activeIdx: a, selectedIdx: i, onKeyDownHandler: $ } = Z({
|
|
39
|
+
optionsLength: W,
|
|
40
40
|
isDropdownOpen: o,
|
|
41
41
|
global: !1,
|
|
42
42
|
closeKeys: n.closeKeys ? n.closeKeys : []
|
|
@@ -46,30 +46,30 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
|
|
|
46
46
|
u.value?.contains(e) || b();
|
|
47
47
|
}, p = (e) => {
|
|
48
48
|
o.value && (u.value?.contains(e.target) || b());
|
|
49
|
-
},
|
|
50
|
-
n.activateKeyboardController &&
|
|
49
|
+
}, H = (e) => {
|
|
50
|
+
n.activateKeyboardController && $(e);
|
|
51
51
|
}, f = () => {
|
|
52
52
|
n.keepState === "closed" && !o.value || n.keepState === "opened" && o.value || (o.value = !o.value);
|
|
53
|
-
},
|
|
53
|
+
}, g = (e) => {
|
|
54
54
|
e != null && (a.value = e);
|
|
55
|
-
},
|
|
55
|
+
}, K = (e) => {
|
|
56
56
|
e != null && (i.value = e);
|
|
57
|
-
},
|
|
57
|
+
}, E = () => {
|
|
58
58
|
c.value && (s.value = Array.from(c.value.children));
|
|
59
59
|
};
|
|
60
60
|
return z(() => {
|
|
61
|
-
|
|
61
|
+
E();
|
|
62
62
|
}), P(() => {
|
|
63
63
|
n.closeWhenClickedOutside && (document.removeEventListener("click", h), document.removeEventListener("focusin", p));
|
|
64
64
|
}), v(w, (e) => {
|
|
65
65
|
e && (a.value = -1, i.value = -1, q(() => {
|
|
66
|
-
|
|
66
|
+
E(), w.value = !1;
|
|
67
67
|
}));
|
|
68
68
|
}), v(o, (e) => {
|
|
69
69
|
!e || C || !n.closeWhenClickedOutside || (document.addEventListener("click", h), document.addEventListener("focusin", p), C = !0);
|
|
70
70
|
}), v(i, (e) => {
|
|
71
71
|
e !== -1 && s.value[e]?.querySelector("a")?.click();
|
|
72
|
-
}),
|
|
72
|
+
}), S({
|
|
73
73
|
activeIdx: a,
|
|
74
74
|
selectedIdx: i,
|
|
75
75
|
getRootElement: () => u.value,
|
|
@@ -77,12 +77,14 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
|
|
|
77
77
|
}), (e, r) => (m(), F("div", {
|
|
78
78
|
ref: "container",
|
|
79
79
|
class: d(["uikit-relative uikit-block", e.$attrs.class]),
|
|
80
|
-
onKeydown:
|
|
80
|
+
onKeydown: H
|
|
81
81
|
}, [
|
|
82
|
-
|
|
82
|
+
B(e.$slots, "btn_slot", {
|
|
83
83
|
toggleDropdown: f,
|
|
84
84
|
isOpen: o.value,
|
|
85
|
-
activeIdx: l(a)
|
|
85
|
+
activeIdx: l(a),
|
|
86
|
+
setActiveIdx: g,
|
|
87
|
+
setSelectedIdx: K
|
|
86
88
|
}, () => [
|
|
87
89
|
U(X, {
|
|
88
90
|
id: l(y),
|
|
@@ -95,18 +97,18 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
|
|
|
95
97
|
"aria-expanded": o.value,
|
|
96
98
|
"btn-class": "uikit-btn-single-selection",
|
|
97
99
|
onClick: r[0] || (r[0] = (k) => {
|
|
98
|
-
|
|
100
|
+
O("click"), f();
|
|
99
101
|
}),
|
|
100
102
|
onKeydown: r[1] || (r[1] = (k) => {
|
|
101
103
|
Array.isArray(t.closeKeys) && !t.closeKeys.includes(k.key) || k.stopPropagation();
|
|
102
104
|
})
|
|
103
105
|
}, {
|
|
104
|
-
default:
|
|
106
|
+
default: D(() => [
|
|
105
107
|
j("span", {
|
|
106
108
|
class: d(["uikit-mr-5px", t.labelClasses]),
|
|
107
109
|
innerHTML: t.btnLabel
|
|
108
110
|
}, null, 10, _),
|
|
109
|
-
t.withArrowIcon ? (m(),
|
|
111
|
+
t.withArrowIcon ? (m(), L(l(Y), {
|
|
110
112
|
key: 0,
|
|
111
113
|
class: d(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", o.value ? "uikit-rotate-180" : ""]),
|
|
112
114
|
width: t.arrowWidth,
|
|
@@ -117,7 +119,7 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
|
|
|
117
119
|
_: 1
|
|
118
120
|
}, 8, ["id", "data-cy", "class", "aria-expanded"])
|
|
119
121
|
]),
|
|
120
|
-
(m(),
|
|
122
|
+
(m(), L(J(t.dropdownElement), Q({
|
|
121
123
|
id: "dropdown_" + l(y),
|
|
122
124
|
ref: "dropdown",
|
|
123
125
|
"data-cy": t.dataCy && `${t.dataCy}_dropdown`,
|
|
@@ -130,14 +132,14 @@ const _ = ["innerHTML"], le = /* @__PURE__ */ T({
|
|
|
130
132
|
"aria-hidden": !o.value,
|
|
131
133
|
"data-side": t.direction
|
|
132
134
|
}, t.dropdownAttrs), {
|
|
133
|
-
default:
|
|
134
|
-
|
|
135
|
+
default: D(() => [
|
|
136
|
+
B(e.$slots, "default", {
|
|
135
137
|
isOpen: o.value,
|
|
136
138
|
toggleDropdown: f,
|
|
137
139
|
activeIdx: l(a),
|
|
138
140
|
selectedIdx: l(i),
|
|
139
|
-
setActiveIdx:
|
|
140
|
-
setSelectedIdx:
|
|
141
|
+
setActiveIdx: g,
|
|
142
|
+
setSelectedIdx: K
|
|
141
143
|
})
|
|
142
144
|
]),
|
|
143
145
|
_: 3
|