evui 3.3.30 → 3.3.33

package/dist/evui.umd.js

@@ -4889,17 +4889,6 @@ function stubFalse() {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "2fe8":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3d53");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "3229":
@@ -5095,21 +5084,6 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
-/***/ }),
-
-/***/ "3d53":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("69fc");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("6a7aacee", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "3f8c":
@@ -5149,6 +5123,20 @@ module.exports = function (value) {
 };
 
 
+/***/ }),
+
+/***/ "40dc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-chart-wrapper{display:block}.ev-chart-container,.ev-chart-wrapper{position:relative;width:100%;height:100%}.ev-chart-container{overflow:hidden}.ev-chart-title{top:0;left:0;width:100%;padding-left:10px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-chart-legend,.ev-chart-title{position:absolute;overflow:hidden}.ev-chart-legend{padding:5px 0 0 0}.ev-chart-legend-container{position:relative}.ev-chart-legend-color,.ev-chart-legend-color--point-line{position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:4px}.ev-chart-legend-color--point-line:after{display:inline-block;position:absolute;top:-2px;left:5px;width:8px;height:8px;content:\" \";border-radius:50%;background-color:inherit}.ev-chart-legend-name{position:absolute;top:50%;left:0;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;margin-left:24px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;transform:translateY(-50%)}.ev-chart-legend-name:hover{font-weight:700}.ev-chart-legend-value{float:right;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev-chart-legend--table{width:100%;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-collapse:collapse}.ev-chart-legend--table td,.ev-chart-legend--table th{padding:3px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ev-chart-legend--table__row{cursor:pointer;min-height:18px}.ev-chart-legend--table__row:hover{font-weight:700}.ev-chart-legend--table__color{width:18px}.ev-chart-legend--table__color-wrapper{position:relative;min-width:18px}.ev-chart-legend--table__color--line{height:4px}.ev-chart-legend--table__color--point-line{position:absolute;top:50%;left:3px;transform:translateY(-50%);height:4px}.ev-chart-legend--table__color--point-line:after{display:inline-block;position:absolute;top:-2px;left:5px;width:8px;height:8px;content:\" \";border-radius:50%;background-color:inherit}.ev-chart-legend--table__name,.ev-chart-legend--table__value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ev-chart-legend-line{position:relative;width:100%;height:100%;border-radius:10px;background-color:#e3e3e3}.ev-chart-legend-line-layer,.ev-chart-legend-thumb{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-thumb{border-radius:10px;color:#000}.ev-chart-legend-handle{position:absolute;top:0;left:0;cursor:pointer}.ev-chart-legend-handle.dragging,.ev-chart-legend-handle:hover{transform:scale(1.2)}.ev-chart-legend-handle-btn{width:100%;height:100%;border-radius:50%;background-color:#fff;transition:transform .1s ease-in-out;box-sizing:border-box;border:2px solid #979797}.ev-chart-legend-handle-btn-color{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%}.ev-chart-legend-label{position:absolute;font-size:12px;line-height:1.4em}.ev-chart-legend-label-text{display:block;white-space:nowrap}.ev-chart-legend-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-overlay .ev-chart-legend-overlay-item{position:absolute;top:1px;left:1px;border-radius:50%;border:1px solid #fff;background-color:transparent}.ev-chart-legend-overlay .ev-chart-legend-overlay-tooltip{position:absolute;font-size:12px;line-height:1.4em}.ev-chart-resize-bar{position:absolute;background:transparent;opacity:.5;z-index:10}.ev-chart-resize-bar:hover,.ev-chart-resize-ghost{background-color:#e2e2e2}.ev-chart-resize-ghost{position:absolute;width:4px;height:100%;cursor:col-resize;opacity:.5}.ev-chart-resize-ghost.horizontal{width:100%;height:4px;cursor:row-resize}.ev-chart-tooltip{position:absolute;z-index:850;top:0;left:0;overflow-y:hidden;overflow-x:hidden;border-radius:8px}.ev-chart-tooltip .ev-chart-tooltip-header{padding:8px 16px 0 16px;overflow:hidden;font-size:16px}.ev-chart-tooltip .ev-chart-tooltip-header--wrap{word-wrap:break-word}.ev-chart-tooltip .ev-chart-tooltip-header--ellipsis{text-overflow:ellipsis;white-space:nowrap}.ev-chart-tooltip .ev-chart-tooltip-body{overflow-x:hidden;overflow-y:hidden}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "4160":
@@ -5354,6 +5342,17 @@ module.exports = function (O, defaultConstructor) {
 };
 
 
