@doenet/doenetml 0.7.20-dev.313 → 0.7.20-dev.314

package/{doenetml-aB7JbNZg.js → doenetml-CVtfzUck.js}

@@ -26039,7 +26039,7 @@ async function cidFromArrayBuffer(data) {
       await crypto.subtle.digest("SHA-256", new Uint8Array());
       digest = (data2) => crypto.subtle.digest("SHA-256", data2);
     } catch (e2) {
-      const sha256 = (await import("./sha256-C0vj3HDn-kwD8I0Br.js").then((n2) => n2.s)).default;
+      const sha256 = (await import("./sha256-C0vj3HDn-CwyO0a3t.js").then((n2) => n2.s)).default;
       digest = (data2) => sha256(data2, {
         asBytes: true
       });
@@ -41845,7 +41845,7 @@ function DocViewer({
     for (const rendererClassName of coreInfo.current.rendererTypesInDocument) {
       rendererClassNames.push(rendererClassName);
       rendererLoaders.push(
-        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-BV1tncNY.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-SxtkTQZL.js").then((n2) => n2.m), "./renderers/_error.tsx": () => import("./_error-DTeGsUd9.js"), "./renderers/alert.tsx": () => import("./alert-D2P5HLfk.js"), "./renderers/angle.tsx": () => import("./angle-YOvmhW4W.js"), "./renderers/answer.tsx": () => import("./answer-Bi_gynn7.js"), "./renderers/asList.tsx": () => import("./asList-DFNSJm92.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-B02M6UZq.js"), "./renderers/boolean.tsx": () => import("./boolean-CXwIn6q8.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-CA2jF9XQ.js"), "./renderers/br.tsx": () => import("./br-DK6fKex_.js"), "./renderers/button.tsx": () => import("./button-B190tSzd.js"), "./renderers/c.tsx": () => import("./c-D86q_5kG.js"), "./renderers/cell.tsx": () => import("./cell-B9rbrekZ.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-C91qJgfW.js"), "./renderers/circle.tsx": () => import("./circle-BlxgakVF.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-CPO6OFVc.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-DGXSlmAF.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-CsJFmQ8Z.js"), "./renderers/containerInline.tsx": () => import("./containerInline-BaU3vl-K.js"), "./renderers/curve.tsx": () => import("./curve-DyiaqEHt.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-trFCDnIC.js"), "./renderers/em.tsx": () => import("./em-CrprMPIW.js"), "./renderers/embed.tsx": () => import("./embed-DMAbXCVx.js"), "./renderers/feedback.tsx": () => import("./feedback-ikfYsf51.js"), "./renderers/figure.tsx": () => import("./figure-Bsi8oG85.js"), "./renderers/footnote.tsx": () => import("./footnote-DB5VIQtW.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-BlYcirDm.js"), "./renderers/graph.tsx": () => import("./graph-CzIHr24I.js"), "./renderers/hint.tsx": () => import("./hint-49RJ4fJX.js"), "./renderers/hr.tsx": () => import("./hr-Dm7qj5dF.js"), "./renderers/image.tsx": () => import("./image-C6I50qsx.js"), "./renderers/label.tsx": () => import("./label-BJWGc5uw.js"), "./renderers/legend.tsx": () => import("./legend-BXoIRWPD.js"), "./renderers/line.tsx": () => import("./line-Cg4ShxTz.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-hNwK2hsc.js"), "./renderers/list.tsx": () => import("./list-CQTXv4FP.js"), "./renderers/lq.tsx": () => import("./lq-BatnPWGT.js"), "./renderers/lsq.tsx": () => import("./lsq-B9ordhmD.js"), "./renderers/math.tsx": () => import("./math-B5hpOW9-.js"), "./renderers/mathInput.tsx": () => import("./mathInput-Aj9BWdJk.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-B29WjEkr.js"), "./renderers/mdash.tsx": () => import("./mdash-3qcZ92p7.js"), "./renderers/nbsp.tsx": () => import("./nbsp-BAoRPv2r.js"), "./renderers/ndash.tsx": () => import("./ndash-Dw-USMRq.js"), "./renderers/number.tsx": () => import("./number-BM2f5HSD.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-DzTPPpQi.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-BeTursfi.js"), "./renderers/p.tsx": () => import("./p-BW8xHyx2.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-OETLghCG.js"), "./renderers/pegboard.tsx": () => import("./pegboard-B1GM0ABK.js"), "./renderers/point.tsx": () => import("./point-CPttFfZz.js"), "./renderers/polygon.tsx": () => import("./polygon-V1vpI61u.js"), "./renderers/polyline.tsx": () => import("./polyline-DVCO1i5w.js"), "./renderers/pre.tsx": () => import("./pre-3uAzzLKW.js"), "./renderers/prefigure.tsx": () => import("./prefigure-D03S9bOi.js"), "./renderers/pretzel.tsx": () => import("./pretzel-Bq-VxedX.js"), "./renderers/q.tsx": () => import("./q-BLQ1W1_T.js"), "./renderers/ray.tsx": () => import("./ray-BkDCQnP3.js"), "./renderers/ref.tsx": () => import("./ref-TZAHMM8s.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-DQ5BnwzU.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-CiotMNXF.js"), "./renderers/row.tsx": () => import("./row-CwSzBQDR.js"), "./renderers/rq.tsx": () => import("./rq-BGCb_4TP.js"), "./renderers/rsq.tsx": () => import("./rsq-BKan60lP.js"), "./renderers/section.tsx": () => import("./section-DoIdLwXY.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-Ceiw05Ta.js"), "./renderers/slider.tsx": () => import("./slider-DZl588DU.js"), "./renderers/solution.tsx": () => import("./solution-Cust6iDD.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-Bvk3Ranp.js"), "./renderers/sq.tsx": () => import("./sq-BfIVoseF.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-CVmF_q1p.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-DDPla-1v.js"), "./renderers/table.tsx": () => import("./table-CQLwh6QP.js"), "./renderers/tabular.tsx": () => import("./tabular-DsN43g34.js"), "./renderers/tag.tsx": () => import("./tag-Cdb96Wzz.js"), "./renderers/text.tsx": () => import("./text-DNvU-2P_.js"), "./renderers/textInput.tsx": () => import("./textInput-uQdxxKXT.js"), "./renderers/vector.tsx": () => import("./vector-D5la2Csg.js"), "./renderers/video.tsx": () => import("./video-wzYkKkvI.js") }), `./renderers/${rendererClassName}.tsx`, 3)
+        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-DQeTtfXQ.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-DXTUSosW.js").then((n2) => n2.m), "./renderers/_error.tsx": () => import("./_error-BRhFHbK8.js"), "./renderers/alert.tsx": () => import("./alert-Cz6izeq3.js"), "./renderers/angle.tsx": () => import("./angle-D_iekSNn.js"), "./renderers/answer.tsx": () => import("./answer-1f2NkfC0.js"), "./renderers/asList.tsx": () => import("./asList-D4hiNpz-.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-x1--I760.js"), "./renderers/boolean.tsx": () => import("./boolean-BYGrs76j.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-DYE1w3LD.js"), "./renderers/br.tsx": () => import("./br-BzkMqYuD.js"), "./renderers/button.tsx": () => import("./button-CRqE1tsC.js"), "./renderers/c.tsx": () => import("./c-BHOryYDz.js"), "./renderers/cell.tsx": () => import("./cell-C03X9gmD.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-BFXDUvNz.js"), "./renderers/circle.tsx": () => import("./circle-CoIOk1wQ.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-BFJojr_D.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-C_WxAh0Y.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-Q1XvK22P.js"), "./renderers/containerInline.tsx": () => import("./containerInline-DGIGDg83.js"), "./renderers/curve.tsx": () => import("./curve-DcKNQ4Kz.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-Dbe1pFFH.js"), "./renderers/em.tsx": () => import("./em-DKjg8lu6.js"), "./renderers/embed.tsx": () => import("./embed-xTwIo3rl.js"), "./renderers/feedback.tsx": () => import("./feedback-DxgOg5wz.js"), "./renderers/figure.tsx": () => import("./figure-FtqA6IS4.js"), "./renderers/footnote.tsx": () => import("./footnote-D-wv680X.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-C-0_Lh92.js"), "./renderers/graph.tsx": () => import("./graph-DI6rClAs.js"), "./renderers/hint.tsx": () => import("./hint-D--xKdKK.js"), "./renderers/hr.tsx": () => import("./hr-BOLAFmYk.js"), "./renderers/image.tsx": () => import("./image-BqEpw5il.js"), "./renderers/label.tsx": () => import("./label-BVH6ieXC.js"), "./renderers/legend.tsx": () => import("./legend-nJHE8oqg.js"), "./renderers/line.tsx": () => import("./line-BZJDGv87.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-CSrBTpnV.js"), "./renderers/list.tsx": () => import("./list-D65_oYuY.js"), "./renderers/lq.tsx": () => import("./lq-CBqNNz3G.js"), "./renderers/lsq.tsx": () => import("./lsq-K3XjaXqe.js"), "./renderers/math.tsx": () => import("./math-BGK8VrLz.js"), "./renderers/mathInput.tsx": () => import("./mathInput-Do6kAhnM.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-Dk9yGska.js"), "./renderers/mdash.tsx": () => import("./mdash-BJFCsNNC.js"), "./renderers/nbsp.tsx": () => import("./nbsp-B9325-Gc.js"), "./renderers/ndash.tsx": () => import("./ndash-B2df5nIG.js"), "./renderers/number.tsx": () => import("./number-DjhKxqNt.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-BSvivjnx.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-PDaj8an3.js"), "./renderers/p.tsx": () => import("./p-dxu1bQfB.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-Ce-gIGnb.js"), "./renderers/pegboard.tsx": () => import("./pegboard-Ctf3Za3n.js"), "./renderers/point.tsx": () => import("./point-B_FM2eEi.js"), "./renderers/polygon.tsx": () => import("./polygon-CSxHL_tF.js"), "./renderers/polyline.tsx": () => import("./polyline-DW7rB9Q4.js"), "./renderers/pre.tsx": () => import("./pre-BgTf9L_1.js"), "./renderers/prefigure.tsx": () => import("./prefigure-C5snxl4O.js"), "./renderers/pretzel.tsx": () => import("./pretzel-C3L-MNrj.js"), "./renderers/q.tsx": () => import("./q-DmVtlPVd.js"), "./renderers/ray.tsx": () => import("./ray-C0dTG3fu.js"), "./renderers/ref.tsx": () => import("./ref-CSI25f1d.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-M1aZCAh_.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-BrdeHWZ1.js"), "./renderers/row.tsx": () => import("./row-Cme62ZUT.js"), "./renderers/rq.tsx": () => import("./rq-l2YVdxg8.js"), "./renderers/rsq.tsx": () => import("./rsq-CUv-1slA.js"), "./renderers/section.tsx": () => import("./section-BZi63FfU.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-DckexN5b.js"), "./renderers/slider.tsx": () => import("./slider-CiY5ndOW.js"), "./renderers/solution.tsx": () => import("./solution-DbjNYfX2.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-BT75LlVE.js"), "./renderers/sq.tsx": () => import("./sq-txtyc2FV.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-B7MKFCIn.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-MVmSE86t.js"), "./renderers/table.tsx": () => import("./table-CNuvOYw8.js"), "./renderers/tabular.tsx": () => import("./tabular-CWsgPtBE.js"), "./renderers/tag.tsx": () => import("./tag-DG3ZBcyS.js"), "./renderers/text.tsx": () => import("./text-BYvGY30m.js"), "./renderers/textInput.tsx": () => import("./textInput-Bw1QoXBR.js"), "./renderers/vector.tsx": () => import("./vector-C-WWCq6y.js"), "./renderers/video.tsx": () => import("./video-bjQrfsvF.js") }), `./renderers/${rendererClassName}.tsx`, 3)
       );
     }
     const documentComponentInstructions = coreInfo.current.documentToRender;
@@ -203361,6 +203361,87 @@ async function prettyPrint(source = "", options2 = {}) {
     plugins: plugins2
   });
 }
+const THROTTLE_MS = 100;
+function DynamicMath({ latex }) {
+  const visibleRef = useRef(null);
+  const bufferRef = useRef(null);
+  const pending = useRef(null);
+  const current2 = useRef(null);
+  const busy = useRef(false);
+  const lastTypesetAt = useRef(0);
+  const mounted = useRef(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      bufferRef.current?.remove();
+      bufferRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    pending.current = latex;
+    renderPendingLatex().catch((e2) => {
+      console.error("DynamicMath: MathJax typesetting failed", e2);
+    });
+    async function renderPendingLatex() {
+      if (busy.current) {
+        return;
+      }
+      const visible = visibleRef.current;
+      if (!visible) {
+        return;
+      }
+      busy.current = true;
+      try {
+        const MathJax2 = await loadMathJax$1();
+        await MathJax2.startup.promise;
+        while (mounted.current && pending.current !== null && pending.current !== current2.current) {
+          const wait = THROTTLE_MS - (performance.now() - lastTypesetAt.current);
+          if (wait > 0) {
+            await new Promise(
+              (resolve) => setTimeout(resolve, wait)
+            );
+          }
+          if (!mounted.current) {
+            break;
+          }
+          const next = pending.current;
+          if (next === null) {
+            break;
+          }
+          pending.current = null;
+          const buffer = ensureBuffer(bufferRef);
+          buffer.innerHTML = next;
+          await MathJax2.typesetPromise([buffer]);
+          MathJax2.typesetClear([buffer]);
+          if (!mounted.current) {
+            break;
+          }
+          visible.replaceChildren(...Array.from(buffer.childNodes));
+          current2.current = next;
+          lastTypesetAt.current = performance.now();
+        }
+      } finally {
+        busy.current = false;
+      }
+    }
+  }, [latex]);
+  return /* @__PURE__ */ jsxRuntimeExports$3.jsx("span", { ref: visibleRef, style: { display: "inline" } });
+}
+function ensureBuffer(bufferRef) {
+  let buffer = bufferRef.current;
+  if (!buffer) {
+    buffer = document.createElement("span");
+    buffer.setAttribute("aria-hidden", "true");
+    buffer.style.position = "absolute";
+    buffer.style.visibility = "hidden";
+    buffer.style.left = "-9999px";
+    buffer.style.top = "0";
+    document.body.appendChild(buffer);
+    bufferRef.current = buffer;
+  }
+  return buffer;
+}
 function formatResponse(response, componentTypes) {
   return /* @__PURE__ */ jsxRuntimeExports$3.jsx(jsxRuntimeExports$3.Fragment, { children: response.map((v2, i2) => {
     const componentType = componentTypes[i2];
@@ -203368,13 +203449,15 @@ function formatResponse(response, componentTypes) {
       componentType
     ) !== -1) {
       const expr = Context$2.fromAst(v2).round_numbers_to_precision_plus_decimals(6, 2);
-      return /* @__PURE__ */ jsxRuntimeExports$3.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(MathJax, {
-        hideUntilTypeset: "first",
-        inline: true,
-        dynamic: true,
-        //@ts-ignore
-        children: "\\(" + expr.toLatex() + "\\)"
-      }) }, i2);
+      return /* @__PURE__ */ jsxRuntimeExports$3.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(
+        DynamicMath,
+        {
+          latex: (
+            //@ts-ignore
+            "\\(" + expr.toLatex() + "\\)"
+          )
+        }
+      ) }, i2);
     } else {
       return /* @__PURE__ */ jsxRuntimeExports$3.jsx("div", { style: { whiteSpace: "pre-line" }, children: String(v2) }, i2);
     }
