@sciexpr/vue 0.2.1 → 0.2.2

package/dist/index.mjs

@@ -1,943 +0,0 @@
-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 O } from "@sciexpr/ai";
-import { ExpressionKind as me } from "@sciexpr/core";
-function ut(e) {
-  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 y = r.parse(t, { hint: "auto" });
-      if (!y || y.children.length === 0) {
-        o.value = "", c.value = null;
-        return;
-      }
-      const g = u.render(y, {
-        displayMode: e.displayMode,
-        ...e.renderOptions
-      });
-      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: y instanceof Error ? y.message : String(y)
-      }, o.value = "";
-    }
-  }
-  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: d
-  };
-}
-function J(e) {
-  const o = v(""), l = v(null), n = te(null), c = new U(), r = new Q();
-  function u(a) {
-    var s;
-    try {
-      const d = c.parse(a, { hint: "auto" });
-      if (n.value = d, !d || d.children.length === 0) {
-        o.value = "", l.value = null;
-        return;
-      }
-      const t = r.render(d, {
-        displayMode: ((s = e.displayMode) == null ? void 0 : s.value) ?? !1
-      });
-      o.value = t.value, l.value = null;
-    } catch (d) {
-      l.value = {
-        message: d instanceof Error ? d.message : String(d)
-      }, o.value = a;
-    }
-  }
-  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__ */ E({
-  __name: "Formula",
-  props: {
-    source: { default: "" },
-    displayMode: { type: Boolean, default: !1 },
-    throwOnError: { type: Boolean, default: !1 },
-    className: { default: "" },
-    fallbackText: { default: "" }
-  },
-  setup(e) {
-    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: r
-    });
-    return (b, y) => (i(), m("span", {
-      class: N(["sciexpr-formula", o.className, {
-        "sciexpr-display": o.displayMode,
-        "sciexpr-error": S(a)
-      }]),
-      "data-source": c.value
-    }, [
-      S(a) ? (i(), m("span", {
-        key: 0,
-        class: "sciexpr-formula-error",
-        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));
-  }
-}), A = (e, o) => {
-  const l = e.__vccOpts || e;
-  for (const [n, c] of o)
-    l[n] = c;
-  return l;
-}, dt = /* @__PURE__ */ A(ve, [["__scopeId", "data-v-557e5ff9"]]);
-function fe(e) {
-  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), T = o.value.slice(l.value);
-    o.value = I + g + T, l.value += g.length;
-  }
-  function d(g, I) {
-    const T = o.value;
-    o.value = g + T + I, l.value = o.value.length;
-  }
-  function t() {
-    try {
-      const g = u.parse(o.value, { hint: "auto" });
-      return r.value = g, g;
-    } catch {
-      return r.value = null, null;
-    }
-  }
-  const b = F(() => o.value.trim().length === 0), y = F(() => o.value);
-  return {
-    // State
-    value: o,
-    cursor: l,
-    html: n,
-    ast: r,
-    error: c,
-    // Computed
-    isEmpty: b,
-    latexSource: y,
-    // Actions
-    handleInput: a,
-    insertText: s,
-    wrapSelection: d,
-    parse: t
-  };
-}
-function ye(e) {
-  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, y);
-    if (!g || g.length < (u.minTriggerLength ?? 2)) {
-      l.value = !1;
-      return;
-    }
-    c.value = g;
-    const I = {
-      currentInput: b,
-      cursorPosition: y,
-      expressionType: me.Math
-    }, 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 d(b) {
-    b === "up" ? n.value = Math.max(0, n.value - 1) : n.value = Math.min(o.value.length - 1, n.value + 1);
-  }
-  function t() {
-    l.value = !1, o.value = [];
-  }
-  return {
-    suggestions: o,
-    visible: l,
-    selectedIndex: n,
-    query: c,
-    trigger: a,
-    select: s,
-    moveSelection: d,
-    close: t
-  };
-}
-function he(e, o) {
-  const l = e.slice(0, o), n = l.lastIndexOf("\\");
-  if (n !== -1) {
-    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 q = Symbol("sciexpr-ai-pipeline");
-function ge(e) {
-  const o = e ? new O(e) : Y(q, null);
-  function l(r) {
-    const u = new O(r);
-    K(q, u);
-  }
-  function n(r) {
-    o && K(q, new O({ completionProvider: r }));
-  }
-  function c(r) {
-    o && K(q, new O({ knowledgeBaseProvider: r }));
-  }
-  return {
-    pipeline: o,
-    provideAI: l,
-    setCompletionProvider: n,
-    setKnowledgeBase: c
-  };
-}
-const we = {
-  key: 0,
-  class: "sciexpr-toolbar-group-label"
-}, ke = ["title", "disabled", "onClick"], Ce = /* @__PURE__ */ E({
-  __name: "Toolbar",
-  props: {
-    categories: {},
-    disabled: { type: Boolean },
-    compact: { type: Boolean }
-  },
-  emits: ["insert"],
-  setup(e, { emit: o }) {
-    const l = o, n = [
-      {
-        id: "fraction",
-        label: "Fraction & Script",
-        icon: "📐",
-        commands: [
-          { latex: "\\frac{}{}", label: "⅟", description: "Fraction" },
-          { latex: "^{}", label: "x²", description: "Superscript" },
-          { latex: "_{}", label: "x₂", description: "Subscript" },
-          { latex: "^{}_{}", label: "x²₁", description: "Both scripts" }
-        ]
-      },
-      {
-        id: "radical",
-        label: "Radicals",
-        icon: "√",
-        commands: [
-          { latex: "\\sqrt{}", label: "√x", description: "Square root" },
-          { latex: "\\sqrt[3]{}", label: "∛x", description: "Cube root" },
-          { latex: "\\sqrt[n]{}", label: "ⁿ√x", description: "Nth root" }
-        ]
-      },
-      {
-        id: "symbol",
-        label: "Operators",
-        icon: "∑",
-        commands: [
-          { latex: "\\sum_{}^{}", label: "∑", description: "Summation" },
-          { latex: "\\prod_{}^{}", label: "∏", description: "Product" },
-          { latex: "\\int_{}^{}", label: "∫", description: "Integral" },
-          { latex: "\\lim_{x \\to }{}", label: "lim", description: "Limit" },
-          { latex: "\\infty", label: "∞", description: "Infinity" },
-          { latex: "\\partial", label: "∂", description: "Partial derivative" }
-        ]
-      },
-      {
-        id: "greek",
-        label: "Greek",
-        icon: "α",
-        commands: [
-          { latex: "\\alpha", label: "α", description: "Alpha" },
-          { latex: "\\beta", label: "β", description: "Beta" },
-          { latex: "\\gamma", label: "γ", description: "Gamma" },
-          { latex: "\\delta", label: "δ", description: "Delta" },
-          { latex: "\\theta", label: "θ", description: "Theta" },
-          { latex: "\\lambda", label: "λ", description: "Lambda" },
-          { latex: "\\mu", label: "μ", description: "Mu" },
-          { latex: "\\pi", label: "π", description: "Pi" },
-          { latex: "\\sigma", label: "σ", description: "Sigma" },
-          { latex: "\\phi", label: "φ", description: "Phi" },
-          { latex: "\\omega", label: "ω", description: "Omega" }
-        ]
-      },
-      {
-        id: "matrix",
-        label: "Matrix",
-        icon: "▦",
-        commands: [
-          { latex: "\\begin{pmatrix} & \\\\ & \\end{pmatrix}", label: "( )", description: "pmatrix" },
-          { latex: "\\begin{bmatrix} & \\\\ & \\end{bmatrix}", label: "[ ]", description: "bmatrix" },
-          { latex: "\\begin{vmatrix} & \\\\ & \\end{vmatrix}", label: "| |", description: "vmatrix" }
-        ]
-      },
-      {
-        id: "chemistry",
-        label: "Chemistry",
-        icon: "⚗",
-        commands: [
-          { latex: "\\ce{H2O}", label: "H₂O", description: "Water" },
-          { latex: "\\ce{->}", label: "→", description: "Reaction arrow" },
-          { latex: "\\ce{<=>}", label: "⇌", description: "Equilibrium" },
-          { latex: "^{n+}", label: "ⁿ⁺", description: "Charge" }
-        ]
-      }
-    ];
-    function c(r) {
-      l("insert", r);
-    }
-    return (r, u) => (i(), m("div", {
-      class: N(["sciexpr-toolbar", { "sciexpr-toolbar-compact": e.compact }]),
-      role: "toolbar",
-      "aria-label": "Formula toolbar"
-    }, [
-      (i(), m(C, null, $(n, (a) => (i(), m(C, {
-        key: a.id
-      }, [
-        !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(), 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: (d) => c(s.latex)
-          }, [
-            oe(r.$slots, `btn-${s.label}`, { command: s }, () => [
-              le(w(s.label), 1)
-            ], !0)
-          ], 10, ke))), 128))
-        ], 2)) : M("", !0)
-      ], 64))), 64))
-    ], 2));
-  }
-}), Se = /* @__PURE__ */ A(Ce, [["__scopeId", "data-v-329eccb9"]]), Ne = {
-  key: 0,
-  class: "sciexpr-preview-error"
-}, _e = {
-  key: 1,
-  class: "sciexpr-preview-render"
-}, $e = ["innerHTML"], Me = {
-  key: 2,
-  class: "sciexpr-preview-empty"
-}, Ie = {
-  key: 3,
-  class: "sciexpr-preview-source"
-}, Le = /* @__PURE__ */ E({
-  __name: "LivePreview",
-  props: {
-    source: {},
-    displayMode: { type: Boolean, default: !1 },
-    showSource: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const o = e, l = v(o.source), n = v(o.displayMode);
-    B(() => o.source, (u) => {
-      l.value = u;
-    }), B(() => o.displayMode, (u) => {
-      n.value = u;
-    });
-    const { html: c, error: r } = J({
-      source: l,
-      displayMode: n
-    });
-    return (u, a) => (i(), m("div", {
-      class: N(["sciexpr-preview", { "sciexpr-preview-display": e.displayMode }])
-    }, [
-      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(), m("div", Ie, [
-        h("code", null, w(e.source), 1)
-      ])) : M("", !0)
-    ], 2));
-  }
-}), 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__ */ E({
-  __name: "AutocompleteDropdown",
-  props: {
-    items: {},
-    visible: { type: Boolean },
-    selectedIndex: {},
-    position: {}
-  },
-  emits: ["select", "close"],
-  setup(e, { emit: o }) {
-    const l = o, n = Y(q, null);
-    function c(u) {
-      l("select", u);
-    }
-    function r(u) {
-      return {
-        symbol: "#0d6efd",
-        command: "#6f42c1",
-        template: "#198754",
-        correction: "#fd7e14",
-        formula: "#d63384"
-      }[u] ?? "#6c757d";
-    }
-    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), 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": d === e.selectedIndex,
-          onClick: (t) => c(s),
-          onMouseenter: (t) => u.$emit("select", s)
-        }, [
-          h("span", {
-            class: "sciexpr-autocomplete-category",
-            style: H({ background: r(s.category) })
-          }, w(s.category), 5),
-          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__ */ A(Ae, [["__scopeId", "data-v-d18e03d1"]]), qe = { class: "sciexpr-editor-input-wrap" }, Fe = ["placeholder", "readonly", "rows"], He = /* @__PURE__ */ E({
-  __name: "FormulaEditor",
-  props: {
-    value: { default: "" },
-    displayMode: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    placeholder: { default: "Type LaTeX or chemical formula..." },
-    toolbar: {},
-    autocomplete: {},
-    showPreview: { type: Boolean, default: !0 },
-    showToolbar: { type: Boolean, default: !0 },
-    rows: { default: 3 }
-  },
-  emits: ["update:value", "change", "error"],
-  setup(e, { emit: o }) {
-    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: a.value }), { pipeline: d } = ge(), t = ye({
-      config: l.autocomplete,
-      pipeline: d
-    });
-    function b(p) {
-      const x = p.target, f = x.value, k = x.selectionStart;
-      a.value = f, s.value.value = f, s.cursor.value = k, n("update:value", f), n("change", f), t.trigger(f, k), W();
-    }
-    function y(p) {
-      if (t.visible.value) {
-        if (p.key === "ArrowDown") {
-          p.preventDefault(), t.moveSelection("down");
-          return;
-        }
-        if (p.key === "ArrowUp") {
-          p.preventDefault(), t.moveSelection("up");
-          return;
-        }
-        if (p.key === "Enter" || p.key === "Tab") {
-          p.preventDefault();
-          const x = t.suggestions.value[t.selectedIndex.value];
-          x && z(x.text);
-          return;
-        }
-        if (p.key === "Escape") {
-          t.close();
-          return;
-        }
-      }
-      (p.ctrlKey || p.metaKey) && (p.key === "b" && (p.preventDefault(), ee("\\mathbf{", "}")), p.key === "/" && (p.preventDefault(), T("\\frac{}{}")));
-    }
-    function g(p) {
-      T(p);
-    }
-    function I(p) {
-      z(p.text);
-    }
-    function T(p) {
-      const x = c.value;
-      if (!x) return;
-      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(_, _), t.close();
-      });
-    }
-    function z(p) {
-      const x = c.value;
-      if (!x) return;
-      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 R = k.match(/([a-zA-Z_]+)$/);
-        P = R ? f - R[0].length : f;
-      }
-      const _ = a.value.slice(f);
-      a.value = a.value.slice(0, P) + p + _, n("update:value", a.value), V(() => {
-        x.focus();
-        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 = 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 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, _ = a.value.slice(0, f).split(`
-`), R = _[_.length - 1].length;
-      u.value = {
-        top: x.top + _.length * k + 24 + window.scrollY,
-        left: x.left + R * L + window.scrollX
-      };
-    }
-    return F(() => a.value.trim().length > 0), (p, x) => {
-      var f;
-      return i(), m("div", {
-        ref_key: "editorRef",
-        ref: r,
-        class: N(["sciexpr-editor", { "sciexpr-editor-display": e.displayMode }])
-      }, [
-        e.showToolbar && !e.readonly ? (i(), G(Se, {
-          key: 0,
-          categories: (f = e.toolbar) == null ? void 0 : f.categories,
-          onInsert: g
-        }, null, 8, ["categories"])) : M("", !0),
-        h("div", qe, [
-          D(h("textarea", {
-            ref_key: "textareaRef",
-            ref: c,
-            "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
-            }]),
-            placeholder: e.placeholder,
-            readonly: e.readonly,
-            rows: e.rows,
-            "aria-label": "Formula input",
-            spellcheck: "false",
-            autocomplete: "off",
-            autocorrect: "off",
-            autocapitalize: "off",
-            onInput: b,
-            onKeydown: y,
-            onFocus: W
-          }, null, 42, Fe), [
-            [j, a.value]
-          ])
-        ]),
-        se(Oe, {
-          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(t).close())
-        }, null, 8, ["items", "visible", "selected-index", "position"]),
-        e.showPreview ? (i(), G(Pe, {
-          key: 1,
-          source: a.value,
-          "display-mode": e.displayMode,
-          "show-source": !1
-        }, null, 8, ["source", "display-mode"])) : M("", !0)
-      ], 2);
-    };
-  }
-}), 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 }
-  },
-  emits: ["insert"],
-  setup(e, { emit: o }) {
-    const l = o, n = [
-      {
-        id: "greek-lower",
-        label: "Greek Lowercase",
-        symbols: [
-          { latex: "\\alpha", unicode: "α", name: "alpha" },
-          { latex: "\\beta", unicode: "β", name: "beta" },
-          { latex: "\\gamma", unicode: "γ", name: "gamma" },
-          { latex: "\\delta", unicode: "δ", name: "delta" },
-          { latex: "\\epsilon", unicode: "ε", name: "epsilon" },
-          { latex: "\\zeta", unicode: "ζ", name: "zeta" },
-          { latex: "\\eta", unicode: "η", name: "eta" },
-          { latex: "\\theta", unicode: "θ", name: "theta" },
-          { latex: "\\iota", unicode: "ι", name: "iota" },
-          { latex: "\\kappa", unicode: "κ", name: "kappa" },
-          { latex: "\\lambda", unicode: "λ", name: "lambda" },
-          { latex: "\\mu", unicode: "μ", name: "mu" },
-          { latex: "\\nu", unicode: "ν", name: "nu" },
-          { latex: "\\xi", unicode: "ξ", name: "xi" },
-          { latex: "\\pi", unicode: "π", name: "pi" },
-          { latex: "\\rho", unicode: "ρ", name: "rho" },
-          { latex: "\\sigma", unicode: "σ", name: "sigma" },
-          { latex: "\\tau", unicode: "τ", name: "tau" },
-          { latex: "\\phi", unicode: "φ", name: "phi" },
-          { latex: "\\chi", unicode: "χ", name: "chi" },
-          { latex: "\\psi", unicode: "ψ", name: "psi" },
-          { latex: "\\omega", unicode: "ω", name: "omega" }
-        ]
-      },
-      {
-        id: "greek-upper",
-        label: "Greek Uppercase",
-        symbols: [
-          { latex: "\\Gamma", unicode: "Γ", name: "Gamma" },
-          { latex: "\\Delta", unicode: "Δ", name: "Delta" },
-          { latex: "\\Theta", unicode: "Θ", name: "Theta" },
-          { latex: "\\Lambda", unicode: "Λ", name: "Lambda" },
-          { latex: "\\Xi", unicode: "Ξ", name: "Xi" },
-          { latex: "\\Pi", unicode: "Π", name: "Pi" },
-          { latex: "\\Sigma", unicode: "Σ", name: "Sigma" },
-          { latex: "\\Upsilon", unicode: "Υ", name: "Upsilon" },
-          { latex: "\\Phi", unicode: "Φ", name: "Phi" },
-          { latex: "\\Psi", unicode: "Ψ", name: "Psi" },
-          { latex: "\\Omega", unicode: "Ω", name: "Omega" }
-        ]
-      },
-      {
-        id: "operators",
-        label: "Operators & Relations",
-        symbols: [
-          { latex: "\\times", unicode: "×", name: "times" },
-          { latex: "\\div", unicode: "÷", name: "divide" },
-          { latex: "\\cdot", unicode: "·", name: "dot" },
-          { latex: "\\pm", unicode: "±", name: "plus-minus" },
-          { latex: "\\mp", unicode: "∓", name: "minus-plus" },
-          { latex: "\\leq", unicode: "≤", name: "leq" },
-          { latex: "\\geq", unicode: "≥", name: "geq" },
-          { latex: "\\neq", unicode: "≠", name: "neq" },
-          { latex: "\\approx", unicode: "≈", name: "approx" },
-          { latex: "\\equiv", unicode: "≡", name: "equiv" },
-          { latex: "\\sim", unicode: "∼", name: "sim" },
-          { latex: "\\propto", unicode: "∝", name: "propto" },
-          { latex: "\\ll", unicode: "≪", name: "ll" },
-          { latex: "\\gg", unicode: "≫", name: "gg" }
-        ]
-      },
-      {
-        id: "arrows",
-        label: "Arrows",
-        symbols: [
-          { latex: "\\to", unicode: "→", name: "to" },
-          { latex: "\\rightarrow", unicode: "→", name: "rightarrow" },
-          { latex: "\\leftarrow", unicode: "←", name: "leftarrow" },
-          { latex: "\\Rightarrow", unicode: "⇒", name: "Rightarrow" },
-          { latex: "\\Leftarrow", unicode: "⇐", name: "Leftarrow" },
-          { latex: "\\Leftrightarrow", unicode: "⇔", name: "Leftrightarrow" },
-          { latex: "\\mapsto", unicode: "↦", name: "mapsto" },
-          { latex: "\\uparrow", unicode: "↑", name: "uparrow" },
-          { latex: "\\downarrow", unicode: "↓", name: "downarrow" }
-        ]
-      },
-      {
-        id: "misc",
-        label: "Misc",
-        symbols: [
-          { latex: "\\infty", unicode: "∞", name: "infinity" },
-          { latex: "\\partial", unicode: "∂", name: "partial" },
-          { latex: "\\nabla", unicode: "∇", name: "nabla" },
-          { latex: "\\forall", unicode: "∀", name: "forall" },
-          { latex: "\\exists", unicode: "∃", name: "exists" },
-          { latex: "\\emptyset", unicode: "∅", name: "emptyset" },
-          { latex: "\\neg", unicode: "¬", name: "neg" },
-          { latex: "\\angle", unicode: "∠", name: "angle" },
-          { latex: "\\triangle", unicode: "△", name: "triangle" },
-          { latex: "\\square", unicode: "□", name: "square" },
-          { latex: "\\circ", unicode: "∘", name: "circle" },
-          { latex: "\\star", unicode: "★", name: "star" }
-        ]
-      },
-      {
-        id: "chemistry",
-        label: "Chemistry",
-        symbols: [
-          { latex: "\\ce{H2O}", unicode: "H₂O", name: "Water" },
-          { latex: "\\ce{CO2}", unicode: "CO₂", name: "Carbon dioxide" },
-          { latex: "\\ce{->}", unicode: "→", name: "Arrow right" },
-          { latex: "\\ce{<-}", unicode: "←", name: "Arrow left" },
-          { latex: "\\ce{<=>}", unicode: "⇌", name: "Equilibrium" },
-          { latex: "\\ce{<->}", unicode: "⇄", name: "Resonance" },
-          { latex: "\\ce{->[H2O]}", unicode: "→[H₂O]", name: "With condition" }
-        ]
-      }
-    ], 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((d) => d.symbols.length > 0);
-    });
-    function a(s) {
-      l("insert", s);
-    }
-    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, r.value]
-        ])
-      ]),
-      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(t.label), 11, Ge)), 64))
-      ]),
-      h("div", Ue, [
-        r.value ? (i(!0), m(C, { key: 0 }, $(u.value, (t) => (i(), m(C, {
-          key: t.id
-        }, [
-          (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: (y) => a(b.latex)
-          }, [
-            h("span", We, w(b.unicode), 1),
-            h("span", Ze, w(b.name), 1)
-          ], 10, ze))), 128))
-        ], 64))), 128)) : (i(), m(C, { key: 1 }, $(n, (t) => (i(), m(C, {
-          key: t.id
-        }, [
-          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: (y) => a(b.latex)
-          }, [
-            h("span", Ye, w(b.unicode), 1),
-            h("span", je, w(b.name), 1)
-          ], 10, Xe))), 128)) : M("", !0)
-        ], 64))), 64))
-      ])
-    ]));
-  }
-}), 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__ */ E({
-  __name: "ElementTable",
-  props: {
-    disabled: { type: Boolean },
-    compact: { type: Boolean }
-  },
-  emits: ["insert"],
-  setup(e, { emit: o }) {
-    const l = o, n = [
-      // Row 1
-      { symbol: "H", name: "Hydrogen", atomicNumber: 1, row: 1, col: 1, block: "s" },
-      { symbol: "He", name: "Helium", atomicNumber: 2, row: 1, col: 18, block: "s" },
-      // Row 2
-      { symbol: "Li", name: "Lithium", atomicNumber: 3, row: 2, col: 1, block: "s" },
-      { symbol: "Be", name: "Beryllium", atomicNumber: 4, row: 2, col: 2, block: "s" },
-      { symbol: "B", name: "Boron", atomicNumber: 5, row: 2, col: 13, block: "p" },
-      { symbol: "C", name: "Carbon", atomicNumber: 6, row: 2, col: 14, block: "p" },
-      { symbol: "N", name: "Nitrogen", atomicNumber: 7, row: 2, col: 15, block: "p" },
-      { symbol: "O", name: "Oxygen", atomicNumber: 8, row: 2, col: 16, block: "p" },
-      { symbol: "F", name: "Fluorine", atomicNumber: 9, row: 2, col: 17, block: "p" },
-      { symbol: "Ne", name: "Neon", atomicNumber: 10, row: 2, col: 18, block: "p" },
-      // Row 3
-      { symbol: "Na", name: "Sodium", atomicNumber: 11, row: 3, col: 1, block: "s" },
-      { symbol: "Mg", name: "Magnesium", atomicNumber: 12, row: 3, col: 2, block: "s" },
-      { symbol: "Al", name: "Aluminium", atomicNumber: 13, row: 3, col: 13, block: "p" },
-      { symbol: "Si", name: "Silicon", atomicNumber: 14, row: 3, col: 14, block: "p" },
-      { symbol: "P", name: "Phosphorus", atomicNumber: 15, row: 3, col: 15, block: "p" },
-      { symbol: "S", name: "Sulfur", atomicNumber: 16, row: 3, col: 16, block: "p" },
-      { symbol: "Cl", name: "Chlorine", atomicNumber: 17, row: 3, col: 17, block: "p" },
-      { symbol: "Ar", name: "Argon", atomicNumber: 18, row: 3, col: 18, block: "p" },
-      // Row 4
-      { symbol: "K", name: "Potassium", atomicNumber: 19, row: 4, col: 1, block: "s" },
-      { symbol: "Ca", name: "Calcium", atomicNumber: 20, row: 4, col: 2, block: "s" },
-      // Transition metals (simplified)
-      { symbol: "Cr", name: "Chromium", atomicNumber: 24, row: 4, col: 6, block: "d" },
-      { symbol: "Mn", name: "Manganese", atomicNumber: 25, row: 4, col: 7, block: "d" },
-      { symbol: "Fe", name: "Iron", atomicNumber: 26, row: 4, col: 8, block: "d" },
-      { symbol: "Co", name: "Cobalt", atomicNumber: 27, row: 4, col: 9, block: "d" },
-      { symbol: "Ni", name: "Nickel", atomicNumber: 28, row: 4, col: 10, block: "d" },
-      { symbol: "Cu", name: "Copper", atomicNumber: 29, row: 4, col: 11, block: "d" },
-      { symbol: "Zn", name: "Zinc", atomicNumber: 30, row: 4, col: 12, block: "d" },
-      // P-block continued
-      { symbol: "Br", name: "Bromine", atomicNumber: 35, row: 4, col: 17, block: "p" },
-      // Row 5
-      { symbol: "Ag", name: "Silver", atomicNumber: 47, row: 5, col: 11, block: "d" },
-      { symbol: "Au", name: "Gold", atomicNumber: 79, row: 5, col: 11, block: "d" },
-      { symbol: "Hg", name: "Mercury", atomicNumber: 80, row: 5, col: 12, block: "d" },
-      { symbol: "I", name: "Iodine", atomicNumber: 53, row: 5, col: 17, block: "p" },
-      // Row 6
-      { 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 a = [];
-      for (let s = 0; s < ot; s++)
-        a.push(new Array(X).fill(null));
-      for (const s of n)
-        a[s.row - 1][s.col - 1] = s;
-      return a;
-    });
-    function r(a) {
-      return {
-        s: "#ff6b6b",
-        p: "#ffd93d",
-        d: "#6bcb77",
-        f: "#4d96ff"
-      }[a] ?? "#adb5bd";
-    }
-    function u(a) {
-      l("insert", a);
-    }
-    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)),
-      h("div", Je, [
-        (i(!0), m(C, null, $(c.value, (d) => (i(), m(C, {
-          key: c.value.indexOf(d)
-        }, [
-          (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(t ? {
-              gridRow: t.row,
-              gridColumn: t.col,
-              "--block-color": r(t.block)
-            } : {}),
-            title: t ? `${t.name} (${t.atomicNumber})` : "",
-            disabled: e.disabled,
-            type: "button",
-            onClick: (y) => t && u(t.symbol)
-          }, [
-            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, t !== null]
-          ])), 128)),
-          (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(d) + 1, gridColumn: t })
-          }, null, 4), [
-            [Z, !d[t - 1]]
-          ])), 64))
-        ], 64))), 128))
-      ])
-    ], 2));
-  }
-}), 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(), 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;
-      }
-    }
-  }
-  ie(() => {
-    window.addEventListener("keydown", o);
-  }), re(() => {
-    window.removeEventListener("keydown", o);
-  });
-}
-const vt = [
-  { key: "b", ctrl: !0, action: () => {
-  }, description: "Bold (\\mathbf{})" },
-  { key: "/", ctrl: !0, action: () => {
-  }, description: "Fraction (\\frac{}{})" },
-  { key: "s", ctrl: !0, shift: !0, action: () => {
-  }, description: "Square root (\\sqrt{})" },
-  { key: "1", ctrl: !0, action: () => {
-  }, description: "Subscript (_)" },
-  { key: "2", ctrl: !0, action: () => {
-  }, description: "Superscript (^)" }
-];
-export {
-  q as AI_PIPELINE_KEY,
-  Oe as AutocompleteDropdown,
-  vt as BUILTIN_SHORTCUTS,
-  bt as ElementTable,
-  dt as Formula,
-  mt as FormulaEditor,
-  Se as FormulaToolbar,
-  Pe as LivePreview,
-  pt as SymbolPanel,
-  ge as useAIProvider,
-  ye as useAutocomplete,
-  J as useFormula,
-  fe as useFormulaEditor,
-  ut as useFormulaRender,
-  xt as useShortcuts
-};
-//# sourceMappingURL=index.mjs.map