@doenet/doenetml 0.7.20-dev.334 → 0.7.20-dev.335

package/{ellipsis-scY2XC69.js → ellipsis-0Rf9uFcz.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const ellipsis = React__default.memo(function Ellipsis(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{em-Dnuk5NWT.js → em-C-HqHV4n.js}

@@ -1,7 +1,7 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { r as renderMarkupBody } from "./markupRenderer-Say_o9uX.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { r as renderMarkupBody } from "./markupRenderer-WCkpS3Xg.js";
 const em = React__default.memo(function Em(props) {
   const { id, SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{embed-Cp--9Yfg.js → embed-BfNzc5Le.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.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-c_A4BreS.js → feedback-DwhXmMSH.js}

@@ -1,9 +1,9 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { F as FontAwesomeIcon } from "./index.es-75dsQOf4.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { F as FontAwesomeIcon } from "./index.es-RhJQkW78.js";
 import { f as faComment } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-Dm300CeM.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
 const feedback = React__default.memo(function Feedback(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{figure-jTKaDOz3.js → figure-7Xi2fQSv.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { createElement, Component, useRef, useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import { _ as _setPrototypeOf, a as _objectWithoutPropertiesLoose, b as _extends } from "./setPrototypeOf-C-47lAIH.js";
-import { P as PropTypes } from "./index-BG3VxTKI.js";
+import { P as PropTypes } from "./index-DOvVPLCZ.js";
 function _inheritsLoose(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }

package/{fillPatterns-D3zaP49I.js → fillPatterns-xFNXM2wi.js}

@@ -1,4 +1,4 @@
-import { z as encodeFillPatternColorToken } from "./doenetml-BKWgWWIN.js";
+import { z as encodeFillPatternColorToken } from "./doenetml-CLvAz_2Y.js";
 const warnedUnsupportedFillStyles = /* @__PURE__ */ new Set();
 function warnUnsupportedFillStyle(fillStyle) {
   if (warnedUnsupportedFillStyles.has(fillStyle)) {
@@ -50,10 +50,36 @@ const FILL_PATTERN_DEFS = {
     useFill: true
   }
 };
-function buildPatternId(boardId, fillStyle, fillColor) {
-  return `doenet-fill-pattern-${boardId}-${fillStyle}-${encodeFillPatternColorToken(fillColor)}`;
+function encodeOpacityToken(value) {
+  return String(value).replace(/[^0-9]/g, "_");
 }
-function getOrInjectPattern(defsEl, boardId, fillStyle, fillColor) {
+function buildPatternId({
+  boardId,
+  fillStyle,
+  fillColor,
+  canvasColor,
+  fillOpacity,
+  fillPatternOpacity
+}) {
+  return [
+    "doenet-fill-pattern",
+    boardId,
+    fillStyle,
+    encodeFillPatternColorToken(fillColor),
+    encodeFillPatternColorToken(canvasColor),
+    encodeOpacityToken(fillOpacity),
+    encodeOpacityToken(fillPatternOpacity)
+  ].join("-");
+}
+function getOrInjectPattern({
+  defsEl,
+  boardId,
+  fillStyle,
+  fillColor,
+  fillOpacity,
+  canvasColor,
+  fillPatternOpacity
+}) {
   const def = FILL_PATTERN_DEFS[fillStyle];
   if (!def) {
     if (fillStyle !== "solid") {
@@ -64,7 +90,14 @@ function getOrInjectPattern(defsEl, boardId, fillStyle, fillColor) {
   if (!defsEl) {
     return fillColor;
   }
-  const id = buildPatternId(boardId, fillStyle, fillColor);
+  const id = buildPatternId({
+    boardId,
+    fillStyle,
+    fillColor,
+    fillOpacity,
+    canvasColor,
+    fillPatternOpacity
+  });
   if (defsEl.ownerDocument?.getElementById(id)) {
     return `url(#${id})`;
   }
@@ -76,14 +109,22 @@ function getOrInjectPattern(defsEl, boardId, fillStyle, fillColor) {
   pattern.setAttribute("height", String(def.height));
   pattern.setAttribute("patternUnits", "userSpaceOnUse");
   pattern.setAttribute("overflow", "visible");
+  const background = ownerDocument.createElementNS(svgNS, "rect");
+  background.setAttribute("width", String(def.width));
+  background.setAttribute("height", String(def.height));
+  background.setAttribute("fill", canvasColor);
+  background.setAttribute("fill-opacity", String(fillOpacity));
+  pattern.appendChild(background);
   const path = ownerDocument.createElementNS(svgNS, "path");
   path.setAttribute("d", def.path);
   if (def.useFill) {
     path.setAttribute("fill", fillColor);
+    path.setAttribute("fill-opacity", String(fillPatternOpacity));
     path.setAttribute("stroke", "none");
   } else {
     path.setAttribute("stroke", fillColor);
     path.setAttribute("stroke-width", String(def.strokeWidth ?? 1.5));
+    path.setAttribute("stroke-opacity", String(fillPatternOpacity));
     path.setAttribute("fill", "none");
     if (def.strokeLinecap) {
       path.setAttribute("stroke-linecap", def.strokeLinecap);
@@ -99,21 +140,25 @@ function getPatternFillAttributes({
   fillStyle,
   fillColor,
   fillOpacity,
+  canvasColor,
   fillPatternOpacity = 1,
   highlightFillOpacity = fillOpacity * 0.5
 }) {
-  const resolvedFillColor = getOrInjectPattern(
+  const resolvedFillColor = getOrInjectPattern({
     defsEl,
     boardId,
     fillStyle,
-    fillColor
-  );
+    fillColor,
+    fillOpacity,
+    canvasColor,
+    fillPatternOpacity
+  });
   const usesPatternFill = resolvedFillColor !== fillColor;
   return {
     fillColor: resolvedFillColor,
-    fillOpacity: usesPatternFill ? fillPatternOpacity : fillOpacity,
+    fillOpacity: usesPatternFill ? 1 : fillOpacity,
     highlightFillColor: resolvedFillColor,
-    highlightFillOpacity: usesPatternFill ? fillPatternOpacity * 0.5 : highlightFillOpacity
+    highlightFillOpacity: usesPatternFill ? 0.5 : highlightFillOpacity
   };
 }
 export {

package/{footnote-CUHggjY3.js → footnote-B6OpfKj6.js}

@@ -1,7 +1,7 @@
-import { k as jsxRuntimeExports, v as Button } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, v as Button } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-DCm__NtM.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-DH2D7lj4.js";
 const footnote = React__default.memo(function Footnote(props) {
   let { id, SVs } = useDoenetRenderer(props, false);
   let [isVisible, setIsVisible] = useState(false);

package/{fractionInput-DETXKhQJ.js → fractionInput-D1xTeDSb.js}

@@ -1,10 +1,10 @@
-import { k as jsxRuntimeExports, M as MathJax } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, M as MathJax } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DFazHOZj.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Cf1y_3x3.js";
 import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
-import { D as DescriptionPopover } from "./Description-B0pkxmYM.js";
+import { D as DescriptionPopover } from "./Description-X0wbmle2.js";
 const fractionInput = React__default.memo(function FractionInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   let validationState = useRef("unvalidated");

package/{graph-CIVVSnH7.js → graph-DwiumKgy.js}

@@ -1,10 +1,10 @@
-import { k as jsxRuntimeExports, an as roundForDisplay, o as Context, u as useRecordVisibilityChanges } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, an as roundForDisplay, o as Context, u as useRecordVisibilityChanges } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useState, useRef, useEffect, useMemo, createContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import Prefigure from "./prefigure-lmP6VsjT.js";
-import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-BdorE1Ba.js";
-import GraphFrame from "./GraphFrame-ZF35-YCf.js";
-import { J as JSXGraphRenderer } from "./JSXGraphRenderer-ClyyL_2A.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import Prefigure from "./prefigure-DueQF7ys.js";
+import { a as accessibleLabelText, r as renderLabelWithLatex } from "./labelWithLatex-DGChcqLA.js";
+import GraphFrame from "./GraphFrame-D0SsTifD.js";
+import { J as JSXGraphRenderer } from "./JSXGraphRenderer-WH0QKyTO.js";
 const GRAPH_CONTROL_CARD_STYLE = {
   width: "100%",
   boxSizing: "border-box",

package/{hint-CdmNr5z6.js → hint-BAGwv27L.js}

@@ -1,10 +1,10 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { F as FontAwesomeIcon } from "./index.es-75dsQOf4.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { F as FontAwesomeIcon } from "./index.es-RhJQkW78.js";
 import { b as faLightbulb } from "./index-BDlitCgu.js";
 import { a as faLightbulb$1 } from "./index-CwWLcRpc.js";
-import { a as addCommasForCompositeRanges } from "./composites-Dm300CeM.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
 const hint = React__default.memo(function Hint(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{hr-D_9e0dVs.js → hr-Aj-J3kTg.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const hr = React__default.memo(function Hr(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{image-BE89vcic.js → image-DkVGJkU9.js}

@@ -1,15 +1,15 @@
-import { l as DocContext, u as useRecordVisibilityChanges, o as Context, k as jsxRuntimeExports, g as getMediaLicenseDisplay } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, u as useRecordVisibilityChanges, o as Context, k as jsxRuntimeExports, g as getMediaLicenseDisplay } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useContext, useRef, useMemo } from "react";
-import { j as jxg } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { BoardContext, IMAGE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-B0pkxmYM.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-X0wbmle2.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-ULod_asW.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BwSgbGOA.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-C6vmBXIi.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-jENznKTo.js";
 const image = React__default.memo(function Image(props) {
   let { componentIdx, id, SVs, children, actions, callAction } = useDoenetRenderer(props, false);
   Image.ignoreActionsWithoutCore = () => true;

package/{index-BG3VxTKI.js → index-DOvVPLCZ.js}

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

package/{index.es-75dsQOf4.js → index.es-RhJQkW78.js}

@@ -1,4 +1,4 @@
-import { P as PropTypes } from "./index-BG3VxTKI.js";
+import { P as PropTypes } from "./index-DOvVPLCZ.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-BKWgWWIN.js";
+import { C, D, a, c, b, d, g, e, m, f, r, s, h } from "./doenetml-CLvAz_2Y.js";
 export {
   C as CodeMirror,
   D as DoenetEditor,

package/{label-_U3xA-Bt.js → label-t5QOz3hz.js}

@@ -1,13 +1,13 @@
-import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg, c as computeLabelMaskCssStyle } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { j as jxg, c as computeLabelMaskCssStyle } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-rMXvVgk1.js";
+import { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.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-C6vmBXIi.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-jENznKTo.js";
 const label = React__default.memo(function Label(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Label.ignoreActionsWithoutCore = () => true;

package/{labelWithLatex-BdorE1Ba.js → labelWithLatex-DGChcqLA.js}

@@ -1,4 +1,4 @@
-import { k as jsxRuntimeExports, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, n as DynamicMath } from "./doenetml-CLvAz_2Y.js";
 function renderLabelWithLatex({
   label,
   labelHasLatex

package/{legend-CZGk-DEr.js → legend-GzOZUocx.js}

@@ -1,8 +1,8 @@
-import { A as deepCompare, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { A as deepCompare, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext } from "./graph-CIVVSnH7.js";
+import { j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext } from "./graph-DwiumKgy.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 const legend = React__default.memo(function Legend(props) {
   let { id, SVs } = useDoenetRenderer(props);

package/{line-DB_1uxnA.js → line-BeQtVGs_.js}

@@ -1,13 +1,13 @@
-import { l as DocContext, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-CLvAz_2Y.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-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { ChoiceInputInlineContext } from "./choiceInput-rMXvVgk1.js";
-import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.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-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.js";
+import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
-import { a as resolveLineColor } from "./styleColors-DH1y_fdG.js";
+import { a as resolveLineColor } from "./styleColors-Cknqcr0q.js";
 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";

package/{lineSegment-Bo4V-Ids.js → lineSegment-oIe7WXtR.js}

@@ -1,12 +1,12 @@
-import { l as DocContext, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.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-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.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-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
-import { a as resolveLineColor, c as resolveHandleColor } from "./styleColors-DH1y_fdG.js";
+import { a as resolveLineColor, d as resolveHandleColor } from "./styleColors-Cknqcr0q.js";
 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";

package/{list-BbIsQlsb.js → list-x28rSefl.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { a as addCommasForCompositeRanges } from "./composites-Dm300CeM.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DFazHOZj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Cf1y_3x3.js";
 const list = React__default.memo(function List(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{lq-BwD76zkS.js → lq-8l0sDOr8.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const lq = React__default.memo(function Lq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{lsq-C7B2cqLf.js → lsq-CZFG7Nl5.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const lsq = React__default.memo(function Lsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{markupRenderer-Say_o9uX.js → markupRenderer-WCkpS3Xg.js}

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

package/{math-DU-09uBw.js → math-BMR5AiER.js}

@@ -1,13 +1,13 @@
-import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-rMXvVgk1.js";
+import { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.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-C6vmBXIi.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-jENznKTo.js";
 function getMathDelimiters(SVs) {
   if (SVs.renderMode === "inline") {
     return ["\\(", "\\)"];

package/{mathInput-B7nN2ol0.js → mathInput-DS_W_e8n.js}

@@ -1,14 +1,14 @@
-import { k as jsxRuntimeExports, w as useAppSelector, a0 as keyboardSlice, a1 as FocusedMathInputContext, a2 as DEFAULT_MATH_INPUT_FUNCTION_NAMES, o as Context, a3 as PopoverAnchor, M as MathJax, X as usePopoverStore, P as useStoreState, $ as Popover } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, w as useAppSelector, a0 as keyboardSlice, a1 as FocusedMathInputContext, a2 as DEFAULT_MATH_INPUT_FUNCTION_NAMES, o as Context, a3 as PopoverAnchor, M as MathJax, X as usePopoverStore, P as useStoreState, $ as Popover } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef, useEffect, useContext, useState, useMemo } from "react";
 import { createPortal } from "react-dom";
-import { j as jxg } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { P as PropTypes } from "./index-BG3VxTKI.js";
-import { D as DescriptionPopover, P as PopoverArrow } from "./Description-B0pkxmYM.js";
+import { j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { P as PropTypes } from "./index-DOvVPLCZ.js";
+import { D as DescriptionPopover, P as PopoverArrow } from "./Description-X0wbmle2.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DFazHOZj.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Cf1y_3x3.js";
 import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DwiumKgy.js";
 import { g as getPositionFromAnchorByCoordinate, P as POINTER_DRAG_THRESHOLD } from "./graph-W6vrFcBu.js";
 var __extends = /* @__PURE__ */ (function() {
   var extendStatics = function(d, b) {

package/{matrixInput-C3JylJ_O.js → matrixInput-DmrPKznJ.js}

@@ -1,9 +1,9 @@
-import { k as jsxRuntimeExports, E as ActionButtonGroup, F as ActionButton, M as MathJax } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, E as ActionButtonGroup, F as ActionButton, M as MathJax } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 /* empty css                   */
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DFazHOZj.js";
-import { D as DescriptionPopover } from "./Description-B0pkxmYM.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Cf1y_3x3.js";
+import { D as DescriptionPopover } from "./Description-X0wbmle2.js";
 const matrixInput = React__default.memo(function MatrixInput(props) {
   let { id, SVs, actions, children, callAction } = useDoenetRenderer(props);
   let validationState = useRef("unvalidated");

package/{mdash-D3PcaUii.js → mdash-Bu1Q1ekL.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const mdash = React__default.memo(function Mdash(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{nbsp-B_XH-l5k.js → nbsp-DVm0h4-x.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const nbsp = React__default.memo(function Nbsp(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{ndash-DaNmR36W.js → ndash-DdGtnsQK.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const ndash = React__default.memo(function Ndash(props) {
   let { SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{number-YvxsR4BL.js → number-CfeeIc74.js}

@@ -1,13 +1,13 @@
-import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle, n as DynamicMath } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-rMXvVgk1.js";
+import { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.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-C6vmBXIi.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-jENznKTo.js";
 const number = React__default.memo(function NumberComponent(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   NumberComponent.ignoreActionsWithoutCore = () => true;

package/{orbitalDiagram-CmTWXDzB.js → orbitalDiagram-DEDYTOaB.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{orbitalDiagramInput-Cy_7ng8s.js → orbitalDiagramInput-CX08AX-x.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports, B as Button2 } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports, B as Button2 } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",

package/{p-DA_rzyWJ.js → p-yQIjH8Fa.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { a as addCommasForCompositeRanges } from "./composites-Dm300CeM.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DFazHOZj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Cf1y_3x3.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.334",
+    "version": "0.7.20-dev.335",
     "license": "AGPL-3.0-or-later",
     "homepage": "https://github.com/Doenet/DoenetML#readme",
     "repository": {

package/{paginatorControls-BBPqx8C9.js → paginatorControls-FHx8dyK2.js}

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