@wcardinal/wcardinal-ui 0.289.0 → 0.291.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.289.0
+ Winter Cardinal UI v0.291.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -48931,6 +48931,27 @@ var DThemeWhiteChartAxisBase = /** @class */ (function () {
     DThemeWhiteChartAxisBase.prototype.getMinorTickStyle = function () {
         return undefined;
     };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickTextAlignHorizontal = function (position) {
+        return this.getMajorTickTextAlignHorizontal(position);
+    };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickTextAlignVertical = function (position) {
+        return this.getMajorTickTextAlignVertical(position);
+    };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickTextDirection = function () {
+        return this.getMajorTickTextDirection();
+    };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickTextColor = function () {
+        return this.getStrokeColor();
+    };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickTextFormat = function () {
+        return undefined;
+    };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickTextPaddingHorizontal = function () {
+        return this.getMajorTickTextPaddingHorizontal();
+    };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickTextPaddingVertical = function () {
+        return this.getMajorTickTextPaddingVertical();
+    };
     DThemeWhiteChartAxisBase.prototype.getMinorTickStrokeEnable = function () {
         return true;
     };
@@ -58070,6 +58091,27 @@ var DThemeDarkChartAxisBase = /** @class */ (function () {
     DThemeDarkChartAxisBase.prototype.getMinorTickStyle = function () {
         return undefined;
     };
+    DThemeDarkChartAxisBase.prototype.getMinorTickTextAlignHorizontal = function (position) {
+        return this.getMajorTickTextAlignHorizontal(position);
+    };
+    DThemeDarkChartAxisBase.prototype.getMinorTickTextAlignVertical = function (position) {
+        return this.getMajorTickTextAlignVertical(position);
+    };
+    DThemeDarkChartAxisBase.prototype.getMinorTickTextDirection = function () {
+        return this.getMajorTickTextDirection();
+    };
+    DThemeDarkChartAxisBase.prototype.getMinorTickTextColor = function () {
+        return this.getStrokeColor();
+    };
+    DThemeDarkChartAxisBase.prototype.getMinorTickTextFormat = function () {
+        return undefined;
+    };
+    DThemeDarkChartAxisBase.prototype.getMinorTickTextPaddingHorizontal = function () {
+        return this.getMajorTickTextPaddingHorizontal();
+    };
+    DThemeDarkChartAxisBase.prototype.getMinorTickTextPaddingVertical = function () {
+        return this.getMajorTickTextPaddingVertical();
+    };
     DThemeDarkChartAxisBase.prototype.getMinorTickStrokeEnable = function () {
         return true;
     };
@@ -71192,6 +71234,7 @@ var DScrollBarVertical = /** @class */ (function (_super) {
         var barLength = space * this._end + thumbMinimumLength - barStart;
         thumb.position.set(0, barStart);
         thumb.resize(width, barLength);
+        thumb.updateTransform();
     };
     return DScrollBarVertical;
 }(DScrollBar));
@@ -72438,6 +72481,106 @@ var DCanvas = /** @class */ (function (_super) {
     return DCanvas;
 }(DBase));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DChartAxisBaseBar = /** @class */ (function () {
+    function DChartAxisBaseBar(parser) {
+        this._parser = parser;
+        this._index = 0;
+    }
+    Object.defineProperty(DChartAxisBaseBar.prototype, "shape", {
+        get: function () {
+            var result = this._shape;
+            if (result == null) {
+                result = this.newShape();
+                this._shape = result;
+            }
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DChartAxisBaseBar.prototype.newShape = function () {
+        var _a;
+        var parser = this._parser;
+        var bar = parser.bar;
+        var result = new EShapeBar();
+        result.points.position = this.newShapePosition();
+        result.points.style = (_a = bar.style) !== null && _a !== void 0 ? _a : EShapePointsStyle.NONE;
+        result.stroke.copy(bar.stroke);
+        result.text.copy(parser.label);
+        return result;
+    };
+    DChartAxisBaseBar.prototype.newShapePosition = function () {
+        switch (this._parser.position) {
+            case DChartAxisPosition.LEFT:
+            case DChartAxisPosition.RIGHT:
+                return EShapeBarPosition.TOP;
+            default:
+                return EShapeBarPosition.LEFT;
+        }
+    };
+    DChartAxisBaseBar.prototype.bind = function (container, index) {
+        this._container = container;
+        this._index = index;
+        this.shape.attach(container.container);
+    };
+    DChartAxisBaseBar.prototype.unbind = function () {
+        var shape = this._shape;
+        if (shape != null) {
+            shape.detach();
+        }
+        this._index = 0;
+        this._container = undefined;
+    };
+    DChartAxisBaseBar.prototype.update = function () {
+        var container = this._container;
+        var index = this._index;
+        var shape = this._shape;
+        if (shape != null && container != null) {
+            var plotArea = container.plotArea;
+            var plotAreaWidth = plotArea.width;
+            var plotAreaHeight = plotArea.height;
+            var offset = this._parser.padding * index;
+            shape.disallowUploadedUpdate();
+            var position = shape.transform.position;
+            var size = shape.size;
+            switch (this._parser.position) {
+                case DChartAxisPosition.TOP:
+                    position.set(plotAreaWidth * 0.5, 0 - offset);
+                    size.set(plotAreaWidth, 0);
+                    break;
+                case DChartAxisPosition.BOTTOM:
+                    position.set(plotAreaWidth * 0.5, plotAreaHeight + offset);
+                    size.set(plotAreaWidth, 0);
+                    break;
+                case DChartAxisPosition.LEFT:
+                    position.set(0 - offset, plotAreaHeight * 0.5);
+                    size.set(0, plotAreaHeight);
+                    break;
+                case DChartAxisPosition.RIGHT:
+                    position.set(plotAreaWidth + offset, plotAreaHeight * 0.5);
+                    size.set(0, plotAreaHeight);
+                    break;
+            }
+            shape.allowUploadedUpdate();
+            return true;
+        }
+        return false;
+    };
+    DChartAxisBaseBar.prototype.destroy = function () {
+        var shape = this._shape;
+        if (shape != null) {
+            shape.destroy();
+        }
+        this._index = 0;
+        this._container = undefined;
+    };
+    return DChartAxisBaseBar;
+}());
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -72517,7 +72660,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
         return {
             enable: (_a = tick === null || tick === void 0 ? void 0 : tick.enable) !== null && _a !== void 0 ? _a : theme.getTickEnable(),
             major: this.toTickMajor(theme, tick),
-            minor: this.toMinorTick(theme, tick)
+            minor: this.toTickMinor(theme, tick)
         };
     };
     DChartAxisBaseOptionParser.prototype.toTickMajor = function (theme, options) {
@@ -72538,8 +72681,8 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             position: this.toTickPosition(position),
             style: style,
             stroke: stroke,
-            text: this.toMajorTickText(theme, major === null || major === void 0 ? void 0 : major.text),
-            formatter: this.toMajorTickFormatter(theme, major),
+            text: this.toTickMajorText(theme, major === null || major === void 0 ? void 0 : major.text),
+            formatter: this.toTickMajorFormatter(theme, major),
             gridline: this.toTickMajorGridline(theme, major === null || major === void 0 ? void 0 : major.gridline, optionsStyle, optionsStroke)
         };
     };
@@ -72583,7 +72726,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             }
         }
     };
-    DChartAxisBaseOptionParser.prototype.toMinorTick = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMinor = function (theme, options) {
         var _a, _b, _c, _d, _e, _f, _g;
         var minor = options === null || options === void 0 ? void 0 : options.minor;
         var position = (_b = (_a = minor === null || minor === void 0 ? void 0 : minor.position) !== null && _a !== void 0 ? _a : options === null || options === void 0 ? void 0 : options.position) !== null && _b !== void 0 ? _b : theme.getMinorTickPosition();
@@ -72594,7 +72737,9 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             size: (_g = minor === null || minor === void 0 ? void 0 : minor.size) !== null && _g !== void 0 ? _g : theme.getMinorTickSize(),
             position: this.toTickPosition(position),
             style: style,
-            stroke: this.toTickMinorStroke(theme, minor === null || minor === void 0 ? void 0 : minor.stroke, options === null || options === void 0 ? void 0 : options.stroke)
+            stroke: this.toTickMinorStroke(theme, minor === null || minor === void 0 ? void 0 : minor.stroke, options === null || options === void 0 ? void 0 : options.stroke),
+            text: this.toTickMinorText(theme, minor === null || minor === void 0 ? void 0 : minor.text),
+            formatter: this.toTickMinorFormatter(theme, minor)
         };
     };
     DChartAxisBaseOptionParser.prototype.toBarStroke = function (theme, options) {
@@ -72658,12 +72803,15 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             };
         }
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickFormatter = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorFormatter = function (theme, options) {
         var text = options === null || options === void 0 ? void 0 : options.text;
         if (text) {
-            var format = text.format;
-            if (format != null) {
-                return NumberFormatters.create(format);
+            var format_1 = text.format;
+            if (format_1 === null) {
+                return undefined;
+            }
+            else if (format_1 != null) {
+                return NumberFormatters.create(format_1);
             }
             else {
                 var formatter = text.formatter;
@@ -72674,28 +72822,32 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
                 }
             }
         }
-        return NumberFormatters.create(theme.getMajorTickTextFormat());
+        var format = theme.getMajorTickTextFormat();
+        if (format != null) {
+            return NumberFormatters.create(format);
+        }
+        return undefined;
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickText = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorText = function (theme, options) {
         options = options || {};
         return {
             format: options.format,
-            color: this.toMajorTickTextColor(theme, options.color),
+            color: this.toTickMajorTextColor(theme, options.color),
             alpha: options.alpha,
             family: options.family,
             size: options.size,
             weight: options.weight,
-            align: this.toMajorTickTextAlign(theme, options.align),
-            offset: this.toMajorTickTextOffset(theme, options.offset),
+            align: this.toTickMajorTextAlign(theme, options.align),
+            offset: this.toTickMajorTextOffset(theme, options.offset),
             style: options.style,
-            outline: this.toMajorTickTextOutline(theme, options.outline),
-            spacing: this.toMajorTickTextSpacing(theme, options.spacing),
+            outline: this.toTickMajorTextOutline(theme, options.outline),
+            spacing: this.toTickMajorTextSpacing(theme, options.spacing),
             direction: this.toTickMajorTextDirection(theme, options.direction),
-            padding: this.toMajorTickTextPadding(theme, options.padding),
+            padding: this.toTickMajorTextPadding(theme, options.padding),
             clipping: options.clipping
         };
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickTextOutline = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorTextOutline = function (theme, options) {
         if (options) {
             return {
                 enable: options.enable,
@@ -72705,7 +72857,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             };
         }
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickTextAlign = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorTextAlign = function (theme, options) {
         var _a, _b;
         var position = this._position;
         return {
@@ -72713,7 +72865,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             vertical: (_b = options === null || options === void 0 ? void 0 : options.vertical) !== null && _b !== void 0 ? _b : theme.getMajorTickTextAlignVertical(position)
         };
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickTextOffset = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorTextOffset = function (theme, options) {
         if (options) {
             return {
                 horizontal: options.horizontal,
@@ -72721,7 +72873,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             };
         }
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickTextSpacing = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorTextSpacing = function (theme, options) {
         if (options) {
             return {
                 horizontal: options.horizontal,
@@ -72729,7 +72881,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             };
         }
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickTextPadding = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorTextPadding = function (theme, options) {
         var _a, _b;
         return {
             horizontal: (_a = options === null || options === void 0 ? void 0 : options.horizontal) !== null && _a !== void 0 ? _a : theme.getMajorTickTextPaddingHorizontal(),
@@ -72739,9 +72891,100 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
     DChartAxisBaseOptionParser.prototype.toTickMajorTextDirection = function (theme, options) {
         return options !== null && options !== void 0 ? options : theme.getMajorTickTextDirection();
     };
-    DChartAxisBaseOptionParser.prototype.toMajorTickTextColor = function (theme, options) {
+    DChartAxisBaseOptionParser.prototype.toTickMajorTextColor = function (theme, options) {
         return options !== null && options !== void 0 ? options : theme.getMajorTickTextColor();
     };
+    DChartAxisBaseOptionParser.prototype.toTickMinorFormatter = function (theme, options) {
+        var text = options === null || options === void 0 ? void 0 : options.text;
+        if (text) {
+            var format_2 = text.format;
+            if (format_2 === null) {
+                return undefined;
+            }
+            else if (format_2 != null) {
+                return NumberFormatters.create(format_2);
+            }
+            else {
+                var formatter = text.formatter;
+                if (formatter) {
+                    return {
+                        format: formatter
+                    };
+                }
+            }
+        }
+        var format = theme.getMinorTickTextFormat();
+        if (format != null) {
+            return NumberFormatters.create(format);
+        }
+        return undefined;
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorText = function (theme, options) {
+        options = options || {};
+        return {
+            format: options.format,
+            color: this.toTickMinorTextColor(theme, options.color),
+            alpha: options.alpha,
+            family: options.family,
+            size: options.size,
+            weight: options.weight,
+            align: this.toTickMinorTextAlign(theme, options.align),
+            offset: this.toTickMinorTextOffset(theme, options.offset),
+            style: options.style,
+            outline: this.toTickMinorTextOutline(theme, options.outline),
+            spacing: this.toTickMinorTextSpacing(theme, options.spacing),
+            direction: this.toTickMinorTextDirection(theme, options.direction),
+            padding: this.toTickMinorTextPadding(theme, options.padding),
+            clipping: options.clipping
+        };
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorTextOutline = function (theme, options) {
+        if (options) {
+            return {
+                enable: options.enable,
+                color: options.color,
+                alpha: options.alpha,
+                width: options.width
+            };
+        }
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorTextAlign = function (theme, options) {
+        var _a, _b;
+        var position = this._position;
+        return {
+            horizontal: (_a = options === null || options === void 0 ? void 0 : options.horizontal) !== null && _a !== void 0 ? _a : theme.getMinorTickTextAlignHorizontal(position),
+            vertical: (_b = options === null || options === void 0 ? void 0 : options.vertical) !== null && _b !== void 0 ? _b : theme.getMinorTickTextAlignVertical(position)
+        };
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorTextOffset = function (theme, options) {
+        if (options) {
+            return {
+                horizontal: options.horizontal,
+                vertical: options.vertical
+            };
+        }
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorTextSpacing = function (theme, options) {
+        if (options) {
+            return {
+                horizontal: options.horizontal,
+                vertical: options.vertical
+            };
+        }
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorTextPadding = function (theme, options) {
+        var _a, _b;
+        return {
+            horizontal: (_a = options === null || options === void 0 ? void 0 : options.horizontal) !== null && _a !== void 0 ? _a : theme.getMinorTickTextPaddingHorizontal(),
+            vertical: (_b = options === null || options === void 0 ? void 0 : options.vertical) !== null && _b !== void 0 ? _b : theme.getMinorTickTextPaddingVertical()
+        };
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorTextDirection = function (theme, options) {
+        return options !== null && options !== void 0 ? options : theme.getMinorTickTextDirection();
+    };
+    DChartAxisBaseOptionParser.prototype.toTickMinorTextColor = function (theme, options) {
+        return options !== null && options !== void 0 ? options : theme.getMinorTickTextColor();
+    };
     DChartAxisBaseOptionParser.prototype.toLabel = function (theme, options) {
         var label = options === null || options === void 0 ? void 0 : options.label;
         if (label) {
@@ -72813,106 +73056,6 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
     return DChartAxisBaseOptionParser;
 }());
 
-/*
- * Copyright (C) 2019 Toshiba Corporation
- * SPDX-License-Identifier: Apache-2.0
- */
-var DChartAxisBaseBar = /** @class */ (function () {
-    function DChartAxisBaseBar(parser) {
-        this._parser = parser;
-        this._index = 0;
-    }
-    Object.defineProperty(DChartAxisBaseBar.prototype, "shape", {
-        get: function () {
-            var result = this._shape;
-            if (result == null) {
-                result = this.newShape();
-                this._shape = result;
-            }
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DChartAxisBaseBar.prototype.newShape = function () {
-        var _a;
-        var parser = this._parser;
-        var bar = parser.bar;
-        var result = new EShapeBar();
-        result.points.position = this.newShapePosition();
-        result.points.style = (_a = bar.style) !== null && _a !== void 0 ? _a : EShapePointsStyle.NONE;
-        result.stroke.copy(bar.stroke);
-        result.text.copy(parser.label);
-        return result;
-    };
-    DChartAxisBaseBar.prototype.newShapePosition = function () {
-        switch (this._parser.position) {
-            case DChartAxisPosition.LEFT:
-            case DChartAxisPosition.RIGHT:
-                return EShapeBarPosition.TOP;
-            default:
-                return EShapeBarPosition.LEFT;
-        }
-    };
-    DChartAxisBaseBar.prototype.bind = function (container, index) {
-        this._container = container;
-        this._index = index;
-        this.shape.attach(container.container);
-    };
-    DChartAxisBaseBar.prototype.unbind = function () {
-        var shape = this._shape;
-        if (shape != null) {
-            shape.detach();
-        }
-        this._index = 0;
-        this._container = undefined;
-    };
-    DChartAxisBaseBar.prototype.update = function () {
-        var container = this._container;
-        var index = this._index;
-        var shape = this._shape;
-        if (shape != null && container != null) {
-            var plotArea = container.plotArea;
-            var plotAreaWidth = plotArea.width;
-            var plotAreaHeight = plotArea.height;
-            var offset = this._parser.padding * index;
-            shape.disallowUploadedUpdate();
-            var position = shape.transform.position;
-            var size = shape.size;
-            switch (this._parser.position) {
-                case DChartAxisPosition.TOP:
-                    position.set(plotAreaWidth * 0.5, 0 - offset);
-                    size.set(plotAreaWidth, 0);
-                    break;
-                case DChartAxisPosition.BOTTOM:
-                    position.set(plotAreaWidth * 0.5, plotAreaHeight + offset);
-                    size.set(plotAreaWidth, 0);
-                    break;
-                case DChartAxisPosition.LEFT:
-                    position.set(0 - offset, plotAreaHeight * 0.5);
-                    size.set(0, plotAreaHeight);
-                    break;
-                case DChartAxisPosition.RIGHT:
-                    position.set(plotAreaWidth + offset, plotAreaHeight * 0.5);
-                    size.set(0, plotAreaHeight);
-                    break;
-            }
-            shape.allowUploadedUpdate();
-            return true;
-        }
-        return false;
-    };
-    DChartAxisBaseBar.prototype.destroy = function () {
-        var shape = this._shape;
-        if (shape != null) {
-            shape.destroy();
-        }
-        this._index = 0;
-        this._container = undefined;
-    };
-    return DChartAxisBaseBar;
-}());
-
 var DChartAxisBaseTickMajorGridline = /** @class */ (function () {
     function DChartAxisBaseTickMajorGridline(parser) {
         this._parser = parser;
@@ -73110,6 +73253,7 @@ var DChartAxisBaseTickMinor = /** @class */ (function () {
                 shape.points.size = size;
                 shape.points.style = style;
                 shape.stroke.copy(minor.stroke);
+                shape.text.copy(minor.text);
                 shape.size.set(0, 0);
                 result.push(shape);
             }
@@ -73152,8 +73296,8 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
     function DChartAxisBaseTickContainer(parser) {
         this._parser = parser;
         this._index = 0;
-        this._major = new DChartAxisBaseTickMajor(parser);
-        this._minor = new DChartAxisBaseTickMinor(parser);
+        this._major = this.newMajor(parser);
+        this._minor = this.newMinor(parser);
         this._majorTicks = [];
         this._minorTicks = [];
     }
@@ -73164,6 +73308,9 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    DChartAxisBaseTickContainer.prototype.newMajor = function (parser) {
+        return new DChartAxisBaseTickMajor(parser);
+    };
     Object.defineProperty(DChartAxisBaseTickContainer.prototype, "minor", {
         get: function () {
             return this._minor;
@@ -73171,6 +73318,9 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    DChartAxisBaseTickContainer.prototype.newMinor = function (parser) {
+        return new DChartAxisBaseTickMinor(parser);
+    };
     DChartAxisBaseTickContainer.prototype.bind = function (container, index) {
         this._container = container;
         this._index = index;
@@ -73247,9 +73397,10 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         var minorCountPerMajor = minorTick.count;
         var minorCount = (majorCapacity + 1) * minorCountPerMajor;
         var minorStep = minorTick.step;
+        var minorFormatter = minorTick.formatter;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        coordinate.ticks(domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
+        this.newTicks(coordinate, domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var a = transform.a;
         var tx = transform.tx;
         for (var i = 0; i < majorCapacity; ++i) {
@@ -73260,24 +73411,15 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
                 var majorTickProjectedPosition = majorTicks[imajorTick + 1];
                 var majotTickPositionX = a * majorTickProjectedPosition + tx;
                 var majorTickStep = majorTicks[imajorTick + 2];
-                majorShape.disallowUploadedUpdate();
-                majorShape.visible = true;
-                majorShape.transform.position.set(majotTickPositionX, shapePositionY);
-                majorShape.text.value = majorFormatter.format(majorTickPosition, majorTickStep);
-                majorShape.allowUploadedUpdate();
+                this.showMajor(majorShape, majotTickPositionX, shapePositionY, majorFormatter === null || majorFormatter === void 0 ? void 0 : majorFormatter.format(majorTickPosition, majorTickStep));
                 if (i < gridlineShapes.length) {
-                    var gridlineShape = gridlineShapes[i];
-                    gridlineShape.disallowUploadedUpdate();
-                    gridlineShape.visible = true;
-                    gridlineShape.transform.position.set(majotTickPositionX, plotAreaHeight * 0.5);
-                    gridlineShape.size.set(0, plotAreaHeight);
-                    gridlineShape.allowUploadedUpdate();
+                    this.showMajorGridline(gridlineShapes[i], majorTickPosition, majotTickPositionX, plotAreaHeight * 0.5, 0, plotAreaHeight);
                 }
             }
             else {
-                majorShape.visible = false;
-                if (gridlineShapes) {
-                    gridlineShapes[i].visible = false;
+                this.hideMajor(majorShape);
+                if (i < gridlineShapes.length) {
+                    this.hideMajorGridline(gridlineShapes[i]);
                 }
             }
         }
@@ -73285,15 +73427,14 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
             var minorShape = minorShapes[i];
             var iminorTick = i * 3;
             var minorTickPosition = minorTicks[iminorTick + 0];
-            var minorTickProjectedPosition = minorTicks[iminorTick + 1];
             if (!isNaN(minorTickPosition)) {
-                minorShape.disallowUploadedUpdate();
-                minorShape.visible = true;
-                minorShape.transform.position.set(a * minorTickProjectedPosition + tx, shapePositionY);
-                minorShape.allowUploadedUpdate();
+                var minorTickProjectedPosition = minorTicks[iminorTick + 1];
+                var minorTickPositionX = a * minorTickProjectedPosition + tx;
+                var minorTickStep = minorTicks[iminorTick + 2];
+                this.showMinor(minorShape, minorTickPositionX, shapePositionY, minorFormatter === null || minorFormatter === void 0 ? void 0 : minorFormatter.format(minorTickPosition, minorTickStep));
             }
             else {
-                minorShape.visible = false;
+                this.hideMinor(minorShape);
             }
         }
         return true;
@@ -73309,9 +73450,10 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         var minorCountPerMajor = minorTick.count;
         var minorCount = (majorCapacity + 1) * minorCountPerMajor;
         var minorStep = minorTick.step;
+        var minorFormatter = minorTick.formatter;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        coordinate.ticks(domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
+        this.newTicks(coordinate, domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var d = transform.d;
         var ty = transform.ty;
         for (var i = 0; i < majorCapacity; ++i) {
@@ -73322,24 +73464,15 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
                 var majorTickProjectedPosition = majorTicks[imajorTick + 1];
                 var majotTickPositionY = d * majorTickProjectedPosition + ty;
                 var majorTickStep = majorTicks[imajorTick + 2];
-                majorShape.disallowUploadedUpdate();
-                majorShape.visible = true;
-                majorShape.transform.position.set(shapePositionX, majotTickPositionY);
-                majorShape.text.value = majorFormatter.format(majorTickPosition, majorTickStep);
-                majorShape.allowUploadedUpdate();
+                this.showMajor(majorShape, shapePositionX, majotTickPositionY, majorFormatter === null || majorFormatter === void 0 ? void 0 : majorFormatter.format(majorTickPosition, majorTickStep));
                 if (i < gridlineShapes.length) {
-                    var gridlineShape = gridlineShapes[i];
-                    gridlineShape.disallowUploadedUpdate();
-                    gridlineShape.visible = true;
-                    gridlineShape.transform.position.set(plotAreaWidth * 0.5, majotTickPositionY);
-                    gridlineShape.size.set(plotAreaWidth, 0);
-                    gridlineShape.allowUploadedUpdate();
+                    this.showMajorGridline(gridlineShapes[i], majorTickPosition, plotAreaWidth * 0.5, majotTickPositionY, plotAreaWidth, 0);
                 }
             }
             else {
-                majorShape.visible = false;
-                if (gridlineShapes) {
-                    gridlineShapes[i].visible = false;
+                this.hideMajor(majorShape);
+                if (i < gridlineShapes.length) {
+                    this.hideMajorGridline(gridlineShapes[i]);
                 }
             }
         }
@@ -73347,19 +73480,51 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
             var minorShape = minorShapes[i];
             var iminorTick = i * 3;
             var minorTickPosition = minorTicks[iminorTick + 0];
-            var minorTickProjectedPosition = minorTicks[iminorTick + 1];
             if (!isNaN(minorTickPosition)) {
-                minorShape.disallowUploadedUpdate();
-                minorShape.visible = true;
-                minorShape.transform.position.set(shapePositionX, d * minorTickProjectedPosition + ty);
-                minorShape.allowUploadedUpdate();
+                var minorTickProjectedPosition = minorTicks[iminorTick + 1];
+                var minorTickPositionY = d * minorTickProjectedPosition + ty;
+                var minorTickStep = minorTicks[iminorTick + 2];
+                this.showMinor(minorShape, shapePositionX, minorTickPositionY, minorFormatter === null || minorFormatter === void 0 ? void 0 : minorFormatter.format(minorTickPosition, minorTickStep));
             }
             else {
-                minorShape.visible = false;
+                this.hideMinor(minorShape);
             }
         }
         return true;
     };
+    DChartAxisBaseTickContainer.prototype.showMajor = function (shape, x, y, text) {
+        shape.disallowUploadedUpdate();
+        shape.visible = true;
+        shape.transform.position.set(x, y);
+        shape.text.value = text != null ? text : "";
+        shape.allowUploadedUpdate();
+    };
+    DChartAxisBaseTickContainer.prototype.showMajorGridline = function (shape, value, x, y, sx, sy) {
+        shape.disallowUploadedUpdate();
+        shape.visible = true;
+        shape.transform.position.set(x, y);
+        shape.size.set(sx, sy);
+        shape.allowUploadedUpdate();
+    };
+    DChartAxisBaseTickContainer.prototype.hideMajor = function (shape) {
+        shape.visible = false;
+    };
+    DChartAxisBaseTickContainer.prototype.hideMajorGridline = function (shape) {
+        shape.visible = false;
+    };
+    DChartAxisBaseTickContainer.prototype.showMinor = function (shape, x, y, text) {
+        shape.disallowUploadedUpdate();
+        shape.visible = true;
+        shape.transform.position.set(x, y);
+        shape.text.value = text != null ? text : "";
+        shape.allowUploadedUpdate();
+    };
+    DChartAxisBaseTickContainer.prototype.hideMinor = function (shape) {
+        shape.visible = false;
+    };
+    DChartAxisBaseTickContainer.prototype.newTicks = function (coordinate, domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
+        coordinate.ticks(domainMin, domainMax, majorCount, majorCapacity, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult);
+    };
     DChartAxisBaseTickContainer.prototype.destroy = function () {
         this._major.destroy();
         this._minor.destroy();
@@ -73380,9 +73545,16 @@ var DChartAxisBase = /** @class */ (function () {
         var parser = new DChartAxisBaseOptionParser(theme, options);
         this._parser = parser;
         this._index = 0;
-        this._bar = new DChartAxisBaseBar(parser);
-        this._tick = new DChartAxisBaseTickContainer(parser);
+        this._bar = this.newBar(parser);
+        this._tick = this.newTick(parser);
     }
+    Object.defineProperty(DChartAxisBase.prototype, "parser", {
+        get: function () {
+            return this._parser;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DChartAxisBase.prototype, "position", {
         get: function () {
             return this._parser.position;
@@ -73397,6 +73569,9 @@ var DChartAxisBase = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    DChartAxisBase.prototype.newBar = function (parser) {
+        return new DChartAxisBaseBar(parser);
+    };
     Object.defineProperty(DChartAxisBase.prototype, "tick", {
         get: function () {
             return this._tick;
@@ -73404,6 +73579,9 @@ var DChartAxisBase = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    DChartAxisBase.prototype.newTick = function (parser) {
+        return new DChartAxisBaseTickContainer(parser);
+    };
     DChartAxisBase.prototype.bind = function (container, index) {
         this._container = container;
         this._index = index;
@@ -73436,7 +73614,8 @@ var DChartAxisBase = /** @class */ (function () {
         this._container = undefined;
     };
     DChartAxisBase.prototype.toTheme = function (options) {
-        return (options && options.theme) || this.getThemeDefault();
+        var _a;
+        return (_a = options === null || options === void 0 ? void 0 : options.theme) !== null && _a !== void 0 ? _a : this.getThemeDefault();
     };
     DChartAxisBase.prototype.getThemeDefault = function () {
         return DThemes.getInstance().get(this.getType());
@@ -73634,6 +73813,342 @@ var DChartCoordinateDirection = {
     Y: 1
 };
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DChartCoordinateTransformImpl = /** @class */ (function () {
+    function DChartCoordinateTransformImpl(options) {
+        this._theme = this.toTheme(options);
+        this._id = 0;
+        this._isTranslationEnabled = options === null || options === void 0 ? void 0 : options.translation;
+        this._translate = 0;
+        this._isScalingEnabled = options === null || options === void 0 ? void 0 : options.scaling;
+        this._scale = 1;
+        this._itranslate = 0;
+        this._iscale = 1;
+    }
+    Object.defineProperty(DChartCoordinateTransformImpl.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DChartCoordinateTransformImpl.prototype, "translate", {
+        get: function () {
+            return this._translate;
+        },
+        set: function (translate) {
+            this.set(translate);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DChartCoordinateTransformImpl.prototype, "scale", {
+        get: function () {
+            return this._scale;
+        },
+        set: function (scale) {
+            this.set(undefined, scale);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DChartCoordinateTransformImpl.prototype.bind = function (container, direction) {
+        this.set(0, direction === DChartCoordinateDirection.X ? +1 : -1);
+    };
+    DChartCoordinateTransformImpl.prototype.unbind = function () {
+        // DO NOTHING
+    };
+    DChartCoordinateTransformImpl.prototype.set = function (translate, scale) {
+        var isChanged = false;
+        if (translate != null &&
+            this._isTranslationEnabled !== false &&
+            this._translate !== translate) {
+            isChanged = true;
+            this._translate = translate;
+        }
+        if (scale != null && this._isScalingEnabled !== false && this._scale !== scale) {
+            isChanged = true;
+            this._scale = scale;
+        }
+        if (isChanged) {
+            this._id += 1;
+            this._iscale = this._theme.isZero(this._scale) ? 0 : 1 / this._scale;
+            this._itranslate = -this._translate * this._iscale;
+        }
+    };
+    DChartCoordinateTransformImpl.prototype.blend = function (ratio, mark) {
+        var ratioi = 1 - ratio;
+        var newTranslate = mark.newTranslate * ratio + mark.oldTranslate * ratioi;
+        var newScale = mark.newScale * ratio + mark.oldScale * ratioi;
+        this.set(newTranslate, newScale);
+    };
+    DChartCoordinateTransformImpl.prototype.map = function (value) {
+        return this._translate + this._scale * value;
+    };
+    DChartCoordinateTransformImpl.prototype.mapAll = function (values, ifrom, iend, stride, offset) {
+        var translate = this._translate;
+        var scale = this._scale;
+        for (var i = ifrom + offset; i < iend; i += stride) {
+            values[i] = translate + scale * values[i];
+        }
+    };
+    DChartCoordinateTransformImpl.prototype.unmap = function (value) {
+        return this._itranslate + this._iscale * value;
+    };
+    DChartCoordinateTransformImpl.prototype.unmapAll = function (values, ifrom, iend, stride, offset) {
+        var itranslate = this._itranslate;
+        var iscale = this._iscale;
+        for (var i = ifrom + offset; i < iend; i += stride) {
+            values[i] = itranslate + iscale * values[i];
+        }
+    };
+    DChartCoordinateTransformImpl.prototype.toTheme = function (options) {
+        return (options && options.theme) || this.getThemeDefault();
+    };
+    DChartCoordinateTransformImpl.prototype.getThemeDefault = function () {
+        return DThemes.getInstance().get(this.getType());
+    };
+    DChartCoordinateTransformImpl.prototype.getType = function () {
+        return "DChartCoordinateTransform";
+    };
+    return DChartCoordinateTransformImpl;
+}());
+
+var DChartCoordinateTransformMarkImpl = /** @class */ (function () {
+    function DChartCoordinateTransformMarkImpl() {
+        this.oldTranslate = 0;
+        this.oldScale = 1;
+        this.newTranslate = 0;
+        this.newScale = 1;
+    }
+    DChartCoordinateTransformMarkImpl.prototype.set = function (translate, scale) {
+        if (translate != null) {
+            this.newTranslate = translate;
+        }
+        if (scale != null) {
+            this.newScale = scale;
+        }
+    };
+    return DChartCoordinateTransformMarkImpl;
+}());
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DChartRegionImpl = /** @class */ (function () {
+    function DChartRegionImpl(from, to) {
+        this.from = from;
+        this.to = to;
+    }
+    DChartRegionImpl.prototype.set = function (from, to) {
+        if (from != null) {
+            this.from = from;
+        }
+        if (to != null) {
+            this.to = to;
+        }
+        return this;
+    };
+    DChartRegionImpl.prototype.add = function (from, to) {
+        if (!isNaN$1(from)) {
+            this.from = isNaN$1(this.from) ? from : Math.min(this.from, from);
+        }
+        if (!isNaN$1(to)) {
+            this.to = isNaN$1(this.to) ? to : Math.max(this.to, to);
+        }
+        return this;
+    };
+    DChartRegionImpl.prototype.clear = function () {
+        this.from = NaN;
+        this.to = NaN;
+        return this;
+    };
+    return DChartRegionImpl;
+}());
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DChartCoordinateBase = /** @class */ (function () {
+    function DChartCoordinateBase(options) {
+        this._id = 0;
+        this._direction = DChartCoordinateDirection.X;
+        this._theme = this.toTheme(options);
+        this._transform = this.newTransform(options === null || options === void 0 ? void 0 : options.transform);
+        this._tick = this.newTick(options === null || options === void 0 ? void 0 : options.tick);
+        this._work = this.newRegion();
+        this._mark = this.newMark();
+        this._from = options === null || options === void 0 ? void 0 : options.from;
+        this._to = options === null || options === void 0 ? void 0 : options.to;
+    }
+    DChartCoordinateBase.prototype.newTransform = function (options) {
+        return new DChartCoordinateTransformImpl(options);
+    };
+    DChartCoordinateBase.prototype.newRegion = function () {
+        return new DChartRegionImpl(NaN, NaN);
+    };
+    DChartCoordinateBase.prototype.newMark = function () {
+        return new DChartCoordinateTransformMarkImpl();
+    };
+    Object.defineProperty(DChartCoordinateBase.prototype, "from", {
+        get: function () {
+            return this._from;
+        },
+        set: function (from) {
+            this._from = from;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DChartCoordinateBase.prototype, "to", {
+        get: function () {
+            return this._to;
+        },
+        set: function (to) {
+            this._to = to;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DChartCoordinateBase.prototype.bind = function (container, direction) {
+        this._container = container;
+        this._direction = direction;
+        this._transform.bind(container, direction);
+    };
+    DChartCoordinateBase.prototype.unbind = function () {
+        this._container = undefined;
+        this._transform.unbind();
+    };
+    DChartCoordinateBase.prototype.fit = function (from, to) {
+        this.doFit(from, to, this._transform);
+    };
+    DChartCoordinateBase.prototype.mark = function (from, to) {
+        var mark = this._mark;
+        var transform = this._transform;
+        mark.oldTranslate = transform.translate;
+        mark.oldScale = transform.scale;
+        this.doFit(from, to, mark);
+    };
+    DChartCoordinateBase.prototype.blend = function (ratio) {
+        this._transform.blend(ratio, this._mark);
+    };
+    DChartCoordinateBase.prototype.doFit = function (from, to, result) {
+        var container = this._container;
+        if (container) {
+            var plotArea = container.container.plotArea;
+            var padding = plotArea.padding;
+            var work = this._work;
+            switch (this._direction) {
+                case DChartCoordinateDirection.X:
+                    this.doFit_(padding.getLeft(), plotArea.width - padding.getRight(), this.toFitDomain(from, to, plotArea, work), result);
+                    break;
+                case DChartCoordinateDirection.Y:
+                    this.doFit_(plotArea.height - padding.getBottom(), padding.getTop(), this.toFitRange(from, to, plotArea, work), result);
+                    break;
+            }
+        }
+    };
+    DChartCoordinateBase.prototype.toFitDomain = function (from, to, plotArea, result) {
+        if (from == null) {
+            from = this._from;
+        }
+        if (to == null) {
+            to = this._to;
+        }
+        if (from != null && to != null) {
+            result.set(from, to);
+        }
+        else {
+            plotArea.series.getDomain(this, result);
+            result.set(from, to);
+        }
+        return result;
+    };
+    DChartCoordinateBase.prototype.toFitRange = function (from, to, plotArea, result) {
+        if (from == null) {
+            from = this._from;
+        }
+        if (to == null) {
+            to = this._to;
+        }
+        if (from != null && to != null) {
+            result.set(from, to);
+        }
+        else {
+            plotArea.series.getRange(this, result);
+            result.set(from, to);
+        }
+        return result;
+    };
+    DChartCoordinateBase.prototype.doFit_ = function (pixelFrom, pixelTo, region, result) {
+        var regionFrom = region.from;
+        var regionTo = region.to;
+        if (!(isNaN$1(regionFrom) || isNaN$1(regionTo))) {
+            // Scale
+            var newScale = 1;
+            var regionFromMapped = this.map(regionFrom);
+            var regionToMapped = this.map(regionTo);
+            var regionSizeMapped = regionToMapped - regionFromMapped;
+            if (!this._theme.isZero(regionSizeMapped)) {
+                var pixelSize = pixelTo - pixelFrom;
+                newScale = pixelSize / regionSizeMapped;
+            }
+            else {
+                newScale = pixelTo < pixelFrom ? -1 : 1;
+            }
+            // Translation
+            var newTranslation = pixelFrom - regionFromMapped * newScale;
+            // Done
+            result.set(newTranslation, newScale);
+        }
+    };
+    Object.defineProperty(DChartCoordinateBase.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DChartCoordinateBase.prototype, "transform", {
+        get: function () {
+            return this._transform;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DChartCoordinateBase.prototype.map = function (value) {
+        return value;
+    };
+    DChartCoordinateBase.prototype.mapAll = function (values, ifrom, iend, stride, offset) {
+        // DO NOTHING
+    };
+    DChartCoordinateBase.prototype.unmap = function (value) {
+        return value;
+    };
+    DChartCoordinateBase.prototype.unmapAll = function (values, ifrom, iend, stride, offset) {
+        // DO NOTHING
+    };
+    DChartCoordinateBase.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);
+    };
+    DChartCoordinateBase.prototype.toTheme = function (options) {
+        var _a;
+        return (_a = options === null || options === void 0 ? void 0 : options.theme) !== null && _a !== void 0 ? _a : this.getThemeDefault();
+    };
+    DChartCoordinateBase.prototype.getThemeDefault = function () {
+        return DThemes.getInstance().get(this.getType());
+    };
+    DChartCoordinateBase.prototype.getType = function () {
+        return "DChartCoordinate";
+    };
+    return DChartCoordinateBase;
+}());
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -73933,7 +74448,8 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
         }
     };
     DChartCoordinateLinearTick.prototype.toTheme = function (options) {
-        return (options && options.theme) || this.getThemeDefault();
+        var _a;
+        return (_a = options === null || options === void 0 ? void 0 : options.theme) !== null && _a !== void 0 ? _a : this.getThemeDefault();
     };
     DChartCoordinateLinearTick.prototype.getThemeDefault = function () {
         return DThemes.getInstance().get(this.getType());
@@ -73948,325 +74464,16 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DChartCoordinateTransformImpl = /** @class */ (function () {
-    function DChartCoordinateTransformImpl(options) {
-        this._theme = this.toTheme(options);
-        this._id = 0;
-        this._isTranslationEnabled = options === null || options === void 0 ? void 0 : options.translation;
-        this._translate = 0;
-        this._isScalingEnabled = options === null || options === void 0 ? void 0 : options.scaling;
-        this._scale = 1;
-        this._itranslate = 0;
-        this._iscale = 1;
-    }
-    Object.defineProperty(DChartCoordinateTransformImpl.prototype, "id", {
-        get: function () {
-            return this._id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DChartCoordinateTransformImpl.prototype, "translate", {
-        get: function () {
-            return this._translate;
-        },
-        set: function (translate) {
-            this.set(translate);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DChartCoordinateTransformImpl.prototype, "scale", {
-        get: function () {
-            return this._scale;
-        },
-        set: function (scale) {
-            this.set(undefined, scale);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DChartCoordinateTransformImpl.prototype.bind = function (container, direction) {
-        this.set(0, direction === DChartCoordinateDirection.X ? +1 : -1);
-    };
-    DChartCoordinateTransformImpl.prototype.unbind = function () {
-        // DO NOTHING
-    };
-    DChartCoordinateTransformImpl.prototype.set = function (translate, scale) {
-        var isChanged = false;
-        if (translate != null &&
-            this._isTranslationEnabled !== false &&
-            this._translate !== translate) {
-            isChanged = true;
-            this._translate = translate;
-        }
-        if (scale != null && this._isScalingEnabled !== false && this._scale !== scale) {
-            isChanged = true;
-            this._scale = scale;
-        }
-        if (isChanged) {
-            this._id += 1;
-            this._iscale = this._theme.isZero(this._scale) ? 0 : 1 / this._scale;
-            this._itranslate = -this._translate * this._iscale;
-        }
-    };
-    DChartCoordinateTransformImpl.prototype.blend = function (ratio, mark) {
-        var ratioi = 1 - ratio;
-        var newTranslate = mark.newTranslate * ratio + mark.oldTranslate * ratioi;
-        var newScale = mark.newScale * ratio + mark.oldScale * ratioi;
-        this.set(newTranslate, newScale);
-    };
-    DChartCoordinateTransformImpl.prototype.map = function (value) {
-        return this._translate + this._scale * value;
-    };
-    DChartCoordinateTransformImpl.prototype.mapAll = function (values, ifrom, iend, stride, offset) {
-        var translate = this._translate;
-        var scale = this._scale;
-        for (var i = ifrom + offset; i < iend; i += stride) {
-            values[i] = translate + scale * values[i];
-        }
-    };
-    DChartCoordinateTransformImpl.prototype.unmap = function (value) {
-        return this._itranslate + this._iscale * value;
-    };
-    DChartCoordinateTransformImpl.prototype.unmapAll = function (values, ifrom, iend, stride, offset) {
-        var itranslate = this._itranslate;
-        var iscale = this._iscale;
-        for (var i = ifrom + offset; i < iend; i += stride) {
-            values[i] = itranslate + iscale * values[i];
-        }
-    };
-    DChartCoordinateTransformImpl.prototype.toTheme = function (options) {
-        return (options && options.theme) || this.getThemeDefault();
-    };
-    DChartCoordinateTransformImpl.prototype.getThemeDefault = function () {
-        return DThemes.getInstance().get(this.getType());
-    };
-    DChartCoordinateTransformImpl.prototype.getType = function () {
-        return "DChartCoordinateTransform";
-    };
-    return DChartCoordinateTransformImpl;
-}());
-
-var DChartCoordinateTransformMarkImpl = /** @class */ (function () {
-    function DChartCoordinateTransformMarkImpl() {
-        this.oldTranslate = 0;
-        this.oldScale = 1;
-        this.newTranslate = 0;
-        this.newScale = 1;
-    }
-    DChartCoordinateTransformMarkImpl.prototype.set = function (translate, scale) {
-        if (translate != null) {
-            this.newTranslate = translate;
-        }
-        if (scale != null) {
-            this.newScale = scale;
-        }
-    };
-    return DChartCoordinateTransformMarkImpl;
-}());
-
-/*
- * Copyright (C) 2019 Toshiba Corporation
- * SPDX-License-Identifier: Apache-2.0
- */
-var DChartRegionImpl = /** @class */ (function () {
-    function DChartRegionImpl(from, to) {
-        this.from = from;
-        this.to = to;
-    }
-    DChartRegionImpl.prototype.set = function (from, to) {
-        if (from != null) {
-            this.from = from;
-        }
-        if (to != null) {
-            this.to = to;
-        }
-        return this;
-    };
-    DChartRegionImpl.prototype.add = function (from, to) {
-        if (!isNaN$1(from)) {
-            this.from = isNaN$1(this.from) ? from : Math.min(this.from, from);
-        }
-        if (!isNaN$1(to)) {
-            this.to = isNaN$1(this.to) ? to : Math.max(this.to, to);
-        }
-        return this;
-    };
-    DChartRegionImpl.prototype.clear = function () {
-        this.from = NaN;
-        this.to = NaN;
-        return this;
-    };
-    return DChartRegionImpl;
-}());
-
-/*
- * Copyright (C) 2019 Toshiba Corporation
- * SPDX-License-Identifier: Apache-2.0
- */
-var DChartCoordinateLinear = /** @class */ (function () {
-    function DChartCoordinateLinear(options) {
-        this._id = 0;
-        this._direction = DChartCoordinateDirection.X;
-        this._theme = this.toTheme(options);
-        this._transform = new DChartCoordinateTransformImpl(options === null || options === void 0 ? void 0 : options.transform);
-        this._tick = new DChartCoordinateLinearTick(options === null || options === void 0 ? void 0 : options.tick);
-        this._work = new DChartRegionImpl(NaN, NaN);
-        this._mark = new DChartCoordinateTransformMarkImpl();
-        this._from = options === null || options === void 0 ? void 0 : options.from;
-        this._to = options === null || options === void 0 ? void 0 : options.to;
+var DChartCoordinateLinear = /** @class */ (function (_super) {
+    __extends(DChartCoordinateLinear, _super);
+    function DChartCoordinateLinear() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    Object.defineProperty(DChartCoordinateLinear.prototype, "from", {
-        get: function () {
-            return this._from;
-        },
-        set: function (from) {
-            this._from = from;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DChartCoordinateLinear.prototype, "to", {
-        get: function () {
-            return this._to;
-        },
-        set: function (to) {
-            this._to = to;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DChartCoordinateLinear.prototype.bind = function (container, direction) {
-        this._container = container;
-        this._direction = direction;
-        this._transform.bind(container, direction);
-    };
-    DChartCoordinateLinear.prototype.unbind = function () {
-        this._container = undefined;
-        this._transform.unbind();
-    };
-    DChartCoordinateLinear.prototype.fit = function (from, to) {
-        this.doFit(from, to, this._transform);
-    };
-    DChartCoordinateLinear.prototype.mark = function (from, to) {
-        var mark = this._mark;
-        var transform = this._transform;
-        mark.oldTranslate = transform.translate;
-        mark.oldScale = transform.scale;
-        this.doFit(from, to, mark);
-    };
-    DChartCoordinateLinear.prototype.blend = function (ratio) {
-        this._transform.blend(ratio, this._mark);
-    };
-    DChartCoordinateLinear.prototype.doFit = function (from, to, result) {
-        var container = this._container;
-        if (container) {
-            var plotArea = container.container.plotArea;
-            var padding = plotArea.padding;
-            var work = this._work;
-            switch (this._direction) {
-                case DChartCoordinateDirection.X:
-                    this.doFit_(padding.getLeft(), plotArea.width - padding.getRight(), this.toFitDomain(from, to, plotArea, work), result);
-                    break;
-                case DChartCoordinateDirection.Y:
-                    this.doFit_(plotArea.height - padding.getBottom(), padding.getTop(), this.toFitRange(from, to, plotArea, work), result);
-                    break;
-            }
-        }
-    };
-    DChartCoordinateLinear.prototype.toFitDomain = function (from, to, plotArea, result) {
-        if (from == null) {
-            from = this._from;
-        }
-        if (to == null) {
-            to = this._to;
-        }
-        if (from != null && to != null) {
-            result.set(from, to);
-        }
-        else {
-            plotArea.series.getDomain(this, result);
-            result.set(from, to);
-        }
-        return result;
-    };
-    DChartCoordinateLinear.prototype.toFitRange = function (from, to, plotArea, result) {
-        if (from == null) {
-            from = this._from;
-        }
-        if (to == null) {
-            to = this._to;
-        }
-        if (from != null && to != null) {
-            result.set(from, to);
-        }
-        else {
-            plotArea.series.getRange(this, result);
-            result.set(from, to);
-        }
-        return result;
-    };
-    DChartCoordinateLinear.prototype.doFit_ = function (pixelFrom, pixelTo, region, result) {
-        var regionFrom = region.from;
-        var regionTo = region.to;
-        if (!(isNaN$1(regionFrom) || isNaN$1(regionTo))) {
-            // Scale
-            var newScale = 1;
-            var regionSize = regionTo - regionFrom;
-            if (!this._theme.isZero(regionSize)) {
-                var pixelSize = pixelTo - pixelFrom;
-                newScale = pixelSize / regionSize;
-            }
-            else {
-                newScale = pixelTo < pixelFrom ? -1 : 1;
-            }
-            // Translation
-            var newTranslation = pixelFrom - regionFrom * newScale;
-            // Done
-            result.set(newTranslation, newScale);
-        }
-    };
-    Object.defineProperty(DChartCoordinateLinear.prototype, "id", {
-        get: function () {
-            return this._id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DChartCoordinateLinear.prototype, "transform", {
-        get: function () {
-            return this._transform;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DChartCoordinateLinear.prototype.map = function (value) {
-        return value;
-    };
-    DChartCoordinateLinear.prototype.mapAll = function (values, ifrom, iend, stride, offset) {
-        // DO NOTHING
-    };
-    DChartCoordinateLinear.prototype.unmap = function (value) {
-        return value;
-    };
-    DChartCoordinateLinear.prototype.unmapAll = function (values, ifrom, iend, stride, offset) {
-        // DO NOTHING
-    };
-    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();
-    };
-    DChartCoordinateLinear.prototype.getThemeDefault = function () {
-        return DThemes.getInstance().get(this.getType());
-    };
-    DChartCoordinateLinear.prototype.getType = function () {
-        return "DChartCoordinate";
+    DChartCoordinateLinear.prototype.newTick = function (options) {
+        return new DChartCoordinateLinearTick(options);
     };
     return DChartCoordinateLinear;
-}());
+}(DChartCoordinateBase));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -74391,7 +74598,8 @@ var DChartCoordinateLogTick = /** @class */ (function () {
         }
     };
     DChartCoordinateLogTick.prototype.toTheme = function (options) {
-        return (options && options.theme) || this.getThemeDefault();
+        var _a;
+        return (_a = options === null || options === void 0 ? void 0 : options.theme) !== null && _a !== void 0 ? _a : this.getThemeDefault();
     };
     DChartCoordinateLogTick.prototype.getThemeDefault = function () {
         return DThemes.getInstance().get(this.getType());
@@ -74406,142 +74614,14 @@ var DChartCoordinateLogTick = /** @class */ (function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DChartCoordinateLog = /** @class */ (function () {
-    function DChartCoordinateLog(options) {
-        this._id = 0;
-        this._direction = DChartCoordinateDirection.X;
-        this._theme = this.toTheme(options);
-        this._transform = new DChartCoordinateTransformImpl(options === null || options === void 0 ? void 0 : options.transform);
-        this._tick = new DChartCoordinateLogTick(options === null || options === void 0 ? void 0 : options.tick);
-        this._work = new DChartRegionImpl(NaN, NaN);
-        this._mark = new DChartCoordinateTransformMarkImpl();
-        this._from = options === null || options === void 0 ? void 0 : options.from;
-        this._to = options === null || options === void 0 ? void 0 : options.to;
+var DChartCoordinateLog = /** @class */ (function (_super) {
+    __extends(DChartCoordinateLog, _super);
+    function DChartCoordinateLog() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    Object.defineProperty(DChartCoordinateLog.prototype, "from", {
-        get: function () {
-            return this._from;
-        },
-        set: function (from) {
-            this._from = from;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DChartCoordinateLog.prototype, "to", {
-        get: function () {
-            return this._to;
-        },
-        set: function (to) {
-            this._to = to;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DChartCoordinateLog.prototype.bind = function (container, direction) {
-        this._container = container;
-        this._direction = direction;
-    };
-    DChartCoordinateLog.prototype.unbind = function () {
-        this._container = undefined;
-    };
-    DChartCoordinateLog.prototype.fit = function (from, to) {
-        this.doFit(from, to, this._transform);
-    };
-    DChartCoordinateLog.prototype.mark = function (from, to) {
-        var mark = this._mark;
-        var transform = this._transform;
-        mark.oldTranslate = transform.translate;
-        mark.oldScale = transform.scale;
-        this.doFit(from, to, mark);
-    };
-    DChartCoordinateLog.prototype.blend = function (ratio) {
-        this._transform.blend(ratio, this._mark);
-    };
-    DChartCoordinateLog.prototype.doFit = function (from, to, result) {
-        var container = this._container;
-        if (container) {
-            var plotArea = container.container.plotArea;
-            var padding = plotArea.padding;
-            var work = this._work;
-            switch (this._direction) {
-                case DChartCoordinateDirection.X:
-                    this.doFit_(padding.getLeft(), plotArea.width - padding.getRight(), this.toFitDomain(from, to, plotArea, work), result);
-                    break;
-                case DChartCoordinateDirection.Y:
-                    this.doFit_(plotArea.height - padding.getBottom(), padding.getTop(), this.toFitRange(from, to, plotArea, work), result);
-                    break;
-            }
-        }
-    };
-    DChartCoordinateLog.prototype.toFitDomain = function (from, to, plotArea, result) {
-        if (from == null) {
-            from = this._from;
-        }
-        if (to == null) {
-            to = this._to;
-        }
-        if (from != null && to != null) {
-            result.set(from, to);
-        }
-        else {
-            plotArea.series.getDomain(this, result);
-            result.set(from, to);
-        }
-        return result;
-    };
-    DChartCoordinateLog.prototype.toFitRange = function (from, to, plotArea, result) {
-        if (from == null) {
-            from = this._from;
-        }
-        if (to == null) {
-            to = this._to;
-        }
-        if (from != null && to != null) {
-            result.set(from, to);
-        }
-        else {
-            plotArea.series.getRange(this, result);
-            result.set(from, to);
-        }
-        return result;
+    DChartCoordinateLog.prototype.newTick = function (options) {
+        return new DChartCoordinateLogTick(options);
     };
-    DChartCoordinateLog.prototype.doFit_ = function (pixelFrom, pixelTo, region, result) {
-        var regionFrom = region.from;
-        var regionTo = region.to;
-        if (!(isNaN$1(regionFrom) || isNaN$1(regionTo))) {
-            // Scale
-            var newScale = 1;
-            var regionFromMapped = this.map(regionFrom);
-            var regionToMapped = this.map(regionTo);
-            var regionSizeMapped = regionToMapped - regionFromMapped;
-            if (!this._theme.isZero(regionSizeMapped)) {
-                var pixelSize = pixelTo - pixelFrom;
-                newScale = pixelSize / regionSizeMapped;
-            }
-            else {
-                newScale = pixelTo < pixelFrom ? -1 : 1;
-            }
-            // Translation
-            var newTranslation = pixelFrom - regionFromMapped * newScale;
-            // Done
-            result.set(newTranslation, newScale);
-        }
-    };
-    Object.defineProperty(DChartCoordinateLog.prototype, "id", {
-        get: function () {
-            return this._id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DChartCoordinateLog.prototype, "transform", {
-        get: function () {
-            return this._transform;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DChartCoordinateLog.prototype.map = function (value) {
         return Math.log(Math.max(0, value)) / Math.LN10;
     };
@@ -74560,20 +74640,8 @@ var DChartCoordinateLog = /** @class */ (function () {
             values[i] = Math.pow(10, values[i]);
         }
     };
-    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();
-    };
-    DChartCoordinateLog.prototype.getThemeDefault = function () {
-        return DThemes.getInstance().get(this.getType());
-    };
-    DChartCoordinateLog.prototype.getType = function () {
-        return "DChartCoordinate";
-    };
     return DChartCoordinateLog;
-}());
+}(DChartCoordinateBase));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -76126,10 +76194,12 @@ var DChartSeriesBase = /** @class */ (function (_super) {
 var DChartSeriesLineOfAny = /** @class */ (function (_super) {
     __extends(DChartSeriesLineOfAny, _super);
     function DChartSeriesLineOfAny(options) {
-        var _this = _super.call(this, options) || this;
+        var _this = this;
+        var _a;
+        _this = _super.call(this, options) || this;
         _this._line = null;
         _this._options = options;
-        _this._points = (options && options.points) || [];
+        _this._points = (_a = options === null || options === void 0 ? void 0 : options.points) !== null && _a !== void 0 ? _a : [];
         _this._pointId = 0;
         _this._pointIdUpdated = NaN;
         return _this;
@@ -87491,6 +87561,43 @@ var DTableBody = /** @class */ (function (_super) {
             result.height -= dy;
         }
     };
+    /**
+     * Scroll to the given row or row index.
+     *
+     * @param target a row or an row index to which the body scrolls to.
+     * @returns true if succeeded
+     */
+    DTableBody.prototype.scrollTo = function (target) {
+        var parent = this.parent;
+        if (parent == null) {
+            return false;
+        }
+        var parentParent = parent.parent;
+        if (parentParent == null) {
+            return false;
+        }
+        var rowIndexMapped = -1;
+        if (isNumber(target)) {
+            if (0 <= target && target < this.data.mapped.size()) {
+                rowIndexMapped = target;
+            }
+        }
+        else {
+            this.data.mapped.each(function (row, _, index) {
+                if (row === target) {
+                    rowIndexMapped = index;
+                    return false;
+                }
+                return true;
+            });
+        }
+        if (rowIndexMapped < 0) {
+            return false;
+        }
+        parent.position.y = Math.max(Math.min(0, parentParent.height - parent.height), -rowIndexMapped * this._rowHeight);
+        DApplications.update(this);
+        return true;
+    };
     DTableBody.prototype.toRowIndexMapped = function (local) {
         if (0 <= this.parent.position.y + local.y) {
             return Math.floor(local.y / this._rowHeight);
@@ -89044,7 +89151,7 @@ var toPathGetter = function (path, def) {
         }
         else {
             return function (row) {
-                return key_1 in row ? row[key_1] : def;
+                return Object.prototype.hasOwnProperty.call(row, key_1) ? row[key_1] : def;
             };
         }
     }
@@ -89063,7 +89170,7 @@ var toPathGetter = function (path, def) {
                     row = row[path[i]];
                 }
                 var key = path[path.length - 1];
-                return key in row ? row[key] : def;
+                return Object.prototype.hasOwnProperty.call(row, key) ? row[key] : def;
             };
         }
     }
@@ -89119,7 +89226,7 @@ var toColumnDataChecker = function (path) {
         if (pathLength_1 <= 1) {
             var key_3 = path[0];
             return function (row) {
-                return key_3 in row;
+                return Object.prototype.hasOwnProperty.call(row, key_3);
             };
         }
         else {
@@ -91352,7 +91459,12 @@ exports.DCanvas = DCanvas;
 exports.DCanvasContainer = DCanvasContainer;
 exports.DChart = DChart;
 exports.DChartAxisBase = DChartAxisBase;
+exports.DChartAxisBaseBar = DChartAxisBaseBar;
 exports.DChartAxisBaseOptionParser = DChartAxisBaseOptionParser;
+exports.DChartAxisBaseTickContainer = DChartAxisBaseTickContainer;
+exports.DChartAxisBaseTickMajor = DChartAxisBaseTickMajor;
+exports.DChartAxisBaseTickMajorGridline = DChartAxisBaseTickMajorGridline;
+exports.DChartAxisBaseTickMinor = DChartAxisBaseTickMinor;
 exports.DChartAxisContainerImpl = DChartAxisContainerImpl;
 exports.DChartAxisPosition = DChartAxisPosition;
 exports.DChartAxisTickPosition = DChartAxisTickPosition;
@@ -91361,6 +91473,7 @@ exports.DChartAxisXDatetime = DChartAxisXDatetime;
 exports.DChartAxisY = DChartAxisY;
 exports.DChartColorSet1 = DChartColorSet1;
 exports.DChartColorSet2 = DChartColorSet2;
+exports.DChartCoordinateBase = DChartCoordinateBase;
 exports.DChartCoordinateContainerImpl = DChartCoordinateContainerImpl;
 exports.DChartCoordinateContainerSubImpl = DChartCoordinateContainerSubImpl;
 exports.DChartCoordinateDirection = DChartCoordinateDirection;