@pie-element/explicit-constructed-response 6.12.7 → 6.13.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.13.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.8...@pie-element/explicit-constructed-response@6.13.0) (2024-05-27)
+
+
+### Features
+
+* update pie-lib/pie-toolbox PD-3736, PD-3734, PD-2488 ([3c44f06](https://github.com/pie-framework/pie-elements/commit/3c44f06d96e609246acde257a8223dc16192c2c4))
+
+
+
+
+
+## [6.12.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.7...@pie-element/explicit-constructed-response@6.12.8) (2024-05-27)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3740, PD-2126 ([5573a4e](https://github.com/pie-framework/pie-elements/commit/5573a4e2f4524839525679df319bb92c7c841916))
+
+
+
+
+
 ## [6.12.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@6.12.6...@pie-element/explicit-constructed-response@6.12.7) (2024-05-24)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.12.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.8...@pie-element/explicit-constructed-response-configure@6.12.0) (2024-05-27)
+
+
+### Features
+
+* update pie-lib/pie-toolbox PD-3736, PD-3734, PD-2488 ([3c44f06](https://github.com/pie-framework/pie-elements/commit/3c44f06d96e609246acde257a8223dc16192c2c4))
+
+
+
+
+
+## [6.11.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.7...@pie-element/explicit-constructed-response-configure@6.11.8) (2024-05-27)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3740, PD-2126 ([5573a4e](https://github.com/pie-framework/pie-elements/commit/5573a4e2f4524839525679df319bb92c7c841916))
+
+
+
+
+
 ## [6.11.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@6.11.6...@pie-element/explicit-constructed-response-configure@6.11.7) (2024-05-24)
 
 

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response-configure",
-  "version": "6.11.7",
+  "version": "6.12.0",
   "private": true,
   "main": "lib/index.js",
   "modue": "src/index.js",
@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.17.5",
+    "@pie-lib/pie-toolbox": "1.20.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.11.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.8...@pie-element/explicit-constructed-response-controller@4.11.0) (2024-05-27)
+
+
+### Features
+
+* update pie-lib/pie-toolbox PD-3736, PD-3734, PD-2488 ([3c44f06](https://github.com/pie-framework/pie-elements/commit/3c44f06d96e609246acde257a8223dc16192c2c4))
+
+
+
+
+
+## [4.10.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.7...@pie-element/explicit-constructed-response-controller@4.10.8) (2024-05-27)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-3740, PD-2126 ([5573a4e](https://github.com/pie-framework/pie-elements/commit/5573a4e2f4524839525679df319bb92c7c841916))
+
+
+
+
+
 ## [4.10.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-controller@4.10.6...@pie-element/explicit-constructed-response-controller@4.10.7) (2024-05-24)
 
 

package/controller/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@pie-element/explicit-constructed-response-controller",
   "private": true,
-  "version": "4.10.7",
+  "version": "4.11.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.17.5",
+    "@pie-lib/pie-toolbox": "1.20.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.11.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.12.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.11.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.12.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -19140,7 +19140,8 @@ var withMask = function withMask(type, renderChildren) {
     markup: _propTypes$x["default"].string,
     layout: _propTypes$x["default"].object,
     value: _propTypes$x["default"].object,
-    onChange: _propTypes$x["default"].func
+    onChange: _propTypes$x["default"].func,
+    customMarkMarkupComponent: _propTypes$x["default"].func
   }), _class);
 };
 withMask$1.withMask = withMask;
@@ -84129,7 +84130,7 @@ var esm$3 = Object.freeze({
 });
 var require$$2$k = getAugmentedNamespace(esm$3);
 var placeholder = {};
-const require$$1$n = _dll_react;
+const require$$1$o = _dll_react;
 const require$$3$8 = _dll_classnames;
 const require$$4$e = _dll_prop_types;
 (function (exports) {
@@ -84138,7 +84139,7 @@ const require$$4$e = _dll_prop_types;
     value: true
   });
   exports["default"] = exports.PlaceHolder = void 0;
-  var _react = _interopRequireDefault(require$$1$n);
+  var _react = _interopRequireDefault(require$$1$o);
   var _styles = styles$p;
   var _classnames = _interopRequireDefault(require$$3$8);
   var _propTypes = _interopRequireDefault(require$$4$e);
@@ -86601,7 +86602,7 @@ var correctIcon = {};
 var iconBase = {};
 var iconRoot = {};
 var sized = {};
-const require$$1$m = _dll_react;
+const require$$1$n = _dll_react;
 const require$$2$i = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -86609,7 +86610,7 @@ const require$$2$i = _dll_prop_types;
     value: true
   });
   exports.normalizeSize = exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$m);
+  var _react = _interopRequireDefault(require$$1$n);
   var _propTypes = _interopRequireDefault(require$$2$i);
   var normalizeSize = function normalizeSize(size) {
     return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
@@ -86636,14 +86637,14 @@ const require$$2$i = _dll_prop_types;
   exports["default"] = _default;
 })(sized);
 getDefaultExportFromCjs(sized);
