markdown-flow-ui 0.1.111 → 0.1.112

package/dist/components/MarkdownFlowEditor/MarkdownFlowEditor.es.js

@@ -1,79 +1,79 @@
-import { j as c } from "../../_virtual/jsx-runtime.es.js";
-import { useEffect as b, useMemo as y, useState as x, useRef as Z, useCallback as a } from "react";
-import He from "../../markdown-flow-ui/node_modules/.pnpm/@uiw_react-codemirror@4.25.2_@babel_runtime@7.28.4_@codemirror_autocomplete@6.19.1_@cod_3434c6a3f0eb7fac49dbaa3a471d1162/node_modules/@uiw/react-codemirror/esm/index.es.js";
-import { autocompletion as Ue } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_autocomplete@6.19.1/node_modules/@codemirror/autocomplete/dist/index.es.js";
-import { EditorView as ge } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_view@6.38.6/node_modules/@codemirror/view/dist/index.es.js";
-import { markdown as Fe } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_lang-markdown@6.5.0/node_modules/@codemirror/lang-markdown/dist/index.es.js";
-import { syntaxHighlighting as De, defaultHighlightStyle as Ge } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_language@6.11.3/node_modules/@codemirror/language/dist/index.es.js";
-import { Tooltip as We, TooltipTrigger as Qe, TooltipContent as Ye } from "../ui/tooltip.es.js";
-import _e from "./components/CustomDialog.es.js";
-import Je from "./components/CustomPopover.es.js";
-import Ke from "./components/EditorToolbar.es.js";
-import Xe from "./components/VariableSearchDropdown.es.js";
-import Ze from "./editor-context.es.js";
-import et from "./components/ImageInject.es.js";
-import tt from "./components/VideoInject.es.js";
-import nt from "./components/VariableSelect.es.js";
-import { SelectedOption as f } from "./types.es.js";
+import { j as l } from "../../_virtual/jsx-runtime.es.js";
+import { useEffect as S, useMemo as k, useState as I, useRef as Z, useCallback as a } from "react";
+import $e from "../../markdown-flow-ui/node_modules/.pnpm/@uiw_react-codemirror@4.25.2_@babel_runtime@7.28.4_@codemirror_autocomplete@6.19.1_@cod_3434c6a3f0eb7fac49dbaa3a471d1162/node_modules/@uiw/react-codemirror/esm/index.es.js";
+import { autocompletion as He } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_autocomplete@6.19.1/node_modules/@codemirror/autocomplete/dist/index.es.js";
+import { EditorView as pe } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_view@6.38.6/node_modules/@codemirror/view/dist/index.es.js";
+import { markdown as Ue } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_lang-markdown@6.5.0/node_modules/@codemirror/lang-markdown/dist/index.es.js";
+import { syntaxHighlighting as qe, defaultHighlightStyle as Fe } from "../../markdown-flow-ui/node_modules/.pnpm/@codemirror_language@6.11.3/node_modules/@codemirror/language/dist/index.es.js";
+import { Tooltip as De, TooltipTrigger as Ge, TooltipContent as Me } from "../ui/tooltip.es.js";
+import We from "./components/CustomDialog.es.js";
+import Qe from "./components/CustomPopover.es.js";
+import Ye from "./components/EditorToolbar.es.js";
+import _e from "./components/VariableSearchDropdown.es.js";
+import Je from "./editor-context.es.js";
+import Ke from "./components/ImageInject.es.js";
+import Xe from "./components/VideoInject.es.js";
+import Ze from "./components/VariableSelect.es.js";
+import { SelectedOption as m } from "./types.es.js";
 /* empty css                          */
-import { extractVariableNames as ot, getVideoContentToInsert as rt, createSlashCommands as st, parseContentInfo as it, createVariableExpressionRegexp as at } from "./utils.es.js";
-import lt from "./plugins/ImgPlaceholder.es.js";
-import ct from "./plugins/VideoPlaceholder.es.js";
-import ut from "./plugins/VariablePlaceholder.es.js";
-import mt from "./plugins/SyntaxHighlighter.es.js";
-import Se from "./locales/en-US.json.es.js";
-import ft from "./locales/zh-CN.json.es.js";
+import { extractVariableNames as et, getImageContentToInsert as tt, getVideoContentToInsert as nt, createSlashCommands as ot, parseContentInfo as rt, createVariableExpressionRegexp as st } from "./utils.es.js";
+import it from "./plugins/ImgPlaceholder.es.js";
+import at from "./plugins/VideoPlaceholder.es.js";
+import lt from "./plugins/VariablePlaceholder.es.js";
+import ct from "./plugins/SyntaxHighlighter.es.js";
+import Ce from "./locales/en-US.json.es.js";
+import ut from "./locales/zh-CN.json.es.js";
 import ee from "../../markdown-flow-ui/node_modules/.pnpm/i18next@23.16.8/node_modules/i18next/dist/esm/i18next.es.js";
-import { initReactI18next as ht } from "../../markdown-flow-ui/node_modules/.pnpm/react-i18next@15.7.4_i18next@23.16.8_react-dom@19.0.1_react@19.0.1__react@19.0.1_typescript@5.9.3/node_modules/react-i18next/dist/es/initReactI18next.es.js";
-import { useTranslation as pt } from "../../markdown-flow-ui/node_modules/.pnpm/react-i18next@15.7.4_i18next@23.16.8_react-dom@19.0.1_react@19.0.1__react@19.0.1_typescript@5.9.3/node_modules/react-i18next/dist/es/useTranslation.es.js";
+import { initReactI18next as mt } from "../../markdown-flow-ui/node_modules/.pnpm/react-i18next@15.7.4_i18next@23.16.8_react-dom@19.0.1_react@19.0.1__react@19.0.1_typescript@5.9.3/node_modules/react-i18next/dist/es/initReactI18next.es.js";
+import { useTranslation as ft } from "../../markdown-flow-ui/node_modules/.pnpm/react-i18next@15.7.4_i18next@23.16.8_react-dom@19.0.1_react@19.0.1__react@19.0.1_typescript@5.9.3/node_modules/react-i18next/dist/es/useTranslation.es.js";
 const te = {
-  "en-US": { translation: Se },
-  "zh-CN": { translation: ft }
+  "en-US": { translation: Ce },
+  "zh-CN": { translation: ut }
 };
