@pocketprep/ui-kit 2.1.4 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5328,7 +5328,7 @@ var component = (0,componentNormalizer/* default */.Z)(
5328
5328
 
5329
5329
  /***/ }),
5330
5330
 
5331
- /***/ 28480:
5331
+ /***/ 5399:
5332
5332
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5333
5333
 
5334
5334
  "use strict";
@@ -5341,7 +5341,7 @@ __webpack_require__.d(__webpack_exports__, {
5341
5341
  "default": () => (/* binding */ Question)
5342
5342
  });
5343
5343
 
5344
- ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Quiz/Question.vue?vue&type=template&id=5b8e0cf4&
5344
+ ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Quiz/Question.vue?vue&type=template&id=4f9ef2f0&
5345
5345
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint",value:(_vm.breakpoints),expression:"breakpoints"}],ref:"question",staticClass:"uikit-question",class:{
5346
5346
  'uikit-question--show-side': (_vm.showExplanation && !_vm.showPaywall) || _vm.showPassageAndImage,
5347
5347
  }},[_vm._t("closeIcon",function(){return [_c('Icon',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"},{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__close-icon",attrs:{"role":"button","aria-label":"Close question","type":"close"},nativeOn:{"click":function($event){return _vm.$emit('close')}}})]}),_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__main",class:{
@@ -5356,7 +5356,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5356
5356
  : ', Answered Incorrectly'
