@pocketprep/ui-kit 2.1.4 → 2.2.1

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
 
@@ -6141,7 +6141,7 @@ var component = (0,componentNormalizer/* default */.Z)(
6141
6141
 
6142
6142
  /***/ }),
6143
6143
 
6144
- /***/ 30777:
6144
+ /***/ 87059:
6145
6145
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6146
6146
 
6147
6147
  "use strict";
@@ -6154,8 +6154,8 @@ __webpack_require__.d(__webpack_exports__, {
6154
6154
  "default": () => (/* binding */ OverflowTooltip)
6155
6155
  });
6156
6156
 
6157
- ;// 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/Tooltips/OverflowTooltip.vue?vue&type=template&id=266dd77e&
6158
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-overflow-tooltip"},[(_vm.textOverflows && _vm.showTooltip)?_c('Tooltip',{staticClass:"uikit-overflow-tooltip__tooltip",attrs:{"theme":"rightalign"}},[_vm._t("default")],2):_vm._e(),_c('div',{ref:"content",staticClass:"uikit-overflow-tooltip__content",on:{"mouseenter":function($event){_vm.showTooltip = true},"mouseleave":function($event){_vm.showTooltip = false}}},[_vm._t("default")],2)],1)}
6157
+ ;// 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/Tooltips/OverflowTooltip.vue?vue&type=template&id=2c2c0613&
6158
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-overflow-tooltip"},[(_vm.textOverflows && _vm.showTooltip)?_c('Tooltip',{staticClass:"uikit-overflow-tooltip__tooltip",attrs:{"theme":"rightalign"}},[_vm._t("default")],2):_vm._e(),(_vm.id)?[_c('div',{ref:("content_" + _vm.id),staticClass:"uikit-overflow-tooltip__content",on:{"mouseenter":function($event){_vm.showTooltip = true},"mouseleave":function($event){_vm.showTooltip = false}}},[_vm._t("default")],2),(!_vm.measurementComplete)?_c('div',{ref:("content_fullwidth_" + _vm.id),staticClass:"uikit-overflow-tooltip__content uikit-overflow-tooltip__content--full-width"},[_vm._t("default")],2):_vm._e()]:_vm._e()],2)}
6159
6159
  var staticRenderFns = []
6160
6160
 
6161
6161
 
@@ -15539,7 +15539,7 @@ __webpack_require__.r(__webpack_exports__);
15539
15539
 
15540
15540
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
15541
15541
  // Module
15542
- ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-overflow-tooltip{position:relative}.uikit-overflow-tooltip__content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-overflow-tooltip__tooltip{position:absolute;left:12px;top:calc(-100% - 14px)}", ""]);
15542
+ ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-overflow-tooltip{position:relative}.uikit-overflow-tooltip__content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-overflow-tooltip__content--full-width{display:inline}.uikit-overflow-tooltip__tooltip{position:absolute;left:12px;top:calc(-100% - 14px)}", ""]);
15543
15543
  // Exports
15544
15544
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
15545
15545
 
@@ -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);
@@ -24695,7 +24695,7 @@ var directives_1 = __webpack_require__(92801);
24695
24695
 
24696
24696
  var utils_1 = __webpack_require__(92326);
24697
24697
 
24698
- var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(30777));
24698
+ var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(87059));
24699
24699
 
24700
24700
  var Question = /*#__PURE__*/function (_vue_property_decorat) {
24701
24701
  _inherits(Question, _vue_property_decorat);
@@ -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
  });
@@ -26420,7 +26385,7 @@ var vue_property_decorator_1 = __webpack_require__(70622);
26420
26385
 
26421
26386
  var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(20738));
26422
26387
 
26423
- var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(30777));
26388
+ var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(87059));
26424
26389
 
26425
26390
  var directives_1 = __webpack_require__(92801);
26426
26391
 
@@ -26878,21 +26843,28 @@ var OverflowTooltip = /*#__PURE__*/function (_vue_property_decorat) {
26878
26843
  _this = _super.apply(this, arguments);
26879
26844
  _this.showTooltip = false;
26880
26845
  _this.textOverflows = false;
26846
+ _this.measurementComplete = false;
26847
+ _this.id = null;
26881
26848
  return _this;
26882
26849
  }
26883
26850
 
26884
26851
  _createClass(OverflowTooltip, [{
26852
+ key: "created",
26853
+ value: function created() {
26854
+ this.id = this._uid;
26855
+ }
26856
+ }, {
26885
26857
  key: "mounted",
26886
26858
  value: function mounted() {
26887
26859
  var _this2 = this;
26888
26860
 
26889
- var content = this.$refs['content'];
26861
+ var content = this.$refs["content_".concat(this.id)];
26862
+ var contentFullWidth = this.$refs["content_fullwidth_".concat(this.id)];
26890
26863
  this.$nextTick(function () {
26891
26864
  var truncatedWidth = content.getBoundingClientRect().width;
26892
- content.style.display = 'inline';
26893
- var fullWidth = content.getBoundingClientRect().width;
26894
- content.style.display = 'block';
26865
+ var fullWidth = contentFullWidth.getBoundingClientRect().width;
26895
26866
  _this2.textOverflows = truncatedWidth < fullWidth;
26867
+ _this2.measurementComplete = true;
26896
26868
  });
26897
26869
  }
26898
26870
  }]);
@@ -27398,7 +27370,7 @@ var PhonePerson_vue_1 = tslib_1.__importDefault(__webpack_require__(52132));
27398
27370
 
27399
27371
  var Tooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(93356));
27400
27372
 
27401
- var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(30777));
27373
+ var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(87059));
27402
27374
 
27403
27375
  var Modal_vue_1 = tslib_1.__importDefault(__webpack_require__(99665));
27404
27376
 
@@ -27424,7 +27396,7 @@ var SidePanel_vue_1 = tslib_1.__importDefault(__webpack_require__(73865));
27424
27396
 
27425
27397
  var Calendar_vue_1 = tslib_1.__importDefault(__webpack_require__(53578));
27426
27398
 
27427
- var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(69161));
27399
+ var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(59030));
27428
27400
 
27429
27401
  var QuizContainer_vue_1 = tslib_1.__importDefault(__webpack_require__(70820));
27430
27402