-ee.isInitialized ? Object.entries(te).forEach(([C, p]) => {
+ee.isInitialized ? Object.entries(te).forEach(([V, f]) => {
   ee.addResourceBundle(
-    C,
+    V,
     "translation",
-    p.translation,
+    f.translation,
     !0,
     !0
   );
-}) : ee.use(ht).init({
+}) : ee.use(mt).init({
   resources: te,
   lng: "en-US",
   fallbackLng: "en-US",
   interpolation: { escapeValue: !1 }
 });
-const Ve = [], Ce = (C, p) => {
-  if (!C || p < 0)
+const ge = [], de = (V, f) => {
+  if (!V || f < 0)
     return !1;
-  const L = at();
-  let w;
-  for (; (w = L.exec(C)) !== null; ) {
-    const v = w.index ?? 0, F = v + w[0].length, k = v + 2, D = F - 2;
-    if (p >= k && p <= D)
+  const L = st();
+  let x;
+  for (; (x = L.exec(V)) !== null; ) {
+    const v = x.index ?? 0, G = v + x[0].length, w = v + 2, M = G - 2;
+    if (f >= w && f <= M)
       return !0;
-    L.lastIndex === w.index && L.lastIndex++;
+    L.lastIndex === x.index && L.lastIndex++;
   }
   return !1;
-}, dt = (C = "") => `{{${C}}}`, Dt = ({
-  content: C = "",
-  editMode: p = "codeEdit",
+}, ht = (V = "") => `{{${V}}}`, Ft = ({
+  content: V = "",
+  editMode: f = "codeEdit",
   variables: L,
-  systemVariables: w,
+  systemVariables: x,
   onChange: v,
-  onBlur: F,
-  locale: k = "en-US",
-  uploadProps: D,
+  onBlur: G,
+  locale: w = "en-US",
+  uploadProps: M,
   disabled: o = !1,
-  toolbarActionsRight: G,
-  onReady: be
+  toolbarActionsRight: W,
+  onReady: Ve
 }) => {
-  const { t: i, i18n: B } = pt();
-  b(() => {
-    k && B.language !== k && B.changeLanguage(k);
-  }, [B, k]);
-  const Ie = k || B.language, O = te[Ie]?.translation ?? Se, V = y(
+  const { t: i, i18n: $ } = ft();
+  S(() => {
+    w && $.language !== w && $.changeLanguage(w);
+  }, [$, w]);
+  const Se = w || $.language, O = te[Se]?.translation ?? Ce, d = k(
     () => ({
       image: i("toolbarInsertImage", {
         defaultValue: "Insert image"
@@ -116,7 +116,7 @@ const Ve = [], Ce = (C, p) => {
       })
     }),
     [i]
-  ), xe = y(
+  ), be = k(
     () => ({
       searchPlaceholder: i("variableSearchPlaceholder", {
         defaultValue: "Search variable"
@@ -126,107 +126,107 @@ const Ve = [], Ce = (C, p) => {
       emptyLabel: i("variableNotFound", "No variables found")
     }),
     [i]
-  ), we = p === "quickEdit" ? i("placeholderQuickEdit", {
+  ), Ie = f === "quickEdit" ? i("placeholderQuickEdit", {
     defaultValue: i("placeholderCodeEdit", {
       defaultValue: i("placeholder")
     })
-  }) : i("placeholderCodeEdit", { defaultValue: i("placeholder") }), A = y(() => {
+  }) : i("placeholderCodeEdit", { defaultValue: i("placeholder") }), R = k(() => {
     const e = /* @__PURE__ */ new Set();
-    return (w ?? Ve).filter((t) => {
-      const r = typeof t?.name == "string" ? t.name.toLowerCase() : "";
+    return (x ?? ge).filter((n) => {
+      const r = typeof n?.name == "string" ? n.name.toLowerCase() : "";
       return !r || e.has(r) ? !1 : (e.add(r), !0);
     });
-  }, [w]), W = y(() => {
+  }, [x]), Q = k(() => {
     const e = new Set(
-      A.map((r) => r.name.toLowerCase())
-    ), t = /* @__PURE__ */ new Set();
-    return (L ?? Ve).filter((r) => {
-      const n = typeof r?.name == "string" ? r.name.toLowerCase() : "";
-      return !n || e.has(n) || t.has(n) ? !1 : (t.add(n), !0);
+      R.map((r) => r.name.toLowerCase())
+    ), n = /* @__PURE__ */ new Set();
+    return (L ?? ge).filter((r) => {
+      const t = typeof r?.name == "string" ? r.name.toLowerCase() : "";
+      return !t || e.has(t) || n.has(t) ? !1 : (n.add(t), !0);
     });
-  }, [L, A]), [Q, E] = x(!1), [Y, j] = x(!1), [ve, z] = x(null), [ne, _] = x(
-    W
-  ), [M, ke] = x(
-    A
+  }, [L, R]), [Y, E] = I(!1), [_, y] = I(!1), [xe, z] = I(null), [ne, J] = I(
+    Q
+  ), [H, ve] = I(
+    R
   );
-  b(() => {
-    _(W);
-  }, [W]), b(() => {
-    ke(A);
-  }, [A]);
-  const [S, T] = x(
-    f.Empty
-  ), [m, R] = x(), s = Z(null), q = Z(null), H = Z(null), [J, oe] = x(!1), g = a(() => {
-    oe(!1), H.current = null;
-  }, []), Ee = a(
+  S(() => {
+    J(Q);
+  }, [Q]), S(() => {
+    ve(R);
+  }, [R]);
+  const [b, T] = I(
+    m.Empty
+  ), [c, B] = I(), s = Z(null), U = Z(null), q = Z(null), [K, oe] = I(!1), g = a(() => {
+    oe(!1), q.current = null;
+  }, []), we = a(
     (e) => {
       if (!o) {
-        if (J && H.current === e) {
+        if (K && q.current === e) {
           g();
           return;
         }
-        H.current = e, oe(!0);
+        q.current = e, oe(!0);
       }
     },
-    [g, o, J]
-  ), Te = {
-    selectedOption: S,
+    [g, o, K]
+  ), Ee = {
+    selectedOption: b,
     setSelectedOption: T,
-    dialogOpen: Q,
+    dialogOpen: Y,
     setDialogOpen: E,
-    popoverOpen: Y,
-    setPopoverOpen: j,
-    popoverPosition: ve,
+    popoverOpen: _,
+    setPopoverOpen: y,
+    popoverPosition: xe,
     setPopoverPosition: z
   };
-  b(() => {
-    o && (E(!1), j(!1), T(f.Empty), R(null), z(null), g());
+  S(() => {
+    o && (E(!1), y(!1), T(m.Empty), B(null), z(null), g());
   }, [
     g,
     o,
     E,
-    j,
+    y,
     z,
     T,
-    R
+    B
   ]);
-  const N = a(
+  const j = a(
     (e) => {
-      if (p !== "quickEdit" || !e)
+      if (f !== "quickEdit" || !e)
         return;
-      const t = ot(e);
-      if (!t.length)
+      const n = et(e);
+      if (!n.length)
         return;
       const r = new Set(
-        M.map((n) => n.name.toLowerCase())
+        H.map((t) => t.name.toLowerCase())
       );
-      _((n) => {
-        const l = new Set(
-          n.map((d) => d.name.toLowerCase())
-        ), u = /* @__PURE__ */ new Set(), h = [];
-        return t.forEach((d) => {
-          const I = d.toLowerCase();
-          !d || r.has(I) || l.has(I) || u.has(I) || (h.push({ name: d }), u.add(I));
-        }), h.length ? [...h, ...n] : n;
+      J((t) => {
+        const u = new Set(
+          t.map((C) => C.name.toLowerCase())
+        ), h = /* @__PURE__ */ new Set(), p = [];
+        return n.forEach((C) => {
+          const A = C.toLowerCase();
+          !C || r.has(A) || u.has(A) || h.has(A) || (p.push({ name: C }), h.add(A));
+        }), p.length ? [...p, ...t] : t;
       });
     },
-    [p, M]
+    [f, H]
   );
-  b(() => {
-    N(C);
-  }, [C, N]);
-  const K = a(
+  S(() => {
+    j(V);
+  }, [V, j]);
+  const X = a(
     (e) => {
       if (!o)
-        if (g(), T(e), e === f.Variable) {
+        if (g(), T(e), e === m.Variable) {
           if (s.current) {
-            const { state: t } = s.current, r = t.selection.main.from, n = s.current.coordsAtPos(r);
-            n && z({
-              x: n.left,
-              y: n.bottom
+            const { state: n } = s.current, r = n.selection.main.from, t = s.current.coordsAtPos(r);
+            t && z({
+              x: t.left,
+              y: t.bottom
             });
           }
-          j(!0);
+          y(!0);
         } else
           E(!0);
     },
@@ -234,10 +234,10 @@ const Ve = [], Ce = (C, p) => {
   ), P = a(
     (e) => {
       if (o || !s.current) return;
-      const { state: t, dispatch: r } = s.current, n = t.selection.main.from;
+      const { state: n, dispatch: r } = s.current, t = n.selection.main.from;
       r({
-        changes: { from: n, insert: e },
-        selection: { anchor: n + e.length }
+        changes: { from: t, insert: e },
+        selection: { anchor: t + e.length }
       });
     },
     [s, o]
@@ -245,10 +245,10 @@ const Ve = [], Ce = (C, p) => {
     (e) => {
       if (o || !s.current)
         return;
-      const { state: t, dispatch: r } = s.current, n = t.selection.main;
+      const { state: n, dispatch: r } = s.current, t = n.selection.main;
       r({
-        changes: { from: n.from, to: n.to, insert: e },
-        selection: { anchor: n.from + e.length }
+        changes: { from: t.from, to: t.to, insert: e },
+        selection: { anchor: t.from + e.length }
       });
     },
     [o]
@@ -262,180 +262,184 @@ const Ve = [], Ce = (C, p) => {
         v?.(e);
         return;
       }
-      const t = s.current, { state: r, dispatch: n } = t;
-      n({
+      const n = s.current, { state: r, dispatch: t } = n;
+      t({
         changes: { from: 0, to: r.doc.length, insert: e },
         selection: { anchor: e.length }
       });
     },
     [o, v]
-  ), le = a(() => {
-    if (o || !m || !s.current || m.from === -1)
+  ), F = a(() => {
+    if (o || !c || !s.current || c.from === -1)
       return;
-    const { from: e, to: t } = m, { dispatch: r } = s.current;
+    const { from: e, to: n } = c, { dispatch: r } = s.current;
     r({
-      changes: { from: e, to: t, insert: "" }
+      changes: { from: e, to: n, insert: "" }
     });
-  }, [m, s, o]), U = a(
-    (e, t, r = !1) => {
+  }, [c, s, o]), D = a(
+    (e, n, r = !1) => {
       if (o || !s.current)
         return;
-      const n = s.current, { state: l, dispatch: u } = n, h = t ?? l.selection.main, d = dt(e), I = r ? d.length : 2 + e.length;
-      u({
+      const t = s.current, { state: u, dispatch: h } = t, p = n ?? u.selection.main, C = ht(e), A = r ? C.length : 2 + e.length;
+      h({
         changes: {
-          from: h.from,
-          to: h.to,
-          insert: d
+          from: p.from,
+          to: p.to,
+          insert: C
         },
         selection: {
-          anchor: h.from + I
+          anchor: p.from + A
         }
-      }), n.focus();
+      }), t.focus();
     },
     [o]
-  ), ye = a(() => {
-    o || (g(), U(""));
-  }, [g, o, U]), Le = a(() => {
+  ), Te = a(() => {
+    o || (g(), D(""));
+  }, [g, o, D]), ke = a(() => {
     if (o || !s.current)
       return;
-    const e = s.current, { state: t, dispatch: r } = e, n = t.selection.main;
+    const e = s.current, { state: n, dispatch: r } = e, t = n.selection.main;
     r({
       changes: {
-        from: n.from,
-        to: n.to,
+        from: t.from,
+        to: t.to,
         insert: "======"
       },
       selection: {
-        anchor: n.from + 3
+        anchor: t.from + 3
       }
     }), e.focus();
-  }, [o]), Oe = a(() => {
+  }, [o]), Le = a(() => {
     if (o || !s.current)
       return;
-    const e = s.current, { state: t, dispatch: r } = e, n = t.selection.main;
+    const e = s.current, { state: n, dispatch: r } = e, t = n.selection.main;
     r({
       changes: {
-        from: n.from,
-        to: n.to,
+        from: t.from,
+        to: t.to,
         insert: "[]()"
       },
       selection: {
-        anchor: n.from + 1
+        anchor: t.from + 1
       }
     }), e.focus();
-  }, [o]), je = a(() => {
+  }, [o]), Oe = a(() => {
     if (o || !s.current)
       return;
-    const e = s.current, { state: t, dispatch: r } = e, n = t.selection.main;
+    const e = s.current, { state: n, dispatch: r } = e, t = n.selection.main;
     r({
       changes: {
-        from: n.from,
-        to: n.to,
+        from: t.from,
+        to: t.to,
         insert: "?[]"
       },
       selection: {
-        anchor: n.from + 2
+        anchor: t.from + 2
       }
     }), e.focus();
-  }, [o]), Ne = a(() => {
+  }, [o]), ye = a(() => {
     if (o || !s.current)
       return;
-    const e = s.current, { state: t, dispatch: r } = e, n = t.selection.main, l = V.singleChoiceOption1, u = V.singleChoiceOption2, h = `?[%{{}} ${l} | ${u}]`;
+    const e = s.current, { state: n, dispatch: r } = e, t = n.selection.main, u = d.singleChoiceOption1, h = d.singleChoiceOption2, p = `?[%{{}} ${u} | ${h}]`;
     r({
       changes: {
-        from: n.from,
-        to: n.to,
-        insert: h
+        from: t.from,
+        to: t.to,
+        insert: p
       },
       selection: {
-        anchor: n.from + 5
+        anchor: t.from + 5
       }
     }), e.focus();
   }, [
     o,
-    V.singleChoiceOption1,
-    V.singleChoiceOption2
-  ]), Pe = a(() => {
+    d.singleChoiceOption1,
+    d.singleChoiceOption2
+  ]), je = a(() => {
     if (o || !s.current)
       return;
-    const e = s.current, { state: t, dispatch: r } = e, n = t.selection.main, l = V.singleChoiceOption1, u = V.singleChoiceOption2, h = `?[%{{}} ${l} || ${u}]`;
+    const e = s.current, { state: n, dispatch: r } = e, t = n.selection.main, u = d.singleChoiceOption1, h = d.singleChoiceOption2, p = `?[%{{}} ${u} || ${h}]`;
     r({
       changes: {
-        from: n.from,
-        to: n.to,
-        insert: h
+        from: t.from,
+        to: t.to,
+        insert: p
       },
       selection: {
-        anchor: n.from + 5
+        anchor: t.from + 5
       }
     }), e.focus();
   }, [
     o,
-    V.singleChoiceOption1,
-    V.singleChoiceOption2
-  ]), $e = a(() => {
+    d.singleChoiceOption1,
+    d.singleChoiceOption2
+  ]), Pe = a(() => {
     if (o || !s.current)
       return;
-    const e = s.current, { state: t, dispatch: r } = e, n = t.selection.main, u = `?[%{{}}...${V.inputPlaceholder ?? "请输入"}]`;
+    const e = s.current, { state: n, dispatch: r } = e, t = n.selection.main, h = `?[%{{}}...${d.inputPlaceholder ?? "请输入"}]`;
     r({
       changes: {
-        from: n.from,
-        to: n.to,
-        insert: u
+        from: t.from,
+        to: t.to,
+        insert: h
       },
       selection: {
-        anchor: n.from + 5
+        anchor: t.from + 5
       }
     }), e.focus();
-  }, [o, V.inputPlaceholder]), Ae = a(
+  }, [o, d.inputPlaceholder]), Ne = a(
     ({
       resourceUrl: e,
-      resourceTitle: t,
+      resourceTitle: n,
       scalePercent: r
     }) => {
       if (!e || o) return;
-      const n = e.replace(/"/g, "&quot;"), l = typeof r == "number" ? Math.max(1, Math.min(1e3, Math.round(r))) : void 0, u = t?.replace(/"/g, "&quot;"), d = t ? ((X) => X.replace(/([\[\]\\])/g, "\\$1"))(t) : "", I = typeof l == "number" && l !== 100 ? ` width="${l}%"` : "", qe = u ? ` alt="${u}" title="${u}"` : "", de = !l || l === 100 ? `![${d}](${e})` : `<img src="${n}"${qe}${I} />`;
-      if (m?.type === f.Image) {
-        if (le(), !s.current) return;
-        const { dispatch: X } = s.current;
-        X({
-          changes: { from: m.from, insert: de }
+      const t = tt({
+        resourceUrl: e,
+        resourceTitle: n,
+        scalePercent: r
+      });
+      if (c?.type === m.Image) {
+        if (F(), !s.current) return;
+        const { dispatch: u } = s.current;
+        u({
+          changes: { from: c.from, insert: t }
         });
       } else
-        P(de);
+        P(t);
       E(!1);
     },
-    [P, S, o]
-  ), ze = a(
+    [F, o, P, c]
+  ), Ae = a(
     ({
       resourceUrl: e,
-      resourceTitle: t
+      resourceTitle: n
     }) => {
       if (o)
         return;
-      const r = rt(e, t);
-      if (m?.type === f.Video) {
-        if (le(), !s.current) return;
-        const { dispatch: n } = s.current;
-        n({
-          changes: { from: m.from, insert: r }
+      const r = nt(e, n);
+      if (c?.type === m.Video) {
+        if (F(), !s.current) return;
+        const { dispatch: t } = s.current;
+        t({
+          changes: { from: c.from, insert: r }
         });
       } else
         P(r);
       E(!1);
     },
-    [P, S, o]
-  ), ce = a(
+    [F, o, P, c]
+  ), le = a(
     (e) => {
       if (o)
         return;
-      const t = m?.type === f.Variable ? { from: m.from, to: m.to } : void 0;
-      U(e.name, t, !0), j(!1), g();
+      const n = c?.type === m.Variable ? { from: c.from, to: c.to } : void 0;
+      D(e.name, n, !0), y(!1), g();
     },
-    [o, U, m, g]
-  ), ue = a(() => Ue({
+    [o, D, c, g]
+  ), ce = a(() => He({
     override: [
-      st(K, {
+      ot(X, {
         // divider: currentStrings.slashDivider,
         // fixedText: currentStrings.slashFixedText,
         image: O.slashImage,
@@ -449,84 +453,84 @@ const Ve = [], Ce = (C, p) => {
     O.slashImage,
     O.slashVideo,
     O.slashVariable,
-    K
-  ]), me = a(
+    X
+  ]), ue = a(
     (e) => {
-      if (s.current = e.view, p === "quickEdit" && q.current && e.selectionSet) {
-        const t = e.state.selection.main.head, r = e.state.doc.toString();
-        Ce(
+      if (s.current = e.view, f === "quickEdit" && U.current && e.selectionSet) {
+        const n = e.state.selection.main.head, r = e.state.doc.toString();
+        de(
           r,
-          t
-        ) || (N(r), q.current = null);
+          n
+        ) || (j(r), U.current = null);
       }
     },
-    [N, p]
-  ), fe = a(
+    [j, f]
+  ), me = a(
     (e) => {
       if (e.stopPropagation(), o)
         return;
-      const { type: t, from: r, to: n, dataset: l, target: u } = e.detail, h = it(t, l);
-      if (R({
-        type: t,
-        value: h,
+      const { type: n, from: r, to: t, dataset: u, target: h } = e.detail, p = rt(n, u);
+      if (B({
+        type: n,
+        value: p,
         from: r,
-        to: n
-      }), T(t), t === f.Variable) {
-        if (u) {
-          const d = u.getBoundingClientRect();
+        to: t
+      }), T(n), n === m.Variable) {
+        if (h) {
+          const C = h.getBoundingClientRect();
           z({
-            x: d.left,
-            y: d.bottom
+            x: C.left,
+            y: C.bottom
           });
         }
-        j(!0);
+        y(!0);
       } else
         E(!0);
     },
     [o]
   );
-  b(() => {
-    Q || (T(f.Empty), R(null));
-  }, [Q]), b(() => {
-    !Y && S === f.Variable && (T(f.Empty), R(null));
-  }, [Y, S]), b(() => {
-    const e = (t) => {
-      t.detail.view === s.current && fe(t);
+  S(() => {
+    Y || (T(m.Empty), B(null));
+  }, [Y]), S(() => {
+    !_ && b === m.Variable && (T(m.Empty), B(null));
+  }, [_, b]), S(() => {
+    const e = (n) => {
+      n.detail.view === s.current && me(n);
     };
     return window.addEventListener("globalTagClick", e), () => {
       window.removeEventListener("globalTagClick", e);
     };
-  }, [fe]);
-  const Re = y(() => {
+  }, [me]);
+  const Re = k(() => {
     const e = [
-      ge.lineWrapping,
-      Fe(),
-      De(Ge),
-      mt
+      pe.lineWrapping,
+      Ue(),
+      qe(Fe),
+      ct
     ];
-    return o || e.push(ue()), p === "quickEdit" && e.push(
-      lt,
-      ct,
-      ut
+    return o || e.push(ce()), f === "quickEdit" && e.push(
+      it,
+      at,
+      lt
       // fixedTextPlaceholderExtension,
       // DividerPlaceholder,
     ), e.push(
-      ge.updateListener.of((t) => {
-        me(t);
+      pe.updateListener.of((n) => {
+        ue(n);
       })
     ), e;
-  }, [o, p, ue, me]), Be = a(
+  }, [o, f, ce, ue]), ze = a(
     (e) => {
       if (o)
         return;
-      const t = s.current?.state.selection.main.head ?? -1;
-      Ce(
+      const n = s.current?.state.selection.main.head ?? -1;
+      de(
         e,
-        t
-      ) ? q.current = e : (q.current = null, N(e)), v?.(e);
+        n
+      ) ? U.current = e : (U.current = null, j(e)), v?.(e);
     },
-    [N, v, o]
-  ), he = !o && J, $ = y(
+    [j, v, o]
+  ), fe = !o && K, N = k(
     () => ({
       insertTextAtCursor: P,
       replaceSelection: re,
@@ -535,92 +539,92 @@ const Ve = [], Ce = (C, p) => {
       setContent: ae
     }),
     [se, ie, P, re, ae]
-  ), pe = a(
+  ), he = a(
     (e) => {
-      o || "render" in e || e.onClick?.($);
+      o || "render" in e || e.onClick?.(N);
     },
-    [o, $]
-  ), Me = y(() => G?.length ? /* @__PURE__ */ c.jsx("div", { className: "markdown-flow-editor-toolbar-right", children: G.map((e) => {
+    [o, N]
+  ), Be = k(() => W?.length ? /* @__PURE__ */ l.jsx("div", { className: "markdown-flow-editor-toolbar-right", children: W.map((e) => {
     if ("render" in e)
-      return /* @__PURE__ */ c.jsx(
+      return /* @__PURE__ */ l.jsx(
         "div",
         {
           className: "markdown-flow-editor-toolbar-right-item",
-          children: e.render($)
+          children: e.render(N)
         },
         e.key
       );
-    const t = e.label || e.tooltip || void 0, r = /* @__PURE__ */ c.jsxs(
+    const n = e.label || e.tooltip || void 0, r = /* @__PURE__ */ l.jsxs(
       "button",
       {
         type: "button",
         disabled: o || e.disabled,
-        onClick: () => pe(e),
+        onClick: () => he(e),
         className: "markdown-flow-editor-toolbar-right-button",
-        "aria-label": t,
+        "aria-label": n,
         title: e.label || e.tooltip,
         children: [
-          e.icon ? /* @__PURE__ */ c.jsx("span", { className: "toolbar-right-icon", children: e.icon }) : null,
-          e.label ? /* @__PURE__ */ c.jsx("span", { className: "toolbar-right-label", children: e.label }) : null
+          e.icon ? /* @__PURE__ */ l.jsx("span", { className: "toolbar-right-icon", children: e.icon }) : null,
+          e.label ? /* @__PURE__ */ l.jsx("span", { className: "toolbar-right-label", children: e.label }) : null
         ]
       },
       e.key
-    ), n = e.tooltip ? /* @__PURE__ */ c.jsxs(We, { children: [
-      /* @__PURE__ */ c.jsx(Qe, { asChild: !0, children: r }),
-      /* @__PURE__ */ c.jsx(Ye, { side: "top", children: e.tooltip })
+    ), t = e.tooltip ? /* @__PURE__ */ l.jsxs(De, { children: [
+      /* @__PURE__ */ l.jsx(Ge, { asChild: !0, children: r }),
+      /* @__PURE__ */ l.jsx(Me, { side: "top", children: e.tooltip })
     ] }) : r;
-    return /* @__PURE__ */ c.jsx(
+    return /* @__PURE__ */ l.jsx(
       "div",
       {
         className: "markdown-flow-editor-toolbar-right-item",
-        children: n
+        children: t
       },
       e.key
     );
-  }) }) : null, [o, $, pe, G]);
-  return b(() => {
-    be?.($);
-  }, [$]), /* @__PURE__ */ c.jsxs(
+  }) }) : null, [o, N, he, W]);
+  return S(() => {
+    Ve?.(N);
+  }, [N]), /* @__PURE__ */ l.jsxs(
     "div",
     {
       className: "markdown-flow-editor",
       "data-disabled": o ? "true" : void 0,
       "aria-disabled": o,
       children: [
-        /* @__PURE__ */ c.jsx(
-          Ke,
+        /* @__PURE__ */ l.jsx(
+          Ye,
           {
             disabled: o,
-            labels: V,
-            onSelect: K,
-            onInsertVariablePlaceholder: ye,
-            onVariableSearchToggle: Ee,
+            labels: d,
+            onSelect: X,
+            onInsertVariablePlaceholder: Te,
+            onVariableSearchToggle: we,
             onVariableSearchClose: g,
-            onInsertConfirmOutput: Le,
-            onInsertLink: Oe,
-            onInsertButton: je,
-            onInsertSingleChoice: Ne,
-            onInsertMultiChoice: Pe,
-            onInsertInputField: $e,
-            variableSearchActive: he,
-            rightSlot: Me
+            onInsertConfirmOutput: ke,
+            onInsertLink: Le,
+            onInsertButton: Oe,
+            onInsertSingleChoice: ye,
+            onInsertMultiChoice: je,
+            onInsertInputField: Pe,
+            variableSearchActive: fe,
+            rightSlot: Be
           }
         ),
-        /* @__PURE__ */ c.jsx(
-          Xe,
+        /* @__PURE__ */ l.jsx(
+          _e,
           {
-            open: he,
-            anchorElement: H.current,
+            open: fe,
+            anchorElement: q.current,
             onClose: g,
-            onSelect: ce,
+            onSelect: le,
             variables: ne,
-            systemVariables: M,
-            labels: xe
+            systemVariables: H,
+            labels: be
           }
         ),
-        /* @__PURE__ */ c.jsx("div", { className: "markdown-flow-editor-body relative overflow-auto", children: /* @__PURE__ */ c.jsxs(Ze.Provider, { value: Te, children: [
-          /* @__PURE__ */ c.jsx(
-            He,
+        /* @__PURE__ */ l.jsx("div", { className: "markdown-flow-editor-body relative overflow-auto", children: /* @__PURE__ */ l.jsxs(Je.Provider, { value: Ee, children: [
+          /* @__PURE__ */ l.jsx(
+            $e,
             {
               extensions: Re,
               basicSetup: {
@@ -631,53 +635,53 @@ const Ve = [], Ce = (C, p) => {
                 foldGutter: !1
               },
               className: "rounded-md",
-              placeholder: we,
-              value: C,
+              placeholder: Ie,
+              value: V,
               theme: "light",
               minHeight: "2rem",
               editable: !o,
-              onChange: Be,
-              onBlur: F
+              onChange: ze,
+              onBlur: G
             }
           ),
-          !o && /* @__PURE__ */ c.jsxs(
-            _e,
+          !o && /* @__PURE__ */ l.jsxs(
+            We,
             {
               labels: {
-                title: S === f.Image ? i("dialogTitleImage") : S === f.Video ? i("dialogTitleVideo") : S === f.Variable ? i("dialogTitleVariable") : i("dialogTitle")
+                title: b === m.Image ? i("dialogTitleImage") : b === m.Video ? i("dialogTitleVideo") : b === m.Variable ? i("dialogTitleVariable") : i("dialogTitle")
               },
               children: [
-                S === f.Image && /* @__PURE__ */ c.jsx(
-                  et,
+                b === m.Image && /* @__PURE__ */ l.jsx(
+                  Ke,
                   {
-                    value: m?.value,
-                    onSelect: Ae,
-                    uploadProps: D
+                    value: c?.value,
+                    onSelect: Ne,
+                    uploadProps: M
                   }
                 ),
-                S === f.Video && /* @__PURE__ */ c.jsx(
-                  tt,
+                b === m.Video && /* @__PURE__ */ l.jsx(
+                  Xe,
                   {
-                    value: m?.value,
-                    onSelect: ze
+                    value: c?.value,
+                    onSelect: Ae
                   }
                 )
               ]
             }
           ),
-          !o && /* @__PURE__ */ c.jsx(Je, { children: /* @__PURE__ */ c.jsx(
-            nt,
+          !o && /* @__PURE__ */ l.jsx(Qe, { children: /* @__PURE__ */ l.jsx(
+            Ze,
             {
               variables: ne,
-              systemVariables: M,
-              selectedName: m?.value?.variableName,
-              onSelect: ce,
+              systemVariables: H,
+              selectedName: c?.value?.variableName,
+              onSelect: le,
               onAddVariable: (e) => {
-                _((t) => {
+                J((n) => {
                   const r = e.name.toLowerCase();
-                  return t.some(
-                    (l) => l.name.toLowerCase() === r
-                  ) ? t : [e, ...t];
+                  return n.some(
+                    (u) => u.name.toLowerCase() === r
+                  ) ? n : [e, ...n];
                 });
               }
             }
@@ -688,6 +692,6 @@ const Ve = [], Ce = (C, p) => {
   );
 };
 export {
-  Dt as default
+  Ft as default
 };
 //# sourceMappingURL=MarkdownFlowEditor.es.js.map