@pocketprep/ui-kit 2.0.33 → 2.0.34

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

@@ -1042,7 +1042,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 70921:
+/***/ 64126:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1055,7 +1055,7 @@ __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=019d1178&
+;// 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=6b512266&
 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"},_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)}
@@ -18076,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__(70921));
+var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(64126));
 
 var directives_1 = __webpack_require__(19748);
 
@@ -18237,6 +18237,8 @@ __webpack_require__(26699);
 
 __webpack_require__(32023);
 
+__webpack_require__(57327);
+
 Object.defineProperty(exports, "X", ({
   value: true
 }));
@@ -18305,6 +18307,40 @@ var FilterOptions = /*#__PURE__*/function (_vue_property_decorat) {
       document.addEventListener('click', this.clickListener);
       document.addEventListener('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 FilterOptions;
@@ -18330,6 +18366,14 @@ tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
   "default": false
 })], FilterOptions.prototype, "isDarkMode", void 0);
 
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('checkboxOptions')], FilterOptions.prototype, "checkboxOptionsChanged", null);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('checkboxEntries')], FilterOptions.prototype, "checkboxOptionChanged", null);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('radioOptions')], FilterOptions.prototype, "radioOptionsChanged", null);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Watch)('radioEntries')], FilterOptions.prototype, "radioOptionChanged", null);
+
 FilterOptions = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
   components: {
     CheckboxOption: CheckboxOption_vue_1["default"],
@@ -25675,7 +25719,7 @@ 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__(70921));
+var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(64126));
 
 var FilterDropdown_vue_1 = tslib_1.__importDefault(__webpack_require__(62803));