-const require$$1$l = _dll_react;
+const require$$1$m = _dll_react;
 const require$$2$h = _dll_prop_types;
 var _interopRequireDefault$V = interopRequireDefault.exports;
 Object.defineProperty(iconRoot, "__esModule", {
   value: true
 });
 iconRoot.normalizeSize = iconRoot.getStyles = iconRoot.Tick = iconRoot.SquareFeedbackBox = iconRoot.Square = iconRoot.RoundFeedbackBox = iconRoot.IconRoot = iconRoot.Circle = void 0;
-var _react$H = _interopRequireDefault$V(require$$1$l);
+var _react$H = _interopRequireDefault$V(require$$1$m);
 var _propTypes$w = _interopRequireDefault$V(require$$2$h);
 var _sized = _interopRequireDefault$V(sized);
 var normalizeSize = function normalizeSize(size) {
@@ -87030,7 +87031,7 @@ const require$$3$6 = _dll_react;
 })(correctIcon);
 getDefaultExportFromCjs(correctIcon);
 var correctResponseIcon = {};
-const require$$1$k = _dll_prop_types;
+const require$$1$l = _dll_prop_types;
 const require$$2$f = _dll_react;
 const require$$3$5 = _dll_classnames;
 (function (exports) {
@@ -87039,7 +87040,7 @@ const require$$3$5 = _dll_classnames;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$k);
+  var _propTypes = _interopRequireDefault(require$$1$l);
   var _react = _interopRequireDefault(require$$2$f);
   var _classnames = _interopRequireDefault(require$$3$5);
   var _styles = styles$p;
@@ -94749,10 +94750,10 @@ getDefaultExportFromCjs(scheduler_development);
 {
   scheduler.exports = scheduler_development;
 }
-const require$$1$j = _dll_react;
+const require$$1$k = _dll_react;
 (function (module) {
   module.exports = function $$$reconciler($$$hostConfig) {
-    var aa = objectAssign, ba = require$$1$j, n = scheduler.exports;
+    var aa = objectAssign, ba = require$$1$k, n = scheduler.exports;
     function p(b) {
       for (var a = b.message, c = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, d = 1; d < arguments.length; d++) c += "&args[]=" + encodeURIComponent(arguments[d]);
       b.message = "Minified React error #" + a + "; visit " + c + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ";
@@ -98396,13 +98397,13 @@ getDefaultExportFromCjs(schedulerTracing_development);
 {
   tracing.exports = schedulerTracing_development;
 }
-const require$$1$i = _dll_react;
+const require$$1$j = _dll_react;
 const {checkPropTypes: require$$2$c} = _dll_prop_types;
 (function (module) {
   {
     module.exports = function $$$reconciler($$$hostConfig) {
       var _assign = objectAssign;
-      var React = require$$1$i;
+      var React = require$$1$j;
       var checkPropTypes = require$$2$c;
       var Scheduler = scheduler.exports;
       var tracing$1 = tracing.exports;
@@ -114255,7 +114256,7 @@ var Modal$1 = {};
 var RootRef$2 = {};
 var RootRef$1 = {};
 var reactHelpers = {};
-const require$$1$h = _dll_react;
+const require$$1$i = _dll_react;
 const require$$2$b = _dll_classnames;
 var _interopRequireDefault$Q = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
@@ -114265,7 +114266,7 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef;
-var _react$G = _interopRequireDefault$Q(require$$1$h);
+var _react$G = _interopRequireDefault$Q(require$$1$i);
 var _classnames$k = _interopRequireDefault$Q(require$$2$b);
 function cloneElementWithClassName(child, className) {
   return _react$G.default.cloneElement(child, {
@@ -115106,12 +115107,12 @@ var classNamesShape = _propTypes$t.default.oneOfType([_propTypes$t.default.strin
 })]);
 PropTypes$2.classNamesShape = classNamesShape;
 const require$$0$4 = _dll_prop_types;
-const require$$1$g = _dll_react;
+const require$$1$h = _dll_react;
 const require$$2$9 = _dll_react_dom;
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
 var PropTypes$1 = _interopRequireWildcard$1(require$$0$4);
-var _react$D = _interopRequireDefault$J(require$$1$g);
+var _react$D = _interopRequireDefault$J(require$$1$h);
 var _reactDom$6 = _interopRequireDefault$J(require$$2$9);
 var _reactLifecyclesCompat = require$$2$a;
 var _PropTypes = PropTypes$2;
@@ -116904,12 +116905,12 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   return children;
 }
 const require$$0$1 = _dll_prop_types;
-const require$$1$f = _dll_react;
+const require$$1$g = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$1);
-  var _react = _interopRequireDefault(require$$1$f);
+  var _react = _interopRequireDefault(require$$1$g);
   var _reactLifecyclesCompat = require$$2$a;
   var _ChildMapping = ChildMapping;
   function _interopRequireDefault(obj) {
@@ -117046,13 +117047,13 @@ const require$$1$f = _dll_react;
 })(TransitionGroup, TransitionGroup.exports);
 getDefaultExportFromCjs(TransitionGroup.exports);
 const require$$0 = _dll_prop_types;
-const require$$1$e = _dll_react;
+const require$$1$f = _dll_react;
 const require$$2$8 = _dll_react_dom;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0);
-  var _react = _interopRequireDefault(require$$1$e);
+  var _react = _interopRequireDefault(require$$1$f);
   var _reactDom = require$$2$8;
   var _TransitionGroup = _interopRequireDefault(TransitionGroup.exports);
   function _interopRequireDefault(obj) {
@@ -117232,7 +117233,7 @@ var _interopRequireDefault$B = interopRequireDefault.exports;
 Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color$1.v = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missing = color$1.incorrectSecondary = color$1.incorrect = color$1.disabled = color$1.defaults = color$1.correctSecondary = color$1.correct = color$1.background = void 0;
+color$1.v = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missing = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctSecondary = color$1.correct = color$1.background = void 0;
 var _green = _interopRequireDefault$B(green$1);
 var _orange = _interopRequireDefault$B(orange$1);
 var _pink = _interopRequireDefault$B(pink$1);
@@ -117241,6 +117242,7 @@ var _red = _interopRequireDefault$B(red$1);
 var defaults = {
   TEXT: 'black',
   DISABLED: 'grey',
+  DISABLED_SECONDARY: '#ABABAB',
   CORRECT: _green["default"][500],
   CORRECT_SECONDARY: _green["default"][50],
   INCORRECT: _orange["default"][500],
@@ -117279,6 +117281,10 @@ var disabled = function disabled() {
   return pv('disabled', defaults.DISABLED);
 };
 color$1.disabled = disabled;
+var disabledSecondary = function disabledSecondary() {
+  return pv('disabled-secondary', defaults.DISABLED_SECONDARY);
+};
+color$1.disabledSecondary = disabledSecondary;
 var correct = function correct() {
   return pv('correct', defaults.CORRECT);
 };
@@ -119434,13 +119440,13 @@ SvgIcon$1.default = _default$m;
   var _SvgIcon = _interopRequireDefault(SvgIcon$1);
 })(SvgIcon$2);
 getDefaultExportFromCjs(SvgIcon$2);
-const require$$1$d = _dll_react;
+const require$$1$e = _dll_react;
 var _interopRequireDefault$m = interopRequireDefault.exports;
 Object.defineProperty(createSvgIcon$1, "__esModule", {
   value: true
 });
 createSvgIcon$1.default = void 0;
-var _react$m = _interopRequireDefault$m(require$$1$d);
+var _react$m = _interopRequireDefault$m(require$$1$e);
 var _pure$1 = _interopRequireDefault$m(pure$1);
 var _SvgIcon$1 = _interopRequireDefault$m(SvgIcon$2);
 function createSvgIcon(path, displayName) {
@@ -119454,13 +119460,13 @@ function createSvgIcon(path, displayName) {
 }
 var _default$l = createSvgIcon;
 createSvgIcon$1.default = _default$l;
-const require$$1$c = _dll_react;
+const require$$1$d = _dll_react;
 var _interopRequireDefault$l = interopRequireDefault.exports;
 Object.defineProperty(Restore, "__esModule", {
   value: true
 });
 Restore.default = void 0;
-var _react$l = _interopRequireDefault$l(require$$1$c);
+var _react$l = _interopRequireDefault$l(require$$1$d);
 var _createSvgIcon$2 = _interopRequireDefault$l(createSvgIcon$1);
 var _default$k = (0, _createSvgIcon$2.default)(_react$l.default.createElement(_react$l.default.Fragment, null, _react$l.default.createElement("path", {
   fill: "none",
@@ -119470,13 +119476,13 @@ var _default$k = (0, _createSvgIcon$2.default)(_react$l.default.createElement(_r
 })), 'Restore');
 Restore.default = _default$k;
 var Undo = {};
-const require$$1$b = _dll_react;
+const require$$1$c = _dll_react;
 var _interopRequireDefault$k = interopRequireDefault.exports;
 Object.defineProperty(Undo, "__esModule", {
   value: true
 });
 Undo.default = void 0;
-var _react$k = _interopRequireDefault$k(require$$1$b);
+var _react$k = _interopRequireDefault$k(require$$1$c);
 var _createSvgIcon$1 = _interopRequireDefault$k(createSvgIcon$1);
 var _default$j = (0, _createSvgIcon$1.default)(_react$k.default.createElement(_react$k.default.Fragment, null, _react$k.default.createElement("path", {
   fill: "none",
@@ -119936,13 +119942,13 @@ function formControlState(_ref) {
 }
 var withFormControlContext$1 = {};
 var FormControlContext$1 = {};
-const require$$1$a = _dll_react;
+const require$$1$b = _dll_react;
 var _interopRequireDefault$j = interopRequireDefault.exports;
 Object.defineProperty(FormControlContext$1, "__esModule", {
   value: true
 });
 FormControlContext$1.default = void 0;
-var _react$j = _interopRequireDefault$j(require$$1$a);
+var _react$j = _interopRequireDefault$j(require$$1$b);
 var FormControlContext = _react$j.default.createContext();
 var _default$i = FormControlContext;
 FormControlContext$1.default = _default$i;
@@ -120761,7 +120767,7 @@ const require$$11$1 = _dll_prop_types;
 })(previewPrompt);
 getDefaultExportFromCjs(previewPrompt);
 var readable = {};
-const require$$1$9 = _dll_prop_types;
+const require$$1$a = _dll_prop_types;
 const require$$2$4 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -120769,7 +120775,7 @@ const require$$2$4 = _dll_react;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$9);
+  var _propTypes = _interopRequireDefault(require$$1$a);
   var _react = _interopRequireDefault(require$$2$4);
   var Readable = function Readable(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
@@ -120787,7 +120793,7 @@ const require$$2$4 = _dll_react;
 })(readable);
 getDefaultExportFromCjs(readable);
 var purpose = {};
-const require$$1$8 = _dll_prop_types;
+const require$$1$9 = _dll_prop_types;
 const require$$2$3 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -120795,7 +120801,7 @@ const require$$2$3 = _dll_react;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$8);
+  var _propTypes = _interopRequireDefault(require$$1$9);
   var _react = _interopRequireDefault(require$$2$3);
   var Purpose = function Purpose(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
@@ -121236,14 +121242,14 @@ const require$$2$2 = _dll_react;
 })(withDragContext);
 getDefaultExportFromCjs(withDragContext);
 var swap = {};
-const {cloneDeep: require$$1$7} = _dll_lodash;
+const {cloneDeep: require$$1$8} = _dll_lodash;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _cloneDeep = _interopRequireDefault(require$$1$7);
+  var _cloneDeep = _interopRequireDefault(require$$1$8);
   var _default = function _default(arr, fromIndex, toIndex) {
     if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {
       throw new Error(("swap requires a non-empty array, fromIndex, toIndex: ").concat(arr, ", ").concat(fromIndex, " ").concat(toIndex));
@@ -121564,13 +121570,13 @@ getDefaultExportFromCjs(drag);
 var Chip$2 = {};
 var Chip$1 = {};
 var Cancel$1 = {};
-const require$$1$6 = _dll_react;
+const require$$1$7 = _dll_react;
 var _interopRequireDefault$d = interopRequireDefault.exports;
 Object.defineProperty(Cancel$1, "__esModule", {
   value: true
 });
 Cancel$1.default = void 0;
-var _react$d = _interopRequireDefault$d(require$$1$6);
+var _react$d = _interopRequireDefault$d(require$$1$7);
 var _pure = _interopRequireDefault$d(pure$1);
 var _SvgIcon = _interopRequireDefault$d(SvgIcon$2);
 var _ref = _react$d.default.createElement("path", {
@@ -123598,7 +123604,7 @@ const require$$6$3 = _dll_classnames;
   exports["default"] = _default;
 })(correctInput);
 getDefaultExportFromCjs(correctInput);
-const require$$1$5 = _dll_react;
+const require$$1$6 = _dll_react;
 const require$$2$1 = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -123606,7 +123612,7 @@ const require$$2$1 = _dll_prop_types;
     value: true
   });
   exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$5);
+  var _react = _interopRequireDefault(require$$1$6);
   var _propTypes = _interopRequireDefault(require$$2$1);
   var _correctInput = _interopRequireDefault(correctInput);
   var Input = function Input(_ref) {
@@ -123642,14 +123648,14 @@ const require$$2$1 = _dll_prop_types;
   exports["default"] = _default;
 })(input);
 getDefaultExportFromCjs(input);
-const require$$1$4 = _dll_react;
+const require$$1$5 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$4);
+  var _react = _interopRequireDefault(require$$1$5);
   var _input = _interopRequireDefault(input);
   var _withMask = withMask$1;
   var _default = (0, _withMask.withMask)('input', function (props) {
@@ -123679,6 +123685,27 @@ const require$$1$4 = _dll_react;
   exports["default"] = _default;
 })(constructedResponse);
 getDefaultExportFromCjs(constructedResponse);
+var customizable = {};
+const require$$1$4 = _dll_react;
+(function (exports) {
+  var _interopRequireDefault = interopRequireDefault.exports;
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports["default"] = void 0;
+  _interopRequireDefault(require$$1$4);
+  var _withMask = withMask$1;
+  var _default = (0, _withMask.withMask)('input', function (props) {
+    return function (node, data, onChange) {
+      var dataset = node.data ? node.data.dataset || ({}) : {};
+      if (dataset.component === 'input') {
+        return props.customMarkMarkupComponent(dataset.id);
+      }
+    };
+  });
+  exports["default"] = _default;
+})(customizable);
+getDefaultExportFromCjs(customizable);
 var inlineDropdown = {};
 var dropdown = {};
 var Menu$2 = {};
@@ -124789,6 +124816,12 @@ getDefaultExportFromCjs(inlineDropdown);
       return _constructedResponse["default"];
     }
   });
+  Object.defineProperty(exports, "Customizable", {
+    enumerable: true,
+    get: function get() {
+      return _customizable["default"];
+    }
+  });
   Object.defineProperty(exports, "DragInTheBlank", {
     enumerable: true,
     get: function get() {
@@ -124822,6 +124855,7 @@ getDefaultExportFromCjs(inlineDropdown);
   var _withMask = withMask$1;
   var _dragInTheBlank = _interopRequireDefault(dragInTheBlank);
   var _constructedResponse = _interopRequireDefault(constructedResponse);
+  var _customizable = _interopRequireDefault(customizable);
   var _inlineDropdown = _interopRequireDefault(inlineDropdown);
   var _componentize = _interopRequireDefault(componentize);
 })(maskMarkup);
@@ -124836,6 +124870,12 @@ getDefaultExportFromCjs(maskMarkup);
       return _maskMarkup.ConstructedResponse;
     }
   });
+  Object.defineProperty(exports, "Customizable", {
+    enumerable: true,
+    get: function get() {
+      return _maskMarkup.Customizable;
+    }
+  });
   Object.defineProperty(exports, "DragInTheBlank", {
     enumerable: true,
     get: function get() {

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@6.12.6</title>
+      <title>@pie-element/explicit-constructed-response@6.12.8</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,10 +1,10 @@
 {
   "name": "@pie-element/explicit-constructed-response",
-  "version": "6.12.6",
+  "version": "6.12.8",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.11.0"
+      "version": "1.12.1"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/explicit-constructed-response@6.12.6</title>
+      <title>@pie-element/explicit-constructed-response@6.12.8</title>
       <link
         href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
         rel="stylesheet"

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.11.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.12.1/module/index.js";
 import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -19103,7 +19103,8 @@ var withMask = function withMask(type, renderChildren) {
     markup: _propTypes$x["default"].string,
     layout: _propTypes$x["default"].object,
     value: _propTypes$x["default"].object,
-    onChange: _propTypes$x["default"].func
+    onChange: _propTypes$x["default"].func,
+    customMarkMarkupComponent: _propTypes$x["default"].func
   }), _class);
 };
 withMask$1.withMask = withMask;
@@ -84092,7 +84093,7 @@ var esm$3 = Object.freeze({
 });
 var require$$2$k = getAugmentedNamespace(esm$3);
 var placeholder = {};
-const require$$1$n = _dll_react;
+const require$$1$o = _dll_react;
 const require$$3$8 = _dll_classnames;
 const require$$4$e = _dll_prop_types;
 (function (exports) {
@@ -84101,7 +84102,7 @@ const require$$4$e = _dll_prop_types;
     value: true
   });
   exports["default"] = exports.PlaceHolder = void 0;
-  var _react = _interopRequireDefault(require$$1$n);
+  var _react = _interopRequireDefault(require$$1$o);
   var _styles = styles$p;
   var _classnames = _interopRequireDefault(require$$3$8);
   var _propTypes = _interopRequireDefault(require$$4$e);
@@ -86564,7 +86565,7 @@ var correctIcon = {};
 var iconBase = {};
 var iconRoot = {};
 var sized = {};
-const require$$1$m = _dll_react;
+const require$$1$n = _dll_react;
 const require$$2$i = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -86572,7 +86573,7 @@ const require$$2$i = _dll_prop_types;
     value: true
   });
   exports.normalizeSize = exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$m);
