@pocketprep/ui-kit 2.0.27 → 2.0.28

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

@@ -995,6 +995,117 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
+/***/ 41776:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "__esModule": () => (/* reexport */ FilterDropdownvue_type_script_lang_ts_/* __esModule */.X),
+  "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&
+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:{ 
+                'filter-button__link--open': _vm.showFilterDropdown,
+                'filter-button__link--responsive': _vm.responsiveButton,
+            },attrs:{"has-icon":true,"aria-expanded":_vm.showFilterDropdown ? 'true' : 'false',"role":"button","type":"tertiary","tabindex":"0"},on:{"keypress":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.showFilterDropdown.apply(null, arguments)},"click":function($event){_vm.showFilterDropdown = !_vm.showFilterDropdown}}},[_c('Icon',{staticClass:"filter-button__icon",attrs:{"type":"filter"}}),_c('span',{staticClass:"filter-button__text"},[_vm._v(" "+_vm._s(_vm.filterLabel)+" ")])],1)],1),(_vm.showFilterDropdown)?_c('div',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],staticClass:"filter-dropdown",class:( _obj = {}, _obj[("filter-dropdown--" + _vm.align)] = true, _obj[("filter-dropdown--" + _vm.size)] = true, _obj )},[_c('FilterOptions',{attrs:{"radio-entries":_vm.radioOptions,"checkbox-entries":_vm.checkboxOptions}})],1):_vm._e()])}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-84[0].rules[0].use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Filters/FilterDropdown.vue?vue&type=script&lang=ts&
+var FilterDropdownvue_type_script_lang_ts_ = __webpack_require__(90120);
+;// CONCATENATED MODULE: ./src/components/Filters/FilterDropdown.vue?vue&type=script&lang=ts&
+ /* harmony default export */ const Filters_FilterDropdownvue_type_script_lang_ts_ = (FilterDropdownvue_type_script_lang_ts_/* default */.Z); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Filters/FilterDropdown.vue?vue&type=style&index=0&lang=scss&
+var FilterDropdownvue_type_style_index_0_lang_scss_ = __webpack_require__(80011);
+;// CONCATENATED MODULE: ./src/components/Filters/FilterDropdown.vue?vue&type=style&index=0&lang=scss&
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./src/components/Filters/FilterDropdown.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.Z)(
+  Filters_FilterDropdownvue_type_script_lang_ts_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const FilterDropdown = (component.exports);
+
+/***/ }),
+
+/***/ 93664:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "__esModule": () => (/* reexport */ FilterOptionsvue_type_script_lang_ts_/* __esModule */.X),
+  "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&
+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 staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-84[0].rules[0].use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Filters/FilterOptions.vue?vue&type=script&lang=ts&
+var FilterOptionsvue_type_script_lang_ts_ = __webpack_require__(7655);
+;// CONCATENATED MODULE: ./src/components/Filters/FilterOptions.vue?vue&type=script&lang=ts&
+ /* harmony default export */ const Filters_FilterOptionsvue_type_script_lang_ts_ = (FilterOptionsvue_type_script_lang_ts_/* default */.Z); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65[0].rules[0].use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/Filters/FilterOptions.vue?vue&type=style&index=0&lang=scss&
+var FilterOptionsvue_type_style_index_0_lang_scss_ = __webpack_require__(99697);
+;// CONCATENATED MODULE: ./src/components/Filters/FilterOptions.vue?vue&type=style&index=0&lang=scss&
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./src/components/Filters/FilterOptions.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.Z)(
+  Filters_FilterOptionsvue_type_script_lang_ts_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const FilterOptions = (component.exports);
+
+/***/ }),
+
 /***/ 83906:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -13938,6 +14049,54 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-exam-menu-card{display:flex;ali
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 50134:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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 .filter-button{padding-bottom:12px}.filter .filter-button__link--open{color:#1f3545!important}.filter .filter-button__link--open--dark{color:#ffbd47!important}@media(max-width:767px){.filter .filter-button__link--responsive div{display:none}}.filter .filter-button__icon{vertical-align:middle;padding-bottom:1px}.filter .filter-button__text{vertical-align:middle}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 40317:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 96949:
@@ -17893,6 +18052,262 @@ exports.Z = ExamMenuCard;
 
 /***/ }),
 
+/***/ 90120:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var _toConsumableArray = (__webpack_require__(61876)["default"]);
+
+var _classCallCheck = (__webpack_require__(55729)["default"]);
+
+var _createClass = (__webpack_require__(33918)["default"]);
+
+var _inherits = (__webpack_require__(30338)["default"]);
+
+var _createSuper = (__webpack_require__(13400)["default"]);
+
+__webpack_require__(69070);
+
+Object.defineProperty(exports, "X", ({
+  value: true
+}));
+
+var tslib_1 = __webpack_require__(70655);
+
+var vue_property_decorator_1 = __webpack_require__(70622);
+
+var Link_vue_1 = tslib_1.__importDefault(__webpack_require__(52491));
+
+var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(38228));
+
+var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(93664));
+
+var directives_1 = __webpack_require__(92801);
+
+var FilterDropdown = /*#__PURE__*/function (_vue_property_decorat) {
+  _inherits(FilterDropdown, _vue_property_decorat);
+
+  var _super = _createSuper(FilterDropdown);
+
+  function FilterDropdown() {
+    var _this;
+
+    _classCallCheck(this, FilterDropdown);
+
+    _this = _super.apply(this, arguments);
+    _this.radioOptions = _toConsumableArray(_this.radioEntries);
+    _this.checkboxOptions = _toConsumableArray(_this.checkboxEntries);
+    _this.showFilterDropdown = false;
+    return _this;
+  }
+
+  _createClass(FilterDropdown, [{
+    key: "mounted",
+    value: function mounted() {
+      document.addEventListener('click', this.clickListener);
+      document.addEventListener('keydown', this.keydownListener);
+    }
+  }, {
+    key: "keydownListener",
+    value: function keydownListener(e) {
+      if (e.code === 'Escape') {
+        e.stopPropagation();
+        this.showFilterDropdown = false;
+      }
+    }
+  }, {
+    key: "clickListener",
+    value: function clickListener(e) {
+      if (this.showFilterDropdown) {
+        var targetEl = e.target;
+
+        if (!(targetEl === null || targetEl === void 0 ? void 0 : targetEl.closest('.filter')) && this.showFilterDropdown !== 'checkbox' && document.body.contains(targetEl)) {
+          this.showFilterDropdown = false;
+        }
+      }
+    }
+  }, {
+    key: "beforeDestroy",
+    value: function beforeDestroy() {
+      document.removeEventListener('click', this.clickListener);
+      document.removeEventListener('keydown', this.keydownListener);
+    }
+  }]);
+
+  return FilterDropdown;
+}(vue_property_decorator_1.Vue);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], FilterDropdown.prototype, "radioEntries", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], FilterDropdown.prototype, "checkboxEntries", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], FilterDropdown.prototype, "filterLabel", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": 'right'
+})], FilterDropdown.prototype, "align", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": 'small'
+})], FilterDropdown.prototype, "size", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": false
+})], FilterDropdown.prototype, "isDarkMode", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": false
+})], FilterDropdown.prototype, "responsiveButton", void 0);
+
+FilterDropdown = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
+  components: {
+    FilterOptions: FilterOptions_vue_1["default"],
+    Icon: Icon_vue_1["default"],
+    Link: Link_vue_1["default"]
+  },
+  directives: {
+    dark: directives_1.dark
+  }
+})], FilterDropdown);
+exports.Z = FilterDropdown;
+
+/***/ }),
+
+/***/ 7655:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var _toConsumableArray = (__webpack_require__(61876)["default"]);
+
+var _classCallCheck = (__webpack_require__(55729)["default"]);
+
+var _createClass = (__webpack_require__(33918)["default"]);
+
+var _inherits = (__webpack_require__(30338)["default"]);
+
+var _createSuper = (__webpack_require__(13400)["default"]);
+
+__webpack_require__(69070);
+
+__webpack_require__(69826);
+
+__webpack_require__(41539);
+
+__webpack_require__(26699);
+
+__webpack_require__(32023);
+
+Object.defineProperty(exports, "X", ({
+  value: true
+}));
+
+var tslib_1 = __webpack_require__(70655);
+
+var vue_property_decorator_1 = __webpack_require__(70622);
+
+var CheckboxOption_vue_1 = tslib_1.__importDefault(__webpack_require__(66709));
+
+var Link_vue_1 = tslib_1.__importDefault(__webpack_require__(52491));
+
+var Radio_vue_1 = tslib_1.__importDefault(__webpack_require__(15692));
+
+var directives_1 = __webpack_require__(92801);
+
+var FilterOptions = /*#__PURE__*/function (_vue_property_decorat) {
+  _inherits(FilterOptions, _vue_property_decorat);
+
+  var _super = _createSuper(FilterOptions);
+
+  function FilterOptions() {
+    var _this;
+
+    _classCallCheck(this, FilterOptions);
+
+    _this = _super.apply(this, arguments);
+    _this.radioOptions = _toConsumableArray(_this.radioEntries);
+    _this.checkboxOptions = _toConsumableArray(_this.checkboxEntries);
+    _this.showFilterDropdown = false;
+    _this.showRadioOptions = true;
+    _this.showCheckboxOptions = false;
+    _this.radioEntry = _this.radioOptions.find(function (o) {
+      return o.value === _this.defaultRadioEntry;
+    }) || null;
+    return _this;
+  }
+
+  _createClass(FilterOptions, [{
+    key: "stringHasSpaces",
+    value: function stringHasSpaces(val) {
+      return val.includes(' ');
+    }
+  }, {
+    key: "keydownListener",
+    value: function keydownListener(e) {
+      if (e.code === 'Escape') {
+        e.stopPropagation();
+        this.showFilterDropdown = false;
+      }
+    }
+  }, {
+    key: "clickListener",
+    value: function clickListener(e) {
+      if (this.showFilterDropdown) {
+        var targetEl = e.target;
+
+        if (!(targetEl === null || targetEl === void 0 ? void 0 : targetEl.closest('.filter')) && this.showFilterDropdown !== 'checkbox' && document.body.contains(targetEl)) {
+          this.showFilterDropdown = false;
+        }
+      }
+    }
+  }, {
+    key: "mounted",
+    value: function mounted() {
+      document.addEventListener('click', this.clickListener);
+      document.addEventListener('keydown', this.keydownListener);
+    }
+  }]);
+
+  return FilterOptions;
+}(vue_property_decorator_1.Vue);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": ''
+})], FilterOptions.prototype, "defaultRadioEntry", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], FilterOptions.prototype, "radioEntries", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], FilterOptions.prototype, "checkboxEntries", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": 'right'
+})], FilterOptions.prototype, "align", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": 'small'
+})], FilterOptions.prototype, "size", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)({
+  "default": false
+})], FilterOptions.prototype, "isDarkMode", void 0);
+
+FilterOptions = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
+  components: {
+    CheckboxOption: CheckboxOption_vue_1["default"],
+    Link: Link_vue_1["default"],
+    Radio: Radio_vue_1["default"]
+  },
+  directives: {
+    dark: directives_1.dark
+  }
+})], FilterOptions);
+exports.Z = FilterOptions;
+
+/***/ }),
+
 /***/ 61898:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -25224,6 +25639,10 @@ var Slider_vue_1 = tslib_1.__importDefault(__webpack_require__(40659));
 
 var Button_vue_1 = tslib_1.__importDefault(__webpack_require__(61350));
 
+var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(93664));
+
+var FilterDropdown_vue_1 = tslib_1.__importDefault(__webpack_require__(41776));
+
 var Link_vue_1 = tslib_1.__importDefault(__webpack_require__(52491));
 
 var Tab_vue_1 = tslib_1.__importDefault(__webpack_require__(15296));
@@ -25312,6 +25731,8 @@ var components = {
   Bar: Bar_vue_1["default"],
   Pie: Pie_vue_1["default"],
   Button: Button_vue_1["default"],
+  FilterOptions: FilterOptions_vue_1["default"],
+  FilterDropdown: FilterDropdown_vue_1["default"],
   Link: Link_vue_1["default"],
   SegmentControl: SegmentControl_vue_1["default"],
   ToggleSwitch: ToggleSwitch_vue_1["default"],
@@ -27720,6 +28141,38 @@ var update = add("71b52e9c", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 80011:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(50134);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(54402)/* ["default"] */ .Z)
+var update = add("a3283c7e", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 99697:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(40317);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(54402)/* ["default"] */ .Z)
+var update = add("775563c6", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 57742:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {