evui 3.3.42 → 3.3.44

package/dist/evui.common.js

@@ -299,21 +299,6 @@ module.exports = __webpack_require__.p + "img/icon_oracle.0572d3ee.svg";
 
 /***/ }),
 
-/***/ "0b6e":
-/***/ (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__("cdcc");
-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("0311a9bf", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "0cfb":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -4134,6 +4119,17 @@ module.exports = function (it, Constructor, name) {
 };
 
 
+/***/ }),
+
+/***/ "1a94":
+/***/ (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_ChartToolbar_vue_vue_type_style_index_0_id_5f0b8669_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6da1");
+/* 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_ChartToolbar_vue_vue_type_style_index_0_id_5f0b8669_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_ChartToolbar_vue_vue_type_style_index_0_id_5f0b8669_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "1be4":
@@ -4468,20 +4464,6 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 };
 
 
-/***/ }),
-
-/***/ "24a7":
-/***/ (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-calendar-wrapper{display:inline-flex;height:100%;box-sizing:border-box;flex-direction:row}.ev-calendar-date-area:not(:first-child){border-left:1px solid}.ev-calendar-header{display:flex;height:40px;padding:10px 8px}.ev-calendar-header div{width:20px;flex:1;text-align:center;cursor:pointer}.ev-calendar-header .move-month-arrow{width:20px;height:20px;line-height:20px;color:#606266;text-align:center}.ev-calendar-header .move-month-arrow:hover{color:#3c81f6}.ev-calendar-header .move-month-arrow.disabled{color:#c0c4cc}.ev-calendar-header span{flex:2;text-align:center}.ev-calendar-body{padding:10px 8px 8px;flex:1}.ev-calendar-table{width:280px;table-layout:fixed;font-size:12px;border-collapse:collapse;border-spacing:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-table th{height:30px;color:#606266;font-weight:400;border-bottom:1px solid #ebeef5}.ev-calendar-table td{height:40px;color:#606266}.ev-calendar-date-td{color:#606266}.ev-calendar-date-td div{height:30px;line-height:30px;padding:3px 0;margin:5px auto}.ev-calendar-date-td.next,.ev-calendar-date-td.prev{color:#c0c4cc}.ev-calendar-date-td.today{font-weight:700;color:#409eff}.ev-calendar-date-td span{display:block;width:24px;height:24px;line-height:24px;margin:auto;border-radius:50%;text-align:center}.ev-calendar-date-td.selected span{color:#fff;background-color:#409eff}.ev-calendar-date-td.selected.start-date>div{width:35px;margin:5px 0 5px auto;padding-right:5px;border-top-left-radius:30px;border-bottom-left-radius:30px}.ev-calendar-date-td.selected.end-date>div{width:35px;margin:5px auto 5px 0;padding-left:5px;border-top-right-radius:30px;border-bottom-right-radius:30px}.ev-calendar-date-td.selected.start-end-date>div{width:30px;margin:5px auto;border-radius:30px}.ev-calendar-date-td:hover{color:#409eff;cursor:pointer}.ev-calendar-date-td.disabled{background-color:#eef0f3;opacity:1;color:#c0c4cc}.ev-calendar-date-td.disabled:hover{cursor:not-allowed}.ev-calendar-date-td.disabled.selected:hover{cursor:pointer!important}.ev-calendar-date-td.in-range:not(.next):not(.prev) div{background-color:#f2f6fc}.ev-calendar-time-area{display:flex;width:195px;flex-direction:row;border-left:1px solid #ebeef5;color:#606266;box-sizing:content-box}.ev-calendar-time-td:hover{color:#409eff;cursor:pointer}.ev-calendar-time-td.selected{display:flex;height:100%;justify-content:center;align-items:center}.ev-calendar-time-td.selected div{width:24px;height:24px;line-height:24px;border-radius:50%;color:#fff;background-color:#409eff;text-align:center}.ev-calendar-time-td.disabled{background-color:#eef0f3;opacity:1;color:#c0c4cc}.ev-calendar-time-td.disabled:hover{cursor:not-allowed}.ev-calendar-time-td.disabled.selected:hover{cursor:pointer!important}.ev-calendar-time-side{font-size:10px;text-align:center;background-color:#e5e5e5}.ev-calendar-time-side:first-child{width:35px}.ev-calendar-time-side:first-child div{height:110px;line-height:110px}.ev-calendar-time-side:last-child{width:30px}.ev-calendar-time-side:last-child:hover{color:#409eff;cursor:pointer}.ev-calendar-time-side:last-child div{height:55px;line-height:55px}.ev-calendar-time-side div:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-side div>.disabled,.ev-calendar-time-side div>.disabled:hover{color:#c0c4cc}.ev-calendar-time-center{width:132px;height:100%;text-align:center;font-size:12px}.ev-calendar-time-center table:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-table{width:132px;height:110px;table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-time-table tr{height:33px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "24fb":
@@ -5119,6 +5101,21 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
+/***/ }),
+
+/***/ "3f72":
+/***/ (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__("a057");
+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("7a550dc6", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "3f8c":
@@ -5869,17 +5866,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "4dd9":
-/***/ (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_Calendar_vue_vue_type_style_index_0_id_02c24df6_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b638");
-/* 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_Calendar_vue_vue_type_style_index_0_id_02c24df6_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_Calendar_vue_vue_type_style_index_0_id_02c24df6_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4de4":
@@ -6236,6 +6222,17 @@ exports.push([module.i, ".ev-toggle{display:inline-block;position:relative;width
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "587d":
+/***/ (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_Calendar_vue_vue_type_style_index_0_id_555be62f_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3f72");
+/* 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_Calendar_vue_vue_type_style_index_0_id_555be62f_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_Calendar_vue_vue_type_style_index_0_id_555be62f_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5899":
@@ -6830,17 +6827,6 @@ exports.push([module.i, ".ev-input,.ev-textarea{width:100%;outline:0;background-
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "6938":
-/***/ (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_ChartToolbar_vue_vue_type_style_index_0_id_691b9473_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0b6e");
-/* 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_ChartToolbar_vue_vue_type_style_index_0_id_691b9473_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_ChartToolbar_vue_vue_type_style_index_0_id_691b9473_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "69f3":
@@ -7053,6 +7039,21 @@ module.exports = function (CONSTRUCTOR_NAME, wrapper, common) {
 };
 
 
+/***/ }),
+
+/***/ "6da1":
+/***/ (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__("71f8");
+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("d1698110", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "6ea5":
@@ -7189,6 +7190,20 @@ module.exports = function ($this, dummy, Wrapper) {
 };
 
 
+/***/ }),
+
+/***/ "71f8":
+/***/ (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-toolbar[data-v-5f0b8669]{height:30px;text-align:right;padding-right:30px}.ev-chart-toolbar__icon i[data-v-5f0b8669]{pointer-events:none;opacity:.5;cursor:pointer}.ev-chart-toolbar__icon i+i[data-v-5f0b8669]{margin-left:10px}.ev-chart-toolbar__icon .active[data-v-5f0b8669]{font-weight:700}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7308":
@@ -7957,7 +7972,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.42\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.44\"}");
 
 /***/ }),
 
@@ -9077,6 +9092,20 @@ exports.BROKEN_CARET = fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "a057":
+/***/ (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-calendar-wrapper{display:inline-flex;height:100%;box-sizing:border-box;flex-direction:row}.ev-calendar-date-area:not(:first-child){border-left:1px solid}.ev-calendar-header{display:flex;height:43px;padding:12px 15px 10px}.ev-calendar-header .move-month-arrow{height:24px;flex:1;text-align:center;cursor:pointer;line-height:24px;border-radius:5px}.ev-calendar-header .move-month-arrow-icon{color:#606266;text-align:center}.ev-calendar-header .move-month-arrow:not(.disabled):hover i{color:#409eff}.ev-calendar-header .move-month-arrow.disabled{cursor:not-allowed}.ev-calendar-header .move-month-arrow.disabled i{color:#c0c4cc}.ev-calendar-header span{flex:3;text-align:center;line-height:24px}.ev-calendar-body{padding:8px 8px;flex:1}.ev-calendar-table{width:280px;table-layout:fixed;font-size:12px;border-collapse:collapse;border-spacing:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-table th{height:30px;color:#606266;font-weight:400;border-bottom:1px solid #ebeef5}.ev-calendar-table td{height:40px;color:#606266}.ev-calendar-date-td{color:#606266}.ev-calendar-date-td div{height:30px;line-height:30px;padding:3px 0;margin:5px auto}.ev-calendar-date-td.next,.ev-calendar-date-td.prev{color:#c0c4cc}.ev-calendar-date-td.today{font-weight:700;color:#409eff}.ev-calendar-date-td span{display:block;width:24px;height:24px;line-height:24px;margin:auto;border-radius:50%;text-align:center}.ev-calendar-date-td:not(.selected):not(.disabled):hover{cursor:pointer;color:#409eff}.ev-calendar-date-td.selected span{color:#fff;background-color:#409eff}.ev-calendar-date-td.selected.start-date>div{width:35px;margin:5px 0 5px auto;padding-right:5px;border-top-left-radius:30px;border-bottom-left-radius:30px}.ev-calendar-date-td.selected.end-date>div{width:35px;margin:5px auto 5px 0;padding-left:5px;border-top-right-radius:30px;border-bottom-right-radius:30px}.ev-calendar-date-td.selected.start-end-date>div{width:30px;margin:5px auto;border-radius:30px}.ev-calendar-date-td.disabled{background-color:#eef0f3;opacity:1;color:#c0c4cc}.ev-calendar-date-td.disabled:hover{cursor:not-allowed}.ev-calendar-date-td.disabled.selected:hover{cursor:pointer!important}.ev-calendar-date-td.in-range:not(.next):not(.prev) div{background-color:#f2f6fc}.ev-calendar-time-area{display:flex;width:195px;flex-direction:row;border-left:1px solid #ebeef5;color:#606266;box-sizing:content-box}.ev-calendar-time-td div{width:24px;height:24px;margin:0 auto;line-height:24px;border-radius:50%;text-align:center}.ev-calendar-time-td:not(.selected):hover{cursor:pointer}.ev-calendar-time-td:not(.selected):hover div{color:#409eff}.ev-calendar-time-td.selected div{color:#fff;background-color:#409eff}.ev-calendar-time-td.disabled{background-color:#eef0f3;opacity:1;color:#c0c4cc}.ev-calendar-time-td.disabled:hover{cursor:not-allowed}.ev-calendar-time-td.disabled.selected:hover{cursor:pointer!important}.ev-calendar-time-side{font-size:10px;text-align:center;background-color:#e5e5e5}.ev-calendar-time-side:first-child{width:35px}.ev-calendar-time-side:last-child{width:30px}.ev-calendar-time-side--label{height:110px;line-height:110px}.ev-calendar-time-side--btn{height:55px;line-height:55px}.ev-calendar-time-side--btn.disabled{color:#c0c4cc;cursor:not-allowed}.ev-calendar-time-side--btn.disabled:hover{color:#c0c4cc}.ev-calendar-time-side--btn:not(.disabled):hover{color:#409eff;cursor:pointer}.ev-calendar-time-side div:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-center{width:132px;height:100%;text-align:center;font-size:12px}.ev-calendar-time-center table:not(:last-child){border-bottom:1px solid #ebeef5}.ev-calendar-time-table{width:132px;height:110px;table-layout:fixed;border-collapse:collapse;border-spacing:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-calendar-time-table tr{height:33px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "a161":
@@ -10075,21 +10104,6 @@ module.exports = function (name) {
 };
 
 
-/***/ }),
-
-/***/ "b638":
-/***/ (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__("24a7");
-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("271b279e", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "b64b":
@@ -10742,20 +10756,6 @@ $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "cdcc":
-/***/ (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__toolbar__wrapper[data-v-691b9473]{height:30px;text-align:right;padding-right:30px}.ev-chart__toolbar__wrapper__icon i[data-v-691b9473]{pointer-events:none;opacity:.5;cursor:pointer}.ev-chart__toolbar__wrapper__icon i+i[data-v-691b9473]{margin-left:10px}.ev-chart__toolbar__wrapper__icon .active[data-v-691b9473]{font-weight:700}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "cdf9":
@@ -19145,103 +19145,113 @@ Icon.install = function (app) {
 };
 
 /* harmony default export */ var components_icon = (Icon);
-// 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/calendar/Calendar.vue?vue&type=template&id=02c24df6
+// 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/calendar/Calendar.vue?vue&type=template&id=555be62f
 
 
 
 
-var Calendarvue_type_template_id_02c24df6_hoisted_1 = {
+var Calendarvue_type_template_id_555be62f_hoisted_1 = {
   class: "ev-calendar-wrapper"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_2 = {
+var Calendarvue_type_template_id_555be62f_hoisted_2 = {
   class: "ev-calendar-date-area"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_3 = {
+var Calendarvue_type_template_id_555be62f_hoisted_3 = {
   class: "ev-calendar-header"
 };
 
-var Calendarvue_type_template_id_02c24df6_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
-  class: "ev-icon-s-arrow-left move-month-arrow"
+var Calendarvue_type_template_id_555be62f_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+  class: "ev-icon-s-arrow-left move-month-arrow-icon"
 }, null, -1);
 
-var Calendarvue_type_template_id_02c24df6_hoisted_5 = {
+var Calendarvue_type_template_id_555be62f_hoisted_5 = {
   class: "ev-calendar-year"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_6 = {
+var Calendarvue_type_template_id_555be62f_hoisted_6 = {
   class: "ev-calendar-month"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_7 = {
+
+var Calendarvue_type_template_id_555be62f_hoisted_7 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+  class: "ev-icon-s-arrow-right move-month-arrow-icon"
+}, null, -1);
+
+var Calendarvue_type_template_id_555be62f_hoisted_8 = {
   class: "ev-calendar-body"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_8 = {
+var Calendarvue_type_template_id_555be62f_hoisted_9 = {
   key: 'main_calendar_table',
   class: "ev-calendar-table"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_9 = {
+var Calendarvue_type_template_id_555be62f_hoisted_10 = {
   key: 0,
   class: "ev-calendar-time-area"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_10 = {
+var Calendarvue_type_template_id_555be62f_hoisted_11 = {
   class: "ev-calendar-time-side"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_11 = {
+var Calendarvue_type_template_id_555be62f_hoisted_12 = {
   class: "ev-calendar-time-center"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_12 = {
+var Calendarvue_type_template_id_555be62f_hoisted_13 = {
   class: "ev-calendar-time-side"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_13 = {
+var Calendarvue_type_template_id_555be62f_hoisted_14 = {
   key: 1,
   class: "ev-calendar-date-area"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_14 = {
+var Calendarvue_type_template_id_555be62f_hoisted_15 = {
   class: "ev-calendar-header"
 };
-var Calendarvue_type_template_id_02c24df6_hoisted_15 = {
+
+var _hoisted_16 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+  class: "ev-icon-s-arrow-left move-month-arrow-icon"
+}, null, -1);
+
+var _hoisted_17 = {
   class: "ev-calendar-year"
 };
-var _hoisted_16 = {
+var _hoisted_18 = {
   class: "ev-calendar-month"
 };
 
-var _hoisted_17 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
-  class: "ev-icon-s-arrow-right move-month-arrow"
+var _hoisted_19 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
+  class: "ev-icon-s-arrow-right move-month-arrow-icon"
 }, null, -1);
 
-var _hoisted_18 = {
+var _hoisted_20 = {
   class: "ev-calendar-body"
 };
-var _hoisted_19 = {
+var _hoisted_21 = {
   key: 'expanded_calendar_table',
   class: "ev-calendar-table"
 };
-var _hoisted_20 = {
+var _hoisted_22 = {
   key: 2,
   class: "ev-calendar-time-area"
 };
-var _hoisted_21 = {
+var _hoisted_23 = {
   class: "ev-calendar-time-side"
 };
-var _hoisted_22 = {
+var _hoisted_24 = {
   class: "ev-calendar-time-center"
 };
-var _hoisted_23 = {
+var _hoisted_25 = {
   class: "ev-calendar-time-side"
 };
-function Calendarvue_type_template_id_02c24df6_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_02c24df6_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_02c24df6_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_02c24df6_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+function Calendarvue_type_template_id_555be62f_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_555be62f_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_555be62f_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_555be62f_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    class: "move-month-arrow",
     onClick: _cache[1] || (_cache[1] = function ($event) {
       return $setup.clickPrevNextBtn('main', 'prev');
     })
-  }, [Calendarvue_type_template_id_02c24df6_hoisted_4]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_02c24df6_hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_02c24df6_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }, [Calendarvue_type_template_id_555be62f_hoisted_4]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_555be62f_hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_555be62f_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.mainCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    class: ['move-month-arrow', {
+      disabled: $setup.isContinuousMonths
+    }],
     onClick: _cache[2] || (_cache[2] = function ($event) {
       return $setup.clickPrevNextBtn('main', 'next');
     })
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
-    class: ['ev-icon-s-arrow-right move-month-arrow', {
-      disabled: $setup.isContinuousMonths
-    }]
-  }, null, 2)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_02c24df6_hoisted_7, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", Calendarvue_type_template_id_02c24df6_hoisted_8, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", 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"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
+  }, [Calendarvue_type_template_id_555be62f_hoisted_7], 2)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_555be62f_hoisted_8, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", Calendarvue_type_template_id_555be62f_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", 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"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("th", {
       key: dayOfTheWeek
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dayOfTheWeek), 1);
@@ -19267,11 +19277,12 @@ function Calendarvue_type_template_id_02c24df6_render(_ctx, _cache, $props, $set
         return $setup.onMousemoveDate('main', $event);
       })), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dateInfo.date), 1)])], 16, ["onClick"]);
     }), 128))]);
-  }), 128))], 32)]))])]), ['dateTime', 'dateTimeRange'].includes($props.mode) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_02c24df6_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_02c24df6_hoisted_10, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['HOUR', 'MIN', 'SEC'], function (hmsType) {
+  }), 128))], 32)]))])]), ['dateTime', 'dateTimeRange'].includes($props.mode) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_555be62f_hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_555be62f_hoisted_11, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['HOUR', 'MIN', 'SEC'], function (hmsType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-      key: "".concat(hmsType, "_TITLE")
+      key: "".concat(hmsType, "_label"),
+      class: "ev-calendar-time-side--label"
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(hmsType), 1);
-  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_02c24df6_hoisted_11, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (timeType) {
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_555be62f_hoisted_12, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (timeType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", {
       key: "".concat(timeType, "_table"),
       class: "ev-calendar-time-table"
@@ -19295,35 +19306,35 @@ function Calendarvue_type_template_id_02c24df6_render(_ctx, _cache, $props, $set
         }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getTimeInfo(timeType, i, j, 'main').num), 1)], 10, ["onClick"]);
       }), 64))]);
     }), 64))], 40, ["onWheel"])]);
