@pocketprep/ui-kit 2.0.29 → 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 = []
 
 
@@ -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));