@pie-element/extended-text-entry 6.6.3 → 6.7.0-annotations.1

package/lib/annotation/freeform-editor.js

@@ -0,0 +1,265 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = require("@material-ui/core/styles");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var styles = {
+  wrapper: {
+    width: '200px',
+    overflow: 'hidden',
+    borderRadius: '4px',
+    backgroundColor: '#ffffff',
+    border: '4px solid #d3d3d3',
+    '&.negative': {
+      borderColor: 'rgb(255, 204, 238) !important'
+    },
+    '&.positive': {
+      borderColor: 'rgb(153, 255, 153) !important'
+    }
+  },
+  holder: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    borderTop: '2px solid #d3d3d3'
+  },
+  positive: {
+    backgroundColor: 'rgb(153, 255, 153) !important',
+    '&:hover': {
+      filter: 'brightness(85%)'
+    }
+  },
+  negative: {
+    backgroundColor: 'rgb(255, 204, 238) !important',
+    '&:hover': {
+      filter: 'brightness(85%)'
+    }
+  },
+  button: {
+    flexGrow: 1,
+    width: '28%',
+    textAlign: 'center',
+    padding: '4px',
+    cursor: 'pointer',
+    '&:not(:nth-child(3n))': {
+      borderRight: '1px solid #d3d3d3'
+    },
+    '&:hover': {
+      backgroundColor: '#d3d3d3'
+    },
+    '&.negative:hover': {
+      backgroundColor: 'rgb(153, 255, 153) !important'
+    },
+    '&.positive:hover': {
+      backgroundColor: 'rgb(255, 204, 238) !important'
+    }
+  },
+  arrow: {
+    overflowX: 'unset',
+    overflowY: 'unset',
+    marginLeft: '16px',
+    '&::before': {
+      position: 'absolute',
+      right: '100%',
+      top: '13px',
+      border: 'solid transparent',
+      content: '""',
+      height: 0,
+      width: 0,
+      pointerEvents: 'none',
+      borderWidth: '7px',
+      borderRightColor: '#d3d3d3'
+    },
+    '&.negative::before': {
+      borderRightColor: 'rgb(255, 204, 238) !important'
+    },
+    '&.positive::before': {
+      borderRightColor: 'rgb(153, 255, 153) !important'
+    }
+  }
+};
+
+var FreeformEditor = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(FreeformEditor, _React$Component);
+
+  var _super = _createSuper(FreeformEditor);
+
+  function FreeformEditor(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, FreeformEditor);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onValueChange", function (event) {
+      return _this.setState({
+        value: event.target.value
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleSave", function () {
+      var _this$props = _this.props,
+          oldValue = _this$props.value,
+          onSave = _this$props.onSave,
+          onClose = _this$props.onClose,
+          onDelete = _this$props.onDelete;
+      var value = _this.state.value;
+
+      if (value === '') {
+        onDelete();
+      }
+
+      if (oldValue !== value) {
+        onSave(oldValue, value);
+      }
+
+      _this.setState({
+        value: ''
+      });
+
+      onClose();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTypeChange", function () {
+      var _this$props2 = _this.props,
+          onTypeChange = _this$props2.onTypeChange,
+          onDelete = _this$props2.onDelete;
+      var value = _this.state.value;
+
+      if (value === '') {
+        onDelete();
+      } else {
+        onTypeChange(value);
+      }
+
+      _this.setState({
+        value: ''
+      });
+    });
+    _this.state = {
+      value: props.value
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(FreeformEditor, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      var value = nextProps.value;
+      var propsValue = this.props.value;
+
+      if (value !== propsValue) {
+        this.setState({
+          value: value
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          anchorEl = _this$props3.anchorEl,
+          classes = _this$props3.classes,
+          offset = _this$props3.offset,
+          onDelete = _this$props3.onDelete,
+          open = _this$props3.open,
+          type = _this$props3.type;
+      var value = this.state.value;
+      return /*#__PURE__*/_react["default"].createElement(_core.Popover, {
+        anchorEl: anchorEl,
+        elevation: 2,
+        open: open,
+        onClose: this.handleSave,
+        classes: {
+          paper: (0, _classnames["default"])(classes.arrow, type)
+        },
+        style: {
+          marginTop: "".concat(offset, "px"),
+          transition: 'margin-top 2s ease-out'
+        },
+        anchorOrigin: {
+          vertical: 'top',
+          horizontal: 'right'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'left'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.wrapper, type)
+      }, /*#__PURE__*/_react["default"].createElement(_core.TextField, {
+        id: "annotation-editor",
+        style: {
+          padding: '2px 5px',
+          width: '95%'
+        },
+        autoFocus: true,
+        multiline: true,
+        rows: 1,
+        rowsMax: 4,
+        value: value,
+        onChange: this.onValueChange,
+        InputProps: {
+          disableUnderline: true
+        }
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.holder
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.button,
+        onClick: onDelete
+      }, "Delete"), /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.button, type),
+        onClick: this.handleTypeChange
+      }, type === 'negative' ? 'Green' : 'Pink'), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.button,
+        onClick: this.handleSave
+      }, "Save"))));
+    }
+  }]);
+  return FreeformEditor;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(FreeformEditor, "propTypes", {
+  anchorEl: _propTypes["default"].object,
+  open: _propTypes["default"].bool,
+  offset: _propTypes["default"].number,
+  value: _propTypes["default"].string,
+  type: _propTypes["default"].string,
+  onClose: _propTypes["default"].func,
+  onDelete: _propTypes["default"].func,
+  onSave: _propTypes["default"].func,
+  onTypeChange: _propTypes["default"].func
+});
+;
+
+var _default = (0, _styles.withStyles)(styles)(FreeformEditor);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hbm5vdGF0aW9uL2ZyZWVmb3JtLWVkaXRvci5qc3giXSwibmFtZXMiOlsic3R5bGVzIiwid3JhcHBlciIsIndpZHRoIiwib3ZlcmZsb3ciLCJib3JkZXJSYWRpdXMiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXIiLCJib3JkZXJDb2xvciIsImhvbGRlciIsImRpc3BsYXkiLCJmbGV4V3JhcCIsImJvcmRlclRvcCIsInBvc2l0aXZlIiwiZmlsdGVyIiwibmVnYXRpdmUiLCJidXR0b24iLCJmbGV4R3JvdyIsInRleHRBbGlnbiIsInBhZGRpbmciLCJjdXJzb3IiLCJib3JkZXJSaWdodCIsImFycm93Iiwib3ZlcmZsb3dYIiwib3ZlcmZsb3dZIiwibWFyZ2luTGVmdCIsInBvc2l0aW9uIiwicmlnaHQiLCJ0b3AiLCJjb250ZW50IiwiaGVpZ2h0IiwicG9pbnRlckV2ZW50cyIsImJvcmRlcldpZHRoIiwiYm9yZGVyUmlnaHRDb2xvciIsIkZyZWVmb3JtRWRpdG9yIiwicHJvcHMiLCJldmVudCIsInNldFN0YXRlIiwidmFsdWUiLCJ0YXJnZXQiLCJvbGRWYWx1ZSIsIm9uU2F2ZSIsIm9uQ2xvc2UiLCJvbkRlbGV0ZSIsInN0YXRlIiwib25UeXBlQ2hhbmdlIiwibmV4dFByb3BzIiwicHJvcHNWYWx1ZSIsImFuY2hvckVsIiwiY2xhc3NlcyIsIm9mZnNldCIsIm9wZW4iLCJ0eXBlIiwiaGFuZGxlU2F2ZSIsInBhcGVyIiwibWFyZ2luVG9wIiwidHJhbnNpdGlvbiIsInZlcnRpY2FsIiwiaG9yaXpvbnRhbCIsIm9uVmFsdWVDaGFuZ2UiLCJkaXNhYmxlVW5kZXJsaW5lIiwiaGFuZGxlVHlwZUNoYW5nZSIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib2JqZWN0IiwiYm9vbCIsIm51bWJlciIsInN0cmluZyIsImZ1bmMiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FB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QSxNQUFNLEVBQUV1QixzQkFBVUssSUFSRDtBQVNqQnhCLEVBQUFBLFlBQVksRUFBRW1CLHNCQUFVSztBQVRQLEM7QUE0R3BCOztlQUVjLHdCQUFXcEUsTUFBWCxFQUFtQmlDLGNBQW5CLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgUG9wb3ZlciwgVGV4dEZpZWxkIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgd3JhcHBlcjoge1xuICAgIHdpZHRoOiAnMjAwcHgnLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBib3JkZXJSYWRpdXM6ICc0cHgnLFxuICAgIGJhY2tncm91bmRDb2xvcjogJyNmZmZmZmYnLFxuICAgIGJvcmRlcjogJzRweCBzb2xpZCAjZDNkM2QzJyxcbiAgICAnJi5uZWdhdGl2ZSc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiAncmdiKDI1NSwgMjA0LCAyMzgpICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJi5wb3NpdGl2ZSc6IHtcbiAgICAgIGJvcmRlckNvbG9yOiAncmdiKDE1MywgMjU1LCAxNTMpICFpbXBvcnRhbnQnXG4gICAgfVxuICB9LFxuICBob2xkZXI6IHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleFdyYXA6ICd3cmFwJyxcbiAgICBib3JkZXJUb3A6ICcycHggc29saWQgI2QzZDNkMydcbiAgfSxcbiAgcG9zaXRpdmU6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICdyZ2IoMTUzLCAyNTUsIDE1MykgIWltcG9ydGFudCcsXG4gICAgJyY6aG92ZXInOiB7XG4gICAgICBmaWx0ZXI6ICdicmlnaHRuZXNzKDg1JSknXG4gICAgfVxuICB9LFxuICBuZWdhdGl2ZToge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3JnYigyNTUsIDIwNCwgMjM4KSAhaW1wb3J0YW50JyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGZpbHRlcjogJ2JyaWdodG5lc3MoODUlKSdcbiAgICB9XG4gIH0sXG4gIGJ1dHRvbjoge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiAnMjglJyxcbiAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAgIHBhZGRpbmc6ICc0cHgnLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICcmOm5vdCg6bnRoLWNoaWxkKDNuKSknOiB7XG4gICAgICBib3JkZXJSaWdodDogJzFweCBzb2xpZCAjZDNkM2QzJyxcbiAgICB9LFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiAnI2QzZDNkMydcbiAgICB9LFxuICAgICcmLm5lZ2F0aXZlOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiAncmdiKDE1MywgMjU1LCAxNTMpICFpbXBvcnRhbnQnLFxuICAgIH0sXG4gICAgJyYucG9zaXRpdmU6aG92ZXInOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdyZ2IoMjU1LCAyMDQsIDIzOCkgIWltcG9ydGFudCcsXG4gICAgfVxuICB9LFxuICBhcnJvdzoge1xuICAgIG92ZXJmbG93WDogJ3Vuc2V0JyxcbiAgICBvdmVyZmxvd1k6ICd1bnNldCcsXG4gICAgbWFyZ2luTGVmdDogJzE2cHgnLFxuICAgICcmOjpiZWZvcmUnOiB7XG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIHJpZ2h0OiAnMTAwJScsXG4gICAgICB0b3A6ICcxM3B4JyxcbiAgICAgIGJvcmRlcjogJ3NvbGlkIHRyYW5zcGFyZW50JyxcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIHdpZHRoOiAwLFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgYm9yZGVyV2lkdGg6ICc3cHgnLFxuICAgICAgYm9yZGVyUmlnaHRDb2xvcjogJyNkM2QzZDMnXG4gICAgfSxcbiAgICAnJi5uZWdhdGl2ZTo6YmVmb3JlJzoge1xuICAgICAgYm9yZGVyUmlnaHRDb2xvcjogJ3JnYigyNTUsIDIwNCwgMjM4KSAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYucG9zaXRpdmU6OmJlZm9yZSc6IHtcbiAgICAgIGJvcmRlclJpZ2h0Q29sb3I6ICdyZ2IoMTUzLCAyNTUsIDE1MykgIWltcG9ydGFudCdcbiAgICB9XG4gIH1cbn07XG5cbmNsYXNzIEZyZWVmb3JtRWRpdG9yIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBhbmNob3JFbDogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBvcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBvZmZzZXQ6IFByb3BUeXBlcy5udW1iZXIsXG4gICAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdHlwZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvbkRlbGV0ZTogUHJvcFR5cGVzLmZ1bmMsXG4gICAgb25TYXZlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvblR5cGVDaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7IHZhbHVlOiBwcm9wcy52YWx1ZSB9O1xuICB9O1xuXG4gIFVOU0FGRV9jb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzKG5leHRQcm9wcykge1xuICAgIGNvbnN0IHsgdmFsdWUgfSA9IG5leHRQcm9wcztcbiAgICBjb25zdCB7IHZhbHVlOiBwcm9wc1ZhbHVlIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgaWYgKHZhbHVlICE9PSBwcm9wc1ZhbHVlKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgdmFsdWUgfSk7XG4gICAgfVxuICB9O1xuXG4gIG9uVmFsdWVDaGFuZ2UgPSBldmVudCA9PiB0aGlzLnNldFN0YXRlKHsgdmFsdWU6IGV2ZW50LnRhcmdldC52YWx1ZSB9KTtcblxuICBoYW5kbGVTYXZlID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgdmFsdWU6IG9sZFZhbHVlLCBvblNhdmUsIG9uQ2xvc2UsIG9uRGVsZXRlIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgdmFsdWUgfSA9IHRoaXMuc3RhdGU7XG5cbiAgICBpZiAodmFsdWUgPT09ICcnKSB7XG4gICAgICBvbkRlbGV0ZSgpO1xuICAgIH1cblxuICAgIGlmIChvbGRWYWx1ZSAhPT0gdmFsdWUpIHtcbiAgICAgIG9uU2F2ZShvbGRWYWx1ZSwgdmFsdWUpO1xuICAgIH1cblxuICAgIHRoaXMuc2V0U3RhdGUoeyB2YWx1ZTogJycgfSk7XG4gICAgb25DbG9zZSgpO1xuICB9O1xuXG4gIGhhbmRsZVR5cGVDaGFuZ2UgPSAoKSA9PiB7XG4gICAgY29uc3QgeyBvblR5cGVDaGFuZ2UsIG9uRGVsZXRlIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgdmFsdWUgfSA9IHRoaXMuc3RhdGU7XG5cbiAgICBpZiAodmFsdWUgPT09ICcnKSB7XG4gICAgICBvbkRlbGV0ZSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBvblR5cGVDaGFuZ2UodmFsdWUpO1xuICAgIH1cblxuICAgIHRoaXMuc2V0U3RhdGUoeyB2YWx1ZTogJycgfSk7XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgYW5jaG9yRWwsIGNsYXNzZXMsIG9mZnNldCwgb25EZWxldGUsIG9wZW4sIHR5cGUgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyB2YWx1ZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgIHJldHVybiAoXG4gICAgICA8UG9wb3ZlclxuICAgICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICAgIGVsZXZhdGlvbj17Mn1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgb25DbG9zZT17dGhpcy5oYW5kbGVTYXZlfVxuICAgICAgICBjbGFzc2VzPXt7IHBhcGVyOiBjbGFzc05hbWVzKGNsYXNzZXMuYXJyb3csIHR5cGUpIH19XG4gICAgICAgIHN0eWxlPXt7IG1hcmdpblRvcDogYCR7b2Zmc2V0fXB4YCwgdHJhbnNpdGlvbjogJ21hcmdpbi10b3AgMnMgZWFzZS1vdXQnIH19XG4gICAgICAgIGFuY2hvck9yaWdpbj17e1xuICAgICAgICAgIHZlcnRpY2FsOiAndG9wJyxcbiAgICAgICAgICBob3Jpem9udGFsOiAncmlnaHQnLFxuICAgICAgICB9fVxuICAgICAgICB0cmFuc2Zvcm1PcmlnaW49e3tcbiAgICAgICAgICB2ZXJ0aWNhbDogJ3RvcCcsXG4gICAgICAgICAgaG9yaXpvbnRhbDogJ2xlZnQnLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLndyYXBwZXIsIHR5cGUpfT5cbiAgICAgICAgICA8VGV4dEZpZWxkXG4gICAgICAgICAgICBpZD1cImFubm90YXRpb24tZWRpdG9yXCJcbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHBhZGRpbmc6ICcycHggNXB4JyxcbiAgICAgICAgICAgICAgd2lkdGg6ICc5NSUnXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgYXV0b0ZvY3VzXG4gICAgICAgICAgICBtdWx0aWxpbmVcbiAgICAgICAgICAgIHJvd3M9ezF9XG4gICAgICAgICAgICByb3dzTWF4PXs0fVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMub25WYWx1ZUNoYW5nZX1cbiAgICAgICAgICAgIElucHV0UHJvcHM9e3sgZGlzYWJsZVVuZGVybGluZTogdHJ1ZSB9fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMuaG9sZGVyfT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmJ1dHRvbn0gb25DbGljaz17b25EZWxldGV9PlxuICAgICAgICAgICAgICBEZWxldGVcbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3Nlcy5idXR0b24sIHR5cGUpfSBvbkNsaWNrPXt0aGlzLmhhbmRsZVR5cGVDaGFuZ2V9ID5cbiAgICAgICAgICAgICAgeyB0eXBlID09PSAnbmVnYXRpdmUnID8gJ0dyZWVuJyA6ICdQaW5rJyB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmJ1dHRvbn0gb25DbGljaz17dGhpcy5oYW5kbGVTYXZlfSA+XG4gICAgICAgICAgICAgIFNhdmVcbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvUG9wb3Zlcj5cbiAgICApO1xuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoRnJlZWZvcm1FZGl0b3IpO1xuIl19

package/lib/index.js

@@ -31,6 +31,8 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _piePlayerEvents = require("@pie-framework/pie-player-events");
 
+var _mathRendering = require("@pie-lib/math-rendering");
+
 var _debug = _interopRequireDefault(require("debug"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
@@ -94,10 +96,25 @@ var RootExtendedTextEntry = /*#__PURE__*/function (_HTMLElement) {
       this.render();
     }
   }, {
-    key: "handleChange",
-    value: function handleChange(value) {
+    key: "valueChange",
+    value: function valueChange(value) {
       this._session.value = value;
       this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), isComplete(value)));
+      this.render();
+    }
+  }, {
+    key: "annotationsChange",
+    value: function annotationsChange(annotations) {
+      this._session.annotations = annotations;
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), true));
+      this.render();
+    }
+  }, {
+    key: "commentChange",
+    value: function commentChange(comment) {
+      this._session.comment = comment;
+      this.dispatchEvent(new _piePlayerEvents.SessionChangedEvent(this.tagName.toLowerCase(), isComplete(comment)));
+      this.render();
     }
   }, {
     key: "connectedCallback",
@@ -107,14 +124,20 @@ var RootExtendedTextEntry = /*#__PURE__*/function (_HTMLElement) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       if (this._model && this._session) {
         var elem = /*#__PURE__*/_react["default"].createElement(_main["default"], {
           model: this._model,
           session: this._session,
-          onChange: this.handleChange.bind(this)
+          onValueChange: this.valueChange.bind(this),
+          onAnnotationsChange: this.annotationsChange.bind(this),
+          onCommentChange: this.commentChange.bind(this)
         });
 
-        _reactDom["default"].render(elem, this);
+        _reactDom["default"].render(elem, this, function () {
+          (0, _mathRendering.renderMath)(_this2);
+        });
       }
     }
   }]);
@@ -122,4 +145,4 @@ var RootExtendedTextEntry = /*#__PURE__*/function (_HTMLElement) {
 }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
 
 exports["default"] = RootExtendedTextEntry;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6WyJsb2ciLCJkb21QYXJzZXIiLCJ3aW5kb3ciLCJ1bmRlZmluZWQiLCJET01QYXJzZXIiLCJwYXJzZUZyb21TdHJpbmciLCJ2IiwidGV4dENvbnRlbnQiLCJ2YWx1ZSIsImRvY3VtZW50IiwiYm9keSIsImVyciIsImlzQ29tcGxldGUiLCJ0YyIsIm91dCIsImxlbmd0aCIsIlJvb3RFeHRlbmRlZFRleHRFbnRyeSIsIl9tb2RlbCIsIl9zZXNzaW9uIiwibSIsImRpc3BhdGNoRXZlbnQiLCJNb2RlbFNldEV2ZW50IiwidGFnTmFtZSIsInRvTG93ZXJDYXNlIiwicmVuZGVyIiwicyIsIlNlc3Npb25DaGFuZ2VkRXZlbnQiLCJhbm5vdGF0aW9ucyIsImNvbW1lbnQiLCJlbGVtIiwiUmVhY3QiLCJjcmVhdGVFbGVtZW50IiwiTWFpbiIsIm1vZGVsIiwic2Vzc2lvbiIsIm9uVmFsdWVDaGFuZ2UiLCJ2YWx1ZUNoYW5nZSIsImJpbmQiLCJvbkFubm90YXRpb25zQ2hhbmdlIiwiYW5ub3RhdGlvbnNDaGFuZ2UiLCJvbkNvbW1lbnRDaGFuZ2UiLCJjb21tZW50Q2hhbmdlIiwiUmVhY3RET00iLCJIVE1MRWxlbWVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUlBOztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxHQUFHLEdBQUcsdUJBQU0sNkJBQU4sQ0FBWjtBQUVBLElBQU1DLFNBQVMsR0FDYixRQUFPQyxNQUFQLDBEQUFPQSxNQUFQLE9BQWtCQyxTQUFsQixHQUE4QixJQUFJQyxTQUFKLEVBQTlCLEdBQWdEO0FBQUVDLEVBQUFBLGVBQWUsRUFBRSx5QkFBQUMsQ0FBQztBQUFBLFdBQUlBLENBQUo7QUFBQTtBQUFwQixDQURsRDs7QUFHTyxTQUFTQyxXQUFULENBQXFCQyxLQUFyQixFQUE0QjtBQUNqQyxNQUFJLE9BQU9BLEtBQVAsS0FBaUIsUUFBckIs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QUFYOztBQVFBSyw2QkFBU2xCLE1BQVQsQ0FBZ0JLLElBQWhCLEVBQXNCLElBQXRCLEVBQTRCLFlBQU07QUFDaEMseUNBQVcsTUFBWDtBQUNELFNBRkQ7QUFHRDtBQUNGOzs7a0RBbEVnRGMsVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBNYWluIGZyb20gJy4vbWFpbic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFJlYWN0RE9NIGZyb20gJ3JlYWN0LWRvbSc7XG5pbXBvcnQge1xuICBNb2RlbFNldEV2ZW50LFxuICBTZXNzaW9uQ2hhbmdlZEV2ZW50XG59IGZyb20gJ0BwaWUtZnJhbWV3b3JrL3BpZS1wbGF5ZXItZXZlbnRzJztcbmltcG9ydCB7IHJlbmRlck1hdGggfSBmcm9tICdAcGllLWxpYi9tYXRoLXJlbmRlcmluZyc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygnQHBpZS11aTpleHRlbmRlZC10ZXh0LWVudHJ5Jyk7XG5cbmNvbnN0IGRvbVBhcnNlciA9XG4gIHR5cGVvZiB3aW5kb3cgIT09IHVuZGVmaW5lZCA/IG5ldyBET01QYXJzZXIoKSA6IHsgcGFyc2VGcm9tU3RyaW5nOiB2ID0+IHYgfTtcblxuZXhwb3J0IGZ1bmN0aW9uIHRleHRDb250ZW50KHZhbHVlKSB7XG4gIGlmICh0eXBlb2YgdmFsdWUgIT09ICdzdHJpbmcnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgfVxuXG4gIHRyeSB7XG4gICAgY29uc3QgZG9jdW1lbnQgPSBkb21QYXJzZXIucGFyc2VGcm9tU3RyaW5nKHZhbHVlLCAndGV4dC9odG1sJyk7XG4gICAgY29uc3QgdGV4dENvbnRlbnQgPSBkb2N1bWVudC5ib2R5LnRleHRDb250ZW50O1xuXG4gICAgcmV0dXJuIHRleHRDb250ZW50O1xuICB9IGNhdGNoIChlcnIpIHtcbiAgICBsb2coJ3RyaWVkIHRvIHBhcnNlIGFzIGRvbSBhbmQgZmFpbGVkJywgdmFsdWUpO1xuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gaXNDb21wbGV0ZSh2YWx1ZSkge1xuICBjb25zdCB0YyA9IHRleHRDb250ZW50KHZhbHVlKTtcbiAgY29uc3Qgb3V0ID0gdGMgIT09IHVuZGVmaW5lZCAmJiB0Yy5sZW5ndGggPiAwO1xuXG4gIHJldHVybiBvdXQ7XG59XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFJvb3RFeHRlbmRlZFRleHRFbnRyeSBleHRlbmRzIEhUTUxFbGVtZW50IHtcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLl9tb2RlbCA9IG51bGw7XG4gICAgdGhpcy5fc2Vzc2lvbiA9IG51bGw7XG4gIH1cblxuICBzZXQgbW9kZWwobSkge1xuICAgIHRoaXMuX21vZGVsID0gbTtcbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQoXG4gICAgICBuZXcgTW9kZWxTZXRFdmVudCh0aGlzLnRhZ05hbWUudG9Mb3dlckNhc2UoKSwgZmFsc2UsICEhdGhpcy5fbW9kZWwpXG4gICAgKTtcblxuICAgIHRoaXMucmVuZGVyKCk7XG4gIH1cblxuICBzZXQgc2Vzc2lvbihzKSB7XG4gICAgdGhpcy5fc2Vzc2lvbiA9IHM7XG4gICAgdGhpcy5yZW5kZXIoKTtcbiAgfVxuXG4gIHZhbHVlQ2hhbmdlKHZhbHVlKSB7XG4gICAgdGhpcy5fc2Vzc2lvbi52YWx1ZSA9IHZhbHVlO1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgIG5ldyBTZXNzaW9uQ2hhbmdlZEV2ZW50KHRoaXMudGFnTmFtZS50b0xvd2VyQ2FzZSgpLCBpc0NvbXBsZXRlKHZhbHVlKSlcbiAgICApO1xuXG4gICAgdGhpcy5yZW5kZXIoKTtcbiAgfVxuXG4gIGFubm90YXRpb25zQ2hhbmdlKGFubm90YXRpb25zKSB7XG4gICAgdGhpcy5fc2Vzc2lvbi5hbm5vdGF0aW9ucyA9IGFubm90YXRpb25zO1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgIG5ldyBTZXNzaW9uQ2hhbmdlZEV2ZW50KHRoaXMudGFnTmFtZS50b0xvd2VyQ2FzZSgpLCB0cnVlKVxuICAgICk7XG5cbiAgICB0aGlzLnJlbmRlcigpO1xuICB9XG5cbiAgY29tbWVudENoYW5nZShjb21tZW50KSB7XG4gICAgdGhpcy5fc2Vzc2lvbi5jb21tZW50ID0gY29tbWVudDtcbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQoXG4gICAgICBuZXcgU2Vzc2lvbkNoYW5nZWRFdmVudCh0aGlzLnRhZ05hbWUudG9Mb3dlckNhc2UoKSwgaXNDb21wbGV0ZShjb21tZW50KSlcbiAgICApO1xuXG4gICAgdGhpcy5yZW5kZXIoKTtcbiAgfVxuXG4gIGNvbm5lY3RlZENhbGxiYWNrKCkge1xuICAgIHRoaXMucmVuZGVyKCk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgaWYgKHRoaXMuX21vZGVsICYmIHRoaXMuX3Nlc3Npb24pIHtcbiAgICAgIGxldCBlbGVtID0gUmVhY3QuY3JlYXRlRWxlbWVudChNYWluLCB7XG4gICAgICAgIG1vZGVsOiB0aGlzLl9tb2RlbCxcbiAgICAgICAgc2Vzc2lvbjogdGhpcy5fc2Vzc2lvbixcbiAgICAgICAgb25WYWx1ZUNoYW5nZTogdGhpcy52YWx1ZUNoYW5nZS5iaW5kKHRoaXMpLFxuICAgICAgICBvbkFubm90YXRpb25zQ2hhbmdlOiB0aGlzLmFubm90YXRpb25zQ2hhbmdlLmJpbmQodGhpcyksXG4gICAgICAgIG9uQ29tbWVudENoYW5nZTogdGhpcy5jb21tZW50Q2hhbmdlLmJpbmQodGhpcyksXG4gICAgICB9KTtcblxuICAgICAgUmVhY3RET00ucmVuZGVyKGVsZW0sIHRoaXMsICgpID0+IHtcbiAgICAgICAgcmVuZGVyTWF0aCh0aGlzKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIl19

