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

package/configure/lib/domain.js

@@ -1,140 +1,84 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Domain = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 = exports.Domain = void 0;
 var _numberTextField = require("./number-text-field");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 DOMAIN_BEGIN = 'domainBegin';
-var DOMAIN_END = 'domainEnd';
-
-var sort = function sort(domain) {
+var _styles = require("@mui/material/styles");
+const DOMAIN_BEGIN = 'domainBegin';
+const DOMAIN_END = 'domainEnd';
+const DisplayFlex = (0, _styles.styled)('div')({
+  display: 'flex',
+  gap: '20px'
+});
+const FlexRow = (0, _styles.styled)('div')({
+  display: 'flex',
+  alignItems: 'center',
+  gap: '10px'
+});
+const sort = domain => {
   if (domain.min <= domain.max) {
     return domain;
   }
-
   return {
     min: domain.max,
     max: domain.min
   };
 };
-
-var Domain = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Domain, _React$Component);
-
-  var _super = _createSuper(Domain);
-
-  function Domain(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Domain);
-    _this = _super.call(this, props);
-    _this.changeMin = _this.change.bind((0, _assertThisInitialized2["default"])(_this), 'min');
-    _this.changeMax = _this.change.bind((0, _assertThisInitialized2["default"])(_this), 'max');
-    return _this;
+class Domain extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.changeMin = this.change.bind(this, 'min');
+    this.changeMax = this.change.bind(this, 'max');
   }
-
-  (0, _createClass2["default"])(Domain, [{
-    key: "change",
-    value: function change(key, event, value) {
-      var onChange = this.props.onChange;
-      var update; //Added condition when min and max is same, then it should not update the value
-
-      if (key === 'min' && value === this.props.domain.max || key === 'max' && value === this.props.domain.min) {
-        update = _objectSpread({}, this.props.domain);
-      } else {
-        update = _objectSpread(_objectSpread({}, this.props.domain), {}, (0, _defineProperty2["default"])({}, key, value));
-      }
-
-      onChange(sort(update));
+  change(key, event, value) {
+    const {
+      onChange
+    } = this.props;
+    let update;
+    //Added condition when min and max is same, then it should not update the value
+    if (key === 'min' && value === this.props.domain.max || key === 'max' && value === this.props.domain.min) {
+      update = {
+        ...this.props.domain
+      };
+    } else {
+      update = {
+        ...this.props.domain,
+        [key]: value
+      };
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          domain = _this$props.domain;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.displayFlex
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.flexRow
-      }, /*#__PURE__*/_react["default"].createElement("label", null, "Min Value"), /*#__PURE__*/_react["default"].createElement(_numberTextField.MiniField, {
-        min: -100000,
-        max: 99999,
-        value: domain.min,
-        name: DOMAIN_BEGIN,
-        onChange: this.changeMin
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.flexRow
-      }, /*#__PURE__*/_react["default"].createElement("label", null, "Max Value"), /*#__PURE__*/_react["default"].createElement(_numberTextField.MiniField, {
-        min: -99999,
-        max: 100000,
-        value: domain.max,
-        name: DOMAIN_END,
-        onChange: this.changeMax
-      })));
-    }
-  }]);
-  return Domain;
-}(_react["default"].Component);
-
+    onChange(sort(update));
+  }
+  render() {
+    const {
+      domain
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(DisplayFlex, null, /*#__PURE__*/_react.default.createElement(FlexRow, null, /*#__PURE__*/_react.default.createElement("label", null, "Min Value"), /*#__PURE__*/_react.default.createElement(_numberTextField.MiniField, {
+      min: -100000,
+      max: 99999,
+      value: domain.min,
+      name: DOMAIN_BEGIN,
+      onChange: this.changeMin
+    })), /*#__PURE__*/_react.default.createElement(FlexRow, null, /*#__PURE__*/_react.default.createElement("label", null, "Max Value"), /*#__PURE__*/_react.default.createElement(_numberTextField.MiniField, {
+      min: -99999,
+      max: 100000,
+      value: domain.max,
+      name: DOMAIN_END,
+      onChange: this.changeMax
+    })));
+  }
+}
 exports.Domain = Domain;
 Domain.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  domain: _propTypes["default"].shape({
-    min: _propTypes["default"].number,
-    max: _propTypes["default"].number
+  domain: _propTypes.default.shape({
+    min: _propTypes.default.number,
+    max: _propTypes.default.number
   }),
-  onChange: _propTypes["default"].func.isRequired
+  onChange: _propTypes.default.func.isRequired
 };
-
-var styles = function styles(theme) {
-  return {
-    displayFlex: {
-      display: 'flex',
-      gap: '20px'
-    },
-    flexRow: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: '10px'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Domain);
-
-exports["default"] = _default;
+var _default = exports.default = Domain;
 //# sourceMappingURL=domain.js.map

package/configure/lib/domain.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/domain.jsx"],"names":["DOMAIN_BEGIN","DOMAIN_END","sort","domain","min","max","Domain","props","changeMin","change","bind","changeMax","key","event","value","onChange","update","classes","displayFlex","flexRow","React","Component","propTypes","PropTypes","object","isRequired","shape","number","func","styles","theme","display","gap","alignItems"],"mappings":"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","sourcesContent":["import { MiniField } from './number-text-field';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst DOMAIN_BEGIN = 'domainBegin';\nconst DOMAIN_END = 'domainEnd';\n\nconst sort = (domain) => {\n  if (domain.min <= domain.max) {\n    return domain;\n  }\n  return { min: domain.max, max: domain.min };\n};\n\nexport class Domain extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.changeMin = this.change.bind(this, 'min');\n    this.changeMax = this.change.bind(this, 'max');\n  }\n\n  change(key, event, value) {\n    const { onChange } = this.props;\n    let update;\n    //Added condition when min and max is same, then it should not update the value\n    if ((key === 'min' && value === this.props.domain.max) || (key === 'max' && value === this.props.domain.min)) {\n      update = { ...this.props.domain };\n    } else {\n      update = { ...this.props.domain, [key]: value };\n    }\n    onChange(sort(update));\n  }\n\n  render() {\n    const { classes, domain } = this.props;\n\n    return (\n      <div className={classes.displayFlex}>\n        <div className={classes.flexRow}>\n          <label>Min Value</label>\n          <MiniField min={-100000} max={99999} value={domain.min} name={DOMAIN_BEGIN} onChange={this.changeMin} />\n        </div>\n        <div className={classes.flexRow}>\n          <label>Max Value</label>\n          <MiniField min={-99999} max={100000} value={domain.max} name={DOMAIN_END} onChange={this.changeMax} />\n        </div>\n      </div>\n    );\n  }\n}\nDomain.propTypes = {\n  classes: PropTypes.object.isRequired,\n  domain: PropTypes.shape({ min: PropTypes.number, max: PropTypes.number }),\n  onChange: PropTypes.func.isRequired,\n};\nconst styles = (theme) => ({\n  displayFlex: {\n    display: 'flex',\n    gap: '20px',\n  },\n  flexRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '10px',\n  },\n});\nexport default withStyles(styles)(Domain);\n"],"file":"domain.js"}
+{"version":3,"file":"domain.js","names":["_numberTextField","require","_propTypes","_interopRequireDefault","_react","_styles","DOMAIN_BEGIN","DOMAIN_END","DisplayFlex","styled","display","gap","FlexRow","alignItems","sort","domain","min","max","Domain","React","Component","constructor","props","changeMin","change","bind","changeMax","key","event","value","onChange","update","render","default","createElement","MiniField","name","exports","propTypes","PropTypes","shape","number","func","isRequired","_default"],"sources":["../src/domain.jsx"],"sourcesContent":["import { MiniField } from './number-text-field';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst DOMAIN_BEGIN = 'domainBegin';\nconst DOMAIN_END = 'domainEnd';\n\nconst DisplayFlex = styled('div')({\n  display: 'flex',\n  gap: '20px',\n});\n\nconst FlexRow = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '10px',\n});\n\nconst sort = (domain) => {\n  if (domain.min <= domain.max) {\n    return domain;\n  }\n  return { min: domain.max, max: domain.min };\n};\n\nexport class Domain extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.changeMin = this.change.bind(this, 'min');\n    this.changeMax = this.change.bind(this, 'max');\n  }\n\n  change(key, event, value) {\n    const { onChange } = this.props;\n    let update;\n    //Added condition when min and max is same, then it should not update the value\n    if ((key === 'min' && value === this.props.domain.max) || (key === 'max' && value === this.props.domain.min)) {\n      update = { ...this.props.domain };\n    } else {\n      update = { ...this.props.domain, [key]: value };\n    }\n    onChange(sort(update));\n  }\n\n  render() {\n    const { domain } = this.props;\n\n    return (\n      <DisplayFlex>\n        <FlexRow>\n          <label>Min Value</label>\n          <MiniField min={-100000} max={99999} value={domain.min} name={DOMAIN_BEGIN} onChange={this.changeMin} />\n        </FlexRow>\n        <FlexRow>\n          <label>Max Value</label>\n          <MiniField min={-99999} max={100000} value={domain.max} name={DOMAIN_END} onChange={this.changeMax} />\n        </FlexRow>\n      </DisplayFlex>\n    );\n  }\n}\nDomain.propTypes = {\n  domain: PropTypes.shape({ min: PropTypes.number, max: PropTypes.number }),\n  onChange: PropTypes.func.isRequired,\n};\n\nexport default Domain;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/index.js

@@ -1,246 +1,176 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 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"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _main = _interopRequireDefault(require("./main"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _client = require("react-dom/client");
 var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
-
 var defaults = _interopRequireWildcard(require("./defaults"));
-
 var math = _interopRequireWildcard(require("mathjs"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _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); }
 // this function is duplicated in controller; at some point, use the same shared function
-var updateTicks = function updateTicks(model) {
-  var _model$graph = model.graph;
-  _model$graph = _model$graph === void 0 ? {} : _model$graph;
-  var domain = _model$graph.domain,
-      labelStep = _model$graph.labelStep,
-      _model$graph$ticks = _model$graph.ticks,
-      ticks = _model$graph$ticks === void 0 ? {} : _model$graph$ticks;
-  var minor = ticks.minor,
-      major = ticks.major;
-
+const updateTicks = model => {
+  const {
+    graph: {
+      domain,
+      labelStep,
+      ticks = {}
+    } = {}
+  } = model;
+  const {
+    minor,
+    major
+  } = ticks;
   if (domain) {
     domain.min = Number((domain.min || 0).toFixed(2));
     domain.max = Number((domain.max || 0).toFixed(2));
   }
-
   if (labelStep && typeof labelStep === 'string' && labelStep.match(/^[1-9][0-9]*\/[1-9][0-9]*$/g)) {
     model.graph.fraction = true;
-    ticks.tickIntervalType = 'Fraction'; // update the ticks frequency and label value to match the label step if needed
-
-    var step = math.evaluate(labelStep);
+    ticks.tickIntervalType = 'Fraction';
 
+    // update the ticks frequency and label value to match the label step if needed
+    const step = math.evaluate(labelStep);
     if (step !== major) {
       ticks.major = step;
       ticks.minor = step / (major / minor);
     }
   }
-
   return model;
 };
-
-var NumberLine = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(NumberLine, _HTMLElement);
-
-  var _super = _createSuper(NumberLine);
-
-  function NumberLine() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, NumberLine);
-    _this = _super.call(this);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resetModelAfterConfigurationIsSet", function () {
+class NumberLine 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
-      var pieAuthors = document.querySelectorAll('pie-author');
-      _this.hasPlayerAsParent = Array.from(pieAuthors).some(function (author) {
-        return author.contains((0, _assertThisInitialized2["default"])(_this));
-      });
-
-      if (_this.hasPlayerAsParent) {
-        if (_this._modelCopy) {
-          _this._model = _this._modelCopy;
+      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;
+          delete this._modelCopy;
         }
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (o) {
-      _this._model = _objectSpread(_objectSpread({}, _this._model), o);
-
-      _this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(_this._model));
-
-      _this._rerender();
+    (0, _defineProperty2.default)(this, "onChange", o => {
+      this._model = {
+        ...this._model,
+        ...o
+      };
+      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+      this._rerender();
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onConfigurationChanged", function (config) {
-      _this._configuration = config;
-
-      _this._render();
+    (0, _defineProperty2.default)(this, "onConfigurationChanged", config => {
+      this._configuration = config;
+      this._render();
     });
-    _this._model = NumberLine.createDefaultModel();
-    _this._configuration = defaults.configuration;
-    return _this;
+    this._root = null;
+    this._model = NumberLine.createDefaultModel();
+    this._configuration = defaults.configuration;
   }
-
-  (0, _createClass2["default"])(NumberLine, [{
-    key: "model",
-    set: function set(m) {
-      this._model = NumberLine.createDefaultModel(m);
-      this._modelCopy = (0, _cloneDeep["default"])(this._model);
-
-      this._rerender();
-    }
-  }, {
-    key: "configuration",
-    set: function set(c) {
-      var _newConfiguration$lan,
-          _this2 = this;
-
-      var newConfiguration = _objectSpread(_objectSpread({}, defaults.configuration), c);
-
-      this._configuration = newConfiguration;
-      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).
-
-      if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan = newConfiguration.language) !== null && _newConfiguration$lan !== void 0 && _newConfiguration$lan.enabled) {
-        var _newConfiguration$lan2, _newConfiguration$lan3;
-
-        if (newConfiguration !== null && newConfiguration !== void 0 && (_newConfiguration$lan2 = newConfiguration.languageChoices) !== null && _newConfiguration$lan2 !== void 0 && (_newConfiguration$lan3 = _newConfiguration$lan2.options) !== null && _newConfiguration$lan3 !== void 0 && _newConfiguration$lan3.length) {
-          this._model.language = newConfiguration === null || newConfiguration === void 0 ? void 0 : newConfiguration.languageChoices.options[0].value;
-        }
-      } else if (newConfiguration.language.settings && this._model.language) {
-        this._configuration.language.enabled = true;
-
-        if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
-          this._configuration.languageChoices.options = [];
-        } // check if the language is already included in the languageChoices.options array
-        // and if not, then add it.
-
-
-        if (!this._configuration.languageChoices.options.find(function (option) {
-          return option.value === _this2._model.language;
-        })) {
-          this._configuration.languageChoices.options.push({
-            value: this._model.language,
-            label: this._model.language
-          });
-        }
-      } else {
-        delete this._model.language;
+  set model(m) {
+    this._model = NumberLine.createDefaultModel(m);
+    this._modelCopy = (0, _cloneDeep.default)(this._model);
+    this._rerender();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ...defaults.configuration,
+      ...c
+    };
+    this._configuration = newConfiguration;
+    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).
+    if (newConfiguration?.language?.enabled) {
+      if (newConfiguration?.languageChoices?.options?.length) {
+        this._model.language = newConfiguration?.languageChoices.options[0].value;
+      }
+    } else if (newConfiguration.language.settings && this._model.language) {
+      this._configuration.language.enabled = true;
+      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {
+        this._configuration.languageChoices.options = [];
       }
 
-      this._rerender();
-    }
-  }, {
-    key: "insertImage",
-    value: function insertImage(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
-    }
-  }, {
-    key: "onDeleteImage",
-    value: function onDeleteImage(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
-    }
-  }, {
-    key: "insertSound",
-    value: function insertSound(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+      // check if the language is already included in the languageChoices.options array
+      // and if not, then add it.
+      if (!this._configuration.languageChoices.options.find(option => option.value === this._model.language)) {
+        this._configuration.languageChoices.options.push({
+          value: this._model.language,
+          label: this._model.language
+        });
+      }
+    } else {
+      delete this._model.language;
     }
-  }, {
-    key: "onDeleteSound",
-    value: function onDeleteSound(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    this._rerender();
+  }
+  insertImage(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertImageEvent(handler));
+  }
+  onDeleteImage(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
+  }
+  insertSound(handler) {
+    this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+  }
+  onDeleteSound(src, done) {
+    this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+  }
+  _rerender() {
+    let element = /*#__PURE__*/_react.default.createElement(_main.default, {
+      model: this._model,
+      configuration: this._configuration,
+      onChange: this.onChange,
+      onConfigurationChanged: this.onConfigurationChanged,
+      imageSupport: {
+        add: this.insertImage.bind(this),
+        delete: this.onDeleteImage.bind(this)
+      },
+      uploadSoundSupport: {
+        add: this.insertSound.bind(this),
+        delete: this.onDeleteSound.bind(this)
+      }
+    });
+    if (!this._root) {
+      this._root = (0, _client.createRoot)(this);
     }
-  }, {
-    key: "_rerender",
-    value: function _rerender() {
-      var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
-        model: this._model,
-        configuration: this._configuration,
-        onChange: this.onChange,
-        onConfigurationChanged: this.onConfigurationChanged,
-        imageSupport: {
-          add: this.insertImage.bind(this),
-          "delete": this.onDeleteImage.bind(this)
-        },
-        uploadSoundSupport: {
-          add: this.insertSound.bind(this),
-          "delete": this.onDeleteSound.bind(this)
-        }
-      });
-
-      _reactDom["default"].render(element, this);
+    this._root.render(element);
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
     }
-  }]);
-  return NumberLine;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = NumberLine;
-(0, _defineProperty2["default"])(NumberLine, "createDefaultModel", function () {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var c = defaults.configuration;
-  var language = model.language || '';
-
+  }
+}
+exports.default = NumberLine;
+(0, _defineProperty2.default)(NumberLine, "createDefaultModel", (model = {}) => {
+  const c = defaults.configuration;
+  let language = model.language || '';
   if (!language && c.language && c.language.enabled) {
-    var _c$languageChoices, _c$languageChoices$op;
-
-    if ((_c$languageChoices = c.languageChoices) !== null && _c$languageChoices !== void 0 && (_c$languageChoices$op = _c$languageChoices.options) !== null && _c$languageChoices$op !== void 0 && _c$languageChoices$op.length) {
+    if (c.languageChoices?.options?.length) {
       language = c.languageChoices.options[0].value;
     }
   }
-
-  var normalizedModel = _objectSpread(_objectSpread(_objectSpread({}, defaults.model), model), {}, {
-    language: language
-  });
-
+  const normalizedModel = {
+    ...defaults.model,
+    ...model,
+    language
+  };
   return updateTicks(normalizedModel);
 });
 //# sourceMappingURL=index.js.map