@pie-lib/editable-html-tip-tap 1.0.0

package/lib/plugins/image/alt-dialog.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AltDialog = 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 _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
+
+var _ArrowBackIos = _interopRequireDefault(require("@material-ui/icons/ArrowBackIos"));
+
+var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 AltDialog = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(AltDialog, _React$Component);
+
+  var _super = _createSuper(AltDialog);
+
+  function AltDialog(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, AltDialog);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeDialog", function () {
+      var allDialogs = document.querySelectorAll('#text-dialog');
+      allDialogs.forEach(function (s) {
+        return s.remove();
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDone", function () {
+      var onDone = _this.props.onDone;
+      var value = _this.state.value;
+      onDone(value);
+
+      _this.closeDialog();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOverflow", function () {
+      document.body.style.removeProperty('overflow');
+    });
+    var alt = props.alt;
+    _this.state = {
+      value: alt
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(AltDialog, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var value = this.state.value;
+      return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+        open: true,
+        disablePortal: true,
+        onClose: this.closeDialog,
+        id: "text-dialog",
+        hideBackdrop: true,
+        disableScrollLock: true,
+        onEntered: this.handleOverflow
+      }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_ArrowBackIos["default"], {
+        style: {
+          paddingTop: '6px'
+        }
+      }), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+        multiline: true,
+        placeholder: 'Enter an Alt Text description of this image',
+        helperText: 'Users with visual limitations rely on Alt Text, since screen readers cannot otherwise describe the contents of an image.',
+        value: value,
+        onChange: function onChange(event) {
+          return _this2.setState({
+            value: event.target.value
+          });
+        },
+        FormHelperTextProps: {
+          style: {
+            fontSize: 14
+          }
+        }
+      }))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        onClick: this.onDone
+      }, "Done")));
+    }
+  }]);
+  return AltDialog;
+}(_react["default"].Component);
+
+exports.AltDialog = AltDialog;
+(0, _defineProperty2["default"])(AltDialog, "propTypes", {
+  onDone: _propTypes["default"].func.isRequired,
+  alt: _propTypes["default"].string
+});
+var _default = AltDialog;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2ltYWdlL2FsdC1kaWFsb2cuanN4Il0sIm5hbWVzIjpbIkFsdERpYWxvZyIsInByb3BzIiwiYWxsRGlhbG9ncyIsImRvY3VtZW50IiwicXVlcnlTZWxlY3RvckFsbCIsImZvckVhY2giLCJzIiwicmVtb3ZlIiwib25Eb25lIiwidmFsdWUiLCJzdGF0ZSIsImNsb3NlRGlhbG9nIiwiYm9keSIsInN0eWxlIiwicmVtb3ZlUHJvcGVydHkiLCJhbHQiLCJoYW5kbGVPdmVyZmxvdyIsImRpc3BsYXkiLCJwYWRkaW5nVG9wIiwiZXZlbnQiLCJzZXRTdGF0ZSIsInRhcmdldCIsImZvbnRTaXplIiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJmdW5jIiwiaXNSZXF1aXJlZCIsInN0cmluZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRWFBLFM7Ozs7O0FBTVgscUJBQVlDLEtBQVosRUFBbUI7QUFBQTs7QUFBQTtBQUNqQiw4QkFBTUEsS0FBTjtBQURpQixvR0FVTCxZQUFNO0FBQ2xCLFVBQU1DLFVBQVUsR0FBR0MsUUFBUSxDQUFDQyxnQkFBVCxDQUEwQixjQUExQixDQUFuQjtBQUVBRixNQUFBQSxVQUFVLENBQUNHLE9BQVgsQ0FBbUIsVUFBU0MsQ0FBVCxFQUFZO0FBQzdCLGVBQU9BLENBQUMsQ0FBQ0MsTUFBRixFQUFQO0FBQ0QsT0FGRDtBQUdELEtBaEJrQjtBQUFBLCtGQWtCVixZQUFNO0FBQ2IsVUFBUUMsTUFBUixHQUFtQixNQUFLUCxLQUF4QixDQUFRTyxNQUFSO0FBQ0EsVUFBUUMsS0FBUixHQUFrQixNQUFLQyxLQUF2QixDQUFRRCxLQUFSO0FBRUFELE1BQUFBLE1BQU0sQ0FBQ0MsS0FBRCxDQUFOOztBQUNBLFlBQUtFLFdBQUw7QUFDRCxLQXhCa0I7QUFBQSx1R0EwQkYsWUFBTTtBQUNyQlIsTUFBQUEsUUFBUSxDQUFDUyxJQUFULENBQWNDLEtBQWQsQ0FBb0JDLGNBQXBCLENBQW1DLFVBQW5DO0FBQ0QsS0E1QmtCO0FBR2pCLFFBQVFDLEdBQVIsR0FBZ0JkLEtBQWhCLENBQVFjLEdBQVI7QUFFQSxVQUFLTCxLQUFMLEdBQWE7QUFDWEQsTUFBQUEsS0FBSyxFQUFFTTtBQURJLEtBQWI7QUFMaUI7QUFRbEI7Ozs7V0FzQkQsa0JBQVM7QUFBQTs7QUFDUCxVQUFRTixLQUFSLEdBQWtCLEtBQUtDLEtBQXZCLENBQVFELEtBQVI7QUFFQSwwQkFDRSxnQ0FBQyxrQkFBRDtBQUNFLFFBQUEsSUFBSSxNQUROO0FBRUUsUUFBQSxhQUFhLE1BRmY7QUFHRSxRQUFBLE9BQU8sRUFBRSxLQUFLRSxXQUhoQjtBQUlFLFFBQUEsRUFBRSxFQUFDLGFBSkw7QUFLRSxRQUFBLFlBQVksTUFMZDtBQU1FLFFBQUEsaUJBQWlCLE1BTm5CO0FBT0UsUUFBQSxTQUFTLEVBQUUsS0FBS0s7QUFQbEIsc0JBU0UsZ0NBQUMseUJBQUQscUJBQ0U7QUFBSyxRQUFBLEtBQUssRUFBRTtBQUFFQyxVQUFBQSxPQUFPLEVBQUU7QUFBWDtBQUFaLHNCQUNFLGdDQUFDLHdCQUFEO0FBQWMsUUFBQSxLQUFLLEVBQUU7QUFBRUMsVUFBQUEsVUFBVSxFQUFFO0FBQWQ7QUFBckIsUUFERixlQUVFLGdDQUFDLHFCQUFEO0FBQ0UsUUFBQSxTQUFTLE1BRFg7QUFFRSxRQUFBLFdBQVcsRUFBRSw2Q0FGZjtBQUdFLFFBQUEsVUFBVSxFQUNSLDBIQUpKO0FBTUUsUUFBQSxLQUFLLEVBQUVULEtBTlQ7QUFPRSxRQUFBLFFBQVEsRUFBRSxrQkFBQ1UsS0FBRDtBQUFBLGlCQUFXLE1BQUksQ0FBQ0MsUUFBTCxDQUFjO0FBQUVYLFlBQUFBLEtBQUssRUFBRVUsS0FBSyxDQUFDRSxNQUFOLENBQWFaO0FBQXRCLFdBQWQsQ0FBWDtBQUFBLFNBUFo7QUFRRSxRQUFBLG1CQUFtQixFQUFFO0FBQUVJLFVBQUFBLEtBQUssRUFBRTtBQUFFUyxZQUFBQSxRQUFRLEVBQUU7QUFBWjtBQUFUO0FBUnZCLFFBRkYsQ0FERixDQVRGLGVBd0JFLGdDQUFDLHlCQUFELHFCQUNFLGdDQUFDLGtCQUFEO0FBQVEsUUFBQSxPQUFPLEVBQUUsS0FBS2Q7QUFBdEIsZ0JBREYsQ0F4QkYsQ0FERjtBQThCRDs7O0VBckU0QmUsa0JBQU1DLFM7OztpQ0FBeEJ4QixTLGVBQ1E7QUFDakJRLEVBQUFBLE1BQU0sRUFBRWlCLHNCQUFVQyxJQUFWLENBQWVDLFVBRE47QUFFakJaLEVBQUFBLEdBQUcsRUFBRVUsc0JBQVVHO0FBRkUsQztlQXVFTjVCLFMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvRGlhbG9nQ29udGVudCc7XG5pbXBvcnQgQXJyb3dCYWNrSW9zIGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9BcnJvd0JhY2tJb3MnO1xuaW1wb3J0IFRleHRGaWVsZCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9UZXh0RmllbGQnO1xuaW1wb3J0IERpYWxvZ0FjdGlvbnMgZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvRGlhbG9nQWN0aW9ucyc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0J1dHRvbic7XG5pbXBvcnQgRGlhbG9nIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0RpYWxvZyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgQWx0RGlhbG9nIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBvbkRvbmU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgYWx0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuXG4gICAgY29uc3QgeyBhbHQgfSA9IHByb3BzO1xuXG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZhbHVlOiBhbHQsXG4gICAgfTtcbiAgfVxuXG4gIGNsb3NlRGlhbG9nID0gKCkgPT4ge1xuICAgIGNvbnN0IGFsbERpYWxvZ3MgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcjdGV4dC1kaWFsb2cnKTtcblxuICAgIGFsbERpYWxvZ3MuZm9yRWFjaChmdW5jdGlvbihzKSB7XG4gICAgICByZXR1cm4gcy5yZW1vdmUoKTtcbiAgICB9KTtcbiAgfTtcblxuICBvbkRvbmUgPSAoKSA9PiB7XG4gICAgY29uc3QgeyBvbkRvbmUgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyB2YWx1ZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgIG9uRG9uZSh2YWx1ZSk7XG4gICAgdGhpcy5jbG9zZURpYWxvZygpO1xuICB9O1xuXG4gIGhhbmRsZU92ZXJmbG93ID0gKCkgPT4ge1xuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUucmVtb3ZlUHJvcGVydHkoJ292ZXJmbG93Jyk7XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgdmFsdWUgfSA9IHRoaXMuc3RhdGU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuXG4gICAgICAgIGRpc2FibGVQb3J0YWxcbiAgICAgICAgb25DbG9zZT17dGhpcy5jbG9zZURpYWxvZ31cbiAgICAgICAgaWQ9XCJ0ZXh0LWRpYWxvZ1wiXG4gICAgICAgIGhpZGVCYWNrZHJvcFxuICAgICAgICBkaXNhYmxlU2Nyb2xsTG9ja1xuICAgICAgICBvbkVudGVyZWQ9e3RoaXMuaGFuZGxlT3ZlcmZsb3d9XG4gICAgICA+XG4gICAgICAgIDxEaWFsb2dDb250ZW50PlxuICAgICAgICAgIDxkaXYgc3R5bGU9e3sgZGlzcGxheTogJ2ZsZXgnIH19PlxuICAgICAgICAgICAgPEFycm93QmFja0lvcyBzdHlsZT17eyBwYWRkaW5nVG9wOiAnNnB4JyB9fSAvPlxuICAgICAgICAgICAgPFRleHRGaWVsZFxuICAgICAgICAgICAgICBtdWx0aWxpbmVcbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eydFbnRlciBhbiBBbHQgVGV4dCBkZXNjcmlwdGlvbiBvZiB0aGlzIGltYWdlJ31cbiAgICAgICAgICAgICAgaGVscGVyVGV4dD17XG4gICAgICAgICAgICAgICAgJ1VzZXJzIHdpdGggdmlzdWFsIGxpbWl0YXRpb25zIHJlbHkgb24gQWx0IFRleHQsIHNpbmNlIHNjcmVlbiByZWFkZXJzIGNhbm5vdCBvdGhlcndpc2UgZGVzY3JpYmUgdGhlIGNvbnRlbnRzIG9mIGFuIGltYWdlLidcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXsoZXZlbnQpID0+IHRoaXMuc2V0U3RhdGUoeyB2YWx1ZTogZXZlbnQudGFyZ2V0LnZhbHVlIH0pfVxuICAgICAgICAgICAgICBGb3JtSGVscGVyVGV4dFByb3BzPXt7IHN0eWxlOiB7IGZvbnRTaXplOiAxNCB9IH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0RpYWxvZ0NvbnRlbnQ+XG4gICAgICAgIDxEaWFsb2dBY3Rpb25zPlxuICAgICAgICAgIDxCdXR0b24gb25DbGljaz17dGhpcy5vbkRvbmV9PkRvbmU8L0J1dHRvbj5cbiAgICAgICAgPC9EaWFsb2dBY3Rpb25zPlxuICAgICAgPC9EaWFsb2c+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBBbHREaWFsb2c7XG4iXX0=

package/lib/plugins/image/component.js

@@ -0,0 +1,419 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Component = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
+
+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 log = (0, _debug["default"])('@pie-lib:editable-html:plugins:image:component');
+
+var size = function size(s) {
+  return s ? "".concat(s, "px") : 'auto';
+};
+
+var Component = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Component, _React$Component);
+
+  var _super = _createSuper(Component);
+
+  function Component() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Component);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getWidth", function (percent) {
+      var multiplier = percent / 100;
+      return _this.img.naturalWidth * multiplier;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getHeight", function (percent) {
+      var multiplier = percent / 100;
+      return _this.img.naturalHeight * multiplier;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPercentFromWidth", function (width) {
+      var floored = width / _this.img.naturalWidth * 4;
+      return parseInt(floored.toFixed(0) * 25, 10);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "applySizeData", function () {
+      var _this$props = _this.props,
+          node = _this$props.node,
+          editor = _this$props.editor;
+      var update = node.data;
+      var w = update.get('width');
+
+      if (w) {
+        update = update.set('resizePercent', _this.getPercentFromWidth(w));
+      }
+
+      log('[applySizeData] update: ', update);
+
+      if (!update.equals(node.data)) {
+        editor.change(function (c) {
+          return c.setNodeByKey(node.key, {
+            data: update
+          });
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "initialiseResize", function () {
+      window.addEventListener('mousemove', _this.startResizing, false);
+      window.addEventListener('mouseup', _this.stopResizing, false);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "loadImage", function () {
+      var _ref = _this.props || {},
+          maxImageWidth = _ref.maxImageWidth,
+          maxImageHeight = _ref.maxImageHeight;
+
+      maxImageWidth = maxImageWidth || 700;
+      maxImageHeight = maxImageHeight || 900;
+      var box = _this.img; //on first load
+
+      if (!box.style.width || box.style.width === 'auto') {
+        var dimensions = {
+          width: box && box.naturalWidth || 100,
+          height: box && box.naturalHeight || 100
+        };
+
+        var _this$updateImageDime = _this.updateImageDimensions(dimensions, {
+          width: dimensions.width < maxImageWidth ? dimensions.width : maxImageWidth,
+          height: dimensions.height < maxImageHeight ? dimensions.height : maxImageHeight
+        }, true),
+            width = _this$updateImageDime.width,
+            height = _this$updateImageDime.height;
+
+        box.style.width = "".concat(width, "px");
+        box.style.height = "".concat(height, "px");
+
+        _this.setState({
+          dimensions: {
+            height: height,
+            width: width
+          }
+        });
+
+        var _this$props2 = _this.props,
+            node = _this$props2.node,
+            editor = _this$props2.editor;
+        var update = node.data;
+        update = update.set('width', width);
+        update = update.set('height', height);
+
+        if (!update.equals(node.data)) {
+          editor.change(function (c) {
+            return c.setNodeByKey(node.key, {
+              data: update
+            });
+          });
+        }
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "startResizing", function (e) {
+      var bounds = e.target.getBoundingClientRect();
+      var box = _this.img;
+      var dimensions = {
+        width: box && box.naturalWidth || 100,
+        height: box && box.naturalHeight || 100
+      };
+
+      var _this$updateImageDime2 = _this.updateImageDimensions(dimensions, {
+        width: e.clientX - bounds.left,
+        height: e.clientY - bounds.top
+      }, true),
+          width = _this$updateImageDime2.width,
+          height = _this$updateImageDime2.height;
+
+      var hasMinimumWidth = width > 50 && height > 50;
+      var hasDimensionsConstraints = width <= 700 && height <= 900;
+
+      if (hasMinimumWidth && hasDimensionsConstraints && box) {
+        box.style.width = "".concat(width, "px");
+        box.style.height = "".concat(height, "px");
+
+        _this.setState({
+          dimensions: {
+            height: height,
+            width: width
+          }
+        });
+
+        var _this$props3 = _this.props,
+            node = _this$props3.node,
+            editor = _this$props3.editor;
+        var update = node.data;
+        update = update.set('width', width);
+        update = update.set('height', height);
+
+        if (!update.equals(node.data)) {
+          editor.change(function (c) {
+            return c.setNodeByKey(node.key, {
+              data: update
+            });
+          });
+        }
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stopResizing", function () {
+      window.removeEventListener('mousemove', _this.startResizing, false);
+      window.removeEventListener('mouseup', _this.stopResizing, false);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateImageDimensions", function (initialDim, nextDim, keepAspectRatio, resizeType) {
+      // if we want to keep image aspect ratio
+      if (keepAspectRatio) {
+        var imageAspectRatio = initialDim.width / initialDim.height;
+
+        if (resizeType === 'height') {
+          // if we want to change image height => we update the width accordingly
+          return {
+            width: nextDim.height * imageAspectRatio,
+            height: nextDim.height
+          };
+        } // if we want to change image width => we update the height accordingly
+
+
+        return {
+          width: nextDim.width,
+          height: nextDim.width / imageAspectRatio
+        };
+      } // if we don't want to keep aspect ratio, we just update both values
+
+
+      return {
+        width: nextDim.width,
+        height: nextDim.height
+      };
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Component, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.applySizeData();
+      var resizeHandle = this.resize;
+
+      if (resizeHandle) {
+        resizeHandle.addEventListener('mousedown', this.initialiseResize, false);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.applySizeData();
+    }
+  }, {
+    key: "getSize",
+    value: function getSize(data) {
+      return {
+        width: size(data.get('width')),
+        height: size(data.get('height')),
+        objectFit: 'contain'
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props4 = this.props,
+          node = _this$props4.node,
+          editor = _this$props4.editor,
+          classes = _this$props4.classes,
+          attributes = _this$props4.attributes,
+          onFocus = _this$props4.onFocus;
+      var active = editor.value.isFocused && editor.value.selection.hasEdgeIn(node);
+      var src = node.data.get('src');
+      var loaded = node.data.get('loaded') !== false;
+      var deleteStatus = node.data.get('deleteStatus');
+      var alignment = node.data.get('alignment');
+      var percent = node.data.get('percent');
+      var alt = node.data.get('alt');
+      var justifyContent;
+
+      switch (alignment) {
+        case 'left':
+          justifyContent = 'flex-start';
+          break;
+
+        case 'center':
+          justifyContent = 'center';
+          break;
+
+        case 'right':
+          justifyContent = 'flex-end';
+          break;
+
+        default:
+          justifyContent = 'flex-start';
+          break;
+      }
+
+      log('[render] node.data:', node.data);
+      var size = this.getSize(node.data);
+      log('[render] style:', size);
+      var className = (0, _classnames["default"])(classes.root, !loaded && classes.loading, deleteStatus === 'pending' && classes.pendingDelete);
+      var progressClasses = (0, _classnames["default"])(classes.progress, loaded && classes.hideProgress);
+      return [/*#__PURE__*/_react["default"].createElement("span", {
+        key: 'sp1'
+      }, "\xA0"), /*#__PURE__*/_react["default"].createElement("div", {
+        key: 'comp',
+        onFocus: onFocus,
+        className: className,
+        style: {
+          justifyContent: justifyContent
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_LinearProgress["default"], {
+        mode: "determinate",
+        value: percent > 0 ? percent : 0,
+        className: progressClasses
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.imageContainer
+      }, /*#__PURE__*/_react["default"].createElement("img", (0, _extends2["default"])({}, attributes, {
+        className: (0, _classnames["default"])(classes.image, active && classes.active),
+        ref: function ref(_ref2) {
+          _this2.img = _ref2;
+        },
+        src: src,
+        style: size,
+        onLoad: this.loadImage,
+        alt: alt
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        ref: function ref(_ref3) {
+          _this2.resize = _ref3;
+        },
+        className: (0, _classnames["default"])(classes.resize, 'resize')
+      }))), /*#__PURE__*/_react["default"].createElement("span", {
+        key: 'sp2'
+      }, "\xA0")];
+    }
+  }]);
+  return Component;
+}(_react["default"].Component);
+
+exports.Component = Component;
+(0, _defineProperty2["default"])(Component, "propTypes", {
+  node: _slatePropTypes["default"].node.isRequired,
+  editor: _propTypes["default"].shape({
+    change: _propTypes["default"].func.isRequired,
+    value: _propTypes["default"].object
+  }).isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  attributes: _propTypes["default"].object,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  maxImageWidth: _propTypes["default"].number,
+  maxImageHeight: _propTypes["default"].number
+});
+
+var styles = function styles(theme) {
+  return {
+    portal: {
+      position: 'absolute',
+      opacity: 0,
+      transition: 'opacity 200ms linear'
+    },
+    floatingButtonRow: {
+      backgroundColor: theme.palette.background.paper,
+      borderRadius: '1px',
+      display: 'flex',
+      padding: '10px',
+      border: "solid 1px ".concat(theme.palette.grey[200]),
+      boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)'
+    },
+    progress: {
+      position: 'absolute',
+      left: '0',
+      width: 'fit-content',
+      top: '0%',
+      transition: 'opacity 200ms linear'
+    },
+    hideProgress: {
+      opacity: 0
+    },
+    loading: {
+      opacity: 0.3
+    },
+    pendingDelete: {
+      opacity: 0.3
+    },
+    root: {
+      position: 'relative',
+      border: "solid 1px ".concat(theme.palette.common.white),
+      display: 'flex',
+      transition: 'opacity 200ms linear'
+    },
+    "delete": {
+      position: 'absolute',
+      right: 0
+    },
+    imageContainer: {
+      position: 'relative',
+      width: 'fit-content',
+      display: 'flex',
+      alignItems: 'center',
+      '&&:hover > .resize': {
+        display: 'block'
+      }
+    },
+    active: {
+      border: "solid 1px ".concat(theme.palette.primary.main)
+    },
+    resize: {
+      backgroundColor: theme.palette.primary.main,
+      cursor: 'col-resize',
+      height: '35px',
+      width: '5px',
+      borderRadius: 8,
+      marginLeft: '5px',
+      marginRight: '10px',
+      display: 'none'
+    },
+    drawableHeight: {
+      minHeight: 350
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(Component);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2ltYWdlL2NvbXBvbmVudC5qc3giXSwibmFtZXMiOlsibG9nIiwic2l6ZSIsInMiLCJDb21wb25lbnQiLCJwZXJjZW50IiwibXVsdGlwbGllciIsImltZyIsIm5hdHVyYWxXaWR0aCIsIm5hdHVyYWxIZWlnaHQiLCJ3aWR0aCIsImZsb29yZWQiLCJwYXJzZUludCIsInRvRml4ZWQiLCJwcm9wcyIsIm5vZGUiLCJlZGl0b3IiLCJ1cGRhdGUiLCJkYXRhIiwidyIsImdldCIsInNldCIsImdldFBlcmNlbnRGcm9tV2lkdGgiLCJlcXVhbHMiLCJjaGFuZ2UiLCJjIiwic2V0Tm9kZUJ5S2V5Iiwia2V5Iiwid2luZG93IiwiYWRkRXZlbnRMaXN0ZW5lciIsInN0YXJ0UmVzaXppbmciLCJzdG9wUmVzaXppbmciLCJtYXhJbWFnZVdpZHRoIiwibWF4SW1hZ2VIZWlnaHQiLCJib3giLCJzdHlsZSIsImRpbWVuc2lvbnMiLCJoZWlnaHQiLCJ1cGRhdGVJbWFnZURpbWVuc2lvbnMiLCJzZXRTdGF0ZSIsImUiLCJib3VuZHMiLCJ0YXJnZXQiLCJnZXRCb3VuZGluZ0NsaWVudFJlY3QiLCJjbGllbnRYIiwibGVmdCIsImNsaWVudFkiLCJ0b3AiLCJoYXNNaW5pbXVtV2lkdGgiLCJoYXNEaW1lbnNpb25zQ29uc3RyYWludHMiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiaW5pdGlhbERpbSIsIm5leHREaW0iLCJrZWVwQXNwZWN0UmF0aW8iLCJyZXNpemVUeXBlIiwiaW1hZ2VBc3BlY3RSYXRpbyIsImFwcGx5U2l6ZURhdGEiLCJyZXNpemVIYW5kbGUiLCJyZXNpemUiLCJpbml0aWFsaXNlUmVzaXplIiwib2JqZWN0Rml0IiwiY2xhc3NlcyIsImF0dHJpYnV0ZXMiLCJvbkZvY3VzIiwiYWN0aXZlIiwidmFsdWUiLCJpc0ZvY3VzZWQiLCJzZWxlY3Rpb24iLCJoYXNFZGdlSW4iLCJzcmMiLCJsb2FkZWQiLCJkZWxldGVTdGF0dXMiLCJhbGlnbm1lbnQiLCJhbHQiLCJqdXN0aWZ5Q29udGVudCIsImdldFNpemUiLCJjbGFzc05hbWUiLCJyb290IiwibG9hZGluZyIsInBlbmRpbmdEZWxldGUiLCJwcm9ncmVzc0NsYXNzZXMiLCJwcm9ncmVzcyIsImhpZGVQcm9ncmVzcyIsImltYWdlQ29udGFpbmVyIiwiaW1hZ2UiLCJyZWYiLCJsb2FkSW1hZ2UiLCJSZWFjdCIsIlNsYXRlUHJvcFR5cGVzIiwiaXNSZXF1aXJlZCIsIlByb3BUeXBlcyIsInNoYXBlIiwiZnVuYyIsIm9iamVjdCIsIm9uQmx1ciIsIm51bWJlciIsInN0eWxlcyIsInRoZW1lIiwicG9ydGFsIiwicG9zaXRpb24iLCJvcGFjaXR5IiwidHJhbnNpdGlvbiIsImZsb2F0aW5nQnV0dG9uUm93IiwiYmFja2dyb3VuZENvbG9yIiwicGFsZXR0ZSIsImJhY2tncm91bmQiLCJwYXBlciIsImJvcmRlclJhZGl1cyIsImRpc3BsYXkiLCJwYWRkaW5nIiwiYm9yZGVyIiwiZ3JleSIsImJveFNoYWRvdyIsImNvbW1vbiIsIndoaXRlIiwicmlnaHQiLCJhbGlnbkl0ZW1zIiwicHJpbWFyeSIsIm1haW4iLCJjdXJzb3IiLCJtYXJnaW5MZWZ0IiwibWFyZ2luUmlnaHQiLCJkcmF3YWJsZUhlaWdodCIsIm1pbkhlaWdodCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxHQUFHLEdBQUcsdUJBQU0sZ0RBQU4sQ0FBWjs7QUFFQSxJQUFNQyxJQUFJLEdBQUcsU0FBUEEsSUFBTyxDQUFDQyxDQUFEO0FBQUEsU0FBUUEsQ0FBQyxhQUFNQSxDQUFOLFVBQWMsTUFBdkI7QUFBQSxDQUFiOztJQUVhQyxTOzs7Ozs7Ozs7Ozs7Ozs7aUdBZUEsVUFBQ0MsT0FBRCxFQUFhO0FBQ3RCLFVBQU1DLFVBQVUsR0FBR0QsT0FBTyxHQUFHLEdBQTdCO0FBQ0EsYUFBTyxNQUFLRSxHQUFMLENBQVND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LE1BQUFBLE9BQU8sRUFBRSxNQUhLO0FBSWRRLE1BQUFBLFVBQVUsRUFBRSxRQUpFO0FBTWQsNEJBQXNCO0FBQ3BCUixRQUFBQSxPQUFPLEVBQUU7QUFEVztBQU5SLEtBekNTO0FBbUR6QjVDLElBQUFBLE1BQU0sRUFBRTtBQUNOOEMsTUFBQUEsTUFBTSxzQkFBZWIsS0FBSyxDQUFDTyxPQUFOLENBQWNhLE9BQWQsQ0FBc0JDLElBQXJDO0FBREEsS0FuRGlCO0FBc0R6QjVELElBQUFBLE1BQU0sRUFBRTtBQUNONkMsTUFBQUEsZUFBZSxFQUFFTixLQUFLLENBQUNPLE9BQU4sQ0FBY2EsT0FBZCxDQUFzQkMsSUFEakM7QUFFTkMsTUFBQUEsTUFBTSxFQUFFLFlBRkY7QUFHTmxGLE1BQUFBLE1BQU0sRUFBRSxNQUhGO0FBSU4zQixNQUFBQSxLQUFLLEVBQUUsS0FKRDtBQUtOaUcsTUFBQUEsWUFBWSxFQUFFLENBTFI7QUFNTmEsTUFBQUEsVUFBVSxFQUFFLEtBTk47QUFPTkMsTUFBQUEsV0FBVyxFQUFFLE1BUFA7QUFRTmIsTUFBQUEsT0FBTyxFQUFFO0FBUkgsS0F0RGlCO0FBZ0V6QmMsSUFBQUEsY0FBYyxFQUFFO0FBQ2RDLE1BQUFBLFNBQVMsRUFBRTtBQURHO0FBaEVTLEdBQVo7QUFBQSxDQUFmOztlQXFFZSx3QkFBVzNCLE1BQVgsRUFBbUI1RixTQUFuQixDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IExpbmVhclByb2dyZXNzIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0xpbmVhclByb2dyZXNzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgU2xhdGVQcm9wVHlwZXMgZnJvbSAnc2xhdGUtcHJvcC10eXBlcyc7XG5cbmNvbnN0IGxvZyA9IGRlYnVnKCdAcGllLWxpYjplZGl0YWJsZS1odG1sOnBsdWdpbnM6aW1hZ2U6Y29tcG9uZW50Jyk7XG5cbmNvbnN0IHNpemUgPSAocykgPT4gKHMgPyBgJHtzfXB4YCA6ICdhdXRvJyk7XG5cbmV4cG9ydCBjbGFzcyBDb21wb25lbnQgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIG5vZGU6IFNsYXRlUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgICBlZGl0b3I6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBjaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgICB2YWx1ZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgICB9KS5pc1JlcXVpcmVkLFxuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgICBhdHRyaWJ1dGVzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIG9uRm9jdXM6IFByb3BUeXBlcy5mdW5jLFxuICAgIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG4gICAgbWF4SW1hZ2VXaWR0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgICBtYXhJbWFnZUhlaWdodDogUHJvcFR5cGVzLm51bWJlcixcbiAgfTtcblxuICBnZXRXaWR0aCA9IChwZXJjZW50KSA9PiB7XG4gICAgY29uc3QgbXVsdGlwbGllciA9IHBlcmNlbnQgLyAxMDA7XG4gICAgcmV0dXJuIHRoaXMuaW1nLm5hdHVyYWxXaWR0aCAqIG11bHRpcGxpZXI7XG4gIH07XG5cbiAgZ2V0SGVpZ2h0ID0gKHBlcmNlbnQpID0+IHtcbiAgICBjb25zdCBtdWx0aXBsaWVyID0gcGVyY2VudCAvIDEwMDtcbiAgICByZXR1cm4gdGhpcy5pbWcubmF0dXJhbEhlaWdodCAqIG11bHRpcGxpZXI7XG4gIH07XG5cbiAgZ2V0UGVyY2VudEZyb21XaWR0aCA9ICh3aWR0aCkgPT4ge1xuICAgIHZhciBmbG9vcmVkID0gKHdpZHRoIC8gdGhpcy5pbWcubmF0dXJhbFdpZHRoKSAqIDQ7XG4gICAgcmV0dXJuIHBhcnNlSW50KGZsb29yZWQudG9GaXhlZCgwKSAqIDI1LCAxMCk7XG4gIH07XG5cbiAgYXBwbHlTaXplRGF0YSA9ICgpID0+IHtcbiAgICBjb25zdCB7IG5vZGUsIGVkaXRvciB9ID0gdGhpcy5wcm9wcztcblxuICAgIGxldCB1cGRhdGUgPSBub2RlLmRhdGE7XG5cbiAgICBjb25zdCB3ID0gdXBkYXRlLmdldCgnd2lkdGgnKTtcbiAgICBpZiAodykge1xuICAgICAgdXBkYXRlID0gdXBkYXRlLnNldCgncmVzaXplUGVyY2VudCcsIHRoaXMuZ2V0UGVyY2VudEZyb21XaWR0aCh3KSk7XG4gICAgfVxuXG4gICAgbG9nKCdbYXBwbHlTaXplRGF0YV0gdXBkYXRlOiAnLCB1cGRhdGUpO1xuXG4gICAgaWYgKCF1cGRhdGUuZXF1YWxzKG5vZGUuZGF0YSkpIHtcbiAgICAgIGVkaXRvci5jaGFuZ2UoKGMpID0+IGMuc2V0Tm9kZUJ5S2V5KG5vZGUua2V5LCB7IGRhdGE6IHVwZGF0ZSB9KSk7XG4gICAgfVxuICB9O1xuXG4gIGluaXRpYWxpc2VSZXNpemUgPSAoKSA9PiB7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbW92ZScsIHRoaXMuc3RhcnRSZXNpemluZywgZmFsc2UpO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgdGhpcy5zdG9wUmVzaXppbmcsIGZhbHNlKTtcbiAgfTtcblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICB0aGlzLmFwcGx5U2l6ZURhdGEoKTtcblxuICAgIGNvbnN0IHJlc2l6ZUhhbmRsZSA9IHRoaXMucmVzaXplO1xuXG4gICAgaWYgKHJlc2l6ZUhhbmRsZSkge1xuICAgICAgcmVzaXplSGFuZGxlLmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIHRoaXMuaW5pdGlhbGlzZVJlc2l6ZSwgZmFsc2UpO1xuICAgIH1cbiAgfVxuXG4gIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICB0aGlzLmFwcGx5U2l6ZURhdGEoKTtcbiAgfVxuXG4gIGdldFNpemUoZGF0YSkge1xuICAgIHJldHVybiB7XG4gICAgICB3aWR0aDogc2l6ZShkYXRhLmdldCgnd2lkdGgnKSksXG4gICAgICBoZWlnaHQ6IHNpemUoZGF0YS5nZXQoJ2hlaWdodCcpKSxcbiAgICAgIG9iamVjdEZpdDogJ2NvbnRhaW4nLFxuICAgIH07XG4gIH1cblxuICBsb2FkSW1hZ2UgPSAoKSA9PiB7XG4gICAgbGV0IHsgbWF4SW1hZ2VXaWR0aCwgbWF4SW1hZ2VIZWlnaHQgfSA9IHRoaXMucHJvcHMgfHwge307XG4gICAgbWF4SW1hZ2VXaWR0aCA9IG1heEltYWdlV2lkdGggfHwgNzAwO1xuICAgIG1heEltYWdlSGVpZ2h0ID0gbWF4SW1hZ2VIZWlnaHQgfHwgOTAwO1xuXG4gICAgY29uc3QgYm94ID0gdGhpcy5pbWc7XG5cbiAgICAvL29uIGZpcnN0IGxvYWRcbiAgICBpZiAoIWJveC5zdHlsZS53aWR0aCB8fCBib3guc3R5bGUud2lkdGggPT09ICdhdXRvJykge1xuICAgICAgY29uc3QgZGltZW5zaW9ucyA9IHtcbiAgICAgICAgd2lkdGg6IChib3ggJiYgYm94Lm5hdHVyYWxXaWR0aCkgfHwgMTAwLFxuICAgICAgICBoZWlnaHQ6IChib3ggJiYgYm94Lm5hdHVyYWxIZWlnaHQpIHx8IDEwMCxcbiAgICAgIH07XG5cbiAgICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCB9ID0gdGhpcy51cGRhdGVJbWFnZURpbWVuc2lvbnMoXG4gICAgICAgIGRpbWVuc2lvbnMsXG4gICAgICAgIHtcbiAgICAgICAgICB3aWR0aDogZGltZW5zaW9ucy53aWR0aCA8IG1heEltYWdlV2lkdGggPyBkaW1lbnNpb25zLndpZHRoIDogbWF4SW1hZ2VXaWR0aCxcbiAgICAgICAgICBoZWlnaHQ6IGRpbWVuc2lvbnMuaGVpZ2h0IDwgbWF4SW1hZ2VIZWlnaHQgPyBkaW1lbnNpb25zLmhlaWdodCA6IG1heEltYWdlSGVpZ2h0LFxuICAgICAgICB9LFxuICAgICAgICB0cnVlLFxuICAgICAgKTtcblxuICAgICAgYm94LnN0eWxlLndpZHRoID0gYCR7d2lkdGh9cHhgO1xuICAgICAgYm94LnN0eWxlLmhlaWdodCA9IGAke2hlaWdodH1weGA7XG5cbiAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICBkaW1lbnNpb25zOiB7IGhlaWdodDogaGVpZ2h0LCB3aWR0aDogd2lkdGggfSxcbiAgICAgIH0pO1xuXG4gICAgICBjb25zdCB7IG5vZGUsIGVkaXRvciB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgbGV0IHVwZGF0ZSA9IG5vZGUuZGF0YTtcblxuICAgICAgdXBkYXRlID0gdXBkYXRlLnNldCgnd2lkdGgnLCB3aWR0aCk7XG4gICAgICB1cGRhdGUgPSB1cGRhdGUuc2V0KCdoZWlnaHQnLCBoZWlnaHQpO1xuXG4gICAgICBpZiAoIXVwZGF0ZS5lcXVhbHMobm9kZS5kYXRhKSkge1xuICAgICAgICBlZGl0b3IuY2hhbmdlKChjKSA9PiBjLnNldE5vZGVCeUtleShub2RlLmtleSwgeyBkYXRhOiB1cGRhdGUgfSkpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBzdGFydFJlc2l6aW5nID0gKGUpID0+IHtcbiAgICBjb25zdCBib3VuZHMgPSBlLnRhcmdldC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBib3ggPSB0aGlzLmltZztcbiAgICBjb25zdCBkaW1lbnNpb25zID0ge1xuICAgICAgd2lkdGg6IChib3ggJiYgYm94Lm5hdHVyYWxXaWR0aCkgfHwgMTAwLFxuICAgICAgaGVpZ2h0OiAoYm94ICYmIGJveC5uYXR1cmFsSGVpZ2h0KSB8fCAxMDAsXG4gICAgfTtcblxuICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCB9ID0gdGhpcy51cGRhdGVJbWFnZURpbWVuc2lvbnMoXG4gICAgICBkaW1lbnNpb25zLFxuICAgICAge1xuICAgICAgICB3aWR0aDogZS5jbGllbnRYIC0gYm91bmRzLmxlZnQsXG4gICAgICAgIGhlaWdodDogZS5jbGllbnRZIC0gYm91bmRzLnRvcCxcbiAgICAgIH0sXG4gICAgICB0cnVlLFxuICAgICk7XG5cbiAgICBjb25zdCBoYXNNaW5pbXVtV2lkdGggPSB3aWR0aCA+IDUwICYmIGhlaWdodCA+IDUwO1xuICAgIGNvbnN0IGhhc0RpbWVuc2lvbnNDb25zdHJhaW50cyA9IHdpZHRoIDw9IDcwMCAmJiBoZWlnaHQgPD0gOTAwO1xuXG4gICAgaWYgKGhhc01pbmltdW1XaWR0aCAmJiBoYXNEaW1lbnNpb25zQ29uc3RyYWludHMgJiYgYm94KSB7XG4gICAgICBib3guc3R5bGUud2lkdGggPSBgJHt3aWR0aH1weGA7XG4gICAgICBib3guc3R5bGUuaGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YDtcblxuICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgIGRpbWVuc2lvbnM6IHsgaGVpZ2h0OiBoZWlnaHQsIHdpZHRoOiB3aWR0aCB9LFxuICAgICAgfSk7XG5cbiAgICAgIGNvbnN0IHsgbm9kZSwgZWRpdG9yIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICBsZXQgdXBkYXRlID0gbm9kZS5kYXRhO1xuXG4gICAgICB1cGRhdGUgPSB1cGRhdGUuc2V0KCd3aWR0aCcsIHdpZHRoKTtcbiAgICAgIHVwZGF0ZSA9IHVwZGF0ZS5zZXQoJ2hlaWdodCcsIGhlaWdodCk7XG5cbiAgICAgIGlmICghdXBkYXRlLmVxdWFscyhub2RlLmRhdGEpKSB7XG4gICAgICAgIGVkaXRvci5jaGFuZ2UoKGMpID0+IGMuc2V0Tm9kZUJ5S2V5KG5vZGUua2V5LCB7IGRhdGE6IHVwZGF0ZSB9KSk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuXG4gIHN0b3BSZXNpemluZyA9ICgpID0+IHtcbiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vtb3ZlJywgdGhpcy5zdGFydFJlc2l6aW5nLCBmYWxzZSk7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNldXAnLCB0aGlzLnN0b3BSZXNpemluZywgZmFsc2UpO1xuICB9O1xuXG4gIHVwZGF0ZUltYWdlRGltZW5zaW9ucyA9IChpbml0aWFsRGltLCBuZXh0RGltLCBrZWVwQXNwZWN0UmF0aW8sIHJlc2l6ZVR5cGUpID0+IHtcbiAgICAvLyBpZiB3ZSB3YW50IHRvIGtlZXAgaW1hZ2UgYXNwZWN0IHJhdGlvXG4gICAgaWYgKGtlZXBBc3BlY3RSYXRpbykge1xuICAgICAgY29uc3QgaW1hZ2VBc3BlY3RSYXRpbyA9IGluaXRpYWxEaW0ud2lkdGggLyBpbml0aWFsRGltLmhlaWdodDtcblxuICAgICAgaWYgKHJlc2l6ZVR5cGUgPT09ICdoZWlnaHQnKSB7XG4gICAgICAgIC8vIGlmIHdlIHdhbnQgdG8gY2hhbmdlIGltYWdlIGhlaWdodCA9PiB3ZSB1cGRhdGUgdGhlIHdpZHRoIGFjY29yZGluZ2x5XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgd2lkdGg6IG5leHREaW0uaGVpZ2h0ICogaW1hZ2VBc3BlY3RSYXRpbyxcbiAgICAgICAgICBoZWlnaHQ6IG5leHREaW0uaGVpZ2h0LFxuICAgICAgICB9O1xuICAgICAgfVxuXG4gICAgICAvLyBpZiB3ZSB3YW50IHRvIGNoYW5nZSBpbWFnZSB3aWR0aCA9PiB3ZSB1cGRhdGUgdGhlIGhlaWdodCBhY2NvcmRpbmdseVxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IG5leHREaW0ud2lkdGgsXG4gICAgICAgIGhlaWdodDogbmV4dERpbS53aWR0aCAvIGltYWdlQXNwZWN0UmF0aW8sXG4gICAgICB9O1xuICAgIH1cblxuICAgIC8vIGlmIHdlIGRvbid0IHdhbnQgdG8ga2VlcCBhc3BlY3QgcmF0aW8sIHdlIGp1c3QgdXBkYXRlIGJvdGggdmFsdWVzXG4gICAgcmV0dXJuIHtcbiAgICAgIHdpZHRoOiBuZXh0RGltLndpZHRoLFxuICAgICAgaGVpZ2h0OiBuZXh0RGltLmhlaWdodCxcbiAgICB9O1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IG5vZGUsIGVkaXRvciwgY2xhc3NlcywgYXR0cmlidXRlcywgb25Gb2N1cyB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCBhY3RpdmUgPSBlZGl0b3IudmFsdWUuaXNGb2N1c2VkICYmIGVkaXRvci52YWx1ZS5zZWxlY3Rpb24uaGFzRWRnZUluKG5vZGUpO1xuICAgIGNvbnN0IHNyYyA9IG5vZGUuZGF0YS5nZXQoJ3NyYycpO1xuICAgIGNvbnN0IGxvYWRlZCA9IG5vZGUuZGF0YS5nZXQoJ2xvYWRlZCcpICE9PSBmYWxzZTtcbiAgICBjb25zdCBkZWxldGVTdGF0dXMgPSBub2RlLmRhdGEuZ2V0KCdkZWxldGVTdGF0dXMnKTtcbiAgICBjb25zdCBhbGlnbm1lbnQgPSBub2RlLmRhdGEuZ2V0KCdhbGlnbm1lbnQnKTtcbiAgICBjb25zdCBwZXJjZW50ID0gbm9kZS5kYXRhLmdldCgncGVyY2VudCcpO1xuICAgIGNvbnN0IGFsdCA9IG5vZGUuZGF0YS5nZXQoJ2FsdCcpO1xuICAgIGxldCBqdXN0aWZ5Q29udGVudDtcblxuICAgIHN3aXRjaCAoYWxpZ25tZW50KSB7XG4gICAgICBjYXNlICdsZWZ0JzpcbiAgICAgICAganVzdGlmeUNvbnRlbnQgPSAnZmxleC1zdGFydCc7XG4gICAgICAgIGJyZWFrO1xuXG4gICAgICBjYXNlICdjZW50ZXInOlxuICAgICAgICBqdXN0aWZ5Q29udGVudCA9ICdjZW50ZXInO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAncmlnaHQnOlxuICAgICAgICBqdXN0aWZ5Q29udGVudCA9ICdmbGV4LWVuZCc7XG4gICAgICAgIGJyZWFrO1xuXG4gICAgICBkZWZhdWx0OlxuICAgICAgICBqdXN0aWZ5Q29udGVudCA9ICdmbGV4LXN0YXJ0JztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIGxvZygnW3JlbmRlcl0gbm9kZS5kYXRhOicsIG5vZGUuZGF0YSk7XG5cbiAgICBjb25zdCBzaXplID0gdGhpcy5nZXRTaXplKG5vZGUuZGF0YSk7XG5cbiAgICBsb2coJ1tyZW5kZXJdIHN0eWxlOicsIHNpemUpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lID0gY2xhc3NOYW1lcyhcbiAgICAgIGNsYXNzZXMucm9vdCxcbiAgICAgICFsb2FkZWQgJiYgY2xhc3Nlcy5sb2FkaW5nLFxuICAgICAgZGVsZXRlU3RhdHVzID09PSAncGVuZGluZycgJiYgY2xhc3Nlcy5wZW5kaW5nRGVsZXRlLFxuICAgICk7XG5cbiAgICBjb25zdCBwcm9ncmVzc0NsYXNzZXMgPSBjbGFzc05hbWVzKGNsYXNzZXMucHJvZ3Jlc3MsIGxvYWRlZCAmJiBjbGFzc2VzLmhpZGVQcm9ncmVzcyk7XG5cbiAgICByZXR1cm4gW1xuICAgICAgPHNwYW4ga2V5PXsnc3AxJ30+Jm5ic3A7PC9zcGFuPixcbiAgICAgIDxkaXYga2V5PXsnY29tcCd9IG9uRm9jdXM9e29uRm9jdXN9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzdHlsZT17eyBqdXN0aWZ5Q29udGVudCB9fT5cbiAgICAgICAgPExpbmVhclByb2dyZXNzIG1vZGU9XCJkZXRlcm1pbmF0ZVwiIHZhbHVlPXtwZXJjZW50ID4gMCA/IHBlcmNlbnQgOiAwfSBjbGFzc05hbWU9e3Byb2dyZXNzQ2xhc3Nlc30gLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMuaW1hZ2VDb250YWluZXJ9PlxuICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgIHsuLi5hdHRyaWJ1dGVzfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMuaW1hZ2UsIGFjdGl2ZSAmJiBjbGFzc2VzLmFjdGl2ZSl9XG4gICAgICAgICAgICByZWY9eyhyZWYpID0+IHtcbiAgICAgICAgICAgICAgdGhpcy5pbWcgPSByZWY7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgICBzdHlsZT17c2l6ZX1cbiAgICAgICAgICAgIG9uTG9hZD17dGhpcy5sb2FkSW1hZ2V9XG4gICAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17KHJlZikgPT4ge1xuICAgICAgICAgICAgICB0aGlzLnJlc2l6ZSA9IHJlZjtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3Nlcy5yZXNpemUsICdyZXNpemUnKX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PixcbiAgICAgIDxzcGFuIGtleT17J3NwMid9PiZuYnNwOzwvc3Bhbj4sXG4gICAgXTtcbiAgfVxufVxuXG5jb25zdCBzdHlsZXMgPSAodGhlbWUpID0+ICh7XG4gIHBvcnRhbDoge1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIG9wYWNpdHk6IDAsXG4gICAgdHJhbnNpdGlvbjogJ29wYWNpdHkgMjAwbXMgbGluZWFyJyxcbiAgfSxcbiAgZmxvYXRpbmdCdXR0b25Sb3c6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICBib3JkZXJSYWRpdXM6ICcxcHgnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBwYWRkaW5nOiAnMTBweCcsXG4gICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUucGFsZXR0ZS5ncmV5WzIwMF19YCxcbiAgICBib3hTaGFkb3c6XG4gICAgICAnMHB4IDFweCA1cHggMHB4IHJnYmEoMCwgMCwgMCwgMC4yKSwgMHB4IDJweCAycHggMHB4IHJnYmEoMCwgMCwgMCwgMC4xNCksIDBweCAzcHggMXB4IC0ycHggcmdiYSgwLCAwLCAwLCAwLjEyKScsXG4gIH0sXG4gIHByb2dyZXNzOiB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgbGVmdDogJzAnLFxuICAgIHdpZHRoOiAnZml0LWNvbnRlbnQnLFxuICAgIHRvcDogJzAlJyxcbiAgICB0cmFuc2l0aW9uOiAnb3BhY2l0eSAyMDBtcyBsaW5lYXInLFxuICB9LFxuICBoaWRlUHJvZ3Jlc3M6IHtcbiAgICBvcGFjaXR5OiAwLFxuICB9LFxuICBsb2FkaW5nOiB7XG4gICAgb3BhY2l0eTogMC4zLFxuICB9LFxuICBwZW5kaW5nRGVsZXRlOiB7XG4gICAgb3BhY2l0eTogMC4zLFxuICB9LFxuICByb290OiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUucGFsZXR0ZS5jb21tb24ud2hpdGV9YCxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgdHJhbnNpdGlvbjogJ29wYWNpdHkgMjAwbXMgbGluZWFyJyxcbiAgfSxcbiAgZGVsZXRlOiB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgcmlnaHQ6IDAsXG4gIH0sXG4gIGltYWdlQ29udGFpbmVyOiB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgd2lkdGg6ICdmaXQtY29udGVudCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuXG4gICAgJyYmOmhvdmVyID4gLnJlc2l6ZSc6IHtcbiAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgfSxcbiAgfSxcbiAgYWN0aXZlOiB7XG4gICAgYm9yZGVyOiBgc29saWQgMXB4ICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59YCxcbiAgfSxcbiAgcmVzaXplOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbixcbiAgICBjdXJzb3I6ICdjb2wtcmVzaXplJyxcbiAgICBoZWlnaHQ6ICczNXB4JyxcbiAgICB3aWR0aDogJzVweCcsXG4gICAgYm9yZGVyUmFkaXVzOiA4LFxuICAgIG1hcmdpbkxlZnQ6ICc1cHgnLFxuICAgIG1hcmdpblJpZ2h0OiAnMTBweCcsXG4gICAgZGlzcGxheTogJ25vbmUnLFxuICB9LFxuICBkcmF3YWJsZUhlaWdodDoge1xuICAgIG1pbkhlaWdodDogMzUwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhTdHlsZXMoc3R5bGVzKShDb21wb25lbnQpO1xuIl19