@pocketprep/ui-kit 2.0.2 → 2.0.3

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.
@@ -887,7 +887,7 @@ var component = (0,componentNormalizer/* default */.Z)(
887
887
 
888
888
  /***/ }),
889
889
 
890
- /***/ 92482:
890
+ /***/ 6378:
891
891
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
892
892
 
893
893
  "use strict";
@@ -900,7 +900,7 @@ __webpack_require__.d(__webpack_exports__, {
900
900
  "default": () => (/* binding */ ExamMenuCard)
901
901
  });
902
902
 
903
- ;// 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/Exams/ExamMenuCard.vue?vue&type=template&id=f321d084&
903
+ ;// 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/Exams/ExamMenuCard.vue?vue&type=template&id=5389ff46&
904
904
  var render = function () {
905
905
  var _obj;
906
906
  var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.bundleId)?_c('div',{staticClass:"uikit-exam-menu-card",class:( _obj = {}, _obj[("uikit-exam-menu-card--" + _vm.theme)] = true, _obj['uikit-exam-menu-card--clickable'] = _vm.isClickable, _obj ),attrs:{"tabindex":_vm.isClickable ? '0' : '-1'},on:{"mousedown":function($event){$event.preventDefault();},"click":function($event){_vm.isClickable && _vm.$emit('click')},"keydown":function($event){_vm.isClickable && _vm.$emit('keydown', $event)}}},[_c('div',{staticClass:"uikit-exam-menu-card__icon"},[_c('BundleIcon',{attrs:{"theme":_vm.theme,"bundle-id":_vm.bundleId}})],1),_c('div',{staticClass:"uikit-exam-menu-card__right"},[_c('div',{staticClass:"uikit-exam-menu-card__top"},[_c('div',{staticClass:"uikit-exam-menu-card__name",class:{ 'uikit-exam-menu-card__name--is-premium': _vm.isPremium }},[_vm._v(" "+_vm._s(_vm.exam.nativeAppName)+" ")]),(_vm.isPremium)?_c('PremiumPill',{staticClass:"uikit-exam-menu-card__premium-pill"}):_vm._e()],1),_c('div',{staticClass:"uikit-exam-menu-card__fullname"},[_c('span',[_vm._v(_vm._s(_vm.exam.descriptiveName))]),(_vm.showMenuArrow)?_c('Icon',{staticClass:"uikit-exam-menu-card__arrow",style:({ transform: ("rotate(" + (_vm.menuArrowDirection === 'up' ? '180' : '0') + "deg)") }),attrs:{"type":"accordionArrow"}}):_vm._e()],1)])]):_vm._e()}
@@ -4653,7 +4653,7 @@ var component = (0,componentNormalizer/* default */.Z)(
4653
4653
 
4654
4654
  /***/ }),
4655
4655
 
4656
- /***/ 30984:
4656
+ /***/ 79103:
4657
4657
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4658
4658
 
4659
4659
  "use strict";
@@ -4666,19 +4666,20 @@ __webpack_require__.d(__webpack_exports__, {
4666
4666
  "default": () => (/* binding */ QuizProgress)
4667
4667
  });
4668
4668
 
4669
- ;// 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/QuizProgress.vue?vue&type=template&id=45512488&
4669
+ ;// 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/QuizProgress.vue?vue&type=template&id=31d75da1&
4670
4670
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-quiz-progress"},_vm._l((_vm.numQuestions),function(n){return _c('QuizProgressBar',{key:(n + "_" + _vm.barWidthString),staticClass:"uikit-quiz-progress__bar",class:{
4671
- 'uikit-quiz-progress__bar--under50': _vm.numQuestions < 50,
4672
- 'uikit-quiz-progress__bar--over49': _vm.numQuestions >= 50,
4671
+ 'uikit-quiz-progress__bar--under50': !_vm.isSlider && _vm.numQuestions < 50,
4672
+ 'uikit-quiz-progress__bar--over49': !_vm.isSlider && _vm.numQuestions >= 50,
4673
+ 'uikit-quiz-progress__bar--slider': _vm.isSlider,
4673
4674
  'uikit-quiz-progress__bar--selected': Number(n) === Number(_vm.selectedIndex),
