@khanacademy/perseus 19.1.7 → 19.1.9

package/dist/es/index.js

@@ -4215,22 +4215,13 @@ function _classPrivateFieldKey(name) {
   return "__private_" + id$1++ + "_" + name;
 }
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var raphael = {exports: {}};
-
 /*!
  * Raphael 1.5.2 - JavaScript Vector Library
  *
  * Copyright (c) 2010 Dmitry Baranovskiy (http://raphaeljs.com)
  * Licensed under the MIT (http://raphaeljs.com/license.html) license.
  */
-
-(function () {
+var Raphael$1 = (function () {
   var setAttr;
   if ("".trim) {
     setAttr = function (node, att, value) {
@@ -8407,7 +8398,7 @@ var raphael = {exports: {}};
   };
   R.el = elproto;
   R.st = Set[proto];
-  raphael.exports = R;
+  return R;
 })();
 
 /**
@@ -8694,7 +8685,12 @@ class Graphie$1 {
       writable: true,
       value: void 0
     });
+    // The primary drawing layer
     this.raphael = void 0;
+    // The layer that all visuals with mouse handlers are drawn into
+    this.mouselayer = void 0;
+    this._mouselayerWrapper = void 0;
+    this._visiblelayerWrapper = void 0;
     this.isMobile = false;
     // Set up some reasonable defaults
     this.currentStyle = {
@@ -8864,7 +8860,7 @@ class Graphie$1 {
     };
     this.el = el;
     $(el).css("position", "relative");
-    this.raphael = raphael.exports(el);
+    this.raphael = Raphael$1(el);
 
     // For a sometimes-reproducible IE8 bug; doesn't affect SVG browsers at all
     $(el).children("div").css("position", "absolute");
@@ -9221,7 +9217,7 @@ class Graphie$1 {
       // wrapper.setAttribute("data-graphie-type", "ellipse");
 
       // Create Raphael canvas
-      const localRaphael = raphael.exports(wrapper, width, height);
+      const localRaphael = Raphael$1(wrapper, width, height);
       const visibleShape = localRaphael.ellipse(width / 2, height / 2, scaledRadii[0], scaledRadii[1]);
       return {
         wrapper: wrapper,
@@ -9288,7 +9284,7 @@ class Graphie$1 {
     });
 
     // Create Raphael canvas
-    const localRaphael = raphael.exports(wrapper, width, height);
+    const localRaphael = Raphael$1(wrapper, width, height);
 
     // Calculate path
     const visibleShape = localRaphael.path(createPath(points));
@@ -9351,7 +9347,7 @@ class Graphie$1 {
     });
 
     // Create Raphael canvas
-    const localRaphael = raphael.exports(wrapper, width, height);
+    const localRaphael = Raphael$1(wrapper, width, height);
 
     // Calculate path
     const path = "M" + start[0] + " " + start[1] + " " + "L" + end[0] + " " + end[1];
@@ -9435,7 +9431,7 @@ class Graphie$1 {
   postprocessDrawingResult(result) {
     // Bad heuristic for recognizing Raphael elements and sets
     const type = result.constructor.prototype;
-    if (type === raphael.exports.el || type === raphael.exports.st) {
+    if (type === Raphael$1.el || type === Raphael$1.st) {
       result.attr(this.currentStyle);
       if (this.currentStyle.arrows) {
         result = this.addArrowheads(result);
@@ -9450,7 +9446,7 @@ class Graphie$1 {
   }
   addArrowheads(path) {
     const type = path.constructor.prototype;
-    if (type === raphael.exports.el) {
+    if (type === Raphael$1.el) {
       if (path.type === "path" && typeof path.arrowheadsDrawn === "undefined") {
         const w = path.attr("stroke-width");
         const s = 0.6 + 0.4 * w;
@@ -9478,7 +9474,7 @@ class Graphie$1 {
         set.push(head);
         return set;
       }
-    } else if (type === raphael.exports.st) {
+    } else if (type === Raphael$1.st) {
       for (let i = 0, l = path.items.length; i < l; i++) {
         this.addArrowheads(path.items[i]);
       }
@@ -9535,13 +9531,126 @@ class Graphie$1 {
     return processed;
   }
 
-  // This is a stub that's overridden in interactive.ts
-  getMouseCoord(event) {
-    throw new Error("getMouseCoord is a stub, and is not implemented");
+  // Graphie puts text spans on top of the SVG, which looks good, but gets
+  // in the way of mouse events. This adds another SVG element on top
+  // of everything else where we can add invisible shapes with mouse
+  // handlers wherever we want.
+  addMouseLayer(options) {
+    const localOptions = _extends({
+      allowScratchpad: false,
+      setDrawingAreaAvailable: function () {}
+    }, options);
+    const mouselayerZIndex = 2;
+    this.mouselayer = Raphael$1(this.el, this.xpixels, this.ypixels);
+    $(this.mouselayer.canvas).css("z-index", mouselayerZIndex);
+    if (localOptions.onClick || localOptions.onMouseDown || localOptions.onMouseMove || localOptions.onMouseOver || localOptions.onMouseOut) {
+      const canvasClickTarget = this.mouselayer.rect(0, 0, this.xpixels, this.ypixels).attr({
+        fill: "#000",
+        opacity: 0
+      });
+      let isClickingCanvas = false;
+      $(this.mouselayer.canvas).on("vmousedown", e => {
+        if (e.target === canvasClickTarget[0]) {
+          if (localOptions.onMouseDown) {
+            localOptions.onMouseDown(this.getMouseCoord(e));
+          }
+          isClickingCanvas = true;
+          if (localOptions.onMouseMove) {
+            const handler = localOptions.onMouseMove;
+            $(document).bind("vmousemove.mouseLayer", e => {
+              if (isClickingCanvas) {
+                e.preventDefault();
+                handler(this.getMouseCoord(e));
+              }
+            });
+          }
+          $(document).bind("vmouseup.mouseLayer", e => {
+            $(document).unbind(".mouseLayer");
+
+            // Only register clicks that started on the canvas,
+            // and not on another mouseLayer target
+            if (isClickingCanvas && localOptions.onClick) {
+              localOptions.onClick(this.getMouseCoord(e));
+            }
+            isClickingCanvas = false;
+          });
+        }
+      });
+      if (localOptions.onMouseOver) {
+        const handler = localOptions.onMouseOver;
+        $(this.mouselayer.canvas).on("vmouseover", e => {
+          handler(this.getMouseCoord(e));
+        });
+      }
+      if (localOptions.onMouseOut) {
+        const handler = localOptions.onMouseOut;
+        $(this.mouselayer.canvas).on("vmouseout", e => {
+          handler(this.getMouseCoord(e));
+        });
+      }
+    }
+    if (!localOptions.allowScratchpad) {
+      localOptions.setDrawingAreaAvailable == null || localOptions.setDrawingAreaAvailable(false);
+    }
+
+    // Add mouse and visible wrapper layers for DOM-node-wrapped movables
+    this._mouselayerWrapper = document.createElement("div");
+    $(this._mouselayerWrapper).css({
+      position: "absolute",
+      left: 0,
+      top: 0,
+      zIndex: mouselayerZIndex
+    });
+    this._visiblelayerWrapper = document.createElement("div");
+    $(this._visiblelayerWrapper).css({
+      position: "absolute",
+      left: 0,
+      top: 0
+    });
+    const el = this.el;
+    el.appendChild(this._visiblelayerWrapper);
+    el.appendChild(this._mouselayerWrapper);
+
+    // Add functions for adding to wrappers
+    this.addToMouseLayerWrapper = el => {
+      var _this$_mouselayerWrap;
+      (_this$_mouselayerWrap = this._mouselayerWrapper) == null || _this$_mouselayerWrap.appendChild(el);
+    };
+    this.addToVisibleLayerWrapper = el => {
+      var _this$_visiblelayerWr;
+      (_this$_visiblelayerWr = this._visiblelayerWrapper) == null || _this$_visiblelayerWr.appendChild(el);
+    };
+  }
+  addToMouseLayerWrapper(el) {
+    throw new Error("addToMouseLayerWrapper is not ready. Call addMouseLayer() first.");
+  }
+  addToVisibleLayerWrapper(el) {
+    throw new Error("addToVisibleLayerWrapper is not ready. Call addMouseLayer() first.");
+  }
+  /**
+   * Get mouse coordinates in pixels
+   */
+  getMousePx(event) {
+    const offset = $(this.el).offset();
+    const mouseX =
+    // @ts-expect-error - TS18048 - 'event.pageX' is possibly 'undefined'.
+    event.pageX -
+    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
+    offset.left;
+    const mouseY =
+    // @ts-expect-error - TS18048 - 'event.pageY' is possibly 'undefined'.
+    event.pageY -
+    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
+    offset.top;
+    return [mouseX, mouseY];
   }
 
-  // This is a stub that's overridden in interactive.ts
-  addMouseLayer(options) {}
+  /**
+   * Get mouse coordinates in graph coordinates
+   */
+  getMouseCoord(event) {
+    return this.unscalePoint(this.getMousePx(event));
+  }
 }
 const labelDirections = {
   center: [-0.5, -0.5],
@@ -10641,114 +10750,6 @@ const InteractiveUtils = {
   }
 };
 _.extend(GraphUtils.Graphie.prototype, {
-  // graphie puts text spans on top of the SVG, which looks good, but gets
-  // in the way of mouse events. This adds another SVG element on top
-  // of everything else where we can add invisible shapes with mouse
-  // handlers wherever we want.
-  addMouseLayer: function (options) {
-    const graph = this;
-    options = _.extend({
-      allowScratchpad: false,
-      setDrawingAreaAvailable: function () {}
-    }, options);
-    const mouselayerZIndex = 2;
-    graph.mouselayer = raphael.exports(graph.raphael.canvas.parentNode, graph.xpixels, graph.ypixels);
-    $(graph.mouselayer.canvas).css("z-index", mouselayerZIndex);
-    if (options.onClick || options.onMouseDown || options.onMouseMove || options.onMouseOver || options.onMouseOut) {
-      const canvasClickTarget = graph.mouselayer.rect(0, 0, graph.xpixels, graph.ypixels).attr({
-        fill: "#000",
-        opacity: 0
-      });
-      let isClickingCanvas = false;
-      $(graph.mouselayer.canvas).on("vmousedown", function (e) {
-        if (e.target === canvasClickTarget[0]) {
-          if (options.onMouseDown) {
-            options.onMouseDown(graph.getMouseCoord(e));
-          }
-          isClickingCanvas = true;
-          if (options.onMouseMove) {
-            const handler = options.onMouseMove;
-            $(document).bind("vmousemove.mouseLayer", function (e) {
-              if (isClickingCanvas) {
-                e.preventDefault();
-                handler(graph.getMouseCoord(e));
-              }
-            });
-          }
-          $(document).bind("vmouseup.mouseLayer", function (e) {
-            $(document).unbind(".mouseLayer");
-
-            // Only register clicks that started on the canvas,
-            // and not on another mouseLayer target
-            if (isClickingCanvas && options.onClick) {
-              options.onClick(graph.getMouseCoord(e));
-            }
-            isClickingCanvas = false;
-          });
-        }
-      });
-      if (options.onMouseOver) {
-        const handler = options.onMouseOver;
-        $(graph.mouselayer.canvas).on("vmouseover", function (e) {
-          handler(graph.getMouseCoord(e));
-        });
-      }
-      if (options.onMouseOut) {
-        const handler = options.onMouseOut;
-        $(graph.mouselayer.canvas).on("vmouseout", function (e) {
-          handler(graph.getMouseCoord(e));
-        });
-      }
-    }
-    if (!options.allowScratchpad) {
-      options.setDrawingAreaAvailable == null || options.setDrawingAreaAvailable(false);
-    }
-
-    // Add mouse and visible wrapper layers for DOM-node-wrapped movables
-    graph._mouselayerWrapper = document.createElement("div");
-    $(graph._mouselayerWrapper).css({
-      position: "absolute",
-      left: 0,
-      top: 0,
-      zIndex: mouselayerZIndex
-    });
-    graph._visiblelayerWrapper = document.createElement("div");
-    $(graph._visiblelayerWrapper).css({
-      position: "absolute",
-      left: 0,
-      top: 0
-    });
-    const el = graph.raphael.canvas.parentNode;
-    el.appendChild(graph._visiblelayerWrapper);
-    el.appendChild(graph._mouselayerWrapper);
-
-    // Add functions for adding to wrappers
-    graph.addToMouseLayerWrapper = function (el) {
-      this._mouselayerWrapper.appendChild(el);
-    };
-    graph.addToVisibleLayerWrapper = function (el) {
-      this._visiblelayerWrapper.appendChild(el);
-    };
-  },
-  /**
-   * Get mouse coordinates in pixels
-   */
-  getMousePx: function (event) {
-    const graphie = this;
-    const mouseX =
-    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
-    event.pageX - $(graphie.raphael.canvas.parentNode).offset().left;
-    const mouseY =
-    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
-    event.pageY - $(graphie.raphael.canvas.parentNode).offset().top;
-    return [mouseX, mouseY];
-  },
-  /**
-   * Get mouse coordinates in graph coordinates
-   */
-  getMouseCoord: function (event) {
-    return this.unscalePoint(this.getMousePx(event));
-  },
   /**
    * Unlike all other Graphie-related code, the following three functions use
    * a lot of scaled coordinates (so that labels appear the same size
@@ -23235,14 +23236,16 @@ const Choice = function Choice(props) {
     content: ({
       close
     }) => /*#__PURE__*/React.createElement(PopoverContent, {
-      title: "Cross out",
-      content: "Cross out option",
+      title: i18n._("Cross out"),
+      content: i18n._("Cross out option"),
       closeButtonVisible: true,
       actions: /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Strut, {
         size: Spacing.medium_16
       }), /*#__PURE__*/React.createElement(Button, {
         kind: "primary",
-        "aria-label": `Cross out Choice ${getChoiceLetter(pos)}`,
+        "aria-label": i18n._("Cross out Choice %(letter)s", {
+          letter: getChoiceLetter(pos)
+        }),
         disabled: apiOptions.readOnly || reviewMode,
         onClick: () => {
           if (!crossedOut) {
@@ -23261,13 +23264,15 @@ const Choice = function Choice(props) {
           }
           close();
         }
-      }, crossedOut ? "Bring back" : "Cross out"))
+      }, crossedOut ? i18n._("Bring back") : i18n._("Cross out")))
     })
   }, ({
     open
   }) => /*#__PURE__*/React.createElement(Clickable, {
     onClick: open,
-    "aria-label": `Open menu for Choice ${getChoiceLetter(pos)}`,
+    "aria-label": i18n._(`Open menu for Choice %(letter)s`, {
+      letter: getChoiceLetter(pos)
+    }),
     style: {
       alignSelf: "center",
       padding: "5px",
@@ -40445,366 +40450,222 @@ var Table$1 = {
   isLintable: true
 };
 
-var hubble = {exports: {}};
-
-(function (module, exports) {
-	(function webpackUniversalModuleDefinition(root, factory) {
-	  module.exports = factory();
-	})(commonjsGlobal, function () {
-	  return (/******/function (modules) {
-	      // webpackBootstrap
-	      /******/ // The module cache
-	      /******/
-	      var installedModules = {};
-	      /******/
-	      /******/ // The require function
-	      /******/
-	      function __webpack_require__(moduleId) {
-	        /******/
-	        /******/ // Check if module is in cache
-	        /******/if (installedModules[moduleId]) {
-	          /******/return installedModules[moduleId].exports;
-	          /******/
-	        }
-	        /******/ // Create a new module (and put it into the cache)
-	        /******/
-	        var module = installedModules[moduleId] = {
-	          /******/i: moduleId,
-	          /******/l: false,
-	          /******/exports: {}
-	          /******/
-	        };
-	        /******/
-	        /******/ // Execute the module function
-	        /******/
-	        modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-	        /******/
-	        /******/ // Flag the module as loaded
-	        /******/
-	        module.l = true;
-	        /******/
-	        /******/ // Return the exports of the module
-	        /******/
-	        return module.exports;
-	        /******/
-	      }
-	      /******/
-	      /******/
-	      /******/ // expose the modules object (__webpack_modules__)
-	      /******/
-	      __webpack_require__.m = modules;
-	      /******/
-	      /******/ // expose the module cache
-	      /******/
-	      __webpack_require__.c = installedModules;
-	      /******/
-	      /******/ // define getter function for harmony exports
-	      /******/
-	      __webpack_require__.d = function (exports, name, getter) {
-	        /******/if (!__webpack_require__.o(exports, name)) {
-	          /******/Object.defineProperty(exports, name, {
-	            /******/configurable: false,
-	            /******/enumerable: true,
-	            /******/get: getter
-	            /******/
-	          });
-	          /******/
-	        }
-	        /******/
-	      };
-	      /******/
-	      /******/ // getDefaultExport function for compatibility with non-harmony modules
-	      /******/
-	      __webpack_require__.n = function (module) {
-	        /******/var getter = module && module.__esModule ? /******/function getDefault() {
-	          return module['default'];
-	        } : /******/function getModuleExports() {
-	          return module;
-	        };
-	        /******/
-	        __webpack_require__.d(getter, 'a', getter);
-	        /******/
-	        return getter;
-	        /******/
-	      };
-	      /******/
-	      /******/ // Object.prototype.hasOwnProperty.call
-	      /******/
-	      __webpack_require__.o = function (object, property) {
-	        return Object.prototype.hasOwnProperty.call(object, property);
-	      };
-	      /******/
-	      /******/ // __webpack_public_path__
-	      /******/
-	      __webpack_require__.p = "";
-	      /******/
-	      /******/ // Load entry module and return exports
-	      /******/
-	      return __webpack_require__(__webpack_require__.s = 1);
-	      /******/
-	    }
-	    /************************************************************************/
-	    /******/([/* 0 */
-	    /***/function (module, exports) {
-	      var isObject = function isObject(obj) {
-	        return obj === Object(obj);
-	      };
-	      var merge = function merge() {
-	        var obj = {};
-	        for (var i = 0; i < arguments.length; i++) {
-	          var source = arguments[i];
-	          if (source) {
-	            for (var prop in source) {
-	              obj[prop] = source[prop];
-	            }
-	          }
-	        }
-	        return obj;
-	      };
-	      var clone = function clone(obj) {
-	        if (!isObject(obj)) {
-	          return obj;
-	        }
-	        return Array.isArray(obj) ? obj.slice() : merge(obj);
-	      };
-	      module.exports = {
-	        isObject: isObject,
-	        merge: merge,
-	        clone: clone
-	      };
-
-	      /***/
-	    }, /* 1 */
-	    /***/function (module, exports, __webpack_require__) {
-	      /* TODO batch *all* mutations
-	       * idea: freeze / thaw implementations for all types
-	       * lens constructor thaws, freeze delegates to type's freeze
-	       */
-
-	      var util = __webpack_require__(0);
-	      var clone = util.clone;
-	      var isObject = util.isObject;
-	      var merge = util.merge;
-	      var arr = __webpack_require__(2);
-	      var obj = __webpack_require__(3);
-	      var str = __webpack_require__(4);
-
-	      // equivalents, without requiring it
-	      // find the implementation to use for a given object
-	      var dispatch = function dispatch(x) {
-	        if (Array.isArray(x)) {
-	          return arr;
-	        } else if (isObject(x)) {
-	          return obj;
-	        } else if (typeof x === "string") {
-	          return str;
-	        }
-	      };
-
-	      // This is underscore with a different name
-	      var lens = function lens(obj) {
-	        if (obj instanceof lens) {
-	          return obj;
-	        }
-	        if (!(this instanceof lens)) {
-	          return new lens(obj);
-	        }
-	        var ops = dispatch(obj);
-	        this._wrapped = ops.thaw ? ops.thaw(obj) : obj;
-	      };
-	      lens.prototype.freeze = function () {
-	        var obj = this._wrapped;
-	        var ops = dispatch(obj);
-	        return ops.freeze ? ops.freeze(obj) : obj;
-	      };
-	      lens.prototype.zoom = function (lensArr) {
-	        if (this._zoomStack === undefined) {
-	          this._zoomStack = [];
-	        }
-	        this._zoomStack.push({
-	          zoom: lensArr,
-	          wrapped: this._wrapped
-	        });
-	        this._wrapped = lens(this._wrapped).get(lensArr);
-	        return this;
-	      };
-	      lens.prototype.deZoom = function () {
-	        var frame = this._zoomStack.pop();
-	        this._wrapped = lens(frame.wrapped).set(frame.zoom, this._wrapped).freeze();
-	        return this;
-	      };
-	      lens.prototype.get = function (lensArr) {
-	        var obj = this._wrapped;
-	        for (var i = 0; i < lensArr.length; i++) {
-	          obj = dispatch(obj).get(obj, lensArr[i]);
-	        }
-	        return obj;
-	      };
-	      lens.prototype.mod = function (lensArr, f) {
-	        var obj = this._wrapped;
-	        var newObj = clone(obj);
-	        var ops = dispatch(obj);
-	        if (lensArr.length === 0) {
-	          this._wrapped = f(this._wrapped);
-	        } else if (lensArr.length === 1) {
-	          this._wrapped = ops.mod(newObj, lensArr[0], f);
-	        } else {
-	          var monocle = lensArr[0];
-	          var shortLens = lensArr.slice(1);
-
-	          // newObj = ops.mod(obj[monocle], shortLens, f);
-
-	          newObj[monocle] = lens(obj[monocle]).mod(shortLens, f).freeze();
-	          this._wrapped = newObj;
-	        }
-	        return this;
-	      };
-
-	      // TODO - move to individual files
-	      lens.prototype.merge = function (lensArr, props) {
-	        this._wrapped = lens(this._wrapped).mod(lensArr, function (oldProps) {
-	          return merge(oldProps, props);
-	        }).freeze();
-	        return this;
-	      };
-
-	      // Lens must have length >= 1 or there would be nothing to return
-	      lens.prototype.del = function (lensArr) {
-	        var obj = this._wrapped;
-	        var ops = dispatch(obj);
-	        if (lensArr.length === 1) {
-	          this._wrapped = ops.del(obj, lensArr[0]);
-	        } else {
-	          var monocle = lensArr[0];
-	          var shortLens = lensArr.slice(1);
-	          var newObj = clone(obj);
-	          newObj[monocle] = lens(obj[monocle]).del(shortLens).freeze();
-	          this._wrapped = newObj;
-	        }
-	        return this;
-	      };
-	      lens.prototype.set = function (lensArr, set) {
-	        return this.mod(lensArr, function () {
-	          return set;
-	        });
-	      };
-	      module.exports = lens;
-
-	      /***/
-	    }, /* 2 */
-	    /***/function (module, exports) {
-	      var get = function get(arr, monocle) {
-	        return arr[monocle];
-	      };
-	      var set = function set(arr, monocle, val) {
-	        var newArr = arr.splice();
-	        newArr[monocle] = val;
-	        return newArr;
-	      };
-	      var mod = function mod(arr, monocle, f) {
-	        var newArr = arr.slice();
-	        newArr[monocle] = f(arr[monocle]);
-	        return newArr;
-	      };
-	      var del = function del(arr, monocle) {
-	        var newArr = arr.slice();
-	        newArr.splice(monocle, 1);
-	        return newArr;
-	      };
-
-	      /*
-	      // Lens must point to a member of an array. We'll insert into that array.
-	      lens.prototype.insertAt = function(lensArr, toInsert) {
-	          var obj = this._wrapped;
-	      
-	          var arrLens = lensArr.slice(0, -1);
-	          var arr = lens(obj).get(arrLens).slice(); // slice to copy
-	      
-	          var arrIdx = lensArr[lensArr.length-1];
-	          arr.splice(arrIdx, 0, toInsert);
-	          return lens(obj).set(arrLens, arr);
-	      };
-	      
-	      lens.prototype.insertBefore = lens.prototype.insertAt;
-	      lens.prototype.insertAfter = function(lensArr, toInsert) {
-	          var newLens = lensArr.slice();
-	          newLens[newLens.length-1] += 1;
-	          return lens(this._wrapped).insertAt(newLens, toInsert);
-	      };
-	      */
-
-	      module.exports = {
-	        get: get,
-	        set: set,
-	        mod: mod,
-	        del: del
-	      };
-
-	      /***/
-	    }, /* 3 */
-	    /***/function (module, exports, __webpack_require__) {
-	      var clone = __webpack_require__(0).clone;
-	      var get = function get(obj, monocle) {
-	        return obj[monocle];
-	      };
-	      var set = function set(obj, monocle, val) {
-	        var newObj = clone(obj);
-	        newObj[monocle] = val;
-	        return newObj;
-	      };
-	      var mod = function mod(obj, monocle, f) {
-	        var newObj = clone(obj);
-	        newObj[monocle] = f(obj[monocle]);
-	        return newObj;
-	      };
-	      var del = function del(obj, monocle) {
-	        var newObj = clone(obj);
-	        delete newObj[monocle];
-	        return newObj;
-	      };
-	      module.exports = {
-	        get: get,
-	        set: set,
-	        mod: mod,
-	        del: del
-	      };
-
-	      /***/
-	    }, /* 4 */
-	    /***/function (module, exports) {
-	      var get = function get(arr, monocle) {
-	        return arr[monocle];
-	      };
-	      var set = function set(arr, monocle, val) {
-	        var newArr = arr.splice();
-	        newArr[monocle] = val;
-	        return newArr;
-	      };
-	      var mod = function mod(arr, monocle, f) {
-	        var newArr = arr.splice();
-	        newArr[monocle] = f(arr[monocle]);
-	        return newArr;
-	      };
-	      var del = function del(arr, monocle) {
-	        var newArr = arr.slice();
-	        newArr.splice(monocle);
-	        return newArr;
-	      };
-	      module.exports = {
-	        get: get,
-	        set: set,
-	        mod: mod,
-	        del: del
-	      };
-
-	      /***/
-	    }
-	    /******/])
-	  );
-	});
-} (hubble));
-
-var lens = /*@__PURE__*/getDefaultExportFromCjs(hubble.exports);
+var isObject = function isObject(obj) {
+  return obj === Object(obj);
+};
+var merge = function merge() {
+  var obj = {};
+  for (var i = 0; i < arguments.length; i++) {
+    var source = arguments[i];
+    if (source) {
+      for (var prop in source) {
+        obj[prop] = source[prop];
+      }
+    }
+  }
+  return obj;
+};
+var clone = function clone(obj) {
+  if (!isObject(obj)) {
+    return obj;
+  }
+  return Array.isArray(obj) ? obj.slice() : merge(obj);
+};
+
+/* TODO batch *all* mutations
+ * idea: freeze / thaw implementations for all types
+ * lens constructor thaws, freeze delegates to type's freeze
+ */
+
+// equivalents, without requiring it
+// find the implementation to use for a given object
+var dispatch = function dispatch(x) {
+  if (Array.isArray(x)) {
+    return arr;
+  } else if (isObject(x)) {
+    return obj;
+  } else if (typeof x === "string") {
+    return str;
+  }
+};
+
+// This is underscore with a different name
+var lens = function lens(obj) {
+  if (obj instanceof lens) {
+    return obj;
+  }
+  if (!(this instanceof lens)) {
+    return new lens(obj);
+  }
+  var ops = dispatch(obj);
+  this._wrapped = ops.thaw ? ops.thaw(obj) : obj;
+};
+lens.prototype.freeze = function () {
+  var obj = this._wrapped;
+  var ops = dispatch(obj);
+  return ops.freeze ? ops.freeze(obj) : obj;
+};
+lens.prototype.zoom = function (lensArr) {
+  if (this._zoomStack === undefined) {
+    this._zoomStack = [];
+  }
+  this._zoomStack.push({
+    zoom: lensArr,
+    wrapped: this._wrapped
+  });
+  this._wrapped = lens(this._wrapped).get(lensArr);
+  return this;
+};
+lens.prototype.deZoom = function () {
+  var frame = this._zoomStack.pop();
+  this._wrapped = lens(frame.wrapped).set(frame.zoom, this._wrapped).freeze();
+  return this;
+};
+lens.prototype.get = function (lensArr) {
+  var obj = this._wrapped;
+  for (var i = 0; i < lensArr.length; i++) {
+    obj = dispatch(obj).get(obj, lensArr[i]);
+  }
+  return obj;
+};
+lens.prototype.mod = function (lensArr, f) {
+  var obj = this._wrapped;
+  var newObj = clone(obj);
+  var ops = dispatch(obj);
+  if (lensArr.length === 0) {
+    this._wrapped = f(this._wrapped);
+  } else if (lensArr.length === 1) {
+    this._wrapped = ops.mod(newObj, lensArr[0], f);
+  } else {
+    var monocle = lensArr[0];
+    var shortLens = lensArr.slice(1);
+
+    // newObj = ops.mod(obj[monocle], shortLens, f);
+
+    newObj[monocle] = lens(obj[monocle]).mod(shortLens, f).freeze();
+    this._wrapped = newObj;
+  }
+  return this;
+};
+
+// TODO - move to individual files
+lens.prototype.merge = function (lensArr, props) {
+  this._wrapped = lens(this._wrapped).mod(lensArr, function (oldProps) {
+    return merge(oldProps, props);
+  }).freeze();
+  return this;
+};
+
+// Lens must have length >= 1 or there would be nothing to return
+lens.prototype.del = function (lensArr) {
+  var obj = this._wrapped;
+  var ops = dispatch(obj);
+  if (lensArr.length === 1) {
+    this._wrapped = ops.del(obj, lensArr[0]);
+  } else {
+    var monocle = lensArr[0];
+    var shortLens = lensArr.slice(1);
+    var newObj = clone(obj);
+    newObj[monocle] = lens(obj[monocle]).del(shortLens).freeze();
+    this._wrapped = newObj;
+  }
+  return this;
+};
+lens.prototype.set = function (lensArr, set) {
+  return this.mod(lensArr, function () {
+    return set;
+  });
+};
+
+// ARRAY FUNCTIONS
+
+const arr = {
+  get: function (arr, monocle) {
+    return arr[monocle];
+  },
+  set: function (arr, monocle, val) {
+    var newArr = arr.splice();
+    newArr[monocle] = val;
+    return newArr;
+  },
+  mod: function (arr, monocle, f) {
+    var newArr = arr.slice();
+    newArr[monocle] = f(arr[monocle]);
+    return newArr;
+  },
+  del: function (arr, monocle) {
+    var newArr = arr.slice();
+    newArr.splice(monocle, 1);
+    return newArr;
+  }
+};
+
+/*
+// Lens must point to a member of an array. We'll insert into that array.
+lens.prototype.insertAt = function(lensArr, toInsert) {
+    var obj = this._wrapped;
+
+    var arrLens = lensArr.slice(0, -1);
+    var arr = lens(obj).get(arrLens).slice(); // slice to copy
+
+    var arrIdx = lensArr[lensArr.length-1];
+    arr.splice(arrIdx, 0, toInsert);
+    return lens(obj).set(arrLens, arr);
+};
+
+lens.prototype.insertBefore = lens.prototype.insertAt;
+lens.prototype.insertAfter = function(lensArr, toInsert) {
+    var newLens = lensArr.slice();
+    newLens[newLens.length-1] += 1;
+    return lens(this._wrapped).insertAt(newLens, toInsert);
+};
+*/
+
+// OBJECT FUNCTIONS
+
+const obj = {
+  get: function (obj, monocle) {
+    return obj[monocle];
+  },
+  set: function (obj, monocle, val) {
+    var newObj = clone(obj);
+    newObj[monocle] = val;
+    return newObj;
+  },
+  mod: function (obj, monocle, f) {
+    var newObj = clone(obj);
+    newObj[monocle] = f(obj[monocle]);
+    return newObj;
+  },
+  del: function (obj, monocle) {
+    var newObj = clone(obj);
+    delete newObj[monocle];
+    return newObj;
+  }
+};
+
+// STRING FUNCTIONS
+
+const str = {
+  get: function (arr, monocle) {
+    return arr[monocle];
+  },
+  set: function (arr, monocle, val) {
+    var newArr = arr.splice();
+    newArr[monocle] = val;
+    return newArr;
+  },
+  mod: function (arr, monocle, f) {
+    var newArr = arr.splice();
+    newArr[monocle] = f(arr[monocle]);
+    return newArr;
+  },
+  del: function (arr, monocle) {
+    var newArr = arr.slice();
+    newArr.splice(monocle);
+    return newArr;
+  }
+};
 
 /* eslint-disable eqeqeq, @typescript-eslint/no-unused-vars */
 /*
@@ -41707,7 +41568,7 @@ const init = function init(options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "19.1.7";
+const libVersion = "19.1.9";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {