@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.
@@ -5338,7 +5338,7 @@ var component = (0,componentNormalizer/* default */.Z)(
5338
5338
 
5339
5339
  /***/ }),
5340
5340
 
5341
- /***/ 69161:
5341
+ /***/ 59030:
5342
5342
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
5343
5343
 
5344
5344
  "use strict";
@@ -5351,7 +5351,7 @@ __webpack_require__.d(__webpack_exports__, {
5351
5351
  "default": () => (/* binding */ Question)
5352
5352
  });
5353
5353
 
5354
- ;// 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&
5354
+ ;// 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&
5355
5355
  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:{
5356
5356
  'uikit-question--show-side': (_vm.showExplanation && !_vm.showPaywall) || _vm.showPassageAndImage,
5357
5357
  }},[_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:{
@@ -5366,7 +5366,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5366
5366
  : ', Answered Incorrectly'
5367
5367
  : '')),"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:{
5368
5368
  'uikit-question__prompt--passage-and-image': _vm.question.passage || _vm.passageImageUrl,
5369
- },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:{
5369
+ },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:{
5370
5370
  'uikit-question__passage-and-image-dropdown-arrow--up': _vm.showPassageImageDropdown,
5371
5371
  },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:{
5372
5372
  'uikit-question__passage-dropdown-passage--with-image': _vm.passageImageUrl,
@@ -5461,11 +5461,11 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5461
5461
  'uikit-question__toggle-dropdown-explanation-img-description--open':
5462
5462
  _vm.showExplanationImageLongAlt,
5463
5463
  'uikit-question__toggle-dropdown-explanation-img-description--no-reference':
5464
- !_vm.question.reference || _vm.hideReferences,
5464
+ !_vm.reference || _vm.hideReferences,
5465
5465
  },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:{
5466
5466
  'uikit-question__toggle-dropdown-explanation-img-description-icon--up':
5467
5467
  _vm.showExplanationImageLongAlt,
5468
- },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:{
5468
+ },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:{
5469
5469
  'uikit-question__strikethrough--visible': !_vm.showAnswers
5470
5470
  && [ _vm.hoverChoiceKey, _vm.focusChoiceKey ].includes(choice.key),
5471
5471
  'uikit-question__strikethrough--active': _vm.choiceStrikes.includes(choice.key),
@@ -5500,11 +5500,11 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5500
5500
  'uikit-question__toggle-summary-dropdown-explanation-img-description--open':
5501
5501
  _vm.showExplanationImageLongAlt,
5502
5502
  'uikit-question__toggle-summary-dropdown-explanation-img-description--no-reference':
5503
- !_vm.question.reference || _vm.hideReferences,
5503
+ !_vm.reference || _vm.hideReferences,
5504
5504
  },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:{
5505
5505
  'uikit-question__toggle-summary-dropdown-explanation-img-description-icon--up':
5506
5506
  _vm.showExplanationImageLongAlt,
5507
- },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:{
5507
+ },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:{
5508
5508
  'uikit-question__action-container--mcr-summary': _vm.isMCR && _vm.showAnswers,
5509
5509
  }},[_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:{
5510
5510
  'uikit-question__right-side--explanation': _vm.showExplanation && !_vm.showPaywall,
@@ -5516,7 +5516,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
5516
5516
  'uikit-question__toggle-explanation-img-description--open': _vm.showExplanationImageLongAlt,
5517
5517
  },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:{
5518
5518
  'uikit-question__toggle-explanation-img-description-icon--up': _vm.showExplanationImageLongAlt,
5519
- },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)}
5519
+ },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)}
5520
5520
  var staticRenderFns = []
5521
5521
 
5522
5522
 
@@ -24641,16 +24641,16 @@ __webpack_require__(26833);
24641
24641
 
24642
24642
  __webpack_require__(92222);
24643
24643
 
24644
- __webpack_require__(57327);
24644
+ __webpack_require__(69600);
24645
24645
 
24646
24646
  __webpack_require__(21249);
24647
24647
 
24648
+ __webpack_require__(57327);
24649
+
24648
24650
  __webpack_require__(26699);
24649
24651
 
24650
24652
  __webpack_require__(32023);
24651
24653
 
24652
- __webpack_require__(69600);
24653
-
24654
24654
  __webpack_require__(85827);
24655
24655
 
24656
24656
  __webpack_require__(89554);
@@ -24790,48 +24790,46 @@ var Question = /*#__PURE__*/function (_vue_property_decorat) {
24790
24790
  }, {
24791
24791
  key: "passageImageUrl",
24792
24792
  get: function get() {
24793
- var _a, _b, _c;
24794
-
24795
- 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
24793
+ var _a;
24796
24794
 
24795
+ var imageUrl = (_a = this.question.passageImage) === null || _a === void 0 ? void 0 : _a.url;
24797
24796
  return imageUrl ? "".concat(this.imageUrlPrefix).concat(imageUrl) : null;
24798
24797
  }
24799
24798
  }, {
24800
24799
  key: "passageImageAlt",
24801
24800
  get: function get() {
24802
- var _a, _b;
24801
+ var _a;
24803
24802
 
24804
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.passage) === null || _b === void 0 ? void 0 : _b.altText;
24803
+ return (_a = this.question.passageImage) === null || _a === void 0 ? void 0 : _a.altText;
24805
24804
  }