4674
4675
  },style:({
4675
- maxWidth: _vm.barWidthString,
4676
+ width: _vm.barWidthString,
4676
4677
  margin: ("0 " + _vm.barMargin + "px")
4677
- }),attrs:{"is-answered":_vm.answeredIndexList.includes(n),"is-selected":Number(n) === Number(_vm.selectedIndex),"aria-label":((Number(n) === Number(_vm.selectedIndex)
4678
+ }),attrs:{"is-answered":_vm.answeredIndexList.includes(n),"is-selected":Number(n) === Number(_vm.selectedIndex),"is-focusable":!_vm.isSlider || Number(n) === Number(_vm.selectedIndex),"aria-label":((Number(n) === Number(_vm.selectedIndex)
4678
4679
  ? 'Current '
4679
4680
  : '') + "Question " + n + ", " + (_vm.answeredIndexList.includes(n)
4680
4681
  ? 'answered'
4681
- : 'unanswered'))},on:{"click":function($event){return _vm.$emit('barClicked', n)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.$emit('barClicked', n)}}})}),1)}
4682
+ : 'unanswered'))},on:{"click":function($event){return _vm.$emit('barClicked', n)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.$emit('barClicked', n)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickAndFocus(n - 1)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.clickAndFocus(n + 1)}]}})}),1)}
4682
4683
  var staticRenderFns = []
4683
4684
 
4684
4685
 
@@ -4716,7 +4717,7 @@ var component = (0,componentNormalizer/* default */.Z)(
4716
4717
 
4717
4718
  /***/ }),
4718
4719
 
4719
- /***/ 81022:
4720
+ /***/ 66792:
4720
4721
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4721
4722
 
4722
4723
  "use strict";
@@ -4729,11 +4730,11 @@ __webpack_require__.d(__webpack_exports__, {
4729
4730
  "default": () => (/* binding */ QuizProgressBar)
4730
4731
  });
4731
4732
 
4732
- ;// 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/QuizProgressBar.vue?vue&type=template&id=4af95410&
4733
+ ;// 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/QuizProgressBar.vue?vue&type=template&id=9b4de05e&
4733
4734
  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:({ small: 2 }),expression:"{ small: 2 }"}],staticClass:"uikit-quiz-progress-bar",class:{
4734
4735
  'uikit-quiz-progress-bar--selected': _vm.isSelected,
4735
4736
  'uikit-quiz-progress-bar--answered': _vm.isAnswered,
4736
- },attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.$emit('click', $event)},"keydown":function($event){return _vm.$emit('keydown', $event)},"mousedown":function($event){$event.preventDefault();}}})}
4737
+ },attrs:{"tabindex":_vm.isFocusable ? '0' : '-1'},on:{"click":function($event){return _vm.$emit('click', $event)},"keydown":function($event){return _vm.$emit('keydown', $event)},"mousedown":function($event){$event.preventDefault();}}})}
4737
4738
  var staticRenderFns = []
4738
4739
 
4739
4740
 
@@ -13791,7 +13792,7 @@ __webpack_require__.r(__webpack_exports__);
13791
13792
 
13792
13793
  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()));
13793
13794
  // Module
