@trilogy-data/trilogy-studio-components 0.1.26 → 0.1.28

package/dist/DataTable-DoRDynP1.js

@@ -1,365 +0,0 @@
-import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { o as t } from "./config-DwTONafa.js";
-import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as r, t as i } from "./results-DTgAKr5j.js";
-import { t as a } from "./formatting-BbJ5ICgh.js";
-import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m, u as h } from "./tabulator_esm-CxLvGDp8.js";
-import { createCommentVNode as g, createElementBlock as _, createElementVNode as v, inject as y, markRaw as b, normalizeClass as x, openBlock as S, shallowRef as C } from "vue";
-//#region components/DataTable.vue?vue&type=script&lang.ts
-h.registerModule([
-	s,
-	m,
-	o,
-	c,
-	l,
-	u,
-	f,
-	p,
-	d
-]);
-function w(e, t) {
-	if (!e) return;
-	let n = "<table class=\"tabulator-sub-table\">", r = t.keys().next().value;
-	if (!r) return "<table class=\"tabulator-sub-table\"><tbody><tr><td>No data</td></tr></tbody></table>";
-	let a = t.get(r);
-	return a ? (n += "<tbody >", e.forEach((e) => {
-		let o = e[r];
-		a.type == i.STRUCT && a.children ? o = T(o, a.children) : a.type === i.ARRAY && (o = w(o, t)), n += "<tr class=\"tabulator-sub-row\">", n += `<td class="tabulator-sub-cell">${o}</td>`, n += "</tr>";
-	}), n += "</tbody>", n += "</table>", n) : "<table class=\"tabulator-sub-table\"><tbody><tr><td>No data</td></tr></tbody></table>";
-}
-function T(e, t) {
-	if (!e) return;
-	let n = "<table class=\"tabulator-sub-table\">";
-	return n += "<tbody >", t.forEach((t, r) => {
-		let a = e[t.name];
-		t.type === i.ARRAY && t.children && (a = w(a, t.children)), t.type === i.STRUCT && t.children && (a = T(a, t.children)), n += "<tr class=\"tabulator-sub-row\">", n += `<td class="tabulator-sub-cell tabulator-sub-cell-header">${t.name}</td>`, n += `<td class="tabulator-sub-cell">${a}</td>`, n += "</tr>";
-	}), n += "</tbody>", n += "</table>", n;
-}
-function E(e) {
-	let t = Intl.DateTimeFormat().resolvedOptions().timeZone;
-	if (e.traits?.includes("usd")) return {
-		formatter: "money",
-		formatterParams: {
-			symbol: "$",
-			precision: 4
-		}
-	};
-	if (e.traits?.includes("percent")) return { formatter: (e) => (e.getValue() * 100).toFixed(2) + "%" };
-	if (e.traits?.includes("url_image")) return { formatter: (e) => {
-		let t = e.getValue();
-		return t ? `<img src="${t}" alt="${t}" style="max-width: 100%; max-height: 100%;">` : "";
-	} };
-	switch (e.type) {
-		case i.ARRAY: return { formatter: (t) => w(t.getValue(), e.children || /* @__PURE__ */ new Map()) };
-		case i.STRUCT: return { formatter: (t) => T(t.getValue(), e.children || /* @__PURE__ */ new Map()) };
-		case i.FLOAT: return {
-			formatter: "money",
-			formatterParams: { precision: e.scale && e.scale >= 0 ? e.scale : !1 }
-		};
-		case i.DATETIME: return {
-			formatter: "datetime",
-			formatterParams: {
-				inputFormat: "iso",
-				outputFormat: "yyyy-MM-dd HH:mm",
-				invalidPlaceholder: "(invalid datetime)",
-				timezone: t
-			}
-		};
-		case i.TIMESTAMP: return {
-			formatter: "datetime",
-			formatterParams: {
-				outputFormat: "yyyy-MM-dd HH:mm:ss Z",
-				invalidPlaceholder: "(invalid timestamp)",
-				timezone: t
-			}
-		};
-		case i.DATE: return {
-			formatter: "datetime",
-			formatterParams: {
-				inputFormat: "yyyy-MM-dd",
-				outputFormat: "yyyy-MM-dd",
-				invalidPlaceholder: "(invalid date)",
-				timezone: "UTC"
-			}
-		};
-		case i.TIME: return {
-			formatter: "datetime",
-			formatterParams: {
-				inputFormat: "HH:mm:ss",
-				outputFormat: "HH:mm",
-				invalidPlaceholder: "(invalid time)",
-				timezone: t
-			}
-		};
-		case i.TIMESTAMP: return {
-			formatter: "datetime",
-			formatterParams: {
-				inputFormat: "HH:mm:ss",
-				outputFormat: "HH:mm",
-				invalidPlaceholder: "(invalid time)",
-				timezone: t
-			}
-		};
-		case i.BOOLEAN: return {
-			formatter: "tickCross",
-			formatterParams: {
-				allowEmpty: !0,
-				tickElement: "✓",
-				crossElement: "✗"
-			}
-		};
-		default: return { formatter: "plaintext" };
-	}
-}
-var D = {
-	data() {
-		return {
-			tabulator: null,
-			selectedCell: null,
-			controlsVisible: !1,
-			pendingRebuild: !1,
-			visibilityObserver: null,
-			redrawFrame: 0,
-			lastDrawnSize: null
-		};
-	},
-	props: {
-		headers: {
-			type: Map,
-			required: !0
-		},
-		results: {
-			type: Array,
-			required: !0
-		},
-		containerHeight: Number,
-		cellClick: {
-			type: Function,
-			default: () => {}
-		},
-		backgroundClick: {
-			type: Function,
-			default: () => {}
-		},
-		prettyPrint: {
-			type: Boolean,
-			default: !1
-		},
-		fitParent: {
-			type: Boolean,
-			default: !1
-		},
-		flushChrome: {
-			type: Boolean,
-			default: !1
-		},
-		showControls: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup() {
-		let e = y("userSettingsStore", null);
-		return {
-			settingsStore: e,
-			currentTheme: t(e)
-		};
-	},
-	watch: {
-		results: { handler() {
-			this.updateTable();
-		} },
-		containerHeight: { handler() {
-			this.$nextTick(() => {
-				this.tabulator && this.containerHeight && this.tabulator.setHeight(this.containerHeight);
-			});
-		} }
-	},
-	computed: {
-		tableData() {
-			return Object.freeze([...this.results]);
-		},
-		tableColumns() {
-			let e = [];
-			return this.headers.forEach((t, n) => {
-				let r = E(t), i = {
-					title: this.prettyPrint ? a(t.name) : t.name,
-					field: t.name,
-					formatter: r.formatter,
-					formatterParams: r.formatterParams
-				};
-				e.push(i);
-			}), e;
-		}
-	},
-	unmounted() {
-		this.redrawFrame &&= (cancelAnimationFrame(this.redrawFrame), 0), this.visibilityObserver &&= (this.visibilityObserver.disconnect(), null), this.tabulator &&= (this.tabulator.destroy(), null);
-	},
-	mounted() {
-		this.observeVisibility(), this.tabulator || (this.isVisible() ? this.create() : this.pendingRebuild = !0);
-	},
-	methods: {
-		isVisible() {
-			let e = this.$refs.root;
-			return e ? e.offsetWidth > 0 && e.offsetHeight > 0 : !1;
-		},
-		observeVisibility() {
-			let e = this.$refs.root;
-			if (!e || typeof ResizeObserver > "u") return;
-			let t = new ResizeObserver(() => {
-				this.redrawFrame ||= requestAnimationFrame(() => {
-					if (this.redrawFrame = 0, this.isVisible()) {
-						if (this.pendingRebuild) this.pendingRebuild = !1, this.create();
-						else if (this.tabulator) {
-							let e = this.tabulator.element;
-							if (!e || !e.isConnected) return;
-							let t = this.$refs.root;
-							if (!t) return;
-							let n = {
-								width: t.offsetWidth,
-								height: t.offsetHeight
-							};
-							if (this.lastDrawnSize && this.lastDrawnSize.width === n.width && this.lastDrawnSize.height === n.height) return;
-							this.lastDrawnSize = n;
-							try {
-								this.tabulator.redraw(!0);
-							} catch {}
-						}
-					}
-				});
-			});
-			t.observe(e), this.visibilityObserver = b(t);
-		},
-		clearHighlights(e) {
-			e.querySelectorAll(".highlighted-cell").forEach((e) => {
-				e.classList.remove("highlighted-cell");
-			});
-		},
-		async copyToClipboard() {
-			if (!(!this.tabulator || !this.tableData || this.tableData.length === 0)) try {
-				let e = this.tabulator.getData(), t = this.tableColumns.map((e) => e.title).join("	"), n = e.map((e) => this.tableColumns.map((t) => {
-					let n = e[t.field];
-					return typeof n == "object" && n ? JSON.stringify(n) : String(n || "");
-				}).join("	")).join("\n"), r = t + "\n" + n;
-				await navigator.clipboard.writeText(r), this.showNotification("Table data copied to clipboard!", "success");
-			} catch (e) {
-				console.error("Failed to copy to clipboard:", e), this.showNotification("Failed to copy data to clipboard", "error");
-			}
-		},
-		downloadData() {
-			if (!(!this.tabulator || !this.tableData || this.tableData.length === 0)) try {
-				let e = `table-data-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}.csv`;
-				this.tabulator.download("csv", e, {
-					delimiter: ",",
-					bom: !0
-				}), this.showNotification("Download started!", "success");
-			} catch (e) {
-				console.error("Failed to download data:", e), this.showNotification("Failed to download data", "error");
-			}
-		},
-		showNotification(e, t) {
-			let n = document.createElement("div");
-			n.textContent = e, n.style.cssText = `
-        position: fixed;
-        top: 20px;
-        right: 20px;
-        padding: 6px 10px;
-        border-radius: 0px;
-        color: white;
-        font-weight: 250;
-        z-index: 10000;
-        background-color: ${t === "success" ? "#4caf50" : "#f44336"};
-        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-        transition: opacity 0.3s ease;
-      `, document.body.appendChild(n), setTimeout(() => {
-				n.style.opacity = "0", setTimeout(() => {
-					document.body.removeChild(n);
-				}, 300);
-			}, 3e3);
-		},
-		create() {
-			let e = this.$refs.tabulator;
-			if (!e) return;
-			let t = this.fitParent ? "fitDataFill" : "fitData", n = 25;
-			for (let e of this.headers.values()) if (e.type === i.ARRAY || e.type === i.STRUCT) {
-				n = void 0;
-				break;
-			}
-			let a = new h(e, {
-				pagination: this.tableData.length > 1e3,
-				renderHorizontal: "virtual",
-				maxHeight: "100%",
-				minHeight: "100%",
-				minWidth: "100%",
-				rowHeight: n,
-				data: this.tableData,
-				columns: this.tableColumns,
-				nestedFieldSeparator: !1,
-				clipboard: "copy",
-				keybindings: { copyToClipboard: !0 },
-				downloadConfig: { columnHeaders: !0 },
-				resizableColumns: !0,
-				layout: t,
-				dependencies: { DateTime: r }
-			});
-			a.on("cellClick", (t, n) => {
-				let r = n.getField(), i = this.headers.get(r);
-				if (!i) return;
-				let o = i.address;
-				if (!o) return;
-				let s = n.getValue();
-				if (t.ctrlKey) {
-					this.$emit("drilldown-click", { filters: { [o]: s } });
-					return;
-				}
-				n.getElement().classList.contains("highlighted-cell") ? (this.clearHighlights(e), this.$emit("background-click", { filters: { [o]: s } })) : (this.clearHighlights(e), this.$emit("cell-click", {
-					filters: { [o]: s },
-					append: !0
-				}), a.getColumn(n.getField()).getCells().forEach((e) => {
-					e.getValue() === s && e.getElement().classList.add("highlighted-cell");
-				}));
-			}), this.tabulator = C(a);
-			let o = this.$refs.root;
-			this.lastDrawnSize = o ? {
-				width: o.offsetWidth,
-				height: o.offsetHeight
-			} : null, this.updateTableTheme();
-		},
-		updateTable() {
-			if (this.tabulator &&= (this.tabulator.destroy(), null), !this.isVisible()) {
-				this.pendingRebuild = !0;
-				return;
-			}
-			this.create();
-		},
-		updateTableTheme() {
-			if (!this.tabulator) return;
-			let e = this.tabulator;
-			this.currentTheme === "dark" ? (e.element.classList.remove("light-theme-table"), e.element.classList.add("dark-theme-table")) : (e.element.classList.remove("dark-theme-table"), e.element.classList.add("light-theme-table"));
-		}
-	}
-}, O = /* @__PURE__ */ e({ default: () => N }), k = ["disabled"], A = ["disabled"], j = { ref: "tabulator" };
-function M(e, t, n, r, i, a) {
-	return S(), _("div", {
-		ref: "root",
-		class: x(["result-table row pa-0 ba-0", { "result-table-flush": n.flushChrome }]),
-		onMouseenter: t[2] ||= (e) => i.controlsVisible = !0,
-		onMouseleave: t[3] ||= (e) => i.controlsVisible = !1
-	}, [v("div", { class: x(["table-container", { "table-container-flush": n.flushChrome }]) }, [n.showControls ? (S(), _("div", {
-		key: 0,
-		class: x(["controls-toggle", { "controls-visible": i.controlsVisible }])
-	}, [v("button", {
-		class: "control-btn",
-		onClick: t[0] ||= (...e) => a.copyToClipboard && a.copyToClipboard(...e),
-		disabled: !a.tableData || a.tableData.length === 0,
-		title: "Copy table data to clipboard"
-	}, [...t[4] ||= [v("i", { class: "mdi mdi-content-copy icon" }, null, -1)]], 8, k), v("button", {
-		class: "control-btn",
-		onClick: t[1] ||= (...e) => a.downloadData && a.downloadData(...e),
-		disabled: !a.tableData || a.tableData.length === 0,
-		title: "Download table data as CSV"
-	}, [...t[5] ||= [v("i", { class: "mdi mdi-download-outline icon" }, null, -1)]], 8, A)], 2)) : g("", !0), v("div", j, null, 512)], 2)], 34);
-}
-var N = /*#__PURE__*/ n(D, [["render", M], ["__scopeId", "data-v-c3af1600"]]);
-//#endregion
-export { O as n, N as t };

package/dist/EditorCreatorInline-D6_y1H_h.js

@@ -1,125 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./Tooltip-Dihir4zs.js";
-import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, inject as l, openBlock as u, ref as d, renderList as f, renderSlot as p, resolveComponent as m, toDisplayString as h, vModelSelect as g, vModelText as _, withCtx as v, withDirectives as y, withModifiers as b } from "vue";
-//#region components/InlineErrorMessage.vue?vue&type=script&lang.ts
-var x = {
-	name: "InlineErrorMessage",
-	props: {}
-}, S = { class: "inline-error-message" }, C = { class: "error-text" }, w = {
-	key: 0,
-	class: "error-action"
-};
-function T(e, t, n, o, s, c) {
-	return u(), i("div", S, [
-		t[0] ||= a("span", { class: "error-icon" }, "⚠️", -1),
-		a("span", C, [p(e.$slots, "default", {}, void 0, !0)]),
-		e.$slots.action ? (u(), i("div", w, [p(e.$slots, "action", {}, void 0, !0)])) : r("", !0)
-	]);
-}
-//#endregion
-//#region components/editor/EditorCreatorInline.vue?vue&type=script&lang.ts
-var E = c({
-	name: "EditorCreator",
-	components: {
-		Tooltip: t,
-		InlineErrorMessage: /* @__PURE__ */ e(x, [["render", T], ["__scopeId", "data-v-9408aaa1"]])
-	},
-	props: {
-		connection: {
-			type: String,
-			required: !1,
-			default: ""
-		},
-		visible: {
-			type: Boolean,
-			required: !0
-		},
-		testTag: {
-			type: String,
-			required: !1,
-			default: ""
-		}
-	},
-	setup(e, { emit: t }) {
-		let n = d(""), r = l("connectionStore"), i = l("editorStore"), a = l("saveEditors");
-		if (!r || !i || !a) throw "must inject connectionStore, editorStore, save to EditorCreator";
-		let o = e.connection && r.connectionByName(e.connection)?.id || "", s = d({
-			name: "",
-			type: "preql",
-			connectionId: o
-		});
-		return {
-			editorDetails: s,
-			connections: r.connections,
-			createEditor: () => {
-				s.value.name = "", s.value.type = "preql", s.value.connectionId = o, n.value = "";
-			},
-			submitEditorCreation: () => {
-				if (s.value.name && s.value.type && s.value.connectionId) try {
-					let e = r.connections[s.value.connectionId];
-					if (!e) {
-						n.value = "Selected connection no longer exists";
-						return;
-					}
-					i.newEditor(s.value.name, s.value.type, e.name, ""), a(), t("close", s.value.name), t("editor-selected", s.value.name);
-				} catch (e) {
-					e instanceof Error ? n.value = e.message : n.value = "Unknown error";
-				}
-			},
-			close: () => {
-				t("close", s.value.name);
-			},
-			error: n
-		};
-	}
-}), D = {
-	key: 0,
-	class: "creator-container"
-}, O = { class: "form-row" }, k = ["data-testid"], A = { class: "form-row" }, j = ["data-testid"], M = {
-	key: 0,
-	class: "form-row"
-}, N = ["data-testid"], P = ["value"], F = { key: 1 }, I = { class: "button-row" }, L = ["data-testid"];
-function R(e, t, c, l, d, p) {
-	let x = m("inline-error-message");
-	return e.visible ? (u(), i("div", D, [a("form", { onSubmit: t[4] ||= b((...t) => e.submitEditorCreation && e.submitEditorCreation(...t), ["prevent"]) }, [
-		a("div", O, [t[5] ||= a("label", { for: "editor-name" }, "Name", -1), y(a("input", {
-			"data-testid": e.testTag ? `editor-creator-name-${e.testTag}` : "editor-creator-name",
-			type: "text",
-			"onUpdate:modelValue": t[0] ||= (t) => e.editorDetails.name = t,
-			class: "sidebar-control-input",
-			id: "editor-name",
-			required: ""
-		}, null, 8, k), [[_, e.editorDetails.name]])]),
-		a("div", A, [t[7] ||= a("label", { for: "editor-type" }, "Type", -1), y(a("select", {
-			"data-testid": e.testTag ? `editor-creator-type-${e.testTag}` : "editor-creator-type",
-			"onUpdate:modelValue": t[1] ||= (t) => e.editorDetails.type = t,
-			class: "sidebar-control-select",
-			id: "editor-type",
-			required: ""
-		}, [...t[6] ||= [a("option", { value: "preql" }, "Trilogy", -1), a("option", { value: "sql" }, "SQL", -1)]], 8, j), [[g, e.editorDetails.type]])]),
-		e.connection ? r("", !0) : (u(), i("div", M, [t[8] ||= a("label", { for: "connection-name" }, "Connection", -1), y(a("select", {
-			"data-testid": e.testTag ? `editor-creator-connection-select-${e.testTag}` : "editor-creator-connection-select",
-			"onUpdate:modelValue": t[2] ||= (t) => e.editorDetails.connectionId = t,
-			class: "sidebar-control-select",
-			id: "connection-name",
-			required: ""
-		}, [(u(!0), i(n, null, f(e.connections, (e) => (u(), i("option", {
-			key: e.id,
-			value: e.id
-		}, h(e.name), 9, P))), 128))], 8, N), [[g, e.editorDetails.connectionId]])])),
-		e.error ? (u(), i("div", F, [s(x, null, {
-			default: v(() => [o(h(e.error), 1)]),
-			_: 1
-		})])) : r("", !0),
-		a("div", I, [a("button", {
-			"data-testid": e.testTag ? `editor-creator-submit-${e.testTag}` : "editor-creator-submit",
-			type: "submit"
-		}, " Submit ", 8, L), a("button", {
-			type: "button",
-			onClick: t[3] ||= (t) => e.close()
-		}, "Cancel")])
-	], 32)])) : r("", !0);
-}
-var z = /*#__PURE__*/ e(E, [["render", R], ["__scopeId", "data-v-74250929"]]);
-//#endregion
-export { z as t };

package/dist/LoadingButton-OH3frQuO.js

@@ -1,138 +0,0 @@
-import { n as e } from "./rolldown-runtime-Dqa2HsxW.js";
-import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as n } from "./ModalDialog-D1EOG4rl.js";
-import { Fragment as r, Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, onMounted as f, onUnmounted as p, openBlock as m, ref as h, renderSlot as g, resolveComponent as _, toDisplayString as v, useAttrs as y, withCtx as b, withModifiers as x } from "vue";
-//#region components/LoadingButton.vue?vue&type=script&lang.ts
-var S = {
-	props: {
-		action: {
-			type: Function,
-			required: !0
-		},
-		useDefaultStyle: {
-			type: Boolean,
-			default: !0
-		},
-		keyCombination: {
-			type: Array,
-			default: null
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		testId: {
-			type: String,
-			default: ""
-		}
-	},
-	components: { ModalDialog: n },
-	setup(e) {
-		let t = y(), n = a(() => e.testId || (typeof t["data-testid"] == "string" ? t["data-testid"] : "")), r = h(!1), i = h(null), o = h(null), s = h(!1), c = /* @__PURE__ */ new Set(), l = null, u = (t) => {
-			if (!e.keyCombination || !t.key) return;
-			c.add(t.key.toLowerCase());
-			let n = new Set(e.keyCombination.map((e) => e.toLowerCase()));
-			Array.from(n).every((e) => c.has(e)) && (c.clear(), t.preventDefault(), g());
-		}, d = (t) => {
-			e.keyCombination && t.key && c.delete(t.key.toLowerCase());
-		}, m = () => {
-			s.value = !1, o.value = null, i.value = null;
-		}, g = async () => {
-			if (r.value || s.value) return;
-			l &&= (clearTimeout(l), null), r.value = !0, o.value = null, i.value = null;
-			let t = Date.now(), n = null;
-			try {
-				await e.action(), n = "success";
-			} catch (e) {
-				n = "error", e instanceof Error ? i.value = e.message : typeof e == "string" ? i.value = e : i.value = "An unknown error occurred";
-			} finally {
-				let e = Date.now() - t, i = Math.max(500 - e, 0);
-				await new Promise((e) => setTimeout(e, i)), o.value = n, r.value = !1, n === "error" ? s.value = !0 : l = setTimeout(() => {
-					o.value = null, l = null;
-				}, 1500);
-			}
-		};
-		return f(() => {
-			window.addEventListener("keydown", u), window.addEventListener("keyup", d);
-		}), p(() => {
-			window.removeEventListener("keydown", u), window.removeEventListener("keyup", d), l && clearTimeout(l);
-		}), {
-			effectiveTestId: n,
-			errorMessage: i,
-			isLoading: r,
-			status: o,
-			showErrorModal: s,
-			handleClick: g,
-			handleKeydown: u,
-			dismissError: m,
-			retryAction: () => {
-				m(), g();
-			}
-		};
-	}
-}, C = /* @__PURE__ */ e({ default: () => M }), w = ["disabled", "data-testid"], T = {
-	key: 0,
-	class: "success status_overlay"
-}, E = ["data-testid"], D = {
-	key: 1,
-	class: "loading status_overlay"
-}, O = ["data-testid"], k = ["data-testid"], A = ["data-testid"];
-function j(e, t, n, a, f, p) {
-	let h = _("ModalDialog");
-	return m(), s(r, null, [c("button", u({ class: [
-		n.useDefaultStyle ? "default-style" : "",
-		e.$attrs.class,
-		"btn"
-	] }, e.$attrs, {
-		disabled: n.disabled || a.isLoading,
-		onClick: t[0] ||= x((...e) => a.handleClick && a.handleClick(...e), ["stop"]),
-		"data-testid": a.effectiveTestId
-	}), [
-		c("span", { class: d({
-			"hidden-text": a.isLoading,
-			contents: !0
-		}) }, [g(e.$slots, "default", {}, void 0, !0)], 2),
-		l(i, { name: "status-fade" }, {
-			default: b(() => [a.status === "success" ? (m(), s("span", T, [...t[3] ||= [c("span", {
-				class: "success-backdrop",
-				"aria-hidden": "true"
-			}, null, -1), c("span", { class: "status-symbol" }, "✔", -1)]])) : o("", !0)]),
-			_: 1
-		}),
-		a.status === "error" ? (m(), s("span", {
-			key: 0,
-			class: "error status_overlay",
-			"data-testid": `${a.effectiveTestId}-error`
-		}, "✖", 8, E)) : a.isLoading ? (m(), s("span", D, [...t[4] ||= [c("span", { class: "spinner" }, null, -1)]])) : o("", !0)
-	], 16, w), l(h, {
-		show: a.showErrorModal,
-		title: "Action failed",
-		"max-width": "560px",
-		"test-id": a.effectiveTestId ? `${a.effectiveTestId}-error-modal` : "loading-button-error-modal",
-		onClose: a.dismissError
-	}, {
-		footer: b(() => [c("button", {
-			type: "button",
-			class: "okay-button",
-			"data-testid": a.effectiveTestId ? `${a.effectiveTestId}-error-okay` : "loading-button-error-okay",
-			onClick: t[1] ||= (...e) => a.dismissError && a.dismissError(...e)
-		}, " Okay ", 8, k), c("button", {
-			type: "button",
-			class: "retry-button",
-			"data-testid": a.effectiveTestId ? `${a.effectiveTestId}-error-retry` : "loading-button-error-retry",
-			onClick: t[2] ||= (...e) => a.retryAction && a.retryAction(...e)
-		}, " Retry ", 8, A)]),
-		default: b(() => [c("p", {
-			class: "error-message",
-			"data-testid": a.effectiveTestId ? `${a.effectiveTestId}-error-message` : "loading-button-error-message"
-		}, v(a.errorMessage), 9, O)]),
-		_: 1
-	}, 8, [
-		"show",
-		"test-id",
-		"onClose"
-	])], 64);
-}
-var M = /*#__PURE__*/ t(S, [["render", j], ["__scopeId", "data-v-795027f0"]]);
-//#endregion
-export { C as n, M as t };

package/dist/ModalDialog-D1EOG4rl.js

@@ -1,42 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Teleport as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u, withModifiers as d } from "vue";
-//#region components/ModalDialog.vue?vue&type=script&setup=true&lang.ts
-var f = ["data-testid"], p = {
-	key: 0,
-	class: "modal-header"
-}, m = { class: "modal-title" }, h = { class: "modal-body" }, g = {
-	key: 1,
-	class: "modal-footer"
-}, _ = /*#__PURE__*/ e(/* @__PURE__ */ o({
-	__name: "ModalDialog",
-	props: {
-		show: { type: Boolean },
-		title: { default: "" },
-		maxWidth: { default: "400px" },
-		testId: { default: "" },
-		closeOnOverlay: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["close"],
-	setup(e, { emit: o }) {
-		let _ = e, v = o;
-		return (e, o) => (c(), n(t, { to: "body" }, [_.show ? (c(), i("div", {
-			key: 0,
-			class: "modal-overlay",
-			onClick: o[1] ||= (e) => _.closeOnOverlay ? v("close") : void 0
-		}, [a("div", {
-			class: "modal-panel",
-			style: s({ maxWidth: _.maxWidth }),
-			"data-testid": _.testId || void 0,
-			onClick: o[0] ||= d(() => {}, ["stop"])
-		}, [
-			_.title || e.$slots.header ? (c(), i("div", p, [l(e.$slots, "header", {}, () => [a("h3", m, u(_.title), 1)], !0)])) : r("", !0),
-			a("div", h, [l(e.$slots, "default", {}, void 0, !0)]),
-			e.$slots.footer ? (c(), i("div", g, [l(e.$slots, "footer", {}, void 0, !0)])) : r("", !0)
-		], 12, f)])) : r("", !0)]));
-	}
-}), [["__scopeId", "data-v-587355bb"]]);
-//#endregion
-export { _ as t };