@airalogy/aimd-editor 1.7.1

package/dist/AimdEditorTopBar.vue_vue_type_script_setup_true_lang-gbfMDZSh.js

@@ -0,0 +1,1131 @@
+import { defineComponent as ce, computed as V, ref as $, watch as q, openBlock as r, createBlock as Ie, Teleport as Ee, createElementBlock as c, withModifiers as de, createElementVNode as l, normalizeStyle as ue, createTextVNode as H, toDisplayString as n, Fragment as A, renderList as Q, normalizeClass as W, withDirectives as b, vModelText as T, createCommentVNode as _, vModelSelect as ye, vModelRadio as Se, vModelCheckbox as Ue, shallowRef as be, nextTick as Te, unref as F, createVNode as we, vShow as Me } from "vue";
+import { callCommand as Le, insert as ke, replaceAll as re, getMarkdown as Ce } from "@milkdown/kit/utils";
+import "@milkdown/theme-nord/style.css";
+import { j as xe, m as ae, k as He, h as ze, o as De, i as Pe, l as Re, _ as Fe, n as Ne } from "./AimdWysiwygEditor.vue_vue_type_script_setup_true_lang-B8o1VbUH.js";
+import { _ as Oe } from "./AimdSourceEditor.vue_vue_type_script_setup_true_lang-t_sUoXky.js";
+import { protectAimdInlineTemplates as Ke, restoreAimdInlineTemplates as je } from "@airalogy/aimd-core";
+import { parseAndExtract as Qe } from "@airalogy/aimd-renderer";
+import { insertTableCommand as We } from "@milkdown/kit/preset/gfm";
+const Ge = { class: "aimd-dialog" }, Je = { class: "aimd-dialog-header" }, Xe = { class: "aimd-dialog-title" }, Ye = ["innerHTML"], Ze = { class: "aimd-dialog-type-tabs" }, el = ["onClick"], ll = ["innerHTML"], sl = { class: "aimd-dialog-body" }, tl = { class: "aimd-field-row" }, ol = { class: "aimd-field-label" }, al = ["placeholder"], il = { class: "aimd-field-row" }, nl = { class: "aimd-field-label" }, dl = { class: "aimd-field-hint" }, rl = { class: "aimd-var-type-grid" }, ul = ["onClick"], cl = { class: "aimd-var-type-card-title" }, ml = { class: "aimd-var-type-card-desc" }, vl = { class: "aimd-field-row" }, pl = { class: "aimd-field-label" }, gl = ["placeholder"], fl = { class: "aimd-field-hint" }, hl = { class: "aimd-field-row" }, yl = { class: "aimd-field-label" }, bl = ["placeholder"], wl = { class: "aimd-field-row" }, kl = { class: "aimd-field-label" }, _l = ["placeholder"], Tl = { class: "aimd-field-row" }, Ml = { class: "aimd-field-label" }, Cl = ["placeholder"], zl = { class: "aimd-field-row" }, Il = { class: "aimd-field-label" }, xl = ["placeholder"], $l = { class: "aimd-field-hint" }, Vl = { class: "aimd-field-row" }, Bl = { class: "aimd-field-label" }, Al = ["placeholder"], ql = { class: "aimd-field-row" }, El = { class: "aimd-field-label" }, Sl = { value: "1" }, Ul = { value: "2" }, Ll = { value: "3" }, Hl = { class: "aimd-field-row" }, Dl = { class: "aimd-field-label" }, Pl = ["placeholder"], Rl = { class: "aimd-field-row" }, Fl = { class: "aimd-field-label" }, Nl = { value: "choice" }, Ol = { value: "blank" }, Kl = { value: "open" }, jl = { class: "aimd-field-row" }, Ql = { class: "aimd-field-label" }, Wl = ["placeholder"], Gl = { class: "aimd-field-row" }, Jl = { class: "aimd-field-label" }, Xl = ["placeholder"], Yl = {
+  key: 0,
+  class: "aimd-field-hint"
+}, Zl = { class: "aimd-field-row" }, es = { class: "aimd-field-label" }, ls = { value: "single" }, ss = { value: "multiple" }, ts = { class: "aimd-field-row" }, os = { class: "aimd-field-label" }, as = { class: "aimd-collection-editor" }, is = ["onDragover", "onDrop"], ns = ["title", "onDragstart"], ds = { class: "aimd-option-answer-toggle" }, rs = ["value", "disabled"], us = ["value", "disabled"], cs = ["onUpdate:modelValue", "placeholder"], ms = ["onUpdate:modelValue", "placeholder"], vs = ["disabled", "onClick"], ps = { class: "aimd-field-hint" }, gs = {
+  key: 1,
+  class: "aimd-field-row"
+}, fs = { class: "aimd-field-label" }, hs = { class: "aimd-collection-editor" }, ys = ["onUpdate:modelValue", "placeholder"], bs = ["onUpdate:modelValue", "placeholder"], ws = ["disabled", "onClick"], ks = { class: "aimd-field-hint" }, _s = {
+  key: 2,
+  class: "aimd-field-row"
+}, Ts = { class: "aimd-field-label" }, Ms = ["placeholder"], Cs = {
+  key: 4,
+  class: "aimd-field-row"
+}, zs = { class: "aimd-field-label" }, Is = ["placeholder"], xs = {
+  key: 5,
+  class: "aimd-field-row"
+}, $s = { class: "aimd-field-label" }, Vs = ["placeholder"], Bs = { id: "aimd-ref-suggestions" }, As = ["value"], qs = {
+  key: 0,
+  class: "aimd-field-hint"
+}, Es = {
+  key: 6,
+  class: "aimd-field-row"
+}, Ss = { class: "aimd-field-label" }, Us = ["placeholder"], Ls = { class: "aimd-field-hint" }, Hs = { class: "aimd-dialog-preview" }, Ds = { class: "aimd-preview-header" }, Ps = { class: "aimd-preview-panel" }, Rs = { class: "aimd-preview-code" }, Fs = {
+  key: 7,
+  class: "aimd-dialog-error"
+}, Ns = { class: "aimd-dialog-footer" }, Os = /* @__PURE__ */ ce({
+  __name: "AimdFieldDialog",
+  props: {
+    visible: { type: Boolean },
+    initialType: {},
+    messages: {},
+    refSuggestions: {},
+    varTypePlugins: {},
+    allowedTypes: {}
+  },
+  emits: ["update:visible", "insert"],
+  setup(u, { emit: D }) {
+    const t = u, k = D, w = V(() => {
+      const a = xe(t.messages);
+      if (!t.allowedTypes || t.allowedTypes.length === 0)
+        return a;
+      const s = new Set(t.allowedTypes);
+      return a.filter((e) => s.has(e.type));
+    });
+    function g(a) {
+      return a && w.value.some((s) => s.type === a) ? a : w.value[0]?.type ?? a ?? "var";
+    }
+    const i = $(g(t.initialType)), o = $(ae(i.value, t.messages)), v = $([]), M = $([]), E = $([]), f = $(null), C = $(null), z = $(""), S = V(
+      () => He(t.messages, t.varTypePlugins ?? [])
+    );
+    function G(a) {
+      return (a || "").trim().toLowerCase().replace(/[\s_-]/g, "");
+    }
+    function P(a) {
+      return G(o.value.type) === G(a);
+    }
+    function J(a) {
+      o.value.type = a;
+    }
+    function X(a) {
+      const s = a.split(",").map((e) => e.trim()).filter(Boolean);
+      return s.length === 0 ? [
+        { key: "A", text: t.messages.defaults.optionText("A") },
+        { key: "B", text: t.messages.defaults.optionText("B") }
+      ] : s.map((e, h) => {
+        const y = e.indexOf(":");
+        if (y > 0) {
+          const j = e.slice(0, y).trim() || String.fromCharCode(65 + h), ne = e.slice(y + 1).trim() || t.messages.defaults.optionText(j);
+          return { key: j, text: ne };
+        }
+        return { key: String.fromCharCode(65 + h), text: e };
+      });
+    }
+    function Y(a) {
+      const s = a.map((e) => ({ key: e.key.trim(), text: e.text.trim() })).filter((e) => e.key && e.text);
+      return s.length === 0 ? `A:${t.messages.defaults.optionText("A")}, B:${t.messages.defaults.optionText("B")}` : s.map((e) => `${e.key}:${e.text}`).join(", ");
+    }
+    function Z(a) {
+      const s = a.split(",").map((e) => e.trim()).filter(Boolean);
+      return s.length === 0 ? [{ key: "b1", answer: "21%" }] : s.map((e, h) => {
+        const y = e.indexOf(":");
+        if (y > 0) {
+          const te = e.slice(0, y).trim() || `b${h + 1}`, j = e.slice(y + 1).trim() || "";
+          return { key: te, answer: j };
+        }
+        return { key: `b${h + 1}`, answer: e };
+      });
+    }
+    function ee(a) {
+      const s = a.map((e) => ({ key: e.key.trim(), answer: e.answer.trim() })).filter((e) => e.key);
+      return s.length === 0 ? "b1:21%" : s.map((e) => `${e.key}:${e.answer}`).join(", ");
+    }
+    function le(a) {
+      return a.split(",").map((s) => s.trim()).filter(Boolean);
+    }
+    function I() {
+      i.value === "quiz" && (o.value.quizType === "choice" ? (v.value = X(o.value.options || ""), E.value = le(o.value.answer || "")) : o.value.quizType === "blank" && (M.value = Z(o.value.blanks || "")));
+    }
+    function B() {
+      if (i.value !== "quiz" || o.value.quizType !== "choice") return;
+      const a = new Set(
+        v.value.map((s) => s.key.trim()).filter(Boolean)
+      );
+      if (o.value.mode === "multiple") {
+        const s = E.value.map((e) => e.trim()).filter((e) => e && a.has(e));
+        s.length !== E.value.length && (E.value = s);
+      } else {
+        const s = (o.value.answer || "").trim();
+        s && !a.has(s) && (o.value.answer = "");
+      }
+    }
+    function N() {
+      const a = new Set(
+        v.value.map((s) => s.key.trim().toUpperCase()).filter(Boolean)
+      );
+      for (let s = 0; s < 26; s++) {
+        const e = String.fromCharCode(65 + s);
+        if (!a.has(e)) return e;
+      }
+      return `K${v.value.length + 1}`;
+    }
+    function O() {
+      const a = N();
+      v.value.push({ key: a, text: t.messages.defaults.optionText(a) });
+    }
+    function se(a) {
+      v.value.length <= 1 || v.value.splice(a, 1);
+    }
+    function d(a) {
+      f.value = a, C.value = a;
+    }
+    function m(a) {
+      f.value !== null && (C.value = a);
+    }
+    function x(a) {
+      const s = f.value;
+      if (s === null || s === a) {
+        f.value = null, C.value = null;
+        return;
+      }
+      const e = v.value.splice(s, 1)[0];
+      v.value.splice(a, 0, e), f.value = null, C.value = null;
+    }
+    function K() {
+      f.value = null, C.value = null;
+    }
+    function U() {
+      const a = new Set(
+        M.value.map((e) => e.key.trim().toLowerCase()).filter(Boolean)
+      );
+      let s = 1;
+      for (; a.has(`b${s}`); )
+        s += 1;
+      return `b${s}`;
+    }
+    function R() {
+      M.value.push({ key: U(), answer: "" });
+    }
+    function me(a) {
+      M.value.length <= 1 || M.value.splice(a, 1);
+    }
+    function ie(a) {
+      const s = /* @__PURE__ */ new Set(), e = [];
+      for (const h of a)
+        s.has(h) && !e.includes(h) && e.push(h), s.add(h);
+      return e;
+    }
+    function ve(a) {
+      const s = [], e = /\[\[([^\[\]\s]+)\]\]/g;
+      for (const h of a.matchAll(e))
+        s.push(h[1]);
+      return s;
+    }
+    function p() {
+      const a = M.value.map((oe) => oe.key.trim()).filter(Boolean);
+      if (a.length === 0)
+        return t.messages.errors.blankQuizRequiresBlankKey;
+      const s = ie(a);
+      if (s.length > 0)
+        return t.messages.errors.blankKeysMustBeUnique(s);
+      const e = o.value.stem || "", h = ve(e);
+      if (h.length === 0)
+        return t.messages.errors.blankStemRequiresPlaceholders;
+      const y = ie(h);
+      if (y.length > 0)
+        return t.messages.errors.duplicatePlaceholders(y);
+      const te = new Set(a), j = new Set(h), ne = [...j].filter((oe) => !te.has(oe));
+      if (ne.length > 0)
+        return t.messages.errors.undefinedPlaceholders(ne);
+      const _e = [...te].filter((oe) => !j.has(oe));
+      return _e.length > 0 ? t.messages.errors.missingPlaceholders(_e) : null;
+    }
+    function L() {
+      return i.value !== "quiz" || o.value.quizType !== "blank" ? null : p();
+    }
+    q(() => t.initialType, (a) => {
+      const s = g(a);
+      i.value = s, o.value = ae(s, t.messages), I(), z.value = "";
+    }), q(w, () => {
+      const a = g(i.value);
+      a !== i.value && (i.value = a, o.value = ae(a, t.messages), I(), z.value = "");
+    }), q(() => t.visible, (a) => {
+      a && (o.value = ae(i.value, t.messages), I(), z.value = "");
+    });
+    function pe(a) {
+      const s = g(a);
+      i.value = s, o.value = ae(s, t.messages), I(), z.value = "";
+    }
+    const $e = V(() => ze(i.value, o.value, t.messages));
+    function Ve(a) {
+      return w.value.find((s) => s.type === a) || { type: a, label: a, icon: "?", svgIcon: "", desc: "", color: "#666" };
+    }
+    const ge = V(() => Ve(i.value)), fe = V(() => t.refSuggestions ? t.refSuggestions : []), Be = V(() => i.value === "ref_step" ? t.messages.dialog.referencedStepId : i.value === "ref_var" ? t.messages.dialog.referencedVariableId : t.messages.dialog.referencedFigureId), Ae = V(() => i.value === "ref_step" ? "step_id" : i.value === "ref_var" ? "var_id" : "fig_id");
+    q(() => [i.value, o.value.quizType], ([a, s], [e, h]) => {
+      a === "quiz" && (a !== e || s !== h) && I();
+    }), q(() => o.value.mode, () => {
+      B();
+    }), q(v, (a) => {
+      i.value === "quiz" && o.value.quizType === "choice" && (o.value.options = Y(a), B());
+    }, { deep: !0 }), q(M, (a) => {
+      i.value === "quiz" && o.value.quizType === "blank" && (o.value.blanks = ee(a));
+    }, { deep: !0 }), q(E, (a) => {
+      i.value === "quiz" && o.value.quizType === "choice" && o.value.mode === "multiple" && (o.value.answer = a.join(", "));
+    }, { deep: !0 }), q(o, () => {
+      z.value && (z.value = "");
+    }, { deep: !0 }), q(M, () => {
+      z.value && (z.value = "");
+    }, { deep: !0 });
+    function qe() {
+      const a = L();
+      if (a) {
+        z.value = a;
+        return;
+      }
+      z.value = "", k("insert", ze(i.value, o.value, t.messages)), k("update:visible", !1);
+    }
+    function he() {
+      k("update:visible", !1);
+    }
+    return (a, s) => (r(), Ie(Ee, { to: "body" }, [
+      u.visible ? (r(), c("div", {
+        key: 0,
+        class: "aimd-dialog-overlay",
+        onClick: de(he, ["self"])
+      }, [
+        l("div", Ge, [
+          l("div", Je, [
+            l("span", Xe, [
+              l("span", {
+                class: "aimd-dialog-icon",
+                style: ue({ color: ge.value.color }),
+                innerHTML: ge.value.svgIcon
+              }, null, 12, Ye),
+              H(" " + n(t.messages.dialog.title(ge.value.label)), 1)
+            ]),
+            l("button", {
+              class: "aimd-dialog-close",
+              onClick: he
+            }, "×")
+          ]),
+          l("div", Ze, [
+            (r(!0), c(A, null, Q(w.value, (e) => (r(), c("button", {
+              key: e.type,
+              class: W(["aimd-type-tab", { active: i.value === e.type }]),
+              style: ue(i.value === e.type ? { borderColor: e.color, color: e.color, background: `${e.color}14` } : {}),
+              onClick: (h) => pe(e.type)
+            }, [
+              l("span", {
+                innerHTML: e.svgIcon,
+                class: "aimd-type-tab-icon"
+              }, null, 8, ll),
+              H(" " + n(e.label), 1)
+            ], 14, el))), 128))
+          ]),
+          l("div", sl, [
+            i.value === "var" ? (r(), c(A, { key: 0 }, [
+              l("label", tl, [
+                l("span", ol, [
+                  H(n(t.messages.dialog.variableId) + " ", 1),
+                  s[19] || (s[19] = l("em", null, "*", -1))
+                ]),
+                b(l("input", {
+                  "onUpdate:modelValue": s[0] || (s[0] = (e) => o.value.name = e),
+                  placeholder: t.messages.placeholders.variableId,
+                  class: "aimd-field-input"
+                }, null, 8, al), [
+                  [T, o.value.name]
+                ])
+              ]),
+              l("div", il, [
+                l("span", nl, n(t.messages.dialog.typePresetLabel), 1),
+                l("span", dl, n(t.messages.dialog.typeHint), 1),
+                l("div", rl, [
+                  (r(!0), c(A, null, Q(S.value, (e) => (r(), c("button", {
+                    key: e.key,
+                    type: "button",
+                    class: W(["aimd-var-type-card", { active: P(e.value) }]),
+                    onClick: (h) => J(e.value)
+                  }, [
+                    l("span", cl, n(e.label), 1),
+                    l("span", ml, n(e.desc), 1)
+                  ], 10, ul))), 128))
+                ])
+              ]),
+              l("label", vl, [
+                l("span", pl, n(t.messages.dialog.customType), 1),
+                b(l("input", {
+                  "onUpdate:modelValue": s[1] || (s[1] = (e) => o.value.type = e),
+                  placeholder: t.messages.placeholders.type,
+                  class: "aimd-field-input"
+                }, null, 8, gl), [
+                  [T, o.value.type]
+                ]),
+                l("span", fl, n(t.messages.dialog.customTypeHint), 1)
+              ]),
+              l("label", hl, [
+                l("span", yl, n(t.messages.dialog.defaultValue), 1),
+                b(l("input", {
+                  "onUpdate:modelValue": s[2] || (s[2] = (e) => o.value.default = e),
+                  placeholder: t.messages.placeholders.defaultValue,
+                  class: "aimd-field-input"
+                }, null, 8, bl), [
+                  [T, o.value.default]
+                ])
+              ]),
+              l("label", wl, [
+                l("span", kl, n(t.messages.dialog.titleLabel), 1),
+                b(l("input", {
+                  "onUpdate:modelValue": s[3] || (s[3] = (e) => o.value.title = e),
+                  placeholder: t.messages.placeholders.title,
+                  class: "aimd-field-input"
+                }, null, 8, _l), [
+                  [T, o.value.title]
+                ])
+              ])
+            ], 64)) : _("", !0),
+            i.value === "var_table" ? (r(), c(A, { key: 1 }, [
+              l("label", Tl, [
+                l("span", Ml, [
+                  H(n(t.messages.dialog.tableId) + " ", 1),
+                  s[20] || (s[20] = l("em", null, "*", -1))
+                ]),
+                b(l("input", {
+                  "onUpdate:modelValue": s[4] || (s[4] = (e) => o.value.name = e),
+                  placeholder: t.messages.placeholders.tableId,
+                  class: "aimd-field-input"
+                }, null, 8, Cl), [
+                  [T, o.value.name]
+                ])
+              ]),
+              l("label", zl, [
+                l("span", Il, n(t.messages.dialog.subVariableColumns), 1),
+                b(l("input", {
+                  "onUpdate:modelValue": s[5] || (s[5] = (e) => o.value.subvars = e),
+                  placeholder: t.messages.placeholders.subVariableColumns,
+                  class: "aimd-field-input"
+                }, null, 8, xl), [
+                  [T, o.value.subvars]
+                ]),
+                l("span", $l, n(t.messages.dialog.subVariableColumnsHint), 1)
+              ])
+            ], 64)) : _("", !0),
+            i.value === "step" ? (r(), c(A, { key: 2 }, [
+              l("label", Vl, [
+                l("span", Bl, [
+                  H(n(t.messages.dialog.stepId) + " ", 1),
+                  s[21] || (s[21] = l("em", null, "*", -1))
+                ]),
+                b(l("input", {
+                  "onUpdate:modelValue": s[6] || (s[6] = (e) => o.value.name = e),
+                  placeholder: t.messages.placeholders.stepId,
+                  class: "aimd-field-input"
+                }, null, 8, Al), [
+                  [T, o.value.name]
+                ])
+              ]),
+              l("label", ql, [
+                l("span", El, n(t.messages.dialog.level), 1),
+                b(l("select", {
+                  "onUpdate:modelValue": s[7] || (s[7] = (e) => o.value.level = e),
+                  class: "aimd-field-input"
+                }, [
+                  l("option", Sl, n(t.messages.dialog.level1), 1),
+                  l("option", Ul, n(t.messages.dialog.level2), 1),
+                  l("option", Ll, n(t.messages.dialog.level3), 1)
+                ], 512), [
+                  [ye, o.value.level]
+                ])
+              ])
+            ], 64)) : _("", !0),
+            i.value === "quiz" ? (r(), c(A, { key: 3 }, [
+              l("label", Hl, [
+                l("span", Dl, [
+                  H(n(t.messages.dialog.quizId) + " ", 1),
+                  s[22] || (s[22] = l("em", null, "*", -1))
+                ]),
+                b(l("input", {
+                  "onUpdate:modelValue": s[8] || (s[8] = (e) => o.value.id = e),
+                  placeholder: t.messages.placeholders.quizId,
+                  class: "aimd-field-input"
+                }, null, 8, Pl), [
+                  [T, o.value.id]
+                ])
+              ]),
+              l("label", Rl, [
+                l("span", Fl, n(t.messages.dialog.questionType), 1),
+                b(l("select", {
+                  "onUpdate:modelValue": s[9] || (s[9] = (e) => o.value.quizType = e),
+                  class: "aimd-field-input"
+                }, [
+                  l("option", Nl, n(t.messages.quiz.types.choice), 1),
+                  l("option", Ol, n(t.messages.quiz.types.blank), 1),
+                  l("option", Kl, n(t.messages.quiz.types.open), 1)
+                ], 512), [
+                  [ye, o.value.quizType]
+                ])
+              ]),
+              l("label", jl, [
+                l("span", Ql, n(t.messages.dialog.score), 1),
+                b(l("input", {
+                  "onUpdate:modelValue": s[10] || (s[10] = (e) => o.value.score = e),
+                  placeholder: t.messages.placeholders.score,
+                  class: "aimd-field-input"
+                }, null, 8, Wl), [
+                  [T, o.value.score]
+                ])
+              ]),
+              l("label", Gl, [
+                l("span", Jl, [
+                  H(n(t.messages.dialog.stem) + " ", 1),
+                  s[23] || (s[23] = l("em", null, "*", -1))
+                ]),
+                b(l("textarea", {
+                  "onUpdate:modelValue": s[11] || (s[11] = (e) => o.value.stem = e),
+                  placeholder: t.messages.placeholders.stem,
+                  class: "aimd-field-input aimd-field-textarea"
+                }, null, 8, Xl), [
+                  [T, o.value.stem]
+                ]),
+                o.value.quizType === "blank" ? (r(), c("span", Yl, n(t.messages.dialog.blankStemHint), 1)) : _("", !0)
+              ]),
+              o.value.quizType === "choice" ? (r(), c(A, { key: 0 }, [
+                l("label", Zl, [
+                  l("span", es, n(t.messages.dialog.mode), 1),
+                  b(l("select", {
+                    "onUpdate:modelValue": s[12] || (s[12] = (e) => o.value.mode = e),
+                    class: "aimd-field-input"
+                  }, [
+                    l("option", ls, n(t.messages.quiz.modes.single), 1),
+                    l("option", ss, n(t.messages.quiz.modes.multiple), 1)
+                  ], 512), [
+                    [ye, o.value.mode]
+                  ])
+                ]),
+                l("div", ts, [
+                  l("span", os, n(t.messages.dialog.options), 1),
+                  l("div", as, [
+                    (r(!0), c(A, null, Q(v.value, (e, h) => (r(), c("div", {
+                      key: `choice-option-${h}`,
+                      class: W(["aimd-collection-row aimd-option-row", { "aimd-option-row-dragover": C.value === h && f.value !== null && f.value !== h }]),
+                      onDragover: de((y) => m(h), ["prevent"]),
+                      onDrop: de((y) => x(h), ["prevent"])
+                    }, [
+                      l("span", {
+                        class: "aimd-drag-handle",
+                        title: t.messages.dialog.dragToReorder,
+                        draggable: "true",
+                        onDragstart: (y) => d(h),
+                        onDragend: K
+                      }, " ⋮⋮ ", 40, ns),
+                      l("label", ds, [
+                        o.value.mode === "single" ? b((r(), c("input", {
+                          key: 0,
+                          "onUpdate:modelValue": s[13] || (s[13] = (y) => o.value.answer = y),
+                          type: "radio",
+                          name: "aimd-quiz-choice-answer",
+                          value: e.key.trim(),
+                          disabled: !e.key.trim()
+                        }, null, 8, rs)), [
+                          [Se, o.value.answer]
+                        ]) : b((r(), c("input", {
+                          key: 1,
+                          "onUpdate:modelValue": s[14] || (s[14] = (y) => E.value = y),
+                          type: "checkbox",
+                          value: e.key.trim(),
+                          disabled: !e.key.trim()
+                        }, null, 8, us)), [
+                          [Ue, E.value]
+                        ]),
+                        l("span", null, n(o.value.mode === "single" ? t.messages.dialog.answer : t.messages.dialog.correct), 1)
+                      ]),
+                      b(l("input", {
+                        "onUpdate:modelValue": (y) => e.key = y,
+                        placeholder: t.messages.placeholders.optionKey,
+                        class: "aimd-field-input"
+                      }, null, 8, cs), [
+                        [T, e.key]
+                      ]),
+                      b(l("input", {
+                        "onUpdate:modelValue": (y) => e.text = y,
+                        placeholder: t.messages.placeholders.optionText,
+                        class: "aimd-field-input"
+                      }, null, 8, ms), [
+                        [T, e.text]
+                      ]),
+                      l("button", {
+                        type: "button",
+                        class: "aimd-mini-btn",
+                        disabled: v.value.length <= 1,
+                        onClick: (y) => se(h)
+                      }, n(t.messages.common.remove), 9, vs)
+                    ], 42, is))), 128)),
+                    l("button", {
+                      type: "button",
+                      class: "aimd-mini-btn aimd-mini-btn-add",
+                      onClick: O
+                    }, n(t.messages.actions.addOption), 1)
+                  ]),
+                  l("span", ps, n(t.messages.dialog.optionsHint), 1)
+                ])
+              ], 64)) : o.value.quizType === "blank" ? (r(), c("div", gs, [
+                l("span", fs, n(t.messages.dialog.blanks), 1),
+                l("div", hs, [
+                  (r(!0), c(A, null, Q(M.value, (e, h) => (r(), c("div", {
+                    key: `blank-item-${h}`,
+                    class: "aimd-collection-row"
+                  }, [
+                    b(l("input", {
+                      "onUpdate:modelValue": (y) => e.key = y,
+                      placeholder: t.messages.placeholders.blankKey,
+                      class: "aimd-field-input"
+                    }, null, 8, ys), [
+                      [T, e.key]
+                    ]),
+                    b(l("input", {
+                      "onUpdate:modelValue": (y) => e.answer = y,
+                      placeholder: t.messages.placeholders.blankAnswer,
+                      class: "aimd-field-input"
+                    }, null, 8, bs), [
+                      [T, e.answer]
+                    ]),
+                    l("button", {
+                      type: "button",
+                      class: "aimd-mini-btn",
+                      disabled: M.value.length <= 1,
+                      onClick: (y) => me(h)
+                    }, n(t.messages.common.remove), 9, ws)
+                  ]))), 128)),
+                  l("button", {
+                    type: "button",
+                    class: "aimd-mini-btn aimd-mini-btn-add",
+                    onClick: R
+                  }, n(t.messages.actions.addBlank), 1)
+                ]),
+                l("span", ks, n(t.messages.dialog.blanksHint), 1)
+              ])) : (r(), c("label", _s, [
+                l("span", Ts, n(t.messages.dialog.rubric), 1),
+                b(l("textarea", {
+                  "onUpdate:modelValue": s[15] || (s[15] = (e) => o.value.rubric = e),
+                  placeholder: t.messages.placeholders.rubric,
+                  class: "aimd-field-input aimd-field-textarea"
+                }, null, 8, Ms), [
+                  [T, o.value.rubric]
+                ])
+              ]))
+            ], 64)) : _("", !0),
+            i.value === "check" ? (r(), c("label", Cs, [
+              l("span", zs, [
+                H(n(t.messages.dialog.checkpointId) + " ", 1),
+                s[24] || (s[24] = l("em", null, "*", -1))
+              ]),
+              b(l("input", {
+                "onUpdate:modelValue": s[16] || (s[16] = (e) => o.value.name = e),
+                placeholder: t.messages.placeholders.checkpointId,
+                class: "aimd-field-input"
+              }, null, 8, Is), [
+                [T, o.value.name]
+              ])
+            ])) : _("", !0),
+            ["ref_step", "ref_var", "ref_fig"].includes(i.value) ? (r(), c("label", xs, [
+              l("span", $s, [
+                H(n(Be.value) + " ", 1),
+                s[25] || (s[25] = l("em", null, "*", -1))
+              ]),
+              b(l("input", {
+                "onUpdate:modelValue": s[17] || (s[17] = (e) => o.value.name = e),
+                placeholder: Ae.value,
+                class: "aimd-field-input",
+                list: "aimd-ref-suggestions"
+              }, null, 8, Vs), [
+                [T, o.value.name]
+              ]),
+              l("datalist", Bs, [
+                (r(!0), c(A, null, Q(fe.value, (e) => (r(), c("option", {
+                  key: e,
+                  value: e
+                }, null, 8, As))), 128))
+              ]),
+              fe.value.length ? (r(), c("span", qs, n(t.messages.common.available) + ": " + n(fe.value.join(", ")), 1)) : _("", !0)
+            ])) : _("", !0),
+            i.value === "cite" ? (r(), c("label", Es, [
+              l("span", Ss, [
+                H(n(t.messages.dialog.citationId) + " ", 1),
+                s[26] || (s[26] = l("em", null, "*", -1))
+              ]),
+              b(l("input", {
+                "onUpdate:modelValue": s[18] || (s[18] = (e) => o.value.refs = e),
+                placeholder: t.messages.placeholders.citationIds,
+                class: "aimd-field-input"
+              }, null, 8, Us), [
+                [T, o.value.refs]
+              ]),
+              l("span", Ls, n(t.messages.dialog.citationHint), 1)
+            ])) : _("", !0),
+            l("div", Hs, [
+              l("div", Ds, n(t.messages.common.preview), 1),
+              l("pre", Ps, [
+                l("code", Rs, n($e.value), 1)
+              ])
+            ]),
+            z.value ? (r(), c("div", Fs, n(z.value), 1)) : _("", !0)
+          ]),
+          l("div", Ns, [
+            l("button", {
+              class: "aimd-btn aimd-btn-cancel",
+              onClick: he
+            }, n(t.messages.common.cancel), 1),
+            l("button", {
+              class: "aimd-btn aimd-btn-primary",
+              onClick: qe
+            }, n(t.messages.common.insert), 1)
+          ])
+        ])
+      ])) : _("", !0)
+    ]));
+  }
+}), Ks = { class: "aimd-editor-toolbar" }, js = {
+  key: 0,
+  class: "aimd-editor-mode-switch"
+}, Qs = ["title"], Ws = ["title"], Gs = {
+  key: 1,
+  class: "aimd-editor-toolbar-sep"
+}, Js = {
+  key: 0,
+  class: "aimd-editor-toolbar-sep"
+}, Xs = ["title", "onClick", "innerHTML"], Ys = {
+  key: 3,
+  class: "aimd-editor-toolbar-divider"
+}, Zs = ["title", "onClick", "onMouseup"], et = ["innerHTML"], lt = { class: "aimd-editor-aimd-btn-label" }, st = /* @__PURE__ */ ce({
+  __name: "AimdEditorToolbar",
+  props: {
+    showTopBar: { type: Boolean },
+    showMdToolbar: { type: Boolean },
+    showAimdToolbar: { type: Boolean },
+    editorMode: {},
+    resolvedMessages: {},
+    localizedFieldTypes: {},
+    localizedMdToolbarItems: {}
+  },
+  emits: ["switch-mode", "md-action", "open-aimd-dialog", "quick-insert-aimd"],
+  setup(u, { emit: D }) {
+    const t = D;
+    return (k, w) => (r(), c("div", Ks, [
+      u.showTopBar ? (r(), c("div", js, [
+        l("button", {
+          type: "button",
+          class: W(["aimd-editor-mode-btn", { active: u.editorMode === "source" }]),
+          onClick: w[0] || (w[0] = (g) => t("switch-mode", "source")),
+          title: u.resolvedMessages.mode.sourceTitle
+        }, [
+          w[2] || (w[2] = l("span", {
+            class: "aimd-editor-mode-icon",
+            innerHTML: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>'
+          }, null, -1)),
+          l("span", null, n(u.resolvedMessages.mode.source), 1)
+        ], 10, Qs),
+        l("button", {
+          type: "button",
+          class: W(["aimd-editor-mode-btn", { active: u.editorMode === "wysiwyg" }]),
+          onClick: w[1] || (w[1] = (g) => t("switch-mode", "wysiwyg")),
+          title: u.resolvedMessages.mode.wysiwygTitle
+        }, [
+          w[3] || (w[3] = l("span", {
+            class: "aimd-editor-mode-icon",
+            innerHTML: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>'
+          }, null, -1)),
+          l("span", null, n(u.resolvedMessages.mode.wysiwyg), 1)
+        ], 10, Ws)
+      ])) : _("", !0),
+      u.showTopBar && u.showMdToolbar ? (r(), c("div", Gs)) : _("", !0),
+      u.showMdToolbar ? (r(!0), c(A, { key: 2 }, Q(u.localizedMdToolbarItems, (g) => (r(), c(A, {
+        key: g.action
+      }, [
+        g.action.startsWith("sep") ? (r(), c("div", Js)) : (r(), c("button", {
+          key: 1,
+          type: "button",
+          class: "aimd-editor-fmt-btn",
+          title: g.title,
+          onClick: (i) => t("md-action", g.action),
+          innerHTML: g.svgIcon
+        }, null, 8, Xs))
+      ], 64))), 128)) : _("", !0),
+      u.showMdToolbar && u.showAimdToolbar ? (r(), c("div", Ys)) : _("", !0),
+      u.showAimdToolbar ? (r(!0), c(A, { key: 4 }, Q(u.localizedFieldTypes, (g) => (r(), c("button", {
+        key: g.type,
+        type: "button",
+        class: "aimd-editor-fmt-btn aimd-editor-aimd-btn",
+        title: g.desc,
+        style: ue({ "--aimd-color": g.color }),
+        onClick: (i) => t("open-aimd-dialog", g.type),
+        onMouseup: de((i) => t("quick-insert-aimd", g.type), ["middle", "prevent"])
+      }, [
+        l("span", {
+          class: "aimd-editor-aimd-btn-icon",
+          innerHTML: g.svgIcon
+        }, null, 8, et),
+        l("span", lt, n(g.label), 1)
+      ], 44, Zs))), 128)) : _("", !0)
+    ]));
+  }
+});
+function tt(u) {
+  const { initialContent: D, initialMode: t, resolvedMessages: k, emitModelValue: w, emitMode: g } = u, i = $(t), o = $(D), v = be(null), M = be(null), E = $(!0), f = be(null);
+  let C = !1;
+  function z(d) {
+    d !== o.value && (o.value = d, w(d));
+  }
+  function S(d) {
+    return Ke(d).content;
+  }
+  function G(d) {
+    return /class="ProseMirror milkdown-editor-content editor"/.test(d) || /<div class="milkdown">/.test(d) || /<\/?[a-z][^>]*>/i.test(d) && /AIMDINLINETEMPLATE[0-9a-f]+TOKEN/.test(d);
+  }
+  function P(d, m) {
+    const x = De(je(d));
+    return G(x) ? m : x;
+  }
+  function J(d) {
+    return /\{\{(?:var_table|var|quiz|step|check|ref_step|ref_var|ref_fig|cite|fig)\|/.test(d) || /```(?:quiz|fig|assigner)\b/.test(d);
+  }
+  function X() {
+    if (f.value)
+      try {
+        const d = f.value.action(Ce());
+        if (typeof d != "string")
+          return;
+        const m = P(d, o.value);
+        f.value.action(re(S(m)));
+      } catch {
+      }
+  }
+  const Y = V(() => {
+    try {
+      return Qe(o.value);
+    } catch {
+      return null;
+    }
+  });
+  async function Z(d) {
+    if (d !== i.value) {
+      if (i.value === "source" && v.value && (o.value = v.value.getValue()), i.value === "wysiwyg" && f.value)
+        try {
+          const m = f.value.action(Ce());
+          typeof m == "string" && (o.value = P(m, o.value));
+        } catch {
+        }
+      if (i.value = d, g(d), d === "source")
+        await Te(), v.value && (C = !0, v.value.setValue(o.value), C = !1);
+      else if (d === "wysiwyg" && (await Te(), f.value))
+        try {
+          C = !0, f.value.action(re(S(o.value))), C = !1;
+        } catch {
+          C = !1;
+        }
+    }
+  }
+  function ee(d) {
+    if (d !== o.value) {
+      if (C = !0, o.value = d, i.value === "source" && v.value)
+        v.value.setValue(d);
+      else if (i.value === "wysiwyg" && f.value)
+        try {
+          f.value.action(re(S(d)));
+        } catch {
+        }
+      C = !1;
+    }
+  }
+  function le(d) {
+    if (i.value === "source" && v.value) {
+      const m = v.value.getSelection();
+      v.value.executeEdits("toolbar", [{
+        range: m,
+        text: d,
+        forceMoveMarkers: !0
+      }]), v.value.focus();
+    } else if (i.value === "wysiwyg" && f.value)
+      try {
+        f.value.action(ke(d)), J(d) && X();
+      } catch {
+      }
+  }
+  function I(d, m = "", x = "") {
+    if (i.value === "source" && v.value) {
+      const K = v.value.getSelection(), U = v.value.getModel().getValueInRange(K) || x, R = d + U + m;
+      v.value.executeEdits("toolbar", [{
+        range: K,
+        text: R,
+        forceMoveMarkers: !0
+      }]), v.value.focus();
+    } else if (i.value === "wysiwyg" && f.value)
+      try {
+        f.value.action(ke(d + x + m));
+      } catch {
+      }
+  }
+  function B(d, m = "") {
+    if (i.value === "source" && v.value) {
+      const x = v.value.getPosition(), U = v.value.getModel().getLineContent(x.lineNumber);
+      if (U.trim() === "") {
+        const R = { startLineNumber: x.lineNumber, startColumn: 1, endLineNumber: x.lineNumber, endColumn: U.length + 1 };
+        v.value.executeEdits("toolbar", [{ range: R, text: d + m, forceMoveMarkers: !0 }]);
+      } else {
+        const R = { startLineNumber: x.lineNumber, startColumn: U.length + 1, endLineNumber: x.lineNumber, endColumn: U.length + 1 };
+        v.value.executeEdits("toolbar", [{ range: R, text: `
+` + d + m, forceMoveMarkers: !0 }]);
+      }
+      v.value.focus();
+    } else if (i.value === "wysiwyg" && f.value)
+      try {
+        f.value.action(ke(`
+` + d + m));
+      } catch {
+      }
+  }
+  function N(d) {
+    const m = k.value.snippets;
+    switch (d) {
+      case "h1":
+        B("# ", m.heading);
+        break;
+      case "h2":
+        B("## ", m.heading);
+        break;
+      case "h3":
+        B("### ", m.heading);
+        break;
+      case "bold":
+        I("**", "**", m.boldText);
+        break;
+      case "italic":
+        I("*", "*", m.italicText);
+        break;
+      case "strikethrough":
+        I("~~", "~~", m.strikethrough);
+        break;
+      case "ul":
+        B("- ", m.listItem);
+        break;
+      case "ol":
+        B("1. ", m.listItem);
+        break;
+      case "blockquote":
+        B("> ", m.quote);
+        break;
+      case "code":
+        I("`", "`", m.code);
+        break;
+      case "codeblock":
+        I("```\n", "\n```", m.codeBlock);
+        break;
+      case "link":
+        I("[", "](url)", m.linkText);
+        break;
+      case "image":
+        I("![", "](url)", m.altText);
+        break;
+      case "hr":
+        B("---");
+        break;
+      case "math":
+        I("$", "$", m.mathFormula);
+        break;
+      case "table":
+        if (i.value === "wysiwyg" && f.value)
+          try {
+            f.value.action(Le(We.key, { row: 3, col: 3 }));
+          } catch {
+          }
+        else
+          B(
+            `| ${m.tableColumnA} | ${m.tableColumnB} | ${m.tableColumnC} |
+|-------|-------|-------|
+| `,
+            " |  |  |"
+          );
+        break;
+    }
+  }
+  function O(d, m, x) {
+    C || z(P(m, o.value));
+  }
+  function se(d) {
+    f.value = d;
+  }
+  return {
+    editorMode: i,
+    content: o,
+    commitUserContent: z,
+    monacoEditor: v,
+    monacoInstance: M,
+    monacoLoading: E,
+    milkdownEditorRef: f,
+    extractedFields: Y,
+    toMilkdownMarkdown: S,
+    switchMode: Z,
+    syncFromProp: ee,
+    insertTextIntoActiveEditor: le,
+    handleMdAction: N,
+    onMilkdownMarkdownUpdated: O,
+    onMilkdownReady: se
+  };
+}
+const ot = { class: "aimd-editor" }, at = { key: 0 }, it = { key: 1 }, wt = /* @__PURE__ */ ce({
+  __name: "AimdEditor",
+  props: {
+    modelValue: { default: "" },
+    locale: {},
+    messages: { default: () => ({}) },
+    mode: { default: "source" },
+    theme: { default: "aimd-light" },
+    showTopBar: { type: Boolean, default: !0 },
+    showToolbar: { type: Boolean, default: !0 },
+    showAimdToolbar: { type: Boolean, default: !0 },
+    showMdToolbar: { type: Boolean, default: !0 },
+    enableBlockHandle: { type: Boolean, default: !0 },
+    enableSlashMenu: { type: Boolean, default: !0 },
+    keepInactiveEditorsMounted: { type: Boolean, default: !0 },
+    minHeight: { default: 500 },
+    readonly: { type: Boolean, default: !1 },
+    monacoOptions: { default: () => ({}) },
+    varTypePlugins: {}
+  },
+  emits: ["update:modelValue", "update:mode", "ready"],
+  setup(u, { expose: D, emit: t }) {
+    const k = u, w = t, g = V(() => Pe(k.locale, k.messages)), {
+      editorMode: i,
+      content: o,
+      commitUserContent: v,
+      monacoEditor: M,
+      monacoInstance: E,
+      milkdownEditorRef: f,
+      extractedFields: C,
+      toMilkdownMarkdown: z,
+      switchMode: S,
+      syncFromProp: G,
+      insertTextIntoActiveEditor: P,
+      handleMdAction: J,
+      onMilkdownMarkdownUpdated: X,
+      onMilkdownReady: Y
+    } = tt({
+      initialContent: k.modelValue,
+      initialMode: k.mode,
+      resolvedMessages: g,
+      emitModelValue: (p) => w("update:modelValue", p),
+      emitMode: (p) => w("update:mode", p)
+    });
+    q(() => k.modelValue, (p) => G(p)), q(() => k.mode, (p) => {
+      p !== i.value && S(p);
+    });
+    const Z = $(k.theme), ee = V(() => k.keepInactiveEditorsMounted || i.value === "source"), le = V(() => k.keepInactiveEditorsMounted || i.value === "wysiwyg"), I = V(() => xe(g.value)), B = V(() => Re(g.value)), N = $(!1), O = $("var"), se = V(() => {
+      const p = C.value;
+      if (!p) return [];
+      const L = O.value;
+      return L === "ref_step" ? p.step || [] : L === "ref_var" ? p.var || [] : L === "ref_fig" ? p.ref_fig || [] : [];
+    });
+    function d(p) {
+      O.value = p, N.value = !0;
+    }
+    function m(p) {
+      P(Ne(p, g.value));
+    }
+    function x(p) {
+      P(p);
+    }
+    const K = $(null), U = $(null);
+    function R(p) {
+      v(p);
+    }
+    function me(p) {
+      w("ready", { monaco: p });
+    }
+    function ie(p, L) {
+      E.value = p, M.value = L;
+    }
+    function ve(p) {
+      Y(p), w("ready", { milkdown: p });
+    }
+    return D({
+      getContent: () => o.value,
+      setContent: (p) => {
+        if (o.value = p, i.value === "source" && M.value)
+          M.value.setValue(p);
+        else if (f.value)
+          try {
+            f.value.action(re(z(p)));
+          } catch {
+          }
+      },
+      getMode: () => i.value,
+      setMode: (p) => S(p),
+      getMonacoEditor: () => M.value,
+      getMilkdownEditor: () => f.value,
+      insertText: P
+    }), (p, L) => (r(), c("div", ot, [
+      u.showToolbar ? (r(), Ie(st, {
+        key: 0,
+        "show-top-bar": u.showTopBar,
+        "show-md-toolbar": u.showMdToolbar,
+        "show-aimd-toolbar": u.showAimdToolbar,
+        "editor-mode": F(i),
+        "resolved-messages": g.value,
+        "localized-field-types": I.value,
+        "localized-md-toolbar-items": B.value,
+        onSwitchMode: F(S),
+        onMdAction: F(J),
+        onOpenAimdDialog: d,
+        onQuickInsertAimd: m
+      }, null, 8, ["show-top-bar", "show-md-toolbar", "show-aimd-toolbar", "editor-mode", "resolved-messages", "localized-field-types", "localized-md-toolbar-items", "onSwitchMode", "onMdAction"])) : _("", !0),
+      l("div", {
+        class: "aimd-editor-panel",
+        style: ue({ minHeight: u.minHeight + "px" })
+      }, [
+        ee.value ? b((r(), c("div", at, [
+          we(Oe, {
+            ref_key: "sourceEditorRef",
+            ref: K,
+            content: F(o),
+            theme: Z.value,
+            "min-height": u.minHeight,
+            readonly: u.readonly,
+            "monaco-options": u.monacoOptions,
+            "resolved-messages": g.value,
+            onContentChange: R,
+            onReady: me,
+            onMonacoLoaded: ie
+          }, null, 8, ["content", "theme", "min-height", "readonly", "monaco-options", "resolved-messages"])
+        ], 512)), [
+          [Me, F(i) === "source"]
+        ]) : _("", !0),
+        le.value ? b((r(), c("div", it, [
+          we(Fe, {
+            ref_key: "wysiwygEditorRef",
+            ref: U,
+            content: F(o),
+            "min-height": u.minHeight,
+            "enable-block-handle": u.enableBlockHandle,
+            active: F(i) === "wysiwyg",
+            "resolved-messages": g.value,
+            "localized-field-types": I.value,
+            onMarkdownUpdated: F(X),
+            onReady: ve,
+            onOpenAimdDialog: d
+          }, null, 8, ["content", "min-height", "enable-block-handle", "active", "resolved-messages", "localized-field-types", "onMarkdownUpdated"])
+        ], 512)), [
+          [Me, F(i) === "wysiwyg"]
+        ]) : _("", !0)
+      ], 4),
+      we(Os, {
+        visible: N.value,
+        "initial-type": O.value,
+        messages: g.value,
+        "ref-suggestions": se.value,
+        "var-type-plugins": u.varTypePlugins,
+        "onUpdate:visible": L[0] || (L[0] = (pe) => N.value = pe),
+        onInsert: x
+      }, null, 8, ["visible", "initial-type", "messages", "ref-suggestions", "var-type-plugins"])
+    ]));
+  }
+}), nt = { class: "aimd-editor-mode-switch" }, dt = ["title"], rt = ["innerHTML"], ut = ["title"], ct = ["innerHTML"], kt = /* @__PURE__ */ ce({
+  __name: "AimdEditorTopBar",
+  props: {
+    editorMode: {},
+    resolvedMessages: {}
+  },
+  emits: ["switch-mode"],
+  setup(u, { emit: D }) {
+    const t = D, k = {
+      source: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>',
+      wysiwyg: '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>'
+    };
+    return (w, g) => (r(), c("div", nt, [
+      l("button", {
+        class: W(["aimd-editor-mode-btn", { active: u.editorMode === "source" }]),
+        onClick: g[0] || (g[0] = (i) => t("switch-mode", "source")),
+        title: u.resolvedMessages.mode.sourceTitle
+      }, [
+        l("span", {
+          class: "aimd-editor-mode-icon",
+          innerHTML: k.source
+        }, null, 8, rt),
+        l("span", null, n(u.resolvedMessages.mode.source), 1)
+      ], 10, dt),
+      l("button", {
+        class: W(["aimd-editor-mode-btn", { active: u.editorMode === "wysiwyg" }]),
+        onClick: g[1] || (g[1] = (i) => t("switch-mode", "wysiwyg")),
+        title: u.resolvedMessages.mode.wysiwygTitle
+      }, [
+        l("span", {
+          class: "aimd-editor-mode-icon",
+          innerHTML: k.wysiwyg
+        }, null, 8, ct),
+        l("span", null, n(u.resolvedMessages.mode.wysiwyg), 1)
+      ], 10, ut)
+    ]));
+  }
+});
+export {
+  wt as _,
+  st as a,
+  kt as b,
+  Os as c,
+  tt as u
+};