@doenet/doenetml 0.7.23-dev.445 → 0.7.23-dev.446

package/{pretzel-BaGJbkRb.js → pretzel-Bd6DgnWW.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-DG6ritlq.js";
+import { u as useT, F as useContentT, t as useChromeLangDir, G as useRecordVisibilityChanges, z as DocContext, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useRef, useContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { A as AnswerResponseButton } from "./AnswerResponseButton-Sa5y_G1z.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-i3pdoqV8.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { A as AnswerResponseButton } from "./AnswerResponseButton-DyWXKo6v.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-AdyQf3WY.js";
 const pretzel = React__default.memo(function Pretzel(props) {
   let {
     componentIdx,

package/{q-DAxQD3R9.js → q-B216JPnK.js}

@@ -1,7 +1,7 @@
-import { p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { r as renderMarkupBody } from "./markupRenderer--dxcdorP.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { r as renderMarkupBody } from "./markupRenderer-B28xMxjd.js";
 const q = React__default.memo(function Q(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{ray-hEV4tSOq.js → ray-DUKyOz39.js}

@@ -1,9 +1,9 @@
-import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.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-Dnc5iDPV.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CcJSrGrZ.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-BgH-_1ox.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-DsED_IYR.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-mqujNItp.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-C0KNuiat.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-DN-7cyqI.js → ref-BaSdfHFR.js}

@@ -1,6 +1,6 @@
-import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { z as DocContext, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useContext, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 const ref = React__default.memo(function Ref(props) {
   const { id, SVs, children, requestScrollTo } = useDoenetRenderer(props);
   const { doenetViewerUrl } = useContext(DocContext) || {};

package/{regionBetweenCurveXAxis-NNQCG4M5.js → regionBetweenCurveXAxis-C_VBs5PN.js}

@@ -1,9 +1,9 @@
-import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-Dnc5iDPV.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CcJSrGrZ.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-BwWhz4ON.js";
+import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-DsED_IYR.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-mqujNItp.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-O5qMvUVb.js";
 import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
 const regionBetweenCurveXAxis = React__default.memo(function RegionBetweenCurveXAxis(props) {
   let { id, SVs } = useDoenetRenderer(props);

package/{regionBetweenCurves-mGUMDojJ.js → regionBetweenCurves-Bj8QeXXP.js}

@@ -1,11 +1,11 @@
-import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { z as DocContext, K as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-CcJSrGrZ.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-mqujNItp.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-BwWhz4ON.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-O5qMvUVb.js";
 import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
-import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-Dnc5iDPV.js";
+import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-DsED_IYR.js";
 const regionBetweenCurves = React__default.memo(function RegionBetweenCurves(props) {
   let { id, SVs } = useDoenetRenderer(props);
   RegionBetweenCurves.ignoreActionsWithoutCore = () => true;

package/{row-BUKnzR1q.js → row-DLpefFHp.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 const row = React__default.memo(function Row(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{rq-C-z7yKCS.js → rq-DlDsQlOl.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 const rq = React__default.memo(function Rq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{rsq-GiB5Ksln.js → rsq-Bmp9ngqj.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 const rsq = React__default.memo(function Rsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{section-THXxSIXj.js → section-5MLd0hE8.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-DG6ritlq.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-KneMbdUl.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { F as FontAwesomeIcon } from "./index.es-BCI7SGcV.js";
+import { F as FontAwesomeIcon } from "./index.es-B8h2rGUR.js";
 import { f as faCaretDown, a as faCaretRight } from "./index-BDlitCgu.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { a as addCommasForCompositeRanges } from "./composites-OSI5h2pg.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-i3pdoqV8.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { a as addCommasForCompositeRanges } from "./composites-BqzFUk_h.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-AdyQf3WY.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-CHktaBh6.js → sha256-Bzrm4-tO-D4VOq96C.js}

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

package/{sideBySide-DNhnkP28.js → sideBySide-DK__lF5P.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 function isWhitespaceTextChild(child) {
   return typeof child === "string" && child.trim() === "";

package/{slider-VmKSRov-.js → slider-Dw69lcuv.js}

@@ -1,8 +1,8 @@
-import { u as useT, p as jsxRuntimeExports, R as ActionButtonGroup, S as ActionButton, H as Context } from "./doenetml-DG6ritlq.js";
+import { u as useT, p as jsxRuntimeExports, R as ActionButtonGroup, S as ActionButton, H as Context } from "./doenetml-KneMbdUl.js";
 import React__default, { useState, useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { r as renderLabelWithLatex } from "./labelWithLatex-CAigBAL8.js";
+import { r as renderLabelWithLatex } from "./labelWithLatex-DuSUomAn.js";
 import { l as ltrIslandProps } from "./direction-BwrU7jHk.js";
 let round_to_decimals = (x, n) => {
   try {

package/{solution--sxVtEFn.js → solution-L0c-SKhS.js}

@@ -1,9 +1,9 @@
-import { u as useT, G as useRecordVisibilityChanges, t as useChromeLangDir, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { u as useT, G as useRecordVisibilityChanges, t as useChromeLangDir, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { F as FontAwesomeIcon } from "./index.es-BCI7SGcV.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { F as FontAwesomeIcon } from "./index.es-B8h2rGUR.js";
 import { c as faPuzzlePiece } from "./index-BDlitCgu.js";
-import { a as addCommasForCompositeRanges } from "./composites-OSI5h2pg.js";
+import { a as addCommasForCompositeRanges } from "./composites-BqzFUk_h.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-Dr0ymyBh.js → spreadsheet-4LrZjKvD.js}

@@ -1,6 +1,6 @@
-import { z as DocContext, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { z as DocContext, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.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-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.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-AcTs3gR0.js → sq-ClwtbJl2.js}

@@ -1,7 +1,7 @@
-import { p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { r as renderMarkupBody } from "./markupRenderer--dxcdorP.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { r as renderMarkupBody } from "./markupRenderer-B28xMxjd.js";
 const sq = React__default.memo(function Sq(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/style.css

@@ -2225,11 +2225,16 @@ Tailwind base is purposely not included because we want all styles to be prefixe
     display: flex;
     flex-direction: column;
     height: 100%;
-    padding: 0rem 0.4rem;
 }
 
+/*
+ * Each tab panel carries its own inline padding to inset the panel text from
+ * the editor's edges. That keeps the scrolling element
+ * (`.diagnostics-response-tabs-panels`) spanning the full width, so its
+ * scrollbar sits flush against the resizer.
+ */
 .editor-panel .diagnostic-panel {
-    padding: 0.75rem 0.25rem 1rem;
+    padding: 0.75rem 0.65rem 1rem;
 }
 
 .editor-panel .diagnostic-list {

package/{subsetOfRealsInput-tCdAHqhW.js → subsetOfRealsInput--odUYpOc.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-DG6ritlq.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-KneMbdUl.js";
 import React__default, { useState, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.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-D1cD7f_V.js → summaryStatistics-B_C7MwLj.js}

@@ -1,6 +1,6 @@
-import { u as useT, t as useChromeLangDir, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { u as useT, t as useChromeLangDir, G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.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-JdmaKACu.js → table-DGt4W_HM.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 const table = React__default.memo(function Table(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{tabular-9lfzVRNH.js → tabular-CNiL6xjX.js}

@@ -1,6 +1,6 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.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-CKUTRPQr.js → tag-Ch4GTmdQ.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 const tag = React__default.memo(function Tag(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{text-Ba1OFqyV.js → text-CYTqx_LY.js}

@@ -1,13 +1,13 @@
-import { z as DocContext, H as Context, p as jsxRuntimeExports, A as textRendererStyle } from "./doenetml-DG6ritlq.js";
+import { z as DocContext, H as Context, p as jsxRuntimeExports, A as textRendererStyle } from "./doenetml-KneMbdUl.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-Dnc5iDPV.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CcJSrGrZ.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { j as jxg } from "./JSXGraphRenderer-DsED_IYR.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-mqujNItp.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-yV5cFT_y.js";
+import { ChoiceInputInlineContext } from "./choiceInput-C_4uPa4T.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-C9ibMjoG.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CGKjsqrU.js";
 const text = React__default.memo(function Text(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Text.ignoreActionsWithoutCore = () => true;

package/{textInput-crredFnq.js → textInput-yfy-FD9B.js}

@@ -1,12 +1,12 @@
-import { F as useContentT, H as Context, p as jsxRuntimeExports, T as MathJax } from "./doenetml-DG6ritlq.js";
+import { F as useContentT, H as Context, p as jsxRuntimeExports, T as MathJax } from "./doenetml-KneMbdUl.js";
 import { useState, useRef, useContext, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-Dnc5iDPV.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { j as jxg } from "./JSXGraphRenderer-DsED_IYR.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { BoardContext } from "./graph-CcJSrGrZ.js";
+import { BoardContext } from "./graph-mqujNItp.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-i3pdoqV8.js";
-import { D as DescriptionPopover } from "./Description-CSS5gsfo.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-AdyQf3WY.js";
+import { D as DescriptionPopover } from "./Description-D8eSeiSN.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-wQWrbmca.js → tooltip-provider-DsW_MxoB.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-DG6ritlq.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-KneMbdUl.js";
 import { useRef, useEffect } from "react";
 const ctx = createStoreContext([HovercardContextProvider], [HovercardScopedContextProvider]);
 const useTooltipProviderContext = ctx.useProviderContext;

package/{useAnchoredGraphDragHandler-C9ibMjoG.js → useAnchoredGraphDragHandler-CGKjsqrU.js}

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

package/useDoenetRenderer-NkmIqE-s.js

@@ -0,0 +1,114 @@
+import { w as useAppSelector, x as mainSlice, y as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-KneMbdUl.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-BLQMoTz7.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-DsED_IYR.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-BR4OLjxm.js"), "./renderers/alert.tsx": () => import("./alert-yVdGlXkn.js"), "./renderers/angle.tsx": () => import("./angle-BHMjBiYL.js"), "./renderers/answer.tsx": () => import("./answer-B3MlhyK1.js"), "./renderers/asList.tsx": () => import("./asList-C-QGYFna.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-BUijb7-U.js"), "./renderers/boolean.tsx": () => import("./boolean-Bb0VIVoS.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-hVFN83aA.js"), "./renderers/br.tsx": () => import("./br-DwmabJPD.js"), "./renderers/button.tsx": () => import("./button-DTnZStCy.js"), "./renderers/c.tsx": () => import("./c-Dnlt6r-1.js"), "./renderers/cell.tsx": () => import("./cell-CdGTtaUp.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-C_4uPa4T.js"), "./renderers/circle.tsx": () => import("./circle-D4puQp-K.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-pzpR8b86.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-Bku7Ylau.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-CiAsFmTu.js"), "./renderers/containerInline.tsx": () => import("./containerInline-BduAdm_w.js"), "./renderers/curve.tsx": () => import("./curve-D9Bz5bzE.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-CySN_qv6.js"), "./renderers/em.tsx": () => import("./em-DAUgIg6f.js"), "./renderers/embed.tsx": () => import("./embed-l4BxxdBO.js"), "./renderers/feedback.tsx": () => import("./feedback-BTZMQoBJ.js"), "./renderers/figure.tsx": () => import("./figure-QbUCbI8x.js"), "./renderers/footnote.tsx": () => import("./footnote-dMsVu_z4.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-D7Eq6FLE.js"), "./renderers/graph.tsx": () => import("./graph-mqujNItp.js"), "./renderers/hint.tsx": () => import("./hint-CrOY6rw7.js"), "./renderers/hr.tsx": () => import("./hr-CC-1JDh8.js"), "./renderers/image.tsx": () => import("./image-DxD-Pqmd.js"), "./renderers/label.tsx": () => import("./label-BUJ6Rpgu.js"), "./renderers/legend.tsx": () => import("./legend-BO--dbsh.js"), "./renderers/line.tsx": () => import("./line-Dwhehwjd.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-BUwlyA8O.js"), "./renderers/list.tsx": () => import("./list-BewyxFt1.js"), "./renderers/lq.tsx": () => import("./lq-CPygjQ0I.js"), "./renderers/lsq.tsx": () => import("./lsq-Dq2OdgJ3.js"), "./renderers/math.tsx": () => import("./math-DIkg5kdb.js"), "./renderers/mathInput.tsx": () => import("./mathInput-CuSgICqM.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-BjEzCkej.js"), "./renderers/mdash.tsx": () => import("./mdash-Dd0dC9ZN.js"), "./renderers/nbsp.tsx": () => import("./nbsp-BDj188gH.js"), "./renderers/ndash.tsx": () => import("./ndash-D82WGMk5.js"), "./renderers/number.tsx": () => import("./number-CsmZNCaA.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-CmYJeGHp.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-6edLs5Cb.js"), "./renderers/p.tsx": () => import("./p-leQyCCs0.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-DjBJjyTq.js"), "./renderers/pegboard.tsx": () => import("./pegboard-CmvMLZQE.js"), "./renderers/point.tsx": () => import("./point-DlaA8ggd.js"), "./renderers/polygon.tsx": () => import("./polygon-I15KTIEp.js"), "./renderers/polyline.tsx": () => import("./polyline-CemVFqvk.js"), "./renderers/pre.tsx": () => import("./pre-CW_2k1QS.js"), "./renderers/prefigure.tsx": () => import("./prefigure-DvcLIrYI.js"), "./renderers/pretzel.tsx": () => import("./pretzel-Bd6DgnWW.js"), "./renderers/q.tsx": () => import("./q-B216JPnK.js"), "./renderers/ray.tsx": () => import("./ray-DUKyOz39.js"), "./renderers/ref.tsx": () => import("./ref-BaSdfHFR.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-C_VBs5PN.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-Bj8QeXXP.js"), "./renderers/row.tsx": () => import("./row-DLpefFHp.js"), "./renderers/rq.tsx": () => import("./rq-DlDsQlOl.js"), "./renderers/rsq.tsx": () => import("./rsq-Bmp9ngqj.js"), "./renderers/section.tsx": () => import("./section-5MLd0hE8.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-DK__lF5P.js"), "./renderers/slider.tsx": () => import("./slider-Dw69lcuv.js"), "./renderers/solution.tsx": () => import("./solution-L0c-SKhS.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-4LrZjKvD.js"), "./renderers/sq.tsx": () => import("./sq-ClwtbJl2.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput--odUYpOc.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-B_C7MwLj.js"), "./renderers/table.tsx": () => import("./table-DGt4W_HM.js"), "./renderers/tabular.tsx": () => import("./tabular-CNiL6xjX.js"), "./renderers/tag.tsx": () => import("./tag-Ch4GTmdQ.js"), "./renderers/text.tsx": () => import("./text-CYTqx_LY.js"), "./renderers/textInput.tsx": () => import("./textInput-yfy-FD9B.js"), "./renderers/vector.tsx": () => import("./vector-DFzBM71C.js"), "./renderers/video.tsx": () => import("./video-CAIKbj6G.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-i3pdoqV8.js → useSubmitActionWithDelay-AdyQf3WY.js}

@@ -1,5 +1,5 @@
-import { p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
-import { F as FontAwesomeIcon } from "./index.es-BCI7SGcV.js";
+import { p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
+import { F as FontAwesomeIcon } from "./index.es-B8h2rGUR.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-DjPOfXhf.js → vector-DFzBM71C.js}

@@ -1,10 +1,10 @@
-import { z as DocContext, p as jsxRuntimeExports, A as textRendererStyle, B as DynamicMath } from "./doenetml-DG6ritlq.js";
+import { z as DocContext, p as jsxRuntimeExports, A as textRendererStyle, B as DynamicMath } from "./doenetml-KneMbdUl.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-Dnc5iDPV.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-CcJSrGrZ.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-BgH-_1ox.js";
-import { ChoiceInputInlineContext } from "./choiceInput-yV5cFT_y.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-DsED_IYR.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-mqujNItp.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-C0KNuiat.js";
+import { ChoiceInputInlineContext } from "./choiceInput-C_4uPa4T.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-CdYmVd8t.js → video-CAIKbj6G.js}

@@ -1,10 +1,10 @@
-import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-DG6ritlq.js";
+import { G as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-KneMbdUl.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-rtZcMjTC.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-NkmIqE-s.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-CSS5gsfo.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-D8eSeiSN.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BKw5sWSr.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-BIZiYEyJ.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;