@pie-element/ebsr 10.3.3-next.0 → 10.3.3-next.12

package/configure/package.json

@@ -10,7 +10,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-element/multiple-choice": "^9.9.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/pie-toolbox": "2.8.0",
+    "@pie-lib/pie-toolbox": "2.9.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.8.0",
+    "@pie-lib/pie-toolbox": "2.9.0",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.2.0/module/index.js";
 import MultipleChoiceConfigure from '@pie-element/multiple-choice/configure/lib';
-import {_dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.8.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui} 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;

package/module/controller.js

@@ -23479,10 +23479,11 @@ var _default = {
       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',
@@ -23575,10 +23576,11 @@ var _default = {
       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',

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.1/module/index.js";
-import {_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_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.2.0/module/index.js";
+import {_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;
@@ -8494,10 +8494,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',
@@ -8587,10 +8588,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',
@@ -12842,26 +12844,45 @@ class MultipleChoice$1 extends React$2.Component {
         lineNumber: 245
       }
     });
+    const getMultipleChoiceMinSelectionErrorMessage = () => {
+      if (minSelections && maxSelections) {
+        return minSelections === maxSelections ? translator.t('translation:multipleChoice:minmaxSelections_equal', {
+          lng: language,
+          minSelections
+        }) : translator.t('translation:multipleChoice:minmaxSelections_range', {
+          lng: language,
+          minSelections,
+          maxSelections
+        });
+      }
+      if (minSelections) {
+        return translator.t('translation:multipleChoice:minSelections', {
+          lng: language,
+          minSelections
+        });
+      }
+      return '';
+    };
     return React$2.createElement('div', {
       className: classNames(classes.main, className, 'multiple-choice'),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 254
+        lineNumber: 268
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 255
+        lineNumber: 269
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 260
+        lineNumber: 274
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12871,14 +12892,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 262
+        lineNumber: 276
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 276
+        lineNumber: 290
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12889,7 +12910,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 277
+        lineNumber: 291
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12899,7 +12920,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 286
+        lineNumber: 300
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12910,7 +12931,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 294
+        lineNumber: 308
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12933,24 +12954,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 302
+        lineNumber: 316
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 326
+        lineNumber: 340
       }
-    }, translator.t(`translation:multipleChoice:minSelections_${minSelections === 1 ? 'one' : 'other'}`, {
-      lng: language,
-      minSelections
-    })), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
+    }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 334
+        lineNumber: 345
       }
     }, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13069,7 +13087,8 @@ const debug$1 = _dll_debug;
 const {renderMath: renderMath} = _dll_pie_lib__pie_toolbox_math_rendering;
 const log$1 = debug$1('pie-ui:multiple-choice');
 const isComplete = (session, model, audioComplete) => {
-  if (model.autoplayAudioEnabled && !audioComplete) {
+  const {autoplayAudioEnabled, completeAudioEnabled} = model || ({});
+  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {
     return false;
   }
   if (!session || !session.value) {
@@ -13185,12 +13204,12 @@ class MultipleChoice extends HTMLElement {
             }
             document.removeEventListener('click', enableAudio);
           };
-          if (audio.paused && !this.querySelector('#play-audio-info')) {
-            this.appendChild(info);
-            document.addEventListener('click', enableAudio);
-          } else {
-            document.removeEventListener('click', enableAudio);
-          }
+          setTimeout(() => {
+            if (audio.paused && !this.querySelector('#play-audio-info')) {
+              this.appendChild(info);
+              document.addEventListener('click', enableAudio);
+            }
+          }, 500);
           const handlePlaying = () => {
             const info = this.querySelector('#play-audio-info');
             if (info) {

package/module/manifest.json

@@ -4,11 +4,11 @@
   "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.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.1.1/module/index.js";
-import {_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_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-math-rendering-module@3.2.0/module/index.js";
+import {_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;
@@ -8457,10 +8457,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',
@@ -8550,10 +8551,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',
@@ -12805,26 +12807,45 @@ class MultipleChoice$1 extends React$2.Component {
         lineNumber: 245
       }
     });
+    const getMultipleChoiceMinSelectionErrorMessage = () => {
+      if (minSelections && maxSelections) {
+        return minSelections === maxSelections ? translator$1.t('translation:multipleChoice:minmaxSelections_equal', {
+          lng: language,
+          minSelections
+        }) : translator$1.t('translation:multipleChoice:minmaxSelections_range', {
+          lng: language,
+          minSelections,
+          maxSelections
+        });
+      }
+      if (minSelections) {
+        return translator$1.t('translation:multipleChoice:minSelections', {
+          lng: language,
+          minSelections
+        });
+      }
+      return '';
+    };
     return React$2.createElement('div', {
       className: classNames(classes.main, className, 'multiple-choice'),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 254
+        lineNumber: 268
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 255
+        lineNumber: 269
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 260
+        lineNumber: 274
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12834,14 +12855,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 262
+        lineNumber: 276
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 276
+        lineNumber: 290
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12852,7 +12873,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 277
+        lineNumber: 291
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12862,7 +12883,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 286
+        lineNumber: 300
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12873,7 +12894,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 294
+        lineNumber: 308
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12896,24 +12917,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 302
+        lineNumber: 316
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 326
+        lineNumber: 340
       }
-    }, translator$1.t(`translation:multipleChoice:minSelections_${minSelections === 1 ? 'one' : 'other'}`, {
-      lng: language,
-      minSelections
-    })), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
+    }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 334
+        lineNumber: 345
       }
     }, translator$1.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13069,7 +13087,8 @@ const debug$1 = _dll_debug;
 const {renderMath: renderMath} = _dll_pie_lib__pie_toolbox_math_rendering;
 const log$1 = debug$1('pie-ui:multiple-choice');
 const isComplete = (session, model, audioComplete) => {
-  if (model.autoplayAudioEnabled && !audioComplete) {
+  const {autoplayAudioEnabled, completeAudioEnabled} = model || ({});
+  if (autoplayAudioEnabled && completeAudioEnabled && !audioComplete) {
     return false;
   }
   if (!session || !session.value) {
@@ -13185,12 +13204,12 @@ class MultipleChoice extends HTMLElement {
             }
             document.removeEventListener('click', enableAudio);
           };
-          if (audio.paused && !this.querySelector('#play-audio-info')) {
-            this.appendChild(info);
-            document.addEventListener('click', enableAudio);
-          } else {
-            document.removeEventListener('click', enableAudio);
-          }
+          setTimeout(() => {
+            if (audio.paused && !this.querySelector('#play-audio-info')) {
+              this.appendChild(info);
+              document.addEventListener('click', enableAudio);
+            }
+          }, 500);
           const handlePlaying = () => {
             const info = this.querySelector('#play-audio-info');
             if (info) {

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.3.3-next.0+05d92c29d",
+  "version": "10.3.3-next.12+87b282e00",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.9.2-next.0+05d92c29d",
+    "@pie-element/multiple-choice": "^9.9.2-next.12+87b282e00",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.8.0",
+    "@pie-lib/pie-toolbox": "2.9.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "05d92c29de17495a5cf359fe895ac379b457ca3f",
+  "gitHead": "87b282e0032de66385a8d361264a31d2b18a72ae",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },