@pie-element/ebsr 10.2.7-next.0 → 10.2.7-next.13

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.5.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.4.1/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.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_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.5.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.4.1/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -12254,6 +12254,14 @@ const inputStyles = {
     opacity: 0.6,
     cursor: 'not-allowed !important',
     pointerEvents: 'initial !important'
+  },
+  focusVisibleUnchecked: {
+    outline: `1px solid ${color$1.focusUncheckedBorder()}`,
+    backgroundColor: color$1.focusUnchecked()
+  },
+  focusVisibleChecked: {
+    outline: `1px solid ${color$1.focusCheckedBorder()}`,
+    backgroundColor: color$1.focusChecked()
   }
 };
 const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
@@ -12274,6 +12282,8 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
     id: id,
     'aria-label': accessibility,
     'aria-checked': checked,
+    focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
+    disableRipple: true,
     ...miniProps,
     className: CLASS_NAME,
     classes: {
@@ -12284,7 +12294,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 116
+      lineNumber: 124
     }
   });
 });
@@ -12306,6 +12316,8 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     id: id,
     'aria-label': accessibility,
     'aria-checked': checked,
+    focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
+    disableRipple: true,
     ...miniProps,
     className: CLASS_NAME,
     classes: {
@@ -12316,7 +12328,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 144
+      lineNumber: 154
     }
   });
 });
@@ -12375,7 +12387,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 233
+        lineNumber: 245
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12384,7 +12396,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 235
+        lineNumber: 247
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12393,7 +12405,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 238
+        lineNumber: 250
       }
     }));
     return React$4.createElement('div', {
@@ -12401,28 +12413,28 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 244
+        lineNumber: 256
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 257
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 246
+        lineNumber: 258
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 247
+        lineNumber: 259
       }
     }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12434,7 +12446,7 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 255
+          lineNumber: 267
         }
       }, React$4.createElement(Tag, {
         accessibility: accessibility,
@@ -12450,13 +12462,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 256
+          lineNumber: 268
         }
       }), displayKey, "."),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 249
+        lineNumber: 261
       }
     }) : React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12473,13 +12485,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 276
+          lineNumber: 288
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 271
+        lineNumber: 283
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12488,7 +12500,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 290
+        lineNumber: 302
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12496,7 +12508,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 291
+        lineNumber: 303
       }
     }));
   }
@@ -13114,6 +13126,7 @@ class MultipleChoice extends HTMLElement {
       trailing: true
     });
     this._dispatchResponseChanged = debounce(() => {
+      console.log('>> dispatch event');
       var event = new CustomEvent('session-changed', {
         bubbles: true,
         composed: true,

package/module/manifest.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.4.1"
+      "version": "2.5.0"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.4.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_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.5.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.4.1/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -12217,6 +12217,14 @@ const inputStyles = {
     opacity: 0.6,
     cursor: 'not-allowed !important',
     pointerEvents: 'initial !important'
+  },
+  focusVisibleUnchecked: {
+    outline: `1px solid ${color$1.focusUncheckedBorder()}`,
+    backgroundColor: color$1.focusUnchecked()
+  },
+  focusVisibleChecked: {
+    outline: `1px solid ${color$1.focusCheckedBorder()}`,
+    backgroundColor: color$1.focusChecked()
   }
 };
 const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
@@ -12237,6 +12245,8 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
     id: id,
     'aria-label': accessibility,
     'aria-checked': checked,
+    focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
+    disableRipple: true,
     ...miniProps,
     className: CLASS_NAME,
     classes: {
@@ -12247,7 +12257,7 @@ const StyledCheckbox = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 116
+      lineNumber: 124
     }
   });
 });
@@ -12269,6 +12279,8 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     id: id,
     'aria-label': accessibility,
     'aria-checked': checked,
+    focusVisibleClassName: checked ? classes.focusVisibleChecked : classes.focusVisibleUnchecked,
+    disableRipple: true,
     ...miniProps,
     className: CLASS_NAME,
     classes: {
@@ -12279,7 +12291,7 @@ const StyledRadio = styles$b.withStyles(inputStyles)(props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$3,
-      lineNumber: 144
+      lineNumber: 154
     }
   });
 });
@@ -12338,7 +12350,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 233
+        lineNumber: 245
       }
     }, displayKey, ".", '\u00A0', React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12347,7 +12359,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 235
+        lineNumber: 247
       }
     })) : React$4.createElement(PreviewPrompt$1, {
       className: "label",
@@ -12356,7 +12368,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 238
+        lineNumber: 250
       }
     }));
     return React$4.createElement('div', {
@@ -12364,28 +12376,28 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 244
+        lineNumber: 256
       }
     }, React$4.createElement('div', {
       className: classes.row,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 245
+        lineNumber: 257
       }
     }, !hideTick && isEvaluateMode && React$4.createElement(FeedbackTick$1, {
       correctness: correctness,
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 246
+        lineNumber: 258
       }
     }), React$4.createElement('div', {
       className: classNames$2(holderClassNames, 'checkbox-holder'),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 247
+        lineNumber: 259
       }
     }, isSelectionButtonBelow ? React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12397,7 +12409,7 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 255
+          lineNumber: 267
         }
       }, React$4.createElement(Tag, {
         accessibility: accessibility,
@@ -12413,13 +12425,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 256
+          lineNumber: 268
         }
       }), displayKey, "."),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 249
+        lineNumber: 261
       }
     }) : React$4.createElement(StyledFormControlLabel, {
       label: choicelabel,
@@ -12436,13 +12448,13 @@ class ChoiceInput extends React$4.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$3,
-          lineNumber: 276
+          lineNumber: 288
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 271
+        lineNumber: 283
       }
     }))), rationale && React$4.createElement(PreviewPrompt$1, {
       className: "rationale",
@@ -12451,7 +12463,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 290
+        lineNumber: 302
       }
     }), React$4.createElement(Feedback, {
       feedback: feedback,
@@ -12459,7 +12471,7 @@ class ChoiceInput extends React$4.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$3,
-        lineNumber: 291
+        lineNumber: 303
       }
     }));
   }
@@ -13077,6 +13089,7 @@ class MultipleChoice extends HTMLElement {
       trailing: true
     });
     this._dispatchResponseChanged = debounce(() => {
+      console.log('>> dispatch event');
       var event = new CustomEvent('session-changed', {
         bubbles: true,
         composed: true,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.2.7-next.0+cf87049dc",
+  "version": "10.2.7-next.13+dbabd3fa1",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.6.1-next.0+cf87049dc",
+    "@pie-element/multiple-choice": "^9.6.1-next.13+dbabd3fa1",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/pie-toolbox": "2.5.0",
     "classnames": "^2.2.5",
@@ -16,7 +16,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "cf87049dcfad134d8b329c46239cb695874bc5ef",
+  "gitHead": "dbabd3fa1ba04369f80cc9e15b5e5bb08a48fd6c",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },