@wcardinal/wcardinal-ui 0.151.0 → 0.155.0

package/dist/wcardinal-ui.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
 
@@ -6626,7 +6626,7 @@
             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);
@@ -11259,48 +11259,30 @@
      * 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`.
@@ -11340,8 +11322,8 @@
                 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)) {
@@ -11355,24 +11337,25 @@
             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;
                         }
@@ -11385,7 +11368,7 @@
         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];
@@ -11395,7 +11378,7 @@
                 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) {
@@ -11403,7 +11386,7 @@
             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;
@@ -11425,9 +11408,9 @@
         };
         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]);
                 }
             }
@@ -11435,11 +11418,14 @@
         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);
@@ -11449,7 +11435,9 @@
                         }
                     }
                     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;
                     }
                 }
@@ -11461,18 +11449,19 @@
         };
         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);
                 }
@@ -11509,7 +11498,7 @@
                 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);
                     }
@@ -11518,12 +11507,12 @@
                         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]);
                         }
                     }
                 }
@@ -11533,31 +11522,70 @@
             }
             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);
@@ -11567,7 +11595,7 @@
                         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);
@@ -11578,15 +11606,15 @@
                     }
                     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;
@@ -14108,11 +14136,12 @@
      * 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) {
@@ -14155,8 +14184,7 @@
                 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 () {
@@ -14175,10 +14203,11 @@
      * 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;
@@ -14205,11 +14234,10 @@
             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();
             }
@@ -14217,8 +14245,7 @@
                 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;
@@ -14228,7 +14255,7 @@
                 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;
@@ -14250,6 +14277,7 @@
             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();
@@ -14280,9 +14308,9 @@
             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 () {
@@ -14391,7 +14419,8 @@
                 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,
@@ -14415,7 +14444,8 @@
             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,
@@ -14456,7 +14486,11 @@
                 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;
                 }
             }
@@ -14498,6 +14532,10 @@
         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;
     }());
 
@@ -14647,12 +14685,16 @@
             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);
@@ -27088,7 +27130,7 @@
             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)) {
@@ -27136,7 +27178,7 @@
             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);
@@ -27894,7 +27936,7 @@
             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)) {
@@ -31549,7 +31591,7 @@
             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);
@@ -34558,7 +34600,7 @@
             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)) {
@@ -34586,7 +34628,7 @@
             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));
@@ -34895,7 +34937,7 @@
             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));
@@ -34980,7 +35022,7 @@
             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));
@@ -35022,7 +35064,7 @@
             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);
@@ -36039,8 +36081,9 @@
      */
     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);
@@ -36055,7 +36098,7 @@
             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());
@@ -36266,8 +36309,9 @@
      */
     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);
@@ -36282,7 +36326,7 @@
             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());
@@ -36484,8 +36528,9 @@
      */
     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);
@@ -36500,7 +36545,7 @@
             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());
@@ -37244,7 +37289,7 @@
             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)) {
@@ -37261,8 +37306,9 @@
      */
     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);
@@ -37277,7 +37323,7 @@
             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());
@@ -37466,7 +37512,7 @@
             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)) {
@@ -37483,8 +37529,9 @@
      */
     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);
@@ -37499,7 +37546,7 @@
             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());
@@ -37560,7 +37607,7 @@
             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));
@@ -38521,7 +38568,7 @@
      * 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) {
@@ -50027,7 +50074,7 @@
             };
         };
         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;
@@ -50036,7 +50083,8 @@
             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,
@@ -50088,13 +50136,14 @@
             }
         };
         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),
@@ -50380,13 +50429,17 @@
         };
         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) {
@@ -50436,13 +50489,17 @@
         };
         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) {
@@ -51082,25 +51139,45 @@
      * 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) {
@@ -51110,15 +51187,15 @@
                 }
             }
         };
-        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;
@@ -51137,33 +51214,37 @@
                 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;
                         }
                     }
@@ -51182,14 +51263,29 @@
                 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;
@@ -51229,11 +51325,13 @@
         };
         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;
             }
@@ -51269,6 +51367,15 @@
                 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;
     }());
 
@@ -51333,13 +51440,34 @@
         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;
@@ -51379,6 +51507,12 @@
             }
         };
         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);
             }
@@ -51389,6 +51523,12 @@
             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);
             }
@@ -51444,8 +51584,8 @@
         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();
@@ -51454,7 +51594,7 @@
             return DThemes.getInstance().get(this.getType());
         };
         DChartCoordinateLinear.prototype.getType = function () {
-            return "DChartCoordinateLinear";
+            return "DChartCoordinate";
         };
         return DChartCoordinateLinear;
     }());
@@ -51464,25 +51604,45 @@
      * 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) {
@@ -51492,7 +51652,7 @@
                 }
             }
         };
-        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;
             }
@@ -51501,7 +51661,7 @@
             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;
@@ -51525,7 +51685,7 @@
             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) {
@@ -51533,13 +51693,10 @@
                 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;
                     }
                 }
@@ -51548,13 +51705,10 @@
                         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;
                         }
                     }
@@ -51573,6 +51727,15 @@
                 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;
     }());
 
@@ -51584,13 +51747,34 @@
         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;
@@ -51628,6 +51812,12 @@
             }
         };
         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);
             }
@@ -51638,6 +51828,12 @@
             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);
             }
@@ -51701,8 +51897,8 @@
                 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();
@@ -51711,7 +51907,7 @@
             return DThemes.getInstance().get(this.getType());
         };
         DChartCoordinateLog.prototype.getType = function () {
-            return "DChartCoordinateLog";
+            return "DChartCoordinate";
         };
         return DChartCoordinateLog;
     }());
@@ -54165,48 +54361,56 @@
             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));
@@ -54236,6 +54440,7 @@
             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);
@@ -56001,7 +56206,9 @@
             var controller = this._controller;
             if (controller) {
                 controller.write(id, value);
+                return true;
             }
+            return false;
         };
         return DDiagramDataRemote;
     }());
@@ -56075,8 +56282,10 @@
                         // Value
                         datumValue.value = value;
                     }
+                    return true;
                 }
             }
+            return false;
         };
         DDiagramData.prototype.clear = function (id) {
             var canvas = this._diagram.canvas;
@@ -56086,8 +56295,10 @@
                     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;
@@ -56106,8 +56317,10 @@
                         // Value
                         datumValue.values = values;
                     }
+                    return true;
                 }
             }
+            return false;
         };
         DDiagramData.prototype.setValue = function (id, value, time) {
             var canvas = this._diagram.canvas;
@@ -56121,8 +56334,10 @@
                         }
                         datumValue.value = value;
                     }
+                    return true;
                 }
             }
+            return false;
         };
         DDiagramData.prototype.setValues = function (id, values, times) {
             var canvas = this._diagram.canvas;
@@ -56136,8 +56351,10 @@
                         }
                         datumValue.values = values;
                     }
+                    return true;
                 }
             }
+            return false;
         };
         DDiagramData.prototype.setTime = function (id, time) {
             var canvas = this._diagram.canvas;
@@ -56147,8 +56364,10 @@
                     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;
@@ -56158,8 +56377,10 @@
                     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;
@@ -56187,8 +56408,10 @@
                             }
                         }
                     }
+                    return true;
                 }
             }
+            return false;
         };
         return DDiagramData;
     }());
@@ -58839,370 +59062,607 @@
      * 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 () {
@@ -67668,7 +68128,7 @@
         toGradientSerialized: toGradientSerialized,
         toImageElement: toImageElement,
         toLength: toLength,
-        toResize: toResize,
+        toResized: toResized,
         toScaleInvariant: toScaleInvariant,
         toSizeNormalized: toSizeNormalized,
         toSizeRounded: toSizeRounded,
@@ -67743,6 +68203,36 @@
         ESnapperModifierAnchor: ESnapperModifierAnchor,
         ESnapper: ESnapper,
         DThemes: DThemes,
+        FormatNodeA: FormatNodeA,
+        FormatNodea: FormatNodea,
+        FormatNodeD: FormatNodeD,
+        FormatNoded: FormatNoded,
+        FormatNodee: FormatNodee,
+        FormatNodef: FormatNodef,
+        FormatNodefsi: FormatNodefsi,
+        FormatNodeg: FormatNodeg,
+        FormatNodeH: FormatNodeH,
+        FormatNodeh: FormatNodeh,
+        FormatNodeM: FormatNodeM,
+        FormatNodem: FormatNodem,
+        FormatNodemi: FormatNodemi,
+        FormatNodeP: FormatNodeP,
+        FormatNodep: FormatNodep,
+        FormatNodePadding: FormatNodePadding,
+        FormatNodeParenthesis: FormatNodeParenthesis,
+        FormatNodePlus: FormatNodePlus,
+        FormatNodePrecision: FormatNodePrecision,
+        FormatNoderd: FormatNoderd,
+        FormatNodeRP: FormatNodeRP,
+        FormatNoderp: FormatNoderp,
+        FormatNodesdt: FormatNodesdt,
+        FormatNodeSpace: FormatNodeSpace,
+        FormatNodessi: FormatNodessi,
+        FormatNodeString: FormatNodeString,
+        FormatNodeY: FormatNodeY,
+        FormatNodey: FormatNodey,
+        FormatNodez: FormatNodez,
+        FormatNodes: FormatNodes,
         DynamicAtlasItemEmpty: DynamicAtlasItemEmpty,
         DynamicAtlasItemFontAtlas: DynamicAtlasItemFontAtlas,
         DynamicAtlasItemImage: DynamicAtlasItemImage,
@@ -67751,6 +68241,7 @@
         DynamicAtlasItem: DynamicAtlasItem,
         DynamicAtlas: DynamicAtlas,
         DynamicFontAtlasCharacterOrigin: DynamicFontAtlasCharacterOrigin,
+        DynamicFontAtlasCharacterType: DynamicFontAtlasCharacterType,
         DynamicFontAtlasCharacter: DynamicFontAtlasCharacter,
         DynamicFontAtlasFont: DynamicFontAtlasFont,
         DynamicFontAtlas: DynamicFontAtlas,
@@ -67778,6 +68269,7 @@
         UtilSvgAtlasBuilder: UtilSvgAtlasBuilder,
         UtilAttachAlign: UtilAttachAlign,
         UtilAttach: UtilAttach,
+        UtilCharacterIterator: UtilCharacterIterator,
         UtilClickOutside: UtilClickOutside,
         UtilClipboard: UtilClipboard,
         UtilGestureData: UtilGestureData,
@@ -67887,13 +68379,13 @@
         DChartColorSet2: DChartColorSet2,
         DChartCoordinateContainerImpl: DChartCoordinateContainerImpl,
         DChartCoordinateContainerSubImpl: DChartCoordinateContainerSubImpl,
+        DChartCoordinateDirection: DChartCoordinateDirection,
         DChartCoordinateLinearTick: DChartCoordinateLinearTick,
         DChartCoordinateLinear: DChartCoordinateLinear,
         DChartCoordinateLogTick: DChartCoordinateLogTick,
         DChartCoordinateLog: DChartCoordinateLog,
         DChartCoordinateTransformImpl: DChartCoordinateTransformImpl,
         DChartCoordinateTransformMarkImpl: DChartCoordinateTransformMarkImpl,
-        DChartCoordinateDirection: DChartCoordinateDirection,
         DChartLegendItem: DChartLegendItem,
         DChartLegend: DChartLegend,
         DChartOverview: DChartOverview,
@@ -67993,6 +68485,7 @@
         DDialogProcessingMessage: DDialogProcessingMessage,
         DDialogProcessing: DDialogProcessing,
         DDialogSaveAs: DDialogSaveAs,
+        DDialogSelectListItemUpdater: DDialogSelectListItemUpdater,
         DDialogSelectListItem: DDialogSelectListItem,
         DDialogSelectList: DDialogSelectList,
         DDialogSelectSearh: DDialogSelectSearh,
@@ -68127,10 +68620,15 @@
         DNoteSmall: DNoteSmall,
         DNote: DNote,
         DNotification: DNotification,
-        DPaginationDotsButton: DPaginationDotsButton,
-        DPaginationDynamicButtons: DPaginationDynamicButtons,
-        DPaginationNavigationButton: DPaginationNavigationButton,
+        DPaginationButtonLast: DPaginationButtonLast,
+        DPaginationButtonNext: DPaginationButtonNext,
+        DPaginationButtonPage: DPaginationButtonPage,
+        DPaginationButtonPrevious: DPaginationButtonPrevious,
+        DPaginationButtonTop: DPaginationButtonTop,
+        DPaginationDots: DPaginationDots,
+        DPaginationPage: DPaginationPage,
         DPagination: DPagination,
+        DPaneScrollBar: DPaneScrollBar,
         DPane: DPane,
         DPickerColorAndAlpha: DPickerColorAndAlpha,
         DPickerColorGradientRecent: DPickerColorGradientRecent,
@@ -68159,6 +68657,7 @@
         DPickerTimeRange: DPickerTimeRange,
         DPickerTime: DPickerTime,
         DPickerTimes: DPickerTimes,
+        DScalarExpressionNodeType: DScalarExpressionNodeType,
         DScalarExpression: DScalarExpression,
         DScalarFunctions: DScalarFunctions,
         DScrollBarHorizontal: DScrollBarHorizontal,
@@ -68229,6 +68728,7 @@
         DTableHeaderCell: DTableHeaderCell,
         DTableHeader: DTableHeader,
         DTableRow: DTableRow,
+        DTableScrollBar: DTableScrollBar,
         DTableState: DTableState,
         DTable: DTable,
         DTextBase: DTextBase,