@airalogy/aimd-editor 1.9.0 → 1.9.1

package/dist/{AimdEditorTopBar.vue_vue_type_script_setup_true_lang-DUzstO_i.js → AimdEditorTopBar.vue_vue_type_script_setup_true_lang-BL2zaxn-.js}

@@ -1,12 +1,12 @@
-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 { 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 $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 { 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" }, 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 = {
+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 = {
@@ -18,13 +18,13 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
 }, Cs = { class: "aimd-field-label" }, zs = ["placeholder"], Is = {
   key: 4,
   class: "aimd-field-row"
-}, xs = { class: "aimd-field-label" }, $s = ["placeholder"], Vs = {
+}, xs = { class: "aimd-field-label" }, $s = ["placeholder"], Bs = {
   key: 5,
   class: "aimd-field-row"
-}, Bs = { class: "aimd-field-label" }, As = ["placeholder"], qs = { id: "aimd-ref-suggestions" }, Ss = ["value"], Us = {
+}, Vs = { class: "aimd-field-label" }, As = ["placeholder"], qs = { id: "aimd-ref-suggestions" }, Ss = ["value"], Es = {
   key: 0,
   class: "aimd-field-hint"
-}, Es = {
+}, 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 = {
@@ -42,18 +42,18 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
     existingQuizIds: {}
   },
   emits: ["update:visible", "insert"],
-  setup(u, { emit: F }) {
-    const o = u, M = F, w = x(() => {
-      const a = $e(o.messages);
+  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 g(a) {
+    function f(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(
+    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) {
@@ -67,23 +67,23 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
     }
     function Y(a, s) {
       const e = `quiz_${a}`;
-      let p = 1;
-      for (; s.has(`${e}_${p}`); )
-        p += 1;
-      return `${e}_${p}`;
+      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, p) => {
+      ] : s.map((e, g) => {
         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);
+          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 + p), text: e };
+        return { key: String.fromCharCode(65 + g), text: e };
       });
     }
     function ee(a) {
@@ -92,29 +92,29 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
     }
     function le(a) {
       const s = a.split(",").map((e) => e.trim()).filter(Boolean);
-      return s.length === 0 ? [{ key: "b1", answer: "" }] : s.map((e, p) => {
+      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${p + 1}`, Q = e.slice(y + 1).trim() || "";
+          const oe = e.slice(0, y).trim() || `b${g + 1}`, Q = e.slice(y + 1).trim() || "";
           return { key: oe, answer: Q };
         }
-        return { key: `b${p + 1}`, answer: e };
+        return { key: `b${g + 1}`, answer: e };
       });
     }
-    function B(a) {
+    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 q(a) {
+    function S(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 || "")));
+      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 K() {
+    function O() {
       if (d.value !== "quiz" || t.value.quizType !== "choice") return;
       const a = new Set(
-        T.value.map((s) => s.key.trim()).filter(Boolean)
+        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));
@@ -126,38 +126,38 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
     }
     function se() {
       const a = new Set(
-        T.value.map((s) => s.key.trim().toUpperCase()).filter(Boolean)
+        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${T.value.length + 1}`;
+      return `K${C.value.length + 1}`;
     }
     function n() {
       const a = se();
-      T.value.push({ key: a, text: "" });
+      C.value.push({ key: a, text: "" });
     }
-    function c(a) {
-      T.value.length <= 1 || T.value.splice(a, 1);
+    function m(a) {
+      C.value.length <= 1 || C.value.splice(a, 1);
     }
-    function z(a) {
-      _.value = a, E.value = a;
+    function I(a) {
+      T.value = a, U.value = a;
     }
     function P(a) {
-      _.value !== null && (E.value = a);
+      T.value !== null && (U.value = a);
     }
     function H(a) {
-      const s = _.value;
+      const s = T.value;
       if (s === null || s === a) {
-        _.value = null, E.value = null;
+        T.value = null, U.value = null;
         return;
       }
-      const e = T.value.splice(s, 1)[0];
-      T.value.splice(a, 0, e), _.value = null, E.value = null;
+      const e = C.value.splice(s, 1)[0];
+      C.value.splice(a, 0, e), T.value = null, U.value = null;
     }
     function R() {
-      _.value = null, E.value = null;
+      T.value = null, U.value = null;
     }
     function ne() {
       const a = new Set(
@@ -176,109 +176,109 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
     }
     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);
+      for (const g of a)
+        s.has(g) && !e.includes(g) && e.push(g), s.add(g);
       return e;
     }
-    function m(a) {
+    function ge(a) {
       const s = [], e = /\[\[([^\[\]\s]+)\]\]/g;
-      for (const p of a.matchAll(e))
-        s.push(p[1]);
+      for (const g of a.matchAll(e))
+        s.push(g[1]);
       return s;
     }
-    function 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 || "", p = m(e);
-      if (p.length === 0)
+      const e = t.value.stem || "", g = ge(e);
+      if (g.length === 0)
         return o.messages.errors.blankStemRequiresPlaceholders;
-      const y = de(p);
+      const y = de(g);
       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));
+      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 Me = [...oe].filter((ae) => !Q.has(ae));
-      return Me.length > 0 ? o.messages.errors.missingPlaceholders(Me) : null;
+      const Ce = [...oe].filter((ae) => !Q.has(ae));
+      return Ce.length > 0 ? o.messages.errors.missingPlaceholders(Ce) : null;
     }
-    function ge() {
-      return d.value !== "quiz" || t.value.quizType !== "blank" ? null : S();
+    function r() {
+      return d.value !== "quiz" || t.value.quizType !== "blank" ? null : fe();
     }
-    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 = "");
+    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 Ve(a) {
-      const s = g(a);
-      d.value = s, t.value = ie(s, o.messages, f.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 Be = x(() => Ie(d.value, t.value, o.messages));
+    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 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) => {
+    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 }), U(t, () => {
+    }, { deep: !0 }), E(t, () => {
       k.value && (k.value = "");
-    }, { deep: !0 }), U(V, () => {
+    }, { deep: !0 }), E(V, () => {
       k.value && (k.value = "");
     }, { deep: !0 });
-    function Ue() {
-      const a = ge();
+    function Ee() {
+      const a = r();
       if (a) {
         k.value = a;
         return;
       }
-      k.value = "", M("insert", Ie(d.value, t.value, o.messages)), M("update:visible", !1);
+      k.value = "", M("insert", $e(d.value, t.value, o.messages)), M("update:visible", !1);
     }
-    function ye() {
+    function we() {
       M("update:visible", !1);
     }
-    return (a, s) => (r(), xe(Ee, { to: "body" }, [
-      u.visible ? (r(), v("div", {
+    return (a, s) => (u(), Be(Ue, { to: "body" }, [
+      c.visible ? (u(), v("div", {
         key: 0,
         class: "aimd-dialog-overlay",
-        onClick: ue(ye, ["self"])
+        onClick: ue(we, ["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
+                style: me({ color: ye.value.color }),
+                innerHTML: ye.value.svgIcon
               }, null, 12, el),
-              N(" " + i(o.messages.dialog.title(fe.value.label)), 1)
+              N(" " + i(o.messages.dialog.title(ye.value.label)), 1)
             ]),
             l("button", {
               class: "aimd-dialog-close",
-              onClick: ye
+              onClick: we
             }, "×")
           ]),
           l("div", ll, [
-            (r(!0), v(A, null, j(w.value, (e) => (r(), v("button", {
+            (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: (p) => Ve(e.type)
+              onClick: (g) => _(e.type)
             }, [
               l("span", {
                 innerHTML: e.svgIcon,
@@ -288,7 +288,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
             ], 14, sl))), 128))
           ]),
           l("div", ol, [
-            d.value === "var" ? (r(), v(A, { key: 0 }, [
+            d.value === "var" ? (u(), v(q, { key: 0 }, [
               l("label", al, [
                 l("span", il, [
                   N(i(o.messages.dialog.variableId) + " ", 1),
@@ -299,18 +299,18 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.variableId,
                   class: "aimd-field-input"
                 }, null, 8, nl), [
-                  [I, t.value.name]
+                  [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, [
-                  (r(!0), v(A, null, j(G.value, (e) => (r(), v("button", {
+                  (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: (p) => X(e.value)
+                    onClick: (g) => X(e.value)
                   }, [
                     l("span", vl, i(e.label), 1),
                     l("span", pl, i(e.desc), 1)
@@ -324,7 +324,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.type,
                   class: "aimd-field-input"
                 }, null, 8, hl), [
-                  [I, t.value.type]
+                  [x, t.value.type]
                 ]),
                 l("span", yl, i(o.messages.dialog.customTypeHint), 1)
               ]),
@@ -335,7 +335,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.defaultValue,
                   class: "aimd-field-input"
                 }, null, 8, kl), [
-                  [I, t.value.default]
+                  [x, t.value.default]
                 ])
               ]),
               l("label", _l, [
@@ -345,11 +345,11 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.title,
                   class: "aimd-field-input"
                 }, null, 8, Tl), [
-                  [I, t.value.title]
+                  [x, t.value.title]
                 ])
               ])
-            ], 64)) : C("", !0),
-            d.value === "var_table" ? (r(), v(A, { key: 1 }, [
+            ], 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),
@@ -360,7 +360,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.tableId,
                   class: "aimd-field-input"
                 }, null, 8, Il), [
-                  [I, t.value.name]
+                  [x, t.value.name]
                 ])
               ]),
               l("label", xl, [
@@ -369,13 +369,13 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   "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]
+                }, null, 8, Bl), [
+                  [x, t.value.subvars]
                 ]),
-                l("span", Bl, i(o.messages.dialog.subVariableColumnsHint), 1)
+                l("span", Vl, i(o.messages.dialog.subVariableColumnsHint), 1)
               ])
-            ], 64)) : C("", !0),
-            d.value === "step" ? (r(), v(A, { key: 2 }, [
+            ], 64)) : z("", !0),
+            d.value === "step" ? (u(), v(q, { key: 2 }, [
               l("label", Al, [
                 l("span", ql, [
                   N(i(o.messages.dialog.stepId) + " ", 1),
@@ -386,11 +386,11 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.stepId,
                   class: "aimd-field-input"
                 }, null, 8, Sl), [
-                  [I, t.value.name]
+                  [x, t.value.name]
                 ])
               ]),
-              l("label", Ul, [
-                l("span", El, i(o.messages.dialog.level), 1),
+              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"
@@ -399,11 +399,11 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   l("option", Hl, i(o.messages.dialog.level2), 1),
                   l("option", Dl, i(o.messages.dialog.level3), 1)
                 ], 512), [
-                  [be, t.value.level]
+                  [ke, t.value.level]
                 ])
               ])
-            ], 64)) : C("", !0),
-            d.value === "quiz" ? (r(), v(A, { key: 3 }, [
+            ], 64)) : z("", !0),
+            d.value === "quiz" ? (u(), v(q, { key: 3 }, [
               l("label", Pl, [
                 l("span", Rl, [
                   N(i(o.messages.dialog.quizId) + " ", 1),
@@ -414,7 +414,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.quizId,
                   class: "aimd-field-input"
                 }, null, 8, Nl), [
-                  [I, t.value.id]
+                  [x, t.value.id]
                 ])
               ]),
               l("label", Fl, [
@@ -427,7 +427,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   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]
+                  [ke, t.value.quizType]
                 ])
               ]),
               l("label", Wl, [
@@ -437,7 +437,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.score,
                   class: "aimd-field-input"
                 }, null, 8, Jl), [
-                  [I, t.value.score]
+                  [x, t.value.score]
                 ])
               ]),
               l("label", Xl, [
@@ -450,11 +450,11 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   placeholder: o.messages.placeholders.stem,
                   class: "aimd-field-input aimd-field-textarea"
                 }, null, 8, Zl), [
-                  [I, t.value.stem]
+                  [x, t.value.stem]
                 ]),
-                t.value.quizType === "blank" ? (r(), v("span", es, i(o.messages.dialog.blankStemHint), 1)) : C("", !0)
+                t.value.quizType === "blank" ? (u(), v("span", es, i(o.messages.dialog.blankStemHint), 1)) : z("", !0)
               ]),
