@pie-element/drawing-response 10.3.4-next.3 → 11.0.0-beta.1

package/lib/drawing-response/container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/container.jsx"],"names":["TOOLS","constants","tools","translator","Translator","ROGVAIV","map","c","value","label","Container","props","type","disabled","toolActive","state","TextEntry","DrawableText","scale","drawableDimensions","height","width","fillColor","fillColorList","outlineColor","outlineColorList","paintColor","paintColorList","language","translatedROGVAIV","t","lng","setState","setTranslatedState","checkExist","setInterval","drawable","getBoundingClientRect","effectiveWidth","session","e","console","warn","clearInterval","setDimensions","observer","MutationObserver","mutations","forEach","target","document","getElementById","style","cssText","zoom","substring","indexOf","lastIndexOf","zoomParsed","replace","newScale","parseFloat","resizeObserver","ResizeObserver","observe","attributes","attributeFilter","removeEventListeners","disconnect","tool","addNewTextEntry","updatedAt","Date","color","cType","classes","imageUrl","imageDimensions","onSessionChange","backgroundImageEnabled","heightToUse","base","handleColorChange","box","toolbar","icon","checkIfToolIsDisabled","handleMakeToolActive","drawableHeight","maxHeight","overflow","Component","PropTypes","object","isRequired","bool","func","string","styles","theme","marginTop","spacing","unit","border","borderRadius","backgroundColor","minHeight","borderBottom","borderTopLeftRadius","borderTopRightRadius","padding","boxSizing","maxWidth","marginBottom"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Translator from '@pie-lib/translator';\n\nimport constants from './constants';\nimport Button from './button';\nimport DrawablePalette from './drawable-palette';\nimport DrawableMain from './drawable-main';\nimport DrawableText from './drawable-text';\nimport Icon from './icon';\n\nconst { tools: TOOLS } = constants;\nconst { translator } = Translator;\n\nconst ROGVAIV = ['red', 'orange', 'yellow', 'violet', 'blue', 'green', 'white', 'black'].map((c) => ({\n  value: c,\n  label: c,\n}));\n\nexport class Container extends Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    disabled: PropTypes.bool,\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func.isRequired,\n    imageDimensions: PropTypes.object.isRequired,\n    imageUrl: PropTypes.string.isRequired,\n    backgroundImageEnabled: PropTypes.bool.isRequired,\n    language: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    const TextEntry = new DrawableText();\n\n    this.state = {\n      scale: 1,\n      drawableDimensions: {\n        height: 0,\n        width: 0,\n      },\n      toolActive: TOOLS[0],\n      fillColor: 'white',\n      fillColorList: [\n        { value: 'transparent', label: 'no fill' },\n        { value: 'lightblue', label: 'light blue' },\n        { value: 'lightyellow', label: 'light yellow' },\n        ...ROGVAIV,\n      ],\n      outlineColor: 'black',\n      outlineColorList: ROGVAIV,\n      paintColor: 'red',\n      paintColorList: ROGVAIV,\n      TextEntry,\n    };\n  }\n\n  setTranslatedState(language) {\n    const translatedROGVAIV = ROGVAIV.map((c) => ({\n      value: c.value,\n      label: translator.t(`drawingResponse.${c.label}`, { lng: language }),\n    }));\n\n    this.setState({\n      fillColorList: [\n        { value: 'transparent', label: translator.t('drawingResponse.noFill', { lng: language }) },\n        { value: 'lightblue', label: translator.t('drawingResponse.lightblue', { lng: language }) },\n        { value: 'lightyellow', label: translator.t('drawingResponse.lightyellow', { lng: language }) },\n        ...translatedROGVAIV,\n      ],\n      paintColor: translator.t('drawingResponse.red', { lng: language }),\n      outlineColorList: translatedROGVAIV,\n      paintColorList: translatedROGVAIV,\n    });\n  }\n\n  UNSAFE_componentWillReceiveProps(props) {\n    const { language } = props;\n    this.setTranslatedState(language);\n  }\n\n  setDimensions() {\n    const checkExist = setInterval(() => {\n      try {\n        const { height, width } = this.drawable.getBoundingClientRect();\n        const effectiveWidth = this.props.session.width || width;\n\n        if (height !== 0 && width !== 0) {\n          this.setState({\n            drawableDimensions: {\n              height,\n              width: effectiveWidth,\n            },\n          });\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.warn('setDimensions Error: ', e);\n      } finally {\n        clearInterval(checkExist);\n      }\n    }, 100);\n  }\n\n  componentDidMount() {\n    const { language } = this.props;\n    this.setTranslatedState(language);\n\n    this.setDimensions();\n\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach(() => {\n        const target = document.getElementById('question-container')?.style?.cssText;\n        const zoom = target?.substring(target.indexOf('--pie-zoom') + 11, target.lastIndexOf('%'));\n        const zoomParsed = zoom?.replace(/\\s/g, '');\n\n        if (zoomParsed) {\n          const newScale = parseFloat(zoomParsed) / 100;\n          if (newScale !== this.state.scale) {\n            this.setState({\n              scale: parseFloat(zoomParsed) / 100,\n            });\n          }\n        } else if (!zoomParsed && this.state.scale !== 1) {\n          this.setState({\n            scale: 1,\n          });\n        }\n      });\n    });\n\n    // Use ResizeObserver to detect when the drawable container becomes visible\n    // (e.g., after switching from build to item preview in New Item Bank) and trigger dimension calculation.\n    // This helps ensure the canvas is properly sized even when componentDidMount is not re-triggered.\n    this.resizeObserver = new ResizeObserver(() => {\n      this.setDimensions();\n    });\n\n    if (this.drawable) {\n      this.resizeObserver.observe(this.drawable);\n    }\n\n    const target = document.getElementById('question-container');\n    if (target) {\n      this.observer.observe(target, { attributes: true, attributeFilter: ['style'] });\n    }\n  }\n\n  componentWillUnmount() {\n    const { TextEntry } = this.state;\n\n    TextEntry.removeEventListeners();\n    this.observer?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n\n  handleMakeToolActive(tool) {\n    const { TextEntry } = this.state;\n    const { type } = tool;\n    const { language } = this.props;\n\n    if (type !== 'Text') {\n      this.setState({\n        toolActive: tool,\n      });\n    } else {\n      TextEntry.addNewTextEntry(language);\n      // Force update\n      this.setState({\n        updatedAt: new Date(),\n      });\n    }\n  }\n\n  checkIfToolIsDisabled = (type) => {\n    if (this.props.disabled) return true;\n\n    const { toolActive } = this.state;\n    // Text will never be disabled since on each \"Text Entry\" click a new text is added\n    if (type === 'Text') {\n      return false;\n    }\n    return type === toolActive.type;\n  };\n\n  handleColorChange(type, color) {\n    const cType = `${type}Color`;\n    this.setState({\n      [cType]: color,\n    });\n  }\n\n  render() {\n    const { classes, disabled, imageUrl, imageDimensions, onSessionChange, session, backgroundImageEnabled, language } =\n      this.props;\n    const {\n      drawableDimensions,\n      toolActive,\n      fillColor,\n      fillColorList,\n      outlineColor,\n      outlineColorList,\n      paintColor,\n      paintColorList,\n      TextEntry,\n    } = this.state;\n\n    const heightToUse = drawableDimensions.height * this.state.scale;\n\n    return (\n      <div className={classes.base}>\n        {!disabled && (\n          <DrawablePalette\n            fillColor={fillColor}\n            fillList={fillColorList}\n            outlineColor={outlineColor}\n            outlineList={outlineColorList}\n            paintColor={paintColor}\n            paintList={paintColorList}\n            onFillColorChange={(color) => this.handleColorChange('fill', color)}\n            onOutlineColorChange={(color) => this.handleColorChange('outline', color)}\n            onPaintColorChange={(color) => this.handleColorChange('paint', color)}\n            language={language}\n          />\n        )}\n\n        <div className={classes.box}>\n          <div className={classes.toolbar}>\n            {TOOLS.map((tool) => {\n              const { type, label, icon } = tool;\n\n              return (\n                <Button\n                  title={label}\n                  key={type}\n                  disabled={this.checkIfToolIsDisabled(type)}\n                  onClick={() => this.handleMakeToolActive(tool)}\n                  label={<Icon path={icon} />}\n                />\n              );\n            })}\n          </div>\n\n          <div\n            ref={(drawable) => {\n              this.drawable = drawable;\n            }}\n            className={classes.drawableHeight}\n            style={{ height: heightToUse, maxHeight: heightToUse, overflow: 'scroll' }}\n          >\n            <DrawableMain\n              scale={this.state.scale}\n              session={session}\n              disabled={disabled}\n              onSessionChange={onSessionChange}\n              fillColor={fillColor}\n              outlineColor={outlineColor}\n              paintColor={paintColor}\n              imageUrl={imageUrl}\n              drawableDimensions={drawableDimensions}\n              imageDimensions={imageDimensions}\n              toolActive={toolActive}\n              TextEntry={TextEntry}\n              backgroundImageEnabled={backgroundImageEnabled}\n              language={language}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  base: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  box: {\n    border: '1px solid #E0E1E6',\n    borderRadius: '5px',\n    marginTop: theme.spacing.unit * 2,\n    backgroundColor: '#ECEDF1',\n  },\n  drawableHeight: {\n    minHeight: 350,\n    backgroundColor: '#fff',\n  },\n  toolbar: {\n    borderBottom: '1px solid #E0E1E6',\n    borderTopLeftRadius: '5px',\n    borderTopRightRadius: '5px',\n    padding: '12px 8px 4px',\n    boxSizing: 'border-box',\n    maxWidth: 'calc(100% - 163px)', // 163px is the width set on undoControls\n    '& button': {\n      marginBottom: theme.spacing.unit,\n    },\n  },\n});\n\nexport default withStyles(styles)(Container);\n"],"file":"container.js"}
+{"version":3,"file":"container.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_styles","_translator","_constants","_button","_drawablePalette","_drawableMain","_drawableText","_icon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","tools","TOOLS","constants","translator","Translator","BaseContainer","styled","theme","marginTop","spacing","Box","border","borderRadius","backgroundColor","DrawableHeight","minHeight","Toolbar","borderBottom","borderTopLeftRadius","borderTopRightRadius","padding","boxSizing","maxWidth","marginBottom","ROGVAIV","map","c","value","label","Container","Component","constructor","props","_defineProperty2","type","disabled","toolActive","state","TextEntry","DrawableText","scale","drawableDimensions","height","width","fillColor","fillColorList","outlineColor","outlineColorList","paintColor","paintColorList","setTranslatedState","language","translatedROGVAIV","lng","setState","UNSAFE_componentWillReceiveProps","setDimensions","checkExist","setInterval","drawable","getBoundingClientRect","effectiveWidth","session","console","warn","clearInterval","componentDidMount","observer","MutationObserver","mutations","forEach","target","document","getElementById","style","cssText","zoom","substring","indexOf","lastIndexOf","zoomParsed","replace","newScale","parseFloat","resizeObserver","ResizeObserver","observe","attributes","attributeFilter","componentWillUnmount","removeEventListeners","disconnect","handleMakeToolActive","tool","addNewTextEntry","updatedAt","Date","handleColorChange","color","cType","render","imageUrl","imageDimensions","onSessionChange","backgroundImageEnabled","heightToUse","createElement","fillList","outlineList","paintList","onFillColorChange","onOutlineColorChange","onPaintColorChange","icon","title","key","checkIfToolIsDisabled","onClick","path","ref","maxHeight","overflow","exports","PropTypes","bool","object","isRequired","func","string","_default"],"sources":["../../src/drawing-response/container.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Translator from '@pie-lib/translator';\n\nimport constants from './constants';\nimport Button from './button';\nimport DrawablePalette from './drawable-palette';\nimport DrawableMain from './drawable-main';\nimport DrawableText from './drawable-text';\nimport Icon from './icon';\n\nconst { tools: TOOLS } = constants;\nconst { translator } = Translator;\n\nconst BaseContainer = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\nconst Box = styled('div')(({ theme }) => ({\n  border: '1px solid #E0E1E6',\n  borderRadius: '5px',\n  marginTop: theme.spacing(2),\n  backgroundColor: '#ECEDF1',\n}));\n\nconst DrawableHeight = styled('div')({\n  minHeight: 350,\n  backgroundColor: '#fff',\n});\n\nconst Toolbar = styled('div')(({ theme }) => ({\n  borderBottom: '1px solid #E0E1E6',\n  borderTopLeftRadius: '5px',\n  borderTopRightRadius: '5px',\n  padding: '12px 8px 4px',\n  boxSizing: 'border-box',\n  maxWidth: 'calc(100% - 163px)', // 163px is the width set on undoControls\n  '& button': {\n    marginBottom: theme.spacing(1),\n  },\n}));\n\nconst ROGVAIV = ['red', 'orange', 'yellow', 'violet', 'blue', 'green', 'white', 'black'].map((c) => ({\n  value: c,\n  label: c,\n}));\n\nexport class Container extends Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func.isRequired,\n    imageDimensions: PropTypes.object.isRequired,\n    imageUrl: PropTypes.string.isRequired,\n    backgroundImageEnabled: PropTypes.bool.isRequired,\n    language: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    const TextEntry = new DrawableText();\n\n    this.state = {\n      scale: 1,\n      drawableDimensions: {\n        height: 0,\n        width: 0,\n      },\n      toolActive: TOOLS[0],\n      fillColor: 'white',\n      fillColorList: [\n        { value: 'transparent', label: 'no fill' },\n        { value: 'lightblue', label: 'light blue' },\n        { value: 'lightyellow', label: 'light yellow' },\n        ...ROGVAIV,\n      ],\n      outlineColor: 'black',\n      outlineColorList: ROGVAIV,\n      paintColor: 'red',\n      paintColorList: ROGVAIV,\n      TextEntry,\n    };\n  }\n\n  setTranslatedState(language) {\n    const translatedROGVAIV = ROGVAIV.map((c) => ({\n      value: c.value,\n      label: translator.t(`drawingResponse.${c.label}`, { lng: language }),\n    }));\n\n    this.setState({\n      fillColorList: [\n        { value: 'transparent', label: translator.t('drawingResponse.noFill', { lng: language }) },\n        { value: 'lightblue', label: translator.t('drawingResponse.lightblue', { lng: language }) },\n        { value: 'lightyellow', label: translator.t('drawingResponse.lightyellow', { lng: language }) },\n        ...translatedROGVAIV,\n      ],\n      paintColor: translator.t('drawingResponse.red', { lng: language }),\n      outlineColorList: translatedROGVAIV,\n      paintColorList: translatedROGVAIV,\n    });\n  }\n\n  UNSAFE_componentWillReceiveProps(props) {\n    const { language } = props;\n    this.setTranslatedState(language);\n  }\n\n  setDimensions() {\n    const checkExist = setInterval(() => {\n      try {\n        const { height, width } = this.drawable.getBoundingClientRect();\n        const effectiveWidth = this.props.session.width || width;\n\n        if (height !== 0 && width !== 0) {\n          this.setState({\n            drawableDimensions: {\n              height,\n              width: effectiveWidth,\n            },\n          });\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.warn('setDimensions Error: ', e);\n      } finally {\n        clearInterval(checkExist);\n      }\n    }, 100);\n  }\n\n  componentDidMount() {\n    const { language } = this.props;\n    this.setTranslatedState(language);\n\n    this.setDimensions();\n\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach(() => {\n        const target = document.getElementById('question-container')?.style?.cssText;\n        const zoom = target?.substring(target.indexOf('--pie-zoom') + 11, target.lastIndexOf('%'));\n        const zoomParsed = zoom?.replace(/\\s/g, '');\n\n        if (zoomParsed) {\n          const newScale = parseFloat(zoomParsed) / 100;\n          if (newScale !== this.state.scale) {\n            this.setState({\n              scale: parseFloat(zoomParsed) / 100,\n            });\n          }\n        } else if (!zoomParsed && this.state.scale !== 1) {\n          this.setState({\n            scale: 1,\n          });\n        }\n      });\n    });\n\n    // Use ResizeObserver to detect when the drawable container becomes visible\n    // (e.g., after switching from build to item preview in New Item Bank) and trigger dimension calculation.\n    // This helps ensure the canvas is properly sized even when componentDidMount is not re-triggered.\n    this.resizeObserver = new ResizeObserver(() => {\n      this.setDimensions();\n    });\n\n    if (this.drawable) {\n      this.resizeObserver.observe(this.drawable);\n    }\n\n    const target = document.getElementById('question-container');\n    if (target) {\n      this.observer.observe(target, { attributes: true, attributeFilter: ['style'] });\n    }\n  }\n\n  componentWillUnmount() {\n    const { TextEntry } = this.state;\n\n    TextEntry.removeEventListeners();\n    this.observer?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n\n  handleMakeToolActive(tool) {\n    const { TextEntry } = this.state;\n    const { type } = tool;\n    const { language } = this.props;\n\n    if (type !== 'Text') {\n      this.setState({\n        toolActive: tool,\n      });\n    } else {\n      TextEntry.addNewTextEntry(language);\n      // Force update\n      this.setState({\n        updatedAt: new Date(),\n      });\n    }\n  }\n\n  checkIfToolIsDisabled = (type) => {\n    if (this.props.disabled) return true;\n\n    const { toolActive } = this.state;\n    // Text will never be disabled since on each \"Text Entry\" click a new text is added\n    if (type === 'Text') {\n      return false;\n    }\n    return type === toolActive.type;\n  };\n\n  handleColorChange(type, color) {\n    const cType = `${type}Color`;\n    this.setState({\n      [cType]: color,\n    });\n  }\n\n  render() {\n    const { disabled, imageUrl, imageDimensions, onSessionChange, session, backgroundImageEnabled, language } =\n      this.props;\n    const {\n      drawableDimensions,\n      toolActive,\n      fillColor,\n      fillColorList,\n      outlineColor,\n      outlineColorList,\n      paintColor,\n      paintColorList,\n      TextEntry,\n    } = this.state;\n\n    const heightToUse = drawableDimensions.height * this.state.scale;\n\n    return (\n      <BaseContainer>\n        {!disabled && (\n          <DrawablePalette\n            fillColor={fillColor}\n            fillList={fillColorList}\n            outlineColor={outlineColor}\n            outlineList={outlineColorList}\n            paintColor={paintColor}\n            paintList={paintColorList}\n            onFillColorChange={(color) => this.handleColorChange('fill', color)}\n            onOutlineColorChange={(color) => this.handleColorChange('outline', color)}\n            onPaintColorChange={(color) => this.handleColorChange('paint', color)}\n            language={language}\n          />\n        )}\n\n        <Box>\n          <Toolbar>\n            {TOOLS.map((tool) => {\n              const { type, label, icon } = tool;\n\n              return (\n                <Button\n                  title={label}\n                  key={type}\n                  disabled={this.checkIfToolIsDisabled(type)}\n                  onClick={() => this.handleMakeToolActive(tool)}\n                  label={<Icon path={icon} />}\n                />\n              );\n            })}\n          </Toolbar>\n\n          <DrawableHeight\n            ref={(drawable) => {\n              this.drawable = drawable;\n            }}\n            style={{ height: heightToUse, maxHeight: heightToUse, overflow: 'scroll' }}\n          >\n            <DrawableMain\n              scale={this.state.scale}\n              session={session}\n              disabled={disabled}\n              onSessionChange={onSessionChange}\n              fillColor={fillColor}\n              outlineColor={outlineColor}\n              paintColor={paintColor}\n              imageUrl={imageUrl}\n              drawableDimensions={drawableDimensions}\n              imageDimensions={imageDimensions}\n              toolActive={toolActive}\n              TextEntry={TextEntry}\n              backgroundImageEnabled={backgroundImageEnabled}\n              language={language}\n            />\n          </DrawableHeight>\n        </Box>\n      </BaseContainer>\n    );\n  }\n}\n\nexport default Container;\n"],"mappings":"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","ignoreList":[]}

package/lib/drawing-response/drawable-circle.js

@@ -1,119 +1,80 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactKonva = require("react-konva");
-
 var _drawableHelper = _interopRequireDefault(require("./drawable-helper"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var CircleDrawable = /*#__PURE__*/function (_DrawableHelper) {
-  (0, _inherits2["default"])(CircleDrawable, _DrawableHelper);
-
-  var _super = _createSuper(CircleDrawable);
-
-  function CircleDrawable(_props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, CircleDrawable);
-    _this = _super.call(this, _props, CircleDrawable.TYPE);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragEnd", function (props, event) {
-      var deltaX = _this.startx - event.target.getX();
-      var deltaY = _this.starty - event.target.getY();
-      _this.startx = event.target.getX();
-      _this.starty = event.target.getY();
-      _this.x = _this.x - deltaX;
-      _this.y = _this.y - deltaY;
+class CircleDrawable extends _drawableHelper.default {
+  constructor(_props) {
+    super(_props, CircleDrawable.TYPE);
+    (0, _defineProperty2.default)(this, "handleDragEnd", (props, event) => {
+      const deltaX = this.startx - event.target.getX();
+      const deltaY = this.starty - event.target.getY();
+      this.startx = event.target.getX();
+      this.starty = event.target.getY();
+      this.x = this.x - deltaX;
+      this.y = this.y - deltaY;
       props.handleSessionChange();
     });
-    var startx = _props.startx,
-        starty = _props.starty,
-        x = _props.x,
-        y = _props.y;
-    _this.startx = startx;
-    _this.starty = starty;
-    _this.x = x || startx;
-    _this.y = y || starty;
-    var dx = _this.startx - _this.x;
-    var dy = _this.starty - _this.y;
-    _this.radius = Math.sqrt(dx * dx + dy * dy);
-    return _this;
+    const {
+      startx,
+      starty,
+      x,
+      y
+    } = _props;
+    this.startx = startx;
+    this.starty = starty;
+    this.x = x || startx;
+    this.y = y || starty;
+    const dx = this.startx - this.x;
+    const dy = this.starty - this.y;
+    this.radius = Math.sqrt(dx * dx + dy * dy);
   }
-
-  (0, _createClass2["default"])(CircleDrawable, [{
-    key: "registerMovement",
-    value: function registerMovement(x, y) {
-      this.x = x;
-      this.y = y;
-      var dx = this.startx - this.x;
-      var dy = this.starty - this.y;
-      this.radius = Math.sqrt(dx * dx + dy * dy);
-    }
-  }, {
-    key: "handleOnClick",
-    value: function handleOnClick(props) {
-      var paint = props.paint,
-          paintColor = props.paintColor,
-          forceUpdate = props.forceUpdate;
-
-      if (paint) {
-        this.paintColor = paintColor;
-        forceUpdate();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this2 = this;
-
-      var draggable = props.draggable,
-          key = props.key,
-          onMouseOverElement = props.onMouseOverElement,
-          onMouseOutElement = props.onMouseOutElement;
-      return /*#__PURE__*/_react["default"].createElement(_reactKonva.Circle, {
-        key: key,
-        draggable: draggable,
-        radius: this.radius,
-        x: this.startx,
-        y: this.starty,
-        fill: this.paintColor || this.fillColor,
-        onClick: function onClick() {
-          return _this2.handleOnClick(props);
-        },
-        onDragEnd: this.handleDragEnd.bind(this, props),
-        onMouseEnter: onMouseOverElement,
-        onMouseLeave: onMouseOutElement,
-        stroke: this.outlineColor
-      });
+  registerMovement(x, y) {
+    this.x = x;
+    this.y = y;
+    const dx = this.startx - this.x;
+    const dy = this.starty - this.y;
+    this.radius = Math.sqrt(dx * dx + dy * dy);
+  }
+  handleOnClick(props) {
+    const {
+      paint,
+      paintColor,
+      forceUpdate
+    } = props;
+    if (paint) {
+      this.paintColor = paintColor;
+      forceUpdate();
     }
-  }]);
-  return CircleDrawable;
-}(_drawableHelper["default"]);
-
-exports["default"] = CircleDrawable;
-(0, _defineProperty2["default"])(CircleDrawable, "TYPE", 'CircleDrawable');
+  }
+  render(props) {
+    const {
+      draggable,
+      key,
+      onMouseOverElement,
+      onMouseOutElement
+    } = props;
+    return /*#__PURE__*/_react.default.createElement(_reactKonva.Circle, {
+      key: key,
+      draggable: draggable,
+      radius: this.radius,
+      x: this.startx,
+      y: this.starty,
+      fill: this.paintColor || this.fillColor,
+      onClick: () => this.handleOnClick(props),
+      onDragEnd: this.handleDragEnd.bind(this, props),
+      onMouseEnter: onMouseOverElement,
+      onMouseLeave: onMouseOutElement,
+      stroke: this.outlineColor
+    });
+  }
+}
+exports.default = CircleDrawable;
+(0, _defineProperty2.default)(CircleDrawable, "TYPE", 'CircleDrawable');
 //# sourceMappingURL=drawable-circle.js.map

package/lib/drawing-response/drawable-circle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-circle.jsx"],"names":["CircleDrawable","props","TYPE","event","deltaX","startx","target","getX","deltaY","starty","getY","x","y","handleSessionChange","dx","dy","radius","Math","sqrt","paint","paintColor","forceUpdate","draggable","key","onMouseOverElement","onMouseOutElement","fillColor","handleOnClick","handleDragEnd","bind","outlineColor","DrawableHelper"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Circle } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class CircleDrawable extends DrawableHelper {\n  static TYPE = 'CircleDrawable';\n  constructor(props) {\n    super(props, CircleDrawable.TYPE);\n    const { startx, starty, x, y } = props;\n\n    this.startx = startx;\n    this.starty = starty;\n    this.x = x || startx;\n    this.y = y || starty;\n\n    const dx = this.startx - this.x;\n    const dy = this.starty - this.y;\n\n    this.radius = Math.sqrt(dx * dx + dy * dy);\n  }\n\n  registerMovement(x, y) {\n    this.x = x;\n    this.y = y;\n\n    const dx = this.startx - this.x;\n    const dy = this.starty - this.y;\n\n    this.radius = Math.sqrt(dx * dx + dy * dy);\n  }\n\n  handleOnClick(props) {\n    const { paint, paintColor, forceUpdate } = props;\n\n    if (paint) {\n      this.paintColor = paintColor;\n      forceUpdate();\n    }\n  }\n\n  handleDragEnd = (props, event) => {\n    const deltaX = this.startx - event.target.getX();\n    const deltaY = this.starty - event.target.getY();\n\n    this.startx = event.target.getX();\n    this.starty = event.target.getY();\n\n    this.x = this.x - deltaX;\n    this.y = this.y - deltaY;\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Circle\n        key={key}\n        draggable={draggable}\n        radius={this.radius}\n        x={this.startx}\n        y={this.starty}\n        fill={this.paintColor || this.fillColor}\n        onClick={() => this.handleOnClick(props)}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        stroke={this.outlineColor}\n      />\n    );\n  }\n}\n"],"file":"drawable-circle.js"}
+{"version":3,"file":"drawable-circle.js","names":["_react","_interopRequireDefault","require","_reactKonva","_drawableHelper","CircleDrawable","DrawableHelper","constructor","props","TYPE","_defineProperty2","default","event","deltaX","startx","target","getX","deltaY","starty","getY","x","y","handleSessionChange","dx","dy","radius","Math","sqrt","registerMovement","handleOnClick","paint","paintColor","forceUpdate","render","draggable","key","onMouseOverElement","onMouseOutElement","createElement","Circle","fill","fillColor","onClick","onDragEnd","handleDragEnd","bind","onMouseEnter","onMouseLeave","stroke","outlineColor","exports"],"sources":["../../src/drawing-response/drawable-circle.jsx"],"sourcesContent":["import React from 'react';\nimport { Circle } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class CircleDrawable extends DrawableHelper {\n  static TYPE = 'CircleDrawable';\n  constructor(props) {\n    super(props, CircleDrawable.TYPE);\n    const { startx, starty, x, y } = props;\n\n    this.startx = startx;\n    this.starty = starty;\n    this.x = x || startx;\n    this.y = y || starty;\n\n    const dx = this.startx - this.x;\n    const dy = this.starty - this.y;\n\n    this.radius = Math.sqrt(dx * dx + dy * dy);\n  }\n\n  registerMovement(x, y) {\n    this.x = x;\n    this.y = y;\n\n    const dx = this.startx - this.x;\n    const dy = this.starty - this.y;\n\n    this.radius = Math.sqrt(dx * dx + dy * dy);\n  }\n\n  handleOnClick(props) {\n    const { paint, paintColor, forceUpdate } = props;\n\n    if (paint) {\n      this.paintColor = paintColor;\n      forceUpdate();\n    }\n  }\n\n  handleDragEnd = (props, event) => {\n    const deltaX = this.startx - event.target.getX();\n    const deltaY = this.starty - event.target.getY();\n\n    this.startx = event.target.getX();\n    this.starty = event.target.getY();\n\n    this.x = this.x - deltaX;\n    this.y = this.y - deltaY;\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Circle\n        key={key}\n        draggable={draggable}\n        radius={this.radius}\n        x={this.startx}\n        y={this.starty}\n        fill={this.paintColor || this.fillColor}\n        onClick={() => this.handleOnClick(props)}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        stroke={this.outlineColor}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/drawing-response/drawable-eraser.js

@@ -1,100 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactKonva = require("react-konva");
-
 var _drawableHelper = _interopRequireDefault(require("./drawable-helper"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var EraserDrawable = /*#__PURE__*/function (_DrawableHelper) {
-  (0, _inherits2["default"])(EraserDrawable, _DrawableHelper);
-
-  var _super = _createSuper(EraserDrawable);
-
-  function EraserDrawable(_props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, EraserDrawable);
-    _this = _super.call(this, _props, EraserDrawable.TYPE);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDragEnd", function (props, event) {
-      _this.posX = event.target.getX();
-      _this.posY = event.target.getY();
+class EraserDrawable extends _drawableHelper.default {
+  constructor(_props) {
+    super(_props, EraserDrawable.TYPE);
+    (0, _defineProperty2.default)(this, "handleDragEnd", (props, event) => {
+      this.posX = event.target.getX();
+      this.posY = event.target.getY();
       props.handleSessionChange();
     });
-    var startx = _props.startx,
-        starty = _props.starty,
-        points = _props.points,
-        posX = _props.posX,
-        posY = _props.posY;
-    _this.points = points || [startx, starty];
-    _this.posX = posX || 0;
-    _this.posY = posY || 0;
-    return _this;
+    const {
+      startx,
+      starty,
+      points,
+      posX,
+      posY
+    } = _props;
+    this.points = points || [startx, starty];
+    this.posX = posX || 0;
+    this.posY = posY || 0;
   }
-
-  (0, _createClass2["default"])(EraserDrawable, [{
-    key: "registerMovement",
-    value: function registerMovement(x, y) {
-      this.points = [].concat((0, _toConsumableArray2["default"])(this.points), [x, y]);
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var draggable = props.draggable,
-          key = props.key,
-          onMouseOverElement = props.onMouseOverElement,
-          onMouseOutElement = props.onMouseOutElement;
-      return /*#__PURE__*/_react["default"].createElement(_reactKonva.Line, {
-        key: key,
-        draggable: draggable,
-        globalCompositeOperation: "destination-out",
-        tension: 0,
-        bezier: true,
-        points: this.points,
-        onDragEnd: this.handleDragEnd.bind(this, props),
-        onMouseEnter: onMouseOverElement,
-        onMouseLeave: onMouseOutElement,
-        strokeStyle: "#df4b26",
-        lineJoin: "round",
-        lineWidth: "5",
-        fill: "white",
-        stroke: "white",
-        strokeWidth: 5,
-        x: this.posX,
-        y: this.posY
-      });
-    }
-  }]);
-  return EraserDrawable;
-}(_drawableHelper["default"]);
-
-exports["default"] = EraserDrawable;
-(0, _defineProperty2["default"])(EraserDrawable, "TYPE", 'EraserDrawable');
+  registerMovement(x, y) {
+    this.points = [...this.points, x, y];
+  }
+  render(props) {
+    const {
+      draggable,
+      key,
+      onMouseOverElement,
+      onMouseOutElement
+    } = props;
+    return /*#__PURE__*/_react.default.createElement(_reactKonva.Line, {
+      key: key,
+      draggable: draggable,
+      globalCompositeOperation: "destination-out",
+      tension: 0,
+      bezier: true,
+      points: this.points,
+      onDragEnd: this.handleDragEnd.bind(this, props),
+      onMouseEnter: onMouseOverElement,
+      onMouseLeave: onMouseOutElement,
+      strokeStyle: "#df4b26",
+      lineJoin: "round",
+      lineWidth: "5",
+      fill: "white",
+      stroke: "white",
+      strokeWidth: 5,
+      x: this.posX,
+      y: this.posY
+    });
+  }
+}
+exports.default = EraserDrawable;
+(0, _defineProperty2.default)(EraserDrawable, "TYPE", 'EraserDrawable');
 //# sourceMappingURL=drawable-eraser.js.map

package/lib/drawing-response/drawable-eraser.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawing-response/drawable-eraser.jsx"],"names":["EraserDrawable","props","TYPE","event","posX","target","getX","posY","getY","handleSessionChange","startx","starty","points","x","y","draggable","key","onMouseOverElement","onMouseOutElement","handleDragEnd","bind","DrawableHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;IAEqBA,c;;;;;AAEnB,0BAAYC,MAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,MAAN,EAAaD,cAAc,CAACE,IAA5B;AADiB,sGAaH,UAACD,KAAD,EAAQE,KAAR,EAAkB;AAChC,YAAKC,IAAL,GAAYD,KAAK,CAACE,MAAN,CAAaC,IAAb,EAAZ;AACA,YAAKC,IAAL,GAAYJ,KAAK,CAACE,MAAN,CAAaG,IAAb,EAAZ;AAEAP,MAAAA,KAAK,CAACQ,mBAAN;AACD,KAlBkB;AAEjB,QAAQC,MAAR,GAA+CT,MAA/C,CAAQS,MAAR;AAAA,QAAgBC,MAAhB,GAA+CV,MAA/C,CAAgBU,MAAhB;AAAA,QAAwBC,MAAxB,GAA+CX,MAA/C,CAAwBW,MAAxB;AAAA,QAAgCR,IAAhC,GAA+CH,MAA/C,CAAgCG,IAAhC;AAAA,QAAsCG,IAAtC,GAA+CN,MAA/C,CAAsCM,IAAtC;AAEA,UAAKK,MAAL,GAAcA,MAAM,IAAI,CAACF,MAAD,EAASC,MAAT,CAAxB;AACA,UAAKP,IAAL,GAAYA,IAAI,IAAI,CAApB;AACA,UAAKG,IAAL,GAAYA,IAAI,IAAI,CAApB;AANiB;AAOlB;;;;WAED,0BAAiBM,CAAjB,EAAoBC,CAApB,EAAuB;AACrB,WAAKF,MAAL,iDAAkB,KAAKA,MAAvB,IAA+BC,CAA/B,EAAkCC,CAAlC;AACD;;;WASD,gBAAOb,KAAP,EAAc;AACZ,UAAQc,SAAR,GAAkEd,KAAlE,CAAQc,SAAR;AAAA,UAAmBC,GAAnB,GAAkEf,KAAlE,CAAmBe,GAAnB;AAAA,UAAwBC,kBAAxB,GAAkEhB,KAAlE,CAAwBgB,kBAAxB;AAAA,UAA4CC,iBAA5C,GAAkEjB,KAAlE,CAA4CiB,iBAA5C;AAEA,0BACE,gCAAC,gBAAD;AACE,QAAA,GAAG,EAAEF,GADP;AAEE,QAAA,SAAS,EAAED,SAFb;AAGE,QAAA,wBAAwB,EAAC,iBAH3B;AAIE,QAAA,OAAO,EAAE,CAJX;AAKE,QAAA,MAAM,EAAE,IALV;AAME,QAAA,MAAM,EAAE,KAAKH,MANf;AAOE,QAAA,SAAS,EAAE,KAAKO,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,EAA8BnB,KAA9B,CAPb;AAQE,QAAA,YAAY,EAAEgB,kBARhB;AASE,QAAA,YAAY,EAAEC,iBAThB;AAUE,QAAA,WAAW,EAAC,SAVd;AAWE,QAAA,QAAQ,EAAC,OAXX;AAYE,QAAA,SAAS,EAAC,GAZZ;AAaE,QAAA,IAAI,EAAC,OAbP;AAcE,QAAA,MAAM,EAAC,OAdT;AAeE,QAAA,WAAW,EAAE,CAff;AAgBE,QAAA,CAAC,EAAE,KAAKd,IAhBV;AAiBE,QAAA,CAAC,EAAE,KAAKG;AAjBV,QADF;AAqBD;;;EA9CyCc,0B;;;iCAAvBrB,c,UACL,gB","sourcesContent":["import React from 'react';\nimport { Line } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class EraserDrawable extends DrawableHelper {\n  static TYPE = 'EraserDrawable';\n  constructor(props) {\n    super(props, EraserDrawable.TYPE);\n    const { startx, starty, points, posX, posY } = props;\n\n    this.points = points || [startx, starty];\n    this.posX = posX || 0;\n    this.posY = posY || 0;\n  }\n\n  registerMovement(x, y) {\n    this.points = [...this.points, x, y];\n  }\n\n  handleDragEnd = (props, event) => {\n    this.posX = event.target.getX();\n    this.posY = event.target.getY();\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Line\n        key={key}\n        draggable={draggable}\n        globalCompositeOperation=\"destination-out\"\n        tension={0}\n        bezier={true}\n        points={this.points}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        strokeStyle=\"#df4b26\"\n        lineJoin=\"round\"\n        lineWidth=\"5\"\n        fill=\"white\"\n        stroke=\"white\"\n        strokeWidth={5}\n        x={this.posX}\n        y={this.posY}\n      />\n    );\n  }\n}\n"],"file":"drawable-eraser.js"}
+{"version":3,"file":"drawable-eraser.js","names":["_react","_interopRequireDefault","require","_reactKonva","_drawableHelper","EraserDrawable","DrawableHelper","constructor","props","TYPE","_defineProperty2","default","event","posX","target","getX","posY","getY","handleSessionChange","startx","starty","points","registerMovement","x","y","render","draggable","key","onMouseOverElement","onMouseOutElement","createElement","Line","globalCompositeOperation","tension","bezier","onDragEnd","handleDragEnd","bind","onMouseEnter","onMouseLeave","strokeStyle","lineJoin","lineWidth","fill","stroke","strokeWidth","exports"],"sources":["../../src/drawing-response/drawable-eraser.jsx"],"sourcesContent":["import React from 'react';\nimport { Line } from 'react-konva';\n\nimport DrawableHelper from './drawable-helper';\n\nexport default class EraserDrawable extends DrawableHelper {\n  static TYPE = 'EraserDrawable';\n  constructor(props) {\n    super(props, EraserDrawable.TYPE);\n    const { startx, starty, points, posX, posY } = props;\n\n    this.points = points || [startx, starty];\n    this.posX = posX || 0;\n    this.posY = posY || 0;\n  }\n\n  registerMovement(x, y) {\n    this.points = [...this.points, x, y];\n  }\n\n  handleDragEnd = (props, event) => {\n    this.posX = event.target.getX();\n    this.posY = event.target.getY();\n\n    props.handleSessionChange();\n  };\n\n  render(props) {\n    const { draggable, key, onMouseOverElement, onMouseOutElement } = props;\n\n    return (\n      <Line\n        key={key}\n        draggable={draggable}\n        globalCompositeOperation=\"destination-out\"\n        tension={0}\n        bezier={true}\n        points={this.points}\n        onDragEnd={this.handleDragEnd.bind(this, props)}\n        onMouseEnter={onMouseOverElement}\n        onMouseLeave={onMouseOutElement}\n        strokeStyle=\"#df4b26\"\n        lineJoin=\"round\"\n        lineWidth=\"5\"\n        fill=\"white\"\n        stroke=\"white\"\n        strokeWidth={5}\n        x={this.posX}\n        y={this.posY}\n      />\n    );\n  }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEe,MAAMG,cAAc,SAASC,uBAAc,CAAC;EAEzDC,WAAWA,CAACC,MAAK,EAAE;IACjB,KAAK,CAACA,MAAK,EAAEH,cAAc,CAACI,IAAI,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,yBAYpB,CAACH,KAAK,EAAEI,KAAK,KAAK;MAChC,IAAI,CAACC,IAAI,GAAGD,KAAK,CAACE,MAAM,CAACC,IAAI,CAAC,CAAC;MAC/B,IAAI,CAACC,IAAI,GAAGJ,KAAK,CAACE,MAAM,CAACG,IAAI,CAAC,CAAC;MAE/BT,KAAK,CAACU,mBAAmB,CAAC,CAAC;IAC7B,CAAC;IAhBC,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAER,IAAI;MAAEG;IAAK,CAAC,GAAGR,MAAK;IAEpD,IAAI,CAACa,MAAM,GAAGA,MAAM,IAAI,CAACF,MAAM,EAAEC,MAAM,CAAC;IACxC,IAAI,CAACP,IAAI,GAAGA,IAAI,IAAI,CAAC;IACrB,IAAI,CAACG,IAAI,GAAGA,IAAI,IAAI,CAAC;EACvB;EAEAM,gBAAgBA,CAACC,CAAC,EAAEC,CAAC,EAAE;IACrB,IAAI,CAACH,MAAM,GAAG,CAAC,GAAG,IAAI,CAACA,MAAM,EAAEE,CAAC,EAAEC,CAAC,CAAC;EACtC;EASAC,MAAMA,CAACjB,KAAK,EAAE;IACZ,MAAM;MAAEkB,SAAS;MAAEC,GAAG;MAAEC,kBAAkB;MAAEC;IAAkB,CAAC,GAAGrB,KAAK;IAEvE,oBACER,MAAA,CAAAW,OAAA,CAAAmB,aAAA,CAAC3B,WAAA,CAAA4B,IAAI;MACHJ,GAAG,EAAEA,GAAI;MACTD,SAAS,EAAEA,SAAU;MACrBM,wBAAwB,EAAC,iBAAiB;MAC1CC,OAAO,EAAE,CAAE;MACXC,MAAM,EAAE,IAAK;MACbb,MAAM,EAAE,IAAI,CAACA,MAAO;MACpBc,SAAS,EAAE,IAAI,CAACC,aAAa,CAACC,IAAI,CAAC,IAAI,EAAE7B,KAAK,CAAE;MAChD8B,YAAY,EAAEV,kBAAmB;MACjCW,YAAY,EAAEV,iBAAkB;MAChCW,WAAW,EAAC,SAAS;MACrBC,QAAQ,EAAC,OAAO;MAChBC,SAAS,EAAC,GAAG;MACbC,IAAI,EAAC,OAAO;MACZC,MAAM,EAAC,OAAO;MACdC,WAAW,EAAE,CAAE;MACftB,CAAC,EAAE,IAAI,CAACV,IAAK;MACbW,CAAC,EAAE,IAAI,CAACR;IAAK,CACd,CAAC;EAEN;AACF;AAAC8B,OAAA,CAAAnC,OAAA,GAAAN,cAAA;AAAA,IAAAK,gBAAA,CAAAC,OAAA,EA/CoBN,cAAc,UACnB,gBAAgB","ignoreList":[]}