@wwtdev/bsds-components-vue3 2.3.1 → 2.3.2
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/lib/bsds-components.js +1369 -1338
- package/package.json +2 -2
package/lib/bsds-components.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { computed as
|
|
2
|
-
import { v4 as
|
|
3
|
-
import { BsIconCaretDown as
|
|
4
|
-
import { DatePicker as
|
|
5
|
-
import { Chart as
|
|
6
|
-
import { getSupportedCallingCodes as
|
|
7
|
-
const
|
|
1
|
+
import { computed as p, ref as m, onMounted as W, onUnmounted as oe, shallowRef as ut, watch as N, defineAsyncComponent as Re, openBlock as u, createElementBlock as v, unref as f, createElementVNode as g, renderSlot as E, createBlock as V, resolveDynamicComponent as J, createCommentVNode as w, toDisplayString as T, createVNode as D, normalizeClass as ae, Fragment as j, useAttrs as ie, mergeProps as z, withCtx as O, toHandlers as Pe, onBeforeUnmount as at, onBeforeMount as nt, createTextVNode as F, renderList as Z, withDirectives as Be, Transition as Ke, vShow as $e, provide as re, Teleport as ct, normalizeStyle as ft, inject as se, withModifiers as Ye, nextTick as me, isRef as pt, useSlots as vt } from "vue";
|
|
2
|
+
import { v4 as lt } from "uuid";
|
|
3
|
+
import { BsIconCaretDown as ot, BsIconWarning as ze, BsIconClose as Se, BsIconCalendar as it, BsIconCaretSort as ht, BsIconSearch as bt, BsIconCaretLeftDouble as mt, BsIconCaretLeft as gt, BsIconCaretRight as yt, BsIconCaretRightDouble as Bt, BsIconActionEllipsis as $t, BsIconCircleExclamation as St, BsIconThumbsUpStroke as wt } from "@wwtdev/bsds-icons-vue3";
|
|
4
|
+
import { DatePicker as kt } from "v-calendar";
|
|
5
|
+
import { Chart as qe, BarController as It, BarElement as Ct, CategoryScale as Tt, LinearScale as xt, Legend as At, Tooltip as Lt } from "chart.js";
|
|
6
|
+
import { getSupportedCallingCodes as Vt, getRegionCodeForCountryCode as Et, parsePhoneNumber as Qe } from "awesome-phonenumber";
|
|
7
|
+
const Xe = {
|
|
8
8
|
href: "a",
|
|
9
9
|
linkTo: "a",
|
|
10
10
|
onclick: "button",
|
|
11
11
|
onClick: "button",
|
|
12
12
|
type: "button"
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
const n =
|
|
16
|
-
const
|
|
17
|
-
return
|
|
18
|
-
}), r =
|
|
19
|
-
const
|
|
20
|
-
return delete
|
|
21
|
-
}),
|
|
22
|
-
return { rootTag: n, attrsToBind: r, hrefUrl:
|
|
14
|
+
function we(e, a, t = "button") {
|
|
15
|
+
const n = Dt(e, a, t), l = p(() => {
|
|
16
|
+
const i = n.value === "button", o = {};
|
|
17
|
+
return i ? (o.type = a.type || "button", o.autocomplete = "off", e.disabled && (o.disabled = !0)) : e.disabled && (o["aria-disabled"] = "true", o.tabindex = "-1"), o;
|
|
18
|
+
}), r = p(() => {
|
|
19
|
+
const i = { ...a, ...l.value };
|
|
20
|
+
return delete i.href, i;
|
|
21
|
+
}), d = p(() => e.linkTo || e.href);
|
|
22
|
+
return { rootTag: n, attrsToBind: r, hrefUrl: d };
|
|
23
23
|
}
|
|
24
|
-
function
|
|
25
|
-
const n = Object.keys(
|
|
26
|
-
return
|
|
24
|
+
function Dt(e, a, t) {
|
|
25
|
+
const n = Object.keys(Xe).find((l) => Ot(e, a, l));
|
|
26
|
+
return m(Xe[n] || t);
|
|
27
27
|
}
|
|
28
|
-
function
|
|
28
|
+
function Ot(e, a, t) {
|
|
29
29
|
return e[t] || a[t];
|
|
30
30
|
}
|
|
31
|
-
const
|
|
31
|
+
const qt = (e, a) => {
|
|
32
32
|
const t = (n) => {
|
|
33
33
|
e.some((l) => {
|
|
34
34
|
var r;
|
|
@@ -41,13 +41,13 @@ const Dt = (e, a) => {
|
|
|
41
41
|
document.removeEventListener("click", t);
|
|
42
42
|
});
|
|
43
43
|
};
|
|
44
|
-
function
|
|
45
|
-
const a =
|
|
46
|
-
var r,
|
|
47
|
-
return ((
|
|
48
|
-
}), n =
|
|
49
|
-
var r,
|
|
50
|
-
return t.value && ((r = e.router) == null ? void 0 : r.navigateTo) || ((
|
|
44
|
+
function ke(e) {
|
|
45
|
+
const a = p(() => e.linkTo || e.href || ""), t = p(() => {
|
|
46
|
+
var r, d;
|
|
47
|
+
return ((d = (r = a.value) == null ? void 0 : r.startsWith) == null ? void 0 : d.call(r, "/")) || !1;
|
|
48
|
+
}), n = p(() => {
|
|
49
|
+
var r, d;
|
|
50
|
+
return t.value && ((r = e.router) == null ? void 0 : r.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
|
|
51
51
|
});
|
|
52
52
|
function l(r) {
|
|
53
53
|
if (e.disabled) {
|
|
@@ -60,31 +60,31 @@ function we(e) {
|
|
|
60
60
|
}
|
|
61
61
|
return { onLinkClick: l };
|
|
62
62
|
}
|
|
63
|
-
function
|
|
63
|
+
function Ze(e) {
|
|
64
64
|
return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
|
|
65
65
|
}
|
|
66
|
-
const
|
|
66
|
+
const ge = (e, a) => {
|
|
67
67
|
function t(l) {
|
|
68
68
|
if (!l)
|
|
69
69
|
return null;
|
|
70
|
-
const r = l.startsWith("bs-") ?
|
|
71
|
-
return
|
|
72
|
-
const { [r]:
|
|
73
|
-
return
|
|
70
|
+
const r = l.startsWith("bs-") ? Ze(l) : `BsIcon${Ze(l)}`;
|
|
71
|
+
return Re(async () => {
|
|
72
|
+
const { [r]: d } = await import("@wwtdev/bsds-icons-vue3");
|
|
73
|
+
return d;
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
|
-
const n =
|
|
77
|
-
return n.value = t(e[a]),
|
|
76
|
+
const n = ut();
|
|
77
|
+
return n.value = t(e[a]), N(() => e[a], async (l) => n.value = t(l)), { icon: n };
|
|
78
78
|
};
|
|
79
|
-
function
|
|
79
|
+
function X(e = 1) {
|
|
80
80
|
const a = [];
|
|
81
81
|
for (let t = 0; t < e; t++)
|
|
82
|
-
a.push(
|
|
82
|
+
a.push(m(""));
|
|
83
83
|
return W(() => {
|
|
84
|
-
a.forEach((t) => t.value = `id-${
|
|
84
|
+
a.forEach((t) => t.value = `id-${lt()}`);
|
|
85
85
|
}), a;
|
|
86
86
|
}
|
|
87
|
-
const
|
|
87
|
+
const Ie = (e, a, t = void 0) => {
|
|
88
88
|
const n = (l) => {
|
|
89
89
|
e.includes(l.key) && a(l);
|
|
90
90
|
};
|
|
@@ -93,42 +93,29 @@ const $e = (e, a, t = void 0) => {
|
|
|
93
93
|
}), oe(() => {
|
|
94
94
|
((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
|
|
95
95
|
});
|
|
96
|
-
},
|
|
96
|
+
}, Mt = (e, a, t) => {
|
|
97
97
|
let n = null;
|
|
98
98
|
W(() => {
|
|
99
99
|
n = new MutationObserver(a), n.observe(e.value, t);
|
|
100
100
|
}), oe(() => {
|
|
101
101
|
n.disconnect();
|
|
102
102
|
});
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
var o, i;
|
|
106
|
-
const n = ((i = (o = e.passAttrs) == null ? void 0 : o.split) == null ? void 0 : i.call(o, ",")) || [], l = /* @__PURE__ */ new Set([...n, ...t]);
|
|
107
|
-
l.delete("");
|
|
108
|
-
const r = y({}), s = y({});
|
|
109
|
-
for (let u in a)
|
|
110
|
-
l.has(u) ? s.value[u] = a[u] : r.value[u] = a[u];
|
|
111
|
-
return {
|
|
112
|
-
toRoot: r,
|
|
113
|
-
toChild: s
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
|
-
const ue = (e) => {
|
|
117
|
-
const a = y(!1);
|
|
103
|
+
}, fe = (e) => {
|
|
104
|
+
const a = m(!1);
|
|
118
105
|
return W(() => {
|
|
119
|
-
|
|
120
|
-
}),
|
|
106
|
+
e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
|
|
107
|
+
}), N(() => e.shown, (t) => {
|
|
121
108
|
a.value = t;
|
|
122
|
-
}),
|
|
109
|
+
}), N(() => e.enterTrigger, (t) => {
|
|
123
110
|
a.value = t;
|
|
124
|
-
}),
|
|
111
|
+
}), N(() => e.leaveTrigger, (t) => {
|
|
125
112
|
t && (a.value = !1);
|
|
126
113
|
}), { transition: a };
|
|
127
|
-
},
|
|
114
|
+
}, Pt = ["id", "data-stacked"], zt = ["data-open"], Nt = ["aria-controls", "aria-expanded"], Rt = {
|
|
128
115
|
key: 0,
|
|
129
116
|
"data-position": "start",
|
|
130
117
|
style: { display: "inline-flex" }
|
|
131
|
-
},
|
|
118
|
+
}, jt = ["id", "aria-level"], Ft = ["aria-labelledby", "data-open", "id"], Ll = {
|
|
132
119
|
__name: "BsAccordion",
|
|
133
120
|
props: {
|
|
134
121
|
controlled: { type: Boolean, default: !1 },
|
|
@@ -144,59 +131,59 @@ const ue = (e) => {
|
|
|
144
131
|
},
|
|
145
132
|
emits: ["toggled"],
|
|
146
133
|
setup(e, { emit: a }) {
|
|
147
|
-
const t = e, n = a, l =
|
|
148
|
-
function
|
|
149
|
-
n("toggled",
|
|
134
|
+
const t = e, n = a, l = m(null), r = m(!1), { icon: d } = ge(t, "icon"), [i] = X(), o = p(() => i.value + "-content"), s = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), h = p(() => t.controlled ? c.value : r.value);
|
|
135
|
+
function I() {
|
|
136
|
+
n("toggled", i.value), t.controlled || (r.value = !r.value);
|
|
150
137
|
}
|
|
151
|
-
return (
|
|
152
|
-
id:
|
|
138
|
+
return ($, x) => (u(), v("div", {
|
|
139
|
+
id: f(i),
|
|
153
140
|
ref_key: "containerRef",
|
|
154
141
|
ref: l,
|
|
155
142
|
class: "bs-accordion",
|
|
156
143
|
"data-component": "bs-accordion",
|
|
157
144
|
"data-stacked": e.stacked
|
|
158
145
|
}, [
|
|
159
|
-
|
|
146
|
+
g("header", {
|
|
160
147
|
part: "header",
|
|
161
|
-
"data-open":
|
|
148
|
+
"data-open": h.value
|
|
162
149
|
}, [
|
|
163
|
-
|
|
164
|
-
"aria-controls":
|
|
165
|
-
"aria-expanded":
|
|
150
|
+
g("button", {
|
|
151
|
+
"aria-controls": o.value,
|
|
152
|
+
"aria-expanded": h.value,
|
|
166
153
|
type: "button",
|
|
167
|
-
onClick:
|
|
154
|
+
onClick: I
|
|
168
155
|
}, [
|
|
169
|
-
e.icon ||
|
|
170
|
-
E(
|
|
171
|
-
e.icon ? (
|
|
156
|
+
e.icon || $.$slots.icon ? (u(), v("span", Rt, [
|
|
157
|
+
E($.$slots, "icon", {}, () => [
|
|
158
|
+
e.icon ? (u(), V(J(f(d) ? f(d) : "span"), { key: 0 })) : w("", !0)
|
|
172
159
|
])
|
|
173
|
-
])) :
|
|
174
|
-
|
|
175
|
-
id:
|
|
160
|
+
])) : w("", !0),
|
|
161
|
+
g("span", {
|
|
162
|
+
id: s.value,
|
|
176
163
|
"aria-level": e.headingLevel,
|
|
177
164
|
role: "heading"
|
|
178
|
-
}, T(e.headerText), 9,
|
|
179
|
-
D(
|
|
165
|
+
}, T(e.headerText), 9, jt),
|
|
166
|
+
D(f(ot), {
|
|
180
167
|
size: "md",
|
|
181
168
|
"data-position": "end"
|
|
182
169
|
})
|
|
183
|
-
], 8,
|
|
184
|
-
], 8,
|
|
185
|
-
|
|
186
|
-
"aria-labelledby":
|
|
170
|
+
], 8, Nt)
|
|
171
|
+
], 8, zt),
|
|
172
|
+
g("div", {
|
|
173
|
+
"aria-labelledby": s.value,
|
|
187
174
|
class: "bs-accordion-content",
|
|
188
|
-
"data-open":
|
|
189
|
-
id:
|
|
175
|
+
"data-open": h.value,
|
|
176
|
+
id: o.value,
|
|
190
177
|
part: "content",
|
|
191
178
|
role: "region"
|
|
192
179
|
}, [
|
|
193
|
-
|
|
194
|
-
E(
|
|
180
|
+
g("div", null, [
|
|
181
|
+
E($.$slots, "default")
|
|
195
182
|
])
|
|
196
|
-
], 8,
|
|
197
|
-
], 8,
|
|
183
|
+
], 8, Ft)
|
|
184
|
+
], 8, Pt));
|
|
198
185
|
}
|
|
199
|
-
},
|
|
186
|
+
}, Ut = ["data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant", "aria-label"], Wt = {
|
|
200
187
|
__name: "BsBadge",
|
|
201
188
|
props: {
|
|
202
189
|
/** Pass value to set `data-badge-color`. */
|
|
@@ -243,15 +230,15 @@ const ue = (e) => {
|
|
|
243
230
|
}
|
|
244
231
|
},
|
|
245
232
|
setup(e) {
|
|
246
|
-
const a = e, t =
|
|
247
|
-
var
|
|
248
|
-
const r = ((
|
|
249
|
-
if (!
|
|
233
|
+
const a = e, t = m(null), n = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = p(() => {
|
|
234
|
+
var o, s;
|
|
235
|
+
const r = ((s = (o = t.value) == null ? void 0 : o.textContent) == null ? void 0 : s.trim()) || "", d = n.value ? n.value + " " : "";
|
|
236
|
+
if (!d && !a.dot)
|
|
250
237
|
return r;
|
|
251
|
-
const
|
|
252
|
-
return `${r ? `${r}, ` : ""}${
|
|
238
|
+
const i = a.count !== 1 ? "s" : "";
|
|
239
|
+
return `${r ? `${r}, ` : ""}${d}${a.label}${i}`;
|
|
253
240
|
});
|
|
254
|
-
return (r,
|
|
241
|
+
return (r, d) => (u(), v("span", {
|
|
255
242
|
ref_key: "hostRef",
|
|
256
243
|
ref: t,
|
|
257
244
|
class: ae({ "bs-badge": e.dot || n.value }),
|
|
@@ -263,43 +250,43 @@ const ue = (e) => {
|
|
|
263
250
|
"data-variant": e.variant,
|
|
264
251
|
"aria-label": l.value
|
|
265
252
|
}, [
|
|
266
|
-
e.variant !== "notext" ? E(r.$slots, "default", { key: 0 }) :
|
|
267
|
-
], 10,
|
|
253
|
+
e.variant !== "notext" ? E(r.$slots, "default", { key: 0 }) : w("", !0)
|
|
254
|
+
], 10, Ut));
|
|
268
255
|
}
|
|
269
|
-
},
|
|
256
|
+
}, Gt = {
|
|
270
257
|
key: 0,
|
|
271
258
|
role: "alert",
|
|
272
259
|
class: "bs-banner"
|
|
273
|
-
},
|
|
260
|
+
}, Ht = { class: "bs-banner-content" }, Kt = { class: "bs-banner-warning-icon" }, Vl = {
|
|
274
261
|
__name: "BsBanner",
|
|
275
262
|
emits: ["dismiss"],
|
|
276
263
|
setup(e, { emit: a }) {
|
|
277
|
-
const t = a, n =
|
|
264
|
+
const t = a, n = m(!1);
|
|
278
265
|
function l() {
|
|
279
266
|
n.value = !0, t("dismiss");
|
|
280
267
|
}
|
|
281
|
-
return (r,
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
D(
|
|
268
|
+
return (r, d) => n.value ? w("", !0) : (u(), v("div", Gt, [
|
|
269
|
+
g("div", Ht, [
|
|
270
|
+
g("div", Kt, [
|
|
271
|
+
D(f(ze), { size: "lg" })
|
|
285
272
|
]),
|
|
286
|
-
|
|
273
|
+
g("p", null, [
|
|
287
274
|
E(r.$slots, "default")
|
|
288
275
|
]),
|
|
289
|
-
|
|
276
|
+
g("button", {
|
|
290
277
|
type: "button",
|
|
291
278
|
title: "Close Banner",
|
|
292
279
|
onClick: l
|
|
293
280
|
}, [
|
|
294
|
-
D(
|
|
281
|
+
D(f(Se))
|
|
295
282
|
])
|
|
296
283
|
])
|
|
297
284
|
]));
|
|
298
285
|
}
|
|
299
|
-
},
|
|
286
|
+
}, Yt = {
|
|
300
287
|
class: "bs-field-details",
|
|
301
288
|
"data-component": "bs-field-details"
|
|
302
|
-
},
|
|
289
|
+
}, Qt = ["id", "data-error"], Xt = ["data-error"], pe = {
|
|
303
290
|
__name: "BsFieldDetails",
|
|
304
291
|
props: {
|
|
305
292
|
/** The number of characters that have been entered by the user. */
|
|
@@ -319,26 +306,26 @@ const ue = (e) => {
|
|
|
319
306
|
hintId: String
|
|
320
307
|
},
|
|
321
308
|
setup(e) {
|
|
322
|
-
const a = e, t =
|
|
323
|
-
return (n, l) => (
|
|
324
|
-
t.value ? (
|
|
309
|
+
const a = e, t = p(() => a.error && a.errorMsg || a.hint);
|
|
310
|
+
return (n, l) => (u(), v("div", Yt, [
|
|
311
|
+
t.value ? (u(), v("span", {
|
|
325
312
|
key: 0,
|
|
326
313
|
id: e.hintId,
|
|
327
314
|
class: "bs-hint",
|
|
328
315
|
"data-error": e.error
|
|
329
|
-
}, T(t.value), 9,
|
|
330
|
-
e.charMax ? (
|
|
316
|
+
}, T(t.value), 9, Qt)) : w("", !0),
|
|
317
|
+
e.charMax ? (u(), v("span", {
|
|
331
318
|
key: 1,
|
|
332
319
|
"aria-description": "character count over character limit for the preceding text field",
|
|
333
320
|
class: "bs-character-count",
|
|
334
321
|
"data-error": a.charCount > a.charMax
|
|
335
|
-
}, T(a.charCount || "0") + " / " + T(a.charMax), 9,
|
|
322
|
+
}, T(a.charCount || "0") + " / " + T(a.charMax), 9, Xt)) : w("", !0)
|
|
336
323
|
]));
|
|
337
324
|
}
|
|
338
|
-
},
|
|
325
|
+
}, Zt = ["data-disabled", "for"], Jt = /* @__PURE__ */ g("span", {
|
|
339
326
|
"data-required": "true",
|
|
340
327
|
"aria-hidden": "true"
|
|
341
|
-
}, " *", -1),
|
|
328
|
+
}, " *", -1), _t = /* @__PURE__ */ g("span", { class: "visually-hidden" }, "required", -1), ne = {
|
|
342
329
|
__name: "BsLabel",
|
|
343
330
|
props: {
|
|
344
331
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -347,22 +334,22 @@ const ue = (e) => {
|
|
|
347
334
|
required: { type: Boolean, default: !1 }
|
|
348
335
|
},
|
|
349
336
|
setup(e) {
|
|
350
|
-
return (a, t) => (
|
|
337
|
+
return (a, t) => (u(), v("label", {
|
|
351
338
|
class: ae(["bs-label", e.hide ? "visually-hidden" : ""]),
|
|
352
339
|
"data-component": "bs-label",
|
|
353
340
|
"data-disabled": e.disabled,
|
|
354
341
|
for: e.for
|
|
355
342
|
}, [
|
|
356
|
-
|
|
343
|
+
g("span", null, [
|
|
357
344
|
E(a.$slots, "default")
|
|
358
345
|
]),
|
|
359
|
-
e.required ? (
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
], 64)) :
|
|
363
|
-
], 10,
|
|
346
|
+
e.required ? (u(), v(j, { key: 0 }, [
|
|
347
|
+
Jt,
|
|
348
|
+
_t
|
|
349
|
+
], 64)) : w("", !0)
|
|
350
|
+
], 10, Zt));
|
|
364
351
|
}
|
|
365
|
-
},
|
|
352
|
+
}, ea = ["data-error", "id", "value"], ve = {
|
|
366
353
|
__name: "BsInput",
|
|
367
354
|
props: {
|
|
368
355
|
error: {
|
|
@@ -377,21 +364,21 @@ const ue = (e) => {
|
|
|
377
364
|
},
|
|
378
365
|
emits: ["update:modelValue"],
|
|
379
366
|
setup(e, { emit: a }) {
|
|
380
|
-
const t = e, n = a, l =
|
|
381
|
-
function
|
|
382
|
-
const
|
|
383
|
-
n("update:modelValue",
|
|
367
|
+
const t = e, n = a, l = ie(), r = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
368
|
+
function d(i) {
|
|
369
|
+
const o = l.type === "number" ? parseInt(i.target.value) : i.target.value;
|
|
370
|
+
n("update:modelValue", o);
|
|
384
371
|
}
|
|
385
|
-
return (
|
|
372
|
+
return (i, o) => (u(), v("input", z({
|
|
386
373
|
class: "bs-input",
|
|
387
374
|
"data-component": "bs-input",
|
|
388
375
|
"data-error": e.error,
|
|
389
|
-
id:
|
|
376
|
+
id: i.$attrs.id || e.inputId,
|
|
390
377
|
value: e.value || e.modelValue,
|
|
391
|
-
onInput:
|
|
392
|
-
}, r.value), null, 16,
|
|
378
|
+
onInput: d
|
|
379
|
+
}, r.value), null, 16, ea));
|
|
393
380
|
}
|
|
394
|
-
},
|
|
381
|
+
}, ta = ["data-disabled", "data-error", "data-variant", "data-multifocus"], Ce = {
|
|
395
382
|
__name: "BsInputAddon",
|
|
396
383
|
props: {
|
|
397
384
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -400,7 +387,7 @@ const ue = (e) => {
|
|
|
400
387
|
variant: { type: String, validator: (e) => e === "inner-bordered" }
|
|
401
388
|
},
|
|
402
389
|
setup(e) {
|
|
403
|
-
return (a, t) => (
|
|
390
|
+
return (a, t) => (u(), v("div", {
|
|
404
391
|
class: "bs-input-addon",
|
|
405
392
|
"data-component": "bs-input-addon",
|
|
406
393
|
"data-disabled": e.disabled,
|
|
@@ -409,9 +396,9 @@ const ue = (e) => {
|
|
|
409
396
|
"data-multifocus": e.multifocus
|
|
410
397
|
}, [
|
|
411
398
|
E(a.$slots, "default")
|
|
412
|
-
], 8,
|
|
399
|
+
], 8, ta));
|
|
413
400
|
}
|
|
414
|
-
},
|
|
401
|
+
}, aa = {
|
|
415
402
|
__name: "BsInputDateSingle",
|
|
416
403
|
props: {
|
|
417
404
|
disabled: {
|
|
@@ -444,26 +431,26 @@ const ue = (e) => {
|
|
|
444
431
|
}
|
|
445
432
|
},
|
|
446
433
|
setup(e) {
|
|
447
|
-
return (a, t) => (
|
|
434
|
+
return (a, t) => (u(), V(Ce, {
|
|
448
435
|
disabled: e.disabled,
|
|
449
436
|
error: e.error
|
|
450
437
|
}, {
|
|
451
438
|
default: O(() => [
|
|
452
|
-
D(
|
|
453
|
-
D(
|
|
439
|
+
D(f(it)),
|
|
440
|
+
D(ve, z({
|
|
454
441
|
"data-autowidth": "",
|
|
455
442
|
disabled: e.disabled,
|
|
456
443
|
id: e.inputId,
|
|
457
444
|
"model-value": e.modelValue,
|
|
458
445
|
placeholder: e.placeholder,
|
|
459
446
|
required: e.required
|
|
460
|
-
},
|
|
447
|
+
}, Pe(e.listeners)), null, 16, ["disabled", "id", "model-value", "placeholder", "required"])
|
|
461
448
|
]),
|
|
462
449
|
_: 1
|
|
463
450
|
}, 8, ["disabled", "error"]));
|
|
464
451
|
}
|
|
465
452
|
};
|
|
466
|
-
function
|
|
453
|
+
function Ne(e, a, t) {
|
|
467
454
|
let n;
|
|
468
455
|
return function() {
|
|
469
456
|
let l = this, r = arguments;
|
|
@@ -472,7 +459,7 @@ function qe(e, a, t) {
|
|
|
472
459
|
}, a);
|
|
473
460
|
};
|
|
474
461
|
}
|
|
475
|
-
const
|
|
462
|
+
const na = ["disabled", "id", "model-value"], la = ["disabled", "id", "model-value"], oa = {
|
|
476
463
|
__name: "BsInputDateRange",
|
|
477
464
|
props: {
|
|
478
465
|
disabled: {
|
|
@@ -509,86 +496,147 @@ const ta = ["disabled", "id", "model-value"], aa = ["disabled", "id", "model-val
|
|
|
509
496
|
},
|
|
510
497
|
emits: ["ui-focusin", "ui-input"],
|
|
511
498
|
setup(e, { emit: a }) {
|
|
512
|
-
const t = a, n =
|
|
513
|
-
function r(
|
|
499
|
+
const t = a, n = m(null), l = m(null);
|
|
500
|
+
function r(s) {
|
|
514
501
|
const c = new Event("change", { bubbles: !0, cancelable: !0 });
|
|
515
|
-
|
|
502
|
+
s.dispatchEvent(c);
|
|
516
503
|
}
|
|
517
|
-
function s
|
|
518
|
-
const { value: c } =
|
|
519
|
-
n.value.value =
|
|
504
|
+
function d(s) {
|
|
505
|
+
const { value: c } = s.target, [h, I] = c.split(/ to | - /);
|
|
506
|
+
n.value.value = h || "", l.value.value = I || "", r(n.value), r(l.value);
|
|
520
507
|
}
|
|
521
|
-
const
|
|
522
|
-
function
|
|
523
|
-
t("ui-input"),
|
|
508
|
+
const i = Ne(d, 1e3);
|
|
509
|
+
function o(s) {
|
|
510
|
+
t("ui-input"), i(s);
|
|
524
511
|
}
|
|
525
|
-
return (
|
|
512
|
+
return (s, c) => (u(), V(Ce, {
|
|
526
513
|
disabled: e.disabled,
|
|
527
514
|
error: e.error
|
|
528
515
|
}, {
|
|
529
516
|
default: O(() => [
|
|
530
|
-
D(
|
|
531
|
-
D(
|
|
517
|
+
D(f(it)),
|
|
518
|
+
D(ve, {
|
|
532
519
|
"data-autowidth": "",
|
|
533
520
|
disabled: e.disabled,
|
|
534
521
|
id: e.inputId,
|
|
535
522
|
"model-value": e.inputValueFmt,
|
|
536
523
|
placeholder: e.placeholder,
|
|
537
524
|
required: e.required,
|
|
538
|
-
onFocusin: c[0] || (c[0] = (
|
|
539
|
-
onInput:
|
|
540
|
-
onChange:
|
|
525
|
+
onFocusin: c[0] || (c[0] = (h) => s.$emit("ui-focusin")),
|
|
526
|
+
onInput: o,
|
|
527
|
+
onChange: d
|
|
541
528
|
}, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
|
|
542
|
-
|
|
529
|
+
g("input", z({
|
|
543
530
|
ref_key: "hiddenStart",
|
|
544
531
|
ref: n,
|
|
545
532
|
type: "hidden",
|
|
546
533
|
disabled: e.disabled,
|
|
547
534
|
id: `${e.inputId}-start`,
|
|
548
535
|
"model-value": e.inputValue.start
|
|
549
|
-
},
|
|
550
|
-
|
|
536
|
+
}, Pe(e.listeners.start, !0)), null, 16, na),
|
|
537
|
+
g("input", z({
|
|
551
538
|
ref_key: "hiddenEnd",
|
|
552
539
|
ref: l,
|
|
553
540
|
type: "hidden",
|
|
554
541
|
disabled: e.disabled,
|
|
555
542
|
id: `${e.inputId}-end`,
|
|
556
543
|
"model-value": e.inputValue.end
|
|
557
|
-
},
|
|
544
|
+
}, Pe(e.listeners.end, !0)), null, 16, la)
|
|
558
545
|
]),
|
|
559
546
|
_: 1
|
|
560
547
|
}, 8, ["disabled", "error"]));
|
|
561
548
|
}
|
|
562
549
|
};
|
|
563
|
-
function
|
|
550
|
+
function ia(e) {
|
|
564
551
|
var a, t;
|
|
565
552
|
return ((t = (a = e == null ? void 0 : e.classList) == null ? void 0 : a.contains) == null ? void 0 : t.call(a, "vc-arrow")) && (e.classList.contains("vc-prev") || e.classList.contains("vc-next"));
|
|
566
553
|
}
|
|
567
|
-
function
|
|
554
|
+
function ra(e) {
|
|
568
555
|
return e === " " || e === "Spacebar" || e === "Enter";
|
|
569
556
|
}
|
|
570
|
-
function
|
|
571
|
-
|
|
557
|
+
function Je(e) {
|
|
558
|
+
ia(e == null ? void 0 : e.target) && ra(e == null ? void 0 : e.key) && e.preventDefault();
|
|
572
559
|
}
|
|
573
|
-
function
|
|
560
|
+
function sa(e) {
|
|
574
561
|
let a;
|
|
575
562
|
W(() => {
|
|
576
563
|
var t, n, l;
|
|
577
|
-
a = (t = e == null ? void 0 : e.value) == null ? void 0 : t.popoverRef, (l = (n = a == null ? void 0 : a.$el) == null ? void 0 : n.addEventListener) == null || l.call(n, "keydown",
|
|
578
|
-
}),
|
|
564
|
+
a = (t = e == null ? void 0 : e.value) == null ? void 0 : t.popoverRef, (l = (n = a == null ? void 0 : a.$el) == null ? void 0 : n.addEventListener) == null || l.call(n, "keydown", Je);
|
|
565
|
+
}), at(() => {
|
|
579
566
|
var t, n;
|
|
580
|
-
(n = (t = a == null ? void 0 : a.$el) == null ? void 0 : t.removeEventListener) == null || n.call(t, "keydown",
|
|
567
|
+
(n = (t = a == null ? void 0 : a.$el) == null ? void 0 : t.removeEventListener) == null || n.call(t, "keydown", Je), a = null;
|
|
581
568
|
});
|
|
582
569
|
}
|
|
583
|
-
function
|
|
570
|
+
function _e(e, a, t = []) {
|
|
584
571
|
let n;
|
|
585
|
-
|
|
572
|
+
nt(() => {
|
|
586
573
|
n = window.matchMedia(e), n.addEventListener("change", a), a(n);
|
|
587
|
-
}),
|
|
574
|
+
}), at(() => {
|
|
588
575
|
n.removeEventListener("change", a), n = null;
|
|
589
|
-
}), t.length &&
|
|
576
|
+
}), t.length && N(t, () => a(n));
|
|
590
577
|
}
|
|
591
|
-
const
|
|
578
|
+
const je = [
|
|
579
|
+
"aria-describedby",
|
|
580
|
+
"aria-label",
|
|
581
|
+
"form",
|
|
582
|
+
"id",
|
|
583
|
+
"name"
|
|
584
|
+
], da = [
|
|
585
|
+
"aria-describedby",
|
|
586
|
+
"aria-label",
|
|
587
|
+
"autocomplete",
|
|
588
|
+
"autofocus",
|
|
589
|
+
"form",
|
|
590
|
+
"id",
|
|
591
|
+
"multiple",
|
|
592
|
+
"name",
|
|
593
|
+
"size"
|
|
594
|
+
], ua = [
|
|
595
|
+
"aria-describedby",
|
|
596
|
+
"aria-label",
|
|
597
|
+
"autocapitalize",
|
|
598
|
+
"autocomplete",
|
|
599
|
+
"autofocus",
|
|
600
|
+
"cols",
|
|
601
|
+
"dirname",
|
|
602
|
+
"form",
|
|
603
|
+
"id",
|
|
604
|
+
"maxlength",
|
|
605
|
+
"minlength",
|
|
606
|
+
"name",
|
|
607
|
+
"placeholder",
|
|
608
|
+
"readonly",
|
|
609
|
+
"rows",
|
|
610
|
+
"spellcheck",
|
|
611
|
+
"wrap"
|
|
612
|
+
], ce = [
|
|
613
|
+
"aria-describedby",
|
|
614
|
+
"aria-label",
|
|
615
|
+
"autocapitalize",
|
|
616
|
+
"autocomplete",
|
|
617
|
+
"dirname",
|
|
618
|
+
"form",
|
|
619
|
+
"id",
|
|
620
|
+
"list",
|
|
621
|
+
"max",
|
|
622
|
+
"maxlength",
|
|
623
|
+
"min",
|
|
624
|
+
"minlength",
|
|
625
|
+
"multiple",
|
|
626
|
+
"name",
|
|
627
|
+
"pattern",
|
|
628
|
+
"placeholder",
|
|
629
|
+
"readonly",
|
|
630
|
+
"size",
|
|
631
|
+
"step"
|
|
632
|
+
];
|
|
633
|
+
function U(e, a = []) {
|
|
634
|
+
const t = {}, n = {};
|
|
635
|
+
return Object.keys(e).forEach((l) => {
|
|
636
|
+
a.includes(l) ? t[l] = e[l] : n[l] = e[l];
|
|
637
|
+
}), { filtered: t, remaining: n };
|
|
638
|
+
}
|
|
639
|
+
const ca = ["data-range"], et = "(min-width: 752px)", El = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
592
640
|
__name: "BsCalendar",
|
|
593
641
|
props: {
|
|
594
642
|
disabled: {
|
|
@@ -651,7 +699,7 @@ const ra = ["data-range"], Xe = "(min-width: 752px)", Al = {
|
|
|
651
699
|
},
|
|
652
700
|
emits: ["update:modelValue"],
|
|
653
701
|
setup(e, { emit: a }) {
|
|
654
|
-
const t = e, n =
|
|
702
|
+
const t = e, n = m(null), l = m(1), r = m(null), [d, i] = X(2), o = m(1), { filtered: s, remaining: c } = U(ie(), [
|
|
655
703
|
"attributes",
|
|
656
704
|
"expanded",
|
|
657
705
|
"first-day-of-week",
|
|
@@ -659,43 +707,43 @@ const ra = ["data-range"], Xe = "(min-width: 752px)", Al = {
|
|
|
659
707
|
"masks",
|
|
660
708
|
"rows",
|
|
661
709
|
"trim-weeks"
|
|
662
|
-
]),
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
(b) => l.value = b != null && b.matches &&
|
|
666
|
-
[
|
|
667
|
-
),
|
|
668
|
-
|
|
669
|
-
(b) =>
|
|
670
|
-
[x,
|
|
710
|
+
]), h = p(() => t.inputId || d.value), I = p(() => ({ range: t.isRange })), $ = p(() => !!(t.error && t.errorMsg || t.hint)), x = p(() => t.step), S = p(() => t.variant);
|
|
711
|
+
sa(n), _e(
|
|
712
|
+
et,
|
|
713
|
+
(b) => l.value = b != null && b.matches && S.value == "2-col" ? 2 : 1,
|
|
714
|
+
[S]
|
|
715
|
+
), _e(
|
|
716
|
+
et,
|
|
717
|
+
(b) => o.value = b != null && b.matches && S.value == "2-col" ? x.value : 1,
|
|
718
|
+
[x, S]
|
|
671
719
|
);
|
|
672
|
-
function
|
|
720
|
+
function k(b) {
|
|
673
721
|
return t.isRange && b.start && b.end ? `${b.start} to ${b.end}` : !t.isRange && b ? b : "";
|
|
674
722
|
}
|
|
675
|
-
function
|
|
723
|
+
function q(b) {
|
|
676
724
|
!t.isRange || r.value.contains(b.relatedTarget) || n.value.hidePopover();
|
|
677
725
|
}
|
|
678
|
-
return (b,
|
|
726
|
+
return (b, B) => (u(), v("div", z({
|
|
679
727
|
ref_key: "container",
|
|
680
728
|
ref: r,
|
|
681
729
|
class: "bs-calendar",
|
|
682
730
|
"data-range": e.isRange,
|
|
683
|
-
onFocusout:
|
|
684
|
-
},
|
|
685
|
-
e.label || b.$slots.label ? (
|
|
731
|
+
onFocusout: q
|
|
732
|
+
}, f(c)), [
|
|
733
|
+
e.label || b.$slots.label ? (u(), V(ne, {
|
|
686
734
|
key: 0,
|
|
687
|
-
for:
|
|
735
|
+
for: h.value,
|
|
688
736
|
disabled: e.disabled,
|
|
689
737
|
required: e.required
|
|
690
738
|
}, {
|
|
691
739
|
default: O(() => [
|
|
692
740
|
E(b.$slots, "label", {}, () => [
|
|
693
|
-
|
|
741
|
+
F(T(e.label), 1)
|
|
694
742
|
])
|
|
695
743
|
]),
|
|
696
744
|
_: 3
|
|
697
|
-
}, 8, ["for", "disabled", "required"])) :
|
|
698
|
-
D(
|
|
745
|
+
}, 8, ["for", "disabled", "required"])) : w("", !0),
|
|
746
|
+
D(f(kt), z({
|
|
699
747
|
ref_key: "calendar",
|
|
700
748
|
ref: n,
|
|
701
749
|
columns: l.value,
|
|
@@ -704,50 +752,50 @@ const ra = ["data-range"], Xe = "(min-width: 752px)", Al = {
|
|
|
704
752
|
"min-date": e.minDate,
|
|
705
753
|
mode: "date",
|
|
706
754
|
"model-value": e.modelValue,
|
|
707
|
-
"model-modifiers":
|
|
755
|
+
"model-modifiers": I.value,
|
|
708
756
|
popover: { visibility: "focus" },
|
|
709
757
|
rows: 1,
|
|
710
|
-
step:
|
|
711
|
-
"onUpdate:modelValue":
|
|
712
|
-
},
|
|
713
|
-
default: O(({ inputValue:
|
|
714
|
-
e.isRange ? (
|
|
758
|
+
step: o.value,
|
|
759
|
+
"onUpdate:modelValue": B[0] || (B[0] = (A) => b.$emit("update:modelValue", A))
|
|
760
|
+
}, f(s)), {
|
|
761
|
+
default: O(({ inputValue: A, inputEvents: C, showPopover: M }) => [
|
|
762
|
+
e.isRange ? (u(), V(oa, {
|
|
715
763
|
key: 1,
|
|
716
764
|
disabled: e.disabled,
|
|
717
765
|
error: e.error,
|
|
718
766
|
"hidden-end-ref": b.inputEnd,
|
|
719
767
|
"hidden-start-ref": b.inputStart,
|
|
720
|
-
"input-id":
|
|
721
|
-
"input-value":
|
|
722
|
-
"input-value-fmt":
|
|
723
|
-
listeners:
|
|
768
|
+
"input-id": h.value,
|
|
769
|
+
"input-value": A,
|
|
770
|
+
"input-value-fmt": k(A),
|
|
771
|
+
listeners: C,
|
|
724
772
|
placeholder: e.placeholder,
|
|
725
773
|
required: e.required,
|
|
726
774
|
onUiFocusin: M,
|
|
727
775
|
onUiInput: M
|
|
728
|
-
}, null, 8, ["disabled", "error", "hidden-end-ref", "hidden-start-ref", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (
|
|
776
|
+
}, null, 8, ["disabled", "error", "hidden-end-ref", "hidden-start-ref", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (u(), V(aa, {
|
|
729
777
|
key: 0,
|
|
730
778
|
disabled: e.disabled,
|
|
731
779
|
error: e.error,
|
|
732
|
-
"input-id":
|
|
733
|
-
listeners:
|
|
734
|
-
"model-value":
|
|
780
|
+
"input-id": h.value,
|
|
781
|
+
listeners: C,
|
|
782
|
+
"model-value": k(A),
|
|
735
783
|
placeholder: e.placeholder,
|
|
736
784
|
required: e.required
|
|
737
785
|
}, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
|
|
738
786
|
]),
|
|
739
787
|
_: 1
|
|
740
788
|
}, 16, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
|
|
741
|
-
|
|
789
|
+
$.value ? (u(), V(pe, {
|
|
742
790
|
key: 1,
|
|
743
791
|
error: e.error,
|
|
744
792
|
"error-msg": e.errorMsg,
|
|
745
793
|
hint: e.hint,
|
|
746
|
-
"hint-id":
|
|
747
|
-
}, null, 8, ["error", "error-msg", "hint", "hint-id"])) :
|
|
748
|
-
], 16,
|
|
794
|
+
"hint-id": f(i)
|
|
795
|
+
}, null, 8, ["error", "error-msg", "hint", "hint-id"])) : w("", !0)
|
|
796
|
+
], 16, ca));
|
|
749
797
|
}
|
|
750
|
-
},
|
|
798
|
+
}), fa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
751
799
|
__name: "BsButton",
|
|
752
800
|
props: {
|
|
753
801
|
variant: { type: String },
|
|
@@ -761,23 +809,23 @@ const ra = ["data-range"], Xe = "(min-width: 752px)", Al = {
|
|
|
761
809
|
size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
|
|
762
810
|
},
|
|
763
811
|
setup(e) {
|
|
764
|
-
const a = e, t =
|
|
765
|
-
return (
|
|
812
|
+
const a = e, t = ie(), { rootTag: n, attrsToBind: l, hrefUrl: r } = we(a, t), { onLinkClick: d } = ke(a);
|
|
813
|
+
return (i, o) => (u(), V(J(f(n)), z({
|
|
766
814
|
class: "bs-button",
|
|
767
815
|
"data-component": "bs-button",
|
|
768
816
|
"data-ghost": e.ghostBtn,
|
|
769
817
|
"data-size": e.size,
|
|
770
818
|
"data-text": e.textBtn,
|
|
771
819
|
"data-variant": e.variant,
|
|
772
|
-
".href":
|
|
773
|
-
},
|
|
820
|
+
".href": f(r)
|
|
821
|
+
}, f(l), { onClick: f(d) }), {
|
|
774
822
|
default: O(() => [
|
|
775
|
-
E(
|
|
823
|
+
E(i.$slots, "default")
|
|
776
824
|
]),
|
|
777
825
|
_: 3
|
|
778
826
|
}, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
|
|
779
827
|
}
|
|
780
|
-
}),
|
|
828
|
+
}), pa = { "data-component": "bs-chart-table" }, va = ["summary"], ha = ["colspan"], ba = /* @__PURE__ */ g("th", { scope: "col" }, " Dataset ", -1), ma = { scope: "row" }, ga = {
|
|
781
829
|
__name: "BsChartTable",
|
|
782
830
|
props: {
|
|
783
831
|
data: {
|
|
@@ -796,52 +844,52 @@ const ra = ["data-range"], Xe = "(min-width: 752px)", Al = {
|
|
|
796
844
|
setup(e) {
|
|
797
845
|
return (a, t) => {
|
|
798
846
|
var n;
|
|
799
|
-
return
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
847
|
+
return u(), v("div", pa, [
|
|
848
|
+
g("table", { summary: e.tableTitle }, [
|
|
849
|
+
g("thead", null, [
|
|
850
|
+
g("tr", null, [
|
|
851
|
+
g("th", {
|
|
804
852
|
colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
|
|
805
|
-
}, T(e.tableTitle), 9,
|
|
853
|
+
}, T(e.tableTitle), 9, ha)
|
|
806
854
|
]),
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
(
|
|
855
|
+
g("tr", null, [
|
|
856
|
+
ba,
|
|
857
|
+
(u(!0), v(j, null, Z(e.dataIdxLabels, (l) => (u(), v("th", {
|
|
810
858
|
key: l,
|
|
811
859
|
scope: "col"
|
|
812
860
|
}, T(l), 1))), 128))
|
|
813
861
|
])
|
|
814
862
|
]),
|
|
815
|
-
|
|
816
|
-
(
|
|
863
|
+
g("tbody", null, [
|
|
864
|
+
(u(!0), v(j, null, Z(e.data, (l) => (u(), v("tr", {
|
|
817
865
|
key: l.label
|
|
818
866
|
}, [
|
|
819
|
-
|
|
820
|
-
(
|
|
821
|
-
key: `${r}${
|
|
867
|
+
g("th", ma, T(l.label), 1),
|
|
868
|
+
(u(!0), v(j, null, Z(l.data, (r, d) => (u(), v("td", {
|
|
869
|
+
key: `${r}${d}`
|
|
822
870
|
}, T(r), 1))), 128))
|
|
823
871
|
]))), 128))
|
|
824
872
|
])
|
|
825
|
-
], 8,
|
|
873
|
+
], 8, va)
|
|
826
874
|
]);
|
|
827
875
|
};
|
|
828
876
|
}
|
|
829
|
-
},
|
|
877
|
+
}, ya = (e) => ({
|
|
830
878
|
id: "htmlLegend",
|
|
831
879
|
afterUpdate(a) {
|
|
832
880
|
e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((n) => {
|
|
833
881
|
const l = document.createElement("li");
|
|
834
882
|
l.onclick = () => {
|
|
835
|
-
const { type:
|
|
836
|
-
|
|
883
|
+
const { type: o } = a.config._config;
|
|
884
|
+
o === "pie" || o === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
|
|
837
885
|
};
|
|
838
886
|
const r = document.createElement("span");
|
|
839
887
|
r.style.setProperty("--item-box-fill", n.fillStyle), r.style.setProperty("--item-box-stroke", n.strokeStyle);
|
|
840
|
-
const
|
|
841
|
-
|
|
888
|
+
const d = document.createTextNode(n.text), i = document.createElement("p");
|
|
889
|
+
i.style.setProperty("--item-text-color", n.fontColor), i.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), i.appendChild(d), l.appendChild(r), l.appendChild(i), e.appendChild(l);
|
|
842
890
|
});
|
|
843
891
|
}
|
|
844
|
-
}),
|
|
892
|
+
}), Ba = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
|
|
845
893
|
type: e,
|
|
846
894
|
data: {
|
|
847
895
|
datasets: a,
|
|
@@ -860,7 +908,7 @@ const ra = ["data-range"], Xe = "(min-width: 752px)", Al = {
|
|
|
860
908
|
responsive: !0
|
|
861
909
|
}
|
|
862
910
|
});
|
|
863
|
-
function
|
|
911
|
+
function $a(e) {
|
|
864
912
|
const a = [
|
|
865
913
|
"rgba(209, 26, 111, 1)",
|
|
866
914
|
"rgba(130, 18, 196, 1)",
|
|
@@ -873,10 +921,10 @@ function ma(e) {
|
|
|
873
921
|
], t = a[e % a.length];
|
|
874
922
|
return e >= a.length ? t.replace("1)", "0.5)") : t;
|
|
875
923
|
}
|
|
876
|
-
const
|
|
924
|
+
const Sa = {
|
|
877
925
|
class: "bs-chart-bar",
|
|
878
926
|
"data-component": "bs-chart-bar"
|
|
879
|
-
},
|
|
927
|
+
}, wa = ["aria-label"], ka = ["data-hidden"], Dl = {
|
|
880
928
|
__name: "BsChartBar",
|
|
881
929
|
props: {
|
|
882
930
|
chartTitle: {
|
|
@@ -930,16 +978,16 @@ const ga = {
|
|
|
930
978
|
}
|
|
931
979
|
},
|
|
932
980
|
setup(e) {
|
|
933
|
-
const a = e, t =
|
|
981
|
+
const a = e, t = m(null), n = m(null);
|
|
934
982
|
let l;
|
|
935
|
-
const r =
|
|
983
|
+
const r = p(() => {
|
|
936
984
|
const c = {
|
|
937
|
-
datasets:
|
|
985
|
+
datasets: d.value,
|
|
938
986
|
labels: a.dataIdxLabels,
|
|
939
987
|
type: "bar",
|
|
940
988
|
tooltips: a.showTooltips
|
|
941
|
-
},
|
|
942
|
-
return
|
|
989
|
+
}, h = Ba(c);
|
|
990
|
+
return h.plugins = [ya(n.value)], h.options.scales = {
|
|
943
991
|
x: {
|
|
944
992
|
grid: {
|
|
945
993
|
display: a.showXGrid
|
|
@@ -960,47 +1008,47 @@ const ga = {
|
|
|
960
1008
|
text: a.yLabel
|
|
961
1009
|
}
|
|
962
1010
|
}
|
|
963
|
-
},
|
|
964
|
-
}),
|
|
1011
|
+
}, h;
|
|
1012
|
+
}), d = p(() => a.data.map((c, h) => ({
|
|
965
1013
|
...c,
|
|
966
|
-
backgroundColor:
|
|
1014
|
+
backgroundColor: $a(h),
|
|
967
1015
|
categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
|
|
968
|
-
}))),
|
|
969
|
-
!l || c ===
|
|
970
|
-
}, 100),
|
|
1016
|
+
}))), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), o = Ne(function(c, h) {
|
|
1017
|
+
!l || c === h || (l.options = r.value.options, l.update());
|
|
1018
|
+
}, 100), s = Ne(function() {
|
|
971
1019
|
l && (l.data = r.value.data, l.update());
|
|
972
1020
|
}, 100);
|
|
973
1021
|
return W(() => {
|
|
974
|
-
|
|
975
|
-
}),
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
"aria-label":
|
|
1022
|
+
qe.register(It, Ct, Tt, xt, At, Lt), qe.defaults.font.family = "'Roobert', sans-serif", l = new qe(t.value, r.value);
|
|
1023
|
+
}), N(() => a.showLegend, o), N(() => a.showTooltips, o), N(() => a.showXGrid, o), N(() => a.showYGrid, o), N(() => a.stacked, o), N(() => a.xLabel, o), N(() => a.yLabel, o), N(() => a.data, s), N(() => a.dataIdxLabels, s), (c, h) => (u(), v("div", Sa, [
|
|
1024
|
+
g("figure", null, [
|
|
1025
|
+
g("div", null, [
|
|
1026
|
+
g("canvas", {
|
|
1027
|
+
"aria-label": i.value,
|
|
980
1028
|
ref_key: "canvas",
|
|
981
1029
|
ref: t,
|
|
982
1030
|
role: "img"
|
|
983
|
-
}, null, 8,
|
|
1031
|
+
}, null, 8, wa)
|
|
984
1032
|
]),
|
|
985
|
-
|
|
986
|
-
D(
|
|
1033
|
+
g("div", null, [
|
|
1034
|
+
D(ga, {
|
|
987
1035
|
data: e.data,
|
|
988
1036
|
"data-idx-labels": e.dataIdxLabels,
|
|
989
|
-
"table-title":
|
|
1037
|
+
"table-title": i.value
|
|
990
1038
|
}, null, 8, ["data", "data-idx-labels", "table-title"]),
|
|
991
|
-
|
|
1039
|
+
g("figcaption", {
|
|
992
1040
|
"data-hidden": !e.showLegend
|
|
993
1041
|
}, [
|
|
994
|
-
|
|
1042
|
+
g("ul", {
|
|
995
1043
|
ref_key: "legendList",
|
|
996
1044
|
ref: n
|
|
997
1045
|
}, null, 512)
|
|
998
|
-
], 8,
|
|
1046
|
+
], 8, ka)
|
|
999
1047
|
])
|
|
1000
1048
|
])
|
|
1001
1049
|
]));
|
|
1002
1050
|
}
|
|
1003
|
-
},
|
|
1051
|
+
}, Ia = ["data-size"], Ca = ["checked", "data-error", "disabled", "id", "required", "value"], Ta = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1004
1052
|
__name: "BsCheckbox",
|
|
1005
1053
|
props: {
|
|
1006
1054
|
/** Sets the label. */
|
|
@@ -1013,7 +1061,7 @@ const ga = {
|
|
|
1013
1061
|
type: Boolean,
|
|
1014
1062
|
default: !1
|
|
1015
1063
|
},
|
|
1016
|
-
/** Sets the indeterminate state; i.e. partially checked. */
|
|
1064
|
+
/** DEPRECATED - use indeterminate. Sets the indeterminate state; i.e. partially checked. */
|
|
1017
1065
|
checkedPartially: {
|
|
1018
1066
|
type: Boolean,
|
|
1019
1067
|
default: !1
|
|
@@ -1028,6 +1076,11 @@ const ga = {
|
|
|
1028
1076
|
type: Boolean,
|
|
1029
1077
|
default: !1
|
|
1030
1078
|
},
|
|
1079
|
+
/** Sets the indeterminate state; i.e. partially checked. */
|
|
1080
|
+
indeterminate: {
|
|
1081
|
+
type: Boolean,
|
|
1082
|
+
default: !1
|
|
1083
|
+
},
|
|
1031
1084
|
/** Pass id for the input element. Will also be applied to label attribute. */
|
|
1032
1085
|
inputId: {
|
|
1033
1086
|
type: String,
|
|
@@ -1058,54 +1111,54 @@ const ga = {
|
|
|
1058
1111
|
},
|
|
1059
1112
|
emits: ["update:modelValue"],
|
|
1060
1113
|
setup(e, { emit: a }) {
|
|
1061
|
-
const t = e, n = a, l =
|
|
1062
|
-
function
|
|
1063
|
-
|
|
1114
|
+
const t = e, n = a, [l] = X(), r = p(() => je.concat(t.passAttrs.split(","))), d = m(null), i = p(() => t.inputId || l.value), o = p(() => t.checked || h.value), s = p(() => t.indeterminate || t.checkedPartially), c = p(() => Array.isArray(t.modelValue) && t.value), h = p(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
|
|
1115
|
+
function I() {
|
|
1116
|
+
d.value && (d.value.indeterminate = s.value && !o.value);
|
|
1064
1117
|
}
|
|
1065
|
-
function
|
|
1066
|
-
n("update:modelValue",
|
|
1118
|
+
function $(k) {
|
|
1119
|
+
n("update:modelValue", k);
|
|
1067
1120
|
}
|
|
1068
|
-
function k
|
|
1069
|
-
const
|
|
1070
|
-
|
|
1121
|
+
function x(k) {
|
|
1122
|
+
const q = [...t.modelValue];
|
|
1123
|
+
k ? q.push(t.value) : q.splice(q.indexOf(t.value), 1), n("update:modelValue", q);
|
|
1071
1124
|
}
|
|
1072
|
-
function
|
|
1073
|
-
const { checked:
|
|
1074
|
-
|
|
1125
|
+
function S(k) {
|
|
1126
|
+
const { checked: q } = k.target;
|
|
1127
|
+
c.value ? x(q) : $(q);
|
|
1075
1128
|
}
|
|
1076
|
-
return
|
|
1129
|
+
return N(o, I), N(s, I), W(I), (k, q) => (u(), v("div", z({
|
|
1077
1130
|
class: "bs-boolean",
|
|
1078
1131
|
"data-component": "bs-checkbox",
|
|
1079
1132
|
"data-size": e.size
|
|
1080
|
-
},
|
|
1081
|
-
|
|
1133
|
+
}, f(U)(k.$attrs, r.value).remaining), [
|
|
1134
|
+
g("input", z({
|
|
1082
1135
|
ref_key: "inputEl",
|
|
1083
|
-
ref:
|
|
1084
|
-
checked:
|
|
1136
|
+
ref: d,
|
|
1137
|
+
checked: o.value,
|
|
1085
1138
|
"data-error": e.error,
|
|
1086
1139
|
disabled: e.disabled,
|
|
1087
|
-
id:
|
|
1140
|
+
id: k.$attrs.id || i.value,
|
|
1088
1141
|
required: e.required,
|
|
1089
1142
|
value: e.value || "on",
|
|
1090
1143
|
type: "checkbox",
|
|
1091
|
-
onChange:
|
|
1092
|
-
},
|
|
1093
|
-
e.label ||
|
|
1144
|
+
onChange: S
|
|
1145
|
+
}, f(U)(k.$attrs, r.value).filtered), null, 16, Ca),
|
|
1146
|
+
e.label || k.$slots.label ? (u(), V(ne, {
|
|
1094
1147
|
key: 0,
|
|
1095
|
-
for:
|
|
1148
|
+
for: k.$attrs.id || i.value,
|
|
1096
1149
|
disabled: e.disabled,
|
|
1097
1150
|
required: e.required
|
|
1098
1151
|
}, {
|
|
1099
1152
|
default: O(() => [
|
|
1100
|
-
E(
|
|
1101
|
-
|
|
1153
|
+
E(k.$slots, "label", {}, () => [
|
|
1154
|
+
F(T(e.label), 1)
|
|
1102
1155
|
])
|
|
1103
1156
|
]),
|
|
1104
1157
|
_: 3
|
|
1105
|
-
}, 8, ["for", "disabled", "required"])) :
|
|
1106
|
-
], 16,
|
|
1158
|
+
}, 8, ["for", "disabled", "required"])) : w("", !0)
|
|
1159
|
+
], 16, Ia));
|
|
1107
1160
|
}
|
|
1108
|
-
}),
|
|
1161
|
+
}), xa = { key: 0 }, Aa = { class: "bs-circle-button-icon" }, La = { key: 1 }, Ol = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1109
1162
|
__name: "BsCircleButton",
|
|
1110
1163
|
props: {
|
|
1111
1164
|
disabled: {
|
|
@@ -1151,32 +1204,32 @@ const ga = {
|
|
|
1151
1204
|
}
|
|
1152
1205
|
},
|
|
1153
1206
|
setup(e) {
|
|
1154
|
-
const a = e, t =
|
|
1207
|
+
const a = e, t = ie(), { rootTag: n, attrsToBind: l, hrefUrl: r } = we(a, t), { icon: d } = ge(a, "icon"), { onLinkClick: i } = ke(a), o = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), s = p(() => {
|
|
1155
1208
|
if (a.hoverEffect)
|
|
1156
1209
|
return a.iconPosition;
|
|
1157
|
-
}), c =
|
|
1158
|
-
return (
|
|
1210
|
+
}), c = p(() => a.textBtn && a.iconPosition !== "left"), h = p(() => a.textBtn && a.iconPosition === "left");
|
|
1211
|
+
return (I, $) => (u(), V(J(f(n)), z({
|
|
1159
1212
|
class: "bs-circle-button",
|
|
1160
1213
|
"data-disabled": e.disabled,
|
|
1161
|
-
"data-direction":
|
|
1214
|
+
"data-direction": s.value,
|
|
1162
1215
|
"data-ghost": e.ghostBtn,
|
|
1163
1216
|
"data-size": e.size,
|
|
1164
1217
|
"data-text": e.textBtn,
|
|
1165
|
-
".href":
|
|
1166
|
-
}, { ...
|
|
1218
|
+
".href": f(r)
|
|
1219
|
+
}, { ...f(l), ...o.value }, { onClick: f(i) }), {
|
|
1167
1220
|
default: O(() => [
|
|
1168
|
-
c.value ? (
|
|
1169
|
-
|
|
1170
|
-
E(
|
|
1171
|
-
(
|
|
1221
|
+
c.value ? (u(), v("span", xa, T(e.label), 1)) : w("", !0),
|
|
1222
|
+
g("span", Aa, [
|
|
1223
|
+
E(I.$slots, "icon", {}, () => [
|
|
1224
|
+
(u(), V(J(f(d)), { size: e.size }, null, 8, ["size"]))
|
|
1172
1225
|
])
|
|
1173
1226
|
]),
|
|
1174
|
-
|
|
1227
|
+
h.value ? (u(), v("span", La, T(e.label), 1)) : w("", !0)
|
|
1175
1228
|
]),
|
|
1176
1229
|
_: 3
|
|
1177
1230
|
}, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
|
|
1178
1231
|
}
|
|
1179
|
-
}),
|
|
1232
|
+
}), Te = {
|
|
1180
1233
|
__name: "BsTransition",
|
|
1181
1234
|
props: {
|
|
1182
1235
|
shown: {
|
|
@@ -1220,84 +1273,84 @@ const ga = {
|
|
|
1220
1273
|
],
|
|
1221
1274
|
setup(e, { emit: a }) {
|
|
1222
1275
|
const t = e, n = a, l = [];
|
|
1223
|
-
function r(
|
|
1224
|
-
const { duration: c, enterClass:
|
|
1276
|
+
function r(o, s) {
|
|
1277
|
+
const { duration: c, enterClass: h, enterAttribute: I } = t;
|
|
1225
1278
|
l.push(setTimeout(() => {
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
}, c)), n("enter",
|
|
1279
|
+
h && o.classList.add(h), I && o.setAttribute(I, ""), l.push(setTimeout(() => {
|
|
1280
|
+
s();
|
|
1281
|
+
}, c)), n("enter", o);
|
|
1229
1282
|
}));
|
|
1230
1283
|
}
|
|
1231
|
-
function
|
|
1284
|
+
function d(o, s) {
|
|
1232
1285
|
const {
|
|
1233
1286
|
duration: c,
|
|
1234
|
-
enterClass:
|
|
1235
|
-
enterAttribute:
|
|
1236
|
-
leaveClass:
|
|
1287
|
+
enterClass: h,
|
|
1288
|
+
enterAttribute: I,
|
|
1289
|
+
leaveClass: $,
|
|
1237
1290
|
leaveAttribute: x
|
|
1238
1291
|
} = t;
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
}, c)), n("leave",
|
|
1292
|
+
o.classList.remove(h), o.removeAttribute(I), $ && o.classList.add($), x && o.setAttribute(x, ""), l.push(setTimeout(() => {
|
|
1293
|
+
s();
|
|
1294
|
+
}, c)), n("leave", o);
|
|
1242
1295
|
}
|
|
1243
|
-
function o
|
|
1244
|
-
const { leaveClass:
|
|
1245
|
-
|
|
1296
|
+
function i(o) {
|
|
1297
|
+
const { leaveClass: s, leaveAttribute: c } = t;
|
|
1298
|
+
o.classList.remove(s), o.removeAttribute(c), n("after-leave", o);
|
|
1246
1299
|
}
|
|
1247
1300
|
return oe(() => {
|
|
1248
|
-
l.forEach((
|
|
1249
|
-
clearTimeout(
|
|
1301
|
+
l.forEach((o) => {
|
|
1302
|
+
clearTimeout(o);
|
|
1250
1303
|
});
|
|
1251
|
-
}), (
|
|
1304
|
+
}), (o, s) => e.preloaded ? Be((u(), V(Ke, {
|
|
1252
1305
|
key: 0,
|
|
1253
1306
|
css: !1,
|
|
1254
|
-
onBeforeEnter:
|
|
1307
|
+
onBeforeEnter: s[0] || (s[0] = (c) => n("before-enter", c)),
|
|
1255
1308
|
onEnter: r,
|
|
1256
|
-
onAfterEnter:
|
|
1257
|
-
onEnterCancelled:
|
|
1258
|
-
onBeforeLeave:
|
|
1259
|
-
onLeave:
|
|
1260
|
-
onAfterLeave:
|
|
1261
|
-
onLeaveCancelled:
|
|
1309
|
+
onAfterEnter: s[1] || (s[1] = (c) => n("after-enter", c)),
|
|
1310
|
+
onEnterCancelled: s[2] || (s[2] = (c) => n("enter-cancelled", c)),
|
|
1311
|
+
onBeforeLeave: s[3] || (s[3] = (c) => n("before-leave", c)),
|
|
1312
|
+
onLeave: d,
|
|
1313
|
+
onAfterLeave: i,
|
|
1314
|
+
onLeaveCancelled: s[4] || (s[4] = (c) => n("leave-cancelled", c))
|
|
1262
1315
|
}, {
|
|
1263
1316
|
default: O(() => [
|
|
1264
|
-
E(
|
|
1317
|
+
E(o.$slots, "default")
|
|
1265
1318
|
]),
|
|
1266
1319
|
_: 3
|
|
1267
1320
|
}, 512)), [
|
|
1268
|
-
[
|
|
1269
|
-
]) : (
|
|
1321
|
+
[$e, e.shown]
|
|
1322
|
+
]) : (u(), V(Ke, {
|
|
1270
1323
|
key: 1,
|
|
1271
1324
|
appear: !0,
|
|
1272
1325
|
css: !1,
|
|
1273
|
-
onBeforeEnter:
|
|
1326
|
+
onBeforeEnter: s[5] || (s[5] = (c) => n("before-enter", c)),
|
|
1274
1327
|
onEnter: r,
|
|
1275
|
-
onAfterEnter:
|
|
1276
|
-
onEnterCancelled:
|
|
1277
|
-
onBeforeLeave:
|
|
1278
|
-
onLeave:
|
|
1279
|
-
onAfterLeave:
|
|
1280
|
-
onLeaveCancelled:
|
|
1328
|
+
onAfterEnter: s[6] || (s[6] = (c) => n("after-enter", c)),
|
|
1329
|
+
onEnterCancelled: s[7] || (s[7] = (c) => n("enter-cancelled", c)),
|
|
1330
|
+
onBeforeLeave: s[8] || (s[8] = (c) => n("before-leave", c)),
|
|
1331
|
+
onLeave: d,
|
|
1332
|
+
onAfterLeave: i,
|
|
1333
|
+
onLeaveCancelled: s[9] || (s[9] = (c) => n("leave-cancelled", c))
|
|
1281
1334
|
}, {
|
|
1282
1335
|
default: O(() => [
|
|
1283
|
-
e.shown ? E(
|
|
1336
|
+
e.shown ? E(o.$slots, "default", { key: 0 }) : w("", !0)
|
|
1284
1337
|
]),
|
|
1285
1338
|
_: 3
|
|
1286
1339
|
}));
|
|
1287
1340
|
}
|
|
1288
|
-
},
|
|
1289
|
-
const n =
|
|
1290
|
-
let
|
|
1341
|
+
}, Va = (e, a = void 0, t = "relative") => {
|
|
1342
|
+
const n = m(null), l = m(null), r = m(!1);
|
|
1343
|
+
let d = !1;
|
|
1291
1344
|
return W(() => {
|
|
1292
|
-
e && (n.value = a ||
|
|
1345
|
+
e && (n.value = a || lt(), document.getElementById(n.value) ? (l.value = document.getElementById(n.value), d = !0) : (l.value = document.createElement("div"), l.value.id = n.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), r.value = !0);
|
|
1293
1346
|
}), oe(() => {
|
|
1294
|
-
var
|
|
1295
|
-
e && !
|
|
1347
|
+
var i;
|
|
1348
|
+
e && !d && ((i = document.getElementById(n.value)) == null || i.remove());
|
|
1296
1349
|
}), { breakoutId: n, breakoutStub: l, breakoutMounted: r };
|
|
1297
|
-
},
|
|
1350
|
+
}, Ea = {
|
|
1298
1351
|
key: 0,
|
|
1299
1352
|
class: "bs-dropdown-backdrop"
|
|
1300
|
-
},
|
|
1353
|
+
}, Da = ["data-width", "data-no-mobile"], Oa = { key: 0 }, qa = { key: 0 }, Ma = {
|
|
1301
1354
|
__name: "BsDropdownNew",
|
|
1302
1355
|
props: {
|
|
1303
1356
|
anchorId: {
|
|
@@ -1350,109 +1403,109 @@ const ga = {
|
|
|
1350
1403
|
"after-leave"
|
|
1351
1404
|
],
|
|
1352
1405
|
setup(e, { emit: a }) {
|
|
1353
|
-
const t = e, n = a, l =
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
}),
|
|
1357
|
-
|
|
1358
|
-
}), re("dropdownAfterEnter",
|
|
1359
|
-
const
|
|
1360
|
-
r.value.style.setProperty(
|
|
1406
|
+
const t = e, n = a, l = m(null), r = m(null), d = m(!1), i = p(() => document.getElementById(t.anchorId)), o = p(() => t.breakout ? h.value : t.containerId ? document.getElementById(t.containerId) : l.value), s = p(() => t.breakout ? I.value : !0), c = p(() => t.width === "anchor" ? void 0 : t.width), { breakoutStub: h, breakoutMounted: I } = Va(t.breakout, t.containerId);
|
|
1407
|
+
qt([r, i], () => {
|
|
1408
|
+
d.value && n("close");
|
|
1409
|
+
}), Ie(["Escape"], () => {
|
|
1410
|
+
d.value && n("close");
|
|
1411
|
+
}), re("dropdownAfterEnter", d), re("dropdownShown", p(() => t.shown));
|
|
1412
|
+
const $ = (C, M) => {
|
|
1413
|
+
r.value.style.setProperty(C, M);
|
|
1361
1414
|
};
|
|
1362
1415
|
function x() {
|
|
1363
|
-
const
|
|
1364
|
-
|
|
1416
|
+
const C = o.value.getBoundingClientRect(), M = i.value.getBoundingClientRect(), H = r.value.getBoundingClientRect();
|
|
1417
|
+
S(C, M), k(C, M, H);
|
|
1365
1418
|
}
|
|
1366
|
-
function
|
|
1419
|
+
function S(C, M) {
|
|
1367
1420
|
if (t.position === "top") {
|
|
1368
|
-
const
|
|
1369
|
-
|
|
1421
|
+
const H = C.bottom - M.bottom;
|
|
1422
|
+
$("--dropdown-wscreen-top", "auto"), $("--dropdown-wscreen-bottom", `${H + M.height + 8}px`);
|
|
1370
1423
|
} else {
|
|
1371
|
-
const
|
|
1372
|
-
|
|
1424
|
+
const H = M.top - C.top;
|
|
1425
|
+
$("--dropdown-wscreen-top", `${H + M.height + 8}px`), $("--dropdown-wscreen-bottom", "auto");
|
|
1373
1426
|
}
|
|
1374
1427
|
}
|
|
1375
|
-
function
|
|
1428
|
+
function k(C, M, H) {
|
|
1376
1429
|
if (t.width !== "anchor") {
|
|
1377
|
-
const
|
|
1430
|
+
const Q = M.left - C.left;
|
|
1378
1431
|
if (t.position === "center") {
|
|
1379
|
-
const _ = (M.width -
|
|
1380
|
-
|
|
1432
|
+
const _ = (M.width - H.width) / 2;
|
|
1433
|
+
$("--dropdown-wscreen-left", `${Q + _}px`), $("--dropdown-wscreen-right", "auto");
|
|
1381
1434
|
} else if (t.position === "right") {
|
|
1382
|
-
const _ =
|
|
1383
|
-
|
|
1435
|
+
const _ = C.right - M.right;
|
|
1436
|
+
$("--dropdown-wscreen-left", "auto"), $("--dropdown-wscreen-right", `${_}px`);
|
|
1384
1437
|
} else
|
|
1385
|
-
|
|
1438
|
+
$("--dropdown-wscreen-left", `${Q}px`), $("--dropdown-wscreen-right", "auto");
|
|
1386
1439
|
}
|
|
1387
1440
|
}
|
|
1388
|
-
function
|
|
1441
|
+
function q() {
|
|
1389
1442
|
if (t.width === "anchor") {
|
|
1390
|
-
const
|
|
1391
|
-
|
|
1443
|
+
const C = i.value.getBoundingClientRect();
|
|
1444
|
+
$("--dropdown-wscreen-width", `${C.width}px`);
|
|
1392
1445
|
} else
|
|
1393
|
-
|
|
1446
|
+
$("--dropdown-wscreen-width", "");
|
|
1394
1447
|
}
|
|
1395
1448
|
function b() {
|
|
1396
|
-
x(),
|
|
1449
|
+
x(), q(), n("enter");
|
|
1397
1450
|
}
|
|
1398
|
-
function
|
|
1399
|
-
|
|
1451
|
+
function B() {
|
|
1452
|
+
d.value = !0, n("after-enter");
|
|
1400
1453
|
}
|
|
1401
|
-
function
|
|
1402
|
-
|
|
1454
|
+
function A() {
|
|
1455
|
+
d.value = !1, n("after-leave");
|
|
1403
1456
|
}
|
|
1404
|
-
return (
|
|
1405
|
-
e.useMobileStyle && e.shown ? (
|
|
1406
|
-
|
|
1457
|
+
return (C, M) => (u(), v(j, null, [
|
|
1458
|
+
e.useMobileStyle && e.shown ? (u(), v("div", Ea)) : w("", !0),
|
|
1459
|
+
s.value ? (u(), V(ct, {
|
|
1407
1460
|
key: 1,
|
|
1408
1461
|
disabled: !e.breakout,
|
|
1409
|
-
to: e.breakout ?
|
|
1462
|
+
to: e.breakout ? f(h) : void 0
|
|
1410
1463
|
}, [
|
|
1411
|
-
|
|
1464
|
+
g("div", {
|
|
1412
1465
|
ref_key: "containerRef",
|
|
1413
1466
|
ref: l,
|
|
1414
|
-
style:
|
|
1467
|
+
style: ft(e.breakout || e.containerId ? void 0 : { position: "relative" })
|
|
1415
1468
|
}, [
|
|
1416
|
-
D(
|
|
1469
|
+
D(Te, {
|
|
1417
1470
|
shown: e.shown,
|
|
1418
1471
|
preloaded: e.preloaded,
|
|
1419
1472
|
duration: 75,
|
|
1420
1473
|
"enter-attribute": "data-shown",
|
|
1421
|
-
onAfterEnter:
|
|
1474
|
+
onAfterEnter: B,
|
|
1422
1475
|
onEnter: b,
|
|
1423
|
-
onAfterLeave:
|
|
1476
|
+
onAfterLeave: A
|
|
1424
1477
|
}, {
|
|
1425
1478
|
default: O(() => [
|
|
1426
|
-
|
|
1479
|
+
g("div", z({
|
|
1427
1480
|
ref_key: "dropdownRef",
|
|
1428
1481
|
ref: r,
|
|
1429
1482
|
class: "bs-dropdown",
|
|
1430
1483
|
"data-width": c.value,
|
|
1431
1484
|
"data-no-mobile": !e.useMobileStyle
|
|
1432
|
-
},
|
|
1433
|
-
e.helperText ? (
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
e.helperDescription ? (
|
|
1485
|
+
}, C.$attrs), [
|
|
1486
|
+
e.helperText ? (u(), v("header", Oa, [
|
|
1487
|
+
g("div", null, [
|
|
1488
|
+
g("h3", null, T(e.helperText), 1),
|
|
1489
|
+
e.helperDescription ? (u(), v("p", qa, T(e.helperDescription), 1)) : w("", !0)
|
|
1437
1490
|
]),
|
|
1438
|
-
|
|
1491
|
+
g("button", {
|
|
1439
1492
|
type: "button",
|
|
1440
1493
|
title: "close",
|
|
1441
1494
|
onClick: M[0] || (M[0] = () => n("close"))
|
|
1442
1495
|
}, [
|
|
1443
|
-
D(
|
|
1496
|
+
D(f(Se))
|
|
1444
1497
|
])
|
|
1445
|
-
])) :
|
|
1446
|
-
E(
|
|
1447
|
-
], 16,
|
|
1498
|
+
])) : w("", !0),
|
|
1499
|
+
E(C.$slots, "default")
|
|
1500
|
+
], 16, Da)
|
|
1448
1501
|
]),
|
|
1449
1502
|
_: 3
|
|
1450
1503
|
}, 8, ["shown", "preloaded"])
|
|
1451
1504
|
], 4)
|
|
1452
|
-
], 8, ["disabled", "to"])) :
|
|
1505
|
+
], 8, ["disabled", "to"])) : w("", !0)
|
|
1453
1506
|
], 64));
|
|
1454
1507
|
}
|
|
1455
|
-
},
|
|
1508
|
+
}, rt = {
|
|
1456
1509
|
__name: "BsDropdown",
|
|
1457
1510
|
props: {
|
|
1458
1511
|
anchorId: {
|
|
@@ -1542,30 +1595,30 @@ const ga = {
|
|
|
1542
1595
|
"after-leave"
|
|
1543
1596
|
],
|
|
1544
1597
|
setup(e, { emit: a }) {
|
|
1545
|
-
const t = e, n = a, { transition: l } =
|
|
1546
|
-
return (
|
|
1547
|
-
"anchor-id":
|
|
1598
|
+
const t = e, n = a, { transition: l } = fe(t), r = p(() => t.width === "toggle" ? "anchor" : t.width), d = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), i = p(() => t.toggleId ? t.toggleId : t.anchorId);
|
|
1599
|
+
return (o, s) => (u(), V(Ma, {
|
|
1600
|
+
"anchor-id": i.value,
|
|
1548
1601
|
breakout: e.breakout,
|
|
1549
1602
|
"container-id": e.containerId,
|
|
1550
1603
|
"helper-description": e.helperDescription,
|
|
1551
1604
|
"helper-text": e.helperText,
|
|
1552
|
-
position:
|
|
1605
|
+
position: d.value,
|
|
1553
1606
|
preloaded: e.preloaded,
|
|
1554
|
-
shown:
|
|
1607
|
+
shown: f(l),
|
|
1555
1608
|
"use-mobile-style": e.useMobileStyle,
|
|
1556
1609
|
width: r.value,
|
|
1557
|
-
onClose:
|
|
1558
|
-
onEnter:
|
|
1559
|
-
onAfterEnter:
|
|
1560
|
-
onAfterLeave:
|
|
1610
|
+
onClose: s[0] || (s[0] = () => n("close")),
|
|
1611
|
+
onEnter: s[1] || (s[1] = () => n("enter")),
|
|
1612
|
+
onAfterEnter: s[2] || (s[2] = () => n("after-enter")),
|
|
1613
|
+
onAfterLeave: s[3] || (s[3] = () => n("after-leave"))
|
|
1561
1614
|
}, {
|
|
1562
1615
|
default: O(() => [
|
|
1563
|
-
E(
|
|
1616
|
+
E(o.$slots, "default")
|
|
1564
1617
|
]),
|
|
1565
1618
|
_: 3
|
|
1566
1619
|
}, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
|
|
1567
1620
|
}
|
|
1568
|
-
},
|
|
1621
|
+
}, Pa = ["aria-activedescendant", "aria-label", "id"], Fe = {
|
|
1569
1622
|
__name: "BsDropdownOptionList",
|
|
1570
1623
|
props: {
|
|
1571
1624
|
optionsId: {
|
|
@@ -1601,110 +1654,110 @@ const ga = {
|
|
|
1601
1654
|
},
|
|
1602
1655
|
emits: ["optselected", "update:modelValue", "close"],
|
|
1603
1656
|
setup(e, { expose: a, emit: t }) {
|
|
1604
|
-
const n = e, l = t, r =
|
|
1605
|
-
let
|
|
1606
|
-
re("handleSelect", b), re("optionsId",
|
|
1607
|
-
|
|
1657
|
+
const n = e, l = t, r = m(null), d = m(null), i = m(-1), o = m(null), s = se("dropdownAfterEnter"), c = se("dropdownShown", !1);
|
|
1658
|
+
let h = -1;
|
|
1659
|
+
re("handleSelect", b), re("optionsId", p(() => n.optionsId)), W(() => {
|
|
1660
|
+
$(), x(), document.addEventListener("keydown", k);
|
|
1608
1661
|
}), oe(() => {
|
|
1609
|
-
document.removeEventListener("keydown",
|
|
1610
|
-
}),
|
|
1611
|
-
var
|
|
1612
|
-
|
|
1613
|
-
}),
|
|
1614
|
-
const
|
|
1615
|
-
function
|
|
1616
|
-
|
|
1662
|
+
document.removeEventListener("keydown", k);
|
|
1663
|
+
}), N(s, (B) => {
|
|
1664
|
+
var A, C;
|
|
1665
|
+
B && h > -1 && (n.focusOnShow ? (A = o.value[h]) == null || A.focus() : (C = o.value[h]) == null || C.scrollIntoView({ block: "nearest" }));
|
|
1666
|
+
}), N(c, x);
|
|
1667
|
+
const I = p(() => n.modelValue || n.selectedValue);
|
|
1668
|
+
function $() {
|
|
1669
|
+
o.value = Array.from(
|
|
1617
1670
|
r.value.querySelectorAll('[data-component="bs-dropdown-option"]')
|
|
1618
1671
|
);
|
|
1619
1672
|
}
|
|
1620
1673
|
function x() {
|
|
1621
|
-
var
|
|
1622
|
-
c.value && !n.multiselect ? (
|
|
1623
|
-
(
|
|
1624
|
-
),
|
|
1674
|
+
var B, A;
|
|
1675
|
+
c.value && !n.multiselect ? (h = o.value.findIndex(
|
|
1676
|
+
(C) => C.getAttribute("data-value") === String(I.value)
|
|
1677
|
+
), o.value.forEach((C) => {
|
|
1625
1678
|
var M;
|
|
1626
|
-
return (M =
|
|
1627
|
-
}),
|
|
1679
|
+
return (M = C == null ? void 0 : C.setAttribute) == null ? void 0 : M.call(C, "aria-selected", "false");
|
|
1680
|
+
}), h > -1 && ((B = o.value[h]) == null || B.setAttribute("data-selected", ""), (A = o.value[h]) == null || A.setAttribute("aria-selected", "true"), i.value = h)) : (o.value.forEach((C) => {
|
|
1628
1681
|
var M;
|
|
1629
|
-
return (M =
|
|
1630
|
-
}),
|
|
1682
|
+
return (M = C == null ? void 0 : C.removeAttribute) == null ? void 0 : M.call(C, "data-selected");
|
|
1683
|
+
}), o.value.forEach((C) => {
|
|
1631
1684
|
var M;
|
|
1632
|
-
return (M =
|
|
1685
|
+
return (M = C == null ? void 0 : C.removeAttribute) == null ? void 0 : M.call(C, "aria-selected");
|
|
1633
1686
|
}));
|
|
1634
1687
|
}
|
|
1635
|
-
|
|
1688
|
+
Mt(
|
|
1636
1689
|
r,
|
|
1637
1690
|
() => {
|
|
1638
|
-
|
|
1691
|
+
$();
|
|
1639
1692
|
},
|
|
1640
1693
|
{ childList: !0 }
|
|
1641
1694
|
);
|
|
1642
|
-
function
|
|
1643
|
-
var
|
|
1644
|
-
|
|
1695
|
+
function S() {
|
|
1696
|
+
var B;
|
|
1697
|
+
i.value > -1 && ((B = o.value[i.value]) == null || B.blur());
|
|
1645
1698
|
}
|
|
1646
|
-
function
|
|
1699
|
+
function k(B) {
|
|
1647
1700
|
if (c.value)
|
|
1648
|
-
switch (
|
|
1701
|
+
switch (B.key) {
|
|
1649
1702
|
case "ArrowDown":
|
|
1650
|
-
|
|
1703
|
+
q("down"), B.preventDefault();
|
|
1651
1704
|
break;
|
|
1652
1705
|
case "ArrowUp":
|
|
1653
|
-
|
|
1706
|
+
q("up"), B.preventDefault();
|
|
1654
1707
|
break;
|
|
1655
1708
|
case "Home":
|
|
1656
|
-
|
|
1709
|
+
q("home"), B.preventDefault();
|
|
1657
1710
|
break;
|
|
1658
1711
|
case "End":
|
|
1659
|
-
|
|
1712
|
+
q("end"), B.preventDefault();
|
|
1660
1713
|
break;
|
|
1661
1714
|
case "Tab":
|
|
1662
|
-
|
|
1715
|
+
i.value = h, n.preventTab && B.preventDefault();
|
|
1663
1716
|
break;
|
|
1664
1717
|
}
|
|
1665
1718
|
}
|
|
1666
|
-
function
|
|
1667
|
-
let
|
|
1668
|
-
switch (
|
|
1719
|
+
function q(B) {
|
|
1720
|
+
let A;
|
|
1721
|
+
switch (B) {
|
|
1669
1722
|
case "up":
|
|
1670
|
-
|
|
1723
|
+
A = i.value - 1 < 0 ? o.value.length - 1 : i.value - 1;
|
|
1671
1724
|
break;
|
|
1672
1725
|
case "down":
|
|
1673
|
-
|
|
1726
|
+
A = (i.value + 1) % o.value.length;
|
|
1674
1727
|
break;
|
|
1675
1728
|
case "home":
|
|
1676
|
-
|
|
1729
|
+
A = 0;
|
|
1677
1730
|
break;
|
|
1678
1731
|
case "end":
|
|
1679
|
-
|
|
1732
|
+
A = o.value.length - 1;
|
|
1680
1733
|
break;
|
|
1681
1734
|
}
|
|
1682
|
-
|
|
1735
|
+
S(), o.value[A].focus(), d.value = o.value[A].id, i.value = A;
|
|
1683
1736
|
}
|
|
1684
|
-
function b(
|
|
1685
|
-
|
|
1737
|
+
function b(B, A) {
|
|
1738
|
+
d.value = B, S(), l("optselected", A), l("update:modelValue", A), l("close");
|
|
1686
1739
|
}
|
|
1687
1740
|
return a({
|
|
1688
|
-
activeDescendantId:
|
|
1689
|
-
focusedIndex:
|
|
1690
|
-
optionEls:
|
|
1691
|
-
refreshOptions:
|
|
1692
|
-
}), (
|
|
1741
|
+
activeDescendantId: d,
|
|
1742
|
+
focusedIndex: i,
|
|
1743
|
+
optionEls: o,
|
|
1744
|
+
refreshOptions: $
|
|
1745
|
+
}), (B, A) => (u(), v("ul", {
|
|
1693
1746
|
ref_key: "optionsRef",
|
|
1694
1747
|
ref: r,
|
|
1695
|
-
"aria-activedescendant":
|
|
1748
|
+
"aria-activedescendant": d.value || void 0,
|
|
1696
1749
|
"aria-label": n.label || void 0,
|
|
1697
1750
|
class: "bs-dropdown-options",
|
|
1698
1751
|
id: n.optionsId,
|
|
1699
1752
|
role: "listbox"
|
|
1700
1753
|
}, [
|
|
1701
|
-
E(
|
|
1702
|
-
], 8,
|
|
1754
|
+
E(B.$slots, "default")
|
|
1755
|
+
], 8, Pa));
|
|
1703
1756
|
}
|
|
1704
|
-
},
|
|
1757
|
+
}, za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1705
1758
|
__proto__: null,
|
|
1706
|
-
default:
|
|
1707
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1759
|
+
default: Fe
|
|
1760
|
+
}, Symbol.toStringTag, { value: "Module" })), Na = ["data-value", "data-variant", "id"], Ue = {
|
|
1708
1761
|
__name: "BsDropdownOption",
|
|
1709
1762
|
props: {
|
|
1710
1763
|
value: {
|
|
@@ -1717,16 +1770,16 @@ const ga = {
|
|
|
1717
1770
|
}
|
|
1718
1771
|
},
|
|
1719
1772
|
setup(e) {
|
|
1720
|
-
const a = e, t =
|
|
1721
|
-
}), r =
|
|
1722
|
-
|
|
1723
|
-
|
|
1773
|
+
const a = e, t = m(null), n = se("optionsId", ""), l = se("handleSelect", () => {
|
|
1774
|
+
}), r = p(() => `${n.value}-option-${a.value}`);
|
|
1775
|
+
Ie([" ", "Enter", "NumpadEnter"], (i) => {
|
|
1776
|
+
d(), i.preventDefault();
|
|
1724
1777
|
}, t);
|
|
1725
|
-
function
|
|
1726
|
-
var
|
|
1727
|
-
l(r.value, a.value), (
|
|
1778
|
+
function d(i) {
|
|
1779
|
+
var o, s;
|
|
1780
|
+
l(r.value, a.value), (o = t.value.querySelector("a")) == null || o.click(), (s = i == null ? void 0 : i.stopPropagation) == null || s.call(i);
|
|
1728
1781
|
}
|
|
1729
|
-
return (
|
|
1782
|
+
return (i, o) => (u(), v("li", {
|
|
1730
1783
|
ref_key: "optionRef",
|
|
1731
1784
|
ref: t,
|
|
1732
1785
|
"data-component": "bs-dropdown-option",
|
|
@@ -1735,12 +1788,12 @@ const ga = {
|
|
|
1735
1788
|
id: r.value,
|
|
1736
1789
|
role: "option",
|
|
1737
1790
|
tabIndex: -1,
|
|
1738
|
-
onClick:
|
|
1791
|
+
onClick: d
|
|
1739
1792
|
}, [
|
|
1740
|
-
E(
|
|
1741
|
-
], 8,
|
|
1793
|
+
E(i.$slots, "default")
|
|
1794
|
+
], 8, Na));
|
|
1742
1795
|
}
|
|
1743
|
-
},
|
|
1796
|
+
}, Ra = ["data-img-size", "data-initials", "data-no-img"], ja = ["src", "alt"], st = {
|
|
1744
1797
|
__name: "BsProfileImg",
|
|
1745
1798
|
props: {
|
|
1746
1799
|
src: String,
|
|
@@ -1755,25 +1808,25 @@ const ga = {
|
|
|
1755
1808
|
}
|
|
1756
1809
|
},
|
|
1757
1810
|
setup(e) {
|
|
1758
|
-
const a = e, t =
|
|
1759
|
-
return W(() => t.value = !0), (l, r) => (
|
|
1811
|
+
const a = e, t = m(!1), n = m(!!a.src);
|
|
1812
|
+
return W(() => t.value = !0), (l, r) => (u(), v("div", {
|
|
1760
1813
|
class: "bs-profile-img",
|
|
1761
1814
|
"data-img-size": e.size,
|
|
1762
1815
|
"data-initials": e.initials,
|
|
1763
1816
|
"data-no-img": !n.value
|
|
1764
1817
|
}, [
|
|
1765
|
-
n.value && t.value ? (
|
|
1818
|
+
n.value && t.value ? (u(), v("img", {
|
|
1766
1819
|
key: 0,
|
|
1767
1820
|
src: e.src,
|
|
1768
1821
|
alt: e.profileName,
|
|
1769
|
-
onError: r[0] || (r[0] = (
|
|
1770
|
-
}, null, 40,
|
|
1771
|
-
], 8,
|
|
1822
|
+
onError: r[0] || (r[0] = (d) => n.value = !1)
|
|
1823
|
+
}, null, 40, ja)) : w("", !0)
|
|
1824
|
+
], 8, Ra));
|
|
1772
1825
|
}
|
|
1773
|
-
},
|
|
1826
|
+
}, Fa = { key: 1 }, Ua = ["for", "innerHTML"], Wa = ["innerHTML"], Ga = ["for"], Ha = { key: 1 }, Ka = { key: 5 }, Ya = {
|
|
1774
1827
|
key: 0,
|
|
1775
1828
|
"data-no-hover": ""
|
|
1776
|
-
},
|
|
1829
|
+
}, ye = {
|
|
1777
1830
|
__name: "BsDropdownOptionBuilder",
|
|
1778
1831
|
props: {
|
|
1779
1832
|
// Array of objects with the following properties (either label or labelHtml
|
|
@@ -1806,83 +1859,83 @@ const ga = {
|
|
|
1806
1859
|
},
|
|
1807
1860
|
setup(e) {
|
|
1808
1861
|
const a = e, t = {};
|
|
1809
|
-
|
|
1862
|
+
nt(() => {
|
|
1810
1863
|
n();
|
|
1811
|
-
}),
|
|
1864
|
+
}), N(() => a.options, () => {
|
|
1812
1865
|
n();
|
|
1813
1866
|
});
|
|
1814
1867
|
function n() {
|
|
1815
|
-
a.options.forEach((
|
|
1816
|
-
const { icon:
|
|
1817
|
-
|
|
1868
|
+
a.options.forEach((d) => {
|
|
1869
|
+
const { icon: i } = d;
|
|
1870
|
+
i && !t[i] && (t[i] = r(i));
|
|
1818
1871
|
});
|
|
1819
1872
|
}
|
|
1820
|
-
function l(
|
|
1821
|
-
let
|
|
1822
|
-
return
|
|
1873
|
+
function l(d) {
|
|
1874
|
+
let i = "", o = 1;
|
|
1875
|
+
return o += d.checkbox ? 1 : 0, o += d.icon ? 1 : 0, o += d.profileImg ? 1 : 0, o > 1 && (i += ` ${o}-col`), d.checkbox && (i += " checkbox"), d.description && (i += " description"), d.negative && (i += " negative"), i;
|
|
1823
1876
|
}
|
|
1824
|
-
function r(
|
|
1825
|
-
return
|
|
1826
|
-
const { [`BsIcon${
|
|
1827
|
-
return
|
|
1877
|
+
function r(d) {
|
|
1878
|
+
return Re(async () => {
|
|
1879
|
+
const { [`BsIcon${d}`]: i } = await import("@wwtdev/bsds-icons-vue3");
|
|
1880
|
+
return i;
|
|
1828
1881
|
});
|
|
1829
1882
|
}
|
|
1830
|
-
return (
|
|
1831
|
-
(
|
|
1832
|
-
"aria-checked":
|
|
1833
|
-
key:
|
|
1834
|
-
value:
|
|
1835
|
-
variant: l(
|
|
1883
|
+
return (d, i) => (u(), v(j, null, [
|
|
1884
|
+
(u(!0), v(j, null, Z(e.options, (o) => (u(), V(Ue, {
|
|
1885
|
+
"aria-checked": o.checkbox ? o.checkbox.checked : void 0,
|
|
1886
|
+
key: o.value,
|
|
1887
|
+
value: o.value,
|
|
1888
|
+
variant: l(o)
|
|
1836
1889
|
}, {
|
|
1837
1890
|
default: O(() => [
|
|
1838
|
-
|
|
1891
|
+
o.checkbox ? (u(), V(Ta, {
|
|
1839
1892
|
key: 0,
|
|
1840
|
-
"input-id":
|
|
1841
|
-
"model-value":
|
|
1842
|
-
}, null, 8, ["input-id", "model-value"])) :
|
|
1843
|
-
|
|
1844
|
-
(
|
|
1845
|
-
])) :
|
|
1846
|
-
|
|
1893
|
+
"input-id": o.checkbox.inputId,
|
|
1894
|
+
"model-value": o.checkbox.checked
|
|
1895
|
+
}, null, 8, ["input-id", "model-value"])) : w("", !0),
|
|
1896
|
+
o.icon ? (u(), v("span", Fa, [
|
|
1897
|
+
(u(), V(J(t[o.icon])))
|
|
1898
|
+
])) : w("", !0),
|
|
1899
|
+
o.profileImg ? (u(), V(st, {
|
|
1847
1900
|
key: 2,
|
|
1848
|
-
src:
|
|
1901
|
+
src: o.profileImg.src,
|
|
1849
1902
|
size: "xs",
|
|
1850
|
-
initials:
|
|
1851
|
-
"profile-name":
|
|
1852
|
-
}, null, 8, ["src", "initials", "profile-name"])) :
|
|
1853
|
-
|
|
1854
|
-
|
|
1903
|
+
initials: o.profileImg.initials,
|
|
1904
|
+
"profile-name": o.profileImg.profileName
|
|
1905
|
+
}, null, 8, ["src", "initials", "profile-name"])) : w("", !0),
|
|
1906
|
+
o.labelHtml ? (u(), v(j, { key: 3 }, [
|
|
1907
|
+
o.checkbox ? (u(), v("label", {
|
|
1855
1908
|
key: 0,
|
|
1856
|
-
for:
|
|
1857
|
-
innerHTML:
|
|
1858
|
-
onClick:
|
|
1909
|
+
for: o.checkbox.inputId,
|
|
1910
|
+
innerHTML: o.labelHtml,
|
|
1911
|
+
onClick: i[0] || (i[0] = Ye(() => {
|
|
1859
1912
|
}, ["prevent"]))
|
|
1860
|
-
}, null, 8,
|
|
1913
|
+
}, null, 8, Ua)) : (u(), v("span", {
|
|
1861
1914
|
key: 1,
|
|
1862
|
-
innerHTML:
|
|
1863
|
-
}, null, 8,
|
|
1864
|
-
], 64)) : (
|
|
1865
|
-
|
|
1915
|
+
innerHTML: o.labelHtml
|
|
1916
|
+
}, null, 8, Wa))
|
|
1917
|
+
], 64)) : (u(), v(j, { key: 4 }, [
|
|
1918
|
+
o.checkbox ? (u(), v("label", {
|
|
1866
1919
|
key: 0,
|
|
1867
|
-
for:
|
|
1868
|
-
onClick:
|
|
1920
|
+
for: o.checkbox.inputId,
|
|
1921
|
+
onClick: i[1] || (i[1] = Ye(() => {
|
|
1869
1922
|
}, ["prevent"]))
|
|
1870
|
-
}, T(
|
|
1923
|
+
}, T(o.label), 9, Ga)) : (u(), v("span", Ha, T(o.label), 1))
|
|
1871
1924
|
], 64)),
|
|
1872
|
-
|
|
1925
|
+
o.description ? (u(), v("span", Ka, T(o.description), 1)) : w("", !0)
|
|
1873
1926
|
]),
|
|
1874
1927
|
_: 2
|
|
1875
1928
|
}, 1032, ["aria-checked", "value", "variant"]))), 128)),
|
|
1876
|
-
e.showNoOptions && e.options.length === 0 ? (
|
|
1877
|
-
E(
|
|
1878
|
-
|
|
1929
|
+
e.showNoOptions && e.options.length === 0 ? (u(), v("li", Ya, [
|
|
1930
|
+
E(d.$slots, "no-options", {}, () => [
|
|
1931
|
+
F("No options")
|
|
1879
1932
|
])
|
|
1880
|
-
])) :
|
|
1933
|
+
])) : w("", !0)
|
|
1881
1934
|
], 64));
|
|
1882
1935
|
}
|
|
1883
|
-
},
|
|
1884
|
-
|
|
1885
|
-
],
|
|
1936
|
+
}, Qa = { role: "separator" }, Xa = /* @__PURE__ */ g("hr", null, null, -1), Za = [
|
|
1937
|
+
Xa
|
|
1938
|
+
], Ja = {
|
|
1886
1939
|
__name: "BsDropdownMultiselect",
|
|
1887
1940
|
props: {
|
|
1888
1941
|
label: {
|
|
@@ -1908,52 +1961,52 @@ const ga = {
|
|
|
1908
1961
|
emits: ["update:selectedOptions"],
|
|
1909
1962
|
setup(e, { emit: a }) {
|
|
1910
1963
|
const t = e, n = a;
|
|
1911
|
-
|
|
1912
|
-
const l =
|
|
1913
|
-
let
|
|
1914
|
-
|
|
1964
|
+
m(null), m(null);
|
|
1965
|
+
const l = m(null), r = m([]), d = m([]);
|
|
1966
|
+
let i = !1;
|
|
1967
|
+
N(
|
|
1915
1968
|
() => t.selectedOptions,
|
|
1916
1969
|
c,
|
|
1917
1970
|
{ immediate: !0 }
|
|
1918
|
-
),
|
|
1919
|
-
|
|
1971
|
+
), N(() => t.shown, ($) => {
|
|
1972
|
+
$ && me(o);
|
|
1920
1973
|
});
|
|
1921
|
-
function
|
|
1922
|
-
var x,
|
|
1974
|
+
function o() {
|
|
1975
|
+
var x, S;
|
|
1923
1976
|
l.value && (l.value.refreshOptions(), l.value.activeDescendantId = (x = l.value.optionEls[0]) == null ? void 0 : x.id, l.value.focusedIndex = 0);
|
|
1924
|
-
const
|
|
1925
|
-
(
|
|
1977
|
+
const $ = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
|
|
1978
|
+
(S = $ == null ? void 0 : $.focus) == null || S.call($, { preventScroll: !0 });
|
|
1926
1979
|
}
|
|
1927
|
-
function
|
|
1928
|
-
var
|
|
1980
|
+
function s() {
|
|
1981
|
+
var $;
|
|
1929
1982
|
if (l.value) {
|
|
1930
1983
|
l.value.refreshOptions();
|
|
1931
|
-
const x = l.value.focusedIndex,
|
|
1932
|
-
(
|
|
1984
|
+
const x = l.value.focusedIndex, S = l.value.optionEls[x];
|
|
1985
|
+
($ = S == null ? void 0 : S.focus) == null || $.call(S), l.value.activeDescendantId = S == null ? void 0 : S.id;
|
|
1933
1986
|
}
|
|
1934
1987
|
}
|
|
1935
|
-
function c(
|
|
1936
|
-
const x = new Set(
|
|
1937
|
-
t.options.forEach((
|
|
1938
|
-
const b = { ...
|
|
1939
|
-
x.has(
|
|
1940
|
-
}), r.value =
|
|
1941
|
-
|
|
1942
|
-
|
|
1988
|
+
function c($ = []) {
|
|
1989
|
+
const x = new Set($), S = [], k = [];
|
|
1990
|
+
t.options.forEach((q) => {
|
|
1991
|
+
const b = { ...q }, B = `${t.optionsId}-${q.value}-cb`;
|
|
1992
|
+
x.has(q.value) ? (b.checkbox = { inputId: B, checked: !0 }, S.push(b)) : (b.checkbox = { inputId: B, checked: !1 }, k.push(b));
|
|
1993
|
+
}), r.value = S, me(() => {
|
|
1994
|
+
d.value = k, me(() => {
|
|
1995
|
+
i && s(), i = !1;
|
|
1943
1996
|
});
|
|
1944
1997
|
});
|
|
1945
1998
|
}
|
|
1946
|
-
function
|
|
1947
|
-
const x = new Set(
|
|
1948
|
-
return t.options.forEach((
|
|
1949
|
-
x.has(
|
|
1950
|
-
}),
|
|
1999
|
+
function h($ = []) {
|
|
2000
|
+
const x = new Set($), S = [];
|
|
2001
|
+
return t.options.forEach((k) => {
|
|
2002
|
+
x.has(k.value) && S.push(k.value);
|
|
2003
|
+
}), S;
|
|
1951
2004
|
}
|
|
1952
|
-
function
|
|
1953
|
-
const x = t.selectedOptions.includes(
|
|
1954
|
-
|
|
2005
|
+
function I($) {
|
|
2006
|
+
const x = t.selectedOptions.includes($) ? t.selectedOptions.filter((S) => S !== $) : h([...t.selectedOptions, $]);
|
|
2007
|
+
i = !0, n("update:selectedOptions", x);
|
|
1955
2008
|
}
|
|
1956
|
-
return (
|
|
2009
|
+
return ($, x) => (u(), V(Fe, {
|
|
1957
2010
|
ref_key: "optlist",
|
|
1958
2011
|
ref: l,
|
|
1959
2012
|
"aria-multiselectable": "true",
|
|
@@ -1962,20 +2015,20 @@ const ga = {
|
|
|
1962
2015
|
multiselect: "",
|
|
1963
2016
|
"options-id": e.optionsId,
|
|
1964
2017
|
shown: e.shown,
|
|
1965
|
-
"onUpdate:modelValue":
|
|
2018
|
+
"onUpdate:modelValue": I
|
|
1966
2019
|
}, {
|
|
1967
2020
|
default: O(() => {
|
|
1968
|
-
var
|
|
2021
|
+
var S;
|
|
1969
2022
|
return [
|
|
1970
|
-
D(
|
|
2023
|
+
D(ye, {
|
|
1971
2024
|
options: r.value,
|
|
1972
2025
|
"show-no-options": !1
|
|
1973
2026
|
}, null, 8, ["options"]),
|
|
1974
|
-
|
|
1975
|
-
[
|
|
2027
|
+
Be(g("li", Qa, Za, 512), [
|
|
2028
|
+
[$e, (S = r.value) == null ? void 0 : S.length]
|
|
1976
2029
|
]),
|
|
1977
|
-
D(
|
|
1978
|
-
options:
|
|
2030
|
+
D(ye, {
|
|
2031
|
+
options: d.value,
|
|
1979
2032
|
"show-no-options": !1
|
|
1980
2033
|
}, null, 8, ["options"])
|
|
1981
2034
|
];
|
|
@@ -1983,10 +2036,10 @@ const ga = {
|
|
|
1983
2036
|
_: 1
|
|
1984
2037
|
}, 8, ["label", "options-id", "shown"]));
|
|
1985
2038
|
}
|
|
1986
|
-
},
|
|
2039
|
+
}, _a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1987
2040
|
__proto__: null,
|
|
1988
|
-
default:
|
|
1989
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2041
|
+
default: Ja
|
|
2042
|
+
}, Symbol.toStringTag, { value: "Module" })), en = {
|
|
1990
2043
|
__name: "BsDropdownWithOptionsNew",
|
|
1991
2044
|
props: {
|
|
1992
2045
|
// DROPDOWN PROPS
|
|
@@ -2061,17 +2114,17 @@ const ga = {
|
|
|
2061
2114
|
"after-leave"
|
|
2062
2115
|
],
|
|
2063
2116
|
setup(e, { emit: a }) {
|
|
2064
|
-
const t = a, n =
|
|
2117
|
+
const t = a, n = m(!1);
|
|
2065
2118
|
function l() {
|
|
2066
2119
|
n.value = !0;
|
|
2067
2120
|
}
|
|
2068
|
-
function r(
|
|
2069
|
-
n.value = !1, t("update:modelValue",
|
|
2121
|
+
function r(i) {
|
|
2122
|
+
n.value = !1, t("update:modelValue", i), t("close");
|
|
2070
2123
|
}
|
|
2071
|
-
function
|
|
2124
|
+
function d() {
|
|
2072
2125
|
n.value && (n.value = !1, t("close"));
|
|
2073
2126
|
}
|
|
2074
|
-
return (
|
|
2127
|
+
return (i, o) => (u(), V(f(rt), {
|
|
2075
2128
|
"anchor-id": e.anchorId,
|
|
2076
2129
|
breakout: e.breakout,
|
|
2077
2130
|
"container-id": e.containerId,
|
|
@@ -2082,23 +2135,23 @@ const ga = {
|
|
|
2082
2135
|
shown: e.shown,
|
|
2083
2136
|
"use-mobile-style": e.useMobileStyle,
|
|
2084
2137
|
width: e.width,
|
|
2085
|
-
onClose:
|
|
2086
|
-
onAfterEnter:
|
|
2138
|
+
onClose: d,
|
|
2139
|
+
onAfterEnter: o[0] || (o[0] = (s) => t("after-enter")),
|
|
2087
2140
|
onEnter: l,
|
|
2088
|
-
onAfterLeave:
|
|
2141
|
+
onAfterLeave: o[1] || (o[1] = (s) => t("after-leave"))
|
|
2089
2142
|
}, {
|
|
2090
2143
|
default: O(() => [
|
|
2091
|
-
D(
|
|
2144
|
+
D(f(Fe), {
|
|
2092
2145
|
"focus-on-show": e.focusOnShow,
|
|
2093
2146
|
label: e.label,
|
|
2094
2147
|
"model-value": e.modelValue,
|
|
2095
2148
|
"options-id": e.optionsId,
|
|
2096
2149
|
"prevent-tab": e.preventTab,
|
|
2097
2150
|
"onUpdate:modelValue": r,
|
|
2098
|
-
onClose:
|
|
2151
|
+
onClose: d
|
|
2099
2152
|
}, {
|
|
2100
2153
|
default: O(() => [
|
|
2101
|
-
E(
|
|
2154
|
+
E(i.$slots, "default")
|
|
2102
2155
|
]),
|
|
2103
2156
|
_: 3
|
|
2104
2157
|
}, 8, ["focus-on-show", "label", "model-value", "options-id", "prevent-tab"])
|
|
@@ -2106,7 +2159,7 @@ const ga = {
|
|
|
2106
2159
|
_: 3
|
|
2107
2160
|
}, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
|
|
2108
2161
|
}
|
|
2109
|
-
},
|
|
2162
|
+
}, We = {
|
|
2110
2163
|
__name: "BsDropdownWithOptions",
|
|
2111
2164
|
props: {
|
|
2112
2165
|
anchorId: {
|
|
@@ -2224,30 +2277,30 @@ const ga = {
|
|
|
2224
2277
|
"after-leave"
|
|
2225
2278
|
],
|
|
2226
2279
|
setup(e, { emit: a }) {
|
|
2227
|
-
const t = e, n = a, { transition: l } =
|
|
2228
|
-
function
|
|
2280
|
+
const t = e, n = a, { transition: l } = fe(t), r = p(() => t.width === "toggle" ? "anchor" : t.width), d = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), i = p(() => t.toggleId ? t.toggleId : t.anchorId), o = p(() => t.selectedValue || t.modelValue);
|
|
2281
|
+
function s(c) {
|
|
2229
2282
|
n("optselected", c), n("update:modelValue", c);
|
|
2230
2283
|
}
|
|
2231
|
-
return (c,
|
|
2232
|
-
"anchor-id":
|
|
2284
|
+
return (c, h) => (u(), V(en, {
|
|
2285
|
+
"anchor-id": i.value,
|
|
2233
2286
|
breakout: e.breakout,
|
|
2234
2287
|
"container-id": e.containerId,
|
|
2235
2288
|
"focus-on-show": e.focusOnShow,
|
|
2236
2289
|
"helper-description": e.helperDescription,
|
|
2237
2290
|
"helper-text": e.helperText,
|
|
2238
2291
|
label: e.label,
|
|
2239
|
-
"model-value":
|
|
2292
|
+
"model-value": o.value,
|
|
2240
2293
|
"options-id": e.optionsId,
|
|
2241
|
-
position:
|
|
2294
|
+
position: d.value,
|
|
2242
2295
|
preloaded: e.preloaded,
|
|
2243
2296
|
"prevent-tab": e.preventTab,
|
|
2244
|
-
shown:
|
|
2297
|
+
shown: f(l),
|
|
2245
2298
|
"use-mobile-style": e.useMobileStyle,
|
|
2246
2299
|
width: r.value,
|
|
2247
|
-
onClose:
|
|
2248
|
-
onAfterEnter:
|
|
2249
|
-
onAfterLeave:
|
|
2250
|
-
"onUpdate:modelValue":
|
|
2300
|
+
onClose: h[0] || (h[0] = (I) => n("close")),
|
|
2301
|
+
onAfterEnter: h[1] || (h[1] = (I) => n("after-enter")),
|
|
2302
|
+
onAfterLeave: h[2] || (h[2] = (I) => n("after-leave")),
|
|
2303
|
+
"onUpdate:modelValue": s
|
|
2251
2304
|
}, {
|
|
2252
2305
|
default: O(() => [
|
|
2253
2306
|
E(c.$slots, "default")
|
|
@@ -2255,7 +2308,7 @@ const ga = {
|
|
|
2255
2308
|
_: 3
|
|
2256
2309
|
}, 8, ["anchor-id", "breakout", "container-id", "focus-on-show", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
|
|
2257
2310
|
}
|
|
2258
|
-
},
|
|
2311
|
+
}, tn = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], an = {
|
|
2259
2312
|
__name: "BsFilterButton",
|
|
2260
2313
|
props: {
|
|
2261
2314
|
badgeCount: {
|
|
@@ -2284,8 +2337,8 @@ const ga = {
|
|
|
2284
2337
|
}
|
|
2285
2338
|
},
|
|
2286
2339
|
setup(e) {
|
|
2287
|
-
const a = e, t =
|
|
2288
|
-
return (n, l) => (
|
|
2340
|
+
const a = e, t = p(() => a.badgeCount > 0);
|
|
2341
|
+
return (n, l) => (u(), v("button", {
|
|
2289
2342
|
class: "bs-filter-button",
|
|
2290
2343
|
"aria-controls": e.optionsId,
|
|
2291
2344
|
"aria-expanded": e.open,
|
|
@@ -2295,21 +2348,21 @@ const ga = {
|
|
|
2295
2348
|
disabled: e.disabled,
|
|
2296
2349
|
type: "button"
|
|
2297
2350
|
}, [
|
|
2298
|
-
t.value ? (
|
|
2351
|
+
t.value ? (u(), V(Wt, {
|
|
2299
2352
|
key: 0,
|
|
2300
2353
|
color: "blue",
|
|
2301
2354
|
count: e.badgeCount,
|
|
2302
2355
|
label: "active filter",
|
|
2303
2356
|
position: "left",
|
|
2304
2357
|
variant: "notext"
|
|
2305
|
-
}, null, 8, ["count"])) :
|
|
2358
|
+
}, null, 8, ["count"])) : w("", !0),
|
|
2306
2359
|
E(n.$slots, "label", {}, () => [
|
|
2307
|
-
|
|
2360
|
+
F(T(e.label), 1)
|
|
2308
2361
|
]),
|
|
2309
|
-
D(
|
|
2310
|
-
], 8,
|
|
2362
|
+
D(f(ot))
|
|
2363
|
+
], 8, tn));
|
|
2311
2364
|
}
|
|
2312
|
-
},
|
|
2365
|
+
}, nn = ["id"], ql = {
|
|
2313
2366
|
__name: "BsDropdownWithToggle",
|
|
2314
2367
|
props: {
|
|
2315
2368
|
breakout: {
|
|
@@ -2371,51 +2424,51 @@ const ga = {
|
|
|
2371
2424
|
},
|
|
2372
2425
|
emits: ["update:selectedOptions", "update:selectedOption", "toggled", "close"],
|
|
2373
2426
|
setup(e, { emit: a }) {
|
|
2374
|
-
const t = e, n = a, l =
|
|
2375
|
-
|
|
2427
|
+
const t = e, n = a, l = m(!1), r = m(null), d = p(() => Re(async () => await (t.multiselect ? Promise.resolve().then(() => _a) : Promise.resolve().then(() => za)))), [i, o] = X(2);
|
|
2428
|
+
N(l, (x) => {
|
|
2376
2429
|
x && r.value.$el.blur();
|
|
2377
2430
|
});
|
|
2378
|
-
function
|
|
2431
|
+
function s() {
|
|
2379
2432
|
l.value = !1, n("close"), r.value.$el.focus();
|
|
2380
2433
|
}
|
|
2381
2434
|
function c() {
|
|
2382
|
-
l.value &&
|
|
2435
|
+
l.value && s();
|
|
2383
2436
|
}
|
|
2384
|
-
function
|
|
2437
|
+
function h() {
|
|
2385
2438
|
l.value = !0;
|
|
2386
2439
|
}
|
|
2387
|
-
function
|
|
2440
|
+
function I(x) {
|
|
2388
2441
|
n("update:selectedOptions", x);
|
|
2389
2442
|
}
|
|
2390
|
-
function
|
|
2391
|
-
t.multiselect || (n("update:selectedOption", x),
|
|
2443
|
+
function $(x) {
|
|
2444
|
+
t.multiselect || (n("update:selectedOption", x), s());
|
|
2392
2445
|
}
|
|
2393
|
-
return (x,
|
|
2446
|
+
return (x, S) => (u(), v("div", {
|
|
2394
2447
|
class: "bs-dropdown-with-toggle",
|
|
2395
2448
|
id: x.$attrs.id
|
|
2396
2449
|
}, [
|
|
2397
|
-
D(
|
|
2450
|
+
D(an, {
|
|
2398
2451
|
ref_key: "toggleRef",
|
|
2399
2452
|
ref: r,
|
|
2400
|
-
"aria-controls":
|
|
2453
|
+
"aria-controls": f(o),
|
|
2401
2454
|
"aria-expanded": e.open,
|
|
2402
2455
|
disabled: e.disabled,
|
|
2403
|
-
id:
|
|
2456
|
+
id: f(i),
|
|
2404
2457
|
open: e.open,
|
|
2405
|
-
"options-id":
|
|
2458
|
+
"options-id": f(o),
|
|
2406
2459
|
size: e.toggleSize,
|
|
2407
|
-
onClick:
|
|
2460
|
+
onClick: S[0] || (S[0] = (k) => x.$emit("toggled"))
|
|
2408
2461
|
}, {
|
|
2409
2462
|
label: O(() => [
|
|
2410
2463
|
E(x.$slots, "toggle-label", {}, () => [
|
|
2411
|
-
|
|
2464
|
+
F(T(e.toggleLabel), 1)
|
|
2412
2465
|
])
|
|
2413
2466
|
]),
|
|
2414
2467
|
_: 3
|
|
2415
2468
|
}, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"]),
|
|
2416
|
-
D(
|
|
2469
|
+
D(rt, {
|
|
2417
2470
|
shown: e.open,
|
|
2418
|
-
"anchor-id":
|
|
2471
|
+
"anchor-id": f(i),
|
|
2419
2472
|
breakout: e.breakout,
|
|
2420
2473
|
"helper-text": e.helperText,
|
|
2421
2474
|
"helper-description": e.helperDescription,
|
|
@@ -2424,22 +2477,22 @@ const ga = {
|
|
|
2424
2477
|
"use-mobile-style": e.useMobileStyle,
|
|
2425
2478
|
width: e.dropdownWidth,
|
|
2426
2479
|
onClose: c,
|
|
2427
|
-
onEnter:
|
|
2480
|
+
onEnter: h
|
|
2428
2481
|
}, {
|
|
2429
2482
|
default: O(() => [
|
|
2430
|
-
D(
|
|
2483
|
+
D(f(d), {
|
|
2431
2484
|
label: e.dropdownLabel,
|
|
2432
2485
|
"model-value": e.selectedOption,
|
|
2433
2486
|
options: e.options,
|
|
2434
|
-
"options-id":
|
|
2487
|
+
"options-id": f(o),
|
|
2435
2488
|
"selected-options": e.selectedOptions,
|
|
2436
2489
|
shown: e.open,
|
|
2437
|
-
"onUpdate:modelValue":
|
|
2438
|
-
"onUpdate:selectedOptions":
|
|
2439
|
-
onClose:
|
|
2490
|
+
"onUpdate:modelValue": $,
|
|
2491
|
+
"onUpdate:selectedOptions": I,
|
|
2492
|
+
onClose: S[1] || (S[1] = (k) => e.multiselect ? void 0 : c())
|
|
2440
2493
|
}, {
|
|
2441
2494
|
default: O(() => [
|
|
2442
|
-
e.multiselect ?
|
|
2495
|
+
e.multiselect ? w("", !0) : (u(), V(ye, {
|
|
2443
2496
|
key: 0,
|
|
2444
2497
|
options: e.options
|
|
2445
2498
|
}, null, 8, ["options"]))
|
|
@@ -2449,51 +2502,51 @@ const ga = {
|
|
|
2449
2502
|
]),
|
|
2450
2503
|
_: 1
|
|
2451
2504
|
}, 8, ["shown", "anchor-id", "breakout", "helper-text", "helper-description", "position", "use-mobile-style", "width"])
|
|
2452
|
-
], 8,
|
|
2505
|
+
], 8, nn));
|
|
2453
2506
|
}
|
|
2454
|
-
},
|
|
2507
|
+
}, ln = ["view-box"], on = ["id"], rn = ["offset", "stop-color"], Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2455
2508
|
__name: "BsIconGradientWrapper",
|
|
2456
2509
|
setup(e) {
|
|
2457
|
-
const a =
|
|
2510
|
+
const a = m(null), t = m(null), n = [
|
|
2458
2511
|
{ offset: 0.1326, color: "#EE282A" },
|
|
2459
2512
|
{ offset: 0.5466, color: "#1C0087" },
|
|
2460
2513
|
{ offset: 0.9715, color: "#0086EA" }
|
|
2461
|
-
], [l] =
|
|
2514
|
+
], [l] = X();
|
|
2462
2515
|
return W(() => {
|
|
2463
2516
|
t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
|
|
2464
|
-
}), (r,
|
|
2465
|
-
|
|
2517
|
+
}), (r, d) => (u(), v(j, null, [
|
|
2518
|
+
g("span", z({
|
|
2466
2519
|
ref_key: "svgWrapperRef",
|
|
2467
2520
|
ref: a,
|
|
2468
2521
|
class: "bs-icon-gradient-wrapper",
|
|
2469
|
-
style: `fill: url(#${
|
|
2522
|
+
style: `fill: url(#${f(l)});`
|
|
2470
2523
|
}, r.$attrs), [
|
|
2471
2524
|
E(r.$slots, "default")
|
|
2472
2525
|
], 16),
|
|
2473
|
-
(
|
|
2526
|
+
(u(), v("svg", {
|
|
2474
2527
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2475
2528
|
"view-box": t.value,
|
|
2476
2529
|
width: "0",
|
|
2477
2530
|
height: "0"
|
|
2478
2531
|
}, [
|
|
2479
|
-
|
|
2480
|
-
id:
|
|
2532
|
+
g("linearGradient", {
|
|
2533
|
+
id: f(l),
|
|
2481
2534
|
x1: "0",
|
|
2482
2535
|
y1: "0",
|
|
2483
2536
|
x2: "100%",
|
|
2484
2537
|
y2: "100%",
|
|
2485
2538
|
"gradient-units": "userSpaceOnUse"
|
|
2486
2539
|
}, [
|
|
2487
|
-
(
|
|
2488
|
-
key:
|
|
2489
|
-
offset:
|
|
2490
|
-
"stop-color":
|
|
2491
|
-
}, null, 8,
|
|
2492
|
-
], 8,
|
|
2493
|
-
], 8,
|
|
2540
|
+
(u(), v(j, null, Z(n, (i) => g("stop", {
|
|
2541
|
+
key: i.offset,
|
|
2542
|
+
offset: i.offset,
|
|
2543
|
+
"stop-color": i.color
|
|
2544
|
+
}, null, 8, rn)), 64))
|
|
2545
|
+
], 8, on)
|
|
2546
|
+
], 8, ln))
|
|
2494
2547
|
], 64));
|
|
2495
2548
|
}
|
|
2496
|
-
}),
|
|
2549
|
+
}), Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2497
2550
|
__name: "BsInputField",
|
|
2498
2551
|
props: {
|
|
2499
2552
|
/** Sets the disabled state on input, disabled styles on label. */
|
|
@@ -2540,54 +2593,46 @@ const ga = {
|
|
|
2540
2593
|
},
|
|
2541
2594
|
emits: ["update:modelValue"],
|
|
2542
2595
|
setup(e, { emit: a }) {
|
|
2543
|
-
const t = e, n =
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
"max",
|
|
2547
|
-
"maxlength",
|
|
2548
|
-
"min",
|
|
2549
|
-
"minlength",
|
|
2550
|
-
"name"
|
|
2551
|
-
]), i = v(() => {
|
|
2552
|
-
var f, g;
|
|
2553
|
-
return ((g = (f = t.hints) == null ? void 0 : f.join) == null ? void 0 : g.call(f, `
|
|
2596
|
+
const t = e, [n, l] = X(2), r = p(() => ce.concat(t.passAttrs.split(",")).concat("type")), d = p(() => {
|
|
2597
|
+
var s, c;
|
|
2598
|
+
return ((c = (s = t.hints) == null ? void 0 : s.join) == null ? void 0 : c.call(s, `
|
|
2554
2599
|
`)) || t.hints;
|
|
2555
|
-
}),
|
|
2556
|
-
return (
|
|
2557
|
-
e.label ||
|
|
2600
|
+
}), i = p(() => t.error && t.errorMsg || t.hint || d.value || void 0), o = p(() => t.inputId || n.value);
|
|
2601
|
+
return (s, c) => (u(), v("div", z({ "data-component": "bs-input-field" }, f(U)(s.$attrs, r.value).remaining), [
|
|
2602
|
+
e.label || s.$slots.label ? (u(), V(ne, {
|
|
2558
2603
|
key: 0,
|
|
2559
|
-
for:
|
|
2604
|
+
for: s.$attrs.id || o.value,
|
|
2560
2605
|
disabled: e.disabled,
|
|
2561
2606
|
required: e.required
|
|
2562
2607
|
}, {
|
|
2563
2608
|
default: O(() => [
|
|
2564
|
-
E(
|
|
2565
|
-
|
|
2609
|
+
E(s.$slots, "label", {}, () => [
|
|
2610
|
+
F(T(e.label), 1)
|
|
2566
2611
|
])
|
|
2567
2612
|
]),
|
|
2568
2613
|
_: 3
|
|
2569
|
-
}, 8, ["for", "disabled", "required"])) :
|
|
2570
|
-
D(
|
|
2614
|
+
}, 8, ["for", "disabled", "required"])) : w("", !0),
|
|
2615
|
+
D(ve, z({
|
|
2571
2616
|
disabled: e.disabled,
|
|
2572
2617
|
error: e.error,
|
|
2573
|
-
"hint-id":
|
|
2574
|
-
id:
|
|
2618
|
+
"hint-id": f(l),
|
|
2619
|
+
id: s.$attrs.id || o.value,
|
|
2575
2620
|
placeholder: e.placeholder,
|
|
2576
2621
|
required: e.required,
|
|
2577
2622
|
type: e.type,
|
|
2578
2623
|
value: e.value || e.modelValue,
|
|
2579
|
-
"onUpdate:modelValue":
|
|
2580
|
-
},
|
|
2581
|
-
|
|
2624
|
+
"onUpdate:modelValue": c[0] || (c[0] = (h) => s.$emit("update:modelValue", h))
|
|
2625
|
+
}, f(U)(s.$attrs, r.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
|
|
2626
|
+
i.value ? (u(), V(pe, {
|
|
2582
2627
|
key: 1,
|
|
2583
2628
|
error: e.error,
|
|
2584
2629
|
"error-msg": e.errorMsg,
|
|
2585
|
-
hint: e.hint ||
|
|
2586
|
-
"hint-id":
|
|
2587
|
-
}, null, 8, ["error", "error-msg", "hint", "hint-id"])) :
|
|
2630
|
+
hint: e.hint || d.value,
|
|
2631
|
+
"hint-id": f(l)
|
|
2632
|
+
}, null, 8, ["error", "error-msg", "hint", "hint-id"])) : w("", !0)
|
|
2588
2633
|
], 16));
|
|
2589
2634
|
}
|
|
2590
|
-
}),
|
|
2635
|
+
}), tt = {
|
|
2591
2636
|
A: "🇦",
|
|
2592
2637
|
B: "🇧",
|
|
2593
2638
|
C: "🇨",
|
|
@@ -2614,7 +2659,7 @@ const ga = {
|
|
|
2614
2659
|
X: "🇽",
|
|
2615
2660
|
Y: "🇾",
|
|
2616
2661
|
Z: "🇿"
|
|
2617
|
-
},
|
|
2662
|
+
}, Me = {
|
|
2618
2663
|
data: {
|
|
2619
2664
|
allCountries: null,
|
|
2620
2665
|
byCountryCode: null,
|
|
@@ -2640,8 +2685,8 @@ const ga = {
|
|
|
2640
2685
|
* @returns {Country[]} an array of country objects
|
|
2641
2686
|
*/
|
|
2642
2687
|
initSourceData() {
|
|
2643
|
-
return this.data.allCountries || (this.data.allCountries =
|
|
2644
|
-
const a =
|
|
2688
|
+
return this.data.allCountries || (this.data.allCountries = Vt().map((e) => {
|
|
2689
|
+
const a = Et(e), t = tt[a[0]] + tt[a[1]] || "";
|
|
2645
2690
|
return {
|
|
2646
2691
|
label: `+${e}`,
|
|
2647
2692
|
flag: t,
|
|
@@ -2655,13 +2700,10 @@ const ga = {
|
|
|
2655
2700
|
this.data[e][t[a]] = t;
|
|
2656
2701
|
}));
|
|
2657
2702
|
}
|
|
2658
|
-
},
|
|
2659
|
-
class: "bs-input-phone",
|
|
2660
|
-
"data-component": "bs-input-phone"
|
|
2661
|
-
}, ln = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], on = {
|
|
2703
|
+
}, sn = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], dn = {
|
|
2662
2704
|
"aria-hidden": "true",
|
|
2663
2705
|
style: { width: "1.25rem" }
|
|
2664
|
-
},
|
|
2706
|
+
}, un = { "aria-hidden": "true" }, zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2665
2707
|
__name: "BsInputPhone",
|
|
2666
2708
|
props: {
|
|
2667
2709
|
deferValidation: {
|
|
@@ -2723,148 +2765,153 @@ const ga = {
|
|
|
2723
2765
|
"Escape",
|
|
2724
2766
|
"Home",
|
|
2725
2767
|
"Tab"
|
|
2726
|
-
],
|
|
2768
|
+
], d = m(null), i = m(1), o = m([]), s = m(null), [
|
|
2727
2769
|
c,
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
] =
|
|
2770
|
+
h,
|
|
2771
|
+
I,
|
|
2772
|
+
$
|
|
2773
|
+
] = X(4), x = m(!1), S = m(""), k = m(""), q = m(!1), b = m(!1), B = m(!0);
|
|
2732
2774
|
a({
|
|
2733
|
-
validationErr:
|
|
2734
|
-
validationErrMsg:
|
|
2775
|
+
validationErr: q,
|
|
2776
|
+
validationErrMsg: k
|
|
2735
2777
|
});
|
|
2736
|
-
const
|
|
2737
|
-
|
|
2738
|
-
l("update:modelValue",
|
|
2739
|
-
}),
|
|
2740
|
-
function
|
|
2741
|
-
|
|
2778
|
+
const A = p(() => S.value ? `+${i.value}${S.value}` : ""), C = p(() => `Country code: ${i.value}. Click to change.`), M = p(() => B.value ? n.errorMsg || k.value : ""), H = p(() => n.error || q.value), Q = p(() => n.hint || H.value && M.value), _ = p(() => B.value && H.value);
|
|
2779
|
+
N(A, (P) => {
|
|
2780
|
+
l("update:modelValue", P), be(P);
|
|
2781
|
+
}), N(() => n.modelValue, de), De(), W(() => x.value = !0);
|
|
2782
|
+
function de(P, Y) {
|
|
2783
|
+
P === "" && P !== Y && (S.value = "");
|
|
2742
2784
|
}
|
|
2743
|
-
function
|
|
2744
|
-
var
|
|
2745
|
-
b.value && (b.value = !1, (
|
|
2785
|
+
function xe() {
|
|
2786
|
+
var P;
|
|
2787
|
+
b.value && (b.value = !1, (P = d.value) == null || P.focus());
|
|
2746
2788
|
}
|
|
2747
|
-
function
|
|
2748
|
-
var
|
|
2749
|
-
|
|
2789
|
+
function Ae(P) {
|
|
2790
|
+
var Y;
|
|
2791
|
+
i.value = P, b.value = !1, (Y = d.value) == null || Y.focus(), he(P);
|
|
2750
2792
|
}
|
|
2751
|
-
function
|
|
2752
|
-
n.deferValidation &&
|
|
2793
|
+
function Le() {
|
|
2794
|
+
n.deferValidation && (B.value = !0), l("input-blur");
|
|
2753
2795
|
}
|
|
2754
|
-
function
|
|
2755
|
-
|
|
2796
|
+
function Ve(P) {
|
|
2797
|
+
S.value = P.target.value, n.deferValidation && (B.value = !1);
|
|
2756
2798
|
}
|
|
2757
|
-
function
|
|
2758
|
-
!
|
|
2799
|
+
function Ee(P) {
|
|
2800
|
+
!P.key.match(/[0-9]/) && !r.includes(P.key) && P.preventDefault();
|
|
2759
2801
|
}
|
|
2760
|
-
function
|
|
2761
|
-
|
|
2802
|
+
function De() {
|
|
2803
|
+
Me.initSourceData(), Oe(), he(i.value), be(A.value);
|
|
2762
2804
|
}
|
|
2763
|
-
function
|
|
2764
|
-
|
|
2765
|
-
|
|
2766
|
-
|
|
2767
|
-
|
|
2805
|
+
function Oe() {
|
|
2806
|
+
var Y, K;
|
|
2807
|
+
let P = Qe(n.modelValue);
|
|
2808
|
+
P.valid || P.countryCode && ((K = (Y = n.modelValue) == null ? void 0 : Y.startsWith) != null && K.call(Y, "+")) ? (i.value = P.countryCode, S.value = P.number.significant) : S.value = n.modelValue, o.value = Me.data.allCountries.map((ue) => ({
|
|
2809
|
+
...ue,
|
|
2810
|
+
isSelected: i.value === ue
|
|
2768
2811
|
}));
|
|
2769
2812
|
}
|
|
2770
|
-
function
|
|
2771
|
-
|
|
2813
|
+
function he(P) {
|
|
2814
|
+
s.value = Me.getCountryByCountryCode(P);
|
|
2772
2815
|
}
|
|
2773
|
-
function
|
|
2774
|
-
|
|
2816
|
+
function be(P) {
|
|
2817
|
+
q.value = P ? !Qe(P).valid : !1, k.value = q.value ? "Invalid phone number" : "";
|
|
2775
2818
|
}
|
|
2776
|
-
return (
|
|
2819
|
+
return (P, Y) => (u(), v("div", z({
|
|
2820
|
+
class: "bs-input-phone",
|
|
2821
|
+
"data-component": "bs-input-phone"
|
|
2822
|
+
}, f(U)(P.$attrs, f(ce)).remaining), [
|
|
2777
2823
|
D(ne, {
|
|
2778
|
-
for: e.inputId ||
|
|
2824
|
+
for: P.$attrs.id || e.inputId || f($),
|
|
2779
2825
|
required: e.required,
|
|
2780
2826
|
class: ae({ "visually-hidden": e.hideLabel })
|
|
2781
2827
|
}, {
|
|
2782
2828
|
default: O(() => [
|
|
2783
|
-
|
|
2829
|
+
F(T(e.label), 1)
|
|
2784
2830
|
]),
|
|
2785
2831
|
_: 1
|
|
2786
2832
|
}, 8, ["for", "required", "class"]),
|
|
2787
|
-
D(
|
|
2833
|
+
D(Ce, {
|
|
2788
2834
|
disabled: e.disabled,
|
|
2789
|
-
error:
|
|
2835
|
+
error: _.value,
|
|
2790
2836
|
multifocus: !0,
|
|
2791
2837
|
variant: "inner-bordered"
|
|
2792
2838
|
}, {
|
|
2793
2839
|
default: O(() => {
|
|
2794
2840
|
var K;
|
|
2795
2841
|
return [
|
|
2796
|
-
|
|
2797
|
-
id:
|
|
2842
|
+
g("button", {
|
|
2843
|
+
id: f(c),
|
|
2798
2844
|
ref_key: "countryCodesToggle",
|
|
2799
|
-
ref:
|
|
2800
|
-
"aria-controls":
|
|
2845
|
+
ref: d,
|
|
2846
|
+
"aria-controls": f(h),
|
|
2801
2847
|
"aria-expanded": b.value,
|
|
2802
2848
|
"aria-haspopup": "listbox",
|
|
2803
|
-
"aria-label":
|
|
2849
|
+
"aria-label": C.value,
|
|
2804
2850
|
disabled: e.disabled,
|
|
2805
2851
|
type: "button",
|
|
2806
|
-
onClick:
|
|
2852
|
+
onClick: Y[0] || (Y[0] = (ue) => b.value = !b.value)
|
|
2807
2853
|
}, [
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
D(
|
|
2811
|
-
], 8,
|
|
2812
|
-
D(
|
|
2813
|
-
"input-id": e.inputId ||
|
|
2854
|
+
g("span", null, T((K = s.value) == null ? void 0 : K.flag), 1),
|
|
2855
|
+
g("span", null, "+" + T(i.value), 1),
|
|
2856
|
+
D(f(ht), { size: "sm" })
|
|
2857
|
+
], 8, sn),
|
|
2858
|
+
D(ve, z({
|
|
2859
|
+
"input-id": P.$attrs.id || e.inputId || f($),
|
|
2814
2860
|
disabled: e.disabled,
|
|
2815
|
-
"hint-id":
|
|
2861
|
+
"hint-id": f(I),
|
|
2816
2862
|
placeholder: e.placeholder,
|
|
2817
|
-
value:
|
|
2863
|
+
value: S.value,
|
|
2818
2864
|
"data-autowidth": "",
|
|
2819
|
-
type: "tel"
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
|
|
2865
|
+
type: "tel"
|
|
2866
|
+
}, f(U)(P.$attrs, f(ce)).filtered, {
|
|
2867
|
+
onInput: Ve,
|
|
2868
|
+
onFocusout: Le,
|
|
2869
|
+
onKeydown: Ee
|
|
2870
|
+
}), null, 16, ["input-id", "disabled", "hint-id", "placeholder", "value"])
|
|
2824
2871
|
];
|
|
2825
2872
|
}),
|
|
2826
2873
|
_: 1
|
|
2827
2874
|
}, 8, ["disabled", "error"]),
|
|
2828
|
-
|
|
2829
|
-
error:
|
|
2830
|
-
"error-msg":
|
|
2875
|
+
Be(D(pe, {
|
|
2876
|
+
error: H.value,
|
|
2877
|
+
"error-msg": M.value,
|
|
2831
2878
|
hint: e.hint,
|
|
2832
|
-
"hint-id":
|
|
2879
|
+
"hint-id": f(I)
|
|
2833
2880
|
}, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
|
|
2834
|
-
[
|
|
2881
|
+
[$e, Q.value]
|
|
2835
2882
|
]),
|
|
2836
|
-
x.value ? (
|
|
2883
|
+
x.value ? (u(), V(We, {
|
|
2837
2884
|
key: 0,
|
|
2838
|
-
"anchor-id":
|
|
2885
|
+
"anchor-id": f(c),
|
|
2839
2886
|
"helper-text": "Country Code",
|
|
2840
2887
|
label: "Country Code",
|
|
2841
|
-
"model-value":
|
|
2842
|
-
"options-id":
|
|
2888
|
+
"model-value": i.value,
|
|
2889
|
+
"options-id": f(h),
|
|
2843
2890
|
preloaded: "",
|
|
2844
2891
|
shown: b.value,
|
|
2845
2892
|
width: "content",
|
|
2846
|
-
onClose:
|
|
2847
|
-
"onUpdate:modelValue":
|
|
2893
|
+
onClose: xe,
|
|
2894
|
+
"onUpdate:modelValue": Ae
|
|
2848
2895
|
}, {
|
|
2849
2896
|
default: O(() => [
|
|
2850
|
-
(
|
|
2897
|
+
(u(!0), v(j, null, Z(o.value, (K) => (u(), V(Ue, {
|
|
2851
2898
|
"aria-label": K.value,
|
|
2852
2899
|
key: K.value,
|
|
2853
2900
|
value: `${K.value}`,
|
|
2854
2901
|
variant: "2-col"
|
|
2855
2902
|
}, {
|
|
2856
2903
|
default: O(() => [
|
|
2857
|
-
|
|
2858
|
-
|
|
2904
|
+
g("span", dn, T(K == null ? void 0 : K.flag), 1),
|
|
2905
|
+
g("span", un, T(K.label), 1)
|
|
2859
2906
|
]),
|
|
2860
2907
|
_: 2
|
|
2861
2908
|
}, 1032, ["aria-label", "value"]))), 128))
|
|
2862
2909
|
]),
|
|
2863
2910
|
_: 1
|
|
2864
|
-
}, 8, ["anchor-id", "model-value", "options-id", "shown"])) :
|
|
2865
|
-
]));
|
|
2911
|
+
}, 8, ["anchor-id", "model-value", "options-id", "shown"])) : w("", !0)
|
|
2912
|
+
], 16));
|
|
2866
2913
|
}
|
|
2867
|
-
},
|
|
2914
|
+
}), cn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2868
2915
|
__name: "BsInputSearch",
|
|
2869
2916
|
props: {
|
|
2870
2917
|
/** Sets the disabled state on input, disabled styles on label. */
|
|
@@ -2909,43 +2956,38 @@ const ga = {
|
|
|
2909
2956
|
},
|
|
2910
2957
|
emits: ["clear", "update:modelValue"],
|
|
2911
2958
|
setup(e, { emit: a }) {
|
|
2912
|
-
const t = e, n =
|
|
2913
|
-
|
|
2914
|
-
"autocomplete",
|
|
2915
|
-
"maxlength",
|
|
2916
|
-
"minlength",
|
|
2917
|
-
"name"
|
|
2918
|
-
]), s = v(() => !t.disabled && !t.hideClear && t.variant !== "filter");
|
|
2919
|
-
return (o, i) => (d(), V(ke, P({
|
|
2959
|
+
const t = e, n = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
|
|
2960
|
+
return (l, r) => (u(), V(Ce, z({
|
|
2920
2961
|
class: "bs-input-search",
|
|
2921
2962
|
"data-component": "bs-input-search",
|
|
2922
2963
|
"data-variant": e.variant,
|
|
2923
2964
|
disabled: e.disabled
|
|
2924
|
-
},
|
|
2965
|
+
}, f(U)(l.$attrs, f(ce)).remaining), {
|
|
2925
2966
|
default: O(() => [
|
|
2926
|
-
e.hideSearchIcon ?
|
|
2927
|
-
D(
|
|
2967
|
+
e.hideSearchIcon ? w("", !0) : (u(), V(f(bt), { key: 0 })),
|
|
2968
|
+
D(ve, z({
|
|
2928
2969
|
"data-autowidth": "",
|
|
2929
2970
|
disabled: e.disabled,
|
|
2930
|
-
"input-id": e.inputId,
|
|
2971
|
+
"input-id": l.$attrs.id || e.inputId,
|
|
2931
2972
|
placeholder: e.placeholder,
|
|
2932
|
-
value: e.value || e.modelValue
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2973
|
+
value: e.value || e.modelValue
|
|
2974
|
+
}, f(U)(l.$attrs, f(ce)).filtered, {
|
|
2975
|
+
"onUpdate:modelValue": r[0] || (r[0] = (d) => l.$emit("update:modelValue", d))
|
|
2976
|
+
}), null, 16, ["disabled", "input-id", "placeholder", "value"]),
|
|
2977
|
+
Be(g("button", {
|
|
2936
2978
|
title: "Clear",
|
|
2937
2979
|
type: "button",
|
|
2938
|
-
onClick:
|
|
2980
|
+
onClick: r[1] || (r[1] = (d) => l.$emit("clear"))
|
|
2939
2981
|
}, [
|
|
2940
|
-
D(
|
|
2982
|
+
D(f(Se), { size: "sm" })
|
|
2941
2983
|
], 512), [
|
|
2942
|
-
[
|
|
2984
|
+
[$e, n.value]
|
|
2943
2985
|
])
|
|
2944
2986
|
]),
|
|
2945
2987
|
_: 1
|
|
2946
2988
|
}, 16, ["data-variant", "disabled"]));
|
|
2947
2989
|
}
|
|
2948
|
-
}),
|
|
2990
|
+
}), Nl = {
|
|
2949
2991
|
__name: "BsInputTypeahead",
|
|
2950
2992
|
props: {
|
|
2951
2993
|
characterThreshold: {
|
|
@@ -3000,96 +3042,96 @@ const ga = {
|
|
|
3000
3042
|
},
|
|
3001
3043
|
typeaheadId: {
|
|
3002
3044
|
type: String,
|
|
3003
|
-
|
|
3045
|
+
default: void 0
|
|
3004
3046
|
}
|
|
3005
3047
|
},
|
|
3006
3048
|
emits: ["update:inputValue", "update:optionsValue"],
|
|
3007
3049
|
setup(e, { emit: a }) {
|
|
3008
|
-
const t = e, n = a, l =
|
|
3009
|
-
let
|
|
3010
|
-
|
|
3011
|
-
r.value ? r.value = !1 :
|
|
3050
|
+
const t = e, n = a, l = m(!1), r = m(!1), [d] = X();
|
|
3051
|
+
let i = [];
|
|
3052
|
+
N(() => t.inputValue, () => {
|
|
3053
|
+
r.value ? r.value = !1 : S();
|
|
3012
3054
|
});
|
|
3013
|
-
const o =
|
|
3055
|
+
const o = p(() => t.typeaheadId || d.value), s = p(() => `${o.value}-input-addon`), c = p(() => `${o.value}-input`), h = p(() => `${o.value}-options`), I = p(() => {
|
|
3014
3056
|
if (l.value) {
|
|
3015
|
-
let
|
|
3016
|
-
const
|
|
3017
|
-
return
|
|
3057
|
+
let b = t.options;
|
|
3058
|
+
const B = t.inputValue.toLowerCase(), A = t.filterType === "includes" ? "includes" : "startsWith";
|
|
3059
|
+
return b = $(b, B, A), b = b.slice(0, t.maxOptions), b = x(b, B, A), i = b, b;
|
|
3018
3060
|
} else
|
|
3019
|
-
return
|
|
3061
|
+
return i;
|
|
3020
3062
|
});
|
|
3021
|
-
function
|
|
3022
|
-
return t.internalFiltering ?
|
|
3063
|
+
function $(b, B, A) {
|
|
3064
|
+
return t.internalFiltering ? b.filter((C) => C.label.toLowerCase()[A](B)) : b;
|
|
3023
3065
|
}
|
|
3024
|
-
function
|
|
3025
|
-
return
|
|
3026
|
-
let
|
|
3027
|
-
if (
|
|
3028
|
-
const
|
|
3029
|
-
|
|
3066
|
+
function x(b, B, A) {
|
|
3067
|
+
return b.map((C) => {
|
|
3068
|
+
let M = C.label;
|
|
3069
|
+
if (B !== "") {
|
|
3070
|
+
const H = A === "includes" ? "gi" : "i", Q = new RegExp(`(${B})`, H);
|
|
3071
|
+
M = C.label.replace(Q, '<span style="color: var(--bs-blue-base)">$1</span>');
|
|
3030
3072
|
}
|
|
3031
|
-
return { ...C, labelHtml:
|
|
3073
|
+
return { ...C, labelHtml: M };
|
|
3032
3074
|
});
|
|
3033
3075
|
}
|
|
3034
|
-
function
|
|
3076
|
+
function S() {
|
|
3035
3077
|
t.inputValue.length >= t.characterThreshold ? l.value = !0 : l.value = !1;
|
|
3036
3078
|
}
|
|
3037
|
-
function
|
|
3038
|
-
n("update:inputValue", ""), n("update:optionsValue", ""), document.getElementById(
|
|
3079
|
+
function k() {
|
|
3080
|
+
n("update:inputValue", ""), n("update:optionsValue", ""), document.getElementById(c.value).focus();
|
|
3039
3081
|
}
|
|
3040
|
-
function
|
|
3082
|
+
function q(b) {
|
|
3041
3083
|
r.value = !0, l.value = !1;
|
|
3042
|
-
const
|
|
3043
|
-
n("update:inputValue",
|
|
3084
|
+
const B = I.value.find((A) => A.value === b);
|
|
3085
|
+
n("update:inputValue", B.label), n("update:optionsValue", b);
|
|
3044
3086
|
}
|
|
3045
|
-
return (
|
|
3046
|
-
e.label ||
|
|
3087
|
+
return (b, B) => (u(), v(j, null, [
|
|
3088
|
+
e.label || b.$slots.label ? (u(), V(ne, {
|
|
3047
3089
|
key: 0,
|
|
3048
|
-
for:
|
|
3090
|
+
for: c.value,
|
|
3049
3091
|
disabled: e.disabled,
|
|
3050
3092
|
required: e.required
|
|
3051
3093
|
}, {
|
|
3052
3094
|
default: O(() => [
|
|
3053
|
-
E(
|
|
3054
|
-
|
|
3095
|
+
E(b.$slots, "label", {}, () => [
|
|
3096
|
+
F(T(e.label), 1)
|
|
3055
3097
|
])
|
|
3056
3098
|
]),
|
|
3057
3099
|
_: 3
|
|
3058
|
-
}, 8, ["for", "disabled", "required"])) :
|
|
3059
|
-
D(
|
|
3060
|
-
"aria-controls":
|
|
3100
|
+
}, 8, ["for", "disabled", "required"])) : w("", !0),
|
|
3101
|
+
D(cn, z({
|
|
3102
|
+
"aria-controls": h.value,
|
|
3061
3103
|
"aria-expanded": l.value,
|
|
3062
3104
|
"aria-haspopup": "listbox",
|
|
3063
3105
|
autocomplete: "off",
|
|
3064
3106
|
disabled: e.disabled,
|
|
3065
3107
|
"hide-clear": e.inputValue === "",
|
|
3066
3108
|
"hide-search-icon": e.hideSearchIcon,
|
|
3067
|
-
id:
|
|
3068
|
-
"input-id":
|
|
3109
|
+
id: s.value,
|
|
3110
|
+
"input-id": c.value,
|
|
3069
3111
|
placeholder: e.placeholder,
|
|
3070
3112
|
value: e.inputValue
|
|
3071
|
-
},
|
|
3072
|
-
onClear:
|
|
3073
|
-
onFocusin:
|
|
3074
|
-
"onUpdate:modelValue":
|
|
3113
|
+
}, b.$attrs, {
|
|
3114
|
+
onClear: k,
|
|
3115
|
+
onFocusin: S,
|
|
3116
|
+
"onUpdate:modelValue": B[0] || (B[0] = (A) => n("update:inputValue", A))
|
|
3075
3117
|
}), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "id", "input-id", "placeholder", "value"]),
|
|
3076
|
-
D(
|
|
3077
|
-
"anchor-id":
|
|
3118
|
+
D(We, {
|
|
3119
|
+
"anchor-id": s.value,
|
|
3078
3120
|
"focus-on-show": !1,
|
|
3079
3121
|
"model-value": e.optionsValue,
|
|
3080
|
-
"options-id":
|
|
3122
|
+
"options-id": h.value,
|
|
3081
3123
|
preloaded: !0,
|
|
3082
3124
|
"prevent-tab": !1,
|
|
3083
3125
|
shown: l.value,
|
|
3084
3126
|
"use-mobile-style": !1,
|
|
3085
3127
|
width: "toggle",
|
|
3086
|
-
onClose:
|
|
3087
|
-
"onUpdate:modelValue":
|
|
3128
|
+
onClose: B[1] || (B[1] = (A) => l.value = !1),
|
|
3129
|
+
"onUpdate:modelValue": q
|
|
3088
3130
|
}, {
|
|
3089
3131
|
default: O(() => [
|
|
3090
|
-
D(
|
|
3132
|
+
D(ye, { options: I.value }, {
|
|
3091
3133
|
"no-options": O(() => [
|
|
3092
|
-
|
|
3134
|
+
F("No results found")
|
|
3093
3135
|
]),
|
|
3094
3136
|
_: 1
|
|
3095
3137
|
}, 8, ["options"])
|
|
@@ -3098,13 +3140,13 @@ const ga = {
|
|
|
3098
3140
|
}, 8, ["anchor-id", "model-value", "options-id", "shown"])
|
|
3099
3141
|
], 64));
|
|
3100
3142
|
}
|
|
3101
|
-
},
|
|
3102
|
-
un,
|
|
3103
|
-
cn,
|
|
3104
|
-
fn,
|
|
3143
|
+
}, fn = ["data-size", "data-variant"], pn = /* @__PURE__ */ g("span", null, null, -1), vn = /* @__PURE__ */ g("span", null, null, -1), hn = /* @__PURE__ */ g("span", null, null, -1), bn = /* @__PURE__ */ g("span", null, null, -1), mn = /* @__PURE__ */ g("span", { class: "visually-hidden" }, "Loading", -1), gn = [
|
|
3105
3144
|
pn,
|
|
3106
|
-
|
|
3107
|
-
|
|
3145
|
+
vn,
|
|
3146
|
+
hn,
|
|
3147
|
+
bn,
|
|
3148
|
+
mn
|
|
3149
|
+
], Rl = {
|
|
3108
3150
|
__name: "BsLoader",
|
|
3109
3151
|
props: {
|
|
3110
3152
|
size: {
|
|
@@ -3118,14 +3160,14 @@ const ga = {
|
|
|
3118
3160
|
}
|
|
3119
3161
|
},
|
|
3120
3162
|
setup(e) {
|
|
3121
|
-
return (a, t) => (
|
|
3163
|
+
return (a, t) => (u(), v("span", {
|
|
3122
3164
|
class: "bs-loader",
|
|
3123
3165
|
"data-size": e.size,
|
|
3124
3166
|
"data-variant": e.variant,
|
|
3125
3167
|
role: "status"
|
|
3126
|
-
},
|
|
3168
|
+
}, gn, 8, fn));
|
|
3127
3169
|
}
|
|
3128
|
-
},
|
|
3170
|
+
}, yn = /* @__PURE__ */ g("div", { class: "bs-overlay" }, null, -1), Bn = {
|
|
3129
3171
|
__name: "BsOverlay",
|
|
3130
3172
|
props: {
|
|
3131
3173
|
shown: {
|
|
@@ -3154,27 +3196,27 @@ const ga = {
|
|
|
3154
3196
|
},
|
|
3155
3197
|
emits: ["after-enter", "after-leave"],
|
|
3156
3198
|
setup(e, { emit: a }) {
|
|
3157
|
-
const t = e, n = a, { transition: l } =
|
|
3158
|
-
return
|
|
3199
|
+
const t = e, n = a, { transition: l } = fe(t);
|
|
3200
|
+
return N(l, (r) => {
|
|
3159
3201
|
r ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
|
|
3160
|
-
}), (r,
|
|
3161
|
-
shown:
|
|
3202
|
+
}), (r, d) => (u(), V(f(Te), {
|
|
3203
|
+
shown: f(l),
|
|
3162
3204
|
preloaded: e.preloaded,
|
|
3163
3205
|
duration: 75,
|
|
3164
3206
|
"enter-attribute": "data-shown",
|
|
3165
|
-
onAfterEnter:
|
|
3166
|
-
onAfterLeave:
|
|
3207
|
+
onAfterEnter: d[0] || (d[0] = (i) => n("after-enter")),
|
|
3208
|
+
onAfterLeave: d[1] || (d[1] = (i) => n("after-leave"))
|
|
3167
3209
|
}, {
|
|
3168
3210
|
default: O(() => [
|
|
3169
|
-
|
|
3211
|
+
yn
|
|
3170
3212
|
]),
|
|
3171
3213
|
_: 1
|
|
3172
3214
|
}, 8, ["shown", "preloaded"]));
|
|
3173
3215
|
}
|
|
3174
|
-
},
|
|
3216
|
+
}, $n = ["id", "role"], Sn = {
|
|
3175
3217
|
key: 0,
|
|
3176
3218
|
class: "modal-title"
|
|
3177
|
-
},
|
|
3219
|
+
}, jl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3178
3220
|
__name: "BsModal",
|
|
3179
3221
|
props: {
|
|
3180
3222
|
modalId: {
|
|
@@ -3219,81 +3261,81 @@ const ga = {
|
|
|
3219
3261
|
},
|
|
3220
3262
|
emits: ["close", "after-enter", "after-leave"],
|
|
3221
3263
|
setup(e, { emit: a }) {
|
|
3222
|
-
const t = e, n = a, { transition: l } =
|
|
3264
|
+
const t = e, n = a, { transition: l } = fe(t);
|
|
3223
3265
|
let r = !1;
|
|
3224
|
-
const
|
|
3225
|
-
|
|
3266
|
+
const d = m(null), i = (c) => {
|
|
3267
|
+
d.value && c.target.closest(".bs-overlay") && n("close", t.modalId);
|
|
3226
3268
|
};
|
|
3227
3269
|
W(() => {
|
|
3228
|
-
document.addEventListener("click",
|
|
3270
|
+
document.addEventListener("click", i);
|
|
3229
3271
|
}), oe(() => {
|
|
3230
|
-
document.removeEventListener("click",
|
|
3231
|
-
}),
|
|
3272
|
+
document.removeEventListener("click", i);
|
|
3273
|
+
}), Ie(["Escape"], () => {
|
|
3232
3274
|
r && n("close", t.modalId);
|
|
3233
3275
|
});
|
|
3234
|
-
const
|
|
3235
|
-
return (c,
|
|
3236
|
-
D(
|
|
3237
|
-
shown:
|
|
3276
|
+
const o = () => !t.title && t.closeButton, s = () => t.title && t.closeButton;
|
|
3277
|
+
return (c, h) => (u(), v(j, null, [
|
|
3278
|
+
D(Bn, {
|
|
3279
|
+
shown: f(l),
|
|
3238
3280
|
preloaded: e.preloaded,
|
|
3239
3281
|
"enter-controlled": e.enterControlled,
|
|
3240
3282
|
"enter-trigger": e.enterTrigger,
|
|
3241
3283
|
"leave-trigger": e.leaveTrigger
|
|
3242
3284
|
}, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
|
|
3243
|
-
D(
|
|
3244
|
-
shown:
|
|
3285
|
+
D(Te, {
|
|
3286
|
+
shown: f(l),
|
|
3245
3287
|
preloaded: e.preloaded,
|
|
3246
3288
|
duration: 75,
|
|
3247
3289
|
"enter-attribute": "data-shown",
|
|
3248
|
-
onEnter:
|
|
3249
|
-
onAfterEnter:
|
|
3250
|
-
onAfterLeave:
|
|
3290
|
+
onEnter: h[1] || (h[1] = (I) => pt(r) ? r.value = !0 : r = !0),
|
|
3291
|
+
onAfterEnter: h[2] || (h[2] = (I) => n("after-enter")),
|
|
3292
|
+
onAfterLeave: h[3] || (h[3] = (I) => n("after-leave"))
|
|
3251
3293
|
}, {
|
|
3252
3294
|
default: O(() => [
|
|
3253
|
-
|
|
3295
|
+
g("div", z({
|
|
3254
3296
|
id: t.modalId,
|
|
3255
3297
|
class: "bs-modal",
|
|
3256
3298
|
role: e.alert ? "alertdialog" : "dialog",
|
|
3257
3299
|
"aria-modal": "true"
|
|
3258
3300
|
}, c.$attrs, {
|
|
3259
3301
|
ref_key: "modalRef",
|
|
3260
|
-
ref:
|
|
3302
|
+
ref: d
|
|
3261
3303
|
}), [
|
|
3262
|
-
e.title || e.closeButton ? (
|
|
3304
|
+
e.title || e.closeButton ? (u(), v("header", {
|
|
3263
3305
|
key: 0,
|
|
3264
3306
|
class: ae({
|
|
3265
|
-
"only-close-button-modal-header":
|
|
3266
|
-
"modal-header":
|
|
3307
|
+
"only-close-button-modal-header": o,
|
|
3308
|
+
"modal-header": s
|
|
3267
3309
|
})
|
|
3268
3310
|
}, [
|
|
3269
|
-
e.title ? (
|
|
3270
|
-
e.closeButton ? (
|
|
3311
|
+
e.title ? (u(), v("h5", Sn, T(e.title), 1)) : w("", !0),
|
|
3312
|
+
e.closeButton ? (u(), v("button", {
|
|
3271
3313
|
key: 1,
|
|
3272
3314
|
type: "button",
|
|
3273
3315
|
title: "Close Modal",
|
|
3274
3316
|
"aria-label": "Close Modal",
|
|
3275
|
-
onClick:
|
|
3317
|
+
onClick: h[0] || (h[0] = (I) => n("close", e.modalId))
|
|
3276
3318
|
}, [
|
|
3277
|
-
D(
|
|
3278
|
-
])) :
|
|
3279
|
-
], 2)) :
|
|
3319
|
+
D(f(Se), { class: "close-button" })
|
|
3320
|
+
])) : w("", !0)
|
|
3321
|
+
], 2)) : w("", !0),
|
|
3280
3322
|
E(c.$slots, "default")
|
|
3281
|
-
], 16,
|
|
3323
|
+
], 16, $n)
|
|
3282
3324
|
]),
|
|
3283
3325
|
_: 3
|
|
3284
3326
|
}, 8, ["shown", "preloaded"])
|
|
3285
3327
|
], 64));
|
|
3286
3328
|
}
|
|
3287
|
-
}),
|
|
3329
|
+
}), wn = ["data-variant", "data-fixed"], kn = {
|
|
3288
3330
|
key: 0,
|
|
3289
3331
|
class: "bs-pagination-carets"
|
|
3290
|
-
},
|
|
3332
|
+
}, In = ["title", "disabled"], Cn = { key: 0 }, Tn = ["title", "disabled"], xn = { key: 0 }, An = {
|
|
3291
3333
|
key: 1,
|
|
3292
3334
|
class: "bs-pagination-page-numbers"
|
|
3293
|
-
},
|
|
3335
|
+
}, Ln = ["title", "data-selected", "onClick"], Vn = { key: 2 }, En = { key: 3 }, Dn = /* @__PURE__ */ g("span", null, "Results Per Page:", -1), On = { class: "bs-pagination-results-numbers" }, qn = ["data-selected", "disabled", "onClick"], Mn = {
|
|
3294
3336
|
key: 5,
|
|
3295
3337
|
class: "bs-pagination-carets"
|
|
3296
|
-
},
|
|
3338
|
+
}, Pn = ["title", "disabled"], zn = { key: 0 }, Nn = ["title", "disabled"], Rn = { key: 0 }, Fl = {
|
|
3297
3339
|
__name: "BsPagination",
|
|
3298
3340
|
props: {
|
|
3299
3341
|
// Used for all
|
|
@@ -3379,129 +3421,129 @@ const ga = {
|
|
|
3379
3421
|
},
|
|
3380
3422
|
emits: ["selchange", "update:modelValue"],
|
|
3381
3423
|
setup(e, { emit: a }) {
|
|
3382
|
-
const t = e, n = a, l =
|
|
3424
|
+
const t = e, n = a, l = m(null);
|
|
3383
3425
|
W(() => {
|
|
3384
|
-
r.value ? l.value = r.value : t.variant === "results" ? l.value =
|
|
3426
|
+
r.value ? l.value = r.value : t.variant === "results" ? l.value = S.value[0] : l.value = 1;
|
|
3385
3427
|
});
|
|
3386
|
-
const r =
|
|
3387
|
-
|
|
3388
|
-
l.value =
|
|
3389
|
-
}),
|
|
3390
|
-
l.value =
|
|
3391
|
-
}),
|
|
3392
|
-
|
|
3428
|
+
const r = p(() => t.modelValue || t.selection);
|
|
3429
|
+
N(() => t.selection, (k) => {
|
|
3430
|
+
l.value = k;
|
|
3431
|
+
}), N(() => t.modelValue, (k) => {
|
|
3432
|
+
l.value = k;
|
|
3433
|
+
}), N(l, (k, q) => {
|
|
3434
|
+
q !== null && (n("selchange", k), n("update:modelValue", k));
|
|
3393
3435
|
});
|
|
3394
|
-
const
|
|
3436
|
+
const d = p(() => {
|
|
3395
3437
|
if (t.variant === "group")
|
|
3396
3438
|
return Math.ceil(t.itemsCount / t.itemsPerGroup);
|
|
3397
3439
|
if (t.variant === "base")
|
|
3398
3440
|
return t.pageCount;
|
|
3399
|
-
}),
|
|
3400
|
-
function
|
|
3441
|
+
}), i = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
|
|
3442
|
+
function o() {
|
|
3401
3443
|
l.value = 1;
|
|
3402
3444
|
}
|
|
3403
|
-
function
|
|
3445
|
+
function s() {
|
|
3404
3446
|
l.value = Math.max(l.value - 1, 1);
|
|
3405
3447
|
}
|
|
3406
3448
|
function c() {
|
|
3407
3449
|
l.value = Math.min(
|
|
3408
3450
|
l.value + 1,
|
|
3409
|
-
|
|
3451
|
+
d.value
|
|
3410
3452
|
);
|
|
3411
3453
|
}
|
|
3412
|
-
function
|
|
3413
|
-
l.value =
|
|
3454
|
+
function h() {
|
|
3455
|
+
l.value = d.value;
|
|
3414
3456
|
}
|
|
3415
|
-
const
|
|
3457
|
+
const I = p(() => {
|
|
3416
3458
|
if (t.pageCount <= t.pageRange)
|
|
3417
3459
|
return [...Array(t.pageCount + 1).keys()].slice(1);
|
|
3418
|
-
const
|
|
3419
|
-
let b = l.value -
|
|
3420
|
-
b < 1 && (
|
|
3421
|
-
for (let
|
|
3422
|
-
|
|
3423
|
-
return
|
|
3424
|
-
}),
|
|
3425
|
-
const
|
|
3426
|
-
return `${t.centerLabel ?? "Results"} ${
|
|
3427
|
-
}),
|
|
3428
|
-
return (
|
|
3460
|
+
const k = [1], q = (t.pageRange - 1) / 2;
|
|
3461
|
+
let b = l.value - q, B = l.value + q;
|
|
3462
|
+
b < 1 && (B += 1 - b, b = 1), B > t.pageCount && (b -= B - t.pageCount, B = t.pageCount), b = Math.max(b, 2), B = Math.min(B, t.pageCount - 1), b > 2 && k.push(t.breakText);
|
|
3463
|
+
for (let A = b; A <= B; A++)
|
|
3464
|
+
k.push(A);
|
|
3465
|
+
return B < t.pageCount - 1 && k.push(t.breakText), k.push(t.pageCount), k;
|
|
3466
|
+
}), $ = p(() => `${t.centerLabel ?? "Page"} ${l.value} of ${d.value}`), x = p(() => {
|
|
3467
|
+
const k = (l.value - 1) * t.itemsPerGroup + 1, q = Math.min(k - 1 + t.itemsPerGroup, t.itemsCount);
|
|
3468
|
+
return `${t.centerLabel ?? "Results"} ${k} - ${q} of ${t.itemsCount}`;
|
|
3469
|
+
}), S = p(() => t.resultsIncrements.split(",").map((k) => parseInt(k)));
|
|
3470
|
+
return (k, q) => (u(), v("div", {
|
|
3429
3471
|
class: "bs-pagination",
|
|
3430
|
-
"data-variant":
|
|
3472
|
+
"data-variant": i.value,
|
|
3431
3473
|
"data-fixed": t.fixed
|
|
3432
3474
|
}, [
|
|
3433
|
-
e.variant === "base" || e.variant === "group" ? (
|
|
3434
|
-
e.showFirstLastButtons ? (
|
|
3475
|
+
e.variant === "base" || e.variant === "group" ? (u(), v("div", kn, [
|
|
3476
|
+
e.showFirstLastButtons ? (u(), v("button", {
|
|
3435
3477
|
key: 0,
|
|
3436
3478
|
type: "button",
|
|
3437
3479
|
class: ae(e.firstPageText ? "bs-pagination-word-caret" : void 0),
|
|
3438
3480
|
title: e.firstPageText,
|
|
3439
3481
|
disabled: l.value === 1,
|
|
3440
|
-
onClick:
|
|
3482
|
+
onClick: o
|
|
3441
3483
|
}, [
|
|
3442
|
-
D(
|
|
3443
|
-
e.firstPageText ? (
|
|
3444
|
-
], 10,
|
|
3445
|
-
|
|
3484
|
+
D(f(mt)),
|
|
3485
|
+
e.firstPageText ? (u(), v("span", Cn, T(e.firstPageText), 1)) : w("", !0)
|
|
3486
|
+
], 10, In)) : w("", !0),
|
|
3487
|
+
g("button", {
|
|
3446
3488
|
type: "button",
|
|
3447
3489
|
class: ae(e.prevPageText ? "bs-pagination-word-caret" : void 0),
|
|
3448
3490
|
title: e.prevPageText,
|
|
3449
3491
|
disabled: l.value === 1,
|
|
3450
|
-
onClick:
|
|
3492
|
+
onClick: s
|
|
3451
3493
|
}, [
|
|
3452
|
-
D(
|
|
3453
|
-
e.prevPageText ? (
|
|
3454
|
-
], 10,
|
|
3455
|
-
])) :
|
|
3456
|
-
e.variant === "base" && e.centerDisplay === "numbers" ? (
|
|
3457
|
-
(
|
|
3494
|
+
D(f(gt)),
|
|
3495
|
+
e.prevPageText ? (u(), v("span", xn, T(e.prevPageText), 1)) : w("", !0)
|
|
3496
|
+
], 10, Tn)
|
|
3497
|
+
])) : w("", !0),
|
|
3498
|
+
e.variant === "base" && e.centerDisplay === "numbers" ? (u(), v("div", An, [
|
|
3499
|
+
(u(!0), v(j, null, Z(I.value, (b) => (u(), v("button", {
|
|
3458
3500
|
key: `page-${b}-button`,
|
|
3459
3501
|
type: "button",
|
|
3460
3502
|
title: `Page ${b}`,
|
|
3461
3503
|
"data-selected": b === l.value,
|
|
3462
|
-
onClick: (
|
|
3463
|
-
}, T(b), 9,
|
|
3464
|
-
])) :
|
|
3465
|
-
t.variant === "base" && t.centerDisplay === "text" ? (
|
|
3466
|
-
t.variant === "group" ? (
|
|
3467
|
-
t.variant === "results" ? (
|
|
3468
|
-
|
|
3469
|
-
|
|
3470
|
-
(
|
|
3504
|
+
onClick: (B) => l.value = b
|
|
3505
|
+
}, T(b), 9, Ln))), 128))
|
|
3506
|
+
])) : w("", !0),
|
|
3507
|
+
t.variant === "base" && t.centerDisplay === "text" ? (u(), v("span", Vn, T($.value), 1)) : w("", !0),
|
|
3508
|
+
t.variant === "group" ? (u(), v("span", En, T(x.value), 1)) : w("", !0),
|
|
3509
|
+
t.variant === "results" ? (u(), v(j, { key: 4 }, [
|
|
3510
|
+
Dn,
|
|
3511
|
+
g("div", On, [
|
|
3512
|
+
(u(!0), v(j, null, Z(S.value, (b) => (u(), v("button", {
|
|
3471
3513
|
type: "button",
|
|
3472
3514
|
key: `results-${b}`,
|
|
3473
3515
|
"data-selected": b === l.value,
|
|
3474
3516
|
disabled: l.value === b,
|
|
3475
|
-
onClick: (
|
|
3476
|
-
}, T(b), 9,
|
|
3517
|
+
onClick: (B) => l.value = b
|
|
3518
|
+
}, T(b), 9, qn))), 128))
|
|
3477
3519
|
])
|
|
3478
|
-
], 64)) :
|
|
3479
|
-
e.variant === "base" || e.variant === "group" ? (
|
|
3480
|
-
|
|
3520
|
+
], 64)) : w("", !0),
|
|
3521
|
+
e.variant === "base" || e.variant === "group" ? (u(), v("div", Mn, [
|
|
3522
|
+
g("button", {
|
|
3481
3523
|
type: "button",
|
|
3482
3524
|
class: ae(e.nextPageText ? "bs-pagination-word-caret" : void 0),
|
|
3483
3525
|
title: e.nextPageText,
|
|
3484
|
-
disabled: l.value ===
|
|
3526
|
+
disabled: l.value === d.value,
|
|
3485
3527
|
onClick: c
|
|
3486
3528
|
}, [
|
|
3487
|
-
e.nextPageText ? (
|
|
3488
|
-
D(
|
|
3489
|
-
], 10,
|
|
3490
|
-
e.showFirstLastButtons ? (
|
|
3529
|
+
e.nextPageText ? (u(), v("span", zn, T(e.nextPageText), 1)) : w("", !0),
|
|
3530
|
+
D(f(yt))
|
|
3531
|
+
], 10, Pn),
|
|
3532
|
+
e.showFirstLastButtons ? (u(), v("button", {
|
|
3491
3533
|
key: 0,
|
|
3492
3534
|
type: "button",
|
|
3493
3535
|
class: ae(e.lastPageText ? "bs-pagination-word-caret" : void 0),
|
|
3494
3536
|
title: e.lastPageText,
|
|
3495
|
-
disabled: l.value ===
|
|
3496
|
-
onClick:
|
|
3537
|
+
disabled: l.value === d.value,
|
|
3538
|
+
onClick: h
|
|
3497
3539
|
}, [
|
|
3498
|
-
e.lastPageText ? (
|
|
3499
|
-
D(
|
|
3500
|
-
], 10,
|
|
3501
|
-
])) :
|
|
3502
|
-
], 8,
|
|
3540
|
+
e.lastPageText ? (u(), v("span", Rn, T(e.lastPageText), 1)) : w("", !0),
|
|
3541
|
+
D(f(Bt))
|
|
3542
|
+
], 10, Nn)) : w("", !0)
|
|
3543
|
+
])) : w("", !0)
|
|
3544
|
+
], 8, wn));
|
|
3503
3545
|
}
|
|
3504
|
-
},
|
|
3546
|
+
}, jn = ["data-truncate"], Ul = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3505
3547
|
__name: "BsPill",
|
|
3506
3548
|
props: {
|
|
3507
3549
|
active: { type: Boolean, default: !1 },
|
|
@@ -3525,35 +3567,35 @@ const ga = {
|
|
|
3525
3567
|
}
|
|
3526
3568
|
},
|
|
3527
3569
|
setup(e) {
|
|
3528
|
-
const a = e, { onLinkClick: t } =
|
|
3529
|
-
return (
|
|
3570
|
+
const a = e, { onLinkClick: t } = ke(a), n = ie(), { rootTag: l, attrsToBind: r, hrefUrl: d } = we(a, n, "span");
|
|
3571
|
+
return (i, o) => (u(), V(J(f(l)), z({
|
|
3530
3572
|
class: "bs-pill",
|
|
3531
3573
|
"data-active": e.active,
|
|
3532
3574
|
"data-component": "bs-pill",
|
|
3533
3575
|
"data-status": e.status || void 0,
|
|
3534
3576
|
"data-variant": e.variant || void 0,
|
|
3535
3577
|
disabled: e.disabled,
|
|
3536
|
-
".href":
|
|
3537
|
-
},
|
|
3578
|
+
".href": f(d)
|
|
3579
|
+
}, f(r), { onClick: f(t) }), {
|
|
3538
3580
|
default: O(() => [
|
|
3539
|
-
|
|
3540
|
-
E(
|
|
3541
|
-
], 8,
|
|
3581
|
+
g("span", { "data-truncate": e.truncate }, [
|
|
3582
|
+
E(i.$slots, "default")
|
|
3583
|
+
], 8, jn)
|
|
3542
3584
|
]),
|
|
3543
3585
|
_: 3
|
|
3544
3586
|
}, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
|
|
3545
3587
|
}
|
|
3546
|
-
}),
|
|
3588
|
+
}), Fn = { class: "bs-profile-details" }, Un = {
|
|
3547
3589
|
class: "bs-profile-name",
|
|
3548
3590
|
"data-size": "sm",
|
|
3549
3591
|
"data-weight": "bold"
|
|
3550
|
-
},
|
|
3592
|
+
}, Wn = {
|
|
3551
3593
|
key: 1,
|
|
3552
3594
|
"data-weight": "bold"
|
|
3553
|
-
},
|
|
3595
|
+
}, Gn = { key: 2 }, Hn = { key: 3 }, Kn = {
|
|
3554
3596
|
key: 4,
|
|
3555
3597
|
"data-icon": "true"
|
|
3556
|
-
},
|
|
3598
|
+
}, Yn = {
|
|
3557
3599
|
__name: "BsProfileDetails",
|
|
3558
3600
|
props: {
|
|
3559
3601
|
profileName: {
|
|
@@ -3570,40 +3612,40 @@ const ga = {
|
|
|
3570
3612
|
},
|
|
3571
3613
|
emits: ["action-toggled"],
|
|
3572
3614
|
setup(e, { emit: a }) {
|
|
3573
|
-
const t = e, n = a, { icon: l } =
|
|
3574
|
-
function
|
|
3575
|
-
|
|
3615
|
+
const t = e, n = a, { icon: l } = ge(t, "actionIcon"), { icon: r } = ge(t, "miscMetaIcon");
|
|
3616
|
+
function d(i) {
|
|
3617
|
+
i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), n("action-toggled"));
|
|
3576
3618
|
}
|
|
3577
|
-
return (
|
|
3578
|
-
e.action ||
|
|
3619
|
+
return (i, o) => (u(), v("div", Fn, [
|
|
3620
|
+
e.action || i.$slots.action ? (u(), v("button", {
|
|
3579
3621
|
key: 0,
|
|
3580
3622
|
"data-icon": "true",
|
|
3581
|
-
onClick:
|
|
3623
|
+
onClick: d
|
|
3582
3624
|
}, [
|
|
3583
|
-
E(
|
|
3584
|
-
e.actionIcon ? (
|
|
3625
|
+
E(i.$slots, "action", {}, () => [
|
|
3626
|
+
e.actionIcon ? (u(), V(J(f(l) ? f(l) : "span"), {
|
|
3585
3627
|
key: 0,
|
|
3586
3628
|
class: "bs-icon"
|
|
3587
|
-
})) :
|
|
3588
|
-
|
|
3629
|
+
})) : w("", !0),
|
|
3630
|
+
F(" " + T(e.action), 1)
|
|
3589
3631
|
])
|
|
3590
|
-
])) :
|
|
3591
|
-
|
|
3592
|
-
e.company ? (
|
|
3593
|
-
e.jobTitle ? (
|
|
3594
|
-
e.email ? (
|
|
3595
|
-
e.miscMeta ||
|
|
3596
|
-
E(
|
|
3597
|
-
e.miscMetaIcon ? (
|
|
3632
|
+
])) : w("", !0),
|
|
3633
|
+
g("span", Un, T(e.profileName), 1),
|
|
3634
|
+
e.company ? (u(), v("span", Wn, T(e.company), 1)) : w("", !0),
|
|
3635
|
+
e.jobTitle ? (u(), v("span", Gn, T(e.jobTitle), 1)) : w("", !0),
|
|
3636
|
+
e.email ? (u(), v("span", Hn, T(e.email), 1)) : w("", !0),
|
|
3637
|
+
e.miscMeta || i.$slots.misc ? (u(), v("span", Kn, [
|
|
3638
|
+
E(i.$slots, "misc", {}, () => [
|
|
3639
|
+
e.miscMetaIcon ? (u(), V(J(f(r) ? f(r) : "span"), {
|
|
3598
3640
|
key: 0,
|
|
3599
3641
|
class: "bs-icon"
|
|
3600
|
-
})) :
|
|
3601
|
-
|
|
3642
|
+
})) : w("", !0),
|
|
3643
|
+
F(" " + T(e.miscMeta), 1)
|
|
3602
3644
|
])
|
|
3603
|
-
])) :
|
|
3645
|
+
])) : w("", !0)
|
|
3604
3646
|
]));
|
|
3605
3647
|
}
|
|
3606
|
-
},
|
|
3648
|
+
}, Wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3607
3649
|
__name: "BsProfile",
|
|
3608
3650
|
props: {
|
|
3609
3651
|
layout: {
|
|
@@ -3633,20 +3675,20 @@ const ga = {
|
|
|
3633
3675
|
},
|
|
3634
3676
|
emits: ["action-toggled"],
|
|
3635
3677
|
setup(e, { emit: a }) {
|
|
3636
|
-
const t = e, n = a, l =
|
|
3637
|
-
return (
|
|
3678
|
+
const t = e, n = a, l = ie(), { onLinkClick: r } = ke(t), { rootTag: d, attrsToBind: i, hrefUrl: o } = we(t, l, "div");
|
|
3679
|
+
return (s, c) => (u(), V(J(f(d)), z({
|
|
3638
3680
|
class: "bs-profile",
|
|
3639
|
-
".href":
|
|
3681
|
+
".href": f(o),
|
|
3640
3682
|
"data-layout": e.layout
|
|
3641
|
-
},
|
|
3683
|
+
}, f(i), { onClick: f(r) }), {
|
|
3642
3684
|
default: O(() => [
|
|
3643
|
-
D(
|
|
3685
|
+
D(st, {
|
|
3644
3686
|
src: e.imageSrc,
|
|
3645
3687
|
size: e.imageSize,
|
|
3646
3688
|
initials: e.initials,
|
|
3647
3689
|
"profile-name": e.profileName
|
|
3648
3690
|
}, null, 8, ["src", "size", "initials", "profile-name"]),
|
|
3649
|
-
D(
|
|
3691
|
+
D(Yn, {
|
|
3650
3692
|
"profile-name": e.profileName,
|
|
3651
3693
|
company: e.company,
|
|
3652
3694
|
"job-title": e.jobTitle,
|
|
@@ -3655,13 +3697,13 @@ const ga = {
|
|
|
3655
3697
|
"action-icon": e.actionIcon,
|
|
3656
3698
|
"misc-meta": e.miscMeta,
|
|
3657
3699
|
"misc-meta-icon": e.miscMetaIcon,
|
|
3658
|
-
onActionToggled: c[0] || (c[0] = (
|
|
3700
|
+
onActionToggled: c[0] || (c[0] = (h) => n("action-toggled"))
|
|
3659
3701
|
}, {
|
|
3660
3702
|
action: O(() => [
|
|
3661
|
-
E(
|
|
3703
|
+
E(s.$slots, "action")
|
|
3662
3704
|
]),
|
|
3663
3705
|
misc: O(() => [
|
|
3664
|
-
E(
|
|
3706
|
+
E(s.$slots, "misc")
|
|
3665
3707
|
]),
|
|
3666
3708
|
_: 3
|
|
3667
3709
|
}, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
|
|
@@ -3669,7 +3711,7 @@ const ga = {
|
|
|
3669
3711
|
_: 3
|
|
3670
3712
|
}, 48, [".href", "data-layout", "onClick"]));
|
|
3671
3713
|
}
|
|
3672
|
-
}),
|
|
3714
|
+
}), Qn = ["data-size"], Xn = ["checked", "disabled", "id", "required", "value", "data-error"], Gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3673
3715
|
__name: "BsRadio",
|
|
3674
3716
|
props: {
|
|
3675
3717
|
label: {
|
|
@@ -3713,39 +3755,39 @@ const ga = {
|
|
|
3713
3755
|
},
|
|
3714
3756
|
emits: ["update:modelValue"],
|
|
3715
3757
|
setup(e, { emit: a }) {
|
|
3716
|
-
const t = e, n =
|
|
3717
|
-
return (
|
|
3758
|
+
const t = e, [n] = X(), l = p(() => je.concat(t.passAttrs.split(","))), r = p(() => t.inputId || n.value), d = p(() => t.checked || t.modelValue && t.modelValue === t.value);
|
|
3759
|
+
return (i, o) => (u(), v("div", z({
|
|
3718
3760
|
class: "bs-boolean",
|
|
3719
3761
|
"data-component": "bs-radio",
|
|
3720
3762
|
"data-size": e.size
|
|
3721
|
-
},
|
|
3722
|
-
|
|
3723
|
-
checked:
|
|
3763
|
+
}, f(U)(i.$attrs, l.value).remaining), [
|
|
3764
|
+
g("input", z({
|
|
3765
|
+
checked: d.value,
|
|
3724
3766
|
disabled: e.disabled,
|
|
3725
|
-
id:
|
|
3767
|
+
id: i.$attrs.id || r.value,
|
|
3726
3768
|
required: e.required,
|
|
3727
3769
|
type: "radio",
|
|
3728
3770
|
value: e.value,
|
|
3729
3771
|
"data-error": e.error
|
|
3730
|
-
},
|
|
3731
|
-
onChange:
|
|
3732
|
-
}), null, 16,
|
|
3733
|
-
e.label ||
|
|
3772
|
+
}, f(U)(i.$attrs, l.value).filtered, {
|
|
3773
|
+
onChange: o[0] || (o[0] = (s) => i.$emit("update:modelValue", s.target.value))
|
|
3774
|
+
}), null, 16, Xn),
|
|
3775
|
+
e.label || i.$slots.label ? (u(), V(ne, {
|
|
3734
3776
|
key: 0,
|
|
3735
|
-
for:
|
|
3777
|
+
for: i.$attrs.id || r.value,
|
|
3736
3778
|
disabled: e.disabled,
|
|
3737
3779
|
required: e.required
|
|
3738
3780
|
}, {
|
|
3739
3781
|
default: O(() => [
|
|
3740
|
-
E(
|
|
3741
|
-
|
|
3782
|
+
E(i.$slots, "label", {}, () => [
|
|
3783
|
+
F(T(e.label), 1)
|
|
3742
3784
|
])
|
|
3743
3785
|
]),
|
|
3744
3786
|
_: 3
|
|
3745
|
-
}, 8, ["for", "disabled", "required"])) :
|
|
3746
|
-
], 16,
|
|
3787
|
+
}, 8, ["for", "disabled", "required"])) : w("", !0)
|
|
3788
|
+
], 16, Qn));
|
|
3747
3789
|
}
|
|
3748
|
-
}),
|
|
3790
|
+
}), Zn = ["id", "disabled", "required", "data-error", "value"], Jn = {
|
|
3749
3791
|
__name: "BsSelect",
|
|
3750
3792
|
props: {
|
|
3751
3793
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -3758,8 +3800,8 @@ const ga = {
|
|
|
3758
3800
|
},
|
|
3759
3801
|
emits: ["update:modelValue"],
|
|
3760
3802
|
setup(e, { emit: a }) {
|
|
3761
|
-
const t = e, n =
|
|
3762
|
-
return (l, r) => (
|
|
3803
|
+
const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
3804
|
+
return (l, r) => (u(), v("select", z({
|
|
3763
3805
|
id: l.$attrs.id || e.inputId,
|
|
3764
3806
|
class: "bs-select",
|
|
3765
3807
|
"data-component": "bs-select",
|
|
@@ -3768,12 +3810,12 @@ const ga = {
|
|
|
3768
3810
|
"data-error": e.error,
|
|
3769
3811
|
value: e.value || e.modelValue
|
|
3770
3812
|
}, n.value, {
|
|
3771
|
-
onChange: r[0] || (r[0] = (
|
|
3813
|
+
onChange: r[0] || (r[0] = (d) => l.$emit("update:modelValue", d.target.value))
|
|
3772
3814
|
}), [
|
|
3773
3815
|
E(l.$slots, "default")
|
|
3774
|
-
], 16,
|
|
3816
|
+
], 16, Zn));
|
|
3775
3817
|
}
|
|
3776
|
-
},
|
|
3818
|
+
}, _n = ["selected", "disabled"], el = ["disabled", "selected", "value"], Hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3777
3819
|
__name: "BsSelectField",
|
|
3778
3820
|
props: {
|
|
3779
3821
|
data: {
|
|
@@ -3817,64 +3859,60 @@ const ga = {
|
|
|
3817
3859
|
modelValue: [String, Number]
|
|
3818
3860
|
},
|
|
3819
3861
|
setup(e) {
|
|
3820
|
-
const a = e, t =
|
|
3821
|
-
|
|
3822
|
-
|
|
3823
|
-
"name"
|
|
3824
|
-
]), o = v(() => {
|
|
3825
|
-
var f, g;
|
|
3826
|
-
return ((g = (f = a.hints) == null ? void 0 : f.join) == null ? void 0 : g.call(f, `
|
|
3862
|
+
const a = e, [t, n] = X(2), l = p(() => da.concat(a.passAttrs.split(","))), r = p(() => {
|
|
3863
|
+
var s, c;
|
|
3864
|
+
return ((c = (s = a.hints) == null ? void 0 : s.join) == null ? void 0 : c.call(s, `
|
|
3827
3865
|
`)) || a.hints;
|
|
3828
|
-
}),
|
|
3829
|
-
return (
|
|
3830
|
-
e.label ||
|
|
3866
|
+
}), d = p(() => a.error && a.errorMsg || a.hint || r.value || void 0), i = p(() => a.inputId || t.value), o = p(() => a.value || a.modelValue);
|
|
3867
|
+
return (s, c) => (u(), v("div", z({ "data-component": "bs-select-field" }, f(U)(s.$attrs, l.value).remaining), [
|
|
3868
|
+
e.label || s.$slots.label ? (u(), V(ne, {
|
|
3831
3869
|
key: 0,
|
|
3832
|
-
for:
|
|
3870
|
+
for: s.$attrs.id || i.value,
|
|
3833
3871
|
disabled: e.disabled,
|
|
3834
3872
|
required: e.required
|
|
3835
3873
|
}, {
|
|
3836
3874
|
default: O(() => [
|
|
3837
|
-
E(
|
|
3838
|
-
|
|
3875
|
+
E(s.$slots, "label", {}, () => [
|
|
3876
|
+
F(T(e.label), 1)
|
|
3839
3877
|
])
|
|
3840
3878
|
]),
|
|
3841
3879
|
_: 3
|
|
3842
|
-
}, 8, ["for", "disabled", "required"])) :
|
|
3843
|
-
D(
|
|
3880
|
+
}, 8, ["for", "disabled", "required"])) : w("", !0),
|
|
3881
|
+
D(Jn, z({
|
|
3844
3882
|
disabled: e.disabled,
|
|
3845
3883
|
error: e.error,
|
|
3846
|
-
"hint-id":
|
|
3847
|
-
"input-id":
|
|
3884
|
+
"hint-id": f(n),
|
|
3885
|
+
"input-id": s.$attrs.id || i.value,
|
|
3848
3886
|
required: e.required,
|
|
3849
|
-
value:
|
|
3850
|
-
"onUpdate:modelValue":
|
|
3851
|
-
},
|
|
3887
|
+
value: o.value,
|
|
3888
|
+
"onUpdate:modelValue": c[0] || (c[0] = (h) => s.$emit("update:modelValue", h))
|
|
3889
|
+
}, f(U)(s.$attrs, l.value).filtered), {
|
|
3852
3890
|
default: O(() => [
|
|
3853
|
-
|
|
3854
|
-
selected: !
|
|
3891
|
+
g("option", {
|
|
3892
|
+
selected: !o.value,
|
|
3855
3893
|
value: "",
|
|
3856
|
-
disabled: !!
|
|
3857
|
-
}, T(e.disabled ? "" : e.placeholder), 9,
|
|
3858
|
-
(
|
|
3859
|
-
key:
|
|
3860
|
-
disabled:
|
|
3861
|
-
selected:
|
|
3862
|
-
value:
|
|
3863
|
-
}, T(
|
|
3894
|
+
disabled: !!o.value
|
|
3895
|
+
}, T(e.disabled ? "" : e.placeholder), 9, _n),
|
|
3896
|
+
(u(!0), v(j, null, Z(e.data, (h) => (u(), v("option", {
|
|
3897
|
+
key: h.value,
|
|
3898
|
+
disabled: h.disabled,
|
|
3899
|
+
selected: o.value === h.value,
|
|
3900
|
+
value: h.value
|
|
3901
|
+
}, T(h.label), 9, el))), 128))
|
|
3864
3902
|
]),
|
|
3865
3903
|
_: 1
|
|
3866
3904
|
}, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
|
|
3867
|
-
|
|
3905
|
+
d.value ? (u(), V(pe, {
|
|
3868
3906
|
key: 1,
|
|
3869
3907
|
"data-disabled": e.disabled,
|
|
3870
3908
|
error: e.error,
|
|
3871
3909
|
"error-msg": e.errorMsg,
|
|
3872
|
-
hint: e.hint ||
|
|
3873
|
-
"hint-id":
|
|
3874
|
-
}, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) :
|
|
3910
|
+
hint: e.hint || r.value,
|
|
3911
|
+
"hint-id": f(n)
|
|
3912
|
+
}, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
|
|
3875
3913
|
], 16));
|
|
3876
3914
|
}
|
|
3877
|
-
}),
|
|
3915
|
+
}), tl = ["data-size"], al = ["data-disabled", "data-pending", "data-size"], nl = ["checked", "disabled", "id"], ll = ["data-inner-on-label", "data-inner-off-label"], Kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3878
3916
|
__name: "BsSwitch",
|
|
3879
3917
|
props: {
|
|
3880
3918
|
checked: {
|
|
@@ -3920,48 +3958,48 @@ const ga = {
|
|
|
3920
3958
|
},
|
|
3921
3959
|
emits: ["update:modelValue"],
|
|
3922
3960
|
setup(e, { emit: a }) {
|
|
3923
|
-
const t = e, n = a, l =
|
|
3924
|
-
return (
|
|
3961
|
+
const t = e, n = a, [l] = X(), r = p(() => je.concat(t.passAttrs.split(","))), d = p(() => t.inputId || l.value), i = p(() => t.checked || t.modelValue);
|
|
3962
|
+
return (o, s) => (u(), v("div", z({
|
|
3925
3963
|
class: "bs-boolean",
|
|
3926
3964
|
"data-component": "bs-switch",
|
|
3927
3965
|
"data-size": e.size
|
|
3928
|
-
},
|
|
3929
|
-
e.label ||
|
|
3966
|
+
}, f(U)(o.$attrs, r.value).remaining), [
|
|
3967
|
+
e.label || o.$slots.label ? (u(), V(ne, {
|
|
3930
3968
|
key: 0,
|
|
3931
|
-
for:
|
|
3969
|
+
for: o.$attrs.id || d.value,
|
|
3932
3970
|
disabled: e.disabled,
|
|
3933
3971
|
hide: e.hideLabel
|
|
3934
3972
|
}, {
|
|
3935
3973
|
default: O(() => [
|
|
3936
|
-
E(
|
|
3937
|
-
|
|
3974
|
+
E(o.$slots, "label", {}, () => [
|
|
3975
|
+
F(T(e.label), 1)
|
|
3938
3976
|
])
|
|
3939
3977
|
]),
|
|
3940
3978
|
_: 3
|
|
3941
|
-
}, 8, ["for", "disabled", "hide"])) :
|
|
3942
|
-
|
|
3979
|
+
}, 8, ["for", "disabled", "hide"])) : w("", !0),
|
|
3980
|
+
g("div", {
|
|
3943
3981
|
class: "bs-switch",
|
|
3944
3982
|
"data-disabled": e.disabled,
|
|
3945
3983
|
"data-pending": e.pending,
|
|
3946
3984
|
"data-size": e.size
|
|
3947
3985
|
}, [
|
|
3948
|
-
|
|
3949
|
-
checked:
|
|
3986
|
+
g("input", z({
|
|
3987
|
+
checked: i.value,
|
|
3950
3988
|
disabled: e.disabled,
|
|
3951
|
-
id:
|
|
3989
|
+
id: o.$attrs.id || d.value,
|
|
3952
3990
|
type: "checkbox"
|
|
3953
|
-
},
|
|
3954
|
-
onChange:
|
|
3955
|
-
}), null, 16,
|
|
3956
|
-
|
|
3991
|
+
}, f(U)(o.$attrs, r.value).filtered, {
|
|
3992
|
+
onChange: s[0] || (s[0] = (c) => n("update:modelValue", c.target.checked))
|
|
3993
|
+
}), null, 16, nl),
|
|
3994
|
+
g("span", {
|
|
3957
3995
|
"aria-hidden": "true",
|
|
3958
3996
|
"data-inner-on-label": e.innerOnLabel,
|
|
3959
3997
|
"data-inner-off-label": e.innerOffLabel
|
|
3960
|
-
}, null, 8,
|
|
3961
|
-
], 8,
|
|
3962
|
-
], 16,
|
|
3998
|
+
}, null, 8, ll)
|
|
3999
|
+
], 8, al)
|
|
4000
|
+
], 16, tl));
|
|
3963
4001
|
}
|
|
3964
|
-
}),
|
|
4002
|
+
}), ol = ["aria-controls", "aria-selected", "data-hidden"], Yl = {
|
|
3965
4003
|
__name: "BsTab",
|
|
3966
4004
|
props: {
|
|
3967
4005
|
activeTabId: {
|
|
@@ -3978,18 +4016,18 @@ const ga = {
|
|
|
3978
4016
|
},
|
|
3979
4017
|
emits: ["tabClick"],
|
|
3980
4018
|
setup(e, { emit: a }) {
|
|
3981
|
-
const t = e, n =
|
|
3982
|
-
function
|
|
3983
|
-
(
|
|
4019
|
+
const t = e, n = ie(), l = m(), r = p(() => t.activeTabId === n.id), d = p(() => t.panelId || `${n.id}-panel`);
|
|
4020
|
+
function i(s) {
|
|
4021
|
+
(s.key === "Enter" || s.key === " ") && (s.preventDefault(), s.stopPropagation(), o());
|
|
3984
4022
|
}
|
|
3985
|
-
function
|
|
4023
|
+
function o() {
|
|
3986
4024
|
if (t.activeTabId !== n.id) {
|
|
3987
|
-
const
|
|
3988
|
-
l.value.dispatchEvent(
|
|
4025
|
+
const s = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
|
|
4026
|
+
l.value.dispatchEvent(s);
|
|
3989
4027
|
}
|
|
3990
4028
|
}
|
|
3991
|
-
return (
|
|
3992
|
-
"aria-controls":
|
|
4029
|
+
return (s, c) => (u(), v("div", {
|
|
4030
|
+
"aria-controls": d.value,
|
|
3993
4031
|
"aria-selected": r.value ? "true" : "false",
|
|
3994
4032
|
"data-hidden": e.hidden || void 0,
|
|
3995
4033
|
"data-component": "bs-tab",
|
|
@@ -3997,13 +4035,13 @@ const ga = {
|
|
|
3997
4035
|
tabindex: "0",
|
|
3998
4036
|
ref_key: "hostEl",
|
|
3999
4037
|
ref: l,
|
|
4000
|
-
onClick:
|
|
4001
|
-
onKeydown:
|
|
4038
|
+
onClick: o,
|
|
4039
|
+
onKeydown: i
|
|
4002
4040
|
}, [
|
|
4003
|
-
E(
|
|
4004
|
-
], 40,
|
|
4041
|
+
E(s.$slots, "default")
|
|
4042
|
+
], 40, ol));
|
|
4005
4043
|
}
|
|
4006
|
-
},
|
|
4044
|
+
}, il = ["id", "data-resizing"], rl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], sl = 73, dl = 20, ul = 16, Ql = {
|
|
4007
4045
|
__name: "BsTabList",
|
|
4008
4046
|
props: {
|
|
4009
4047
|
activeTabId: { type: String, required: !0 },
|
|
@@ -4014,182 +4052,182 @@ const ga = {
|
|
|
4014
4052
|
},
|
|
4015
4053
|
emits: ["tabChange", "update:modelValue"],
|
|
4016
4054
|
setup(e, { emit: a }) {
|
|
4017
|
-
const t = e, n = a, l =
|
|
4018
|
-
var
|
|
4019
|
-
return
|
|
4020
|
-
}),
|
|
4021
|
-
var L,
|
|
4022
|
-
let
|
|
4055
|
+
const t = e, n = a, l = m(!1), r = m(!1), d = m([]), i = m(!1), o = m(!1), s = m(), c = m([]), h = m(!1), I = m([]), $ = m(), x = m(), S = m(), [k, q] = X(2), b = p(() => t.activeTabId ? I.value.findIndex((y) => y.id === t.activeTabId) : 0), B = p(() => d.value.some((y) => y.id === t.activeTabId)), A = p(() => `${q.value}-options`), C = p(() => `${q.value}-toggle`), M = p(() => {
|
|
4056
|
+
var y;
|
|
4057
|
+
return B.value ? (y = I.value[b.value]) == null ? void 0 : y.textContent : "More";
|
|
4058
|
+
}), H = p(() => B.value ? c.value[b.value] - c.value[b.value - 1] + dl : sl), Q = p(() => {
|
|
4059
|
+
var L, R;
|
|
4060
|
+
let y = [];
|
|
4023
4061
|
if (typeof window > "u")
|
|
4024
|
-
return
|
|
4025
|
-
for (let
|
|
4026
|
-
if (((L =
|
|
4062
|
+
return y;
|
|
4063
|
+
for (let G of I.value) {
|
|
4064
|
+
if (((L = G.dataset) == null ? void 0 : L.hidden) === "true" || ((R = G.dataset) == null ? void 0 : R.hidden) === "" || G.getAttribute("tabindex") === "-1")
|
|
4027
4065
|
break;
|
|
4028
|
-
|
|
4066
|
+
y.push(G);
|
|
4029
4067
|
}
|
|
4030
|
-
return
|
|
4068
|
+
return o.value && y.push(s.value.querySelector(".bs-tab-list-toggle")), y;
|
|
4031
4069
|
});
|
|
4032
4070
|
function _() {
|
|
4033
4071
|
var le;
|
|
4034
|
-
let
|
|
4035
|
-
if ((le =
|
|
4036
|
-
for (let te = 0; te <
|
|
4037
|
-
if (L =
|
|
4072
|
+
let y = !1, L, R = 0, G = !1, ee = [];
|
|
4073
|
+
if ((le = I.value) != null && le.length) {
|
|
4074
|
+
for (let te = 0; te < I.value.length; te++) {
|
|
4075
|
+
if (L = I.value[te], L.setAttribute("tabindex", "-1"), G && te !== b.value) {
|
|
4038
4076
|
L.dataset.hidden = "true", ee.push(L);
|
|
4039
4077
|
continue;
|
|
4040
4078
|
}
|
|
4041
|
-
if (
|
|
4042
|
-
L.dataset.hidden = "true", ee.push(L),
|
|
4079
|
+
if (R = te < I.value.length - 1 ? S.value - H.value : S.value, c.value[te] > R) {
|
|
4080
|
+
L.dataset.hidden = "true", ee.push(L), y = !0, G = !0;
|
|
4043
4081
|
continue;
|
|
4044
4082
|
}
|
|
4045
4083
|
L.dataset.hidden = "false", L.setAttribute("tabindex", "0");
|
|
4046
4084
|
}
|
|
4047
|
-
|
|
4048
|
-
|
|
4049
|
-
},
|
|
4085
|
+
o.value = y, d.value = ee, l.value || me(() => l.value = !0), setTimeout(() => {
|
|
4086
|
+
P(), h.value = !0;
|
|
4087
|
+
}, h.value ? 0 : 1e3);
|
|
4050
4088
|
}
|
|
4051
4089
|
}
|
|
4052
|
-
function de(
|
|
4053
|
-
n("tabChange",
|
|
4090
|
+
function de(y) {
|
|
4091
|
+
n("tabChange", y), n("update:modelValue", y);
|
|
4054
4092
|
}
|
|
4055
|
-
function
|
|
4056
|
-
var
|
|
4057
|
-
const L = (le = (ee = (
|
|
4058
|
-
return L || (
|
|
4093
|
+
function xe(y) {
|
|
4094
|
+
var G, ee, le;
|
|
4095
|
+
const L = (le = (ee = (G = I.value[y]) == null ? void 0 : G.getBoundingClientRect) == null ? void 0 : ee.call(G)) == null ? void 0 : le.width;
|
|
4096
|
+
return L || (y === 0 ? c.value[0] : c.value[y] - c.value[y - 1]) || 0;
|
|
4059
4097
|
}
|
|
4060
|
-
function
|
|
4061
|
-
var
|
|
4062
|
-
(
|
|
4098
|
+
function Ae() {
|
|
4099
|
+
var y;
|
|
4100
|
+
(y = I.value[b.value]) == null || y.setAttribute("aria-selected", "true"), _();
|
|
4063
4101
|
}
|
|
4064
|
-
function
|
|
4065
|
-
var
|
|
4066
|
-
(
|
|
4102
|
+
function Le() {
|
|
4103
|
+
var y;
|
|
4104
|
+
(y = $.value) == null || y.focus(), i.value = !1;
|
|
4067
4105
|
}
|
|
4068
|
-
function
|
|
4069
|
-
|
|
4106
|
+
function Ve() {
|
|
4107
|
+
i.value = !i.value, r.value || (r.value = !0);
|
|
4070
4108
|
}
|
|
4071
|
-
function
|
|
4109
|
+
function Ee(y) {
|
|
4072
4110
|
var L;
|
|
4073
|
-
|
|
4111
|
+
i.value = !1, (L = $.value) == null || L.focus(), de(y);
|
|
4074
4112
|
}
|
|
4075
|
-
function
|
|
4113
|
+
function De(y) {
|
|
4076
4114
|
if (t.withBsTabs)
|
|
4077
4115
|
return;
|
|
4078
|
-
const L =
|
|
4116
|
+
const L = y.target.closest('[role="tab"]');
|
|
4079
4117
|
if (!L || L.getAttribute("aria-selected") === "true")
|
|
4080
4118
|
return;
|
|
4081
|
-
const
|
|
4082
|
-
de(
|
|
4119
|
+
const R = L.getAttribute("id");
|
|
4120
|
+
de(R);
|
|
4083
4121
|
}
|
|
4084
|
-
function
|
|
4085
|
-
if (
|
|
4086
|
-
const L =
|
|
4122
|
+
function Oe(y) {
|
|
4123
|
+
if (y.key === "ArrowLeft" || y.key === "ArrowRight") {
|
|
4124
|
+
const L = Q.value.findIndex((R) => R.id === y.target.id);
|
|
4087
4125
|
if (L === -1)
|
|
4088
4126
|
return;
|
|
4089
|
-
|
|
4127
|
+
y.preventDefault(), y.stopPropagation(), y.key === "ArrowLeft" ? be(L) : he(L);
|
|
4090
4128
|
}
|
|
4091
4129
|
}
|
|
4092
|
-
function
|
|
4093
|
-
var
|
|
4094
|
-
const L = (
|
|
4095
|
-
(
|
|
4130
|
+
function he(y) {
|
|
4131
|
+
var R;
|
|
4132
|
+
const L = (y + 1) % Q.value.length;
|
|
4133
|
+
(R = Q.value[L]) == null || R.focus();
|
|
4096
4134
|
}
|
|
4097
|
-
function
|
|
4098
|
-
var
|
|
4099
|
-
const L =
|
|
4100
|
-
(
|
|
4135
|
+
function be(y) {
|
|
4136
|
+
var R;
|
|
4137
|
+
const L = y === 0 ? Q.value.length - 1 : y - 1;
|
|
4138
|
+
(R = Q.value[L]) == null || R.focus();
|
|
4101
4139
|
}
|
|
4102
|
-
function
|
|
4103
|
-
var le, te,
|
|
4104
|
-
const
|
|
4105
|
-
let
|
|
4106
|
-
|
|
4140
|
+
function P() {
|
|
4141
|
+
var le, te, Ge, He;
|
|
4142
|
+
const y = parseInt(s.value.style.getPropertyValue("--active-line-offset")) || 0, L = S.value;
|
|
4143
|
+
let R = 300, G = ((te = (le = Q.value) == null ? void 0 : le[b.value]) == null ? void 0 : te.offsetLeft) || 0, ee = xe(b.value);
|
|
4144
|
+
o.value && B.value && (G = (Ge = $.value) == null ? void 0 : Ge.offsetLeft, ee = (He = $.value) == null ? void 0 : He.offsetWidth), R = Math.max(Math.abs((G - y) / L * 300), 100), s.value.style.setProperty("--active-line-max-width", `${L}px`), s.value.style.setProperty("--active-line-scale", `${ee / L}`), s.value.style.setProperty("--active-line-offset", `${G}px`), s.value.style.setProperty("--active-line-transition-duration", `${R}ms`);
|
|
4107
4145
|
}
|
|
4108
|
-
function
|
|
4109
|
-
var
|
|
4110
|
-
(L = (
|
|
4146
|
+
function Y() {
|
|
4147
|
+
var y, L;
|
|
4148
|
+
(L = (y = x.value) == null ? void 0 : y.disconnect) == null || L.call(y), x.value = null;
|
|
4111
4149
|
}
|
|
4112
|
-
function
|
|
4113
|
-
x.value = new ResizeObserver((
|
|
4114
|
-
for (let L of
|
|
4115
|
-
|
|
4150
|
+
function K() {
|
|
4151
|
+
x.value = new ResizeObserver((y) => {
|
|
4152
|
+
for (let L of y)
|
|
4153
|
+
S.value = L.contentBoxSize[0].inlineSize;
|
|
4116
4154
|
_();
|
|
4117
|
-
}), x.value.observe(
|
|
4155
|
+
}), x.value.observe(s.value);
|
|
4118
4156
|
}
|
|
4119
|
-
function
|
|
4120
|
-
|
|
4157
|
+
function ue() {
|
|
4158
|
+
I.value = Array.from(s.value.children).filter((y) => y.role === "tab");
|
|
4121
4159
|
}
|
|
4122
|
-
function
|
|
4123
|
-
let
|
|
4124
|
-
|
|
4125
|
-
|
|
4160
|
+
function dt() {
|
|
4161
|
+
let y;
|
|
4162
|
+
I.value.forEach((L, R) => {
|
|
4163
|
+
y = L.getBoundingClientRect().width + ul, c.value.push(R ? y + c.value[R - 1] : y);
|
|
4126
4164
|
});
|
|
4127
4165
|
}
|
|
4128
|
-
return
|
|
4129
|
-
var
|
|
4166
|
+
return N(() => t.activeTabId, Ae), W(() => {
|
|
4167
|
+
var y;
|
|
4130
4168
|
try {
|
|
4131
|
-
|
|
4169
|
+
ue(), dt(), K(), S.value = s.value.getBoundingClientRect().width, _(), t.withBsTabs || (y = I.value[b.value]) == null || y.setAttribute("aria-selected", "true");
|
|
4132
4170
|
} catch (L) {
|
|
4133
4171
|
console.log("tab error", L);
|
|
4134
4172
|
}
|
|
4135
|
-
}), oe(
|
|
4173
|
+
}), oe(Y), (y, L) => (u(), v("div", {
|
|
4136
4174
|
class: "bs-tab-list",
|
|
4137
4175
|
"data-component": "bs-tab-list",
|
|
4138
|
-
id:
|
|
4176
|
+
id: y.$attrs.id || f(k),
|
|
4139
4177
|
ref_key: "hostEl",
|
|
4140
|
-
ref:
|
|
4178
|
+
ref: s,
|
|
4141
4179
|
role: "tablist",
|
|
4142
4180
|
"data-resizing": !l.value || void 0,
|
|
4143
|
-
onClick:
|
|
4144
|
-
"on:tabClick": L[0] || (L[0] = (
|
|
4145
|
-
onKeydown:
|
|
4181
|
+
onClick: De,
|
|
4182
|
+
"on:tabClick": L[0] || (L[0] = (R) => de(R.detail)),
|
|
4183
|
+
onKeydown: Oe
|
|
4146
4184
|
}, [
|
|
4147
|
-
E(
|
|
4148
|
-
|
|
4149
|
-
"aria-controls":
|
|
4150
|
-
"aria-expanded":
|
|
4185
|
+
E(y.$slots, "default"),
|
|
4186
|
+
g("button", {
|
|
4187
|
+
"aria-controls": f(q),
|
|
4188
|
+
"aria-expanded": i.value,
|
|
4151
4189
|
class: "bs-tab-list-toggle",
|
|
4152
|
-
"data-active":
|
|
4153
|
-
"data-hidden": !
|
|
4154
|
-
id:
|
|
4190
|
+
"data-active": B.value || void 0,
|
|
4191
|
+
"data-hidden": !o.value,
|
|
4192
|
+
id: C.value,
|
|
4155
4193
|
ref_key: "dropdownToggle",
|
|
4156
|
-
ref:
|
|
4157
|
-
onClick:
|
|
4194
|
+
ref: $,
|
|
4195
|
+
onClick: Ve
|
|
4158
4196
|
}, [
|
|
4159
|
-
D(
|
|
4160
|
-
|
|
4161
|
-
], 8,
|
|
4162
|
-
D(
|
|
4163
|
-
"anchor-id":
|
|
4164
|
-
"container-id":
|
|
4197
|
+
D(f($t), { size: "sm" }),
|
|
4198
|
+
F(" " + T(M.value), 1)
|
|
4199
|
+
], 8, rl),
|
|
4200
|
+
D(We, {
|
|
4201
|
+
"anchor-id": C.value,
|
|
4202
|
+
"container-id": y.$attrs.id || f(k),
|
|
4165
4203
|
"helper-description": e.helperDescription || void 0,
|
|
4166
4204
|
"helper-text": e.helperText,
|
|
4167
|
-
id:
|
|
4168
|
-
"options-id":
|
|
4205
|
+
id: f(q),
|
|
4206
|
+
"options-id": A.value,
|
|
4169
4207
|
position: "right",
|
|
4170
4208
|
preloaded: "",
|
|
4171
|
-
shown:
|
|
4209
|
+
shown: i.value,
|
|
4172
4210
|
width: "content",
|
|
4173
|
-
onClose:
|
|
4174
|
-
"onUpdate:modelValue":
|
|
4211
|
+
onClose: Le,
|
|
4212
|
+
"onUpdate:modelValue": Ee
|
|
4175
4213
|
}, {
|
|
4176
4214
|
default: O(() => [
|
|
4177
|
-
(
|
|
4178
|
-
key:
|
|
4179
|
-
value:
|
|
4180
|
-
"options-id":
|
|
4215
|
+
(u(!0), v(j, null, Z(d.value, (R) => (u(), V(Ue, {
|
|
4216
|
+
key: R.id,
|
|
4217
|
+
value: R.id,
|
|
4218
|
+
"options-id": A.value
|
|
4181
4219
|
}, {
|
|
4182
4220
|
default: O(() => [
|
|
4183
|
-
|
|
4221
|
+
F(T(R.textContent), 1)
|
|
4184
4222
|
]),
|
|
4185
4223
|
_: 2
|
|
4186
4224
|
}, 1032, ["value", "options-id"]))), 128))
|
|
4187
4225
|
]),
|
|
4188
4226
|
_: 1
|
|
4189
4227
|
}, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
|
|
4190
|
-
], 40,
|
|
4228
|
+
], 40, il));
|
|
4191
4229
|
}
|
|
4192
|
-
},
|
|
4230
|
+
}, cl = ["aria-labelledby", "data-active", "id"], Xl = {
|
|
4193
4231
|
__name: "BsTabPanel",
|
|
4194
4232
|
props: {
|
|
4195
4233
|
activeTabId: {
|
|
@@ -4202,8 +4240,8 @@ const ga = {
|
|
|
4202
4240
|
}
|
|
4203
4241
|
},
|
|
4204
4242
|
setup(e) {
|
|
4205
|
-
const a = e, t =
|
|
4206
|
-
return (r,
|
|
4243
|
+
const a = e, t = ie(), n = p(() => a.activeTabId && a.activeTabId === a.tabId), l = p(() => t.id || `${a.tabId}-panel`);
|
|
4244
|
+
return (r, d) => (u(), v("section", {
|
|
4207
4245
|
"aria-labelledby": e.tabId,
|
|
4208
4246
|
"data-active": n.value,
|
|
4209
4247
|
"data-component": "bs-tab-panel",
|
|
@@ -4211,9 +4249,9 @@ const ga = {
|
|
|
4211
4249
|
role: "tabpanel"
|
|
4212
4250
|
}, [
|
|
4213
4251
|
E(r.$slots, "default")
|
|
4214
|
-
], 8,
|
|
4252
|
+
], 8, cl));
|
|
4215
4253
|
}
|
|
4216
|
-
},
|
|
4254
|
+
}, fl = ["data-error", "id", "rows", "value"], pl = {
|
|
4217
4255
|
__name: "BsTextarea",
|
|
4218
4256
|
props: {
|
|
4219
4257
|
error: {
|
|
@@ -4228,18 +4266,18 @@ const ga = {
|
|
|
4228
4266
|
},
|
|
4229
4267
|
emits: ["update:modelValue"],
|
|
4230
4268
|
setup(e, { emit: a }) {
|
|
4231
|
-
const t = e, n =
|
|
4232
|
-
return (l, r) => (
|
|
4269
|
+
const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
4270
|
+
return (l, r) => (u(), v("textarea", z({
|
|
4233
4271
|
class: "bs-textarea",
|
|
4234
4272
|
"data-component": "bs-textarea",
|
|
4235
4273
|
"data-error": e.error,
|
|
4236
4274
|
id: l.$attrs.id || e.inputId,
|
|
4237
4275
|
rows: l.$attrs.rows || 6,
|
|
4238
4276
|
value: e.value || e.modelValue,
|
|
4239
|
-
onInput: r[0] || (r[0] = (
|
|
4240
|
-
}, n.value), null, 16,
|
|
4277
|
+
onInput: r[0] || (r[0] = (d) => l.$emit("update:modelValue", d.target.value))
|
|
4278
|
+
}, n.value), null, 16, fl));
|
|
4241
4279
|
}
|
|
4242
|
-
},
|
|
4280
|
+
}, Zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
4243
4281
|
__name: "BsTextareaField",
|
|
4244
4282
|
props: {
|
|
4245
4283
|
/** Sets the maximum value this textarea will allow. Will also display character count if present. This does not set maxlength, so users are able to enter text that is longer and edit it down. Enforcement of length must be by the developer. */
|
|
@@ -4288,59 +4326,52 @@ const ga = {
|
|
|
4288
4326
|
},
|
|
4289
4327
|
emits: ["update:modelValue"],
|
|
4290
4328
|
setup(e, { emit: a }) {
|
|
4291
|
-
const t = e, n =
|
|
4292
|
-
|
|
4293
|
-
|
|
4294
|
-
|
|
4295
|
-
|
|
4296
|
-
|
|
4297
|
-
"name"
|
|
4298
|
-
]), i = v(() => {
|
|
4299
|
-
var g;
|
|
4300
|
-
return ((g = t.value || t.modelValue) == null ? void 0 : g.length) || 0;
|
|
4301
|
-
}), u = v(() => {
|
|
4302
|
-
var g, m;
|
|
4303
|
-
return ((m = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : m.call(g, `
|
|
4329
|
+
const t = e, [n, l] = X(2), r = p(() => ua.concat(t.passAttrs.split(","))), d = p(() => {
|
|
4330
|
+
var c;
|
|
4331
|
+
return ((c = t.value || t.modelValue) == null ? void 0 : c.length) || 0;
|
|
4332
|
+
}), i = p(() => {
|
|
4333
|
+
var c, h;
|
|
4334
|
+
return ((h = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : h.call(c, `
|
|
4304
4335
|
`)) || t.hints;
|
|
4305
|
-
}),
|
|
4306
|
-
return (
|
|
4307
|
-
e.label ||
|
|
4336
|
+
}), o = p(() => t.error && t.errorMsg || t.hint || i.value || void 0), s = p(() => t.inputId || n.value);
|
|
4337
|
+
return (c, h) => (u(), v("div", z({ "data-component": "bs-textarea-field" }, f(U)(c.$attrs, r.value).remaining), [
|
|
4338
|
+
e.label || c.$slots.label ? (u(), V(ne, {
|
|
4308
4339
|
key: 0,
|
|
4309
|
-
for:
|
|
4340
|
+
for: c.$attrs.id || s.value,
|
|
4310
4341
|
disabled: e.disabled,
|
|
4311
4342
|
required: e.required
|
|
4312
4343
|
}, {
|
|
4313
4344
|
default: O(() => [
|
|
4314
|
-
E(
|
|
4315
|
-
|
|
4345
|
+
E(c.$slots, "label", {}, () => [
|
|
4346
|
+
F(T(e.label), 1)
|
|
4316
4347
|
])
|
|
4317
4348
|
]),
|
|
4318
4349
|
_: 3
|
|
4319
|
-
}, 8, ["for", "disabled", "required"])) :
|
|
4320
|
-
D(
|
|
4350
|
+
}, 8, ["for", "disabled", "required"])) : w("", !0),
|
|
4351
|
+
D(pl, z({
|
|
4321
4352
|
disabled: e.disabled,
|
|
4322
4353
|
error: e.error,
|
|
4323
|
-
"hint-id":
|
|
4324
|
-
id:
|
|
4354
|
+
"hint-id": f(l),
|
|
4355
|
+
id: c.$attrs.id || s.value,
|
|
4325
4356
|
placeholder: e.placeholder,
|
|
4326
4357
|
required: e.required,
|
|
4327
4358
|
rows: e.rows,
|
|
4328
4359
|
value: e.value || e.modelValue,
|
|
4329
|
-
"onUpdate:modelValue":
|
|
4330
|
-
},
|
|
4331
|
-
|
|
4360
|
+
"onUpdate:modelValue": h[0] || (h[0] = (I) => c.$emit("update:modelValue", I))
|
|
4361
|
+
}, f(U)(c.$attrs, r.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
|
|
4362
|
+
o.value || e.charMax ? (u(), V(pe, {
|
|
4332
4363
|
key: 1,
|
|
4333
|
-
"char-count":
|
|
4364
|
+
"char-count": d.value,
|
|
4334
4365
|
"char-max": e.charMax,
|
|
4335
4366
|
"data-disabled": e.disabled,
|
|
4336
4367
|
error: e.error,
|
|
4337
4368
|
"error-msg": e.errorMsg,
|
|
4338
|
-
hint: e.hint ||
|
|
4339
|
-
"hint-id":
|
|
4340
|
-
}, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) :
|
|
4369
|
+
hint: e.hint || i.value,
|
|
4370
|
+
"hint-id": f(l)
|
|
4371
|
+
}, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : w("", !0)
|
|
4341
4372
|
], 16));
|
|
4342
4373
|
}
|
|
4343
|
-
}),
|
|
4374
|
+
}), vl = ["data-variant", "data-stacked"], Jl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
4344
4375
|
__name: "BsToast",
|
|
4345
4376
|
props: {
|
|
4346
4377
|
shown: {
|
|
@@ -4386,111 +4417,111 @@ const ga = {
|
|
|
4386
4417
|
},
|
|
4387
4418
|
emits: ["dismiss", "after-enter", "after-leave"],
|
|
4388
4419
|
setup(e, { emit: a }) {
|
|
4389
|
-
const t = e, n = a, { transition: l } =
|
|
4420
|
+
const t = e, n = a, { transition: l } = fe(t);
|
|
4390
4421
|
let r = null;
|
|
4391
|
-
re("variant", t.variant), re("handleDismiss",
|
|
4392
|
-
const
|
|
4393
|
-
function
|
|
4422
|
+
re("variant", t.variant), re("handleDismiss", i);
|
|
4423
|
+
const d = se("stacked", t.stacked);
|
|
4424
|
+
function i() {
|
|
4394
4425
|
r && (clearTimeout(r), r = null), n("dismiss", t.toastId);
|
|
4395
4426
|
}
|
|
4396
|
-
function
|
|
4427
|
+
function o() {
|
|
4397
4428
|
t.duration > 0 && (r = setTimeout(() => {
|
|
4398
|
-
|
|
4429
|
+
i();
|
|
4399
4430
|
}, t.duration)), n("after-enter");
|
|
4400
4431
|
}
|
|
4401
|
-
return (
|
|
4402
|
-
shown:
|
|
4432
|
+
return (s, c) => (u(), V(f(Te), {
|
|
4433
|
+
shown: f(l),
|
|
4403
4434
|
preloaded: e.preloaded,
|
|
4404
4435
|
duration: 200,
|
|
4405
4436
|
"enter-attribute": "data-shown",
|
|
4406
|
-
onAfterEnter:
|
|
4407
|
-
onAfterLeave: c[0] || (c[0] = (
|
|
4437
|
+
onAfterEnter: o,
|
|
4438
|
+
onAfterLeave: c[0] || (c[0] = (h) => n("after-leave"))
|
|
4408
4439
|
}, {
|
|
4409
4440
|
default: O(() => [
|
|
4410
|
-
|
|
4441
|
+
g("div", z({
|
|
4411
4442
|
class: "bs-toast",
|
|
4412
4443
|
"data-variant": e.variant,
|
|
4413
|
-
"data-stacked":
|
|
4444
|
+
"data-stacked": f(d) || void 0,
|
|
4414
4445
|
"aria-role": "alert"
|
|
4415
|
-
},
|
|
4416
|
-
E(
|
|
4417
|
-
], 16,
|
|
4446
|
+
}, s.$attrs), [
|
|
4447
|
+
E(s.$slots, "default")
|
|
4448
|
+
], 16, vl)
|
|
4418
4449
|
]),
|
|
4419
4450
|
_: 3
|
|
4420
4451
|
}, 8, ["shown", "preloaded"]));
|
|
4421
4452
|
}
|
|
4422
|
-
}),
|
|
4453
|
+
}), hl = ["data-stacked"], _l = {
|
|
4423
4454
|
__name: "BsToastActions",
|
|
4424
4455
|
setup(e) {
|
|
4425
|
-
const a =
|
|
4456
|
+
const a = m(!1);
|
|
4426
4457
|
W(() => {
|
|
4427
4458
|
var l;
|
|
4428
|
-
const n =
|
|
4459
|
+
const n = vt();
|
|
4429
4460
|
((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
|
|
4430
4461
|
});
|
|
4431
4462
|
const t = se("handleDismiss");
|
|
4432
|
-
return (n, l) => (
|
|
4463
|
+
return (n, l) => (u(), v("div", {
|
|
4433
4464
|
class: "bs-toast-actions",
|
|
4434
4465
|
"data-stacked": a.value || void 0
|
|
4435
4466
|
}, [
|
|
4436
4467
|
E(n.$slots, "default", {}, () => [
|
|
4437
|
-
D(
|
|
4468
|
+
D(fa, {
|
|
4438
4469
|
size: "sm",
|
|
4439
4470
|
"text-btn": "",
|
|
4440
|
-
onClick:
|
|
4471
|
+
onClick: f(t)
|
|
4441
4472
|
}, {
|
|
4442
4473
|
default: O(() => [
|
|
4443
|
-
|
|
4474
|
+
F(" Dismiss ")
|
|
4444
4475
|
]),
|
|
4445
4476
|
_: 1
|
|
4446
4477
|
}, 8, ["onClick"])
|
|
4447
4478
|
])
|
|
4448
|
-
], 8,
|
|
4479
|
+
], 8, hl));
|
|
4449
4480
|
}
|
|
4450
|
-
},
|
|
4481
|
+
}, bl = (e, a) => {
|
|
4451
4482
|
const t = e.__vccOpts || e;
|
|
4452
4483
|
for (const [n, l] of a)
|
|
4453
4484
|
t[n] = l;
|
|
4454
4485
|
return t;
|
|
4455
|
-
},
|
|
4456
|
-
function
|
|
4457
|
-
return
|
|
4486
|
+
}, ml = {}, gl = { class: "bs-toast-body" };
|
|
4487
|
+
function yl(e, a) {
|
|
4488
|
+
return u(), v("div", gl, [
|
|
4458
4489
|
E(e.$slots, "default")
|
|
4459
4490
|
]);
|
|
4460
4491
|
}
|
|
4461
|
-
const
|
|
4492
|
+
const eo = /* @__PURE__ */ bl(ml, [["render", yl]]), Bl = ["data-variant"], to = {
|
|
4462
4493
|
__name: "BsToastHeader",
|
|
4463
4494
|
setup(e) {
|
|
4464
|
-
const a = se("variant"), t =
|
|
4495
|
+
const a = se("variant"), t = p(() => {
|
|
4465
4496
|
switch (a) {
|
|
4466
4497
|
case "warning":
|
|
4467
|
-
return
|
|
4498
|
+
return ze;
|
|
4468
4499
|
case "positive":
|
|
4469
|
-
return
|
|
4500
|
+
return wt;
|
|
4470
4501
|
case "negative":
|
|
4471
|
-
return
|
|
4502
|
+
return ze;
|
|
4472
4503
|
default:
|
|
4473
|
-
return
|
|
4504
|
+
return St;
|
|
4474
4505
|
}
|
|
4475
4506
|
});
|
|
4476
|
-
return (n, l) => (
|
|
4507
|
+
return (n, l) => (u(), v("div", {
|
|
4477
4508
|
class: "bs-toast-header",
|
|
4478
|
-
"data-variant":
|
|
4509
|
+
"data-variant": f(a)
|
|
4479
4510
|
}, [
|
|
4480
|
-
(
|
|
4481
|
-
|
|
4511
|
+
(u(), V(J(t.value), { class: "bs-toast-header-icon" })),
|
|
4512
|
+
g("h5", null, [
|
|
4482
4513
|
E(n.$slots, "default")
|
|
4483
4514
|
])
|
|
4484
|
-
], 8,
|
|
4515
|
+
], 8, Bl));
|
|
4485
4516
|
}
|
|
4486
|
-
},
|
|
4517
|
+
}, $l = { class: "bs-toaster" }, ao = {
|
|
4487
4518
|
__name: "BsToaster",
|
|
4488
4519
|
setup(e) {
|
|
4489
|
-
return re("stacked", !0), (a, t) => (
|
|
4520
|
+
return re("stacked", !0), (a, t) => (u(), v("div", $l, [
|
|
4490
4521
|
E(a.$slots, "default")
|
|
4491
4522
|
]));
|
|
4492
4523
|
}
|
|
4493
|
-
},
|
|
4524
|
+
}, Sl = ["data-position"], wl = ["id"], no = {
|
|
4494
4525
|
__name: "BsTooltip",
|
|
4495
4526
|
props: {
|
|
4496
4527
|
tooltipId: {
|
|
@@ -4517,86 +4548,86 @@ const Zl = /* @__PURE__ */ pl(hl, [["render", bl]]), ml = ["data-variant"], Jl =
|
|
|
4517
4548
|
}
|
|
4518
4549
|
},
|
|
4519
4550
|
setup(e) {
|
|
4520
|
-
const a = e, t =
|
|
4521
|
-
let
|
|
4522
|
-
return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ?
|
|
4551
|
+
const a = e, t = m(!1), n = m(!1), l = p(() => {
|
|
4552
|
+
let i = "bs-tooltip-text";
|
|
4553
|
+
return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
|
|
4523
4554
|
});
|
|
4524
|
-
|
|
4555
|
+
Ie(["Escape"], () => {
|
|
4525
4556
|
t.value && (t.value = !1, n.value = !0);
|
|
4526
4557
|
});
|
|
4527
4558
|
function r() {
|
|
4528
4559
|
t.value = !0;
|
|
4529
4560
|
}
|
|
4530
|
-
function
|
|
4561
|
+
function d() {
|
|
4531
4562
|
t.value = !1, n.value = !1;
|
|
4532
4563
|
}
|
|
4533
|
-
return (
|
|
4564
|
+
return (i, o) => (u(), v("div", {
|
|
4534
4565
|
class: "bs-tooltip",
|
|
4535
4566
|
"data-position": e.position || void 0,
|
|
4536
4567
|
"data-component": "bs-tooltip",
|
|
4537
4568
|
onMouseenter: r,
|
|
4538
4569
|
onFocusin: r,
|
|
4539
|
-
onMouseleave:
|
|
4540
|
-
onFocusout:
|
|
4570
|
+
onMouseleave: d,
|
|
4571
|
+
onFocusout: d
|
|
4541
4572
|
}, [
|
|
4542
|
-
E(
|
|
4543
|
-
e.content ? (
|
|
4573
|
+
E(i.$slots, "default"),
|
|
4574
|
+
e.content ? (u(), v("div", {
|
|
4544
4575
|
key: 0,
|
|
4545
4576
|
class: ae(l.value),
|
|
4546
4577
|
id: e.tooltipId,
|
|
4547
4578
|
role: "tooltip"
|
|
4548
|
-
}, T(e.content), 11,
|
|
4549
|
-
], 40,
|
|
4579
|
+
}, T(e.content), 11, wl)) : w("", !0)
|
|
4580
|
+
], 40, Sl));
|
|
4550
4581
|
}
|
|
4551
4582
|
};
|
|
4552
4583
|
export {
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
|
|
4558
|
-
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4564
|
-
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4570
|
-
|
|
4571
|
-
|
|
4572
|
-
|
|
4573
|
-
|
|
4574
|
-
|
|
4575
|
-
|
|
4576
|
-
|
|
4584
|
+
Ll as BsAccordion,
|
|
4585
|
+
Wt as BsBadge,
|
|
4586
|
+
Vl as BsBanner,
|
|
4587
|
+
fa as BsButton,
|
|
4588
|
+
El as BsCalendar,
|
|
4589
|
+
Dl as BsChartBar,
|
|
4590
|
+
Ta as BsCheckbox,
|
|
4591
|
+
Ol as BsCircleButton,
|
|
4592
|
+
rt as BsDropdown,
|
|
4593
|
+
Ja as BsDropdownMultiselect,
|
|
4594
|
+
Ue as BsDropdownOption,
|
|
4595
|
+
ye as BsDropdownOptionBuilder,
|
|
4596
|
+
Fe as BsDropdownOptionList,
|
|
4597
|
+
We as BsDropdownWithOptions,
|
|
4598
|
+
ql as BsDropdownWithToggle,
|
|
4599
|
+
pe as BsFieldDetails,
|
|
4600
|
+
an as BsFilterButton,
|
|
4601
|
+
Ml as BsIconGradientWrapper,
|
|
4602
|
+
ve as BsInput,
|
|
4603
|
+
Ce as BsInputAddon,
|
|
4604
|
+
Pl as BsInputField,
|
|
4605
|
+
zl as BsInputPhone,
|
|
4606
|
+
cn as BsInputSearch,
|
|
4607
|
+
Nl as BsInputTypeahead,
|
|
4577
4608
|
ne as BsLabel,
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4588
|
-
|
|
4589
|
-
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
|
|
4593
|
-
|
|
4594
|
-
|
|
4595
|
-
|
|
4596
|
-
|
|
4597
|
-
|
|
4598
|
-
|
|
4599
|
-
|
|
4600
|
-
|
|
4601
|
-
|
|
4609
|
+
Rl as BsLoader,
|
|
4610
|
+
jl as BsModal,
|
|
4611
|
+
Bn as BsOverlay,
|
|
4612
|
+
Fl as BsPagination,
|
|
4613
|
+
Ul as BsPill,
|
|
4614
|
+
Wl as BsProfile,
|
|
4615
|
+
Yn as BsProfileDetails,
|
|
4616
|
+
st as BsProfileImg,
|
|
4617
|
+
Gl as BsRadio,
|
|
4618
|
+
Jn as BsSelect,
|
|
4619
|
+
Hl as BsSelectField,
|
|
4620
|
+
Kl as BsSwitch,
|
|
4621
|
+
Yl as BsTab,
|
|
4622
|
+
Ql as BsTabList,
|
|
4623
|
+
Xl as BsTabPanel,
|
|
4624
|
+
pl as BsTextarea,
|
|
4625
|
+
Zl as BsTextareaField,
|
|
4626
|
+
Jl as BsToast,
|
|
4627
|
+
_l as BsToastActions,
|
|
4628
|
+
eo as BsToastBody,
|
|
4629
|
+
to as BsToastHeader,
|
|
4630
|
+
ao as BsToaster,
|
|
4631
|
+
no as BsTooltip,
|
|
4632
|
+
Te as BsTransition
|
|
4602
4633
|
};
|