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

package/lib/plugins/image/image-toolbar.js

@@ -0,0 +1,177 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ImageToolbar = 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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _toolbarButtons = require("../toolbar/toolbar-buttons");
+
+var _altDialog = _interopRequireDefault(require("./alt-dialog"));
+
+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:image-toolbar');
+
+var AlignmentButton = function AlignmentButton(_ref) {
+  var alignment = _ref.alignment,
+      active = _ref.active,
+      onClick = _ref.onClick;
+  return /*#__PURE__*/_react["default"].createElement(_toolbarButtons.MarkButton, {
+    active: active,
+    onToggle: function onToggle() {
+      return onClick(alignment);
+    },
+    label: alignment
+  }, alignment);
+};
+
+AlignmentButton.propTypes = {
+  alignment: _propTypes["default"].string.isRequired,
+  active: _propTypes["default"].bool.isRequired,
+  onClick: _propTypes["default"].func.isRequired
+};
+
+var ImageToolbar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ImageToolbar, _React$Component);
+
+  var _super = _createSuper(ImageToolbar);
+
+  function ImageToolbar() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ImageToolbar);
+
+    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), "onAltTextDone", function (newAlt) {
+      log('[onAltTextDone]: alt:', newAlt);
+
+      _this.props.onChange({
+        alt: newAlt
+      }, true);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAlignmentClick", function (alignment) {
+      log('[onAlignmentClick]: alignment:', alignment);
+
+      _this.props.onChange({
+        alignment: alignment
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderDialog", function () {
+      var alt = _this.props.alt;
+      var popoverEl = document.createElement('div');
+
+      var el = /*#__PURE__*/_react["default"].createElement(_altDialog["default"], {
+        alt: alt,
+        onDone: _this.onAltTextDone
+      });
+
+      _reactDom["default"].render(el, popoverEl);
+
+      document.body.appendChild(popoverEl);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ImageToolbar, [{
+    key: "render",
+    value: function render() {
+      var _classNames,
+          _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          alignment = _this$props.alignment,
+          imageLoaded = _this$props.imageLoaded,
+          disableImageAlignmentButtons = _this$props.disableImageAlignmentButtons;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.holder
+      }, !disableImageAlignmentButtons && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(AlignmentButton, {
+        alignment: 'left',
+        active: alignment === 'left',
+        onClick: this.onAlignmentClick
+      }), /*#__PURE__*/_react["default"].createElement(AlignmentButton, {
+        alignment: 'center',
+        active: alignment === 'center',
+        onClick: this.onAlignmentClick
+      }), /*#__PURE__*/_react["default"].createElement(AlignmentButton, {
+        alignment: 'right',
+        active: alignment === 'right',
+        onClick: this.onAlignmentClick
+      })), /*#__PURE__*/_react["default"].createElement("span", {
+        className: (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.disabled, !imageLoaded), (0, _defineProperty2["default"])(_classNames, classes.altButton, !disableImageAlignmentButtons), _classNames)),
+        onMouseDown: function onMouseDown(event) {
+          return imageLoaded && _this2.renderDialog(event);
+        }
+      }, "Alt text"));
+    }
+  }]);
+  return ImageToolbar;
+}(_react["default"].Component);
+
+exports.ImageToolbar = ImageToolbar;
+(0, _defineProperty2["default"])(ImageToolbar, "propTypes", {
+  onChange: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  alignment: _propTypes["default"].string,
+  alt: _propTypes["default"].string,
+  imageLoaded: _propTypes["default"].bool,
+  disableImageAlignmentButtons: _propTypes["default"].bool
+});
+
+var styles = function styles(theme) {
+  return {
+    holder: {
+      paddingLeft: theme.spacing.unit,
+      display: 'flex',
+      alignItems: 'center'
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    altButton: {
+      borderLeft: '1px solid grey',
+      paddingLeft: 8,
+      marginLeft: 4
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(ImageToolbar);
+
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2ltYWdlL2ltYWdlLXRvb2xiYXIuanN4Il0sIm5hbWVzIjpbImxvZyIsIkFsaWdubWVudEJ1dHRvbiIsImFsaWdubWVudCIsImFjdGl2ZSIsIm9uQ2xpY2siLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJpc1JlcXVpcmVkIiwiYm9vbCIsImZ1bmMiLCJJbWFnZVRvb2xiYXIiLCJuZXdBbHQiLCJwcm9wcyIsIm9uQ2hhbmdlIiwiYWx0IiwicG9wb3ZlckVsIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50IiwiZWwiLCJvbkFsdFRleHREb25lIiwiUmVhY3RET00iLCJyZW5kZXIiLCJib2R5IiwiYXBwZW5kQ2hpbGQiLCJjbGFzc2VzIiwiaW1hZ2VMb2FkZWQiLCJkaXNhYmxlSW1hZ2VBbGlnbm1lbnRCdXR0b25zIiwiaG9sZGVyIiwib25BbGlnbm1lbnRDbGljayIsImRpc2FibGVkIiwiYWx0QnV0dG9uIiwiZXZlbnQiLCJyZW5kZXJEaWFsb2ciLCJSZWFjdCIsIkNvbXBvbmVudCIsIm9iamVjdCIsInN0eWxlcyIsInRoZW1lIiwicGFkZGluZ0xlZnQiLCJzcGFjaW5nIiwidW5pdCIsImRpc3BsYXkiLCJhbGlnbkl0ZW1zIiwib3BhY2l0eSIsImJvcmRlckxlZnQiLCJtYXJnaW5MZWZ0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUVBOztBQUNBOzs7Ozs7QUFFQSxJQUFNQSxHQUFHLEdBQUcsdUJBQU0sb0RBQU4sQ0FBWjs7QUFFQSxJQUFNQyxlQUFlLEdBQUcsU0FBbEJBLGVBQWtCLE9BQW9DO0FBQUEsTUFBakNDLFNBQWlDLFFBQWpDQSxTQUFpQztBQUFBLE1BQXRCQyxNQUFzQixRQUF0QkEsTUFBc0I7QUFBQSxNQUFkQyxPQUFjLFFBQWRBLE9BQWM7QUFDMUQsc0JBQ0UsZ0NBQUMsMEJBQUQ7QUFBWSxJQUFB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RUF0RCtCRSxrQkFBTUMsUzs7O2lDQUEzQnhCLFksZUFDUTtBQUNqQkcsRUFBQUEsUUFBUSxFQUFFUixzQkFBVUksSUFBVixDQUFlRixVQURSO0FBRWpCaUIsRUFBQUEsT0FBTyxFQUFFbkIsc0JBQVU4QixNQUFWLENBQWlCNUIsVUFGVDtBQUdqQk4sRUFBQUEsU0FBUyxFQUFFSSxzQkFBVUMsTUFISjtBQUlqQlEsRUFBQUEsR0FBRyxFQUFFVCxzQkFBVUMsTUFKRTtBQUtqQm1CLEVBQUFBLFdBQVcsRUFBRXBCLHNCQUFVRyxJQUxOO0FBTWpCa0IsRUFBQUEsNEJBQTRCLEVBQUVyQixzQkFBVUc7QUFOdkIsQzs7QUF3RHJCLElBQU00QixNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFDQyxLQUFEO0FBQUEsU0FBWTtBQUN6QlYsSUFBQUEsTUFBTSxFQUFFO0FBQ05XLE1BQUFBLFdBQVcsRUFBRUQsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBRHJCO0FBRU5DLE1BQUFBLE9BQU8sRUFBRSxNQUZIO0FBR05DLE1BQUFBLFVBQVUsRUFBRTtBQUhOLEtBRGlCO0FBTXpCYixJQUFBQSxRQUFRLEVBQUU7QUFDUmMsTUFBQUEsT0FBTyxFQUFFO0FBREQsS0FOZTtBQVN6QmIsSUFBQUEsU0FBUyxFQUFFO0FBQ1RjLE1BQUFBLFVBQVUsRUFBRSxnQkFESDtBQUVUTixNQUFBQSxXQUFXLEVBQUUsQ0FGSjtBQUdUTyxNQUFBQSxVQUFVLEVBQUU7QUFISDtBQVRjLEdBQVo7QUFBQSxDQUFmOztlQWdCZSx3QkFBV1QsTUFBWCxFQUFtQjFCLFlBQW5CLEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCB7IHdpdGhTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbmltcG9ydCB7IE1hcmtCdXR0b24gfSBmcm9tICcuLi90b29sYmFyL3Rvb2xiYXItYnV0dG9ucyc7XG5pbXBvcnQgQWx0RGlhbG9nIGZyb20gJy4vYWx0LWRpYWxvZyc7XG5cbmNvbnN0IGxvZyA9IGRlYnVnKCdAcGllLWxpYjplZGl0YWJsZS1odG1sOnBsdWdpbnM6aW1hZ2U6aW1hZ2UtdG9vbGJhcicpO1xuXG5jb25zdCBBbGlnbm1lbnRCdXR0b24gPSAoeyBhbGlnbm1lbnQsIGFjdGl2ZSwgb25DbGljayB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1hcmtCdXR0b24gYWN0aXZlPXthY3RpdmV9IG9uVG9nZ2xlPXsoKSA9PiBvbkNsaWNrKGFsaWdubWVudCl9IGxhYmVsPXthbGlnbm1lbnR9PlxuICAgICAge2FsaWdubWVudH1cbiAgICA8L01hcmtCdXR0b24+XG4gICk7XG59O1xuXG5BbGlnbm1lbnRCdXR0b24ucHJvcFR5cGVzID0ge1xuICBhbGlnbm1lbnQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgYWN0aXZlOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxufTtcblxuZXhwb3J0IGNsYXNzIEltYWdlVG9vbGJhciBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdC5pc1JlcXVpcmVkLFxuICAgIGFsaWdubWVudDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBhbHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgaW1hZ2VMb2FkZWQ6IFByb3BUeXBlcy5ib29sLFxuICAgIGRpc2FibGVJbWFnZUFsaWdubWVudEJ1dHRvbnM6IFByb3BUeXBlcy5ib29sLFxuICB9O1xuXG4gIG9uQWx0VGV4dERvbmUgPSAobmV3QWx0KSA9PiB7XG4gICAgbG9nKCdbb25BbHRUZXh0RG9uZV06IGFsdDonLCBuZXdBbHQpO1xuXG4gICAgdGhpcy5wcm9wcy5vbkNoYW5nZSh7IGFsdDogbmV3QWx0IH0sIHRydWUpO1xuICB9O1xuXG4gIG9uQWxpZ25tZW50Q2xpY2sgPSAoYWxpZ25tZW50KSA9PiB7XG4gICAgbG9nKCdbb25BbGlnbm1lbnRDbGlja106IGFsaWdubWVudDonLCBhbGlnbm1lbnQpO1xuICAgIHRoaXMucHJvcHMub25DaGFuZ2UoeyBhbGlnbm1lbnQgfSk7XG4gIH07XG5cbiAgcmVuZGVyRGlhbG9nID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgYWx0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHBvcG92ZXJFbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuXG4gICAgY29uc3QgZWwgPSA8QWx0RGlhbG9nIGFsdD17YWx0fSBvbkRvbmU9e3RoaXMub25BbHRUZXh0RG9uZX0gLz47XG5cbiAgICBSZWFjdERPTS5yZW5kZXIoZWwsIHBvcG92ZXJFbCk7XG5cbiAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKHBvcG92ZXJFbCk7XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgY2xhc3NlcywgYWxpZ25tZW50LCBpbWFnZUxvYWRlZCwgZGlzYWJsZUltYWdlQWxpZ25tZW50QnV0dG9ucyB9ID0gdGhpcy5wcm9wcztcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMuaG9sZGVyfT5cbiAgICAgICAgeyFkaXNhYmxlSW1hZ2VBbGlnbm1lbnRCdXR0b25zICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPEFsaWdubWVudEJ1dHRvbiBhbGlnbm1lbnQ9eydsZWZ0J30gYWN0aXZlPXthbGlnbm1lbnQgPT09ICdsZWZ0J30gb25DbGljaz17dGhpcy5vbkFsaWdubWVudENsaWNrfSAvPlxuICAgICAgICAgICAgPEFsaWdubWVudEJ1dHRvbiBhbGlnbm1lbnQ9eydjZW50ZXInfSBhY3RpdmU9e2FsaWdubWVudCA9PT0gJ2NlbnRlcid9IG9uQ2xpY2s9e3RoaXMub25BbGlnbm1lbnRDbGlja30gLz5cbiAgICAgICAgICAgIDxBbGlnbm1lbnRCdXR0b24gYWxpZ25tZW50PXsncmlnaHQnfSBhY3RpdmU9e2FsaWdubWVudCA9PT0gJ3JpZ2h0J30gb25DbGljaz17dGhpcy5vbkFsaWdubWVudENsaWNrfSAvPlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyh7XG4gICAgICAgICAgICBbY2xhc3Nlcy5kaXNhYmxlZF06ICFpbWFnZUxvYWRlZCxcbiAgICAgICAgICAgIFtjbGFzc2VzLmFsdEJ1dHRvbl06ICFkaXNhYmxlSW1hZ2VBbGlnbm1lbnRCdXR0b25zLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIG9uTW91c2VEb3duPXsoZXZlbnQpID0+IGltYWdlTG9hZGVkICYmIHRoaXMucmVuZGVyRGlhbG9nKGV2ZW50KX1cbiAgICAgICAgPlxuICAgICAgICAgIEFsdCB0ZXh0XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3Qgc3R5bGVzID0gKHRoZW1lKSA9PiAoe1xuICBob2xkZXI6IHtcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2luZy51bml0LFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgfSxcbiAgZGlzYWJsZWQ6IHtcbiAgICBvcGFjaXR5OiAwLjUsXG4gIH0sXG4gIGFsdEJ1dHRvbjoge1xuICAgIGJvcmRlckxlZnQ6ICcxcHggc29saWQgZ3JleScsXG4gICAgcGFkZGluZ0xlZnQ6IDgsXG4gICAgbWFyZ2luTGVmdDogNCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoSW1hZ2VUb29sYmFyKTtcbiJdfQ==

package/lib/plugins/image/index.js

@@ -0,0 +1,263 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ImagePlugin;
+exports.serialization = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slate = require("slate");
+
+var _Image = _interopRequireDefault(require("@material-ui/icons/Image"));
+
+var _component = _interopRequireDefault(require("./component"));
+
+var _imageToolbar = _interopRequireDefault(require("./image-toolbar"));
+
+var _insertImageHandler = _interopRequireDefault(require("./insert-image-handler"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:image');
+
+function ImagePlugin(opts) {
+  var toolbar = opts.insertImageRequested && {
+    icon: /*#__PURE__*/_react["default"].createElement(_Image["default"], null),
+    ariaLabel: 'Insert Image',
+    onClick: function onClick(value, onChange) {
+      log('[toolbar] onClick');
+
+      var inline = _slate.Inline.create({
+        type: 'image',
+        isVoid: true,
+        data: {
+          loaded: false,
+          src: undefined
+        }
+      });
+
+      var change = value.change().insertInline(inline);
+      onChange(change);
+      opts.insertImageRequested(inline, function (onFinish, getValue) {
+        return new _insertImageHandler["default"](inline, onFinish, getValue, onChange);
+      });
+    },
+    supports: function supports(node) {
+      return node.object === 'inline' && node.type === 'image';
+    },
+    customToolbar: function customToolbar(node, value, onToolbarDone) {
+      var alignment = node.data.get('alignment');
+      var alt = node.data.get('alt');
+      var imageLoaded = node.data.get('loaded') !== false;
+
+      var onChange = function onChange(newValues, done) {
+        var update = _objectSpread(_objectSpread({}, node.data.toObject()), newValues);
+
+        var change = value.change().setNodeByKey(node.key, {
+          data: update
+        });
+        onToolbarDone(change, done);
+      };
+
+      var Tb = function Tb() {
+        return /*#__PURE__*/_react["default"].createElement(_imageToolbar["default"], {
+          disableImageAlignmentButtons: opts.disableImageAlignmentButtons,
+          alt: alt,
+          imageLoaded: imageLoaded,
+          alignment: alignment || 'left',
+          onChange: onChange
+        });
+      };
+
+      return Tb;
+    },
+    showDone: true
+  };
+  return {
+    name: 'image',
+    toolbar: toolbar,
+    deleteNode: function deleteNode(e, node, value, onChange) {
+      e.preventDefault();
+
+      if (opts.onDelete) {
+        var update = node.data.merge(_slate.Data.create({
+          deleteStatus: 'pending'
+        }));
+        var change = value.change().setNodeByKey(node.key, {
+          data: update
+        });
+        onChange(change);
+        opts.onDelete(node, function (err, v) {
+          if (!err) {
+            change = v.change().removeNodeByKey(node.key);
+          } else {
+            log('[error]: ', err);
+            change = v.change().setNodeByKey(node.key, node.data.merge(_slate.Data.create({
+              deleteStatus: 'failed'
+            })));
+          }
+
+          onChange(change);
+        });
+      } else {
+        var _change = value.change().removeNodeByKey(node.key);
+
+        onChange(_change);
+      }
+    },
+    stopReset: function stopReset(value) {
+      var imgPendingInsertion = value.document.findDescendant(function (n) {
+        if (n.type !== 'image') {
+          return;
+        }
+
+        return n.data.get('loaded') === false;
+      });
+      /** don't reset if there is an image pending insertion */
+
+      return imgPendingInsertion !== undefined && imgPendingInsertion !== null;
+    },
+    renderNode: function renderNode(props) {
+      if (props.node.type === 'image') {
+        var all = Object.assign({
+          onDelete: opts.onDelete,
+          onFocus: opts.onFocus,
+          onBlur: opts.onBlur,
+          maxImageWidth: opts.maxImageWidth,
+          maxImageHeight: opts.maxImageHeight
+        }, props);
+        return /*#__PURE__*/_react["default"].createElement(_component["default"], all);
+      }
+    },
+    normalizeNode: function normalizeNode(node) {
+      var textNodeMap = {};
+      var updateNodesArray = [];
+      var index = 0;
+      if (node.object !== 'document') return;
+      node.findDescendant(function (d) {
+        if (d.object === 'text') {
+          textNodeMap[index] = d;
+        }
+
+        if (d.type === 'image') {
+          if (index > 0 && textNodeMap[index - 1] && textNodeMap[index - 1].text === '') {
+            updateNodesArray.push(textNodeMap[index - 1]);
+          }
+        }
+
+        index++;
+      });
+      if (!updateNodesArray.length) return;
+      return function (change) {
+        change.withoutNormalization(function () {
+          updateNodesArray.forEach(function (n) {
+            return change.insertTextByKey(n.key, 0, ' ');
+          });
+        });
+      };
+    }
+  };
+}
+
+var serialization = {
+  deserialize: function deserialize(el
+  /*, next*/
+  ) {
+    var name = el.tagName.toLowerCase();
+    if (name !== 'img') return;
+    log('deserialize: ', name);
+    var style = el.style || {
+      width: '',
+      height: '',
+      margin: '',
+      justifyContent: ''
+    };
+    var width = parseInt(style.width.replace('px', ''), 10) || null;
+    var height = parseInt(style.height.replace('px', ''), 10) || null;
+    var out = {
+      object: 'inline',
+      type: 'image',
+      isVoid: true,
+      data: {
+        src: el.getAttribute('src'),
+        width: width,
+        height: height,
+        margin: el.style.margin,
+        justifyContent: el.style.justifyContent,
+        alignment: el.getAttribute('alignment'),
+        alt: el.getAttribute('alt')
+      }
+    };
+    log('return object: ', out);
+    return out;
+  },
+  serialize: function serialize(object
+  /*, children*/
+  ) {
+    if (object.type !== 'image') return;
+    var data = object.data;
+    var src = data.get('src');
+    var width = data.get('width');
+    var height = data.get('height');
+    var alignment = data.get('alignment') || 'left';
+    var margin = data.get('margin');
+    var justifyContent = data.get('margin');
+    var alt = data.get('alt');
+    var style = {};
+
+    if (width) {
+      style.width = "".concat(width, "px");
+    }
+
+    if (height) {
+      style.height = "".concat(height, "px");
+    }
+
+    style.margin = margin;
+    style.justifyContent = justifyContent;
+
+    if (alignment) {
+      switch (alignment) {
+        case 'left':
+          style.justifyContent = 'flex-start';
+          style.margin = '0';
+          break;
+
+        case 'center':
+          style.justifyContent = 'center';
+          style.margin = '0 auto';
+          break;
+
+        case 'right':
+          style.justifyContent = 'flex-end';
+          style.margin = 'auto 0 0 auto';
+          break;
+
+        default:
+          style.justifyContent = 'flex-start';
+          break;
+      }
+    }
+
+    style.objectFit = 'contain';
+    var props = {
+      src: src,
+      style: style,
+      alignment: alignment,
+      alt: alt
+    };
+    return /*#__PURE__*/_react["default"].createElement("img", props);
+  }
+};
+exports.serialization = serialization;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2ltYWdlL2luZGV4LmpzeCJdLCJuYW1lcyI6WyJsb2ciLCJJbWFnZVBsdWdpbiIsIm9wdHMiLCJ0b29sYmFyIiwiaW5zZXJ0SW1hZ2VSZXF1ZXN0ZWQiLCJpY29uIiwiYXJpYUxhYmVsIiwib25DbGljayIsInZhbHVlIiwib25DaGFuZ2UiLCJpbmxpbmUiLCJJbmxpbmUiLCJjcmVhdGUiLCJ0eXBlIiwiaXNWb2lkIiwiZGF0YSIsImxvYWRlZCIsInNyYyIsInVuZGVmaW5lZCIsImNoYW5nZSIsImluc2VydElubGluZSIsIm9uRmluaXNoIiwiZ2V0VmFsdWUiLCJJbnNlcnRJbWFnZUhhbmRsZXIiLCJzdXBwb3J0cyIsIm5vZGUiLCJvYmplY3QiLCJjdXN0b21Ub29sYmFyIiwib25Ub29sYmFyRG9uZSIsImFsaWdubWVudCIsImdldCIsImFsdCIsImltYWdlTG9hZGVkIiwibmV3VmFsdWVzIiwiZG9uZSIsInVwZGF0ZSIsInRvT2JqZWN0Iiwic2V0Tm9kZUJ5S2V5Iiwia2V5IiwiVGIiLCJkaXNhYmxlSW1hZ2VBbGlnbm1lbnRCdXR0b25zIiwic2hvd0RvbmUiLCJuYW1lIiwiZGVsZXRlTm9kZSIsImUiLCJwcmV2ZW50RGVmYXVsdCIsIm9uRGVsZXRlIiwibWVyZ2UiLCJEYXRhIiwiZGVsZXRlU3RhdHVzIiwiZXJyIiwidiIsInJlbW92ZU5vZGVCeUtleSIsInN0b3BSZXNldCIsImltZ1BlbmRpbmdJbnNlcnRpb24iLCJkb2N1bWVudCIsImZpbmREZXNjZW5kYW50IiwibiIsInJlbmRlck5vZGUiLCJwcm9wcyIsImFsbCIsIk9iamVjdCIsImFzc2lnbiIsIm9uRm9jdXMiLCJvbkJsdXIiLCJtYXhJbWFnZVdpZHRoIiwibWF4SW1hZ2VIZWlnaHQiLCJub3JtYWxpemVOb2RlIiwidGV4dE5vZGVNYXAiLCJ1cGRhdGVOb2Rlc0FycmF5IiwiaW5kZXgiLCJkIiwidGV4dCIsInB1c2giLCJsZW5ndGgiLCJ3aXRob3V0Tm9ybWFsaXphdGlvbiIsImZvckVhY2giLCJpbnNlcnRUZXh0QnlLZXkiLCJzZXJpYWxpemF0aW9uIiwiZGVzZXJpYWxpemUiLCJlbCIsInRhZ05hbWUiLCJ0b0xvd2VyQ2FzZSIsInN0eWxlIiwid2lkdGgiLCJoZWlnaHQiLCJtYXJnaW4iLCJqdXN0aWZ5Q29udGVudCIsInBhcnNlSW50IiwicmVwbGFjZSIsIm91dCIsImdldEF0dHJpYnV0ZSIsInNlcmlhbGl6ZSIsIm9iamVjdEZpdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUE7O0FBRUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztBQUVBLElBQU1BLEdBQUcsR0FBRyx1QkFBTSxzQ0FBTixDQUFaOztBQUVlLFNBQVNDLFdBQVQsQ0FBcUJDLElBQXJCLEVBQTJCO0FBQ3hDLE1BQU1DLE9BQU8sR0FBR0QsSUFBSSxDQUFDRSxvQkFBTCxJQUE2QjtBQUMzQ0MsSUFBQUEsSUFBSSxlQUFFLGdDQUFDLGlCQUFELE9BRHFDO0FBRTNDQyxJQUFBQSxTQUFTLEVBQUUsY0FGZ0M7QUFHM0NDLElBQUFBLE9BQU8sRUFBRSxpQkFBQ0MsS0FBRCxFQUFRQyxRQUFSLEVBQXFCO0FBQzVCVCxNQUFBQSxHQUFHLENBQUMsbUJBQUQsQ0FBSDs7QUFDQSxVQUFNVSxNQUFNLEdBQUdDLGNBQU9DLE1BQVAsQ0FBYztBQUMzQkMsUUFBQUEsSUFBSSxFQUFFLE9BRHFCO0FBRTNCQyxRQUFBQSxNQUFNLEVBQUUsSUFGbUI7QUFHM0JDLFFBQUFBLElBQUksRUFBRTtBQUNKQyxVQUFBQSxNQUFNLEVBQUUsS0FESjtBQUVKQyxVQUFBQSxHQUFHLEVBQUVDO0FBRkQ7QUFIcUIsT0FBZCxDQUFmOztBQVNBLFVBQU1DLE1BQU0sR0FBR1gsS0FBSyxDQUFDVyxNQUFOLEdBQWVDLFlBQWYsQ0FBNEJWLE1BQTVCLENBQWY7QUFFQUQsTUFBQUEsUUFBUSxDQUFDVSxNQUFELENBQVI7QUFDQWpCLE1BQUFBLElBQUksQ0FBQ0Usb0JBQUwsQ0FDRU0sTUFERixFQUVFLFVBQUNXLFFBQUQsRUFBV0MsUUFBWDtBQUFBLGVBQXdCLElBQUlDLDhCQUFKLENBQXVCYixNQUF2QixFQUErQlcsUUFBL0IsRUFBeUNDLFFBQXpDLEVBQW1EYixRQUFuRCxDQUF4QjtBQUFBLE9BRkY7QUFJRCxLQXJCMEM7QUFzQjNDZSxJQUFBQSxRQUFRLEVBQUUsa0JBQUNDLElBQUQ7QUFBQSxhQUFVQSxJQUFJLENBQUNDLE1BQUwsS0FBZ0IsUUFBaEIsSUFBNEJELElBQUksQ0FBQ1osSUFBTCxLQUFjLE9BQXBEO0FBQUEsS0F0QmlDO0FBdUIzQ2MsSUFBQUEsYUFBYSxFQUFFLHVCQUFDRixJQUFELEVBQU9qQixLQUFQLEVBQWNvQixhQUFkLEVBQWdDO0FBQzdDLFVBQU1DLFNBQVMsR0FBR0osSUFBSSxDQUFDVixJQUFMLENBQVVlLEdBQVYsQ0FBYyxXQUFkLENBQWxCO0FBQ0EsVUFBTUMsR0FBRyxHQUFHTixJQUFJLENBQUNWLElBQUwsQ0FBVWUsR0FBVixDQUFjLEtBQWQsQ0FBWjtBQUNBLFVBQU1FLFdBQVcsR0FBR1AsSUFBSSxDQUFDVixJQUFMLENBQVVlLEdBQVYsQ0FBYyxRQUFkLE1BQTRCLEtBQWhEOztBQUNBLFVBQU1yQixRQUFRLEdBQUcsU0FBWEEsUUFBVyxDQUFDd0IsU0FBRCxFQUFZQyxJQUFaLEVBQXFCO0FBQ3BDLFlBQU1DLE1BQU0sbUNBQ1BWLElBQUksQ0FBQ1YsSUFBTCxDQUFVcUIsUUFBVixFQURPLEdBRVBILFNBRk8sQ0FBWjs7QUFLQSxZQUFNZCxNQUFNLEdBQUdYLEtBQUssQ0FBQ1csTUFBTixHQUFla0IsWUFBZixDQUE0QlosSUFBSSxDQUFDYSxHQUFqQyxFQUFzQztBQUFFdkIsVUFBQUEsSUFBSSxFQUFFb0I7QUFBUixTQUF0QyxDQUFmO0FBQ0FQLFFBQUFBLGFBQWEsQ0FBQ1QsTUFBRCxFQUFTZSxJQUFULENBQWI7QUFDRCxPQVJEOztBQVVBLFVBQU1LLEVBQUUsR0FBRyxTQUFMQSxFQUFLO0FBQUEsNEJBQ1QsZ0NBQUMsd0JBQUQ7QUFDRSxVQUFBLDRCQUE0QixFQUFFckMsSUFBSSxDQUFDc0MsNEJBRHJDO0FBRUUsVUFBQSxHQUFHLEVBQUVULEdBRlA7QUFHRSxVQUFBLFdBQVcsRUFBRUMsV0FIZjtBQUlFLFVBQUEsU0FBUyxFQUFFSCxTQUFTLElBQUksTUFKMUI7QUFLRSxVQUFBLFFBQVEsRUFBRXBCO0FBTFosVUFEUztBQUFBLE9BQVg7O0FBU0EsYUFBTzhCLEVBQVA7QUFDRCxLQS9DMEM7QUFnRDNDRSxJQUFBQSxRQUFRLEVBQUU7QUFoRGlDLEdBQTdDO0FBbURBLFNBQU87QUFDTEMsSUFBQUEsSUFBSSxFQUFFLE9BREQ7QUFFTHZDLElBQUFBLE9BQU8sRUFBUEEsT0FGSztBQUdMd0MsSUFBQUEsVUFBVSxFQUFFLG9CQUFDQyxDQUFELEVBQUluQixJQUFKLEVBQVVqQixLQUFWLEVBQWlCQyxRQUFqQixFQUE4QjtBQUN4Q21DLE1BQUFBLENBQUMsQ0FBQ0MsY0FBRjs7QUFDQSxVQUFJM0MsSUFBSSxDQUFDNEMsUUFBVCxFQUFtQjtBQUNqQixZQUFNWCxNQUFNLEdBQUdWLElBQUksQ0FBQ1YsSUFBTCxDQUFVZ0MsS0FBVixDQUFnQkMsWUFBS3BDLE1BQUwsQ0FBWTtBQUFFcUMsVUFBQUEsWUFBWSxFQUFFO0FBQWhCLFNBQVosQ0FBaEIsQ0FBZjtBQUVBLFlBQUk5QixNQUFNLEdBQUdYLEtBQUssQ0FBQ1csTUFBTixHQUFla0IsWUFBZixDQUE0QlosSUFBSSxDQUFDYSxHQUFqQyxFQUFzQztBQUFFdkIsVUFBQUEsSUFBSSxFQUFFb0I7QUFBUixTQUF0QyxDQUFiO0FBRUExQixRQUFBQSxRQUFRLENBQUNVLE1BQUQsQ0FBUjtBQUNBakIsUUFBQUEsSUFBSSxDQUFDNEMsUUFBTCxDQUFjckIsSUFBZCxFQUFvQixVQUFDeUIsR0FBRCxFQUFNQyxDQUFOLEVBQVk7QUFDOUIsY0FBSSxDQUFDRCxHQUFMLEVBQVU7QUFDUi9CLFlBQUFBLE1BQU0sR0FBR2dDLENBQUMsQ0FBQ2hDLE1BQUYsR0FBV2lDLGVBQVgsQ0FBMkIzQixJQUFJLENBQUNhLEdBQWhDLENBQVQ7QUFDRCxXQUZELE1BRU87QUFDTHRDLFlBQUFBLEdBQUcsQ0FBQyxXQUFELEVBQWNrRCxHQUFkLENBQUg7QUFDQS9CLFlBQUFBLE1BQU0sR0FBR2dDLENBQUMsQ0FBQ2hDLE1BQUYsR0FBV2tCLFlBQVgsQ0FBd0JaLElBQUksQ0FBQ2EsR0FBN0IsRUFBa0NiLElBQUksQ0FBQ1YsSUFBTCxDQUFVZ0MsS0FBVixDQUFnQkMsWUFBS3BDLE1BQUwsQ0FBWTtBQUFFcUMsY0FBQUEsWUFBWSxFQUFFO0FBQWhCLGFBQVosQ0FBaEIsQ0FBbEMsQ0FBVDtBQUNEOztBQUNEeEMsVUFBQUEsUUFBUSxDQUFDVSxNQUFELENBQVI7QUFDRCxTQVJEO0FBU0QsT0FmRCxNQWVPO0FBQ0wsWUFBSUEsT0FBTSxHQUFHWCxLQUFLLENBQUNXLE1BQU4sR0FBZWlDLGVBQWYsQ0FBK0IzQixJQUFJLENBQUNhLEdBQXBDLENBQWI7O0FBQ0E3QixRQUFBQSxRQUFRLENBQUNVLE9BQUQsQ0FBUjtBQUNEO0FBQ0YsS0F4Qkk7QUF5QkxrQyxJQUFBQSxTQUFTLEVBQUUsbUJBQUM3QyxLQUFELEVBQVc7QUFDcEIsVUFBTThDLG1CQUFtQixHQUFHOUMsS0FBSyxDQUFDK0MsUUFBTixDQUFlQyxjQUFmLENBQThCLFVBQUNDLENBQUQsRUFBTztBQUMvRCxZQUFJQSxDQUFDLENBQUM1QyxJQUFGLEtBQVcsT0FBZixFQUF3QjtBQUN0QjtBQUNEOztBQUNELGVBQU80QyxDQUFDLENBQUMxQyxJQUFGLENBQU9lLEdBQVAsQ0FBVyxRQUFYLE1BQXlCLEtBQWhDO0FBQ0QsT0FMMkIsQ0FBNUI7QUFNQTs7QUFDQSxhQUFPd0IsbUJBQW1CLEtBQUtwQyxTQUF4QixJQUFxQ29DLG1CQUFtQixLQUFLLElBQXBFO0FBQ0QsS0FsQ0k7QUFtQ0xJLElBQUFBLFVBbkNLLHNCQW1DTUMsS0FuQ04sRUFtQ2E7QUFDaEIsVUFBSUEsS0FBSyxDQUFDbEMsSUFBTixDQUFXWixJQUFYLEtBQW9CLE9BQXhCLEVBQWlDO0FBQy9CLFlBQU0rQyxHQUFHLEdBQUdDLE1BQU0sQ0FBQ0MsTUFBUCxDQUNWO0FBQ0VoQixVQUFBQSxRQUFRLEVBQUU1QyxJQUFJLENBQUM0QyxRQURqQjtBQUVFaUIsVUFBQUEsT0FBTyxFQUFFN0QsSUFBSSxDQUFDNkQsT0FGaEI7QUFHRUMsVUFBQUEsTUFBTSxFQUFFOUQsSUFBSSxDQUFDOEQsTUFIZjtBQUlFQyxVQUFBQSxhQUFhLEVBQUUvRCxJQUFJLENBQUMrRCxhQUp0QjtBQUtFQyxVQUFBQSxjQUFjLEVBQUVoRSxJQUFJLENBQUNnRTtBQUx2QixTQURVLEVBUVZQLEtBUlUsQ0FBWjtBQVVBLDRCQUFPLGdDQUFDLHFCQUFELEVBQW9CQyxHQUFwQixDQUFQO0FBQ0Q7QUFDRixLQWpESTtBQWtETE8sSUFBQUEsYUFBYSxFQUFFLHVCQUFDMUMsSUFBRCxFQUFVO0FBQ3ZCLFVBQU0yQyxXQUFXLEdBQUcsRUFBcEI7QUFDQSxVQUFNQyxnQkFBZ0IsR0FBRyxFQUF6QjtBQUNBLFVBQUlDLEtBQUssR0FBRyxDQUFaO0FBRUEsVUFBSTdDLElBQUksQ0FBQ0MsTUFBTCxLQUFnQixVQUFwQixFQUFnQztBQUVoQ0QsTUFBQUEsSUFBSSxDQUFDK0IsY0FBTCxDQUFvQixVQUFDZSxDQUFELEVBQU87QUFDekIsWUFBSUEsQ0FBQyxDQUFDN0MsTUFBRixLQUFhLE1BQWpCLEVBQXlCO0FBQ3ZCMEMsVUFBQUEsV0FBVyxDQUFDRSxLQUFELENBQVgsR0FBcUJDLENBQXJCO0FBQ0Q7O0FBRUQsWUFBSUEsQ0FBQyxDQUFDMUQsSUFBRixLQUFXLE9BQWYsRUFBd0I7QUFDdEIsY0FBSXlELEtBQUssR0FBRyxDQUFSLElBQWFGLFdBQVcsQ0FBQ0UsS0FBSyxHQUFHLENBQVQsQ0FBeEIsSUFBdUNGLFdBQVcsQ0FBQ0UsS0FBSyxHQUFHLENBQVQsQ0FBWCxDQUF1QkUsSUFBdkIsS0FBZ0MsRUFBM0UsRUFBK0U7QUFDN0VILFlBQUFBLGdCQUFnQixDQUFDSSxJQUFqQixDQUFzQkwsV0FBVyxDQUFDRSxLQUFLLEdBQUcsQ0FBVCxDQUFqQztBQUNEO0FBQ0Y7O0FBRURBLFFBQUFBLEtBQUs7QUFDTixPQVpEO0FBY0EsVUFBSSxDQUFDRCxnQkFBZ0IsQ0FBQ0ssTUFBdEIsRUFBOEI7QUFFOUIsYUFBTyxVQUFDdkQsTUFBRCxFQUFZO0FBQ2pCQSxRQUFBQSxNQUFNLENBQUN3RCxvQkFBUCxDQUE0QixZQUFNO0FBQ2hDTixVQUFBQSxnQkFBZ0IsQ0FBQ08sT0FBakIsQ0FBeUIsVUFBQ25CLENBQUQ7QUFBQSxtQkFBT3RDLE1BQU0sQ0FBQzBELGVBQVAsQ0FBdUJwQixDQUFDLENBQUNuQixHQUF6QixFQUE4QixDQUE5QixFQUFpQyxHQUFqQyxDQUFQO0FBQUEsV0FBekI7QUFDRCxTQUZEO0FBR0QsT0FKRDtBQUtEO0FBOUVJLEdBQVA7QUFnRkQ7O0FBRU0sSUFBTXdDLGFBQWEsR0FBRztBQUMzQkMsRUFBQUEsV0FEMkIsdUJBQ2ZDO0FBQUc7QUFEWSxJQUNBO0FBQ3pCLFFBQU10QyxJQUFJLEdBQUdzQyxFQUFFLENBQUNDLE9BQUgsQ0FBV0MsV0FBWCxFQUFiO0FBQ0EsUUFBSXhDLElBQUksS0FBSyxLQUFiLEVBQW9CO0FBRXBCMUMsSUFBQUEsR0FBRyxDQUFDLGVBQUQsRUFBa0IwQyxJQUFsQixDQUFIO0FBQ0EsUUFBTXlDLEtBQUssR0FBR0gsRUFBRSxDQUFDRyxLQUFILElBQVk7QUFBRUMsTUFBQUEsS0FBSyxFQUFFLEVBQVQ7QUFBYUMsTUFBQUEsTUFBTSxFQUFFLEVBQXJCO0FBQXlCQyxNQUFBQSxNQUFNLEVBQUUsRUFBakM7QUFBcUNDLE1BQUFBLGNBQWMsRUFBRTtBQUFyRCxLQUExQjtBQUNBLFFBQU1ILEtBQUssR0FBR0ksUUFBUSxDQUFDTCxLQUFLLENBQUNDLEtBQU4sQ0FBWUssT0FBWixDQUFvQixJQUFwQixFQUEwQixFQUExQixDQUFELEVBQWdDLEVBQWhDLENBQVIsSUFBK0MsSUFBN0Q7QUFDQSxRQUFNSixNQUFNLEdBQUdHLFFBQVEsQ0FBQ0wsS0FBSyxDQUFDRSxNQUFOLENBQWFJLE9BQWIsQ0FBcUIsSUFBckIsRUFBMkIsRUFBM0IsQ0FBRCxFQUFpQyxFQUFqQyxDQUFSLElBQWdELElBQS9EO0FBRUEsUUFBTUMsR0FBRyxHQUFHO0FBQ1ZoRSxNQUFBQSxNQUFNLEVBQUUsUUFERTtBQUVWYixNQUFBQSxJQUFJLEVBQUUsT0FGSTtBQUdWQyxNQUFBQSxNQUFNLEVBQUUsSUFIRTtBQUlWQyxNQUFBQSxJQUFJLEVBQUU7QUFDSkUsUUFBQUEsR0FBRyxFQUFFK0QsRUFBRSxDQUFDVyxZQUFILENBQWdCLEtBQWhCLENBREQ7QUFFSlAsUUFBQUEsS0FBSyxFQUFMQSxLQUZJO0FBR0pDLFFBQUFBLE1BQU0sRUFBTkEsTUFISTtBQUlKQyxRQUFBQSxNQUFNLEVBQUVOLEVBQUUsQ0FBQ0csS0FBSCxDQUFTRyxNQUpiO0FBS0pDLFFBQUFBLGNBQWMsRUFBRVAsRUFBRSxDQUFDRyxLQUFILENBQVNJLGNBTHJCO0FBTUoxRCxRQUFBQSxTQUFTLEVBQUVtRCxFQUFFLENBQUNXLFlBQUgsQ0FBZ0IsV0FBaEIsQ0FOUDtBQU9KNUQsUUFBQUEsR0FBRyxFQUFFaUQsRUFBRSxDQUFDVyxZQUFILENBQWdCLEtBQWhCO0FBUEQ7QUFKSSxLQUFaO0FBY0EzRixJQUFBQSxHQUFHLENBQUMsaUJBQUQsRUFBb0IwRixHQUFwQixDQUFIO0FBQ0EsV0FBT0EsR0FBUDtBQUNELEdBMUIwQjtBQTJCM0JFLEVBQUFBLFNBM0IyQixxQkEyQmpCbEU7QUFBTztBQTNCVSxJQTJCTTtBQUMvQixRQUFJQSxNQUFNLENBQUNiLElBQVAsS0FBZ0IsT0FBcEIsRUFBNkI7QUFFN0IsUUFBUUUsSUFBUixHQUFpQlcsTUFBakIsQ0FBUVgsSUFBUjtBQUNBLFFBQU1FLEdBQUcsR0FBR0YsSUFBSSxDQUFDZSxHQUFMLENBQVMsS0FBVCxDQUFaO0FBQ0EsUUFBTXNELEtBQUssR0FBR3JFLElBQUksQ0FBQ2UsR0FBTCxDQUFTLE9BQVQsQ0FBZDtBQUNBLFFBQU11RCxNQUFNLEdBQUd0RSxJQUFJLENBQUNlLEdBQUwsQ0FBUyxRQUFULENBQWY7QUFDQSxRQUFNRCxTQUFTLEdBQUdkLElBQUksQ0FBQ2UsR0FBTCxDQUFTLFdBQVQsS0FBeUIsTUFBM0M7QUFDQSxRQUFNd0QsTUFBTSxHQUFHdkUsSUFBSSxDQUFDZSxHQUFMLENBQVMsUUFBVCxDQUFmO0FBQ0EsUUFBTXlELGNBQWMsR0FBR3hFLElBQUksQ0FBQ2UsR0FBTCxDQUFTLFFBQVQsQ0FBdkI7QUFDQSxRQUFNQyxHQUFHLEdBQUdoQixJQUFJLENBQUNlLEdBQUwsQ0FBUyxLQUFULENBQVo7QUFDQSxRQUFNcUQsS0FBSyxHQUFHLEVBQWQ7O0FBQ0EsUUFBSUMsS0FBSixFQUFXO0FBQ1RELE1BQUFBLEtBQUssQ0FBQ0MsS0FBTixhQUFpQkEsS0FBakI7QUFDRDs7QUFFRCxRQUFJQyxNQUFKLEVBQVk7QUFDVkYsTUFBQUEsS0FBSyxDQUFDRSxNQUFOLGFBQWtCQSxNQUFsQjtBQUNEOztBQUVERixJQUFBQSxLQUFLLENBQUNHLE1BQU4sR0FBZUEsTUFBZjtBQUNBSCxJQUFBQSxLQUFLLENBQUNJLGNBQU4sR0FBdUJBLGNBQXZCOztBQUVBLFFBQUkxRCxTQUFKLEVBQWU7QUFDYixjQUFRQSxTQUFSO0FBQ0UsYUFBSyxNQUFMO0FBQ0VzRCxVQUFBQSxLQUFLLENBQUNJLGNBQU4sR0FBdUIsWUFBdkI7QUFDQUosVUFBQUEsS0FBSyxDQUFDRyxNQUFOLEdBQWUsR0FBZjtBQUNBOztBQUNGLGFBQUssUUFBTDtBQUNFSCxVQUFBQSxLQUFLLENBQUNJLGNBQU4sR0FBdUIsUUFBdkI7QUFDQUosVUFBQUEsS0FBSyxDQUFDRyxNQUFOLEdBQWUsUUFBZjtBQUNBOztBQUNGLGFBQUssT0FBTDtBQUNFSCxVQUFBQSxLQUFLLENBQUNJLGNBQU4sR0FBdUIsVUFBdkI7QUFDQUosVUFBQUEsS0FBSyxDQUFDRyxNQUFOLEdBQWUsZUFBZjtBQUNBOztBQUNGO0FBQ0VILFVBQUFBLEtBQUssQ0FBQ0ksY0FBTixHQUF1QixZQUF2QjtBQUNBO0FBZko7QUFpQkQ7O0FBRURKLElBQUFBLEtBQUssQ0FBQ1UsU0FBTixHQUFrQixTQUFsQjtBQUVBLFFBQU1sQyxLQUFLLEdBQUc7QUFDWjFDLE1BQUFBLEdBQUcsRUFBSEEsR0FEWTtBQUVaa0UsTUFBQUEsS0FBSyxFQUFMQSxLQUZZO0FBR1p0RCxNQUFBQSxTQUFTLEVBQVRBLFNBSFk7QUFJWkUsTUFBQUEsR0FBRyxFQUFIQTtBQUpZLEtBQWQ7QUFPQSx3QkFBTyx1Q0FBUzRCLEtBQVQsQ0FBUDtBQUNEO0FBaEYwQixDQUF0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhdGEsIElubGluZSB9IGZyb20gJ3NsYXRlJztcblxuaW1wb3J0IEltYWdlIGZyb20gJ0BtYXRlcmlhbC11aS9pY29ucy9JbWFnZSc7XG5pbXBvcnQgSW1hZ2VDb21wb25lbnQgZnJvbSAnLi9jb21wb25lbnQnO1xuaW1wb3J0IEltYWdlVG9vbGJhciBmcm9tICcuL2ltYWdlLXRvb2xiYXInO1xuaW1wb3J0IEluc2VydEltYWdlSGFuZGxlciBmcm9tICcuL2luc2VydC1pbWFnZS1oYW5kbGVyJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygnQHBpZS1saWI6ZWRpdGFibGUtaHRtbDpwbHVnaW5zOmltYWdlJyk7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEltYWdlUGx1Z2luKG9wdHMpIHtcbiAgY29uc3QgdG9vbGJhciA9IG9wdHMuaW5zZXJ0SW1hZ2VSZXF1ZXN0ZWQgJiYge1xuICAgIGljb246IDxJbWFnZSAvPixcbiAgICBhcmlhTGFiZWw6ICdJbnNlcnQgSW1hZ2UnLFxuICAgIG9uQ2xpY2s6ICh2YWx1ZSwgb25DaGFuZ2UpID0+IHtcbiAgICAgIGxvZygnW3Rvb2xiYXJdIG9uQ2xpY2snKTtcbiAgICAgIGNvbnN0IGlubGluZSA9IElubGluZS5jcmVhdGUoe1xuICAgICAgICB0eXBlOiAnaW1hZ2UnLFxuICAgICAgICBpc1ZvaWQ6IHRydWUsXG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICBsb2FkZWQ6IGZhbHNlLFxuICAgICAgICAgIHNyYzogdW5kZWZpbmVkLFxuICAgICAgICB9LFxuICAgICAgfSk7XG5cbiAgICAgIGNvbnN0IGNoYW5nZSA9IHZhbHVlLmNoYW5nZSgpLmluc2VydElubGluZShpbmxpbmUpO1xuXG4gICAgICBvbkNoYW5nZShjaGFuZ2UpO1xuICAgICAgb3B0cy5pbnNlcnRJbWFnZVJlcXVlc3RlZChcbiAgICAgICAgaW5saW5lLFxuICAgICAgICAob25GaW5pc2gsIGdldFZhbHVlKSA9PiBuZXcgSW5zZXJ0SW1hZ2VIYW5kbGVyKGlubGluZSwgb25GaW5pc2gsIGdldFZhbHVlLCBvbkNoYW5nZSksXG4gICAgICApO1xuICAgIH0sXG4gICAgc3VwcG9ydHM6IChub2RlKSA9PiBub2RlLm9iamVjdCA9PT0gJ2lubGluZScgJiYgbm9kZS50eXBlID09PSAnaW1hZ2UnLFxuICAgIGN1c3RvbVRvb2xiYXI6IChub2RlLCB2YWx1ZSwgb25Ub29sYmFyRG9uZSkgPT4ge1xuICAgICAgY29uc3QgYWxpZ25tZW50ID0gbm9kZS5kYXRhLmdldCgnYWxpZ25tZW50Jyk7XG4gICAgICBjb25zdCBhbHQgPSBub2RlLmRhdGEuZ2V0KCdhbHQnKTtcbiAgICAgIGNvbnN0IGltYWdlTG9hZGVkID0gbm9kZS5kYXRhLmdldCgnbG9hZGVkJykgIT09IGZhbHNlO1xuICAgICAgY29uc3Qgb25DaGFuZ2UgPSAobmV3VmFsdWVzLCBkb25lKSA9PiB7XG4gICAgICAgIGNvbnN0IHVwZGF0ZSA9IHtcbiAgICAgICAgICAuLi5ub2RlLmRhdGEudG9PYmplY3QoKSxcbiAgICAgICAgICAuLi5uZXdWYWx1ZXMsXG4gICAgICAgIH07XG5cbiAgICAgICAgY29uc3QgY2hhbmdlID0gdmFsdWUuY2hhbmdlKCkuc2V0Tm9kZUJ5S2V5KG5vZGUua2V5LCB7IGRhdGE6IHVwZGF0ZSB9KTtcbiAgICAgICAgb25Ub29sYmFyRG9uZShjaGFuZ2UsIGRvbmUpO1xuICAgICAgfTtcblxuICAgICAgY29uc3QgVGIgPSAoKSA9PiAoXG4gICAgICAgIDxJbWFnZVRvb2xiYXJcbiAgICAgICAgICBkaXNhYmxlSW1hZ2VBbGlnbm1lbnRCdXR0b25zPXtvcHRzLmRpc2FibGVJbWFnZUFsaWdubWVudEJ1dHRvbnN9XG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgaW1hZ2VMb2FkZWQ9e2ltYWdlTG9hZGVkfVxuICAgICAgICAgIGFsaWdubWVudD17YWxpZ25tZW50IHx8ICdsZWZ0J31cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgICAgcmV0dXJuIFRiO1xuICAgIH0sXG4gICAgc2hvd0RvbmU6IHRydWUsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICBuYW1lOiAnaW1hZ2UnLFxuICAgIHRvb2xiYXIsXG4gICAgZGVsZXRlTm9kZTogKGUsIG5vZGUsIHZhbHVlLCBvbkNoYW5nZSkgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgaWYgKG9wdHMub25EZWxldGUpIHtcbiAgICAgICAgY29uc3QgdXBkYXRlID0gbm9kZS5kYXRhLm1lcmdlKERhdGEuY3JlYXRlKHsgZGVsZXRlU3RhdHVzOiAncGVuZGluZycgfSkpO1xuXG4gICAgICAgIGxldCBjaGFuZ2UgPSB2YWx1ZS5jaGFuZ2UoKS5zZXROb2RlQnlLZXkobm9kZS5rZXksIHsgZGF0YTogdXBkYXRlIH0pO1xuXG4gICAgICAgIG9uQ2hhbmdlKGNoYW5nZSk7XG4gICAgICAgIG9wdHMub25EZWxldGUobm9kZSwgKGVyciwgdikgPT4ge1xuICAgICAgICAgIGlmICghZXJyKSB7XG4gICAgICAgICAgICBjaGFuZ2UgPSB2LmNoYW5nZSgpLnJlbW92ZU5vZGVCeUtleShub2RlLmtleSk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGxvZygnW2Vycm9yXTogJywgZXJyKTtcbiAgICAgICAgICAgIGNoYW5nZSA9IHYuY2hhbmdlKCkuc2V0Tm9kZUJ5S2V5KG5vZGUua2V5LCBub2RlLmRhdGEubWVyZ2UoRGF0YS5jcmVhdGUoeyBkZWxldGVTdGF0dXM6ICdmYWlsZWQnIH0pKSk7XG4gICAgICAgICAgfVxuICAgICAgICAgIG9uQ2hhbmdlKGNoYW5nZSk7XG4gICAgICAgIH0pO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgbGV0IGNoYW5nZSA9IHZhbHVlLmNoYW5nZSgpLnJlbW92ZU5vZGVCeUtleShub2RlLmtleSk7XG4gICAgICAgIG9uQ2hhbmdlKGNoYW5nZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBzdG9wUmVzZXQ6ICh2YWx1ZSkgPT4ge1xuICAgICAgY29uc3QgaW1nUGVuZGluZ0luc2VydGlvbiA9IHZhbHVlLmRvY3VtZW50LmZpbmREZXNjZW5kYW50KChuKSA9PiB7XG4gICAgICAgIGlmIChuLnR5cGUgIT09ICdpbWFnZScpIHtcbiAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIG4uZGF0YS5nZXQoJ2xvYWRlZCcpID09PSBmYWxzZTtcbiAgICAgIH0pO1xuICAgICAgLyoqIGRvbid0IHJlc2V0IGlmIHRoZXJlIGlzIGFuIGltYWdlIHBlbmRpbmcgaW5zZXJ0aW9uICovXG4gICAgICByZXR1cm4gaW1nUGVuZGluZ0luc2VydGlvbiAhPT0gdW5kZWZpbmVkICYmIGltZ1BlbmRpbmdJbnNlcnRpb24gIT09IG51bGw7XG4gICAgfSxcbiAgICByZW5kZXJOb2RlKHByb3BzKSB7XG4gICAgICBpZiAocHJvcHMubm9kZS50eXBlID09PSAnaW1hZ2UnKSB7XG4gICAgICAgIGNvbnN0IGFsbCA9IE9iamVjdC5hc3NpZ24oXG4gICAgICAgICAge1xuICAgICAgICAgICAgb25EZWxldGU6IG9wdHMub25EZWxldGUsXG4gICAgICAgICAgICBvbkZvY3VzOiBvcHRzLm9uRm9jdXMsXG4gICAgICAgICAgICBvbkJsdXI6IG9wdHMub25CbHVyLFxuICAgICAgICAgICAgbWF4SW1hZ2VXaWR0aDogb3B0cy5tYXhJbWFnZVdpZHRoLFxuICAgICAgICAgICAgbWF4SW1hZ2VIZWlnaHQ6IG9wdHMubWF4SW1hZ2VIZWlnaHQsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBwcm9wcyxcbiAgICAgICAgKTtcbiAgICAgICAgcmV0dXJuIDxJbWFnZUNvbXBvbmVudCB7Li4uYWxsfSAvPjtcbiAgICAgIH1cbiAgICB9LFxuICAgIG5vcm1hbGl6ZU5vZGU6IChub2RlKSA9PiB7XG4gICAgICBjb25zdCB0ZXh0Tm9kZU1hcCA9IHt9O1xuICAgICAgY29uc3QgdXBkYXRlTm9kZXNBcnJheSA9IFtdO1xuICAgICAgbGV0IGluZGV4ID0gMDtcblxuICAgICAgaWYgKG5vZGUub2JqZWN0ICE9PSAnZG9jdW1lbnQnKSByZXR1cm47XG5cbiAgICAgIG5vZGUuZmluZERlc2NlbmRhbnQoKGQpID0+IHtcbiAgICAgICAgaWYgKGQub2JqZWN0ID09PSAndGV4dCcpIHtcbiAgICAgICAgICB0ZXh0Tm9kZU1hcFtpbmRleF0gPSBkO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGQudHlwZSA9PT0gJ2ltYWdlJykge1xuICAgICAgICAgIGlmIChpbmRleCA+IDAgJiYgdGV4dE5vZGVNYXBbaW5kZXggLSAxXSAmJiB0ZXh0Tm9kZU1hcFtpbmRleCAtIDFdLnRleHQgPT09ICcnKSB7XG4gICAgICAgICAgICB1cGRhdGVOb2Rlc0FycmF5LnB1c2godGV4dE5vZGVNYXBbaW5kZXggLSAxXSk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgaW5kZXgrKztcbiAgICAgIH0pO1xuXG4gICAgICBpZiAoIXVwZGF0ZU5vZGVzQXJyYXkubGVuZ3RoKSByZXR1cm47XG5cbiAgICAgIHJldHVybiAoY2hhbmdlKSA9PiB7XG4gICAgICAgIGNoYW5nZS53aXRob3V0Tm9ybWFsaXphdGlvbigoKSA9PiB7XG4gICAgICAgICAgdXBkYXRlTm9kZXNBcnJheS5mb3JFYWNoKChuKSA9PiBjaGFuZ2UuaW5zZXJ0VGV4dEJ5S2V5KG4ua2V5LCAwLCAnICcpKTtcbiAgICAgICAgfSk7XG4gICAgICB9O1xuICAgIH0sXG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBzZXJpYWxpemF0aW9uID0ge1xuICBkZXNlcmlhbGl6ZShlbCAvKiwgbmV4dCovKSB7XG4gICAgY29uc3QgbmFtZSA9IGVsLnRhZ05hbWUudG9Mb3dlckNhc2UoKTtcbiAgICBpZiAobmFtZSAhPT0gJ2ltZycpIHJldHVybjtcblxuICAgIGxvZygnZGVzZXJpYWxpemU6ICcsIG5hbWUpO1xuICAgIGNvbnN0IHN0eWxlID0gZWwuc3R5bGUgfHwgeyB3aWR0aDogJycsIGhlaWdodDogJycsIG1hcmdpbjogJycsIGp1c3RpZnlDb250ZW50OiAnJyB9O1xuICAgIGNvbnN0IHdpZHRoID0gcGFyc2VJbnQoc3R5bGUud2lkdGgucmVwbGFjZSgncHgnLCAnJyksIDEwKSB8fCBudWxsO1xuICAgIGNvbnN0IGhlaWdodCA9IHBhcnNlSW50KHN0eWxlLmhlaWdodC5yZXBsYWNlKCdweCcsICcnKSwgMTApIHx8IG51bGw7XG5cbiAgICBjb25zdCBvdXQgPSB7XG4gICAgICBvYmplY3Q6ICdpbmxpbmUnLFxuICAgICAgdHlwZTogJ2ltYWdlJyxcbiAgICAgIGlzVm9pZDogdHJ1ZSxcbiAgICAgIGRhdGE6IHtcbiAgICAgICAgc3JjOiBlbC5nZXRBdHRyaWJ1dGUoJ3NyYycpLFxuICAgICAgICB3aWR0aCxcbiAgICAgICAgaGVpZ2h0LFxuICAgICAgICBtYXJnaW46IGVsLnN0eWxlLm1hcmdpbixcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IGVsLnN0eWxlLmp1c3RpZnlDb250ZW50LFxuICAgICAgICBhbGlnbm1lbnQ6IGVsLmdldEF0dHJpYnV0ZSgnYWxpZ25tZW50JyksXG4gICAgICAgIGFsdDogZWwuZ2V0QXR0cmlidXRlKCdhbHQnKSxcbiAgICAgIH0sXG4gICAgfTtcbiAgICBsb2coJ3JldHVybiBvYmplY3Q6ICcsIG91dCk7XG4gICAgcmV0dXJuIG91dDtcbiAgfSxcbiAgc2VyaWFsaXplKG9iamVjdCAvKiwgY2hpbGRyZW4qLykge1xuICAgIGlmIChvYmplY3QudHlwZSAhPT0gJ2ltYWdlJykgcmV0dXJuO1xuXG4gICAgY29uc3QgeyBkYXRhIH0gPSBvYmplY3Q7XG4gICAgY29uc3Qgc3JjID0gZGF0YS5nZXQoJ3NyYycpO1xuICAgIGNvbnN0IHdpZHRoID0gZGF0YS5nZXQoJ3dpZHRoJyk7XG4gICAgY29uc3QgaGVpZ2h0ID0gZGF0YS5nZXQoJ2hlaWdodCcpO1xuICAgIGNvbnN0IGFsaWdubWVudCA9IGRhdGEuZ2V0KCdhbGlnbm1lbnQnKSB8fCAnbGVmdCc7XG4gICAgY29uc3QgbWFyZ2luID0gZGF0YS5nZXQoJ21hcmdpbicpO1xuICAgIGNvbnN0IGp1c3RpZnlDb250ZW50ID0gZGF0YS5nZXQoJ21hcmdpbicpO1xuICAgIGNvbnN0IGFsdCA9IGRhdGEuZ2V0KCdhbHQnKTtcbiAgICBjb25zdCBzdHlsZSA9IHt9O1xuICAgIGlmICh3aWR0aCkge1xuICAgICAgc3R5bGUud2lkdGggPSBgJHt3aWR0aH1weGA7XG4gICAgfVxuXG4gICAgaWYgKGhlaWdodCkge1xuICAgICAgc3R5bGUuaGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YDtcbiAgICB9XG5cbiAgICBzdHlsZS5tYXJnaW4gPSBtYXJnaW47XG4gICAgc3R5bGUuanVzdGlmeUNvbnRlbnQgPSBqdXN0aWZ5Q29udGVudDtcblxuICAgIGlmIChhbGlnbm1lbnQpIHtcbiAgICAgIHN3aXRjaCAoYWxpZ25tZW50KSB7XG4gICAgICAgIGNhc2UgJ2xlZnQnOlxuICAgICAgICAgIHN0eWxlLmp1c3RpZnlDb250ZW50ID0gJ2ZsZXgtc3RhcnQnO1xuICAgICAgICAgIHN0eWxlLm1hcmdpbiA9ICcwJztcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAnY2VudGVyJzpcbiAgICAgICAgICBzdHlsZS5qdXN0aWZ5Q29udGVudCA9ICdjZW50ZXInO1xuICAgICAgICAgIHN0eWxlLm1hcmdpbiA9ICcwIGF1dG8nO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdyaWdodCc6XG4gICAgICAgICAgc3R5bGUuanVzdGlmeUNvbnRlbnQgPSAnZmxleC1lbmQnO1xuICAgICAgICAgIHN0eWxlLm1hcmdpbiA9ICdhdXRvIDAgMCBhdXRvJztcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBzdHlsZS5qdXN0aWZ5Q29udGVudCA9ICdmbGV4LXN0YXJ0JztcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzdHlsZS5vYmplY3RGaXQgPSAnY29udGFpbic7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgIHNyYyxcbiAgICAgIHN0eWxlLFxuICAgICAgYWxpZ25tZW50LFxuICAgICAgYWx0LFxuICAgIH07XG5cbiAgICByZXR1cm4gPGltZyB7Li4ucHJvcHN9IC8+O1xuICB9LFxufTtcbiJdfQ==

package/lib/plugins/image/insert-image-handler.js

@@ -0,0 +1,117 @@
+"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 _slate = require("slate");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:image:insert-image-handler');
+/**
+ * Handles user selection, insertion (or cancellation) of an image into the editor.
+ * @param {Block} placeholderBlock - a block that has been added to the editor as a place holder for the image
+ * @param {Function} onFinish - a function to call if uploading fails or succeeds
+ * @param {Function} getValue - a function to return the value of the editor
+ * @param {Function} onChange - callback to notify changes applied by the handler
+ * @param {Boolean} isPasted - a boolean that keeps track if the file is pasted
+ */
+
+var InsertImageHandler = /*#__PURE__*/function () {
+  function InsertImageHandler(editor, onFinish) {
+    var isPasted = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    (0, _classCallCheck2["default"])(this, InsertImageHandler);
+    this.editor = editor;
+    this.onFinish = onFinish;
+    this.isPasted = isPasted;
+    this.chosenFile = null;
+  }
+
+  (0, _createClass2["default"])(InsertImageHandler, [{
+    key: "cancel",
+    value: function cancel() {
+      log('insert cancelled');
+
+      try {
+        this.editor.commands.deleteNode('imageUploadNode');
+        this.onFinish(false);
+      } catch (err) {//
+      }
+    }
+  }, {
+    key: "done",
+    value: function done(err, src) {
+      log('done: err:', err);
+
+      if (err) {
+        //eslint-disable-next-line
+        console.log(err);
+        this.onFinish(false);
+      } else {
+        this.editor.commands.updateAttributes('imageUploadNode', {
+          loaded: true,
+          src: src,
+          percent: 100
+        });
+        this.onFinish(true);
+      }
+    }
+    /**
+     * Notify handler that the user chose a file - will create a change with a preview in the editor.
+     *
+     * @param {File} file - the file that the user chose using a file input.
+     */
+
+  }, {
+    key: "fileChosen",
+    value: function fileChosen(file) {
+      var _this = this;
+
+      if (!file) {
+        return;
+      } // Save the chosen file to this.chosenFile
+
+
+      this.chosenFile = file;
+      log('[fileChosen] file: ', file);
+      var reader = new FileReader();
+
+      reader.onload = function () {
+        var dataURL = reader.result;
+
+        _this.editor.commands.updateAttributes('imageUploadNode', {
+          src: dataURL
+        });
+      };
+
+      reader.readAsDataURL(file);
+    }
+  }, {
+    key: "progress",
+    value: function progress(percent, bytes, total) {
+      log('progress: ', percent, bytes, total);
+      this.editor.commands.updateAttributes('imageUploadNode', {
+        percent: percent
+      });
+    } // Add a getter method to retrieve the chosen file
+
+  }, {
+    key: "getChosenFile",
+    value: function getChosenFile() {
+      return this.chosenFile;
+    }
+  }]);
+  return InsertImageHandler;
+}();
+
+var _default = InsertImageHandler;
+exports["default"] = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wbHVnaW5zL2ltYWdlL2luc2VydC1pbWFnZS1oYW5kbGVyLmpzIl0sIm5hbWVzIjpbImxvZyIsIkluc2VydEltYWdlSGFuZGxlciIsImVkaXRvciIsIm9uRmluaXNoIiwiaXNQYXN0ZWQiLCJjaG9zZW5GaWxlIiwiY29tbWFuZHMiLCJkZWxldGVOb2RlIiwiZXJyIiwic3JjIiwiY29uc29sZSIsInVwZGF0ZUF0dHJpYnV0ZXMiLCJsb2FkZWQiLCJwZXJjZW50IiwiZmlsZSIsInJlYWRlciIsIkZpbGVSZWFkZXIiLCJvbmxvYWQiLCJkYXRhVVJMIiwicmVzdWx0IiwicmVhZEFzRGF0YVVSTCIsImJ5dGVzIiwidG90YWwiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFFQSxJQUFNQSxHQUFHLEdBQUcsdUJBQU0sbURBQU4sQ0FBWjtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0lBQ01DLGtCO0FBQ0osOEJBQVlDLE1BQVosRUFBb0JDLFFBQXBCLEVBQWdEO0FBQUEsUUFBbEJDLFFBQWtCLHVFQUFQLEtBQU87QUFBQTtBQUM5QyxTQUFLRixNQUFMLEdBQWNBLE1BQWQ7QUFDQSxTQUFLQyxRQUFMLEdBQWdCQSxRQUFoQjtBQUNBLFNBQUtDLFFBQUwsR0FBZ0JBLFFBQWhCO0FBQ0EsU0FBS0MsVUFBTCxHQUFrQixJQUFsQjtBQUNEOzs7O1dBRUQsa0JBQVM7QUFDUEwsTUFBQUEsR0FBRyxDQUFDLGtCQUFELENBQUg7O0FBRUEsVUFBSTtBQUNGLGFBQUtFLE1BQUwsQ0FBWUksUUFBWixDQUFxQkMsVUFBckIsQ0FBZ0MsaUJBQWhDO0FBQ0EsYUFBS0osUUFBTCxDQUFjLEtBQWQ7QUFDRCxPQUhELENBR0UsT0FBT0ssR0FBUCxFQUFZLENBQ1o7QUFDRDtBQUNGOzs7V0FFRCxjQUFLQSxHQUFMLEVBQVVDLEdBQVYsRUFBZTtBQUNiVCxNQUFBQSxHQUFHLENBQUMsWUFBRCxFQUFlUSxHQUFmLENBQUg7O0FBQ0EsVUFBSUEsR0FBSixFQUFTO0FBQ1A7QUFDQUUsUUFBQUEsT0FBTyxDQUFDVixHQUFSLENBQVlRLEdBQVo7QUFDQSxhQUFLTCxRQUFMLENBQWMsS0FBZDtBQUNELE9BSkQsTUFJTztBQUNMLGFBQUtELE1BQUwsQ0FBWUksUUFBWixDQUFxQkssZ0JBQXJCLENBQXNDLGlCQUF0QyxFQUF5RDtBQUFFQyxVQUFBQSxNQUFNLEVBQUUsSUFBVjtBQUFnQkgsVUFBQUEsR0FBRyxFQUFIQSxHQUFoQjtBQUFxQkksVUFBQUEsT0FBTyxFQUFFO0FBQTlCLFNBQXpEO0FBQ0EsYUFBS1YsUUFBTCxDQUFjLElBQWQ7QUFDRDtBQUNGO0FBRUQ7QUFDRjtBQUNBO0FBQ0E7QUFDQTs7OztXQUNFLG9CQUFXVyxJQUFYLEVBQWlCO0FBQUE7O0FBQ2YsVUFBSSxDQUFDQSxJQUFMLEVBQVc7QUFDVDtBQUNELE9BSGMsQ0FLZjs7O0FBQ0EsV0FBS1QsVUFBTCxHQUFrQlMsSUFBbEI7QUFFQWQsTUFBQUEsR0FBRyxDQUFDLHFCQUFELEVBQXdCYyxJQUF4QixDQUFIO0FBQ0EsVUFBTUMsTUFBTSxHQUFHLElBQUlDLFVBQUosRUFBZjs7QUFDQUQsTUFBQUEsTUFBTSxDQUFDRSxNQUFQLEdBQWdCLFlBQU07QUFDcEIsWUFBTUMsT0FBTyxHQUFHSCxNQUFNLENBQUNJLE1BQXZCOztBQUVBLFFBQUEsS0FBSSxDQUFDakIsTUFBTCxDQUFZSSxRQUFaLENBQXFCSyxnQkFBckIsQ0FBc0MsaUJBQXRDLEVBQXlEO0FBQUVGLFVBQUFBLEdBQUcsRUFBRVM7QUFBUCxTQUF6RDtBQUNELE9BSkQ7O0FBS0FILE1BQUFBLE1BQU0sQ0FBQ0ssYUFBUCxDQUFxQk4sSUFBckI7QUFDRDs7O1dBRUQsa0JBQVNELE9BQVQsRUFBa0JRLEtBQWxCLEVBQXlCQyxLQUF6QixFQUFnQztBQUM5QnRCLE1BQUFBLEdBQUcsQ0FBQyxZQUFELEVBQWVhLE9BQWYsRUFBd0JRLEtBQXhCLEVBQStCQyxLQUEvQixDQUFIO0FBQ0EsV0FBS3BCLE1BQUwsQ0FBWUksUUFBWixDQUFxQkssZ0JBQXJCLENBQXNDLGlCQUF0QyxFQUF5RDtBQUFFRSxRQUFBQSxPQUFPLEVBQVBBO0FBQUYsT0FBekQ7QUFDRCxLLENBRUQ7Ozs7V0FDQSx5QkFBZ0I7QUFDZCxhQUFPLEtBQUtSLFVBQVo7QUFDRDs7Ozs7ZUFHWUosa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhIH0gZnJvbSAnc2xhdGUnO1xuaW1wb3J0IGRlYnVnIGZyb20gJ2RlYnVnJztcblxuY29uc3QgbG9nID0gZGVidWcoJ0BwaWUtbGliOmVkaXRhYmxlLWh0bWw6aW1hZ2U6aW5zZXJ0LWltYWdlLWhhbmRsZXInKTtcblxuLyoqXG4gKiBIYW5kbGVzIHVzZXIgc2VsZWN0aW9uLCBpbnNlcnRpb24gKG9yIGNhbmNlbGxhdGlvbikgb2YgYW4gaW1hZ2UgaW50byB0aGUgZWRpdG9yLlxuICogQHBhcmFtIHtCbG9ja30gcGxhY2Vob2xkZXJCbG9jayAtIGEgYmxvY2sgdGhhdCBoYXMgYmVlbiBhZGRlZCB0byB0aGUgZWRpdG9yIGFzIGEgcGxhY2UgaG9sZGVyIGZvciB0aGUgaW1hZ2VcbiAqIEBwYXJhbSB7RnVuY3Rpb259IG9uRmluaXNoIC0gYSBmdW5jdGlvbiB0byBjYWxsIGlmIHVwbG9hZGluZyBmYWlscyBvciBzdWNjZWVkc1xuICogQHBhcmFtIHtGdW5jdGlvbn0gZ2V0VmFsdWUgLSBhIGZ1bmN0aW9uIHRvIHJldHVybiB0aGUgdmFsdWUgb2YgdGhlIGVkaXRvclxuICogQHBhcmFtIHtGdW5jdGlvbn0gb25DaGFuZ2UgLSBjYWxsYmFjayB0byBub3RpZnkgY2hhbmdlcyBhcHBsaWVkIGJ5IHRoZSBoYW5kbGVyXG4gKiBAcGFyYW0ge0Jvb2xlYW59IGlzUGFzdGVkIC0gYSBib29sZWFuIHRoYXQga2VlcHMgdHJhY2sgaWYgdGhlIGZpbGUgaXMgcGFzdGVkXG4gKi9cbmNsYXNzIEluc2VydEltYWdlSGFuZGxlciB7XG4gIGNvbnN0cnVjdG9yKGVkaXRvciwgb25GaW5pc2gsIGlzUGFzdGVkID0gZmFsc2UpIHtcbiAgICB0aGlzLmVkaXRvciA9IGVkaXRvcjtcbiAgICB0aGlzLm9uRmluaXNoID0gb25GaW5pc2g7XG4gICAgdGhpcy5pc1Bhc3RlZCA9IGlzUGFzdGVkO1xuICAgIHRoaXMuY2hvc2VuRmlsZSA9IG51bGw7XG4gIH1cblxuICBjYW5jZWwoKSB7XG4gICAgbG9nKCdpbnNlcnQgY2FuY2VsbGVkJyk7XG5cbiAgICB0cnkge1xuICAgICAgdGhpcy5lZGl0b3IuY29tbWFuZHMuZGVsZXRlTm9kZSgnaW1hZ2VVcGxvYWROb2RlJyk7XG4gICAgICB0aGlzLm9uRmluaXNoKGZhbHNlKTtcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIC8vXG4gICAgfVxuICB9XG5cbiAgZG9uZShlcnIsIHNyYykge1xuICAgIGxvZygnZG9uZTogZXJyOicsIGVycik7XG4gICAgaWYgKGVycikge1xuICAgICAgLy9lc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgIGNvbnNvbGUubG9nKGVycik7XG4gICAgICB0aGlzLm9uRmluaXNoKGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5lZGl0b3IuY29tbWFuZHMudXBkYXRlQXR0cmlidXRlcygnaW1hZ2VVcGxvYWROb2RlJywgeyBsb2FkZWQ6IHRydWUsIHNyYywgcGVyY2VudDogMTAwIH0pO1xuICAgICAgdGhpcy5vbkZpbmlzaCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogTm90aWZ5IGhhbmRsZXIgdGhhdCB0aGUgdXNlciBjaG9zZSBhIGZpbGUgLSB3aWxsIGNyZWF0ZSBhIGNoYW5nZSB3aXRoIGEgcHJldmlldyBpbiB0aGUgZWRpdG9yLlxuICAgKlxuICAgKiBAcGFyYW0ge0ZpbGV9IGZpbGUgLSB0aGUgZmlsZSB0aGF0IHRoZSB1c2VyIGNob3NlIHVzaW5nIGEgZmlsZSBpbnB1dC5cbiAgICovXG4gIGZpbGVDaG9zZW4oZmlsZSkge1xuICAgIGlmICghZmlsZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIFNhdmUgdGhlIGNob3NlbiBmaWxlIHRvIHRoaXMuY2hvc2VuRmlsZVxuICAgIHRoaXMuY2hvc2VuRmlsZSA9IGZpbGU7XG5cbiAgICBsb2coJ1tmaWxlQ2hvc2VuXSBmaWxlOiAnLCBmaWxlKTtcbiAgICBjb25zdCByZWFkZXIgPSBuZXcgRmlsZVJlYWRlcigpO1xuICAgIHJlYWRlci5vbmxvYWQgPSAoKSA9PiB7XG4gICAgICBjb25zdCBkYXRhVVJMID0gcmVhZGVyLnJlc3VsdDtcblxuICAgICAgdGhpcy5lZGl0b3IuY29tbWFuZHMudXBkYXRlQXR0cmlidXRlcygnaW1hZ2VVcGxvYWROb2RlJywgeyBzcmM6IGRhdGFVUkwgfSk7XG4gICAgfTtcbiAgICByZWFkZXIucmVhZEFzRGF0YVVSTChmaWxlKTtcbiAgfVxuXG4gIHByb2dyZXNzKHBlcmNlbnQsIGJ5dGVzLCB0b3RhbCkge1xuICAgIGxvZygncHJvZ3Jlc3M6ICcsIHBlcmNlbnQsIGJ5dGVzLCB0b3RhbCk7XG4gICAgdGhpcy5lZGl0b3IuY29tbWFuZHMudXBkYXRlQXR0cmlidXRlcygnaW1hZ2VVcGxvYWROb2RlJywgeyBwZXJjZW50IH0pO1xuICB9XG5cbiAgLy8gQWRkIGEgZ2V0dGVyIG1ldGhvZCB0byByZXRyaWV2ZSB0aGUgY2hvc2VuIGZpbGVcbiAgZ2V0Q2hvc2VuRmlsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5jaG9zZW5GaWxlO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEluc2VydEltYWdlSGFuZGxlcjtcbiJdfQ==