@everchron/ec-shards 4.4.3 → 5.0.0

package/dist/ec-shards.umd.js

@@ -5702,6 +5702,17 @@ module.exports = {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "5b96":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_style_index_0_id_66860949_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c982");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_style_index_0_id_66860949_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_style_index_0_id_66860949_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5bd8":
@@ -8266,17 +8277,6 @@ module.exports = function (key) {
 };
 
 
-/***/ }),
-
-/***/ "9105":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_style_index_0_id_731cbd53_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ebd8");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_style_index_0_id_731cbd53_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_style_index_0_id_731cbd53_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9112":
@@ -11345,6 +11345,13 @@ try {
 module.exports = g;
 
 
+/***/ }),
+
+/***/ "c982":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "ca1b":
@@ -13374,13 +13381,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "ebd8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "ec9e":
@@ -23215,31 +23215,38 @@ var overlay_component = normalizeComponent(
 )
 
 /* harmony default export */ var overlay = (overlay_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/pagination/pagination.vue?vue&type=template&id=731cbd53&scoped=true&
-var paginationvue_type_template_id_731cbd53_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-pagination",class:[ _vm.floating ? 'ecs-pagination-floating' : '' ]},[_c('div',{staticClass:"ecs-pagination-nav"},[_c('ecs-button-toolbar-group',[_c('ecs-button-toolbar',{attrs:{"disabled":_vm.loading || _vm.currentPage === 1,"icon":"back","data-test":"pagination-previous-button"},on:{"click":function($event){_vm.$emit('prevPage', $event)}}},[_vm._v("\n        Previous Page\n      ")]),_vm._v(" "),_c('ecs-button-toolbar',{attrs:{"disabled":_vm.loading || _vm.currentPage === _vm.totalPages,"icon":"next","icon-position":"right","data-test":"pagination-next-button"},on:{"click":function($event){_vm.$emit('nextPage', $event)}}},[_vm._v("\n        Next Page\n      ")])],1),_vm._v(" "),_c('div',{staticClass:"ecs-pagination-dropdown"},[_c('span',[_vm._v("Page")]),_vm._v(" "),_c('div',{staticClass:"ecs-pagination-dropdown-button",class:[_vm.dropdownShown ? 'active' : '', _vm.totalPages ? '' : 'disabled'],on:{"click":_vm.toggleDropdown}},[(_vm.currentPage)?[_vm._v(_vm._s(_vm.currentPage))]:[_vm._v("-")],_vm._v(" "),_c('transition',{attrs:{"name":"dropdown"}},[(_vm.dropdownShown && _vm.totalPages)?_c('div',{staticClass:"ecs-pagination-select scrollbar scrollbar-sml"},[_c('ecs-popover-list',_vm._l((_vm.totalPages),function(n){return _c('ecs-popover-list-item',{key:n,attrs:{"selected":n === _vm.currentPage},on:{"click":function($event){_vm.$emit('update:page', n), _vm.hideDropdown}}},[_vm._v("\n                "+_vm._s(n)+"\n              ")])}))],1):_vm._e()])],2),_vm._v(" "),(_vm.totalPages)?_c('span',{staticClass:"total"},[_vm._v("of "+_vm._s(_vm.totalPages))]):_vm._e()])],1),_vm._v(" "),_c('div',[_vm._t("tabs")],2)])}
-var paginationvue_type_template_id_731cbd53_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/pagination/pagination.vue?vue&type=template&id=731cbd53&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list/popover-list.vue?vue&type=template&id=132050d4&scoped=true&
-var popover_listvue_type_template_id_132050d4_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:"ecs-popover-list",class:_vm.inner ? 'ecs-popover-list-inner' : ''},[_vm._t("default")],2)}
-var popover_listvue_type_template_id_132050d4_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/pagination/pagination.vue?vue&type=template&id=66860949&scoped=true&
+var paginationvue_type_template_id_66860949_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-pagination",class:[ _vm.floating ? 'ecs-pagination-floating' : '' ]},[_c('ecs-flex-row',{staticClass:"ecs-pagination-nav",style:({minWidth: _vm.tabsSpacing - 4 + 'px'}),attrs:{"gap":8}},[(_vm.type == 'paginated')?[_c('ecs-flex-row',[_c('ecs-button',{attrs:{"disabled":_vm.loading || _vm.currentPage === 1,"icon":"chevron-double-left","icon-only":"","type":"secondary","title":"First Page","data-test":"pagination-first-button"},on:{"click":function($event){_vm.$emit('firstPage', $event)}}}),_vm._v(" "),_c('ecs-button',{attrs:{"disabled":_vm.loading || _vm.currentPage === 1,"icon":"chevron-left","icon-only":"","type":"secondary","title":"Previous Page","data-test":"pagination-previous-button"},on:{"click":function($event){_vm.$emit('prevPage', $event)}}})],1),_vm._v(" "),_c('ecs-flex-row',{attrs:{"gap":4}},[_c('span',[_vm._v("Page")]),_vm._v(" "),_c('ecs-select',{attrs:{"disabled":!_vm.totalPages,"size":"sml"},on:{"change":function($event){_vm.$emit('updatePage', $event.target.value)}}},_vm._l((_vm.totalPages),function(n){return _c('option',{key:n,domProps:{"value":n,"selected":n === _vm.currentPage}},[_vm._v(_vm._s(n))])})),_vm._v(" "),(_vm.totalPages)?_c('span',{staticClass:"total"},[_vm._v("of "+_vm._s(_vm.totalPages))]):_vm._e()],1),_vm._v(" "),_c('ecs-flex-row',[_c('ecs-button',{attrs:{"disabled":_vm.loading || _vm.currentPage === _vm.totalPages,"icon":"chevron-right","icon-only":"","type":"secondary","title":"Next Page","data-test":"pagination-next-button"},on:{"click":function($event){_vm.$emit('nextPage', $event)}}}),_vm._v(" "),_c('ecs-button',{attrs:{"disabled":_vm.loading || _vm.currentPage === _vm.totalPages,"icon":"chevron-double-right","icon-only":"","type":"secondary","title":"Last Page","data-test":"pagination-last-button"},on:{"click":function($event){_vm.$emit('lastPage', $event)}}})],1)]:(_vm.hasRange)?[_c('span',{staticClass:"ecs-pagination-range"},[_vm._v("Showing entries "),_c('span',[_vm._v(_vm._s(_vm.itemRangeFrom)+" to "+_vm._s(_vm.itemRangeTo))]),_vm._v(" of "),_c('span',[_vm._v(_vm._s(_vm.itemRangeTotal))])])]:_vm._e(),_vm._v(" "),_c('transition',{attrs:{"name":"fade"}},[(_vm.loading)?_c('ecs-flex-row',{class:_vm.$slots.tabs && _vm.type =='paginated' ? 'push-right' : '',attrs:{"gap":4}},[(!_vm.$slots.tabs && _vm.type =='paginated')?_c('div',{staticClass:"separator"}):_vm._e(),_vm._v(" "),_c('ecs-icon',{attrs:{"type":"loading","spinning":"","size":"24","color":"#858E9E"}})],1):_vm._e()],1)],2),_vm._v(" "),_c('div',{staticClass:"ecs-pagination-tabs"},[_vm._t("tabs")],2),_vm._v(" "),(_vm.showItemsPerPage && _vm.type == 'paginated')?_c('ecs-flex-row',{staticClass:"ecs-pagination-items",attrs:{"gap":4}},[_c('span',[_vm._v("Items per page")]),_vm._v(" "),_c('ecs-select',{attrs:{"disabled":_vm.loading,"size":"sml"},on:{"change":function($event){_vm.$emit('itemsPerPage', $event.target.value)}}},_vm._l((_vm.itemsPerPage),function(n){return _c('option',{key:n,domProps:{"value":n,"selected":n === _vm.itemsPerPageSelected}},[_vm._v(_vm._s(n))])}))],1):_vm._e(),_vm._v(" "),(_vm.$slots.controls)?_c('ecs-flex-row',{staticClass:"ecs-pagination-controls",attrs:{"gap":4}},[_vm._t("controls")],2):_vm._e()],1)}
+var paginationvue_type_template_id_66860949_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/popover-list/popover-list.vue?vue&type=template&id=132050d4&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/radiobutton/radiobutton.vue?vue&type=template&id=574e95b6&scoped=true&
-var radiobuttonvue_type_template_id_574e95b6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ecs-form-check',{class:[
-  _vm.inline ? "ecs-form-check-inline" : '',
-  _vm.disabled ? "disabled" : '',
-  _vm.$slots.default ? '' : 'stand-alone']},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.computedLocalChecked),expression:"computedLocalChecked"}],ref:"check",staticClass:"ecs-form-check-input",attrs:{"type":"radio","autocomplete":"off","id":_vm.id,"name":_vm.name,"required":_vm.required,"disabled":_vm.disabled},domProps:{"value":_vm.value,"checked":_vm._q(_vm.computedLocalChecked,_vm.value)},on:{"change":[function($event){_vm.computedLocalChecked=_vm.value},_vm.handleChange]}}),_vm._v(" "),_c('label',{staticClass:"ecs-form-check-label",attrs:{"for":_vm.id}},[_vm._t("default"),_vm._v(" "),(_vm.$slots.default && _vm.help)?_c('ecs-text',{attrs:{"type":"form"}},[_vm._v(_vm._s(_vm.help))]):_vm._e()],2)])}
-var radiobuttonvue_type_template_id_574e95b6_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./src/components/pagination/pagination.vue?vue&type=template&id=66860949&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/pagination/pagination.vue?vue&type=script&lang=js&
 
