@budibase/bbui 3.40.1 → 3.41.1

package/dist/bbui.mjs

@@ -51303,12 +51303,11 @@ function Accordion(l, u) {
 //#region src/ActionGroup/ActionGroup.svelte
 var root$43 = /* @__PURE__ */ from_html("<div><!></div>");
 function ActionGroup(l, u) {
-	let f = prop(u, "vertical", 8, !1), p = prop(u, "justified", 8, !1), m = prop(u, "quiet", 8, !1), v = prop(u, "compact", 8, !1);
-	function y(l) {
+	let f = prop(u, "vertical", 8, !1), p = prop(u, "justified", 8, !1), m = prop(u, "quiet", 8, !1), v = prop(u, "compact", 8, !1), y = (l) => {
 		Array.from(l.getElementsByTagName("button")).forEach((l) => {
 			l.classList.add("spectrum-ActionGroup-item");
 		});
-	}
+	};
 	var b = root$43();
 	let x;
 	slot(child(b), u, "default", {}, null), reset(b), action(b, (l) => y?.(l)), template_effect((l) => x = set_class(b, 1, "spectrum-ActionGroup", null, x, l), [() => ({
@@ -51469,10 +51468,9 @@ function Badge(l, u) {
 var root_2$12 = /* @__PURE__ */ from_html("<button class=\"link svelte-1riituo\"><u class=\"svelte-1riituo\"> </u></button>"), root_3$11 = /* @__PURE__ */ from_html("<button class=\"spectrum-Button spectrum-Button--sizeM spectrum-Button--overBackground spectrum-Button--quiet svelte-1riituo\"><span class=\"spectrum-Button-label\"> </span></button>"), root_4$8 = /* @__PURE__ */ from_html("<div class=\"spectrum-Toast-buttons\"><button><div class=\"spectrum-ClearButton-fill\"><!></div></button></div>"), root_1$18 = /* @__PURE__ */ from_html("<div><!> <div class=\"spectrum-Toast-body svelte-1riituo\"><div class=\"spectrum-Toast-content row-content svelte-1riituo\"><!> <!></div> <!></div> <!></div>");
 function Banner(l, u) {
 	push$1(u, !1);
-	let f = createEventDispatcher(), p = prop(u, "type", 8, "info"), m = prop(u, "icon", 8, "info"), v = prop(u, "size", 8, "S"), y = prop(u, "extraButtonText", 8, void 0), b = prop(u, "extraButtonAction", 8, void 0), x = prop(u, "extraLinkText", 8, void 0), S = prop(u, "extraLinkAction", 8, void 0), w = prop(u, "showCloseButton", 8, !0), T = prop(u, "closeButtonTooltip", 8, void 0), E = /* @__PURE__ */ mutable_source(!0);
-	function D() {
+	let f = createEventDispatcher(), p = prop(u, "type", 8, "info"), m = prop(u, "icon", 8, "info"), v = prop(u, "size", 8, "S"), y = prop(u, "extraButtonText", 24, () => void 0), b = prop(u, "extraButtonAction", 24, () => void 0), x = prop(u, "extraLinkText", 24, () => void 0), S = prop(u, "extraLinkAction", 24, () => void 0), w = prop(u, "showCloseButton", 8, !0), T = prop(u, "closeButtonTooltip", 24, () => void 0), E = /* @__PURE__ */ mutable_source(!0), D = () => {
 		set(E, !1), f("change");
-	}
+	};
 	init$1();
 	var O = comment(), k = first_child(O), j = (l) => {
 		var f = root_1$18(), E = child(f);
@@ -51695,12 +51693,11 @@ function Button(l, u) {
 var root$39 = /* @__PURE__ */ from_html("<div><!></div>");
 function ButtonGroup(l, u) {
 	push$1(u, !1);
-	let f = /* @__PURE__ */ mutable_source(), p = prop(u, "vertical", 8, !1), m = prop(u, "gap", 8, "M");
-	function v(l) {
+	let f = /* @__PURE__ */ mutable_source(), p = prop(u, "vertical", 8, !1), m = prop(u, "gap", 8, "M"), v = (l) => {
 		Array.from(l.getElementsByTagName("button")).forEach((l) => {
 			l.classList.add("spectrum-ButtonGroup-item");
 		});
-	}
+	};
 	legacy_pre_effect(() => deep_read_state(m()), () => {
 		set(f, m() === "L" ? "var(--spacing-l)" : m() === "M" ? "var(--spacing-m)" : m() === "S" ? "var(--spacing-s)" : null);
 	}), legacy_pre_effect_reset();
@@ -51794,8 +51791,8 @@ function Item(l, u) {
 //#region src/ButtonGroup/CollapsedButtonGroup.svelte
 var root$37 = /* @__PURE__ */ from_html("<!> <!>", 1);
 function CollapsedButtonGroup(l, u) {
-	let f = prop(u, "buttons", 8), p = prop(u, "text", 8, "Action"), m = prop(u, "size", 8, "M"), v = prop(u, "align", 8, "left"), y = prop(u, "offset", 8), b = prop(u, "animate", 8), x = prop(u, "quiet", 8, !1), S = /* @__PURE__ */ mutable_source(), w = /* @__PURE__ */ mutable_source(), T = async (l) => {
-		get$2(w).hide(), await l.onClick?.();
+	let f = prop(u, "buttons", 8), p = prop(u, "text", 8, "Action"), m = prop(u, "size", 8, "M"), v = prop(u, "align", 8, "left"), y = prop(u, "offset", 24, () => void 0), b = prop(u, "animate", 24, () => void 0), x = prop(u, "quiet", 8, !1), S = /* @__PURE__ */ mutable_source(), w = /* @__PURE__ */ mutable_source(), T = async (l) => {
+		get$2(w)?.hide(), await l.onClick?.();
 	};
 	var E = root$37(), D = first_child(E);
 	{
@@ -51897,7 +51894,7 @@ function CollapsedButtonGroup(l, u) {
 //#region src/DetailSummary/DetailSummary.svelte
 var root_1$14 = /* @__PURE__ */ from_html("<div><div class=\"name svelte-18y7u22\"> </div> <div class=\"header-right svelte-18y7u22\"><div class=\"actions svelte-18y7u22\"><!></div> <!></div></div>"), root$36 = /* @__PURE__ */ from_html("<div class=\"property-group-container svelte-18y7u22\"><!> <div><!></div></div>");
 function DetailSummary(l, u) {
-	let f = prop(u, "name", 8), p = prop(u, "initiallyShow", 8, !1), m = prop(u, "collapsible", 8, !0), v = prop(u, "padded", 8, !0), y = /* @__PURE__ */ mutable_source(p()), b = () => {
+	let f = prop(u, "name", 24, () => void 0), p = prop(u, "initiallyShow", 8, !1), m = prop(u, "collapsible", 8, !0), v = prop(u, "padded", 8, !0), y = /* @__PURE__ */ mutable_source(p()), b = () => {
 		m() && set(y, !get$2(y));
 	};
 	var x = root$36(), S = child(x), w = (l) => {
@@ -57810,11 +57807,11 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 	};
 	u.exports = m, m.default = m;
 })), require_stringifier = /* @__PURE__ */ __commonJSMin(((l, u) => {
-	var f = /(<)(\/?style\b)/gi, p = /(<)(!--)/g;
-	function m(l) {
+	var f = /(<)(\/?style\b)/gi, p = /(<)(!--)/g, m = /[\t\n\f\r "#'()/;[\\\]{}]/;
+	function v(l) {
 		return typeof l != "string" || !l.includes("<") ? l : l.replace(f, "\\3c $2").replace(p, "\\3c $2");
 	}
-	var v = {
+	var y = {
 		after: "\n",
 		beforeClose: "\n",
 		beforeComment: "\n",
@@ -57828,19 +57825,45 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 		indent: "    ",
 		semicolon: !1
 	};
-	function y(l) {
+	function b(l) {
 		return l[0].toUpperCase() + l.slice(1);
 	}
-	var b = class {
+	function x(l, u) {
+		let f = "@" + u.name, p = u.params ? l.rawValue(u, "params") : "", v = u.raws.afterName;
+		return v === void 0 ? v = p ? " " : "" : v === "" && p && !m.test(p[0]) && (v = " "), f + v + p;
+	}
+	function S(l, u, f) {
+		let p = f.nodes, m = p.length - 1;
+		for (; m > 0 && p[m].type === "comment";) --m;
+		let v = l.raw(f, "semicolon"), y = f.type === "document";
+		for (let l = p.length - 1; l >= 0; l--) {
+			let f = p[l], b = m !== l || v;
+			!b && l < p.length - 1 && (f.type === "atrule" && !f.nodes || f.type === "decl" && f.prop.startsWith("--")) && (b = !0), u.push({
+				document: y,
+				node: f,
+				semicolon: b
+			});
+		}
+	}
+	function w(l, u, f, p) {
+		let m = l.raw(f, "between", "beforeOpen");
+		l.builder(v(p + m) + "{", f, "start");
+		let y = f.nodes && f.nodes.length, b = () => {
+			let u = y ? l.raw(f, "after") : l.raw(f, "after", "emptyBody");
+			u && l.builder(v(u)), l.builder("}", f, "end"), f.type === "rule" && f.raws.ownSemicolon && l.builder(v(f.raws.ownSemicolon), f, "end");
+		};
+		y ? (u.push(b), S(l, u, f)) : b();
+	}
+	var T = class l {
 		constructor(l) {
 			this.builder = l;
 		}
 		atrule(l, u) {
-			let f = l.raws, p = "@" + l.name, v = l.params ? this.rawValue(l, "params") : "";
-			if (f.afterName === void 0 ? v && (p += " ") : p += f.afterName, l.nodes) this.block(l, p + v);
+			let f = x(this, l);
+			if (l.nodes) this.block(l, f);
 			else {
-				let y = (f.between || "") + (u ? ";" : "");
-				this.builder(m(p + v + y), l);
+				let p = (l.raws.between || "") + (u ? ";" : "");
+				this.builder(v(f + p), l);
 			}
 		}
 		beforeAfter(l, u) {
@@ -57856,26 +57879,35 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 		}
 		block(l, u) {
 			let f = this.raw(l, "between", "beforeOpen");
-			this.builder(m(u + f) + "{", l, "start");
+			this.builder(v(u + f) + "{", l, "start");
 			let p;
-			l.nodes && l.nodes.length ? (this.body(l), p = this.raw(l, "after")) : p = this.raw(l, "after", "emptyBody"), p && this.builder(m(p)), this.builder("}", l, "end");
-		}
-		body(l) {
-			let u = l.nodes, f = u.length - 1;
-			for (; f > 0 && u[f].type === "comment";) --f;
-			let p = this.raw(l, "semicolon"), v = l.type === "document";
-			for (let l = 0; l < u.length; l++) {
-				let y = u[l], b = this.raw(y, "before");
-				b && this.builder(v ? b : m(b)), this.stringify(y, f !== l || p);
+			l.nodes && l.nodes.length ? (this.body(l), p = this.raw(l, "after")) : p = this.raw(l, "after", "emptyBody"), p && this.builder(v(p)), this.builder("}", l, "end");
+		}
+		body(u) {
+			let f = l.prototype, p = [
+				"atrule",
+				"block",
+				"body",
+				"rule",
+				"stringify"
+			].every((l) => this[l] === f[l]), m = [];
+			for (S(this, m, u); m.length > 0;) {
+				let l = m.pop();
+				if (typeof l == "function") {
+					l();
+					continue;
+				}
+				let u = l.node, f = this.raw(u, "before");
+				f && this.builder(l.document ? f : v(f)), p && u.type === "rule" ? w(this, m, u, this.rawValue(u, "selector")) : p && u.type === "atrule" && u.nodes ? w(this, m, u, x(this, u)) : this.stringify(u, l.semicolon);
 			}
 		}
 		comment(l) {
 			let u = this.raw(l, "left", "commentLeft"), f = this.raw(l, "right", "commentRight");
-			this.builder(m("/*" + u + l.text + f + "*/"), l);
+			this.builder(v("/*" + u + l.text + f + "*/"), l);
 		}
 		decl(l, u) {
-			let f = l.raws, p = this.raw(l, "between", "colon"), v = l.prop + p + this.rawValue(l, "value");
-			l.important && (v += f.important || " !important"), u && (v += ";"), this.builder(m(v), l);
+			let f = l.raws, p = this.raw(l, "between", "colon"), m = l.prop + p + this.rawValue(l, "value");
+			l.important && (m += f.important || " !important"), u && (m += ";"), this.builder(v(m), l);
 		}
 		document(l) {
 			this.body(l);
@@ -57885,17 +57917,17 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			if (f ||= u, u && (p = l.raws[u], p !== void 0)) return p;
 			let m = l.parent;
 			if (f === "before" && (!m || m.type === "root" && m.first === l || m && m.type === "document")) return "";
-			if (!m) return v[f];
-			let b = l.root(), x = b.rawCache ||= {};
+			if (!m) return y[f];
+			let v = l.root(), x = v.rawCache ||= {};
 			if (x[f] !== void 0) return x[f];
 			if (f === "before" || f === "after") return this.beforeAfter(l, f);
 			{
-				let m = "raw" + y(f);
-				this[m] ? p = this[m](b, l) : b.walk((l) => {
+				let m = "raw" + b(f);
+				this[m] ? p = this[m](v, l) : v.walk((l) => {
 					if (p = l.raws[u], p !== void 0) return !1;
 				});
 			}
-			return p === void 0 && (p = v[f]), x[f] = p, p;
+			return p === void 0 && (p = y[f]), x[f] = p, p;
 		}
 		rawBeforeClose(l) {
 			let u;
@@ -57963,11 +57995,11 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 		root(l) {
 			if (this.body(l), l.raws.after) {
 				let u = l.raws.after, f = l.parent && l.parent.type === "document";
-				this.builder(f ? u : m(u));
+				this.builder(f ? u : v(u));
 			}
 		}
 		rule(l) {
-			this.block(l, this.rawValue(l, "selector")), l.raws.ownSemicolon && this.builder(m(l.raws.ownSemicolon), l, "end");
+			this.block(l, this.rawValue(l, "selector")), l.raws.ownSemicolon && this.builder(v(l.raws.ownSemicolon), l, "end");
 		}
 		stringify(l, u) {
 			/* c8 ignore start */
@@ -57976,7 +58008,7 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			this[l.type](l, u);
 		}
 	};
-	u.exports = b, b.default = b;
+	u.exports = T, T.default = T;
 })), require_stringify = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var f = require_stringifier();
 	function p(l, u) {
@@ -57988,11 +58020,41 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 })), require_node = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var f = require_css_syntax_error(), p = require_stringifier(), m = require_stringify(), { isClean: v, my: y } = require_symbols();
 	function b(l, u) {
-		let f = new l.constructor();
-		for (let p in l) {
-			if (!Object.prototype.hasOwnProperty.call(l, p) || p === "proxyCache") continue;
-			let m = l[p], v = typeof m;
-			p === "parent" && v === "object" ? u && (f[p] = u) : p === "source" ? f[p] = m : Array.isArray(m) ? f[p] = m.map((l) => b(l, f)) : (v === "object" && m !== null && (m = b(m)), f[p] = m);
+		let f = new l.constructor(), p = [[
+			l,
+			f,
+			u
+		]];
+		for (; p.length > 0;) {
+			let [l, u, f] = p.pop();
+			for (let m in l) {
+				if (!Object.prototype.hasOwnProperty.call(l, m) || m === "proxyCache") continue;
+				let v = l[m], y = typeof v;
+				if (m === "parent" && y === "object") f && (u[m] = f);
+				else if (m === "source") u[m] = v;
+				else if (Array.isArray(v)) {
+					let l = [];
+					u[m] = l;
+					for (let f of v) {
+						let m = new f.constructor();
+						l.push(m), p.push([
+							f,
+							m,
+							u
+						]);
+					}
+				} else {
+					if (y === "object" && v !== null) {
+						let l = new v.constructor();
+						p.push([
+							v,
+							l,
+							void 0
+						]), v = l;
+					}
+					u[m] = v;
+				}
+			}
 		}
 		return f;
 	}
@@ -58008,15 +58070,15 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 		}
 		return m;
 	}
-	var S = class {
+	var S = class l {
 		get proxyOf() {
 			return this;
 		}
 		constructor(l = {}) {
 			this.raws = {}, this[v] = !1, this[y] = !0;
-			for (let u in l) if (u === "nodes") {
+			for (let u of Object.keys(l)) if (u !== "__proto__") if (u === "nodes") {
 				this.nodes = [];
-				for (let f of l[u]) typeof f.clone == "function" ? this.append(f.clone()) : this.append(f);
+				for (let f of l[u]) typeof f.clone == "function" && f.parent ? this.append(f.clone()) : this.append(f);
 			} else this[u] = l[u];
 		}
 		addToError(l) {
@@ -58092,13 +58154,17 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			return this.parent.nodes[l + 1];
 		}
 		positionBy(l = {}) {
-			let u = this.source.start;
-			if (l.index) u = this.positionInside(l.index);
+			let u = "document" in this.source.input ? this.source.input.document : this.source.input.css, f = {
+				column: this.source.start.column,
+				line: this.source.start.line,
+				offset: x(u, this.source.start)
+			};
+			if (l.index) f = this.positionInside(l.index);
 			else if (l.word) {
-				let f = "document" in this.source.input ? this.source.input.document : this.source.input.css, p = f.slice(x(f, this.source.start), x(f, this.source.end)).indexOf(l.word);
-				p !== -1 && (u = this.positionInside(p));
+				let p = u.slice(x(u, this.source.start), x(u, this.source.end)).indexOf(l.word);
+				p !== -1 && (f = this.positionInside(p));
 			}
-			return u;
+			return f;
 		}
 		positionInside(l) {
 			let u = this.source.start.column, f = this.source.start.line, p = "document" in this.source.input ? this.source.input.document : this.source.input.css, m = x(p, this.source.start), v = m + l;
@@ -58135,11 +58201,11 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 				column: l.start.column,
 				line: l.start.line,
 				offset: x(u, l.start)
-			} : l.index && (f = this.positionInside(l.index)), l.end ? p = {
+			} : typeof l.index == "number" && (f = this.positionInside(l.index)), l.end ? p = {
 				column: l.end.column,
 				line: l.end.line,
 				offset: x(u, l.end)
-			} : typeof l.endIndex == "number" ? p = this.positionInside(l.endIndex) : l.index && (p = this.positionInside(l.index + 1));
+			} : typeof l.endIndex == "number" ? p = this.positionInside(l.endIndex) : typeof l.index == "number" && (p = this.positionInside(l.index + 1));
 			return (p.line < f.line || p.line === f.line && p.column <= f.column) && (p = {
 				column: f.column + 1,
 				line: f.line,
@@ -58168,26 +58234,49 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			for (; l.parent && l.parent.type !== "document";) l = l.parent;
 			return l;
 		}
-		toJSON(l, u) {
-			let f = {}, p = u == null;
-			u ||= /* @__PURE__ */ new Map();
-			let m = 0;
-			for (let l in this) {
-				if (!Object.prototype.hasOwnProperty.call(this, l) || l === "parent" || l === "proxyCache") continue;
-				let p = this[l];
-				if (Array.isArray(p)) f[l] = p.map((l) => typeof l == "object" && l.toJSON ? l.toJSON(null, u) : l);
-				else if (typeof p == "object" && p.toJSON) f[l] = p.toJSON(null, u);
-				else if (l === "source") {
-					if (p == null) continue;
-					let v = u.get(p.input);
-					v ?? (v = m, u.set(p.input, m), m++), f[l] = {
-						end: p.end,
-						inputId: v,
-						start: p.start
-					};
-				} else f[l] = p;
+		toJSON(u, f) {
+			let p = f == null;
+			f ||= /* @__PURE__ */ new Map();
+			let m = [], v = [[
+				this,
+				m,
+				0
+			]];
+			for (let u = 0; u < v.length; u++) {
+				let [p, m, y] = v[u], b = {};
+				m[y] = b;
+				for (let u in p) {
+					if (!Object.prototype.hasOwnProperty.call(p, u) || u === "parent" || u === "proxyCache") continue;
+					let m = p[u];
+					if (Array.isArray(m)) {
+						let p = [];
+						b[u] = p;
+						for (let u = 0; u < m.length; u++) {
+							let y = m[u];
+							typeof y == "object" && y.toJSON ? y.toJSON === l.prototype.toJSON ? v.push([
+								y,
+								p,
+								u
+							]) : p[u] = y.toJSON(null, f) : p[u] = y;
+						}
+					} else if (typeof m == "object" && m.toJSON) m.toJSON === l.prototype.toJSON ? v.push([
+						m,
+						b,
+						u
+					]) : b[u] = m.toJSON(null, f);
+					else if (u === "source") {
+						if (m == null) continue;
+						let l = f.get(m.input);
+						l ?? (l = f.size, f.set(m.input, l)), b[u] = {
+							end: m.end,
+							inputId: l,
+							start: m.start
+						};
+					} else b[u] = m;
+				}
 			}
-			return p && (f.inputs = [...u.keys()].map((l) => l.toJSON())), f;
+			let y = m[0];
+			return p && (y.inputs = [...f.keys()].map((l) => l.toJSON())), y;
 		}
 		toProxy() {
 			return this.proxyCache ||= new Proxy(this, this.getProxyProcessor()), this.proxyCache;
@@ -58229,10 +58318,22 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 })), require_container = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var f = require_comment(), p = require_declaration(), m = require_node(), { isClean: v, my: y } = require_symbols(), b, x, S, w;
 	function T(l) {
-		return l.map((l) => (l.nodes &&= T(l.nodes), delete l.source, l));
+		let u = l.slice();
+		for (; u.length > 0;) {
+			let l = u.pop();
+			if (delete l.source, l.nodes) {
+				l.nodes = l.nodes.slice();
+				for (let f of l.nodes) u.push(f);
+			}
+		}
+		return l.slice();
 	}
 	function E(l) {
-		if (l[v] = !1, l.proxyOf.nodes) for (let u of l.proxyOf.nodes) E(u);
+		let u = [l];
+		for (; u.length > 0;) {
+			let l = u.pop();
+			if (l[v] = !1, l.proxyOf.nodes) for (let f of l.proxyOf.nodes) u.push(f);
+		}
 	}
 	var D = class l extends m {
 		get first() {
@@ -58248,8 +58349,16 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			}
 			return this.markDirty(), this;
 		}
-		cleanRaws(l) {
-			if (super.cleanRaws(l), this.nodes) for (let u of this.nodes) u.cleanRaws(l);
+		cleanRaws(u) {
+			let f = [this];
+			for (; f.length > 0;) {
+				let p = f.pop();
+				if (p !== this && p.cleanRaws !== l.prototype.cleanRaws) {
+					p.cleanRaws(u);
+					continue;
+				}
+				if (m.prototype.cleanRaws.call(p, u), p.nodes) for (let l of p.nodes) f.push(l);
+			}
 		}
 		each(l) {
 			if (!this.proxyOf.nodes) return;
@@ -58344,15 +58453,34 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			return this.nodes.some(l);
 		}
 		walk(l) {
-			return this.each((u, f) => {
-				let p;
+			if (!this.proxyOf.nodes) return;
+			let u = [{
+				iterator: this.getIterator(),
+				node: this.proxyOf
+			}];
+			for (; u.length > 0;) {
+				let { iterator: f, node: p } = u[u.length - 1], m = p.indexes[f];
+				if (m >= p.proxyOf.nodes.length) {
+					delete p.indexes[f], u.pop();
+					let l = u[u.length - 1];
+					l && (l.node.indexes[l.iterator] += 1);
+					continue;
+				}
+				let v = p.proxyOf.nodes[m], y;
 				try {
-					p = l(u, f);
+					y = l(v, m);
 				} catch (l) {
-					throw u.addToError(l);
+					throw v.addToError(l);
 				}
-				return p !== !1 && u.walk && (p = u.walk(l)), p;
-			});
+				if (y === !1) {
+					for (let l of u) delete l.node.indexes[l.iterator];
+					return !1;
+				}
+				v.walk && v.proxyOf.nodes ? u.push({
+					iterator: v.getIterator(),
+					node: v
+				}) : p.indexes[f] += 1;
+			}
 		}
 		walkAtRules(l, u) {
 			return u ? l instanceof RegExp ? this.walk((f, p) => {
@@ -58397,9 +58525,11 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 	}, D.registerRoot = (l) => {
 		S = l;
 	}, u.exports = D, D.default = D, D.rebuild = (l) => {
-		l.type === "atrule" ? Object.setPrototypeOf(l, b.prototype) : l.type === "rule" ? Object.setPrototypeOf(l, w.prototype) : l.type === "decl" ? Object.setPrototypeOf(l, p.prototype) : l.type === "comment" ? Object.setPrototypeOf(l, f.prototype) : l.type === "root" && Object.setPrototypeOf(l, S.prototype), l[y] = !0, l.nodes && l.nodes.forEach((l) => {
-			D.rebuild(l);
-		});
+		let u = [l];
+		for (; u.length > 0;) {
+			let l = u.pop();
+			if (l.type === "atrule" ? Object.setPrototypeOf(l, b.prototype) : l.type === "rule" ? Object.setPrototypeOf(l, w.prototype) : l.type === "decl" ? Object.setPrototypeOf(l, p.prototype) : l.type === "comment" ? Object.setPrototypeOf(l, f.prototype) : l.type === "root" && Object.setPrototypeOf(l, S.prototype), l[y] = !0, l.nodes) for (let f of l.nodes) u.push(f);
+		}
 	};
 })), require_at_rule = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var f = require_container(), p = class extends f {
@@ -58436,22 +58566,22 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 	u.exports = {
 		nanoid: (l = 21) => {
 			let u = "", p = l | 0;
-			for (; p--;) u += f[Math.random() * 64 | 0];
+			for (; p-- > 0;) u += f[Math.random() * 64 | 0];
 			return u;
 		},
 		customAlphabet: (l, u = 21) => (f = u) => {
 			let p = "", m = f | 0;
-			for (; m--;) p += l[Math.random() * l.length | 0];
+			for (; m-- > 0;) p += l[Math.random() * l.length | 0];
 			return p;
 		}
 	};
 })), require_previous_map = /* @__PURE__ */ __commonJSMin(((l, u) => {
-	var { existsSync: f, readFileSync: p } = require___vite_browser_external(), { dirname: m, join: v } = require___vite_browser_external(), { SourceMapConsumer: y, SourceMapGenerator: b } = require___vite_browser_external();
-	function x(l) {
+	var { existsSync: f, readFileSync: p } = require___vite_browser_external(), { dirname: m, isAbsolute: v, join: y, relative: b, sep: x } = require___vite_browser_external(), { SourceMapConsumer: S, SourceMapGenerator: w } = require___vite_browser_external();
+	function T(l) {
 		/* c8 ignore next 2 */
 		return Buffer ? Buffer.from(l, "base64").toString() : window.atob(l);
 	}
-	var S = class {
+	var E = class {
 		constructor(l, u) {
 			if (u.map === !1) return;
 			u.unsafeMap && (this.unsafeMap = !0), this.loadAnnotation(l), this.inline = this.startWith(this.annotation, "data:");
@@ -58459,13 +58589,13 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			!this.mapFile && u.from && (this.mapFile = u.from), this.mapFile && (this.root = m(this.mapFile)), p && (this.text = p);
 		}
 		consumer() {
-			return this.consumerCache ||= new y(this.json || this.text), this.consumerCache;
+			return this.consumerCache ||= new S(this.json || this.text), this.consumerCache;
 		}
 		decodeInline(l) {
 			let u = /^data:application\/json;charset=utf-?8;base64,/, f = /^data:application\/json;base64,/, p = l.match(/^data:application\/json;charset=utf-?8,/) || l.match(/^data:application\/json,/);
 			if (p) return decodeURIComponent(l.substr(p[0].length));
 			let m = l.match(u) || l.match(f);
-			if (m) return x(l.substr(m[0].length));
+			if (m) return T(l.substr(m[0].length));
 			let v = l.slice(22);
 			throw v = v.slice(0, v.indexOf(",")), Error("Unsupported source map encoding " + v);
 		}
@@ -58481,8 +58611,13 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			let f = l.lastIndexOf(u.pop()), p = l.indexOf("*/", f);
 			f > -1 && p > -1 && (this.annotation = this.getAnnotationURL(l.substring(f, p)));
 		}
-		loadFile(l, u, v) {
-			if (!(!v && !this.unsafeMap && !/\.map$/i.test(l)) && (this.root = m(l), f(l))) return this.mapFile = l, p(l, "utf-8").toString().trim();
+		loadFile(l, u, y) {
+			if (!y && !this.unsafeMap) {
+				if (!/\.map$/i.test(l) || !u) return;
+				let f = b(m(u), l);
+				if (f === ".." || f.startsWith(".." + x) || v(f)) return;
+			}
+			if (this.root = m(l), f(l)) return this.mapFile = l, p(l, "utf-8").toString().trim();
 		}
 		loadMap(l, u) {
 			if (u === !1) return !1;
@@ -58495,14 +58630,14 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 						if (!u) throw Error("Unable to load previous source map: " + f.toString());
 						return u;
 					}
-				} else if (u instanceof y) return b.fromSourceMap(u).toString();
-				else if (u instanceof b) return u.toString();
+				} else if (u instanceof S) return w.fromSourceMap(u).toString();
+				else if (u instanceof w) return u.toString();
 				else if (this.isMap(u)) return JSON.stringify(u);
 				else throw Error("Unsupported previous source map format: " + u.toString());
 			} else if (this.inline) return this.decodeInline(this.annotation);
 			else if (this.annotation) {
 				let u = this.annotation;
-				l && (u = v(m(l), u));
+				l && (u = y(m(l), u));
 				let f = this.loadFile(u, l, !1);
 				if (f) try {
 					/* c8 ignore next 4 */
@@ -58520,7 +58655,7 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			return !!(this.consumer().sourcesContent && this.consumer().sourcesContent.length > 0);
 		}
 	};
-	u.exports = S, S.default = S;
+	u.exports = E, E.default = E;
 })), require_input = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var { nanoid: f } = require_non_secure(), { isAbsolute: p, resolve: m } = require___vite_browser_external(), { SourceMapConsumer: v, SourceMapGenerator: y } = require___vite_browser_external(), { fileURLToPath: b, pathToFileURL: x } = require___vite_browser_external(), S = require_css_syntax_error(), w = require_previous_map(), T = require___vite_browser_external(), E = Symbol("lineToIndexCache"), D = !!(v && y), O = !!(m && p);
 	function k(l) {
@@ -58614,20 +58749,23 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 		origin(l, u, f, m) {
 			if (!this.map) return !1;
 			let v = this.map.consumer(), y = v.originalPositionFor({
-				column: u,
+				column: u - 1,
 				line: l
 			});
 			if (!y.source) return !1;
 			let S;
-			typeof f == "number" && (S = v.originalPositionFor({
-				column: m,
-				line: f
-			}));
+			if (typeof f == "number") {
+				let l = v.originalPositionFor({
+					column: m - 1,
+					line: f
+				});
+				l.source && (S = l);
+			}
 			let w;
 			w = p(y.source) ? x(y.source) : new URL(y.source, this.map.consumer().sourceRoot || x(this.map.mapFile));
 			let T = {
-				column: y.column,
-				endColumn: S && S.column,
+				column: y.column + 1,
+				endColumn: S && S.column + 1,
 				endLine: S && S.line,
 				line: y.line,
 				url: w.toString()
@@ -58657,12 +58795,14 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			super(l), this.type = "root", this.nodes ||= [];
 		}
 		normalize(l, u, f) {
-			let p = super.normalize(l);
+			let p = /* @__PURE__ */ new Set();
+			for (let u of Array.isArray(l) ? l : [l]) u && typeof u == "object" && !u.parent && u.raws && u.raws.before !== void 0 && p.add(u.raws);
+			let m = super.normalize(l);
 			if (u) {
 				if (f === "prepend") this.nodes.length > 1 ? u.raws.before = this.nodes[1].raws.before : delete u.raws.before;
-				else if (this.first !== u) for (let l of p) l.raws.before = u.raws.before;
+				else if (this.first !== u) for (let l of m) p.has(l.raws) || (l.raws.before = u.raws.before);
 			}
-			return p;
+			return m;
 		}
 		removeChild(l, u) {
 			let f = this.index(l);
@@ -58713,33 +58853,63 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 })), require_fromJSON = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var f = require_at_rule(), p = require_comment(), m = require_declaration(), v = require_input(), y = require_previous_map(), b = require_root(), x = require_rule();
 	function S(l, u) {
-		if (Array.isArray(l)) return l.map((l) => S(l));
-		let { inputs: w, ...T } = l;
-		if (w) {
-			u = [];
-			for (let l of w) {
-				let f = {
-					...l,
-					__proto__: v.prototype
-				};
-				f.map &&= {
-					...f.map,
-					__proto__: y.prototype
-				}, u.push(f);
-			}
+		return l.inputs ? l.inputs.map((l) => {
+			let u = {
+				...l,
+				__proto__: v.prototype
+			};
+			return u.map &&= {
+				...u.map,
+				__proto__: y.prototype
+			}, u;
+		}) : u;
+	}
+	function w(l, u, v) {
+		let y = { ...l };
+		if (delete y.inputs, delete y.nodes, y.source) {
+			let { inputId: l, ...f } = y.source;
+			y.source = f, l != null && (y.source.input = u[l]);
 		}
-		if (T.nodes &&= l.nodes.map((l) => S(l, u)), T.source) {
-			let { inputId: l, ...f } = T.source;
-			T.source = f, l != null && (T.source.input = u[l]);
+		let S;
+		if (y.type === "root") S = new b(y);
+		else if (y.type === "decl") S = new m(y);
+		else if (y.type === "rule") S = new x(y);
+		else if (y.type === "comment") S = new p(y);
+		else if (y.type === "atrule") S = new f(y);
+		else throw Error("Unknown node type: " + l.type);
+		if (v) {
+			S.nodes = v;
+			for (let l of v) l.parent = S;
 		}
-		if (T.type === "root") return new b(T);
-		if (T.type === "decl") return new m(T);
-		if (T.type === "rule") return new x(T);
-		if (T.type === "comment") return new p(T);
-		if (T.type === "atrule") return new f(T);
-		throw Error("Unknown node type: " + l.type);
+		return S;
 	}
-	u.exports = S, S.default = S;
+	function T(l, u) {
+		if (Array.isArray(l)) return l.map((l) => T(l));
+		let f, p = [{
+			childIndex: 0,
+			children: [],
+			inputs: S(l, u),
+			json: l
+		}];
+		for (; p.length > 0;) {
+			let l = p[p.length - 1], u = l.json.nodes;
+			if (u && l.childIndex < u.length) {
+				let f = u[l.childIndex];
+				l.childIndex += 1, p.push({
+					childIndex: 0,
+					children: [],
+					inputs: S(f, l.inputs),
+					json: f
+				});
+				continue;
+			}
+			p.pop();
+			let m = w(l.json, l.inputs, u ? l.children : void 0);
+			p.length > 0 ? p[p.length - 1].children.push(m) : f = m;
+		}
+		return f;
+	}
+	u.exports = T, T.default = T;
 })), require_map_generator = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var { dirname: f, relative: p, resolve: m, sep: v } = require___vite_browser_external(), { SourceMapConsumer: y, SourceMapGenerator: b } = require___vite_browser_external(), { pathToFileURL: x } = require___vite_browser_external(), S = require_input(), w = !!(y && b), T = !!(f && m && p && v);
 	u.exports = class {
@@ -59325,9 +59495,10 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 	}
 	u.exports = v, v.default = v, f.registerParse(v);
 })), require_warning = /* @__PURE__ */ __commonJSMin(((l, u) => {
-	var f = class {
+	var f = require_container(), { my: p } = require_symbols(), m = class {
 		constructor(l, u = {}) {
 			if (this.type = "warning", this.text = l, u.node && u.node.source) {
+				u.node[p] || f.rebuild(u.node);
 				let l = u.node.rangeBy(u);
 				this.line = l.start.line, this.column = l.start.column, this.endLine = l.end.line, this.endColumn = l.end.column;
 			}
@@ -59341,7 +59512,7 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 			}).message : this.plugin ? this.plugin + ": " + this.text : this.text;
 		}
 	};
-	u.exports = f, f.default = f;
+	u.exports = m, m.default = m;
 })), require_result = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var f = require_warning(), p = class {
 		get content() {
@@ -59440,7 +59611,12 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 		};
 	}
 	function P(l) {
-		return l[S] = !1, l.nodes && l.nodes.forEach((l) => P(l)), l;
+		let u = [l];
+		for (; u.length > 0;) {
+			let l = u.pop();
+			if (l[S] = !1, l.nodes) for (let f of l.nodes) u.push(f);
+		}
+		return l;
 	}
 	var F = {}, L = class l {
 		get content() {
@@ -59668,13 +59844,38 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 		}
 		walkSync(l) {
 			l[S] = !0;
-			let u = M(l);
-			for (let f of u) if (f === k) l.nodes && l.each((l) => {
-				l[S] || this.walkSync(l);
-			});
-			else {
-				let u = this.listeners[f];
-				if (u && this.visitSync(u, l.toProxy())) return;
+			let u = [{
+				eventIndex: 0,
+				events: M(l),
+				iterator: 0,
+				node: l
+			}];
+			for (; u.length > 0;) {
+				let l = u[u.length - 1], f = l.node;
+				if (l.iterator !== 0) {
+					let p = l.iterator, m, v = !1;
+					for (; m = f.nodes[f.indexes[p]];) if (f.indexes[p] += 1, !m[S]) {
+						m[S] = !0, u.push({
+							eventIndex: 0,
+							events: M(m),
+							iterator: 0,
+							node: m
+						}), v = !0;
+						break;
+					}
+					if (v) continue;
+					l.iterator = 0, delete f.indexes[p];
+				}
+				if (l.eventIndex < l.events.length) {
+					let p = l.events[l.eventIndex];
+					if (l.eventIndex += 1, p === k) f.nodes && f.nodes.length && (l.iterator = f.getIterator());
+					else {
+						let l = this.listeners[p];
+						l && this.visitSync(l, f.toProxy()) && u.pop();
+					}
+					continue;
+				}
+				u.pop();
 			}
 		}
 		warnings() {
@@ -59759,7 +59960,7 @@ var options = marked.options, setOptions = marked.setOptions, use = marked.use,
 })), require_processor = /* @__PURE__ */ __commonJSMin(((l, u) => {
 	var f = require_document(), p = require_lazy_result(), m = require_no_work_result(), v = require_root(), y = class {
 		constructor(l = []) {
-			this.version = "8.5.15", this.plugins = this.normalize(l);
+			this.version = "8.5.23", this.plugins = this.normalize(l);
 		}
 		normalize(l) {
 			let u = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@budibase/bbui",
   "description": "A UI solution used in the different Budibase projects.",
-  "version": "3.40.1",
+  "version": "3.41.1",
   "license": "MPL-2.0",
   "module": "dist/bbui.mjs",
   "exports": {
@@ -108,5 +108,5 @@
       }
     }
   },
-  "gitHead": "8866a9829af7fee80c1468d060c1d1749414a7cc"
+  "gitHead": "fc94728bc509937e374c5d38f47f8858a1f405c9"
 }

package/src/ActionGroup/ActionGroup.svelte

@@ -1,13 +1,13 @@
-<script>
+<script lang="ts">
   import "@spectrum-css/actiongroup/dist/index-vars.css"
 
-  export let vertical = false
-  export let justified = false
-  export let quiet = false
-  export let compact = false
+  export let vertical: boolean = false
+  export let justified: boolean = false
+  export let quiet: boolean = false
+  export let compact: boolean = false
 
   // Attaches a spectrum-ActionGroup-item class to buttons inside the div
-  function group(element) {
+  const group = (element: HTMLElement) => {
     const buttons = Array.from(element.getElementsByTagName("button"))
     buttons.forEach(button => {
       button.classList.add("spectrum-ActionGroup-item")

package/src/Banner/Banner.svelte

@@ -1,22 +1,22 @@
-<script>
+<script lang="ts">
   import { createEventDispatcher } from "svelte"
   import Icon from "../Icon/Icon.svelte"
 
-  let dispatch = createEventDispatcher()
+  const dispatch = createEventDispatcher<{ change: void }>()
 
-  export let type = "info"
-  export let icon = "info"
-  export let size = "S"
-  export let extraButtonText = undefined
-  export let extraButtonAction = undefined
-  export let extraLinkText = undefined
-  export let extraLinkAction = undefined
-  export let showCloseButton = true
-  export let closeButtonTooltip = undefined
+  export let type: string = "info"
+  export let icon: string = "info"
+  export let size: "XXS" | "XS" | "S" | "M" | "L" | "XL" | "XXL" | "XXXL" = "S"
+  export let extraButtonText: string | undefined = undefined
+  export let extraButtonAction: (() => void) | undefined = undefined
+  export let extraLinkText: string | undefined = undefined
+  export let extraLinkAction: (() => void) | undefined = undefined
+  export let showCloseButton: boolean = true
+  export let closeButtonTooltip: string | undefined = undefined
 
   let show = true
 
-  function clear() {
+  const clear = () => {
     show = false
     dispatch("change")
   }

package/src/Banner/BannerDisplay.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import "@spectrum-css/toast/dist/index-vars.css"
   import Portal from "svelte-portal"
   import { banner } from "../Stores/banner"

package/src/ButtonGroup/ButtonGroup.svelte

@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import "@spectrum-css/buttongroup/dist/index-vars.css"
 
-  export let vertical = false
-  export let gap = "M"
+  export let vertical: boolean = false
+  export let gap: "S" | "M" | "L" = "M"
 
   $: gapStyle =
     gap === "L"
@@ -13,7 +13,7 @@
           ? "var(--spacing-s)"
           : null
 
-  function group(element) {
+  const group = (element: HTMLElement) => {
     const buttons = Array.from(element.getElementsByTagName("button"))
     buttons.forEach(button => {
       button.classList.add("spectrum-ButtonGroup-item")

package/src/ButtonGroup/CollapsedButtonGroup.svelte

@@ -1,22 +1,32 @@
-<script>
+<script lang="ts">
   import Button from "../Button/Button.svelte"
-  import Popover from "../Popover/Popover.svelte"
+  import Popover, { type PopoverAPI } from "../Popover/Popover.svelte"
   import Menu from "../Menu/Menu.svelte"
   import MenuItem from "../Menu/Item.svelte"
+  import type { PopoverAlignment } from "../constants"
 
-  export let buttons
-  export let text = "Action"
-  export let size = "M"
-  export let align = "left"
-  export let offset
-  export let animate
-  export let quiet = false
+  type ButtonSize = "XXS" | "XS" | "S" | "M" | "L" | "XL" | "XXL" | "XXXL"
 
-  let anchor
-  let popover
+  interface CollapsedButton {
+    icon?: string
+    text?: string
+    disabled?: boolean
+    onClick?: () => void | Promise<void>
+  }
+
+  export let buttons: CollapsedButton[]
+  export let text: string = "Action"
+  export let size: ButtonSize = "M"
+  export let align: PopoverAlignment | `${PopoverAlignment}` = "left"
+  export let offset: number | undefined = undefined
+  export let animate: boolean | undefined = undefined
+  export let quiet: boolean = false
+
+  let anchor: HTMLButtonElement | undefined
+  let popover: PopoverAPI | undefined
 
-  const handleClick = async button => {
-    popover.hide()
+  const handleClick = async (button: CollapsedButton) => {
+    popover?.hide()
     await button.onClick?.()
   }
 </script>

package/src/DetailSummary/DetailSummary.svelte

@@ -1,12 +1,12 @@
-<script>
+<script lang="ts">
   import Icon from "../Icon/Icon.svelte"
 
-  export let name
-  export let initiallyShow = false
-  export let collapsible = true
-  export let padded = true
+  export let name: string | undefined = undefined
+  export let initiallyShow: boolean = false
+  export let collapsible: boolean = true
+  export let padded: boolean = true
 
-  let show = initiallyShow
+  let show: boolean = initiallyShow
 
   const onHeaderClick = () => {
     if (!collapsible) {

package/src/Stores/banner.ts

@@ -12,6 +12,10 @@ interface BannerConfig {
   type?: string
   extraButtonText?: string
   extraButtonAction?: () => void
+  extraLinkText?: string
+  extraLinkAction?: () => void
+  tooltip?: string
+  showCloseButton?: boolean
   onChange?: () => void
 }
 

package/src/Modal/Content.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-  import Input from "../Form/Input.svelte"
-
-  let value: string = ""
-</script>
-
-<Input label="Your Name" bind:value />

package/src/Modal/CustomContent.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-  import { getContext } from "svelte"
-  import Context from "../context"
-
-  const { hide } = getContext(Context.Modal)
-
-  let count: number = 0
-  const clicks: number = 5
-  $: if (count === clicks) hide()
-  $: remaining = clicks - count
-
-  function increment() {
-    count++
-  }
-</script>
-
-<!-- svelte-ignore a11y-click-events-have-key-events -->
-<!-- svelte-ignore a11y-no-static-element-interactions -->
-<div on:click={increment}>
-  Click me
-  {remaining}
-  more time{remaining === 1 ? "" : "s"}
-  to close this modal!
-</div>
-
-<style>
-  div {
-    padding: 40px;
-    background-color: var(--purple);
-    color: white;
-    font-weight: bold;
-    text-align: center;
-    user-select: none;
-    font-size: 20px;
-  }
-  div:hover {
-    cursor: pointer;
-  }
-</style>