-              t.value.quizType === "choice" ? (r(), v(A, { key: 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", {
@@ -464,23 +464,23 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                     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]
+                    [ke, 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"])
+                    (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) => z(p),
+                        onDragstart: (y) => I(g),
                         onDragend: R
                       }, " ⋮⋮ ", 40, rs),
                       b(l("input", {
@@ -488,17 +488,17 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                         placeholder: o.messages.placeholders.optionKey,
                         class: "aimd-field-input"
                       }, null, 8, us), [
-                        [I, e.key]
+                        [x, 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]
+                        [x, e.text]
                       ]),
                       l("label", ms, [
-                        t.value.mode === "single" ? b((r(), v("input", {
+                        t.value.mode === "single" ? b((u(), v("input", {
                           key: 0,
                           "onUpdate:modelValue": s[13] || (s[13] = (y) => t.value.answer = y),
                           type: "radio",
@@ -507,7 +507,7 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                           disabled: !e.key.trim()
                         }, null, 8, vs)), [
                           [Le, t.value.answer]
-                        ]) : b((r(), v("input", {
+                        ]) : b((u(), v("input", {
                           key: 1,
                           "onUpdate:modelValue": s[14] || (s[14] = (y) => h.value = y),
                           type: "checkbox",
@@ -521,8 +521,8 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                       l("button", {
                         type: "button",
                         class: "aimd-mini-btn",
-                        disabled: T.value.length <= 1,
-                        onClick: (y) => c(p)
+                        disabled: C.value.length <= 1,
+                        onClick: (y) => m(g)
                       }, i(o.messages.common.remove), 9, gs)
                     ], 42, ds))), 128)),
                     l("button", {
@@ -533,11 +533,11 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   ]),
                   l("span", fs, i(o.messages.dialog.optionsHint), 1)
                 ])
-              ], 64)) : t.value.quizType === "blank" ? (r(), v("div", hs, [
+              ], 64)) : t.value.quizType === "blank" ? (u(), 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}`,
+                  (u(!0), v(q, null, j(V.value, (e, g) => (u(), v("div", {
+                    key: `blank-item-${g}`,
                     class: "aimd-collection-row"
                   }, [
                     b(l("input", {
@@ -545,20 +545,20 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                       placeholder: o.messages.placeholders.blankKey,
                       class: "aimd-field-input"
                     }, null, 8, ws), [
-                      [I, e.key]
+                      [x, 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]
+                      [x, e.answer]
                     ]),
                     l("button", {
                       type: "button",
                       class: "aimd-mini-btn",
                       disabled: V.value.length <= 1,
-                      onClick: (y) => pe(p)
+                      onClick: (y) => pe(g)
                     }, i(o.messages.common.remove), 9, _s)
                   ]))), 128)),
                   l("button", {
@@ -568,18 +568,18 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                   }, i(o.messages.actions.addBlank), 1)
                 ]),
                 l("span", Ms, i(o.messages.dialog.blanksHint), 1)
-              ])) : (r(), v("label", Ts, [
+              ])) : (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), [
-                  [I, t.value.rubric]
+                  [x, t.value.rubric]
                 ])
               ]))
-            ], 64)) : C("", !0),
-            d.value === "check" ? (r(), v("label", Is, [
+            ], 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))
@@ -589,11 +589,11 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                 placeholder: o.messages.placeholders.checkpointId,
                 class: "aimd-field-input"
               }, null, 8, $s), [
-                [I, t.value.name]
+                [x, t.value.name]
               ])
-            ])) : C("", !0),
-            ["ref_step", "ref_var", "ref_fig"].includes(d.value) ? (r(), v("label", Vs, [
-              l("span", Bs, [
+            ])) : 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))
               ]),
@@ -603,17 +603,17 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                 class: "aimd-field-input",
                 list: "aimd-ref-suggestions"
               }, null, 8, As), [
-                [I, t.value.name]
+                [x, t.value.name]
               ]),
               l("datalist", qs, [
-                (r(!0), v(A, null, j(he.value, (e) => (r(), v("option", {
+                (u(!0), v(q, null, j(be.value, (e) => (u(), 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, [
+              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))
@@ -623,30 +623,30 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
                 placeholder: o.messages.placeholders.citationIds,
                 class: "aimd-field-input"
               }, null, 8, Hs), [
-                [I, t.value.refs]
+                [x, t.value.refs]
               ]),
               l("span", Ds, i(o.messages.dialog.citationHint), 1)
-            ])) : C("", !0),
+            ])) : z("", !0),
             l("div", Ps, [
               l("div", Rs, i(o.messages.common.preview), 1),
               l("pre", Ns, [
-                l("code", Fs, i(Be.value), 1)
+                l("code", Fs, i(he.value), 1)
               ])
             ]),
-            k.value ? (r(), v("div", Os, i(k.value), 1)) : C("", !0)
+            k.value ? (u(), v("div", Os, i(k.value), 1)) : z("", !0)
           ]),
           l("div", Ks, [
             l("button", {
               class: "aimd-btn aimd-btn-cancel",
-              onClick: ye
+              onClick: we
             }, i(o.messages.common.cancel), 1),
             l("button", {
               class: "aimd-btn aimd-btn-primary",
-              onClick: Ue
+              onClick: Ee
             }, i(o.messages.common.insert), 1)
           ])
         ])
-      ])) : C("", !0)
+      ])) : z("", !0)
     ]));
   }
 }), js = { class: "aimd-editor-toolbar" }, Ws = {
@@ -673,71 +673,71 @@ const Xe = { class: "aimd-dialog" }, Ye = { class: "aimd-dialog-header" }, Ze =
     localizedMdToolbarItems: {}
   },
   emits: ["switch-mode", "md-action", "open-aimd-dialog", "quick-insert-aimd"],
-  setup(u, { emit: F }) {
+  setup(c, { emit: F }) {
     const o = F;
-    return (M, w) => (r(), v("div", js, [
-      u.showTopBar ? (r(), v("div", Ws, [
+    return (M, w) => (u(), v("div", js, [
+      c.showTopBar ? (u(), 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
+          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(u.resolvedMessages.mode.source), 1)
+          l("span", null, i(c.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
+          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(u.resolvedMessages.mode.wysiwyg), 1)
+          l("span", null, i(c.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
+      ])) : 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
       }, [
-        g.action.startsWith("sep") ? (r(), v("div", Ys)) : (r(), v("button", {
+        f.action.startsWith("sep") ? (u(), v("div", Ys)) : (u(), v("button", {
           key: 1,
           type: "button",
           class: "aimd-editor-fmt-btn",
-          title: g.title,
-          onClick: (f) => o("md-action", g.action),
-          innerHTML: g.svgIcon
+          title: f.title,
+          onClick: (p) => o("md-action", f.action, p),
+          innerHTML: f.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,
+      ], 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: 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"])
+        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: g.svgIcon
+          innerHTML: f.svgIcon
         }, null, 8, st),
-        l("span", tt, i(g.label), 1)
-      ], 44, lt))), 128)) : C("", !0)
+        l("span", tt, i(f.label), 1)
+      ], 44, lt))), 128)) : z("", !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) {
+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) {
@@ -746,9 +746,9 @@ function at(u) {
   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 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);
@@ -756,15 +756,15 @@ function at(u) {
   function X() {
     if (h.value)
       try {
-        const n = h.value.action(ze());
+        const n = h.value.action(xe());
         if (typeof n != "string")
           return;
-        const c = D(n, d.value);
-        h.value.action(ce(k(c)));
+        const m = D(n, d.value);
+        h.value.action(ce(k(m)));
       } catch {
       }
   }
-  const Y = x(() => {
+  const Y = $(() => {
     try {
       return Ge(d.value);
     } catch {
@@ -772,141 +772,141 @@ function at(u) {
     }
   });
   async function Z(n) {
-    if (n !== f.value) {
-      if (f.value === "source" && t.value && (d.value = t.value.getValue()), f.value === "wysiwyg" && h.value)
+    if (n !== p.value) {
+      if (p.value === "source" && t.value && (d.value = t.value.getValue()), p.value === "wysiwyg" && h.value)
         try {
-          const c = h.value.action(ze());
-          typeof c == "string" && (d.value = D(c, d.value));
+          const m = h.value.action(xe());
+          typeof m == "string" && (d.value = D(m, 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))
+      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 {
-          _ = !0, h.value.action(ce(k(d.value))), _ = !1;
+          T = !0, h.value.action(ce(k(d.value))), T = !1;
         } catch {
-          _ = !1;
+          T = !1;
         }
     }
   }
   function ee(n) {
     if (n !== d.value) {
-      if (_ = !0, d.value = n, f.value === "source" && t.value)
+      if (T = !0, d.value = n, p.value === "source" && t.value)
         t.value.setValue(n);
-      else if (f.value === "wysiwyg" && h.value)
+      else if (p.value === "wysiwyg" && h.value)
         try {
           h.value.action(ce(k(n)));
         } catch {
         }
-      _ = !1;
+      T = !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(`
+    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: c,
+        range: m,
         text: te,
         forceMoveMarkers: !0
       }]), t.value.focus();
-    } else if (f.value === "wysiwyg" && h.value)
+    } else if (p.value === "wysiwyg" && h.value)
       try {
-        h.value.action(_e(n)), J(n) && X();
+        h.value.action(Te(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;
+  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 (f.value === "wysiwyg" && h.value)
+    } else if (p.value === "wysiwyg" && h.value)
       try {
-        h.value.action(_e(n + z + c));
+        h.value.action(Te(n + I + m));
       } catch {
       }
   }
-  function q(n, c = "") {
-    if (f.value === "source" && t.value) {
-      const z = t.value.getPosition(), H = t.value.getModel().getLineContent(z.lineNumber);
+  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: z.lineNumber, startColumn: 1, endLineNumber: z.lineNumber, endColumn: H.length + 1 };
-        t.value.executeEdits("toolbar", [{ range: R, text: n + c, forceMoveMarkers: !0 }]);
+        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: z.lineNumber, startColumn: H.length + 1, endLineNumber: z.lineNumber, endColumn: H.length + 1 };
+        const R = { startLineNumber: I.lineNumber, startColumn: H.length + 1, endLineNumber: I.lineNumber, endColumn: H.length + 1 };
         t.value.executeEdits("toolbar", [{ range: R, text: `
-` + n + c, forceMoveMarkers: !0 }]);
+` + n + m, forceMoveMarkers: !0 }]);
       }
       t.value.focus();
-    } else if (f.value === "wysiwyg" && h.value)
+    } else if (p.value === "wysiwyg" && h.value)
       try {
-        h.value.action(_e(`
-` + n + c));
+        h.value.action(Te(`
+` + n + m));
       } catch {
       }
   }
   function L(n) {
-    const c = M.value.snippets;
+    const m = M.value.snippets;
     switch (n) {
       case "h1":
-        q("# ", c.heading);
+        S("# ", m.heading);
         break;
       case "h2":
-        q("## ", c.heading);
+        S("## ", m.heading);
         break;
       case "h3":
-        q("### ", c.heading);
+        S("### ", m.heading);
         break;
       case "bold":
-        B("**", "**", c.boldText);
+        A("**", "**", m.boldText);
         break;
       case "italic":
-        B("*", "*", c.italicText);
+        A("*", "*", m.italicText);
         break;
       case "strikethrough":
-        B("~~", "~~", c.strikethrough);
+        A("~~", "~~", m.strikethrough);
         break;
       case "ul":
-        q("- ", c.listItem);
+        S("- ", m.listItem);
         break;
       case "ol":
-        q("1. ", c.listItem);
+        S("1. ", m.listItem);
         break;
       case "blockquote":
-        q("> ", c.quote);
+        S("> ", m.quote);
         break;
       case "code":
-        B("`", "`", c.code);
+        A("`", "`", m.code);
         break;
       case "codeblock":
-        B("```\n", "\n```", c.codeBlock);
+        A("```\n", "\n```", m.codeBlock);
         break;
       case "link":
-        B("[", "](url)", c.linkText);
+        A("[", "](url)", m.linkText);
         break;
       case "image":
-        B("![", "](url)", c.altText);
+        A("![", "](url)", m.altText);
         break;
       case "hr":
-        q("---");
+        S("---");
         break;
       case "math":
-        B("$", "$", c.mathFormula);
+        A("$", "$", m.mathFormula);
         break;
       case "table":
-        if (f.value === "wysiwyg" && h.value)
+        if (p.value === "wysiwyg" && h.value)
           try {
             h.value.action(De(Je.key, { row: 3, col: 3 }));
           } catch {
           }
         else
-          q(
-            `| ${c.tableColumnA} | ${c.tableColumnB} | ${c.tableColumnC} |
+          S(
+            `| ${m.tableColumnA} | ${m.tableColumnB} | ${m.tableColumnC} |
 |-------|-------|-------|
 | `,
             " |  |  |"
@@ -914,18 +914,18 @@ function at(u) {
         break;
     }
   }
-  function K(n, c, z) {
-    _ || E(D(c, d.value));
+  function O(n, m, I) {
+    T || U(D(m, d.value));
   }
   function se(n) {
     h.value = n;
   }
   return {
-    editorMode: f,
+    editorMode: p,
     content: d,
-    commitUserContent: E,
+    commitUserContent: U,
     monacoEditor: t,
-    monacoInstance: T,
+    monacoInstance: C,
     monacoLoading: V,
     milkdownEditorRef: h,
     extractedFields: Y,
@@ -934,7 +934,7 @@ function at(u) {
     syncFromProp: ee,
     insertTextIntoActiveEditor: le,
     handleMdAction: L,
-    onMilkdownMarkdownUpdated: K,
+    onMilkdownMarkdownUpdated: O,
     onMilkdownReady: se
   };
 }
@@ -950,6 +950,7 @@ const it = { class: "aimd-editor" }, nt = { key: 0 }, dt = { key: 1 }, _t = /* @
     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 },
@@ -958,17 +959,17 @@ const it = { class: "aimd-editor" }, nt = { key: 0 }, dt = { key: 1 }, _t = /* @
     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,
+  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: T,
+      monacoEditor: C,
       monacoInstance: V,
       milkdownEditorRef: h,
-      extractedFields: _,
-      toMilkdownMarkdown: E,
+      extractedFields: T,
+      toMilkdownMarkdown: U,
       switchMode: k,
       syncFromProp: G,
       insertTextIntoActiveEditor: D,
@@ -978,122 +979,141 @@ const it = { class: "aimd-editor" }, nt = { key: 0 }, dt = { key: 1 }, _t = /* @
     } = at({
       initialContent: M.modelValue,
       initialMode: M.mode,
-      resolvedMessages: g,
-      emitModelValue: (m) => w("update:modelValue", m),
-      emitMode: (m) => w("update:mode", m)
+      resolvedMessages: f,
+      emitModelValue: (r) => w("update:modelValue", r),
+      emitMode: (r) => w("update:mode", r)
     });
-    U(() => M.modelValue, (m) => G(m)), U(() => M.mode, (m) => {
-      m !== f.value && k(m);
+    E(() => M.modelValue, (r) => G(r)), E(() => M.mode, (r) => {
+      r !== p.value && k(r);
     });
-    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) : [];
+    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 c(m) {
-      K.value = m, L.value = !0;
+    function m(r) {
+      O.value = r, L.value = !0;
+    }
+    function I(r) {
+      D(Ke(r, f.value));
+    }
+    function P(r) {
+      D(r);
     }
-    function z(m) {
-      D(Ke(m, g.value));
+    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 P(m) {
-      D(m);
+    function R(r, _) {
+      if (r === "image" && M.imageToolbarAction === "custom") {
+        w("request-image", { buttonRect: H(_.currentTarget) });
+        return;
+      }
+      J(r);
     }
-    const H = $(null), R = $(null);
-    function ne(m) {
-      t(m);
+    const ne = B(null), te = B(null);
+    function pe(r) {
+      t(r);
     }
-    function te(m) {
-      w("ready", { monaco: m });
+    function de(r) {
+      w("ready", { monaco: r });
     }
-    function pe(m, S) {
-      V.value = m, T.value = S;
+    function ge(r, _) {
+      V.value = r, C.value = _;
     }
-    function de(m) {
-      Y(m), w("ready", { milkdown: m });
+    function fe(r) {
+      Y(r), w("ready", { milkdown: r });
     }
     return F({
       getContent: () => d.value,
-      setContent: (m) => {
-        if (d.value = m, f.value === "source" && T.value)
-          T.value.setValue(m);
+      setContent: (r) => {
+        if (d.value = r, p.value === "source" && C.value)
+          C.value.setValue(r);
         else if (h.value)
           try {
-            h.value.action(ce(E(m)));
+            h.value.action(ce(U(r)));
           } catch {
           }
       },
-      getMode: () => f.value,
-      setMode: (m) => k(m),
-      getMonacoEditor: () => T.value,
+      getMode: () => p.value,
+      setMode: (r) => k(r),
+      getMonacoEditor: () => C.value,
       getMilkdownEditor: () => h.value,
       insertText: D
-    }), (m, S) => (r(), v("div", it, [
-      u.showToolbar ? (r(), xe(ot, {
+    }), (r, _) => (u(), v("div", it, [
+      c.showToolbar ? (u(), Be(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),
+        "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: u.minHeight + "px" })
+        style: me({ minHeight: c.minHeight + "px" })
       }, [
-        ee.value ? b((r(), v("div", nt, [
-          ke(Qe, {
+        ee.value ? b((u(), v("div", nt, [
+          Me(Qe, {
             ref_key: "sourceEditorRef",
-            ref: H,
-            content: O(d),
+            ref: ne,
+            content: K(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
+            "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)), [
-          [Ce, O(f) === "source"]
-        ]) : C("", !0),
-        le.value ? b((r(), v("div", dt, [
-          ke(Oe, {
+          [Ie, K(p) === "source"]
+        ]) : z("", !0),
+        le.value ? b((u(), v("div", dt, [
+          Me(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
+            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)), [
-          [Ce, O(f) === "wysiwyg"]
-        ]) : C("", !0)
+          [Ie, K(p) === "wysiwyg"]
+        ]) : z("", !0)
       ], 4),
-      ke(Qs, {
+      Me(Qs, {
         visible: L.value,
-        "initial-type": K.value,
-        messages: g.value,
+        "initial-type": O.value,
+        messages: f.value,
         "ref-suggestions": se.value,
-        "var-type-plugins": u.varTypePlugins,
+        "var-type-plugins": c.varTypePlugins,
         "existing-quiz-ids": n.value,
-        "onUpdate:visible": S[0] || (S[0] = (ge) => L.value = ge),
+        "onUpdate:visible": _[0] || (_[0] = (he) => L.value = he),
         onInsert: P
       }, null, 8, ["visible", "initial-type", "messages", "ref-suggestions", "var-type-plugins", "existing-quiz-ids"])
     ]));
@@ -1105,33 +1125,33 @@ const it = { class: "aimd-editor" }, nt = { key: 0 }, dt = { key: 1 }, _t = /* @
     resolvedMessages: {}
   },
   emits: ["switch-mode"],
-  setup(u, { emit: F }) {
+  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, g) => (r(), v("div", rt, [
+    return (w, f) => (u(), 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
+        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(u.resolvedMessages.mode.source), 1)
+        l("span", null, i(c.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
+        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(u.resolvedMessages.mode.wysiwyg), 1)
+        l("span", null, i(c.resolvedMessages.mode.wysiwyg), 1)
       ], 10, mt)
     ]));
   }