@everchron/ec-shards 3.1.1 → 4.0.0

package/dist/ec-shards.common.js

@@ -2578,6 +2578,17 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
 
+/***/ }),
+
+/***/ "2339":
+/***/ (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_data_grid_cell_vue_vue_type_style_index_0_id_70b3195b_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a8b9");
+/* 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_data_grid_cell_vue_vue_type_style_index_0_id_70b3195b_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_data_grid_cell_vue_vue_type_style_index_0_id_70b3195b_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2340":
@@ -4413,6 +4424,17 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
 
+/***/ }),
+
+/***/ "4b47":
+/***/ (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_data_grid_head_cell_vue_vue_type_style_index_0_id_7ae206f9_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e18a");
+/* 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_data_grid_head_cell_vue_vue_type_style_index_0_id_7ae206f9_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_data_grid_head_cell_vue_vue_type_style_index_0_id_7ae206f9_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4b75":
@@ -4680,6 +4702,13 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ "4eee":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "4ef7":
@@ -5140,6 +5169,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "543c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "547b":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -5990,6 +6026,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "690a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "69e5":
@@ -6327,6 +6370,17 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "714e":
+/***/ (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_data_grid_head_cell_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("690a");
+/* 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_data_grid_head_cell_vue_vue_type_style_index_1_lang_scss___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_data_grid_head_cell_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7156":
@@ -7039,7 +7093,7 @@ var map = {
 	"./sticker-info.svg": "6826",
 	"./sticker-loading.svg": "9931",
 	"./sticker-success.svg": "561d",
-	"./sticker-warning-critical.svg": "e18a",
+	"./sticker-warning-critical.svg": "e18a1",
 	"./sticker-warning.svg": "9055",
 	"./stop.svg": "2490",
 	"./swap.svg": "e3a0",
@@ -9079,6 +9133,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "a8b9":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "a8d3":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -10356,6 +10417,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "c6cb":
+/***/ (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_data_grid_group_vue_vue_type_style_index_0_id_1479a08a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4eee");
+/* 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_data_grid_group_vue_vue_type_style_index_0_id_1479a08a_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_data_grid_group_vue_vue_type_style_index_0_id_1479a08a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c6cd":
@@ -10823,6 +10895,17 @@ module.exports = function (key, value) {
 module.exports = {};
 
 
+/***/ }),
+
+/***/ "d02e":
+/***/ (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_data_grid_vue_vue_type_style_index_0_id_4f5c6062_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("543c");
+/* 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_data_grid_vue_vue_type_style_index_0_id_4f5c6062_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_data_grid_vue_vue_type_style_index_0_id_4f5c6062_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "d039":
@@ -11668,6 +11751,17 @@ module.exports = Object.keys || function keys(O) {
 };
 
 
+/***/ }),
+
+/***/ "dfc0":
+/***/ (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_data_grid_row_vue_vue_type_style_index_0_id_29101a32_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fcf3");
+/* 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_data_grid_row_vue_vue_type_style_index_0_id_29101a32_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_data_grid_row_vue_vue_type_style_index_0_id_29101a32_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "e017":
@@ -11986,6 +12080,13 @@ module.exports = !fails(function () {
 /***/ }),
 
 /***/ "e18a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "e18a1":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -16460,52 +16561,17 @@ var data_card_list_component = normalizeComponent(
 )
 
 /* harmony default export */ var data_card_list = (data_card_list_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-list/data-list.vue?vue&type=template&id=a5914d80&
-var data_listvue_type_template_id_a5914d80_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-data-list"},[_vm._t("default")],2)}
-var data_listvue_type_template_id_a5914d80_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/data-list/data-list.vue?vue&type=template&id=a5914d80&
-
-// CONCATENATED MODULE: ./src/components/data-list/data-list.vue
-
-var data_list_script = {}
-
-
-/* normalize component */
-
-var data_list_component = normalizeComponent(
-  data_list_script,
-  data_listvue_type_template_id_a5914d80_render,
-  data_listvue_type_template_id_a5914d80_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var data_list = (data_list_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-list-item/data-list-item.vue?vue&type=template&id=874789cc&scoped=true&
-var data_list_itemvue_type_template_id_874789cc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"ecs-data-list-item",class:[
-                _vm.small ? 'ecs-data-list-item-sml' : '',
-                _vm.full ? 'ecs-data-list-item-full' : '',
-                _vm.plain ? 'plain' : 'filled',
-                _vm.indent ? 'indent' : '',
-                _vm.plain && _vm.bordered ? 'bordered' : ''
-              ]},[(_vm.hasIdentifier)?_c('div',{staticClass:"ecs-data-list-identifier"},[_vm._v("\n      "+_vm._s(_vm.identifier)+"\n      "),(_vm.$slots.collapse)?_c('ecs-button-more',{staticClass:"ecs-data-list-expand-button",attrs:{"type":"ellipsis","active":_vm.isVisible},on:{"click":_vm.toggleCollapse}}):_vm._e()],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"ecs-data-list-data",class:[
-                  _vm.escape ? 'ecs-data-list-data-escape' : '',
-                  _vm.error ? 'ecs-data-list-data-error' : '',
-                  _vm.typeClass
-                ]},[(!_vm.loading)?_vm._t("default"):_c('ecs-skeleton-loader',{attrs:{"type":"single","width":_vm.skeletonWidth(25, 70)}}),_vm._v(" "),(_vm.progress)?_c('div',{staticClass:"progress",style:({ width: _vm.progress + '%' })}):_vm._e()],2)]),_vm._v(" "),(_vm.$slots.collapse)?_c('div',{class:_vm.isVisible ? 'collapse-show' : 'collapse-hide'},[_vm._t("collapse")],2):_vm._e()])}
-var data_list_itemvue_type_template_id_874789cc_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/data-list-item/data-list-item.vue?vue&type=template&id=874789cc&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-grid/data-grid.vue?vue&type=template&id=4f5c6062&scoped=true&
+var data_gridvue_type_template_id_4f5c6062_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-data-grid scrollbar"},[_c('div',{staticClass:"ecs-data-grid-head"},[_vm._t("head")],2),_vm._v(" "),(_vm.$slots.empty)?_c('div',{staticClass:"ecs-data-grid-empty"},[_vm._t("empty")],2):_c('div',{staticClass:"ecs-data-grid-rows",class:_vm.striped ? 'striped' : ''},[_vm._t("default")],2)])}
+var data_gridvue_type_template_id_4f5c6062_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/data-list-item/data-list-item.vue?vue&type=script&lang=js&
 
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid.vue?vue&type=template&id=4f5c6062&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/data-grid/data-grid.vue?vue&type=script&lang=js&
+//
+//
+//
 //
 //
 //
