@wcardinal/wcardinal-ui 0.290.0 → 0.292.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.290.0
+ Winter Cardinal UI v0.292.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -52898,6 +52898,7 @@
             var barLength = space * this._end + thumbMinimumLength - barStart;
             thumb.position.set(0, barStart);
             thumb.resize(width, barLength);
+            thumb.updateTransform();
         };
         return DScrollBarVertical;
     }(DScrollBar));
@@ -54155,6 +54156,106 @@
         RIGHT: 3
     };
 
+    /*
+     * 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
@@ -54173,7 +54274,7 @@
             var _a, _b;
             this._coordinateIndex = (_a = options === null || options === void 0 ? void 0 : options.coordinate) !== null && _a !== void 0 ? _a : 0;
             this._position = this.toPosition(theme, options);
-            this._tick = this.toTickContainer(theme, options);
+            this._tick = this.toTick(theme, options);
             this._label = this.toLabel(theme, options);
             this._padding = (_b = options === null || options === void 0 ? void 0 : options.padding) !== null && _b !== void 0 ? _b : theme.getPadding();
             this._bar = this.toBar(theme, options);
@@ -54237,13 +54338,13 @@
                 stroke: this.toBarStroke(theme, options === null || options === void 0 ? void 0 : options.stroke)
             };
         };
-        DChartAxisBaseOptionParser.prototype.toTickContainer = function (theme, options) {
+        DChartAxisBaseOptionParser.prototype.toTick = function (theme, options) {
             var _a;
             var tick = options === null || options === void 0 ? void 0 : options.tick;
             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) {
@@ -54264,8 +54365,8 @@
                 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)
             };
         };
@@ -54309,7 +54410,7 @@
                 }
             }
         };
-        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();
@@ -54320,7 +54421,9 @@
                 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) {
@@ -54346,7 +54449,7 @@
                         width: (_h = (_g = optionsA.width) !== null && _g !== void 0 ? _g : optionsB.width) !== null && _h !== void 0 ? _h : width,
                         align: (_k = (_j = optionsA.align) !== null && _j !== void 0 ? _j : optionsB.align) !== null && _k !== void 0 ? _k : align,
                         side: (_m = (_l = optionsA.side) !== null && _l !== void 0 ? _l : optionsB.side) !== null && _m !== void 0 ? _m : side,
-                        style: (_p = (_o = optionsA.style) !== null && _o !== void 0 ? _o : optionsB.style) !== null && _p !== void 0 ? _p : style
+                        style: this.toStrokeStyle((_p = (_o = optionsA.style) !== null && _o !== void 0 ? _o : optionsB.style) !== null && _p !== void 0 ? _p : style)
                     };
                 }
                 else {
@@ -54357,7 +54460,7 @@
                         width: (_t = optionsA.width) !== null && _t !== void 0 ? _t : width,
                         align: (_u = optionsA.align) !== null && _u !== void 0 ? _u : align,
                         side: (_v = optionsA.side) !== null && _v !== void 0 ? _v : side,
-                        style: (_w = optionsA.style) !== null && _w !== void 0 ? _w : style
+                        style: this.toStrokeStyle((_w = optionsA.style) !== null && _w !== void 0 ? _w : style)
                     };
                 }
             }
@@ -54369,7 +54472,7 @@
                     width: (_0 = optionsB.width) !== null && _0 !== void 0 ? _0 : width,
                     align: (_1 = optionsB.align) !== null && _1 !== void 0 ? _1 : align,
                     side: (_2 = optionsB.side) !== null && _2 !== void 0 ? _2 : side,
-                    style: (_3 = optionsB.style) !== null && _3 !== void 0 ? _3 : style
+                    style: this.toStrokeStyle((_3 = optionsB.style) !== null && _3 !== void 0 ? _3 : style)
                 };
             }
             else {
@@ -54384,12 +54487,28 @@
                 };
             }
         };
-        DChartAxisBaseOptionParser.prototype.toMajorTickFormatter = function (theme, options) {
+        DChartAxisBaseOptionParser.prototype.toStrokeStyle = function (target) {
+            if (isString(target)) {
+                return EShapeStrokeStyle[target];
+            }
+            else if (isArray(target)) {
+                var result = EShapeStrokeStyle.NONE;
+                for (var i = 0, imax = target.length; i < imax; ++i) {
+                    result |= EShapeStrokeStyle[target[i]];
+                }
+                return result;
+            }
+            return target;
+        };
+        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;
@@ -54400,28 +54519,32 @@
                     }
                 }
             }
-            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),
-                style: options.style,
-                outline: this.toMajorTickTextOutline(theme, options.outline),
-                spacing: this.toMajorTickTextSpacing(theme, options.spacing),
+                weight: toEnum(options.weight, EShapeTextWeight),
+                align: this.toTickMajorTextAlign(theme, options.align),
+                offset: this.toTickMajorTextOffset(theme, options.offset),
+                style: toEnum(options.style, EShapeTextStyle),
+                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,
@@ -54431,7 +54554,7 @@
                 };
             }
         };
-        DChartAxisBaseOptionParser.prototype.toMajorTickTextAlign = function (theme, options) {
+        DChartAxisBaseOptionParser.prototype.toTickMajorTextAlign = function (theme, options) {
             var _a, _b;
             var position = this._position;
             return {
@@ -54439,7 +54562,7 @@
                 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,
@@ -54447,7 +54570,7 @@
                 };
             }
         };
-        DChartAxisBaseOptionParser.prototype.toMajorTickTextSpacing = function (theme, options) {
+        DChartAxisBaseOptionParser.prototype.toTickMajorTextSpacing = function (theme, options) {
             if (options) {
                 return {
                     horizontal: options.horizontal,
@@ -54455,7 +54578,7 @@
                 };
             }
         };
-        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(),
@@ -54463,11 +54586,102 @@
             };
         };
         DChartAxisBaseOptionParser.prototype.toTickMajorTextDirection = function (theme, options) {
-            return options !== null && options !== void 0 ? options : theme.getMajorTickTextDirection();
+            return toEnum(options !== null && options !== void 0 ? options : theme.getMajorTickTextDirection(), EShapeTextDirection);
         };
-        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: toEnum(options.weight, EShapeTextWeight),
+                align: this.toTickMinorTextAlign(theme, options.align),
+                offset: this.toTickMinorTextOffset(theme, options.offset),
+                style: toEnum(options.style, EShapeTextStyle),
+                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 toEnum(options !== null && options !== void 0 ? options : theme.getMinorTickTextDirection(), EShapeTextDirection);
+        };
+        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) {
@@ -54477,10 +54691,10 @@
                     alpha: label.alpha,
                     family: label.family,
                     size: label.size,
-                    weight: label.weight,
+                    weight: toEnum(label.weight, EShapeTextWeight),
                     align: this.toLabelAlign(theme, label.align),
                     offset: this.toLabelOffset(theme, label.offset),
-                    style: label.style,
+                    style: toEnum(label.style, EShapeTextStyle),
                     outline: this.toLabelOutline(theme, label.outline),
                     spacing: this.toLabelSpacing(theme, label.spacing),
                     direction: this.toLabelDirection(theme, label.direction),
@@ -54531,7 +54745,7 @@
             };
         };
         DChartAxisBaseOptionParser.prototype.toLabelDirection = function (theme, options) {
-            return options !== null && options !== void 0 ? options : theme.getLabelDirection();
+            return toEnum(options !== null && options !== void 0 ? options : theme.getLabelDirection(), EShapeTextDirection);
         };
         DChartAxisBaseOptionParser.prototype.toLabelColor = function (theme, options) {
             return options !== null && options !== void 0 ? options : theme.getLabelColor();
@@ -54539,106 +54753,6 @@
         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;
@@ -54836,6 +54950,7 @@
                     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);
                 }
@@ -54875,11 +54990,11 @@
     }());
 
     var DChartAxisBaseTickContainer = /** @class */ (function () {
-        function DChartAxisBaseTickContainer(parser) {
+        function DChartAxisBaseTickContainer(parser, options) {
             this._parser = parser;
             this._index = 0;
-            this._major = new DChartAxisBaseTickMajor(parser);
-            this._minor = new DChartAxisBaseTickMinor(parser);
+            this._major = this.newMajor(parser, options);
+            this._minor = this.newMinor(parser, options);
             this._majorTicks = [];
             this._minorTicks = [];
         }
@@ -54890,6 +55005,9 @@
             enumerable: false,
             configurable: true
         });
+        DChartAxisBaseTickContainer.prototype.newMajor = function (parser, options) {
+            return new DChartAxisBaseTickMajor(parser);
+        };
         Object.defineProperty(DChartAxisBaseTickContainer.prototype, "minor", {
             get: function () {
                 return this._minor;
@@ -54897,6 +55015,9 @@
             enumerable: false,
             configurable: true
         });
+        DChartAxisBaseTickContainer.prototype.newMinor = function (parser, options) {
+            return new DChartAxisBaseTickMinor(parser);
+        };
         DChartAxisBaseTickContainer.prototype.bind = function (container, index) {
             this._container = container;
             this._index = index;
@@ -54973,9 +55094,10 @@
             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) {
@@ -54986,24 +55108,15 @@
                     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;
+                    this.hideMajor(majorShape);
                     if (i < gridlineShapes.length) {
-                        gridlineShapes[i].visible = false;
+                        this.hideMajorGridline(gridlineShapes[i]);
                     }
                 }
             }
@@ -55011,15 +55124,14 @@
                 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;
@@ -55035,9 +55147,10 @@
             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) {
@@ -55048,24 +55161,15 @@
                     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;
+                    this.hideMajor(majorShape);
                     if (i < gridlineShapes.length) {
-                        gridlineShapes[i].visible = false;
+                        this.hideMajorGridline(gridlineShapes[i]);
                     }
                 }
             }
@@ -55073,19 +55177,51 @@
                 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();
@@ -55103,12 +55239,22 @@
         function DChartAxisBase(options) {
             var theme = this.toTheme(options);
             this._theme = theme;
-            var parser = new DChartAxisBaseOptionParser(theme, options);
+            var parser = this.newParser(theme, options);
             this._parser = parser;
             this._index = 0;
-            this._bar = new DChartAxisBaseBar(parser);
-            this._tick = new DChartAxisBaseTickContainer(parser);
+            this._bar = this.newBar(parser, theme, options);
+            this._tick = this.newTick(parser, theme, options);
         }
+        Object.defineProperty(DChartAxisBase.prototype, "parser", {
+            get: function () {
+                return this._parser;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DChartAxisBase.prototype.newParser = function (theme, options) {
+            return new DChartAxisBaseOptionParser(theme, options);
+        };
         Object.defineProperty(DChartAxisBase.prototype, "position", {
             get: function () {
                 return this._parser.position;
@@ -55123,6 +55269,9 @@
             enumerable: false,
             configurable: true
         });
+        DChartAxisBase.prototype.newBar = function (parser, theme, options) {
+            return new DChartAxisBaseBar(parser);
+        };
         Object.defineProperty(DChartAxisBase.prototype, "tick", {
             get: function () {
                 return this._tick;
@@ -55130,6 +55279,9 @@
             enumerable: false,
             configurable: true
         });
+        DChartAxisBase.prototype.newTick = function (parser, theme, options) {
+            return new DChartAxisBaseTickContainer(parser);
+        };
         DChartAxisBase.prototype.bind = function (container, index) {
             this._container = container;
             this._index = index;
@@ -55162,7 +55314,8 @@
             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());
@@ -55360,6 +55513,342 @@
         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
@@ -55659,7 +56148,8 @@
             }
         };
         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());
@@ -55674,325 +56164,16 @@
      * 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
@@ -56117,7 +56298,8 @@
             }
         };
         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());
