@pocketprep/ui-kit 2.0.26 → 2.0.28

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

@@ -985,6 +985,117 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
+/***/ 43400:
+/***/ ((__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-41[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__(47400);
+;// 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-22[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[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__(54230);
+;// 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);
+
+/***/ }),
+
+/***/ 52106:
+/***/ ((__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-41[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__(47195);
+;// 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-22[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[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__(45723);
+;// 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);
+
+/***/ }),
+
 /***/ 97963:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -5101,7 +5212,7 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
-/***/ 32190:
+/***/ 84125:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -5114,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=0f2f6d2e&
+;// 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&
 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,
@@ -5140,9 +5251,11 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
                                                                         && _vm.currentSort.direction !== 0,
                                                                     'uikit-table__sort-icon--up': _vm.currentSort
                                                                         && _vm.currentSort.direction === -1,
-                                                                },style:(_vm.tableSortIconStyles),attrs:{"type":"accordionArrow"}}):_vm._e()]},{"column":column})]:_vm._e()],2)]},{"column":column})],2)]},{"column":column})]})],2)])]}),_vm._t("tableRows",function(){return [_c('tbody',{key:_vm.rows.map(function (row) { return row.id; }).join('-'),staticClass:"uikit-table__rows",style:(_vm.tableRowsStyles),attrs:{"role":"rowgroup"}},[_vm._l((_vm.rows),function(row){return [_vm._t("tableRow",function(){return [_c('tr',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],key:("row--" + (row.id)),staticClass:"uikit-table__row",style:(Object.assign({}, _vm.gridStyles,
+                                                                },style:(_vm.tableSortIconStyles),attrs:{"type":"accordionArrow"}}):_vm._e()]},{"column":column})]:_vm._e()],2)]},{"column":column})],2)]},{"column":column})]})],2)])]}),_vm._t("tableRows",function(){return [_c('tbody',{key:_vm.rows.map(function (row) { return row.id; }).join('-'),staticClass:"uikit-table__rows",style:(_vm.tableRowsStyles),attrs:{"role":"rowgroup"}},[_vm._l((_vm.rows),function(row){return [_vm._t("tableRow",function(){return [_c('tr',{directives:[{name:"dark",rawName:"v-dark",value:(_vm.isDarkMode),expression:"isDarkMode"}],key:("row--" + (row.id)),staticClass:"uikit-table__row",class:{
+                                            'uikit-table__row--hover-focus': row.tabIndex === 0 
+                                        },style:(Object.assign({}, _vm.gridStyles,
                                             _vm.tableRowStyles,
-                                            row.styles)),attrs:{"role":"row"},on:{"click":function($event){return _vm.emitRowClicked(row)},"mouseenter":function($event){return _vm.emitRowEnter(row)},"mouseleave":function($event){return _vm.emitRowLeave(row)}}},[_vm._l((_vm.columns),function(column){return [_vm._t("tableCell",function(){return [_c('td',{key:("row-" + (row.id) + "--column-" + (column.propName)),staticClass:"uikit-table__cell",style:(Object.assign({}, _vm.tableCellStyles,
+                                            row.styles)),attrs:{"role":"row","tabIndex":row.tabIndex === 0 ? 0 : -1},on:{"click":function($event){return _vm.emitRowClicked(row)},"mouseenter":function($event){return _vm.emitRowEnter(row)},"mouseleave":function($event){return _vm.emitRowLeave(row)}}},[_vm._l((_vm.columns),function(column){return [_vm._t("tableCell",function(){return [_c('td',{key:("row-" + (row.id) + "--column-" + (column.propName)),staticClass:"uikit-table__cell",style:(Object.assign({}, _vm.tableCellStyles,
                                                         column.styles)),attrs:{"role":"cell"},on:{"click":function($event){return _vm.emitCellClicked(row, column)}}},[_vm._t("tableCellValue",function(){return [_c('OverflowTooltip',[_vm._v(" "+_vm._s(row[column.propName])+" ")])]},{"row":row,"column":column})],2)]},{"row":row,"column":column,"tableCellStyles":_vm.tableCellStyles})]})],2)]},{"row":row})]})],2)]})],2)]})],2)]})],2)}
 var staticRenderFns = []
 
@@ -13926,6 +14039,54 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-exam-menu-card{display:flex;ali
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 72476:
+/***/ ((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___);
+
+
+/***/ }),
+
+/***/ 2822:
+/***/ ((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___);
+
+
 /***/ }),
 
 /***/ 77561:
@@ -14521,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__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{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}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -17881,6 +18042,262 @@ exports.Z = ExamMenuCard;
 
 /***/ }),
 
+/***/ 47400:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var _toConsumableArray = (__webpack_require__(99848)["default"]);
+
+var _classCallCheck = (__webpack_require__(20172)["default"]);
+
+var _createClass = (__webpack_require__(20378)["default"]);
+
+var _inherits = (__webpack_require__(95967)["default"]);
+
+var _createSuper = (__webpack_require__(13706)["default"]);
+
+__webpack_require__(69070);
+
+Object.defineProperty(exports, "X", ({
+  value: true
+}));
+
+var tslib_1 = __webpack_require__(70655);
+
+var vue_property_decorator_1 = __webpack_require__(26489);
+
+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 directives_1 = __webpack_require__(19748);
+
+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;
+
+/***/ }),
+
+/***/ 47195:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var _toConsumableArray = (__webpack_require__(99848)["default"]);
+
+var _classCallCheck = (__webpack_require__(20172)["default"]);
+
+var _createClass = (__webpack_require__(20378)["default"]);
+
+var _inherits = (__webpack_require__(95967)["default"]);
+
+var _createSuper = (__webpack_require__(13706)["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__(26489);
+
+var CheckboxOption_vue_1 = tslib_1.__importDefault(__webpack_require__(55872));
+
+var Link_vue_1 = tslib_1.__importDefault(__webpack_require__(66985));
+
+var Radio_vue_1 = tslib_1.__importDefault(__webpack_require__(78609));
+
+var directives_1 = __webpack_require__(19748);
+
+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;
+
+/***/ }),
+
 /***/ 82642:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -25212,6 +25629,10 @@ 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 FilterDropdown_vue_1 = tslib_1.__importDefault(__webpack_require__(43400));
+
 var Link_vue_1 = tslib_1.__importDefault(__webpack_require__(66985));
 
 var Tab_vue_1 = tslib_1.__importDefault(__webpack_require__(70874));
@@ -25232,7 +25653,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__(32190));
+var Table_vue_1 = tslib_1.__importDefault(__webpack_require__(84125));
 
 var TableActions_vue_1 = tslib_1.__importDefault(__webpack_require__(84038));
 
@@ -25300,6 +25721,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"],
@@ -27708,6 +28131,38 @@ var update = add("c36c239c", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 54230:
+/***/ ((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__(72476);
+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("ab13717e", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 45723:
+/***/ ((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__(2822);
+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("7a89d8c6", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 69674:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {