@pie-element/math-inline 8.6.7-next.8 → 8.6.8-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@4.1.3/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@7.0.2/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@4.1.5/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@7.0.4/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;
@@ -11806,6 +11806,7 @@ const {Feedback: Feedback} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Collapsible: Collapsible} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Readable: Readable} = _dll_pie_lib__pie_toolbox_render_ui;
 const {hasText: hasText} = _dll_pie_lib__pie_toolbox_render_ui;
+const {hasMedia: hasMedia} = _dll_pie_lib__pie_toolbox_render_ui;
 const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
 const {UiLayout: UiLayout} = _dll_pie_lib__pie_toolbox_render_ui;
 const {color: color} = _dll_pie_lib__pie_toolbox_render_ui;
@@ -12316,12 +12317,14 @@ class Main extends React$1.Component {
     const staticLatex = prepareForStatic(model, this.state) || '';
     const viewMode = disabled && !correctness;
     const studentPrintMode = printMode && !alwaysShowCorrect;
+    const showRationale = rationale && (hasText(rationale) || hasMedia(rationale));
+    const showTeacherInstructions = teacherInstructions && (hasText(teacherInstructions) || hasMedia(teacherInstructions));
     const printView = React$1.createElement('div', {
       className: classes.printContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 619
+        lineNumber: 629
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12337,7 +12340,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 620
+        lineNumber: 630
       }
     }));
     const midContent = React$1.createElement('div', {
@@ -12345,16 +12348,16 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 636
+        lineNumber: 646
       }
     }, mode === 'gather' && React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 637
+        lineNumber: 647
       }
-    }, "Math Equation Response Question"), viewMode && teacherInstructions && hasText(teacherInstructions) && (!animationsDisabled ? React$1.createElement(Collapsible, {
+    }, "Math Equation Response Question"), viewMode && showTeacherInstructions && (!animationsDisabled ? React$1.createElement(Collapsible, {
       className: classes.collapsible,
       labels: {
         hidden: 'Show Teacher Instructions',
@@ -12363,7 +12366,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 643
+        lineNumber: 652
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12372,7 +12375,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 647
+        lineNumber: 656
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12381,28 +12384,28 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 650
+        lineNumber: 659
       }
     })), prompt && React$1.createElement('div', {
       className: classes.promptContainer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 654
+        lineNumber: 663
       }
     }, React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 655
+        lineNumber: 664
       }
     })), studentPrintMode ? printView : React$1.createElement(Readable, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 662
+        lineNumber: 671
       }
     }, React$1.createElement('div', {
       className: classes.inputAndKeypadContainer,
@@ -12410,7 +12413,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 663
+        lineNumber: 672
       }
     }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
@@ -12423,7 +12426,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 665
+        lineNumber: 674
       }
     }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       ref: tooltipContainerRef,
@@ -12437,7 +12440,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 677
+        lineNumber: 686
       }
     }, React$1.createElement(Tooltip, {
       ref: ref => this.setTooltipRef(ref),
@@ -12471,7 +12474,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 712
+          lineNumber: 721
         }
       }, React$1.createElement(HorizontalKeypad, {
         additionalKeys: additionalKeys,
@@ -12480,13 +12483,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 721
+          lineNumber: 730
         }
       })) || null),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 687
+        lineNumber: 696
       }
     }, React$1.createElement(mq.Static, {
       className: classes.static,
@@ -12502,7 +12505,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 731
+        lineNumber: 740
       }
     }))))), viewMode && displayNote && React$1.createElement('div', {
       className: classes.note,
@@ -12512,9 +12515,9 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 751
+        lineNumber: 760
       }
-    }), viewMode && rationale && hasText(rationale) && (!animationsDisabled ? React$1.createElement(Collapsible, {
+    }), viewMode && showRationale && (!animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
         hidden: 'Show Rationale',
         visible: 'Hide Rationale'
@@ -12522,7 +12525,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 758
+        lineNumber: 766
       }
     }, React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12531,7 +12534,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 759
+        lineNumber: 767
       }
     })) : React$1.createElement('div', {
       dangerouslySetInnerHTML: {
@@ -12540,16 +12543,16 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 762
+        lineNumber: 770
       }
     })));
-    if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions && hasText(teacherInstructions) || rationale && hasText(rationale) || feedback)) {
+    if (tooltipModeEnabled && (showCorrectAnswerToggle || showTeacherInstructions || showRationale || feedback)) {
       return React$1.createElement(UiLayout, {
         extraCSSRules: extraCSSRules,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 775
+          lineNumber: 783
         }
       }, React$1.createElement(Tooltip, {
         interactive: true,
@@ -12562,14 +12565,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 784
+            lineNumber: 792
           }
         }, React$1.createElement('div', {
           className: classes.main,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 785
+            lineNumber: 793
           }
         }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
           language: language,
@@ -12580,9 +12583,9 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 787
+            lineNumber: 795
           }
-        })), teacherInstructions && hasText(teacherInstructions) && React$1.createElement(Collapsible, {
+        })), showTeacherInstructions && React$1.createElement(Collapsible, {
           className: classes.collapsible,
           key: "collapsible-teacher-instructions",
           labels: {
@@ -12592,14 +12595,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 798
+            lineNumber: 806
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: teacherInstructions,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 806
+            lineNumber: 814
           }
         })), displayNote && hasText(note) && React$1.createElement(Collapsible, {
           className: classes.collapsible,
@@ -12615,16 +12618,16 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 810
+            lineNumber: 818
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: note,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 818
+            lineNumber: 826
           }
-        })), rationale && hasText(rationale) && React$1.createElement(Collapsible, {
+        })), showRationale && React$1.createElement(Collapsible, {
           className: classes.collapsible,
           key: "collapsible-rationale",
           labels: {
@@ -12634,14 +12637,14 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 823
+            lineNumber: 831
           }
         }, React$1.createElement(PreviewPrompt, {
           prompt: rationale,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 831
+            lineNumber: 839
           }
         })), feedback && React$1.createElement(Feedback, {
           correctness: correctness.correctness,
@@ -12649,13 +12652,13 @@ class Main extends React$1.Component {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 835
+            lineNumber: 843
           }
         })),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 776
+          lineNumber: 784
         }
       }, React$1.createElement('div', {
         className: classes.mainContainer,
@@ -12663,7 +12666,7 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 839
+          lineNumber: 847
         }
       }, midContent)));
     }
@@ -12678,7 +12681,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 848
+        lineNumber: 856
       }
     }, midContent);
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/math-inline@8.6.6</title>
+      <title>@pie-element/math-inline@8.6.7</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.6.6",
+  "version": "8.6.7",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "4.1.3"
+      "version": "4.1.5"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "7.0.2"
+      "version": "7.0.4"
     }
   ]
 }

package/module/print.html

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