@sciexpr/vue 0.2.0

package/dist/index.mjs

@@ -0,0 +1,931 @@
+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 { 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 { 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) {
+    var b;
+    try {
+      const h = u.parse(a, { hint: "auto" });
+      if (!h || h.children.length === 0) {
+        o.value = "", c.value = null;
+        return;
+      }
+      const g = r.render(h, {
+        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) {
+      c.value = {
+        message: h instanceof Error ? h.message : String(h)
+      }, o.value = "";
+    }
+  }
+  return q(e.source, (a) => {
+    m(a);
+  }, { immediate: !0 }), {
+    html: o,
+    mathml: l,
+    unicode: n,
+    error: c,
+    render: m
+  };
+}
+function J(e) {
+  const o = v(""), l = v(null), n = te(null), c = new U(), u = new Q();
+  function r(t) {
+    var s;
+    try {
+      const m = c.parse(t, { hint: "auto" });
+      if (n.value = m, !m || m.children.length === 0) {
+        o.value = "", l.value = null;
+        return;
+      }
+      const a = u.render(m, {
+        displayMode: ((s = e.displayMode) == null ? void 0 : s.value) ?? !1
+      });
+      o.value = a.value, l.value = null;
+    } catch (m) {
+      l.value = {
+        message: m instanceof Error ? m.message : String(m)
+      }, o.value = t;
+    }
+  }
+  return q([e.source, e.displayMode ?? v(!1)], ([t]) => {
+    r(t);
+  }, { immediate: !0 }), { html: o, error: l, ast: n, render: r };
+}
+const pe = ["data-source"], be = ["title"], xe = ["innerHTML"], ve = /* @__PURE__ */ B({
+  __name: "Formula",
+  props: {
+    source: { default: "" },
+    displayMode: { type: Boolean, default: !1 },
+    throwOnError: { type: Boolean, default: !1 },
+    className: { default: "" },
+    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({
+      source: c,
+      displayMode: v(o.displayMode)
+    });
+    return (a, b) => (i(), d("span", {
+      class: N(["sciexpr-formula", o.className, {
+        "sciexpr-display": o.displayMode,
+        "sciexpr-error": S(r)
+      }]),
+      "data-source": c.value
+    }, [
+      S(r) ? (i(), d("span", {
+        key: 0,
+        class: "sciexpr-formula-error",
+        title: S(r).message
+      }, w(e.fallbackText || c.value), 9, be)) : (i(), d("span", {
+        key: 1,
+        innerHTML: S(u),
+        class: "sciexpr-formula-content"
+      }, null, 8, xe))
+    ], 10, pe));
+  }
+}), E = (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"]]);
+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) {
+    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;
+  }
+  function m(g, I) {
+    const R = o.value;
+    o.value = g + R + I, l.value = o.value.length;
+  }
+  function a() {
+    try {
+      const g = r.parse(o.value, { hint: "auto" });
+      return u.value = g, g;
+    } catch {
+      return u.value = null, null;
+    }
+  }
+  const b = F(() => o.value.trim().length === 0), h = F(() => o.value);
+  return {
+    // State
+    value: o,
+    cursor: l,
+    html: n,
+    ast: u,
+    error: c,
+    // Computed
+    isEmpty: b,
+    latexSource: h,
+    // Actions
+    handleInput: t,
+    insertText: s,
+    wrapSelection: m,
+    parse: a
+  };
+}
+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) {
+      l.value = !1;
+      return;
+    }
+    const g = he(b, h);
+    if (!g || g.length < (r.minTriggerLength ?? 2)) {
+      l.value = !1;
+      return;
+    }
+    c.value = g;
+    const I = {
+      currentInput: b,
+      cursorPosition: h,
+      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;
+  }
+  function s(b) {
+    return l.value = !1, b.text;
+  }
+  function m(b) {
+    b === "up" ? n.value = Math.max(0, n.value - 1) : n.value = Math.min(o.value.length - 1, n.value + 1);
+  }
+  function a() {
+    l.value = !1, o.value = [];
+  }
+  return {
+    suggestions: o,
+    visible: l,
+    selectedIndex: n,
+    query: c,
+    trigger: t,
+    select: s,
+    moveSelection: m,
+    close: a
+  };
+}
+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 c = l.match(/([a-zA-Z_]+)$/);
+  return c ? c[1] : "";
+}
+const O = 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);
+  }
+  function n(u) {
+    o && K(O, new A({ completionProvider: u }));
+  }
+  function c(u) {
+    o && K(O, new A({ knowledgeBaseProvider: u }));
+  }
+  return {
+    pipeline: o,
+    provideAI: l,
+    setCompletionProvider: n,
+    setKnowledgeBase: c
+  };
+}
+const we = {
+  key: 0,
+  class: "sciexpr-toolbar-group-label"
+}, ke = ["title", "disabled", "onClick"], Ce = /* @__PURE__ */ B({
+  __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(u) {
+      l("insert", u);
+    }
+    return (u, r) => (i(), d("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
+      }, [
+        !e.categories || e.categories.includes(t.id) ? (i(), d("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", {
+            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)
+          }, [
+            oe(u.$slots, `btn-${s.label}`, { command: s }, () => [
+              le(w(s.label), 1)
+            ], !0)
+          ], 10, ke))), 128))
+        ], 2)) : M("", !0)
+      ], 64))), 64))
+    ], 2));
+  }
+}), Se = /* @__PURE__ */ E(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__ */ B({
+  __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);
+    q(() => o.source, (r) => {
+      l.value = r;
+    }), q(() => o.displayMode, (r) => {
+      n.value = r;
+    });
+    const { html: c, error: u } = J({
+      source: l,
+      displayMode: n
+    });
+    return (r, t) => (i(), d("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)
+      ])])),
+      e.showSource && e.source ? (i(), d("div", Ie, [
+        y("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 = {
+  key: 0,
+  class: "sciexpr-autocomplete-desc"
+}, Ee = {
+  key: 1,
+  class: "sciexpr-autocomplete-source"
+}, Ae = /* @__PURE__ */ B({
+  __name: "AutocompleteDropdown",
+  props: {
+    items: {},
+    visible: { type: Boolean },
+    selectedIndex: {},
+    position: {}
+  },
+  emits: ["select", "close"],
+  setup(e, { emit: o }) {
+    const l = o, n = Y(O, null);
+    function c(r) {
+      l("select", r);
+    }
+    function u(r) {
+      return {
+        symbol: "#0d6efd",
+        command: "#6f42c1",
+        template: "#198754",
+        correction: "#fd7e14",
+        formula: "#d63384"
+      }[r] ?? "#6c757d";
+    }
+    return (r, t) => (i(), G(ne, { to: "body" }, [
+      e.visible && e.items.length > 0 ? (i(), d("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 }]),
+          role: "option",
+          "aria-selected": m === e.selectedIndex,
+          onClick: (a) => c(s),
+          onMouseenter: (a) => r.$emit("select", s)
+        }, [
+          y("span", {
+            class: "sciexpr-autocomplete-category",
+            style: H({ background: u(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))
+      ], 4)) : M("", !0)
+    ]));
+  }
+}), Oe = /* @__PURE__ */ E(Ae, [["__scopeId", "data-v-d18e03d1"]]), qe = { class: "sciexpr-editor-input-wrap" }, Fe = ["placeholder", "readonly", "rows"], He = /* @__PURE__ */ B({
+  __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), u = v(null), r = v({ top: 0, left: 0 }), t = v(l.value);
+    q(() => l.value, (p) => {
+      t.value = p;
+    });
+    const s = fe({ initialValue: t.value }), { pipeline: m } = ge(), a = ye({
+      config: l.autocomplete,
+      pipeline: m
+    });
+    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();
+    }
+    function h(p) {
+      if (a.visible.value) {
+        if (p.key === "ArrowDown") {
+          p.preventDefault(), a.moveSelection("down");
+          return;
+        }
+        if (p.key === "ArrowUp") {
+          p.preventDefault(), a.moveSelection("up");
+          return;
+        }
+        if (p.key === "Enter" || p.key === "Tab") {
+          p.preventDefault();
+          const x = a.suggestions.value[a.selectedIndex.value];
+          x && z(x.text);
+          return;
+        }
+        if (p.key === "Escape") {
+          a.close();
+          return;
+        }
+      }
+      (p.ctrlKey || p.metaKey) && (p.key === "b" && (p.preventDefault(), ee("\\mathbf{", "}")), p.key === "/" && (p.preventDefault(), R("\\frac{}{}")));
+    }
+    function g(p) {
+      R(p);
+    }
+    function I(p) {
+      z(p.text);
+    }
+    function R(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(() => {
+        x.focus();
+        const _ = f + p.length;
+        x.setSelectionRange(_, _), a.close();
+      });
+    }
+    function z(p) {
+      const x = c.value;
+      if (!x) return;
+      const f = x.selectionStart, k = t.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 _ = t.value.slice(f);
+      t.value = t.value.slice(0, P) + p + _, n("update:value", t.value), V(() => {
+        x.focus();
+        const T = P + p.length;
+        x.setSelectionRange(T, T), a.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(() => {
+        f.focus();
+        const T = k + p.length + P.length;
+        f.setSelectionRange(T, T);
+      });
+    }
+    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 = {
+        top: x.top + _.length * k + 24 + window.scrollY,
+        left: x.left + T * L + window.scrollX
+      };
+    }
+    return F(() => t.value.trim().length > 0), (p, x) => {
+      var f;
+      return i(), d("div", {
+        ref_key: "editorRef",
+        ref: u,
+        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),
+        y("div", qe, [
+          D(y("textarea", {
+            ref_key: "textareaRef",
+            ref: c,
+            "onUpdate:modelValue": x[0] || (x[0] = (k) => t.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: h,
+            onFocus: W
+          }, null, 42, Fe), [
+            [j, t.value]
+          ])
+        ]),
+        se(Oe, {
+          items: S(a).suggestions.value,
+          visible: S(a).visible.value,
+          "selected-index": S(a).selectedIndex.value,
+          position: r.value,
+          onSelect: I,
+          onClose: x[1] || (x[1] = (k) => S(a).close())
+        }, null, 8, ["items", "visible", "selected-index", "position"]),
+        e.showPreview ? (i(), G(Pe, {
+          key: 1,
+          source: t.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({
+  __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), 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)
+        )
+      })).filter((m) => m.symbols.length > 0);
+    });
+    function t(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),
+          type: "text",
+          class: "sciexpr-symbol-search-input",
+          placeholder: "Search symbols..."
+        }, null, 512), [
+          [j, u.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,
+          type: "button"
+        }, w(a.label), 11, Ge)), 64))
+      ]),
+      y("div", Ue, [
+        u.value ? (i(!0), d(C, { key: 0 }, $(r.value, (a) => (i(), d(C, {
+          key: a.id
+        }, [
+          (i(!0), d(C, null, $(a.symbols, (b) => (i(), d("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)
+          }, [
+            y("span", We, w(b.unicode), 1),
+            y("span", Ze, w(b.name), 1)
+          ], 10, ze))), 128))
+        ], 64))), 128)) : (i(), d(C, { key: 1 }, $(n, (a) => (i(), d(C, {
+          key: a.id
+        }, [
+          c.value === a.id ? (i(!0), d(C, { key: 0 }, $(a.symbols, (b) => (i(), d("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)
+          }, [
+            y("span", Ye, w(b.unicode), 1),
+            y("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 = {
+  key: 0,
+  class: "sciexpr-element-number"
+}, at = {
+  key: 1,
+  class: "sciexpr-element-symbol"
+}, X = 18, ot = 6, lt = /* @__PURE__ */ B({
+  __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 t = [];
+      for (let s = 0; s < ot; s++)
+        t.push(new Array(X).fill(null));
+      for (const s of n)
+        t[s.row - 1][s.col - 1] = s;
+      return t;
+    });
+    function u(t) {
+      return {
+        s: "#ff6b6b",
+        p: "#ffd93d",
+        d: "#6bcb77",
+        f: "#4d96ff"
+      }[t] ?? "#adb5bd";
+    }
+    function r(t) {
+      l("insert", t);
+    }
+    return (t, s) => (i(), d("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)
+        }, [
+          (i(!0), d(C, null, $(m, (a, b) => D((i(), d("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)
+            } : {}),
+            title: a ? `${a.name} (${a.atomicNumber})` : "",
+            disabled: e.disabled,
+            type: "button",
+            onClick: (h) => a && r(a.symbol)
+          }, [
+            a ? (i(), d("span", tt, w(a.atomicNumber), 1)) : M("", !0),
+            a ? (i(), d("span", at, w(a.symbol), 1)) : M("", !0)
+          ], 14, et)), [
+            [Z, a !== null]
+          ])), 128)),
+          (i(), d(C, null, $(X, (a) => D(y("div", {
+            key: "empty-" + a,
+            class: "sciexpr-element-cell sciexpr-element-empty",
+            style: H({ gridRow: c.value.indexOf(m) + 1, gridColumn: a })
+          }, null, 4), [
+            [Z, !m[a - 1]]
+          ])), 64))
+        ], 64))), 128))
+      ])
+    ], 2));
+  }
+}), bt = /* @__PURE__ */ E(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) {
+        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 {
+  O 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