@doenet/doenetml 0.7.23-dev.447 → 0.7.23-dev.448

package/{pretzel-B3sXb45R.js → pretzel-CjrR5RtZ.js}

@@ -1,8 +1,8 @@
-import { u as useT, F as useContentT, t as useChromeLangDir, G as useRecordVisibilityChanges, z as DocContext, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { u as useT, F as useContentT, t as useChromeLangDir, G as useRecordVisibilityChanges, z as DocContext, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useRef, useContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { A as AnswerResponseButton } from "./AnswerResponseButton-BnyushMf.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-v7uRJBRr.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { A as AnswerResponseButton } from "./AnswerResponseButton-DbNiBj8k.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BLd_1yWz.js";
 const pretzel = React__default.memo(function Pretzel(props) {
   let {
     componentIdx,

package/{q-HCsGnSIH.js → q-BJVM77xN.js}

@@ -1,7 +1,7 @@
-import { p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { r as renderMarkupBody } from "./markupRenderer-DJM0buzW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { r as renderMarkupBody } from "./markupRenderer-COg9WapN.js";
 const q = React__default.memo(function Q(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{ray-BUQJnyuA.js → ray-COdyCHKe.js}

@@ -1,9 +1,9 @@
-import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.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-CfML1Caq.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-BfKVz-Kv.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DLuemdFl.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-DQTVjrtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CTIrmN47.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DpzEIj07.js";
 import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-0RNcbd2S.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";

package/{ref-BBGzuJYH.js → ref-BUPIPzBy.js}

@@ -1,6 +1,6 @@
-import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useContext, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 const ref = React__default.memo(function Ref(props) {
   const { id, SVs, children, requestScrollTo } = useDoenetRenderer(props);
   const { doenetViewerUrl } = useContext(DocContext) || {};
@@ -64,7 +64,7 @@ const ref = React__default.memo(function Ref(props) {
       "a",
       {
         style: {
-          color: "var(--mainBlue)",
+          color: "var(--linkText)",
           borderRadius: "5px"
         },
         target: targetForATag || void 0,

package/{regionBetweenCurveXAxis-B3xgD3lv.js → regionBetweenCurveXAxis-DWJYviFe.js}

@@ -1,9 +1,9 @@
-import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CfML1Caq.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-BfKVz-Kv.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-fEJQ_kwx.js";
+import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-DQTVjrtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CTIrmN47.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-OOb8UosT.js";
 import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
 const regionBetweenCurveXAxis = React__default.memo(function RegionBetweenCurveXAxis(props) {
   let { id, SVs } = useDoenetRenderer(props);

package/{regionBetweenCurves-C356BuQg.js → regionBetweenCurves-C2RVk-uD.js}

@@ -1,11 +1,11 @@
-import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-BfKVz-Kv.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CTIrmN47.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-fEJQ_kwx.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-OOb8UosT.js";
 import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
-import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CfML1Caq.js";
+import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-DQTVjrtx.js";
 const regionBetweenCurves = React__default.memo(function RegionBetweenCurves(props) {
   let { id, SVs } = useDoenetRenderer(props);
   RegionBetweenCurves.ignoreActionsWithoutCore = () => true;

package/{row-Dh0Hl7yp.js → row-Ce7_QKC-.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 const row = React__default.memo(function Row(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{rq-BLZqMXUV.js → rq-BHM0RaOX.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 const rq = React__default.memo(function Rq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{rsq-D1_dDM5K.js → rsq-DuPwKoIR.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 const rsq = React__default.memo(function Rsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{section-Dgz5ex1-.js → section-Bp0ea4J2.js}

@@ -1,10 +1,10 @@
-import { u as useT, F as useContentT, N as directionOf, O as useDocumentDirection, P as chromeLangDir, q as useUiLocale, z as DocContext, I as cesc, G as useRecordVisibilityChanges, p as jsxRuntimeExports, Q as DocumentDirectionProvider } from "./doenetml-Cl4m-iIr.js";
+import { u as useT, F as useContentT, N as directionOf, O as useDocumentDirection, P as chromeLangDir, q as useUiLocale, z as DocContext, I as cesc, G as useRecordVisibilityChanges, p as jsxRuntimeExports, Q as DocumentDirectionProvider } from "./doenetml-DkNBxAz0.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { F as FontAwesomeIcon } from "./index.es-BX48x60Y.js";
+import { F as FontAwesomeIcon } from "./index.es-CypABRSz.js";
 import { f as faCaretDown, a as faCaretRight } from "./index-BDlitCgu.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { a as addCommasForCompositeRanges } from "./composites-CkJBGhYQ.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-v7uRJBRr.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { a as addCommasForCompositeRanges } from "./composites-CHJxj_59.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BLd_1yWz.js";
 import { c as clickToToggleLabel } from "./disclosure-axyZa36E.js";
 const section = React__default.memo(function Section(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);

package/{sha256-Bzrm4-tO-DBGBRntE.js → sha256-Bzrm4-tO-iA-1AZnY.js}

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

package/{sideBySide-0Cw0viXe.js → sideBySide-E8RIHgtt.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 function isWhitespaceTextChild(child) {
   return typeof child === "string" && child.trim() === "";

package/{slider-CLhZx0KJ.js → slider-B354RRUs.js}

@@ -1,8 +1,8 @@
-import { u as useT, p as jsxRuntimeExports, R as ActionButtonGroup, S as ActionButton, H as Context } from "./doenetml-Cl4m-iIr.js";
+import { u as useT, p as jsxRuntimeExports, R as ActionButtonGroup, S as ActionButton, H as Context } from "./doenetml-DkNBxAz0.js";
 import React__default, { useState, useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { r as renderLabelWithLatex } from "./labelWithLatex-Dd7dwoNh.js";
+import { r as renderLabelWithLatex } from "./labelWithLatex-DWMfYcAF.js";
 import { l as ltrIslandProps } from "./direction-BwrU7jHk.js";
 let round_to_decimals = (x, n) => {
   try {

package/{solution-6X5RRJuq.js → solution-Czj5O0lh.js}

@@ -1,9 +1,9 @@
-import { u as useT, G as useRecordVisibilityChanges, t as useChromeLangDir, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { u as useT, G as useRecordVisibilityChanges, t as useChromeLangDir, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { F as FontAwesomeIcon } from "./index.es-BX48x60Y.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { F as FontAwesomeIcon } from "./index.es-CypABRSz.js";
 import { c as faPuzzlePiece } from "./index-BDlitCgu.js";
-import { a as addCommasForCompositeRanges } from "./composites-CkJBGhYQ.js";
+import { a as addCommasForCompositeRanges } from "./composites-CHJxj_59.js";
 import { c as clickToToggleLabel } from "./disclosure-axyZa36E.js";
 const solution = React__default.memo(function Solution(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);

package/{spreadsheet-Dp3tMmkQ.js → spreadsheet-D6q_ccK1.js}

@@ -1,6 +1,6 @@
-import { z as DocContext, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { z as DocContext, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.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-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.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-D7BAf7W-.js → sq-DoTFhRgW.js}

@@ -1,7 +1,7 @@
-import { p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { r as renderMarkupBody } from "./markupRenderer-DJM0buzW.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { r as renderMarkupBody } from "./markupRenderer-COg9WapN.js";
 const sq = React__default.memo(function Sq(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/style.css

@@ -76,6 +76,13 @@ html {
     --lightGreen: #a6f19f;
     --lightYellow: #f5ed85;
     --whiteBlankLink: #6d4445;
+    /* Link text. Distinct from --mainBlue, which is a surface color (button
+       backgrounds) and so must stay dark in both themes. */
+    --linkText: #1a5a99;
+    /* Border for panels that paint the canvas color and so have no fill of
+       their own to set them apart. Meets WCAG's 3:1 non-text contrast against
+       the canvas, which a surface-toned border does not. */
+    --panelBorder: #949494;
     --mainYellow: #94610a;
     --lightOrange: #efab34;
     --mainOrange: #a36600;
@@ -107,6 +114,8 @@ html {
     --lightGreen: #1a5e20;
     --lightYellow: #f5ed85;
     --whiteBlankLink: #a9abe5;
+    --linkText: #8ab4f8;
+    --panelBorder: #6b6b6b;
     --mainYellow: #efab34;
     --lightOrange: #7a3e00;
     --mainOrange: #a36600;
@@ -2673,13 +2682,22 @@ Tailwind base is purposely not included because we want all styles to be prefixe
     cursor: pointer;
 }
 
+/*
+ * Both description surfaces paint the canvas color rather than a surface of
+ * their own. Style-definition contrast is checked statically against the canvas
+ * (see `styleContrastAccessibility.ts`), so authored colors only carry their
+ * WCAG AA guarantee onto a background the check actually knows about. Borders
+ * and shadows, which no text sits on, still carry the raised-panel look.
+ */
 .description[open] {
-    background-color: var(--revealButtonSurface);
+    background-color: var(--canvas);
     color: var(--canvasText);
 }
 .description .details-content {
-    background-color: var(--revealButtonSurface);
+    background-color: var(--canvas);
     color: var(--canvasText);
+    border: 1px solid var(--panelBorder);
+    border-radius: var(--mainBorderRadius);
     padding: 10px;
 }
 
@@ -2700,10 +2718,10 @@ Tailwind base is purposely not included because we want all styles to be prefixe
     border-radius: 0.5rem;
     border-width: 1px;
     border-style: solid;
-    border-color: hsl(204 20% 88%);
-    background-color: white;
+    border-color: var(--panelBorder);
+    background-color: var(--canvas);
     padding: 1rem;
-    color: black;
+    color: var(--canvasText);
     box-shadow:
         0 10px 15px -3px rgb(0 0 0 / 0.1),
         0 4px 6px -4px rgb(0 0 0 / 0.1);
@@ -2716,24 +2734,25 @@ Tailwind base is purposely not included because we want all styles to be prefixe
 }
 
 .description-popover:where([data-theme="dark"], [data-theme="dark"] *) {
-    border-color: hsl(204 4% 24%);
-    background-color: hsl(204 4% 16%);
-    color: white;
     box-shadow:
         0 10px 15px -3px rgb(0 0 0 / 0.25),
         0 4px 6px -4px rgb(0 0 0 / 0.1);
 }
 
 .description-popover .arrow > svg {
-    fill: white;
-    stroke: hsl(204 20% 88%);
+    fill: var(--canvas);
+    stroke: var(--panelBorder);
 }
 
-.description-popover
-    .arrow:where([data-theme="dark"], [data-theme="dark"] *)
-    > svg {
-    fill: hsl(204 4% 16%);
-    stroke: hsl(204 4% 24%);
+/*
+ * Links in description content, both the attribution's author, subject, and
+ * license anchors and any authored `<ref>`. Without this the generated anchors
+ * fall through to the user agent's `#0000EE` (and `#551A8B` once visited),
+ * neither of which changes with the theme.
+ */
+.description .details-content a,
+.description-popover a {
+    color: var(--linkText);
 }
 .doenet-viewer button.check-work {
     position: relative;

package/{subsetOfRealsInput-BvBK_Jd5.js → subsetOfRealsInput-DTolYMhe.js}

@@ -1,6 +1,6 @@
-import { u as useT, G as useRecordVisibilityChanges, p as jsxRuntimeExports, W as ToggleButtonGroup, U as ToggleButton, R as ActionButtonGroup, S as ActionButton } from "./doenetml-Cl4m-iIr.js";
+import { u as useT, G as useRecordVisibilityChanges, p as jsxRuntimeExports, W as ToggleButtonGroup, U as ToggleButton, R as ActionButtonGroup, S as ActionButton } from "./doenetml-DkNBxAz0.js";
 import React__default, { useState, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 import { l as ltrIslandProps } from "./direction-BwrU7jHk.js";
 const subsetOfRealsInput = React__default.memo(function subsetOfReals(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);

package/{summaryStatistics-BJUnMS8R.js → summaryStatistics-Beg3cGYV.js}

@@ -1,6 +1,6 @@
-import { u as useT, t as useChromeLangDir, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { u as useT, t as useChromeLangDir, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.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-9CsK8tcI.js → table-B7aXOHCt.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 const table = React__default.memo(function Table(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{tabular-BODNZXF0.js → tabular-Dl55a0Ge.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.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-C4r4-oVg.js → tag-L840ajgo.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 const tag = React__default.memo(function Tag(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{text-bshUf4sW.js → text-DLPZ6wBd.js}

@@ -1,13 +1,13 @@
-import { z as DocContext, H as Context, p as jsxRuntimeExports, A as textRendererStyle } from "./doenetml-Cl4m-iIr.js";
+import { z as DocContext, H as Context, p as jsxRuntimeExports, A as textRendererStyle } from "./doenetml-DkNBxAz0.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CfML1Caq.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-BfKVz-Kv.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { j as jxg } from "./JSXGraphRenderer-DQTVjrtx.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CTIrmN47.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-C2OCYTFb.js";
+import { ChoiceInputInlineContext } from "./choiceInput-Cd7-mcB4.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-C0OMh5dz.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-DBoLCCA3.js";
 const text = React__default.memo(function Text(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Text.ignoreActionsWithoutCore = () => true;

package/{textInput-C7dkbxaa.js → textInput-HUNuEy_i.js}

@@ -1,12 +1,12 @@
-import { F as useContentT, H as Context, p as jsxRuntimeExports, T as MathJax } from "./doenetml-Cl4m-iIr.js";
+import { F as useContentT, H as Context, p as jsxRuntimeExports, T as MathJax } from "./doenetml-DkNBxAz0.js";
 import { useState, useRef, useContext, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CfML1Caq.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { j as jxg } from "./JSXGraphRenderer-DQTVjrtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { BoardContext } from "./graph-BfKVz-Kv.js";
+import { BoardContext } from "./graph-CTIrmN47.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-v7uRJBRr.js";
-import { D as DescriptionPopover } from "./Description-BHX0hDi7.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-BLd_1yWz.js";
+import { D as DescriptionPopover } from "./Description-TLXPXfeU.js";
 import { a as addValidationStateToShortDescription } from "./validationState-DI_lxk1a.js";
 function TextInput(props) {
   let { id, SVs, children, actions, ignoreUpdate, callAction } = useDoenetRenderer(props);

package/{tooltip-provider-p1KTK1vP.js → tooltip-provider-BAq58hUp.js}

@@ -1,4 +1,4 @@
-import { ae as createStoreContext, af as HovercardScopedContextProvider, ag as HovercardContextProvider, ah as createDialogComponent, Y as forwardRef, Z as createElement, $ as createHook, a1 as invariant, ai as useWrapElement, p as jsxRuntimeExports, a2 as useStoreState, aj as useHovercard, ak as isFalsyBooleanCallback, al as contains, am as sync, an as chain, ao as useEvent, ap as useHovercardAnchor, aq as createStore, ar as createHovercardStore, as as defaultValue, at as useStore, au as useStoreProps, av as useHovercardStoreProps } from "./doenetml-Cl4m-iIr.js";
+import { ae as createStoreContext, af as HovercardScopedContextProvider, ag as HovercardContextProvider, ah as createDialogComponent, Y as forwardRef, Z as createElement, $ as createHook, a1 as invariant, ai as useWrapElement, p as jsxRuntimeExports, a2 as useStoreState, aj as useHovercard, ak as isFalsyBooleanCallback, al as contains, am as sync, an as chain, ao as useEvent, ap as useHovercardAnchor, aq as createStore, ar as createHovercardStore, as as defaultValue, at as useStore, au as useStoreProps, av as useHovercardStoreProps } from "./doenetml-DkNBxAz0.js";
 import { useRef, useEffect } from "react";
 const ctx = createStoreContext([HovercardContextProvider], [HovercardScopedContextProvider]);
 const useTooltipProviderContext = ctx.useProviderContext;

package/{useAnchoredGraphDragHandler-C0OMh5dz.js → useAnchoredGraphDragHandler-DBoLCCA3.js}

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

package/useDoenetRenderer-BDU-5eK5.js

@@ -0,0 +1,114 @@
+import { w as useAppSelector, x as mainSlice, y as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-DkNBxAz0.js";
+import React__default, { useState, useEffect } from "react";
+function useDoenetRenderer(props, initializeChildrenOnConstruction = true) {
+  const actions = props.componentInstructions.actions;
+  const componentIdx = props.componentInstructions.componentIdx;
+  const effectiveIdx = props.componentInstructions.effectiveIdx;
+  const id = props.componentInstructions.id;
+  const rendererName = props.coreId + componentIdx;
+  const [renderersToLoad, setRenderersToLoad] = useState({});
+  const componentInfo = useAppSelector(
+    (state) => mainSlice.selectors.componentInfo(state)[rendererName]
+  );
+  const {
+    stateValues,
+    sourceOfUpdate = {},
+    ignoreUpdate,
+    childrenInstructions,
+    prefixForIds
+  } = componentInfo || {
+    stateValues: {},
+    sourceOfUpdate: {},
+    ignoreUpdate: false,
+    childrenInstructions: [],
+    prefixForIds: ""
+  };
+  let children = [];
+  const loadMoreRenderers = Object.keys(renderersToLoad).length === 0;
+  for (let childInstructions of childrenInstructions) {
+    let child = createChildFromInstructions(
+      childInstructions,
+      loadMoreRenderers
+    );
+    children.push(child);
+  }
+  useEffect(() => {
+    const entries = Object.entries(renderersToLoad);
+    if (entries.length > 0) {
+      const names = entries.map(([name]) => name);
+      const loaders = entries.map(([, loader]) => loader);
+      renderersLoadComponent(loaders, names).then(
+        ({ rendererClasses: newRendererClasses }) => {
+          Object.assign(props.rendererClasses, newRendererClasses);
+          setRenderersToLoad({});
+        }
+      );
+    }
+  }, [renderersToLoad, props.rendererClasses]);
+  function createChildFromInstructions(childInstructions, loadMoreRenderers2) {
+    if (typeof childInstructions === "string" || childInstructions === null) {
+      return childInstructions;
+    }
+    let propsForChild = {
+      key: props.coreId + childInstructions.componentIdx,
+      componentInstructions: childInstructions,
+      rendererClasses: props.rendererClasses,
+      coreId: props.coreId,
+      docId: props.docId,
+      activityId: props.activityId,
+      callAction: props.callAction,
+      fetchExternalDoenetML: props.fetchExternalDoenetML,
+      requestScrollTo: props.requestScrollTo,
+      flags: props.flags
+    };
+    let rendererClass = props.rendererClasses[childInstructions.rendererType];
+    if (!rendererClass) {
+      if (loadMoreRenderers2) {
+        setRenderersToLoad((old) => {
+          let rendererLoaders = { ...old };
+          if (!(childInstructions.rendererType in rendererLoaders)) {
+            rendererLoaders[childInstructions.rendererType] = () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-D89bZdpF.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-DQTVjrtx.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-CrypPplw.js"), "./renderers/alert.tsx": () => import("./alert-B7x8cDOW.js"), "./renderers/angle.tsx": () => import("./angle-nS1UsMP2.js"), "./renderers/answer.tsx": () => import("./answer-CF1kE9Sx.js"), "./renderers/asList.tsx": () => import("./asList-C73Lf9pa.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-DN2pPukA.js"), "./renderers/boolean.tsx": () => import("./boolean-Drsm-s4v.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-DI7s__P1.js"), "./renderers/br.tsx": () => import("./br-CrYTiv7s.js"), "./renderers/button.tsx": () => import("./button-LlwLCYzn.js"), "./renderers/c.tsx": () => import("./c-DAE8HRrN.js"), "./renderers/cell.tsx": () => import("./cell-BfuqcX9L.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-Cd7-mcB4.js"), "./renderers/circle.tsx": () => import("./circle-DWoaVv-k.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-Cw48wWFR.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-DIFXynXS.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BCn-cKWE.js"), "./renderers/containerInline.tsx": () => import("./containerInline-DyFm0Cpb.js"), "./renderers/curve.tsx": () => import("./curve-D_5OoWwJ.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-Bh5h6fP5.js"), "./renderers/em.tsx": () => import("./em-DKV1i1sZ.js"), "./renderers/embed.tsx": () => import("./embed-ByfTYKXh.js"), "./renderers/feedback.tsx": () => import("./feedback-BvuC_En7.js"), "./renderers/figure.tsx": () => import("./figure-CJpZcwLL.js"), "./renderers/footnote.tsx": () => import("./footnote-CR0YMMAy.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-Cf4dEwiI.js"), "./renderers/graph.tsx": () => import("./graph-CTIrmN47.js"), "./renderers/hint.tsx": () => import("./hint-D-JFwvYR.js"), "./renderers/hr.tsx": () => import("./hr-Cbd62XoO.js"), "./renderers/image.tsx": () => import("./image-9F5CEsMY.js"), "./renderers/label.tsx": () => import("./label-GT7PuIKl.js"), "./renderers/legend.tsx": () => import("./legend-D7dr5BdZ.js"), "./renderers/line.tsx": () => import("./line-CiGVZxtk.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-DWwA221l.js"), "./renderers/list.tsx": () => import("./list-BIyPcRJk.js"), "./renderers/lq.tsx": () => import("./lq-Azr0Ks4I.js"), "./renderers/lsq.tsx": () => import("./lsq-DsyYX2X4.js"), "./renderers/math.tsx": () => import("./math-BAsu6FV3.js"), "./renderers/mathInput.tsx": () => import("./mathInput-B2gGhewy.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-S3ajaFPA.js"), "./renderers/mdash.tsx": () => import("./mdash-BGhm6JuY.js"), "./renderers/nbsp.tsx": () => import("./nbsp-DGox--rO.js"), "./renderers/ndash.tsx": () => import("./ndash-xYdPONFz.js"), "./renderers/number.tsx": () => import("./number-D0RH-QTY.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-CNo34dod.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-DYTyoG_K.js"), "./renderers/p.tsx": () => import("./p-DNKng4EV.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-CWyU5YAO.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DsTuM0-N.js"), "./renderers/point.tsx": () => import("./point-CzYh4Rvu.js"), "./renderers/polygon.tsx": () => import("./polygon-B4-OupmM.js"), "./renderers/polyline.tsx": () => import("./polyline-DXMgkzTv.js"), "./renderers/pre.tsx": () => import("./pre-Cc0fmCpk.js"), "./renderers/prefigure.tsx": () => import("./prefigure-2n6_DGuM.js"), "./renderers/pretzel.tsx": () => import("./pretzel-CjrR5RtZ.js"), "./renderers/q.tsx": () => import("./q-BJVM77xN.js"), "./renderers/ray.tsx": () => import("./ray-COdyCHKe.js"), "./renderers/ref.tsx": () => import("./ref-BUPIPzBy.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-DWJYviFe.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-C2RVk-uD.js"), "./renderers/row.tsx": () => import("./row-Ce7_QKC-.js"), "./renderers/rq.tsx": () => import("./rq-BHM0RaOX.js"), "./renderers/rsq.tsx": () => import("./rsq-DuPwKoIR.js"), "./renderers/section.tsx": () => import("./section-Bp0ea4J2.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-E8RIHgtt.js"), "./renderers/slider.tsx": () => import("./slider-B354RRUs.js"), "./renderers/solution.tsx": () => import("./solution-Czj5O0lh.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-D6q_ccK1.js"), "./renderers/sq.tsx": () => import("./sq-DoTFhRgW.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-DTolYMhe.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-Beg3cGYV.js"), "./renderers/table.tsx": () => import("./table-B7aXOHCt.js"), "./renderers/tabular.tsx": () => import("./tabular-Dl55a0Ge.js"), "./renderers/tag.tsx": () => import("./tag-L840ajgo.js"), "./renderers/text.tsx": () => import("./text-DLPZ6wBd.js"), "./renderers/textInput.tsx": () => import("./textInput-HUNuEy_i.js"), "./renderers/vector.tsx": () => import("./vector-CvbNtZuf.js"), "./renderers/video.tsx": () => import("./video-xTqDIUyI.js") }), `./renderers/${childInstructions.rendererType}.tsx`, 3);
+          }
+          return rendererLoaders;
+        });
+      }
+      return null;
+    }
+    let child = React__default.createElement(rendererClass, propsForChild);
+    return child;
+  }
+  let rendererType = props.componentInstructions.rendererType;
+  const callAction = (argObj) => {
+    if (!argObj.componentIdx) {
+      argObj = { ...argObj };
+      argObj.componentIdx = componentIdx;
+    }
+    if (!argObj.rendererType) {
+      argObj = { ...argObj };
+      argObj.rendererType = rendererType;
+    }
+    return props.callAction(argObj);
+  };
+  return {
+    componentIdx: effectiveIdx,
+    id: prefixForIds + id,
+    SVs: stateValues,
+    docId: props.docId,
+    activityId: props.activityId,
+    actions,
+    children,
+    sourceOfUpdate,
+    ignoreUpdate,
+    rendererName,
+    initializeChildren: () => {
+    },
+    callAction,
+    doenetViewerUrl: props.doenetViewerUrl,
+    fetchExternalDoenetML: props.fetchExternalDoenetML,
+    requestScrollTo: props.requestScrollTo,
+    flags: props.flags
+  };
+}
+export {
+  useDoenetRenderer as u
+};

package/{useSubmitActionWithDelay-v7uRJBRr.js → useSubmitActionWithDelay-BLd_1yWz.js}

@@ -1,5 +1,5 @@
-import { p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
-import { F as FontAwesomeIcon } from "./index.es-BX48x60Y.js";
+import { p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
+import { F as FontAwesomeIcon } from "./index.es-CypABRSz.js";
 import { d as faSpinner, e as faLevelDownAlt, g as faCheck, h as faTimes, i as faCloud } from "./index-BDlitCgu.js";
 import React__default, { useCallback } from "react";
 function calculateValidationState(SVs) {

package/{vector-DxwNO6XW.js → vector-CvbNtZuf.js}

@@ -1,10 +1,10 @@
-import { z as DocContext, p as jsxRuntimeExports, A as textRendererStyle, B as DynamicMath } from "./doenetml-Cl4m-iIr.js";
+import { z as DocContext, p as jsxRuntimeExports, A as textRendererStyle, B as DynamicMath } from "./doenetml-DkNBxAz0.js";
 import React__default, { useContext, useRef } from "react";
-import { j as jxg, 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-CfML1Caq.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-BfKVz-Kv.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DLuemdFl.js";
-import { ChoiceInputInlineContext } from "./choiceInput-C2OCYTFb.js";
+import { j as jxg, 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-DQTVjrtx.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CTIrmN47.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DpzEIj07.js";
+import { ChoiceInputInlineContext } from "./choiceInput-Cd7-mcB4.js";
 import { a as buildLineLikeAttributes, c as buildDragHandleAttributes } from "./buildGraphicalAttributes-0RNcbd2S.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";

package/{video-C6_6fvZH.js → video-xTqDIUyI.js}

@@ -1,10 +1,10 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-Cl4m-iIr.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DkNBxAz0.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B5uCh7Ag.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-BDU-5eK5.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-BHX0hDi7.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-TLXPXfeU.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-Bi6yrrb9.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BENU9I75.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;