@budibase/bbui 3.43.0 → 3.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bbui.mjs +47 -40
- package/package.json +2 -2
- package/src/Button/Button.svelte +7 -1
- package/src/Form/Select.svelte +1 -0
package/dist/bbui.mjs
CHANGED
|
@@ -6900,6 +6900,9 @@ function Select_1(l, u) {
|
|
|
6900
6900
|
change: ie,
|
|
6901
6901
|
click(l) {
|
|
6902
6902
|
bubble_event.call(this, u, l);
|
|
6903
|
+
},
|
|
6904
|
+
loadMore(l) {
|
|
6905
|
+
bubble_event.call(this, u, l);
|
|
6903
6906
|
}
|
|
6904
6907
|
}
|
|
6905
6908
|
});
|
|
@@ -11399,63 +11402,67 @@ var root_2$10 = /* @__PURE__ */ from_html("<span class=\"spectrum-Button-label s
|
|
|
11399
11402
|
function Button(l, u) {
|
|
11400
11403
|
let f = sanitize_slots(u);
|
|
11401
11404
|
push$1(u, !1);
|
|
11402
|
-
let p = /* @__PURE__ */ mutable_source(), m = prop(u, "type", 24, () => void 0), v = prop(u, "disabled", 8, !1), y = prop(u, "size", 8, "M"), b = prop(u, "cta", 8, !1), x = prop(u, "primary", 8, !1), S = prop(u, "secondary", 8, !1), w = prop(u, "warning", 8, !1), T = prop(u, "overBackground", 8, !1), E = prop(u, "quiet", 8, !1), D = prop(u, "icon", 24, () => void 0), O = prop(u, "iconColor", 24, () => void 0), k = prop(u, "iconWeight", 8, "regular"), j = prop(u, "active", 8, !1),
|
|
11403
|
-
legacy_pre_effect(() => deep_read_state(
|
|
11404
|
-
set(p,
|
|
11405
|
+
let p = /* @__PURE__ */ mutable_source(), m = prop(u, "type", 24, () => void 0), v = prop(u, "disabled", 8, !1), y = prop(u, "size", 8, "M"), b = prop(u, "cta", 8, !1), x = prop(u, "primary", 8, !1), S = prop(u, "secondary", 8, !1), w = prop(u, "warning", 8, !1), T = prop(u, "overBackground", 8, !1), E = prop(u, "quiet", 8, !1), D = prop(u, "icon", 24, () => void 0), O = prop(u, "iconColor", 24, () => void 0), k = prop(u, "iconWeight", 8, "regular"), j = prop(u, "iconSize", 24, () => void 0), M = prop(u, "active", 8, !1), N = prop(u, "tooltip", 8, ""), P = prop(u, "tooltipPosition", 24, () => TooltipPosition.Top), F = prop(u, "calculateTooltipWidth", 24, () => void 0), L = prop(u, "newStyles", 8, !0), R = prop(u, "id", 24, () => void 0), z = prop(u, "ref", 28, () => void 0), B = prop(u, "reverse", 8, !1), V = createEventDispatcher();
|
|
11406
|
+
legacy_pre_effect(() => deep_read_state(N()), () => {
|
|
11407
|
+
set(p, N() ?? "");
|
|
11405
11408
|
}), legacy_pre_effect_reset(), init$1();
|
|
11406
11409
|
{
|
|
11407
|
-
let
|
|
11410
|
+
let N = /* @__PURE__ */ derived_safe_equal(() => v() && !!get$2(p));
|
|
11408
11411
|
AbsTooltip(l, {
|
|
11409
11412
|
get text() {
|
|
11410
11413
|
return get$2(p);
|
|
11411
11414
|
},
|
|
11412
11415
|
get position() {
|
|
11413
|
-
return
|
|
11416
|
+
return P();
|
|
11414
11417
|
},
|
|
11415
11418
|
get disabledTarget() {
|
|
11416
|
-
return get$2(
|
|
11419
|
+
return get$2(N);
|
|
11417
11420
|
},
|
|
11418
11421
|
get calculateWidth() {
|
|
11419
|
-
return
|
|
11422
|
+
return F();
|
|
11420
11423
|
},
|
|
11421
11424
|
children: (l, p) => {
|
|
11422
|
-
var
|
|
11423
|
-
let
|
|
11424
|
-
var
|
|
11425
|
+
var N = root_1$16();
|
|
11426
|
+
let P;
|
|
11427
|
+
var F = child(N), H = (l) => {
|
|
11425
11428
|
var f = root_2$10();
|
|
11426
11429
|
slot(child(f), u, "default", {}, null), reset(f), append$1(l, f);
|
|
11427
11430
|
};
|
|
11428
|
-
if_block(
|
|
11429
|
-
f &&
|
|
11431
|
+
if_block(F, (l) => {
|
|
11432
|
+
f && B() && l(H);
|
|
11430
11433
|
});
|
|
11431
|
-
var
|
|
11432
|
-
var u = root_3$10();
|
|
11433
|
-
|
|
11434
|
-
|
|
11435
|
-
|
|
11436
|
-
|
|
11437
|
-
|
|
11438
|
-
|
|
11439
|
-
|
|
11440
|
-
|
|
11441
|
-
|
|
11442
|
-
|
|
11443
|
-
|
|
11444
|
-
|
|
11445
|
-
|
|
11446
|
-
|
|
11434
|
+
var U = sibling(F, 2), W = (l) => {
|
|
11435
|
+
var u = root_3$10(), f = child(u);
|
|
11436
|
+
{
|
|
11437
|
+
let l = /* @__PURE__ */ derived_safe_equal(() => j() ?? y());
|
|
11438
|
+
Icon(f, {
|
|
11439
|
+
get name() {
|
|
11440
|
+
return D();
|
|
11441
|
+
},
|
|
11442
|
+
get size() {
|
|
11443
|
+
return get$2(l);
|
|
11444
|
+
},
|
|
11445
|
+
get color() {
|
|
11446
|
+
return O();
|
|
11447
|
+
},
|
|
11448
|
+
get weight() {
|
|
11449
|
+
return k();
|
|
11450
|
+
}
|
|
11451
|
+
});
|
|
11452
|
+
}
|
|
11453
|
+
reset(u), append$1(l, u);
|
|
11447
11454
|
};
|
|
11448
|
-
if_block(
|
|
11449
|
-
D() && l(
|
|
11455
|
+
if_block(U, (l) => {
|
|
11456
|
+
D() && l(W);
|
|
11450
11457
|
});
|
|
11451
|
-
var
|
|
11458
|
+
var K = sibling(U, 2), q = (l) => {
|
|
11452
11459
|
var f = root_4$7();
|
|
11453
11460
|
slot(child(f), u, "default", {}, null), reset(f), append$1(l, f);
|
|
11454
11461
|
};
|
|
11455
|
-
if_block(
|
|
11456
|
-
f && !
|
|
11457
|
-
}), reset(
|
|
11458
|
-
set_attribute(
|
|
11462
|
+
if_block(K, (l) => {
|
|
11463
|
+
f && !B() && l(q);
|
|
11464
|
+
}), reset(N), bind_this(N, (l) => z(l), () => z()), template_effect((l) => {
|
|
11465
|
+
set_attribute(N, "id", R()), set_attribute(N, "type", m()), N.disabled = v(), P = set_class(N, 1, `spectrum-Button spectrum-Button--size${y() ?? ""}`, "svelte-k8fa9w", P, l);
|
|
11459
11466
|
}, [() => ({
|
|
11460
11467
|
"spectrum-Button--cta": b(),
|
|
11461
11468
|
"spectrum-Button--primary": x(),
|
|
@@ -11463,12 +11470,12 @@ function Button(l, u) {
|
|
|
11463
11470
|
"spectrum-Button--warning": w(),
|
|
11464
11471
|
"spectrum-Button--overBackground": T(),
|
|
11465
11472
|
"spectrum-Button--quiet": E(),
|
|
11466
|
-
"new-styles":
|
|
11467
|
-
active:
|
|
11473
|
+
"new-styles": L(),
|
|
11474
|
+
active: M(),
|
|
11468
11475
|
"is-disabled": v()
|
|
11469
|
-
})]), event("click",
|
|
11470
|
-
v() ||
|
|
11471
|
-
})), append$1(l,
|
|
11476
|
+
})]), event("click", N, preventDefault(() => {
|
|
11477
|
+
v() || V("click");
|
|
11478
|
+
})), append$1(l, N);
|
|
11472
11479
|
},
|
|
11473
11480
|
$$slots: { default: !0 }
|
|
11474
11481
|
});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@budibase/bbui",
|
|
3
3
|
"description": "A UI solution used in the different Budibase projects.",
|
|
4
|
-
"version": "v3.
|
|
4
|
+
"version": "v3.44.0",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
6
|
"module": "dist/bbui.mjs",
|
|
7
7
|
"exports": {
|
|
@@ -108,5 +108,5 @@
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
},
|
|
111
|
-
"gitHead": "
|
|
111
|
+
"gitHead": "3b4b472084bfed7fdf0b083c5a7390ce0a3eebda"
|
|
112
112
|
}
|
package/src/Button/Button.svelte
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
export let icon: string | undefined = undefined
|
|
21
21
|
export let iconColor: string | undefined = undefined
|
|
22
22
|
export let iconWeight: IconWeight = "regular"
|
|
23
|
+
export let iconSize: IconSize | undefined = undefined
|
|
23
24
|
export let active = false
|
|
24
25
|
export let tooltip: string | null = ""
|
|
25
26
|
export let tooltipPosition: TooltipPosition = TooltipPosition.Top
|
|
@@ -67,7 +68,12 @@
|
|
|
67
68
|
{/if}
|
|
68
69
|
{#if icon}
|
|
69
70
|
<span class="icon">
|
|
70
|
-
<Icon
|
|
71
|
+
<Icon
|
|
72
|
+
name={icon}
|
|
73
|
+
size={iconSize ?? size}
|
|
74
|
+
color={iconColor}
|
|
75
|
+
weight={iconWeight}
|
|
76
|
+
/>
|
|
71
77
|
</span>
|
|
72
78
|
{/if}
|
|
73
79
|
{#if $$slots && !reverse}
|