@pie-element/math-templated 3.0.2-next.7 → 3.1.0

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated@3.0.1...@pie-element/math-templated@3.1.0) (2024-10-01)
+
+
+### Bug Fixes
+
+* update pie-toolbox and @pie-lib/pie-toolbox-module ([ddb9d44](https://github.com/pie-framework/pie-elements/commit/ddb9d444243b881b3a468ecfb5bab551511a2495))
+
+
+### Features
+
+* update documentation (languageCharachters -> characters inside inputConfiguration object ([9e7dceb](https://github.com/pie-framework/pie-elements/commit/9e7dceb5291be261df0eb0bebe1e04f932dc327d))
+
+
+
+
+
 ## [3.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated@3.0.0...@pie-element/math-templated@3.0.1) (2024-09-26)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-configure@2.0.1...@pie-element/math-templated-configure@2.0.2) (2024-10-01)
+
+
+### Bug Fixes
+
+* update pie-toolbox and @pie-lib/pie-toolbox-module ([ddb9d44](https://github.com/pie-framework/pie-elements/commit/ddb9d444243b881b3a468ecfb5bab551511a2495))
+
+
+
+
+
 ## [2.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-configure@2.0.0...@pie-element/math-templated-configure@2.0.1) (2024-09-26)
 
 

package/configure/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/math-templated-configure",
   "private": true,
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.0.8",
+    "@pie-lib/pie-toolbox": "2.0.9",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-controller@3.0.1...@pie-element/math-templated-controller@3.0.2) (2024-10-01)
+
+
+### Bug Fixes
+
+* update pie-toolbox and @pie-lib/pie-toolbox-module ([ddb9d44](https://github.com/pie-framework/pie-elements/commit/ddb9d444243b881b3a468ecfb5bab551511a2495))
+
+
+
+
+
 ## [3.0.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/math-templated-controller@3.0.0...@pie-element/math-templated-controller@3.0.1) (2024-09-26)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/math-templated-controller",
   "private": true,
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
     "@pie-framework/math-validation": "^1.2.2",
-    "@pie-lib/pie-toolbox": "2.0.8",
+    "@pie-lib/pie-toolbox": "2.0.9",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/docs/config-schema.json

@@ -168,7 +168,7 @@
             }
           }
         },
-        "languageCharacters": {
+        "characters": {
           "title": "EditableHtmlButtonConfigure",
           "type": "object",
           "properties": {
@@ -424,7 +424,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -745,7 +745,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -1034,7 +1034,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -1460,7 +1460,7 @@
             }
           }
         },
-        "languageCharacters": {
+        "characters": {
           "title": "EditableHtmlButtonConfigure",
           "type": "object",
           "properties": {
@@ -1759,7 +1759,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -2032,7 +2032,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {

package/docs/config-schema.json.md

@@ -129,9 +129,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-## `languageCharacters` (object)
+## `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ### `disabled` (boolean)
 
@@ -318,9 +318,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -555,9 +555,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -768,9 +768,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -1084,9 +1084,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -1304,9 +1304,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 
@@ -1505,9 +1505,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 

package/docs/pie-schema.json

@@ -346,7 +346,7 @@
             }
           }
         },
-        "languageCharacters": {
+        "characters": {
           "title": "EditableHtmlButtonConfigure",
           "type": "object",
           "properties": {
@@ -645,7 +645,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {
@@ -918,7 +918,7 @@
                 }
               }
             },
-            "languageCharacters": {
+            "characters": {
               "title": "EditableHtmlButtonConfigure",
               "type": "object",
               "properties": {

package/docs/pie-schema.json.md

@@ -268,9 +268,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-### `languageCharacters` (object)
+### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 #### `disabled` (boolean)
 
@@ -488,9 +488,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 
@@ -689,9 +689,9 @@ Properties of the `h3` object:
 
 Indicates if the plugin is disabled or not
 
-#### `languageCharacters` (object)
+#### `characters` (object)
 
-Properties of the `languageCharacters` object:
+Properties of the `characters` object:
 
 ##### `disabled` (boolean)
 

package/module/configure.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
-import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.7/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.7/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -21842,7 +21842,7 @@ var withMask = function withMask(type, renderChildren) {
 };
 withMask$1.withMask = withMask;
 var dragInTheBlank = {};
-var mathRenderingAccessible = {};
+var mathRenderingAccessible$1 = {};
 var renderMath$1 = {};
 var normalization = {};
 var slicedToArray = {
@@ -37941,8 +37941,8 @@ getDefaultExportFromCjs(mmlToLatex);
   var _renderMath = _interopRequireDefault(renderMath$1);
   var _mmlToLatex = _interopRequireDefault(mmlToLatex);
   var _normalization = normalization;
-})(mathRenderingAccessible);
-getDefaultExportFromCjs(mathRenderingAccessible);
+})(mathRenderingAccessible$1);
+getDefaultExportFromCjs(mathRenderingAccessible$1);
 var choices = {};
 var choice$1 = {};
 var drag = {};
@@ -73348,7 +73348,7 @@ const require$$12$6 = _dll_prop_types;
   var _react = _interopRequireDefault(require$$8$a);
   var _index = styles$q;
   var _index2 = _interopRequireDefault(Collapse$2);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$12$6);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -75306,7 +75306,7 @@ const require$$9$c = _dll_prop_types;
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$7$3);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$9$c);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -78914,7 +78914,7 @@ const require$$4$6 = _dll_react;
   var _react = _interopRequireWildcard(require$$4$6);
   var _reactDndMultiBackend = require$$3$1;
   var _renderUi = renderUi;
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -79910,7 +79910,7 @@ const require$$13 = _dll_react_dom;
   var _Chip = _interopRequireDefault(Chip$2);
   var _classnames = _interopRequireDefault(require$$12$2);
   var _reactDom = _interopRequireDefault(require$$13);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _renderUi = renderUi;
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -80205,7 +80205,7 @@ const require$$16 = _dll_classnames;
   var _react = _interopRequireDefault(require$$8$5);
   var _reactDom = _interopRequireDefault(require$$9$6);
   var _propTypes = _interopRequireDefault(require$$10$4);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _debug = _interopRequireDefault(require$$12$1);
   var _drag = drag;
   var _styles = styles$q;
@@ -80522,7 +80522,7 @@ const require$$9$5 = _dll_prop_types;
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$8$4);
   var _propTypes = _interopRequireDefault(require$$9$5);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _choices = _interopRequireDefault(choices);
   var _blank = _interopRequireDefault(blank);
   var _withMask = withMask$1;
@@ -82507,6 +82507,38 @@ MenuItem$1.default = _default$1;
   var _MenuItem = _interopRequireDefault(MenuItem$1);
 })(MenuItem$2);
 getDefaultExportFromCjs(MenuItem$2);
+var mathRenderingAccessible = {};
+(function (exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "mmlToLatex", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.mmlToLatex;
+    }
+  });
+  Object.defineProperty(exports, "renderMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.renderMath;
+    }
+  });
+  Object.defineProperty(exports, "unWrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.unWrapMath;
+    }
+  });
+  Object.defineProperty(exports, "wrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.wrapMath;
+    }
+  });
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
+})(mathRenderingAccessible);
+getDefaultExportFromCjs(mathRenderingAccessible);
 var ArrowDropDown = {};
 const require$$1$1 = _dll_react;
 var _interopRequireDefault = interopRequireDefault.exports;
@@ -82544,6 +82576,7 @@ const require$$9 = _dll_prop_types;
   var _InputLabel = _interopRequireDefault(InputLabel$2);
   var _Menu = _interopRequireDefault(Menu$2);
   var _MenuItem = _interopRequireDefault(MenuItem$2);
+  var _mathRenderingAccessible = mathRenderingAccessible;
   var _ArrowDropDown = _interopRequireDefault(ArrowDropDown);
   var _styles = styles$q;
   var _renderUi = renderUi;
@@ -82603,9 +82636,19 @@ const require$$9 = _dll_prop_types;
         anchorEl: null,
         highlightedOptionId: null
       };
+      _this.elementRefs = [];
       return _this;
     }
     (0, _createClass2["default"])(Dropdown, [{
+      key: "componentDidUpdate",
+      value: function componentDidUpdate() {
+        this.elementRefs.forEach(function (ref) {
+          if (ref) {
+            (0, _mathRenderingAccessible.renderMath)(ref);
+          }
+        });
+      }
+    }, {
       key: "getLabel",
       value: function getLabel(choices, value) {
         var found = (choices || []).find(function (choice) {
@@ -82624,6 +82667,7 @@ const require$$9 = _dll_prop_types;
         var menuId = ("dropdown-menu-").concat(id);
         var valueDisplayId = ("dropdown-value-").concat(id);
         var disabledClass;
+        this.elementRefs = [];
         if (disabled && correct !== undefined) {
           disabledClass = correct || showCorrectAnswer ? classes.disabledCorrect : classes.disabledIncorrect;
         }
@@ -82681,6 +82725,9 @@ const require$$9 = _dll_prop_types;
             role: "option",
             "aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined
           }, _react["default"].createElement("span", {
+            ref: function ref(_ref) {
+              return _this2.elementRefs[index] = _ref;
+            },
             className: classes.label,
             dangerouslySetInnerHTML: {
               __html: c.label

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.0.6"
+      "version": "2.0.7"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.0.5"
+      "version": "5.0.6"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.7/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -21805,7 +21805,7 @@ var withMask = function withMask(type, renderChildren) {
 };
 withMask$1.withMask = withMask;
 var dragInTheBlank = {};
-var mathRenderingAccessible = {};
+var mathRenderingAccessible$1 = {};
 var renderMath$2 = {};
 var normalization = {};
 var slicedToArray = {
@@ -37904,8 +37904,8 @@ getDefaultExportFromCjs(mmlToLatex);
   var _renderMath = _interopRequireDefault(renderMath$2);
   var _mmlToLatex = _interopRequireDefault(mmlToLatex);
   var _normalization = normalization;
-})(mathRenderingAccessible);
-getDefaultExportFromCjs(mathRenderingAccessible);
+})(mathRenderingAccessible$1);
+getDefaultExportFromCjs(mathRenderingAccessible$1);
 var choices = {};
 var choice$1 = {};
 var drag = {};
@@ -73311,7 +73311,7 @@ const require$$12$6 = _dll_prop_types;
   var _react = _interopRequireDefault(require$$8$a);
   var _index = styles$q;
   var _index2 = _interopRequireDefault(Collapse$2);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$12$6);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -75269,7 +75269,7 @@ const require$$9$c = _dll_prop_types;
   var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$1.exports);
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$7$3);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _propTypes = _interopRequireDefault(require$$9$c);
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -78877,7 +78877,7 @@ const require$$4$6 = _dll_react;
   var _react = _interopRequireWildcard(require$$4$6);
   var _reactDndMultiBackend = require$$3$1;
   var _renderUi = renderUi;
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -79873,7 +79873,7 @@ const require$$13 = _dll_react_dom;
   var _Chip = _interopRequireDefault(Chip$2);
   var _classnames = _interopRequireDefault(require$$12$2);
   var _reactDom = _interopRequireDefault(require$$13);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _renderUi = renderUi;
   function _createSuper(Derived) {
     var hasNativeReflectConstruct = _isNativeReflectConstruct();
@@ -80168,7 +80168,7 @@ const require$$16 = _dll_classnames;
   var _react = _interopRequireDefault(require$$8$5);
   var _reactDom = _interopRequireDefault(require$$9$6);
   var _propTypes = _interopRequireDefault(require$$10$4);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _debug = _interopRequireDefault(require$$12$1);
   var _drag = drag;
   var _styles = styles$q;
@@ -80485,7 +80485,7 @@ const require$$9$5 = _dll_prop_types;
   var _defineProperty2 = _interopRequireDefault(defineProperty$4.exports);
   var _react = _interopRequireDefault(require$$8$4);
   var _propTypes = _interopRequireDefault(require$$9$5);
-  var _mathRenderingAccessible = mathRenderingAccessible;
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
   var _choices = _interopRequireDefault(choices);
   var _blank = _interopRequireDefault(blank);
   var _withMask = withMask$1;
@@ -82470,6 +82470,38 @@ MenuItem$1.default = _default$1;
   var _MenuItem = _interopRequireDefault(MenuItem$1);
 })(MenuItem$2);
 getDefaultExportFromCjs(MenuItem$2);
+var mathRenderingAccessible = {};
+(function (exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "mmlToLatex", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.mmlToLatex;
+    }
+  });
+  Object.defineProperty(exports, "renderMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.renderMath;
+    }
+  });
+  Object.defineProperty(exports, "unWrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.unWrapMath;
+    }
+  });
+  Object.defineProperty(exports, "wrapMath", {
+    enumerable: true,
+    get: function get() {
+      return _mathRenderingAccessible.wrapMath;
+    }
+  });
+  var _mathRenderingAccessible = mathRenderingAccessible$1;
+})(mathRenderingAccessible);
+getDefaultExportFromCjs(mathRenderingAccessible);
 var ArrowDropDown = {};
 const require$$1$1 = _dll_react;
 var _interopRequireDefault = interopRequireDefault.exports;
