@airalogy/aimd-editor 1.8.0 → 1.9.1

package/dist/AimdEditorTopBar.vue_vue_type_script_setup_true_lang-BL2zaxn-.js

@@ -0,0 +1,1165 @@
+import { defineComponent as ve, computed as $, ref as B, watch as E, openBlock as u, createBlock as Be, Teleport as Ue, createElementBlock as v, withModifiers as ue, createElementVNode as l, normalizeStyle as me, createTextVNode as N, toDisplayString as i, Fragment as q, renderList as j, normalizeClass as W, withDirectives as b, vModelText as x, createCommentVNode as z, vModelSelect as ke, vModelRadio as Le, vModelCheckbox as He, shallowRef as _e, nextTick as ze, unref as K, createVNode as Me, vShow as Ie } from "vue";
+import { callCommand as De, insert as Te, replaceAll as ce, getMarkdown as xe } from "@milkdown/kit/utils";
+import "@milkdown/theme-nord/style.css";
+import { j as Ve, m as ie, k as Pe, h as $e, 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-CHXbJJa_.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" }, Bl = ["placeholder"], Vl = { class: "aimd-field-hint" }, Al = { class: "aimd-field-row" }, ql = { class: "aimd-field-label" }, Sl = ["placeholder"], El = { class: "aimd-field-row" }, Ul = { 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"], Bs = {
+  key: 5,
+  class: "aimd-field-row"
+}, Vs = { class: "aimd-field-label" }, As = ["placeholder"], qs = { id: "aimd-ref-suggestions" }, Ss = ["value"], Es = {
+  key: 0,
+  class: "aimd-field-hint"
+}, Us = {
+  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(c, { emit: F }) {
+    const o = c, M = F, w = $(() => {
+      const a = Ve(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 f(a) {
+      return a && w.value.some((s) => s.type === a) ? a : w.value[0]?.type ?? a ?? "var";
+    }
+    const p = $(() => new Set(o.existingQuizIds || [])), d = B(f(o.initialType)), t = B(ie(d.value, o.messages, p.value)), C = B([]), V = B([]), h = B([]), T = B(null), U = B(null), k = B(""), G = $(
+      () => 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 g = 1;
+      for (; s.has(`${e}_${g}`); )
+        g += 1;
+      return `${e}_${g}`;
+    }
+    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, g) => {
+        const y = e.indexOf(":");
+        if (y > 0) {
+          const Q = e.slice(0, y).trim() || String.fromCharCode(65 + g), re = e.slice(y + 1).trim() || o.messages.defaults.optionText(Q);
+          return { key: Q, text: re };
+        }
+        return { key: String.fromCharCode(65 + g), 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, g) => {
+        const y = e.indexOf(":");
+        if (y > 0) {
+          const oe = e.slice(0, y).trim() || `b${g + 1}`, Q = e.slice(y + 1).trim() || "";
+          return { key: oe, answer: Q };
+        }
+        return { key: `b${g + 1}`, answer: e };
+      });
+    }
+    function A(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 S(a) {
+      return a.split(",").map((s) => s.trim()).filter(Boolean);
+    }
+    function L() {
+      d.value === "quiz" && (t.value.quizType === "choice" ? (C.value = Z(t.value.options || ""), h.value = S(t.value.answer || "")) : t.value.quizType === "blank" && (V.value = le(t.value.blanks || "")));
+    }
+    function O() {
+      if (d.value !== "quiz" || t.value.quizType !== "choice") return;
+      const a = new Set(
+        C.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(
+        C.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${C.value.length + 1}`;
+    }
+    function n() {
+      const a = se();
+      C.value.push({ key: a, text: "" });
+    }
+    function m(a) {
+      C.value.length <= 1 || C.value.splice(a, 1);
+    }
+    function I(a) {
+      T.value = a, U.value = a;
+    }
+    function P(a) {
+      T.value !== null && (U.value = a);
+    }
+    function H(a) {
+      const s = T.value;
+      if (s === null || s === a) {
+        T.value = null, U.value = null;
+        return;
+      }
+      const e = C.value.splice(s, 1)[0];
+      C.value.splice(a, 0, e), T.value = null, U.value = null;
+    }
+    function R() {
+      T.value = null, U.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 g of a)
+        s.has(g) && !e.includes(g) && e.push(g), s.add(g);
+      return e;
+    }
+    function ge(a) {
+      const s = [], e = /\[\[([^\[\]\s]+)\]\]/g;
+      for (const g of a.matchAll(e))
+        s.push(g[1]);
+      return s;
+    }
+    function fe() {
+      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 || "", g = ge(e);
+      if (g.length === 0)
+        return o.messages.errors.blankStemRequiresPlaceholders;
+      const y = de(g);
+      if (y.length > 0)
+        return o.messages.errors.duplicatePlaceholders(y);
+      const oe = new Set(a), Q = new Set(g), re = [...Q].filter((ae) => !oe.has(ae));
+      if (re.length > 0)
+        return o.messages.errors.undefinedPlaceholders(re);
+      const Ce = [...oe].filter((ae) => !Q.has(ae));
+      return Ce.length > 0 ? o.messages.errors.missingPlaceholders(Ce) : null;
+    }
+    function r() {
+      return d.value !== "quiz" || t.value.quizType !== "blank" ? null : fe();
+    }
+    E(() => o.initialType, (a) => {
+      const s = f(a);
+      d.value = s, t.value = ie(s, o.messages, p.value), L(), k.value = "";
+    }), E(w, () => {
+      const a = f(d.value);
+      a !== d.value && (d.value = a, t.value = ie(a, o.messages, p.value), L(), k.value = "");
+    }), E(() => o.visible, (a) => {
+      a && (t.value = ie(d.value, o.messages, p.value), L(), k.value = "");
+    });
+    function _(a) {
+      const s = f(a);
+      d.value = s, t.value = ie(s, o.messages, p.value), L(), k.value = "";
+    }
+    const he = $(() => $e(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 ye = $(() => Ae(d.value)), be = $(() => o.refSuggestions ? o.refSuggestions : []), qe = $(() => d.value === "ref_step" ? o.messages.dialog.referencedStepId : d.value === "ref_var" ? o.messages.dialog.referencedVariableId : o.messages.dialog.referencedFigureId), Se = $(() => d.value === "ref_step" ? "step_id" : d.value === "ref_var" ? "var_id" : "fig_id");
+    E(() => [d.value, t.value.quizType], ([a, s], [e, g]) => {
+      a === "quiz" && (a !== e || s !== g) && (s !== g && g && (t.value.id = Y(s, p.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());
+    }), E(() => t.value.mode, () => {
+      O();
+    }), E(C, (a) => {
+      d.value === "quiz" && t.value.quizType === "choice" && (t.value.options = ee(a), O());
+    }, { deep: !0 }), E(V, (a) => {
+      d.value === "quiz" && t.value.quizType === "blank" && (t.value.blanks = A(a));
+    }, { deep: !0 }), E(h, (a) => {
+      d.value === "quiz" && t.value.quizType === "choice" && t.value.mode === "multiple" && (t.value.answer = a.join(", "));
+    }, { deep: !0 }), E(t, () => {
+      k.value && (k.value = "");
+    }, { deep: !0 }), E(V, () => {
+      k.value && (k.value = "");
+    }, { deep: !0 });
+    function Ee() {
+      const a = r();
+      if (a) {
+        k.value = a;
+        return;
+      }
+      k.value = "", M("insert", $e(d.value, t.value, o.messages)), M("update:visible", !1);
+    }
+    function we() {
+      M("update:visible", !1);
+    }
+    return (a, s) => (u(), Be(Ue, { to: "body" }, [
+      c.visible ? (u(), v("div", {
+        key: 0,
+        class: "aimd-dialog-overlay",
+        onClick: ue(we, ["self"])
+      }, [
+        l("div", Xe, [
+          l("div", Ye, [
+            l("span", Ze, [
+              l("span", {
+                class: "aimd-dialog-icon",
+                style: me({ color: ye.value.color }),
+                innerHTML: ye.value.svgIcon
+              }, null, 12, el),
+              N(" " + i(o.messages.dialog.title(ye.value.label)), 1)
+            ]),
+            l("button", {
+              class: "aimd-dialog-close",
+              onClick: we
+            }, "×")
+          ]),
+          l("div", ll, [
+            (u(!0), v(q, null, j(w.value, (e) => (u(), 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: (g) => _(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" ? (u(), v(q, { 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), [
+                  [x, 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, [
+                  (u(!0), v(q, null, j(G.value, (e) => (u(), v("button", {
+                    key: e.key,
+                    type: "button",
+                    class: W(["aimd-var-type-card", { active: J(e.value) }]),
+                    onClick: (g) => 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), [
+                  [x, 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), [
+                  [x, 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), [
+                  [x, t.value.title]
+                ])
+              ])
+            ], 64)) : z("", !0),
+            d.value === "var_table" ? (u(), v(q, { 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), [
+                  [x, 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, Bl), [
+                  [x, t.value.subvars]
+                ]),
+                l("span", Vl, i(o.messages.dialog.subVariableColumnsHint), 1)
+              ])
+            ], 64)) : z("", !0),
+            d.value === "step" ? (u(), v(q, { 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), [
+                  [x, t.value.name]
+                ])
+              ]),
+              l("label", El, [
+                l("span", Ul, 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), [
+                  [ke, t.value.level]
+                ])
+              ])
+            ], 64)) : z("", !0),
+            d.value === "quiz" ? (u(), v(q, { 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), [
+                  [x, 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), [
+                  [ke, 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), [
+                  [x, 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), [
+                  [x, t.value.stem]
+                ]),
+                t.value.quizType === "blank" ? (u(), v("span", es, i(o.messages.dialog.blankStemHint), 1)) : z("", !0)
+              ]),
+              t.value.quizType === "choice" ? (u(), v(q, { 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), [
+                    [ke, t.value.mode]
+                  ])
+                ]),
+                l("div", as, [
+                  l("span", is, i(o.messages.dialog.options), 1),
+                  l("div", ns, [
+                    (u(!0), v(q, null, j(C.value, (e, g) => (u(), v("div", {
+                      key: `choice-option-${g}`,
+                      class: W(["aimd-collection-row aimd-option-row", { "aimd-option-row-dragover": U.value === g && T.value !== null && T.value !== g }]),
+                      onDragover: ue((y) => P(g), ["prevent"]),
+                      onDrop: ue((y) => H(g), ["prevent"])
+                    }, [
+                      l("span", {
+                        class: "aimd-drag-handle",
+                        title: o.messages.dialog.dragToReorder,
+                        draggable: "true",
+                        onDragstart: (y) => I(g),
+                        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), [
+                        [x, e.key]
+                      ]),
+                      b(l("input", {
+                        "onUpdate:modelValue": (y) => e.text = y,
+                        placeholder: o.messages.placeholders.optionText,
+                        class: "aimd-field-input"
+                      }, null, 8, cs), [
+                        [x, e.text]
+                      ]),
+                      l("label", ms, [
+                        t.value.mode === "single" ? b((u(), 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((u(), 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: C.value.length <= 1,
+                        onClick: (y) => m(g)
+                      }, 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" ? (u(), v("div", hs, [
+                l("span", ys, i(o.messages.dialog.blanks), 1),
+                l("div", bs, [
+                  (u(!0), v(q, null, j(V.value, (e, g) => (u(), v("div", {
+                    key: `blank-item-${g}`,
+                    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), [
+                      [x, e.key]
+                    ]),
+                    b(l("input", {
+                      "onUpdate:modelValue": (y) => e.answer = y,
+                      placeholder: o.messages.placeholders.blankAnswer,
+                      class: "aimd-field-input"
+                    }, null, 8, ks), [
+                      [x, e.answer]
+                    ]),
+                    l("button", {
+                      type: "button",
+                      class: "aimd-mini-btn",
+                      disabled: V.value.length <= 1,
+                      onClick: (y) => pe(g)
+                    }, 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)
+              ])) : (u(), 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), [
+                  [x, t.value.rubric]
+                ])
+              ]))
+            ], 64)) : z("", !0),
+            d.value === "check" ? (u(), 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), [
+                [x, t.value.name]
+              ])
+            ])) : z("", !0),
+            ["ref_step", "ref_var", "ref_fig"].includes(d.value) ? (u(), v("label", Bs, [
+              l("span", Vs, [
+                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), [
+                [x, t.value.name]
+              ]),
+              l("datalist", qs, [
+                (u(!0), v(q, null, j(be.value, (e) => (u(), v("option", {
+                  key: e,
+                  value: e
+                }, null, 8, Ss))), 128))
+              ]),
+              be.value.length ? (u(), v("span", Es, i(o.messages.common.available) + ": " + i(be.value.join(", ")), 1)) : z("", !0)
+            ])) : z("", !0),
+            d.value === "cite" ? (u(), v("label", Us, [
+              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), [
+                [x, t.value.refs]
+              ]),
+              l("span", Ds, i(o.messages.dialog.citationHint), 1)
+            ])) : z("", !0),
+            l("div", Ps, [
+              l("div", Rs, i(o.messages.common.preview), 1),
+              l("pre", Ns, [
+                l("code", Fs, i(he.value), 1)
+              ])
+            ]),
+            k.value ? (u(), v("div", Os, i(k.value), 1)) : z("", !0)
+          ]),
+          l("div", Ks, [
+            l("button", {
+              class: "aimd-btn aimd-btn-cancel",
+              onClick: we
+            }, i(o.messages.common.cancel), 1),
+            l("button", {
+              class: "aimd-btn aimd-btn-primary",
+              onClick: Ee
+            }, i(o.messages.common.insert), 1)
+          ])
+        ])
+      ])) : z("", !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(c, { emit: F }) {
+    const o = F;
+    return (M, w) => (u(), v("div", js, [
+      c.showTopBar ? (u(), v("div", Ws, [
+        l("button", {
+          type: "button",
+          class: W(["aimd-editor-mode-btn", { active: c.editorMode === "source" }]),
+          onClick: w[0] || (w[0] = (f) => o("switch-mode", "source")),
+          title: c.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(c.resolvedMessages.mode.source), 1)
+        ], 10, Gs),
+        l("button", {
+          type: "button",
+          class: W(["aimd-editor-mode-btn", { active: c.editorMode === "wysiwyg" }]),
+          onClick: w[1] || (w[1] = (f) => o("switch-mode", "wysiwyg")),
+          title: c.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(c.resolvedMessages.mode.wysiwyg), 1)
+        ], 10, Js)
+      ])) : z("", !0),
+      c.showTopBar && c.showMdToolbar ? (u(), v("div", Xs)) : z("", !0),
+      c.showMdToolbar ? (u(!0), v(q, { key: 2 }, j(c.localizedMdToolbarItems, (f) => (u(), v(q, {
+        key: f.action
+      }, [
+        f.action.startsWith("sep") ? (u(), v("div", Ys)) : (u(), v("button", {
+          key: 1,
+          type: "button",
+          class: "aimd-editor-fmt-btn",
+          title: f.title,
+          onClick: (p) => o("md-action", f.action, p),
+          innerHTML: f.svgIcon
+        }, null, 8, Zs))
+      ], 64))), 128)) : z("", !0),
+      c.showMdToolbar && c.showAimdToolbar ? (u(), v("div", et)) : z("", !0),
+      c.showAimdToolbar ? (u(!0), v(q, { key: 4 }, j(c.localizedFieldTypes, (f) => (u(), v("button", {
+        key: f.type,
+        type: "button",
+        class: "aimd-editor-fmt-btn aimd-editor-aimd-btn",
+        title: f.desc,
+        style: me({ "--aimd-color": f.color }),
+        onClick: (p) => o("open-aimd-dialog", f.type),
+        onMouseup: ue((p) => o("quick-insert-aimd", f.type), ["middle", "prevent"])
+      }, [
+        l("span", {
+          class: "aimd-editor-aimd-btn-icon",
+          innerHTML: f.svgIcon
+        }, null, 8, st),
+        l("span", tt, i(f.label), 1)
+      ], 44, lt))), 128)) : z("", !0)
+    ]));
+  }
+});
+function at(c) {
+  const { initialContent: F, initialMode: o, resolvedMessages: M, emitModelValue: w, emitMode: f } = c, p = B(o), d = B(F), t = _e(null), C = _e(null), V = B(!0), h = _e(null);
+  let T = !1;
+  function U(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, m) {
+    const I = Re(We(n));
+    return G(I) ? m : I;
+  }
+  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(xe());
+        if (typeof n != "string")
+          return;
+        const m = D(n, d.value);
+        h.value.action(ce(k(m)));
+      } catch {
+      }
+  }
+  const Y = $(() => {
+    try {
+      return Ge(d.value);
+    } catch {
+      return null;
+    }
+  });
+  async function Z(n) {
+    if (n !== p.value) {
+      if (p.value === "source" && t.value && (d.value = t.value.getValue()), p.value === "wysiwyg" && h.value)
+        try {
+          const m = h.value.action(xe());
+          typeof m == "string" && (d.value = D(m, d.value));
+        } catch {
+        }
+      if (p.value = n, f(n), n === "source")
+        await ze(), t.value && (T = !0, t.value.setValue(d.value), T = !1);
+      else if (n === "wysiwyg" && (await ze(), h.value))
+        try {
+          T = !0, h.value.action(ce(k(d.value))), T = !1;
+        } catch {
+          T = !1;
+        }
+    }
+  }
+  function ee(n) {
+    if (n !== d.value) {
+      if (T = !0, d.value = n, p.value === "source" && t.value)
+        t.value.setValue(n);
+      else if (p.value === "wysiwyg" && h.value)
+        try {
+          h.value.action(ce(k(n)));
+        } catch {
+        }
+      T = !1;
+    }
+  }
+  function le(n) {
+    if (p.value === "source" && t.value) {
+      const m = t.value.getSelection(), I = t.value.getModel(), P = t.value.getPosition(), te = I.getLineContent(P.lineNumber).substring(0, P.column - 1).trim() !== "" && !n.startsWith(`
+`) ? `
+` + n : n;
+      t.value.executeEdits("toolbar", [{
+        range: m,
+        text: te,
+        forceMoveMarkers: !0
+      }]), t.value.focus();
+    } else if (p.value === "wysiwyg" && h.value)
+      try {
+        h.value.action(Te(n)), J(n) && X();
+      } catch {
+      }
+  }
+  function A(n, m = "", I = "") {
+    if (p.value === "source" && t.value) {
+      const P = t.value.getSelection(), H = t.value.getModel().getValueInRange(P) || I, R = n + H + m;
+      t.value.executeEdits("toolbar", [{
+        range: P,
+        text: R,
+        forceMoveMarkers: !0
+      }]), t.value.focus();
+    } else if (p.value === "wysiwyg" && h.value)
+      try {
+        h.value.action(Te(n + I + m));
+      } catch {
+      }
+  }
+  function S(n, m = "") {
+    if (p.value === "source" && t.value) {
+      const I = t.value.getPosition(), H = t.value.getModel().getLineContent(I.lineNumber);
+      if (H.trim() === "") {
+        const R = { startLineNumber: I.lineNumber, startColumn: 1, endLineNumber: I.lineNumber, endColumn: H.length + 1 };
+        t.value.executeEdits("toolbar", [{ range: R, text: n + m, forceMoveMarkers: !0 }]);
+      } else {
+        const R = { startLineNumber: I.lineNumber, startColumn: H.length + 1, endLineNumber: I.lineNumber, endColumn: H.length + 1 };
+        t.value.executeEdits("toolbar", [{ range: R, text: `
+` + n + m, forceMoveMarkers: !0 }]);
+      }
+      t.value.focus();
+    } else if (p.value === "wysiwyg" && h.value)
+      try {
+        h.value.action(Te(`
+` + n + m));
+      } catch {
+      }
+  }
+  function L(n) {
+    const m = M.value.snippets;
+    switch (n) {
+      case "h1":
+        S("# ", m.heading);
+        break;
+      case "h2":
+        S("## ", m.heading);
+        break;
+      case "h3":
+        S("### ", m.heading);
+        break;
+      case "bold":
+        A("**", "**", m.boldText);
+        break;
+      case "italic":
+        A("*", "*", m.italicText);
+        break;
+      case "strikethrough":
+        A("~~", "~~", m.strikethrough);
+        break;
+      case "ul":
+        S("- ", m.listItem);
+        break;
+      case "ol":
+        S("1. ", m.listItem);
+        break;
+      case "blockquote":
+        S("> ", m.quote);
+        break;
+      case "code":
+        A("`", "`", m.code);
+        break;
+      case "codeblock":
+        A("```\n", "\n```", m.codeBlock);
+        break;
+      case "link":
+        A("[", "](url)", m.linkText);
+        break;
+      case "image":
+        A("![", "](url)", m.altText);
+        break;
+      case "hr":
+        S("---");
+        break;
+      case "math":
+        A("$", "$", m.mathFormula);
+        break;
+      case "table":
+        if (p.value === "wysiwyg" && h.value)
+          try {
+            h.value.action(De(Je.key, { row: 3, col: 3 }));
+          } catch {
+          }
+        else
+          S(
+            `| ${m.tableColumnA} | ${m.tableColumnB} | ${m.tableColumnC} |
+|-------|-------|-------|
+| `,
+            " |  |  |"
+          );
+        break;
+    }
+  }
+  function O(n, m, I) {
+    T || U(D(m, d.value));
+  }
+  function se(n) {
+    h.value = n;
+  }
+  return {
+    editorMode: p,
+    content: d,
+    commitUserContent: U,
+    monacoEditor: t,
+    monacoInstance: C,
+    monacoLoading: V,
+    milkdownEditorRef: h,
+    extractedFields: Y,
+    toMilkdownMarkdown: k,
+    switchMode: Z,
+    syncFromProp: ee,
+    insertTextIntoActiveEditor: le,
+    handleMdAction: L,
+    onMilkdownMarkdownUpdated: O,
+    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 },
+    imageToolbarAction: { default: "markdown" },
+    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", "request-image"],
+  setup(c, { expose: F, emit: o }) {
+    const M = c, w = o, f = $(() => Ne(M.locale, M.messages)), {
+      editorMode: p,
+      content: d,
+      commitUserContent: t,
+      monacoEditor: C,
+      monacoInstance: V,
+      milkdownEditorRef: h,
+      extractedFields: T,
+      toMilkdownMarkdown: U,
+      switchMode: k,
+      syncFromProp: G,
+      insertTextIntoActiveEditor: D,
+      handleMdAction: J,
+      onMilkdownMarkdownUpdated: X,
+      onMilkdownReady: Y
+    } = at({
+      initialContent: M.modelValue,
+      initialMode: M.mode,
+      resolvedMessages: f,
+      emitModelValue: (r) => w("update:modelValue", r),
+      emitMode: (r) => w("update:mode", r)
+    });
+    E(() => M.modelValue, (r) => G(r)), E(() => M.mode, (r) => {
+      r !== p.value && k(r);
+    });
+    const Z = B(M.theme), ee = $(() => M.keepInactiveEditorsMounted || p.value === "source"), le = $(() => M.keepInactiveEditorsMounted || p.value === "wysiwyg"), A = $(() => Ve(f.value)), S = $(() => Fe(f.value)), L = B(!1), O = B("var"), se = $(() => {
+      const r = T.value;
+      if (!r) return [];
+      const _ = O.value;
+      return _ === "ref_step" ? r.step || [] : _ === "ref_var" ? r.var || [] : _ === "ref_fig" ? r.ref_fig || [] : [];
+    }), n = $(() => {
+      const r = T.value;
+      return r?.quiz ? r.quiz.map((_) => _.id) : [];
+    });
+    function m(r) {
+      O.value = r, L.value = !0;
+    }
+    function I(r) {
+      D(Ke(r, f.value));
+    }
+    function P(r) {
+      D(r);
+    }
+    function H(r) {
+      if (!(r instanceof HTMLElement)) return;
+      const _ = r.getBoundingClientRect();
+      return {
+        top: _.top,
+        right: _.right,
+        bottom: _.bottom,
+        left: _.left,
+        width: _.width,
+        height: _.height
+      };
+    }
+    function R(r, _) {
+      if (r === "image" && M.imageToolbarAction === "custom") {
+        w("request-image", { buttonRect: H(_.currentTarget) });
+        return;
+      }
+      J(r);
+    }
+    const ne = B(null), te = B(null);
+    function pe(r) {
+      t(r);
+    }
+    function de(r) {
+      w("ready", { monaco: r });
+    }
+    function ge(r, _) {
+      V.value = r, C.value = _;
+    }
+    function fe(r) {
+      Y(r), w("ready", { milkdown: r });
+    }
+    return F({
+      getContent: () => d.value,
+      setContent: (r) => {
+        if (d.value = r, p.value === "source" && C.value)
+          C.value.setValue(r);
+        else if (h.value)
+          try {
+            h.value.action(ce(U(r)));
+          } catch {
+          }
+      },
+      getMode: () => p.value,
+      setMode: (r) => k(r),
+      getMonacoEditor: () => C.value,
+      getMilkdownEditor: () => h.value,
+      insertText: D
+    }), (r, _) => (u(), v("div", it, [
+      c.showToolbar ? (u(), Be(ot, {
+        key: 0,
+        "show-top-bar": c.showTopBar,
+        "show-md-toolbar": c.showMdToolbar,
+        "show-aimd-toolbar": c.showAimdToolbar,
+        "editor-mode": K(p),
+        "resolved-messages": f.value,
+        "localized-field-types": A.value,
+        "localized-md-toolbar-items": S.value,
+        onSwitchMode: K(k),
+        onMdAction: R,
+        onOpenAimdDialog: m,
+        onQuickInsertAimd: I
+      }, null, 8, ["show-top-bar", "show-md-toolbar", "show-aimd-toolbar", "editor-mode", "resolved-messages", "localized-field-types", "localized-md-toolbar-items", "onSwitchMode"])) : z("", !0),
+      l("div", {
+        class: "aimd-editor-panel",
+        style: me({ minHeight: c.minHeight + "px" })
+      }, [
+        ee.value ? b((u(), v("div", nt, [
+          Me(Qe, {
+            ref_key: "sourceEditorRef",
+            ref: ne,
+            content: K(d),
+            theme: Z.value,
+            "min-height": c.minHeight,
+            readonly: c.readonly,
+            "monaco-options": c.monacoOptions,
+            "resolved-messages": f.value,
+            onContentChange: pe,
+            onReady: de,
+            onMonacoLoaded: ge
+          }, null, 8, ["content", "theme", "min-height", "readonly", "monaco-options", "resolved-messages"])
+        ], 512)), [
+          [Ie, K(p) === "source"]
+        ]) : z("", !0),
+        le.value ? b((u(), v("div", dt, [
+          Me(Oe, {
+            ref_key: "wysiwygEditorRef",
+            ref: te,
+            content: K(d),
+            "min-height": c.minHeight,
+            "enable-block-handle": c.enableBlockHandle,
+            active: K(p) === "wysiwyg",
+            "resolved-messages": f.value,
+            "localized-field-types": A.value,
+            onMarkdownUpdated: K(X),
+            onReady: fe,
+            onOpenAimdDialog: m
+          }, null, 8, ["content", "min-height", "enable-block-handle", "active", "resolved-messages", "localized-field-types", "onMarkdownUpdated"])
+        ], 512)), [
+          [Ie, K(p) === "wysiwyg"]
+        ]) : z("", !0)
+      ], 4),
+      Me(Qs, {
+        visible: L.value,
+        "initial-type": O.value,
+        messages: f.value,
+        "ref-suggestions": se.value,
+        "var-type-plugins": c.varTypePlugins,
+        "existing-quiz-ids": n.value,
+        "onUpdate:visible": _[0] || (_[0] = (he) => L.value = he),
+        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(c, { 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, f) => (u(), v("div", rt, [
+      l("button", {
+        class: W(["aimd-editor-mode-btn", { active: c.editorMode === "source" }]),
+        onClick: f[0] || (f[0] = (p) => o("switch-mode", "source")),
+        title: c.resolvedMessages.mode.sourceTitle
+      }, [
+        l("span", {
+          class: "aimd-editor-mode-icon",
+          innerHTML: M.source
+        }, null, 8, ct),
+        l("span", null, i(c.resolvedMessages.mode.source), 1)
+      ], 10, ut),
+      l("button", {
+        class: W(["aimd-editor-mode-btn", { active: c.editorMode === "wysiwyg" }]),
+        onClick: f[1] || (f[1] = (p) => o("switch-mode", "wysiwyg")),
+        title: c.resolvedMessages.mode.wysiwygTitle
+      }, [
+        l("span", {
+          class: "aimd-editor-mode-icon",
+          innerHTML: M.wysiwyg
+        }, null, 8, vt),
+        l("span", null, i(c.resolvedMessages.mode.wysiwyg), 1)
+      ], 10, mt)
+    ]));
+  }
+});
+export {
+  _t as _,
+  ot as a,
+  Mt as b,
+  Qs as c,
+  at as u
+};