@pie-element/number-line 11.3.4-next.3 → 12.0.0-beta.0

package/configure/lib/ticks.js

@@ -1,61 +1,81 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Ticks = exports.TickIntervals = void 0;
-
+exports.default = exports.Ticks = exports.TickIntervals = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _configUi = require("@pie-lib/config-ui");
-
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 var math = _interopRequireWildcard(require("mathjs"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 DisplayFlex = (0, _styles.styled)('div')({
+  display: 'flex'
+});
+const FlexCol1 = (0, _styles.styled)('div')({
+  display: 'flex',
+  flexFlow: 'column',
+  gap: '10px',
+  width: '65%'
+});
+const FlexCol2 = (0, _styles.styled)('div')({
+  display: 'flex',
+  flexFlow: 'column',
+  gap: '10px'
+});
+const RadioInputs = (0, _styles.styled)('tr')({
+  display: 'flex',
+  alignItems: 'center',
+  paddingTop: '5px',
+  paddingBottom: '5px'
+});
+const TableFixed = (0, _styles.styled)('table')({
+  tableLayout: 'fixed',
+  width: '100%'
+});
+const LabelWidth = (0, _styles.styled)('td')({
+  width: '35%'
+});
+const CustomColorRadio = (0, _styles.styled)(_Radio.default)({
+  color: `${_renderUi.color.tertiary()} !important`
+});
+const StyledNumberTextFieldCustom = (0, _styles.styled)(_configUi.NumberTextFieldCustom)({
+  '& input': {
+    maxWidth: '145px',
+    cursor: 'default'
+  }
+});
 
 // This const will store available tick interval types.
-var TickIntervals = ['Integer', 'Fraction', 'Decimal'];
-exports.TickIntervals = TickIntervals;
+const TickIntervals = exports.TickIntervals = ['Integer', 'Fraction', 'Decimal'];
+const Ticks = props => {
+  const {
+    ticks,
+    onChange,
+    minorLimits,
+    minorValues,
+    majorValues
+  } = props;
+
+  //Format decimal value of label interval to fraction
+  const fractionMajor = math.fraction(math.number(ticks.major));
+  const fractionMajorString = fractionMajor.d === 1 ? fractionMajor.n.toString() : fractionMajor.n + '/' + fractionMajor.d;
 
-var Ticks = function Ticks(props) {
-  var classes = props.classes,
-      ticks = props.ticks,
-      onChange = props.onChange,
-      minorLimits = props.minorLimits,
-      minorValues = props.minorValues,
-      majorValues = props.majorValues; //Format decimal value of label interval to fraction
-
-  var fractionMajor = math.fraction(math.number(ticks.major));
-  var fractionMajorString = fractionMajor.d === 1 ? fractionMajor.n.toString() : fractionMajor.n + '/' + fractionMajor.d;
   /*
    * Function to handle tick interval type radio group change
    * @param e change event object
    * @param tickIntervalType string value for changed tick interval type
    * */
-
-  var changeTickIntervalType = function changeTickIntervalType(e, tickIntervalType) {
+  const changeTickIntervalType = (e, tickIntervalType) => {
     if (!TickIntervals.includes(tickIntervalType)) {
       return;
     }
-
     if (tickIntervalType === 'Integer') {
       ticks.minor = ticks.integerTick;
     } else if (tickIntervalType === 'Decimal') {
@@ -63,234 +83,152 @@ var Ticks = function Ticks(props) {
     } else if (tickIntervalType === 'Fraction') {
       ticks.minor = math.number(math.fraction(ticks.fractionTick));
     }
-
     ticks.tickIntervalType = tickIntervalType;
     onChange({
-      ticks: ticks
+      ticks
     });
   };
+
   /*
    * Function to handle change in integer tick interval
    * @param e change event object
    * @param integerTick number value for changed tick
    * */
-
-
-  var changeIntegerTick = function changeIntegerTick(e, integerTick) {
+  const changeIntegerTick = (e, integerTick) => {
     if (ticks.tickIntervalType === 'Integer') {
       ticks.integerTick = integerTick;
       ticks.minor = integerTick;
       onChange({
-        ticks: ticks
+        ticks
       });
     }
   };
+
   /*
    * Function to handle change in fraction tick interval
    * @param e change event object
    * @param fractionTick string value for changed tick
    * */
-
-
-  var changeFractionTick = function changeFractionTick(e, fractionTick) {
+  const changeFractionTick = (e, fractionTick) => {
     if (ticks.tickIntervalType === 'Fraction') {
       ticks.fractionTick = fractionTick;
       ticks.minor = math.number(math.fraction(fractionTick));
       onChange({
-        ticks: ticks
+        ticks
       });
     }
   };
+
   /*
    * Function to handle change in decimal tick interval
    * @param e change event object
    * @param decimalTick number value for changed tick
    * */
-
-
-  var changeDecimalTick = function changeDecimalTick(e, decimalTick) {
+  const changeDecimalTick = (e, decimalTick) => {
     if (ticks.tickIntervalType === 'Decimal') {
       ticks.decimalTick = decimalTick;
       ticks.minor = decimalTick;
       onChange({
-        ticks: ticks
+        ticks
       });
     }
   };
+
   /*
    * Function to handle change in fraction label interval value
    * @param e change event object
    * @param fractionLabel string value for changed label interval
    * */
-
-
-  var changeFractionLabel = function changeFractionLabel(e, fractionLabel) {
+  const changeFractionLabel = (e, fractionLabel) => {
     if (ticks.tickIntervalType === 'Fraction') {
       ticks.major = math.number(math.fraction(fractionLabel));
       onChange({
-        ticks: ticks
+        ticks
       });
     }
   };
+
   /*
    * Function to handle change in decimal label interval value
    * @param e change event object
    * @param decimalLabel number value for changed label interval
    * */
-
-
-  var changeDecimalLabel = function changeDecimalLabel(e, decimalLabel) {
+  const changeDecimalLabel = (e, decimalLabel) => {
     if (ticks.tickIntervalType === 'Decimal' || ticks.tickIntervalType === 'Integer') {
       ticks.major = decimalLabel;
       onChange({
-        ticks: ticks
+        ticks
       });
     }
   };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.displayFlex
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.flexCol1
-  }, /*#__PURE__*/_react["default"].createElement("label", null, "Tick Interval"), /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+  return /*#__PURE__*/_react.default.createElement(DisplayFlex, null, /*#__PURE__*/_react.default.createElement(FlexCol1, null, /*#__PURE__*/_react.default.createElement("label", null, "Tick Interval"), /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
     "aria-label": "tick-interval-type",
     name: "tickIntervalType",
     value: ticks.tickIntervalType,
     onChange: changeTickIntervalType
-  }, /*#__PURE__*/_react["default"].createElement("table", {
-    className: classes.tableFixed
-  }, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", {
-    className: classes.radioInputs
-  }, /*#__PURE__*/_react["default"].createElement("td", {
-    className: classes.labelWidth
-  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }, /*#__PURE__*/_react.default.createElement(TableFixed, null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(RadioInputs, null, /*#__PURE__*/_react.default.createElement(LabelWidth, null, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     value: "Integer",
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor,
+    control: /*#__PURE__*/_react.default.createElement(CustomColorRadio, {
       checked: ticks.tickIntervalType === 'Integer'
     }),
     label: "Integer",
     disabled: minorLimits.max < 1
-  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(StyledNumberTextFieldCustom, {
     value: ticks.integerTick,
     min: math.number(math.ceil(minorLimits.min)),
     max: math.number(math.floor(minorLimits.max)),
     step: 1,
     onlyIntegersAllowed: true,
-    className: classes.nl,
-    inputClassName: classes.numberTextField,
     onChange: changeIntegerTick,
     variant: 'outlined',
     type: 'number',
     disabled: ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1,
     key: ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1 ? 'integerDisabled' : 'integerEnabled'
-  }))), /*#__PURE__*/_react["default"].createElement("tr", {
-    className: classes.radioInputs
-  }, /*#__PURE__*/_react["default"].createElement("td", {
-    className: classes.labelWidth
-  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }))), /*#__PURE__*/_react.default.createElement(RadioInputs, null, /*#__PURE__*/_react.default.createElement(LabelWidth, null, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     value: "Fraction",
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor,
+    control: /*#__PURE__*/_react.default.createElement(CustomColorRadio, {
       checked: ticks.tickIntervalType === 'Fraction'
     }),
     label: "Unit Fraction",
     disabled: minorValues.fraction.length === 0
-  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(StyledNumberTextFieldCustom, {
     value: ticks.fractionTick,
     customValues: minorValues.fraction,
-    className: classes.nl,
-    inputClassName: classes.numberTextField,
     onChange: changeFractionTick,
     variant: 'outlined',
     type: 'text',
     disabled: ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0,
     key: ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0 ? 'fractionDisabled' : 'fractionEnabled'
-  }))), /*#__PURE__*/_react["default"].createElement("tr", {
-    className: classes.radioInputs
-  }, /*#__PURE__*/_react["default"].createElement("td", {
-    className: classes.labelWidth
-  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+  }))), /*#__PURE__*/_react.default.createElement(RadioInputs, null, /*#__PURE__*/_react.default.createElement(LabelWidth, null, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     value: "Decimal",
-    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
-      className: classes.customColor,
+    control: /*#__PURE__*/_react.default.createElement(CustomColorRadio, {
       checked: ticks.tickIntervalType === 'Decimal'
     }),
     label: "Decimal",
     disabled: minorValues.decimal.length === 0
-  })), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(StyledNumberTextFieldCustom, {
     value: ticks.decimalTick,
     customValues: minorValues.decimal,
-    className: classes.nl,
-    inputClassName: classes.numberTextField,
     onChange: changeDecimalTick,
     variant: 'outlined',
     type: 'number',
     disabled: ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0,
     key: ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0 ? 'decimalDisabled' : 'decimalEnabled'
-  }))))))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.flexCol2
-  }, /*#__PURE__*/_react["default"].createElement("label", null, "Label Interval"), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
+  }))))))), /*#__PURE__*/_react.default.createElement(FlexCol2, null, /*#__PURE__*/_react.default.createElement("label", null, "Label Interval"), /*#__PURE__*/_react.default.createElement(StyledNumberTextFieldCustom, {
     value: ticks.tickIntervalType === 'Fraction' ? fractionMajorString : ticks.major,
-    className: classes.nl,
-    inputClassName: classes.numberTextField,
     variant: 'outlined',
     customValues: ticks.tickIntervalType === 'Fraction' ? majorValues.fraction : majorValues.decimal,
     type: ticks.tickIntervalType === 'Fraction' ? 'text' : 'number',
     onChange: ticks.tickIntervalType === 'Fraction' ? changeFractionLabel : changeDecimalLabel
   })));
 };
-
 exports.Ticks = Ticks;
 Ticks.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  onChange: _propTypes["default"].func,
-  ticks: _propTypes["default"].object,
-  minorLimits: _propTypes["default"].object,
-  minorValues: _propTypes["default"].object,
-  majorValues: _propTypes["default"].object
+  onChange: _propTypes.default.func,
+  ticks: _propTypes.default.object,
+  minorLimits: _propTypes.default.object,
+  minorValues: _propTypes.default.object,
+  majorValues: _propTypes.default.object
 };
-
-var styles = function styles() {
-  return {
-    displayFlex: {
-      display: 'flex'
-    },
-    flexCol1: {
-      display: 'flex',
-      'flex-flow': 'column',
-      gap: '10px',
-      width: '65%'
-    },
-    flexCol2: {
-      display: 'flex',
-      'flex-flow': 'column',
-      gap: '10px'
-    },
-    radioInputs: {
-      display: 'flex',
-      alignItems: 'center',
-      paddingTop: '5px',
-      paddingBottom: '5px'
-    },
-    numberTextField: {
-      maxWidth: '145px',
-      cursor: 'default'
-    },
-    tableFixed: {
-      'table-layout': 'fixed',
-      width: '100%'
-    },
-    labelWidth: {
-      width: '35%'
-    },
-    customColor: {
-      color: "".concat(_renderUi.color.tertiary(), " !important")
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Ticks);
-
-exports["default"] = _default;
+var _default = exports.default = Ticks;
 //# sourceMappingURL=ticks.js.map

package/configure/lib/ticks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ticks.jsx"],"names":["TickIntervals","Ticks","props","classes","ticks","onChange","minorLimits","minorValues","majorValues","fractionMajor","math","fraction","number","major","fractionMajorString","d","n","toString","changeTickIntervalType","e","tickIntervalType","includes","minor","integerTick","decimalTick","fractionTick","changeIntegerTick","changeFractionTick","changeDecimalTick","changeFractionLabel","fractionLabel","changeDecimalLabel","decimalLabel","displayFlex","flexCol1","tableFixed","radioInputs","labelWidth","customColor","max","ceil","min","floor","nl","numberTextField","length","decimal","flexCol2","propTypes","PropTypes","object","isRequired","func","styles","display","gap","width","alignItems","paddingTop","paddingBottom","maxWidth","cursor","color","tertiary"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport Radio from '@material-ui/core/Radio';\nimport * as math from 'mathjs';\nimport { color } from '@pie-lib/render-ui';\n\n// This const will store available tick interval types.\nexport const TickIntervals = ['Integer', 'Fraction', 'Decimal'];\n\nexport const Ticks = (props) => {\n  const { classes, ticks, onChange, minorLimits, minorValues, majorValues } = props;\n\n  //Format decimal value of label interval to fraction\n  const fractionMajor = math.fraction(math.number(ticks.major));\n  const fractionMajorString =\n    fractionMajor.d === 1 ? fractionMajor.n.toString() : fractionMajor.n + '/' + fractionMajor.d;\n\n  /*\n   * Function to handle tick interval type radio group change\n   * @param e change event object\n   * @param tickIntervalType string value for changed tick interval type\n   * */\n  const changeTickIntervalType = (e, tickIntervalType) => {\n    if (!TickIntervals.includes(tickIntervalType)) {\n      return;\n    }\n    if (tickIntervalType === 'Integer') {\n      ticks.minor = ticks.integerTick;\n    } else if (tickIntervalType === 'Decimal') {\n      ticks.minor = ticks.decimalTick;\n    } else if (tickIntervalType === 'Fraction') {\n      ticks.minor = math.number(math.fraction(ticks.fractionTick));\n    }\n    ticks.tickIntervalType = tickIntervalType;\n    onChange({ ticks });\n  };\n\n  /*\n   * Function to handle change in integer tick interval\n   * @param e change event object\n   * @param integerTick number value for changed tick\n   * */\n  const changeIntegerTick = (e, integerTick) => {\n    if (ticks.tickIntervalType === 'Integer') {\n      ticks.integerTick = integerTick;\n      ticks.minor = integerTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction tick interval\n   * @param e change event object\n   * @param fractionTick string value for changed tick\n   * */\n  const changeFractionTick = (e, fractionTick) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.fractionTick = fractionTick;\n      ticks.minor = math.number(math.fraction(fractionTick));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal tick interval\n   * @param e change event object\n   * @param decimalTick number value for changed tick\n   * */\n  const changeDecimalTick = (e, decimalTick) => {\n    if (ticks.tickIntervalType === 'Decimal') {\n      ticks.decimalTick = decimalTick;\n      ticks.minor = decimalTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction label interval value\n   * @param e change event object\n   * @param fractionLabel string value for changed label interval\n   * */\n  const changeFractionLabel = (e, fractionLabel) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.major = math.number(math.fraction(fractionLabel));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal label interval value\n   * @param e change event object\n   * @param decimalLabel number value for changed label interval\n   * */\n  const changeDecimalLabel = (e, decimalLabel) => {\n    if (ticks.tickIntervalType === 'Decimal' || ticks.tickIntervalType === 'Integer') {\n      ticks.major = decimalLabel;\n      onChange({ ticks });\n    }\n  };\n\n  return (\n    <div className={classes.displayFlex}>\n      <div className={classes.flexCol1}>\n        <label>Tick Interval</label>\n        <RadioGroup\n          aria-label=\"tick-interval-type\"\n          name=\"tickIntervalType\"\n          value={ticks.tickIntervalType}\n          onChange={changeTickIntervalType}\n        >\n          <table className={classes.tableFixed}>\n            <tbody>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Integer\"\n                    control={<Radio className={classes.customColor} checked={ticks.tickIntervalType === 'Integer'} />}\n                    label=\"Integer\"\n                    disabled={minorLimits.max < 1}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.integerTick}\n                    min={math.number(math.ceil(minorLimits.min))}\n                    max={math.number(math.floor(minorLimits.max))}\n                    step={1}\n                    onlyIntegersAllowed={true}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeIntegerTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1}\n                    key={\n                      ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1 ? 'integerDisabled' : 'integerEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Fraction\"\n                    control={<Radio className={classes.customColor} checked={ticks.tickIntervalType === 'Fraction'} />}\n                    label=\"Unit Fraction\"\n                    disabled={minorValues.fraction.length === 0}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.fractionTick}\n                    customValues={minorValues.fraction}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeFractionTick}\n                    variant={'outlined'}\n                    type={'text'}\n                    disabled={ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0\n                        ? 'fractionDisabled'\n                        : 'fractionEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n              <tr className={classes.radioInputs}>\n                <td className={classes.labelWidth}>\n                  <FormControlLabel\n                    value=\"Decimal\"\n                    control={<Radio className={classes.customColor} checked={ticks.tickIntervalType === 'Decimal'} />}\n                    label=\"Decimal\"\n                    disabled={minorValues.decimal.length === 0}\n                  />\n                </td>\n                <td>\n                  <NumberTextFieldCustom\n                    value={ticks.decimalTick}\n                    customValues={minorValues.decimal}\n                    className={classes.nl}\n                    inputClassName={classes.numberTextField}\n                    onChange={changeDecimalTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0\n                        ? 'decimalDisabled'\n                        : 'decimalEnabled'\n                    }\n                  />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </RadioGroup>\n      </div>\n      <div className={classes.flexCol2}>\n        <label>Label Interval</label>\n        <NumberTextFieldCustom\n          value={ticks.tickIntervalType === 'Fraction' ? fractionMajorString : ticks.major}\n          className={classes.nl}\n          inputClassName={classes.numberTextField}\n          variant={'outlined'}\n          customValues={ticks.tickIntervalType === 'Fraction' ? majorValues.fraction : majorValues.decimal}\n          type={ticks.tickIntervalType === 'Fraction' ? 'text' : 'number'}\n          onChange={ticks.tickIntervalType === 'Fraction' ? changeFractionLabel : changeDecimalLabel}\n        />\n      </div>\n    </div>\n  );\n};\nTicks.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onChange: PropTypes.func,\n  ticks: PropTypes.object,\n  minorLimits: PropTypes.object,\n  minorValues: PropTypes.object,\n  majorValues: PropTypes.object,\n};\n\nconst styles = () => ({\n  displayFlex: {\n    display: 'flex',\n  },\n  flexCol1: {\n    display: 'flex',\n    'flex-flow': 'column',\n    gap: '10px',\n    width: '65%',\n  },\n  flexCol2: {\n    display: 'flex',\n    'flex-flow': 'column',\n    gap: '10px',\n  },\n  radioInputs: {\n    display: 'flex',\n    alignItems: 'center',\n    paddingTop: '5px',\n    paddingBottom: '5px',\n  },\n  numberTextField: {\n    maxWidth: '145px',\n    cursor: 'default',\n  },\n  tableFixed: {\n    'table-layout': 'fixed',\n    width: '100%',\n  },\n  labelWidth: {\n    width: '35%',\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n});\nexport default withStyles(styles)(Ticks);\n"],"file":"ticks.js"}
+{"version":3,"file":"ticks.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_configUi","_FormControlLabel","_RadioGroup","_Radio","math","_interopRequireWildcard","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DisplayFlex","styled","display","FlexCol1","flexFlow","gap","width","FlexCol2","RadioInputs","alignItems","paddingTop","paddingBottom","TableFixed","tableLayout","LabelWidth","CustomColorRadio","Radio","color","tertiary","StyledNumberTextFieldCustom","NumberTextFieldCustom","maxWidth","cursor","TickIntervals","exports","Ticks","props","ticks","onChange","minorLimits","minorValues","majorValues","fractionMajor","fraction","number","major","fractionMajorString","d","toString","changeTickIntervalType","tickIntervalType","includes","minor","integerTick","decimalTick","fractionTick","changeIntegerTick","changeFractionTick","changeDecimalTick","changeFractionLabel","fractionLabel","changeDecimalLabel","decimalLabel","createElement","name","value","control","checked","label","disabled","max","min","ceil","floor","step","onlyIntegersAllowed","variant","type","key","length","customValues","decimal","propTypes","PropTypes","func","object","_default"],"sources":["../src/ticks.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport Radio from '@mui/material/Radio';\nimport * as math from 'mathjs';\nimport { color } from '@pie-lib/render-ui';\n\nconst DisplayFlex = styled('div')({\n  display: 'flex',\n});\n\nconst FlexCol1 = styled('div')({\n  display: 'flex',\n  flexFlow: 'column',\n  gap: '10px',\n  width: '65%',\n});\n\nconst FlexCol2 = styled('div')({\n  display: 'flex',\n  flexFlow: 'column',\n  gap: '10px',\n});\n\nconst RadioInputs = styled('tr')({\n  display: 'flex',\n  alignItems: 'center',\n  paddingTop: '5px',\n  paddingBottom: '5px',\n});\n\nconst TableFixed = styled('table')({\n  tableLayout: 'fixed',\n  width: '100%',\n});\n\nconst LabelWidth = styled('td')({\n  width: '35%',\n});\n\nconst CustomColorRadio = styled(Radio)({\n  color: `${color.tertiary()} !important`,\n});\n\nconst StyledNumberTextFieldCustom = styled(NumberTextFieldCustom)({\n  '& input': {\n    maxWidth: '145px',\n    cursor: 'default',\n  },\n});\n\n// This const will store available tick interval types.\nexport const TickIntervals = ['Integer', 'Fraction', 'Decimal'];\n\nexport const Ticks = (props) => {\n  const { ticks, onChange, minorLimits, minorValues, majorValues } = props;\n\n  //Format decimal value of label interval to fraction\n  const fractionMajor = math.fraction(math.number(ticks.major));\n  const fractionMajorString =\n    fractionMajor.d === 1 ? fractionMajor.n.toString() : fractionMajor.n + '/' + fractionMajor.d;\n\n  /*\n   * Function to handle tick interval type radio group change\n   * @param e change event object\n   * @param tickIntervalType string value for changed tick interval type\n   * */\n  const changeTickIntervalType = (e, tickIntervalType) => {\n    if (!TickIntervals.includes(tickIntervalType)) {\n      return;\n    }\n    if (tickIntervalType === 'Integer') {\n      ticks.minor = ticks.integerTick;\n    } else if (tickIntervalType === 'Decimal') {\n      ticks.minor = ticks.decimalTick;\n    } else if (tickIntervalType === 'Fraction') {\n      ticks.minor = math.number(math.fraction(ticks.fractionTick));\n    }\n    ticks.tickIntervalType = tickIntervalType;\n    onChange({ ticks });\n  };\n\n  /*\n   * Function to handle change in integer tick interval\n   * @param e change event object\n   * @param integerTick number value for changed tick\n   * */\n  const changeIntegerTick = (e, integerTick) => {\n    if (ticks.tickIntervalType === 'Integer') {\n      ticks.integerTick = integerTick;\n      ticks.minor = integerTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction tick interval\n   * @param e change event object\n   * @param fractionTick string value for changed tick\n   * */\n  const changeFractionTick = (e, fractionTick) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.fractionTick = fractionTick;\n      ticks.minor = math.number(math.fraction(fractionTick));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal tick interval\n   * @param e change event object\n   * @param decimalTick number value for changed tick\n   * */\n  const changeDecimalTick = (e, decimalTick) => {\n    if (ticks.tickIntervalType === 'Decimal') {\n      ticks.decimalTick = decimalTick;\n      ticks.minor = decimalTick;\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in fraction label interval value\n   * @param e change event object\n   * @param fractionLabel string value for changed label interval\n   * */\n  const changeFractionLabel = (e, fractionLabel) => {\n    if (ticks.tickIntervalType === 'Fraction') {\n      ticks.major = math.number(math.fraction(fractionLabel));\n      onChange({ ticks });\n    }\n  };\n\n  /*\n   * Function to handle change in decimal label interval value\n   * @param e change event object\n   * @param decimalLabel number value for changed label interval\n   * */\n  const changeDecimalLabel = (e, decimalLabel) => {\n    if (ticks.tickIntervalType === 'Decimal' || ticks.tickIntervalType === 'Integer') {\n      ticks.major = decimalLabel;\n      onChange({ ticks });\n    }\n  };\n\n  return (\n    <DisplayFlex>\n      <FlexCol1>\n        <label>Tick Interval</label>\n        <RadioGroup\n          aria-label=\"tick-interval-type\"\n          name=\"tickIntervalType\"\n          value={ticks.tickIntervalType}\n          onChange={changeTickIntervalType}\n        >\n          <TableFixed>\n            <tbody>\n              <RadioInputs>\n                <LabelWidth>\n                  <FormControlLabel\n                    value=\"Integer\"\n                    control={<CustomColorRadio checked={ticks.tickIntervalType === 'Integer'} />}\n                    label=\"Integer\"\n                    disabled={minorLimits.max < 1}\n                  />\n                </LabelWidth>\n                <td>\n                  <StyledNumberTextFieldCustom\n                    value={ticks.integerTick}\n                    min={math.number(math.ceil(minorLimits.min))}\n                    max={math.number(math.floor(minorLimits.max))}\n                    step={1}\n                    onlyIntegersAllowed={true}\n                    onChange={changeIntegerTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1}\n                    key={\n                      ticks.tickIntervalType !== 'Integer' || minorLimits.max < 1 ? 'integerDisabled' : 'integerEnabled'\n                    }\n                  />\n                </td>\n              </RadioInputs>\n              <RadioInputs>\n                <LabelWidth>\n                  <FormControlLabel\n                    value=\"Fraction\"\n                    control={<CustomColorRadio checked={ticks.tickIntervalType === 'Fraction'} />}\n                    label=\"Unit Fraction\"\n                    disabled={minorValues.fraction.length === 0}\n                  />\n                </LabelWidth>\n                <td>\n                  <StyledNumberTextFieldCustom\n                    value={ticks.fractionTick}\n                    customValues={minorValues.fraction}\n                    onChange={changeFractionTick}\n                    variant={'outlined'}\n                    type={'text'}\n                    disabled={ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Fraction' || minorValues.fraction.length === 0\n                        ? 'fractionDisabled'\n                        : 'fractionEnabled'\n                    }\n                  />\n                </td>\n              </RadioInputs>\n              <RadioInputs>\n                <LabelWidth>\n                  <FormControlLabel\n                    value=\"Decimal\"\n                    control={<CustomColorRadio checked={ticks.tickIntervalType === 'Decimal'} />}\n                    label=\"Decimal\"\n                    disabled={minorValues.decimal.length === 0}\n                  />\n                </LabelWidth>\n                <td>\n                  <StyledNumberTextFieldCustom\n                    value={ticks.decimalTick}\n                    customValues={minorValues.decimal}\n                    onChange={changeDecimalTick}\n                    variant={'outlined'}\n                    type={'number'}\n                    disabled={ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0}\n                    key={\n                      ticks.tickIntervalType !== 'Decimal' || minorValues.decimal.length === 0\n                        ? 'decimalDisabled'\n                        : 'decimalEnabled'\n                    }\n                  />\n                </td>\n              </RadioInputs>\n            </tbody>\n          </TableFixed>\n        </RadioGroup>\n      </FlexCol1>\n      <FlexCol2>\n        <label>Label Interval</label>\n        <StyledNumberTextFieldCustom\n          value={ticks.tickIntervalType === 'Fraction' ? fractionMajorString : ticks.major}\n          variant={'outlined'}\n          customValues={ticks.tickIntervalType === 'Fraction' ? majorValues.fraction : majorValues.decimal}\n          type={ticks.tickIntervalType === 'Fraction' ? 'text' : 'number'}\n          onChange={ticks.tickIntervalType === 'Fraction' ? changeFractionLabel : changeDecimalLabel}\n        />\n      </FlexCol2>\n    </DisplayFlex>\n  );\n};\nTicks.propTypes = {\n  onChange: PropTypes.func,\n  ticks: PropTypes.object,\n  minorLimits: PropTypes.object,\n  minorValues: PropTypes.object,\n  majorValues: PropTypes.object,\n};\n\nexport default Ticks;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/utils.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateValidationMessage = void 0;
-
-var generateValidationMessage = function generateValidationMessage() {
-  var baselineValidationMessage = '\nThe correct answer should include at least one number line object.';
+const generateValidationMessage = () => {
+  const baselineValidationMessage = '\nThe correct answer should include at least one number line object.';
   return 'Validation requirements:' + baselineValidationMessage;
 };
-
 exports.generateValidationMessage = generateValidationMessage;
 //# sourceMappingURL=utils.js.map

package/configure/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["generateValidationMessage","baselineValidationMessage"],"mappings":";;;;;;;AAAO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AAC7C,MAAMC,yBAAyB,GAC7B,sEADF;AAGA,SAAO,6BAA6BA,yBAApC;AACD,CALM","sourcesContent":["export const generateValidationMessage = () => {\n  const baselineValidationMessage =\n    '\\nThe correct answer should include at least one number line object.';\n\n  return 'Validation requirements:' + baselineValidationMessage;\n};\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["generateValidationMessage","baselineValidationMessage","exports"],"sources":["../src/utils.js"],"sourcesContent":["export const generateValidationMessage = () => {\n  const baselineValidationMessage =\n    '\\nThe correct answer should include at least one number line object.';\n\n  return 'Validation requirements:' + baselineValidationMessage;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAMC,yBAAyB,GAC7B,sEAAsE;EAExE,OAAO,0BAA0B,GAAGA,yBAAyB;AAC/D,CAAC;AAACC,OAAA,CAAAF,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/configure/package.json

@@ -1,17 +1,20 @@
 {
   "name": "@pie-element/number-line-configure",
   "private": true,
-  "version": "9.3.3",
+  "version": "10.0.0-beta.0",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@material-ui/core": "^3.9.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/style": "^0.8.0",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "11.30.2",
-    "@pie-lib/editable-html": "11.21.2",
-    "@pie-lib/render-ui": "4.35.2",
+    "@pie-lib/config-ui": "11.30.4-next.0",
+    "@pie-lib/editable-html": "11.21.4-next.0",
+    "@pie-lib/render-ui": "4.35.4-next.0",
     "lodash": "^4.17.15",
-    "react": "^16.8.1",
-    "react-dom": "^16.8.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }

package/controller/lib/defaults.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _default = {
+exports.default = void 0;
+var _default = exports.default = {
   correctResponse: [],
   feedback: {
     correct: {
-      "default": 'Correct',
+      default: 'Correct',
       type: 'none'
     },
     incorrect: {
-      "default": 'Incorrect',
+      default: 'Incorrect',
       type: 'none'
     },
     partial: {
-      "default": 'Nearly',
+      default: 'Nearly',
       type: 'none'
     }
   },
@@ -53,5 +53,4 @@ var _default = {
   toolbarEditorPosition: 'bottom',
   widthEnabled: true
 };
-exports["default"] = _default;
 //# sourceMappingURL=defaults.js.map

package/controller/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["correctResponse","feedback","correct","type","incorrect","partial","graph","arrows","left","right","availableTypes","PF","domain","min","max","exhibitOnly","initialElements","initialType","maxNumberOfPoints","ticks","minor","major","tickIntervalType","title","width","prompt","promptEnabled","rationale","rationaleEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","widthEnabled"],"mappings":";;;;;;eAAe;AACbA,EAAAA,eAAe,EAAE,EADJ;AAEbC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE;AAAE,iBAAS,SAAX;AAAsBC,MAAAA,IAAI,EAAE;AAA5B,KADD;AAERC,IAAAA,SAAS,EAAE;AAAE,iBAAS,WAAX;AAAwBD,MAAAA,IAAI,EAAE;AAA9B,KAFH;AAGRE,IAAAA,OAAO,EAAE;AAAE,iBAAS,QAAX;AAAqBF,MAAAA,IAAI,EAAE;AAA3B;AAHD,GAFG;AAObG,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE,IAAR;AAAcC,MAAAA,KAAK,EAAE;AAArB,KADH;AAELC,IAAAA,cAAc,EAAE;AACdC,MAAAA,EAAE,EAAE;AADU,KAFX;AAKLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,GAAG,EAAE,CAAC,CAAR;AAAWC,MAAAA,GAAG,EAAE;AAAhB,KALH;AAMLC,IAAAA,WAAW,EAAE,KANR;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,WAAW,EAAE,IARR;AASLC,IAAAA,iBAAiB,EAAE,CATd;AAULC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,KAAK,EAAE,KAAT;AAAgBC,MAAAA,KAAK,EAAE,GAAvB;AAA4BC,MAAAA,gBAAgB,EAAE;AAA9C,KAVF;AAWLC,IAAAA,KAAK,EAAE,EAXF;AAYLC,IAAAA,KAAK,EAAE;AAZF,GAPM;AAqBbC,EAAAA,MAAM,EAAE,EArBK;AAsBbC,EAAAA,aAAa,EAAE,IAtBF;AAuBbC,EAAAA,SAAS,EAAE,EAvBE;AAwBbC,EAAAA,gBAAgB,EAAE,IAxBL;AAyBbC,EAAAA,mBAAmB,EAAE,EAzBR;AA0BbC,EAAAA,0BAA0B,EAAE,IA1Bf;AA2BbC,EAAAA,qBAAqB,EAAE,QA3BV;AA4BbC,EAAAA,YAAY,EAAE;AA5BD,C","sourcesContent":["export default {\n  correctResponse: [],\n  feedback: {\n    correct: { default: 'Correct', type: 'none' },\n    incorrect: { default: 'Incorrect', type: 'none' },\n    partial: { default: 'Nearly', type: 'none' },\n  },\n  graph: {\n    arrows: { left: true, right: true },\n    availableTypes: {\n      PF: true,\n    },\n    domain: { min: -1, max: 1 },\n    exhibitOnly: false,\n    initialElements: [],\n    initialType: 'PF',\n    maxNumberOfPoints: 1,\n    ticks: { minor: 0.125, major: 0.5, tickIntervalType: 'Decimal' },\n    title: '',\n    width: 500,\n  },\n  prompt: '',\n  promptEnabled: true,\n  rationale: '',\n  rationaleEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n  widthEnabled: true,\n};\n"],"file":"defaults.js"}
+{"version":3,"file":"defaults.js","names":["correctResponse","feedback","correct","default","type","incorrect","partial","graph","arrows","left","right","availableTypes","PF","domain","min","max","exhibitOnly","initialElements","initialType","maxNumberOfPoints","ticks","minor","major","tickIntervalType","title","width","prompt","promptEnabled","rationale","rationaleEnabled","teacherInstructions","teacherInstructionsEnabled","toolbarEditorPosition","widthEnabled"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  correctResponse: [],\n  feedback: {\n    correct: { default: 'Correct', type: 'none' },\n    incorrect: { default: 'Incorrect', type: 'none' },\n    partial: { default: 'Nearly', type: 'none' },\n  },\n  graph: {\n    arrows: { left: true, right: true },\n    availableTypes: {\n      PF: true,\n    },\n    domain: { min: -1, max: 1 },\n    exhibitOnly: false,\n    initialElements: [],\n    initialType: 'PF',\n    maxNumberOfPoints: 1,\n    ticks: { minor: 0.125, major: 0.5, tickIntervalType: 'Decimal' },\n    title: '',\n    width: 500,\n  },\n  prompt: '',\n  promptEnabled: true,\n  rationale: '',\n  rationaleEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n  widthEnabled: true,\n};\n"],"mappings":";;;;;;iCAAe;EACbA,eAAe,EAAE,EAAE;EACnBC,QAAQ,EAAE;IACRC,OAAO,EAAE;MAAEC,OAAO,EAAE,SAAS;MAAEC,IAAI,EAAE;IAAO,CAAC;IAC7CC,SAAS,EAAE;MAAEF,OAAO,EAAE,WAAW;MAAEC,IAAI,EAAE;IAAO,CAAC;IACjDE,OAAO,EAAE;MAAEH,OAAO,EAAE,QAAQ;MAAEC,IAAI,EAAE;IAAO;EAC7C,CAAC;EACDG,KAAK,EAAE;IACLC,MAAM,EAAE;MAAEC,IAAI,EAAE,IAAI;MAAEC,KAAK,EAAE;IAAK,CAAC;IACnCC,cAAc,EAAE;MACdC,EAAE,EAAE;IACN,CAAC;IACDC,MAAM,EAAE;MAAEC,GAAG,EAAE,CAAC,CAAC;MAAEC,GAAG,EAAE;IAAE,CAAC;IAC3BC,WAAW,EAAE,KAAK;IAClBC,eAAe,EAAE,EAAE;IACnBC,WAAW,EAAE,IAAI;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,KAAK,EAAE;MAAEC,KAAK,EAAE,KAAK;MAAEC,KAAK,EAAE,GAAG;MAAEC,gBAAgB,EAAE;IAAU,CAAC;IAChEC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE,EAAE;EACVC,aAAa,EAAE,IAAI;EACnBC,SAAS,EAAE,EAAE;EACbC,gBAAgB,EAAE,IAAI;EACtBC,mBAAmB,EAAE,EAAE;EACvBC,0BAA0B,EAAE,IAAI;EAChCC,qBAAqB,EAAE,QAAQ;EAC/BC,YAAY,EAAE;AAChB,CAAC","ignoreList":[]}