@@ -56132,142 +56314,14 @@
      * 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;
         };
@@ -56286,20 +56340,8 @@
                 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
@@ -57852,10 +57894,12 @@
     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;
@@ -69312,6 +69356,43 @@
                 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);
@@ -70865,7 +70946,7 @@
             }
             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;
                 };
             }
         }
@@ -70884,7 +70965,7 @@
                         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;
                 };
             }
         }
@@ -70940,7 +71021,7 @@
             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 {
@@ -73737,7 +73818,12 @@
         DButton: DButton,
         DCanvasContainer: DCanvasContainer,
         DCanvas: DCanvas,
+        DChartAxisBaseBar: DChartAxisBaseBar,
         DChartAxisBaseOptionParser: DChartAxisBaseOptionParser,
+        DChartAxisBaseTickContainer: DChartAxisBaseTickContainer,
+        DChartAxisBaseTickMajorGridline: DChartAxisBaseTickMajorGridline,
+        DChartAxisBaseTickMajor: DChartAxisBaseTickMajor,
+        DChartAxisBaseTickMinor: DChartAxisBaseTickMinor,
         DChartAxisBase: DChartAxisBase,
         DChartAxisContainerImpl: DChartAxisContainerImpl,
         DChartAxisPosition: DChartAxisPosition,
@@ -73747,6 +73833,7 @@
         DChartAxisY: DChartAxisY,
         DChartColorSet1: DChartColorSet1,
         DChartColorSet2: DChartColorSet2,
+        DChartCoordinateBase: DChartCoordinateBase,
         DChartCoordinateContainerImpl: DChartCoordinateContainerImpl,
         DChartCoordinateContainerSubImpl: DChartCoordinateContainerSubImpl,
         DChartCoordinateDirection: DChartCoordinateDirection,