@wwtdev/bsds-components-vue3 2.1.1 → 2.1.3
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 +482 -469
- package/lib/components.css +1 -1
- package/package.json +3 -3
package/lib/bsds-components.js
CHANGED
|
@@ -1,33 +1,37 @@
|
|
|
1
|
-
import { computed as p, ref as I, onMounted as j, onUnmounted as ne, shallowRef as Re, watch as
|
|
1
|
+
import { computed as p, ref as I, onMounted as j, onUnmounted as ne, shallowRef as Re, watch as D, defineAsyncComponent as je, openBlock as d, createElementBlock as f, unref as v, createElementVNode as m, renderSlot as k, createBlock as L, resolveDynamicComponent as U, createCommentVNode as S, toDisplayString as T, createVNode as E, normalizeClass as X, useAttrs as O, mergeProps as P, withCtx as V, Fragment as N, renderList as Y, createTextVNode as R, withDirectives as Fe, Transition as me, vShow as We, inject as te, provide as ae, onDeactivated as Ge, isRef as Ue, nextTick as He, useSlots as Ke } from "vue";
|
|
2
2
|
import { v4 as Ye } from "uuid";
|
|
3
|
-
import { BsIconCaretDown as we, BsIconWarning as
|
|
4
|
-
import { Chart as
|
|
3
|
+
import { BsIconCaretDown as we, BsIconWarning as pe, BsIconClose as oe, BsIconSearch as Xe, BsIconCaretLeftDouble as Ze, BsIconCaretLeft as Je, BsIconCaretRight as Qe, BsIconCaretRightDouble as _e, BsIconActionEllipsis as et, BsIconCircleExclamation as tt, BsIconThumbsUpStroke as at } from "@wwtdev/bsds-icons-vue3";
|
|
4
|
+
import { Chart as ve, BarController as nt, BarElement as lt, CategoryScale as ot, LinearScale as it, Legend as rt, Tooltip as st } from "chart.js";
|
|
5
5
|
const ye = {
|
|
6
6
|
href: "a",
|
|
7
|
+
linkTo: "a",
|
|
7
8
|
onclick: "button",
|
|
8
9
|
onClick: "button",
|
|
9
10
|
type: "button"
|
|
10
11
|
};
|
|
11
|
-
function
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
return
|
|
15
|
-
})
|
|
16
|
-
|
|
12
|
+
function ie(e, a, t = "button") {
|
|
13
|
+
const n = dt(e, a, t), l = p(() => {
|
|
14
|
+
const i = n.value === "button", s = {};
|
|
15
|
+
return i ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
|
|
16
|
+
}), o = p(() => {
|
|
17
|
+
const i = { ...a, ...l.value };
|
|
18
|
+
return delete i.href, i;
|
|
19
|
+
}), u = p(() => e.linkTo || e.href);
|
|
20
|
+
return { rootTag: n, attrsToBind: o, hrefUrl: u };
|
|
17
21
|
}
|
|
18
22
|
function dt(e, a, t) {
|
|
19
|
-
const
|
|
20
|
-
return I(ye[
|
|
23
|
+
const n = Object.keys(ye).find((l) => ut(e, a, l));
|
|
24
|
+
return I(ye[n] || t);
|
|
21
25
|
}
|
|
22
26
|
function ut(e, a, t) {
|
|
23
27
|
return e[t] || a[t];
|
|
24
28
|
}
|
|
25
29
|
const ct = (e, a) => {
|
|
26
|
-
const t = (
|
|
27
|
-
e.some((
|
|
30
|
+
const t = (n) => {
|
|
31
|
+
e.some((l) => {
|
|
28
32
|
var o;
|
|
29
|
-
return (o =
|
|
30
|
-
}) || a(
|
|
33
|
+
return (o = l.value) == null ? void 0 : o.contains(n.target);
|
|
34
|
+
}) || a(n);
|
|
31
35
|
};
|
|
32
36
|
j(() => {
|
|
33
37
|
document.addEventListener("click", t);
|
|
@@ -35,39 +39,40 @@ const ct = (e, a) => {
|
|
|
35
39
|
document.removeEventListener("click", t);
|
|
36
40
|
});
|
|
37
41
|
};
|
|
38
|
-
function
|
|
39
|
-
const a = p(() => {
|
|
40
|
-
var
|
|
41
|
-
return ((
|
|
42
|
-
}),
|
|
43
|
-
var
|
|
44
|
-
return
|
|
42
|
+
function re(e) {
|
|
43
|
+
const a = p(() => e.linkTo || e.href || ""), t = p(() => {
|
|
44
|
+
var o, u;
|
|
45
|
+
return ((u = (o = a.value) == null ? void 0 : o.startsWith) == null ? void 0 : u.call(o, "/")) || !1;
|
|
46
|
+
}), n = p(() => {
|
|
47
|
+
var o, u;
|
|
48
|
+
return t.value && ((o = e.router) == null ? void 0 : o.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
|
|
45
49
|
});
|
|
46
|
-
function l(
|
|
47
|
-
var o, u, i, s, r;
|
|
50
|
+
function l(o) {
|
|
48
51
|
if (e.disabled) {
|
|
49
|
-
|
|
52
|
+
o.preventDefault(), o.stopImmediatePropagation();
|
|
50
53
|
return;
|
|
51
54
|
}
|
|
52
|
-
|
|
55
|
+
if (!a.value || !n.value)
|
|
56
|
+
return;
|
|
57
|
+
o.target.closest("a").href === `${window.location.origin}${a.value}` && (o.preventDefault(), n.value(a.value));
|
|
53
58
|
}
|
|
54
59
|
return { onLinkClick: l };
|
|
55
60
|
}
|
|
56
61
|
function Be(e) {
|
|
57
|
-
return e.split("-").map((
|
|
62
|
+
return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
|
|
58
63
|
}
|
|
59
64
|
const le = (e, a) => {
|
|
60
|
-
function t(
|
|
61
|
-
if (!
|
|
65
|
+
function t(l) {
|
|
66
|
+
if (!l)
|
|
62
67
|
return null;
|
|
63
|
-
const o =
|
|
68
|
+
const o = l.startsWith("bs-") ? Be(l) : `BsIcon${Be(l)}`;
|
|
64
69
|
return je(async () => {
|
|
65
70
|
const { [o]: u } = await import("@wwtdev/bsds-icons-vue3");
|
|
66
71
|
return u;
|
|
67
72
|
});
|
|
68
73
|
}
|
|
69
|
-
const
|
|
70
|
-
return
|
|
74
|
+
const n = Re();
|
|
75
|
+
return n.value = t(e[a]), D(() => e[a], async (l) => n.value = t(l)), { icon: n };
|
|
71
76
|
};
|
|
72
77
|
function H(e = 1) {
|
|
73
78
|
const a = [];
|
|
@@ -77,44 +82,44 @@ function H(e = 1) {
|
|
|
77
82
|
a.forEach((t) => t.value = Ye());
|
|
78
83
|
}), a;
|
|
79
84
|
}
|
|
80
|
-
const
|
|
81
|
-
const
|
|
82
|
-
e.includes(
|
|
85
|
+
const se = (e, a, t = void 0) => {
|
|
86
|
+
const n = (l) => {
|
|
87
|
+
e.includes(l.key) && a(l);
|
|
83
88
|
};
|
|
84
89
|
j(() => {
|
|
85
|
-
((t == null ? void 0 : t.value) ?? document).addEventListener("keydown",
|
|
90
|
+
((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", n);
|
|
86
91
|
}), ne(() => {
|
|
87
|
-
((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown",
|
|
92
|
+
((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
|
|
88
93
|
});
|
|
89
94
|
}, ft = (e, a, t) => {
|
|
90
|
-
let
|
|
95
|
+
let n = null;
|
|
91
96
|
j(() => {
|
|
92
|
-
|
|
97
|
+
n = new MutationObserver(a), n.observe(e.value, t);
|
|
93
98
|
}), ne(() => {
|
|
94
|
-
|
|
99
|
+
n.disconnect();
|
|
95
100
|
});
|
|
96
101
|
};
|
|
97
102
|
function Z(e, a, t = []) {
|
|
98
103
|
var i, s;
|
|
99
|
-
const
|
|
100
|
-
|
|
104
|
+
const n = ((s = (i = e.passAttrs) == null ? void 0 : i.split) == null ? void 0 : s.call(i, ",")) || [], l = /* @__PURE__ */ new Set([...n, ...t]);
|
|
105
|
+
l.delete("");
|
|
101
106
|
const o = I({}), u = I({});
|
|
102
107
|
for (let r in a)
|
|
103
|
-
|
|
108
|
+
l.has(r) ? u.value[r] = a[r] : o.value[r] = a[r];
|
|
104
109
|
return {
|
|
105
110
|
toRoot: o,
|
|
106
111
|
toChild: u
|
|
107
112
|
};
|
|
108
113
|
}
|
|
109
|
-
const
|
|
114
|
+
const de = (e) => {
|
|
110
115
|
const a = I(!1);
|
|
111
116
|
return j(() => {
|
|
112
117
|
a.value = e.enterControlled || e.preloaded ? e.enterTrigger : e.shown;
|
|
113
|
-
}),
|
|
118
|
+
}), D(() => e.shown, (t) => {
|
|
114
119
|
a.value = t;
|
|
115
|
-
}),
|
|
120
|
+
}), D(() => e.enterTrigger, (t) => {
|
|
116
121
|
a.value = t;
|
|
117
|
-
}),
|
|
122
|
+
}), D(() => e.leaveTrigger, (t) => {
|
|
118
123
|
t && (a.value = !1);
|
|
119
124
|
}), { transition: a };
|
|
120
125
|
}, vt = ["id", "data-stacked"], pt = ["data-open"], ht = ["aria-controls", "aria-expanded"], gt = {
|
|
@@ -137,14 +142,14 @@ const se = (e) => {
|
|
|
137
142
|
},
|
|
138
143
|
emits: ["toggled"],
|
|
139
144
|
setup(e, { emit: a }) {
|
|
140
|
-
const t = e,
|
|
145
|
+
const t = e, n = a, l = I(null), o = I(!1), { icon: u } = le(t, "icon"), [i] = H(), s = p(() => i.value + "-content"), r = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), b = p(() => t.controlled ? c.value : o.value);
|
|
141
146
|
function g() {
|
|
142
|
-
|
|
147
|
+
n("toggled", i.value), t.controlled || (o.value = !o.value);
|
|
143
148
|
}
|
|
144
|
-
return (B,
|
|
149
|
+
return (B, x) => (d(), f("div", {
|
|
145
150
|
id: v(i),
|
|
146
151
|
ref_key: "containerRef",
|
|
147
|
-
ref:
|
|
152
|
+
ref: l,
|
|
148
153
|
class: "bs-accordion",
|
|
149
154
|
"data-component": "bs-accordion",
|
|
150
155
|
"data-stacked": e.stacked
|
|
@@ -168,8 +173,8 @@ const se = (e) => {
|
|
|
168
173
|
id: r.value,
|
|
169
174
|
"aria-level": e.headingLevel,
|
|
170
175
|
role: "heading"
|
|
171
|
-
},
|
|
172
|
-
|
|
176
|
+
}, T(e.headerText), 9, bt),
|
|
177
|
+
E(v(we), {
|
|
173
178
|
size: "md",
|
|
174
179
|
"data-position": "end"
|
|
175
180
|
})
|
|
@@ -236,9 +241,9 @@ const se = (e) => {
|
|
|
236
241
|
}
|
|
237
242
|
},
|
|
238
243
|
setup(e) {
|
|
239
|
-
const a = e, t = I(null),
|
|
244
|
+
const a = e, t = I(null), n = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = p(() => {
|
|
240
245
|
var s, r;
|
|
241
|
-
const o = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u =
|
|
246
|
+
const o = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = n.value ? n.value + " " : "";
|
|
242
247
|
if (!u && !a.dot)
|
|
243
248
|
return o;
|
|
244
249
|
const i = a.count !== 1 ? "s" : "";
|
|
@@ -247,14 +252,14 @@ const se = (e) => {
|
|
|
247
252
|
return (o, u) => (d(), f("span", {
|
|
248
253
|
ref_key: "hostRef",
|
|
249
254
|
ref: t,
|
|
250
|
-
class: X({ "bs-badge": e.dot ||
|
|
255
|
+
class: X({ "bs-badge": e.dot || n.value }),
|
|
251
256
|
"data-badge-color": e.color,
|
|
252
257
|
"data-component": "bs-badge",
|
|
253
|
-
"data-count":
|
|
258
|
+
"data-count": n.value,
|
|
254
259
|
"data-position": e.position,
|
|
255
260
|
"data-show-zero": e.showZero,
|
|
256
261
|
"data-variant": e.variant,
|
|
257
|
-
"aria-label":
|
|
262
|
+
"aria-label": l.value
|
|
258
263
|
}, [
|
|
259
264
|
e.variant !== "notext" ? k(o.$slots, "default", { key: 0 }) : S("", !0)
|
|
260
265
|
], 10, yt));
|
|
@@ -267,14 +272,14 @@ const se = (e) => {
|
|
|
267
272
|
__name: "BsBanner",
|
|
268
273
|
emits: ["dismiss"],
|
|
269
274
|
setup(e, { emit: a }) {
|
|
270
|
-
const t = a,
|
|
271
|
-
function
|
|
272
|
-
|
|
275
|
+
const t = a, n = I(!1);
|
|
276
|
+
function l() {
|
|
277
|
+
n.value = !0, t("dismiss");
|
|
273
278
|
}
|
|
274
|
-
return (o, u) =>
|
|
279
|
+
return (o, u) => n.value ? S("", !0) : (d(), f("div", $t, [
|
|
275
280
|
m("div", St, [
|
|
276
281
|
m("div", wt, [
|
|
277
|
-
|
|
282
|
+
E(v(pe), { size: "lg" })
|
|
278
283
|
]),
|
|
279
284
|
m("p", null, [
|
|
280
285
|
k(o.$slots, "default")
|
|
@@ -282,42 +287,44 @@ const se = (e) => {
|
|
|
282
287
|
m("button", {
|
|
283
288
|
type: "button",
|
|
284
289
|
title: "Close Banner",
|
|
285
|
-
onClick:
|
|
290
|
+
onClick: l
|
|
286
291
|
}, [
|
|
287
|
-
|
|
292
|
+
E(v(oe))
|
|
288
293
|
])
|
|
289
294
|
])
|
|
290
295
|
]));
|
|
291
296
|
}
|
|
292
|
-
}, kt = {
|
|
297
|
+
}, kt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
293
298
|
__name: "BsButton",
|
|
294
299
|
props: {
|
|
295
300
|
variant: { type: String },
|
|
296
301
|
disabled: { type: Boolean, default: !1 },
|
|
297
302
|
ghostBtn: { type: Boolean, default: !1 },
|
|
303
|
+
/** @DEPRECATED in favor of linkTo */
|
|
298
304
|
href: { type: String },
|
|
305
|
+
linkTo: { type: String },
|
|
299
306
|
router: {},
|
|
300
307
|
textBtn: { type: Boolean, default: !1 },
|
|
301
|
-
size: { type: String, validator: (e) => ["sm", "xs"].includes(e) }
|
|
308
|
+
size: { type: String, validator: (e) => ["sm", "xs", "xxs"].includes(e) }
|
|
302
309
|
},
|
|
303
310
|
setup(e) {
|
|
304
|
-
const a = e, t =
|
|
305
|
-
return (
|
|
311
|
+
const a = e, t = O(), { rootTag: n, attrsToBind: l, hrefUrl: o } = ie(a, t), { onLinkClick: u } = re(a);
|
|
312
|
+
return (i, s) => (d(), L(U(v(n)), P({
|
|
306
313
|
class: "bs-button",
|
|
307
314
|
"data-component": "bs-button",
|
|
308
315
|
"data-ghost": e.ghostBtn,
|
|
309
316
|
"data-size": e.size,
|
|
310
317
|
"data-text": e.textBtn,
|
|
311
318
|
"data-variant": e.variant,
|
|
312
|
-
href:
|
|
313
|
-
}, v(
|
|
319
|
+
".href": v(o)
|
|
320
|
+
}, v(l), { onClick: v(u) }), {
|
|
314
321
|
default: V(() => [
|
|
315
|
-
k(
|
|
322
|
+
k(i.$slots, "default")
|
|
316
323
|
]),
|
|
317
324
|
_: 3
|
|
318
|
-
},
|
|
325
|
+
}, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
|
|
319
326
|
}
|
|
320
|
-
}, It = { "data-component": "bs-chart-table" },
|
|
327
|
+
}), It = { "data-component": "bs-chart-table" }, Tt = ["summary"], xt = ["colspan"], Ct = /* @__PURE__ */ m("th", { scope: "col" }, " Dataset ", -1), At = { scope: "row" }, Lt = {
|
|
321
328
|
__name: "BsChartTable",
|
|
322
329
|
props: {
|
|
323
330
|
data: {
|
|
@@ -335,53 +342,53 @@ const se = (e) => {
|
|
|
335
342
|
},
|
|
336
343
|
setup(e) {
|
|
337
344
|
return (a, t) => {
|
|
338
|
-
var
|
|
345
|
+
var n;
|
|
339
346
|
return d(), f("div", It, [
|
|
340
347
|
m("table", { summary: e.tableTitle }, [
|
|
341
348
|
m("thead", null, [
|
|
342
349
|
m("tr", null, [
|
|
343
350
|
m("th", {
|
|
344
|
-
colspan: ((
|
|
345
|
-
},
|
|
351
|
+
colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
|
|
352
|
+
}, T(e.tableTitle), 9, xt)
|
|
346
353
|
]),
|
|
347
354
|
m("tr", null, [
|
|
348
355
|
Ct,
|
|
349
|
-
(d(!0), f(
|
|
350
|
-
key:
|
|
356
|
+
(d(!0), f(N, null, Y(e.dataIdxLabels, (l) => (d(), f("th", {
|
|
357
|
+
key: l,
|
|
351
358
|
scope: "col"
|
|
352
|
-
},
|
|
359
|
+
}, T(l), 1))), 128))
|
|
353
360
|
])
|
|
354
361
|
]),
|
|
355
362
|
m("tbody", null, [
|
|
356
|
-
(d(!0), f(
|
|
357
|
-
key:
|
|
363
|
+
(d(!0), f(N, null, Y(e.data, (l) => (d(), f("tr", {
|
|
364
|
+
key: l.label
|
|
358
365
|
}, [
|
|
359
|
-
m("th", At,
|
|
360
|
-
(d(!0), f(
|
|
366
|
+
m("th", At, T(l.label), 1),
|
|
367
|
+
(d(!0), f(N, null, Y(l.data, (o, u) => (d(), f("td", {
|
|
361
368
|
key: `${o}${u}`
|
|
362
|
-
},
|
|
369
|
+
}, T(o), 1))), 128))
|
|
363
370
|
]))), 128))
|
|
364
371
|
])
|
|
365
|
-
], 8,
|
|
372
|
+
], 8, Tt)
|
|
366
373
|
]);
|
|
367
374
|
};
|
|
368
375
|
}
|
|
369
376
|
}, Vt = (e) => ({
|
|
370
377
|
id: "htmlLegend",
|
|
371
378
|
afterUpdate(a) {
|
|
372
|
-
e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((
|
|
373
|
-
const
|
|
374
|
-
|
|
379
|
+
e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((n) => {
|
|
380
|
+
const l = document.createElement("li");
|
|
381
|
+
l.onclick = () => {
|
|
375
382
|
const { type: s } = a.config._config;
|
|
376
|
-
s === "pie" || s === "doughnut" ? a.toggleDataVisibility(
|
|
383
|
+
s === "pie" || s === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
|
|
377
384
|
};
|
|
378
385
|
const o = document.createElement("span");
|
|
379
|
-
o.style.setProperty("--item-box-fill",
|
|
380
|
-
const u = document.createTextNode(
|
|
381
|
-
i.style.setProperty("--item-text-color",
|
|
386
|
+
o.style.setProperty("--item-box-fill", n.fillStyle), o.style.setProperty("--item-box-stroke", n.strokeStyle);
|
|
387
|
+
const u = document.createTextNode(n.text), i = document.createElement("p");
|
|
388
|
+
i.style.setProperty("--item-text-color", n.fontColor), i.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), i.appendChild(u), l.appendChild(o), l.appendChild(i), e.appendChild(l);
|
|
382
389
|
});
|
|
383
390
|
}
|
|
384
|
-
}), Pt = ({ type: e, datasets: a, labels: t, tooltips:
|
|
391
|
+
}), Pt = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
|
|
385
392
|
type: e,
|
|
386
393
|
data: {
|
|
387
394
|
datasets: a,
|
|
@@ -394,13 +401,13 @@ const se = (e) => {
|
|
|
394
401
|
display: !1
|
|
395
402
|
},
|
|
396
403
|
tooltip: {
|
|
397
|
-
enabled:
|
|
404
|
+
enabled: n
|
|
398
405
|
}
|
|
399
406
|
},
|
|
400
407
|
responsive: !0
|
|
401
408
|
}
|
|
402
409
|
});
|
|
403
|
-
function
|
|
410
|
+
function Et(e) {
|
|
404
411
|
const a = [
|
|
405
412
|
"rgba(209, 26, 111, 1)",
|
|
406
413
|
"rgba(130, 18, 196, 1)",
|
|
@@ -414,18 +421,18 @@ function Dt(e) {
|
|
|
414
421
|
return e >= a.length ? t.replace("1)", "0.5)") : t;
|
|
415
422
|
}
|
|
416
423
|
function $e(e, a, t) {
|
|
417
|
-
let
|
|
424
|
+
let n;
|
|
418
425
|
return function() {
|
|
419
|
-
let
|
|
420
|
-
clearTimeout(
|
|
421
|
-
|
|
426
|
+
let l = this, o = arguments;
|
|
427
|
+
clearTimeout(n), t && !n && e.apply(l, o), n = setTimeout(function() {
|
|
428
|
+
n = null, t || e.apply(l, o);
|
|
422
429
|
}, a);
|
|
423
430
|
};
|
|
424
431
|
}
|
|
425
|
-
const
|
|
432
|
+
const Dt = {
|
|
426
433
|
class: "bs-chart-bar",
|
|
427
434
|
"data-component": "bs-chart-bar"
|
|
428
|
-
}, qt = ["aria-label"], zt = ["data-hidden"],
|
|
435
|
+
}, qt = ["aria-label"], zt = ["data-hidden"], En = {
|
|
429
436
|
__name: "BsChartBar",
|
|
430
437
|
props: {
|
|
431
438
|
chartTitle: {
|
|
@@ -479,8 +486,8 @@ const Et = {
|
|
|
479
486
|
}
|
|
480
487
|
},
|
|
481
488
|
setup(e) {
|
|
482
|
-
const a = e, t = I(null),
|
|
483
|
-
let
|
|
489
|
+
const a = e, t = I(null), n = I(null);
|
|
490
|
+
let l;
|
|
484
491
|
const o = p(() => {
|
|
485
492
|
const c = {
|
|
486
493
|
datasets: u.value,
|
|
@@ -488,7 +495,7 @@ const Et = {
|
|
|
488
495
|
type: "bar",
|
|
489
496
|
tooltips: a.showTooltips
|
|
490
497
|
}, b = Pt(c);
|
|
491
|
-
return b.plugins = [Vt(
|
|
498
|
+
return b.plugins = [Vt(n.value)], b.options.scales = {
|
|
492
499
|
x: {
|
|
493
500
|
grid: {
|
|
494
501
|
display: a.showXGrid
|
|
@@ -512,16 +519,16 @@ const Et = {
|
|
|
512
519
|
}, b;
|
|
513
520
|
}), u = p(() => a.data.map((c, b) => ({
|
|
514
521
|
...c,
|
|
515
|
-
backgroundColor:
|
|
522
|
+
backgroundColor: Et(b),
|
|
516
523
|
categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
|
|
517
524
|
}))), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), s = $e(function(c, b) {
|
|
518
|
-
!
|
|
525
|
+
!l || c === b || (l.options = o.value.options, l.update());
|
|
519
526
|
}, 100), r = $e(function() {
|
|
520
|
-
|
|
527
|
+
l && (l.data = o.value.data, l.update());
|
|
521
528
|
}, 100);
|
|
522
529
|
return j(() => {
|
|
523
|
-
|
|
524
|
-
}),
|
|
530
|
+
ve.register(nt, lt, ot, it, rt, st), ve.defaults.font.family = "'Roobert', sans-serif", l = new ve(t.value, o.value);
|
|
531
|
+
}), D(() => a.showLegend, s), D(() => a.showTooltips, s), D(() => a.showXGrid, s), D(() => a.showYGrid, s), D(() => a.stacked, s), D(() => a.xLabel, s), D(() => a.yLabel, s), D(() => a.data, r), D(() => a.dataIdxLabels, r), (c, b) => (d(), f("div", Dt, [
|
|
525
532
|
m("figure", null, [
|
|
526
533
|
m("div", null, [
|
|
527
534
|
m("canvas", {
|
|
@@ -532,7 +539,7 @@ const Et = {
|
|
|
532
539
|
}, null, 8, qt)
|
|
533
540
|
]),
|
|
534
541
|
m("div", null, [
|
|
535
|
-
|
|
542
|
+
E(Lt, {
|
|
536
543
|
data: e.data,
|
|
537
544
|
"data-idx-labels": e.dataIdxLabels,
|
|
538
545
|
"table-title": i.value
|
|
@@ -542,7 +549,7 @@ const Et = {
|
|
|
542
549
|
}, [
|
|
543
550
|
m("ul", {
|
|
544
551
|
ref_key: "legendList",
|
|
545
|
-
ref:
|
|
552
|
+
ref: n
|
|
546
553
|
}, null, 512)
|
|
547
554
|
], 8, zt)
|
|
548
555
|
])
|
|
@@ -570,13 +577,13 @@ const Et = {
|
|
|
570
577
|
m("span", null, [
|
|
571
578
|
k(a.$slots, "default")
|
|
572
579
|
]),
|
|
573
|
-
e.required ? (d(), f(
|
|
580
|
+
e.required ? (d(), f(N, { key: 0 }, [
|
|
574
581
|
Ot,
|
|
575
582
|
Nt
|
|
576
583
|
], 64)) : S("", !0)
|
|
577
584
|
], 10, Mt));
|
|
578
585
|
}
|
|
579
|
-
}, Rt = ["data-size"], jt = ["checked", "data-error", "disabled", "id", "required", "value"],
|
|
586
|
+
}, Rt = ["data-size"], jt = ["checked", "data-error", "disabled", "id", "required", "value"], Dn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
580
587
|
__name: "BsCheckbox",
|
|
581
588
|
props: {
|
|
582
589
|
/** Sets the label. */
|
|
@@ -634,27 +641,27 @@ const Et = {
|
|
|
634
641
|
},
|
|
635
642
|
emits: ["update:modelValue"],
|
|
636
643
|
setup(e, { emit: a }) {
|
|
637
|
-
const t = e,
|
|
644
|
+
const t = e, n = a, l = O(), [o] = H(), { toChild: u, toRoot: i } = Z(t, l, ["aria-label", "name", "value"]), s = I(null), r = p(() => t.inputId || o.value), c = p(() => t.checked || g.value), b = p(() => Array.isArray(t.modelValue) && t.value), g = p(() => b.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
|
|
638
645
|
function B() {
|
|
639
646
|
s.value && (s.value.indeterminate = t.checkedPartially && !c.value);
|
|
640
647
|
}
|
|
641
|
-
function
|
|
642
|
-
|
|
648
|
+
function x($) {
|
|
649
|
+
n("update:modelValue", $);
|
|
643
650
|
}
|
|
644
651
|
function z($) {
|
|
645
652
|
const y = [...t.modelValue];
|
|
646
|
-
$ ? y.push(t.value) : y.splice(y.indexOf(t.value), 1),
|
|
653
|
+
$ ? y.push(t.value) : y.splice(y.indexOf(t.value), 1), n("update:modelValue", y);
|
|
647
654
|
}
|
|
648
655
|
function C($) {
|
|
649
656
|
const { checked: y } = $.target;
|
|
650
|
-
b.value ? z(y) :
|
|
657
|
+
b.value ? z(y) : x(y);
|
|
651
658
|
}
|
|
652
|
-
return
|
|
659
|
+
return D(c, B), D(() => t.checkedPartially, B), ($, y) => (d(), f("div", P({
|
|
653
660
|
class: "bs-boolean",
|
|
654
661
|
"data-component": "bs-checkbox",
|
|
655
662
|
"data-size": e.size
|
|
656
663
|
}, v(i)), [
|
|
657
|
-
m("input",
|
|
664
|
+
m("input", P({
|
|
658
665
|
ref_key: "inputEl",
|
|
659
666
|
ref: s,
|
|
660
667
|
checked: c.value,
|
|
@@ -674,14 +681,14 @@ const Et = {
|
|
|
674
681
|
}, {
|
|
675
682
|
default: V(() => [
|
|
676
683
|
k($.$slots, "label", {}, () => [
|
|
677
|
-
R(
|
|
684
|
+
R(T(e.label), 1)
|
|
678
685
|
])
|
|
679
686
|
]),
|
|
680
687
|
_: 3
|
|
681
688
|
}, 8, ["for", "disabled", "required"])) : S("", !0)
|
|
682
689
|
], 16, Rt));
|
|
683
690
|
}
|
|
684
|
-
}),
|
|
691
|
+
}), Ft = { key: 0 }, Wt = { class: "bs-circle-button-icon" }, Gt = { key: 1 }, qn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
685
692
|
__name: "BsCircleButton",
|
|
686
693
|
props: {
|
|
687
694
|
disabled: {
|
|
@@ -696,6 +703,7 @@ const Et = {
|
|
|
696
703
|
type: Boolean,
|
|
697
704
|
default: !1
|
|
698
705
|
},
|
|
706
|
+
/** @DEPRECATED in favor of linkTo */
|
|
699
707
|
href: {
|
|
700
708
|
type: String
|
|
701
709
|
},
|
|
@@ -712,6 +720,9 @@ const Et = {
|
|
|
712
720
|
type: String,
|
|
713
721
|
required: !0
|
|
714
722
|
},
|
|
723
|
+
linkTo: {
|
|
724
|
+
type: String
|
|
725
|
+
},
|
|
715
726
|
router: {},
|
|
716
727
|
textBtn: {
|
|
717
728
|
type: Boolean,
|
|
@@ -719,37 +730,36 @@ const Et = {
|
|
|
719
730
|
},
|
|
720
731
|
size: {
|
|
721
732
|
type: String,
|
|
722
|
-
validator: (e) => ["sm", "
|
|
723
|
-
default: "lg"
|
|
733
|
+
validator: (e) => ["sm", "xs"].includes(e)
|
|
724
734
|
}
|
|
725
735
|
},
|
|
726
736
|
setup(e) {
|
|
727
|
-
const a = e, t =
|
|
737
|
+
const a = e, t = O(), { rootTag: n, attrsToBind: l, hrefUrl: o } = ie(a, t), { icon: u } = le(a, "icon"), { onLinkClick: i } = re(a), s = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
|
|
728
738
|
if (a.hoverEffect)
|
|
729
739
|
return a.iconPosition;
|
|
730
|
-
}),
|
|
731
|
-
return (
|
|
740
|
+
}), c = p(() => a.textBtn && a.iconPosition !== "left"), b = p(() => a.textBtn && a.iconPosition === "left");
|
|
741
|
+
return (g, B) => (d(), L(U(v(n)), P({
|
|
732
742
|
class: "bs-circle-button",
|
|
733
743
|
"data-disabled": e.disabled,
|
|
734
|
-
"data-direction":
|
|
744
|
+
"data-direction": r.value,
|
|
735
745
|
"data-ghost": e.ghostBtn,
|
|
736
746
|
"data-size": e.size,
|
|
737
747
|
"data-text": e.textBtn,
|
|
738
|
-
href:
|
|
739
|
-
}, { ...v(
|
|
748
|
+
".href": v(o)
|
|
749
|
+
}, { ...v(l), ...s.value }, { onClick: v(i) }), {
|
|
740
750
|
default: V(() => [
|
|
741
|
-
|
|
742
|
-
m("span",
|
|
743
|
-
k(
|
|
744
|
-
(d(), L(U(v(
|
|
751
|
+
c.value ? (d(), f("span", Ft, T(e.label), 1)) : S("", !0),
|
|
752
|
+
m("span", Wt, [
|
|
753
|
+
k(g.$slots, "icon", {}, () => [
|
|
754
|
+
(d(), L(U(v(u)), { size: e.size }, null, 8, ["size"]))
|
|
745
755
|
])
|
|
746
756
|
]),
|
|
747
|
-
|
|
757
|
+
b.value ? (d(), f("span", Gt, T(e.label), 1)) : S("", !0)
|
|
748
758
|
]),
|
|
749
759
|
_: 3
|
|
750
|
-
},
|
|
760
|
+
}, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
|
|
751
761
|
}
|
|
752
|
-
},
|
|
762
|
+
}), ue = {
|
|
753
763
|
__name: "BsTransition",
|
|
754
764
|
props: {
|
|
755
765
|
shown: {
|
|
@@ -792,13 +802,13 @@ const Et = {
|
|
|
792
802
|
"leave-cancelled"
|
|
793
803
|
],
|
|
794
804
|
setup(e, { emit: a }) {
|
|
795
|
-
const t = e,
|
|
805
|
+
const t = e, n = a, l = [];
|
|
796
806
|
function o(s, r) {
|
|
797
807
|
const { duration: c, enterClass: b, enterAttribute: g } = t;
|
|
798
|
-
|
|
799
|
-
b && s.classList.add(b), g && s.setAttribute(g, ""),
|
|
808
|
+
l.push(setTimeout(() => {
|
|
809
|
+
b && s.classList.add(b), g && s.setAttribute(g, ""), l.push(setTimeout(() => {
|
|
800
810
|
r();
|
|
801
|
-
}, c)),
|
|
811
|
+
}, c)), n("enter", s);
|
|
802
812
|
}));
|
|
803
813
|
}
|
|
804
814
|
function u(s, r) {
|
|
@@ -807,49 +817,49 @@ const Et = {
|
|
|
807
817
|
enterClass: b,
|
|
808
818
|
enterAttribute: g,
|
|
809
819
|
leaveClass: B,
|
|
810
|
-
leaveAttribute:
|
|
820
|
+
leaveAttribute: x
|
|
811
821
|
} = t;
|
|
812
|
-
s.classList.remove(b), s.removeAttribute(g), B && s.classList.add(B),
|
|
822
|
+
s.classList.remove(b), s.removeAttribute(g), B && s.classList.add(B), x && s.setAttribute(x, ""), l.push(setTimeout(() => {
|
|
813
823
|
r();
|
|
814
|
-
}, c)),
|
|
824
|
+
}, c)), n("leave", s);
|
|
815
825
|
}
|
|
816
826
|
function i(s) {
|
|
817
827
|
const { leaveClass: r, leaveAttribute: c } = t;
|
|
818
|
-
s.classList.remove(r), s.removeAttribute(c),
|
|
828
|
+
s.classList.remove(r), s.removeAttribute(c), n("after-leave", s);
|
|
819
829
|
}
|
|
820
830
|
return ne(() => {
|
|
821
|
-
|
|
831
|
+
l.forEach((s) => {
|
|
822
832
|
clearTimeout(s);
|
|
823
833
|
});
|
|
824
|
-
}), (s, r) => e.preloaded ?
|
|
834
|
+
}), (s, r) => e.preloaded ? Fe((d(), L(me, {
|
|
825
835
|
key: 0,
|
|
826
836
|
css: !1,
|
|
827
|
-
onBeforeEnter: r[0] || (r[0] = (c) =>
|
|
837
|
+
onBeforeEnter: r[0] || (r[0] = (c) => n("before-enter", c)),
|
|
828
838
|
onEnter: o,
|
|
829
|
-
onAfterEnter: r[1] || (r[1] = (c) =>
|
|
830
|
-
onEnterCancelled: r[2] || (r[2] = (c) =>
|
|
831
|
-
onBeforeLeave: r[3] || (r[3] = (c) =>
|
|
839
|
+
onAfterEnter: r[1] || (r[1] = (c) => n("after-enter", c)),
|
|
840
|
+
onEnterCancelled: r[2] || (r[2] = (c) => n("enter-cancelled", c)),
|
|
841
|
+
onBeforeLeave: r[3] || (r[3] = (c) => n("before-leave", c)),
|
|
832
842
|
onLeave: u,
|
|
833
843
|
onAfterLeave: i,
|
|
834
|
-
onLeaveCancelled: r[4] || (r[4] = (c) =>
|
|
844
|
+
onLeaveCancelled: r[4] || (r[4] = (c) => n("leave-cancelled", c))
|
|
835
845
|
}, {
|
|
836
846
|
default: V(() => [
|
|
837
847
|
k(s.$slots, "default")
|
|
838
848
|
]),
|
|
839
849
|
_: 3
|
|
840
850
|
}, 512)), [
|
|
841
|
-
[
|
|
851
|
+
[We, e.shown]
|
|
842
852
|
]) : (d(), L(me, {
|
|
843
853
|
key: 1,
|
|
844
854
|
css: !1,
|
|
845
|
-
onBeforeEnter: r[5] || (r[5] = (c) =>
|
|
855
|
+
onBeforeEnter: r[5] || (r[5] = (c) => n("before-enter", c)),
|
|
846
856
|
onEnter: o,
|
|
847
|
-
onAfterEnter: r[6] || (r[6] = (c) =>
|
|
848
|
-
onEnterCancelled: r[7] || (r[7] = (c) =>
|
|
849
|
-
onBeforeLeave: r[8] || (r[8] = (c) =>
|
|
857
|
+
onAfterEnter: r[6] || (r[6] = (c) => n("after-enter", c)),
|
|
858
|
+
onEnterCancelled: r[7] || (r[7] = (c) => n("enter-cancelled", c)),
|
|
859
|
+
onBeforeLeave: r[8] || (r[8] = (c) => n("before-leave", c)),
|
|
850
860
|
onLeave: u,
|
|
851
861
|
onAfterLeave: i,
|
|
852
|
-
onLeaveCancelled: r[9] || (r[9] = (c) =>
|
|
862
|
+
onLeaveCancelled: r[9] || (r[9] = (c) => n("leave-cancelled", c))
|
|
853
863
|
}, {
|
|
854
864
|
default: V(() => [
|
|
855
865
|
e.shown ? k(s.$slots, "default", { key: 0 }) : S("", !0)
|
|
@@ -905,78 +915,78 @@ const Et = {
|
|
|
905
915
|
"after-leave"
|
|
906
916
|
],
|
|
907
917
|
setup(e, { emit: a }) {
|
|
908
|
-
const t = e,
|
|
918
|
+
const t = e, n = a, l = I(null);
|
|
909
919
|
let o = !1;
|
|
910
|
-
ct([
|
|
911
|
-
o &&
|
|
912
|
-
}),
|
|
913
|
-
o &&
|
|
920
|
+
ct([l], () => {
|
|
921
|
+
o && n("close");
|
|
922
|
+
}), se(["Escape"], () => {
|
|
923
|
+
o && n("close");
|
|
914
924
|
});
|
|
915
925
|
function u() {
|
|
916
|
-
const B = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(),
|
|
926
|
+
const B = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), x = document.getElementById(t.anchorId).getBoundingClientRect(), z = l.value.getBoundingClientRect();
|
|
917
927
|
if (t.position === "top") {
|
|
918
|
-
const $ = B.bottom -
|
|
919
|
-
|
|
928
|
+
const $ = B.bottom - x.bottom;
|
|
929
|
+
l.value.style.setProperty("--dropdown-wscreen-top", "auto"), l.value.style.setProperty("--dropdown-wscreen-bottom", `${$ + x.height + 8}px`);
|
|
920
930
|
} else {
|
|
921
|
-
const $ =
|
|
922
|
-
|
|
931
|
+
const $ = x.top - B.top;
|
|
932
|
+
l.value.style.setProperty("--dropdown-wscreen-top", `${$ + x.height + 8}px`), l.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
|
|
923
933
|
}
|
|
924
|
-
const C =
|
|
934
|
+
const C = x.left - B.left;
|
|
925
935
|
if (t.position === "center") {
|
|
926
|
-
const $ = (
|
|
927
|
-
|
|
936
|
+
const $ = (x.width - z.width) / 2;
|
|
937
|
+
l.value.style.setProperty("--dropdown-wscreen-left", `${C + $}px`);
|
|
928
938
|
} else if (t.position === "right") {
|
|
929
|
-
const $ = B.right -
|
|
930
|
-
|
|
939
|
+
const $ = B.right - x.right;
|
|
940
|
+
l.value.style.setProperty("--dropdown-wscreen-left", "auto"), l.value.style.setProperty("--dropdown-wscreen-right", `${$}px`);
|
|
931
941
|
} else
|
|
932
|
-
|
|
942
|
+
l.value.style.setProperty("--dropdown-wscreen-left", `${C}px`);
|
|
933
943
|
}
|
|
934
944
|
function i() {
|
|
935
945
|
if (t.width === "toggle") {
|
|
936
946
|
const g = document.getElementById(t.anchorId).getBoundingClientRect();
|
|
937
|
-
|
|
947
|
+
l.value.style.setProperty("--dropdown-wscreen-width", `${g.width}px`);
|
|
938
948
|
} else
|
|
939
|
-
|
|
949
|
+
l.value.style.setProperty("--dropdown-wscreen-width", "");
|
|
940
950
|
}
|
|
941
951
|
function s() {
|
|
942
|
-
u(), i(),
|
|
952
|
+
u(), i(), n("enter");
|
|
943
953
|
}
|
|
944
954
|
function r() {
|
|
945
|
-
o = !0,
|
|
955
|
+
o = !0, n("after-enter");
|
|
946
956
|
}
|
|
947
957
|
function c() {
|
|
948
|
-
o = !1,
|
|
958
|
+
o = !1, n("after-leave");
|
|
949
959
|
}
|
|
950
960
|
function b() {
|
|
951
961
|
return t.width === "toggle" ? void 0 : t.width;
|
|
952
962
|
}
|
|
953
|
-
return (g, B) => (d(), L(v(
|
|
963
|
+
return (g, B) => (d(), L(v(ue), {
|
|
954
964
|
shown: e.shown,
|
|
955
965
|
preloaded: e.preloaded,
|
|
956
966
|
duration: 75,
|
|
957
967
|
"enter-attribute": "data-shown",
|
|
958
|
-
onAfterEnter: B[1] || (B[1] = (
|
|
959
|
-
onEnter: B[2] || (B[2] = (
|
|
960
|
-
onAfterLeave: B[3] || (B[3] = (
|
|
968
|
+
onAfterEnter: B[1] || (B[1] = (x) => r()),
|
|
969
|
+
onEnter: B[2] || (B[2] = (x) => s()),
|
|
970
|
+
onAfterLeave: B[3] || (B[3] = (x) => c())
|
|
961
971
|
}, {
|
|
962
972
|
default: V(() => [
|
|
963
|
-
m("div",
|
|
973
|
+
m("div", P({
|
|
964
974
|
ref_key: "dropdownRef",
|
|
965
|
-
ref:
|
|
975
|
+
ref: l,
|
|
966
976
|
class: "bs-dropdown",
|
|
967
977
|
"data-width": b()
|
|
968
978
|
}, g.$attrs), [
|
|
969
979
|
e.helperText ? (d(), f("header", Ht, [
|
|
970
980
|
m("div", null, [
|
|
971
|
-
m("h3", null,
|
|
972
|
-
e.helperDescription ? (d(), f("p", Kt,
|
|
981
|
+
m("h3", null, T(e.helperText), 1),
|
|
982
|
+
e.helperDescription ? (d(), f("p", Kt, T(e.helperDescription), 1)) : S("", !0)
|
|
973
983
|
]),
|
|
974
984
|
m("button", {
|
|
975
985
|
type: "button",
|
|
976
986
|
title: "close",
|
|
977
|
-
onClick: B[0] || (B[0] = () =>
|
|
987
|
+
onClick: B[0] || (B[0] = () => n("close"))
|
|
978
988
|
}, [
|
|
979
|
-
|
|
989
|
+
E(v(oe))
|
|
980
990
|
])
|
|
981
991
|
])) : S("", !0),
|
|
982
992
|
k(g.$slots, "default")
|
|
@@ -1068,10 +1078,10 @@ const Et = {
|
|
|
1068
1078
|
"after-leave"
|
|
1069
1079
|
],
|
|
1070
1080
|
setup(e, { emit: a }) {
|
|
1071
|
-
const t = e,
|
|
1072
|
-
return (s, r) => (d(), f(
|
|
1081
|
+
const t = e, n = a, l = I(null), { transition: o } = de(t), u = p(() => t.toggleId ? t.toggleId : t.anchorId), i = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
|
|
1082
|
+
return (s, r) => (d(), f(N, null, [
|
|
1073
1083
|
v(o) ? (d(), f("div", Yt)) : S("", !0),
|
|
1074
|
-
e.containerId ? (d(), L(v(Se),
|
|
1084
|
+
e.containerId ? (d(), L(v(Se), P({
|
|
1075
1085
|
key: 1,
|
|
1076
1086
|
shown: v(o),
|
|
1077
1087
|
preloaded: e.preloaded,
|
|
@@ -1082,10 +1092,10 @@ const Et = {
|
|
|
1082
1092
|
position: i.value,
|
|
1083
1093
|
width: e.width
|
|
1084
1094
|
}, s.$attrs, {
|
|
1085
|
-
onClose: r[0] || (r[0] = (c) =>
|
|
1086
|
-
onAfterEnter: r[1] || (r[1] = (c) =>
|
|
1087
|
-
onEnter: r[2] || (r[2] = (c) =>
|
|
1088
|
-
onAfterLeave: r[3] || (r[3] = (c) =>
|
|
1095
|
+
onClose: r[0] || (r[0] = (c) => n("close")),
|
|
1096
|
+
onAfterEnter: r[1] || (r[1] = (c) => n("after-enter")),
|
|
1097
|
+
onEnter: r[2] || (r[2] = (c) => n("enter")),
|
|
1098
|
+
onAfterLeave: r[3] || (r[3] = (c) => n("after-leave"))
|
|
1089
1099
|
}), {
|
|
1090
1100
|
default: V(() => [
|
|
1091
1101
|
k(s.$slots, "default")
|
|
@@ -1094,23 +1104,23 @@ const Et = {
|
|
|
1094
1104
|
}, 16, ["shown", "preloaded", "anchor-id", "container-id", "helper-description", "helper-text", "position", "width"])) : (d(), f("div", {
|
|
1095
1105
|
key: 2,
|
|
1096
1106
|
ref_key: "containerRef",
|
|
1097
|
-
ref:
|
|
1107
|
+
ref: l,
|
|
1098
1108
|
style: { position: "relative" }
|
|
1099
1109
|
}, [
|
|
1100
|
-
|
|
1110
|
+
E(v(Se), P({
|
|
1101
1111
|
shown: v(o),
|
|
1102
1112
|
preloaded: e.preloaded,
|
|
1103
1113
|
"anchor-id": u.value,
|
|
1104
|
-
"container-ref":
|
|
1114
|
+
"container-ref": l.value,
|
|
1105
1115
|
"helper-description": e.helperDescription,
|
|
1106
1116
|
"helper-text": e.helperText,
|
|
1107
1117
|
position: i.value,
|
|
1108
1118
|
width: e.width
|
|
1109
1119
|
}, s.$attrs, {
|
|
1110
|
-
onClose: r[4] || (r[4] = (c) =>
|
|
1111
|
-
onAfterEnter: r[5] || (r[5] = (c) =>
|
|
1112
|
-
onEnter: r[6] || (r[6] = (c) =>
|
|
1113
|
-
onAfterLeave: r[7] || (r[7] = (c) =>
|
|
1120
|
+
onClose: r[4] || (r[4] = (c) => n("close")),
|
|
1121
|
+
onAfterEnter: r[5] || (r[5] = (c) => n("after-enter")),
|
|
1122
|
+
onEnter: r[6] || (r[6] = (c) => n("enter")),
|
|
1123
|
+
onAfterLeave: r[7] || (r[7] = (c) => n("after-leave"))
|
|
1114
1124
|
}), {
|
|
1115
1125
|
default: V(() => [
|
|
1116
1126
|
k(s.$slots, "default")
|
|
@@ -1133,14 +1143,14 @@ const Et = {
|
|
|
1133
1143
|
}
|
|
1134
1144
|
},
|
|
1135
1145
|
setup(e) {
|
|
1136
|
-
const a = e, t = I(null),
|
|
1137
|
-
|
|
1146
|
+
const a = e, t = I(null), n = te("optionsId"), l = te("handleSelect"), o = p(() => `${n}-option-${a.value}`);
|
|
1147
|
+
se([" ", "Enter", "NumpadEnter"], (i) => {
|
|
1138
1148
|
var s;
|
|
1139
1149
|
u(), (s = t.value.querySelector("a")) == null || s.click(), i.preventDefault();
|
|
1140
1150
|
}, t);
|
|
1141
1151
|
function u() {
|
|
1142
1152
|
var i;
|
|
1143
|
-
|
|
1153
|
+
l(o.value, a.value), (i = t.value.querySelector("a")) == null || i.click();
|
|
1144
1154
|
}
|
|
1145
1155
|
return (i, s) => (d(), f("li", {
|
|
1146
1156
|
"data-component": "bs-dropdown-option",
|
|
@@ -1194,33 +1204,33 @@ const Et = {
|
|
|
1194
1204
|
},
|
|
1195
1205
|
emits: ["optselected", "update:modelValue", "close"],
|
|
1196
1206
|
setup(e, { emit: a }) {
|
|
1197
|
-
const t = e,
|
|
1207
|
+
const t = e, n = a, l = I(null), o = I(null);
|
|
1198
1208
|
let u = null, i = -1, s = -1;
|
|
1199
1209
|
ae("optionsId", t.optionsId), ae("handleSelect", C);
|
|
1200
1210
|
function r() {
|
|
1201
|
-
return u || (u = Array.from(
|
|
1211
|
+
return u || (u = Array.from(l.value.querySelectorAll('[data-component="bs-dropdown-option"]'))), u;
|
|
1202
1212
|
}
|
|
1203
1213
|
j(() => {
|
|
1204
|
-
g(), document.addEventListener("keydown",
|
|
1214
|
+
g(), document.addEventListener("keydown", x);
|
|
1205
1215
|
}), Ge(() => {
|
|
1206
|
-
document.removeEventListener("keydown",
|
|
1207
|
-
}),
|
|
1216
|
+
document.removeEventListener("keydown", x);
|
|
1217
|
+
}), D(() => t.visible, () => {
|
|
1208
1218
|
g();
|
|
1209
|
-
}),
|
|
1219
|
+
}), D(() => t.shown, () => {
|
|
1210
1220
|
g();
|
|
1211
1221
|
});
|
|
1212
1222
|
const c = p(() => t.visible || t.shown), b = p(() => t.modelValue || t.selectedValue);
|
|
1213
1223
|
function g() {
|
|
1214
|
-
var $, y, q,
|
|
1224
|
+
var $, y, q, F, ee;
|
|
1215
1225
|
c.value ? (s = r().findIndex(
|
|
1216
1226
|
(J) => J.getAttribute("data-value") === String(b.value)
|
|
1217
1227
|
), s > -1 && (($ = r()[s]) == null || $.setAttribute("data-selected", ""), (y = r()[s]) == null || y.setAttribute("aria-selected", "true"), i = s, t.focusDelay > 0 ? setTimeout(() => {
|
|
1218
1228
|
var J;
|
|
1219
1229
|
(J = r()[s]) == null || J.focus();
|
|
1220
|
-
}, t.focusDelay) : (q = r()[s]) == null || q.focus())) : ((
|
|
1230
|
+
}, t.focusDelay) : (q = r()[s]) == null || q.focus())) : ((F = r()[s]) == null || F.removeAttribute("data-selected"), (ee = r()[s]) == null || ee.removeAttribute("aria-selected"));
|
|
1221
1231
|
}
|
|
1222
1232
|
ft(
|
|
1223
|
-
|
|
1233
|
+
l,
|
|
1224
1234
|
() => {
|
|
1225
1235
|
u = null;
|
|
1226
1236
|
},
|
|
@@ -1230,7 +1240,7 @@ const Et = {
|
|
|
1230
1240
|
var $;
|
|
1231
1241
|
i > -1 && (($ = r()[i]) == null || $.blur());
|
|
1232
1242
|
}
|
|
1233
|
-
function
|
|
1243
|
+
function x($) {
|
|
1234
1244
|
if (c.value)
|
|
1235
1245
|
switch ($.key) {
|
|
1236
1246
|
case "ArrowDown":
|
|
@@ -1269,11 +1279,11 @@ const Et = {
|
|
|
1269
1279
|
B(), r()[y].focus(), i = y;
|
|
1270
1280
|
}
|
|
1271
1281
|
function C($, y) {
|
|
1272
|
-
o.value = $, B(),
|
|
1282
|
+
o.value = $, B(), n("optselected", y), n("update:modelValue", y), n("close");
|
|
1273
1283
|
}
|
|
1274
1284
|
return ($, y) => (d(), f("ul", {
|
|
1275
1285
|
ref_key: "optionsRef",
|
|
1276
|
-
ref:
|
|
1286
|
+
ref: l,
|
|
1277
1287
|
"aria-activedescendant": o.value || void 0,
|
|
1278
1288
|
"aria-label": t.label || void 0,
|
|
1279
1289
|
class: "bs-dropdown-options",
|
|
@@ -1383,15 +1393,15 @@ const Et = {
|
|
|
1383
1393
|
"after-leave"
|
|
1384
1394
|
],
|
|
1385
1395
|
setup(e, { emit: a }) {
|
|
1386
|
-
const t = a,
|
|
1387
|
-
function
|
|
1388
|
-
|
|
1396
|
+
const t = a, n = I(!1);
|
|
1397
|
+
function l() {
|
|
1398
|
+
n.value = !0;
|
|
1389
1399
|
}
|
|
1390
1400
|
function o(i) {
|
|
1391
|
-
|
|
1401
|
+
n.value = !1, t("optselected", i), t("update:modelValue", i), t("close");
|
|
1392
1402
|
}
|
|
1393
1403
|
function u() {
|
|
1394
|
-
|
|
1404
|
+
n.value && (n.value = !1, t("close"));
|
|
1395
1405
|
}
|
|
1396
1406
|
return (i, s) => (d(), L(v(Xt), {
|
|
1397
1407
|
shown: e.shown,
|
|
@@ -1411,16 +1421,16 @@ const Et = {
|
|
|
1411
1421
|
width: e.width,
|
|
1412
1422
|
onClose: u,
|
|
1413
1423
|
onAfterEnter: s[0] || (s[0] = (r) => t("after-enter")),
|
|
1414
|
-
onEnter:
|
|
1424
|
+
onEnter: l,
|
|
1415
1425
|
onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
|
|
1416
1426
|
}, {
|
|
1417
1427
|
default: V(() => [
|
|
1418
|
-
|
|
1428
|
+
E(v(_t), {
|
|
1419
1429
|
label: e.label,
|
|
1420
1430
|
"model-value": e.modelValue,
|
|
1421
1431
|
"options-id": e.optionsId,
|
|
1422
1432
|
"selected-value": e.selectedValue,
|
|
1423
|
-
shown:
|
|
1433
|
+
shown: n.value,
|
|
1424
1434
|
"onUpdate:modelValue": o,
|
|
1425
1435
|
onClose: u
|
|
1426
1436
|
}, {
|
|
@@ -1457,19 +1467,19 @@ const Et = {
|
|
|
1457
1467
|
},
|
|
1458
1468
|
setup(e) {
|
|
1459
1469
|
const a = e, t = p(() => a.error && a.errorMsg || a.hint);
|
|
1460
|
-
return (
|
|
1470
|
+
return (n, l) => (d(), f("div", ta, [
|
|
1461
1471
|
t.value ? (d(), f("span", {
|
|
1462
1472
|
key: 0,
|
|
1463
1473
|
id: e.hintId,
|
|
1464
1474
|
class: "bs-hint",
|
|
1465
1475
|
"data-error": e.error
|
|
1466
|
-
},
|
|
1476
|
+
}, T(t.value), 9, aa)) : S("", !0),
|
|
1467
1477
|
e.charMax ? (d(), f("span", {
|
|
1468
1478
|
key: 1,
|
|
1469
1479
|
"aria-description": "character count over character limit for the preceding text field",
|
|
1470
1480
|
class: "bs-character-count",
|
|
1471
1481
|
"data-error": a.charCount > a.charMax
|
|
1472
|
-
},
|
|
1482
|
+
}, T(a.charCount || "0") + " / " + T(a.charMax), 9, na)) : S("", !0)
|
|
1473
1483
|
]));
|
|
1474
1484
|
}
|
|
1475
1485
|
}, la = ["aria-controls", "aria-expanded", "data-open", "data-size", "disabled"], zn = {
|
|
@@ -1502,7 +1512,7 @@ const Et = {
|
|
|
1502
1512
|
},
|
|
1503
1513
|
setup(e) {
|
|
1504
1514
|
const a = e, t = p(() => a.badgeCount > 0);
|
|
1505
|
-
return (
|
|
1515
|
+
return (n, l) => (d(), f("button", {
|
|
1506
1516
|
class: "bs-filter-button",
|
|
1507
1517
|
"aria-controls": e.optionsId,
|
|
1508
1518
|
"aria-expanded": e.open,
|
|
@@ -1520,28 +1530,28 @@ const Et = {
|
|
|
1520
1530
|
position: "left",
|
|
1521
1531
|
variant: "notext"
|
|
1522
1532
|
}, null, 8, ["count"])) : S("", !0),
|
|
1523
|
-
k(
|
|
1524
|
-
R(
|
|
1533
|
+
k(n.$slots, "label", {}, () => [
|
|
1534
|
+
R(T(e.label), 1)
|
|
1525
1535
|
]),
|
|
1526
|
-
|
|
1536
|
+
E(v(we))
|
|
1527
1537
|
], 8, la));
|
|
1528
1538
|
}
|
|
1529
1539
|
}, oa = ["view-box"], ia = ["id"], ra = ["offset", "stop-color"], Mn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1530
1540
|
__name: "BsIconGradientWrapper",
|
|
1531
1541
|
setup(e) {
|
|
1532
|
-
const a = I(null), t = I(null),
|
|
1542
|
+
const a = I(null), t = I(null), n = [
|
|
1533
1543
|
{ offset: 0.1326, color: "#EE282A" },
|
|
1534
1544
|
{ offset: 0.5466, color: "#1C0087" },
|
|
1535
1545
|
{ offset: 0.9715, color: "#0086EA" }
|
|
1536
|
-
], [
|
|
1546
|
+
], [l] = H();
|
|
1537
1547
|
return j(() => {
|
|
1538
1548
|
t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
|
|
1539
|
-
}), (o, u) => (d(), f(
|
|
1540
|
-
m("span",
|
|
1549
|
+
}), (o, u) => (d(), f(N, null, [
|
|
1550
|
+
m("span", P({
|
|
1541
1551
|
ref_key: "svgWrapperRef",
|
|
1542
1552
|
ref: a,
|
|
1543
1553
|
class: "bs-icon-gradient-wrapper",
|
|
1544
|
-
style: `fill: url(#${v(
|
|
1554
|
+
style: `fill: url(#${v(l)});`
|
|
1545
1555
|
}, o.$attrs), [
|
|
1546
1556
|
k(o.$slots, "default")
|
|
1547
1557
|
], 16),
|
|
@@ -1552,14 +1562,14 @@ const Et = {
|
|
|
1552
1562
|
height: "0"
|
|
1553
1563
|
}, [
|
|
1554
1564
|
m("linearGradient", {
|
|
1555
|
-
id: v(
|
|
1565
|
+
id: v(l),
|
|
1556
1566
|
x1: "0",
|
|
1557
1567
|
y1: "0",
|
|
1558
1568
|
x2: "100%",
|
|
1559
1569
|
y2: "100%",
|
|
1560
1570
|
"gradient-units": "userSpaceOnUse"
|
|
1561
1571
|
}, [
|
|
1562
|
-
(d(), f(
|
|
1572
|
+
(d(), f(N, null, Y(n, (i) => m("stop", {
|
|
1563
1573
|
key: i.offset,
|
|
1564
1574
|
offset: i.offset,
|
|
1565
1575
|
"stop-color": i.color
|
|
@@ -1583,12 +1593,12 @@ const Et = {
|
|
|
1583
1593
|
},
|
|
1584
1594
|
emits: ["update:modelValue"],
|
|
1585
1595
|
setup(e, { emit: a }) {
|
|
1586
|
-
const t = e,
|
|
1596
|
+
const t = e, n = a, l = O(), o = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
1587
1597
|
function u(i) {
|
|
1588
|
-
const s =
|
|
1589
|
-
|
|
1598
|
+
const s = l.type === "number" ? parseInt(i.target.value) : i.target.value;
|
|
1599
|
+
n("update:modelValue", s);
|
|
1590
1600
|
}
|
|
1591
|
-
return (i, s) => (d(), f("input",
|
|
1601
|
+
return (i, s) => (d(), f("input", P({
|
|
1592
1602
|
class: "bs-input",
|
|
1593
1603
|
"data-component": "bs-input",
|
|
1594
1604
|
"data-error": e.error,
|
|
@@ -1664,7 +1674,7 @@ const Et = {
|
|
|
1664
1674
|
},
|
|
1665
1675
|
emits: ["update:modelValue"],
|
|
1666
1676
|
setup(e, { emit: a }) {
|
|
1667
|
-
const t = e,
|
|
1677
|
+
const t = e, n = O(), [l, o] = H(2), { toChild: u, toRoot: i } = Z(t, n, [
|
|
1668
1678
|
"aria-label",
|
|
1669
1679
|
"autocomplete",
|
|
1670
1680
|
"max",
|
|
@@ -1676,8 +1686,8 @@ const Et = {
|
|
|
1676
1686
|
var b, g;
|
|
1677
1687
|
return ((g = (b = t.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
|
|
1678
1688
|
`)) || t.hints;
|
|
1679
|
-
}), r = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), c = p(() => t.inputId ||
|
|
1680
|
-
return (b, g) => (d(), f("div",
|
|
1689
|
+
}), r = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), c = p(() => t.inputId || l.value);
|
|
1690
|
+
return (b, g) => (d(), f("div", P({ "data-component": "bs-input-field" }, v(i)), [
|
|
1681
1691
|
e.label || b.$slots.label ? (d(), L(_, {
|
|
1682
1692
|
key: 0,
|
|
1683
1693
|
for: c.value,
|
|
@@ -1686,12 +1696,12 @@ const Et = {
|
|
|
1686
1696
|
}, {
|
|
1687
1697
|
default: V(() => [
|
|
1688
1698
|
k(b.$slots, "label", {}, () => [
|
|
1689
|
-
R(
|
|
1699
|
+
R(T(e.label), 1)
|
|
1690
1700
|
])
|
|
1691
1701
|
]),
|
|
1692
1702
|
_: 3
|
|
1693
1703
|
}, 8, ["for", "disabled", "required"])) : S("", !0),
|
|
1694
|
-
|
|
1704
|
+
E(ke, P({
|
|
1695
1705
|
disabled: e.disabled,
|
|
1696
1706
|
error: e.error,
|
|
1697
1707
|
"hint-id": v(o),
|
|
@@ -1749,36 +1759,36 @@ const Et = {
|
|
|
1749
1759
|
},
|
|
1750
1760
|
emits: ["clear", "update:modelValue"],
|
|
1751
1761
|
setup(e, { emit: a }) {
|
|
1752
|
-
const t = e,
|
|
1762
|
+
const t = e, n = O(), { toChild: l, toRoot: o } = Z(t, n, [
|
|
1753
1763
|
"aria-label",
|
|
1754
1764
|
"autocomplete",
|
|
1755
1765
|
"maxlength",
|
|
1756
1766
|
"minlength",
|
|
1757
1767
|
"name"
|
|
1758
1768
|
]), u = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
|
|
1759
|
-
return (i, s) => (d(), L(ua,
|
|
1769
|
+
return (i, s) => (d(), L(ua, P({
|
|
1760
1770
|
class: "bs-input-search",
|
|
1761
1771
|
"data-component": "bs-input-search",
|
|
1762
1772
|
"data-variant": e.variant,
|
|
1763
1773
|
disabled: e.disabled
|
|
1764
1774
|
}, v(o)), {
|
|
1765
1775
|
default: V(() => [
|
|
1766
|
-
|
|
1767
|
-
|
|
1776
|
+
E(v(Xe)),
|
|
1777
|
+
E(ke, P({
|
|
1768
1778
|
"data-autowidth": "",
|
|
1769
1779
|
disabled: e.disabled,
|
|
1770
1780
|
"input-id": e.inputId,
|
|
1771
1781
|
placeholder: e.placeholder,
|
|
1772
1782
|
value: e.value || e.modelValue,
|
|
1773
1783
|
"onUpdate:modelValue": s[0] || (s[0] = (r) => i.$emit("update:modelValue", r))
|
|
1774
|
-
}, v(
|
|
1784
|
+
}, v(l)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
|
|
1775
1785
|
u.value ? (d(), f("button", {
|
|
1776
1786
|
key: 0,
|
|
1777
1787
|
title: "Clear",
|
|
1778
1788
|
type: "button",
|
|
1779
1789
|
onClick: s[1] || (s[1] = (r) => i.$emit("clear"))
|
|
1780
1790
|
}, [
|
|
1781
|
-
|
|
1791
|
+
E(v(oe), { size: "sm" })
|
|
1782
1792
|
])) : S("", !0)
|
|
1783
1793
|
]),
|
|
1784
1794
|
_: 1
|
|
@@ -1840,14 +1850,14 @@ const Et = {
|
|
|
1840
1850
|
},
|
|
1841
1851
|
emits: ["after-enter", "after-leave"],
|
|
1842
1852
|
setup(e, { emit: a }) {
|
|
1843
|
-
const t = e,
|
|
1844
|
-
return (o, u) => (d(), L(v(
|
|
1845
|
-
shown: v(
|
|
1853
|
+
const t = e, n = a, { transition: l } = de(t);
|
|
1854
|
+
return (o, u) => (d(), L(v(ue), {
|
|
1855
|
+
shown: v(l),
|
|
1846
1856
|
preloaded: e.preloaded,
|
|
1847
1857
|
duration: 75,
|
|
1848
1858
|
"enter-attribute": "data-shown",
|
|
1849
|
-
onAfterEnter: u[0] || (u[0] = (i) =>
|
|
1850
|
-
onAfterLeave: u[1] || (u[1] = (i) =>
|
|
1859
|
+
onAfterEnter: u[0] || (u[0] = (i) => n("after-enter")),
|
|
1860
|
+
onAfterLeave: u[1] || (u[1] = (i) => n("after-leave"))
|
|
1851
1861
|
}, {
|
|
1852
1862
|
default: V(() => [
|
|
1853
1863
|
ma
|
|
@@ -1903,29 +1913,29 @@ const Et = {
|
|
|
1903
1913
|
"after-leave"
|
|
1904
1914
|
],
|
|
1905
1915
|
setup(e, { emit: a }) {
|
|
1906
|
-
const t = e,
|
|
1916
|
+
const t = e, n = a, { transition: l } = de(t);
|
|
1907
1917
|
let o = !1;
|
|
1908
|
-
return
|
|
1909
|
-
o &&
|
|
1910
|
-
}), (u, i) => (d(), f(
|
|
1911
|
-
|
|
1912
|
-
shown: v(
|
|
1918
|
+
return se(["Escape"], () => {
|
|
1919
|
+
o && n("close", t.modalId);
|
|
1920
|
+
}), (u, i) => (d(), f(N, null, [
|
|
1921
|
+
E(ya, {
|
|
1922
|
+
shown: v(l),
|
|
1913
1923
|
preloaded: e.preloaded,
|
|
1914
1924
|
"enter-controlled": e.enterControlled,
|
|
1915
1925
|
"enter-trigger": e.enterTrigger,
|
|
1916
1926
|
"leave-trigger": e.leaveTrigger
|
|
1917
1927
|
}, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
|
|
1918
|
-
|
|
1919
|
-
shown: v(
|
|
1928
|
+
E(ue, {
|
|
1929
|
+
shown: v(l),
|
|
1920
1930
|
preloaded: e.preloaded,
|
|
1921
1931
|
duration: 75,
|
|
1922
1932
|
"enter-attribute": "data-shown",
|
|
1923
1933
|
onEnter: i[1] || (i[1] = (s) => Ue(o) ? o.value = !0 : o = !0),
|
|
1924
|
-
onAfterEnter: i[2] || (i[2] = (s) =>
|
|
1925
|
-
onAfterLeave: i[3] || (i[3] = (s) =>
|
|
1934
|
+
onAfterEnter: i[2] || (i[2] = (s) => n("after-enter")),
|
|
1935
|
+
onAfterLeave: i[3] || (i[3] = (s) => n("after-leave"))
|
|
1926
1936
|
}, {
|
|
1927
1937
|
default: V(() => [
|
|
1928
|
-
m("div",
|
|
1938
|
+
m("div", P({
|
|
1929
1939
|
id: t.modalId,
|
|
1930
1940
|
class: "bs-modal",
|
|
1931
1941
|
role: e.alert ? "alertdialog" : "dialog",
|
|
@@ -1936,9 +1946,9 @@ const Et = {
|
|
|
1936
1946
|
type: "button",
|
|
1937
1947
|
title: "Close Modal",
|
|
1938
1948
|
"aria-label": "Close Modal",
|
|
1939
|
-
onClick: i[0] || (i[0] = (s) =>
|
|
1949
|
+
onClick: i[0] || (i[0] = (s) => n("close", e.modalId))
|
|
1940
1950
|
}, [
|
|
1941
|
-
|
|
1951
|
+
E(v(oe), { class: "close-button" })
|
|
1942
1952
|
])
|
|
1943
1953
|
])) : S("", !0),
|
|
1944
1954
|
k(u.$slots, "default")
|
|
@@ -1951,13 +1961,13 @@ const Et = {
|
|
|
1951
1961
|
}), Sa = ["data-variant", "data-fixed"], wa = {
|
|
1952
1962
|
key: 0,
|
|
1953
1963
|
class: "bs-pagination-carets"
|
|
1954
|
-
}, ka = ["title", "disabled"], Ia = { key: 0 },
|
|
1964
|
+
}, ka = ["title", "disabled"], Ia = { key: 0 }, Ta = ["title", "disabled"], xa = { key: 0 }, Ca = {
|
|
1955
1965
|
key: 1,
|
|
1956
1966
|
class: "bs-pagination-page-numbers"
|
|
1957
|
-
}, Aa = ["title", "data-selected", "onClick"], La = { key: 2 }, Va = { key: 3 }, Pa = /* @__PURE__ */ m("span", null, "Results Per Page:", -1),
|
|
1967
|
+
}, Aa = ["title", "data-selected", "onClick"], La = { key: 2 }, Va = { key: 3 }, Pa = /* @__PURE__ */ m("span", null, "Results Per Page:", -1), Ea = { class: "bs-pagination-results-numbers" }, Da = ["data-selected", "disabled", "onClick"], qa = {
|
|
1958
1968
|
key: 5,
|
|
1959
1969
|
class: "bs-pagination-carets"
|
|
1960
|
-
}, za = ["title", "disabled"], Ma = { key: 0 }, Oa = ["title", "disabled"], Na = { key: 0 },
|
|
1970
|
+
}, za = ["title", "disabled"], Ma = { key: 0 }, Oa = ["title", "disabled"], Na = { key: 0 }, Fn = {
|
|
1961
1971
|
__name: "BsPagination",
|
|
1962
1972
|
props: {
|
|
1963
1973
|
// Used for all
|
|
@@ -2043,17 +2053,17 @@ const Et = {
|
|
|
2043
2053
|
},
|
|
2044
2054
|
emits: ["selchange", "update:modelValue"],
|
|
2045
2055
|
setup(e, { emit: a }) {
|
|
2046
|
-
const t = e,
|
|
2056
|
+
const t = e, n = a, l = I(null);
|
|
2047
2057
|
j(() => {
|
|
2048
|
-
o.value ?
|
|
2058
|
+
o.value ? l.value = o.value : t.variant === "results" ? l.value = z.value[0] : l.value = 1;
|
|
2049
2059
|
});
|
|
2050
2060
|
const o = p(() => t.modelValue || t.selection);
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
}),
|
|
2054
|
-
|
|
2055
|
-
}),
|
|
2056
|
-
$ !== null && (
|
|
2061
|
+
D(() => t.selection, (C) => {
|
|
2062
|
+
l.value = C;
|
|
2063
|
+
}), D(() => t.modelValue, (C) => {
|
|
2064
|
+
l.value = C;
|
|
2065
|
+
}), D(l, (C, $) => {
|
|
2066
|
+
$ !== null && (n("selchange", C), n("update:modelValue", C));
|
|
2057
2067
|
});
|
|
2058
2068
|
const u = p(() => {
|
|
2059
2069
|
if (t.variant === "group")
|
|
@@ -2062,31 +2072,31 @@ const Et = {
|
|
|
2062
2072
|
return t.pageCount;
|
|
2063
2073
|
}), i = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
|
|
2064
2074
|
function s() {
|
|
2065
|
-
|
|
2075
|
+
l.value = 1;
|
|
2066
2076
|
}
|
|
2067
2077
|
function r() {
|
|
2068
|
-
|
|
2078
|
+
l.value = Math.max(l.value - 1, 1);
|
|
2069
2079
|
}
|
|
2070
2080
|
function c() {
|
|
2071
|
-
|
|
2072
|
-
|
|
2081
|
+
l.value = Math.min(
|
|
2082
|
+
l.value + 1,
|
|
2073
2083
|
u.value
|
|
2074
2084
|
);
|
|
2075
2085
|
}
|
|
2076
2086
|
function b() {
|
|
2077
|
-
|
|
2087
|
+
l.value = u.value;
|
|
2078
2088
|
}
|
|
2079
2089
|
const g = p(() => {
|
|
2080
2090
|
if (t.pageCount <= t.pageRange)
|
|
2081
2091
|
return [...Array(t.pageCount + 1).keys()].slice(1);
|
|
2082
2092
|
const C = [1], $ = (t.pageRange - 1) / 2;
|
|
2083
|
-
let y =
|
|
2093
|
+
let y = l.value - $, q = l.value + $;
|
|
2084
2094
|
y < 1 && (q += 1 - y, y = 1), q > t.pageCount && (y -= q - t.pageCount, q = t.pageCount), y = Math.max(y, 2), q = Math.min(q, t.pageCount - 1), y > 2 && C.push(t.breakText);
|
|
2085
|
-
for (let
|
|
2086
|
-
C.push(
|
|
2095
|
+
for (let F = y; F <= q; F++)
|
|
2096
|
+
C.push(F);
|
|
2087
2097
|
return q < t.pageCount - 1 && C.push(t.breakText), C.push(t.pageCount), C;
|
|
2088
|
-
}), B = p(() => `${t.centerLabel ?? "Page"} ${
|
|
2089
|
-
const C = (
|
|
2098
|
+
}), B = p(() => `${t.centerLabel ?? "Page"} ${l.value} of ${u.value}`), x = p(() => {
|
|
2099
|
+
const C = (l.value - 1) * t.itemsPerGroup + 1, $ = Math.min(C - 1 + t.itemsPerGroup, t.itemsCount);
|
|
2090
2100
|
return `${t.centerLabel ?? "Results"} ${C} - ${$} of ${t.itemsCount}`;
|
|
2091
2101
|
}), z = p(() => t.resultsIncrements.split(",").map((C) => parseInt(C)));
|
|
2092
2102
|
return (C, $) => (d(), f("div", {
|
|
@@ -2100,44 +2110,44 @@ const Et = {
|
|
|
2100
2110
|
type: "button",
|
|
2101
2111
|
class: X(e.firstPageText ? "bs-pagination-word-caret" : void 0),
|
|
2102
2112
|
title: e.firstPageText,
|
|
2103
|
-
disabled:
|
|
2113
|
+
disabled: l.value === 1,
|
|
2104
2114
|
onClick: s
|
|
2105
2115
|
}, [
|
|
2106
|
-
|
|
2107
|
-
e.firstPageText ? (d(), f("span", Ia,
|
|
2116
|
+
E(v(Ze)),
|
|
2117
|
+
e.firstPageText ? (d(), f("span", Ia, T(e.firstPageText), 1)) : S("", !0)
|
|
2108
2118
|
], 10, ka)) : S("", !0),
|
|
2109
2119
|
m("button", {
|
|
2110
2120
|
type: "button",
|
|
2111
2121
|
class: X(e.prevPageText ? "bs-pagination-word-caret" : void 0),
|
|
2112
2122
|
title: e.prevPageText,
|
|
2113
|
-
disabled:
|
|
2123
|
+
disabled: l.value === 1,
|
|
2114
2124
|
onClick: r
|
|
2115
2125
|
}, [
|
|
2116
|
-
|
|
2117
|
-
e.prevPageText ? (d(), f("span",
|
|
2118
|
-
], 10,
|
|
2126
|
+
E(v(Je)),
|
|
2127
|
+
e.prevPageText ? (d(), f("span", xa, T(e.prevPageText), 1)) : S("", !0)
|
|
2128
|
+
], 10, Ta)
|
|
2119
2129
|
])) : S("", !0),
|
|
2120
2130
|
e.variant === "base" && e.centerDisplay === "numbers" ? (d(), f("div", Ca, [
|
|
2121
|
-
(d(!0), f(
|
|
2131
|
+
(d(!0), f(N, null, Y(g.value, (y) => (d(), f("button", {
|
|
2122
2132
|
key: `page-${y}-button`,
|
|
2123
2133
|
type: "button",
|
|
2124
2134
|
title: `Page ${y}`,
|
|
2125
|
-
"data-selected": y ===
|
|
2126
|
-
onClick: (q) =>
|
|
2127
|
-
},
|
|
2135
|
+
"data-selected": y === l.value,
|
|
2136
|
+
onClick: (q) => l.value = y
|
|
2137
|
+
}, T(y), 9, Aa))), 128))
|
|
2128
2138
|
])) : S("", !0),
|
|
2129
|
-
t.variant === "base" && t.centerDisplay === "text" ? (d(), f("span", La,
|
|
2130
|
-
t.variant === "group" ? (d(), f("span", Va, x
|
|
2131
|
-
t.variant === "results" ? (d(), f(
|
|
2139
|
+
t.variant === "base" && t.centerDisplay === "text" ? (d(), f("span", La, T(B.value), 1)) : S("", !0),
|
|
2140
|
+
t.variant === "group" ? (d(), f("span", Va, T(x.value), 1)) : S("", !0),
|
|
2141
|
+
t.variant === "results" ? (d(), f(N, { key: 4 }, [
|
|
2132
2142
|
Pa,
|
|
2133
|
-
m("div",
|
|
2134
|
-
(d(!0), f(
|
|
2143
|
+
m("div", Ea, [
|
|
2144
|
+
(d(!0), f(N, null, Y(z.value, (y) => (d(), f("button", {
|
|
2135
2145
|
type: "button",
|
|
2136
2146
|
key: `results-${y}`,
|
|
2137
|
-
"data-selected": y ===
|
|
2138
|
-
disabled:
|
|
2139
|
-
onClick: (q) =>
|
|
2140
|
-
},
|
|
2147
|
+
"data-selected": y === l.value,
|
|
2148
|
+
disabled: l.value === y,
|
|
2149
|
+
onClick: (q) => l.value = y
|
|
2150
|
+
}, T(y), 9, Da))), 128))
|
|
2141
2151
|
])
|
|
2142
2152
|
], 64)) : S("", !0),
|
|
2143
2153
|
e.variant === "base" || e.variant === "group" ? (d(), f("div", qa, [
|
|
@@ -2145,32 +2155,34 @@ const Et = {
|
|
|
2145
2155
|
type: "button",
|
|
2146
2156
|
class: X(e.nextPageText ? "bs-pagination-word-caret" : void 0),
|
|
2147
2157
|
title: e.nextPageText,
|
|
2148
|
-
disabled:
|
|
2158
|
+
disabled: l.value === u.value,
|
|
2149
2159
|
onClick: c
|
|
2150
2160
|
}, [
|
|
2151
|
-
e.nextPageText ? (d(), f("span", Ma,
|
|
2152
|
-
|
|
2161
|
+
e.nextPageText ? (d(), f("span", Ma, T(e.nextPageText), 1)) : S("", !0),
|
|
2162
|
+
E(v(Qe))
|
|
2153
2163
|
], 10, za),
|
|
2154
2164
|
e.showFirstLastButtons ? (d(), f("button", {
|
|
2155
2165
|
key: 0,
|
|
2156
2166
|
type: "button",
|
|
2157
2167
|
class: X(e.lastPageText ? "bs-pagination-word-caret" : void 0),
|
|
2158
2168
|
title: e.lastPageText,
|
|
2159
|
-
disabled:
|
|
2169
|
+
disabled: l.value === u.value,
|
|
2160
2170
|
onClick: b
|
|
2161
2171
|
}, [
|
|
2162
|
-
e.lastPageText ? (d(), f("span", Na,
|
|
2163
|
-
|
|
2172
|
+
e.lastPageText ? (d(), f("span", Na, T(e.lastPageText), 1)) : S("", !0),
|
|
2173
|
+
E(v(_e))
|
|
2164
2174
|
], 10, Oa)) : S("", !0)
|
|
2165
2175
|
])) : S("", !0)
|
|
2166
2176
|
], 8, Sa));
|
|
2167
2177
|
}
|
|
2168
|
-
}, Ra = ["data-truncate"],
|
|
2178
|
+
}, Ra = ["data-truncate"], Wn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2169
2179
|
__name: "BsPill",
|
|
2170
2180
|
props: {
|
|
2171
2181
|
active: { type: Boolean, default: !1 },
|
|
2172
2182
|
disabled: { type: Boolean, default: !1 },
|
|
2183
|
+
/** @DEPRECATED in favor of linkTo */
|
|
2173
2184
|
href: { type: String },
|
|
2185
|
+
linkTo: { type: String },
|
|
2174
2186
|
router: {},
|
|
2175
2187
|
status: {
|
|
2176
2188
|
type: String,
|
|
@@ -2187,29 +2199,29 @@ const Et = {
|
|
|
2187
2199
|
}
|
|
2188
2200
|
},
|
|
2189
2201
|
setup(e) {
|
|
2190
|
-
const a = e, { onLinkClick: t } =
|
|
2191
|
-
return (
|
|
2202
|
+
const a = e, { onLinkClick: t } = re(a), n = O(), { rootTag: l, attrsToBind: o, hrefUrl: u } = ie(a, n, "span");
|
|
2203
|
+
return (i, s) => (d(), L(U(v(l)), P({
|
|
2192
2204
|
class: "bs-pill",
|
|
2193
2205
|
"data-active": e.active,
|
|
2194
2206
|
"data-component": "bs-pill",
|
|
2195
2207
|
"data-status": e.status || void 0,
|
|
2196
2208
|
"data-variant": e.variant || void 0,
|
|
2197
2209
|
disabled: e.disabled,
|
|
2198
|
-
href:
|
|
2210
|
+
".href": v(u)
|
|
2199
2211
|
}, v(o), { onClick: v(t) }), {
|
|
2200
2212
|
default: V(() => [
|
|
2201
2213
|
m("span", { "data-truncate": e.truncate }, [
|
|
2202
|
-
k(
|
|
2214
|
+
k(i.$slots, "default")
|
|
2203
2215
|
], 8, Ra)
|
|
2204
2216
|
]),
|
|
2205
2217
|
_: 3
|
|
2206
|
-
},
|
|
2218
|
+
}, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
|
|
2207
2219
|
}
|
|
2208
|
-
}, ja = { class: "bs-profile-details" },
|
|
2220
|
+
}), ja = { class: "bs-profile-details" }, Fa = {
|
|
2209
2221
|
class: "bs-profile-name",
|
|
2210
2222
|
"data-size": "sm",
|
|
2211
2223
|
"data-weight": "bold"
|
|
2212
|
-
},
|
|
2224
|
+
}, Wa = {
|
|
2213
2225
|
key: 1,
|
|
2214
2226
|
"data-weight": "bold"
|
|
2215
2227
|
}, Ga = { key: 2 }, Ua = { key: 3 }, Ha = {
|
|
@@ -2232,9 +2244,9 @@ const Et = {
|
|
|
2232
2244
|
},
|
|
2233
2245
|
emits: ["action-toggled"],
|
|
2234
2246
|
setup(e, { emit: a }) {
|
|
2235
|
-
const t = e,
|
|
2247
|
+
const t = e, n = a, { icon: l } = le(t, "actionIcon"), { icon: o } = le(t, "miscMetaIcon");
|
|
2236
2248
|
function u(i) {
|
|
2237
|
-
i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(),
|
|
2249
|
+
i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), n("action-toggled"));
|
|
2238
2250
|
}
|
|
2239
2251
|
return (i, s) => (d(), f("div", ja, [
|
|
2240
2252
|
e.action || i.$slots.action ? (d(), f("button", {
|
|
@@ -2243,24 +2255,24 @@ const Et = {
|
|
|
2243
2255
|
onClick: u
|
|
2244
2256
|
}, [
|
|
2245
2257
|
k(i.$slots, "action", {}, () => [
|
|
2246
|
-
e.actionIcon ? (d(), L(U(v(
|
|
2258
|
+
e.actionIcon ? (d(), L(U(v(l) ? v(l) : "span"), {
|
|
2247
2259
|
key: 0,
|
|
2248
2260
|
class: "bs-icon"
|
|
2249
2261
|
})) : S("", !0),
|
|
2250
|
-
R(" " +
|
|
2262
|
+
R(" " + T(e.action), 1)
|
|
2251
2263
|
])
|
|
2252
2264
|
])) : S("", !0),
|
|
2253
|
-
m("span",
|
|
2254
|
-
e.company ? (d(), f("span",
|
|
2255
|
-
e.jobTitle ? (d(), f("span", Ga,
|
|
2256
|
-
e.email ? (d(), f("span", Ua,
|
|
2265
|
+
m("span", Fa, T(e.profileName), 1),
|
|
2266
|
+
e.company ? (d(), f("span", Wa, T(e.company), 1)) : S("", !0),
|
|
2267
|
+
e.jobTitle ? (d(), f("span", Ga, T(e.jobTitle), 1)) : S("", !0),
|
|
2268
|
+
e.email ? (d(), f("span", Ua, T(e.email), 1)) : S("", !0),
|
|
2257
2269
|
e.miscMeta || i.$slots.misc ? (d(), f("span", Ha, [
|
|
2258
2270
|
k(i.$slots, "misc", {}, () => [
|
|
2259
2271
|
e.miscMetaIcon ? (d(), L(U(v(o) ? v(o) : "span"), {
|
|
2260
2272
|
key: 0,
|
|
2261
2273
|
class: "bs-icon"
|
|
2262
2274
|
})) : S("", !0),
|
|
2263
|
-
R(" " +
|
|
2275
|
+
R(" " + T(e.miscMeta), 1)
|
|
2264
2276
|
])
|
|
2265
2277
|
])) : S("", !0)
|
|
2266
2278
|
]));
|
|
@@ -2280,22 +2292,22 @@ const Et = {
|
|
|
2280
2292
|
}
|
|
2281
2293
|
},
|
|
2282
2294
|
setup(e) {
|
|
2283
|
-
const a = e, t = I(!1),
|
|
2284
|
-
return j(() => t.value = !0), (
|
|
2295
|
+
const a = e, t = I(!1), n = I(!!a.src);
|
|
2296
|
+
return j(() => t.value = !0), (l, o) => (d(), f("div", {
|
|
2285
2297
|
class: "bs-profile-img",
|
|
2286
2298
|
"data-img-size": e.size,
|
|
2287
2299
|
"data-initials": e.initials,
|
|
2288
|
-
"data-no-img": !
|
|
2300
|
+
"data-no-img": !n.value
|
|
2289
2301
|
}, [
|
|
2290
|
-
|
|
2302
|
+
n.value && t.value ? (d(), f("img", {
|
|
2291
2303
|
key: 0,
|
|
2292
2304
|
src: e.src,
|
|
2293
2305
|
alt: e.profileName,
|
|
2294
|
-
onError: o[0] || (o[0] = (u) =>
|
|
2306
|
+
onError: o[0] || (o[0] = (u) => n.value = !1)
|
|
2295
2307
|
}, null, 40, Xa)) : S("", !0)
|
|
2296
2308
|
], 8, Ya));
|
|
2297
2309
|
}
|
|
2298
|
-
}, Gn = {
|
|
2310
|
+
}, Gn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2299
2311
|
__name: "BsProfile",
|
|
2300
2312
|
props: {
|
|
2301
2313
|
layout: {
|
|
@@ -2303,6 +2315,7 @@ const Et = {
|
|
|
2303
2315
|
default: "vertical",
|
|
2304
2316
|
validator: (e) => ["horizontal", "vertical"].includes(e)
|
|
2305
2317
|
},
|
|
2318
|
+
/** @DEPRECATED in favor of linkTo */
|
|
2306
2319
|
href: String,
|
|
2307
2320
|
imageSrc: String,
|
|
2308
2321
|
imageSize: {
|
|
@@ -2311,6 +2324,7 @@ const Et = {
|
|
|
2311
2324
|
validator: (e) => ["sm", "md", "lg"].includes(e)
|
|
2312
2325
|
},
|
|
2313
2326
|
initials: String,
|
|
2327
|
+
linkTo: String,
|
|
2314
2328
|
profileName: String,
|
|
2315
2329
|
company: String,
|
|
2316
2330
|
jobTitle: String,
|
|
@@ -2323,21 +2337,20 @@ const Et = {
|
|
|
2323
2337
|
},
|
|
2324
2338
|
emits: ["action-toggled"],
|
|
2325
2339
|
setup(e, { emit: a }) {
|
|
2326
|
-
const t = e,
|
|
2327
|
-
return (
|
|
2340
|
+
const t = e, n = a, l = O(), { onLinkClick: o } = re(t), { rootTag: u, attrsToBind: i, hrefUrl: s } = ie(t, l, "div");
|
|
2341
|
+
return (r, c) => (d(), L(U(v(u)), P({
|
|
2328
2342
|
class: "bs-profile",
|
|
2329
|
-
href:
|
|
2330
|
-
"data-layout": e.layout
|
|
2331
|
-
|
|
2332
|
-
}, {
|
|
2343
|
+
".href": v(s),
|
|
2344
|
+
"data-layout": e.layout
|
|
2345
|
+
}, v(i), { onClick: v(o) }), {
|
|
2333
2346
|
default: V(() => [
|
|
2334
|
-
|
|
2347
|
+
E(Za, {
|
|
2335
2348
|
src: e.imageSrc,
|
|
2336
2349
|
size: e.imageSize,
|
|
2337
2350
|
initials: e.initials,
|
|
2338
2351
|
"profile-name": e.profileName
|
|
2339
2352
|
}, null, 8, ["src", "size", "initials", "profile-name"]),
|
|
2340
|
-
|
|
2353
|
+
E(Ka, {
|
|
2341
2354
|
"profile-name": e.profileName,
|
|
2342
2355
|
company: e.company,
|
|
2343
2356
|
"job-title": e.jobTitle,
|
|
@@ -2346,21 +2359,21 @@ const Et = {
|
|
|
2346
2359
|
"action-icon": e.actionIcon,
|
|
2347
2360
|
"misc-meta": e.miscMeta,
|
|
2348
2361
|
"misc-meta-icon": e.miscMetaIcon,
|
|
2349
|
-
onActionToggled:
|
|
2362
|
+
onActionToggled: c[0] || (c[0] = (b) => n("action-toggled"))
|
|
2350
2363
|
}, {
|
|
2351
2364
|
action: V(() => [
|
|
2352
|
-
k(
|
|
2365
|
+
k(r.$slots, "action")
|
|
2353
2366
|
]),
|
|
2354
2367
|
misc: V(() => [
|
|
2355
|
-
k(
|
|
2368
|
+
k(r.$slots, "misc")
|
|
2356
2369
|
]),
|
|
2357
2370
|
_: 3
|
|
2358
2371
|
}, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
|
|
2359
2372
|
]),
|
|
2360
2373
|
_: 3
|
|
2361
|
-
},
|
|
2374
|
+
}, 48, [".href", "data-layout", "onClick"]));
|
|
2362
2375
|
}
|
|
2363
|
-
}, Ja = ["data-size"], Qa = ["checked", "disabled", "id", "required", "value", "data-error"], Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2376
|
+
}), Ja = ["data-size"], Qa = ["checked", "disabled", "id", "required", "value", "data-error"], Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2364
2377
|
__name: "BsRadio",
|
|
2365
2378
|
props: {
|
|
2366
2379
|
label: {
|
|
@@ -2404,13 +2417,13 @@ const Et = {
|
|
|
2404
2417
|
},
|
|
2405
2418
|
emits: ["update:modelValue"],
|
|
2406
2419
|
setup(e, { emit: a }) {
|
|
2407
|
-
const t = e,
|
|
2408
|
-
return (r, c) => (d(), f("div",
|
|
2420
|
+
const t = e, n = O(), [l] = H(), { toChild: o, toRoot: u } = Z(t, n, ["aria-label", "name"]), i = p(() => t.inputId || l.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
|
|
2421
|
+
return (r, c) => (d(), f("div", P({
|
|
2409
2422
|
class: "bs-boolean",
|
|
2410
2423
|
"data-component": "bs-radio",
|
|
2411
2424
|
"data-size": e.size
|
|
2412
2425
|
}, v(u)), [
|
|
2413
|
-
m("input",
|
|
2426
|
+
m("input", P({
|
|
2414
2427
|
checked: s.value,
|
|
2415
2428
|
disabled: e.disabled,
|
|
2416
2429
|
id: i.value,
|
|
@@ -2429,7 +2442,7 @@ const Et = {
|
|
|
2429
2442
|
}, {
|
|
2430
2443
|
default: V(() => [
|
|
2431
2444
|
k(r.$slots, "label", {}, () => [
|
|
2432
|
-
R(
|
|
2445
|
+
R(T(e.label), 1)
|
|
2433
2446
|
])
|
|
2434
2447
|
]),
|
|
2435
2448
|
_: 3
|
|
@@ -2449,19 +2462,19 @@ const Et = {
|
|
|
2449
2462
|
},
|
|
2450
2463
|
emits: ["update:modelValue"],
|
|
2451
2464
|
setup(e, { emit: a }) {
|
|
2452
|
-
const t = e,
|
|
2453
|
-
return (
|
|
2454
|
-
id:
|
|
2465
|
+
const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
2466
|
+
return (l, o) => (d(), f("select", P({
|
|
2467
|
+
id: l.$attrs.id || e.inputId,
|
|
2455
2468
|
class: "bs-select",
|
|
2456
2469
|
"data-component": "bs-select",
|
|
2457
2470
|
disabled: e.disabled,
|
|
2458
2471
|
required: e.required,
|
|
2459
2472
|
"data-error": e.error,
|
|
2460
2473
|
value: e.value || e.modelValue
|
|
2461
|
-
},
|
|
2462
|
-
onChange: o[0] || (o[0] = (u) =>
|
|
2474
|
+
}, n.value, {
|
|
2475
|
+
onChange: o[0] || (o[0] = (u) => l.$emit("update:modelValue", u.target.value))
|
|
2463
2476
|
}), [
|
|
2464
|
-
k(
|
|
2477
|
+
k(l.$slots, "default")
|
|
2465
2478
|
], 16, _a));
|
|
2466
2479
|
}
|
|
2467
2480
|
}, tn = ["selected", "disabled"], an = ["disabled", "selected", "value"], Hn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
@@ -2508,7 +2521,7 @@ const Et = {
|
|
|
2508
2521
|
modelValue: [String, Number]
|
|
2509
2522
|
},
|
|
2510
2523
|
setup(e) {
|
|
2511
|
-
const a = e, t =
|
|
2524
|
+
const a = e, t = O(), [n, l] = H(2), { toChild: o, toRoot: u } = Z(a, t, [
|
|
2512
2525
|
"aria-label",
|
|
2513
2526
|
"autofocus",
|
|
2514
2527
|
"name"
|
|
@@ -2516,8 +2529,8 @@ const Et = {
|
|
|
2516
2529
|
var b, g;
|
|
2517
2530
|
return ((g = (b = a.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
|
|
2518
2531
|
`)) || a.hints;
|
|
2519
|
-
}), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), r = p(() => a.inputId ||
|
|
2520
|
-
return (b, g) => (d(), f("div",
|
|
2532
|
+
}), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), r = p(() => a.inputId || n.value), c = p(() => a.value || a.modelValue);
|
|
2533
|
+
return (b, g) => (d(), f("div", P({ "data-component": "bs-select-field" }, v(u)), [
|
|
2521
2534
|
e.label || b.$slots.label ? (d(), L(_, {
|
|
2522
2535
|
key: 0,
|
|
2523
2536
|
for: r.value,
|
|
@@ -2526,15 +2539,15 @@ const Et = {
|
|
|
2526
2539
|
}, {
|
|
2527
2540
|
default: V(() => [
|
|
2528
2541
|
k(b.$slots, "label", {}, () => [
|
|
2529
|
-
R(
|
|
2542
|
+
R(T(e.label), 1)
|
|
2530
2543
|
])
|
|
2531
2544
|
]),
|
|
2532
2545
|
_: 3
|
|
2533
2546
|
}, 8, ["for", "disabled", "required"])) : S("", !0),
|
|
2534
|
-
|
|
2547
|
+
E(en, P({
|
|
2535
2548
|
disabled: e.disabled,
|
|
2536
2549
|
error: e.error,
|
|
2537
|
-
"hint-id": v(
|
|
2550
|
+
"hint-id": v(l),
|
|
2538
2551
|
"input-id": r.value,
|
|
2539
2552
|
required: e.required,
|
|
2540
2553
|
value: c.value,
|
|
@@ -2545,13 +2558,13 @@ const Et = {
|
|
|
2545
2558
|
selected: !c.value,
|
|
2546
2559
|
value: "",
|
|
2547
2560
|
disabled: !!c.value
|
|
2548
|
-
},
|
|
2549
|
-
(d(!0), f(
|
|
2561
|
+
}, T(e.placeholder), 9, tn),
|
|
2562
|
+
(d(!0), f(N, null, Y(e.data, (B) => (d(), f("option", {
|
|
2550
2563
|
key: B.value,
|
|
2551
2564
|
disabled: B.disabled,
|
|
2552
2565
|
selected: c.value === B.value,
|
|
2553
2566
|
value: B.value
|
|
2554
|
-
},
|
|
2567
|
+
}, T(B.label), 9, an))), 128))
|
|
2555
2568
|
]),
|
|
2556
2569
|
_: 1
|
|
2557
2570
|
}, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
|
|
@@ -2561,7 +2574,7 @@ const Et = {
|
|
|
2561
2574
|
error: e.error,
|
|
2562
2575
|
"error-msg": e.errorMsg,
|
|
2563
2576
|
hint: e.hint || i.value,
|
|
2564
|
-
"hint-id": v(
|
|
2577
|
+
"hint-id": v(l)
|
|
2565
2578
|
}, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
|
|
2566
2579
|
], 16));
|
|
2567
2580
|
}
|
|
@@ -2611,8 +2624,8 @@ const Et = {
|
|
|
2611
2624
|
},
|
|
2612
2625
|
emits: ["update:modelValue"],
|
|
2613
2626
|
setup(e, { emit: a }) {
|
|
2614
|
-
const t = e,
|
|
2615
|
-
return (c, b) => (d(), f("div",
|
|
2627
|
+
const t = e, n = a, l = O(), [o] = H(), { toChild: u, toRoot: i } = Z(t, l, ["aria-label", "name", "value"]), s = p(() => t.inputId || o.value), r = p(() => t.checked || t.modelValue);
|
|
2628
|
+
return (c, b) => (d(), f("div", P({
|
|
2616
2629
|
class: "bs-boolean",
|
|
2617
2630
|
"data-component": "bs-switch",
|
|
2618
2631
|
"data-size": e.size
|
|
@@ -2625,7 +2638,7 @@ const Et = {
|
|
|
2625
2638
|
}, {
|
|
2626
2639
|
default: V(() => [
|
|
2627
2640
|
k(c.$slots, "label", {}, () => [
|
|
2628
|
-
R(
|
|
2641
|
+
R(T(e.label), 1)
|
|
2629
2642
|
])
|
|
2630
2643
|
]),
|
|
2631
2644
|
_: 3
|
|
@@ -2636,13 +2649,13 @@ const Et = {
|
|
|
2636
2649
|
"data-pending": e.pending,
|
|
2637
2650
|
"data-size": e.size
|
|
2638
2651
|
}, [
|
|
2639
|
-
m("input",
|
|
2652
|
+
m("input", P({
|
|
2640
2653
|
checked: r.value,
|
|
2641
2654
|
disabled: e.disabled,
|
|
2642
2655
|
id: s.value,
|
|
2643
2656
|
type: "checkbox"
|
|
2644
2657
|
}, v(u), {
|
|
2645
|
-
onChange: b[0] || (b[0] = (g) =>
|
|
2658
|
+
onChange: b[0] || (b[0] = (g) => n("update:modelValue", g.target.checked))
|
|
2646
2659
|
}), null, 16, on),
|
|
2647
2660
|
m("span", {
|
|
2648
2661
|
"aria-hidden": "true",
|
|
@@ -2669,14 +2682,14 @@ const Et = {
|
|
|
2669
2682
|
},
|
|
2670
2683
|
emits: ["tabClick"],
|
|
2671
2684
|
setup(e, { emit: a }) {
|
|
2672
|
-
const t = e,
|
|
2685
|
+
const t = e, n = O(), l = I(), o = p(() => t.activeTabId === n.id), u = p(() => t.panelId || `${n.id}-panel`);
|
|
2673
2686
|
function i(r) {
|
|
2674
2687
|
(r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
|
|
2675
2688
|
}
|
|
2676
2689
|
function s() {
|
|
2677
|
-
if (t.activeTabId !==
|
|
2678
|
-
const r = new CustomEvent("tabClick", { detail:
|
|
2679
|
-
|
|
2690
|
+
if (t.activeTabId !== n.id) {
|
|
2691
|
+
const r = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
|
|
2692
|
+
l.value.dispatchEvent(r);
|
|
2680
2693
|
}
|
|
2681
2694
|
}
|
|
2682
2695
|
return (r, c) => (d(), f("div", {
|
|
@@ -2687,7 +2700,7 @@ const Et = {
|
|
|
2687
2700
|
role: "tab",
|
|
2688
2701
|
tabindex: "0",
|
|
2689
2702
|
ref_key: "hostEl",
|
|
2690
|
-
ref:
|
|
2703
|
+
ref: l,
|
|
2691
2704
|
onClick: s,
|
|
2692
2705
|
onKeydown: i
|
|
2693
2706
|
}, [
|
|
@@ -2705,7 +2718,7 @@ const Et = {
|
|
|
2705
2718
|
},
|
|
2706
2719
|
emits: ["tabChange", "update:modelValue"],
|
|
2707
2720
|
setup(e, { emit: a }) {
|
|
2708
|
-
const t = e,
|
|
2721
|
+
const t = e, n = a, l = I(!1), o = I(!1), u = I([]), i = I(!1), s = I(!1), r = I(), c = I([]), b = I(!1), g = I([]), B = I(), x = I(), z = I(), [C, $] = H(2), y = p(() => t.activeTabId ? g.value.findIndex((h) => h.id === t.activeTabId) : 0), q = p(() => u.value.some((h) => h.id === t.activeTabId)), F = p(() => `${$.value}-options`), ee = p(() => `${$.value}-toggle`), J = p(() => {
|
|
2709
2722
|
var h;
|
|
2710
2723
|
return q.value ? (h = g.value[y.value]) == null ? void 0 : h.textContent : "More";
|
|
2711
2724
|
}), Ie = p(() => q.value ? c.value[y.value] - c.value[y.value - 1] + fn : cn), Q = p(() => {
|
|
@@ -2720,37 +2733,37 @@ const Et = {
|
|
|
2720
2733
|
}
|
|
2721
2734
|
return s.value && h.push(r.value.querySelector(".bs-tab-list-toggle")), h;
|
|
2722
2735
|
});
|
|
2723
|
-
function
|
|
2736
|
+
function ce() {
|
|
2724
2737
|
var K;
|
|
2725
|
-
let h = !1, w, A = 0, M = !1,
|
|
2738
|
+
let h = !1, w, A = 0, M = !1, W = [];
|
|
2726
2739
|
if ((K = g.value) != null && K.length) {
|
|
2727
2740
|
for (let G = 0; G < g.value.length; G++) {
|
|
2728
2741
|
if (w = g.value[G], w.setAttribute("tabindex", "-1"), M && G !== y.value) {
|
|
2729
|
-
w.dataset.hidden = "true",
|
|
2742
|
+
w.dataset.hidden = "true", W.push(w);
|
|
2730
2743
|
continue;
|
|
2731
2744
|
}
|
|
2732
2745
|
if (A = G < g.value.length - 1 ? z.value - Ie.value : z.value, c.value[G] > A) {
|
|
2733
|
-
w.dataset.hidden = "true",
|
|
2746
|
+
w.dataset.hidden = "true", W.push(w), h = !0, M = !0;
|
|
2734
2747
|
continue;
|
|
2735
2748
|
}
|
|
2736
2749
|
w.dataset.hidden = "false", w.setAttribute("tabindex", "0");
|
|
2737
2750
|
}
|
|
2738
|
-
s.value = h, u.value =
|
|
2751
|
+
s.value = h, u.value = W, l.value || He(() => l.value = !0), setTimeout(() => {
|
|
2739
2752
|
qe(), b.value = !0;
|
|
2740
2753
|
}, b.value ? 0 : 1e3);
|
|
2741
2754
|
}
|
|
2742
2755
|
}
|
|
2743
|
-
function
|
|
2744
|
-
|
|
2756
|
+
function fe(h) {
|
|
2757
|
+
n("tabChange", h), n("update:modelValue", h);
|
|
2745
2758
|
}
|
|
2746
|
-
function
|
|
2747
|
-
var M,
|
|
2748
|
-
const w = (K = (
|
|
2759
|
+
function Te(h) {
|
|
2760
|
+
var M, W, K;
|
|
2761
|
+
const w = (K = (W = (M = g.value[h]) == null ? void 0 : M.getBoundingClientRect) == null ? void 0 : W.call(M)) == null ? void 0 : K.width;
|
|
2749
2762
|
return w || (h === 0 ? c.value[0] : c.value[h] - c.value[h - 1]) || 0;
|
|
2750
2763
|
}
|
|
2751
|
-
function
|
|
2764
|
+
function xe() {
|
|
2752
2765
|
var h;
|
|
2753
|
-
(h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true"),
|
|
2766
|
+
(h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true"), ce();
|
|
2754
2767
|
}
|
|
2755
2768
|
function Ce() {
|
|
2756
2769
|
var h;
|
|
@@ -2761,7 +2774,7 @@ const Et = {
|
|
|
2761
2774
|
}
|
|
2762
2775
|
function Le(h) {
|
|
2763
2776
|
var w;
|
|
2764
|
-
i.value = !1, (w = B.value) == null || w.focus(),
|
|
2777
|
+
i.value = !1, (w = B.value) == null || w.focus(), fe(h);
|
|
2765
2778
|
}
|
|
2766
2779
|
function Ve(h) {
|
|
2767
2780
|
if (t.withBsTabs)
|
|
@@ -2770,22 +2783,22 @@ const Et = {
|
|
|
2770
2783
|
if (!w || w.getAttribute("aria-selected") === "true")
|
|
2771
2784
|
return;
|
|
2772
2785
|
const A = w.getAttribute("id");
|
|
2773
|
-
|
|
2786
|
+
fe(A);
|
|
2774
2787
|
}
|
|
2775
2788
|
function Pe(h) {
|
|
2776
2789
|
if (h.key === "ArrowLeft" || h.key === "ArrowRight") {
|
|
2777
2790
|
const w = Q.value.findIndex((A) => A.id === h.target.id);
|
|
2778
2791
|
if (w === -1)
|
|
2779
2792
|
return;
|
|
2780
|
-
h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ?
|
|
2793
|
+
h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ? De(w) : Ee(w);
|
|
2781
2794
|
}
|
|
2782
2795
|
}
|
|
2783
|
-
function
|
|
2796
|
+
function Ee(h) {
|
|
2784
2797
|
var A;
|
|
2785
2798
|
const w = (h + 1) % Q.value.length;
|
|
2786
2799
|
(A = Q.value[w]) == null || A.focus();
|
|
2787
2800
|
}
|
|
2788
|
-
function
|
|
2801
|
+
function De(h) {
|
|
2789
2802
|
var A;
|
|
2790
2803
|
const w = h === 0 ? Q.value.length - 1 : h - 1;
|
|
2791
2804
|
(A = Q.value[w]) == null || A.focus();
|
|
@@ -2793,19 +2806,19 @@ const Et = {
|
|
|
2793
2806
|
function qe() {
|
|
2794
2807
|
var K, G, ge, be;
|
|
2795
2808
|
const h = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, w = z.value;
|
|
2796
|
-
let A = 300, M = ((G = (K = Q.value) == null ? void 0 : K[y.value]) == null ? void 0 : G.offsetLeft) || 0,
|
|
2797
|
-
s.value && q.value && (M = (ge = B.value) == null ? void 0 : ge.offsetLeft,
|
|
2809
|
+
let A = 300, M = ((G = (K = Q.value) == null ? void 0 : K[y.value]) == null ? void 0 : G.offsetLeft) || 0, W = Te(y.value);
|
|
2810
|
+
s.value && q.value && (M = (ge = B.value) == null ? void 0 : ge.offsetLeft, W = (be = B.value) == null ? void 0 : be.offsetWidth), A = Math.max(Math.abs((M - h) / w * 300), 100), r.value.style.setProperty("--active-line-max-width", `${w}px`), r.value.style.setProperty("--active-line-scale", `${W / w}`), r.value.style.setProperty("--active-line-offset", `${M}px`), r.value.style.setProperty("--active-line-transition-duration", `${A}ms`);
|
|
2798
2811
|
}
|
|
2799
2812
|
function ze() {
|
|
2800
2813
|
var h, w;
|
|
2801
|
-
(w = (h =
|
|
2814
|
+
(w = (h = x.value) == null ? void 0 : h.disconnect) == null || w.call(h), x.value = null;
|
|
2802
2815
|
}
|
|
2803
2816
|
function Me() {
|
|
2804
|
-
|
|
2817
|
+
x.value = new ResizeObserver((h) => {
|
|
2805
2818
|
for (let w of h)
|
|
2806
2819
|
z.value = w.contentBoxSize[0].inlineSize;
|
|
2807
|
-
|
|
2808
|
-
}),
|
|
2820
|
+
ce();
|
|
2821
|
+
}), x.value.observe(r.value);
|
|
2809
2822
|
}
|
|
2810
2823
|
function Oe() {
|
|
2811
2824
|
g.value = Array.from(r.value.children).filter((h) => h.role === "tab");
|
|
@@ -2816,10 +2829,10 @@ const Et = {
|
|
|
2816
2829
|
h = w.getBoundingClientRect().width + vn, c.value.push(A ? h + c.value[A - 1] : h);
|
|
2817
2830
|
});
|
|
2818
2831
|
}
|
|
2819
|
-
return
|
|
2832
|
+
return D(() => t.activeTabId, xe), j(() => {
|
|
2820
2833
|
var h;
|
|
2821
2834
|
try {
|
|
2822
|
-
Oe(), Ne(), Me(), z.value = r.value.getBoundingClientRect().width,
|
|
2835
|
+
Oe(), Ne(), Me(), z.value = r.value.getBoundingClientRect().width, ce(), t.withBsTabs || (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true");
|
|
2823
2836
|
} catch (w) {
|
|
2824
2837
|
console.log("tab error", w);
|
|
2825
2838
|
}
|
|
@@ -2830,9 +2843,9 @@ const Et = {
|
|
|
2830
2843
|
ref_key: "hostEl",
|
|
2831
2844
|
ref: r,
|
|
2832
2845
|
role: "tablist",
|
|
2833
|
-
"data-resizing": !
|
|
2846
|
+
"data-resizing": !l.value || void 0,
|
|
2834
2847
|
onClick: Ve,
|
|
2835
|
-
"on:tabClick": w[0] || (w[0] = (A) =>
|
|
2848
|
+
"on:tabClick": w[0] || (w[0] = (A) => fe(A.detail)),
|
|
2836
2849
|
onKeydown: Pe
|
|
2837
2850
|
}, [
|
|
2838
2851
|
k(h.$slots, "default"),
|
|
@@ -2847,16 +2860,16 @@ const Et = {
|
|
|
2847
2860
|
ref: B,
|
|
2848
2861
|
onClick: Ae
|
|
2849
2862
|
}, [
|
|
2850
|
-
|
|
2851
|
-
R(" " +
|
|
2863
|
+
E(v(et), { size: "sm" }),
|
|
2864
|
+
R(" " + T(J.value), 1)
|
|
2852
2865
|
], 8, un),
|
|
2853
|
-
|
|
2866
|
+
E(ea, {
|
|
2854
2867
|
"anchor-id": ee.value,
|
|
2855
2868
|
"container-id": h.$attrs.id || v(C),
|
|
2856
2869
|
"helper-description": e.helperDescription || void 0,
|
|
2857
2870
|
"helper-text": e.helperText,
|
|
2858
2871
|
id: v($),
|
|
2859
|
-
"options-id":
|
|
2872
|
+
"options-id": F.value,
|
|
2860
2873
|
position: "right",
|
|
2861
2874
|
preloaded: "",
|
|
2862
2875
|
shown: i.value,
|
|
@@ -2865,13 +2878,13 @@ const Et = {
|
|
|
2865
2878
|
"onUpdate:modelValue": Le
|
|
2866
2879
|
}, {
|
|
2867
2880
|
default: V(() => [
|
|
2868
|
-
(d(!0), f(
|
|
2881
|
+
(d(!0), f(N, null, Y(u.value, (A) => (d(), L(Jt, {
|
|
2869
2882
|
key: A.id,
|
|
2870
2883
|
value: A.id,
|
|
2871
|
-
"options-id":
|
|
2884
|
+
"options-id": F.value
|
|
2872
2885
|
}, {
|
|
2873
2886
|
default: V(() => [
|
|
2874
|
-
R(
|
|
2887
|
+
R(T(A.textContent), 1)
|
|
2875
2888
|
]),
|
|
2876
2889
|
_: 2
|
|
2877
2890
|
}, 1032, ["value", "options-id"]))), 128))
|
|
@@ -2893,12 +2906,12 @@ const Et = {
|
|
|
2893
2906
|
}
|
|
2894
2907
|
},
|
|
2895
2908
|
setup(e) {
|
|
2896
|
-
const a = e, t =
|
|
2909
|
+
const a = e, t = O(), n = p(() => a.activeTabId && a.activeTabId === a.tabId), l = p(() => t.id || `${a.tabId}-panel`);
|
|
2897
2910
|
return (o, u) => (d(), f("section", {
|
|
2898
2911
|
"aria-labelledby": e.tabId,
|
|
2899
|
-
"data-active":
|
|
2912
|
+
"data-active": n.value,
|
|
2900
2913
|
"data-component": "bs-tab-panel",
|
|
2901
|
-
id:
|
|
2914
|
+
id: l.value,
|
|
2902
2915
|
role: "tabpanel"
|
|
2903
2916
|
}, [
|
|
2904
2917
|
k(o.$slots, "default")
|
|
@@ -2919,16 +2932,16 @@ const Et = {
|
|
|
2919
2932
|
},
|
|
2920
2933
|
emits: ["update:modelValue"],
|
|
2921
2934
|
setup(e, { emit: a }) {
|
|
2922
|
-
const t = e,
|
|
2923
|
-
return (
|
|
2935
|
+
const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
|
|
2936
|
+
return (l, o) => (d(), f("textarea", P({
|
|
2924
2937
|
class: "bs-textarea",
|
|
2925
2938
|
"data-component": "bs-textarea",
|
|
2926
2939
|
"data-error": e.error,
|
|
2927
|
-
id:
|
|
2928
|
-
rows:
|
|
2940
|
+
id: l.$attrs.id || e.inputId,
|
|
2941
|
+
rows: l.$attrs.rows || 6,
|
|
2929
2942
|
value: e.value || e.modelValue,
|
|
2930
|
-
onInput: o[0] || (o[0] = (u) =>
|
|
2931
|
-
},
|
|
2943
|
+
onInput: o[0] || (o[0] = (u) => l.$emit("update:modelValue", u.target.value))
|
|
2944
|
+
}, n.value), null, 16, hn));
|
|
2932
2945
|
}
|
|
2933
2946
|
}, Jn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
2934
2947
|
__name: "BsTextareaField",
|
|
@@ -2979,7 +2992,7 @@ const Et = {
|
|
|
2979
2992
|
},
|
|
2980
2993
|
emits: ["update:modelValue"],
|
|
2981
2994
|
setup(e, { emit: a }) {
|
|
2982
|
-
const t = e,
|
|
2995
|
+
const t = e, n = O(), [l, o] = H(2), { toChild: u, toRoot: i } = Z(t, n, [
|
|
2983
2996
|
"aria-label",
|
|
2984
2997
|
"autocomplete",
|
|
2985
2998
|
"cols",
|
|
@@ -2993,8 +3006,8 @@ const Et = {
|
|
|
2993
3006
|
var g, B;
|
|
2994
3007
|
return ((B = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : B.call(g, `
|
|
2995
3008
|
`)) || t.hints;
|
|
2996
|
-
}), c = p(() => t.error && t.errorMsg || t.hint || r.value || void 0), b = p(() => t.inputId ||
|
|
2997
|
-
return (g, B) => (d(), f("div",
|
|
3009
|
+
}), c = p(() => t.error && t.errorMsg || t.hint || r.value || void 0), b = p(() => t.inputId || l.value);
|
|
3010
|
+
return (g, B) => (d(), f("div", P({ "data-component": "bs-textarea-field" }, v(i)), [
|
|
2998
3011
|
e.label || g.$slots.label ? (d(), L(_, {
|
|
2999
3012
|
key: 0,
|
|
3000
3013
|
for: b.value,
|
|
@@ -3003,12 +3016,12 @@ const Et = {
|
|
|
3003
3016
|
}, {
|
|
3004
3017
|
default: V(() => [
|
|
3005
3018
|
k(g.$slots, "label", {}, () => [
|
|
3006
|
-
R(
|
|
3019
|
+
R(T(e.label), 1)
|
|
3007
3020
|
])
|
|
3008
3021
|
]),
|
|
3009
3022
|
_: 3
|
|
3010
3023
|
}, 8, ["for", "disabled", "required"])) : S("", !0),
|
|
3011
|
-
|
|
3024
|
+
E(gn, P({
|
|
3012
3025
|
disabled: e.disabled,
|
|
3013
3026
|
error: e.error,
|
|
3014
3027
|
"hint-id": v(o),
|
|
@@ -3017,7 +3030,7 @@ const Et = {
|
|
|
3017
3030
|
required: e.required,
|
|
3018
3031
|
rows: e.rows,
|
|
3019
3032
|
value: e.value || e.modelValue,
|
|
3020
|
-
"onUpdate:modelValue": B[0] || (B[0] = (
|
|
3033
|
+
"onUpdate:modelValue": B[0] || (B[0] = (x) => g.$emit("update:modelValue", x))
|
|
3021
3034
|
}, v(u)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
|
|
3022
3035
|
c.value || e.charMax ? (d(), L(he, {
|
|
3023
3036
|
key: 1,
|
|
@@ -3077,28 +3090,28 @@ const Et = {
|
|
|
3077
3090
|
},
|
|
3078
3091
|
emits: ["dismiss", "after-enter", "after-leave"],
|
|
3079
3092
|
setup(e, { emit: a }) {
|
|
3080
|
-
const t = e,
|
|
3093
|
+
const t = e, n = a, { transition: l } = de(t);
|
|
3081
3094
|
let o = null;
|
|
3082
3095
|
ae("variant", t.variant), ae("handleDismiss", i);
|
|
3083
3096
|
const u = te("stacked", t.stacked);
|
|
3084
3097
|
function i() {
|
|
3085
|
-
o && (clearTimeout(o), o = null),
|
|
3098
|
+
o && (clearTimeout(o), o = null), n("dismiss", t.toastId);
|
|
3086
3099
|
}
|
|
3087
3100
|
function s() {
|
|
3088
3101
|
t.duration > 0 && (o = setTimeout(() => {
|
|
3089
3102
|
i();
|
|
3090
|
-
}, t.duration)),
|
|
3103
|
+
}, t.duration)), n("after-enter");
|
|
3091
3104
|
}
|
|
3092
|
-
return (r, c) => (d(), L(v(
|
|
3093
|
-
shown: v(
|
|
3105
|
+
return (r, c) => (d(), L(v(ue), {
|
|
3106
|
+
shown: v(l),
|
|
3094
3107
|
preloaded: e.preloaded,
|
|
3095
3108
|
duration: 200,
|
|
3096
3109
|
"enter-attribute": "data-shown",
|
|
3097
3110
|
onAfterEnter: s,
|
|
3098
|
-
onAfterLeave: c[0] || (c[0] = (b) =>
|
|
3111
|
+
onAfterLeave: c[0] || (c[0] = (b) => n("after-leave"))
|
|
3099
3112
|
}, {
|
|
3100
3113
|
default: V(() => [
|
|
3101
|
-
m("div",
|
|
3114
|
+
m("div", P({
|
|
3102
3115
|
class: "bs-toast",
|
|
3103
3116
|
"data-variant": e.variant,
|
|
3104
3117
|
"data-stacked": v(u) || void 0,
|
|
@@ -3115,17 +3128,17 @@ const Et = {
|
|
|
3115
3128
|
setup(e) {
|
|
3116
3129
|
const a = I(!1);
|
|
3117
3130
|
j(() => {
|
|
3118
|
-
var
|
|
3119
|
-
const
|
|
3120
|
-
((
|
|
3131
|
+
var l;
|
|
3132
|
+
const n = Ke();
|
|
3133
|
+
((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
|
|
3121
3134
|
});
|
|
3122
3135
|
const t = te("handleDismiss");
|
|
3123
|
-
return (
|
|
3136
|
+
return (n, l) => (d(), f("div", {
|
|
3124
3137
|
class: "bs-toast-actions",
|
|
3125
3138
|
"data-stacked": a.value || void 0
|
|
3126
3139
|
}, [
|
|
3127
|
-
k(
|
|
3128
|
-
|
|
3140
|
+
k(n.$slots, "default", {}, () => [
|
|
3141
|
+
E(kt, {
|
|
3129
3142
|
size: "sm",
|
|
3130
3143
|
"text-btn": "",
|
|
3131
3144
|
onClick: v(t)
|
|
@@ -3140,8 +3153,8 @@ const Et = {
|
|
|
3140
3153
|
}
|
|
3141
3154
|
}, yn = (e, a) => {
|
|
3142
3155
|
const t = e.__vccOpts || e;
|
|
3143
|
-
for (const [
|
|
3144
|
-
t[
|
|
3156
|
+
for (const [n, l] of a)
|
|
3157
|
+
t[n] = l;
|
|
3145
3158
|
return t;
|
|
3146
3159
|
}, Bn = {}, $n = { class: "bs-toast-body" };
|
|
3147
3160
|
function Sn(e, a) {
|
|
@@ -3155,22 +3168,22 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
|
|
|
3155
3168
|
const a = te("variant"), t = p(() => {
|
|
3156
3169
|
switch (a) {
|
|
3157
3170
|
case "warning":
|
|
3158
|
-
return
|
|
3171
|
+
return pe;
|
|
3159
3172
|
case "positive":
|
|
3160
3173
|
return at;
|
|
3161
3174
|
case "negative":
|
|
3162
|
-
return
|
|
3175
|
+
return pe;
|
|
3163
3176
|
default:
|
|
3164
3177
|
return tt;
|
|
3165
3178
|
}
|
|
3166
3179
|
});
|
|
3167
|
-
return (
|
|
3180
|
+
return (n, l) => (d(), f("div", {
|
|
3168
3181
|
class: "bs-toast-header",
|
|
3169
3182
|
"data-variant": v(a)
|
|
3170
3183
|
}, [
|
|
3171
3184
|
(d(), L(U(t.value), { class: "bs-toast-header-icon" })),
|
|
3172
3185
|
m("h5", null, [
|
|
3173
|
-
k(
|
|
3186
|
+
k(n.$slots, "default")
|
|
3174
3187
|
])
|
|
3175
3188
|
], 8, wn));
|
|
3176
3189
|
}
|
|
@@ -3181,7 +3194,7 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
|
|
|
3181
3194
|
k(a.$slots, "default")
|
|
3182
3195
|
]));
|
|
3183
3196
|
}
|
|
3184
|
-
}, In = ["data-position"],
|
|
3197
|
+
}, In = ["data-position"], Tn = ["id"], nl = {
|
|
3185
3198
|
__name: "BsTooltip",
|
|
3186
3199
|
props: {
|
|
3187
3200
|
tooltipId: {
|
|
@@ -3208,18 +3221,18 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
|
|
|
3208
3221
|
}
|
|
3209
3222
|
},
|
|
3210
3223
|
setup(e) {
|
|
3211
|
-
const a = e, t = I(!1),
|
|
3224
|
+
const a = e, t = I(!1), n = I(!1), l = p(() => {
|
|
3212
3225
|
let i = "bs-tooltip-text";
|
|
3213
|
-
return
|
|
3226
|
+
return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
|
|
3214
3227
|
});
|
|
3215
|
-
|
|
3216
|
-
t.value && (t.value = !1,
|
|
3228
|
+
se(["Escape"], () => {
|
|
3229
|
+
t.value && (t.value = !1, n.value = !0);
|
|
3217
3230
|
});
|
|
3218
3231
|
function o() {
|
|
3219
3232
|
t.value = !0;
|
|
3220
3233
|
}
|
|
3221
3234
|
function u() {
|
|
3222
|
-
t.value = !1,
|
|
3235
|
+
t.value = !1, n.value = !1;
|
|
3223
3236
|
}
|
|
3224
3237
|
return (i, s) => (d(), f("div", {
|
|
3225
3238
|
class: "bs-tooltip",
|
|
@@ -3233,10 +3246,10 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
|
|
|
3233
3246
|
k(i.$slots, "default"),
|
|
3234
3247
|
e.content ? (d(), f("div", {
|
|
3235
3248
|
key: 0,
|
|
3236
|
-
class: X(
|
|
3249
|
+
class: X(l.value),
|
|
3237
3250
|
id: e.tooltipId,
|
|
3238
3251
|
role: "tooltip"
|
|
3239
|
-
},
|
|
3252
|
+
}, T(e.content), 11, Tn)) : S("", !0)
|
|
3240
3253
|
], 40, In));
|
|
3241
3254
|
}
|
|
3242
3255
|
};
|
|
@@ -3245,8 +3258,8 @@ export {
|
|
|
3245
3258
|
Bt as BsBadge,
|
|
3246
3259
|
Pn as BsBanner,
|
|
3247
3260
|
kt as BsButton,
|
|
3248
|
-
|
|
3249
|
-
|
|
3261
|
+
En as BsChartBar,
|
|
3262
|
+
Dn as BsCheckbox,
|
|
3250
3263
|
qn as BsCircleButton,
|
|
3251
3264
|
Xt as BsDropdown,
|
|
3252
3265
|
Jt as BsDropdownOption,
|
|
@@ -3263,8 +3276,8 @@ export {
|
|
|
3263
3276
|
Rn as BsLoader,
|
|
3264
3277
|
jn as BsModal,
|
|
3265
3278
|
ya as BsOverlay,
|
|
3266
|
-
|
|
3267
|
-
|
|
3279
|
+
Fn as BsPagination,
|
|
3280
|
+
Wn as BsPill,
|
|
3268
3281
|
Gn as BsProfile,
|
|
3269
3282
|
Ka as BsProfileDetails,
|
|
3270
3283
|
Za as BsProfileImg,
|
|
@@ -3283,5 +3296,5 @@ export {
|
|
|
3283
3296
|
tl as BsToastHeader,
|
|
3284
3297
|
al as BsToaster,
|
|
3285
3298
|
nl as BsTooltip,
|
|
3286
|
-
|
|
3299
|
+
ue as BsTransition
|
|
3287
3300
|
};
|