@wwtdev/bsds-components-vue3 2.3.5 → 2.3.6
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 +1270 -1242
- package/lib/components.css +1 -1
- 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 y, onMounted as Y, onUnmounted as re, shallowRef as dt, watch as R, defineAsyncComponent as Re, openBlock as d, createElementBlock as h, unref as f, createElementVNode as B, renderSlot as L, createBlock as O, resolveDynamicComponent as J, createCommentVNode as k, toDisplayString as T, createVNode as V, normalizeClass as ae, Fragment as W, useAttrs as se, mergeProps as N, withCtx as D, toHandlers as Me, onBeforeUnmount as tt, onBeforeMount as at, nextTick as ce, createTextVNode as H, renderList as Z, Teleport as ut, withDirectives as Be, Transition as Ke, vShow as $e, provide as oe, inject as ie, createSlots as ct, isRef as ft, useSlots as pt } from "vue";
|
|
2
|
+
import { v4 as nt } from "uuid";
|
|
3
|
+
import { BsIconCaretDown as lt, BsIconWarning as ze, BsIconClose as Se, BsIconCalendar as ot, BsIconCaretSort as vt, BsIconSearch as ht, BsIconCaretLeftDouble as bt, BsIconCaretLeft as mt, BsIconCaretRight as gt, BsIconCaretRightDouble as yt, BsIconActionEllipsis as Bt, BsIconCircleExclamation as $t, BsIconThumbsUpStroke as St } from "@wwtdev/bsds-icons-vue3";
|
|
4
|
+
import { DatePicker as wt } from "v-calendar";
|
|
5
|
+
import { Chart as qe, BarController as kt, BarElement as It, CategoryScale as Ct, LinearScale as Tt, Legend as xt, Tooltip as At } from "chart.js";
|
|
6
|
+
import { getSupportedCallingCodes as Lt, getRegionCodeForCountryCode as Vt, parsePhoneNumber as Ye } from "awesome-phonenumber";
|
|
7
|
+
const Qe = {
|
|
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 =
|
|
14
|
+
function we(e, a, t = "button") {
|
|
15
|
+
const n = Et(e, a, t), l = p(() => {
|
|
16
16
|
const o = n.value === "button", s = {};
|
|
17
17
|
return o ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
|
|
18
|
-
}), i =
|
|
18
|
+
}), i = p(() => {
|
|
19
19
|
const o = { ...a, ...l.value };
|
|
20
20
|
return delete o.href, o;
|
|
21
|
-
}), u =
|
|
21
|
+
}), u = p(() => e.linkTo || e.href);
|
|
22
22
|
return { rootTag: n, attrsToBind: i, hrefUrl: u };
|
|
23
23
|
}
|
|
24
|
-
function
|
|
25
|
-
const n = Object.keys(
|
|
26
|
-
return
|
|
24
|
+
function Et(e, a, t) {
|
|
25
|
+
const n = Object.keys(Qe).find((l) => Dt(e, a, l));
|
|
26
|
+
return y(Qe[n] || t);
|
|
27
27
|
}
|
|
28
|
-
function
|
|
28
|
+
function Dt(e, a, t) {
|
|
29
29
|
return e[t] || a[t];
|
|
30
30
|
}
|
|
31
|
-
const
|
|
31
|
+
const Ot = (e, a) => {
|
|
32
32
|
const t = (n) => {
|
|
33
33
|
e.some((l) => {
|
|
34
34
|
var i;
|
|
@@ -37,15 +37,15 @@ const Pt = (e, a) => {
|
|
|
37
37
|
};
|
|
38
38
|
Y(() => {
|
|
39
39
|
document.addEventListener("click", t);
|
|
40
|
-
}),
|
|
40
|
+
}), re(() => {
|
|
41
41
|
document.removeEventListener("click", t);
|
|
42
42
|
});
|
|
43
43
|
};
|
|
44
|
-
function
|
|
45
|
-
const a =
|
|
44
|
+
function ke(e) {
|
|
45
|
+
const a = p(() => e.linkTo || e.href || ""), t = p(() => {
|
|
46
46
|
var i, u;
|
|
47
47
|
return ((u = (i = a.value) == null ? void 0 : i.startsWith) == null ? void 0 : u.call(i, "/")) || !1;
|
|
48
|
-
}), n =
|
|
48
|
+
}), n = p(() => {
|
|
49
49
|
var i, u;
|
|
50
50
|
return t.value && ((i = e.router) == null ? void 0 : i.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
|
|
51
51
|
});
|
|
@@ -60,62 +60,62 @@ function Ce(e) {
|
|
|
60
60
|
}
|
|
61
61
|
return { onLinkClick: l };
|
|
62
62
|
}
|
|
63
|
-
function
|
|
63
|
+
function Xe(e) {
|
|
64
64
|
return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
|
|
65
65
|
}
|
|
66
|
-
const
|
|
66
|
+
const me = (e, a) => {
|
|
67
67
|
function t(l) {
|
|
68
68
|
if (!l)
|
|
69
69
|
return null;
|
|
70
|
-
const i = l.startsWith("bs-") ?
|
|
71
|
-
return
|
|
70
|
+
const i = l.startsWith("bs-") ? Xe(l) : `BsIcon${Xe(l)}`;
|
|
71
|
+
return Re(async () => {
|
|
72
72
|
const { [i]: u } = await import("@wwtdev/bsds-icons-vue3");
|
|
73
73
|
return u;
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
|
-
const n =
|
|
77
|
-
return n.value = t(e[a]),
|
|
76
|
+
const n = dt();
|
|
77
|
+
return n.value = t(e[a]), R(() => 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(y(""));
|
|
83
83
|
return Y(() => {
|
|
84
|
-
a.forEach((t) => t.value = `id-${
|
|
84
|
+
a.forEach((t) => t.value = `id-${nt()}`);
|
|
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
|
};
|
|
91
91
|
Y(() => {
|
|
92
92
|
((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", n);
|
|
93
|
-
}),
|
|
93
|
+
}), re(() => {
|
|
94
94
|
((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
|
|
95
95
|
});
|
|
96
|
-
},
|
|
96
|
+
}, qt = (e, a, t) => {
|
|
97
97
|
let n = null;
|
|
98
98
|
Y(() => {
|
|
99
99
|
n = new MutationObserver(a), n.observe(e.value, t);
|
|
100
|
-
}),
|
|
100
|
+
}), re(() => {
|
|
101
101
|
n.disconnect();
|
|
102
102
|
});
|
|
103
|
-
},
|
|
104
|
-
const a =
|
|
103
|
+
}, fe = (e) => {
|
|
104
|
+
const a = y(!1);
|
|
105
105
|
return Y(() => {
|
|
106
106
|
e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
|
|
107
|
-
}),
|
|
107
|
+
}), R(() => e.shown, (t) => {
|
|
108
108
|
a.value = t;
|
|
109
|
-
}),
|
|
109
|
+
}), R(() => e.enterTrigger, (t) => {
|
|
110
110
|
a.value = t;
|
|
111
|
-
}),
|
|
111
|
+
}), R(() => e.leaveTrigger, (t) => {
|
|
112
112
|
t && (a.value = !1);
|
|
113
113
|
}), { transition: a };
|
|
114
|
-
},
|
|
114
|
+
}, Pt = ["id", "data-stacked"], Mt = ["data-open"], zt = ["aria-controls", "aria-expanded"], Nt = {
|
|
115
115
|
key: 0,
|
|
116
116
|
"data-position": "start",
|
|
117
117
|
style: { display: "inline-flex" }
|
|
118
|
-
},
|
|
118
|
+
}, Rt = ["id"], jt = ["aria-labelledby", "data-open", "id"], Vl = {
|
|
119
119
|
__name: "BsAccordion",
|
|
120
120
|
props: {
|
|
121
121
|
controlled: { type: Boolean, default: !1 },
|
|
@@ -132,55 +132,55 @@ const Te = (e, a, t = void 0) => {
|
|
|
132
132
|
},
|
|
133
133
|
emits: ["toggled"],
|
|
134
134
|
setup(e, { emit: a }) {
|
|
135
|
-
const t = e, n = a, l =
|
|
136
|
-
function
|
|
135
|
+
const t = e, n = a, l = y(null), i = y(!1), { icon: u } = me(t, "icon"), [o] = X(), s = p(() => o.value + "-content"), r = p(() => o.value + "-title"), c = p(() => t.openItemId && t.openItemId === o.value || t.openItem === !0), v = p(() => t.controlled ? c.value : i.value);
|
|
136
|
+
function w() {
|
|
137
137
|
n("toggled", o.value), t.controlled || (i.value = !i.value);
|
|
138
138
|
}
|
|
139
|
-
return (
|
|
140
|
-
id:
|
|
139
|
+
return (m, x) => (d(), h("div", {
|
|
140
|
+
id: f(o),
|
|
141
141
|
ref_key: "containerRef",
|
|
142
142
|
ref: l,
|
|
143
143
|
class: "bs-accordion",
|
|
144
144
|
"data-component": "bs-accordion",
|
|
145
145
|
"data-stacked": e.stacked
|
|
146
146
|
}, [
|
|
147
|
-
|
|
147
|
+
B("header", {
|
|
148
148
|
part: "header",
|
|
149
|
-
"data-open":
|
|
149
|
+
"data-open": v.value
|
|
150
150
|
}, [
|
|
151
|
-
|
|
151
|
+
B("button", {
|
|
152
152
|
"aria-controls": s.value,
|
|
153
|
-
"aria-expanded":
|
|
153
|
+
"aria-expanded": v.value,
|
|
154
154
|
type: "button",
|
|
155
|
-
onClick:
|
|
155
|
+
onClick: w
|
|
156
156
|
}, [
|
|
157
|
-
e.icon ||
|
|
158
|
-
|
|
159
|
-
e.icon ? (d(),
|
|
157
|
+
e.icon || m.$slots.icon ? (d(), h("span", Nt, [
|
|
158
|
+
L(m.$slots, "icon", {}, () => [
|
|
159
|
+
e.icon ? (d(), O(J(f(u) ? f(u) : "span"), { key: 0 })) : k("", !0)
|
|
160
160
|
])
|
|
161
161
|
])) : k("", !0),
|
|
162
|
-
|
|
163
|
-
V(
|
|
162
|
+
B("span", { id: r.value }, T(e.headerText), 9, Rt),
|
|
163
|
+
V(f(lt), {
|
|
164
164
|
size: "md",
|
|
165
165
|
"data-position": "end"
|
|
166
166
|
})
|
|
167
|
-
], 8,
|
|
168
|
-
], 8,
|
|
169
|
-
|
|
167
|
+
], 8, zt)
|
|
168
|
+
], 8, Mt),
|
|
169
|
+
B("div", {
|
|
170
170
|
"aria-labelledby": r.value,
|
|
171
171
|
class: "bs-accordion-content",
|
|
172
|
-
"data-open":
|
|
172
|
+
"data-open": v.value,
|
|
173
173
|
id: s.value,
|
|
174
174
|
part: "content",
|
|
175
175
|
role: "region"
|
|
176
176
|
}, [
|
|
177
|
-
|
|
178
|
-
|
|
177
|
+
B("div", null, [
|
|
178
|
+
L(m.$slots, "default")
|
|
179
179
|
])
|
|
180
|
-
], 8,
|
|
181
|
-
], 8,
|
|
180
|
+
], 8, jt)
|
|
181
|
+
], 8, Pt));
|
|
182
182
|
}
|
|
183
|
-
},
|
|
183
|
+
}, Ft = ["aria-label", "data-badge-color", "data-count", "data-position", "data-show-zero", "data-variant"], Ut = {
|
|
184
184
|
__name: "BsBadge",
|
|
185
185
|
props: {
|
|
186
186
|
/** Pass value to set `data-badge-color`. */
|
|
@@ -227,7 +227,7 @@ const Te = (e, a, t = void 0) => {
|
|
|
227
227
|
}
|
|
228
228
|
},
|
|
229
229
|
setup(e) {
|
|
230
|
-
const a = e, t =
|
|
230
|
+
const a = e, t = y(null), n = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = p(() => {
|
|
231
231
|
var s, r;
|
|
232
232
|
const i = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = n.value ? n.value + " " : "";
|
|
233
233
|
if (!u && !a.dot)
|
|
@@ -235,11 +235,11 @@ const Te = (e, a, t = void 0) => {
|
|
|
235
235
|
const o = a.count !== 1 ? "s" : "";
|
|
236
236
|
return `${i ? `${i}, ` : ""}${u}${a.label}${o}`;
|
|
237
237
|
});
|
|
238
|
-
return (i, u) => (d(),
|
|
238
|
+
return (i, u) => (d(), h("span", {
|
|
239
239
|
ref_key: "hostRef",
|
|
240
240
|
ref: t,
|
|
241
241
|
"aria-label": l.value,
|
|
242
|
-
class:
|
|
242
|
+
class: ae({ "bs-badge": e.dot || n.value }),
|
|
243
243
|
"data-badge-color": e.color,
|
|
244
244
|
"data-component": "bs-badge",
|
|
245
245
|
"data-count": n.value,
|
|
@@ -248,43 +248,43 @@ const Te = (e, a, t = void 0) => {
|
|
|
248
248
|
"data-variant": e.variant,
|
|
249
249
|
role: "status"
|
|
250
250
|
}, [
|
|
251
|
-
e.variant !== "notext" ?
|
|
252
|
-
], 10,
|
|
251
|
+
e.variant !== "notext" ? L(i.$slots, "default", { key: 0 }) : k("", !0)
|
|
252
|
+
], 10, Ft));
|
|
253
253
|
}
|
|
254
|
-
},
|
|
254
|
+
}, Wt = {
|
|
255
255
|
key: 0,
|
|
256
256
|
role: "alert",
|
|
257
257
|
class: "bs-banner"
|
|
258
|
-
},
|
|
258
|
+
}, Gt = { class: "bs-banner-content" }, Ht = { class: "bs-banner-warning-icon" }, El = {
|
|
259
259
|
__name: "BsBanner",
|
|
260
260
|
emits: ["dismiss"],
|
|
261
261
|
setup(e, { emit: a }) {
|
|
262
|
-
const t = a, n =
|
|
262
|
+
const t = a, n = y(!1);
|
|
263
263
|
function l() {
|
|
264
264
|
n.value = !0, t("dismiss");
|
|
265
265
|
}
|
|
266
|
-
return (i, u) => n.value ? k("", !0) : (d(),
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
V(
|
|
266
|
+
return (i, u) => n.value ? k("", !0) : (d(), h("div", Wt, [
|
|
267
|
+
B("div", Gt, [
|
|
268
|
+
B("div", Ht, [
|
|
269
|
+
V(f(ze), { size: "lg" })
|
|
270
270
|
]),
|
|
271
|
-
|
|
272
|
-
|
|
271
|
+
B("p", null, [
|
|
272
|
+
L(i.$slots, "default")
|
|
273
273
|
]),
|
|
274
|
-
|
|
274
|
+
B("button", {
|
|
275
275
|
type: "button",
|
|
276
276
|
title: "Close Banner",
|
|
277
277
|
onClick: l
|
|
278
278
|
}, [
|
|
279
|
-
V(
|
|
279
|
+
V(f(Se))
|
|
280
280
|
])
|
|
281
281
|
])
|
|
282
282
|
]));
|
|
283
283
|
}
|
|
284
|
-
},
|
|
284
|
+
}, Kt = {
|
|
285
285
|
class: "bs-field-details",
|
|
286
286
|
"data-component": "bs-field-details"
|
|
287
|
-
},
|
|
287
|
+
}, Yt = ["id", "data-error"], Qt = ["data-error"], pe = {
|
|
288
288
|
__name: "BsFieldDetails",
|
|
289
289
|
props: {
|
|
290
290
|
/** The number of characters that have been entered by the user. */
|
|
@@ -304,26 +304,26 @@ const Te = (e, a, t = void 0) => {
|
|
|
304
304
|
hintId: String
|
|
305
305
|
},
|
|
306
306
|
setup(e) {
|
|
307
|
-
const a = e, t =
|
|
308
|
-
return (n, l) => (d(),
|
|
309
|
-
t.value ? (d(),
|
|
307
|
+
const a = e, t = p(() => a.error && a.errorMsg || a.hint);
|
|
308
|
+
return (n, l) => (d(), h("div", Kt, [
|
|
309
|
+
t.value ? (d(), h("span", {
|
|
310
310
|
key: 0,
|
|
311
311
|
id: e.hintId,
|
|
312
312
|
class: "bs-hint",
|
|
313
313
|
"data-error": e.error
|
|
314
|
-
},
|
|
315
|
-
e.charMax ? (d(),
|
|
314
|
+
}, T(t.value), 9, Yt)) : k("", !0),
|
|
315
|
+
e.charMax ? (d(), h("span", {
|
|
316
316
|
key: 1,
|
|
317
317
|
"aria-description": "character count over character limit for the preceding text field",
|
|
318
318
|
class: "bs-character-count",
|
|
319
319
|
"data-error": a.charCount > a.charMax
|
|
320
|
-
},
|
|
320
|
+
}, T(a.charCount || "0") + " / " + T(a.charMax), 9, Qt)) : k("", !0)
|
|
321
321
|
]));
|
|
322
322
|
}
|
|
323
|
-
},
|
|
323
|
+
}, Xt = ["data-disabled", "for"], Zt = /* @__PURE__ */ B("span", {
|
|
324
324
|
"data-required": "true",
|
|
325
325
|
"aria-hidden": "true"
|
|
326
|
-
}, " *", -1),
|
|
326
|
+
}, " *", -1), Jt = /* @__PURE__ */ B("span", { class: "visually-hidden" }, "required", -1), ne = {
|
|
327
327
|
__name: "BsLabel",
|
|
328
328
|
props: {
|
|
329
329
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -332,22 +332,22 @@ const Te = (e, a, t = void 0) => {
|
|
|
332
332
|
required: { type: Boolean, default: !1 }
|
|
333
333
|
},
|
|
334
334
|
setup(e) {
|
|
335
|
-
return (a, t) => (d(),
|
|
336
|
-
class:
|
|
335
|
+
return (a, t) => (d(), h("label", {
|
|
336
|
+
class: ae(["bs-label", e.hide ? "visually-hidden" : ""]),
|
|
337
337
|
"data-component": "bs-label",
|
|
338
338
|
"data-disabled": e.disabled,
|
|
339
339
|
for: e.for
|
|
340
340
|
}, [
|
|
341
|
-
|
|
342
|
-
|
|
341
|
+
B("span", null, [
|
|
342
|
+
L(a.$slots, "default")
|
|
343
343
|
]),
|
|
344
|
-
e.required ? (d(),
|
|
345
|
-
|
|
346
|
-
|
|
344
|
+
e.required ? (d(), h(W, { key: 0 }, [
|
|
345
|
+
Zt,
|
|
346
|
+
Jt
|
|
347
347
|
], 64)) : k("", !0)
|
|
348
|
-
], 10,
|
|
348
|
+
], 10, Xt));
|
|
349
349
|
}
|
|
350
|
-
},
|
|
350
|
+
}, _t = ["data-error", "id", "value"], ve = {
|
|
351
351
|
__name: "BsInput",
|
|
352
352
|
props: {
|
|
353
353
|
error: {
|
|
@@ -362,21 +362,21 @@ const Te = (e, a, t = void 0) => {
|
|
|
362
362
|
},
|
|
363
363
|
emits: ["update:modelValue"],
|
|
364
364
|
setup(e, { emit: a }) {
|
|
365
|
-
const t = e, n = a, l =
|
|
365
|
+
const t = e, n = a, l = se(), i = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
366
366
|
function u(o) {
|
|
367
367
|
const s = l.type === "number" ? parseInt(o.target.value) : o.target.value;
|
|
368
368
|
n("update:modelValue", s);
|
|
369
369
|
}
|
|
370
|
-
return (o, s) => (d(),
|
|
370
|
+
return (o, s) => (d(), h("input", N({
|
|
371
371
|
class: "bs-input",
|
|
372
372
|
"data-component": "bs-input",
|
|
373
373
|
"data-error": e.error,
|
|
374
374
|
id: o.$attrs.id || e.inputId,
|
|
375
375
|
value: e.value || e.modelValue,
|
|
376
376
|
onInput: u
|
|
377
|
-
}, i.value), null, 16,
|
|
377
|
+
}, i.value), null, 16, _t));
|
|
378
378
|
}
|
|
379
|
-
},
|
|
379
|
+
}, ea = ["data-disabled", "data-error", "data-variant", "data-multifocus"], Ce = {
|
|
380
380
|
__name: "BsInputAddon",
|
|
381
381
|
props: {
|
|
382
382
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -385,7 +385,7 @@ const Te = (e, a, t = void 0) => {
|
|
|
385
385
|
variant: { type: String, validator: (e) => e === "inner-bordered" }
|
|
386
386
|
},
|
|
387
387
|
setup(e) {
|
|
388
|
-
return (a, t) => (d(),
|
|
388
|
+
return (a, t) => (d(), h("div", {
|
|
389
389
|
class: "bs-input-addon",
|
|
390
390
|
"data-component": "bs-input-addon",
|
|
391
391
|
"data-disabled": e.disabled,
|
|
@@ -393,10 +393,10 @@ const Te = (e, a, t = void 0) => {
|
|
|
393
393
|
"data-variant": e.variant,
|
|
394
394
|
"data-multifocus": e.multifocus
|
|
395
395
|
}, [
|
|
396
|
-
|
|
397
|
-
], 8,
|
|
396
|
+
L(a.$slots, "default")
|
|
397
|
+
], 8, ea));
|
|
398
398
|
}
|
|
399
|
-
},
|
|
399
|
+
}, ta = {
|
|
400
400
|
__name: "BsInputDateSingle",
|
|
401
401
|
props: {
|
|
402
402
|
disabled: {
|
|
@@ -429,26 +429,26 @@ const Te = (e, a, t = void 0) => {
|
|
|
429
429
|
}
|
|
430
430
|
},
|
|
431
431
|
setup(e) {
|
|
432
|
-
return (a, t) => (d(),
|
|
432
|
+
return (a, t) => (d(), O(Ce, {
|
|
433
433
|
disabled: e.disabled,
|
|
434
434
|
error: e.error
|
|
435
435
|
}, {
|
|
436
|
-
default:
|
|
437
|
-
V(
|
|
438
|
-
V(
|
|
436
|
+
default: D(() => [
|
|
437
|
+
V(f(ot)),
|
|
438
|
+
V(ve, N({
|
|
439
439
|
"data-autowidth": "",
|
|
440
440
|
disabled: e.disabled,
|
|
441
441
|
id: e.inputId,
|
|
442
442
|
"model-value": e.modelValue,
|
|
443
443
|
placeholder: e.placeholder,
|
|
444
444
|
required: e.required
|
|
445
|
-
},
|
|
445
|
+
}, Me(e.listeners)), null, 16, ["disabled", "id", "model-value", "placeholder", "required"])
|
|
446
446
|
]),
|
|
447
447
|
_: 1
|
|
448
448
|
}, 8, ["disabled", "error"]));
|
|
449
449
|
}
|
|
450
450
|
};
|
|
451
|
-
function
|
|
451
|
+
function Ne(e, a, t) {
|
|
452
452
|
let n;
|
|
453
453
|
return function() {
|
|
454
454
|
let l = this, i = arguments;
|
|
@@ -457,7 +457,7 @@ function Re(e, a, t) {
|
|
|
457
457
|
}, a);
|
|
458
458
|
};
|
|
459
459
|
}
|
|
460
|
-
const
|
|
460
|
+
const aa = ["disabled", "id", "model-value"], na = ["disabled", "id", "model-value"], la = {
|
|
461
461
|
__name: "BsInputDateRange",
|
|
462
462
|
props: {
|
|
463
463
|
disabled: {
|
|
@@ -494,92 +494,92 @@ const la = ["disabled", "id", "model-value"], oa = ["disabled", "id", "model-val
|
|
|
494
494
|
},
|
|
495
495
|
emits: ["ui-focusin", "ui-input"],
|
|
496
496
|
setup(e, { emit: a }) {
|
|
497
|
-
const t = a, n =
|
|
497
|
+
const t = a, n = y(null), l = y(null);
|
|
498
498
|
function i(r) {
|
|
499
499
|
const c = new Event("change", { bubbles: !0, cancelable: !0 });
|
|
500
500
|
r.dispatchEvent(c);
|
|
501
501
|
}
|
|
502
502
|
function u(r) {
|
|
503
|
-
const { value: c } = r.target, [
|
|
504
|
-
n.value.value =
|
|
503
|
+
const { value: c } = r.target, [v, w] = c.split(/ to | - /);
|
|
504
|
+
n.value.value = v || "", l.value.value = w || "", i(n.value), i(l.value);
|
|
505
505
|
}
|
|
506
|
-
const o =
|
|
506
|
+
const o = Ne(u, 1e3);
|
|
507
507
|
function s(r) {
|
|
508
508
|
t("ui-input"), o(r);
|
|
509
509
|
}
|
|
510
|
-
return (r, c) => (d(),
|
|
510
|
+
return (r, c) => (d(), O(Ce, {
|
|
511
511
|
disabled: e.disabled,
|
|
512
512
|
error: e.error
|
|
513
513
|
}, {
|
|
514
|
-
default:
|
|
515
|
-
V(
|
|
516
|
-
V(
|
|
514
|
+
default: D(() => [
|
|
515
|
+
V(f(ot)),
|
|
516
|
+
V(ve, {
|
|
517
517
|
"data-autowidth": "",
|
|
518
518
|
disabled: e.disabled,
|
|
519
519
|
id: e.inputId,
|
|
520
520
|
"model-value": e.inputValueFmt,
|
|
521
521
|
placeholder: e.placeholder,
|
|
522
522
|
required: e.required,
|
|
523
|
-
onFocusin: c[0] || (c[0] = (
|
|
523
|
+
onFocusin: c[0] || (c[0] = (v) => r.$emit("ui-focusin")),
|
|
524
524
|
onInput: s,
|
|
525
525
|
onChange: u
|
|
526
526
|
}, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
|
|
527
|
-
|
|
527
|
+
B("input", N({
|
|
528
528
|
ref_key: "hiddenStart",
|
|
529
529
|
ref: n,
|
|
530
530
|
type: "hidden",
|
|
531
531
|
disabled: e.disabled,
|
|
532
532
|
id: `${e.inputId}-start`,
|
|
533
533
|
"model-value": e.inputValue.start
|
|
534
|
-
},
|
|
535
|
-
|
|
534
|
+
}, Me(e.listeners.start, !0)), null, 16, aa),
|
|
535
|
+
B("input", N({
|
|
536
536
|
ref_key: "hiddenEnd",
|
|
537
537
|
ref: l,
|
|
538
538
|
type: "hidden",
|
|
539
539
|
disabled: e.disabled,
|
|
540
540
|
id: `${e.inputId}-end`,
|
|
541
541
|
"model-value": e.inputValue.end
|
|
542
|
-
},
|
|
542
|
+
}, Me(e.listeners.end, !0)), null, 16, na)
|
|
543
543
|
]),
|
|
544
544
|
_: 1
|
|
545
545
|
}, 8, ["disabled", "error"]));
|
|
546
546
|
}
|
|
547
547
|
};
|
|
548
|
-
function
|
|
548
|
+
function oa(e) {
|
|
549
549
|
var a, t;
|
|
550
550
|
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"));
|
|
551
551
|
}
|
|
552
|
-
function
|
|
552
|
+
function ia(e) {
|
|
553
553
|
return e === " " || e === "Spacebar" || e === "Enter";
|
|
554
554
|
}
|
|
555
|
-
function
|
|
556
|
-
|
|
555
|
+
function Ze(e) {
|
|
556
|
+
oa(e == null ? void 0 : e.target) && ia(e == null ? void 0 : e.key) && e.preventDefault();
|
|
557
557
|
}
|
|
558
|
-
function
|
|
558
|
+
function ra(e) {
|
|
559
559
|
let a;
|
|
560
560
|
Y(() => {
|
|
561
561
|
var t, n, l;
|
|
562
|
-
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",
|
|
563
|
-
}),
|
|
562
|
+
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", Ze);
|
|
563
|
+
}), tt(() => {
|
|
564
564
|
var t, n;
|
|
565
|
-
(n = (t = a == null ? void 0 : a.$el) == null ? void 0 : t.removeEventListener) == null || n.call(t, "keydown",
|
|
565
|
+
(n = (t = a == null ? void 0 : a.$el) == null ? void 0 : t.removeEventListener) == null || n.call(t, "keydown", Ze), a = null;
|
|
566
566
|
});
|
|
567
567
|
}
|
|
568
|
-
function
|
|
568
|
+
function Je(e, a, t = []) {
|
|
569
569
|
let n;
|
|
570
|
-
|
|
570
|
+
at(() => {
|
|
571
571
|
n = window.matchMedia(e), n.addEventListener("change", a), a(n);
|
|
572
|
-
}),
|
|
572
|
+
}), tt(() => {
|
|
573
573
|
n.removeEventListener("change", a), n = null;
|
|
574
|
-
}), t.length &&
|
|
574
|
+
}), t.length && R(t, () => a(n));
|
|
575
575
|
}
|
|
576
|
-
const
|
|
576
|
+
const je = [
|
|
577
577
|
"aria-describedby",
|
|
578
578
|
"aria-label",
|
|
579
579
|
"form",
|
|
580
580
|
"id",
|
|
581
581
|
"name"
|
|
582
|
-
],
|
|
582
|
+
], sa = [
|
|
583
583
|
"aria-describedby",
|
|
584
584
|
"aria-label",
|
|
585
585
|
"autocomplete",
|
|
@@ -589,7 +589,7 @@ const Fe = [
|
|
|
589
589
|
"multiple",
|
|
590
590
|
"name",
|
|
591
591
|
"size"
|
|
592
|
-
],
|
|
592
|
+
], da = [
|
|
593
593
|
"aria-describedby",
|
|
594
594
|
"aria-label",
|
|
595
595
|
"autocapitalize",
|
|
@@ -607,7 +607,7 @@ const Fe = [
|
|
|
607
607
|
"rows",
|
|
608
608
|
"spellcheck",
|
|
609
609
|
"wrap"
|
|
610
|
-
],
|
|
610
|
+
], ge = [
|
|
611
611
|
"aria-describedby",
|
|
612
612
|
"aria-label",
|
|
613
613
|
"autocapitalize",
|
|
@@ -634,7 +634,7 @@ function K(e, a = []) {
|
|
|
634
634
|
a.includes(l) ? t[l] = e[l] : n[l] = e[l];
|
|
635
635
|
}), { filtered: t, remaining: n };
|
|
636
636
|
}
|
|
637
|
-
const
|
|
637
|
+
const ua = ["data-range"], _e = "(min-width: 752px)", Dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
638
638
|
__name: "BsCalendar",
|
|
639
639
|
props: {
|
|
640
640
|
disabled: {
|
|
@@ -697,7 +697,7 @@ const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Objec
|
|
|
697
697
|
},
|
|
698
698
|
emits: ["update:modelValue"],
|
|
699
699
|
setup(e, { emit: a }) {
|
|
700
|
-
const t = e, n =
|
|
700
|
+
const t = e, n = y(null), l = y(1), i = y(null), [u, o] = X(2), s = y(1), { filtered: r, remaining: c } = K(se(), [
|
|
701
701
|
"attributes",
|
|
702
702
|
"expanded",
|
|
703
703
|
"first-day-of-week",
|
|
@@ -705,52 +705,52 @@ const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Objec
|
|
|
705
705
|
"masks",
|
|
706
706
|
"rows",
|
|
707
707
|
"trim-weeks"
|
|
708
|
-
]),
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
(
|
|
712
|
-
[
|
|
713
|
-
),
|
|
714
|
-
|
|
715
|
-
(
|
|
716
|
-
[
|
|
717
|
-
),
|
|
718
|
-
var
|
|
719
|
-
return (
|
|
720
|
-
}, (
|
|
721
|
-
|
|
708
|
+
]), v = p(() => t.inputId || u.value), w = p(() => ({ range: t.isRange })), m = p(() => !!(t.error && t.errorMsg || t.hint)), x = p(() => t.step), S = p(() => t.variant);
|
|
709
|
+
ra(n), Je(
|
|
710
|
+
_e,
|
|
711
|
+
(b) => l.value = b != null && b.matches && S.value == "2-col" ? 2 : 1,
|
|
712
|
+
[S]
|
|
713
|
+
), Je(
|
|
714
|
+
_e,
|
|
715
|
+
(b) => s.value = b != null && b.matches && S.value == "2-col" ? x.value : 1,
|
|
716
|
+
[x, S]
|
|
717
|
+
), R(() => {
|
|
718
|
+
var b, z;
|
|
719
|
+
return (z = (b = n.value) == null ? void 0 : b.popoverRef) == null ? void 0 : z.isVisible;
|
|
720
|
+
}, (b) => {
|
|
721
|
+
b && ce(g);
|
|
722
722
|
});
|
|
723
|
-
function
|
|
724
|
-
return t.isRange &&
|
|
723
|
+
function C(b) {
|
|
724
|
+
return t.isRange && b.start && b.end ? `${b.start} to ${b.end}` : !t.isRange && b ? b : "";
|
|
725
725
|
}
|
|
726
|
-
function
|
|
727
|
-
!t.isRange || i.value.contains(
|
|
726
|
+
function P(b) {
|
|
727
|
+
!t.isRange || i.value.contains(b.relatedTarget) || n.value.hidePopover();
|
|
728
728
|
}
|
|
729
|
-
function
|
|
730
|
-
const
|
|
731
|
-
|
|
729
|
+
function g() {
|
|
730
|
+
const b = i.value.querySelector("button.vc-prev"), z = i.value.querySelector("button.vc-next");
|
|
731
|
+
b && b.setAttribute("aria-label", "Previous month"), z && z.setAttribute("aria-label", "Next month");
|
|
732
732
|
}
|
|
733
|
-
return (
|
|
733
|
+
return (b, z) => (d(), h("div", N({
|
|
734
734
|
ref_key: "container",
|
|
735
735
|
ref: i,
|
|
736
736
|
class: "bs-calendar",
|
|
737
737
|
"data-range": e.isRange,
|
|
738
|
-
onFocusout:
|
|
739
|
-
},
|
|
740
|
-
e.label ||
|
|
738
|
+
onFocusout: P
|
|
739
|
+
}, f(c)), [
|
|
740
|
+
e.label || b.$slots.label ? (d(), O(ne, {
|
|
741
741
|
key: 0,
|
|
742
|
-
for:
|
|
742
|
+
for: v.value,
|
|
743
743
|
disabled: e.disabled,
|
|
744
744
|
required: e.required
|
|
745
745
|
}, {
|
|
746
|
-
default:
|
|
747
|
-
|
|
748
|
-
H(
|
|
746
|
+
default: D(() => [
|
|
747
|
+
L(b.$slots, "label", {}, () => [
|
|
748
|
+
H(T(e.label), 1)
|
|
749
749
|
])
|
|
750
750
|
]),
|
|
751
751
|
_: 3
|
|
752
752
|
}, 8, ["for", "disabled", "required"])) : k("", !0),
|
|
753
|
-
V(
|
|
753
|
+
V(f(wt), N({
|
|
754
754
|
ref_key: "calendar",
|
|
755
755
|
ref: n,
|
|
756
756
|
columns: l.value,
|
|
@@ -759,50 +759,50 @@ const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Objec
|
|
|
759
759
|
"min-date": e.minDate,
|
|
760
760
|
mode: "date",
|
|
761
761
|
"model-value": e.modelValue,
|
|
762
|
-
"model-modifiers":
|
|
762
|
+
"model-modifiers": w.value,
|
|
763
763
|
popover: { visibility: "focus" },
|
|
764
764
|
rows: 1,
|
|
765
765
|
step: s.value,
|
|
766
|
-
"onUpdate:modelValue":
|
|
767
|
-
},
|
|
768
|
-
default:
|
|
769
|
-
e.isRange ? (d(),
|
|
766
|
+
"onUpdate:modelValue": z[0] || (z[0] = (I) => b.$emit("update:modelValue", I))
|
|
767
|
+
}, f(r)), {
|
|
768
|
+
default: D(({ inputValue: I, inputEvents: A, showPopover: q }) => [
|
|
769
|
+
e.isRange ? (d(), O(la, {
|
|
770
770
|
key: 1,
|
|
771
771
|
disabled: e.disabled,
|
|
772
772
|
error: e.error,
|
|
773
|
-
"hidden-end-ref":
|
|
774
|
-
"hidden-start-ref":
|
|
775
|
-
"input-id":
|
|
776
|
-
"input-value":
|
|
777
|
-
"input-value-fmt": I
|
|
778
|
-
listeners:
|
|
773
|
+
"hidden-end-ref": b.inputEnd,
|
|
774
|
+
"hidden-start-ref": b.inputStart,
|
|
775
|
+
"input-id": v.value,
|
|
776
|
+
"input-value": I,
|
|
777
|
+
"input-value-fmt": C(I),
|
|
778
|
+
listeners: A,
|
|
779
779
|
placeholder: e.placeholder,
|
|
780
780
|
required: e.required,
|
|
781
|
-
onUiFocusin:
|
|
782
|
-
onUiInput:
|
|
783
|
-
}, null, 8, ["disabled", "error", "hidden-end-ref", "hidden-start-ref", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(),
|
|
781
|
+
onUiFocusin: q,
|
|
782
|
+
onUiInput: q
|
|
783
|
+
}, null, 8, ["disabled", "error", "hidden-end-ref", "hidden-start-ref", "input-id", "input-value", "input-value-fmt", "listeners", "placeholder", "required", "onUiFocusin", "onUiInput"])) : (d(), O(ta, {
|
|
784
784
|
key: 0,
|
|
785
785
|
disabled: e.disabled,
|
|
786
786
|
error: e.error,
|
|
787
|
-
"input-id":
|
|
788
|
-
listeners:
|
|
789
|
-
"model-value": I
|
|
787
|
+
"input-id": v.value,
|
|
788
|
+
listeners: A,
|
|
789
|
+
"model-value": C(I),
|
|
790
790
|
placeholder: e.placeholder,
|
|
791
791
|
required: e.required
|
|
792
792
|
}, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "required"]))
|
|
793
793
|
]),
|
|
794
794
|
_: 1
|
|
795
795
|
}, 16, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
|
|
796
|
-
|
|
796
|
+
m.value ? (d(), O(pe, {
|
|
797
797
|
key: 1,
|
|
798
798
|
error: e.error,
|
|
799
799
|
"error-msg": e.errorMsg,
|
|
800
800
|
hint: e.hint,
|
|
801
|
-
"hint-id":
|
|
801
|
+
"hint-id": f(o)
|
|
802
802
|
}, null, 8, ["error", "error-msg", "hint", "hint-id"])) : k("", !0)
|
|
803
|
-
], 16,
|
|
803
|
+
], 16, ua));
|
|
804
804
|
}
|
|
805
|
-
}),
|
|
805
|
+
}), ca = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
806
806
|
__name: "BsButton",
|
|
807
807
|
props: {
|
|
808
808
|
variant: { type: String },
|
|
@@ -816,23 +816,23 @@ const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Objec
|
|
|
816
816
|
size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
|
|
817
817
|
},
|
|
818
818
|
setup(e) {
|
|
819
|
-
const a = e, t =
|
|
820
|
-
return (o, s) => (d(),
|
|
819
|
+
const a = e, t = se(), { rootTag: n, attrsToBind: l, hrefUrl: i } = we(a, t), { onLinkClick: u } = ke(a);
|
|
820
|
+
return (o, s) => (d(), O(J(f(n)), N({
|
|
821
821
|
class: "bs-button",
|
|
822
822
|
"data-component": "bs-button",
|
|
823
823
|
"data-ghost": e.ghostBtn,
|
|
824
824
|
"data-size": e.size,
|
|
825
825
|
"data-text": e.textBtn,
|
|
826
826
|
"data-variant": e.variant,
|
|
827
|
-
".href":
|
|
828
|
-
},
|
|
829
|
-
default:
|
|
830
|
-
|
|
827
|
+
".href": f(i)
|
|
828
|
+
}, f(l), { onClick: f(u) }), {
|
|
829
|
+
default: D(() => [
|
|
830
|
+
L(o.$slots, "default")
|
|
831
831
|
]),
|
|
832
832
|
_: 3
|
|
833
833
|
}, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
|
|
834
834
|
}
|
|
835
|
-
}),
|
|
835
|
+
}), fa = { "data-component": "bs-chart-table" }, pa = ["summary"], va = ["colspan"], ha = /* @__PURE__ */ B("th", { scope: "col" }, " Dataset ", -1), ba = { scope: "row" }, ma = {
|
|
836
836
|
__name: "BsChartTable",
|
|
837
837
|
props: {
|
|
838
838
|
data: {
|
|
@@ -851,37 +851,37 @@ const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Objec
|
|
|
851
851
|
setup(e) {
|
|
852
852
|
return (a, t) => {
|
|
853
853
|
var n;
|
|
854
|
-
return d(),
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
854
|
+
return d(), h("div", fa, [
|
|
855
|
+
B("table", { summary: e.tableTitle }, [
|
|
856
|
+
B("thead", null, [
|
|
857
|
+
B("tr", null, [
|
|
858
|
+
B("th", {
|
|
859
859
|
colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
|
|
860
|
-
},
|
|
860
|
+
}, T(e.tableTitle), 9, va)
|
|
861
861
|
]),
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
(d(!0),
|
|
862
|
+
B("tr", null, [
|
|
863
|
+
ha,
|
|
864
|
+
(d(!0), h(W, null, Z(e.dataIdxLabels, (l) => (d(), h("th", {
|
|
865
865
|
key: l,
|
|
866
866
|
scope: "col"
|
|
867
|
-
},
|
|
867
|
+
}, T(l), 1))), 128))
|
|
868
868
|
])
|
|
869
869
|
]),
|
|
870
|
-
|
|
871
|
-
(d(!0),
|
|
870
|
+
B("tbody", null, [
|
|
871
|
+
(d(!0), h(W, null, Z(e.data, (l) => (d(), h("tr", {
|
|
872
872
|
key: l.label
|
|
873
873
|
}, [
|
|
874
|
-
|
|
875
|
-
(d(!0),
|
|
874
|
+
B("th", ba, T(l.label), 1),
|
|
875
|
+
(d(!0), h(W, null, Z(l.data, (i, u) => (d(), h("td", {
|
|
876
876
|
key: `${i}${u}`
|
|
877
|
-
},
|
|
877
|
+
}, T(i), 1))), 128))
|
|
878
878
|
]))), 128))
|
|
879
879
|
])
|
|
880
|
-
], 8,
|
|
880
|
+
], 8, pa)
|
|
881
881
|
]);
|
|
882
882
|
};
|
|
883
883
|
}
|
|
884
|
-
},
|
|
884
|
+
}, ga = (e) => ({
|
|
885
885
|
id: "htmlLegend",
|
|
886
886
|
afterUpdate(a) {
|
|
887
887
|
e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((n) => {
|
|
@@ -896,7 +896,7 @@ const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Objec
|
|
|
896
896
|
o.style.setProperty("--item-text-color", "var(--bs-ink-base)"), o.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), o.appendChild(u), l.appendChild(i), l.appendChild(o), e.appendChild(l);
|
|
897
897
|
});
|
|
898
898
|
}
|
|
899
|
-
}),
|
|
899
|
+
}), ya = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
|
|
900
900
|
type: e,
|
|
901
901
|
data: {
|
|
902
902
|
datasets: a,
|
|
@@ -915,7 +915,7 @@ const fa = ["data-range"], et = "(min-width: 752px)", Vl = /* @__PURE__ */ Objec
|
|
|
915
915
|
responsive: !0
|
|
916
916
|
}
|
|
917
917
|
});
|
|
918
|
-
function
|
|
918
|
+
function Ba(e) {
|
|
919
919
|
const a = [
|
|
920
920
|
"rgba(209, 26, 111, 1)",
|
|
921
921
|
"rgba(130, 18, 196, 1)",
|
|
@@ -928,10 +928,10 @@ function Sa(e) {
|
|
|
928
928
|
], t = a[e % a.length];
|
|
929
929
|
return e >= a.length ? t.replace("1)", "0.5)") : t;
|
|
930
930
|
}
|
|
931
|
-
const
|
|
931
|
+
const $a = {
|
|
932
932
|
class: "bs-chart-bar",
|
|
933
933
|
"data-component": "bs-chart-bar"
|
|
934
|
-
},
|
|
934
|
+
}, Sa = ["aria-label"], wa = ["data-hidden"], Ol = {
|
|
935
935
|
__name: "BsChartBar",
|
|
936
936
|
props: {
|
|
937
937
|
chartTitle: {
|
|
@@ -985,16 +985,16 @@ const wa = {
|
|
|
985
985
|
}
|
|
986
986
|
},
|
|
987
987
|
setup(e) {
|
|
988
|
-
const a = e, t =
|
|
988
|
+
const a = e, t = y(null), n = y(null);
|
|
989
989
|
let l;
|
|
990
|
-
const i =
|
|
990
|
+
const i = p(() => {
|
|
991
991
|
const c = {
|
|
992
992
|
datasets: u.value,
|
|
993
993
|
labels: a.dataIdxLabels,
|
|
994
994
|
type: "bar",
|
|
995
995
|
tooltips: a.showTooltips
|
|
996
|
-
},
|
|
997
|
-
return
|
|
996
|
+
}, v = ya(c);
|
|
997
|
+
return v.plugins = [ga(n.value)], v.options.scales = {
|
|
998
998
|
x: {
|
|
999
999
|
grid: {
|
|
1000
1000
|
display: a.showXGrid
|
|
@@ -1015,47 +1015,47 @@ const wa = {
|
|
|
1015
1015
|
text: a.yLabel
|
|
1016
1016
|
}
|
|
1017
1017
|
}
|
|
1018
|
-
},
|
|
1019
|
-
}), u =
|
|
1018
|
+
}, v;
|
|
1019
|
+
}), u = p(() => a.data.map((c, v) => ({
|
|
1020
1020
|
...c,
|
|
1021
|
-
backgroundColor:
|
|
1021
|
+
backgroundColor: Ba(v),
|
|
1022
1022
|
categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
|
|
1023
|
-
}))), o =
|
|
1024
|
-
!l || c ===
|
|
1025
|
-
}, 100), r =
|
|
1023
|
+
}))), o = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), s = Ne(function(c, v) {
|
|
1024
|
+
!l || c === v || (l.options = i.value.options, l.update());
|
|
1025
|
+
}, 100), r = Ne(function() {
|
|
1026
1026
|
l && (l.data = i.value.data, l.update());
|
|
1027
1027
|
}, 100);
|
|
1028
1028
|
return Y(() => {
|
|
1029
|
-
|
|
1030
|
-
}),
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1029
|
+
qe.register(kt, It, Ct, Tt, xt, At), qe.defaults.font.family = "'Roobert', sans-serif", l = new qe(t.value, i.value);
|
|
1030
|
+
}), R(() => a.showLegend, s), R(() => a.showTooltips, s), R(() => a.showXGrid, s), R(() => a.showYGrid, s), R(() => a.stacked, s), R(() => a.xLabel, s), R(() => a.yLabel, s), R(() => a.data, r), R(() => a.dataIdxLabels, r), (c, v) => (d(), h("div", $a, [
|
|
1031
|
+
B("figure", null, [
|
|
1032
|
+
B("div", null, [
|
|
1033
|
+
B("canvas", {
|
|
1034
1034
|
"aria-label": o.value,
|
|
1035
1035
|
ref_key: "canvas",
|
|
1036
1036
|
ref: t,
|
|
1037
1037
|
role: "img"
|
|
1038
|
-
}, null, 8,
|
|
1038
|
+
}, null, 8, Sa)
|
|
1039
1039
|
]),
|
|
1040
|
-
|
|
1041
|
-
V(
|
|
1040
|
+
B("div", null, [
|
|
1041
|
+
V(ma, {
|
|
1042
1042
|
data: e.data,
|
|
1043
1043
|
"data-idx-labels": e.dataIdxLabels,
|
|
1044
1044
|
"table-title": o.value
|
|
1045
1045
|
}, null, 8, ["data", "data-idx-labels", "table-title"]),
|
|
1046
|
-
|
|
1046
|
+
B("figcaption", {
|
|
1047
1047
|
"data-hidden": !e.showLegend
|
|
1048
1048
|
}, [
|
|
1049
|
-
|
|
1049
|
+
B("ul", {
|
|
1050
1050
|
ref_key: "legendList",
|
|
1051
1051
|
ref: n
|
|
1052
1052
|
}, null, 512)
|
|
1053
|
-
], 8,
|
|
1053
|
+
], 8, wa)
|
|
1054
1054
|
])
|
|
1055
1055
|
])
|
|
1056
1056
|
]));
|
|
1057
1057
|
}
|
|
1058
|
-
},
|
|
1058
|
+
}, ka = ["data-size"], Ia = ["checked", "data-error", "disabled", "id", "required", "value"], ql = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1059
1059
|
__name: "BsCheckbox",
|
|
1060
1060
|
props: {
|
|
1061
1061
|
/** Sets the label. */
|
|
@@ -1118,54 +1118,54 @@ const wa = {
|
|
|
1118
1118
|
},
|
|
1119
1119
|
emits: ["update:modelValue"],
|
|
1120
1120
|
setup(e, { emit: a }) {
|
|
1121
|
-
const t = e, n = a, [l] =
|
|
1122
|
-
function
|
|
1121
|
+
const t = e, n = a, [l] = X(), i = p(() => je.concat(t.passAttrs.split(","))), u = y(null), o = p(() => t.inputId || l.value), s = p(() => t.checked || v.value), r = p(() => t.indeterminate || t.checkedPartially), c = p(() => Array.isArray(t.modelValue) && t.value), v = p(() => c.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
|
|
1122
|
+
function w() {
|
|
1123
1123
|
u.value && (u.value.indeterminate = r.value && !s.value);
|
|
1124
1124
|
}
|
|
1125
|
-
function
|
|
1126
|
-
n("update:modelValue",
|
|
1125
|
+
function m(C) {
|
|
1126
|
+
n("update:modelValue", C);
|
|
1127
1127
|
}
|
|
1128
|
-
function
|
|
1129
|
-
const
|
|
1130
|
-
|
|
1128
|
+
function x(C) {
|
|
1129
|
+
const P = [...t.modelValue];
|
|
1130
|
+
C ? P.push(t.value) : P.splice(P.indexOf(t.value), 1), n("update:modelValue", P);
|
|
1131
1131
|
}
|
|
1132
|
-
function
|
|
1133
|
-
const { checked:
|
|
1134
|
-
c.value ?
|
|
1132
|
+
function S(C) {
|
|
1133
|
+
const { checked: P } = C.target;
|
|
1134
|
+
c.value ? x(P) : m(P);
|
|
1135
1135
|
}
|
|
1136
|
-
return
|
|
1136
|
+
return R(s, w), R(r, w), Y(w), (C, P) => (d(), h("div", N({
|
|
1137
1137
|
class: "bs-boolean",
|
|
1138
1138
|
"data-component": "bs-checkbox",
|
|
1139
1139
|
"data-size": e.size
|
|
1140
|
-
},
|
|
1141
|
-
|
|
1140
|
+
}, f(K)(C.$attrs, i.value).remaining), [
|
|
1141
|
+
B("input", N({
|
|
1142
1142
|
ref_key: "inputEl",
|
|
1143
1143
|
ref: u,
|
|
1144
1144
|
checked: s.value,
|
|
1145
1145
|
"data-error": e.error,
|
|
1146
1146
|
disabled: e.disabled,
|
|
1147
|
-
id:
|
|
1147
|
+
id: C.$attrs.id || o.value,
|
|
1148
1148
|
required: e.required,
|
|
1149
1149
|
value: e.value || "on",
|
|
1150
1150
|
type: "checkbox",
|
|
1151
|
-
onChange:
|
|
1152
|
-
},
|
|
1153
|
-
e.label ||
|
|
1151
|
+
onChange: S
|
|
1152
|
+
}, f(K)(C.$attrs, i.value).filtered), null, 16, Ia),
|
|
1153
|
+
e.label || C.$slots.label ? (d(), O(ne, {
|
|
1154
1154
|
key: 0,
|
|
1155
|
-
for:
|
|
1155
|
+
for: C.$attrs.id || o.value,
|
|
1156
1156
|
disabled: e.disabled,
|
|
1157
1157
|
required: e.required
|
|
1158
1158
|
}, {
|
|
1159
|
-
default:
|
|
1160
|
-
|
|
1161
|
-
H(
|
|
1159
|
+
default: D(() => [
|
|
1160
|
+
L(C.$slots, "label", {}, () => [
|
|
1161
|
+
H(T(e.label), 1)
|
|
1162
1162
|
])
|
|
1163
1163
|
]),
|
|
1164
1164
|
_: 3
|
|
1165
1165
|
}, 8, ["for", "disabled", "required"])) : k("", !0)
|
|
1166
|
-
], 16,
|
|
1166
|
+
], 16, ka));
|
|
1167
1167
|
}
|
|
1168
|
-
}),
|
|
1168
|
+
}), Ca = { key: 0 }, Ta = { class: "bs-circle-button-icon" }, xa = { key: 1 }, Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1169
1169
|
__name: "BsCircleButton",
|
|
1170
1170
|
props: {
|
|
1171
1171
|
disabled: {
|
|
@@ -1211,32 +1211,73 @@ const wa = {
|
|
|
1211
1211
|
}
|
|
1212
1212
|
},
|
|
1213
1213
|
setup(e) {
|
|
1214
|
-
const a = e, t =
|
|
1214
|
+
const a = e, t = se(), { rootTag: n, attrsToBind: l, hrefUrl: i } = we(a, t), { icon: u } = me(a, "icon"), { onLinkClick: o } = ke(a), s = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
|
|
1215
1215
|
if (a.hoverEffect)
|
|
1216
1216
|
return a.iconPosition;
|
|
1217
|
-
}), c =
|
|
1218
|
-
return (
|
|
1217
|
+
}), c = p(() => a.textBtn && a.iconPosition !== "left"), v = p(() => a.textBtn && a.iconPosition === "left");
|
|
1218
|
+
return (w, m) => (d(), O(J(f(n)), N({
|
|
1219
1219
|
class: "bs-circle-button",
|
|
1220
1220
|
"data-disabled": e.disabled,
|
|
1221
1221
|
"data-direction": r.value,
|
|
1222
1222
|
"data-ghost": e.ghostBtn,
|
|
1223
1223
|
"data-size": e.size,
|
|
1224
1224
|
"data-text": e.textBtn,
|
|
1225
|
-
".href":
|
|
1226
|
-
}, { ...
|
|
1227
|
-
default:
|
|
1228
|
-
c.value ? (d(),
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
(d(),
|
|
1225
|
+
".href": f(i)
|
|
1226
|
+
}, { ...f(l), ...s.value }, { onClick: f(o) }), {
|
|
1227
|
+
default: D(() => [
|
|
1228
|
+
c.value ? (d(), h("span", Ca, T(e.label), 1)) : k("", !0),
|
|
1229
|
+
B("span", Ta, [
|
|
1230
|
+
L(w.$slots, "icon", {}, () => [
|
|
1231
|
+
(d(), O(J(f(u)), { size: e.size }, null, 8, ["size"]))
|
|
1232
1232
|
])
|
|
1233
1233
|
]),
|
|
1234
|
-
|
|
1234
|
+
v.value ? (d(), h("span", xa, T(e.label), 1)) : k("", !0)
|
|
1235
1235
|
]),
|
|
1236
1236
|
_: 3
|
|
1237
1237
|
}, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
|
|
1238
1238
|
}
|
|
1239
|
-
}),
|
|
1239
|
+
}), Aa = {
|
|
1240
|
+
__name: "BsDropdownContainer",
|
|
1241
|
+
props: {
|
|
1242
|
+
breakout: {
|
|
1243
|
+
type: Boolean,
|
|
1244
|
+
default: !1
|
|
1245
|
+
},
|
|
1246
|
+
breakoutMounted: {
|
|
1247
|
+
type: Boolean,
|
|
1248
|
+
default: !1
|
|
1249
|
+
},
|
|
1250
|
+
breakoutStub: {
|
|
1251
|
+
type: Object,
|
|
1252
|
+
default: null
|
|
1253
|
+
},
|
|
1254
|
+
containerId: {
|
|
1255
|
+
type: String,
|
|
1256
|
+
default: void 0
|
|
1257
|
+
}
|
|
1258
|
+
},
|
|
1259
|
+
setup(e, { expose: a }) {
|
|
1260
|
+
const t = y(null);
|
|
1261
|
+
return a({ internalContainerRef: t }), (n, l) => (d(), h(W, null, [
|
|
1262
|
+
e.breakout && e.breakoutMounted ? (d(), O(ut, {
|
|
1263
|
+
key: 0,
|
|
1264
|
+
to: e.breakoutStub
|
|
1265
|
+
}, [
|
|
1266
|
+
L(n.$slots, "default")
|
|
1267
|
+
], 8, ["to"])) : k("", !0),
|
|
1268
|
+
e.breakout ? k("", !0) : (d(), h(W, { key: 1 }, [
|
|
1269
|
+
e.containerId ? L(n.$slots, "default", { key: 0 }) : (d(), h("div", {
|
|
1270
|
+
key: 1,
|
|
1271
|
+
ref_key: "internalContainerRef",
|
|
1272
|
+
ref: t,
|
|
1273
|
+
style: { position: "relative" }
|
|
1274
|
+
}, [
|
|
1275
|
+
L(n.$slots, "default")
|
|
1276
|
+
], 512))
|
|
1277
|
+
], 64))
|
|
1278
|
+
], 64));
|
|
1279
|
+
}
|
|
1280
|
+
}, Te = {
|
|
1240
1281
|
__name: "BsTransition",
|
|
1241
1282
|
props: {
|
|
1242
1283
|
shown: {
|
|
@@ -1281,84 +1322,84 @@ const wa = {
|
|
|
1281
1322
|
setup(e, { emit: a }) {
|
|
1282
1323
|
const t = e, n = a, l = [], i = t.preloaded && t.shown;
|
|
1283
1324
|
function u(r, c) {
|
|
1284
|
-
const { duration:
|
|
1325
|
+
const { duration: v, enterClass: w, enterAttribute: m } = t;
|
|
1285
1326
|
l.push(setTimeout(() => {
|
|
1286
|
-
|
|
1327
|
+
w && r.classList.add(w), m && r.setAttribute(m, ""), l.push(setTimeout(() => {
|
|
1287
1328
|
c();
|
|
1288
|
-
},
|
|
1329
|
+
}, v)), n("enter", r);
|
|
1289
1330
|
}));
|
|
1290
1331
|
}
|
|
1291
1332
|
function o(r, c) {
|
|
1292
1333
|
const {
|
|
1293
|
-
duration:
|
|
1294
|
-
enterClass:
|
|
1295
|
-
enterAttribute:
|
|
1296
|
-
leaveClass:
|
|
1297
|
-
leaveAttribute:
|
|
1334
|
+
duration: v,
|
|
1335
|
+
enterClass: w,
|
|
1336
|
+
enterAttribute: m,
|
|
1337
|
+
leaveClass: x,
|
|
1338
|
+
leaveAttribute: S
|
|
1298
1339
|
} = t;
|
|
1299
|
-
r.classList.remove(
|
|
1340
|
+
r.classList.remove(w), r.removeAttribute(m), x && r.classList.add(x), S && r.setAttribute(S, ""), l.push(setTimeout(() => {
|
|
1300
1341
|
c();
|
|
1301
|
-
},
|
|
1342
|
+
}, v)), n("leave", r);
|
|
1302
1343
|
}
|
|
1303
1344
|
function s(r) {
|
|
1304
|
-
const { leaveClass: c, leaveAttribute:
|
|
1305
|
-
r.classList.remove(c), r.removeAttribute(
|
|
1345
|
+
const { leaveClass: c, leaveAttribute: v } = t;
|
|
1346
|
+
r.classList.remove(c), r.removeAttribute(v), n("after-leave", r);
|
|
1306
1347
|
}
|
|
1307
|
-
return
|
|
1348
|
+
return re(() => {
|
|
1308
1349
|
l.forEach((r) => {
|
|
1309
1350
|
clearTimeout(r);
|
|
1310
1351
|
});
|
|
1311
|
-
}), (r, c) => e.preloaded ?
|
|
1352
|
+
}), (r, c) => e.preloaded ? Be((d(), O(Ke, {
|
|
1312
1353
|
key: 0,
|
|
1313
|
-
appear:
|
|
1354
|
+
appear: f(i),
|
|
1314
1355
|
css: !1,
|
|
1315
|
-
onBeforeEnter: c[0] || (c[0] = (
|
|
1356
|
+
onBeforeEnter: c[0] || (c[0] = (v) => n("before-enter", v)),
|
|
1316
1357
|
onEnter: u,
|
|
1317
|
-
onAfterEnter: c[1] || (c[1] = (
|
|
1318
|
-
onEnterCancelled: c[2] || (c[2] = (
|
|
1319
|
-
onBeforeLeave: c[3] || (c[3] = (
|
|
1358
|
+
onAfterEnter: c[1] || (c[1] = (v) => n("after-enter", v)),
|
|
1359
|
+
onEnterCancelled: c[2] || (c[2] = (v) => n("enter-cancelled", v)),
|
|
1360
|
+
onBeforeLeave: c[3] || (c[3] = (v) => n("before-leave", v)),
|
|
1320
1361
|
onLeave: o,
|
|
1321
1362
|
onAfterLeave: s,
|
|
1322
|
-
onLeaveCancelled: c[4] || (c[4] = (
|
|
1363
|
+
onLeaveCancelled: c[4] || (c[4] = (v) => n("leave-cancelled", v))
|
|
1323
1364
|
}, {
|
|
1324
|
-
default:
|
|
1325
|
-
|
|
1365
|
+
default: D(() => [
|
|
1366
|
+
L(r.$slots, "default")
|
|
1326
1367
|
]),
|
|
1327
1368
|
_: 3
|
|
1328
1369
|
}, 8, ["appear"])), [
|
|
1329
|
-
[
|
|
1330
|
-
]) : (d(),
|
|
1370
|
+
[$e, e.shown]
|
|
1371
|
+
]) : (d(), O(Ke, {
|
|
1331
1372
|
key: 1,
|
|
1332
1373
|
appear: !0,
|
|
1333
1374
|
css: !1,
|
|
1334
|
-
onBeforeEnter: c[5] || (c[5] = (
|
|
1375
|
+
onBeforeEnter: c[5] || (c[5] = (v) => n("before-enter", v)),
|
|
1335
1376
|
onEnter: u,
|
|
1336
|
-
onAfterEnter: c[6] || (c[6] = (
|
|
1337
|
-
onEnterCancelled: c[7] || (c[7] = (
|
|
1338
|
-
onBeforeLeave: c[8] || (c[8] = (
|
|
1377
|
+
onAfterEnter: c[6] || (c[6] = (v) => n("after-enter", v)),
|
|
1378
|
+
onEnterCancelled: c[7] || (c[7] = (v) => n("enter-cancelled", v)),
|
|
1379
|
+
onBeforeLeave: c[8] || (c[8] = (v) => n("before-leave", v)),
|
|
1339
1380
|
onLeave: o,
|
|
1340
1381
|
onAfterLeave: s,
|
|
1341
|
-
onLeaveCancelled: c[9] || (c[9] = (
|
|
1382
|
+
onLeaveCancelled: c[9] || (c[9] = (v) => n("leave-cancelled", v))
|
|
1342
1383
|
}, {
|
|
1343
|
-
default:
|
|
1344
|
-
e.shown ?
|
|
1384
|
+
default: D(() => [
|
|
1385
|
+
e.shown ? L(r.$slots, "default", { key: 0 }) : k("", !0)
|
|
1345
1386
|
]),
|
|
1346
1387
|
_: 3
|
|
1347
1388
|
}));
|
|
1348
1389
|
}
|
|
1349
|
-
},
|
|
1350
|
-
const n =
|
|
1390
|
+
}, La = (e, a = void 0, t = "relative") => {
|
|
1391
|
+
const n = y(null), l = y(null), i = y(!1);
|
|
1351
1392
|
let u = !1;
|
|
1352
1393
|
return Y(() => {
|
|
1353
|
-
e && (n.value = a ||
|
|
1354
|
-
}),
|
|
1394
|
+
e && (n.value = a || nt(), document.getElementById(n.value) ? (l.value = document.getElementById(n.value), u = !0) : (l.value = document.createElement("div"), l.value.id = n.value, l.value.style.position = t, document.body.insertAdjacentElement("afterbegin", l.value)), i.value = !0);
|
|
1395
|
+
}), re(() => {
|
|
1355
1396
|
var o;
|
|
1356
1397
|
e && !u && ((o = document.getElementById(n.value)) == null || o.remove());
|
|
1357
1398
|
}), { breakoutId: n, breakoutStub: l, breakoutMounted: i };
|
|
1358
|
-
},
|
|
1399
|
+
}, Va = {
|
|
1359
1400
|
key: 0,
|
|
1360
1401
|
class: "bs-dropdown-backdrop"
|
|
1361
|
-
}, Da = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1402
|
+
}, Ea = ["data-width", "data-no-mobile"], Da = { key: 0 }, Oa = { key: 0 }, qa = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1362
1403
|
__name: "BsDropdownNew",
|
|
1363
1404
|
props: {
|
|
1364
1405
|
anchorId: {
|
|
@@ -1411,132 +1452,111 @@ const wa = {
|
|
|
1411
1452
|
"after-leave"
|
|
1412
1453
|
],
|
|
1413
1454
|
setup(e, { emit: a }) {
|
|
1414
|
-
const t =
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
}),
|
|
1418
|
-
|
|
1419
|
-
})
|
|
1420
|
-
const
|
|
1421
|
-
|
|
1455
|
+
const t = e, n = a, l = y(null), i = y(null), u = y(!1), o = y(!1), s = p(() => document.getElementById(t.anchorId)), r = p(() => t.breakout ? v.value : t.containerId ? document.getElementById(t.containerId) : l.value.internalContainerRef), c = p(() => t.width === "anchor" ? void 0 : t.width);
|
|
1456
|
+
Ot([i, s], () => {
|
|
1457
|
+
o.value && n("close");
|
|
1458
|
+
}), Ie(["Escape"], () => {
|
|
1459
|
+
o.value && n("close");
|
|
1460
|
+
});
|
|
1461
|
+
const { breakoutStub: v, breakoutMounted: w } = La(t.breakout, t.containerId);
|
|
1462
|
+
oe("dropdownEnter", u), oe("dropdownAfterEnter", o), oe("dropdownShown", p(() => t.shown));
|
|
1463
|
+
const m = (I, A) => {
|
|
1464
|
+
i.value.style.setProperty(I, A);
|
|
1422
1465
|
};
|
|
1423
|
-
function
|
|
1424
|
-
const
|
|
1425
|
-
I
|
|
1466
|
+
function x() {
|
|
1467
|
+
const I = r.value.getBoundingClientRect(), A = s.value.getBoundingClientRect(), q = i.value.getBoundingClientRect();
|
|
1468
|
+
S(I, A), C(I, A, q);
|
|
1426
1469
|
}
|
|
1427
|
-
function I
|
|
1428
|
-
if (
|
|
1429
|
-
const
|
|
1430
|
-
|
|
1470
|
+
function S(I, A) {
|
|
1471
|
+
if (t.position === "top") {
|
|
1472
|
+
const q = I.bottom - A.bottom;
|
|
1473
|
+
m("--dropdown-wscreen-top", "auto"), m("--dropdown-wscreen-bottom", `${q + A.height + 8}px`);
|
|
1431
1474
|
} else {
|
|
1432
|
-
const
|
|
1433
|
-
|
|
1475
|
+
const q = A.top - I.top;
|
|
1476
|
+
m("--dropdown-wscreen-top", `${q + A.height + 8}px`), m("--dropdown-wscreen-bottom", "auto");
|
|
1434
1477
|
}
|
|
1435
1478
|
}
|
|
1436
|
-
function
|
|
1437
|
-
if (
|
|
1438
|
-
const
|
|
1439
|
-
if (
|
|
1440
|
-
const
|
|
1441
|
-
|
|
1442
|
-
} else if (
|
|
1443
|
-
const
|
|
1444
|
-
|
|
1479
|
+
function C(I, A, q) {
|
|
1480
|
+
if (t.width !== "anchor") {
|
|
1481
|
+
const F = A.left - I.left;
|
|
1482
|
+
if (t.position === "center") {
|
|
1483
|
+
const _ = (A.width - q.width) / 2;
|
|
1484
|
+
m("--dropdown-wscreen-left", `${F + _}px`), m("--dropdown-wscreen-right", "auto");
|
|
1485
|
+
} else if (t.position === "right") {
|
|
1486
|
+
const _ = I.right - A.right;
|
|
1487
|
+
m("--dropdown-wscreen-left", "auto"), m("--dropdown-wscreen-right", `${_}px`);
|
|
1445
1488
|
} else
|
|
1446
|
-
|
|
1489
|
+
m("--dropdown-wscreen-left", `${F}px`), m("--dropdown-wscreen-right", "auto");
|
|
1447
1490
|
}
|
|
1448
1491
|
}
|
|
1449
|
-
function
|
|
1450
|
-
if (
|
|
1451
|
-
const
|
|
1452
|
-
|
|
1492
|
+
function P() {
|
|
1493
|
+
if (t.width === "anchor") {
|
|
1494
|
+
const I = s.value.getBoundingClientRect();
|
|
1495
|
+
m("--dropdown-wscreen-width", `${I.width}px`);
|
|
1453
1496
|
} else
|
|
1454
|
-
|
|
1497
|
+
m("--dropdown-wscreen-width", "");
|
|
1455
1498
|
}
|
|
1456
|
-
function
|
|
1457
|
-
|
|
1499
|
+
function g() {
|
|
1500
|
+
u.value = !0, x(), P(), n("enter");
|
|
1458
1501
|
}
|
|
1459
|
-
function
|
|
1460
|
-
|
|
1502
|
+
function b() {
|
|
1503
|
+
o.value = !0, n("after-enter");
|
|
1461
1504
|
}
|
|
1462
|
-
function
|
|
1463
|
-
|
|
1505
|
+
function z() {
|
|
1506
|
+
u.value = !1, o.value = !1, n("after-leave");
|
|
1464
1507
|
}
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
)
|
|
1509
|
-
// </button>
|
|
1508
|
+
return (I, A) => (d(), h(W, null, [
|
|
1509
|
+
e.useMobileStyle && e.shown ? (d(), h("div", Va)) : k("", !0),
|
|
1510
|
+
V(Aa, {
|
|
1511
|
+
ref_key: "dropdownContainerRef",
|
|
1512
|
+
ref: l,
|
|
1513
|
+
breakout: e.breakout,
|
|
1514
|
+
breakoutMounted: f(w),
|
|
1515
|
+
breakoutStub: f(v),
|
|
1516
|
+
containerId: e.containerId
|
|
1517
|
+
}, {
|
|
1518
|
+
default: D(() => [
|
|
1519
|
+
V(Te, {
|
|
1520
|
+
shown: e.shown,
|
|
1521
|
+
preloaded: e.preloaded,
|
|
1522
|
+
duration: 75,
|
|
1523
|
+
"enter-attribute": "data-shown",
|
|
1524
|
+
onAfterEnter: b,
|
|
1525
|
+
onEnter: g,
|
|
1526
|
+
onAfterLeave: z
|
|
1527
|
+
}, {
|
|
1528
|
+
default: D(() => [
|
|
1529
|
+
B("div", N({
|
|
1530
|
+
ref_key: "dropdownRef",
|
|
1531
|
+
ref: i,
|
|
1532
|
+
class: "bs-dropdown",
|
|
1533
|
+
"data-width": c.value,
|
|
1534
|
+
"data-no-mobile": !e.useMobileStyle
|
|
1535
|
+
}, I.$attrs), [
|
|
1536
|
+
e.helperText ? (d(), h("header", Da, [
|
|
1537
|
+
B("div", null, [
|
|
1538
|
+
B("h3", null, T(e.helperText), 1),
|
|
1539
|
+
e.helperDescription ? (d(), h("p", Oa, T(e.helperDescription), 1)) : k("", !0)
|
|
1540
|
+
]),
|
|
1541
|
+
B("button", {
|
|
1542
|
+
type: "button",
|
|
1543
|
+
title: "close",
|
|
1544
|
+
onClick: A[0] || (A[0] = () => n("close"))
|
|
1545
|
+
}, [
|
|
1546
|
+
V(f(Se))
|
|
1547
|
+
])
|
|
1548
|
+
])) : k("", !0),
|
|
1549
|
+
L(I.$slots, "default")
|
|
1550
|
+
], 16, Ea)
|
|
1510
1551
|
]),
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
// </div>
|
|
1517
|
-
)
|
|
1518
|
-
);
|
|
1519
|
-
return (R, F) => (d(), b(G, null, [
|
|
1520
|
-
e.useMobileStyle && e.shown ? (d(), b("div", Ea)) : k("", !0),
|
|
1521
|
-
e.breakout && p(y) ? (d(), L(pt, {
|
|
1522
|
-
key: 1,
|
|
1523
|
-
to: p(T)
|
|
1524
|
-
}, [
|
|
1525
|
-
V(j)
|
|
1526
|
-
], 8, ["to"])) : k("", !0),
|
|
1527
|
-
e.breakout ? k("", !0) : (d(), b(G, { key: 2 }, [
|
|
1528
|
-
e.containerId ? (d(), L(j, { key: 0 })) : (d(), b("div", {
|
|
1529
|
-
key: 1,
|
|
1530
|
-
ref_key: "containerRef",
|
|
1531
|
-
ref: u,
|
|
1532
|
-
style: { position: "relative" }
|
|
1533
|
-
}, [
|
|
1534
|
-
V(j)
|
|
1535
|
-
], 512))
|
|
1536
|
-
], 64))
|
|
1552
|
+
_: 3
|
|
1553
|
+
}, 8, ["shown", "preloaded"])
|
|
1554
|
+
]),
|
|
1555
|
+
_: 3
|
|
1556
|
+
}, 8, ["breakout", "breakoutMounted", "breakoutStub", "containerId"])
|
|
1537
1557
|
], 64));
|
|
1538
1558
|
}
|
|
1539
|
-
}),
|
|
1559
|
+
}), it = {
|
|
1540
1560
|
__name: "BsDropdown",
|
|
1541
1561
|
props: {
|
|
1542
1562
|
anchorId: {
|
|
@@ -1626,8 +1646,8 @@ const wa = {
|
|
|
1626
1646
|
"after-leave"
|
|
1627
1647
|
],
|
|
1628
1648
|
setup(e, { emit: a }) {
|
|
1629
|
-
const t = e, n = a, { transition: l } =
|
|
1630
|
-
return (s, r) => (d(),
|
|
1649
|
+
const t = e, n = a, { transition: l } = fe(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), u = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId);
|
|
1650
|
+
return (s, r) => (d(), O(qa, {
|
|
1631
1651
|
"anchor-id": o.value,
|
|
1632
1652
|
breakout: e.breakout,
|
|
1633
1653
|
"container-id": e.containerId,
|
|
@@ -1635,7 +1655,7 @@ const wa = {
|
|
|
1635
1655
|
"helper-text": e.helperText,
|
|
1636
1656
|
position: u.value,
|
|
1637
1657
|
preloaded: e.preloaded,
|
|
1638
|
-
shown:
|
|
1658
|
+
shown: f(l),
|
|
1639
1659
|
"use-mobile-style": e.useMobileStyle,
|
|
1640
1660
|
width: i.value,
|
|
1641
1661
|
onClose: r[0] || (r[0] = () => n("close")),
|
|
@@ -1643,13 +1663,13 @@ const wa = {
|
|
|
1643
1663
|
onAfterEnter: r[2] || (r[2] = () => n("after-enter")),
|
|
1644
1664
|
onAfterLeave: r[3] || (r[3] = () => n("after-leave"))
|
|
1645
1665
|
}, {
|
|
1646
|
-
default:
|
|
1647
|
-
|
|
1666
|
+
default: D(() => [
|
|
1667
|
+
L(s.$slots, "default")
|
|
1648
1668
|
]),
|
|
1649
1669
|
_: 3
|
|
1650
1670
|
}, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
|
|
1651
1671
|
}
|
|
1652
|
-
},
|
|
1672
|
+
}, Pa = ["aria-activedescendant", "aria-label", "data-overflow", "id"], Fe = {
|
|
1653
1673
|
__name: "BsDropdownOptionList",
|
|
1654
1674
|
props: {
|
|
1655
1675
|
optionsId: {
|
|
@@ -1685,110 +1705,119 @@ const wa = {
|
|
|
1685
1705
|
},
|
|
1686
1706
|
emits: ["optselected", "update:modelValue", "close"],
|
|
1687
1707
|
setup(e, { expose: a, emit: t }) {
|
|
1688
|
-
const n = e, l = t, i =
|
|
1689
|
-
let
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
}),
|
|
1693
|
-
document.removeEventListener("keydown",
|
|
1694
|
-
}),
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1708
|
+
const n = e, l = t, i = y(null), u = y(null), o = y(-1), s = y(null), r = y(!1), c = ie("dropdownEnter", !1), v = ie("dropdownAfterEnter", !1), w = ie("dropdownShown", !1);
|
|
1709
|
+
let m = -1;
|
|
1710
|
+
oe("handleSelect", z), oe("optionsId", p(() => n.optionsId)), Y(() => {
|
|
1711
|
+
S(), C(), document.addEventListener("keydown", g);
|
|
1712
|
+
}), re(() => {
|
|
1713
|
+
document.removeEventListener("keydown", g);
|
|
1714
|
+
}), R(
|
|
1715
|
+
[c, () => {
|
|
1716
|
+
var I;
|
|
1717
|
+
return (I = s.value) == null ? void 0 : I.length;
|
|
1718
|
+
}],
|
|
1719
|
+
([I, A]) => {
|
|
1720
|
+
(I || A > 0) && (r.value = i.value.scrollHeight > i.value.clientHeight);
|
|
1721
|
+
}
|
|
1722
|
+
), R(v, (I) => {
|
|
1723
|
+
var A, q;
|
|
1724
|
+
I && m > -1 && (n.focusOnShow ? (A = s.value[m]) == null || A.focus() : (q = s.value[m]) == null || q.scrollIntoView({ block: "nearest" }));
|
|
1725
|
+
}), R(w, C);
|
|
1726
|
+
const x = p(() => n.modelValue || n.selectedValue);
|
|
1727
|
+
function S() {
|
|
1700
1728
|
s.value = Array.from(
|
|
1701
1729
|
i.value.querySelectorAll('[data-component="bs-dropdown-option"]')
|
|
1702
1730
|
);
|
|
1703
1731
|
}
|
|
1704
|
-
function
|
|
1705
|
-
var
|
|
1706
|
-
|
|
1707
|
-
(
|
|
1708
|
-
), s.value.forEach((
|
|
1709
|
-
var
|
|
1710
|
-
return (
|
|
1711
|
-
}),
|
|
1712
|
-
var
|
|
1713
|
-
return (
|
|
1714
|
-
}), s.value.forEach((
|
|
1715
|
-
var
|
|
1716
|
-
return (
|
|
1732
|
+
function C() {
|
|
1733
|
+
var I, A;
|
|
1734
|
+
w.value && !n.multiselect ? (m = s.value.findIndex(
|
|
1735
|
+
(q) => q.getAttribute("data-value") === String(x.value)
|
|
1736
|
+
), s.value.forEach((q) => {
|
|
1737
|
+
var F;
|
|
1738
|
+
return (F = q == null ? void 0 : q.setAttribute) == null ? void 0 : F.call(q, "aria-selected", "false");
|
|
1739
|
+
}), m > -1 && ((I = s.value[m]) == null || I.setAttribute("data-selected", ""), (A = s.value[m]) == null || A.setAttribute("aria-selected", "true"), o.value = m)) : (s.value.forEach((q) => {
|
|
1740
|
+
var F;
|
|
1741
|
+
return (F = q == null ? void 0 : q.removeAttribute) == null ? void 0 : F.call(q, "data-selected");
|
|
1742
|
+
}), s.value.forEach((q) => {
|
|
1743
|
+
var F;
|
|
1744
|
+
return (F = q == null ? void 0 : q.removeAttribute) == null ? void 0 : F.call(q, "aria-selected");
|
|
1717
1745
|
}));
|
|
1718
1746
|
}
|
|
1719
|
-
|
|
1747
|
+
qt(
|
|
1720
1748
|
i,
|
|
1721
1749
|
() => {
|
|
1722
|
-
|
|
1750
|
+
S();
|
|
1723
1751
|
},
|
|
1724
1752
|
{ childList: !0 }
|
|
1725
1753
|
);
|
|
1726
|
-
function
|
|
1727
|
-
var
|
|
1728
|
-
o.value > -1 && ((
|
|
1754
|
+
function P() {
|
|
1755
|
+
var I;
|
|
1756
|
+
o.value > -1 && ((I = s.value[o.value]) == null || I.blur());
|
|
1729
1757
|
}
|
|
1730
|
-
function I
|
|
1731
|
-
if (
|
|
1732
|
-
switch (
|
|
1758
|
+
function g(I) {
|
|
1759
|
+
if (w.value)
|
|
1760
|
+
switch (I.key) {
|
|
1733
1761
|
case "ArrowDown":
|
|
1734
|
-
|
|
1762
|
+
b("down"), I.preventDefault();
|
|
1735
1763
|
break;
|
|
1736
1764
|
case "ArrowUp":
|
|
1737
|
-
|
|
1765
|
+
b("up"), I.preventDefault();
|
|
1738
1766
|
break;
|
|
1739
1767
|
case "Home":
|
|
1740
|
-
|
|
1768
|
+
b("home"), I.preventDefault();
|
|
1741
1769
|
break;
|
|
1742
1770
|
case "End":
|
|
1743
|
-
|
|
1771
|
+
b("end"), I.preventDefault();
|
|
1744
1772
|
break;
|
|
1745
1773
|
case "Tab":
|
|
1746
|
-
o.value =
|
|
1774
|
+
o.value = m, n.preventTab && I.preventDefault();
|
|
1747
1775
|
break;
|
|
1748
1776
|
}
|
|
1749
1777
|
}
|
|
1750
|
-
function
|
|
1751
|
-
let
|
|
1752
|
-
switch (
|
|
1778
|
+
function b(I) {
|
|
1779
|
+
let A;
|
|
1780
|
+
switch (I) {
|
|
1753
1781
|
case "up":
|
|
1754
|
-
|
|
1782
|
+
A = o.value - 1 < 0 ? s.value.length - 1 : o.value - 1;
|
|
1755
1783
|
break;
|
|
1756
1784
|
case "down":
|
|
1757
|
-
|
|
1785
|
+
A = (o.value + 1) % s.value.length;
|
|
1758
1786
|
break;
|
|
1759
1787
|
case "home":
|
|
1760
|
-
|
|
1788
|
+
A = 0;
|
|
1761
1789
|
break;
|
|
1762
1790
|
case "end":
|
|
1763
|
-
|
|
1791
|
+
A = s.value.length - 1;
|
|
1764
1792
|
break;
|
|
1765
1793
|
}
|
|
1766
|
-
|
|
1794
|
+
P(), s.value[A].focus(), u.value = s.value[A].id, o.value = A;
|
|
1767
1795
|
}
|
|
1768
|
-
function
|
|
1769
|
-
u.value =
|
|
1796
|
+
function z(I, A) {
|
|
1797
|
+
u.value = I, P(), l("optselected", A), l("update:modelValue", A), l("close");
|
|
1770
1798
|
}
|
|
1771
1799
|
return a({
|
|
1772
1800
|
activeDescendantId: u,
|
|
1773
1801
|
focusedIndex: o,
|
|
1774
1802
|
optionEls: s,
|
|
1775
|
-
refreshOptions:
|
|
1776
|
-
}), (
|
|
1803
|
+
refreshOptions: S
|
|
1804
|
+
}), (I, A) => (d(), h("ul", {
|
|
1777
1805
|
ref_key: "optionsRef",
|
|
1778
1806
|
ref: i,
|
|
1779
1807
|
"aria-activedescendant": u.value || void 0,
|
|
1780
1808
|
"aria-label": e.label,
|
|
1781
1809
|
class: "bs-dropdown-options",
|
|
1810
|
+
"data-overflow": r.value,
|
|
1782
1811
|
id: e.optionsId,
|
|
1783
1812
|
role: "listbox"
|
|
1784
1813
|
}, [
|
|
1785
|
-
|
|
1786
|
-
], 8,
|
|
1814
|
+
L(I.$slots, "default")
|
|
1815
|
+
], 8, Pa));
|
|
1787
1816
|
}
|
|
1788
|
-
},
|
|
1817
|
+
}, Ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1789
1818
|
__proto__: null,
|
|
1790
|
-
default:
|
|
1791
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1819
|
+
default: Fe
|
|
1820
|
+
}, Symbol.toStringTag, { value: "Module" })), za = ["data-value", "data-variant", "id"], Ue = {
|
|
1792
1821
|
__name: "BsDropdownOption",
|
|
1793
1822
|
props: {
|
|
1794
1823
|
value: {
|
|
@@ -1801,16 +1830,16 @@ const wa = {
|
|
|
1801
1830
|
}
|
|
1802
1831
|
},
|
|
1803
1832
|
setup(e) {
|
|
1804
|
-
const a = e, t =
|
|
1805
|
-
}), i =
|
|
1806
|
-
|
|
1833
|
+
const a = e, t = y(null), n = ie("optionsId", ""), l = ie("handleSelect", () => {
|
|
1834
|
+
}), i = p(() => `${n.value}-option-${a.value}`);
|
|
1835
|
+
Ie([" ", "Enter", "NumpadEnter"], (o) => {
|
|
1807
1836
|
u(), o.preventDefault();
|
|
1808
1837
|
}, t);
|
|
1809
1838
|
function u(o) {
|
|
1810
1839
|
var s, r;
|
|
1811
1840
|
l(i.value, a.value), (s = t.value.querySelector("a")) == null || s.click(), (r = o == null ? void 0 : o.stopPropagation) == null || r.call(o);
|
|
1812
1841
|
}
|
|
1813
|
-
return (o, s) => (d(),
|
|
1842
|
+
return (o, s) => (d(), h("li", {
|
|
1814
1843
|
ref_key: "optionRef",
|
|
1815
1844
|
ref: t,
|
|
1816
1845
|
"data-component": "bs-dropdown-option",
|
|
@@ -1821,10 +1850,10 @@ const wa = {
|
|
|
1821
1850
|
tabIndex: -1,
|
|
1822
1851
|
onClick: u
|
|
1823
1852
|
}, [
|
|
1824
|
-
|
|
1825
|
-
], 8,
|
|
1853
|
+
L(o.$slots, "default")
|
|
1854
|
+
], 8, za));
|
|
1826
1855
|
}
|
|
1827
|
-
},
|
|
1856
|
+
}, Na = ["data-img-size", "data-initials", "data-no-img"], Ra = ["src", "alt"], rt = {
|
|
1828
1857
|
__name: "BsProfileImg",
|
|
1829
1858
|
props: {
|
|
1830
1859
|
src: String,
|
|
@@ -1843,26 +1872,26 @@ const wa = {
|
|
|
1843
1872
|
}
|
|
1844
1873
|
},
|
|
1845
1874
|
setup(e) {
|
|
1846
|
-
const a = e, t =
|
|
1847
|
-
return Y(() => t.value = !0), (l, i) => (d(),
|
|
1875
|
+
const a = e, t = y(!1), n = y(!!a.src);
|
|
1876
|
+
return Y(() => t.value = !0), (l, i) => (d(), h("div", {
|
|
1848
1877
|
class: "bs-profile-img",
|
|
1849
1878
|
"data-img-size": e.size,
|
|
1850
1879
|
"data-initials": e.initials,
|
|
1851
1880
|
"data-no-img": !n.value
|
|
1852
1881
|
}, [
|
|
1853
|
-
n.value && t.value ? (d(),
|
|
1882
|
+
n.value && t.value ? (d(), h("img", {
|
|
1854
1883
|
key: 0,
|
|
1855
1884
|
src: e.src,
|
|
1856
1885
|
alt: e.useAltText ? e.profileName : "",
|
|
1857
1886
|
onError: i[0] || (i[0] = (u) => n.value = !1)
|
|
1858
|
-
}, null, 40,
|
|
1859
|
-
], 8,
|
|
1887
|
+
}, null, 40, Ra)) : k("", !0)
|
|
1888
|
+
], 8, Na));
|
|
1860
1889
|
}
|
|
1861
|
-
},
|
|
1890
|
+
}, ja = ["id", "data-checked"], Fa = { key: 1 }, Ua = ["innerHTML"], Wa = { key: 4 }, Ga = { key: 5 }, Ha = {
|
|
1862
1891
|
key: 0,
|
|
1863
1892
|
role: "option",
|
|
1864
1893
|
"data-no-hover": ""
|
|
1865
|
-
},
|
|
1894
|
+
}, ye = {
|
|
1866
1895
|
__name: "BsDropdownOptionBuilder",
|
|
1867
1896
|
props: {
|
|
1868
1897
|
// Array of objects with the following properties (either label or labelHtml
|
|
@@ -1895,9 +1924,9 @@ const wa = {
|
|
|
1895
1924
|
},
|
|
1896
1925
|
setup(e) {
|
|
1897
1926
|
const a = e, t = {};
|
|
1898
|
-
|
|
1927
|
+
at(() => {
|
|
1899
1928
|
n();
|
|
1900
|
-
}),
|
|
1929
|
+
}), R(() => a.options, () => {
|
|
1901
1930
|
n();
|
|
1902
1931
|
});
|
|
1903
1932
|
function n() {
|
|
@@ -1911,7 +1940,7 @@ const wa = {
|
|
|
1911
1940
|
return r += o.checkbox ? 1 : 0, r += o.icon ? 1 : 0, r += o.profileImg ? 1 : 0, r > 1 && (s += ` ${r}-col`), o.checkbox && (s += " checkbox"), o.description && (s += " description"), o.negative && (s += " negative"), s;
|
|
1912
1941
|
}
|
|
1913
1942
|
function i(o) {
|
|
1914
|
-
return
|
|
1943
|
+
return Re(async () => {
|
|
1915
1944
|
const { [`BsIcon${o}`]: s } = await import("@wwtdev/bsds-icons-vue3");
|
|
1916
1945
|
return s;
|
|
1917
1946
|
});
|
|
@@ -1919,25 +1948,25 @@ const wa = {
|
|
|
1919
1948
|
function u(o, s) {
|
|
1920
1949
|
return !!o && o !== s;
|
|
1921
1950
|
}
|
|
1922
|
-
return (o, s) => (d(),
|
|
1923
|
-
(d(!0),
|
|
1951
|
+
return (o, s) => (d(), h(W, null, [
|
|
1952
|
+
(d(!0), h(W, null, Z(e.options, (r) => (d(), O(Ue, {
|
|
1924
1953
|
"aria-checked": r.checkbox ? r.checkbox.checked : void 0,
|
|
1925
1954
|
key: r.value,
|
|
1926
1955
|
value: r.value,
|
|
1927
1956
|
variant: l(r)
|
|
1928
1957
|
}, {
|
|
1929
|
-
default:
|
|
1930
|
-
r.checkbox ? (d(),
|
|
1958
|
+
default: D(() => [
|
|
1959
|
+
r.checkbox ? (d(), h("span", {
|
|
1931
1960
|
key: 0,
|
|
1932
1961
|
id: r.checkbox.inputId,
|
|
1933
1962
|
"aria-hidden": "true",
|
|
1934
1963
|
class: "bs-checkbox",
|
|
1935
1964
|
"data-checked": r.checkbox.checked
|
|
1936
|
-
}, null, 8,
|
|
1937
|
-
r.icon ? (d(),
|
|
1938
|
-
(d(),
|
|
1965
|
+
}, null, 8, ja)) : k("", !0),
|
|
1966
|
+
r.icon ? (d(), h("span", Fa, [
|
|
1967
|
+
(d(), O(J(t[r.icon])))
|
|
1939
1968
|
])) : k("", !0),
|
|
1940
|
-
r.profileImg ? (d(),
|
|
1969
|
+
r.profileImg ? (d(), O(rt, {
|
|
1941
1970
|
key: 2,
|
|
1942
1971
|
src: r.profileImg.src,
|
|
1943
1972
|
size: "xs",
|
|
@@ -1945,24 +1974,24 @@ const wa = {
|
|
|
1945
1974
|
"profile-name": r.profileImg.profileName,
|
|
1946
1975
|
"use-alt-text": u(r.profileImg.profileName, r.label)
|
|
1947
1976
|
}, null, 8, ["src", "initials", "profile-name", "use-alt-text"])) : k("", !0),
|
|
1948
|
-
r.labelHtml ? (d(),
|
|
1977
|
+
r.labelHtml ? (d(), h("span", {
|
|
1949
1978
|
key: 3,
|
|
1950
1979
|
innerHTML: r.labelHtml
|
|
1951
|
-
}, null, 8,
|
|
1952
|
-
r.description ? (d(),
|
|
1980
|
+
}, null, 8, Ua)) : (d(), h("span", Wa, T(r.label), 1)),
|
|
1981
|
+
r.description ? (d(), h("span", Ga, T(r.description), 1)) : k("", !0)
|
|
1953
1982
|
]),
|
|
1954
1983
|
_: 2
|
|
1955
1984
|
}, 1032, ["aria-checked", "value", "variant"]))), 128)),
|
|
1956
|
-
e.showNoOptions && e.options.length === 0 ? (d(),
|
|
1957
|
-
|
|
1985
|
+
e.showNoOptions && e.options.length === 0 ? (d(), h("li", Ha, [
|
|
1986
|
+
L(o.$slots, "no-options", {}, () => [
|
|
1958
1987
|
H("No options")
|
|
1959
1988
|
])
|
|
1960
1989
|
])) : k("", !0)
|
|
1961
1990
|
], 64));
|
|
1962
1991
|
}
|
|
1963
|
-
},
|
|
1964
|
-
|
|
1965
|
-
],
|
|
1992
|
+
}, Ka = { role: "separator" }, Ya = /* @__PURE__ */ B("hr", null, null, -1), Qa = [
|
|
1993
|
+
Ya
|
|
1994
|
+
], Xa = {
|
|
1966
1995
|
__name: "BsDropdownMultiselect",
|
|
1967
1996
|
props: {
|
|
1968
1997
|
label: {
|
|
@@ -1988,51 +2017,51 @@ const wa = {
|
|
|
1988
2017
|
},
|
|
1989
2018
|
emits: ["update:selectedOptions"],
|
|
1990
2019
|
setup(e, { emit: a }) {
|
|
1991
|
-
const t = e, n = a, l =
|
|
2020
|
+
const t = e, n = a, l = y(null), i = y([]), u = y([]);
|
|
1992
2021
|
let o = !1;
|
|
1993
|
-
|
|
2022
|
+
R(
|
|
1994
2023
|
() => t.selectedOptions,
|
|
1995
2024
|
c,
|
|
1996
2025
|
{ immediate: !0 }
|
|
1997
|
-
),
|
|
1998
|
-
|
|
2026
|
+
), R(() => t.shown, (m) => {
|
|
2027
|
+
m && ce(s);
|
|
1999
2028
|
});
|
|
2000
2029
|
function s() {
|
|
2001
|
-
var
|
|
2002
|
-
l.value && (l.value.refreshOptions(), l.value.activeDescendantId = (
|
|
2003
|
-
const
|
|
2004
|
-
(
|
|
2030
|
+
var x, S;
|
|
2031
|
+
l.value && (l.value.refreshOptions(), l.value.activeDescendantId = (x = l.value.optionEls[0]) == null ? void 0 : x.id, l.value.focusedIndex = 0);
|
|
2032
|
+
const m = document.querySelector(`#${t.optionsId} [data-component="bs-dropdown-option"]`);
|
|
2033
|
+
(S = m == null ? void 0 : m.focus) == null || S.call(m, { preventScroll: !0 });
|
|
2005
2034
|
}
|
|
2006
2035
|
function r() {
|
|
2007
|
-
var
|
|
2036
|
+
var m;
|
|
2008
2037
|
if (l.value) {
|
|
2009
2038
|
l.value.refreshOptions();
|
|
2010
|
-
const
|
|
2011
|
-
(
|
|
2039
|
+
const x = l.value.focusedIndex, S = l.value.optionEls[x];
|
|
2040
|
+
(m = S == null ? void 0 : S.focus) == null || m.call(S), l.value.activeDescendantId = S == null ? void 0 : S.id;
|
|
2012
2041
|
}
|
|
2013
2042
|
}
|
|
2014
|
-
function c(
|
|
2015
|
-
const
|
|
2016
|
-
t.options.forEach((
|
|
2017
|
-
const
|
|
2018
|
-
|
|
2019
|
-
}), i.value =
|
|
2020
|
-
u.value =
|
|
2043
|
+
function c(m = []) {
|
|
2044
|
+
const x = new Set(m), S = [], C = [];
|
|
2045
|
+
t.options.forEach((P) => {
|
|
2046
|
+
const g = { ...P }, b = `${t.optionsId}-${P.value}-cb`;
|
|
2047
|
+
x.has(P.value) ? (g.checkbox = { inputId: b, checked: !0 }, S.push(g)) : (g.checkbox = { inputId: b, checked: !1 }, C.push(g));
|
|
2048
|
+
}), i.value = S, ce(() => {
|
|
2049
|
+
u.value = C, ce(() => {
|
|
2021
2050
|
o && r(), o = !1;
|
|
2022
2051
|
});
|
|
2023
2052
|
});
|
|
2024
2053
|
}
|
|
2025
|
-
function
|
|
2026
|
-
const
|
|
2027
|
-
return t.options.forEach((
|
|
2028
|
-
|
|
2029
|
-
}),
|
|
2054
|
+
function v(m = []) {
|
|
2055
|
+
const x = new Set(m), S = [];
|
|
2056
|
+
return t.options.forEach((C) => {
|
|
2057
|
+
x.has(C.value) && S.push(C.value);
|
|
2058
|
+
}), S;
|
|
2030
2059
|
}
|
|
2031
|
-
function
|
|
2032
|
-
const
|
|
2033
|
-
o = !0, n("update:selectedOptions",
|
|
2060
|
+
function w(m) {
|
|
2061
|
+
const x = t.selectedOptions.includes(m) ? t.selectedOptions.filter((S) => S !== m) : v([...t.selectedOptions, m]);
|
|
2062
|
+
o = !0, n("update:selectedOptions", x);
|
|
2034
2063
|
}
|
|
2035
|
-
return (
|
|
2064
|
+
return (m, x) => (d(), O(Fe, {
|
|
2036
2065
|
ref_key: "optlist",
|
|
2037
2066
|
ref: l,
|
|
2038
2067
|
"aria-multiselectable": "true",
|
|
@@ -2041,19 +2070,19 @@ const wa = {
|
|
|
2041
2070
|
multiselect: "",
|
|
2042
2071
|
"options-id": e.optionsId,
|
|
2043
2072
|
shown: e.shown,
|
|
2044
|
-
"onUpdate:modelValue":
|
|
2073
|
+
"onUpdate:modelValue": w
|
|
2045
2074
|
}, {
|
|
2046
|
-
default:
|
|
2047
|
-
var
|
|
2075
|
+
default: D(() => {
|
|
2076
|
+
var S;
|
|
2048
2077
|
return [
|
|
2049
|
-
V(
|
|
2078
|
+
V(ye, {
|
|
2050
2079
|
options: i.value,
|
|
2051
2080
|
"show-no-options": !1
|
|
2052
2081
|
}, null, 8, ["options"]),
|
|
2053
|
-
|
|
2054
|
-
[
|
|
2082
|
+
Be(B("li", Ka, Qa, 512), [
|
|
2083
|
+
[$e, (S = i.value) == null ? void 0 : S.length]
|
|
2055
2084
|
]),
|
|
2056
|
-
V(
|
|
2085
|
+
V(ye, {
|
|
2057
2086
|
options: u.value,
|
|
2058
2087
|
"show-no-options": !1
|
|
2059
2088
|
}, null, 8, ["options"])
|
|
@@ -2062,10 +2091,10 @@ const wa = {
|
|
|
2062
2091
|
_: 1
|
|
2063
2092
|
}, 8, ["label", "options-id", "shown"]));
|
|
2064
2093
|
}
|
|
2065
|
-
},
|
|
2094
|
+
}, Za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2066
2095
|
__proto__: null,
|
|
2067
|
-
default:
|
|
2068
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2096
|
+
default: Xa
|
|
2097
|
+
}, Symbol.toStringTag, { value: "Module" })), Ja = {
|
|
2069
2098
|
__name: "BsDropdownWithOptionsNew",
|
|
2070
2099
|
props: {
|
|
2071
2100
|
// DROPDOWN PROPS
|
|
@@ -2140,7 +2169,7 @@ const wa = {
|
|
|
2140
2169
|
"after-leave"
|
|
2141
2170
|
],
|
|
2142
2171
|
setup(e, { emit: a }) {
|
|
2143
|
-
const t = a, n =
|
|
2172
|
+
const t = a, n = y(!1);
|
|
2144
2173
|
function l() {
|
|
2145
2174
|
n.value = !0;
|
|
2146
2175
|
}
|
|
@@ -2150,7 +2179,7 @@ const wa = {
|
|
|
2150
2179
|
function u() {
|
|
2151
2180
|
n.value && (n.value = !1, t("close"));
|
|
2152
2181
|
}
|
|
2153
|
-
return (o, s) => (d(),
|
|
2182
|
+
return (o, s) => (d(), O(f(it), {
|
|
2154
2183
|
"anchor-id": e.anchorId,
|
|
2155
2184
|
breakout: e.breakout,
|
|
2156
2185
|
"container-id": e.containerId,
|
|
@@ -2166,8 +2195,8 @@ const wa = {
|
|
|
2166
2195
|
onEnter: l,
|
|
2167
2196
|
onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
|
|
2168
2197
|
}, {
|
|
2169
|
-
default:
|
|
2170
|
-
V(
|
|
2198
|
+
default: D(() => [
|
|
2199
|
+
V(f(Fe), {
|
|
2171
2200
|
"focus-on-show": e.focusOnShow,
|
|
2172
2201
|
label: e.label,
|
|
2173
2202
|
"model-value": e.modelValue,
|
|
@@ -2176,8 +2205,8 @@ const wa = {
|
|
|
2176
2205
|
"onUpdate:modelValue": i,
|
|
2177
2206
|
onClose: u
|
|
2178
2207
|
}, {
|
|
2179
|
-
default:
|
|
2180
|
-
|
|
2208
|
+
default: D(() => [
|
|
2209
|
+
L(o.$slots, "default")
|
|
2181
2210
|
]),
|
|
2182
2211
|
_: 3
|
|
2183
2212
|
}, 8, ["focus-on-show", "label", "model-value", "options-id", "prevent-tab"])
|
|
@@ -2185,7 +2214,7 @@ const wa = {
|
|
|
2185
2214
|
_: 3
|
|
2186
2215
|
}, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
|
|
2187
2216
|
}
|
|
2188
|
-
},
|
|
2217
|
+
}, We = {
|
|
2189
2218
|
__name: "BsDropdownWithOptions",
|
|
2190
2219
|
props: {
|
|
2191
2220
|
anchorId: {
|
|
@@ -2303,11 +2332,11 @@ const wa = {
|
|
|
2303
2332
|
"after-leave"
|
|
2304
2333
|
],
|
|
2305
2334
|
setup(e, { emit: a }) {
|
|
2306
|
-
const t = e, n = a, { transition: l } =
|
|
2335
|
+
const t = e, n = a, { transition: l } = fe(t), i = p(() => t.width === "toggle" ? "anchor" : t.width), u = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position), o = p(() => t.toggleId ? t.toggleId : t.anchorId), s = p(() => t.selectedValue || t.modelValue);
|
|
2307
2336
|
function r(c) {
|
|
2308
2337
|
n("optselected", c), n("update:modelValue", c);
|
|
2309
2338
|
}
|
|
2310
|
-
return (c,
|
|
2339
|
+
return (c, v) => (d(), O(Ja, {
|
|
2311
2340
|
"anchor-id": o.value,
|
|
2312
2341
|
breakout: e.breakout,
|
|
2313
2342
|
"container-id": e.containerId,
|
|
@@ -2320,21 +2349,21 @@ const wa = {
|
|
|
2320
2349
|
position: u.value,
|
|
2321
2350
|
preloaded: e.preloaded,
|
|
2322
2351
|
"prevent-tab": e.preventTab,
|
|
2323
|
-
shown:
|
|
2352
|
+
shown: f(l),
|
|
2324
2353
|
"use-mobile-style": e.useMobileStyle,
|
|
2325
2354
|
width: i.value,
|
|
2326
|
-
onClose:
|
|
2327
|
-
onAfterEnter:
|
|
2328
|
-
onAfterLeave:
|
|
2355
|
+
onClose: v[0] || (v[0] = (w) => n("close")),
|
|
2356
|
+
onAfterEnter: v[1] || (v[1] = (w) => n("after-enter")),
|
|
2357
|
+
onAfterLeave: v[2] || (v[2] = (w) => n("after-leave")),
|
|
2329
2358
|
"onUpdate:modelValue": r
|
|
2330
2359
|
}, {
|
|
2331
|
-
default:
|
|
2332
|
-
|
|
2360
|
+
default: D(() => [
|
|
2361
|
+
L(c.$slots, "default")
|
|
2333
2362
|
]),
|
|
2334
2363
|
_: 3
|
|
2335
2364
|
}, 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"]));
|
|
2336
2365
|
}
|
|
2337
|
-
},
|
|
2366
|
+
}, _a = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], en = {
|
|
2338
2367
|
__name: "BsFilterButton",
|
|
2339
2368
|
props: {
|
|
2340
2369
|
badgeCount: {
|
|
@@ -2363,8 +2392,8 @@ const wa = {
|
|
|
2363
2392
|
}
|
|
2364
2393
|
},
|
|
2365
2394
|
setup(e) {
|
|
2366
|
-
const a = e, t =
|
|
2367
|
-
return (n, l) => (d(),
|
|
2395
|
+
const a = e, t = p(() => a.badgeCount > 0);
|
|
2396
|
+
return (n, l) => (d(), h("button", {
|
|
2368
2397
|
class: "bs-filter-button",
|
|
2369
2398
|
"aria-controls": e.optionsId,
|
|
2370
2399
|
"aria-expanded": e.open,
|
|
@@ -2374,7 +2403,7 @@ const wa = {
|
|
|
2374
2403
|
disabled: e.disabled,
|
|
2375
2404
|
type: "button"
|
|
2376
2405
|
}, [
|
|
2377
|
-
t.value ? (d(),
|
|
2406
|
+
t.value ? (d(), O(Ut, {
|
|
2378
2407
|
key: 0,
|
|
2379
2408
|
color: "blue",
|
|
2380
2409
|
count: e.badgeCount,
|
|
@@ -2382,13 +2411,13 @@ const wa = {
|
|
|
2382
2411
|
position: "left",
|
|
2383
2412
|
variant: "notext"
|
|
2384
2413
|
}, null, 8, ["count"])) : k("", !0),
|
|
2385
|
-
|
|
2386
|
-
H(
|
|
2414
|
+
L(n.$slots, "label", {}, () => [
|
|
2415
|
+
H(T(e.label), 1)
|
|
2387
2416
|
]),
|
|
2388
|
-
V(
|
|
2389
|
-
], 8,
|
|
2417
|
+
V(f(lt))
|
|
2418
|
+
], 8, _a));
|
|
2390
2419
|
}
|
|
2391
|
-
},
|
|
2420
|
+
}, tn = ["id"], Ml = {
|
|
2392
2421
|
__name: "BsDropdownWithToggle",
|
|
2393
2422
|
props: {
|
|
2394
2423
|
breakout: {
|
|
@@ -2451,9 +2480,9 @@ const wa = {
|
|
|
2451
2480
|
},
|
|
2452
2481
|
emits: ["update:selectedOptions", "update:selectedOption", "toggled", "close"],
|
|
2453
2482
|
setup(e, { emit: a }) {
|
|
2454
|
-
const t = e, n = a, l =
|
|
2455
|
-
|
|
2456
|
-
|
|
2483
|
+
const t = e, n = a, l = y(!1), i = y(null), u = p(() => Re(async () => await (t.multiselect ? Promise.resolve().then(() => Za) : Promise.resolve().then(() => Ma)))), [o, s] = X(2);
|
|
2484
|
+
R(l, (x) => {
|
|
2485
|
+
x && i.value.$el.blur();
|
|
2457
2486
|
});
|
|
2458
2487
|
function r() {
|
|
2459
2488
|
l.value = !1, n("close"), i.value.$el.focus();
|
|
@@ -2461,41 +2490,41 @@ const wa = {
|
|
|
2461
2490
|
function c() {
|
|
2462
2491
|
l.value && r();
|
|
2463
2492
|
}
|
|
2464
|
-
function
|
|
2493
|
+
function v() {
|
|
2465
2494
|
l.value = !0;
|
|
2466
2495
|
}
|
|
2467
|
-
function
|
|
2468
|
-
n("update:selectedOptions",
|
|
2496
|
+
function w(x) {
|
|
2497
|
+
n("update:selectedOptions", x);
|
|
2469
2498
|
}
|
|
2470
|
-
function
|
|
2471
|
-
t.multiselect || (n("update:selectedOption",
|
|
2499
|
+
function m(x) {
|
|
2500
|
+
t.multiselect || (n("update:selectedOption", x), r());
|
|
2472
2501
|
}
|
|
2473
|
-
return (
|
|
2502
|
+
return (x, S) => (d(), h("div", {
|
|
2474
2503
|
class: "bs-dropdown-with-toggle",
|
|
2475
|
-
id:
|
|
2504
|
+
id: x.$attrs.id
|
|
2476
2505
|
}, [
|
|
2477
|
-
V(
|
|
2506
|
+
V(en, {
|
|
2478
2507
|
ref_key: "toggleRef",
|
|
2479
2508
|
ref: i,
|
|
2480
|
-
"aria-controls":
|
|
2509
|
+
"aria-controls": f(s),
|
|
2481
2510
|
"aria-expanded": e.open,
|
|
2482
2511
|
disabled: e.disabled,
|
|
2483
|
-
id:
|
|
2512
|
+
id: f(o),
|
|
2484
2513
|
open: e.open,
|
|
2485
|
-
"options-id":
|
|
2514
|
+
"options-id": f(s),
|
|
2486
2515
|
size: e.toggleSize,
|
|
2487
|
-
onClick:
|
|
2516
|
+
onClick: S[0] || (S[0] = (C) => x.$emit("toggled"))
|
|
2488
2517
|
}, {
|
|
2489
|
-
label:
|
|
2490
|
-
|
|
2491
|
-
H(
|
|
2518
|
+
label: D(() => [
|
|
2519
|
+
L(x.$slots, "toggle-label", {}, () => [
|
|
2520
|
+
H(T(e.toggleLabel), 1)
|
|
2492
2521
|
])
|
|
2493
2522
|
]),
|
|
2494
2523
|
_: 3
|
|
2495
2524
|
}, 8, ["aria-controls", "aria-expanded", "disabled", "id", "open", "options-id", "size"]),
|
|
2496
|
-
V(
|
|
2525
|
+
V(it, {
|
|
2497
2526
|
shown: e.open,
|
|
2498
|
-
"anchor-id":
|
|
2527
|
+
"anchor-id": f(o),
|
|
2499
2528
|
breakout: e.breakout,
|
|
2500
2529
|
"helper-text": e.helperText,
|
|
2501
2530
|
"helper-description": e.helperDescription,
|
|
@@ -2504,22 +2533,22 @@ const wa = {
|
|
|
2504
2533
|
"use-mobile-style": e.useMobileStyle,
|
|
2505
2534
|
width: e.dropdownWidth,
|
|
2506
2535
|
onClose: c,
|
|
2507
|
-
onEnter:
|
|
2536
|
+
onEnter: v
|
|
2508
2537
|
}, {
|
|
2509
|
-
default:
|
|
2510
|
-
V(
|
|
2538
|
+
default: D(() => [
|
|
2539
|
+
V(f(u), {
|
|
2511
2540
|
label: e.dropdownLabel,
|
|
2512
2541
|
"model-value": e.selectedOption,
|
|
2513
2542
|
options: e.options,
|
|
2514
|
-
"options-id":
|
|
2543
|
+
"options-id": f(s),
|
|
2515
2544
|
"selected-options": e.selectedOptions,
|
|
2516
2545
|
shown: e.open,
|
|
2517
|
-
"onUpdate:modelValue":
|
|
2518
|
-
"onUpdate:selectedOptions":
|
|
2519
|
-
onClose:
|
|
2546
|
+
"onUpdate:modelValue": m,
|
|
2547
|
+
"onUpdate:selectedOptions": w,
|
|
2548
|
+
onClose: S[1] || (S[1] = (C) => e.multiselect ? void 0 : c())
|
|
2520
2549
|
}, {
|
|
2521
|
-
default:
|
|
2522
|
-
e.multiselect ? k("", !0) : (d(),
|
|
2550
|
+
default: D(() => [
|
|
2551
|
+
e.multiselect ? k("", !0) : (d(), O(ye, {
|
|
2523
2552
|
key: 0,
|
|
2524
2553
|
options: e.options
|
|
2525
2554
|
}, null, 8, ["options"]))
|
|
@@ -2529,51 +2558,51 @@ const wa = {
|
|
|
2529
2558
|
]),
|
|
2530
2559
|
_: 1
|
|
2531
2560
|
}, 8, ["shown", "anchor-id", "breakout", "helper-text", "helper-description", "position", "use-mobile-style", "width"])
|
|
2532
|
-
], 8,
|
|
2561
|
+
], 8, tn));
|
|
2533
2562
|
}
|
|
2534
|
-
},
|
|
2563
|
+
}, an = ["view-box"], nn = ["id"], ln = ["offset", "stop-color"], zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2535
2564
|
__name: "BsIconGradientWrapper",
|
|
2536
2565
|
setup(e) {
|
|
2537
|
-
const a =
|
|
2566
|
+
const a = y(null), t = y(null), n = [
|
|
2538
2567
|
{ offset: 0.1326, color: "#EE282A" },
|
|
2539
2568
|
{ offset: 0.5466, color: "#1C0087" },
|
|
2540
2569
|
{ offset: 0.9715, color: "#0086EA" }
|
|
2541
|
-
], [l] =
|
|
2570
|
+
], [l] = X();
|
|
2542
2571
|
return Y(() => {
|
|
2543
2572
|
t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
|
|
2544
|
-
}), (i, u) => (d(),
|
|
2545
|
-
|
|
2573
|
+
}), (i, u) => (d(), h(W, null, [
|
|
2574
|
+
B("span", N({
|
|
2546
2575
|
ref_key: "svgWrapperRef",
|
|
2547
2576
|
ref: a,
|
|
2548
2577
|
class: "bs-icon-gradient-wrapper",
|
|
2549
|
-
style: `fill: url(#${
|
|
2578
|
+
style: `fill: url(#${f(l)});`
|
|
2550
2579
|
}, i.$attrs), [
|
|
2551
|
-
|
|
2580
|
+
L(i.$slots, "default")
|
|
2552
2581
|
], 16),
|
|
2553
|
-
(d(),
|
|
2582
|
+
(d(), h("svg", {
|
|
2554
2583
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2555
2584
|
"view-box": t.value,
|
|
2556
2585
|
width: "0",
|
|
2557
2586
|
height: "0"
|
|
2558
2587
|
}, [
|
|
2559
|
-
|
|
2560
|
-
id:
|
|
2588
|
+
B("linearGradient", {
|
|
2589
|
+
id: f(l),
|
|
2561
2590
|
x1: "0",
|
|
2562
2591
|
y1: "0",
|
|
2563
2592
|
x2: "100%",
|
|
2564
2593
|
y2: "100%",
|
|
2565
2594
|
"gradient-units": "userSpaceOnUse"
|
|
2566
2595
|
}, [
|
|
2567
|
-
(d(),
|
|
2596
|
+
(d(), h(W, null, Z(n, (o) => B("stop", {
|
|
2568
2597
|
key: o.offset,
|
|
2569
2598
|
offset: o.offset,
|
|
2570
2599
|
"stop-color": o.color
|
|
2571
|
-
}, null, 8,
|
|
2572
|
-
], 8,
|
|
2573
|
-
], 8,
|
|
2600
|
+
}, null, 8, ln)), 64))
|
|
2601
|
+
], 8, nn)
|
|
2602
|
+
], 8, an))
|
|
2574
2603
|
], 64));
|
|
2575
2604
|
}
|
|
2576
|
-
}),
|
|
2605
|
+
}), Nl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2577
2606
|
__name: "BsInputField",
|
|
2578
2607
|
props: {
|
|
2579
2608
|
/** Sets the disabled state on input, disabled styles on label. */
|
|
@@ -2620,46 +2649,46 @@ const wa = {
|
|
|
2620
2649
|
},
|
|
2621
2650
|
emits: ["update:modelValue"],
|
|
2622
2651
|
setup(e, { emit: a }) {
|
|
2623
|
-
const t = e, [n, l] =
|
|
2652
|
+
const t = e, [n, l] = X(2), i = p(() => ge.concat(t.passAttrs.split(",")).concat("type")), u = p(() => {
|
|
2624
2653
|
var r, c;
|
|
2625
2654
|
return ((c = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
|
|
2626
2655
|
`)) || t.hints;
|
|
2627
|
-
}), o =
|
|
2628
|
-
return (r, c) => (d(),
|
|
2629
|
-
e.label || r.$slots.label ? (d(),
|
|
2656
|
+
}), o = p(() => t.error && t.errorMsg || t.hint || u.value || void 0), s = p(() => t.inputId || n.value);
|
|
2657
|
+
return (r, c) => (d(), h("div", N({ "data-component": "bs-input-field" }, f(K)(r.$attrs, i.value).remaining), [
|
|
2658
|
+
e.label || r.$slots.label ? (d(), O(ne, {
|
|
2630
2659
|
key: 0,
|
|
2631
2660
|
for: r.$attrs.id || s.value,
|
|
2632
2661
|
disabled: e.disabled,
|
|
2633
2662
|
required: e.required
|
|
2634
2663
|
}, {
|
|
2635
|
-
default:
|
|
2636
|
-
|
|
2637
|
-
H(
|
|
2664
|
+
default: D(() => [
|
|
2665
|
+
L(r.$slots, "label", {}, () => [
|
|
2666
|
+
H(T(e.label), 1)
|
|
2638
2667
|
])
|
|
2639
2668
|
]),
|
|
2640
2669
|
_: 3
|
|
2641
2670
|
}, 8, ["for", "disabled", "required"])) : k("", !0),
|
|
2642
|
-
V(
|
|
2671
|
+
V(ve, N({
|
|
2643
2672
|
disabled: e.disabled,
|
|
2644
2673
|
error: e.error,
|
|
2645
|
-
"hint-id":
|
|
2674
|
+
"hint-id": f(l),
|
|
2646
2675
|
id: r.$attrs.id || s.value,
|
|
2647
2676
|
placeholder: e.placeholder,
|
|
2648
2677
|
required: e.required,
|
|
2649
2678
|
type: e.type,
|
|
2650
2679
|
value: e.value || e.modelValue,
|
|
2651
|
-
"onUpdate:modelValue": c[0] || (c[0] = (
|
|
2652
|
-
},
|
|
2653
|
-
o.value ? (d(),
|
|
2680
|
+
"onUpdate:modelValue": c[0] || (c[0] = (v) => r.$emit("update:modelValue", v))
|
|
2681
|
+
}, f(K)(r.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
|
|
2682
|
+
o.value ? (d(), O(pe, {
|
|
2654
2683
|
key: 1,
|
|
2655
2684
|
error: e.error,
|
|
2656
2685
|
"error-msg": e.errorMsg,
|
|
2657
2686
|
hint: e.hint || u.value,
|
|
2658
|
-
"hint-id":
|
|
2687
|
+
"hint-id": f(l)
|
|
2659
2688
|
}, null, 8, ["error", "error-msg", "hint", "hint-id"])) : k("", !0)
|
|
2660
2689
|
], 16));
|
|
2661
2690
|
}
|
|
2662
|
-
}),
|
|
2691
|
+
}), et = {
|
|
2663
2692
|
A: "🇦",
|
|
2664
2693
|
B: "🇧",
|
|
2665
2694
|
C: "🇨",
|
|
@@ -2686,7 +2715,7 @@ const wa = {
|
|
|
2686
2715
|
X: "🇽",
|
|
2687
2716
|
Y: "🇾",
|
|
2688
2717
|
Z: "🇿"
|
|
2689
|
-
},
|
|
2718
|
+
}, Pe = {
|
|
2690
2719
|
data: {
|
|
2691
2720
|
allCountries: null,
|
|
2692
2721
|
byCountryCode: null,
|
|
@@ -2712,8 +2741,8 @@ const wa = {
|
|
|
2712
2741
|
* @returns {Country[]} an array of country objects
|
|
2713
2742
|
*/
|
|
2714
2743
|
initSourceData() {
|
|
2715
|
-
return this.data.allCountries || (this.data.allCountries =
|
|
2716
|
-
const a =
|
|
2744
|
+
return this.data.allCountries || (this.data.allCountries = Lt().map((e) => {
|
|
2745
|
+
const a = Vt(e), t = et[a[0]] + et[a[1]] || "";
|
|
2717
2746
|
return {
|
|
2718
2747
|
label: `+${e}`,
|
|
2719
2748
|
flag: t,
|
|
@@ -2727,10 +2756,10 @@ const wa = {
|
|
|
2727
2756
|
this.data[e][t[a]] = t;
|
|
2728
2757
|
}));
|
|
2729
2758
|
}
|
|
2730
|
-
},
|
|
2759
|
+
}, on = ["id", "aria-controls", "aria-expanded", "aria-label", "disabled"], rn = { key: 0 }, sn = {
|
|
2731
2760
|
"aria-hidden": "true",
|
|
2732
2761
|
style: { width: "1.25rem" }
|
|
2733
|
-
},
|
|
2762
|
+
}, dn = { "aria-hidden": "true" }, Rl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2734
2763
|
__name: "BsInputPhone",
|
|
2735
2764
|
props: {
|
|
2736
2765
|
deferValidation: {
|
|
@@ -2792,145 +2821,145 @@ const wa = {
|
|
|
2792
2821
|
"Escape",
|
|
2793
2822
|
"Home",
|
|
2794
2823
|
"Tab"
|
|
2795
|
-
], u =
|
|
2824
|
+
], u = y(null), o = y(1), s = y([]), r = y(null), [
|
|
2796
2825
|
c,
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
] =
|
|
2826
|
+
v,
|
|
2827
|
+
w,
|
|
2828
|
+
m
|
|
2829
|
+
] = X(4), x = y(!1), S = y(""), C = y(""), P = y(!1), g = y(!1), b = y(!0);
|
|
2801
2830
|
a({
|
|
2802
|
-
validationErr:
|
|
2803
|
-
validationErrMsg:
|
|
2831
|
+
validationErr: P,
|
|
2832
|
+
validationErrMsg: C
|
|
2804
2833
|
});
|
|
2805
|
-
const
|
|
2806
|
-
z
|
|
2807
|
-
l("update:modelValue",
|
|
2808
|
-
}),
|
|
2809
|
-
function
|
|
2810
|
-
|
|
2834
|
+
const z = p(() => S.value ? `+${o.value}${S.value}` : ""), I = p(() => `Country code: ${o.value}. Click to change.`), A = p(() => b.value ? n.errorMsg || C.value : ""), q = p(() => n.error || P.value), F = p(() => n.hint || q.value && A.value), _ = p(() => b.value && q.value);
|
|
2835
|
+
R(z, (M) => {
|
|
2836
|
+
l("update:modelValue", M), be(M);
|
|
2837
|
+
}), R(() => n.modelValue, de), De(), Y(() => x.value = !0);
|
|
2838
|
+
function de(M, U) {
|
|
2839
|
+
M === "" && M !== U && (S.value = "");
|
|
2811
2840
|
}
|
|
2812
|
-
function
|
|
2813
|
-
var
|
|
2814
|
-
|
|
2841
|
+
function xe() {
|
|
2842
|
+
var M;
|
|
2843
|
+
g.value && (g.value = !1, (M = u.value) == null || M.focus());
|
|
2815
2844
|
}
|
|
2816
|
-
function
|
|
2845
|
+
function Ae(M) {
|
|
2817
2846
|
var U;
|
|
2818
|
-
o.value =
|
|
2847
|
+
o.value = M, g.value = !1, (U = u.value) == null || U.focus(), he(M);
|
|
2819
2848
|
}
|
|
2820
|
-
function
|
|
2821
|
-
n.deferValidation && (
|
|
2849
|
+
function Le() {
|
|
2850
|
+
n.deferValidation && (b.value = !0), l("input-blur");
|
|
2822
2851
|
}
|
|
2823
|
-
function
|
|
2824
|
-
|
|
2852
|
+
function Ve(M) {
|
|
2853
|
+
S.value = M.target.value, n.deferValidation && (b.value = !1);
|
|
2825
2854
|
}
|
|
2826
|
-
function
|
|
2827
|
-
var U,
|
|
2828
|
-
!((
|
|
2855
|
+
function Ee(M) {
|
|
2856
|
+
var U, G;
|
|
2857
|
+
!((G = (U = M.key) == null ? void 0 : U.match) != null && G.call(U, /[0-9]/)) && !i.includes(M.key) && !M.ctrlKey && !M.metaKey && M.preventDefault();
|
|
2829
2858
|
}
|
|
2830
|
-
function
|
|
2831
|
-
|
|
2859
|
+
function De() {
|
|
2860
|
+
Pe.initSourceData(), Oe(), he(o.value), be(z.value);
|
|
2832
2861
|
}
|
|
2833
|
-
function
|
|
2834
|
-
var U,
|
|
2835
|
-
let
|
|
2836
|
-
|
|
2837
|
-
...
|
|
2838
|
-
isSelected: o.value ===
|
|
2862
|
+
function Oe() {
|
|
2863
|
+
var U, G;
|
|
2864
|
+
let M = Ye(n.modelValue);
|
|
2865
|
+
M.valid || M.countryCode && ((G = (U = n.modelValue) == null ? void 0 : U.startsWith) != null && G.call(U, "+")) ? (o.value = M.countryCode, S.value = M.number.significant) : S.value = n.modelValue, s.value = Pe.data.allCountries.map((ue) => ({
|
|
2866
|
+
...ue,
|
|
2867
|
+
isSelected: o.value === ue
|
|
2839
2868
|
}));
|
|
2840
2869
|
}
|
|
2841
|
-
function
|
|
2842
|
-
r.value =
|
|
2870
|
+
function he(M) {
|
|
2871
|
+
r.value = Pe.getCountryByCountryCode(M);
|
|
2843
2872
|
}
|
|
2844
|
-
function
|
|
2845
|
-
|
|
2873
|
+
function be(M) {
|
|
2874
|
+
P.value = M ? !Ye(M).valid : !1, C.value = P.value ? "Invalid phone number" : "";
|
|
2846
2875
|
}
|
|
2847
|
-
return (
|
|
2876
|
+
return (M, U) => (d(), h("div", N({
|
|
2848
2877
|
class: "bs-input-phone",
|
|
2849
2878
|
"data-component": "bs-input-phone"
|
|
2850
|
-
},
|
|
2851
|
-
V(
|
|
2852
|
-
for:
|
|
2879
|
+
}, f(K)(M.$attrs, f(ge)).remaining), [
|
|
2880
|
+
V(ne, {
|
|
2881
|
+
for: M.$attrs.id || e.inputId || f(m),
|
|
2853
2882
|
required: e.required,
|
|
2854
|
-
class:
|
|
2883
|
+
class: ae({ "visually-hidden": e.hideLabel })
|
|
2855
2884
|
}, {
|
|
2856
|
-
default:
|
|
2857
|
-
H(
|
|
2885
|
+
default: D(() => [
|
|
2886
|
+
H(T(e.label), 1)
|
|
2858
2887
|
]),
|
|
2859
2888
|
_: 1
|
|
2860
2889
|
}, 8, ["for", "required", "class"]),
|
|
2861
|
-
V(
|
|
2890
|
+
V(Ce, {
|
|
2862
2891
|
disabled: e.disabled,
|
|
2863
|
-
error:
|
|
2892
|
+
error: _.value,
|
|
2864
2893
|
multifocus: !0,
|
|
2865
2894
|
variant: "inner-bordered"
|
|
2866
2895
|
}, {
|
|
2867
|
-
default:
|
|
2868
|
-
var
|
|
2896
|
+
default: D(() => {
|
|
2897
|
+
var G;
|
|
2869
2898
|
return [
|
|
2870
|
-
|
|
2871
|
-
id:
|
|
2899
|
+
B("button", {
|
|
2900
|
+
id: f(c),
|
|
2872
2901
|
ref_key: "countryCodesToggle",
|
|
2873
2902
|
ref: u,
|
|
2874
|
-
"aria-controls":
|
|
2875
|
-
"aria-expanded":
|
|
2903
|
+
"aria-controls": f(v),
|
|
2904
|
+
"aria-expanded": g.value,
|
|
2876
2905
|
"aria-haspopup": "listbox",
|
|
2877
|
-
"aria-label":
|
|
2906
|
+
"aria-label": I.value,
|
|
2878
2907
|
disabled: e.disabled,
|
|
2879
2908
|
type: "button",
|
|
2880
|
-
onClick: U[0] || (U[0] = (
|
|
2909
|
+
onClick: U[0] || (U[0] = (ue) => g.value = !g.value)
|
|
2881
2910
|
}, [
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
V(
|
|
2885
|
-
], 8,
|
|
2886
|
-
V(
|
|
2887
|
-
"input-id":
|
|
2911
|
+
B("span", null, T((G = r.value) == null ? void 0 : G.flag), 1),
|
|
2912
|
+
B("span", null, "+" + T(o.value), 1),
|
|
2913
|
+
V(f(vt), { size: "sm" })
|
|
2914
|
+
], 8, on),
|
|
2915
|
+
V(ve, N({
|
|
2916
|
+
"input-id": M.$attrs.id || e.inputId || f(m),
|
|
2888
2917
|
disabled: e.disabled,
|
|
2889
|
-
"hint-id":
|
|
2918
|
+
"hint-id": f(w),
|
|
2890
2919
|
placeholder: e.placeholder,
|
|
2891
|
-
value:
|
|
2920
|
+
value: S.value,
|
|
2892
2921
|
"data-autowidth": "",
|
|
2893
2922
|
type: "tel"
|
|
2894
|
-
},
|
|
2895
|
-
onInput:
|
|
2896
|
-
onFocusout:
|
|
2897
|
-
onKeydown:
|
|
2923
|
+
}, f(K)(M.$attrs, f(ge)).filtered, {
|
|
2924
|
+
onInput: Ve,
|
|
2925
|
+
onFocusout: Le,
|
|
2926
|
+
onKeydown: Ee
|
|
2898
2927
|
}), null, 16, ["input-id", "disabled", "hint-id", "placeholder", "value"])
|
|
2899
2928
|
];
|
|
2900
2929
|
}),
|
|
2901
2930
|
_: 1
|
|
2902
2931
|
}, 8, ["disabled", "error"]),
|
|
2903
|
-
|
|
2904
|
-
error:
|
|
2905
|
-
"error-msg":
|
|
2932
|
+
Be(V(pe, {
|
|
2933
|
+
error: q.value,
|
|
2934
|
+
"error-msg": A.value,
|
|
2906
2935
|
hint: e.hint,
|
|
2907
|
-
"hint-id":
|
|
2936
|
+
"hint-id": f(w)
|
|
2908
2937
|
}, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
|
|
2909
|
-
[
|
|
2938
|
+
[$e, F.value]
|
|
2910
2939
|
]),
|
|
2911
|
-
|
|
2912
|
-
V(
|
|
2913
|
-
"anchor-id":
|
|
2940
|
+
x.value ? (d(), h("div", rn, [
|
|
2941
|
+
V(We, {
|
|
2942
|
+
"anchor-id": f(c),
|
|
2914
2943
|
"helper-text": "Country Code",
|
|
2915
2944
|
label: "Country Code",
|
|
2916
2945
|
"model-value": o.value,
|
|
2917
|
-
"options-id":
|
|
2946
|
+
"options-id": f(v),
|
|
2918
2947
|
preloaded: "",
|
|
2919
|
-
shown:
|
|
2948
|
+
shown: g.value,
|
|
2920
2949
|
width: "content",
|
|
2921
|
-
onClose:
|
|
2922
|
-
"onUpdate:modelValue":
|
|
2950
|
+
onClose: xe,
|
|
2951
|
+
"onUpdate:modelValue": Ae
|
|
2923
2952
|
}, {
|
|
2924
|
-
default:
|
|
2925
|
-
|
|
2926
|
-
"aria-label":
|
|
2927
|
-
key:
|
|
2928
|
-
value: `${
|
|
2953
|
+
default: D(() => [
|
|
2954
|
+
x.value ? (d(!0), h(W, { key: 0 }, Z(s.value, (G) => (d(), O(Ue, {
|
|
2955
|
+
"aria-label": G.value,
|
|
2956
|
+
key: G.value,
|
|
2957
|
+
value: `${G.value}`,
|
|
2929
2958
|
variant: "2-col"
|
|
2930
2959
|
}, {
|
|
2931
|
-
default:
|
|
2932
|
-
|
|
2933
|
-
|
|
2960
|
+
default: D(() => [
|
|
2961
|
+
B("span", sn, T(G == null ? void 0 : G.flag), 1),
|
|
2962
|
+
B("span", dn, T(G.label), 1)
|
|
2934
2963
|
]),
|
|
2935
2964
|
_: 2
|
|
2936
2965
|
}, 1032, ["aria-label", "value"]))), 128)) : k("", !0)
|
|
@@ -2940,7 +2969,7 @@ const wa = {
|
|
|
2940
2969
|
])) : k("", !0)
|
|
2941
2970
|
], 16));
|
|
2942
2971
|
}
|
|
2943
|
-
}),
|
|
2972
|
+
}), un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2944
2973
|
__name: "BsInputSearch",
|
|
2945
2974
|
props: {
|
|
2946
2975
|
/** Sets the disabled state on input, disabled styles on label. */
|
|
@@ -2985,44 +3014,44 @@ const wa = {
|
|
|
2985
3014
|
},
|
|
2986
3015
|
emits: ["clear", "update:modelValue"],
|
|
2987
3016
|
setup(e, { emit: a }) {
|
|
2988
|
-
const t = e, n =
|
|
2989
|
-
return (i, u) => (d(),
|
|
3017
|
+
const t = e, n = p(() => ge.concat(t.passAttrs.split(","))), l = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
|
|
3018
|
+
return (i, u) => (d(), O(Ce, N({
|
|
2990
3019
|
class: "bs-input-search",
|
|
2991
3020
|
"data-component": "bs-input-search",
|
|
2992
3021
|
"data-variant": e.variant,
|
|
2993
3022
|
disabled: e.disabled
|
|
2994
|
-
},
|
|
2995
|
-
default:
|
|
2996
|
-
e.hideSearchIcon ? k("", !0) : (d(),
|
|
2997
|
-
V(
|
|
3023
|
+
}, f(K)(i.$attrs, n.value).remaining), {
|
|
3024
|
+
default: D(() => [
|
|
3025
|
+
e.hideSearchIcon ? k("", !0) : (d(), O(f(ht), { key: 0 })),
|
|
3026
|
+
V(ve, N({
|
|
2998
3027
|
"data-autowidth": "",
|
|
2999
3028
|
disabled: e.disabled,
|
|
3000
3029
|
"input-id": i.$attrs.id || e.inputId,
|
|
3001
3030
|
placeholder: e.placeholder,
|
|
3002
3031
|
value: e.value || e.modelValue
|
|
3003
|
-
},
|
|
3032
|
+
}, f(K)(i.$attrs, n.value).filtered, {
|
|
3004
3033
|
"onUpdate:modelValue": u[0] || (u[0] = (o) => i.$emit("update:modelValue", o))
|
|
3005
3034
|
}), null, 16, ["disabled", "input-id", "placeholder", "value"]),
|
|
3006
|
-
|
|
3035
|
+
Be(B("button", {
|
|
3007
3036
|
title: "Clear",
|
|
3008
3037
|
type: "button",
|
|
3009
3038
|
onClick: u[1] || (u[1] = (o) => i.$emit("clear"))
|
|
3010
3039
|
}, [
|
|
3011
|
-
V(
|
|
3040
|
+
V(f(Se), { size: "sm" })
|
|
3012
3041
|
], 512), [
|
|
3013
|
-
[
|
|
3042
|
+
[$e, l.value]
|
|
3014
3043
|
])
|
|
3015
3044
|
]),
|
|
3016
3045
|
_: 1
|
|
3017
3046
|
}, 16, ["data-variant", "disabled"]));
|
|
3018
3047
|
}
|
|
3019
|
-
}),
|
|
3020
|
-
un,
|
|
3021
|
-
cn,
|
|
3048
|
+
}), cn = ["data-size", "data-variant"], fn = /* @__PURE__ */ B("span", null, null, -1), pn = /* @__PURE__ */ B("span", null, null, -1), vn = /* @__PURE__ */ B("span", null, null, -1), hn = /* @__PURE__ */ B("span", null, null, -1), bn = /* @__PURE__ */ B("span", { class: "visually-hidden" }, "Loading", -1), mn = [
|
|
3022
3049
|
fn,
|
|
3023
3050
|
pn,
|
|
3024
|
-
vn
|
|
3025
|
-
|
|
3051
|
+
vn,
|
|
3052
|
+
hn,
|
|
3053
|
+
bn
|
|
3054
|
+
], gn = {
|
|
3026
3055
|
__name: "BsLoader",
|
|
3027
3056
|
props: {
|
|
3028
3057
|
size: {
|
|
@@ -3036,14 +3065,14 @@ const wa = {
|
|
|
3036
3065
|
}
|
|
3037
3066
|
},
|
|
3038
3067
|
setup(e) {
|
|
3039
|
-
return (a, t) => (d(),
|
|
3068
|
+
return (a, t) => (d(), h("span", {
|
|
3040
3069
|
class: "bs-loader",
|
|
3041
3070
|
"data-size": e.size,
|
|
3042
3071
|
"data-variant": e.variant,
|
|
3043
3072
|
role: "status"
|
|
3044
|
-
},
|
|
3073
|
+
}, mn, 8, cn));
|
|
3045
3074
|
}
|
|
3046
|
-
},
|
|
3075
|
+
}, yn = ["id"], jl = {
|
|
3047
3076
|
__name: "BsInputTypeahead",
|
|
3048
3077
|
props: {
|
|
3049
3078
|
characterThreshold: {
|
|
@@ -3107,60 +3136,60 @@ const wa = {
|
|
|
3107
3136
|
},
|
|
3108
3137
|
emits: ["update:inputValue", "update:optionsValue"],
|
|
3109
3138
|
setup(e, { emit: a }) {
|
|
3110
|
-
const t = e, n = a, l =
|
|
3139
|
+
const t = e, n = a, l = y(!1), i = y(!1), [u] = X();
|
|
3111
3140
|
let o = [];
|
|
3112
|
-
|
|
3113
|
-
i.value ? i.value = !1 :
|
|
3141
|
+
R(() => t.inputValue, () => {
|
|
3142
|
+
i.value ? i.value = !1 : S();
|
|
3114
3143
|
});
|
|
3115
|
-
const s =
|
|
3144
|
+
const s = p(() => t.typeaheadId || u.value), r = p(() => `${s.value}-input-container`), c = p(() => `${s.value}-input`), v = p(() => `${s.value}-options`), w = p(() => {
|
|
3116
3145
|
if (l.value) {
|
|
3117
|
-
let
|
|
3118
|
-
const
|
|
3119
|
-
return
|
|
3146
|
+
let g = t.options;
|
|
3147
|
+
const b = t.inputValue.toLowerCase(), z = t.filterType === "includes" ? "includes" : "startsWith";
|
|
3148
|
+
return g = m(g, b, z), g = g.slice(0, t.maxOptions), g = x(g, b, z), o = g, g;
|
|
3120
3149
|
} else
|
|
3121
3150
|
return o;
|
|
3122
3151
|
});
|
|
3123
|
-
function
|
|
3124
|
-
return t.internalFiltering ?
|
|
3152
|
+
function m(g, b, z) {
|
|
3153
|
+
return t.internalFiltering ? g.filter((I) => I.label.toLowerCase()[z](b)) : g;
|
|
3125
3154
|
}
|
|
3126
|
-
function
|
|
3127
|
-
return
|
|
3128
|
-
let
|
|
3129
|
-
if (
|
|
3130
|
-
const
|
|
3131
|
-
|
|
3155
|
+
function x(g, b, z) {
|
|
3156
|
+
return g.map((I) => {
|
|
3157
|
+
let A = I.label;
|
|
3158
|
+
if (b !== "") {
|
|
3159
|
+
const q = z === "includes" ? "gi" : "i", F = new RegExp(`(${b})`, q);
|
|
3160
|
+
A = I.label.replace(F, '<span style="color: var(--bs-blue-base)">$1</span>');
|
|
3132
3161
|
}
|
|
3133
|
-
return { ...
|
|
3162
|
+
return { ...I, labelHtml: A };
|
|
3134
3163
|
});
|
|
3135
3164
|
}
|
|
3136
|
-
function
|
|
3165
|
+
function S() {
|
|
3137
3166
|
t.inputValue.length >= t.characterThreshold ? l.value = !0 : l.value = !1;
|
|
3138
3167
|
}
|
|
3139
|
-
function
|
|
3168
|
+
function C() {
|
|
3140
3169
|
n("update:inputValue", ""), n("update:optionsValue", ""), document.getElementById(c.value).focus();
|
|
3141
3170
|
}
|
|
3142
|
-
function
|
|
3171
|
+
function P(g) {
|
|
3143
3172
|
i.value = !0, l.value = !1;
|
|
3144
|
-
const
|
|
3145
|
-
n("update:inputValue",
|
|
3173
|
+
const b = w.value.find((z) => z.value === g);
|
|
3174
|
+
n("update:inputValue", b.label), n("update:optionsValue", g);
|
|
3146
3175
|
}
|
|
3147
|
-
return (
|
|
3148
|
-
e.label ||
|
|
3176
|
+
return (g, b) => (d(), h(W, null, [
|
|
3177
|
+
e.label || g.$slots.label ? (d(), O(ne, {
|
|
3149
3178
|
key: 0,
|
|
3150
3179
|
for: c.value,
|
|
3151
3180
|
disabled: e.disabled,
|
|
3152
3181
|
required: e.required
|
|
3153
3182
|
}, {
|
|
3154
|
-
default:
|
|
3155
|
-
|
|
3156
|
-
H(
|
|
3183
|
+
default: D(() => [
|
|
3184
|
+
L(g.$slots, "label", {}, () => [
|
|
3185
|
+
H(T(e.label), 1)
|
|
3157
3186
|
])
|
|
3158
3187
|
]),
|
|
3159
3188
|
_: 3
|
|
3160
3189
|
}, 8, ["for", "disabled", "required"])) : k("", !0),
|
|
3161
|
-
|
|
3162
|
-
V(
|
|
3163
|
-
"aria-controls":
|
|
3190
|
+
B("div", { id: r.value }, [
|
|
3191
|
+
V(un, N({
|
|
3192
|
+
"aria-controls": v.value,
|
|
3164
3193
|
"aria-expanded": l.value,
|
|
3165
3194
|
"aria-haspopup": "listbox",
|
|
3166
3195
|
autocomplete: "off",
|
|
@@ -3172,36 +3201,36 @@ const wa = {
|
|
|
3172
3201
|
placeholder: e.placeholder,
|
|
3173
3202
|
role: "combobox",
|
|
3174
3203
|
value: e.inputValue
|
|
3175
|
-
},
|
|
3176
|
-
onClear:
|
|
3177
|
-
onFocusin:
|
|
3178
|
-
"onUpdate:modelValue":
|
|
3204
|
+
}, g.$attrs, {
|
|
3205
|
+
onClear: C,
|
|
3206
|
+
onFocusin: S,
|
|
3207
|
+
"onUpdate:modelValue": b[0] || (b[0] = (z) => n("update:inputValue", z))
|
|
3179
3208
|
}), null, 16, ["aria-controls", "aria-expanded", "disabled", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
|
|
3180
|
-
], 8,
|
|
3181
|
-
V(
|
|
3209
|
+
], 8, yn),
|
|
3210
|
+
V(We, {
|
|
3182
3211
|
"anchor-id": r.value,
|
|
3183
3212
|
"focus-on-show": !1,
|
|
3184
3213
|
"model-value": e.optionsValue,
|
|
3185
|
-
"options-id":
|
|
3214
|
+
"options-id": v.value,
|
|
3186
3215
|
preloaded: !0,
|
|
3187
3216
|
"prevent-tab": !1,
|
|
3188
3217
|
shown: l.value,
|
|
3189
3218
|
"use-mobile-style": !1,
|
|
3190
3219
|
width: "toggle",
|
|
3191
|
-
onClose:
|
|
3192
|
-
"onUpdate:modelValue":
|
|
3220
|
+
onClose: b[1] || (b[1] = (z) => l.value = !1),
|
|
3221
|
+
"onUpdate:modelValue": P
|
|
3193
3222
|
}, {
|
|
3194
|
-
default:
|
|
3195
|
-
V(
|
|
3223
|
+
default: D(() => [
|
|
3224
|
+
V(ye, { options: w.value }, ct({ _: 2 }, [
|
|
3196
3225
|
e.loading ? {
|
|
3197
3226
|
name: "no-options",
|
|
3198
|
-
fn:
|
|
3199
|
-
V(
|
|
3227
|
+
fn: D(() => [
|
|
3228
|
+
V(gn, { size: "xs" })
|
|
3200
3229
|
]),
|
|
3201
3230
|
key: "0"
|
|
3202
3231
|
} : {
|
|
3203
3232
|
name: "no-options",
|
|
3204
|
-
fn:
|
|
3233
|
+
fn: D(() => [
|
|
3205
3234
|
H("No results found")
|
|
3206
3235
|
]),
|
|
3207
3236
|
key: "1"
|
|
@@ -3212,7 +3241,7 @@ const wa = {
|
|
|
3212
3241
|
}, 8, ["anchor-id", "model-value", "options-id", "shown"])
|
|
3213
3242
|
], 64));
|
|
3214
3243
|
}
|
|
3215
|
-
},
|
|
3244
|
+
}, Bn = /* @__PURE__ */ B("div", { class: "bs-overlay" }, null, -1), $n = {
|
|
3216
3245
|
__name: "BsOverlay",
|
|
3217
3246
|
props: {
|
|
3218
3247
|
shown: {
|
|
@@ -3241,24 +3270,24 @@ const wa = {
|
|
|
3241
3270
|
},
|
|
3242
3271
|
emits: ["after-enter", "after-leave"],
|
|
3243
3272
|
setup(e, { emit: a }) {
|
|
3244
|
-
const t = e, n = a, { transition: l } =
|
|
3245
|
-
return
|
|
3273
|
+
const t = e, n = a, { transition: l } = fe(t);
|
|
3274
|
+
return R(l, (i) => {
|
|
3246
3275
|
i ? document.body.setAttribute("data-scroll", "false") : document.body.removeAttribute("data-scroll");
|
|
3247
|
-
}), (i, u) => (d(),
|
|
3248
|
-
shown:
|
|
3276
|
+
}), (i, u) => (d(), O(f(Te), {
|
|
3277
|
+
shown: f(l),
|
|
3249
3278
|
preloaded: e.preloaded,
|
|
3250
3279
|
duration: 75,
|
|
3251
3280
|
"enter-attribute": "data-shown",
|
|
3252
3281
|
onAfterEnter: u[0] || (u[0] = (o) => n("after-enter")),
|
|
3253
3282
|
onAfterLeave: u[1] || (u[1] = (o) => n("after-leave"))
|
|
3254
3283
|
}, {
|
|
3255
|
-
default:
|
|
3256
|
-
|
|
3284
|
+
default: D(() => [
|
|
3285
|
+
Bn
|
|
3257
3286
|
]),
|
|
3258
3287
|
_: 1
|
|
3259
3288
|
}, 8, ["shown", "preloaded"]));
|
|
3260
3289
|
}
|
|
3261
|
-
},
|
|
3290
|
+
}, Sn = ["id", "role", "aria-labelledby"], wn = ["id"], Fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3262
3291
|
__name: "BsModal",
|
|
3263
3292
|
props: {
|
|
3264
3293
|
modalId: {
|
|
@@ -3303,86 +3332,86 @@ const wa = {
|
|
|
3303
3332
|
},
|
|
3304
3333
|
emits: ["close", "after-enter", "after-leave"],
|
|
3305
3334
|
setup(e, { emit: a }) {
|
|
3306
|
-
const t = e, n = a, { transition: l } =
|
|
3335
|
+
const t = e, n = a, { transition: l } = fe(t), [i] = X();
|
|
3307
3336
|
let u = !1;
|
|
3308
|
-
const o =
|
|
3309
|
-
o.value &&
|
|
3337
|
+
const o = y(null), s = (v) => {
|
|
3338
|
+
o.value && v.target.closest(".bs-overlay") && n("close", t.modalId);
|
|
3310
3339
|
};
|
|
3311
3340
|
Y(() => {
|
|
3312
3341
|
document.addEventListener("click", s);
|
|
3313
|
-
}),
|
|
3342
|
+
}), re(() => {
|
|
3314
3343
|
document.removeEventListener("click", s);
|
|
3315
|
-
}),
|
|
3344
|
+
}), Ie(["Escape"], () => {
|
|
3316
3345
|
u && n("close", t.modalId);
|
|
3317
3346
|
});
|
|
3318
3347
|
const r = () => !t.title && t.closeButton, c = () => t.title && t.closeButton;
|
|
3319
|
-
return (
|
|
3320
|
-
V(
|
|
3321
|
-
shown:
|
|
3348
|
+
return (v, w) => (d(), h(W, null, [
|
|
3349
|
+
V($n, {
|
|
3350
|
+
shown: f(l),
|
|
3322
3351
|
preloaded: e.preloaded,
|
|
3323
3352
|
"enter-controlled": e.enterControlled,
|
|
3324
3353
|
"enter-trigger": e.enterTrigger,
|
|
3325
3354
|
"leave-trigger": e.leaveTrigger
|
|
3326
3355
|
}, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
|
|
3327
|
-
V(
|
|
3328
|
-
shown:
|
|
3356
|
+
V(Te, {
|
|
3357
|
+
shown: f(l),
|
|
3329
3358
|
preloaded: e.preloaded,
|
|
3330
3359
|
duration: 75,
|
|
3331
3360
|
"enter-attribute": "data-shown",
|
|
3332
|
-
onEnter:
|
|
3333
|
-
onAfterEnter:
|
|
3334
|
-
onAfterLeave:
|
|
3361
|
+
onEnter: w[1] || (w[1] = (m) => ft(u) ? u.value = !0 : u = !0),
|
|
3362
|
+
onAfterEnter: w[2] || (w[2] = (m) => n("after-enter")),
|
|
3363
|
+
onAfterLeave: w[3] || (w[3] = (m) => n("after-leave"))
|
|
3335
3364
|
}, {
|
|
3336
|
-
default:
|
|
3337
|
-
|
|
3365
|
+
default: D(() => [
|
|
3366
|
+
B("div", N({
|
|
3338
3367
|
id: e.modalId,
|
|
3339
3368
|
class: "bs-modal",
|
|
3340
3369
|
role: e.alert ? "alertdialog" : "dialog",
|
|
3341
|
-
"aria-labelledby": e.title && !
|
|
3370
|
+
"aria-labelledby": e.title && !v.$attrs["aria-label"] ? f(i) : void 0,
|
|
3342
3371
|
"aria-modal": "true"
|
|
3343
|
-
},
|
|
3372
|
+
}, v.$attrs, {
|
|
3344
3373
|
ref_key: "modalRef",
|
|
3345
3374
|
ref: o
|
|
3346
3375
|
}), [
|
|
3347
|
-
e.title || e.closeButton ? (d(),
|
|
3376
|
+
e.title || e.closeButton ? (d(), h("header", {
|
|
3348
3377
|
key: 0,
|
|
3349
|
-
class:
|
|
3378
|
+
class: ae({
|
|
3350
3379
|
"only-close-button-modal-header": r,
|
|
3351
3380
|
"modal-header": c
|
|
3352
3381
|
})
|
|
3353
3382
|
}, [
|
|
3354
|
-
e.title ? (d(),
|
|
3383
|
+
e.title ? (d(), h("h5", {
|
|
3355
3384
|
key: 0,
|
|
3356
|
-
id:
|
|
3385
|
+
id: f(i),
|
|
3357
3386
|
class: "modal-title"
|
|
3358
|
-
},
|
|
3359
|
-
e.closeButton ? (d(),
|
|
3387
|
+
}, T(e.title), 9, wn)) : k("", !0),
|
|
3388
|
+
e.closeButton ? (d(), h("button", {
|
|
3360
3389
|
key: 1,
|
|
3361
3390
|
type: "button",
|
|
3362
3391
|
title: "Close Modal",
|
|
3363
3392
|
"aria-label": "Close Modal",
|
|
3364
|
-
onClick:
|
|
3393
|
+
onClick: w[0] || (w[0] = (m) => n("close", e.modalId))
|
|
3365
3394
|
}, [
|
|
3366
|
-
V(
|
|
3395
|
+
V(f(Se), { class: "close-button" })
|
|
3367
3396
|
])) : k("", !0)
|
|
3368
3397
|
], 2)) : k("", !0),
|
|
3369
|
-
|
|
3370
|
-
], 16,
|
|
3398
|
+
L(v.$slots, "default")
|
|
3399
|
+
], 16, Sn)
|
|
3371
3400
|
]),
|
|
3372
3401
|
_: 3
|
|
3373
3402
|
}, 8, ["shown", "preloaded"])
|
|
3374
3403
|
], 64));
|
|
3375
3404
|
}
|
|
3376
|
-
}),
|
|
3405
|
+
}), kn = ["data-variant", "data-fixed"], In = {
|
|
3377
3406
|
key: 0,
|
|
3378
3407
|
class: "bs-pagination-carets"
|
|
3379
|
-
},
|
|
3408
|
+
}, Cn = ["aria-label", "title", "disabled"], Tn = { key: 0 }, xn = ["aria-label", "title", "disabled"], An = { key: 0 }, Ln = {
|
|
3380
3409
|
key: 1,
|
|
3381
3410
|
class: "bs-pagination-page-numbers"
|
|
3382
|
-
},
|
|
3411
|
+
}, Vn = ["title", "data-selected", "onClick"], En = { key: 2 }, Dn = { key: 3 }, On = /* @__PURE__ */ B("span", null, "Results Per Page:", -1), qn = { class: "bs-pagination-results-numbers" }, Pn = ["data-selected", "disabled", "onClick"], Mn = {
|
|
3383
3412
|
key: 5,
|
|
3384
3413
|
class: "bs-pagination-carets"
|
|
3385
|
-
},
|
|
3414
|
+
}, zn = ["aria-label", "title", "disabled"], Nn = { key: 0 }, Rn = ["aria-label", "title", "disabled"], jn = { key: 0 }, Ul = {
|
|
3386
3415
|
__name: "BsPagination",
|
|
3387
3416
|
props: {
|
|
3388
3417
|
// Used for all
|
|
@@ -3468,24 +3497,24 @@ const wa = {
|
|
|
3468
3497
|
},
|
|
3469
3498
|
emits: ["selchange", "update:modelValue"],
|
|
3470
3499
|
setup(e, { emit: a }) {
|
|
3471
|
-
const t = e, n = a, l =
|
|
3500
|
+
const t = e, n = a, l = y(null);
|
|
3472
3501
|
Y(() => {
|
|
3473
|
-
i.value ? l.value = i.value : t.variant === "results" ? l.value =
|
|
3502
|
+
i.value ? l.value = i.value : t.variant === "results" ? l.value = S.value[0] : l.value = 1;
|
|
3474
3503
|
});
|
|
3475
|
-
const i =
|
|
3476
|
-
|
|
3477
|
-
l.value =
|
|
3478
|
-
}),
|
|
3479
|
-
l.value =
|
|
3480
|
-
}),
|
|
3481
|
-
|
|
3504
|
+
const i = p(() => t.modelValue || t.selection);
|
|
3505
|
+
R(() => t.selection, (C) => {
|
|
3506
|
+
l.value = C;
|
|
3507
|
+
}), R(() => t.modelValue, (C) => {
|
|
3508
|
+
l.value = C;
|
|
3509
|
+
}), R(l, (C, P) => {
|
|
3510
|
+
P !== null && (n("selchange", C), n("update:modelValue", C));
|
|
3482
3511
|
});
|
|
3483
|
-
const u =
|
|
3512
|
+
const u = p(() => {
|
|
3484
3513
|
if (t.variant === "group")
|
|
3485
3514
|
return Math.ceil(t.itemsCount / t.itemsPerGroup);
|
|
3486
3515
|
if (t.variant === "base")
|
|
3487
3516
|
return t.pageCount;
|
|
3488
|
-
}), o =
|
|
3517
|
+
}), o = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
|
|
3489
3518
|
function s() {
|
|
3490
3519
|
l.value = 1;
|
|
3491
3520
|
}
|
|
@@ -3498,103 +3527,103 @@ const wa = {
|
|
|
3498
3527
|
u.value
|
|
3499
3528
|
);
|
|
3500
3529
|
}
|
|
3501
|
-
function
|
|
3530
|
+
function v() {
|
|
3502
3531
|
l.value = u.value;
|
|
3503
3532
|
}
|
|
3504
|
-
const
|
|
3533
|
+
const w = p(() => {
|
|
3505
3534
|
if (t.pageCount <= t.pageRange)
|
|
3506
3535
|
return [...Array(t.pageCount + 1).keys()].slice(1);
|
|
3507
|
-
const
|
|
3508
|
-
let
|
|
3509
|
-
|
|
3510
|
-
for (let
|
|
3511
|
-
|
|
3512
|
-
return
|
|
3513
|
-
}),
|
|
3514
|
-
const
|
|
3515
|
-
return `${t.centerLabel ?? "Results"} ${
|
|
3516
|
-
}),
|
|
3517
|
-
return (
|
|
3536
|
+
const C = [1], P = (t.pageRange - 1) / 2;
|
|
3537
|
+
let g = l.value - P, b = l.value + P;
|
|
3538
|
+
g < 1 && (b += 1 - g, g = 1), b > t.pageCount && (g -= b - t.pageCount, b = t.pageCount), g = Math.max(g, 2), b = Math.min(b, t.pageCount - 1), g > 2 && C.push(t.breakText);
|
|
3539
|
+
for (let z = g; z <= b; z++)
|
|
3540
|
+
C.push(z);
|
|
3541
|
+
return b < t.pageCount - 1 && C.push(t.breakText), C.push(t.pageCount), C;
|
|
3542
|
+
}), m = p(() => `${t.centerLabel ?? "Page"} ${l.value} of ${u.value}`), x = p(() => {
|
|
3543
|
+
const C = (l.value - 1) * t.itemsPerGroup + 1, P = Math.min(C - 1 + t.itemsPerGroup, t.itemsCount);
|
|
3544
|
+
return `${t.centerLabel ?? "Results"} ${C} - ${P} of ${t.itemsCount}`;
|
|
3545
|
+
}), S = p(() => t.resultsIncrements.split(",").map((C) => parseInt(C)));
|
|
3546
|
+
return (C, P) => (d(), h("div", {
|
|
3518
3547
|
class: "bs-pagination",
|
|
3519
3548
|
"data-variant": o.value,
|
|
3520
3549
|
"data-fixed": t.fixed
|
|
3521
3550
|
}, [
|
|
3522
|
-
e.variant === "base" || e.variant === "group" ? (d(),
|
|
3523
|
-
e.showFirstLastButtons ? (d(),
|
|
3551
|
+
e.variant === "base" || e.variant === "group" ? (d(), h("div", In, [
|
|
3552
|
+
e.showFirstLastButtons ? (d(), h("button", {
|
|
3524
3553
|
key: 0,
|
|
3525
3554
|
type: "button",
|
|
3526
|
-
class:
|
|
3555
|
+
class: ae(e.firstPageText ? "bs-pagination-word-caret" : void 0),
|
|
3527
3556
|
"aria-label": e.firstPageText ? void 0 : "First Page",
|
|
3528
3557
|
title: e.firstPageText,
|
|
3529
3558
|
disabled: l.value === 1,
|
|
3530
3559
|
onClick: s
|
|
3531
3560
|
}, [
|
|
3532
|
-
V(
|
|
3533
|
-
e.firstPageText ? (d(),
|
|
3534
|
-
], 10,
|
|
3535
|
-
|
|
3561
|
+
V(f(bt)),
|
|
3562
|
+
e.firstPageText ? (d(), h("span", Tn, T(e.firstPageText), 1)) : k("", !0)
|
|
3563
|
+
], 10, Cn)) : k("", !0),
|
|
3564
|
+
B("button", {
|
|
3536
3565
|
type: "button",
|
|
3537
|
-
class:
|
|
3566
|
+
class: ae(e.prevPageText ? "bs-pagination-word-caret" : void 0),
|
|
3538
3567
|
"aria-label": e.prevPageText ? void 0 : "Previous Page",
|
|
3539
3568
|
title: e.prevPageText,
|
|
3540
3569
|
disabled: l.value === 1,
|
|
3541
3570
|
onClick: r
|
|
3542
3571
|
}, [
|
|
3543
|
-
V(
|
|
3544
|
-
e.prevPageText ? (d(),
|
|
3545
|
-
], 10,
|
|
3572
|
+
V(f(mt)),
|
|
3573
|
+
e.prevPageText ? (d(), h("span", An, T(e.prevPageText), 1)) : k("", !0)
|
|
3574
|
+
], 10, xn)
|
|
3546
3575
|
])) : k("", !0),
|
|
3547
|
-
e.variant === "base" && e.centerDisplay === "numbers" ? (d(),
|
|
3548
|
-
(d(!0),
|
|
3549
|
-
key: `page-${
|
|
3576
|
+
e.variant === "base" && e.centerDisplay === "numbers" ? (d(), h("div", Ln, [
|
|
3577
|
+
(d(!0), h(W, null, Z(w.value, (g) => (d(), h("button", {
|
|
3578
|
+
key: `page-${g}-button`,
|
|
3550
3579
|
type: "button",
|
|
3551
|
-
title: `Page ${
|
|
3552
|
-
"data-selected":
|
|
3553
|
-
onClick: (
|
|
3554
|
-
},
|
|
3580
|
+
title: `Page ${g}`,
|
|
3581
|
+
"data-selected": g === l.value,
|
|
3582
|
+
onClick: (b) => l.value = g
|
|
3583
|
+
}, T(g), 9, Vn))), 128))
|
|
3555
3584
|
])) : k("", !0),
|
|
3556
|
-
t.variant === "base" && t.centerDisplay === "text" ? (d(),
|
|
3557
|
-
t.variant === "group" ? (d(),
|
|
3558
|
-
t.variant === "results" ? (d(),
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
(d(!0),
|
|
3585
|
+
t.variant === "base" && t.centerDisplay === "text" ? (d(), h("span", En, T(m.value), 1)) : k("", !0),
|
|
3586
|
+
t.variant === "group" ? (d(), h("span", Dn, T(x.value), 1)) : k("", !0),
|
|
3587
|
+
t.variant === "results" ? (d(), h(W, { key: 4 }, [
|
|
3588
|
+
On,
|
|
3589
|
+
B("div", qn, [
|
|
3590
|
+
(d(!0), h(W, null, Z(S.value, (g) => (d(), h("button", {
|
|
3562
3591
|
type: "button",
|
|
3563
|
-
key: `results-${
|
|
3564
|
-
"data-selected":
|
|
3565
|
-
disabled: l.value ===
|
|
3566
|
-
onClick: (
|
|
3567
|
-
},
|
|
3592
|
+
key: `results-${g}`,
|
|
3593
|
+
"data-selected": g === l.value,
|
|
3594
|
+
disabled: l.value === g,
|
|
3595
|
+
onClick: (b) => l.value = g
|
|
3596
|
+
}, T(g), 9, Pn))), 128))
|
|
3568
3597
|
])
|
|
3569
3598
|
], 64)) : k("", !0),
|
|
3570
|
-
e.variant === "base" || e.variant === "group" ? (d(),
|
|
3571
|
-
|
|
3599
|
+
e.variant === "base" || e.variant === "group" ? (d(), h("div", Mn, [
|
|
3600
|
+
B("button", {
|
|
3572
3601
|
type: "button",
|
|
3573
|
-
class:
|
|
3602
|
+
class: ae(e.nextPageText ? "bs-pagination-word-caret" : void 0),
|
|
3574
3603
|
"aria-label": e.nextPageText ? void 0 : "Next Page",
|
|
3575
3604
|
title: e.nextPageText,
|
|
3576
3605
|
disabled: l.value === u.value,
|
|
3577
3606
|
onClick: c
|
|
3578
3607
|
}, [
|
|
3579
|
-
e.nextPageText ? (d(),
|
|
3580
|
-
V(
|
|
3581
|
-
], 10,
|
|
3582
|
-
e.showFirstLastButtons ? (d(),
|
|
3608
|
+
e.nextPageText ? (d(), h("span", Nn, T(e.nextPageText), 1)) : k("", !0),
|
|
3609
|
+
V(f(gt))
|
|
3610
|
+
], 10, zn),
|
|
3611
|
+
e.showFirstLastButtons ? (d(), h("button", {
|
|
3583
3612
|
key: 0,
|
|
3584
3613
|
type: "button",
|
|
3585
|
-
class:
|
|
3614
|
+
class: ae(e.lastPageText ? "bs-pagination-word-caret" : void 0),
|
|
3586
3615
|
"aria-label": e.lastPageText ? void 0 : "Last Page",
|
|
3587
3616
|
title: e.lastPageText,
|
|
3588
3617
|
disabled: l.value === u.value,
|
|
3589
|
-
onClick:
|
|
3618
|
+
onClick: v
|
|
3590
3619
|
}, [
|
|
3591
|
-
e.lastPageText ? (d(),
|
|
3592
|
-
V(
|
|
3593
|
-
], 10,
|
|
3620
|
+
e.lastPageText ? (d(), h("span", jn, T(e.lastPageText), 1)) : k("", !0),
|
|
3621
|
+
V(f(yt))
|
|
3622
|
+
], 10, Rn)) : k("", !0)
|
|
3594
3623
|
])) : k("", !0)
|
|
3595
|
-
], 8,
|
|
3624
|
+
], 8, kn));
|
|
3596
3625
|
}
|
|
3597
|
-
},
|
|
3626
|
+
}, Fn = ["data-truncate"], Wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3598
3627
|
__name: "BsPill",
|
|
3599
3628
|
props: {
|
|
3600
3629
|
active: { type: Boolean, default: !1 },
|
|
@@ -3618,35 +3647,35 @@ const wa = {
|
|
|
3618
3647
|
}
|
|
3619
3648
|
},
|
|
3620
3649
|
setup(e) {
|
|
3621
|
-
const a = e, { onLinkClick: t } =
|
|
3622
|
-
return (o, s) => (d(),
|
|
3650
|
+
const a = e, { onLinkClick: t } = ke(a), n = se(), { rootTag: l, attrsToBind: i, hrefUrl: u } = we(a, n, "span");
|
|
3651
|
+
return (o, s) => (d(), O(J(f(l)), N({
|
|
3623
3652
|
class: "bs-pill",
|
|
3624
3653
|
"data-active": e.active,
|
|
3625
3654
|
"data-component": "bs-pill",
|
|
3626
3655
|
"data-status": e.status || void 0,
|
|
3627
3656
|
"data-variant": e.variant || void 0,
|
|
3628
3657
|
disabled: e.disabled,
|
|
3629
|
-
".href":
|
|
3630
|
-
},
|
|
3631
|
-
default:
|
|
3632
|
-
|
|
3633
|
-
|
|
3634
|
-
], 8,
|
|
3658
|
+
".href": f(u)
|
|
3659
|
+
}, f(i), { onClick: f(t) }), {
|
|
3660
|
+
default: D(() => [
|
|
3661
|
+
B("span", { "data-truncate": e.truncate }, [
|
|
3662
|
+
L(o.$slots, "default")
|
|
3663
|
+
], 8, Fn)
|
|
3635
3664
|
]),
|
|
3636
3665
|
_: 3
|
|
3637
3666
|
}, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
|
|
3638
3667
|
}
|
|
3639
|
-
}),
|
|
3668
|
+
}), Un = { class: "bs-profile-details" }, Wn = {
|
|
3640
3669
|
class: "bs-profile-name",
|
|
3641
3670
|
"data-size": "sm",
|
|
3642
3671
|
"data-weight": "bold"
|
|
3643
|
-
},
|
|
3672
|
+
}, Gn = {
|
|
3644
3673
|
key: 1,
|
|
3645
3674
|
"data-weight": "bold"
|
|
3646
|
-
},
|
|
3675
|
+
}, Hn = { key: 2 }, Kn = { key: 3 }, Yn = {
|
|
3647
3676
|
key: 4,
|
|
3648
3677
|
"data-icon": "true"
|
|
3649
|
-
},
|
|
3678
|
+
}, Qn = {
|
|
3650
3679
|
__name: "BsProfileDetails",
|
|
3651
3680
|
props: {
|
|
3652
3681
|
profileName: {
|
|
@@ -3663,40 +3692,40 @@ const wa = {
|
|
|
3663
3692
|
},
|
|
3664
3693
|
emits: ["action-toggled"],
|
|
3665
3694
|
setup(e, { emit: a }) {
|
|
3666
|
-
const t = e, n = a, { icon: l } =
|
|
3695
|
+
const t = e, n = a, { icon: l } = me(t, "actionIcon"), { icon: i } = me(t, "miscMetaIcon");
|
|
3667
3696
|
function u(o) {
|
|
3668
3697
|
o.target.tagName === "BUTTON" && (o.preventDefault(), o.stopImmediatePropagation(), n("action-toggled"));
|
|
3669
3698
|
}
|
|
3670
|
-
return (o, s) => (d(),
|
|
3671
|
-
e.action || o.$slots.action ? (d(),
|
|
3699
|
+
return (o, s) => (d(), h("div", Un, [
|
|
3700
|
+
e.action || o.$slots.action ? (d(), h("button", {
|
|
3672
3701
|
key: 0,
|
|
3673
3702
|
"data-icon": "true",
|
|
3674
3703
|
onClick: u
|
|
3675
3704
|
}, [
|
|
3676
|
-
|
|
3677
|
-
e.actionIcon ? (d(),
|
|
3705
|
+
L(o.$slots, "action", {}, () => [
|
|
3706
|
+
e.actionIcon ? (d(), O(J(f(l) ? f(l) : "span"), {
|
|
3678
3707
|
key: 0,
|
|
3679
3708
|
class: "bs-icon"
|
|
3680
3709
|
})) : k("", !0),
|
|
3681
|
-
H(" " +
|
|
3710
|
+
H(" " + T(e.action), 1)
|
|
3682
3711
|
])
|
|
3683
3712
|
])) : k("", !0),
|
|
3684
|
-
|
|
3685
|
-
e.company ? (d(),
|
|
3686
|
-
e.jobTitle ? (d(),
|
|
3687
|
-
e.email ? (d(),
|
|
3688
|
-
e.miscMeta || o.$slots.misc ? (d(),
|
|
3689
|
-
|
|
3690
|
-
e.miscMetaIcon ? (d(),
|
|
3713
|
+
B("span", Wn, T(e.profileName), 1),
|
|
3714
|
+
e.company ? (d(), h("span", Gn, T(e.company), 1)) : k("", !0),
|
|
3715
|
+
e.jobTitle ? (d(), h("span", Hn, T(e.jobTitle), 1)) : k("", !0),
|
|
3716
|
+
e.email ? (d(), h("span", Kn, T(e.email), 1)) : k("", !0),
|
|
3717
|
+
e.miscMeta || o.$slots.misc ? (d(), h("span", Yn, [
|
|
3718
|
+
L(o.$slots, "misc", {}, () => [
|
|
3719
|
+
e.miscMetaIcon ? (d(), O(J(f(i) ? f(i) : "span"), {
|
|
3691
3720
|
key: 0,
|
|
3692
3721
|
class: "bs-icon"
|
|
3693
3722
|
})) : k("", !0),
|
|
3694
|
-
H(" " +
|
|
3723
|
+
H(" " + T(e.miscMeta), 1)
|
|
3695
3724
|
])
|
|
3696
3725
|
])) : k("", !0)
|
|
3697
3726
|
]));
|
|
3698
3727
|
}
|
|
3699
|
-
},
|
|
3728
|
+
}, Gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3700
3729
|
__name: "BsProfile",
|
|
3701
3730
|
props: {
|
|
3702
3731
|
layout: {
|
|
@@ -3726,21 +3755,21 @@ const wa = {
|
|
|
3726
3755
|
},
|
|
3727
3756
|
emits: ["action-toggled"],
|
|
3728
3757
|
setup(e, { emit: a }) {
|
|
3729
|
-
const t = e, n = a, l =
|
|
3730
|
-
return (r, c) => (d(),
|
|
3758
|
+
const t = e, n = a, l = se(), { onLinkClick: i } = ke(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = we(t, l, "div");
|
|
3759
|
+
return (r, c) => (d(), O(J(f(u)), N({
|
|
3731
3760
|
class: "bs-profile",
|
|
3732
|
-
".href":
|
|
3761
|
+
".href": f(s),
|
|
3733
3762
|
"data-layout": e.layout
|
|
3734
|
-
},
|
|
3735
|
-
default:
|
|
3736
|
-
V(
|
|
3763
|
+
}, f(o), { onClick: f(i) }), {
|
|
3764
|
+
default: D(() => [
|
|
3765
|
+
V(rt, {
|
|
3737
3766
|
src: e.imageSrc,
|
|
3738
3767
|
size: e.imageSize,
|
|
3739
3768
|
initials: e.initials,
|
|
3740
3769
|
"profile-name": e.profileName,
|
|
3741
3770
|
"use-alt-text": !1
|
|
3742
3771
|
}, null, 8, ["src", "size", "initials", "profile-name"]),
|
|
3743
|
-
V(
|
|
3772
|
+
V(Qn, {
|
|
3744
3773
|
"profile-name": e.profileName,
|
|
3745
3774
|
company: e.company,
|
|
3746
3775
|
"job-title": e.jobTitle,
|
|
@@ -3749,13 +3778,13 @@ const wa = {
|
|
|
3749
3778
|
"action-icon": e.actionIcon,
|
|
3750
3779
|
"misc-meta": e.miscMeta,
|
|
3751
3780
|
"misc-meta-icon": e.miscMetaIcon,
|
|
3752
|
-
onActionToggled: c[0] || (c[0] = (
|
|
3781
|
+
onActionToggled: c[0] || (c[0] = (v) => n("action-toggled"))
|
|
3753
3782
|
}, {
|
|
3754
|
-
action:
|
|
3755
|
-
|
|
3783
|
+
action: D(() => [
|
|
3784
|
+
L(r.$slots, "action")
|
|
3756
3785
|
]),
|
|
3757
|
-
misc:
|
|
3758
|
-
|
|
3786
|
+
misc: D(() => [
|
|
3787
|
+
L(r.$slots, "misc")
|
|
3759
3788
|
]),
|
|
3760
3789
|
_: 3
|
|
3761
3790
|
}, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
|
|
@@ -3763,7 +3792,7 @@ const wa = {
|
|
|
3763
3792
|
_: 3
|
|
3764
3793
|
}, 48, [".href", "data-layout", "onClick"]));
|
|
3765
3794
|
}
|
|
3766
|
-
}),
|
|
3795
|
+
}), Xn = ["data-size"], Zn = ["checked", "disabled", "id", "required", "value", "data-error"], Hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3767
3796
|
__name: "BsRadio",
|
|
3768
3797
|
props: {
|
|
3769
3798
|
label: {
|
|
@@ -3807,13 +3836,13 @@ const wa = {
|
|
|
3807
3836
|
},
|
|
3808
3837
|
emits: ["update:modelValue"],
|
|
3809
3838
|
setup(e, { emit: a }) {
|
|
3810
|
-
const t = e, [n] =
|
|
3811
|
-
return (o, s) => (d(),
|
|
3839
|
+
const t = e, [n] = X(), l = p(() => je.concat(t.passAttrs.split(","))), i = p(() => t.inputId || n.value), u = p(() => t.checked || t.modelValue && t.modelValue === t.value);
|
|
3840
|
+
return (o, s) => (d(), h("div", N({
|
|
3812
3841
|
class: "bs-boolean",
|
|
3813
3842
|
"data-component": "bs-radio",
|
|
3814
3843
|
"data-size": e.size
|
|
3815
|
-
},
|
|
3816
|
-
|
|
3844
|
+
}, f(K)(o.$attrs, l.value).remaining), [
|
|
3845
|
+
B("input", N({
|
|
3817
3846
|
checked: u.value,
|
|
3818
3847
|
disabled: e.disabled,
|
|
3819
3848
|
id: o.$attrs.id || i.value,
|
|
@@ -3821,25 +3850,25 @@ const wa = {
|
|
|
3821
3850
|
type: "radio",
|
|
3822
3851
|
value: e.value,
|
|
3823
3852
|
"data-error": e.error
|
|
3824
|
-
},
|
|
3853
|
+
}, f(K)(o.$attrs, l.value).filtered, {
|
|
3825
3854
|
onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
|
|
3826
|
-
}), null, 16,
|
|
3827
|
-
e.label || o.$slots.label ? (d(),
|
|
3855
|
+
}), null, 16, Zn),
|
|
3856
|
+
e.label || o.$slots.label ? (d(), O(ne, {
|
|
3828
3857
|
key: 0,
|
|
3829
3858
|
for: o.$attrs.id || i.value,
|
|
3830
3859
|
disabled: e.disabled,
|
|
3831
3860
|
required: e.required
|
|
3832
3861
|
}, {
|
|
3833
|
-
default:
|
|
3834
|
-
|
|
3835
|
-
H(
|
|
3862
|
+
default: D(() => [
|
|
3863
|
+
L(o.$slots, "label", {}, () => [
|
|
3864
|
+
H(T(e.label), 1)
|
|
3836
3865
|
])
|
|
3837
3866
|
]),
|
|
3838
3867
|
_: 3
|
|
3839
3868
|
}, 8, ["for", "disabled", "required"])) : k("", !0)
|
|
3840
|
-
], 16,
|
|
3869
|
+
], 16, Xn));
|
|
3841
3870
|
}
|
|
3842
|
-
}),
|
|
3871
|
+
}), Jn = ["id", "disabled", "required", "data-error", "value"], _n = {
|
|
3843
3872
|
__name: "BsSelect",
|
|
3844
3873
|
props: {
|
|
3845
3874
|
disabled: { type: Boolean, default: !1 },
|
|
@@ -3852,8 +3881,8 @@ const wa = {
|
|
|
3852
3881
|
},
|
|
3853
3882
|
emits: ["update:modelValue"],
|
|
3854
3883
|
setup(e, { emit: a }) {
|
|
3855
|
-
const t = e, n =
|
|
3856
|
-
return (l, i) => (d(),
|
|
3884
|
+
const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
3885
|
+
return (l, i) => (d(), h("select", N({
|
|
3857
3886
|
id: l.$attrs.id || e.inputId,
|
|
3858
3887
|
class: "bs-select",
|
|
3859
3888
|
"data-component": "bs-select",
|
|
@@ -3864,10 +3893,10 @@ const wa = {
|
|
|
3864
3893
|
}, n.value, {
|
|
3865
3894
|
onChange: i[0] || (i[0] = (u) => l.$emit("update:modelValue", u.target.value))
|
|
3866
3895
|
}), [
|
|
3867
|
-
|
|
3868
|
-
], 16,
|
|
3896
|
+
L(l.$slots, "default")
|
|
3897
|
+
], 16, Jn));
|
|
3869
3898
|
}
|
|
3870
|
-
},
|
|
3899
|
+
}, el = ["selected", "disabled"], tl = ["disabled", "selected", "value"], Kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3871
3900
|
__name: "BsSelectField",
|
|
3872
3901
|
props: {
|
|
3873
3902
|
data: {
|
|
@@ -3911,60 +3940,60 @@ const wa = {
|
|
|
3911
3940
|
modelValue: [String, Number]
|
|
3912
3941
|
},
|
|
3913
3942
|
setup(e) {
|
|
3914
|
-
const a = e, [t, n] =
|
|
3943
|
+
const a = e, [t, n] = X(2), l = p(() => sa.concat(a.passAttrs.split(","))), i = p(() => {
|
|
3915
3944
|
var r, c;
|
|
3916
3945
|
return ((c = (r = a.hints) == null ? void 0 : r.join) == null ? void 0 : c.call(r, `
|
|
3917
3946
|
`)) || a.hints;
|
|
3918
|
-
}), u =
|
|
3919
|
-
return (r, c) => (d(),
|
|
3920
|
-
e.label || r.$slots.label ? (d(),
|
|
3947
|
+
}), u = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = p(() => a.inputId || t.value), s = p(() => a.value || a.modelValue);
|
|
3948
|
+
return (r, c) => (d(), h("div", N({ "data-component": "bs-select-field" }, f(K)(r.$attrs, l.value).remaining), [
|
|
3949
|
+
e.label || r.$slots.label ? (d(), O(ne, {
|
|
3921
3950
|
key: 0,
|
|
3922
3951
|
for: r.$attrs.id || o.value,
|
|
3923
3952
|
disabled: e.disabled,
|
|
3924
3953
|
required: e.required
|
|
3925
3954
|
}, {
|
|
3926
|
-
default:
|
|
3927
|
-
|
|
3928
|
-
H(
|
|
3955
|
+
default: D(() => [
|
|
3956
|
+
L(r.$slots, "label", {}, () => [
|
|
3957
|
+
H(T(e.label), 1)
|
|
3929
3958
|
])
|
|
3930
3959
|
]),
|
|
3931
3960
|
_: 3
|
|
3932
3961
|
}, 8, ["for", "disabled", "required"])) : k("", !0),
|
|
3933
|
-
V(
|
|
3962
|
+
V(_n, N({
|
|
3934
3963
|
disabled: e.disabled,
|
|
3935
3964
|
error: e.error,
|
|
3936
|
-
"hint-id":
|
|
3965
|
+
"hint-id": f(n),
|
|
3937
3966
|
"input-id": r.$attrs.id || o.value,
|
|
3938
3967
|
required: e.required,
|
|
3939
3968
|
value: s.value,
|
|
3940
|
-
"onUpdate:modelValue": c[0] || (c[0] = (
|
|
3941
|
-
},
|
|
3942
|
-
default:
|
|
3943
|
-
|
|
3969
|
+
"onUpdate:modelValue": c[0] || (c[0] = (v) => r.$emit("update:modelValue", v))
|
|
3970
|
+
}, f(K)(r.$attrs, l.value).filtered), {
|
|
3971
|
+
default: D(() => [
|
|
3972
|
+
B("option", {
|
|
3944
3973
|
selected: !s.value,
|
|
3945
3974
|
value: "",
|
|
3946
3975
|
disabled: !!s.value
|
|
3947
|
-
},
|
|
3948
|
-
(d(!0),
|
|
3949
|
-
key:
|
|
3950
|
-
disabled:
|
|
3951
|
-
selected: s.value ===
|
|
3952
|
-
value:
|
|
3953
|
-
},
|
|
3976
|
+
}, T(e.disabled ? "" : e.placeholder), 9, el),
|
|
3977
|
+
(d(!0), h(W, null, Z(e.data, (v) => (d(), h("option", {
|
|
3978
|
+
key: v.value,
|
|
3979
|
+
disabled: v.disabled,
|
|
3980
|
+
selected: s.value === v.value,
|
|
3981
|
+
value: v.value
|
|
3982
|
+
}, T(v.label), 9, tl))), 128))
|
|
3954
3983
|
]),
|
|
3955
3984
|
_: 1
|
|
3956
3985
|
}, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
|
|
3957
|
-
u.value ? (d(),
|
|
3986
|
+
u.value ? (d(), O(pe, {
|
|
3958
3987
|
key: 1,
|
|
3959
3988
|
"data-disabled": e.disabled,
|
|
3960
3989
|
error: e.error,
|
|
3961
3990
|
"error-msg": e.errorMsg,
|
|
3962
3991
|
hint: e.hint || i.value,
|
|
3963
|
-
"hint-id":
|
|
3992
|
+
"hint-id": f(n)
|
|
3964
3993
|
}, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : k("", !0)
|
|
3965
3994
|
], 16));
|
|
3966
3995
|
}
|
|
3967
|
-
}),
|
|
3996
|
+
}), al = ["data-size"], nl = ["data-disabled", "data-pending", "data-size"], ll = ["checked", "disabled", "id"], ol = ["data-inner-on-label", "data-inner-off-label"], Yl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
3968
3997
|
__name: "BsSwitch",
|
|
3969
3998
|
props: {
|
|
3970
3999
|
checked: {
|
|
@@ -4010,48 +4039,48 @@ const wa = {
|
|
|
4010
4039
|
},
|
|
4011
4040
|
emits: ["update:modelValue"],
|
|
4012
4041
|
setup(e, { emit: a }) {
|
|
4013
|
-
const t = e, n = a, [l] =
|
|
4014
|
-
return (s, r) => (d(),
|
|
4042
|
+
const t = e, n = a, [l] = X(), i = p(() => je.concat(t.passAttrs.split(","))), u = p(() => t.inputId || l.value), o = p(() => t.checked || t.modelValue);
|
|
4043
|
+
return (s, r) => (d(), h("div", N({
|
|
4015
4044
|
class: "bs-boolean",
|
|
4016
4045
|
"data-component": "bs-switch",
|
|
4017
4046
|
"data-size": e.size
|
|
4018
|
-
},
|
|
4019
|
-
e.label || s.$slots.label ? (d(),
|
|
4047
|
+
}, f(K)(s.$attrs, i.value).remaining), [
|
|
4048
|
+
e.label || s.$slots.label ? (d(), O(ne, {
|
|
4020
4049
|
key: 0,
|
|
4021
4050
|
for: s.$attrs.id || u.value,
|
|
4022
4051
|
disabled: e.disabled,
|
|
4023
4052
|
hide: e.hideLabel
|
|
4024
4053
|
}, {
|
|
4025
|
-
default:
|
|
4026
|
-
|
|
4027
|
-
H(
|
|
4054
|
+
default: D(() => [
|
|
4055
|
+
L(s.$slots, "label", {}, () => [
|
|
4056
|
+
H(T(e.label), 1)
|
|
4028
4057
|
])
|
|
4029
4058
|
]),
|
|
4030
4059
|
_: 3
|
|
4031
4060
|
}, 8, ["for", "disabled", "hide"])) : k("", !0),
|
|
4032
|
-
|
|
4061
|
+
B("div", {
|
|
4033
4062
|
class: "bs-switch",
|
|
4034
4063
|
"data-disabled": e.disabled,
|
|
4035
4064
|
"data-pending": e.pending,
|
|
4036
4065
|
"data-size": e.size
|
|
4037
4066
|
}, [
|
|
4038
|
-
|
|
4067
|
+
B("input", N({
|
|
4039
4068
|
checked: o.value,
|
|
4040
4069
|
disabled: e.disabled,
|
|
4041
4070
|
id: s.$attrs.id || u.value,
|
|
4042
4071
|
type: "checkbox"
|
|
4043
|
-
},
|
|
4072
|
+
}, f(K)(s.$attrs, i.value).filtered, {
|
|
4044
4073
|
onChange: r[0] || (r[0] = (c) => n("update:modelValue", c.target.checked))
|
|
4045
|
-
}), null, 16,
|
|
4046
|
-
|
|
4074
|
+
}), null, 16, ll),
|
|
4075
|
+
B("span", {
|
|
4047
4076
|
"aria-hidden": "true",
|
|
4048
4077
|
"data-inner-on-label": e.innerOnLabel,
|
|
4049
4078
|
"data-inner-off-label": e.innerOffLabel
|
|
4050
|
-
}, null, 8,
|
|
4051
|
-
], 8,
|
|
4052
|
-
], 16,
|
|
4079
|
+
}, null, 8, ol)
|
|
4080
|
+
], 8, nl)
|
|
4081
|
+
], 16, al));
|
|
4053
4082
|
}
|
|
4054
|
-
}),
|
|
4083
|
+
}), il = ["aria-controls", "aria-selected", "data-hidden"], Ql = {
|
|
4055
4084
|
__name: "BsTab",
|
|
4056
4085
|
props: {
|
|
4057
4086
|
activeTabId: {
|
|
@@ -4068,7 +4097,7 @@ const wa = {
|
|
|
4068
4097
|
},
|
|
4069
4098
|
emits: ["tabClick"],
|
|
4070
4099
|
setup(e, { emit: a }) {
|
|
4071
|
-
const t = e, n =
|
|
4100
|
+
const t = e, n = se(), l = y(), i = p(() => t.activeTabId === n.id), u = p(() => t.panelId || `${n.id}-panel`);
|
|
4072
4101
|
function o(r) {
|
|
4073
4102
|
(r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
|
|
4074
4103
|
}
|
|
@@ -4078,7 +4107,7 @@ const wa = {
|
|
|
4078
4107
|
l.value.dispatchEvent(r);
|
|
4079
4108
|
}
|
|
4080
4109
|
}
|
|
4081
|
-
return (r, c) => (d(),
|
|
4110
|
+
return (r, c) => (d(), h("div", {
|
|
4082
4111
|
"aria-controls": u.value,
|
|
4083
4112
|
"aria-selected": i.value ? "true" : "false",
|
|
4084
4113
|
"data-hidden": e.hidden || void 0,
|
|
@@ -4090,10 +4119,10 @@ const wa = {
|
|
|
4090
4119
|
onClick: s,
|
|
4091
4120
|
onKeydown: o
|
|
4092
4121
|
}, [
|
|
4093
|
-
|
|
4094
|
-
], 40,
|
|
4122
|
+
L(r.$slots, "default")
|
|
4123
|
+
], 40, il));
|
|
4095
4124
|
}
|
|
4096
|
-
},
|
|
4125
|
+
}, rl = ["id", "data-resizing"], sl = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], dl = 73, ul = 20, cl = 16, Xl = {
|
|
4097
4126
|
__name: "BsTabList",
|
|
4098
4127
|
props: {
|
|
4099
4128
|
activeTabId: { type: String, required: !0 },
|
|
@@ -4104,183 +4133,182 @@ const wa = {
|
|
|
4104
4133
|
},
|
|
4105
4134
|
emits: ["tabChange", "update:modelValue"],
|
|
4106
4135
|
setup(e, { emit: a }) {
|
|
4107
|
-
const t = e, n = a, l =
|
|
4108
|
-
var
|
|
4109
|
-
return
|
|
4110
|
-
}),
|
|
4111
|
-
var
|
|
4112
|
-
let
|
|
4136
|
+
const t = e, n = a, l = y(!1), i = y(!1), u = y([]), o = y(!1), s = y(!1), r = y(), c = y([]), v = y(!1), w = y([]), m = y(), x = y(), S = y(), [C, P] = X(2), g = p(() => t.activeTabId ? w.value.findIndex(($) => $.id === t.activeTabId) : 0), b = p(() => u.value.some(($) => $.id === t.activeTabId)), z = p(() => `${P.value}-options`), I = p(() => `${P.value}-toggle`), A = p(() => {
|
|
4137
|
+
var $;
|
|
4138
|
+
return b.value ? ($ = w.value[g.value]) == null ? void 0 : $.textContent : "More";
|
|
4139
|
+
}), q = p(() => b.value ? c.value[g.value] - c.value[g.value - 1] + ul : dl), F = p(() => {
|
|
4140
|
+
var E, j;
|
|
4141
|
+
let $ = [];
|
|
4113
4142
|
if (typeof window > "u")
|
|
4114
|
-
return
|
|
4115
|
-
for (let
|
|
4116
|
-
if (((
|
|
4143
|
+
return $;
|
|
4144
|
+
for (let Q of w.value) {
|
|
4145
|
+
if (((E = Q.dataset) == null ? void 0 : E.hidden) === "true" || ((j = Q.dataset) == null ? void 0 : j.hidden) === "" || Q.getAttribute("tabindex") === "-1")
|
|
4117
4146
|
break;
|
|
4118
|
-
|
|
4147
|
+
$.push(Q);
|
|
4119
4148
|
}
|
|
4120
|
-
return s.value &&
|
|
4149
|
+
return s.value && $.push(r.value.querySelector(".bs-tab-list-toggle")), $;
|
|
4121
4150
|
});
|
|
4122
|
-
function
|
|
4123
|
-
var
|
|
4124
|
-
let
|
|
4125
|
-
if ((
|
|
4126
|
-
for (let
|
|
4127
|
-
if (
|
|
4128
|
-
|
|
4151
|
+
function _() {
|
|
4152
|
+
var le;
|
|
4153
|
+
let $ = !1, E, j = 0, Q = !1, ee = [];
|
|
4154
|
+
if ((le = w.value) != null && le.length) {
|
|
4155
|
+
for (let te = 0; te < w.value.length; te++) {
|
|
4156
|
+
if (E = w.value[te], E.setAttribute("tabindex", "-1"), Q && te !== g.value) {
|
|
4157
|
+
E.dataset.hidden = "true", ee.push(E);
|
|
4129
4158
|
continue;
|
|
4130
4159
|
}
|
|
4131
|
-
if (
|
|
4132
|
-
|
|
4160
|
+
if (j = te < w.value.length - 1 ? S.value - q.value : S.value, c.value[te] > j) {
|
|
4161
|
+
E.dataset.hidden = "true", ee.push(E), $ = !0, Q = !0;
|
|
4133
4162
|
continue;
|
|
4134
4163
|
}
|
|
4135
|
-
|
|
4164
|
+
E.dataset.hidden = "false", E.setAttribute("tabindex", "0");
|
|
4136
4165
|
}
|
|
4137
|
-
s.value =
|
|
4138
|
-
|
|
4139
|
-
},
|
|
4166
|
+
s.value = $, u.value = ee, l.value || ce(() => l.value = !0), setTimeout(() => {
|
|
4167
|
+
M(), v.value = !0;
|
|
4168
|
+
}, v.value ? 0 : 1e3);
|
|
4140
4169
|
}
|
|
4141
4170
|
}
|
|
4142
|
-
function
|
|
4143
|
-
n("tabChange",
|
|
4171
|
+
function de($) {
|
|
4172
|
+
n("tabChange", $), n("update:modelValue", $);
|
|
4144
4173
|
}
|
|
4145
|
-
function
|
|
4146
|
-
var
|
|
4147
|
-
const
|
|
4148
|
-
return
|
|
4174
|
+
function xe($) {
|
|
4175
|
+
var Q, ee, le;
|
|
4176
|
+
const E = (le = (ee = (Q = w.value[$]) == null ? void 0 : Q.getBoundingClientRect) == null ? void 0 : ee.call(Q)) == null ? void 0 : le.width;
|
|
4177
|
+
return E || ($ === 0 ? c.value[0] : c.value[$] - c.value[$ - 1]) || 0;
|
|
4149
4178
|
}
|
|
4150
|
-
function
|
|
4151
|
-
var
|
|
4152
|
-
(
|
|
4179
|
+
function Ae() {
|
|
4180
|
+
var $;
|
|
4181
|
+
($ = w.value[g.value]) == null || $.setAttribute("aria-selected", "true"), _();
|
|
4153
4182
|
}
|
|
4154
|
-
function
|
|
4155
|
-
var
|
|
4156
|
-
(
|
|
4183
|
+
function Le() {
|
|
4184
|
+
var $;
|
|
4185
|
+
($ = m.value) == null || $.focus(), o.value = !1;
|
|
4157
4186
|
}
|
|
4158
|
-
function
|
|
4187
|
+
function Ve() {
|
|
4159
4188
|
o.value = !o.value, i.value || (i.value = !0);
|
|
4160
4189
|
}
|
|
4161
|
-
function
|
|
4162
|
-
var
|
|
4163
|
-
o.value = !1, (
|
|
4190
|
+
function Ee($) {
|
|
4191
|
+
var E;
|
|
4192
|
+
o.value = !1, (E = m.value) == null || E.focus(), de($);
|
|
4164
4193
|
}
|
|
4165
|
-
function
|
|
4194
|
+
function De($) {
|
|
4166
4195
|
if (t.withBsTabs)
|
|
4167
4196
|
return;
|
|
4168
|
-
const
|
|
4169
|
-
if (!
|
|
4197
|
+
const E = $.target.closest('[role="tab"]');
|
|
4198
|
+
if (!E || E.getAttribute("aria-selected") === "true")
|
|
4170
4199
|
return;
|
|
4171
|
-
const
|
|
4172
|
-
|
|
4200
|
+
const j = E.getAttribute("id");
|
|
4201
|
+
de(j);
|
|
4173
4202
|
}
|
|
4174
|
-
function
|
|
4175
|
-
if (
|
|
4176
|
-
const
|
|
4177
|
-
if (
|
|
4203
|
+
function Oe($) {
|
|
4204
|
+
if ($.key === "ArrowLeft" || $.key === "ArrowRight") {
|
|
4205
|
+
const E = F.value.findIndex((j) => j.id === $.target.id);
|
|
4206
|
+
if (E === -1)
|
|
4178
4207
|
return;
|
|
4179
|
-
|
|
4208
|
+
$.preventDefault(), $.stopPropagation(), $.key === "ArrowLeft" ? be(E) : he(E);
|
|
4180
4209
|
}
|
|
4181
4210
|
}
|
|
4182
|
-
function
|
|
4183
|
-
var
|
|
4184
|
-
const
|
|
4185
|
-
(
|
|
4211
|
+
function he($) {
|
|
4212
|
+
var j;
|
|
4213
|
+
const E = ($ + 1) % F.value.length;
|
|
4214
|
+
(j = F.value[E]) == null || j.focus();
|
|
4186
4215
|
}
|
|
4187
|
-
function
|
|
4188
|
-
var
|
|
4189
|
-
const
|
|
4190
|
-
(
|
|
4216
|
+
function be($) {
|
|
4217
|
+
var j;
|
|
4218
|
+
const E = $ === 0 ? F.value.length - 1 : $ - 1;
|
|
4219
|
+
(j = F.value[E]) == null || j.focus();
|
|
4191
4220
|
}
|
|
4192
|
-
function
|
|
4193
|
-
var
|
|
4194
|
-
const
|
|
4195
|
-
let
|
|
4196
|
-
s.value &&
|
|
4221
|
+
function M() {
|
|
4222
|
+
var le, te, Ge, He;
|
|
4223
|
+
const $ = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, E = S.value;
|
|
4224
|
+
let j = 300, Q = ((te = (le = F.value) == null ? void 0 : le[g.value]) == null ? void 0 : te.offsetLeft) || 0, ee = xe(g.value);
|
|
4225
|
+
s.value && b.value && (Q = (Ge = m.value) == null ? void 0 : Ge.offsetLeft, ee = (He = m.value) == null ? void 0 : He.offsetWidth), j = Math.max(Math.abs((Q - $) / E * 300), 100), r.value.style.setProperty("--active-line-max-width", `${E}px`), r.value.style.setProperty("--active-line-scale", `${ee / E}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${j}ms`);
|
|
4197
4226
|
}
|
|
4198
|
-
function
|
|
4199
|
-
var
|
|
4200
|
-
(
|
|
4227
|
+
function U() {
|
|
4228
|
+
var $, E;
|
|
4229
|
+
(E = ($ = x.value) == null ? void 0 : $.disconnect) == null || E.call($), x.value = null;
|
|
4201
4230
|
}
|
|
4202
|
-
function
|
|
4203
|
-
|
|
4204
|
-
for (let
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
}),
|
|
4231
|
+
function G() {
|
|
4232
|
+
x.value = new ResizeObserver(($) => {
|
|
4233
|
+
for (let E of $)
|
|
4234
|
+
S.value = E.contentBoxSize[0].inlineSize;
|
|
4235
|
+
_();
|
|
4236
|
+
}), x.value.observe(r.value);
|
|
4208
4237
|
}
|
|
4209
|
-
function
|
|
4210
|
-
|
|
4238
|
+
function ue() {
|
|
4239
|
+
w.value = Array.from(r.value.children).filter(($) => $.role === "tab");
|
|
4211
4240
|
}
|
|
4212
|
-
function
|
|
4213
|
-
let
|
|
4214
|
-
|
|
4215
|
-
|
|
4241
|
+
function st() {
|
|
4242
|
+
let $;
|
|
4243
|
+
w.value.forEach((E, j) => {
|
|
4244
|
+
$ = E.getBoundingClientRect().width + cl, c.value.push(j ? $ + c.value[j - 1] : $);
|
|
4216
4245
|
});
|
|
4217
4246
|
}
|
|
4218
|
-
return
|
|
4219
|
-
var
|
|
4247
|
+
return R(() => t.activeTabId, Ae), Y(() => {
|
|
4248
|
+
var $;
|
|
4220
4249
|
try {
|
|
4221
|
-
|
|
4222
|
-
} catch (
|
|
4223
|
-
console.log("tab error",
|
|
4250
|
+
ue(), st(), G(), S.value = r.value.getBoundingClientRect().width, _(), t.withBsTabs || ($ = w.value[g.value]) == null || $.setAttribute("aria-selected", "true");
|
|
4251
|
+
} catch (E) {
|
|
4252
|
+
console.log("tab error", E);
|
|
4224
4253
|
}
|
|
4225
|
-
}),
|
|
4254
|
+
}), re(U), ($, E) => (d(), h("div", {
|
|
4226
4255
|
class: "bs-tab-list",
|
|
4227
4256
|
"data-component": "bs-tab-list",
|
|
4228
|
-
id:
|
|
4257
|
+
id: $.$attrs.id || f(C),
|
|
4229
4258
|
ref_key: "hostEl",
|
|
4230
4259
|
ref: r,
|
|
4231
4260
|
role: "tablist",
|
|
4232
4261
|
"data-resizing": !l.value || void 0,
|
|
4233
|
-
onClick:
|
|
4234
|
-
"on:tabClick":
|
|
4235
|
-
onKeydown:
|
|
4262
|
+
onClick: De,
|
|
4263
|
+
"on:tabClick": E[0] || (E[0] = (j) => de(j.detail)),
|
|
4264
|
+
onKeydown: Oe
|
|
4236
4265
|
}, [
|
|
4237
|
-
|
|
4238
|
-
|
|
4239
|
-
"aria-controls":
|
|
4266
|
+
L($.$slots, "default"),
|
|
4267
|
+
B("button", {
|
|
4268
|
+
"aria-controls": f(P),
|
|
4240
4269
|
"aria-expanded": o.value,
|
|
4241
4270
|
class: "bs-tab-list-toggle",
|
|
4242
|
-
"data-active":
|
|
4271
|
+
"data-active": b.value || void 0,
|
|
4243
4272
|
"data-hidden": !s.value,
|
|
4244
|
-
id:
|
|
4273
|
+
id: I.value,
|
|
4245
4274
|
ref_key: "dropdownToggle",
|
|
4246
|
-
ref:
|
|
4247
|
-
onClick:
|
|
4275
|
+
ref: m,
|
|
4276
|
+
onClick: Ve
|
|
4248
4277
|
}, [
|
|
4249
|
-
V(
|
|
4250
|
-
H(" " +
|
|
4251
|
-
], 8,
|
|
4252
|
-
|
|
4253
|
-
|
|
4254
|
-
"
|
|
4255
|
-
"container-id": g.$attrs.id || p(q),
|
|
4278
|
+
V(f(Bt), { size: "sm" }),
|
|
4279
|
+
H(" " + T(A.value), 1)
|
|
4280
|
+
], 8, sl),
|
|
4281
|
+
V(We, {
|
|
4282
|
+
"anchor-id": I.value,
|
|
4283
|
+
"container-id": $.$attrs.id || f(C),
|
|
4256
4284
|
"helper-description": e.helperDescription || void 0,
|
|
4257
4285
|
"helper-text": e.helperText,
|
|
4258
|
-
id:
|
|
4259
|
-
"options-id":
|
|
4286
|
+
id: f(P),
|
|
4287
|
+
"options-id": z.value,
|
|
4260
4288
|
position: "right",
|
|
4261
4289
|
preloaded: "",
|
|
4262
4290
|
shown: o.value,
|
|
4263
4291
|
width: "content",
|
|
4264
|
-
onClose:
|
|
4265
|
-
"onUpdate:modelValue":
|
|
4292
|
+
onClose: Le,
|
|
4293
|
+
"onUpdate:modelValue": Ee
|
|
4266
4294
|
}, {
|
|
4267
|
-
default:
|
|
4268
|
-
(d(!0),
|
|
4269
|
-
key:
|
|
4270
|
-
value:
|
|
4271
|
-
"options-id":
|
|
4295
|
+
default: D(() => [
|
|
4296
|
+
(d(!0), h(W, null, Z(u.value, (j) => (d(), O(Ue, {
|
|
4297
|
+
key: j.id,
|
|
4298
|
+
value: j.id,
|
|
4299
|
+
"options-id": z.value
|
|
4272
4300
|
}, {
|
|
4273
|
-
default:
|
|
4274
|
-
H(
|
|
4301
|
+
default: D(() => [
|
|
4302
|
+
H(T(j.textContent), 1)
|
|
4275
4303
|
]),
|
|
4276
4304
|
_: 2
|
|
4277
4305
|
}, 1032, ["value", "options-id"]))), 128))
|
|
4278
4306
|
]),
|
|
4279
4307
|
_: 1
|
|
4280
|
-
}, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
|
|
4281
|
-
], 40,
|
|
4308
|
+
}, 8, ["anchor-id", "container-id", "helper-description", "helper-text", "id", "options-id", "shown"])
|
|
4309
|
+
], 40, rl));
|
|
4282
4310
|
}
|
|
4283
|
-
},
|
|
4311
|
+
}, fl = ["aria-labelledby", "data-active", "id"], Zl = {
|
|
4284
4312
|
__name: "BsTabPanel",
|
|
4285
4313
|
props: {
|
|
4286
4314
|
activeTabId: {
|
|
@@ -4293,18 +4321,18 @@ const wa = {
|
|
|
4293
4321
|
}
|
|
4294
4322
|
},
|
|
4295
4323
|
setup(e) {
|
|
4296
|
-
const a = e, t =
|
|
4297
|
-
return (i, u) => (d(),
|
|
4324
|
+
const a = e, t = se(), n = p(() => a.activeTabId && a.activeTabId === a.tabId), l = p(() => t.id || `${a.tabId}-panel`);
|
|
4325
|
+
return (i, u) => (d(), h("section", {
|
|
4298
4326
|
"aria-labelledby": e.tabId,
|
|
4299
4327
|
"data-active": n.value,
|
|
4300
4328
|
"data-component": "bs-tab-panel",
|
|
4301
4329
|
id: l.value,
|
|
4302
4330
|
role: "tabpanel"
|
|
4303
4331
|
}, [
|
|
4304
|
-
|
|
4305
|
-
], 8,
|
|
4332
|
+
L(i.$slots, "default")
|
|
4333
|
+
], 8, fl));
|
|
4306
4334
|
}
|
|
4307
|
-
},
|
|
4335
|
+
}, pl = ["data-error", "id", "rows", "value"], vl = {
|
|
4308
4336
|
__name: "BsTextarea",
|
|
4309
4337
|
props: {
|
|
4310
4338
|
error: {
|
|
@@ -4319,8 +4347,8 @@ const wa = {
|
|
|
4319
4347
|
},
|
|
4320
4348
|
emits: ["update:modelValue"],
|
|
4321
4349
|
setup(e, { emit: a }) {
|
|
4322
|
-
const t = e, n =
|
|
4323
|
-
return (l, i) => (d(),
|
|
4350
|
+
const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
4351
|
+
return (l, i) => (d(), h("textarea", N({
|
|
4324
4352
|
class: "bs-textarea",
|
|
4325
4353
|
"data-component": "bs-textarea",
|
|
4326
4354
|
"data-error": e.error,
|
|
@@ -4328,9 +4356,9 @@ const wa = {
|
|
|
4328
4356
|
rows: l.$attrs.rows || 6,
|
|
4329
4357
|
value: e.value || e.modelValue,
|
|
4330
4358
|
onInput: i[0] || (i[0] = (u) => l.$emit("update:modelValue", u.target.value))
|
|
4331
|
-
}, n.value), null, 16,
|
|
4359
|
+
}, n.value), null, 16, pl));
|
|
4332
4360
|
}
|
|
4333
|
-
},
|
|
4361
|
+
}, Jl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
4334
4362
|
__name: "BsTextareaField",
|
|
4335
4363
|
props: {
|
|
4336
4364
|
/** 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. */
|
|
@@ -4379,40 +4407,40 @@ const wa = {
|
|
|
4379
4407
|
},
|
|
4380
4408
|
emits: ["update:modelValue"],
|
|
4381
4409
|
setup(e, { emit: a }) {
|
|
4382
|
-
const t = e, [n, l] =
|
|
4410
|
+
const t = e, [n, l] = X(2), i = p(() => da.concat(t.passAttrs.split(","))), u = p(() => {
|
|
4383
4411
|
var c;
|
|
4384
4412
|
return ((c = t.value || t.modelValue) == null ? void 0 : c.length) || 0;
|
|
4385
|
-
}), o =
|
|
4386
|
-
var c,
|
|
4387
|
-
return ((
|
|
4413
|
+
}), o = p(() => {
|
|
4414
|
+
var c, v;
|
|
4415
|
+
return ((v = (c = t.hints) == null ? void 0 : c.join) == null ? void 0 : v.call(c, `
|
|
4388
4416
|
`)) || t.hints;
|
|
4389
|
-
}), s =
|
|
4390
|
-
return (c,
|
|
4391
|
-
e.label || c.$slots.label ? (d(),
|
|
4417
|
+
}), s = p(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = p(() => t.inputId || n.value);
|
|
4418
|
+
return (c, v) => (d(), h("div", N({ "data-component": "bs-textarea-field" }, f(K)(c.$attrs, i.value).remaining), [
|
|
4419
|
+
e.label || c.$slots.label ? (d(), O(ne, {
|
|
4392
4420
|
key: 0,
|
|
4393
4421
|
for: c.$attrs.id || r.value,
|
|
4394
4422
|
disabled: e.disabled,
|
|
4395
4423
|
required: e.required
|
|
4396
4424
|
}, {
|
|
4397
|
-
default:
|
|
4398
|
-
|
|
4399
|
-
H(
|
|
4425
|
+
default: D(() => [
|
|
4426
|
+
L(c.$slots, "label", {}, () => [
|
|
4427
|
+
H(T(e.label), 1)
|
|
4400
4428
|
])
|
|
4401
4429
|
]),
|
|
4402
4430
|
_: 3
|
|
4403
4431
|
}, 8, ["for", "disabled", "required"])) : k("", !0),
|
|
4404
|
-
V(
|
|
4432
|
+
V(vl, N({
|
|
4405
4433
|
disabled: e.disabled,
|
|
4406
4434
|
error: e.error,
|
|
4407
|
-
"hint-id":
|
|
4435
|
+
"hint-id": f(l),
|
|
4408
4436
|
id: c.$attrs.id || r.value,
|
|
4409
4437
|
placeholder: e.placeholder,
|
|
4410
4438
|
required: e.required,
|
|
4411
4439
|
rows: e.rows,
|
|
4412
4440
|
value: e.value || e.modelValue,
|
|
4413
|
-
"onUpdate:modelValue":
|
|
4414
|
-
},
|
|
4415
|
-
s.value || e.charMax ? (d(),
|
|
4441
|
+
"onUpdate:modelValue": v[0] || (v[0] = (w) => c.$emit("update:modelValue", w))
|
|
4442
|
+
}, f(K)(c.$attrs, i.value).filtered), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
|
|
4443
|
+
s.value || e.charMax ? (d(), O(pe, {
|
|
4416
4444
|
key: 1,
|
|
4417
4445
|
"char-count": u.value,
|
|
4418
4446
|
"char-max": e.charMax,
|
|
@@ -4420,11 +4448,11 @@ const wa = {
|
|
|
4420
4448
|
error: e.error,
|
|
4421
4449
|
"error-msg": e.errorMsg,
|
|
4422
4450
|
hint: e.hint || o.value,
|
|
4423
|
-
"hint-id":
|
|
4451
|
+
"hint-id": f(l)
|
|
4424
4452
|
}, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : k("", !0)
|
|
4425
4453
|
], 16));
|
|
4426
4454
|
}
|
|
4427
|
-
}),
|
|
4455
|
+
}), hl = ["data-variant", "data-stacked"], _l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
4428
4456
|
__name: "BsToast",
|
|
4429
4457
|
props: {
|
|
4430
4458
|
shown: {
|
|
@@ -4470,10 +4498,10 @@ const wa = {
|
|
|
4470
4498
|
},
|
|
4471
4499
|
emits: ["dismiss", "after-enter", "after-leave"],
|
|
4472
4500
|
setup(e, { emit: a }) {
|
|
4473
|
-
const t = e, n = a, { transition: l } =
|
|
4501
|
+
const t = e, n = a, { transition: l } = fe(t);
|
|
4474
4502
|
let i = null;
|
|
4475
|
-
|
|
4476
|
-
const u =
|
|
4503
|
+
oe("variant", t.variant), oe("handleDismiss", o);
|
|
4504
|
+
const u = ie("stacked", t.stacked);
|
|
4477
4505
|
function o() {
|
|
4478
4506
|
i && (clearTimeout(i), i = null), n("dismiss", t.toastId);
|
|
4479
4507
|
}
|
|
@@ -4482,99 +4510,99 @@ const wa = {
|
|
|
4482
4510
|
o();
|
|
4483
4511
|
}, t.duration)), n("after-enter");
|
|
4484
4512
|
}
|
|
4485
|
-
return (r, c) => (d(),
|
|
4486
|
-
shown:
|
|
4513
|
+
return (r, c) => (d(), O(f(Te), {
|
|
4514
|
+
shown: f(l),
|
|
4487
4515
|
preloaded: e.preloaded,
|
|
4488
4516
|
duration: 200,
|
|
4489
4517
|
"enter-attribute": "data-shown",
|
|
4490
4518
|
onAfterEnter: s,
|
|
4491
|
-
onAfterLeave: c[0] || (c[0] = (
|
|
4519
|
+
onAfterLeave: c[0] || (c[0] = (v) => n("after-leave"))
|
|
4492
4520
|
}, {
|
|
4493
|
-
default:
|
|
4494
|
-
|
|
4521
|
+
default: D(() => [
|
|
4522
|
+
B("div", N({
|
|
4495
4523
|
class: "bs-toast",
|
|
4496
4524
|
"data-variant": e.variant,
|
|
4497
|
-
"data-stacked":
|
|
4525
|
+
"data-stacked": f(u) || void 0,
|
|
4498
4526
|
role: "alert"
|
|
4499
4527
|
}, r.$attrs), [
|
|
4500
|
-
|
|
4501
|
-
], 16,
|
|
4528
|
+
L(r.$slots, "default")
|
|
4529
|
+
], 16, hl)
|
|
4502
4530
|
]),
|
|
4503
4531
|
_: 3
|
|
4504
4532
|
}, 8, ["shown", "preloaded"]));
|
|
4505
4533
|
}
|
|
4506
|
-
}),
|
|
4534
|
+
}), bl = ["data-stacked"], eo = {
|
|
4507
4535
|
__name: "BsToastActions",
|
|
4508
4536
|
setup(e) {
|
|
4509
|
-
const a =
|
|
4537
|
+
const a = y(!1);
|
|
4510
4538
|
Y(() => {
|
|
4511
4539
|
var l;
|
|
4512
|
-
const n =
|
|
4540
|
+
const n = pt();
|
|
4513
4541
|
((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
|
|
4514
4542
|
});
|
|
4515
|
-
const t =
|
|
4516
|
-
return (n, l) => (d(),
|
|
4543
|
+
const t = ie("handleDismiss");
|
|
4544
|
+
return (n, l) => (d(), h("div", {
|
|
4517
4545
|
class: "bs-toast-actions",
|
|
4518
4546
|
"data-stacked": a.value || void 0
|
|
4519
4547
|
}, [
|
|
4520
|
-
|
|
4521
|
-
V(
|
|
4548
|
+
L(n.$slots, "default", {}, () => [
|
|
4549
|
+
V(ca, {
|
|
4522
4550
|
size: "sm",
|
|
4523
4551
|
"text-btn": "",
|
|
4524
|
-
onClick:
|
|
4552
|
+
onClick: f(t)
|
|
4525
4553
|
}, {
|
|
4526
|
-
default:
|
|
4554
|
+
default: D(() => [
|
|
4527
4555
|
H(" Dismiss ")
|
|
4528
4556
|
]),
|
|
4529
4557
|
_: 1
|
|
4530
4558
|
}, 8, ["onClick"])
|
|
4531
4559
|
])
|
|
4532
|
-
], 8,
|
|
4560
|
+
], 8, bl));
|
|
4533
4561
|
}
|
|
4534
|
-
},
|
|
4562
|
+
}, ml = (e, a) => {
|
|
4535
4563
|
const t = e.__vccOpts || e;
|
|
4536
4564
|
for (const [n, l] of a)
|
|
4537
4565
|
t[n] = l;
|
|
4538
4566
|
return t;
|
|
4539
|
-
},
|
|
4540
|
-
function
|
|
4541
|
-
return d(),
|
|
4542
|
-
|
|
4567
|
+
}, gl = {}, yl = { class: "bs-toast-body" };
|
|
4568
|
+
function Bl(e, a) {
|
|
4569
|
+
return d(), h("div", yl, [
|
|
4570
|
+
L(e.$slots, "default")
|
|
4543
4571
|
]);
|
|
4544
4572
|
}
|
|
4545
|
-
const
|
|
4573
|
+
const to = /* @__PURE__ */ ml(gl, [["render", Bl]]), $l = ["data-variant"], ao = {
|
|
4546
4574
|
__name: "BsToastHeader",
|
|
4547
4575
|
setup(e) {
|
|
4548
|
-
const a =
|
|
4576
|
+
const a = ie("variant"), t = p(() => {
|
|
4549
4577
|
switch (a) {
|
|
4550
4578
|
case "warning":
|
|
4551
|
-
return
|
|
4579
|
+
return ze;
|
|
4552
4580
|
case "positive":
|
|
4553
|
-
return
|
|
4581
|
+
return St;
|
|
4554
4582
|
case "negative":
|
|
4555
|
-
return
|
|
4583
|
+
return ze;
|
|
4556
4584
|
default:
|
|
4557
|
-
return
|
|
4585
|
+
return $t;
|
|
4558
4586
|
}
|
|
4559
4587
|
});
|
|
4560
|
-
return (n, l) => (d(),
|
|
4588
|
+
return (n, l) => (d(), h("div", {
|
|
4561
4589
|
class: "bs-toast-header",
|
|
4562
|
-
"data-variant":
|
|
4590
|
+
"data-variant": f(a)
|
|
4563
4591
|
}, [
|
|
4564
|
-
(d(),
|
|
4565
|
-
|
|
4566
|
-
|
|
4592
|
+
(d(), O(J(t.value), { class: "bs-toast-header-icon" })),
|
|
4593
|
+
B("h5", null, [
|
|
4594
|
+
L(n.$slots, "default")
|
|
4567
4595
|
])
|
|
4568
|
-
], 8,
|
|
4596
|
+
], 8, $l));
|
|
4569
4597
|
}
|
|
4570
|
-
},
|
|
4598
|
+
}, Sl = { class: "bs-toaster" }, no = {
|
|
4571
4599
|
__name: "BsToaster",
|
|
4572
4600
|
setup(e) {
|
|
4573
|
-
return
|
|
4574
|
-
|
|
4601
|
+
return oe("stacked", !0), (a, t) => (d(), h("div", Sl, [
|
|
4602
|
+
L(a.$slots, "default")
|
|
4575
4603
|
]));
|
|
4576
4604
|
}
|
|
4577
|
-
},
|
|
4605
|
+
}, wl = ["data-position"], kl = ["id"], lo = {
|
|
4578
4606
|
__name: "BsTooltip",
|
|
4579
4607
|
props: {
|
|
4580
4608
|
tooltipId: {
|
|
@@ -4601,11 +4629,11 @@ const _l = /* @__PURE__ */ hl(bl, [["render", gl]]), yl = ["data-variant"], eo =
|
|
|
4601
4629
|
}
|
|
4602
4630
|
},
|
|
4603
4631
|
setup(e) {
|
|
4604
|
-
const a = e, t =
|
|
4632
|
+
const a = e, t = y(!1), n = y(!1), l = p(() => {
|
|
4605
4633
|
let o = "bs-tooltip-text";
|
|
4606
4634
|
return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
|
|
4607
4635
|
});
|
|
4608
|
-
|
|
4636
|
+
Ie(["Escape"], () => {
|
|
4609
4637
|
t.value && (t.value = !1, n.value = !0);
|
|
4610
4638
|
});
|
|
4611
4639
|
function i() {
|
|
@@ -4614,7 +4642,7 @@ const _l = /* @__PURE__ */ hl(bl, [["render", gl]]), yl = ["data-variant"], eo =
|
|
|
4614
4642
|
function u() {
|
|
4615
4643
|
t.value = !1, n.value = !1;
|
|
4616
4644
|
}
|
|
4617
|
-
return (o, s) => (d(),
|
|
4645
|
+
return (o, s) => (d(), h("div", {
|
|
4618
4646
|
class: "bs-tooltip",
|
|
4619
4647
|
"data-position": e.position || void 0,
|
|
4620
4648
|
"data-component": "bs-tooltip",
|
|
@@ -4623,64 +4651,64 @@ const _l = /* @__PURE__ */ hl(bl, [["render", gl]]), yl = ["data-variant"], eo =
|
|
|
4623
4651
|
onMouseleave: u,
|
|
4624
4652
|
onFocusout: u
|
|
4625
4653
|
}, [
|
|
4626
|
-
|
|
4627
|
-
e.content ? (d(),
|
|
4654
|
+
L(o.$slots, "default"),
|
|
4655
|
+
e.content ? (d(), h("div", {
|
|
4628
4656
|
key: 0,
|
|
4629
|
-
class:
|
|
4657
|
+
class: ae(l.value),
|
|
4630
4658
|
id: e.tooltipId,
|
|
4631
4659
|
role: "tooltip"
|
|
4632
|
-
},
|
|
4633
|
-
], 40,
|
|
4660
|
+
}, T(e.content), 11, kl)) : k("", !0)
|
|
4661
|
+
], 40, wl));
|
|
4634
4662
|
}
|
|
4635
4663
|
};
|
|
4636
4664
|
export {
|
|
4637
|
-
|
|
4638
|
-
|
|
4639
|
-
|
|
4640
|
-
|
|
4641
|
-
|
|
4642
|
-
|
|
4643
|
-
|
|
4644
|
-
|
|
4645
|
-
|
|
4646
|
-
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4654
|
-
|
|
4655
|
-
|
|
4656
|
-
|
|
4657
|
-
|
|
4658
|
-
|
|
4659
|
-
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
|
|
4666
|
-
|
|
4667
|
-
|
|
4668
|
-
|
|
4669
|
-
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
|
|
4683
|
-
|
|
4684
|
-
|
|
4685
|
-
|
|
4665
|
+
Vl as BsAccordion,
|
|
4666
|
+
Ut as BsBadge,
|
|
4667
|
+
El as BsBanner,
|
|
4668
|
+
ca as BsButton,
|
|
4669
|
+
Dl as BsCalendar,
|
|
4670
|
+
Ol as BsChartBar,
|
|
4671
|
+
ql as BsCheckbox,
|
|
4672
|
+
Pl as BsCircleButton,
|
|
4673
|
+
it as BsDropdown,
|
|
4674
|
+
Xa as BsDropdownMultiselect,
|
|
4675
|
+
Ue as BsDropdownOption,
|
|
4676
|
+
ye as BsDropdownOptionBuilder,
|
|
4677
|
+
Fe as BsDropdownOptionList,
|
|
4678
|
+
We as BsDropdownWithOptions,
|
|
4679
|
+
Ml as BsDropdownWithToggle,
|
|
4680
|
+
pe as BsFieldDetails,
|
|
4681
|
+
en as BsFilterButton,
|
|
4682
|
+
zl as BsIconGradientWrapper,
|
|
4683
|
+
ve as BsInput,
|
|
4684
|
+
Ce as BsInputAddon,
|
|
4685
|
+
Nl as BsInputField,
|
|
4686
|
+
Rl as BsInputPhone,
|
|
4687
|
+
un as BsInputSearch,
|
|
4688
|
+
jl as BsInputTypeahead,
|
|
4689
|
+
ne as BsLabel,
|
|
4690
|
+
gn as BsLoader,
|
|
4691
|
+
Fl as BsModal,
|
|
4692
|
+
$n as BsOverlay,
|
|
4693
|
+
Ul as BsPagination,
|
|
4694
|
+
Wl as BsPill,
|
|
4695
|
+
Gl as BsProfile,
|
|
4696
|
+
Qn as BsProfileDetails,
|
|
4697
|
+
rt as BsProfileImg,
|
|
4698
|
+
Hl as BsRadio,
|
|
4699
|
+
_n as BsSelect,
|
|
4700
|
+
Kl as BsSelectField,
|
|
4701
|
+
Yl as BsSwitch,
|
|
4702
|
+
Ql as BsTab,
|
|
4703
|
+
Xl as BsTabList,
|
|
4704
|
+
Zl as BsTabPanel,
|
|
4705
|
+
vl as BsTextarea,
|
|
4706
|
+
Jl as BsTextareaField,
|
|
4707
|
+
_l as BsToast,
|
|
4708
|
+
eo as BsToastActions,
|
|
4709
|
+
to as BsToastBody,
|
|
4710
|
+
ao as BsToastHeader,
|
|
4711
|
+
no as BsToaster,
|
|
4712
|
+
lo as BsTooltip,
|
|
4713
|
+
Te as BsTransition
|
|
4686
4714
|
};
|