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

package/{number-BluUugiB.js → number-C5IDajKV.js}

@@ -1,13 +1,13 @@
-import { q as DocContext, y as Context, p as jsxRuntimeExports, t as textRendererStyle, v as DynamicMath } from "./doenetml-CKC903On.js";
+import { t as DocContext, z as Context, q as jsxRuntimeExports, v as textRendererStyle, w as DynamicMath } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef, useContext } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
-import { BoardContext, TEXT_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.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-BGjmqGv1.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-CKCVFGYp.js";
+import { d as detachAnchoredGraphElement, a as attachAnchoredGraphDragHandlers } from "./useAnchoredGraphDragHandler-CRPtaTJZ.js";
 const number = React__default.memo(function NumberComponent(props) {
   let { componentIdx, id, SVs, actions, callAction } = useDoenetRenderer(props);
   NumberComponent.ignoreActionsWithoutCore = () => true;

package/{orbitalDiagram-CcsEMNH5.js → orbitalDiagram-LpaATJ7G.js}

@@ -1,6 +1,7 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { l as ltrIslandProps } from "./direction-BwrU7jHk.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",
@@ -32,7 +33,13 @@ const orbitalDiagram = React__default.memo(function orbitalDiagram2(props) {
       )
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, id, children: rowsJSX });
+  return (
+    // An electron configuration is notation: the subshell label sits to
+    // the left of its boxes and the boxes fill left to right, in every
+    // language. The rows are plain inline flow, so they would otherwise
+    // reverse wholesale under `rtl`.
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, id, ...ltrIslandProps(), children: rowsJSX })
+  );
 });
 const OrbitalRow = React__default.memo(function OrbitalRow2({
   rowNumber,

package/{orbitalDiagramInput-BaR6FltQ.js → orbitalDiagramInput-CYnhgICY.js}

@@ -1,6 +1,7 @@
-import { u as useT, x as useRecordVisibilityChanges, p as jsxRuntimeExports, B as Button2 } from "./doenetml-CKC903On.js";
+import { u as useT, y as useRecordVisibilityChanges, q as jsxRuntimeExports, B as Button2 } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { l as ltrIslandProps } from "./direction-BwrU7jHk.js";
 const ORBITAL_ARROW_STYLE = {
   fill: "none",
   stroke: "var(--canvasText)",
@@ -199,10 +200,16 @@ const orbitalDiagramInput = React__default.memo(function orbitalDiagramInput2(pr
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, id, children: [
-    controls,
-    rowsJSX
-  ] });
+  return (
+    // Notation, like the read-only diagram it edits: the subshell label
+    // sits to the left of its boxes and the boxes fill left to right in
+    // every language, and the rows are plain inline flow that would
+    // otherwise reverse wholesale under `rtl`.
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref, id, ...ltrIslandProps(), children: [
+      controls,
+      rowsJSX
+    ] })
+  );
 });
 const OrbitalRow = React__default.memo(function OrbitalRow2({
   rowNumber,

package/{p-DMbbK7I1.js → p-COajOvYn.js}

@@ -1,8 +1,8 @@
-import { w as useContentT, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { x as useContentT, y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { a as addCommasForCompositeRanges } from "./composites-Dxl9i1nS.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DBCED73A.js";
 const p = React__default.memo(function P(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);
   const tContent = useContentT();

package/package.json

@@ -2,7 +2,7 @@
     "name": "@doenet/doenetml",
     "type": "module",
     "description": "Semantic markup for building interactive web activities",
-    "version": "0.7.21-dev.416",
+    "version": "0.7.21-dev.417",
     "license": "AGPL-3.0-or-later",
     "homepage": "https://github.com/Doenet/DoenetML#readme",
     "repository": {

package/{paginatorControls-B-F1HpS4.js → paginatorControls-DzpHO-mO.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports, B as Button2 } from "./doenetml-CKC903On.js";
+import { q as jsxRuntimeExports, B as Button2 } from "./doenetml-DynV7ZDD.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 const paginatorControls = React__default.memo(function PaginatorControls(props) {
   let { id, SVs, actions, callAction } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{pegboard-BGC31Eyq.js → pegboard-BdfertiY.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg } from "./JSXGraphRenderer-CH3Etvtx.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { BoardContext, BASE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
-import { y as Context } from "./doenetml-CKC903On.js";
+import { j as jxg } from "./JSXGraphRenderer-3rMxl-PD.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { BoardContext, BASE_LAYER_OFFSET } from "./graph-BShdY7M2.js";
+import { z as Context } from "./doenetml-DynV7ZDD.js";
 const { round } = Context.math;
 const pegboard = React__default.memo(function Pegboard(props) {
   let { SVs } = useDoenetRenderer(props);

package/{point-BT1XGRo9.js → point-BLFxaE8O.js}

@@ -1,12 +1,12 @@
-import { q as DocContext, t as textRendererStyle, p as jsxRuntimeExports, v as DynamicMath } from "./doenetml-CKC903On.js";
+import { t as DocContext, v as textRendererStyle, q as jsxRuntimeExports, w as DynamicMath } from "./doenetml-DynV7ZDD.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CH3Etvtx.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { BoardContext, POINT_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { r as removeJXGEventHandlers, j as jxg, s as syncLayer, a as syncWithLabelToggle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-3rMxl-PD.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { BoardContext, POINT_LAYER_OFFSET } from "./graph-BShdY7M2.js";
 import { c as characterizeOffGraphPoint } from "./offGraphIndicators-CYoqQHuD.js";
 import { n as normalizePointStyle, a as normalizePointSize, b as adjustPointLabelPosition, e as calculatePointLabelAnchor } from "./graph-W6vrFcBu.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.js";
-import { ChoiceInputInlineContext } from "./choiceInput-BGjmqGv1.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-HSo2HwSH.js";
+import { ChoiceInputInlineContext } from "./choiceInput-DWcLPKV7.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { c as resolveMarkerColor } from "./styleColors-Cknqcr0q.js";

package/{polygon-Cfu9QrkP.js → polygon-DSoochqM.js}

@@ -1,16 +1,16 @@
-import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { t as DocContext, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useContext, useRef } from "react";
-import { r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, e as syncLineStrokeStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CH3Etvtx.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.js";
+import { r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, s as syncLayer, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, e as syncLineStrokeStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-3rMxl-PD.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { BoardContext, LINE_LAYER_OFFSET, VERTEX_LAYER_OFFSET } from "./graph-BShdY7M2.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-HSo2HwSH.js";
 import { u as usePointerDragState, a as useBoardPointerTracking } from "./useBoardPointerTracking-DV6a8Wvg.js";
 import { p as pointerEventToUserCoords } from "./dragThreshold-DuSSFrIU.js";
 import { a as resolveLineColor, r as resolveFillColor, b as resolveCanvasColor, d as resolveHandleColor } from "./styleColors-Cknqcr0q.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
 import { u as useDraggableRefs, a as useJSXGraphCleanup } from "./useJSXGraphCleanup-CX91oVW8.js";
 import { d as buildBaseAttributes } from "./buildGraphicalAttributes-0RNcbd2S.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-BC4vIjlx.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-DmAM78RG.js";
 const polygon = React__default.memo(function Polygon(props) {
   let { componentIdx, id, SVs, actions, sourceOfUpdate, callAction } = useDoenetRenderer(props);
   Polygon.ignoreActionsWithoutCore = () => true;

package/{polyline-san0khs-.js → polyline-CTIot66d.js}

@@ -1,9 +1,9 @@
-import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { t as DocContext, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useContext, useRef } from "react";
-import { s as syncLayer, r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, e as syncLineStrokeStyle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CH3Etvtx.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { BoardContext, VERTEX_LAYER_OFFSET, LINE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.js";
+import { s as syncLayer, r as removeJXGEventHandlers, j as jxg, g as syncVisPropValues, e as syncLineStrokeStyle, f as syncLabelStrokeColor, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } 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 { 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";

package/{pre-BHN7blJZ.js → pre-xCSl5oZL.js}

@@ -1,7 +1,7 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { a as addCommasForCompositeRanges } from "./composites-Dxl9i1nS.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 const pre = React__default.memo(function Pre(props) {
   let { id, SVs, children, actions, callAction } = useDoenetRenderer(props);

package/{prefigure-C7f9UcnA.js → prefigure-FCWzkIVy.js}

@@ -1,4 +1,4 @@
-import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useState, useRef, useEffect } from "react";
 const __vite_import_meta_env__ = { "VITE_PREFIGURE_MODULE_URL": "https://cdn.jsdelivr.net/npm/@doenet/prefigure@latest/prefigure.js" };
 const DEFAULT_PREFIGURE_BUILD_ENDPOINT = "https://prefigure.doenet.org/build";
@@ -2099,6 +2099,7 @@ const Prefigure = React__default.memo(function Prefigure2({
             {
               className: "svg",
               style: svgContainerStyle,
+              dir: "ltr",
               dangerouslySetInnerHTML: { __html: svgMarkup }
             }
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "svg", style: svgMessageStyle, children: svgMessage }),

package/{pretzel-CmIYOB8F.js → pretzel-RAJStYo8.js}

@@ -1,8 +1,8 @@
-import { u as useT, w as useContentT, x as useRecordVisibilityChanges, q as DocContext, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { u as useT, x as useContentT, o as useChromeLangDir, y as useRecordVisibilityChanges, t as DocContext, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef, useContext } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { A as AnswerResponseButton } from "./AnswerResponseButton-Dd0HJDB-.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { A as AnswerResponseButton } from "./AnswerResponseButton-DRQPLlOM.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DBCED73A.js";
 const pretzel = React__default.memo(function Pretzel(props) {
   let {
     componentIdx,
@@ -17,6 +17,7 @@ const pretzel = React__default.memo(function Pretzel(props) {
   } = useDoenetRenderer(props);
   const t = useT();
   const tContent = useContentT();
+  const chromeLangDir = useChromeLangDir();
   const ref = useRef(null);
   useRecordVisibilityChanges(ref, callAction, actions);
   const { showAnswerResponseButton, answerResponseCounts } = useContext(DocContext) || {};
@@ -68,8 +69,10 @@ const pretzel = React__default.memo(function Pretzel(props) {
                 className: "pretzelAnswer",
                 "data-test": "pretzel-row-answer",
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: t("pretzel-answer", void 0, "Answer") }),
-                  ":",
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { ...chromeLangDir, children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: t("pretzel-answer", void 0, "Answer") }),
+                    ":"
+                  ] }),
                   " ",
                   answer
                 ]

package/{q-tXX3oDTu.js → q-DRh3HpI-.js}

@@ -1,7 +1,7 @@
-import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { r as renderMarkupBody } from "./markupRenderer-D1tNv_Bq.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { r as renderMarkupBody } from "./markupRenderer-BJWUpWkE.js";
 const q = React__default.memo(function Q(props) {
   const { SVs, children } = useDoenetRenderer(props);
   const body = renderMarkupBody({ SVs, children });

package/{ray-BMK7xaAg.js → ray-CG-m02gI.js}

@@ -1,9 +1,9 @@
-import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { t as DocContext, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.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-CH3Etvtx.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
-import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-Clzykt4r.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-3rMxl-PD.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-BShdY7M2.js";
+import { u as useSourceNavigation, a as attachLineFamilyDragHandlers } from "./lineFamilyDragHandlers-HSo2HwSH.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-65DT_x0u.js → ref-C2DexbxV.js}

@@ -1,6 +1,6 @@
-import { q as DocContext, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { t as DocContext, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useContext, useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 const ref = React__default.memo(function Ref(props) {
   const { id, SVs, children, requestScrollTo } = useDoenetRenderer(props);
   const { doenetViewerUrl } = useContext(DocContext) || {};

package/{regionBetweenCurveXAxis-BsTsPQRg.js → regionBetweenCurveXAxis-C1iatjqu.js}

@@ -1,9 +1,9 @@
-import { q as DocContext, A as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { t as DocContext, E as createFunctionFromDefinition, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CH3Etvtx.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-BC4vIjlx.js";
+import { j as jxg, b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-3rMxl-PD.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-BShdY7M2.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-DmAM78RG.js";
 import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
 const regionBetweenCurveXAxis = React__default.memo(function RegionBetweenCurveXAxis(props) {
   let { id, SVs } = useDoenetRenderer(props);

package/{regionBetweenCurves-C_M-pjuM.js → regionBetweenCurves-Cv-DJCUB.js}

@@ -1,11 +1,11 @@
-import { q as DocContext, A as createFunctionFromDefinition, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { t as DocContext, E as createFunctionFromDefinition, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { BoardContext, LINE_LAYER_OFFSET } from "./graph-Shoc8JnU.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { BoardContext, LINE_LAYER_OFFSET } from "./graph-BShdY7M2.js";
 import { s as styleToDash } from "./styleToDash-DWb71gbd.js";
-import { g as getPatternFillAttributes } from "./fillPatterns-BC4vIjlx.js";
+import { g as getPatternFillAttributes } from "./fillPatterns-DmAM78RG.js";
 import { b as resolveCanvasColor } from "./styleColors-Cknqcr0q.js";
-import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-CH3Etvtx.js";
+import { b as syncLabelMaskCssStyle, c as computeLabelMaskCssStyle, d as attachLabelHoverHighlight } from "./JSXGraphRenderer-3rMxl-PD.js";
 const regionBetweenCurves = React__default.memo(function RegionBetweenCurves(props) {
   let { id, SVs } = useDoenetRenderer(props);
   RegionBetweenCurves.ignoreActionsWithoutCore = () => true;

package/{row-DKwY5fZc.js → row-DUzsOO4i.js}

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

package/{rq-aLJVzNtD.js → rq-DBf5-NZS.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 const rq = React__default.memo(function Rq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{rsq-Bi1u3srM.js → rsq-CRwgd5gN.js}

@@ -1,6 +1,6 @@
-import { p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 const rsq = React__default.memo(function Rsq(props) {
   let { SVs } = useDoenetRenderer(props, false);
   if (SVs.hidden) {

package/{section-C_bOjYSJ.js → section-CEh-TNeP.js}

@@ -1,15 +1,21 @@
-import { u as useT, w as useContentT, q as DocContext, z as cesc, x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { u as useT, x as useContentT, L as directionOf, M as useDocumentDirection, N as chromeLangDir, n as useUiLocale, t as DocContext, A as cesc, y as useRecordVisibilityChanges, q as jsxRuntimeExports, O as DocumentDirectionProvider } from "./doenetml-DynV7ZDD.js";
 import React__default, { useContext, useRef, useEffect } from "react";
-import { F as FontAwesomeIcon } from "./index.es-DEgUxk1r.js";
+import { F as FontAwesomeIcon } from "./index.es-B8Vdrw0-.js";
 import { f as faCaretDown, a as faCaretRight } from "./index-BDlitCgu.js";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
-import { a as addCommasForCompositeRanges } from "./composites-_Ju1qHUH.js";
-import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DhUttTXy.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
+import { a as addCommasForCompositeRanges } from "./composites-Dxl9i1nS.js";
+import { c as calculateValidationState, u as useSubmitActionWithDelay, a as createCheckWorkComponent } from "./useSubmitActionWithDelay-DBCED73A.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);
   const t = useT();
   const tContent = useContentT();
+  const nestedDirection = SVs.renderedLang ? directionOf(SVs.renderedLang) : null;
+  const outerDirection = useDocumentDirection();
+  const chromeLangDir$1 = chromeLangDir(
+    useUiLocale(),
+    nestedDirection ?? outerDirection
+  );
   const { darkMode } = useContext(DocContext) || {};
   const headingBoxBg = darkMode === "dark" && SVs.titleColorDarkMode != null ? SVs.titleColorDarkMode : SVs.titleColor;
   const LIST_ITEM_INDENT = "2em";
@@ -27,17 +33,17 @@ const section = React__default.memo(function Section(props) {
       return `
                 display: inline-block;
                 width: calc(${LIST_ITEM_INDENT} - ${LIST_ITEM_SPACING});
-                margin-left: calc(-1 * ${LIST_ITEM_INDENT});
-                margin-right: ${LIST_ITEM_SPACING};
-                text-align: right;
+                margin-inline-start: calc(-1 * ${LIST_ITEM_INDENT});
+                margin-inline-end: ${LIST_ITEM_SPACING};
+                text-align: end;
                 flex-shrink: 0;
             `;
     } else {
       return `
                 position: absolute;
-                left: 0;
+                inset-inline-start: 0;
                 width: calc(${LIST_ITEM_INDENT} - ${LIST_ITEM_SPACING});
-                text-align: right;
+                text-align: end;
             `;
     }
   };
@@ -60,14 +66,14 @@ const section = React__default.memo(function Section(props) {
         return {
           ...baseStyle,
           position: "relative",
-          paddingLeft: LIST_ITEM_INDENT
+          paddingInlineStart: LIST_ITEM_INDENT
         };
       } else {
         return {
           ...baseStyle,
           display: "flex",
           alignItems: "baseline",
-          paddingLeft: LIST_ITEM_INDENT
+          paddingInlineStart: LIST_ITEM_INDENT
         };
       }
     }
@@ -78,18 +84,22 @@ const section = React__default.memo(function Section(props) {
       id,
       style,
       ref,
-      lang: SVs.renderedLang ?? void 0
+      lang: SVs.renderedLang ?? void 0,
+      dir: nestedDirection ?? void 0
     };
-    switch (SVs.containerTag) {
-      case "aside":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { ...props2, children: content2 });
-      case "article":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("article", { ...props2, children: content2 });
-      case "div":
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props2, children: content2 });
-      default:
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { ...props2, children: content2 });
-    }
+    const container = (() => {
+      switch (SVs.containerTag) {
+        case "aside":
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { ...props2, children: content2 });
+        case "article":
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("article", { ...props2, children: content2 });
+        case "div":
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props2, children: content2 });
+        default:
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("section", { ...props2, children: content2 });
+      }
+    })();
+    return nestedDirection ? /* @__PURE__ */ jsxRuntimeExports.jsx(DocumentDirectionProvider, { direction: nestedDirection, children: container }) : container;
   };
   useEffect(() => {
     if (!SVs.isListItem) {
@@ -112,9 +122,9 @@ const section = React__default.memo(function Section(props) {
                     content: "${SVs.sectionNumber}.";
                     display: inline-block;
                     width: calc(${LIST_ITEM_INDENT} - ${LIST_ITEM_SPACING});
-                    margin-left: calc(-1 * ${LIST_ITEM_INDENT});
-                    margin-right: ${LIST_ITEM_SPACING};
-                    text-align: right;
+                    margin-inline-start: calc(-1 * ${LIST_ITEM_INDENT});
+                    margin-inline-end: ${LIST_ITEM_SPACING};
+                    text-align: end;
                     flex-shrink: 0;
                 }
             `);
@@ -131,8 +141,8 @@ const section = React__default.memo(function Section(props) {
                     #${escapedId}::before {
                         content: "${SVs.sectionNumber}.";
                         grid-column: 1;
-                        text-align: right;
-                        padding-right: ${LIST_ITEM_SPACING};
+                        text-align: end;
+                        padding-inline-end: ${LIST_ITEM_SPACING};
                     }
 
                     #${escapedContentWrapperId} {
@@ -153,32 +163,19 @@ const section = React__default.memo(function Section(props) {
                         content: "${SVs.sectionNumber}.";
                         display: inline-block;
                         width: calc(${LIST_ITEM_INDENT} - ${LIST_ITEM_SPACING});
-                        margin-left: calc(-1 * ${LIST_ITEM_INDENT});
-                        margin-right: ${LIST_ITEM_SPACING};
-                        text-align: right;
+                        margin-inline-start: calc(-1 * ${LIST_ITEM_INDENT});
+                        margin-inline-end: ${LIST_ITEM_SPACING};
+                        text-align: end;
                         vertical-align: baseline;
                     }
                 `);
       }
     }
-    if (SVs.collapsible) {
-      const headingBoxClassName = `section-heading-${id}`;
-      const escapedHeadingBoxClassName = cesc(headingBoxClassName);
-      cssRules.push(`
-                #${escapedId} .${escapedHeadingBoxClassName}::before {
-                    content: "${SVs.sectionNumber}.";
-                    text-align: right;
-                    ${getSectionNumberStyles(hasTitle)}
-                }
-            `);
-    }
-    if (SVs.boxed && !SVs.collapsible) {
-      const headingBoxClassName = `section-heading-${id}`;
-      const escapedHeadingBoxClassName = cesc(headingBoxClassName);
+    if (SVs.collapsible || SVs.boxed) {
+      const escapedHeadingBoxClassName = cesc(`section-heading-${id}`);
       cssRules.push(`
                 #${escapedId} .${escapedHeadingBoxClassName}::before {
                     content: "${SVs.sectionNumber}.";
-                    text-align: right;
                     ${getSectionNumberStyles(hasTitle)}
                 }
             `);
@@ -248,7 +245,7 @@ const section = React__default.memo(function Section(props) {
       " ",
       title,
       " ",
-      clickToToggleLabel(t, SVs.open)
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { ...chromeLangDir$1, children: clickToToggleLabel(t, SVs.open) })
     ] });
   }
   let headingStyle = {};
@@ -337,7 +334,7 @@ const section = React__default.memo(function Section(props) {
       const innerContentStyle = {
         display: "block",
         padding: BOX_PADDING,
-        ...SVs.isListItem && { paddingLeft: LIST_ITEM_INDENT }
+        ...SVs.isListItem && { paddingInlineStart: LIST_ITEM_INDENT }
       };
       innerContent = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: innerContentStyle, children: [
         SVs.rendered ? children : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: t(
@@ -396,7 +393,7 @@ const section = React__default.memo(function Section(props) {
     const contentDivStyle = {
       display: "block",
       padding: BOX_PADDING,
-      ...SVs.isListItem && { paddingLeft: LIST_ITEM_INDENT }
+      ...SVs.isListItem && { paddingInlineStart: LIST_ITEM_INDENT }
     };
     const headingBoxClassName = `section-heading-${id}`;
     content = /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -430,7 +427,7 @@ const section = React__default.memo(function Section(props) {
     const containerStyle = useListItemGridLayout ? { margin: "12px 0" } : {
       margin: "12px 0",
       position: "relative",
-      marginLeft: LIST_ITEM_INDENT
+      marginInlineStart: LIST_ITEM_INDENT
     };
     return renderContainer(content, containerStyle);
   }

package/{sha256-Bzrm4-tO-BdovCL5S.js → sha256-Bzrm4-tO-D5VzcQ6q.js}

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

package/{sideBySide-C5qw_QnB.js → sideBySide-C_9_ghNz.js}

@@ -1,6 +1,6 @@
-import { x as useRecordVisibilityChanges, p as jsxRuntimeExports } from "./doenetml-CKC903On.js";
+import { y as useRecordVisibilityChanges, q as jsxRuntimeExports } from "./doenetml-DynV7ZDD.js";
 import React__default, { useRef } from "react";
-import { u as useDoenetRenderer } from "./useDoenetRenderer-B-lvSi_Q.js";
+import { u as useDoenetRenderer } from "./useDoenetRenderer-By1VsaDX.js";
 import { a as getBlockMarginWithOptionalTopSuppression } from "./nonInlineMediaLayout-CkXHaqzo.js";
 function isWhitespaceTextChild(child) {
   return typeof child === "string" && child.trim() === "";
@@ -60,6 +60,12 @@ const sideBySide = React__default.memo(function sideBySide2(props) {
               display: "flex",
               alignItems: "flex-start"
             },
+            // Physical, because `<sideBySide margins="…">` is: the
+            // author wrote a left margin and a right margin, and the
+            // panels themselves reorder under `rtl` while these
+            // percentages stay where they were put. Giving the
+            // attribute logical `start`/`end` values is tracked
+            // in #1627.
             marginLeft: `${thisMarginLeft}%`,
             marginRight: `${thisMarginRight}%`,
             width: `${width}%`