5357
5357
  : '')),"aria-live":"assertive"}},[_c('div',{staticClass:"uikit-question__current-index",attrs:{"aria-hidden":"true"}},[_vm._v(" Question "+_vm._s(_vm.questionNumber)+" ")]),(_vm.quizMode !== 'timed')?_c('div',{staticClass:"uikit-question__quiz-length",attrs:{"aria-hidden":"true"}},[_vm._v(" / "+_vm._s(_vm.quizLength)+" ")]):_vm._e()])]})],2)]}),_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],ref:"prompt",staticClass:"uikit-question__prompt",class:{
5358
5358
  'uikit-question__prompt--passage-and-image': _vm.question.passage || _vm.passageImageUrl,
5359
- },attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.question.question)}}),(_vm.question.passage || _vm.passageImageUrl)?_c('PocketButton',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__skip-to-passage",on:{"click":_vm.moveFocusToPassage}},[_vm._v(" Skip to Passage ")]):_vm._e(),(_vm.question.passage || _vm.passageImageUrl)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"},{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown",class:{ 'uikit-question__passage-and-image-dropdown--review-mode': _vm.reviewMode }},[_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown-btn",attrs:{"tabindex":"0","role":"button","aria-expanded":_vm.showPassageImageDropdown ? 'true' : 'false'},on:{"click":function($event){$event.stopPropagation();_vm.showPassageImageDropdown = !_vm.showPassageImageDropdown},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.stopPropagation();_vm.showPassageImageDropdown = !_vm.showPassageImageDropdown},"mousedown":function($event){$event.preventDefault();}}},[(_vm.question.passage)?_c('Icon',{staticClass:"uikit-question__passage-dropdown-icon",attrs:{"type":"passage"}}):_c('Icon',{staticClass:"uikit-question__image-dropdown-icon",attrs:{"type":"image"}}),_c('span',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown-text"},[_vm._v(" "+_vm._s(_vm.showPassageImageDropdown ? 'Hide' : 'Show')+" "+_vm._s(_vm.passageAndImageTitle)+" ")]),_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown-arrow",class:{
5359
+ },attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.question.prompt)}}),(_vm.question.passage || _vm.passageImageUrl)?_c('PocketButton',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__skip-to-passage",on:{"click":_vm.moveFocusToPassage}},[_vm._v(" Skip to Passage ")]):_vm._e(),(_vm.question.passage || _vm.passageImageUrl)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"},{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown",class:{ 'uikit-question__passage-and-image-dropdown--review-mode': _vm.reviewMode }},[_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown-btn",attrs:{"tabindex":"0","role":"button","aria-expanded":_vm.showPassageImageDropdown ? 'true' : 'false'},on:{"click":function($event){$event.stopPropagation();_vm.showPassageImageDropdown = !_vm.showPassageImageDropdown},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.stopPropagation();_vm.showPassageImageDropdown = !_vm.showPassageImageDropdown},"mousedown":function($event){$event.preventDefault();}}},[(_vm.question.passage)?_c('Icon',{staticClass:"uikit-question__passage-dropdown-icon",attrs:{"type":"passage"}}):_c('Icon',{staticClass:"uikit-question__image-dropdown-icon",attrs:{"type":"image"}}),_c('span',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown-text"},[_vm._v(" "+_vm._s(_vm.showPassageImageDropdown ? 'Hide' : 'Show')+" "+_vm._s(_vm.passageAndImageTitle)+" ")]),_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__passage-and-image-dropdown-arrow",class:{
5360
5360
  'uikit-question__passage-and-image-dropdown-arrow--up': _vm.showPassageImageDropdown,
5361
5361
  },attrs:{"type":"accordionArrow"}})],1),(_vm.showPassageImageDropdown)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__passage-and-image-dropdown-container"},[(_vm.question.passage)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__passage-dropdown-passage",class:{
5362
5362
  'uikit-question__passage-dropdown-passage--with-image': _vm.passageImageUrl,
@@ -5451,11 +5451,11 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5451
5451
  'uikit-question__toggle-dropdown-explanation-img-description--open':
5452
5452
  _vm.showExplanationImageLongAlt,
5453
5453
  'uikit-question__toggle-dropdown-explanation-img-description--no-reference':
5454
- !_vm.question.reference || _vm.hideReferences,
5454
+ !_vm.reference || _vm.hideReferences,
5455
5455
  },attrs:{"type":"tertiary-small","is-dark-mode":_vm.isDarkMode,"aria-expanded":_vm.showExplanationImageLongAlt ? 'true' : 'false'},on:{"mousedown":function($event){$event.preventDefault();}},nativeOn:{"click":function($event){$event.stopPropagation();return _vm.toggleExplanationImageLongAlt.apply(null, arguments)}}},[_c('span',{staticClass:"uikit-question__toggle-dropdown-explanation-img-description-text"},[_vm._v(" Image Description ")]),_c('Icon',{staticClass:"uikit-question__toggle-dropdown-explanation-img-description-icon",class:{
5456
5456
  'uikit-question__toggle-dropdown-explanation-img-description-icon--up':
5457
5457
  _vm.showExplanationImageLongAlt,
5458
- },attrs:{"type":"accordionArrow"}})],1):_vm._e(),(_vm.showExplanationImageLongAlt)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"},{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],ref:"uikit-question__dropdown-explanation-img-description",refInFor:true,staticClass:"uikit-question__dropdown-explanation-img-description",attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.explanationImageLongAlt)}}):_vm._e(),(_vm.question.reference && !_vm.hideReferences)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__dropdown-reference"},[_c('span',{staticClass:"uikit-question__dropdown-reference-label"},[_vm._v("Reference: ")]),_c('div',{domProps:{"innerHTML":_vm._s(_vm.question.reference)}})]):_vm._e()],1):_vm._e()],1),(!_vm.globalMetrics)?[(!_vm.showAnswers)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"},{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__strikethrough",class:{
5458
+ },attrs:{"type":"accordionArrow"}})],1):_vm._e(),(_vm.showExplanationImageLongAlt)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"},{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],ref:"uikit-question__dropdown-explanation-img-description",refInFor:true,staticClass:"uikit-question__dropdown-explanation-img-description",attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.explanationImageLongAlt)}}):_vm._e(),(_vm.reference && !_vm.hideReferences)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__dropdown-reference"},[_c('span',{staticClass:"uikit-question__dropdown-reference-label"},[_vm._v("Reference: ")]),_c('div',{domProps:{"innerHTML":_vm._s(_vm.reference)}})]):_vm._e()],1):_vm._e()],1),(!_vm.globalMetrics)?[(!_vm.showAnswers)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"},{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__strikethrough",class:{
5459
5459
  'uikit-question__strikethrough--visible': !_vm.showAnswers
5460
5460
  && [ _vm.hoverChoiceKey, _vm.focusChoiceKey ].includes(choice.key),
5461
5461
  'uikit-question__strikethrough--active': _vm.choiceStrikes.includes(choice.key),
@@ -5490,11 +5490,11 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5490
5490
  'uikit-question__toggle-summary-dropdown-explanation-img-description--open':
5491
5491
  _vm.showExplanationImageLongAlt,
5492
5492
  'uikit-question__toggle-summary-dropdown-explanation-img-description--no-reference':
5493
- !_vm.question.reference || _vm.hideReferences,
5493
+ !_vm.reference || _vm.hideReferences,
5494
5494
  },attrs:{"type":"tertiary-small","is-dark-mode":_vm.isDarkMode,"aria-expanded":_vm.showExplanationImageLongAlt ? 'true' : 'false'},on:{"mousedown":function($event){$event.preventDefault();}},nativeOn:{"click":function($event){$event.stopPropagation();return _vm.toggleExplanationImageLongAlt.apply(null, arguments)}}},[_c('span',{staticClass:"uikit-question__toggle-summary-dropdown-explanation-img-description-text"},[_vm._v(" Image Description ")]),_c('Icon',{staticClass:"uikit-question__toggle-summary-dropdown-explanation-img-description-icon",class:{
5495
5495
  'uikit-question__toggle-summary-dropdown-explanation-img-description-icon--up':
5496
5496
  _vm.showExplanationImageLongAlt,
5497
- },attrs:{"type":"accordionArrow"}})],1):_vm._e(),(_vm.showExplanationImageLongAlt)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"},{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],ref:"uikit-question__summary-dropdown-explanation-img-description",staticClass:"uikit-question__summary-dropdown-explanation-img-description",attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.explanationImageLongAlt)}}):_vm._e(),(_vm.question.reference && !_vm.hideReferences)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__summary-dropdown-reference"},[_c('span',{staticClass:"uikit-question__summary-dropdown-reference-label"},[_vm._v("Reference: ")]),_c('div',{domProps:{"innerHTML":_vm._s(_vm.question.reference)}})]):_vm._e()],1):_vm._e(),(_vm.isCorrect)?_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__summary-correct-icon",attrs:{"type":"correct"}}):_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__summary-incorrect-icon",attrs:{"type":"incorrect"}})],1):_vm._e(),_vm._t("metricsTiles",function(){return [(_vm.globalMetrics)?_c('div',{staticClass:"uikit-question__stats-summary"},[_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-total"},[_c('div',{staticClass:"uikit-question__stats-summary-value"},[_vm._v(" "+_vm._s(_vm.choiceScores.totalAnswered)+" ")]),_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-label"},[_vm._v(" Studiers Answered ")])]),_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-correct"},[_c('div',{staticClass:"uikit-question__stats-summary-value"},[_vm._v(" "+_vm._s(Math.round((_vm.choiceScores.answeredCorrectly / _vm.choiceScores.totalAnswered) * 100))+"% ")]),_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-label"},[_vm._v(" Answered Correctly ")])])]):_vm._e()]}),(!_vm.reviewMode)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__action-container",class:{
5497
+ },attrs:{"type":"accordionArrow"}})],1):_vm._e(),(_vm.showExplanationImageLongAlt)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"},{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],ref:"uikit-question__summary-dropdown-explanation-img-description",staticClass:"uikit-question__summary-dropdown-explanation-img-description",attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.explanationImageLongAlt)}}):_vm._e(),(_vm.reference && !_vm.hideReferences)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__summary-dropdown-reference"},[_c('span',{staticClass:"uikit-question__summary-dropdown-reference-label"},[_vm._v("Reference: ")]),_c('div',{domProps:{"innerHTML":_vm._s(_vm.reference)}})]):_vm._e()],1):_vm._e(),(_vm.isCorrect)?_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__summary-correct-icon",attrs:{"type":"correct"}}):_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__summary-incorrect-icon",attrs:{"type":"incorrect"}})],1):_vm._e(),_vm._t("metricsTiles",function(){return [(_vm.globalMetrics)?_c('div',{staticClass:"uikit-question__stats-summary"},[_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-total"},[_c('div',{staticClass:"uikit-question__stats-summary-value"},[_vm._v(" "+_vm._s(_vm.choiceScores.totalAnswered)+" ")]),_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-label"},[_vm._v(" Studiers Answered ")])]),_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-correct"},[_c('div',{staticClass:"uikit-question__stats-summary-value"},[_vm._v(" "+_vm._s(Math.round((_vm.choiceScores.answeredCorrectly / _vm.choiceScores.totalAnswered) * 100))+"% ")]),_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__stats-summary-label"},[_vm._v(" Answered Correctly ")])])]):_vm._e()]}),(!_vm.reviewMode)?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__action-container",class:{
5498
5498
  'uikit-question__action-container--mcr-summary': _vm.isMCR && _vm.showAnswers,
5499
5499
  }},[_vm._t("action",function(){return [(!_vm.showAnswers && !_vm.hideAnswer && (_vm.showCheckAnswer || _vm.isMCR))?_c('PocketButton',{attrs:{"disabled":!_vm.selectedChoices.length,"is-dark-mode":_vm.isDarkMode},on:{"click":_vm.clickCheckAnswer}},[_vm._v(" Check Answer ")]):((_vm.showAnswers || _vm.hideAnswer) && (_vm.questionNumber >= _vm.quizLength))?_c('PocketButton',{attrs:{"is-dark-mode":_vm.isDarkMode},on:{"click":function($event){return _vm.$emit('submitQuiz')}}},[_vm._v(" Submit Quiz ")]):((_vm.showAnswers || _vm.hideAnswer) && _vm.showNextQuestion)?_c('PocketButton',{attrs:{"is-dark-mode":_vm.isDarkMode},on:{"click":function($event){return _vm.$emit('nextQuestion')}}},[_vm._v(" Next Question ")]):(_vm.showCloseButton)?_c('PocketButton',{attrs:{"is-dark-mode":_vm.isDarkMode},on:{"click":function($event){return _vm.$emit('close')}}},[_vm._v(" Close ")]):_vm._e()]})],2):_vm._e(),_vm._t("afterQuestion")],2),(_vm.showPassageAndImage || (_vm.showExplanation && !_vm.showPaywall))?_c('div',{directives:[{name:"breakpoint",rawName:"v-breakpoint:questionEl",value:(_vm.breakpoints),expression:"breakpoints",arg:"questionEl"}],staticClass:"uikit-question__right-side",class:{
5500
5500
  'uikit-question__right-side--explanation': _vm.showExplanation && !_vm.showPaywall,
@@ -5506,7 +5506,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5506
5506
  'uikit-question__toggle-explanation-img-description--open': _vm.showExplanationImageLongAlt,
5507
5507
  },attrs:{"type":"tertiary-small","is-dark-mode":_vm.isDarkMode,"aria-expanded":_vm.showExplanationImageLongAlt ? 'true' : 'false'},on:{"mousedown":function($event){$event.preventDefault();}},nativeOn:{"click":function($event){$event.stopPropagation();return _vm.toggleExplanationImageLongAlt.apply(null, arguments)}}},[_c('span',{staticClass:"uikit-question__toggle-explanation-img-description-text"},[_vm._v("Image Description")]),_c('Icon',{staticClass:"uikit-question__toggle-explanation-img-description-icon",class:{
5508
5508
  'uikit-question__toggle-explanation-img-description-icon--up': _vm.showExplanationImageLongAlt,
5509
- },attrs:{"type":"accordionArrow"}})],1):_vm._e(),(_vm.showExplanationImageLongAlt)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],ref:"uikit-question__explanation-img-description",staticClass:"uikit-question__explanation-img-description",attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.explanationImageLongAlt)}}):_vm._e(),(_vm.question.reference && !_vm.hideReferences)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__reference"},[_c('span',{staticClass:"uikit-question__reference-label"},[_vm._v("Reference: ")]),_c('div',{domProps:{"innerHTML":_vm._s(_vm.question.reference)}})]):_vm._e(),(!_vm.reviewMode)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__explanation-close",attrs:{"tabindex":"0","role":"button","aria-label":"Close explanation"},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.stopPropagation();return _vm.toggleExplanation.apply(null, arguments)},"click":function($event){$event.stopPropagation();return _vm.toggleExplanation.apply(null, arguments)},"mousedown":function($event){$event.preventDefault();}}},[_c('Icon',{attrs:{"type":"close"}})],1):_vm._e()],1):_vm._e()]):_vm._e()],2)}
5509
+ },attrs:{"type":"accordionArrow"}})],1):_vm._e(),(_vm.showExplanationImageLongAlt)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],ref:"uikit-question__explanation-img-description",staticClass:"uikit-question__explanation-img-description",attrs:{"tabindex":"-1"},domProps:{"innerHTML":_vm._s(_vm.explanationImageLongAlt)}}):_vm._e(),(_vm.reference && !_vm.hideReferences)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__reference"},[_c('span',{staticClass:"uikit-question__reference-label"},[_vm._v("Reference: ")]),_c('div',{domProps:{"innerHTML":_vm._s(_vm.reference)}})]):_vm._e(),(!_vm.reviewMode)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-question__explanation-close",attrs:{"tabindex":"0","role":"button","aria-label":"Close explanation"},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.stopPropagation();return _vm.toggleExplanation.apply(null, arguments)},"click":function($event){$event.stopPropagation();return _vm.toggleExplanation.apply(null, arguments)},"mousedown":function($event){$event.preventDefault();}}},[_c('Icon',{attrs:{"type":"close"}})],1):_vm._e()],1):_vm._e()]):_vm._e()],2)}
5510
5510
  var staticRenderFns = []
