@pocketprep/ui-kit 2.0.28 → 2.0.30

package/dist/@pocketprep/ui-kit.common.js

@@ -985,7 +985,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 43400:
+/***/ 62803:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -998,7 +998,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ FilterDropdown)
 });
 
-;// 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/Filters/FilterDropdown.vue?vue&type=template&id=61046927&
+;// 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/Filters/FilterDropdown.vue?vue&type=template&id=b138a598&
 var render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"filter"},[_c('div',{staticClass:"filter-button"},[_c('Link',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"filter-button__link",class:{ 
@@ -1042,7 +1042,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 52106:
+/***/ 36935:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1055,10 +1055,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ FilterOptions)
 });
 
-;// 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/Filters/FilterOptions.vue?vue&type=template&id=2b572928&
+;// 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/Filters/FilterOptions.vue?vue&type=template&id=e5a5ca4a&
 var render = function () {
 var _obj;
-var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options",class:( _obj = {}, _obj[("filter-options--" + _vm.align)] = true, _obj[("filter-options-" + _vm.size)] = true, _obj )},[_vm._t("radioLabel",function(){return [(_vm.radioOptions.length > 0)?_c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options__label",class:{ 'filter-options__label--active': _vm.showRadioOptions },attrs:{"aria-expanded":_vm.showFilterDropdown ? 'true' : 'false'},on:{"click":function($event){_vm.showRadioOptions = !_vm.showRadioOptions; _vm.showCheckboxOptions = false;},"mousedown":function($event){$event.preventDefault();}}},[_vm._t("radioLabelText",function(){return [_c('span',[_vm._v("FILTER BY QUESTION TYPE")])]}),_vm._t("radioLabelIcon",function(){return [_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"filter-options__arrow",attrs:{"type":"accordionArrow"}})]})],2):_vm._e()]}),_vm._t("radio",function(){return [(_vm.showRadioOptions)?_c('Radio',{staticClass:"filter-options__radio",attrs:{"aria-live":"polite","data":_vm.radioOptions},model:{value:(_vm.radioEntry),callback:function ($$v) {_vm.radioEntry=$$v},expression:"radioEntry"}}):_vm._e()]}),_vm._t("checkboxLabel",function(){return [(_vm.radioOptions.length > 0)?_c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options__label",class:{ 'filter-options__label--active': _vm.showCheckboxOptions },attrs:{"aria-expanded":_vm.showFilterDropdown ? 'true' : 'false'},on:{"click":function($event){_vm.showCheckboxOptions = !_vm.showCheckboxOptions; _vm.showRadioOptions = false;},"mousedown":function($event){$event.preventDefault();}}},[_vm._t("checkboxLabelText",function(){return [_c('span',[_vm._v("FILTER BY SUBJECT")])]}),_vm._t("checkboxLabelIcon",function(){return [_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"filter-options__arrow",attrs:{"type":"accordionArrow"}})]})],2):_c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options__label",class:{ 'filter-options__label--active': _vm.showCheckboxOptions },attrs:{"aria-expanded":_vm.showFilterDropdown ? 'true' : 'false'}},[_vm._t("checkboxLabelText",function(){return [_c('span',[_vm._v("FILTER BY SUBJECT")])]})],2)]}),_vm._t("checkbox",function(){return [(_vm.showCheckboxOptions || _vm.radioOptions.length === 0)?_c('div',{staticClass:"filter-options__checkbox-options"},_vm._l((_vm.checkboxOptions),function(option){return _c('CheckboxOption',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],key:option.id,staticClass:"filter-options__option",attrs:{"label":option.label},on:{"click":function($event){option.enabled = !option.enabled}},model:{value:(option.enabled),callback:function ($$v) {_vm.$set(option, "enabled", $$v)},expression:"option.enabled"}})}),1):_vm._e()]})],2)}
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options",class:( _obj = {}, _obj[("filter-options--" + _vm.align)] = true, _obj[("filter-options-" + _vm.size)] = true, _obj )},[_vm._t("radioLabel",function(){return [(_vm.radioOptions.length > 0)?_c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options__label",class:{ 'filter-options__label--active': _vm.showRadioOptions },attrs:{"aria-expanded":_vm.showFilterDropdown ? 'true' : 'false'},on:{"click":function($event){_vm.showRadioOptions = !_vm.showRadioOptions; _vm.showCheckboxOptions = false;},"mousedown":function($event){$event.preventDefault();}}},[_vm._t("radioLabelText",function(){return [_c('span',[_vm._v("FILTER BY QUESTION TYPE")])]}),_vm._t("radioLabelIcon",function(){return [_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"filter-options__arrow",attrs:{"type":"accordionArrow"}})]})],2):_vm._e()]}),_vm._t("radio",function(){return [(_vm.showRadioOptions)?_c('Radio',{staticClass:"filter-options__radio",attrs:{"aria-live":"polite","data":_vm.radioOptions},model:{value:(_vm.radioEntry),callback:function ($$v) {_vm.radioEntry=$$v},expression:"radioEntry"}}):_vm._e()]}),_vm._t("checkboxLabel",function(){return [(_vm.radioOptions.length > 0)?_c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options__label",class:{ 'filter-options__label--active': _vm.showCheckboxOptions },attrs:{"aria-expanded":_vm.showFilterDropdown ? 'true' : 'false'},on:{"click":function($event){_vm.showCheckboxOptions = !_vm.showCheckboxOptions; _vm.showRadioOptions = false;},"mousedown":function($event){$event.preventDefault();}}},[_vm._t("checkboxLabelText",function(){return [_c('span',[_vm._v("FILTER BY SUBJECT")])]}),_vm._t("checkboxLabelIcon",function(){return [_c('Icon',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"filter-options__arrow",attrs:{"type":"accordionArrow"}})]})],2):_c('div',{directives:[{name:"dark",rawName:"v-dark"}],staticClass:"filter-options__label",class:{ 'filter-options__label--active': _vm.showCheckboxOptions },attrs:{"aria-expanded":_vm.showFilterDropdown ? 'true' : 'false'}},[_vm._t("checkboxLabelText",function(){return [_c('span',[_vm._v("FILTER BY SUBJECT")])]})],2)]}),_vm._t("checkbox",function(){return [(_vm.showCheckboxOptions || _vm.radioOptions.length === 0)?_c('div',{staticClass:"filter-options__checkbox"},_vm._l((_vm.checkboxOptions),function(option){return _c('CheckboxOption',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],key:option.id,staticClass:"filter-options__option",attrs:{"label":option.label},on:{"click":function($event){option.enabled = !option.enabled}},model:{value:(option.enabled),callback:function ($$v) {_vm.$set(option, "enabled", $$v)},expression:"option.enabled"}})}),1):_vm._e()]})],2)}
 var staticRenderFns = []
 
 
@@ -5212,7 +5212,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 84125:
+/***/ 23243:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5225,7 +5225,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Table)
 });
 
