@wcardinal/wcardinal-ui 0.239.0 → 0.241.0

package/dist/wcardinal-ui.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
 
@@ -28007,7 +28007,17 @@
         };
         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
@@ -28050,9 +28060,17 @@
             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);
@@ -28066,7 +28084,7 @@
         };
         DButtonBase.prototype.toggle = function () {
             if (this.state.isActionable) {
-                if (this.isToggle) {
+                if (this._isToggle) {
                     this.onToggleStart();
                     this.onToggleEnd();
                 }
@@ -28085,7 +28103,7 @@
         };
         DButtonBase.prototype.onActivateKeyDown = function (e) {
             if (this.state.isActionable) {
-                if (this.isToggle) {
+                if (this._isToggle) {
                     this.onToggleStart(e);
                 }
                 else {
@@ -28095,7 +28113,7 @@
         };
         DButtonBase.prototype.onActivateKeyUp = function (e) {
             if (this.state.isActionable) {
-                if (this.isToggle) {
+                if (this._isToggle) {
                     this.onToggleEnd(e);
                 }
                 else {
@@ -28663,6 +28681,7 @@
             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;
@@ -28699,6 +28718,7 @@
             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;
@@ -28711,7 +28731,11 @@
             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 () {
@@ -53444,17 +53468,20 @@
             };
         };
         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,
@@ -53753,10 +53780,8 @@
             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 () {
@@ -53795,25 +53820,27 @@
                         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];
@@ -53857,23 +53884,25 @@
                     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];
@@ -53917,6 +53946,7 @@
                     minorShape.visible = false;
                 }
             }
+            return true;
         };
         DChartAxisBase.prototype.updateTicks = function (container) {
             var tick = this._tick;
@@ -53937,8 +53967,7 @@
                             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:
@@ -53947,8 +53976,7 @@
                             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:
@@ -53957,8 +53985,7 @@
                             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:
@@ -53967,12 +53994,12 @@
                             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;
@@ -54007,9 +54034,9 @@
                 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;
@@ -54027,11 +54054,11 @@
             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;
@@ -54057,7 +54084,7 @@
                 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;
@@ -54105,6 +54132,16 @@
             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);
@@ -54238,6 +54275,13 @@
                 }
             });
         };
+        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) {
@@ -54520,7 +54564,7 @@
         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;
             }
@@ -54531,12 +54575,6 @@
                 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) {
@@ -54562,7 +54600,7 @@
                 }
             }
         };
-        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;
             }
@@ -54574,7 +54612,7 @@
                 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;
@@ -54601,7 +54639,7 @@
             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;
@@ -54625,7 +54663,7 @@
                     }
                 }
             }
-            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;
@@ -54959,8 +54997,8 @@
         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();
@@ -54985,7 +55023,7 @@
         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;
             }
@@ -54996,12 +55034,6 @@
                 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) {
@@ -55027,7 +55059,7 @@
                 }
             }
         };
-        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;
             }
@@ -55065,7 +55097,7 @@
             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;
@@ -55089,7 +55121,7 @@
                     }
                 }
             }
-            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;
@@ -55272,8 +55304,8 @@
                 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();
@@ -55911,10 +55943,10 @@
         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);
@@ -56136,7 +56168,9 @@
                 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;
@@ -56164,7 +56198,9 @@
                 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;
@@ -56215,8 +56251,9 @@
             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;
     }());
@@ -56235,7 +56272,9 @@
             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;
@@ -56416,9 +56455,11 @@
                 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));
@@ -56553,6 +56594,16 @@
             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();
         };