@pie-element/graphing 10.1.2-next.5 → 10.1.3

package/configure/lib/graphing-config.js

@@ -0,0 +1,388 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GraphingConfig = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _graphing = require("@pie-lib/graphing");
+var _configUi = require("@pie-lib/config-ui");
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _utils = require("./utils");
+var _lodashEs = require("lodash-es");
+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 Container = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexWrap: 'wrap',
+  marginBottom: theme.spacing(2.5)
+}));
+const GridConfigWrapper = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  marginRight: theme.spacing(3),
+  marginBottom: theme.spacing(2.5)
+}));
+const GraphConfig = (0, _styles.styled)('div')({
+  display: 'flex',
+  flexDirection: 'column'
+});
+const SubtitleText = (0, _styles.styled)(_material.Typography)(({
+  theme
+}) => ({
+  marginTop: theme.spacing(1.5),
+  marginBottom: theme.spacing(1)
+}));
+const GridConfig = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  display: 'flex',
+  flexWrap: 'wrap',
+  alignItems: 'center',
+  width: '100%',
+  marginBottom: theme.spacing(2.5)
+}));
+const GridConfigLabel = (0, _styles.styled)(_material.Typography)(({
+  theme
+}) => ({
+  padding: `0 ${theme.spacing(1)}`
+}));
+const GridConfigSelect = (0, _styles.styled)(_material.Select)({
+  flex: '1'
+});
+class GraphingConfig extends React.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "changeBackgroundMarks", backgroundMarks => {
+      const model = {
+        ...this.props.model,
+        backgroundMarks
+      };
+      this.props.onChange(model);
+    });
+    (0, _defineProperty2.default)(this, "changeLabels", labels => {
+      const {
+        model,
+        onChange
+      } = this.props;
+      onChange({
+        ...model,
+        labels
+      });
+    });
+    (0, _defineProperty2.default)(this, "changeTitle", title => {
+      const {
+        model,
+        onChange
+      } = this.props;
+      onChange({
+        ...model,
+        title
+      });
+    });
+    (0, _defineProperty2.default)(this, "onConfigChange", (config, newSelectedGrid) => {
+      const {
+        model,
+        onChange
+      } = this.props;
+      const {
+        defaultGridConfiguration: oldSelectedGrid = 0
+      } = model;
+      const {
+        gridValues: oldGridValues,
+        labelValues: oldLabelValues,
+        domain: oldDomain,
+        range: oldRange
+      } = this.state;
+      const updatedModel = {
+        ...model,
+        ...config
+      };
+      const {
+        answers,
+        domain,
+        includeAxes,
+        graph,
+        range,
+        standardGrid
+      } = updatedModel;
+      const gridValues = {
+        domain: [],
+        range: []
+      };
+      const labelValues = {
+        domain: [],
+        range: []
+      };
+      const selectedGrid = newSelectedGrid >= 0 ? newSelectedGrid : oldSelectedGrid;
+      if (includeAxes) {
+        const domainConstraints = (0, _utils.applyConstraints)(domain, graph.width, oldGridValues.domain, oldLabelValues.domain);
+        gridValues.domain = domainConstraints.gridValues || [];
+        labelValues.domain = domainConstraints.labelValues || [];
+      }
+      if (standardGrid) {
+        gridValues.range = gridValues.domain;
+        labelValues.range = labelValues.domain;
+        range.step = domain.step;
+        range.labelStep = domain.labelStep;
+      } else {
+        if (includeAxes) {
+          const rangeConstraints = (0, _utils.applyConstraints)(range, graph.height, oldGridValues.range, oldLabelValues.range);
+          gridValues.range = rangeConstraints.gridValues || [];
+          labelValues.range = rangeConstraints.labelValues || [];
+        }
+      }
+      const plotableAnswers = (0, _utils.filterPlotableMarks)(domain, range, answers);
+      if (!(0, _lodashEs.isEqual)(answers, plotableAnswers)) {
+        this.setState({
+          dialog: {
+            isOpened: true,
+            onClose: () => this.setState({
+              dialog: {
+                isOpened: false
+              }
+            }, onChange({
+              ...model,
+              domain: oldDomain,
+              range: oldRange
+            })),
+            onConfirm: () => {
+              this.setState({
+                gridValues,
+                labelValues,
+                dialog: {
+                  isOpened: false
+                },
+                domain: {
+                  ...domain
+                },
+                range: {
+                  ...range
+                }
+              }, onChange({
+                ...updatedModel,
+                answers: plotableAnswers,
+                defaultGridConfiguration: selectedGrid
+              }));
+            }
+          }
+        });
+        return;
+      }
+      this.setState({
+        gridValues,
+        labelValues,
+        domain: {
+          ...domain
+        },
+        range: {
+          ...range
+        }
+      });
+      onChange({
+        ...updatedModel,
+        defaultGridConfiguration: selectedGrid
+      });
+    });
+    (0, _defineProperty2.default)(this, "onChangeView", (event, expanded) => {
+      const {
+        graphDimensions: {
+          enabled
+        } = {}
+      } = this.props;
+      if (enabled) {
+        this.setState({
+          showPixelGuides: expanded
+        });
+      }
+    });
+    (0, _defineProperty2.default)(this, "changeGridConfiguration", event => {
+      const {
+        gridConfigurations
+      } = this.props;
+      const {
+        value
+      } = event.target;
+      this.onConfigChange(gridConfigurations?.[value] || {}, value);
+    });
+    const {
+      domain: _domain,
+      range: _range,
+      graph: _graph
+    } = props.model || {};
+    const _gridValues = {
+      domain: (0, _utils.getGridValues)(_domain, _graph.width, true),
+      range: (0, _utils.getGridValues)(_range, _graph.height, true)
+    };
+    const _labelValues = {
+      domain: (0, _utils.getLabelValues)(_domain.step),
+      range: (0, _utils.getLabelValues)(_range.step)
+    };
+    this.state = {
+      gridValues: _gridValues,
+      labelValues: _labelValues,
+      showPixelGuides: false,
+      dialog: {
+        isOpened: false
+      },
+      domain: {
+        ..._domain
+      },
+      range: {
+        ..._range
+      }
+    };
+  }
+  render() {
+    const {
+      authoring = {},
+      availableTools = [],
+      gridConfigurations = [],
+      graphDimensions = {},
+      labelsPlaceholders,
+      model,
+      showLabels,
+      dimensionsEnabled,
+      showTitle,
+      titlePlaceholder,
+      mathMlOptions = {},
+      removeIncompleteTool
+    } = this.props;
+    const {
+      arrows,
+      backgroundMarks,
+      coordinatesOnHover,
+      defaultGridConfiguration,
+      domain,
+      includeAxes,
+      labels,
+      range,
+      standardGrid,
+      title
+    } = model || {};
+    const graph = (model || {}).graph || {};
+    const {
+      min,
+      max,
+      step
+    } = graphDimensions || {};
+    const {
+      dialog = {},
+      gridValues,
+      labelValues,
+      showPixelGuides
+    } = this.state;
+    const sizeConstraints = {
+      min: Math.max(150, min),
+      max: Math.min(800, max),
+      step: step >= 1 ? Math.min(200, step) : 20
+    };
+    const displayedFields = {
+      axisLabel: authoring.axisLabel,
+      dimensionsEnabled,
+      includeAxesEnabled: authoring.includeAxesEnabled,
+      labelStep: authoring.labelStep,
+      min: authoring.min,
+      max: authoring.max,
+      standardGridEnabled: authoring.standardGridEnabled,
+      step: authoring.step
+    };
+    const displayGridSetup = authoring.enabled && Object.values(displayedFields).some(field => typeof field === 'object' ? field.enabled : field);
+    return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(GridConfigWrapper, null, gridConfigurations && gridConfigurations.length ? /*#__PURE__*/React.createElement(GridConfig, null, /*#__PURE__*/React.createElement(GridConfigLabel, {
+      component: "div",
+      variant: "h6"
+    }, "Grid Configuration"), /*#__PURE__*/React.createElement(GridConfigSelect, {
+      input: /*#__PURE__*/React.createElement(_material.OutlinedInput, null),
+      displayEmpty: true,
+      onChange: this.changeGridConfiguration,
+      value: defaultGridConfiguration,
+      MenuProps: {
+        transitionDuration: {
+          enter: 225,
+          exit: 195
+        }
+      }
+    }, (gridConfigurations || []).map((config, index) => /*#__PURE__*/React.createElement(_material.MenuItem, {
+      key: index,
+      value: index
+    }, config.label)))) : null, displayGridSetup && /*#__PURE__*/React.createElement(_graphing.GridSetup, {
+      displayedFields: displayedFields,
+      domain: domain,
+      gridValues: gridValues,
+      includeAxes: includeAxes,
+      labelValues: labelValues,
+      range: range,
+      size: graph,
+      sizeConstraints: sizeConstraints,
+      standardGrid: standardGrid,
+      onChange: this.onConfigChange,
+      onChangeView: this.onChangeView
+    })), /*#__PURE__*/React.createElement(GraphConfig, {
+      key: "graph"
+    }, /*#__PURE__*/React.createElement(_material.Typography, {
+      component: "div",
+      variant: "h6"
+    }, "Define Graph Attributes"), /*#__PURE__*/React.createElement(SubtitleText, {
+      component: "div",
+      variant: "body1"
+    }, "Use this interface to add/edit a title and/or labels, and to set background shapes"), /*#__PURE__*/React.createElement(_graphing.GraphContainer, {
+      axesSettings: {
+        includeArrows: arrows
+      },
+      backgroundMarks: [],
+      coordinatesOnHover: coordinatesOnHover,
+      collapsibleToolbar: true,
+      collapsibleToolbarTitle: 'Add Background Shapes to Graph',
+      domain: domain,
+      key: "graphing-config",
+      labels: labels,
+      labelsPlaceholders: labelsPlaceholders,
+      marks: backgroundMarks,
+      onChangeLabels: this.changeLabels,
+      onChangeMarks: this.changeBackgroundMarks,
+      onChangeTitle: this.changeTitle,
+      range: range,
+      showLabels: showLabels,
+      showPixelGuides: showPixelGuides,
+      showTitle: showTitle,
+      size: {
+        width: graph.width,
+        height: graph.height
+      },
+      title: title,
+      titlePlaceholder: titlePlaceholder,
+      toolbarTools: availableTools,
+      mathMlOptions: mathMlOptions,
+      removeIncompleteTool: removeIncompleteTool
+    })), /*#__PURE__*/React.createElement(_configUi.AlertDialog, {
+      open: dialog.isOpened,
+      title: "Warning",
+      text: "This change would make it impossible for students to plot one or more graph objects in the current correct answers. If you proceed, all such graph objects will be removed from the correct answers.",
+      onClose: dialog.onClose,
+      onConfirm: dialog.onConfirm
+    }));
+  }
+}
+exports.GraphingConfig = GraphingConfig;
+(0, _defineProperty2.default)(GraphingConfig, "propTypes", {
+  availableTools: _propTypes.default.array,
+  authoring: _propTypes.default.object,
+  dimensionsEnabled: _propTypes.default.bool,
+  graphDimensions: _propTypes.default.object,
+  gridConfigurations: _propTypes.default.array,
+  labelsPlaceholders: _propTypes.default.object,
+  model: _propTypes.default.object.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  showLabels: _propTypes.default.bool,
+  showTitle: _propTypes.default.bool,
+  titlePlaceholder: _propTypes.default.string
+});
+var _default = exports.default = GraphingConfig;
+//# sourceMappingURL=graphing-config.js.map

package/configure/lib/graphing-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphing-config.js","names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_graphing","_configUi","_material","_styles","_utils","_lodashEs","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Container","styled","theme","display","flexWrap","marginBottom","spacing","GridConfigWrapper","flexDirection","marginRight","GraphConfig","SubtitleText","Typography","marginTop","GridConfig","alignItems","width","GridConfigLabel","padding","GridConfigSelect","Select","flex","GraphingConfig","Component","constructor","props","_defineProperty2","backgroundMarks","model","onChange","labels","title","config","newSelectedGrid","defaultGridConfiguration","oldSelectedGrid","gridValues","oldGridValues","labelValues","oldLabelValues","domain","oldDomain","range","oldRange","state","updatedModel","answers","includeAxes","graph","standardGrid","selectedGrid","domainConstraints","applyConstraints","step","labelStep","rangeConstraints","height","plotableAnswers","filterPlotableMarks","isEqual","setState","dialog","isOpened","onClose","onConfirm","event","expanded","graphDimensions","enabled","showPixelGuides","gridConfigurations","value","target","onConfigChange","getGridValues","getLabelValues","render","authoring","availableTools","labelsPlaceholders","showLabels","dimensionsEnabled","showTitle","titlePlaceholder","mathMlOptions","removeIncompleteTool","arrows","coordinatesOnHover","min","max","sizeConstraints","Math","displayedFields","axisLabel","includeAxesEnabled","standardGridEnabled","displayGridSetup","values","some","field","createElement","length","component","variant","input","OutlinedInput","displayEmpty","changeGridConfiguration","MenuProps","transitionDuration","enter","exit","map","index","MenuItem","key","label","GridSetup","size","onChangeView","GraphContainer","axesSettings","includeArrows","collapsibleToolbar","collapsibleToolbarTitle","marks","onChangeLabels","changeLabels","onChangeMarks","changeBackgroundMarks","onChangeTitle","changeTitle","toolbarTools","AlertDialog","open","text","exports","PropTypes","array","object","bool","isRequired","func","string","_default"],"sources":["../src/graphing-config.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GraphContainer, GridSetup } from '@pie-lib/graphing';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport { MenuItem, Select, Typography, OutlinedInput } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { applyConstraints, filterPlotableMarks, getGridValues, getLabelValues } from './utils';\nimport { isEqual } from 'lodash-es';\n\nconst Container = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst GridConfigWrapper = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginRight: theme.spacing(3),\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst GraphConfig = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nconst SubtitleText = styled(Typography)(({ theme }) => ({\n  marginTop: theme.spacing(1.5),\n  marginBottom: theme.spacing(1),\n}));\n\nconst GridConfig = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  width: '100%',\n  marginBottom: theme.spacing(2.5),\n}));\n\nconst GridConfigLabel = styled(Typography)(({ theme }) => ({\n  padding: `0 ${theme.spacing(1)}`,\n}));\n\nconst GridConfigSelect = styled(Select)({\n  flex: '1',\n});\n\nexport class GraphingConfig extends React.Component {\n  static propTypes = {\n    availableTools: PropTypes.array,\n    authoring: PropTypes.object,\n    dimensionsEnabled: PropTypes.bool,\n    graphDimensions: PropTypes.object,\n    gridConfigurations: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    showLabels: PropTypes.bool,\n    showTitle: PropTypes.bool,\n    titlePlaceholder: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    const { domain, range, graph } = props.model || {};\n\n    const gridValues = {\n      domain: getGridValues(domain, graph.width, true),\n      range: getGridValues(range, graph.height, true),\n    };\n    const labelValues = {\n      domain: getLabelValues(domain.step),\n      range: getLabelValues(range.step),\n    };\n\n    this.state = {\n      gridValues,\n      labelValues,\n      showPixelGuides: false,\n      dialog: { isOpened: false },\n      domain: { ...domain },\n      range: { ...range },\n    };\n  }\n\n  changeBackgroundMarks = (backgroundMarks) => {\n    const model = { ...this.props.model, backgroundMarks };\n\n    this.props.onChange(model);\n  };\n\n  changeLabels = (labels) => {\n    const { model, onChange } = this.props;\n\n    onChange({ ...model, labels });\n  };\n\n  changeTitle = (title) => {\n    const { model, onChange } = this.props;\n\n    onChange({ ...model, title });\n  };\n\n  onConfigChange = (config, newSelectedGrid) => {\n    const { model, onChange } = this.props;\n    const { defaultGridConfiguration: oldSelectedGrid = 0 } = model;\n    const { gridValues: oldGridValues, labelValues: oldLabelValues, domain: oldDomain, range: oldRange } = this.state;\n    const updatedModel = { ...model, ...config };\n    const { answers, domain, includeAxes, graph, range, standardGrid } = updatedModel;\n    const gridValues = { domain: [], range: [] };\n    const labelValues = { domain: [], range: [] };\n    const selectedGrid = newSelectedGrid >= 0 ? newSelectedGrid : oldSelectedGrid;\n\n    if (includeAxes) {\n      const domainConstraints = applyConstraints(domain, graph.width, oldGridValues.domain, oldLabelValues.domain);\n\n      gridValues.domain = domainConstraints.gridValues || [];\n      labelValues.domain = domainConstraints.labelValues || [];\n    }\n\n    if (standardGrid) {\n      gridValues.range = gridValues.domain;\n      labelValues.range = labelValues.domain;\n      range.step = domain.step;\n      range.labelStep = domain.labelStep;\n    } else {\n      if (includeAxes) {\n        const rangeConstraints = applyConstraints(range, graph.height, oldGridValues.range, oldLabelValues.range);\n\n        gridValues.range = rangeConstraints.gridValues || [];\n        labelValues.range = rangeConstraints.labelValues || [];\n      }\n    }\n\n    const plotableAnswers = filterPlotableMarks(domain, range, answers);\n\n    if (!isEqual(answers, plotableAnswers)) {\n      this.setState({\n        dialog: {\n          isOpened: true,\n          onClose: () =>\n            this.setState({ dialog: { isOpened: false } }, onChange({ ...model, domain: oldDomain, range: oldRange })),\n          onConfirm: () => {\n            this.setState(\n              {\n                gridValues,\n                labelValues,\n                dialog: { isOpened: false },\n                domain: { ...domain },\n                range: { ...range },\n              },\n              onChange({ ...updatedModel, answers: plotableAnswers, defaultGridConfiguration: selectedGrid }),\n            );\n          },\n        },\n      });\n\n      return;\n    }\n\n    this.setState({ gridValues, labelValues, domain: { ...domain }, range: { ...range } });\n    onChange({ ...updatedModel, defaultGridConfiguration: selectedGrid });\n  };\n\n  onChangeView = (event, expanded) => {\n    const { graphDimensions: { enabled } = {} } = this.props;\n\n    if (enabled) {\n      this.setState({ showPixelGuides: expanded });\n    }\n  };\n\n  changeGridConfiguration = (event) => {\n    const { gridConfigurations } = this.props;\n    const { value } = event.target;\n\n    this.onConfigChange(gridConfigurations?.[value] || {}, value);\n  };\n\n  render() {\n    const {\n      authoring = {},\n      availableTools = [],\n      gridConfigurations = [],\n      graphDimensions = {},\n      labelsPlaceholders,\n      model,\n      showLabels,\n      dimensionsEnabled,\n      showTitle,\n      titlePlaceholder,\n      mathMlOptions = {},\n      removeIncompleteTool,\n    } = this.props;\n    const {\n      arrows,\n      backgroundMarks,\n      coordinatesOnHover,\n      defaultGridConfiguration,\n      domain,\n      includeAxes,\n      labels,\n      range,\n      standardGrid,\n      title,\n    } = model || {};\n    const graph = (model || {}).graph || {};\n    const { min, max, step } = graphDimensions || {};\n    const { dialog = {}, gridValues, labelValues, showPixelGuides } = this.state;\n\n    const sizeConstraints = {\n      min: Math.max(150, min),\n      max: Math.min(800, max),\n      step: step >= 1 ? Math.min(200, step) : 20,\n    };\n\n    const displayedFields = {\n      axisLabel: authoring.axisLabel,\n      dimensionsEnabled,\n      includeAxesEnabled: authoring.includeAxesEnabled,\n      labelStep: authoring.labelStep,\n      min: authoring.min,\n      max: authoring.max,\n      standardGridEnabled: authoring.standardGridEnabled,\n      step: authoring.step,\n    };\n\n    const displayGridSetup =\n      authoring.enabled &&\n      Object.values(displayedFields).some((field) => (typeof field === 'object' ? field.enabled : field));\n\n    return (\n      <Container>\n        <GridConfigWrapper>\n          {gridConfigurations && gridConfigurations.length ? (\n            <GridConfig>\n              <GridConfigLabel component=\"div\" variant=\"h6\">\n                Grid Configuration\n              </GridConfigLabel>\n\n              <GridConfigSelect\n                input={<OutlinedInput />}\n                displayEmpty\n                onChange={this.changeGridConfiguration}\n                value={defaultGridConfiguration}\n                MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}\n              >\n                {(gridConfigurations || []).map((config, index) => (\n                  <MenuItem key={index} value={index}>\n                    {config.label}\n                  </MenuItem>\n                ))}\n              </GridConfigSelect>\n            </GridConfig>\n          ) : null}\n\n          {displayGridSetup && (\n            <GridSetup\n              displayedFields={displayedFields}\n              domain={domain}\n              gridValues={gridValues}\n              includeAxes={includeAxes}\n              labelValues={labelValues}\n              range={range}\n              size={graph}\n              sizeConstraints={sizeConstraints}\n              standardGrid={standardGrid}\n              onChange={this.onConfigChange}\n              onChangeView={this.onChangeView}\n            />\n          )}\n        </GridConfigWrapper>\n\n        <GraphConfig key=\"graph\">\n          <Typography component=\"div\" variant=\"h6\">\n            Define Graph Attributes\n          </Typography>\n\n          <SubtitleText component=\"div\" variant=\"body1\">\n            Use this interface to add/edit a title and/or labels, and to set background shapes\n          </SubtitleText>\n\n          <GraphContainer\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={[]}\n            coordinatesOnHover={coordinatesOnHover}\n            collapsibleToolbar={true}\n            collapsibleToolbarTitle={'Add Background Shapes to Graph'}\n            domain={domain}\n            key=\"graphing-config\"\n            labels={labels}\n            labelsPlaceholders={labelsPlaceholders}\n            marks={backgroundMarks}\n            onChangeLabels={this.changeLabels}\n            onChangeMarks={this.changeBackgroundMarks}\n            onChangeTitle={this.changeTitle}\n            range={range}\n            showLabels={showLabels}\n            showPixelGuides={showPixelGuides}\n            showTitle={showTitle}\n            size={{ width: graph.width, height: graph.height }}\n            title={title}\n            titlePlaceholder={titlePlaceholder}\n            toolbarTools={availableTools}\n            mathMlOptions={mathMlOptions}\n            removeIncompleteTool={removeIncompleteTool}\n          />\n        </GraphConfig>\n\n        <AlertDialog\n          open={dialog.isOpened}\n          title=\"Warning\"\n          text=\"This change would make it impossible for students to plot one or more graph objects in the current correct answers. If you proceed, all such graph objects will be removed from the correct answers.\"\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </Container>\n    );\n  }\n}\n\nexport default GraphingConfig;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+var _configure = _interopRequireDefault(require("./configure"));
+var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
+var _debug = _interopRequireDefault(require("debug"));
+var _defaults = _interopRequireDefault(require("./defaults"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _lodashEs = require("lodash-es");
+const log = (0, _debug.default)('pie-elements:graphing:configure');
+
+// this function is implemented in controller as well
+const sortedAnswers = answers => Object.keys(answers || {}).sort().reduce((result, key) => {
+  if (key !== 'correctAnswer') {
+    result[key] = answers[key];
+  }
+  return result;
+}, {});
+class GraphLinesConfigure extends HTMLElement {
+  constructor() {
+    super();
+    (0, _defineProperty2.default)(this, "resetModelAfterConfigurationIsSet", () => {
+      // In environments that use pie-player-components, model is set before configuration.
+      // This is the reason why sometimes the model gets altered non-reversible
+      // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)
+      // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset
+      // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called
+      const pieAuthors = document.querySelectorAll('pie-author');
+      this.hasPlayerAsParent = Array.from(pieAuthors).some(author => author.contains(this));
+      if (this.hasPlayerAsParent) {
+        if (this._modelCopy) {
+          this._model = this._modelCopy;
+        } else {
+          delete this._modelCopy;
+        }
+      }
+    });
+    (0, _defineProperty2.default)(this, "onModelChanged", model => {
+      this._model = model;
+      this._render();
+      log('[onModelChanged]: ', this._model);
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+    });
+    (0, _defineProperty2.default)(this, "onConfigurationChanged", config => {
+      this._configuration = config;
+      this._render();
+    });
+    (0, _defineProperty2.default)(this, "insertImage", handler => {
+      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+    });
+    (0, _defineProperty2.default)(this, "onDeleteImage", (src, done) => {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+    });
+    this._root = null;
+    this._model = GraphLinesConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
+  }
+  set model(m) {
+    this._model = GraphLinesConfigure.createDefaultModel(m);
+    this._modelCopy = (0, _lodashEs.cloneDeep)(this._model);
+    this._render();
+  }
+  set configuration(c) {
+    this._configuration = {
+      ..._defaults.default.configuration,
+      ...c
+    };
+    this.resetModelAfterConfigurationIsSet();
+
+    // if language:enabled is true, then the corresponding default item model should include a language value;
+    // if it is false, then the language field should be omitted from the item model.
+    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,
+    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).
+    //TODO: add logic in controller and add tests
+    if (c.language?.enabled) {
+      if (c.languageChoices?.options?.length) {
+        this._model.language = c.languageChoices.options[0].value;
+      }
+    } else {
+      if (c.language.settings) {
+        if (this._model.language) {
+          this._configuration.language.enabled = true;
+        }
+      } else {
+        delete this._model.language;
+      }
+    }
+    this._render();
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  _render() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_configure.default, {
+        onModelChanged: this.onModelChanged,
+        onConfigurationChanged: this.onConfigurationChanged,
+        model: this._model,
+        configuration: this._configuration,
+        imageSupport: {
+          add: this.insertImage,
+          delete: this.onDeleteImage
+        },
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          delete: this.onDeleteSound.bind(this)
+        }
+      });
+      if (!this._root) {
+        this._root = (0, _client.createRoot)(this);
+      }
+      this._root.render(el);
+      queueMicrotask(() => {
+        (0, _mathRendering.renderMath)(this);
+      });
+    }
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = GraphLinesConfigure;
+(0, _defineProperty2.default)(GraphLinesConfigure, "createDefaultModel", (model = {}) => {
+  const normalizedModel = {
+    ..._defaults.default.model,
+    ...model
+  };
+  const {
+    answers = {},
+    domain = {},
+    defaultTool,
+    graph = {},
+    range = {},
+    standardGrid,
+    toolbarTools
+  } = normalizedModel;
+
+  // added support for models without defaultTool defined; also used in packages/graphing/controller/src/index.js
+  const toolbarToolsNoLabel = (toolbarTools || []).filter(tool => tool !== 'label');
+  const normalizedDefaultTool = defaultTool || toolbarToolsNoLabel.length && toolbarToolsNoLabel[0] || '';
+  return {
+    ...normalizedModel,
+    answers: answers && answers.correctAnswer && {
+      correctAnswer: answers.correctAnswer,
+      ...sortedAnswers(answers)
+    } || answers,
+    defaultTool: normalizedDefaultTool,
+    range: standardGrid && {
+      ...range,
+      min: domain.min,
+      max: domain.max,
+      step: domain.step,
+      labelStep: domain.labelStep
+    } || range,
+    graph: standardGrid && {
+      ...graph,
+      height: graph.width
+    } || graph
+  };
+});
+//# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_configure","_pieConfigureEvents","_debug","_defaults","_mathRendering","_lodashEs","log","debug","sortedAnswers","answers","Object","keys","sort","reduce","result","key","GraphLinesConfigure","HTMLElement","constructor","_defineProperty2","default","pieAuthors","document","querySelectorAll","hasPlayerAsParent","Array","from","some","author","contains","_modelCopy","_model","model","_render","dispatchEvent","ModelUpdatedEvent","config","_configuration","handler","InsertImageEvent","src","done","DeleteImageEvent","_root","createDefaultModel","defaultValues","configuration","m","cloneDeep","c","resetModelAfterConfigurationIsSet","language","enabled","languageChoices","options","length","value","settings","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Configure","onModelChanged","onConfigurationChanged","imageSupport","add","insertImage","delete","onDeleteImage","uploadSoundSupport","bind","createRoot","render","queueMicrotask","renderMath","disconnectedCallback","unmount","exports","normalizedModel","domain","defaultTool","graph","range","standardGrid","toolbarTools","toolbarToolsNoLabel","filter","tool","normalizedDefaultTool","correctAnswer","min","max","step","labelStep","height","width"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Configure from './configure';\nimport {\n  DeleteImageEvent,\n  DeleteSoundEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  ModelUpdatedEvent,\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport defaultValues from './defaults';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { cloneDeep } from 'lodash-es';\n\nconst log = debug('pie-elements:graphing:configure');\n\n// this function is implemented in controller as well\nconst sortedAnswers = (answers) =>\n  Object.keys(answers || {})\n    .sort()\n    .reduce((result, key) => {\n      if (key !== 'correctAnswer') {\n        result[key] = answers[key];\n      }\n\n      return result;\n    }, {});\n\nexport default class GraphLinesConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const normalizedModel = { ...defaultValues.model, ...model };\n    const {\n      answers = {},\n      domain = {},\n      defaultTool,\n      graph = {},\n      range = {},\n      standardGrid,\n      toolbarTools,\n    } = normalizedModel;\n\n    // added support for models without defaultTool defined; also used in packages/graphing/controller/src/index.js\n    const toolbarToolsNoLabel = (toolbarTools || []).filter((tool) => tool !== 'label');\n    const normalizedDefaultTool = defaultTool || (toolbarToolsNoLabel.length && toolbarToolsNoLabel[0]) || '';\n\n    return {\n      ...normalizedModel,\n      answers:\n        (answers &&\n          answers.correctAnswer && {\n            correctAnswer: answers.correctAnswer,\n            ...sortedAnswers(answers),\n          }) ||\n        answers,\n      defaultTool: normalizedDefaultTool,\n      range:\n        (standardGrid && {\n          ...range,\n          min: domain.min,\n          max: domain.max,\n          step: domain.step,\n          labelStep: domain.labelStep,\n        }) ||\n        range,\n      graph: (standardGrid && { ...graph, height: graph.width }) || graph,\n    };\n  };\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = GraphLinesConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = GraphLinesConfigure.createDefaultModel(m);\n    this._modelCopy = cloneDeep(this._model);\n\n    this._render();\n  }\n\n  resetModelAfterConfigurationIsSet = () => {\n    // In environments that use pie-player-components, model is set before configuration.\n    // This is the reason why sometimes the model gets altered non-reversible\n    // (altered using default configuration instead of client configuration, because at that point client configuration was not set yet)\n    // Therefore, in such environments, we will make sure to keep a modelCopy (initialised in set model) and use it to reset\n    // the model in set configuration (resetModelAfterConfigurationIsSet) if set configuration is ever called\n    const pieAuthors = document.querySelectorAll('pie-author');\n    this.hasPlayerAsParent = Array.from(pieAuthors).some((author) => author.contains(this));\n\n    if (this.hasPlayerAsParent) {\n      if (this._modelCopy) {\n        this._model = this._modelCopy;\n      } else {\n        delete this._modelCopy;\n      }\n    }\n  };\n\n  set configuration(c) {\n    this._configuration = {\n      ...defaultValues.configuration,\n      ...c,\n    };\n\n    this.resetModelAfterConfigurationIsSet();\n\n    // if language:enabled is true, then the corresponding default item model should include a language value;\n    // if it is false, then the language field should be omitted from the item model.\n    // if a default item model includes a language value (e.g., en_US) and the corresponding authoring view settings have language:settings = true,\n    // then (a) language:enabled should also be true, and (b) that default language value should be represented in languageChoices[] (as a key).\n    //TODO: add logic in controller and add tests\n    if (c.language?.enabled) {\n      if (c.languageChoices?.options?.length) {\n        this._model.language = c.languageChoices.options[0].value;\n      }\n    } else {\n      if (c.language.settings) {\n        if (this._model.language) {\n          this._configuration.language.enabled = true;\n        }\n      } else {\n        delete this._model.language;\n      }\n    }\n\n    this._render();\n  }\n\n  onModelChanged = (model) => {\n    this._model = model;\n    this._render();\n\n    log('[onModelChanged]: ', this._model);\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  };\n\n  onConfigurationChanged = (config) => {\n    this._configuration = config;\n    this._render();\n  };\n\n  insertImage = (handler) => {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  };\n\n  onDeleteImage = (src, done) => {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  };\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged,\n        onConfigurationChanged: this.onConfigurationChanged,\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage,\n          delete: this.onDeleteImage,\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n      queueMicrotask(() => {\n        renderMath(this);\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAEA,MAAMQ,GAAG,GAAG,IAAAC,cAAK,EAAC,iCAAiC,CAAC;;AAEpD;AACA,MAAMC,aAAa,GAAIC,OAAO,IAC5BC,MAAM,CAACC,IAAI,CAACF,OAAO,IAAI,CAAC,CAAC,CAAC,CACvBG,IAAI,CAAC,CAAC,CACNC,MAAM,CAAC,CAACC,MAAM,EAAEC,GAAG,KAAK;EACvB,IAAIA,GAAG,KAAK,eAAe,EAAE;IAC3BD,MAAM,CAACC,GAAG,CAAC,GAAGN,OAAO,CAACM,GAAG,CAAC;EAC5B;EAEA,OAAOD,MAAM;AACf,CAAC,EAAE,CAAC,CAAC,CAAC;AAEK,MAAME,mBAAmB,SAASC,WAAW,CAAC;EAwC3DC,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IAAC,IAAAC,gBAAA,CAAAC,OAAA,6CAa0B,MAAM;MACxC;MACA;MACA;MACA;MACA;MACA,MAAMC,UAAU,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,YAAY,CAAC;MAC1D,IAAI,CAACC,iBAAiB,GAAGC,KAAK,CAACC,IAAI,CAACL,UAAU,CAAC,CAACM,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACC,QAAQ,CAAC,IAAI,CAAC,CAAC;MAEvF,IAAI,IAAI,CAACL,iBAAiB,EAAE;QAC1B,IAAI,IAAI,CAACM,UAAU,EAAE;UACnB,IAAI,CAACC,MAAM,GAAG,IAAI,CAACD,UAAU;QAC/B,CAAC,MAAM;UACL,OAAO,IAAI,CAACA,UAAU;QACxB;MACF;IACF,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,0BAgCiBY,KAAK,IAAK;MAC1B,IAAI,CAACD,MAAM,GAAGC,KAAK;MACnB,IAAI,CAACC,OAAO,CAAC,CAAC;MAEd3B,GAAG,CAAC,oBAAoB,EAAE,IAAI,CAACyB,MAAM,CAAC;MAEtC,IAAI,CAACG,aAAa,CAAC,IAAIC,qCAAiB,CAAC,IAAI,CAACJ,MAAM,CAAC,CAAC;IACxD,CAAC;IAAA,IAAAZ,gBAAA,CAAAC,OAAA,kCAEyBgB,MAAM,IAAK;MACnC,IAAI,CAACC,cAAc,GAAGD,MAAM;MAC5B,IAAI,CAACH,OAAO,CAAC,CAAC;IAChB,CAAC;IAAA,IAAAd,gBAAA,CAAAC,OAAA,uBAEckB,OAAO,IAAK;MACzB,IAAI,CAACJ,aAAa,CAAC,IAAIK,oCAAgB,CAACD,OAAO,CAAC,CAAC;IACnD,CAAC;IAAA,IAAAnB,gBAAA,CAAAC,OAAA,yBAEe,CAACoB,GAAG,EAAEC,IAAI,KAAK;MAC7B,IAAI,CAACP,aAAa,CAAC,IAAIQ,oCAAgB,CAACF,GAAG,EAAEC,IAAI,CAAC,CAAC;IACrD,CAAC;IAhFC,IAAI,CAACE,KAAK,GAAG,IAAI;IACjB,IAAI,CAACZ,MAAM,GAAGf,mBAAmB,CAAC4B,kBAAkB,CAAC,CAAC;IACtD,IAAI,CAACP,cAAc,GAAGQ,iBAAa,CAACC,aAAa;EACnD;EAEA,IAAId,KAAKA,CAACe,CAAC,EAAE;IACX,IAAI,CAAChB,MAAM,GAAGf,mBAAmB,CAAC4B,kBAAkB,CAACG,CAAC,CAAC;IACvD,IAAI,CAACjB,UAAU,GAAG,IAAAkB,mBAAS,EAAC,IAAI,CAACjB,MAAM,CAAC;IAExC,IAAI,CAACE,OAAO,CAAC,CAAC;EAChB;EAoBA,IAAIa,aAAaA,CAACG,CAAC,EAAE;IACnB,IAAI,CAACZ,cAAc,GAAG;MACpB,GAAGQ,iBAAa,CAACC,aAAa;MAC9B,GAAGG;IACL,CAAC;IAED,IAAI,CAACC,iCAAiC,CAAC,CAAC;;IAExC;IACA;IACA;IACA;IACA;IACA,IAAID,CAAC,CAACE,QAAQ,EAAEC,OAAO,EAAE;MACvB,IAAIH,CAAC,CAACI,eAAe,EAAEC,OAAO,EAAEC,MAAM,EAAE;QACtC,IAAI,CAACxB,MAAM,CAACoB,QAAQ,GAAGF,CAAC,CAACI,eAAe,CAACC,OAAO,CAAC,CAAC,CAAC,CAACE,KAAK;MAC3D;IACF,CAAC,MAAM;MACL,IAAIP,CAAC,CAACE,QAAQ,CAACM,QAAQ,EAAE;QACvB,IAAI,IAAI,CAAC1B,MAAM,CAACoB,QAAQ,EAAE;UACxB,IAAI,CAACd,cAAc,CAACc,QAAQ,CAACC,OAAO,GAAG,IAAI;QAC7C;MACF,CAAC,MAAM;QACL,OAAO,IAAI,CAACrB,MAAM,CAACoB,QAAQ;MAC7B;IACF;IAEA,IAAI,CAAClB,OAAO,CAAC,CAAC;EAChB;EAwBAyB,WAAWA,CAACpB,OAAO,EAAE;IACnB,IAAI,CAACJ,aAAa,CAAC,IAAIyB,oCAAgB,CAACrB,OAAO,CAAC,CAAC;EACnD;EAEAsB,aAAaA,CAACpB,GAAG,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACP,aAAa,CAAC,IAAI2B,oCAAgB,CAACrB,GAAG,EAAEC,IAAI,CAAC,CAAC;EACrD;EAEAR,OAAOA,CAAA,EAAG;IACR,IAAI,IAAI,CAACF,MAAM,EAAE;MACf,MAAM+B,EAAE,gBAAGC,cAAK,CAACC,aAAa,CAACC,kBAAS,EAAE;QACxCC,cAAc,EAAE,IAAI,CAACA,cAAc;QACnCC,sBAAsB,EAAE,IAAI,CAACA,sBAAsB;QACnDnC,KAAK,EAAE,IAAI,CAACD,MAAM;QAClBe,aAAa,EAAE,IAAI,CAACT,cAAc;QAClC+B,YAAY,EAAE;UACZC,GAAG,EAAE,IAAI,CAACC,WAAW;UACrBC,MAAM,EAAE,IAAI,CAACC;QACf,CAAC;QACDC,kBAAkB,EAAE;UAClBJ,GAAG,EAAE,IAAI,CAACX,WAAW,CAACgB,IAAI,CAAC,IAAI,CAAC;UAChCH,MAAM,EAAE,IAAI,CAACX,aAAa,CAACc,IAAI,CAAC,IAAI;QACtC;MACF,CAAC,CAAC;MAEF,IAAI,CAAC,IAAI,CAAC/B,KAAK,EAAE;QACf,IAAI,CAACA,KAAK,GAAG,IAAAgC,kBAAU,EAAC,IAAI,CAAC;MAC/B;MACA,IAAI,CAAChC,KAAK,CAACiC,MAAM,CAACd,EAAE,CAAC;MACrBe,cAAc,CAAC,MAAM;QACnB,IAAAC,yBAAU,EAAC,IAAI,CAAC;MAClB,CAAC,CAAC;IACJ;EACF;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACpC,KAAK,EAAE;MACd,IAAI,CAACA,KAAK,CAACqC,OAAO,CAAC,CAAC;IACtB;EACF;AACF;AAACC,OAAA,CAAA7D,OAAA,GAAAJ,mBAAA;AAAA,IAAAG,gBAAA,CAAAC,OAAA,EApKoBJ,mBAAmB,wBACV,CAACgB,KAAK,GAAG,CAAC,CAAC,KAAK;EAC1C,MAAMkD,eAAe,GAAG;IAAE,GAAGrC,iBAAa,CAACb,KAAK;IAAE,GAAGA;EAAM,CAAC;EAC5D,MAAM;IACJvB,OAAO,GAAG,CAAC,CAAC;IACZ0E,MAAM,GAAG,CAAC,CAAC;IACXC,WAAW;IACXC,KAAK,GAAG,CAAC,CAAC;IACVC,KAAK,GAAG,CAAC,CAAC;IACVC,YAAY;IACZC;EACF,CAAC,GAAGN,eAAe;;EAEnB;EACA,MAAMO,mBAAmB,GAAG,CAACD,YAAY,IAAI,EAAE,EAAEE,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAK,OAAO,CAAC;EACnF,MAAMC,qBAAqB,GAAGR,WAAW,IAAKK,mBAAmB,CAAClC,MAAM,IAAIkC,mBAAmB,CAAC,CAAC,CAAE,IAAI,EAAE;EAEzG,OAAO;IACL,GAAGP,eAAe;IAClBzE,OAAO,EACJA,OAAO,IACNA,OAAO,CAACoF,aAAa,IAAI;MACvBA,aAAa,EAAEpF,OAAO,CAACoF,aAAa;MACpC,GAAGrF,aAAa,CAACC,OAAO;IAC1B,CAAC,IACHA,OAAO;IACT2E,WAAW,EAAEQ,qBAAqB;IAClCN,KAAK,EACFC,YAAY,IAAI;MACf,GAAGD,KAAK;MACRQ,GAAG,EAAEX,MAAM,CAACW,GAAG;MACfC,GAAG,EAAEZ,MAAM,CAACY,GAAG;MACfC,IAAI,EAAEb,MAAM,CAACa,IAAI;MACjBC,SAAS,EAAEd,MAAM,CAACc;IACpB,CAAC,IACDX,KAAK;IACPD,KAAK,EAAGE,YAAY,IAAI;MAAE,GAAGF,KAAK;MAAEa,MAAM,EAAEb,KAAK,CAACc;IAAM,CAAC,IAAKd;EAChE,CAAC;AACH,CAAC","ignoreList":[]}