@@ -203439,10 +203522,10 @@ function EditorFooter({
           "div",
           {
             className: "doenetml-version",
-            title: `DoenetML version ${"0.7.20-dev.313"}`,
+            title: `DoenetML version ${"0.7.20-dev.314"}`,
             children: [
               "v",
-              "0.7.20-dev.313"
+              "0.7.20-dev.314"
             ]
           }
         ),
@@ -211335,60 +211418,61 @@ function WrapWithKeyboard({
   ] });
 }
 export {
-  keyboardSlice as $,
+  Popover as $,
   ActionButtonGroup as A,
   Button2 as B,
   CodeMirror as C,
   DoenetEditor as D,
-  doenetGlobalConfig as E,
-  ToggleButtonGroup as F,
-  EditorViewer as G,
-  memo as H,
-  forwardRef as I,
-  createElement as J,
-  createHook as K,
-  usePopoverContext as L,
+  ActionButton as E,
+  doenetGlobalConfig as F,
+  ToggleButtonGroup as G,
+  EditorViewer as H,
+  memo as I,
+  forwardRef as J,
+  createElement as K,
+  createHook as L,
   MathJax as M,
-  invariant as N,
-  useStoreState as O,
-  getBasePlacement as P,
-  useId as Q,
-  useMergeRefs as R,
-  removeUndefinedValues as S,
+  usePopoverContext as N,
+  invariant as O,
+  useStoreState as P,
+  getBasePlacement as Q,
+  useId as R,
+  useMergeRefs as S,
   ToggleButton as T,
-  useSafeLayoutEffect as U,
-  getWindow$1 as V,
-  usePopoverStore as W,
-  PopoverDisclosure as X,
-  MdInfoOutline as Y,
-  Popover as Z,
+  removeUndefinedValues as U,
+  useSafeLayoutEffect as V,
+  getWindow$1 as W,
+  usePopoverStore as X,
+  PopoverDisclosure as Y,
+  MdInfoOutline as Z,
   __variableDynamicImportRuntimeHelper as _,
   DoenetViewer as a,
-  FocusedMathInputContext as a0,
-  DEFAULT_MATH_INPUT_FUNCTION_NAMES as a1,
-  PopoverAnchor as a2,
-  createStoreContext as a3,
-  HovercardScopedContextProvider as a4,
-  HovercardContextProvider as a5,
-  createDialogComponent as a6,
-  useWrapElement as a7,
-  useHovercard as a8,
-  isFalsyBooleanCallback as a9,
-  contains as aa,
-  sync as ab,
-  chain as ac,
-  useEvent as ad,
-  useHovercardAnchor as ae,
-  createStore as af,
-  createHovercardStore as ag,
-  defaultValue as ah,
-  useStore as ai,
-  useStoreProps as aj,
-  useHovercardStoreProps as ak,
-  getDefaultExportFromCjs$5 as al,
-  roundForDisplay as am,
-  autoUpdate as an,
-  CANVAS_DARK_MODE_COLOR as ao,
+  keyboardSlice as a0,
+  FocusedMathInputContext as a1,
+  DEFAULT_MATH_INPUT_FUNCTION_NAMES as a2,
+  PopoverAnchor as a3,
+  createStoreContext as a4,
+  HovercardScopedContextProvider as a5,
+  HovercardContextProvider as a6,
+  createDialogComponent as a7,
+  useWrapElement as a8,
+  useHovercard as a9,
+  isFalsyBooleanCallback as aa,
+  contains as ab,
+  sync as ac,
+  chain as ad,
+  useEvent as ae,
+  useHovercardAnchor as af,
+  createStore as ag,
+  createHovercardStore as ah,
+  defaultValue as ai,
+  useStore as aj,
+  useStoreProps as ak,
+  useHovercardStoreProps as al,
+  getDefaultExportFromCjs$5 as am,
+  roundForDisplay as an,
+  autoUpdate as ao,
+  CANVAS_DARK_MODE_COLOR as ap,
   creativeCommonsVersions as b,
   cidFromText as c,
   defaultCreativeCommonsVersion$2 as d,
@@ -211399,19 +211483,19 @@ export {
   getDefaultExportFromCjs$4 as i,
   jsxRuntimeExports$3 as j,
   DocContext as k,
-  Context$2 as l,
+  DynamicMath as l,
   mathjaxConfig$1 as m,
-  cesc as n,
-  createFunctionFromDefinition as o,
-  Button as p,
-  useAppSelector as q,
+  Context$2 as n,
+  cesc as o,
+  createFunctionFromDefinition as p,
+  Button as q,
   retrieveTextFileForCid as r,
   serializedComponentsReplacer as s,
   textRendererStyle as t,
   useRecordVisibilityChanges as u,
-  mainSlice as v,
-  renderersLoadComponent as w,
-  encodeFillPatternColorToken as x,
-  deepCompare as y,
-  ActionButton as z
+  useAppSelector as v,
+  mainSlice as w,
+  renderersLoadComponent as x,
+  encodeFillPatternColorToken as y,
+  deepCompare as z
 };