evui 3.4.115 → 3.4.116

package/dist/evui.common.js

@@ -11171,7 +11171,7 @@ module.exports = exports;
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.115\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.116\"}");
 
 /***/ }),
 
@@ -38817,17 +38817,7 @@ var modules = {
         } else {
           seriesIDs.forEach(function (seriesID) {
             var series = _this.seriesList[seriesID];
-            var sData = data[seriesID].map(function (item) {
-              if (series.interpolation === 'zero' && !item) {
-                return 0;
-              }
-
-              if (item === series.passingValue) {
-                return null;
-              }
-
-              return item;
-            });
+            var sData = data[seriesID];
 
             if (series && sData) {
               if (series.isExistGrp && series.stackIndex && !series.isOverlapping) {
@@ -39221,9 +39211,7 @@ var modules = {
    * @param {array}   bsIds   stacked base data ID List
    * @param {number}  sIdx    series ordered index
    *
-   * @typedef {import('./index').ChartSeriesDataPoint} ChartSeriesDataPoint
-   *
-   * @returns {ChartSeriesDataPoint[]} data for each series
+   * @returns {array} data for each series
    */
   addSeriesStackDS: function addSeriesStackDS(data, label, bsIds) {
     var _this4 = this;
@@ -39275,7 +39263,8 @@ var modules = {
           if (oData != null) {
             gdata = bdata + oData;
           } else {
-            gdata = odata;
+            gdata = null;
+            bdata = 0;
           }
         } else {
           bdata = 0;
@@ -39294,9 +39283,7 @@ var modules = {
    * @param {object}  label   chart label
    * @param {boolean}  isBase   is Base(bottommost) series at stack chart
    *
-   * @typedef {import('./index').ChartSeriesDataPoint} ChartSeriesDataPoint
-   *
-   * @returns {ChartSeriesDataPoint[]} data for each series
+   * @returns {array} data for each series
    */
   addSeriesDS: function addSeriesDS(data, label, isBase) {
     var _this$seriesList$Obje,
@@ -39373,10 +39360,7 @@ var modules = {
    * @param {object}  ldata    label data (x-axis value for vertical chart)
    * @param {object}  odata    original data (without stacked value)
    * @param {object}  bdata    base data (stacked value)
-   *
-   * @typedef {import('./index').ChartSeriesDataPoint} ChartSeriesDataPoint
-   *
-   * @returns {ChartSeriesDataPoint} data for each graph point
+    * @returns {object} data for each graph point
    */
   addData: function addData(gdata, ldata) {
     var _gdataColor;
@@ -39952,18 +39936,12 @@ var modules = {
     return result;
   },
 
-  /**
-   * @typedef {Object} LabelInfoResult
-   * @property {number} labelIndex - 선택된 라벨의 인덱스
-   * @property {object} hitInfo - 해당 위치에서의 히트 정보 (getItemByPosition 반환값)
-   */
-
   /**
    * Find label info by position x and y
    * @param {array}   offset          position x and y
    * @param {string | null}  targetAxis    target Axis Location ('xAxis', 'yAxis' , null)
    *
-   * @returns {LabelInfoResult} clicked label information
+   * @returns {object} clicked label information
    */
   getLabelInfoByPosition: function getLabelInfoByPosition(offset, targetAxis) {
     var _Object$values$sort$, _Object$values$sort$2, _scrollbarOpt, _scale, _scale$labels, _scale3, _scale3$labels;
@@ -40070,14 +40048,11 @@ var modules = {
 
   /**
    * Get current mouse target label value in label array or calculated using mouse position
-   *
-   * @typedef {import('./index').MouseLabelValue} MouseLabelValue
-   *
    * @param {string}   targetAxis          target Axis Location ('xAxis', 'yAxis')
    * @param {array}  offset    return value from getMousePosition()
    * @param {number}  labelIndex
    *
-   * @returns {MouseLabelValue} current mouse target label value
+   * @returns {object} current mouse target label value
    */
   getCurMouseLabelVal: function getCurMouseLabelVal(targetAxis, offset, labelIndex) {
     var _this9 = this;
@@ -41107,57 +41082,6 @@ var defaultsDeep = _baseRest(function(args) {
 
 /* harmony default export */ var lodash_es_defaultsDeep = (defaultsDeep);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/isNil.js
-/**
- * Checks if `value` is `null` or `undefined`.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
- * @example
- *
- * _.isNil(null);
- * // => true
- *
- * _.isNil(void 0);
- * // => true
- *
- * _.isNil(NaN);
- * // => false
- */
-function isNil(value) {
-  return value == null;
-}
-
-/* harmony default export */ var lodash_es_isNil = (isNil);
-
-// CONCATENATED MODULE: ./node_modules/lodash-es/isUndefined.js
-/**
- * Checks if `value` is `undefined`.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
- * @example
- *
- * _.isUndefined(void 0);
- * // => true
- *
- * _.isUndefined(null);
- * // => false
- */
-function isUndefined(value) {
-  return value === undefined;
-}
-
-/* harmony default export */ var lodash_es_isUndefined = (isUndefined);
-
 // CONCATENATED MODULE: ./src/components/chart/helpers/helpers.constant.js
 var AXIS_UNITS = {
   x: {
@@ -41205,8 +41129,7 @@ var LINE_OPTION = {
   fill: false,
   fillOpacity: 0.4,
   showLegend: true,
-  passingValue: null,
-  interpolation: 'none'
+  passingValue: null
 };
 var BAR_OPTION = {
   show: true,
@@ -41393,13 +41316,13 @@ var TIME_INTERVALS = {
 /* harmony default export */ var helpers_canvas = ({
   /**
    * Calculate X position
-   * @param {number|null|undefined}    value         graph value
+   * @param {any}    value         graph value
    * @param {number} min           min value
    * @param {number} max           max value
    * @param {number} area          height for axis
    * @param {number} startPoint    startPoint
    *
-   * @returns {number|null} position
+   * @returns {any} position
    */
   calculateX: function calculateX(value, min, max, area) {
     var startPoint = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
@@ -41439,13 +41362,13 @@ var TIME_INTERVALS = {
 
   /**
    * Calculate Y position
-   * @param {number|null|undefined}    value         graph value
+   * @param {any}    value         graph value
    * @param {number} min           min value
    * @param {number} max           max value
    * @param {number} area          height for axis
    * @param {number} startPoint    startPoint
    *
-   * @returns {number|null} position
+   * @returns {any} position
    */
   calculateY: function calculateY(value, min, max, area) {
     var startPoint = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
@@ -41693,6 +41616,7 @@ var TIME_INTERVALS = {
 
 
 
+
 var element_line_Line = /*#__PURE__*/function () {
   function Line(sId, opt, sIdx) {
     var _this = this;
@@ -41729,8 +41653,6 @@ var element_line_Line = /*#__PURE__*/function () {
         lineWidth: 2
       }
     };
-    /** @type {import('../model/index').ChartSeriesDataPoint[]} */
-
     this.data = [];
     this.beforeMouseXp = 0;
     this.beforeMouseYp = 0;
@@ -41738,23 +41660,11 @@ var element_line_Line = /*#__PURE__*/function () {
     this.size = {
       comboOffset: 0
     };
-    this.useLinearInterpolation = this.interpolation === 'linear' || this.interpolation === 'none' && !!this.passingValue;
+    this.usePassingValue = !!this.passingValue;
   }
-  /**
-   * @typedef {Object} LineDrawParam
-   * @property {CanvasRenderingContext2D} ctx - 캔버스 렌더링 컨텍스트
-   * @property {object} chartRect - 차트 영역 정보
-   * @property {object} labelOffset - 라벨 오프셋 정보
-   * @property {object} axesSteps - 축 스텝 정보
-   * @property {object} [selectLabel] - 선택된 라벨 정보
-   * @property {object} [selectSeries] - 선택된 시리즈 정보
-   * @property {object} [legendHitInfo] - 범례 히트 정보
-   * @property {boolean} [isBrush] - 브러시 사용 여부
-   */
-
   /**
    * Draw series data
-   * @param {LineDrawParam} param     object for drawing series data
+   * @param {object} param     object for drawing series data
    *
    * @returns {undefined}
    */
@@ -41823,6 +41733,8 @@ var element_line_Line = /*#__PURE__*/function () {
       }
 
       var endPoint = chartRect.y2 - labelOffset.bottom;
+      var x;
+      var y;
       var barAreaByCombo = 0;
       var minmaxX = axesSteps.x[this.xAxisIndex];
       var minmaxY = axesSteps.y[this.yAxisIndex];
@@ -41847,40 +41759,51 @@ var element_line_Line = /*#__PURE__*/function () {
       }; // draw line
 
 
-      var prevValid;
-      this.data.forEach(function (curr) {
-        var _prevValid, _prevValid2;
-
-        var x = getXPos(curr.x);
-        var y = getYPos(curr.y);
-
-        if (_this2.isExistGrp && _this2.useLinearInterpolation && curr.o === null) {
-          var _curr$b;
-
-          y = getYPos((_curr$b = curr.b) !== null && _curr$b !== void 0 ? _curr$b : 0);
-        }
+      var needCutoff = false;
+      this.data.reduce(function (prev, curr) {
+        x = getXPos(curr.x);
+        y = getYPos(curr.y);
 
         if (x !== null) {
           x += helpers_util.aliasPixel(x);
         }
 
-        curr.xp = x;
-        curr.yp = y;
+        if (_this2.usePassingValue) {
+          if (curr.o === _this2.passingValue) {
+            y = getYPos(prev.y);
 
-        if (_this2.useLinearInterpolation && curr.o === null) {
-          if (!_this2.isExistGrp) {
-            return;
+            if (prev.o === null) {
+              needCutoff = true;
+            }
+
+            if (_this2.isExistGrp && !needCutoff) {
+              var _curr$b;
+
+              y = getYPos((_curr$b = curr.b) !== null && _curr$b !== void 0 ? _curr$b : 0);
+              ctx.lineTo(x, y);
+            }
+
+            curr.xp = x;
+            curr.yp = y;
+            return curr;
           }
         }
 
-        if (lodash_es_isNil((_prevValid = prevValid) === null || _prevValid === void 0 ? void 0 : _prevValid.y) && !_this2.isExistGrp || !_this2.useLinearInterpolation && (lodash_es_isNil((_prevValid2 = prevValid) === null || _prevValid2 === void 0 ? void 0 : _prevValid2.y) || lodash_es_isNil(curr.o))) {
+        var isNullValue = helpers_util.isNullOrUndefined(prev.o) || helpers_util.isNullOrUndefined(curr.o) || helpers_util.isNullOrUndefined(curr.x) || helpers_util.isNullOrUndefined(curr.y);
+
+        if (isNullValue || needCutoff) {
           ctx.moveTo(x, y);
+          needCutoff = false;
         } else {
           ctx.lineTo(x, y);
         }
 
-        prevValid = curr;
-      });
+        curr.xp = x; // eslint-disable-line
+
+        curr.yp = y; // eslint-disable-line
+
+        return curr;
+      }, this.data[0]);
       ctx.stroke();
 
       if (this.segments) {
@@ -41920,22 +41843,20 @@ var element_line_Line = /*#__PURE__*/function () {
         var valueArray = this.data.map(function (item) {
           return item === null || item === void 0 ? void 0 : item.o;
         });
-        /** @type {Array<[number, number]>} */
-
         var needFillDataIndexList = [];
 
         for (var i = 0; i < valueArray.length + 1; i++) {
-          if (this.useLinearInterpolation && lodash_es_isUndefined(valueArray[i]) || !this.useLinearInterpolation && lodash_es_isNil(valueArray[i])) {
+          if (helpers_util.isNullOrUndefined(valueArray[i])) {
             if (start !== null && end !== null) {
               var temp = valueArray.slice(start, i);
               var lastNormalValueIndex = temp.findLastIndex(function (item) {
-                return !lodash_es_isNil(item) && item !== null;
+                return item !== helpers_util.isNullOrUndefined(item) && item !== _this2.passingValue;
               });
               needFillDataIndexList.push([start, start + lastNormalValueIndex]);
               start = null;
               end = null;
             }
-          } else if (this.useLinearInterpolation && valueArray[i] === null) {
+          } else if (valueArray[i] === this.passingValue) {
             end = i;
           } else {
             start = start === null ? i : start;
@@ -41965,7 +41886,7 @@ var element_line_Line = /*#__PURE__*/function () {
 
             if (ix === startIndex) {
               ctx.moveTo(currData.xp, currData.yp);
-            } else if (_this2.isExistGrp || currData.o !== null) {
+            } else if (_this2.isExistGrp || _this2.passingValue !== currData.o) {
               ctx.lineTo(currData.xp, currData.yp);
             }
 
@@ -41991,19 +41912,14 @@ var element_line_Line = /*#__PURE__*/function () {
         ctx.strokeStyle = helpers_util.colorStringToRgba(mainColor, mainColorOpacity);
         var focusStyle = helpers_util.colorStringToRgba(pointFillColor, 1);
         var blurStyle = helpers_util.colorStringToRgba(pointFillColor, pointFillColorOpacity);
-        var isLinearSingle = this.interpolation === 'linear' && this.data.filter(function (item) {
-          return item.o !== null;
-        }).length === 1;
         this.data.forEach(function (curr, ix) {
           var _this2$data, _this2$data2;
 
-          if (curr.xp === null || curr.yp === null || curr.o === null) {
+          if (curr.xp === null || curr.yp === null || curr.o === _this2.passingValue) {
             return;
           }
 
-          var prevData = (_this2$data = _this2.data[ix - 1]) === null || _this2$data === void 0 ? void 0 : _this2$data.o;
-          var nextData = (_this2$data2 = _this2.data[ix + 1]) === null || _this2$data2 === void 0 ? void 0 : _this2$data2.o;
-          var isSingle = !_this2.useLinearInterpolation && lodash_es_isNil(prevData) && lodash_es_isNil(nextData) || isLinearSingle;
+          var isSingle = helpers_util.isNullOrUndefined((_this2$data = _this2.data[ix - 1]) === null || _this2$data === void 0 ? void 0 : _this2$data.o) && helpers_util.isNullOrUndefined((_this2$data2 = _this2.data[ix + 1]) === null || _this2$data2 === void 0 ? void 0 : _this2$data2.o);
           var isSelectedLabel = selectedLabelIndexList.includes(ix);
 
           if (_this2.point || isSingle || isSelectedLabel) {
@@ -42034,7 +41950,7 @@ var element_line_Line = /*#__PURE__*/function () {
           o = gdata.o;
       ctx.save();
 
-      if (xp !== null && yp !== null && o !== null && this.pointHighlight) {
+      if (xp !== null && yp !== null && o !== this.passingValue && this.pointHighlight) {
         ctx.strokeStyle = helpers_util.colorStringToRgba(this.color, 0);
         ctx.fillStyle = helpers_util.colorStringToRgba(this.color, this.highlight.maxShadowOpacity);
         helpers_canvas.drawPoint(ctx, this.pointStyle, this.highlight.maxShadowSize, xp, yp);
@@ -42155,7 +42071,7 @@ var element_line_Line = /*#__PURE__*/function () {
         }
       }
 
-      if (this.useLinearInterpolation && (item === null || item === void 0 ? void 0 : (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.o) === null) {
+      if (this.usePassingValue && (item === null || item === void 0 ? void 0 : (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.o) === this.passingValue) {
         item.data = null;
       }
 
@@ -44827,47 +44743,6 @@ var model_series_modules = {
   Store: model_store,
   Series: model_series
 });
-/**
- * @typedef {Object} ChartDOMSize
- * @property {number} width - 차트 DOM의 너비
- * @property {number} height - 차트 DOM의 높이
- */
-
-/**
- * @typedef {Object} ChartRect
- * @property {number} x1 - 차트 영역의 시작 X 좌표
- * @property {number} x2 - 차트 영역의 끝 X 좌표
- * @property {number} y1 - 차트 영역의 시작 Y 좌표
- * @property {number} y2 - 차트 영역의 끝 Y 좌표
- * @property {number} chartWidth - 실제 차트 그리기 영역의 너비
- * @property {number} chartHeight - 실제 차트 그리기 영역의 높이
- * @property {number} width - 전체 차트 컨테이너의 너비
- * @property {number} height - 전체 차트 컨테이너의 높이
- */
-
-/**
-* @typedef {Object} MouseLabelValue
-* @property {string|number} labelVal - 마우스 위치에 해당하는 라벨 값
-* @property {number} labelIdx - 라벨 인덱스 (없으면 -1)
-*/
-
-/**
-* @typedef {Object} ChartSeriesDataPoint
-* @property {number|null} x - x축 값 또는 라벨
-* @property {number|null} y - y축 값 또는 데이터 값
-* @property {number|null} o - 원본 데이터 값
-* @property {number|null} b - 스택형 차트의 베이스 값
-* @property {number|null} xp - x좌표 위치(픽셀 등)
-* @property {number|null} yp - y좌표 위치(픽셀 등)
-* @property {number|null} w - 너비
-* @property {number|null} h - 높이
-* @property {string|null} dataColor - 데이터 색상
-* @property {string|null} dataTextColor - 텍스트 색상
-*/
-
-/**
- * @typedef {'none' | 'linear' | 'zero'} InterpolationType
- */
 // CONCATENATED MODULE: ./src/components/chart/scale/scale.js
 
 
@@ -51354,7 +51229,7 @@ var plugins_interaction_modules = {
         if (item !== null && item !== void 0 && item.data) {
           var gdata = void 0;
 
-          if (item.data.o === null && series.interpolation !== 'zero') {
+          if (item.data.o === null) {
             if (!series.isExistGrp) {
               gdata = isHorizontal ? item.data.x : item.data.y;
             }
@@ -54689,9 +54564,8 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     }
     /**
      * Get chart DOM size and set canvas size
-     * @typedef {import('./model/index').ChartDOMSize} ChartDOMSize
      *
-     * @returns {ChartDOMSize} chart size information
+     * @returns {object} chart size information
      */
 
   }, {
@@ -54711,9 +54585,8 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     }
     /**
      * Calculate chart size
-     * @typedef {import('./model/index').ChartRect} ChartRect
      *
-     * @returns {ChartRect} chart size information
+     * @returns {object} chart size information
      */
 
   }, {