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

package/{ellipsis-trFCDnIC.js → ellipsis-Dbe1pFFH.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const ellipsis = React__default.memo(function Ellipsis(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{em-CrprMPIW.js → em-DKjg8lu6.js}

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { r as renderMarkupBody } from "./markupRenderer-DBCx6EX_.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { r as renderMarkupBody } from "./markupRenderer-BImj5ysD.js";
 const em = React__default.memo(function Em(props) {
   const { id, SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{embed-DMAbXCVx.js → embed-xTwIo3rl.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 const embed = React__default.memo(function Embed(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props);

package/{feedback-ikfYsf51.js → feedback-DxgOg5wz.js}

@@ -1,9 +1,9 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { F as FontAwesomeIcon } from "./index.es-B5c7aVtr.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { F as FontAwesomeIcon } from "./index.es-D15M8_qe.js";
 import { f as faComment } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-BzV9IeXt.js";
+import { a as addCommasForCompositeRanges } from "./composites-C4lhzFZo.js";
 const feedback = React__default.memo(function Feedback(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{figure-Bsi8oG85.js → figure-FtqA6IS4.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { createElement, Component, useRef, useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 import { _ as _setPrototypeOf, a as _objectWithoutPropertiesLoose, b as _extends } from "./setPrototypeOf-C-47lAIH.js";
-import { P as PropTypes } from "./index-JfStC2sR.js";
+import { P as PropTypes } from "./index-CgIVilS0.js";
 function _inheritsLoose(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }

package/{fillPatterns-o8iy0sP3.js → fillPatterns-C3JuhCEv.js}

@@ -1,4 +1,4 @@
-import { x as encodeFillPatternColorToken } from "./doenetml-aB7JbNZg.js";
+import { y as encodeFillPatternColorToken } from "./doenetml-CVtfzUck.js";
 const warnedUnsupportedFillStyles = /* @__PURE__ */ new Set();
 function warnUnsupportedFillStyle(fillStyle) {
   if (warnedUnsupportedFillStyles.has(fillStyle)) {

package/{footnote-DB5VIQtW.js → footnote-D-wv680X.js}

@@ -1,7 +1,7 @@
-import { j as jsxRuntimeExports, p as Button } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports, q as Button } from "./doenetml-CVtfzUck.js";
 import React__default, { useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-CDOusxAp.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-BT1FtxeZ.js";
 const footnote = React__default.memo(function Footnote(props) {
   let { id, SVs } = useDoenetRenderer(props, false);
   let [isVisible, setIsVisible] = useState(false);

package/{fractionInput-BlYcirDm.js → fractionInput-C-0_Lh92.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports, M as MathJax } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Dt9JKy0v.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-inCDr5aI.js";
 import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
-import { D as DescriptionPopover } from "./Description-FpFtgmYe.js";
+import { D as DescriptionPopover } from "./Description-Dtbg0fpJ.js";
 const fractionInput = React__default.memo(function FractionInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   let validationState = useRef("unvalidated");

package/{graph-CzIHr24I.js → graph-DI6rClAs.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, am as roundForDisplay, l as Context, u as useRecordVisibilityChanges } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports, an as roundForDisplay, n as Context, u as useRecordVisibilityChanges } from "./doenetml-CVtfzUck.js";
 import React__default, { useState, useRef, useEffect, useMemo, createContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import Prefigure from "./prefigure-D03S9bOi.js";
-import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-BaRabWVZ.js";
-import GraphFrame from "./GraphFrame-BV1tncNY.js";
-import { J as JSXGraphRenderer } from "./JSXGraphRenderer-SxtkTQZL.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import Prefigure from "./prefigure-C5snxl4O.js";
+import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-CvFirg3n.js";
+import GraphFrame from "./GraphFrame-DQeTtfXQ.js";
+import { J as JSXGraphRenderer } from "./JSXGraphRenderer-DXTUSosW.js";
 const GRAPH_CONTROL_CARD_STYLE = {
   width: "100%",
   boxSizing: "border-box",

package/{hint-49RJ4fJX.js → hint-D--xKdKK.js}

@@ -1,10 +1,10 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { F as FontAwesomeIcon } from "./index.es-B5c7aVtr.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { F as FontAwesomeIcon } from "./index.es-D15M8_qe.js";
 import { b as faLightbulb } from "./index-BDlitCgu.js";
 import { a as faLightbulb$1 } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-BzV9IeXt.js";
+import { a as addCommasForCompositeRanges } from "./composites-C4lhzFZo.js";
 const hint = React__default.memo(function Hint(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{hr-Dm7qj5dF.js → hr-BOLAFmYk.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const hr = React__default.memo(function Hr(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{image-C6I50qsx.js → image-BqEpw5il.js}

@@ -1,15 +1,15 @@
-import { k as DocContext, u as useRecordVisibilityChanges, l as Context, j as jsxRuntimeExports, g as getMediaLicenseDisplay } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, u as useRecordVisibilityChanges, n as Context, j as jsxRuntimeExports, g as getMediaLicenseDisplay } from "./doenetml-CVtfzUck.js";
 import React__default, { useContext, useRef, useMemo } from "react";
-import { j as jxg } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-CzIHr24I.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { j as jxg } from "./JSXGraphRenderer-DXTUSosW.js";
+import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-DI6rClAs.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-FpFtgmYe.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-Dtbg0fpJ.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-DCDj8jdC.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-CrVGag52.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BoZvihO4.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BW74Dr6I.js";
 const image = React__default.memo(function Image(props) {
   let { componentIdx, id, SVs, children, actions, callAction } = useDoenetRenderer(props, false);
   Image.ignoreActionsWithoutCore = () => true;

package/{index-JfStC2sR.js → index-CgIVilS0.js}

@@ -1,4 +1,4 @@
-import { al as getDefaultExportFromCjs } from "./doenetml-aB7JbNZg.js";
+import { am as getDefaultExportFromCjs } from "./doenetml-CVtfzUck.js";
 var propTypes = { exports: {} };
 var reactIs = { exports: {} };
 var reactIs_production_min = {};

package/{index.es-B5c7aVtr.js → index.es-D15M8_qe.js}

@@ -1,4 +1,4 @@
-import { P as PropTypes } from "./index-JfStC2sR.js";
+import { P as PropTypes } from "./index-CgIVilS0.js";
 import React__default from "react";
 function _defineProperty$1(e, r2, t2) {
   return (r2 = _toPropertyKey$1(r2)) in e ? Object.defineProperty(e, r2, {

package/index.js

@@ -1,4 +1,4 @@
-import { C, D, a, c, b, d, g, e, m, f, r, s, h } from "./doenetml-aB7JbNZg.js";
+import { C, D, a, c, b, d, g, e, m, f, r, s, h } from "./doenetml-CVtfzUck.js";
 export {
   C as CodeMirror,
   D as DoenetEditor,

package/{label-BJWGc5uw.js → label-BVH6ieXC.js}

@@ -1,13 +1,13 @@
-import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, n as Context, j as jsxRuntimeExports, t as textRendererStyle, l as DynamicMath } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg, c as computeLabelMaskCssStyle } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CzIHr24I.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { j as jxg, c as computeLabelMaskCssStyle } from "./JSXGraphRenderer-DXTUSosW.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DI6rClAs.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-C91qJgfW.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BFXDUvNz.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BoZvihO4.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BW74Dr6I.js";
 const label = React__default.memo(function Label(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Label.ignoreActionsWithoutCore = () => true;
@@ -214,7 +214,7 @@ const label = React__default.memo(function Label(props) {
   const style = !choiceInputInlineContext.inOption ? textRendererStyle(darkMode ?? "light", SVs.selectedStyle) : void 0;
   let label2 = SVs.value;
   if (SVs.hasLatex) {
-    label2 = /* @__PURE__ */ jsxRuntimeExports.jsx(MathJax, { hideUntilTypeset: "first", inline: true, dynamic: true, children: label2 });
+    label2 = /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicMath, { latex: SVs.value });
   }
   if (SVs.forTargetRendererId) {
     if (SVs.forTargetIsGroup) {

package/{labelWithLatex-BaRabWVZ.js → labelWithLatex-CvFirg3n.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports, l as DynamicMath } from "./doenetml-CVtfzUck.js";
 function renderLabelWithLatex({
   label,
   labelHasLatex
 }) {
   if (labelHasLatex) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(MathJax, { hideUntilTypeset: "first", inline: true, dynamic: true, children: label });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicMath, { latex: label });
   }
   return label;
 }

package/{legend-BXoIRWPD.js → legend-nJHE8oqg.js}

@@ -1,8 +1,8 @@
-import { y as deepCompare, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { z as deepCompare, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { BoardContext } from "./graph-CzIHr24I.js";
+import { j as jxg } from "./JSXGraphRenderer-DXTUSosW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { BoardContext } from "./graph-DI6rClAs.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 const legend = React__default.memo(function Legend(props) {
   let { id, SVs } = useDoenetRenderer(props);

package/{line-Cg4ShxTz.js → line-BZJDGv87.js}

@@ -1,9 +1,9 @@
-import { k as DocContext, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, j as jsxRuntimeExports, t as textRendererStyle, l as DynamicMath } from "./doenetml-CVtfzUck.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CzIHr24I.js";
-import { ChoiceInputInlineContext } from "./choiceInput-C91qJgfW.js";
+import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-DXTUSosW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-DI6rClAs.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BFXDUvNz.js";
 import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
@@ -248,7 +248,7 @@ const line = React__default.memo(function Line(props) {
   }
   const mathJaxify = "\\(" + SVs.latex + "\\)";
   const style = !choiceInputInlineContext.inOption ? textRendererStyle(darkMode ?? "light", SVs.selectedStyle) : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MathJax, { hideUntilTypeset: "first", inline: true, dynamic: true, children: mathJaxify }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicMath, { latex: mathJaxify }) });
 });
 export {
   line as default

package/{lineSegment-hNwK2hsc.js → lineSegment-CSrBTpnV.js}

@@ -1,8 +1,8 @@
-import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, g as syncVisPropValues, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CzIHr24I.js";
+import { j as jxg, h as syncLineFamilyVisibility, s as syncLayer, g as syncVisPropValues, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, i as applyLineFamilyLabelPlacement, k as buildLineFamilyLabelAttributes, d as attachLabelHoverHighlight, c as computeLabelMaskCssStyle, l as stabilizeInitialLineFamilyLabelPlacement, r as removeJXGEventHandlers } from "./JSXGraphRenderer-DXTUSosW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-DI6rClAs.js";
 import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";

package/{list-CQTXv4FP.js → list-D65_oYuY.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { a as addCommasForCompositeRanges } from "./composites-BzV9IeXt.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Dt9JKy0v.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { a as addCommasForCompositeRanges } from "./composites-C4lhzFZo.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-inCDr5aI.js";
 const list = React__default.memo(function List(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{lq-BatnPWGT.js → lq-CBqNNz3G.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const lq = React__default.memo(function Lq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{lsq-B9ordhmD.js → lsq-K3XjaXqe.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const lsq = React__default.memo(function Lsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{markupRenderer-DBCx6EX_.js → markupRenderer-BImj5ysD.js}

@@ -1,4 +1,4 @@
-import { a as addCommasForCompositeRanges } from "./composites-BzV9IeXt.js";
+import { a as addCommasForCompositeRanges } from "./composites-C4lhzFZo.js";
 function renderMarkupBody({
   SVs,
   children

package/{math-B5hpOW9-.js → math-BGK8VrLz.js}

@@ -1,13 +1,13 @@
-import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, n as Context, j as jsxRuntimeExports, t as textRendererStyle, l as DynamicMath } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CzIHr24I.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { j as jxg } from "./JSXGraphRenderer-DXTUSosW.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DI6rClAs.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-C91qJgfW.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BFXDUvNz.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BoZvihO4.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BW74Dr6I.js";
 function getMathDelimiters(SVs) {
   if (SVs.renderMode === "inline") {
     return ["\\(", "\\)"];
@@ -230,10 +230,9 @@ const math = React__default.memo(function MathComponent(props) {
     );
   }
   const style = !choiceInputInlineContext.inOption ? textRendererStyle(darkMode ?? "light", SVs.selectedStyle) : void 0;
-  const hideUntilTypeset = !choiceInputInlineContext.isHidden ? "first" : void 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     anchors,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MathJax, { hideUntilTypeset, inline: true, dynamic: true, children: latexWithDelims }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicMath, { latex: latexWithDelims }) })
   ] });
 });
 export {

package/{mathInput-Aj9BWdJk.js → mathInput-Do6kAhnM.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, q as useAppSelector, $ as keyboardSlice, a0 as FocusedMathInputContext, a1 as DEFAULT_MATH_INPUT_FUNCTION_NAMES, a2 as PopoverAnchor, M as MathJax, W as usePopoverStore, O as useStoreState, Z as Popover } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports, v as useAppSelector, a0 as keyboardSlice, a1 as FocusedMathInputContext, a2 as DEFAULT_MATH_INPUT_FUNCTION_NAMES, a3 as PopoverAnchor, M as MathJax, X as usePopoverStore, P as useStoreState, $ as Popover } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef, useEffect, useContext, useState, useMemo } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { P as PropTypes } from "./index-JfStC2sR.js";
-import { D as DescriptionPopover, P as PopoverArrow } from "./Description-FpFtgmYe.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { P as PropTypes } from "./index-CgIVilS0.js";
+import { D as DescriptionPopover, P as PopoverArrow } from "./Description-Dtbg0fpJ.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Dt9JKy0v.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-inCDr5aI.js";
 import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
 var __extends = /* @__PURE__ */ (function() {
   var extendStatics = function(d, b) {

package/{matrixInput-B29WjEkr.js → matrixInput-Dk9yGska.js}

@@ -1,9 +1,9 @@
-import { j as jsxRuntimeExports, A as ActionButtonGroup, z as ActionButton, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports, A as ActionButtonGroup, E as ActionButton, M as MathJax } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Dt9JKy0v.js";
-import { D as DescriptionPopover } from "./Description-FpFtgmYe.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-inCDr5aI.js";
+import { D as DescriptionPopover } from "./Description-Dtbg0fpJ.js";
 const matrixInput = React__default.memo(function MatrixInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   let validationState = useRef("unvalidated");

package/{mdash-3qcZ92p7.js → mdash-BJFCsNNC.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const mdash = React__default.memo(function Mdash(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{nbsp-BAoRPv2r.js → nbsp-B9325-Gc.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const nbsp = React__default.memo(function Nbsp(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{ndash-Dw-USMRq.js → ndash-B2df5nIG.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const ndash = React__default.memo(function Ndash(props) {
   let { SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{number-BM2f5HSD.js → number-DjhKxqNt.js}

@@ -1,13 +1,13 @@
-import { k as DocContext, l as Context, j as jsxRuntimeExports, t as textRendererStyle, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, n as Context, j as jsxRuntimeExports, t as textRendererStyle, l as DynamicMath } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CzIHr24I.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { j as jxg } from "./JSXGraphRenderer-DXTUSosW.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DI6rClAs.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-C91qJgfW.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BFXDUvNz.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
-import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BoZvihO4.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-BW74Dr6I.js";
 const number = React__default.memo(function NumberComponent(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   NumberComponent.ignoreActionsWithoutCore = () => true;
@@ -201,7 +201,7 @@ const number = React__default.memo(function NumberComponent(props) {
     number2 = "\\(" + number2 + "\\)";
   }
   const style = !choiceInputInlineContext.inOption ? textRendererStyle(darkMode ?? "light", SVs.selectedStyle) : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MathJax, { hideUntilTypeset: "first", inline: true, dynamic: true, children: number2 }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicMath, { latex: number2 }) });
 });
 export {
   number as default

package/{orbitalDiagram-DzTPPpQi.js → orbitalDiagram-BSvivjnx.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{orbitalDiagramInput-BeTursfi.js → orbitalDiagramInput-PDaj8an3.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports, B as Button2 } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports, B as Button2 } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{p-BW8xHyx2.js → p-dxu1bQfB.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { u as useRecordVisibilityChanges, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { a as addCommasForCompositeRanges } from "./composites-BzV9IeXt.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Dt9JKy0v.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { a as addCommasForCompositeRanges } from "./composites-C4lhzFZo.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-inCDr5aI.js";
 const p = React__default.memo(function P(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/package.json

@@ -2,7 +2,7 @@
     "name": "@doenet/doenetml",
     "type": "module",
     "description": "Semantic markup for building interactive web activities",
-    "version": "0.7.20-dev.313",
+    "version": "0.7.20-dev.314",
     "license": "AGPL-3.0-or-later",
     "homepage": "https://github.com/Doenet/DoenetML#readme",
     "repository": {

package/{paginatorControls-OETLghCG.js → paginatorControls-Ce-gIGnb.js}

@@ -1,6 +1,6 @@
-import { j as jsxRuntimeExports, B as Button2 } from "./doenetml-aB7JbNZg.js";
+import { j as jsxRuntimeExports, B as Button2 } from "./doenetml-CVtfzUck.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
 const paginatorControls = React__default.memo(function PaginatorControls(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{pegboard-B1GM0ABK.js → pegboard-Ctf3Za3n.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { BoardContext, BASE_LAYER_OFFSET } from "./graph-CzIHr24I.js";
-import { l as Context } from "./doenetml-aB7JbNZg.js";
+import { j as jxg } from "./JSXGraphRenderer-DXTUSosW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { BoardContext, BASE_LAYER_OFFSET } from "./graph-DI6rClAs.js";
+import { n as Context } from "./doenetml-CVtfzUck.js";
 const { round } = Context.math;
 const pegboard = React__default.memo(function Pegboard(props) {
   let { SVs } = useDoenetRenderer(props);

package/{point-CPttFfZz.js → point-B_FM2eEi.js}

@@ -1,11 +1,11 @@
-import { k as DocContext, t as textRendererStyle, j as jsxRuntimeExports, M as MathJax } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, t as textRendererStyle, j as jsxRuntimeExports, l as DynamicMath } from "./doenetml-CVtfzUck.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { BoardContext, POINT_LAYER_OFFSET } from "./graph-CzIHr24I.js";
+import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-DXTUSosW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { BoardContext, POINT_LAYER_OFFSET } from "./graph-DI6rClAs.js";
 import { c as characterizeOffGraphPoint } from "./offGraphIndicators-CYoqQHuD.js";
 import { n as normalizePointStyle, a as normalizePointSize, b as adjustPointLabelPosition, e as calculatePointLabelAnchor } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-C91qJgfW.js";
+import { ChoiceInputInlineContext } from "./choiceInput-BFXDUvNz.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { b as resolveMarkerColor } from "./styleColors-DH1y_fdG.js";
@@ -455,7 +455,7 @@ const point = React__default.memo(function Point(props) {
   }
   const mathJaxify = "\\(" + SVs.latex + "\\)";
   const style = !choiceInputInlineContext.inOption ? textRendererStyle(darkMode ?? "light", SVs.selectedStyle) : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MathJax, { hideUntilTypeset: "first", inline: true, dynamic: true, children: mathJaxify }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style, id, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicMath, { latex: mathJaxify }) });
 });
 export {
   point as default

package/{polygon-V1vpI61u.js → polygon-CSxHL_tF.js}

@@ -1,8 +1,8 @@
-import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-aB7JbNZg.js";
+import { k as DocContext, j as jsxRuntimeExports } from "./doenetml-CVtfzUck.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, e as syncLineStrokeStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-SxtkTQZL.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B72juXfz.js";
-import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-CzIHr24I.js";
+import { r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, e as syncLineStrokeStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-DXTUSosW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BF76vylQ.js";
+import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-DI6rClAs.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { a as resolveLineColor, r as resolveFillColor, c as resolveHandleColor } from "./styleColors-DH1y_fdG.js";
@@ -10,7 +10,7 @@ import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
 import { a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-tcr76K44.js";
 import { c as buildBaseAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-o8iy0sP3.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-C3JuhCEv.js";
 const polygon = React__default.memo(function Polygon(props) {
   let { componentIdx, id, SVs, actions, sourceOfUpdate, callAction } = useDoenetRenderer(props);
   Polygon.ignoreActionsWithoutCore = () => true;