-;// 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/Tables/Table.vue?vue&type=template&id=2e84ca86&
+;// 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/Tables/Table.vue?vue&type=template&id=15c3ab16&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-table__container",style:(_vm.tableContainerStyles)},[_vm._t("table",function(){return [_c('div',{staticClass:"uikit-table",style:(_vm.tableStyles)},[(_vm.showHeader)?_vm._t("tableHeader",function(){return [_c('div',{staticClass:"uikit-table__header",style:(_vm.tableHeaderStyles)},[_vm._t("tableName",function(){return [_c('div',{staticClass:"uikit-table__name",style:(_vm.tableNameStyles)},[_vm._v(" "+_vm._s(_vm.name)+" ")])]}),(_vm.count !== undefined)?_vm._t("tableCount",function(){return [_c('div',{staticClass:"uikit-table__count",style:(_vm.tableCountStyles)},[_vm._v(" "+_vm._s(_vm.count)+" ")])]}):_vm._e()],2)]}):_vm._e(),_vm._t("tableContent",function(){return [_c('table',{staticClass:"uikit-table__content",style:(_vm.tableContentStyles),attrs:{"role":"grid"}},[_vm._t("tableColumnLabels",function(){return [_c('thead',{staticClass:"uikit-table__rows",attrs:{"role":"rowgroup"}},[_c('tr',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"uikit-table__column-labels",style:(Object.assign({}, _vm.gridStyles,
                                     _vm.tableColumnLabelsStyles)),attrs:{"role":"row"}},[_vm._l((_vm.columns),function(column){return [_vm._t("tableColumnLabel",function(){return [_c('th',{key:("column-label--" + (column.propName)),staticClass:"uikit-table__column-label",style:(Object.assign({}, _vm.tableColumnLabelStyles,
                                                 column.styles,
@@ -14682,7 +14682,7 @@ __webpack_require__.r(__webpack_exports__);
 
 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()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".uikit-table__container{background-color:#fff}.uikit-table__container--dark{background-color:transparent;color:#fff}.uikit-table__container *{box-sizing:border-box}.uikit-table__content{display:block;border-spacing:0;border-collapse:initial;border-color:transparent}.uikit-table__header{display:flex;align-items:center;padding:4px 16px}.uikit-table__name{margin-right:6px}.uikit-table__count,.uikit-table__name{font-weight:600;font-size:14px;line-height:19px}.uikit-table__count{color:#587183}.uikit-table__column-labels{min-width:100%;padding:5px 22px 5px 11px;font-size:11px;line-height:15px;letter-spacing:.17px;color:#475967;max-width:100%;border-bottom:1px solid #dfe3e7}.uikit-table__column-labels--dark{color:#dfe3e7;border-bottom-color:#587183}.uikit-table__column-label{display:block;text-align:left;font-weight:500}.uikit-table__column-label:not(:last-child){margin-right:11px}.uikit-table__column-label-content{position:relative;display:inline-block;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.uikit-table__column-label-content--sort-disabled{cursor:default;color:inherit!important}.uikit-table__column-label-content:hover:not(.table__column-label-content--sort-disabled){color:#0064ff}.uikit-table__column-label-content:hover:not(.table__column-label-content--sort-disabled) .table__sort-icon:not(.table__sort-icon--visible){visibility:visible}.uikit-table__column-label-content:focus:not(.table__column-label-content--sort-disabled):before{content:\"\";position:absolute;top:-3px;bottom:-3px;left:-5px;border:1px solid #0064ff;border-radius:3px;width:calc(100% + 10px)}.uikit-table__column-label-content--dark:hover:not(.table__column-label-content--sort-disabled){color:#ffce74}.uikit-table__column-label-content--dark:focus:not(.table__column-label-content--sort-disabled):before{border-color:#ffce74}.uikit-table__sort-icon{display:inline-block;margin-left:2px;color:#0064ff;visibility:hidden;transform:scale(.75)}.uikit-table__sort-icon--dark{color:#ffce74}.uikit-table__sort-icon--visible{visibility:visible}.uikit-table__sort-icon--up{transform:scale(.75) rotate(180deg)}.uikit-table__rows{min-width:100%;overflow-y:auto;display:block}.uikit-table__row{max-width:100%;min-width:100%;padding:10px 22px 10px 11px;font-size:15px;line-height:20px;border-bottom:1px solid #dfe3e7}.uikit-table__row--dark{border-bottom-color:#475967}.uikit-table__row--hover-focus:hover{background-color:#f2f3f6}.uikit-table__row--hover-focus:focus:before{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #0064ff;border-radius:6px}.uikit-table__cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.uikit-table__cell:not(:last-child){margin-right:11px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".uikit-table__container{background-color:#fff}.uikit-table__container--dark{background-color:transparent;color:#fff}.uikit-table__container *{box-sizing:border-box}.uikit-table__content{display:block;border-spacing:0;border-collapse:initial;border-color:transparent}.uikit-table__header{display:flex;align-items:center;padding:4px 16px}.uikit-table__name{margin-right:6px}.uikit-table__count,.uikit-table__name{font-weight:600;font-size:14px;line-height:19px}.uikit-table__count{color:#587183}.uikit-table__column-labels{min-width:100%;padding:5px 22px 5px 11px;font-size:11px;line-height:15px;letter-spacing:.17px;color:#475967;max-width:100%;border-bottom:1px solid #dfe3e7}.uikit-table__column-labels--dark{color:#dfe3e7;border-bottom-color:#587183}.uikit-table__column-label{display:block;text-align:left;font-weight:500}.uikit-table__column-label:not(:last-child){margin-right:11px}.uikit-table__column-label-content{position:relative;display:inline-block;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.uikit-table__column-label-content--sort-disabled{cursor:default;color:inherit!important}.uikit-table__column-label-content:hover:not(.table__column-label-content--sort-disabled){color:#0064ff}.uikit-table__column-label-content:hover:not(.table__column-label-content--sort-disabled) .table__sort-icon:not(.table__sort-icon--visible){visibility:visible}.uikit-table__column-label-content:focus:not(.table__column-label-content--sort-disabled):before{content:\"\";position:absolute;top:-3px;bottom:-3px;left:-5px;border:1px solid #0064ff;border-radius:3px;width:calc(100% + 10px)}.uikit-table__column-label-content--dark:hover:not(.table__column-label-content--sort-disabled){color:#ffce74}.uikit-table__column-label-content--dark:focus:not(.table__column-label-content--sort-disabled):before{border-color:#ffce74}.uikit-table__sort-icon{display:inline-block;margin-left:2px;color:#0064ff;visibility:hidden;transform:scale(.75)}.uikit-table__sort-icon--dark{color:#ffce74}.uikit-table__sort-icon--visible{visibility:visible}.uikit-table__sort-icon--up{transform:scale(.75) rotate(180deg)}.uikit-table__rows{min-width:100%;overflow-y:auto;display:block}.uikit-table__row{position:relative;max-width:100%;min-width:100%;padding:10px 22px 10px 11px;font-size:15px;line-height:20px;border-bottom:1px solid #dfe3e7;outline:none}.uikit-table__row--dark{border-bottom-color:#475967}.uikit-table__row--hover-focus:hover{background-color:#f2f3f6}.uikit-table__row--hover-focus:focus:before{content:\"\";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #0064ff;border-radius:6px}.uikit-table__cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.uikit-table__cell:not(:last-child){margin-right:11px}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -18060,6 +18060,10 @@ var _createSuper = (__webpack_require__(13706)["default"]);
 
 __webpack_require__(69070);
 
+__webpack_require__(57327);
+
+__webpack_require__(41539);
+
 Object.defineProperty(exports, "X", ({
   value: true
 }));
@@ -18072,7 +18076,7 @@ var Link_vue_1 = tslib_1.__importDefault(__webpack_require__(66985));
 
 var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(64652));
 
-var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(52106));
+var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(36935));
 
 var directives_1 = __webpack_require__(19748);
 
@@ -18124,6 +18128,40 @@ var FilterDropdown = /*#__PURE__*/function (_vue_property_decorat) {
       document.removeEventListener('click', this.clickListener);
       document.removeEventListener('keydown', this.keydownListener);
     }
+  }, {
+    key: "checkboxOptionsChanged",
+    value: function checkboxOptionsChanged(newVal, oldVal) {
+      var newEnabledFilters = newVal.filter(function (o) {
+        return o.enabled;
+      });
+      var oldEnabledFilters = oldVal.filter(function (o) {
+        return o.enabled;
+      });
+
+      if (newEnabledFilters.length !== oldEnabledFilters.length) {
+        this.$emit('input', newVal);
+      }
+    }
+  }, {
+    key: "checkboxOptionChanged",
+    value: function checkboxOptionChanged(newVal) {
+      this.checkboxOptions = _toConsumableArray(newVal);
+    }
+  }, {
+    key: "radioOptionsChanged",
+    value: function radioOptionsChanged(newVal, oldVal) {
+      var newEnabledFilters = newVal;
+      var oldEnabledFilters = oldVal;
+
+      if (newEnabledFilters.length !== oldEnabledFilters.length) {
+        this.$emit('input', newVal);
+      }
+    }
+  }, {
+    key: "radioOptionChanged",
+    value: function radioOptionChanged(newVal) {
+      this.radioOptions = _toConsumableArray(newVal);
+    }
   }]);
 
   return FilterDropdown;
@@ -18151,6 +18189,14 @@ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
   "default": false
 })], FilterDropdown.prototype, "responsiveButton", void 0);
 
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('checkboxOptions')], FilterDropdown.prototype, "checkboxOptionsChanged", null);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('checkboxEntries')], FilterDropdown.prototype, "checkboxOptionChanged", null);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('radioOptions')], FilterDropdown.prototype, "radioOptionsChanged", null);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('radioEntries')], FilterDropdown.prototype, "radioOptionChanged", null);
+
 FilterDropdown = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
   components: {
     FilterOptions: FilterOptions_vue_1["default"],
@@ -25629,9 +25675,9 @@ var Slider_vue_1 = tslib_1.__importDefault(__webpack_require__(47507));
 
 var Button_vue_1 = tslib_1.__importDefault(__webpack_require__(58861));
 
-var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(52106));
+var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(36935));
 
-var FilterDropdown_vue_1 = tslib_1.__importDefault(__webpack_require__(43400));
+var FilterDropdown_vue_1 = tslib_1.__importDefault(__webpack_require__(62803));
 
 var Link_vue_1 = tslib_1.__importDefault(__webpack_require__(66985));
 
@@ -25653,7 +25699,7 @@ var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(64652));
 
 var BundleIcon_vue_1 = tslib_1.__importDefault(__webpack_require__(33457));
 
-var Table_vue_1 = tslib_1.__importDefault(__webpack_require__(84125));
+var Table_vue_1 = tslib_1.__importDefault(__webpack_require__(23243));
 
 var TableActions_vue_1 = tslib_1.__importDefault(__webpack_require__(84038));