@cocoar/vue-script-editor 1.9.0-script-editor.4

package/dist/index.js

@@ -0,0 +1,693 @@
+import { computed as e, createElementBlock as t, defineComponent as n, inject as r, normalizeClass as i, normalizeStyle as a, onBeforeUnmount as o, openBlock as s, ref as c, shallowRef as l, useId as u, watch as d } from "vue";
+import * as f from "monaco-editor";
+//#region src/theme.ts
+var p = "coar-light", m = "coar-dark", h = !1;
+function g(e) {
+	h ||= (e.editor.defineTheme(p, {
+		base: "vs",
+		inherit: !0,
+		rules: [],
+		colors: {
+			"editor.background": "#ffffff",
+			"editor.foreground": "#1a1a1a",
+			"editorLineNumber.foreground": "#9ca3af",
+			"editorLineNumber.activeForeground": "#1a1a1a",
+			"editor.selectionBackground": "#dbeafe",
+			"editor.inactiveSelectionBackground": "#e5e7eb",
+			"editorCursor.foreground": "#1a1a1a",
+			"editor.lineHighlightBackground": "#f3f4f6",
+			"editorIndentGuide.background": "#e5e7eb",
+			"editorGutter.background": "#ffffff"
+		}
+	}), e.editor.defineTheme(m, {
+		base: "vs-dark",
+		inherit: !0,
+		rules: [],
+		colors: {
+			"editor.background": "#1a1a1a",
+			"editor.foreground": "#f3f4f6",
+			"editorLineNumber.foreground": "#6b7280",
+			"editorLineNumber.activeForeground": "#f3f4f6",
+			"editor.selectionBackground": "#1e40af",
+			"editor.inactiveSelectionBackground": "#374151",
+			"editorCursor.foreground": "#f3f4f6",
+			"editor.lineHighlightBackground": "#262626",
+			"editorIndentGuide.background": "#374151",
+			"editorGutter.background": "#1a1a1a"
+		}
+	}), !0);
+}
+function _() {
+	if (typeof document > "u") return p;
+	let e = document.documentElement, t = document.body;
+	if (e?.classList.contains("dark-mode") || t?.classList.contains("dark-mode") || e?.classList.contains("dark") || t?.classList.contains("dark")) return m;
+	if (e?.classList.contains("light-mode") || t?.classList.contains("light-mode")) return p;
+	let n = e?.getAttribute("data-theme") ?? t?.getAttribute("data-theme");
+	return n === "dark" ? m : n === "light" ? p : typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? m : p;
+}
+function v(e) {
+	return e === "light" ? p : e === "dark" ? m : _();
+}
+function y(e) {
+	if (typeof window > "u" || typeof document > "u") return () => {};
+	let t = window.matchMedia?.("(prefers-color-scheme: dark)"), n = () => e();
+	t?.addEventListener?.("change", n);
+	let r = new MutationObserver(() => e()), i = [document.documentElement, document.body].filter(Boolean);
+	for (let e of i) r.observe(e, {
+		attributes: !0,
+		attributeFilter: ["class", "data-theme"]
+	});
+	return () => {
+		t?.removeEventListener?.("change", n), r.disconnect();
+	};
+}
+//#endregion
+//#region src/composables/useMonacoEditor.ts
+function b() {
+	try {
+		if (typeof crypto < "u" && typeof crypto.randomUUID == "function") return crypto.randomUUID();
+	} catch {}
+	return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+var x = {
+	typescript: "ts",
+	javascript: "js",
+	json: "json"
+}, S = [
+	1375,
+	2695,
+	1108,
+	7027,
+	2304,
+	1208
+], C = {
+	editor: {
+		lineNumbers: "on",
+		glyphMargin: !0,
+		folding: !0,
+		lineDecorationsWidth: 10,
+		lineNumbersMinChars: 3,
+		renderLineHighlight: "line",
+		contextmenu: !0,
+		overviewRulerLanes: 3,
+		overviewRulerBorder: !0,
+		hideCursorInOverviewRuler: !1,
+		scrollbar: {
+			vertical: "auto",
+			horizontal: "auto"
+		},
+		padding: {
+			top: 0,
+			bottom: 0
+		},
+		wordWrap: "off"
+	},
+	inline: {
+		lineNumbers: "off",
+		glyphMargin: !1,
+		folding: !1,
+		lineDecorationsWidth: 0,
+		lineNumbersMinChars: 0,
+		renderLineHighlight: "none",
+		contextmenu: !1,
+		overviewRulerLanes: 0,
+		overviewRulerBorder: !1,
+		hideCursorInOverviewRuler: !0,
+		scrollbar: {
+			vertical: "auto",
+			horizontal: "hidden",
+			verticalScrollbarSize: 8
+		},
+		padding: {
+			top: 8,
+			bottom: 8
+		},
+		wordWrap: "on"
+	}
+};
+function w(e) {
+	return e ? `${e}\n` : "";
+}
+function T(e) {
+	return e ? e.split("\n").length : 0;
+}
+function E(e, t) {
+	return t ? w(t) + e : e;
+}
+function D(e, t) {
+	if (!t) return e;
+	let n = w(t);
+	return e.startsWith(n) ? e.slice(n.length) : e;
+}
+function O(e, t) {
+	let n = T(t), r = n === 0 ? [] : [new f.Range(1, 1, n, 2 ** 53 - 1)];
+	e.setHiddenAreas(r);
+}
+function k(e, t) {
+	if (!t || e !== "typescript" && e !== "javascript") return;
+	let n = e === "javascript" ? f.languages.typescript.javascriptDefaults : f.languages.typescript.typescriptDefaults, r = typeof n.getDiagnosticsOptions == "function" ? n.getDiagnosticsOptions() : {}, i = new Set(r.diagnosticCodesToIgnore ?? []);
+	for (let e of S) i.add(e);
+	n.setDiagnosticsOptions({
+		...r,
+		diagnosticCodesToIgnore: Array.from(i)
+	});
+}
+function A(e) {
+	let t = l(null), n = l(null), r = !1, i = null, a = null, s = null, c = null, u = !1;
+	function p() {
+		return e.variant?.() ?? "editor";
+	}
+	function m() {
+		c?.(), c = null, e.theme() === "auto" && (c = y(() => {
+			t.value && f.editor.setTheme(v(e.theme()));
+		}));
+	}
+	function h() {
+		if (u || !e.host.value) return;
+		u = !0, g(f);
+		let o = e.language(), c = e.preamble?.() ?? "";
+		k(o, e.scriptMode?.() ?? !1);
+		let l = f.editor.createModel(E(e.initialValue(), c), o, f.Uri.parse(`file:///coar-script-editor/${b()}.${x[o]}`));
+		n.value = l;
+		let d = e.overflowWidgetsDomNode?.() ?? null, h = f.editor.create(e.host.value, {
+			model: l,
+			theme: v(e.theme()),
+			readOnly: e.readonly(),
+			minimap: { enabled: e.minimap() },
+			automaticLayout: !0,
+			scrollBeyondLastLine: !1,
+			fontSize: 13,
+			tabSize: 2,
+			fixedOverflowWidgets: !0,
+			...C[p()],
+			...d ? { overflowWidgetsDomNode: d } : {}
+		});
+		t.value = h, O(h, c), m();
+		let _ = !1;
+		i = h.onDidChangeModelContent((n) => {
+			let i = e.preamble?.() ?? "";
+			if (i && !n.isFlush && !n.isUndoing) {
+				let e = w(i).length;
+				if (n.changes.some((t) => t.rangeOffset < e)) {
+					h.trigger("coar-script-editor-preamble", "undo", null);
+					return;
+				}
+			}
+			r || _ || (_ = !0, queueMicrotask(() => {
+				if (_ = !1, !t.value) return;
+				let n = h.getValue();
+				e.onContentChange(D(n, e.preamble?.() ?? ""));
+			}));
+		}), e.onFocused && (a = h.onDidFocusEditorWidget(() => e.onFocused?.())), e.onBlurred && (s = h.onDidBlurEditorWidget(() => e.onBlurred?.())), e.autofocus?.() && queueMicrotask(() => t.value?.focus()), e.onEditorReady?.(h);
+	}
+	d(e.host, (e) => {
+		e && h();
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), o(() => {
+		c?.(), c = null, i?.dispose(), i = null, a?.dispose(), a = null, s?.dispose(), s = null, t.value?.dispose(), n.value?.dispose(), t.value = null, n.value = null, u = !1;
+	});
+	function _(n) {
+		let i = t.value;
+		if (!i) return;
+		let a = e.preamble?.() ?? "", o = E(n, a);
+		if (i.getValue() !== o) {
+			r = !0;
+			try {
+				i.setValue(o), O(i, a);
+			} finally {
+				r = !1;
+			}
+		}
+	}
+	function S(e) {
+		let t = r;
+		r = !0;
+		try {
+			return e();
+		} finally {
+			r = t;
+		}
+	}
+	return d(() => e.language(), (t) => {
+		let r = n.value;
+		r && f.editor.setModelLanguage(r, t), k(t, e.scriptMode?.() ?? !1);
+	}), d(() => e.readonly(), (e) => t.value?.updateOptions({ readOnly: e })), d(() => e.minimap(), (e) => t.value?.updateOptions({ minimap: { enabled: e } })), e.variant && d(() => p(), (e) => t.value?.updateOptions(C[e])), e.scriptMode && d(() => e.scriptMode(), (t) => k(e.language(), t)), e.preamble && d(() => e.preamble(), (e, n) => {
+		let i = t.value;
+		if (!i) return;
+		let a = E(D(i.getValue(), n ?? ""), e);
+		r = !0;
+		try {
+			i.setValue(a), O(i, e);
+		} finally {
+			r = !1;
+		}
+	}), d(() => e.theme(), (e) => {
+		t.value && f.editor.setTheme(v(e)), m();
+	}), {
+		editor: t,
+		model: n,
+		setValue: _,
+		withSuppressedChange: S
+	};
+}
+//#endregion
+//#region src/composables/useExtraLibs.ts
+function j(e) {
+	let t = [], n = /* @__PURE__ */ new Set(), r = !1;
+	function i() {
+		for (; t.length;) t.pop()?.dispose();
+		let i = e.language();
+		if (i === "json") {
+			e.libs().length > 0 && !r && (r = !0, console.warn("[coar-script-editor] extraLibs has entries but language is 'json' — extraLibs are ignored for JSON. Use monaco.languages.json.jsonDefaults.setDiagnosticsOptions for JSON schema configuration."));
+			return;
+		}
+		let a = i === "javascript" ? f.languages.typescript.javascriptDefaults : f.languages.typescript.typescriptDefaults;
+		for (let r of e.libs()) !r.filePath.startsWith("file:///") && !n.has(r.filePath) && (n.add(r.filePath), console.warn(`[coar-script-editor] extraLib filePath '${r.filePath}' does not start with 'file:///' — Monaco will register it but IntelliSense may not pick it up. Prefix with 'file:///' for reliable resolution.`)), t.push(a.addExtraLib(r.content, r.filePath));
+	}
+	d([() => e.language(), () => e.libs()], () => i(), { immediate: !0 }), o(() => {
+		for (; t.length;) t.pop()?.dispose();
+	});
+}
+//#endregion
+//#region src/constrained/LockedLineScanner.ts
+var M = /\/\/\s*@locked\b/, N = "// @locked";
+function P(e) {
+	return M.test(e);
+}
+function F(e) {
+	let t = [], n = e.length, r = 0, i = 0;
+	for (let a = 0; a <= n; a++) if (a === n || e[a] === "\n") {
+		let o = a, s = o > i && e[o - 1] === "\r" ? o - 1 : o, c = e.slice(i, s);
+		M.test(c) && t.push({
+			lineIndex: r,
+			lineStart: i,
+			lineEnd: o,
+			protectedStart: i,
+			protectedEnd: o,
+			snapBefore: i === 0 ? null : i - 1,
+			snapAfter: o >= n ? null : o + 1
+		}), i = a + 1, r++;
+	}
+	return t;
+}
+function I(e) {
+	if (e.length === 0) return [];
+	let t = [...e].sort((e, t) => e.protectedStart - t.protectedStart), n = [], r = {
+		start: t[0].protectedStart,
+		end: t[0].protectedEnd,
+		snapBefore: t[0].snapBefore,
+		snapAfter: t[0].snapAfter
+	};
+	for (let e = 1; e < t.length; e++) {
+		let i = t[e];
+		i.protectedStart <= r.end + 1 ? (r.end = Math.max(r.end, i.protectedEnd), r.snapAfter = i.snapAfter) : (n.push(r), r = {
+			start: i.protectedStart,
+			end: i.protectedEnd,
+			snapBefore: i.snapBefore,
+			snapAfter: i.snapAfter
+		});
+	}
+	return n.push(r), n;
+}
+function L(e, t) {
+	return e.rangeStart <= t.end && e.rangeEnd >= t.start;
+}
+function R(e, t) {
+	return t.some((t) => L(e, t));
+}
+function z(e, t) {
+	for (let n of t) if (e >= n.start && e <= n.end) {
+		let t = n.snapBefore, r = n.snapAfter;
+		return t == null && r == null ? 0 : t == null ? r : r == null || e - t < r - e ? t : r;
+	}
+	return e;
+}
+function B(e) {
+	return F(e).length;
+}
+function V(e) {
+	return U(e).every((e) => e.trim().length > 0);
+}
+function H(e) {
+	let t = F(e), n = U(e), r = [];
+	return t.length > 0 && t[0].lineIndex === 0 && r.push("Source starts with a locked line — there is no space above for auto-import or helpers."), t.length > 0 && n.every((e) => e.length === 0) && r.push("Source has locked lines but no editable space between or around them."), {
+		ok: r.length === 0,
+		lockedLineCount: t.length,
+		segmentCount: n.length,
+		warnings: r
+	};
+}
+function U(e) {
+	let t = F(e);
+	if (t.length === 0) return [e];
+	let n = new Set(t.map((e) => e.lineIndex)), r = e.split("\n"), i = [], a = [];
+	for (let e = 0; e < r.length; e++) n.has(e) ? a.length > 0 || i.length === 0 ? (i.push(a.join("\n")), a = []) : i.push("") : a.push(r[e]);
+	return i.push(a.join("\n")), i;
+}
+//#endregion
+//#region src/constrained/ChangeGuard.ts
+var W = class {
+	disposables = [];
+	lockedLines;
+	protectedRanges;
+	constructor(e, t, n = {}) {
+		this.editor = e, this.authoring = t, this.callbacks = n;
+		let r = e.getModel();
+		if (!r) throw Error("ChangeGuard requires the editor to have an attached model");
+		this.lockedLines = F(r.getValue()), this.protectedRanges = I(this.lockedLines), this.disposables.push(r.onDidChangeContent((e) => this.handleChange(e)));
+	}
+	dispose() {
+		for (; this.disposables.length;) this.disposables.pop()?.dispose();
+	}
+	getLockedLines() {
+		return this.lockedLines;
+	}
+	getProtectedRanges() {
+		return this.protectedRanges;
+	}
+	refresh() {
+		let e = this.editor.getModel();
+		e && (this.lockedLines = F(e.getValue()), this.protectedRanges = I(this.lockedLines), this.callbacks.onLinesUpdated?.(this.lockedLines));
+	}
+	handleChange(e) {
+		let t = this.editor.getModel();
+		if (!t) return;
+		let n = e.isFlush || e.isUndoing || this.authoring();
+		if (e.isFlush && t.pushStackElement(), !n) {
+			let t = e.changes.find((e) => R({
+				rangeStart: e.rangeOffset,
+				rangeEnd: e.rangeOffset + e.rangeLength
+			}, this.protectedRanges));
+			if (t) {
+				this.editor.trigger("coar-script-editor-guard", "undo", null), this.callbacks.onReject?.({
+					reason: "edit-overlaps-locked-line",
+					range: {
+						startLineNumber: t.range.startLineNumber,
+						endLineNumber: t.range.endLineNumber
+					}
+				});
+				return;
+			}
+		}
+		this.lockedLines = F(t.getValue()), this.protectedRanges = I(this.lockedLines), this.callbacks.onLinesUpdated?.(this.lockedLines), this.callbacks.onContentChanged?.(t.getValue());
+	}
+}, G = class {
+	disposables = [];
+	correcting = !1;
+	constructor(e, t, n) {
+		this.editor = e, this.getRanges = t, this.authoring = n, this.disposables.push(e.onDidChangeCursorSelection(() => this.handleSelectionChange()));
+	}
+	dispose() {
+		for (; this.disposables.length;) this.disposables.pop()?.dispose();
+	}
+	snapCurrent() {
+		this.handleSelectionChange();
+	}
+	handleSelectionChange() {
+		if (this.correcting || this.authoring()) return;
+		let e = this.editor.getModel();
+		if (!e) return;
+		let t = this.editor.getSelections();
+		if (!t || t.length === 0) return;
+		let n = this.getRanges();
+		if (n.length === 0) return;
+		let r = t[0].constructor, i = [], a = !1;
+		for (let o of t) {
+			let t = e.getOffsetAt(o.getStartPosition()), s = e.getOffsetAt(o.getEndPosition()), c = z(t, n), l = z(s, n);
+			if (c === t && l === s) {
+				i.push(o);
+				continue;
+			}
+			let u = e.getPositionAt(c), d = e.getPositionAt(l), f = c === l ? new r(u.lineNumber, u.column, u.lineNumber, u.column) : new r(u.lineNumber, u.column, d.lineNumber, d.column);
+			i.push(f), a = !0;
+		}
+		if (a) {
+			this.correcting = !0;
+			try {
+				this.editor.setSelections(i);
+			} finally {
+				this.correcting = !1;
+			}
+		}
+	}
+}, K = class {
+	disposables = [];
+	filtering = !1;
+	constructor(e, t) {
+		this.editor = e, this.authoring = t, this.disposables.push(f.editor.onDidChangeMarkers((e) => this.handleMarkerChange(e))), this.filterMarkers();
+	}
+	dispose() {
+		for (; this.disposables.length;) this.disposables.pop()?.dispose();
+	}
+	refresh() {
+		this.filterMarkers();
+	}
+	handleMarkerChange(e) {
+		if (this.filtering) return;
+		let t = this.editor.getModel();
+		t && e.some((e) => e.toString() === t.uri.toString()) && this.filterMarkers();
+	}
+	filterMarkers() {
+		if (this.authoring()) return;
+		let e = this.editor.getModel();
+		if (!e) return;
+		let t = e.getValue(), n = new Set(F(t).map((e) => e.lineIndex + 1));
+		if (n.size === 0) return;
+		let r = f.editor.getModelMarkers({ resource: e.uri });
+		if (r.length === 0) return;
+		let i = /* @__PURE__ */ new Map();
+		for (let e of r) {
+			if (!e.owner) continue;
+			let t = i.get(e.owner) ?? [];
+			t.push(e), i.set(e.owner, t);
+		}
+		this.filtering = !0;
+		try {
+			for (let [t, r] of i) {
+				let i = r.filter((e) => e.severity === f.MarkerSeverity.Error ? !n.has(e.startLineNumber) : !0);
+				if (i.length !== r.length) {
+					let n = i.map((e) => ({
+						severity: e.severity,
+						code: e.code,
+						message: e.message,
+						source: e.source,
+						startLineNumber: e.startLineNumber,
+						startColumn: e.startColumn,
+						endLineNumber: e.endLineNumber,
+						endColumn: e.endColumn,
+						tags: e.tags,
+						relatedInformation: e.relatedInformation
+					}));
+					f.editor.setModelMarkers(e, t, n);
+				}
+			}
+		} finally {
+			this.filtering = !1;
+		}
+	}
+}, q = "coar-script-editor-locked-line", J = "coar-script-editor-locked-marker", Y = /\/\/\s*@locked\b/g;
+function X(e) {
+	let t = null, n = null, r = null, i = null;
+	function a() {
+		t?.dispose(), t = null, n?.dispose(), n = null, r?.dispose(), r = null, i?.clear(), i = null;
+	}
+	function s(e, t) {
+		let n = e.getModel();
+		if (!n) return;
+		let r = [];
+		for (let e of t) {
+			let t = e.lineIndex + 1, i = n.getLineLength(t);
+			r.push({
+				range: {
+					startLineNumber: t,
+					startColumn: 1,
+					endLineNumber: t,
+					endColumn: i + 1
+				},
+				options: {
+					className: q,
+					isWholeLine: !0,
+					stickiness: 1
+				}
+			});
+			let a = n.getLineContent(t), o = new RegExp(Y.source, "g"), s;
+			for (; (s = o.exec(a)) !== null;) r.push({
+				range: {
+					startLineNumber: t,
+					startColumn: s.index + 1,
+					endLineNumber: t,
+					endColumn: s.index + s[0].length + 1
+				},
+				options: {
+					inlineClassName: J,
+					stickiness: 1,
+					hoverMessage: { value: "Locked line marker" }
+				}
+			});
+		}
+		i ? i.set(r) : i = e.createDecorationsCollection(r);
+	}
+	function c(i) {
+		a(), i.updateOptions({
+			formatOnType: !1,
+			formatOnPaste: !1,
+			linkedEditing: !1
+		}), t = new W(i, e.authoring, {
+			onReject: e.onReject,
+			onLinesUpdated: (e) => {
+				s(i, e), r?.refresh();
+			}
+		}), n = new G(i, () => t?.getProtectedRanges() ?? [], e.authoring), r = new K(i, e.authoring), s(i, t.getLockedLines()), n.snapCurrent();
+	}
+	d([e.editor, () => P(e.value())], ([e, n]) => {
+		if (!e) {
+			a();
+			return;
+		}
+		if (!n) {
+			a();
+			return;
+		}
+		t || c(e);
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), d(() => e.authoring(), (e) => {
+		e || n?.snapCurrent();
+	}), o(() => a());
+}
+//#endregion
+//#region src/composables/useFormFieldContext.ts
+var Z = Symbol.for("coar:form-field");
+function Q() {
+	return r(Z, void 0);
+}
+//#endregion
+//#region src/CoarScriptEditor.vue?vue&type=script&setup=true&lang.ts
+var $ = [
+	"id",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-disabled",
+	"aria-required",
+	"data-placeholder",
+	"data-name"
+], ee = /* @__PURE__ */ n({
+	__name: "CoarScriptEditor",
+	props: {
+		modelValue: { default: "" },
+		authoring: {
+			type: Boolean,
+			default: !1
+		},
+		language: { default: "typescript" },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		error: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		autofocus: {
+			type: Boolean,
+			default: !1
+		},
+		id: { default: "" },
+		name: { default: "" },
+		height: { default: void 0 },
+		variant: { default: "editor" },
+		scriptMode: {
+			type: Boolean,
+			default: !1
+		},
+		preamble: { default: "" },
+		minimap: {
+			type: Boolean,
+			default: !1
+		},
+		theme: { default: "auto" },
+		extraLibs: { default: () => [] },
+		overflowWidgetsDomNode: { default: null }
+	},
+	emits: [
+		"update:modelValue",
+		"reject",
+		"focused",
+		"blurred"
+	],
+	setup(n, { expose: r, emit: o }) {
+		let l = n, f = o, p = c(null), m = l.modelValue, h = Q(), g = `coar-script-editor-${u()}`, _ = e(() => l.id || h?.inputId.value || g), v = e(() => l.error || (h?.hasError.value ?? !1)), y = e(() => h?.messageId.value), b = e(() => l.disabled || (h?.disabled.value ?? !1)), x = c(!1), S = c(l.modelValue.length === 0), C = e(() => ({
+			"coar-script-editor": !0,
+			"coar-script-editor--authoring": l.authoring,
+			"coar-script-editor--inline": l.variant === "inline",
+			"coar-script-editor--disabled": b.value,
+			"coar-script-editor--error": v.value,
+			"coar-script-editor--show-placeholder": !!l.placeholder && S.value && !x.value && !b.value
+		})), w = e(() => l.height === void 0 || l.height === "" ? {} : {
+			height: typeof l.height == "number" ? `${l.height}px` : l.height,
+			minHeight: "0"
+		}), { editor: T, model: E, setValue: D } = A({
+			host: p,
+			initialValue: () => l.modelValue,
+			language: () => l.language,
+			readonly: () => l.readonly || b.value,
+			minimap: () => l.minimap,
+			theme: () => l.theme,
+			variant: () => l.variant,
+			preamble: () => l.preamble,
+			scriptMode: () => l.scriptMode,
+			autofocus: () => l.autofocus,
+			overflowWidgetsDomNode: () => l.overflowWidgetsDomNode,
+			onContentChange: (e) => {
+				m = e, S.value = e.length === 0, f("update:modelValue", e);
+			},
+			onFocused: () => {
+				x.value = !0, f("focused");
+			},
+			onBlurred: () => {
+				x.value = !1, f("blurred");
+			}
+		});
+		return j({
+			language: () => l.language,
+			libs: () => l.extraLibs
+		}), X({
+			editor: T,
+			value: () => l.modelValue,
+			authoring: () => l.authoring,
+			onReject: (e) => f("reject", e)
+		}), d(() => l.modelValue, (e) => {
+			S.value = e.length === 0, e !== m && D(e);
+		}), r({
+			getEditor: () => T.value,
+			getModel: () => E.value,
+			focus: () => T.value?.focus()
+		}), (e, r) => (s(), t("div", {
+			id: _.value,
+			ref_key: "host",
+			ref: p,
+			class: i(C.value),
+			style: a(w.value),
+			"aria-invalid": v.value ? "true" : void 0,
+			"aria-describedby": y.value,
+			"aria-disabled": b.value ? "true" : void 0,
+			"aria-required": n.required ? "true" : void 0,
+			"data-placeholder": n.placeholder || void 0,
+			"data-name": n.name || void 0
+		}, null, 14, $));
+	}
+});
+//#endregion
+export { m as COAR_THEME_DARK, p as COAR_THEME_LIGHT, ee as CoarScriptEditor, N as LOCKED_MARKER_TEXT, I as computeProtectedRanges, B as countLockedLines, _ as detectAutoTheme, R as editIsProtected, g as ensureCoarThemes, U as getEditableSegments, P as hasLockedMarkers, V as isEverySegmentNonEmpty, L as overlapsProtectedRange, F as scanLockedLines, z as snapOffsetAwayFromLocked, H as validateSource, y as watchAutoTheme };