@pie-element/matrix 3.0.0-next.42 → 3.1.0-next.0

package/configure/lib/defaults.js

@@ -21,6 +21,9 @@ var _default = exports.default = {
   },
   configuration: {
     baseInputConfiguration: {
+      h3: {
+        disabled: true
+      },
       audio: {
         disabled: false
       },

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","names":["_default","exports","default","model","columnLabels","labelType","matrixValues","prompt","promptEnabled","rowLabels","teacherInstructions","teacherInstructionsEnabled","configuration","baseInputConfiguration","audio","disabled","video","image","textAlign","showParagraphs","separateParagraphs","settings","label","inputConfiguration","required","settingsPanelDisabled","spellCheck","enabled"],"sources":["../src/defaults.js"],"sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    columnLabels: ['COLUMN 1', 'COLUMN 2', 'COLUMN 3'],\n    labelType: 'agreement',\n    matrixValues: {},\n    prompt: '',\n    promptEnabled: true,\n    rowLabels: ['STATEMENT 1', 'STATEMENT 2'],\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n  },\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAHA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAIe;EACbC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAClDC,SAAS,EAAE,WAAW;IACtBC,YAAY,EAAE,CAAC,CAAC;IAChBC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC;IACzCC,mBAAmB,EAAE,EAAE;IACvBC,0BAA0B,EAAE;EAC9B,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,KAAK,EAAE;QAAEC,QAAQ,EAAE;MAAM,CAAC;MAC1BC,KAAK,EAAE;QAAED,QAAQ,EAAE;MAAM,CAAC;MAC1BE,KAAK,EAAE;QAAEF,QAAQ,EAAE;MAAM,CAAC;MAC1BG,SAAS,EAAE;QAAEH,QAAQ,EAAE;MAAK,CAAC;MAC7BI,cAAc,EAAE;QAAEJ,QAAQ,EAAE;MAAM,CAAC;MACnCK,kBAAkB,EAAE;QAAEL,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDR,MAAM,EAAE;MACNc,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,QAAQ;MACfC,kBAAkB,EAAE;QAClBT,KAAK,EAAE;UAAEC,QAAQ,EAAE;QAAM,CAAC;QAC1BC,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM;MAC3B,CAAC;MACDS,QAAQ,EAAE;IACZ,CAAC;IACDC,qBAAqB,EAAE,KAAK;IAC5BC,UAAU,EAAE;MACVJ,KAAK,EAAE,YAAY;MACnBD,QAAQ,EAAE,KAAK;MACfM,OAAO,EAAE;IACX,CAAC;IACDjB,mBAAmB,EAAE;MACnBW,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,sBAAsB;MAC7BC,kBAAkB,EAAE;QAClBT,KAAK,EAAE;UAAEC,QAAQ,EAAE;QAAM,CAAC;QAC1BC,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM;MAC3B,CAAC;MACDS,QAAQ,EAAE;IACZ;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"defaults.js","names":["_default","exports","default","model","columnLabels","labelType","matrixValues","prompt","promptEnabled","rowLabels","teacherInstructions","teacherInstructionsEnabled","configuration","baseInputConfiguration","h3","disabled","audio","video","image","textAlign","showParagraphs","separateParagraphs","settings","label","inputConfiguration","required","settingsPanelDisabled","spellCheck","enabled"],"sources":["../src/defaults.js"],"sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n  model: {\n    columnLabels: ['COLUMN 1', 'COLUMN 2', 'COLUMN 3'],\n    labelType: 'agreement',\n    matrixValues: {},\n    prompt: '',\n    promptEnabled: true,\n    rowLabels: ['STATEMENT 1', 'STATEMENT 2'],\n    teacherInstructions: '',\n    teacherInstructionsEnabled: true,\n  },\n  configuration: {\n    baseInputConfiguration: {\n      h3: { disabled: true },\n      audio: { disabled: false },\n      video: { disabled: false },\n      image: { disabled: false },\n      textAlign: { disabled: true },\n      showParagraphs: { disabled: false },\n      separateParagraphs: { disabled: true },\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n      inputConfiguration: {\n        audio: { disabled: false },\n        video: { disabled: false },\n        image: { disabled: false },\n      },\n      required: false,\n    },\n  },\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAHA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAIe;EACbC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;IAClDC,SAAS,EAAE,WAAW;IACtBC,YAAY,EAAE,CAAC,CAAC;IAChBC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC;IACzCC,mBAAmB,EAAE,EAAE;IACvBC,0BAA0B,EAAE;EAC9B,CAAC;EACDC,aAAa,EAAE;IACbC,sBAAsB,EAAE;MACtBC,EAAE,EAAE;QAAEC,QAAQ,EAAE;MAAK,CAAC;MACtBC,KAAK,EAAE;QAAED,QAAQ,EAAE;MAAM,CAAC;MAC1BE,KAAK,EAAE;QAAEF,QAAQ,EAAE;MAAM,CAAC;MAC1BG,KAAK,EAAE;QAAEH,QAAQ,EAAE;MAAM,CAAC;MAC1BI,SAAS,EAAE;QAAEJ,QAAQ,EAAE;MAAK,CAAC;MAC7BK,cAAc,EAAE;QAAEL,QAAQ,EAAE;MAAM,CAAC;MACnCM,kBAAkB,EAAE;QAAEN,QAAQ,EAAE;MAAK;IACvC,CAAC;IACDR,MAAM,EAAE;MACNe,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,QAAQ;MACfC,kBAAkB,EAAE;QAClBR,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B,CAAC;MACDU,QAAQ,EAAE;IACZ,CAAC;IACDC,qBAAqB,EAAE,KAAK;IAC5BC,UAAU,EAAE;MACVJ,KAAK,EAAE,YAAY;MACnBD,QAAQ,EAAE,KAAK;MACfM,OAAO,EAAE;IACX,CAAC;IACDlB,mBAAmB,EAAE;MACnBY,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,sBAAsB;MAC7BC,kBAAkB,EAAE;QAClBR,KAAK,EAAE;UAAED,QAAQ,EAAE;QAAM,CAAC;QAC1BE,KAAK,EAAE;UAAEF,QAAQ,EAAE;QAAM,CAAC;QAC1BG,KAAK,EAAE;UAAEH,QAAQ,EAAE;QAAM;MAC3B,CAAC;MACDU,QAAQ,EAAE;IACZ;EACF;AACF,CAAC","ignoreList":[]}

package/configure/lib/index.js

@@ -11,11 +11,11 @@ var _client = require("react-dom/client");
 var _debug = _interopRequireDefault(require("debug"));
 var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
 var _Main = _interopRequireDefault(require("./Main"));
