@pie-element/match 11.0.5-esm.1 → 11.1.2-next.1

package/configure/lib/index.js

@@ -1,225 +1,152 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _lodash = require("lodash");
-
+var _lodashEs = require("lodash-es");
 var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+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 _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-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 log = (0, _debug["default"])('pie-elements:match:configure');
-
-var MatchConfigure = /*#__PURE__*/function (_HTMLElement) {
-  (0, _inherits2["default"])(MatchConfigure, _HTMLElement);
-
-  var _super = _createSuper(MatchConfigure);
-
-  function MatchConfigure() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, MatchConfigure);
-    _this = _super.call(this);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "resetModelAfterConfigurationIsSet", function () {
+const log = (0, _debug.default)('pie-elements:match:configure');
+class MatchConfigure 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;
         }
       }
     });
-    _this._model = MatchConfigure.createDefaultModel();
-    _this._configuration = _defaults["default"].configuration;
-    return _this;
+    this._root = null;
+    this._model = MatchConfigure.createDefaultModel();
+    this._configuration = _defaults.default.configuration;
   }
-
-  (0, _createClass2["default"])(MatchConfigure, [{
-    key: "model",
-    set: function set(m) {
-      this._model = MatchConfigure.createDefaultModel(m);
-      this._modelCopy = (0, _cloneDeep["default"])(this._model);
-
-      this._render();
-    }
-  }, {
-    key: "configuration",
-    set: function set(c) {
-      var _newConfiguration$lan,
-          _this2 = this,
-          _c$rows;
-
-      var newConfiguration = _objectSpread(_objectSpread({}, _defaults["default"].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 = MatchConfigure.createDefaultModel(m);
+    this._modelCopy = (0, _lodashEs.cloneDeep)(this._model);
+    this._render();
+  }
+  set configuration(c) {
+    const newConfiguration = {
+      ..._defaults.default.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;
       }
-      /**
-       * @Deprecated we added rows.inputConfiguration to handle the plugins in the editable html fields
-       * if rows.inputConfiguration is not defined we try to default to the old enableImages flag
-       * This flag 'enableImages' will be removed in the future
-       */
-
-
-      if ((0, _lodash.isEmpty)(c === null || c === void 0 ? void 0 : (_c$rows = c.rows) === null || _c$rows === void 0 ? void 0 : _c$rows.inputConfiguration)) {
-        var _this$_model;
-
-        (0, _lodash.set)(this._configuration.rows, 'inputConfiguration.image.disabled', !((_this$_model = this._model) !== null && _this$_model !== void 0 && _this$_model.enableImages));
-        (0, _lodash.set)(this._configuration.rows, 'inputConfiguration.video.disabled', true);
-        (0, _lodash.set)(this._configuration.rows, 'inputConfiguration.audio.disabled', true);
+    } 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._render();
-    }
-  }, {
-    key: "onModelChanged",
-    value: function onModelChanged(model) {
-      this._model = model;
-      log('[onModelChanged]: ', this._model);
-
-      this._render();
-
-      this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+      // 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: "onConfigurationChanged",
-    value: function onConfigurationChanged(config) {
-      this._configuration = config;
 
-      this._render();
-    }
     /**
-     *
-     * @param {done, progress, file} handler
+     * @Deprecated we added rows.inputConfiguration to handle the plugins in the editable html fields
+     * if rows.inputConfiguration is not defined we try to default to the old enableImages flag
+     * This flag 'enableImages' will be removed in the future
      */
 
-  }, {
-    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));
+    if ((0, _lodashEs.isEmpty)(c?.rows?.inputConfiguration)) {
+      (0, _lodashEs.set)(this._configuration.rows, 'inputConfiguration.image.disabled', !this._model?.enableImages);
+      (0, _lodashEs.set)(this._configuration.rows, 'inputConfiguration.video.disabled', true);
+      (0, _lodashEs.set)(this._configuration.rows, 'inputConfiguration.audio.disabled', true);
     }
-  }, {
-    key: "insertSound",
-    value: function insertSound(handler) {
-      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
-    }
-  }, {
-    key: "onDeleteSound",
-    value: function onDeleteSound(src, done) {
-      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
-    }
-  }, {
-    key: "_render",
-    value: function _render() {
-      if (this._model) {
-        var el = /*#__PURE__*/_react["default"].createElement(_configure["default"], {
-          onModelChanged: this.onModelChanged.bind(this),
-          onConfigurationChanged: this.onConfigurationChanged.bind(this),
-          model: this._model,
-          configuration: this._configuration,
-          imageSupport: {
-            add: this.insertImage.bind(this),
-            "delete": this.onDeleteImage.bind(this)
-          },
-          uploadSoundSupport: {
-            add: this.insertSound.bind(this),
-            "delete": this.onDeleteSound.bind(this)
-          }
-        });
+    this._render();
+  }
+  onModelChanged(model) {
+    this._model = model;
+    log('[onModelChanged]: ', this._model);
+    this._render();
+    this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(this._model));
+  }
+  onConfigurationChanged(config) {
+    this._configuration = config;
+    this._render();
+  }
 
-        _reactDom["default"].render(el, this);
+  /**
+   *
+   * @param {done, progress, file} handler
+   */
+  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));
+  }
+  _render() {
+    if (this._model) {
+      const el = /*#__PURE__*/_react.default.createElement(_configure.default, {
+        onModelChanged: this.onModelChanged.bind(this),
+        onConfigurationChanged: this.onConfigurationChanged.bind(this),
+        model: this._model,
+        configuration: this._configuration,
+        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);
       }
+      this._root.render(el);
     }
-  }]);
-  return MatchConfigure;
-}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(HTMLElement));
-
-exports["default"] = MatchConfigure;
-(0, _defineProperty2["default"])(MatchConfigure, "createDefaultModel", function () {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _objectSpread(_objectSpread({}, _defaults["default"].model), model);
-});
+  }
+  disconnectedCallback() {
+    if (this._root) {
+      this._root.unmount();
+    }
+  }
+}
+exports.default = MatchConfigure;
+(0, _defineProperty2.default)(MatchConfigure, "createDefaultModel", (model = {}) => ({
+  ..._defaults.default.model,
+  ...model
+}));
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","MatchConfigure","pieAuthors","document","querySelectorAll","hasPlayerAsParent","Array","from","some","author","contains","_modelCopy","_model","createDefaultModel","_configuration","defaultValues","configuration","m","_render","c","newConfiguration","resetModelAfterConfigurationIsSet","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","rows","inputConfiguration","enableImages","model","dispatchEvent","ModelUpdatedEvent","config","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Configure","onModelChanged","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement"],"mappings":"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","sourcesContent":["import { isEmpty, set } from 'lodash';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Configure from './configure';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport defaultValues from './defaults';\nimport cloneDeep from 'lodash/cloneDeep';\n\nconst log = debug('pie-elements:match:configure');\n\nexport default class MatchConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaultValues.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._model = MatchConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = MatchConfigure.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    const newConfiguration = {\n      ...defaultValues.configuration,\n      ...c,\n    };\n\n    this._configuration = newConfiguration;\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    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    /**\n     * @Deprecated we added rows.inputConfiguration to handle the plugins in the editable html fields\n     * if rows.inputConfiguration is not defined we try to default to the old enableImages flag\n     * This flag 'enableImages' will be removed in the future\n     */\n    \n    if (isEmpty(c?.rows?.inputConfiguration)) {\n      set(this._configuration.rows, 'inputConfiguration.image.disabled', !this._model?.enableImages);\n      set(this._configuration.rows, 'inputConfiguration.video.disabled', true);\n      set(this._configuration.rows, 'inputConfiguration.audio.disabled', true);\n    }\n\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(config) {\n    this._configuration = config;\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\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.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_lodashEs","require","_react","_interopRequireDefault","_client","_configure","_pieConfigureEvents","_debug","_defaults","log","debug","MatchConfigure","HTMLElement","constructor","_defineProperty2","default","pieAuthors","document","querySelectorAll","hasPlayerAsParent","Array","from","some","author","contains","_modelCopy","_model","_root","createDefaultModel","_configuration","defaultValues","configuration","model","m","cloneDeep","_render","c","newConfiguration","resetModelAfterConfigurationIsSet","language","enabled","languageChoices","options","length","value","settings","find","option","push","label","isEmpty","rows","inputConfiguration","set","enableImages","onModelChanged","dispatchEvent","ModelUpdatedEvent","onConfigurationChanged","config","insertImage","handler","InsertImageEvent","onDeleteImage","src","done","DeleteImageEvent","insertSound","InsertSoundEvent","onDeleteSound","DeleteSoundEvent","el","React","createElement","Configure","bind","imageSupport","add","delete","uploadSoundSupport","createRoot","render","disconnectedCallback","unmount","exports"],"sources":["../src/index.js"],"sourcesContent":["import { isEmpty, set } from 'lodash-es';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Configure from './configure';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\nimport defaultValues from './defaults';\nimport { cloneDeep } from 'lodash-es';\n\nconst log = debug('pie-elements:match:configure');\n\nexport default class MatchConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaultValues.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = MatchConfigure.createDefaultModel();\n    this._configuration = defaultValues.configuration;\n  }\n\n  set model(m) {\n    this._model = MatchConfigure.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    const newConfiguration = {\n      ...defaultValues.configuration,\n      ...c,\n    };\n\n    this._configuration = newConfiguration;\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    if (newConfiguration?.language?.enabled) {\n      if (newConfiguration?.languageChoices?.options?.length) {\n        this._model.language = newConfiguration?.languageChoices.options[0].value;\n      }\n    } else if (newConfiguration.language.settings && this._model.language) {\n      this._configuration.language.enabled = true;\n\n      if (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) {\n        this._configuration.languageChoices.options = [];\n      }\n\n      // check if the language is already included in the languageChoices.options array\n      // and if not, then add it.\n      if (!this._configuration.languageChoices.options.find((option) => option.value === this._model.language)) {\n        this._configuration.languageChoices.options.push({\n          value: this._model.language,\n          label: this._model.language,\n        });\n      }\n    } else {\n      delete this._model.language;\n    }\n\n    /**\n     * @Deprecated we added rows.inputConfiguration to handle the plugins in the editable html fields\n     * if rows.inputConfiguration is not defined we try to default to the old enableImages flag\n     * This flag 'enableImages' will be removed in the future\n     */\n\n    if (isEmpty(c?.rows?.inputConfiguration)) {\n      set(this._configuration.rows, 'inputConfiguration.image.disabled', !this._model?.enableImages);\n      set(this._configuration.rows, 'inputConfiguration.video.disabled', true);\n      set(this._configuration.rows, 'inputConfiguration.audio.disabled', true);\n    }\n\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(config) {\n    this._configuration = config;\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\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.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}