5511
5511
 
5512
5512
 
@@ -24631,16 +24631,16 @@ __webpack_require__(26833);
24631
24631
 
24632
24632
  __webpack_require__(92222);
24633
24633
 
24634
- __webpack_require__(57327);
24634
+ __webpack_require__(69600);
24635
24635
 
24636
24636
  __webpack_require__(21249);
24637
24637
 
24638
+ __webpack_require__(57327);
24639
+
24638
24640
  __webpack_require__(26699);
24639
24641
 
24640
24642
  __webpack_require__(32023);
24641
24643
 
24642
- __webpack_require__(69600);
24643
-
24644
24644
  __webpack_require__(85827);
24645
24645
 
24646
24646
  __webpack_require__(89554);
@@ -24780,48 +24780,46 @@ var Question = /*#__PURE__*/function (_vue_property_decorat) {
24780
24780
  }, {
24781
24781
  key: "passageImageUrl",
24782
24782
  get: function get() {
24783
- var _a, _b, _c;
24784
-
24785
- var imageUrl = ((_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.passage) === null || _b === void 0 ? void 0 : _b.url) || ((_c = this.question.images) === null || _c === void 0 ? void 0 : _c.Question); // Legacy support - TODO: remove when `Question` is deprecated
24783
+ var _a;
24786
24784
 
24785
+ var imageUrl = (_a = this.question.passageImage) === null || _a === void 0 ? void 0 : _a.url;
24787
24786
  return imageUrl ? "".concat(this.imageUrlPrefix).concat(imageUrl) : null;
24788
24787
  }
24789
24788
  }, {
24790
24789
  key: "passageImageAlt",
24791
24790
  get: function get() {
24792
- var _a, _b;
24791
+ var _a;
24793
24792
 
24794
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.passage) === null || _b === void 0 ? void 0 : _b.altText;
24793
+ return (_a = this.question.passageImage) === null || _a === void 0 ? void 0 : _a.altText;
24795
24794
  }
24796
24795
  }, {
24797
24796
  key: "passageImageLongAlt",
24798
24797
  get: function get() {
24799
- var _a, _b;
24798
+ var _a;
24800
24799
 
24801
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.passage) === null || _b === void 0 ? void 0 : _b.longAltText;
24800
+ return (_a = this.question.passageImage) === null || _a === void 0 ? void 0 : _a.longAltText;
24802
24801
  }
24803
24802
  }, {
24804
24803
  key: "explanationImageUrl",
24805
24804
  get: function get() {
24806
- var _a, _b, _c;
24807
-
24808
- var imageUrl = ((_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.explanation) === null || _b === void 0 ? void 0 : _b.url) || ((_c = this.question.images) === null || _c === void 0 ? void 0 : _c.Explanation); // Legacy support - TODO: remove when `Explanation` is deprecated
24805
+ var _a;
24809
24806
 
24807
+ var imageUrl = (_a = this.question.explanationImage) === null || _a === void 0 ? void 0 : _a.url;
24810
24808
  return imageUrl ? "".concat(this.imageUrlPrefix).concat(imageUrl) : null;
24811
24809
  }
24812
24810
  }, {
24813
24811
  key: "explanationImageAlt",
24814
24812
  get: function get() {
24815
- var _a, _b;
24813
+ var _a;
24816
24814
 
24817
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.explanation) === null || _b === void 0 ? void 0 : _b.altText;
24815
+ return (_a = this.question.explanationImage) === null || _a === void 0 ? void 0 : _a.altText;
24818
24816
  }
24819
24817
  }, {
24820
24818
  key: "explanationImageLongAlt",
24821
24819
  get: function get() {
24822
- var _a, _b;
24820
+ var _a;
24823
24821
 
24824
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.explanation) === null || _b === void 0 ? void 0 : _b.longAltText;
24822
+ return (_a = this.question.explanationImage) === null || _a === void 0 ? void 0 : _a.longAltText;
24825
24823
  }
24826
24824
  }, {
24827
24825
  key: "showPassageAndImage",
@@ -24839,37 +24837,24 @@ var Question = /*#__PURE__*/function (_vue_property_decorat) {
24839
24837
  return 'Passage';
24840
24838
  }
24841
24839
  }
24840
+ }, {
24841
+ key: "reference",
24842
+ get: function get() {
24843
+ var _a;
24844
+
24845
+ return ((_a = this.question.references) === null || _a === void 0 ? void 0 : _a.length) ? this.question.references.join('') : undefined;
24846
+ }
24842
24847
  }, {
24843
24848
  key: "answers",
24844
24849
  get: function get() {
24845
- var answers = [{
24846
- text: this.question.answer,
24847
- key: 'a1'
24848
- }, {
24849
- text: this.question.answer2,
24850
- key: 'a2'
24851
- }, {
24852
- text: this.question.answer3,
24853
- key: 'a3'
24854
- }, {
24855
- text: this.question.answer4,
24856
- key: 'a4'
24857
- }, {
24858
- text: this.question.answer5,
24859
- key: 'a5'
24860
- }, {
24861
- text: this.question.answer6,
24862
- key: 'a6'
24863
- }, {
24864
- text: this.question.answer7,
24865
- key: 'a7'
24866
- }, {
24867
- text: this.question.answer8,
24868
- key: 'a8'
24869
- }, {
24870
- text: this.question.answer9,
24871
- key: 'a9'
24872
- }];
24850
+ var answers = this.question.choices.filter(function (choice) {
24851
+ return choice.isCorrect;
24852
+ }).map(function (choice, index) {
24853
+ return {
24854
+ text: choice.text,
24855
+ key: "a".concat(index + 1)
24856
+ };
24857
+ });
24873
24858
  return answers.filter(function (choice) {
24874
24859
  return !!choice.text;
24875
24860
  });
@@ -24884,34 +24869,14 @@ var Question = /*#__PURE__*/function (_vue_property_decorat) {
24884
24869
  }, {
24885
24870
  key: "distractors",
24886
24871
  get: function get() {
24887
- var distractors = [{
24888
- text: this.question.distractor1,
24889
- key: 'd1'
24890
- }, {
24891
- text: this.question.distractor2,
24892
- key: 'd2'
24893
- }, {
24894
- text: this.question.distractor3,
24895
- key: 'd3'
24896
- }, {
24897
- text: this.question.distractor4,
24898
- key: 'd4'
24899
- }, {
24900
- text: this.question.distractor5,
24901
- key: 'd5'
24902
- }, {
24903
- text: this.question.distractor6,
24904
- key: 'd6'
24905
- }, {
24906
- text: this.question.distractor7,
24907
- key: 'd7'
24908
- }, {
24909
- text: this.question.distractor8,
24910
- key: 'd8'
24911
- }, {
24912
- text: this.question.distractor9,
24913
- key: 'd9'
24914
- }];
24872
+ var distractors = this.question.choices.filter(function (choice) {
24873
+ return !choice.isCorrect;
24874
+ }).map(function (choice, index) {
24875
+ return {
24876
+ text: choice.text,
24877
+ key: "d".concat(index + 1)
24878
+ };
24879
+ });
24915
24880
  return distractors.filter(function (choice) {
24916
24881
  return !!choice.text;
24917
24882
  });
@@ -27414,7 +27379,7 @@ var SidePanel_vue_1 = tslib_1.__importDefault(__webpack_require__(23713));
27414
27379
 
27415
27380
  var Calendar_vue_1 = tslib_1.__importDefault(__webpack_require__(17188));
27416
27381
 
27417
- var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(28480));
27382
+ var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(5399));
27418
27383
 
27419
27384
  var QuizContainer_vue_1 = tslib_1.__importDefault(__webpack_require__(18790));
27420
27385