@pie-lib/editable-html 11.18.6-esmbeta.0 → 11.19.0-mui-update.0

package/lib/plugins/image/component.js

@@ -1,92 +1,119 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
-
+var _LinearProgress = _interopRequireDefault(require("@mui/material/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 _styles = require("@mui/material/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; } }
-
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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);
-
+var StyledImageRoot = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    position: 'relative',
+    border: "solid 1px ".concat(theme.palette.common.white),
+    display: 'flex',
+    transition: 'opacity 200ms linear',
+    '&.loading': {
+      opacity: 0.3
+    },
+    '&.pendingDelete': {
+      opacity: 0.3
+    }
+  };
+});
+var StyledProgress = (0, _styles.styled)(_LinearProgress["default"])(function () {
+  return {
+    position: 'absolute',
+    left: '0',
+    width: 'fit-content',
+    top: '0%',
+    transition: 'opacity 200ms linear',
+    '&.hideProgress': {
+      opacity: 0
+    }
+  };
+});
+var StyledImageContainer = (0, _styles.styled)('div')(function () {
+  return {
+    position: 'relative',
+    width: 'fit-content',
+    display: 'flex',
+    alignItems: 'center',
+    '&&:hover > .resize': {
+      display: 'block'
+    }
+  };
+});
+var StyledImage = (0, _styles.styled)('img')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    '&.active': {
+      border: "solid 1px ".concat(theme.palette.primary.main)
+    }
+  };
+});
+var StyledResize = (0, _styles.styled)('div')(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    backgroundColor: theme.palette.primary.main,
+    cursor: 'col-resize',
+    height: '35px',
+    width: '5px',
+    borderRadius: 8,
+    marginLeft: '5px',
+    marginRight: '10px',
+    display: 'none'
+  };
+});
+var Component = exports.Component = /*#__PURE__*/function (_React$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) {
+    _this = _callSuper(this, Component, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "getWidth", function (percent) {
       var multiplier = percent / 100;
       return _this.img.naturalWidth * multiplier;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getHeight", function (percent) {
+    (0, _defineProperty2["default"])(_this, "getHeight", function (percent) {
       var multiplier = percent / 100;
       return _this.img.naturalHeight * multiplier;
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPercentFromWidth", function (width) {
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["default"])(_this, "applySizeData", function () {
       var _this$props = _this.props,
-          node = _this$props.node,
-          editor = _this$props.editor;
+        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, {
@@ -95,49 +122,44 @@ var Component = /*#__PURE__*/function (_React$Component) {
         });
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "initialiseResize", function () {
+    (0, _defineProperty2["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;
-
+    (0, _defineProperty2["default"])(_this, "loadImage", function () {
+      var _ref4 = _this.props || {},
+        maxImageWidth = _ref4.maxImageWidth,
+        maxImageHeight = _ref4.maxImageHeight;
       maxImageWidth = maxImageWidth || 700;
       maxImageHeight = maxImageHeight || 900;
-      var box = _this.img; //on first load
+      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;
-
+            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;
+          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, {
@@ -147,42 +169,36 @@ var Component = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "startResizing", function (e) {
+    (0, _defineProperty2["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;
-
+          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;
+          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, {
@@ -192,31 +208,30 @@ var Component = /*#__PURE__*/function (_React$Component) {
         }
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stopResizing", function () {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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
-
+        }
 
+        // 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
-
+      }
 
+      // if we don't want to keep aspect ratio, we just update both values
       return {
         width: nextDim.width,
         height: nextDim.height
@@ -224,13 +239,12 @@ var Component = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
-  (0, _createClass2["default"])(Component, [{
+  (0, _inherits2["default"])(Component, _React$Component);
+  return (0, _createClass2["default"])(Component, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.applySizeData();
       var resizeHandle = this.resize;
-
       if (resizeHandle) {
         resizeHandle.addEventListener('mousedown', this.initialiseResize, false);
       }
@@ -253,13 +267,11 @@ var Component = /*#__PURE__*/function (_React$Component) {
     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;
+        node = _this$props4.node,
+        editor = _this$props4.editor,
+        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;
@@ -268,152 +280,69 @@ var Component = /*#__PURE__*/function (_React$Component) {
       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);
+      var className = (0, _classnames["default"])(!loaded && 'loading', deleteStatus === 'pending' && 'pendingDelete');
+      var progressClasses = (0, _classnames["default"])(loaded && 'hideProgress');
       return [/*#__PURE__*/_react["default"].createElement("span", {
         key: 'sp1'
-      }, "\xA0"), /*#__PURE__*/_react["default"].createElement("div", {
+      }, "\xA0"), /*#__PURE__*/_react["default"].createElement(StyledImageRoot, {
         key: 'comp',
         onFocus: onFocus,
         className: className,
         style: {
           justifyContent: justifyContent
         }
-      }, /*#__PURE__*/_react["default"].createElement(_LinearProgress["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(StyledProgress, {
         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;
+      }), /*#__PURE__*/_react["default"].createElement(StyledImageContainer, null, /*#__PURE__*/_react["default"].createElement(StyledImage, (0, _extends2["default"])({}, attributes, {
+        className: (0, _classnames["default"])(active && 'active'),
+        ref: function ref(_ref5) {
+          _this2.img = _ref5;
         },
         src: src,
         style: size,
         onLoad: this.loadImage,
         alt: alt
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        ref: function ref(_ref3) {
-          _this2.resize = _ref3;
+      })), /*#__PURE__*/_react["default"].createElement(StyledResize, {
+        ref: function ref(_ref6) {
+          _this2.resize = _ref6;
         },
-        className: (0, _classnames["default"])(classes.resize, 'resize')
+        className: "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;
+var _default = exports["default"] = Component;
 //# sourceMappingURL=component.js.map

package/lib/plugins/image/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/image/component.jsx"],"names":["log","size","s","Component","percent","multiplier","img","naturalWidth","naturalHeight","width","floored","parseInt","toFixed","props","node","editor","update","data","w","get","set","getPercentFromWidth","equals","change","c","setNodeByKey","key","window","addEventListener","startResizing","stopResizing","maxImageWidth","maxImageHeight","box","style","dimensions","height","updateImageDimensions","setState","e","bounds","target","getBoundingClientRect","clientX","left","clientY","top","hasMinimumWidth","hasDimensionsConstraints","removeEventListener","initialDim","nextDim","keepAspectRatio","resizeType","imageAspectRatio","applySizeData","resizeHandle","resize","initialiseResize","objectFit","classes","attributes","onFocus","active","value","isFocused","selection","hasEdgeIn","src","loaded","deleteStatus","alignment","alt","justifyContent","getSize","className","root","loading","pendingDelete","progressClasses","progress","hideProgress","imageContainer","image","ref","loadImage","React","SlatePropTypes","isRequired","PropTypes","shape","func","object","onBlur","number","styles","theme","portal","position","opacity","transition","floatingButtonRow","backgroundColor","palette","background","paper","borderRadius","display","padding","border","grey","boxShadow","common","white","right","alignItems","primary","main","cursor","marginLeft","marginRight","drawableHeight","minHeight"],"mappings":"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","sourcesContent":["import LinearProgress from '@material-ui/core/LinearProgress';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport SlatePropTypes from 'slate-prop-types';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst size = (s) => (s ? `${s}px` : 'auto');\n\nexport class Component extends React.Component {\n  static propTypes = {\n    node: SlatePropTypes.node.isRequired,\n    editor: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      value: PropTypes.object,\n    }).isRequired,\n    classes: PropTypes.object.isRequired,\n    attributes: PropTypes.object,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number,\n  };\n\n  getWidth = (percent) => {\n    const multiplier = percent / 100;\n    return this.img.naturalWidth * multiplier;\n  };\n\n  getHeight = (percent) => {\n    const multiplier = percent / 100;\n    return this.img.naturalHeight * multiplier;\n  };\n\n  getPercentFromWidth = (width) => {\n    var floored = (width / this.img.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  };\n\n  applySizeData = () => {\n    const { node, editor } = this.props;\n\n    let update = node.data;\n\n    const w = update.get('width');\n    if (w) {\n      update = update.set('resizePercent', this.getPercentFromWidth(w));\n    }\n\n    log('[applySizeData] update: ', update);\n\n    if (!update.equals(node.data)) {\n      editor.change((c) => c.setNodeByKey(node.key, { data: update }));\n    }\n  };\n\n  initialiseResize = () => {\n    window.addEventListener('mousemove', this.startResizing, false);\n    window.addEventListener('mouseup', this.stopResizing, false);\n  };\n\n  componentDidMount() {\n    this.applySizeData();\n\n    const resizeHandle = this.resize;\n\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', this.initialiseResize, false);\n    }\n  }\n\n  componentDidUpdate() {\n    this.applySizeData();\n  }\n\n  getSize(data) {\n    return {\n      width: size(data.get('width')),\n      height: size(data.get('height')),\n      objectFit: 'contain',\n    };\n  }\n\n  loadImage = () => {\n    let { maxImageWidth, maxImageHeight } = this.props || {};\n    maxImageWidth = maxImageWidth || 700;\n    maxImageHeight = maxImageHeight || 900;\n\n    const box = this.img;\n\n    //on first load\n    if (!box.style.width || box.style.width === 'auto') {\n      const dimensions = {\n        width: (box && box.naturalWidth) || 100,\n        height: (box && box.naturalHeight) || 100,\n      };\n\n      const { width, height } = this.updateImageDimensions(\n        dimensions,\n        {\n          width: dimensions.width < maxImageWidth ? dimensions.width : maxImageWidth,\n          height: dimensions.height < maxImageHeight ? dimensions.height : maxImageHeight,\n        },\n        true,\n      );\n\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width },\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change((c) => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  startResizing = (e) => {\n    const bounds = e.target.getBoundingClientRect();\n    const box = this.img;\n    const dimensions = {\n      width: (box && box.naturalWidth) || 100,\n      height: (box && box.naturalHeight) || 100,\n    };\n\n    const { width, height } = this.updateImageDimensions(\n      dimensions,\n      {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top,\n      },\n      true,\n    );\n\n    const hasMinimumWidth = width > 50 && height > 50;\n    const hasDimensionsConstraints = width <= 700 && height <= 900;\n\n    if (hasMinimumWidth && hasDimensionsConstraints && box) {\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width },\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change((c) => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  stopResizing = () => {\n    window.removeEventListener('mousemove', this.startResizing, false);\n    window.removeEventListener('mouseup', this.stopResizing, false);\n  };\n\n  updateImageDimensions = (initialDim, nextDim, keepAspectRatio, resizeType) => {\n    // if we want to keep image aspect ratio\n    if (keepAspectRatio) {\n      const imageAspectRatio = initialDim.width / initialDim.height;\n\n      if (resizeType === 'height') {\n        // if we want to change image height => we update the width accordingly\n        return {\n          width: nextDim.height * imageAspectRatio,\n          height: nextDim.height,\n        };\n      }\n\n      // if we want to change image width => we update the height accordingly\n      return {\n        width: nextDim.width,\n        height: nextDim.width / imageAspectRatio,\n      };\n    }\n\n    // if we don't want to keep aspect ratio, we just update both values\n    return {\n      width: nextDim.width,\n      height: nextDim.height,\n    };\n  };\n\n  render() {\n    const { node, editor, classes, attributes, onFocus } = this.props;\n    const active = editor.value.isFocused && editor.value.selection.hasEdgeIn(node);\n    const src = node.data.get('src');\n    const loaded = node.data.get('loaded') !== false;\n    const deleteStatus = node.data.get('deleteStatus');\n    const alignment = node.data.get('alignment');\n    const percent = node.data.get('percent');\n    const alt = node.data.get('alt');\n    let justifyContent;\n\n    switch (alignment) {\n      case 'left':\n        justifyContent = 'flex-start';\n        break;\n\n      case 'center':\n        justifyContent = 'center';\n        break;\n\n      case 'right':\n        justifyContent = 'flex-end';\n        break;\n\n      default:\n        justifyContent = 'flex-start';\n        break;\n    }\n    log('[render] node.data:', node.data);\n\n    const size = this.getSize(node.data);\n\n    log('[render] style:', size);\n\n    const className = classNames(\n      classes.root,\n      !loaded && classes.loading,\n      deleteStatus === 'pending' && classes.pendingDelete,\n    );\n\n    const progressClasses = classNames(classes.progress, loaded && classes.hideProgress);\n\n    return [\n      <span key={'sp1'}>&nbsp;</span>,\n      <div key={'comp'} onFocus={onFocus} className={className} style={{ justifyContent }}>\n        <LinearProgress mode=\"determinate\" value={percent > 0 ? percent : 0} className={progressClasses} />\n        <div className={classes.imageContainer}>\n          <img\n            {...attributes}\n            className={classNames(classes.image, active && classes.active)}\n            ref={(ref) => {\n              this.img = ref;\n            }}\n            src={src}\n            style={size}\n            onLoad={this.loadImage}\n            alt={alt}\n          />\n          <div\n            ref={(ref) => {\n              this.resize = ref;\n            }}\n            className={classNames(classes.resize, 'resize')}\n          />\n        </div>\n      </div>,\n      <span key={'sp2'}>&nbsp;</span>,\n    ];\n  }\n}\n\nconst styles = (theme) => ({\n  portal: {\n    position: 'absolute',\n    opacity: 0,\n    transition: 'opacity 200ms linear',\n  },\n  floatingButtonRow: {\n    backgroundColor: theme.palette.background.paper,\n    borderRadius: '1px',\n    display: 'flex',\n    padding: '10px',\n    border: `solid 1px ${theme.palette.grey[200]}`,\n    boxShadow:\n      '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)',\n  },\n  progress: {\n    position: 'absolute',\n    left: '0',\n    width: 'fit-content',\n    top: '0%',\n    transition: 'opacity 200ms linear',\n  },\n  hideProgress: {\n    opacity: 0,\n  },\n  loading: {\n    opacity: 0.3,\n  },\n  pendingDelete: {\n    opacity: 0.3,\n  },\n  root: {\n    position: 'relative',\n    border: `solid 1px ${theme.palette.common.white}`,\n    display: 'flex',\n    transition: 'opacity 200ms linear',\n  },\n  delete: {\n    position: 'absolute',\n    right: 0,\n  },\n  imageContainer: {\n    position: 'relative',\n    width: 'fit-content',\n    display: 'flex',\n    alignItems: 'center',\n\n    '&&:hover > .resize': {\n      display: 'block',\n    },\n  },\n  active: {\n    border: `solid 1px ${theme.palette.primary.main}`,\n  },\n  resize: {\n    backgroundColor: theme.palette.primary.main,\n    cursor: 'col-resize',\n    height: '35px',\n    width: '5px',\n    borderRadius: 8,\n    marginLeft: '5px',\n    marginRight: '10px',\n    display: 'none',\n  },\n  drawableHeight: {\n    minHeight: 350,\n  },\n});\n\nexport default withStyles(styles)(Component);\n"],"file":"component.js"}
+{"version":3,"file":"component.js","names":["_LinearProgress","_interopRequireDefault","require","_propTypes","_react","_classnames","_debug","_styles","_slatePropTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","size","s","concat","StyledImageRoot","styled","_ref","theme","position","border","palette","common","white","display","transition","opacity","StyledProgress","LinearProgress","left","width","top","StyledImageContainer","alignItems","StyledImage","_ref2","primary","main","StyledResize","_ref3","backgroundColor","cursor","height","borderRadius","marginLeft","marginRight","Component","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_defineProperty2","percent","multiplier","img","naturalWidth","naturalHeight","floored","parseInt","toFixed","_this$props","props","node","editor","update","data","w","get","set","getPercentFromWidth","equals","change","c","setNodeByKey","key","window","addEventListener","startResizing","stopResizing","_ref4","maxImageWidth","maxImageHeight","box","style","dimensions","_this$updateImageDime","updateImageDimensions","setState","_this$props2","bounds","target","getBoundingClientRect","_this$updateImageDime2","clientX","clientY","hasMinimumWidth","hasDimensionsConstraints","_this$props3","removeEventListener","initialDim","nextDim","keepAspectRatio","resizeType","imageAspectRatio","_inherits2","_createClass2","value","componentDidMount","applySizeData","resizeHandle","resize","initialiseResize","componentDidUpdate","getSize","objectFit","render","_this2","_this$props4","attributes","onFocus","active","isFocused","selection","hasEdgeIn","src","loaded","deleteStatus","alignment","alt","justifyContent","className","classNames","progressClasses","createElement","mode","_extends2","ref","onLoad","loadImage","React","SlatePropTypes","isRequired","PropTypes","shape","func","object","onBlur","number","_default"],"sources":["../../../src/plugins/image/component.jsx"],"sourcesContent":["import LinearProgress from '@mui/material/LinearProgress';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { styled } from '@mui/material/styles';\nimport SlatePropTypes from 'slate-prop-types';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst size = (s) => (s ? `${s}px` : 'auto');\n\nconst StyledImageRoot = styled('div')(({ theme }) => ({\n  position: 'relative',\n  border: `solid 1px ${theme.palette.common.white}`,\n  display: 'flex',\n  transition: 'opacity 200ms linear',\n  '&.loading': {\n    opacity: 0.3,\n  },\n  '&.pendingDelete': {\n    opacity: 0.3,\n  },\n}));\n\nconst StyledProgress = styled(LinearProgress)(() => ({\n  position: 'absolute',\n  left: '0',\n  width: 'fit-content',\n  top: '0%',\n  transition: 'opacity 200ms linear',\n  '&.hideProgress': {\n    opacity: 0,\n  },\n}));\n\nconst StyledImageContainer = styled('div')(() => ({\n  position: 'relative',\n  width: 'fit-content',\n  display: 'flex',\n  alignItems: 'center',\n  '&&:hover > .resize': {\n    display: 'block',\n  },\n}));\n\nconst StyledImage = styled('img')(({ theme }) => ({\n  '&.active': {\n    border: `solid 1px ${theme.palette.primary.main}`,\n  },\n}));\n\nconst StyledResize = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.primary.main,\n  cursor: 'col-resize',\n  height: '35px',\n  width: '5px',\n  borderRadius: 8,\n  marginLeft: '5px',\n  marginRight: '10px',\n  display: 'none',\n}));\n\nexport class Component extends React.Component {\n  static propTypes = {\n    node: SlatePropTypes.node.isRequired,\n    editor: PropTypes.shape({\n      change: PropTypes.func.isRequired,\n      value: PropTypes.object,\n    }).isRequired,\n    attributes: PropTypes.object,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    maxImageWidth: PropTypes.number,\n    maxImageHeight: PropTypes.number,\n  };\n\n  getWidth = (percent) => {\n    const multiplier = percent / 100;\n    return this.img.naturalWidth * multiplier;\n  };\n\n  getHeight = (percent) => {\n    const multiplier = percent / 100;\n    return this.img.naturalHeight * multiplier;\n  };\n\n  getPercentFromWidth = (width) => {\n    var floored = (width / this.img.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  };\n\n  applySizeData = () => {\n    const { node, editor } = this.props;\n\n    let update = node.data;\n\n    const w = update.get('width');\n    if (w) {\n      update = update.set('resizePercent', this.getPercentFromWidth(w));\n    }\n\n    log('[applySizeData] update: ', update);\n\n    if (!update.equals(node.data)) {\n      editor.change((c) => c.setNodeByKey(node.key, { data: update }));\n    }\n  };\n\n  initialiseResize = () => {\n    window.addEventListener('mousemove', this.startResizing, false);\n    window.addEventListener('mouseup', this.stopResizing, false);\n  };\n\n  componentDidMount() {\n    this.applySizeData();\n\n    const resizeHandle = this.resize;\n\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', this.initialiseResize, false);\n    }\n  }\n\n  componentDidUpdate() {\n    this.applySizeData();\n  }\n\n  getSize(data) {\n    return {\n      width: size(data.get('width')),\n      height: size(data.get('height')),\n      objectFit: 'contain',\n    };\n  }\n\n  loadImage = () => {\n    let { maxImageWidth, maxImageHeight } = this.props || {};\n    maxImageWidth = maxImageWidth || 700;\n    maxImageHeight = maxImageHeight || 900;\n\n    const box = this.img;\n\n    //on first load\n    if (!box.style.width || box.style.width === 'auto') {\n      const dimensions = {\n        width: (box && box.naturalWidth) || 100,\n        height: (box && box.naturalHeight) || 100,\n      };\n\n      const { width, height } = this.updateImageDimensions(\n        dimensions,\n        {\n          width: dimensions.width < maxImageWidth ? dimensions.width : maxImageWidth,\n          height: dimensions.height < maxImageHeight ? dimensions.height : maxImageHeight,\n        },\n        true,\n      );\n\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width },\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change((c) => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  startResizing = (e) => {\n    const bounds = e.target.getBoundingClientRect();\n    const box = this.img;\n    const dimensions = {\n      width: (box && box.naturalWidth) || 100,\n      height: (box && box.naturalHeight) || 100,\n    };\n\n    const { width, height } = this.updateImageDimensions(\n      dimensions,\n      {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top,\n      },\n      true,\n    );\n\n    const hasMinimumWidth = width > 50 && height > 50;\n    const hasDimensionsConstraints = width <= 700 && height <= 900;\n\n    if (hasMinimumWidth && hasDimensionsConstraints && box) {\n      box.style.width = `${width}px`;\n      box.style.height = `${height}px`;\n\n      this.setState({\n        dimensions: { height: height, width: width },\n      });\n\n      const { node, editor } = this.props;\n\n      let update = node.data;\n\n      update = update.set('width', width);\n      update = update.set('height', height);\n\n      if (!update.equals(node.data)) {\n        editor.change((c) => c.setNodeByKey(node.key, { data: update }));\n      }\n    }\n  };\n\n  stopResizing = () => {\n    window.removeEventListener('mousemove', this.startResizing, false);\n    window.removeEventListener('mouseup', this.stopResizing, false);\n  };\n\n  updateImageDimensions = (initialDim, nextDim, keepAspectRatio, resizeType) => {\n    // if we want to keep image aspect ratio\n    if (keepAspectRatio) {\n      const imageAspectRatio = initialDim.width / initialDim.height;\n\n      if (resizeType === 'height') {\n        // if we want to change image height => we update the width accordingly\n        return {\n          width: nextDim.height * imageAspectRatio,\n          height: nextDim.height,\n        };\n      }\n\n      // if we want to change image width => we update the height accordingly\n      return {\n        width: nextDim.width,\n        height: nextDim.width / imageAspectRatio,\n      };\n    }\n\n    // if we don't want to keep aspect ratio, we just update both values\n    return {\n      width: nextDim.width,\n      height: nextDim.height,\n    };\n  };\n\n  render() {\n    const { node, editor, attributes, onFocus } = this.props;\n    const active = editor.value.isFocused && editor.value.selection.hasEdgeIn(node);\n    const src = node.data.get('src');\n    const loaded = node.data.get('loaded') !== false;\n    const deleteStatus = node.data.get('deleteStatus');\n    const alignment = node.data.get('alignment');\n    const percent = node.data.get('percent');\n    const alt = node.data.get('alt');\n    let justifyContent;\n\n    switch (alignment) {\n      case 'left':\n        justifyContent = 'flex-start';\n        break;\n\n      case 'center':\n        justifyContent = 'center';\n        break;\n\n      case 'right':\n        justifyContent = 'flex-end';\n        break;\n\n      default:\n        justifyContent = 'flex-start';\n        break;\n    }\n    log('[render] node.data:', node.data);\n\n    const size = this.getSize(node.data);\n\n    log('[render] style:', size);\n\n    const className = classNames(\n      !loaded && 'loading',\n      deleteStatus === 'pending' && 'pendingDelete',\n    );\n\n    const progressClasses = classNames(loaded && 'hideProgress');\n\n    return [\n      <span key={'sp1'}>&nbsp;</span>,\n      <StyledImageRoot key={'comp'} onFocus={onFocus} className={className} style={{ justifyContent }}>\n        <StyledProgress mode=\"determinate\" value={percent > 0 ? percent : 0} className={progressClasses} />\n        <StyledImageContainer>\n          <StyledImage\n            {...attributes}\n            className={classNames(active && 'active')}\n            ref={(ref) => {\n              this.img = ref;\n            }}\n            src={src}\n            style={size}\n            onLoad={this.loadImage}\n            alt={alt}\n          />\n          <StyledResize\n            ref={(ref) => {\n              this.resize = ref;\n            }}\n            className=\"resize\"\n          />\n        </StyledImageContainer>\n      </StyledImageRoot>,\n      <span key={'sp2'}>&nbsp;</span>,\n    ];\n  }\n}\n\nexport default Component;\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA8C,SAAAO,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAE9C,IAAMc,GAAG,GAAG,IAAAC,iBAAK,EAAC,gDAAgD,CAAC;AAEnE,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,CAAC;EAAA,OAAMA,CAAC,MAAAC,MAAA,CAAMD,CAAC,UAAO,MAAM;AAAA,CAAC;AAE3C,IAAME,eAAe,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IACpDC,QAAQ,EAAE,UAAU;IACpBC,MAAM,eAAAN,MAAA,CAAeI,KAAK,CAACG,OAAO,CAACC,MAAM,CAACC,KAAK,CAAE;IACjDC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,sBAAsB;IAClC,WAAW,EAAE;MACXC,OAAO,EAAE;IACX,CAAC;IACD,iBAAiB,EAAE;MACjBA,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,cAAc,GAAG,IAAAX,cAAM,EAACY,0BAAc,CAAC,CAAC;EAAA,OAAO;IACnDT,QAAQ,EAAE,UAAU;IACpBU,IAAI,EAAE,GAAG;IACTC,KAAK,EAAE,aAAa;IACpBC,GAAG,EAAE,IAAI;IACTN,UAAU,EAAE,sBAAsB;IAClC,gBAAgB,EAAE;MAChBC,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMM,oBAAoB,GAAG,IAAAhB,cAAM,EAAC,KAAK,CAAC,CAAC;EAAA,OAAO;IAChDG,QAAQ,EAAE,UAAU;IACpBW,KAAK,EAAE,aAAa;IACpBN,OAAO,EAAE,MAAM;IACfS,UAAU,EAAE,QAAQ;IACpB,oBAAoB,EAAE;MACpBT,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMU,WAAW,GAAG,IAAAlB,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAmB,KAAA;EAAA,IAAGjB,KAAK,GAAAiB,KAAA,CAALjB,KAAK;EAAA,OAAQ;IAChD,UAAU,EAAE;MACVE,MAAM,eAAAN,MAAA,CAAeI,KAAK,CAACG,OAAO,CAACe,OAAO,CAACC,IAAI;IACjD;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,IAAAtB,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAuB,KAAA;EAAA,IAAGrB,KAAK,GAAAqB,KAAA,CAALrB,KAAK;EAAA,OAAQ;IACjDsB,eAAe,EAAEtB,KAAK,CAACG,OAAO,CAACe,OAAO,CAACC,IAAI;IAC3CI,MAAM,EAAE,YAAY;IACpBC,MAAM,EAAE,MAAM;IACdZ,KAAK,EAAE,KAAK;IACZa,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,KAAK;IACjBC,WAAW,EAAE,MAAM;IACnBrB,OAAO,EAAE;EACX,CAAC;AAAA,CAAC,CAAC;AAAC,IAESsB,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAAAE,gBAAA;EAAA,SAAAF,UAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,mBAAAJ,SAAA;IAAA,SAAAK,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAtD,UAAA,OAAAmD,SAAA,KAAAhC,MAAA,CAAAwC,IAAA;IAAA,IAAAG,gBAAA,aAAAR,KAAA,cAcT,UAACS,OAAO,EAAK;MACtB,IAAMC,UAAU,GAAGD,OAAO,GAAG,GAAG;MAChC,OAAOT,KAAA,CAAKW,GAAG,CAACC,YAAY,GAAGF,UAAU;IAC3C,CAAC;IAAA,IAAAF,gBAAA,aAAAR,KAAA,eAEW,UAACS,OAAO,EAAK;MACvB,IAAMC,UAAU,GAAGD,OAAO,GAAG,GAAG;MAChC,OAAOT,KAAA,CAAKW,GAAG,CAACE,aAAa,GAAGH,UAAU;IAC5C,CAAC;IAAA,IAAAF,gBAAA,aAAAR,KAAA,yBAEqB,UAACnB,KAAK,EAAK;MAC/B,IAAIiC,OAAO,GAAIjC,KAAK,GAAGmB,KAAA,CAAKW,GAAG,CAACC,YAAY,GAAI,CAAC;MACjD,OAAOG,QAAQ,CAACD,OAAO,CAACE,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC;IAC9C,CAAC;IAAA,IAAAR,gBAAA,aAAAR,KAAA,mBAEe,YAAM;MACpB,IAAAiB,WAAA,GAAyBjB,KAAA,CAAKkB,KAAK;QAA3BC,IAAI,GAAAF,WAAA,CAAJE,IAAI;QAAEC,MAAM,GAAAH,WAAA,CAANG,MAAM;MAEpB,IAAIC,MAAM,GAAGF,IAAI,CAACG,IAAI;MAEtB,IAAMC,CAAC,GAAGF,MAAM,CAACG,GAAG,CAAC,OAAO,CAAC;MAC7B,IAAID,CAAC,EAAE;QACLF,MAAM,GAAGA,MAAM,CAACI,GAAG,CAAC,eAAe,EAAEzB,KAAA,CAAK0B,mBAAmB,CAACH,CAAC,CAAC,CAAC;MACnE;MAEA9D,GAAG,CAAC,0BAA0B,EAAE4D,MAAM,CAAC;MAEvC,IAAI,CAACA,MAAM,CAACM,MAAM,CAACR,IAAI,CAACG,IAAI,CAAC,EAAE;QAC7BF,MAAM,CAACQ,MAAM,CAAC,UAACC,CAAC;UAAA,OAAKA,CAAC,CAACC,YAAY,CAACX,IAAI,CAACY,GAAG,EAAE;YAAET,IAAI,EAAED;UAAO,CAAC,CAAC;QAAA,EAAC;MAClE;IACF,CAAC;IAAA,IAAAb,gBAAA,aAAAR,KAAA,sBAEkB,YAAM;MACvBgC,MAAM,CAACC,gBAAgB,CAAC,WAAW,EAAEjC,KAAA,CAAKkC,aAAa,EAAE,KAAK,CAAC;MAC/DF,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEjC,KAAA,CAAKmC,YAAY,EAAE,KAAK,CAAC;IAC9D,CAAC;IAAA,IAAA3B,gBAAA,aAAAR,KAAA,eAwBW,YAAM;MAChB,IAAAoC,KAAA,GAAwCpC,KAAA,CAAKkB,KAAK,IAAI,CAAC,CAAC;QAAlDmB,aAAa,GAAAD,KAAA,CAAbC,aAAa;QAAEC,cAAc,GAAAF,KAAA,CAAdE,cAAc;MACnCD,aAAa,GAAGA,aAAa,IAAI,GAAG;MACpCC,cAAc,GAAGA,cAAc,IAAI,GAAG;MAEtC,IAAMC,GAAG,GAAGvC,KAAA,CAAKW,GAAG;;MAEpB;MACA,IAAI,CAAC4B,GAAG,CAACC,KAAK,CAAC3D,KAAK,IAAI0D,GAAG,CAACC,KAAK,CAAC3D,KAAK,KAAK,MAAM,EAAE;QAClD,IAAM4D,UAAU,GAAG;UACjB5D,KAAK,EAAG0D,GAAG,IAAIA,GAAG,CAAC3B,YAAY,IAAK,GAAG;UACvCnB,MAAM,EAAG8C,GAAG,IAAIA,GAAG,CAAC1B,aAAa,IAAK;QACxC,CAAC;QAED,IAAA6B,qBAAA,GAA0B1C,KAAA,CAAK2C,qBAAqB,CAClDF,UAAU,EACV;YACE5D,KAAK,EAAE4D,UAAU,CAAC5D,KAAK,GAAGwD,aAAa,GAAGI,UAAU,CAAC5D,KAAK,GAAGwD,aAAa;YAC1E5C,MAAM,EAAEgD,UAAU,CAAChD,MAAM,GAAG6C,cAAc,GAAGG,UAAU,CAAChD,MAAM,GAAG6C;UACnE,CAAC,EACD,IACF,CAAC;UAPOzD,KAAK,GAAA6D,qBAAA,CAAL7D,KAAK;UAAEY,MAAM,GAAAiD,qBAAA,CAANjD,MAAM;QASrB8C,GAAG,CAACC,KAAK,CAAC3D,KAAK,MAAAhB,MAAA,CAAMgB,KAAK,OAAI;QAC9B0D,GAAG,CAACC,KAAK,CAAC/C,MAAM,MAAA5B,MAAA,CAAM4B,MAAM,OAAI;QAEhCO,KAAA,CAAK4C,QAAQ,CAAC;UACZH,UAAU,EAAE;YAAEhD,MAAM,EAAEA,MAAM;YAAEZ,KAAK,EAAEA;UAAM;QAC7C,CAAC,CAAC;QAEF,IAAAgE,YAAA,GAAyB7C,KAAA,CAAKkB,KAAK;UAA3BC,IAAI,GAAA0B,YAAA,CAAJ1B,IAAI;UAAEC,MAAM,GAAAyB,YAAA,CAANzB,MAAM;QAEpB,IAAIC,MAAM,GAAGF,IAAI,CAACG,IAAI;QAEtBD,MAAM,GAAGA,MAAM,CAACI,GAAG,CAAC,OAAO,EAAE5C,KAAK,CAAC;QACnCwC,MAAM,GAAGA,MAAM,CAACI,GAAG,CAAC,QAAQ,EAAEhC,MAAM,CAAC;QAErC,IAAI,CAAC4B,MAAM,CAACM,MAAM,CAACR,IAAI,CAACG,IAAI,CAAC,EAAE;UAC7BF,MAAM,CAACQ,MAAM,CAAC,UAACC,CAAC;YAAA,OAAKA,CAAC,CAACC,YAAY,CAACX,IAAI,CAACY,GAAG,EAAE;cAAET,IAAI,EAAED;YAAO,CAAC,CAAC;UAAA,EAAC;QAClE;MACF;IACF,CAAC;IAAA,IAAAb,gBAAA,aAAAR,KAAA,mBAEe,UAACnD,CAAC,EAAK;MACrB,IAAMiG,MAAM,GAAGjG,CAAC,CAACkG,MAAM,CAACC,qBAAqB,CAAC,CAAC;MAC/C,IAAMT,GAAG,GAAGvC,KAAA,CAAKW,GAAG;MACpB,IAAM8B,UAAU,GAAG;QACjB5D,KAAK,EAAG0D,GAAG,IAAIA,GAAG,CAAC3B,YAAY,IAAK,GAAG;QACvCnB,MAAM,EAAG8C,GAAG,IAAIA,GAAG,CAAC1B,aAAa,IAAK;MACxC,CAAC;MAED,IAAAoC,sBAAA,GAA0BjD,KAAA,CAAK2C,qBAAqB,CAClDF,UAAU,EACV;UACE5D,KAAK,EAAEhC,CAAC,CAACqG,OAAO,GAAGJ,MAAM,CAAClE,IAAI;UAC9Ba,MAAM,EAAE5C,CAAC,CAACsG,OAAO,GAAGL,MAAM,CAAChE;QAC7B,CAAC,EACD,IACF,CAAC;QAPOD,KAAK,GAAAoE,sBAAA,CAALpE,KAAK;QAAEY,MAAM,GAAAwD,sBAAA,CAANxD,MAAM;MASrB,IAAM2D,eAAe,GAAGvE,KAAK,GAAG,EAAE,IAAIY,MAAM,GAAG,EAAE;MACjD,IAAM4D,wBAAwB,GAAGxE,KAAK,IAAI,GAAG,IAAIY,MAAM,IAAI,GAAG;MAE9D,IAAI2D,eAAe,IAAIC,wBAAwB,IAAId,GAAG,EAAE;QACtDA,GAAG,CAACC,KAAK,CAAC3D,KAAK,MAAAhB,MAAA,CAAMgB,KAAK,OAAI;QAC9B0D,GAAG,CAACC,KAAK,CAAC/C,MAAM,MAAA5B,MAAA,CAAM4B,MAAM,OAAI;QAEhCO,KAAA,CAAK4C,QAAQ,CAAC;UACZH,UAAU,EAAE;YAAEhD,MAAM,EAAEA,MAAM;YAAEZ,KAAK,EAAEA;UAAM;QAC7C,CAAC,CAAC;QAEF,IAAAyE,YAAA,GAAyBtD,KAAA,CAAKkB,KAAK;UAA3BC,IAAI,GAAAmC,YAAA,CAAJnC,IAAI;UAAEC,MAAM,GAAAkC,YAAA,CAANlC,MAAM;QAEpB,IAAIC,MAAM,GAAGF,IAAI,CAACG,IAAI;QAEtBD,MAAM,GAAGA,MAAM,CAACI,GAAG,CAAC,OAAO,EAAE5C,KAAK,CAAC;QACnCwC,MAAM,GAAGA,MAAM,CAACI,GAAG,CAAC,QAAQ,EAAEhC,MAAM,CAAC;QAErC,IAAI,CAAC4B,MAAM,CAACM,MAAM,CAACR,IAAI,CAACG,IAAI,CAAC,EAAE;UAC7BF,MAAM,CAACQ,MAAM,CAAC,UAACC,CAAC;YAAA,OAAKA,CAAC,CAACC,YAAY,CAACX,IAAI,CAACY,GAAG,EAAE;cAAET,IAAI,EAAED;YAAO,CAAC,CAAC;UAAA,EAAC;QAClE;MACF;IACF,CAAC;IAAA,IAAAb,gBAAA,aAAAR,KAAA,kBAEc,YAAM;MACnBgC,MAAM,CAACuB,mBAAmB,CAAC,WAAW,EAAEvD,KAAA,CAAKkC,aAAa,EAAE,KAAK,CAAC;MAClEF,MAAM,CAACuB,mBAAmB,CAAC,SAAS,EAAEvD,KAAA,CAAKmC,YAAY,EAAE,KAAK,CAAC;IACjE,CAAC;IAAA,IAAA3B,gBAAA,aAAAR,KAAA,2BAEuB,UAACwD,UAAU,EAAEC,OAAO,EAAEC,eAAe,EAAEC,UAAU,EAAK;MAC5E;MACA,IAAID,eAAe,EAAE;QACnB,IAAME,gBAAgB,GAAGJ,UAAU,CAAC3E,KAAK,GAAG2E,UAAU,CAAC/D,MAAM;QAE7D,IAAIkE,UAAU,KAAK,QAAQ,EAAE;UAC3B;UACA,OAAO;YACL9E,KAAK,EAAE4E,OAAO,CAAChE,MAAM,GAAGmE,gBAAgB;YACxCnE,MAAM,EAAEgE,OAAO,CAAChE;UAClB,CAAC;QACH;;QAEA;QACA,OAAO;UACLZ,KAAK,EAAE4E,OAAO,CAAC5E,KAAK;UACpBY,MAAM,EAAEgE,OAAO,CAAC5E,KAAK,GAAG+E;QAC1B,CAAC;MACH;;MAEA;MACA,OAAO;QACL/E,KAAK,EAAE4E,OAAO,CAAC5E,KAAK;QACpBY,MAAM,EAAEgE,OAAO,CAAChE;MAClB,CAAC;IACH,CAAC;IAAA,OAAAO,KAAA;EAAA;EAAA,IAAA6D,UAAA,aAAAhE,SAAA,EAAAE,gBAAA;EAAA,WAAA+D,aAAA,aAAAjE,SAAA;IAAAkC,GAAA;IAAAgC,KAAA,EAxID,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,IAAI,CAACC,aAAa,CAAC,CAAC;MAEpB,IAAMC,YAAY,GAAG,IAAI,CAACC,MAAM;MAEhC,IAAID,YAAY,EAAE;QAChBA,YAAY,CAACjC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACmC,gBAAgB,EAAE,KAAK,CAAC;MAC1E;IACF;EAAC;IAAArC,GAAA;IAAAgC,KAAA,EAED,SAAAM,kBAAkBA,CAAA,EAAG;MACnB,IAAI,CAACJ,aAAa,CAAC,CAAC;IACtB;EAAC;IAAAlC,GAAA;IAAAgC,KAAA,EAED,SAAAO,OAAOA,CAAChD,IAAI,EAAE;MACZ,OAAO;QACLzC,KAAK,EAAElB,IAAI,CAAC2D,IAAI,CAACE,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9B/B,MAAM,EAAE9B,IAAI,CAAC2D,IAAI,CAACE,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChC+C,SAAS,EAAE;MACb,CAAC;IACH;EAAC;IAAAxC,GAAA;IAAAgC,KAAA,EAsHD,SAAAS,MAAMA,CAAA,EAAG;MAAA,IAAAC,MAAA;MACP,IAAAC,YAAA,GAA8C,IAAI,CAACxD,KAAK;QAAhDC,IAAI,GAAAuD,YAAA,CAAJvD,IAAI;QAAEC,MAAM,GAAAsD,YAAA,CAANtD,MAAM;QAAEuD,UAAU,GAAAD,YAAA,CAAVC,UAAU;QAAEC,OAAO,GAAAF,YAAA,CAAPE,OAAO;MACzC,IAAMC,MAAM,GAAGzD,MAAM,CAAC2C,KAAK,CAACe,SAAS,IAAI1D,MAAM,CAAC2C,KAAK,CAACgB,SAAS,CAACC,SAAS,CAAC7D,IAAI,CAAC;MAC/E,IAAM8D,GAAG,GAAG9D,IAAI,CAACG,IAAI,CAACE,GAAG,CAAC,KAAK,CAAC;MAChC,IAAM0D,MAAM,GAAG/D,IAAI,CAACG,IAAI,CAACE,GAAG,CAAC,QAAQ,CAAC,KAAK,KAAK;MAChD,IAAM2D,YAAY,GAAGhE,IAAI,CAACG,IAAI,CAACE,GAAG,CAAC,cAAc,CAAC;MAClD,IAAM4D,SAAS,GAAGjE,IAAI,CAACG,IAAI,CAACE,GAAG,CAAC,WAAW,CAAC;MAC5C,IAAMf,OAAO,GAAGU,IAAI,CAACG,IAAI,CAACE,GAAG,CAAC,SAAS,CAAC;MACxC,IAAM6D,GAAG,GAAGlE,IAAI,CAACG,IAAI,CAACE,GAAG,CAAC,KAAK,CAAC;MAChC,IAAI8D,cAAc;MAElB,QAAQF,SAAS;QACf,KAAK,MAAM;UACTE,cAAc,GAAG,YAAY;UAC7B;QAEF,KAAK,QAAQ;UACXA,cAAc,GAAG,QAAQ;UACzB;QAEF,KAAK,OAAO;UACVA,cAAc,GAAG,UAAU;UAC3B;QAEF;UACEA,cAAc,GAAG,YAAY;UAC7B;MACJ;MACA7H,GAAG,CAAC,qBAAqB,EAAE0D,IAAI,CAACG,IAAI,CAAC;MAErC,IAAM3D,IAAI,GAAG,IAAI,CAAC2G,OAAO,CAACnD,IAAI,CAACG,IAAI,CAAC;MAEpC7D,GAAG,CAAC,iBAAiB,EAAEE,IAAI,CAAC;MAE5B,IAAM4H,SAAS,GAAG,IAAAC,sBAAU,EAC1B,CAACN,MAAM,IAAI,SAAS,EACpBC,YAAY,KAAK,SAAS,IAAI,eAChC,CAAC;MAED,IAAMM,eAAe,GAAG,IAAAD,sBAAU,EAACN,MAAM,IAAI,cAAc,CAAC;MAE5D,OAAO,cACL7I,MAAA,YAAAqJ,aAAA;QAAM3D,GAAG,EAAE;MAAM,GAAC,MAAY,CAAC,eAC/B1F,MAAA,YAAAqJ,aAAA,CAAC5H,eAAe;QAACiE,GAAG,EAAE,MAAO;QAAC6C,OAAO,EAAEA,OAAQ;QAACW,SAAS,EAAEA,SAAU;QAAC/C,KAAK,EAAE;UAAE8C,cAAc,EAAdA;QAAe;MAAE,gBAC9FjJ,MAAA,YAAAqJ,aAAA,CAAChH,cAAc;QAACiH,IAAI,EAAC,aAAa;QAAC5B,KAAK,EAAEtD,OAAO,GAAG,CAAC,GAAGA,OAAO,GAAG,CAAE;QAAC8E,SAAS,EAAEE;MAAgB,CAAE,CAAC,eACnGpJ,MAAA,YAAAqJ,aAAA,CAAC3G,oBAAoB,qBACnB1C,MAAA,YAAAqJ,aAAA,CAACzG,WAAW,MAAA2G,SAAA,iBACNjB,UAAU;QACdY,SAAS,EAAE,IAAAC,sBAAU,EAACX,MAAM,IAAI,QAAQ,CAAE;QAC1CgB,GAAG,EAAE,SAALA,GAAGA,CAAGA,KAAG,EAAK;UACZpB,MAAI,CAAC9D,GAAG,GAAGkF,KAAG;QAChB,CAAE;QACFZ,GAAG,EAAEA,GAAI;QACTzC,KAAK,EAAE7E,IAAK;QACZmI,MAAM,EAAE,IAAI,CAACC,SAAU;QACvBV,GAAG,EAAEA;MAAI,EACV,CAAC,eACFhJ,MAAA,YAAAqJ,aAAA,CAACrG,YAAY;QACXwG,GAAG,EAAE,SAALA,GAAGA,CAAGA,KAAG,EAAK;UACZpB,MAAI,CAACN,MAAM,GAAG0B,KAAG;QACnB,CAAE;QACFN,SAAS,EAAC;MAAQ,CACnB,CACmB,CACP,CAAC,eAClBlJ,MAAA,YAAAqJ,aAAA;QAAM3D,GAAG,EAAE;MAAM,GAAC,MAAY,CAAC,CAChC;IACH;EAAC;AAAA,EAhQ4BiE,iBAAK,CAACnG,SAAS;AAAA,IAAAW,gBAAA,aAAjCX,SAAS,eACD;EACjBsB,IAAI,EAAE8E,0BAAc,CAAC9E,IAAI,CAAC+E,UAAU;EACpC9E,MAAM,EAAE+E,qBAAS,CAACC,KAAK,CAAC;IACtBxE,MAAM,EAAEuE,qBAAS,CAACE,IAAI,CAACH,UAAU;IACjCnC,KAAK,EAAEoC,qBAAS,CAACG;EACnB,CAAC,CAAC,CAACJ,UAAU;EACbvB,UAAU,EAAEwB,qBAAS,CAACG,MAAM;EAC5B1B,OAAO,EAAEuB,qBAAS,CAACE,IAAI;EACvBE,MAAM,EAAEJ,qBAAS,CAACE,IAAI;EACtBhE,aAAa,EAAE8D,qBAAS,CAACK,MAAM;EAC/BlE,cAAc,EAAE6D,qBAAS,CAACK;AAC5B,CAAC;AAAA,IAAAC,QAAA,GAAA3G,OAAA,cAuPYD,SAAS","ignoreList":[]}