@trilogy-data/trilogy-studio-components 0.1.25 → 0.1.27

package/dist/DashboardCreatorInline-LWvf--2x.js

@@ -1,129 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./editorRefinementToolExecutor-mX8ClQ63.js";
-import { E as t } from "./editorRefinementRuntime-C_YmXRy4.js";
-import "./editorStore-Ch7k-gse.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, inject as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, vModelSelect as p, vModelText as m, withDirectives as h, withKeys as g, withModifiers as _ } from "vue";
-//#region components/dashboard/DashboardCreatorInline.vue?vue&type=script&lang.ts
-var v = {
-	name: "DashboardCreatorInline",
-	props: {
-		visible: {
-			type: Boolean,
-			default: !1
-		},
-		testTag: {
-			type: String,
-			default: ""
-		}
-	},
-	setup(e, { emit: n }) {
-		let i = c("dashboardStore"), a = c("connectionStore"), o = c("llmConnectionStore"), s = c("editorStore"), l = c("saveDashboards"), d = c("setActiveDashboard");
-		if (!i || !a || !o || !s || !l) throw Error("Dashboard or connection store is not provided!");
-		let f = u(""), p = u(""), m = u(""), h = u(""), g = r(() => o.hasActiveDefaultConnection), _ = r(() => p.value ? g.value && m.value.trim() ? !0 : !!f.value.trim() : !1), v = r(() => g.value && m.value.trim() ? "Leave blank to let the assistant choose" : "My Dashboard"), y = r(() => Object.values(a.connections).filter((e) => e.model && !e.deleted).sort((e, t) => e.name.localeCompare(t.name))), b = r(() => {
-			let e = p.value ? a.connections[p.value] : void 0;
-			return e ? Object.values(s.editors).filter((n) => t(n.type) && n.connectionId === e.id).map((e) => ({
-				id: e.id,
-				name: e.name,
-				alias: ""
-			})) : [];
-		});
-		return r(() => (b.value.length > 0 && !h.value ? h.value = b.value[0].id : b.value.length === 0 && (h.value = ""), b.value)), y.value.length > 0 && !p.value && (p.value = y.value[0].id), {
-			dashboardName: f,
-			selectedConnection: p,
-			dashboardPrompt: m,
-			showPromptField: g,
-			canSubmit: _,
-			namePlaceholder: v,
-			connections: y,
-			availableImports: b,
-			selectedImport: h,
-			createDashboard: async () => {
-				if (_.value) try {
-					let e = f.value.trim();
-					e ||= `Dashboard ${(/* @__PURE__ */ new Date()).toLocaleTimeString([], {
-						hour: "2-digit",
-						minute: "2-digit"
-					})}`;
-					let t = i.newDashboard(e, p.value);
-					if (h.value) {
-						let e = b.value.find((e) => e.id === h.value);
-						e && i.updateDashboardImports(t.id, [e]);
-					}
-					let r = g.value ? m.value.trim() : "";
-					r && i.setPendingChatPrompt(t.id, r), f.value = "", h.value = "", m.value = "", l(), n("close"), d ? d(t.id) : i.setActiveDashboard(t.id), console.log("New dashboard created:", t.id), n("dashboard-created", t.id);
-				} catch (e) {
-					console.error("Failed to create dashboard:", e), alert(`Error creating dashboard: ${e instanceof Error ? e.message : String(e)}`);
-				}
-			},
-			cancel: () => {
-				f.value = "", m.value = "", h.value = "", n("close");
-			}
-		};
-	}
-}, y = {
-	key: 0,
-	class: "dashboard-creator creator-container"
-}, b = {
-	key: 0,
-	class: "form-group"
-}, x = ["data-testid"], S = {
-	key: 1,
-	class: "form-divider"
-}, C = { class: "form-group" }, w = { for: "dashboard-name" }, T = {
-	key: 0,
-	class: "optional-label"
-}, E = ["placeholder", "data-testid"], D = { class: "form-group" }, O = ["data-testid"], k = ["value"], A = {
-	key: 2,
-	class: "form-group"
-}, j = ["data-testid"], M = ["value"], N = { class: "form-actions button-row" }, P = ["disabled", "data-testid"], F = ["data-testid"];
-function I(e, t, r, c, u, v) {
-	return r.visible ? (l(), a("div", y, [
-		t[13] ||= o("h4", null, "Create New Dashboard", -1),
-		c.showPromptField ? (l(), a("div", b, [t[8] ||= o("label", { for: "dashboard-prompt" }, "Describe your dashboard", -1), h(o("textarea", {
-			id: "dashboard-prompt",
-			"onUpdate:modelValue": t[0] ||= (e) => c.dashboardPrompt = e,
-			placeholder: "Describe what you want to analyze. The assistant will build it (and pick a title if you skip the next field)...",
-			rows: "3",
-			onKeyup: t[1] ||= g(_((...e) => c.createDashboard && c.createDashboard(...e), ["ctrl"]), ["enter"]),
-			"data-testid": r.testTag ? `dashboard-creator-prompt-${r.testTag}` : "dashboard-creator-prompt"
-		}, null, 40, x), [[m, c.dashboardPrompt]])])) : i("", !0),
-		c.showPromptField ? (l(), a("div", S, [...t[9] ||= [o("span", null, "or set manually", -1)]])) : i("", !0),
-		o("div", C, [o("label", w, [t[10] ||= s(" Name ", -1), c.showPromptField && c.dashboardPrompt.trim() ? (l(), a("span", T, "(optional)")) : i("", !0)]), h(o("input", {
-			id: "dashboard-name",
-			"onUpdate:modelValue": t[2] ||= (e) => c.dashboardName = e,
-			type: "text",
-			placeholder: c.namePlaceholder,
-			onKeyup: t[3] ||= g((...e) => c.createDashboard && c.createDashboard(...e), ["enter"]),
-			"data-testid": r.testTag ? `dashboard-creator-name-${r.testTag}` : "dashboard-creator-name"
-		}, null, 40, E), [[m, c.dashboardName]])]),
-		o("div", D, [t[11] ||= o("label", { for: "dashboard-connection" }, "Connection", -1), h(o("select", {
-			id: "dashboard-connection",
-			"onUpdate:modelValue": t[4] ||= (e) => c.selectedConnection = e,
-			"data-testid": r.testTag ? `dashboard-creator-connection-${r.testTag}` : "dashboard-creator-connection"
-		}, [(l(!0), a(n, null, d(c.connections, (e) => (l(), a("option", {
-			key: e.id,
-			value: e.id
-		}, f(e.name), 9, k))), 128))], 8, O), [[p, c.selectedConnection]])]),
-		c.selectedConnection && c.availableImports.length > 0 ? (l(), a("div", A, [t[12] ||= o("label", { for: "dashboard-import" }, "Import", -1), h(o("select", {
-			id: "dashboard-import",
-			"onUpdate:modelValue": t[5] ||= (e) => c.selectedImport = e,
-			"data-testid": r.testTag ? `dashboard-creator-import-${r.testTag}` : "dashboard-creator-import"
-		}, [(l(!0), a(n, null, d(c.availableImports, (e) => (l(), a("option", {
-			key: e.name,
-			value: e.id
-		}, f(e.name), 9, M))), 128))], 8, j), [[p, c.selectedImport]])])) : i("", !0),
-		o("div", N, [o("button", {
-			onClick: t[6] ||= (...e) => c.createDashboard && c.createDashboard(...e),
-			disabled: !c.canSubmit,
-			"data-testid": r.testTag ? `dashboard-creator-submit-${r.testTag}` : "dashboard-creator-submit",
-			class: "create-btn"
-		}, " Create ", 8, P), o("button", {
-			onClick: t[7] ||= (...e) => c.cancel && c.cancel(...e),
-			"data-testid": r.testTag ? `dashboard-creator-cancel-${r.testTag}` : "dashboard-creator-cancel",
-			class: "cancel-btn"
-		}, " Cancel ", 8, F)])
-	])) : i("", !0);
-}
-var L = /*#__PURE__*/ e(v, [["render", I], ["__scopeId", "data-v-410e08e1"]]);
-//#endregion
-export { L as t };

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 };