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