evui 3.4.69 → 3.4.71

package/dist/evui.umd.js

@@ -4357,6 +4357,21 @@ module.exports = function (url, options) {
 
 /***/ }),
 
+/***/ "21f1":
+/***/ (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__("e2e3");
+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("7d2d3b95", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "2226":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -5148,20 +5163,6 @@ module.exports = DESCRIPTORS ? Object.defineProperties : function defineProperti
 };
 
 
-/***/ }),
-
-/***/ "37ed":
-/***/ (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-grid[data-v-a92acb9a]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-a92acb9a]{overflow:auto}.ev-grid--empty .table-header[data-v-a92acb9a]{display:table}.ev-grid.non-header[data-v-a92acb9a]{padding-top:0}.ev-grid .table-header[data-v-a92acb9a]{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-a92acb9a]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-a92acb9a]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-a92acb9a]{display:none;position:absolute;right:10px;vertical-align:middle;transform:translateY(-50%)}.column-list[data-v-a92acb9a]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-a92acb9a],.column-list[data-v-a92acb9a]{position:relative;height:100%}.column[data-v-a92acb9a]{display:inline-flex;padding:0 10px;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}.column.checkbox-all[data-v-a92acb9a]{padding:0}.column.checkbox-all .ev-checkbox[data-v-a92acb9a]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.column .column-sort__icon[data-v-a92acb9a]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-a92acb9a]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-a92acb9a]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-a92acb9a]{visibility:visible}.column-name[data-v-a92acb9a]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-a92acb9a]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-a92acb9a]:hover{cursor:col-resize}.table-body[data-v-a92acb9a]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-a92acb9a]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-a92acb9a]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-a92acb9a]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-a92acb9a]{border-bottom:1px solid}.table-body .row[data-v-a92acb9a]{position:relative;color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.table-body .row[disabled=true][data-v-a92acb9a]{cursor:not-allowed}.dark .table-body .row[data-v-a92acb9a]{border-bottom:1px solid}.table-body .row.selected[data-v-a92acb9a]{background:#dbf0f9}.dark .table-body .row.selected[data-v-a92acb9a],.table-body .row.selected[data-v-a92acb9a]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-a92acb9a]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-a92acb9a]:not([disabled=true]){display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-a92acb9a]:not([disabled=true]):hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-a92acb9a]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-a92acb9a],.table-body .cell div[data-v-a92acb9a]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-a92acb9a]{overflow:hidden}.table-body .cell.row-checkbox[data-v-a92acb9a]{display:inline-flex;padding:0;justify-content:center;align-items:center}.table-body .cell.row-checkbox .ev-checkbox[data-v-a92acb9a]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.table-body .cell.row-detail-toggle[data-v-a92acb9a]{padding:0}.table-body .cell.row-detail-toggle .row-detail-toggle-icon[data-v-a92acb9a]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease-in-out}.table-body .cell.row-detail-toggle--expanded .row-detail-toggle-icon[data-v-a92acb9a]{transform:rotate(90deg)}.table-body .cell.render[data-v-a92acb9a]{overflow:initial}.table-body .cell.float[data-v-a92acb9a],.table-body .cell.number[data-v-a92acb9a]{text-align:right}.table-body .cell.string[data-v-a92acb9a],.table-body .cell.stringNumber[data-v-a92acb9a]{text-align:left}.table-body .cell.center[data-v-a92acb9a]{text-align:center}.table-body .cell.left[data-v-a92acb9a]{text-align:left}.table-body .cell.left .wrap[data-v-a92acb9a]{justify-content:flex-start}.table-body .cell.right[data-v-a92acb9a]{text-align:right}.table-body .cell.right .wrap[data-v-a92acb9a]{justify-content:flex-end}.table-resize-line[data-v-a92acb9a]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-a92acb9a]{border-right:1px solid}.vscroll-spacer[data-v-a92acb9a]{opacity:0;clear:both}[v-cloak][data-v-a92acb9a]{display:none}.ev-checkbox[data-v-a92acb9a]{margin:0}.non-border[data-v-a92acb9a]{border:none!important}.is-empty[data-v-a92acb9a]{height:30px;text-align:center}.filtering[data-v-a92acb9a]{position:relative}.filtering-items[data-v-a92acb9a]{display:flex;position:absolute;width:inherit;flex-flow:row wrap;gap:10px;padding:8px;flex-direction:row;align-items:center;z-index:1;border-radius:4px;max-height:120px;background:none}.filtering-items--used[data-v-a92acb9a]{padding-top:16px}.filtering-items__hidden-items[data-v-a92acb9a]{max-height:106px;overflow-y:auto;border:1px solid #cfcfcf;background:#fff}.dark .filtering-items__hidden-items[data-v-a92acb9a]{border:1px solid;background:#0d0d0d}.filtering-items-expand[data-v-a92acb9a]:hover{cursor:pointer;color:#07f}.filtering-items--count[data-v-a92acb9a]{position:absolute;top:10px;right:0;padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items--count[data-v-a92acb9a]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff!important;box-sizing:border-box}.filtering-items__item[data-v-a92acb9a]{height:26px;line-height:26px;padding:0 10px;border:1px solid #ced4da;border-radius:4px;background:#eaf2fa;font-size:13px;text-align:center}.filtering-items__item[data-v-a92acb9a]:hover{cursor:pointer;border:1px solid #198fff}.filtering-items__item--filter[data-v-a92acb9a]{font-weight:700;border:1px solid #198fff;color:#198fff}.filtering-items__item--filter i[data-v-a92acb9a]:not(.filtering-items-expand){vertical-align:middle}.filtering-items__item--title[data-v-a92acb9a]{margin-right:6px;vertical-align:middle}.filtering-items__item--value[data-v-a92acb9a]{display:inline-block;max-width:80px;color:#198fff;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-a92acb9a]{color:initial;vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-a92acb9a]:hover{opacity:.6}.filtering-items__item--operator[data-v-a92acb9a]{width:80px}.filtering-items__item--operator[data-v-a92acb9a] .ev-input{height:26px!important}.filtering-items__item.non-display[data-v-a92acb9a]{display:none}.ev-grid-filtering-items[data-v-a92acb9a]{display:flex;flex-flow:row wrap;gap:10px;position:relative;padding:10px;align-items:center;border:1px solid #ced4da;background:#fff;border-radius:4px;overflow:auto;max-width:500px;max-height:100px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "3888":
@@ -5438,6 +5439,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "450e":
+/***/ (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_Grid_vue_vue_type_style_index_0_id_becd72f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("21f1");
+/* 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_Grid_vue_vue_type_style_index_0_id_becd72f4_lang_scss_scoped_true__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_Grid_vue_vue_type_style_index_0_id_becd72f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "45da":
@@ -11221,7 +11233,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.69\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.71\"}");
 
 /***/ }),
 
@@ -11318,17 +11330,6 @@ if (PATCH) {
 module.exports = patchedExec;
 
 
-/***/ }),
-
-/***/ "930b":
-/***/ (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_Grid_vue_vue_type_style_index_0_id_a92acb9a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ea63");
-/* 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_Grid_vue_vue_type_style_index_0_id_a92acb9a_lang_scss_scoped_true__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_Grid_vue_vue_type_style_index_0_id_a92acb9a_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "940e":
@@ -14952,6 +14953,20 @@ module.exports = function (target, src, options) {
 };
 
 
+/***/ }),
+
+/***/ "e2e3":
+/***/ (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-grid[data-v-becd72f4]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-becd72f4]{overflow:auto}.ev-grid--empty .table-header[data-v-becd72f4]{display:table}.ev-grid.non-header[data-v-becd72f4]{padding-top:0}.ev-grid .table-header[data-v-becd72f4]{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-becd72f4]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-becd72f4]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-becd72f4]{display:none;position:absolute;right:10px;vertical-align:middle;transform:translateY(-50%)}.column-list[data-v-becd72f4]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-becd72f4],.column-list[data-v-becd72f4]{position:relative;height:100%}.column[data-v-becd72f4]{display:inline-flex;padding:0 10px;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}.column.checkbox-all[data-v-becd72f4]{padding:0}.column.checkbox-all .ev-checkbox[data-v-becd72f4]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.column .column-sort__icon[data-v-becd72f4]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-becd72f4]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-becd72f4]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-becd72f4]{visibility:visible}.column-name[data-v-becd72f4]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-becd72f4]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-becd72f4]:hover{cursor:col-resize}.table-body[data-v-becd72f4]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-becd72f4]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-becd72f4]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-becd72f4]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-becd72f4]{border-bottom:1px solid}.table-body .row[data-v-becd72f4]{position:relative;color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.table-body .row[disabled=true][data-v-becd72f4]{cursor:not-allowed}.dark .table-body .row[data-v-becd72f4]{border-bottom:1px solid}.table-body .row.selected[data-v-becd72f4]{background:#dbf0f9}.dark .table-body .row.selected[data-v-becd72f4],.table-body .row.selected[data-v-becd72f4]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-becd72f4]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-becd72f4]:not([disabled=true]){display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-becd72f4]:not([disabled=true]):hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-becd72f4]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-becd72f4],.table-body .cell div[data-v-becd72f4]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-becd72f4]{overflow:hidden}.table-body .cell.row-checkbox[data-v-becd72f4]{display:inline-flex;padding:0;justify-content:center;align-items:center}.table-body .cell.row-checkbox .ev-checkbox[data-v-becd72f4]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.table-body .cell.row-detail-toggle[data-v-becd72f4]{padding:0}.table-body .cell.row-detail-toggle .row-detail-toggle-icon[data-v-becd72f4]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease-in-out}.table-body .cell.row-detail-toggle--expanded .row-detail-toggle-icon[data-v-becd72f4]{transform:rotate(90deg)}.table-body .cell.render[data-v-becd72f4]{overflow:initial}.table-body .cell.float[data-v-becd72f4],.table-body .cell.number[data-v-becd72f4]{text-align:right}.table-body .cell.string[data-v-becd72f4],.table-body .cell.stringNumber[data-v-becd72f4]{text-align:left}.table-body .cell.center[data-v-becd72f4]{text-align:center}.table-body .cell.left[data-v-becd72f4]{text-align:left}.table-body .cell.left .wrap[data-v-becd72f4]{justify-content:flex-start}.table-body .cell.right[data-v-becd72f4]{text-align:right}.table-body .cell.right .wrap[data-v-becd72f4]{justify-content:flex-end}.table-resize-line[data-v-becd72f4]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-becd72f4]{border-right:1px solid}.vscroll-spacer[data-v-becd72f4]{opacity:0;clear:both}[v-cloak][data-v-becd72f4]{display:none}.ev-checkbox[data-v-becd72f4]{margin:0}.non-border[data-v-becd72f4]{border:none!important}.is-empty[data-v-becd72f4]{height:30px;text-align:center}.filtering[data-v-becd72f4]{position:relative}.filtering-items[data-v-becd72f4]{display:flex;position:absolute;width:inherit;flex-flow:row wrap;gap:10px;padding:8px;flex-direction:row;align-items:center;z-index:1;border-radius:4px;max-height:120px;background:none}.filtering-items--used[data-v-becd72f4]{padding-top:16px}.filtering-items__hidden-items[data-v-becd72f4]{max-height:106px;overflow-y:auto;border:1px solid #cfcfcf;background:#fff}.dark .filtering-items__hidden-items[data-v-becd72f4]{border:1px solid;background:#0d0d0d}.filtering-items-expand[data-v-becd72f4]:hover{cursor:pointer;color:#07f}.filtering-items--count[data-v-becd72f4]{position:absolute;top:10px;right:0;padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items--count[data-v-becd72f4]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff!important;box-sizing:border-box}.filtering-items__item[data-v-becd72f4]{height:26px;line-height:26px;padding:0 10px;border:1px solid #ced4da;border-radius:4px;background:#eaf2fa;font-size:13px;text-align:center}.filtering-items__item[data-v-becd72f4]:hover{cursor:pointer;border:1px solid #198fff}.filtering-items__item--filter[data-v-becd72f4]{font-weight:700;border:1px solid #198fff;color:#198fff}.filtering-items__item--filter i[data-v-becd72f4]:not(.filtering-items-expand){vertical-align:middle}.filtering-items__item--title[data-v-becd72f4]{margin-right:6px;vertical-align:middle}.filtering-items__item--value[data-v-becd72f4]{display:inline-block;max-width:80px;color:#198fff;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-becd72f4]{color:initial;vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-becd72f4]:hover{opacity:.6}.filtering-items__item--operator[data-v-becd72f4]{width:80px}.filtering-items__item--operator[data-v-becd72f4] .ev-input{height:26px!important}.filtering-items__item.non-display[data-v-becd72f4]{display:none}.ev-grid-filtering-items[data-v-becd72f4]{display:flex;flex-flow:row wrap;gap:10px;position:relative;padding:10px;align-items:center;border:1px solid #ced4da;background:#fff;border-radius:4px;overflow:auto;max-width:500px;max-height:100px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "e371":
@@ -15704,21 +15719,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "ea63":
-/***/ (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__("37ed");
-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("1e334474", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "eb15":
@@ -30863,68 +30863,68 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 var vue3_observe_visibility_common = __webpack_require__("196e");
 var vue3_observe_visibility_common_default = /*#__PURE__*/__webpack_require__.n(vue3_observe_visibility_common);
 
-// 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/grid/Grid.vue?vue&type=template&id=a92acb9a&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/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/grid/Grid.vue?vue&type=template&id=becd72f4&scoped=true
 
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-a92acb9a");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-becd72f4");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-a92acb9a");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-becd72f4");
 
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_1 = {
   key: 0,
   class: "filtering-items filtering-items--used"
 };
 
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", null, "Filter", -1);
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", null, "Filter", -1);
 
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_3 = {
   key: 1,
   ref: "filteringItemsRef",
   class: "filtering-items"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_4 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_4 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_5 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_5 = {
   key: 1,
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_6 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_6 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_7 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_7 = {
   key: 1,
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_8 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_8 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_9 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_9 = {
   ref: "table"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_10 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_10 = {
   key: 0
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_11 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_11 = {
   key: 0
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_12 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_12 = {
   key: 0
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_13 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_13 = {
   class: "is-empty"
 };
-var Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_14 = {
+var Gridvue_type_template_id_becd72f4_scoped_true_hoisted_14 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_becd72f4_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$$props$option$cu;
 
   var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
@@ -30967,9 +30967,9 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
         style: {
           width: "".concat($setup.filteringItemsWidth, "px")
         }
-      }, [_ctx.isFiltering && !Object.keys(_ctx.filteringItemsByColumn).length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+      }, [_ctx.isFiltering && !Object.keys(_ctx.filteringItemsByColumn).length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
         icon: "ev-icon-filter-list"
-      }), Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_2])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.isFiltering && Object.keys(_ctx.filteringItemsByColumn).length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_3, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(Object.keys(_ctx.filteringItemsByColumn), function (field, idx) {
+      }), Gridvue_type_template_id_becd72f4_scoped_true_hoisted_2])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.isFiltering && Object.keys(_ctx.filteringItemsByColumn).length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_3, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(Object.keys(_ctx.filteringItemsByColumn), function (field, idx) {
         var _$setup$getFilteringI2, _$setup$getFilteringI3, _$setup$getFilteringI4, _$setup$getFilteringI5;
 
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
@@ -31010,11 +31010,11 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
               field: field
             }, _ctx.filteringItemsByColumn[field]);
           }, ["stop"])
-        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI2 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI2 === void 0 ? void 0 : _$setup$getFilteringI2.caption) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI3 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI3 === void 0 ? void 0 : _$setup$getFilteringI3.comparison), 1), _ctx.filteringItemsByColumn[field].length < 2 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI2 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI2 === void 0 ? void 0 : _$setup$getFilteringI2.caption) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI3 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI3 === void 0 ? void 0 : _$setup$getFilteringI3.comparison), 1), _ctx.filteringItemsByColumn[field].length < 2 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
           key: 0,
           class: "filtering-items__item--value",
           title: (_$setup$getFilteringI4 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI4 === void 0 ? void 0 : _$setup$getFilteringI4.value
-        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI5 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI5 === void 0 ? void 0 : _$setup$getFilteringI5.value), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_5, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.filteringItemsByColumn[field].length), 1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI5 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI5 === void 0 ? void 0 : _$setup$getFilteringI5.value), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_5, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.filteringItemsByColumn[field].length), 1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
           class: "filtering-items__item--remove",
           icon: "ev-icon-s-close",
           onClick: function onClick($event) {
@@ -31046,11 +31046,11 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
               field: field
             }, $setup.hiddenFilteringItemsByColumn[field]);
           }, ["stop"])
-        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI7 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI7 === void 0 ? void 0 : _$setup$getFilteringI7.caption) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI8 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI8 === void 0 ? void 0 : _$setup$getFilteringI8.comparison), 1), $setup.hiddenFilteringItemsByColumn[field].length < 2 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI7 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI7 === void 0 ? void 0 : _$setup$getFilteringI7.caption) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI8 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI8 === void 0 ? void 0 : _$setup$getFilteringI8.comparison), 1), $setup.hiddenFilteringItemsByColumn[field].length < 2 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
           key: 0,
           class: "filtering-items__item--value",
           title: (_$setup$getFilteringI9 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI9 === void 0 ? void 0 : _$setup$getFilteringI9.value
-        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI10 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI10 === void 0 ? void 0 : _$setup$getFilteringI10.value), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_7, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.hiddenFilteringItemsByColumn[field].length), 1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI10 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI10 === void 0 ? void 0 : _$setup$getFilteringI10.value), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_7, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.hiddenFilteringItemsByColumn[field].length), 1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
           class: "filtering-items__item--remove",
           icon: "ev-icon-s-close",
           onClick: function onClick($event) {
@@ -31092,7 +31092,7 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
       'table-header': true,
       'non-border': !!$setup.borderStyle
     }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_8, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_8, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
     key: 0,
     class: {
       'column': true,
@@ -31243,11 +31243,11 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollTopHeight, "px;"),
     class: "vscroll-spacer"
-  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (row, rowIndex) {
+  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (row, rowIndex) {
     var _ctx$$props$option$cu2, _ctx$$slots;
 
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
-      key: $setup.idColIndex !== -1 ? row[2][$setup.idColIndex] : rowIndex
+      key: $setup.idColIndex != null ? row[2][$setup.idColIndex] : rowIndex
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", {
       "data-index": row[0],
       class: {
@@ -31315,7 +31315,7 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
       var _class2;
 
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
-        key: "".concat($setup.idColIndex !== -1 ? row[2][$setup.idColIndex] : rowIndex, "-").concat(cellIndex)
+        key: "".concat($setup.idColIndex != null ? row[2][$setup.idColIndex] : rowIndex, "-").concat(cellIndex)
       }, [!column.hide && !column.hiddenDisplay ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("td", {
         key: 0,
         "data-name": column.field,
@@ -31332,7 +31332,7 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
           'border-right': _ctx.orderedColumns.length - 1 === cellIndex ? 'none' : '1px solid #CFCFCF'
         },
         disabled: row[$setup.ROW_DISABLED_INDEX]
-      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
+      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
         item: {
           row: row,
           column: column
@@ -31372,7 +31372,7 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
       onClick: _cache[11] || (_cache[11] = function ($event) {
         return $setup.onContextMenu($event);
       })
-    }, null, 8, ["disabled"]))], 14, ["disabled"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["data-index", "disabled", "onClick", "onContextmenu", "onDblclick"]), _ctx.useRowDetail && (_ctx$$slots = _ctx.$slots) !== null && _ctx$$slots !== void 0 && _ctx$$slots.rowDetail && row[4] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_11, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+    }, null, 8, ["disabled"]))], 14, ["disabled"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["data-index", "disabled", "onClick", "onContextmenu", "onDblclick"]), _ctx.useRowDetail && (_ctx$$slots = _ctx.$slots) !== null && _ctx$$slots !== void 0 && _ctx$$slots.rowDetail && row[4] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_11, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
       colspan: row.length
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
       style: {
@@ -31386,7 +31386,7 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
         row: row
       }
     })], 4)], 8, ["colspan"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
-  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_12, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_13, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.emptyText), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_12, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_13, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.emptyText), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollBottomHeight, "px;"),
     class: "vscroll-spacer"
   }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
@@ -31400,7 +31400,7 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
     ref: "gridSettingMenu",
     items: _ctx.gridSettingContextMenuItems,
     "is-show-menu-on-click": _ctx.isShowMenuOnClick
-  }, null, 8, ["items", "is-show-menu-on-click"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Gridvue_type_template_id_a92acb9a_scoped_true_hoisted_14, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 16), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+  }, null, 8, ["items", "is-show-menu-on-click"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Gridvue_type_template_id_becd72f4_scoped_true_hoisted_14, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 16), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
     callback: $setup.onShow,
     once: true
   }]]), $setup.useSummary ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_summary, {
@@ -31453,7 +31453,7 @@ var Gridvue_type_template_id_a92acb9a_scoped_true_render = /*#__PURE__*/_withId(
     onApplyColumn: $setup.onApplyColumn
   }, null, 8, ["is-show", "is-show-menu-on-click", "columns", "hidden-column", "position", "text-info", "onApplyColumn"])], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=a92acb9a&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=becd72f4&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/lodash-es/_arrayEach.js
 /**
@@ -38032,9 +38032,11 @@ var uses_dragEvent = function dragEvent(_ref4) {
       return initWrapperDiv();
     });
     var idColIndex = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return stores.orderedColumns.findIndex(function (c) {
+      var _stores$orderedColumn;
+
+      return (_stores$orderedColumn = stores.orderedColumns.find(function (c) {
         return c.field === 'id';
-      });
+      })) === null || _stores$orderedColumn === void 0 ? void 0 : _stores$orderedColumn.index;
     });
     return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
       idColIndex: idColIndex,
@@ -38105,8 +38107,8 @@ var uses_dragEvent = function dragEvent(_ref4) {
 });
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=a92acb9a&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_a92acb9a_lang_scss_scoped_true = __webpack_require__("930b");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=becd72f4&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_becd72f4_lang_scss_scoped_true = __webpack_require__("450e");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -38116,7 +38118,7 @@ var Gridvue_type_style_index_0_id_a92acb9a_lang_scss_scoped_true = __webpack_req
 
 
 
-const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_a92acb9a_scoped_true_render],['__scopeId',"data-v-a92acb9a"]])
+const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_becd72f4_scoped_true_render],['__scopeId',"data-v-becd72f4"]])
 
 /* harmony default export */ var Grid = (Grid_exports_);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -41512,7 +41514,7 @@ var element_line_Line = /*#__PURE__*/function () {
 
     ['color', 'pointFill', 'fillColor'].forEach(function (colorProp) {
       if (_this[colorProp] === undefined) {
-        _this[colorProp] = colorProp === 'pointFill' ? _this.color : COLOR[sIdx];
+        _this[colorProp] = colorProp === 'pointFill' ? _this.color : COLOR[sIdx % COLOR.length];
       }
     });
     this.type = 'line';
@@ -41591,7 +41593,7 @@ var element_line_Line = /*#__PURE__*/function () {
       }
 
       var getOpacity = function getOpacity(colorStr) {
-        return colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : extent.opacity;
+        return colorStr !== null && colorStr !== void 0 && colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : extent.opacity;
       };
 
       var mainColor = this.color;
@@ -46553,6 +46555,9 @@ var plugins_title_modules = {
 
 
 
+
+
+
 
 
 var plugins_legend_modules = {
@@ -46562,7 +46567,9 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   createLegendLayout: function createLegendLayout() {
-    var _this$options, _this$options$legend;
+    var _this$options,
+        _this$options$legend,
+        _this = this;
 
     this.legendDOM = document.createElement('div');
     this.legendDOM.className = 'ev-chart-legend';
@@ -46586,10 +46593,27 @@ var plugins_legend_modules = {
     } else {
       this.legendBoxDOM.style.overflowX = 'hidden';
       this.legendBoxDOM.style.overflowY = 'auto';
+      this.legendBoxDOM.style.height = '100%';
     }
 
     this.legendDOM.appendChild(this.legendBoxDOM);
     this.wrapperDOM.appendChild(this.legendDOM);
+
+    if (this.options.legend.virtualScroll && !this.useTable) {
+      this.legendTopSpacer = document.createElement('div');
+      this.legendTopSpacer.className = 'ev-chart-legend--top-spacer';
+      this.legendTopSpacer.style.clear = 'both';
+      this.legendTopSpacer.style.opacity = 0;
+      this.legendBottomSpacer = document.createElement('div');
+      this.legendBottomSpacer.className = 'ev-chart-legend--bottom-spacer';
+      this.legendBottomSpacer.style.clear = 'both';
+      this.legendBottomSpacer.style.opacity = 0;
+      this.legendBoxDOM.appendChild(this.legendTopSpacer);
+      this.legendBoxDOM.appendChild(this.legendBottomSpacer);
+      this.updateVisibleRowCountFrameId = requestAnimationFrame(function () {
+        _this.updateVisibleRowCount();
+      });
+    }
   },
 
   /**
@@ -46600,7 +46624,7 @@ var plugins_legend_modules = {
    */
   setLegendColumnHeader: function setLegendColumnHeader() {
     var _this$options$legend2,
-        _this = this;
+        _this2 = 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;
@@ -46621,7 +46645,7 @@ var plugins_legend_modules = {
         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);
+        _this2.legendTableDOM.append(columnNameDOM);
       }
     });
   },
@@ -46638,6 +46662,7 @@ var plugins_legend_modules = {
 
     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';
+    this.legendItemHeight = 18;
 
     if (!this.isInitLegend) {
       this.createLegendLayout();
@@ -46656,6 +46681,90 @@ var plugins_legend_modules = {
     this.isLegendMove = false;
   },
 
+  /**
+   * Calculate and update the number of rows and items per row that are visible
+   * within the legend container based on its dimensions and the layout of the legend.
+   * If the legend is positioned on the right or left, only one item per row is shown.
+   * Otherwise, the number of items per row is determined by dividing the container width
+   * by the item width.
+   *
+   * @returns {undefined}
+   */
+  updateVisibleRowCount: function updateVisibleRowCount() {
+    var isLeftOrRight = this.options.legend.position === 'right' || this.options.legend.position === 'left';
+    var legendBoxHeight = this.legendBoxDOM.clientHeight;
+    var legendBoxWidth = this.legendBoxDOM.clientWidth;
+    var itemWidth = Math.max(this.options.legend.width - 8, 1);
+    var useLegendSeriesCount = Object.values(this.seriesList).filter(function (series) {
+      return series.showLegend !== false;
+    }).length;
+    this.itemsPerRow = isLeftOrRight ? 1 : Math.floor(legendBoxWidth / itemWidth);
+    this.totalRowCount = Math.ceil(useLegendSeriesCount / this.itemsPerRow);
+    this.visibleRowCount = legendBoxHeight > this.legendItemHeight ? Math.round(legendBoxHeight / this.legendItemHeight) + 1 : this.totalRowCount;
+  },
+
+  /**
+   * Calculate and set the start and end row indexes for visible items within the
+   * scrollable legend area. Determines the row range that should be displayed based
+   * on the current scroll position and the height of each legend item.
+   *
+   * @returns {undefined}
+   */
+  updateStartEndRowIndex: function updateStartEndRowIndex() {
+    var index = Math.max(Math.floor(this.legendBoxDOM.scrollTop / this.legendItemHeight), 0);
+    this.startRowIndex = index > this.totalRowCount - 1 ? 0 : index;
+    this.endRowIndex = this.startRowIndex + this.visibleRowCount;
+  },
+
+  /**
+   * Render only the visible legend items in the legend container based on the
+   * calculated start and end row indexes. Removes existing legend items,
+   * adjusts spacer heights to enable smooth scrolling, and adds only the items
+   * within the visible range.
+   *
+   * @returns {undefined}
+   */
+  renderVisibleLegends: function renderVisibleLegends() {
+    var _this3 = this;
+
+    this.updateStartEndRowIndex();
+    var elementsToRemove = this.legendBoxDOM.querySelectorAll('.ev-chart-legend-container');
+    elementsToRemove.forEach(function (element) {
+      return element.remove();
+    });
+    var totalScrollHeight = this.totalRowCount * this.legendItemHeight;
+    var top = this.startRowIndex * this.legendItemHeight;
+    var bottom = Math.max(totalScrollHeight - this.visibleRowCount * this.legendItemHeight - top, 0);
+    this.legendTopSpacer.style.height = "".concat(top, "px");
+    this.legendBottomSpacer.style.height = "".concat(bottom, "px");
+    var startIndex = this.startRowIndex * this.itemsPerRow;
+    var endIndex = this.endRowIndex * this.itemsPerRow;
+    var groups = this.data.groups.at(0);
+    var useLegendSeries = [];
+
+    if (groups) {
+      useLegendSeries = groups.slice().reverse().filter(function (sId) {
+        return _this3.seriesList[sId].showLegend;
+      }).map(function (sId) {
+        return [sId, _this3.seriesList[sId]];
+      });
+    } else {
+      useLegendSeries = Object.entries(this.seriesList).filter(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            series = _ref2[1];
+
+        return series.showLegend;
+      });
+    }
+
+    useLegendSeries.slice(startIndex, endIndex).forEach(function (_ref3) {
+      var _ref4 = _slicedToArray(_ref3, 2),
+          series = _ref4[1];
+
+      _this3.addLegend(series);
+    });
+  },
+
   /**
    * Add legend with group information to align each series properly.
    * Especially if a chart is stacked,
@@ -46664,36 +46773,86 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   addLegendList: function addLegendList() {
-    var _this2 = this;
+    var _this4 = this;
 
     var groups = this.data.groups;
     var seriesList = this.seriesList;
+
+    if (this.options.legend.virtualScroll) {
+      if (this.useTable) {
+        this.addLegendForGroups(groups, seriesList, true);
+        this.addStandaloneLegends(seriesList, true);
+      } else {
+        this.renderVisibleLegendsFrameId = requestAnimationFrame(function () {
+          _this4.renderVisibleLegends();
+        });
+      }
+    } else {
+      this.addLegendForGroups(groups, seriesList, this.useTable);
+      this.addStandaloneLegends(seriesList, this.useTable);
+    }
+  },
+
+  /**
+   * Adds legends for each group in `groups` array, iterating through each series
+   * within the group in reverse order. This ensures the legends align with the series
+   * order as displayed in the chart. Only adds series with `showLegend` set to `true`.
+   *
+   * @param {Array} groups - Array of groups containing series identifiers.
+   * @param {Object} seriesList - Object containing all series, keyed by series ID.
+   * @param {boolean} useTable - Determines whether to add legends with additional values.
+   * @returns {undefined}
+   */
+  addLegendForGroups: function addLegendForGroups(groups, seriesList, useTable) {
+    var _this5 = this;
+
     groups.forEach(function (group) {
       group.slice().reverse().forEach(function (sId) {
         var series = seriesList[sId];
 
         if (series && series.showLegend) {
-          if (_this2.useTable) {
-            _this2.addLegendWithValues(series);
-          } else {
-            _this2.addLegend(series);
-          }
+          _this5.addLegendBasedOnType(series, useTable);
         }
       });
     });
-    Object.values(seriesList).forEach(function (series) {
-      if (series.isExistGrp || !series.showLegend) {
-        return;
-      }
+  },
 
-      if (_this2.useTable) {
-        _this2.addLegendWithValues(series);
-      } else {
-        _this2.addLegend(series);
+  /**
+   * Adds legends for series that are not part of any group. Iterates through each series
+   * in `seriesList` and only adds those that are not assigned to any group (based on `isExistGrp`)
+   * and have `showLegend` set to `true`.
+   *
+   * @param {Object} seriesList - Object containing all series, keyed by series ID.
+   * @param {boolean} useTable - Determines whether to add legends with additional values.
+   * @returns {undefined}
+   */
+  addStandaloneLegends: function addStandaloneLegends(seriesList, useTable) {
+    var _this6 = this;
+
+    Object.values(seriesList).forEach(function (series) {
+      if (!series.isExistGrp && series.showLegend) {
+        _this6.addLegendBasedOnType(series, useTable);
       }
     });
   },
 
+  /**
+   * Adds a legend item for a specific series, determining whether to include additional
+   * values based on the `useTable` parameter. Calls `addLegendWithValues` if `useTable` is true,
+   * otherwise calls `addLegend`.
+   *
+   * @param {Object} series - Series object containing data to display in the legend.
+   * @param {boolean} useTable - Determines whether to add legends with additional values.
+   * @returns {undefined}
+   */
+  addLegendBasedOnType: function addLegendBasedOnType(series, useTable) {
+    if (useTable) {
+      this.addLegendWithValues(series);
+    } else {
+      this.addLegend(series);
+    }
+  },
+
   /**
    * Add Legend with Color Information
    * Only Heatmap chart
@@ -46701,7 +46860,7 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   addColorLegendList: function addColorLegendList() {
-    var _this3 = this;
+    var _this7 = this;
 
     var seriesList = this.seriesList;
     Object.values(seriesList).forEach(function (series) {
@@ -46749,7 +46908,7 @@ var plugins_legend_modules = {
             }
           }
 
-          _this3.addLegend({
+          _this7.addLegend({
             cId: id,
             color: color,
             name: name,
@@ -46792,7 +46951,7 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   initEvent: function initEvent() {
-    var _this4 = this;
+    var _this8 = this;
 
     if (this.isInitLegend) {
       return;
@@ -46811,15 +46970,15 @@ var plugins_legend_modules = {
      */
 
     this.onLegendBoxClick = function (e) {
-      var opt = _this4.options.legend;
+      var opt = _this8.options.legend;
 
       if (opt !== null && opt !== void 0 && opt.stopClickEvt) {
         return;
       }
 
-      var chartIdx = _this4.data.chartIdx;
+      var chartIdx = _this8.data.chartIdx;
 
-      var targetDOM = _this4.getContainerDOM(e);
+      var targetDOM = _this8.getContainerDOM(e);
 
       if (!targetDOM) {
         return;
@@ -46831,7 +46990,7 @@ var plugins_legend_modules = {
       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 && _this4.seriesInfo.count === 1) {
+      if (isActive && _this8.seriesInfo.count === 1) {
         return;
       }
 
@@ -46840,7 +46999,7 @@ var plugins_legend_modules = {
       }
 
       if (isActive) {
-        _this4.seriesInfo.count--;
+        _this8.seriesInfo.count--;
         var inactiveColor = opt.inactive;
         colorDOM.style.backgroundColor = inactiveColor;
         colorDOM.style.borderColor = inactiveColor;
@@ -46849,7 +47008,7 @@ var plugins_legend_modules = {
           dom.style.color = inactiveColor;
         });
       } else {
-        _this4.seriesInfo.count++;
+        _this8.seriesInfo.count++;
         var seriesColor;
 
         if (typeof series.color !== 'string') {
@@ -46878,15 +47037,15 @@ var plugins_legend_modules = {
       series.show = !series.show;
       targetDOM.classList.toggle('inactive');
 
-      if (_this4.brushSeries) {
-        var seriesList = _toConsumableArray(_this4.brushSeries.list);
+      if (_this8.brushSeries) {
+        var seriesList = _toConsumableArray(_this8.brushSeries.list);
 
-        seriesList[chartIdx] = _this4.seriesList;
-        _this4.brushSeries.list = seriesList;
-        _this4.brushSeries.chartIdx = chartIdx;
+        seriesList[chartIdx] = _this8.seriesList;
+        _this8.brushSeries.list = seriesList;
+        _this8.brushSeries.chartIdx = chartIdx;
       }
 
-      _this4.update({
+      _this8.update({
         updateSeries: false,
         updateSelTip: {
           update: true,
@@ -46904,7 +47063,7 @@ var plugins_legend_modules = {
     this.onLegendBoxOver = function (e) {
       var _targetDOM$series;
 
-      var targetDOM = _this4.getContainerDOM(e);
+      var targetDOM = _this8.getContainerDOM(e);
 
       if (!targetDOM) {
         return;
@@ -46913,10 +47072,10 @@ var plugins_legend_modules = {
       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: _this4.options.type
+        type: _this8.options.type
       };
 
-      _this4.update({
+      _this8.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -46935,7 +47094,7 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
-      _this4.update({
+      _this8.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -46950,6 +47109,12 @@ var plugins_legend_modules = {
     this.legendBoxDOM.addEventListener('click', this.onLegendBoxClick);
     this.legendBoxDOM.addEventListener('mouseover', this.onLegendBoxOver);
     this.legendBoxDOM.addEventListener('mouseleave', this.onLegendBoxLeave);
+
+    if (this.options.legend.virtualScroll && !this.useTable) {
+      this.legendBoxDOM.addEventListener('resize', this.updateVisibleRowCount);
+      this.legendBoxDOM.addEventListener('scroll', this.renderVisibleLegends.bind(this));
+    }
+
     this.initResizeEvent();
   },
 
@@ -46958,7 +47123,7 @@ var plugins_legend_modules = {
    * Only Heatmap
    */
   initEventForColorLegend: function initEventForColorLegend() {
-    var _this5 = this;
+    var _this9 = this;
 
     if (this.isInitLegend) {
       return;
@@ -46973,15 +47138,15 @@ var plugins_legend_modules = {
     this.onLegendBoxClick = function (e) {
       var _targetDOM$series2;
 
-      var opt = _this5.options.legend;
+      var opt = _this9.options.legend;
 
       if (opt !== null && opt !== void 0 && opt.stopClickEvt) {
         return;
       }
 
-      var series = Object.values(_this5.seriesList)[0];
+      var series = Object.values(_this9.seriesList)[0];
 
-      var targetDOM = _this5.getContainerDOM(e);
+      var targetDOM = _this9.getContainerDOM(e);
 
       if (!targetDOM) {
         return;
@@ -47025,7 +47190,7 @@ var plugins_legend_modules = {
       colorDOM.classList.toggle('inactive');
       nameDOM.classList.toggle('inactive');
 
-      _this5.update({
+      _this9.update({
         updateSeries: false,
         updateSelTip: {
           update: true,
@@ -47043,9 +47208,9 @@ var plugins_legend_modules = {
     this.onLegendBoxOver = function (e) {
       var _Object$values, _targetDOM$series4;
 
-      var series = (_Object$values = Object.values(_this5.seriesList)) === null || _Object$values === void 0 ? void 0 : _Object$values[0];
+      var series = (_Object$values = Object.values(_this9.seriesList)) === null || _Object$values === void 0 ? void 0 : _Object$values[0];
 
-      var targetDOM = _this5.getContainerDOM(e);
+      var targetDOM = _this9.getContainerDOM(e);
 
       if (!targetDOM) {
         return;
@@ -47054,13 +47219,13 @@ var plugins_legend_modules = {
       var targetId = targetDOM === null || targetDOM === void 0 ? void 0 : (_targetDOM$series4 = targetDOM.series) === null || _targetDOM$series4 === void 0 ? void 0 : _targetDOM$series4.cId;
       var legendHitInfo = {
         sId: targetId,
-        type: _this5.options.type
+        type: _this9.options.type
       };
       series.colorState.forEach(function (colorItem) {
         colorItem.state = colorItem.id === targetId ? 'highlight' : 'downplay';
       });
 
-      _this5.update({
+      _this9.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -47079,12 +47244,12 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
-      var series = Object.values(_this5.seriesList)[0];
+      var series = Object.values(_this9.seriesList)[0];
       series.colorState.forEach(function (item) {
         item.state = 'normal';
       });
 
-      _this5.update({
+      _this9.update({
         updateSeries: false,
         updateSelTip: {
           update: false,
@@ -47099,7 +47264,7 @@ var plugins_legend_modules = {
     this.initResizeEvent();
   },
   initResizeEvent: function initResizeEvent() {
-    var _this6 = this;
+    var _this10 = this;
 
     /**
      * callback for resizeDOM click event
@@ -47111,33 +47276,33 @@ var plugins_legend_modules = {
     this.onResizeMouseDown = function (e) {
       e.stopPropagation();
       e.preventDefault();
-      var opt = _this6.options;
+      var opt = _this10.options;
       var pos = opt.legend.position;
       var title = opt.title.show ? opt.title.height : 0;
-      var ghostDOM = _this6.ghostDOM;
-      _this6.resizeDOM.style.display = 'none';
+      var ghostDOM = _this10.ghostDOM;
+      _this10.resizeDOM.style.display = 'none';
 
-      _this6.wrapperDOM.appendChild(ghostDOM); // mouse down 시, resizeDOM의 위치를 기반으로 ghostDOM의 위치를 세팅
+      _this10.wrapperDOM.appendChild(ghostDOM); // mouse down 시, resizeDOM의 위치를 기반으로 ghostDOM의 위치를 세팅
 
 
       if (pos === 'left' || pos === 'right') {
         ghostDOM.style.top = "".concat(title, "px");
-        ghostDOM.style.left = _this6.resizeDOM.style.left;
-        ghostDOM.style.right = _this6.resizeDOM.style.right;
-        ghostDOM.style.height = _this6.resizeDOM.style.height;
+        ghostDOM.style.left = _this10.resizeDOM.style.left;
+        ghostDOM.style.right = _this10.resizeDOM.style.right;
+        ghostDOM.style.height = _this10.resizeDOM.style.height;
       } else {
         ghostDOM.classList.add('horizontal');
 
         if (pos === 'top') {
-          ghostDOM.style.top = _this6.resizeDOM.style.top;
+          ghostDOM.style.top = _this10.resizeDOM.style.top;
         } else if (pos === 'bottom') {
-          ghostDOM.style.bottom = _this6.resizeDOM.style.bottom;
+          ghostDOM.style.bottom = _this10.resizeDOM.style.bottom;
         }
       }
 
-      _this6.wrapperDOM.addEventListener('mousemove', _this6.mouseMove, false);
+      _this10.wrapperDOM.addEventListener('mousemove', _this10.mouseMove, false);
 
-      _this6.wrapperDOM.addEventListener('mouseup', _this6.mouseUp, false);
+      _this10.wrapperDOM.addEventListener('mouseup', _this10.mouseUp, false);
     };
 
     if (this.resizeDOM) {
@@ -47174,7 +47339,7 @@ var plugins_legend_modules = {
         _this$options2$legend,
         _this$options2$legend2,
         _this$legendBoxDOM,
-        _this7 = this;
+        _this11 = 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();
@@ -47192,7 +47357,7 @@ var plugins_legend_modules = {
 
         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);
+        dom.textContent = _this11.getFormattedValue(columns[key], value);
       });
     });
   },
@@ -47209,6 +47374,7 @@ var plugins_legend_modules = {
 
   /**
    * To update legend, remove all of legendBoxDOM's children
+   * (except spacers when virtualScroll is enabled)
    *
    * @returns {undefined}
    */
@@ -47227,6 +47393,11 @@ var plugins_legend_modules = {
       }
 
       this.setLegendColumnHeader();
+    } else if (this.options.legend.virtualScroll) {
+      var elementsToRemove = this.legendBoxDOM.querySelectorAll('.ev-chart-legend-container');
+      elementsToRemove.forEach(function (element) {
+        return element.remove();
+      });
     } else {
       while (legendBoxDOM.hasChildNodes()) {
         legendBoxDOM.removeChild(legendBoxDOM.firstChild);
@@ -47244,6 +47415,16 @@ var plugins_legend_modules = {
   destroyLegend: function destroyLegend() {
     var legendDOM = this.legendDOM;
 
+    if (this.renderVisibleLegendsFrameId != null) {
+      cancelAnimationFrame(this.renderVisibleLegendsFrameId);
+      this.renderVisibleLegendsFrameId = null;
+    }
+
+    if (this.updateVisibleRowCountFrameId != null) {
+      cancelAnimationFrame(this.updateVisibleRowCountFrameId);
+      this.updateVisibleRowCountFrameId = null;
+    }
+
     if (!legendDOM) {
       return;
     }
@@ -47299,7 +47480,6 @@ var plugins_legend_modules = {
     nameDOM.textContent = series.name;
     nameDOM.setAttribute('title', series.name);
     nameDOM.dataset.type = 'name';
-    this.legendDOM.style.padding = '5px 0 0 0';
     containerDOM.appendChild(colorDOM);
     containerDOM.appendChild(nameDOM);
 
@@ -47310,11 +47490,11 @@ var plugins_legend_modules = {
       containerDOM.style.width = '100%';
     }
 
-    containerDOM.style.height = '18px';
+    containerDOM.style.height = "".concat(this.legendItemHeight, "px");
     containerDOM.style.display = 'inline-block';
     containerDOM.style.overflow = 'hidden';
     containerDOM.dataset.type = 'container';
-    this.legendBoxDOM.appendChild(containerDOM);
+    this.legendBoxDOM.insertBefore(containerDOM, this.legendBottomSpacer);
 
     if (series.show) {
       this.seriesInfo.count++;
@@ -47332,7 +47512,7 @@ var plugins_legend_modules = {
         _opt$table3,
         _opt$table3$style,
         _columns$name,
-        _this8 = this;
+        _this12 = 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;
@@ -47428,7 +47608,7 @@ var plugins_legend_modules = {
       if (columns[key].use) {
         var _columns$key2;
 
-        var formattedTxt = _this8.getFormattedValue(columns[key], aggregations[key]);
+        var formattedTxt = _this12.getFormattedValue(columns[key], aggregations[key]);
 
         var valueDOM = document.createElement('td');
         valueDOM.className = 'ev-chart-legend--table__value';
@@ -47470,15 +47650,15 @@ var plugins_legend_modules = {
     var title = opt !== null && opt !== void 0 && (_opt$title = opt.title) !== null && _opt$title !== void 0 && _opt$title.show ? opt === null || opt === void 0 ? void 0 : (_opt$title2 = opt.title) === null || _opt$title2 === void 0 ? void 0 : _opt$title2.height : 0;
     var positionTop = title + (opt === null || opt === void 0 ? void 0 : (_opt$legend2 = opt.legend) === null || _opt$legend2 === void 0 ? void 0 : _opt$legend2.height);
 
-    var _ref = (_opt$legend$padding = opt === null || opt === void 0 ? void 0 : (_opt$legend3 = opt.legend) === null || _opt$legend3 === void 0 ? void 0 : _opt$legend3.padding) !== null && _opt$legend$padding !== void 0 ? _opt$legend$padding : {},
-        _ref$top = _ref.top,
-        top = _ref$top === void 0 ? 0 : _ref$top,
-        _ref$bottom = _ref.bottom,
-        bottom = _ref$bottom === void 0 ? 0 : _ref$bottom,
-        _ref$left = _ref.left,
-        left = _ref$left === void 0 ? 0 : _ref$left,
-        _ref$right = _ref.right,
-        right = _ref$right === void 0 ? 0 : _ref$right;
+    var _ref5 = (_opt$legend$padding = opt === null || opt === void 0 ? void 0 : (_opt$legend3 = opt.legend) === null || _opt$legend3 === void 0 ? void 0 : _opt$legend3.padding) !== null && _opt$legend$padding !== void 0 ? _opt$legend$padding : {},
+        _ref5$top = _ref5.top,
+        top = _ref5$top === void 0 ? 0 : _ref5$top,
+        _ref5$bottom = _ref5.bottom,
+        bottom = _ref5$bottom === void 0 ? 0 : _ref5$bottom,
+        _ref5$left = _ref5.left,
+        left = _ref5$left === void 0 ? 0 : _ref5$left,
+        _ref5$right = _ref5.right,
+        right = _ref5$right === void 0 ? 0 : _ref5$right;
 
     if (!wrapperStyle || !legendStyle) {
       return;
@@ -47822,9 +48002,9 @@ var plugins_legend_modules = {
    * @param value
    * @returns {string}
    */
-  getFormattedValue: function getFormattedValue(_ref2, value) {
-    var formatter = _ref2.formatter,
-        decimalPoint = _ref2.decimalPoint;
+  getFormattedValue: function getFormattedValue(_ref6, value) {
+    var formatter = _ref6.formatter,
+        decimalPoint = _ref6.decimalPoint;
 
     if (value === undefined || value === null) {
       return 'Null';
@@ -54124,6 +54304,11 @@ var chart_core_EvChart = /*#__PURE__*/function () {
           if (this.options.legend.type === 'gradient') {
             this.legendBoxDOM.removeEventListener('mousedown', this.onLegendMouseDown);
           }
+
+          if (this.options.legend.virtualScroll && !this.useTable) {
+            this.legendBoxDOM.removeEventListener('resize', this.updateVisibleRowCount);
+            this.legendBoxDOM.removeEventListener('scroll', this.renderVisibleLegends);
+          }
         }
 
         if (this.resizeDOM) {
@@ -54148,6 +54333,16 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         this.tooltipDOM = null;
       }
 
+      if (this.renderVisibleLegendsFrameId != null) {
+        cancelAnimationFrame(this.renderVisibleLegendsFrameId);
+        this.renderVisibleLegendsFrameId = null;
+      }
+
+      if (this.updateVisibleRowCountFrameId != null) {
+        cancelAnimationFrame(this.updateVisibleRowCountFrameId);
+        this.updateVisibleRowCountFrameId = null;
+      }
+
       this.wrapperDOM = null;
       this.chartDOM = null;
       this.legendDOM = null;
@@ -54838,6 +55033,7 @@ var DEFAULT_OPTIONS = {
     width: 140,
     height: 24,
     allowResize: false,
+    virtualScroll: false,
     table: {
       use: false,
       columns: {