-var _defaults = _interopRequireDefault(require("lodash/defaults"));
-var _defaults2 = _interopRequireDefault(require("./defaults"));
+var _lodashEs = require("lodash-es");
+var _defaults = _interopRequireDefault(require("./defaults"));
 const log = (0, _debug.default)('matrix:configure');
 const prepareCustomizationObject = (config, model) => {
-  const configuration = (0, _defaults.default)(config, _defaults2.default.configuration);
+  const configuration = (0, _lodashEs.defaults)(config, _defaults.default.configuration);
   return {
     configuration,
     model
@@ -26,7 +26,7 @@ class Matrix extends HTMLElement {
     super();
     this._root = null;
     this._model = Matrix.createDefaultModel();
-    this._configuration = _defaults2.default.configuration;
+    this._configuration = _defaults.default.configuration;
     this.onModelChanged = this.onModelChanged.bind(this);
     this.onConfigurationChanged = this.onConfigurationChanged.bind(this);
   }
@@ -92,7 +92,7 @@ class Matrix extends HTMLElement {
 }
 exports.default = Matrix;
 (0, _defineProperty2.default)(Matrix, "createDefaultModel", (model = {}) => ({
-  ..._defaults2.default.model,
+  ..._defaults.default.model,
   ...model
 }));
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_debug","_pieConfigureEvents","_Main","_defaults","_defaults2","log","debug","prepareCustomizationObject","config","model","configuration","defaults","sensibleDefaults","Matrix","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","info","disableSidePanel","_disableSidePanel","dispatchModelUpdated","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","insertSound","handler","InsertSoundEvent","onDeleteSound","src","done","DeleteSoundEvent","element","React","createElement","Main","uploadSoundSupport","add","delete","createRoot","render","disconnectedCallback","unmount","exports","default","_defineProperty2"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\nimport { ModelUpdatedEvent, InsertSoundEvent, DeleteSoundEvent } from '@pie-framework/pie-configure-events';\n\nimport Main from './Main';\nimport defaults from 'lodash/defaults';\n\nimport sensibleDefaults from './defaults';\n\nconst log = debug('matrix:configure');\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n\n  return {\n    configuration,\n    model,\n  };\n};\n\nexport default class Matrix extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...sensibleDefaults.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = Matrix.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = Matrix.createDefaultModel(s);\n    this._render();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n    this._configuration = info.configuration;\n    this._render();\n  }\n\n  set disableSidePanel(s) {\n    this._disableSidePanel = s;\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged(m, reset) {\n    this._model = m;\n    this._render();\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\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    log('_render');\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      disableSidePanel: this._disableSidePanel,\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(element);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_client","_debug","_pieConfigureEvents","_Main","_lodashEs","_defaults","log","debug","prepareCustomizationObject","config","model","configuration","defaults","sensibleDefaults","Matrix","HTMLElement","constructor","_root","_model","createDefaultModel","_configuration","onModelChanged","bind","onConfigurationChanged","s","_render","c","info","disableSidePanel","_disableSidePanel","dispatchModelUpdated","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","insertSound","handler","InsertSoundEvent","onDeleteSound","src","done","DeleteSoundEvent","element","React","createElement","Main","uploadSoundSupport","add","delete","createRoot","render","disconnectedCallback","unmount","exports","default","_defineProperty2"],"sources":["../src/index.js"],"sourcesContent":["import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport debug from 'debug';\nimport { ModelUpdatedEvent, InsertSoundEvent, DeleteSoundEvent } from '@pie-framework/pie-configure-events';\n\nimport Main from './Main';\nimport { defaults } from 'lodash-es';\n\nimport sensibleDefaults from './defaults';\n\nconst log = debug('matrix:configure');\n\nconst prepareCustomizationObject = (config, model) => {\n  const configuration = defaults(config, sensibleDefaults.configuration);\n\n  return {\n    configuration,\n    model,\n  };\n};\n\nexport default class Matrix extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...sensibleDefaults.model,\n    ...model,\n  });\n\n  constructor() {\n    super();\n    this._root = null;\n    this._model = Matrix.createDefaultModel();\n    this._configuration = sensibleDefaults.configuration;\n    this.onModelChanged = this.onModelChanged.bind(this);\n    this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n  }\n\n  set model(s) {\n    this._model = Matrix.createDefaultModel(s);\n    this._render();\n  }\n\n  set configuration(c) {\n    const info = prepareCustomizationObject(c, this._model);\n\n    this.onModelChanged(info.model);\n    this._configuration = info.configuration;\n    this._render();\n  }\n\n  set disableSidePanel(s) {\n    this._disableSidePanel = s;\n    this._render();\n  }\n\n  dispatchModelUpdated(reset) {\n    const resetValue = !!reset;\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n  }\n\n  onModelChanged(m, reset) {\n    this._model = m;\n    this._render();\n    this.dispatchModelUpdated(reset);\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\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    log('_render');\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onModelChanged: this.onModelChanged,\n      onConfigurationChanged: this.onConfigurationChanged,\n      disableSidePanel: this._disableSidePanel,\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(element);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/matrix-configure",
   "private": true,
-  "version": "2.0.0-beta.1",
+  "version": "2.1.0-next.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -12,13 +12,13 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "12.1.1-next.0",
-    "@pie-lib/editable-html-tip-tap": "1.1.1-next.0",
-    "@pie-lib/render-ui": "5.1.1-next.0",
+    "@pie-lib/config-ui": "12.1.1-next.3",
+    "@pie-lib/editable-html-tip-tap": "1.1.1-next.3",
+    "@pie-lib/render-ui": "5.1.1-next.1",
     "debug": "^4.1.1",
     "prop-types": "^15.8.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "styled-components": "^5.2.1"
   },
   "scripts": {

package/controller/lib/index.js

@@ -9,7 +9,7 @@ exports.model = model;
 exports.outcome = outcome;
 exports.validate = void 0;
 var _defaults = _interopRequireDefault(require("./defaults"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _lodashEs = require("lodash-es");
 const createDefaultModel = (model = {}) => new Promise(resolve => resolve({
   ..._defaults.default,
   ...model
@@ -45,7 +45,7 @@ async function model(question, session, env) {
 }
 function outcome(model, session) {
   return new Promise(resolve => {
-    if (!session || (0, _isEmpty.default)(session)) {
+    if (!session || (0, _lodashEs.isEmpty)(session)) {
       return resolve({
         score: 0,
         empty: true

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_defaults","_interopRequireDefault","require","_isEmpty","createDefaultModel","model","Promise","resolve","defaults","exports","question","session","env","normalizedQuestion","out","disabled","mode","role","teacherInstructions","teacherInstructionsEnabled","outcome","isEmpty","score","empty","Object","keys","value","reduce","acc","key","matrixValue","matrixValues","createCorrectResponseSession","id","getInnerText","html","replaceAll","getContent","replace","validate","config","errors","forEach","field","required"],"sources":["../src/index.js"],"sourcesContent":["import defaults from './defaults';\nimport isEmpty from 'lodash/isEmpty';\n\nexport const createDefaultModel = (model = {}) => new Promise((resolve) => resolve({ ...defaults, ...model }));\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = { ...defaults, ...question };\n\n  const out = {\n    ...normalizedQuestion,\n    disabled: env.mode !== 'gather',\n    mode: env.mode,\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\nexport function outcome(model, session) {\n  return new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      return resolve({ score: 0, empty: true });\n    }\n\n    const score = Object.keys(session.value).reduce((acc, key) => {\n      const matrixValue = model.matrixValues[key];\n      return acc + (matrixValue || 0);\n    }, 0);\n\n    resolve({ score, empty: false });\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { matrixValues } = question || [];\n\n      resolve({\n        id: '1',\n        value: matrixValues,\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img, iframe and source tag for audio\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  ['teacherInstructions', 'prompt'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  return errors;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_defaults","_interopRequireDefault","require","_lodashEs","createDefaultModel","model","Promise","resolve","defaults","exports","question","session","env","normalizedQuestion","out","disabled","mode","role","teacherInstructions","teacherInstructionsEnabled","outcome","isEmpty","score","empty","Object","keys","value","reduce","acc","key","matrixValue","matrixValues","createCorrectResponseSession","id","getInnerText","html","replaceAll","getContent","replace","validate","config","errors","forEach","field","required"],"sources":["../src/index.js"],"sourcesContent":["import defaults from './defaults';\nimport { isEmpty } from 'lodash-es';\n\nexport const createDefaultModel = (model = {}) => new Promise((resolve) => resolve({ ...defaults, ...model }));\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = { ...defaults, ...question };\n\n  const out = {\n    ...normalizedQuestion,\n    disabled: env.mode !== 'gather',\n    mode: env.mode,\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\nexport function outcome(model, session) {\n  return new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      return resolve({ score: 0, empty: true });\n    }\n\n    const score = Object.keys(session.value).reduce((acc, key) => {\n      const matrixValue = model.matrixValues[key];\n      return acc + (matrixValue || 0);\n    }, 0);\n\n    resolve({ score, empty: false });\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { matrixValues } = question || [];\n\n      resolve({\n        id: '1',\n        value: matrixValues,\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img, iframe and source tag for audio\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  ['teacherInstructions', 'prompt'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  return errors;\n};\n"],"mappings":"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","ignoreList":[]}

package/controller/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/matrix-controller",
   "private": true,
-  "version": "2.0.0-beta.0",
+  "version": "2.1.0-next.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "debug": "^4.1.1",
-    "lodash": "^4.17.23"
+    "lodash-es": "^4.17.23"
   },
   "author": "",
   "license": "ISC"

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@pie-element/matrix",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pie-framework/pie-elements"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "repository": "pie-framework/pie-elements",
-  "version": "3.0.0-next.42+bb1f3eb4e",
+  "version": "3.1.0-next.0+20d879b",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -15,17 +18,17 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/math-rendering": "4.1.1-next.0",
-    "@pie-lib/render-ui": "5.1.1-next.0",
+    "@pie-lib/math-rendering": "4.1.1-next.1",
+    "@pie-lib/render-ui": "5.1.1-next.1",
     "debug": "^4.1.1",
     "prop-types": "^15.8.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "styled-components": "^5.2.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "bb1f3eb4e3b5b1cb15024d459ffd6e94bf419712",
+  "gitHead": "20d879b8b8fa74decf5028d860d54cd09cbdf051",
   "main": "lib/index.js",
   "module": "src/index.js"
 }

package/module/configure.js

@@ -1,140 +0,0 @@
-import{_dll_react_dom as e,_dll_react as t,_dll_prop_types as r,_dll_mui__icons_material as n,_dll_mui__material_styles as o,_dll_mui__material as a,_dll_pie_lib__render_ui as i,_dll_debug as s,_dll_lodash as l}from"../../../@pie-lib/shared-module@^3.0.5/module/index.js";import{_dll_pie_lib__editable_html_tip_tap as c}from"../../../@pie-lib/editable-html-module@^6.0.5/module/index.js";import{_dll_pie_lib__config_ui as u}from"../../../@pie-lib/config-module@^3.0.0/module/index.js";var d,p=e;d=p.createRoot,p.hydrateRoot;var f={};Object.defineProperty(f,"__esModule",{value:!0});class h extends CustomEvent{constructor(e,t=!1){super(h.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}h.TYPE="model.updated";var m=f.ModelUpdatedEvent=h;class g extends CustomEvent{constructor(e,t){super(g.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}g.TYPE="delete.image",f.DeleteImageEvent=g;class y extends CustomEvent{constructor(e){super(y.TYPE,{bubbles:!0,detail:e}),this.handler=e}}y.TYPE="insert.image",f.InsertImageEvent=y;class b extends CustomEvent{constructor(e,t){super(b.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}b.TYPE="delete.sound";var v=f.DeleteSoundEvent=b;class C extends CustomEvent{constructor(e){super(C.TYPE,{bubbles:!0,detail:e}),this.handler=e}}C.TYPE="insert.sound";var x,k=f.InsertSoundEvent=C,S={exports:{}},w={},E=Symbol.for("react.element"),_=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),T=Symbol.for("react.profiler"),P=Symbol.for("react.provider"),R=Symbol.for("react.context"),$=Symbol.for("react.server_context"),M=Symbol.for("react.forward_ref"),L=Symbol.for("react.suspense"),O=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),N=Symbol.for("react.lazy"),D=Symbol.for("react.offscreen");function z(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case E:switch(e=e.type){case A:case T:case I:case L:case O:return e;default:switch(e=e&&e.$$typeof){case $:case R:case M:case N:case j:case P:return e;default:return t}}case _:return t}}}function F(e){function t(e,n,l,c,p){for(var f,h,m,g,C,k=0,S=0,w=0,E=0,_=0,$=0,L=m=f=0,j=0,N=0,D=0,z=0,F=l.length,q=F-1,U="",V="",Y="",B="";j<F;){if(h=l.charCodeAt(j),j===q&&0!==S+E+w+k&&(0!==S&&(h=47===S?10:47),E=w=k=0,F++,q++),0===S+E+w+k){if(j===q&&(0<N&&(U=U.replace(d,"")),0<U.trim().length)){switch(h){case 32:case 9:case 59:case 13:case 10:break;default:U+=l.charAt(j)}h=59}switch(h){case 123:for(f=(U=U.trim()).charCodeAt(0),m=1,z=++j;j<F;){switch(h=l.charCodeAt(j)){case 123:m++;break;case 125:m--;break;case 47:switch(h=l.charCodeAt(j+1)){case 42:case 47:e:{for(L=j+1;L<q;++L)switch(l.charCodeAt(L)){case 47:if(42===h&&42===l.charCodeAt(L-1)&&j+2!==L){j=L+1;break e}break;case 10:if(47===h){j=L+1;break e}}j=L}}break;case 91:h++;case 40:h++;case 34:case 39:for(;j++<q&&l.charCodeAt(j)!==h;);}if(0===m)break;j++}if(m=l.substring(z,j),0===f&&(f=(U=U.replace(u,"").trim()).charCodeAt(0)),64===f){switch(0<N&&(U=U.replace(d,"")),h=U.charCodeAt(1)){case 100:case 109:case 115:case 45:N=n;break;default:N=R}if(z=(m=t(n,N,m,h,p+1)).length,0<M&&(C=s(3,m,N=r(R,U,D),n,I,A,z,h,p,c),U=N.join(""),void 0!==C&&0===(z=(m=C.trim()).length)&&(h=0,m="")),0<z)switch(h){case 115:U=U.replace(x,i);case 100:case 109:case 45:m=U+"{"+m+"}";break;case 107:m=(U=U.replace(y,"$1 $2"))+"{"+m+"}",m=1===P||2===P&&a("@"+m,3)?"@-webkit-"+m+"@"+m:"@"+m;break;default:m=U+m,112===c&&(V+=m,m="")}else m=""}else m=t(n,r(n,U,D),m,c,p+1);Y+=m,m=D=N=L=f=0,U="",h=l.charCodeAt(++j);break;case 125:case 59:if(1<(z=(U=(0<N?U.replace(d,""):U).trim()).length))switch(0===L&&(f=U.charCodeAt(0),45===f||96<f&&123>f)&&(z=(U=U.replace(" ",":")).length),0<M&&void 0!==(C=s(1,U,n,e,I,A,V.length,c,p,c))&&0===(z=(U=C.trim()).length)&&(U="\0\0"),f=U.charCodeAt(0),h=U.charCodeAt(1),f){case 0:break;case 64:if(105===h||99===h){B+=U+l.charAt(j);break}default:58!==U.charCodeAt(z-1)&&(V+=o(U,f,h,U.charCodeAt(2)))}D=N=L=f=0,U="",h=l.charCodeAt(++j)}}switch(h){case 13:case 10:47===S?S=0:0===1+f&&107!==c&&0<U.length&&(N=1,U+="\0"),0<M*O&&s(0,U,n,e,I,A,V.length,c,p,c),A=1,I++;break;case 59:case 125:if(0===S+E+w+k){A++;break}default:switch(A++,g=l.charAt(j),h){case 9:case 32:if(0===E+k+S)switch(_){case 44:case 58:case 9:case 32:g="";break;default:32!==h&&(g=" ")}break;case 0:g="\\0";break;case 12:g="\\f";break;case 11:g="\\v";break;case 38:0===E+S+k&&(N=D=1,g="\f"+g);break;case 108:if(0===E+S+k+T&&0<L)switch(j-L){case 2:112===_&&58===l.charCodeAt(j-3)&&(T=_);case 8:111===$&&(T=$)}break;case 58:0===E+S+k&&(L=j);break;case 44:0===S+w+E+k&&(N=1,g+="\r");break;case 34:case 39:0===S&&(E=E===h?0:0===E?h:E);break;case 91:0===E+S+w&&k++;break;case 93:0===E+S+w&&k--;break;case 41:0===E+S+k&&w--;break;case 40:0===E+S+k&&(0===f&&(2*_+3*$==533||(f=1)),w++);break;case 64:0===S+w+E+k+L+m&&(m=1);break;case 42:case 47:if(!(0<E+k+w))switch(S){case 0:switch(2*h+3*l.charCodeAt(j+1)){case 235:S=47;break;case 220:z=j,S=42}break;case 42:47===h&&42===_&&z+2!==j&&(33===l.charCodeAt(z+2)&&(V+=l.substring(z,j+1)),g="",S=0)}}0===S&&(U+=g)}$=_,_=h,j++}if(0<(z=V.length)){if(N=n,0<M&&void 0!==(C=s(2,V,N,e,I,A,z,c,p,c))&&0===(V=C).length)return B+V+Y;if(V=N.join(",")+"{"+V+"}",0!==P*T){switch(2!==P||a(V,2)||(T=0),T){case 111:V=V.replace(v,":-moz-$1")+V;break;case 112:V=V.replace(b,"::-webkit-input-$1")+V.replace(b,"::-moz-$1")+V.replace(b,":-ms-input-$1")+V}T=0}}return B+V+Y}function r(e,t,r){var o=t.trim().split(m);t=o;var a=o.length,i=e.length;switch(i){case 0:case 1:var s=0;for(e=0===i?"":e[0]+" ";s<a;++s)t[s]=n(e,t[s],r).trim();break;default:var l=s=0;for(t=[];s<a;++s)for(var c=0;c<i;++c)t[l++]=n(e[c]+" ",o[s],r).trim()}return t}function n(e,t,r){var n=t.charCodeAt(0);switch(33>n&&(n=(t=t.trim()).charCodeAt(0)),n){case 38:return t.replace(g,"$1"+e.trim());case 58:return e.trim()+t.replace(g,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(g,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function o(e,t,r,n){var i=e+";",s=2*t+3*r+4*n;if(944===s){e=i.indexOf(":",9)+1;var l=i.substring(e,i.length-1).trim();return l=i.substring(0,e).trim()+l+";",1===P||2===P&&a(l,1)?"-webkit-"+l+l:l}if(0===P||2===P&&!a(i,1))return i;switch(s){case 1015:return 97===i.charCodeAt(10)?"-webkit-"+i+i:i;case 951:return 116===i.charCodeAt(3)?"-webkit-"+i+i:i;case 963:return 110===i.charCodeAt(5)?"-webkit-"+i+i:i;case 1009:if(100!==i.charCodeAt(4))break;case 969:case 942:return"-webkit-"+i+i;case 978:return"-webkit-"+i+"-moz-"+i+i;case 1019:case 983:return"-webkit-"+i+"-moz-"+i+"-ms-"+i+i;case 883:if(45===i.charCodeAt(8))return"-webkit-"+i+i;if(0<i.indexOf("image-set(",11))return i.replace(_,"$1-webkit-$2")+i;break;case 932:if(45===i.charCodeAt(4))switch(i.charCodeAt(5)){case 103:return"-webkit-box-"+i.replace("-grow","")+"-webkit-"+i+"-ms-"+i.replace("grow","positive")+i;case 115:return"-webkit-"+i+"-ms-"+i.replace("shrink","negative")+i;case 98:return"-webkit-"+i+"-ms-"+i.replace("basis","preferred-size")+i}return"-webkit-"+i+"-ms-"+i+i;case 964:return"-webkit-"+i+"-ms-flex-"+i+i;case 1023:if(99!==i.charCodeAt(8))break;return"-webkit-box-pack"+(l=i.substring(i.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+i+"-ms-flex-pack"+l+i;case 1005:return f.test(i)?i.replace(p,":-webkit-")+i.replace(p,":-moz-")+i:i;case 1e3:switch(t=(l=i.substring(13).trim()).indexOf("-")+1,l.charCodeAt(0)+l.charCodeAt(t)){case 226:l=i.replace(C,"tb");break;case 232:l=i.replace(C,"tb-rl");break;case 220:l=i.replace(C,"lr");break;default:return i}return"-webkit-"+i+"-ms-"+l+i;case 1017:if(-1===i.indexOf("sticky",9))break;case 975:switch(t=(i=e).length-10,s=(l=(33===i.charCodeAt(t)?i.substring(0,t):i).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|l.charCodeAt(7))){case 203:if(111>l.charCodeAt(8))break;case 115:i=i.replace(l,"-webkit-"+l)+";"+i;break;case 207:case 102:i=i.replace(l,"-webkit-"+(102<s?"inline-":"")+"box")+";"+i.replace(l,"-webkit-"+l)+";"+i.replace(l,"-ms-"+l+"box")+";"+i}return i+";";case 938:if(45===i.charCodeAt(5))switch(i.charCodeAt(6)){case 105:return l=i.replace("-items",""),"-webkit-"+i+"-webkit-box-"+l+"-ms-flex-"+l+i;case 115:return"-webkit-"+i+"-ms-flex-item-"+i.replace(S,"")+i;default:return"-webkit-"+i+"-ms-flex-line-pack"+i.replace("align-content","").replace(S,"")+i}break;case 973:case 989:if(45!==i.charCodeAt(3)||122===i.charCodeAt(4))break;case 931:case 953:if(!0===E.test(e))return 115===(l=e.substring(e.indexOf(":")+1)).charCodeAt(0)?o(e.replace("stretch","fill-available"),t,r,n).replace(":fill-available",":stretch"):i.replace(l,"-webkit-"+l)+i.replace(l,"-moz-"+l.replace("fill-",""))+i;break;case 962:if(i="-webkit-"+i+(102===i.charCodeAt(5)?"-ms-"+i:"")+i,211===r+n&&105===i.charCodeAt(13)&&0<i.indexOf("transform",10))return i.substring(0,i.indexOf(";",27)+1).replace(h,"$1-webkit-$2")+i}return i}function a(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),L(2!==t?n:n.replace(w,"$1"),r,t)}function i(e,t){var r=o(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(k," or ($1)").substring(4):"("+t+")"}function s(e,t,r,n,o,a,i,s,l,u){for(var d,p=0,f=t;p<M;++p)switch(d=$[p].call(c,e,f,r,n,o,a,i,s,l,u)){case void 0:case!1:case!0:case null:break;default:f=d}if(f!==t)return f}function l(e){return void 0!==(e=e.prefix)&&(L=null,e?"function"!=typeof e?P=1:(P=2,L=e):P=0),l}function c(e,r){var n=e;if(33>n.charCodeAt(0)&&(n=n.trim()),n=[n],0<M){var o=s(-1,r,n,n,I,A,0,0,0,0);void 0!==o&&"string"==typeof o&&(r=o)}var a=t(R,n,r,0,0);return 0<M&&void 0!==(o=s(-2,a,n,n,I,A,a.length,0,0,0))&&(a=o),T=0,A=I=1,a}var u=/^\0+/g,d=/[\0\r\f]/g,p=/: */g,f=/zoo|gra/,h=/([,: ])(transform)/g,m=/,\r+?/g,g=/([\t\r\n ])*\f?&/g,y=/@(k\w+)\s*(\S*)\s*/,b=/::(place)/g,v=/:(read-only)/g,C=/[svh]\w+-[tblr]{2}/,x=/\(\s*(.*)\s*\)/g,k=/([\s\S]*?);/g,S=/-self|flex-/g,w=/[^]*?(:[rp][el]a[\w-]+)[^]*/,E=/stretch|:\s*\w+\-(?:conte|avail)/,_=/([^-])(image-set\()/,A=1,I=1,T=0,P=1,R=[],$=[],M=0,L=null,O=0;return c.use=function e(t){switch(t){case void 0:case null:M=$.length=0;break;default:if("function"==typeof t)$[M++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else O=0|!!t}return e},c.set=l,void 0!==e&&l(e),c}x=Symbol.for("react.module.reference"),w.ContextConsumer=R,w.ContextProvider=P,w.Element=E,w.ForwardRef=M,w.Fragment=A,w.Lazy=N,w.Memo=j,w.Portal=_,w.Profiler=T,w.StrictMode=I,w.Suspense=L,w.SuspenseList=O,w.isAsyncMode=function(){return!1},w.isConcurrentMode=function(){return!1},w.isContextConsumer=function(e){return z(e)===R},w.isContextProvider=function(e){return z(e)===P},w.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===E},w.isForwardRef=function(e){return z(e)===M},w.isFragment=function(e){return z(e)===A},w.isLazy=function(e){return z(e)===N},w.isMemo=function(e){return z(e)===j},w.isPortal=function(e){return z(e)===_},w.isProfiler=function(e){return z(e)===T},w.isStrictMode=function(e){return z(e)===I},w.isSuspense=function(e){return z(e)===L},w.isSuspenseList=function(e){return z(e)===O},w.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===A||e===T||e===I||e===L||e===O||e===D||"object"==typeof e&&null!==e&&(e.$$typeof===N||e.$$typeof===j||e.$$typeof===P||e.$$typeof===R||e.$$typeof===M||e.$$typeof===x||void 0!==e.getModuleId)},w.typeOf=z,S.exports=w;var q,U,V={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Y=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,B=(q=function(e){return Y.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91},U=Object.create(null),function(e){return void 0===U[e]&&(U[e]=q(e)),U[e]}),G={exports:{}},H={},W="function"==typeof Symbol&&Symbol.for,X=W?Symbol.for("react.element"):60103,K=W?Symbol.for("react.portal"):60106,Z=W?Symbol.for("react.fragment"):60107,J=W?Symbol.for("react.strict_mode"):60108,Q=W?Symbol.for("react.profiler"):60114,ee=W?Symbol.for("react.provider"):60109,te=W?Symbol.for("react.context"):60110,re=W?Symbol.for("react.async_mode"):60111,ne=W?Symbol.for("react.concurrent_mode"):60111,oe=W?Symbol.for("react.forward_ref"):60112,ae=W?Symbol.for("react.suspense"):60113,ie=W?Symbol.for("react.suspense_list"):60120,se=W?Symbol.for("react.memo"):60115,le=W?Symbol.for("react.lazy"):60116,ce=W?Symbol.for("react.block"):60121,ue=W?Symbol.for("react.fundamental"):60117,de=W?Symbol.for("react.responder"):60118,pe=W?Symbol.for("react.scope"):60119;function fe(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case X:switch(e=e.type){case re:case ne:case Z:case Q:case J:case ae:return e;default:switch(e=e&&e.$$typeof){case te:case oe:case le:case se:case ee:return e;default:return t}}case K:return t}}}function he(e){return fe(e)===ne}H.AsyncMode=re,H.ConcurrentMode=ne,H.ContextConsumer=te,H.ContextProvider=ee,H.Element=X,H.ForwardRef=oe,H.Fragment=Z,H.Lazy=le,H.Memo=se,H.Portal=K,H.Profiler=Q,H.StrictMode=J,H.Suspense=ae,H.isAsyncMode=function(e){return he(e)||fe(e)===re},H.isConcurrentMode=he,H.isContextConsumer=function(e){return fe(e)===te},H.isContextProvider=function(e){return fe(e)===ee},H.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===X},H.isForwardRef=function(e){return fe(e)===oe},H.isFragment=function(e){return fe(e)===Z},H.isLazy=function(e){return fe(e)===le},H.isMemo=function(e){return fe(e)===se},H.isPortal=function(e){return fe(e)===K},H.isProfiler=function(e){return fe(e)===Q},H.isStrictMode=function(e){return fe(e)===J},H.isSuspense=function(e){return fe(e)===ae},H.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===Z||e===ne||e===Q||e===J||e===ae||e===ie||"object"==typeof e&&null!==e&&(e.$$typeof===le||e.$$typeof===se||e.$$typeof===ee||e.$$typeof===te||e.$$typeof===oe||e.$$typeof===ue||e.$$typeof===de||e.$$typeof===pe||e.$$typeof===ce)},H.typeOf=fe,G.exports=H;var me=G.exports,ge={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},ye={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},be={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ve={};function Ce(e){return me.isMemo(e)?be:ve[e.$$typeof]||ge}ve[me.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ve[me.Memo]=be;var xe=Object.defineProperty,ke=Object.getOwnPropertyNames,Se=Object.getOwnPropertySymbols,we=Object.getOwnPropertyDescriptor,Ee=Object.getPrototypeOf,_e=Object.prototype,Ae=function e(t,r,n){if("string"!=typeof r){if(_e){var o=Ee(r);o&&o!==_e&&e(t,o,n)}var a=ke(r);Se&&(a=a.concat(Se(r)));for(var i=Ce(t),s=Ce(r),l=0;l<a.length;++l){var c=a[l];if(!(ye[c]||n&&n[c]||s&&s[c]||i&&i[c])){var u=we(r,c);try{xe(t,c,u)}catch(e){}}}}return t};const Ie=t,{useContext:Te}=t,{createElement:Pe}=t;function Re(){return(Re=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var $e=function(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r},Me=function(e){return null!==e&&"object"==typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!S.exports.typeOf(e)},Le=Object.freeze([]),Oe=Object.freeze({});function je(e){return"function"==typeof e}function Ne(e){return e.displayName||e.name||"Component"}function De(e){return e&&"string"==typeof e.styledComponentId}var ze="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Fe="undefined"!=typeof window&&"HTMLElement"in window,qe=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&(void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY));function Ue(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];throw new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(r.length>0?" Args: "+r.join(", "):""))}var Ve=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;e>=o;)(o<<=1)<0&&Ue(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var a=n;a<o;a++)this.groupSizes[a]=0}for(var i=this.indexOfGroup(e+1),s=0,l=t.length;s<l;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),o=n+r,a=n;a<o;a++)t+=this.tag.getRule(a)+"/*!sc*/\n";return t},e}(),Ye=new Map,Be=new Map,Ge=1,He=function(e){if(Ye.has(e))return Ye.get(e);for(;Be.has(Ge);)Ge++;var t=Ge++;return Ye.set(e,t),Be.set(t,e),t},We=function(e){return Be.get(e)},Xe=function(e,t){t>=Ge&&(Ge=t+1),Ye.set(e,t),Be.set(t,e)},Ke="style["+ze+'][data-styled-version="5.3.11"]',Ze=new RegExp("^"+ze+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),Je=function(e,t,r){for(var n,o=r.split(","),a=0,i=o.length;a<i;a++)(n=o[a])&&e.registerName(t,n)},Qe=function(e,t){for(var r=(t.textContent||"").split("/*!sc*/\n"),n=[],o=0,a=r.length;o<a;o++){var i=r[o].trim();if(i){var s=i.match(Ze);if(s){var l=0|parseInt(s[1],10),c=s[2];0!==l&&(Xe(c,l),Je(e,c,s[3]),e.getTag().insertRules(l,n)),n.length=0}else n.push(i)}}},et=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=function(e){for(var t=e.childNodes,r=t.length;r>=0;r--){var n=t[r];if(n&&1===n.nodeType&&n.hasAttribute(ze))return n}}(r),a=void 0!==o?o.nextSibling:null;n.setAttribute(ze,"active"),n.setAttribute("data-styled-version","5.3.11");var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&n.setAttribute("nonce",i),r.insertBefore(n,a),n},tt=function(){function e(e){var t=this.element=et(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];if(o.ownerNode===e)return o}Ue(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),rt=function(){function e(e){var t=this.element=et(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t),n=this.nodes[e];return this.element.insertBefore(r,n||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),nt=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),ot=Fe,at={isServer:!Fe,useCSSOMInjection:!qe},it=function(){function e(e,t,r){void 0===e&&(e=Oe),void 0===t&&(t={}),this.options=Re({},at,{},e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&Fe&&ot&&(ot=!1,function(e){for(var t=document.querySelectorAll(Ke),r=0,n=t.length;r<n;r++){var o=t[r];o&&"active"!==o.getAttribute(ze)&&(Qe(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return He(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(Re({},this.options,{},t),this.gs,r&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(r=(t=this.options).isServer,n=t.useCSSOMInjection,o=t.target,e=r?new nt(o):n?new tt(o):new rt(o),new Ve(e)));var e,t,r,n,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(He(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},t.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(He(e),r)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(He(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),r=t.length,n="",o=0;o<r;o++){var a=We(o);if(void 0!==a){var i=e.names.get(a),s=t.getGroup(o);if(i&&s&&i.size){var l=ze+".g"+o+'[id="'+a+'"]',c="";void 0!==i&&i.forEach(function(e){e.length>0&&(c+=e+",")}),n+=""+s+l+'{content:"'+c+'"}/*!sc*/\n'}}}return n}(this)},e}(),st=/(a)(d)/gi,lt=function(e){return String.fromCharCode(e+(e>25?39:97))};function ct(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=lt(t%52)+r;return(lt(t%52)+r).replace(st,"$1-$2")}var ut=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},dt=function(e){return ut(5381,e)},pt=dt("5.3.11"),ft=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(je(r)&&!De(r))return!1}return!0}(e),this.componentId=t,this.baseHash=ut(pt,t),this.baseStyle=r,it.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(n,this.staticRulesId))o.push(this.staticRulesId);else{var a=At(this.rules,e,t,r).join(""),i=ct(ut(this.baseHash,a)>>>0);if(!t.hasNameForId(n,i)){var s=r(a,"."+i,void 0,n);t.insertRules(n,i,s)}o.push(i),this.staticRulesId=i}else{for(var l=this.rules.length,c=ut(this.baseHash,r.hash),u="",d=0;d<l;d++){var p=this.rules[d];if("string"==typeof p)u+=p;else if(p){var f=At(p,e,t,r),h=Array.isArray(f)?f.join(""):f;c=ut(c,h+d),u+=h}}if(u){var m=ct(c>>>0);if(!t.hasNameForId(n,m)){var g=r(u,"."+m,void 0,n);t.insertRules(n,m,g)}o.push(m)}}return o.join(" ")},e}(),ht=/^\s*\/\/.*$/gm,mt=[":","[",".","#"],gt=Ie.createContext();gt.Consumer;var yt=Ie.createContext(),bt=(yt.Consumer,new it),vt=function(){var e,t,r,n,o=Oe,a=o.options,i=void 0===a?Oe:a,s=o.plugins,l=void 0===s?Le:s,c=new F(i),u=[],d=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(r,n,o,a,i,s,l,c,u,d){switch(r){case 1:if(0===u&&64===n.charCodeAt(0))return e(n+";"),"";break;case 2:if(0===c)return n+"/*|*/";break;case 3:switch(c){case 102:case 112:return e(o[0]+n),"";default:return n+(0===d?"/*|*/":"")}case-2:n.split("/*|*/}").forEach(t)}}}(function(e){u.push(e)}),p=function(r,o,a){return 0===o&&-1!==mt.indexOf(a[t.length])||a.match(n)?r:"."+e};function f(o,a,i,s){void 0===s&&(s="&");var l=o.replace(ht,""),u=a&&i?i+" "+a+" { "+l+" }":l;return e=s,t=a,r=new RegExp("\\"+t+"\\b","g"),n=new RegExp("(\\"+t+"\\b){2,}"),c(i||!a?"":a,u)}return c.use([].concat(l,[function(e,n,o){2===e&&o.length&&o[0].lastIndexOf(t)>0&&(o[0]=o[0].replace(r,p))},d,function(e){if(-2===e){var t=u;return u=[],t}}])),f.hash=l.length?l.reduce(function(e,t){return t.name||Ue(15),ut(e,t.name)},5381).toString():"",f}();var Ct=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=vt);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.toString=function(){return Ue(12,String(r.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=vt),this.name+e.hash},e}(),xt=/([A-Z])/,kt=/([A-Z])/g,St=/^ms-/,wt=function(e){return"-"+e.toLowerCase()};function Et(e){return xt.test(e)?e.replace(kt,wt).replace(St,"-ms-"):e}var _t=function(e){return null==e||!1===e||""===e};function At(e,t,r,n){if(Array.isArray(e)){for(var o,a=[],i=0,s=e.length;i<s;i+=1)""!==(o=At(e[i],t,r,n))&&(Array.isArray(o)?a.push.apply(a,o):a.push(o));return a}return _t(e)?"":De(e)?"."+e.styledComponentId:je(e)?"function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!t?e:At(e(t),t,r,n):e instanceof Ct?r?(e.inject(r,n),e.getName(n)):e:Me(e)?function e(t,r){var n,o,a=[];for(var i in t)t.hasOwnProperty(i)&&!_t(t[i])&&(Array.isArray(t[i])&&t[i].isCss||je(t[i])?a.push(Et(i)+":",t[i],";"):Me(t[i])?a.push.apply(a,e(t[i],i)):a.push(Et(i)+": "+(n=i,(null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in V||n.startsWith("--")?String(o).trim():o+"px")+";")));return r?[r+" {"].concat(a,["}"]):a}(e):e.toString();var l}var It=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Tt(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return je(e)||Me(e)?It(At($e(Le,[e].concat(r)))):0===r.length&&1===e.length&&"string"==typeof e[0]?e:It(At($e(e,r)))}var Pt=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Rt=/(^-|-$)/g;function $t(e){return e.replace(Pt,"-").replace(Rt,"")}function Mt(e){return"string"==typeof e&&!0}var Lt=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Ot=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function jt(e,t,r){var n=e[r];Lt(t)&&Lt(n)?Nt(n,t):e[r]=t}function Nt(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];for(var o=0,a=r;o<a.length;o++){var i=a[o];if(Lt(i))for(var s in i)Ot(s)&&jt(e,i[s],s)}return e}var Dt=Ie.createContext();Dt.Consumer;var zt={};function Ft(e,t,r){var n=De(e),o=!Mt(e),a=t.attrs,i=void 0===a?Le:a,s=t.componentId,l=void 0===s?function(e,t){var r="string"!=typeof e?"sc":$t(e);zt[r]=(zt[r]||0)+1;var n=r+"-"+function(e){return ct(dt(e)>>>0)}("5.3.11"+r+zt[r]);return t?t+"-"+n:n}(t.displayName,t.parentComponentId):s,c=t.displayName,u=void 0===c?function(e){return Mt(e)?"styled."+e:"Styled("+Ne(e)+")"}(e):c,d=t.displayName&&t.componentId?$t(t.displayName)+"-"+t.componentId:t.componentId||l,p=n&&e.attrs?Array.prototype.concat(e.attrs,i).filter(Boolean):i,f=t.shouldForwardProp;n&&e.shouldForwardProp&&(f=t.shouldForwardProp?function(r,n,o){return e.shouldForwardProp(r,n,o)&&t.shouldForwardProp(r,n,o)}:e.shouldForwardProp);var h,m=new ft(r,d,n?e.componentStyle:void 0),g=m.isStatic&&0===i.length,y=function(e,t){return function(e,t,r,n){var o=e.attrs,a=e.componentStyle,i=e.defaultProps,s=e.foldedComponentIds,l=e.shouldForwardProp,c=e.styledComponentId,u=e.target,d=function(e,t,r){void 0===e&&(e=Oe);var n=Re({},t,{theme:e}),o={};return r.forEach(function(e){var t,r,a,i=e;for(t in je(i)&&(i=i(n)),i)n[t]=o[t]="className"===t?(r=o[t],a=i[t],r&&a?r+" "+a:r||a):i[t]}),[n,o]}(function(e,t,r){return void 0===r&&(r=Oe),e.theme!==r.theme&&e.theme||t||r.theme}(t,Te(Dt),i)||Oe,t,o),p=d[0],f=d[1],h=function(e,t,r){var n=Te(gt)||bt,o=Te(yt)||vt;return t?e.generateAndInjectStyles(Oe,n,o):e.generateAndInjectStyles(r,n,o)}(a,n,p),m=r,g=f.$as||t.$as||f.as||t.as||u,y=Mt(g),b=f!==t?Re({},t,{},f):t,v={};for(var C in b)"$"!==C[0]&&"as"!==C&&("forwardedAs"===C?v.as=b[C]:(l?l(C,B,g):!y||B(C))&&(v[C]=b[C]));return t.style&&f.style!==t.style&&(v.style=Re({},t.style,{},f.style)),v.className=Array.prototype.concat(s,c,h!==c?h:null,t.className,f.className).filter(Boolean).join(" "),v.ref=m,Pe(g,v)}(h,e,t,g)};return y.displayName=u,(h=Ie.forwardRef(y)).attrs=p,h.componentStyle=m,h.displayName=u,h.shouldForwardProp=f,h.foldedComponentIds=n?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):Le,h.styledComponentId=d,h.target=n?e.target:e,h.withComponent=function(e){var n=t.componentId,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(t,["componentId"]),a=n&&n+"-"+(Mt(e)?e:$t(Ne(e)));return Ft(e,Re({},o,{attrs:p,componentId:a}),r)},Object.defineProperty(h,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=n?Nt({},e.defaultProps,t):t}}),Object.defineProperty(h,"toString",{value:function(){return"."+h.styledComponentId}}),o&&Ae(h,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),h}var qt=function(e){return function e(t,r,n){if(void 0===n&&(n=Oe),!S.exports.isValidElementType(r))return Ue(1,String(r));var o=function(){return t(r,n,Tt.apply(void 0,arguments))};return o.withConfig=function(o){return e(t,r,Re({},n,{},o))},o.attrs=function(o){return e(t,r,Re({},n,{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}))},o}(Ft,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){qt[e]=qt(e)});var Ut=qt;const Vt=Ut.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`,Yt=Ut.p`
-  margin: 10px 0;
-  color: #c3c3c3;
-  font-size: 12px;
-`,Bt=Ut.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 110px;
-`,Gt=Ut.div`
-  cursor: pointer;
-`,Ht="custom",Wt=t,{Add:Xt}=n,{Remove:Kt}=n,Zt=r,Jt=({model:e,onChangeModel:t})=>Wt.createElement(Vt,null,Wt.createElement(Yt,null,"Matrix Columns"),Wt.createElement(Bt,null,Wt.createElement(Gt,null,Wt.createElement(Kt,{onClick:()=>{const r=e.columnLabels.length;if(r<=1)return;const n=[...e.columnLabels];n.pop();const o={...e.matrixValues};e.rowLabels.forEach((e,t)=>{delete o[`${t}-${r-1}`]}),t({...e,columnLabels:n,matrixValues:o,labelType:Ht})}})),Wt.createElement("p",null,e.columnLabels.length),Wt.createElement(Gt,null,Wt.createElement(Xt,{onClick:()=>{t({...e,columnLabels:[...e.columnLabels,`COLUMN ${e.columnLabels.length+1}`],labelType:Ht})}}))));Jt.propTypes={model:Zt.object.isRequired,onChangeModel:Zt.func.isRequired};const Qt=t,{Add:er}=n,{Remove:tr}=n,rr=r,nr=({model:e,onChangeModel:t})=>Qt.createElement(Vt,null,Qt.createElement(Yt,null,"Matrix Rows"),Qt.createElement(Bt,null,Qt.createElement(Gt,null,Qt.createElement(tr,{onClick:()=>{const r=e.rowLabels.length;if(r<=1)return;const n=[...e.rowLabels];n.pop();const o={...e.matrixValues};e.columnLabels.forEach((e,t)=>{delete o[`${r-1}-${t}`]}),t({...e,rowLabels:n,matrixValues:o,labelType:Ht})}})),Qt.createElement("p",null,e.rowLabels.length),Qt.createElement(Gt,null,Qt.createElement(er,{onClick:()=>{t({...e,rowLabels:[...e.rowLabels,`STATEMENT ${e.rowLabels.length+1}`],labelType:Ht})}}))));nr.propTypes={model:rr.object.isRequired,onChangeModel:rr.func.isRequired};const or=["Disagree","Unsure","Agree"],ar=["Strongly Disagree",...or,"Strongly Agree"],ir=["Extremely Disagree",...ar,"Extremely Agree"],sr=["Infrequently","Unsure","Frequently"],lr=["Very Infrequently",...sr,"Very Frequently"],cr=["Never",...lr,"Always"],ur=["Not Likely","Unsure","Likely"],dr=["Very Unlikely",...ur,"Very Likely"],pr=["Extremely Unlikely",...dr,"Extremely Likely"],fr=["Not Important","Unsure","Important"],hr=["Very Not Important",...fr,"Very Important"],mr=["Extremely Not Important",...hr,"Extremely Important"],gr=["Dislike","Unsure","Like"],yr=["Really Dislike",...gr,"Really Like"],br={agreement_3:or,agreement_5:ar,agreement_7:ir,frequency_3:sr,frequency_5:lr,frequency_7:cr,yesNo_3:["No","Unsure","Yes"],yesNo_5:["No","Not really","Unsure","Sometimes","Yes"],yesNo_7:["No","Rarely","Not really","Unsure","Sometimes","Very Often","Always"],likelihood_3:ur,likelihood_5:dr,likelihood_7:pr,importance_3:fr,importance_5:hr,importance_7:mr,like_3:gr,like_5:yr,like_7:["Extremely Dislike",...yr,"Extremely Like"]},vr=t,{styled:Cr}=o,{Radio:xr}=a,{RadioGroup:kr}=a,{FormControlLabel:Sr}=a,wr=r,{color:Er}=i,_r=Cr("div")({display:"flex"}),Ar=Cr(xr)({"&.MuiRadio-root":{color:`${Er.tertiary()} !important`}}),Ir=({model:e,onChangeModel:t})=>{const r=r=>{const n=r.target.value,o={...e,labelType:n};n!==Ht&&(o.columnLabels=((e,t)=>br[`${e}_${t}`])(n,e.columnLabels.length)),t(o)},n=[3,5,7].includes(e.columnLabels.length);return vr.createElement(Vt,null,vr.createElement(Yt,null,"Matrix Type"),vr.createElement(_r,null,vr.createElement(kr,{"aria-label":"matrixLabelType",name:"matrixLabelType",value:e.labelType,onChange:r},vr.createElement(Sr,{disabled:!n,value:"agreement",control:vr.createElement(Ar,null),label:"Agreement"}),vr.createElement(Sr,{disabled:!n,value:"frequency",control:vr.createElement(Ar,null),label:"Frequency"}),vr.createElement(Sr,{disabled:!n,value:"yesNo",control:vr.createElement(Ar,null),label:"Yes/No"})),vr.createElement(kr,{"aria-label":"matrixLabelType",name:"matrixLabelType",value:e.labelType,onChange:r},vr.createElement(Sr,{disabled:!n,value:"importance",control:vr.createElement(Ar,null),label:"Importance"}),vr.createElement(Sr,{disabled:!n,value:"likelihood",control:vr.createElement(Ar,null),label:"Likelihood"}),vr.createElement(Sr,{disabled:!n,value:"like",control:vr.createElement(Ar,null),label:"Like"})),vr.createElement(kr,{"aria-label":"matrixLabelType",name:"matrixLabelType",value:e.labelType,onChange:r},vr.createElement(Sr,{value:Ht,control:vr.createElement(Ar,null),label:"Custom"}))))};Ir.propTypes={model:wr.object.isRequired,onChangeModel:wr.func.isRequired};const Tr=t,Pr=r,{styled:Rr}=o,{TextField:$r}=a,Mr=Rr("div")`
-  width: 100%;
-  height: 100%;
-  input[type='number'] {
-    -moz-appearance: textfield;
-  }
-
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-`,Lr=Rr($r)({"& .MuiOutlinedInput-root":{fontSize:"16px",textAlign:"center!important",padding:"0!important",margin:"5px 0","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"gray !important"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"green !important",borderWidth:"1px !important"}},"& .MuiOutlinedInput-input":{fontSize:"16px",textAlign:"center",padding:"0",margin:"5px 0"},"& .MuiOutlinedInput-notchedOutline":{borderWidth:"1px !important",borderColor:"#d6d6d6 !important"}}),Or=e=>{const{onFieldUpdate:t,name:r,placeholder:n,fieldValue:o}=e;return Tr.createElement(Mr,null,Tr.createElement(Lr,{name:r,value:o.value,inputRef:o.ref,type:"number",placeholder:n,onChange:e=>{t(e.target.value)},variant:"outlined"}))};Or.propTypes={name:Pr.string.isRequired,placeholder:Pr.string.isRequired,fieldValue:Pr.object.isRequired,onFieldUpdate:Pr.func.isRequired};var jr=e=>/^-?\d+$/.test(e);const Nr=t,{useState:Dr}=t,{KeyboardArrowDown:zr}=n,{Menu:Fr}=a,{MenuItem:qr}=a,Ur=r,Vr=Ut.div`
-  width: 100%;
-  height: 50px;
-  margin: 1px;
-  background: #04b26e;
-  border-radius: 5px;
-  color: white;
-  font-size: 14px;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`,Yr=Ut.div`
-  padding: 0 5px 0 12px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-`,Br=Ut.p`
-  margin: 0;
-  padding: 3px 0 3px 4px;
-  cursor: pointer;
-  width: 100%;
-
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  :hover {
-    background: #00985d;
-  }
-
-  transition: all 0.1s ease-in-out;
-`,Gr=Ut.div`
-  padding: 0 3px;
-  height: 100%;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  border-left: 3px solid #00985d;
-  :hover {
-    background: #00985d;
-    border-top-right-radius: 5px;
-    border-bottom-right-radius: 5px;
-  }
-  transition: all 0.1s ease-in-out;
-`,Hr=Ut.div`
-  font-size: 18px;
-`,Wr=Ut.input`
-  margin: 0;
-  padding: 0 0 0 4px;
-  font-size: 14px;
-  border: none;
-  outline: none;
-  color: white;
-  width: 50px;
-  width: 100%;
-  background: #00985d;
-  height: 22px;
-  display: flex;
-  align-items: center;
-`,Xr=Ut.div`
-  display: flex;
-  align-items: center;
-`,Kr=Ut.div`
-  width: 50px;
-  margin-left: 10px;
-`,Zr="clear",Jr="sortAscending",Qr="sortDescending",en="set",tn=e=>{const{onLabelUpdate:t,value:r,resourceIndex:n,onAction:o,spellCheck:a}=e,[i,s]=Dr(null),[l,c]=Dr(""),[u,d]=Dr(!1),[p,f]=Nr.useState(null),[h]=Nr.useState(Nr.createRef()),m=Boolean(p),g=e=>{e.stopPropagation(),f(null),c("")};return Nr.createElement(Vr,null,Nr.createElement(Yr,null,u?Nr.createElement(Wr,{autoFocus:!0,value:i,onChange:e=>s(e.target.value),onBlur:()=>{const e=i.trim();e&&t(e),s(null),d(!1)},spellCheck:a}):Nr.createElement(Br,{onClick:()=>{d(!0),s(r)}},r)),Nr.createElement(Gr,{onClick:e=>{f(e.currentTarget)}},Nr.createElement(Hr,null,Nr.createElement(zr,{fontSize:"inherit"})),Nr.createElement(Fr,{anchorEl:p,open:m,onClose:g,transitionDuration:{enter:225,exit:195}},Nr.createElement(qr,{key:"item1",selected:!1,onClick:e=>{g(e),o({resourceIndex:n,actionType:Zr})}},"Clear Scores"),Nr.createElement(qr,{key:"item2",selected:!1,onClick:e=>{g(e),o({resourceIndex:n,actionType:Jr})}},"Set Scores Ascending"),Nr.createElement(qr,{key:"item3",selected:!1,onClick:e=>{g(e),o({resourceIndex:n,actionType:Qr})}},"Set Scores Descending"),Nr.createElement(qr,{key:"item4",selected:!1},Nr.createElement(Xr,null,Nr.createElement("p",{onClick:()=>{h.current.focus()}},"Set Scores To"),Nr.createElement(Kr,null,Nr.createElement(Or,{onFieldUpdate:e=>{if(!jr(e))return void c("");const t=parseInt(e,10);c(t),o({resourceIndex:n,actionType:en,setValue:t})},name:"setScoreTo",placeholder:"#",fieldValue:{value:l,ref:h}})))))))};tn.propTypes={value:Ur.string.isRequired,resourceIndex:Ur.number.isRequired,onLabelUpdate:Ur.func.isRequired,onAction:Ur.func.isRequired,spellCheck:Ur.bool};const rn=t,nn=r,on="120px",an=Ut.div`
-  display: grid;
-  grid-template-columns: min-content min-content auto;
-`,sn=Ut.div`
-  display: flex;
-  justify-content: space-between;
-  padding: 5px;
-`,ln=Ut.div`
-  width: ${on};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,cn=Ut.div`
-  width: 200px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,un=Ut.div`
-  display: flex;
-  justify-content: space-between;
-`,dn=Ut.div`
-  width: ${on};
-  height: 50px;
-  margin: 1px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`,pn=Ut.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 5px;
-`,fn=Ut.div`
-  width: 60px;
-  justify-self: center;
-  align-self: center;
-`,hn=Ut.div`
-  background: gray;
-  width: 100%;
-  height: 1px;
-`,mn=Ut.div`
-  background: gray;
-  width: 1px;
-  height: 100%;
-`,gn=Ut.div`
-  padding: 5px;
-`,yn=e=>{const{model:t,onChangeModel:r}=e,{rowLabels:n,columnLabels:o,matrixValues:a,spellCheckEnabled:i}=t,s=({resourceIndex:e,actionType:o,setValue:i})=>{const s=e,l={...a};n.forEach((e,t)=>{switch(o){case Zr:delete l[`${t}-${s}`];break;case Jr:l[`${t}-${s}`]=t+1;break;case Qr:l[`${t}-${s}`]=n.length-t;break;case en:l[`${t}-${s}`]=i;break;default:throw"Incorrect actionType"}}),r({...t,matrixValues:l})},l=({resourceIndex:e,actionType:i,setValue:s})=>{const l=e,c={...a};o.forEach((e,t)=>{switch(i){case Zr:delete c[`${l}-${t}`];break;case Jr:c[`${l}-${t}`]=l+1;break;case Qr:c[`${l}-${t}`]=n.length-l;break;case en:c[`${l}-${t}`]=s;break;default:throw"Incorrect actionType"}}),r({...t,matrixValues:c})};return rn.createElement(an,null,rn.createElement("div",null),rn.createElement(mn,null),rn.createElement(sn,null,o.map((e,n)=>rn.createElement(ln,{key:n},rn.createElement(tn,{resourceIndex:n,onAction:s,value:e,onLabelUpdate:e=>((e,n)=>{const a=[...o];a[e]=n,r({...t,columnLabels:a})})(n,e),spellCheck:i})))),rn.createElement(hn,null),rn.createElement(mn,null),rn.createElement(hn,null),rn.createElement(pn,null,n.map((e,o)=>rn.createElement(cn,{key:o},rn.createElement(tn,{resourceIndex:o,onAction:l,value:e,onLabelUpdate:e=>((e,o)=>{const a=[...n];a[e]=o,r({...t,rowLabels:a})})(o,e),spellCheck:i})))),rn.createElement(mn,null),rn.createElement(gn,null,n.map((e,n)=>rn.createElement(un,{key:n},o.map((e,o)=>{const i=`${n}-${o}`;return rn.createElement(dn,{key:o},rn.createElement(fn,null,rn.createElement(Or,{onFieldUpdate:e=>((e,n)=>{const o={...a};jr(n)?o[e]=parseInt(n,10):delete o[e],r({...t,matrixValues:o})})(i,e),name:i,placeholder:"#",fieldValue:{value:jr(a[i])?a[i]:""}})))})))))};yn.propTypes={model:nn.object.isRequired,onChangeModel:nn.func.isRequired};const bn=t,vn=r,{styled:Cn}=o,xn=c,{InputContainer:kn}=u,{settings:Sn}=u,{layout:wn}=u;function En(e){let t,r=e[0],n=1;for(;n<e.length;){const o=e[n],a=e[n+1];if(n+=2,("optionalAccess"===o||"optionalCall"===o)&&null==r)return;"access"===o||"optionalAccess"===o?(t=r,r=a(r)):"call"!==o&&"optionalCall"!==o||(r=a((...e)=>r.call(t,...e)),t=void 0)}return r}const{Panel:_n,toggle:An,radio:In}=Sn,Tn=Cn(kn)(({theme:e})=>({width:"100%",paddingTop:e.spacing(1),marginTop:e.spacing(2),marginBottom:e.spacing(2)})),Pn=Cn("div")(({theme:e})=>({display:"flex",flexWrap:"wrap",width:"100%",paddingBottom:e.spacing(2.5),justifyContent:"space-around"})),Rn=Cn("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing(1)})),$n=e=>{const{model:t,configuration:r,onPromptChanged:n,imageSupport:o,uploadSoundSupport:a,onChangeModel:i,onConfigurationChanged:s,onTeacherInstructionsChanged:l}=e,{baseInputConfiguration:c={},contentDimensions:u={},prompt:d={},scoringType:p={},settingsPanelDisabled:f,spellCheck:h={},teacherInstructions:m={}}=r||{},{errors:g={},extraCSSRules:y,teacherInstructionsEnabled:b,spellCheckEnabled:v}=t||{},{prompt:C,teacherInstructions:x}=g,k={teacherInstructionsEnabled:m.settings&&An(m.label),spellCheckEnabled:h.settings&&An(h.label),scoringType:p.settings&&In(p.label,["auto","rubric"])},S=(e={})=>({...c,...e});return bn.createElement(wn.ConfigLayout,{extraCSSRules:y,dimensions:u,hideSettings:f,settings:bn.createElement(_n,{model:t,onChangeModel:i,configuration:r,onChangeConfiguration:s,groups:{Properties:k}})},b&&bn.createElement(Tn,{label:m.label},bn.createElement(xn,{markup:t.teacherInstructions||"",onChange:l,imageSupport:o,error:x,pluginProps:S(En([m,"optionalAccess",e=>e.inputConfiguration])),nonEmpty:!1,spellCheck:v,uploadSoundSupport:a}),x&&bn.createElement(Rn,null,x)),bn.createElement(Tn,{label:d.label},bn.createElement(xn,{markup:t.prompt,onChange:n,imageSupport:o,error:C,pluginProps:S(En([d,"optionalAccess",e=>e.inputConfiguration])),nonEmpty:!d.settings,spellCheck:v,uploadSoundSupport:a,disableUnderline:!0}),C&&bn.createElement(Rn,null,C)),bn.createElement(Pn,null,bn.createElement(nr,{model:t,onChangeModel:i}),bn.createElement(Jt,{model:t,onChangeModel:i}),bn.createElement(Ir,{model:t,onChangeModel:i})),bn.createElement(yn,{model:t,onChangeModel:i}))};class Mn extends bn.Component{constructor(...e){super(...e),Mn.prototype.__init.call(this),Mn.prototype.__init2.call(this),Mn.prototype.__init3.call(this)}static __initStatic(){this.propTypes={model:vn.object.isRequired,disableSidePanel:vn.bool,onModelChanged:vn.func.isRequired,onConfigurationChanged:vn.func.isRequired,imageSupport:vn.shape({add:vn.func.isRequired,delete:vn.func.isRequired})}}__init(){this.onPromptChanged=e=>{this.props.onModelChanged({...this.props.model,prompt:e})}}__init2(){this.onChangeModel=e=>{this.props.onModelChanged({...this.props.model,...e})}}__init3(){this.onTeacherInstructionsChanged=e=>{this.props.onModelChanged({...this.props.model,teacherInstructions:e})}}render(){return bn.createElement($n,{...this.props,onChangeModel:this.props.onModelChanged,onPromptChanged:this.onPromptChanged,onTeacherInstructionsChanged:this.onTeacherInstructionsChanged})}}Mn.__initStatic();var Ln={columnLabels:["COLUMN 1","COLUMN 2","COLUMN 3"],labelType:"agreement",matrixValues:{},prompt:"",promptEnabled:!0,rowLabels:["STATEMENT 1","STATEMENT 2"],teacherInstructions:"",teacherInstructionsEnabled:!0},On={baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},prompt:{settings:!0,label:"Prompt",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},settingsPanelDisabled:!1,spellCheck:{label:"Spellcheck",settings:!1,enabled:!0},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1}};const jn=t,Nn=s,{defaults:Dn}=l,zn=Nn("matrix:configure"),Fn=(e,t)=>({configuration:Dn(e,On),model:t});class qn extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...Ln,...e})}constructor(){super(),this._root=null,this._model=qn.createDefaultModel(),this._configuration=On,this.onModelChanged=this.onModelChanged.bind(this),this.onConfigurationChanged=this.onConfigurationChanged.bind(this)}set model(e){this._model=qn.createDefaultModel(e),this._render()}set configuration(e){const t=Fn(e,this._model);this.onModelChanged(t.model),this._configuration=t.configuration,this._render()}set disableSidePanel(e){this._disableSidePanel=e,this._render()}dispatchModelUpdated(e){const t=!!e;this.dispatchEvent(new m(this._model,t))}onModelChanged(e,t){this._model=e,this._render(),this.dispatchModelUpdated(t)}onConfigurationChanged(e){this._configuration=Fn(e,this._model).configuration,this._model&&this.onModelChanged(this._model),this._render()}insertSound(e){this.dispatchEvent(new k(e))}onDeleteSound(e,t){this.dispatchEvent(new v(e,t))}_render(){zn("_render");let e=jn.createElement(Mn,{model:this._model,configuration:this._configuration,onModelChanged:this.onModelChanged,onConfigurationChanged:this.onConfigurationChanged,disableSidePanel:this._disableSidePanel,uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});this._root||(this._root=d(this)),this._root.render(e)}disconnectedCallback(){this._root&&this._root.unmount()}}qn.__initStatic();export{qn as default};