@@ -82507,6 +82539,7 @@ const require$$9 = _dll_prop_types;
   var _InputLabel = _interopRequireDefault(InputLabel$2);
   var _Menu = _interopRequireDefault(Menu$2);
   var _MenuItem = _interopRequireDefault(MenuItem$2);
+  var _mathRenderingAccessible = mathRenderingAccessible;
   var _ArrowDropDown = _interopRequireDefault(ArrowDropDown);
   var _styles = styles$q;
   var _renderUi = renderUi;
@@ -82566,9 +82599,19 @@ const require$$9 = _dll_prop_types;
         anchorEl: null,
         highlightedOptionId: null
       };
+      _this.elementRefs = [];
       return _this;
     }
     (0, _createClass2["default"])(Dropdown, [{
+      key: "componentDidUpdate",
+      value: function componentDidUpdate() {
+        this.elementRefs.forEach(function (ref) {
+          if (ref) {
+            (0, _mathRenderingAccessible.renderMath)(ref);
+          }
+        });
+      }
+    }, {
       key: "getLabel",
       value: function getLabel(choices, value) {
         var found = (choices || []).find(function (choice) {
@@ -82587,6 +82630,7 @@ const require$$9 = _dll_prop_types;
         var menuId = ("dropdown-menu-").concat(id);
         var valueDisplayId = ("dropdown-value-").concat(id);
         var disabledClass;
+        this.elementRefs = [];
         if (disabled && correct !== undefined) {
           disabledClass = correct || showCorrectAnswer ? classes.disabledCorrect : classes.disabledIncorrect;
         }
@@ -82644,6 +82688,9 @@ const require$$9 = _dll_prop_types;
             role: "option",
             "aria-selected": _this2.state.highlightedOptionId === optionId ? 'true' : undefined
           }, _react["default"].createElement("span", {
+            ref: function ref(_ref) {
+              return _this2.elementRefs[index] = _ref;
+            },
             className: classes.label,
             dangerouslySetInnerHTML: {
               __html: c.label

package/package.json

@@ -4,19 +4,19 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.0.2-next.7+96e5cb699",
+  "version": "3.1.0",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.0.8",
+    "@pie-lib/pie-toolbox": "2.0.9",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "96e5cb699a544d4da0fa18aa8fd9256ab3cf23fd",
+  "gitHead": "a1eaccf27273852985c921bc96023e7709e63438",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },