quoin-editor 2.0.4 → 2.1.0

package/dist/{chunk-KHRVCTQQ.cjs → chunk-FUT7XLMP.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkJZF6UQH5_cjs = require('./chunk-JZF6UQH5.cjs');
-var chunkYEDPBYO5_cjs = require('./chunk-YEDPBYO5.cjs');
-var chunkEBSDPHPS_cjs = require('./chunk-EBSDPHPS.cjs');
-var chunk2QKFRKOP_cjs = require('./chunk-2QKFRKOP.cjs');
+var chunkWMKA37NJ_cjs = require('./chunk-WMKA37NJ.cjs');
+var chunkUDQ52EEC_cjs = require('./chunk-UDQ52EEC.cjs');
+var chunk4UFWFV43_cjs = require('./chunk-4UFWFV43.cjs');
+var chunkN25EH2GZ_cjs = require('./chunk-N25EH2GZ.cjs');
 var chunkZWTIRGY5_cjs = require('./chunk-ZWTIRGY5.cjs');
 var chunkA6PGQVTR_cjs = require('./chunk-A6PGQVTR.cjs');
-var chunkFK7EBZPX_cjs = require('./chunk-FK7EBZPX.cjs');
-var chunkI7X7B3WD_cjs = require('./chunk-I7X7B3WD.cjs');
+var chunkZ5EEDCRI_cjs = require('./chunk-Z5EEDCRI.cjs');
+var chunk4JDRDPLC_cjs = require('./chunk-4JDRDPLC.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -88,17 +88,17 @@ function MathOutput({ feature, latex, displayMode }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "quoin-math-rendered", dangerouslySetInnerHTML: { __html: html } });
 }
 function MathBlock({ block, controller, feature }) {
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const root = react.useRef(null);
   const blockId = block.id;
-  const latex = chunkI7X7B3WD_cjs.str(block.attrs.latex);
+  const latex = chunk4JDRDPLC_cjs.str(block.attrs.latex);
   const keys = react.useMemo(
     () => ({ enter: () => openMath(controller, { kind: "block", block: blockId, latex }) }),
     [controller, blockId, latex]
   );
-  chunkEBSDPHPS_cjs.useNodeKeys(controller, blockId, !readOnly, true, root, keys);
+  chunk4UFWFV43_cjs.useNodeKeys(controller, blockId, !readOnly, true, root, keys);
   const open = () => {
-    chunkEBSDPHPS_cjs.selectNode(controller, blockId);
+    chunk4UFWFV43_cjs.selectNode(controller, blockId);
     keys.enter();
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -124,36 +124,22 @@ function MathEditorPopover(props) {
   const { labels } = feature;
   const [draft, setDraft] = react.useState(latex);
   const fieldId = react.useId();
-  const closed = react.useRef(false);
   const field = react.useRef(null);
   const saveButton = react.useRef(null);
-  const finish = (store, refocus = false) => {
-    if (closed.current) return false;
-    closed.current = true;
-    if (store && draft !== latex) onStore(draft, refocus);
-    return true;
-  };
-  const latestFinish = react.useRef(finish);
-  latestFinish.current = finish;
-  react.useEffect(() => {
-    closed.current = false;
-    return () => void latestFinish.current(true);
-  }, []);
-  const close = (store, refocus = true) => {
-    if (!refocus) controller.readSelectionFromDom();
-    if (!finish(store, refocus)) return;
-    onClose();
-    if (refocus) onReturn();
-  };
+  const { close } = chunk4UFWFV43_cjs.useClosing(controller, {
+    store: (refocus) => draft !== latex && onStore(draft, refocus),
+    onClose,
+    onReturn
+  });
   const content = react.useRef(null);
   const ownerDocument = react.useCallback(() => controller.root?.ownerDocument ?? document, [controller]);
-  chunkEBSDPHPS_cjs.useOutsidePress(content, ownerDocument, () => close(true, false));
+  chunk4UFWFV43_cjs.useOutsidePress(content, ownerDocument, () => close(true, false));
   const save = (event) => {
     event.preventDefault();
     close(true);
   };
   const onKeyDown = (event) => {
-    if (chunk2QKFRKOP_cjs.isComposingKey(controller, event.nativeEvent) || event.altKey) return;
+    if (chunkN25EH2GZ_cjs.isComposingKey(controller, event.nativeEvent) || event.altKey) return;
     const fromField = event.target === field.current;
     if (event.key === "Enter" && fromField && !event.shiftKey) {
       const mod = withMod(event, controller.isMac);
@@ -168,7 +154,7 @@ function MathEditorPopover(props) {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkEBSDPHPS_cjs.Popover,
+    chunk4UFWFV43_cjs.Popover,
     {
       open: true,
       modal: false,
@@ -176,9 +162,9 @@ function MathEditorPopover(props) {
         if (!open) close(true, false);
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.PopoverAnchor, { virtualRef: anchor }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.PopoverAnchor, { virtualRef: anchor }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEBSDPHPS_cjs.PopoverContent,
+          chunk4UFWFV43_cjs.PopoverContent,
           {
             ref: content,
             "aria-label": labels.editEquation,
@@ -191,12 +177,12 @@ function MathEditorPopover(props) {
               field.current?.focus();
               field.current?.setSelectionRange(end, end);
             },
-            onCloseAutoFocus: chunkEBSDPHPS_cjs.preventDefault,
+            onCloseAutoFocus: chunk4UFWFV43_cjs.preventDefault,
             onEscapeKeyDown: (event) => {
               event.preventDefault();
-              if (!chunk2QKFRKOP_cjs.isComposingKey(controller, event)) close(false);
+              if (!chunkN25EH2GZ_cjs.isComposingKey(controller, event)) close(false);
             },
-            ...chunkEBSDPHPS_cjs.bubblePart(controller),
+            ...chunk4UFWFV43_cjs.bubblePart(controller),
             children: /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, className: "quoin-math-editor", onSubmit: save, onKeyDown, children: [
               /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: fieldId, className: "text-sm font-medium", children: labels.latex }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -216,7 +202,7 @@ function MathEditorPopover(props) {
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", "aria-label": labels.preview, className: "quoin-math-preview", children: /* @__PURE__ */ jsxRuntime.jsx(MathOutput, { feature, latex: draft, displayMode }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkEBSDPHPS_cjs.Button, { ref: saveButton, type: "submit", size: "sm", children: labels.save })
+              /* @__PURE__ */ jsxRuntime.jsx(chunk4UFWFV43_cjs.Button, { ref: saveButton, type: "submit", size: "sm", children: labels.save })
             ] })
           }
         )
@@ -232,52 +218,53 @@ function write(controller, tr, refocus) {
   else controller.editor.dispatch(tr);
 }
 function targetAtom(state, target) {
-  const node = chunkJZF6UQH5_cjs.atomAt(state, target, MATH_ATOMS);
+  const node = chunkWMKA37NJ_cjs.atomAt(state, target, MATH_ATOMS);
   return node !== null && (node.attrs.latex ?? "") === target.latex ? node : null;
 }
 function targetBlockThere(state, target) {
-  const block = chunkI7X7B3WD_cjs.blockById(state.doc, target.block);
-  return block?.type === "MATH" && chunkI7X7B3WD_cjs.str(block.attrs.latex) === target.latex;
+  const block = chunk4JDRDPLC_cjs.blockById(state.doc, target.block);
+  return block?.type === "MATH" && chunk4JDRDPLC_cjs.str(block.attrs.latex) === target.latex;
 }
 function targetLineThere(state, target) {
-  const inline = chunkI7X7B3WD_cjs.blockById(state.doc, target.block)?.regions[target.region];
-  return inline !== void 0 && chunkI7X7B3WD_cjs.inlineText(inline) === target.text;
+  const inline = chunk4JDRDPLC_cjs.blockById(state.doc, target.block)?.regions[target.region];
+  return inline !== void 0 && chunk4JDRDPLC_cjs.inlineText(inline) === target.text;
 }
 function storeBlockLatex(controller, target, latex, refocus) {
   const { state } = controller.editor;
   if (!targetBlockThere(state, target)) return;
-  write(controller, new chunkFK7EBZPX_cjs.Transaction(state).step(chunkFK7EBZPX_cjs.setAttrsStep(target.block, { latex })), refocus);
+  write(controller, new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.setAttrsStep(target.block, { latex })), refocus);
 }
 function storeAtomLatex(controller, target, latex, refocus) {
   const { state } = controller.editor;
   const node = targetAtom(state, target);
   if (node === null) return;
   const { block, region, offset } = target;
-  const formula = latex === "" ? [] : [chunkI7X7B3WD_cjs.atom("math", { ...node.attrs, latex }, node.marks)];
-  const tr = new chunkFK7EBZPX_cjs.Transaction(state).step(chunkFK7EBZPX_cjs.replaceInlineStep(block, region, offset, offset + 1, formula));
+  const formula = latex === "" ? [] : [chunk4JDRDPLC_cjs.atom("math", { ...node.attrs, latex }, node.marks)];
+  const tr = new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.replaceInlineStep(block, region, offset, offset + 1, formula));
   write(controller, tr, refocus);
 }
 function insertFormula(controller, target, latex, refocus) {
   const { state } = controller.editor;
   if (latex === "" || !targetLineThere(state, target)) return;
   const { block, region, offset } = target;
-  const formula = chunkI7X7B3WD_cjs.atom("math", { latex }, chunkFK7EBZPX_cjs.caretMarks(state.doc, state.schema, state.storedMarks, target));
-  write(controller, new chunkFK7EBZPX_cjs.Transaction(state).step(chunkFK7EBZPX_cjs.replaceInlineStep(block, region, offset, offset, [formula])), refocus);
+  const formula = chunk4JDRDPLC_cjs.atom("math", { latex }, chunkZ5EEDCRI_cjs.caretMarks(state.doc, state.schema, state.storedMarks, target));
+  write(controller, new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.replaceInlineStep(block, region, offset, offset, [formula])), refocus);
 }
 function useMathAtomOpening(controller, editable) {
   react.useEffect(() => {
     const root = controller.root;
     if (!editable || root === null) return;
     const intercept = (event) => {
-      if (!chunkJZF6UQH5_cjs.plainEnter(event) || chunk2QKFRKOP_cjs.isComposingKey(controller, event)) return false;
-      const place = chunkJZF6UQH5_cjs.selectedAtom(controller.editor.state, MATH_ATOMS);
+      if (!chunkWMKA37NJ_cjs.plainEnter(event) || chunkN25EH2GZ_cjs.isComposingKey(controller, event)) return false;
+      const place = chunkWMKA37NJ_cjs.selectedAtom(controller.editor.state, MATH_ATOMS);
       if (place === null) return false;
       event.preventDefault();
       openMath(controller, atomTarget(place));
       return true;
     };
     const onClick = (event) => {
-      const place = event.shiftKey ? null : chunkJZF6UQH5_cjs.atomAtTarget(controller, event.target, MATH_ATOMS);
+      const once = !event.shiftKey && event.detail <= 1;
+      const place = once ? chunkWMKA37NJ_cjs.atomAtTarget(controller, event.target, MATH_ATOMS) : null;
       if (place !== null) openMath(controller, atomTarget(place));
     };
     controller.keyInterceptors.add(intercept);
@@ -293,14 +280,14 @@ function isThere(state, target) {
   return target.kind === "atom" ? targetAtom(state, target) !== null : targetLineThere(state, target);
 }
 function MathEditorOverlay({ controller, feature }) {
-  const readOnly = chunk2QKFRKOP_cjs.useReadOnly(controller);
+  const readOnly = chunkN25EH2GZ_cjs.useReadOnly(controller);
   const target = useMathTarget(controller);
-  const there = chunk2QKFRKOP_cjs.useEditorState(
+  const there = chunkN25EH2GZ_cjs.useEditorState(
     controller,
     react.useCallback((state) => target !== null && isThere(state, target), [target])
   );
   useMathAtomOpening(controller, !readOnly);
-  chunkJZF6UQH5_cjs.useSelectionOutOfAtoms(controller, MATH_ATOMS, !readOnly);
+  chunkWMKA37NJ_cjs.useSelectionOutOfAtoms(controller, MATH_ATOMS, !readOnly);
   const shown = target !== null && there && !readOnly;
   react.useEffect(() => {
     if (target !== null && !shown) openMath(controller, null);
@@ -309,7 +296,7 @@ function MathEditorOverlay({ controller, feature }) {
   return target.kind === "block" ? /* @__PURE__ */ jsxRuntime.jsx(BlockMathEditor, { controller, feature, target }, JSON.stringify(target)) : /* @__PURE__ */ jsxRuntime.jsx(InlineMathEditor, { controller, feature, target }, JSON.stringify(target));
 }
 function BlockMathEditor({ controller, feature, target }) {
-  const anchor = chunkEBSDPHPS_cjs.usePartAnchor(controller, target.block, ".quoin-math");
+  const anchor = chunk4UFWFV43_cjs.usePartAnchor(controller, target.block, ".quoin-math");
   return /* @__PURE__ */ jsxRuntime.jsx(
     MathEditorPopover,
     {
@@ -321,7 +308,7 @@ function BlockMathEditor({ controller, feature, target }) {
       displayMode: true,
       onStore: (next, refocus) => storeBlockLatex(controller, target, next, refocus),
       onClose: () => openMath(controller, null),
-      onReturn: () => chunkEBSDPHPS_cjs.focusNode(controller, target.block)
+      onReturn: () => chunk4UFWFV43_cjs.focusNode(controller, target.block)
     }
   );
 }
@@ -332,7 +319,7 @@ function InlineMathEditor({ controller, feature, target }) {
     () => ({ block, region, from: offset, to: editing ? offset + 1 : offset }),
     [block, region, offset, editing]
   );
-  const { anchor, side } = chunkEBSDPHPS_cjs.useRangeAnchor(controller, range);
+  const { anchor, side } = chunk4UFWFV43_cjs.useRangeAnchor(controller, range);
   const kept = react.useRef(editing);
   const onStore = (latex, refocus) => {
     kept.current = latex !== "";
@@ -382,10 +369,10 @@ function scannedLine(inline) {
   let marks = [];
   let start = 0;
   for (const node of inline) {
-    if (!chunkI7X7B3WD_cjs.sameMarkSet(marks, node.marks)) push(OPAQUE, null);
+    if (!chunk4JDRDPLC_cjs.sameMarkSet(marks, node.marks)) push(OPAQUE, null);
     marks = node.marks;
     if (node.kind === "atom") push(OPAQUE, null);
-    else for (let i = 0; i < node.text.length; i++) push(chunkI7X7B3WD_cjs.hasMark(marks, "code") ? OPAQUE : node.text[i], start + i);
+    else for (let i = 0; i < node.text.length; i++) push(chunk4JDRDPLC_cjs.hasMark(marks, "code") ? OPAQUE : node.text[i], start + i);
     start += node.kind === "atom" ? 1 : node.text.length;
   }
   if (marks.length > 0) push(OPAQUE, null);
@@ -397,10 +384,10 @@ function mathOpening(src, close) {
     const at = src.indexOf("$", pos);
     if (at < 0 || at >= close) return -1;
     if (src[at + 1] === "$") {
-      pos = chunkI7X7B3WD_cjs.dollarRunEnd(src, at);
+      pos = chunk4JDRDPLC_cjs.dollarRunEnd(src, at);
       continue;
     }
-    const end = chunkYEDPBYO5_cjs.escaped(src, at) || !chunkI7X7B3WD_cjs.opensMath(src, at) ? -1 : chunkI7X7B3WD_cjs.findMathClose(src, at + 2);
+    const end = chunkUDQ52EEC_cjs.escaped(src, at) || !chunk4JDRDPLC_cjs.opensMath(src, at) ? -1 : chunk4JDRDPLC_cjs.findMathClose(src, at + 2);
     if (end === close) return at;
     pos = end < 0 ? at + 1 : end + 1;
   }
@@ -410,14 +397,14 @@ var inlineMathRule = {
   match: /\$$/,
   handler(state, _match, range) {
     const { block, region, to } = range;
-    const inline = chunkFK7EBZPX_cjs.regionInline(state, range);
+    const inline = chunkZ5EEDCRI_cjs.regionInline(state, range);
     const { src, offsets } = scannedLine(inline);
     const close = offsets.indexOf(to - 1);
     const open = close < 0 ? -1 : mathOpening(src, close);
     if (open < 0 || offsets.slice(open, close + 1).includes(null)) return null;
     const from = offsets[open];
-    const formula = chunkI7X7B3WD_cjs.atom("math", { latex: chunkI7X7B3WD_cjs.mathLatex(src, open, close) }, chunkI7X7B3WD_cjs.sliceInline(inline, from, from + 1)[0].marks);
-    return new chunkFK7EBZPX_cjs.Transaction(state).step(chunkFK7EBZPX_cjs.replaceInlineStep(block, region, from, to, [formula])).setSelection(chunkFK7EBZPX_cjs.textSelection({ block, region, offset: from + 1 }));
+    const formula = chunk4JDRDPLC_cjs.atom("math", { latex: chunk4JDRDPLC_cjs.mathLatex(src, open, close) }, chunk4JDRDPLC_cjs.sliceInline(inline, from, from + 1)[0].marks);
+    return new chunkZ5EEDCRI_cjs.Transaction(state).step(chunkZ5EEDCRI_cjs.replaceInlineStep(block, region, from, to, [formula])).setSelection(chunkZ5EEDCRI_cjs.textSelection({ block, region, offset: from + 1 }));
   }
 };
 
@@ -426,8 +413,8 @@ var KEYWORDS = ["math", "latex", "formula", "katex"];
 function caretInCode({ doc, selection }) {
   if (selection?.kind !== "text") return false;
   const { block, region, offset } = selection.head;
-  const inline = chunkI7X7B3WD_cjs.blockById(doc, block)?.regions[region] ?? [];
-  return chunkI7X7B3WD_cjs.hasMark(chunkI7X7B3WD_cjs.marksAt(inline, offset, () => true), "code");
+  const inline = chunk4JDRDPLC_cjs.blockById(doc, block)?.regions[region] ?? [];
+  return chunk4JDRDPLC_cjs.hasMark(chunk4JDRDPLC_cjs.marksAt(inline, offset, () => true), "code");
 }
 var mathSlashItems = (labels) => [
   {
@@ -435,22 +422,22 @@ var mathSlashItems = (labels) => [
     title: labels.blockEquation,
     description: labels.blockEquationDescription,
     group: "advanced",
-    icon: chunkEBSDPHPS_cjs.Sigma,
+    icon: chunk4UFWFV43_cjs.Sigma,
     keywords: [...KEYWORDS, "$$"],
-    command: () => chunkEBSDPHPS_cjs.insertBlockToWrite({ type: "MATH", attrs: { latex: "" } }, true)
+    command: () => chunk4UFWFV43_cjs.insertBlockToWrite({ type: "MATH", attrs: { latex: "" } }, true)
   },
   {
     id: "inline-equation",
     title: labels.inlineEquation,
     description: labels.inlineEquationDescription,
     group: "advanced",
-    icon: chunkEBSDPHPS_cjs.Radical,
+    icon: chunk4UFWFV43_cjs.Radical,
     keywords: [...KEYWORDS, "$"],
     available: (state) => !caretInCode(state),
     run({ controller, range }) {
-      const inline = chunkI7X7B3WD_cjs.blockById(controller.editor.state.doc, range.block)?.regions[range.region] ?? [];
+      const inline = chunk4JDRDPLC_cjs.blockById(controller.editor.state.doc, range.block)?.regions[range.region] ?? [];
       const { block, region, from } = range;
-      openMath(controller, { kind: "insert", block, region, offset: from, text: chunkI7X7B3WD_cjs.inlineText(inline) });
+      openMath(controller, { kind: "insert", block, region, offset: from, text: chunk4JDRDPLC_cjs.inlineText(inline) });
     }
   }
 ];
@@ -466,12 +453,12 @@ function mathExtension(options = {}) {
     render: { atoms: { math: inlineMathRenderer(feature) } },
     overlays: [EditorOverlay]
   };
-  return chunkFK7EBZPX_cjs.defineExtension({
+  return chunkZ5EEDCRI_cjs.defineExtension({
     name: "math",
     priority: ABOVE_CORE_KEYS,
     inputRules: [inlineMathRule],
-    keymap: chunkJZF6UQH5_cjs.atomKeymap(MATH_ATOMS),
-    decorations: chunkJZF6UQH5_cjs.selectedAtomDecorations(MATH_ATOMS),
+    keymap: chunkWMKA37NJ_cjs.atomKeymap(MATH_ATOMS),
+    decorations: chunkWMKA37NJ_cjs.selectedAtomDecorations(MATH_ATOMS),
     ui
   });
 }