13794
- ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-exam-menu-card{display:flex;align-items:center;padding:8px 3px 10px;box-sizing:border-box;height:54px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:320px;position:relative;outline:none}@media(max-width:767px){.uikit-exam-menu-card{width:100%}}.uikit-exam-menu-card:not(.uikit-exam-menu-card--silver){color:#1f3545}.uikit-exam-menu-card:not(.uikit-exam-menu-card--silver) .uikit-exam-menu-card__arrow{color:#475967}.uikit-exam-menu-card--silver{color:#fff}.uikit-exam-menu-card--silver .uikit-exam-menu-card__premium-pill{background-color:rgba(255,242,217,.19);color:#ffce74}.uikit-exam-menu-card--clickable{cursor:pointer}.uikit-exam-menu-card--clickable:focus:before{content:\"\";left:0;top:3px;position:absolute;width:calc(100% - 2px);height:calc(100% - 8px);border-radius:6px;border:1px solid #0064ff}.uikit-exam-menu-card--clickable:not(.uikit-exam-menu--silver):hover{background-color:#f4f5f9}.uikit-exam-menu-card--clickable.uikit-exam-menu-card--silver:hover{background-color:#0f1d28}.uikit-exam-menu-card--clickable.uikit-exam-menu-card--silver:focus:before{border-color:#ffce74}.uikit-exam-menu-card__right{position:relative;max-width:calc(100% - 52px);width:100%;margin-top:5px}.uikit-exam-menu-card__arrow{width:10px;color:#fff;display:inline-block;vertical-align:top;margin-top:4px;margin-left:5px}.uikit-exam-menu-card__icon{width:52px;height:52px;margin-right:5px}.uikit-exam-menu-card__icon svg{width:100%;height:100%}.uikit-exam-menu-card__top{font-size:15px;line-height:20px;font-weight:600;height:20px}.uikit-exam-menu-card__name{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uikit-exam-menu-card__name--is-premium{max-width:calc(100% - 86px)}.uikit-exam-menu-card__premium-pill{font-size:12px;line-height:16px;background-color:#ffe4b6;width:55px;height:16px;vertical-align:top;margin-top:2px;margin-left:8px;padding:0}.uikit-exam-menu-card__fullname{font-size:12px;line-height:16px;opacity:.8;max-width:244px}@media(max-width:767px){.uikit-exam-menu-card__fullname{max-width:none;width:100%;display:inline-block;position:relative}}.uikit-exam-menu-card__fullname span{display:inline-block;max-width:calc(100% - 40px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}", ""]);
13795
+ ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-exam-menu-card{display:flex;align-items:center;padding:8px 3px 10px;box-sizing:border-box;height:54px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:320px;position:relative;outline:none}@media(max-width:767px){.uikit-exam-menu-card{width:100%}}.uikit-exam-menu-card:not(.uikit-exam-menu-card--silver){color:#1f3545}.uikit-exam-menu-card:not(.uikit-exam-menu-card--silver) .uikit-exam-menu-card__arrow{color:#475967}.uikit-exam-menu-card--silver{color:#fff}.uikit-exam-menu-card--silver .uikit-exam-menu-card__premium-pill{background-color:rgba(255,242,217,.19);color:#ffce74}.uikit-exam-menu-card--clickable{cursor:pointer}.uikit-exam-menu-card--clickable:focus:before{content:\"\";left:0;top:3px;position:absolute;width:calc(100% - 2px);height:calc(100% - 8px);border-radius:6px;border:1px solid #0064ff}.uikit-exam-menu-card--clickable:not(.uikit-exam-menu--silver):hover{background-color:#f4f5f9}.uikit-exam-menu-card--clickable.uikit-exam-menu-card--silver:hover{background-color:#0f1d28}.uikit-exam-menu-card--clickable.uikit-exam-menu-card--silver:focus:before{border-color:#ffce74}.uikit-exam-menu-card__right{position:relative;max-width:calc(100% - 52px);width:100%;margin-top:5px}.uikit-exam-menu-card__arrow{width:10px;color:#fff;display:inline-block;vertical-align:top;margin-top:4px;margin-left:5px}.uikit-exam-menu-card__icon{width:52px;height:52px;margin-right:5px}.uikit-exam-menu-card__icon svg{width:100%;height:100%}.uikit-exam-menu-card__top{font-size:15px;line-height:20px;font-weight:600;height:20px}.uikit-exam-menu-card__name{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uikit-exam-menu-card__name--is-premium{max-width:calc(100% - 86px)}.uikit-exam-menu-card__premium-pill{font-size:12px;line-height:16px;background-color:#ffe4b6;width:55px;height:16px;vertical-align:top;margin-top:2px;margin-left:8px;padding:0}.uikit-exam-menu-card__fullname{font-size:12px;line-height:16px;opacity:.8;max-width:244px}@media(max-width:767px){.uikit-exam-menu-card__fullname{max-width:none;width:100%;display:inline-block;position:relative}}.uikit-exam-menu-card__fullname span{display:inline-block;max-width:calc(100% - 50px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}", ""]);
13795
13796
  // Exports
13796
13797
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
13797
13798
 
@@ -14247,7 +14248,7 @@ __webpack_require__.r(__webpack_exports__);
14247
14248
 
14248
14249
  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()));
14249
14250
  // Module
14250
- ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-quiz-progress{display:flex;justify-content:center;align-items:center;width:100%}.uikit-quiz-progress__bar{height:4px}.uikit-quiz-progress__bar--over49{height:10px}@media(max-width:1023px){.uikit-quiz-progress__bar--over49{margin:0 1px!important}}.uikit-quiz-progress__bar--selected.uikit-quiz-progress__bar--over49{height:16px}.uikit-quiz-progress__bar:last-child{margin-right:0!important}.uikit-quiz-progress__bar:first-child{margin-left:0!important}", ""]);
14251
+ ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-quiz-progress{display:flex;justify-content:center;align-items:center;width:100%}.uikit-quiz-progress__bar{height:4px}.uikit-quiz-progress__bar--over49{height:10px}@media(max-width:1023px){.uikit-quiz-progress__bar--over49{margin:0 1px!important}}.uikit-quiz-progress__bar--slider{height:4px}.uikit-quiz-progress__bar--slider:first-child{border-radius:5px 0 0 5px}.uikit-quiz-progress__bar--slider:last-child{border-radius:0 5px 5px 0}@media(max-width:1023px){.uikit-quiz-progress__bar--slider{margin:0 0!important}}.uikit-quiz-progress__bar--selected.uikit-quiz-progress__bar--over49{height:16px}.uikit-quiz-progress__bar--selected.uikit-quiz-progress__bar--slider{height:14px;border-radius:4px}.uikit-quiz-progress__bar:last-child{margin-right:0!important}.uikit-quiz-progress__bar:first-child{margin-left:0!important}", ""]);
14251
14252
  // Exports
14252
14253
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
14253
14254
 
@@ -23234,6 +23235,8 @@ var _createSuper = (__webpack_require__(13400)["default"]);
23234
23235
 
23235
23236
  __webpack_require__(69070);
23236
23237
 
23238
+ __webpack_require__(32564);
23239
+
23237
23240
  Object.defineProperty(exports, "X", ({
23238
23241
  value: true
23239
23242
  }));
@@ -23242,7 +23245,7 @@ var tslib_1 = __webpack_require__(70655);
23242
23245
 
23243
23246
  var vue_property_decorator_1 = __webpack_require__(70622);
23244
23247
 
23245
- var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(81022));
23248
+ var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(66792));
23246
23249
 
23247
23250
  var resize_observer_1 = __webpack_require__(30215);
23248
23251
 
@@ -23263,9 +23266,15 @@ var QuizProgress = /*#__PURE__*/function (_vue_property_decorat) {
23263
23266
  }
23264
23267
 
