@pie-element/ebsr 10.3.5-next.6 → 10.3.6-next.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.3.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr@10.3.4...@pie-element/ebsr@10.3.5) (2025-02-12)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4717 ([4bc5bea](https://github.com/pie-framework/pie-elements/commit/4bc5beafe3c04efe64809ff95c5863a6142cbb02))
+
+
+
+
+
 ## [10.3.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr@10.3.3...@pie-element/ebsr@10.3.4) (2025-02-07)
 
 **Note:** Version bump only for package @pie-element/ebsr

package/configure/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.2.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr-configure@10.2.4...@pie-element/ebsr-configure@10.2.5) (2025-02-12)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4717 ([4bc5bea](https://github.com/pie-framework/pie-elements/commit/4bc5beafe3c04efe64809ff95c5863a6142cbb02))
+
+
+
+
+
 ## [10.2.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr-configure@10.2.3...@pie-element/ebsr-configure@10.2.4) (2025-02-07)
 
 **Note:** Version bump only for package @pie-element/ebsr-configure

package/configure/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@pie-element/ebsr-configure",
   "private": true,
-  "version": "10.2.4",
+  "version": "10.2.5",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
   "author": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multiple-choice": "^9.11.0",
+    "@pie-element/multiple-choice": "^9.12.0",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/pie-toolbox": "2.9.0",
+    "@pie-lib/pie-toolbox": "2.9.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.1.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr-controller@8.1.12...@pie-element/ebsr-controller@8.1.13) (2025-02-12)
+
+
+### Bug Fixes
+
+* update pie-lib/pie-toolbox PD-4717 ([4bc5bea](https://github.com/pie-framework/pie-elements/commit/4bc5beafe3c04efe64809ff95c5863a6142cbb02))
+
+
+
+
+
 ## [8.1.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/ebsr-controller@8.1.11...@pie-element/ebsr-controller@8.1.12) (2025-02-06)
 
 

package/controller/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/ebsr-controller",
   "private": true,
-  "version": "8.1.12",
+  "version": "8.1.13",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.9.0",
+    "@pie-lib/pie-toolbox": "2.9.1",
     "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.3.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.9.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.10.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/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.3.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";
+import {_dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.10.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;
@@ -12719,8 +12719,6 @@ class MultipleChoice$1 extends React$2.Component {
     this.handleChange = event => {
       const {value, checked} = event.target;
       const {maxSelections, onChoiceChanged, session} = this.props;
-      const {detail} = event.nativeEvent;
-      let selector = detail ? 'Mouse' : 'Keyboard';
       if (session.value && session.value.length >= maxSelections) {
         this.setState({
           maxSelectionsErrorState: checked
@@ -12732,7 +12730,7 @@ class MultipleChoice$1 extends React$2.Component {
       onChoiceChanged({
         value,
         selected: checked,
-        selector
+        selector: 'Mouse'
       });
     };
   }
@@ -12816,14 +12814,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 214
+        lineNumber: 210
       }
     }, "Multiple Choice Question") : React$2.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 216
+        lineNumber: 212
       }
     }, "Multiple Select Question");
   }
@@ -12845,7 +12843,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 251
+        lineNumber: 247
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12872,21 +12870,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 274
+        lineNumber: 270
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 275
+        lineNumber: 271
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 280
+        lineNumber: 276
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12896,14 +12894,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 282
+        lineNumber: 278
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 296
+        lineNumber: 292
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12914,7 +12912,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 297
+        lineNumber: 293
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12924,7 +12922,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 306
+        lineNumber: 302
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12935,7 +12933,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 314
+        lineNumber: 310
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12958,21 +12956,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 322
+        lineNumber: 318
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 346
+        lineNumber: 342
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 351
+        lineNumber: 347
       }
     }, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13122,6 +13120,8 @@ class MultipleChoice extends HTMLElement {
     this._model = null;
     this._session = null;
     this.audioComplete = false;
+    this._boundHandleKeyDown = this.handleKeyDown.bind(this);
+    this._keyboardEventsEnabled = false;
     this._rerender = debounce(() => {
       if (this._model && this._session) {
         var element = React.createElement(Root, {
@@ -13137,7 +13137,7 @@ class MultipleChoice extends HTMLElement {
           log$1('render complete - render math');
           renderMath(this);
         });
-        if (this._model.keyboardEventsEnabled === true) {
+        if (this._model.keyboardEventsEnabled === true && !this._keyboardEventsEnabled) {
           this.enableKeyboardEvents();
         }
       } else {
@@ -13264,10 +13264,16 @@ class MultipleChoice extends HTMLElement {
     });
   }
   enableKeyboardEvents() {
-    window.addEventListener('keydown', this.handleKeyDown.bind(this));
+    if (!this._keyboardEventsEnabled) {
+      window.addEventListener('keydown', this._boundHandleKeyDown);
+      this._keyboardEventsEnabled = true;
+    }
   }
   disconnectedCallback() {
-    window.removeEventListener('keydown', this.handleKeyDown.bind(this));
+    if (this._keyboardEventsEnabled) {
+      window.removeEventListener('keydown', this._boundHandleKeyDown);
+      this._keyboardEventsEnabled = false;
+    }
   }
   handleKeyDown(event) {
     if (!this._model || !this._session) {
@@ -13286,7 +13292,8 @@ class MultipleChoice extends HTMLElement {
     const choiceId = this._model.choices[choiceIndex].value;
     const newValue = {
       value: choiceId,
-      selected: !currentValue.includes(choiceId)
+      selected: !currentValue.includes(choiceId),
+      selector: 'Keyboard'
     };
     this._onChange(newValue);
   }

package/module/index.html

@@ -2,7 +2,7 @@
   <!doctype html>
   <html>
     <head>
-      <title>@pie-element/ebsr@10.3.4</title>
+      <title>@pie-element/ebsr@10.3.5</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,6 +1,6 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.3.4",
+  "version": "10.3.5",
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
@@ -8,7 +8,7 @@
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.9.0"
+      "version": "5.10.0"
     }
   ]
 }

package/module/print.html

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

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.3.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";
+import {_dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.10.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;
@@ -12682,8 +12682,6 @@ class MultipleChoice$1 extends React$2.Component {
     this.handleChange = event => {
       const {value, checked} = event.target;
       const {maxSelections, onChoiceChanged, session} = this.props;
-      const {detail} = event.nativeEvent;
-      let selector = detail ? 'Mouse' : 'Keyboard';
       if (session.value && session.value.length >= maxSelections) {
         this.setState({
           maxSelectionsErrorState: checked
@@ -12695,7 +12693,7 @@ class MultipleChoice$1 extends React$2.Component {
       onChoiceChanged({
         value,
         selected: checked,
-        selector
+        selector: 'Mouse'
       });
     };
   }
@@ -12779,14 +12777,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 214
+        lineNumber: 210
       }
     }, "Multiple Choice Question") : React$2.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 216
+        lineNumber: 212
       }
     }, "Multiple Select Question");
   }
@@ -12808,7 +12806,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 251
+        lineNumber: 247
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12835,21 +12833,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 274
+        lineNumber: 270
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 275
+        lineNumber: 271
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 280
+        lineNumber: 276
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12859,14 +12857,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 282
+        lineNumber: 278
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 296
+        lineNumber: 292
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12877,7 +12875,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 297
+        lineNumber: 293
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12887,7 +12885,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 306
+        lineNumber: 302
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12898,7 +12896,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 314
+        lineNumber: 310
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12921,21 +12919,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 322
+        lineNumber: 318
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 346
+        lineNumber: 342
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 351
+        lineNumber: 347
       }
     }, translator$1.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13122,6 +13120,8 @@ class MultipleChoice extends HTMLElement {
     this._model = null;
     this._session = null;
     this.audioComplete = false;
+    this._boundHandleKeyDown = this.handleKeyDown.bind(this);
+    this._keyboardEventsEnabled = false;
     this._rerender = debounce(() => {
       if (this._model && this._session) {
         var element = React.createElement(Root, {
@@ -13137,7 +13137,7 @@ class MultipleChoice extends HTMLElement {
           log$1('render complete - render math');
           renderMath(this);
         });
-        if (this._model.keyboardEventsEnabled === true) {
+        if (this._model.keyboardEventsEnabled === true && !this._keyboardEventsEnabled) {
           this.enableKeyboardEvents();
         }
       } else {
@@ -13264,10 +13264,16 @@ class MultipleChoice extends HTMLElement {
     });
   }
   enableKeyboardEvents() {
-    window.addEventListener('keydown', this.handleKeyDown.bind(this));
+    if (!this._keyboardEventsEnabled) {
+      window.addEventListener('keydown', this._boundHandleKeyDown);
+      this._keyboardEventsEnabled = true;
+    }
   }
   disconnectedCallback() {
-    window.removeEventListener('keydown', this.handleKeyDown.bind(this));
+    if (this._keyboardEventsEnabled) {
+      window.removeEventListener('keydown', this._boundHandleKeyDown);
+      this._keyboardEventsEnabled = false;
+    }
   }
   handleKeyDown(event) {
     if (!this._model || !this._session) {
@@ -13286,7 +13292,8 @@ class MultipleChoice extends HTMLElement {
     const choiceId = this._model.choices[choiceIndex].value;
     const newValue = {
       value: choiceId,
-      selected: !currentValue.includes(choiceId)
+      selected: !currentValue.includes(choiceId),
+      selector: 'Keyboard'
     };
     this._onChange(newValue);
   }

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.3.5-next.6+5c374061c",
+  "version": "10.3.6-next.0+c040d8d08",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.11.1-next.6+5c374061c",
+    "@pie-element/multiple-choice": "^9.12.1-next.0+c040d8d08",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.9.0",
+    "@pie-lib/pie-toolbox": "2.9.1",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11"
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "5c374061c150a5937762cee20d5dd656778e8b2e",
+  "gitHead": "c040d8d08c48faa9c552f129d1d369f0d6bf2590",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },