@sciexpr/vue 0.2.0 → 0.2.1

package/dist/index.mjs

@@ -1,64 +1,68 @@
-import { ref as v, watch as q, shallowRef as te, defineComponent as B, useSlots as ae, openBlock as i, createElementBlock as d, normalizeClass as N, unref as S, toDisplayString as w, computed as F, inject as Y, provide as K, Fragment as C, renderList as $, createCommentVNode as M, renderSlot as oe, createTextVNode as le, createElementVNode as y, createBlock as G, Teleport as ne, normalizeStyle as H, withDirectives as D, vModelText as j, createVNode as se, nextTick as V, createStaticVNode as ce, vShow as Z, onMounted as ie, onUnmounted as re } from "vue";
+import { ref as v, watch as B, shallowRef as te, defineComponent as E, useSlots as ae, openBlock as i, createElementBlock as m, normalizeClass as N, unref as S, toDisplayString as w, computed as F, inject as Y, provide as K, Fragment as C, renderList as $, createCommentVNode as M, renderSlot as oe, createTextVNode as le, createElementVNode as h, createBlock as G, Teleport as ne, normalizeStyle as H, withDirectives as D, vModelText as j, createVNode as se, nextTick as V, createStaticVNode as ce, vShow as Z, onMounted as ie, onUnmounted as re } from "vue";
 import { KatexRenderer as Q, UnicodeRenderer as ue, MathMLRenderer as de } from "@sciexpr/renderer";
 import { ParserRegistry as U } from "@sciexpr/parser";
