@pie-element/passage 6.0.0-beta.0 → 6.0.0-next.42

package/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [5.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@5.3.2...@pie-element/passage@5.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [5.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage@5.3.1...@pie-element/passage@5.3.2) (2025-10-22)
 
 

package/configure/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [3.3.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-configure@3.3.2...@pie-element/passage-configure@3.3.3) (2025-11-27)
-
-
-### Bug Fixes
-
-* bump libs PD-5274, PD-5211, PD-5248 ([7610b25](https://github.com/pie-framework/pie-elements/commit/7610b25423956b6492f33322513b3430051fca77))
-
-
-
-
-
 ## [3.3.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/passage-configure@3.3.1...@pie-element/passage-configure@3.3.2) (2025-10-22)
 
 

package/configure/lib/passage.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _configUi = require("@pie-lib/config-ui");
-var _editableHtml = _interopRequireWildcard(require("@pie-lib/editable-html"));
+var _editableHtmlTipTap = _interopRequireWildcard(require("@pie-lib/editable-html-tip-tap"));
 var _styles = require("@mui/material/styles");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const StyledInputContainer = (0, _styles.styled)(_configUi.InputContainer)(({
@@ -95,8 +95,8 @@ class PassageComponent extends _react.default.Component {
     });
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, teacherInstructionsEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: teacherInstructions.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
-      activePlugins: _editableHtml.ALL_PLUGINS,
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
       markup: passages[passageIndex].teacherInstructions || '',
       onChange: value => this.handleChange('teacherInstructions', value),
       nonEmpty: false,
@@ -112,8 +112,8 @@ class PassageComponent extends _react.default.Component {
       pluginProps: getPluginProps(teacherInstructions?.inputConfiguration)
     }), teacherInstructionsError && /*#__PURE__*/_react.default.createElement(ErrorText, null, teacherInstructionsError)), titleEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: title.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
-      activePlugins: _editableHtml.ALL_PLUGINS,
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
       markup: passages[passageIndex].title || '',
       onChange: value => this.handleChange('title', value),
       nonEmpty: false,
@@ -127,8 +127,8 @@ class PassageComponent extends _react.default.Component {
       pluginProps: getPluginProps(title?.inputConfiguration)
     }), titleError && /*#__PURE__*/_react.default.createElement(ErrorText, null, titleError)), subtitleEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: subtitle.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
-      activePlugins: _editableHtml.ALL_PLUGINS,
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
       markup: passages[passageIndex].subtitle || '',
       onChange: value => this.handleChange('subtitle', value),
       nonEmpty: false,
@@ -142,8 +142,8 @@ class PassageComponent extends _react.default.Component {
       pluginProps: getPluginProps(subtitle?.inputConfiguration)
     }), subtitleError && /*#__PURE__*/_react.default.createElement(ErrorText, null, subtitleError)), authorEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: author.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
-      activePlugins: _editableHtml.ALL_PLUGINS,
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
       markup: passages[passageIndex].author || '',
       onChange: value => this.handleChange('author', value),
       nonEmpty: false,
@@ -157,8 +157,8 @@ class PassageComponent extends _react.default.Component {
       pluginProps: getPluginProps(author?.inputConfiguration)
     }), authorError && /*#__PURE__*/_react.default.createElement(ErrorText, null, authorError)), textEnabled && /*#__PURE__*/_react.default.createElement(StyledInputContainer, {
       label: text.label
-    }, /*#__PURE__*/_react.default.createElement(_editableHtml.default, {
-      activePlugins: _editableHtml.ALL_PLUGINS,
+    }, /*#__PURE__*/_react.default.createElement(_editableHtmlTipTap.default, {
+      activePlugins: _editableHtmlTipTap.ALL_PLUGINS,
       markup: passages[passageIndex].text || '',
       onChange: value => this.handleChange('text', value),
       imageSupport: imageSupport,

package/configure/lib/passage.js.map

@@ -1 +1 @@
-{"version":3,"file":"passage.js","names":["_react","_interopRequireDefault","require","_propTypes","_configUi","_editableHtml","_interopRequireWildcard","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledInputContainer","styled","InputContainer","theme","paddingTop","spacing","marginBottom","width","ErrorText","fontSize","typography","color","palette","error","main","PassageComponent","React","Component","constructor","props","_defineProperty2","fieldName","value","model","onModelChanged","passageIndex","passages","length","updatedPassages","render","configuration","imageSupport","uploadSoundSupport","maxImageWidth","maxImageHeight","mathMlOptions","baseInputConfiguration","teacherInstructions","title","subtitle","text","author","errors","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","authorEnabled","textEnabled","passagesErrors","teacherInstructionsError","titleError","subtitleError","authorError","textError","defaultImageMaxWidth","prompt","defaultImageMaxHeight","getPluginProps","customConfiguration","createElement","Fragment","label","activePlugins","ALL_PLUGINS","markup","onChange","handleChange","nonEmpty","languageCharactersProps","language","pluginProps","inputConfiguration","exports","PropTypes","func","isRequired","object","number","_default"],"sources":["../src/passage.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { styled } from '@mui/material/styles';\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  width: '100%',\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nexport class PassageComponent extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    passageIndex: PropTypes.number.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    passageIndex: 0,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  handleChange = (fieldName, value) => {\n    const { model, onModelChanged, passageIndex } = this.props;\n\n    if (!model.passages || passageIndex < 0 || passageIndex >= model.passages.length) {\n      return;\n    }\n\n    const updatedPassages = [...model.passages];\n    updatedPassages[passageIndex] = { ...updatedPassages[passageIndex], [fieldName]: value };\n\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, configuration, imageSupport, passageIndex, uploadSoundSupport } = this.props;\n    const {\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n      teacherInstructions = {},\n      title = {},\n      subtitle = {},\n      text = {},\n      author = {},\n    } = configuration || {};\n    const {\n      errors = {},\n      passages = [],\n      teacherInstructionsEnabled,\n      titleEnabled,\n      subtitleEnabled,\n      authorEnabled,\n      textEnabled,\n    } = model || {};\n\n    const { passages: passagesErrors } = errors || {};\n    const {\n      teacherInstructions: teacherInstructionsError,\n      title: titleError,\n      subtitle: subtitleError,\n      author: authorError,\n      text: textError,\n    } = (passagesErrors && passagesErrors[passageIndex]) || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const getPluginProps = (customConfiguration) => ({ ...baseInputConfiguration, ...customConfiguration });\n\n    return (\n      <React.Fragment>\n        {teacherInstructionsEnabled && (\n          <StyledInputContainer label={teacherInstructions.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].teacherInstructions || ''}\n              onChange={(value) => this.handleChange('teacherInstructions', value)}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            />\n            {teacherInstructionsError && <ErrorText>{teacherInstructionsError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {titleEnabled && (\n          <StyledInputContainer label={title.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].title || ''}\n              onChange={(value) => this.handleChange('title', value)}\n              nonEmpty={false}\n              error={titleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(title?.inputConfiguration)}\n            />\n            {titleError && <ErrorText>{titleError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {subtitleEnabled && (\n          <StyledInputContainer label={subtitle.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].subtitle || ''}\n              onChange={(value) => this.handleChange('subtitle', value)}\n              nonEmpty={false}\n              error={subtitleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(subtitle?.inputConfiguration)}\n            />\n            {subtitleError && <ErrorText>{subtitleError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {authorEnabled && (\n          <StyledInputContainer label={author.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].author || ''}\n              onChange={(value) => this.handleChange('author', value)}\n              nonEmpty={false}\n              error={authorError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(author?.inputConfiguration)}\n            />\n            {authorError && <ErrorText>{authorError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {textEnabled && (\n          <StyledInputContainer label={text.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].text || ''}\n              onChange={(value) => this.handleChange('text', value)}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              nonEmpty={false}\n              error={textError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.text) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.text) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(text?.inputConfiguration)}\n            />\n            {textError && <ErrorText>{textError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nexport default PassageComponent;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAC,uBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8C,SAAAI,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE9C,MAAMkB,oBAAoB,GAAG,IAAAC,cAAM,EAACC,wBAAc,CAAC,CAAC,CAAC;EAAEC;AAAM,CAAC,MAAM;EAClEC,UAAU,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAC5BC,YAAY,EAAEH,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;EAC9BE,KAAK,EAAE;AACT,CAAC,CAAC,CAAC;AAEH,MAAMC,SAAS,GAAG,IAAAP,cAAM,EAAC,KAAK,CAAC,CAAC,CAAC;EAAEE;AAAM,CAAC,MAAM;EAC9CM,QAAQ,EAAEN,KAAK,CAACO,UAAU,CAACD,QAAQ,GAAG,CAAC;EACvCE,KAAK,EAAER,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,IAAI;EAC/BV,UAAU,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC;AAC7B,CAAC,CAAC,CAAC;AAEI,MAAMU,gBAAgB,SAASC,cAAK,CAACC,SAAS,CAAC;EAcpDC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAAC,IAAAC,gBAAA,CAAA7B,OAAA,wBAGA,CAAC8B,SAAS,EAAEC,KAAK,KAAK;MACnC,MAAM;QAAEC,KAAK;QAAEC,cAAc;QAAEC;MAAa,CAAC,GAAG,IAAI,CAACN,KAAK;MAE1D,IAAI,CAACI,KAAK,CAACG,QAAQ,IAAID,YAAY,GAAG,CAAC,IAAIA,YAAY,IAAIF,KAAK,CAACG,QAAQ,CAACC,MAAM,EAAE;QAChF;MACF;MAEA,MAAMC,eAAe,GAAG,CAAC,GAAGL,KAAK,CAACG,QAAQ,CAAC;MAC3CE,eAAe,CAACH,YAAY,CAAC,GAAG;QAAE,GAAGG,eAAe,CAACH,YAAY,CAAC;QAAE,CAACJ,SAAS,GAAGC;MAAM,CAAC;MAExFE,cAAc,CAAC;QAAE,GAAGD,KAAK;QAAEG,QAAQ,EAAEE;MAAgB,CAAC,CAAC;IACzD,CAAC;EAbD;EAeAC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEN,KAAK;MAAEO,aAAa;MAAEC,YAAY;MAAEN,YAAY;MAAEO;IAAmB,CAAC,GAAG,IAAI,CAACb,KAAK;IAC3F,MAAM;MACJc,aAAa,GAAG,CAAC,CAAC;MAClBC,cAAc,GAAG,CAAC,CAAC;MACnBC,aAAa,GAAG,CAAC,CAAC;MAClBC,sBAAsB,GAAG,CAAC,CAAC;MAC3BC,mBAAmB,GAAG,CAAC,CAAC;MACxBC,KAAK,GAAG,CAAC,CAAC;MACVC,QAAQ,GAAG,CAAC,CAAC;MACbC,IAAI,GAAG,CAAC,CAAC;MACTC,MAAM,GAAG,CAAC;IACZ,CAAC,GAAGX,aAAa,IAAI,CAAC,CAAC;IACvB,MAAM;MACJY,MAAM,GAAG,CAAC,CAAC;MACXhB,QAAQ,GAAG,EAAE;MACbiB,0BAA0B;MAC1BC,YAAY;MACZC,eAAe;MACfC,aAAa;MACbC;IACF,CAAC,GAAGxB,KAAK,IAAI,CAAC,CAAC;IAEf,MAAM;MAAEG,QAAQ,EAAEsB;IAAe,CAAC,GAAGN,MAAM,IAAI,CAAC,CAAC;IACjD,MAAM;MACJL,mBAAmB,EAAEY,wBAAwB;MAC7CX,KAAK,EAAEY,UAAU;MACjBX,QAAQ,EAAEY,aAAa;MACvBV,MAAM,EAAEW,WAAW;MACnBZ,IAAI,EAAEa;IACR,CAAC,GAAIL,cAAc,IAAIA,cAAc,CAACvB,YAAY,CAAC,IAAK,CAAC,CAAC;IAE1D,MAAM6B,oBAAoB,GAAGrB,aAAa,IAAIA,aAAa,CAACsB,MAAM;IAClE,MAAMC,qBAAqB,GAAGtB,cAAc,IAAIA,cAAc,CAACqB,MAAM;IAErE,MAAME,cAAc,GAAIC,mBAAmB,KAAM;MAAE,GAAGtB,sBAAsB;MAAE,GAAGsB;IAAoB,CAAC,CAAC;IAEvG,oBACErF,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACtF,MAAA,CAAAkB,OAAK,CAACqE,QAAQ,QACZjB,0BAA0B,iBACzBtE,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAAC3D,oBAAoB;MAAC6D,KAAK,EAAExB,mBAAmB,CAACwB;IAAM,gBACrDxF,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACjF,aAAA,CAAAa,OAAY;MACXuE,aAAa,EAAEC,yBAAY;MAC3BC,MAAM,EAAEtC,QAAQ,CAACD,YAAY,CAAC,CAACY,mBAAmB,IAAI,EAAG;MACzD4B,QAAQ,EAAG3C,KAAK,IAAK,IAAI,CAAC4C,YAAY,CAAC,qBAAqB,EAAE5C,KAAK,CAAE;MACrE6C,QAAQ,EAAE,KAAM;MAChBtD,KAAK,EAAEoC,wBAAyB;MAChChB,aAAa,EAAGA,aAAa,IAAIA,aAAa,CAACI,mBAAmB,IAAKiB,oBAAqB;MAC5FpB,cAAc,EAAGA,cAAc,IAAIA,cAAc,CAACG,mBAAmB,IAAKmB,qBAAsB;MAChGrB,aAAa,EAAEA,aAAc;MAC7BiC,uBAAuB,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC,CAAE;MAC5EC,WAAW,EAAEb,cAAc,CAACpB,mBAAmB,EAAEkC,kBAAkB;IAAE,CACtE,CAAC,EACDtB,wBAAwB,iBAAI5E,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACnD,SAAS,QAAEyC,wBAAoC,CACzD,CACvB,EAEAL,YAAY,iBACXvE,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAAC3D,oBAAoB;MAAC6D,KAAK,EAAEvB,KAAK,CAACuB;IAAM,gBACvCxF,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACjF,aAAA,CAAAa,OAAY;MACXuE,aAAa,EAAEC,yBAAY;MAC3BC,MAAM,EAAEtC,QAAQ,CAACD,YAAY,CAAC,CAACa,KAAK,IAAI,EAAG;MAC3C2B,QAAQ,EAAG3C,KAAK,IAAK,IAAI,CAAC4C,YAAY,CAAC,OAAO,EAAE5C,KAAK,CAAE;MACvD6C,QAAQ,EAAE,KAAM;MAChBtD,KAAK,EAAEqC,UAAW;MAClBf,aAAa,EAAEA,aAAc;MAC7BiC,uBAAuB,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC,CAAE;MAC5EC,WAAW,EAAEb,cAAc,CAACnB,KAAK,EAAEiC,kBAAkB;IAAE,CACxD,CAAC,EACDrB,UAAU,iBAAI7E,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACnD,SAAS,QAAE0C,UAAsB,CAC7B,CACvB,EAEAL,eAAe,iBACdxE,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAAC3D,oBAAoB;MAAC6D,KAAK,EAAEtB,QAAQ,CAACsB;IAAM,gBAC1CxF,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACjF,aAAA,CAAAa,OAAY;MACXuE,aAAa,EAAEC,yBAAY;MAC3BC,MAAM,EAAEtC,QAAQ,CAACD,YAAY,CAAC,CAACc,QAAQ,IAAI,EAAG;MAC9C0B,QAAQ,EAAG3C,KAAK,IAAK,IAAI,CAAC4C,YAAY,CAAC,UAAU,EAAE5C,KAAK,CAAE;MAC1D6C,QAAQ,EAAE,KAAM;MAChBtD,KAAK,EAAEsC,aAAc;MACrBhB,aAAa,EAAEA,aAAc;MAC7BiC,uBAAuB,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC,CAAE;MAC5EC,WAAW,EAAEb,cAAc,CAAClB,QAAQ,EAAEgC,kBAAkB;IAAE,CAC3D,CAAC,EACDpB,aAAa,iBAAI9E,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACnD,SAAS,QAAE2C,aAAyB,CACnC,CACvB,EAEAL,aAAa,iBACZzE,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAAC3D,oBAAoB;MAAC6D,KAAK,EAAEpB,MAAM,CAACoB;IAAM,gBACxCxF,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACjF,aAAA,CAAAa,OAAY;MACXuE,aAAa,EAAEC,yBAAY;MAC3BC,MAAM,EAAEtC,QAAQ,CAACD,YAAY,CAAC,CAACgB,MAAM,IAAI,EAAG;MAC5CwB,QAAQ,EAAG3C,KAAK,IAAK,IAAI,CAAC4C,YAAY,CAAC,QAAQ,EAAE5C,KAAK,CAAE;MACxD6C,QAAQ,EAAE,KAAM;MAChBtD,KAAK,EAAEuC,WAAY;MACnBjB,aAAa,EAAEA,aAAc;MAC7BiC,uBAAuB,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC,CAAE;MAC5EC,WAAW,EAAEb,cAAc,CAAChB,MAAM,EAAE8B,kBAAkB;IAAE,CACzD,CAAC,EACDnB,WAAW,iBAAI/E,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACnD,SAAS,QAAE4C,WAAuB,CAC/B,CACvB,EAEAL,WAAW,iBACV1E,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAAC3D,oBAAoB;MAAC6D,KAAK,EAAErB,IAAI,CAACqB;IAAM,gBACtCxF,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACjF,aAAA,CAAAa,OAAY;MACXuE,aAAa,EAAEC,yBAAY;MAC3BC,MAAM,EAAEtC,QAAQ,CAACD,YAAY,CAAC,CAACe,IAAI,IAAI,EAAG;MAC1CyB,QAAQ,EAAG3C,KAAK,IAAK,IAAI,CAAC4C,YAAY,CAAC,MAAM,EAAE5C,KAAK,CAAE;MACtDS,YAAY,EAAEA,YAAa;MAC3BC,kBAAkB,EAAEA,kBAAmB;MACvCmC,QAAQ,EAAE,KAAM;MAChBtD,KAAK,EAAEwC,SAAU;MACjBpB,aAAa,EAAGA,aAAa,IAAIA,aAAa,CAACO,IAAI,IAAKc,oBAAqB;MAC7EpB,cAAc,EAAGA,cAAc,IAAIA,cAAc,CAACM,IAAI,IAAKgB,qBAAsB;MACjFrB,aAAa,EAAEA,aAAc;MAC7BiC,uBAAuB,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAU,CAAC,EAAE;QAAEA,QAAQ,EAAE;MAAU,CAAC,CAAE;MAC5EC,WAAW,EAAEb,cAAc,CAACjB,IAAI,EAAE+B,kBAAkB;IAAE,CACvD,CAAC,EACDlB,SAAS,iBAAIhF,MAAA,CAAAkB,OAAA,CAAAoE,aAAA,CAACnD,SAAS,QAAE6C,SAAqB,CAC3B,CAEV,CAAC;EAErB;AACF;AAACmB,OAAA,CAAAzD,gBAAA,GAAAA,gBAAA;AAAA,IAAAK,gBAAA,CAAA7B,OAAA,EA9JYwB,gBAAgB,eACR;EACjBS,cAAc,EAAEiD,kBAAS,CAACC,IAAI,CAACC,UAAU;EACzCpD,KAAK,EAAEkD,kBAAS,CAACG,MAAM,CAACD,UAAU;EAClC7C,aAAa,EAAE2C,kBAAS,CAACG,MAAM,CAACD,UAAU;EAC1C5C,YAAY,EAAE0C,kBAAS,CAACG,MAAM,CAACD,UAAU;EACzClD,YAAY,EAAEgD,kBAAS,CAACI,MAAM,CAACF,UAAU;EACzC3C,kBAAkB,EAAEyC,kBAAS,CAACG,MAAM,CAACD;AACvC,CAAC;AAAA,IAAAvD,gBAAA,CAAA7B,OAAA,EARUwB,gBAAgB,kBAUL;EACpBU,YAAY,EAAE;AAChB,CAAC;AAAA,IAAAqD,QAAA,GAAAN,OAAA,CAAAjF,OAAA,GAoJYwB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"passage.js","names":["_react","_interopRequireDefault","require","_propTypes","_configUi","_editableHtmlTipTap","_interopRequireWildcard","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledInputContainer","styled","InputContainer","theme","paddingTop","spacing","marginBottom","width","ErrorText","fontSize","typography","color","palette","error","main","PassageComponent","React","Component","constructor","props","_defineProperty2","fieldName","value","model","onModelChanged","passageIndex","passages","length","updatedPassages","render","configuration","imageSupport","uploadSoundSupport","maxImageWidth","maxImageHeight","mathMlOptions","baseInputConfiguration","teacherInstructions","title","subtitle","text","author","errors","teacherInstructionsEnabled","titleEnabled","subtitleEnabled","authorEnabled","textEnabled","passagesErrors","teacherInstructionsError","titleError","subtitleError","authorError","textError","defaultImageMaxWidth","prompt","defaultImageMaxHeight","getPluginProps","customConfiguration","createElement","Fragment","label","activePlugins","ALL_PLUGINS","markup","onChange","handleChange","nonEmpty","languageCharactersProps","language","pluginProps","inputConfiguration","exports","PropTypes","func","isRequired","object","number","_default"],"sources":["../src/passage.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html-tip-tap';\nimport { styled } from '@mui/material/styles';\n\nconst StyledInputContainer = styled(InputContainer)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n  width: '100%',\n}));\n\nconst ErrorText = styled('div')(({ theme }) => ({\n  fontSize: theme.typography.fontSize - 2,\n  color: theme.palette.error.main,\n  paddingTop: theme.spacing(1),\n}));\n\nexport class PassageComponent extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    passageIndex: PropTypes.number.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    passageIndex: 0,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  handleChange = (fieldName, value) => {\n    const { model, onModelChanged, passageIndex } = this.props;\n\n    if (!model.passages || passageIndex < 0 || passageIndex >= model.passages.length) {\n      return;\n    }\n\n    const updatedPassages = [...model.passages];\n    updatedPassages[passageIndex] = { ...updatedPassages[passageIndex], [fieldName]: value };\n\n    onModelChanged({ ...model, passages: updatedPassages });\n  };\n\n  render() {\n    const { model, configuration, imageSupport, passageIndex, uploadSoundSupport } = this.props;\n    const {\n      maxImageWidth = {},\n      maxImageHeight = {},\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n      teacherInstructions = {},\n      title = {},\n      subtitle = {},\n      text = {},\n      author = {},\n    } = configuration || {};\n    const {\n      errors = {},\n      passages = [],\n      teacherInstructionsEnabled,\n      titleEnabled,\n      subtitleEnabled,\n      authorEnabled,\n      textEnabled,\n    } = model || {};\n\n    const { passages: passagesErrors } = errors || {};\n    const {\n      teacherInstructions: teacherInstructionsError,\n      title: titleError,\n      subtitle: subtitleError,\n      author: authorError,\n      text: textError,\n    } = (passagesErrors && passagesErrors[passageIndex]) || {};\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const getPluginProps = (customConfiguration) => ({ ...baseInputConfiguration, ...customConfiguration });\n\n    return (\n      <React.Fragment>\n        {teacherInstructionsEnabled && (\n          <StyledInputContainer label={teacherInstructions.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].teacherInstructions || ''}\n              onChange={(value) => this.handleChange('teacherInstructions', value)}\n              nonEmpty={false}\n              error={teacherInstructionsError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            />\n            {teacherInstructionsError && <ErrorText>{teacherInstructionsError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {titleEnabled && (\n          <StyledInputContainer label={title.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].title || ''}\n              onChange={(value) => this.handleChange('title', value)}\n              nonEmpty={false}\n              error={titleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(title?.inputConfiguration)}\n            />\n            {titleError && <ErrorText>{titleError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {subtitleEnabled && (\n          <StyledInputContainer label={subtitle.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].subtitle || ''}\n              onChange={(value) => this.handleChange('subtitle', value)}\n              nonEmpty={false}\n              error={subtitleError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(subtitle?.inputConfiguration)}\n            />\n            {subtitleError && <ErrorText>{subtitleError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {authorEnabled && (\n          <StyledInputContainer label={author.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].author || ''}\n              onChange={(value) => this.handleChange('author', value)}\n              nonEmpty={false}\n              error={authorError}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(author?.inputConfiguration)}\n            />\n            {authorError && <ErrorText>{authorError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n\n        {textEnabled && (\n          <StyledInputContainer label={text.label}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              markup={passages[passageIndex].text || ''}\n              onChange={(value) => this.handleChange('text', value)}\n              imageSupport={imageSupport}\n              uploadSoundSupport={uploadSoundSupport}\n              nonEmpty={false}\n              error={textError}\n              maxImageWidth={(maxImageWidth && maxImageWidth.text) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.text) || defaultImageMaxHeight}\n              mathMlOptions={mathMlOptions}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              pluginProps={getPluginProps(text?.inputConfiguration)}\n            />\n            {textError && <ErrorText>{textError}</ErrorText>}\n          </StyledInputContainer>\n        )}\n      </React.Fragment>\n    );\n  }\n}\n\nexport default PassageComponent;\n"],"mappings":"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","ignoreList":[]}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/passage-configure",
   "private": true,
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -13,10 +13,10 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "11.30.4-next.0",
-    "@pie-lib/editable-html": "11.21.4-next.0",
-    "lodash": "^4.17.15",
-    "prop-types": "^15.6.2",
+    "@pie-lib/config-ui": "12.1.1-next.0",
+    "@pie-lib/editable-html-tip-tap": "1.1.1-next.0",
+    "lodash": "^4.17.23",
+    "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   }

package/module/configure.js

@@ -0,0 +1 @@
+import{_dll_react_dom as e,_dll_prop_types as t,_dll_mui__material_styles as a,_dll_react as n,_dll_mui__material as i,_dll_mui__icons_material as s}from"../../../@pie-lib/shared-module@^3.0.5/module/index.js";import{_dll_pie_lib__config_ui as o}from"../../../@pie-lib/config-module@^3.0.0/module/index.js";import{_dll_pie_lib__editable_html_tip_tap as l}from"../../../@pie-lib/editable-html-module@^6.0.5/module/index.js";var r,d=e;r=d.createRoot,d.hydrateRoot;var u={};Object.defineProperty(u,"__esModule",{value:!0});class c extends CustomEvent{constructor(e,t=!1){super(c.TYPE,{bubbles:!0,detail:{update:e,reset:t}}),this.update=e,this.reset=t}}c.TYPE="model.updated";var g=u.ModelUpdatedEvent=c;class p extends CustomEvent{constructor(e,t){super(p.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}p.TYPE="delete.image";var h=u.DeleteImageEvent=p;class m extends CustomEvent{constructor(e){super(m.TYPE,{bubbles:!0,detail:e}),this.handler=e}}m.TYPE="insert.image";var b=u.InsertImageEvent=m;class _ extends CustomEvent{constructor(e,t){super(_.TYPE,{bubbles:!0,detail:{src:e,done:t}}),this.src=e,this.done=t}}_.TYPE="delete.sound";var C=u.DeleteSoundEvent=_;class E extends CustomEvent{constructor(e){super(E.TYPE,{bubbles:!0,detail:e}),this.handler=e}}E.TYPE="insert.sound";var f=u.InsertSoundEvent=E;const x=n,S=t,{styled:I}=a,{Button:v}=i,{Dialog:P}=i,{DialogTitle:y}=i,{DialogContent:T}=i,{DialogContentText:R}=i,{DialogActions:q}=i,{RemoveCircle:D}=s,{AddCircle:k}=s,A=I(({label:e,type:t="add",onClick:a})=>{const n="add"===t?k:D;return x.createElement(v,{color:"primary",size:"small",onClick:a},x.createElement(n,{fontSize:"small",color:"primary",style:{marginRight:4}}),e)})({textDecoration:"underline","&:hover":{textDecoration:"underline",backgroundColor:"transparent"},display:"flex",alignItems:"center"}),M=({content:e,cancel:t,title:a,ok:n,open:i,onOk:s,onCancel:o})=>x.createElement(P,{open:i},x.createElement(y,null,a),x.createElement(T,null,x.createElement(R,null,e)),x.createElement(q,null,s&&x.createElement(v,{onClick:s,color:"primary"},n),o&&x.createElement(v,{onClick:o,color:"primary"},t)));M.propTypes={content:S.string.isRequired,title:S.string.isRequired,cancel:S.string.isRequired,ok:S.string.isRequired,open:S.bool.isRequired,onCancel:S.func.isRequired,onOk:S.func.isRequired};const w=n,j=t,{styled:O}=a,{InputContainer:Y}=o,L=l,{ALL_PLUGINS:H}=l;function W(e){let t,a=e[0],n=1;for(;n<e.length;){const i=e[n],s=e[n+1];if(n+=2,("optionalAccess"===i||"optionalCall"===i)&&null==a)return;"access"===i||"optionalAccess"===i?(t=a,a=s(a)):"call"!==i&&"optionalCall"!==i||(a=s((...e)=>a.call(t,...e)),t=void 0)}return a}const z=O(Y)(({theme:e})=>({paddingTop:e.spacing(2),marginBottom:e.spacing(2),width:"100%"})),B=O("div")(({theme:e})=>({fontSize:e.typography.fontSize-2,color:e.palette.error.main,paddingTop:e.spacing(1)}));class $ extends w.Component{static __initStatic(){this.propTypes={onModelChanged:j.func.isRequired,model:j.object.isRequired,configuration:j.object.isRequired,imageSupport:j.object.isRequired,passageIndex:j.number.isRequired,uploadSoundSupport:j.object.isRequired}}static __initStatic2(){this.defaultProps={passageIndex:0}}constructor(e){super(e),$.prototype.__init.call(this)}__init(){this.handleChange=(e,t)=>{const{model:a,onModelChanged:n,passageIndex:i}=this.props;if(!a.passages||i<0||i>=a.passages.length)return;const s=[...a.passages];s[i]={...s[i],[e]:t},n({...a,passages:s})}}render(){const{model:e,configuration:t,imageSupport:a,passageIndex:n,uploadSoundSupport:i}=this.props,{maxImageWidth:s={},maxImageHeight:o={},mathMlOptions:l={},baseInputConfiguration:r={},teacherInstructions:d={},title:u={},subtitle:c={},text:g={},author:p={}}=t||{},{errors:h={},passages:m=[],teacherInstructionsEnabled:b,titleEnabled:_,subtitleEnabled:C,authorEnabled:E,textEnabled:f}=e||{},{passages:x}=h||{},{teacherInstructions:S,title:I,subtitle:v,author:P,text:y}=x&&x[n]||{},T=s&&s.prompt,R=o&&o.prompt,q=e=>({...r,...e});return w.createElement(w.Fragment,null,b&&w.createElement(z,{label:d.label},w.createElement(L,{activePlugins:H,markup:m[n].teacherInstructions||"",onChange:e=>this.handleChange("teacherInstructions",e),nonEmpty:!1,error:S,maxImageWidth:s&&s.teacherInstructions||T,maxImageHeight:o&&o.teacherInstructions||R,mathMlOptions:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:q(W([d,"optionalAccess",e=>e.inputConfiguration]))}),S&&w.createElement(B,null,S)),_&&w.createElement(z,{label:u.label},w.createElement(L,{activePlugins:H,markup:m[n].title||"",onChange:e=>this.handleChange("title",e),nonEmpty:!1,error:I,mathMlOptions:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:q(W([u,"optionalAccess",e=>e.inputConfiguration]))}),I&&w.createElement(B,null,I)),C&&w.createElement(z,{label:c.label},w.createElement(L,{activePlugins:H,markup:m[n].subtitle||"",onChange:e=>this.handleChange("subtitle",e),nonEmpty:!1,error:v,mathMlOptions:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:q(W([c,"optionalAccess",e=>e.inputConfiguration]))}),v&&w.createElement(B,null,v)),E&&w.createElement(z,{label:p.label},w.createElement(L,{activePlugins:H,markup:m[n].author||"",onChange:e=>this.handleChange("author",e),nonEmpty:!1,error:P,mathMlOptions:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:q(W([p,"optionalAccess",e=>e.inputConfiguration]))}),P&&w.createElement(B,null,P)),f&&w.createElement(z,{label:g.label},w.createElement(L,{activePlugins:H,markup:m[n].text||"",onChange:e=>this.handleChange("text",e),imageSupport:a,uploadSoundSupport:i,nonEmpty:!1,error:y,maxImageWidth:s&&s.text||T,maxImageHeight:o&&o.text||R,mathMlOptions:l,languageCharactersProps:[{language:"spanish"},{language:"special"}],pluginProps:q(W([g,"optionalAccess",e=>e.inputConfiguration]))}),y&&w.createElement(B,null,y)))}}$.__initStatic(),$.__initStatic2();const F=n,U=t,{styled:G}=a,{Typography:N}=i,{settings:J}=o,{layout:K}=o,{Panel:Q,toggle:V,dropdown:X}=J,Z=G(N)(({theme:e})=>({paddingTop:e.spacing(2),marginBottom:e.spacing(2)}));class ee extends F.Component{static __initStatic(){this.propTypes={onModelChanged:U.func.isRequired,onConfigurationChanged:U.func,model:U.object.isRequired,configuration:U.object.isRequired,imageSupport:U.object.isRequired,uploadSoundSupport:U.object.isRequired,classes:U.object.isRequired}}constructor(e){super(e),ee.prototype.__init.call(this),ee.prototype.__init2.call(this),ee.prototype.__init3.call(this),ee.prototype.__init4.call(this),this.state={showConfirmationDialog:!1,indexToRemove:-1}}__init(){this.getInnerText=e=>(e||"").replaceAll(/<[^>]*>/g,"")}__init2(){this.onDelete=(e,t,a)=>{let n=e.passages;n.splice(t,1),a({...e,passages:n}),this.setState({showConfirmationDialog:!1,indexToRemove:-1})}}__init3(){this.removeAdditionalPassage=e=>{const{model:t={},onModelChanged:a}=this.props,{passages:n=[]}=t,{teacherInstructions:i="",title:s="",subtitle:o="",author:l="",text:r=""}=n[e];this.getInnerText(i).trim()||this.getInnerText(s).trim()||this.getInnerText(o).trim()||this.getInnerText(l).trim()||this.getInnerText(r).trim()?this.setState({showConfirmationDialog:!0,indexToRemove:e}):this.onDelete(t,e,a)}}__init4(){this.addAdditionalPassage=()=>{const{model:e,onModelChanged:t}=this.props,a=[...e.passages,{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}];t({...e,passages:a})}}render(){const{model:e,configuration:t,imageSupport:a,onConfigurationChanged:n,onModelChanged:i,uploadSoundSupport:s}=this.props,{settingsPanelDisabled:o,language:l={},languageChoices:r={},teacherInstructions:d={},title:u={},subtitle:c={},text:g={},author:p={},additionalPassage:h={}}=t||{},{extraCSSRules:m,passages:b}=e||{},_={titleEnabled:u&&u.settings&&V(u.label),subtitleEnabled:c&&c.settings&&V(c.label),authorEnabled:p&&p.settings&&V(p.label),textEnabled:g&&g.settings&&V(g.label),"additionalPassage.enabled":h&&h.settings&&V(h.label,!0)},C={teacherInstructionsEnabled:d&&d.settings&&V(d.label),"language.enabled":l&&l.settings&&V(l.label,!0),language:l&&l.settings&&l.enabled&&X(r.label,r.options)},E=`${h.label} will be deleted`,{indexToRemove:f,showConfirmationDialog:x}=this.state;return F.createElement(K.ConfigLayout,{extraCSSRules:m,hideSettings:o,settings:F.createElement(Q,{model:e,configuration:t,onChangeModel:e=>i(e),onChangeConfiguration:e=>n(e),groups:{Settings:_,Properties:C}})},b.map((n,o)=>F.createElement(F.Fragment,{key:o},o>0&&F.createElement(Z,{variant:"h5"},h.label),F.createElement($,{imageSupport:a,uploadSoundSupport:s,model:e,configuration:t,passageIndex:o,onModelChanged:i}),o>0&&h.enabled&&F.createElement(A,{type:"remove",label:`Remove ${h.label}`,onClick:()=>this.removeAdditionalPassage(o)}),0===o&&h.enabled&&b.length<2&&F.createElement(A,{label:`Add ${h.label}`,onClick:this.addAdditionalPassage}))),F.createElement(M,{open:x,title:"Warning",content:E,cancel:"Cancel",ok:"Ok",onCancel:()=>this.setState({showConfirmationDialog:!1}),onOk:()=>this.onDelete(e,f,i)}))}}ee.__initStatic();var te={authorEnabled:!0,passages:[{teacherInstructions:"",title:"",subtitle:"",author:"",text:""}],subtitleEnabled:!0,teacherInstructionsEnabled:!0,textEnabled:!0,titleEnabled:!0},ae={baseInputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!0},blockquote:{disabled:!0},textAlign:{disabled:!0},showParagraphs:{disabled:!1},separateParagraphs:{disabled:!0}},settingsPanelDisabled:!1,title:{settings:!0,label:"Title",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!0},subtitle:{settings:!0,label:"Subtitle",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0},textAlign:{disabled:!1}},required:!1},author:{settings:!0,label:"Author",inputConfiguration:{audio:{disabled:!0},video:{disabled:!0},image:{disabled:!0}},required:!1},text:{settings:!0,label:"Text",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1},h3:{disabled:!1},blockquote:{disabled:!1},textAlign:{disabled:!1}},required:!0},teacherInstructions:{settings:!0,label:"Teacher Instructions",inputConfiguration:{audio:{disabled:!1},video:{disabled:!1},image:{disabled:!1}},required:!1},maxImageWidth:{teacherInstructions:300,text:300},maxImageHeight:{teacherInstructions:300,text:300},mathMlOptions:{mmlOutput:!1,mmlEditing:!1},language:{settings:!1,label:"Specify Language",enabled:!1},languageChoices:{label:"Language Choices",options:[]},additionalPassage:{settings:!0,label:"Additional Passage",enabled:!1}};const ne=n;class ie extends HTMLElement{static __initStatic(){this.createDefaultModel=(e={})=>({...te,...e})}constructor(){super(),this._root=null,this._model=ie.createDefaultModel(),this._configuration=ae}set model(e){this._model=ie.createDefaultModel(e),this.render()}set configuration(e){this._configuration=e,this.render()}connectedCallback(){this.render()}modelChanged(e){this._model=e,this.dispatchEvent(new g(this._model),!0),this.render()}onConfigurationChanged(e){this._configuration=e,this.render()}insertImage(e){this.dispatchEvent(new b(e))}onDeleteImage(e,t){this.dispatchEvent(new h(e,t))}insertSound(e){this.dispatchEvent(new f(e))}onDeleteSound(e,t){this.dispatchEvent(new C(e,t))}render(){if(this._model){const e=ne.createElement(ee,{model:this._model,configuration:this._configuration,onModelChanged:this.modelChanged.bind(this),onConfigurationChanged:this.onConfigurationChanged.bind(this),imageSupport:{add:this.insertImage.bind(this),delete:this.onDeleteImage.bind(this)},uploadSoundSupport:{add:this.insertSound.bind(this),delete:this.onDeleteSound.bind(this)}});this._root||(this._root=r(this)),this._root.render(e)}}disconnectedCallback(){this._root&&this._root.unmount()}}ie.__initStatic();export{ie as default};