+  var _react = _interopRequireDefault(require$$1$n);
   var _propTypes = _interopRequireDefault(require$$2$i);
   var normalizeSize = function normalizeSize(size) {
     return typeof size === 'string' ? size : typeof size === 'number' ? ("").concat(size, "px") : '30px';
@@ -86599,14 +86600,14 @@ const require$$2$i = _dll_prop_types;
   exports["default"] = _default;
 })(sized);
 getDefaultExportFromCjs(sized);
-const require$$1$l = _dll_react;
+const require$$1$m = _dll_react;
 const require$$2$h = _dll_prop_types;
 var _interopRequireDefault$V = interopRequireDefault.exports;
 Object.defineProperty(iconRoot, "__esModule", {
   value: true
 });
 iconRoot.normalizeSize = iconRoot.getStyles = iconRoot.Tick = iconRoot.SquareFeedbackBox = iconRoot.Square = iconRoot.RoundFeedbackBox = iconRoot.IconRoot = iconRoot.Circle = void 0;
-var _react$H = _interopRequireDefault$V(require$$1$l);
+var _react$H = _interopRequireDefault$V(require$$1$m);
 var _propTypes$w = _interopRequireDefault$V(require$$2$h);
 var _sized = _interopRequireDefault$V(sized);
 var normalizeSize = function normalizeSize(size) {
@@ -86993,7 +86994,7 @@ const require$$3$6 = _dll_react;
 })(correctIcon);
 getDefaultExportFromCjs(correctIcon);
 var correctResponseIcon = {};
-const require$$1$k = _dll_prop_types;
+const require$$1$l = _dll_prop_types;
 const require$$2$f = _dll_react;
 const require$$3$5 = _dll_classnames;
 (function (exports) {
@@ -87002,7 +87003,7 @@ const require$$3$5 = _dll_classnames;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$k);
+  var _propTypes = _interopRequireDefault(require$$1$l);
   var _react = _interopRequireDefault(require$$2$f);
   var _classnames = _interopRequireDefault(require$$3$5);
   var _styles = styles$p;
@@ -94712,10 +94713,10 @@ getDefaultExportFromCjs(scheduler_development);
 {
   scheduler.exports = scheduler_development;
 }
-const require$$1$j = _dll_react;
+const require$$1$k = _dll_react;
 (function (module) {
   module.exports = function $$$reconciler($$$hostConfig) {
-    var aa = objectAssign, ba = require$$1$j, n = scheduler.exports;
+    var aa = objectAssign, ba = require$$1$k, n = scheduler.exports;
     function p(b) {
       for (var a = b.message, c = "https://reactjs.org/docs/error-decoder.html?invariant=" + a, d = 1; d < arguments.length; d++) c += "&args[]=" + encodeURIComponent(arguments[d]);
       b.message = "Minified React error #" + a + "; visit " + c + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ";
@@ -98359,13 +98360,13 @@ getDefaultExportFromCjs(schedulerTracing_development);
 {
   tracing.exports = schedulerTracing_development;
 }
-const require$$1$i = _dll_react;
+const require$$1$j = _dll_react;
 const {checkPropTypes: require$$2$c} = _dll_prop_types;
 (function (module) {
   {
     module.exports = function $$$reconciler($$$hostConfig) {
       var _assign = objectAssign;
-      var React = require$$1$i;
+      var React = require$$1$j;
       var checkPropTypes = require$$2$c;
       var Scheduler = scheduler.exports;
       var tracing$1 = tracing.exports;
@@ -114218,7 +114219,7 @@ var Modal$1 = {};
 var RootRef$2 = {};
 var RootRef$1 = {};
 var reactHelpers = {};
-const require$$1$h = _dll_react;
+const require$$1$i = _dll_react;
 const require$$2$b = _dll_classnames;
 var _interopRequireDefault$Q = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
@@ -114228,7 +114229,7 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef;
-var _react$G = _interopRequireDefault$Q(require$$1$h);
+var _react$G = _interopRequireDefault$Q(require$$1$i);
 var _classnames$k = _interopRequireDefault$Q(require$$2$b);
 function cloneElementWithClassName(child, className) {
   return _react$G.default.cloneElement(child, {
@@ -115069,12 +115070,12 @@ var classNamesShape = _propTypes$t.default.oneOfType([_propTypes$t.default.strin
 })]);
 PropTypes$2.classNamesShape = classNamesShape;
 const require$$0$4 = _dll_prop_types;
-const require$$1$g = _dll_react;
+const require$$1$h = _dll_react;
 const require$$2$9 = _dll_react_dom;
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
 var PropTypes$1 = _interopRequireWildcard$1(require$$0$4);
-var _react$D = _interopRequireDefault$J(require$$1$g);
+var _react$D = _interopRequireDefault$J(require$$1$h);
 var _reactDom$6 = _interopRequireDefault$J(require$$2$9);
 var _reactLifecyclesCompat = require$$2$a;
 var _PropTypes = PropTypes$2;
@@ -116867,12 +116868,12 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   return children;
 }
 const require$$0$1 = _dll_prop_types;
-const require$$1$f = _dll_react;
+const require$$1$g = _dll_react;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0$1);
-  var _react = _interopRequireDefault(require$$1$f);
+  var _react = _interopRequireDefault(require$$1$g);
   var _reactLifecyclesCompat = require$$2$a;
   var _ChildMapping = ChildMapping;
   function _interopRequireDefault(obj) {
@@ -117009,13 +117010,13 @@ const require$$1$f = _dll_react;
 })(TransitionGroup, TransitionGroup.exports);
 getDefaultExportFromCjs(TransitionGroup.exports);
 const require$$0 = _dll_prop_types;
-const require$$1$e = _dll_react;
+const require$$1$f = _dll_react;
 const require$$2$8 = _dll_react_dom;
 (function (module, exports) {
   exports.__esModule = true;
   exports.default = void 0;
   var _propTypes = _interopRequireDefault(require$$0);
-  var _react = _interopRequireDefault(require$$1$e);
+  var _react = _interopRequireDefault(require$$1$f);
   var _reactDom = require$$2$8;
   var _TransitionGroup = _interopRequireDefault(TransitionGroup.exports);
   function _interopRequireDefault(obj) {
@@ -117195,7 +117196,7 @@ var _interopRequireDefault$B = interopRequireDefault.exports;
 Object.defineProperty(color$1, "__esModule", {
   value: true
 });
-color$1.v = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missing = color$1.incorrectSecondary = color$1.incorrect = color$1.disabled = color$1.defaults = color$1.correctSecondary = color$1.correct = color$1.background = void 0;
+color$1.v = color$1.text = color$1.secondaryText = color$1.secondaryLight = color$1.secondaryDark = color$1.secondaryBackground = color$1.secondary = color$1.primaryText = color$1.primaryLight = color$1.primaryDark = color$1.primary = color$1.missing = color$1.incorrectSecondary = color$1.incorrect = color$1.disabledSecondary = color$1.disabled = color$1.defaults = color$1.correctSecondary = color$1.correct = color$1.background = void 0;
 var _green = _interopRequireDefault$B(green$1);
 var _orange = _interopRequireDefault$B(orange$1);
 var _pink = _interopRequireDefault$B(pink$1);
@@ -117204,6 +117205,7 @@ var _red = _interopRequireDefault$B(red$1);
 var defaults = {
   TEXT: 'black',
   DISABLED: 'grey',
+  DISABLED_SECONDARY: '#ABABAB',
   CORRECT: _green["default"][500],
   CORRECT_SECONDARY: _green["default"][50],
   INCORRECT: _orange["default"][500],
@@ -117242,6 +117244,10 @@ var disabled = function disabled() {
   return pv('disabled', defaults.DISABLED);
 };
 color$1.disabled = disabled;
+var disabledSecondary = function disabledSecondary() {
+  return pv('disabled-secondary', defaults.DISABLED_SECONDARY);
+};
+color$1.disabledSecondary = disabledSecondary;
 var correct = function correct() {
   return pv('correct', defaults.CORRECT);
 };
@@ -119397,13 +119403,13 @@ SvgIcon$1.default = _default$m;
   var _SvgIcon = _interopRequireDefault(SvgIcon$1);
 })(SvgIcon$2);
 getDefaultExportFromCjs(SvgIcon$2);
-const require$$1$d = _dll_react;
+const require$$1$e = _dll_react;
 var _interopRequireDefault$m = interopRequireDefault.exports;
 Object.defineProperty(createSvgIcon$1, "__esModule", {
   value: true
 });
 createSvgIcon$1.default = void 0;
-var _react$m = _interopRequireDefault$m(require$$1$d);
+var _react$m = _interopRequireDefault$m(require$$1$e);
 var _pure$1 = _interopRequireDefault$m(pure$1);
 var _SvgIcon$1 = _interopRequireDefault$m(SvgIcon$2);
 function createSvgIcon(path, displayName) {
@@ -119417,13 +119423,13 @@ function createSvgIcon(path, displayName) {
 }
 var _default$l = createSvgIcon;
 createSvgIcon$1.default = _default$l;
-const require$$1$c = _dll_react;
+const require$$1$d = _dll_react;
 var _interopRequireDefault$l = interopRequireDefault.exports;
 Object.defineProperty(Restore, "__esModule", {
   value: true
 });
 Restore.default = void 0;
-var _react$l = _interopRequireDefault$l(require$$1$c);
+var _react$l = _interopRequireDefault$l(require$$1$d);
 var _createSvgIcon$2 = _interopRequireDefault$l(createSvgIcon$1);
 var _default$k = (0, _createSvgIcon$2.default)(_react$l.default.createElement(_react$l.default.Fragment, null, _react$l.default.createElement("path", {
   fill: "none",
@@ -119433,13 +119439,13 @@ var _default$k = (0, _createSvgIcon$2.default)(_react$l.default.createElement(_r
 })), 'Restore');
 Restore.default = _default$k;
 var Undo = {};
-const require$$1$b = _dll_react;
+const require$$1$c = _dll_react;
 var _interopRequireDefault$k = interopRequireDefault.exports;
 Object.defineProperty(Undo, "__esModule", {
   value: true
 });
 Undo.default = void 0;
-var _react$k = _interopRequireDefault$k(require$$1$b);
+var _react$k = _interopRequireDefault$k(require$$1$c);
 var _createSvgIcon$1 = _interopRequireDefault$k(createSvgIcon$1);
 var _default$j = (0, _createSvgIcon$1.default)(_react$k.default.createElement(_react$k.default.Fragment, null, _react$k.default.createElement("path", {
   fill: "none",
@@ -119899,13 +119905,13 @@ function formControlState(_ref) {
 }
 var withFormControlContext$1 = {};
 var FormControlContext$1 = {};
-const require$$1$a = _dll_react;
+const require$$1$b = _dll_react;
 var _interopRequireDefault$j = interopRequireDefault.exports;
 Object.defineProperty(FormControlContext$1, "__esModule", {
   value: true
 });
 FormControlContext$1.default = void 0;
-var _react$j = _interopRequireDefault$j(require$$1$a);
+var _react$j = _interopRequireDefault$j(require$$1$b);
 var FormControlContext = _react$j.default.createContext();
 var _default$i = FormControlContext;
 FormControlContext$1.default = _default$i;
@@ -120724,7 +120730,7 @@ const require$$11$1 = _dll_prop_types;
 })(previewPrompt);
 getDefaultExportFromCjs(previewPrompt);
 var readable = {};
-const require$$1$9 = _dll_prop_types;
+const require$$1$a = _dll_prop_types;
 const require$$2$4 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -120732,7 +120738,7 @@ const require$$2$4 = _dll_react;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$9);
+  var _propTypes = _interopRequireDefault(require$$1$a);
   var _react = _interopRequireDefault(require$$2$4);
   var Readable = function Readable(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
@@ -120750,7 +120756,7 @@ const require$$2$4 = _dll_react;
 })(readable);
 getDefaultExportFromCjs(readable);
 var purpose = {};
-const require$$1$8 = _dll_prop_types;
+const require$$1$9 = _dll_prop_types;
 const require$$2$3 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -120758,7 +120764,7 @@ const require$$2$3 = _dll_react;
     value: true
   });
   exports["default"] = void 0;
-  var _propTypes = _interopRequireDefault(require$$1$8);
+  var _propTypes = _interopRequireDefault(require$$1$9);
   var _react = _interopRequireDefault(require$$2$3);
   var Purpose = function Purpose(props) {
     return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].Children.map(props.children, function (child) {
@@ -121199,14 +121205,14 @@ const require$$2$2 = _dll_react;
 })(withDragContext);
 getDefaultExportFromCjs(withDragContext);
 var swap = {};
-const {cloneDeep: require$$1$7} = _dll_lodash;
+const {cloneDeep: require$$1$8} = _dll_lodash;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _cloneDeep = _interopRequireDefault(require$$1$7);
+  var _cloneDeep = _interopRequireDefault(require$$1$8);
   var _default = function _default(arr, fromIndex, toIndex) {
     if (!arr || arr.length <= 1 || fromIndex === undefined || toIndex === undefined) {
       throw new Error(("swap requires a non-empty array, fromIndex, toIndex: ").concat(arr, ", ").concat(fromIndex, " ").concat(toIndex));
@@ -121527,13 +121533,13 @@ getDefaultExportFromCjs(drag);
 var Chip$2 = {};
 var Chip$1 = {};
 var Cancel$1 = {};
-const require$$1$6 = _dll_react;
+const require$$1$7 = _dll_react;
 var _interopRequireDefault$d = interopRequireDefault.exports;
 Object.defineProperty(Cancel$1, "__esModule", {
   value: true
 });
 Cancel$1.default = void 0;
-var _react$d = _interopRequireDefault$d(require$$1$6);
+var _react$d = _interopRequireDefault$d(require$$1$7);
 var _pure = _interopRequireDefault$d(pure$1);
 var _SvgIcon = _interopRequireDefault$d(SvgIcon$2);
 var _ref = _react$d.default.createElement("path", {
@@ -123561,7 +123567,7 @@ const require$$6$3 = _dll_classnames;
   exports["default"] = _default;
 })(correctInput);
 getDefaultExportFromCjs(correctInput);
-const require$$1$5 = _dll_react;
+const require$$1$6 = _dll_react;
 const require$$2$1 = _dll_prop_types;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
@@ -123569,7 +123575,7 @@ const require$$2$1 = _dll_prop_types;
     value: true
   });
   exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$5);
+  var _react = _interopRequireDefault(require$$1$6);
   var _propTypes = _interopRequireDefault(require$$2$1);
   var _correctInput = _interopRequireDefault(correctInput);
   var Input = function Input(_ref) {
@@ -123605,14 +123611,14 @@ const require$$2$1 = _dll_prop_types;
   exports["default"] = _default;
 })(input);
 getDefaultExportFromCjs(input);
-const require$$1$4 = _dll_react;
+const require$$1$5 = _dll_react;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports["default"] = void 0;
-  var _react = _interopRequireDefault(require$$1$4);
+  var _react = _interopRequireDefault(require$$1$5);
   var _input = _interopRequireDefault(input);
   var _withMask = withMask$1;
   var _default = (0, _withMask.withMask)('input', function (props) {
@@ -123642,6 +123648,27 @@ const require$$1$4 = _dll_react;
   exports["default"] = _default;
 })(constructedResponse);
 getDefaultExportFromCjs(constructedResponse);
+var customizable = {};
+const require$$1$4 = _dll_react;
+(function (exports) {
+  var _interopRequireDefault = interopRequireDefault.exports;
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports["default"] = void 0;
+  _interopRequireDefault(require$$1$4);
+  var _withMask = withMask$1;
+  var _default = (0, _withMask.withMask)('input', function (props) {
+    return function (node, data, onChange) {
+      var dataset = node.data ? node.data.dataset || ({}) : {};
+      if (dataset.component === 'input') {
+        return props.customMarkMarkupComponent(dataset.id);
+      }
+    };
+  });
+  exports["default"] = _default;
+})(customizable);
+getDefaultExportFromCjs(customizable);
 var inlineDropdown = {};
 var dropdown = {};
 var Menu$2 = {};
@@ -124752,6 +124779,12 @@ getDefaultExportFromCjs(inlineDropdown);
       return _constructedResponse["default"];
     }
   });
+  Object.defineProperty(exports, "Customizable", {
+    enumerable: true,
+    get: function get() {
+      return _customizable["default"];
+    }
+  });
   Object.defineProperty(exports, "DragInTheBlank", {
     enumerable: true,
     get: function get() {
@@ -124785,6 +124818,7 @@ getDefaultExportFromCjs(inlineDropdown);
   var _withMask = withMask$1;
   var _dragInTheBlank = _interopRequireDefault(dragInTheBlank);
   var _constructedResponse = _interopRequireDefault(constructedResponse);
+  var _customizable = _interopRequireDefault(customizable);
   var _inlineDropdown = _interopRequireDefault(inlineDropdown);
   var _componentize = _interopRequireDefault(componentize);
 })(maskMarkup);
@@ -124799,6 +124833,12 @@ getDefaultExportFromCjs(maskMarkup);
       return _maskMarkup.ConstructedResponse;
     }
   });
+  Object.defineProperty(exports, "Customizable", {
+    enumerable: true,
+    get: function get() {
+      return _maskMarkup.Customizable;
+    }
+  });
   Object.defineProperty(exports, "DragInTheBlank", {
     enumerable: true,
     get: function get() {

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.12.7",
+  "version": "6.13.0",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.17.5",
+    "@pie-lib/pie-toolbox": "1.20.0",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "4feb4fe19aa0c24f7794607424333317575c0079",
+  "gitHead": "f5691f1d898d9b51f79a269bce973b35cfe99ced",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {