@pie-element/math-inline 8.0.2-next.9 → 8.1.1-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_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/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.0.5/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_lodash, _dll_pie_framework__mathquill, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.7/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.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;
@@ -12048,15 +12048,15 @@ class Main extends React$1.Component {
       const isAnswerInputFocused = document.activeElement.getAttribute('aria-label') === 'Enter answer.';
       const isClickOrTouchEvent = event.type === 'click' || event.type === 'touchstart';
       if (isAnswerInputFocused && (event.key === 'ArrowDown' || isClickOrTouchEvent)) {
-        this.setState({
-          activeAnswerBlock: id
-        }, () => {
-          if (event.key === 'ArrowDown') {
-            this.focusFirstKeypadElement();
-          }
-        });
-      }
-      if (!isAnswerInputFocused && isClickOrTouchEvent || event.key === 'Escape') {
+        if (this.state.activeAnswerBlock !== id) {
+          this.setState({
+            activeAnswerBlock: id
+          });
+        }
+        if (event.key === 'ArrowDown') {
+          this.focusFirstKeypadElement();
+        }
+      } else if (event.key === 'Escape') {
         this.setState({
           activeAnswerBlock: ''
         });
@@ -12068,6 +12068,7 @@ class Main extends React$1.Component {
       const handleEvent = event => {
         this.handleKeyDown(event, id);
       };
+      this.handleEvent = handleEvent;
       document.addEventListener('keydown', handleEvent);
       document.addEventListener('click', handleEvent);
       document.addEventListener('touchstart', handleEvent);
@@ -12075,9 +12076,12 @@ class Main extends React$1.Component {
   }
   __init6() {
     this.cleanupKeyDownListener = () => {
-      document.removeEventListener('keydown', this.handleEvent);
-      document.removeEventListener('click', this.handleEvent);
-      document.removeEventListener('touchstart', this.handleEvent);
+      if (this.handleEvent) {
+        document.removeEventListener('keydown', this.handleEvent);
+        document.removeEventListener('click', this.handleEvent);
+        document.removeEventListener('touchstart', this.handleEvent);
+        this.handleEvent = null;
+      }
     };
   }
   componentWillUnmount() {
@@ -12258,7 +12262,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 569
+        lineNumber: 574
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12272,7 +12276,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 570
+        lineNumber: 575
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12280,14 +12284,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 584
+        lineNumber: 589
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 585
+        lineNumber: 590
       }
     }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
@@ -12298,7 +12302,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 591
+        lineNumber: 596
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12307,7 +12311,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 595
+        lineNumber: 600
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12316,28 +12320,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 598
+        lineNumber: 603
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 602
+        lineNumber: 607
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 603
+        lineNumber: 608
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 610
+        lineNumber: 615
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12345,7 +12349,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 611
+        lineNumber: 616
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12358,7 +12362,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 613
+        lineNumber: 618
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12372,7 +12376,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 625
+        lineNumber: 630
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12406,7 +12410,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 660
+          lineNumber: 665
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12415,13 +12419,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 669
+          lineNumber: 674
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 635
+        lineNumber: 640
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12435,7 +12439,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 679
+        lineNumber: 684
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12445,7 +12449,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 697
+        lineNumber: 702
       }
     }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12455,7 +12459,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 704
+        lineNumber: 709
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12464,7 +12468,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 705
+        lineNumber: 710
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12473,7 +12477,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 708
+        lineNumber: 713
       }
     })));
     if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
@@ -12488,14 +12492,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 729
+            lineNumber: 734
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 730
+            lineNumber: 735
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12506,7 +12510,7 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 732
+            lineNumber: 737
           }
         })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12518,14 +12522,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 743
+            lineNumber: 748
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 751
+            lineNumber: 756
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12541,14 +12545,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 755
+            lineNumber: 760
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 763
+            lineNumber: 768
           }
         })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12560,14 +12564,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 768
+            lineNumber: 773
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 776
+            lineNumber: 781
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12575,13 +12579,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 780
+            lineNumber: 785
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 721
+          lineNumber: 726
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12589,7 +12593,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 784
+          lineNumber: 789
         }
       }, midContent));
     }
@@ -12599,7 +12603,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 792
+        lineNumber: 797
       }
     }, midContent);
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-inline@8.0.1</title>
+      <title>@pie-element/math-inline@8.1.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,14 +1,14 @@
 {
   "name": "@pie-element/math-inline",
-  "version": "8.0.1",
+  "version": "8.1.0",
   "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.html

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