@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.
- package/dist/@pocketprep/ui-kit.common.js +65 -93
- package/dist/@pocketprep/ui-kit.common.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.js +65 -93
- package/dist/@pocketprep/ui-kit.umd.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.min.js +2 -2
- package/dist/@pocketprep/ui-kit.umd.min.js.map +1 -1
- package/package.json +2 -2
|
@@ -5328,7 +5328,7 @@ var component = (0,componentNormalizer/* default */.Z)(
|
|
|
5328
5328
|
|
|
5329
5329
|
/***/ }),
|
|
5330
5330
|
|
|
5331
|
-
/***/
|
|
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=
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
|
@@ -6131,7 +6131,7 @@ var component = (0,componentNormalizer/* default */.Z)(
|
|
|
6131
6131
|
|
|
6132
6132
|
/***/ }),
|
|
6133
6133
|
|
|
6134
|
-
/***/
|
|
6134
|
+
/***/ 60928:
|
|
6135
6135
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
6136
6136
|
|
|
6137
6137
|
"use strict";
|
|
@@ -6144,8 +6144,8 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
6144
6144
|
"default": () => (/* binding */ OverflowTooltip)
|
|
6145
6145
|
});
|
|
6146
6146
|
|
|
6147
|
-
;// 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=
|
|
6148
|
-
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:"
|
|
6147
|
+
;// 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&
|
|
6148
|
+
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)}
|
|
6149
6149
|
var staticRenderFns = []
|
|
6150
6150
|
|
|
6151
6151
|
|
|
@@ -15529,7 +15529,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
15529
15529
|
|
|
15530
15530
|
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()));
|
|
15531
15531
|
// Module
|
|
15532
|
-
___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)}", ""]);
|
|
15532
|
+
___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)}", ""]);
|
|
15533
15533
|
// Exports
|
|
15534
15534
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
15535
15535
|
|
|
@@ -24631,16 +24631,16 @@ __webpack_require__(26833);
|
|
|
24631
24631
|
|
|
24632
24632
|
__webpack_require__(92222);
|
|
24633
24633
|
|
|
24634
|
-
__webpack_require__(
|
|
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);
|
|
@@ -24685,7 +24685,7 @@ var directives_1 = __webpack_require__(19748);
|
|
|
24685
24685
|
|
|
24686
24686
|
var utils_1 = __webpack_require__(10254);
|
|
24687
24687
|
|
|
24688
|
-
var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(
|
|
24688
|
+
var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(60928));
|
|
24689
24689
|
|
|
24690
24690
|
var Question = /*#__PURE__*/function (_vue_property_decorat) {
|
|
24691
24691
|
_inherits(Question, _vue_property_decorat);
|
|
@@ -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
|
|
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
|
|
24791
|
+
var _a;
|
|
24793
24792
|
|
|
24794
|
-
return (
|
|
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
|
|
24798
|
+
var _a;
|
|
24800
24799
|
|
|
24801
|
-
return (
|
|
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
|
|
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
|
|
24813
|
+
var _a;
|
|
24816
24814
|
|
|
24817
|
-
return (
|
|
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
|
|
24820
|
+
var _a;
|
|
24823
24821
|
|
|
24824
|
-
return (
|
|
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
|
-
|
|
24847
|
-
|
|
24848
|
-
|
|
24849
|
-
|
|
24850
|
-
|
|
24851
|
-
|
|
24852
|
-
|
|
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
|
-
|
|
24889
|
-
|
|
24890
|
-
|
|
24891
|
-
|
|
24892
|
-
|
|
24893
|
-
|
|
24894
|
-
|
|
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
|
});
|
|
@@ -26410,7 +26375,7 @@ var vue_property_decorator_1 = __webpack_require__(26489);
|
|
|
26410
26375
|
|
|
26411
26376
|
var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(1497));
|
|
26412
26377
|
|
|
26413
|
-
var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(
|
|
26378
|
+
var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(60928));
|
|
26414
26379
|
|
|
26415
26380
|
var directives_1 = __webpack_require__(19748);
|
|
26416
26381
|
|
|
@@ -26868,21 +26833,28 @@ var OverflowTooltip = /*#__PURE__*/function (_vue_property_decorat) {
|
|
|
26868
26833
|
_this = _super.apply(this, arguments);
|
|
26869
26834
|
_this.showTooltip = false;
|
|
26870
26835
|
_this.textOverflows = false;
|
|
26836
|
+
_this.measurementComplete = false;
|
|
26837
|
+
_this.id = null;
|
|
26871
26838
|
return _this;
|
|
26872
26839
|
}
|
|
26873
26840
|
|
|
26874
26841
|
_createClass(OverflowTooltip, [{
|
|
26842
|
+
key: "created",
|
|
26843
|
+
value: function created() {
|
|
26844
|
+
this.id = this._uid;
|
|
26845
|
+
}
|
|
26846
|
+
}, {
|
|
26875
26847
|
key: "mounted",
|
|
26876
26848
|
value: function mounted() {
|
|
26877
26849
|
var _this2 = this;
|
|
26878
26850
|
|
|
26879
|
-
var content = this.$refs[
|
|
26851
|
+
var content = this.$refs["content_".concat(this.id)];
|
|
26852
|
+
var contentFullWidth = this.$refs["content_fullwidth_".concat(this.id)];
|
|
26880
26853
|
this.$nextTick(function () {
|
|
26881
26854
|
var truncatedWidth = content.getBoundingClientRect().width;
|
|
26882
|
-
|
|
26883
|
-
var fullWidth = content.getBoundingClientRect().width;
|
|
26884
|
-
content.style.display = 'block';
|
|
26855
|
+
var fullWidth = contentFullWidth.getBoundingClientRect().width;
|
|
26885
26856
|
_this2.textOverflows = truncatedWidth < fullWidth;
|
|
26857
|
+
_this2.measurementComplete = true;
|
|
26886
26858
|
});
|
|
26887
26859
|
}
|
|
26888
26860
|
}]);
|
|
@@ -27388,7 +27360,7 @@ var PhonePerson_vue_1 = tslib_1.__importDefault(__webpack_require__(24441));
|
|
|
27388
27360
|
|
|
27389
27361
|
var Tooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(14492));
|
|
27390
27362
|
|
|
27391
|
-
var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(
|
|
27363
|
+
var OverflowTooltip_vue_1 = tslib_1.__importDefault(__webpack_require__(60928));
|
|
27392
27364
|
|
|
27393
27365
|
var Modal_vue_1 = tslib_1.__importDefault(__webpack_require__(69342));
|
|
27394
27366
|
|
|
@@ -27414,7 +27386,7 @@ var SidePanel_vue_1 = tslib_1.__importDefault(__webpack_require__(23713));
|
|
|
27414
27386
|
|
|
27415
27387
|
var Calendar_vue_1 = tslib_1.__importDefault(__webpack_require__(17188));
|
|
27416
27388
|
|
|
27417
|
-
var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(
|
|
27389
|
+
var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(5399));
|
|
27418
27390
|
|
|
27419
27391
|
var QuizContainer_vue_1 = tslib_1.__importDefault(__webpack_require__(18790));
|
|
27420
27392
|
|