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

package/{AnswerResponseButton-Gvhmmj9A.js → AnswerResponseButton-Bb2BI_rl.js}

@@ -1,5 +1,5 @@
-import { k as jsxRuntimeExports, v as Button } from "./doenetml-BKWgWWIN.js";
-import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-DCm__NtM.js";
+import { k as jsxRuntimeExports, v as Button } from "./doenetml-CLvAz_2Y.js";
+import { T as TooltipProvider, a as TooltipAnchor, b as Tooltip } from "./tooltip-provider-DH2D7lj4.js";
 function AnswerResponseButton({
   answerId,
   answerComponentIdx,

package/{Description-B0pkxmYM.js → Description-X0wbmle2.js}

@@ -1,4 +1,4 @@
-import { I as memo, J as forwardRef, K as createElement, L as createHook, N as usePopoverContext, O as invariant, P as useStoreState, Q as getBasePlacement, R as useId, S as useMergeRefs, k as jsxRuntimeExports, U as removeUndefinedValues, V as useSafeLayoutEffect, W as getWindow, X as usePopoverStore, l as DocContext, Y as PopoverDisclosure, Z as MdInfoOutline, $ as Popover } from "./doenetml-BKWgWWIN.js";
+import { I as memo, J as forwardRef, K as createElement, L as createHook, N as usePopoverContext, O as invariant, P as useStoreState, Q as getBasePlacement, R as useId, S as useMergeRefs, k as jsxRuntimeExports, U as removeUndefinedValues, V as useSafeLayoutEffect, W as getWindow, X as usePopoverStore, l as DocContext, Y as PopoverDisclosure, Z as MdInfoOutline, $ as Popover } from "./doenetml-CLvAz_2Y.js";
 import { useMemo, useState, useRef, useContext } from "react";
 const POPOVER_ARROW_PATH = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z";
 const TagName = "div";

package/{GraphFrame-ZF35-YCf.js → GraphFrame-D0SsTifD.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.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";
 function GraphFrame({
   id,
   SVs,

package/{JSXGraphRenderer-ClyyL_2A.js → JSXGraphRenderer-WH0QKyTO.js}

@@ -1,4 +1,4 @@
-import { o as Context, p as cesc, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { o as Context, p as cesc, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import { useEffect, useState, useRef } from "react";
 var jxg = {};
 try {

package/{NonInlineMediaWrapper-ULod_asW.js → NonInlineMediaWrapper-BwSgbGOA.js}

@@ -1,4 +1,4 @@
-import { k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 function NonInlineMediaWrapper({
   id,
   displayMode,

package/Viewer/renderers/angle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angle.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/angle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AA4B9B,wBA+PG"}
+{"version":3,"file":"angle.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/angle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AAgC9B,wBAiQG"}

package/Viewer/renderers/circle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AAwD9B,wBA80BG"}
+{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/circle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AAyD9B,wBAg1BG"}

package/Viewer/renderers/polygon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polygon.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/polygon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AA4C9B,wBAspBG"}
+{"version":3,"file":"polygon.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/polygon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AA6C9B,wBAwpBG"}

package/Viewer/renderers/regionBetweenCurveXAxis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"regionBetweenCurveXAxis.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/regionBetweenCurveXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AAwB9B,wBAmOG"}
+{"version":3,"file":"regionBetweenCurveXAxis.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/regionBetweenCurveXAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AAyB9B,wBAqOG"}

package/Viewer/renderers/regionBetweenCurves.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"regionBetweenCurves.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/regionBetweenCurves.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AAsB9B,wBAuSG"}
+{"version":3,"file":"regionBetweenCurves.d.ts","sourceRoot":"","sources":["../../../src/Viewer/renderers/regionBetweenCurves.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAA0B,EACtB,sBAAsB,EACzB,MAAM,sBAAsB,CAAC;;AAuB9B,wBAySG"}

package/Viewer/renderers/utils/fillPatterns.d.ts

@@ -1,22 +1,45 @@
 /**
- * Ensures an SVG `<pattern>` element for the given style + color exists in
- * `defsEl`, then returns the `url(#…)` CSS reference string.
+ * Inputs (other than the target `<defs>`) that determine a fill pattern's
+ * rendered contents, and therefore its cache ID. Bundled into one options
+ * object so callers name each field: colors are all strings and opacities are
+ * all numbers, so positional arguments would be easy to transpose silently.
+ */
+type PatternFillInputs = {
+    boardId: string;
+    fillStyle: string;
+    fillColor: string;
+    fillOpacity: number;
+    canvasColor: string;
+    fillPatternOpacity: number;
+};
+/** {@link PatternFillInputs} plus the `<defs>` element to inject the pattern into. */
+type PatternInjectionInputs = PatternFillInputs & {
+    defsEl: SVGDefsElement | null;
+};
+/**
+ * Ensures an SVG `<pattern>` element for the given style + colors + opacities
+ * exists in `defsEl`, then returns the `url(#…)` CSS reference string.
+ *
+ * Each pattern tile has two layers: a background `<rect>` of `canvasColor` at
+ * `fillOpacity` (so a patterned shape reads like a translucent solid fill) and
+ * a foreground pattern (lines/dots/diamonds) of `fillColor` at
+ * `fillPatternOpacity`. Both opacities are baked into the pattern so the
+ * referencing element can keep `fillOpacity` at 1 (and drop to 0.5 on
+ * highlight, halving both layers together).
  *
  * If `fillStyle` is `"solid"` or unrecognised, returns `fillColor` unchanged
  * so callers can always use the return value as the JSXGraph `fillColor`.
  */
-export declare function getOrInjectPattern(defsEl: SVGDefsElement | null, boardId: string, fillStyle: string, fillColor: string): string;
+export declare function getOrInjectPattern({ defsEl, boardId, fillStyle, fillColor, fillOpacity, canvasColor, fillPatternOpacity, }: PatternInjectionInputs): string;
 /**
  * Resolves fill props for patterned SVG fills. When a non-solid pattern is
- * active, `fillPatternOpacity` is used (defaulting to 1) so the authored
- * `fillOpacity` (which is low by default for solid fills) does not apply.
+ * active, the pattern bakes in both the background opacity (`fillOpacity`) and
+ * the foreground opacity (`fillPatternOpacity`), so the element's own
+ * `fillOpacity` is 1 (dropping to 0.5 on highlight to dim both layers). For a
+ * `solid` (or unsupported) fill, the plain color and `fillOpacity` are returned
+ * unchanged.
  */
-export declare function getPatternFillAttributes({ defsEl, boardId, fillStyle, fillColor, fillOpacity, fillPatternOpacity, highlightFillOpacity, }: {
-    defsEl: SVGDefsElement | null;
-    boardId: string;
-    fillStyle: string;
-    fillColor: string;
-    fillOpacity: number;
+export declare function getPatternFillAttributes({ defsEl, boardId, fillStyle, fillColor, fillOpacity, canvasColor, fillPatternOpacity, highlightFillOpacity, }: Omit<PatternInjectionInputs, "fillPatternOpacity"> & {
     fillPatternOpacity?: number;
     highlightFillOpacity?: number;
 }): {
@@ -25,4 +48,5 @@ export declare function getPatternFillAttributes({ defsEl, boardId, fillStyle, f
     highlightFillColor: string;
     highlightFillOpacity: number;
 };
+export {};
 //# sourceMappingURL=fillPatterns.d.ts.map

package/Viewer/renderers/utils/fillPatterns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fillPatterns.d.ts","sourceRoot":"","sources":["../../../../src/Viewer/renderers/utils/fillPatterns.ts"],"names":[],"mappings":"AA8GA;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE,cAAc,GAAG,IAAI,EAC7B,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,GAClB,MAAM,CAkDR;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,kBAAsB,EACtB,oBAAwC,GAC3C,EAAE;IACC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC,GAAG;IACA,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;CAChC,CAiBA"}
+{"version":3,"file":"fillPatterns.d.ts","sourceRoot":"","sources":["../../../../src/Viewer/renderers/utils/fillPatterns.ts"],"names":[],"mappings":"AAsGA;;;;;GAKG;AACH,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,sFAAsF;AACtF,KAAK,sBAAsB,GAAG,iBAAiB,GAAG;IAC9C,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC,CAAC;AA2BF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,WAAW,EACX,kBAAkB,GACrB,EAAE,sBAAsB,GAAG,MAAM,CAoEjC;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,WAAW,EACX,kBAAsB,EACtB,oBAAwC,GAC3C,EAAE,IAAI,CAAC,sBAAsB,EAAE,oBAAoB,CAAC,GAAG;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC,GAAG;IACA,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;CAChC,CAkBA"}

package/Viewer/renderers/utils/styleColors.d.ts

@@ -24,4 +24,16 @@ export declare function resolveMarkerColor(style: Pick<ResolvedStyleDefinition,
  * the light-mode value regardless of the current theme.
  */
 export declare function resolveHandleColor(darkMode: DarkMode): string;
+/**
+ * The graph canvas background color. Mirrors the `--canvas` CSS variable
+ * (white in light mode, `#121212` in dark mode). Used as the background layer
+ * behind fill patterns so a patterned shape reads as a translucent solid fill
+ * with the pattern drawn on top.
+ *
+ * Returns a resolved value rather than `var(--canvas)` for the same reason as
+ * `resolveHandleColor`: patterns are injected into the board SVG whose theme is
+ * driven by an inner wrapper's `data-theme`, so we resolve against `darkMode`
+ * directly instead of relying on CSS-variable inheritance.
+ */
+export declare function resolveCanvasColor(darkMode: DarkMode): string;
 //# sourceMappingURL=styleColors.d.ts.map

package/Viewer/renderers/utils/styleColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleColors.d.ts","sourceRoot":"","sources":["../../../../src/Viewer/renderers/utils/styleColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,IAAI,CAAC,uBAAuB,EAAE,WAAW,GAAG,mBAAmB,CAAC,EACvE,QAAQ,EAAE,QAAQ,GACnB,MAAM,CAER;AAED,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,IAAI,CAAC,uBAAuB,EAAE,WAAW,GAAG,mBAAmB,CAAC,EACvE,QAAQ,EAAE,QAAQ,GACnB,MAAM,CAER;AAED,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,qBAAqB,CAAC,EAC3E,QAAQ,EAAE,QAAQ,GACnB,MAAM,CAER;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAE7D"}
+{"version":3,"file":"styleColors.d.ts","sourceRoot":"","sources":["../../../../src/Viewer/renderers/utils/styleColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,IAAI,CAAC,uBAAuB,EAAE,WAAW,GAAG,mBAAmB,CAAC,EACvE,QAAQ,EAAE,QAAQ,GACnB,MAAM,CAER;AAED,wBAAgB,gBAAgB,CAC5B,KAAK,EAAE,IAAI,CAAC,uBAAuB,EAAE,WAAW,GAAG,mBAAmB,CAAC,EACvE,QAAQ,EAAE,QAAQ,GACnB,MAAM,CAER;AAED,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,qBAAqB,CAAC,EAC3E,QAAQ,EAAE,QAAQ,GACnB,MAAM,CAER;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAE7D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAE7D"}

package/{_error-e2DvTR_-.js → _error-IQ9UNo67.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 _error = React__default.memo(function Error(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   let displayedMessage = null;

package/{alert-CiDph-qI.js → alert-CGC3bff7.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 { a as addCommasForCompositeRanges } from "./composites-Dm300CeM.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
 const alert = React__default.memo(function Alert(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{angle-BO-faJS7.js → angle-DHh7zuz0.js}

@@ -1,11 +1,11 @@
-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, useEffect } from "react";
-import { j as jxg, s as syncLayer, a as syncWithLabelToggle, 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 { ChoiceInputInlineContext } from "./choiceInput-rMXvVgk1.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-D3zaP49I.js";
-import { r as resolveFillColor, a as resolveLineColor } from "./styleColors-DH1y_fdG.js";
+import { j as jxg, s as syncLayer, a as syncWithLabelToggle, 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 { ChoiceInputInlineContext } from "./choiceInput-Ck8DVMmG.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-xFNXM2wi.js";
+import { r as resolveFillColor, a as resolveLineColor, b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
 const angle = React__default.memo(function Angle(props) {
   let { id, SVs } = useDoenetRenderer(props);
   const board = useContext(BoardContext);
@@ -46,6 +46,7 @@ const angle = React__default.memo(function Angle(props) {
       fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
       fillColor: resolveFillColor(SVs.selectedStyle, darkMode),
       fillOpacity: SVs.selectedStyle.fillOpacity,
+      canvasColor: resolveCanvasColor(darkMode),
       fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity
     });
     var jsxAngleAttributes = {
@@ -167,6 +168,7 @@ const angle = React__default.memo(function Angle(props) {
         fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
         fillColor: resolveFillColor(SVs.selectedStyle, darkMode),
         fillOpacity: SVs.selectedStyle.fillOpacity,
+        canvasColor: resolveCanvasColor(darkMode),
         fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity
       });
       const angleFillColor = fillAttributes.fillColor;

package/{answer-BAfMeEuz.js → answer-BRsvUVeb.js}

@@ -1,9 +1,9 @@
-import { l as DocContext, k as jsxRuntimeExports, n as DynamicMath } from "./doenetml-BKWgWWIN.js";
+import { l as DocContext, k as jsxRuntimeExports, n as DynamicMath } from "./doenetml-CLvAz_2Y.js";
 import React__default, { 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 { D as DescriptionPopover } from "./Description-B0pkxmYM.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";
+import { D as DescriptionPopover } from "./Description-X0wbmle2.js";
 const answer = React__default.memo(function Answer(props) {
   let {
     componentIdx,

package/{asList-kgA-OT8n.js → asList-BDTqMh8x.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 asList = React__default.memo(function AsList(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{blockQuote-CItqFOqX.js → blockQuote-a_wAKOhU.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 { 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 blockQuote = React__default.memo(function Container(props) {
   const { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{boolean-BCSLGpJu.js → boolean-DyQyJb0r.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 boolean = React__default.memo(function Boolean(props) {
   let { id, SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{booleanInput-u3Zps6Fb.js → booleanInput-BuXBjR85.js}

@@ -1,11 +1,11 @@
-import { o as Context, k as jsxRuntimeExports, M as MathJax, T as ToggleButton } from "./doenetml-BKWgWWIN.js";
+import { o as Context, k as jsxRuntimeExports, M as MathJax, T as ToggleButton } from "./doenetml-CLvAz_2Y.js";
 import React__default, { 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 { 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 { 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";
 const booleanInput = React__default.memo(function BooleanInput(props) {
   let { id, SVs, children, actions, ignoreUpdate, callAction } = useDoenetRenderer(props);
   BooleanInput.baseStateVariable = "value";

package/{br-KYVD8qcq.js → br-Cfe4q1oD.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 br = React__default.memo(function Br(props) {
   let { id, SVs } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{buildGraphicalAttributes-WXpVD4ud.js → buildGraphicalAttributes-C7PtyKL7.js}

@@ -1,4 +1,4 @@
-import { a as resolveLineColor, r as resolveFillColor } from "./styleColors-DH1y_fdG.js";
+import { a as resolveLineColor, r as resolveFillColor } from "./styleColors-Cknqcr0q.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 function buildBaseAttributes({
   SVs,

package/{button-w7VVe654.js → button-BNh32tF9.js}

@@ -1,8 +1,8 @@
-import { o as Context, p as cesc, k as jsxRuntimeExports, B as Button2 } from "./doenetml-BKWgWWIN.js";
+import { o as Context, p as cesc, k as jsxRuntimeExports, B as Button2 } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useRef, useContext, 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 { g as getPositionFromAnchorByCoordinate, P as POINTER_DRAG_THRESHOLD } from "./graph-W6vrFcBu.js";
 const button = React__default.memo(function ButtonComponent(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(

package/{c-BSP1SVSx.js → c-DR_c8Y0-.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 c = React__default.memo(function C(props) {
   const { id, SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{cell-CB0DzYcL.js → cell-DaCO5BD5.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 { a as addCommasForCompositeRanges } from "./composites-Dm300CeM.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { a as addCommasForCompositeRanges } from "./composites-XinFoIcx.js";
 const cell = React__default.memo(function Cell(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{choiceInput-rMXvVgk1.js → choiceInput-Ck8DVMmG.js}

@@ -1,11 +1,11 @@
-import { ao as autoUpdate, l as DocContext, k as jsxRuntimeExports, ap as CANVAS_DARK_MODE_COLOR, M as MathJax } from "./doenetml-BKWgWWIN.js";
+import { ao as autoUpdate, l as DocContext, k as jsxRuntimeExports, ap as CANVAS_DARK_MODE_COLOR, M as MathJax } from "./doenetml-CLvAz_2Y.js";
 import * as React from "react";
 import React__default, { useState, useCallback, forwardRef, useContext, useLayoutEffect, useRef, useMemo, createContext, Component, Fragment, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
 import { a as _objectWithoutPropertiesLoose, _ as _setPrototypeOf, b as _extends } from "./setPrototypeOf-C-47lAIH.js";
 import { createPortal } from "react-dom";
-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";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 function _typeof(o) {

package/{circle-BeLDrQ8q.js → circle-BZFa865i.js}

@@ -1,17 +1,17 @@
-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, s as syncLayer, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight, r as removeJXGEventHandlers } from "./JSXGraphRenderer-ClyyL_2A.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-D_88xSdj.js";
-import { BoardContext, POINT_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
+import { j as jxg, s as syncLayer, e as syncLineStrokeStyle, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight, r as removeJXGEventHandlers } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, POINT_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
 import { c as characterizeOffGraphPoint, a as characterizeOffGraphCircleArc } from "./offGraphIndicators-CYoqQHuD.js";
 import { n as normalizePointStyle, a as normalizePointSize, b as adjustPointLabelPosition, c as getEffectiveBoundingBox, d as getGraphCornerWithBuffer, e as calculatePointLabelAnchor } from "./graph-W6vrFcBu.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-tcr76K44.js";
-import { a as resolveLineColor, r as resolveFillColor, b as resolveMarkerColor } from "./styleColors-DH1y_fdG.js";
+import { a as resolveLineColor, r as resolveFillColor, c as resolveMarkerColor, b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
-import { b as buildFilledShapeAttributes } from "./buildGraphicalAttributes-WXpVD4ud.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-D3zaP49I.js";
+import { b as buildFilledShapeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-xFNXM2wi.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
 const circle = React__default.memo(function Circle(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
@@ -75,6 +75,7 @@ const circle = React__default.memo(function Circle(props) {
           fillStyle: SVs.selectedStyle.fillStyle ?? "solid",
           fillColor: jsxCircleAttributes.fillColor,
           fillOpacity: SVs.selectedStyle.fillOpacity,
+          canvasColor: resolveCanvasColor(darkMode),
           fillPatternOpacity: SVs.selectedStyle.fillPatternOpacity,
           highlightFillOpacity: SVs.selectedStyle.fillOpacity * 0.5
         })
@@ -528,6 +529,7 @@ const circle = React__default.memo(function Circle(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/{cobwebPolyline-BTmHg_rW.js → cobwebPolyline-D5GvgpiH.js}

@@ -1,8 +1,8 @@
-import { q as createFunctionFromDefinition, k as jsxRuntimeExports } from "./doenetml-BKWgWWIN.js";
+import { q as createFunctionFromDefinition, k as jsxRuntimeExports } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useContext, useRef } 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, VERTEX_LAYER_OFFSET } from "./graph-CIVVSnH7.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, VERTEX_LAYER_OFFSET } from "./graph-DwiumKgy.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 const cobwebPolyline = React__default.memo(function CobwebPolyline(props) {
   let { componentIdx, id, SVs, actions, sourceOfUpdate, callAction } = useDoenetRenderer(props);

package/{codeEditor-Ct5C8db2.js → codeEditor-DYVj_Ab-.js}

@@ -1,6 +1,6 @@
-import { k as jsxRuntimeExports, H as EditorViewer } from "./doenetml-BKWgWWIN.js";
+import { k as jsxRuntimeExports, H as EditorViewer } from "./doenetml-CLvAz_2Y.js";
 import React__default, { useState, useEffect, 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";
 function resolveElements(elementOrSelector, scope, selectorCache) {
   if (elementOrSelector == null) {

package/{composites-Dm300CeM.js → composites-XinFoIcx.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 from "react";
 function addCommasForCompositeRanges({
   compositeReplacementActiveRange,

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

package/{containerInline-BmxKUHqq.js → containerInline-ByxuSmSL.js}

@@ -1,8 +1,8 @@
-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 { 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 containerInline = React__default.memo(function ContainerInline(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{curve-DmoNrVfA.js → curve-A385radh.js}

@@ -1,10 +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 } from "react";
-import { s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, g as syncVisPropValues, j as jxg, 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, CONTROL_POINT_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CIVVSnH7.js";
+import { s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, g as syncVisPropValues, j as jxg, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-WH0QKyTO.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-Dxxe3hVm.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, CONTROL_POINT_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-DwiumKgy.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.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";
 const curve = React__default.memo(function Curve(props) {

package/{doenetml-BKWgWWIN.js → doenetml-CLvAz_2Y.js}

@@ -26039,7 +26039,7 @@ async function cidFromArrayBuffer(data) {
       await crypto.subtle.digest("SHA-256", new Uint8Array());
       digest = (data2) => crypto.subtle.digest("SHA-256", data2);
     } catch (e2) {
-      const sha256 = (await import("./sha256-C0vj3HDn-CCgktFhW.js").then((n2) => n2.s)).default;
+      const sha256 = (await import("./sha256-C0vj3HDn-UGyxHwaY.js").then((n2) => n2.s)).default;
       digest = (data2) => sha256(data2, {
         asBytes: true
       });
@@ -41973,7 +41973,7 @@ function DocViewer({
     for (const rendererClassName of coreInfo.current.rendererTypesInDocument) {
       rendererClassNames.push(rendererClassName);
       rendererLoaders.push(
-        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-ZF35-YCf.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-ClyyL_2A.js").then((n2) => n2.m), "./renderers/_error.tsx": () => import("./_error-e2DvTR_-.js"), "./renderers/alert.tsx": () => import("./alert-CiDph-qI.js"), "./renderers/angle.tsx": () => import("./angle-BO-faJS7.js"), "./renderers/answer.tsx": () => import("./answer-BAfMeEuz.js"), "./renderers/asList.tsx": () => import("./asList-kgA-OT8n.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-CItqFOqX.js"), "./renderers/boolean.tsx": () => import("./boolean-BCSLGpJu.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-u3Zps6Fb.js"), "./renderers/br.tsx": () => import("./br-KYVD8qcq.js"), "./renderers/button.tsx": () => import("./button-w7VVe654.js"), "./renderers/c.tsx": () => import("./c-BSP1SVSx.js"), "./renderers/cell.tsx": () => import("./cell-CB0DzYcL.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-rMXvVgk1.js"), "./renderers/circle.tsx": () => import("./circle-BeLDrQ8q.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-BTmHg_rW.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-Ct5C8db2.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-DIy2KB5D.js"), "./renderers/containerInline.tsx": () => import("./containerInline-BmxKUHqq.js"), "./renderers/curve.tsx": () => import("./curve-DmoNrVfA.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-scY2XC69.js"), "./renderers/em.tsx": () => import("./em-Dnuk5NWT.js"), "./renderers/embed.tsx": () => import("./embed-Cp--9Yfg.js"), "./renderers/feedback.tsx": () => import("./feedback-c_A4BreS.js"), "./renderers/figure.tsx": () => import("./figure-jTKaDOz3.js"), "./renderers/footnote.tsx": () => import("./footnote-CUHggjY3.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-DETXKhQJ.js"), "./renderers/graph.tsx": () => import("./graph-CIVVSnH7.js"), "./renderers/hint.tsx": () => import("./hint-CdmNr5z6.js"), "./renderers/hr.tsx": () => import("./hr-D_9e0dVs.js"), "./renderers/image.tsx": () => import("./image-BE89vcic.js"), "./renderers/label.tsx": () => import("./label-_U3xA-Bt.js"), "./renderers/legend.tsx": () => import("./legend-CZGk-DEr.js"), "./renderers/line.tsx": () => import("./line-DB_1uxnA.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-Bo4V-Ids.js"), "./renderers/list.tsx": () => import("./list-BbIsQlsb.js"), "./renderers/lq.tsx": () => import("./lq-BwD76zkS.js"), "./renderers/lsq.tsx": () => import("./lsq-C7B2cqLf.js"), "./renderers/math.tsx": () => import("./math-DU-09uBw.js"), "./renderers/mathInput.tsx": () => import("./mathInput-B7nN2ol0.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-C3JylJ_O.js"), "./renderers/mdash.tsx": () => import("./mdash-D3PcaUii.js"), "./renderers/nbsp.tsx": () => import("./nbsp-B_XH-l5k.js"), "./renderers/ndash.tsx": () => import("./ndash-DaNmR36W.js"), "./renderers/number.tsx": () => import("./number-YvxsR4BL.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-CmTWXDzB.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-Cy_7ng8s.js"), "./renderers/p.tsx": () => import("./p-DA_rzyWJ.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-BBPqx8C9.js"), "./renderers/pegboard.tsx": () => import("./pegboard-CRZQVxuV.js"), "./renderers/point.tsx": () => import("./point-ByEbaxWn.js"), "./renderers/polygon.tsx": () => import("./polygon-BmdkJEts.js"), "./renderers/polyline.tsx": () => import("./polyline-CvqkWn7E.js"), "./renderers/pre.tsx": () => import("./pre-1IrMFXkg.js"), "./renderers/prefigure.tsx": () => import("./prefigure-lmP6VsjT.js"), "./renderers/pretzel.tsx": () => import("./pretzel-D6WX7Z_y.js"), "./renderers/q.tsx": () => import("./q-kRzKxy6K.js"), "./renderers/ray.tsx": () => import("./ray-DgnftbwK.js"), "./renderers/ref.tsx": () => import("./ref-ChyMLX-H.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-BBAp-W44.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-FuodCBzl.js"), "./renderers/row.tsx": () => import("./row-CBcYGCtp.js"), "./renderers/rq.tsx": () => import("./rq-qOWxtmZg.js"), "./renderers/rsq.tsx": () => import("./rsq-C70_1w-v.js"), "./renderers/section.tsx": () => import("./section-5EiCWYMD.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-BjpdpZxA.js"), "./renderers/slider.tsx": () => import("./slider-C8-N3Zwb.js"), "./renderers/solution.tsx": () => import("./solution-nJ9QkZ6m.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-UGkznEIk.js"), "./renderers/sq.tsx": () => import("./sq-D7ffIkkq.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-Dx1x79Fj.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-CywLC3ub.js"), "./renderers/table.tsx": () => import("./table-BhOldp85.js"), "./renderers/tabular.tsx": () => import("./tabular-CHpPJUMK.js"), "./renderers/tag.tsx": () => import("./tag-M3xzh0Ga.js"), "./renderers/text.tsx": () => import("./text-B5WNf0j4.js"), "./renderers/textInput.tsx": () => import("./textInput-CAZzwrlH.js"), "./renderers/vector.tsx": () => import("./vector-WRgenjlW.js"), "./renderers/video.tsx": () => import("./video-oFHacN2c.js") }), `./renderers/${rendererClassName}.tsx`, 3)
+        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-D0SsTifD.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-WH0QKyTO.js").then((n2) => n2.m), "./renderers/_error.tsx": () => import("./_error-IQ9UNo67.js"), "./renderers/alert.tsx": () => import("./alert-CGC3bff7.js"), "./renderers/angle.tsx": () => import("./angle-DHh7zuz0.js"), "./renderers/answer.tsx": () => import("./answer-BRsvUVeb.js"), "./renderers/asList.tsx": () => import("./asList-BDTqMh8x.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-a_wAKOhU.js"), "./renderers/boolean.tsx": () => import("./boolean-DyQyJb0r.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-BuXBjR85.js"), "./renderers/br.tsx": () => import("./br-Cfe4q1oD.js"), "./renderers/button.tsx": () => import("./button-BNh32tF9.js"), "./renderers/c.tsx": () => import("./c-DR_c8Y0-.js"), "./renderers/cell.tsx": () => import("./cell-DaCO5BD5.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-Ck8DVMmG.js"), "./renderers/circle.tsx": () => import("./circle-BZFa865i.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-D5GvgpiH.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-DYVj_Ab-.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BjigEe4d.js"), "./renderers/containerInline.tsx": () => import("./containerInline-ByxuSmSL.js"), "./renderers/curve.tsx": () => import("./curve-A385radh.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-0Rf9uFcz.js"), "./renderers/em.tsx": () => import("./em-C-HqHV4n.js"), "./renderers/embed.tsx": () => import("./embed-BfNzc5Le.js"), "./renderers/feedback.tsx": () => import("./feedback-DwhXmMSH.js"), "./renderers/figure.tsx": () => import("./figure-7Xi2fQSv.js"), "./renderers/footnote.tsx": () => import("./footnote-B6OpfKj6.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-D1xTeDSb.js"), "./renderers/graph.tsx": () => import("./graph-DwiumKgy.js"), "./renderers/hint.tsx": () => import("./hint-BAGwv27L.js"), "./renderers/hr.tsx": () => import("./hr-Aj-J3kTg.js"), "./renderers/image.tsx": () => import("./image-DkVGJkU9.js"), "./renderers/label.tsx": () => import("./label-t5QOz3hz.js"), "./renderers/legend.tsx": () => import("./legend-GzOZUocx.js"), "./renderers/line.tsx": () => import("./line-BeQtVGs_.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-oIe7WXtR.js"), "./renderers/list.tsx": () => import("./list-x28rSefl.js"), "./renderers/lq.tsx": () => import("./lq-8l0sDOr8.js"), "./renderers/lsq.tsx": () => import("./lsq-CZFG7Nl5.js"), "./renderers/math.tsx": () => import("./math-BMR5AiER.js"), "./renderers/mathInput.tsx": () => import("./mathInput-DS_W_e8n.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-DmrPKznJ.js"), "./renderers/mdash.tsx": () => import("./mdash-Bu1Q1ekL.js"), "./renderers/nbsp.tsx": () => import("./nbsp-DVm0h4-x.js"), "./renderers/ndash.tsx": () => import("./ndash-DdGtnsQK.js"), "./renderers/number.tsx": () => import("./number-CfeeIc74.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-DEDYTOaB.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-CX08AX-x.js"), "./renderers/p.tsx": () => import("./p-yQIjH8Fa.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-FHx8dyK2.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DOjue_FK.js"), "./renderers/point.tsx": () => import("./point-CwMVWF91.js"), "./renderers/polygon.tsx": () => import("./polygon-DdAM4aKr.js"), "./renderers/polyline.tsx": () => import("./polyline-DWOgBzqs.js"), "./renderers/pre.tsx": () => import("./pre-BZ7ZCw9Z.js"), "./renderers/prefigure.tsx": () => import("./prefigure-DueQF7ys.js"), "./renderers/pretzel.tsx": () => import("./pretzel-ES8Yvo78.js"), "./renderers/q.tsx": () => import("./q-xpEgI0-d.js"), "./renderers/ray.tsx": () => import("./ray-BNmkEcDJ.js"), "./renderers/ref.tsx": () => import("./ref-CK0oY9LN.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-BDAOPDMD.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-DdPYLipw.js"), "./renderers/row.tsx": () => import("./row-nP0ZhX6Z.js"), "./renderers/rq.tsx": () => import("./rq-DLF6CDjv.js"), "./renderers/rsq.tsx": () => import("./rsq-Jh7GuweM.js"), "./renderers/section.tsx": () => import("./section-n-Mv8eqZ.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-DdjzZlgo.js"), "./renderers/slider.tsx": () => import("./slider-BwwfFUMx.js"), "./renderers/solution.tsx": () => import("./solution-CMJnOEXE.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-BPeiYRXq.js"), "./renderers/sq.tsx": () => import("./sq-f0eKuiZ7.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-cPp2Z2Lo.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-_-_4_PVE.js"), "./renderers/table.tsx": () => import("./table-Ctq_Iify.js"), "./renderers/tabular.tsx": () => import("./tabular-DQg3Elet.js"), "./renderers/tag.tsx": () => import("./tag-C3cIMi7z.js"), "./renderers/text.tsx": () => import("./text-DbQWmZqo.js"), "./renderers/textInput.tsx": () => import("./textInput-CJmzQBzV.js"), "./renderers/vector.tsx": () => import("./vector-B5kimWqF.js"), "./renderers/video.tsx": () => import("./video-CPqqjP8F.js") }), `./renderers/${rendererClassName}.tsx`, 3)
       );
     }
     const documentComponentInstructions = coreInfo.current.documentToRender;
@@ -203650,10 +203650,10 @@ function EditorFooter({
           "div",
           {
             className: "doenetml-version",
-            title: `DoenetML version ${"0.7.20-dev.334"}`,
+            title: `DoenetML version ${"0.7.20-dev.335"}`,
             children: [
               "v",
-              "0.7.20-dev.334"
+              "0.7.20-dev.335"
             ]
           }
         ),

package/doenetml-external-worker.js

@@ -1,5 +1,5 @@
-import { i as doenetGlobalConfig } from "./doenetml-BKWgWWIN.js";
-import { C, D, a, c, b, d, g, e, m, f, r, s, h } from "./doenetml-BKWgWWIN.js";
+import { i as doenetGlobalConfig } from "./doenetml-CLvAz_2Y.js";
+import { C, D, a, c, b, d, g, e, m, f, r, s, h } from "./doenetml-CLvAz_2Y.js";
 const workerPath = "./doenetml-worker/index.js";
 function resolveWorkerUrl() {
   try {