@wcardinal/wcardinal-ui 0.151.0 → 0.155.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.151.0
+ Winter Cardinal UI v0.155.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -6629,7 +6629,7 @@ var EShapeBar = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeBar.prototype.clone = function () {
-        return new EShapeBar().copy(this);
+        return new EShapeBar(this.type).copy(this);
     };
     EShapeBar.prototype.containsAbsBBox = function (x, y, ax, ay) {
         var size = Math.max(0, this._points.size);
@@ -11262,48 +11262,30 @@ var DLayoutClearType = {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var NodeType;
-(function (NodeType) {
+var DScalarExpressionNodeType = {
     // Parensesis
-    NodeType[NodeType["OPEN"] = 0] = "OPEN";
-    NodeType[NodeType["CLOSE"] = 1] = "CLOSE";
-    NodeType[NodeType["PARENSESIS"] = 2] = "PARENSESIS";
+    OPEN: 0,
+    CLOSE: 1,
+    PARENSESIS: 2,
     // Operations
-    NodeType[NodeType["ADD_OR_PLUS"] = 3] = "ADD_OR_PLUS";
-    NodeType[NodeType["SUB_OR_MINUS"] = 4] = "SUB_OR_MINUS";
-    NodeType[NodeType["PLUS"] = 5] = "PLUS";
-    NodeType[NodeType["MINUS"] = 6] = "MINUS";
-    NodeType[NodeType["ADD"] = 7] = "ADD";
-    NodeType[NodeType["SUB"] = 8] = "SUB";
-    NodeType[NodeType["MUL"] = 9] = "MUL";
-    NodeType[NodeType["DIV"] = 10] = "DIV";
+    ADD_OR_PLUS: 3,
+    SUB_OR_MINUS: 4,
+    PLUS: 5,
+    MINUS: 6,
+    ADD: 7,
+    SUB: 8,
+    MUL: 9,
+    DIV: 10,
     // Functions
-    NodeType[NodeType["MIN"] = 11] = "MIN";
-    NodeType[NodeType["MAX"] = 12] = "MAX";
-    NodeType[NodeType["COMMA"] = 13] = "COMMA";
+    MIN: 11,
+    MAX: 12,
+    COMMA: 13,
     // Literals
-    NodeType[NodeType["PARENT"] = 14] = "PARENT";
-    NodeType[NodeType["SELF"] = 15] = "SELF";
-    NodeType[NodeType["PADDING"] = 16] = "PADDING";
-    NodeType[NodeType["CURRENT"] = 17] = "CURRENT";
-    NodeType[NodeType["NUMBER"] = 18] = "NUMBER";
-})(NodeType || (NodeType = {}));
-var TOKEN_MAPPING_OPERATOR = {
-    "+": 3 /* ADD_OR_PLUS */,
-    "-": 4 /* SUB_OR_MINUS */,
-    "*": 9 /* MUL */,
-    "/": 10 /* DIV */,
-    "(": 0 /* OPEN */,
-    ")": 1 /* CLOSE */,
-    ",": 13 /* COMMA */,
-    min: 11 /* MIN */,
-    max: 12 /* MAX */
-};
-var TOKEN_MAPPING_LITERAL = {
-    "%": 14 /* PARENT */,
-    s: 15 /* SELF */,
-    p: 16 /* PADDING */,
-    c: 17 /* CURRENT */
+    PARENT: 14,
+    SELF: 15,
+    PADDING: 16,
+    CURRENT: 17,
+    NUMBER: 18
 };
 /**
  * Parser and evaluator of the scalar expressions like `100% - 50s`.
@@ -11343,8 +11325,8 @@ var DScalarExpression = /** @class */ (function () {
             i = this.toParensesis(nodes, i);
         } while (i < nodes.length);
         this.toUnary(nodes);
-        this.toArithmetic(nodes, 9 /* MUL */, 10 /* DIV */);
-        this.toArithmetic(nodes, 7 /* ADD */, 8 /* SUB */);
+        this.toArithmetic(nodes, DScalarExpressionNodeType.MUL, DScalarExpressionNodeType.DIV);
+        this.toArithmetic(nodes, DScalarExpressionNodeType.ADD, DScalarExpressionNodeType.SUB);
         if (nodes.length === 1) {
             var node = nodes[0];
             if (!isNumber(node)) {
@@ -11358,24 +11340,25 @@ var DScalarExpression = /** @class */ (function () {
         var ito = nodes.length;
         for (var i = ifrom; i < ito; ++i) {
             var inode = nodes[i];
-            if (inode === 0 /* OPEN */) {
+            if (inode === DScalarExpressionNodeType.OPEN) {
                 var istart = i;
-                var nodeType = 2 /* PARENSESIS */;
+                var nodeType = DScalarExpressionNodeType.PARENSESIS;
                 if (0 < i) {
                     var nodeTypePrev = nodes[i - 1];
-                    if (nodeTypePrev === 11 /* MIN */ || nodeTypePrev === 12 /* MAX */) {
+                    if (nodeTypePrev === DScalarExpressionNodeType.MIN ||
+                        nodeTypePrev === DScalarExpressionNodeType.MAX) {
                         istart -= 1;
                         nodeType = nodeTypePrev;
                     }
                 }
                 for (var j = i + 1; j < ito; ++j) {
                     var jnode = nodes[j];
-                    if (jnode === 1 /* CLOSE */) {
+                    if (jnode === DScalarExpressionNodeType.CLOSE) {
                         nodes[istart] = [nodeType, this.toComma(nodes, i + 1, j)];
                         nodes.splice(istart + 1, j - istart);
                         return istart + 1;
                     }
-                    else if (jnode === 0 /* OPEN */) {
+                    else if (jnode === DScalarExpressionNodeType.OPEN) {
                         j = this.toParensesis(nodes, j) - 1;
                         ito = nodes.length;
                     }
@@ -11388,7 +11371,7 @@ var DScalarExpression = /** @class */ (function () {
     DScalarExpression.prototype.toCommaOf = function (nodes, ifrom, ito) {
         var l = ito - ifrom;
         if (l <= 0) {
-            return [18 /* NUMBER */, 0];
+            return [DScalarExpressionNodeType.NUMBER, 0];
         }
         else if (l <= 1) {
             return nodes[ifrom];
@@ -11398,7 +11381,7 @@ var DScalarExpression = /** @class */ (function () {
             for (var j = ifrom; j < ito; ++j) {
                 operand.push(nodes[j]);
             }
-            return [2 /* PARENSESIS */, operand];
+            return [DScalarExpressionNodeType.PARENSESIS, operand];
         }
     };
     DScalarExpression.prototype.toComma = function (nodes, ifrom, ito) {
@@ -11406,7 +11389,7 @@ var DScalarExpression = /** @class */ (function () {
         var iprev = ifrom;
         for (var i = ifrom; i < ito; ++i) {
             var node = nodes[i];
-            if (node === 13 /* COMMA */) {
+            if (node === DScalarExpressionNodeType.COMMA) {
                 result = result || [];
                 result.push(this.toCommaOf(nodes, iprev, i));
                 iprev = i + 1;
@@ -11428,9 +11411,9 @@ var DScalarExpression = /** @class */ (function () {
     };
     DScalarExpression.prototype.toUnaryNode = function (node) {
         if (!isNumber(node)) {
-            if (node[0] === 2 /* PARENSESIS */ ||
-                node[0] === 11 /* MIN */ ||
-                node[0] === 12 /* MAX */) {
+            if (node[0] === DScalarExpressionNodeType.PARENSESIS ||
+                node[0] === DScalarExpressionNodeType.MIN ||
+                node[0] === DScalarExpressionNodeType.MAX) {
                 this.toUnary(node[1]);
             }
         }
@@ -11438,11 +11421,14 @@ var DScalarExpression = /** @class */ (function () {
     DScalarExpression.prototype.toUnary = function (nodes) {
         for (var i = 0, imax = nodes.length; i < imax; ++i) {
             var node = nodes[i];
-            if (node === 3 /* ADD_OR_PLUS */ || node === 4 /* SUB_OR_MINUS */) {
+            if (node === DScalarExpressionNodeType.ADD_OR_PLUS ||
+                node === DScalarExpressionNodeType.SUB_OR_MINUS) {
                 if (i <= 0 || isNumber(nodes[i - 1])) {
                     if (i + 1 < imax && !isNumber(nodes[i + 1])) {
                         var operand = nodes.splice(i + 1, 1)[0];
-                        var type = node === 3 /* ADD_OR_PLUS */ ? 5 /* PLUS */ : 6 /* MINUS */;
+                        var type = node === DScalarExpressionNodeType.ADD_OR_PLUS
+                            ? DScalarExpressionNodeType.PLUS
+                            : DScalarExpressionNodeType.MINUS;
                         nodes[i] = [type, operand];
                         imax = nodes.length;
                         this.toUnaryNode(operand);
@@ -11452,7 +11438,9 @@ var DScalarExpression = /** @class */ (function () {
                     }
                 }
                 else {
-                    var type = node === 3 /* ADD_OR_PLUS */ ? 7 /* ADD */ : 8 /* SUB */;
+                    var type = node === DScalarExpressionNodeType.ADD_OR_PLUS
+                        ? DScalarExpressionNodeType.ADD
+                        : DScalarExpressionNodeType.SUB;
                     nodes[i] = type;
                 }
             }
@@ -11464,18 +11452,19 @@ var DScalarExpression = /** @class */ (function () {
     };
     DScalarExpression.prototype.toArithmeticNode = function (node, operatorA, operatorB) {
         if (!isNumber(node)) {
-            if (node[0] === 2 /* PARENSESIS */ ||
-                node[0] === 11 /* MIN */ ||
-                node[0] === 12 /* MAX */) {
+            if (node[0] === DScalarExpressionNodeType.PARENSESIS ||
+                node[0] === DScalarExpressionNodeType.MIN ||
+                node[0] === DScalarExpressionNodeType.MAX) {
                 this.toArithmetic(node[1], operatorA, operatorB);
             }
-            else if (node[0] === 5 /* PLUS */ || node[0] === 6 /* MINUS */) {
+            else if (node[0] === DScalarExpressionNodeType.PLUS ||
+                node[0] === DScalarExpressionNodeType.MINUS) {
                 this.toArithmeticNode(node[1], operatorA, operatorB);
             }
-            else if (node[0] === 7 /* ADD */ ||
-                node[0] === 8 /* SUB */ ||
-                node[0] === 9 /* MUL */ ||
-                node[0] === 10 /* DIV */) {
+            else if (node[0] === DScalarExpressionNodeType.ADD ||
+                node[0] === DScalarExpressionNodeType.SUB ||
+                node[0] === DScalarExpressionNodeType.MUL ||
+                node[0] === DScalarExpressionNodeType.DIV) {
                 this.toArithmeticNode(node[1], operatorA, operatorB);
                 this.toArithmeticNode(node[2], operatorA, operatorB);
             }
@@ -11512,7 +11501,7 @@ var DScalarExpression = /** @class */ (function () {
             var matched = DScalarExpression.TOKEN_REGEX.exec(expression);
             if (matched != null) {
                 var token = matched[0];
-                var tokenTypeOperator = TOKEN_MAPPING_OPERATOR[token];
+                var tokenTypeOperator = this.toTokenOperator(token);
                 if (tokenTypeOperator != null) {
                     tokens.push(tokenTypeOperator);
                 }
@@ -11521,12 +11510,12 @@ var DScalarExpression = /** @class */ (function () {
                     if (parsedToken !== parsedToken) {
                         throw new Error("Unexpected token '" + token + "' at " + matched.index + " in '" + expression + "'");
                     }
-                    var tokenTypeLiteral = TOKEN_MAPPING_LITERAL[token[token.length - 1]];
+                    var tokenTypeLiteral = this.toTokenLiteral(token);
                     if (tokenTypeLiteral != null) {
                         tokens.push([tokenTypeLiteral, parsedToken * 0.01]);
                     }
                     else {
-                        tokens.push([18 /* NUMBER */, parsedToken]);
+                        tokens.push([DScalarExpressionNodeType.NUMBER, parsedToken]);
                     }
                 }
             }
@@ -11536,31 +11525,70 @@ var DScalarExpression = /** @class */ (function () {
         }
         return tokens;
     };
+    DScalarExpression.prototype.toTokenOperator = function (token) {
+        switch (token) {
+            case "+":
+                return DScalarExpressionNodeType.ADD_OR_PLUS;
+            case "-":
+                return DScalarExpressionNodeType.SUB_OR_MINUS;
+            case "*":
+                return DScalarExpressionNodeType.MUL;
+            case "/":
+                return DScalarExpressionNodeType.DIV;
+            case "(":
+                return DScalarExpressionNodeType.OPEN;
+            case ")":
+                return DScalarExpressionNodeType.CLOSE;
+            case ",":
+                return DScalarExpressionNodeType.COMMA;
+            case "min":
+                return DScalarExpressionNodeType.MIN;
+            case "max":
+                return DScalarExpressionNodeType.MAX;
+        }
+        return null;
+    };
+    DScalarExpression.prototype.toTokenLiteral = function (token) {
+        var tokenLength = token.length;
+        if (0 < tokenLength) {
+            switch (token[tokenLength - 1]) {
+                case "%":
+                    return DScalarExpressionNodeType.PARENT;
+                case "s":
+                    return DScalarExpressionNodeType.SELF;
+                case "p":
+                    return DScalarExpressionNodeType.PADDING;
+                case "c":
+                    return DScalarExpressionNodeType.CURRENT;
+            }
+        }
+        return null;
+    };
     DScalarExpression.prototype.evaluate = function (node, parent, self, padding, current) {
         switch (node[0]) {
-            case 2 /* PARENSESIS */:
+            case DScalarExpressionNodeType.PARENSESIS:
                 var nodes = node[1];
                 return this.evaluate(nodes[nodes.length - 1], parent, self, padding, current);
             // Unary operators
-            case 5 /* PLUS */:
+            case DScalarExpressionNodeType.PLUS:
                 return +this.evaluate(node[1], parent, self, padding, current);
-            case 6 /* MINUS */:
+            case DScalarExpressionNodeType.MINUS:
                 return -this.evaluate(node[1], parent, self, padding, current);
             // Four arithmetic operators
-            case 7 /* ADD */:
+            case DScalarExpressionNodeType.ADD:
                 return (this.evaluate(node[1], parent, self, padding, current) +
                     this.evaluate(node[2], parent, self, padding, current));
-            case 8 /* SUB */:
+            case DScalarExpressionNodeType.SUB:
                 return (this.evaluate(node[1], parent, self, padding, current) -
                     this.evaluate(node[2], parent, self, padding, current));
-            case 9 /* MUL */:
+            case DScalarExpressionNodeType.MUL:
                 return (this.evaluate(node[1], parent, self, padding, current) *
                     this.evaluate(node[2], parent, self, padding, current));
-            case 10 /* DIV */:
+            case DScalarExpressionNodeType.DIV:
                 return (this.evaluate(node[1], parent, self, padding, current) /
                     this.evaluate(node[2], parent, self, padding, current));
             // Functions
-            case 11 /* MIN */:
+            case DScalarExpressionNodeType.MIN:
                 if (0 < node[1].length) {
                     var args = node[1];
                     var result = this.evaluate(args[0], parent, self, padding, current);
@@ -11570,7 +11598,7 @@ var DScalarExpression = /** @class */ (function () {
                     return result;
                 }
                 return 0;
-            case 12 /* MAX */:
+            case DScalarExpressionNodeType.MAX:
                 if (0 < node[1].length) {
                     var args = node[1];
                     var result = this.evaluate(args[0], parent, self, padding, current);
@@ -11581,15 +11609,15 @@ var DScalarExpression = /** @class */ (function () {
                 }
                 return 0;
             // Literals
-            case 14 /* PARENT */:
+            case DScalarExpressionNodeType.PARENT:
                 return node[1] * parent;
-            case 15 /* SELF */:
+            case DScalarExpressionNodeType.SELF:
                 return node[1] * self;
-            case 16 /* PADDING */:
+            case DScalarExpressionNodeType.PADDING:
                 return node[1] * padding;
-            case 17 /* CURRENT */:
+            case DScalarExpressionNodeType.CURRENT:
                 return node[1] * current;
-            case 18 /* NUMBER */:
+            case DScalarExpressionNodeType.NUMBER:
                 return node[1];
         }
         return 0;
@@ -14111,11 +14139,12 @@ var UtilGesture = /** @class */ (function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var DViewGestureImpl = /** @class */ (function () {
-    function DViewGestureImpl(parent, toTarget, stopper, theme, options) {
+    function DViewGestureImpl(parent, toTarget, stopper, constraint, theme, options) {
         var _this = this;
         var _a, _b;
         this._parent = parent;
         this._stopper = stopper;
+        this._constraint = constraint;
         var mode = toEnum((_a = options === null || options === void 0 ? void 0 : options.mode) !== null && _a !== void 0 ? _a : theme.getGestureMode(), UtilGestureMode);
         var modifier = toEnum((_b = options === null || options === void 0 ? void 0 : options.modifier) !== null && _b !== void 0 ? _b : theme.getGestureModifier(), UtilGestureModifier);
         if (mode === UtilGestureMode.ON || mode === UtilGestureMode.TOUCH) {
@@ -14158,8 +14187,7 @@ var DViewGestureImpl = /** @class */ (function () {
             var newX = (position.x - cx) * scaleRatio + x;
             var newY = (position.y - cy) * scaleRatio + y;
             // Update
-            target.scale.set(newScaleX, newScaleY);
-            target.position.set(newX, newY);
+            this._constraint(target, newX, newY, newScaleX, newScaleY);
         }
     };
     DViewGestureImpl.prototype.stop = function () {
@@ -14178,10 +14206,11 @@ var DViewGestureImpl = /** @class */ (function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var DViewTransformImpl = /** @class */ (function () {
-    function DViewTransformImpl(parent, toTarget, stopper, duration) {
+    function DViewTransformImpl(parent, toTarget, stopper, constraint, duration) {
         var _this = this;
         this._parent = parent;
         this._toTarget = toTarget;
+        this._constraint = constraint;
         this._newScaleX = 1;
         this._newScaleY = 1;
         this._newX = 0;
@@ -14208,11 +14237,10 @@ var DViewTransformImpl = /** @class */ (function () {
         var y = this._oldY * w0 + this._newY * w1;
         var target = this._toTarget(this._parent);
         if (target != null) {
-            target.scale.set(scaleX, scaleY);
-            target.position.set(x, y);
+            this._constraint(target, x, y, scaleX, scaleY);
         }
     };
-    DViewTransformImpl.prototype.start = function (target, x, Y, scaleX, scaleY, duration, stop) {
+    DViewTransformImpl.prototype.start = function (target, x, y, scaleX, scaleY, duration, stop) {
         if (stop !== false) {
             this._stopper.stop();
         }
@@ -14220,8 +14248,7 @@ var DViewTransformImpl = /** @class */ (function () {
             duration = this._duration;
         }
         if (duration <= 0) {
-            target.scale.set(scaleX, scaleY);
-            target.position.set(x, Y);
+            this._constraint(target, x, y, scaleX, scaleY);
         }
         else {
             var position = target.position;
@@ -14231,7 +14258,7 @@ var DViewTransformImpl = /** @class */ (function () {
             this._oldScaleX = scale.x;
             this._oldScaleY = scale.y;
             this._newX = x;
-            this._newY = Y;
+            this._newY = y;
             this._newScaleX = scaleX;
             this._newScaleY = scaleY;
             this._animation.duration = duration;
@@ -14253,6 +14280,7 @@ var DViewImpl = /** @class */ (function () {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         this._parent = parent;
         this._toTarget = toTarget;
+        this._constraint = (options && options.constraint) || DViewImpl.CONSTRAINT;
         this._workRect = new pixi_js.Rectangle();
         // Theme
         var theme = this.toTheme(options) || this.getThemeDefault();
@@ -14283,9 +14311,9 @@ var DViewImpl = /** @class */ (function () {
         this._wheelTranslationModifier = toEnum((_r = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.modifier) !== null && _r !== void 0 ? _r : theme.getWheelTranslationModifier(), UtilGestureModifier);
         this._wheelTranslationChecker = (_s = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.checker) !== null && _s !== void 0 ? _s : UtilGestureModifiers.match;
         // Gesture
-        this._gesture = new DViewGestureImpl(parent, toTarget, this, theme, options === null || options === void 0 ? void 0 : options.gesture);
+        this._gesture = new DViewGestureImpl(parent, toTarget, this, this._constraint, theme, options === null || options === void 0 ? void 0 : options.gesture);
         // Transform
-        this._transform = new DViewTransformImpl(parent, toTarget, this, this._dblclickZoomDuration);
+        this._transform = new DViewTransformImpl(parent, toTarget, this, this._constraint, this._dblclickZoomDuration);
     }
     Object.defineProperty(DViewImpl.prototype, "gesture", {
         get: function () {
@@ -14394,7 +14422,8 @@ var DViewImpl = /** @class */ (function () {
             if (target) {
                 var newScaleX = this.toNormalizedScale(scale.x);
                 var newScaleY = this.toNormalizedScale(scale.y);
-                target.scale.set(newScaleX, newScaleY);
+                var targetPosition = target.position;
+                this._constraint(target, targetPosition.x, targetPosition.y, newScaleX, newScaleY);
             }
         },
         enumerable: false,
@@ -14418,7 +14447,8 @@ var DViewImpl = /** @class */ (function () {
         set: function (position) {
             var target = this._toTarget(this._parent);
             if (target) {
-                target.position.set(position.x, position.y);
+                var targetScale = target.scale;
+                this._constraint(target, position.x, position.y, targetScale.x, targetScale.y);
             }
         },
         enumerable: false,
@@ -14459,7 +14489,11 @@ var DViewImpl = /** @class */ (function () {
             if (target) {
                 this.stop();
                 var speed = deltas.lowest * this._wheelTranslationSpeed;
-                target.position.set(target.position.x - deltas.deltaX * speed, target.position.y + deltas.deltaY * speed);
+                var targetPosition = target.position;
+                var newX = targetPosition.x - deltas.deltaX * speed;
+                var newY = targetPosition.y + deltas.deltaY * speed;
+                var targetScale = target.scale;
+                this._constraint(target, newX, newY, targetScale.x, targetScale.y);
                 return true;
             }
         }
@@ -14501,6 +14535,10 @@ var DViewImpl = /** @class */ (function () {
     DViewImpl.prototype.getType = function () {
         return "DView";
     };
+    DViewImpl.CONSTRAINT = function (target, x, y, scaleX, scaleY) {
+        target.scale.set(scaleX, scaleY);
+        target.position.set(x, y);
+    };
     return DViewImpl;
 }());
 
@@ -14650,12 +14688,16 @@ var EShapeActionRuntimes = /** @class */ (function () {
         var container = this.toContainer(shape);
         if (container) {
             if (remote) {
-                container.data.remote.set(id, value, time);
+                return container.data.remote.set(id, value, time);
             }
             else {
-                container.data.set(id, value, time);
+                if (container.data.set(id, value, time)) {
+                    DApplications.update(container);
+                    return true;
+                }
             }
         }
+        return false;
     };
     EShapeActionRuntimes.emit = function (shape, name, value, time) {
         var container = EShapeActionRuntimes.toContainer(shape);
@@ -27091,7 +27133,7 @@ var EShapeRectangleRounded = /** @class */ (function (_super) {
         return _super.call(this, type) || this;
     }
     EShapeRectangleRounded.prototype.clone = function () {
-        return new EShapeRectangleRounded().copy(this);
+        return new EShapeRectangleRounded(this.type).copy(this);
     };
     EShapeRectangleRounded.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         if (_super.prototype.containsAbsBBox.call(this, x, y, ax, ay)) {
@@ -27139,7 +27181,7 @@ var EShapeButton = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeButton.prototype.clone = function () {
-        return new EShapeButton().copy(this);
+        return new EShapeButton(this.type).copy(this);
     };
     EShapeButton.prototype.serialize = function (manager) {
         var result = _super.prototype.serialize.call(this, manager);
@@ -27897,7 +27939,7 @@ var EShapeCircle = /** @class */ (function (_super) {
         return _super.call(this, type) || this;
     }
     EShapeCircle.prototype.clone = function () {
-        return new EShapeCircle().copy(this);
+        return new EShapeCircle(this.type).copy(this);
     };
     EShapeCircle.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         if (_super.prototype.containsAbsBBox.call(this, x, y, ax, ay)) {
@@ -31552,7 +31594,7 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         return this;
     };
     EShapeConnectorLine.prototype.clone = function () {
-        return new EShapeConnectorLine().copy(this);
+        return new EShapeConnectorLine(this.type).copy(this);
     };
     EShapeConnectorLine.prototype.serialize = function (manager) {
         var result = _super.prototype.serialize.call(this, manager);
@@ -34561,7 +34603,7 @@ var EShapeRectangle = /** @class */ (function (_super) {
         return _super.call(this, type) || this;
     }
     EShapeRectangle.prototype.clone = function () {
-        return new EShapeRectangle().copy(this);
+        return new EShapeRectangle(this.type).copy(this);
     };
     EShapeRectangle.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         if (_super.prototype.containsAbsBBox.call(this, x, y, ax, ay)) {
@@ -34589,7 +34631,7 @@ var EShapeImage = /** @class */ (function (_super) {
         return _this;
     }
     EShapeImage.prototype.clone = function () {
-        return new EShapeImage(this.image).copy(this);
+        return new EShapeImage(this.image, this.type).copy(this);
     };
     return EShapeImage;
 }(EShapeRectangle));
@@ -34898,7 +34940,7 @@ var EShapeImageSdf = /** @class */ (function (_super) {
         return _super.call(this, image, type) || this;
     }
     EShapeImageSdf.prototype.clone = function () {
-        return new EShapeImageSdf(this.image).copy(this);
+        return new EShapeImageSdf(this.image, this.type).copy(this);
     };
     return EShapeImageSdf;
 }(EShapeImage));
@@ -34983,7 +35025,7 @@ var EShapeLabel = /** @class */ (function (_super) {
         return _super.call(this, type) || this;
     }
     EShapeLabel.prototype.clone = function () {
-        return new EShapeLabel().copy(this);
+        return new EShapeLabel(this.type).copy(this);
     };
     return EShapeLabel;
 }(EShapePrimitive));
@@ -35025,7 +35067,7 @@ var EShapeLine = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeLine.prototype.clone = function () {
-        return new EShapeLine().copy(this);
+        return new EShapeLine(this.type).copy(this);
     };
     EShapeLine.prototype.serialize = function (manager) {
         var result = _super.prototype.serialize.call(this, manager);
@@ -36042,8 +36084,9 @@ var createLineOfCirclesUploaded = function (buffer, shape, voffset, ioffset, ant
  */
 var EShapeLineOfCircles = /** @class */ (function (_super) {
     __extends(EShapeLineOfCircles, _super);
-    function EShapeLineOfCircles() {
-        var _this = _super.call(this, EShapeType.LINE_OF_CIRCLES) || this;
+    function EShapeLineOfCircles(type) {
+        if (type === void 0) { type = EShapeType.LINE_OF_CIRCLES; }
+        var _this = _super.call(this, type) || this;
         _this._points = new EShapeLineOfAnyPointsImpl(_this);
         _this._tester = function (x, y, ax, ay, ox, oy, px, py, sw, ss, sa) {
             return _this.containsPointAbs(x, y, ax, ay, ox, oy, px, py, sw, ss, sa);
@@ -36058,7 +36101,7 @@ var EShapeLineOfCircles = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeLineOfCircles.prototype.clone = function () {
-        return new EShapeLineOfCircles().copy(this);
+        return new EShapeLineOfCircles(this.type).copy(this);
     };
     EShapeLineOfCircles.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         var threshold = toThresholdDefault(sw, ss, this._points.size.getLimit());
@@ -36269,8 +36312,9 @@ var createLineOfRectangleRoundedsUploaded = function (buffer, shape, voffset, io
  */
 var EShapeLineOfRectangleRoundeds = /** @class */ (function (_super) {
     __extends(EShapeLineOfRectangleRoundeds, _super);
-    function EShapeLineOfRectangleRoundeds() {
-        var _this = _super.call(this, EShapeType.LINE_OF_RECTANGLE_ROUNDEDS) || this;
+    function EShapeLineOfRectangleRoundeds(type) {
+        if (type === void 0) { type = EShapeType.LINE_OF_RECTANGLE_ROUNDEDS; }
+        var _this = _super.call(this, type) || this;
         _this._points = new EShapeLineOfAnyPointsImpl(_this);
         _this._tester = function (x, y, ax, ay, ox, oy, px, py, sw, ss, sa) {
             return _this.containsPointAbs(x, y, ax, ay, ox, oy, px, py, sw, ss, sa);
@@ -36285,7 +36329,7 @@ var EShapeLineOfRectangleRoundeds = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeLineOfRectangleRoundeds.prototype.clone = function () {
-        return new EShapeLineOfRectangleRoundeds().copy(this);
+        return new EShapeLineOfRectangleRoundeds(this.type).copy(this);
     };
     EShapeLineOfRectangleRoundeds.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         var threshold = toThresholdDefault(sw, ss, this._points.size.getLimit());
@@ -36487,8 +36531,9 @@ var createLineOfRectanglesUploaded = function (buffer, shape, voffset, ioffset,
  */
 var EShapeLineOfRectangles = /** @class */ (function (_super) {
     __extends(EShapeLineOfRectangles, _super);
-    function EShapeLineOfRectangles() {
-        var _this = _super.call(this, EShapeType.LINE_OF_RECTANGLES) || this;
+    function EShapeLineOfRectangles(type) {
+        if (type === void 0) { type = EShapeType.LINE_OF_RECTANGLES; }
+        var _this = _super.call(this, type) || this;
         _this._points = new EShapeLineOfAnyPointsImpl(_this);
         _this._tester = function (x, y, ax, ay, ox, oy, px, py, sw, ss, sa) {
             return _this.containsPointAbs(x, y, ax, ay, ox, oy, px, py, sw, ss, sa);
@@ -36503,7 +36548,7 @@ var EShapeLineOfRectangles = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeLineOfRectangles.prototype.clone = function () {
-        return new EShapeLineOfRectangles().copy(this);
+        return new EShapeLineOfRectangles(this.type).copy(this);
     };
     EShapeLineOfRectangles.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         var threshold = toThresholdDefault(sw, ss, this._points.size.getLimit());
@@ -37247,7 +37292,7 @@ var EShapeTriangleRounded = /** @class */ (function (_super) {
         return _super.call(this, type) || this;
     }
     EShapeTriangleRounded.prototype.clone = function () {
-        return new EShapeTriangleRounded().copy(this);
+        return new EShapeTriangleRounded(this.type).copy(this);
     };
     EShapeTriangleRounded.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         if (_super.prototype.containsAbsBBox.call(this, x, y, ax, ay)) {
@@ -37264,8 +37309,9 @@ var EShapeTriangleRounded = /** @class */ (function (_super) {
  */
 var EShapeLineOfTriangleRoundeds = /** @class */ (function (_super) {
     __extends(EShapeLineOfTriangleRoundeds, _super);
-    function EShapeLineOfTriangleRoundeds() {
-        var _this = _super.call(this, EShapeType.LINE_OF_TRIANGLE_ROUNDEDS) || this;
+    function EShapeLineOfTriangleRoundeds(type) {
+        if (type === void 0) { type = EShapeType.LINE_OF_TRIANGLE_ROUNDEDS; }
+        var _this = _super.call(this, type) || this;
         _this._points = new EShapeLineOfAnyPointsImpl(_this);
         _this._tester = function (x, y, ax, ay, ox, oy, px, py, sw, ss, sa) {
             return _this.containsPointAbs(x, y, ax, ay, ox, oy, px, py, sw, ss, sa);
@@ -37280,7 +37326,7 @@ var EShapeLineOfTriangleRoundeds = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeLineOfTriangleRoundeds.prototype.clone = function () {
-        return new EShapeLineOfTriangleRoundeds().copy(this);
+        return new EShapeLineOfTriangleRoundeds(this.type).copy(this);
     };
     EShapeLineOfTriangleRoundeds.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         var threshold = toThresholdDefault(sw, ss, this._points.size.getLimit());
@@ -37469,7 +37515,7 @@ var EShapeTriangle = /** @class */ (function (_super) {
         return _super.call(this, type) || this;
     }
     EShapeTriangle.prototype.clone = function () {
-        return new EShapeTriangle().copy(this);
+        return new EShapeTriangle(this.type).copy(this);
     };
     EShapeTriangle.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         if (_super.prototype.containsAbsBBox.call(this, x, y, ax, ay)) {
@@ -37486,8 +37532,9 @@ var EShapeTriangle = /** @class */ (function (_super) {
  */
 var EShapeLineOfTriangles = /** @class */ (function (_super) {
     __extends(EShapeLineOfTriangles, _super);
-    function EShapeLineOfTriangles() {
-        var _this = _super.call(this, EShapeType.LINE_OF_TRIANGLES) || this;
+    function EShapeLineOfTriangles(type) {
+        if (type === void 0) { type = EShapeType.LINE_OF_TRIANGLES; }
+        var _this = _super.call(this, type) || this;
         _this._points = new EShapeLineOfAnyPointsImpl(_this);
         _this._tester = function (x, y, ax, ay, ox, oy, px, py, sw, ss, sa) {
             return _this.containsPointAbs(x, y, ax, ay, ox, oy, px, py, sw, ss, sa);
@@ -37502,7 +37549,7 @@ var EShapeLineOfTriangles = /** @class */ (function (_super) {
         configurable: true
     });
     EShapeLineOfTriangles.prototype.clone = function () {
-        return new EShapeLineOfTriangles().copy(this);
+        return new EShapeLineOfTriangles(this.type).copy(this);
     };
     EShapeLineOfTriangles.prototype.containsAbs = function (x, y, ax, ay, sw, ss, sa) {
         var threshold = toThresholdDefault(sw, ss, this._points.size.getLimit());
@@ -37563,7 +37610,7 @@ var EShapeNull = /** @class */ (function (_super) {
         return _super.call(this, type) || this;
     }
     EShapeNull.prototype.clone = function () {
-        return new EShapeNull().copy(this);
+        return new EShapeNull(this.type).copy(this);
     };
     return EShapeNull;
 }(EShapePrimitive));
@@ -38524,7 +38571,7 @@ var toSizeRounded = function (value) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var toResize = function (shape, from, to, centerMode, isPerfect) {
+var toResized = function (shape, from, to, centerMode, isPerfect) {
     shape.disallowUploadedUpdate();
     var position = shape.transform.position;
     if (centerMode) {
@@ -44672,7 +44719,7 @@ var DThemeWhiteChart = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DThemeWhiteChart.prototype.getPaddingLeft = function () {
-        return 70;
+        return 80;
     };
     DThemeWhiteChart.prototype.getPaddingRight = function () {
         return 10;
@@ -44730,7 +44777,7 @@ var DThemeWhiteChartAxisBase = /** @class */ (function () {
         return DChartAxisPosition.BOTTOM;
     };
     DThemeWhiteChartAxisBase.prototype.getPadding = function () {
-        return 75;
+        return 90;
     };
     DThemeWhiteChartAxisBase.prototype.getLabelAlignHorizontal = function (position) {
         switch (position) {
@@ -44757,7 +44804,7 @@ var DThemeWhiteChartAxisBase = /** @class */ (function () {
         }
     };
     DThemeWhiteChartAxisBase.prototype.getLabelPaddingHorizontal = function () {
-        return 50;
+        return 60;
     };
     DThemeWhiteChartAxisBase.prototype.getLabelPaddingVertical = function () {
         return 50;
@@ -44798,6 +44845,9 @@ var DThemeWhiteChartAxisBase = /** @class */ (function () {
     DThemeWhiteChartAxisBase.prototype.getMajorTickCount = function () {
         return 3;
     };
+    DThemeWhiteChartAxisBase.prototype.getMajorTickStep = function () {
+        return undefined;
+    };
     DThemeWhiteChartAxisBase.prototype.getMajorTickSize = function () {
         return 10;
     };
@@ -44897,6 +44947,9 @@ var DThemeWhiteChartAxisBase = /** @class */ (function () {
     DThemeWhiteChartAxisBase.prototype.getMinorTickCount = function () {
         return 3;
     };
+    DThemeWhiteChartAxisBase.prototype.getMinorTickStep = function () {
+        return undefined;
+    };
     DThemeWhiteChartAxisBase.prototype.getMinorTickSize = function () {
         return 5;
     };
@@ -44979,13 +45032,23 @@ var DThemeWhiteChartAxisY = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeWhiteChartCoordinateLinear = /** @class */ (function () {
-    function DThemeWhiteChartCoordinateLinear() {
+var DThemeWhiteChartCoordinate = /** @class */ (function () {
+    function DThemeWhiteChartCoordinate() {
     }
-    DThemeWhiteChartCoordinateLinear.prototype.isZero = function (value) {
+    DThemeWhiteChartCoordinate.prototype.isZero = function (value) {
         return Math.abs(value) < 0.00001;
     };
-    DThemeWhiteChartCoordinateLinear.prototype.toStepScale = function (scale) {
+    return DThemeWhiteChartCoordinate;
+}());
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhiteChartCoordinateTick = /** @class */ (function () {
+    function DThemeWhiteChartCoordinateTick() {
+    }
+    DThemeWhiteChartCoordinateTick.prototype.toStepScale = function (scale) {
         if (5.5 <= scale) {
             return 10;
         }
@@ -44997,32 +45060,20 @@ var DThemeWhiteChartCoordinateLinear = /** @class */ (function () {
         }
         return 1;
     };
-    return DThemeWhiteChartCoordinateLinear;
+    return DThemeWhiteChartCoordinateTick;
 }());
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeWhiteChartCoordinateLog = /** @class */ (function () {
-    function DThemeWhiteChartCoordinateLog() {
+var DThemeWhiteChartCoordinateTransform = /** @class */ (function () {
+    function DThemeWhiteChartCoordinateTransform() {
     }
-    DThemeWhiteChartCoordinateLog.prototype.isZero = function (value) {
+    DThemeWhiteChartCoordinateTransform.prototype.isZero = function (value) {
         return Math.abs(value) < 0.00001;
     };
-    DThemeWhiteChartCoordinateLog.prototype.toStepScale = function (scale) {
-        if (5.5 <= scale) {
-            return 10;
-        }
-        else if (2.2 <= scale) {
-            return 5;
-        }
-        else if (1.1 <= scale) {
-            return 2;
-        }
-        return 1;
-    };
-    return DThemeWhiteChartCoordinateLog;
+    return DThemeWhiteChartCoordinateTransform;
 }());
 
 /*
@@ -45097,6 +45148,9 @@ var DThemeWhiteChartPlotArea = /** @class */ (function (_super) {
     DThemeWhiteChartPlotArea.prototype.getBorderColor = function (state) {
         return null;
     };
+    DThemeWhiteChartPlotArea.prototype.getCornerMask = function () {
+        return DCornerMask.ALL;
+    };
     DThemeWhiteChartPlotArea.prototype.isOverflowMaskEnabled = function () {
         return true;
     };
@@ -45184,8 +45238,9 @@ var loadThemeWhiteChart = function () {
     DThemeWhite.set("DChartAxisX", DThemeWhiteChartAxisX);
     DThemeWhite.set("DChartAxisXDatetime", DThemeWhiteChartAxisXDatetime);
     DThemeWhite.set("DChartAxisY", DThemeWhiteChartAxisY);
-    DThemeWhite.set("DChartCoordinateLinear", DThemeWhiteChartCoordinateLinear);
-    DThemeWhite.set("DChartCoordinateLog", DThemeWhiteChartCoordinateLog);
+    DThemeWhite.set("DChartCoordinate", DThemeWhiteChartCoordinate);
+    DThemeWhite.set("DChartCoordinateTick", DThemeWhiteChartCoordinateTick);
+    DThemeWhite.set("DChartCoordinateTransform", DThemeWhiteChartCoordinateTransform);
     DThemeWhite.set("DChartLegend", DThemeWhiteChartLegend);
     DThemeWhite.set("DChartLegendItem", DThemeWhiteChartLegendItem);
     DThemeWhite.set("DChartOverview", DThemeWhiteChartOverview);
@@ -48204,8 +48259,11 @@ var DThemeWhitePagination = /** @class */ (function (_super) {
     DThemeWhitePagination.prototype.getWidth = function () {
         return "auto";
     };
-    DThemeWhitePagination.prototype.getButtonWidth = function () {
-        return 30;
+    DThemeWhitePagination.prototype.getMargin = function () {
+        return 10;
+    };
+    DThemeWhitePagination.prototype.getButtonSpace = function () {
+        return 10;
     };
     return DThemeWhitePagination;
 }(DThemeWhiteLayoutHorizontal));
@@ -48214,75 +48272,192 @@ var DThemeWhitePagination = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeWhitePaginationDotsButton = /** @class */ (function (_super) {
-    __extends(DThemeWhitePaginationDotsButton, _super);
-    function DThemeWhitePaginationDotsButton() {
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_dots", 21, 21, "<g>" +
+    "<circle cx=\"2\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"10.5\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"19\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationDots = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationDots, _super);
+    function DThemeWhitePaginationDots() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeWhitePaginationDotsButton.prototype.getBackgroundColor = function (state) {
-        return null;
+    DThemeWhitePaginationDots.prototype.getWidth = function () {
+        return 30;
     };
-    DThemeWhitePaginationDotsButton.prototype.getBorderColor = function (state) {
-        return null;
+    DThemeWhitePaginationDots.prototype.getHeight = function () {
+        return 30;
+    };
+    DThemeWhitePaginationDots.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
+    DThemeWhitePaginationDots.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_dots;
+    };
+    return DThemeWhitePaginationDots;
+}(DThemeWhiteImageBase));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_button_last", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationButtonLast = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonLast, _super);
+    function DThemeWhitePaginationButtonLast() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationButtonLast.prototype.getWidth = function () {
+        return 30;
     };
-    DThemeWhitePaginationDotsButton.prototype.newTextValue = function () {
-        return "...";
+    DThemeWhitePaginationButtonLast.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_last;
     };
-    return DThemeWhitePaginationDotsButton;
+    return DThemeWhitePaginationButtonLast;
 }(DThemeWhiteButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeWhitePaginationDynamicButtons = /** @class */ (function (_super) {
-    __extends(DThemeWhitePaginationDynamicButtons, _super);
-    function DThemeWhitePaginationDynamicButtons() {
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_button_next", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationButtonNext = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonNext, _super);
+    function DThemeWhitePaginationButtonNext() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeWhitePaginationDynamicButtons.prototype.getWidth = function () {
-        return "auto";
+    DThemeWhitePaginationButtonNext.prototype.getWidth = function () {
+        return 30;
     };
-    return DThemeWhitePaginationDynamicButtons;
-}(DThemeWhiteLayoutHorizontal));
+    DThemeWhitePaginationButtonNext.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_next;
+    };
+    return DThemeWhitePaginationButtonNext;
+}(DThemeWhiteButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhitePaginationButtonPage = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonPage, _super);
+    function DThemeWhitePaginationButtonPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationButtonPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationButtonPage.prototype.newTextValue = function () {
+        return 0;
+    };
+    DThemeWhitePaginationButtonPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    return DThemeWhitePaginationButtonPage;
+}(DThemeWhiteButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 /* eslint-disable prettier/prettier */
-DThemeWhiteAtlas.add("pagination_navigation_button_previous", 21, 21, "<g>" +
+DThemeWhiteAtlas.add("pagination_button_previous", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"13 15 7 10 13 5\"></polyline>" +
     "</g>");
-DThemeWhiteAtlas.add("pagination_navigation_button_next", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
-    "</g>");
-DThemeWhiteAtlas.add("pagination_navigation_button_go_first", 21, 21, "<g>" +
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationButtonPrevious = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonPrevious, _super);
+    function DThemeWhitePaginationButtonPrevious() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationButtonPrevious.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationButtonPrevious.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_previous;
+    };
+    return DThemeWhitePaginationButtonPrevious;
+}(DThemeWhiteButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_button_top", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"11 15 5 10 11 5\"></polyline>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"15 15 9 10 15 5\"></polyline>" +
     "</g>");
-DThemeWhiteAtlas.add("pagination_navigation_button_go_last", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
-    "</g>");
 /* eslint-enable prettier/prettier */
-var DThemeWhitePaginationNavigationButton = /** @class */ (function (_super) {
-    __extends(DThemeWhitePaginationNavigationButton, _super);
-    function DThemeWhitePaginationNavigationButton() {
+var DThemeWhitePaginationButtonTop = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonTop, _super);
+    function DThemeWhitePaginationButtonTop() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    return DThemeWhitePaginationNavigationButton;
+    DThemeWhitePaginationButtonTop.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationButtonTop.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_top;
+    };
+    return DThemeWhitePaginationButtonTop;
 }(DThemeWhiteButtonAmbient));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhitePaginationPage = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationPage, _super);
+    function DThemeWhitePaginationPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationPage.prototype.getBackgroundColor = function (state) {
+        return DThemeWhiteConstants.HIGHLIGHT_COLOR;
+    };
+    DThemeWhitePaginationPage.prototype.getColor = function (state) {
+        return DThemeWhiteConstants.ACTIVE_COLOR;
+    };
+    DThemeWhitePaginationPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationPage.prototype.getHeight = function () {
+        return 30;
+    };
+    DThemeWhitePaginationPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    DThemeWhitePaginationPage.prototype.getTextAlignHorizontal = function () {
+        return DAlignHorizontal.CENTER;
+    };
+    return DThemeWhitePaginationPage;
+}(DThemeWhiteImageBase));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 var loadThemeWhitePagination = function () {
     DThemeWhite.set("DPagination", DThemeWhitePagination);
-    DThemeWhite.set("DPaginationNavigationButton", DThemeWhitePaginationNavigationButton);
-    DThemeWhite.set("DPaginationDynamicButtons", DThemeWhitePaginationDynamicButtons);
-    DThemeWhite.set("DPaginationDotsButton", DThemeWhitePaginationDotsButton);
+    DThemeWhite.set("DPaginationPage", DThemeWhitePaginationPage);
+    DThemeWhite.set("DPaginationDots", DThemeWhitePaginationDots);
+    DThemeWhite.set("DPaginationButtonLast", DThemeWhitePaginationButtonLast);
+    DThemeWhite.set("DPaginationButtonNext", DThemeWhitePaginationButtonNext);
+    DThemeWhite.set("DPaginationButtonPage", DThemeWhitePaginationButtonPage);
+    DThemeWhite.set("DPaginationButtonPrevious", DThemeWhitePaginationButtonPrevious);
+    DThemeWhite.set("DPaginationButtonTop", DThemeWhitePaginationButtonTop);
 };
 
 /*
@@ -53168,7 +53343,7 @@ var DThemeDarkChart = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     DThemeDarkChart.prototype.getPaddingLeft = function () {
-        return 70;
+        return 80;
     };
     DThemeDarkChart.prototype.getPaddingRight = function () {
         return 10;
@@ -53233,7 +53408,7 @@ var DThemeDarkChartAxisBase = /** @class */ (function () {
         }
     };
     DThemeDarkChartAxisBase.prototype.getLabelPaddingHorizontal = function () {
-        return 50;
+        return 60;
     };
     DThemeDarkChartAxisBase.prototype.getLabelPaddingVertical = function () {
         return 50;
@@ -53274,6 +53449,9 @@ var DThemeDarkChartAxisBase = /** @class */ (function () {
     DThemeDarkChartAxisBase.prototype.getMajorTickCount = function () {
         return 3;
     };
+    DThemeDarkChartAxisBase.prototype.getMajorTickStep = function () {
+        return undefined;
+    };
     DThemeDarkChartAxisBase.prototype.getMajorTickSize = function () {
         return 10;
     };
@@ -53373,6 +53551,9 @@ var DThemeDarkChartAxisBase = /** @class */ (function () {
     DThemeDarkChartAxisBase.prototype.getMinorTickCount = function () {
         return 3;
     };
+    DThemeDarkChartAxisBase.prototype.getMinorTickStep = function () {
+        return undefined;
+    };
     DThemeDarkChartAxisBase.prototype.getMinorTickSize = function () {
         return 5;
     };
@@ -53455,13 +53636,23 @@ var DThemeDarkChartAxisY = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeDarkChartCoordinateLinear = /** @class */ (function () {
-    function DThemeDarkChartCoordinateLinear() {
+var DThemeDarkChartCoordinate = /** @class */ (function () {
+    function DThemeDarkChartCoordinate() {
     }
-    DThemeDarkChartCoordinateLinear.prototype.isZero = function (value) {
+    DThemeDarkChartCoordinate.prototype.isZero = function (value) {
         return Math.abs(value) < 0.00001;
     };
-    DThemeDarkChartCoordinateLinear.prototype.toStepScale = function (scale) {
+    return DThemeDarkChartCoordinate;
+}());
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkChartCoordinateTick = /** @class */ (function () {
+    function DThemeDarkChartCoordinateTick() {
+    }
+    DThemeDarkChartCoordinateTick.prototype.toStepScale = function (scale) {
         if (5.5 <= scale) {
             return 10;
         }
@@ -53473,32 +53664,20 @@ var DThemeDarkChartCoordinateLinear = /** @class */ (function () {
         }
         return 1;
     };
-    return DThemeDarkChartCoordinateLinear;
+    return DThemeDarkChartCoordinateTick;
 }());
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeDarkChartCoordinateLog = /** @class */ (function () {
-    function DThemeDarkChartCoordinateLog() {
+var DThemeDarkChartCoordinateTransform = /** @class */ (function () {
+    function DThemeDarkChartCoordinateTransform() {
     }
-    DThemeDarkChartCoordinateLog.prototype.isZero = function (value) {
+    DThemeDarkChartCoordinateTransform.prototype.isZero = function (value) {
         return Math.abs(value) < 0.00001;
     };
-    DThemeDarkChartCoordinateLog.prototype.toStepScale = function (scale) {
-        if (5.5 <= scale) {
-            return 10;
-        }
-        else if (2.2 <= scale) {
-            return 5;
-        }
-        else if (1.1 <= scale) {
-            return 2;
-        }
-        return 1;
-    };
-    return DThemeDarkChartCoordinateLog;
+    return DThemeDarkChartCoordinateTransform;
 }());
 
 /*
@@ -53573,6 +53752,9 @@ var DThemeDarkChartPlotArea = /** @class */ (function (_super) {
     DThemeDarkChartPlotArea.prototype.getBorderColor = function (state) {
         return null;
     };
+    DThemeDarkChartPlotArea.prototype.getCornerMask = function () {
+        return DCornerMask.ALL;
+    };
     DThemeDarkChartPlotArea.prototype.isOverflowMaskEnabled = function () {
         return true;
     };
@@ -53660,8 +53842,9 @@ var loadThemeDarkChart = function () {
     DThemeDark.set("DChartAxisX", DThemeDarkChartAxisX);
     DThemeDark.set("DChartAxisXDatetime", DThemeDarkChartAxisXDatetime);
     DThemeDark.set("DChartAxisY", DThemeDarkChartAxisY);
-    DThemeDark.set("DChartCoordinateLinear", DThemeDarkChartCoordinateLinear);
-    DThemeDark.set("DChartCoordinateLog", DThemeDarkChartCoordinateLog);
+    DThemeDark.set("DChartCoordinate", DThemeDarkChartCoordinate);
+    DThemeDark.set("DChartCoordinateTick", DThemeDarkChartCoordinateTick);
+    DThemeDark.set("DChartCoordinateTransform", DThemeDarkChartCoordinateTransform);
     DThemeDark.set("DChartLegend", DThemeDarkChartLegend);
     DThemeDark.set("DChartLegendItem", DThemeDarkChartLegendItem);
     DThemeDark.set("DChartOverview", DThemeDarkChartOverview);
@@ -56682,8 +56865,11 @@ var DThemeDarkPagination = /** @class */ (function (_super) {
     DThemeDarkPagination.prototype.getWidth = function () {
         return "auto";
     };
-    DThemeDarkPagination.prototype.getButtonWidth = function () {
-        return 30;
+    DThemeDarkPagination.prototype.getMargin = function () {
+        return 10;
+    };
+    DThemeDarkPagination.prototype.getButtonSpace = function () {
+        return 10;
     };
     return DThemeDarkPagination;
 }(DThemeDarkLayoutHorizontal));
@@ -56692,75 +56878,192 @@ var DThemeDarkPagination = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeDarkPaginationDotsButton = /** @class */ (function (_super) {
-    __extends(DThemeDarkPaginationDotsButton, _super);
-    function DThemeDarkPaginationDotsButton() {
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_dots", 21, 21, "<g>" +
+    "<circle cx=\"2\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"10.5\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"19\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationDots = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationDots, _super);
+    function DThemeDarkPaginationDots() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeDarkPaginationDotsButton.prototype.getBackgroundColor = function (state) {
-        return null;
+    DThemeDarkPaginationDots.prototype.getWidth = function () {
+        return 30;
     };
-    DThemeDarkPaginationDotsButton.prototype.getBorderColor = function (state) {
-        return null;
+    DThemeDarkPaginationDots.prototype.getHeight = function () {
+        return 30;
     };
-    DThemeDarkPaginationDotsButton.prototype.newTextValue = function () {
-        return "...";
+    DThemeDarkPaginationDots.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
+    DThemeDarkPaginationDots.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_dots;
+    };
+    return DThemeDarkPaginationDots;
+}(DThemeDarkImageBase));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_button_last", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationButtonLast = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonLast, _super);
+    function DThemeDarkPaginationButtonLast() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationButtonLast.prototype.getWidth = function () {
+        return 30;
     };
-    return DThemeDarkPaginationDotsButton;
+    DThemeDarkPaginationButtonLast.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_last;
+    };
+    return DThemeDarkPaginationButtonLast;
 }(DThemeDarkButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeDarkPaginationDynamicButtons = /** @class */ (function (_super) {
-    __extends(DThemeDarkPaginationDynamicButtons, _super);
-    function DThemeDarkPaginationDynamicButtons() {
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_button_next", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationButtonNext = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonNext, _super);
+    function DThemeDarkPaginationButtonNext() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeDarkPaginationDynamicButtons.prototype.getWidth = function () {
-        return "auto";
+    DThemeDarkPaginationButtonNext.prototype.getWidth = function () {
+        return 30;
     };
-    return DThemeDarkPaginationDynamicButtons;
-}(DThemeDarkLayoutHorizontal));
+    DThemeDarkPaginationButtonNext.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_next;
+    };
+    return DThemeDarkPaginationButtonNext;
+}(DThemeDarkButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkPaginationButtonPage = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonPage, _super);
+    function DThemeDarkPaginationButtonPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationButtonPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationButtonPage.prototype.newTextValue = function () {
+        return 0;
+    };
+    DThemeDarkPaginationButtonPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    return DThemeDarkPaginationButtonPage;
+}(DThemeDarkButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 /* eslint-disable prettier/prettier */
-DThemeDarkAtlas.add("pagination_navigation_button_previous", 21, 21, "<g>" +
+DThemeDarkAtlas.add("pagination_button_previous", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"13 15 7 10 13 5\"></polyline>" +
     "</g>");
-DThemeDarkAtlas.add("pagination_navigation_button_next", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
-    "</g>");
-DThemeDarkAtlas.add("pagination_navigation_button_go_first", 21, 21, "<g>" +
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationButtonPrevious = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonPrevious, _super);
+    function DThemeDarkPaginationButtonPrevious() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationButtonPrevious.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationButtonPrevious.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_previous;
+    };
+    return DThemeDarkPaginationButtonPrevious;
+}(DThemeDarkButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_button_top", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"11 15 5 10 11 5\"></polyline>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"15 15 9 10 15 5\"></polyline>" +
     "</g>");
-DThemeDarkAtlas.add("pagination_navigation_button_go_last", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
-    "</g>");
 /* eslint-enable prettier/prettier */
-var DThemeDarkPaginationNavigationButton = /** @class */ (function (_super) {
-    __extends(DThemeDarkPaginationNavigationButton, _super);
-    function DThemeDarkPaginationNavigationButton() {
+var DThemeDarkPaginationButtonTop = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonTop, _super);
+    function DThemeDarkPaginationButtonTop() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    return DThemeDarkPaginationNavigationButton;
+    DThemeDarkPaginationButtonTop.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationButtonTop.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_top;
+    };
+    return DThemeDarkPaginationButtonTop;
 }(DThemeDarkButtonAmbient));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkPaginationPage = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationPage, _super);
+    function DThemeDarkPaginationPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationPage.prototype.getBackgroundColor = function (state) {
+        return DThemeDarkConstants.HIGHLIGHT_COLOR;
+    };
+    DThemeDarkPaginationPage.prototype.getColor = function (state) {
+        return DThemeDarkConstants.ACTIVE_COLOR;
+    };
+    DThemeDarkPaginationPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationPage.prototype.getHeight = function () {
+        return 30;
+    };
+    DThemeDarkPaginationPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    DThemeDarkPaginationPage.prototype.getTextAlignHorizontal = function () {
+        return DAlignHorizontal.CENTER;
+    };
+    return DThemeDarkPaginationPage;
+}(DThemeDarkImageBase));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 var loadThemeDarkPagination = function () {
     DThemeDark.set("DPagination", DThemeDarkPagination);
-    DThemeDark.set("DPaginationNavigationButton", DThemeDarkPaginationNavigationButton);
-    DThemeDark.set("DPaginationDynamicButtons", DThemeDarkPaginationDynamicButtons);
-    DThemeDark.set("DPaginationDotsButton", DThemeDarkPaginationDotsButton);
+    DThemeDark.set("DPaginationPage", DThemeDarkPaginationPage);
+    DThemeDark.set("DPaginationDots", DThemeDarkPaginationDots);
+    DThemeDark.set("DPaginationButtonLast", DThemeDarkPaginationButtonLast);
+    DThemeDark.set("DPaginationButtonNext", DThemeDarkPaginationButtonNext);
+    DThemeDark.set("DPaginationButtonPage", DThemeDarkPaginationButtonPage);
+    DThemeDark.set("DPaginationButtonPrevious", DThemeDarkPaginationButtonPrevious);
+    DThemeDark.set("DPaginationButtonTop", DThemeDarkPaginationButtonTop);
 };
 
 /*
@@ -66967,7 +67270,7 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
         };
     };
     DChartAxisBaseOptionParser.prototype.toTickMajor = function (theme, options) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         var major = options === null || options === void 0 ? void 0 : options.major;
         var position = (_b = (_a = major === null || major === void 0 ? void 0 : major.position) !== null && _a !== void 0 ? _a : options === null || options === void 0 ? void 0 : options.position) !== null && _b !== void 0 ? _b : theme.getMajorTickPosition();
         var optionsStyle = options === null || options === void 0 ? void 0 : options.style;
@@ -66976,7 +67279,8 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
         var stroke = this.toTickMajorStroke(theme, major === null || major === void 0 ? void 0 : major.stroke, optionsStroke);
         return {
             count: (_e = major === null || major === void 0 ? void 0 : major.count) !== null && _e !== void 0 ? _e : theme.getMajorTickCount(),
-            size: (_f = major === null || major === void 0 ? void 0 : major.size) !== null && _f !== void 0 ? _f : theme.getMajorTickSize(),
+            step: (_f = major === null || major === void 0 ? void 0 : major.step) !== null && _f !== void 0 ? _f : theme.getMajorTickStep(),
+            size: (_g = major === null || major === void 0 ? void 0 : major.size) !== null && _g !== void 0 ? _g : theme.getMajorTickSize(),
             position: this.toTickPosition(position),
             style: style,
             stroke: stroke,
@@ -67028,13 +67332,14 @@ var DChartAxisBaseOptionParser = /** @class */ (function () {
         }
     };
     DChartAxisBaseOptionParser.prototype.toMinorTick = function (theme, options) {
-        var _a, _b, _c, _d, _e, _f;
-        var minor = options === null || options === void 0 ? void 0 : options.major;
+        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();
         var style = EShapePointsStyles.from((_d = (_c = minor === null || minor === void 0 ? void 0 : minor.style) !== null && _c !== void 0 ? _c : options === null || options === void 0 ? void 0 : options.style) !== null && _d !== void 0 ? _d : theme.getMinorTickStyle());
         return {
             count: (_e = minor === null || minor === void 0 ? void 0 : minor.count) !== null && _e !== void 0 ? _e : theme.getMinorTickCount(),
-            size: (_f = minor === null || minor === void 0 ? void 0 : minor.size) !== null && _f !== void 0 ? _f : theme.getMinorTickSize(),
+            step: (_f = minor === null || minor === void 0 ? void 0 : minor.step) !== null && _f !== void 0 ? _f : theme.getMinorTickStep(),
+            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),
@@ -67320,13 +67625,17 @@ var DChartAxisBase = /** @class */ (function () {
     };
     DChartAxisBase.prototype.updateTicksX = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionY, transform, plotAreaHeight) {
         var tick = this._tick;
-        var majorCount = tick.major.count;
-        var majorFormatter = tick.major.formatter;
-        var minorCountPerMajor = tick.minor.count;
+        var majorTick = tick.major;
+        var majorCount = majorTick.count;
+        var majorStep = majorTick.step;
+        var majorFormatter = majorTick.formatter;
+        var minorTick = tick.minor;
+        var minorCountPerMajor = minorTick.count;
         var minorCount = (majorCount + 1) * minorCountPerMajor;
+        var minorStep = minorTick.step;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        coordinate.ticks(domainMin, domainMax, majorCount, minorCountPerMajor, minorCount, majorTicks, minorTicks);
+        coordinate.ticks(domainMin, domainMax, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var a = transform.a;
         var tx = transform.tx;
         for (var i = 0; i < majorCount; ++i) {
@@ -67376,13 +67685,17 @@ var DChartAxisBase = /** @class */ (function () {
     };
     DChartAxisBase.prototype.updateTicksY = function (domainMin, domainMax, coordinate, majorShapes, minorShapes, gridlineShapes, shapePositionX, transform, plotAreaWidth) {
         var tick = this._tick;
-        var majorCount = tick.major.count;
-        var majorFormatter = tick.major.formatter;
-        var minorCountPerMajor = tick.minor.count;
+        var majorTick = tick.major;
+        var majorCount = majorTick.count;
+        var majorStep = majorTick.step;
+        var majorFormatter = majorTick.formatter;
+        var minorTick = tick.minor;
+        var minorCountPerMajor = minorTick.count;
         var minorCount = (majorCount + 1) * minorCountPerMajor;
+        var minorStep = minorTick.step;
         var majorTicks = this._majorTicks;
         var minorTicks = this._minorTicks;
-        coordinate.ticks(domainMin, domainMax, majorCount, minorCountPerMajor, minorCount, majorTicks, minorTicks);
+        coordinate.ticks(domainMin, domainMax, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorTicks, minorTicks);
         var d = transform.d;
         var ty = transform.ty;
         for (var i = 0; i < majorCount; ++i) {
@@ -68022,25 +68335,45 @@ var DChartCoordinateContainerImpl = /** @class */ (function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var DChartCoordinateLinearTick = /** @class */ (function () {
-    function DChartCoordinateLinearTick(theme) {
-        this._theme = theme;
+    function DChartCoordinateLinearTick(options) {
+        this._theme = this.toTheme(options);
     }
-    DChartCoordinateLinearTick.prototype.calcStepMajor = function (domainMin, domainMax, count) {
-        if (0 < count) {
-            var span = Math.abs(domainMax - domainMin) / count;
-            var power = Math.floor(Math.log(span) / Math.LN10);
-            var base = Math.pow(10, power);
-            return this._theme.toStepScale(span / base) * base;
+    DChartCoordinateLinearTick.prototype.toMajorStep = function (domainMin, domainMax, majorCount, majorStep) {
+        if (majorStep == null) {
+            if (0 < majorCount) {
+                return this.calcStepMajor(domainMin, domainMax, majorCount);
+            }
+            return -1;
         }
-        return -1;
-    };
-    DChartCoordinateLinearTick.prototype.calcStepMinor = function (step, minorCount) {
-        if (0 <= step) {
-            return step / (minorCount + 1);
+        else if (isNumber(majorStep)) {
+            return majorStep;
         }
         else {
+            return majorStep(domainMin, domainMax, majorCount);
+        }
+    };
+    DChartCoordinateLinearTick.prototype.calcStepMajor = function (domainMin, domainMax, majorCount) {
+        var span = Math.abs(domainMax - domainMin) / majorCount;
+        var power = Math.floor(Math.log(span) / Math.LN10);
+        var base = Math.pow(10, power);
+        return this._theme.toStepScale(span / base) * base;
+    };
+    DChartCoordinateLinearTick.prototype.toMinorStep = function (majorStep, minorCount, minorStep) {
+        if (minorStep == null) {
+            if (0 <= majorStep) {
+                return this.calcStepMinor(majorStep, minorCount);
+            }
             return -1;
         }
+        else if (isNumber(minorStep)) {
+            return minorStep;
+        }
+        else {
+            return minorStep(majorStep, minorCount);
+        }
+    };
+    DChartCoordinateLinearTick.prototype.calcStepMinor = function (majorStep, minorCount) {
+        return majorStep / (minorCount + 1);
     };
     DChartCoordinateLinearTick.prototype.calcTickMinorPositions = function (step, count, majorPosition, rangeMin, rangeMax, iresult, result) {
         for (var i = 0; i < count; i += 1) {
@@ -68050,15 +68383,15 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
             }
         }
     };
-    DChartCoordinateLinearTick.prototype.calculate = function (domainFrom, domainTo, majorCount, minorCountPerMajor, minorCount, majorResult, minorResult, coordinate) {
+    DChartCoordinateLinearTick.prototype.calculate = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, coordinate) {
         if (majorCount <= 0) {
             return;
         }
         var transform = coordinate.transform;
         var domainMin = Math.min(domainFrom, domainTo);
         var domainMax = Math.max(domainFrom, domainTo);
-        var majorStep = this.calcStepMajor(domainMin, domainMax, majorCount);
-        if (majorStep <= 0) {
+        var majorStepMapped = this.toMajorStep(domainMin, domainMax, majorCount, majorStep);
+        if (majorStepMapped <= 0) {
             majorResult[0] = domainMin;
             majorResult[1] = transform.map(coordinate.map(domainMin));
             majorResult[2] = 0;
@@ -68077,33 +68410,37 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
             return;
         }
         // Major tick start position
-        var idomainStart = Math.floor(domainMin / majorStep) - 1;
-        var idomainEnd = Math.ceil(domainMax / majorStep) + 1;
+        var idomainStart = Math.floor(domainMin / majorStepMapped) - 1;
+        var idomainEnd = Math.ceil(domainMax / majorStepMapped) + 1;
+        var domainMinMapped = transform.map(coordinate.map(domainMin));
+        var domainMaxMapped = transform.map(coordinate.map(domainMax));
+        var from = Math.min(domainMinMapped, domainMaxMapped) - 0.5;
+        var to = Math.max(domainMinMapped, domainMaxMapped) + 0.5;
         // Major / minor tick positions
-        var minorStep = this.calcStepMinor(majorStep, minorCountPerMajor);
+        var minorStepMapped = this.toMinorStep(majorStepMapped, minorCountPerMajor, minorStep);
         var imajor = 0;
         var iminor = 0;
         for (var i = idomainStart; i <= idomainEnd; ++i) {
-            var majorPosition = i * majorStep;
+            var majorPosition = i * majorStepMapped;
             if (imajor < majorCount) {
-                if (domainMin <= majorPosition && majorPosition <= domainMax) {
-                    var majorProjectedPosition = transform.map(coordinate.map(majorPosition));
+                var majorPositionMapped = transform.map(coordinate.map(majorPosition));
+                if (from <= majorPositionMapped && majorPositionMapped <= to) {
                     var imajorResult = imajor * 3;
                     majorResult[imajorResult + 0] = majorPosition;
-                    majorResult[imajorResult + 1] = majorProjectedPosition;
-                    majorResult[imajorResult + 2] = majorStep;
+                    majorResult[imajorResult + 1] = majorPositionMapped;
+                    majorResult[imajorResult + 2] = majorStepMapped;
                     imajor += 1;
                 }
             }
             for (var j = 0; j < minorCountPerMajor; j += 1) {
                 if (iminor < minorCount) {
-                    var minorPosition = majorPosition + (j + 1) * minorStep;
-                    if (domainMin <= minorPosition && minorPosition <= domainMax) {
-                        var minorProjectedPosition = transform.map(coordinate.map(minorPosition));
+                    var minorPosition = majorPosition + (j + 1) * minorStepMapped;
+                    var minorPositionMapped = transform.map(coordinate.map(minorPosition));
+                    if (from <= minorPositionMapped && minorPositionMapped <= to) {
                         var iminorResult = iminor * 3;
                         minorResult[iminorResult + 0] = minorPosition;
-                        minorResult[iminorResult + 1] = minorProjectedPosition;
-                        minorResult[iminorResult + 2] = minorStep;
+                        minorResult[iminorResult + 1] = minorPositionMapped;
+                        minorResult[iminorResult + 2] = minorStepMapped;
                         iminor += 1;
                     }
                 }
@@ -68122,14 +68459,29 @@ var DChartCoordinateLinearTick = /** @class */ (function () {
             minorResult[iminorResult + 2] = NaN;
         }
     };
+    DChartCoordinateLinearTick.prototype.toTheme = function (options) {
+        return (options && options.theme) || this.getThemeDefault();
+    };
+    DChartCoordinateLinearTick.prototype.getThemeDefault = function () {
+        return DThemes.getInstance().get(this.getType());
+    };
+    DChartCoordinateLinearTick.prototype.getType = function () {
+        return "DChartCoordinateTick";
+    };
     return DChartCoordinateLinearTick;
 }());
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
 var DChartCoordinateTransformImpl = /** @class */ (function () {
-    function DChartCoordinateTransformImpl(theme) {
-        this._theme = theme;
+    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;
@@ -68169,11 +68521,13 @@ var DChartCoordinateTransformImpl = /** @class */ (function () {
     };
     DChartCoordinateTransformImpl.prototype.set = function (translate, scale) {
         var isChanged = false;
-        if (translate != null && this._translate !== translate) {
+        if (translate != null &&
+            this._isTranslationEnabled !== false &&
+            this._translate !== translate) {
             isChanged = true;
             this._translate = translate;
         }
-        if (scale != null && this._scale !== scale) {
+        if (scale != null && this._isScalingEnabled !== false && this._scale !== scale) {
             isChanged = true;
             this._scale = scale;
         }
@@ -68209,6 +68563,15 @@ var DChartCoordinateTransformImpl = /** @class */ (function () {
             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;
 }());
 
@@ -68273,13 +68636,34 @@ var DChartCoordinateLinear = /** @class */ (function () {
     function DChartCoordinateLinear(options) {
         this._id = 0;
         this._direction = DChartCoordinateDirection.X;
-        var theme = this.toTheme(options);
-        this._theme = theme;
-        this._transform = new DChartCoordinateTransformImpl(theme);
-        this._tick = new DChartCoordinateLinearTick(theme);
+        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;
     }
+    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;
@@ -68319,6 +68703,12 @@ var DChartCoordinateLinear = /** @class */ (function () {
         }
     };
     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);
         }
@@ -68329,6 +68719,12 @@ var DChartCoordinateLinear = /** @class */ (function () {
         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);
         }
@@ -68384,8 +68780,8 @@ var DChartCoordinateLinear = /** @class */ (function () {
     DChartCoordinateLinear.prototype.unmapAll = function (values, ifrom, iend, stride, offset) {
         // DO NOTHING
     };
-    DChartCoordinateLinear.prototype.ticks = function (domainFrom, domainTo, majorCount, minorCountPerMajor, minorCount, majorResult, minorResult) {
-        this._tick.calculate(domainFrom, domainTo, majorCount, minorCountPerMajor, minorCount, majorResult, minorResult, this);
+    DChartCoordinateLinear.prototype.ticks = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
+        this._tick.calculate(domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, this);
     };
     DChartCoordinateLinear.prototype.toTheme = function (options) {
         return (options && options.theme) || this.getThemeDefault();
@@ -68394,7 +68790,7 @@ var DChartCoordinateLinear = /** @class */ (function () {
         return DThemes.getInstance().get(this.getType());
     };
     DChartCoordinateLinear.prototype.getType = function () {
-        return "DChartCoordinateLinear";
+        return "DChartCoordinate";
     };
     return DChartCoordinateLinear;
 }());
@@ -68404,25 +68800,45 @@ var DChartCoordinateLinear = /** @class */ (function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var DChartCoordinateLogTick = /** @class */ (function () {
-    function DChartCoordinateLogTick(theme) {
-        this._theme = theme;
+    function DChartCoordinateLogTick(options) {
+        this._theme = this.toTheme(options);
     }
-    DChartCoordinateLogTick.prototype.calcStepMajor = function (domainMin, domainMax, count) {
-        if (0 < count) {
-            var span = Math.abs(domainMax - domainMin) / count;
-            var power = Math.floor(Math.log(span) / Math.LN10);
-            var base = Math.pow(10, power);
-            return this._theme.toStepScale(span / base) * base;
+    DChartCoordinateLogTick.prototype.toMajorStep = function (domainMin, domainMax, majorCount, majorStep) {
+        if (majorStep == null) {
+            if (0 < majorCount) {
+                return this.calcStepMajor(domainMin, domainMax, majorCount);
+            }
+            return -1;
         }
-        return -1;
-    };
-    DChartCoordinateLogTick.prototype.calcStepMinor = function (step, minorCount) {
-        if (0 <= step) {
-            return step / (minorCount + 1);
+        else if (isNumber(majorStep)) {
+            return majorStep;
         }
         else {
+            return majorStep(domainMin, domainMax, majorCount);
+        }
+    };
+    DChartCoordinateLogTick.prototype.calcStepMajor = function (domainMin, domainMax, majorCount) {
+        var span = Math.abs(domainMax - domainMin) / majorCount;
+        var power = Math.floor(Math.log(span) / Math.LN10);
+        var base = Math.pow(10, power);
+        return this._theme.toStepScale(span / base) * base;
+    };
+    DChartCoordinateLogTick.prototype.toMinorStep = function (majorStep, minorCount, minorStep) {
+        if (minorStep == null) {
+            if (0 <= majorStep) {
+                return this.calcStepMinor(majorStep, minorCount);
+            }
             return -1;
         }
+        else if (isNumber(minorStep)) {
+            return minorStep;
+        }
+        else {
+            return minorStep(majorStep, minorCount);
+        }
+    };
+    DChartCoordinateLogTick.prototype.calcStepMinor = function (majorStep, minorCount) {
+        return majorStep / (minorCount + 1);
     };
     DChartCoordinateLogTick.prototype.calcTickMinorPositions = function (step, count, majorPosition, rangeMin, rangeMax, iresult, result) {
         for (var i = 0; i < count; i += 1) {
@@ -68432,7 +68848,7 @@ var DChartCoordinateLogTick = /** @class */ (function () {
             }
         }
     };
-    DChartCoordinateLogTick.prototype.calculate = function (domainFrom, domainTo, majorCount, minorCountPerMajor, minorCount, majorResult, minorResult, coordinate) {
+    DChartCoordinateLogTick.prototype.calculate = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, coordinate) {
         if (majorCount <= 0) {
             return;
         }
@@ -68441,7 +68857,7 @@ var DChartCoordinateLogTick = /** @class */ (function () {
         var domainToMapped = coordinate.map(domainTo);
         var domainMinMapped = Math.min(domainFromMapped, domainToMapped);
         var domainMaxMapped = Math.max(domainFromMapped, domainToMapped);
-        var majorStepMapped = this.calcStepMajor(domainMinMapped, domainMaxMapped, majorCount);
+        var majorStepMapped = this.toMajorStep(domainMinMapped, domainMaxMapped, majorCount, majorStep);
         if (majorStepMapped <= 0) {
             var domainMin = Math.min(domainFrom, domainTo);
             majorResult[0] = domainMin;
@@ -68465,7 +68881,7 @@ var DChartCoordinateLogTick = /** @class */ (function () {
         var idomainStartMapped = Math.floor(domainMinMapped / majorStepMapped) - 1;
         var idomainEndMapped = Math.ceil(domainMaxMapped / majorStepMapped) + 1;
         // Major / minor tick positions
-        var minorStepMapped = this.calcStepMinor(majorStepMapped, minorCountPerMajor);
+        var minorStepMapped = this.toMinorStep(majorStepMapped, minorCountPerMajor, minorStep);
         var imajor = 0;
         var iminor = 0;
         for (var i = idomainStartMapped; i <= idomainEndMapped; ++i) {
@@ -68473,13 +68889,10 @@ var DChartCoordinateLogTick = /** @class */ (function () {
             if (imajor < majorCount) {
                 if (domainMinMapped <= majorPositionMapped &&
                     majorPositionMapped <= domainMaxMapped) {
-                    var majorPosition = coordinate.unmap(majorPositionMapped);
-                    var majorProjectedPosition = transform.map(majorPositionMapped);
-                    var majorStep = coordinate.unmap(majorPositionMapped - 1);
                     var imajorResult = imajor * 3;
-                    majorResult[imajorResult + 0] = majorPosition;
-                    majorResult[imajorResult + 1] = majorProjectedPosition;
-                    majorResult[imajorResult + 2] = majorStep;
+                    majorResult[imajorResult + 0] = coordinate.unmap(majorPositionMapped);
+                    majorResult[imajorResult + 1] = transform.map(majorPositionMapped);
+                    majorResult[imajorResult + 2] = coordinate.unmap(majorPositionMapped - 1);
                     imajor += 1;
                 }
             }
@@ -68488,13 +68901,10 @@ var DChartCoordinateLogTick = /** @class */ (function () {
                     var minorPositionMapped = majorPositionMapped + (j + 1) * minorStepMapped;
                     if (domainMinMapped <= minorPositionMapped &&
                         minorPositionMapped <= domainMaxMapped) {
-                        var minorPosition = coordinate.unmap(minorPositionMapped);
-                        var minorProjectedPosition = transform.map(minorPositionMapped);
-                        var minorStep = coordinate.unmap(minorPositionMapped - 1);
                         var iminorResult = iminor * 3;
-                        minorResult[iminorResult + 0] = minorPosition;
-                        minorResult[iminorResult + 1] = minorProjectedPosition;
-                        minorResult[iminorResult + 2] = minorStep;
+                        minorResult[iminorResult + 0] = coordinate.unmap(minorPositionMapped);
+                        minorResult[iminorResult + 1] = transform.map(minorPositionMapped);
+                        minorResult[iminorResult + 2] = coordinate.unmap(minorPositionMapped - 1);
                         iminor += 1;
                     }
                 }
@@ -68513,6 +68923,15 @@ var DChartCoordinateLogTick = /** @class */ (function () {
             minorResult[iminorResult + 2] = NaN;
         }
     };
+    DChartCoordinateLogTick.prototype.toTheme = function (options) {
+        return (options && options.theme) || this.getThemeDefault();
+    };
+    DChartCoordinateLogTick.prototype.getThemeDefault = function () {
+        return DThemes.getInstance().get(this.getType());
+    };
+    DChartCoordinateLogTick.prototype.getType = function () {
+        return "DChartCoordinateTick";
+    };
     return DChartCoordinateLogTick;
 }());
 
@@ -68524,13 +68943,34 @@ var DChartCoordinateLog = /** @class */ (function () {
     function DChartCoordinateLog(options) {
         this._id = 0;
         this._direction = DChartCoordinateDirection.X;
-        var theme = this.toTheme(options);
-        this._theme = theme;
-        this._transform = new DChartCoordinateTransformImpl(theme);
-        this._tick = new DChartCoordinateLogTick(theme);
+        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;
     }
+    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;
@@ -68568,6 +69008,12 @@ var DChartCoordinateLog = /** @class */ (function () {
         }
     };
     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);
         }
@@ -68578,6 +69024,12 @@ var DChartCoordinateLog = /** @class */ (function () {
         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);
         }
@@ -68641,8 +69093,8 @@ var DChartCoordinateLog = /** @class */ (function () {
             values[i] = Math.pow(10, values[i]);
         }
     };
-    DChartCoordinateLog.prototype.ticks = function (domainFrom, domainTo, majorCount, minorCountPerMajor, minorCount, majorResult, minorResult) {
-        this._tick.calculate(domainFrom, domainTo, majorCount, minorCountPerMajor, minorCount, majorResult, minorResult, this);
+    DChartCoordinateLog.prototype.ticks = function (domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult) {
+        this._tick.calculate(domainFrom, domainTo, majorCount, majorStep, minorCountPerMajor, minorCount, minorStep, majorResult, minorResult, this);
     };
     DChartCoordinateLog.prototype.toTheme = function (options) {
         return (options && options.theme) || this.getThemeDefault();
@@ -68651,7 +69103,7 @@ var DChartCoordinateLog = /** @class */ (function () {
         return DThemes.getInstance().get(this.getType());
     };
     DChartCoordinateLog.prototype.getType = function () {
-        return "DChartCoordinateLog";
+        return "DChartCoordinate";
     };
     return DChartCoordinateLog;
 }());
@@ -71105,48 +71557,56 @@ var DChartSeriesLinear = /** @class */ (function (_super) {
         var p1y = NaN;
         var threshold = 0.00001;
         if (babs <= aabs) {
-            var xfrom0 = xcoordinate.unmap(xcoordinate.transform.unmap(0));
-            var xto0 = xcoordinate.unmap(xcoordinate.transform.unmap(plotAreaSizeX));
-            p0x = Math.min(xfrom0, xto0);
-            p1x = Math.max(xfrom0, xto0);
-            if (threshold < aabs) {
-                var yfrom = ycoordinate.unmap(ycoordinate.transform.unmap(0));
-                var yto = ycoordinate.unmap(ycoordinate.transform.unmap(plotAreaSizeY));
-                var xfrom1 = (b * (yfrom - y0)) / a + x0;
-                var xto1 = (b * (yto - y0)) / a + x0;
+            var xfrom = xcoordinate.unmap(xcoordinate.transform.unmap(0));
+            var xto = xcoordinate.unmap(xcoordinate.transform.unmap(plotAreaSizeX));
+            p0x = Math.min(xfrom, xto);
+            p1x = Math.max(xfrom, xto);
+            var yfrom = ycoordinate.unmap(ycoordinate.transform.unmap(0));
+            var yto = ycoordinate.unmap(ycoordinate.transform.unmap(plotAreaSizeY));
+            p0y = Math.min(yfrom, yto);
+            p1y = Math.max(yfrom, yto);
+            if (threshold < babs) {
+                var f = b / a;
+                var xfrom1 = f * (yfrom - y0) + x0;
+                var xto1 = f * (yto - y0) + x0;
                 var p2x = Math.min(xfrom1, xto1);
                 var p3x = Math.max(xfrom1, xto1);
-                if (p0x < p2x) {
-                    p0x = p2x;
-                }
-                if (p3x < p1x) {
-                    p1x = p3x;
-                }
+                p0x = Math.max(p0x, p2x);
+                p1x = Math.min(p1x, p3x);
+                var g = 1 / f;
+                p0y = g * (p0x - x0) + b * y0;
+                p1y = g * (p1x - x0) + b * y0;
+            }
+            else {
+                p0x = x0;
+                p1x = x0;
             }
-            p0y = a * (p0x - x0) + b * y0;
-            p1y = a * (p1x - x0) + b * y0;
         }
         else {
-            var yfrom0 = ycoordinate.unmap(ycoordinate.transform.unmap(0));
-            var yto0 = ycoordinate.unmap(ycoordinate.transform.unmap(plotAreaSizeY));
-            p0y = Math.min(yfrom0, yto0);
-            p1y = Math.max(yfrom0, yto0);
-            if (threshold < babs) {
-                var xfrom = xcoordinate.unmap(xcoordinate.transform.unmap(0));
-                var xto = xcoordinate.unmap(xcoordinate.transform.unmap(plotAreaSizeX));
-                var yfrom1 = (a * (xfrom - x0)) / b + y0;
-                var yto1 = (a * (xto - x0)) / b + y0;
+            var yfrom = ycoordinate.unmap(ycoordinate.transform.unmap(0));
+            var yto = ycoordinate.unmap(ycoordinate.transform.unmap(plotAreaSizeY));
+            p0y = Math.min(yfrom, yto);
+            p1y = Math.max(yfrom, yto);
+            var xfrom = xcoordinate.unmap(xcoordinate.transform.unmap(0));
+            var xto = xcoordinate.unmap(xcoordinate.transform.unmap(plotAreaSizeX));
+            p0x = Math.min(xfrom, xto);
+            p1x = Math.max(xfrom, xto);
+            if (threshold < aabs) {
+                var f = a / b;
+                var yfrom1 = f * (xfrom - x0) + y0;
+                var yto1 = f * (xto - x0) + y0;
                 var p2y = Math.min(yfrom1, yto1);
                 var p3y = Math.max(yfrom1, yto1);
-                if (p0y < p2y) {
-                    p0y = p2y;
-                }
-                if (p3y < p1y) {
-                    p1y = p3y;
-                }
+                p0y = Math.max(p0y, p2y);
+                p1y = Math.min(p1y, p3y);
+                var g = 1 / f;
+                p0x = g * (p0y - y0) + a * x0;
+                p1x = g * (p1y - y0) + a * x0;
+            }
+            else {
+                p0y = y0;
+                p1y = y0;
             }
-            p0x = b * (p0y - y0) + a * x0;
-            p1x = b * (p1y - y0) + a * x0;
         }
         p0x = xcoordinate.transform.map(xcoordinate.map(p0x));
         p0y = ycoordinate.transform.map(ycoordinate.map(p0y));
@@ -71176,6 +71636,7 @@ var DChartSeriesLinear = /** @class */ (function (_super) {
         line.disallowUploadedUpdate();
         line.points.set(values, segments);
         line.size.set(sx, sy);
+        line.points.toFitted();
         line.transform.position.set(cx, cy);
         line.allowUploadedUpdate();
         DApplications.update(line);
@@ -72941,7 +73402,9 @@ var DDiagramDataRemote = /** @class */ (function () {
         var controller = this._controller;
         if (controller) {
             controller.write(id, value);
+            return true;
         }
+        return false;
     };
     return DDiagramDataRemote;
 }());
@@ -73015,8 +73478,10 @@ var DDiagramData = /** @class */ (function () {
                     // Value
                     datumValue.value = value;
                 }
+                return true;
             }
         }
+        return false;
     };
     DDiagramData.prototype.clear = function (id) {
         var canvas = this._diagram.canvas;
@@ -73026,8 +73491,10 @@ var DDiagramData = /** @class */ (function () {
                 for (var i = 0, imax = datum.length; i < imax; ++i) {
                     datum[i].clear();
                 }
+                return true;
             }
         }
+        return false;
     };
     DDiagramData.prototype.setAll = function (id, values, times, from, to) {
         var canvas = this._diagram.canvas;
@@ -73046,8 +73513,10 @@ var DDiagramData = /** @class */ (function () {
                     // Value
                     datumValue.values = values;
                 }
+                return true;
             }
         }
+        return false;
     };
     DDiagramData.prototype.setValue = function (id, value, time) {
         var canvas = this._diagram.canvas;
@@ -73061,8 +73530,10 @@ var DDiagramData = /** @class */ (function () {
                     }
                     datumValue.value = value;
                 }
+                return true;
             }
         }
+        return false;
     };
     DDiagramData.prototype.setValues = function (id, values, times) {
         var canvas = this._diagram.canvas;
@@ -73076,8 +73547,10 @@ var DDiagramData = /** @class */ (function () {
                     }
                     datumValue.values = values;
                 }
+                return true;
             }
         }
+        return false;
     };
     DDiagramData.prototype.setTime = function (id, time) {
         var canvas = this._diagram.canvas;
@@ -73087,8 +73560,10 @@ var DDiagramData = /** @class */ (function () {
                 for (var i = 0, imax = datum.length; i < imax; ++i) {
                     datum[i].time = time;
                 }
+                return true;
             }
         }
+        return false;
     };
     DDiagramData.prototype.setTimes = function (id, times) {
         var canvas = this._diagram.canvas;
@@ -73098,8 +73573,10 @@ var DDiagramData = /** @class */ (function () {
                 for (var i = 0, imax = datum.length; i < imax; ++i) {
                     datum[i].times = times;
                 }
+                return true;
             }
         }
+        return false;
     };
     DDiagramData.prototype.setRange = function (id, from, to) {
         var canvas = this._diagram.canvas;
@@ -73127,8 +73604,10 @@ var DDiagramData = /** @class */ (function () {
                         }
                     }
                 }
+                return true;
             }
         }
+        return false;
     };
     return DDiagramData;
 }());
@@ -75779,370 +76258,607 @@ var DNotification = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DPaginationDotsButton = /** @class */ (function (_super) {
-    __extends(DPaginationDotsButton, _super);
-    function DPaginationDotsButton() {
+var DPaginationButtonLast = /** @class */ (function (_super) {
+    __extends(DPaginationButtonLast, _super);
+    function DPaginationButtonLast() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DPaginationDotsButton.prototype.getType = function () {
-        return "DPaginationDotsButton";
+    DPaginationButtonLast.prototype.getType = function () {
+        return "DPaginationButtonLast";
     };
-    return DPaginationDotsButton;
+    return DPaginationButtonLast;
 }(DButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DPaginationDynamicButtons = /** @class */ (function (_super) {
-    __extends(DPaginationDynamicButtons, _super);
-    function DPaginationDynamicButtons() {
+var DPaginationButtonNext = /** @class */ (function (_super) {
+    __extends(DPaginationButtonNext, _super);
+    function DPaginationButtonNext() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DPaginationDynamicButtons.prototype.init = function (options) {
-        _super.prototype.init.call(this, options);
-        this._dotsBtnLeft = new DPaginationDotsButton({
-            width: options.button.width,
-            visible: !!options.button.dotsLeft
-        });
-        this._dotsBtnRight = new DPaginationDotsButton({
-            width: options.button.width,
-            visible: !!options.button.dotsRight
-        });
-        this.addChild(this._dotsBtnLeft);
-        this.addChild(this._dotsBtnRight);
+    DPaginationButtonNext.prototype.getType = function () {
+        return "DPaginationButtonNext";
     };
-    DPaginationDynamicButtons.prototype.update = function (options) {
-        var _this = this;
-        if (options.start == null || options.end == null) {
-            return;
-        }
-        var btnsCount = options.end - options.start + 1 > 0 ? options.end - options.start + 1 : 0;
-        var pageButtons = this.children.slice(1, this.children.length - 1);
-        if (pageButtons.length < btnsCount) {
-            for (var i = pageButtons.length; i < btnsCount; i++) {
-                var btn = new DButton({
-                    width: options.button.width
-                });
-                this.addChildAt(btn, this.children.length - 1);
-                btn.on("active", function (clickedBtn) {
-                    _this.emit("active", clickedBtn);
-                });
-            }
-            // re-new "pageButtons" after add new buttons
-            pageButtons = this.children.slice(1, this.children.length - 1);
-        }
-        else if (pageButtons.length > btnsCount) {
-            for (var i = btnsCount; i < pageButtons.length; i++) {
-                pageButtons[i].hide();
-            }
-        }
-        // update button text and active state
-        for (var i = 0; i < btnsCount; i++) {
-            var btn = pageButtons[i];
-            btn.text = options.start + i + 1;
-            btn.state.isActive = options.start + i === options.selected;
-            if (btn.isHidden()) {
-                btn.show();
-            }
-        }
-        // update visible state of dots buttons
-        if (options.button.dotsLeft) {
-            this._dotsBtnLeft.show();
-        }
-        else {
-            this._dotsBtnLeft.hide();
-        }
-        if (options.button.dotsRight) {
-            this._dotsBtnRight.show();
-        }
-        else {
-            this._dotsBtnRight.hide();
-        }
+    return DPaginationButtonNext;
+}(DButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationButtonPage = /** @class */ (function (_super) {
+    __extends(DPaginationButtonPage, _super);
+    function DPaginationButtonPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationButtonPage.prototype.getType = function () {
+        return "DPaginationButtonPage";
     };
-    DPaginationDynamicButtons.prototype.getType = function () {
-        return "DPaginationDynamicButtons";
+    return DPaginationButtonPage;
+}(DButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationButtonPrevious = /** @class */ (function (_super) {
+    __extends(DPaginationButtonPrevious, _super);
+    function DPaginationButtonPrevious() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationButtonPrevious.prototype.getType = function () {
+        return "DPaginationButtonPrevious";
     };
-    return DPaginationDynamicButtons;
-}(DLayoutHorizontal));
+    return DPaginationButtonPrevious;
+}(DButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DPaginationNavigationButton = /** @class */ (function (_super) {
-    __extends(DPaginationNavigationButton, _super);
-    function DPaginationNavigationButton() {
+var DPaginationButtonTop = /** @class */ (function (_super) {
+    __extends(DPaginationButtonTop, _super);
+    function DPaginationButtonTop() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DPaginationNavigationButton.prototype.getType = function () {
-        return "DPaginationNavigationButton";
+    DPaginationButtonTop.prototype.getType = function () {
+        return "DPaginationButtonTop";
     };
-    return DPaginationNavigationButton;
+    return DPaginationButtonTop;
 }(DButtonAmbient));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationDots = /** @class */ (function (_super) {
+    __extends(DPaginationDots, _super);
+    function DPaginationDots() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationDots.prototype.getType = function () {
+        return "DPaginationDots";
+    };
+    return DPaginationDots;
+}(DImageBase));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationPage = /** @class */ (function (_super) {
+    __extends(DPaginationPage, _super);
+    function DPaginationPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationPage.prototype.getType = function () {
+        return "DPaginationPage";
+    };
+    return DPaginationPage;
+}(DImageBase));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 var DPagination = /** @class */ (function (_super) {
     __extends(DPagination, _super);
-    function DPagination() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function DPagination(options) {
+        var _a, _b, _c, _d;
+        var _this = _super.call(this, options) || this;
+        if (options != null) {
+            _this._size = (_b = (_a = options.size) !== null && _a !== void 0 ? _a : options.total) !== null && _b !== void 0 ? _b : 10;
+            _this._value = (_d = (_c = options.value) !== null && _c !== void 0 ? _c : options.selected) !== null && _d !== void 0 ? _d : 0;
+        }
+        else {
+            _this._size = 10;
+            _this._value = 0;
+        }
+        var buttonTop = _this.buttonTop;
+        var buttonPrevious = _this.buttonPrevious;
+        if (buttonTop != null) {
+            _this.addChild(buttonTop);
+        }
+        if (buttonPrevious != null) {
+            _this.addChild(buttonPrevious);
+        }
+        if (buttonTop != null || buttonPrevious != null) {
+            _this.addChild(_this.newSpace());
+        }
+        var buttonPages0 = _this.buttonPages0;
+        var buttonPages0Length = buttonPages0.length;
+        _this.addChild(buttonPages0[buttonPages0Length - 1]);
+        _this.addChild(_this.dots0);
+        for (var i = buttonPages0Length - 2; 0 <= i; --i) {
+            _this.addChild(buttonPages0[i]);
+        }
+        _this.addChild(_this.page);
+        var buttonPages1 = _this.buttonPages1;
+        var buttonPages1Length = buttonPages1.length;
+        for (var i = 0, imax = buttonPages1Length - 1; i < imax; ++i) {
+            _this.addChild(buttonPages1[i]);
+        }
+        _this.addChild(_this.dots1);
+        _this.addChild(buttonPages1[buttonPages1Length - 1]);
+        var buttonNext = _this.buttonNext;
+        var buttonLast = _this.buttonLast;
+        if (buttonNext != null || buttonLast != null) {
+            _this.addChild(_this.newSpace());
+        }
+        if (buttonNext != null) {
+            _this.addChild(buttonNext);
+        }
+        if (buttonLast != null) {
+            _this.addChild(buttonLast);
+        }
+        _this.update();
+        return _this;
     }
-    DPagination.prototype.init = function (options) {
-        var _this = this;
-        var _a;
-        _super.prototype.init.call(this, options);
-        this.DEFAULT_SELECTED = 0; // set default selected index page is page 0
-        // get total pages
-        this._total = options.total;
-        // get selected page
-        this._selected = (_a = options.selected) !== null && _a !== void 0 ? _a : this.DEFAULT_SELECTED;
-        // get button options
-        var button = options.button;
-        this._buttonOptions = {
-            first: !!(button === null || button === void 0 ? void 0 : button.first),
-            last: !!(button === null || button === void 0 ? void 0 : button.last),
-            width: button === null || button === void 0 ? void 0 : button.width
-        };
-        this.initButtons(this.getButtonWidth());
-        this.listenButtonClicked();
-        this.on("resize", function () {
-            _this._numberPageButtonVisible = _this.toNumberVisible();
-            _this.update();
+    DPagination.prototype.newSpace = function () {
+        var _a, _b, _c;
+        return new DLayoutSpace({
+            width: (_c = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.space) !== null && _c !== void 0 ? _c : this.theme.getButtonSpace()
         });
     };
+    Object.defineProperty(DPagination.prototype, "value", {
+        /**
+         * Returns a value that is an index of a current page.
+         *
+         * @returns a value that is an index of a selected page.
+         */
+        get: function () {
+            return this._value;
+        },
+        /**
+         * Sets a value that is an index of a current page.
+         *
+         * @param value a value that is an index of a page
+         */
+        set: function (value) {
+            if (0 <= value && value < this._size && this._value !== value) {
+                this._value = value;
+                this.update();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DPagination.prototype, "selected", {
         /**
-         * Get selected page.
+         * Returns an index of the selected page.
          *
-         * @returns index of selected page.
+         * @returns an index of the selected page.
+         * @deprecated in favor of {@link value}.
          */
         get: function () {
-            return this._selected;
+            return this.value;
         },
         /**
-         * Set selected page.
+         * Selects a page.
          *
-         * @param selected page's index want to select.
+         * @param index an index of a page
+         * @deprecated in favor of {@link #value}.
          */
-        set: function (selected) {
-            if (selected < 0 || selected >= this._total || !Number.isInteger(selected)) {
-                selected = this.DEFAULT_SELECTED;
+        set: function (index) {
+            this.value = index;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DPagination.prototype, "size", {
+        /**
+         * Returns a number of total pages.
+         *
+         * @returns a number of total pages.
+         */
+        get: function () {
+            return this._size;
+        },
+        /**
+         * Sets a number of total pages.
+         *
+         * @param size a number of pages
+         */
+        set: function (size) {
+            if (0 <= size && this._size !== size) {
+                this._size = size;
+                if (size === 0) {
+                    this._value = -1;
+                }
+                else {
+                    this._value = Math.max(0, Math.min(this._size - 1, this._value));
+                }
+                this.update();
             }
-            this._selected = selected;
-            this.update();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(DPagination.prototype, "total", {
         /**
-         * Get total pages.
+         * Returns a number of total pages.
          *
-         * @returns number of total pages.
+         * @returns a number of total pages.
+         * @deprecated in favor of {@link size}
          */
         get: function () {
-            return this._total;
+            return this.size;
         },
         /**
-         * Set total page.
+         * Sets a number of total pages.
          *
-         * @param total number of page want to present in pagination.
+         * @param total a number of pages
+         * @deprecated in favor of {@link size}
          */
         set: function (total) {
-            if (total >= 0 && Number.isInteger(total)) {
-                this._total = total;
-                this._numberPageButtonVisible = this.toNumberVisible();
-                this.selected = this._selected;
-                this._lastPageBtn.text = this._total;
-                this.update();
+            this.size = total;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DPagination.prototype, "dots0", {
+        get: function () {
+            var result = this._dots0;
+            if (result == null) {
+                result = this.newDots();
+                this._dots0 = result;
             }
+            return result;
         },
         enumerable: false,
         configurable: true
     });
-    DPagination.prototype.initButtons = function (width) {
-        this._previousBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings
-                    .pagination_navigation_button_previous
+    Object.defineProperty(DPagination.prototype, "dots1", {
+        get: function () {
+            var result = this._dots1;
+            if (result == null) {
+                result = this.newDots();
+                this._dots1 = result;
             }
-        });
-        this._nextBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings.pagination_navigation_button_next
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newDots = function () {
+        return new DPaginationDots();
+    };
+    Object.defineProperty(DPagination.prototype, "buttonLast", {
+        get: function () {
+            var result = this._buttonLast;
+            if (result === undefined) {
+                result = this.newButtonLast();
+                this._buttonLast = result;
             }
-        });
-        this._goFirstBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings
-                    .pagination_navigation_button_go_first
-            },
-            visible: this._buttonOptions.first
-        });
-        this._goLastBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings
-                    .pagination_navigation_button_go_last
-            },
-            visible: this._buttonOptions.last
-        });
-        this._dynamicPageBtns = new DPaginationDynamicButtons({
-            button: {
-                width: width
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonLast = function () {
+        var _this = this;
+        var _a, _b;
+        var last = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.last;
+        if (last !== null && last !== false && last !== undefined) {
+            var result = new DPaginationButtonLast(last !== true ? last : undefined);
+            result.on("active", function () {
+                _this.onButtonLastActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonLastActive = function () {
+        this.moveTo(this._size - 1);
+    };
+    DPagination.prototype.moveTo = function (index) {
+        if (0 <= index && index < this._size && this._value !== index) {
+            var oldIndex = this._value;
+            this._value = index;
+            this.emit("change", index, oldIndex, this);
+            this.update();
+        }
+    };
+    Object.defineProperty(DPagination.prototype, "buttonNext", {
+        get: function () {
+            var result = this._buttonNext;
+            if (result === undefined) {
+                result = this.newButtonNext();
+                this._buttonNext = result;
             }
-        });
-        this._firstPageBtn = new DButton({
-            width: width,
-            text: {
-                value: 1
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonNext = function () {
+        var _this = this;
+        var _a, _b;
+        var next = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.next;
+        if (next !== null && next !== false) {
+            var result = new DPaginationButtonNext(next !== true ? next : undefined);
+            result.on("active", function () {
+                _this.onButtonNextActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonNextActive = function () {
+        this.moveTo(this._value + 1);
+    };
+    Object.defineProperty(DPagination.prototype, "buttonPrevious", {
+        get: function () {
+            var result = this._buttonPrevious;
+            if (result === undefined) {
+                result = this.newButtonPrevious();
+                this._buttonPrevious = result;
             }
-        });
-        this._lastPageBtn = new DButton({
-            width: width,
-            text: {
-                value: this._total
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonPrevious = function () {
+        var _this = this;
+        var _a, _b;
+        var previous = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.previous;
+        if (previous !== null && previous !== false) {
+            var result = new DPaginationButtonPrevious(previous !== true ? previous : undefined);
+            result.on("active", function () {
+                _this.onButtonPreviousActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonPreviousActive = function () {
+        this.moveTo(this._value - 1);
+    };
+    Object.defineProperty(DPagination.prototype, "buttonTop", {
+        get: function () {
+            var result = this._buttonTop;
+            if (result === undefined) {
+                result = this.newButtonTop();
+                this._buttonTop = result;
             }
-        });
-        this.addChild(this._goFirstBtn);
-        this.addChild(this._previousBtn);
-        this.addChild(this._firstPageBtn);
-        this.addChild(this._dynamicPageBtns);
-        this.addChild(this._lastPageBtn);
-        this.addChild(this._nextBtn);
-        this.addChild(this._goLastBtn);
-    };
-    DPagination.prototype.listenButtonClicked = function () {
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonTop = function () {
         var _this = this;
-        this._firstPageBtn.on("active", function (btn) {
-            _this.onClickPageButton(btn);
-        });
-        this._lastPageBtn.on("active", function (btn) {
-            _this.onClickPageButton(btn);
-        });
-        this._dynamicPageBtns.on("active", function (btn) {
-            _this.onClickPageButton(btn);
-        });
-        this._goFirstBtn.on("active", function (btn) {
-            _this.selected = _this.DEFAULT_SELECTED;
-        });
-        this._goLastBtn.on("active", function (btn) {
-            _this.selected = _this._total - 1;
+        var _a, _b;
+        var top = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.top;
+        if (top !== null && top !== false && top !== undefined) {
+            var result = new DPaginationButtonTop(top !== true ? top : undefined);
+            result.on("active", function () {
+                _this.onButtonTopActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonTopActive = function () {
+        this.moveTo(0);
+    };
+    DPagination.prototype.newButtonPage = function () {
+        var _this = this;
+        var _a, _b;
+        var result = new DPaginationButtonPage((_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.page);
+        result.on("active", function () {
+            _this.onButtonPageActive(result);
         });
-        this._nextBtn.on("active", function (btn) {
-            if (_this.selected !== _this._total + 1) {
-                _this.selected = _this._selected + 1;
+        return result;
+    };
+    Object.defineProperty(DPagination.prototype, "buttonPages0", {
+        get: function () {
+            var result = this._buttonPages0;
+            if (result == null) {
+                result = this.newButtonPages0();
+                this._buttonPages0 = result;
             }
-        });
-        this._previousBtn.on("active", function (btn) {
-            if (_this._selected !== 0) {
-                _this.selected = _this._selected - 1;
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonPages0 = function () {
+        return [
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage()
+        ];
+    };
+    Object.defineProperty(DPagination.prototype, "buttonPages1", {
+        get: function () {
+            var result = this._buttonPages1;
+            if (result == null) {
+                result = this.newButtonPages1();
+                this._buttonPages1 = result;
             }
-        });
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonPages1 = function () {
+        return [
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage()
+        ];
     };
-    DPagination.prototype.update = function () {
-        var startDynamic;
-        var endDynamic;
-        var dotsLeft;
-        var dotsRight;
-        var numberButtonsInLeft = 0;
-        var numberButtonsInRight = 0;
-        this.updateStaticButtons();
-        // Number displayed buttons from first button to selected button when select center button of all buttons.
-        // Not including selected button.
-        var numberButtonsFirstToCenter = Math.ceil((this._numberPageButtonVisible - 1) * 0.5);
-        var numberButtonsCenterToEnd = Math.floor((this._numberPageButtonVisible - 1) * 0.5);
-        if (this._selected < numberButtonsFirstToCenter) {
-            numberButtonsInLeft = this._selected;
-            numberButtonsInRight = this._numberPageButtonVisible - numberButtonsInLeft - 1;
-        }
-        else if (this._selected + numberButtonsCenterToEnd > this._total - 1) {
-            numberButtonsInRight = this._total - 1 - this.selected;
-            numberButtonsInLeft = this._numberPageButtonVisible - numberButtonsInRight - 1;
-        }
-        else {
-            numberButtonsInLeft = numberButtonsFirstToCenter;
-            numberButtonsInRight = numberButtonsCenterToEnd;
-        }
-        if (this._selected <= numberButtonsInLeft) {
-            startDynamic = 1;
-            dotsLeft = false;
-        }
-        else {
-            startDynamic = this._selected - numberButtonsInLeft + 2;
-            dotsLeft = true;
-        }
-        if (this._selected + numberButtonsInRight >= this._total - 1) {
-            endDynamic = this._total - 2;
-            dotsRight = false;
-        }
-        else {
-            endDynamic = this._selected + numberButtonsInRight - 2;
-            dotsRight = true;
-        }
-        this._dynamicPageBtns.update({
-            start: startDynamic,
-            end: endDynamic,
-            selected: this._selected,
-            button: {
-                width: this.getButtonWidth(),
-                dotsLeft: dotsLeft,
-                dotsRight: dotsRight
+    Object.defineProperty(DPagination.prototype, "page", {
+        get: function () {
+            var result = this._page;
+            if (result == null) {
+                result = this.newPage();
+                this._page = result;
             }
-        });
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newPage = function () {
+        var _a;
+        return new DPaginationPage((_a = this._options) === null || _a === void 0 ? void 0 : _a.page);
     };
-    DPagination.prototype.updateStaticButtons = function () {
-        if (this._total > 0) {
-            this._firstPageBtn.show();
-        }
-        else {
-            this._firstPageBtn.hide();
+    DPagination.prototype.onButtonPageActive = function (button) {
+        var text = button.text;
+        if (isNumber(text)) {
+            this.moveTo(text - 1);
+            if (button.state.isFocused) {
+                button.state.isHovered = false;
+                this.page.focus();
+            }
         }
-        if (this._total > 1) {
-            this._lastPageBtn.show();
+    };
+    DPagination.prototype.update = function () {
+        var size = this._size;
+        var value = this._value;
+        if (size <= 0) {
+            var buttonTop = this.buttonTop;
+            if (buttonTop != null) {
+                buttonTop.state.isEnabled = false;
+            }
+            var buttonPrevious = this.buttonPrevious;
+            if (buttonPrevious != null) {
+                buttonPrevious.state.isEnabled = false;
+            }
+            this.dots0.hide();
+            var buttonPages0 = this.buttonPages0;
+            for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+                buttonPages0[i].hide();
+            }
+            this.page.hide();
+            var buttonPages1 = this.buttonPages1;
+            for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+                buttonPages1[i].hide();
+            }
+            this.dots1.hide();
+            var buttonNext = this.buttonNext;
+            if (buttonNext != null) {
+                buttonNext.state.isEnabled = false;
+            }
+            var buttonLast = this.buttonLast;
+            if (buttonLast) {
+                buttonLast.state.isEnabled = false;
+            }
         }
         else {
-            this._lastPageBtn.hide();
-        }
-        var isFirst = this._selected === this.DEFAULT_SELECTED;
-        var isLast = this._selected === this._total - 1 || this._total === 0;
-        this._firstPageBtn.state.isActive = isFirst;
-        this._lastPageBtn.state.isActive = isLast;
-        this._goFirstBtn.state.isDisabled = isFirst;
-        this._previousBtn.state.isDisabled = isFirst;
-        this._nextBtn.state.isDisabled = isLast;
-        this._goLastBtn.state.isDisabled = isLast;
-    };
-    DPagination.prototype.getButtonWidth = function () {
-        return this._buttonOptions.width ? this._buttonOptions.width : this.theme.getButtonWidth();
-    };
-    DPagination.prototype.toNumberVisible = function () {
-        var numberNavigationBtn = 2; // 2 buttons always displayed are "next" and "previous" button
-        if (this._buttonOptions.first) {
-            numberNavigationBtn++;
-        }
-        if (this._buttonOptions.last) {
-            numberNavigationBtn++;
-        }
-        var widthOfNavigationBtns = numberNavigationBtn * (this.getButtonWidth() + this._margin.horizontal * 2);
-        var widthOfPageBtns = this.width - widthOfNavigationBtns;
-        var numberVisible = Math.floor(widthOfPageBtns / (this.getButtonWidth() + this._margin.horizontal * 2));
-        /* set numberVisible is 5, if it less than 5
-             If total pages less than numberVisible, set numberVisible equal total pages
-        **/
-        return Math.min(this._total, Math.max(numberVisible, 5));
-    };
-    DPagination.prototype.onClickPageButton = function (btn) {
-        var btnIndex = Number(btn.text) - 1;
-        if (this._selected !== btnIndex) {
-            this._selected = btnIndex;
-            this.update();
+            var from = value - 2;
+            var to = value + 2;
+            if (from < 0) {
+                to = to - from;
+                from = 0;
+            }
+            else if (size <= to) {
+                var delta = to - size + 1;
+                to -= delta;
+                from -= delta;
+            }
+            var top_1 = false;
+            if (0 < from) {
+                top_1 = true;
+                from = Math.min(from + 1, value);
+            }
+            var last = false;
+            if (to < size - 1) {
+                last = true;
+                to = Math.max(to - 1, value);
+            }
+            var buttonTop = this.buttonTop;
+            if (buttonTop != null) {
+                buttonTop.state.isEnabled = 0 < value;
+            }
+            var buttonPrevious = this.buttonPrevious;
+            if (buttonPrevious != null) {
+                buttonPrevious.state.isEnabled = 0 < value;
+            }
+            if (top_1) {
+                this.dots0.show();
+            }
+            else {
+                this.dots0.hide();
+            }
+            var buttonPages0 = this.buttonPages0;
+            for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+                var index = value - i - 1;
+                var buttonPage = buttonPages0[i];
+                if (from <= index && index <= to) {
+                    buttonPage.text = index + 1;
+                    buttonPage.show();
+                }
+                else {
+                    if (top_1 && i === imax - 1) {
+                        buttonPage.text = 1;
+                        buttonPage.show();
+                    }
+                    else {
+                        buttonPage.hide();
+                    }
+                }
+            }
+            this.page.text = value + 1;
+            var buttonPages1 = this.buttonPages1;
+            for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+                var index = value + i + 1;
+                var buttonPage = buttonPages1[i];
+                if (from <= index && index <= to) {
+                    buttonPage.text = index + 1;
+                    buttonPage.show();
+                }
+                else {
+                    if (last && i === imax - 1) {
+                        buttonPage.text = size;
+                        buttonPage.show();
+                    }
+                    else {
+                        buttonPage.hide();
+                    }
+                }
+            }
+            if (last) {
+                this.dots1.show();
+            }
+            else {
+                this.dots1.hide();
+            }
+            var buttonNext = this.buttonNext;
+            if (buttonNext != null) {
+                buttonNext.state.isEnabled = value < size - 1;
+            }
+            var buttonLast = this.buttonLast;
+            if (buttonLast != null) {
+                buttonLast.state.isEnabled = value < size - 1;
+            }
         }
     };
     DPagination.prototype.getType = function () {
@@ -84356,6 +85072,7 @@ exports.DDialogSaveAs = DDialogSaveAs;
 exports.DDialogSelect = DDialogSelect;
 exports.DDialogSelectList = DDialogSelectList;
 exports.DDialogSelectListItem = DDialogSelectListItem;
+exports.DDialogSelectListItemUpdater = DDialogSelectListItemUpdater;
 exports.DDialogSelectSearh = DDialogSelectSearh;
 exports.DDialogState = DDialogState;
 exports.DDialogTime = DDialogTime;
@@ -84487,10 +85204,15 @@ exports.DNoteSmallNoItemsFound = DNoteSmallNoItemsFound;
 exports.DNoteSmallSearching = DNoteSmallSearching;
 exports.DNotification = DNotification;
 exports.DPagination = DPagination;
-exports.DPaginationDotsButton = DPaginationDotsButton;
-exports.DPaginationDynamicButtons = DPaginationDynamicButtons;
-exports.DPaginationNavigationButton = DPaginationNavigationButton;
+exports.DPaginationButtonLast = DPaginationButtonLast;
+exports.DPaginationButtonNext = DPaginationButtonNext;
+exports.DPaginationButtonPage = DPaginationButtonPage;
+exports.DPaginationButtonPrevious = DPaginationButtonPrevious;
+exports.DPaginationButtonTop = DPaginationButtonTop;
+exports.DPaginationDots = DPaginationDots;
+exports.DPaginationPage = DPaginationPage;
 exports.DPane = DPane;
+exports.DPaneScrollBar = DPaneScrollBar;
 exports.DPickerColor = DPickerColor;
 exports.DPickerColorAndAlpha = DPickerColorAndAlpha;
 exports.DPickerColorGradient = DPickerColorGradient;
@@ -84519,6 +85241,7 @@ exports.DPickerTimeBounds = DPickerTimeBounds;
 exports.DPickerTimeRange = DPickerTimeRange;
 exports.DPickerTimes = DPickerTimes;
 exports.DScalarExpression = DScalarExpression;
+exports.DScalarExpressionNodeType = DScalarExpressionNodeType;
 exports.DScalarFunctions = DScalarFunctions;
 exports.DScrollBar = DScrollBar;
 exports.DScrollBarHorizontal = DScrollBarHorizontal;
@@ -84586,6 +85309,7 @@ exports.DTableHeader = DTableHeader;
 exports.DTableHeaderCell = DTableHeaderCell;
 exports.DTableHeaderCellCheck = DTableHeaderCellCheck;
 exports.DTableRow = DTableRow;
+exports.DTableScrollBar = DTableScrollBar;
 exports.DTableState = DTableState;
 exports.DText = DText;
 exports.DTextBase = DTextBase;
@@ -84618,8 +85342,9 @@ exports.DThemeDarkChartAxisBase = DThemeDarkChartAxisBase;
 exports.DThemeDarkChartAxisX = DThemeDarkChartAxisX;
 exports.DThemeDarkChartAxisXDatetime = DThemeDarkChartAxisXDatetime;
 exports.DThemeDarkChartAxisY = DThemeDarkChartAxisY;
-exports.DThemeDarkChartCoordinateLinear = DThemeDarkChartCoordinateLinear;
-exports.DThemeDarkChartCoordinateLog = DThemeDarkChartCoordinateLog;
+exports.DThemeDarkChartCoordinate = DThemeDarkChartCoordinate;
+exports.DThemeDarkChartCoordinateTick = DThemeDarkChartCoordinateTick;
+exports.DThemeDarkChartCoordinateTransform = DThemeDarkChartCoordinateTransform;
 exports.DThemeDarkChartLegend = DThemeDarkChartLegend;
 exports.DThemeDarkChartLegendItem = DThemeDarkChartLegendItem;
 exports.DThemeDarkChartOverview = DThemeDarkChartOverview;
@@ -84727,9 +85452,13 @@ exports.DThemeDarkNoteSmallError = DThemeDarkNoteSmallError;
 exports.DThemeDarkNoteSmallNoItemsFound = DThemeDarkNoteSmallNoItemsFound;
 exports.DThemeDarkNoteSmallSearching = DThemeDarkNoteSmallSearching;
 exports.DThemeDarkPagination = DThemeDarkPagination;
-exports.DThemeDarkPaginationDotsButton = DThemeDarkPaginationDotsButton;
-exports.DThemeDarkPaginationDynamicButtons = DThemeDarkPaginationDynamicButtons;
-exports.DThemeDarkPaginationNavigationButton = DThemeDarkPaginationNavigationButton;
+exports.DThemeDarkPaginationButtonLast = DThemeDarkPaginationButtonLast;
+exports.DThemeDarkPaginationButtonNext = DThemeDarkPaginationButtonNext;
+exports.DThemeDarkPaginationButtonPage = DThemeDarkPaginationButtonPage;
+exports.DThemeDarkPaginationButtonPrevious = DThemeDarkPaginationButtonPrevious;
+exports.DThemeDarkPaginationButtonTop = DThemeDarkPaginationButtonTop;
+exports.DThemeDarkPaginationDots = DThemeDarkPaginationDots;
+exports.DThemeDarkPaginationPage = DThemeDarkPaginationPage;
 exports.DThemeDarkPane = DThemeDarkPane;
 exports.DThemeDarkPickerColor = DThemeDarkPickerColor;
 exports.DThemeDarkPickerColorGradient = DThemeDarkPickerColorGradient;
@@ -84816,8 +85545,9 @@ exports.DThemeWhiteChartAxisBase = DThemeWhiteChartAxisBase;
 exports.DThemeWhiteChartAxisX = DThemeWhiteChartAxisX;
 exports.DThemeWhiteChartAxisXDatetime = DThemeWhiteChartAxisXDatetime;
 exports.DThemeWhiteChartAxisY = DThemeWhiteChartAxisY;
-exports.DThemeWhiteChartCoordinateLinear = DThemeWhiteChartCoordinateLinear;
-exports.DThemeWhiteChartCoordinateLog = DThemeWhiteChartCoordinateLog;
+exports.DThemeWhiteChartCoordinate = DThemeWhiteChartCoordinate;
+exports.DThemeWhiteChartCoordinateTick = DThemeWhiteChartCoordinateTick;
+exports.DThemeWhiteChartCoordinateTransform = DThemeWhiteChartCoordinateTransform;
 exports.DThemeWhiteChartLegend = DThemeWhiteChartLegend;
 exports.DThemeWhiteChartLegendItem = DThemeWhiteChartLegendItem;
 exports.DThemeWhiteChartOverview = DThemeWhiteChartOverview;
@@ -84925,9 +85655,13 @@ exports.DThemeWhiteNoteSmallError = DThemeWhiteNoteSmallError;
 exports.DThemeWhiteNoteSmallNoItemsFound = DThemeWhiteNoteSmallNoItemsFound;
 exports.DThemeWhiteNoteSmallSearching = DThemeWhiteNoteSmallSearching;
 exports.DThemeWhitePagination = DThemeWhitePagination;
-exports.DThemeWhitePaginationDotsButton = DThemeWhitePaginationDotsButton;
-exports.DThemeWhitePaginationDynamicButtons = DThemeWhitePaginationDynamicButtons;
-exports.DThemeWhitePaginationNavigationButton = DThemeWhitePaginationNavigationButton;
+exports.DThemeWhitePaginationButtonLast = DThemeWhitePaginationButtonLast;
+exports.DThemeWhitePaginationButtonNext = DThemeWhitePaginationButtonNext;
+exports.DThemeWhitePaginationButtonPage = DThemeWhitePaginationButtonPage;
+exports.DThemeWhitePaginationButtonPrevious = DThemeWhitePaginationButtonPrevious;
+exports.DThemeWhitePaginationButtonTop = DThemeWhitePaginationButtonTop;
+exports.DThemeWhitePaginationDots = DThemeWhitePaginationDots;
+exports.DThemeWhitePaginationPage = DThemeWhitePaginationPage;
 exports.DThemeWhitePane = DThemeWhitePane;
 exports.DThemeWhitePickerColor = DThemeWhitePickerColor;
 exports.DThemeWhitePickerColorGradient = DThemeWhitePickerColorGradient;
@@ -85012,6 +85746,7 @@ exports.DynamicAtlasItemWhite = DynamicAtlasItemWhite;
 exports.DynamicFontAtlas = DynamicFontAtlas;
 exports.DynamicFontAtlasCharacter = DynamicFontAtlasCharacter;
 exports.DynamicFontAtlasCharacterOrigin = DynamicFontAtlasCharacterOrigin;
+exports.DynamicFontAtlasCharacterType = DynamicFontAtlasCharacterType;
 exports.DynamicFontAtlasFont = DynamicFontAtlasFont;
 exports.DynamicFontAtlases = DynamicFontAtlases;
 exports.DynamicSDFFontAtlas = DynamicSDFFontAtlas;
@@ -85263,6 +85998,36 @@ exports.EThemeDarkShape = EThemeDarkShape;
 exports.EThemeDarkShapeActionValue = EThemeDarkShapeActionValue;
 exports.EThemeWhiteShape = EThemeWhiteShape;
 exports.EThemeWhiteShapeActionValue = EThemeWhiteShapeActionValue;
+exports.FormatNodeA = FormatNodeA;
+exports.FormatNodeD = FormatNodeD;
+exports.FormatNodeH = FormatNodeH;
+exports.FormatNodeM = FormatNodeM;
+exports.FormatNodeP = FormatNodeP;
+exports.FormatNodePadding = FormatNodePadding;
+exports.FormatNodeParenthesis = FormatNodeParenthesis;
+exports.FormatNodePlus = FormatNodePlus;
+exports.FormatNodePrecision = FormatNodePrecision;
+exports.FormatNodeRP = FormatNodeRP;
+exports.FormatNodeSpace = FormatNodeSpace;
+exports.FormatNodeString = FormatNodeString;
+exports.FormatNodeY = FormatNodeY;
+exports.FormatNodea = FormatNodea;
+exports.FormatNoded = FormatNoded;
+exports.FormatNodee = FormatNodee;
+exports.FormatNodef = FormatNodef;
+exports.FormatNodefsi = FormatNodefsi;
+exports.FormatNodeg = FormatNodeg;
+exports.FormatNodeh = FormatNodeh;
+exports.FormatNodem = FormatNodem;
+exports.FormatNodemi = FormatNodemi;
+exports.FormatNodep = FormatNodep;
+exports.FormatNoderd = FormatNoderd;
+exports.FormatNoderp = FormatNoderp;
+exports.FormatNodes = FormatNodes;
+exports.FormatNodesdt = FormatNodesdt;
+exports.FormatNodessi = FormatNodessi;
+exports.FormatNodey = FormatNodey;
+exports.FormatNodez = FormatNodez;
 exports.IMAGE_SDF_INDEX_COUNT = IMAGE_SDF_INDEX_COUNT;
 exports.IMAGE_SDF_VERTEX_COUNT = IMAGE_SDF_VERTEX_COUNT;
 exports.IMAGE_SDF_WORLD_SIZE = IMAGE_SDF_WORLD_SIZE;
@@ -85286,6 +86051,7 @@ exports.TRIANGLE_WORLD_SIZE = TRIANGLE_WORLD_SIZE;
 exports.UtilAlpha = UtilAlpha;
 exports.UtilAttach = UtilAttach;
 exports.UtilAttachAlign = UtilAttachAlign;
+exports.UtilCharacterIterator = UtilCharacterIterator;
 exports.UtilClickOutside = UtilClickOutside;
 exports.UtilClipboard = UtilClipboard;
 exports.UtilExtract = UtilExtract;
@@ -85637,7 +86403,7 @@ exports.toLinkOptions = toLinkOptions;
 exports.toPadded = toPadded;
 exports.toPointsBoundary = toPointsBoundary;
 exports.toPointsCount = toPointsCount;
-exports.toResize = toResize;
+exports.toResized = toResized;
 exports.toScaleInvariant = toScaleInvariant;
 exports.toSizeNormalized = toSizeNormalized;
 exports.toSizeRounded = toSizeRounded;