bitboss-ui 2.1.17 → 2.1.19
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/dist/index.css +1 -1
- package/dist/index106.js +9 -9
- package/dist/index113.js +1 -1
- package/dist/index121.js +11 -11
- package/dist/index129.js +1 -1
- package/dist/index13.js +1 -1
- package/dist/index131.js +3 -3
- package/dist/index133.js +1 -1
- package/dist/index136.js +1 -1
- package/dist/index137.js +2 -2
- package/dist/index138.js +1 -1
- package/dist/index139.js +2 -2
- package/dist/index15.js +8 -8
- package/dist/index17.js +3 -3
- package/dist/index19.js +8 -8
- package/dist/index206.js +138 -2
- package/dist/index207.js +2 -138
- package/dist/index208.js +2 -2
- package/dist/index209.js +32 -84
- package/dist/index21.js +16 -16
- package/dist/index210.js +88 -0
- package/dist/index212.js +25 -13
- package/dist/index213.js +13 -48
- package/dist/index214.js +14 -12
- package/dist/index215.js +51 -3
- package/dist/index216.js +14 -11
- package/dist/index217.js +3 -16
- package/dist/index218.js +12 -4
- package/dist/index219.js +5 -13
- package/dist/index220.js +5 -11
- package/dist/index221.js +5 -20
- package/dist/index222.js +5 -197
- package/dist/index223.js +7 -0
- package/dist/index224.js +5 -72
- package/dist/index225.js +7 -0
- package/dist/index226.js +2 -13
- package/dist/index227.js +6 -112
- package/dist/{index245.js → index228.js} +6 -6
- package/dist/index229.js +52 -2
- package/dist/index23.js +15 -15
- package/dist/index230.js +44 -4
- package/dist/index231.js +5 -2
- package/dist/index232.js +59 -12
- package/dist/index233.js +13 -5
- package/dist/index234.js +2 -5
- package/dist/index235.js +2 -5
- package/dist/index236.js +2 -5
- package/dist/index237.js +7 -5
- package/dist/index238.js +7 -5
- package/dist/index239.js +2 -2
- package/dist/index240.js +18 -2
- package/dist/index241.js +12 -2
- package/dist/index242.js +6 -5
- package/dist/index243.js +4 -5
- package/dist/index244.js +104 -6
- package/dist/index246.js +95 -47
- package/dist/index248.js +71 -4
- package/dist/index25.js +3 -3
- package/dist/index250.js +13 -2
- package/dist/index251.js +114 -2
- package/dist/index253.js +229 -7
- package/dist/index254.js +1 -1
- package/dist/index255.js +12 -182
- package/dist/index256.js +11 -34
- package/dist/index257.js +2 -18
- package/dist/index258.js +2 -12
- package/dist/index259.js +4 -6
- package/dist/index260.js +19 -105
- package/dist/index261.js +199 -0
- package/dist/index263.js +7 -0
- package/dist/index264.js +180 -226
- package/dist/index272.js +9 -9
- package/dist/index273.js +8 -9
- package/dist/index274.js +9 -8
- package/dist/index276.js +5 -67
- package/dist/index277.js +5 -5
- package/dist/index278.js +7 -4
- package/dist/index279.js +67 -8
- package/dist/index280.js +2 -3
- package/dist/index281.js +3 -17
- package/dist/index282.js +14 -25
- package/dist/index283.js +28 -3
- package/dist/index284.js +4 -3
- package/dist/index285.js +282 -0
- package/dist/index286.js +2 -7
- package/dist/index287.js +16 -3
- package/dist/index288.js +2 -7
- package/dist/index289.js +15 -10
- package/dist/index29.js +4 -4
- package/dist/index290.js +2 -4
- package/dist/index291.js +18 -3
- package/dist/index292.js +2 -280
- package/dist/index293.js +15 -2
- package/dist/index294.js +2 -125
- package/dist/index295.js +19 -2
- package/dist/index296.js +2 -15
- package/dist/index297.js +27 -2
- package/dist/index298.js +2 -16
- package/dist/index299.js +2 -2
- package/dist/index300.js +2 -16
- package/dist/index301.js +2 -2
- package/dist/index302.js +2 -19
- package/dist/index303.js +22 -2
- package/dist/index305.js +7 -2
- package/dist/index306.js +7 -27
- package/dist/index307.js +11 -2
- package/dist/index308.js +6 -2
- package/dist/index309.js +3 -2
- package/dist/index31.js +2 -2
- package/dist/index310.js +3 -2
- package/dist/index311.js +3 -2
- package/dist/index313.js +5 -0
- package/dist/index314.js +2 -6
- package/dist/index315.js +4 -5
- package/dist/index316.js +5 -2
- package/dist/index317.js +1 -1
- package/dist/index318.js +125 -3
- package/dist/index319.js +2 -2
- package/dist/index320.js +2 -2
- package/dist/index324.js +1 -1
- package/dist/index325.js +6 -128
- package/dist/index326.js +16 -366
- package/dist/index327.js +6 -227
- package/dist/index328.js +32 -6
- package/dist/index329.js +27 -18
- package/dist/index33.js +8 -8
- package/dist/index331.js +57 -27
- package/dist/index332.js +60 -0
- package/dist/index333.js +128 -6
- package/dist/index334.js +368 -7
- package/dist/index335.js +46 -5
- package/dist/index336.js +228 -8
- package/dist/index337.js +7 -46
- package/dist/index338.js +5 -92
- package/dist/index339.js +7 -57
- package/dist/index340.js +92 -57
- package/dist/index342.js +5 -0
- package/dist/index343.js +129 -3
- package/dist/index35.js +4 -4
- package/dist/index37.js +20 -20
- package/dist/index39.js +100 -104
- package/dist/index41.js +2 -2
- package/dist/index43.js +8 -8
- package/dist/index45.js +8 -8
- package/dist/index47.js +2 -2
- package/dist/index49.js +3 -3
- package/dist/index53.js +1 -1
- package/dist/index55.js +1 -1
- package/dist/index57.js +2 -2
- package/dist/index61.js +1 -1
- package/dist/index67.js +1 -1
- package/dist/index79.js +2 -2
- package/dist/index81.js +1 -1
- package/dist/index85.js +1 -1
- package/dist/index90.js +3 -3
- package/dist/index92.js +2 -2
- package/dist/index94.js +3 -3
- package/dist/index96.js +1 -1
- package/package.json +2 -2
- package/dist/index211.js +0 -31
- package/dist/index247.js +0 -46
- package/dist/index249.js +0 -62
- package/dist/index252.js +0 -9
- package/dist/index262.js +0 -102
- package/dist/index304.js +0 -21
- package/dist/index312.js +0 -24
- package/dist/index330.js +0 -35
- package/dist/index341.js +0 -131
package/dist/index39.js
CHANGED
@@ -1,17 +1,16 @@
|
|
1
|
-
import { defineComponent as
|
2
|
-
import { head as
|
3
|
-
import { isCssColor as Y } from "./
|
4
|
-
import { isNil as S } from "./
|
5
|
-
import { getAsPercentageBetween as
|
6
|
-
import {
|
7
|
-
import {
|
8
|
-
import {
|
9
|
-
import {
|
10
|
-
|
11
|
-
const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
1
|
+
import { defineComponent as re, ref as d, computed as p, onMounted as te, watch as le, createElementBlock as y, openBlock as g, mergeProps as N, renderSlot as v, createElementVNode as m, createCommentVNode as H, Fragment as oe, renderList as ne, normalizeProps as se, guardReactiveProps as ie, unref as c, normalizeStyle as G, normalizeClass as O } from "vue";
|
2
|
+
import { head as ue } from "./index235.js";
|
3
|
+
import { isCssColor as Y } from "./index234.js";
|
4
|
+
import { isNil as S } from "./index236.js";
|
5
|
+
import { getAsPercentageBetween as x, getAsPercentage as de, getValueFromPercentageInInterval as T } from "./index136.js";
|
6
|
+
import { snapToStep as me } from "./index237.js";
|
7
|
+
import { last as ce } from "./index226.js";
|
8
|
+
import { transpose as j } from "./index238.js";
|
9
|
+
import { clamp as f } from "./index208.js";
|
10
|
+
const be = { class: "bb-base-slider__slider-container" }, ve = {
|
12
11
|
key: 0,
|
13
12
|
class: "bb-base-slider__ticks-container"
|
14
|
-
},
|
13
|
+
}, fe = ["id", "disabled", "name", "required", "value"], pe = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], he = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], $e = /* @__PURE__ */ re({
|
15
14
|
__name: "BaseSlider",
|
16
15
|
props: {
|
17
16
|
ariaDescribedby: {},
|
@@ -33,127 +32,127 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
33
32
|
thumbTranslate: { type: Boolean, default: !0 }
|
34
33
|
},
|
35
34
|
emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
|
36
|
-
setup(
|
37
|
-
const a =
|
35
|
+
setup(J, { emit: K }) {
|
36
|
+
const a = J, s = K;
|
38
37
|
if (a.min < Number.MIN_SAFE_INTEGER || a.max > Number.MAX_SAFE_INTEGER)
|
39
38
|
throw new Error("BaseSlider min or max is too large");
|
40
|
-
const C = d(), V = d(), b = d(), u = d(), n = d(0),
|
39
|
+
const C = d(), V = d(), b = d(), u = d(), n = d(0), t = d(0), _ = p(() => Array.isArray(a.modelValue) ? ue(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), A = p(() => Array.isArray(a.modelValue) ? ce(a.modelValue) ?? void 0 : S(a.modelValue) ? void 0 : Number(a.modelValue)), P = p(() => [n.value, t.value].sort(
|
41
40
|
(e, r) => e - r
|
42
41
|
)), $ = d(!1);
|
43
42
|
if (a.range && !Array.isArray(a.modelValue))
|
44
43
|
throw new TypeError(
|
45
44
|
"BaseSlider mode is set as range but modelValue is not an array"
|
46
45
|
);
|
47
|
-
|
46
|
+
te(() => {
|
48
47
|
var e;
|
49
48
|
a.autofocus && ((e = u.value) == null || e.focus());
|
50
49
|
});
|
51
|
-
let
|
50
|
+
let L = d(!1), l = d(null);
|
52
51
|
const F = (e) => {
|
53
52
|
if (u.value && u.value.contains(e.target))
|
54
53
|
return "higher";
|
55
54
|
if (b.value && b.value.contains(e.target))
|
56
55
|
return "lower";
|
57
56
|
throw new Error("Could not identify target thumb");
|
58
|
-
},
|
59
|
-
a.disabled || a.readonly || (
|
57
|
+
}, Q = (e) => {
|
58
|
+
a.disabled || a.readonly || (l.value || (l.value = F(e)), L.value = !0, document.addEventListener("pointermove", w), document.addEventListener("pointerup", B), s("pointerdown", e));
|
60
59
|
};
|
61
|
-
let I = p(() =>
|
62
|
-
const
|
60
|
+
let I = p(() => L.value ? {} : { onPointerdown: Q });
|
61
|
+
const w = (e) => {
|
63
62
|
if (!(a.disabled || a.readonly) && V.value) {
|
64
63
|
e instanceof PointerEvent ? s("pointermove", e) : s("click", e);
|
65
|
-
const r = V.value.getBoundingClientRect(),
|
66
|
-
let
|
67
|
-
|
64
|
+
const r = V.value.getBoundingClientRect(), o = e.clientX, i = r.left, h = r.width;
|
65
|
+
let Z = j(
|
66
|
+
o,
|
68
67
|
i,
|
69
68
|
i + h,
|
70
69
|
a.min,
|
71
70
|
a.max
|
72
71
|
);
|
73
|
-
const
|
74
|
-
|
72
|
+
const ee = me(
|
73
|
+
Z,
|
75
74
|
a.min,
|
76
75
|
a.max,
|
77
76
|
a.step
|
78
|
-
),
|
79
|
-
|
77
|
+
), ae = x(
|
78
|
+
ee,
|
80
79
|
a.min,
|
81
80
|
a.max
|
82
|
-
), M = f(
|
83
|
-
|
81
|
+
), M = f(ae, 0, 100);
|
82
|
+
l.value === "higher" ? t.value = M : l.value === "lower" && (n.value = M), s("update:modelValue", z());
|
84
83
|
}
|
85
|
-
},
|
84
|
+
}, z = () => {
|
86
85
|
if (a.range)
|
87
86
|
return [
|
88
|
-
|
87
|
+
T(
|
89
88
|
n.value,
|
90
89
|
a.min,
|
91
90
|
a.max
|
92
91
|
),
|
93
|
-
|
94
|
-
|
92
|
+
T(
|
93
|
+
t.value,
|
95
94
|
a.min,
|
96
95
|
a.max
|
97
96
|
)
|
98
97
|
].sort((e, r) => e - r).map((e) => Number(e.toFixed(a.maxPrecision)));
|
99
98
|
{
|
100
|
-
const e =
|
101
|
-
|
99
|
+
const e = T(
|
100
|
+
t.value,
|
102
101
|
a.min,
|
103
102
|
a.max
|
104
103
|
);
|
105
104
|
return Number(e.toFixed(a.maxPrecision));
|
106
105
|
}
|
107
106
|
};
|
108
|
-
|
107
|
+
le(
|
109
108
|
() => a.modelValue,
|
110
109
|
(e) => {
|
111
110
|
if (a.range) {
|
112
111
|
if (!Array.isArray(e))
|
113
112
|
throw new Error("BaseSlider modelValue must be an array");
|
114
113
|
if (e.length !== 2) {
|
115
|
-
n.value = 0,
|
114
|
+
n.value = 0, t.value = 100;
|
116
115
|
return;
|
117
116
|
}
|
118
|
-
const
|
119
|
-
(i) => f(
|
117
|
+
const o = [...e].sort((i, h) => i - h).map(
|
118
|
+
(i) => f(x(i, a.min, a.max), 0, 100)
|
120
119
|
);
|
121
|
-
n.value >
|
120
|
+
n.value > t.value ? (n.value = o[1], t.value = o[0]) : (n.value = o[0], t.value = o[1]);
|
122
121
|
} else {
|
123
122
|
let r = e ?? a.min;
|
124
|
-
const
|
125
|
-
|
123
|
+
const o = j(r, a.min, a.max, 0, 100), i = f(o, 0, 100);
|
124
|
+
t.value = i;
|
126
125
|
}
|
127
126
|
},
|
128
127
|
{ immediate: !0 }
|
129
128
|
);
|
130
|
-
const
|
131
|
-
|
132
|
-
},
|
133
|
-
s("keydown", e), !(a.disabled || a.readonly || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (e.key === "ArrowLeft" ?
|
134
|
-
|
129
|
+
const B = (e) => {
|
130
|
+
L.value = !1, l.value = null, document.removeEventListener("pointermove", w), document.removeEventListener("pointerup", B), s("pointerup", e);
|
131
|
+
}, k = de(a.step, a.max - a.min), R = (e) => {
|
132
|
+
s("keydown", e), !(a.disabled || a.readonly || e.key !== "ArrowLeft" && e.key !== "ArrowRight") && (e.key === "ArrowLeft" ? l.value === "higher" || document.activeElement === u.value || e.target === u.value ? t.value = f(
|
133
|
+
t.value - k,
|
135
134
|
0,
|
136
135
|
100
|
137
|
-
) : (
|
138
|
-
n.value -
|
136
|
+
) : (l.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
|
137
|
+
n.value - k,
|
139
138
|
0,
|
140
139
|
100
|
141
|
-
)) : e.key === "ArrowRight" && (
|
142
|
-
|
140
|
+
)) : e.key === "ArrowRight" && (l.value === "higher" || document.activeElement === u.value || e.target === u.value ? t.value = f(
|
141
|
+
t.value + k,
|
143
142
|
0,
|
144
143
|
100
|
145
|
-
) : (
|
146
|
-
n.value +
|
144
|
+
) : (l.value === "lower" || document.activeElement === b.value || e.target === b.value) && (n.value = f(
|
145
|
+
n.value + k,
|
147
146
|
0,
|
148
147
|
100
|
149
|
-
))), s("update:modelValue",
|
148
|
+
))), s("update:modelValue", z()));
|
150
149
|
}, X = (e) => {
|
151
150
|
s("focus", e);
|
152
151
|
const r = F(e);
|
153
|
-
r && (
|
154
|
-
},
|
152
|
+
r && (l.value = r), $.value || ($.value = !0, s("active"), document.addEventListener("focusin", E), document.addEventListener("click", E));
|
153
|
+
}, E = (e) => {
|
155
154
|
var r;
|
156
|
-
e.target instanceof HTMLElement && ((r = C.value) != null && r.contains(e.target) || ($.value = !1,
|
155
|
+
e.target instanceof HTMLElement && ((r = C.value) != null && r.contains(e.target) || ($.value = !1, l.value = null, s("inactive"), document.removeEventListener("focusin", E), document.removeEventListener("click", E)));
|
157
156
|
}, q = {
|
158
157
|
class: {
|
159
158
|
"bb-base-slider": !0,
|
@@ -162,54 +161,51 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
162
161
|
"bb-base-slider--readonly": a.readonly,
|
163
162
|
[`bb-base-slider--${a.color}`]: a.color && !Y(a.color)
|
164
163
|
},
|
165
|
-
|
166
|
-
var
|
167
|
-
|
168
|
-
(t = u.value) == null || t.focus(), B(e);
|
169
|
-
const r = N();
|
170
|
-
j(r), j(a.modelValue);
|
164
|
+
onPointerdown: (e) => {
|
165
|
+
var r;
|
166
|
+
a.range || ((r = u.value) == null || r.focus(), w(e), document.addEventListener("pointermove", w), document.addEventListener("pointerup", B));
|
171
167
|
},
|
172
168
|
style: {}
|
173
169
|
};
|
174
170
|
a.color && Y(a.color) && (q.style["--color"] = a.color);
|
175
|
-
const
|
171
|
+
const U = p(() => {
|
176
172
|
const e = "bb-base-slider__track-background", r = {
|
177
|
-
width: `${
|
178
|
-
left: `${
|
173
|
+
width: `${P.value[1] - P.value[0]}%`,
|
174
|
+
left: `${P.value[0]}%`
|
179
175
|
};
|
180
176
|
return {
|
181
177
|
class: e,
|
182
178
|
style: r
|
183
179
|
};
|
184
|
-
}),
|
180
|
+
}), W = (e) => S(a.modelValue) ? !1 : Array.isArray(a.modelValue) ? a.modelValue.length === 0 ? !1 : a.modelValue[0] <= e && a.modelValue[1] >= e : e <= Number(a.modelValue), D = p(() => {
|
185
181
|
if (!a.ticks) return [];
|
186
182
|
let e = [], r = a.min;
|
187
183
|
for (; r <= a.max; ) {
|
188
|
-
let
|
189
|
-
const i =
|
184
|
+
let o = r;
|
185
|
+
const i = x(o, a.min, a.max), h = W(o);
|
190
186
|
e.push({
|
191
|
-
value:
|
187
|
+
value: o,
|
192
188
|
percent: i,
|
193
189
|
active: h
|
194
190
|
}), r += a.step;
|
195
191
|
}
|
196
192
|
return e;
|
197
193
|
});
|
198
|
-
return (e, r) => (g(), y("span",
|
194
|
+
return (e, r) => (g(), y("span", N(q, {
|
199
195
|
ref_key: "container",
|
200
196
|
ref: C
|
201
197
|
}), [
|
202
198
|
v(e.$slots, "prepend"),
|
203
|
-
m("span",
|
204
|
-
D.value.length ? (g(), y("span",
|
205
|
-
(g(!0), y(
|
206
|
-
key:
|
199
|
+
m("span", be, [
|
200
|
+
D.value.length ? (g(), y("span", ve, [
|
201
|
+
(g(!0), y(oe, null, ne(D.value, (o) => (g(), y("span", {
|
202
|
+
key: o.value,
|
207
203
|
class: "bb-base-slider__tick"
|
208
204
|
}, [
|
209
205
|
v(e.$slots, "tick", {
|
210
|
-
active:
|
211
|
-
percent:
|
212
|
-
value:
|
206
|
+
active: o.active,
|
207
|
+
percent: o.percent,
|
208
|
+
value: o.value
|
213
209
|
})
|
214
210
|
]))), 128))
|
215
211
|
])) : H("", !0),
|
@@ -218,21 +214,21 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
218
214
|
class: "sr-only",
|
219
215
|
disabled: e.disabled,
|
220
216
|
name: e.name,
|
221
|
-
readonly:
|
217
|
+
readonly: !0,
|
222
218
|
required: e.required,
|
223
219
|
tabindex: -1,
|
224
220
|
type: "text",
|
225
221
|
value: JSON.stringify(e.modelValue)
|
226
|
-
}, null, 8,
|
222
|
+
}, null, 8, fe),
|
227
223
|
m("span", {
|
228
224
|
ref_key: "track",
|
229
225
|
ref: V,
|
230
226
|
class: "bb-base-slider__track-container"
|
231
227
|
}, [
|
232
228
|
r[0] || (r[0] = m("span", { class: "bb-base-slider__track-fill" }, null, -1)),
|
233
|
-
m("span", ie(
|
229
|
+
m("span", se(ie(U.value)), null, 16)
|
234
230
|
], 512),
|
235
|
-
a.range ? (g(), y("span",
|
231
|
+
a.range ? (g(), y("span", N({ key: 1 }, c(I), {
|
236
232
|
key: "thumblower",
|
237
233
|
ref_key: "thumblower",
|
238
234
|
ref: b,
|
@@ -241,7 +237,7 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
241
237
|
"aria-readonly": !e.readonly,
|
242
238
|
"aria-valuemax": e.max,
|
243
239
|
"aria-valuemin": e.min,
|
244
|
-
"aria-valuenow":
|
240
|
+
"aria-valuenow": _.value,
|
245
241
|
class: "bb-base-slider__thumb-container",
|
246
242
|
"data-thumb": "lower",
|
247
243
|
role: "slider",
|
@@ -254,7 +250,7 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
254
250
|
class: O({
|
255
251
|
"bb-base-slider__thumb": !0,
|
256
252
|
"bb-base-slider__thumb--lower": !0,
|
257
|
-
"bb-base-slider__thumb--focused": c(
|
253
|
+
"bb-base-slider__thumb--focused": c(l) === "lower"
|
258
254
|
}),
|
259
255
|
style: G({
|
260
256
|
transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${n.value}%)` : "translateX(-50%)"}`,
|
@@ -262,19 +258,19 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
262
258
|
})
|
263
259
|
}, [
|
264
260
|
v(e.$slots, "thumb:lower", {
|
265
|
-
focused: c(
|
261
|
+
focused: c(l) === "lower",
|
266
262
|
percent: n.value,
|
267
|
-
value:
|
263
|
+
value: _.value
|
268
264
|
}, () => [
|
269
265
|
v(e.$slots, "thumb", {
|
270
|
-
focused: c(
|
266
|
+
focused: c(l) === "lower",
|
271
267
|
percent: n.value,
|
272
|
-
value:
|
268
|
+
value: _.value
|
273
269
|
})
|
274
270
|
])
|
275
271
|
], 6)
|
276
|
-
], 16,
|
277
|
-
m("span",
|
272
|
+
], 16, pe)) : H("", !0),
|
273
|
+
m("span", N(c(I), {
|
278
274
|
key: "thumbhigher",
|
279
275
|
ref_key: "thumbhigher",
|
280
276
|
ref: u,
|
@@ -283,11 +279,11 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
283
279
|
"aria-readonly": !e.readonly,
|
284
280
|
"aria-valuemax": e.max,
|
285
281
|
"aria-valuemin": e.min,
|
286
|
-
"aria-valuenow":
|
282
|
+
"aria-valuenow": A.value,
|
287
283
|
class: "bb-base-slider__thumb-container",
|
288
284
|
"data-thumb": "higher",
|
289
285
|
role: "slider",
|
290
|
-
style: { left: `${
|
286
|
+
style: { left: `${t.value}%` },
|
291
287
|
tabindex: e.disabled ? -1 : 0,
|
292
288
|
onFocus: X,
|
293
289
|
onKeydown: R
|
@@ -296,31 +292,31 @@ const ve = { class: "bb-base-slider__slider-container" }, fe = {
|
|
296
292
|
class: O({
|
297
293
|
"bb-base-slider__thumb": !0,
|
298
294
|
"bb-base-slider__thumb--higher": !0,
|
299
|
-
"bb-base-slider__thumb--focused": c(
|
295
|
+
"bb-base-slider__thumb--focused": c(l) === "higher"
|
300
296
|
}),
|
301
297
|
style: G({
|
302
|
-
transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${
|
303
|
-
left: `${
|
298
|
+
transform: `translateY(-50%) ${e.thumbTranslate ? `translateX(-${t.value}%)` : "translateX(-50%)"}`,
|
299
|
+
left: `${t.value}%`
|
304
300
|
})
|
305
301
|
}, [
|
306
302
|
v(e.$slots, "thumb:higher", {
|
307
|
-
focused: c(
|
308
|
-
percent:
|
309
|
-
value:
|
303
|
+
focused: c(l) === "higher",
|
304
|
+
percent: t.value,
|
305
|
+
value: A.value
|
310
306
|
}, () => [
|
311
307
|
v(e.$slots, "thumb", {
|
312
|
-
focused: c(
|
313
|
-
percent:
|
314
|
-
value:
|
308
|
+
focused: c(l) === "higher",
|
309
|
+
percent: t.value,
|
310
|
+
value: A.value
|
315
311
|
})
|
316
312
|
])
|
317
313
|
], 6)
|
318
|
-
], 16,
|
314
|
+
], 16, he)
|
319
315
|
]),
|
320
316
|
v(e.$slots, "append")
|
321
317
|
], 16));
|
322
318
|
}
|
323
319
|
});
|
324
320
|
export {
|
325
|
-
|
321
|
+
$e as default
|
326
322
|
};
|
package/dist/index41.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { defineComponent as I, ref as f, computed as n, watch as S, createElementBlock as h, openBlock as y, normalizeProps as r, guardReactiveProps as d, createCommentVNode as A, createElementVNode as l, mergeProps as V, renderSlot as F } from "vue";
|
2
|
-
import { isCssColor as b } from "./
|
3
|
-
import { when as N } from "./
|
2
|
+
import { isCssColor as b } from "./index234.js";
|
3
|
+
import { when as N } from "./index243.js";
|
4
4
|
const x = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ I({
|
5
5
|
__name: "BaseSwitch",
|
6
6
|
props: {
|
package/dist/index43.js
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
|
2
2
|
import K from "./index41.js";
|
3
3
|
/* empty css */
|
4
|
-
import N from "./
|
4
|
+
import N from "./index210.js";
|
5
5
|
/* empty css */
|
6
|
-
import { useItemsGetter as U } from "./
|
7
|
-
import { useIndexById as T } from "./
|
8
|
-
import { useBaseOptions as q } from "./
|
9
|
-
import { useCoherence as J } from "./
|
10
|
-
import { hash as Q } from "./
|
11
|
-
import { useHashedWatcher as $ } from "./
|
12
|
-
import { usePrefill as X } from "./
|
6
|
+
import { useItemsGetter as U } from "./index212.js";
|
7
|
+
import { useIndexById as T } from "./index214.js";
|
8
|
+
import { useBaseOptions as q } from "./index215.js";
|
9
|
+
import { useCoherence as J } from "./index216.js";
|
10
|
+
import { hash as Q } from "./index217.js";
|
11
|
+
import { useHashedWatcher as $ } from "./index218.js";
|
12
|
+
import { usePrefill as X } from "./index213.js";
|
13
13
|
const ue = /* @__PURE__ */ j({
|
14
14
|
__name: "BaseSwitchGroup",
|
15
15
|
props: {
|
package/dist/index45.js
CHANGED
@@ -3,17 +3,17 @@ import { defineComponent as Q, ref as u, computed as f, toRef as E, watch as Z,
|
|
3
3
|
/* empty css */
|
4
4
|
import ae from "./index111.js";
|
5
5
|
/* empty css */
|
6
|
-
import { last as le } from "./
|
7
|
-
import { useBaseOptions as ne } from "./
|
8
|
-
import { useIndexById as re } from "./
|
9
|
-
import ie from "./
|
6
|
+
import { last as le } from "./index226.js";
|
7
|
+
import { useBaseOptions as ne } from "./index215.js";
|
8
|
+
import { useIndexById as re } from "./index214.js";
|
9
|
+
import ie from "./index244.js";
|
10
10
|
/* empty css */
|
11
|
-
import ue from "./
|
11
|
+
import ue from "./index246.js";
|
12
12
|
/* empty css */
|
13
|
-
import se from "./
|
13
|
+
import se from "./index248.js";
|
14
14
|
/* empty css */
|
15
|
-
import de from "./
|
16
|
-
import { isEmpty as pe } from "./
|
15
|
+
import de from "./index250.js";
|
16
|
+
import { isEmpty as pe } from "./index239.js";
|
17
17
|
const ce = { class: "bb-base-tag__input-container" }, me = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "placeholder", "readonly", "required", "onKeydown"], De = /* @__PURE__ */ Q({
|
18
18
|
__name: "BaseTag",
|
19
19
|
props: {
|
package/dist/index47.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { defineComponent as h, ref as y, computed as u, onMounted as g, watch as B, nextTick as V, createBlock as $, openBlock as k, normalizeClass as C, withCtx as r, createVNode as i, unref as T, createElementVNode as v, mergeProps as x, renderSlot as t } from "vue";
|
2
|
-
import E from "./
|
3
|
-
import G from "./
|
2
|
+
import E from "./index250.js";
|
3
|
+
import G from "./index248.js";
|
4
4
|
/* empty css */
|
5
5
|
import M from "./index111.js";
|
6
6
|
/* empty css */
|
package/dist/index49.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import { defineComponent as V, ref as h, computed as v, onMounted as B, onBeforeUnmount as M, watch as g, createElementBlock as i, openBlock as r, Fragment as w, createVNode as m, createElementVNode as $, normalizeClass as C, withCtx as n, unref as q, mergeProps as b, renderSlot as d } from "vue";
|
2
|
-
import E from "./
|
2
|
+
import E from "./index248.js";
|
3
3
|
/* empty css */
|
4
|
-
import I from "./
|
4
|
+
import I from "./index250.js";
|
5
5
|
import { isNotNil as N } from "./index140.js";
|
6
|
-
import { MaskInput as z } from "./
|
6
|
+
import { MaskInput as z } from "./index264.js";
|
7
7
|
const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type"], F = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "type", "value"], U = /* @__PURE__ */ V({
|
8
8
|
__name: "BaseTextInput",
|
9
9
|
props: {
|
package/dist/index53.js
CHANGED
package/dist/index55.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { defineComponent as b, computed as z, ref as o, onMounted as g, createElementBlock as l, openBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
|
2
|
-
import { isCssColor as y } from "./
|
2
|
+
import { isCssColor as y } from "./index234.js";
|
3
3
|
import { wait as C } from "./index135.js";
|
4
4
|
const w = ["alt", "sizes", "src", "srcset"], B = {
|
5
5
|
key: 1,
|
package/dist/index57.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { defineComponent as p, useSlots as d, computed as s, createElementBlock as m, openBlock as u, normalizeClass as g, createElementVNode as n, renderSlot as r, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
|
2
|
-
import { isCssColor as l } from "./
|
3
|
-
import { isNil as B } from "./
|
2
|
+
import { isCssColor as l } from "./index234.js";
|
3
|
+
import { isNil as B } from "./index236.js";
|
4
4
|
const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, N = /* @__PURE__ */ p({
|
5
5
|
__name: "BbBadge",
|
6
6
|
props: {
|
package/dist/index61.js
CHANGED
@@ -9,7 +9,7 @@ import T from "./index113.js";
|
|
9
9
|
/* empty css */
|
10
10
|
import { pickBy as W } from "./index265.js";
|
11
11
|
import { noop as w } from "./index266.js";
|
12
|
-
import { useLocale as D } from "./
|
12
|
+
import { useLocale as D } from "./index233.js";
|
13
13
|
const E = {
|
14
14
|
key: 2,
|
15
15
|
class: "bb-button__loading-label sr-only"
|
package/dist/index67.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
|
2
|
-
import { useLocale as f } from "./
|
2
|
+
import { useLocale as f } from "./index233.js";
|
3
3
|
const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
|
4
4
|
__name: "BbChip",
|
5
5
|
props: {
|
package/dist/index79.js
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
import { defineComponent as N, computed as R, ref as E, watch as W, createBlock as h, openBlock as k, unref as f, normalizeClass as G, withCtx as D, createElementVNode as I, normalizeStyle as J, renderSlot as m, createElementBlock as q, Fragment as F, renderList as Q, createVNode as X, mergeProps as Y, createCommentVNode as A, toDisplayString as Z, normalizeProps as x, guardReactiveProps as ee } from "vue";
|
2
2
|
import { findRightIndex as T } from "./index270.js";
|
3
3
|
import { useId as te } from "./index8.js";
|
4
|
-
import { useUntil as ne } from "./
|
4
|
+
import { useUntil as ne } from "./index256.js";
|
5
5
|
import { wait as oe } from "./index135.js";
|
6
6
|
import ae from "./index13.js";
|
7
7
|
/* empty css */
|
8
8
|
import B from "./index85.js";
|
9
9
|
/* empty css */
|
10
|
-
import le from "./
|
10
|
+
import le from "./index251.js";
|
11
11
|
/* empty css */
|
12
12
|
import K from "./index271.js";
|
13
13
|
const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" }, Ee = /* @__PURE__ */ N({
|
package/dist/index81.js
CHANGED
@@ -9,7 +9,7 @@ import z from "./index85.js";
|
|
9
9
|
/* empty css */
|
10
10
|
import I from "./index113.js";
|
11
11
|
/* empty css */
|
12
|
-
import { useLocale as M } from "./
|
12
|
+
import { useLocale as M } from "./index233.js";
|
13
13
|
const O = { class: "bb-dropdown-button__content" }, R = {
|
14
14
|
key: 1,
|
15
15
|
class: "bb-dropdown-button__loading-label sr-only"
|
package/dist/index85.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, createElementBlock as h, openBlock as $, mergeProps as g } from "vue";
|
2
|
-
import { isCssColor as I } from "./
|
2
|
+
import { isCssColor as I } from "./index234.js";
|
3
3
|
const B = ["innerHTML"], k = /* @__PURE__ */ v({
|
4
4
|
__name: "BbIcon",
|
5
5
|
props: {
|
package/dist/index90.js
CHANGED
@@ -1,9 +1,9 @@
|
|
1
1
|
import { defineComponent as O, mergeModels as E, useModel as P, computed as p, ref as T, watch as q, onMounted as A, createElementBlock as d, openBlock as c, withModifiers as H, normalizeStyle as K, normalizeClass as R, unref as v, createCommentVNode as y, Fragment as U, createElementVNode as l, renderSlot as s, createTextVNode as j, toDisplayString as z, nextTick as G } from "vue";
|
2
|
-
import { parseSize as J } from "./
|
2
|
+
import { parseSize as J } from "./index255.js";
|
3
3
|
import { useId as D } from "./index8.js";
|
4
|
-
import { useLocale as Q } from "./
|
4
|
+
import { useLocale as Q } from "./index233.js";
|
5
5
|
import { useMobile as X } from "./index9.js";
|
6
|
-
import { useUntil as Y } from "./
|
6
|
+
import { useUntil as Y } from "./index256.js";
|
7
7
|
import { wait as h } from "./index135.js";
|
8
8
|
const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
|
9
9
|
ref: "header",
|
package/dist/index92.js
CHANGED
@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
|
|
3
3
|
/* empty css */
|
4
4
|
import P from "./index13.js";
|
5
5
|
/* empty css */
|
6
|
-
import { debounce as X } from "./
|
7
|
-
import { useLocale as H } from "./
|
6
|
+
import { debounce as X } from "./index274.js";
|
7
|
+
import { useLocale as H } from "./index233.js";
|
8
8
|
import { useRoute as J } from "./index142.js";
|
9
9
|
const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
|
10
10
|
__name: "BbPagination",
|
package/dist/index94.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as l, normalizeClass as D, withCtx as v, createElementVNode as d, createCommentVNode as M, renderSlot as C, toDisplayString as z, normalizeProps as I, guardReactiveProps as O, nextTick as S } from "vue";
|
2
2
|
import { useId as H } from "./index8.js";
|
3
3
|
import { useIntersectionObserver as N } from "./index137.js";
|
4
|
-
import { useLocale as U } from "./
|
5
|
-
import { useUntil as W } from "./
|
4
|
+
import { useLocale as U } from "./index233.js";
|
5
|
+
import { useUntil as W } from "./index256.js";
|
6
6
|
import q from "./index13.js";
|
7
7
|
/* empty css */
|
8
|
-
import A from "./
|
8
|
+
import A from "./index251.js";
|
9
9
|
/* empty css */
|
10
10
|
const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
|
11
11
|
__name: "BbPopover",
|
package/dist/index96.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
|
2
|
-
import { clamp as p } from "./
|
2
|
+
import { clamp as p } from "./index208.js";
|
3
3
|
import { getAsPercentageBetween as i } from "./index136.js";
|
4
4
|
const _ = /* @__PURE__ */ r({
|
5
5
|
__name: "BbProgress",
|