@pie-element/math-inline 8.4.1-next.7 → 8.4.2-next.0

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.1/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_toolbar, _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.8.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.2.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_toolbar, _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.9.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) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -11572,10 +11572,11 @@ var en = {};
         primaryCorrectWithAlternates: 'Note: The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.'
       },
       multipleChoice: {
-        minSelections_one: 'This question requires at least {{minSelections}} answer.',
-        minSelections_other: 'This question requires at least {{minSelections}} answers.',
+        minSelections: 'Select at least {{minSelections}}.',
         maxSelections_one: 'Only {{maxSelections}} answer is allowed.',
-        maxSelections_other: 'Only {{maxSelections}} answers are allowed.'
+        maxSelections_other: 'Only {{maxSelections}} answers are allowed.',
+        minmaxSelections_equal: 'Select {{minSelections}}.',
+        minmaxSelections_range: 'Select between {{minSelections}} and {{maxSelections}}.'
       },
       selectText: {
         correctAnswerSelected: 'Correct answer selected',
@@ -11665,10 +11666,11 @@ var es = {};
         primaryCorrectWithAlternates: 'Nota: La respuesta que se muestra arriba es la respuesta correcta principal especificada por el autor para esta pregunta, pero también se pueden reconocer otras respuestas como correctas.'
       },
       multipleChoice: {
-        minSelections_one: 'Esta pregunta requiere al menos {{minSelections}} respuesta.',
-        minSelections_other: 'Esta pregunta requiere al menos {{minSelections}} respuestas.',
+        minSelections: 'Seleccione al menos {{minSelections}}.',
         maxSelections_one: 'Sólo se permite {{maxSelections}} respuesta.',
-        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.'
+        maxSelections_other: 'Sólo se permiten {{maxSelections}} respuestas.',
+        minmaxSelections_equal: 'Seleccione {{minSelections}}.',
+        minmaxSelections_range: 'Seleccione entre {{minSelections}} y {{maxSelections}}.'
       },
       selectText: {
         correctAnswerSelected: 'Respuesta correcta seleccionada',
@@ -11837,6 +11839,16 @@ function generateAdditionalKeys(keyData = []) {
     label: key
   }));
 }
+function isChildOfCurrentPieElement(child, parent) {
+  let node = child;
+  while (node !== null) {
+    if (node === parent) {
+      return true;
+    }
+    node = node.parentNode;
+  }
+  return false;
+}
 function getKeyPadWidth(additionalKeys = [], equationEditor) {
   return Math.floor(additionalKeys.length / 5) * 30 + (equationEditor === 'miscellaneous' ? 600 : 500);
 }
@@ -12062,10 +12074,14 @@ class Main extends React$1.Component {
   }
   __init4() {
     this.handleKeyDown = (event, id) => {
+      const {config} = this.props.model;
+      const myElement = document.getElementById(config.id);
+      let isTrigerredFromActualPieElement = true;
+      isTrigerredFromActualPieElement = isChildOfCurrentPieElement(event.target, myElement);
       const isAnswerInputFocused = document.activeElement.getAttribute('aria-label') === 'Enter answer.';
       const isClickOrTouchEvent = event.type === 'click' || event.type === 'touchstart';
       if (isAnswerInputFocused && (event.key === 'ArrowDown' || isClickOrTouchEvent)) {
-        if (this.state.activeAnswerBlock !== id) {
+        if (this.state.activeAnswerBlock !== id && isTrigerredFromActualPieElement) {
           this.cleanupKeyDownListener();
           this.setState({
             activeAnswerBlock: id
@@ -12221,6 +12237,7 @@ class Main extends React$1.Component {
   __init16() {
     this.onBlur = e => {
       const {relatedTarget, currentTarget} = e || ({});
+      const isKeypadOpen = currentTarget && currentTarget.closest('[role=tooltip]');
       function getParentWithRoleTooltip(element, depth = 0) {
         if (!element || depth >= 16) return null;
         const parent = element.offsetParent;
@@ -12242,9 +12259,11 @@ class Main extends React$1.Component {
       const parentWithTooltipRole = getParentWithRoleTooltip(relatedTarget);
       const childWithDataKeypad = parentWithTooltipRole ? getDeepChildDataKeypad(parentWithTooltipRole) : null;
       if (!relatedTarget || !currentTarget || !_optionalChain([childWithDataKeypad, 'optionalAccess', _16 => _16.attributes, 'access', _17 => _17['data-keypad']])) {
-        this.setState({
-          activeAnswerBlock: ''
-        });
+        if (!isKeypadOpen) {
+          this.setState({
+            activeAnswerBlock: ''
+          });
+        }
       }
     };
   }
@@ -12266,7 +12285,7 @@ class Main extends React$1.Component {
     if (!config) {
       return null;
     }
-    const {showNote, note, prompt, responses, responseType, equationEditor, customKeys, env: {mode, role} = {}} = config || ({});
+    const {showNote, note, prompt, responses, responseType, equationEditor, customKeys, id, env: {mode, role} = {}} = config || ({});
     const displayNote = (showCorrect || mode === 'view' && role === 'instructor') && showNote && note;
     const emptyResponse = isEmpty(responses);
     const showCorrectAnswerToggle = !emptyResponse && correctness && correctness.correctness !== 'correct';
@@ -12281,7 +12300,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 578
+        lineNumber: 604
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12295,7 +12314,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 579
+        lineNumber: 605
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12303,14 +12322,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 593
+        lineNumber: 619
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 594
+        lineNumber: 620
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12321,7 +12340,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 600
+        lineNumber: 626
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12330,7 +12349,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 604
+        lineNumber: 630
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12339,28 +12358,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 607
+        lineNumber: 633
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 611
+        lineNumber: 637
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 612
+        lineNumber: 638
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 619
+        lineNumber: 645
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12368,7 +12387,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 620
+        lineNumber: 646
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12381,7 +12400,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 622
+        lineNumber: 648
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12395,7 +12414,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 634
+        lineNumber: 660
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12429,7 +12448,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 669
+          lineNumber: 695
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12438,13 +12457,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 678
+          lineNumber: 704
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 644
+        lineNumber: 670
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12458,7 +12477,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 688
+        lineNumber: 714
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12468,7 +12487,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 706
+        lineNumber: 732
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12478,7 +12497,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 713
+        lineNumber: 739
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12487,7 +12506,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 714
+        lineNumber: 740
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12496,16 +12515,17 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 717
+        lineNumber: 743
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
       return React$1.createElement(UiLayout, {
         extraCSSRules: extraCSSRules,
+        id: id,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 730
+          lineNumber: 756
         }
       }, React$1.createElement(Tooltip, {
         interactive: true,
@@ -12518,14 +12538,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 739
+            lineNumber: 765
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 740
+            lineNumber: 766
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12536,7 +12556,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 742
+            lineNumber: 768
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12548,14 +12568,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 753
+            lineNumber: 779
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 761
+            lineNumber: 787
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12571,14 +12591,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 765
+            lineNumber: 791
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 773
+            lineNumber: 799
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12590,14 +12610,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 778
+            lineNumber: 804
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 786
+            lineNumber: 812
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12605,13 +12625,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 790
+            lineNumber: 816
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 731
+          lineNumber: 757
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12619,11 +12639,12 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 794
+          lineNumber: 820
         }
       }, midContent)));
     }
     return React$1.createElement(UiLayout, {
+      id: id,
       extraCSSRules: extraCSSRules,
       className: classes.mainContainer,
       ref: r => {
@@ -12633,7 +12654,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 803
+        lineNumber: 829
       }
     }, midContent);
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-inline@8.4.0</title>
+      <title>@pie-element/math-inline@8.4.1</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,14 +1,14 @@
 {
   "name": "@pie-element/math-inline",
-  "version": "8.4.0",
+  "version": "8.4.1",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "3.1.1"
+      "version": "3.2.0"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.8.1"
+      "version": "5.9.0"
     }
   ]
 }

package/module/print.html

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