@pie-element/hotspot 11.1.2-next.2 → 11.1.2

package/configure/lib/hotspot-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotspot-circle.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactKonva","_DeleteWidget","CircleComponent","React","Component","constructor","props","_defineProperty2","default","e","radius","isDrawing","onClick","id","cancelBubble","document","body","style","cursor","setState","hovered","trRef","current","setNode","shapeRef","getLayer","batchDraw","state","isDragging","onDragEnd","x","target","y","node","scale","scaleX","scaleY","newRadius","Math","max","onDeleteShape","avgScale","createRef","render","correct","hotspotColor","outlineColor","strokeWidth","selectedHotspotColor","hoverOutlineColor","validRadius","isNaN","createElement","Group","onMouseLeave","handleMouseLeave","onMouseEnter","handleMouseEnter","padding","Circle","ref","fill","handleClick","onTap","draggable","stroke","onDragStart","handleOnDragEnd","onTransformStart","onTransformEnd","onResizeEnd","handleWidgetClick","handleDelete","isCircle","Transformer","borderStroke","rotateEnabled","keepRatio","onTransform","enabledAnchors","boundBoxFunc","oldBox","newBox","width","height","oldCenterX","oldCenterY","newCenterX","newCenterY","offsetX","offsetY","propTypes","PropTypes","bool","isRequired","string","number","func","defaultProps","_default","exports"],"sources":["../src/hotspot-circle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Circle, Group, Transformer } from 'react-konva';\nimport DeleteWidget from './DeleteWidget';\n\nclass CircleComponent extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false,\n      isDragging: false,\n    };\n    this.shapeRef = React.createRef();\n    this.trRef = React.createRef();\n  }\n\n  handleClick = (e) => {\n    const { radius, isDrawing, onClick, id } = this.props;\n    if (radius <= 0 && isDrawing) {\n      return;\n    }\n    e.cancelBubble = true;\n    onClick(id);\n  };\n\n  handleMouseEnter = () => {\n    document.body.style.cursor = 'pointer';\n    this.setState({ hovered: true });\n    this.trRef.current.setNode(this.shapeRef.current);\n    this.trRef.current.getLayer().batchDraw();\n  };\n\n  handleMouseLeave = () => {\n    // Don't hide transformer if user is actively dragging/resizing\n    if (!this.state.isDragging) {\n      this.setState({ hovered: false });\n    }\n    document.body.style.cursor = 'default';\n  };\n\n  handleOnDragEnd = (e) => {\n    const { onDragEnd, id } = this.props;\n    this.setState({ isDragging: false });\n    onDragEnd(id, {\n      x: e.target.x(),\n      y: e.target.y(),\n    });\n  };\n\n  onResizeEnd = () => {\n    const { onDragEnd, id } = this.props;\n    const node = this.shapeRef.current;\n\n    const scale = node.scaleX() !== 1 ? node.scaleX() : node.scaleY();\n    const newRadius = Math.max(node.radius() * scale, 5);\n\n    this.setState({ isDragging: false });\n    onDragEnd(id, {\n      x: node.x(),\n      y: node.y(),\n      radius: newRadius,\n    });\n\n    node.scaleX(1);\n    node.scaleY(1);\n  };\n\n  handleDelete = (id) => {\n    const { onDeleteShape } = this.props;\n    onDeleteShape(id);\n  };\n\n  onTransform = () => {\n    const node = this.shapeRef.current;\n    const avgScale = (node.scaleX() + node.scaleY()) / 2;\n    node.scaleX(avgScale);\n    node.scaleY(avgScale);\n  };\n\n  render() {\n    const {\n      correct,\n      radius,\n      hotspotColor,\n      id,\n      outlineColor,\n      x,\n      y,\n      strokeWidth = 5,\n      selectedHotspotColor,\n      hoverOutlineColor,\n    } = this.props;\n\n    const { hovered, isDragging } = this.state;\n    // Ensure radius is valid\n    const validRadius = isNaN(radius) || radius <= 0 ? 5 : radius;\n\n    return (\n      <Group onMouseLeave={this.handleMouseLeave} onMouseEnter={this.handleMouseEnter} padding={12}>\n        <Circle\n          ref={this.shapeRef}\n          radius={validRadius}\n          fill={correct && selectedHotspotColor ? selectedHotspotColor : hotspotColor}\n          onClick={this.handleClick}\n          onTap={this.handleClick}\n          draggable\n          stroke={outlineColor}\n          strokeWidth={correct ? strokeWidth : 0}\n          onDragStart={() => this.setState({ isDragging: true })}\n          onDragEnd={this.handleOnDragEnd}\n          onTransformStart={() => this.setState({ isDragging: true })}\n          onTransformEnd={this.onResizeEnd}\n          x={x}\n          y={y}\n          cursor=\"pointer\"\n        />\n\n        {!isDragging && hovered && (\n          <DeleteWidget\n            id={id}\n            radius={validRadius}\n            x={x}\n            y={y}\n            handleWidgetClick={this.handleDelete}\n            isCircle={true}\n          />\n        )}\n        {this.state.hovered && (\n          <Transformer\n            borderStroke={hoverOutlineColor || null}\n            ref={this.trRef}\n            rotateEnabled={false}\n            keepRatio={true}\n            onTransform={this.onTransform}\n            enabledAnchors={['middle-left', 'middle-right', 'top-center', 'bottom-center']}\n            boundBoxFunc={(oldBox, newBox) => {\n              // Constraint to prevent resizing too small\n              if (newBox.width < 10 || newBox.height < 10) {\n                return oldBox;\n              }\n\n              const oldCenterX = oldBox.x + oldBox.width / 2;\n              const oldCenterY = oldBox.y + oldBox.height / 2;\n              const newCenterX = newBox.x + newBox.width / 2;\n              const newCenterY = newBox.y + newBox.height / 2;\n\n              const offsetX = oldCenterX - newCenterX;\n              const offsetY = oldCenterY - newCenterY;\n\n              newBox.x += offsetX;\n              newBox.y += offsetY;\n\n              return newBox;\n            }}\n          />\n        )}\n      </Group>\n    );\n  }\n}\n\nCircleComponent.propTypes = {\n  correct: PropTypes.bool,\n  isDrawing: PropTypes.bool.isRequired,\n  id: PropTypes.string.isRequired,\n  radius: PropTypes.number.isRequired,\n  hotspotColor: PropTypes.string.isRequired,\n  selectedHotspotColor: PropTypes.string,\n  hoverOutlineColor: PropTypes.string,\n  onClick: PropTypes.func.isRequired,\n  onDeleteShape: PropTypes.func.isRequired,\n  onDragEnd: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  strokeWidth: PropTypes.number,\n};\n\nCircleComponent.defaultProps = {\n  correct: false,\n};\n\nexport default CircleComponent;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/hotspot-container.js

@@ -0,0 +1,320 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Container = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _button = _interopRequireDefault(require("./button"));
+var _circle = require("./buttons/circle");
+var _polygon = require("./buttons/polygon");
+var _rectangle = require("./buttons/rectangle");
+var _shapes = require("./shapes");
+var _hotspotDrawable = _interopRequireDefault(require("./hotspot-drawable"));
+var _uploadControl = _interopRequireDefault(require("./upload-control"));
+var _utils = require("./utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BaseContainer = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  marginTop: theme.spacing(1.5),
+  marginBottom: theme.spacing(2.5)
+}));
+const BoxContainer = (0, _styles.styled)('div')(({
+  theme,
+  hasErrors,
+  dropzoneActive
+}) => ({
+  border: '1px solid #E0E1E6',
+  borderRadius: '5px',
+  ...(dropzoneActive && {
+    border: '1px solid #0032C2'
+  }),
+  ...(hasErrors && !dropzoneActive && {
+    border: `1px solid ${theme.palette.error.main}`
+  })
+}));
+const ButtonShape = (0, _styles.styled)('div')({
+  marginRight: '5px',
+  '&:hover': {
+    cursor: 'pointer'
+  }
+});
+const CenteredContainer = (0, _styles.styled)('div')({
+  alignItems: 'center',
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center'
+});
+const DrawableHeight = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  minHeight: 350,
+  paddingBottom: theme.spacing(5),
+  paddingRight: theme.spacing(5)
+}));
+const Toolbar = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  backgroundColor: '#FFF',
+  borderBottom: '1px solid #E0E1E6',
+  borderTopLeftRadius: '5px',
+  borderTopRightRadius: '5px',
+  display: 'flex',
+  justifyContent: 'flex-end',
+  padding: theme.spacing(1)
+}));
+const ReplaceSection = (0, _styles.styled)('div')({
+  marginRight: 'auto'
+});
+const isImage = file => {
+  const imageType = /image.*/;
+  return file.type.match(imageType);
+};
+class Container extends _react.Component {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    // always transform shapes map into shapes array at this level
+    return {
+      ...prevState,
+      shapes: (0, _utils.getAllShapes)(nextProps.shapes)
+    };
+  }
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "handleFileRead", file => {
+      if (file instanceof Blob) {
+        const {
+          onImageUpload,
+          insertImage
+        } = this.props;
+        const reader = new FileReader();
+        reader.onloadend = () => onImageUpload(reader.result);
+        reader.readAsDataURL(file);
+        if (insertImage) {
+          insertImage({
+            ...this.fakeImageHandler,
+            getChosenFile: () => file,
+            isPasted: true
+          });
+        }
+      }
+    });
+    (0, _defineProperty2.default)(this, "enableDropzone", () => this.setState({
+      dropzoneActive: true
+    }));
+    (0, _defineProperty2.default)(this, "disableDropzone", () => this.setState({
+      dropzoneActive: false
+    }));
+    (0, _defineProperty2.default)(this, "handleOnPaste", e => {
+      const {
+        files
+      } = e.clipboardData;
+      if (files && isImage(files[0])) {
+        this.handleFileRead(files[0]);
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleOnDrop", e => {
+      e.preventDefault();
+      const {
+        items,
+        files
+      } = e.dataTransfer;
+      if (items && items[0].kind === 'file') {
+        const file = items[0].getAsFile();
+        if (isImage(file)) {
+          this.handleFileRead(file);
+        }
+      } else if (isImage(files[0])) {
+        this.handleFileRead(files[0]);
+      }
+      this.disableDropzone();
+    });
+    (0, _defineProperty2.default)(this, "handleOnDragOver", e => {
+      e.preventDefault();
+      const {
+        dropzoneActive
+      } = this.state;
+      if (!dropzoneActive) {
+        this.enableDropzone();
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleOnDragExit", e => {
+      e.preventDefault();
+      this.disableDropzone();
+    });
+    (0, _defineProperty2.default)(this, "onUpdateShapes", newShapes => {
+      const {
+        onUpdateShapes
+      } = this.props;
+      this.setState({
+        shapes: newShapes
+      },
+      // always transform shapes array back into shapes map when saving changes
+      () => onUpdateShapes((0, _utils.groupShapes)(newShapes)));
+    });
+    (0, _defineProperty2.default)(this, "onDeleteShape", id => {
+      const {
+        shapes
+      } = this.state;
+      if (shapes && shapes.length) {
+        // filter the deleted shape out
+        let newShapes = shapes.filter(shape => shape.id !== id);
+        this.onUpdateShapes(newShapes);
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleClearAll", () => this.onUpdateShapes([]));
+    (0, _defineProperty2.default)(this, "handleEnableDrag", () => this.setState({
+      dragEnabled: true
+    }));
+    (0, _defineProperty2.default)(this, "handleDisableDrag", () => this.setState({
+      dragEnabled: false
+    }));
+    (0, _defineProperty2.default)(this, "handleInputClick", () => {
+      const {
+        insertImage
+      } = this.props;
+      if (insertImage) {
+        insertImage(this.fakeImageHandler);
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleFinishDrawing", () => {
+      // Explicitly end the current shape drawing session
+      // This would cause the finalizeCreation method to be called in the HotspotDrawable component
+      this.setState({
+        selectedShape: _shapes.SUPPORTED_SHAPES.NONE
+      });
+    });
+    this.state = {
+      dragEnabled: true,
+      // always transform shapes map into shapes array at this level
+      shapes: (0, _utils.getAllShapes)(props.shapes),
+      selectedShape: _shapes.SUPPORTED_SHAPES.NONE
+    };
+    this.fakeImageHandler = {
+      cancel: () => {},
+      done: (a, url) => this.props.onImageUpload(url),
+      fileChosen: () => {},
+      progress: () => {}
+    };
+  }
+  render() {
+    const {
+      dimensions,
+      hasErrors,
+      hotspotColor,
+      imageUrl,
+      multipleCorrect,
+      onUpdateImageDimension,
+      outlineColor,
+      strokeWidth,
+      preserveAspectRatioEnabled,
+      hoverOutlineColor,
+      selectedHotspotColor
+    } = this.props;
+    const {
+      dropzoneActive,
+      dragEnabled
+    } = this.state;
+    const {
+      shapes,
+      selectedShape
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(BaseContainer, null, /*#__PURE__*/_react.default.createElement(BoxContainer, (0, _extends2.default)({
+      hasErrors: hasErrors,
+      dropzoneActive: dropzoneActive
+    }, dragEnabled ? {
+      onDragExit: this.handleOnDragExit,
+      onDragLeave: this.handleOnDragExit,
+      onDragOver: this.handleOnDragOver,
+      onDrop: this.handleOnDrop,
+      onPaste: this.handleOnPaste
+    } : {}), /*#__PURE__*/_react.default.createElement(Toolbar, null, /*#__PURE__*/_react.default.createElement(ButtonShape, {
+      onClick: () => this.setState({
+        selectedShape: selectedShape === _shapes.SUPPORTED_SHAPES.RECTANGLE ? _shapes.SUPPORTED_SHAPES.NONE : _shapes.SUPPORTED_SHAPES.RECTANGLE
+      })
+    }, /*#__PURE__*/_react.default.createElement(_rectangle.RectangleButton, {
+      isActive: selectedShape === _shapes.SUPPORTED_SHAPES.RECTANGLE
+    })), /*#__PURE__*/_react.default.createElement(ButtonShape, {
+      onClick: () => this.setState({
+        selectedShape: selectedShape === _shapes.SUPPORTED_SHAPES.POLYGON ? _shapes.SUPPORTED_SHAPES.NONE : _shapes.SUPPORTED_SHAPES.POLYGON
+      })
+    }, /*#__PURE__*/_react.default.createElement(_polygon.PolygonButton, {
+      isActive: selectedShape === _shapes.SUPPORTED_SHAPES.POLYGON
+    })), /*#__PURE__*/_react.default.createElement(ButtonShape, {
+      onClick: () => this.setState({
+        selectedShape: selectedShape === _shapes.SUPPORTED_SHAPES.CIRCLE ? _shapes.SUPPORTED_SHAPES.NONE : _shapes.SUPPORTED_SHAPES.CIRCLE
+      })
+    }, /*#__PURE__*/_react.default.createElement(_circle.CircleButton, {
+      isActive: selectedShape === _shapes.SUPPORTED_SHAPES.CIRCLE
+    })), imageUrl && /*#__PURE__*/_react.default.createElement(ReplaceSection, null, /*#__PURE__*/_react.default.createElement(_uploadControl.default, {
+      label: "Replace Image",
+      onInputClick: this.handleInputClick,
+      setRef: ref => {
+        this.input = ref;
+      }
+    })), /*#__PURE__*/_react.default.createElement(_button.default, {
+      disabled: !(shapes && shapes.length),
+      onClick: this.handleClearAll,
+      label: "Clear all"
+    })), /*#__PURE__*/_react.default.createElement(DrawableHeight, {
+      ref: ref => {
+        this.imageSection = ref;
+      }
+    }, imageUrl ? /*#__PURE__*/_react.default.createElement(_hotspotDrawable.default, {
+      dimensions: dimensions,
+      disableDrag: this.handleDisableDrag,
+      enableDrag: this.handleEnableDrag,
+      shapeType: this.state.selectedShape,
+      handleFinishDrawing: this.handleFinishDrawing,
+      imageUrl: imageUrl,
+      hotspotColor: hotspotColor,
+      selectedHotspotColor: selectedHotspotColor,
+      hoverOutlineColor: hoverOutlineColor,
+      multipleCorrect: multipleCorrect,
+      onUpdateImageDimension: onUpdateImageDimension,
+      onUpdateShapes: this.onUpdateShapes,
+      onDeleteShape: this.onDeleteShape,
+      outlineColor: outlineColor,
+      shapes: shapes,
+      strokeWidth: strokeWidth,
+      preserveAspectRatioEnabled: preserveAspectRatioEnabled
+    }) : /*#__PURE__*/_react.default.createElement(CenteredContainer, null, /*#__PURE__*/_react.default.createElement("label", null, "Drag and drop or upload image from computer"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_uploadControl.default, {
+      label: "Upload Image",
+      onInputClick: this.handleInputClick,
+      setRef: ref => {
+        this.input = ref;
+      }
+    })))));
+  }
+}
+exports.Container = Container;
+Container.propTypes = {
+  dimensions: _propTypes.default.object.isRequired,
+  imageUrl: _propTypes.default.string.isRequired,
+  hotspotColor: _propTypes.default.string.isRequired,
+  selectedHotspotColor: _propTypes.default.string,
+  hoverOutlineColor: _propTypes.default.string,
+  multipleCorrect: _propTypes.default.bool.isRequired,
+  onImageUpload: _propTypes.default.func.isRequired,
+  onUpdateImageDimension: _propTypes.default.func.isRequired,
+  insertImage: _propTypes.default.func,
+  onUpdateShapes: _propTypes.default.func.isRequired,
+  outlineColor: _propTypes.default.string.isRequired,
+  shapes: _propTypes.default.shape({
+    rectangles: _propTypes.default.array,
+    polygons: _propTypes.default.array
+  }).isRequired,
+  strokeWidth: _propTypes.default.number,
+  preserveAspectRatioEnabled: _propTypes.default.bool,
+  hasErrors: _propTypes.default.bool
+};
+Container.defaultProps = {
+  strokeWidth: 5
+};
+var _default = exports.default = Container;
+//# sourceMappingURL=hotspot-container.js.map

package/configure/lib/hotspot-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotspot-container.js","names":["_react","_interopRequireWildcard","require","_styles","_propTypes","_interopRequireDefault","_button","_circle","_polygon","_rectangle","_shapes","_hotspotDrawable","_uploadControl","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BaseContainer","styled","theme","marginTop","spacing","marginBottom","BoxContainer","hasErrors","dropzoneActive","border","borderRadius","palette","error","main","ButtonShape","marginRight","cursor","CenteredContainer","alignItems","display","flexDirection","justifyContent","DrawableHeight","minHeight","paddingBottom","paddingRight","Toolbar","backgroundColor","borderBottom","borderTopLeftRadius","borderTopRightRadius","padding","ReplaceSection","isImage","file","imageType","type","match","Container","Component","getDerivedStateFromProps","nextProps","prevState","shapes","getAllShapes","constructor","props","_defineProperty2","Blob","onImageUpload","insertImage","reader","FileReader","onloadend","result","readAsDataURL","fakeImageHandler","getChosenFile","isPasted","setState","files","clipboardData","handleFileRead","preventDefault","items","dataTransfer","kind","getAsFile","disableDropzone","state","enableDropzone","newShapes","onUpdateShapes","groupShapes","id","length","filter","shape","dragEnabled","selectedShape","SUPPORTED_SHAPES","NONE","cancel","done","a","url","fileChosen","progress","render","dimensions","hotspotColor","imageUrl","multipleCorrect","onUpdateImageDimension","outlineColor","strokeWidth","preserveAspectRatioEnabled","hoverOutlineColor","selectedHotspotColor","createElement","_extends2","onDragExit","handleOnDragExit","onDragLeave","onDragOver","handleOnDragOver","onDrop","handleOnDrop","onPaste","handleOnPaste","onClick","RECTANGLE","RectangleButton","isActive","POLYGON","PolygonButton","CIRCLE","CircleButton","label","onInputClick","handleInputClick","setRef","ref","input","disabled","handleClearAll","imageSection","disableDrag","handleDisableDrag","enableDrag","handleEnableDrag","shapeType","handleFinishDrawing","onDeleteShape","exports","propTypes","PropTypes","object","isRequired","string","bool","func","rectangles","array","polygons","number","defaultProps","_default"],"sources":["../src/hotspot-container.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport Button from './button';\nimport { CircleButton } from './buttons/circle';\nimport { PolygonButton } from './buttons/polygon';\nimport { RectangleButton } from './buttons/rectangle';\nimport { SUPPORTED_SHAPES } from './shapes';\nimport Drawable from './hotspot-drawable';\nimport UploadControl from './upload-control';\nimport { getAllShapes, groupShapes } from './utils';\n\nconst BaseContainer = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(1.5),\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst BoxContainer = styled('div')(({ theme, hasErrors, dropzoneActive }) => ({\n  border: '1px solid #E0E1E6',\n  borderRadius: '5px',\n  ...(dropzoneActive && {\n    border: '1px solid #0032C2',\n  }),\n  ...(hasErrors && !dropzoneActive && {\n    border: `1px solid ${theme.palette.error.main}`,\n  }),\n}));\n\nconst ButtonShape = styled('div')({\n  marginRight: '5px',\n  '&:hover': {\n    cursor: 'pointer',\n  },\n});\n\nconst CenteredContainer = styled('div')({\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n});\n\nconst DrawableHeight = styled('div')(({ theme }) => ({\n  minHeight: 350,\n  paddingBottom: theme.spacing(5),\n  paddingRight: theme.spacing(5),\n}));\n\nconst Toolbar = styled('div')(({ theme }) => ({\n  backgroundColor: '#FFF',\n  borderBottom: '1px solid #E0E1E6',\n  borderTopLeftRadius: '5px',\n  borderTopRightRadius: '5px',\n  display: 'flex',\n  justifyContent: 'flex-end',\n  padding: theme.spacing(1),\n}));\n\nconst ReplaceSection = styled('div')({\n  marginRight: 'auto',\n});\n\nconst isImage = (file) => {\n  const imageType = /image.*/;\n\n  return file.type.match(imageType);\n};\n\nexport class Container extends Component {\n  static getDerivedStateFromProps(nextProps, prevState) {\n    // always transform shapes map into shapes array at this level\n    return {\n      ...prevState,\n      shapes: getAllShapes(nextProps.shapes),\n    };\n  }\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragEnabled: true,\n      // always transform shapes map into shapes array at this level\n      shapes: getAllShapes(props.shapes),\n      selectedShape: SUPPORTED_SHAPES.NONE,\n    };\n    this.fakeImageHandler = {\n      cancel: () => {},\n      done: (a, url) => this.props.onImageUpload(url),\n      fileChosen: () => {},\n      progress: () => {},\n    };\n  }\n\n  handleFileRead = (file) => {\n    if (file instanceof Blob) {\n      const { onImageUpload, insertImage } = this.props;\n      const reader = new FileReader();\n\n      reader.onloadend = () => onImageUpload(reader.result);\n      reader.readAsDataURL(file);\n\n      if (insertImage) {\n        insertImage({\n          ...this.fakeImageHandler,\n          getChosenFile: () => file,\n          isPasted: true,\n        });\n      }\n    }\n  };\n  enableDropzone = () => this.setState({ dropzoneActive: true });\n\n  disableDropzone = () => this.setState({ dropzoneActive: false });\n\n  handleOnPaste = (e) => {\n    const { files } = e.clipboardData;\n\n    if (files && isImage(files[0])) {\n      this.handleFileRead(files[0]);\n    }\n  };\n\n  handleOnDrop = (e) => {\n    e.preventDefault();\n\n    const { items, files } = e.dataTransfer;\n\n    if (items && items[0].kind === 'file') {\n      const file = items[0].getAsFile();\n\n      if (isImage(file)) {\n        this.handleFileRead(file);\n      }\n    } else if (isImage(files[0])) {\n      this.handleFileRead(files[0]);\n    }\n\n    this.disableDropzone();\n  };\n\n  handleOnDragOver = (e) => {\n    e.preventDefault();\n\n    const { dropzoneActive } = this.state;\n\n    if (!dropzoneActive) {\n      this.enableDropzone();\n    }\n  };\n\n  handleOnDragExit = (e) => {\n    e.preventDefault();\n\n    this.disableDropzone();\n  };\n\n  onUpdateShapes = (newShapes) => {\n    const { onUpdateShapes } = this.props;\n    this.setState(\n      { shapes: newShapes },\n      // always transform shapes array back into shapes map when saving changes\n      () => onUpdateShapes(groupShapes(newShapes)),\n    );\n  };\n\n  onDeleteShape = (id) => {\n    const { shapes } = this.state;\n    if (shapes && shapes.length) {\n      // filter the deleted shape out\n      let newShapes = shapes.filter((shape) => shape.id !== id);\n      this.onUpdateShapes(newShapes);\n    }\n  };\n\n  handleClearAll = () => this.onUpdateShapes([]);\n\n  handleEnableDrag = () => this.setState({ dragEnabled: true });\n\n  handleDisableDrag = () => this.setState({ dragEnabled: false });\n\n  handleInputClick = () => {\n    const { insertImage } = this.props;\n\n    if (insertImage) {\n      insertImage(this.fakeImageHandler);\n    }\n  };\n\n  handleFinishDrawing = () => {\n    // Explicitly end the current shape drawing session\n    // This would cause the finalizeCreation method to be called in the HotspotDrawable component\n    this.setState({ selectedShape: SUPPORTED_SHAPES.NONE });\n  };\n\n  render() {\n    const {\n      dimensions,\n      hasErrors,\n      hotspotColor,\n      imageUrl,\n      multipleCorrect,\n      onUpdateImageDimension,\n      outlineColor,\n      strokeWidth,\n      preserveAspectRatioEnabled,\n      hoverOutlineColor,\n      selectedHotspotColor,\n    } = this.props;\n\n    const { dropzoneActive, dragEnabled } = this.state;\n    const { shapes, selectedShape } = this.state;\n\n    return (\n      <BaseContainer>\n        <BoxContainer\n          hasErrors={hasErrors}\n          dropzoneActive={dropzoneActive}\n          {...(dragEnabled\n            ? {\n                onDragExit: this.handleOnDragExit,\n                onDragLeave: this.handleOnDragExit,\n                onDragOver: this.handleOnDragOver,\n                onDrop: this.handleOnDrop,\n                onPaste: this.handleOnPaste,\n              }\n            : {})}\n        >\n          <Toolbar>\n            <ButtonShape\n              onClick={() => this.setState({ selectedShape: selectedShape === SUPPORTED_SHAPES.RECTANGLE ? SUPPORTED_SHAPES.NONE : SUPPORTED_SHAPES.RECTANGLE })}\n            >\n              <RectangleButton isActive={selectedShape === SUPPORTED_SHAPES.RECTANGLE} />\n            </ButtonShape>\n            <ButtonShape\n              onClick={() => this.setState({ selectedShape: selectedShape === SUPPORTED_SHAPES.POLYGON ? SUPPORTED_SHAPES.NONE : SUPPORTED_SHAPES.POLYGON })}\n            >\n              <PolygonButton isActive={selectedShape === SUPPORTED_SHAPES.POLYGON} />\n            </ButtonShape>\n            <ButtonShape\n              onClick={() => this.setState({ selectedShape: selectedShape === SUPPORTED_SHAPES.CIRCLE ? SUPPORTED_SHAPES.NONE : SUPPORTED_SHAPES.CIRCLE })}\n            >\n              <CircleButton isActive={selectedShape === SUPPORTED_SHAPES.CIRCLE} />\n            </ButtonShape>\n\n            {imageUrl && (\n              <ReplaceSection>\n                <UploadControl\n                  label=\"Replace Image\"\n                  onInputClick={this.handleInputClick}\n                  setRef={(ref) => {\n                    this.input = ref;\n                  }}\n                />\n              </ReplaceSection>\n            )}\n            <Button disabled={!(shapes && shapes.length)} onClick={this.handleClearAll} label=\"Clear all\" />\n          </Toolbar>\n\n          <DrawableHeight\n            ref={(ref) => {\n              this.imageSection = ref;\n            }}\n          >\n            {imageUrl ? (\n              <Drawable\n                dimensions={dimensions}\n                disableDrag={this.handleDisableDrag}\n                enableDrag={this.handleEnableDrag}\n                shapeType={this.state.selectedShape}\n                handleFinishDrawing={this.handleFinishDrawing}\n                imageUrl={imageUrl}\n                hotspotColor={hotspotColor}\n                selectedHotspotColor={selectedHotspotColor}\n                hoverOutlineColor={hoverOutlineColor}\n                multipleCorrect={multipleCorrect}\n                onUpdateImageDimension={onUpdateImageDimension}\n                onUpdateShapes={this.onUpdateShapes}\n                onDeleteShape={this.onDeleteShape}\n                outlineColor={outlineColor}\n                shapes={shapes}\n                strokeWidth={strokeWidth}\n                preserveAspectRatioEnabled={preserveAspectRatioEnabled}\n              />\n            ) : (\n              <CenteredContainer>\n                <label>Drag and drop or upload image from computer</label>\n                <br />\n                <UploadControl\n                  label=\"Upload Image\"\n                  onInputClick={this.handleInputClick}\n                  setRef={(ref) => {\n                    this.input = ref;\n                  }}\n                />\n              </CenteredContainer>\n            )}\n          </DrawableHeight>\n        </BoxContainer>\n      </BaseContainer>\n    );\n  }\n}\n\nContainer.propTypes = {\n  dimensions: PropTypes.object.isRequired,\n  imageUrl: PropTypes.string.isRequired,\n  hotspotColor: PropTypes.string.isRequired,\n  selectedHotspotColor: PropTypes.string,\n  hoverOutlineColor: PropTypes.string,\n  multipleCorrect: PropTypes.bool.isRequired,\n  onImageUpload: PropTypes.func.isRequired,\n  onUpdateImageDimension: PropTypes.func.isRequired,\n  insertImage: PropTypes.func,\n  onUpdateShapes: PropTypes.func.isRequired,\n  outlineColor: PropTypes.string.isRequired,\n  shapes: PropTypes.shape({\n    rectangles: PropTypes.array,\n    polygons: PropTypes.array,\n  }).isRequired,\n  strokeWidth: PropTypes.number,\n  preserveAspectRatioEnabled: PropTypes.bool,\n  hasErrors: PropTypes.bool,\n};\n\nContainer.defaultProps = {\n  strokeWidth: 5,\n};\n\nexport default Container;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,cAAA,GAAAP,sBAAA,CAAAH,OAAA;AACA,IAAAW,MAAA,GAAAX,OAAA;AAAoD,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpD,MAAMkB,aAAa,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAClDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,GAAG,CAAC;EAC7BC,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,GAAG;AACjC,CAAC,CAAC,CAAC;AAEH,MAAME,YAAY,GAAG,IAAAL,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC,KAAK;EAAEK,SAAS;EAAEC;AAAe,CAAC,MAAM;EAC5EC,MAAM,EAAE,mBAAmB;EAC3BC,YAAY,EAAE,KAAK;EACnB,IAAIF,cAAc,IAAI;IACpBC,MAAM,EAAE;EACV,CAAC,CAAC;EACF,IAAIF,SAAS,IAAI,CAACC,cAAc,IAAI;IAClCC,MAAM,EAAE,aAAaP,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,IAAI;EAC/C,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAMC,WAAW,GAAG,IAAAb,cAAM,EAAC,KAAK,CAAC,CAAC;EAChCc,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAG,IAAAhB,cAAM,EAAC,KAAK,CAAC,CAAC;EACtCiB,UAAU,EAAE,QAAQ;EACpBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,cAAc,EAAE;AAClB,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAG,IAAArB,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EACnDqB,SAAS,EAAE,GAAG;EACdC,aAAa,EAAEtB,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAC/BqB,YAAY,EAAEvB,KAAK,CAACE,OAAO,CAAC,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,MAAMsB,OAAO,GAAG,IAAAzB,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAC5CyB,eAAe,EAAE,MAAM;EACvBC,YAAY,EAAE,mBAAmB;EACjCC,mBAAmB,EAAE,KAAK;EAC1BC,oBAAoB,EAAE,KAAK;EAC3BX,OAAO,EAAE,MAAM;EACfE,cAAc,EAAE,UAAU;EAC1BU,OAAO,EAAE7B,KAAK,CAACE,OAAO,CAAC,CAAC;AAC1B,CAAC,CAAC,CAAC;AAEH,MAAM4B,cAAc,GAAG,IAAA/B,cAAM,EAAC,KAAK,CAAC,CAAC;EACnCc,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,MAAMkB,OAAO,GAAIC,IAAI,IAAK;EACxB,MAAMC,SAAS,GAAG,SAAS;EAE3B,OAAOD,IAAI,CAACE,IAAI,CAACC,KAAK,CAACF,SAAS,CAAC;AACnC,CAAC;AAEM,MAAMG,SAAS,SAASC,gBAAS,CAAC;EACvC,OAAOC,wBAAwBA,CAACC,SAAS,EAAEC,SAAS,EAAE;IACpD;IACA,OAAO;MACL,GAAGA,SAAS;MACZC,MAAM,EAAE,IAAAC,mBAAY,EAACH,SAAS,CAACE,MAAM;IACvC,CAAC;EACH;EAEAE,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,IAAAC,gBAAA,CAAAxD,OAAA,0BAgBG2C,IAAI,IAAK;MACzB,IAAIA,IAAI,YAAYc,IAAI,EAAE;QACxB,MAAM;UAAEC,aAAa;UAAEC;QAAY,CAAC,GAAG,IAAI,CAACJ,KAAK;QACjD,MAAMK,MAAM,GAAG,IAAIC,UAAU,CAAC,CAAC;QAE/BD,MAAM,CAACE,SAAS,GAAG,MAAMJ,aAAa,CAACE,MAAM,CAACG,MAAM,CAAC;QACrDH,MAAM,CAACI,aAAa,CAACrB,IAAI,CAAC;QAE1B,IAAIgB,WAAW,EAAE;UACfA,WAAW,CAAC;YACV,GAAG,IAAI,CAACM,gBAAgB;YACxBC,aAAa,EAAEA,CAAA,KAAMvB,IAAI;YACzBwB,QAAQ,EAAE;UACZ,CAAC,CAAC;QACJ;MACF;IACF,CAAC;IAAA,IAAAX,gBAAA,CAAAxD,OAAA,0BACgB,MAAM,IAAI,CAACoE,QAAQ,CAAC;MAAEnD,cAAc,EAAE;IAAK,CAAC,CAAC;IAAA,IAAAuC,gBAAA,CAAAxD,OAAA,2BAE5C,MAAM,IAAI,CAACoE,QAAQ,CAAC;MAAEnD,cAAc,EAAE;IAAM,CAAC,CAAC;IAAA,IAAAuC,gBAAA,CAAAxD,OAAA,yBAE/CV,CAAC,IAAK;MACrB,MAAM;QAAE+E;MAAM,CAAC,GAAG/E,CAAC,CAACgF,aAAa;MAEjC,IAAID,KAAK,IAAI3B,OAAO,CAAC2B,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;QAC9B,IAAI,CAACE,cAAc,CAACF,KAAK,CAAC,CAAC,CAAC,CAAC;MAC/B;IACF,CAAC;IAAA,IAAAb,gBAAA,CAAAxD,OAAA,wBAEeV,CAAC,IAAK;MACpBA,CAAC,CAACkF,cAAc,CAAC,CAAC;MAElB,MAAM;QAAEC,KAAK;QAAEJ;MAAM,CAAC,GAAG/E,CAAC,CAACoF,YAAY;MAEvC,IAAID,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,CAACE,IAAI,KAAK,MAAM,EAAE;QACrC,MAAMhC,IAAI,GAAG8B,KAAK,CAAC,CAAC,CAAC,CAACG,SAAS,CAAC,CAAC;QAEjC,IAAIlC,OAAO,CAACC,IAAI,CAAC,EAAE;UACjB,IAAI,CAAC4B,cAAc,CAAC5B,IAAI,CAAC;QAC3B;MACF,CAAC,MAAM,IAAID,OAAO,CAAC2B,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;QAC5B,IAAI,CAACE,cAAc,CAACF,KAAK,CAAC,CAAC,CAAC,CAAC;MAC/B;MAEA,IAAI,CAACQ,eAAe,CAAC,CAAC;IACxB,CAAC;IAAA,IAAArB,gBAAA,CAAAxD,OAAA,4BAEmBV,CAAC,IAAK;MACxBA,CAAC,CAACkF,cAAc,CAAC,CAAC;MAElB,MAAM;QAAEvD;MAAe,CAAC,GAAG,IAAI,CAAC6D,KAAK;MAErC,IAAI,CAAC7D,cAAc,EAAE;QACnB,IAAI,CAAC8D,cAAc,CAAC,CAAC;MACvB;IACF,CAAC;IAAA,IAAAvB,gBAAA,CAAAxD,OAAA,4BAEmBV,CAAC,IAAK;MACxBA,CAAC,CAACkF,cAAc,CAAC,CAAC;MAElB,IAAI,CAACK,eAAe,CAAC,CAAC;IACxB,CAAC;IAAA,IAAArB,gBAAA,CAAAxD,OAAA,0BAEiBgF,SAAS,IAAK;MAC9B,MAAM;QAAEC;MAAe,CAAC,GAAG,IAAI,CAAC1B,KAAK;MACrC,IAAI,CAACa,QAAQ,CACX;QAAEhB,MAAM,EAAE4B;MAAU,CAAC;MACrB;MACA,MAAMC,cAAc,CAAC,IAAAC,kBAAW,EAACF,SAAS,CAAC,CAC7C,CAAC;IACH,CAAC;IAAA,IAAAxB,gBAAA,CAAAxD,OAAA,yBAEgBmF,EAAE,IAAK;MACtB,MAAM;QAAE/B;MAAO,CAAC,GAAG,IAAI,CAAC0B,KAAK;MAC7B,IAAI1B,MAAM,IAAIA,MAAM,CAACgC,MAAM,EAAE;QAC3B;QACA,IAAIJ,SAAS,GAAG5B,MAAM,CAACiC,MAAM,CAAEC,KAAK,IAAKA,KAAK,CAACH,EAAE,KAAKA,EAAE,CAAC;QACzD,IAAI,CAACF,cAAc,CAACD,SAAS,CAAC;MAChC;IACF,CAAC;IAAA,IAAAxB,gBAAA,CAAAxD,OAAA,0BAEgB,MAAM,IAAI,CAACiF,cAAc,CAAC,EAAE,CAAC;IAAA,IAAAzB,gBAAA,CAAAxD,OAAA,4BAE3B,MAAM,IAAI,CAACoE,QAAQ,CAAC;MAAEmB,WAAW,EAAE;IAAK,CAAC,CAAC;IAAA,IAAA/B,gBAAA,CAAAxD,OAAA,6BAEzC,MAAM,IAAI,CAACoE,QAAQ,CAAC;MAAEmB,WAAW,EAAE;IAAM,CAAC,CAAC;IAAA,IAAA/B,gBAAA,CAAAxD,OAAA,4BAE5C,MAAM;MACvB,MAAM;QAAE2D;MAAY,CAAC,GAAG,IAAI,CAACJ,KAAK;MAElC,IAAII,WAAW,EAAE;QACfA,WAAW,CAAC,IAAI,CAACM,gBAAgB,CAAC;MACpC;IACF,CAAC;IAAA,IAAAT,gBAAA,CAAAxD,OAAA,+BAEqB,MAAM;MAC1B;MACA;MACA,IAAI,CAACoE,QAAQ,CAAC;QAAEoB,aAAa,EAAEC,wBAAgB,CAACC;MAAK,CAAC,CAAC;IACzD,CAAC;IAjHC,IAAI,CAACZ,KAAK,GAAG;MACXS,WAAW,EAAE,IAAI;MACjB;MACAnC,MAAM,EAAE,IAAAC,mBAAY,EAACE,KAAK,CAACH,MAAM,CAAC;MAClCoC,aAAa,EAAEC,wBAAgB,CAACC;IAClC,CAAC;IACD,IAAI,CAACzB,gBAAgB,GAAG;MACtB0B,MAAM,EAAEA,CAAA,KAAM,CAAC,CAAC;MAChBC,IAAI,EAAEA,CAACC,CAAC,EAAEC,GAAG,KAAK,IAAI,CAACvC,KAAK,CAACG,aAAa,CAACoC,GAAG,CAAC;MAC/CC,UAAU,EAAEA,CAAA,KAAM,CAAC,CAAC;MACpBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;IACnB,CAAC;EACH;EAuGAC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,UAAU;MACVlF,SAAS;MACTmF,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,sBAAsB;MACtBC,YAAY;MACZC,WAAW;MACXC,0BAA0B;MAC1BC,iBAAiB;MACjBC;IACF,CAAC,GAAG,IAAI,CAACpD,KAAK;IAEd,MAAM;MAAEtC,cAAc;MAAEsE;IAAY,CAAC,GAAG,IAAI,CAACT,KAAK;IAClD,MAAM;MAAE1B,MAAM;MAAEoC;IAAc,CAAC,GAAG,IAAI,CAACV,KAAK;IAE5C,oBACEtG,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACnG,aAAa,qBACZjC,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAAC7F,YAAY,MAAA8F,SAAA,CAAA7G,OAAA;MACXgB,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA;IAAe,GAC1BsE,WAAW,GACZ;MACEuB,UAAU,EAAE,IAAI,CAACC,gBAAgB;MACjCC,WAAW,EAAE,IAAI,CAACD,gBAAgB;MAClCE,UAAU,EAAE,IAAI,CAACC,gBAAgB;MACjCC,MAAM,EAAE,IAAI,CAACC,YAAY;MACzBC,OAAO,EAAE,IAAI,CAACC;IAChB,CAAC,GACD,CAAC,CAAC,gBAEN9I,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACzE,OAAO,qBACN3D,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACrF,WAAW;MACVgG,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACnD,QAAQ,CAAC;QAAEoB,aAAa,EAAEA,aAAa,KAAKC,wBAAgB,CAAC+B,SAAS,GAAG/B,wBAAgB,CAACC,IAAI,GAAGD,wBAAgB,CAAC+B;MAAU,CAAC;IAAE,gBAEnJhJ,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAAC3H,UAAA,CAAAwI,eAAe;MAACC,QAAQ,EAAElC,aAAa,KAAKC,wBAAgB,CAAC+B;IAAU,CAAE,CAC/D,CAAC,eACdhJ,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACrF,WAAW;MACVgG,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACnD,QAAQ,CAAC;QAAEoB,aAAa,EAAEA,aAAa,KAAKC,wBAAgB,CAACkC,OAAO,GAAGlC,wBAAgB,CAACC,IAAI,GAAGD,wBAAgB,CAACkC;MAAQ,CAAC;IAAE,gBAE/InJ,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAAC5H,QAAA,CAAA4I,aAAa;MAACF,QAAQ,EAAElC,aAAa,KAAKC,wBAAgB,CAACkC;IAAQ,CAAE,CAC3D,CAAC,eACdnJ,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACrF,WAAW;MACVgG,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACnD,QAAQ,CAAC;QAAEoB,aAAa,EAAEA,aAAa,KAAKC,wBAAgB,CAACoC,MAAM,GAAGpC,wBAAgB,CAACC,IAAI,GAAGD,wBAAgB,CAACoC;MAAO,CAAC;IAAE,gBAE7IrJ,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAAC7H,OAAA,CAAA+I,YAAY;MAACJ,QAAQ,EAAElC,aAAa,KAAKC,wBAAgB,CAACoC;IAAO,CAAE,CACzD,CAAC,EAEbzB,QAAQ,iBACP5H,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACnE,cAAc,qBACbjE,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACxH,cAAA,CAAAY,OAAa;MACZ+H,KAAK,EAAC,eAAe;MACrBC,YAAY,EAAE,IAAI,CAACC,gBAAiB;MACpCC,MAAM,EAAGC,GAAG,IAAK;QACf,IAAI,CAACC,KAAK,GAAGD,GAAG;MAClB;IAAE,CACH,CACa,CACjB,eACD3J,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAAC9H,OAAA,CAAAkB,OAAM;MAACqI,QAAQ,EAAE,EAAEjF,MAAM,IAAIA,MAAM,CAACgC,MAAM,CAAE;MAACmC,OAAO,EAAE,IAAI,CAACe,cAAe;MAACP,KAAK,EAAC;IAAW,CAAE,CACxF,CAAC,eAEVvJ,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAAC7E,cAAc;MACboG,GAAG,EAAGA,GAAG,IAAK;QACZ,IAAI,CAACI,YAAY,GAAGJ,GAAG;MACzB;IAAE,GAED/B,QAAQ,gBACP5H,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACzH,gBAAA,CAAAa,OAAQ;MACPkG,UAAU,EAAEA,UAAW;MACvBsC,WAAW,EAAE,IAAI,CAACC,iBAAkB;MACpCC,UAAU,EAAE,IAAI,CAACC,gBAAiB;MAClCC,SAAS,EAAE,IAAI,CAAC9D,KAAK,CAACU,aAAc;MACpCqD,mBAAmB,EAAE,IAAI,CAACA,mBAAoB;MAC9CzC,QAAQ,EAAEA,QAAS;MACnBD,YAAY,EAAEA,YAAa;MAC3BQ,oBAAoB,EAAEA,oBAAqB;MAC3CD,iBAAiB,EAAEA,iBAAkB;MACrCL,eAAe,EAAEA,eAAgB;MACjCC,sBAAsB,EAAEA,sBAAuB;MAC/CrB,cAAc,EAAE,IAAI,CAACA,cAAe;MACpC6D,aAAa,EAAE,IAAI,CAACA,aAAc;MAClCvC,YAAY,EAAEA,YAAa;MAC3BnD,MAAM,EAAEA,MAAO;MACfoD,WAAW,EAAEA,WAAY;MACzBC,0BAA0B,EAAEA;IAA2B,CACxD,CAAC,gBAEFjI,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAAClF,iBAAiB,qBAChBlD,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,gBAAO,6CAAkD,CAAC,eAC1DpI,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,WAAK,CAAC,eACNpI,MAAA,CAAAwB,OAAA,CAAA4G,aAAA,CAACxH,cAAA,CAAAY,OAAa;MACZ+H,KAAK,EAAC,cAAc;MACpBC,YAAY,EAAE,IAAI,CAACC,gBAAiB;MACpCC,MAAM,EAAGC,GAAG,IAAK;QACf,IAAI,CAACC,KAAK,GAAGD,GAAG;MAClB;IAAE,CACH,CACgB,CAEP,CACJ,CACD,CAAC;EAEpB;AACF;AAACY,OAAA,CAAAhG,SAAA,GAAAA,SAAA;AAEDA,SAAS,CAACiG,SAAS,GAAG;EACpB9C,UAAU,EAAE+C,kBAAS,CAACC,MAAM,CAACC,UAAU;EACvC/C,QAAQ,EAAE6C,kBAAS,CAACG,MAAM,CAACD,UAAU;EACrChD,YAAY,EAAE8C,kBAAS,CAACG,MAAM,CAACD,UAAU;EACzCxC,oBAAoB,EAAEsC,kBAAS,CAACG,MAAM;EACtC1C,iBAAiB,EAAEuC,kBAAS,CAACG,MAAM;EACnC/C,eAAe,EAAE4C,kBAAS,CAACI,IAAI,CAACF,UAAU;EAC1CzF,aAAa,EAAEuF,kBAAS,CAACK,IAAI,CAACH,UAAU;EACxC7C,sBAAsB,EAAE2C,kBAAS,CAACK,IAAI,CAACH,UAAU;EACjDxF,WAAW,EAAEsF,kBAAS,CAACK,IAAI;EAC3BrE,cAAc,EAAEgE,kBAAS,CAACK,IAAI,CAACH,UAAU;EACzC5C,YAAY,EAAE0C,kBAAS,CAACG,MAAM,CAACD,UAAU;EACzC/F,MAAM,EAAE6F,kBAAS,CAAC3D,KAAK,CAAC;IACtBiE,UAAU,EAAEN,kBAAS,CAACO,KAAK;IAC3BC,QAAQ,EAAER,kBAAS,CAACO;EACtB,CAAC,CAAC,CAACL,UAAU;EACb3C,WAAW,EAAEyC,kBAAS,CAACS,MAAM;EAC7BjD,0BAA0B,EAAEwC,kBAAS,CAACI,IAAI;EAC1CrI,SAAS,EAAEiI,kBAAS,CAACI;AACvB,CAAC;AAEDtG,SAAS,CAAC4G,YAAY,GAAG;EACvBnD,WAAW,EAAE;AACf,CAAC;AAAC,IAAAoD,QAAA,GAAAb,OAAA,CAAA/I,OAAA,GAEa+C,SAAS","ignoreList":[]}