@pie-element/ebsr 10.3.6-next.0 → 10.3.6-next.3

package/module/element.js

@@ -12630,7 +12630,8 @@ const styles$1 = theme => ({
     backgroundColor: color.background(),
     '& *': {
       '-webkit-font-smoothing': 'antialiased'
-    }
+    },
+    position: 'relative'
   },
   partLabel: {
     display: 'block',
@@ -12814,14 +12815,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 210
+        lineNumber: 211
       }
     }, "Multiple Choice Question") : React$2.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 212
+        lineNumber: 213
       }
     }, "Multiple Select Question");
   }
@@ -12843,7 +12844,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 247
+        lineNumber: 248
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12866,25 +12867,26 @@ class MultipleChoice$1 extends React$2.Component {
       return '';
     };
     return React$2.createElement('div', {
+      id: 'main-container',
       className: classNames(classes.main, className, 'multiple-choice'),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 270
+        lineNumber: 271
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 271
+        lineNumber: 272
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 276
+        lineNumber: 277
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12894,14 +12896,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 278
+        lineNumber: 279
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 292
+        lineNumber: 293
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12912,7 +12914,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 293
+        lineNumber: 294
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12922,7 +12924,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 302
+        lineNumber: 303
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12933,7 +12935,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 310
+        lineNumber: 311
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12956,21 +12958,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 318
+        lineNumber: 319
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 342
+        lineNumber: 343
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 347
+        lineNumber: 348
       }
     }, translator.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13218,7 +13220,7 @@ class MultipleChoice extends HTMLElement {
           if (audio && !isInsidePrompt) return;
           if (!audio) return;
           const info = this._createAudioInfoToast();
-          const container = this.querySelector('[class*="main"]');
+          const container = this.querySelector('#main-container');
           const enableAudio = () => {
             if (this.querySelector('#play-audio-info')) {
               audio.play();

package/module/print.js

@@ -12593,7 +12593,8 @@ const styles$1 = theme => ({
     backgroundColor: color.background(),
     '& *': {
       '-webkit-font-smoothing': 'antialiased'
-    }
+    },
+    position: 'relative'
   },
   partLabel: {
     display: 'block',
@@ -12777,14 +12778,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 210
+        lineNumber: 211
       }
     }, "Multiple Choice Question") : React$2.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 212
+        lineNumber: 213
       }
     }, "Multiple Select Question");
   }
@@ -12806,7 +12807,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 247
+        lineNumber: 248
       }
     });
     const getMultipleChoiceMinSelectionErrorMessage = () => {
@@ -12829,25 +12830,26 @@ class MultipleChoice$1 extends React$2.Component {
       return '';
     };
     return React$2.createElement('div', {
+      id: 'main-container',
       className: classNames(classes.main, className, 'multiple-choice'),
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 270
+        lineNumber: 271
       }
     }, partLabel && React$2.createElement('h3', {
       className: classes.partLabel,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 271
+        lineNumber: 272
       }
     }, partLabel), this.renderHeading(), teacherInstructions && React$2.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 276
+        lineNumber: 277
       }
     }, !animationsDisabled ? React$2.createElement(Collapsible, {
       labels: {
@@ -12857,14 +12859,14 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 278
+        lineNumber: 279
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), React$2.createElement('fieldset', {
       className: classes.fieldset,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 292
+        lineNumber: 293
       }
     }, React$2.createElement(PreviewPrompt, {
       className: "prompt",
@@ -12875,7 +12877,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 293
+        lineNumber: 294
       }
     }), !alwaysShowCorrect && React$2.createElement(CorrectAnswerToggle, {
       show: showCorrectAnswerToggle,
@@ -12885,7 +12887,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 302
+        lineNumber: 303
       }
     }), React$2.createElement('div', {
       className: classNames({
@@ -12896,7 +12898,7 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 310
+        lineNumber: 311
       }
     }, choices.map((choice, index) => React$2.createElement(StyledChoice, {
       choicesLayout: this.props.choicesLayout,
@@ -12919,21 +12921,21 @@ class MultipleChoice$1 extends React$2.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 318
+        lineNumber: 319
       }
     })))), choiceMode === 'checkbox' && selections < minSelections && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 342
+        lineNumber: 343
       }
     }, getMultipleChoiceMinSelectionErrorMessage()), choiceMode === 'checkbox' && maxSelectionsErrorState && React$2.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 347
+        lineNumber: 348
       }
     }, translator$1.t(`translation:multipleChoice:maxSelections_${maxSelections === 1 ? 'one' : 'other'}`, {
       lng: language,
@@ -13218,7 +13220,7 @@ class MultipleChoice extends HTMLElement {
           if (audio && !isInsidePrompt) return;
           if (!audio) return;
           const info = this._createAudioInfoToast();
-          const container = this.querySelector('[class*="main"]');
+          const container = this.querySelector('#main-container');
           const enableAudio = () => {
             if (this.querySelector('#play-audio-info')) {
               audio.play();

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pie-element/ebsr",
-  "version": "10.3.6-next.0+c040d8d08",
+  "version": "10.3.6-next.3+da6ef2782",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@pie-element/multiple-choice": "^9.12.1-next.0+c040d8d08",
+    "@pie-element/multiple-choice": "^9.12.1-next.3+da6ef2782",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/pie-toolbox": "2.9.1",
     "classnames": "^2.2.5",
@@ -16,7 +16,7 @@
   },
   "author": "pie framework developers",
   "license": "ISC",
-  "gitHead": "c040d8d08c48faa9c552f129d1d369f0d6bf2590",
+  "gitHead": "da6ef2782bf676c671fed5c47b1faf86bd47ea54",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },