@wcardinal/wcardinal-ui 0.282.0 → 0.283.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.282.0
+ Winter Cardinal UI v0.283.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -31633,7 +31633,7 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var isNaN = function (target) {
+    var isNaN$1 = function (target) {
         return target !== target;
     };
 
@@ -31723,7 +31723,7 @@
         EShapeActionRuntimeOpenDialogTime.prototype.toNumber = function (value, min, max) {
             if (value != null) {
                 var num = +value;
-                if (!isNaN(num)) {
+                if (!isNaN$1(num)) {
                     return Math.min(max, Math.max(min, num));
                 }
             }
@@ -45025,8 +45025,8 @@
             this.grid.snap(px, x);
             this.grid.snap(py, y);
             //
-            result.x = isNaN(x.distance) ? NaN : x.result;
-            result.y = isNaN(y.distance) ? NaN : y.result;
+            result.x = isNaN$1(x.distance) ? NaN : x.result;
+            result.y = isNaN$1(y.distance) ? NaN : y.result;
             return result;
         };
         ESnapper.prototype.toSnapped = function (point, result) {
@@ -45036,7 +45036,7 @@
                 this.snap(point, result);
                 var x = result.x;
                 var y = result.y;
-                result.set(isNaN(x) ? px : x, isNaN(y) ? py : y);
+                result.set(isNaN$1(x) ? px : x, isNaN$1(y) ? py : y);
             }
             else {
                 result.set(px, py);
@@ -45056,23 +45056,23 @@
                     workTranslate.set(point.x + dx, point.y + dy);
                     this.snap(workTranslate, workTranslate);
                     // X
-                    if (!isNaN(workTranslate.x)) {
+                    if (!isNaN$1(workTranslate.x)) {
                         var newDx = workTranslate.x - point.x;
-                        if (isNaN(x) || Math.abs(newDx - dx) < Math.abs(x - dx)) {
+                        if (isNaN$1(x) || Math.abs(newDx - dx) < Math.abs(x - dx)) {
                             x = newDx;
                         }
                     }
                     // Y
-                    if (!isNaN(workTranslate.y)) {
+                    if (!isNaN$1(workTranslate.y)) {
                         var newDy = workTranslate.y - point.y;
-                        if (isNaN(y) || Math.abs(newDy - dy) < Math.abs(y - dy)) {
+                        if (isNaN$1(y) || Math.abs(newDy - dy) < Math.abs(y - dy)) {
                             y = newDy;
                         }
                     }
                 }
             }
-            result.x = isNaN(x) ? dx : x;
-            result.y = isNaN(y) ? dy : y;
+            result.x = isNaN$1(x) ? dx : x;
+            result.y = isNaN$1(y) ? dy : y;
             return result;
         };
         ESnapper.prototype.prepareForRotate = function (modifier) {
@@ -45170,7 +45170,7 @@
         ESnapper.prototype.setScaleSnappedResult = function (distance, length, move, axis, // true => x axis, false y axis
         result) {
             if (EPSILON < length) {
-                if (isNaN(result.distance) || distance < result.distance) {
+                if (isNaN$1(result.distance) || distance < result.distance) {
                     result.distance = distance;
                     var newScale = 1 + move / length;
                     if (axis) {
@@ -45191,7 +45191,7 @@
             var x = work.x;
             var y = work.y;
             // X coordinate
-            if (!isNaN(x)) {
+            if (!isNaN$1(x)) {
                 var nx = Math.abs(normal.x);
                 if (EPSILON < nx) {
                     var dx = (x - tx) / normal.x;
@@ -45201,7 +45201,7 @@
                 }
             }
             // Y coordinate
-            if (!isNaN(y)) {
+            if (!isNaN$1(y)) {
                 var ny = Math.abs(normal.y);
                 if (EPSILON < ny) {
                     var dy = (y - ty) / normal.y;
@@ -45225,8 +45225,8 @@
             this.snap(work, work);
             var x = work.x;
             var y = work.y;
-            if (isNaN(x)) {
-                if (isNaN(y)) {
+            if (isNaN$1(x)) {
+                if (isNaN$1(y)) {
                     return;
                 }
                 else {
@@ -45234,7 +45234,7 @@
                 }
             }
             else {
-                if (isNaN(y)) {
+                if (isNaN$1(y)) {
                     y = ty;
                 }
             }
@@ -45254,7 +45254,7 @@
                 var dx = x - tx;
                 var dy = y - ty;
                 var distance = Math.abs(dx * dx + dy * dy);
-                if (isNaN(result.distance) || distance < result.distance) {
+                if (isNaN$1(result.distance) || distance < result.distance) {
                     result.distance = distance;
                     var mdx = x - point.x;
                     var mdy = y - point.y;
@@ -45309,7 +45309,7 @@
                         this.calcScaleSnappedXY(transform, points[2], points[3], points[1], normals, lengths, work);
                         break;
                 }
-                if (!isNaN(work.distance)) {
+                if (!isNaN$1(work.distance)) {
                     scale.copyFrom(work.scale);
                     if (keepRatio) {
                         switch (anchor) {
@@ -54173,8 +54173,7 @@
             var _a;
             return {
                 style: (_a = options === null || options === void 0 ? void 0 : options.style) !== null && _a !== void 0 ? _a : theme.getStyle(),
-                stroke: this.toBarStroke(theme, options === null || options === void 0 ? void 0 : options.stroke),
-                shape: undefined
+                stroke: this.toBarStroke(theme, options === null || options === void 0 ? void 0 : options.stroke)
             };
         };
         DChartAxisBaseOptionParser.prototype.toTickContainer = function (theme, options) {
@@ -54206,7 +54205,6 @@
                 stroke: stroke,
                 text: this.toMajorTickText(theme, major === null || major === void 0 ? void 0 : major.text),
                 formatter: this.toMajorTickFormatter(theme, major),
-                shapes: undefined,
                 gridline: this.toTickMajorGridline(theme, major === null || major === void 0 ? void 0 : major.gridline, optionsStyle, optionsStroke)
             };
         };
@@ -54216,8 +54214,7 @@
             return {
                 enable: (_c = options === null || options === void 0 ? void 0 : options.enable) !== null && _c !== void 0 ? _c : theme.getMajorTickGridlineEnable(),
                 style: style,
-                stroke: this.toTickMajorGridlineStroke(theme, options === null || options === void 0 ? void 0 : options.stroke, optionsStroke),
-                shapes: undefined
+                stroke: this.toTickMajorGridlineStroke(theme, options === null || options === void 0 ? void 0 : options.stroke, optionsStroke)
             };
         };
         DChartAxisBaseOptionParser.prototype.toTickPosition = function (tickPosition) {
@@ -54262,8 +54259,7 @@
                 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),
-                shapes: undefined
+                stroke: this.toTickMinorStroke(theme, minor === null || minor === void 0 ? void 0 : minor.stroke, options === null || options === void 0 ? void 0 : options.stroke)
             };
         };
         DChartAxisBaseOptionParser.prototype.toBarStroke = function (theme, options) {
@@ -54486,55 +54482,83 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DChartAxisBase = /** @class */ (function () {
-        function DChartAxisBase(options) {
-            var theme = this.toTheme(options);
-            this._theme = theme;
+    var DChartAxisBaseBar = /** @class */ (function () {
+        function DChartAxisBaseBar(parser) {
+            this._parser = parser;
             this._index = 0;
-            var parser = new DChartAxisBaseOptionParser(theme, options);
-            this._coordinateIndex = parser.coordinateIndex;
-            this._padding = parser.padding;
-            this._position = parser.position;
-            var tick = parser.tick;
-            this._tick = tick;
-            this._label = parser.label;
-            this._bar = parser.bar;
-            this._majorTicks = [];
-            this._minorTicks = [];
         }
-        Object.defineProperty(DChartAxisBase.prototype, "position", {
+        Object.defineProperty(DChartAxisBaseBar.prototype, "shape", {
             get: function () {
-                return this._position;
+                var result = this._shape;
+                if (result == null) {
+                    result = this.newShape();
+                    this._shape = result;
+                }
+                return result;
             },
             enumerable: false,
             configurable: true
         });
-        DChartAxisBase.prototype.updateBar = function (container) {
-            var bar = this._bar;
-            var shape = bar.shape;
-            if (shape) {
+        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 padding = this._padding * this._index;
+                var offset = this._parser.padding * index;
                 shape.disallowUploadedUpdate();
                 var position = shape.transform.position;
                 var size = shape.size;
-                switch (this._position) {
+                switch (this._parser.position) {
                     case DChartAxisPosition.TOP:
-                        position.set(plotAreaWidth * 0.5, 0 - padding);
+                        position.set(plotAreaWidth * 0.5, 0 - offset);
                         size.set(plotAreaWidth, 0);
                         break;
                     case DChartAxisPosition.BOTTOM:
-                        position.set(plotAreaWidth * 0.5, plotAreaHeight + padding);
+                        position.set(plotAreaWidth * 0.5, plotAreaHeight + offset);
                         size.set(plotAreaWidth, 0);
                         break;
                     case DChartAxisPosition.LEFT:
-                        position.set(0 - padding, plotAreaHeight * 0.5);
+                        position.set(0 - offset, plotAreaHeight * 0.5);
                         size.set(0, plotAreaHeight);
                         break;
                     case DChartAxisPosition.RIGHT:
-                        position.set(plotAreaWidth + padding, plotAreaHeight * 0.5);
+                        position.set(plotAreaWidth + offset, plotAreaHeight * 0.5);
                         size.set(0, plotAreaHeight);
                         break;
                 }
@@ -54543,8 +54567,342 @@
             }
             return false;
         };
-        DChartAxisBase.prototype.updateTicksX = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionY, transform, plotAreaHeight) {
-            var tick = this._tick;
+        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;
+            this._index = 0;
+        }
+        Object.defineProperty(DChartAxisBaseTickMajorGridline.prototype, "shapes", {
+            get: function () {
+                var result = this._shapes;
+                if (result == null) {
+                    result = this.newShapes();
+                    this._shapes = result;
+                }
+                return result;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DChartAxisBaseTickMajorGridline.prototype.newShapes = function () {
+            var _a;
+            var result = [];
+            var tick = this._parser.tick;
+            var major = tick.major;
+            var gridline = major.gridline;
+            if (tick.enable && gridline.enable) {
+                var capacity = major.capacity;
+                var style = (_a = gridline.style) !== null && _a !== void 0 ? _a : EShapePointsStyle.NONE;
+                var position = this.newShapePosition();
+                for (var i = 0; i < capacity; ++i) {
+                    var shape = new EShapeBar();
+                    shape.points.position = position;
+                    shape.points.style = style;
+                    shape.stroke.copy(gridline.stroke);
+                    result.push(shape);
+                }
+            }
+            return result;
+        };
+        DChartAxisBaseTickMajorGridline.prototype.newShapePosition = function () {
+            switch (this._parser.position) {
+                case DChartAxisPosition.LEFT:
+                case DChartAxisPosition.RIGHT:
+                    return EShapeBarPosition.LEFT;
+                default:
+                    return EShapeBarPosition.TOP;
+            }
+        };
+        DChartAxisBaseTickMajorGridline.prototype.bind = function (container, index) {
+            this._container = container;
+            this._index = index;
+            var shapes = this.shapes;
+            var containerContainer = container.container;
+            for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                shapes[i].attach(containerContainer);
+            }
+        };
+        DChartAxisBaseTickMajorGridline.prototype.unbind = function () {
+            var shapes = this._shapes;
+            if (shapes != null) {
+                for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                    shapes[i].detach();
+                }
+            }
+            this._index = 0;
+            this._container = undefined;
+        };
+        DChartAxisBaseTickMajorGridline.prototype.destroy = function () {
+            var shapes = this._shapes;
+            if (shapes != null) {
+                for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                    shapes[i].destroy();
+                }
+            }
+            this._index = 0;
+            this._container = undefined;
+        };
+        return DChartAxisBaseTickMajorGridline;
+    }());
+
+    var DChartAxisBaseTickMajor = /** @class */ (function () {
+        function DChartAxisBaseTickMajor(parser) {
+            this._parser = parser;
+            this._index = 0;
+            this._gridline = new DChartAxisBaseTickMajorGridline(parser);
+        }
+        Object.defineProperty(DChartAxisBaseTickMajor.prototype, "shapes", {
+            get: function () {
+                var result = this._shapes;
+                if (result == null) {
+                    result = this.newShapes();
+                    this._shapes = result;
+                }
+                return result;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DChartAxisBaseTickMajor.prototype.newShapes = function () {
+            var _a;
+            var result = [];
+            var tick = this._parser.tick;
+            if (tick.enable) {
+                var major = tick.major;
+                var capacity = major.capacity;
+                var size = major.size;
+                var position = major.position;
+                var style = (_a = major.style) !== null && _a !== void 0 ? _a : EShapePointsStyle.NONE;
+                for (var i = 0; i < capacity; ++i) {
+                    var shape = new EShapeBar();
+                    shape.points.position = position;
+                    shape.points.size = size;
+                    shape.points.style = style;
+                    shape.stroke.copy(major.stroke);
+                    shape.text.copy(major.text);
+                    shape.size.set(0, 0);
+                    result.push(shape);
+                }
+            }
+            return result;
+        };
+        Object.defineProperty(DChartAxisBaseTickMajor.prototype, "gridline", {
+            get: function () {
+                return this._gridline;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DChartAxisBaseTickMajor.prototype.bind = function (container, index) {
+            this._container = container;
+            this._index = index;
+            // Gridline
+            this._gridline.bind(container, index);
+            // Ticks
+            var shapes = this.shapes;
+            var containerContainer = container.container;
+            for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                shapes[i].attach(containerContainer);
+            }
+        };
+        DChartAxisBaseTickMajor.prototype.unbind = function () {
+            var shapes = this._shapes;
+            if (shapes != null) {
+                for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                    shapes[i].detach();
+                }
+            }
+            this._gridline.unbind();
+            this._index = 0;
+            this._container = undefined;
+        };
+        DChartAxisBaseTickMajor.prototype.destroy = function () {
+            var shapes = this._shapes;
+            if (shapes != null) {
+                for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                    shapes[i].destroy();
+                }
+            }
+            this._gridline.destroy();
+            this._index = 0;
+            this._container = undefined;
+        };
+        return DChartAxisBaseTickMajor;
+    }());
+
+    var DChartAxisBaseTickMinor = /** @class */ (function () {
+        function DChartAxisBaseTickMinor(parser) {
+            this._parser = parser;
+            this._index = 0;
+        }
+        Object.defineProperty(DChartAxisBaseTickMinor.prototype, "shapes", {
+            get: function () {
+                var result = this._shapes;
+                if (result == null) {
+                    result = this.newShapes();
+                    this._shapes = result;
+                }
+                return result;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DChartAxisBaseTickMinor.prototype.newShapes = function () {
+            var _a;
+            var result = [];
+            var tick = this._parser.tick;
+            if (tick.enable) {
+                var minor = tick.minor;
+                var count = minor.count;
+                var size = minor.size;
+                var position = minor.position;
+                var style = (_a = minor.style) !== null && _a !== void 0 ? _a : EShapePointsStyle.NONE;
+                var major = tick.major;
+                for (var i = 0, imax = (major.capacity + 1) * count; i < imax; ++i) {
+                    var shape = new EShapeBar();
+                    shape.points.position = position;
+                    shape.points.size = size;
+                    shape.points.style = style;
+                    shape.stroke.copy(minor.stroke);
+                    shape.size.set(0, 0);
+                    result.push(shape);
+                }
+            }
+            return result;
+        };
+        DChartAxisBaseTickMinor.prototype.bind = function (container, index) {
+            this._container = container;
+            this._index = index;
+            var shapes = this.shapes;
+            var containerContainer = container.container;
+            for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                shapes[i].attach(containerContainer);
+            }
+        };
+        DChartAxisBaseTickMinor.prototype.unbind = function () {
+            var shapes = this._shapes;
+            if (shapes != null) {
+                for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                    shapes[i].detach();
+                }
+            }
+            this._index = 0;
+            this._container = undefined;
+        };
+        DChartAxisBaseTickMinor.prototype.destroy = function () {
+            var shapes = this._shapes;
+            if (shapes != null) {
+                for (var i = 0, imax = shapes.length; i < imax; ++i) {
+                    shapes[i].destroy();
+                }
+            }
+            this._index = 0;
+            this._container = undefined;
+        };
+        return DChartAxisBaseTickMinor;
+    }());
+
+    var DChartAxisBaseTickContainer = /** @class */ (function () {
+        function DChartAxisBaseTickContainer(parser) {
+            this._parser = parser;
+            this._index = 0;
+            this._major = new DChartAxisBaseTickMajor(parser);
+            this._minor = new DChartAxisBaseTickMinor(parser);
+            this._majorTicks = [];
+            this._minorTicks = [];
+        }
+        Object.defineProperty(DChartAxisBaseTickContainer.prototype, "major", {
+            get: function () {
+                return this._major;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DChartAxisBaseTickContainer.prototype, "minor", {
+            get: function () {
+                return this._minor;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DChartAxisBaseTickContainer.prototype.bind = function (container, index) {
+            this._container = container;
+            this._index = index;
+            this._major.bind(container, index);
+            this._minor.bind(container, index);
+        };
+        DChartAxisBaseTickContainer.prototype.unbind = function () {
+            this._minor.unbind();
+            this._major.unbind();
+            this._index = 0;
+            this._container = undefined;
+        };
+        DChartAxisBaseTickContainer.prototype.update = function () {
+            var container = this._container;
+            var majorShapes = this._major.shapes;
+            var minorShapes = this._minor.shapes;
+            if (container != null && majorShapes && minorShapes) {
+                var plotArea = container.plotArea;
+                var bounds = plotArea.getBoundsInContainer();
+                var transform = plotArea.container.transform.localTransform;
+                var gridlineShapes = this._major.gridline.shapes;
+                var parser = this._parser;
+                var offset = parser.padding * this._index;
+                var coordinate = void 0;
+                switch (parser.position) {
+                    case DChartAxisPosition.TOP:
+                        coordinate = plotArea.coordinate.x.get(parser.coordinateIndex);
+                        if (coordinate) {
+                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.x));
+                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.x + bounds.width));
+                            var plotAreaHeight = plotArea.height;
+                            return this.updateX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - offset, transform, plotAreaHeight);
+                        }
+                        break;
+                    case DChartAxisPosition.BOTTOM:
+                        coordinate = plotArea.coordinate.x.get(parser.coordinateIndex);
+                        if (coordinate) {
+                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.x));
+                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.x + bounds.width));
+                            var plotAreaHeight = plotArea.height;
+                            return this.updateX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaHeight + offset, transform, plotAreaHeight);
+                        }
+                        break;
+                    case DChartAxisPosition.LEFT:
+                        coordinate = plotArea.coordinate.y.get(parser.coordinateIndex);
+                        if (coordinate) {
+                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.y));
+                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.y + bounds.height));
+                            var plotAreaWidth = plotArea.width;
+                            return this.updateY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - offset, transform, plotAreaWidth);
+                        }
+                        break;
+                    case DChartAxisPosition.RIGHT:
+                        coordinate = plotArea.coordinate.y.get(parser.coordinateIndex);
+                        if (coordinate) {
+                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.y));
+                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.y + bounds.height));
+                            var plotAreaWidth = plotArea.width;
+                            return this.updateY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaWidth + offset, transform, plotAreaWidth);
+                        }
+                        break;
+                }
+            }
+            return false;
+        };
+        DChartAxisBaseTickContainer.prototype.updateX = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionY, transform, plotAreaHeight) {
+            var tick = this._parser.tick;
             var majorTick = tick.major;
             var majorCount = majorTick.count;
             var majorCapacity = majorTick.capacity;
@@ -54605,8 +54963,8 @@
             }
             return true;
         };
-        DChartAxisBase.prototype.updateTicksY = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionX, transform, plotAreaWidth) {
-            var tick = this._tick;
+        DChartAxisBaseTickContainer.prototype.updateY = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionX, transform, plotAreaWidth) {
+            var tick = this._parser.tick;
             var majorTick = tick.major;
             var majorCount = majorTick.count;
             var majorCapacity = majorTick.capacity;
@@ -54667,235 +55025,79 @@
             }
             return true;
         };
-        DChartAxisBase.prototype.updateTicks = function (container) {
-            var tick = this._tick;
-            var majorShapes = tick.major.shapes;
-            var minorShapes = tick.minor.shapes;
-            if (majorShapes && minorShapes) {
-                var plotArea = container.plotArea;
-                var bounds = plotArea.getBoundsInContainer();
-                var transform = plotArea.container.transform.localTransform;
-                var gridlineShapes = tick.major.gridline.shapes;
-                var coordinateIndex = this._coordinateIndex;
-                var padding = this._padding * this._index;
-                var coordinate = void 0;
-                switch (this._position) {
-                    case DChartAxisPosition.TOP:
-                        coordinate = plotArea.coordinate.x.get(coordinateIndex);
-                        if (coordinate) {
-                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.x));
-                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.x + bounds.width));
-                            var plotAreaHeight = plotArea.height;
-                            return this.updateTicksX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - padding, transform, plotAreaHeight);
-                        }
-                        break;
-                    case DChartAxisPosition.BOTTOM:
-                        coordinate = plotArea.coordinate.x.get(coordinateIndex);
-                        if (coordinate) {
-                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.x));
-                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.x + bounds.width));
-                            var plotAreaHeight = plotArea.height;
-                            return this.updateTicksX(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaHeight + padding, transform, plotAreaHeight);
-                        }
-                        break;
-                    case DChartAxisPosition.LEFT:
-                        coordinate = plotArea.coordinate.y.get(coordinateIndex);
-                        if (coordinate) {
-                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.y));
-                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.y + bounds.height));
-                            var plotAreaWidth = plotArea.width;
-                            return this.updateTicksY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, 0 - padding, transform, plotAreaWidth);
-                        }
-                        break;
-                    case DChartAxisPosition.RIGHT:
-                        coordinate = plotArea.coordinate.y.get(coordinateIndex);
-                        if (coordinate) {
-                            var domainFrom = coordinate.unmap(coordinate.transform.unmap(bounds.y));
-                            var domainTo = coordinate.unmap(coordinate.transform.unmap(bounds.y + bounds.height));
-                            var plotAreaWidth = plotArea.width;
-                            return this.updateTicksY(domainFrom, domainTo, coordinate, majorShapes, minorShapes, gridlineShapes, plotAreaWidth + padding, transform, plotAreaWidth);
-                        }
-                        break;
-                }
-            }
-            return false;
+        DChartAxisBaseTickContainer.prototype.destroy = function () {
+            this._major.destroy();
+            this._minor.destroy();
+            this._index = 0;
+            this._container = undefined;
         };
+        return DChartAxisBaseTickContainer;
+    }());
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DChartAxisBase = /** @class */ (function () {
+        function DChartAxisBase(options) {
+            var theme = this.toTheme(options);
+            this._theme = theme;
+            var parser = new DChartAxisBaseOptionParser(theme, options);
+            this._parser = parser;
+            this._index = 0;
+            this._bar = new DChartAxisBaseBar(parser);
+            this._tick = new DChartAxisBaseTickContainer(parser);
+        }
+        Object.defineProperty(DChartAxisBase.prototype, "position", {
+            get: function () {
+                return this._parser.position;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DChartAxisBase.prototype, "bar", {
+            get: function () {
+                return this._bar;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DChartAxisBase.prototype, "tick", {
+            get: function () {
+                return this._tick;
+            },
+            enumerable: false,
+            configurable: true
+        });
         DChartAxisBase.prototype.bind = function (container, index) {
             this._container = container;
             this._index = index;
-            var tickShapeContainer = container.container;
-            // Bar
-            var bar = this._bar;
-            var barShape = bar.shape;
-            if (!barShape) {
-                var position = this._position;
-                var barPosition = position === DChartAxisPosition.LEFT || position === DChartAxisPosition.RIGHT
-                    ? EShapeBarPosition.TOP
-                    : EShapeBarPosition.LEFT;
-                var barStyle = bar.style || EShapePointsStyle.NONE;
-                barShape = new EShapeBar();
-                barShape.points.position = barPosition;
-                barShape.points.style = barStyle;
-                barShape.stroke.copy(bar.stroke);
-                barShape.text.copy(this._label);
-                this._bar.shape = barShape;
-            }
-            barShape.attach(container.container);
-            // Major tick gridline
-            var tick = this._tick;
-            var tickMajor = tick.major;
-            var gridline = tickMajor.gridline;
-            var gridlineShapes = gridline.shapes;
-            if (!gridlineShapes && tick.enable && gridline.enable) {
-                gridlineShapes = [];
-                gridline.shapes = gridlineShapes;
-                var position = this._position;
-                var gridlinePosition = position === DChartAxisPosition.LEFT || position === DChartAxisPosition.RIGHT
-                    ? EShapeBarPosition.LEFT
-                    : EShapeBarPosition.TOP;
-                var gridlineCapacity = tickMajor.capacity;
-                var gridlineStyle = gridline.style || EShapePointsStyle.NONE;
-                for (var i = 0; i < gridlineCapacity; ++i) {
-                    var gridlineShape = new EShapeBar();
-                    gridlineShape.points.position = gridlinePosition;
-                    gridlineShape.points.style = gridlineStyle;
-                    gridlineShape.stroke.copy(gridline.stroke);
-                    gridlineShapes.push(gridlineShape);
-                }
-            }
-            if (gridlineShapes) {
-                for (var i = 0, imax = gridlineShapes.length; i < imax; ++i) {
-                    gridlineShapes[i].attach(tickShapeContainer);
-                }
-            }
-            // Major ticks
-            var tickMajorShapes = tickMajor.shapes;
-            if (!tickMajorShapes && tick.enable) {
-                tickMajorShapes = [];
-                tickMajor.shapes = tickMajorShapes;
-                var tickMajorCapacity = tickMajor.capacity;
-                var tickMajorSize = tickMajor.size;
-                var tickMajorPosition = tickMajor.position;
-                var tickMajorStyle = tickMajor.style || EShapePointsStyle.NONE;
-                for (var i = 0; i < tickMajorCapacity; ++i) {
-                    var tickMajorShape = new EShapeBar();
-                    tickMajorShape.points.position = tickMajorPosition;
-                    tickMajorShape.points.size = tickMajorSize;
-                    tickMajorShape.points.style = tickMajorStyle;
-                    tickMajorShape.stroke.copy(tickMajor.stroke);
-                    tickMajorShape.text.copy(tickMajor.text);
-                    tickMajorShape.size.set(0, 0);
-                    tickMajorShapes.push(tickMajorShape);
-                }
-            }
-            if (tickMajorShapes) {
-                for (var i = 0, imax = tickMajorShapes.length; i < imax; ++i) {
-                    tickMajorShapes[i].attach(tickShapeContainer);
-                }
-            }
-            // Minor ticks
-            var tickMinor = tick.minor;
-            var tickMinorShapes = tickMinor.shapes;
-            if (!tickMinorShapes && tick.enable) {
-                tickMinorShapes = [];
-                tickMinor.shapes = tickMinorShapes;
-                var tickMinorCount = tickMinor.count;
-                var tickMinorSize = tickMinor.size;
-                var tickMinorPosition = tickMinor.position;
-                var tickMinorStyle = tickMinor.style || EShapePointsStyle.NONE;
-                for (var i = 0, imax = (tickMajor.capacity + 1) * tickMinorCount; i < imax; ++i) {
-                    var tickMinorShape = new EShapeBar();
-                    tickMinorShape.points.position = tickMinorPosition;
-                    tickMinorShape.points.size = tickMinorSize;
-                    tickMinorShape.points.style = tickMinorStyle;
-                    tickMinorShape.stroke.copy(tickMinor.stroke);
-                    tickMinorShape.size.set(0, 0);
-                    tickMinorShapes.push(tickMinorShape);
-                }
-            }
-            if (tickMinorShapes) {
-                for (var i = 0, imax = tickMinorShapes.length; i < imax; ++i) {
-                    tickMinorShapes[i].attach(tickShapeContainer);
-                }
-            }
+            this._bar.bind(container, index);
+            this._tick.bind(container, index);
         };
         DChartAxisBase.prototype.unbind = function () {
-            // Bar
-            var barShape = this._bar.shape;
-            if (barShape) {
-                barShape.detach();
-            }
-            // Major ticks
-            var tick = this._tick;
-            var tickMajorShapes = tick.major.shapes;
-            if (tickMajorShapes) {
-                for (var i = 0, imax = tickMajorShapes.length; i < imax; ++i) {
-                    tickMajorShapes[i].detach();
-                }
-            }
-            // Major tick gridlines
-            var tickMajorGridlineShapes = tick.major.gridline.shapes;
-            if (tickMajorGridlineShapes) {
-                for (var i = 0, imax = tickMajorGridlineShapes.length; i < imax; ++i) {
-                    tickMajorGridlineShapes[i].detach();
-                }
-            }
-            // Minor ticks
-            var tickMinorShapes = tick.minor.shapes;
-            if (tickMinorShapes) {
-                for (var i = 0, imax = tickMinorShapes.length; i < imax; ++i) {
-                    tickMinorShapes[i].detach();
-                }
-            }
-            //
+            this._tick.unbind();
+            this._bar.unbind();
+            this._index = 0;
             this._container = undefined;
         };
         DChartAxisBase.prototype.update = function () {
-            var container = this._container;
-            if (container) {
-                var isBarUpdated = this.updateBar(container);
-                var isTicksUpdated = this.updateTicks(container);
-                if (isBarUpdated || isTicksUpdated) {
+            var isBarUpdated = this._bar.update();
+            var isTicksUpdated = this._tick.update();
+            if (isBarUpdated || isTicksUpdated) {
+                var container = this._container;
+                if (container) {
                     DApplications.update(container.plotArea);
                 }
             }
         };
         DChartAxisBase.prototype.onRender = function () {
-            var container = this._container;
-            if (container) {
-                this.updateBar(container);
-                this.updateTicks(container);
-            }
+            this._bar.update();
+            this._tick.update();
         };
         DChartAxisBase.prototype.destroy = function () {
-            // Bar
-            var barShape = this._bar.shape;
-            if (barShape) {
-                barShape.destroy();
-            }
-            // Major ticks
-            var tick = this._tick;
-            var tickMajorShapes = tick.major.shapes;
-            if (tickMajorShapes) {
-                for (var i = 0, imax = tickMajorShapes.length; i < imax; ++i) {
-                    tickMajorShapes[i].destroy();
-                }
-            }
-            // Major tick gridlines
-            var tickMajorGridlineShapes = tick.major.gridline.shapes;
-            if (tickMajorGridlineShapes) {
-                for (var i = 0, imax = tickMajorGridlineShapes.length; i < imax; ++i) {
-                    tickMajorGridlineShapes[i].destroy();
-                }
-            }
-            // Minor ticks
-            var tickMinorShapes = tick.minor.shapes;
-            if (tickMinorShapes) {
-                for (var i = 0, imax = tickMinorShapes.length; i < imax; ++i) {
-                    tickMinorShapes[i].destroy();
-                }
-            }
-            //
+            this._bar.destroy();
+            this._tick.destroy();
             this._container = undefined;
         };
         DChartAxisBase.prototype.toTheme = function (options) {
@@ -54952,7 +55154,7 @@
         };
         DChartAxisContainerImpl.prototype.get = function (position, index) {
             var list = this._list;
-            var axes = list.get(position);
+            var axes = list.get(toEnum(position, DChartAxisPosition));
             if (axes) {
                 if (0 <= index && index < axes.length) {
                     return axes[index];
@@ -54970,7 +55172,7 @@
         };
         DChartAxisContainerImpl.prototype.clear = function (position) {
             var list = this._list;
-            var axes = list.get(position);
+            var axes = list.get(toEnum(position, DChartAxisPosition));
             if (axes) {
                 for (var i = 0, imax = axes.length; i < imax; ++i) {
                     axes[i].destroy();
@@ -54981,7 +55183,7 @@
         };
         DChartAxisContainerImpl.prototype.size = function (position) {
             var list = this._list;
-            var axes = list.get(position);
+            var axes = list.get(toEnum(position, DChartAxisPosition));
             if (axes) {
                 return axes.length;
             }
@@ -55548,11 +55750,11 @@
             return this;
         };
         DChartRegionImpl.prototype.add = function (from, to) {
-            if (!isNaN(from)) {
-                this.from = isNaN(this.from) ? from : Math.min(this.from, from);
+            if (!isNaN$1(from)) {
+                this.from = isNaN$1(this.from) ? from : Math.min(this.from, from);
             }
-            if (!isNaN(to)) {
-                this.to = isNaN(this.to) ? to : Math.max(this.to, to);
+            if (!isNaN$1(to)) {
+                this.to = isNaN$1(this.to) ? to : Math.max(this.to, to);
             }
             return this;
         };
@@ -55673,7 +55875,7 @@
         DChartCoordinateLinear.prototype.doFit_ = function (pixelFrom, pixelTo, region, result) {
             var regionFrom = region.from;
             var regionTo = region.to;
-            if (!(isNaN(regionFrom) || isNaN(regionTo))) {
+            if (!(isNaN$1(regionFrom) || isNaN$1(regionTo))) {
                 // Scale
                 var newScale = 1;
                 var regionSize = regionTo - regionFrom;
@@ -55972,7 +56174,7 @@
         DChartCoordinateLog.prototype.doFit_ = function (pixelFrom, pixelTo, region, result) {
             var regionFrom = region.from;
             var regionTo = region.to;
-            if (!(isNaN(regionFrom) || isNaN(regionTo))) {
+            if (!(isNaN$1(regionFrom) || isNaN$1(regionTo))) {
                 // Scale
                 var newScale = 1;
                 var regionFromMapped = this.map(regionFrom);
@@ -56768,13 +56970,13 @@
         DChartRegionImplObservable.prototype.set = function (from, to) {
             var isChanged = false;
             if (from != null && this._from !== from) {
-                if (!isNaN(this._from) || !isNaN(from)) {
+                if (!isNaN$1(this._from) || !isNaN$1(from)) {
                     this._from = from;
                     isChanged = true;
                 }
             }
             if (to != null && this._to !== to) {
-                if (!isNaN(this._to) || !isNaN(to)) {
+                if (!isNaN$1(this._to) || !isNaN$1(to)) {
                     this._to = to;
                     isChanged = true;
                 }
@@ -56786,12 +56988,12 @@
         };
         DChartRegionImplObservable.prototype.add = function (from, to) {
             var newFrom;
-            if (!isNaN(from)) {
-                newFrom = isNaN(this.from) ? from : Math.min(this.from, from);
+            if (!isNaN$1(from)) {
+                newFrom = isNaN$1(this.from) ? from : Math.min(this.from, from);
             }
             var newTo;
-            if (!isNaN(to)) {
-                newTo = isNaN(this.to) ? to : Math.max(this.to, to);
+            if (!isNaN$1(to)) {
+                newTo = isNaN$1(this.to) ? to : Math.max(this.to, to);
             }
             return this.set(newFrom, newTo);
         };
@@ -73307,7 +73509,7 @@
         DynamicSDFFontGenerator: DynamicSDFFontGenerator,
         isArray: isArray,
         isFunction: isFunction,
-        isNaN: isNaN,
+        isNaN: isNaN$1,
         isNumber: isNumber,
         isObject: isObject,
         isString: isString,