@doenet/doenetml 0.7.21-dev.361 → 0.7.21-dev.362

package/{sideBySide-Dax2p65a.js → sideBySide-B__iobBS.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { q as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 function isWhitespaceTextChild(child) {
   return typeof child === "string" && child.trim() === "";

package/{slider-WcUbkagC.js → slider-Cj1kf_PL.js}

@@ -1,8 +1,8 @@
-import { n as jsxRuntimeExports, G as ActionButtonGroup, H as ActionButton, q as Context } from "./doenetml-BXSsTmMg.js";
+import { u as useT, n as jsxRuntimeExports, H as ActionButtonGroup, I as ActionButton, v as Context } from "./doenetml-CCMBYR_b.js";
 import React__default, { useState, useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { r as renderLabelWithLatex } from "./labelWithLatex-DpzLXHtw.js";
+import { r as renderLabelWithLatex } from "./labelWithLatex-ClPeO6KG.js";
 let round_to_decimals = (x, n) => {
   try {
     return Context.round_numbers_to_decimals(x, n).tree;
@@ -141,6 +141,7 @@ function generateTextLabels(points, inputWidth, SVs) {
 }
 const slider = React__default.memo(function Slider(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props);
+  const t = useT();
   Slider.baseStateVariable = "index";
   const [index, setIndex] = useState(SVs.index);
   const width = sizeToCSS(SVs.width);
@@ -274,7 +275,7 @@ const slider = React__default.memo(function Slider(props) {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ActionButton,
             {
-              value: "Prev",
+              value: t("slider-previous", void 0, "Prev"),
               onClick: () => {
                 if (inputRef.current) {
                   inputRef.current.stepDown();
@@ -288,7 +289,7 @@ const slider = React__default.memo(function Slider(props) {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ActionButton,
             {
-              value: "Next",
+              value: t("slider-next", void 0, "Next"),
               onClick: () => {
                 if (inputRef.current) {
                   inputRef.current.stepUp();

package/{solution-pYYqr4mI.js → solution-CugnzBD0.js}

@@ -1,14 +1,16 @@
-import { u as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { u as useT, q as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
-import { F as FontAwesomeIcon } from "./index.es-DnBW6AYz.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
+import { F as FontAwesomeIcon } from "./index.es-p77isnix.js";
 import { c as faPuzzlePiece } from "./index-BDlitCgu.js";
-import { a as addCommasForCompositeRanges } from "./composites-BVLPwfSW.js";
+import { a as addCommasForCompositeRanges } from "./composites-DbpoF3XJ.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);
+  const t = useT();
   const ref = useRef(null);
   useRecordVisibilityChanges(ref, callAction, actions);
-  let openCloseText = "open";
+  const openCloseText = clickToToggleLabel(t, SVs.open);
   if (SVs.hidden) {
     return null;
   }
@@ -27,8 +29,7 @@ const solution = React__default.memo(function Solution(props) {
       });
     }
     icon = /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faPuzzlePiece });
-    openCloseText = "close";
-    childrenToRender = SVs.rendered ? children : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Initializing..." });
+    childrenToRender = SVs.rendered ? children : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: t("collapsible-initializing", void 0, "Initializing...") });
     infoBlockStyle = {
       display: "block",
       margin: "0px 4px 12px 4px",
@@ -104,9 +105,8 @@ const solution = React__default.memo(function Solution(props) {
               SVs.sectionName,
               " ",
               SVs.message,
-              " (click to ",
-              openCloseText,
-              ")"
+              " ",
+              openCloseText
             ]
           }
         ),

package/{spreadsheet-BrvEPVkR.js → spreadsheet-BDQTKOo4.js}

@@ -1,6 +1,6 @@
-import { o as DocContext, u as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { o as DocContext, q as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.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-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.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-CsVdwQ0w.js → sq-DRRKkcQ2.js}

@@ -1,7 +1,7 @@
-import { n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
-import { r as renderMarkupBody } from "./markupRenderer-Cb5alIAV.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
+import { r as renderMarkupBody } from "./markupRenderer-BkS3m7gW.js";
 const sq = React__default.memo(function Sq(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/style.css

@@ -464,6 +464,10 @@ div.jxgbox input[type="checkbox"] {
 /**************************************************
  End JSXGraph styles 
  **************************************************/
+.inline {
+        display: inline;
+}
+
 .overline {
         text-decoration-line: overline;
 }
@@ -760,6 +764,9 @@ div.jxgbox input[type="checkbox"] {
 Tailwind base is purposely not included because we want all styles to be prefixed. We manually copy in whatever is needed from tailwind preflight.
 @tailwind base;
 */
+.inline {
+        display: inline;
+}
 .overline {
         text-decoration-line: overline;
 }

package/{subsetOfRealsInput-C7LSCImc.js → subsetOfRealsInput-runRYoEh.js}

@@ -1,9 +1,10 @@
-import { u as useRecordVisibilityChanges, n as jsxRuntimeExports, I as ToggleButtonGroup, T as ToggleButton, G as ActionButtonGroup, H as ActionButton } from "./doenetml-BXSsTmMg.js";
+import { u as useT, q as useRecordVisibilityChanges, n as jsxRuntimeExports, J as ToggleButtonGroup, T as ToggleButton, H as ActionButtonGroup, I as ActionButton } from "./doenetml-CCMBYR_b.js";
 import React__default, { useState, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 const subsetOfRealsInput = React__default.memo(function subsetOfReals(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);
   let [mode, setMode] = useState("add remove points");
+  const t = useT();
   let bounds = useRef(null);
   let pointGrabbed = useRef(null);
   const ref = useRef(null);
@@ -24,9 +25,36 @@ const subsetOfRealsInput = React__default.memo(function subsetOfReals(props) {
   if (!SVs.fixed) {
     controlButtons = /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(ToggleButtonGroup, { onClick: handleTogglePoints, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleButton, { value: "Add/Remove points" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleButton, { value: "Toggle points and intervals" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleButton, { value: "Move Points" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToggleButton,
+          {
+            value: t(
+              "subset-add-remove-points",
+              void 0,
+              "Add/Remove points"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToggleButton,
+          {
+            value: t(
+              "subset-toggle-points-intervals",
+              void 0,
+              "Toggle points and intervals"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToggleButton,
+          {
+            value: t(
+              "subset-move-points",
+              void 0,
+              "Move Points"
+            )
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(ActionButtonGroup, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -35,7 +63,7 @@ const subsetOfRealsInput = React__default.memo(function subsetOfReals(props) {
             onClick: () => callAction({
               action: actions.clear
             }),
-            value: "Clear"
+            value: t("subset-clear", void 0, "Clear")
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(

package/{summaryStatistics-Dx4n5bYn.js → summaryStatistics-CpAo0yUx.js}

@@ -1,9 +1,10 @@
-import { u as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { u as useT, q as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
 const summaryStatistics = React__default.memo(function SummaryStatistics(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props);
+  const t = useT();
   const ref = useRef(null);
   useRecordVisibilityChanges(ref, callAction, actions);
   if (SVs.hidden) {
@@ -34,10 +35,14 @@ const summaryStatistics = React__default.memo(function SummaryStatistics(props)
   let heading = /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: columns.map((x, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("th", { children: x }, i)) });
   let data = /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: columns.map((x, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: SVs.summaryStatistics[x] }, i)) });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { margin: "12px 0" }, ref, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-      "Summary statistics of ",
-      SVs.columnName
-    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: t(
+      "summary-statistics-caption",
+      // Fluent renders `{ $column }` literally if handed a
+      // `null`, so an unnamed column becomes an empty string —
+      // which is what interpolating it into JSX used to do.
+      { column: SVs.columnName ?? "" },
+      `Summary statistics of ${SVs.columnName ?? ""}`
+    ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("table", { id, style: tableStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { children: [
       heading,
       data

package/{table-BCG2EBik.js → table-DFoJXU6W.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { q as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 const table = React__default.memo(function Table(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{tabular-DEiey_kF.js → tabular-CHSfbyFz.js}

@@ -1,6 +1,6 @@
-import { u as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { q as useRecordVisibilityChanges, n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.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-CfZ-K_y5.js → tag-CgmbdQFT.js}

@@ -1,6 +1,6 @@
-import { n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
+import { n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 const tag = React__default.memo(function Tag(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{text-C6U0VcDc.js → text-Cp6jnCrT.js}

@@ -1,13 +1,13 @@
-import { o as DocContext, q as Context, n as jsxRuntimeExports, t as textRendererStyle } from "./doenetml-BXSsTmMg.js";
+import { o as DocContext, v as Context, n as jsxRuntimeExports, t as textRendererStyle } from "./doenetml-CCMBYR_b.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-Be41lgIz.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-C6hIOAwD.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { j as jxg } from "./JSXGraphRenderer-DH6ZzfYT.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-CJRztDFF.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-BjbqDU9d.js";
+import { ChoiceInputInlineContext } from "./choiceInput-7JZaBHNZ.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-BUbd_SAk.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CoDUH2rg.js";
 const text = React__default.memo(function Text(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Text.ignoreActionsWithoutCore = () => true;

package/{textInput-CaAFDfjE.js → textInput-Dqw-NXoY.js}

@@ -1,15 +1,16 @@
-import { q as Context, n as jsxRuntimeExports, M as MathJax } from "./doenetml-BXSsTmMg.js";
+import { u as useT, v as Context, n as jsxRuntimeExports, M as MathJax } from "./doenetml-CCMBYR_b.js";
 import { useState, useRef, useContext, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-Be41lgIz.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BAq1ktng.js";
+import { j as jxg } from "./JSXGraphRenderer-DH6ZzfYT.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-DAqF5zFD.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { BoardContext } from "./graph-C6hIOAwD.js";
+import { BoardContext } from "./graph-CJRztDFF.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-BysJ9T7y.js";
-import { D as DescriptionPopover } from "./Description-CeDL7FZY.js";
-import { a as addValidationStateToShortDescription } from "./validationState-CVwSJZpB.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DBHyoI8R.js";
+import { D as DescriptionPopover } from "./Description-D4h1QV0r.js";
+import { a as addValidationStateToShortDescription } from "./validationState-DI_lxk1a.js";
 function TextInput(props) {
   let { id, SVs, children, actions, ignoreUpdate, callAction } = useDoenetRenderer(props);
+  const t = useT();
   let width = sizeToCSS(SVs.width);
   sizeToCSS(SVs.height);
   TextInput.baseStateVariable = "immediateValue";
@@ -431,7 +432,8 @@ function TextInput(props) {
     validationState,
     submitActionWithPending,
     SVs.forceFullCheckWorkButton,
-    isPending
+    isPending,
+    t
   );
   let input;
   let label = SVs.label;
@@ -453,7 +455,8 @@ function TextInput(props) {
     inputClass += ` text-input-${validationState}`;
     shortDescription = addValidationStateToShortDescription(
       validationState,
-      shortDescription
+      shortDescription,
+      t
     );
   }
   if (SVs.expanded) {

package/{tooltip-provider-kvNemycF.js → tooltip-provider-BTQ5leCb.js}

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

package/{useAnchoredGraphDragHandler-BUbd_SAk.js → useAnchoredGraphDragHandler-CoDUH2rg.js}

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

package/useDoenetRenderer-DAqF5zFD.js

@@ -0,0 +1,114 @@
+import { z as useAppSelector, A as mainSlice, E as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-CCMBYR_b.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-7muJHYBu.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-DH6ZzfYT.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-BdTgXDgj.js"), "./renderers/alert.tsx": () => import("./alert-Bp9rBO1c.js"), "./renderers/angle.tsx": () => import("./angle-xoJC6SFX.js"), "./renderers/answer.tsx": () => import("./answer-_Zvxo4jA.js"), "./renderers/asList.tsx": () => import("./asList-DZD-Xdrj.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-CUi9cydG.js"), "./renderers/boolean.tsx": () => import("./boolean-CX7vVQJz.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-CceFBEy2.js"), "./renderers/br.tsx": () => import("./br-C_fdDVKv.js"), "./renderers/button.tsx": () => import("./button-DBxivYmV.js"), "./renderers/c.tsx": () => import("./c-Dr5FHPut.js"), "./renderers/cell.tsx": () => import("./cell-hqwqMA4A.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-7JZaBHNZ.js"), "./renderers/circle.tsx": () => import("./circle-BqfCWmj2.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-JFOTL1HK.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-oSH9duvd.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-BwJnX0UE.js"), "./renderers/containerInline.tsx": () => import("./containerInline-DSHf9h9o.js"), "./renderers/curve.tsx": () => import("./curve-BH7j7hXT.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-CQ4585lT.js"), "./renderers/em.tsx": () => import("./em-CYcBkUiA.js"), "./renderers/embed.tsx": () => import("./embed-Be0he9Uz.js"), "./renderers/feedback.tsx": () => import("./feedback-ByTDuaNm.js"), "./renderers/figure.tsx": () => import("./figure-Dl_yKz7e.js"), "./renderers/footnote.tsx": () => import("./footnote-BpmhdxIC.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-CCMZLzep.js"), "./renderers/graph.tsx": () => import("./graph-CJRztDFF.js"), "./renderers/hint.tsx": () => import("./hint-39ljV3xf.js"), "./renderers/hr.tsx": () => import("./hr-ACnfIwXC.js"), "./renderers/image.tsx": () => import("./image-DvAqXhei.js"), "./renderers/label.tsx": () => import("./label-C63Ww5PO.js"), "./renderers/legend.tsx": () => import("./legend-BIyyKsy5.js"), "./renderers/line.tsx": () => import("./line-nzRw-2iw.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-DEV7vXZ3.js"), "./renderers/list.tsx": () => import("./list-0vosUKx2.js"), "./renderers/lq.tsx": () => import("./lq-C6SI-4Ja.js"), "./renderers/lsq.tsx": () => import("./lsq-77sCkOO8.js"), "./renderers/math.tsx": () => import("./math-dC5Avala.js"), "./renderers/mathInput.tsx": () => import("./mathInput-Be03NUZy.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-BZHnwuib.js"), "./renderers/mdash.tsx": () => import("./mdash-D-AfwjXw.js"), "./renderers/nbsp.tsx": () => import("./nbsp-D2K2UhZb.js"), "./renderers/ndash.tsx": () => import("./ndash-DadHhIWX.js"), "./renderers/number.tsx": () => import("./number-dzVGZ9ov.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-Dxcuy3dt.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-CI-jzpnD.js"), "./renderers/p.tsx": () => import("./p-pEbvJ23K.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-DGwC24KV.js"), "./renderers/pegboard.tsx": () => import("./pegboard-DThvj_AK.js"), "./renderers/point.tsx": () => import("./point-DRIItKT6.js"), "./renderers/polygon.tsx": () => import("./polygon-CyiUEjCg.js"), "./renderers/polyline.tsx": () => import("./polyline-Boz-zlQv.js"), "./renderers/pre.tsx": () => import("./pre-Bjvq5iJ4.js"), "./renderers/prefigure.tsx": () => import("./prefigure-BPQPwHBD.js"), "./renderers/pretzel.tsx": () => import("./pretzel-CfNL3RKC.js"), "./renderers/q.tsx": () => import("./q-DJbSp6bj.js"), "./renderers/ray.tsx": () => import("./ray-BfGfX6gD.js"), "./renderers/ref.tsx": () => import("./ref-B-M85Wgb.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-CGlQKapF.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-DV7ARKKw.js"), "./renderers/row.tsx": () => import("./row-DBEHryOQ.js"), "./renderers/rq.tsx": () => import("./rq-DSkqTb4D.js"), "./renderers/rsq.tsx": () => import("./rsq-CmYO91JS.js"), "./renderers/section.tsx": () => import("./section-P6nedLi8.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-B__iobBS.js"), "./renderers/slider.tsx": () => import("./slider-Cj1kf_PL.js"), "./renderers/solution.tsx": () => import("./solution-CugnzBD0.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-BDQTKOo4.js"), "./renderers/sq.tsx": () => import("./sq-DRRKkcQ2.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-runRYoEh.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-CpAo0yUx.js"), "./renderers/table.tsx": () => import("./table-DFoJXU6W.js"), "./renderers/tabular.tsx": () => import("./tabular-CHSfbyFz.js"), "./renderers/tag.tsx": () => import("./tag-CgmbdQFT.js"), "./renderers/text.tsx": () => import("./text-Cp6jnCrT.js"), "./renderers/textInput.tsx": () => import("./textInput-Dqw-NXoY.js"), "./renderers/vector.tsx": () => import("./vector-Dnoio46i.js"), "./renderers/video.tsx": () => import("./video-DQw2pxWK.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-BysJ9T7y.js → useSubmitActionWithDelay-DBHyoI8R.js}

@@ -1,5 +1,5 @@
-import { n as jsxRuntimeExports } from "./doenetml-BXSsTmMg.js";
-import { F as FontAwesomeIcon } from "./index.es-DnBW6AYz.js";
+import { n as jsxRuntimeExports } from "./doenetml-CCMBYR_b.js";
+import { F as FontAwesomeIcon } from "./index.es-p77isnix.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) {
@@ -15,7 +15,7 @@ function calculateValidationState(SVs) {
   }
   return validationState;
 }
-function createCheckWorkComponent(SVs, id, validationState, submitAnswer, showText, isPending = false) {
+function createCheckWorkComponent(SVs, id, validationState, submitAnswer, showText, isPending, t) {
   if (!SVs.showCheckWork) {
     return null;
   }
@@ -27,8 +27,8 @@ function createCheckWorkComponent(SVs, id, validationState, submitAnswer, showTe
   let otherLabel = void 0;
   if (isPending) {
     buttonClassNames.push("check-work-pending");
-    const pendingText = SVs.showCorrectness ? "Checking..." : "Submitting...";
-    liveLabel = SVs.showCorrectness ? "Checking answer" : "Submitting answer";
+    const pendingText = SVs.showCorrectness ? t("answer-checking", void 0, "Checking...") : t("answer-submitting", void 0, "Submitting...");
+    liveLabel = SVs.showCorrectness ? t("answer-checking-status", void 0, "Checking answer") : t("answer-submitting-status", void 0, "Submitting answer");
     buttonContent = showText ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       "  ",
       pendingText
@@ -59,8 +59,11 @@ function createCheckWorkComponent(SVs, id, validationState, submitAnswer, showTe
   } else if (SVs.showCorrectness) {
     buttonClassNames.push(`check-work-${validationState}`);
     if (validationState === "correct") {
-      liveLabel = "Correct";
-      buttonContent = showText ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "  Correct" }) : null;
+      liveLabel = t("answer-correct", void 0, "Correct");
+      buttonContent = showText ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        "  ",
+        liveLabel
+      ] }) : null;
       buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { "aria-hidden": true, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           FontAwesomeIcon,
@@ -72,8 +75,11 @@ function createCheckWorkComponent(SVs, id, validationState, submitAnswer, showTe
         buttonContent
       ] });
     } else if (validationState === "incorrect") {
-      liveLabel = "Incorrect";
-      buttonContent = showText ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "  Incorrect" }) : null;
+      liveLabel = t("answer-incorrect", void 0, "Incorrect");
+      buttonContent = showText ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        "  ",
+        liveLabel
+      ] }) : null;
       buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { "aria-hidden": true, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           FontAwesomeIcon,
@@ -86,14 +92,25 @@ function createCheckWorkComponent(SVs, id, validationState, submitAnswer, showTe
       ] });
     } else {
       const percent = Math.round(SVs.creditAchieved * 100);
-      const partialText = SVs.creditIsReducedByAttempt ? `${percent}% Credit` : `${percent}% Correct`;
-      buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": true, children: showText ? partialText : `${percent} %` });
+      const partialText = SVs.creditIsReducedByAttempt ? t("answer-percent-credit", { percent }, `${percent}% Credit`) : t(
+        "answer-percent-correct",
+        { percent },
+        `${percent}% Correct`
+      );
+      buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": true, children: showText ? partialText : t(
+        "answer-percent-short",
+        { percent },
+        `${percent} %`
+      ) });
       liveLabel = partialText;
     }
   } else {
     buttonClassNames.push("check-work-response-saved");
-    liveLabel = "Response Saved";
-    buttonContent = showText ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "  Response Saved" }) : null;
+    liveLabel = t("answer-response-saved", void 0, "Response Saved");
+    buttonContent = showText ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      "  ",
+      liveLabel
+    ] }) : null;
     buttonContent = /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { "aria-hidden": true, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faCloud, title: liveLabel }),
       buttonContent
@@ -119,24 +136,35 @@ function createCheckWorkComponent(SVs, id, validationState, submitAnswer, showTe
   );
   let messages = [];
   if (SVs.creditIsReducedByAttempt) {
+    let maxCreditPercent;
     if (SVs.numIncorrectSubmissions === 0) {
-      messages.push("Max credit available: 100%");
+      maxCreditPercent = 100;
     } else if (SVs.creditAchieved > 0) {
-      messages.push(
-        `Max credit available: ${Math.round(100 * SVs.creditFactorUsed)}%`
-      );
+      maxCreditPercent = Math.round(100 * SVs.creditFactorUsed);
     } else {
-      messages.push(
-        `Max credit available: ${Math.round(100 * SVs.nextCreditFactor)}%`
-      );
+      maxCreditPercent = Math.round(100 * SVs.nextCreditFactor);
     }
+    messages.push(
+      t(
+        "max-credit-available",
+        { percent: maxCreditPercent },
+        `Max credit available: ${maxCreditPercent}%`
+      )
+    );
   }
   if (SVs.numAttemptsLeft < 1) {
-    messages.push("no attempts remaining");
-  } else if (SVs.numAttemptsLeft === 1) {
-    messages.push("1 attempt remaining");
+    messages.push(
+      t("attempts-remaining", { count: 0 }, "no attempts remaining")
+    );
   } else if (Number.isFinite(SVs.numAttemptsLeft)) {
-    messages.push(`${SVs.numAttemptsLeft} attempts remaining`);
+    const count = SVs.numAttemptsLeft;
+    messages.push(
+      t(
+        "attempts-remaining",
+        { count },
+        count === 1 ? "1 attempt remaining" : `${count} attempts remaining`
+      )
+    );
   }
   if (messages.length > 0) {
     const message = messages.join("; ");