@wwtdev/bsds-components-vue3 1.16.5 → 2.0.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.
@@ -1,1616 +0,0 @@
1
- import { openBlock as i, createElementBlock as u, mergeProps as f, renderSlot as $, computed as p, unref as T, createBlock as w, withCtx as C, createElementVNode as b, normalizeProps as K, guardReactiveProps as Q, ref as g, onMounted as W, resolveDynamicComponent as H, createCommentVNode as j, toDisplayString as F, useAttrs as S, withDirectives as $e, normalizeStyle as Be, vShow as pe, Fragment as U, renderList as _, createVNode as ye, normalizeClass as ee, watch as Te, onUnmounted as te, createTextVNode as Ie, nextTick as xe } from "vue";
2
- import { ClientOnly as z } from "#components";
3
- import { v4 as we } from "uuid";
4
- const Ce = ["color", "count", "count-max", "dot", "label", "position", "show-zero"], Nt = {
5
- __name: "BsBadge",
6
- props: {
7
- color: {},
8
- count: {},
9
- countMax: { default: 99 },
10
- dot: {},
11
- label: { default: "item" },
12
- position: {},
13
- showZero: {}
14
- },
15
- emits: [],
16
- setup(e, { emit: l }) {
17
- return (a, t) => (i(), u("bs-badge", f(a.$attrs, {
18
- color: e.color,
19
- count: e.count,
20
- "count-max": e.countMax,
21
- dot: e.dot,
22
- label: e.label,
23
- position: e.position,
24
- "show-zero": e.showZero
25
- }), [
26
- $(a.$slots, "default")
27
- ], 16, Ce));
28
- }
29
- }, ke = ["char-count", "char-max"], Ht = {
30
- __name: "BsCharacterCount",
31
- props: {
32
- charCount: {},
33
- charMax: {}
34
- },
35
- emits: [],
36
- setup(e, { emit: l }) {
37
- return (a, t) => (i(), u("bs-character-count", f(a.$attrs, {
38
- "char-count": e.charCount,
39
- "char-max": e.charMax
40
- }), null, 16, ke));
41
- }
42
- }, Ae = ["chart-title", "data", "dataIdxLabels", "show-legend", "show-tooltips", "show-x-grid", "show-y-grid", "stacked", "x-label", "y-label"], jt = {
43
- __name: "BsChartBar",
44
- props: {
45
- chartTitle: {},
46
- data: {},
47
- dataIdxLabels: {},
48
- showLegend: { default: !0 },
49
- showTooltips: { default: !0 },
50
- showXGrid: { default: !1 },
51
- showYGrid: { default: !1 },
52
- stacked: { default: !1 },
53
- xLabel: { default: "" },
54
- yLabel: { default: "" }
55
- },
56
- emits: [],
57
- setup(e, { emit: l }) {
58
- return (a, t) => (i(), u("bs-chart-bar", f(a.$attrs, {
59
- "chart-title": e.chartTitle,
60
- data: e.data,
61
- dataIdxLabels: e.dataIdxLabels,
62
- "show-legend": e.showLegend,
63
- "show-tooltips": e.showTooltips,
64
- "show-x-grid": e.showXGrid,
65
- "show-y-grid": e.showYGrid,
66
- stacked: e.stacked,
67
- "x-label": e.xLabel,
68
- "y-label": e.yLabel
69
- }), null, 16, Ae));
70
- }
71
- }, Le = ["data", "dataIdxLabels", "table-title"], Ut = {
72
- __name: "BsChartTable",
73
- props: {
74
- data: {},
75
- dataIdxLabels: {},
76
- tableTitle: { default: "" }
77
- },
78
- emits: [],
79
- setup(e, { emit: l }) {
80
- return (a, t) => (i(), u("bs-chart-table", f(a.$attrs, {
81
- data: e.data,
82
- dataIdxLabels: e.dataIdxLabels,
83
- "table-title": e.tableTitle
84
- }), null, 16, Le));
85
- }
86
- }, De = ["label", "checked", "checked-partially", "disabled", "error", "input-id", "pass-attrs", "required", "size"], Yt = {
87
- __name: "BsCheckbox",
88
- props: {
89
- label: {},
90
- checked: { default: !1 },
91
- checkedPartially: { default: !1 },
92
- disabled: { default: !1 },
93
- error: {},
94
- inputId: {},
95
- passAttrs: { default: "" },
96
- required: {},
97
- size: {},
98
- modelValue: {}
99
- },
100
- emits: ["update:modelValue"],
101
- setup(e, { emit: l }) {
102
- return (a, t) => (i(), u("bs-checkbox", f(a.$attrs, {
103
- label: e.label,
104
- checked: e.checked || e.modelValue,
105
- "checked-partially": e.checkedPartially,
106
- disabled: e.disabled,
107
- error: e.error,
108
- "input-id": e.inputId,
109
- "pass-attrs": e.passAttrs,
110
- required: e.required,
111
- size: e.size,
112
- onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.checked))
113
- }), null, 16, De));
114
- }
115
- };
116
- function M(e) {
117
- const l = p(() => {
118
- var n, d;
119
- return ((d = (n = e.href) == null ? void 0 : n.startsWith) == null ? void 0 : d.call(n, "/")) || !1;
120
- }), a = p(() => {
121
- var n, d;
122
- return l.value && ((n = e.router) == null ? void 0 : n.navigateTo) || ((d = e.router) == null ? void 0 : d.push) || null;
123
- });
124
- function t(n) {
125
- var d, c, m, r, h;
126
- a.value && ((c = (d = n.target.href) == null ? void 0 : d.endsWith) != null && c.call(d, e.href) || (h = (r = (m = n.target.closest("a")) == null ? void 0 : m.href) == null ? void 0 : r.endsWith) != null && h.call(r, e.href)) && (n.preventDefault(), a.value(e.href));
127
- }
128
- return { onLinkClick: t };
129
- }
130
- const Ve = ["disabled", "ghost-btn", "hover-effect", "href", "icon", "icon-position", "label", "pass-attrs", "text-btn", "size"], Xt = {
131
- __name: "BsCircleButton",
132
- props: {
133
- disabled: {},
134
- ghostBtn: {},
135
- hoverEffect: { default: !1 },
136
- href: {},
137
- icon: {},
138
- iconPosition: {},
139
- label: {},
140
- passAttrs: { default: "" },
141
- textBtn: {},
142
- size: {},
143
- router: {}
144
- },
145
- emits: [],
146
- setup(e, { emit: l }) {
147
- const a = e, { onLinkClick: t } = M(a);
148
- return (n, d) => (i(), u("bs-circle-button", f(n.$attrs, {
149
- disabled: e.disabled,
150
- "ghost-btn": e.ghostBtn,
151
- "hover-effect": e.hoverEffect,
152
- href: e.href,
153
- icon: e.icon,
154
- "icon-position": e.iconPosition,
155
- label: e.label,
156
- "pass-attrs": e.passAttrs,
157
- "text-btn": e.textBtn,
158
- size: e.size,
159
- onClick: d[0] || (d[0] = (...c) => T(t) && T(t)(...c))
160
- }), null, 16, Ve));
161
- }
162
- }, ze = ["width", "top", "center", "right", "toggle-id", "container-id", "helper-text", "helper-description", "enter-controlled", "enter-trigger", "leave-trigger"], Zt = {
163
- __name: "BsDropdown",
164
- props: {
165
- width: { default: void 0 },
166
- top: { default: !1 },
167
- center: { default: !1 },
168
- right: { default: !1 },
169
- toggleId: {},
170
- containerId: { default: void 0 },
171
- helperText: {},
172
- helperDescription: {},
173
- enterControlled: { default: !1 },
174
- enterTrigger: { default: !1 },
175
- leaveTrigger: { default: !1 }
176
- },
177
- emits: ["close", "enterend", "leaveend"],
178
- setup(e, { emit: l }) {
179
- return (a, t) => (i(), w(T(z), null, {
180
- default: C(() => [
181
- b("bs-dropdown", f(a.$attrs, {
182
- width: e.width,
183
- top: e.top,
184
- center: e.center,
185
- right: e.right,
186
- "toggle-id": e.toggleId,
187
- "container-id": e.containerId,
188
- "helper-text": e.helperText,
189
- "helper-description": e.helperDescription,
190
- "enter-controlled": e.enterControlled,
191
- "enter-trigger": e.enterTrigger,
192
- "leave-trigger": e.leaveTrigger,
193
- onClose: t[0] || (t[0] = (n) => l("close", n.detail)),
194
- onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
195
- onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
196
- }), [
197
- $(a.$slots, "default")
198
- ], 16, ze)
199
- ]),
200
- _: 3
201
- }));
202
- }
203
- }, qe = ["value", "variant", "options-id", "selected", "focused", "index"], Jt = {
204
- __name: "BsDropdownOption",
205
- props: {
206
- value: {},
207
- variant: { default: void 0 },
208
- optionsId: {},
209
- selected: { default: !1 },
210
- focused: { default: !1 },
211
- index: {}
212
- },
213
- emits: ["optmouseenter", "optselect"],
214
- setup(e, { emit: l }) {
215
- return (a, t) => (i(), u("bs-dropdown-option", f(a.$attrs, {
216
- value: e.value,
217
- variant: e.variant,
218
- "options-id": e.optionsId,
219
- selected: e.selected,
220
- focused: e.focused,
221
- index: e.index,
222
- onOptmouseenter: t[0] || (t[0] = (n) => l("optmouseenter", n.detail)),
223
- onOptselect: t[1] || (t[1] = (n) => l("optselect", n.detail))
224
- }), [
225
- $(a.$slots, "default")
226
- ], 16, qe));
227
- }
228
- }, Pe = ["options-id", "visible", "focus-delay", "label", "selected-value"], Kt = {
229
- __name: "BsDropdownOptionList",
230
- props: {
231
- optionsId: {},
232
- visible: { default: !1 },
233
- focusDelay: { default: 75 },
234
- label: {},
235
- selectedValue: {}
236
- },
237
- emits: ["optselected", "close"],
238
- setup(e, { emit: l }) {
239
- return (a, t) => (i(), w(T(z), null, {
240
- default: C(() => [
241
- b("bs-dropdown-option-list", f(a.$attrs, {
242
- "options-id": e.optionsId,
243
- visible: e.visible,
244
- "focus-delay": e.focusDelay,
245
- label: e.label,
246
- "selected-value": e.selectedValue,
247
- onOptselected: t[0] || (t[0] = (n) => l("optselected", n.detail)),
248
- onClose: t[1] || (t[1] = (n) => l("close", n.detail))
249
- }), [
250
- $(a.$slots, "default")
251
- ], 16, Pe)
252
- ]),
253
- _: 3
254
- }));
255
- }
256
- }, Se = ["toggle-id", "container-id", "options-id", "width", "top", "center", "label", "selected-value", "enter-controlled", "enter-trigger", "leave-trigger", "helper-text", "helper-description", "right"], Qt = {
257
- __name: "BsDropdownWithOptions",
258
- props: {
259
- toggleId: {},
260
- containerId: { default: void 0 },
261
- optionsId: {},
262
- width: { default: void 0 },
263
- top: { default: !1 },
264
- center: { default: !1 },
265
- label: {},
266
- selectedValue: {},
267
- enterControlled: { default: !1 },
268
- enterTrigger: { default: !1 },
269
- leaveTrigger: { default: !1 },
270
- helperText: {},
271
- helperDescription: {},
272
- right: { default: !1 }
273
- },
274
- emits: ["optselected", "close", "enterend", "leaveend"],
275
- setup(e, { emit: l }) {
276
- return (a, t) => (i(), w(T(z), null, {
277
- default: C(() => [
278
- b("bs-dropdown-with-options", f(a.$attrs, {
279
- "toggle-id": e.toggleId,
280
- "container-id": e.containerId,
281
- "options-id": e.optionsId,
282
- width: e.width,
283
- top: e.top,
284
- center: e.center,
285
- label: e.label,
286
- "selected-value": e.selectedValue,
287
- "enter-controlled": e.enterControlled,
288
- "enter-trigger": e.enterTrigger,
289
- "leave-trigger": e.leaveTrigger,
290
- "helper-text": e.helperText,
291
- "helper-description": e.helperDescription,
292
- right: e.right,
293
- onOptselected: t[0] || (t[0] = (n) => l("optselected", n.detail)),
294
- onClose: t[1] || (t[1] = (n) => l("close", n.detail)),
295
- onEnterend: t[2] || (t[2] = (n) => l("enterend", n.detail)),
296
- onLeaveend: t[3] || (t[3] = (n) => l("leaveend", n.detail))
297
- }), [
298
- $(a.$slots, "default")
299
- ], 16, Se)
300
- ]),
301
- _: 3
302
- }));
303
- }
304
- }, Me = ["char-count", "char-max", "error", "error-msg", "hint", "hint-id"], _t = {
305
- __name: "BsFieldDetails",
306
- props: {
307
- charCount: {},
308
- charMax: {},
309
- error: {},
310
- errorMsg: {},
311
- hint: {},
312
- hintId: {}
313
- },
314
- emits: [],
315
- setup(e, { emit: l }) {
316
- return (a, t) => (i(), u("bs-field-details", f(a.$attrs, {
317
- "char-count": e.charCount,
318
- "char-max": e.charMax,
319
- error: e.error,
320
- "error-msg": e.errorMsg,
321
- hint: e.hint,
322
- "hint-id": e.hintId
323
- }), null, 16, Me));
324
- }
325
- }, Ee = ["char-count", "char-max", "disabled", "error", "hints", "label", "label-for", "required", "hint-id"], ea = {
326
- __name: "BsFieldLayout",
327
- props: {
328
- charCount: {},
329
- charMax: {},
330
- disabled: { default: !1 },
331
- error: {},
332
- hints: {},
333
- label: {},
334
- labelFor: {},
335
- required: {},
336
- hintId: {}
337
- },
338
- emits: [],
339
- setup(e, { emit: l }) {
340
- return (a, t) => (i(), u("bs-field-layout", f(a.$attrs, {
341
- "char-count": e.charCount,
342
- "char-max": e.charMax,
343
- disabled: e.disabled,
344
- error: e.error,
345
- hints: e.hints,
346
- label: e.label,
347
- "label-for": e.labelFor,
348
- required: e.required,
349
- "hint-id": e.hintId
350
- }), [
351
- $(a.$slots, "default")
352
- ], 16, Ee));
353
- }
354
- }, Oe = ["error", "hint-id", "hints"], ta = {
355
- __name: "BsHint",
356
- props: {
357
- error: {},
358
- hintId: {},
359
- hints: {}
360
- },
361
- emits: [],
362
- setup(e, { emit: l }) {
363
- return (a, t) => (i(), u("bs-hint", f(a.$attrs, {
364
- error: e.error,
365
- "hint-id": e.hintId,
366
- hints: e.hints
367
- }), null, 16, Oe));
368
- }
369
- }, Fe = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "type", "value", "hint-id"], aa = {
370
- __name: "BsInput",
371
- props: {
372
- disabled: { default: !1 },
373
- error: {},
374
- inputId: {},
375
- passAttrs: { default: "" },
376
- placeholder: {},
377
- required: {},
378
- type: { default: "text" },
379
- value: {},
380
- hintId: {},
381
- modelValue: {}
382
- },
383
- emits: ["update:modelValue"],
384
- setup(e, { emit: l }) {
385
- return (a, t) => (i(), u("bs-input", f(a.$attrs, {
386
- disabled: e.disabled,
387
- error: e.error,
388
- "input-id": e.inputId,
389
- "pass-attrs": e.passAttrs,
390
- placeholder: e.placeholder,
391
- required: e.required,
392
- type: e.type,
393
- value: e.value || e.modelValue,
394
- "hint-id": e.hintId,
395
- onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
396
- }), null, 16, Fe));
397
- }
398
- }, Re = ["disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "pass-attrs", "placeholder", "required", "type", "value"], na = {
399
- __name: "BsInputField",
400
- props: {
401
- disabled: { default: !1 },
402
- error: {},
403
- errorMsg: {},
404
- hint: {},
405
- hints: {},
406
- inputId: {},
407
- label: {},
408
- passAttrs: { default: "" },
409
- placeholder: {},
410
- required: {},
411
- type: { default: "text" },
412
- value: {},
413
- modelValue: {}
414
- },
415
- emits: ["update:modelValue"],
416
- setup(e, { emit: l }) {
417
- return (a, t) => (i(), u("bs-input-field", f(a.$attrs, {
418
- disabled: e.disabled,
419
- error: e.error,
420
- "error-msg": e.errorMsg,
421
- hint: e.hint,
422
- hints: e.hints,
423
- "input-id": e.inputId,
424
- label: e.label,
425
- "pass-attrs": e.passAttrs,
426
- placeholder: e.placeholder,
427
- required: e.required,
428
- type: e.type,
429
- value: e.value || e.modelValue,
430
- onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
431
- }), null, 16, Re));
432
- }
433
- }, We = ["disabled", "pass-attrs", "placeholder", "hint-id", "input-id", "value", "hide-clear"], la = {
434
- __name: "BsInputSearch",
435
- props: {
436
- disabled: { default: !1 },
437
- passAttrs: { default: "" },
438
- placeholder: { default: "Search Items" },
439
- hintId: {},
440
- inputId: {},
441
- value: { default: "" },
442
- hideClear: { default: !1 },
443
- modelValue: {}
444
- },
445
- emits: ["clear", "update:modelValue"],
446
- setup(e, { emit: l }) {
447
- return (a, t) => (i(), u("bs-input-search", f(a.$attrs, {
448
- disabled: e.disabled,
449
- "pass-attrs": e.passAttrs,
450
- placeholder: e.placeholder,
451
- "hint-id": e.hintId,
452
- "input-id": e.inputId,
453
- value: e.value || e.modelValue,
454
- "hide-clear": e.hideClear,
455
- onClear: t[0] || (t[0] = (n) => l("clear", n.detail)),
456
- onInput: t[1] || (t[1] = (n) => l("update:modelValue", n.target.value))
457
- }), null, 16, We));
458
- }
459
- }, Ge = ["size", "variant"], sa = {
460
- __name: "BsLoader",
461
- props: {
462
- size: {},
463
- variant: {}
464
- },
465
- emits: [],
466
- setup(e, { emit: l }) {
467
- return (a, t) => (i(), u("bs-loader", f(a.$attrs, {
468
- size: e.size,
469
- variant: e.variant
470
- }), null, 16, Ge));
471
- }
472
- }, Ne = ["alert", "close-button", "enter-controlled", "enter-trigger", "leave-trigger"], ia = {
473
- __name: "BsModal",
474
- props: {
475
- alert: { default: !1 },
476
- closeButton: { default: !0 },
477
- enterControlled: { default: !1 },
478
- enterTrigger: { default: !1 },
479
- leaveTrigger: { default: !1 }
480
- },
481
- emits: ["close", "enterend", "leaveend"],
482
- setup(e, { emit: l }) {
483
- return (a, t) => (i(), w(T(z), null, {
484
- default: C(() => [
485
- b("bs-modal", f(a.$attrs, {
486
- alert: e.alert,
487
- "close-button": e.closeButton,
488
- "enter-controlled": e.enterControlled,
489
- "enter-trigger": e.enterTrigger,
490
- "leave-trigger": e.leaveTrigger,
491
- onClose: t[0] || (t[0] = (n) => l("close", n.detail)),
492
- onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
493
- onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
494
- }), [
495
- $(a.$slots, "default")
496
- ], 16, Ne)
497
- ]),
498
- _: 3
499
- }));
500
- }
501
- }, He = ["enter-controlled", "enter-trigger", "leave-trigger"], ra = {
502
- __name: "BsOverlay",
503
- props: {
504
- enterControlled: { default: !1 },
505
- enterTrigger: { default: !1 },
506
- leaveTrigger: { default: !1 }
507
- },
508
- emits: ["enterend", "leaveend"],
509
- setup(e, { emit: l }) {
510
- return (a, t) => (i(), w(T(z), null, {
511
- default: C(() => [
512
- b("bs-overlay", f(a.$attrs, {
513
- "enter-controlled": e.enterControlled,
514
- "enter-trigger": e.enterTrigger,
515
- "leave-trigger": e.leaveTrigger,
516
- onEnterend: t[0] || (t[0] = (n) => l("enterend", n.detail)),
517
- onLeaveend: t[1] || (t[1] = (n) => l("leaveend", n.detail))
518
- }), null, 16, He)
519
- ]),
520
- _: 1
521
- }));
522
- }
523
- }, je = ["show-first-last-buttons", "prev-page-text", "first-page-text", "next-page-text", "last-page-text", "fixed", "variant", "selection", "center-display", "break-text", "page-range", "page-count", "center-label", "items-per-group", "items-count", "results-increments"], da = {
524
- __name: "BsPagination",
525
- props: {
526
- showFirstLastButtons: { default: !1 },
527
- prevPageText: {},
528
- firstPageText: {},
529
- nextPageText: {},
530
- lastPageText: {},
531
- fixed: { default: !1 },
532
- variant: { default: "base" },
533
- selection: {},
534
- centerDisplay: { default: "numbers" },
535
- breakText: { default: "…" },
536
- pageRange: { default: 3 },
537
- pageCount: {},
538
- centerLabel: {},
539
- itemsPerGroup: { default: 25 },
540
- itemsCount: {},
541
- resultsIncrements: {}
542
- },
543
- emits: ["selchange"],
544
- setup(e, { emit: l }) {
545
- return (a, t) => (i(), u("bs-pagination", f(a.$attrs, {
546
- "show-first-last-buttons": e.showFirstLastButtons,
547
- "prev-page-text": e.prevPageText,
548
- "first-page-text": e.firstPageText,
549
- "next-page-text": e.nextPageText,
550
- "last-page-text": e.lastPageText,
551
- fixed: e.fixed,
552
- variant: e.variant,
553
- selection: e.selection,
554
- "center-display": e.centerDisplay,
555
- "break-text": e.breakText,
556
- "page-range": e.pageRange,
557
- "page-count": e.pageCount,
558
- "center-label": e.centerLabel,
559
- "items-per-group": e.itemsPerGroup,
560
- "items-count": e.itemsCount,
561
- "results-increments": e.resultsIncrements,
562
- onSelchange: t[0] || (t[0] = (n) => l("selchange", n.detail))
563
- }), null, 16, je));
564
- }
565
- }, Ue = ["layout", "href", "image-src", "image-size", "initials", "profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], oa = {
566
- __name: "BsProfile",
567
- props: {
568
- layout: {},
569
- href: {},
570
- imageSrc: {},
571
- imageSize: { default: "lg" },
572
- initials: {},
573
- profileName: {},
574
- company: {},
575
- jobTitle: {},
576
- email: {},
577
- action: {},
578
- actionIcon: {},
579
- miscMeta: {},
580
- miscMetaIcon: {},
581
- router: {}
582
- },
583
- emits: ["action-toggled"],
584
- setup(e, { emit: l }) {
585
- const a = e, { onLinkClick: t } = M(a);
586
- return (n, d) => (i(), u("bs-profile", f(n.$attrs, {
587
- layout: e.layout,
588
- href: e.href,
589
- "image-src": e.imageSrc,
590
- "image-size": e.imageSize,
591
- initials: e.initials,
592
- "profile-name": e.profileName,
593
- company: e.company,
594
- "job-title": e.jobTitle,
595
- email: e.email,
596
- action: e.action,
597
- "action-icon": e.actionIcon,
598
- "misc-meta": e.miscMeta,
599
- "misc-meta-icon": e.miscMetaIcon,
600
- onActionToggled: d[0] || (d[0] = (c) => l("action-toggled", c.detail)),
601
- onClick: d[1] || (d[1] = (...c) => T(t) && T(t)(...c))
602
- }), null, 16, Ue));
603
- }
604
- }, Ye = ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"], ua = {
605
- __name: "BsProfileDetails",
606
- props: {
607
- profileName: {},
608
- company: {},
609
- jobTitle: {},
610
- email: {},
611
- action: {},
612
- actionIcon: {},
613
- miscMeta: {},
614
- miscMetaIcon: {}
615
- },
616
- emits: ["action-toggled"],
617
- setup(e, { emit: l }) {
618
- return (a, t) => (i(), u("bs-profile-details", f(a.$attrs, {
619
- "profile-name": e.profileName,
620
- company: e.company,
621
- "job-title": e.jobTitle,
622
- email: e.email,
623
- action: e.action,
624
- "action-icon": e.actionIcon,
625
- "misc-meta": e.miscMeta,
626
- "misc-meta-icon": e.miscMetaIcon,
627
- onActionToggled: t[0] || (t[0] = (n) => l("action-toggled", n.detail))
628
- }), null, 16, Ye));
629
- }
630
- }, Xe = ["src", "size", "initials", "profile-name"], ca = {
631
- __name: "BsProfileImg",
632
- props: {
633
- src: {},
634
- size: {},
635
- initials: {},
636
- profileName: {}
637
- },
638
- emits: [],
639
- setup(e, { emit: l }) {
640
- return (a, t) => (i(), u("bs-profile-img", f(a.$attrs, {
641
- src: e.src,
642
- size: e.size,
643
- initials: e.initials,
644
- "profile-name": e.profileName
645
- }), null, 16, Xe));
646
- }
647
- }, Ze = ["layout", "href", "pass-attrs"], fa = {
648
- __name: "BsProfileLayout",
649
- props: {
650
- layout: { default: "vertical" },
651
- href: {},
652
- passAttrs: { default: "" },
653
- router: {}
654
- },
655
- emits: [],
656
- setup(e, { emit: l }) {
657
- const a = e, { onLinkClick: t } = M(a);
658
- return (n, d) => (i(), u("bs-profile-layout", f(n.$attrs, {
659
- layout: e.layout,
660
- href: e.href,
661
- "pass-attrs": e.passAttrs,
662
- onClick: d[0] || (d[0] = (...c) => T(t) && T(t)(...c))
663
- }), [
664
- $(n.$slots, "default")
665
- ], 16, Ze));
666
- }
667
- }, Je = ["label", "checked", "disabled", "error", "input-id", "pass-attrs", "required", "size", "value"], ha = {
668
- __name: "BsRadio",
669
- props: {
670
- label: {},
671
- checked: { default: !1 },
672
- disabled: { default: !1 },
673
- error: {},
674
- inputId: {},
675
- passAttrs: { default: "" },
676
- required: {},
677
- size: {},
678
- value: {},
679
- modelValue: {}
680
- },
681
- emits: ["update:modelValue"],
682
- setup(e, { emit: l }) {
683
- return (a, t) => (i(), u("bs-radio", f(a.$attrs, {
684
- label: e.label,
685
- checked: e.checked || e.modelValue === e.value,
686
- disabled: e.disabled,
687
- error: e.error,
688
- "input-id": e.inputId,
689
- "pass-attrs": e.passAttrs,
690
- required: e.required,
691
- size: e.size,
692
- value: e.value,
693
- onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
694
- }), null, 16, Je));
695
- }
696
- }, Ke = ["disabled", "error", "error-msg", "input-id", "label", "hint", "hints", "placeholder", "required", "value", "pass-attrs", "data"], ba = {
697
- __name: "BsSelectField",
698
- props: {
699
- disabled: { default: !1 },
700
- error: {},
701
- errorMsg: {},
702
- inputId: {},
703
- label: {},
704
- hint: {},
705
- hints: {},
706
- placeholder: { default: "" },
707
- required: {},
708
- value: {},
709
- passAttrs: { default: "" },
710
- data: { default: [] },
711
- modelValue: {}
712
- },
713
- emits: ["update:modelValue"],
714
- setup(e, { emit: l }) {
715
- return (a, t) => (i(), u("bs-select-field", f(a.$attrs, {
716
- disabled: e.disabled,
717
- error: e.error,
718
- "error-msg": e.errorMsg,
719
- "input-id": e.inputId,
720
- label: e.label,
721
- hint: e.hint,
722
- hints: e.hints,
723
- placeholder: e.placeholder,
724
- required: e.required,
725
- value: e.value || e.modelValue,
726
- "pass-attrs": e.passAttrs,
727
- data: e.data,
728
- onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
729
- }), null, 16, Ke));
730
- }
731
- }, Qe = ["checked", "disabled", "hide-label", "input-id", "inner-on-label", "inner-off-label", "label", "pass-attrs", "size"], va = {
732
- __name: "BsSwitch",
733
- props: {
734
- checked: { default: !1 },
735
- disabled: { default: !1 },
736
- hideLabel: { default: !1 },
737
- inputId: {},
738
- innerOnLabel: {},
739
- innerOffLabel: {},
740
- label: {},
741
- passAttrs: { default: "" },
742
- size: {},
743
- modelValue: {}
744
- },
745
- emits: ["update:modelValue"],
746
- setup(e, { emit: l }) {
747
- return (a, t) => (i(), u("bs-switch", f(a.$attrs, {
748
- checked: e.checked || e.modelValue,
749
- disabled: e.disabled,
750
- "hide-label": e.hideLabel,
751
- "input-id": e.inputId,
752
- "inner-on-label": e.innerOnLabel,
753
- "inner-off-label": e.innerOffLabel,
754
- label: e.label,
755
- "pass-attrs": e.passAttrs,
756
- size: e.size,
757
- onChange: t[0] || (t[0] = (n) => l("update:modelValue", n.target.checked))
758
- }), null, 16, Qe));
759
- }
760
- }, _e = ["active-tab-id", "tab-id"], ma = {
761
- __name: "BsTabPanel",
762
- props: {
763
- activeTabId: {},
764
- tabId: {}
765
- },
766
- emits: [],
767
- setup(e, { emit: l }) {
768
- return (a, t) => (i(), u("bs-tab-panel", f(a.$attrs, {
769
- "active-tab-id": e.activeTabId,
770
- "tab-id": e.tabId
771
- }), [
772
- $(a.$slots, "default")
773
- ], 16, _e));
774
- }
775
- }, et = ["disabled", "error", "input-id", "pass-attrs", "placeholder", "required", "rows", "value", "hint-id"], ga = {
776
- __name: "BsTextarea",
777
- props: {
778
- disabled: { default: !1 },
779
- error: {},
780
- inputId: {},
781
- passAttrs: { default: "" },
782
- placeholder: {},
783
- required: {},
784
- rows: { default: 6 },
785
- value: {},
786
- hintId: {},
787
- modelValue: {}
788
- },
789
- emits: ["update:modelValue"],
790
- setup(e, { emit: l }) {
791
- return (a, t) => (i(), u("bs-textarea", f(a.$attrs, {
792
- disabled: e.disabled,
793
- error: e.error,
794
- "input-id": e.inputId,
795
- "pass-attrs": e.passAttrs,
796
- placeholder: e.placeholder,
797
- required: e.required,
798
- rows: e.rows,
799
- value: e.value || e.modelValue,
800
- "hint-id": e.hintId,
801
- onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
802
- }), null, 16, et));
803
- }
804
- }, tt = ["char-max", "disabled", "error", "error-msg", "hint", "hints", "input-id", "label", "placeholder", "required", "rows", "value", "pass-attrs"], $a = {
805
- __name: "BsTextareaField",
806
- props: {
807
- charMax: {},
808
- disabled: { default: !1 },
809
- error: {},
810
- errorMsg: {},
811
- hint: {},
812
- hints: {},
813
- inputId: {},
814
- label: {},
815
- placeholder: {},
816
- required: {},
817
- rows: { default: 6 },
818
- value: { default: "" },
819
- passAttrs: { default: "" },
820
- modelValue: {}
821
- },
822
- emits: ["update:modelValue"],
823
- setup(e, { emit: l }) {
824
- return (a, t) => (i(), u("bs-textarea-field", f(a.$attrs, {
825
- "char-max": e.charMax,
826
- disabled: e.disabled,
827
- error: e.error,
828
- "error-msg": e.errorMsg,
829
- hint: e.hint,
830
- hints: e.hints,
831
- "input-id": e.inputId,
832
- label: e.label,
833
- placeholder: e.placeholder,
834
- required: e.required,
835
- rows: e.rows,
836
- value: e.value || e.modelValue,
837
- "pass-attrs": e.passAttrs,
838
- onInput: t[0] || (t[0] = (n) => l("update:modelValue", n.target.value))
839
- }), null, 16, tt));
840
- }
841
- }, at = ["toast-id", "variant", "stacked", "duration", "enter-controlled", "enter-trigger", "leave-trigger"], Ba = {
842
- __name: "BsToast",
843
- props: {
844
- toastId: {},
845
- variant: {},
846
- stacked: { default: !1 },
847
- duration: { default: 1e4 },
848
- enterControlled: { default: !1 },
849
- enterTrigger: { default: !1 },
850
- leaveTrigger: { default: !1 }
851
- },
852
- emits: ["dismiss", "enterend", "leaveend"],
853
- setup(e, { emit: l }) {
854
- return (a, t) => (i(), w(T(z), null, {
855
- default: C(() => [
856
- b("bs-toast", f(a.$attrs, {
857
- "toast-id": e.toastId,
858
- variant: e.variant,
859
- stacked: e.stacked,
860
- duration: e.duration,
861
- "enter-controlled": e.enterControlled,
862
- "enter-trigger": e.enterTrigger,
863
- "leave-trigger": e.leaveTrigger,
864
- onDismiss: t[0] || (t[0] = (n) => l("dismiss", n.detail)),
865
- onEnterend: t[1] || (t[1] = (n) => l("enterend", n.detail)),
866
- onLeaveend: t[2] || (t[2] = (n) => l("leaveend", n.detail))
867
- }), [
868
- $(a.$slots, "default")
869
- ], 16, at)
870
- ]),
871
- _: 3
872
- }));
873
- }
874
- }, pa = {
875
- __name: "BsToastActions",
876
- props: {},
877
- emits: ["defaultDismiss"],
878
- setup(e, { emit: l }) {
879
- return (a, t) => (i(), u("bs-toast-actions", f(a.$attrs, {
880
- "on:defaultDismiss": t[0] || (t[0] = (n) => l("defaultDismiss", n.detail))
881
- }), [
882
- $(a.$slots, "default")
883
- ], 16));
884
- }
885
- }, ya = {
886
- __name: "BsToastBody",
887
- props: {},
888
- emits: [],
889
- setup(e, { emit: l }) {
890
- return (a, t) => (i(), u("bs-toast-body", K(Q(a.$attrs)), [
891
- $(a.$slots, "default")
892
- ], 16));
893
- }
894
- }, nt = ["variant"], Ta = {
895
- __name: "BsToastHeader",
896
- props: {
897
- variant: {}
898
- },
899
- emits: [],
900
- setup(e, { emit: l }) {
901
- return (a, t) => (i(), u("bs-toast-header", f(a.$attrs, { variant: e.variant }), [
902
- $(a.$slots, "default")
903
- ], 16, nt));
904
- }
905
- }, Ia = {
906
- __name: "BsToaster",
907
- props: {},
908
- emits: [],
909
- setup(e, { emit: l }) {
910
- return (a, t) => (i(), w(T(z), null, {
911
- default: C(() => [
912
- b("bs-toaster", K(Q(a.$attrs)), [
913
- $(a.$slots, "default")
914
- ], 16)
915
- ]),
916
- _: 3
917
- }));
918
- }
919
- }, lt = ["enter-class", "enter-attribute", "enter-duration", "leave-class", "leave-attribute", "leave-duration", "enter-controlled", "enter-trigger", "leave-trigger"], xa = {
920
- __name: "BsTransition",
921
- props: {
922
- enterClass: { default: void 0 },
923
- enterAttribute: { default: void 0 },
924
- enterDuration: {},
925
- leaveClass: { default: void 0 },
926
- leaveAttribute: { default: void 0 },
927
- leaveDuration: { default: void 0 },
928
- enterControlled: { default: !1 },
929
- enterTrigger: { default: !1 },
930
- leaveTrigger: { default: !1 }
931
- },
932
- emits: ["enterend", "leaveend"],
933
- setup(e, { emit: l }) {
934
- return (a, t) => (i(), u("bs-transition", f(a.$attrs, {
935
- "enter-class": e.enterClass,
936
- "enter-attribute": e.enterAttribute,
937
- "enter-duration": e.enterDuration,
938
- "leave-class": e.leaveClass,
939
- "leave-attribute": e.leaveAttribute,
940
- "leave-duration": e.leaveDuration,
941
- "enter-controlled": e.enterControlled,
942
- "enter-trigger": e.enterTrigger,
943
- "leave-trigger": e.leaveTrigger,
944
- onEnterend: t[0] || (t[0] = (n) => l("enterend", n.detail)),
945
- onLeaveend: t[1] || (t[1] = (n) => l("leaveend", n.detail))
946
- }), [
947
- $(a.$slots, "default")
948
- ], 16, lt));
949
- }
950
- };
951
- function R() {
952
- return we();
953
- }
954
- const st = ["data-stacked"], it = ["data-open"], rt = ["aria-controls", "aria-expanded"], dt = ["id", "aria-level"], ot = /* @__PURE__ */ b("bs-icon-caret-down", { "data-position": "end" }, null, -1), ut = ["aria-labelledby", "data-open", "id"], ct = { "data-slot": "" }, wa = {
955
- __name: "BsAccordion",
956
- props: {
957
- controlled: { default: !1 },
958
- icon: {},
959
- headerText: {},
960
- headingLevel: {},
961
- openItem: { default: !1 },
962
- openItemId: {},
963
- stacked: { default: !1 }
964
- },
965
- emits: ["toggled"],
966
- setup(e, { emit: l }) {
967
- const a = e, t = g(null), n = g(""), d = g(""), c = g(!1), m = p(() => a.icon ? `bs-icon-${a.icon}` : null), r = p(() => a.openItemId === t.value.id || a.openItem === !0), h = p(() => a.controlled ? r.value : c.value);
968
- W(() => {
969
- var B;
970
- (B = t.value) != null && B.id || t.value.setAttribute("id", R()), n.value = t.value.id + "-content", d.value = t.value.id + "-title";
971
- });
972
- function I() {
973
- l("toggled", t.value.id), a.controlled || (c.value = !c.value);
974
- }
975
- return (B, x) => (i(), u("bs-host", {
976
- ref_key: "hostRef",
977
- ref: t,
978
- class: "bs-accordion",
979
- "data-component": "bs-accordion",
980
- "data-stacked": e.stacked
981
- }, [
982
- b("header", {
983
- part: "header",
984
- "data-open": h.value
985
- }, [
986
- b("button", {
987
- "aria-controls": n.value,
988
- "aria-expanded": h.value,
989
- type: "button",
990
- onClick: I
991
- }, [
992
- m.value ? (i(), w(H(m.value), {
993
- key: 0,
994
- "data-position": "start"
995
- })) : j("", !0),
996
- b("span", {
997
- id: d.value,
998
- "aria-level": e.headingLevel,
999
- role: "heading"
1000
- }, F(e.headerText), 9, dt),
1001
- ot
1002
- ], 8, rt)
1003
- ], 8, it),
1004
- b("div", {
1005
- "aria-labelledby": d.value,
1006
- class: "bs-accordion-content",
1007
- "data-open": h.value,
1008
- id: n.value,
1009
- part: "content",
1010
- role: "region"
1011
- }, [
1012
- b("div", ct, [
1013
- $(B.$slots, "default")
1014
- ])
1015
- ], 8, ut)
1016
- ], 8, st));
1017
- }
1018
- };
1019
- const ft = ["data-dismissed"], ht = { class: "bs-banner-content" }, bt = /* @__PURE__ */ b("bs-icon-warning", {
1020
- size: "lg",
1021
- class: "bs-banner-warning-icon"
1022
- }, null, -1), vt = { "data-slot": "" }, mt = /* @__PURE__ */ b("bs-icon-close", null, null, -1), gt = [
1023
- mt
1024
- ], Ca = {
1025
- __name: "BsBanner",
1026
- emits: ["dismiss"],
1027
- setup(e, { emit: l }) {
1028
- const a = g(!1);
1029
- function t() {
1030
- a.value = !0, l("dismiss");
1031
- }
1032
- return (n, d) => (i(), u("bs-host", {
1033
- role: "alert",
1034
- class: "bs-banner",
1035
- "data-component": "bs-banner",
1036
- "data-dismissed": a.value ? !0 : void 0
1037
- }, [
1038
- b("div", ht, [
1039
- bt,
1040
- b("div", vt, [
1041
- $(n.$slots, "default")
1042
- ]),
1043
- b("button", {
1044
- type: "button",
1045
- title: "Close Banner",
1046
- onClick: t
1047
- }, gt)
1048
- ])
1049
- ], 8, ft));
1050
- }
1051
- };
1052
- const $t = ["data-disabled"], ka = {
1053
- __name: "BsButton",
1054
- props: {
1055
- variant: {},
1056
- disabled: {},
1057
- ghostBtn: {},
1058
- href: {},
1059
- passAttrs: { default: "" },
1060
- router: {},
1061
- textBtn: {},
1062
- size: {}
1063
- },
1064
- setup(e) {
1065
- const l = e, a = g(null), t = g(null), { onLinkClick: n } = M(l), d = S(), c = p(() => {
1066
- const r = {
1067
- download: d.download,
1068
- target: d.target
1069
- };
1070
- return l.href ? (r.title = d.title, l.disabled && (r["aria-disabled"] = "true", r.tabindex = "-1")) : (r.type = d.type || "button", r.autcomplete = "off"), r;
1071
- });
1072
- function m(r) {
1073
- var h, I, B, x, L;
1074
- (l.disabled || ((I = (h = a.value) == null ? void 0 : h.dataset) == null ? void 0 : I.disabled) === "true" || (B = t.value) != null && B.disabled || ((L = (x = t.value) == null ? void 0 : x.getAttribute) == null ? void 0 : L.call(x, "aria-disabled")) === "true") && (r.preventDefault(), r.stopImmediatePropagation());
1075
- }
1076
- return (r, h) => (i(), u("bs-host", {
1077
- ref_key: "hostRef",
1078
- ref: a,
1079
- "data-component": "bs-button",
1080
- "data-disabled": e.disabled,
1081
- onClickCapture: m
1082
- }, [
1083
- (i(), w(H(e.href ? "a" : "button"), f({
1084
- "data-slot": "",
1085
- class: "bs-button",
1086
- "data-ghost": e.ghostBtn,
1087
- "data-size": e.size,
1088
- "data-text": e.textBtn,
1089
- "data-variant": e.variant,
1090
- disabled: e.disabled,
1091
- href: e.href,
1092
- ref_key: "childRef",
1093
- ref: t
1094
- }, c.value, { onClick: T(n) }), {
1095
- default: C(() => [
1096
- $(r.$slots, "default")
1097
- ]),
1098
- _: 3
1099
- }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "disabled", "href", "onClick"]))
1100
- ], 40, $t));
1101
- }
1102
- };
1103
- const Bt = ["offset", "stop-color"], Aa = {
1104
- __name: "BsIconGradientWrapper",
1105
- setup(e) {
1106
- const l = [
1107
- { offset: 0.1326, color: "#EE282A" },
1108
- { offset: 0.5466, color: "#1C0087" },
1109
- { offset: 0.9715, color: "#0086EA" }
1110
- ], a = `svg-gradient-${R()}`, t = g(null), n = g(null), d = g(!1);
1111
- function c() {
1112
- var h;
1113
- const r = t.value.querySelector(".svg-wrapper svg");
1114
- (h = n.value) == null || h.setAttribute("viewBox", (r == null ? void 0 : r.getAttribute("viewBox")) || "0 0 0 0"), d.value = !0;
1115
- }
1116
- const m = (r, h) => new MutationObserver((I, B) => {
1117
- document.querySelector(r) && (h(), B.disconnect());
1118
- });
1119
- return W(() => {
1120
- m(".svg-wrapper svg", c).observe(document, {
1121
- childList: !0,
1122
- subtree: !0
1123
- });
1124
- }), (r, h) => (i(), u("bs-host", {
1125
- ref_key: "hostRef",
1126
- ref: t,
1127
- "data-component": "bs-icon-gradient-wrapper"
1128
- }, [
1129
- $e(b("span", {
1130
- class: "svg-wrapper",
1131
- style: Be(`fill: url(#${a});`),
1132
- "data-slot": ""
1133
- }, [
1134
- $(r.$slots, "default")
1135
- ], 4), [
1136
- [pe, d.value]
1137
- ]),
1138
- (i(), u("svg", {
1139
- xmlns: "http://www.w3.org/2000/svg",
1140
- width: "0",
1141
- height: "0",
1142
- ref_key: "gradientSvgRef",
1143
- ref: n
1144
- }, [
1145
- b("linearGradient", {
1146
- id: a,
1147
- x1: "0",
1148
- y1: "0",
1149
- x2: "100%",
1150
- y2: "100%",
1151
- gradientUnits: "userSpaceOnUse"
1152
- }, [
1153
- (i(), u(U, null, _(l, (I) => b("stop", {
1154
- key: I.offset,
1155
- offset: I.offset,
1156
- "stop-color": I.color
1157
- }, null, 8, Bt)), 64))
1158
- ])
1159
- ], 512))
1160
- ], 512));
1161
- }
1162
- };
1163
- const pt = ["data-disabled", "data-error", "data-variant", "data-multifocus"], La = {
1164
- __name: "BsInputAddon",
1165
- props: {
1166
- disabled: { type: Boolean, default: !1 },
1167
- error: { type: Boolean, default: !1 },
1168
- multifocus: { type: Boolean, default: !1 },
1169
- variant: { type: String, validator: (e) => e === "inner-bordered" }
1170
- },
1171
- setup(e) {
1172
- return (l, a) => (i(), u("bs-host", {
1173
- class: "bs-input-addon",
1174
- "data-component": "bs-input-addon",
1175
- "data-disabled": e.disabled,
1176
- "data-error": e.error,
1177
- "data-variant": e.variant,
1178
- "data-multifocus": e.multifocus
1179
- }, [
1180
- ye(T(z), null, {
1181
- default: C(() => [
1182
- $(l.$slots, "default")
1183
- ]),
1184
- _: 3
1185
- })
1186
- ], 8, pt));
1187
- }
1188
- };
1189
- const yt = ["data-disabled", "htmlFor"], Tt = { "data-slot": "" }, It = /* @__PURE__ */ b("span", {
1190
- "data-required": "",
1191
- "aria-hidden": "true"
1192
- }, " *", -1), xt = /* @__PURE__ */ b("span", { class: "visually-hidden" }, "required", -1), Da = {
1193
- __name: "BsLabel",
1194
- props: {
1195
- disabled: {},
1196
- for: {},
1197
- hide: {},
1198
- passAttrs: { default: "" },
1199
- required: {}
1200
- },
1201
- setup(e) {
1202
- const l = e, a = S(), t = p(() => {
1203
- const n = {};
1204
- return l.passAttrs.split(",").forEach((d) => {
1205
- n[d] = a[d];
1206
- }), n;
1207
- });
1208
- return (n, d) => (i(), u("bs-host", {
1209
- "data-component": "bs-label",
1210
- class: ee(e.hide ? "visually-hidden" : "")
1211
- }, [
1212
- b("label", f({
1213
- "data-disabled": e.disabled,
1214
- htmlFor: e.for
1215
- }, t.value), [
1216
- b("span", Tt, [
1217
- $(n.$slots, "default")
1218
- ]),
1219
- e.required ? (i(), u(U, { key: 0 }, [
1220
- It,
1221
- xt
1222
- ], 64)) : j("", !0)
1223
- ], 16, yt)
1224
- ], 2));
1225
- }
1226
- };
1227
- const wt = { "data-component": "bs-pill" }, Va = {
1228
- __name: "BsPill",
1229
- props: {
1230
- variant: {},
1231
- status: {},
1232
- href: {},
1233
- active: {},
1234
- disabled: {},
1235
- passAttrs: { default: "" }
1236
- },
1237
- setup(e) {
1238
- const l = e, { onLinkClick: a } = M(l), t = S(), n = p(() => l.href ? "a" : t.type === "button" ? "button" : "span"), d = p(() => {
1239
- const c = {};
1240
- return l.passAttrs.split(",").forEach((m) => {
1241
- c[m] = t[m];
1242
- }), l.disabled && l.href && (c["aria-disabled"] = !0, c.tabindex = "-1", c.title = t.title), n.value === "button" && (c.type = t.type || "button"), c;
1243
- });
1244
- return (c, m) => (i(), u("bs-host", wt, [
1245
- (i(), w(H(n.value), f({
1246
- class: "bs-pill",
1247
- "data-active": e.active,
1248
- "data-slot": "",
1249
- "data-status": e.status || void 0,
1250
- "data-variant": e.variant || void 0,
1251
- disabled: e.disabled,
1252
- href: e.href
1253
- }, d.value, { onClick: T(a) }), {
1254
- default: C(() => [
1255
- $(c.$slots, "default")
1256
- ]),
1257
- _: 3
1258
- }, 16, ["data-active", "data-status", "data-variant", "disabled", "href", "onClick"]))
1259
- ]));
1260
- }
1261
- };
1262
- const Ct = { "data-component": "bs-select" }, kt = ["id", "disabled", "required", "data-error", "value"], za = {
1263
- __name: "BsSelect",
1264
- props: {
1265
- disabled: { default: !1 },
1266
- inputId: {},
1267
- required: {},
1268
- error: {},
1269
- hintId: {},
1270
- value: {},
1271
- passAttrs: { default: "" },
1272
- modelValue: {}
1273
- },
1274
- setup(e) {
1275
- const l = e, a = ["autocomplete", "multiple", "name", "size"], t = S(), n = p(() => ({ [l.error ? "aria-errormessage" : "aria-describedby"]: l.hintId })), d = p(() => {
1276
- const c = { ...n.value };
1277
- return l.passAttrs.split(",").concat(a).forEach((m) => {
1278
- c[m] = t[m];
1279
- }), c;
1280
- });
1281
- return (c, m) => (i(), u("bs-host", Ct, [
1282
- b("select", f({
1283
- id: e.inputId,
1284
- class: "bs-select",
1285
- "data-slot": "",
1286
- disabled: e.disabled,
1287
- required: e.required,
1288
- "data-error": e.error,
1289
- value: e.value || e.modelValue,
1290
- onChange: m[0] || (m[0] = (r) => c.emit("update:modelValue", r.target.value))
1291
- }, d.value), [
1292
- $(c.$slots, "default")
1293
- ], 16, kt)
1294
- ]));
1295
- }
1296
- }, At = ["aria-controls", "aria-selected", "data-hidden"], qa = {
1297
- __name: "BsTab",
1298
- props: {
1299
- activeTabId: {
1300
- type: String,
1301
- required: !0
1302
- },
1303
- hidden: {
1304
- type: Boolean,
1305
- default: !1
1306
- },
1307
- panelId: {
1308
- type: String
1309
- }
1310
- },
1311
- emits: ["tabClick"],
1312
- setup(e, { emit: l }) {
1313
- const a = e, t = S(), n = g(), d = p(() => a.activeTabId === t.id), c = p(() => a.panelId || `${t.id}-panel`);
1314
- function m(h) {
1315
- (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), r());
1316
- }
1317
- function r() {
1318
- if (a.activeTabId !== t.id) {
1319
- const h = new CustomEvent("tabClick", { detail: t.id, bubbles: !0 });
1320
- n.value.dispatchEvent(h);
1321
- }
1322
- }
1323
- return (h, I) => (i(), u("bs-host", {
1324
- "aria-controls": c.value,
1325
- "aria-selected": d.value ? "true" : "false",
1326
- "data-hidden": e.hidden || void 0,
1327
- "data-component": "bs-tab",
1328
- role: "tab",
1329
- tabindex: "0",
1330
- ref_key: "hostEl",
1331
- ref: n,
1332
- onClick: r,
1333
- onKeydown: m
1334
- }, [
1335
- $(h.$slots, "default")
1336
- ], 40, At));
1337
- }
1338
- };
1339
- const Lt = ["data-resizing"], Dt = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], Vt = /* @__PURE__ */ b("bs-icon-action-ellipsis", {
1340
- size: "sm",
1341
- "data-size": "small",
1342
- "data-bs-icon": ""
1343
- }, null, -1), zt = ["id", "containerId", "helperText", "helperDescription", "optionsId", "toggleId"], qt = ["value", "options-id"], Pt = 73, St = 20, Mt = 16, Pa = {
1344
- __name: "BsTabList",
1345
- props: {
1346
- activeTabId: { type: String },
1347
- helperText: { type: String, default: "Select a tab" },
1348
- helperDescription: { type: String },
1349
- modelValue: { type: String },
1350
- withBsTabs: { type: Boolean, default: !0 }
1351
- },
1352
- emits: ["tabChange", "update:modelValue"],
1353
- setup(e, { emit: l }) {
1354
- const a = e, t = g(!1), n = g(!1), d = g([]), c = g(!1), m = g(!1), r = g(), h = g([]), I = g(!1), B = g([]), x = g(), L = g(), E = g(), P = g(), D = p(() => a.activeTabId ? B.value.findIndex((s) => s.id === a.activeTabId) : 0), O = p(() => d.value.some((s) => s.id === a.activeTabId)), Y = p(() => `${x.value}-options`), X = p(() => `${x.value}-toggle`), ae = p(() => {
1355
- var s;
1356
- return O.value ? (s = B.value[D.value]) == null ? void 0 : s.textContent : "More";
1357
- }), ne = p(() => O.value ? h.value[D.value] - h.value[D.value - 1] + St : Pt), q = p(() => {
1358
- var o, v;
1359
- let s = [];
1360
- if (typeof window > "u")
1361
- return s;
1362
- for (let y of B.value) {
1363
- if (((o = y.dataset) == null ? void 0 : o.hidden) === "true" || ((v = y.dataset) == null ? void 0 : v.hidden) === "" || y.getAttribute("tabindex") === "-1")
1364
- break;
1365
- s.push(y);
1366
- }
1367
- return m.value && s.push(r.value.querySelector(".bs-tab-list-toggle")), s;
1368
- });
1369
- function G() {
1370
- var V;
1371
- let s = !1, o, v = 0, y = !1, k = [];
1372
- if ((V = B.value) != null && V.length) {
1373
- for (let A = 0; A < B.value.length; A++) {
1374
- if (o = B.value[A], o.setAttribute("tabindex", "-1"), y && A !== D.value) {
1375
- o.dataset.hidden = "true", k.push(o);
1376
- continue;
1377
- }
1378
- if (v = A < B.value.length - 1 ? P.value - ne.value : P.value, h.value[A] > v) {
1379
- o.dataset.hidden = "true", k.push(o), s = !0, y = !0;
1380
- continue;
1381
- }
1382
- o.dataset.hidden = "false", o.setAttribute("tabindex", "0");
1383
- }
1384
- m.value = s, d.value = k, t.value || xe(() => t.value = !0), setTimeout(() => {
1385
- he(), I.value = !0;
1386
- }, I.value ? 0 : 1e3);
1387
- }
1388
- }
1389
- function N(s) {
1390
- l("tabChange", s), l("update:modelValue", s);
1391
- }
1392
- function le(s) {
1393
- var y, k, V;
1394
- const o = (V = (k = (y = B.value[s]) == null ? void 0 : y.getBoundingClientRect) == null ? void 0 : k.call(y)) == null ? void 0 : V.width;
1395
- return o || (s === 0 ? h.value[0] : h.value[s] - h.value[s - 1]) || 0;
1396
- }
1397
- function se() {
1398
- var s;
1399
- (s = B.value[D.value]) == null || s.setAttribute("aria-selected", "true"), G();
1400
- }
1401
- function ie() {
1402
- var s;
1403
- (s = L.value) == null || s.focus(), c.value = !1;
1404
- }
1405
- function re() {
1406
- c.value = !c.value, n.value || (n.value = !0);
1407
- }
1408
- function de(s) {
1409
- var o;
1410
- c.value = !1, (o = L.value) == null || o.focus(), N(s.detail);
1411
- }
1412
- function oe(s) {
1413
- if (a.withBsTabs)
1414
- return;
1415
- const o = s.target.closest('[role="tab"]');
1416
- if (!o || o.getAttribute("aria-selected") === "true")
1417
- return;
1418
- const v = o.getAttribute("id");
1419
- N(v);
1420
- }
1421
- function ue(s) {
1422
- if (s.key === "ArrowLeft" || s.key === "ArrowRight") {
1423
- const o = q.value.findIndex((v) => v.id === s.target.id);
1424
- if (o === -1)
1425
- return;
1426
- s.preventDefault(), s.stopPropagation(), s.key === "ArrowLeft" ? fe(o) : ce(o);
1427
- }
1428
- }
1429
- function ce(s) {
1430
- var v;
1431
- const o = (s + 1) % q.value.length;
1432
- (v = q.value[o]) == null || v.focus();
1433
- }
1434
- function fe(s) {
1435
- var v;
1436
- const o = s === 0 ? q.value.length - 1 : s - 1;
1437
- (v = q.value[o]) == null || v.focus();
1438
- }
1439
- function he() {
1440
- var V, A, Z, J;
1441
- const s = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, o = P.value;
1442
- let v = 300, y = ((A = (V = q.value) == null ? void 0 : V[D.value]) == null ? void 0 : A.offsetLeft) || 0, k = le(D.value);
1443
- m.value && O.value && (y = (Z = L.value) == null ? void 0 : Z.offsetLeft, k = (J = L.value) == null ? void 0 : J.offsetWidth), v = Math.max(Math.abs((y - s) / o * 300), 100), r.value.style.setProperty("--active-line-max-width", `${o}px`), r.value.style.setProperty("--active-line-scale", `${k / o}`), r.value.style.setProperty("--active-line-offset", `${y}px`), r.value.style.setProperty("--active-line-transition-duration", `${v}ms`);
1444
- }
1445
- function be() {
1446
- var s, o;
1447
- (o = (s = E.value) == null ? void 0 : s.disconnect) == null || o.call(s), E.value = null;
1448
- }
1449
- function ve() {
1450
- E.value = new ResizeObserver((s) => {
1451
- for (let o of s)
1452
- P.value = o.contentBoxSize[0].inlineSize;
1453
- G();
1454
- }), E.value.observe(r.value);
1455
- }
1456
- function me() {
1457
- B.value = Array.from(r.value.children).filter((s) => s.role === "tab");
1458
- }
1459
- function ge() {
1460
- let s;
1461
- B.value.forEach((o, v) => {
1462
- s = o.getBoundingClientRect().width + Mt, h.value.push(v ? s + h.value[v - 1] : s);
1463
- });
1464
- }
1465
- return Te(() => a.activeTabId, se), W(() => {
1466
- var s, o;
1467
- try {
1468
- me(), ge(), ve(), (s = r.value) != null && s.id || r.value.setAttribute("id", R()), x.value = R(), P.value = r.value.getBoundingClientRect().width, G(), a.withBsTabs || (o = B.value[D.value]) == null || o.setAttribute("aria-selected", "true");
1469
- } catch (v) {
1470
- console.log("tab error", v);
1471
- }
1472
- }), te(be), (s, o) => (i(), u("bs-host", {
1473
- class: "bs-tab-list",
1474
- "data-component": "bs-tab-list",
1475
- ref_key: "hostEl",
1476
- ref: r,
1477
- role: "tablist",
1478
- "data-resizing": !t.value || void 0,
1479
- onClick: oe,
1480
- "on:tabClick": o[0] || (o[0] = (v) => N(v.detail)),
1481
- onKeydown: ue
1482
- }, [
1483
- $(s.$slots, "default"),
1484
- b("button", {
1485
- "aria-controls": x.value,
1486
- "aria-expanded": c.value,
1487
- class: "bs-tab-list-toggle",
1488
- "data-active": O.value || void 0,
1489
- "data-hidden": !m.value,
1490
- id: X.value,
1491
- ref_key: "dropdownToggle",
1492
- ref: L,
1493
- onClick: re
1494
- }, [
1495
- Vt,
1496
- Ie(" " + F(ae.value), 1)
1497
- ], 8, Dt),
1498
- c.value ? (i(), u("bs-dropdown-with-options", {
1499
- key: 0,
1500
- id: x.value,
1501
- class: "bs-tab-list-dropdown",
1502
- containerId: r.value.id,
1503
- helperText: e.helperText,
1504
- helperDescription: e.helperDescription || void 0,
1505
- optionsId: Y.value,
1506
- toggleId: X.value,
1507
- onClose: ie,
1508
- onOptselected: de
1509
- }, [
1510
- (i(!0), u(U, null, _(d.value, (v) => (i(), u("bs-dropdown-option", {
1511
- key: v.id,
1512
- value: v.id,
1513
- "options-id": Y.value
1514
- }, F(v.textContent), 9, qt))), 128))
1515
- ], 40, zt)) : j("", !0)
1516
- ], 40, Lt));
1517
- }
1518
- };
1519
- const Et = ["data-position"], Ot = { "data-slot": "" }, Ft = ["id"], Sa = {
1520
- __name: "BsTooltip",
1521
- props: {
1522
- tooltipId: {},
1523
- content: {},
1524
- position: {}
1525
- },
1526
- setup(e) {
1527
- const l = e, a = g(!1), t = g(!1), n = p(() => {
1528
- let r = "bs-tooltip-text";
1529
- return t.value && (l.position === void 0 || l.position === "top" || l.position === "bottom" ? r += " escaped-x" : l.position === "left" || l.position === "right" ? r += " escaped-y" : r += " escaped"), r;
1530
- });
1531
- W(() => {
1532
- window.addEventListener("keydown", m);
1533
- }), te(() => {
1534
- window.removeEventListener("keydown", m);
1535
- });
1536
- function d() {
1537
- a.value = !0;
1538
- }
1539
- function c() {
1540
- a.value = !1, t.value = !1;
1541
- }
1542
- function m(r) {
1543
- a.value && r.key === "Escape" && (a.value = !1, t.value = !0);
1544
- }
1545
- return (r, h) => (i(), u("bs-host", {
1546
- "data-component": "bs-tooltip",
1547
- onMouseenter: d,
1548
- onFocusin: d,
1549
- onMouseleave: c,
1550
- onFocusout: c
1551
- }, [
1552
- b("div", {
1553
- class: "bs-tooltip",
1554
- "data-position": e.position || void 0
1555
- }, [
1556
- b("div", Ot, [
1557
- $(r.$slots, "default")
1558
- ]),
1559
- b("div", {
1560
- class: ee(n.value),
1561
- id: e.tooltipId,
1562
- role: "tooltip"
1563
- }, F(e.content), 11, Ft)
1564
- ], 8, Et)
1565
- ], 32));
1566
- }
1567
- };
1568
- export {
1569
- wa as BsAccordion,
1570
- Nt as BsBadge,
1571
- Ca as BsBanner,
1572
- ka as BsButton,
1573
- Ht as BsCharacterCount,
1574
- jt as BsChartBar,
1575
- Ut as BsChartTable,
1576
- Yt as BsCheckbox,
1577
- Xt as BsCircleButton,
1578
- Zt as BsDropdown,
1579
- Jt as BsDropdownOption,
1580
- Kt as BsDropdownOptionList,
1581
- Qt as BsDropdownWithOptions,
1582
- _t as BsFieldDetails,
1583
- ea as BsFieldLayout,
1584
- ta as BsHint,
1585
- Aa as BsIconGradientWrapper,
1586
- aa as BsInput,
1587
- La as BsInputAddon,
1588
- na as BsInputField,
1589
- la as BsInputSearch,
1590
- Da as BsLabel,
1591
- sa as BsLoader,
1592
- ia as BsModal,
1593
- ra as BsOverlay,
1594
- da as BsPagination,
1595
- Va as BsPill,
1596
- oa as BsProfile,
1597
- ua as BsProfileDetails,
1598
- ca as BsProfileImg,
1599
- fa as BsProfileLayout,
1600
- ha as BsRadio,
1601
- za as BsSelect,
1602
- ba as BsSelectField,
1603
- va as BsSwitch,
1604
- qa as BsTab,
1605
- Pa as BsTabList,
1606
- ma as BsTabPanel,
1607
- ga as BsTextarea,
1608
- $a as BsTextareaField,
1609
- Ba as BsToast,
1610
- pa as BsToastActions,
1611
- ya as BsToastBody,
1612
- Ta as BsToastHeader,
1613
- Ia as BsToaster,
1614
- Sa as BsTooltip,
1615
- xa as BsTransition
1616
- };