@wcardinal/wcardinal-ui 0.239.0 → 0.241.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.239.0
+ Winter Cardinal UI v0.241.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -28010,7 +28010,17 @@ var DButtonBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(DButtonBase.prototype, "isToggle", {
         get: function () {
-            return this._isToggle;
+            return !!this._isToggle;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DButtonBase.prototype, "isGrouped", {
+        get: function () {
+            return !!this._isGrouped;
+        },
+        set: function (isGrouped) {
+            this._isGrouped = isGrouped;
         },
         enumerable: false,
         configurable: true
@@ -28053,9 +28063,17 @@ var DButtonBase = /** @class */ (function (_super) {
         return _super.prototype.onDblClick.call(this, e, interactionManager);
     };
     DButtonBase.prototype.activate = function (e) {
-        if (this.isToggle) {
-            this.onToggleStart(e);
-            this.onToggleEnd(e);
+        if (this._isToggle) {
+            if (this._isGrouped) {
+                if (!this.state.isActive) {
+                    this.onToggleStart(e);
+                    this.onToggleEnd(e);
+                }
+            }
+            else {
+                this.onToggleStart(e);
+                this.onToggleEnd(e);
+            }
         }
         else {
             this.onActivate(e);
@@ -28069,7 +28087,7 @@ var DButtonBase = /** @class */ (function (_super) {
     };
     DButtonBase.prototype.toggle = function () {
         if (this.state.isActionable) {
-            if (this.isToggle) {
+            if (this._isToggle) {
                 this.onToggleStart();
                 this.onToggleEnd();
             }
@@ -28088,7 +28106,7 @@ var DButtonBase = /** @class */ (function (_super) {
     };
     DButtonBase.prototype.onActivateKeyDown = function (e) {
         if (this.state.isActionable) {
-            if (this.isToggle) {
+            if (this._isToggle) {
                 this.onToggleStart(e);
             }
             else {
@@ -28098,7 +28116,7 @@ var DButtonBase = /** @class */ (function (_super) {
     };
     DButtonBase.prototype.onActivateKeyUp = function (e) {
         if (this.state.isActionable) {
-            if (this.isToggle) {
+            if (this._isToggle) {
                 this.onToggleEnd(e);
             }
             else {
@@ -28666,6 +28684,7 @@ var DButtonGroup = /** @class */ (function (_super) {
         var index = buttons.indexOf(button);
         if (index < 0) {
             this._buttons.push(button);
+            button.isGrouped = true;
             var isEnabled = this._isEnabled;
             if (isEnabled != null) {
                 button.state.isEnabled = isEnabled;
@@ -28702,6 +28721,7 @@ var DButtonGroup = /** @class */ (function (_super) {
         var index = buttons.indexOf(button);
         if (0 <= index) {
             buttons.splice(index, 1);
+            button.isGrouped = false;
             button.off("active", this._onActiveBound);
             if (this._active === button) {
                 this.active = null;
@@ -28714,7 +28734,11 @@ var DButtonGroup = /** @class */ (function (_super) {
         return 0 <= index;
     };
     DButtonGroup.prototype.clear = function () {
-        this._buttons.length = 0;
+        var buttons = this._buttons;
+        for (var i = 0, imax = buttons.length; i < imax; ++i) {
+            buttons[i].isGrouped = false;
+        }
+        buttons.length = 0;
         this.active = null;
     };
     DButtonGroup.prototype.size = function () {
@@ -47890,6 +47914,9 @@ var DThemeWhiteChartAxisBase = /** @class */ (function () {
     DThemeWhiteChartAxisBase.prototype.getMajorTickCount = function () {
         return 3;
     };
+    DThemeWhiteChartAxisBase.prototype.getMajorTickCapacity = function (count) {
+        return count * 2;
+    };
     DThemeWhiteChartAxisBase.prototype.getMajorTickStep = function () {
         return undefined;
     };
@@ -47933,7 +47960,7 @@ var DThemeWhiteChartAxisBase = /** @class */ (function () {
         return this.getStrokeColor();
     };
     DThemeWhiteChartAxisBase.prototype.getMajorTickTextFormat = function () {
-        return "%fsi";
+        return "%.2f";
     };
     DThemeWhiteChartAxisBase.prototype.getMajorTickTextPaddingHorizontal = function () {
         return 15;
@@ -48044,13 +48071,161 @@ var DThemeWhiteChartAxisX = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
+var STEP_FUNCTION$1 = function (domainMin, domainMax, majorCount) {
+    var span = Math.abs(domainMax - domainMin) / majorCount;
+    if (span <= 10) {
+        if (span <= 1.5) {
+            return 1;
+        }
+        else if (span <= 3.5) {
+            return 2;
+        }
+        else if (span <= 7.5) {
+            return 5;
+        }
+        return 10;
+    }
+    else if (span <= 100) {
+        if (span <= 15) {
+            return 10;
+        }
+        else if (span <= 35) {
+            return 20;
+        }
+        else if (span <= 75) {
+            return 50;
+        }
+        return 100;
+    }
+    else if (span <= 1000) {
+        if (span <= 150) {
+            return 100;
+        }
+        else if (span <= 350) {
+            return 200;
+        }
+        else if (span <= 750) {
+            return 500;
+        }
+        return 1000;
+    }
+    else if (span <= 10000) {
+        if (span <= 1500) {
+            return 1000;
+        }
+        else if (span <= 3500) {
+            return 2000;
+        }
+        else if (span <= 7500) {
+            return 5000;
+        }
+        return 10000;
+    }
+    else if (span <= 120000) {
+        if (span <= 15000) {
+            return 10000;
+        }
+        else if (span <= 25000) {
+            return 20000;
+        }
+        else if (span <= 45000) {
+            return 30000;
+        }
+        else if (span <= 75000) {
+            return 60000;
+        }
+        else if (span <= 105000) {
+            return 90000;
+        }
+        return 120000;
+    }
+    else if (span <= 10800000) {
+        if (span <= 210000) {
+            return 120000;
+        }
+        else if (span <= 450000) {
+            return 300000;
+        }
+        else if (span <= 900000) {
+            return 600000;
+        }
+        else if (span <= 1500000) {
+            return 1200000;
+        }
+        else if (span <= 2700000) {
+            return 1800000;
+        }
+        else if (span <= 4500000) {
+            return 3600000;
+        }
+        else if (span <= 6300000) {
+            return 5400000;
+        }
+        else if (span <= 8100000) {
+            return 7200000;
+        }
+        else if (span <= 9900000) {
+            return 9000000;
+        }
+        return 10800000;
+    }
+    else {
+        var minutes = 3600000;
+        var hours = span / minutes;
+        if (hours <= 24) {
+            if (hours <= 1.5) {
+                return minutes;
+            }
+            else if (hours <= 2.5) {
+                return 2 * minutes;
+            }
+            else if (hours <= 3.5) {
+                return 3 * minutes;
+            }
+            else if (hours <= 5) {
+                return 4 * minutes;
+            }
+            else if (hours <= 7) {
+                return 6 * minutes;
+            }
+            else if (hours <= 10) {
+                return 8 * minutes;
+            }
+            else if (hours <= 15) {
+                return 12 * minutes;
+            }
+            else if (hours <= 21) {
+                return 18 * minutes;
+            }
+            return 24 * minutes;
+        }
+        else {
+            var days = hours / 24;
+            var base = Math.pow(10, Math.floor(Math.log(days) / Math.LN10));
+            var scale = span / base;
+            if (scale <= 1.5) {
+                return base;
+            }
+            else if (scale <= 3.5) {
+                return 2 * base;
+            }
+            else if (scale <= 7.5) {
+                return 5 * base;
+            }
+            return 10 * base;
+        }
+    }
+};
 var DThemeWhiteChartAxisXDatetime = /** @class */ (function (_super) {
     __extends(DThemeWhiteChartAxisXDatetime, _super);
     function DThemeWhiteChartAxisXDatetime() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DThemeWhiteChartAxisXDatetime.prototype.getMajorTickTextFormat = function () {
-        return "%YMD\n%Hms.%mi";
+        return "%YMD\n%Hms";
+    };
+    DThemeWhiteChartAxisXDatetime.prototype.getMajorTickStep = function () {
+        return STEP_FUNCTION$1;
     };
     return DThemeWhiteChartAxisXDatetime;
 }(DThemeWhiteChartAxisX));
@@ -48093,17 +48268,21 @@ var DThemeWhiteChartCoordinate = /** @class */ (function () {
 var DThemeWhiteChartCoordinateTick = /** @class */ (function () {
     function DThemeWhiteChartCoordinateTick() {
     }
-    DThemeWhiteChartCoordinateTick.prototype.toStepScale = function (scale) {
-        if (5.5 <= scale) {
-            return 10;
+    DThemeWhiteChartCoordinateTick.prototype.toStep = function (domainMin, domainMax, majorCount) {
+        var span = Math.abs(domainMax - domainMin) / majorCount;
+        var power = Math.floor(Math.log(span) / Math.LN10);
+        var base = Math.pow(10, power);
+        var scale = span / base;
+        if (7.5 <= scale) {
+            return 10 * base;
         }
-        else if (2.2 <= scale) {
-            return 5;
+        else if (3.5 <= scale) {
+            return 5 * base;
         }
-        else if (1.1 <= scale) {
-            return 2;
+        else if (1.5 <= scale) {
+            return 2 * base;
         }
-        return 1;
+        return base;
     };
     return DThemeWhiteChartCoordinateTick;
 }());
@@ -56830,6 +57009,9 @@ var DThemeDarkChartAxisBase = /** @class */ (function () {
     DThemeDarkChartAxisBase.prototype.getMajorTickCount = function () {
         return 3;
     };
+    DThemeDarkChartAxisBase.prototype.getMajorTickCapacity = function (count) {
+        return count * 2;
+    };
     DThemeDarkChartAxisBase.prototype.getMajorTickStep = function () {
         return undefined;
     };
@@ -56873,7 +57055,7 @@ var DThemeDarkChartAxisBase = /** @class */ (function () {
         return this.getStrokeColor();
     };
     DThemeDarkChartAxisBase.prototype.getMajorTickTextFormat = function () {
-        return "%fsi";
+        return "%.2f";
     };
     DThemeDarkChartAxisBase.prototype.getMajorTickTextPaddingHorizontal = function () {
         return 15;
@@ -56984,13 +57166,161 @@ var DThemeDarkChartAxisX = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
+var STEP_FUNCTION = function (domainMin, domainMax, majorCount) {
+    var span = Math.abs(domainMax - domainMin) / majorCount;
+    if (span <= 10) {
+        if (span <= 1.5) {
+            return 1;
+        }
+        else if (span <= 3.5) {
+            return 2;
+        }
+        else if (span <= 7.5) {
+            return 5;
+        }
+        return 10;
+    }
+    else if (span <= 100) {
+        if (span <= 15) {
+            return 10;
+        }
+        else if (span <= 35) {
+            return 20;
+        }
+        else if (span <= 75) {
+            return 50;
+        }
+        return 100;
+    }
+    else if (span <= 1000) {
+        if (span <= 150) {
+            return 100;
+        }
+        else if (span <= 350) {
+            return 200;
+        }
+        else if (span <= 750) {
+            return 500;
+        }
+        return 1000;
+    }
+    else if (span <= 10000) {
+        if (span <= 1500) {
+            return 1000;
+        }
+        else if (span <= 3500) {
+            return 2000;
+        }
+        else if (span <= 7500) {
+            return 5000;
+        }
+        return 10000;
+    }
+    else if (span <= 120000) {
+        if (span <= 15000) {
+            return 10000;
+        }
+        else if (span <= 25000) {
+            return 20000;
+        }
+        else if (span <= 45000) {
+            return 30000;
+        }
+        else if (span <= 75000) {
+            return 60000;
+        }
+        else if (span <= 105000) {
+            return 90000;
+        }
+        return 120000;
+    }
+    else if (span <= 10800000) {
+        if (span <= 210000) {
+            return 120000;
+        }
+        else if (span <= 450000) {
+            return 300000;
+        }
+        else if (span <= 900000) {
+            return 600000;
+        }
+        else if (span <= 1500000) {
+            return 1200000;
+        }
+        else if (span <= 2700000) {
+            return 1800000;
+        }
+        else if (span <= 4500000) {
+            return 3600000;
+        }
+        else if (span <= 6300000) {
+            return 5400000;
+        }
+        else if (span <= 8100000) {
+            return 7200000;
+        }
+        else if (span <= 9900000) {
+            return 9000000;
+        }
+        return 10800000;
+    }
+    else {
+        var minutes = 3600000;
+        var hours = span / minutes;
+        if (hours <= 24) {
+            if (hours <= 1.5) {
+                return minutes;
+            }
+            else if (hours <= 2.5) {
+                return 2 * minutes;
+            }
+            else if (hours <= 3.5) {
+                return 3 * minutes;
+            }
+            else if (hours <= 5) {
+                return 4 * minutes;
+            }
+            else if (hours <= 7) {
+                return 6 * minutes;
+            }
+            else if (hours <= 10) {
+                return 8 * minutes;
+            }
+            else if (hours <= 15) {
+                return 12 * minutes;
+            }
+            else if (hours <= 21) {
+                return 18 * minutes;
+            }
+            return 24 * minutes;
+        }
+        else {
+            var days = hours / 24;
+            var base = Math.pow(10, Math.floor(Math.log(days) / Math.LN10));
+            var scale = span / base;
+            if (scale <= 1.5) {
+                return base;
+            }
+            else if (scale <= 3.5) {
+                return 2 * base;
+            }
+            else if (scale <= 7.5) {
+                return 5 * base;
+            }
+            return 10 * base;
+        }
+    }
+};
 var DThemeDarkChartAxisXDatetime = /** @class */ (function (_super) {
     __extends(DThemeDarkChartAxisXDatetime, _super);
     function DThemeDarkChartAxisXDatetime() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DThemeDarkChartAxisXDatetime.prototype.getMajorTickTextFormat = function () {
-        return "%YMD\n%Hms.%mi";
+        return "%YMD\n%Hms";
+    };
+    DThemeDarkChartAxisXDatetime.prototype.getMajorTickStep = function () {
+        return STEP_FUNCTION;
     };
     return DThemeDarkChartAxisXDatetime;
 }(DThemeDarkChartAxisX));
@@ -57033,17 +57363,21 @@ var DThemeDarkChartCoordinate = /** @class */ (function () {
 var DThemeDarkChartCoordinateTick = /** @class */ (function () {
     function DThemeDarkChartCoordinateTick() {
     }
-    DThemeDarkChartCoordinateTick.prototype.toStepScale = function (scale) {
-        if (5.5 <= scale) {
-            return 10;
+    DThemeDarkChartCoordinateTick.prototype.toStep = function (domainMin, domainMax, majorCount) {
+        var span = Math.abs(domainMax - domainMin) / majorCount;
+        var power = Math.floor(Math.log(span) / Math.LN10);
+        var base = Math.pow(10, power);
+        var scale = span / base;
+        if (7.5 <= scale) {
+            return 10 * base;
         }
-        else if (2.2 <= scale) {
-            return 5;
+        else if (3.5 <= scale) {
+            return 5 * base;
         }
-        else if (1.1 <= scale) {
-            return 2;
+        else if (1.5 <= scale) {
+            return 2 * base;
         }
-        return 1;
+        return base;
     };
     return DThemeDarkChartCoordinateTick;
 }());
@@ -71312,17 +71646,20 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
         };
     };
     DChartAxisBaseOptionParser.prototype.toTickMajor = function (theme, options) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         var major = options === null || options === void 0 ? void 0 : options.major;
         var position = (_b = (_a = major === null || major === void 0 ? void 0 : major.position) !== null && _a !== void 0 ? _a : options === null || options === void 0 ? void 0 : options.position) !== null && _b !== void 0 ? _b : theme.getMajorTickPosition();
         var optionsStyle = options === null || options === void 0 ? void 0 : options.style;
         var style = EShapePointsStyles.from((_d = (_c = major === null || major === void 0 ? void 0 : major.style) !== null && _c !== void 0 ? _c : optionsStyle) !== null && _d !== void 0 ? _d : theme.getMajorTickStyle());
         var optionsStroke = options === null || options === void 0 ? void 0 : options.stroke;
         var stroke = this.toTickMajorStroke(theme, major === null || major === void 0 ? void 0 : major.stroke, optionsStroke);
+        var count = (_e = major === null || major === void 0 ? void 0 : major.count) !== null && _e !== void 0 ? _e : theme.getMajorTickCount();
+        var capacity = (_f = major === null || major === void 0 ? void 0 : major.capacity) !== null && _f !== void 0 ? _f : theme.getMajorTickCapacity(count);
         return {
-            count: (_e = major === null || major === void 0 ? void 0 : major.count) !== null && _e !== void 0 ? _e : theme.getMajorTickCount(),
-            step: (_f = major === null || major === void 0 ? void 0 : major.step) !== null && _f !== void 0 ? _f : theme.getMajorTickStep(),
-            size: (_g = major === null || major === void 0 ? void 0 : major.size) !== null && _g !== void 0 ? _g : theme.getMajorTickSize(),
+            count: count,
+            capacity: capacity,
+            step: (_g = major === null || major === void 0 ? void 0 : major.step) !== null && _g !== void 0 ? _g : theme.getMajorTickStep(),
+            size: (_h = major === null || major === void 0 ? void 0 : major.size) !== null && _h !== void 0 ? _h : theme.getMajorTickSize(),
             position: this.toTickPosition(position),
             style: style,
             stroke: stroke,
@@ -71621,10 +71958,8 @@ var DChartAxisBase = /** @class */ (function () {
         this._tick = tick;
         this._label = parser.label;
         this._bar = parser.bar;
-        var tickMajorCount = tick.major.count;
-        var tickMinorCount = tick.minor.count;
-        this._majorTicks = new Float64Array(tickMajorCount * 3);
-        this._minorTicks = new Float64Array((tickMajorCount + 1) * tickMinorCount * 3);
+        this._majorTicks = [];
+        this._minorTicks = [];
     }
     Object.defineProperty(DChartAxisBase.prototype, "position", {
         get: function () {
@@ -71663,25 +71998,27 @@ var DChartAxisBase = /** @class */ (function () {
                     break;
             }
             shape.allowUploadedUpdate();
-            DApplications.update(plotArea);
+            return true;
         }
+        return false;
     };
     DChartAxisBase.prototype.updateTicksX = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionY, transform, plotAreaHeight) {
         var tick = this._tick;
         var majorTick = tick.major;
         var majorCount = majorTick.count;
+        var majorCapacity = majorTick.capacity;
         var majorStep = majorTick.step;
         var majorFormatter = majorTick.formatter;
         var minorTick = tick.minor;
         var minorCountPerMajor = minorTick.count;
-        var minorCount = (majorCount + 1) * minorCountPerMajor;
+        var minorCount = (majorCapacity + 1) * minorCountPerMajor;
         var minorStep = minorTick.step;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        coordinate.ticks(domainMin, domainMax, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
+        coordinate.ticks(domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var a = transform.a;
         var tx = transform.tx;
-        for (var i = 0; i < majorCount; ++i) {
+        for (var i = 0; i < majorCapacity; ++i) {
             var majorShape = majorShapes[i];
             var imajorTick = i * 3;
             var majorTickPosition = majorTicks[imajorTick + 0];
@@ -71725,23 +72062,25 @@ var DChartAxisBase = /** @class */ (function () {
                 minorShape.visible = false;
             }
         }
+        return true;
     };
     DChartAxisBase.prototype.updateTicksY = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionX, transform, plotAreaWidth) {
         var tick = this._tick;
         var majorTick = tick.major;
         var majorCount = majorTick.count;
+        var majorCapacity = majorTick.capacity;
         var majorStep = majorTick.step;
         var majorFormatter = majorTick.formatter;
         var minorTick = tick.minor;
         var minorCountPerMajor = minorTick.count;
-        var minorCount = (majorCount + 1) * minorCountPerMajor;
+        var minorCount = (majorCapacity + 1) * minorCountPerMajor;
         var minorStep = minorTick.step;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        coordinate.ticks(domainMin, domainMax, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
+        coordinate.ticks(domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var d = transform.d;
         var ty = transform.ty;
-        for (var i = 0; i < majorCount; ++i) {
+        for (var i = 0; i < majorCapacity; ++i) {
             var majorShape = majorShapes[i];
             var imajorTick = i * 3;
             var majorTickPosition = majorTicks[imajorTick + 0];
@@ -71785,6 +72124,7 @@ var DChartAxisBase = /** @class */ (function () {
                 minorShape.visible = false;
             }
         }
+        return true;
     };
     DChartAxisBase.prototype.updateTicks = function (container) {
         var tick = this._tick;
@@ -71805,8 +72145,7 @@ var DChartAxisBase = /** @class */ (function () {
                         var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.x));
                         var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.x + bounds.width));
                         var plotAreaHeight = plotArea.height;
-                        this.updateTicksX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - padding, transform, plotAreaHeight);
-                        DApplications.update(plotArea);
+                        return this.updateTicksX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - padding, transform, plotAreaHeight);
                     }
                     break;
                 case DChartAxisPosition.BOTTOM:
@@ -71815,8 +72154,7 @@ var DChartAxisBase = /** @class */ (function () {
                         var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.x));
                         var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.x + bounds.width));
                         var plotAreaHeight = plotArea.height;
-                        this.updateTicksX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaHeight + padding, transform, plotAreaHeight);
-                        DApplications.update(plotArea);
+                        return this.updateTicksX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaHeight + padding, transform, plotAreaHeight);
                     }
                     break;
                 case DChartAxisPosition.LEFT:
@@ -71825,8 +72163,7 @@ var DChartAxisBase = /** @class */ (function () {
                         var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.y));
                         var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.y + bounds.height));
                         var plotAreaWidth = plotArea.width;
-                        this.updateTicksY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - padding, transform, plotAreaWidth);
-                        DApplications.update(plotArea);
+                        return this.updateTicksY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - padding, transform, plotAreaWidth);
                     }
                     break;
                 case DChartAxisPosition.RIGHT:
@@ -71835,12 +72172,12 @@ var DChartAxisBase = /** @class */ (function () {
                         var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.y));
                         var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.y + bounds.height));
                         var plotAreaWidth = plotArea.width;
-                        this.updateTicksY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaWidth + padding, transform, plotAreaWidth);
-                        DApplications.update(plotArea);
+                        return this.updateTicksY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaWidth + padding, transform, plotAreaWidth);
                     }
                     break;
             }
         }
+        return false;
     };
     DChartAxisBase.prototype.bind = function (container, index) {
         this._container = container;
@@ -71875,9 +72212,9 @@ var DChartAxisBase = /** @class */ (function () {
             var gridlinePosition = position === DChartAxisPosition.LEFT || position === DChartAxisPosition.RIGHT
                 ? EShapeBarPosition.LEFT
                 : EShapeBarPosition.TOP;
-            var gridlineCount = tickMajor.count;
+            var gridlineCapacity = tickMajor.capacity;
             var gridlineStyle = gridline.style || EShapePointsStyle.NONE;
-            for (var i = 0; i < gridlineCount; ++i) {
+            for (var i = 0; i < gridlineCapacity; ++i) {
                 var gridlineShape = new EShapeBar();
                 gridlineShape.points.position = gridlinePosition;
                 gridlineShape.points.style = gridlineStyle;
@@ -71895,11 +72232,11 @@ var DChartAxisBase = /** @class */ (function () {
         if (!tickMajorShapes && tick.enable) {
             tickMajorShapes = [];
             tickMajor.shapes = tickMajorShapes;
-            var tickMajorCount = tickMajor.count;
+            var tickMajorCapacity = tickMajor.capacity;
             var tickMajorSize = tickMajor.size;
             var tickMajorPosition = tickMajor.position;
             var tickMajorStyle = tickMajor.style || EShapePointsStyle.NONE;
-            for (var i = 0; i < tickMajorCount; ++i) {
+            for (var i = 0; i < tickMajorCapacity; ++i) {
                 var tickMajorShape = new EShapeBar();
                 tickMajorShape.points.position = tickMajorPosition;
                 tickMajorShape.points.size = tickMajorSize;
@@ -71925,7 +72262,7 @@ var DChartAxisBase = /** @class */ (function () {
             var tickMinorSize = tickMinor.size;
             var tickMinorPosition = tickMinor.position;
             var tickMinorStyle = tickMinor.style || EShapePointsStyle.NONE;
-            for (var i = 0, imax = (tickMajor.count + 1) * tickMinorCount; i < imax; ++i) {
+            for (var i = 0, imax = (tickMajor.capacity + 1) * tickMinorCount; i < imax; ++i) {
                 var tickMinorShape = new EShapeBar();
                 tickMinorShape.points.position = tickMinorPosition;
                 tickMinorShape.points.size = tickMinorSize;
@@ -71973,6 +72310,16 @@ var DChartAxisBase = /** @class */ (function () {
         this._container = undefined;
     };
     DChartAxisBase.prototype.update = function () {
+        var container = this._container;
+        if (container) {
+            var isBarUpdated = this.updateBar(container);
+            var isTicksUpdated = this.updateTicks(container);
+            if (isBarUpdated || isTicksUpdated) {
+                DApplications.update(container.plotArea);
+            }
+        }
+    };
+    DChartAxisBase.prototype.onRender = function () {
         var container = this._container;
         if (container) {
             this.updateBar(container);
@@ -72106,6 +72453,13 @@ var DChartAxisContainerImpl = /** @class */ (function () {
             }
         });
     };
+    DChartAxisContainerImpl.prototype.onRender = function () {
+        this._list.forEach(function (axes) {
+            for (var i = 0, imax = axes.length; i < imax; ++i) {
+                axes[i].onRender();
+            }
+        });
+    };
     DChartAxisContainerImpl.prototype.destroy = function () {
         this._list.forEach(function (axes) {
             for (var i = 0, imax = axes.length; i < imax; ++i) {
@@ -72388,7 +72742,7 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
     DChartCoordinateLinearTick.prototype.toMajorStep = function (domainMin, domainMax, majorCount, majorStep) {
         if (majorStep == null) {
             if (0 < majorCount) {
-                return this.calcStepMajor(domainMin, domainMax, majorCount);
+                return this._theme.toStep(domainMin, domainMax, majorCount);
             }
             return -1;
         }
@@ -72399,12 +72753,6 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
             return majorStep(domainMin, domainMax, majorCount);
         }
     };
-    DChartCoordinateLinearTick.prototype.calcStepMajor = function (domainMin, domainMax, majorCount) {
-        var span = Math.abs(domainMax - domainMin) / majorCount;
-        var power = Math.floor(Math.log(span) / Math.LN10);
-        var base = Math.pow(10, power);
-        return this._theme.toStepScale(span / base) * base;
-    };
     DChartCoordinateLinearTick.prototype.toMinorStep = function (majorStep, minorCount, minorStep) {
         if (minorStep == null) {
             if (0 <= majorStep) {
@@ -72430,7 +72778,7 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
             }
         }
     };
-    DChartCoordinateLinearTick.prototype.calculate = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, coordinate) {
+    DChartCoordinateLinearTick.prototype.calculate = function (domainFrom, domainTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, coordinate) {
         if (majorCount <= 0) {
             return;
         }
@@ -72442,7 +72790,7 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
             majorResult[0] = domainMin;
             majorResult[1] = transform.map(coordinate.map(domainMin));
             majorResult[2] = 0;
-            for (var i = 1; i < majorCount; ++i) {
+            for (var i = 1; i < majorCapacity; ++i) {
                 var imajorResult = i * 3;
                 majorResult[imajorResult + 0] = NaN;
                 majorResult[imajorResult + 1] = NaN;
@@ -72469,7 +72817,7 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
         var iminor = 0;
         for (var i = idomainStart; i <= idomainEnd; ++i) {
             var majorPosition = i * majorStepMapped;
-            if (imajor < majorCount) {
+            if (imajor < majorCapacity) {
                 var majorPositionMapped = transform.map(coordinate.map(majorPosition));
                 if (from <= majorPositionMapped && majorPositionMapped <= to) {
                     var imajorResult = imajor * 3;
@@ -72493,7 +72841,7 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
                 }
             }
         }
-        for (var i = imajor; i < majorCount; ++i) {
+        for (var i = imajor; i < majorCapacity; ++i) {
             var imajorResult = i * 3;
             majorResult[imajorResult + 0] = NaN;
             majorResult[imajorResult + 1] = NaN;
@@ -72827,8 +73175,8 @@ var DChartCoordinateLinear = /** @class */ (function () {
     DChartCoordinateLinear.prototype.unmapAll = function (values, ifrom, iend, stride, offset) {
         // DO NOTHING
     };
-    DChartCoordinateLinear.prototype.ticks = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
-        this._tick.calculate(domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, this);
+    DChartCoordinateLinear.prototype.ticks = function (domainFrom, domainTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
+        this._tick.calculate(domainFrom, domainTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, this);
     };
     DChartCoordinateLinear.prototype.toTheme = function (options) {
         return (options && options.theme) || this.getThemeDefault();
@@ -72853,7 +73201,7 @@ var DChartCoordinateLogTick = /** @class */ (function () {
     DChartCoordinateLogTick.prototype.toMajorStep = function (domainMin, domainMax, majorCount, majorStep) {
         if (majorStep == null) {
             if (0 < majorCount) {
-                return this.calcStepMajor(domainMin, domainMax, majorCount);
+                return this._theme.toStep(domainMin, domainMax, majorCount);
             }
             return -1;
         }
@@ -72864,12 +73212,6 @@ var DChartCoordinateLogTick = /** @class */ (function () {
             return majorStep(domainMin, domainMax, majorCount);
         }
     };
-    DChartCoordinateLogTick.prototype.calcStepMajor = function (domainMin, domainMax, majorCount) {
-        var span = Math.abs(domainMax - domainMin) / majorCount;
-        var power = Math.floor(Math.log(span) / Math.LN10);
-        var base = Math.pow(10, power);
-        return this._theme.toStepScale(span / base) * base;
-    };
     DChartCoordinateLogTick.prototype.toMinorStep = function (majorStep, minorCount, minorStep) {
         if (minorStep == null) {
             if (0 <= majorStep) {
@@ -72895,7 +73237,7 @@ var DChartCoordinateLogTick = /** @class */ (function () {
             }
         }
     };
-    DChartCoordinateLogTick.prototype.calculate = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, coordinate) {
+    DChartCoordinateLogTick.prototype.calculate = function (domainFrom, domainTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, coordinate) {
         if (majorCount <= 0) {
             return;
         }
@@ -72933,7 +73275,7 @@ var DChartCoordinateLogTick = /** @class */ (function () {
         var iminor = 0;
         for (var i = idomainStartMapped; i <= idomainEndMapped; ++i) {
             var majorPositionMapped = i * majorStepMapped;
-            if (imajor < majorCount) {
+            if (imajor < majorCapacity) {
                 if (domainMinMapped <= majorPositionMapped &&
                     majorPositionMapped <= domainMaxMapped) {
                     var imajorResult = imajor * 3;
@@ -72957,7 +73299,7 @@ var DChartCoordinateLogTick = /** @class */ (function () {
                 }
             }
         }
-        for (var i = imajor; i < majorCount; ++i) {
+        for (var i = imajor; i < majorCapacity; ++i) {
             var imajorResult = i * 3;
             majorResult[imajorResult + 0] = NaN;
             majorResult[imajorResult + 1] = NaN;
@@ -73140,8 +73482,8 @@ var DChartCoordinateLog = /** @class */ (function () {
             values[i] = Math.pow(10, values[i]);
         }
     };
-    DChartCoordinateLog.prototype.ticks = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
-        this._tick.calculate(domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, this);
+    DChartCoordinateLog.prototype.ticks = function (domainFrom, domainTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
+        this._tick.calculate(domainFrom, domainTo, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, this);
     };
     DChartCoordinateLog.prototype.toTheme = function (options) {
         return (options && options.theme) || this.getThemeDefault();
@@ -73779,10 +74121,10 @@ var DChartPlotAreaImpl = /** @class */ (function (_super) {
     DChartPlotAreaImpl.prototype.render = function (renderer) {
         if (this._isViewDirty) {
             this._isViewDirty = false;
-            this._axis.update();
+            this._axis.onRender();
             var selection = this._series.selection;
             if (selection) {
-                selection.update();
+                selection.onRender();
             }
         }
         _super.prototype.render.call(this, renderer);
@@ -74004,7 +74346,9 @@ var DChartSelectionGridlineX = /** @class */ (function (_super) {
             shape.transform.position.set(mappedX, height * 0.5);
             shape.size.set(0, height);
             shape.visible = this.isVisible(container, mappedX);
+            return true;
         }
+        return false;
     };
     DChartSelectionGridlineX.prototype.isVisible = function (container, mappedX) {
         return 0 <= mappedX && mappedX <= container.plotArea.width;
@@ -74032,7 +74376,9 @@ var DChartSelectionGridlineY = /** @class */ (function (_super) {
             shape.transform.position.set(width * 0.5, mappedY);
             shape.size.set(width, 0);
             shape.visible = this.isVisible(container, mappedY);
+            return true;
         }
+        return false;
     };
     DChartSelectionGridlineY.prototype.isVisible = function (container, mappedY) {
         return 0 <= mappedY && mappedY <= container.plotArea.height;
@@ -74083,8 +74429,9 @@ var DChartSelectionGridlineContainerImpl = /** @class */ (function () {
         this._y.unset();
     };
     DChartSelectionGridlineContainerImpl.prototype.update = function (container, mappedPosition) {
-        this._x.update(container, mappedPosition);
-        this._y.update(container, mappedPosition);
+        var isXUpdated = this._x.update(container, mappedPosition);
+        var isYUpdated = this._y.update(container, mappedPosition);
+        return isXUpdated || isYUpdated;
     };
     return DChartSelectionGridlineContainerImpl;
 }());
@@ -74103,7 +74450,9 @@ var DChartSelectionMarker = /** @class */ (function (_super) {
         if (shape) {
             shape.transform.position.copyFrom(mappedPosition);
             shape.visible = this.isVisible(container, mappedPosition);
+            return true;
         }
+        return false;
     };
     DChartSelectionMarker.prototype.isVisible = function (container, mappedPosition) {
         var x = mappedPosition.x;
@@ -74284,9 +74633,11 @@ var DChartSelectionSubImpl = /** @class */ (function (_super) {
             var work = this._work;
             work.set(coordinateX.transform.map(coordinateX.map(position.x)), coordinateY.transform.map(coordinateY.map(position.y)));
             container.plotArea.container.localTransform.apply(work, work);
-            this._gridline.update(container, work);
-            this._marker.update(container, work);
+            var isGridlineUpdated = this._gridline.update(container, work);
+            var isMarkerUpdated = this._marker.update(container, work);
+            return isGridlineUpdated || isMarkerUpdated;
         }
+        return false;
     };
     return DChartSelectionSubImpl;
 }(pixi_js.utils.EventEmitter));
@@ -74421,6 +74772,16 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
         configurable: true
     });
     DChartSelectionSimple.prototype.update = function () {
+        var isSelectedUpdated = this._selected.update();
+        var isHoveredUpdated = this._hovered.update();
+        if (isSelectedUpdated || isHoveredUpdated) {
+            var container = this._container;
+            if (container != null) {
+                DApplications.update(container.plotArea);
+            }
+        }
+    };
+    DChartSelectionSimple.prototype.onRender = function () {
         this._selected.update();
         this._hovered.update();
     };