@wcardinal/wcardinal-ui 0.282.0 → 0.283.0

package/dist/wcardinal-ui.cjs.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
 
@@ -31636,7 +31636,7 @@ var DDialogTime = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var isNaN = function (target) {
+var isNaN$1 = function (target) {
     return target !== target;
 };
 
@@ -31726,7 +31726,7 @@ var EShapeActionRuntimeOpenDialogTime = /** @class */ (function (_super) {
     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));
             }
         }
@@ -45028,8 +45028,8 @@ var ESnapper = /** @class */ (function (_super) {
         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) {
@@ -45039,7 +45039,7 @@ var ESnapper = /** @class */ (function (_super) {
             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);
@@ -45059,23 +45059,23 @@ var ESnapper = /** @class */ (function (_super) {
                 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) {
@@ -45173,7 +45173,7 @@ var ESnapper = /** @class */ (function (_super) {
     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) {
@@ -45194,7 +45194,7 @@ var ESnapper = /** @class */ (function (_super) {
         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;
@@ -45204,7 +45204,7 @@ var ESnapper = /** @class */ (function (_super) {
             }
         }
         // Y coordinate
-        if (!isNaN(y)) {
+        if (!isNaN$1(y)) {
             var ny = Math.abs(normal.y);
             if (EPSILON < ny) {
                 var dy = (y - ty) / normal.y;
@@ -45228,8 +45228,8 @@ var ESnapper = /** @class */ (function (_super) {
         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 {
@@ -45237,7 +45237,7 @@ var ESnapper = /** @class */ (function (_super) {
             }
         }
         else {
-            if (isNaN(y)) {
+            if (isNaN$1(y)) {
                 y = ty;
             }
         }
@@ -45257,7 +45257,7 @@ var ESnapper = /** @class */ (function (_super) {
             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;
@@ -45312,7 +45312,7 @@ var ESnapper = /** @class */ (function (_super) {
                     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) {
@@ -72447,8 +72447,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
         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) {
@@ -72480,7 +72479,6 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             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)
         };
     };
@@ -72490,8 +72488,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
         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) {
@@ -72536,8 +72533,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
             size: (_g = minor === null || minor === void 0 ? void 0 : minor.size) !== null && _g !== void 0 ? _g : theme.getMinorTickSize(),
             position: this.toTickPosition(position),
             style: style,
-            stroke: this.toTickMinorStroke(theme, minor === null || minor === void 0 ? void 0 : minor.stroke, options === null || options === void 0 ? void 0 : options.stroke),
-            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) {
@@ -72760,55 +72756,83 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
  * 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;
             }
@@ -72817,8 +72841,342 @@ var DChartAxisBase = /** @class */ (function () {
         }
         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;
@@ -72879,8 +73237,8 @@ var DChartAxisBase = /** @class */ (function () {
         }
         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;
@@ -72941,235 +73299,79 @@ var DChartAxisBase = /** @class */ (function () {
         }
         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) {
@@ -73226,7 +73428,7 @@ var DChartAxisContainerImpl = /** @class */ (function () {
     };
     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];
@@ -73244,7 +73446,7 @@ var DChartAxisContainerImpl = /** @class */ (function () {
     };
     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();
@@ -73255,7 +73457,7 @@ var DChartAxisContainerImpl = /** @class */ (function () {
     };
     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;
         }
@@ -73822,11 +74024,11 @@ var DChartRegionImpl = /** @class */ (function () {
         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;
     };
@@ -73947,7 +74149,7 @@ var DChartCoordinateLinear = /** @class */ (function () {
     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;
@@ -74246,7 +74448,7 @@ var DChartCoordinateLog = /** @class */ (function () {
     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);
@@ -75042,13 +75244,13 @@ var DChartRegionImplObservable = /** @class */ (function () {
     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;
             }
@@ -75060,12 +75262,12 @@ var DChartRegionImplObservable = /** @class */ (function () {
     };
     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);
     };
@@ -92356,7 +92558,7 @@ exports.hitTestTriangleFilled = hitTestTriangleFilled;
 exports.hitTestTriangleRounded = hitTestTriangleRounded;
 exports.isArray = isArray;
 exports.isFunction = isFunction;
-exports.isNaN = isNaN;
+exports.isNaN = isNaN$1;
 exports.isNumber = isNumber;
 exports.isObject = isObject;
 exports.isShapeClipperExLoaded = isShapeClipperExLoaded;