-import { AIPipeline as A } from "@sciexpr/ai";
+import { AIPipeline as O } from "@sciexpr/ai";
 import { ExpressionKind as me } from "@sciexpr/core";
 function ut(e) {
-  const o = v(""), l = v(""), n = v(""), c = v(null), u = new U(), r = e.katexRenderer ?? new Q(), t = new ue(), s = new de();
-  function m(a) {
+  const o = v(""), l = v(""), n = v(""), c = v(null), r = new U(), u = e.katexRenderer ?? new Q(), a = new ue(), s = new de();
+  function d(t) {
     var b;
     try {
-      const h = u.parse(a, { hint: "auto" });
-      if (!h || h.children.length === 0) {
+      const y = r.parse(t, { hint: "auto" });
+      if (!y || y.children.length === 0) {
         o.value = "", c.value = null;
         return;
       }
-      const g = r.render(h, {
+      const g = u.render(y, {
         displayMode: e.displayMode,
         ...e.renderOptions
       });
-      o.value = g.value, (b = g.warnings) != null && b.length, l.value = s.render(h).value, n.value = t.render(h).value, c.value = null;
-    } catch (h) {
+      o.value = g.value, (b = g.warnings) != null && b.length, l.value = s.render(y).value, n.value = a.render(y).value, c.value = null;
+    } catch (y) {
       c.value = {
-        message: h instanceof Error ? h.message : String(h)
+        message: y instanceof Error ? y.message : String(y)
       }, o.value = "";
     }
   }
-  return q(e.source, (a) => {
-    m(a);
-  }, { immediate: !0 }), {
+  return B(e.source, (t) => {
+    d(t);
+  }, { immediate: !0 }), u.ready.then(() => {
+    d(e.source.value);
+  }), {
     html: o,
     mathml: l,
     unicode: n,
     error: c,
-    render: m
+    render: d
   };
 }
 function J(e) {
-  const o = v(""), l = v(null), n = te(null), c = new U(), u = new Q();
-  function r(t) {
+  const o = v(""), l = v(null), n = te(null), c = new U(), r = new Q();
+  function u(a) {
     var s;
     try {
-      const m = c.parse(t, { hint: "auto" });
-      if (n.value = m, !m || m.children.length === 0) {
+      const d = c.parse(a, { hint: "auto" });
+      if (n.value = d, !d || d.children.length === 0) {
         o.value = "", l.value = null;
         return;
       }
-      const a = u.render(m, {
+      const t = r.render(d, {
         displayMode: ((s = e.displayMode) == null ? void 0 : s.value) ?? !1
       });
-      o.value = a.value, l.value = null;
-    } catch (m) {
+      o.value = t.value, l.value = null;
+    } catch (d) {
       l.value = {
-        message: m instanceof Error ? m.message : String(m)
-      }, o.value = t;
+        message: d instanceof Error ? d.message : String(d)
+      }, o.value = a;
     }
   }
-  return q([e.source, e.displayMode ?? v(!1)], ([t]) => {
-    r(t);
-  }, { immediate: !0 }), { html: o, error: l, ast: n, render: r };
+  return B([e.source, e.displayMode ?? v(!1)], ([a]) => {
+    u(a);
+  }, { immediate: !0 }), r.ready.then(() => {
+    u(e.source.value);
+  }), { html: o, error: l, ast: n, render: u };
 }
-const pe = ["data-source"], be = ["title"], xe = ["innerHTML"], ve = /* @__PURE__ */ B({
+const pe = ["data-source"], be = ["title"], xe = ["innerHTML"], ve = /* @__PURE__ */ E({
   __name: "Formula",
   props: {
     source: { default: "" },
@@ -68,101 +72,109 @@ const pe = ["data-source"], be = ["title"], xe = ["innerHTML"], ve = /* @__PURE_
     fallbackText: { default: "" }
   },
   setup(e) {
-    var t, s, m;
-    const o = e, l = ae(), n = (m = (s = (t = l.default) == null ? void 0 : t.call(l)) == null ? void 0 : s[0]) == null ? void 0 : m.children, c = v(o.source || n || ""), { html: u, error: r } = J({
+    var s, d, t;
+    const o = e, l = ae(), n = (t = (d = (s = l.default) == null ? void 0 : s.call(l)) == null ? void 0 : d[0]) == null ? void 0 : t.children, c = v(o.source || n || "");
+    B(() => o.source, (b) => {
+      c.value = b || n || "";
+    });
+    const r = v(o.displayMode);
+    B(() => o.displayMode, (b) => {
+      r.value = b;
+    });
+    const { html: u, error: a } = J({
       source: c,
-      displayMode: v(o.displayMode)
+      displayMode: r
     });
-    return (a, b) => (i(), d("span", {
+    return (b, y) => (i(), m("span", {
       class: N(["sciexpr-formula", o.className, {
         "sciexpr-display": o.displayMode,
-        "sciexpr-error": S(r)
+        "sciexpr-error": S(a)
       }]),
       "data-source": c.value
     }, [
-      S(r) ? (i(), d("span", {
+      S(a) ? (i(), m("span", {
         key: 0,
         class: "sciexpr-formula-error",
-        title: S(r).message
-      }, w(e.fallbackText || c.value), 9, be)) : (i(), d("span", {
+        title: S(a).message
+      }, w(e.fallbackText || c.value), 9, be)) : (i(), m("span", {
         key: 1,
         innerHTML: S(u),
         class: "sciexpr-formula-content"
       }, null, 8, xe))
     ], 10, pe));
   }
-}), E = (e, o) => {
+}), A = (e, o) => {
   const l = e.__vccOpts || e;
   for (const [n, c] of o)
     l[n] = c;
   return l;
-}, dt = /* @__PURE__ */ E(ve, [["__scopeId", "data-v-b2381271"]]);
+}, dt = /* @__PURE__ */ A(ve, [["__scopeId", "data-v-557e5ff9"]]);
 function fe(e) {
-  const o = v(e.initialValue ?? ""), l = v(0), n = v(""), c = v(null), u = v(null), r = new U();
-  function t(g, I) {
+  const o = v(e.initialValue ?? ""), l = v(0), n = v(""), c = v(null), r = v(null), u = new U();
+  function a(g, I) {
     o.value = g, I !== void 0 && (l.value = I);
   }
   function s(g) {
-    const I = o.value.slice(0, l.value), R = o.value.slice(l.value);
-    o.value = I + g + R, l.value += g.length;
+    const I = o.value.slice(0, l.value), T = o.value.slice(l.value);
+    o.value = I + g + T, l.value += g.length;
   }
-  function m(g, I) {
-    const R = o.value;
-    o.value = g + R + I, l.value = o.value.length;
+  function d(g, I) {
+    const T = o.value;
+    o.value = g + T + I, l.value = o.value.length;
   }
-  function a() {
+  function t() {
     try {
-      const g = r.parse(o.value, { hint: "auto" });
-      return u.value = g, g;
+      const g = u.parse(o.value, { hint: "auto" });
+      return r.value = g, g;
     } catch {
-      return u.value = null, null;
+      return r.value = null, null;
     }
   }
-  const b = F(() => o.value.trim().length === 0), h = F(() => o.value);
+  const b = F(() => o.value.trim().length === 0), y = F(() => o.value);
   return {
     // State
     value: o,
     cursor: l,
     html: n,
-    ast: u,
+    ast: r,
     error: c,
     // Computed
     isEmpty: b,
-    latexSource: h,
+    latexSource: y,
     // Actions
-    handleInput: t,
+    handleInput: a,
     insertText: s,
-    wrapSelection: m,
-    parse: a
+    wrapSelection: d,
+    parse: t
   };
 }
 function ye(e) {
-  const o = v([]), l = v(!1), n = v(0), c = v(""), u = e.pipeline ?? new A(), r = e.config ?? { enabled: !0, minTriggerLength: 2, maxItems: 10 };
-  async function t(b, h) {
-    if (!r.enabled) {
+  const o = v([]), l = v(!1), n = v(0), c = v(""), r = e.pipeline ?? new O(), u = e.config ?? { enabled: !0, minTriggerLength: 2, maxItems: 10 };
+  async function a(b, y) {
+    if (!u.enabled) {
       l.value = !1;
       return;
     }
-    const g = he(b, h);
-    if (!g || g.length < (r.minTriggerLength ?? 2)) {
+    const g = he(b, y);
+    if (!g || g.length < (u.minTriggerLength ?? 2)) {
       l.value = !1;
       return;
     }
     c.value = g;
     const I = {
       currentInput: b,
-      cursorPosition: h,
+      cursorPosition: y,
       expressionType: me.Math
-    }, R = await u.getCompletions(I);
-    o.value = R.items.slice(0, r.maxItems ?? 10), l.value = o.value.length > 0, n.value = 0;
+    }, T = await r.getCompletions(I);
+    o.value = T.items.slice(0, u.maxItems ?? 10), l.value = o.value.length > 0, n.value = 0;
   }
   function s(b) {
     return l.value = !1, b.text;
   }
-  function m(b) {
+  function d(b) {
     b === "up" ? n.value = Math.max(0, n.value - 1) : n.value = Math.min(o.value.length - 1, n.value + 1);
   }
-  function a() {
+  function t() {
     l.value = !1, o.value = [];
   }
   return {
@@ -170,33 +182,33 @@ function ye(e) {
     visible: l,
     selectedIndex: n,
     query: c,
-    trigger: t,
+    trigger: a,
     select: s,
-    moveSelection: m,
-    close: a
+    moveSelection: d,
+    close: t
   };
 }
 function he(e, o) {
   const l = e.slice(0, o), n = l.lastIndexOf("\\");
   if (n !== -1) {
-    const r = l.slice(n).match(/^\\[a-zA-Z]*$/);
-    if (r) return r[0];
+    const u = l.slice(n).match(/^\\[a-zA-Z]*$/);
+    if (u) return u[0];
   }
   const c = l.match(/([a-zA-Z_]+)$/);
   return c ? c[1] : "";
 }
-const O = Symbol("sciexpr-ai-pipeline");
+const q = Symbol("sciexpr-ai-pipeline");
 function ge(e) {
-  const o = e ? new A(e) : Y(O, null);
-  function l(u) {
-    const r = new A(u);
-    K(O, r);
+  const o = e ? new O(e) : Y(q, null);
+  function l(r) {
+    const u = new O(r);
+    K(q, u);
   }
-  function n(u) {
-    o && K(O, new A({ completionProvider: u }));
+  function n(r) {
+    o && K(q, new O({ completionProvider: r }));
   }
-  function c(u) {
-    o && K(O, new A({ knowledgeBaseProvider: u }));
+  function c(r) {
+    o && K(q, new O({ knowledgeBaseProvider: r }));
   }
   return {
     pipeline: o,
@@ -208,7 +220,7 @@ function ge(e) {
 const we = {
   key: 0,
   class: "sciexpr-toolbar-group-label"
-}, ke = ["title", "disabled", "onClick"], Ce = /* @__PURE__ */ B({
+}, ke = ["title", "disabled", "onClick"], Ce = /* @__PURE__ */ E({
   __name: "Toolbar",
   props: {
     categories: {},
@@ -292,31 +304,31 @@ const we = {
         ]
       }
     ];
-    function c(u) {
-      l("insert", u);
+    function c(r) {
+      l("insert", r);
     }
-    return (u, r) => (i(), d("div", {
+    return (r, u) => (i(), m("div", {
       class: N(["sciexpr-toolbar", { "sciexpr-toolbar-compact": e.compact }]),
       role: "toolbar",
       "aria-label": "Formula toolbar"
     }, [
-      (i(), d(C, null, $(n, (t) => (i(), d(C, {
-        key: t.id
+      (i(), m(C, null, $(n, (a) => (i(), m(C, {
+        key: a.id
       }, [
-        !e.categories || e.categories.includes(t.id) ? (i(), d("div", {
+        !e.categories || e.categories.includes(a.id) ? (i(), m("div", {
           key: 0,
           class: N(["sciexpr-toolbar-group", { "sciexpr-toolbar-group-compact": e.compact }])
         }, [
-          e.compact ? M("", !0) : (i(), d("span", we, w(t.icon) + " " + w(t.label), 1)),
-          (i(!0), d(C, null, $(t.commands, (s) => (i(), d("button", {
+          e.compact ? M("", !0) : (i(), m("span", we, w(a.icon) + " " + w(a.label), 1)),
+          (i(!0), m(C, null, $(a.commands, (s) => (i(), m("button", {
             key: s.latex,
             class: N(["sciexpr-toolbar-btn", { "sciexpr-toolbar-btn-compact": e.compact }]),
             title: s.description,
             disabled: e.disabled,
             type: "button",
-            onClick: (m) => c(s.latex)
+            onClick: (d) => c(s.latex)
           }, [
-            oe(u.$slots, `btn-${s.label}`, { command: s }, () => [
+            oe(r.$slots, `btn-${s.label}`, { command: s }, () => [
               le(w(s.label), 1)
             ], !0)
           ], 10, ke))), 128))
@@ -324,7 +336,7 @@ const we = {
       ], 64))), 64))
     ], 2));
   }
-}), Se = /* @__PURE__ */ E(Ce, [["__scopeId", "data-v-329eccb9"]]), Ne = {
+}), Se = /* @__PURE__ */ A(Ce, [["__scopeId", "data-v-329eccb9"]]), Ne = {
   key: 0,
   class: "sciexpr-preview-error"
 }, _e = {
@@ -336,7 +348,7 @@ const we = {
 }, Ie = {
   key: 3,
   class: "sciexpr-preview-source"
-}, Le = /* @__PURE__ */ B({
+}, Le = /* @__PURE__ */ E({
   __name: "LivePreview",
   props: {
     source: {},
@@ -345,38 +357,38 @@ const we = {
   },
   setup(e) {
     const o = e, l = v(o.source), n = v(o.displayMode);
-    q(() => o.source, (r) => {
-      l.value = r;
-    }), q(() => o.displayMode, (r) => {
-      n.value = r;
+    B(() => o.source, (u) => {
+      l.value = u;
+    }), B(() => o.displayMode, (u) => {
+      n.value = u;
     });
-    const { html: c, error: u } = J({
+    const { html: c, error: r } = J({
       source: l,
       displayMode: n
     });
-    return (r, t) => (i(), d("div", {
+    return (u, a) => (i(), m("div", {
       class: N(["sciexpr-preview", { "sciexpr-preview-display": e.displayMode }])
     }, [
-      S(u) ? (i(), d("div", Ne, [
-        t[0] || (t[0] = y("span", { class: "sciexpr-preview-error-icon" }, "⚠", -1)),
-        y("span", null, w(S(u).message), 1)
-      ])) : S(c) ? (i(), d("div", _e, [
-        y("span", { innerHTML: S(c) }, null, 8, $e)
-      ])) : (i(), d("div", Me, [...t[1] || (t[1] = [
-        y("span", { class: "sciexpr-preview-empty-text" }, "Preview", -1)
+      S(r) ? (i(), m("div", Ne, [
+        a[0] || (a[0] = h("span", { class: "sciexpr-preview-error-icon" }, "⚠", -1)),
+        h("span", null, w(S(r).message), 1)
+      ])) : S(c) ? (i(), m("div", _e, [
+        h("span", { innerHTML: S(c) }, null, 8, $e)
+      ])) : (i(), m("div", Me, [...a[1] || (a[1] = [
+        h("span", { class: "sciexpr-preview-empty-text" }, "Preview", -1)
       ])])),
-      e.showSource && e.source ? (i(), d("div", Ie, [
-        y("code", null, w(e.source), 1)
+      e.showSource && e.source ? (i(), m("div", Ie, [
+        h("code", null, w(e.source), 1)
       ])) : M("", !0)
     ], 2));
   }
-}), Pe = /* @__PURE__ */ E(Le, [["__scopeId", "data-v-b3730bc4"]]), Te = ["aria-selected", "onClick", "onMouseenter"], Re = { class: "sciexpr-autocomplete-label" }, Be = {
+}), Pe = /* @__PURE__ */ A(Le, [["__scopeId", "data-v-b3730bc4"]]), Re = ["aria-selected", "onClick", "onMouseenter"], Te = { class: "sciexpr-autocomplete-label" }, Be = {
   key: 0,
   class: "sciexpr-autocomplete-desc"
 }, Ee = {
   key: 1,
   class: "sciexpr-autocomplete-source"
-}, Ae = /* @__PURE__ */ B({
+}, Ae = /* @__PURE__ */ E({
   __name: "AutocompleteDropdown",
   props: {
     items: {},
@@ -386,46 +398,46 @@ const we = {
   },
   emits: ["select", "close"],
   setup(e, { emit: o }) {
-    const l = o, n = Y(O, null);
-    function c(r) {
-      l("select", r);
+    const l = o, n = Y(q, null);
+    function c(u) {
+      l("select", u);
     }
-    function u(r) {
+    function r(u) {
       return {
         symbol: "#0d6efd",
         command: "#6f42c1",
         template: "#198754",
         correction: "#fd7e14",
         formula: "#d63384"
-      }[r] ?? "#6c757d";
+      }[u] ?? "#6c757d";
     }
-    return (r, t) => (i(), G(ne, { to: "body" }, [
-      e.visible && e.items.length > 0 ? (i(), d("div", {
+    return (u, a) => (i(), G(ne, { to: "body" }, [
+      e.visible && e.items.length > 0 ? (i(), m("div", {
         key: 0,
         class: "sciexpr-autocomplete",
         style: H(e.position ? { top: e.position.top + "px", left: e.position.left + "px" } : {}),
         role: "listbox"
       }, [
-        (i(!0), d(C, null, $(e.items, (s, m) => (i(), d("div", {
-          key: `${s.text}-${m}`,
-          class: N(["sciexpr-autocomplete-item", { selected: m === e.selectedIndex }]),
+        (i(!0), m(C, null, $(e.items, (s, d) => (i(), m("div", {
+          key: `${s.text}-${d}`,
+          class: N(["sciexpr-autocomplete-item", { selected: d === e.selectedIndex }]),
           role: "option",
-          "aria-selected": m === e.selectedIndex,
-          onClick: (a) => c(s),
-          onMouseenter: (a) => r.$emit("select", s)
+          "aria-selected": d === e.selectedIndex,
+          onClick: (t) => c(s),
+          onMouseenter: (t) => u.$emit("select", s)
         }, [
-          y("span", {
+          h("span", {
             class: "sciexpr-autocomplete-category",
-            style: H({ background: u(s.category) })
+            style: H({ background: r(s.category) })
           }, w(s.category), 5),
-          y("span", Re, w(s.label), 1),
-          s.description ? (i(), d("span", Be, w(s.description), 1)) : M("", !0),
-          S(n) ? (i(), d("span", Ee, w(s.previewHtml ? "AI" : ""), 1)) : M("", !0)
-        ], 42, Te))), 128))
+          h("span", Te, w(s.label), 1),
+          s.description ? (i(), m("span", Be, w(s.description), 1)) : M("", !0),
+          S(n) ? (i(), m("span", Ee, w(s.previewHtml ? "AI" : ""), 1)) : M("", !0)
+        ], 42, Re))), 128))
       ], 4)) : M("", !0)
     ]));
   }
-}), Oe = /* @__PURE__ */ E(Ae, [["__scopeId", "data-v-d18e03d1"]]), qe = { class: "sciexpr-editor-input-wrap" }, Fe = ["placeholder", "readonly", "rows"], He = /* @__PURE__ */ B({
+}), Oe = /* @__PURE__ */ A(Ae, [["__scopeId", "data-v-d18e03d1"]]), qe = { class: "sciexpr-editor-input-wrap" }, Fe = ["placeholder", "readonly", "rows"], He = /* @__PURE__ */ E({
   __name: "FormulaEditor",
   props: {
     value: { default: "" },
@@ -440,100 +452,100 @@ const we = {
   },
   emits: ["update:value", "change", "error"],
   setup(e, { emit: o }) {
-    const l = e, n = o, c = v(null), u = v(null), r = v({ top: 0, left: 0 }), t = v(l.value);
-    q(() => l.value, (p) => {
-      t.value = p;
+    const l = e, n = o, c = v(null), r = v(null), u = v({ top: 0, left: 0 }), a = v(l.value);
+    B(() => l.value, (p) => {
+      a.value = p;
     });
-    const s = fe({ initialValue: t.value }), { pipeline: m } = ge(), a = ye({
+    const s = fe({ initialValue: a.value }), { pipeline: d } = ge(), t = ye({
       config: l.autocomplete,
-      pipeline: m
+      pipeline: d
     });
     function b(p) {
       const x = p.target, f = x.value, k = x.selectionStart;
-      t.value = f, s.value.value = f, s.cursor.value = k, n("update:value", f), n("change", f), a.trigger(f, k), W();
+      a.value = f, s.value.value = f, s.cursor.value = k, n("update:value", f), n("change", f), t.trigger(f, k), W();
     }
-    function h(p) {
-      if (a.visible.value) {
+    function y(p) {
+      if (t.visible.value) {
         if (p.key === "ArrowDown") {
-          p.preventDefault(), a.moveSelection("down");
+          p.preventDefault(), t.moveSelection("down");
           return;
         }
         if (p.key === "ArrowUp") {
-          p.preventDefault(), a.moveSelection("up");
+          p.preventDefault(), t.moveSelection("up");
           return;
         }
         if (p.key === "Enter" || p.key === "Tab") {
           p.preventDefault();
-          const x = a.suggestions.value[a.selectedIndex.value];
+          const x = t.suggestions.value[t.selectedIndex.value];
           x && z(x.text);
           return;
         }
         if (p.key === "Escape") {
-          a.close();
+          t.close();
           return;
         }
       }
-      (p.ctrlKey || p.metaKey) && (p.key === "b" && (p.preventDefault(), ee("\\mathbf{", "}")), p.key === "/" && (p.preventDefault(), R("\\frac{}{}")));
+      (p.ctrlKey || p.metaKey) && (p.key === "b" && (p.preventDefault(), ee("\\mathbf{", "}")), p.key === "/" && (p.preventDefault(), T("\\frac{}{}")));
     }
     function g(p) {
-      R(p);
+      T(p);
     }
     function I(p) {
       z(p.text);
     }
-    function R(p) {
+    function T(p) {
       const x = c.value;
       if (!x) return;
-      const f = x.selectionStart, k = x.selectionEnd, L = t.value.slice(0, f), P = t.value.slice(k);
-      t.value = L + p + P, n("update:value", t.value), V(() => {
+      const f = x.selectionStart, k = x.selectionEnd, L = a.value.slice(0, f), P = a.value.slice(k);
+      a.value = L + p + P, n("update:value", a.value), V(() => {
         x.focus();
         const _ = f + p.length;
-        x.setSelectionRange(_, _), a.close();
+        x.setSelectionRange(_, _), t.close();
       });
     }
     function z(p) {
       const x = c.value;
       if (!x) return;
-      const f = x.selectionStart, k = t.value.slice(0, f), L = k.lastIndexOf("\\");
+      const f = x.selectionStart, k = a.value.slice(0, f), L = k.lastIndexOf("\\");
       let P;
       if (L !== -1 && f - L < 30)
         P = L;
       else {
-        const T = k.match(/([a-zA-Z_]+)$/);
-        P = T ? f - T[0].length : f;
+        const R = k.match(/([a-zA-Z_]+)$/);
+        P = R ? f - R[0].length : f;
       }
-      const _ = t.value.slice(f);
-      t.value = t.value.slice(0, P) + p + _, n("update:value", t.value), V(() => {
+      const _ = a.value.slice(f);
+      a.value = a.value.slice(0, P) + p + _, n("update:value", a.value), V(() => {
         x.focus();
-        const T = P + p.length;
-        x.setSelectionRange(T, T), a.close();
+        const R = P + p.length;
+        x.setSelectionRange(R, R), t.close();
       });
     }
     function ee(p, x) {
       const f = c.value;
       if (!f) return;
-      const k = f.selectionStart, L = f.selectionEnd, P = t.value.slice(k, L) || "", _ = t.value.slice(0, k) + p + P + x + t.value.slice(L);
-      t.value = _, n("update:value", _), V(() => {
+      const k = f.selectionStart, L = f.selectionEnd, P = a.value.slice(k, L) || "", _ = a.value.slice(0, k) + p + P + x + a.value.slice(L);
+      a.value = _, n("update:value", _), V(() => {
         f.focus();
-        const T = k + p.length + P.length;
-        f.setSelectionRange(T, T);
+        const R = k + p.length + P.length;
+        f.setSelectionRange(R, R);
       });
     }
     function W() {
       const p = c.value;
       if (!p) return;
-      const x = p.getBoundingClientRect(), f = p.selectionStart, k = 20, L = 8, _ = t.value.slice(0, f).split(`
-`), T = _[_.length - 1].length;
-      r.value = {
+      const x = p.getBoundingClientRect(), f = p.selectionStart, k = 20, L = 8, _ = a.value.slice(0, f).split(`
+`), R = _[_.length - 1].length;
+      u.value = {
         top: x.top + _.length * k + 24 + window.scrollY,
-        left: x.left + T * L + window.scrollX
+        left: x.left + R * L + window.scrollX
       };
     }
-    return F(() => t.value.trim().length > 0), (p, x) => {
+    return F(() => a.value.trim().length > 0), (p, x) => {
       var f;
-      return i(), d("div", {
+      return i(), m("div", {
         ref_key: "editorRef",
-        ref: u,
+        ref: r,
         class: N(["sciexpr-editor", { "sciexpr-editor-display": e.displayMode }])
       }, [
         e.showToolbar && !e.readonly ? (i(), G(Se, {
@@ -541,11 +553,11 @@ const we = {
           categories: (f = e.toolbar) == null ? void 0 : f.categories,
           onInsert: g
         }, null, 8, ["categories"])) : M("", !0),
-        y("div", qe, [
-          D(y("textarea", {
+        h("div", qe, [
+          D(h("textarea", {
             ref_key: "textareaRef",
             ref: c,
-            "onUpdate:modelValue": x[0] || (x[0] = (k) => t.value = k),
+            "onUpdate:modelValue": x[0] || (x[0] = (k) => a.value = k),
             class: N(["sciexpr-editor-textarea", {
               "sciexpr-editor-textarea-display": e.displayMode,
               "sciexpr-editor-textarea-readonly": e.readonly
@@ -559,30 +571,30 @@ const we = {
             autocorrect: "off",
             autocapitalize: "off",
             onInput: b,
-            onKeydown: h,
+            onKeydown: y,
             onFocus: W
           }, null, 42, Fe), [
-            [j, t.value]
+            [j, a.value]
           ])
         ]),
         se(Oe, {
-          items: S(a).suggestions.value,
-          visible: S(a).visible.value,
-          "selected-index": S(a).selectedIndex.value,
-          position: r.value,
+          items: S(t).suggestions.value,
+          visible: S(t).visible.value,
+          "selected-index": S(t).selectedIndex.value,
+          position: u.value,
           onSelect: I,
-          onClose: x[1] || (x[1] = (k) => S(a).close())
+          onClose: x[1] || (x[1] = (k) => S(t).close())
         }, null, 8, ["items", "visible", "selected-index", "position"]),
         e.showPreview ? (i(), G(Pe, {
           key: 1,
-          source: t.value,
+          source: a.value,
           "display-mode": e.displayMode,
           "show-source": !1
         }, null, 8, ["source", "display-mode"])) : M("", !0)
       ], 2);
     };
   }
-}), mt = /* @__PURE__ */ E(He, [["__scopeId", "data-v-d6181c80"]]), De = { class: "sciexpr-symbol-panel" }, Ke = { class: "sciexpr-symbol-search" }, Ve = { class: "sciexpr-symbol-tabs" }, Ge = ["onClick"], Ue = { class: "sciexpr-symbol-grid" }, ze = ["title", "disabled", "onClick"], We = { class: "sciexpr-symbol-unicode" }, Ze = { class: "sciexpr-symbol-name" }, Xe = ["title", "disabled", "onClick"], Ye = { class: "sciexpr-symbol-unicode" }, je = { class: "sciexpr-symbol-name" }, Qe = /* @__PURE__ */ B({
+}), mt = /* @__PURE__ */ A(He, [["__scopeId", "data-v-d6181c80"]]), De = { class: "sciexpr-symbol-panel" }, Ke = { class: "sciexpr-symbol-search" }, Ve = { class: "sciexpr-symbol-tabs" }, Ge = ["onClick"], Ue = { class: "sciexpr-symbol-grid" }, ze = ["title", "disabled", "onClick"], We = { class: "sciexpr-symbol-unicode" }, Ze = { class: "sciexpr-symbol-name" }, Xe = ["title", "disabled", "onClick"], Ye = { class: "sciexpr-symbol-unicode" }, je = { class: "sciexpr-symbol-name" }, Qe = /* @__PURE__ */ E({
   __name: "SymbolPanel",
   props: {
     disabled: { type: Boolean }
@@ -701,78 +713,78 @@ const we = {
           { latex: "\\ce{->[H2O]}", unicode: "→[H₂O]", name: "With condition" }
         ]
       }
-    ], c = v(n[0].id), u = v(""), r = F(() => {
-      if (!u.value) return n;
-      const s = u.value.toLowerCase();
-      return n.map((m) => ({
-        ...m,
-        symbols: m.symbols.filter(
-          (a) => a.name.toLowerCase().includes(s) || a.latex.toLowerCase().includes(s)
+    ], c = v(n[0].id), r = v(""), u = F(() => {
+      if (!r.value) return n;
+      const s = r.value.toLowerCase();
+      return n.map((d) => ({
+        ...d,
+        symbols: d.symbols.filter(
+          (t) => t.name.toLowerCase().includes(s) || t.latex.toLowerCase().includes(s)
         )
-      })).filter((m) => m.symbols.length > 0);
+      })).filter((d) => d.symbols.length > 0);
     });
-    function t(s) {
+    function a(s) {
       l("insert", s);
     }
-    return (s, m) => (i(), d("div", De, [
-      y("div", Ke, [
-        D(y("input", {
-          "onUpdate:modelValue": m[0] || (m[0] = (a) => u.value = a),
+    return (s, d) => (i(), m("div", De, [
+      h("div", Ke, [
+        D(h("input", {
+          "onUpdate:modelValue": d[0] || (d[0] = (t) => r.value = t),
           type: "text",
           class: "sciexpr-symbol-search-input",
           placeholder: "Search symbols..."
         }, null, 512), [
-          [j, u.value]
+          [j, r.value]
         ])
       ]),
-      y("div", Ve, [
-        (i(), d(C, null, $(n, (a) => y("button", {
-          key: a.id,
-          class: N(["sciexpr-symbol-tab", { active: c.value === a.id }]),
-          onClick: (b) => c.value = a.id,
+      h("div", Ve, [
+        (i(), m(C, null, $(n, (t) => h("button", {
+          key: t.id,
+          class: N(["sciexpr-symbol-tab", { active: c.value === t.id }]),
+          onClick: (b) => c.value = t.id,
           type: "button"
-        }, w(a.label), 11, Ge)), 64))
+        }, w(t.label), 11, Ge)), 64))
       ]),
-      y("div", Ue, [
-        u.value ? (i(!0), d(C, { key: 0 }, $(r.value, (a) => (i(), d(C, {
-          key: a.id
+      h("div", Ue, [
+        r.value ? (i(!0), m(C, { key: 0 }, $(u.value, (t) => (i(), m(C, {
+          key: t.id
         }, [
-          (i(!0), d(C, null, $(a.symbols, (b) => (i(), d("button", {
+          (i(!0), m(C, null, $(t.symbols, (b) => (i(), m("button", {
             key: b.latex,
             class: N(["sciexpr-symbol-btn", { "sciexpr-symbol-btn-disabled": e.disabled }]),
             title: `${b.name} — ${b.latex}`,
             disabled: e.disabled,
             type: "button",
-            onClick: (h) => t(b.latex)
+            onClick: (y) => a(b.latex)
           }, [
-            y("span", We, w(b.unicode), 1),
-            y("span", Ze, w(b.name), 1)
+            h("span", We, w(b.unicode), 1),
+            h("span", Ze, w(b.name), 1)
           ], 10, ze))), 128))
-        ], 64))), 128)) : (i(), d(C, { key: 1 }, $(n, (a) => (i(), d(C, {
-          key: a.id
+        ], 64))), 128)) : (i(), m(C, { key: 1 }, $(n, (t) => (i(), m(C, {
+          key: t.id
         }, [
-          c.value === a.id ? (i(!0), d(C, { key: 0 }, $(a.symbols, (b) => (i(), d("button", {
+          c.value === t.id ? (i(!0), m(C, { key: 0 }, $(t.symbols, (b) => (i(), m("button", {
             key: b.latex,
             class: N(["sciexpr-symbol-btn", { "sciexpr-symbol-btn-disabled": e.disabled }]),
             title: `${b.name} — ${b.latex}`,
             disabled: e.disabled,
             type: "button",
-            onClick: (h) => t(b.latex)
+            onClick: (y) => a(b.latex)
           }, [
-            y("span", Ye, w(b.unicode), 1),
-            y("span", je, w(b.name), 1)
+            h("span", Ye, w(b.unicode), 1),
+            h("span", je, w(b.name), 1)
           ], 10, Xe))), 128)) : M("", !0)
         ], 64))), 64))
       ])
     ]));
   }
-}), pt = /* @__PURE__ */ E(Qe, [["__scopeId", "data-v-8a9ec119"]]), Je = { class: "sciexpr-element-grid" }, et = ["title", "disabled", "onClick"], tt = {
+}), pt = /* @__PURE__ */ A(Qe, [["__scopeId", "data-v-8a9ec119"]]), Je = { class: "sciexpr-element-grid" }, et = ["title", "disabled", "onClick"], tt = {
   key: 0,
   class: "sciexpr-element-number"
 }, at = {
   key: 1,
   class: "sciexpr-element-symbol"
-}, X = 18, ot = 6, lt = /* @__PURE__ */ B({
+}, X = 18, ot = 6, lt = /* @__PURE__ */ E({
   __name: "ElementTable",
   props: {
     disabled: { type: Boolean },
@@ -824,70 +836,70 @@ const we = {
       { symbol: "Pt", name: "Platinum", atomicNumber: 78, row: 6, col: 10, block: "d" },
       { symbol: "Pb", name: "Lead", atomicNumber: 82, row: 6, col: 14, block: "p" }
     ], c = F(() => {
-      const t = [];
+      const a = [];
       for (let s = 0; s < ot; s++)
-        t.push(new Array(X).fill(null));
+        a.push(new Array(X).fill(null));
       for (const s of n)
-        t[s.row - 1][s.col - 1] = s;
-      return t;
+        a[s.row - 1][s.col - 1] = s;
+      return a;
     });
-    function u(t) {
+    function r(a) {
       return {
         s: "#ff6b6b",
         p: "#ffd93d",
         d: "#6bcb77",
         f: "#4d96ff"
-      }[t] ?? "#adb5bd";
+      }[a] ?? "#adb5bd";
     }
-    function r(t) {
-      l("insert", t);
+    function u(a) {
+      l("insert", a);
     }
-    return (t, s) => (i(), d("div", {
+    return (a, s) => (i(), m("div", {
       class: N(["sciexpr-element-table", { "sciexpr-element-table-compact": e.compact }])
     }, [
       s[0] || (s[0] = ce('<div class="sciexpr-element-legend" data-v-a5437c7c><span class="legend-item" data-v-a5437c7c><span class="legend-dot" style="background:#ff6b6b;" data-v-a5437c7c></span> s-block</span><span class="legend-item" data-v-a5437c7c><span class="legend-dot" style="background:#ffd93d;" data-v-a5437c7c></span> p-block</span><span class="legend-item" data-v-a5437c7c><span class="legend-dot" style="background:#6bcb77;" data-v-a5437c7c></span> d-block</span><span class="legend-item" data-v-a5437c7c><span class="legend-dot" style="background:#4d96ff;" data-v-a5437c7c></span> f-block</span></div>', 1)),
-      y("div", Je, [
-        (i(!0), d(C, null, $(c.value, (m) => (i(), d(C, {
-          key: c.value.indexOf(m)
+      h("div", Je, [
+        (i(!0), m(C, null, $(c.value, (d) => (i(), m(C, {
+          key: c.value.indexOf(d)
         }, [
-          (i(!0), d(C, null, $(m, (a, b) => D((i(), d("button", {
+          (i(!0), m(C, null, $(d, (t, b) => D((i(), m("button", {
             key: b,
             class: N(["sciexpr-element-cell", {
               "sciexpr-element-cell-compact": e.compact,
               "sciexpr-element-cell-disabled": e.disabled
             }]),
-            style: H(a ? {
-              gridRow: a.row,
-              gridColumn: a.col,
-              "--block-color": u(a.block)
+            style: H(t ? {
+              gridRow: t.row,
+              gridColumn: t.col,
+              "--block-color": r(t.block)
             } : {}),
-            title: a ? `${a.name} (${a.atomicNumber})` : "",
+            title: t ? `${t.name} (${t.atomicNumber})` : "",
             disabled: e.disabled,
             type: "button",
-            onClick: (h) => a && r(a.symbol)
+            onClick: (y) => t && u(t.symbol)
           }, [
-            a ? (i(), d("span", tt, w(a.atomicNumber), 1)) : M("", !0),
-            a ? (i(), d("span", at, w(a.symbol), 1)) : M("", !0)
+            t ? (i(), m("span", tt, w(t.atomicNumber), 1)) : M("", !0),
+            t ? (i(), m("span", at, w(t.symbol), 1)) : M("", !0)
           ], 14, et)), [
-            [Z, a !== null]
+            [Z, t !== null]
           ])), 128)),
-          (i(), d(C, null, $(X, (a) => D(y("div", {
-            key: "empty-" + a,
+          (i(), m(C, null, $(X, (t) => D(h("div", {
+            key: "empty-" + t,
             class: "sciexpr-element-cell sciexpr-element-empty",
-            style: H({ gridRow: c.value.indexOf(m) + 1, gridColumn: a })
+            style: H({ gridRow: c.value.indexOf(d) + 1, gridColumn: t })
           }, null, 4), [
-            [Z, !m[a - 1]]
+            [Z, !d[t - 1]]
           ])), 64))
         ], 64))), 128))
       ])
     ], 2));
   }
-}), bt = /* @__PURE__ */ E(lt, [["__scopeId", "data-v-a5437c7c"]]);
+}), bt = /* @__PURE__ */ A(lt, [["__scopeId", "data-v-a5437c7c"]]);
 function xt(e) {
   function o(l) {
     for (const n of e) {
-      const c = l.key.toLowerCase() === n.key.toLowerCase(), u = !!n.ctrl === (l.ctrlKey || l.metaKey), r = !!n.shift === l.shiftKey, t = !!n.alt === l.altKey;
-      if (c && u && r && t) {
+      const c = l.key.toLowerCase() === n.key.toLowerCase(), r = !!n.ctrl === (l.ctrlKey || l.metaKey), u = !!n.shift === l.shiftKey, a = !!n.alt === l.altKey;
+      if (c && r && u && a) {
         l.preventDefault(), n.action();
         return;
       }
@@ -912,7 +924,7 @@ const vt = [
   }, description: "Superscript (^)" }
 ];
 export {
-  O as AI_PIPELINE_KEY,
+  q as AI_PIPELINE_KEY,
   Oe as AutocompleteDropdown,
   vt as BUILTIN_SHORTCUTS,
   bt as ElementTable,