-// CONCATENATED MODULE: ./src/components/radiobutton/radiobutton.vue?vue&type=template&id=574e95b6&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/radiobutton/radiobutton.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -23270,101 +23277,100 @@ var radiobuttonvue_type_template_id_574e95b6_scoped_true_staticRenderFns = []
 //
 
 
-/* harmony default export */ var radiobuttonvue_type_script_lang_js_ = ({
+
+
+/* harmony default export */ var paginationvue_type_script_lang_js_ = ({
   components: {
-    EcsFormCheck: form_check,
-    EcsText: text_text
-  },
-  model: {
-    prop: 'checked',
-    event: 'input'
+    EcsButton: button_button,
+    EcsSelect: select_select,
+    EcsFlexRow: flex_row,
+    EcsIcon: icon
   },
   props: {
-    /** Name attribute of the radiobutton. */
-    name: {
-      type: String
+    /** Adds some padding around the pagination bar and makes it appear as if it's "floating" at the bottom of the index. Should never be used for table contents. */
+    floating: {
+      type: Boolean,
+      default: false
     },
 
-    /** Value of the radiobutton. */
-    value: {
-      default: true
+    /** Determines which elements are visible in the pagination component. */
+    type: {
+      type: String,
+      validator: function validator(v) {
+        return ['paginated', 'infinite'].includes(v);
+      },
+      default: 'paginated'
     },
 
-    /** Determines of the radiobutton is required. */
-    required: {
+    /** Briefly disables all controls while ongoing navigation. */
+    loading: {
       type: Boolean,
       default: false
     },
 
-    /** Sets the radiobutton to checked. */
-    checked: {
-      type: [Boolean, String, Array]
+    /** The current page. */
+    currentPage: {
+      type: Number
     },
 
-    /** Turns the radiobutton into disabled state. */
-    disabled: {
-      type: Boolean,
-      default: false
+    /** The total pages of the index. */
+    totalPages: {
+      type: Number
     },
 
-    /** Renders the radiobutton inline. */
-    inline: {
+    /** The width of the area left to the tab area in pixels. This is used to align the tab bar with a column in the table. Not needed when tabs aren't in use. */
+    tabsSpacing: {
+      type: Number,
+      default: 400
+    },
+
+    /** Determines if the selector for items per page should be shown. */
+    showItemsPerPage: {
       type: Boolean,
-      default: false
+      default: true
     },
 
-    /** Help text that appears underneath (or next to, for inline radiobuttons) the label. */
-    help: {
-      type: String
-    }
-  },
-  data: function data() {
-    return {
-      id: null,
-      localChecked: this.checked
-    };
-  },
-  mounted: function mounted() {
-    this.id = this._uid;
-  },
-  computed: {
-    computedLocalChecked: {
-      get: function get() {
-        return this.localChecked;
-      },
-      set: function set(val) {
-        this.localChecked = val;
-      }
-    }
-  },
-  watch: {
-    computedLocalChecked: function computedLocalChecked(newVal, oldVal) {
-      if (newVal == oldVal) {
-        return;
+    /** The options to be show as selectable in the items per page dropdown. Requires an array with Numbers. Default: `[25, 50, 100]` */
+    itemsPerPage: {
+      type: Array,
+      default: function _default() {
+        return [25, 50, 100];
       }
+    },
 
-      this.$emit('input', newVal);
+    /** The selected option in the items per page dropdown. */
+    itemsPerPageSelected: {
+      type: Number,
+      default: 100
     },
-    checked: function checked(newVal, oldVal) {
-      if (newVal == oldVal) {
-        return;
-      }
 
-      this.computedLocalChecked = newVal;
+    /** Number of the visible item range (starting). */
+    itemRangeFrom: {
+      type: [Number, String]
+    },
+
+    /** Number of the visible item range (ending). */
+    itemRangeTo: {
+      type: [Number, String]
+    },
+
+    /** Number of the total items in the index. */
+    itemRangeTotal: {
+      type: [Number, String]
     }
   },
-  methods: {
-    handleChange: function handleChange(e) {
-      this.$emit('change', e.target.checked ? this.value : null);
+  computed: {
+    hasRange: function hasRange() {
+      if (this.itemRangeFrom && this.itemRangeTo && this.itemRangeTotal && this.itemRangeFrom !== '' && this.itemRangeTo !== '' && this.itemRangeTotal !== '') return true;
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/radiobutton/radiobutton.vue?vue&type=script&lang=js&
- /* harmony default export */ var radiobutton_radiobuttonvue_type_script_lang_js_ = (radiobuttonvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/radiobutton/radiobutton.vue?vue&type=style&index=0&id=574e95b6&lang=scss&scoped=true&
-var radiobuttonvue_type_style_index_0_id_574e95b6_lang_scss_scoped_true_ = __webpack_require__("cde0");
+// CONCATENATED MODULE: ./src/components/pagination/pagination.vue?vue&type=script&lang=js&
+ /* harmony default export */ var pagination_paginationvue_type_script_lang_js_ = (paginationvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/pagination/pagination.vue?vue&type=style&index=0&id=66860949&lang=scss&scoped=true&
+var paginationvue_type_style_index_0_id_66860949_lang_scss_scoped_true_ = __webpack_require__("5b96");
 
-// CONCATENATED MODULE: ./src/components/radiobutton/radiobutton.vue
+// CONCATENATED MODULE: ./src/components/pagination/pagination.vue
 
 
 
@@ -23373,33 +23379,26 @@ var radiobuttonvue_type_style_index_0_id_574e95b6_lang_scss_scoped_true_ = __web
 
 /* normalize component */
 
-var radiobutton_component = normalizeComponent(
-  radiobutton_radiobuttonvue_type_script_lang_js_,
-  radiobuttonvue_type_template_id_574e95b6_scoped_true_render,
-  radiobuttonvue_type_template_id_574e95b6_scoped_true_staticRenderFns,
+var pagination_component = normalizeComponent(
+  pagination_paginationvue_type_script_lang_js_,
+  paginationvue_type_template_id_66860949_scoped_true_render,
+  paginationvue_type_template_id_66860949_scoped_true_staticRenderFns,
   false,
   null,
-  "574e95b6",
+  "66860949",
   null
   
 )
 
-/* harmony default export */ var radiobutton = (radiobutton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/switch/switch.vue?vue&type=template&id=23d2b533&scoped=true&
-var switchvue_type_template_id_23d2b533_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-switch-wrapper"},[_c('label',{staticClass:"ecs-switch",class:[
-      _vm.sizeClass,
-      _vm.hasDefaultSlot ? 'ecs-switch-has-label' : '',
-      _vm.disabled ? 'disabled' : '',
-      _vm.colored ? 'ecs-switch-colored' : '',
-      _vm.indeterminate ? 'ecs-switch-indeterminate' : ''
-    ]},[_c('input',{attrs:{"type":"checkbox","autocomplete":"off","id":_vm.id,"name":_vm.name,"required":_vm.required,"disabled":_vm.disabled},domProps:{"checked":_vm.checked},on:{"change":_vm.handleClick}}),_vm._v(" "),_vm._m(0)]),_vm._v(" "),(_vm.hasDefaultSlot)?_c('label',{attrs:{"for":_vm.id}},[_vm._t("default")],2):_vm._e()])}
-var switchvue_type_template_id_23d2b533_scoped_true_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-slide-switch"},[_c('div',{staticClass:"indeterminate"})])}]
-
+/* harmony default export */ var pagination = (pagination_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/party-entry/party-entry.vue?vue&type=template&id=de92edca&scoped=true&
+var party_entryvue_type_template_id_de92edca_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-party-entry",class:[ _vm.party, _vm.shared ? 'shared' : '', (_vm.color && _vm.background) ? 'ecs-party-entry-colored' : ''],style:({ color: _vm.color })},[(_vm.icon && _vm.iconPosition == 'left')?_c('ecs-icon',{style:('margin-right:'+_vm.iconSpacing),attrs:{"type":_vm.iconType,"color":_vm.iconColor,"size":_vm.iconSize}}):_vm._e(),_vm._v(" "),_c('span',[_vm._t("default")],2),_vm._v(" "),(_vm.icon && _vm.iconPosition == 'right')?_c('ecs-icon',{style:('margin-left:'+_vm.iconSpacing),attrs:{"type":_vm.iconType,"color":_vm.iconColor,"size":_vm.iconSize}}):_vm._e(),_vm._v(" "),(_vm.background)?_c('div',{staticClass:"ecs-party-entry-background"}):_vm._e()],1)}
+var party_entryvue_type_template_id_de92edca_scoped_true_staticRenderFns = []
 
-// CONCATENATED MODULE: ./src/components/switch/switch.vue?vue&type=template&id=23d2b533&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/switch/switch.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./src/components/party-entry/party-entry.vue?vue&type=template&id=de92edca&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/party-entry/party-entry.vue?vue&type=script&lang=js&
 
 //
 //
@@ -23412,146 +23411,117 @@ var switchvue_type_template_id_23d2b533_scoped_true_staticRenderFns = [function
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ var switchvue_type_script_lang_js_ = ({
+
+/* harmony default export */ var party_entryvue_type_script_lang_js_ = ({
+  components: {
+    EcsIcon: icon
+  },
   props: {
-    /** Sets the name attribute. */
-    name: {
+    /** Adds an icon to the party entry. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
+    icon: {
       type: String
     },
 
-    /** Determines the size of the switch. `sml-toggle` sets the toggle control size to small, but maintains a regular font size. */
-    size: {
+    /** If the party entry tag should be using the default party side colors, set this party prop. Do not use in combination with the `color` prop. */
+    party: {
       type: String,
       validator: function validator(v) {
-        return ['sml', 'sml-toggle', 'lg', 'md', 'null', null].includes(v);
+        return ['client', 'opposing', 'joint', 'other', 'court', 'unaffiliated'].includes(v);
       }
     },
 
-    /** Sets the switch to required. */
-    required: {
+    /** Renders a subtle colored background. */
+    background: {
       type: Boolean,
       default: false
     },
 
-    /** Disables the switch. */
-    disabled: {
+    /** Adds a shared badge indicator. */
+    shared: {
       type: Boolean,
       default: false
     },
 
-    /** Reflects a true or false state with positive (green) and negative (red) colors. */
-    colored: {
-      type: Boolean,
-      default: false
+    /** Determines the spacing between icon and text. */
+    iconSpacing: {
+      type: String,
+      default: '5px'
     },
 
-    /** Reflects an indeterminate switch state (e.g. not all options checked, but some). This is a purely visual setting. */
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
-    value: {
-      default: false,
-      required: false,
-      type: [Date, Number, String, Boolean]
+    /** Determines the position of the icon. */
+    iconPosition: {
+      type: String,
+      default: 'left'
     },
-    valueFalse: {
-      default: false,
-      required: false,
-      type: [Date, Number, String, Boolean]
+
+    /** Determines the size of the icon. */
+    iconSize: {
+      type: String,
+      default: '30px'
     },
-    valueTrue: {
-      default: true,
-      required: false,
-      type: [Date, Number, String, Boolean]
+
+    /** Sets a custom color. Should be a HEX, RGB or HSL value. No alpha channels. */
+    color: {
+      type: String
     }
   },
-  data: function data() {
-    return {
-      id: null,
-      checked: !!this.value,
-      oldValue: this.value
-    };
-  },
-  mounted: function mounted() {
-    this.id = this._uid;
-  },
   computed: {
-    hasDefaultSlot: function hasDefaultSlot() {
-      return !!this.$slots.default;
-    },
-    sizeClass: function sizeClass() {
-      if (this.size && this.size !== '') if (this.size == 'sml-toggle') {
-        return "ecs-switch-sml regular-font";
-      } else {
-        return "ecs-switch-".concat(this.size);
-      }
-      return this.size;
-    },
-    isBoolean: function isBoolean() {
-      return typeof this.value === 'boolean';
-    },
-    valueWhenFalse: function valueWhenFalse() {
-      if (this.isBoolean) {
-        return false;
-      }
+    iconType: function iconType() {
+      switch (this.icon) {
+        case 'sequence':
+          return 'colored-sequence';
 
-      return this.valueFalse;
-    },
-    valueWhenTrue: function valueWhenTrue() {
-      if (this.isBoolean) {
-        return true;
-      }
+        case 'folder':
+          return 'colored-folder';
 
-      return this.valueTrue || this.oldValue;
-    }
-  },
-  watch: {
-    value: function value() {
-      this.checked = !!this.value;
-    },
-    valueFalse: function valueFalse() {
-      if (!this.checked) {
-        this.$emit('input', this.valueWhenFalse);
+        case 'document':
+          return 'colored-document';
+
+        case 'pacer':
+          return 'colored-pacer';
+
+        default:
+          return this.icon;
       }
     },
-    valueTrue: function valueTrue() {
-      if (this.checked) {
-        this.$emit('input', this.valueWhenTrue);
+    iconColor: function iconColor() {
+      if (this.color) {
+        return this.color;
+      } else if (this.party) {
+        switch (this.party) {
+          case 'client':
+            return '#227FD3';
+
+          case 'opposing':
+            return '#5DAF00';
+
+          case 'joint':
+            return '#A4927A';
+
+          case 'other':
+            return '#95989C';
+
+          case 'court':
+            return '#D78B21';
+
+          case 'unaffiliated':
+            return '#C1C2C4';
+
+          default:
+            return '#C1C2C4';
+        }
+      } else {
+        return '#000';
       }
     }
-  },
-  methods: {
-    handleClick: function handleClick() {
-      this.checked = !this.checked;
-      this.$emit('input', this.checked ? this.valueWhenTrue : this.valueWhenFalse);
-    }
   }
 });
-// CONCATENATED MODULE: ./src/components/switch/switch.vue?vue&type=script&lang=js&
- /* harmony default export */ var switch_switchvue_type_script_lang_js_ = (switchvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/switch/switch.vue?vue&type=style&index=0&id=23d2b533&lang=scss&scoped=true&
-var switchvue_type_style_index_0_id_23d2b533_lang_scss_scoped_true_ = __webpack_require__("c551");
+// CONCATENATED MODULE: ./src/components/party-entry/party-entry.vue?vue&type=script&lang=js&
+ /* harmony default export */ var party_entry_party_entryvue_type_script_lang_js_ = (party_entryvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/party-entry/party-entry.vue?vue&type=style&index=0&id=de92edca&lang=scss&scoped=true&
+var party_entryvue_type_style_index_0_id_de92edca_lang_scss_scoped_true_ = __webpack_require__("5ddd");
 
-// CONCATENATED MODULE: ./src/components/switch/switch.vue
+// CONCATENATED MODULE: ./src/components/party-entry/party-entry.vue
 
 
 
@@ -23560,35 +23530,26 @@ var switchvue_type_style_index_0_id_23d2b533_lang_scss_scoped_true_ = __webpack_
 
 /* normalize component */
 
-var switch_component = normalizeComponent(
-  switch_switchvue_type_script_lang_js_,
-  switchvue_type_template_id_23d2b533_scoped_true_render,
-  switchvue_type_template_id_23d2b533_scoped_true_staticRenderFns,
+var party_entry_component = normalizeComponent(
+  party_entry_party_entryvue_type_script_lang_js_,
+  party_entryvue_type_template_id_de92edca_scoped_true_render,
+  party_entryvue_type_template_id_de92edca_scoped_true_staticRenderFns,
   false,
   null,
-  "23d2b533",
+  "de92edca",
   null
   
 )
 
-/* harmony default export */ var switch_switch = (switch_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/sortbutton/sortbutton.vue?vue&type=template&id=389fbfca&scoped=true&
-var sortbuttonvue_type_template_id_389fbfca_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ecs-form-check',{staticClass:"ecs-sort",class:[
-  _vm.sortClass,
-  _vm.inline ? "ecs-form-check-inline" : '',
-  _vm.disabled ? "disabled" : '']},[_c('span',{staticClass:"ecs-sort-box"}),_vm._v(" "),_c('label',{staticClass:"ecs-form-check-label",on:{"click":function($event){_vm.$emit('click', $event)}}},[_vm._t("default")],2)])}
-var sortbuttonvue_type_template_id_389fbfca_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/sortbutton/sortbutton.vue?vue&type=template&id=389fbfca&scoped=true&
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
-var es_array_sort = __webpack_require__("4e82");
+/* harmony default export */ var party_entry = (party_entry_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-header/popover-header.vue?vue&type=template&id=37595797&scoped=true&
+var popover_headervue_type_template_id_37595797_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:"ecs-popover-header"},[_c('div',{staticClass:"ecs-popover-header-title"},[(_vm.icon)?_c('ecs-icon',{staticClass:"icon",attrs:{"type":_vm.icon,"size":"36","color":"#B4B9BE"}}):_vm._e(),_vm._v(" "),_c('h2',{staticClass:"ecs-headline-2"},[_vm._v(_vm._s(_vm.title))])],1),_vm._v(" "),(_vm.hasControls)?_c('div',{staticClass:"ecs-popover-header-actions"},[_vm._t("default")],2):_vm._e()])}
+var popover_headervue_type_template_id_37595797_scoped_true_staticRenderFns = []
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/sortbutton/sortbutton.vue?vue&type=script&lang=js&
 
+// CONCATENATED MODULE: ./src/components/popover-header/popover-header.vue?vue&type=template&id=37595797&scoped=true&
 
-//
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-header/popover-header.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -23602,45 +23563,35 @@ var es_array_sort = __webpack_require__("4e82");
 //
 //
 
-/* harmony default export */ var sortbuttonvue_type_script_lang_js_ = ({
+/* harmony default export */ var popover_headervue_type_script_lang_js_ = ({
   components: {
-    EcsFormCheck: form_check
+    EcsIcon: icon
   },
   props: {
-    /** Disables the sort button. */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-
-    /** Determines the current state of the button. */
-    sort: {
+    /** Adds an icon to the popover header. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
+    icon: {
       type: String,
-      validator: function validator(v) {
-        return ['ascending', 'descending', null].includes(v);
-      },
       default: null
     },
 
-    /** Renders the sort button as an inline element. */
-    inline: {
-      type: Boolean,
-      default: false
+    /** Sets the title of the popover header. */
+    title: {
+      type: String,
+      required: true
     }
   },
   computed: {
-    sortClass: function sortClass() {
-      if (this.sort && this.sort !== '') return "active ".concat(this.sort);
-      return this.sort;
+    hasControls: function hasControls() {
+      return !!this.$slots.default;
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/sortbutton/sortbutton.vue?vue&type=script&lang=js&
- /* harmony default export */ var sortbutton_sortbuttonvue_type_script_lang_js_ = (sortbuttonvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/sortbutton/sortbutton.vue?vue&type=style&index=0&id=389fbfca&lang=scss&scoped=true&
-var sortbuttonvue_type_style_index_0_id_389fbfca_lang_scss_scoped_true_ = __webpack_require__("8979");
+// CONCATENATED MODULE: ./src/components/popover-header/popover-header.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popover_header_popover_headervue_type_script_lang_js_ = (popover_headervue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/popover-header/popover-header.vue?vue&type=style&index=0&id=37595797&lang=scss&scoped=true&
+var popover_headervue_type_style_index_0_id_37595797_lang_scss_scoped_true_ = __webpack_require__("1cf3");
 
-// CONCATENATED MODULE: ./src/components/sortbutton/sortbutton.vue
+// CONCATENATED MODULE: ./src/components/popover-header/popover-header.vue
 
 
 
@@ -23649,53 +23600,47 @@ var sortbuttonvue_type_style_index_0_id_389fbfca_lang_scss_scoped_true_ = __webp
 
 /* normalize component */
 
-var sortbutton_component = normalizeComponent(
-  sortbutton_sortbuttonvue_type_script_lang_js_,
-  sortbuttonvue_type_template_id_389fbfca_scoped_true_render,
-  sortbuttonvue_type_template_id_389fbfca_scoped_true_staticRenderFns,
+var popover_header_component = normalizeComponent(
+  popover_header_popover_headervue_type_script_lang_js_,
+  popover_headervue_type_template_id_37595797_scoped_true_render,
+  popover_headervue_type_template_id_37595797_scoped_true_staticRenderFns,
   false,
   null,
-  "389fbfca",
+  "37595797",
   null
   
 )
 
-/* harmony default export */ var sortbutton = (sortbutton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list/popover-list.vue?vue&type=script&lang=js&
+/* harmony default export */ var popover_header = (popover_header_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-headline/popover-list-headline.vue?vue&type=template&id=b1ba265e&scoped=true&
+var popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[_vm.sticky ? 'ecs-popover-list-sticky-title' : 'ecs-popover-list-title']},[_vm._t("default")],2)}
+var popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/popover-list-headline/popover-list-headline.vue?vue&type=template&id=b1ba265e&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-headline/popover-list-headline.vue?vue&type=script&lang=js&
 //
 //
 //
 //
 //
 //
-
-
-
-
-
-
-/* harmony default export */ var popover_listvue_type_script_lang_js_ = ({
-  components: {
-    EcsCheckbox: checkbox_checkbox,
-    EcsRadiobutton: radiobutton,
-    EcsSwitch: switch_switch,
-    EcsSortbutton: sortbutton,
-    EcsIcon: icon,
-    EcsFileIcon: file_icon
-  },
+/* harmony default export */ var popover_list_headlinevue_type_script_lang_js_ = ({
   props: {
-    inner: {
+    /** Turns the popover list headline into a sticky headline. This means it will always stay fixed at the top of a scroll container until another popover list headline reaches the top. */
+    sticky: {
       type: Boolean,
       default: false
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/popover-list/popover-list.vue?vue&type=script&lang=js&
- /* harmony default export */ var popover_list_popover_listvue_type_script_lang_js_ = (popover_listvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/popover-list/popover-list.vue?vue&type=style&index=0&id=132050d4&lang=scss&scoped=true&
-var popover_listvue_type_style_index_0_id_132050d4_lang_scss_scoped_true_ = __webpack_require__("052d");
+// CONCATENATED MODULE: ./src/components/popover-list-headline/popover-list-headline.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popover_list_headline_popover_list_headlinevue_type_script_lang_js_ = (popover_list_headlinevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/popover-list-headline/popover-list-headline.vue?vue&type=style&index=0&id=b1ba265e&lang=scss&scoped=true&
+var popover_list_headlinevue_type_style_index_0_id_b1ba265e_lang_scss_scoped_true_ = __webpack_require__("d5aa");
 
-// CONCATENATED MODULE: ./src/components/popover-list/popover-list.vue
+// CONCATENATED MODULE: ./src/components/popover-list-headline/popover-list-headline.vue
 
 
 
@@ -23704,38 +23649,36 @@ var popover_listvue_type_style_index_0_id_132050d4_lang_scss_scoped_true_ = __we
 
 /* normalize component */
 
-var popover_list_component = normalizeComponent(
-  popover_list_popover_listvue_type_script_lang_js_,
-  popover_listvue_type_template_id_132050d4_scoped_true_render,
-  popover_listvue_type_template_id_132050d4_scoped_true_staticRenderFns,
-  false,
+var popover_list_headline_component = normalizeComponent(
+  popover_list_headline_popover_list_headlinevue_type_script_lang_js_,
+  popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_render,
+  popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_staticRenderFns,
+  false,
   null,
-  "132050d4",
+  "b1ba265e",
   null
   
 )
 
-/* harmony default export */ var popover_list = (popover_list_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-item/popover-list-item.vue?vue&type=template&id=001cc235&scoped=true&
-var popover_list_itemvue_type_template_id_001cc235_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[(_vm.type === 'checkbox')?_c('div',{staticClass:"ecs-popover-list-item control no-hover"},[_c('ecs-checkbox',{attrs:{"disabled":_vm.disabled,"value":_vm.value,"value-false":_vm.valueFalse,"value-true":_vm.valueTrue,"indeterminate":_vm.indeterminate},on:{"input":function($event){_vm.$emit('input', $event)}}},[_vm._t("default")],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'radiobutton')?_c('div',{staticClass:"ecs-popover-list-item control no-hover"},[_c('ecs-radiobutton',{attrs:{"disabled":_vm.disabled,"checked":_vm.value},on:{"change":function($event){_vm.$emit('change', $event)}}},[_vm._t("default")],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'switch')?_c('div',{staticClass:"ecs-popover-list-item control no-hover"},[_c('ecs-switch',{attrs:{"value":_vm.value,"value-false":_vm.valueFalse,"value-true":_vm.valueTrue,"size":"sml-toggle","disabled":_vm.disabled},on:{"input":function($event){_vm.$emit('input', $event)}}},[_vm._t("default"),_vm._v(" "),(_vm.help)?_c('span',{staticClass:"help"},[_vm._v(_vm._s(_vm.help))]):_vm._e()],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'sort')?_c('div',{staticClass:"ecs-popover-list-item control no-hover",on:{"click":function($event){_vm.$emit('click', $event)}}},[_c('ecs-sortbutton',{attrs:{"sort":_vm.sort,"disabled":_vm.disabled}},[_vm._t("default")],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'link')?_c('a',{staticClass:"ecs-popover-list-item",class:[_vm.iconClass,
-                  _vm.danger ? "danger" : '',
-                  _vm.subtle ? "subtle" : '',
-                  _vm.disabled ? "disabled" : '',
-                  _vm.noHover ? "no-hover" : '',
-                  _vm.selected ? "selected" : ''],attrs:{"href":_vm.href},on:{"click":function($event){_vm.$emit('click', $event)}}},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.fileIcon)?_c('ecs-file-icon',{attrs:{"type":_vm.fileIcon}}):_vm._e(),_vm._v(" "),_vm._t("default"),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e(),_vm._v(" "),(_vm.help)?_c('span',{staticClass:"help"},[_vm._v(_vm._s(_vm.help))]):_vm._e(),_vm._v(" "),(_vm.hoverIcon)?_c('ecs-icon',{staticClass:"hover-icon",attrs:{"type":_vm.hoverIcon}}):_vm._e()],2):_c('button',{staticClass:"ecs-popover-list-item",class:[_vm.iconClass,
-                  _vm.danger ? "danger" : '',
-                  _vm.subtle ? "subtle" : '',
-                  _vm.disabled ? "disabled" : '',
-                  _vm.noHover ? "no-hover" : '',
-                  _vm.selected ? "selected" : ''],on:{"click":function($event){_vm.$emit('click', $event)}}},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.fileIcon)?_c('ecs-file-icon',{attrs:{"type":_vm.fileIcon}}):_vm._e(),_vm._v(" "),_vm._t("default"),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e(),_vm._v(" "),(_vm.help)?_c('span',{staticClass:"help"},[_vm._v(_vm._s(_vm.help))]):_vm._e(),_vm._v(" "),(_vm.hoverIcon)?_c('ecs-icon',{staticClass:"hover-icon",attrs:{"type":_vm.hoverIcon}}):_vm._e()],2)])}
-var popover_list_itemvue_type_template_id_001cc235_scoped_true_staticRenderFns = []
+/* harmony default export */ var popover_list_headline = (popover_list_headline_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list/popover-list.vue?vue&type=template&id=132050d4&scoped=true&
+var popover_listvue_type_template_id_132050d4_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:"ecs-popover-list",class:_vm.inner ? 'ecs-popover-list-inner' : ''},[_vm._t("default")],2)}
+var popover_listvue_type_template_id_132050d4_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=template&id=001cc235&scoped=true&
+// CONCATENATED MODULE: ./src/components/popover-list/popover-list.vue?vue&type=template&id=132050d4&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-item/popover-list-item.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/radiobutton/radiobutton.vue?vue&type=template&id=574e95b6&scoped=true&
+var radiobuttonvue_type_template_id_574e95b6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ecs-form-check',{class:[
+  _vm.inline ? "ecs-form-check-inline" : '',
+  _vm.disabled ? "disabled" : '',
+  _vm.$slots.default ? '' : 'stand-alone']},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.computedLocalChecked),expression:"computedLocalChecked"}],ref:"check",staticClass:"ecs-form-check-input",attrs:{"type":"radio","autocomplete":"off","id":_vm.id,"name":_vm.name,"required":_vm.required,"disabled":_vm.disabled},domProps:{"value":_vm.value,"checked":_vm._q(_vm.computedLocalChecked,_vm.value)},on:{"change":[function($event){_vm.computedLocalChecked=_vm.value},_vm.handleChange]}}),_vm._v(" "),_c('label',{staticClass:"ecs-form-check-label",attrs:{"for":_vm.id}},[_vm._t("default"),_vm._v(" "),(_vm.$slots.default && _vm.help)?_c('ecs-text',{attrs:{"type":"form"}},[_vm._v(_vm._s(_vm.help))]):_vm._e()],2)])}
+var radiobuttonvue_type_template_id_574e95b6_scoped_true_staticRenderFns = []
 
 
+// CONCATENATED MODULE: ./src/components/radiobutton/radiobutton.vue?vue&type=template&id=574e95b6&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/radiobutton/radiobutton.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -23764,6 +23707,139 @@ var popover_list_itemvue_type_template_id_001cc235_scoped_true_staticRenderFns =
 //
 //
 //
+
+
+/* harmony default export */ var radiobuttonvue_type_script_lang_js_ = ({
+  components: {
+    EcsFormCheck: form_check,
+    EcsText: text_text
+  },
+  model: {
+    prop: 'checked',
+    event: 'input'
+  },
+  props: {
+    /** Name attribute of the radiobutton. */
+    name: {
+      type: String
+    },
+
+    /** Value of the radiobutton. */
+    value: {
+      default: true
+    },
+
+    /** Determines of the radiobutton is required. */
+    required: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Sets the radiobutton to checked. */
+    checked: {
+      type: [Boolean, String, Array]
+    },
+
+    /** Turns the radiobutton into disabled state. */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Renders the radiobutton inline. */
+    inline: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Help text that appears underneath (or next to, for inline radiobuttons) the label. */
+    help: {
+      type: String
+    }
+  },
+  data: function data() {
+    return {
+      id: null,
+      localChecked: this.checked
+    };
+  },
+  mounted: function mounted() {
+    this.id = this._uid;
+  },
+  computed: {
+    computedLocalChecked: {
+      get: function get() {
+        return this.localChecked;
+      },
+      set: function set(val) {
+        this.localChecked = val;
+      }
+    }
+  },
+  watch: {
+    computedLocalChecked: function computedLocalChecked(newVal, oldVal) {
+      if (newVal == oldVal) {
+        return;
+      }
+
+      this.$emit('input', newVal);
+    },
+    checked: function checked(newVal, oldVal) {
+      if (newVal == oldVal) {
+        return;
+      }
+
+      this.computedLocalChecked = newVal;
+    }
+  },
+  methods: {
+    handleChange: function handleChange(e) {
+      this.$emit('change', e.target.checked ? this.value : null);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/radiobutton/radiobutton.vue?vue&type=script&lang=js&
+ /* harmony default export */ var radiobutton_radiobuttonvue_type_script_lang_js_ = (radiobuttonvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/radiobutton/radiobutton.vue?vue&type=style&index=0&id=574e95b6&lang=scss&scoped=true&
+var radiobuttonvue_type_style_index_0_id_574e95b6_lang_scss_scoped_true_ = __webpack_require__("cde0");
+
+// CONCATENATED MODULE: ./src/components/radiobutton/radiobutton.vue
+
+
+
+
+
+
+/* normalize component */
+
+var radiobutton_component = normalizeComponent(
+  radiobutton_radiobuttonvue_type_script_lang_js_,
+  radiobuttonvue_type_template_id_574e95b6_scoped_true_render,
+  radiobuttonvue_type_template_id_574e95b6_scoped_true_staticRenderFns,
+  false,
+  null,
+  "574e95b6",
+  null
+  
+)
+
+/* harmony default export */ var radiobutton = (radiobutton_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/switch/switch.vue?vue&type=template&id=23d2b533&scoped=true&
+var switchvue_type_template_id_23d2b533_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-switch-wrapper"},[_c('label',{staticClass:"ecs-switch",class:[
+      _vm.sizeClass,
+      _vm.hasDefaultSlot ? 'ecs-switch-has-label' : '',
+      _vm.disabled ? 'disabled' : '',
+      _vm.colored ? 'ecs-switch-colored' : '',
+      _vm.indeterminate ? 'ecs-switch-indeterminate' : ''
+    ]},[_c('input',{attrs:{"type":"checkbox","autocomplete":"off","id":_vm.id,"name":_vm.name,"required":_vm.required,"disabled":_vm.disabled},domProps:{"checked":_vm.checked},on:{"change":_vm.handleClick}}),_vm._v(" "),_vm._m(0)]),_vm._v(" "),(_vm.hasDefaultSlot)?_c('label',{attrs:{"for":_vm.id}},[_vm._t("default")],2):_vm._e()])}
+var switchvue_type_template_id_23d2b533_scoped_true_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-slide-switch"},[_c('div',{staticClass:"indeterminate"})])}]
+
+
+// CONCATENATED MODULE: ./src/components/switch/switch.vue?vue&type=template&id=23d2b533&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/switch/switch.vue?vue&type=script&lang=js&
+
+
 //
 //
 //
@@ -23793,159 +23869,128 @@ var popover_list_itemvue_type_template_id_001cc235_scoped_true_staticRenderFns =
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-/* harmony default export */ var popover_list_itemvue_type_script_lang_js_ = ({
-  components: {
-    EcsCheckbox: checkbox_checkbox,
-    EcsRadiobutton: radiobutton,
-    EcsSwitch: switch_switch,
-    EcsSortbutton: sortbutton,
-    EcsIcon: icon,
-    EcsFileIcon: file_icon
-  },
+/* harmony default export */ var switchvue_type_script_lang_js_ = ({
   props: {
-    /** Determines the type of popover list item.*/
-    type: {
-      type: String,
-      validator: function validator(v) {
-        return ['icon', 'checkbox', 'radiobutton', 'switch', 'sort', 'link', null].includes(v);
-      },
-      default: null
-    },
-
-    /** Adds a subtle suffix text to the right side of the list item. Should be very short. */
-    suffix: {
-      type: String,
-      default: null
-    },
-
-    /** Adds a subline to the list item, which acts as an additional explanation for the action. */
-    help: {
-      type: String,
-      default: null
-    },
-
-    /** The icon (only if the type is `icon`). The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
-    icon: {
-      type: String,
-      default: null
-    },
-
-    /** Adds a file icon. Should never be used together with `icon`. */
-    fileIcon: {
-      type: String,
-      default: null
+    /** Sets the name attribute. */
+    name: {
+      type: String
     },
 
-    /** On mouse over, an icon will appear on the right side of the list item. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
-    hoverIcon: {
+    /** Determines the size of the switch. `sml-toggle` sets the toggle control size to small, but maintains a regular font size. */
+    size: {
       type: String,
-      default: null
+      validator: function validator(v) {
+        return ['sml', 'sml-toggle', 'lg', 'md', 'null', null].includes(v);
+      }
     },
 
-    /** Sets any icon color to gray. */
-    subtle: {
+    /** Sets the switch to required. */
+    required: {
       type: Boolean,
       default: false
     },
 
-    /** Indicates a dangerous action. Adds a red background on mouse over and turn any icon color to red. */
-    danger: {
+    /** Disables the switch. */
+    disabled: {
       type: Boolean,
       default: false
     },
 
-    /** Disables the list item. */
-    disabled: {
+    /** Reflects a true or false state with positive (green) and negative (red) colors. */
+    colored: {
       type: Boolean,
       default: false
     },
 
-    /** Disables mouse over effects of the background. */
-    noHover: {
+    /** Reflects an indeterminate switch state (e.g. not all options checked, but some). This is a purely visual setting. */
+    indeterminate: {
       type: Boolean,
       default: false
     },
-
-    /** Indicates a selected item by adding a small checkmark to the right of the list item. Should not be used together with `hoverIcon`. */
-    selected: {
-      type: Boolean,
-      default: false
-    },
-
-    /** If the list item should be a link, this sets the href of the link. */
-    href: {
-      type: String,
-      default: null
-    },
-
-    /** Sets the value of checkbox/radiobutton, if these are being used. */
     value: {
-      default: null,
+      default: false,
       required: false,
       type: [Date, Number, String, Boolean]
     },
-
-    /** Sets the valueFalse of checkbox/radiobutton, if these are being used. */
     valueFalse: {
-      default: null,
+      default: false,
       required: false,
       type: [Date, Number, String, Boolean]
     },
-
-    /** Sets the valueTrue of checkbox/radiobutton, if these are being used. */
     valueTrue: {
-      default: null,
+      default: true,
       required: false,
       type: [Date, Number, String, Boolean]
+    }
+  },
+  data: function data() {
+    return {
+      id: null,
+      checked: !!this.value,
+      oldValue: this.value
+    };
+  },
+  mounted: function mounted() {
+    this.id = this._uid;
+  },
+  computed: {
+    hasDefaultSlot: function hasDefaultSlot() {
+      return !!this.$slots.default;
+    },
+    sizeClass: function sizeClass() {
+      if (this.size && this.size !== '') if (this.size == 'sml-toggle') {
+        return "ecs-switch-sml regular-font";
+      } else {
+        return "ecs-switch-".concat(this.size);
+      }
+      return this.size;
+    },
+    isBoolean: function isBoolean() {
+      return typeof this.value === 'boolean';
     },
+    valueWhenFalse: function valueWhenFalse() {
+      if (this.isBoolean) {
+        return false;
+      }
 
-    /** Turns the checkbox into indeterminate state, if the type checkbox is being used. */
-    indeterminate: {
-      default: false,
-      type: Boolean
+      return this.valueFalse;
     },
+    valueWhenTrue: function valueWhenTrue() {
+      if (this.isBoolean) {
+        return true;
+      }
 
-    /** Sets the sort status, if the type sort is being used. */
-    sort: {
-      type: String,
-      validator: function validator(v) {
-        return ['ascending', 'descending', null].includes(v);
-      },
-      default: null
+      return this.valueTrue || this.oldValue;
     }
   },
-  computed: {
-    iconClass: function iconClass() {
-      if (this.icon && this.icon !== '' || this.fileIcon && this.fileIcon !== '') return "has-icon";else return;
+  watch: {
+    value: function value() {
+      this.checked = !!this.value;
+    },
+    valueFalse: function valueFalse() {
+      if (!this.checked) {
+        this.$emit('input', this.valueWhenFalse);
+      }
+    },
+    valueTrue: function valueTrue() {
+      if (this.checked) {
+        this.$emit('input', this.valueWhenTrue);
+      }
+    }
+  },
+  methods: {
+    handleClick: function handleClick() {
+      this.checked = !this.checked;
+      this.$emit('input', this.checked ? this.valueWhenTrue : this.valueWhenFalse);
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=script&lang=js&
- /* harmony default export */ var popover_list_item_popover_list_itemvue_type_script_lang_js_ = (popover_list_itemvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=style&index=0&lang=scss&
-var popover_list_itemvue_type_style_index_0_lang_scss_ = __webpack_require__("0be3");
-
-// EXTERNAL MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=style&index=1&id=001cc235&lang=scss&scoped=true&
-var popover_list_itemvue_type_style_index_1_id_001cc235_lang_scss_scoped_true_ = __webpack_require__("afba");
-
-// CONCATENATED MODULE: ./src/components/popover-list-item/popover-list-item.vue
+// CONCATENATED MODULE: ./src/components/switch/switch.vue?vue&type=script&lang=js&
+ /* harmony default export */ var switch_switchvue_type_script_lang_js_ = (switchvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/switch/switch.vue?vue&type=style&index=0&id=23d2b533&lang=scss&scoped=true&
+var switchvue_type_style_index_0_id_23d2b533_lang_scss_scoped_true_ = __webpack_require__("c551");
 
+// CONCATENATED MODULE: ./src/components/switch/switch.vue
 
 
 
@@ -23954,19 +23999,33 @@ var popover_list_itemvue_type_style_index_1_id_001cc235_lang_scss_scoped_true_ =
 
 /* normalize component */
 
-var popover_list_item_component = normalizeComponent(
-  popover_list_item_popover_list_itemvue_type_script_lang_js_,
-  popover_list_itemvue_type_template_id_001cc235_scoped_true_render,
-  popover_list_itemvue_type_template_id_001cc235_scoped_true_staticRenderFns,
+var switch_component = normalizeComponent(
+  switch_switchvue_type_script_lang_js_,
+  switchvue_type_template_id_23d2b533_scoped_true_render,
+  switchvue_type_template_id_23d2b533_scoped_true_staticRenderFns,
   false,
   null,
-  "001cc235",
+  "23d2b533",
   null
   
 )
 
-/* harmony default export */ var popover_list_item = (popover_list_item_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/pagination/pagination.vue?vue&type=script&lang=js&
+/* harmony default export */ var switch_switch = (switch_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/sortbutton/sortbutton.vue?vue&type=template&id=389fbfca&scoped=true&
+var sortbuttonvue_type_template_id_389fbfca_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ecs-form-check',{staticClass:"ecs-sort",class:[
+  _vm.sortClass,
+  _vm.inline ? "ecs-form-check-inline" : '',
+  _vm.disabled ? "disabled" : '']},[_c('span',{staticClass:"ecs-sort-box"}),_vm._v(" "),_c('label',{staticClass:"ecs-form-check-label",on:{"click":function($event){_vm.$emit('click', $event)}}},[_vm._t("default")],2)])}
+var sortbuttonvue_type_template_id_389fbfca_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/sortbutton/sortbutton.vue?vue&type=template&id=389fbfca&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
+var es_array_sort = __webpack_require__("4e82");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/sortbutton/sortbutton.vue?vue&type=script&lang=js&
+
 
 //
 //
@@ -23981,98 +24040,46 @@ var popover_list_item_component = normalizeComponent(
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
 
-
-
-/* harmony default export */ var paginationvue_type_script_lang_js_ = ({
+/* harmony default export */ var sortbuttonvue_type_script_lang_js_ = ({
   components: {
-    EcsButtonToolbarGroup: button_toolbar_group,
-    EcsButtonToolbar: button_toolbar,
-    EcsPopoverList: popover_list,
-    EcsPopoverListItem: popover_list_item
+    EcsFormCheck: form_check
   },
   props: {
-    /** Adds some padding around the pagination bar and makes it appear as if it's "floating" at the bottom of the index. Should never be used for table contents. */
-    floating: {
-      type: Boolean,
-      default: false
-    },
-
-    /** Briefly disables all controls while ongoing navigation. */
-    loading: {
+    /** Disables the sort button. */
+    disabled: {
       type: Boolean,
       default: false
     },
 
-    /** The current page. */
-    currentPage: {
-      type: Number
+    /** Determines the current state of the button. */
+    sort: {
+      type: String,
+      validator: function validator(v) {
+        return ['ascending', 'descending', null].includes(v);
+      },
+      default: null
     },
 
-    /** The total pages of the index. */
-    totalPages: {
-      type: Number
+    /** Renders the sort button as an inline element. */
+    inline: {
+      type: Boolean,
+      default: false
     }
   },
-  data: function data() {
-    return {
-      dropdownShown: false
-    };
-  },
-  methods: {
-    toggleDropdown: function toggleDropdown() {
-      if (this.totalPages) this.dropdownShown = !this.dropdownShown;
-    },
-    hideDropdown: function hideDropdown() {
-      this.dropdownShown = false;
+  computed: {
+    sortClass: function sortClass() {
+      if (this.sort && this.sort !== '') return "active ".concat(this.sort);
+      return this.sort;
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/pagination/pagination.vue?vue&type=script&lang=js&
- /* harmony default export */ var pagination_paginationvue_type_script_lang_js_ = (paginationvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/pagination/pagination.vue?vue&type=style&index=0&id=731cbd53&lang=scss&scoped=true&
-var paginationvue_type_style_index_0_id_731cbd53_lang_scss_scoped_true_ = __webpack_require__("9105");
+// CONCATENATED MODULE: ./src/components/sortbutton/sortbutton.vue?vue&type=script&lang=js&
+ /* harmony default export */ var sortbutton_sortbuttonvue_type_script_lang_js_ = (sortbuttonvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/sortbutton/sortbutton.vue?vue&type=style&index=0&id=389fbfca&lang=scss&scoped=true&
+var sortbuttonvue_type_style_index_0_id_389fbfca_lang_scss_scoped_true_ = __webpack_require__("8979");
 
-// CONCATENATED MODULE: ./src/components/pagination/pagination.vue
+// CONCATENATED MODULE: ./src/components/sortbutton/sortbutton.vue
 
 
 
@@ -24081,32 +24088,19 @@ var paginationvue_type_style_index_0_id_731cbd53_lang_scss_scoped_true_ = __webp
 
 /* normalize component */
 
-var pagination_component = normalizeComponent(
-  pagination_paginationvue_type_script_lang_js_,
-  paginationvue_type_template_id_731cbd53_scoped_true_render,
-  paginationvue_type_template_id_731cbd53_scoped_true_staticRenderFns,
+var sortbutton_component = normalizeComponent(
+  sortbutton_sortbuttonvue_type_script_lang_js_,
+  sortbuttonvue_type_template_id_389fbfca_scoped_true_render,
+  sortbuttonvue_type_template_id_389fbfca_scoped_true_staticRenderFns,
   false,
   null,
-  "731cbd53",
+  "389fbfca",
   null
   
 )
 
-/* harmony default export */ var pagination = (pagination_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/party-entry/party-entry.vue?vue&type=template&id=de92edca&scoped=true&
-var party_entryvue_type_template_id_de92edca_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-party-entry",class:[ _vm.party, _vm.shared ? 'shared' : '', (_vm.color && _vm.background) ? 'ecs-party-entry-colored' : ''],style:({ color: _vm.color })},[(_vm.icon && _vm.iconPosition == 'left')?_c('ecs-icon',{style:('margin-right:'+_vm.iconSpacing),attrs:{"type":_vm.iconType,"color":_vm.iconColor,"size":_vm.iconSize}}):_vm._e(),_vm._v(" "),_c('span',[_vm._t("default")],2),_vm._v(" "),(_vm.icon && _vm.iconPosition == 'right')?_c('ecs-icon',{style:('margin-left:'+_vm.iconSpacing),attrs:{"type":_vm.iconType,"color":_vm.iconColor,"size":_vm.iconSize}}):_vm._e(),_vm._v(" "),(_vm.background)?_c('div',{staticClass:"ecs-party-entry-background"}):_vm._e()],1)}
-var party_entryvue_type_template_id_de92edca_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/party-entry/party-entry.vue?vue&type=template&id=de92edca&scoped=true&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/party-entry/party-entry.vue?vue&type=script&lang=js&
-
-//
-//
-//
-//
-//
+/* harmony default export */ var sortbutton = (sortbutton_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list/popover-list.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -24114,116 +24108,33 @@ var party_entryvue_type_template_id_de92edca_scoped_true_staticRenderFns = []
 //
 //
 
-/* harmony default export */ var party_entryvue_type_script_lang_js_ = ({
-  components: {
-    EcsIcon: icon
-  },
-  props: {
-    /** Adds an icon to the party entry. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
-    icon: {
-      type: String
-    },
 
-    /** If the party entry tag should be using the default party side colors, set this party prop. Do not use in combination with the `color` prop. */
-    party: {
-      type: String,
-      validator: function validator(v) {
-        return ['client', 'opposing', 'joint', 'other', 'court', 'unaffiliated'].includes(v);
-      }
-    },
-
-    /** Renders a subtle colored background. */
-    background: {
-      type: Boolean,
-      default: false
-    },
-
-    /** Adds a shared badge indicator. */
-    shared: {
-      type: Boolean,
-      default: false
-    },
 
-    /** Determines the spacing between icon and text. */
-    iconSpacing: {
-      type: String,
-      default: '5px'
-    },
 
-    /** Determines the position of the icon. */
-    iconPosition: {
-      type: String,
-      default: 'left'
-    },
 
-    /** Determines the size of the icon. */
-    iconSize: {
-      type: String,
-      default: '30px'
-    },
 
-    /** Sets a custom color. Should be a HEX, RGB or HSL value. No alpha channels. */
-    color: {
-      type: String
-    }
+/* harmony default export */ var popover_listvue_type_script_lang_js_ = ({
+  components: {
+    EcsCheckbox: checkbox_checkbox,
+    EcsRadiobutton: radiobutton,
+    EcsSwitch: switch_switch,
+    EcsSortbutton: sortbutton,
+    EcsIcon: icon,
+    EcsFileIcon: file_icon
   },
-  computed: {
-    iconType: function iconType() {
-      switch (this.icon) {
-        case 'sequence':
-          return 'colored-sequence';
-
-        case 'folder':
-          return 'colored-folder';
-
-        case 'document':
-          return 'colored-document';
-
-        case 'pacer':
-          return 'colored-pacer';
-
-        default:
-          return this.icon;
-      }
-    },
-    iconColor: function iconColor() {
-      if (this.color) {
-        return this.color;
-      } else if (this.party) {
-        switch (this.party) {
-          case 'client':
-            return '#227FD3';
-
-          case 'opposing':
-            return '#5DAF00';
-
-          case 'joint':
-            return '#A4927A';
-
-          case 'other':
-            return '#95989C';
-
-          case 'court':
-            return '#D78B21';
-
-          case 'unaffiliated':
-            return '#C1C2C4';
-
-          default:
-            return '#C1C2C4';
-        }
-      } else {
-        return '#000';
-      }
+  props: {
+    inner: {
+      type: Boolean,
+      default: false
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/party-entry/party-entry.vue?vue&type=script&lang=js&
- /* harmony default export */ var party_entry_party_entryvue_type_script_lang_js_ = (party_entryvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/party-entry/party-entry.vue?vue&type=style&index=0&id=de92edca&lang=scss&scoped=true&
-var party_entryvue_type_style_index_0_id_de92edca_lang_scss_scoped_true_ = __webpack_require__("5ddd");
+// CONCATENATED MODULE: ./src/components/popover-list/popover-list.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popover_list_popover_listvue_type_script_lang_js_ = (popover_listvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/popover-list/popover-list.vue?vue&type=style&index=0&id=132050d4&lang=scss&scoped=true&
+var popover_listvue_type_style_index_0_id_132050d4_lang_scss_scoped_true_ = __webpack_require__("052d");
 
-// CONCATENATED MODULE: ./src/components/party-entry/party-entry.vue
+// CONCATENATED MODULE: ./src/components/popover-list/popover-list.vue
 
 
 
@@ -24232,26 +24143,93 @@ var party_entryvue_type_style_index_0_id_de92edca_lang_scss_scoped_true_ = __web
 
 /* normalize component */
 
-var party_entry_component = normalizeComponent(
-  party_entry_party_entryvue_type_script_lang_js_,
-  party_entryvue_type_template_id_de92edca_scoped_true_render,
-  party_entryvue_type_template_id_de92edca_scoped_true_staticRenderFns,
+var popover_list_component = normalizeComponent(
+  popover_list_popover_listvue_type_script_lang_js_,
+  popover_listvue_type_template_id_132050d4_scoped_true_render,
+  popover_listvue_type_template_id_132050d4_scoped_true_staticRenderFns,
   false,
   null,
-  "de92edca",
+  "132050d4",
   null
   
 )
 
-/* harmony default export */ var party_entry = (party_entry_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-header/popover-header.vue?vue&type=template&id=37595797&scoped=true&
-var popover_headervue_type_template_id_37595797_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:"ecs-popover-header"},[_c('div',{staticClass:"ecs-popover-header-title"},[(_vm.icon)?_c('ecs-icon',{staticClass:"icon",attrs:{"type":_vm.icon,"size":"36","color":"#B4B9BE"}}):_vm._e(),_vm._v(" "),_c('h2',{staticClass:"ecs-headline-2"},[_vm._v(_vm._s(_vm.title))])],1),_vm._v(" "),(_vm.hasControls)?_c('div',{staticClass:"ecs-popover-header-actions"},[_vm._t("default")],2):_vm._e()])}
-var popover_headervue_type_template_id_37595797_scoped_true_staticRenderFns = []
+/* harmony default export */ var popover_list = (popover_list_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-item/popover-list-item.vue?vue&type=template&id=001cc235&scoped=true&
+var popover_list_itemvue_type_template_id_001cc235_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[(_vm.type === 'checkbox')?_c('div',{staticClass:"ecs-popover-list-item control no-hover"},[_c('ecs-checkbox',{attrs:{"disabled":_vm.disabled,"value":_vm.value,"value-false":_vm.valueFalse,"value-true":_vm.valueTrue,"indeterminate":_vm.indeterminate},on:{"input":function($event){_vm.$emit('input', $event)}}},[_vm._t("default")],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'radiobutton')?_c('div',{staticClass:"ecs-popover-list-item control no-hover"},[_c('ecs-radiobutton',{attrs:{"disabled":_vm.disabled,"checked":_vm.value},on:{"change":function($event){_vm.$emit('change', $event)}}},[_vm._t("default")],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'switch')?_c('div',{staticClass:"ecs-popover-list-item control no-hover"},[_c('ecs-switch',{attrs:{"value":_vm.value,"value-false":_vm.valueFalse,"value-true":_vm.valueTrue,"size":"sml-toggle","disabled":_vm.disabled},on:{"input":function($event){_vm.$emit('input', $event)}}},[_vm._t("default"),_vm._v(" "),(_vm.help)?_c('span',{staticClass:"help"},[_vm._v(_vm._s(_vm.help))]):_vm._e()],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'sort')?_c('div',{staticClass:"ecs-popover-list-item control no-hover",on:{"click":function($event){_vm.$emit('click', $event)}}},[_c('ecs-sortbutton',{attrs:{"sort":_vm.sort,"disabled":_vm.disabled}},[_vm._t("default")],2),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e()],1):(_vm.type === 'link')?_c('a',{staticClass:"ecs-popover-list-item",class:[_vm.iconClass,
+                  _vm.danger ? "danger" : '',
+                  _vm.subtle ? "subtle" : '',
+                  _vm.disabled ? "disabled" : '',
+                  _vm.noHover ? "no-hover" : '',
+                  _vm.selected ? "selected" : ''],attrs:{"href":_vm.href},on:{"click":function($event){_vm.$emit('click', $event)}}},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.fileIcon)?_c('ecs-file-icon',{attrs:{"type":_vm.fileIcon}}):_vm._e(),_vm._v(" "),_vm._t("default"),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e(),_vm._v(" "),(_vm.help)?_c('span',{staticClass:"help"},[_vm._v(_vm._s(_vm.help))]):_vm._e(),_vm._v(" "),(_vm.hoverIcon)?_c('ecs-icon',{staticClass:"hover-icon",attrs:{"type":_vm.hoverIcon}}):_vm._e()],2):_c('button',{staticClass:"ecs-popover-list-item",class:[_vm.iconClass,
+                  _vm.danger ? "danger" : '',
+                  _vm.subtle ? "subtle" : '',
+                  _vm.disabled ? "disabled" : '',
+                  _vm.noHover ? "no-hover" : '',
+                  _vm.selected ? "selected" : ''],on:{"click":function($event){_vm.$emit('click', $event)}}},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon}}):_vm._e(),_vm._v(" "),(_vm.fileIcon)?_c('ecs-file-icon',{attrs:{"type":_vm.fileIcon}}):_vm._e(),_vm._v(" "),_vm._t("default"),_vm._v(" "),(_vm.suffix)?_c('span',{staticClass:"after"},[_vm._v(_vm._s(_vm.suffix))]):_vm._e(),_vm._v(" "),(_vm.help)?_c('span',{staticClass:"help"},[_vm._v(_vm._s(_vm.help))]):_vm._e(),_vm._v(" "),(_vm.hoverIcon)?_c('ecs-icon',{staticClass:"hover-icon",attrs:{"type":_vm.hoverIcon}}):_vm._e()],2)])}
+var popover_list_itemvue_type_template_id_001cc235_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/popover-header/popover-header.vue?vue&type=template&id=37595797&scoped=true&
+// CONCATENATED MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=template&id=001cc235&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-header/popover-header.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-item/popover-list-item.vue?vue&type=script&lang=js&
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -24265,84 +24243,148 @@ var popover_headervue_type_template_id_37595797_scoped_true_staticRenderFns = []
 //
 //
 
-/* harmony default export */ var popover_headervue_type_script_lang_js_ = ({
+
+
+
+
+
+/* harmony default export */ var popover_list_itemvue_type_script_lang_js_ = ({
   components: {
-    EcsIcon: icon
+    EcsCheckbox: checkbox_checkbox,
+    EcsRadiobutton: radiobutton,
+    EcsSwitch: switch_switch,
+    EcsSortbutton: sortbutton,
+    EcsIcon: icon,
+    EcsFileIcon: file_icon
   },
   props: {
-    /** Adds an icon to the popover header. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
+    /** Determines the type of popover list item.*/
+    type: {
+      type: String,
+      validator: function validator(v) {
+        return ['icon', 'checkbox', 'radiobutton', 'switch', 'sort', 'link', null].includes(v);
+      },
+      default: null
+    },
+
+    /** Adds a subtle suffix text to the right side of the list item. Should be very short. */
+    suffix: {
+      type: String,
+      default: null
+    },
+
+    /** Adds a subline to the list item, which acts as an additional explanation for the action. */
+    help: {
+      type: String,
+      default: null
+    },
+
+    /** The icon (only if the type is `icon`). The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
       type: String,
       default: null
     },
 
-    /** Sets the title of the popover header. */
-    title: {
+    /** Adds a file icon. Should never be used together with `icon`. */
+    fileIcon: {
       type: String,
-      required: true
-    }
-  },
-  computed: {
-    hasControls: function hasControls() {
-      return !!this.$slots.default;
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/popover-header/popover-header.vue?vue&type=script&lang=js&
- /* harmony default export */ var popover_header_popover_headervue_type_script_lang_js_ = (popover_headervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/popover-header/popover-header.vue?vue&type=style&index=0&id=37595797&lang=scss&scoped=true&
-var popover_headervue_type_style_index_0_id_37595797_lang_scss_scoped_true_ = __webpack_require__("1cf3");
+      default: null
+    },
 
-// CONCATENATED MODULE: ./src/components/popover-header/popover-header.vue
+    /** On mouse over, an icon will appear on the right side of the list item. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
+    hoverIcon: {
+      type: String,
+      default: null
+    },
 
+    /** Sets any icon color to gray. */
+    subtle: {
+      type: Boolean,
+      default: false
+    },
 
+    /** Indicates a dangerous action. Adds a red background on mouse over and turn any icon color to red. */
+    danger: {
+      type: Boolean,
+      default: false
+    },
 
+    /** Disables the list item. */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
 
+    /** Disables mouse over effects of the background. */
+    noHover: {
+      type: Boolean,
+      default: false
+    },
 
+    /** Indicates a selected item by adding a small checkmark to the right of the list item. Should not be used together with `hoverIcon`. */
+    selected: {
+      type: Boolean,
+      default: false
+    },
 
-/* normalize component */
+    /** If the list item should be a link, this sets the href of the link. */
+    href: {
+      type: String,
+      default: null
+    },
 
-var popover_header_component = normalizeComponent(
-  popover_header_popover_headervue_type_script_lang_js_,
-  popover_headervue_type_template_id_37595797_scoped_true_render,
-  popover_headervue_type_template_id_37595797_scoped_true_staticRenderFns,
-  false,
-  null,
-  "37595797",
-  null
-  
-)
+    /** Sets the value of checkbox/radiobutton, if these are being used. */
+    value: {
+      default: null,
+      required: false,
+      type: [Date, Number, String, Boolean]
+    },
 
-/* harmony default export */ var popover_header = (popover_header_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-headline/popover-list-headline.vue?vue&type=template&id=b1ba265e&scoped=true&
-var popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[_vm.sticky ? 'ecs-popover-list-sticky-title' : 'ecs-popover-list-title']},[_vm._t("default")],2)}
-var popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_staticRenderFns = []
+    /** Sets the valueFalse of checkbox/radiobutton, if these are being used. */
+    valueFalse: {
+      default: null,
+      required: false,
+      type: [Date, Number, String, Boolean]
+    },
 
+    /** Sets the valueTrue of checkbox/radiobutton, if these are being used. */
+    valueTrue: {
+      default: null,
+      required: false,
+      type: [Date, Number, String, Boolean]
+    },
 
-// CONCATENATED MODULE: ./src/components/popover-list-headline/popover-list-headline.vue?vue&type=template&id=b1ba265e&scoped=true&
+    /** Turns the checkbox into indeterminate state, if the type checkbox is being used. */
+    indeterminate: {
+      default: false,
+      type: Boolean
+    },
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/popover-list-headline/popover-list-headline.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-/* harmony default export */ var popover_list_headlinevue_type_script_lang_js_ = ({
-  props: {
-    /** Turns the popover list headline into a sticky headline. This means it will always stay fixed at the top of a scroll container until another popover list headline reaches the top. */
-    sticky: {
-      type: Boolean,
-      default: false
+    /** Sets the sort status, if the type sort is being used. */
+    sort: {
+      type: String,
+      validator: function validator(v) {
+        return ['ascending', 'descending', null].includes(v);
+      },
+      default: null
+    }
+  },
+  computed: {
+    iconClass: function iconClass() {
+      if (this.icon && this.icon !== '' || this.fileIcon && this.fileIcon !== '') return "has-icon";else return;
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/popover-list-headline/popover-list-headline.vue?vue&type=script&lang=js&
- /* harmony default export */ var popover_list_headline_popover_list_headlinevue_type_script_lang_js_ = (popover_list_headlinevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/popover-list-headline/popover-list-headline.vue?vue&type=style&index=0&id=b1ba265e&lang=scss&scoped=true&
-var popover_list_headlinevue_type_style_index_0_id_b1ba265e_lang_scss_scoped_true_ = __webpack_require__("d5aa");
+// CONCATENATED MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popover_list_item_popover_list_itemvue_type_script_lang_js_ = (popover_list_itemvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=style&index=0&lang=scss&
+var popover_list_itemvue_type_style_index_0_lang_scss_ = __webpack_require__("0be3");
+
+// EXTERNAL MODULE: ./src/components/popover-list-item/popover-list-item.vue?vue&type=style&index=1&id=001cc235&lang=scss&scoped=true&
+var popover_list_itemvue_type_style_index_1_id_001cc235_lang_scss_scoped_true_ = __webpack_require__("afba");
+
+// CONCATENATED MODULE: ./src/components/popover-list-item/popover-list-item.vue
 
-// CONCATENATED MODULE: ./src/components/popover-list-headline/popover-list-headline.vue
 
 
 
@@ -24351,18 +24393,18 @@ var popover_list_headlinevue_type_style_index_0_id_b1ba265e_lang_scss_scoped_tru
 
 /* normalize component */
 
-var popover_list_headline_component = normalizeComponent(
-  popover_list_headline_popover_list_headlinevue_type_script_lang_js_,
-  popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_render,
-  popover_list_headlinevue_type_template_id_b1ba265e_scoped_true_staticRenderFns,
+var popover_list_item_component = normalizeComponent(
+  popover_list_item_popover_list_itemvue_type_script_lang_js_,
+  popover_list_itemvue_type_template_id_001cc235_scoped_true_render,
+  popover_list_itemvue_type_template_id_001cc235_scoped_true_staticRenderFns,
   false,
   null,
-  "b1ba265e",
+  "001cc235",
   null
   
 )
 
-/* harmony default export */ var popover_list_headline = (popover_list_headline_component.exports);
+/* harmony default export */ var popover_list_item = (popover_list_item_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/quicklink/quicklink.vue?vue&type=template&id=674cd19e&scoped=true&
 var quicklinkvue_type_template_id_674cd19e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"ecs-quicklinks-link",class:[
   _vm.typeClass,