@khanacademy/perseus 57.2.2 → 59.0.0

package/dist/es/index.js

@@ -27,7 +27,7 @@ import { KeypadContext } from '@khanacademy/keypad-context';
 import { TextField } from '@khanacademy/wonder-blocks-form';
 import { entries, UnreachableCaseError, keys } from '@khanacademy/wonder-stuff-core';
 import { CircularSpinner } from '@khanacademy/wonder-blocks-progress-spinner';
-import { point, KhanMath, vector as vector$3, number, line, geometry, angles, coefficients } from '@khanacademy/kmath';
+import { point, KhanMath, number, vector as vector$3, geometry, line, angles, coefficients } from '@khanacademy/kmath';
 import _classPrivateFieldLooseBase from '@babel/runtime/helpers/classPrivateFieldLooseBase';
 import _classPrivateFieldLooseKey from '@babel/runtime/helpers/classPrivateFieldLooseKey';
 import SimpleMarkdown from '@khanacademy/simple-markdown';
@@ -54,6 +54,7 @@ import { addLibraryVersionToPerseusDebug } from '@khanacademy/perseus-utils';
  * The translated strings that are used to render Perseus.
  */
 
+
 /**
  * Mock strings for the Perseus package, to be used for tests and Storybook.
  */
@@ -237,8 +238,6 @@ const mockStrings = {
   // The following strings are used for interactive graph SR descriptions.
   srGraphInstructions: "Use the Tab key to move through the interactive elements in the graph. When an interactive element has focus, use Control + Shift + Arrows to move it.",
   srUnlimitedGraphInstructions: "Press Shift + Enter to interact with the graph. Use the Tab key to move through the interactive elements in the graph and access the graph Action Bar. When an interactive element has focus, use Control + Shift + Arrows to move it or use the Delete key to remove it from the graph. Use the buttons in the Action Bar to add or adjust elements within the graph.",
-  xAxis: "X-axis",
-  yAxis: "Y-axis",
   graphKeyboardPrompt: "Press Shift + Enter to interact with the graph",
   addPoint: "Add Point",
   removePoint: "Remove Point",
@@ -755,6 +754,7 @@ class InnerMathInput extends React.Component {
       const translator = getKeyTranslator(locale, this.context.strings)[key];
       const mathField = this.mathField();
       if (mathField) {
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (translator) {
           translator(mathField, key);
         }
@@ -1040,9 +1040,9 @@ const useDependencies = () => {
 
 var dependencies = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    setDependencies: setDependencies,
-    getDependencies: getDependencies,
     DependenciesContext: DependenciesContext,
+    getDependencies: getDependencies,
+    setDependencies: setDependencies,
     useDependencies: useDependencies
 });
 
@@ -1073,6 +1073,15 @@ const denylist = [
 "onBlur", "onFocus", "trackInteraction", "keypadElement"];
 
 /* eslint-disable @babel/no-invalid-this */
+/**
+ * Changeable
+ *
+ * Adds a this.change() function to a component
+ *
+ * This.change takes prop changes as parameters, and calls
+ * this.props.onChange with the modified props.
+ */
+
 const USAGE = "Usage:\n" + "  this.change({propName: 5}, callback);\n" + '  this.change("propName", 5, callback);\n' + '  this.change("propName")';
 
 /**
@@ -1153,6 +1162,7 @@ var changeable = /*#__PURE__*/Object.freeze({
 });
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable @babel/no-invalid-this, react/forbid-prop-types, react/no-unsafe */
 const textWidthCache = {};
 function getTextWidth(text) {
   if (!textWidthCache[text]) {
@@ -1531,6 +1541,7 @@ class Expression extends React.Component {
       // HACK: imperatively add an ID onto the Mathquill input
       // (which in mobile is a span; desktop a textarea)
       // in order to associate a visual label with it
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (this.refs.input) {
         const isMobile = this.props.apiOptions.customKeypad;
         const container = ReactDOM__default.findDOMNode(this.refs.input);
@@ -1573,6 +1584,7 @@ class Expression extends React.Component {
     this.parse = (value, props) => {
       // TODO(jack): Disable icu for content creators here, or
       // make it so that solution answers with ','s or '.'s work
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       const options = _.pick(props || this.props, "functions");
       _.extend(options, {
         decimal_separator: getDecimalSeparator(this.context.locale)
@@ -1800,6 +1812,7 @@ var Expression$1 = {
   // TODO(LEMS-2656): remove TS suppression
   // @ts-expect-error: Type 'Rubric' is not assignable to type 'PerseusExpressionRubric'.
   getOneCorrectAnswerFromRubric(rubric) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const correctAnswers = (rubric.answerForms || []).filter(answerForm => answerForm.considered === "correct");
     if (correctAnswers.length === 0) {
       return;
@@ -1990,6 +2003,7 @@ TextInput.defaultProps = {
  * loaded.  This is used to know when SvgImage and (Zoomable)TeX are finished
  * renderering.
  */
+
 const defaultContext$2 = {
   assetStatuses: {},
   setAssetStatus: (assetKey, loaded) => {}
@@ -2083,6 +2097,7 @@ const snowman = "\u2603";
  * Drop this custom split thing.
  */
 // In IE8, split doesn't work right. Implement it ourselves.
+// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
 const split = "x".split(/(.)/g).length ? function (str, r) {
   return str.split(r);
 } : function (str, r) {
@@ -2614,6 +2629,7 @@ function getUrlHash(url) {
   if (match == null) {
     throw new PerseusError("not a valid URL", Errors.InvalidInput);
   }
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   return match && match[1];
 }
 
@@ -2722,6 +2738,8 @@ function loadGraphie(url, onDataLoaded) {
 }
 
 // Derived from the MIT-licensed:
+// https://github.com/fat/zoom.js/blob/fd4f3e43153da7596da0bade198e99f98b47791e/js/zoom.js
+
 
 /*jshint browser:true, node:true */
 
@@ -2979,6 +2997,7 @@ Zoom._OFFSET = 80;
 Zoom._MAX_WIDTH = 2560;
 Zoom._MAX_HEIGHT = 4096;
 Zoom.getOffset = function (zoomToFitOnMobile) {
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   return zoomToFitOnMobile ? 0 : Zoom._OFFSET;
 };
 Zoom.prototype.getOffset = function () {
@@ -3229,39 +3248,39 @@ const articleMaxWidthTableInPx = 512;
 
 var constants = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    articleMaxWidthInPx: articleMaxWidthInPx,
+    articleMaxWidthTableInPx: articleMaxWidthTableInPx,
     baseFontFamily: baseFontFamily,
+    baseUnitPx: baseUnitPx,
     boldFontFamily: boldFontFamily,
-    kaGreen: kaGreen,
-    white: white,
-    gray97: gray97,
-    gray85: gray85,
-    gray76: gray76,
-    gray68: gray68,
+    checkedColor: checkedColor$1,
+    circleSize: circleSize$1,
     gray17: gray17,
-    pureSmMin: pureSmMin$1,
-    pureMdMin: pureMdMin$1,
+    gray68: gray68,
+    gray76: gray76,
+    gray85: gray85,
+    gray97: gray97,
+    hintBorderWidth: hintBorderWidth,
+    interactiveSizes: interactiveSizes$1,
+    kaGreen: kaGreen,
+    negativePhoneMargin: negativePhoneMargin,
+    phoneMargin: phoneMargin,
+    publishBlockingErrorColor: publishBlockingErrorColor,
+    pureLgMax: pureLgMax$1,
     pureLgMin: pureLgMin$1,
+    pureMdMax: pureMdMax$1,
+    pureMdMin: pureMdMin$1,
+    pureSmMax: pureSmMax$1,
+    pureSmMin: pureSmMin$1,
     pureXlMin: pureXlMin$1,
     pureXsMax: pureXsMax$1,
-    pureSmMax: pureSmMax$1,
-    pureMdMax: pureMdMax$1,
-    pureLgMax: pureLgMax$1,
-    tableBackgroundAccent: tableBackgroundAccent,
-    phoneMargin: phoneMargin,
-    negativePhoneMargin: negativePhoneMargin,
-    hintBorderWidth: hintBorderWidth,
-    baseUnitPx: baseUnitPx,
-    interactiveSizes: interactiveSizes$1,
-    circleSize: circleSize$1,
+    radioBorderColor: radioBorderColor$1,
     radioMarginWidth: radioMarginWidth$1,
+    tableBackgroundAccent: tableBackgroundAccent,
     warningColor: warningColor,
-    warningColorHover: warningColorHover,
     warningColorActive: warningColorActive,
-    publishBlockingErrorColor: publishBlockingErrorColor,
-    radioBorderColor: radioBorderColor$1,
-    checkedColor: checkedColor$1,
-    articleMaxWidthInPx: articleMaxWidthInPx,
-    articleMaxWidthTableInPx: articleMaxWidthTableInPx
+    warningColorHover: warningColorHover,
+    white: white
 });
 
 /**
@@ -3368,6 +3387,8 @@ class FixedToResponsive extends React.Component {
       style: style
     }, spacer, this.props.children);
     const shouldFullBleed = this.props.allowFullBleed && this.state.viewportWidth && width >= this.state.viewportWidth;
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (shouldFullBleed) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
@@ -3595,6 +3616,7 @@ const InteractiveUtil = {
   getPrefixedTransform: function () {
     // Cache result to avoid re-computation
     // @ts-expect-error - TS2322 - Type 'string | null | undefined' is not assignable to type 'null'.
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     prefixedTransform = prefixedTransform || computePrefixedTransform();
     return prefixedTransform;
   },
@@ -7979,24 +8001,42 @@ class GraphBounds {
   }
 }
 
-var createRoot;
+var client = {};
 
-var m = ReactDOM__default;
-if (process.env.NODE_ENV === 'production') {
-  createRoot = m.createRoot;
-  m.hydrateRoot;
-} else {
-  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  createRoot = function(c, o) {
-    i.usingClientEntryPoint = true;
-    try {
-      return m.createRoot(c, o);
-    } finally {
-      i.usingClientEntryPoint = false;
-    }
-  };
+var hasRequiredClient;
+
+function requireClient () {
+	if (hasRequiredClient) return client;
+	hasRequiredClient = 1;
+
+	var m = ReactDOM__default;
+	if (process.env.NODE_ENV === 'production') {
+	  client.createRoot = m.createRoot;
+	  client.hydrateRoot = m.hydrateRoot;
+	} else {
+	  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+	  client.createRoot = function(c, o) {
+	    i.usingClientEntryPoint = true;
+	    try {
+	      return m.createRoot(c, o);
+	    } finally {
+	      i.usingClientEntryPoint = false;
+	    }
+	  };
+	  client.hydrateRoot = function(c, h, o) {
+	    i.usingClientEntryPoint = true;
+	    try {
+	      return m.hydrateRoot(c, h, o);
+	    } finally {
+	      i.usingClientEntryPoint = false;
+	    }
+	  };
+	}
+	return client;
 }
 
+var clientExports = requireClient();
+
 // We keep a cache of elements that have already had createRoot() called on
 // them. If we don't do this, React 18 warns every subsequent call:
 //   > You are calling ReactDOMClient.createRoot() on a container that has
@@ -8026,7 +8066,7 @@ function render(element, container) {
   }, element);
   let root = reactRootCache.get(container);
   if (root == null) {
-    root = createRoot(container);
+    root = clientExports.createRoot(container);
     reactRootCache.set(container, root);
   }
   root.render(children);
@@ -8105,7 +8145,7 @@ function polar$2(r, th) {
 }
 var _bounds = /*#__PURE__*/_classPrivateFieldLooseKey("bounds");
 var _drawingTransform = /*#__PURE__*/_classPrivateFieldLooseKey("drawingTransform");
-class Graphie$1 {
+let Graphie$1 = class Graphie {
   constructor(el) {
     this.el = void 0;
     Object.defineProperty(this, _bounds, {
@@ -8301,6 +8341,7 @@ class Graphie$1 {
   }
   init(options) {
     var _options$isMobile;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     let scale = options.scale || [40, 40];
     scale = typeof scale === "number" ? [scale, scale] : scale;
 
@@ -8340,6 +8381,7 @@ class Graphie$1 {
   // - yLabelFormat: fn to format label string for y-axis
   // - xLabelFormat: fn to format label string for x-axis
   graphInit(options) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     options = options || {};
     for (const [prop, val] of entries(options)) {
       // allow options to be specified by a single number for shorthand if
@@ -8355,22 +8397,28 @@ class Graphie$1 {
     }
     const range = normalizeRange(options.range || [[-10, 10], [-10, 10]]);
     const gridRange = normalizeRange(options.gridRange || range);
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const scale = options.scale || [20, 20];
     const grid = options.grid != null ? options.grid : true;
     const gridOpacity = options.gridOpacity || 0.1;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const gridStep = toPair(options.gridStep || [1, 1]);
     const axes = options.axes != null ? options.axes : true;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const axisArrows = options.axisArrows || "";
     const axisOpacity = options.axisOpacity || 1.0;
     const axisCenter = options.axisCenter || [Math.min(Math.max(range[0][0], 0), range[0][1]), Math.min(Math.max(range[1][0], 0), range[1][1])];
     const axisLabels = options.axisLabels != null ? options.axisLabels : false;
     const ticks = options.ticks != null ? options.ticks : true;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const tickStep = options.tickStep || [2, 2];
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const tickLen = options.tickLen || [5, 5];
     const tickOpacity = options.tickOpacity || 1.0;
     const labels = options.labels || options.labelStep || false;
     const labelStep = options.labelStep || [1, 1];
     const labelOpacity = options.labelOpacity || 1.0;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     let unityLabels = options.unityLabels || false;
     const labelFormat = options.labelFormat || function (a) {
       return a;
@@ -8439,6 +8487,8 @@ class Graphie$1 {
           thisGraphie.path([[axisCenter[0], gridRange[1][0]], [axisCenter[0], gridRange[1][1]]]);
         });
       }
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (axisLabels && axisLabels.length === 2) {
         this.label([gridRange[0][1], axisCenter[1]], axisLabels[0], "right");
         this.label([axisCenter[0], gridRange[1][1]], axisLabels[1], "above");
@@ -8461,11 +8511,13 @@ class Graphie$1 {
         let stop = gridRange[0][1];
         if (range[1][0] < 0 && range[1][1] > 0) {
           for (let x = step + axisCenter[0]; x <= stop; x += step) {
+            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
             if (x < stop || !axisArrows) {
               thisGraphie.line([x, -len + axisCenter[1]], [x, halfWidthTicks ? 0 : len + axisCenter[1]]);
             }
           }
           for (let x = -step + axisCenter[0]; x >= start; x -= step) {
+            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
             if (x > start || !axisArrows) {
               thisGraphie.line([x, -len + axisCenter[1]], [x, halfWidthTicks ? 0 : len + axisCenter[1]]);
             }
@@ -8479,11 +8531,13 @@ class Graphie$1 {
         stop = gridRange[1][1];
         if (range[0][0] < 0 && range[0][1] > 0) {
           for (let y = step + axisCenter[1]; y <= stop; y += step) {
+            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
             if (y < stop || !axisArrows) {
               this.line([-len + axisCenter[0], y], [halfWidthTicks ? 0 : len + axisCenter[0], y]);
             }
           }
           for (let y = -step + axisCenter[1]; y >= start; y -= step) {
+            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
             if (y > start || !axisArrows) {
               this.line([-len + axisCenter[0], y], [halfWidthTicks ? 0 : len + axisCenter[0], y]);
             }
@@ -8493,6 +8547,7 @@ class Graphie$1 {
     }
 
     // draw axis labels
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (labels) {
       const thisGraphie = this;
       this.style({
@@ -8513,6 +8568,7 @@ class Graphie$1 {
 
         // positive x-axis
         for (let x = (xShowZero ? 0 : step) + axisCenter[0]; x <= stop; x += step) {
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           if (x < stop || !axisArrows) {
             thisGraphie.label([x, axisCenter[1]], xLabelFormat(x), xAxisPosition);
           }
@@ -8520,6 +8576,7 @@ class Graphie$1 {
 
         // negative x-axis
         for (let x = -step * (showUnityX ? 1 : 2) + axisCenter[0]; x >= start; x -= step) {
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           if (x > start || !axisArrows) {
             thisGraphie.label([x, axisCenter[1]], xLabelFormat(x), xAxisPosition);
           }
@@ -8530,6 +8587,7 @@ class Graphie$1 {
 
         // positive y-axis
         for (let y = (yShowZero ? 0 : step) + axisCenter[1]; y <= stop; y += step) {
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           if (y < stop || !axisArrows) {
             thisGraphie.label([axisCenter[0], y], yLabelFormat(y), yAxisPosition);
           }
@@ -8537,6 +8595,7 @@ class Graphie$1 {
 
         // negative y-axis
         for (let y = -step * (showUnityY ? 1 : 2) + axisCenter[1]; y >= start; y -= step) {
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           if (y > start || !axisArrows) {
             thisGraphie.label([axisCenter[0], y], yLabelFormat(y), yAxisPosition);
           }
@@ -8675,6 +8734,7 @@ class Graphie$1 {
   fixedPath(points, center, createPath) {
     points = points.map(this.scalePoint);
     center = center ? this.scalePoint(center) : null;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     createPath = createPath || this.svgPath;
 
     // Compute bounding box
@@ -8805,7 +8865,7 @@ class Graphie$1 {
       // write these functions the way we do to handle undefined.
       const clip = xy => {
         if (Math.abs(xy[1]) > 500000) {
-          return [xy[0], Math.min(Math.max(xy[1], -500000), 500000)];
+          return [xy[0], Math.min(Math.max(xy[1], -5e5), 500000)];
         }
         return xy;
       };
@@ -9085,17 +9145,17 @@ class Graphie$1 {
   getMouseCoord(event) {
     return this.unscalePoint(this.getMousePx(event));
   }
-}
+};
 const labelDirections = {
   center: [-0.5, -0.5],
-  above: [-0.5, -1.0],
-  "above right": [0.0, -1.0],
+  above: [-0.5, -1],
+  "above right": [0.0, -1],
   right: [0.0, -0.5],
   "below right": [0.0, 0.0],
   below: [-0.5, 0.0],
-  "below left": [-1.0, 0.0],
-  left: [-1.0, -0.5],
-  "above left": [-1.0, -1.0]
+  "below left": [-1, 0.0],
+  left: [-1, -0.5],
+  "above left": [-1, -1]
 };
 
 // A range for a Graphie can be specified in one of three forms:
@@ -9272,6 +9332,7 @@ const GraphUtils = {
     if (vertex === undefined) {
       const x = point1[0] - point2[0];
       const y = point1[1] - point2[1];
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (!x && !y) {
         return 0;
       }
@@ -9283,6 +9344,13 @@ const GraphUtils = {
 };
 
 /* eslint-disable */
+/*
+ * jQuery Mobile Framework : "mouse" plugin
+ * Copyright (c) jQuery Project
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ */
+
 (function ($, window, document, undefined$1) {
   if (typeof $ === "undefined") {
     return;
@@ -9730,6 +9798,7 @@ const getClipPoint = function getClipPoint(graph, coord, angle) {
  * Default methods for a wrapped movable.
  */
 
+
 /*
  * attr() and animate() simply pass the
  * arguments to the underlying Raphael object.
@@ -9820,14 +9889,14 @@ class WrappedPath extends WrappedDrawing {
   }
 }
 
-class Arrowhead$1 extends WrappedPath {
+let Arrowhead$1 = class Arrowhead extends WrappedPath {
   constructor(graphie, style) {
     // Points that define the arrowhead
     const center = [0.75, 0];
     const points = [[-3, 4], [-2.75, 2.5], [0, 0.25], center, [0, -0.25], [-2.75, -2.5], [-3, -4]].map(point => {
       // Scale points by `Arrowhead.scale` around `center`
       const pv = vector$3.subtract(point, center);
-      const pvScaled = vector$3.scale(pv, Arrowhead$1.scale);
+      const pvScaled = vector$3.scale(pv, Arrowhead.scale);
       return vector$3.add(center, pvScaled);
     });
     const unscaledPoints = points.map(graphie.unscalePoint);
@@ -9845,9 +9914,9 @@ class Arrowhead$1 extends WrappedPath {
   }
   toCoordAtAngle(coord, angle) {
     const clipPoint = this.graphie.scalePoint(getClipPoint(this.graphie, coord, angle));
-    this.transform("translateX(" + (clipPoint[0] + Arrowhead$1.scale * this.center[0]) + "px) " + "translateY(" + (clipPoint[1] + Arrowhead$1.scale * this.center[1]) + "px) " + "translateZ(0) " + "rotate(" + (360 - KhanMath.bound(angle)) + "deg)");
+    this.transform("translateX(" + (clipPoint[0] + Arrowhead.scale * this.center[0]) + "px) " + "translateY(" + (clipPoint[1] + Arrowhead.scale * this.center[1]) + "px) " + "translateZ(0) " + "rotate(" + (360 - KhanMath.bound(angle)) + "deg)");
   }
-}
+};
 
 // We can't just pass in a path to `graph.fixedPath` as we need to modify
 // the points in some way, so instead we provide a function for creating
@@ -9982,6 +10051,13 @@ class WrappedLine extends WrappedDrawing {
 }
 
 /* eslint-disable @babel/no-invalid-this */
+/**
+ * Interactive graphie utilities.
+ *
+ * This file exposes a couple functions, but mostly it adds functions to the
+ * `Graphie` prototype for dealing with interactive graphie elements.
+ */
+
 const {
   clockwise: clockwise$2,
   reverseVector: reverseVector$1
@@ -11658,7 +11734,7 @@ _.extend(GraphUtils.Graphie.prototype, {
     // and maximum angle values bounding a circle sector, and
     // the third column refers to the cursor name that will be
     // applied if the mouse position falls inside the given sector.
-    const cursorAxes = [[Math.PI * -1.0, Math.PI * -0.875, "ew-resize"], [Math.PI * -0.875, Math.PI * -0.625, "nesw-resize"], [Math.PI * -0.625, Math.PI * -0.375, "ns-resize"], [Math.PI * -0.375, Math.PI * -0.125, "nwse-resize"], [Math.PI * -0.125, Math.PI * 0.125, "ew-resize"], [Math.PI * 0.125, Math.PI * 0.375, "nesw-resize"], [Math.PI * 0.375, Math.PI * 0.625, "ns-resize"], [Math.PI * 0.625, Math.PI * 0.875, "nwse-resize"], [Math.PI * 0.875, Math.PI * 1.0, "ew-resize"]];
+    const cursorAxes = [[Math.PI * -1, Math.PI * -0.875, "ew-resize"], [Math.PI * -0.875, Math.PI * -0.625, "nesw-resize"], [Math.PI * -0.625, Math.PI * -0.375, "ns-resize"], [Math.PI * -0.375, Math.PI * -0.125, "nwse-resize"], [Math.PI * -0.125, Math.PI * 0.125, "ew-resize"], [Math.PI * 0.125, Math.PI * 0.375, "nesw-resize"], [Math.PI * 0.375, Math.PI * 0.625, "ns-resize"], [Math.PI * 0.625, Math.PI * 0.875, "nwse-resize"], [Math.PI * 0.875, Math.PI * 1.0, "ew-resize"]];
 
     // When the mouse moves along the circle's perimeter, we
     // dynamically set a CSS rule to show the correct
@@ -11959,6 +12035,7 @@ _.extend(GraphUtils.Graphie.prototype, {
         return isHovering;
       };
       const styles = _.map([0, 1], function (isHighlight) {
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         const baseStyle = isHighlight ? options.highlightStyle : options.normalStyle;
         return _.map([0, 1], function (opacity) {
           return _.defaults({
@@ -11968,6 +12045,7 @@ _.extend(GraphUtils.Graphie.prototype, {
       });
       const getStyle = function getStyle(isRight) {
         if (isFlipped) {
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           isRight = !isRight;
         }
         return styles[+isHighlight()][+isRight];
@@ -12316,7 +12394,7 @@ function Ruler(graphie, options) {
   });
   const width = options.units * options.pixelsPerUnit;
   const height = 50;
-  const leftBottom = graphie.unscalePoint(vector$3.subtract(graphie.scalePoint(options.center), vector$3.scale([width, -height], 0.5)));
+  const leftBottom = graphie.unscalePoint(vector$3.subtract(graphie.scalePoint(options.center), vector$3.scale([width, -50], 0.5)));
   const graphieUnitsPerUnit = options.pixelsPerUnit / graphie.scale[0];
   const graphieUnitsHeight = height / graphie.scale[0];
   const rightTop = vector$3.add(leftBottom, [options.units * graphieUnitsPerUnit, graphieUnitsHeight]);
@@ -12831,6 +12909,7 @@ _.extend(MovableAngle.prototype, {
 });
 
 /* eslint-disable @babel/no-invalid-this */
+
 const nestedMap$1 = Util.nestedMap;
 
 /**
@@ -13016,6 +13095,7 @@ class Movable {
     // the invisible shape in front of the point that gets mouse events
     if (state.mouseTarget && !prevState.mouseTarget) {
       let $mouseTarget;
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (state.mouseTarget.getMouseTarget) {
         $mouseTarget = $(state.mouseTarget.getMouseTarget());
       } else {
@@ -13063,6 +13143,7 @@ class Movable {
     }
     if (state.mouseTarget && state.cursor !== undefined) {
       let $mouseTarget;
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (state.mouseTarget.getMouseTarget) {
         $mouseTarget = $(state.mouseTarget.getMouseTarget());
       } else {
@@ -13070,6 +13151,7 @@ class Movable {
       }
 
       // "" removes the css cursor if state.cursor is null
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       $mouseTarget.css("cursor", state.cursor || "");
     }
 
@@ -13214,12 +13296,15 @@ class Movable {
    *   (state, prevState)]
    */
   listen(eventName, id, func) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     this._listenerMap = this._listenerMap || {};
 
     // If there's an existing handler, replace it by using its index in
     // `this.state[eventName]`; otherwise, add this handler to the end
     const key = getKey$1(eventName, id);
-    const index = this._listenerMap[key] = this._listenerMap[key] || this.state[eventName].length;
+    const index = this._listenerMap[key] =
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    this._listenerMap[key] || this.state[eventName].length;
     this.state[eventName][index] = func;
   }
 
@@ -13230,6 +13315,7 @@ class Movable {
    * If the given id has not been registered already, this is a no-op
    */
   unlisten(eventName, id) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     this._listenerMap = this._listenerMap || {};
     const key = getKey$1(eventName, id);
     const index = this._listenerMap[key];
@@ -13283,6 +13369,9 @@ function getEventName$1(key) {
 }
 
 /* eslint-disable @babel/no-invalid-this */
+/**
+ * A library of options to pass to add/draw/remove/constraints
+ */
 /**
  * Helper functions
  */
@@ -13853,6 +13942,9 @@ const iconMinus = {
 };
 
 /* eslint-disable @babel/no-invalid-this */
+/**
+ * A library of options to pass to add/draw/remove/constraints
+ */
 const add$1 = {
   constrain: function () {
     this.constrain();
@@ -13994,10 +14086,14 @@ const constraints$1 = {
       let upper = graphie.unscalePoint([
       // @ts-expect-error - 'graphie.ypixels' is possibly 'undefined'.
       graphie.xpixels - paddingPx, paddingPx]);
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (snap) {
         lower = point.ceilTo(lower, snap);
         upper = point.floorTo(upper, snap);
       }
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (!!options && !!options.onOutOfBounds) {
         if (coord[0] > upper[0] || coord[0] < lower[0] || coord[1] > upper[1] || coord[1] < lower[1]) {
           options.onSkipRemaining();
@@ -14069,7 +14165,7 @@ const DEFAULT_STATE$1 = {
 // TODO(benchristel): this is a memory leak. We add items to
 // tooltipResetFunctions, but never remove them.
 const tooltipResetFunctions = [];
-class MovablePoint$5 {
+let MovablePoint$5 = class MovablePoint {
   constructor(graphie, movable, options) {
     this.graphie = void 0;
     this.movable = void 0;
@@ -14438,12 +14534,15 @@ class MovablePoint$5 {
    */
   // TODO(benchristel): listen() is duplicated in movable.ts
   listen(eventName, id, func) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     this._listenerMap = this._listenerMap || {};
 
     // If there's an existing handler, replace it by using its index in
     // `this.state[eventName]`; otherwise, add this handler to the end
     const key = getKey(eventName, id);
-    const index = this._listenerMap[key] = this._listenerMap[key] || this.state[eventName].length;
+    const index = this._listenerMap[key] =
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    this._listenerMap[key] || this.state[eventName].length;
     this.state[eventName][index] = func;
   }
 
@@ -14456,6 +14555,7 @@ class MovablePoint$5 {
   // TODO(benchristel): I don't think unlisten is used. Delete it?
   // TODO(benchristel): unlisten is duplicated in movable.ts
   unlisten(eventName, id) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     this._listenerMap = this._listenerMap || {};
     const key = getKey(eventName, id);
     const index = this._listenerMap[key];
@@ -14514,6 +14614,7 @@ class MovablePoint$5 {
   remove() {
     this.state.added = false;
     this._fireEvent(this.state.remove);
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.movable) {
       this.movable.remove();
     }
@@ -14574,6 +14675,7 @@ class MovablePoint$5 {
   // Change z-order to back
   toBack() {
     this.movable.toBack();
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.state.visibleShape) {
       this.state.visibleShape.toBack();
     }
@@ -14581,12 +14683,13 @@ class MovablePoint$5 {
 
   // Change z-order to front
   toFront() {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.state.visibleShape) {
       this.state.visibleShape.toFront();
     }
     this.movable.toFront();
   }
-}
+};
 MovablePoint$5.add = MovablePointOptions.add;
 MovablePoint$5.modify = MovablePointOptions.modify;
 MovablePoint$5.draw = MovablePointOptions.draw;
@@ -14604,6 +14707,10 @@ function getEventName(key) {
 }
 
 /* eslint-disable @babel/no-invalid-this */
+/**
+ * A library of options to pass to add/draw/remove/constraints
+ */
+
 function sum(array) {
   return _.reduce(array, function (memo, arg) {
     return memo + arg;
@@ -15632,6 +15739,7 @@ class Graphie extends React.Component {
         // corresponding with those descriptors.
         renderChildren(child);
         const prevMovable = oldMovables[key];
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (!prevMovable) {
           // We're creating a new child
           child.add(graphie);
@@ -15866,6 +15974,7 @@ class ImageLoader extends React.Component {
       case Status.LOADED:
         return this.renderImg();
       case Status.FAILED:
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (this.props.children) {
           return this.props.children;
         }
@@ -16083,6 +16192,7 @@ class SvgImage extends React.Component {
   }
   loadResources() {
     loadGraphie(this.props.src, (data, localized) => {
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (this._isMounted && data.labels && data.range) {
         const labelsRendered = {};
         data.labels.forEach(label => {
@@ -16112,6 +16222,7 @@ class SvgImage extends React.Component {
       return null;
     }
     // parseFloat() ignores trailing non-numerical characters.
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     return parseFloat(value) || null;
   }
   render() {
@@ -16147,6 +16258,7 @@ class SvgImage extends React.Component {
     // is tricky because web+graphie doesn't support labels on non-graphie
     // images.
     let extraGraphie;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.props.extraGraphie && this.props.extraGraphie.labels.length) {
       extraGraphie = /*#__PURE__*/React.createElement(Graphie, {
         box: this.props.extraGraphie.box,
@@ -16163,12 +16275,15 @@ class SvgImage extends React.Component {
     // If preloader is undefined, we use the default. If it's
     // null, there will be no preloader in use.
     const preloaderBaseFunc = this.props.preloader === undefined ? defaultPreloader : this.props.preloader;
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const preloader = preloaderBaseFunc ? () => preloaderBaseFunc(dimensions) : null;
 
     // Just use a normal image if a normal image is provided
     if (!Util.isLabeledSVG(imageSrc)) {
       if (responsive) {
         const wrapperClasses = classNames$1({
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           zoomable: (width || 0) > ZOOMABLE_THRESHOLD,
           "svg-image": true
         });
@@ -16372,6 +16487,7 @@ class Zoomable extends React.Component {
   }
   componentWillUnmount() {
     window.removeEventListener("resize", this.reset);
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this._observer) {
       this._observer.disconnect();
     }
@@ -16396,6 +16512,8 @@ class Zoomable extends React.Component {
       // TODO(jeff, CP-3128): Use Wonder Blocks Timing API
       // eslint-disable-next-line no-restricted-syntax
       setTimeout(() => this.measureAndScaleChildToFit(false), 0);
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (window.MutationObserver) {
         this._observer = new MutationObserver(mutations => {
           if (this._isMounted) {
@@ -16553,6 +16671,7 @@ Zoomable.defaultProps = {
  * TeX we run into issues of measuring at the incorrect time resulting in bad
  * measurements.
  */
+
 const computeMathBounds = (parentNode, parentBounds) => {
   const textElement = parentNode.querySelector(".MathJax");
   const textBounds = {
@@ -16602,6 +16721,7 @@ class ZoomableTeX extends React.Component {
 /**
  * A React context for ensuring there is one and only one definition showing at a time
  */
+
 const defaultContext$1 = {
   activeDefinitionId: null,
   setActiveDefinitionId: () => {}
@@ -16746,6 +16866,7 @@ class InteractionTracker {
 /**
  * Paragraph parsing/splitting for article jipt i18n
  */
+
 const arrayRules = {
   fence: {
     match: SimpleMarkdown.defaultRules.fence.match,
@@ -17448,6 +17569,8 @@ const getContent = ast => {
   //    arbitrarily nested lists that are direct properties.
   // 2) Only AST nodes have a 'type' property.
   const children = _.chain(ast).values().flatten().filter(object => object != null && _.has(object, "type")).value();
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!children.length) {
     return [];
   }
@@ -17584,6 +17707,7 @@ class TranslationLinter {
   applyLintErrors(parsedMarkdown, translationLintErrors) {
     // These lint errors do not have position data associated with
     // them, so we just plop them at the top.
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (translationLintErrors.length) {
       const errorText = translationLintErrors.join("\n\n");
       parsedMarkdown.unshift({
@@ -17634,6 +17758,7 @@ const containerSizeClass = {
   XLARGE: "xlarge"
 };
 const getClassFromWidth = width => {
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!width) {
     return containerSizeClass.MEDIUM;
   }
@@ -17684,6 +17809,7 @@ const replaceWidget = (name, replacementName) => {
   // If the replacement widget isn't found, we need to throw. Otherwise after
   // removing the deprecated widget, we'll have data asking for a widget type
   // that doesn't exist at all.
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!substituteWidget) {
     const errorMsg = `Failed to replace ${name} with ${replacementName}`;
     throw new PerseusError(errorMsg, Errors.Internal);
@@ -17717,6 +17843,8 @@ const registerEditors = editorsToRegister => {
  */
 const replaceEditor = (name, replacementName) => {
   const substituteEditor = editors[replacementName];
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!substituteEditor && Log) {
     const errorMsg = `Failed to replace editor ${name} with ${replacementName}`;
     Log.error(errorMsg, Errors.Internal);
@@ -17759,6 +17887,7 @@ const getTransform = name => {
 };
 const getVersion = name => {
   const widgetInfo = widgets[name];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (widgetInfo) {
     return widgets[name].version || {
       major: 0,
@@ -17820,11 +17949,15 @@ const traverseChildWidgets$3 = (widgetInfo, traverseRenderer) => {
   if (!traverseRenderer) {
     throw new PerseusError("traverseRenderer must be provided, but was not", Errors.Internal);
   }
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!widgetInfo || !widgetInfo.type || !widgets[widgetInfo.type]) {
     return widgetInfo;
   }
   const widgetExports = widgets[widgetInfo.type];
   const props = widgetInfo.options;
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (widgetExports.traverseChildWidgets && props) {
     const newProps = widgetExports.traverseChildWidgets(props, traverseRenderer);
     return _.extend({}, widgetInfo, {
@@ -17845,6 +17978,7 @@ const traverseChildWidgets$3 = (widgetInfo, traverseRenderer) => {
  */
 const supportsStaticMode = type => {
   const widgetInfo = widgets[type];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   return widgetInfo && widgetInfo.staticTransform != null;
 };
 
@@ -17854,6 +17988,7 @@ const supportsStaticMode = type => {
  */
 const getStaticTransform = type => {
   const widgetInfo = widgets[type];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   return widgetInfo && widgetInfo.staticTransform;
 };
 
@@ -17864,6 +17999,7 @@ const getStaticTransform = type => {
  */
 const getTracking = type => {
   const widgetExport = widgets[type];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   return widgetExport && widgetExport.tracking || DEFAULT_TRACKING;
 };
 
@@ -17873,33 +18009,34 @@ const getTracking = type => {
  */
 const isLintable = type => {
   const widgetExports = widgets[type];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   return widgetExports && widgetExports.isLintable || DEFAULT_LINTABLE;
 };
 
 var widgets$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    registerWidget: registerWidget,
-    registerWidgets: registerWidgets,
-    replaceWidget: replaceWidget,
-    replaceDeprecatedWidgets: replaceDeprecatedWidgets,
-    registerEditors: registerEditors,
-    replaceEditor: replaceEditor,
-    replaceDeprecatedEditors: replaceDeprecatedEditors,
-    getWidget: getWidget,
-    getWidgetExport: getWidgetExport,
+    getAllWidgetTypes: getAllWidgetTypes,
     getEditor: getEditor,
+    getPublicWidgets: getPublicWidgets,
+    getRendererPropsForWidgetInfo: getRendererPropsForWidgetInfo,
+    getStaticTransform: getStaticTransform,
+    getTracking: getTracking,
     getTransform: getTransform,
     getVersion: getVersion,
     getVersionVector: getVersionVector,
-    getPublicWidgets: getPublicWidgets,
+    getWidget: getWidget,
+    getWidgetExport: getWidgetExport,
     isAccessible: isAccessible,
-    getAllWidgetTypes: getAllWidgetTypes,
-    getRendererPropsForWidgetInfo: getRendererPropsForWidgetInfo,
-    traverseChildWidgets: traverseChildWidgets$3,
+    isLintable: isLintable,
+    registerEditors: registerEditors,
+    registerWidget: registerWidget,
+    registerWidgets: registerWidgets,
+    replaceDeprecatedEditors: replaceDeprecatedEditors,
+    replaceDeprecatedWidgets: replaceDeprecatedWidgets,
+    replaceEditor: replaceEditor,
+    replaceWidget: replaceWidget,
     supportsStaticMode: supportsStaticMode,
-    getStaticTransform: getStaticTransform,
-    getTracking: getTracking,
-    isLintable: isLintable
+    traverseChildWidgets: traverseChildWidgets$3
 });
 
 class WidgetContainer extends React.Component {
@@ -18549,6 +18686,8 @@ class Renderer extends React.Component {
       const imagePlaceholder = apiOptions.imagePlaceholder;
       if (node.type === "widget") {
         const widgetPlaceholder = apiOptions.widgetPlaceholder;
+
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (widgetPlaceholder) {
           return widgetPlaceholder;
         }
@@ -18607,8 +18746,8 @@ class Renderer extends React.Component {
           // TODO(kevinb) automatically determine the margin size
           const margin = 16;
           const outerStyle = {
-            marginLeft: -margin,
-            marginRight: -margin
+            marginLeft: -16,
+            marginRight: -16
           };
           const horizontalPadding = {
             paddingLeft: margin,
@@ -18656,6 +18795,7 @@ class Renderer extends React.Component {
         }, tex)), /*#__PURE__*/React.createElement("span", null)));
       }
       if (node.type === "image") {
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (imagePlaceholder) {
           return imagePlaceholder;
         }
@@ -18709,6 +18849,7 @@ class Renderer extends React.Component {
         // Used by the translator portal to replace image URLs with
         // placeholders, see preprocessWidgets in manticore-utils.js
         // for more details.
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (imagePlaceholder && rImageURL.test(node.content)) {
           return imagePlaceholder;
         }
@@ -18722,10 +18863,9 @@ class Renderer extends React.Component {
         if (!apiOptions.isMobile) {
           return output;
         }
-        const margin = 16;
         const outerStyle = {
-          marginLeft: -margin,
-          marginRight: -margin
+          marginLeft: -16,
+          marginRight: -16
         };
         const innerStyle = {
           paddingLeft: 0,
@@ -18802,6 +18942,7 @@ class Renderer extends React.Component {
         const widgetId = this.widgetIds[i];
         const widget = this.getWidgetInstance(widgetId);
         const widgetFocusResult = widget == null || widget.focus == null ? void 0 : widget.focus();
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (widgetFocusResult) {
           id = widgetId;
           focusResult = widgetFocusResult;
@@ -18954,6 +19095,7 @@ class Renderer extends React.Component {
         // TODO(jeff, CP-3128): Use Wonder Blocks Timing API
         // eslint-disable-next-line no-restricted-syntax
         setTimeout(() => {
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           const cbResult = cb && cb();
           if (!silent) {
             this.props.onInteractWithWidget(id);
@@ -19145,10 +19287,13 @@ class Renderer extends React.Component {
     // mode (which is really just part of its widget info).
     const widgetInfo = this.state.widgetInfo[widgetId];
     const reviewModeRubric = this.props.reviewMode && widgetInfo ? widgetInfo.options : null;
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!this._interactionTrackers) {
       this._interactionTrackers = {};
     }
     let interactionTracker = this._interactionTrackers[widgetId];
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!interactionTracker) {
       interactionTracker = this._interactionTrackers[widgetId] = new InteractionTracker(apiOptions.trackInteraction, widgetInfo && widgetInfo.type, widgetId, getTracking(widgetInfo && widgetInfo.type));
     }
@@ -19269,6 +19414,7 @@ class Renderer extends React.Component {
       // before jipt has a chance to replace its contents, so this check
       // will keep us from adding the component to the registry a second
       // time.
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (!this.translationIndex) {
         this.translationIndex = getDependencies().rendererTranslationComponents.addComponent(this);
       }
@@ -20026,6 +20172,7 @@ var NumericInput$1 = {
 };
 
 const getPromptJSON$q = (renderProps, userInput) => {
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   const choices = renderProps.choices || [];
   const options = choices.map(choice => {
     return {
@@ -20303,6 +20450,7 @@ function findFirstAndLastWordIndexes(selectionRange, wordRanges) {
 /**
  * Utility functions for manipulating highlights.
  */
+
 /**
  * Given a list of DOMHighlights, return a new list that also includes the
  * given DOMRange as a new DOMHighlight. If the DOMHighlight intersects
@@ -20429,6 +20577,7 @@ function deserializeHighlight(serializedHighlight, wordRanges) {
     lastWordIndex
   } = serializedHighlight.range;
   const firstWord = wordRanges[firstWordIndex];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!firstWord) {
     throw new PerseusError(`first word index ${firstWord} is out of bounds: ` + `must be 0–${wordRanges.length - 1} inclusive`, Errors.InvalidInput, {
       metadata: {
@@ -20438,6 +20587,7 @@ function deserializeHighlight(serializedHighlight, wordRanges) {
     });
   }
   const lastWord = wordRanges[lastWordIndex];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!lastWord) {
     throw new PerseusError(`last word index ${lastWord} is out of bounds: ` + `must be 0–${wordRanges.length - 1} inclusive`, Errors.InvalidInput, {
       metadata: {
@@ -20611,6 +20761,17 @@ function addClientRectsForText(textNode, textRange, mutableRects) {
 }
 
 /* eslint-disable react/no-unsafe */
+/**
+ * This component, given a single DOMHighlight, draws highlight rectangles in
+ * the same absolute position as the highlighted content, as computed via
+ * `getClientRects`.
+ *
+ * TODO(mdr): Many things can affect the correct positioning of highlighting,
+ *     and this component does not attempt to anticipate them. If we start
+ *     using this highlighting library on content with a more dynamic layout,
+ *     we should add a hook to allow the parent to `forceUpdate` the
+ *     `HighlightRenderer`.
+ */
 class HighlightRenderer extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -20766,6 +20927,7 @@ class HighlightTooltip extends React.PureComponent {
     //     but let's catch that case and bail out.
     // TODO(mdr): Instead, we should somehow walk back the range until we
     //     find an appropriate position for the tooltip. Sounds tricky!
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!focusRect) {
       Log.log("[Highlighting] Known bug: Could not determine the focus " + 'position, so did not show an "Add Highlight" tooltip. ' + "https://app.asana.com/0/329800276300868/413878480039713 " + "(see also /r/asana-links)");
       return null;
@@ -20840,6 +21002,14 @@ const styles$x = StyleSheet.create({
 });
 
 /* eslint-disable react/no-unsafe */
+/**
+ * Render a set of highlights. See HighlightRenderer for more details about how
+ * each highlight is rendered.
+ *
+ * This component manages the state of the "Remove highlight" tooltip. To
+ * determine the currently-hovered highlight, it calls the `isHovered` method
+ * on each HighlightRenderer.
+ */
 class HighlightSetRenderer extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -20919,7 +21089,10 @@ class HighlightSetRenderer extends React.PureComponent {
     const highlightKeys = Object.keys(this.props.highlights);
     return highlightKeys.find(key => {
       const highlightRenderer = this._highlightRenderers[key];
-      return highlightRenderer && highlightRenderer.isHovered(mouseClientPosition);
+      return (
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        highlightRenderer && highlightRenderer.isHovered(mouseClientPosition)
+      );
     });
   }
   _renderTooltip() {
@@ -20964,6 +21137,10 @@ class HighlightSetRenderer extends React.PureComponent {
 HighlightSetRenderer.contextType = PerseusI18nContext;
 
 /* eslint-disable react/no-unsafe */
+/**
+ * Tracks the user's current selection, and exposes it to the subtree using the
+ * function-as-children pattern.
+ */
 class SelectionTracker extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -21185,6 +21362,7 @@ HighlightingUI.contextType = PerseusI18nContext;
  * The words yielded by WordIndexer are sorted in document order, which makes
  * them amenable to binary search - see `findBoundaryWordIndex` in ranges.js.
  */
+
 class WordIndexer extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -21253,6 +21431,7 @@ class WordIndexer extends React.PureComponent {
           const startOffset = wordMatch.index;
           const endOffset = wordMatch.index + wordMatch[0].length;
           let range;
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           if (startOffset === 0 && trailingWordRange) {
             // This word is at the start of this text node, and
             // there's a trailing word from the previous text node,
@@ -21815,6 +21994,7 @@ var PassageMarkdown = {
   getInitialParseState
 };
 
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
 // A fake paragraph to measure the line height of the passage,
 // so we can adapt to browser zoom
 class LineHeightMeasurer extends React.Component {
@@ -21999,6 +22179,7 @@ class Passage extends React.Component {
   _getStartRefLineNumber(referenceNumber) {
     const refRef = PassageMarkdown.START_REF_PREFIX + referenceNumber;
     const ref = this.refs[refRef];
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!ref) {
       return null;
     }
@@ -22020,6 +22201,7 @@ class Passage extends React.Component {
   _getEndRefLineNumber(referenceNumber) {
     const refRef = PassageMarkdown.END_REF_PREFIX + referenceNumber;
     const ref = this.refs[refRef];
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!ref) {
       return null;
     }
@@ -22060,6 +22242,7 @@ class Passage extends React.Component {
   _getRefContent(referenceNumber) {
     const refRef = PassageMarkdown.START_REF_PREFIX + referenceNumber;
     const ref = this.refs[refRef];
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!ref) {
       return null;
     }
@@ -22379,6 +22562,7 @@ var PassageRef$1 = {
  *       },
  *   });
  */
+
 const {
   pureXsMax,
   pureSmMin,
@@ -22410,6 +22594,7 @@ var mediaQueries = {
  */
 
 // Polyfill scrollTo if it doesn't exist
+// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
 if (typeof HTMLElement !== "undefined" && !HTMLElement.prototype.scrollTo) {
   // @ts-expect-error - TS2322 - Type '(left: number, top: any) => void' is not assignable to type '{ (options?: ScrollToOptions | undefined): void; (x: number, y: number): void; }'.
   HTMLElement.prototype.scrollTo = function (left, top) {
@@ -22469,7 +22654,6 @@ const scrollElementToOffset = (elementOrWindow, offset, duration = 0, callback)
       // TODO(jeff, WEB-1378): Use Wonder Blocks Timing API
       // eslint-disable-next-line no-restricted-syntax
       clearInterval(scrollInterval);
-      callback == null || callback();
     }
   }, tickLength);
 };
@@ -22528,11 +22712,12 @@ const scrollElementIntoView = (element, callback) => {
       const distanceToScroll = childBounds.top - containerBounds.top;
       offset = currentScrollTop + distanceToScroll;
     }
-    scrollElementToOffset(scrollContainer, offset, SCROLL_ANIMATION_DURATION, callback);
+    scrollElementToOffset(scrollContainer, offset, SCROLL_ANIMATION_DURATION);
   }, 0);
 };
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+
 // WARNING: This determines the *viewport* width and height, so a change here
 //          requires scaling the values of every SVG path passed in as a string
 //          without corresponding `width` and `height` values.
@@ -22692,6 +22877,7 @@ function getA11yText(letter, checked, correct, crossedOut, showCorrectness, stri
 /**
  * Renders a circular selection ring around the child.
  */
+
 const FocusRing = function FocusRing({
   visible = true,
   color = kaGreen,
@@ -22746,6 +22932,7 @@ const styles$t = StyleSheet.create({
 
 /* Component for rendering a letter icon in radio choice */
 
+
 // The "cross-out line" SVG is a bit bigger than the choice icon, to provide
 // extra space for the cute rounded line cap.
 const CROSS_OUT_LINE_PADDING = 2;
@@ -22949,6 +23136,7 @@ const styles$r = StyleSheet.create({
  * ChoiceIcon visualizations but is meant to make the distinctions
  * between the states more immediately clear to users.
  */
+
 function renderText(checked, correct, crossedOut, strings) {
   if (correct) {
     // For correct answers, we surface checked _or_ crossedOut state,
@@ -23300,6 +23488,7 @@ function getInstructionsText(multipleSelect, countChoices, numCorrect, strings)
   if (multipleSelect) {
     // using usesNumCorrect to make sure this logic stays in sync
     // with getRadioPublicWidgetOptions logic
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (usesNumCorrect(multipleSelect, !!countChoices, numCorrect)) {
       return strings.chooseNumAnswers({
         numCorrect: String(numCorrect)
@@ -23344,7 +23533,9 @@ const BaseRadio = function BaseRadio({
     // the most recently used widget (because, if the user has since
     // touched something else, they're probably not trying to keep their
     // eye on this widget anymore).
-    if (apiOptions.canScrollPage && isLastUsedWidget && reviewModeRubric && !prevReviewModeRubric.current) {
+    if (apiOptions.canScrollPage && isLastUsedWidget && reviewModeRubric &&
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    !prevReviewModeRubric.current) {
       const checkedIndex = choices.findIndex(c => c.checked);
       if (checkedIndex >= 0) {
         const ref = choiceRefs.current[checkedIndex];
@@ -23473,7 +23664,9 @@ const BaseRadio = function BaseRadio({
       });
     }
     const nextChoice = choices[i + 1];
-    const nextChoiceHighlighted = !!nextChoice && nextChoice.highlighted;
+    const nextChoiceHighlighted =
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    !!nextChoice && nextChoice.highlighted;
     const aphroditeClassName = checked => {
       // Whether or not to show correctness borders
       // for this choice and the next choice.
@@ -23637,7 +23830,7 @@ const styles$o = StyleSheet.create({
 
 // RenderProps is the return type for radio.jsx#transform
 
-class Radio$1 extends React.Component {
+let Radio$1 = class Radio extends React.Component {
   constructor(...args) {
     super(...args);
     // @ts-expect-error - TS2564 - Property 'focusFunction' has no initializer and is not definitely assigned in the constructor.
@@ -23834,6 +24027,7 @@ class Radio$1 extends React.Component {
   // adding hints when editing.
   // See: https://github.com/Khan/perseus/blame/e18582b4b69959270b90e237ef1813899711ddfa/src/widgets/radio.js#L169
   focus(choiceIndex) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.focusFunction) {
       return this.focusFunction(choiceIndex);
     }
@@ -23846,10 +24040,10 @@ class Radio$1 extends React.Component {
     this.focusFunction = fun;
   }
   getUserInput() {
-    return Radio$1.getUserInputFromProps(this.props);
+    return Radio.getUserInputFromProps(this.props);
   }
   getPromptJSON() {
-    const userInput = Radio$1.getUserInputFromProps(this.props, false);
+    const userInput = Radio.getUserInputFromProps(this.props, false);
     return getPromptJSON$q(this.props, userInput);
   }
   render() {
@@ -23963,7 +24157,7 @@ class Radio$1 extends React.Component {
       registerFocusFunction: i => this.registerFocusFunction(i)
     });
   }
-}
+};
 Radio$1.contextType = PerseusI18nContext;
 Radio$1.defaultProps = {
   choices: [],
@@ -23998,6 +24192,7 @@ const _choiceTransform = (widgetOptions, strings, problemNum) => {
     });
 
     // Place the "None of the above" options last
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (noneOfTheAbove) {
       newChoices.push(noneOfTheAbove);
     }
@@ -24066,6 +24261,8 @@ var Radio = {
 };
 
 /* eslint-disable import/no-named-as-default */
+// As new widgets get added here, please also make sure they get added in
+// content_internal/perseus_traversal.py so they can be properly translated.
 var basicWidgets = [Radio, InputNumber$1, NumericInput$1, Expression$1];
 
 const {
@@ -24286,7 +24483,6 @@ Categorizer.defaultProps = {
   values: [],
   linterContext: linterContextDefault
 };
-const pageMargin = 16;
 
 // Stylesheets aren't directly testable
 /* c8 ignore next */
@@ -24298,8 +24494,8 @@ const styles$n = StyleSheet.create({
   },
   fullBleedContainer: {
     [mediaQueries.mdOrSmaller]: {
-      marginLeft: -pageMargin,
-      marginRight: -pageMargin,
+      marginLeft: -16,
+      marginRight: -16,
       overflowX: "auto"
     }
   },
@@ -24373,6 +24569,7 @@ const location = () => {
    * We cache the result to ensure that on subsequent requests we always get
    * the first URL that was used to initially render the page.
    */
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!_cachedClientLocation) {
     // eslint-disable-next-line no-restricted-syntax
     _cachedClientLocation = window.location;
@@ -24410,6 +24607,7 @@ const getPromptJSON$m = () => {
 /**
  * This widget is for embedding Khan Academy CS programs.
  */
+
 const {
   updateQueryString: updateQueryString$1
 } = Util;
@@ -24503,6 +24701,7 @@ class CSProgram extends React.Component {
     }
 
     // Turn array of [{name: "", value: ""}] into object
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.props.settings) {
       const settings = {};
       _.each(this.props.settings, function (setting) {
@@ -24900,7 +25099,7 @@ const styles$k = StyleSheet.create({
     borderLeftWidth: "5px",
     gridTemplateColumns: "1fr",
     gridTemplateRows: "1fr",
-    marginLeft: -leftBorderSpacing,
+    marginLeft: -23,
     minWidth: "100%",
     paddingLeft: leftBorderSpacing,
     paddingBottom: verticalContentPadding,
@@ -25489,6 +25688,8 @@ class GradedGroupSet extends React.Component {
       }));
     }
     const currentGroup = this.props.gradedGroups[this.state.currentGroup];
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!currentGroup) {
       return /*#__PURE__*/React.createElement("span", null, "No current group...");
     }
@@ -25650,7 +25851,9 @@ class ButtonGroup extends React.Component {
         key: "" + i,
         className: css(styles$g.buttonStyle, button.value === value && styles$g.selectedStyle),
         onClick: () => this.toggleSelect(button.value)
-      }, button.content || "" + button.value);
+      },
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+      button.content || "" + button.value);
     });
     const outerStyle = {
       display: "inline-block"
@@ -25907,10 +26110,11 @@ class FunctionGrapher extends React.Component {
       const model = this.props.model;
       const graph = this.props.graph;
       const asymptote = this._asymptote();
+      const showAsymptote = (asymptote == null ? void 0 : asymptote.length) > 0;
       const dashed = {
         strokeDasharray: "- "
       };
-      return asymptote && /*#__PURE__*/React.createElement(MovableLine$2, {
+      return showAsymptote && /*#__PURE__*/React.createElement(MovableLine$2, {
         onMove: (newCoord, oldCoord) => {
           // Calculate and apply displacement
           const delta = vector$3.subtract(newCoord, oldCoord);
@@ -26429,6 +26633,7 @@ const getPromptJSON$e = () => {
  * It's particularly well suited for embedding our ProcessingJS programs,
  *  but could also be used for embedding viz's hosted elsewhere.
  */
+
 const {
   updateQueryString
 } = Util;
@@ -26493,6 +26698,7 @@ class Iframe extends React.Component {
     let url = this.props.url;
 
     // If the URL doesnt start with http, it must be a program ID
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (url && url.length && url.indexOf("http") !== 0) {
       url = "https://www.khanacademy.org/computer-programming/program/" + url + "/embedded?buttons=no&embed=yes&editor=no&author=no";
       url = updateQueryString(url, "width", this.props.width);
@@ -26738,6 +26944,7 @@ var Image$1 = {
   // has a background but no alt text, it is not accessible
   accessible: widgetOptions => {
     const bgImage = widgetOptions.backgroundImage;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     return !(bgImage && bgImage.url && !widgetOptions.alt);
   },
   displayName: "Image",
@@ -26750,6 +26957,7 @@ const getPromptJSON$c = () => {
 };
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable @babel/no-invalid-this, react/no-unsafe */
 // @ts-expect-error - TS2339 - Property 'Label' does not exist on type 'typeof Graphie'.
 const Label = Graphie.Label;
 // @ts-expect-error - TS2339 - Property 'Line' does not exist on type 'typeof Graphie'.
@@ -27919,9 +28127,6 @@ function AxisLabels({
     height,
     labelLocation
   } = useGraphConfig();
-  const {
-    strings
-  } = i18n;
   const graphInfo = {
     range,
     width,
@@ -27941,7 +28146,11 @@ function AxisLabels({
     TeX
   } = getDependencies();
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
-    "aria-label": strings.xAxis,
+    // Reading the axis labels by themselves is mostly unhelpful
+    // for screen reader users, so we should hide them to avoid
+    // confusion. Instead, the axis labels should be included as
+    // part of the graph description by content authors.
+    "aria-hidden": true,
     style: {
       position: "absolute",
       left: xAxisLabelLocation[X],
@@ -27950,7 +28159,11 @@ function AxisLabels({
       transform: xLabelTransform
     }
   }, /*#__PURE__*/React__default.createElement(TeX, null, replaceOutsideTeX(xAxisLabelText))), /*#__PURE__*/React__default.createElement("span", {
-    "aria-label": strings.yAxis,
+    // Reading the axis labels by themselves is mostly unhelpful
+    // for screen reader users, so we should hide them to avoid
+    // confusion. Instead, the axis labels should be included as
+    // part of the graph description by content authors.
+    "aria-hidden": true,
     style: {
       position: "absolute",
       left: yAxisLabelLocation[X],
@@ -27986,8 +28199,8 @@ const getLabelPosition = (graphInfo, labelLocation) => {
     // the labels do not overlap with the axis tick if they are out of the graph bounds.
     const xAxisLabelOffset = graphInfo.range[Y][MIN] >= 0 ? [0, fontSize * 3] // Move the label down by 3 font sizes if the y-axis min is positive
     : [0, fontSize]; // Move the label down by 1 font size if the y-axis min is negative
-    const yAxisLabelOffset = graphInfo.range[X][MIN] >= 0 ? [-fontSize * 3, -fontSize] // Move the label left by 3 font sizes if the x-axis min is positive
-    : [-fontSize, -fontSize]; // Move the label left by 1 font size if the x-axis min is negative
+    const yAxisLabelOffset = graphInfo.range[X][MIN] >= 0 ? [-14 * 3, -14] // Move the label left by 3 font sizes if the x-axis min is positive
+    : [-14, -14]; // Move the label left by 1 font size if the x-axis min is negative
 
     // Calculate the location of the labels to be halfway between the min and max values of the axes
     const xAxisLabelLocation = [(graphInfo.range[X][MIN] + graphInfo.range[X][MAX]) / 2, graphInfo.range[Y][MIN]];
@@ -28003,7 +28216,7 @@ const getLabelPosition = (graphInfo, labelLocation) => {
   // place them at the end of the axis, which is the maximum value of the axis.
   const xLabelInitial = [graphInfo.range[X][MAX], 0];
   const yLabelInitial = [0, graphInfo.range[Y][MAX]];
-  const yLabelOffset = [0, -fontSize * 2]; // Move the y-axis label up by 2 font sizes
+  const yLabelOffset = [0, -14 * 2]; // Move the y-axis label up by 2 font sizes
 
   const xLabel = pointToPixel(xLabelInitial, graphInfo);
   const yLabel = vec.add(pointToPixel(yLabelInitial, graphInfo), yLabelOffset);
@@ -28046,7 +28259,7 @@ const YGridTick = ({
 
   // Adjust the y position of the x-axis labels based on
   // whether the x-axis is above, within, or below the graph
-  const xAdjustment = range[X][MAX] <= 0 ? tickLabelSize * 1.5 : -tickLabelSize * 1.1;
+  const xAdjustment = range[X][MAX] <= 0 ? tickLabelSize * 1.5 : -14 * 1.1;
   const xPositionText = xPosition + xAdjustment;
   const yPositionText = yPosition + tickLabelSize * 0.25; // Center the text vertically on the tick
 
@@ -28105,7 +28318,7 @@ const XGridTick = ({
 
   // Adjust the Y position of the x-axis labels based on
   // whether the x-axis is above, within, or below the graph
-  const yAdjustment = range[Y][MAX] < 0 ? -tickLabelSize : tickLabelSize * 1.75;
+  const yAdjustment = range[Y][MAX] < 0 ? -14 : tickLabelSize * 1.75;
 
   // Adjust the X position of the x-axis labels based on
   // whether the label is positive or negative, in order to
@@ -28425,6 +28638,7 @@ const styles$e = StyleSheet.create({
  * (RCSS generates classnames with a randomSuffix, which ensures that any
  * two sets of generated classnames will not match.)
  */
+
 class InfoTip extends React.Component {
   constructor(...args) {
     super(...args);
@@ -29342,6 +29556,7 @@ function getAngleFromPoints(points, i) {
   const point = points.at(i);
   const pt1 = points.at(i - 1);
   const pt2 = points[(i + 1) % points.length];
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!point || !pt1 || !pt2) {
     return null;
   }
@@ -30261,6 +30476,8 @@ function useDraggable(args) {
         shiftKey
       } = state;
       const direction = [yDownDirection[X], -yDownDirection[Y]];
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       const span = Math.abs(direction[X]) ? xSpan : ySpan;
       let divisions = 50;
       if (altKey || metaKey) {
@@ -31808,6 +32025,7 @@ function initializeGraphState(params) {
     case "polygon":
       return _extends({}, shared, {
         type: "polygon",
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         numSides: graph.numSides || 0,
         showAngles: Boolean(graph.showAngles),
         showSides: Boolean(graph.showSides),
@@ -31823,6 +32041,7 @@ function initializeGraphState(params) {
       return _extends({}, shared, {
         type: graph.type,
         coords: getPointCoords(graph, range, step),
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         numPoints: graph.numPoints || 0,
         focusedPointIndex: null,
         showRemovePointButton: false,
@@ -31866,6 +32085,7 @@ function initializeGraphState(params) {
 }
 function getPointCoords(graph, range, step) {
   var _graph$coords, _graph$startCoords;
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   const numPoints = graph.numPoints || 1;
   let coords = (_graph$coords = graph.coords) == null ? void 0 : _graph$coords.slice();
   if (coords) {
@@ -31964,6 +32184,8 @@ function getPolygonCoords(graph, range, step) {
   if (startCoords) {
     return startCoords;
   }
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   const n = graph.numSides || 3;
   if (n === "unlimited") {
     coords = [];
@@ -32012,6 +32234,8 @@ function getCircleCoords(graph) {
       radiusPoint: vec.add(graph.center, [graph.radius, 0])
     };
   }
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if ((_graph$startCoords3 = graph.startCoords) != null && _graph$startCoords3.center && graph.startCoords.radius) {
     return {
       center: graph.startCoords.center,
@@ -32278,6 +32502,7 @@ function doMoveLine(state, action) {
           throw new Error("Please provide index of line to move");
         }
         const currentLine = state.coords[action.itemIndex];
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (!currentLine) {
           throw new Error("No line to move");
         }
@@ -33070,6 +33295,7 @@ const LimitedPolygonGraph = statefulProps => {
   }), points.map((point, i) => {
     const pt1 = points.at(i - 1);
     const pt2 = points[(i + 1) % points.length];
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!pt1 || !pt2) {
       return null;
     }
@@ -34409,7 +34635,9 @@ const MafsGraph = props => {
       handleKeyboardEvent(event, state, dispatch);
     },
     "aria-label": fullGraphAriaLabel,
-    "aria-describedby": describedByIds(fullGraphAriaDescription && descriptionId, interactiveElementsDescription && interactiveElementsDescriptionId, isUnlimitedGraphState(state) && unlimitedGraphKeyboardPromptId, state.type !== "none" && !disableInteraction && instructionsId),
+    "aria-describedby": describedByIds(fullGraphAriaDescription && descriptionId,
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    interactiveElementsDescription && interactiveElementsDescriptionId, isUnlimitedGraphState(state) && unlimitedGraphKeyboardPromptId, state.type !== "none" && !disableInteraction && instructionsId),
     ref: graphRef,
     tabIndex: 0,
     onFocus: event => {
@@ -35067,6 +35295,7 @@ class InteractiveGraph extends React.Component {
    * @param {object} props of an InteractiveGraph instance
    */
   static getPointCoords(graph, props) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const numPoints = graph.numPoints || 1;
     let coords = graph.coords;
     if (coords) {
@@ -35131,6 +35360,8 @@ class InteractiveGraph extends React.Component {
     if (coords) {
       return coords;
     }
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const n = graph.numSides || 3;
     if (n === UNLIMITED) {
       coords = [];
@@ -35599,6 +35830,7 @@ function shouldReduceMotion() {
     return true;
   }
   const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   return !mediaQuery || mediaQuery.matches;
 }
 const MARKER_SIZE = 24;
@@ -36109,6 +36341,7 @@ class LabelImage extends React.Component {
     // Compile the user selected answer choices.
     const selected = choices.filter((_, index) => selection[index]);
     this.handleMarkerChange(index, _extends({}, markers[index], {
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       selected: selected.length ? selected : undefined
     }));
   }
@@ -36577,6 +36810,8 @@ class Draggable extends React.Component {
     if (this.isMouseMoveUpBound) {
       this.unbindMouseMoveUp();
     }
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.animationFrameRequest) {
       // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
       // eslint-disable-next-line no-restricted-syntax
@@ -36692,7 +36927,13 @@ class Sortable extends React.Component {
   }
   componentDidUpdate() {
     // Measure items if their dimensions have been reset
-    if (this.state.items.length && !this.state.items[0].width && !this.state.items[0].height) {
+    if (
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    this.state.items.length &&
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    !this.state.items[0].width &&
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    !this.state.items[0].height) {
       // Measure on the next frame to allow items size to settle.
       // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
       // eslint-disable-next-line no-restricted-syntax
@@ -36811,6 +37052,7 @@ class Sortable extends React.Component {
     const item = _.findWhere(this.state.items, {
       key: key
     });
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const margin = this.props.margin || 0;
     // @ts-expect-error - TS2345 - Argument of type 'SortableItem | undefined' is not assignable to parameter of type 'SortableItem'.
     const currentIndex = _.indexOf(items, item);
@@ -37446,6 +37688,8 @@ class Matrix extends React.Component {
         // @ts-expect-error - TS2322 - Type '0' is not assignable to type 'null'.
         enterTheMatrix = 0;
       }
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (nextPath) {
         // Prevent the cursor from jumping again inside the next input
         e.preventDefault();
@@ -37478,6 +37722,7 @@ class Matrix extends React.Component {
     };
     this.onValueChange = (row, column, value, cb) => {
       const answers = this.props.answers.map(answer => [...answer]);
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (!answers[row]) {
         answers[row] = [];
       }
@@ -37565,6 +37810,7 @@ class Matrix extends React.Component {
         const inputProps = {
           className: outside ? "outside" : "inside",
           ref: getRefForPath$1(getInputPath$1(row, col)),
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           value: rowVals ? rowVals[col] : null,
           style: {
             height: INPUT_HEIGHT,
@@ -38014,7 +38260,7 @@ const bondLength = 30;
 function polarAdd(origin, angle, length) {
   const x = origin[0];
   const y = origin[1];
-  return [x + Math.cos(angle * 2 * Math.PI / 360) * length, y + -1.0 * Math.sin(angle * 2 * Math.PI / 360) * length];
+  return [x + Math.cos(angle * 2 * Math.PI / 360) * length, y + -1 * Math.sin(angle * 2 * Math.PI / 360) * length];
 }
 
 /**
@@ -38298,14 +38544,7 @@ function layout$1(tree, rotationAngle) {
   return bondLayoutHelper(outputs, atoms, bonds);
 }
 var MoleculeLayout = {
-  layout: layout$1,
-  // The remainder are exported for testing and are not intended for external
-  // use.
-  _atomLayout: atomLayout,
-  _bondLayout: bondLayout,
-  _bondLength: bondLength,
-  _convertTree: convertTree
-};
+  layout: layout$1};
 
 // Regexp defining characters that are valid SMILES characters that this parser
 // can parse.  In addition to serving as a sort of validation, this also keeps
@@ -38892,6 +39131,7 @@ class NumberLine extends React.Component {
       numDivisions = numDivisions < 0 ? numDivisions * -1 : numDivisions;
 
       // If the number of divisions isn't blank, update the number line
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (numDivisions) {
         const nextProps = _.extend({}, this.props, {
           tickStep: width / numDivisions
@@ -39182,7 +39422,9 @@ class NumberLine extends React.Component {
       // eslint-disable-next-line react/no-string-refs
       , {
         ref: "tick-ctrl",
-        value: this.state.numDivisionsEmpty ? null : this.props.numDivisions || divisionRange[0],
+        value: this.state.numDivisionsEmpty ? null :
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        this.props.numDivisions || divisionRange[0],
         checkValidity: val => val >= divisionRange[0] && val <= divisionRange[1],
         onChange: this.onNumDivisionsChange,
         onFocus: this._handleTickCtrlFocus,
@@ -39886,6 +40128,7 @@ const getPromptJSON$4 = () => {
  * This is a PhET simulation widget. It is used for rendering simulations
  * from https://phet.colorado.edu/.
  */
+
 // This renders the PhET sim
 class PhetSimulation extends React.Component {
   constructor(props) {
@@ -39962,6 +40205,7 @@ class PhetSimulation extends React.Component {
   }
   async showLocaleWarning(url) {
     // Do not show a locale warning on an invalid URL
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!url) {
       return false;
     }
@@ -40103,6 +40347,7 @@ class Plotter extends React.Component {
     this.hairlineRange = void 0;
     this.graphie = void 0;
     this.state = {
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       values: this.props.starting || [1],
       // The measured rendered height of category strings. Used to calculate
       // bottom padding of plot, to prevent categories from overlapping the
@@ -40199,6 +40444,8 @@ class Plotter extends React.Component {
       // TODO(michaelpolyak): Handle other plot types: Dot, Histogram, Line.
       if (isMobile && (isBar || isTiledPlot)) {
         const maxCategoryHeight = Math.max(0, ...Object.values(self.state.categoryHeights));
+
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (maxCategoryHeight) {
           // Account for bottom label position, height.
           let offsetY = 25;
@@ -41283,6 +41530,7 @@ const getPromptJSON = () => {
 /**
  * This is a component that adds a link to the transcript for embedded videos in articles.
  */
+
 const IS_URL$1 = /^https?:\/\//;
 const getYoutubeId = url => {
   const regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
@@ -41349,6 +41597,7 @@ const styles$3 = StyleSheet.create({
 /**
  * This is a video widget for embedding videos in articles.
  */
+
 // Current default is 720p, based on the typical videos we upload currently
 const DEFAULT_WIDTH = 1280;
 const DEFAULT_HEIGHT = 720;
@@ -41437,6 +41686,9 @@ var Video$1 = {
 };
 
 /* eslint-disable import/no-named-as-default */
+// As new widgets get added here, please also make sure they get added in
+// content_internal/perseus_traversal.py so they can be properly translated.
+
 var extraWidgets = [Categorizer$1, CSProgram$1, Dropdown$1, Explanation$1, Definition$1, Grapher$1, GradedGroup$1, GradedGroupSet$1, Group$1, Iframe$1, Image$1, Interactive, InteractiveGraph$1, LabelImage$1, Matrix$1, Matcher$1, Measurer$1, Molecule$1, NumberLine$1, Orderer$1, Passage$1, PassageRef$1, PassageRefTarget$1, PhetSimulation$1, Plotter$1, PythonProgram$1, Sorter$1, Table$1, Video$1, DeprecatedStandin$1];
 
 /**
@@ -41451,8 +41703,11 @@ const init = function init() {
 };
 
 // This file is processed by a Rollup plugin (replace) to inject the production
+// version number during the release build.
+// In dev, you'll never see the version number.
+
 const libName = "@khanacademy/perseus";
-const libVersion = "57.2.2";
+const libVersion = "59.0.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -41515,7 +41770,9 @@ class ArticleRenderer extends React.Component {
         // Wait for the keypad to mount before getting the height
         setTimeout(() => {
           const keypadDomNode = keypadElement == null ? void 0 : keypadElement.getDOMNode();
-          const keypadHeight = keypadDomNode && didFocusInput ? keypadDomNode.getBoundingClientRect().height : 0;
+          const keypadHeight =
+          // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+          keypadDomNode && didFocusInput ? keypadDomNode.getBoundingClientRect().height : 0;
           onFocusChange(this._currentFocus, prevFocusPath, keypadHeight, didFocusInput ? focusedInput : null);
         }, 0);
       }
@@ -41792,6 +42049,7 @@ class HintsRenderer extends React.Component {
       let numCallbacks = 1;
       const fireCallback = () => {
         --numCallbacks;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (callback && numCallbacks === 0) {
           callback();
         }
@@ -41804,6 +42062,7 @@ class HintsRenderer extends React.Component {
         // the state to an unmounted renderer, so...
         // If you want to restore state to hints, make sure to
         // have the appropriate number of hints visible already.
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (hintRenderer) {
           ++numCallbacks;
           // @ts-expect-error - TS2339 - Property 'restoreSerializedState' does not exist on type 'ReactInstance'.
@@ -41892,6 +42151,7 @@ class HintsRenderer extends React.Component {
       onClick: evt => {
         evt.preventDefault();
         evt.stopPropagation();
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (getAnotherHint) {
           getAnotherHint();
         }
@@ -42116,7 +42376,9 @@ class ServerItemRenderer extends React.Component {
       setTimeout(() => {
         // First, calculate the current keypad height
         const keypadDomNode = keypadElement == null ? void 0 : keypadElement.getDOMNode();
-        const keypadHeight = keypadDomNode && didFocusInput ? keypadDomNode.getBoundingClientRect().height : 0;
+        const keypadHeight =
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        keypadDomNode && didFocusInput ? keypadDomNode.getBoundingClientRect().height : 0;
 
         // Then call the callback
         onFocusChange(this._currentFocus, prevFocus, keypadHeight,
@@ -42368,6 +42630,7 @@ guess, state) {
  * from that. We might eventually expose this, but I'd like to be
  * more confident in the interface provided first.
  */
+
 const noop = function noop() {};
 const deepCallbackFor = function deepCallbackFor(contentCallback, widgetCallback, optionsCallback) {
   const deepCallback = function deepCallback(widgetInfo, widgetId) {
@@ -42456,6 +42719,7 @@ const traverse = function traverse(rendererOptions, contentCallback, widgetCallb
  * This supports widgets that contain renderers, such as the
  * group or sequence widgets.
  */
+
 const isUpgradedWidgetInfoRenderableBy = function isUpgradedWidgetInfoRenderableBy(widgetInfo, widgetRendererVersion) {
   if (widgetRendererVersion == null) {
     // If the widget does not exist in this version, this will
@@ -42509,6 +42773,7 @@ const isItemRenderableByVersion = function isItemRenderableByVersion(itemData, r
  * or screen, based on the widgets it contains.
  */
 
+
 // Iterate over a single Perseus renderer, mutating `widgets` by appending
 // violating widget types discovered in this item.
 function traverseRenderer(itemData, widgets) {
@@ -43019,6 +43284,8 @@ function getAnswersFromWidgets(widgets) {
   keys(widgets).forEach(widgetID => {
     var _options$choices, _categorizer$options, _categorizer$options2, _categorizer$options3, _dropdown$options, _numericInput$options, _inputNumber$options, _expression$options, _gradedGroup$options, _plotter$options, _plotter$options2, _grapher$options, _orderer$options, _sorter$options, _labelImage$options, _numberLine$options, _matrix$options, _matcher$options, _matcher$options2;
     const widget = widgets[widgetID];
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!widget.options) {
       return;
     }
@@ -43027,6 +43294,7 @@ function getAnswersFromWidgets(widgets) {
         const radio = widget;
         const options = radio.options;
         // Answer is the content of the correct choice
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (options != null && (_options$choices = options.choices) != null && _options$choices.length) {
           for (const choice of options.choices) {
             if (choice != null && choice.correct) {
@@ -43039,7 +43307,11 @@ function getAnswersFromWidgets(widgets) {
         // Answer is a list of items mapped to their category
         // e.g. ['item 1: category 1', 'item 2: category 2']
         const categorizer = widget;
-        if ((_categorizer$options = categorizer.options) != null && _categorizer$options.categories && (_categorizer$options2 = categorizer.options) != null && _categorizer$options2.items && (_categorizer$options3 = categorizer.options) != null && _categorizer$options3.values) {
+        if (
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        (_categorizer$options = categorizer.options) != null && _categorizer$options.categories && // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        (_categorizer$options2 = categorizer.options) != null && _categorizer$options2.items && // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        (_categorizer$options3 = categorizer.options) != null && _categorizer$options3.values) {
           var _categorizer$options4, _categorizer$options5, _categorizer$options6;
           const categories = (_categorizer$options4 = categorizer.options) == null ? void 0 : _categorizer$options4.categories;
           const items = (_categorizer$options5 = categorizer.options) == null ? void 0 : _categorizer$options5.items;
@@ -43050,6 +43322,7 @@ function getAnswersFromWidgets(widgets) {
       case "dropdown":
         // Answer is the content of correct dropdown option
         const dropdown = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_dropdown$options = dropdown.options) != null && _dropdown$options.choices) {
           for (const choice of dropdown.options.choices) {
             if (choice.correct) {
@@ -43061,6 +43334,7 @@ function getAnswersFromWidgets(widgets) {
       case "numeric-input":
         // Answer is the numeric value cast to a string
         const numericInput = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_numericInput$options = numericInput.options) != null && _numericInput$options.answers) {
           for (const ans of numericInput.options.answers) {
             if (ans.status === "correct" && ans.value != null) {
@@ -43072,6 +43346,7 @@ function getAnswersFromWidgets(widgets) {
       case "input-number":
         // Answer is the correct value
         const inputNumber = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_inputNumber$options = inputNumber.options) != null && _inputNumber$options.value) {
           answers.push(inputNumber.options.value.toString());
         }
@@ -43080,6 +43355,7 @@ function getAnswersFromWidgets(widgets) {
         // Answer is a list of potential correct expressions,
         // since there can be multiple correct forms of the expression
         const expression = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_expression$options = expression.options) != null && _expression$options.answerForms) {
           answers.push(...expression.options.answerForms.map(answer => answer.value));
         }
@@ -43090,6 +43366,7 @@ function getAnswersFromWidgets(widgets) {
         // call this function to get the nested answers from the
         // group's widgets
         const gradedGroup = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_gradedGroup$options = gradedGroup.options) != null && _gradedGroup$options.widgets) {
           answers.push(...getAnswersFromWidgets(gradedGroup.options.widgets));
         }
@@ -43099,7 +43376,10 @@ function getAnswersFromWidgets(widgets) {
         // e.g. '{Soccer: 35, Basketball: 20, Golf: 45, Volleyball: 15,
         // Tennis: 30}'
         const plotter = widget;
-        if ((_plotter$options = plotter.options) != null && _plotter$options.categories && (_plotter$options2 = plotter.options) != null && _plotter$options2.correct && plotter.options.categories.length === plotter.options.correct.length) {
+        if (
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        (_plotter$options = plotter.options) != null && _plotter$options.categories && // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        (_plotter$options2 = plotter.options) != null && _plotter$options2.correct && plotter.options.categories.length === plotter.options.correct.length) {
           const {
             categories,
             correct
@@ -43125,6 +43405,7 @@ function getAnswersFromWidgets(widgets) {
         // in the correct order on newlines
         // E.g. 'item 1\nitem 2\nitem 3'
         const orderer = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_orderer$options = orderer.options) != null && _orderer$options.correctOptions) {
           answers.push(joinOptionContents(orderer.options.correctOptions));
         }
@@ -43134,6 +43415,7 @@ function getAnswersFromWidgets(widgets) {
         // separated by commas
         // E.g. 'item 1, item 2, item 3'
         const sorter = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_sorter$options = sorter.options) != null && _sorter$options.correct) {
           answers.push(sorter.options.correct.join(", "));
         }
@@ -43142,6 +43424,7 @@ function getAnswersFromWidgets(widgets) {
         // Answer is a list of labels, their positions, and their answer
         // E.g. '{label: "label 1", position: {x: 0.5, y: 0.5}, answer: "answer 1"}'
         const labelImage = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_labelImage$options = labelImage.options) != null && _labelImage$options.markers) {
           answers.push(...labelImage.options.markers.map(m => `{label: "${m.label}", position: {${m.x},${m.y}}, answer: "${m.answers.join(", ")}"}`));
         }
@@ -43158,6 +43441,7 @@ function getAnswersFromWidgets(widgets) {
         // Answer is a list of rows representing the matrix
         // E.g. '[[1, 2], [3, 4]]'
         const matrix = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_matrix$options = matrix.options) != null && _matrix$options.answers) {
           answers.push(`[${matrix.options.answers.join("], [")}]`);
         }
@@ -43166,6 +43450,7 @@ function getAnswersFromWidgets(widgets) {
         // Answer is a table of the left and right items
         // E.g. '| Left | Right |\n| --- | --- |\n| left item 1 | right item 1 |\n| left item 2 | right item 2 |'
         const matcher = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_matcher$options = matcher.options) != null && _matcher$options.left && (_matcher$options2 = matcher.options) != null && _matcher$options2.right) {
           const {
             left,
@@ -43224,6 +43509,7 @@ function injectWidgets(content, widgets, widgetProps) {
   if (!content) {
     return "";
   }
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!widgets) {
     return content;
   }
@@ -43231,6 +43517,8 @@ function injectWidgets(content, widgets, widgetProps) {
   keys(widgets).forEach(widgetID => {
     var _radio$options, _image$options, _labelImage$options2, _explanation$options, _passage$options, _passage$options2, _group$options, _gradedGroup$options2, _categorizer$options7, _dropdown$options2, _definition$options, _orderer$options2, _sorter$options2, _interactiveGraph$opt, _numberLine$options2, _numberLine$options3, _numberLine$options4, _matrix$options2, _matcher$options3, _matcher$options4;
     const widget = widgets[widgetID];
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!widget.options) {
       return;
     }
@@ -43243,6 +43531,7 @@ function injectWidgets(content, widgets, widgetProps) {
         //   'Option A: choice 1\nOption B: choice 2\nOption C: choice 3'
         const radio = widget;
         const radioProps = widgetProps == null ? void 0 : widgetProps[widgetID];
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_radio$options = radio.options) != null && (_radio$options = _radio$options.choices) != null && _radio$options.length) {
           var _radio$options2;
           let radioContext = joinOptionContents(radioProps ? radioProps.choices.map(({
@@ -43300,6 +43589,7 @@ function injectWidgets(content, widgets, widgetProps) {
         // '[[☃ Group 1]]' -> 'Nested question\n[[☃ Radio 1]]'
         //      -> 'Nested question\noption 1\noption 2\noption 3'
         const group = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_group$options = group.options) != null && _group$options.widgets && group.options.content) {
           context = context.replace(`[[☃ ${widgetID}]]`, injectWidgets(group.options.content, group.options.widgets));
         }
@@ -43309,9 +43599,11 @@ function injectWidgets(content, widgets, widgetProps) {
         // '[[☃ Graded Group Set 1]]'
         //      -> 'Nested question 1\noption 1\noption 2\noption 3\nNested question 2\noption 1\noption 2\noption 3'
         const gradedGroup = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_gradedGroup$options2 = gradedGroup.options) != null && _gradedGroup$options2.gradedGroups) {
           const gradedGroups = gradedGroup.options.gradedGroups;
           const gradedGroupsContent = gradedGroups.reduce((acc, group) => {
+            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
             if (group.widgets && group.content) {
               acc += injectWidgets(group.content, group.widgets) + "\n";
             }
@@ -43329,7 +43621,11 @@ function injectWidgets(content, widgets, widgetProps) {
         //    item 2
         // '''
         const categorizer = widget;
-        if ((_categorizer$options7 = categorizer.options) != null && _categorizer$options7.categories && categorizer.options.items) {
+        if (
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        (_categorizer$options7 = categorizer.options) != null && _categorizer$options7.categories &&
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        categorizer.options.items) {
           const categories = categorizer.options.categories;
           const items = categorizer.options.items;
           context = context.replace(`[[☃ ${widgetID}]]`, `For each item, select the correct category. Categories: ${categories.join(", ")}.\nItems:\n${items.join("\n")}\n`);
@@ -43339,6 +43635,7 @@ function injectWidgets(content, widgets, widgetProps) {
         // Replace dropdown with the dropdown options
         // '[[☃ Dropdown 1]]' -> '[option 1 | option 2 | option 3]'
         const dropdown = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_dropdown$options2 = dropdown.options) != null && _dropdown$options2.choices) {
           const choices = dropdown.options.choices.map(choice => choice.content);
           context = context.replace(`[[☃ ${widgetID}]]`, `[${choices.join(" | ")}]`);
@@ -43358,6 +43655,7 @@ function injectWidgets(content, widgets, widgetProps) {
         // Replace orderer with the orderer options
         // '[[☃ Orderer 1]]' -> 'option 1\noption 2\noption 3'
         const orderer = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_orderer$options2 = orderer.options) != null && _orderer$options2.options) {
           context = context.replace(`[[☃ ${widgetID}]]`, joinOptionContents(orderer.options.options));
         }
@@ -43367,6 +43665,7 @@ function injectWidgets(content, widgets, widgetProps) {
         // NOTE(chase): These are already in the correct order
         // '[[☃ Sorter 1]]' -> '[option 1 | option 2 | option 3]'
         const sorter = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_sorter$options2 = sorter.options) != null && _sorter$options2.correct) {
           const choices = sorter.options.correct;
           context = context.replace(`[[☃ ${widgetID}]]`, `[${choices.join(" | ")}]`);
@@ -43405,6 +43704,7 @@ function injectWidgets(content, widgets, widgetProps) {
         // Replace matcher with a table representing the left and right columns
         // '[[☃ Matcher 1]]' -> '| Left Column | Right Column |\n| --- | --- |\n| option 1 | option 2 |\n| option 3 | option 4 |'
         const matcher = widget;
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if ((_matcher$options3 = matcher.options) != null && _matcher$options3.left && (_matcher$options4 = matcher.options) != null && _matcher$options4.right) {
           const {
             left,
@@ -43447,12 +43747,14 @@ function injectWidgets(content, widgets, widgetProps) {
  * @returns a stringified list of {widgetId, imageUrl} for imgs that don't have alt text
  */
 function getImagesWithoutAltData(perseusRenderer) {
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!perseusRenderer.widgets) {
     return "";
   }
   const imgsWithoutAltData = [];
   Object.entries(perseusRenderer.widgets).forEach(([widgetId, widget]) => {
     var _widget$options$backg;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!widget.options) {
       return;
     }
@@ -43727,6 +44029,7 @@ const EditorJsonify = {
 /**
  * Main entry point
  */
+
 const GrapherUtil = {
   DEFAULT_GRAPHER_PROPS,
   chooseType,