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

package/{pegboard-CRZQVxuV.js → pegboard-DOjue_FK.js}

@@ -1,8 +1,8 @@
 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, BASE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { o as Context } from "./doenetml-BKWgWWIN.js";
+import { j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, BASE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { o as Context } from "./doenetml-CLvAz_2Y.js";
 const { round } = Context.math;
 const pegboard = React__default.memo(function Pegboard(props) {
   let { SVs } = useDoenetRenderer(props);

package/{point-ByEbaxWn.js → point-CwMVWF91.js}

@@ -1,14 +1,14 @@
-import { l as DocContext, t as textRendererStyle, k as jsxRuntimeExports, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, t as textRendererStyle, k as jsxRuntimeExports, n as DynamicMath } from "./doenetml-CLvAz_2Y.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-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext, POINT_LAYER_OFFSET } from "./graph-CIVVSnH7.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-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, POINT_LAYER_OFFSET } from "./graph-DwiumKgy.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-rMXvVgk1.js";
+import { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.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";
+import { c as resolveMarkerColor } from "./styleColors-Cknqcr0q.js";
 import { a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-tcr76K44.js";
 const point = React__default.memo(function Point(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);

package/{polygon-BmdkJEts.js → polygon-DdAM4aKr.js}

@@ -1,16 +1,16 @@
-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 { 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-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-CIVVSnH7.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-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-DwiumKgy.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";
+import { a as resolveLineColor, r as resolveFillColor, b as resolveCanvasColor, 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";
-import { c as buildBaseAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-D3zaP49I.js";
+import { c as buildBaseAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-xFNXM2wi.js";
 const polygon = React__default.memo(function Polygon(props) {
   let { componentIdx, id, SVs, actions, sourceOfUpdate, callAction } = useDoenetRenderer(props);
   Polygon.ignoreActionsWithoutCore = () => true;
@@ -57,6 +57,7 @@ const polygon = React__default.memo(function Polygon(props) {
       fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
       fillColor: resolvedFillColor,
       fillOpacity: SVs.selectedStyle.fillOpacity,
+      canvasColor: resolveCanvasColor(darkMode),
       fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity,
       highlightFillOpacity: SVs.selectedStyle.fillOpacity * 0.5
     }) : {
@@ -441,6 +442,7 @@ const polygon = React__default.memo(function Polygon(props) {
         fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
         fillColor: resolvedFillColor,
         fillOpacity: SVs.selectedStyle.fillOpacity,
+        canvasColor: resolveCanvasColor(darkMode),
         fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity,
         highlightFillOpacity: SVs.selectedStyle.fillOpacity * 0.5
       }) : {

package/{polyline-CvqkWn7E.js → polyline-DWOgBzqs.js}

@@ -1,15 +1,15 @@
-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 { s as syncLayer, r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, e as syncLineStrokeStyle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } 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 { s as syncLayer, r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, e as syncLineStrokeStyle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } 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 { 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";
-import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
+import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
 const polyline = React__default.memo(function Polyline(props) {
   let { componentIdx, id, SVs, actions, sourceOfUpdate, callAction } = useDoenetRenderer(props);
   Polyline.ignoreActionsWithoutCore = () => true;

package/{pre-1IrMFXkg.js → pre-BZ7ZCw9Z.js}

@@ -1,7 +1,7 @@
-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 { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 const pre = React__default.memo(function Pre(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);

package/{prefigure-lmP6VsjT.js → prefigure-DueQF7ys.js}

@@ -1,4 +1,4 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useState, useRef, useEffect } from "react";
 const __vite_import_meta_env__ = { "VITE_PREFIGURE_MODULE_URL": "https://cdn.jsdelivr.net/npm/@doenet/prefigure@latest/prefigure.js" };
 const DEFAULT_PREFIGURE_BUILD_ENDPOINT = "https://prefigure.doenet.org/build";

package/{pretzel-D6WX7Z_y.js → pretzel-ES8Yvo78.js}

@@ -1,8 +1,8 @@
-import { u as useRecordVisibilityChanges, l as DocContext, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, l as DocContext, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef, useContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { A as AnswerResponseButton } from "./AnswerResponseButton-Gvhmmj9A.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 AnswerResponseButton } from "./AnswerResponseButton-Bb2BI_rl.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-Cf1y_3x3.js";
 const pretzel = React__default.memo(function Pretzel(props) {
   let {
     componentIdx,

package/{q-kRzKxy6K.js → q-xpEgI0-d.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 q = React__default.memo(function Q(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{ray-DgnftbwK.js → ray-BNmkEcDJ.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, 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 { 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 { 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/{ref-ChyMLX-H.js → ref-CK0oY9LN.js}

@@ -1,6 +1,6 @@
-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 { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const ref = React__default.memo(function Ref(props) {
   const { id, SVs, children, requestScrollTo } = useDoenetRenderer(props);
   const { doenetViewerUrl } = useContext(DocContext) || {};

package/{regionBetweenCurveXAxis-BBAp-W44.js → regionBetweenCurveXAxis-BDAOPDMD.js}

@@ -1,9 +1,10 @@
-import { l as DocContext, q as createFunctionFromDefinition, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, q as createFunctionFromDefinition, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-D3zaP49I.js";
+import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-xFNXM2wi.js";
+import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
 const regionBetweenCurveXAxis = React__default.memo(function RegionBetweenCurveXAxis(props) {
   let { id, SVs } = useDoenetRenderer(props);
   RegionBetweenCurveXAxis.ignoreActionsWithoutCore = () => true;
@@ -31,6 +32,7 @@ const regionBetweenCurveXAxis = React__default.memo(function RegionBetweenCurveX
       fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
       fillColor: darkMode === "dark" ? SVs.selectedStyle.fillColorDarkMode : SVs.selectedStyle.fillColor,
       fillOpacity: SVs.selectedStyle.fillOpacity,
+      canvasColor: resolveCanvasColor(darkMode),
       fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity
     });
     let jsxAttributes = {
@@ -117,6 +119,7 @@ const regionBetweenCurveXAxis = React__default.memo(function RegionBetweenCurveX
         fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
         fillColor: darkMode === "dark" ? SVs.selectedStyle.fillColorDarkMode : SVs.selectedStyle.fillColor,
         fillOpacity: SVs.selectedStyle.fillOpacity,
+        canvasColor: resolveCanvasColor(darkMode),
         fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity
       });
       if (integralJXG.current.visProp.fillcolor !== fillAttributes.fillColor) {

package/{regionBetweenCurves-FuodCBzl.js → regionBetweenCurves-DdPYLipw.js}

@@ -1,10 +1,11 @@
-import { l as DocContext, q as createFunctionFromDefinition, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, q as createFunctionFromDefinition, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-D3zaP49I.js";
-import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-ClyyL_2A.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-xFNXM2wi.js";
+import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
+import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-WH0QKyTO.js";
 const regionBetweenCurves = React__default.memo(function RegionBetweenCurves(props) {
   let { id, SVs } = useDoenetRenderer(props);
   RegionBetweenCurves.ignoreActionsWithoutCore = () => true;
@@ -37,6 +38,7 @@ const regionBetweenCurves = React__default.memo(function RegionBetweenCurves(pro
       fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
       fillColor: darkMode === "dark" ? SVs.selectedStyle.fillColorDarkMode : SVs.selectedStyle.fillColor,
       fillOpacity: SVs.selectedStyle.fillOpacity,
+      canvasColor: resolveCanvasColor(darkMode),
       fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity
     });
     let jsxAttributes = {
@@ -176,6 +178,7 @@ const regionBetweenCurves = React__default.memo(function RegionBetweenCurves(pro
         fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
         fillColor: darkMode === "dark" ? SVs.selectedStyle.fillColorDarkMode : SVs.selectedStyle.fillColor,
         fillOpacity: SVs.selectedStyle.fillOpacity,
+        canvasColor: resolveCanvasColor(darkMode),
         fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity
       });
       if (regionJXG.current.visProp.fillcolor !== fillAttributes.fillColor) {

package/{row-CBcYGCtp.js → row-nP0ZhX6Z.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 row = React__default.memo(function Row(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{rq-qOWxtmZg.js → rq-DLF6CDjv.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 rq = React__default.memo(function Rq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{rsq-C70_1w-v.js → rsq-Jh7GuweM.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 rsq = React__default.memo(function Rsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{section-5EiCWYMD.js → section-n-Mv8eqZ.js}

@@ -1,10 +1,10 @@
-import { l as DocContext, p as cesc, u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, p as cesc, u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { F as FontAwesomeIcon } from "./index.es-75dsQOf4.js";
+import { F as FontAwesomeIcon } from "./index.es-RhJQkW78.js";
 import { f as faCaretDown, a as faCaretRight } from "./index-BDlitCgu.js";
-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 section = React__default.memo(function Section(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const { darkMode } = useContext(DocContext) || {};

package/{sha256-C0vj3HDn-CCgktFhW.js → sha256-C0vj3HDn-UGyxHwaY.js}

@@ -1,4 +1,4 @@
-import { j as getDefaultExportFromCjs } from "./doenetml-BKWgWWIN.js";
+import { j as getDefaultExportFromCjs } from "./doenetml-CLvAz_2Y.js";
 function _mergeNamespaces$1(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/{sideBySide-BjpdpZxA.js → sideBySide-DdjzZlgo.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";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 function isWhitespaceTextChild(child) {
   return typeof child === "string" && child.trim() === "";

package/{slider-C8-N3Zwb.js → slider-BwwfFUMx.js}

@@ -1,8 +1,8 @@
-import { k as jsxRuntimeExports, E as ActionButtonGroup, F as ActionButton, o as Context } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, E as ActionButtonGroup, F as ActionButton, o as Context } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useState, 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";
-import { r as renderLabelWithLatex } from "./labelWithLatex-BdorE1Ba.js";
+import { r as renderLabelWithLatex } from "./labelWithLatex-DGChcqLA.js";
 let round_to_decimals = (x, n) => {
   try {
     return Context.round_numbers_to_decimals(x, n).tree;

package/{solution-nJ9QkZ6m.js → solution-CMJnOEXE.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 { c as faPuzzlePiece } from "./index-BDlitCgu.js";
-import { a as addCommasForCompositeRanges } from "./composites-Dm300CeM.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
 const solution = React__default.memo(function Solution(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{spreadsheet-UGkznEIk.js → spreadsheet-BPeiYRXq.js}

@@ -1,6 +1,6 @@
-import { l as DocContext, u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, u as useRecordVisibilityChanges, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { forwardRef, useId, useRef, useCallback, useMemo, useEffect, Children, useImperativeHandle, Fragment, createContext as createContext$1, useContext, useState } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import require$$2 from "react-dom";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";

package/{sq-D7ffIkkq.js → sq-f0eKuiZ7.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 sq = React__default.memo(function Sq(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{styleColors-DH1y_fdG.js → styleColors-Cknqcr0q.js}

@@ -10,9 +10,13 @@ function resolveMarkerColor(style, darkMode) {
 function resolveHandleColor(darkMode) {
   return darkMode === "dark" ? "#b0b0b0" : "#404040";
 }
+function resolveCanvasColor(darkMode) {
+  return darkMode === "dark" ? "#121212" : "white";
+}
 export {
   resolveLineColor as a,
-  resolveMarkerColor as b,
-  resolveHandleColor as c,
+  resolveCanvasColor as b,
+  resolveMarkerColor as c,
+  resolveHandleColor as d,
   resolveFillColor as r
 };

package/{subsetOfRealsInput-Dx1x79Fj.js → subsetOfRealsInput-cPp2Z2Lo.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, k as jsxRuntimeExports, G as ToggleButtonGroup, T as ToggleButton, E as ActionButtonGroup, F as ActionButton } from "./doenetml-BKWgWWIN.js";
+import { u as useRecordVisibilityChanges, k as jsxRuntimeExports, G as ToggleButtonGroup, T as ToggleButton, E as ActionButtonGroup, F as ActionButton } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useState, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 const subsetOfRealsInput = React__default.memo(function subsetOfReals(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);
   let [mode, setMode] = useState("add remove points");

package/{summaryStatistics-CywLC3ub.js → summaryStatistics-_-_4_PVE.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";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 const summaryStatistics = React__default.memo(function SummaryStatistics(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props);

package/{table-BhOldp85.js → table-Ctq_Iify.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 table = React__default.memo(function Table(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{tabular-CHpPJUMK.js → tabular-DQg3Elet.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";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 const tabular = React__default.memo(function Tabular(props) {

package/{tag-M3xzh0Ga.js → tag-C3cIMi7z.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 tag = React__default.memo(function Tag(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{text-B5WNf0j4.js → text-DbQWmZqo.js}

@@ -1,13 +1,13 @@
-import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, o as Context, k as jsxRuntimeExports, t as textRendererStyle } 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 text = React__default.memo(function Text(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Text.ignoreActionsWithoutCore = () => true;

package/{textInput-CAZzwrlH.js → textInput-CJmzQBzV.js}

@@ -1,12 +1,12 @@
-import { o as Context, k as jsxRuntimeExports, M as MathJax } from "./doenetml-BKWgWWIN.js";
+import { o as Context, k as jsxRuntimeExports, M as MathJax } from "./doenetml-CLvAz_2Y.js";
 import { useState, useRef, useContext, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { BoardContext } from "./graph-CIVVSnH7.js";
+import { BoardContext } from "./graph-DwiumKgy.js";
 import { g as getPositionFromAnchorByCoordinate, P as POINTER_DRAG_THRESHOLD } from "./graph-W6vrFcBu.js";
-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";
 import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
 function TextInput(props) {
   let { id, SVs, children, actions, ignoreUpdate, callAction } = useDoenetRenderer(props);

package/{tooltip-provider-DCm__NtM.js → tooltip-provider-DH2D7lj4.js}

@@ -1,4 +1,4 @@
-import { a4 as createStoreContext, a5 as HovercardScopedContextProvider, a6 as HovercardContextProvider, a7 as createDialogComponent, J as forwardRef, K as createElement, L as createHook, O as invariant, a8 as useWrapElement, k as jsxRuntimeExports, P as useStoreState, a9 as useHovercard, aa as isFalsyBooleanCallback, ab as contains, ac as sync, ad as chain, ae as useEvent, af as useHovercardAnchor, ag as createStore, ah as createHovercardStore, ai as defaultValue, aj as useStore, ak as useStoreProps, al as useHovercardStoreProps } from "./doenetml-BKWgWWIN.js";
+import { a4 as createStoreContext, a5 as HovercardScopedContextProvider, a6 as HovercardContextProvider, a7 as createDialogComponent, J as forwardRef, K as createElement, L as createHook, O as invariant, a8 as useWrapElement, k as jsxRuntimeExports, P as useStoreState, a9 as useHovercard, aa as isFalsyBooleanCallback, ab as contains, ac as sync, ad as chain, ae as useEvent, af as useHovercardAnchor, ag as createStore, ah as createHovercardStore, ai as defaultValue, aj as useStore, ak as useStoreProps, al as useHovercardStoreProps } from "./doenetml-CLvAz_2Y.js";
 import { useRef, useEffect } from "react";
 const ctx = createStoreContext([HovercardContextProvider], [HovercardScopedContextProvider]);
 const useTooltipProviderContext = ctx.useProviderContext;

package/{useAnchoredGraphDragHandler-C6vmBXIi.js → useAnchoredGraphDragHandler-jENznKTo.js}

@@ -1,4 +1,4 @@
-import { r as removeJXGEventHandlers, L as LINE_FAMILY_EVENTS, j as jxg } from "./JSXGraphRenderer-ClyyL_2A.js";
+import { r as removeJXGEventHandlers, L as LINE_FAMILY_EVENTS, j as jxg } from "./JSXGraphRenderer-WH0QKyTO.js";
 import { e as exceededDragThreshold, p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 function attachAnchoredGraphDragHandlers(params) {
   const {