@@ -16522,6 +16588,54 @@ var data_list_itemvue_type_template_id_874789cc_scoped_true_staticRenderFns = []
 //
 //
 //
+/* harmony default export */ var data_gridvue_type_script_lang_js_ = ({
+  props: {
+    /** Applies striping to the body rows background.  */
+    striped: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: function data() {
+    return {};
+  },
+  methods: {}
+});
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid.vue?vue&type=script&lang=js&
+ /* harmony default export */ var data_grid_data_gridvue_type_script_lang_js_ = (data_gridvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/data-grid/data-grid.vue?vue&type=style&index=0&id=4f5c6062&lang=scss&scoped=true&
+var data_gridvue_type_style_index_0_id_4f5c6062_lang_scss_scoped_true_ = __webpack_require__("d02e");
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid.vue
+
+
+
+
+
+
+/* normalize component */
+
+var data_grid_component = normalizeComponent(
+  data_grid_data_gridvue_type_script_lang_js_,
+  data_gridvue_type_template_id_4f5c6062_scoped_true_render,
+  data_gridvue_type_template_id_4f5c6062_scoped_true_staticRenderFns,
+  false,
+  null,
+  "4f5c6062",
+  null
+  
+)
+
+/* harmony default export */ var data_grid = (data_grid_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-grid/data-grid-row.vue?vue&type=template&id=29101a32&scoped=true&
+var data_grid_rowvue_type_template_id_29101a32_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-data-grid-row",class:_vm.state},[(_vm.state == 'droppable')?_c('div',{staticClass:"ecs-data-grid-row-drop-zone",on:{"click":_vm.handleDropzoneClick}}):_vm._e(),_vm._v(" "),_vm._t("default")],2)}
+var data_grid_rowvue_type_template_id_29101a32_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-row.vue?vue&type=template&id=29101a32&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/data-grid/data-grid-row.vue?vue&type=script&lang=js&
+
 //
 //
 //
@@ -16531,6 +16645,66 @@ var data_list_itemvue_type_template_id_874789cc_scoped_true_staticRenderFns = []
 //
 //
 //
+/* harmony default export */ var data_grid_rowvue_type_script_lang_js_ = ({
+  props: {
+    /** Determines the state of the table row. */
+    state: {
+      type: String,
+      validator: function validator(v) {
+        return ['default', 'selected', 'opened', 'added', 'droppable'].includes(v);
+      },
+      default: 'default'
+    }
+  },
+  methods: {
+    handleDropzoneClick: function handleDropzoneClick() {
+      /** Emitted when clicking (eg. dropping a bunch of other rows via lift & drop) the rows dropzone. */
+      this.$emit('rowdrop');
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-row.vue?vue&type=script&lang=js&
+ /* harmony default export */ var data_grid_data_grid_rowvue_type_script_lang_js_ = (data_grid_rowvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/data-grid/data-grid-row.vue?vue&type=style&index=0&id=29101a32&lang=scss&scoped=true&
+var data_grid_rowvue_type_style_index_0_id_29101a32_lang_scss_scoped_true_ = __webpack_require__("dfc0");
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-row.vue
+
+
+
+
+
+
+/* normalize component */
+
+var data_grid_row_component = normalizeComponent(
+  data_grid_data_grid_rowvue_type_script_lang_js_,
+  data_grid_rowvue_type_template_id_29101a32_scoped_true_render,
+  data_grid_rowvue_type_template_id_29101a32_scoped_true_staticRenderFns,
+  false,
+  null,
+  "29101a32",
+  null
+  
+)
+
+/* harmony default export */ var data_grid_row = (data_grid_row_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-grid/data-grid-head-cell.vue?vue&type=template&id=7ae206f9&scoped=true&
+var data_grid_head_cellvue_type_template_id_7ae206f9_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-data-grid-head-cell",class:[_vm.fixedLeft ? 'fixed-left' : '', _vm.fixedLeftLast ? 'fixed-left-last' : '', _vm.fixedRight ? 'fixed-right' : ''],style:([_vm.fixedStyles])},[(_vm.fixedRight)?_c('div',{staticClass:"shadow",class:_vm.fixedRight ? 'left' : ''}):_vm._e(),_vm._v(" "),_c('div',{ref:"resizer",staticClass:"ecs-data-grid-head-cell-inner",style:([_vm.widthStyles, _vm.paddingStyles]),attrs:{"data-test":_vm.computedId}},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon,"size":"20","color":"#202127","title":_vm.name}}):(_vm.select)?_c('ecs-select',{attrs:{"type":"invisible"},on:{"change":function($event){_vm.$emit('selection', $event.target.value)}}},_vm._l((_vm.select),function(option,index){return _c('option',{key:index,domProps:{"value":option.value}},[_vm._v(_vm._s(option.name))])})):_c('div',{staticClass:"ecs-data-grid-head-cell-text"},[_vm._v("\n      "+_vm._s(_vm.name)+"\n    ")]),_vm._v(" "),_vm._t("default"),_vm._v(" "),(_vm.sortable)?_c('button',{class:[ 'sort-button', _vm.sorting ],attrs:{"title":_vm.sortTitle},on:{"click":_vm.sortBy}},[_c('svg',{attrs:{"width":"14","height":"20","viewBox":"0 0 14 20","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{attrs:{"d":"M3.99023 11.802L6.76923 14.722L9.54823 11.802","stroke":_vm.sorting == 'descending' ? '#157EFB' : '#B9BCC2',"stroke-width":_vm.sorting == 'descending' ? '1.5' : '1',"opacity":_vm.sorting == 'descending' || _vm.sorting == 'none' ? '1' : '0.5',"stroke-linecap":"round","stroke-linejoin":"round"}}),_vm._v(" "),_c('path',{attrs:{"d":"M3.99023 8.722L6.76923 5.802L9.54823 8.722","stroke":_vm.sorting == 'ascending' ? '#157EFB' : '#B9BCC2',"stroke-width":_vm.sorting == 'ascending' ? '1.5' : '1',"opacity":_vm.sorting == 'ascending' || _vm.sorting == 'none' ? '1' : '0.5',"stroke-linecap":"round","stroke-linejoin":"round"}})])]):_vm._e()],2),_vm._v(" "),(_vm.fixedLeftLast)?_c('div',{staticClass:"shadow",class:_vm.fixedLeftLast ? 'right' : ''}):_vm._e()])}
+var data_grid_head_cellvue_type_template_id_7ae206f9_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-head-cell.vue?vue&type=template&id=7ae206f9&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/select/select.vue?vue&type=template&id=5a1a525f&scoped=true&
+var selectvue_type_template_id_5a1a525f_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-form-select",class:[_vm.sizeClass, _vm.typeClass, _vm.disabled ? "disabled" : null]},[_c('select',_vm._b({on:{"change":function($event){_vm.$emit('change', $event)},"focus":function($event){_vm.$emit('focus', $event)},"blur":function($event){_vm.$emit('blur', $event)}}},'select',{ id: _vm.id, name: _vm.name, disabled: _vm.disabled, required: _vm.required },false),[_vm._t("default")],2)])}
+var selectvue_type_template_id_5a1a525f_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/select/select.vue?vue&type=template&id=5a1a525f&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/select/select.vue?vue&type=script&lang=js&
+
 //
 //
 //
@@ -16543,73 +16717,627 @@ var data_list_itemvue_type_template_id_874789cc_scoped_true_staticRenderFns = []
 //
 //
 //
-
-
-/* harmony default export */ var data_list_itemvue_type_script_lang_js_ = ({
-  components: {
-    EcsButtonMore: button_more,
-    EcsSkeletonLoader: skeleton_loader
-  },
+/* harmony default export */ var selectvue_type_script_lang_js_ = ({
   props: {
-    /** The label that shows up to the left of the list item. Usually describes the content to the left, e.g.: "Type", "Profiles", etc. */
-    identifier: {
-      type: String
-    },
-
-    /** Renders the list item in a smaller variant. */
-    small: {
-      type: Boolean,
-      default: false
-    },
-
-    /** Expands the list item identifer and content areas to 100% width, which makes the content area wrap. This should be used for content that is expected to be very long. */
-    full: {
-      type: Boolean,
-      default: false
-    },
-
-    /** If true, the content will be escaped (...), if it exceeds to available space. */
-    escape: {
-      type: Boolean,
-      default: false
+    /** Determines the size of the select control. */
+    size: {
+      type: String,
+      validator: function validator(v) {
+        return ['sml', 'md', 'lg', 'null', null].includes(v);
+      },
+      default: null
     },
 
-    /** Sets the styling of the content section. `links` is supposed to be used for content that contains hyperlinks, `mono` for content that should be rendered in a monospace font (identifiers), `users` for lists of multiple personas. */
+    /** Determines the visual style: `null` renders in default form style, `subtle` with a grey transparent background, `invisible` without any background except on mouse over, and `naked` without any UI. */
     type: {
       type: String,
       validator: function validator(v) {
-        return ['links', 'mono', 'users', 'null', null].includes(v);
-      }
-    },
-
-    /** Turns the list item into a skeleton loader. */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-
-    /** Adds a progress bar to the background of the list item. The value should reflect the current % value. */
-    progress: {
-      type: Number,
+        return ['subtle', 'naked', 'invisible', 'null', null].includes(v);
+      },
       default: null
     },
 
-    /** Adds a subtle red background to the list item, to indicate an error state. */
-    error: {
+    /** Disables the input. */
+    disabled: {
       type: Boolean,
       default: false
     },
 
-    /** If set, shows the expandable content by default. */
-    visible: {
+    /** Sets the required attribute. */
+    required: {
       type: Boolean,
       default: false
     },
-
-    /** Removes all backgrounds from the list items, and makes it appear as a simple definition list item. */
-    plain: {
-      type: Boolean,
-      default: false
+    id: String,
+    name: String
+  },
+  computed: {
+    sizeClass: function sizeClass() {
+      if (this.size && this.size !== '') return "ecs-form-select-".concat(this.size);
+      return this.size;
+    },
+    typeClass: function typeClass() {
+      if (this.type && this.type !== '') return "ecs-form-select-".concat(this.type);
+      return this.type;
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/select/select.vue?vue&type=script&lang=js&
+ /* harmony default export */ var select_selectvue_type_script_lang_js_ = (selectvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/select/select.vue?vue&type=style&index=0&id=5a1a525f&lang=scss&scoped=true&
+var selectvue_type_style_index_0_id_5a1a525f_lang_scss_scoped_true_ = __webpack_require__("4ce3");
+
+// CONCATENATED MODULE: ./src/components/select/select.vue
+
+
+
+
+
+
+/* normalize component */
+
+var select_component = normalizeComponent(
+  select_selectvue_type_script_lang_js_,
+  selectvue_type_template_id_5a1a525f_scoped_true_render,
+  selectvue_type_template_id_5a1a525f_scoped_true_staticRenderFns,
+  false,
+  null,
+  "5a1a525f",
+  null
+  
+)
+
+/* harmony default export */ var select_select = (select_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/data-grid/data-grid-head-cell.vue?vue&type=script&lang=js&
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var data_grid_head_cellvue_type_script_lang_js_ = ({
+  components: {
+    EcsIcon: icon,
+    EcsSelect: select_select
+  },
+  props: {
+    /** Sets the width of the column. */
+    width: {
+      type: Number,
+      required: true
+    },
+
+    /** The column title. When `select` is used, use the broad term that describes the data type, e.g. "Identifiers". */
+    name: {
+      type: String,
+      required: true
+    },
+
+    /** Set a unique id for the column. The `id` is used to target other cells inside this column to perform resize actions, automatically set data-test attributes, etc. If not set, the id will use a kebap-case String of `name`. */
+    id: {
+      type: String
+    },
+
+    /** Sets the minimum width of the column. It's not possible to set a resize width that's less than the minimum width. */
+    minWidth: {
+      type: Number,
+      default: 60
+    },
+
+    /** If set, an icon will be added to the header cell. The icon will replace any text. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
+    icon: {
+      type: String
+    },
+
+    /** Keeps the cell's column fixed at the left side. This requires the `fixedLeftOffset` prop to be set. */
+    fixedLeft: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Sets the offset (position left) of the cell's column in pixels. If there is only one fixed column at the left, the value needs to be `0`. If there are multiple columns fixed at the left, the value needs to be the sum of the `width` of all cells the preceed this cell. */
+    fixedLeftOffset: {
+      type: Number
+    },
+
+    /** Determines if this is the last fixed column in the fixed group. When set, this adds a subtle shadow to the right to indicate fixed content on scroll. */
+    fixedLeftLast: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Keeps the cell's column fixed at the right side. There should never be more than one fixedRight column and a cell can not be fixedRight and fixedLeft at the same time. */
+    fixedRight: {
+      type: Boolean,
+      default: false
+    },
+
+    /** If passed, the head cell won't render the slot in the text, but a select menu with the passed options instead. This is useful when one column should be able to switch the data that is shown in it. For example, you could have a column with a selector in the head cell which allows you to switch between ECID, Bates Range, and Trial Exhibit No. The array needs to contain objects with `value` and `name`. */
+    select: {
+      type: Array
+    },
+
+    /** Determines if the column should be sortable. */
+    sortable: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Determines the current sort order. */
+    sorting: {
+      type: String,
+      validator: function validator(v) {
+        return ['none', 'ascending', 'descending'].includes(v);
+      },
+      default: 'none'
+    },
+
+    /** Overwrites the default padding. Should only be used when the cell contains e.g. a button which has it's own padding and thus needs to be aligned with the padding of other cells. Only pass padding shorthand values, for example: `4px 0 4px 8px`.*/
+    padding: {
+      type: String
+    }
+  },
+  data: function data() {
+    return {
+      widthStyles: {
+        width: this.width + 'px',
+        minWidth: this.minWidth + 'px'
+      },
+      newSort: this.sorting,
+      resizeWidth: null
+    };
+  },
+  computed: {
+    fixedStyles: function fixedStyles() {
+      if (this.fixedLeft) {
+        if (this.fixedLeftOffset && this.fixedLeftOffset !== '') return {
+          position: 'sticky',
+          left: this.fixedLeftOffset + 'px',
+          zIndex: '1'
+        };else return {
+          position: 'sticky',
+          left: '0',
+          zIndex: '1'
+        };
+      } else if (this.fixedRight) return {
+        position: 'sticky',
+        right: '0',
+        zIndex: '1'
+      };
+    },
+    paddingStyles: function paddingStyles() {
+      if (this.padding && this.padding !== '') return {
+        padding: this.padding
+      };else if (this.icon && this.icon !== '') return {
+        padding: '0 8px 0 4px'
+      };else if (this.select && this.select !== '') return {
+        padding: '0 8px 0 0'
+      };else return {
+        padding: '0 8px'
+      };
+    },
+    sortTitle: function sortTitle() {
+      switch (this.sorting) {
+        case 'ascending':
+          return 'Sorting ' + this.name + ' ascending';
+
+        case 'descending':
+          return 'Sorting ' + this.name + ' descending';
+
+        default:
+          return 'Sort by ' + this.name;
+      }
+    },
+    computedId: function computedId() {
+      var string = this.name;
+      if (this.id && this.id !== '') string = this.id;
+      return string.replace(/\W+/g, '-').toLowerCase() + '-column-head';
+    }
+  },
+  methods: {
+    sortBy: function sortBy() {
+      if (this.sorting == 'none') this.newSort = 'descending';else if (this.sorting == 'ascending') this.newSort = 'descending';else this.newSort = 'ascending';
+      /** Emitted when the sort button is clicked. Returns the new sort order for the column. */
+
+      this.$emit('sortby', this.newSort);
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-head-cell.vue?vue&type=script&lang=js&
+ /* harmony default export */ var data_grid_data_grid_head_cellvue_type_script_lang_js_ = (data_grid_head_cellvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/data-grid/data-grid-head-cell.vue?vue&type=style&index=0&id=7ae206f9&lang=scss&scoped=true&
+var data_grid_head_cellvue_type_style_index_0_id_7ae206f9_lang_scss_scoped_true_ = __webpack_require__("4b47");
+
+// EXTERNAL MODULE: ./src/components/data-grid/data-grid-head-cell.vue?vue&type=style&index=1&lang=scss&
+var data_grid_head_cellvue_type_style_index_1_lang_scss_ = __webpack_require__("714e");
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-head-cell.vue
+
+
+
+
+
+
+
+/* normalize component */
+
+var data_grid_head_cell_component = normalizeComponent(
+  data_grid_data_grid_head_cellvue_type_script_lang_js_,
+  data_grid_head_cellvue_type_template_id_7ae206f9_scoped_true_render,
+  data_grid_head_cellvue_type_template_id_7ae206f9_scoped_true_staticRenderFns,
+  false,
+  null,
+  "7ae206f9",
+  null
+  
+)
+
+/* harmony default export */ var data_grid_head_cell = (data_grid_head_cell_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-grid/data-grid-group.vue?vue&type=template&id=1479a08a&scoped=true&
+var data_grid_groupvue_type_template_id_1479a08a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],staticClass:"ecs-data-grid-group"},[(_vm.show)?[_vm._t("default")]:_vm._e()],2)}
+var data_grid_groupvue_type_template_id_1479a08a_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-group.vue?vue&type=template&id=1479a08a&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/data-grid/data-grid-group.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var data_grid_groupvue_type_script_lang_js_ = ({
+  props: {
+    /** Determines if this cell group should be shown. Avoid showing more than 1 group at the same time. */
+    show: {
+      type: Boolean,
+      default: false
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var data_grid_data_grid_groupvue_type_script_lang_js_ = (data_grid_groupvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/data-grid/data-grid-group.vue?vue&type=style&index=0&id=1479a08a&lang=scss&scoped=true&
+var data_grid_groupvue_type_style_index_0_id_1479a08a_lang_scss_scoped_true_ = __webpack_require__("c6cb");
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-group.vue
+
+
+
+
+
+
+/* normalize component */
+
+var data_grid_group_component = normalizeComponent(
+  data_grid_data_grid_groupvue_type_script_lang_js_,
+  data_grid_groupvue_type_template_id_1479a08a_scoped_true_render,
+  data_grid_groupvue_type_template_id_1479a08a_scoped_true_staticRenderFns,
+  false,
+  null,
+  "1479a08a",
+  null
+  
+)
+
+/* harmony default export */ var data_grid_group = (data_grid_group_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-grid/data-grid-cell.vue?vue&type=template&id=70b3195b&scoped=true&
+var data_grid_cellvue_type_template_id_70b3195b_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-data-grid-cell",class:[_vm.fixedLeft ? 'fixed-left' : '', _vm.fixedLeftLast ? 'fixed-left-last' : '', _vm.fixedRight ? 'fixed-right' : ''],style:([_vm.fixedStyles])},[(_vm.fixedRight)?_c('div',{staticClass:"shadow",class:_vm.fixedRight ? 'left' : ''}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"ecs-data-grid-cell-inner",style:([_vm.widthStyles, _vm.paddingStyles]),attrs:{"data-test":_vm.computedId}},[_vm._t("default")],2),_vm._v(" "),(_vm.fixedLeftLast)?_c('div',{staticClass:"shadow",class:_vm.fixedLeftLast ? 'right' : ''}):_vm._e()])}
+var data_grid_cellvue_type_template_id_70b3195b_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-cell.vue?vue&type=template&id=70b3195b&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/data-grid/data-grid-cell.vue?vue&type=script&lang=js&
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var data_grid_cellvue_type_script_lang_js_ = ({
+  components: {
+    EcsAnimations: animations
+  },
+  props: {
+    /** Column identifier for the cell. The `column` is used to perform resize actions (needs to match `id` or `name` of corresponding EcsDataGridHeadCell), automatically set data-test attributes, etc. */
+    column: {
+      type: String,
+      required: true
+    },
+
+    /** Sets the width of the column. */
+    width: {
+      type: Number,
+      required: true
+    },
+
+    /** Sets the minimum width of the column. It's not possible to set a resize width that's less than the minimum width. */
+    minWidth: {
+      type: Number,
+      default: 60
+    },
+
+    /** Keeps the cell's column fixed at the left side. This requires the `fixedLeftOffset` prop to be set. */
+    fixedLeft: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Sets the offset (position left) of the cell's column in pixels. If there is only one fixed column at the left, the value needs to be `0`. If there are multiple columns fixed at the left, the value needs to be the sum of the `width` of all cells the preceed this cell. */
+    fixedLeftOffset: {
+      type: Number
+    },
+
+    /** Determines if this is the last fixed column in the fixed group. When set, this adds a subtle shadow to the right to indicate fixed content on scroll. */
+    fixedLeftLast: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Keeps the cell's column fixed at the right side. There should never be more than one fixedRight column and a cell can not be fixedRight and fixedLeft at the same time. */
+    fixedRight: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Overwrites the default padding. Should only be used when the cell contains e.g. a button which has it's own padding and thus needs to be aligned with the padding of other cells. Only pass padding shorthand values, for example: `4px 0 4px 8px`.*/
+    padding: {
+      type: String
+    }
+  },
+  data: function data() {
+    return {
+      widthStyles: {
+        width: this.width + 'px',
+        minWidth: this.minWidth + 'px'
+      }
+    };
+  },
+  computed: {
+    fixedStyles: function fixedStyles() {
+      if (this.fixedLeft) {
+        if (this.fixedLeftOffset && this.fixedLeftOffset !== '') return {
+          position: 'sticky',
+          left: this.fixedLeftOffset + 'px',
+          zIndex: '1'
+        };else return {
+          position: 'sticky',
+          left: '0',
+          zIndex: '1'
+        };
+      } else if (this.fixedRight) return {
+        position: 'sticky',
+        right: '0',
+        zIndex: '1'
+      };
+    },
+    paddingStyles: function paddingStyles() {
+      if (this.padding && this.padding !== '') return {
+        padding: this.padding
+      };else return {
+        padding: '8px'
+      };
+    },
+    computedId: function computedId() {
+      var string = this.column;
+      return string.replace(/\W+/g, '-').toLowerCase() + '-column-cell';
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-cell.vue?vue&type=script&lang=js&
+ /* harmony default export */ var data_grid_data_grid_cellvue_type_script_lang_js_ = (data_grid_cellvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/data-grid/data-grid-cell.vue?vue&type=style&index=0&id=70b3195b&lang=scss&scoped=true&
+var data_grid_cellvue_type_style_index_0_id_70b3195b_lang_scss_scoped_true_ = __webpack_require__("2339");
+
+// CONCATENATED MODULE: ./src/components/data-grid/data-grid-cell.vue
+
+
+
+
+
+
+/* normalize component */
+
+var data_grid_cell_component = normalizeComponent(
+  data_grid_data_grid_cellvue_type_script_lang_js_,
+  data_grid_cellvue_type_template_id_70b3195b_scoped_true_render,
+  data_grid_cellvue_type_template_id_70b3195b_scoped_true_staticRenderFns,
+  false,
+  null,
+  "70b3195b",
+  null
+  
+)
+
+/* harmony default export */ var data_grid_cell = (data_grid_cell_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-list/data-list.vue?vue&type=template&id=a5914d80&
+var data_listvue_type_template_id_a5914d80_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-data-list"},[_vm._t("default")],2)}
+var data_listvue_type_template_id_a5914d80_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/data-list/data-list.vue?vue&type=template&id=a5914d80&
+
+// CONCATENATED MODULE: ./src/components/data-list/data-list.vue
+
+var data_list_script = {}
+
+
+/* normalize component */
+
+var data_list_component = normalizeComponent(
+  data_list_script,
+  data_listvue_type_template_id_a5914d80_render,
+  data_listvue_type_template_id_a5914d80_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var data_list = (data_list_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/data-list-item/data-list-item.vue?vue&type=template&id=874789cc&scoped=true&
+var data_list_itemvue_type_template_id_874789cc_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"ecs-data-list-item",class:[
+                _vm.small ? 'ecs-data-list-item-sml' : '',
+                _vm.full ? 'ecs-data-list-item-full' : '',
+                _vm.plain ? 'plain' : 'filled',
+                _vm.indent ? 'indent' : '',
+                _vm.plain && _vm.bordered ? 'bordered' : ''
+              ]},[(_vm.hasIdentifier)?_c('div',{staticClass:"ecs-data-list-identifier"},[_vm._v("\n      "+_vm._s(_vm.identifier)+"\n      "),(_vm.$slots.collapse)?_c('ecs-button-more',{staticClass:"ecs-data-list-expand-button",attrs:{"type":"ellipsis","active":_vm.isVisible},on:{"click":_vm.toggleCollapse}}):_vm._e()],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"ecs-data-list-data",class:[
+                  _vm.escape ? 'ecs-data-list-data-escape' : '',
+                  _vm.error ? 'ecs-data-list-data-error' : '',
+                  _vm.typeClass
+                ]},[(!_vm.loading)?_vm._t("default"):_c('ecs-skeleton-loader',{attrs:{"type":"single","width":_vm.skeletonWidth(25, 70)}}),_vm._v(" "),(_vm.progress)?_c('div',{staticClass:"progress",style:({ width: _vm.progress + '%' })}):_vm._e()],2)]),_vm._v(" "),(_vm.$slots.collapse)?_c('div',{class:_vm.isVisible ? 'collapse-show' : 'collapse-hide'},[_vm._t("collapse")],2):_vm._e()])}
+var data_list_itemvue_type_template_id_874789cc_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/data-list-item/data-list-item.vue?vue&type=template&id=874789cc&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/data-list-item/data-list-item.vue?vue&type=script&lang=js&
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var data_list_itemvue_type_script_lang_js_ = ({
+  components: {
+    EcsButtonMore: button_more,
+    EcsSkeletonLoader: skeleton_loader
+  },
+  props: {
+    /** The label that shows up to the left of the list item. Usually describes the content to the left, e.g.: "Type", "Profiles", etc. */
+    identifier: {
+      type: String
+    },
+
+    /** Renders the list item in a smaller variant. */
+    small: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Expands the list item identifer and content areas to 100% width, which makes the content area wrap. This should be used for content that is expected to be very long. */
+    full: {
+      type: Boolean,
+      default: false
+    },
+
+    /** If true, the content will be escaped (...), if it exceeds to available space. */
+    escape: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Sets the styling of the content section. `links` is supposed to be used for content that contains hyperlinks, `mono` for content that should be rendered in a monospace font (identifiers), `users` for lists of multiple personas. */
+    type: {
+      type: String,
+      validator: function validator(v) {
+        return ['links', 'mono', 'users', 'null', null].includes(v);
+      }
+    },
+
+    /** Turns the list item into a skeleton loader. */
+    loading: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Adds a progress bar to the background of the list item. The value should reflect the current % value. */
+    progress: {
+      type: Number,
+      default: null
+    },
+
+    /** Adds a subtle red background to the list item, to indicate an error state. */
+    error: {
+      type: Boolean,
+      default: false
+    },
+
+    /** If set, shows the expandable content by default. */
+    visible: {
+      type: Boolean,
+      default: false
+    },
+
+    /** Removes all backgrounds from the list items, and makes it appear as a simple definition list item. */
+    plain: {
+      type: Boolean,
+      default: false
     },
 
     /** Adds a border bottom to each item (except the last in the list). **Important** the border is only applied when used in combination with the `plain` prop. */
@@ -21184,98 +21912,6 @@ var paginationvue_type_template_id_5059c894_scoped_true_staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/components/pagination/pagination.vue?vue&type=template&id=5059c894&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-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/select/select.vue?vue&type=template&id=5a1a525f&scoped=true&
-var selectvue_type_template_id_5a1a525f_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-form-select",class:[_vm.sizeClass, _vm.typeClass, _vm.disabled ? "disabled" : null]},[_c('select',_vm._b({on:{"change":function($event){_vm.$emit('change', $event)},"focus":function($event){_vm.$emit('focus', $event)},"blur":function($event){_vm.$emit('blur', $event)}}},'select',{ id: _vm.id, name: _vm.name, disabled: _vm.disabled, required: _vm.required },false),[_vm._t("default")],2)])}
-var selectvue_type_template_id_5a1a525f_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/select/select.vue?vue&type=template&id=5a1a525f&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/select/select.vue?vue&type=script&lang=js&
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ var selectvue_type_script_lang_js_ = ({
-  props: {
-    /** Determines the size of the select control. */
-    size: {
-      type: String,
-      validator: function validator(v) {
-        return ['sml', 'md', 'lg', 'null', null].includes(v);
-      },
-      default: null
-    },
-
-    /** Determines the visual style: `null` renders in default form style, `subtle` with a grey transparent background, `invisible` without any background except on mouse over, and `naked` without any UI. */
-    type: {
-      type: String,
-      validator: function validator(v) {
-        return ['subtle', 'naked', 'invisible', 'null', null].includes(v);
-      },
-      default: null
-    },
-
-    /** Disables the input. */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-
-    /** Sets the required attribute. */
-    required: {
-      type: Boolean,
-      default: false
-    },
-    id: String,
-    name: String
-  },
-  computed: {
-    sizeClass: function sizeClass() {
-      if (this.size && this.size !== '') return "ecs-form-select-".concat(this.size);
-      return this.size;
-    },
-    typeClass: function typeClass() {
-      if (this.type && this.type !== '') return "ecs-form-select-".concat(this.type);
-      return this.type;
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/select/select.vue?vue&type=script&lang=js&
- /* harmony default export */ var select_selectvue_type_script_lang_js_ = (selectvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/select/select.vue?vue&type=style&index=0&id=5a1a525f&lang=scss&scoped=true&
-var selectvue_type_style_index_0_id_5a1a525f_lang_scss_scoped_true_ = __webpack_require__("4ce3");
-
-// CONCATENATED MODULE: ./src/components/select/select.vue
-
-
-
-
-
-
-/* normalize component */
-
-var select_component = normalizeComponent(
-  select_selectvue_type_script_lang_js_,
-  selectvue_type_template_id_5a1a525f_scoped_true_render,
-  selectvue_type_template_id_5a1a525f_scoped_true_staticRenderFns,
-  false,
-  null,
-  "5a1a525f",
-  null
-  
-)
-
-/* harmony default export */ var select_select = (select_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&
 
 
@@ -24861,7 +25497,11 @@ var video_component = normalizeComponent(
 
 
 
- //import EcsTiptap from "./tiptap/tiptap.vue"
+
+
+
+
+
 
 
 
@@ -24901,6 +25541,11 @@ var Components = {
   EcsCommentList: comment_list,
   EcsDataCard: data_card,
   EcsDataCardList: data_card_list,
+  EcsDataGrid: data_grid,
+  EcsDataGridGroup: data_grid_group,
+  EcsDataGridRow: data_grid_row,
+  EcsDataGridHeadCell: data_grid_head_cell,
+  EcsDataGridCell: data_grid_cell,
   EcsDataList: data_list,
   EcsDataListItem: data_list_item,
   EcsDialog: dialog,
@@ -24985,7 +25630,6 @@ var Components = {
   EcsTabButton: tab_button,
   EcsTag: tag,
   EcsTagCloud: tag_cloud,
-  //EcsTiptap,
   EcsText: text_text,
   EcsToast: toast,
   EcsToasts: toasts,
@@ -25165,6 +25809,13 @@ module.exports = fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "fcf3":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "fd48":