@budibase/bbui 3.39.30 → 3.39.31
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 +165 -142
- package/package.json +2 -2
- package/src/Form/Core/File.svelte +18 -5
- package/src/Form/File.svelte +4 -1
package/dist/bbui.mjs
CHANGED
|
@@ -2990,7 +2990,7 @@ function slide(l, { delay: u = 0, duration: f = 400, easing: p = cubic_out, axis
|
|
|
2990
2990
|
}
|
|
2991
2991
|
//#endregion
|
|
2992
2992
|
//#region src/Tooltip/AbsTooltip.svelte
|
|
2993
|
-
var root_2$
|
|
2993
|
+
var root_2$31 = /* @__PURE__ */ from_html("<span><span class=\"spectrum-Tooltip-label svelte-mr5ag\"> </span> <span class=\"spectrum-Tooltip-tip svelte-mr5ag\"></span></span>"), root$89 = /* @__PURE__ */ from_html("<div class=\"abs-tooltip svelte-mr5ag\"><!></div> <!>", 1);
|
|
2994
2994
|
function AbsTooltip(l, u) {
|
|
2995
2995
|
push$1(u, !1);
|
|
2996
2996
|
let f = /* @__PURE__ */ mutable_source(), p = /* @__PURE__ */ mutable_source(), m = prop(u, "position", 24, () => TooltipPosition.Top), v = prop(u, "type", 24, () => TooltipType.Default), y = prop(u, "text", 8, ""), b = prop(u, "fixed", 8, !1), x = prop(u, "color", 24, () => void 0), S = prop(u, "noWrap", 8, !1), w = prop(u, "offset", 8, 0), T = /* @__PURE__ */ mutable_source(), E = /* @__PURE__ */ mutable_source(!1), D = /* @__PURE__ */ mutable_source(), O = /* @__PURE__ */ mutable_source(), k = /* @__PURE__ */ mutable_source(!1), j = /* @__PURE__ */ mutable_source(), M, N = () => {
|
|
@@ -3019,7 +3019,7 @@ function AbsTooltip(l, u) {
|
|
|
3019
3019
|
main_es_default(l, {
|
|
3020
3020
|
target: ".spectrum",
|
|
3021
3021
|
children: (l, u) => {
|
|
3022
|
-
var b = root_2$
|
|
3022
|
+
var b = root_2$31();
|
|
3023
3023
|
let x;
|
|
3024
3024
|
var w = child(b), T = child(w, !0);
|
|
3025
3025
|
reset(w);
|
|
@@ -5105,7 +5105,7 @@ function Icon(l, u) {
|
|
|
5105
5105
|
}
|
|
5106
5106
|
//#endregion
|
|
5107
5107
|
//#region src/Tooltip/TooltipWrapper.svelte
|
|
5108
|
-
var root_2$
|
|
5108
|
+
var root_2$30 = /* @__PURE__ */ from_html("<div><!></div>"), root_1$46 = /* @__PURE__ */ from_html("<div class=\"icon-container svelte-9w6x79\"><!></div>"), root$87 = /* @__PURE__ */ from_html("<div><!> <!></div>");
|
|
5109
5109
|
function TooltipWrapper(l, u) {
|
|
5110
5110
|
let f = prop(u, "tooltip", 8, ""), p = prop(u, "size", 8, "M"), m = prop(u, "disabled", 8, !0), v = prop(u, "position", 24, () => void 0);
|
|
5111
5111
|
var y = root$87();
|
|
@@ -5122,7 +5122,7 @@ function TooltipWrapper(l, u) {
|
|
|
5122
5122
|
return v();
|
|
5123
5123
|
},
|
|
5124
5124
|
children: (l, f) => {
|
|
5125
|
-
var v = root_2$
|
|
5125
|
+
var v = root_2$30();
|
|
5126
5126
|
let y;
|
|
5127
5127
|
Icon(child(v), {
|
|
5128
5128
|
name: "info",
|
|
@@ -5144,7 +5144,7 @@ function TooltipWrapper(l, u) {
|
|
|
5144
5144
|
}
|
|
5145
5145
|
//#endregion
|
|
5146
5146
|
//#region src/Form/FieldLabel.svelte
|
|
5147
|
-
var root_2$
|
|
5147
|
+
var root_2$29 = /* @__PURE__ */ from_html("<sup class=\"required-asterisk svelte-nn5ob0\">*</sup>"), root_1$45 = /* @__PURE__ */ from_html("<label> <!></label>");
|
|
5148
5148
|
function FieldLabel(l, u) {
|
|
5149
5149
|
push$1(u, !1);
|
|
5150
5150
|
let f = /* @__PURE__ */ mutable_source(), p = prop(u, "forId", 24, () => void 0), m = prop(u, "label", 8), v = prop(u, "position", 8, "above"), y = prop(u, "tooltip", 8, ""), b = prop(u, "required", 8, !1);
|
|
@@ -5157,7 +5157,7 @@ function FieldLabel(l, u) {
|
|
|
5157
5157
|
size: "S",
|
|
5158
5158
|
children: (l, u) => {
|
|
5159
5159
|
var v = root_1$45(), y = child(v), x = sibling(y), S = (l) => {
|
|
5160
|
-
append$1(l, root_2$
|
|
5160
|
+
append$1(l, root_2$29());
|
|
5161
5161
|
};
|
|
5162
5162
|
if_block(x, (l) => {
|
|
5163
5163
|
b() && l(S);
|
|
@@ -5190,7 +5190,7 @@ function Label(l, u) {
|
|
|
5190
5190
|
}
|
|
5191
5191
|
//#endregion
|
|
5192
5192
|
//#region src/Form/Field.svelte
|
|
5193
|
-
var root_2$
|
|
5193
|
+
var root_2$28 = /* @__PURE__ */ from_html("<div class=\"description svelte-1kba3c6\"><!></div>"), root_4$17 = /* @__PURE__ */ from_html("<div class=\"error svelte-1kba3c6\"> </div>"), root_6$8 = /* @__PURE__ */ from_html("<div class=\"helpText svelte-1kba3c6\"><!> <span class=\"svelte-1kba3c6\"> </span></div>"), root$86 = /* @__PURE__ */ from_html("<div><!> <!> <div class=\"spectrum-Form-itemField svelte-1kba3c6\"><!> <!></div></div>");
|
|
5194
5194
|
function Field(l, u) {
|
|
5195
5195
|
let f = prop(u, "id", 24, () => void 0), p = prop(u, "label", 24, () => void 0), m = prop(u, "labelPosition", 8, "above"), v = prop(u, "error", 24, () => void 0), y = prop(u, "description", 24, () => void 0), b = prop(u, "helpText", 24, () => void 0), x = prop(u, "tooltip", 24, () => void 0), S = prop(u, "required", 8, !1);
|
|
5196
5196
|
var w = root$86();
|
|
@@ -5218,7 +5218,7 @@ function Field(l, u) {
|
|
|
5218
5218
|
p() && l(D);
|
|
5219
5219
|
});
|
|
5220
5220
|
var O = sibling(E, 2), k = (l) => {
|
|
5221
|
-
var u = root_2$
|
|
5221
|
+
var u = root_2$28();
|
|
5222
5222
|
Label(child(u), {
|
|
5223
5223
|
muted: !0,
|
|
5224
5224
|
children: (l, u) => {
|
|
@@ -5254,7 +5254,7 @@ function Field(l, u) {
|
|
|
5254
5254
|
}
|
|
5255
5255
|
//#endregion
|
|
5256
5256
|
//#region src/Form/Core/Checkbox.svelte
|
|
5257
|
-
var root_1$43 = /* @__PURE__ */ from_html("<span class=\"icon svelte-d686sj\"><!></span>"), root_3$
|
|
5257
|
+
var root_1$43 = /* @__PURE__ */ from_html("<span class=\"icon svelte-d686sj\"><!></span>"), root_3$22 = /* @__PURE__ */ from_html("<span class=\"icon svelte-d686sj\"><!></span>"), root_4$16 = /* @__PURE__ */ from_html("<span class=\"spectrum-Checkbox-label\"> </span>"), root$85 = /* @__PURE__ */ from_html("<label><input type=\"checkbox\" class=\"spectrum-Checkbox-input svelte-d686sj\"/> <span class=\"spectrum-Checkbox-box\"><!></span> <!></label>");
|
|
5258
5258
|
function Checkbox(l, u) {
|
|
5259
5259
|
push$1(u, !1);
|
|
5260
5260
|
let f = /* @__PURE__ */ mutable_source(), p = prop(u, "value", 8, !1), m = prop(u, "id", 24, () => void 0), v = prop(u, "text", 24, () => void 0), y = prop(u, "disabled", 8, !1), b = prop(u, "readonly", 8, !1), x = prop(u, "quiet", 8, !1), S = prop(u, "size", 8, "M"), w = prop(u, "indeterminate", 8, !1), T = createEventDispatcher(), E = (l) => {
|
|
@@ -5276,7 +5276,7 @@ function Checkbox(l, u) {
|
|
|
5276
5276
|
}), reset(u), append$1(l, u);
|
|
5277
5277
|
}, P = (l) => {
|
|
5278
5278
|
var u = comment(), f = first_child(u), m = (l) => {
|
|
5279
|
-
var u = root_3$
|
|
5279
|
+
var u = root_3$22();
|
|
5280
5280
|
Icon(child(u), {
|
|
5281
5281
|
name: "check",
|
|
5282
5282
|
weight: "bold",
|
|
@@ -5498,7 +5498,7 @@ var context_default = {
|
|
|
5498
5498
|
Modal: "bbui-modal",
|
|
5499
5499
|
PopoverRoot: "bbui-popover-root",
|
|
5500
5500
|
PopoverPortalOverride: "bbui-popover-portal-override"
|
|
5501
|
-
}, root_2$
|
|
5501
|
+
}, root_2$27 = /* @__PURE__ */ from_html("<div tabindex=\"0\" role=\"presentation\"><!></div>");
|
|
5502
5502
|
function Popover(l, u) {
|
|
5503
5503
|
push$1(u, !1);
|
|
5504
5504
|
let f = () => store_get(J, "$popoverPortalOverride", p), [p, m] = setup_stores(), v = /* @__PURE__ */ mutable_source(), y = prop(u, "anchor", 8), b = prop(u, "align", 24, () => PopoverAlignment.Right), x = prop(u, "portalTarget", 24, () => void 0), S = prop(u, "minWidth", 24, () => void 0), w = prop(u, "maxWidth", 24, () => void 0), T = prop(u, "maxHeight", 24, () => void 0), E = prop(u, "borderRadius", 24, () => void 0), D = prop(u, "open", 12, !1), O = prop(u, "widthMode", 8, "no-anchor"), k = prop(u, "dismissible", 8, !0), j = prop(u, "offset", 8, 4), M = prop(u, "customHeight", 24, () => void 0), N = prop(u, "animate", 8, !0), P = prop(u, "customZIndex", 24, () => void 0), F = prop(u, "handlePositionUpdate", 24, () => void 0), L = prop(u, "showPopover", 8, !0), R = prop(u, "clickOutsideOverride", 8, !1), z = prop(u, "resizable", 8, !0), B = prop(u, "wrap", 8, !1), V = prop(u, "closeOnScroll", 8, !1), H = createEventDispatcher(), U = 260, W = /* @__PURE__ */ mutable_source(), K = /* @__PURE__ */ mutable_source(!1), q = getContext$1(context_default.PopoverRoot), J = getContext$1(context_default.PopoverPortalOverride), Y = () => {
|
|
@@ -5537,7 +5537,7 @@ function Popover(l, u) {
|
|
|
5537
5537
|
return get$2(v);
|
|
5538
5538
|
},
|
|
5539
5539
|
children: (l, f) => {
|
|
5540
|
-
var p = root_2$
|
|
5540
|
+
var p = root_2$27();
|
|
5541
5541
|
let m;
|
|
5542
5542
|
slot(child(p), u, "default", {}, null), reset(p), action(p, (l, u) => positionDropdown?.(l, u), () => ({
|
|
5543
5543
|
anchor: y(),
|
|
@@ -5580,7 +5580,7 @@ function Popover(l, u) {
|
|
|
5580
5580
|
}
|
|
5581
5581
|
//#endregion
|
|
5582
5582
|
//#region src/Form/Core/Combobox.svelte
|
|
5583
|
-
var root_3$
|
|
5583
|
+
var root_3$21 = /* @__PURE__ */ from_html("<li role=\"option\" aria-selected=\"true\" tabindex=\"0\"><span class=\"spectrum-Menu-itemLabel svelte-1i32u11\"> </span> <div class=\"check svelte-1i32u11\"><!></div></li>"), root_4$15 = /* @__PURE__ */ from_html("<li class=\"spectrum-Menu-item empty svelte-1i32u11\">No results</li>"), root_1$42 = /* @__PURE__ */ from_html("<div><ul class=\"spectrum-Menu\" role=\"listbox\"><!></ul></div>"), root$84 = /* @__PURE__ */ from_html("<div><div><input type=\"text\" class=\"spectrum-Textfield-input spectrum-InputGroup-input svelte-1i32u11\"/></div> <button class=\"spectrum-Picker spectrum-Picker--sizeM spectrum-InputGroup-button\" tabindex=\"-1\" aria-haspopup=\"true\"><!></button></div> <!>", 1);
|
|
5584
5584
|
function Combobox(l, u) {
|
|
5585
5585
|
push$1(u, !1);
|
|
5586
5586
|
let f = /* @__PURE__ */ mutable_source(), p = prop(u, "value", 24, () => void 0), m = prop(u, "id", 24, () => void 0), v = prop(u, "placeholder", 8, "Choose an option or type"), y = prop(u, "disabled", 8, !1), b = prop(u, "readonly", 8, !1), x = prop(u, "options", 24, () => []), S = prop(u, "getOptionLabel", 8, (l) => `${l}`), w = prop(u, "getOptionValue", 8, (l) => `${l}`), T = prop(u, "popoverAutoWidth", 8, !1), E = prop(u, "wrapText", 8, !1), D = createEventDispatcher(), O = /* @__PURE__ */ mutable_source(!1), k = /* @__PURE__ */ mutable_source(!1), j = /* @__PURE__ */ mutable_source(), M = /* @__PURE__ */ mutable_source(""), N = (l) => l == null ? "" : String(l).toLowerCase(), P = (l, u = !0) => {
|
|
@@ -5636,7 +5636,7 @@ function Combobox(l, u) {
|
|
|
5636
5636
|
var b = child(v), x = child(b), D = (l) => {
|
|
5637
5637
|
var m = comment();
|
|
5638
5638
|
each$1(first_child(m), 1, () => get$2(f), index, (l, f) => {
|
|
5639
|
-
var m = root_3$
|
|
5639
|
+
var m = root_3$21();
|
|
5640
5640
|
let v;
|
|
5641
5641
|
var y = child(m), b = child(y, !0);
|
|
5642
5642
|
reset(y);
|
|
@@ -5754,7 +5754,7 @@ function Combobox_1(l, u) {
|
|
|
5754
5754
|
}
|
|
5755
5755
|
//#endregion
|
|
5756
5756
|
//#region src/Form/Core/DatePicker/DateInput.svelte
|
|
5757
|
-
var root_1$41 = /* @__PURE__ */ from_html("<div class=\"error-icon svelte-gvbq07\"><!></div>"), root_2$
|
|
5757
|
+
var root_1$41 = /* @__PURE__ */ from_html("<div class=\"error-icon svelte-gvbq07\"><!></div>"), root_2$26 = /* @__PURE__ */ from_html("<button type=\"button\" tabindex=\"-1\"><!></button>"), root$83 = /* @__PURE__ */ from_html("<div aria-required=\"false\" aria-haspopup=\"true\"><div><!> <input data-input=\"\" type=\"text\"/></div> <!></div>");
|
|
5758
5758
|
function DateInput(l, u) {
|
|
5759
5759
|
push$1(u, !1);
|
|
5760
5760
|
let f = /* @__PURE__ */ mutable_source(), p = prop(u, "anchor", 12), m = prop(u, "disabled", 8), v = prop(u, "readonly", 8), y = prop(u, "error", 8), b = prop(u, "focused", 8), x = prop(u, "placeholder", 8), S = prop(u, "id", 8), w = prop(u, "value", 8), T = prop(u, "icon", 8), E = prop(u, "enableTime", 8), D = prop(u, "timeOnly", 8);
|
|
@@ -5783,7 +5783,7 @@ function DateInput(l, u) {
|
|
|
5783
5783
|
let L;
|
|
5784
5784
|
reset(j);
|
|
5785
5785
|
var R = sibling(j, 2), z = (l) => {
|
|
5786
|
-
var u = root_2$
|
|
5786
|
+
var u = root_2$26();
|
|
5787
5787
|
let f;
|
|
5788
5788
|
Icon(child(u), { get name() {
|
|
5789
5789
|
return T();
|
|
@@ -46252,7 +46252,7 @@ function StatusLight(l, u) {
|
|
|
46252
46252
|
}
|
|
46253
46253
|
//#endregion
|
|
46254
46254
|
//#region src/Avatar/Avatar.svelte
|
|
46255
|
-
var root_1$40 = /* @__PURE__ */ from_html("<img alt=\"Avatar\"/>"), root_2$
|
|
46255
|
+
var root_1$40 = /* @__PURE__ */ from_html("<img alt=\"Avatar\"/>"), root_2$25 = /* @__PURE__ */ from_html("<div> </div>");
|
|
46256
46256
|
function Avatar(l, u) {
|
|
46257
46257
|
push$1(u, !1);
|
|
46258
46258
|
let f = /* @__PURE__ */ new Map([
|
|
@@ -46285,7 +46285,7 @@ function Avatar(l, u) {
|
|
|
46285
46285
|
() => (deep_read_state(p()), untrack(() => f.get(p())))
|
|
46286
46286
|
]), append$1(l, u);
|
|
46287
46287
|
}, j = (l) => {
|
|
46288
|
-
var u = root_2$
|
|
46288
|
+
var u = root_2$25();
|
|
46289
46289
|
let f;
|
|
46290
46290
|
var p = child(u, !0);
|
|
46291
46291
|
reset(u), template_effect((l) => {
|
|
@@ -46461,7 +46461,7 @@ function PickerIcon(l, u) {
|
|
|
46461
46461
|
}
|
|
46462
46462
|
//#endregion
|
|
46463
46463
|
//#region src/Form/Core/Picker.svelte
|
|
46464
|
-
var root_1$39 = /* @__PURE__ */ from_html("<span><!></span>"), root_2$
|
|
46464
|
+
var root_1$39 = /* @__PURE__ */ from_html("<span><!></span>"), root_2$24 = /* @__PURE__ */ from_html("<span class=\"option-extra svelte-fvzgyg\"><!></span>"), root_3$20 = /* @__PURE__ */ from_html("<span class=\"picker-label-subtitle svelte-fvzgyg\"> </span>"), root_8$4 = /* @__PURE__ */ from_html("<div class=\"check select-all-check svelte-fvzgyg\"><!></div>"), root_7$6 = /* @__PURE__ */ from_html("<li class=\"spectrum-Menu-item select-all-item svelte-fvzgyg\" role=\"option\" aria-selected=\"true\" tabindex=\"0\"><span class=\"spectrum-Menu-itemLabel svelte-fvzgyg\"> </span> <!></li>"), root_9$1 = /* @__PURE__ */ from_html("<li role=\"option\" aria-selected=\"true\" tabindex=\"0\"><span class=\"spectrum-Menu-itemLabel svelte-fvzgyg\"> </span> <div class=\"check svelte-fvzgyg\"><!></div></li>"), root_11$2 = /* @__PURE__ */ from_html("<li class=\"virtual-spacer svelte-fvzgyg\" aria-hidden=\"true\"></li>"), root_13$1 = /* @__PURE__ */ from_html("<span class=\"option-extra icon svelte-fvzgyg\"><!></span>"), root_14$2 = /* @__PURE__ */ from_html("<span class=\"option-extra svelte-fvzgyg\"><!></span>"), root_15$1 = /* @__PURE__ */ from_html("<span class=\"subtitle-text svelte-fvzgyg\"> </span>"), root_16$1 = /* @__PURE__ */ from_html("<span class=\"option-tag svelte-fvzgyg\"><!></span>"), root_12$1 = /* @__PURE__ */ from_html("<li role=\"option\" aria-selected=\"true\" tabindex=\"0\"><!> <!> <span class=\"spectrum-Menu-itemLabel svelte-fvzgyg\"> <!></span> <!> <!> <div class=\"check svelte-fvzgyg\"><!></div></li>"), root_21$2 = /* @__PURE__ */ from_html("<li class=\"virtual-spacer svelte-fvzgyg\" aria-hidden=\"true\"></li>"), root_10$2 = /* @__PURE__ */ from_html("<!> <!> <!>", 1), root_22$1 = /* @__PURE__ */ from_html("<div><!></div>"), root_23$2 = /* @__PURE__ */ from_html("<div class=\"footer svelte-fvzgyg\"> </div>"), root_5$9 = /* @__PURE__ */ from_html("<div><!> <ul class=\"spectrum-Menu\" role=\"listbox\"><!> <!> <!></ul> <!> <!></div>"), root$74 = /* @__PURE__ */ from_html("<button aria-haspopup=\"listbox\"><!> <!> <span><span class=\"picker-label-text svelte-fvzgyg\"> </span> <!></span> <!></button> <!>", 1);
|
|
46465
46465
|
function Picker(l, u) {
|
|
46466
46466
|
push$1(u, !1);
|
|
46467
46467
|
let f = /* @__PURE__ */ mutable_source(), p = /* @__PURE__ */ mutable_source(), m = /* @__PURE__ */ mutable_source(), v = /* @__PURE__ */ mutable_source(), y = /* @__PURE__ */ mutable_source(), b = prop(u, "id", 24, () => void 0), x = prop(u, "size", 8, "M"), S = prop(u, "disabled", 8, !1), w = prop(u, "bordered", 8, !0), T = prop(u, "fieldText", 8, ""), E = prop(u, "fieldIcon", 24, () => void 0), D = prop(u, "fieldColour", 8, ""), O = prop(u, "fieldSubtitle", 8, null), k = prop(u, "isPlaceholder", 8, !1), j = prop(u, "placeholderOption", 24, () => void 0), M = prop(u, "options", 24, () => []), N = prop(u, "isOptionSelected", 8, (l) => l), P = prop(u, "isOptionEnabled", 8, (l, u) => l), F = prop(u, "tooltipMessage", 24, () => void 0), L = prop(u, "onSelectOption", 8, () => {}), R = prop(u, "getOptionLabel", 8, (l, u) => `${l}`), z = prop(u, "getOptionValue", 8, (l, u) => l), B = prop(u, "getOptionIcon", 8, (l, u) => l?.icon ?? void 0), V = prop(u, "getOptionColour", 8, (l, u) => l?.colour ?? void 0), H = prop(u, "getOptionSubtitle", 8, (l, u) => l?.subtitle ?? void 0), U = prop(u, "getOptionTooltip", 8, (l, u) => l?.tooltip ?? void 0), W = prop(u, "useOptionIconImage", 8, !1), K = prop(u, "open", 12, !1), q = prop(u, "readonly", 8, !1), J = prop(u, "quiet", 8, !1), Y = prop(u, "autoWidth", 8, !1), X = prop(u, "popoverAutoWidth", 8, !1), Z = prop(u, "autocomplete", 8, !1), Q = prop(u, "sort", 8, !1), ee = prop(u, "searchTerm", 12, null), ne = prop(u, "searchPlaceholder", 8, "Search"), $ = prop(u, "customPopoverHeight", 24, () => void 0), re = prop(u, "align", 24, () => PopoverAlignment.Left), ie = prop(u, "footer", 24, () => void 0), ae = prop(u, "customAnchor", 24, () => void 0), oe = prop(u, "loading", 8, !1), ce = prop(u, "onOptionMouseenter", 8, () => {}), le = prop(u, "onOptionMouseleave", 8, () => {}), ue = prop(u, "showSelectAll", 8, !1), fe = prop(u, "selectAllText", 8, "Select all"), pe = prop(u, "indeterminate", 8, !1), me = prop(u, "allSelected", 8, !1), ge = prop(u, "toggleSelectAll", 8, () => {}), _e = prop(u, "wrapText", 8, !1), ve = prop(u, "fieldTooltip", 8, null), ye = 360, xe = 200, Se = 6, Ce = 36, we = createEventDispatcher(), Te = /* @__PURE__ */ mutable_source(null), Ee = /* @__PURE__ */ mutable_source(null), De = /* @__PURE__ */ mutable_source([]), Oe = /* @__PURE__ */ mutable_source(0), ke = /* @__PURE__ */ mutable_source(0), Ae = (l) => l ? typeof l == "object" && l.component ? {
|
|
@@ -46535,7 +46535,7 @@ function Picker(l, u) {
|
|
|
46535
46535
|
get$2(p) && l(Ve);
|
|
46536
46536
|
});
|
|
46537
46537
|
var He = sibling(Be, 2), Ue = (l) => {
|
|
46538
|
-
var u = root_2$
|
|
46538
|
+
var u = root_2$24();
|
|
46539
46539
|
StatusLight(child(u), {
|
|
46540
46540
|
square: !0,
|
|
46541
46541
|
get color() {
|
|
@@ -46551,7 +46551,7 @@ function Picker(l, u) {
|
|
|
46551
46551
|
var Ke = child(We), qe = child(Ke, !0);
|
|
46552
46552
|
reset(Ke);
|
|
46553
46553
|
var Je = sibling(Ke, 2), Ye = (l) => {
|
|
46554
|
-
var u = root_3$
|
|
46554
|
+
var u = root_3$20(), f = child(u, !0);
|
|
46555
46555
|
reset(u), template_effect(() => set_text(f, O())), append$1(l, u);
|
|
46556
46556
|
};
|
|
46557
46557
|
if_block(Je, (l) => {
|
|
@@ -46592,7 +46592,7 @@ function Picker(l, u) {
|
|
|
46592
46592
|
closeOnScroll: !0,
|
|
46593
46593
|
$$events: { close: () => K(!1) },
|
|
46594
46594
|
children: (l, u) => {
|
|
46595
|
-
var p = root_5$
|
|
46595
|
+
var p = root_5$9();
|
|
46596
46596
|
let m;
|
|
46597
46597
|
var b = child(p), w = (l) => {
|
|
46598
46598
|
Search(l, {
|
|
@@ -46612,10 +46612,10 @@ function Picker(l, u) {
|
|
|
46612
46612
|
Z() && l(w);
|
|
46613
46613
|
});
|
|
46614
46614
|
var T = sibling(b, 2), E = child(T), D = (l) => {
|
|
46615
|
-
var u = root_7$
|
|
46615
|
+
var u = root_7$6(), f = child(u), p = child(f, !0);
|
|
46616
46616
|
reset(f);
|
|
46617
46617
|
var m = sibling(f, 2), v = (l) => {
|
|
46618
|
-
var u = root_8$
|
|
46618
|
+
var u = root_8$4(), f = child(u);
|
|
46619
46619
|
{
|
|
46620
46620
|
let l = /* @__PURE__ */ derived_safe_equal(() => pe() ? "minus" : "check");
|
|
46621
46621
|
Icon(f, {
|
|
@@ -46639,7 +46639,7 @@ function Picker(l, u) {
|
|
|
46639
46639
|
deep_read_state(ue()), get$2(v), untrack(() => ue() && get$2(v).length > 0) && l(D);
|
|
46640
46640
|
});
|
|
46641
46641
|
var O = sibling(E, 2), M = (l) => {
|
|
46642
|
-
var u = root_9$
|
|
46642
|
+
var u = root_9$1();
|
|
46643
46643
|
let f;
|
|
46644
46644
|
var p = child(u), m = child(p, !0);
|
|
46645
46645
|
reset(p);
|
|
@@ -46658,7 +46658,7 @@ function Picker(l, u) {
|
|
|
46658
46658
|
});
|
|
46659
46659
|
var q = sibling(O, 2), J = (l) => {
|
|
46660
46660
|
var u = root_10$2(), f = first_child(u), p = (l) => {
|
|
46661
|
-
var u = root_11$
|
|
46661
|
+
var u = root_11$2();
|
|
46662
46662
|
template_effect(() => set_style(u, `height:${get$2(Oe)}px`)), append$1(l, u);
|
|
46663
46663
|
};
|
|
46664
46664
|
if_block(f, (l) => {
|
|
@@ -47114,7 +47114,7 @@ function Select_1(l, u) {
|
|
|
47114
47114
|
}
|
|
47115
47115
|
//#endregion
|
|
47116
47116
|
//#region src/Form/Core/DatePicker/Calendar.svelte
|
|
47117
|
-
var root_1$38 = /* @__PURE__ */ from_html("<th scope=\"col\" class=\"spectrum-Calendar-tableCell svelte-16a6zot\"><abbr class=\"spectrum-Calendar-dayOfWeek svelte-16a6zot\"> </abbr></th>"), root_3$
|
|
47117
|
+
var root_1$38 = /* @__PURE__ */ from_html("<th scope=\"col\" class=\"spectrum-Calendar-tableCell svelte-16a6zot\"><abbr class=\"spectrum-Calendar-dayOfWeek svelte-16a6zot\"> </abbr></th>"), root_3$19 = /* @__PURE__ */ from_html("<td class=\"spectrum-Calendar-tableCell svelte-16a6zot\" aria-disabled=\"true\" aria-selected=\"false\" aria-invalid=\"false\"><span role=\"presentation\"> </span></td>"), root_2$23 = /* @__PURE__ */ from_html("<tr class=\"svelte-16a6zot\"></tr>"), root$73 = /* @__PURE__ */ from_html("<div class=\"spectrum-Calendar svelte-16a6zot\"><div class=\"spectrum-Calendar-header svelte-16a6zot\"><div class=\"spectrum-Calendar-title svelte-16a6zot\" aria-live=\"assertive\" aria-atomic=\"true\"><div class=\"month-selector svelte-16a6zot\"><!></div> <!></div> <button aria-label=\"Previous\" title=\"Previous\" class=\"spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-prevMonth svelte-16a6zot\"><!></button> <button aria-label=\"Next\" title=\"Next\" class=\"spectrum-ActionButton spectrum-ActionButton--quiet spectrum-Calendar-nextMonth svelte-16a6zot\"><!></button></div> <div class=\"spectrum-Calendar-body\" aria-readonly=\"true\" aria-disabled=\"false\"><table role=\"presentation\" class=\"spectrum-Calendar-table\"><thead role=\"presentation\"><tr class=\"svelte-16a6zot\"></tr></thead><tbody role=\"presentation\"></tbody></table></div></div>");
|
|
47118
47118
|
function Calendar(l, u) {
|
|
47119
47119
|
push$1(u, !1);
|
|
47120
47120
|
let f = /* @__PURE__ */ mutable_source(), p = /* @__PURE__ */ mutable_source(), m = /* @__PURE__ */ mutable_source(), v = prop(u, "value", 8), y = prop(u, "startDayOfWeek", 8, "Monday"), b = prop(u, "calendarLabels", 24, () => resolveTranslationGroup("calendar")), x = createEventDispatcher(), S = [
|
|
@@ -47246,7 +47246,7 @@ function Calendar(l, u) {
|
|
|
47246
47246
|
}), reset(le), reset(ce);
|
|
47247
47247
|
var ue = sibling(ce);
|
|
47248
47248
|
return each$1(ue, 5, () => get$2(p), index, (l, u) => {
|
|
47249
|
-
var f = root_2$
|
|
47249
|
+
var f = root_2$23();
|
|
47250
47250
|
each$1(f, 4, () => [
|
|
47251
47251
|
0,
|
|
47252
47252
|
1,
|
|
@@ -47257,7 +47257,7 @@ function Calendar(l, u) {
|
|
|
47257
47257
|
6
|
|
47258
47258
|
], index, (l, f) => {
|
|
47259
47259
|
let p = /* @__PURE__ */ derived_safe_equal(() => (get$2(u), untrack(() => get$2(u).add(f, "days")))), m = /* @__PURE__ */ derived_safe_equal(() => (deep_read_state(get$2(p)), get$2(D), untrack(() => get$2(p).month() !== get$2(D).month())));
|
|
47260
|
-
var y = root_3$
|
|
47260
|
+
var y = root_3$19(), b = child(y);
|
|
47261
47261
|
let x;
|
|
47262
47262
|
var S = child(b, !0);
|
|
47263
47263
|
reset(b), reset(y), template_effect((l, u, f) => {
|
|
@@ -47276,7 +47276,7 @@ function Calendar(l, u) {
|
|
|
47276
47276
|
}
|
|
47277
47277
|
//#endregion
|
|
47278
47278
|
//#region src/Tooltip/Tooltip.svelte
|
|
47279
|
-
var root_1$37 = /* @__PURE__ */ from_html("<span><span class=\"spectrum-Tooltip-label svelte-avjlz6\"> </span> <span class=\"spectrum-Tooltip-tip svelte-avjlz6\"></span></span>"), root_2$
|
|
47279
|
+
var root_1$37 = /* @__PURE__ */ from_html("<span><span class=\"spectrum-Tooltip-label svelte-avjlz6\"> </span> <span class=\"spectrum-Tooltip-tip svelte-avjlz6\"></span></span>"), root_2$22 = /* @__PURE__ */ from_html("<span class=\"u-tooltip-showOnHover tooltip svelte-avjlz6\"><!> <div><span class=\"spectrum-Tooltip-label svelte-avjlz6\"> </span> <span class=\"spectrum-Tooltip-tip svelte-avjlz6\"></span></div></span>");
|
|
47280
47280
|
function Tooltip(l, u) {
|
|
47281
47281
|
let f = prop(u, "direction", 8, "top"), p = prop(u, "text", 8, ""), m = prop(u, "textWrapping", 8, !1);
|
|
47282
47282
|
var v = comment(), y = first_child(v), b = (l) => {
|
|
@@ -47285,7 +47285,7 @@ function Tooltip(l, u) {
|
|
|
47285
47285
|
set_class(u, 1, `spectrum-Tooltip spectrum-Tooltip--${f() ?? ""} is-open tooltip`, "svelte-avjlz6"), set_text(v, p());
|
|
47286
47286
|
}), append$1(l, u);
|
|
47287
47287
|
}, x = (l) => {
|
|
47288
|
-
var m = root_2$
|
|
47288
|
+
var m = root_2$22(), v = child(m);
|
|
47289
47289
|
slot(v, u, "default", {}, null);
|
|
47290
47290
|
var y = sibling(v, 2), b = child(y), x = child(b, !0);
|
|
47291
47291
|
reset(b), next(2), reset(y), reset(m), template_effect(() => {
|
|
@@ -47298,7 +47298,7 @@ function Tooltip(l, u) {
|
|
|
47298
47298
|
}
|
|
47299
47299
|
//#endregion
|
|
47300
47300
|
//#region src/ActionButton/ActionButton.svelte
|
|
47301
|
-
var root_2$
|
|
47301
|
+
var root_2$21 = /* @__PURE__ */ from_html("<img alt=\"\" aria-hidden=\"true\"/>"), root_6$7 = /* @__PURE__ */ from_html("<span class=\"spectrum-ActionButton-label svelte-1x47x3g\"><!></span>"), root_7$5 = /* @__PURE__ */ from_html("<div class=\"tooltip svelte-1x47x3g\"><!></div>"), root$72 = /* @__PURE__ */ from_html("<button><!> <!> <!></button>");
|
|
47302
47302
|
function ActionButton(l, u) {
|
|
47303
47303
|
let f = sanitize_slots(u);
|
|
47304
47304
|
push$1(u, !1);
|
|
@@ -47317,7 +47317,7 @@ function ActionButton(l, u) {
|
|
|
47317
47317
|
let P;
|
|
47318
47318
|
var F = child(N), L = (l) => {
|
|
47319
47319
|
var u = comment(), p = first_child(u), v = (l) => {
|
|
47320
|
-
var u = root_2$
|
|
47320
|
+
var u = root_2$21();
|
|
47321
47321
|
template_effect(() => {
|
|
47322
47322
|
set_class(u, 1, `custom-icon custom-icon-${S() ?? ""}`, "svelte-1x47x3g"), set_attribute(u, "src", x());
|
|
47323
47323
|
}), append$1(l, u);
|
|
@@ -47354,7 +47354,7 @@ function ActionButton(l, u) {
|
|
|
47354
47354
|
k() ? l(z) : l(B, !1);
|
|
47355
47355
|
});
|
|
47356
47356
|
var V = sibling(R, 2), H = (l) => {
|
|
47357
|
-
var u = root_7$
|
|
47357
|
+
var u = root_7$5();
|
|
47358
47358
|
Tooltip(child(u), {
|
|
47359
47359
|
textWrapping: !0,
|
|
47360
47360
|
direction: "bottom",
|
|
@@ -47819,7 +47819,7 @@ function Link(l, u) {
|
|
|
47819
47819
|
}
|
|
47820
47820
|
//#endregion
|
|
47821
47821
|
//#region src/Form/Core/Dropzone.svelte
|
|
47822
|
-
var root_6$6 = /* @__PURE__ */ from_html("<div class=\"filesize\"><!></div>"), root_9
|
|
47822
|
+
var root_6$6 = /* @__PURE__ */ from_html("<div class=\"filesize\"><!></div>"), root_9 = /* @__PURE__ */ from_html("<div class=\"delete-button svelte-sm3c1d\"><!></div>"), root_10$1 = /* @__PURE__ */ from_html("<img alt=\"preview\" class=\"svelte-sm3c1d\"/>"), root_11$1 = /* @__PURE__ */ from_html("<div class=\"placeholder svelte-sm3c1d\"><div class=\"extension svelte-sm3c1d\"> </div> <div>Preview not supported</div></div>"), root_12 = /* @__PURE__ */ from_html("<div class=\"footer\"> </div>"), root_2$20 = /* @__PURE__ */ from_html("<div class=\"gallery svelte-sm3c1d\"><div class=\"title svelte-sm3c1d\"><div class=\"filename svelte-sm3c1d\"><!></div> <!> <!></div> <!> <div><!></div> <div><!></div> <!></div>"), root_16 = /* @__PURE__ */ from_html("<div class=\"filesize\"><!></div>"), root_19$1 = /* @__PURE__ */ from_html("<div class=\"delete-button svelte-sm3c1d\"><!></div>"), root_15 = /* @__PURE__ */ from_html("<div class=\"gallery svelte-sm3c1d\"><div class=\"title svelte-sm3c1d\"><div class=\"filename svelte-sm3c1d\"> </div> <!> <!></div></div>"), root_21$1 = /* @__PURE__ */ from_html("<svg class=\"spectrum-IllustratedMessage-illustration\" width=\"125\" height=\"60\" viewBox=\"0 0 199 97.7\"><defs><style>.cls-1,\n .cls-2 {\n fill: none;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n .cls-1 {\n stroke-width: 3px;\n }\n .cls-2 {\n stroke-width: 2px;\n }</style></defs><path class=\"cls-1\" d=\"M110.53,85.66,100.26,95.89a1.09,1.09,0,0,1-1.52,0L88.47,85.66\"></path><line class=\"cls-1\" x1=\"99.5\" y1=\"95.5\" x2=\"99.5\" y2=\"58.5\"></line><path class=\"cls-1\" d=\"M105.5,73.5h19a2,2,0,0,0,2-2v-43\"></path><path class=\"cls-1\" d=\"M126.5,22.5h-19a2,2,0,0,1-2-2V1.5h-31a2,2,0,0,0-2,2v68a2,2,0,0,0,2,2h19\"></path><line class=\"cls-1\" x1=\"105.5\" y1=\"1.5\" x2=\"126.5\" y2=\"22.5\"></line><path class=\"cls-2\" d=\"M47.93,50.49a5,5,0,1,0-4.83-5A4.93,4.93,0,0,0,47.93,50.49Z\"></path><path class=\"cls-2\" d=\"M36.6,65.93,42.05,60A2.06,2.06,0,0,1,45,60l12.68,13.2\"></path><path class=\"cls-2\" d=\"M3.14,73.23,22.42,53.76a1.65,1.65,0,0,1,2.38,0l19.05,19.7\"></path><path class=\"cls-1\" d=\"M139.5,36.5H196A1.49,1.49,0,0,1,197.5,38V72A1.49,1.49,0,0,1,196,73.5H141A1.49,1.49,0,0,1,139.5,72V32A1.49,1.49,0,0,1,141,30.5H154a2.43,2.43,0,0,1,1.67.66l6,5.66\"></path><rect class=\"cls-1\" x=\"1.5\" y=\"34.5\" width=\"58\" height=\"39\" rx=\"2\" ry=\"2\"></rect></svg> <h2 class=\"spectrum-Heading spectrum-Heading--sizeL spectrum-Heading--light spectrum-IllustratedMessage-heading svelte-sm3c1d\"> </h2>", 1), root_23$1 = /* @__PURE__ */ from_html("<br/> ", 1), root_26$1 = /* @__PURE__ */ from_html("<div class=\"tag svelte-sm3c1d\"><!></div>"), root_25 = /* @__PURE__ */ from_html("<div class=\"tags svelte-sm3c1d\"></div>"), root_22 = /* @__PURE__ */ from_html("<p class=\"spectrum-Body spectrum-Body--sizeS spectrum-IllustratedMessage-description svelte-sm3c1d\"><label class=\"spectrum-Link\"> </label> <!></p> <!>", 1), root_28 = /* @__PURE__ */ from_html("<div class=\"loading svelte-sm3c1d\"><!></div>"), root_20$1 = /* @__PURE__ */ from_html("<div role=\"region\" tabindex=\"0\"><div class=\"spectrum-IllustratedMessage spectrum-IllustratedMessage--cta\"><input type=\"file\" class=\"svelte-sm3c1d\"/> <!> <!></div> <!></div>"), root$67 = /* @__PURE__ */ from_html("<div><!> <!></div>");
|
|
47823
47823
|
function Dropzone(l, u) {
|
|
47824
47824
|
push$1(u, !1);
|
|
47825
47825
|
let f = /* @__PURE__ */ mutable_source(), p = /* @__PURE__ */ mutable_source(), m = /* @__PURE__ */ mutable_source(), v = /* @__PURE__ */ mutable_source(), y = 1e3, b = 1e6, x = prop(u, "value", 24, () => []), S = prop(u, "id", 8, null), w = prop(u, "disabled", 8, !1), T = prop(u, "compact", 8, !1), E = prop(u, "fileSizeLimit", 8, b * 20), D = prop(u, "processFiles", 8, null), O = prop(u, "deleteAttachments", 8, null), k = prop(u, "handleFileTooLarge", 8, null), j = prop(u, "handleTooManyFiles", 8, null), M = prop(u, "gallery", 8, !0), N = prop(u, "fileTags", 24, () => []), P = prop(u, "maximum", 24, () => void 0), F = prop(u, "extensions", 8, "*"), L = prop(u, "titleText", 8, null), R = prop(u, "clickText", 8, null), z = prop(u, "addText", 8, null), B = createEventDispatcher(), V = [
|
|
@@ -47899,7 +47899,7 @@ function Dropzone(l, u) {
|
|
|
47899
47899
|
let ae;
|
|
47900
47900
|
var oe = child(ie), ce = (l) => {
|
|
47901
47901
|
var u = comment(), v = first_child(u), S = (l) => {
|
|
47902
|
-
var u = root_2$
|
|
47902
|
+
var u = root_2$20(), v = child(u), x = child(v), S = child(x), T = (l) => {
|
|
47903
47903
|
Link(l, {
|
|
47904
47904
|
target: "_blank",
|
|
47905
47905
|
get download() {
|
|
@@ -47938,7 +47938,7 @@ function Dropzone(l, u) {
|
|
|
47938
47938
|
get$2(f), untrack(() => get$2(f).size) && l(O);
|
|
47939
47939
|
});
|
|
47940
47940
|
var k = sibling(D, 2), j = (l) => {
|
|
47941
|
-
var u = root_9
|
|
47941
|
+
var u = root_9();
|
|
47942
47942
|
Icon(child(u), { name: "trash" }), reset(u), event("click", u, X), append$1(l, u);
|
|
47943
47943
|
};
|
|
47944
47944
|
if_block(k, (l) => {
|
|
@@ -47948,7 +47948,7 @@ function Dropzone(l, u) {
|
|
|
47948
47948
|
var u = root_10$1();
|
|
47949
47949
|
template_effect(() => set_attribute(u, "src", get$2(K))), append$1(l, u);
|
|
47950
47950
|
}, F = (l) => {
|
|
47951
|
-
var u = root_11(), p = child(u), m = child(p, !0);
|
|
47951
|
+
var u = root_11$1(), p = child(u), m = child(p, !0);
|
|
47952
47952
|
reset(p), next(2), reset(u), template_effect(() => set_text(m, (get$2(f), untrack(() => get$2(f).name || "Unknown file")))), append$1(l, u);
|
|
47953
47953
|
};
|
|
47954
47954
|
if_block(M, (l) => {
|
|
@@ -48154,7 +48154,7 @@ function Divider(l, u) {
|
|
|
48154
48154
|
}
|
|
48155
48155
|
//#endregion
|
|
48156
48156
|
//#region src/Form/Core/EnvDropdown.svelte
|
|
48157
|
-
var root_2$
|
|
48157
|
+
var root_2$19 = /* @__PURE__ */ from_html("<div class=\"no-variables-text primary-text svelte-13nhtdc\">Upgrade your plan to get environment variables</div>"), root_5$8 = /* @__PURE__ */ from_html("<li class=\"spectrum-Menu-item\" role=\"option\" aria-selected=\"false\" tabindex=\"0\"><div class=\"spectrum-Menu-itemLabel\"><div class=\"primary-text svelte-13nhtdc\"> <span></span></div></div></li>"), root_4$13 = /* @__PURE__ */ from_html("<div style=\"max-height: 100px\"></div>"), root_6$5 = /* @__PURE__ */ from_html("<div class=\"no-variables-text primary-text svelte-13nhtdc\">You don't have any environment variables yet</div>"), root_7$4 = /* @__PURE__ */ from_html("<div class=\"add-variable svelte-13nhtdc\"><!> <div class=\"primary-text svelte-13nhtdc\">Add Variable</div></div>"), root_8$3 = /* @__PURE__ */ from_html("<div class=\"add-variable svelte-13nhtdc\"><!> <div class=\"primary-text svelte-13nhtdc\">Upgrade plan</div></div>"), root_1$35 = /* @__PURE__ */ from_html("<div class=\"spectrum-Popover spectrum-Popover--bottom spectrum-Picker-popover is-open svelte-13nhtdc\"><ul class=\"spectrum-Menu\" role=\"listbox\"><!></ul> <!> <!></div>"), root$65 = /* @__PURE__ */ from_html("<div class=\"spectrum-InputGroup svelte-13nhtdc\"><div><div class=\"inline-icon svelte-13nhtdc\"><!></div> <input class=\"spectrum-Textfield-input\"/></div> <!></div>");
|
|
48158
48158
|
function EnvDropdown(l, u) {
|
|
48159
48159
|
push$1(u, !1);
|
|
48160
48160
|
let f = /* @__PURE__ */ mutable_source(), p = prop(u, "value", 24, () => void 0), m = prop(u, "placeholder", 24, () => void 0), v = prop(u, "type", 8, "text"), y = prop(u, "disabled", 8, !1), b = prop(u, "id", 24, () => void 0), x = prop(u, "readonly", 8, !1), S = prop(u, "updateOnChange", 8, !0), w = prop(u, "align", 24, () => void 0), T = prop(u, "autofocus", 8, !1), E = prop(u, "autocomplete", 24, () => void 0), D = prop(u, "variables", 8), O = prop(u, "showModal", 8), k = prop(u, "environmentVariablesEnabled", 8), j = prop(u, "handleUpgradePanel", 8), M = createEventDispatcher(), N = /* @__PURE__ */ mutable_source(), P = /* @__PURE__ */ mutable_source(!1), F = /* @__PURE__ */ mutable_source(!1), L = /{{\s*env\.([^\s]+)\s*}}/g, R = (l) => {
|
|
@@ -48208,12 +48208,12 @@ function EnvDropdown(l, u) {
|
|
|
48208
48208
|
remove_input_defaults(Q), bind_this(Q, (l) => set(N, l), () => get$2(N)), reset(J);
|
|
48209
48209
|
var ee = sibling(J, 2), ne = (l) => {
|
|
48210
48210
|
var u = root_1$35(), f = child(u), p = child(f), m = (l) => {
|
|
48211
|
-
append$1(l, root_2$
|
|
48211
|
+
append$1(l, root_2$19());
|
|
48212
48212
|
}, v = (l) => {
|
|
48213
48213
|
var u = comment(), f = first_child(u), p = (l) => {
|
|
48214
48214
|
var u = root_4$13();
|
|
48215
48215
|
each$1(u, 5, D, index, (l, u) => {
|
|
48216
|
-
var f = root_5$
|
|
48216
|
+
var f = root_5$8(), p = child(f), m = child(p), v = child(m);
|
|
48217
48217
|
next(), reset(m), reset(p), reset(f), template_effect(() => set_text(v, `${(get$2(u), untrack(() => get$2(u).name)) ?? ""} `)), event("click", f, () => U(get$2(u).name)), append$1(l, f);
|
|
48218
48218
|
}), reset(u), append$1(l, u);
|
|
48219
48219
|
}, m = (l) => {
|
|
@@ -48229,13 +48229,13 @@ function EnvDropdown(l, u) {
|
|
|
48229
48229
|
var y = sibling(f, 2);
|
|
48230
48230
|
Divider(y, { noMargin: !0 });
|
|
48231
48231
|
var b = sibling(y, 2), x = (l) => {
|
|
48232
|
-
var u = root_7$
|
|
48232
|
+
var u = root_7$4();
|
|
48233
48233
|
Icon(child(u), {
|
|
48234
48234
|
name: "plus",
|
|
48235
48235
|
size: "S"
|
|
48236
48236
|
}), next(2), reset(u), event("click", u, () => O()()), append$1(l, u);
|
|
48237
48237
|
}, S = (l) => {
|
|
48238
|
-
var u = root_8$
|
|
48238
|
+
var u = root_8$3();
|
|
48239
48239
|
Icon(child(u), {
|
|
48240
48240
|
name: "arrow-up",
|
|
48241
48241
|
size: "S"
|
|
@@ -48353,7 +48353,7 @@ function EnvDropdown_1(l, u) {
|
|
|
48353
48353
|
}
|
|
48354
48354
|
//#endregion
|
|
48355
48355
|
//#region src/Form/Core/CheckboxGroup.svelte
|
|
48356
|
-
var root_1$34 = /* @__PURE__ */ from_html("<div><label class=\"spectrum-Checkbox spectrum-Checkbox--sizeM spectrum-FieldGroup-item svelte-1mkd6ji\"><input type=\"checkbox\" class=\"spectrum-Checkbox-input svelte-1mkd6ji\"/> <span class=\"spectrum-Checkbox-box\"><span><!></span></span> <span class=\"spectrum-Checkbox-label\"> </span></label></div>"), root_3$
|
|
48356
|
+
var root_1$34 = /* @__PURE__ */ from_html("<div><label class=\"spectrum-Checkbox spectrum-Checkbox--sizeM spectrum-FieldGroup-item svelte-1mkd6ji\"><input type=\"checkbox\" class=\"spectrum-Checkbox-input svelte-1mkd6ji\"/> <span class=\"spectrum-Checkbox-box\"><span><!></span></span> <span class=\"spectrum-Checkbox-label\"> </span></label></div>"), root_3$18 = /* @__PURE__ */ from_html("<div><label class=\"spectrum-Checkbox spectrum-Checkbox--sizeM spectrum-FieldGroup-item svelte-1mkd6ji\"><input type=\"checkbox\" class=\"spectrum-Checkbox-input svelte-1mkd6ji\"/> <span class=\"spectrum-Checkbox-box\"><span><!></span></span> <span class=\"spectrum-Checkbox-label\"> </span></label></div>"), root$64 = /* @__PURE__ */ from_html("<div><!> <!></div>");
|
|
48357
48357
|
function CheckboxGroup(l, u) {
|
|
48358
48358
|
push$1(u, !1);
|
|
48359
48359
|
let f = /* @__PURE__ */ mutable_source(), p = /* @__PURE__ */ mutable_source(), m = /* @__PURE__ */ mutable_source(), v = /* @__PURE__ */ mutable_source(), y = /* @__PURE__ */ mutable_source(), b = prop(u, "direction", 8, "vertical"), x = prop(u, "value", 24, () => []), S = prop(u, "options", 24, () => []), w = prop(u, "disabled", 8, !1), T = prop(u, "readonly", 8, !1), E = prop(u, "columns", 8, 1), D = prop(u, "getOptionLabel", 8, (l) => `${l}`), O = prop(u, "getOptionValue", 8, (l) => l), k = prop(u, "showSelectAll", 8, !1), j = prop(u, "selectAllText", 8, "Select all"), M = createEventDispatcher(), N = (l) => {
|
|
@@ -48405,7 +48405,7 @@ function CheckboxGroup(l, u) {
|
|
|
48405
48405
|
var u = comment();
|
|
48406
48406
|
each$1(first_child(u), 1, S, index, (l, u) => {
|
|
48407
48407
|
let f = /* @__PURE__ */ derived_safe_equal(() => (deep_read_state(O()), get$2(u), untrack(() => O()(get$2(u))))), p = /* @__PURE__ */ derived_safe_equal(() => (deep_read_state(x()), deep_read_state(get$2(f)), untrack(() => x().includes(get$2(f)))));
|
|
48408
|
-
var m = root_3$
|
|
48408
|
+
var m = root_3$18();
|
|
48409
48409
|
let v;
|
|
48410
48410
|
var y = child(m), b = child(y);
|
|
48411
48411
|
remove_input_defaults(b);
|
|
@@ -48435,112 +48435,129 @@ function CheckboxGroup(l, u) {
|
|
|
48435
48435
|
}
|
|
48436
48436
|
//#endregion
|
|
48437
48437
|
//#region src/Form/Core/File.svelte
|
|
48438
|
-
var
|
|
48438
|
+
var root_1$33 = /* @__PURE__ */ from_html("<div class=\"file-view svelte-9esg10\"><!></div>"), root_4$12 = /* @__PURE__ */ from_html("<div class=\"delete-button svelte-9esg10\"><!></div>"), root_3$17 = /* @__PURE__ */ from_html("<div><div class=\"filename svelte-9esg10\"> </div> <!></div>"), root_7$3 = /* @__PURE__ */ from_html("<img class=\"preview svelte-9esg10\" alt=\"\"/>"), root_8$2 = /* @__PURE__ */ from_html("<div class=\"filesize svelte-9esg10\"><!></div>"), root_11 = /* @__PURE__ */ from_html("<div class=\"delete-button svelte-9esg10\"><!></div>"), root_6$4 = /* @__PURE__ */ from_html("<div><!> <div class=\"filename svelte-9esg10\"> </div> <!> <!></div>"), root$63 = /* @__PURE__ */ from_html("<input type=\"file\" class=\"svelte-9esg10\"/> <div class=\"field svelte-9esg10\"><!> <!></div>", 1);
|
|
48439
48439
|
function File$1(l, u) {
|
|
48440
48440
|
push$1(u, !1);
|
|
48441
|
-
let f = /* @__PURE__ */ mutable_source(), p = 1e6, m = prop(u, "value", 24, () => void 0), v = prop(u, "statusText", 24, () => void 0), y = prop(u, "title", 8, "Upload file"), b = prop(u, "disabled", 8, !1), x = prop(u, "allowClear", 24, () => void 0),
|
|
48442
|
-
async function
|
|
48441
|
+
let f = /* @__PURE__ */ mutable_source(), p = 1e6, m = prop(u, "value", 24, () => void 0), v = prop(u, "statusText", 24, () => void 0), y = prop(u, "title", 8, "Upload file"), b = prop(u, "disabled", 8, !1), x = prop(u, "loading", 8, !1), S = prop(u, "hideButtonWhenSet", 8, !1), w = prop(u, "allowClear", 24, () => void 0), T = prop(u, "extensions", 24, () => void 0), E = prop(u, "handleFileTooLarge", 24, () => void 0), D = prop(u, "fileSizeLimit", 8, p * 20), O = prop(u, "id", 24, () => void 0), k = prop(u, "previewUrl", 24, () => void 0), j = O() || uuid$1(), M = 1e3, N = createEventDispatcher(), P = /* @__PURE__ */ mutable_source();
|
|
48442
|
+
async function F(l) {
|
|
48443
48443
|
if (l) {
|
|
48444
|
-
if (
|
|
48445
|
-
|
|
48444
|
+
if (E() && l.size >= D()) {
|
|
48445
|
+
E()(l);
|
|
48446
48446
|
return;
|
|
48447
48447
|
}
|
|
48448
|
-
|
|
48448
|
+
N("change", l);
|
|
48449
48449
|
}
|
|
48450
48450
|
}
|
|
48451
|
-
function
|
|
48451
|
+
function L(l) {
|
|
48452
48452
|
let u = l.target;
|
|
48453
|
-
|
|
48453
|
+
F(u.files?.[0]), u.value = "";
|
|
48454
48454
|
}
|
|
48455
|
-
function
|
|
48456
|
-
b() ||
|
|
48455
|
+
function R() {
|
|
48456
|
+
b() || N("change", void 0);
|
|
48457
48457
|
}
|
|
48458
|
-
legacy_pre_effect(() => deep_read_state(
|
|
48459
|
-
set(f, Array.isArray(
|
|
48458
|
+
legacy_pre_effect(() => deep_read_state(T()), () => {
|
|
48459
|
+
set(f, Array.isArray(T()) ? T().join(",") : "*");
|
|
48460
48460
|
}), legacy_pre_effect_reset(), init$1();
|
|
48461
|
-
var
|
|
48462
|
-
bind_this(
|
|
48463
|
-
var
|
|
48461
|
+
var z = root$63(), B = first_child(z);
|
|
48462
|
+
bind_this(B, (l) => set(P, l), () => get$2(P));
|
|
48463
|
+
var V = sibling(B, 2), H = child(V), U = (l) => {
|
|
48464
48464
|
var u = root_1$33();
|
|
48465
|
-
|
|
48466
|
-
|
|
48467
|
-
|
|
48468
|
-
|
|
48469
|
-
var u = root_2$19();
|
|
48470
|
-
Icon(child(u), {
|
|
48471
|
-
name: "x",
|
|
48472
|
-
size: "XS"
|
|
48473
|
-
}), reset(u), event("click", u, F), append$1(l, u);
|
|
48474
|
-
};
|
|
48475
|
-
if_block(y, (l) => {
|
|
48476
|
-
(!b() || x() === !0 && b()) && l(S);
|
|
48477
|
-
}), reset(u), template_effect((l) => {
|
|
48478
|
-
f = set_class(u, 1, "file-view status svelte-9esg10", null, f, l), set_text(m, v());
|
|
48479
|
-
}, [() => ({ disabled: b() })]), append$1(l, u);
|
|
48480
|
-
}, H = (l) => {
|
|
48481
|
-
var u = comment(), f = first_child(u), v = (l) => {
|
|
48482
|
-
var u = root_4$12();
|
|
48465
|
+
ProgressCircle(child(u), { size: "S" }), reset(u), append$1(l, u);
|
|
48466
|
+
}, W = (l) => {
|
|
48467
|
+
var u = comment(), f = first_child(u), y = (l) => {
|
|
48468
|
+
var u = root_3$17();
|
|
48483
48469
|
let f;
|
|
48484
|
-
var
|
|
48485
|
-
|
|
48486
|
-
|
|
48487
|
-
|
|
48488
|
-
if_block(v, (l) => {
|
|
48489
|
-
D() && l(y);
|
|
48490
|
-
});
|
|
48491
|
-
var S = sibling(v, 2), w = child(S, !0);
|
|
48492
|
-
reset(S);
|
|
48493
|
-
var T = sibling(S, 2), E = (l) => {
|
|
48494
|
-
var u = root_6$4(), f = child(u), v = (l) => {
|
|
48495
|
-
var u = text();
|
|
48496
|
-
template_effect(() => set_text(u, (deep_read_state(m()), untrack(() => `${m().size / 1e3} KB`)))), append$1(l, u);
|
|
48497
|
-
}, y = (l) => {
|
|
48498
|
-
var u = text();
|
|
48499
|
-
template_effect(() => set_text(u, (deep_read_state(m()), untrack(() => `${m().size / p} MB`)))), append$1(l, u);
|
|
48500
|
-
};
|
|
48501
|
-
if_block(f, (l) => {
|
|
48502
|
-
deep_read_state(m()), untrack(() => m().size <= p) ? l(v) : l(y, !1);
|
|
48503
|
-
}), reset(u), append$1(l, u);
|
|
48504
|
-
};
|
|
48505
|
-
if_block(T, (l) => {
|
|
48506
|
-
deep_read_state(m()), untrack(() => m().size) && l(E);
|
|
48507
|
-
});
|
|
48508
|
-
var O = sibling(T, 2), k = (l) => {
|
|
48509
|
-
var u = root_9();
|
|
48470
|
+
var p = child(u), m = child(p, !0);
|
|
48471
|
+
reset(p);
|
|
48472
|
+
var y = sibling(p, 2), x = (l) => {
|
|
48473
|
+
var u = root_4$12();
|
|
48510
48474
|
Icon(child(u), {
|
|
48511
48475
|
name: "x",
|
|
48512
|
-
size: "XS"
|
|
48513
|
-
|
|
48514
|
-
return b();
|
|
48515
|
-
}
|
|
48516
|
-
}), reset(u), event("click", u, F), append$1(l, u);
|
|
48476
|
+
size: "XS"
|
|
48477
|
+
}), reset(u), event("click", u, R), append$1(l, u);
|
|
48517
48478
|
};
|
|
48518
|
-
if_block(
|
|
48519
|
-
(!b() ||
|
|
48479
|
+
if_block(y, (l) => {
|
|
48480
|
+
(!b() || w() === !0 && b()) && l(x);
|
|
48520
48481
|
}), reset(u), template_effect((l) => {
|
|
48521
|
-
f = set_class(u, 1, "file-view svelte-9esg10", null, f, l), set_text(
|
|
48482
|
+
f = set_class(u, 1, "file-view status svelte-9esg10", null, f, l), set_text(m, v());
|
|
48522
48483
|
}, [() => ({ disabled: b() })]), append$1(l, u);
|
|
48484
|
+
}, x = (l) => {
|
|
48485
|
+
var u = comment(), f = first_child(u), v = (l) => {
|
|
48486
|
+
var u = root_6$4();
|
|
48487
|
+
let f;
|
|
48488
|
+
var v = child(u), y = (l) => {
|
|
48489
|
+
var u = root_7$3();
|
|
48490
|
+
template_effect(() => set_attribute(u, "src", k())), append$1(l, u);
|
|
48491
|
+
};
|
|
48492
|
+
if_block(v, (l) => {
|
|
48493
|
+
k() && l(y);
|
|
48494
|
+
});
|
|
48495
|
+
var x = sibling(v, 2), S = child(x, !0);
|
|
48496
|
+
reset(x);
|
|
48497
|
+
var T = sibling(x, 2), E = (l) => {
|
|
48498
|
+
var u = root_8$2(), f = child(u), v = (l) => {
|
|
48499
|
+
var u = text();
|
|
48500
|
+
template_effect(() => set_text(u, (deep_read_state(m()), untrack(() => `${m().size / 1e3} KB`)))), append$1(l, u);
|
|
48501
|
+
}, y = (l) => {
|
|
48502
|
+
var u = text();
|
|
48503
|
+
template_effect(() => set_text(u, (deep_read_state(m()), untrack(() => `${m().size / p} MB`)))), append$1(l, u);
|
|
48504
|
+
};
|
|
48505
|
+
if_block(f, (l) => {
|
|
48506
|
+
deep_read_state(m()), untrack(() => m().size <= p) ? l(v) : l(y, !1);
|
|
48507
|
+
}), reset(u), append$1(l, u);
|
|
48508
|
+
};
|
|
48509
|
+
if_block(T, (l) => {
|
|
48510
|
+
deep_read_state(m()), untrack(() => m().size) && l(E);
|
|
48511
|
+
});
|
|
48512
|
+
var D = sibling(T, 2), O = (l) => {
|
|
48513
|
+
var u = root_11();
|
|
48514
|
+
Icon(child(u), {
|
|
48515
|
+
name: "x",
|
|
48516
|
+
size: "XS",
|
|
48517
|
+
get disabled() {
|
|
48518
|
+
return b();
|
|
48519
|
+
}
|
|
48520
|
+
}), reset(u), event("click", u, R), append$1(l, u);
|
|
48521
|
+
};
|
|
48522
|
+
if_block(D, (l) => {
|
|
48523
|
+
(!b() || w() === !0 && b()) && l(O);
|
|
48524
|
+
}), reset(u), template_effect((l) => {
|
|
48525
|
+
f = set_class(u, 1, "file-view svelte-9esg10", null, f, l), set_text(S, (deep_read_state(m()), untrack(() => m().name)));
|
|
48526
|
+
}, [() => ({ disabled: b() })]), append$1(l, u);
|
|
48527
|
+
};
|
|
48528
|
+
if_block(f, (l) => {
|
|
48529
|
+
m() && l(v);
|
|
48530
|
+
}, !0), append$1(l, u);
|
|
48523
48531
|
};
|
|
48524
48532
|
if_block(f, (l) => {
|
|
48525
|
-
|
|
48533
|
+
v() ? l(y) : l(x, !1);
|
|
48526
48534
|
}, !0), append$1(l, u);
|
|
48527
48535
|
};
|
|
48528
|
-
if_block(
|
|
48529
|
-
|
|
48530
|
-
})
|
|
48531
|
-
|
|
48532
|
-
|
|
48533
|
-
|
|
48534
|
-
|
|
48535
|
-
|
|
48536
|
-
|
|
48537
|
-
|
|
48538
|
-
|
|
48539
|
-
|
|
48540
|
-
|
|
48541
|
-
|
|
48542
|
-
|
|
48543
|
-
|
|
48536
|
+
if_block(H, (l) => {
|
|
48537
|
+
x() ? l(U) : l(W, !1);
|
|
48538
|
+
});
|
|
48539
|
+
var K = sibling(H, 2), q = (l) => {
|
|
48540
|
+
{
|
|
48541
|
+
let u = /* @__PURE__ */ derived_safe_equal(() => b() || x());
|
|
48542
|
+
ActionButton(l, {
|
|
48543
|
+
get disabled() {
|
|
48544
|
+
return get$2(u);
|
|
48545
|
+
},
|
|
48546
|
+
$$events: { click: () => get$2(P)?.click() },
|
|
48547
|
+
children: (l, u) => {
|
|
48548
|
+
next();
|
|
48549
|
+
var f = text();
|
|
48550
|
+
template_effect(() => set_text(f, y())), append$1(l, f);
|
|
48551
|
+
},
|
|
48552
|
+
$$slots: { default: !0 }
|
|
48553
|
+
});
|
|
48554
|
+
}
|
|
48555
|
+
};
|
|
48556
|
+
if_block(K, (l) => {
|
|
48557
|
+
(!S() || !(x() || v() || m())) && l(q);
|
|
48558
|
+
}), reset(V), template_effect(() => {
|
|
48559
|
+
set_attribute(B, "id", j), B.disabled = b() || x(), set_attribute(B, "accept", get$2(f));
|
|
48560
|
+
}), event("change", B, L), append$1(l, z), pop();
|
|
48544
48561
|
}
|
|
48545
48562
|
//#endregion
|
|
48546
48563
|
//#region src/Form/Core/Multiselect.svelte
|
|
@@ -49761,12 +49778,12 @@ function TextArea(l, u) {
|
|
|
49761
49778
|
//#region src/Form/File.svelte
|
|
49762
49779
|
function File$2(l, u) {
|
|
49763
49780
|
push$1(u, !1);
|
|
49764
|
-
let f = prop(u, "label", 24, () => void 0), p = prop(u, "labelPosition", 8, "above"), m = prop(u, "disabled", 8, !1), v = prop(u, "allowClear", 24, () => void 0),
|
|
49765
|
-
|
|
49781
|
+
let f = prop(u, "label", 24, () => void 0), p = prop(u, "labelPosition", 8, "above"), m = prop(u, "disabled", 8, !1), v = prop(u, "loading", 8, !1), y = prop(u, "hideButtonWhenSet", 8, !1), b = prop(u, "allowClear", 24, () => void 0), x = prop(u, "handleFileTooLarge", 8, () => {}), S = prop(u, "previewUrl", 24, () => void 0), w = prop(u, "extensions", 24, () => void 0), T = prop(u, "error", 24, () => void 0), E = prop(u, "title", 24, () => void 0), D = prop(u, "value", 24, () => void 0), O = prop(u, "statusText", 24, () => void 0), k = prop(u, "tooltip", 24, () => void 0), j = prop(u, "helpText", 24, () => void 0), M = createEventDispatcher(), N = (l) => {
|
|
49782
|
+
M("change", l.detail);
|
|
49766
49783
|
};
|
|
49767
49784
|
init$1(), Field(l, {
|
|
49768
49785
|
get helpText() {
|
|
49769
|
-
return
|
|
49786
|
+
return j();
|
|
49770
49787
|
},
|
|
49771
49788
|
get label() {
|
|
49772
49789
|
return f();
|
|
@@ -49775,38 +49792,44 @@ function File$2(l, u) {
|
|
|
49775
49792
|
return p();
|
|
49776
49793
|
},
|
|
49777
49794
|
get error() {
|
|
49778
|
-
return
|
|
49795
|
+
return T();
|
|
49779
49796
|
},
|
|
49780
49797
|
get tooltip() {
|
|
49781
|
-
return
|
|
49798
|
+
return k();
|
|
49782
49799
|
},
|
|
49783
49800
|
children: (l, u) => {
|
|
49784
49801
|
File$1(l, {
|
|
49785
49802
|
get disabled() {
|
|
49786
49803
|
return m();
|
|
49787
49804
|
},
|
|
49788
|
-
get
|
|
49805
|
+
get loading() {
|
|
49789
49806
|
return v();
|
|
49790
49807
|
},
|
|
49808
|
+
get hideButtonWhenSet() {
|
|
49809
|
+
return y();
|
|
49810
|
+
},
|
|
49811
|
+
get allowClear() {
|
|
49812
|
+
return b();
|
|
49813
|
+
},
|
|
49791
49814
|
get title() {
|
|
49792
|
-
return
|
|
49815
|
+
return E();
|
|
49793
49816
|
},
|
|
49794
49817
|
get value() {
|
|
49795
|
-
return
|
|
49818
|
+
return D();
|
|
49796
49819
|
},
|
|
49797
49820
|
get statusText() {
|
|
49798
|
-
return
|
|
49821
|
+
return O();
|
|
49799
49822
|
},
|
|
49800
49823
|
get previewUrl() {
|
|
49801
|
-
return
|
|
49824
|
+
return S();
|
|
49802
49825
|
},
|
|
49803
49826
|
get handleFileTooLarge() {
|
|
49804
|
-
return
|
|
49827
|
+
return x();
|
|
49805
49828
|
},
|
|
49806
49829
|
get extensions() {
|
|
49807
|
-
return
|
|
49830
|
+
return w();
|
|
49808
49831
|
},
|
|
49809
|
-
$$events: { change:
|
|
49832
|
+
$$events: { change: N }
|
|
49810
49833
|
});
|
|
49811
49834
|
},
|
|
49812
49835
|
$$slots: { default: !0 }
|
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": "3.39.
|
|
4
|
+
"version": "3.39.31",
|
|
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": "11952e46cb13544c703a56d89e8bef8c189fd989"
|
|
112
112
|
}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import ActionButton from "../../ActionButton/ActionButton.svelte"
|
|
3
3
|
import { uuid } from "../../helpers"
|
|
4
4
|
import Icon from "../../Icon/Icon.svelte"
|
|
5
|
+
import ProgressCircle from "../../ProgressCircle/ProgressCircle.svelte"
|
|
5
6
|
import { createEventDispatcher } from "svelte"
|
|
6
7
|
|
|
7
8
|
const BYTES_IN_MB = 1000000
|
|
@@ -10,6 +11,8 @@
|
|
|
10
11
|
export let statusText: string | undefined = undefined
|
|
11
12
|
export let title: string = "Upload file"
|
|
12
13
|
export let disabled: boolean = false
|
|
14
|
+
export let loading: boolean = false
|
|
15
|
+
export let hideButtonWhenSet: boolean = false
|
|
13
16
|
export let allowClear: boolean | undefined = undefined
|
|
14
17
|
export let extensions: string[] | undefined = undefined
|
|
15
18
|
export let handleFileTooLarge: ((_file: File) => void) | undefined = undefined
|
|
@@ -39,6 +42,7 @@
|
|
|
39
42
|
function handleFile(evt: Event) {
|
|
40
43
|
const target = evt.target as HTMLInputElement
|
|
41
44
|
processFile(target.files?.[0])
|
|
45
|
+
target.value = ""
|
|
42
46
|
}
|
|
43
47
|
|
|
44
48
|
function clearFile() {
|
|
@@ -48,7 +52,7 @@
|
|
|
48
52
|
|
|
49
53
|
<input
|
|
50
54
|
id={fieldId}
|
|
51
|
-
{disabled}
|
|
55
|
+
disabled={disabled || loading}
|
|
52
56
|
type="file"
|
|
53
57
|
accept={inputAccept}
|
|
54
58
|
bind:this={fileInput}
|
|
@@ -58,7 +62,11 @@
|
|
|
58
62
|
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
|
59
63
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
|
60
64
|
<div class="field">
|
|
61
|
-
{#if
|
|
65
|
+
{#if loading}
|
|
66
|
+
<div class="file-view">
|
|
67
|
+
<ProgressCircle size="S" />
|
|
68
|
+
</div>
|
|
69
|
+
{:else if statusText}
|
|
62
70
|
<div class="file-view status" class:disabled>
|
|
63
71
|
<div class="filename">{statusText}</div>
|
|
64
72
|
{#if !disabled || (allowClear === true && disabled)}
|
|
@@ -89,9 +97,14 @@
|
|
|
89
97
|
{/if}
|
|
90
98
|
</div>
|
|
91
99
|
{/if}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
100
|
+
{#if !hideButtonWhenSet || !(loading || statusText || value)}
|
|
101
|
+
<ActionButton
|
|
102
|
+
disabled={disabled || loading}
|
|
103
|
+
on:click={() => fileInput?.click()}
|
|
104
|
+
>
|
|
105
|
+
{title}
|
|
106
|
+
</ActionButton>
|
|
107
|
+
{/if}
|
|
95
108
|
</div>
|
|
96
109
|
|
|
97
110
|
<style>
|
package/src/Form/File.svelte
CHANGED
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
export let label: string | undefined = undefined
|
|
8
8
|
export let labelPosition: LabelPosition = "above"
|
|
9
9
|
export let disabled: boolean = false
|
|
10
|
+
export let loading: boolean = false
|
|
11
|
+
export let hideButtonWhenSet: boolean = false
|
|
10
12
|
export let allowClear: boolean | undefined = undefined
|
|
11
13
|
export let handleFileTooLarge: (_file: File) => void = () => {}
|
|
12
14
|
export let previewUrl: string | undefined = undefined
|
|
@@ -20,7 +22,6 @@
|
|
|
20
22
|
|
|
21
23
|
const dispatch = createEventDispatcher()
|
|
22
24
|
const onChange = (e: CustomEvent) => {
|
|
23
|
-
value = e.detail
|
|
24
25
|
dispatch("change", e.detail)
|
|
25
26
|
}
|
|
26
27
|
</script>
|
|
@@ -28,6 +29,8 @@
|
|
|
28
29
|
<Field {helpText} {label} {labelPosition} {error} {tooltip}>
|
|
29
30
|
<CoreFile
|
|
30
31
|
{disabled}
|
|
32
|
+
{loading}
|
|
33
|
+
{hideButtonWhenSet}
|
|
31
34
|
{allowClear}
|
|
32
35
|
{title}
|
|
33
36
|
{value}
|