@pie-element/complex-rubric 3.4.10-next.9 → 3.5.1-next.0

package/module/element.js

@@ -1,5 +1,5 @@
 import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.4.3/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.11.2/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.11.3/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -7911,16 +7911,16 @@ Link$2.default = _default$2W;
 var Link = getDefaultExportFromCjs(Link$3);
 var Collapse$3 = {};
 var Collapse$2 = {};
-var utils$7 = {};
-Object.defineProperty(utils$7, "__esModule", {
+var utils$8 = {};
+Object.defineProperty(utils$8, "__esModule", {
   value: true
 });
-utils$7.getTransitionProps = getTransitionProps;
-utils$7.reflow = void 0;
+utils$8.getTransitionProps = getTransitionProps;
+utils$8.reflow = void 0;
 var reflow = function reflow(node) {
   return node.scrollTop;
 };
-utils$7.reflow = reflow;
+utils$8.reflow = reflow;
 function getTransitionProps(props, options) {
   var timeout = props.timeout, _props$style = props.style, style = _props$style === void 0 ? {} : _props$style;
   return {
@@ -7951,7 +7951,7 @@ var _Transition$5 = _interopRequireDefault$3u(Transition$1);
 var _utils$1B = require$$13$g;
 var _withStyles$1o = _interopRequireDefault$3u(withStyles);
 var _transitions$7 = transitions$1;
-var _utils2$3 = utils$7;
+var _utils2$3 = utils$8;
 var styles$1C = function styles(theme) {
   return {
     container: {
@@ -9883,13 +9883,13 @@ var _default$2I = (0, _withStyles$1m.default)(styles$1x, {
   name: 'MuiPrivateTextarea'
 })(Textarea);
 Textarea$1.default = _default$2I;
-var utils$6 = {};
-Object.defineProperty(utils$6, "__esModule", {
+var utils$7 = {};
+Object.defineProperty(utils$7, "__esModule", {
   value: true
 });
-utils$6.hasValue = hasValue;
-utils$6.isFilled = isFilled;
-utils$6.isAdornedStart = isAdornedStart;
+utils$7.hasValue = hasValue;
+utils$7.isFilled = isFilled;
+utils$7.isAdornedStart = isAdornedStart;
 function hasValue(value) {
   return value != null && !(Array.isArray(value) && value.length === 0);
 }
@@ -9927,7 +9927,7 @@ var _withFormControlContext$8 = _interopRequireDefault$3h(withFormControlContext
 var _withStyles$1l = _interopRequireDefault$3h(withStyles);
 var _reactHelpers$8 = reactHelpers;
 var _Textarea = _interopRequireDefault$3h(Textarea$1);
-var _utils2$2 = utils$6;
+var _utils2$2 = utils$7;
 var styles$1w = function styles(theme) {
   var light = theme.palette.type === 'light';
   var placeholder = {
@@ -11514,7 +11514,7 @@ var _propTypes$1I = _interopRequireDefault$37(require$$9$U);
 var _Transition$4 = _interopRequireDefault$37(Transition$1);
 var _transitions$6 = transitions$1;
 var _withTheme$6 = _interopRequireDefault$37(withTheme);
-var _utils$1t = utils$7;
+var _utils$1t = utils$8;
 var styles$1r = {
   entering: {
     opacity: 1
@@ -12052,7 +12052,7 @@ var _react$2n = _interopRequireDefault$34(require$$8$F);
 var _propTypes$1F = _interopRequireDefault$34(require$$9$T);
 var _Transition$3 = _interopRequireDefault$34(Transition$1);
 var _withTheme$5 = _interopRequireDefault$34(withTheme);
-var _utils$1r = utils$7;
+var _utils$1r = utils$8;
 function getScale(value) {
   return ("scale(").concat(value, ", ").concat(Math.pow(value, 2), ")");
 }
@@ -13005,7 +13005,7 @@ var _classnames$1c = _interopRequireDefault$2$(require$$13$d);
 var _warning$e = _interopRequireDefault$2$(warning_1);
 var _utils$1o = require$$13$g;
 var _Menu = _interopRequireDefault$2$(Menu$4);
-var _utils2$1 = utils$6;
+var _utils2$1 = utils$7;
 var _reactHelpers$6 = reactHelpers;
 function areEqualValues(a, b) {
   if ((0, _typeof2.default)(b) === 'object' && b !== null) {
@@ -13752,7 +13752,7 @@ var _react$2c = _interopRequireDefault$2V(require$$9$P);
 var _propTypes$1v = _interopRequireDefault$2V(require$$10$H);
 var _classnames$19 = _interopRequireDefault$2V(require$$11$G);
 var _utils$1j = require$$13$g;
-var _utils2 = utils$6;
+var _utils2 = utils$7;
 var _withStyles$19 = _interopRequireDefault$2V(withStyles);
 var _helpers$p = helpers;
 var _reactHelpers$5 = reactHelpers;
@@ -145953,7 +145953,7 @@ var _Transition$1 = _interopRequireDefault$2c(Transition$1);
 var _ownerWindow = _interopRequireDefault$2c(ownerWindow$1);
 var _withTheme$4 = _interopRequireDefault$2c(withTheme);
 var _transitions$4 = transitions$1;
-var _utils$14 = utils$7;
+var _utils$14 = utils$8;
 var GUTTER = 24;
 function getTranslateValue(props, node) {
   var direction = props.direction;
@@ -152098,7 +152098,7 @@ var _reactDom$2 = _interopRequireDefault$1y(require$$12$i);
 var _Drawer = _interopRequireWildcard$4(Drawer$1);
 var _transitions$1 = transitions$1;
 var _withTheme$2 = _interopRequireDefault$1y(withTheme);
-var _utils$R = utils$7;
+var _utils$R = utils$8;
 var _NoSsr = _interopRequireDefault$1y(NoSsr$2);
 var _SwipeArea = _interopRequireDefault$1y(SwipeArea$1);
 var UNCERTAINTY_THRESHOLD = 3;
@@ -155119,7 +155119,7 @@ var _propTypes$6 = _interopRequireDefault$19(require$$9$l);
 var _Transition = _interopRequireDefault$19(Transition$1);
 var _transitions = transitions$1;
 var _withTheme = _interopRequireDefault$19(withTheme);
-var _utils$G = utils$7;
+var _utils$G = utils$8;
 var styles$4 = {
   entering: {
     transform: 'scale(1)'
@@ -157365,13 +157365,13 @@ var greaterThanEqual = set$f({
 });
 comparison$2.greaterThanEqual = greaterThanEqual;
 var vars$1 = {};
-var utils$5 = {};
+var utils$6 = {};
 const require$$3$j = _dll_lodash;
 var _interopRequireDefault$14 = interopRequireDefault.exports;
-Object.defineProperty(utils$5, "__esModule", {
+Object.defineProperty(utils$6, "__esModule", {
   value: true
 });
-utils$5.transformToKeySetStructure = utils$5.toKey = utils$5.toArray = utils$5.mkSet = utils$5.extendKeySet = void 0;
+utils$6.transformToKeySetStructure = utils$6.toKey = utils$6.toArray = utils$6.mkSet = utils$6.extendKeySet = void 0;
 var _toConsumableArray2$2 = _interopRequireDefault$14(toConsumableArray$3.exports);
 var _defineProperty2$8 = _interopRequireDefault$14(defineProperty$5.exports);
 var _lodash = _interopRequireDefault$14(require$$3$j);
@@ -157403,13 +157403,13 @@ var mkSet = function mkSet(category) {
     });
   };
 };
-utils$5.mkSet = mkSet;
+utils$6.mkSet = mkSet;
 var toArray = function toArray(o) {
   return Object.keys(o).map(function (k) {
     return o[k];
   });
 };
-utils$5.toArray = toArray;
+utils$6.toArray = toArray;
 var toKey = function toKey(category) {
   return function (v) {
     if (typeof v === 'string') {
@@ -157426,7 +157426,7 @@ var toKey = function toKey(category) {
     }
   };
 };
-utils$5.toKey = toKey;
+utils$6.toKey = toKey;
 var transformToKeySetStructure = function transformToKeySetStructure() {
   var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var structure = [];
@@ -157444,7 +157444,7 @@ var transformToKeySetStructure = function transformToKeySetStructure() {
   }
   return structure;
 };
-utils$5.transformToKeySetStructure = transformToKeySetStructure;
+utils$6.transformToKeySetStructure = transformToKeySetStructure;
 var latexAndNameDontExist = function latexAndNameDontExist(base) {
   return function (k) {
     var flattened = _lodash["default"].flatten(base);
@@ -157474,12 +157474,12 @@ var extendKeySet = function extendKeySet() {
   }
   return _final;
 };
-utils$5.extendKeySet = extendKeySet;
+utils$6.extendKeySet = extendKeySet;
 Object.defineProperty(vars$1, "__esModule", {
   value: true
 });
 vars$1.y = vars$1.x = vars$1.theta = void 0;
-var _utils$F = utils$5;
+var _utils$F = utils$6;
 var set$e = (0, _utils$F.mkSet)('vars');
 var x$1 = set$e({
   name: 'X',
@@ -157504,7 +157504,7 @@ Object.defineProperty(fractions$2, "__esModule", {
   value: true
 });
 fractions$2.xOverBlank = fractions$2.xBlankBlank = fractions$2.blankOverBlank = void 0;
-var _utils$E = utils$5;
+var _utils$E = utils$6;
 var set$d = (0, _utils$E.mkSet)('fractions');
 var blankOverBlank = set$d({
   name: 'blank/blank',
@@ -157534,7 +157534,7 @@ Object.defineProperty(exponent$2, "__esModule", {
   value: true
 });
 exponent$2.xToPowerOfN = exponent$2.squared = exponent$2.squareRoot = exponent$2.nthRoot = void 0;
-var _utils$D = utils$5;
+var _utils$D = utils$6;
 var set$c = (0, _utils$D.mkSet)('exponent');
 var squared = set$c({
   name: 'Squared',
@@ -157566,7 +157566,7 @@ Object.defineProperty(misc$2, "__esModule", {
   value: true
 });
 misc$2.similar = misc$2.plusMinus = misc$2.percentage = misc$2.parenthesis = misc$2.notSimilar = misc$2.notEqual = misc$2.nApprox = misc$2.brackets = misc$2.approx = misc$2.absValue = void 0;
-var _utils$C = utils$5;
+var _utils$C = utils$6;
 var set$b = (0, _utils$C.mkSet)('misc');
 var plusMinus = set$b({
   name: 'Plus or Minus',
@@ -157636,7 +157636,7 @@ Object.defineProperty(constants$2, "__esModule", {
   value: true
 });
 constants$2.pi = constants$2.infinity = constants$2.halfInfinity = constants$2.eulers = void 0;
-var _utils$B = utils$5;
+var _utils$B = utils$6;
 var set$a = (0, _utils$B.mkSet)('constants');
 var pi$2 = set$a({
   name: 'Pi',
@@ -157675,7 +157675,7 @@ Object.defineProperty(trigonometry$1, "__esModule", {
   value: true
 });
 trigonometry$1.tan = trigonometry$1.sin = trigonometry$1.sec = trigonometry$1.csc = trigonometry$1.cot = trigonometry$1.cos = void 0;
-var _utils$A = utils$5;
+var _utils$A = utils$6;
 var set$9 = (0, _utils$A.mkSet)('trigonometry');
 var sin$1 = set$9({
   name: 'sine',
@@ -157898,7 +157898,7 @@ Object.defineProperty(operators$1, "__esModule", {
   value: true
 });
 operators$1.circleDot = void 0;
-var _utils$z = utils$5;
+var _utils$z = utils$6;
 var set$7 = (0, _utils$z.mkSet)('operators');
 var circleDot = set$7({
   name: 'CircleDot',
@@ -157912,7 +157912,7 @@ Object.defineProperty(log$5, "__esModule", {
   value: true
 });
 log$5.logSubscript = log$5.log = log$5.ln = void 0;
-var _utils$y = utils$5;
+var _utils$y = utils$6;
 var set$6 = (0, _utils$y.mkSet)('log');
 var log$4 = set$6({
   name: 'Log',
@@ -157940,7 +157940,7 @@ Object.defineProperty(subSup$1, "__esModule", {
   value: true
 });
 subSup$1.superscript = subSup$1.subscript = void 0;
-var _utils$x = utils$5;
+var _utils$x = utils$6;
 var set$5 = (0, _utils$x.mkSet)('sub-sup');
 var superscript = set$5({
   name: 'Superscript',
@@ -157959,7 +157959,7 @@ Object.defineProperty(statistics$1, "__esModule", {
   value: true
 });
 statistics$1.yBar = statistics$1.xBar = statistics$1.smallSigma = statistics$1.sigma = statistics$1.mu = void 0;
-var _utils$w = utils$5;
+var _utils$w = utils$6;
 var set$4 = (0, _utils$w.mkSet)('statistics');
 var xBar = set$4({
   name: 'X Bar',
@@ -158018,7 +158018,7 @@ Object.defineProperty(basicOperators$1, "__esModule", {
 });
 basicOperators$1.plus = basicOperators$1.multiply = basicOperators$1.minus = basicOperators$1.equals = basicOperators$1.divide = void 0;
 var _chars$2 = chars;
-var _utils$v = utils$5;
+var _utils$v = utils$6;
 var set$3 = (0, _utils$v.mkSet)('operators');
 var equals = set$3({
   write: '=',
@@ -158053,7 +158053,7 @@ Object.defineProperty(matrices$1, "__esModule", {
   value: true
 });
 matrices$1.singleCellMatrix = matrices$1.doubleCellMatrix = void 0;
-var _utils$u = utils$5;
+var _utils$u = utils$6;
 var set$2 = (0, _utils$u.mkSet)('matrices');
 var singleCellMatrix = set$2({
   name: 'Single Cell Matrix',
@@ -158122,7 +158122,7 @@ Object.defineProperty(logic$1, "__esModule", {
   value: true
 });
 logic$1.therefore = logic$1.longDivision = void 0;
-var _utils$t = utils$5;
+var _utils$t = utils$6;
 var set$1 = (0, _utils$t.mkSet)('logic');
 var therefore = set$1({
   name: 'Therefore',
@@ -158142,7 +158142,7 @@ Object.defineProperty(navigation, "__esModule", {
 });
 navigation.right = navigation.left = void 0;
 var _chars$1 = chars;
-var _utils$s = utils$5;
+var _utils$s = utils$6;
 var set = (0, _utils$s.mkSet)('navigation');
 var left = set({
   label: _chars$1.LEFT_ARROW,
@@ -159605,7 +159605,7 @@ const require$$9$g = _dll_prop_types;
   var _react = _interopRequireDefault(require$$8$d);
   var _propTypes = _interopRequireDefault(require$$9$g);
   var _grades = grades;
-  var _utils = utils$5;
+  var _utils = utils$6;
   var _keypad = _interopRequireDefault(keypad);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -159797,6 +159797,22 @@ getDefaultExportFromCjs(horizontalKeypad);
   exports.removeBrackets = removeBrackets;
 })(mathInput);
 getDefaultExportFromCjs(mathInput);
+var utils$5 = {};
+Object.defineProperty(utils$5, "__esModule", {
+  value: true
+});
+utils$5.markFractionBaseSuperscripts = void 0;
+var markFractionBaseSuperscripts = function markFractionBaseSuperscripts() {
+  document.querySelectorAll('.mq-supsub.mq-sup-only').forEach(function (supsub) {
+    var prev = supsub.previousElementSibling;
+    if (prev && prev.classList.contains('mq-non-leaf') && prev.querySelector('.mq-fraction')) {
+      supsub.classList.add('mq-after-fraction-group');
+    } else {
+      supsub.classList.remove('mq-after-fraction-group');
+    }
+  });
+};
+utils$5.markFractionBaseSuperscripts = markFractionBaseSuperscripts;
 const require$$9$f = _dll_react;
 const require$$10$j = _dll_debug;
 const require$$11$i = _dll_prop_types;
@@ -159826,6 +159842,7 @@ const {isEqual: require$$18$3} = _dll_lodash;
   var _MenuItem = _interopRequireDefault(MenuItem$2);
   var _Select = _interopRequireDefault(Select$2);
   var _isEqual = _interopRequireDefault(require$$18$3);
+  var _utils = utils$5;
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -159948,6 +159965,7 @@ const {isEqual: require$$18$3} = _dll_lodash;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onEditorChange", function (latex) {
         var _this$props2 = _this.props, onChange = _this$props2.onChange, noDecimal = _this$props2.noDecimal;
         (0, _mathInput.updateSpans)();
+        (0, _utils.markFractionBaseSuperscripts)();
         _this.updateDisable(true);
         if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && _this.input) {
           _this.input.clear();
@@ -160240,6 +160258,12 @@ const {isEqual: require$$18$3} = _dll_lodash;
               marginBottom: '0px !important'
             }
           },
+          '& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only': {
+            verticalAlign: '0.4em !important'
+          },
+          '& .mq-math-mode .mq-supsub.mq-sup-only.mq-after-fraction-group': {
+            verticalAlign: '0.4em !important'
+          },
           '& .mq-math-mode .mq-denominator': {
             marginTop: '-5px !important',
             padding: '0.5em 0.1em 0.1em !important'
@@ -160502,6 +160526,7 @@ const require$$11$h = _dll_prop_types;
   var _styles = styles$1K;
   var _propTypes = _interopRequireDefault(require$$11$h);
   var _mathInput = mathInput;
+  var _utils = utils$5;
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
     return function _createSuperInternal() {
@@ -160535,6 +160560,18 @@ const require$$11$h = _dll_prop_types;
       return _super.apply(this, arguments);
     }
     (0, _createClass2["default"])(RawMathPreview, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        (0, _utils.markFractionBaseSuperscripts)();
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        if (this.props.node.data.get('latex') !== prevProps.node.data.get('latex')) {
+          (0, _utils.markFractionBaseSuperscripts)();
+        }
+      }
+    }, {
       key: "render",
       value: function render() {
         log('[render] data: ', this.props.node.data);
@@ -160662,6 +160699,12 @@ const require$$11$h = _dll_prop_types;
             marginBottom: '0px !important'
           }
         },
+        '& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only': {
+          verticalAlign: '0.4em !important'
+        },
+        '& .mq-math-mode .mq-supsub.mq-sup-only.mq-after-fraction-group': {
+          verticalAlign: '0.4em !important'
+        },
         '& .mq-overarrow-inner': {
           paddingTop: '0 !important',
           border: 'none !important'
@@ -175628,7 +175671,7 @@ var _interopRequireDefault$i = interopRequireDefault.exports;
 Object.defineProperty(serialization, "__esModule", {
   value: true
 });
-serialization.valueToHtml = serialization.reduceMultipleBrs = serialization.reactAttributes = serialization.parseStyleString = serialization.htmlToValue = serialization.getBase64 = serialization.extraCSSRulesOpts = serialization.TEXT_RULE = serialization.INLINE_TAGS = void 0;
+serialization.valueToHtml = serialization.reduceMultipleBrs = serialization.reactAttributes = serialization.parseStyleString = serialization.htmlToValue = serialization.handleHtml = serialization.getBase64 = serialization.extraCSSRulesOpts = serialization.TEXT_RULE = serialization.INLINE_TAGS = void 0;
 var _defineProperty2$3 = _interopRequireDefault$i(defineProperty$5.exports);
 var _slateHtmlSerializer = _interopRequireDefault$i(require$$2$l);
 var _react$h = _interopRequireDefault$i(require$$3$a);
@@ -176103,9 +176146,13 @@ var fixHtmlCode = function fixHtmlCode(markup) {
   parseNode(wrapperEl);
   return wrapperEl.innerHTML;
 };
+var handleHtml = function handleHtml(html) {
+  return fixHtmlCode(reduceRedundantNewLineCharacters(reduceMultipleBrs(html)));
+};
+serialization.handleHtml = handleHtml;
 var htmlToValue = function htmlToValue(html) {
   try {
-    return serializer.deserialize(fixHtmlCode(reduceRedundantNewLineCharacters(reduceMultipleBrs(html))));
+    return serializer.deserialize(handleHtml(html));
   } catch (e) {
     console.log("Couldn't parse html: ", e);
     return {};
@@ -178811,7 +178858,7 @@ const require$$21 = _dll_debug;
   exports.serialization = serialization$1;
   var _insertImageHandler = _interopRequireDefault(insertImageHandler);
   var _plugins = plugins;
-  var _excluded = ["customPlugins"];
+  var _excluded = ["customPlugins", "showParagraphs"];
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -179661,11 +179708,13 @@ const require$$21 = _dll_debug;
     }, {
       key: "render",
       value: function render() {
-        var _classNames, _this4 = this, _value$document;
-        var _this$props2 = this.props, disabled = _this$props2.disabled, spellCheck = _this$props2.spellCheck, highlightShape = _this$props2.highlightShape, classes = _this$props2.classes, className = _this$props2.className, placeholder = _this$props2.placeholder, pluginProps = _this$props2.pluginProps, onKeyDown = _this$props2.onKeyDown;
+        var _classNames, _this4 = this, _value$document, _classNames2;
+        var _this$props2 = this.props, disabled = _this$props2.disabled, spellCheck = _this$props2.spellCheck, highlightShape = _this$props2.highlightShape, classes = _this$props2.classes, className = _this$props2.className;
+        _this$props2.isEditor;
+        var placeholder = _this$props2.placeholder, pluginProps = _this$props2.pluginProps, onKeyDown = _this$props2.onKeyDown;
         var _ref4 = pluginProps || ({});
         _ref4.customPlugins;
-        var otherPluginProps = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
+        var showParagraphs = _ref4.showParagraphs, otherPluginProps = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
         var _this$state4 = this.state, value = _this$state4.value, focusedNode = _this$state4.focusedNode, toolbarOpts = _this$state4.toolbarOpts, dialog = _this$state4.dialog, scheduled = _this$state4.scheduled;
         log('[render] value: ', value);
         var sizeStyle = this.buildSizeStyle();
@@ -179721,7 +179770,7 @@ const require$$21 = _dll_debug;
           readOnly: disabled,
           spellCheck: spellCheck,
           autoCorrect: spellCheck,
-          className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.noPadding, toolbarOpts === null || toolbarOpts === void 0 ? void 0 : toolbarOpts.noPadding), classes.slateEditor),
+          className: (0, _classnames["default"])((_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, classes.noPadding, toolbarOpts === null || toolbarOpts === void 0 ? void 0 : toolbarOpts.noPadding), (0, _defineProperty2["default"])(_classNames2, classes.showParagraph, showParagraphs && !showParagraphs.disabled), _classNames2), classes.slateEditor),
           style: {
             minHeight: sizeStyle.minHeight,
             height: sizeStyle.height,
@@ -179784,6 +179833,7 @@ const require$$21 = _dll_debug;
     autoWidthToolbar: _propTypes["default"].bool,
     pluginProps: _propTypes["default"].any,
     placeholder: _propTypes["default"].string,
+    isEditor: _propTypes["default"].bool,
     responseAreaProps: _propTypes["default"].shape({
       type: _propTypes["default"].oneOf(['explicit-constructed-response', 'inline-dropdown', 'drag-in-the-blank', 'math-templated']),
       options: _propTypes["default"].object,
@@ -179833,7 +179883,8 @@ const require$$21 = _dll_debug;
     toolbarOpts: defaultToolbarOpts,
     responseAreaProps: defaultResponseAreaProps,
     languageCharactersProps: defaultLanguageCharactersProps,
-    extraCSSRules: null
+    extraCSSRules: null,
+    isEditor: false
   });
   var styles = {
     withBg: {
@@ -179870,6 +179921,13 @@ const require$$21 = _dll_debug;
         border: '1px solid #dfe2e5'
       }
     },
+    showParagraph: {
+      '& > div:has(+ div)::after': {
+        display: 'block',
+        content: '"¶"',
+        color: '#146EB3'
+      }
+    },
     toolbarOnTop: {
       marginTop: '45px'
     },
@@ -180054,7 +180112,7 @@ const require$$15$2 = _dll_debug;
       });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (value, done) {
         var html = (0, _serialization.valueToHtml)(value);
-        var htmlParsed = (0, _parseHtml.parseDegrees)(html);
+        var htmlParsed = (0, _serialization.handleHtml)((0, _parseHtml.parseDegrees)(html));
         if (html !== _this.props.markup && _this.props.onChange) {
           _this.props.onChange(htmlParsed);
         }
@@ -180116,7 +180174,7 @@ const require$$15$2 = _dll_debug;
           return;
         }
         var v = (0, _serialization.htmlToValue)(props.markup);
-        var current = (0, _serialization.htmlToValue)(props.markup);
+        var current = (0, _serialization.htmlToValue)(this.props.markup);
         if (v.equals && !v.equals(current)) {
           this.setState({
             value: v

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/complex-rubric@3.4.9</title>
+      <title>@pie-element/complex-rubric@3.5.0</title>
       <script
         type="module"
         src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/complex-rubric",
-  "version": "3.4.9",
+  "version": "3.5.0",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.11.2"
+      "version": "5.11.3"
     }
   ]
 }

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/complex-rubric@3.4.9</title>
+      <title>@pie-element/complex-rubric@3.5.0</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"