-  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_02c24df6_hoisted_12, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (hmsType) {
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_555be62f_hoisted_13, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (hmsType) {
     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(hmsType, "_btn_area")
     }, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['up', 'down'], function (arrowType) {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
         key: "".concat(hmsType, "_").concat(arrowType, "_btn"),
-        class: hmsType === 'hour' ? 'arrow-hour' : 'arrow-other',
+        class: ['ev-calendar-time-side--btn', "arrow-".concat(hmsType), {
+          disabled: $setup.preventTimeEventType.main[hmsType]
+        }],
         onClick: function onClick($event) {
           return $setup.clickHmsBtn('main', hmsType, arrowType);
         }
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
-        class: ["ev-icon-arrow-".concat(arrowType), {
-          disabled: $setup.preventTimeEventType.main[hmsType]
-        }]
+        class: "ev-icon-arrow-".concat(arrowType)
       }, null, 2)], 10, ["onClick"]);
     }), 64))], 64);
-  }), 64))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), ['dateRange', 'dateTimeRange'].includes($props.mode) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_02c24df6_hoisted_13, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_02c24df6_hoisted_14, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 64))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), ['dateRange', 'dateTimeRange'].includes($props.mode) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Calendarvue_type_template_id_555be62f_hoisted_14, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Calendarvue_type_template_id_555be62f_hoisted_15, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    class: ['move-month-arrow', {
+      disabled: $setup.isContinuousMonths
+    }],
     onClick: _cache[5] || (_cache[5] = function ($event) {
       return $setup.clickPrevNextBtn('expanded', 'prev');
     })
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
-    class: ['ev-icon-s-arrow-left move-month-arrow', {
-      disabled: $setup.isContinuousMonths
-    }]
-  }, null, 2)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Calendarvue_type_template_id_02c24df6_hoisted_15, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", _hoisted_16, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }, [_hoisted_16], 2), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", _hoisted_17, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarPageInfo.year), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", _hoisted_18, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.expandedCalendarMonth), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    class: "move-month-arrow",
     onClick: _cache[6] || (_cache[6] = function ($event) {
       return $setup.clickPrevNextBtn('expanded', 'next');
     })
-  }, [_hoisted_17])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_18, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", _hoisted_19, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", 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"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
+  }, [_hoisted_19])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_20, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("table", _hoisted_21, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("thead", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tr", 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"])($setup.dayOfTheWeekList, function (dayOfTheWeek) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("th", {
       key: dayOfTheWeek
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dayOfTheWeek), 1);
@@ -19349,11 +19360,12 @@ function Calendarvue_type_template_id_02c24df6_render(_ctx, _cache, $props, $set
         return $setup.onMousemoveDate('expanded', $event);
       })), [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(dateInfo.date), 1)])], 16, ["onClick"]);
     }), 128))]);
-  }), 128))], 32)]))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode === 'dateTimeRange' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", _hoisted_20, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_21, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['HOUR', 'MIN', 'SEC'], function (hmsType) {
+  }), 128))], 32)]))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode === 'dateTimeRange' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", _hoisted_22, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_23, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['HOUR', 'MIN', 'SEC'], function (hmsType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-      key: "".concat(hmsType, "_TITLE")
+      key: "".concat(hmsType, "_label"),
+      class: "ev-calendar-time-side--label"
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(hmsType), 1);
-  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_22, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (timeType) {
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_24, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (timeType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", {
       key: "".concat(timeType, "_table"),
       class: "ev-calendar-time-table"
@@ -19377,25 +19389,25 @@ function Calendarvue_type_template_id_02c24df6_render(_ctx, _cache, $props, $set
         }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getTimeInfo(timeType, i, j, 'expanded').num), 1)], 10, ["onClick"]);
       }), 64))]);
     }), 64))], 40, ["onWheel"])]);
-  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_23, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (hmsType) {
+  }), 64))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_25, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['hour', 'min', 'sec'], function (hmsType) {
     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(hmsType, "_btn_area")
     }, [(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"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(['up', 'down'], function (arrowType) {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
         key: "".concat(hmsType, "_").concat(arrowType, "_btn"),
-        class: hmsType === 'hour' ? 'arrow-hour' : 'arrow-other',
+        class: ['ev-calendar-time-side--btn', "arrow-".concat(hmsType), {
+          disabled: $setup.preventTimeEventType.expanded[hmsType]
+        }],
         onClick: function onClick($event) {
           return $setup.clickHmsBtn('expanded', hmsType, arrowType);
         }
       }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", {
-        class: ["ev-icon-arrow-".concat(arrowType), {
-          disabled: $setup.preventTimeEventType.expanded[hmsType]
-        }]
+        class: "ev-icon-arrow-".concat(arrowType)
       }, null, 2)], 10, ["onClick"]);
     }), 64))], 64);
   }), 64))])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]);
 }
-// CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=template&id=02c24df6
+// CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=template&id=555be62f
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.constructor.js
 var es_regexp_constructor = __webpack_require__("4d63");
@@ -21146,7 +21158,9 @@ var calendar_uses_useEvent = function useEvent(param) {
   }, function (curr) {
     selectedValue.value = curr;
 
-    if (props.mode.includes('Time')) {
+    if (props.mode === 'dateRange') {
+      updateCalendarPage(selectedValue.value);
+    } else if (props.mode.includes('Time')) {
       var updateValue = [];
 
       if (props.mode === 'dateTime') {
@@ -21321,8 +21335,8 @@ var calendar_uses_useEvent = function useEvent(param) {
 });
 // CONCATENATED MODULE: ./src/components/calendar/Calendar.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/calendar/Calendar.vue?vue&type=style&index=0&id=02c24df6&lang=scss
-var Calendarvue_type_style_index_0_id_02c24df6_lang_scss = __webpack_require__("4dd9");
+// EXTERNAL MODULE: ./src/components/calendar/Calendar.vue?vue&type=style&index=0&id=555be62f&lang=scss
+var Calendarvue_type_style_index_0_id_555be62f_lang_scss = __webpack_require__("587d");
 
 // CONCATENATED MODULE: ./src/components/calendar/Calendar.vue
 
@@ -21332,7 +21346,7 @@ var Calendarvue_type_style_index_0_id_02c24df6_lang_scss = __webpack_require__("
 
 
 
-const Calendar_exports_ = /*#__PURE__*/exportHelper_default()(Calendarvue_type_script_lang_js, [['render',Calendarvue_type_template_id_02c24df6_render]])
+const Calendar_exports_ = /*#__PURE__*/exportHelper_default()(Calendarvue_type_script_lang_js, [['render',Calendarvue_type_template_id_555be62f_render]])
 
 /* harmony default export */ var Calendar = (Calendar_exports_);
 // CONCATENATED MODULE: ./src/components/calendar/index.js
@@ -35340,28 +35354,33 @@ var element_line_Line = /*#__PURE__*/function () {
         color: this.color
       };
       var gdata = this.data;
-      var s = 0;
-      var e = gdata.length - 1;
-      var xpInterval = gdata[1].xp - gdata[0].xp < 6 ? 1.5 : 6;
 
-      while (s <= e) {
-        var m = Math.floor((s + e) / 2);
-        var x = gdata[m].xp;
-        var y = gdata[m].yp;
+      if (gdata !== null && gdata !== void 0 && gdata.length) {
+        var _gdata$;
 
-        if (x - xpInterval < xp && xp < x + xpInterval) {
-          item.data = gdata[m];
-          item.index = m;
+        var s = 0;
+        var e = gdata.length - 1;
+        var xpInterval = ((_gdata$ = gdata[1]) === null || _gdata$ === void 0 ? void 0 : _gdata$.xp) - gdata[0].xp < 6 ? 1.5 : 6;
 
-          if (y - 6 <= yp && yp <= y + 6) {
-            item.hit = true;
-          }
+        while (s <= e) {
+          var m = Math.floor((s + e) / 2);
+          var x = gdata[m].xp;
+          var y = gdata[m].yp;
 
-          return item;
-        } else if (x + xpInterval > xp) {
-          e = m - 1;
-        } else {
-          s = m + 1;
+          if (x - xpInterval < xp && xp < x + xpInterval) {
+            item.data = gdata[m];
+            item.index = m;
+
+            if (y - 6 <= yp && yp <= y + 6) {
+              item.hit = true;
+            }
+
+            return item;
+          } else if (x + xpInterval > xp) {
+            e = m - 1;
+          } else {
+            s = m + 1;
+          }
         }
       }
 
@@ -44966,27 +44985,27 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 }();
 
 /* harmony default export */ var chart_core = (chart_core_EvChart);
-// 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/ChartToolbar.vue?vue&type=template&id=691b9473&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/chart/ChartToolbar.vue?vue&type=template&id=5f0b8669&scoped=true
 
 
 
-var ChartToolbarvue_type_template_id_691b9473_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-691b9473");
+var ChartToolbarvue_type_template_id_5f0b8669_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-5f0b8669");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-691b9473");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-5f0b8669");
 
-var ChartToolbarvue_type_template_id_691b9473_scoped_true_hoisted_1 = {
-  class: "ev-chart__toolbar__wrapper"
+var ChartToolbarvue_type_template_id_5f0b8669_scoped_true_hoisted_1 = {
+  class: "ev-chart-toolbar"
 };
-var ChartToolbarvue_type_template_id_691b9473_scoped_true_hoisted_2 = {
-  class: "ev-chart__toolbar__wrapper__icon"
+var ChartToolbarvue_type_template_id_5f0b8669_scoped_true_hoisted_2 = {
+  class: "ev-chart-toolbar__icon"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var ChartToolbarvue_type_template_id_691b9473_scoped_true_render = /*#__PURE__*/ChartToolbarvue_type_template_id_691b9473_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var ChartToolbarvue_type_template_id_5f0b8669_scoped_true_render = /*#__PURE__*/ChartToolbarvue_type_template_id_5f0b8669_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", ChartToolbarvue_type_template_id_691b9473_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", ChartToolbarvue_type_template_id_691b9473_scoped_true_hoisted_2, [(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.$props.toolbar.items, function (option, iconType) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", ChartToolbarvue_type_template_id_5f0b8669_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", ChartToolbarvue_type_template_id_5f0b8669_scoped_true_hoisted_2, [(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.$props.toolbar.items, function (option, iconType) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_icon, {
       key: "".concat(iconType, "-").concat(option.icon),
       class: iconType,
@@ -44999,7 +45018,7 @@ var ChartToolbarvue_type_template_id_691b9473_scoped_true_render = /*#__PURE__*/
     }, null, 8, ["class", "icon", "size", "title", "onClick"]);
   }), 128))])]);
 });
-// CONCATENATED MODULE: ./src/components/chart/ChartToolbar.vue?vue&type=template&id=691b9473&scoped=true
+// CONCATENATED MODULE: ./src/components/chart/ChartToolbar.vue?vue&type=template&id=5f0b8669&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/chart/ChartToolbar.vue?vue&type=script&lang=js
 /* harmony default export */ var ChartToolbarvue_type_script_lang_js = ({
@@ -45016,8 +45035,8 @@ var ChartToolbarvue_type_template_id_691b9473_scoped_true_render = /*#__PURE__*/
 });
 // CONCATENATED MODULE: ./src/components/chart/ChartToolbar.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/chart/ChartToolbar.vue?vue&type=style&index=0&id=691b9473&lang=scss&scoped=true
-var ChartToolbarvue_type_style_index_0_id_691b9473_lang_scss_scoped_true = __webpack_require__("6938");
+// EXTERNAL MODULE: ./src/components/chart/ChartToolbar.vue?vue&type=style&index=0&id=5f0b8669&lang=scss&scoped=true
+var ChartToolbarvue_type_style_index_0_id_5f0b8669_lang_scss_scoped_true = __webpack_require__("1a94");
 
 // CONCATENATED MODULE: ./src/components/chart/ChartToolbar.vue
 
@@ -45027,7 +45046,7 @@ var ChartToolbarvue_type_style_index_0_id_691b9473_lang_scss_scoped_true = __web
 
 
 
-const ChartToolbar_exports_ = /*#__PURE__*/exportHelper_default()(ChartToolbarvue_type_script_lang_js, [['render',ChartToolbarvue_type_template_id_691b9473_scoped_true_render],['__scopeId',"data-v-691b9473"]])
+const ChartToolbar_exports_ = /*#__PURE__*/exportHelper_default()(ChartToolbarvue_type_script_lang_js, [['render',ChartToolbarvue_type_template_id_5f0b8669_scoped_true_render],['__scopeId',"data-v-5f0b8669"]])
 
 /* harmony default export */ var ChartToolbar = (ChartToolbar_exports_);
 // CONCATENATED MODULE: ./src/components/chart/chartZoom.core.js
@@ -46724,14 +46743,33 @@ function ChartBrushvue_type_template_id_7d0c10ab_render(_ctx, _cache, $props, $s
 
 
 
+var BRUSH_UPDATE_MODE = {
+  WHEEL: {
+    UP: 'MOVEUP_WHEEL',
+    DOWN: 'MOVEDOWN_WHEEL'
+  },
+  GRAB: {
+    UP: 'MOVEUP_GRAB',
+    DOWN: 'MOVEDOWN_GRAB'
+  },
+  BUTTON: {
+    INCREASE: 'INCREASE',
+    DECREASE: 'DECREASE'
+  }
+};
+var BUTTON_TYPE = {
+  LEFT: 'leftX',
+  RIGHT: 'rightX'
+};
+
 var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
   function EvChartBrush(evChart, evChartData, evChartBrushOptions, brushIdx, evChartBrushRef) {
     _classCallCheck(this, EvChartBrush);
 
     this.evChart = evChart;
-    this.evChartData = evChartData;
     this.evChartBrushOptions = evChartBrushOptions;
     this.evChartBrushRef = evChartBrushRef;
+    this.evChartData = evChartData;
     this.brushIdx = brushIdx;
 
     if (evChartBrushOptions.value.useDebounce) {
@@ -46746,7 +46784,6 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
     key: "init",
     value: function init(isResize) {
       if (this.brushIdx.start > this.brushIdx.end) {
-        this.initEventState();
         this.removeBrushCanvas();
         return;
       }
@@ -46778,11 +46815,11 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
   }, {
     key: "drawBrushRect",
     value: function drawBrushRect(_ref) {
-      var _this$debounceBrushId;
-
       var brushCanvas = _ref.brushCanvas,
           isResize = _ref.isResize,
-          isDebounce = _ref.isDebounce;
+          isDebounce = _ref.isDebounce,
+          mode = _ref.mode,
+          offsetX = _ref.offsetX;
       var _this$evChart = this.evChart,
           chartRect = _this$evChart.chartRect,
           labelOffset = _this$evChart.labelOffset;
@@ -46791,21 +46828,57 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
         return;
       }
 
+      var labelEndIdx = this.evChartData.value.labels.length - 1;
+      this.labelEndIdx = labelEndIdx;
       var evChartRange = {
         x1: chartRect.x1 + labelOffset.left,
         x2: chartRect.x2 - labelOffset.right,
         y1: chartRect.y1 + labelOffset.top,
         y2: chartRect.y2 - labelOffset.bottom
       };
-      var pixelRatio = window.devicePixelRatio || 1;
+      var canvasPosInfo = this.setCanvasWidthHeight(evChartRange, brushCanvas);
+
+      if (isResize && this.isEqualWidth) {
+        return;
+      }
+
+      if (labelEndIdx >= 0) {
+        var brushPosInfo = this.setBrushXAndWidth(canvasPosInfo, offsetX, isDebounce, mode);
+
+        if (canvasPosInfo && brushPosInfo) {
+          this.drawBrush(canvasPosInfo, brushPosInfo, evChartRange, brushCanvas);
+        }
+      }
+    }
+  }, {
+    key: "setCanvasWidthHeight",
+    value: function setCanvasWidthHeight(evChartRange, brushCanvas) {
       var brushButtonWidth = 6;
       var brushCanvasWidth = evChartRange.x2 - evChartRange.x1 + brushButtonWidth;
       var brushCanvasHeight = evChartRange.y2 - evChartRange.y1;
-      var isEqualWidth = brushCanvas.width === Math.floor(brushCanvasWidth * pixelRatio);
+      var axesXInterval = (evChartRange.x2 - evChartRange.x1) / this.labelEndIdx;
+      var pixelRatio = window.devicePixelRatio || 1;
+      this.isEqualWidth = brushCanvas.width === Math.floor(brushCanvasWidth * pixelRatio);
+      return {
+        brushButtonWidth: brushButtonWidth,
+        brushCanvasHeight: brushCanvasHeight,
+        brushCanvasWidth: brushCanvasWidth,
+        axesXInterval: axesXInterval,
+        pixelRatio: pixelRatio
+      };
+    }
+  }, {
+    key: "setBrushXAndWidth",
+    value: function setBrushXAndWidth(canvasPosInfo) {
+      var _this$debounceBrushId;
 
-      if (isResize && isEqualWidth) {
-        return;
-      }
+      var offsetX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var isDebounce = arguments.length > 2 ? arguments[2] : undefined;
+      var mode = arguments.length > 3 ? arguments[3] : undefined;
+      var brushButtonWidth = canvasPosInfo.brushButtonWidth,
+          brushCanvasWidth = canvasPosInfo.brushCanvasWidth,
+          axesXInterval = canvasPosInfo.axesXInterval,
+          pixelRatio = canvasPosInfo.pixelRatio;
 
       if (!isDebounce && this.debounceBrushIdx) {
         this.debounceBrushIdx.start = this.brushIdx.start;
@@ -46813,44 +46886,109 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
       }
 
       var brushIdx = (_this$debounceBrushId = this.debounceBrushIdx) !== null && _this$debounceBrushId !== void 0 ? _this$debounceBrushId : this.brushIdx;
-      var labelEndIdx = this.evChartData.value.labels.length - 1;
 
-      if (labelEndIdx >= 0) {
-        this.labelEndIdx = labelEndIdx;
-        var axesXInterval = (evChartRange.x2 - evChartRange.x1) / labelEndIdx;
-        var brushRectX = brushIdx.start * axesXInterval * pixelRatio;
-        var brushRectWidth = (brushCanvasWidth - (labelEndIdx - (brushIdx.end - brushIdx.start)) * axesXInterval) * pixelRatio;
-        var brushRectHeight = this.evChartBrushOptions.value.height - evChartRange.y1;
-        var brushButtonLeftXPos = brushRectX;
-        var brushButtonRightXPos = brushRectX + brushRectWidth;
-
-        if (!brushCanvas.style.position) {
-          brushCanvas.style.position = 'absolute';
-          brushCanvas.style.top = "".concat(evChartRange.y1, "px");
-          brushCanvas.style.left = "".concat(evChartRange.x1 - brushButtonWidth / 2, "px");
-        }
-
-        if (!isEqualWidth) {
-          brushCanvas.width = brushCanvasWidth * pixelRatio;
-          brushCanvas.style.width = "".concat(brushCanvasWidth, "px");
-          brushCanvas.height = brushCanvasHeight * pixelRatio;
-          brushCanvas.style.height = "".concat(brushCanvasHeight, "px");
-        }
-
-        var ctx = brushCanvas.getContext('2d');
-        ctx.clearRect(0, 0, brushCanvasWidth * pixelRatio, brushCanvasHeight * pixelRatio);
-        ctx.fillStyle = this.evChartBrushOptions.value.selection.fillColor;
-        ctx.globalAlpha = this.evChartBrushOptions.value.selection.opacity;
-        ctx.fillRect(brushRectX, 0, brushRectWidth, brushRectHeight);
-        ctx.fillRect(brushButtonLeftXPos, 0, brushButtonWidth, brushRectHeight);
-        ctx.fillRect(brushButtonRightXPos - brushButtonWidth, 0, brushButtonWidth, brushRectHeight);
-        this.evChartBrushPos = {
-          leftX: brushButtonLeftXPos / pixelRatio,
-          rightX: brushButtonRightXPos / pixelRatio,
-          buttonWidth: brushButtonWidth,
-          axesXInterval: axesXInterval
-        };
+      switch (mode) {
+        case BRUSH_UPDATE_MODE.BUTTON.INCREASE:
+        case BRUSH_UPDATE_MODE.BUTTON.DECREASE:
+          this.brushRectWidth = brushCanvasWidth * pixelRatio;
+
+          if (this.curBrushButtonType === BUTTON_TYPE.LEFT) {
+            this.brushRectWidth = this.beforeBrushRectWidth ? this.beforeBrushRectWidth - offsetX : this.brushRectWidth - offsetX;
+
+            if (this.brushRectWidth <= brushButtonWidth) {
+              this.brushRectWidth = brushButtonWidth;
+            } else {
+              this.brushRectX = offsetX * pixelRatio;
+              this.beforeBrushRectX = this.brushRectX;
+            }
+          } else if (this.curBrushButtonType === BUTTON_TYPE.RIGHT) {
+            this.brushRectWidth = offsetX - this.beforeBrushRectX;
+
+            if (this.brushRectWidth <= brushButtonWidth) {
+              this.brushRectWidth = brushButtonWidth;
+            } else {
+              this.brushRectX = this.beforeBrushRectX;
+              this.beforeBrushRectWidth = this.brushRectWidth + this.brushRectX;
+            }
+          }
+
+          break;
+
+        case BRUSH_UPDATE_MODE.GRAB.UP:
+        case BRUSH_UPDATE_MODE.GRAB.DOWN:
+          if (this.brushRectX <= 0 && mode === BRUSH_UPDATE_MODE.GRAB.DOWN || this.brushRectX + this.brushRectWidth >= brushCanvasWidth && mode === BRUSH_UPDATE_MODE.GRAB.UP) {
+            this.offsetXAndRectXInterval = null;
+          } else {
+            if (!this.offsetXAndRectXInterval) {
+              this.offsetXAndRectXInterval = offsetX - this.brushRectX;
+            }
+
+            this.brushRectX = offsetX - this.offsetXAndRectXInterval;
+          }
+
+          break;
+
+        default:
+          if (!offsetX) {
+            this.brushRectX = brushIdx.start * axesXInterval * pixelRatio;
+            this.brushRectWidth = (brushCanvasWidth - (this.labelEndIdx - (brushIdx.end - brushIdx.start)) * axesXInterval) * pixelRatio;
+            this.beforeBrushRectX = this.brushRectX;
+            this.beforeBrushRectWidth = this.brushRectWidth + this.brushRectX;
+          }
+
+          break;
       }
+
+      return {
+        brushRectX: this.brushRectX,
+        brushRectWidth: this.brushRectWidth
+      };
+    }
+  }, {
+    key: "drawBrush",
+    value: function drawBrush(canvasPosInfo, brushPosInfo, evChartRange, brushCanvas) {
+      var brushButtonWidth = canvasPosInfo.brushButtonWidth,
+          brushCanvasHeight = canvasPosInfo.brushCanvasHeight,
+          brushCanvasWidth = canvasPosInfo.brushCanvasWidth,
+          axesXInterval = canvasPosInfo.axesXInterval,
+          pixelRatio = canvasPosInfo.pixelRatio;
+      var brushRectX = brushPosInfo.brushRectX,
+          brushRectWidth = brushPosInfo.brushRectWidth;
+      var _this$evChartBrushOpt = this.evChartBrushOptions.value,
+          height = _this$evChartBrushOpt.height,
+          _this$evChartBrushOpt2 = _this$evChartBrushOpt.selection,
+          fillColor = _this$evChartBrushOpt2.fillColor,
+          opacity = _this$evChartBrushOpt2.opacity;
+      var brushRectHeight = height - evChartRange.y1;
+      var brushButtonLeftXPos = brushRectX;
+      var brushButtonRightXPos = brushRectX + brushRectWidth;
+
+      if (!brushCanvas.style.position) {
+        brushCanvas.style.position = 'absolute';
+        brushCanvas.style.top = "".concat(evChartRange.y1, "px");
+        brushCanvas.style.left = "".concat(evChartRange.x1 - brushButtonWidth / 2, "px");
+      }
+
+      if (!this.isEqualWidth) {
+        brushCanvas.width = brushCanvasWidth * pixelRatio;
+        brushCanvas.style.width = "".concat(brushCanvasWidth, "px");
+        brushCanvas.height = brushCanvasHeight * pixelRatio;
+        brushCanvas.style.height = "".concat(brushCanvasHeight, "px");
+      }
+
+      var ctx = brushCanvas.getContext('2d');
+      ctx.clearRect(0, 0, brushCanvasWidth * pixelRatio, brushCanvasHeight * pixelRatio);
+      ctx.fillStyle = fillColor;
+      ctx.globalAlpha = opacity;
+      ctx.fillRect(brushRectX, 0, brushRectWidth, brushRectHeight);
+      ctx.fillRect(brushButtonLeftXPos, 0, brushButtonWidth, brushRectHeight);
+      ctx.fillRect(brushButtonRightXPos - brushButtonWidth, 0, brushButtonWidth, brushRectHeight);
+      this.brushPosInfo = _objectSpread2(_objectSpread2({
+        leftX: brushButtonLeftXPos / pixelRatio,
+        rightX: brushButtonRightXPos / pixelRatio,
+        buttonWidth: brushButtonWidth,
+        axesXInterval: axesXInterval
+      }, canvasPosInfo), brushPosInfo);
     }
   }, {
     key: "addEvent",
@@ -46885,8 +47023,19 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
 
       this.onWheel = function (e) {
         e.preventDefault();
+        var mode = e.deltaY > 0 ? BRUSH_UPDATE_MODE.WHEEL.DOWN : BRUSH_UPDATE_MODE.WHEEL.UP;
+
+        _this.updateBrushIdx(mode);
 
-        _this.updateBrushIdx(e.deltaY > 0 ? 'movedown' : 'moveup');
+        if (_this.debounceBrushIdx) {
+          _this.drawBrushRect({
+            brushCanvas: _this.brushCanvas,
+            isDebounce: true,
+            mode: mode
+          });
+        }
+
+        _this.brushIdx.isUseScroll = true;
       };
 
       this.onMouseUp = function () {
@@ -46912,23 +47061,23 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
       var _this2 = this;
 
       var calDisToCurMouseX = function calDisToCurMouseX(xPos) {
-        return Math.abs(_this2.evChartBrushPos[xPos] - e.offsetX);
+        return Math.abs(_this2.brushPosInfo[xPos] - e.offsetX);
       };
 
-      var buttonType = calDisToCurMouseX('rightX') > calDisToCurMouseX('leftX') ? 'leftX' : 'rightX';
-      this.curBrushButtonType = buttonType;
+      var buttonType = calDisToCurMouseX(BUTTON_TYPE.RIGHT) > calDisToCurMouseX(BUTTON_TYPE.LEFT) ? BUTTON_TYPE.LEFT : BUTTON_TYPE.RIGHT;
 
       var isMoveRight = function isMoveRight(xPos) {
-        return e.offsetX > _this2.evChartBrushPos[xPos];
+        return e.offsetX > _this2.brushPosInfo[xPos];
       };
 
       var isMoveLeft = function isMoveLeft(xPos) {
-        return e.offsetX < _this2.evChartBrushPos[xPos];
+        return e.offsetX < _this2.brushPosInfo[xPos];
       };
 
-      var isOutsideBrush = isMoveLeft('leftX') || isMoveRight('rightX');
-      var isInsideBrush = isMoveRight('leftX') && isMoveLeft('rightX');
-      var isInsideButton = e.offsetX + this.evChartBrushPos.buttonWidth >= this.evChartBrushPos[buttonType] && e.offsetX - this.evChartBrushPos.buttonWidth <= this.evChartBrushPos[buttonType];
+      var isOutsideBrush = isMoveLeft(BUTTON_TYPE.LEFT) || isMoveRight(BUTTON_TYPE.RIGHT);
+      var isInsideBrush = isMoveRight(BUTTON_TYPE.LEFT) && isMoveLeft(BUTTON_TYPE.RIGHT);
+      var isInsideButton = e.offsetX + this.brushPosInfo.buttonWidth >= this.brushPosInfo[buttonType] && e.offsetX - this.brushPosInfo.buttonWidth <= this.brushPosInfo[buttonType];
+      this.curBrushButtonType = isInsideButton && buttonType;
       return {
         isInsideButton: isInsideButton,
         isInsideBrush: isInsideBrush,
@@ -46943,10 +47092,12 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
         this.brushCanvas = null;
       }
 
-      var evChartBrushContainer = this.evChartBrushContainer;
+      if (this.evChartBrushContainer) {
+        var evChartBrushContainer = this.evChartBrushContainer;
 
-      while (evChartBrushContainer.hasChildNodes()) {
-        evChartBrushContainer.removeChild(evChartBrushContainer.firstChild);
+        while (evChartBrushContainer.hasChildNodes()) {
+          evChartBrushContainer.removeChild(evChartBrushContainer.firstChild);
+        }
       }
     }
     /**
@@ -47000,18 +47151,18 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
 
       if (middle > 0.5) {
         if ((brushIdx.end - brushIdx.start) % 2 === 0) {
-          clickIdx = Math.round(e.offsetX / this.evChartBrushPos.axesXInterval);
+          clickIdx = Math.round(e.offsetX / this.brushPosInfo.axesXInterval);
           left = Math.ceil(middle);
           right = Math.floor(middle);
         } else {
-          clickIdx = Math.ceil(e.offsetX / this.evChartBrushPos.axesXInterval);
+          clickIdx = Math.ceil(e.offsetX / this.brushPosInfo.axesXInterval);
           left = Math.ceil(middle);
           right = Math.floor(middle);
         }
       } else {
-        clickIdx = Math.floor(e.offsetX / this.evChartBrushPos.axesXInterval);
+        clickIdx = Math.floor(e.offsetX / this.brushPosInfo.axesXInterval);
 
-        if (e.offsetX - clickIdx * this.evChartBrushPos.axesXInterval > this.evChartBrushPos.axesXInterval / 2) {
+        if (e.offsetX - clickIdx * this.brushPosInfo.axesXInterval > this.brushPosInfo.axesXInterval / 2) {
           left = Math.floor(middle);
           right = Math.ceil(middle);
         } else {
@@ -47053,40 +47204,53 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
   }, {
     key: "mouseDownAndMove",
     value: function mouseDownAndMove(e) {
-      var moveSensitive = this.evChartBrushPos.axesXInterval / 3;
+      var moveSensitive = this.debounceBrushIdx ? 0 : this.brushPosInfo.axesXInterval / 3;
       var mode;
 
       if (e.offsetX > this.beforeMouseXPos) {
         // 오른쪽 이동
         if (this.clickBrushInsideX > 0) {
           if (this.clickBrushInsideX < e.offsetX - moveSensitive) {
-            mode = 'moveup';
+            mode = BRUSH_UPDATE_MODE.GRAB.UP;
+            this.isUseBrushGrab = true;
+            this.brushIdx.isUseScroll = true;
             this.clickBrushInsideX = e.offsetX + moveSensitive;
           }
         } else {
-          var isMoveRight = e.offsetX - this.evChartBrushPos[this.curBrushButtonType] > moveSensitive;
+          var isMoveRight = e.offsetX - this.brushPosInfo[this.curBrushButtonType] > moveSensitive;
 
           if (isMoveRight) {
-            mode = this.curBrushButtonType === 'leftX' ? 'decrease' : 'increase';
+            mode = this.curBrushButtonType === BUTTON_TYPE.LEFT ? BRUSH_UPDATE_MODE.BUTTON.DECREASE : BRUSH_UPDATE_MODE.BUTTON.INCREASE;
+            this.brushIdx.isUseButton = true;
           }
         }
       } else if (e.offsetX < this.beforeMouseXPos) {
         // 왼쪽 이동
         if (this.clickBrushInsideX > 0) {
           if (this.clickBrushInsideX > e.offsetX + moveSensitive) {
-            mode = 'movedown';
+            mode = BRUSH_UPDATE_MODE.GRAB.DOWN;
+            this.isUseBrushGrab = true;
+            this.brushIdx.isUseScroll = true;
             this.clickBrushInsideX = e.offsetX - moveSensitive;
           }
         } else {
-          var isMoveLeft = this.evChartBrushPos[this.curBrushButtonType] - e.offsetX > moveSensitive;
+          var isMoveLeft = this.brushPosInfo[this.curBrushButtonType] - e.offsetX > moveSensitive;
 
           if (isMoveLeft) {
-            mode = this.curBrushButtonType === 'leftX' ? 'increase' : 'decrease';
+            mode = this.curBrushButtonType === BUTTON_TYPE.LEFT ? BRUSH_UPDATE_MODE.BUTTON.INCREASE : BRUSH_UPDATE_MODE.BUTTON.DECREASE;
+            this.brushIdx.isUseButton = true;
           }
         }
       }
 
-      if (mode) {
+      if (this.debounceBrushIdx) {
+        this.drawBrushRect({
+          brushCanvas: this.brushCanvas,
+          isDebounce: true,
+          mode: mode,
+          offsetX: e.offsetX
+        });
+      } else {
         this.updateBrushIdx(mode);
       }
 
@@ -47106,28 +47270,28 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
       var brushIdx = (_this$debounceBrushId3 = this.debounceBrushIdx) !== null && _this$debounceBrushId3 !== void 0 ? _this$debounceBrushId3 : this.brushIdx;
 
       switch (mode) {
-        case 'moveup':
-          if (brushIdx.end === this.labelEndIdx) {
+        case BRUSH_UPDATE_MODE.WHEEL.UP:
+        case BRUSH_UPDATE_MODE.GRAB.UP:
+          if (brushIdx.end >= this.labelEndIdx) {
             return;
           }
 
           brushIdx.start += 1;
           brushIdx.end += 1;
-          this.brushIdx.isUseScroll = true;
           break;
 
-        case 'movedown':
-          if (!brushIdx.start) {
+        case BRUSH_UPDATE_MODE.WHEEL.DOWN:
+        case BRUSH_UPDATE_MODE.GRAB.DOWN:
+          if (brushIdx.start <= 0) {
             return;
           }
 
           brushIdx.start -= 1;
           brushIdx.end -= 1;
-          this.brushIdx.isUseScroll = true;
           break;
 
-        case 'increase':
-          if (this.curBrushButtonType === 'leftX') {
+        case BRUSH_UPDATE_MODE.BUTTON.INCREASE:
+          if (this.curBrushButtonType === BUTTON_TYPE.LEFT) {
             if (!brushIdx.start) {
               return;
             }
@@ -47141,37 +47305,104 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
             brushIdx.end += 1;
           }
 
-          this.brushIdx.isUseButton = true;
           break;
 
-        case 'decrease':
+        case BRUSH_UPDATE_MODE.BUTTON.DECREASE:
           if (brushIdx.start === brushIdx.end - 1) {
             return;
           }
 
-          if (this.curBrushButtonType === 'leftX') {
+          if (this.curBrushButtonType === BUTTON_TYPE.LEFT) {
             brushIdx.start += 1;
           } else {
             brushIdx.end -= 1;
           }
 
-          this.brushIdx.isUseButton = true;
           break;
 
         default:
           break;
       }
+    }
+  }, {
+    key: "updateBrushIdxUseXPos",
+    value: function updateBrushIdxUseXPos() {
+      var _this3 = this;
+
+      if (!this.debounceBrushIdx) {
+        return;
+      }
+
+      var calculateBrushIdxByPos = function calculateBrushIdxByPos() {
+        var brushStartIdx;
+        var brushEndIdx;
+
+        if (_this3.brushPosInfo) {
+          var _this3$brushPosInfo = _this3.brushPosInfo,
+              brushRectX = _this3$brushPosInfo.brushRectX,
+              brushRectWidth = _this3$brushPosInfo.brushRectWidth,
+              brushCanvasWidth = _this3$brushPosInfo.brushCanvasWidth,
+              axesXInterval = _this3$brushPosInfo.axesXInterval;
+
+          if (_this3.brushIdx.isUseButton || _this3.isUseBrushGrab) {
+            brushStartIdx = brushRectX / axesXInterval;
+            brushEndIdx = _this3.labelEndIdx - (brushCanvasWidth - (brushRectX + brushRectWidth)) / axesXInterval;
+
+            if (_this3.curBrushButtonType === BUTTON_TYPE.LEFT) {
+              brushStartIdx = Math.round(brushStartIdx);
+              brushEndIdx = _this3.brushIdx.end;
+
+              if (brushStartIdx === brushEndIdx) {
+                brushStartIdx -= 1;
+              }
+            } else if (_this3.curBrushButtonType === BUTTON_TYPE.RIGHT) {
+              brushStartIdx = _this3.brushIdx.start;
+              brushEndIdx = Math.round(brushEndIdx);
+
+              if (brushStartIdx === brushEndIdx) {
+                brushEndIdx += 1;
+              }
+            } else {
+              brushStartIdx = Math.round(brushStartIdx);
+              brushEndIdx = Math.round(brushEndIdx);
+            }
+
+            if (brushEndIdx > _this3.labelEndIdx) {
+              var excessIdx = brushEndIdx - _this3.labelEndIdx;
+              brushStartIdx -= excessIdx;
+              brushEndIdx -= excessIdx;
+            }
+
+            if (brushStartIdx < 0) {
+              var _excessIdx = Math.abs(brushStartIdx);
+
+              brushStartIdx = 0;
+              brushEndIdx += _excessIdx;
+            }
+          }
+        }
+
+        return {
+          brushStartIdx: brushStartIdx,
+          brushEndIdx: brushEndIdx
+        };
+      };
 
-      if (mode && this.debounceBrushIdx) {
+      var _calculateBrushIdxByP = calculateBrushIdxByPos(),
+          brushStartIdx = _calculateBrushIdxByP.brushStartIdx,
+          brushEndIdx = _calculateBrushIdxByP.brushEndIdx;
+
+      if (this.brushIdx.start === brushStartIdx && this.brushIdx.end === brushEndIdx) {
         this.drawBrushRect({
-          brushCanvas: this.brushCanvas,
-          isResize: false,
-          isDebounce: true
+          brushCanvas: this.brushCanvas
         });
       }
+
+      this.brushIdx.start = brushStartIdx !== null && brushStartIdx !== void 0 ? brushStartIdx : this.debounceBrushIdx.start;
+      this.brushIdx.end = brushEndIdx !== null && brushEndIdx !== void 0 ? brushEndIdx : this.debounceBrushIdx.end;
     }
     /**
-     * @param {boolean} isUpdateBrushIdx to initialize state after update brush index value
+     * @param {boolean} updateBrushIdxUseXPos to initialize state after update brush index value
      *
      * @returns {undefined}
      */
@@ -47179,23 +47410,22 @@ var chartBrush_core_EvChartBrush = /*#__PURE__*/function () {
   }, {
     key: "initEventState",
     value: function initEventState() {
-      var _this3 = this;
+      var _this4 = this;
 
       var promise = new Promise(function (resolve) {
-        if (_this3.debounceBrushIdx && (_this3.brushIdx.isUseButton || _this3.brushIdx.isUseScroll)) {
-          _this3.brushIdx.start = _this3.debounceBrushIdx.start;
-          _this3.brushIdx.end = _this3.debounceBrushIdx.end;
-        }
+        _this4.updateBrushIdxUseXPos();
 
         resolve(true);
       });
       promise.then(function (isUpdateBrushIdx) {
         if (isUpdateBrushIdx) {
-          _this3.clickBrushInsideX = null;
-          _this3.beforeMouseXPos = null;
-          _this3.curBrushButtonType = null;
-          _this3.brushIdx.isUseButton = false;
-          _this3.brushIdx.isUseScroll = false;
+          _this4.clickBrushInsideX = null;
+          _this4.beforeMouseXPos = null;
+          _this4.curBrushButtonType = null;
+          _this4.isUseBrushGrab = false;
+          _this4.offsetXAndRectXInterval = null;
+          _this4.brushIdx.isUseButton = false;
+          _this4.brushIdx.isUseScroll = false;
         }
       });
     }