package/lib/main.js

@@ -39,6 +39,10 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _mathRendering = require("@pie-lib/math-rendering");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _annotationEditor = _interopRequireDefault(require("./annotation/annotation-editor"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -75,7 +79,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeSession", (0, _debounce["default"])(_this.props.onChange, 1500));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeSessionValue", (0, _debounce["default"])(_this.props.onValueChange, 1500));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeSessionComment", (0, _debounce["default"])(_this.props.onCommentChange, 1500));
     return _this;
   }
 
@@ -94,13 +99,23 @@ var Main = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           model = _this$props.model,
           classes = _this$props.classes,
-          session = _this$props.session;
-      var dimensions = model.dimensions,
+          session = _this$props.session,
+          onAnnotationsChange = _this$props.onAnnotationsChange;
+      var animationsDisabled = model.animationsDisabled,
+          annotatorMode = model.annotatorMode,
+          customKeys = model.customKeys,
+          dimensions = model.dimensions,
           disabled = model.disabled,
+          disabledAnnotator = model.disabledAnnotator,
+          equationEditor = model.equationEditor,
           feedback = model.feedback,
-          teacherInstructions = model.teacherInstructions,
-          mathInput = model.mathInput;
-      var value = session.value;
+          mathInput = model.mathInput,
+          predefinedAnnotations = model.predefinedAnnotations,
+          prompt = model.prompt,
+          teacherInstructions = model.teacherInstructions;
+      var annotations = session.annotations,
+          comment = session.comment,
+          value = session.value;
 
       var _ref = dimensions || {},
           width = _ref.width,
@@ -108,28 +123,46 @@ var Main = /*#__PURE__*/function (_React$Component) {
 
       var maxHeight = '40vh';
       log('[render] disabled? ', disabled);
+
+      var teacherInstructionsDiv = /*#__PURE__*/_react["default"].createElement("div", {
+        className: "teacher-instructions",
+        dangerouslySetInnerHTML: {
+          __html: teacherInstructions
+        }
+      });
+
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.main,
         ref: function ref(_ref2) {
           _this2.containerRef = _ref2;
         }
-      }, teacherInstructions && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
+      }, teacherInstructions && /*#__PURE__*/_react["default"].createElement("div", null, !animationsDisabled ? /*#__PURE__*/_react["default"].createElement(_renderUi.Collapsible, {
         labels: {
           hidden: 'Show Teacher Instructions',
           visible: 'Hide Teacher Instructions'
         },
         className: classes.collapsible
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, teacherInstructionsDiv) : teacherInstructionsDiv, /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        className: (0, _classnames["default"])(classes.prompt, 'prompt'),
         dangerouslySetInnerHTML: {
-          __html: teacherInstructions
+          __html: prompt
         }
-      })), /*#__PURE__*/_react["default"].createElement("br", null)), model.prompt && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-        className: classes.prompt,
-        dangerouslySetInnerHTML: {
-          __html: model.prompt
-        }
-      }), /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        onChange: this.changeSession,
+      }), annotatorMode ? /*#__PURE__*/_react["default"].createElement(_annotationEditor["default"], {
+        text: value || '',
+        annotations: annotations || [],
+        comment: comment || '',
+        predefinedAnnotations: predefinedAnnotations || [],
+        onChange: onAnnotationsChange,
+        onCommentChange: this.changeSessionComment,
+        width: width,
+        height: height,
+        maxHeight: maxHeight,
+        disabled: disabledAnnotator,
+        disabledMath: !mathInput,
+        customKeys: customKeys,
+        keypadMode: equationEditor
+      }) : /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+        onChange: this.changeSessionValue,
         markup: value || '',
         width: width && width.toString(),
         minHeight: height && height.toString(),
@@ -139,8 +172,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
         pluginProps: {
           math: {
             disabled: !mathInput,
-            customKeys: this.props.model.customKeys,
-            keypadMode: this.props.model.equationEditor,
+            customKeys: customKeys,
+            keypadMode: equationEditor,
             controlledKeypadMode: false
           },
           video: {
@@ -161,15 +194,19 @@ var Main = /*#__PURE__*/function (_React$Component) {
 
 exports.Main = Main;
 (0, _defineProperty2["default"])(Main, "propTypes", {
-  onChange: _propTypes["default"].func.isRequired,
+  onValueChange: _propTypes["default"].func.isRequired,
+  onAnnotationsChange: _propTypes["default"].func.isRequired,
+  onCommentChange: _propTypes["default"].func.isRequired,
   model: _propTypes["default"].object,
   classes: _propTypes["default"].object.isRequired,
   session: _propTypes["default"].shape({
-    value: _propTypes["default"].string
+    value: _propTypes["default"].string,
+    annotations: _propTypes["default"].array,
+    comment: _propTypes["default"].string
   }).isRequired
 });
 
 var _default = (0, _styles.withStyles)(style)(Main);
 
 exports["default"] = _default;
-//# sourceMappingURL=main.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9tYWluLmpzeCJdLCJuYW1lcyI6WyJsb2ciLCJzdHlsZSIsInRoZW1lIiwibWFpbiIsImJhY2tncm91bmRDb2xvciIsImNvbG9yIiwiYmFja2dyb3VuZCIsInRleHQiLCJwcm9tcHQiLCJ3aWR0aCIsIm1hcmdpbkJvdHRvbSIsInNwYWNpbmciLCJ1bml0IiwiZm9udFNpemUiLCJNYWluIiwicHJvcHMiLCJvblZhbHVlQ2hhbmdlIiwib25Db21tZW50Q2hhbmdlIiwiY29udGFpbmVyUmVmIiwibW9kZWwiLCJjbGFzc2VzIiwic2Vzc2lvbiIsIm9uQW5ub3RhdGlvbnNDaGFuZ2UiLCJhbmltYXRpb25zRGlzYWJsZWQiLCJhbm5vdGF0b3JNb2RlIiwiY3VzdG9tS2V5cyIsImRpbWVuc2lvbnMiLCJkaXNhYmxlZCIsImRpc2FibGVkQW5ub3RhdG9yIiwiZXF1YXRpb25FZGl0b3IiLCJmZWVkYmFjayIsIm1hdGhJbnB1dCIsInByZWRlZmluZWRBbm5vdGF0aW9ucyIsInRlYWNoZXJJbnN0cnVjdGlvbnMiLCJhbm5vdGF0aW9ucyIsImNvbW1lbnQiLCJ2YWx1ZSIsImhlaWdodCIsIm1heEhlaWdodCIsInRlYWNoZXJJbnN0cnVjdGlvbnNEaXYiLCJfX2h0bWwiLCJyZWYiLCJoaWRkZW4iLCJ2aXNpYmxlIiwiY29sbGFwc2libGUiLCJjaGFuZ2VTZXNzaW9uQ29tbWVudCIsImNoYW5nZVNlc3Npb25WYWx1ZSIsInRvU3RyaW5nIiwibWF0aCIsImtleXBhZE1vZGUiLCJjb250cm9sbGVkS2V5cGFkTW9kZSIsInZpZGVvIiwiYXVkaW8iLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsImZ1bmMiLCJpc1JlcXVpcmVkIiwib2JqZWN0Iiwic2hhcGUiLCJzdHJpbmciLCJhcnJheSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsR0FBRyxHQUFHLHVCQUFNLDZCQUFOLENBQVo7O0FBRUEsSUFBTUMsS0FBSyxHQUFHLFNBQVJBLEtBQVEsQ0FBQUMsS0FBSztBQUFBLFNBQUs7QUFDdEJDLElBQUFBLElBQUksRUFBRTtBQUNKQyxNQUFBQSxlQUFlLEVBQUVDLGdCQUFNQyxVQUFOLEVBRGI7QUFFSkQsTUFBQUEsS0FBSyxFQUFFQSxnQkFBTUUsSUFBTjtBQUZILEtBRGdCO0FBS3RCQyxJQUFBQSxNQUFNLEVBQUU7QUFDTkMsTUFBQUEsS0FBSyxFQUFFLE1BREQ7QUFFTkosTUFBQUEsS0FBSyxFQUFFQSxnQkFBTUUsSUFBTixFQUZEO0FBR05HLE1BQUFBLFlBQVksRUFBRVIsS0FBSyxDQUFDUyxPQUFOLENBQWNDLElBQWQsR0FBcUIsQ0FIN0I7QUFJTkMsTUFBQUEsUUFBUSxFQUFFO0FBSko7QUFMYyxHQUFMO0FBQUEsQ0FBbkI7O0lBYWFDLEk7Ozs7Ozs7Ozs7Ozs7OzsyR0FvQlUsMEJBQVMsTUFBS0MsS0FBTCxDQUFXQyxhQUFwQixFQUFtQyxJQUFuQyxDOzZHQUVFLDBCQUFTLE1BQUtELEtBQUwsQ0FBV0UsZUFBcEIsRUFBcUMsSUFBckMsQzs7Ozs7O1dBUnZCLDhCQUFxQjtBQUNuQixVQUFJLEtBQUtDLFlBQVQsRUFBdUI7QUFDckIsdUNBQVcsS0FBS0EsWUFBaEI7QUFDRDtBQUNGOzs7V0FNRCxrQkFBUztBQUFBOztBQUNQLHdCQUF5RCxLQUFLSCxLQUE5RDtBQUFBLFVBQVFJLEtBQVIsZUFBUUEsS0FBUjtBQUFBLFVBQWVDLE9BQWYsZUFBZUEsT0FBZjtBQUFBLFVBQXdCQyxPQUF4QixlQUF3QkEsT0FBeEI7QUFBQSxVQUFpQ0MsbUJBQWpDLGVBQWlDQSxtQkFBakM7QUFDQSxVQUNFQyxrQkFERixHQWFJSixLQWJKLENBQ0VJLGtCQURGO0FBQUEsVUFFRUMsYUFGRixHQWFJTCxLQWJKLENBRUVLLGFBRkY7QUFBQSxVQUdFQyxVQUhGLEdBYUlOLEtBYkosQ0FHRU0sVUFIRjtBQUFBLFVBSUVDLFVBSkYsR0FhSVAsS0FiSixDQUlFTyxVQUpGO0FBQUEsVUFLRUMsUUFMRixHQWFJUixLQWJKLENBS0VRLFFBTEY7QUFBQSxVQU1FQyxpQkFORixHQWFJVCxLQWJKLENBTUVTLGlCQU5GO0FBQUEsVUFPRUMsY0FQRixHQWFJVixLQWJKLENBT0VVLGNBUEY7QUFBQSxVQVFFQyxRQVJGLEdBYUlYLEtBYkosQ0FRRVcsUUFSRjtBQUFBLFVBU0VDLFNBVEYsR0FhSVosS0FiSixDQVNFWSxTQVRGO0FBQUEsVUFVRUMscUJBVkYsR0FhSWIsS0FiSixDQVVFYSxxQkFWRjtBQUFBLFVBV0V4QixNQVhGLEdBYUlXLEtBYkosQ0FXRVgsTUFYRjtBQUFBLFVBWUV5QixtQkFaRixHQWFJZCxLQWJKLENBWUVjLG1CQVpGO0FBY0EsVUFBUUMsV0FBUixHQUF3Q2IsT0FBeEMsQ0FBUWEsV0FBUjtBQUFBLFVBQXFCQyxPQUFyQixHQUF3Q2QsT0FBeEMsQ0FBcUJjLE9BQXJCO0FBQUEsVUFBOEJDLEtBQTlCLEdBQXdDZixPQUF4QyxDQUE4QmUsS0FBOUI7O0FBQ0EsaUJBQTBCVixVQUFVLElBQUksRUFBeEM7QUFBQSxVQUFRakIsS0FBUixRQUFRQSxLQUFSO0FBQUEsVUFBZTRCLE1BQWYsUUFBZUEsTUFBZjs7QUFDQSxVQUFNQyxTQUFTLEdBQUcsTUFBbEI7QUFDQXRDLE1BQUFBLEdBQUcsQ0FBQyxxQkFBRCxFQUF3QjJCLFFBQXhCLENBQUg7O0FBRUEsVUFBTVksc0JBQXNCLGdCQUFHO0FBQzdCLFFBQUEsU0FBUyxFQUFDLHNCQURtQjtBQUU3QixRQUFBLHVCQUF1QixFQUFFO0FBQUVDLFVBQUFBLE1BQU0sRUFBRVA7QUFBVjtBQUZJLFFBQS9COztBQUtBLDBCQUNFO0FBQ0UsUUFBQSxTQUFTLEVBQUViLE9BQU8sQ0FBQ2pCLElBRHJCO0FBRUUsUUFBQSxHQUFHLEVBQUUsYUFBQXNDLEtBQUcsRUFBSTtBQUNWLFVBQUEsTUFBSSxDQUFDdkIsWUFBTCxHQUFvQnVCLEtBQXBCO0FBQ0Q7QUFKSCxTQU9JUixtQkFBbUIsaUJBQ2pCLDZDQUNHLENBQUNWLGtCQUFELGdCQUNDLGdDQUFDLHFCQUFEO0FBQ0UsUUFBQSxNQUFNLEVBQUU7QUFBRW1CLFVBQUFBLE1BQU0sRUFBRSwyQkFBVjtBQUF1Q0MsVUFBQUEsT0FBTyxFQUFFO0FBQWhELFNBRFY7QUFFRSxRQUFBLFNBQVMsRUFBRXZCLE9BQU8sQ0FBQ3dCO0FBRnJCLFNBSUdMLHNCQUpILENBREQsR0FPR0Esc0JBUk4sZUFTRSwyQ0FURixDQVJOLEVBcUJHL0IsTUFBTSxpQkFDTCxnQ0FBQyxzQkFBRDtBQUNFLFFBQUEsU0FBUyxFQUFFLDRCQUFXWSxPQUFPLENBQUNaLE1BQW5CLEVBQTJCLFFBQTNCLENBRGI7QUFFRSxRQUFBLHVCQUF1QixFQUFFO0FBQUVnQyxVQUFBQSxNQUFNLEVBQUVoQztBQUFWO0FBRjNCLFFBdEJKLEVBMkJHZ0IsYUFBYSxnQkFDWixnQ0FBQyw0QkFBRDtBQUNFLFFBQUEsSUFBSSxFQUFFWSxLQUFLLElBQUksRUFEakI7QUFFRSxRQUFBLFdBQVcsRUFBRUYsV0FBVyxJQUFJLEVBRjlCO0FBR0UsUUFBQSxPQUFPLEVBQUVDLE9BQU8sSUFBSSxFQUh0QjtBQUlFLFFBQUEscUJBQXFCLEVBQUVILHFCQUFxQixJQUFJLEVBSmxEO0FBS0UsUUFBQSxRQUFRLEVBQUVWLG1CQUxaO0FBTUUsUUFBQSxlQUFlLEVBQUUsS0FBS3VCLG9CQU54QjtBQU9FLFFBQUEsS0FBSyxFQUFFcEMsS0FQVDtBQVFFLFFBQUEsTUFBTSxFQUFFNEIsTUFSVjtBQVNFLFFBQUEsU0FBUyxFQUFFQyxTQVRiO0FBVUUsUUFBQSxRQUFRLEVBQUVWLGlCQVZaO0FBV0UsUUFBQSxZQUFZLEVBQUUsQ0FBQ0csU0FYakI7QUFZRSxRQUFBLFVBQVUsRUFBRU4sVUFaZDtBQWFFLFFBQUEsVUFBVSxFQUFFSTtBQWJkLFFBRFksZ0JBaUJaLGdDQUFDLHdCQUFEO0FBQ0UsUUFBQSxRQUFRLEVBQUUsS0FBS2lCLGtCQURqQjtBQUVFLFFBQUEsTUFBTSxFQUFFVixLQUFLLElBQUksRUFGbkI7QUFHRSxRQUFBLEtBQUssRUFBRTNCLEtBQUssSUFBSUEsS0FBSyxDQUFDc0MsUUFBTixFQUhsQjtBQUlFLFFBQUEsU0FBUyxFQUFFVixNQUFNLElBQUlBLE1BQU0sQ0FBQ1UsUUFBUCxFQUp2QjtBQUtFLFFBQUEsU0FBUyxFQUFFVCxTQUxiO0FBTUUsUUFBQSxRQUFRLEVBQUVYLFFBTlo7QUFPRSxRQUFBLGNBQWMsRUFBRSxJQVBsQjtBQVFFLFFBQUEsV0FBVyxFQUFFO0FBQ1hxQixVQUFBQSxJQUFJLEVBQUU7QUFDSnJCLFlBQUFBLFFBQVEsRUFBRSxDQUFDSSxTQURQO0FBRUpOLFlBQUFBLFVBQVUsRUFBRUEsVUFGUjtBQUdKd0IsWUFBQUEsVUFBVSxFQUFFcEIsY0FIUjtBQUlKcUIsWUFBQUEsb0JBQW9CLEVBQUU7QUFKbEIsV0FESztBQU9YQyxVQUFBQSxLQUFLLEVBQUU7QUFDTHhCLFlBQUFBLFFBQVEsRUFBRTtBQURMLFdBUEk7QUFVWHlCLFVBQUFBLEtBQUssRUFBRTtBQUNMekIsWUFBQUEsUUFBUSxFQUFFO0FBREw7QUFWSTtBQVJmLFFBNUNKLEVBb0VHRyxRQUFRLGlCQUNQLDBEQUNFLDJDQURGLGVBRUUsZ0NBQUMsa0JBQUQ7QUFBVSxRQUFBLFdBQVcsRUFBQyxTQUF0QjtBQUFnQyxRQUFBLFFBQVEsRUFBRUE7QUFBMUMsUUFGRixDQXJFSixDQURGO0FBNkVEOzs7RUEvSHVCdUIsa0JBQU1DLFM7OztpQ0FBbkJ4QyxJLGVBQ1E7QUFDakJFLEVBQUFBLGFBQWEsRUFBRXVDLHNCQUFVQyxJQUFWLENBQWVDLFVBRGI7QUFFakJuQyxFQUFBQSxtQkFBbUIsRUFBRWlDLHNCQUFVQyxJQUFWLENBQWVDLFVBRm5CO0FBR2pCeEMsRUFBQUEsZUFBZSxFQUFFc0Msc0JBQVVDLElBQVYsQ0FBZUMsVUFIZjtBQUlqQnRDLEVBQUFBLEtBQUssRUFBRW9DLHNCQUFVRyxNQUpBO0FBS2pCdEMsRUFBQUEsT0FBTyxFQUFFbUMsc0JBQVVHLE1BQVYsQ0FBaUJELFVBTFQ7QUFNakJwQyxFQUFBQSxPQUFPLEVBQUVrQyxzQkFBVUksS0FBVixDQUFnQjtBQUN2QnZCLElBQUFBLEtBQUssRUFBRW1CLHNCQUFVSyxNQURNO0FBRXZCMUIsSUFBQUEsV0FBVyxFQUFFcUIsc0JBQVVNLEtBRkE7QUFHdkIxQixJQUFBQSxPQUFPLEVBQUVvQixzQkFBVUs7QUFISSxHQUFoQixFQUlOSDtBQVZjLEM7O2VBaUlOLHdCQUFXeEQsS0FBWCxFQUFrQmEsSUFBbEIsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgRWRpdGFibGVIVE1MIGZyb20gJ0BwaWUtbGliL2VkaXRhYmxlLWh0bWwnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IGRlYm91bmNlIGZyb20gJ2xvZGFzaC9kZWJvdW5jZSc7XG5pbXBvcnQgeyBjb2xvciwgRmVlZGJhY2ssIENvbGxhcHNpYmxlIH0gZnJvbSAnQHBpZS1saWIvcmVuZGVyLXVpJztcbmltcG9ydCB7IHJlbmRlck1hdGggfSBmcm9tICdAcGllLWxpYi9tYXRoLXJlbmRlcmluZyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBBbm5vdGF0aW9uRWRpdG9yIGZyb20gJy4vYW5ub3RhdGlvbi9hbm5vdGF0aW9uLWVkaXRvcic7XG5cbmNvbnN0IGxvZyA9IGRlYnVnKCdAcGllLXVpOmV4dGVuZGVkLXRleHQtZW50cnknKTtcblxuY29uc3Qgc3R5bGUgPSB0aGVtZSA9PiAoe1xuICBtYWluOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvci5iYWNrZ3JvdW5kKCksXG4gICAgY29sb3I6IGNvbG9yLnRleHQoKVxuICB9LFxuICBwcm9tcHQ6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXQgKiAyLFxuICAgIGZvbnRTaXplOiAnaW5oZXJpdCdcbiAgfVxufSk7XG5cbmV4cG9ydCBjbGFzcyBNYWluIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvblZhbHVlQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG9uQW5ub3RhdGlvbnNDaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgb25Db21tZW50Q2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIG1vZGVsOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgICBzZXNzaW9uOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICBhbm5vdGF0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICAgICAgY29tbWVudDogUHJvcFR5cGVzLnN0cmluZ1xuICAgIH0pLmlzUmVxdWlyZWRcbiAgfTtcblxuICBjb21wb25lbnREaWRVcGRhdGUoKSB7XG4gICAgaWYgKHRoaXMuY29udGFpbmVyUmVmKSB7XG4gICAgICByZW5kZXJNYXRoKHRoaXMuY29udGFpbmVyUmVmKTtcbiAgICB9XG4gIH1cblxuICBjaGFuZ2VTZXNzaW9uVmFsdWUgPSBkZWJvdW5jZSh0aGlzLnByb3BzLm9uVmFsdWVDaGFuZ2UsIDE1MDApO1xuXG4gIGNoYW5nZVNlc3Npb25Db21tZW50ID0gZGVib3VuY2UodGhpcy5wcm9wcy5vbkNvbW1lbnRDaGFuZ2UsIDE1MDApO1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IG1vZGVsLCBjbGFzc2VzLCBzZXNzaW9uLCBvbkFubm90YXRpb25zQ2hhbmdlIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHtcbiAgICAgIGFuaW1hdGlvbnNEaXNhYmxlZCxcbiAgICAgIGFubm90YXRvck1vZGUsXG4gICAgICBjdXN0b21LZXlzLFxuICAgICAgZGltZW5zaW9ucyxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgZGlzYWJsZWRBbm5vdGF0b3IsXG4gICAgICBlcXVhdGlvbkVkaXRvcixcbiAgICAgIGZlZWRiYWNrLFxuICAgICAgbWF0aElucHV0LFxuICAgICAgcHJlZGVmaW5lZEFubm90YXRpb25zLFxuICAgICAgcHJvbXB0LFxuICAgICAgdGVhY2hlckluc3RydWN0aW9uc1xuICAgIH0gPSBtb2RlbDtcbiAgICBjb25zdCB7IGFubm90YXRpb25zLCBjb21tZW50LCB2YWx1ZSB9ID0gc2Vzc2lvbjtcbiAgICBjb25zdCB7IHdpZHRoLCBoZWlnaHQgfSA9IGRpbWVuc2lvbnMgfHwge307XG4gICAgY29uc3QgbWF4SGVpZ2h0ID0gJzQwdmgnO1xuICAgIGxvZygnW3JlbmRlcl0gZGlzYWJsZWQ/ICcsIGRpc2FibGVkKTtcblxuICAgIGNvbnN0IHRlYWNoZXJJbnN0cnVjdGlvbnNEaXYgPSA8ZGl2XG4gICAgICBjbGFzc05hbWU9XCJ0ZWFjaGVyLWluc3RydWN0aW9uc1wiXG4gICAgICBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IHRlYWNoZXJJbnN0cnVjdGlvbnMgfX1cbiAgICAvPjtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5tYWlufVxuICAgICAgICByZWY9e3JlZiA9PiB7XG4gICAgICAgICAgdGhpcy5jb250YWluZXJSZWYgPSByZWY7XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHtcbiAgICAgICAgICB0ZWFjaGVySW5zdHJ1Y3Rpb25zICYmIChcbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIHshYW5pbWF0aW9uc0Rpc2FibGVkID8gKFxuICAgICAgICAgICAgICAgIDxDb2xsYXBzaWJsZVxuICAgICAgICAgICAgICAgICAgbGFiZWxzPXt7IGhpZGRlbjogJ1Nob3cgVGVhY2hlciBJbnN0cnVjdGlvbnMnLCB2aXNpYmxlOiAnSGlkZSBUZWFjaGVyIEluc3RydWN0aW9ucycgfX1cbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5jb2xsYXBzaWJsZX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7dGVhY2hlckluc3RydWN0aW9uc0Rpdn1cbiAgICAgICAgICAgICAgICA8L0NvbGxhcHNpYmxlPlxuICAgICAgICAgICAgICApIDogdGVhY2hlckluc3RydWN0aW9uc0RpdiB9XG4gICAgICAgICAgICAgIDxici8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApXG4gICAgICAgIH1cbiAgICAgICAge3Byb21wdCAmJiAoXG4gICAgICAgICAgPFR5cG9ncmFwaHlcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLnByb21wdCwgJ3Byb21wdCcpfVxuICAgICAgICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBwcm9tcHQgfX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICB7YW5ub3RhdG9yTW9kZSA/IChcbiAgICAgICAgICA8QW5ub3RhdGlvbkVkaXRvclxuICAgICAgICAgICAgdGV4dD17dmFsdWUgfHwgJyd9XG4gICAgICAgICAgICBhbm5vdGF0aW9ucz17YW5ub3RhdGlvbnMgfHwgW119XG4gICAgICAgICAgICBjb21tZW50PXtjb21tZW50IHx8ICcnfVxuICAgICAgICAgICAgcHJlZGVmaW5lZEFubm90YXRpb25zPXtwcmVkZWZpbmVkQW5ub3RhdGlvbnMgfHwgW119XG4gICAgICAgICAgICBvbkNoYW5nZT17b25Bbm5vdGF0aW9uc0NoYW5nZX1cbiAgICAgICAgICAgIG9uQ29tbWVudENoYW5nZT17dGhpcy5jaGFuZ2VTZXNzaW9uQ29tbWVudH1cbiAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWRBbm5vdGF0b3J9XG4gICAgICAgICAgICBkaXNhYmxlZE1hdGg9eyFtYXRoSW5wdXR9XG4gICAgICAgICAgICBjdXN0b21LZXlzPXtjdXN0b21LZXlzfVxuICAgICAgICAgICAga2V5cGFkTW9kZT17ZXF1YXRpb25FZGl0b3J9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8RWRpdGFibGVIVE1MXG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5jaGFuZ2VTZXNzaW9uVmFsdWV9XG4gICAgICAgICAgICBtYXJrdXA9e3ZhbHVlIHx8ICcnfVxuICAgICAgICAgICAgd2lkdGg9e3dpZHRoICYmIHdpZHRoLnRvU3RyaW5nKCl9XG4gICAgICAgICAgICBtaW5IZWlnaHQ9e2hlaWdodCAmJiBoZWlnaHQudG9TdHJpbmcoKX1cbiAgICAgICAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgaGlnaGxpZ2h0U2hhcGU9e3RydWV9XG4gICAgICAgICAgICBwbHVnaW5Qcm9wcz17e1xuICAgICAgICAgICAgICBtYXRoOiB7XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ6ICFtYXRoSW5wdXQsXG4gICAgICAgICAgICAgICAgY3VzdG9tS2V5czogY3VzdG9tS2V5cyxcbiAgICAgICAgICAgICAgICBrZXlwYWRNb2RlOiBlcXVhdGlvbkVkaXRvcixcbiAgICAgICAgICAgICAgICBjb250cm9sbGVkS2V5cGFkTW9kZTogZmFsc2VcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgdmlkZW86IHtcbiAgICAgICAgICAgICAgICBkaXNhYmxlZDogdHJ1ZVxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICBhdWRpbzoge1xuICAgICAgICAgICAgICAgIGRpc2FibGVkOiB0cnVlXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge2ZlZWRiYWNrICYmIChcbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8RmVlZGJhY2sgY29ycmVjdG5lc3M9XCJjb3JyZWN0XCIgZmVlZGJhY2s9e2ZlZWRiYWNrfS8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGUpKE1haW4pO1xuIl19

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["log","style","theme","main","backgroundColor","color","background","text","prompt","width","marginBottom","spacing","unit","fontSize","Main","props","onChange","containerRef","model","classes","session","dimensions","disabled","feedback","teacherInstructions","mathInput","value","height","maxHeight","ref","hidden","visible","collapsible","__html","changeSession","toString","math","customKeys","keypadMode","equationEditor","controlledKeypadMode","video","audio","React","Component","PropTypes","func","isRequired","object","shape","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport EditableHTML from '@pie-lib/editable-html';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport debounce from 'lodash/debounce';\nimport { color, Feedback, Collapsible } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst log = debug('@pie-ui:extended-text-entry');\n\nconst style = theme => ({\n  main: {\n    backgroundColor: color.background(),\n    color: color.text()\n  },\n  prompt: {\n    width: '100%',\n    color: color.text(),\n    marginBottom: theme.spacing.unit * 2,\n    fontSize: 'inherit'\n  }\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    model: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    session: PropTypes.shape({\n      value: PropTypes.string\n    }).isRequired\n  };\n\n  componentDidUpdate() {\n    if (this.containerRef) {\n      renderMath(this.containerRef);\n    }\n  }\n\n  changeSession = debounce(this.props.onChange, 1500);\n\n  render() {\n    const { model, classes, session } = this.props;\n    const { dimensions, disabled, feedback, teacherInstructions, mathInput } = model;\n    const { value } = session;\n    const { width, height } = dimensions || {};\n    const maxHeight = '40vh';\n    log('[render] disabled? ', disabled);\n\n    return (\n      <div\n        className={classes.main}\n        ref={ref => {\n          this.containerRef = ref;\n        }}\n      >\n        {\n          teacherInstructions && (\n            <div>\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                <div dangerouslySetInnerHTML={{ __html: teacherInstructions }}/>\n              </Collapsible>\n              <br />\n            </div>\n          )\n        }\n        {model.prompt && (\n          <Typography\n            className={classes.prompt}\n            dangerouslySetInnerHTML={{ __html: model.prompt }}\n          />\n        )}\n        <EditableHTML\n          onChange={this.changeSession}\n          markup={value || ''}\n          width={width && width.toString()}\n          minHeight={height && height.toString()}\n          maxHeight={maxHeight}\n          disabled={disabled}\n          highlightShape={true}\n          pluginProps={{\n            math: {\n              disabled: !mathInput,\n              customKeys: this.props.model.customKeys,\n              keypadMode: this.props.model.equationEditor,\n              controlledKeypadMode: false\n            },\n            video: {\n              disabled: true\n            },\n             audio: {\n              disabled: true\n            }\n          }}\n        />\n        {feedback && (\n          <div>\n            <br />\n            <Feedback correctness=\"correct\" feedback={feedback}/>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["log","style","theme","main","backgroundColor","color","background","text","prompt","width","marginBottom","spacing","unit","fontSize","Main","props","onChange","containerRef","model","classes","session","dimensions","disabled","feedback","teacherInstructions","mathInput","animationsDisabled","value","height","maxHeight","teacherInstructionsDiv","__html","ref","hidden","visible","collapsible","changeSession","toString","math","customKeys","keypadMode","equationEditor","controlledKeypadMode","video","audio","React","Component","PropTypes","func","isRequired","object","shape","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,6BAAN,CAAZ;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK;AAAA,SAAK;AACtBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,eAAe,EAAEC,gBAAMC,UAAN,EADb;AAEJD,MAAAA,KAAK,EAAEA,gBAAME,IAAN;AAFH,KADgB;AAKtBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,MADD;AAENJ,MAAAA,KAAK,EAAEA,gBAAME,IAAN,EAFD;AAGNG,MAAAA,YAAY,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB,CAH7B;AAINC,MAAAA,QAAQ,EAAE;AAJJ;AALc,GAAL;AAAA,CAAnB;;IAaaC,I;;;;;;;;;;;;;;;sGAgBK,0BAAS,MAAKC,KAAL,CAAWC,QAApB,EAA8B,IAA9B,C;;;;;;WANhB,8BAAqB;AACnB,UAAI,KAAKC,YAAT,EAAuB;AACrB,uCAAW,KAAKA,YAAhB;AACD;AACF;;;WAID,kBAAS;AAAA;;AACP,wBAAoC,KAAKF,KAAzC;AAAA,UAAQG,KAAR,eAAQA,KAAR;AAAA,UAAeC,OAAf,eAAeA,OAAf;AAAA,UAAwBC,OAAxB,eAAwBA,OAAxB;AACA,UAAQC,UAAR,GAA+FH,KAA/F,CAAQG,UAAR;AAAA,UAAoBC,QAApB,GAA+FJ,KAA/F,CAAoBI,QAApB;AAAA,UAA8BC,QAA9B,GAA+FL,KAA/F,CAA8BK,QAA9B;AAAA,UAAwCC,mBAAxC,GAA+FN,KAA/F,CAAwCM,mBAAxC;AAAA,UAA6DC,SAA7D,GAA+FP,KAA/F,CAA6DO,SAA7D;AAAA,UAAwEC,kBAAxE,GAA+FR,KAA/F,CAAwEQ,kBAAxE;AACA,UAAQC,KAAR,GAAkBP,OAAlB,CAAQO,KAAR;;AACA,iBAA0BN,UAAU,IAAI,EAAxC;AAAA,UAAQZ,KAAR,QAAQA,KAAR;AAAA,UAAemB,MAAf,QAAeA,MAAf;;AACA,UAAMC,SAAS,GAAG,MAAlB;AACA7B,MAAAA,GAAG,CAAC,qBAAD,EAAwBsB,QAAxB,CAAH;;AAEA,UAAMQ,sBAAsB,gBAAG;AAC7B,QAAA,SAAS,EAAC,sBADmB;AAE7B,QAAA,uBAAuB,EAAE;AAAEC,UAAAA,MAAM,EAAEP;AAAV;AAFI,QAA/B;;AAKA,0BACE;AACE,QAAA,SAAS,EAAEL,OAAO,CAAChB,IADrB;AAEE,QAAA,GAAG,EAAE,aAAA6B,KAAG,EAAI;AACV,UAAA,MAAI,CAACf,YAAL,GAAoBe,KAApB;AACD;AAJH,SAOIR,mBAAmB,iBACjB,6CACG,CAACE,kBAAD,gBACC,gCAAC,qBAAD;AACE,QAAA,MAAM,EAAE;AAACO,UAAAA,MAAM,EAAE,2BAAT;AAAsCC,UAAAA,OAAO,EAAE;AAA/C,SADV;AAEE,QAAA,SAAS,EAAEf,OAAO,CAACgB;AAFrB,SAIGL,sBAJH,CADD,GAOGA,sBARN,eASE,2CATF,CARN,EAqBGZ,KAAK,CAACV,MAAN,iBACC,gCAAC,sBAAD;AACE,QAAA,SAAS,EAAE,4BAAWW,OAAO,CAACX,MAAnB,EAA2B,QAA3B,CADb;AAEE,QAAA,uBAAuB,EAAE;AAAEuB,UAAAA,MAAM,EAAEb,KAAK,CAACV;AAAhB;AAF3B,QAtBJ,eA2BE,gCAAC,wBAAD;AACE,QAAA,QAAQ,EAAE,KAAK4B,aADjB;AAEE,QAAA,MAAM,EAAET,KAAK,IAAI,EAFnB;AAGE,QAAA,KAAK,EAAElB,KAAK,IAAIA,KAAK,CAAC4B,QAAN,EAHlB;AAIE,QAAA,SAAS,EAAET,MAAM,IAAIA,MAAM,CAACS,QAAP,EAJvB;AAKE,QAAA,SAAS,EAAER,SALb;AAME,QAAA,QAAQ,EAAEP,QANZ;AAOE,QAAA,cAAc,EAAE,IAPlB;AAQE,QAAA,WAAW,EAAE;AACXgB,UAAAA,IAAI,EAAE;AACJhB,YAAAA,QAAQ,EAAE,CAACG,SADP;AAEJc,YAAAA,UAAU,EAAE,KAAKxB,KAAL,CAAWG,KAAX,CAAiBqB,UAFzB;AAGJC,YAAAA,UAAU,EAAE,KAAKzB,KAAL,CAAWG,KAAX,CAAiBuB,cAHzB;AAIJC,YAAAA,oBAAoB,EAAE;AAJlB,WADK;AAOXC,UAAAA,KAAK,EAAE;AACLrB,YAAAA,QAAQ,EAAE;AADL,WAPI;AAUVsB,UAAAA,KAAK,EAAE;AACNtB,YAAAA,QAAQ,EAAE;AADJ;AAVG;AARf,QA3BF,EAkDGC,QAAQ,iBACP,0DACE,2CADF,eAEE,gCAAC,kBAAD;AAAU,QAAA,WAAW,EAAC,SAAtB;AAAgC,QAAA,QAAQ,EAAEA;AAA1C,QAFF,CAnDJ,CADF;AA2DD;;;EA1FuBsB,kBAAMC,S;;;iCAAnBhC,I,eACQ;AACjBE,EAAAA,QAAQ,EAAE+B,sBAAUC,IAAV,CAAeC,UADR;AAEjB/B,EAAAA,KAAK,EAAE6B,sBAAUG,MAFA;AAGjB/B,EAAAA,OAAO,EAAE4B,sBAAUG,MAAV,CAAiBD,UAHT;AAIjB7B,EAAAA,OAAO,EAAE2B,sBAAUI,KAAV,CAAgB;AACvBxB,IAAAA,KAAK,EAAEoB,sBAAUK;AADM,GAAhB,EAENH;AANc,C;;eA4FN,wBAAWhD,KAAX,EAAkBa,IAAlB,C","sourcesContent":["import React from 'react';\nimport EditableHTML from '@pie-lib/editable-html';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport debounce from 'lodash/debounce';\nimport { color, Feedback, Collapsible } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport classNames from 'classnames';\n\nconst log = debug('@pie-ui:extended-text-entry');\n\nconst style = theme => ({\n  main: {\n    backgroundColor: color.background(),\n    color: color.text()\n  },\n  prompt: {\n    width: '100%',\n    color: color.text(),\n    marginBottom: theme.spacing.unit * 2,\n    fontSize: 'inherit'\n  }\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    model: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    session: PropTypes.shape({\n      value: PropTypes.string\n    }).isRequired\n  };\n\n  componentDidUpdate() {\n    if (this.containerRef) {\n      renderMath(this.containerRef);\n    }\n  }\n\n  changeSession = debounce(this.props.onChange, 1500);\n\n  render() {\n    const { model, classes, session } = this.props;\n    const { dimensions, disabled, feedback, teacherInstructions, mathInput, animationsDisabled } = model;\n    const { value } = session;\n    const { width, height } = dimensions || {};\n    const maxHeight = '40vh';\n    log('[render] disabled? ', disabled);\n\n    const teacherInstructionsDiv = <div\n      className=\"teacher-instructions\"\n      dangerouslySetInnerHTML={{ __html: teacherInstructions }}\n    />;\n\n    return (\n      <div\n        className={classes.main}\n        ref={ref => {\n          this.containerRef = ref;\n        }}\n      >\n        {\n          teacherInstructions && (\n            <div>\n              {!animationsDisabled ? (\n                <Collapsible\n                  labels={{hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions'}}\n                  className={classes.collapsible}\n                >\n                  {teacherInstructionsDiv}\n                </Collapsible>\n              ) : teacherInstructionsDiv }\n              <br/>\n            </div>\n          )\n        }\n        {model.prompt && (\n          <Typography\n            className={classNames(classes.prompt, 'prompt')}\n            dangerouslySetInnerHTML={{ __html: model.prompt }}\n          />\n        )}\n        <EditableHTML\n          onChange={this.changeSession}\n          markup={value || ''}\n          width={width && width.toString()}\n          minHeight={height && height.toString()}\n          maxHeight={maxHeight}\n          disabled={disabled}\n          highlightShape={true}\n          pluginProps={{\n            math: {\n              disabled: !mathInput,\n              customKeys: this.props.model.customKeys,\n              keypadMode: this.props.model.equationEditor,\n              controlledKeypadMode: false\n            },\n            video: {\n              disabled: true\n            },\n             audio: {\n              disabled: true\n            }\n          }}\n        />\n        {feedback && (\n          <div>\n            <br />\n            <Feedback correctness=\"correct\" feedback={feedback}/>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(Main);\n"],"file":"main.js"}