@wcardinal/wcardinal-ui 0.154.0 → 0.155.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.154.0
+ Winter Cardinal UI v0.155.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -11262,48 +11262,30 @@ var DLayoutClearType = {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var NodeType;
-(function (NodeType) {
+var DScalarExpressionNodeType = {
     // Parensesis
-    NodeType[NodeType["OPEN"] = 0] = "OPEN";
-    NodeType[NodeType["CLOSE"] = 1] = "CLOSE";
-    NodeType[NodeType["PARENSESIS"] = 2] = "PARENSESIS";
+    OPEN: 0,
+    CLOSE: 1,
+    PARENSESIS: 2,
     // Operations
-    NodeType[NodeType["ADD_OR_PLUS"] = 3] = "ADD_OR_PLUS";
-    NodeType[NodeType["SUB_OR_MINUS"] = 4] = "SUB_OR_MINUS";
-    NodeType[NodeType["PLUS"] = 5] = "PLUS";
-    NodeType[NodeType["MINUS"] = 6] = "MINUS";
-    NodeType[NodeType["ADD"] = 7] = "ADD";
-    NodeType[NodeType["SUB"] = 8] = "SUB";
-    NodeType[NodeType["MUL"] = 9] = "MUL";
-    NodeType[NodeType["DIV"] = 10] = "DIV";
+    ADD_OR_PLUS: 3,
+    SUB_OR_MINUS: 4,
+    PLUS: 5,
+    MINUS: 6,
+    ADD: 7,
+    SUB: 8,
+    MUL: 9,
+    DIV: 10,
     // Functions
-    NodeType[NodeType["MIN"] = 11] = "MIN";
-    NodeType[NodeType["MAX"] = 12] = "MAX";
-    NodeType[NodeType["COMMA"] = 13] = "COMMA";
+    MIN: 11,
+    MAX: 12,
+    COMMA: 13,
     // Literals
-    NodeType[NodeType["PARENT"] = 14] = "PARENT";
-    NodeType[NodeType["SELF"] = 15] = "SELF";
-    NodeType[NodeType["PADDING"] = 16] = "PADDING";
-    NodeType[NodeType["CURRENT"] = 17] = "CURRENT";
-    NodeType[NodeType["NUMBER"] = 18] = "NUMBER";
-})(NodeType || (NodeType = {}));
-var TOKEN_MAPPING_OPERATOR = {
-    "+": 3 /* ADD_OR_PLUS */,
-    "-": 4 /* SUB_OR_MINUS */,
-    "*": 9 /* MUL */,
-    "/": 10 /* DIV */,
-    "(": 0 /* OPEN */,
-    ")": 1 /* CLOSE */,
-    ",": 13 /* COMMA */,
-    min: 11 /* MIN */,
-    max: 12 /* MAX */
-};
-var TOKEN_MAPPING_LITERAL = {
-    "%": 14 /* PARENT */,
-    s: 15 /* SELF */,
-    p: 16 /* PADDING */,
-    c: 17 /* CURRENT */
+    PARENT: 14,
+    SELF: 15,
+    PADDING: 16,
+    CURRENT: 17,
+    NUMBER: 18
 };
 /**
  * Parser and evaluator of the scalar expressions like `100% - 50s`.
@@ -11343,8 +11325,8 @@ var DScalarExpression = /** @class */ (function () {
             i = this.toParensesis(nodes, i);
         } while (i < nodes.length);
         this.toUnary(nodes);
-        this.toArithmetic(nodes, 9 /* MUL */, 10 /* DIV */);
-        this.toArithmetic(nodes, 7 /* ADD */, 8 /* SUB */);
+        this.toArithmetic(nodes, DScalarExpressionNodeType.MUL, DScalarExpressionNodeType.DIV);
+        this.toArithmetic(nodes, DScalarExpressionNodeType.ADD, DScalarExpressionNodeType.SUB);
         if (nodes.length === 1) {
             var node = nodes[0];
             if (!isNumber(node)) {
@@ -11358,24 +11340,25 @@ var DScalarExpression = /** @class */ (function () {
         var ito = nodes.length;
         for (var i = ifrom; i < ito; ++i) {
             var inode = nodes[i];
-            if (inode === 0 /* OPEN */) {
+            if (inode === DScalarExpressionNodeType.OPEN) {
                 var istart = i;
-                var nodeType = 2 /* PARENSESIS */;
+                var nodeType = DScalarExpressionNodeType.PARENSESIS;
                 if (0 < i) {
                     var nodeTypePrev = nodes[i - 1];
-                    if (nodeTypePrev === 11 /* MIN */ || nodeTypePrev === 12 /* MAX */) {
+                    if (nodeTypePrev === DScalarExpressionNodeType.MIN ||
+                        nodeTypePrev === DScalarExpressionNodeType.MAX) {
                         istart -= 1;
                         nodeType = nodeTypePrev;
                     }
                 }
                 for (var j = i + 1; j < ito; ++j) {
                     var jnode = nodes[j];
-                    if (jnode === 1 /* CLOSE */) {
+                    if (jnode === DScalarExpressionNodeType.CLOSE) {
                         nodes[istart] = [nodeType, this.toComma(nodes, i + 1, j)];
                         nodes.splice(istart + 1, j - istart);
                         return istart + 1;
                     }
-                    else if (jnode === 0 /* OPEN */) {
+                    else if (jnode === DScalarExpressionNodeType.OPEN) {
                         j = this.toParensesis(nodes, j) - 1;
                         ito = nodes.length;
                     }
@@ -11388,7 +11371,7 @@ var DScalarExpression = /** @class */ (function () {
     DScalarExpression.prototype.toCommaOf = function (nodes, ifrom, ito) {
         var l = ito - ifrom;
         if (l <= 0) {
-            return [18 /* NUMBER */, 0];
+            return [DScalarExpressionNodeType.NUMBER, 0];
         }
         else if (l <= 1) {
             return nodes[ifrom];
@@ -11398,7 +11381,7 @@ var DScalarExpression = /** @class */ (function () {
             for (var j = ifrom; j < ito; ++j) {
                 operand.push(nodes[j]);
             }
-            return [2 /* PARENSESIS */, operand];
+            return [DScalarExpressionNodeType.PARENSESIS, operand];
         }
     };
     DScalarExpression.prototype.toComma = function (nodes, ifrom, ito) {
@@ -11406,7 +11389,7 @@ var DScalarExpression = /** @class */ (function () {
         var iprev = ifrom;
         for (var i = ifrom; i < ito; ++i) {
             var node = nodes[i];
-            if (node === 13 /* COMMA */) {
+            if (node === DScalarExpressionNodeType.COMMA) {
                 result = result || [];
                 result.push(this.toCommaOf(nodes, iprev, i));
                 iprev = i + 1;
@@ -11428,9 +11411,9 @@ var DScalarExpression = /** @class */ (function () {
     };
     DScalarExpression.prototype.toUnaryNode = function (node) {
         if (!isNumber(node)) {
-            if (node[0] === 2 /* PARENSESIS */ ||
-                node[0] === 11 /* MIN */ ||
-                node[0] === 12 /* MAX */) {
+            if (node[0] === DScalarExpressionNodeType.PARENSESIS ||
+                node[0] === DScalarExpressionNodeType.MIN ||
+                node[0] === DScalarExpressionNodeType.MAX) {
                 this.toUnary(node[1]);
             }
         }
@@ -11438,11 +11421,14 @@ var DScalarExpression = /** @class */ (function () {
     DScalarExpression.prototype.toUnary = function (nodes) {
         for (var i = 0, imax = nodes.length; i < imax; ++i) {
             var node = nodes[i];
-            if (node === 3 /* ADD_OR_PLUS */ || node === 4 /* SUB_OR_MINUS */) {
+            if (node === DScalarExpressionNodeType.ADD_OR_PLUS ||
+                node === DScalarExpressionNodeType.SUB_OR_MINUS) {
                 if (i <= 0 || isNumber(nodes[i - 1])) {
                     if (i + 1 < imax && !isNumber(nodes[i + 1])) {
                         var operand = nodes.splice(i + 1, 1)[0];
-                        var type = node === 3 /* ADD_OR_PLUS */ ? 5 /* PLUS */ : 6 /* MINUS */;
+                        var type = node === DScalarExpressionNodeType.ADD_OR_PLUS
+                            ? DScalarExpressionNodeType.PLUS
+                            : DScalarExpressionNodeType.MINUS;
                         nodes[i] = [type, operand];
                         imax = nodes.length;
                         this.toUnaryNode(operand);
@@ -11452,7 +11438,9 @@ var DScalarExpression = /** @class */ (function () {
                     }
                 }
                 else {
-                    var type = node === 3 /* ADD_OR_PLUS */ ? 7 /* ADD */ : 8 /* SUB */;
+                    var type = node === DScalarExpressionNodeType.ADD_OR_PLUS
+                        ? DScalarExpressionNodeType.ADD
+                        : DScalarExpressionNodeType.SUB;
                     nodes[i] = type;
                 }
             }
@@ -11464,18 +11452,19 @@ var DScalarExpression = /** @class */ (function () {
     };
     DScalarExpression.prototype.toArithmeticNode = function (node, operatorA, operatorB) {
         if (!isNumber(node)) {
-            if (node[0] === 2 /* PARENSESIS */ ||
-                node[0] === 11 /* MIN */ ||
-                node[0] === 12 /* MAX */) {
+            if (node[0] === DScalarExpressionNodeType.PARENSESIS ||
+                node[0] === DScalarExpressionNodeType.MIN ||
+                node[0] === DScalarExpressionNodeType.MAX) {
                 this.toArithmetic(node[1], operatorA, operatorB);
             }
-            else if (node[0] === 5 /* PLUS */ || node[0] === 6 /* MINUS */) {
+            else if (node[0] === DScalarExpressionNodeType.PLUS ||
+                node[0] === DScalarExpressionNodeType.MINUS) {
                 this.toArithmeticNode(node[1], operatorA, operatorB);
             }
-            else if (node[0] === 7 /* ADD */ ||
-                node[0] === 8 /* SUB */ ||
-                node[0] === 9 /* MUL */ ||
-                node[0] === 10 /* DIV */) {
+            else if (node[0] === DScalarExpressionNodeType.ADD ||
+                node[0] === DScalarExpressionNodeType.SUB ||
+                node[0] === DScalarExpressionNodeType.MUL ||
+                node[0] === DScalarExpressionNodeType.DIV) {
                 this.toArithmeticNode(node[1], operatorA, operatorB);
                 this.toArithmeticNode(node[2], operatorA, operatorB);
             }
@@ -11512,7 +11501,7 @@ var DScalarExpression = /** @class */ (function () {
             var matched = DScalarExpression.TOKEN_REGEX.exec(expression);
             if (matched != null) {
                 var token = matched[0];
-                var tokenTypeOperator = TOKEN_MAPPING_OPERATOR[token];
+                var tokenTypeOperator = this.toTokenOperator(token);
                 if (tokenTypeOperator != null) {
                     tokens.push(tokenTypeOperator);
                 }
@@ -11521,12 +11510,12 @@ var DScalarExpression = /** @class */ (function () {
                     if (parsedToken !== parsedToken) {
                         throw new Error("Unexpected token '" + token + "' at " + matched.index + " in '" + expression + "'");
                     }
-                    var tokenTypeLiteral = TOKEN_MAPPING_LITERAL[token[token.length - 1]];
+                    var tokenTypeLiteral = this.toTokenLiteral(token);
                     if (tokenTypeLiteral != null) {
                         tokens.push([tokenTypeLiteral, parsedToken * 0.01]);
                     }
                     else {
-                        tokens.push([18 /* NUMBER */, parsedToken]);
+                        tokens.push([DScalarExpressionNodeType.NUMBER, parsedToken]);
                     }
                 }
             }
@@ -11536,31 +11525,70 @@ var DScalarExpression = /** @class */ (function () {
         }
         return tokens;
     };
+    DScalarExpression.prototype.toTokenOperator = function (token) {
+        switch (token) {
+            case "+":
+                return DScalarExpressionNodeType.ADD_OR_PLUS;
+            case "-":
+                return DScalarExpressionNodeType.SUB_OR_MINUS;
+            case "*":
+                return DScalarExpressionNodeType.MUL;
+            case "/":
+                return DScalarExpressionNodeType.DIV;
+            case "(":
+                return DScalarExpressionNodeType.OPEN;
+            case ")":
+                return DScalarExpressionNodeType.CLOSE;
+            case ",":
+                return DScalarExpressionNodeType.COMMA;
+            case "min":
+                return DScalarExpressionNodeType.MIN;
+            case "max":
+                return DScalarExpressionNodeType.MAX;
+        }
+        return null;
+    };
+    DScalarExpression.prototype.toTokenLiteral = function (token) {
+        var tokenLength = token.length;
+        if (0 < tokenLength) {
+            switch (token[tokenLength - 1]) {
+                case "%":
+                    return DScalarExpressionNodeType.PARENT;
+                case "s":
+                    return DScalarExpressionNodeType.SELF;
+                case "p":
+                    return DScalarExpressionNodeType.PADDING;
+                case "c":
+                    return DScalarExpressionNodeType.CURRENT;
+            }
+        }
+        return null;
+    };
     DScalarExpression.prototype.evaluate = function (node, parent, self, padding, current) {
         switch (node[0]) {
-            case 2 /* PARENSESIS */:
+            case DScalarExpressionNodeType.PARENSESIS:
                 var nodes = node[1];
                 return this.evaluate(nodes[nodes.length - 1], parent, self, padding, current);
             // Unary operators
-            case 5 /* PLUS */:
+            case DScalarExpressionNodeType.PLUS:
                 return +this.evaluate(node[1], parent, self, padding, current);
-            case 6 /* MINUS */:
+            case DScalarExpressionNodeType.MINUS:
                 return -this.evaluate(node[1], parent, self, padding, current);
             // Four arithmetic operators
-            case 7 /* ADD */:
+            case DScalarExpressionNodeType.ADD:
                 return (this.evaluate(node[1], parent, self, padding, current) +
                     this.evaluate(node[2], parent, self, padding, current));
-            case 8 /* SUB */:
+            case DScalarExpressionNodeType.SUB:
                 return (this.evaluate(node[1], parent, self, padding, current) -
                     this.evaluate(node[2], parent, self, padding, current));
-            case 9 /* MUL */:
+            case DScalarExpressionNodeType.MUL:
                 return (this.evaluate(node[1], parent, self, padding, current) *
                     this.evaluate(node[2], parent, self, padding, current));
-            case 10 /* DIV */:
+            case DScalarExpressionNodeType.DIV:
                 return (this.evaluate(node[1], parent, self, padding, current) /
                     this.evaluate(node[2], parent, self, padding, current));
             // Functions
-            case 11 /* MIN */:
+            case DScalarExpressionNodeType.MIN:
                 if (0 < node[1].length) {
                     var args = node[1];
                     var result = this.evaluate(args[0], parent, self, padding, current);
@@ -11570,7 +11598,7 @@ var DScalarExpression = /** @class */ (function () {
                     return result;
                 }
                 return 0;
-            case 12 /* MAX */:
+            case DScalarExpressionNodeType.MAX:
                 if (0 < node[1].length) {
                     var args = node[1];
                     var result = this.evaluate(args[0], parent, self, padding, current);
@@ -11581,15 +11609,15 @@ var DScalarExpression = /** @class */ (function () {
                 }
                 return 0;
             // Literals
-            case 14 /* PARENT */:
+            case DScalarExpressionNodeType.PARENT:
                 return node[1] * parent;
-            case 15 /* SELF */:
+            case DScalarExpressionNodeType.SELF:
                 return node[1] * self;
-            case 16 /* PADDING */:
+            case DScalarExpressionNodeType.PADDING:
                 return node[1] * padding;
-            case 17 /* CURRENT */:
+            case DScalarExpressionNodeType.CURRENT:
                 return node[1] * current;
-            case 18 /* NUMBER */:
+            case DScalarExpressionNodeType.NUMBER:
                 return node[1];
         }
         return 0;
@@ -48231,8 +48259,11 @@ var DThemeWhitePagination = /** @class */ (function (_super) {
     DThemeWhitePagination.prototype.getWidth = function () {
         return "auto";
     };
-    DThemeWhitePagination.prototype.getButtonWidth = function () {
-        return 30;
+    DThemeWhitePagination.prototype.getMargin = function () {
+        return 10;
+    };
+    DThemeWhitePagination.prototype.getButtonSpace = function () {
+        return 10;
     };
     return DThemeWhitePagination;
 }(DThemeWhiteLayoutHorizontal));
@@ -48241,75 +48272,192 @@ var DThemeWhitePagination = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeWhitePaginationDotsButton = /** @class */ (function (_super) {
-    __extends(DThemeWhitePaginationDotsButton, _super);
-    function DThemeWhitePaginationDotsButton() {
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_dots", 21, 21, "<g>" +
+    "<circle cx=\"2\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"10.5\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"19\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationDots = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationDots, _super);
+    function DThemeWhitePaginationDots() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeWhitePaginationDotsButton.prototype.getBackgroundColor = function (state) {
-        return null;
+    DThemeWhitePaginationDots.prototype.getWidth = function () {
+        return 30;
     };
-    DThemeWhitePaginationDotsButton.prototype.getBorderColor = function (state) {
-        return null;
+    DThemeWhitePaginationDots.prototype.getHeight = function () {
+        return 30;
+    };
+    DThemeWhitePaginationDots.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
     };
-    DThemeWhitePaginationDotsButton.prototype.newTextValue = function () {
-        return "...";
+    DThemeWhitePaginationDots.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_dots;
     };
-    return DThemeWhitePaginationDotsButton;
+    return DThemeWhitePaginationDots;
+}(DThemeWhiteImageBase));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_button_last", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationButtonLast = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonLast, _super);
+    function DThemeWhitePaginationButtonLast() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationButtonLast.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationButtonLast.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_last;
+    };
+    return DThemeWhitePaginationButtonLast;
 }(DThemeWhiteButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeWhitePaginationDynamicButtons = /** @class */ (function (_super) {
-    __extends(DThemeWhitePaginationDynamicButtons, _super);
-    function DThemeWhitePaginationDynamicButtons() {
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_button_next", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationButtonNext = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonNext, _super);
+    function DThemeWhitePaginationButtonNext() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeWhitePaginationDynamicButtons.prototype.getWidth = function () {
-        return "auto";
+    DThemeWhitePaginationButtonNext.prototype.getWidth = function () {
+        return 30;
     };
-    return DThemeWhitePaginationDynamicButtons;
-}(DThemeWhiteLayoutHorizontal));
+    DThemeWhitePaginationButtonNext.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_next;
+    };
+    return DThemeWhitePaginationButtonNext;
+}(DThemeWhiteButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhitePaginationButtonPage = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonPage, _super);
+    function DThemeWhitePaginationButtonPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationButtonPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationButtonPage.prototype.newTextValue = function () {
+        return 0;
+    };
+    DThemeWhitePaginationButtonPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    return DThemeWhitePaginationButtonPage;
+}(DThemeWhiteButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 /* eslint-disable prettier/prettier */
-DThemeWhiteAtlas.add("pagination_navigation_button_previous", 21, 21, "<g>" +
+DThemeWhiteAtlas.add("pagination_button_previous", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"13 15 7 10 13 5\"></polyline>" +
     "</g>");
-DThemeWhiteAtlas.add("pagination_navigation_button_next", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
-    "</g>");
-DThemeWhiteAtlas.add("pagination_navigation_button_go_first", 21, 21, "<g>" +
+/* eslint-enable prettier/prettier */
+var DThemeWhitePaginationButtonPrevious = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonPrevious, _super);
+    function DThemeWhitePaginationButtonPrevious() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationButtonPrevious.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationButtonPrevious.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_previous;
+    };
+    return DThemeWhitePaginationButtonPrevious;
+}(DThemeWhiteButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeWhiteAtlas.add("pagination_button_top", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"11 15 5 10 11 5\"></polyline>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"15 15 9 10 15 5\"></polyline>" +
     "</g>");
-DThemeWhiteAtlas.add("pagination_navigation_button_go_last", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
-    "</g>");
 /* eslint-enable prettier/prettier */
-var DThemeWhitePaginationNavigationButton = /** @class */ (function (_super) {
-    __extends(DThemeWhitePaginationNavigationButton, _super);
-    function DThemeWhitePaginationNavigationButton() {
+var DThemeWhitePaginationButtonTop = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationButtonTop, _super);
+    function DThemeWhitePaginationButtonTop() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    return DThemeWhitePaginationNavigationButton;
+    DThemeWhitePaginationButtonTop.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationButtonTop.prototype.getImageSource = function (state) {
+        return DThemeWhiteAtlas.mappings.pagination_button_top;
+    };
+    return DThemeWhitePaginationButtonTop;
 }(DThemeWhiteButtonAmbient));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhitePaginationPage = /** @class */ (function (_super) {
+    __extends(DThemeWhitePaginationPage, _super);
+    function DThemeWhitePaginationPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhitePaginationPage.prototype.getBackgroundColor = function (state) {
+        return DThemeWhiteConstants.HIGHLIGHT_COLOR;
+    };
+    DThemeWhitePaginationPage.prototype.getColor = function (state) {
+        return DThemeWhiteConstants.ACTIVE_COLOR;
+    };
+    DThemeWhitePaginationPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeWhitePaginationPage.prototype.getHeight = function () {
+        return 30;
+    };
+    DThemeWhitePaginationPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    DThemeWhitePaginationPage.prototype.getTextAlignHorizontal = function () {
+        return DAlignHorizontal.CENTER;
+    };
+    return DThemeWhitePaginationPage;
+}(DThemeWhiteImageBase));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 var loadThemeWhitePagination = function () {
     DThemeWhite.set("DPagination", DThemeWhitePagination);
-    DThemeWhite.set("DPaginationNavigationButton", DThemeWhitePaginationNavigationButton);
-    DThemeWhite.set("DPaginationDynamicButtons", DThemeWhitePaginationDynamicButtons);
-    DThemeWhite.set("DPaginationDotsButton", DThemeWhitePaginationDotsButton);
+    DThemeWhite.set("DPaginationPage", DThemeWhitePaginationPage);
+    DThemeWhite.set("DPaginationDots", DThemeWhitePaginationDots);
+    DThemeWhite.set("DPaginationButtonLast", DThemeWhitePaginationButtonLast);
+    DThemeWhite.set("DPaginationButtonNext", DThemeWhitePaginationButtonNext);
+    DThemeWhite.set("DPaginationButtonPage", DThemeWhitePaginationButtonPage);
+    DThemeWhite.set("DPaginationButtonPrevious", DThemeWhitePaginationButtonPrevious);
+    DThemeWhite.set("DPaginationButtonTop", DThemeWhitePaginationButtonTop);
 };
 
 /*
@@ -56717,8 +56865,11 @@ var DThemeDarkPagination = /** @class */ (function (_super) {
     DThemeDarkPagination.prototype.getWidth = function () {
         return "auto";
     };
-    DThemeDarkPagination.prototype.getButtonWidth = function () {
-        return 30;
+    DThemeDarkPagination.prototype.getMargin = function () {
+        return 10;
+    };
+    DThemeDarkPagination.prototype.getButtonSpace = function () {
+        return 10;
     };
     return DThemeDarkPagination;
 }(DThemeDarkLayoutHorizontal));
@@ -56727,75 +56878,192 @@ var DThemeDarkPagination = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeDarkPaginationDotsButton = /** @class */ (function (_super) {
-    __extends(DThemeDarkPaginationDotsButton, _super);
-    function DThemeDarkPaginationDotsButton() {
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_dots", 21, 21, "<g>" +
+    "<circle cx=\"2\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"10.5\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"19\" cy=\"15\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationDots = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationDots, _super);
+    function DThemeDarkPaginationDots() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeDarkPaginationDotsButton.prototype.getBackgroundColor = function (state) {
-        return null;
+    DThemeDarkPaginationDots.prototype.getWidth = function () {
+        return 30;
     };
-    DThemeDarkPaginationDotsButton.prototype.getBorderColor = function (state) {
-        return null;
+    DThemeDarkPaginationDots.prototype.getHeight = function () {
+        return 30;
+    };
+    DThemeDarkPaginationDots.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
+    DThemeDarkPaginationDots.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_dots;
+    };
+    return DThemeDarkPaginationDots;
+}(DThemeDarkImageBase));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_button_last", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationButtonLast = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonLast, _super);
+    function DThemeDarkPaginationButtonLast() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationButtonLast.prototype.getWidth = function () {
+        return 30;
     };
-    DThemeDarkPaginationDotsButton.prototype.newTextValue = function () {
-        return "...";
+    DThemeDarkPaginationButtonLast.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_last;
     };
-    return DThemeDarkPaginationDotsButton;
+    return DThemeDarkPaginationButtonLast;
 }(DThemeDarkButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeDarkPaginationDynamicButtons = /** @class */ (function (_super) {
-    __extends(DThemeDarkPaginationDynamicButtons, _super);
-    function DThemeDarkPaginationDynamicButtons() {
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_button_next", 21, 21, "<g>" +
+    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
+    "</g>");
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationButtonNext = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonNext, _super);
+    function DThemeDarkPaginationButtonNext() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DThemeDarkPaginationDynamicButtons.prototype.getWidth = function () {
-        return "auto";
+    DThemeDarkPaginationButtonNext.prototype.getWidth = function () {
+        return 30;
     };
-    return DThemeDarkPaginationDynamicButtons;
-}(DThemeDarkLayoutHorizontal));
+    DThemeDarkPaginationButtonNext.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_next;
+    };
+    return DThemeDarkPaginationButtonNext;
+}(DThemeDarkButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkPaginationButtonPage = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonPage, _super);
+    function DThemeDarkPaginationButtonPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationButtonPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationButtonPage.prototype.newTextValue = function () {
+        return 0;
+    };
+    DThemeDarkPaginationButtonPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    return DThemeDarkPaginationButtonPage;
+}(DThemeDarkButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 /* eslint-disable prettier/prettier */
-DThemeDarkAtlas.add("pagination_navigation_button_previous", 21, 21, "<g>" +
+DThemeDarkAtlas.add("pagination_button_previous", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"13 15 7 10 13 5\"></polyline>" +
     "</g>");
-DThemeDarkAtlas.add("pagination_navigation_button_next", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"7 15 13 10 7 5\"></polyline>" +
-    "</g>");
-DThemeDarkAtlas.add("pagination_navigation_button_go_first", 21, 21, "<g>" +
+/* eslint-enable prettier/prettier */
+var DThemeDarkPaginationButtonPrevious = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonPrevious, _super);
+    function DThemeDarkPaginationButtonPrevious() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationButtonPrevious.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationButtonPrevious.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_previous;
+    };
+    return DThemeDarkPaginationButtonPrevious;
+}(DThemeDarkButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/* eslint-disable prettier/prettier */
+DThemeDarkAtlas.add("pagination_button_top", 21, 21, "<g>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"11 15 5 10 11 5\"></polyline>" +
     "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"15 15 9 10 15 5\"></polyline>" +
     "</g>");
-DThemeDarkAtlas.add("pagination_navigation_button_go_last", 21, 21, "<g>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"9 15 15 10 9 5\"></polyline>" +
-    "<polyline fill=\"none\" stroke=\"#fff\" stroke-width=\"1\" points=\"5 15 11 10 5 5\"></polyline>" +
-    "</g>");
 /* eslint-enable prettier/prettier */
-var DThemeDarkPaginationNavigationButton = /** @class */ (function (_super) {
-    __extends(DThemeDarkPaginationNavigationButton, _super);
-    function DThemeDarkPaginationNavigationButton() {
+var DThemeDarkPaginationButtonTop = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationButtonTop, _super);
+    function DThemeDarkPaginationButtonTop() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    return DThemeDarkPaginationNavigationButton;
+    DThemeDarkPaginationButtonTop.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationButtonTop.prototype.getImageSource = function (state) {
+        return DThemeDarkAtlas.mappings.pagination_button_top;
+    };
+    return DThemeDarkPaginationButtonTop;
 }(DThemeDarkButtonAmbient));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkPaginationPage = /** @class */ (function (_super) {
+    __extends(DThemeDarkPaginationPage, _super);
+    function DThemeDarkPaginationPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkPaginationPage.prototype.getBackgroundColor = function (state) {
+        return DThemeDarkConstants.HIGHLIGHT_COLOR;
+    };
+    DThemeDarkPaginationPage.prototype.getColor = function (state) {
+        return DThemeDarkConstants.ACTIVE_COLOR;
+    };
+    DThemeDarkPaginationPage.prototype.getWidth = function () {
+        return 30;
+    };
+    DThemeDarkPaginationPage.prototype.getHeight = function () {
+        return 30;
+    };
+    DThemeDarkPaginationPage.prototype.getTextStyleClipping = function () {
+        return false;
+    };
+    DThemeDarkPaginationPage.prototype.getTextAlignHorizontal = function () {
+        return DAlignHorizontal.CENTER;
+    };
+    return DThemeDarkPaginationPage;
+}(DThemeDarkImageBase));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 var loadThemeDarkPagination = function () {
     DThemeDark.set("DPagination", DThemeDarkPagination);
-    DThemeDark.set("DPaginationNavigationButton", DThemeDarkPaginationNavigationButton);
-    DThemeDark.set("DPaginationDynamicButtons", DThemeDarkPaginationDynamicButtons);
-    DThemeDark.set("DPaginationDotsButton", DThemeDarkPaginationDotsButton);
+    DThemeDark.set("DPaginationPage", DThemeDarkPaginationPage);
+    DThemeDark.set("DPaginationDots", DThemeDarkPaginationDots);
+    DThemeDark.set("DPaginationButtonLast", DThemeDarkPaginationButtonLast);
+    DThemeDark.set("DPaginationButtonNext", DThemeDarkPaginationButtonNext);
+    DThemeDark.set("DPaginationButtonPage", DThemeDarkPaginationButtonPage);
+    DThemeDark.set("DPaginationButtonPrevious", DThemeDarkPaginationButtonPrevious);
+    DThemeDark.set("DPaginationButtonTop", DThemeDarkPaginationButtonTop);
 };
 
 /*
@@ -75990,370 +76258,607 @@ var DNotification = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DPaginationDotsButton = /** @class */ (function (_super) {
-    __extends(DPaginationDotsButton, _super);
-    function DPaginationDotsButton() {
+var DPaginationButtonLast = /** @class */ (function (_super) {
+    __extends(DPaginationButtonLast, _super);
+    function DPaginationButtonLast() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DPaginationDotsButton.prototype.getType = function () {
-        return "DPaginationDotsButton";
+    DPaginationButtonLast.prototype.getType = function () {
+        return "DPaginationButtonLast";
     };
-    return DPaginationDotsButton;
+    return DPaginationButtonLast;
 }(DButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DPaginationDynamicButtons = /** @class */ (function (_super) {
-    __extends(DPaginationDynamicButtons, _super);
-    function DPaginationDynamicButtons() {
+var DPaginationButtonNext = /** @class */ (function (_super) {
+    __extends(DPaginationButtonNext, _super);
+    function DPaginationButtonNext() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DPaginationDynamicButtons.prototype.init = function (options) {
-        _super.prototype.init.call(this, options);
-        this._dotsBtnLeft = new DPaginationDotsButton({
-            width: options.button.width,
-            visible: !!options.button.dotsLeft
-        });
-        this._dotsBtnRight = new DPaginationDotsButton({
-            width: options.button.width,
-            visible: !!options.button.dotsRight
-        });
-        this.addChild(this._dotsBtnLeft);
-        this.addChild(this._dotsBtnRight);
+    DPaginationButtonNext.prototype.getType = function () {
+        return "DPaginationButtonNext";
     };
-    DPaginationDynamicButtons.prototype.update = function (options) {
-        var _this = this;
-        if (options.start == null || options.end == null) {
-            return;
-        }
-        var btnsCount = options.end - options.start + 1 > 0 ? options.end - options.start + 1 : 0;
-        var pageButtons = this.children.slice(1, this.children.length - 1);
-        if (pageButtons.length < btnsCount) {
-            for (var i = pageButtons.length; i < btnsCount; i++) {
-                var btn = new DButton({
-                    width: options.button.width
-                });
-                this.addChildAt(btn, this.children.length - 1);
-                btn.on("active", function (clickedBtn) {
-                    _this.emit("active", clickedBtn);
-                });
-            }
-            // re-new "pageButtons" after add new buttons
-            pageButtons = this.children.slice(1, this.children.length - 1);
-        }
-        else if (pageButtons.length > btnsCount) {
-            for (var i = btnsCount; i < pageButtons.length; i++) {
-                pageButtons[i].hide();
-            }
-        }
-        // update button text and active state
-        for (var i = 0; i < btnsCount; i++) {
-            var btn = pageButtons[i];
-            btn.text = options.start + i + 1;
-            btn.state.isActive = options.start + i === options.selected;
-            if (btn.isHidden()) {
-                btn.show();
-            }
-        }
-        // update visible state of dots buttons
-        if (options.button.dotsLeft) {
-            this._dotsBtnLeft.show();
-        }
-        else {
-            this._dotsBtnLeft.hide();
-        }
-        if (options.button.dotsRight) {
-            this._dotsBtnRight.show();
-        }
-        else {
-            this._dotsBtnRight.hide();
-        }
+    return DPaginationButtonNext;
+}(DButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationButtonPage = /** @class */ (function (_super) {
+    __extends(DPaginationButtonPage, _super);
+    function DPaginationButtonPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationButtonPage.prototype.getType = function () {
+        return "DPaginationButtonPage";
     };
-    DPaginationDynamicButtons.prototype.getType = function () {
-        return "DPaginationDynamicButtons";
+    return DPaginationButtonPage;
+}(DButtonAmbient));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationButtonPrevious = /** @class */ (function (_super) {
+    __extends(DPaginationButtonPrevious, _super);
+    function DPaginationButtonPrevious() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationButtonPrevious.prototype.getType = function () {
+        return "DPaginationButtonPrevious";
     };
-    return DPaginationDynamicButtons;
-}(DLayoutHorizontal));
+    return DPaginationButtonPrevious;
+}(DButtonAmbient));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DPaginationNavigationButton = /** @class */ (function (_super) {
-    __extends(DPaginationNavigationButton, _super);
-    function DPaginationNavigationButton() {
+var DPaginationButtonTop = /** @class */ (function (_super) {
+    __extends(DPaginationButtonTop, _super);
+    function DPaginationButtonTop() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DPaginationNavigationButton.prototype.getType = function () {
-        return "DPaginationNavigationButton";
+    DPaginationButtonTop.prototype.getType = function () {
+        return "DPaginationButtonTop";
     };
-    return DPaginationNavigationButton;
+    return DPaginationButtonTop;
 }(DButtonAmbient));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationDots = /** @class */ (function (_super) {
+    __extends(DPaginationDots, _super);
+    function DPaginationDots() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationDots.prototype.getType = function () {
+        return "DPaginationDots";
+    };
+    return DPaginationDots;
+}(DImageBase));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DPaginationPage = /** @class */ (function (_super) {
+    __extends(DPaginationPage, _super);
+    function DPaginationPage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DPaginationPage.prototype.getType = function () {
+        return "DPaginationPage";
+    };
+    return DPaginationPage;
+}(DImageBase));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
 var DPagination = /** @class */ (function (_super) {
     __extends(DPagination, _super);
-    function DPagination() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function DPagination(options) {
+        var _a, _b, _c, _d;
+        var _this = _super.call(this, options) || this;
+        if (options != null) {
+            _this._size = (_b = (_a = options.size) !== null && _a !== void 0 ? _a : options.total) !== null && _b !== void 0 ? _b : 10;
+            _this._value = (_d = (_c = options.value) !== null && _c !== void 0 ? _c : options.selected) !== null && _d !== void 0 ? _d : 0;
+        }
+        else {
+            _this._size = 10;
+            _this._value = 0;
+        }
+        var buttonTop = _this.buttonTop;
+        var buttonPrevious = _this.buttonPrevious;
+        if (buttonTop != null) {
+            _this.addChild(buttonTop);
+        }
+        if (buttonPrevious != null) {
+            _this.addChild(buttonPrevious);
+        }
+        if (buttonTop != null || buttonPrevious != null) {
+            _this.addChild(_this.newSpace());
+        }
+        var buttonPages0 = _this.buttonPages0;
+        var buttonPages0Length = buttonPages0.length;
+        _this.addChild(buttonPages0[buttonPages0Length - 1]);
+        _this.addChild(_this.dots0);
+        for (var i = buttonPages0Length - 2; 0 <= i; --i) {
+            _this.addChild(buttonPages0[i]);
+        }
+        _this.addChild(_this.page);
+        var buttonPages1 = _this.buttonPages1;
+        var buttonPages1Length = buttonPages1.length;
+        for (var i = 0, imax = buttonPages1Length - 1; i < imax; ++i) {
+            _this.addChild(buttonPages1[i]);
+        }
+        _this.addChild(_this.dots1);
+        _this.addChild(buttonPages1[buttonPages1Length - 1]);
+        var buttonNext = _this.buttonNext;
+        var buttonLast = _this.buttonLast;
+        if (buttonNext != null || buttonLast != null) {
+            _this.addChild(_this.newSpace());
+        }
+        if (buttonNext != null) {
+            _this.addChild(buttonNext);
+        }
+        if (buttonLast != null) {
+            _this.addChild(buttonLast);
+        }
+        _this.update();
+        return _this;
     }
-    DPagination.prototype.init = function (options) {
-        var _this = this;
-        var _a;
-        _super.prototype.init.call(this, options);
-        this.DEFAULT_SELECTED = 0; // set default selected index page is page 0
-        // get total pages
-        this._total = options.total;
-        // get selected page
-        this._selected = (_a = options.selected) !== null && _a !== void 0 ? _a : this.DEFAULT_SELECTED;
-        // get button options
-        var button = options.button;
-        this._buttonOptions = {
-            first: !!(button === null || button === void 0 ? void 0 : button.first),
-            last: !!(button === null || button === void 0 ? void 0 : button.last),
-            width: button === null || button === void 0 ? void 0 : button.width
-        };
-        this.initButtons(this.getButtonWidth());
-        this.listenButtonClicked();
-        this.on("resize", function () {
-            _this._numberPageButtonVisible = _this.toNumberVisible();
-            _this.update();
+    DPagination.prototype.newSpace = function () {
+        var _a, _b, _c;
+        return new DLayoutSpace({
+            width: (_c = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.space) !== null && _c !== void 0 ? _c : this.theme.getButtonSpace()
         });
     };
+    Object.defineProperty(DPagination.prototype, "value", {
+        /**
+         * Returns a value that is an index of a current page.
+         *
+         * @returns a value that is an index of a selected page.
+         */
+        get: function () {
+            return this._value;
+        },
+        /**
+         * Sets a value that is an index of a current page.
+         *
+         * @param value a value that is an index of a page
+         */
+        set: function (value) {
+            if (0 <= value && value < this._size && this._value !== value) {
+                this._value = value;
+                this.update();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DPagination.prototype, "selected", {
         /**
-         * Get selected page.
+         * Returns an index of the selected page.
          *
-         * @returns index of selected page.
+         * @returns an index of the selected page.
+         * @deprecated in favor of {@link value}.
          */
         get: function () {
-            return this._selected;
+            return this.value;
         },
         /**
-         * Set selected page.
+         * Selects a page.
          *
-         * @param selected page's index want to select.
+         * @param index an index of a page
+         * @deprecated in favor of {@link #value}.
          */
-        set: function (selected) {
-            if (selected < 0 || selected >= this._total || !Number.isInteger(selected)) {
-                selected = this.DEFAULT_SELECTED;
+        set: function (index) {
+            this.value = index;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DPagination.prototype, "size", {
+        /**
+         * Returns a number of total pages.
+         *
+         * @returns a number of total pages.
+         */
+        get: function () {
+            return this._size;
+        },
+        /**
+         * Sets a number of total pages.
+         *
+         * @param size a number of pages
+         */
+        set: function (size) {
+            if (0 <= size && this._size !== size) {
+                this._size = size;
+                if (size === 0) {
+                    this._value = -1;
+                }
+                else {
+                    this._value = Math.max(0, Math.min(this._size - 1, this._value));
+                }
+                this.update();
             }
-            this._selected = selected;
-            this.update();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(DPagination.prototype, "total", {
         /**
-         * Get total pages.
+         * Returns a number of total pages.
          *
-         * @returns number of total pages.
+         * @returns a number of total pages.
+         * @deprecated in favor of {@link size}
          */
         get: function () {
-            return this._total;
+            return this.size;
         },
         /**
-         * Set total page.
+         * Sets a number of total pages.
          *
-         * @param total number of page want to present in pagination.
+         * @param total a number of pages
+         * @deprecated in favor of {@link size}
          */
         set: function (total) {
-            if (total >= 0 && Number.isInteger(total)) {
-                this._total = total;
-                this._numberPageButtonVisible = this.toNumberVisible();
-                this.selected = this._selected;
-                this._lastPageBtn.text = this._total;
-                this.update();
+            this.size = total;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DPagination.prototype, "dots0", {
+        get: function () {
+            var result = this._dots0;
+            if (result == null) {
+                result = this.newDots();
+                this._dots0 = result;
             }
+            return result;
         },
         enumerable: false,
         configurable: true
     });
-    DPagination.prototype.initButtons = function (width) {
-        this._previousBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings
-                    .pagination_navigation_button_previous
+    Object.defineProperty(DPagination.prototype, "dots1", {
+        get: function () {
+            var result = this._dots1;
+            if (result == null) {
+                result = this.newDots();
+                this._dots1 = result;
             }
-        });
-        this._nextBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings.pagination_navigation_button_next
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newDots = function () {
+        return new DPaginationDots();
+    };
+    Object.defineProperty(DPagination.prototype, "buttonLast", {
+        get: function () {
+            var result = this._buttonLast;
+            if (result === undefined) {
+                result = this.newButtonLast();
+                this._buttonLast = result;
             }
-        });
-        this._goFirstBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings
-                    .pagination_navigation_button_go_first
-            },
-            visible: this._buttonOptions.first
-        });
-        this._goLastBtn = new DPaginationNavigationButton({
-            width: width,
-            image: {
-                source: DThemes.getInstance().getAtlas().mappings
-                    .pagination_navigation_button_go_last
-            },
-            visible: this._buttonOptions.last
-        });
-        this._dynamicPageBtns = new DPaginationDynamicButtons({
-            button: {
-                width: width
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonLast = function () {
+        var _this = this;
+        var _a, _b;
+        var last = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.last;
+        if (last !== null && last !== false && last !== undefined) {
+            var result = new DPaginationButtonLast(last !== true ? last : undefined);
+            result.on("active", function () {
+                _this.onButtonLastActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonLastActive = function () {
+        this.moveTo(this._size - 1);
+    };
+    DPagination.prototype.moveTo = function (index) {
+        if (0 <= index && index < this._size && this._value !== index) {
+            var oldIndex = this._value;
+            this._value = index;
+            this.emit("change", index, oldIndex, this);
+            this.update();
+        }
+    };
+    Object.defineProperty(DPagination.prototype, "buttonNext", {
+        get: function () {
+            var result = this._buttonNext;
+            if (result === undefined) {
+                result = this.newButtonNext();
+                this._buttonNext = result;
             }
-        });
-        this._firstPageBtn = new DButton({
-            width: width,
-            text: {
-                value: 1
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonNext = function () {
+        var _this = this;
+        var _a, _b;
+        var next = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.next;
+        if (next !== null && next !== false) {
+            var result = new DPaginationButtonNext(next !== true ? next : undefined);
+            result.on("active", function () {
+                _this.onButtonNextActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonNextActive = function () {
+        this.moveTo(this._value + 1);
+    };
+    Object.defineProperty(DPagination.prototype, "buttonPrevious", {
+        get: function () {
+            var result = this._buttonPrevious;
+            if (result === undefined) {
+                result = this.newButtonPrevious();
+                this._buttonPrevious = result;
             }
-        });
-        this._lastPageBtn = new DButton({
-            width: width,
-            text: {
-                value: this._total
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonPrevious = function () {
+        var _this = this;
+        var _a, _b;
+        var previous = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.previous;
+        if (previous !== null && previous !== false) {
+            var result = new DPaginationButtonPrevious(previous !== true ? previous : undefined);
+            result.on("active", function () {
+                _this.onButtonPreviousActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonPreviousActive = function () {
+        this.moveTo(this._value - 1);
+    };
+    Object.defineProperty(DPagination.prototype, "buttonTop", {
+        get: function () {
+            var result = this._buttonTop;
+            if (result === undefined) {
+                result = this.newButtonTop();
+                this._buttonTop = result;
             }
-        });
-        this.addChild(this._goFirstBtn);
-        this.addChild(this._previousBtn);
-        this.addChild(this._firstPageBtn);
-        this.addChild(this._dynamicPageBtns);
-        this.addChild(this._lastPageBtn);
-        this.addChild(this._nextBtn);
-        this.addChild(this._goLastBtn);
-    };
-    DPagination.prototype.listenButtonClicked = function () {
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonTop = function () {
         var _this = this;
-        this._firstPageBtn.on("active", function (btn) {
-            _this.onClickPageButton(btn);
-        });
-        this._lastPageBtn.on("active", function (btn) {
-            _this.onClickPageButton(btn);
-        });
-        this._dynamicPageBtns.on("active", function (btn) {
-            _this.onClickPageButton(btn);
-        });
-        this._goFirstBtn.on("active", function (btn) {
-            _this.selected = _this.DEFAULT_SELECTED;
-        });
-        this._goLastBtn.on("active", function (btn) {
-            _this.selected = _this._total - 1;
+        var _a, _b;
+        var top = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.top;
+        if (top !== null && top !== false && top !== undefined) {
+            var result = new DPaginationButtonTop(top !== true ? top : undefined);
+            result.on("active", function () {
+                _this.onButtonTopActive();
+            });
+            return result;
+        }
+        return null;
+    };
+    DPagination.prototype.onButtonTopActive = function () {
+        this.moveTo(0);
+    };
+    DPagination.prototype.newButtonPage = function () {
+        var _this = this;
+        var _a, _b;
+        var result = new DPaginationButtonPage((_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.page);
+        result.on("active", function () {
+            _this.onButtonPageActive(result);
         });
-        this._nextBtn.on("active", function (btn) {
-            if (_this.selected !== _this._total + 1) {
-                _this.selected = _this._selected + 1;
+        return result;
+    };
+    Object.defineProperty(DPagination.prototype, "buttonPages0", {
+        get: function () {
+            var result = this._buttonPages0;
+            if (result == null) {
+                result = this.newButtonPages0();
+                this._buttonPages0 = result;
             }
-        });
-        this._previousBtn.on("active", function (btn) {
-            if (_this._selected !== 0) {
-                _this.selected = _this._selected - 1;
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonPages0 = function () {
+        return [
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage()
+        ];
+    };
+    Object.defineProperty(DPagination.prototype, "buttonPages1", {
+        get: function () {
+            var result = this._buttonPages1;
+            if (result == null) {
+                result = this.newButtonPages1();
+                this._buttonPages1 = result;
             }
-        });
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newButtonPages1 = function () {
+        return [
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage(),
+            this.newButtonPage()
+        ];
     };
-    DPagination.prototype.update = function () {
-        var startDynamic;
-        var endDynamic;
-        var dotsLeft;
-        var dotsRight;
-        var numberButtonsInLeft = 0;
-        var numberButtonsInRight = 0;
-        this.updateStaticButtons();
-        // Number displayed buttons from first button to selected button when select center button of all buttons.
-        // Not including selected button.
-        var numberButtonsFirstToCenter = Math.ceil((this._numberPageButtonVisible - 1) * 0.5);
-        var numberButtonsCenterToEnd = Math.floor((this._numberPageButtonVisible - 1) * 0.5);
-        if (this._selected < numberButtonsFirstToCenter) {
-            numberButtonsInLeft = this._selected;
-            numberButtonsInRight = this._numberPageButtonVisible - numberButtonsInLeft - 1;
-        }
-        else if (this._selected + numberButtonsCenterToEnd > this._total - 1) {
-            numberButtonsInRight = this._total - 1 - this.selected;
-            numberButtonsInLeft = this._numberPageButtonVisible - numberButtonsInRight - 1;
-        }
-        else {
-            numberButtonsInLeft = numberButtonsFirstToCenter;
-            numberButtonsInRight = numberButtonsCenterToEnd;
-        }
-        if (this._selected <= numberButtonsInLeft) {
-            startDynamic = 1;
-            dotsLeft = false;
-        }
-        else {
-            startDynamic = this._selected - numberButtonsInLeft + 2;
-            dotsLeft = true;
-        }
-        if (this._selected + numberButtonsInRight >= this._total - 1) {
-            endDynamic = this._total - 2;
-            dotsRight = false;
-        }
-        else {
-            endDynamic = this._selected + numberButtonsInRight - 2;
-            dotsRight = true;
-        }
-        this._dynamicPageBtns.update({
-            start: startDynamic,
-            end: endDynamic,
-            selected: this._selected,
-            button: {
-                width: this.getButtonWidth(),
-                dotsLeft: dotsLeft,
-                dotsRight: dotsRight
+    Object.defineProperty(DPagination.prototype, "page", {
+        get: function () {
+            var result = this._page;
+            if (result == null) {
+                result = this.newPage();
+                this._page = result;
             }
-        });
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newPage = function () {
+        var _a;
+        return new DPaginationPage((_a = this._options) === null || _a === void 0 ? void 0 : _a.page);
     };
-    DPagination.prototype.updateStaticButtons = function () {
-        if (this._total > 0) {
-            this._firstPageBtn.show();
-        }
-        else {
-            this._firstPageBtn.hide();
+    DPagination.prototype.onButtonPageActive = function (button) {
+        var text = button.text;
+        if (isNumber(text)) {
+            this.moveTo(text - 1);
+            if (button.state.isFocused) {
+                button.state.isHovered = false;
+                this.page.focus();
+            }
         }
-        if (this._total > 1) {
-            this._lastPageBtn.show();
+    };
+    DPagination.prototype.update = function () {
+        var size = this._size;
+        var value = this._value;
+        if (size <= 0) {
+            var buttonTop = this.buttonTop;
+            if (buttonTop != null) {
+                buttonTop.state.isEnabled = false;
+            }
+            var buttonPrevious = this.buttonPrevious;
+            if (buttonPrevious != null) {
+                buttonPrevious.state.isEnabled = false;
+            }
+            this.dots0.hide();
+            var buttonPages0 = this.buttonPages0;
+            for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+                buttonPages0[i].hide();
+            }
+            this.page.hide();
+            var buttonPages1 = this.buttonPages1;
+            for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+                buttonPages1[i].hide();
+            }
+            this.dots1.hide();
+            var buttonNext = this.buttonNext;
+            if (buttonNext != null) {
+                buttonNext.state.isEnabled = false;
+            }
+            var buttonLast = this.buttonLast;
+            if (buttonLast) {
+                buttonLast.state.isEnabled = false;
+            }
         }
         else {
-            this._lastPageBtn.hide();
-        }
-        var isFirst = this._selected === this.DEFAULT_SELECTED;
-        var isLast = this._selected === this._total - 1 || this._total === 0;
-        this._firstPageBtn.state.isActive = isFirst;
-        this._lastPageBtn.state.isActive = isLast;
-        this._goFirstBtn.state.isDisabled = isFirst;
-        this._previousBtn.state.isDisabled = isFirst;
-        this._nextBtn.state.isDisabled = isLast;
-        this._goLastBtn.state.isDisabled = isLast;
-    };
-    DPagination.prototype.getButtonWidth = function () {
-        return this._buttonOptions.width ? this._buttonOptions.width : this.theme.getButtonWidth();
-    };
-    DPagination.prototype.toNumberVisible = function () {
-        var numberNavigationBtn = 2; // 2 buttons always displayed are "next" and "previous" button
-        if (this._buttonOptions.first) {
-            numberNavigationBtn++;
-        }
-        if (this._buttonOptions.last) {
-            numberNavigationBtn++;
-        }
-        var widthOfNavigationBtns = numberNavigationBtn * (this.getButtonWidth() + this._margin.horizontal * 2);
-        var widthOfPageBtns = this.width - widthOfNavigationBtns;
-        var numberVisible = Math.floor(widthOfPageBtns / (this.getButtonWidth() + this._margin.horizontal * 2));
-        /* set numberVisible is 5, if it less than 5
-             If total pages less than numberVisible, set numberVisible equal total pages
-        **/
-        return Math.min(this._total, Math.max(numberVisible, 5));
-    };
-    DPagination.prototype.onClickPageButton = function (btn) {
-        var btnIndex = Number(btn.text) - 1;
-        if (this._selected !== btnIndex) {
-            this._selected = btnIndex;
-            this.update();
+            var from = value - 2;
+            var to = value + 2;
+            if (from < 0) {
+                to = to - from;
+                from = 0;
+            }
+            else if (size <= to) {
+                var delta = to - size + 1;
+                to -= delta;
+                from -= delta;
+            }
+            var top_1 = false;
+            if (0 < from) {
+                top_1 = true;
+                from = Math.min(from + 1, value);
+            }
+            var last = false;
+            if (to < size - 1) {
+                last = true;
+                to = Math.max(to - 1, value);
+            }
+            var buttonTop = this.buttonTop;
+            if (buttonTop != null) {
+                buttonTop.state.isEnabled = 0 < value;
+            }
+            var buttonPrevious = this.buttonPrevious;
+            if (buttonPrevious != null) {
+                buttonPrevious.state.isEnabled = 0 < value;
+            }
+            if (top_1) {
+                this.dots0.show();
+            }
+            else {
+                this.dots0.hide();
+            }
+            var buttonPages0 = this.buttonPages0;
+            for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+                var index = value - i - 1;
+                var buttonPage = buttonPages0[i];
+                if (from <= index && index <= to) {
+                    buttonPage.text = index + 1;
+                    buttonPage.show();
+                }
+                else {
+                    if (top_1 && i === imax - 1) {
+                        buttonPage.text = 1;
+                        buttonPage.show();
+                    }
+                    else {
+                        buttonPage.hide();
+                    }
+                }
+            }
+            this.page.text = value + 1;
+            var buttonPages1 = this.buttonPages1;
+            for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+                var index = value + i + 1;
+                var buttonPage = buttonPages1[i];
+                if (from <= index && index <= to) {
+                    buttonPage.text = index + 1;
+                    buttonPage.show();
+                }
+                else {
+                    if (last && i === imax - 1) {
+                        buttonPage.text = size;
+                        buttonPage.show();
+                    }
+                    else {
+                        buttonPage.hide();
+                    }
+                }
+            }
+            if (last) {
+                this.dots1.show();
+            }
+            else {
+                this.dots1.hide();
+            }
+            var buttonNext = this.buttonNext;
+            if (buttonNext != null) {
+                buttonNext.state.isEnabled = value < size - 1;
+            }
+            var buttonLast = this.buttonLast;
+            if (buttonLast != null) {
+                buttonLast.state.isEnabled = value < size - 1;
+            }
         }
     };
     DPagination.prototype.getType = function () {
@@ -84567,6 +85072,7 @@ exports.DDialogSaveAs = DDialogSaveAs;
 exports.DDialogSelect = DDialogSelect;
 exports.DDialogSelectList = DDialogSelectList;
 exports.DDialogSelectListItem = DDialogSelectListItem;
+exports.DDialogSelectListItemUpdater = DDialogSelectListItemUpdater;
 exports.DDialogSelectSearh = DDialogSelectSearh;
 exports.DDialogState = DDialogState;
 exports.DDialogTime = DDialogTime;
@@ -84698,10 +85204,15 @@ exports.DNoteSmallNoItemsFound = DNoteSmallNoItemsFound;
 exports.DNoteSmallSearching = DNoteSmallSearching;
 exports.DNotification = DNotification;
 exports.DPagination = DPagination;
-exports.DPaginationDotsButton = DPaginationDotsButton;
-exports.DPaginationDynamicButtons = DPaginationDynamicButtons;
-exports.DPaginationNavigationButton = DPaginationNavigationButton;
+exports.DPaginationButtonLast = DPaginationButtonLast;
+exports.DPaginationButtonNext = DPaginationButtonNext;
+exports.DPaginationButtonPage = DPaginationButtonPage;
+exports.DPaginationButtonPrevious = DPaginationButtonPrevious;
+exports.DPaginationButtonTop = DPaginationButtonTop;
+exports.DPaginationDots = DPaginationDots;
+exports.DPaginationPage = DPaginationPage;
 exports.DPane = DPane;
+exports.DPaneScrollBar = DPaneScrollBar;
 exports.DPickerColor = DPickerColor;
 exports.DPickerColorAndAlpha = DPickerColorAndAlpha;
 exports.DPickerColorGradient = DPickerColorGradient;
@@ -84730,6 +85241,7 @@ exports.DPickerTimeBounds = DPickerTimeBounds;
 exports.DPickerTimeRange = DPickerTimeRange;
 exports.DPickerTimes = DPickerTimes;
 exports.DScalarExpression = DScalarExpression;
+exports.DScalarExpressionNodeType = DScalarExpressionNodeType;
 exports.DScalarFunctions = DScalarFunctions;
 exports.DScrollBar = DScrollBar;
 exports.DScrollBarHorizontal = DScrollBarHorizontal;
@@ -84797,6 +85309,7 @@ exports.DTableHeader = DTableHeader;
 exports.DTableHeaderCell = DTableHeaderCell;
 exports.DTableHeaderCellCheck = DTableHeaderCellCheck;
 exports.DTableRow = DTableRow;
+exports.DTableScrollBar = DTableScrollBar;
 exports.DTableState = DTableState;
 exports.DText = DText;
 exports.DTextBase = DTextBase;
@@ -84939,9 +85452,13 @@ exports.DThemeDarkNoteSmallError = DThemeDarkNoteSmallError;
 exports.DThemeDarkNoteSmallNoItemsFound = DThemeDarkNoteSmallNoItemsFound;
 exports.DThemeDarkNoteSmallSearching = DThemeDarkNoteSmallSearching;
 exports.DThemeDarkPagination = DThemeDarkPagination;
-exports.DThemeDarkPaginationDotsButton = DThemeDarkPaginationDotsButton;
-exports.DThemeDarkPaginationDynamicButtons = DThemeDarkPaginationDynamicButtons;
-exports.DThemeDarkPaginationNavigationButton = DThemeDarkPaginationNavigationButton;
+exports.DThemeDarkPaginationButtonLast = DThemeDarkPaginationButtonLast;
+exports.DThemeDarkPaginationButtonNext = DThemeDarkPaginationButtonNext;
+exports.DThemeDarkPaginationButtonPage = DThemeDarkPaginationButtonPage;
+exports.DThemeDarkPaginationButtonPrevious = DThemeDarkPaginationButtonPrevious;
+exports.DThemeDarkPaginationButtonTop = DThemeDarkPaginationButtonTop;
+exports.DThemeDarkPaginationDots = DThemeDarkPaginationDots;
+exports.DThemeDarkPaginationPage = DThemeDarkPaginationPage;
 exports.DThemeDarkPane = DThemeDarkPane;
 exports.DThemeDarkPickerColor = DThemeDarkPickerColor;
 exports.DThemeDarkPickerColorGradient = DThemeDarkPickerColorGradient;
@@ -85138,9 +85655,13 @@ exports.DThemeWhiteNoteSmallError = DThemeWhiteNoteSmallError;
 exports.DThemeWhiteNoteSmallNoItemsFound = DThemeWhiteNoteSmallNoItemsFound;
 exports.DThemeWhiteNoteSmallSearching = DThemeWhiteNoteSmallSearching;
 exports.DThemeWhitePagination = DThemeWhitePagination;
-exports.DThemeWhitePaginationDotsButton = DThemeWhitePaginationDotsButton;
-exports.DThemeWhitePaginationDynamicButtons = DThemeWhitePaginationDynamicButtons;
-exports.DThemeWhitePaginationNavigationButton = DThemeWhitePaginationNavigationButton;
+exports.DThemeWhitePaginationButtonLast = DThemeWhitePaginationButtonLast;
+exports.DThemeWhitePaginationButtonNext = DThemeWhitePaginationButtonNext;
+exports.DThemeWhitePaginationButtonPage = DThemeWhitePaginationButtonPage;
+exports.DThemeWhitePaginationButtonPrevious = DThemeWhitePaginationButtonPrevious;
+exports.DThemeWhitePaginationButtonTop = DThemeWhitePaginationButtonTop;
+exports.DThemeWhitePaginationDots = DThemeWhitePaginationDots;
+exports.DThemeWhitePaginationPage = DThemeWhitePaginationPage;
 exports.DThemeWhitePane = DThemeWhitePane;
 exports.DThemeWhitePickerColor = DThemeWhitePickerColor;
 exports.DThemeWhitePickerColorGradient = DThemeWhitePickerColorGradient;
@@ -85225,6 +85746,7 @@ exports.DynamicAtlasItemWhite = DynamicAtlasItemWhite;
 exports.DynamicFontAtlas = DynamicFontAtlas;
 exports.DynamicFontAtlasCharacter = DynamicFontAtlasCharacter;
 exports.DynamicFontAtlasCharacterOrigin = DynamicFontAtlasCharacterOrigin;
+exports.DynamicFontAtlasCharacterType = DynamicFontAtlasCharacterType;
 exports.DynamicFontAtlasFont = DynamicFontAtlasFont;
 exports.DynamicFontAtlases = DynamicFontAtlases;
 exports.DynamicSDFFontAtlas = DynamicSDFFontAtlas;
@@ -85476,6 +85998,36 @@ exports.EThemeDarkShape = EThemeDarkShape;
 exports.EThemeDarkShapeActionValue = EThemeDarkShapeActionValue;
 exports.EThemeWhiteShape = EThemeWhiteShape;
 exports.EThemeWhiteShapeActionValue = EThemeWhiteShapeActionValue;
+exports.FormatNodeA = FormatNodeA;
+exports.FormatNodeD = FormatNodeD;
+exports.FormatNodeH = FormatNodeH;
+exports.FormatNodeM = FormatNodeM;
+exports.FormatNodeP = FormatNodeP;
+exports.FormatNodePadding = FormatNodePadding;
+exports.FormatNodeParenthesis = FormatNodeParenthesis;
+exports.FormatNodePlus = FormatNodePlus;
+exports.FormatNodePrecision = FormatNodePrecision;
+exports.FormatNodeRP = FormatNodeRP;
+exports.FormatNodeSpace = FormatNodeSpace;
+exports.FormatNodeString = FormatNodeString;
+exports.FormatNodeY = FormatNodeY;
+exports.FormatNodea = FormatNodea;
+exports.FormatNoded = FormatNoded;
+exports.FormatNodee = FormatNodee;
+exports.FormatNodef = FormatNodef;
+exports.FormatNodefsi = FormatNodefsi;
+exports.FormatNodeg = FormatNodeg;
+exports.FormatNodeh = FormatNodeh;
+exports.FormatNodem = FormatNodem;
+exports.FormatNodemi = FormatNodemi;
+exports.FormatNodep = FormatNodep;
+exports.FormatNoderd = FormatNoderd;
+exports.FormatNoderp = FormatNoderp;
+exports.FormatNodes = FormatNodes;
+exports.FormatNodesdt = FormatNodesdt;
+exports.FormatNodessi = FormatNodessi;
+exports.FormatNodey = FormatNodey;
+exports.FormatNodez = FormatNodez;
 exports.IMAGE_SDF_INDEX_COUNT = IMAGE_SDF_INDEX_COUNT;
 exports.IMAGE_SDF_VERTEX_COUNT = IMAGE_SDF_VERTEX_COUNT;
 exports.IMAGE_SDF_WORLD_SIZE = IMAGE_SDF_WORLD_SIZE;
@@ -85499,6 +86051,7 @@ exports.TRIANGLE_WORLD_SIZE = TRIANGLE_WORLD_SIZE;
 exports.UtilAlpha = UtilAlpha;
 exports.UtilAttach = UtilAttach;
 exports.UtilAttachAlign = UtilAttachAlign;
+exports.UtilCharacterIterator = UtilCharacterIterator;
 exports.UtilClickOutside = UtilClickOutside;
 exports.UtilClipboard = UtilClipboard;
 exports.UtilExtract = UtilExtract;