@doenet/doenetml 0.7.21-dev.415 → 0.7.21-dev.417

package/{subsetOfRealsInput-Dof9pDQJ.js → subsetOfRealsInput-CsAQMYD4.js}

@@ -1,6 +1,7 @@
-import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports, O as ToggleButtonGroup, T as ToggleButton, K as ActionButtonGroup, L as ActionButton } from "./doenetml-RwjW6x7w.js";
+import { u as useT, y as useRecordVisibilityChanges, q as jsxRuntimeExports, U as ToggleButtonGroup, T as ToggleButton, P as ActionButtonGroup, Q as ActionButton } from "./doenetml-DynV7ZDD.js";
 import React__default, { useState, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.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);
   let [mode, setMode] = useState("add remove points");
@@ -305,67 +306,76 @@ const subsetOfRealsInput = React__default.memo(function subsetOfReals(props) {
       }
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, id, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: bounds, style: { display: "flex", gap: "12px" }, children: controlButtons }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "svg",
-      {
-        width: "808",
-        height: "80",
-        style: { backgroundColor: "var(--canvas)" },
-        onMouseDown: (e) => {
-          handleInput(e, "down");
-        },
-        onMouseUp: (e) => {
-          handleInput(e, "up");
-        },
-        onMouseMove: (e) => {
-          handleInput(e, "move");
-        },
-        onMouseLeave: (e) => {
-          handleInput(e, "leave");
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "polygon",
-            {
-              points: "5,40 20,50 20,30",
-              style: {
-                fill: "var(--canvasText)",
-                stroke: "var(--canvasText)",
-                strokeWidth: "1"
+  return (
+    // A number line runs from −10 on the left to 10 on the right in every
+    // language: it is mathematical notation, not prose. Everything under
+    // here assumes that — the hash marks are laid out at fixed pixel
+    // offsets, the arrowheads are hard-coded left and right, and the
+    // pointer handler maps an x position to a value by subtracting a left
+    // edge. Pinned as one attribute on the whole widget so the controls
+    // above the axis stay on the same side as the axis itself.
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, id, ...ltrIslandProps(), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: bounds, style: { display: "flex", gap: "12px" }, children: controlButtons }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "svg",
+        {
+          width: "808",
+          height: "80",
+          style: { backgroundColor: "var(--canvas)" },
+          onMouseDown: (e) => {
+            handleInput(e, "down");
+          },
+          onMouseUp: (e) => {
+            handleInput(e, "up");
+          },
+          onMouseMove: (e) => {
+            handleInput(e, "move");
+          },
+          onMouseLeave: (e) => {
+            handleInput(e, "leave");
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "polygon",
+              {
+                points: "5,40 20,50 20,30",
+                style: {
+                  fill: "var(--canvasText)",
+                  stroke: "var(--canvasText)",
+                  strokeWidth: "1"
+                }
               }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "polygon",
-            {
-              points: "795,40 780,50 780,30",
-              style: {
-                fill: "var(--canvasText)",
-                stroke: "var(--canvasText)",
-                strokeWidth: "1"
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "polygon",
+              {
+                points: "795,40 780,50 780,30",
+                style: {
+                  fill: "var(--canvasText)",
+                  stroke: "var(--canvasText)",
+                  strokeWidth: "1"
+                }
               }
-            }
-          ),
-          storedLines,
-          hashLines,
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "line",
-            {
-              x1: "20",
-              y1: "40",
-              x2: "780",
-              y2: "40",
-              style: { stroke: "var(--canvasText)", strokeWidth: "2" }
-            }
-          ),
-          storedPoints,
-          labels
-        ]
-      }
-    )
-  ] });
+            ),
+            storedLines,
+            hashLines,
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "line",
+              {
+                x1: "20",
+                y1: "40",
+                x2: "780",
+                y2: "40",
+                style: { stroke: "var(--canvasText)", strokeWidth: "2" }
+              }
+            ),
+            storedPoints,
+            labels
+          ]
+        }
+      )
+    ] })
+  );
 });
 export {
   subsetOfRealsInput as default

package/{summaryStatistics-CHLmwy4B.js → summaryStatistics-BBREeWvh.js}

@@ -1,10 +1,11 @@
-import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { u as useT, o as useChromeLangDir, y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.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 chromeLangDir = useChromeLangDir();
   const ref = useRef(null);
   useRecordVisibilityChanges(ref, callAction, actions);
   if (SVs.hidden) {
@@ -35,7 +36,7 @@ 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.jsx("p", { children: t(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { ...chromeLangDir, children: t(
       "summary-statistics-caption",
       // Fluent renders `{ $column }` literally if handed a
       // `null`, so an unnamed column becomes an empty string —

package/{table-Ds4FsDXG.js → table-Bhb19es1.js}

@@ -1,6 +1,6 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 const table = React__default.memo(function Table(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const ref = useRef(null);

package/{tabular-D93ZooVU.js → tabular-DBI3KqQP.js}

@@ -1,6 +1,6 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.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-CQG7jGLX.js → tag-BtGckMpT.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 const tag = React__default.memo(function Tag(props) {
   let { id, SVs, children } = useDoenetRenderer(props);
   if (SVs.hidden) {

package/{text-Cs4GBrRa.js → text-7k2wXfRf.js}

@@ -1,13 +1,13 @@
-import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle } from "./doenetml-RwjW6x7w.js";
+import { t as DocContext, z as Context, q as jsxRuntimeExports, v as textRendererStyle } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { j as jxg } from "./JSXGraphRenderer-3rMxl-PD.js";
+import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-BShdY7M2.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 import { g as getPositionFromAnchorByCoordinate } from "./graph-W6vrFcBu.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DXKjyCqp.js";
+import { ChoiceInputInlineContext } from "./choiceInput-DWcLPKV7.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-CE3goik5.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CRPtaTJZ.js";
 const text = React__default.memo(function Text(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   Text.ignoreActionsWithoutCore = () => true;

package/{textInput-D08eVSJy.js → textInput-lbnI_I3U.js}

@@ -1,12 +1,12 @@
-import { w as useContentT, y as Context, p as jsxRuntimeExports, M as MathJax } from "./doenetml-RwjW6x7w.js";
+import { x as useContentT, z as Context, q as jsxRuntimeExports, R as MathJax } from "./doenetml-DynV7ZDD.js";
 import { useState, useRef, useContext, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { j as jxg } from "./JSXGraphRenderer-3rMxl-PD.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { BoardContext } from "./graph-BpbjUn8w.js";
+import { BoardContext } from "./graph-BShdY7M2.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-Bl1nM1Rc.js";
-import { D as DescriptionPopover } from "./Description-B_KGuyjX.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DBCED73A.js";
+import { D as DescriptionPopover } from "./Description-DzHJcqCq.js";
 import { a as addValidationStateToShortDescription } from "./validationState-DI_lxk1a.js";
 function TextInput(props) {
   let { id, SVs, children, actions, ignoreUpdate, callAction } = useDoenetRenderer(props);
@@ -536,8 +536,8 @@ function TextInput(props) {
       id: labelId,
       htmlFor: inputKey,
       style: {
-        marginRight: SVs.labelPosition === "right" ? void 0 : "2px",
-        marginLeft: SVs.labelPosition === "right" ? "2px" : void 0
+        marginInlineEnd: SVs.labelPosition === "right" ? void 0 : "2px",
+        marginInlineStart: SVs.labelPosition === "right" ? "2px" : void 0
       },
       children: label
     }

package/{tooltip-provider-mEVAI_oo.js → tooltip-provider-C8VlkKT9.js}

@@ -1,4 +1,4 @@
-import { a7 as createStoreContext, a8 as HovercardScopedContextProvider, a9 as HovercardContextProvider, aa as createDialogComponent, R as forwardRef, S as createElement, U as createHook, W as invariant, ab as useWrapElement, p as jsxRuntimeExports, X 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-RwjW6x7w.js";
+import { ac as createStoreContext, ad as HovercardScopedContextProvider, ae as HovercardContextProvider, af as createDialogComponent, X as forwardRef, Y as createElement, Z as createHook, a0 as invariant, ag as useWrapElement, q as jsxRuntimeExports, a1 as useStoreState, ah as useHovercard, ai as isFalsyBooleanCallback, aj as contains, ak as sync, al as chain, am as useEvent, an as useHovercardAnchor, ao as createStore, ap as createHovercardStore, aq as defaultValue, ar as useStore, as as useStoreProps, at as useHovercardStoreProps } from "./doenetml-DynV7ZDD.js";
 import { useRef, useEffect } from "react";
 const ctx = createStoreContext([HovercardContextProvider], [HovercardScopedContextProvider]);
 const useTooltipProviderContext = ctx.useProviderContext;

package/{useAnchoredGraphDragHandler-CE3goik5.js → useAnchoredGraphDragHandler-CRPtaTJZ.js}

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

package/useDoenetRenderer-By1VsaDX.js

@@ -0,0 +1,114 @@
+import { G as useAppSelector, H as mainSlice, I as renderersLoadComponent, _ as __variableDynamicImportRuntimeHelper } from "./doenetml-DynV7ZDD.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-BrgLBP-l.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-3rMxl-PD.js").then((n) => n.m), "./renderers/_error.tsx": () => import("./_error-BIkDYkum.js"), "./renderers/alert.tsx": () => import("./alert-40qlFB8j.js"), "./renderers/angle.tsx": () => import("./angle-BOqYrXfU.js"), "./renderers/answer.tsx": () => import("./answer-Dgwe0dei.js"), "./renderers/asList.tsx": () => import("./asList-B1sJDQs3.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-BsG2geQs.js"), "./renderers/boolean.tsx": () => import("./boolean-N29Fwify.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-CcgJltzp.js"), "./renderers/br.tsx": () => import("./br-BQAkKbws.js"), "./renderers/button.tsx": () => import("./button-D3QT17Wd.js"), "./renderers/c.tsx": () => import("./c-Daf8CQwR.js"), "./renderers/cell.tsx": () => import("./cell-BNmEKrA0.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-DWcLPKV7.js"), "./renderers/circle.tsx": () => import("./circle-L-xmtaHy.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-BVdEUH2r.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-D0xuKEXG.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-CdpPaxoi.js"), "./renderers/containerInline.tsx": () => import("./containerInline-DHFXTqAT.js"), "./renderers/curve.tsx": () => import("./curve-5OW8O5t-.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-BJoPJy0v.js"), "./renderers/em.tsx": () => import("./em-C4h-YkRj.js"), "./renderers/embed.tsx": () => import("./embed-CjlH0jbC.js"), "./renderers/feedback.tsx": () => import("./feedback-EFnq4fTf.js"), "./renderers/figure.tsx": () => import("./figure-BiAWioqb.js"), "./renderers/footnote.tsx": () => import("./footnote-U6eszrz5.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-Xkm2Vb3z.js"), "./renderers/graph.tsx": () => import("./graph-BShdY7M2.js"), "./renderers/hint.tsx": () => import("./hint-BJlVCHDc.js"), "./renderers/hr.tsx": () => import("./hr-D15XJLML.js"), "./renderers/image.tsx": () => import("./image-unzIQyP1.js"), "./renderers/label.tsx": () => import("./label-D8LiLGZ0.js"), "./renderers/legend.tsx": () => import("./legend-wHw8PHjz.js"), "./renderers/line.tsx": () => import("./line-BcmltQzB.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-BYs7yPxL.js"), "./renderers/list.tsx": () => import("./list-79YU2kl7.js"), "./renderers/lq.tsx": () => import("./lq-PHOAGpAp.js"), "./renderers/lsq.tsx": () => import("./lsq-DAA0vTFL.js"), "./renderers/math.tsx": () => import("./math-BVfjIEHd.js"), "./renderers/mathInput.tsx": () => import("./mathInput-BtcN3WJR.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-lugF0Kwk.js"), "./renderers/mdash.tsx": () => import("./mdash-DB7_sXiL.js"), "./renderers/nbsp.tsx": () => import("./nbsp-j9m7y0-y.js"), "./renderers/ndash.tsx": () => import("./ndash-COenOscW.js"), "./renderers/number.tsx": () => import("./number-C5IDajKV.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-LpaATJ7G.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-CYnhgICY.js"), "./renderers/p.tsx": () => import("./p-COajOvYn.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-DzpHO-mO.js"), "./renderers/pegboard.tsx": () => import("./pegboard-BdfertiY.js"), "./renderers/point.tsx": () => import("./point-BLFxaE8O.js"), "./renderers/polygon.tsx": () => import("./polygon-DSoochqM.js"), "./renderers/polyline.tsx": () => import("./polyline-CTIot66d.js"), "./renderers/pre.tsx": () => import("./pre-xCSl5oZL.js"), "./renderers/prefigure.tsx": () => import("./prefigure-FCWzkIVy.js"), "./renderers/pretzel.tsx": () => import("./pretzel-RAJStYo8.js"), "./renderers/q.tsx": () => import("./q-DRh3HpI-.js"), "./renderers/ray.tsx": () => import("./ray-CG-m02gI.js"), "./renderers/ref.tsx": () => import("./ref-C2DexbxV.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-C1iatjqu.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-Cv-DJCUB.js"), "./renderers/row.tsx": () => import("./row-DUzsOO4i.js"), "./renderers/rq.tsx": () => import("./rq-DBf5-NZS.js"), "./renderers/rsq.tsx": () => import("./rsq-CRwgd5gN.js"), "./renderers/section.tsx": () => import("./section-CEh-TNeP.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-C_9_ghNz.js"), "./renderers/slider.tsx": () => import("./slider-DOgzk4EE.js"), "./renderers/solution.tsx": () => import("./solution-CKUSv0BJ.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-P7U0r_qV.js"), "./renderers/sq.tsx": () => import("./sq-CTORexcM.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-CsAQMYD4.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-BBREeWvh.js"), "./renderers/table.tsx": () => import("./table-Bhb19es1.js"), "./renderers/tabular.tsx": () => import("./tabular-DBI3KqQP.js"), "./renderers/tag.tsx": () => import("./tag-BtGckMpT.js"), "./renderers/text.tsx": () => import("./text-7k2wXfRf.js"), "./renderers/textInput.tsx": () => import("./textInput-lbnI_I3U.js"), "./renderers/vector.tsx": () => import("./vector-lV5ajE68.js"), "./renderers/video.tsx": () => import("./video-C-iSvsQk.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-Bl1nM1Rc.js → useSubmitActionWithDelay-DBCED73A.js}

@@ -1,5 +1,5 @@
-import { p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
-import { F as FontAwesomeIcon } from "./index.es-BCeR6l3D.js";
+import { q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
+import { F as FontAwesomeIcon } from "./index.es-B8Vdrw0-.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/utils/diagnostics.d.ts

@@ -20,6 +20,13 @@ export declare function useDiagnosticFormatter(translate: Translator, uiLocale:
  * catalogs yet (#1518) — come back untouched, and so does the array itself
  * when nothing changed, so a document whose diagnostics are all legacy costs
  * nothing and doesn't churn a memo downstream.
+ *
+ * A *coded* record under a non-English chrome locale is re-rendered even where
+ * the catalog hasn't translated it, because the chrome isolates its placeables
+ * in every language but English and the English fallback picks the marks up
+ * too. That is deliberate — isolation follows the surface, not whichever
+ * catalog answered — and it means such a record no longer keeps its identity.
+ * The cost is a new array for those documents, not a wrong message.
  */
 export declare function localizeDiagnostics(diagnostics: DiagnosticRecord[], format: DiagnosticFormatter): DiagnosticRecord[];
 //# sourceMappingURL=diagnostics.d.ts.map

package/utils/diagnostics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diagnostics.d.ts","sourceRoot":"","sources":["../../src/utils/diagnostics.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CAClC,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,MAAM,GACjB,mBAAmB,CAKrB;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAC/B,WAAW,EAAE,gBAAgB,EAAE,EAC/B,MAAM,EAAE,mBAAmB,GAC5B,gBAAgB,EAAE,CAWpB"}
+{"version":3,"file":"diagnostics.d.ts","sourceRoot":"","sources":["../../src/utils/diagnostics.ts"],"names":[],"mappings":"AACA,OAAO,EAEH,KAAK,mBAAmB,EACxB,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CAClC,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,MAAM,GACjB,mBAAmB,CAKrB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAC/B,WAAW,EAAE,gBAAgB,EAAE,EAC/B,MAAM,EAAE,mBAAmB,GAC5B,gBAAgB,EAAE,CAWpB"}

package/utils/i18n.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Translator } from '../../packages/i18n/dist';
+import { Direction, Translator } from '../../packages/i18n/dist';
 /**
  * The catalogs available for a set of locales: whatever the host supplied,
  * plus whatever this build can code-split in for the tags actually asked for.
@@ -84,6 +84,72 @@ export declare function useT(): Translator;
  * list arguments with `Intl.ListFormat`.
  */
 export declare function useUiLocale(): string;
+/**
+ * Declare the direction of the document the chrome below is drawn inside.
+ *
+ * Mounted twice over: once by `DocViewer` for the outermost document, and again
+ * by `section.tsx` around a nested `<document lang>`, which turns its own
+ * subtree around and so becomes what the chrome inside *it* has to agree with.
+ * Without the second, a hint inside `<document lang="ar">` would compare itself
+ * against the activity's direction and stay silent while sitting in a box
+ * running the other way.
+ */
+export declare function DocumentDirectionProvider({ direction, children, }: {
+    direction: Direction;
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * The direction of the nearest enclosing document, or `null` outside any.
+ *
+ * For a renderer that both *declares* a direction and draws chrome of its own
+ * inside it — today only `section.tsx`, which has to compare its own heading
+ * against the box it is about to open rather than the one around it.
+ */
+export declare function useDocumentDirection(): Direction | null;
+/** What {@link useChromeLangDir} spreads onto a piece of chrome. */
+export type ChromeLangDir = {
+    lang?: string;
+    dir?: Direction;
+};
+/**
+ * {@link useChromeLangDir} without the hook, for a caller that renders *above*
+ * {@link DocumentDirectionProvider} and so cannot read the context — today only
+ * `DocViewer`'s error banner, which is built before the providers it sits
+ * inside.
+ *
+ * @param documentDirection The direction of the surrounding document, or `null`
+ *   where there is none to disagree with.
+ */
+export declare function chromeLangDir(uiLocale: string, documentDirection: Direction | null): ChromeLangDir;
+/**
+ * `lang` and `dir` for a piece of chrome, or `{}` when it needs neither.
+ *
+ * The viewer labels its wrapper with the *document's* language, and mounts the
+ * chrome provider inside it — so every string a renderer draws through
+ * {@link useT} is the reader's language sitting in a box declared to be the
+ * content's. That costs nothing while the two run the same way, and is why
+ * this returns an empty object in the overwhelmingly common case: spreading it
+ * then adds no attribute to the element it is spread onto. (Several of the
+ * call sites wrap their string in a `<span>` to have something to spread onto;
+ * that span is inert when the object is empty.)
+ *
+ * It matters when they disagree, which is the case right-to-left support
+ * exists for: a Spanish-speaking reader working an Arabic activity. Without
+ * this, their English or Spanish chrome renders inside `dir="rtl"` and its
+ * trailing punctuation, parentheses and percent signs land on the wrong end of
+ * the sentence.
+ *
+ * Spread it onto chrome that sits *inside* the document — the error box, the
+ * feedback heading, the click-to-toggle text on a hint, a solution or a
+ * collapsible section, a pretzel's answer label, the summary-statistics
+ * caption, the math-input preview's parse-error message. Do not spread it onto
+ * anything reading {@link useContentT}: the check-work widget follows the
+ * document's language on purpose, so it should follow the document's direction
+ * too. Tooltips need nothing either, for the opposite reason — Ariakit portals
+ * them to `document.body`, so they are never inside the document's box at all,
+ * and a native `title` attribute is drawn by the browser rather than by CSS.
+ */
+export declare function useChromeLangDir(): ChromeLangDir;
 /**
  * Publish the document-language translator to every {@link useContentT} below.
  *

package/utils/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EASH,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AAoBtB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAC7B,OAAO,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,EACtC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAC9C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CA8C3C;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAC/B,QAAQ,EAAE,MAAM,EAChB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD,UAAU,CASZ;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD;IAAE,SAAS,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAO3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,MAAM,EACN,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAOA;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,IAAI,UAAU,CAEjC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAUD;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,SAAS,EACT,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAMA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,WAAW,IAAI,UAAU,CAExC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAUH,KAAK,SAAS,EACd,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AAoBtB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAC7B,OAAO,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,EACtC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAC9C,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CA8C3C;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAC/B,QAAQ,EAAE,MAAM,EAChB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD,UAAU,CASZ;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACnC,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAChD;IAAE,SAAS,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAO3C;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,MAAM,EACN,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAOA;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,IAAI,UAAU,CAEjC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAWD;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,SAAS,EACT,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAMA;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,GAAG,IAAI,CAEvD;AAED,oEAAoE;AACpE,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE/D;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CACzB,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,SAAS,GAAG,IAAI,GACpC,aAAa,CAMf;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,CAEhD;AAUD;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,SAAS,EACT,QAAQ,GACX,EAAE;IACC,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAMA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,WAAW,IAAI,UAAU,CAExC"}

package/{vector-DTjqdT0D.js → vector-lV5ajE68.js}

@@ -1,11 +1,11 @@
-import { q as DocContext, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-RwjW6x7w.js";
+import { t as DocContext, q as jsxRuntimeExports, v as textRendererStyle, w as DynamicMath } from "./doenetml-DynV7ZDD.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-CTbAGksr.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-BpbjUn8w.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-DVSxZbFk.js";
-import { ChoiceInputInlineContext } from "./choiceInput-DXKjyCqp.js";
-import { a as buildLineLikeAttributes } from "./buildGraphicalAttributes-C7PtyKL7.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-3rMxl-PD.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-BShdY7M2.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-HSo2HwSH.js";
+import { ChoiceInputInlineContext } from "./choiceInput-DWcLPKV7.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";
 import { a as resolveLineColor, d as resolveHandleColor } from "./styleColors-Cknqcr0q.js";
@@ -71,16 +71,10 @@ const vector = React__default.memo(function Vector(props) {
       [...SVs.numericalEndpoints[0]],
       [...SVs.numericalEndpoints[1]]
     ];
-    let jsxPointAttributes = Object.assign({}, jsxVectorAttributes);
-    Object.assign(jsxPointAttributes, {
-      withLabel: false,
-      fixed: false,
-      highlight: true,
-      fillColor: "none",
-      strokeColor: "none",
-      highlightStrokeColor: "none",
-      highlightFillColor: resolveHandleColor(darkMode),
+    let jsxPointAttributes = buildDragHandleAttributes({
+      elementAttributes: jsxVectorAttributes,
       layer: pointLayer,
+      darkMode,
       showInfoBox: SVs.showCoordsWhenDragging
     });
     let tailPointAttributes = Object.assign({}, jsxPointAttributes);

package/{video-Bj4ChYgg.js → video-C-iSvsQk.js}

@@ -1,10 +1,10 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-RwjW6x7w.js";
+import { y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useState, useEffect, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-BUPvEAwn.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 import { s as sizeToCSS } from "./css-BJLDLYRJ.js";
-import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-B_KGuyjX.js";
+import { D as DescriptionPopover, a as DescriptionAsDetails } from "./Description-DzHJcqCq.js";
 import { g as getNonInlineMediaLayoutStyles } from "./nonInlineMediaLayout-CkXHaqzo.js";
-import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-DqUh14n5.js";
+import { N as NonInlineMediaWrapper } from "./NonInlineMediaWrapper-CTSA5ztb.js";
 const YT_API_SRC = "https://www.youtube.com/iframe_api";
 const listeners = /* @__PURE__ */ new Set();
 let installed = false;