@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.
@@ -877,7 +877,7 @@ var component = (0,componentNormalizer/* default */.Z)(
877
877
 
878
878
  /***/ }),
879
879
 
880
- /***/ 45242:
880
+ /***/ 5718:
881
881
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
882
882
 
883
883
  "use strict";
@@ -890,7 +890,7 @@ __webpack_require__.d(__webpack_exports__, {
890
890
  "default": () => (/* binding */ ExamMenuCard)
891
891
  });
892
892
 
893
- ;// 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&
893
+ ;// 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&
894
894
  var render = function () {
895
895
  var _obj;
896
896
  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()}
@@ -4643,7 +4643,7 @@ var component = (0,componentNormalizer/* default */.Z)(
4643
4643
 
4644
4644
  /***/ }),
4645
4645
 
4646
- /***/ 22748:
4646
+ /***/ 27938:
4647
4647
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4648
4648
 
4649
4649
  "use strict";
@@ -4656,19 +4656,20 @@ __webpack_require__.d(__webpack_exports__, {
4656
4656
  "default": () => (/* binding */ QuizProgress)
4657
4657
  });
4658
4658
 
4659
- ;// 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&
4659
+ ;// 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&
4660
4660
  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:{
4661
- 'uikit-quiz-progress__bar--under50': _vm.numQuestions < 50,
4662
- 'uikit-quiz-progress__bar--over49': _vm.numQuestions >= 50,
4661
+ 'uikit-quiz-progress__bar--under50': !_vm.isSlider && _vm.numQuestions < 50,
4662
+ 'uikit-quiz-progress__bar--over49': !_vm.isSlider && _vm.numQuestions >= 50,
4663
+ 'uikit-quiz-progress__bar--slider': _vm.isSlider,
4663
4664
  'uikit-quiz-progress__bar--selected': Number(n) === Number(_vm.selectedIndex),
4664
4665
  },style:({
4665
- maxWidth: _vm.barWidthString,
4666
+ width: _vm.barWidthString,
4666
4667
  margin: ("0 " + _vm.barMargin + "px")
4667
- }),attrs:{"is-answered":_vm.answeredIndexList.includes(n),"is-selected":Number(n) === Number(_vm.selectedIndex),"aria-label":((Number(n) === Number(_vm.selectedIndex)
4668
+ }),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)
4668
4669
  ? 'Current '
4669
4670
  : '') + "Question " + n + ", " + (_vm.answeredIndexList.includes(n)
4670
4671
  ? 'answered'
4671
- : '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)}
4672
+ : '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)}
4672
4673
  var staticRenderFns = []
4673
4674
 
4674
4675
 
@@ -4706,7 +4707,7 @@ var component = (0,componentNormalizer/* default */.Z)(
4706
4707
 
4707
4708
  /***/ }),
4708
4709
 
4709
- /***/ 43514:
4710
+ /***/ 92282:
4710
4711
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
4711
4712
 
4712
4713
  "use strict";
@@ -4719,11 +4720,11 @@ __webpack_require__.d(__webpack_exports__, {
4719
4720
  "default": () => (/* binding */ QuizProgressBar)
4720
4721
  });
4721
4722
 
4722
- ;// 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&
4723
+ ;// 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&
4723
4724
  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:{
4724
4725
  'uikit-quiz-progress-bar--selected': _vm.isSelected,
4725
4726
  'uikit-quiz-progress-bar--answered': _vm.isAnswered,
4726
- },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();}}})}
4727
+ },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();}}})}
4727
4728
  var staticRenderFns = []
4728
4729
 
4729
4730
 
@@ -13781,7 +13782,7 @@ __webpack_require__.r(__webpack_exports__);
13781
13782
 
13782
13783
  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()));
13783
13784
  // Module
13784
- ___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}", ""]);
13785
+ ___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}", ""]);
13785
13786
  // Exports
13786
13787
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
13787
13788
 
@@ -14237,7 +14238,7 @@ __webpack_require__.r(__webpack_exports__);
14237
14238
 
14238
14239
  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()));
14239
14240
  // Module
14240
- ___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}", ""]);
14241
+ ___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}", ""]);
14241
14242
  // Exports
14242
14243
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
14243
14244
 
@@ -23224,6 +23225,8 @@ var _createSuper = (__webpack_require__(13706)["default"]);
23224
23225
 
23225
23226
  __webpack_require__(69070);
23226
23227
 
23228
+ __webpack_require__(32564);
23229
+
23227
23230
  Object.defineProperty(exports, "X", ({
23228
23231
  value: true
23229
23232
  }));
@@ -23232,7 +23235,7 @@ var tslib_1 = __webpack_require__(70655);
23232
23235
 
23233
23236
  var vue_property_decorator_1 = __webpack_require__(26489);
23234
23237
 
23235
- var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(43514));
23238
+ var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(92282));
23236
23239
 
23237
23240
  var resize_observer_1 = __webpack_require__(30215);
23238
23241
 
@@ -23253,9 +23256,15 @@ var QuizProgress = /*#__PURE__*/function (_vue_property_decorat) {
23253
23256
  }
23254
23257
 
23255
23258
  _createClass(QuizProgress, [{
23259
+ key: "isSlider",
23260
+ get: function get() {
23261
+ return this.forceSlider || this.numQuestions > 100;
23262
+ }
23263
+ }, {
23256
23264
  key: "barMaxMargin",
23257
23265
  get: function get() {
23258
- return this.numQuestions < 50 ? 2 : 2.5;
23266
+ return this.numQuestions > 100 || this.forceSlider ? 0 // No margin for >100 questions or slider mode
23267
+ : this.numQuestions < 50 ? 2 : 2.5;
23259
23268
  }
23260
23269
  }, {
23261
23270
  key: "barWidth",
@@ -23263,7 +23272,7 @@ var QuizProgress = /*#__PURE__*/function (_vue_property_decorat) {
23263
23272
  var numGaps = this.numQuestions - 1;
23264
23273
  var totalMarginWidth = numGaps * this.barMaxMargin * 2;
23265
23274
  var availableWidth = this.containerWidth - totalMarginWidth;
23266
- var barWidth = Math.floor(Math.max(availableWidth / this.numQuestions, 1));
23275
+ var barWidth = this.forceSlider || this.numQuestions > 100 ? availableWidth / this.numQuestions : Math.floor(Math.max(availableWidth / this.numQuestions, 1));
23267
23276
  return barWidth;
23268
23277
  }
23269
23278
  }, {
@@ -23310,6 +23319,23 @@ var QuizProgress = /*#__PURE__*/function (_vue_property_decorat) {
23310
23319
 
23311
23320
  (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
23312
23321
  }
23322
+ }, {
23323
+ key: "clickAndFocus",
23324
+ value: function clickAndFocus(index) {
23325
+ var _this3 = this;
23326
+
23327
+ var bars = document.querySelectorAll('.uikit-quiz-progress__bar');
23328
+ var bar = bars[index - 1];
23329
+
23330
+ if (bar) {
23331
+ this.$emit('barClicked', index);
23332
+ setTimeout(function () {
23333
+ _this3.$nextTick(function () {
23334
+ bar.focus();
23335
+ });
23336
+ }, 50);
23337
+ }
23338
+ }
23313
23339
  }]);
23314
23340
 
23315
23341
  return QuizProgress;
@@ -23321,6 +23347,10 @@ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], QuizProgress.prototyp
23321
23347
 
23322
23348
  tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], QuizProgress.prototype, "numQuestions", void 0);
23323
23349
 
23350
+ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
23351
+ "default": false
23352
+ })], QuizProgress.prototype, "forceSlider", void 0);
23353
+
23324
23354
  QuizProgress = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
23325
23355
  components: {
23326
23356
  QuizProgressBar: QuizProgressBar_vue_1["default"]
@@ -23378,6 +23408,10 @@ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
23378
23408
  "default": false
23379
23409
  })], QuizProgressBar.prototype, "isAnswered", void 0);
23380
23410
 
23411
+ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
23412
+ "default": true
23413
+ })], QuizProgressBar.prototype, "isFocusable", void 0);
23414
+
23381
23415
  QuizProgressBar = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
23382
23416
  directives: {
23383
23417
  breakpoint: directives_1.breakpoint
@@ -24977,7 +25011,7 @@ var BundleList_vue_1 = tslib_1.__importDefault(__webpack_require__(41776));
24977
25011
 
24978
25012
  var ExamCard_vue_1 = tslib_1.__importDefault(__webpack_require__(52509));
24979
25013
 
24980
- var ExamMenuCard_vue_1 = tslib_1.__importDefault(__webpack_require__(45242));
25014
+ var ExamMenuCard_vue_1 = tslib_1.__importDefault(__webpack_require__(5718));
24981
25015
 
24982
25016
  var Errors_vue_1 = tslib_1.__importDefault(__webpack_require__(32102));
24983
25017
 
@@ -24991,9 +25025,9 @@ var Question_vue_1 = tslib_1.__importDefault(__webpack_require__(16735));
24991
25025
 
24992
25026
  var QuizContainer_vue_1 = tslib_1.__importDefault(__webpack_require__(18790));
24993
25027
 
24994
- var QuizProgress_vue_1 = tslib_1.__importDefault(__webpack_require__(22748));
25028
+ var QuizProgress_vue_1 = tslib_1.__importDefault(__webpack_require__(27938));
24995
25029
 
24996
- var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(43514));
25030
+ var QuizProgressBar_vue_1 = tslib_1.__importDefault(__webpack_require__(92282));
24997
25031
 
24998
25032
  var KeyboardShortcutsButton_vue_1 = tslib_1.__importDefault(__webpack_require__(55449));
24999
25033