@pocketprep/ui-kit 2.0.29 → 2.0.31

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:
+/***/ 70921:
 /***/ ((__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=019d1178&
 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 = []
 
 
@@ -14082,7 +14082,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, ".filter-options{background:#fff;border-radius:8px;box-shadow:0 6px 22px 0 rgba(31,53,69,.1);padding-bottom:20px;box-sizing:border-box;width:100%;max-width:250px;font-weight:500;max-height:305px;overflow:auto}.filter-options__label{display:flex;color:#587183;font-size:12px;letter-spacing:.24px;line-height:16px;text-align:left;padding:13px 20px}.filter-options__label--active svg{transform:rotate(180deg)}.filter-options__label:focus:before{content:\"\";left:-6px;top:-2px;width:calc(100% + 12px);height:100%;border:1px solid #0064ff;position:absolute;border-radius:6px}.filter-options__label--dark{color:#88a3b6}.filter-options__label--dark:focus:before{border-color:#ffce74}.filter-options__label span{margin-right:6px}.filter-options__label svg{color:#0064ff;width:11px;height:10px}.filter-options__radio{padding-left:20px}.filter-options__option{padding-left:20px;line-height:18px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".filter-options{background:#fff;border-radius:8px;box-shadow:0 6px 22px 0 rgba(31,53,69,.1);padding-bottom:20px;box-sizing:border-box;width:100%;max-width:250px;font-weight:500;max-height:305px;overflow:auto}.filter-options__label{display:flex;color:#587183;font-size:12px;letter-spacing:.24px;line-height:16px;text-align:left;padding:13px 20px}.filter-options__label--active svg{transform:rotate(180deg)}.filter-options__label:focus:before{content:\"\";left:-6px;top:-2px;width:calc(100% + 12px);height:100%;border:1px solid #0064ff;position:absolute;border-radius:6px}.filter-options__label--dark{color:#88a3b6}.filter-options__label--dark:focus:before{border-color:#ffce74}.filter-options__label span{margin-right:6px}.filter-options__label svg{color:#0064ff;width:11px;height:10px}.filter-options__radio{padding-left:20px}.filter-options__option{padding-left:20px;margin:0 6px;line-height:18px}", ""]);
 // 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__(70921));
 
 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__(70921));
 
-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));