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

package/{doenetml-RwjW6x7w.js → doenetml-DynV7ZDD.js}

@@ -2334,6 +2334,8 @@ function normalizeLocaleTag(tag2) {
   }
 }
 const PSEUDO_LOCALE = "en-XA";
+const PSEUDO_RTL_LOCALE = "en-XB";
+const PSEUDO_RTL_BRACKETS = ["‏»", "«‏"];
 const ACCENT_MAP = {
   a: "á",
   b: "ƀ",
@@ -2456,27 +2458,189 @@ function pseudoLocalize(ftlSource, options2 = {}) {
     return `${split.prefix}${open}${text2}${padding}${close}`;
   }).join("\n");
 }
+const RTL_SCRIPTS = /* @__PURE__ */ new Set([
+  "Adlm",
+  // Adlam
+  "Arab",
+  // Arabic
+  "Aran",
+  // Nastaliq
+  "Armi",
+  // Imperial Aramaic
+  "Avst",
+  // Avestan
+  "Cprt",
+  // Cypriot
+  "Egyp",
+  // Egyptian hieroglyphs
+  "Elym",
+  // Elymaic
+  "Gara",
+  // Garay
+  "Hatr",
+  // Hatran
+  "Hebr",
+  // Hebrew
+  "Hung",
+  // Old Hungarian
+  "Khar",
+  // Kharoshthi
+  "Lydi",
+  // Lydian
+  "Mand",
+  // Mandaic
+  "Mani",
+  // Manichaean
+  "Mend",
+  // Mende Kikakui
+  "Merc",
+  // Meroitic cursive
+  "Mero",
+  // Meroitic hieroglyphs
+  "Narb",
+  // Old North Arabian
+  "Nbat",
+  // Nabataean
+  "Nkoo",
+  // NKo
+  "Orkh",
+  // Old Turkic
+  "Palm",
+  // Palmyrene
+  "Phli",
+  // Inscriptional Pahlavi
+  "Phlp",
+  // Psalter Pahlavi
+  "Phnx",
+  // Phoenician
+  "Prti",
+  // Inscriptional Parthian
+  "Rohg",
+  // Hanifi Rohingya
+  "Samr",
+  // Samaritan
+  "Sarb",
+  // Old South Arabian
+  "Sogd",
+  // Sogdian
+  "Sogo",
+  // Old Sogdian
+  "Syrc",
+  // Syriac
+  "Thaa",
+  // Thaana
+  "Todr",
+  // Todhri
+  "Yezi"
+  // Yezidi
+]);
+const RTL_LANGUAGES = /* @__PURE__ */ new Set([
+  "ae",
+  // Avestan
+  "ar",
+  // Arabic
+  "arc",
+  // Aramaic
+  "bcc",
+  // Southern Balochi
+  "bqi",
+  // Bakhtiari
+  "ckb",
+  // Central Kurdish
+  "dv",
+  // Divehi
+  "fa",
+  // Persian
+  "glk",
+  // Gilaki
+  "he",
+  // Hebrew
+  "iw",
+  // Hebrew (retired)
+  "ji",
+  // Yiddish (retired)
+  "khw",
+  // Khowar
+  "ks",
+  // Kashmiri
+  "lrc",
+  // Northern Luri
+  "mzn",
+  // Mazanderani
+  "nqo",
+  // NKo
+  "pnb",
+  // Western Punjabi
+  "prs",
+  // Dari
+  "ps",
+  // Pashto
+  "sd",
+  // Sindhi
+  "ug",
+  // Uyghur
+  "ur",
+  // Urdu
+  "yi"
+  // Yiddish
+]);
+function directionOf(tag2) {
+  const trimmed = tag2.trim();
+  if (trimmed === "") {
+    return "ltr";
+  }
+  if (trimmed.toLowerCase() === PSEUDO_RTL_LOCALE.toLowerCase()) {
+    return "rtl";
+  }
+  try {
+    const locale = new Intl.Locale(trimmed);
+    const script = locale.maximize().script ?? locale.script;
+    if (script) {
+      return RTL_SCRIPTS.has(script) ? "rtl" : "ltr";
+    }
+    return RTL_LANGUAGES.has(locale.language ?? "") ? "rtl" : "ltr";
+  } catch {
+    return directionFromRawSubtags(trimmed);
+  }
+}
+function directionFromRawSubtags(tag2) {
+  const subtags = tag2.split(/[-_]/);
+  for (const subtag of subtags.slice(1)) {
+    if (/^[A-Za-z]{4}$/.test(subtag)) {
+      const script = subtag[0].toUpperCase() + subtag.slice(1).toLowerCase();
+      return RTL_SCRIPTS.has(script) ? "rtl" : "ltr";
+    }
+  }
+  return RTL_LANGUAGES.has(subtags[0].toLowerCase()) ? "rtl" : "ltr";
+}
 const BUNDLED_CHROME_CATALOGS = {
   [DEFAULT_LOCALE]: englishResources(CHROME_NAMESPACES)
 };
-let pseudoChromeCatalog;
-function getPseudoChromeCatalog() {
-  return pseudoChromeCatalog ??= pseudoLocalize(
-    BUNDLED_CHROME_CATALOGS[DEFAULT_LOCALE]
+const pseudoChromeCatalogs = {};
+function getPseudoChromeCatalog(locale) {
+  return pseudoChromeCatalogs[locale] ??= pseudoLocalize(
+    BUNDLED_CHROME_CATALOGS[DEFAULT_LOCALE],
+    locale === PSEUDO_RTL_LOCALE ? { brackets: PSEUDO_RTL_BRACKETS } : void 0
   );
 }
 function chromeResources(normalizedUiLocale, hostResources) {
   const resources = { ...BUNDLED_CHROME_CATALOGS };
-  if (normalizedUiLocale === PSEUDO_LOCALE) {
-    resources[PSEUDO_LOCALE] = getPseudoChromeCatalog();
+  if (normalizedUiLocale === PSEUDO_LOCALE || normalizedUiLocale === PSEUDO_RTL_LOCALE) {
+    resources[normalizedUiLocale] = getPseudoChromeCatalog(normalizedUiLocale);
   }
   return Object.assign(resources, hostResources);
 }
+function isolatesPlaceables(locale) {
+  const language2 = locale.split(/[-_]/)[0].toLowerCase();
+  return language2 !== DEFAULT_LOCALE;
+}
 function createChromeTranslator(uiLocale, hostResources) {
   const normalized = normalizeLocaleTag(uiLocale) || DEFAULT_LOCALE;
   const resources = chromeResources(normalized, hostResources);
   const locales = negotiateLocales([normalized], Object.keys(resources));
-  return createTranslator(locales, resources);
+  return createTranslator(locales, resources, {
+    useIsolating: isolatesPlaceables(normalized)
+  });
 }
 let enChromeTranslator;
 const EN_CHROME_TRANSLATOR = (key, args, fallback) => (enChromeTranslator ??= createTranslator([], {}))(key, args, fallback);
@@ -29523,7 +29687,7 @@ async function cidFromArrayBuffer(data) {
       await crypto.subtle.digest("SHA-256", new Uint8Array());
       digest = (data2) => crypto.subtle.digest("SHA-256", data2);
     } catch (e2) {
-      const sha256 = (await import("./sha256-Bzrm4-tO-BHq68al3.js").then((n2) => n2.s)).default;
+      const sha256 = (await import("./sha256-Bzrm4-tO-D5VzcQ6q.js").then((n2) => n2.s)).default;
       digest = (data2) => sha256(data2, {
         asBytes: true
       });
@@ -44956,6 +45120,26 @@ function useT() {
 function useUiLocale() {
   return useContext(I18nContext).locale;
 }
+const DocumentDirectionContext = createContext(null);
+function DocumentDirectionProvider({
+  direction,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports$3.jsx(DocumentDirectionContext.Provider, { value: direction, children });
+}
+function useDocumentDirection() {
+  return useContext(DocumentDirectionContext);
+}
+function chromeLangDir(uiLocale, documentDirection) {
+  const chromeDirection = directionOf(uiLocale);
+  if (documentDirection === null || documentDirection === chromeDirection) {
+    return {};
+  }
+  return { lang: uiLocale, dir: chromeDirection };
+}
+function useChromeLangDir() {
+  return chromeLangDir(useUiLocale(), useDocumentDirection());
+}
 const ContentI18nContext = createContext(EN_CHROME_TRANSLATOR);
 function ContentI18nProvider({
   translate,
@@ -45329,6 +45513,7 @@ function DocViewer({
     uiLocale,
     effectiveDocumentLocale
   );
+  const documentDirection = directionOf(effectiveDocumentLocale);
   const declaredLocales = useMemo(
     () => declaredLangsInSource(doenetML),
     [doenetML]
@@ -45822,7 +46007,7 @@ function DocViewer({
     for (const rendererClassName of coreInfo.current.rendererTypesInDocument) {
       rendererClassNames.push(rendererClassName);
       rendererLoaders.push(
-        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-BCe-sXyY.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-CTbAGksr.js").then((n2) => n2.m), "./renderers/_error.tsx": () => import("./_error-8CVqZvs9.js"), "./renderers/alert.tsx": () => import("./alert-CnVNVwp0.js"), "./renderers/angle.tsx": () => import("./angle-DtykfDvk.js"), "./renderers/answer.tsx": () => import("./answer-D8_55NUB.js"), "./renderers/asList.tsx": () => import("./asList-Cvb4HFYc.js"), "./renderers/blockQuote.tsx": () => import("./blockQuote-CD7LAibH.js"), "./renderers/boolean.tsx": () => import("./boolean-i9xt_Fyy.js"), "./renderers/booleanInput.tsx": () => import("./booleanInput-DxN2aj4D.js"), "./renderers/br.tsx": () => import("./br-Ch6INIwC.js"), "./renderers/button.tsx": () => import("./button-B5SnRU2e.js"), "./renderers/c.tsx": () => import("./c-DArDpN4A.js"), "./renderers/cell.tsx": () => import("./cell-BFX6fxf0.js"), "./renderers/choiceInput.tsx": () => import("./choiceInput-DXKjyCqp.js"), "./renderers/circle.tsx": () => import("./circle-AbQzXEA5.js"), "./renderers/cobwebPolyline.tsx": () => import("./cobwebPolyline-CB6cVyKX.js"), "./renderers/codeEditor.tsx": () => import("./codeEditor-D0vhTs3g.js"), "./renderers/containerBlock.tsx": () => import("./containerBlock-Cm-kBh3q.js"), "./renderers/containerInline.tsx": () => import("./containerInline-CcOaOhs8.js"), "./renderers/curve.tsx": () => import("./curve-CdVn_xI2.js"), "./renderers/ellipsis.tsx": () => import("./ellipsis-DVinv6-1.js"), "./renderers/em.tsx": () => import("./em-B8Bn3iQ8.js"), "./renderers/embed.tsx": () => import("./embed-CCP_3Jzm.js"), "./renderers/feedback.tsx": () => import("./feedback-C7b_K-S3.js"), "./renderers/figure.tsx": () => import("./figure-vxfnUy1i.js"), "./renderers/footnote.tsx": () => import("./footnote-DniX_WDV.js"), "./renderers/fractionInput.tsx": () => import("./fractionInput-Byd4TDY-.js"), "./renderers/graph.tsx": () => import("./graph-BpbjUn8w.js"), "./renderers/hint.tsx": () => import("./hint-BSyMGzDu.js"), "./renderers/hr.tsx": () => import("./hr-Dv_52Wxd.js"), "./renderers/image.tsx": () => import("./image-CDzqgIV7.js"), "./renderers/label.tsx": () => import("./label-BpLxA1Ur.js"), "./renderers/legend.tsx": () => import("./legend-ZPzJ1SLv.js"), "./renderers/line.tsx": () => import("./line-B1QiilgT.js"), "./renderers/lineSegment.tsx": () => import("./lineSegment-CT3KASYT.js"), "./renderers/list.tsx": () => import("./list-CseGxUq-.js"), "./renderers/lq.tsx": () => import("./lq-CAAidAOg.js"), "./renderers/lsq.tsx": () => import("./lsq-B28Z8bv3.js"), "./renderers/math.tsx": () => import("./math-BREIxh-E.js"), "./renderers/mathInput.tsx": () => import("./mathInput-BkKkb63g.js"), "./renderers/matrixInput.tsx": () => import("./matrixInput-BNWpketN.js"), "./renderers/mdash.tsx": () => import("./mdash-9jp_u7Un.js"), "./renderers/nbsp.tsx": () => import("./nbsp-C8hCQ6TS.js"), "./renderers/ndash.tsx": () => import("./ndash-CmJAVnNq.js"), "./renderers/number.tsx": () => import("./number-r1umcD9p.js"), "./renderers/orbitalDiagram.tsx": () => import("./orbitalDiagram-CaNwebaQ.js"), "./renderers/orbitalDiagramInput.tsx": () => import("./orbitalDiagramInput-B5JhTAdB.js"), "./renderers/p.tsx": () => import("./p-DP7YNDfx.js"), "./renderers/paginatorControls.tsx": () => import("./paginatorControls-B-qNFkKU.js"), "./renderers/pegboard.tsx": () => import("./pegboard-D7nAJ6RY.js"), "./renderers/point.tsx": () => import("./point-C59ja3n2.js"), "./renderers/polygon.tsx": () => import("./polygon-CT-ARozK.js"), "./renderers/polyline.tsx": () => import("./polyline-DeGq7WP0.js"), "./renderers/pre.tsx": () => import("./pre-BHH6fa9U.js"), "./renderers/prefigure.tsx": () => import("./prefigure-BnSkAPHE.js"), "./renderers/pretzel.tsx": () => import("./pretzel-CC5NgapN.js"), "./renderers/q.tsx": () => import("./q-CcNznZUD.js"), "./renderers/ray.tsx": () => import("./ray-D1b2GIcp.js"), "./renderers/ref.tsx": () => import("./ref-OLToqdQ5.js"), "./renderers/regionBetweenCurveXAxis.tsx": () => import("./regionBetweenCurveXAxis-PPEOPw8t.js"), "./renderers/regionBetweenCurves.tsx": () => import("./regionBetweenCurves-DOtEzJak.js"), "./renderers/row.tsx": () => import("./row-D42z_svT.js"), "./renderers/rq.tsx": () => import("./rq-DdecWWBG.js"), "./renderers/rsq.tsx": () => import("./rsq-D2qKFBXV.js"), "./renderers/section.tsx": () => import("./section-AwW9I9a-.js"), "./renderers/sideBySide.tsx": () => import("./sideBySide-BE1-5d7U.js"), "./renderers/slider.tsx": () => import("./slider-B92oejpK.js"), "./renderers/solution.tsx": () => import("./solution-DuvHYP7q.js"), "./renderers/spreadsheet.tsx": () => import("./spreadsheet-CYi5VTRB.js"), "./renderers/sq.tsx": () => import("./sq-CGmtbJG8.js"), "./renderers/subsetOfRealsInput.tsx": () => import("./subsetOfRealsInput-Dof9pDQJ.js"), "./renderers/summaryStatistics.tsx": () => import("./summaryStatistics-CHLmwy4B.js"), "./renderers/table.tsx": () => import("./table-Ds4FsDXG.js"), "./renderers/tabular.tsx": () => import("./tabular-D93ZooVU.js"), "./renderers/tag.tsx": () => import("./tag-CQG7jGLX.js"), "./renderers/text.tsx": () => import("./text-Cs4GBrRa.js"), "./renderers/textInput.tsx": () => import("./textInput-D08eVSJy.js"), "./renderers/vector.tsx": () => import("./vector-DTjqdT0D.js"), "./renderers/video.tsx": () => import("./video-Bj4ChYgg.js") }), `./renderers/${rendererClassName}.tsx`, 3)
+        () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./renderers/GraphFrame.tsx": () => import("./GraphFrame-BrgLBP-l.js"), "./renderers/JSXGraphRenderer.tsx": () => import("./JSXGraphRenderer-3rMxl-PD.js").then((n2) => n2.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/${rendererClassName}.tsx`, 3)
       );
     }
     const documentComponentInstructions = coreInfo.current.documentToRender;
@@ -46397,7 +46582,7 @@ function DocViewer({
           borderStyle: "solid",
           borderColor: "var(--mainRed)",
           fontSize: "1.3em",
-          marginLeft: "20px",
+          marginInlineStart: "20px",
           marginTop: "20px",
           padding: "0.5em"
         },
@@ -46424,8 +46609,7 @@ function DocViewer({
   let noCoreWarning = null;
   let viewerStyle = {
     maxWidth: "850px",
-    paddingLeft: "20px",
-    paddingRight: "20px",
+    paddingInline: "20px",
     backgroundColor: "var(--canvas)",
     containerType: "inline-size"
   };
@@ -46496,11 +46680,26 @@ function DocViewer({
       borderStyle: "solid",
       borderColor: "var(--mainRed)"
     };
-    errorOverview = /* @__PURE__ */ jsxRuntimeExports$3.jsx("div", { style: errorStyle, children: /* @__PURE__ */ jsxRuntimeExports$3.jsx("b", { children: translate(
-      "document-contains-errors",
-      void 0,
-      "This document contains errors!"
-    ) }) });
+    errorOverview = // This banner is addressed to whoever is looking at the screen, so
+    // it is in `uiLocale` while the box around it is declared to be the
+    // content's language. Re-declared only where the two directions
+    // disagree, so the common case adds no attributes: otherwise an
+    // English "This document contains errors!" inside an Arabic
+    // document would put its exclamation mark on the wrong end. Through
+    // the pure helper rather than `useChromeLangDir` because this is
+    // built above the provider that hook reads.
+    /* @__PURE__ */ jsxRuntimeExports$3.jsx(
+      "div",
+      {
+        style: errorStyle,
+        ...chromeLangDir(effectiveUiLocale, documentDirection),
+        children: /* @__PURE__ */ jsxRuntimeExports$3.jsx("b", { children: translate(
+          "document-contains-errors",
+          void 0,
+          "This document contains errors!"
+        ) })
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntimeExports$3.jsxs(
     ErrorBoundary,
@@ -46518,6 +46717,7 @@ function DocViewer({
             style: viewerStyle,
             className: "doenet-viewer",
             lang: effectiveDocumentLocale,
+            dir: documentDirection,
             ref: viewerContainerRef,
             children: [
               errorOverview,
@@ -46526,7 +46726,13 @@ function DocViewer({
                 {
                   translate,
                   locale: effectiveUiLocale,
-                  children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(ContentI18nProvider, { translate: translateContent, children: documentRenderer })
+                  children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(
+                    DocumentDirectionProvider,
+                    {
+                      direction: documentDirection,
+                      children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(ContentI18nProvider, { translate: translateContent, children: documentRenderer })
+                    }
+                  )
                 }
               ) })
             ]
@@ -82625,7 +82831,8 @@ const KeyboardIcon = () => /* @__PURE__ */ React__default.createElement(
 function KeyboardTray({
   onClick,
   theme: theme2,
-  translate
+  translate,
+  direction
 }) {
   const [open, setOpen] = React__default.useState(false);
   const t4 = translate ?? untranslated;
@@ -82637,6 +82844,7 @@ function KeyboardTray({
       {
         id: "virtual-keyboard-tray",
         "data-theme": theme2,
+        dir: direction,
         className: classNames$1({ open }),
         onMouseDown: () => {
           onClick([
@@ -108990,24 +109198,27 @@ function rerenderTray() {
   const registration = getTrayRegistration();
   const theme2 = registration?.theme;
   const translate = registration?.translate;
+  const direction = registration?.direction;
   const trayEl = getTrayElement();
   if (trayEl) {
     const currentTheme = trayEl.getAttribute("data-theme") ?? void 0;
-    if (currentTheme === theme2 && virtualKeyboardState.lastRenderedTranslate === translate) {
+    const currentDirection = trayEl.getAttribute("dir") ?? void 0;
+    if (currentTheme === theme2 && currentDirection === direction && virtualKeyboardState.lastRenderedTranslate === translate) {
       return;
     }
   }
   virtualKeyboardState.lastRenderedTranslate = translate;
   virtualKeyboardState.keyboardReactRoot?.render(
-    renderTray(theme2, translate)
+    renderTray(theme2, translate, direction)
   );
 }
-function renderTray(theme2, translate) {
+function renderTray(theme2, translate, direction) {
   return /* @__PURE__ */ React__default.createElement(MathJaxContext, { config: mathjaxConfig, version: 4 }, /* @__PURE__ */ React__default.createElement(
     KeyboardTray,
     {
       theme: theme2,
       translate,
+      direction,
       onClick: (e2) => {
         getActiveRegistration()?.onClick(e2);
       }
@@ -109017,6 +109228,7 @@ function renderTray(theme2, translate) {
 function UniqueKeyboardTray({
   onClick,
   theme: theme2,
+  direction,
   translate,
   ownerRef
 }) {
@@ -109047,6 +109259,7 @@ function UniqueKeyboardTray({
       onClick,
       theme: theme2,
       translate,
+      direction,
       ownerRef
     });
     rerenderTray();
@@ -109091,10 +109304,11 @@ function UniqueKeyboardTray({
       registration.onClick = onClick;
       registration.theme = theme2;
       registration.translate = translate;
+      registration.direction = direction;
       registration.ownerRef = ownerRef;
       rerenderTray();
     }
-  }, [onClick, ownerRef, theme2, translate]);
+  }, [onClick, ownerRef, theme2, translate, direction]);
   return null;
 }
 function ExternalAwareVirtualKeyboard({
@@ -109103,6 +109317,7 @@ function ExternalAwareVirtualKeyboard({
   },
   theme: theme2,
   translate,
+  direction,
   ownerRef
 }) {
   React__default.useEffect(() => {
@@ -109125,7 +109340,8 @@ function ExternalAwareVirtualKeyboard({
       onClick,
       ownerRef,
       theme: theme2,
-      translate
+      translate,
+      direction
     }
   );
 }
@@ -165380,7 +165596,8 @@ const CodeMirror = React__default.memo(function CodeMirror2({
     {
       className: "mathjax_ignore",
       "data-theme": darkMode,
-      style: { height: "100%" }
+      style: { height: "100%" },
+      dir: "ltr"
     },
     /* @__PURE__ */ React__default.createElement(
       ReactCodeMirror,
@@ -185905,12 +186122,12 @@ function EditorFooter({
             className: "doenetml-version",
             title: t4(
               "editor-version-title",
-              { version: "0.7.21-dev.415" },
-              `DoenetML version ${"0.7.21-dev.415"}`
+              { version: "0.7.21-dev.417" },
+              `DoenetML version ${"0.7.21-dev.417"}`
             ),
             children: [
               "v",
-              "0.7.21-dev.415"
+              "0.7.21-dev.417"
             ]
           }
         ),
@@ -194804,6 +195021,7 @@ function DoenetViewer({
     localeResources
   );
   const { translate: translateChrome, locale: hostUiLocale } = useHostChromeTranslator(uiLocale, documentLocale, availableCatalogs);
+  const hostUiDirection = directionOf(hostUiLocale);
   const ref = useRef(null);
   const isOnPage = useIsOnPage(ref);
   const [hidden, setHidden] = useState(true);
@@ -194920,6 +195138,8 @@ function DoenetViewer({
         "div",
         {
           "data-theme": resolvedTheme,
+          lang: hostUiLocale,
+          dir: hostUiDirection,
           ref: (r2) => {
             ref.current = r2;
             if (onInit && r2) {
@@ -194938,6 +195158,7 @@ function DoenetViewer({
                   externalVirtualKeyboardProvided,
                   theme: resolvedTheme,
                   translate: translateChrome,
+                  direction: hostUiDirection,
                   children: [
                     variantSelector,
                     viewer
@@ -194998,6 +195219,7 @@ const DoenetEditor = React__default.forwardRef(function DoenetEditor2({
     localeResources
   );
   const { translate: translateChrome, locale: hostUiLocale } = useHostChromeTranslator(uiLocale, documentLocale, availableCatalogs);
+  const hostUiDirection = directionOf(hostUiLocale);
   const normalizedShowDiagnostics = showDiagnostics ?? showErrorsWarnings ?? true;
   if (showDiagnostics === void 0 && showErrorsWarnings !== void 0 && !warnedShowErrorsWarningsDeprecation) {
     warnedShowErrorsWarningsDeprecation = true;
@@ -195064,23 +195286,33 @@ const DoenetEditor = React__default.forwardRef(function DoenetEditor2({
       version: 4,
       src: mathjaxUrl,
       useExistingMathJax: useExistingMathjax,
-      children: /* @__PURE__ */ jsxRuntimeExports$3.jsx("div", { "data-theme": resolvedTheme, style: { display: "contents" }, children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(
-        I18nProvider,
+      children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(
+        "div",
         {
-          translate: translateChrome,
-          locale: hostUiLocale,
+          "data-theme": resolvedTheme,
+          lang: hostUiLocale,
+          dir: hostUiDirection,
+          style: { display: "contents" },
           children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(
-            WrapWithKeyboard,
+            I18nProvider,
             {
-              addVirtualKeyboard,
-              externalVirtualKeyboardProvided,
-              theme: resolvedTheme,
               translate: translateChrome,
-              children: editor2
+              locale: hostUiLocale,
+              children: /* @__PURE__ */ jsxRuntimeExports$3.jsx(
+                WrapWithKeyboard,
+                {
+                  addVirtualKeyboard,
+                  externalVirtualKeyboardProvided,
+                  theme: resolvedTheme,
+                  translate: translateChrome,
+                  direction: hostUiDirection,
+                  children: editor2
+                }
+              )
             }
           )
         }
-      ) })
+      )
     }
   ) });
 });
@@ -195089,6 +195321,7 @@ function WrapWithKeyboard({
   externalVirtualKeyboardProvided,
   theme: theme2,
   translate,
+  direction,
   children
 }) {
   const dispatch = useAppDispatch();
@@ -195100,6 +195333,7 @@ function WrapWithKeyboard({
       ownerRef: focusedMathInput,
       theme: theme2,
       translate,
+      direction,
       onClick: (keyCommands) => {
         dispatch(keyboardSlice.actions.setKeyboardInput(keyCommands));
       }
@@ -195112,67 +195346,72 @@ function WrapWithKeyboard({
   ] });
 }
 export {
-  useMergeRefs as $,
-  createFunctionFromDefinition as A,
+  usePopoverContext as $,
+  cesc as A,
   Button2 as B,
   CodeMirror as C,
   DoenetEditor as D,
-  Button as E,
-  useAppSelector as F,
-  mainSlice as G,
-  renderersLoadComponent as H,
-  encodeFillPatternColorToken as I,
-  deepCompare as J,
-  ActionButtonGroup as K,
-  ActionButton as L,
-  MathJax as M,
-  hasNavigationModifier as N,
-  ToggleButtonGroup as O,
-  EditorViewer as P,
-  memo as Q,
-  forwardRef as R,
-  createElement as S,
+  createFunctionFromDefinition as E,
+  Button as F,
+  useAppSelector as G,
+  mainSlice as H,
+  renderersLoadComponent as I,
+  encodeFillPatternColorToken as J,
+  deepCompare as K,
+  directionOf as L,
+  useDocumentDirection as M,
+  chromeLangDir as N,
+  DocumentDirectionProvider as O,
+  ActionButtonGroup as P,
+  ActionButton as Q,
+  MathJax as R,
+  hasNavigationModifier as S,
   ToggleButton as T,
-  createHook as U,
-  usePopoverContext as V,
-  invariant as W,
-  useStoreState as X,
-  getBasePlacement as Y,
-  useId as Z,
+  ToggleButtonGroup as U,
+  EditorViewer as V,
+  memo as W,
+  forwardRef as X,
+  createElement as Y,
+  createHook as Z,
   __variableDynamicImportRuntimeHelper as _,
   DoenetViewer as a,
-  removeUndefinedValues as a0,
-  useSafeLayoutEffect as a1,
-  getWindow$1 as a2,
-  usePopoverStore as a3,
-  PopoverDisclosure as a4,
-  MdInfoOutline as a5,
-  Popover as a6,
-  createStoreContext as a7,
-  HovercardScopedContextProvider as a8,
-  HovercardContextProvider as a9,
-  createDialogComponent as aa,
-  useWrapElement as ab,
-  useHovercard as ac,
-  isFalsyBooleanCallback as ad,
-  contains as ae,
-  sync as af,
-  chain as ag,
-  useEvent as ah,
-  useHovercardAnchor as ai,
-  createStore as aj,
-  createHovercardStore as ak,
-  defaultValue as al,
-  useStore as am,
-  useStoreProps as an,
-  useHovercardStoreProps as ao,
-  keyboardSlice as ap,
-  FocusedMathInputContext as aq,
-  PopoverAnchor as ar,
-  getDefaultExportFromCjs$5 as as,
-  roundForDisplay as at,
-  autoUpdate as au,
-  CANVAS_DARK_MODE_COLOR as av,
+  invariant as a0,
+  useStoreState as a1,
+  getBasePlacement as a2,
+  useId as a3,
+  useMergeRefs as a4,
+  removeUndefinedValues as a5,
+  useSafeLayoutEffect as a6,
+  getWindow$1 as a7,
+  usePopoverStore as a8,
+  PopoverDisclosure as a9,
+  CANVAS_DARK_MODE_COLOR as aA,
+  MdInfoOutline as aa,
+  Popover as ab,
+  createStoreContext as ac,
+  HovercardScopedContextProvider as ad,
+  HovercardContextProvider as ae,
+  createDialogComponent as af,
+  useWrapElement as ag,
+  useHovercard as ah,
+  isFalsyBooleanCallback as ai,
+  contains as aj,
+  sync as ak,
+  chain as al,
+  useEvent as am,
+  useHovercardAnchor as an,
+  createStore as ao,
+  createHovercardStore as ap,
+  defaultValue as aq,
+  useStore as ar,
+  useStoreProps as as,
+  useHovercardStoreProps as at,
+  keyboardSlice as au,
+  FocusedMathInputContext as av,
+  PopoverAnchor as aw,
+  getDefaultExportFromCjs$5 as ax,
+  roundForDisplay as ay,
+  autoUpdate as az,
   creativeCommonsVersions as b,
   cidFromText as c,
   defaultCreativeCommonsVersion$1 as d,
@@ -195186,16 +195425,16 @@ export {
   getDefaultExportFromCjs$4 as l,
   mathjaxConfig$1 as m,
   useUiLocale as n,
-  useDiagnosticFormatter as o,
-  jsxRuntimeExports$3 as p,
-  DocContext as q,
+  useChromeLangDir as o,
+  useDiagnosticFormatter as p,
+  jsxRuntimeExports$3 as q,
   retrieveTextFileForCid as r,
   serializedComponentsReplacer as s,
-  textRendererStyle as t,
+  DocContext as t,
   useT as u,
-  DynamicMath as v,
-  useContentT as w,
-  useRecordVisibilityChanges as x,
-  Context$1 as y,
-  cesc as z
+  textRendererStyle as v,
+  DynamicMath as w,
+  useContentT as x,
+  useRecordVisibilityChanges as y,
+  Context$1 as z
 };