@khanacademy/perseus 48.0.0 → 48.2.0

package/dist/components/svg-image.d.ts

@@ -92,10 +92,6 @@ declare class SvgImage extends React.Component<Props, State> {
     componentWillUnmount(): void;
     isLoadedInState(state: State): boolean;
     loadResources(): void;
-    onDataLoaded: (data: {
-        labels: ReadonlyArray<any>;
-        range: [Coord, Coord];
-    }, localized: boolean) => void;
     sizeProvided(): boolean;
     onImageLoad: () => void;
     setupGraphie: (graphie?: any, options?: any) => void;

package/dist/es/index.js

@@ -239,6 +239,8 @@ const mockStrings = {
   addPoint: "Add Point",
   removePoint: "Remove Point",
   graphKeyboardPrompt: "Press Shift + Enter to interact with the graph",
+  selectAnAnswer: "Select an answer",
+  // The following strings are used for interactive graph SR descriptions.
   closePolygon: "Close shape",
   openPolygon: "Re-open shape",
   srPointAtCoordinates: ({
@@ -250,7 +252,29 @@ const mockStrings = {
     elements
   }) => `Interactive elements: ${elements}`,
   srNoInteractiveElements: "No interactive elements",
-  selectAnAnswer: "Select an answer"
+  circleGraphAriaLabel: "A circle on a coordinate plane.",
+  circleShapeAriaLabel: ({
+    centerX,
+    centerY
+  }) => `Circle. The center point is at ${centerX} comma ${centerY}.`,
+  circleRadiusPointAriaLabel: ({
+    radiusPointX,
+    radiusPointY
+  }) => `Radius point at ${radiusPointX} comma ${radiusPointY}.`,
+  circleRadiusDescription: ({
+    radius
+  }) => `Circle radius is ${radius}.`,
+  circleOuterPointsDescription: ({
+    point1X,
+    point1Y,
+    point2X,
+    point2Y,
+    point3X,
+    point3Y,
+    point4X,
+    point4Y
+  }) => `Points on the circle at ${point1X} comma ${point1Y}, ${point2X} comma ${point2Y}, ${point3X} comma ${point3Y}, ${point4X} comma ${point4Y}.`
+  // The above strings are used for interactive graph SR descriptions.
 };
 
 /**
@@ -3373,6 +3397,162 @@ const Util = {
   deepClone
 };
 
+// For offline exercises in the mobile app, we download the graphie data
+// (svgs and localized data files) and serve them from the local file
+// system (with file://). We replace urls that start with `web+graphie`
+// in the perseus json with this `file+graphie` prefix to indicate that
+// they should have the `file://` protocol instead of `https://`.
+const svgLocalLabelsRegex = /^file\+graphie:/;
+const hashRegex = /\/([^/]+)$/;
+
+/**
+ * A Graphie axis range.
+ */
+
+/**
+ * A Graphie label.
+ */
+
+/**
+ * The Graphie data (labels, etc.)
+ */
+
+function getLocale() {
+  const {
+    JIPT,
+    kaLocale
+  } = getDependencies();
+  return JIPT.useJIPT ? "en-pt" : kaLocale;
+}
+function shouldUseLocalizedData() {
+  return getLocale() !== "en";
+}
+
+// A regex to split at the last / of a URL, separating the base part from the
+// hash. This is used to create the localized label data URLs.
+const splitHashRegex = /\/(?=[^/]+$)/;
+function getLocalizedDataUrl(url) {
+  // For local (cached) graphie images, they are already localized.
+  if (svgLocalLabelsRegex.test(url)) {
+    return Util.getDataUrl(url);
+  }
+  const [base, hash] = Util.getBaseUrl(url).split(splitHashRegex);
+  return `${base}/${getLocale()}/${hash}-data.json`;
+}
+
+// Get the hash from the url, which is just the filename
+function getUrlHash(url) {
+  const match = url.match(hashRegex);
+  if (match == null) {
+    throw new PerseusError("not a valid URL", Errors.InvalidInput);
+  }
+  return match && match[1];
+}
+
+/**
+ * Parse JSONP for a web+graphie://... hash to extract Graphie data, or throw
+ * an error if invalid JSONP.
+ */
+function parseDataFromJSONP(graphieHash, graphieJSONP, errorCallback) {
+  // The JSONP is expected to be in the form of `svgDataHASH(...)` or `svgOtherDataHASH(...)`
+  const match = graphieJSONP.match(new RegExp(`^(?:svgData|svgOtherData)${graphieHash}\\((.+)\\);$`));
+
+  // It is also possible that the JSONP is simply a JSON object,
+  //  in which case we can parse it directly.
+  const jsonToParse = match ? match[1] : graphieJSONP;
+
+  // Try to parse the JSONP, and if it fails, call the error callback
+  try {
+    return JSON.parse(jsonToParse);
+  } catch (error) {
+    errorCallback(error);
+    return null;
+  }
+}
+// The global cache of label data. Its format is:
+// {
+//   hash (e.g. "c21435944d2cf0c8f39d9059cb35836aa701d04a"): {
+//     loaded: a boolean of whether the data has been loaded or not
+//     dataCallbacks: a list of callbacks to call with the data when the data
+//                    is loaded
+//     data: the other data for this hash
+//   },
+//   ...
+// }
+const labelDataCache = {};
+function loadGraphie(url, onDataLoaded) {
+  const hash = getUrlHash(url);
+
+  // We can't make multiple jsonp calls to the same file because their
+  // callbacks will collide with each other. Instead, we cache the data
+  // and only make the jsonp calls once.
+  const entry = labelDataCache[hash];
+  if (entry != null) {
+    if (entry.loaded) {
+      const {
+        data,
+        localized
+      } = entry;
+      onDataLoaded(data, localized);
+    } else {
+      entry.dataCallbacks.push(onDataLoaded);
+    }
+  } else {
+    const cacheData = {
+      loaded: false,
+      dataCallbacks: [onDataLoaded],
+      localized: shouldUseLocalizedData()
+    };
+    labelDataCache[hash] = cacheData;
+    const retrieveData = async (url, errorCallback) => {
+      const response = await fetch(url);
+      if (!(response != null && response.ok)) {
+        errorCallback();
+        return;
+      }
+      const jsonp = await response.text();
+      const data = parseDataFromJSONP(hash, jsonp, error => {
+        Log.error("Failed to parse JSONP for svg-image", Errors.Service, {
+          cause: error,
+          loggedMetadata: {
+            dataUrl: Util.getDataUrl(url),
+            jsonp
+          }
+        });
+      });
+
+      // If the data is null, then we failed to parse the JSONP
+      if (!data) {
+        return;
+      }
+      const newCacheEntry = labelDataCache[hash] = _extends({}, labelDataCache[hash], {
+        loaded: true,
+        data
+      });
+      newCacheEntry.dataCallbacks.forEach(callback => {
+        callback(newCacheEntry.data, cacheData.localized);
+      });
+    };
+    const dataLoadErrorHandler = (x, status, error) => {
+      Log.error("Data load failed for svg-image", Errors.Service, {
+        cause: error,
+        loggedMetadata: {
+          dataUrl: Util.getDataUrl(url),
+          status
+        }
+      });
+    };
+    if (shouldUseLocalizedData()) {
+      cacheData.localized = false;
+      // If there is isn't any localized data, use the error callback to try to
+      // load the non-localized data. If that fails too, then we will throw an error.
+      retrieveData(getLocalizedDataUrl(url), () => retrieveData(Util.getDataUrl(url), dataLoadErrorHandler));
+    } else {
+      retrieveData(Util.getDataUrl(url), dataLoadErrorHandler);
+    }
+  }
+}
+
 // Derived from the MIT-licensed:
 
 /*jshint browser:true, node:true */
@@ -8959,6 +9139,9 @@ class Graphie$1 {
     $(el).css("position", "relative");
     this.raphael = Raphael$1(el);
 
+    // Hide the Raphael canvas from screen readers
+    $(el).attr("aria-hidden", "true");
+
     // For a sometimes-reproducible IE8 bug; doesn't affect SVG browsers at all
     $(el).children("div").css("position", "absolute");
   }
@@ -16832,101 +17015,11 @@ class ImageLoader extends React.Component {
 
 // Minimum image width to make an image appear as zoomable.
 const ZOOMABLE_THRESHOLD = 700;
-
-// The global cache of label data. Its format is:
-// {
-//   hash (e.g. "c21435944d2cf0c8f39d9059cb35836aa701d04a"): {
-//     loaded: a boolean of whether the data has been loaded or not
-//     dataCallbacks: a list of callbacks to call with the data when the data
-//                    is loaded
-//     data: the other data for this hash
-//   },
-//   ...
-// }
-const labelDataCache = {};
-
-// Write our own JSONP handler because all the other ones don't do things we
-// need.
-const doJSONP = function doJSONP(url, options) {
-  var _document$head2;
-  options = _extends({
-    callbackName: "callback",
-    success: $.noop,
-    error: $.noop
-  }, options);
-
-  // Create the script
-  const script = document.createElement("script");
-  script.setAttribute("async", "");
-  script.setAttribute("src", url);
-
-  // A cleanup function to run when we're done.
-  function cleanup() {
-    var _document$head;
-    (_document$head = document.head) == null || _document$head.removeChild(script);
-    delete window[options.callbackName];
-  }
-
-  // Add the global callback.
-  // @ts-expect-error - TS2740 - Type '() => void' is missing the following properties from type 'Window': clientInformation, closed, customElements, devicePixelRatio, and 206 more.
-  window[options.callbackName] = function (...args) {
-    cleanup();
-    options.success.apply(null, args);
-  };
-
-  // Add the error handler.
-  script.addEventListener("error", function (...args) {
-    cleanup();
-    options.error.apply(null, args);
-  });
-
-  // Insert the script to start the download.
-  (_document$head2 = document.head) == null || _document$head2.appendChild(script);
-};
-
-// For offline exercises in the mobile app, we download the graphie data
-// (svgs and localized data files) and serve them from the local file
-// system (with file://). We replace urls that start with `web+graphie`
-// in the perseus json with this `file+graphie` prefix to indicate that
-// they should have the `file://` protocol instead of `https://`.
-const svgLocalLabelsRegex = /^file\+graphie:/;
-const hashRegex = /\/([^/]+)$/;
 function isImageProbablyPhotograph(imageUrl) {
   // TODO(david): Do an inventory to refine this heuristic. For example, what
   //     % of .png images are illustrations?
   return /\.(jpg|jpeg)$/i.test(imageUrl);
 }
-function getLocale() {
-  const {
-    JIPT,
-    kaLocale
-  } = getDependencies();
-  return JIPT.useJIPT ? "en-pt" : kaLocale;
-}
-function shouldUseLocalizedData() {
-  return getLocale() !== "en";
-}
-
-// A regex to split at the last / of a URL, separating the base part from the
-// hash. This is used to create the localized label data URLs.
-const splitHashRegex = /\/(?=[^/]+$)/;
-function getLocalizedDataUrl(url) {
-  // For local (cached) graphie images, they are already localized.
-  if (svgLocalLabelsRegex.test(url)) {
-    return Util.getDataUrl(url);
-  }
-  const [base, hash] = Util.getBaseUrl(url).split(splitHashRegex);
-  return `${base}/${getLocale()}/${hash}-data.json`;
-}
-
-// Get the hash from the url, which is just the filename
-function getUrlHash(url) {
-  const match = url.match(hashRegex);
-  if (match == null) {
-    throw new PerseusError("not a valid URL", Errors.InvalidInput);
-  }
-  return match && match[1];
-}
 function defaultPreloader(dimensions) {
   return /*#__PURE__*/React.createElement("span", {
     style: {
@@ -16948,20 +17041,6 @@ class SvgImage extends React.Component {
   constructor(props) {
     super(props);
     this._isMounted = void 0;
-    this.onDataLoaded = (data, localized) => {
-      if (this._isMounted && data.labels && data.range) {
-        const labelsRendered = data.labels.reduce((dict, label) => _extends({}, dict, {
-          [label.content]: false
-        }), {});
-        this.setState({
-          dataLoaded: true,
-          labelDataIsLocalized: localized,
-          labelsRendered,
-          labels: data.labels,
-          range: data.range
-        });
-      }
-    };
     this.onImageLoad = () => {
       // Only need to do this if rendering a Graphie
       if (this.sizeProvided()) {
@@ -17137,74 +17216,21 @@ class SvgImage extends React.Component {
     return Util.isLabeledSVG(this.props.src) ? state.imageLoaded && state.dataLoaded : state.imageLoaded;
   }
   loadResources() {
-    const hash = getUrlHash(this.props.src);
-
-    // We can't make multiple jsonp calls to the same file because their
-    // callbacks will collide with each other. Instead, we cache the data
-    // and only make the jsonp calls once.
-    if (labelDataCache[hash]) {
-      if (labelDataCache[hash].loaded) {
-        const {
-          data,
-          localized
-        } = labelDataCache[hash];
-        this.onDataLoaded(data, localized);
-      } else {
-        labelDataCache[hash].dataCallbacks.push(this.onDataLoaded);
-      }
-    } else {
-      const cacheData = {
-        loaded: false,
-        dataCallbacks: [this.onDataLoaded],
-        data: null,
-        localized: shouldUseLocalizedData()
-      };
-      labelDataCache[hash] = cacheData;
-      const retrieveData = (url, errorCallback) => {
-        doJSONP(url, {
-          callbackName: "svgData" + hash,
-          success: data => {
-            // @ts-expect-error - TS2540 - Cannot assign to 'data' because it is a read-only property.
-            cacheData.data = data;
-            // @ts-expect-error - TS2540 - Cannot assign to 'loaded' because it is a read-only property.
-            cacheData.loaded = true;
-            _.each(cacheData.dataCallbacks, callback => {
-              // @ts-expect-error - TS2345 - Argument of type 'null' is not assignable to parameter of type '{ labels: readonly any[]; range: readonly any[]; }'.
-              callback(cacheData.data, cacheData.localized);
-            });
-          },
-          error: errorCallback
-        });
-      };
-      if (shouldUseLocalizedData()) {
-        retrieveData(getLocalizedDataUrl(this.props.src), (x, status, error) => {
-          // @ts-expect-error - TS2540 - Cannot assign to 'localized' because it is a read-only property.
-          cacheData.localized = false;
-
-          // If there is isn't any localized data, fall back to
-          // the original, unlocalized data
-          retrieveData(Util.getDataUrl(this.props.src), (x, status, error) => {
-            Log.error("Data load failed for svg-image", Errors.Service, {
-              cause: error,
-              loggedMetadata: {
-                dataUrl: Util.getDataUrl(this.props.src),
-                status
-              }
-            });
-          });
+    loadGraphie(this.props.src, (data, localized) => {
+      if (this._isMounted && data.labels && data.range) {
+        const labelsRendered = {};
+        data.labels.forEach(label => {
+          labelsRendered[label.content] = false;
         });
-      } else {
-        retrieveData(Util.getDataUrl(this.props.src), (x, status, error) => {
-          Log.error("Data load failed for svg-image", Errors.Service, {
-            cause: error,
-            loggedMetadata: {
-              dataUrl: Util.getDataUrl(this.props.src),
-              status
-            }
-          });
+        this.setState({
+          dataLoaded: true,
+          labelDataIsLocalized: localized,
+          labelsRendered,
+          labels: data.labels,
+          range: data.range
         });
       }
-    }
+    });
   }
   sizeProvided() {
     return this.props.width != null && this.props.height != null;
@@ -34143,21 +34169,96 @@ function CircleGraph(props) {
     center,
     radiusPoint
   } = graphState;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MovableCircle, {
+  const {
+    strings
+  } = usePerseusI18n();
+  const [radiusPointAriaLive, setRadiusPointAriaLive] = React.useState("off");
+  const radius = getRadius(graphState);
+  const id = React.useId();
+  const circleId = id + "-circle";
+  const radiusId = id + "-radius";
+  const outerPointsId = id + "-outer-points";
+
+  // Aria label strings
+  const circleGraphAriaLabel = strings.circleGraphAriaLabel;
+  const circleShapeAriaLabel = strings.circleShapeAriaLabel({
+    centerX: center[0],
+    centerY: center[1]
+  });
+  const circleRadiusPointAriaLabel = strings.circleRadiusPointAriaLabel({
+    radiusPointX: radiusPoint[0],
+    radiusPointY: radiusPoint[1]
+  });
+  const circleRadiusDescription = strings.circleRadiusDescription({
+    radius
+  });
+  const circleOuterPointsDescription = strings.circleOuterPointsDescription({
+    point1X: center[0] + radius,
+    point1Y: center[1],
+    point2X: center[0],
+    point2Y: center[1] + radius,
+    point3X: center[0] - radius,
+    point3Y: center[1],
+    point4X: center[0],
+    point4Y: center[1] - radius
+  });
+  return /*#__PURE__*/React.createElement("g", {
+    // Outer circle minimal description
+    "aria-label": circleGraphAriaLabel,
+    "aria-describedby": `${circleId} ${radiusId} ${outerPointsId}`
+  }, /*#__PURE__*/React.createElement(MovableCircle, {
+    id: circleId
+    // Focusable circle aria label reads with every update
+    // because of the aria-live property in the circle <g>.
+    ,
+    ariaLabel: circleShapeAriaLabel
+    // Aria-describedby describes additional info on focus.
+    ,
+    ariaDescribedBy: `${radiusId} ${outerPointsId}`,
     center: center,
-    radius: getRadius(graphState),
-    onMove: c => dispatch(actions.circle.moveCenter(c))
-  }), /*#__PURE__*/React.createElement(MovablePoint$1, {
+    radius: radius,
+    onMove: c => {
+      setRadiusPointAriaLive("off");
+      dispatch(actions.circle.moveCenter(c));
+    }
+  }), /*#__PURE__*/React.createElement(MovablePoint$1
+  // Radius point aria label reads with every update.
+  , {
+    ariaLabel: `${circleRadiusPointAriaLabel} ${circleRadiusDescription}`
+    // Aria-describedby describes additional info on focus.
+    ,
+    ariaDescribedBy: `${outerPointsId}`
+    // The radius point's aria-live property is set to "off" when
+    // the circle is moved, so that it doesn't override the circle's
+    // aria-live (since the point is moved along with the circle).
+    // When the radius point is moved, the aria-live is set to
+    // "polite" so that the radius is read out.
+    ,
+    ariaLive: radiusPointAriaLive,
     point: radiusPoint,
     sequenceNumber: 1,
     cursor: "ew-resize",
     onMove: newRadiusPoint => {
+      setRadiusPointAriaLive("polite");
       dispatch(actions.circle.moveRadiusPoint(newRadiusPoint));
     }
-  }));
+  }), /*#__PURE__*/React.createElement("g", {
+    id: radiusId,
+    style: {
+      display: "hidden"
+    }
+  }, circleRadiusDescription), /*#__PURE__*/React.createElement("g", {
+    id: outerPointsId,
+    style: {
+      display: "hidden"
+    }
+  }, circleOuterPointsDescription));
 }
 function MovableCircle(props) {
   const {
+    id,
+    ariaLabel,
+    ariaDescribedBy,
     center,
     radius,
     onMove
@@ -34178,7 +34279,11 @@ function MovableCircle(props) {
   const [centerPx] = useTransformVectorsToPixels(center);
   const [radiiPx] = useTransformDimensionsToPixels([radius, radius]);
   return /*#__PURE__*/React.createElement("g", {
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy,
+    "aria-live": "polite",
     ref: draggableRef,
+    role: "button",
     tabIndex: disableKeyboardInteraction ? -1 : 0,
     className: `movable-circle ${dragging ? "movable-circle--dragging" : ""}`
   }, /*#__PURE__*/React.createElement("ellipse", {
@@ -34188,6 +34293,7 @@ function MovableCircle(props) {
     rx: radiiPx[X] + 3,
     ry: radiiPx[Y] + 3
   }), /*#__PURE__*/React.createElement("ellipse", {
+    id: id,
     className: "circle",
     cx: centerPx[X],
     cy: centerPx[Y],
@@ -45170,7 +45276,7 @@ const init = function init() {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "48.0.0";
+const libVersion = "48.2.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -48722,5 +48828,5 @@ const ScoringUtil = {
  * Types
  */
 
-export { ApiOptions, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, dependencies as Dependencies, EditorJsonify, Expression, GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, ItemExtras, JiptParagraphs, KhanColors, KhanMath, context as LoadingContext, Log, Matrix$1 as MatrixWidget, NumericInput$1 as NumericInput, PerseusExpressionAnswerFormConsidered, PerseusI18nContext, PerseusI18nContextProvider, PerseusMarkdown, Plotter$1 as PlotterWidget, QUESTION_WIDGETS, Radio, Renderer, ScoringUtil, ref as ServerItemRenderer, Table$1 as TableWidget, Util, denylist as WIDGET_PROP_DENYLIST, widgets$1 as Widgets, addWidget, apiVersion, bodyXsmallBold, components, containerSizeClass, contentHasWidgetType, convertWidgetNameToEnum, displaySigFigs, generateTestCategorizerWidget, generateTestExpressionWidget, generateTestInteractiveGraphWidget, generateTestNumericInputWidget, generateTestPerseusItem, generateTestRadioWidget, genericPerseusItemData, getAngleCoords, getAnswerFromUserInput, getAnswersFromWidgets, getCircleCoords, getClockwiseAngle, getCorrectAnswerForWidgetId, getImagesWithoutAltData, getInteractiveBoxFromSizeClass, getLineCoords, getLinearSystemCoords, getPointCoords, getPolygonCoords, getQuadraticCoords, getSegmentCoords, getSinusoidCoords, getValidWidgetIds, getWidgetFromWidgetMap, getWidgetIdsFromContent, getWidgetIdsFromContentByType, getWidgetTypeByWidgetId, getWidgetsFromWidgetMap, getWidgetsMapFromItemData, iconChevronDown, iconTrash, init, injectWidgets, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, isWidgetIdInContent, isWrongAnswerSupported, itemDataVersion, ItemVersion as itemVersion, libVersion, lockedFigureColors, lockedFigureFillStyles, makeSafeUrl, mathOnlyParser, mediaQueries, parsePerseusItem, plotterPlotTypes, preprocessTex, registerAllWidgetsForTesting, scorePerseusItem, shouldHaveIndividualAnswer, traverse, usePerseusI18n, violatingWidgets, allWidgets as widgets };
+export { ApiOptions, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, dependencies as Dependencies, EditorJsonify, Expression, GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, ItemExtras, JiptParagraphs, KhanColors, KhanMath, context as LoadingContext, Log, Matrix$1 as MatrixWidget, NumericInput$1 as NumericInput, PerseusExpressionAnswerFormConsidered, PerseusI18nContext, PerseusI18nContextProvider, PerseusMarkdown, Plotter$1 as PlotterWidget, QUESTION_WIDGETS, Radio, Renderer, ScoringUtil, ref as ServerItemRenderer, Table$1 as TableWidget, Util, denylist as WIDGET_PROP_DENYLIST, widgets$1 as Widgets, addWidget, apiVersion, bodyXsmallBold, components, containerSizeClass, contentHasWidgetType, convertWidgetNameToEnum, displaySigFigs, generateTestCategorizerWidget, generateTestExpressionWidget, generateTestInteractiveGraphWidget, generateTestNumericInputWidget, generateTestPerseusItem, generateTestRadioWidget, genericPerseusItemData, getAngleCoords, getAnswerFromUserInput, getAnswersFromWidgets, getCircleCoords, getClockwiseAngle, getCorrectAnswerForWidgetId, getImagesWithoutAltData, getInteractiveBoxFromSizeClass, getLineCoords, getLinearSystemCoords, getPointCoords, getPolygonCoords, getQuadraticCoords, getSegmentCoords, getSinusoidCoords, getValidWidgetIds, getWidgetFromWidgetMap, getWidgetIdsFromContent, getWidgetIdsFromContentByType, getWidgetTypeByWidgetId, getWidgetsFromWidgetMap, getWidgetsMapFromItemData, iconChevronDown, iconTrash, init, injectWidgets, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, isWidgetIdInContent, isWrongAnswerSupported, itemDataVersion, ItemVersion as itemVersion, libVersion, lockedFigureColors, lockedFigureFillStyles, makeSafeUrl, mathOnlyParser, mediaQueries, parseDataFromJSONP, parsePerseusItem, plotterPlotTypes, preprocessTex, registerAllWidgetsForTesting, scorePerseusItem, shouldHaveIndividualAnswer, traverse, usePerseusI18n, violatingWidgets, allWidgets as widgets };
 //# sourceMappingURL=index.js.map