+/***/ }),
+
+/***/ "488e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_1fece3ae_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("84b2");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_1fece3ae_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_1fece3ae_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4930":
@@ -6888,20 +6887,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "69fc":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-chart-wrapper{display:block}.ev-chart-container,.ev-chart-wrapper{position:relative;width:100%;height:100%}.ev-chart-container{overflow:hidden}.ev-chart-title{top:0;left:0;width:100%;padding-left:10px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-chart-legend,.ev-chart-title{position:absolute;overflow:hidden}.ev-chart-legend-box{overflow-x:hidden;overflow-y:auto}.ev-chart-legend-container{position:relative}.ev-chart-legend-color,.ev-chart-legend-color--point-line{position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:4px}.ev-chart-legend-color--point-line:after{display:inline-block;position:absolute;top:-2px;left:5px;width:8px;height:8px;content:\" \";border-radius:50%;background-color:inherit}.ev-chart-legend-name{position:absolute;top:50%;left:0;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;margin-left:24px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;transform:translateY(-50%)}.ev-chart-legend-name:hover{font-weight:700}.ev-chart-legend-value{float:right;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev-chart-legend-line{position:relative;width:100%;height:100%;border-radius:10px;background-color:#e3e3e3}.ev-chart-legend-line-layer,.ev-chart-legend-thumb{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-thumb{border-radius:10px;color:#000}.ev-chart-legend-handle{position:absolute;top:0;left:0;cursor:pointer}.ev-chart-legend-handle.dragging,.ev-chart-legend-handle:hover{transform:scale(1.2)}.ev-chart-legend-handle-btn{width:100%;height:100%;border-radius:50%;background-color:#fff;transition:transform .1s ease-in-out;box-sizing:border-box;border:2px solid #979797}.ev-chart-legend-handle-btn-color{position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%}.ev-chart-legend-label{position:absolute;font-size:12px;line-height:1.4em}.ev-chart-legend-label-text{display:block;white-space:nowrap}.ev-chart-legend-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ev-chart-legend-overlay .ev-chart-legend-overlay-item{position:absolute;top:1px;left:1px;border-radius:50%;border:1px solid #fff;background-color:transparent}.ev-chart-legend-overlay .ev-chart-legend-overlay-tooltip{position:absolute;font-size:12px;line-height:1.4em}.ev-chart-resize-bar{position:absolute;background:transparent;opacity:.5;z-index:10}.ev-chart-resize-bar:hover,.ev-chart-resize-ghost{background-color:#e2e2e2}.ev-chart-resize-ghost{position:absolute;width:4px;height:100%;cursor:col-resize;opacity:.5}.ev-chart-resize-ghost.horizontal{width:100%;height:4px;cursor:row-resize}.ev-chart-tooltip{position:absolute;z-index:850;top:0;left:0;overflow-y:hidden;overflow-x:hidden;border-radius:8px}.ev-chart-tooltip .ev-chart-tooltip-header{padding:8px 16px 0 16px;overflow:hidden;font-size:16px}.ev-chart-tooltip .ev-chart-tooltip-header--wrap{word-wrap:break-word}.ev-chart-tooltip .ev-chart-tooltip-header--ellipsis{text-overflow:ellipsis;white-space:nowrap}.ev-chart-tooltip .ev-chart-tooltip-body{overflow-x:hidden;overflow-y:hidden}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "6b0d":
@@ -7249,7 +7234,7 @@ var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_
 var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
 var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
 // Module
-exports.push([module.i, ".ev-grid[data-v-b1b073b2]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-b1b073b2]{overflow:auto}.ev-grid--empty .table-header[data-v-b1b073b2]{display:table}.ev-grid.non-header[data-v-b1b073b2]{padding-top:0}.ev-grid .table-header[data-v-b1b073b2]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-b1b073b2]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-b1b073b2]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-b1b073b2]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-b1b073b2],.column-list[data-v-b1b073b2]{position:relative;height:100%}.column[data-v-b1b073b2]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-b1b073b2]{border-right:1px solid}.column[data-v-b1b073b2]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-b1b073b2]{cursor:default!important}.column .sort-icon[data-v-b1b073b2]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-b1b073b2]{font-size:13px;color:#005cc8}.column-name[data-v-b1b073b2]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-b1b073b2]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-b1b073b2]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-b1b073b2]{display:block;cursor:pointer}.column-filter-status[data-v-b1b073b2]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-b1b073b2]{font-size:10px;vertical-align:top}.column-resize[data-v-b1b073b2]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-b1b073b2]:hover{cursor:col-resize}.table-body[data-v-b1b073b2]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-b1b073b2]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-b1b073b2]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row[data-v-b1b073b2]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row.selected[data-v-b1b073b2]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-b1b073b2]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-b1b073b2]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-b1b073b2]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-b1b073b2]{border-right:1px solid}.table-body .cell div[data-v-b1b073b2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-b1b073b2]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-b1b073b2]{overflow:initial}.table-body .cell.float[data-v-b1b073b2],.table-body .cell.number[data-v-b1b073b2]{text-align:right}.table-body .cell.string[data-v-b1b073b2],.table-body .cell.stringNumber[data-v-b1b073b2]{text-align:left}.table-body .cell.center[data-v-b1b073b2]{text-align:center}.table-body .cell.left[data-v-b1b073b2]{text-align:left}.table-body .cell.left .wrap[data-v-b1b073b2]{justify-content:flex-start}.table-body .cell.right[data-v-b1b073b2]{text-align:right}.table-body .cell.right .wrap[data-v-b1b073b2]{justify-content:flex-end}.table-body .cell[data-v-b1b073b2]:last-child{border-right:0}.table-resize-line[data-v-b1b073b2]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-b1b073b2]{border-right:1px solid}.vscroll-spacer[data-v-b1b073b2]{opacity:0;clear:both}[v-cloak][data-v-b1b073b2]{display:none}.ev-checkbox[data-v-b1b073b2]{margin:0}.non-border[data-v-b1b073b2]{border:none!important}.is-empty[data-v-b1b073b2]{height:30px;text-align:center}.postgresql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
+exports.push([module.i, ".ev-grid[data-v-b1b073b2]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-b1b073b2]{overflow:auto}.ev-grid--empty .table-header[data-v-b1b073b2]{display:table}.ev-grid.non-header[data-v-b1b073b2]{padding-top:0}.ev-grid .table-header[data-v-b1b073b2]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-b1b073b2]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-b1b073b2]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-b1b073b2]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-b1b073b2],.column-list[data-v-b1b073b2]{position:relative;height:100%}.column[data-v-b1b073b2]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-b1b073b2]{border-right:1px solid}.column[data-v-b1b073b2]:last-child{border-right:0}.column:last-child .column-resize[data-v-b1b073b2]{cursor:default!important}.column .sort-icon[data-v-b1b073b2]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-b1b073b2]{font-size:13px;color:#005cc8}.column-name[data-v-b1b073b2]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-b1b073b2]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-b1b073b2]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-b1b073b2]{display:block;cursor:pointer}.column-filter-status[data-v-b1b073b2]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-b1b073b2]{font-size:10px;vertical-align:top}.column-resize[data-v-b1b073b2]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-b1b073b2]:hover{cursor:col-resize}.table-body[data-v-b1b073b2]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-b1b073b2]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-b1b073b2]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row[data-v-b1b073b2]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-b1b073b2]{border-bottom:1px solid}.table-body .row.selected[data-v-b1b073b2]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-b1b073b2]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-b1b073b2]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-b1b073b2]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-b1b073b2]{border-right:1px solid}.table-body .cell div[data-v-b1b073b2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-b1b073b2]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-b1b073b2]{overflow:initial}.table-body .cell.float[data-v-b1b073b2],.table-body .cell.number[data-v-b1b073b2]{text-align:right}.table-body .cell.string[data-v-b1b073b2],.table-body .cell.stringNumber[data-v-b1b073b2]{text-align:left}.table-body .cell.center[data-v-b1b073b2]{text-align:center}.table-body .cell.left[data-v-b1b073b2]{text-align:left}.table-body .cell.left .wrap[data-v-b1b073b2]{justify-content:flex-start}.table-body .cell.right[data-v-b1b073b2]{text-align:right}.table-body .cell.right .wrap[data-v-b1b073b2]{justify-content:flex-end}.table-body .cell[data-v-b1b073b2]:last-child{border-right:0}.table-resize-line[data-v-b1b073b2]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-b1b073b2]{border-right:1px solid}.vscroll-spacer[data-v-b1b073b2]{opacity:0;clear:both}[v-cloak][data-v-b1b073b2]{display:none}.ev-checkbox[data-v-b1b073b2]{margin:0}.non-border[data-v-b1b073b2]{border:none!important}.is-empty[data-v-b1b073b2]{height:30px;text-align:center}.postgresql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-b1b073b2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
 // Exports
 module.exports = exports;
 
@@ -7672,6 +7657,21 @@ exports.push([module.i, ".ev-window-scroll-lock{overflow:hidden!important}.ev-wi
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "84b2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("40dc");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("56adb8ec", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "861d":
@@ -7949,7 +7949,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.30\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.33\"}");
 
 /***/ }),
 
@@ -8055,7 +8055,7 @@ module.exports = patchedExec;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-tree-grid[data-v-25c719ae]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-25c719ae]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-25c719ae]{display:table}.ev-tree-grid.non-header[data-v-25c719ae]{padding-top:0}.ev-tree-grid .table-header[data-v-25c719ae]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-25c719ae]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-25c719ae]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-25c719ae],.column-list[data-v-25c719ae]{position:relative;height:100%}.column[data-v-25c719ae]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-25c719ae]{border-right:1px solid}.column[data-v-25c719ae]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-25c719ae]{cursor:default!important}.column .sort-icon[data-v-25c719ae]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-25c719ae]{font-size:13px;color:#005cc8}.column-name[data-v-25c719ae]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-25c719ae]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-25c719ae]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-25c719ae]{display:block;cursor:pointer}.column-filter-status[data-v-25c719ae]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-25c719ae]{font-size:10px;vertical-align:top}.column-resize[data-v-25c719ae]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-25c719ae]:hover{cursor:col-resize}.table-body[data-v-25c719ae]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-25c719ae]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-25c719ae]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid}.table-body .row[data-v-25c719ae]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-25c719ae]{border-bottom:1px solid}.table-body .row.selected[data-v-25c719ae]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-25c719ae]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-25c719ae]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-25c719ae]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-25c719ae]{border-right:1px solid}.table-body .cell div[data-v-25c719ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-25c719ae]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-25c719ae]{overflow:initial}.table-body .cell.float[data-v-25c719ae],.table-body .cell.number[data-v-25c719ae]{text-align:right}.table-body .cell.string[data-v-25c719ae],.table-body .cell.stringNumber[data-v-25c719ae]{text-align:left}.table-body .cell.center[data-v-25c719ae]{text-align:center}.table-body .cell.left[data-v-25c719ae]{text-align:left}.table-body .cell.left .wrap[data-v-25c719ae]{justify-content:flex-start}.table-body .cell.right[data-v-25c719ae]{text-align:right}.table-body .cell.right .wrap[data-v-25c719ae]{justify-content:flex-end}.table-body .cell[data-v-25c719ae]:last-child{border-right:0}.table-body .cell.tree-td[data-v-25c719ae]{text-align:left!important}.table-resize-line[data-v-25c719ae]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-25c719ae]{border-right:1px solid}.vscroll-spacer[data-v-25c719ae]{opacity:0;clear:both}[v-cloak][data-v-25c719ae]{display:none}.ev-checkbox[data-v-25c719ae]{margin:0}.non-border[data-v-25c719ae]{border:none!important}.is-empty[data-v-25c719ae]{height:30px;text-align:center}", ""]);
+exports.push([module.i, ".ev-tree-grid[data-v-25c719ae]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-25c719ae]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-25c719ae]{display:table}.ev-tree-grid.non-header[data-v-25c719ae]{padding-top:0}.ev-tree-grid .table-header[data-v-25c719ae]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-25c719ae]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-25c719ae]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-25c719ae],.column-list[data-v-25c719ae]{position:relative;height:100%}.column[data-v-25c719ae]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-25c719ae]{border-right:1px solid}.column[data-v-25c719ae]:last-child{border-right:0}.column:last-child .column-resize[data-v-25c719ae]{cursor:default!important}.column .sort-icon[data-v-25c719ae]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-25c719ae]{font-size:13px;color:#005cc8}.column-name[data-v-25c719ae]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-25c719ae]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-25c719ae]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-25c719ae]{display:block;cursor:pointer}.column-filter-status[data-v-25c719ae]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-25c719ae]{font-size:10px;vertical-align:top}.column-resize[data-v-25c719ae]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-25c719ae]:hover{cursor:col-resize}.table-body[data-v-25c719ae]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-25c719ae]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-25c719ae]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-25c719ae]{border-bottom:1px solid}.table-body .row[data-v-25c719ae]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-25c719ae]{border-bottom:1px solid}.table-body .row.selected[data-v-25c719ae]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-25c719ae]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-25c719ae]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-25c719ae]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-25c719ae]{border-right:1px solid}.table-body .cell div[data-v-25c719ae]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-25c719ae]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-25c719ae]{overflow:initial}.table-body .cell.float[data-v-25c719ae],.table-body .cell.number[data-v-25c719ae]{text-align:right}.table-body .cell.string[data-v-25c719ae],.table-body .cell.stringNumber[data-v-25c719ae]{text-align:left}.table-body .cell.center[data-v-25c719ae]{text-align:center}.table-body .cell.left[data-v-25c719ae]{text-align:left}.table-body .cell.left .wrap[data-v-25c719ae]{justify-content:flex-start}.table-body .cell.right[data-v-25c719ae]{text-align:right}.table-body .cell.right .wrap[data-v-25c719ae]{justify-content:flex-end}.table-body .cell[data-v-25c719ae]:last-child{border-right:0}.table-body .cell.tree-td[data-v-25c719ae]{text-align:left!important}.table-resize-line[data-v-25c719ae]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-25c719ae]{border-right:1px solid}.vscroll-spacer[data-v-25c719ae]{opacity:0;clear:both}[v-cloak][data-v-25c719ae]{display:none}.ev-checkbox[data-v-25c719ae]{margin:0}.non-border[data-v-25c719ae]{border:none!important}.is-empty[data-v-25c719ae]{height:30px;text-align:center}", ""]);
 // Exports
 module.exports = exports;
 
@@ -9711,7 +9711,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("fe56");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-exports.push([module.i, ".ev-tree-grid[data-v-89ae5faa]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-89ae5faa]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-89ae5faa]{display:table}.ev-tree-grid.non-header[data-v-89ae5faa]{padding-top:0}.ev-tree-grid .table-header[data-v-89ae5faa]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-89ae5faa]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-89ae5faa]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-89ae5faa],.column-list[data-v-89ae5faa]{position:relative;height:100%}.column[data-v-89ae5faa]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-89ae5faa]{border-right:1px solid}.column[data-v-89ae5faa]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-89ae5faa]{cursor:default!important}.column .sort-icon[data-v-89ae5faa]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-89ae5faa]{font-size:13px;color:#005cc8}.column-name[data-v-89ae5faa]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-89ae5faa]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-89ae5faa]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-89ae5faa]{display:block;cursor:pointer}.column-filter-status[data-v-89ae5faa]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-89ae5faa]{font-size:10px;vertical-align:top}.column-resize[data-v-89ae5faa]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-89ae5faa]:hover{cursor:col-resize}.table-body[data-v-89ae5faa]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-89ae5faa]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-89ae5faa]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row[data-v-89ae5faa]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row.selected[data-v-89ae5faa]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-89ae5faa]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-89ae5faa]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-89ae5faa]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-89ae5faa]{border-right:1px solid}.table-body .cell div[data-v-89ae5faa]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-89ae5faa]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-89ae5faa]{overflow:initial}.table-body .cell.float[data-v-89ae5faa],.table-body .cell.number[data-v-89ae5faa]{text-align:right}.table-body .cell.string[data-v-89ae5faa],.table-body .cell.stringNumber[data-v-89ae5faa]{text-align:left}.table-body .cell.center[data-v-89ae5faa]{text-align:center}.table-body .cell.left[data-v-89ae5faa]{text-align:left}.table-body .cell.left .wrap[data-v-89ae5faa]{justify-content:flex-start}.table-body .cell.right[data-v-89ae5faa]{text-align:right}.table-body .cell.right .wrap[data-v-89ae5faa]{justify-content:flex-end}.table-body .cell[data-v-89ae5faa]:last-child{border-right:0}.table-body .cell.tree-td[data-v-89ae5faa]{text-align:left!important}.table-resize-line[data-v-89ae5faa]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-89ae5faa]{border-right:1px solid}.vscroll-spacer[data-v-89ae5faa]{opacity:0;clear:both}[v-cloak][data-v-89ae5faa]{display:none}.ev-checkbox[data-v-89ae5faa]{margin:0}.non-border[data-v-89ae5faa]{border:none!important}.is-empty[data-v-89ae5faa]{height:30px;text-align:center}.ev-tree-toggle[data-v-89ae5faa]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-89ae5faa]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-89ae5faa]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa],.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-89ae5faa]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}", ""]);
+exports.push([module.i, ".ev-tree-grid[data-v-89ae5faa]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-89ae5faa]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-89ae5faa]{display:table}.ev-tree-grid.non-header[data-v-89ae5faa]{padding-top:0}.ev-tree-grid .table-header[data-v-89ae5faa]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-89ae5faa]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-89ae5faa]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-89ae5faa],.column-list[data-v-89ae5faa]{position:relative;height:100%}.column[data-v-89ae5faa]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-89ae5faa]{border-right:1px solid}.column[data-v-89ae5faa]:last-child{border-right:0}.column:last-child .column-resize[data-v-89ae5faa]{cursor:default!important}.column .sort-icon[data-v-89ae5faa]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-89ae5faa]{font-size:13px;color:#005cc8}.column-name[data-v-89ae5faa]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-89ae5faa]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-89ae5faa]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-89ae5faa]{display:block;cursor:pointer}.column-filter-status[data-v-89ae5faa]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-89ae5faa]{font-size:10px;vertical-align:top}.column-resize[data-v-89ae5faa]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-89ae5faa]:hover{cursor:col-resize}.table-body[data-v-89ae5faa]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-89ae5faa]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-89ae5faa]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row[data-v-89ae5faa]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-89ae5faa]{border-bottom:1px solid}.table-body .row.selected[data-v-89ae5faa]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-89ae5faa]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-89ae5faa]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-89ae5faa]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-89ae5faa]{border-right:1px solid}.table-body .cell div[data-v-89ae5faa]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-89ae5faa]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-89ae5faa]{overflow:initial}.table-body .cell.float[data-v-89ae5faa],.table-body .cell.number[data-v-89ae5faa]{text-align:right}.table-body .cell.string[data-v-89ae5faa],.table-body .cell.stringNumber[data-v-89ae5faa]{text-align:left}.table-body .cell.center[data-v-89ae5faa]{text-align:center}.table-body .cell.left[data-v-89ae5faa]{text-align:left}.table-body .cell.left .wrap[data-v-89ae5faa]{justify-content:flex-start}.table-body .cell.right[data-v-89ae5faa]{text-align:right}.table-body .cell.right .wrap[data-v-89ae5faa]{justify-content:flex-end}.table-body .cell[data-v-89ae5faa]:last-child{border-right:0}.table-body .cell.tree-td[data-v-89ae5faa]{text-align:left!important}.table-resize-line[data-v-89ae5faa]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-89ae5faa]{border-right:1px solid}.vscroll-spacer[data-v-89ae5faa]{opacity:0;clear:both}[v-cloak][data-v-89ae5faa]{display:none}.ev-checkbox[data-v-89ae5faa]{margin:0}.non-border[data-v-89ae5faa]{border:none!important}.is-empty[data-v-89ae5faa]{height:30px;text-align:center}.ev-tree-toggle[data-v-89ae5faa]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-89ae5faa]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-89ae5faa]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa],.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-89ae5faa]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-89ae5faa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}", ""]);
 // Exports
 module.exports = exports;
 
@@ -10310,7 +10310,7 @@ module.exports = {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-fd0ffe52]{border-right:1px solid}.column[data-v-fd0ffe52]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-fd0ffe52]{cursor:default!important}.column .sort-icon[data-v-fd0ffe52]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-fd0ffe52]{font-size:13px;color:#005cc8}.column-name[data-v-fd0ffe52]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-fd0ffe52]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-fd0ffe52]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-fd0ffe52]{display:block;cursor:pointer}.column-filter-status[data-v-fd0ffe52]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-fd0ffe52]{font-size:10px;vertical-align:top}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-fd0ffe52]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-fd0ffe52]{border-right:1px solid}.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-body .cell[data-v-fd0ffe52]:last-child{border-right:0}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
+exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-fd0ffe52]{border-right:1px solid}.column[data-v-fd0ffe52]:last-child{border-right:0}.column:last-child .column-resize[data-v-fd0ffe52]{cursor:default!important}.column .sort-icon[data-v-fd0ffe52]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-fd0ffe52]{font-size:13px;color:#005cc8}.column-name[data-v-fd0ffe52]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-fd0ffe52]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-fd0ffe52]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-fd0ffe52]{display:block;cursor:pointer}.column-filter-status[data-v-fd0ffe52]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-fd0ffe52]{font-size:10px;vertical-align:top}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-fd0ffe52]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-fd0ffe52]{border-right:1px solid}.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-body .cell[data-v-fd0ffe52]:last-child{border-right:0}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
 // Exports
 module.exports = exports;
 
@@ -20296,13 +20296,13 @@ var uses_useCalendarDate = function useCalendarDate(param) {
       var isInvalidDate = isRangeMode && compareFromAndToDateTime(props.mode, calendarType, currDate, selectedValue.value); // time 모드인 경우 현재 값의 시간을 가지고 테스트
 
       var timeValue = (_modelValue$split$ = (_modelValue2 = modelValue) === null || _modelValue2 === void 0 ? void 0 : _modelValue2.split(' ')[1]) !== null && _modelValue$split$ !== void 0 ? _modelValue$split$ : '';
-      var isDisabled = disabledDate && disabledDate(new Date("".concat(currDate, " ").concat(timeValue)));
+      var isDisabled = disabledDate ? disabledDate(new Date("".concat(currDate, " ").concat(timeValue))) : isInvalidDate;
       var index = +(calendarType !== 'main');
       var isRangeSelected = isRangeMode && selectedValue.value.length > index && selectedValue.value[index].split(' ')[0].includes(currDate);
       var isSelected = !isDisabled && (isRangeMode ? monthType === '' && isRangeSelected : (_selectedValue$value = selectedValue.value) === null || _selectedValue$value === void 0 ? void 0 : _selectedValue$value.includes(currDate)); // mode가 dateRange일 때는 이전, 다음달에 selected 를 하지 않는다.
 
       calendarTableInfo[i][j] = {
-        monthType: "".concat(monthType).concat(isDisabled || isInvalidDate ? ' disabled' : ''),
+        monthType: "".concat(monthType).concat(isDisabled ? ' disabled' : ''),
         isToday: TODAY_YMD === currDate,
         isSelected: isSelected,
         year: year,
@@ -20396,7 +20396,7 @@ var uses_useCalendarDate = function useCalendarDate(param) {
         return true;
       }
 
-      return compareFromAndToDateTime(props.mode, calendarType, targetDateTimeValue, selectedValue.value);
+      return !disabledDateFunc && compareFromAndToDateTime(props.mode, calendarType, targetDateTimeValue, selectedValue.value);
     };
 
     ['hour', 'min', 'sec'].forEach(function (v) {
@@ -20669,7 +20669,7 @@ var calendar_uses_useEvent = function useEvent(param) {
     };
 
     var setRangeModeDateByIndex = function setRangeModeDateByIndex(currIndex, currDate) {
-      if (compareFromAndToDateTime(props.mode, calendarType, currDate, selectedValue.value)) {
+      if (!disabledDate && compareFromAndToDateTime(props.mode, calendarType, currDate, selectedValue.value)) {
         return;
       }
 
@@ -20955,13 +20955,6 @@ var calendar_uses_useEvent = function useEvent(param) {
           currDateTime = getChangedValueByTimeFormat(timeFormat[index], currDateTime);
         }
 
-        var fromDate = index ? selectedValue.value[0] : currDateTime;
-        var toDate = index ? currDateTime : selectedValue.value[1];
-
-        if (new Date(fromDate).getTime() > new Date(toDate).getTime()) {
-          return;
-        }
-
         selectedValue.value[index] = currDateTime;
       }
 
@@ -29986,7 +29979,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
     if (clickedRow) {
       selectInfo.selectedRow = clickedRow;
       setContextMenu();
-      emit('update:selected', clickedRow);
+      emit('update:selected', [clickedRow]);
     } else {
       selectInfo.selectedRow = [];
       setContextMenu(false);
@@ -30823,9 +30816,9 @@ Grid.install = function (app) {
 };
 
 /* harmony default export */ var grid = (Grid);
-// 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/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/chart/Chart.vue?vue&type=template&id=df219c50
+// 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/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/chart/Chart.vue?vue&type=template&id=1fece3ae
 
-function Chartvue_type_template_id_df219c50_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Chartvue_type_template_id_1fece3ae_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_resize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("resize");
 
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
@@ -30834,7 +30827,7 @@ function Chartvue_type_template_id_df219c50_render(_ctx, _cache, $props, $setup,
     class: "ev-chart"
   }, null, 4)), [[_directive_resize, $setup.onResize]]);
 }
-// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=df219c50
+// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=1fece3ae
 
 // CONCATENATED MODULE: ./node_modules/lodash-es/_arrayEach.js
 /**
@@ -32157,6 +32150,7 @@ function reverse(array) {
 
 
 
+
 /* harmony default export */ var helpers_util = ({
   /**
    * Transforming hex to rgb code
@@ -32477,6 +32471,17 @@ function reverse(array) {
   },
   isDoughnutHole: function isDoughnutHole(type) {
     return type === 'doughnut' || type === 'sunburst';
+  },
+  setDOMStyle: function setDOMStyle(targetDOM, styleObject) {
+    var _Object$keys;
+
+    if (!targetDOM || !styleObject) {
+      return;
+    }
+
+    (_Object$keys = Object.keys(styleObject)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (key) {
+      targetDOM.style[key] = styleObject[key];
+    });
   }
 });
 // CONCATENATED MODULE: ./src/components/chart/model/model.store.js
@@ -32499,6 +32504,7 @@ function reverse(array) {
 
 
 
+
 
 var modules = {
   /**
@@ -33655,6 +33661,37 @@ var modules = {
     }
 
     return null;
+  },
+
+  /**
+   * Get Aggregations (
+   * @returns {{}}
+   */
+  getAggregations: function getAggregations() {
+    var allData = this.data.data;
+    var series = this.data.series;
+    var aggregationDataSet = {};
+    var seriesIds = Object.keys(series);
+    seriesIds === null || seriesIds === void 0 ? void 0 : seriesIds.forEach(function (sId) {
+      var dataList = allData[sId].map(function (data) {
+        return data.value ? data.value : data;
+      });
+      var min = Math.min.apply(Math, _toConsumableArray(dataList));
+      var max = Math.max.apply(Math, _toConsumableArray(dataList));
+      var total = dataList.reduce(function (a, b) {
+        return a + b;
+      }, 0);
+      var avg = total / dataList.length || 0;
+      var last = dataList[dataList.length - 1];
+      aggregationDataSet[sId] = {
+        min: min,
+        max: max,
+        avg: avg,
+        total: total,
+        last: last
+      };
+    });
+    return aggregationDataSet;
   }
 };
 /* harmony default export */ var model_store = (modules);
@@ -34942,6 +34979,8 @@ var element_line_Line = /*#__PURE__*/function () {
       var _selectLabel$selected,
           _selectLabel$selected2,
           _selectSeries$option,
+          _selectSeries$selecte,
+          _selectSeries$selecte2,
           _this2 = this;
 
       if (!this.show) {
@@ -34964,10 +35003,10 @@ var element_line_Line = /*#__PURE__*/function () {
 
       if (legendHitInfo) {
         extent = this.extent[(legendHitInfo === null || legendHitInfo === void 0 ? void 0 : legendHitInfo.sId) === this.sId ? 'highlight' : 'downplay'];
-      } else if (selectSeries !== null && selectSeries !== void 0 && (_selectSeries$option = selectSeries.option) !== null && _selectSeries$option !== void 0 && _selectSeries$option.use) {
-        var _selectSeries$selecte, _selectSeries$selecte2;
+      } else if (selectSeries !== null && selectSeries !== void 0 && (_selectSeries$option = selectSeries.option) !== null && _selectSeries$option !== void 0 && _selectSeries$option.use && selectSeries !== null && selectSeries !== void 0 && (_selectSeries$selecte = selectSeries.selected) !== null && _selectSeries$selecte !== void 0 && (_selectSeries$selecte2 = _selectSeries$selecte.seriesId) !== null && _selectSeries$selecte2 !== void 0 && _selectSeries$selecte2.length) {
+        var _selectSeries$selecte3, _selectSeries$selecte4;
 
-        var isSelectedSeries = selectSeries === null || selectSeries === void 0 ? void 0 : (_selectSeries$selecte = selectSeries.selected) === null || _selectSeries$selecte === void 0 ? void 0 : (_selectSeries$selecte2 = _selectSeries$selecte.seriesId) === null || _selectSeries$selecte2 === void 0 ? void 0 : _selectSeries$selecte2.includes(this.sId);
+        var isSelectedSeries = selectSeries === null || selectSeries === void 0 ? void 0 : (_selectSeries$selecte3 = selectSeries.selected) === null || _selectSeries$selecte3 === void 0 ? void 0 : (_selectSeries$selecte4 = _selectSeries$selecte3.seriesId) === null || _selectSeries$selecte4 === void 0 ? void 0 : _selectSeries$selecte4.includes(this.sId);
         extent = this.extent[isSelectedSeries ? 'highlight' : 'downplay'];
       } else if (useSelectLabel && selectedLabelIndexList.length) {
         extent = this.extent.downplay;
@@ -35614,7 +35653,7 @@ var element_bar_Bar = /*#__PURE__*/function () {
       var h;
       bArea = cArea > cPad * 2 ? cArea - cPad * 2 : cArea;
       bArea = this.isExistGrp ? bArea : bArea / showSeriesCount;
-      var size = Math.round(bArea * thickness);
+      var size = Math.ceil(bArea * thickness);
       w = isHorizontal ? null : size;
       h = isHorizontal ? size : null;
       var bPad = isHorizontal ? (bArea - h) / 2 : (bArea - w) / 2;
@@ -36263,9 +36302,10 @@ var element_bar_time_TimeBar = /*#__PURE__*/function (_Bar) {
         bArea = (cArea - cPad * 2) / showSeriesCount;
       }
 
-      var w = isHorizontal ? null : Math.round(bArea * thickness);
-      var subW = isHorizontal ? null : Math.round(bArea * thickness);
-      var h = isHorizontal ? Math.round(bArea * thickness) : null;
+      var size = Math.ceil(bArea * thickness);
+      var w = isHorizontal ? null : size;
+      var subW = isHorizontal ? null : size;
+      var h = isHorizontal ? size : null;
       var bPad = isHorizontal ? (bArea - h) / 2 : (bArea - w) / 2;
       var barSeriesX = this.isExistGrp ? 1 : showIndex + 1;
       this.size.cat = cArea;
@@ -39313,6 +39353,11 @@ var plugins_title_modules = {
 
 
 
+
+
+
+
+
 var plugins_legend_modules = {
   /**
    * Create legend DOM
@@ -39335,10 +39380,52 @@ var plugins_legend_modules = {
       this.wrapperDOM.appendChild(this.resizeDOM);
     }
 
+    if (this.useTable) {
+      this.legendTableDOM = document.createElement('table');
+      this.legendTableDOM.className = 'ev-chart-legend--table';
+      this.setLegendColumnHeader();
+      this.legendBoxDOM.appendChild(this.legendTableDOM);
+      this.legendDOM.style.overflow = 'auto';
+    }
+
     this.legendDOM.appendChild(this.legendBoxDOM);
     this.wrapperDOM.appendChild(this.legendDOM);
   },
 
+  /**
+   * Create and append Table Header DOM
+   * Only chartOption > legend > table > use : true
+   *
+   * @returns {undefined}
+   */
+  setLegendColumnHeader: function setLegendColumnHeader() {
+    var _this$options$legend2,
+        _this = this;
+
+    var tableOpt = (_this$options$legend2 = this.options.legend) === null || _this$options$legend2 === void 0 ? void 0 : _this$options$legend2.table;
+    var columns = tableOpt.columns;
+    var columnKeyList = ['color'].concat(_toConsumableArray(Object.keys(columns)));
+    columnKeyList.forEach(function (key) {
+      var _columns$key;
+
+      var columnNameDOM = document.createElement('th');
+      columnNameDOM.className = 'ev-chart-legend--table__column-name';
+
+      if ((_columns$key = columns[key]) !== null && _columns$key !== void 0 && _columns$key.use || key === 'color' || key === 'name') {
+        var _columnOpt$title, _tableOpt$style;
+
+        var columnOpt = columns[key];
+        var keyText = (_columnOpt$title = columnOpt === null || columnOpt === void 0 ? void 0 : columnOpt.title) !== null && _columnOpt$title !== void 0 ? _columnOpt$title : '';
+        columnNameDOM.textContent = keyText;
+        columnNameDOM.setAttribute('title', keyText);
+        columnNameDOM.dataset.type = keyText;
+        helpers_util.setDOMStyle(columnNameDOM, tableOpt === null || tableOpt === void 0 ? void 0 : (_tableOpt$style = tableOpt.style) === null || _tableOpt$style === void 0 ? void 0 : _tableOpt$style.header);
+
+        _this.legendTableDOM.append(columnNameDOM);
+      }
+    });
+  },
+
   /**
    * Initialize legend
    * If there was no initialization, create DOM and set default layout.
@@ -39347,7 +39434,10 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   initLegend: function initLegend() {
+    var _this$options$legend3, _this$options$legend4;
+
     this.isHeatMapType = this.options.type === 'heatMap';
+    this.useTable = !!((_this$options$legend3 = this.options.legend) !== null && _this$options$legend3 !== void 0 && (_this$options$legend4 = _this$options$legend3.table) !== null && _this$options$legend4 !== void 0 && _this$options$legend4.use) && this.options.type !== 'heatmap' && this.options.type !== 'scatter';
 
     if (!this.isInitLegend) {
       this.createLegendLayout();
@@ -39374,25 +39464,44 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   addLegendList: function addLegendList() {
-    var _this = this;
+    var _this2 = this;
 
     var groups = this.data.groups;
     var seriesList = this.seriesList;
     groups.forEach(function (group) {
       group.slice().reverse().forEach(function (sId) {
-        if (seriesList[sId] && seriesList[sId].showLegend) {
-          _this.addLegend(seriesList[sId]);
+        var series = seriesList[sId];
+
+        if (series && series.showLegend) {
+          if (_this2.useTable) {
+            _this2.addLegendWithValues(series);
+          } else {
+            _this2.addLegend(series);
+          }
         }
       });
     });
     Object.values(seriesList).forEach(function (series) {
-      if (!series.isExistGrp && series.showLegend) {
-        _this.addLegend(series);
+      if (series.isExistGrp || !series.showLegend) {
+        return;
+      }
+
+      if (_this2.useTable) {
+        _this2.addLegendWithValues(series);
+      } else {
+        _this2.addLegend(series);
       }
     });
   },
+
+  /**
+   * Add Legend with Color Information
+   * Only Heatmap chart
+   *
+   * @returns {undefined}
+   */
   addColorLegendList: function addColorLegendList() {
-    var _this2 = this;
+    var _this3 = this;
 
     var seriesList = this.seriesList;
     Object.values(seriesList).forEach(function (series) {
@@ -39434,7 +39543,7 @@ var plugins_legend_modules = {
             name = minValue;
           }
 
-          _this2.addLegend({
+          _this3.addLegend({
             cId: colorItem.id,
             color: colorItem.color,
             name: name
@@ -39444,45 +39553,72 @@ var plugins_legend_modules = {
     });
   },
 
+  /**
+   * Get Container DOM by Event Object
+   * @param e Event
+   *
+   * @returns {Element}
+   */
+  getContainerDOM: function getContainerDOM(e) {
+    var targetDOM = null;
+    var type = e.target.dataset.type;
+    var childTypes = ['name', 'color', 'min', 'max', 'avg', 'total', 'last'];
+
+    if (type === 'container') {
+      targetDOM = e.target;
+    } else if (childTypes.includes(type)) {
+      var _targetDOM;
+
+      targetDOM = e.target.parentElement;
+
+      if (!((_targetDOM = targetDOM) !== null && _targetDOM !== void 0 && _targetDOM.series)) {
+        targetDOM = targetDOM.parentElement;
+      }
+    }
+
+    return targetDOM;
+  },
+
   /**
    * Initialize legend event
    *
    * @returns {undefined}
    */
   initEvent: function initEvent() {
-    var _this3 = this;
+    var _this4 = this;
 
     if (this.isInitLegend) {
       return;
     }
+
+    var classList = {
+      container: "ev-chart-legend".concat(this.useTable ? '--table__container' : '-container'),
+      color: "ev-chart-legend".concat(this.useTable ? '--table__color' : '-color'),
+      name: "ev-chart-legend".concat(this.useTable ? '--table__name' : '-name'),
+      value: "ev-chart-legend".concat(this.useTable ? '--table__value' : '-value')
+    };
     /**
      * callback for legendBoxDOM to show/hide clicked series
      *
      * @returns {undefined}
      */
 
-
     this.onLegendBoxClick = function (e) {
-      var _targetDOM, _targetDOM2;
+      var opt = _this4.options.legend;
 
-      var opt = _this3.options.legend;
-      var type = e.target.dataset.type;
-      var targetDOM;
+      var targetDOM = _this4.getContainerDOM(e);
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      if (!targetDOM) {
         return;
       }
 
-      var colorDOM = (_targetDOM = targetDOM) === null || _targetDOM === void 0 ? void 0 : _targetDOM.getElementsByClassName('ev-chart-legend-color')[0];
-      var nameDOM = (_targetDOM2 = targetDOM) === null || _targetDOM2 === void 0 ? void 0 : _targetDOM2.getElementsByClassName('ev-chart-legend-name')[0];
-      var isActive = !(colorDOM !== null && colorDOM !== void 0 && colorDOM.className.includes('inactive'));
-      var series = nameDOM === null || nameDOM === void 0 ? void 0 : nameDOM.series;
+      var series = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.series;
+      var colorDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName(classList.color)[0];
+      var nameDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName(classList.name)[0];
+      var valueDOMList = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName(classList.value);
+      var isActive = !(targetDOM !== null && targetDOM !== void 0 && targetDOM.className.includes('inactive'));
 
-      if (isActive && _this3.seriesInfo.count === 1) {
+      if (isActive && _this4.seriesInfo.count === 1) {
         return;
       }
 
@@ -39491,12 +39627,16 @@ var plugins_legend_modules = {
       }
 
       if (isActive) {
-        _this3.seriesInfo.count--;
-        colorDOM.style.backgroundColor = opt.inactive;
-        colorDOM.style.borderColor = opt.inactive;
-        nameDOM.style.color = opt.inactive;
+        _this4.seriesInfo.count--;
+        var inactiveColor = opt.inactive;
+        colorDOM.style.backgroundColor = inactiveColor;
+        colorDOM.style.borderColor = inactiveColor;
+        nameDOM.style.color = inactiveColor;
+        valueDOMList === null || valueDOMList === void 0 ? void 0 : valueDOMList.forEach(function (dom) {
+          dom.style.color = inactiveColor;
+        });
       } else {
-        _this3.seriesInfo.count++;
+        _this4.seriesInfo.count++;
         var seriesColor;
 
         if (typeof series.color !== 'string') {
@@ -39514,13 +39654,18 @@ var plugins_legend_modules = {
         }
 
         nameDOM.style.color = opt.color;
+        valueDOMList === null || valueDOMList === void 0 ? void 0 : valueDOMList.forEach(function (dom) {
+          var _opt$table, _opt$table$columns$do;
+
+          var style = (_opt$table = opt.table) === null || _opt$table === void 0 ? void 0 : (_opt$table$columns$do = _opt$table.columns[dom.dataset.type]) === null || _opt$table$columns$do === void 0 ? void 0 : _opt$table$columns$do.style;
+          dom.style.color = style !== null && style !== void 0 && style.color ? style.color : opt.color;
+        });
       }
 
       series.show = !series.show;
-      colorDOM.classList.toggle('inactive');
-      nameDOM.classList.toggle('inactive');
+      targetDOM.classList.toggle('inactive');
 
-      _this3.update({
+      _this4.update({
         updateSeries: false,
         updateSelTip: {
           update: true,
@@ -39536,25 +39681,21 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxOver = function (e) {
-      var type = e.target.dataset.type;
-      var targetDOM;
+      var _targetDOM$series;
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      var targetDOM = _this4.getContainerDOM(e);
+
+      if (!targetDOM) {
         return;
       }
 
-      var nameDOM = targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
-      var targetId = nameDOM.series.sId;
+      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series = targetDOM.series) === null || _targetDOM$series === void 0 ? void 0 : _targetDOM$series.sId;
       var legendHitInfo = {
         sId: targetId,
-        type: _this3.options.type
+        type: _this4.options.type
       };
 
-      _this3.update({
+      _this4.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -39573,7 +39714,7 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
-      _this3.update({
+      _this4.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -39590,8 +39731,13 @@ var plugins_legend_modules = {
     this.legendBoxDOM.addEventListener('mouseleave', this.onLegendBoxLeave);
     this.initResizeEvent();
   },
+
+  /**
+   * Init Event on Color Legend
+   * Only Heatmap
+   */
   initEventForColorLegend: function initEventForColorLegend() {
-    var _this4 = this;
+    var _this5 = this;
 
     if (this.isInitLegend) {
       return;
@@ -39604,25 +39750,21 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxClick = function (e) {
-      var _targetDOM3, _targetDOM4;
+      var _targetDOM$series2;
 
-      var opt = _this4.options.legend;
-      var series = Object.values(_this4.seriesList)[0];
-      var type = e.target.dataset.type;
-      var targetDOM;
+      var opt = _this5.options.legend;
+      var series = Object.values(_this5.seriesList)[0];
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      var targetDOM = _this5.getContainerDOM(e);
+
+      if (!targetDOM) {
         return;
       }
 
-      var colorDOM = (_targetDOM3 = targetDOM) === null || _targetDOM3 === void 0 ? void 0 : _targetDOM3.getElementsByClassName('ev-chart-legend-color')[0];
-      var nameDOM = (_targetDOM4 = targetDOM) === null || _targetDOM4 === void 0 ? void 0 : _targetDOM4.getElementsByClassName('ev-chart-legend-name')[0];
+      var colorDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName('ev-chart-legend-color')[0];
+      var nameDOM = targetDOM === null || targetDOM === void 0 ? void 0 : targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
+      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series2 = targetDOM.series) === null || _targetDOM$series2 === void 0 ? void 0 : _targetDOM$series2.cId;
       var isActive = !(colorDOM !== null && colorDOM !== void 0 && colorDOM.className.includes('inactive'));
-      var targetId = nameDOM.series.cId;
       var activeCount = series.colorState.filter(function (colorItem) {
         return colorItem.show;
       }).length;
@@ -39640,7 +39782,9 @@ var plugins_legend_modules = {
         colorDOM.style.borderColor = opt.inactive;
         nameDOM.style.color = opt.inactive;
       } else {
-        colorDOM.style.backgroundColor = nameDOM.series.color;
+        var _targetDOM$series3;
+
+        colorDOM.style.backgroundColor = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series3 = targetDOM.series) === null || _targetDOM$series3 === void 0 ? void 0 : _targetDOM$series3.color;
         nameDOM.style.color = opt.color;
       }
 
@@ -39655,7 +39799,7 @@ var plugins_legend_modules = {
       colorDOM.classList.toggle('inactive');
       nameDOM.classList.toggle('inactive');
 
-      _this4.update({
+      _this5.update({
         updateSeries: false,
         updateSelTip: {
           update: true,
@@ -39671,25 +39815,22 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxOver = function (e) {
-      var type = e.target.dataset.type;
-      var series = Object.values(_this4.seriesList)[0];
-      var targetDOM;
+      var _Object$values, _targetDOM$series4;
 
-      if (type === 'container') {
-        targetDOM = e.target;
-      } else if (type === 'name' || type === 'color') {
-        targetDOM = e.target.parentElement;
-      } else {
+      var series = (_Object$values = Object.values(_this5.seriesList)) === null || _Object$values === void 0 ? void 0 : _Object$values[0];
+
+      var targetDOM = _this5.getContainerDOM(e);
+
+      if (!targetDOM) {
         return;
       }
 
-      var nameDOM = targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
-      var targetId = nameDOM.series.cId;
+      var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series4 = targetDOM.series) === null || _targetDOM$series4 === void 0 ? void 0 : _targetDOM$series4.cId;
       series.colorState.forEach(function (colorItem) {
         colorItem.state = colorItem.id === targetId ? 'highlight' : 'downplay';
       });
 
-      _this4.update({
+      _this5.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -39705,12 +39846,12 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
-      var series = Object.values(_this4.seriesList)[0];
+      var series = Object.values(_this5.seriesList)[0];
       series.colorState.forEach(function (item) {
         item.state = 'normal';
       });
 
-      _this4.update({
+      _this5.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -39725,7 +39866,7 @@ var plugins_legend_modules = {
     this.initResizeEvent();
   },
   initResizeEvent: function initResizeEvent() {
-    var _this5 = this;
+    var _this6 = this;
 
     /**
      * callback for resizeDOM click event
@@ -39737,33 +39878,33 @@ var plugins_legend_modules = {
     this.onResizeMouseDown = function (e) {
       e.stopPropagation();
       e.preventDefault();
-      var opt = _this5.options;
+      var opt = _this6.options;
       var pos = opt.legend.position;
       var title = opt.title.show ? opt.title.height : 0;
-      var ghostDOM = _this5.ghostDOM;
-      _this5.resizeDOM.style.display = 'none';
+      var ghostDOM = _this6.ghostDOM;
+      _this6.resizeDOM.style.display = 'none';
 
-      _this5.wrapperDOM.appendChild(ghostDOM); // mouse down 시, resizeDOM의 위치를 기반으로 ghostDOM의 위치를 세팅
+      _this6.wrapperDOM.appendChild(ghostDOM); // mouse down 시, resizeDOM의 위치를 기반으로 ghostDOM의 위치를 세팅
 
 
       if (pos === 'left' || pos === 'right') {
         ghostDOM.style.top = "".concat(title, "px");
-        ghostDOM.style.left = _this5.resizeDOM.style.left;
-        ghostDOM.style.right = _this5.resizeDOM.style.right;
-        ghostDOM.style.height = _this5.resizeDOM.style.height;
+        ghostDOM.style.left = _this6.resizeDOM.style.left;
+        ghostDOM.style.right = _this6.resizeDOM.style.right;
+        ghostDOM.style.height = _this6.resizeDOM.style.height;
       } else {
         ghostDOM.classList.add('horizontal');
 
         if (pos === 'top') {
-          ghostDOM.style.top = _this5.resizeDOM.style.top;
+          ghostDOM.style.top = _this6.resizeDOM.style.top;
         } else if (pos === 'bottom') {
-          ghostDOM.style.bottom = _this5.resizeDOM.style.bottom;
+          ghostDOM.style.bottom = _this6.resizeDOM.style.bottom;
         }
       }
 
-      _this5.wrapperDOM.addEventListener('mousemove', _this5.mouseMove, false);
+      _this6.wrapperDOM.addEventListener('mousemove', _this6.mouseMove, false);
 
-      _this5.wrapperDOM.addEventListener('mouseup', _this5.mouseUp, false);
+      _this6.wrapperDOM.addEventListener('mouseup', _this6.mouseUp, false);
     };
 
     if (this.resizeDOM) {
@@ -39789,22 +39930,86 @@ var plugins_legend_modules = {
     }
   },
 
+  /**
+   * To update value text on legend table
+   * Only chartOption > legend > table > use : true
+   *
+   * @returns {undefined}
+   */
+  updateLegendTableValues: function updateLegendTableValues() {
+    var _this$options2,
+        _this$options2$legend,
+        _this$options2$legend2,
+        _this$legendBoxDOM,
+        _this7 = this;
+
+    var columns = (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$legend = _this$options2.legend) === null || _this$options2$legend === void 0 ? void 0 : (_this$options2$legend2 = _this$options2$legend.table) === null || _this$options2$legend2 === void 0 ? void 0 : _this$options2$legend2.columns;
+    var aggregations = this.getAggregations();
+    var rowDOMList = (_this$legendBoxDOM = this.legendBoxDOM) === null || _this$legendBoxDOM === void 0 ? void 0 : _this$legendBoxDOM.getElementsByClassName('ev-chart-legend--table__row');
+    rowDOMList.forEach(function (row) {
+      var valueDOMList = row === null || row === void 0 ? void 0 : row.getElementsByClassName('ev-chart-legend--table__value');
+      valueDOMList.forEach(function (dom) {
+        var _aggregations$seriesI;
+
+        var key = dom.dataset.type;
+
+        if (key === 'name') {
+          return;
+        }
+
+        var seriesId = row.series.sId;
+        var value = +(aggregations === null || aggregations === void 0 ? void 0 : (_aggregations$seriesI = aggregations[seriesId]) === null || _aggregations$seriesI === void 0 ? void 0 : _aggregations$seriesI[key]);
+        dom.textContent = _this7.getFormattedValue(columns[key], value);
+      });
+    });
+  },
+
+  /**
+   * Force Update Legend. Remove and Create
+   *
+   * @returns {undefined}
+   */
+  forceUpdateLegend: function forceUpdateLegend() {
+    this.destroyLegend();
+    this.initLegend();
+  },
+
   /**
    * To update legend, remove all of legendBoxDOM's children
    *
    * @returns {undefined}
    */
   resetLegend: function resetLegend() {
-    var legendDOM = this.legendBoxDOM;
+    var legendBoxDOM = this.legendBoxDOM;
 
-    if (!legendDOM) {
+    if (!legendBoxDOM) {
       return;
     }
 
-    while (legendDOM.hasChildNodes()) {
-      legendDOM.removeChild(legendDOM.firstChild);
+    while (legendBoxDOM.hasChildNodes()) {
+      legendBoxDOM.removeChild(legendBoxDOM.firstChild);
+    }
+
+    this.seriesInfo.count = 0;
+  },
+
+  /**
+   * To update legend, remove all of legendBoxDOM's children
+   *
+   * @returns {undefined}
+   */
+  destroyLegend: function destroyLegend() {
+    var legendDOM = this.legendDOM;
+
+    if (!legendDOM) {
+      return;
     }
 
+    legendDOM.remove();
+    this.legendDOM = null;
+    this.legendBoxDOM = null;
+    this.resizeDOM = null;
+    this.isInitLegend = false;
     this.seriesInfo.count = 0;
   },
 
@@ -39818,18 +40023,21 @@ var plugins_legend_modules = {
     var containerDOM = document.createElement('div');
     var colorDOM = document.createElement('span');
     var nameDOM = document.createElement('div');
-    containerDOM.className = 'ev-chart-legend-container';
+    containerDOM.className = "ev-chart-legend-container ".concat(!series.show ? ' inactive' : '');
+    containerDOM.series = series;
     colorDOM.className = 'ev-chart-legend-color';
 
     if (series.type === 'line' && series.point && !series.fill) {
       colorDOM.className += ' ev-chart-legend-color--point-line';
     }
 
-    nameDOM.className = 'ev-chart-legend-name';
-    nameDOM.series = series;
+    nameDOM.className = 'ev-chart-legend-name'; // set series color
+
     var seriesColor;
 
-    if (typeof series.color !== 'string') {
+    if (!series.show) {
+      seriesColor = opt.inactive;
+    } else if (typeof series.color !== 'string') {
       seriesColor = series.color[series.color.length - 1][1];
     } else {
       seriesColor = series.color;
@@ -39837,7 +40045,7 @@ var plugins_legend_modules = {
 
     if (series.type === 'line' && series.fill) {
       colorDOM.style.height = '8px';
-      colorDOM.style.backgroundColor = "".concat(seriesColor, "80");
+      colorDOM.style.backgroundColor = series.show ? "".concat(seriesColor, "80") : opt.inactive;
       colorDOM.style.border = "1px solid ".concat(seriesColor);
     } else {
       colorDOM.style.backgroundColor = seriesColor;
@@ -39864,7 +40072,140 @@ var plugins_legend_modules = {
     containerDOM.style.overflow = 'hidden';
     containerDOM.dataset.type = 'container';
     this.legendBoxDOM.appendChild(containerDOM);
-    this.seriesInfo.count++;
+
+    if (series.show) {
+      this.seriesInfo.count++;
+    }
+  },
+
+  /**
+   * Add Legend Items With aggregation Values
+   * Only chartOption > legend > table > use : true
+   * @param series
+   */
+  addLegendWithValues: function addLegendWithValues(series) {
+    var _opt$table2,
+        _this$getAggregations,
+        _opt$table3,
+        _opt$table3$style,
+        _columns$name,
+        _this8 = this;
+
+    var opt = this.options.legend;
+    var columns = opt === null || opt === void 0 ? void 0 : (_opt$table2 = opt.table) === null || _opt$table2 === void 0 ? void 0 : _opt$table2.columns;
+    var aggregations = (_this$getAggregations = this.getAggregations()) === null || _this$getAggregations === void 0 ? void 0 : _this$getAggregations[series === null || series === void 0 ? void 0 : series.sId];
+
+    if (!aggregations || !columns) {
+      return;
+    } // create row
+
+
+    var rowDOM = document.createElement('tr');
+    rowDOM.className = "ev-chart-legend--table__row ".concat(!series.show ? ' inactive' : '');
+    helpers_util.setDOMStyle(rowDOM, (_opt$table3 = opt.table) === null || _opt$table3 === void 0 ? void 0 : (_opt$table3$style = _opt$table3.style) === null || _opt$table3$style === void 0 ? void 0 : _opt$table3$style.row);
+    rowDOM.series = series;
+    rowDOM.dataset.type = 'container'; // create td - color
+
+    var colorWrapperDOM = document.createElement('td');
+    colorWrapperDOM.className = 'ev-chart-legend--table__color-wrapper';
+    colorWrapperDOM.dataset.type = 'color';
+    var colorDOM = document.createElement('div');
+    colorDOM.className = 'ev-chart-legend--table__color';
+    colorDOM.dataset.type = 'color'; // set series color
+
+    var seriesColor;
+
+    if (!series.show) {
+      seriesColor = opt.inactive;
+    } else if (typeof series.color !== 'string') {
+      seriesColor = series.color[series.color.length - 1][1];
+    } else {
+      seriesColor = series.color;
+    }
+
+    switch (series.type) {
+      case 'line':
+        {
+          if (series.fill) {
+            colorDOM.style.backgroundColor = "".concat(seriesColor, "80");
+            colorDOM.style.border = "1px solid ".concat(seriesColor);
+          } else {
+            if (series.point) {
+              colorDOM.className += ' ev-chart-legend--table__color--point-line';
+            }
+
+            colorDOM.className += ' ev-chart-legend--table__color--line';
+            colorDOM.style.backgroundColor = seriesColor;
+          }
+
+          break;
+        }
+
+      case 'bar':
+      case 'pie':
+      default:
+        {
+          colorDOM.style.height = '10px';
+          colorDOM.style.backgroundColor = seriesColor;
+          break;
+        }
+    }
+
+    if (series.type === 'line' && series.fill) {
+      colorDOM.style.height = '8px';
+      colorDOM.style.backgroundColor = series.show ? "".concat(seriesColor, "80") : opt.inactive;
+      colorDOM.style.border = "1px solid ".concat(seriesColor);
+    } else {
+      colorDOM.style.backgroundColor = seriesColor;
+    }
+
+    colorWrapperDOM.appendChild(colorDOM);
+    rowDOM.appendChild(colorWrapperDOM); // create td - name
+
+    var nameDOM = document.createElement('td');
+    nameDOM.className = 'ev-chart-legend--table__name';
+    nameDOM.style.color = series.show ? opt.color : opt.inactive;
+    nameDOM.textContent = series.name;
+    nameDOM.setAttribute('title', series.name);
+    nameDOM.dataset.type = 'name';
+    helpers_util.setDOMStyle(nameDOM, columns === null || columns === void 0 ? void 0 : (_columns$name = columns.name) === null || _columns$name === void 0 ? void 0 : _columns$name.style);
+
+    if (!series.show) {
+      nameDOM.style.color = opt.inactive;
+    }
+
+    rowDOM.appendChild(nameDOM); // create td - values
+
+    var columnKeyList = Object.keys(columns);
+    columnKeyList === null || columnKeyList === void 0 ? void 0 : columnKeyList.forEach(function (key) {
+      if (key === 'name') {
+        return;
+      }
+
+      if (columns[key].use) {
+        var _columns$key2;
+
+        var formattedTxt = _this8.getFormattedValue(columns[key], +aggregations[key]);
+
+        var valueDOM = document.createElement('td');
+        valueDOM.className = 'ev-chart-legend--table__value';
+        valueDOM.style.color = series.show ? opt.color : opt.inactive;
+        valueDOM.textContent = formattedTxt;
+        valueDOM.dataset.type = key.toString();
+        helpers_util.setDOMStyle(valueDOM, (_columns$key2 = columns[key]) === null || _columns$key2 === void 0 ? void 0 : _columns$key2.style);
+
+        if (!series.show) {
+          valueDOM.style.color = opt.inactive;
+        }
+
+        rowDOM.appendChild(valueDOM);
+      }
+    });
+    this.legendTableDOM.appendChild(rowDOM);
+
+    if (series.show) {
+      this.seriesInfo.count++;
+    }
   },
 
   /**
@@ -39873,13 +40214,13 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   setLegendPosition: function setLegendPosition() {
-    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2, _opt$legend$padding, _opt$legend3;
+    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM2, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2, _opt$legend$padding, _opt$legend3;
 
     var opt = this.options;
     var position = opt === null || opt === void 0 ? void 0 : (_opt$legend = opt.legend) === null || _opt$legend === void 0 ? void 0 : _opt$legend.position;
     var wrapperStyle = (_this$wrapperDOM = this.wrapperDOM) === null || _this$wrapperDOM === void 0 ? void 0 : _this$wrapperDOM.style;
     var legendStyle = (_this$legendDOM = this.legendDOM) === null || _this$legendDOM === void 0 ? void 0 : _this$legendDOM.style;
-    var boxStyle = (_this$legendBoxDOM = this.legendBoxDOM) === null || _this$legendBoxDOM === void 0 ? void 0 : _this$legendBoxDOM.style;
+    var boxStyle = (_this$legendBoxDOM2 = this.legendBoxDOM) === null || _this$legendBoxDOM2 === void 0 ? void 0 : _this$legendBoxDOM2.style;
     var resizeStyle = (_this$resizeDOM = this.resizeDOM) === null || _this$resizeDOM === void 0 ? void 0 : _this$resizeDOM.style;
     var chartRect;
     var legendPad;
@@ -40016,13 +40357,13 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   updateLegendContainerSize: function updateLegendContainerSize() {
-    var _this$options2;
+    var _this$options3;
 
     if (!this.options || !this.legendBoxDOM) {
       return;
     }
 
-    var opt = (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.legend;
+    var opt = (_this$options3 = this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.legend;
     var container = this.legendBoxDOM.getElementsByClassName('ev-chart-legend-container');
 
     if (!container) {
@@ -40228,6 +40569,30 @@ var plugins_legend_modules = {
     legendStyle.width = '0';
     legendStyle.height = '0';
     wrapperStyle.padding = "".concat(title, "px 0 0 0");
+  },
+
+  /**
+   * Get formatted value by formatter function
+   * Only chartOption > legend > table > use : true
+   * @param formatter
+   * @param decimalPoint
+   * @param value
+   * @returns {string}
+   */
+  getFormattedValue: function getFormattedValue(_ref2, value) {
+    var formatter = _ref2.formatter,
+        decimalPoint = _ref2.decimalPoint;
+    var formattedTxt;
+
+    if (formatter) {
+      formattedTxt = formatter(value);
+    }
+
+    if (!formatter || typeof formattedTxt !== 'string') {
+      formattedTxt = helpers_util.labelSignFormat(value, decimalPoint);
+    }
+
+    return formattedTxt;
   }
 };
 /* harmony default export */ var plugins_legend = (plugins_legend_modules);
@@ -41386,34 +41751,36 @@ var plugins_interaction_modules = {
     var seriesName = _ref2.seriesName,
         value = _ref2.value,
         itemData = _ref2.itemData;
-    var tooltipOpt = this.options.tooltip;
-    var tooltipValueFormatter = typeof tooltipOpt.formatter === 'function' ? tooltipOpt.formatter : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.value;
+    var opt = this.options;
+    var isHorizontal = !!opt.horizontal;
+    var tooltipOpt = opt.tooltip;
+    var tooltipValueFormatter = typeof (tooltipOpt === null || tooltipOpt === void 0 ? void 0 : tooltipOpt.formatter) === 'function' ? tooltipOpt === null || tooltipOpt === void 0 ? void 0 : tooltipOpt.formatter : tooltipOpt === null || tooltipOpt === void 0 ? void 0 : (_tooltipOpt$formatter = tooltipOpt.formatter) === null || _tooltipOpt$formatter === void 0 ? void 0 : _tooltipOpt$formatter.value;
     var formattedTxt = value;
 
     if (tooltipValueFormatter) {
-      if (this.options.type === 'pie') {
+      if (opt.type === 'pie') {
         formattedTxt = tooltipValueFormatter({
           value: value,
           name: seriesName,
-          percentage: itemData.percentage
+          percentage: itemData === null || itemData === void 0 ? void 0 : itemData.percentage
         });
-      } else if (this.options.type === 'heatMap') {
+      } else if (opt.type === 'heatMap') {
         formattedTxt = tooltipValueFormatter({
-          x: itemData.x,
-          y: itemData.y,
+          x: itemData === null || itemData === void 0 ? void 0 : itemData.x,
+          y: itemData === null || itemData === void 0 ? void 0 : itemData.y,
           value: value > -1 ? value : 'error'
         });
       } else {
         formattedTxt = tooltipValueFormatter({
-          x: this.options.horizontal ? value : itemData.x,
-          y: this.options.horizontal ? itemData.y : value,
+          x: isHorizontal ? value : itemData === null || itemData === void 0 ? void 0 : itemData.x,
+          y: isHorizontal ? itemData === null || itemData === void 0 ? void 0 : itemData.y : value,
           name: seriesName
         });
       }
     }
 
     if (value && (!tooltipValueFormatter || typeof formattedTxt !== 'string')) {
-      if (this.options.type === 'heatMap') {
+      if (opt.type === 'heatMap') {
         formattedTxt = value < 0 ? 'error' : numberWithComma(value);
       } else {
         formattedTxt = numberWithComma(value);
@@ -42515,6 +42882,10 @@ var plugins_pie_modules = {
         radius -= pieOption.pieStroke.lineWidth;
       }
 
+      if (radius < 0) {
+        return;
+      }
+
       pie.or = radius;
 
       if (ix < pieDataSet.length - 1) {
@@ -42615,6 +42986,10 @@ var plugins_pie_modules = {
         radius -= pieOption.pieStroke.lineWidth;
       }
 
+      if (radius < 0) {
+        return;
+      }
+
       pie.or = radius;
 
       if (ix < pieDataSet.length - 1) {
@@ -44059,7 +44434,9 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var groups = this.data.groups;
       var series = this.data.series;
       var updateSeries = updateInfo.updateSeries,
-          updateSelTip = updateInfo.updateSelTip;
+          updateSelTip = updateInfo.updateSelTip,
+          updateLegend = updateInfo.updateLegend,
+          updateData = updateInfo.updateData;
 
       if (!this.isInit) {
         return;
@@ -44119,10 +44496,18 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       }
 
       if (options.legend.show) {
+        var _options$legend, _options$legend$table;
+
+        var useTable = !!((_options$legend = options.legend) !== null && _options$legend !== void 0 && (_options$legend$table = _options$legend.table) !== null && _options$legend$table !== void 0 && _options$legend$table.use) && options.type !== 'heatmap' && options.type !== 'scatter';
+
         if (!this.isInitLegend) {
           this.initLegend();
         } else if (updateSeries) {
           this.updateLegend();
+        } else if (updateLegend) {
+          this.forceUpdateLegend();
+        } else if (useTable && updateData) {
+          this.updateLegendTableValues();
         }
 
         this.setLegendPosition();
@@ -44344,7 +44729,35 @@ var DEFAULT_OPTIONS = {
     inactive: '#aaa',
     width: 140,
     height: 24,
-    allowResize: false
+    allowResize: false,
+    table: {
+      use: false,
+      columns: {
+        name: {
+          title: 'Name'
+        },
+        min: {
+          title: 'MIN',
+          use: false
+        },
+        max: {
+          title: 'MAX',
+          use: false
+        },
+        avg: {
+          title: 'AVG',
+          use: false
+        },
+        total: {
+          title: 'TOTAL',
+          use: false
+        },
+        last: {
+          title: 'LAST',
+          use: false
+        }
+      }
+    }
   },
   itemHighlight: true,
   seriesHighlight: true,
@@ -44708,13 +45121,15 @@ var uses_useWrapper = function useWrapper(options) {
                 return props.options;
               }, function (chartOpt) {
                 var newOpt = getNormalizedOptions(chartOpt);
+                var isUpdateLegend = !lodash_es_isEqual(newOpt.legend, evChart.options.legend);
                 evChart.options = lodash_es_cloneDeep(newOpt);
                 evChart.update({
                   updateSeries: false,
                   updateSelTip: {
                     update: false,
                     keepDomain: false
-                  }
+                  },
+                  updateLegend: isUpdateLegend
                 });
               }, {
                 deep: true
@@ -44727,13 +45142,15 @@ var uses_useWrapper = function useWrapper(options) {
               }, function (chartData) {
                 var newData = getNormalizedData(chartData);
                 var isUpdateSeries = !lodash_es_isEqual(newData.series, evChart.data.series) || !lodash_es_isEqual(newData.groups, evChart.data.groups) || props.options.type === 'heatMap';
+                var isUpdateData = !lodash_es_isEqual(newData.data, evChart.data);
                 evChart.data = lodash_es_cloneDeep(newData);
                 evChart.update({
                   updateSeries: isUpdateSeries,
                   updateSelTip: {
                     update: true,
                     keepDomain: false
-                  }
+                  },
+                  updateData: isUpdateData
                 });
               }, {
                 deep: true
@@ -44819,8 +45236,8 @@ var uses_useWrapper = function useWrapper(options) {
 });
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=df219c50&lang=scss
-var Chartvue_type_style_index_0_id_df219c50_lang_scss = __webpack_require__("2fe8");
+// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=1fece3ae&lang=scss
+var Chartvue_type_style_index_0_id_1fece3ae_lang_scss = __webpack_require__("488e");
 
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue
 
@@ -44830,7 +45247,7 @@ var Chartvue_type_style_index_0_id_df219c50_lang_scss = __webpack_require__("2fe
 
 
 
-const Chart_exports_ = /*#__PURE__*/exportHelper_default()(Chartvue_type_script_lang_js, [['render',Chartvue_type_template_id_df219c50_render]])
+const Chart_exports_ = /*#__PURE__*/exportHelper_default()(Chartvue_type_script_lang_js, [['render',Chartvue_type_template_id_1fece3ae_render]])
 
 /* harmony default export */ var Chart = (Chart_exports_);
 // CONCATENATED MODULE: ./src/components/chart/index.js