24806
24805
  }, {
24807
24806
  key: "passageImageLongAlt",
24808
24807
  get: function get() {
24809
- var _a, _b;
24808
+ var _a;
24810
24809
 
24811
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.passage) === null || _b === void 0 ? void 0 : _b.longAltText;
24810
+ return (_a = this.question.passageImage) === null || _a === void 0 ? void 0 : _a.longAltText;
24812
24811
  }
24813
24812
  }, {
24814
24813
  key: "explanationImageUrl",
24815
24814
  get: function get() {
24816
- var _a, _b, _c;
24817
-
24818
- 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
24815
+ var _a;
24819
24816
 
24817
+ var imageUrl = (_a = this.question.explanationImage) === null || _a === void 0 ? void 0 : _a.url;
24820
24818
  return imageUrl ? "".concat(this.imageUrlPrefix).concat(imageUrl) : null;
24821
24819
  }
24822
24820
  }, {
24823
24821
  key: "explanationImageAlt",
24824
24822
  get: function get() {
24825
- var _a, _b;
24823
+ var _a;
24826
24824
 
24827
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.explanation) === null || _b === void 0 ? void 0 : _b.altText;
24825
+ return (_a = this.question.explanationImage) === null || _a === void 0 ? void 0 : _a.altText;
24828
24826
  }
24829
24827
  }, {
24830
24828
  key: "explanationImageLongAlt",
24831
24829
  get: function get() {
24832
- var _a, _b;
24830
+ var _a;
24833
24831
 
24834
- return (_b = (_a = this.question.images) === null || _a === void 0 ? void 0 : _a.explanation) === null || _b === void 0 ? void 0 : _b.longAltText;
24832
+ return (_a = this.question.explanationImage) === null || _a === void 0 ? void 0 : _a.longAltText;
24835
24833
  }
24836
24834
  }, {
24837
24835
  key: "showPassageAndImage",
@@ -24849,37 +24847,24 @@ var Question = /*#__PURE__*/function (_vue_property_decorat) {
24849
24847
  return 'Passage';
24850
24848
  }
24851
24849
  }
24850
+ }, {
24851
+ key: "reference",
24852
+ get: function get() {
24853
+ var _a;
24854
+
24855
+ return ((_a = this.question.references) === null || _a === void 0 ? void 0 : _a.length) ? this.question.references.join('') : undefined;
24856
+ }
24852
24857
  }, {
24853
24858
  key: "answers",
24854
24859
  get: function get() {
24855
- var answers = [{
24856
- text: this.question.answer,
24857
- key: 'a1'
24858
- }, {
24859
- text: this.question.answer2,
24860
- key: 'a2'
24861
- }, {
24862
- text: this.question.answer3,
24863
- key: 'a3'
24864
- }, {
24865
- text: this.question.answer4,
24866
- key: 'a4'
24867
- }, {
24868
- text: this.question.answer5,
24869
- key: 'a5'
24870
- }, {
24871
- text: this.question.answer6,
24872
- key: 'a6'
24873
- }, {
24874
- text: this.question.answer7,
24875
- key: 'a7'
24876
- }, {
24877
- text: this.question.answer8,
24878
- key: 'a8'
24879
- }, {
24880
- text: this.question.answer9,
24881
- key: 'a9'
24882
- }];
24860
+ var answers = this.question.choices.filter(function (choice) {
24861
+ return choice.isCorrect;
24862
+ }).map(function (choice, index) {
24863
+ return {
24864
+ text: choice.text,
24865
+ key: "a".concat(index + 1)
24866
+ };
24867
+ });
24883
24868
  return answers.filter(function (choice) {
24884
24869
  return !!choice.text;
24885
24870
  });
@@ -24894,34 +24879,14 @@ var Question = /*#__PURE__*/function (_vue_property_decorat) {
24894
24879
  }, {
24895
24880
  key: "distractors",
24896
24881
  get: function get() {
24897
- var distractors = [{
24898
- text: this.question.distractor1,
24899
- key: 'd1'
24900
- }, {
24901
- text: this.question.distractor2,
24902
- key: 'd2'
24903
- }, {
24904
- text: this.question.distractor3,
24905
- key: 'd3'
24906
- }, {
24907
- text: this.question.distractor4,
24908
- key: 'd4'
24909
- }, {
24910
- text: this.question.distractor5,
24911
- key: 'd5'
24912
- }, {
24913
- text: this.question.distractor6,
24914
- key: 'd6'
24915
- }, {
24916
- text: this.question.distractor7,
24917
- key: 'd7'
24918
- }, {
24919
- text: this.question.distractor8,
24920
- key: 'd8'
24921
- }, {
24922
- text: this.question.distractor9,
24923
- key: 'd9'
24924
- }];
24882
+ var distractors = this.question.choices.filter(function (choice) {
24883
+ return !choice.isCorrect;
24884
+ }).map(function (choice, index) {
24885
+ return {
24886
+ text: choice.text,
24887
+ key: "d".concat(index + 1)
24888
+ };
24889
+ });
24925
24890
  return distractors.filter(function (choice) {
24926
24891
  return !!choice.text;
24927
24892
  });
@@ -27424,7 +27389,7 @@ var SidePanel_vue_1 = tslib_1.__importDefault(__webpack_require__(73865));
27424
27389
 
27425
27390
  var Calendar_vue_1 = tslib_1.__importDefault(__webpack_require__(53578));
27426
27391
 
27427
- var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(69161));
27392
+ var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(59030));
27428
27393
 
27429
27394
  var QuizContainer_vue_1 = tslib_1.__importDefault(__webpack_require__(70820));
27430
27395