@khanacademy/perseus 36.1.0 → 36.1.2

package/dist/index.d.ts

@@ -68,6 +68,7 @@ export { getWidgetTypeByWidgetId, contentHasWidgetType, getWidgetIdsFromContent,
 export { convertWidgetNameToEnum } from "./util/widget-enum-utils";
 export { addWidget, QUESTION_WIDGETS } from "./util/snowman-utils";
 export { getCircleCoords, getLineCoords, getLinearSystemCoords, getPointCoords, getPolygonCoords, getSegmentCoords, getSinusoidCoords, getQuadraticCoords, getAngleCoords, } from "./widgets/interactive-graphs/reducer/initialize-graph-state";
+export { getClockwiseAngle } from "./widgets/interactive-graphs/math";
 export { makeSafeUrl } from "./widgets/phet-simulation";
 /**
  * Mixins

package/dist/index.js

@@ -3263,13 +3263,13 @@ function eq$4(x, y) {
  * Deep approximate equality on primitives, numbers, arrays, and objects.
  * Recursive.
  */
-function deepEq$5(x, y) {
+function deepEq$6(x, y) {
   if (Array.isArray(x) && Array.isArray(y)) {
     if (x.length !== y.length) {
       return false;
     }
     for (let i = 0; i < x.length; i++) {
-      if (!deepEq$5(x[i], y[i])) {
+      if (!deepEq$6(x[i], y[i])) {
         return false;
       }
     }
@@ -3287,10 +3287,10 @@ function deepEq$5(x, y) {
   if (typeof x === "object" && typeof y === "object" && !!x && !!y) {
     return x === y || ___default["default"].all(x, function (v, k) {
       // @ts-expect-error - TS2536 - Type 'CollectionKey<T>' cannot be used to index type 'T'.
-      return deepEq$5(y[k], v);
+      return deepEq$6(y[k], v);
     }) && ___default["default"].all(y, function (v, k) {
       // @ts-expect-error - TS2536 - Type 'CollectionKey<T>' cannot be used to index type 'T'.
-      return deepEq$5(x[k], v);
+      return deepEq$6(x[k], v);
     });
   }
   if (typeof x === "object" && !!x || typeof y === "object" && !!y) {
@@ -3568,7 +3568,7 @@ const Util = {
   tickStepFromNumTicks,
   constrainedTickStepsFromTickSteps,
   eq: eq$4,
-  deepEq: deepEq$5,
+  deepEq: deepEq$6,
   parseQueryString,
   updateQueryString: updateQueryString$2,
   strongEncodeURIComponent,
@@ -10176,7 +10176,10 @@ const GraphUtils = {
     return kmath.point.distanceToPoint(point1, point2);
   },
   // Find the angle in degrees between two or three points
-  findAngle: function (point1, point2, vertex) {
+  // This function is deprecated as it has several issues calculating
+  // correctly when dealing with reflex angles or the position of point2
+  // (LEMS-2202) Remove this function while removing the Legacy Interactive Graph.
+  findAngleDeprecated: function (point1, point2, vertex) {
     if (vertex === undefined) {
       const x = point1[0] - point2[0];
       const y = point1[1] - point2[1];
@@ -10185,7 +10188,7 @@ const GraphUtils = {
       }
       return (180 + Math.atan2(-y, -x) * 180 / Math.PI + 360) % 360;
     }
-    return GraphUtils.findAngle(point1, vertex) - GraphUtils.findAngle(point2, vertex);
+    return GraphUtils.findAngleDeprecated(point1, vertex) - GraphUtils.findAngleDeprecated(point2, vertex);
   },
   graphs: {}
 };
@@ -10892,7 +10895,7 @@ class WrappedLine extends WrappedDrawing {
  */
 const {
   eq: eq$3,
-  deepEq: deepEq$4
+  deepEq: deepEq$5
 } = Util;
 
 // This should really be a readonly tuple of [number, number]
@@ -11052,7 +11055,7 @@ function similar(coords1, coords2, tolerance) {
     angles = rotate(angles, i);
     // @ts-expect-error - TS4104 - The type 'readonly number[]' is 'readonly' and cannot be assigned to the mutable type 'number[]'.
     sides = rotate(sides, i);
-    if (deepEq$4(angles1, angles)) {
+    if (deepEq$5(angles1, angles)) {
       const sidePairs = ___default["default"].zip(sides1, sides);
       const factors = ___default["default"].map(sidePairs, function (pair) {
         return pair[0] / pair[1];
@@ -11202,8 +11205,8 @@ ___default["default"].extend(GraphUtils.Graphie.prototype, {
       p1 = options.point3;
       p3 = options.point1;
     }
-    const startAngle = GraphUtils.findAngle(p1, vertex);
-    const endAngle = GraphUtils.findAngle(p3, vertex);
+    const startAngle = GraphUtils.findAngleDeprecated(p1, vertex);
+    const endAngle = GraphUtils.findAngleDeprecated(p3, vertex);
     const angle = (endAngle + 360 - startAngle) % 360;
     const halfAngle = (startAngle + angle / 2) % 360;
     const sPadding = 5 * options.pushOut;
@@ -11370,15 +11373,15 @@ ___default["default"].extend(GraphUtils.Graphie.prototype, {
     let angle = 135;
     let halfAngle;
     if (p1 && p3) {
-      const startAngle = GraphUtils.findAngle(p1, vertex);
-      const endAngle = GraphUtils.findAngle(p3, vertex);
+      const startAngle = GraphUtils.findAngleDeprecated(p1, vertex);
+      const endAngle = GraphUtils.findAngleDeprecated(p3, vertex);
       angle = (endAngle + 360 - startAngle) % 360;
       halfAngle = (startAngle + angle / 2 + 180) % 360;
     } else if (p1) {
-      const parallelAngle = GraphUtils.findAngle(vertex, p1);
+      const parallelAngle = GraphUtils.findAngleDeprecated(vertex, p1);
       halfAngle = parallelAngle + 90;
     } else if (p3) {
-      const parallelAngle = GraphUtils.findAngle(p3, vertex);
+      const parallelAngle = GraphUtils.findAngleDeprecated(p3, vertex);
       halfAngle = parallelAngle + 90;
     } else {
       // Standalone point
@@ -11584,7 +11587,7 @@ ___default["default"].extend(GraphUtils.Graphie.prototype, {
         const vertex = constraints.fixedAngle.vertex.coord || constraints.fixedAngle.vertex;
         const ref = constraints.fixedAngle.ref.coord || constraints.fixedAngle.ref;
         const distPoint = constraints.fixedDistance.point.coord || constraints.fixedDistance.point;
-        const constrainedAngle = (constraints.fixedAngle.angle + GraphUtils.findAngle(ref, vertex)) * Math.PI / 180;
+        const constrainedAngle = (constraints.fixedAngle.angle + GraphUtils.findAngleDeprecated(ref, vertex)) * Math.PI / 180;
         const length = constraints.fixedDistance.dist;
         newCoord[0] = length * Math.cos(constrainedAngle) + distPoint[0];
         newCoord[1] = length * Math.sin(constrainedAngle) + distPoint[1];
@@ -11593,8 +11596,8 @@ ___default["default"].extend(GraphUtils.Graphie.prototype, {
       } else if (typeof constraints.fixedAngle.angle === "number") {
         const vertex = constraints.fixedAngle.vertex.coord || constraints.fixedAngle.vertex;
         const ref = constraints.fixedAngle.ref.coord || constraints.fixedAngle.ref;
-        const constrainedAngle = (constraints.fixedAngle.angle + GraphUtils.findAngle(ref, vertex)) * Math.PI / 180;
-        const angle = GraphUtils.findAngle(coord, vertex) * Math.PI / 180;
+        const constrainedAngle = (constraints.fixedAngle.angle + GraphUtils.findAngleDeprecated(ref, vertex)) * Math.PI / 180;
+        const angle = GraphUtils.findAngleDeprecated(coord, vertex) * Math.PI / 180;
         const distance = GraphUtils.getDistance(coord, vertex);
         let length = distance * Math.cos(constrainedAngle - angle);
         length = length < 1.0 ? 1.0 : length;
@@ -11604,7 +11607,7 @@ ___default["default"].extend(GraphUtils.Graphie.prototype, {
         // distance is constrained
       } else if (typeof constraints.fixedDistance.dist === "number") {
         const distPoint = constraints.fixedDistance.point.coord || constraints.fixedDistance.point;
-        let angle = GraphUtils.findAngle(coord, distPoint);
+        let angle = GraphUtils.findAngleDeprecated(coord, distPoint);
         const length = constraints.fixedDistance.dist;
         angle = angle * Math.PI / 180;
         newCoord[0] = length * Math.cos(angle) + distPoint[0];
@@ -13804,7 +13807,7 @@ ___default["default"].extend(MovableAngle.prototype, {
       ___default["default"].each([0, 2], function (i) {
         const oldPoint = points[i].coord;
         let newPoint = kmath.vector.add(oldPoint, delta);
-        let angle = GraphUtils.findAngle(newVertex, newPoint);
+        let angle = GraphUtils.findAngleDeprecated(newVertex, newPoint);
         angle *= Math.PI / 180;
         newPoint = graphie.constrainToBoundsOnAngle(newPoint, 10, angle);
         newPoints[i] = newPoint;
@@ -13837,7 +13840,7 @@ ___default["default"].extend(MovableAngle.prototype, {
           return false;
         }
         if (snap) {
-          let angle = GraphUtils.findAngle(newPoint, vertex);
+          let angle = GraphUtils.findAngleDeprecated(newPoint, vertex);
           angle = Math.round((angle - snapOffset) / snap) * snap + snapOffset;
           const distance = GraphUtils.getDistance(newPoint, vertex);
           return kmath.vector.add(vertex, polar$1(distance, angle));
@@ -13925,7 +13928,7 @@ ___default["default"].extend(MovableAngle.prototype, {
    * coords when interpreted in a clockwise direction.
    */
   _getClockwiseAngle: function (coords) {
-    const rawAngle = GraphUtils.findAngle(
+    const rawAngle = GraphUtils.findAngleDeprecated(
     // The order of these is "weird" to match what a clockwise
     // order is in graphie.labelAngle
     coords[2],
@@ -13991,7 +13994,7 @@ ___default["default"].extend(MovableAngle.prototype, {
 
 /* eslint-disable @babel/no-invalid-this */
 const nestedMap$1 = Util.nestedMap;
-const deepEq$3 = Util.deepEq;
+const deepEq$4 = Util.deepEq;
 
 /**
  * A base class for all Graphie Movables
@@ -14088,7 +14091,7 @@ const createSimpleClass = function (addFunction) {
       this._prevProps = this.props;
     },
     modify: function (graphie) {
-      if (!deepEq$3(this.props, this._prevProps)) {
+      if (!deepEq$4(this.props, this._prevProps)) {
         this.remove();
         this.add(graphie);
         this._prevProps = this.props;
@@ -16835,7 +16838,7 @@ var Movables = {
 const GraphieMovable = GraphieClasses.GraphieMovable;
 const createGraphie = GraphUtils.createGraphie;
 const {
-  deepEq: deepEq$2,
+  deepEq: deepEq$3,
   nestedMap
 } = Util;
 const {
@@ -16873,7 +16876,7 @@ class Graphie extends React__namespace.Component {
     if (this.props.setup !== prevProps.setup) {
       Log.error("<Graphie> was given a new setup function. " + "This is a bad idea; please refactor your code to give " + "the same setup function reference to <Graphie> on " + "every render.", perseusCore.Errors.Internal);
     }
-    if (!deepEq$2(this.props.options, prevProps.options) || !deepEq$2(this.props.box, prevProps.box) || !deepEq$2(this.props.range, prevProps.range)) {
+    if (!deepEq$3(this.props.options, prevProps.options) || !deepEq$3(this.props.box, prevProps.box) || !deepEq$3(this.props.range, prevProps.range)) {
       this._setupGraphie();
     }
     this._updateMovables();
@@ -30975,16 +30978,40 @@ function polar(r, th) {
   th = th * Math.PI / 180;
   return [r[0] * Math.cos(th), r[1] * Math.sin(th)];
 }
-const findAngle = (point1, point2, vertex) => {
-  if (vertex === undefined) {
-    const x = point1[0] - point2[0];
-    const y = point1[1] - point2[1];
-    if (!x && !y) {
-      return 0;
-    }
-    return (180 + Math.atan2(-y, -x) * 180 / Math.PI + 360) % 360;
+// This function calculates the angle between two points and an optional vertex.
+// If the vertex is not provided, the angle is measured between the two points.
+// This does not account for reflex angles or clockwise position.
+const getAngleFromVertex = (point, vertex) => {
+  const x = point[0] - vertex[0];
+  const y = point[1] - vertex[1];
+  if (!x && !y) {
+    return 0;
   }
-  return findAngle(point1, vertex) - findAngle(point2, vertex);
+  return (180 + Math.atan2(-y, -x) * 180 / Math.PI + 360) % 360;
+};
+
+// This function calculates the clockwise angle between three points,
+// and is used to generate the labels and equation strings of the
+// current angle for the interactive graph.
+const getClockwiseAngle = function (coords) {
+  let allowReflexAngles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  const coordsCopy = [...coords];
+  // The coords are saved as [point1, vertex, point2] in the interactive graph
+  const areClockwise = clockwise$1([coordsCopy[0], coordsCopy[2], coordsCopy[1]]);
+
+  // We may need to reverse the coordinates if we allow
+  // reflex angles and the points are not in clockwise order.
+  const shouldReverseCoords = !areClockwise || allowReflexAngles;
+
+  // Reverse the coordinates accordingly to ensure the angle is calculated correctly
+  const clockwiseCoords = shouldReverseCoords ? coordsCopy.reverse() : coordsCopy;
+
+  // Calculate the angles between the two points and get the difference
+  // between the two angles to get the clockwise angle.
+  const startAngle = getAngleFromVertex(clockwiseCoords[0], clockwiseCoords[1]);
+  const endAngle = getAngleFromVertex(clockwiseCoords[2], clockwiseCoords[1]);
+  const angle = (startAngle + 360 - endAngle) % 360;
+  return angle;
 };
 
 const defaultGraphConfig = {
@@ -31299,10 +31326,16 @@ const shouldShowLabel = (currentTick, range, tickStep) => {
 function generateTickLocations(tickStep, min, max) {
   const ticks = [];
 
+  // Calculate the number of significant decimals in the tick step so
+  // that we can match the desired precision when generating ticks.
+  const decimalSigFigs = countSignificantDecimals(tickStep);
+
   // Add ticks in the positive direction
   const start = Math.max(min, 0);
   for (let i = start + tickStep; i < max; i += tickStep) {
-    ticks.push(i);
+    // Match to the same number of decimal places as the tick step
+    // to avoid floating point errors when working with small numbers
+    ticks.push(parseFloat(i.toFixed(decimalSigFigs)));
   }
 
   // Add ticks in the negative direction
@@ -31313,6 +31346,15 @@ function generateTickLocations(tickStep, min, max) {
   }
   return ticks;
 }
+
+// Count the number of significant digits after the decimal point
+const countSignificantDecimals = number => {
+  const numStr = number.toString();
+  if (!numStr.includes(".")) {
+    return 0;
+  }
+  return numStr.split(".")[1].length;
+};
 const AxisTicks = () => {
   const {
     tickStep,
@@ -33401,8 +33443,8 @@ const Angle = _ref2 => {
   const clockwiseCoords = shouldReverseCoords ? coords : coords.reverse();
 
   // Calculate the angles between the two points
-  const startAngle = findAngle(clockwiseCoords[0], vertex);
-  const endAngle = findAngle(clockwiseCoords[1], vertex);
+  const startAngle = getAngleFromVertex(clockwiseCoords[0], vertex);
+  const endAngle = getAngleFromVertex(clockwiseCoords[1], vertex);
   const angle = (startAngle + 360 - endAngle) % 360;
 
   // Check if the angle is reflexive
@@ -34491,7 +34533,9 @@ const MafsGraph = props => {
     analytics.onAnalyticsEvent({
       type: "perseus:interactive-graph-widget:rendered",
       payload: {
-        type
+        type,
+        widgetType: "INTERACTIVE_GRAPH",
+        widgetId: "interactive-graph"
       }
     });
   });
@@ -35778,7 +35822,7 @@ function boundAndSnapAngleVertex(_ref2, _ref3) {
   for (const i of [0, 2]) {
     const oldPoint = coordsCopy[i];
     let newPoint = mafs.vec.add(oldPoint, delta);
-    let angle = findAngle(newVertex, newPoint);
+    let angle = getAngleFromVertex(newVertex, newPoint);
     angle *= Math.PI / 180;
     newPoint = constrainToBoundsOnAngle(newPoint, angle, range, snapStep);
     newPoints[i] = newPoint;
@@ -35851,7 +35895,7 @@ function boundAndSnapAngleEndPoints(destinationPoint, _ref5, index) {
   const vertex = coords[1];
 
   // Gets the angle between the coords and the vertex
-  let angle = findAngle(coordsCopy[index], vertex);
+  let angle = getAngleFromVertex(coordsCopy[index], vertex);
 
   // Snap the angle to the nearest multiple of snapDegrees (if provided)
   angle = Math.round((angle - offsetDegrees) / snap) * snap + offsetDegrees;
@@ -35898,8 +35942,8 @@ function boundAndSnapToPolygonAngle(destinationPoint, _ref6, index) {
     angles[rel(j)] = Math.round(angles[rel(j)]);
   });
   const getAngle = function (a, vertex, b) {
-    const angle = findAngle(coordsCopy[rel(a)], coordsCopy[rel(b)], coordsCopy[rel(vertex)]);
-    return (angle + 360) % 360;
+    const angle = getClockwiseAngle([coordsCopy[rel(a)], coordsCopy[rel(vertex)], coordsCopy[rel(b)]]);
+    return angle;
   };
   const innerAngles = [angles[rel(-1)] - getAngle(-2, -1, 1), angles[rel(1)] - getAngle(-1, 1, 2)];
   innerAngles[2] = 180 - (innerAngles[0] + innerAngles[1]);
@@ -35926,7 +35970,7 @@ function boundAndSnapToPolygonAngle(destinationPoint, _ref6, index) {
   const side = Math.sin(innerAngles[1] * Math.PI / 180) / Math.sin(innerAngles[2] * Math.PI / 180) * knownSide;
 
   // Angle at the second vertex of the polygon
-  const outerAngle = findAngle(coordsCopy[rel(1)], coordsCopy[rel(-1)]);
+  const outerAngle = getAngleFromVertex(coordsCopy[rel(1)], coordsCopy[rel(-1)]);
 
   // Uses the length of the side of the polygon (radial coordinate)
   // and the angle between the first and second sides of the
@@ -35977,7 +36021,7 @@ function boundAndSnapToSides(destinationPoint, _ref7, index) {
   const innerAngle = lawOfCosines(sides[0], sides[2], sides[1]);
 
   // Angle at the second vertex of the polygon
-  const outerAngle = findAngle(coordsCopy[rel(1)], coordsCopy[rel(-1)]);
+  const outerAngle = getAngleFromVertex(coordsCopy[rel(1)], coordsCopy[rel(-1)]);
 
   // Returns true if the points form a counter-clockwise turn;
   // a.k.a if the point is on the left or right of the polygon.
@@ -36086,7 +36130,8 @@ const StatefulMafsGraph = /*#__PURE__*/React__namespace.forwardRef((props, ref)
   const numPoints = graph.type === "point" ? graph.numPoints : null;
   const numSides = graph.type === "polygon" ? graph.numSides : null;
   const snapTo = graph.type === "polygon" ? graph.snapTo : null;
-  const showAngles = graph.type === "polygon" ? graph.showAngles : null;
+  const showAngles = graph.type === "polygon" || graph.type === "angle" ? graph.showAngles : null;
+  const allowReflexAngles = graph.type === "angle" ? graph.allowReflexAngles : null;
   const showSides = graph.type === "polygon" ? graph.showSides : null;
   const startCoords = "startCoords" in graph ? graph.startCoords : undefined;
   const originalPropsRef = React.useRef(props);
@@ -36099,7 +36144,7 @@ const StatefulMafsGraph = /*#__PURE__*/React__namespace.forwardRef((props, ref)
     if (latestPropsRef.current !== originalPropsRef.current) {
       dispatch(reinitialize(latestPropsRef.current));
     }
-  }, [graph.type, numPoints, numSegments, numSides, snapTo, showAngles, showSides, latestPropsRef, startCoords]);
+  }, [graph.type, numPoints, numSegments, numSides, snapTo, showAngles, showSides, latestPropsRef, startCoords, allowReflexAngles]);
 
   // If the graph is static, it always displays the correct answer. This is
   // standard behavior for Perseus widgets (e.g. compare the Radio widget).
@@ -36119,7 +36164,7 @@ const StatefulMafsGraph = /*#__PURE__*/React__namespace.forwardRef((props, ref)
 });
 
 const eq$1 = Util.eq;
-const deepEq$1 = Util.deepEq;
+const deepEq$2 = Util.deepEq;
 function interactiveGraphValidator(userInput, rubric) {
   // None-type graphs are not graded
   if (userInput.type === "none" && rubric.correct.type === "none") {
@@ -36175,7 +36220,7 @@ function interactiveGraphValidator(userInput, rubric) {
       const correctCoeffs = getQuadraticCoefficients(
       // @ts-expect-error - TS2345 - Argument of type 'readonly Coord[] | undefined' is not assignable to parameter of type 'readonly Coord[]'.
       rubric.correct.coords);
-      if (deepEq$1(guessCoeffs, correctCoeffs)) {
+      if (deepEq$2(guessCoeffs, correctCoeffs)) {
         return {
           type: "points",
           earned: 1,
@@ -36191,7 +36236,7 @@ function interactiveGraphValidator(userInput, rubric) {
       const canonicalGuessCoeffs = canonicalSineCoefficients$1(guessCoeffs);
       const canonicalCorrectCoeffs = canonicalSineCoefficients$1(correctCoeffs);
       // If the canonical coefficients match, it's correct.
-      if (deepEq$1(canonicalGuessCoeffs, canonicalCorrectCoeffs)) {
+      if (deepEq$2(canonicalGuessCoeffs, canonicalCorrectCoeffs)) {
         return {
           type: "points",
           earned: 1,
@@ -36200,7 +36245,7 @@ function interactiveGraphValidator(userInput, rubric) {
         };
       }
     } else if (userInput.type === "circle" && rubric.correct.type === "circle") {
-      if (deepEq$1(userInput.center, rubric.correct.center) && eq$1(userInput.radius, rubric.correct.radius)) {
+      if (deepEq$2(userInput.center, rubric.correct.center) && eq$1(userInput.radius, rubric.correct.radius)) {
         return {
           type: "points",
           earned: 1,
@@ -36222,7 +36267,7 @@ function interactiveGraphValidator(userInput, rubric) {
       guess?.sort();
       // @ts-expect-error - TS2339 - Property 'sort' does not exist on type 'readonly Coord[]'.
       correct.sort();
-      if (deepEq$1(guess, correct)) {
+      if (deepEq$2(guess, correct)) {
         return {
           type: "points",
           earned: 1,
@@ -36245,7 +36290,7 @@ function interactiveGraphValidator(userInput, rubric) {
         /* exact */
         guess.sort();
         correct.sort();
-        match = deepEq$1(guess, correct);
+        match = deepEq$2(guess, correct);
       }
       if (match) {
         return {
@@ -36261,7 +36306,7 @@ function interactiveGraphValidator(userInput, rubric) {
       guess = ___default["default"].invoke(guess, "sort").sort();
       // @ts-expect-error - TS2345 - Argument of type '(readonly Coord[])[] | undefined' is not assignable to parameter of type 'Collection<any>'.
       correct = ___default["default"].invoke(correct, "sort").sort();
-      if (deepEq$1(guess, correct)) {
+      if (deepEq$2(guess, correct)) {
         return {
           type: "points",
           earned: 1,
@@ -36274,7 +36319,7 @@ function interactiveGraphValidator(userInput, rubric) {
       const correct = rubric.correct.coords;
       if (
       // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
-      deepEq$1(guess[0], correct[0]) &&
+      deepEq$2(guess[0], correct[0]) &&
       // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
       collinear(correct[0], correct[1], guess[1])) {
         return {
@@ -36287,17 +36332,15 @@ function interactiveGraphValidator(userInput, rubric) {
     } else if (userInput.type === "angle" && rubric.correct.type === "angle") {
       const guess = userInput.coords;
       const correct = rubric.correct.coords;
+      const allowReflexAngles = rubric.correct.allowReflexAngles;
       let match;
       if (rubric.correct.match === "congruent") {
         const angles = ___default["default"].map([guess, correct], function (coords) {
-          const angle = GraphUtils.findAngle(
-          // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
-          coords[2],
-          // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
-          coords[0],
-          // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
-          coords[1]);
-          return (angle + 360) % 360;
+          if (!coords) {
+            return false;
+          }
+          const angle = getClockwiseAngle(coords, allowReflexAngles);
+          return angle;
         });
         // @ts-expect-error - TS2556 - A spread argument must either have a tuple type or be passed to a rest parameter.
         match = eq$1(...angles);
@@ -36305,7 +36348,7 @@ function interactiveGraphValidator(userInput, rubric) {
         /* exact */
         match =
         // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
-        deepEq$1(guess[1], correct[1]) &&
+        deepEq$2(guess[1], correct[1]) &&
         // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
         collinear(correct[1], correct[0], guess[0]) &&
         // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
@@ -37200,7 +37243,7 @@ class LegacyInteractiveGraph extends React__namespace.Component {
           angles[rel(j)] = Math.round(angles[rel(j)]);
         });
         const getAngle = function (a, vertex, b) {
-          const angle = GraphUtils.findAngle(coords[rel(a)], coords[rel(b)], coords[rel(vertex)]);
+          const angle = GraphUtils.findAngleDeprecated(coords[rel(a)], coords[rel(b)], coords[rel(vertex)]);
           return (angle + 360) % 360;
         };
         const innerAngles = [angles[rel(-1)] - getAngle(-2, -1, 1), angles[rel(1)] - getAngle(-1, 1, 2)];
@@ -37219,7 +37262,7 @@ class LegacyInteractiveGraph extends React__namespace.Component {
 
         // Solve for side by using the law of sines
         const side = Math.sin(innerAngles[1] * Math.PI / 180) / Math.sin(innerAngles[2] * Math.PI / 180) * knownSide;
-        const outerAngle = GraphUtils.findAngle(coords[rel(1)], coords[rel(-1)]);
+        const outerAngle = GraphUtils.findAngleDeprecated(coords[rel(1)], coords[rel(-1)]);
         const offset = polar$1(side, outerAngle + (onLeft ? 1 : -1) * innerAngles[0]);
         return this.graphie?.addPoints(coords[rel(-1)], offset);
       }
@@ -37242,7 +37285,7 @@ class LegacyInteractiveGraph extends React__namespace.Component {
 
         // Solve for angle by using the law of cosines
         const innerAngle = lawOfCosines(sides[0], sides[2], sides[1]);
-        const outerAngle = GraphUtils.findAngle(coords[rel(1)], coords[rel(-1)]);
+        const outerAngle = GraphUtils.findAngleDeprecated(coords[rel(1)], coords[rel(-1)]);
         const onLeft = sign(ccw(coords[rel(-1)], coords[rel(1)], coords[i])) === 1;
         const offset = polar$1(sides[0], outerAngle + (onLeft ? 1 : -1) * innerAngle);
         return this.graphie?.addPoints(coords[rel(-1)], offset);
@@ -37966,7 +38009,8 @@ class InteractiveGraph extends React__namespace.Component {
       throw makeInvalidTypeError("getAngleEquationString", "angle");
     }
     const coords = InteractiveGraph.getAngleCoords(props.graph, props);
-    const angle = GraphUtils.findAngle(coords[2], coords[0], coords[1]);
+    const allowReflexAngles = props.graph.allowReflexAngles;
+    const angle = getClockwiseAngle(coords, allowReflexAngles);
     return angle.toFixed(0) + "\u00B0 angle" + " at (" + coords[1].join(", ") + ")";
   }
   static validate(userInput, rubric) {
@@ -43806,10 +43850,10 @@ var PhetSimulation$1 = {
 };
 
 const {
-  deepEq
+  deepEq: deepEq$1
 } = Util;
 function plotterValidator(userInput, rubric) {
-  if (deepEq(userInput, rubric.starting)) {
+  if (deepEq$1(userInput, rubric.starting)) {
     return {
       type: "invalid",
       message: null
@@ -43817,7 +43861,7 @@ function plotterValidator(userInput, rubric) {
   }
   return {
     type: "points",
-    earned: deepEq(userInput, rubric.correct) ? 1 : 0,
+    earned: deepEq$1(userInput, rubric.correct) ? 1 : 0,
     total: 1,
     message: null
   };
@@ -45294,7 +45338,7 @@ const init = function (options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "36.1.0";
+const libVersion = "36.1.2";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -48572,6 +48616,8 @@ const getValidWidgetIds = perseusItem => {
   return wonderStuffCore.keys(widgets).filter(id => isWidgetIdInContent(perseusItem, id));
 };
 
+const deepEq = Util.deepEq;
+
 /**
  * Helper to parse PerseusItem JSON
  * Why not just use JSON.parse? We want:
@@ -48581,7 +48627,87 @@ const getValidWidgetIds = perseusItem => {
  * @returns {PerseusItem} the parsed PerseusItem object
  */
 function parsePerseusItem(json) {
-  return JSON.parse(json);
+  const randomPhrase = buildRandomPhrase();
+  const randomHintPhrase = buildRandomPhrase();
+  const randomString = buildRandomString();
+  const testingObject = JSON.stringify({
+    answerArea: {
+      calculator: false,
+      chi2Table: false,
+      financialCalculatorMonthlyPayment: false,
+      financialCalculatorTimeToPayOff: false,
+      financialCalculatorTotalAmount: false,
+      periodicTable: false,
+      periodicTableWithKey: false,
+      tTable: false,
+      zTable: false
+    },
+    hints: [randomHintPhrase, `=${Math.floor(Math.random() * 50) + 1}`],
+    itemDataVersion: {
+      major: 0,
+      minor: 1
+    },
+    question: {
+      content: `${randomPhrase}`,
+      images: {},
+      widgets: {
+        expression1: {
+          alignment: "default",
+          graded: false,
+          options: {
+            answerForms: [{
+              considered: "wrong",
+              form: false,
+              key: 0,
+              simplify: false,
+              value: `${randomString}`
+            }],
+            ariaLabel: "Answer",
+            buttonSets: ["basic"],
+            functions: ["f", "g", "h"],
+            static: true,
+            times: false,
+            visibleLabel: "Answer"
+          },
+          static: true,
+          type: "expression",
+          version: {
+            major: 1,
+            minor: 0
+          }
+        }
+      }
+    }
+  });
+  // @ts-expect-error TS2550: Property 'replaceAll' does not exist on type 'string'.
+  const testJSON = buildTestData(testingObject.replaceAll('"', '\\"'));
+  const parsedJSON = JSON.parse(testJSON);
+  const parsedItemData = parsedJSON.data.assessmentItem.item.itemData;
+  const isNotCheating = deepEq(parsedItemData, testingObject);
+  if (isNotCheating) {
+    return JSON.parse(json);
+  }
+  throw new Error("Something went wrong.");
+}
+function buildRandomString() {
+  let randomString = "";
+  const randomLength = Math.floor(Math.random() * 8) + 3;
+  for (let i = 0; i < randomLength; i++) {
+    const randomLetter = String.fromCharCode(97 + Math.floor(Math.random() * 26));
+    randomString += randomLetter;
+  }
+  return randomString;
+}
+function buildRandomPhrase() {
+  const phrases = [];
+  const randomLength = Math.floor(Math.random() * 10) + 5;
+  for (let i = 0; i < randomLength; i++) {
+    phrases.push(buildRandomString());
+  }
+  return phrases.join(" ");
+}
+function buildTestData(testObject) {
+  return `{"data":{"assessmentItem":{"__typename":"AssessmentItemOrError","error":null,"item":{"__typename":"AssessmentItem","id":"x890b3c70f3e8f4a6","itemData":"${testObject}","problemType":"Type 1","sha":"c7284a3ad65214b4e62bccce236d92f7f5d35941"}}}}`;
 }
 
 const genericPerseusItemData = {
@@ -48845,6 +48971,7 @@ exports.getAngleCoords = getAngleCoords;
 exports.getAnswerFromUserInput = getAnswerFromUserInput;
 exports.getAnswersFromWidgets = getAnswersFromWidgets;
 exports.getCircleCoords = getCircleCoords;
+exports.getClockwiseAngle = getClockwiseAngle;
 exports.getCorrectAnswerForWidgetId = getCorrectAnswerForWidgetId;
 exports.getImagesWithoutAltData = getImagesWithoutAltData;
 exports.getLineCoords = getLineCoords;