@airalogy/aimd-editor 1.7.1 → 1.9.0

package/dist/AimdEditorTopBar.vue_vue_type_script_setup_true_lang-DUzstO_i.js

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