23265
23268
  _createClass(QuizProgress, [{
23269
+ key: "isSlider",
23270
+ get: function get() {
23271
+ return this.forceSlider || this.numQuestions > 100;
23272
+ }
23273
+ }, {
23266
23274
  key: "barMaxMargin",
23267
23275
  get: function get() {
23268
- return this.numQuestions < 50 ? 2 : 2.5;
23276
+ return this.numQuestions > 100 || this.forceSlider ? 0 // No margin for >100 questions or slider mode
23277
+ : this.numQuestions < 50 ? 2 : 2.5;
23269
23278
  }
23270
23279
  }, {
23271
23280
  key: "barWidth",
@@ -23273,7 +23282,7 @@ var QuizProgress = /*#__PURE__*/function (_vue_property_decorat) {
23273
23282
  var numGaps = this.numQuestions - 1;
23274
23283
  var totalMarginWidth = numGaps * this.barMaxMargin * 2;
23275
23284
  var availableWidth = this.containerWidth - totalMarginWidth;
23276
- var barWidth = Math.floor(Math.max(availableWidth / this.numQuestions, 1));
23285
+ var barWidth = this.forceSlider || this.numQuestions > 100 ? availableWidth / this.numQuestions : Math.floor(Math.max(availableWidth / this.numQuestions, 1));
23277
23286
  return barWidth;
23278
23287
  }
23279
23288
  }, {
@@ -23320,6 +23329,23 @@ var QuizProgress = /*#__PURE__*/function (_vue_property_decorat) {
23320
23329
 
23321
23330
  (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
23322
23331
  }
23332
+ }, {
23333
+ key: "clickAndFocus",
23334
+ value: function clickAndFocus(index) {
23335
+ var _this3 = this;
23336
+
23337
+ var bars = document.querySelectorAll('.uikit-quiz-progress__bar');
23338
+ var bar = bars[index - 1];
23339
+
23340
+ if (bar) {
23341
+ this.$emit('barClicked', index);
23342
+ setTimeout(function () {
23343
+ _this3.$nextTick(function () {
23344
+ bar.focus();
23345
+ });
23346
+ }, 50);
23347
+ }
23348
+ }
23323
23349
  }]);
23324
23350
 
23325
23351
  return QuizProgress;
@@ -23331,6 +23357,10 @@ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], QuizProgress.prototyp
23331
23357
 
23332
23358
  tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], QuizProgress.prototype, "numQuestions", void 0);
23333
23359
 
23360
+ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
23361
+ "default": false
23362
+ })], QuizProgress.prototype, "forceSlider", void 0);
23363
+
23334
23364
  QuizProgress = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
23335
23365
  components: {
23336
23366
  QuizProgressBar: QuizProgressBar_vue_1["default"]
@@ -23388,6 +23418,10 @@ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
23388
23418
  "default": false
23389
23419
  })], QuizProgressBar.prototype, "isAnswered", void 0);
23390
23420
 
23421
+ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
23422
+ "default": true
23423
+ })], QuizProgressBar.prototype, "isFocusable", void 0);
23424
+
23391
23425
  QuizProgressBar = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
23392
23426
  directives: {
23393
23427
  breakpoint: directives_1.breakpoint
@@ -24987,7 +25021,7 @@ var BundleList_vue_1 = tslib_1.__importDefault(__webpack_require__(77685));
24987
25021
 
24988
25022
  var ExamCard_vue_1 = tslib_1.__importDefault(__webpack_require__(15950));
24989
25023
 
24990
- var ExamMenuCard_vue_1 = tslib_1.__importDefault(__webpack_require__(92482));
25024
+ var ExamMenuCard_vue_1 = tslib_1.__importDefault(__webpack_require__(6378));
24991
25025
 
24992
25026
  var Errors_vue_1 = tslib_1.__importDefault(__webpack_require__(27494));
24993
25027
 
@@ -25001,9 +25035,9 @@ var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(41530));
25001
25035
 
25002
25036
  var QuizContainer_vue_1 = tslib_1.__importDefault(__webpack_require__(70820));
25003
25037
 
25004
- var QuizProgress_vue_1 = tslib_1.__importDefault(__webpack_require__(30984));
25038
+ var QuizProgress_vue_1 = tslib_1.__importDefault(__webpack_require__(79103));
25005
25039
 
25006
- var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(81022));
25040
+ var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(66792));
25007
25041
 
25008
25042
  var KeyboardShortcutsButton_vue_1 = tslib_1.__importDefault(__webpack_require__(32830));
25009
25043