@wcardinal/wcardinal-ui 0.338.0 → 0.340.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.338.0
+ Winter Cardinal UI v0.340.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -4464,13 +4464,16 @@ var CURSOR$1 = 0x20000;
 var ORDER_IN_LAYER = 0x40000;
 var CHILDREN$1 = 0x80000;
 var DATA_MAPPING = 0x100000;
+var LINE = 0x200000;
+var LINE_TAIL = 0x400000;
+var LINE_HEAD = 0x800000;
 var COORDINATE = POSITION | WIDTH$1 | HEIGHT$1 | ROTATION$1 | SKEW;
-var SHAPE = REPLACING | GROUPING | FILL$1 | STROKE$1;
+var SHAPE = REPLACING | GROUPING | FILL$1 | STROKE$1 | LINE | LINE_TAIL | LINE_HEAD;
 var LAYER = ORDER_IN_LAYER;
 var PRIMITIVE = ID | COORDINATE | SHAPE | TEXT$2 | TEXTURE | DATA | ACTION | CURSOR$1 | LAYER | CHILDREN$1;
 var GROUP = PRIMITIVE | UNGROUPING;
 var EMBEDDED = ID | COORDINATE | REPLACING | GROUPING | TEXT$2 | DATA | ACTION | LAYER | DATA_MAPPING;
-var CONNECTOR = ID | REPLACING | FILL$1 | STROKE$1 | TEXT$2 | TEXTURE | DATA | ACTION | CURSOR$1 | LAYER | CHILDREN$1;
+var CONNECTOR = ID | REPLACING | FILL$1 | STROKE$1 | LINE | LINE_TAIL | LINE_HEAD | TEXT$2 | TEXTURE | DATA | ACTION | CURSOR$1 | LAYER | CHILDREN$1;
 var ALL = PRIMITIVE | STROKE_SIDE | BORDER_RADIUS | DATA_MAPPING | UNGROUPING;
 var EShapeCapability = {
     NONE: NONE,
@@ -4562,6 +4565,18 @@ var EShapeCapability = {
      * Allows shape children to be modified.
      */
     CHILDREN: CHILDREN$1,
+    /**
+     * Allows shape line to be modified.
+     */
+    LINE: LINE,
+    /**
+     * Allows shape line tail to be modified.
+     */
+    LINE_TAIL: LINE_TAIL,
+    /**
+     * Allows shape line head to be modified.
+     */
+    LINE_HEAD: LINE_HEAD,
     COORDINATE: COORDINATE,
     SHAPE: SHAPE,
     LAYER: LAYER,
@@ -53974,9 +53989,9 @@ var DThemeWhitePagination = /** @class */ (function (_super) {
  */
 /* 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\" />" +
+    "<circle cx=\"2\" cy=\"11\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"10.5\" cy=\"11\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"19\" cy=\"11\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
     "</g>");
 /* eslint-enable prettier/prettier */
 var DThemeWhitePaginationDots = /** @class */ (function (_super) {
@@ -53990,6 +54005,9 @@ var DThemeWhitePaginationDots = /** @class */ (function (_super) {
     DThemeWhitePaginationDots.prototype.getHeight = function () {
         return 30;
     };
+    DThemeWhitePaginationDots.prototype.getInteractive = function () {
+        return DBaseInteractive.NONE;
+    };
     DThemeWhitePaginationDots.prototype.newState = function (state) {
         _super.prototype.newState.call(this, state);
         state.isFocusable = false;
@@ -53997,6 +54015,12 @@ var DThemeWhitePaginationDots = /** @class */ (function (_super) {
     DThemeWhitePaginationDots.prototype.getImageSource = function (state) {
         return DThemeWhiteAtlas.mappings.pagination_dots;
     };
+    DThemeWhitePaginationDots.prototype.getImageAlignHorizontal = function () {
+        return DAlignHorizontal.CENTER;
+    };
+    DThemeWhitePaginationDots.prototype.getImageAlignWith = function () {
+        return DAlignWith.BORDER;
+    };
     return DThemeWhitePaginationDots;
 }(DThemeWhiteImageBase));
 
@@ -54136,6 +54160,10 @@ var DThemeWhitePaginationPage = /** @class */ (function (_super) {
     DThemeWhitePaginationPage.prototype.getHeight = function () {
         return 30;
     };
+    DThemeWhitePaginationPage.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
     DThemeWhitePaginationPage.prototype.getTextStyleClipping = function () {
         return false;
     };
@@ -63234,9 +63262,9 @@ var DThemeDarkPagination = /** @class */ (function (_super) {
  */
 /* 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\" />" +
+    "<circle cx=\"2\" cy=\"11\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"10.5\" cy=\"11\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
+    "<circle cx=\"19\" cy=\"11\" r=\"1.1\" fill=\"#fff\" stroke=\"none\" />" +
     "</g>");
 /* eslint-enable prettier/prettier */
 var DThemeDarkPaginationDots = /** @class */ (function (_super) {
@@ -63250,6 +63278,9 @@ var DThemeDarkPaginationDots = /** @class */ (function (_super) {
     DThemeDarkPaginationDots.prototype.getHeight = function () {
         return 30;
     };
+    DThemeDarkPaginationDots.prototype.getInteractive = function () {
+        return DBaseInteractive.NONE;
+    };
     DThemeDarkPaginationDots.prototype.newState = function (state) {
         _super.prototype.newState.call(this, state);
         state.isFocusable = false;
@@ -63257,6 +63288,12 @@ var DThemeDarkPaginationDots = /** @class */ (function (_super) {
     DThemeDarkPaginationDots.prototype.getImageSource = function (state) {
         return DThemeDarkAtlas.mappings.pagination_dots;
     };
+    DThemeDarkPaginationDots.prototype.getImageAlignHorizontal = function () {
+        return DAlignHorizontal.CENTER;
+    };
+    DThemeDarkPaginationDots.prototype.getImageAlignWith = function () {
+        return DAlignWith.BORDER;
+    };
     return DThemeDarkPaginationDots;
 }(DThemeDarkImageBase));
 
@@ -63396,6 +63433,10 @@ var DThemeDarkPaginationPage = /** @class */ (function (_super) {
     DThemeDarkPaginationPage.prototype.getHeight = function () {
         return 30;
     };
+    DThemeDarkPaginationPage.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
     DThemeDarkPaginationPage.prototype.getTextStyleClipping = function () {
         return false;
     };
@@ -85173,21 +85214,22 @@ var DPagination = /** @class */ (function (_super) {
             _this._value = 0;
         }
         var buttonTop = _this.buttonTop;
-        var buttonPrevious = _this.buttonPrevious;
         if (buttonTop != null) {
             _this.addChild(buttonTop);
         }
+        var buttonPrevious = _this.buttonPrevious;
         if (buttonPrevious != null) {
             _this.addChild(buttonPrevious);
         }
-        if (buttonTop != null || buttonPrevious != null) {
-            _this.addChild(_this.newSpace());
+        var spaceLeft = _this.spaceLeft;
+        if (spaceLeft != null) {
+            _this.addChild(spaceLeft);
         }
         var buttonPages0 = _this.buttonPages0;
         var buttonPages0Length = buttonPages0.length;
-        _this.addChild(buttonPages0[buttonPages0Length - 1]);
+        _this.addChild(buttonPages0[0]);
         _this.addChild(_this.dots0);
-        for (var i = buttonPages0Length - 2; 0 <= i; --i) {
+        for (var i = 1; i < buttonPages0Length; ++i) {
             _this.addChild(buttonPages0[i]);
         }
         _this.addChild(_this.page);
@@ -85198,26 +85240,20 @@ var DPagination = /** @class */ (function (_super) {
         }
         _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());
+        var spaceRight = _this.spaceRight;
+        if (spaceRight != null) {
+            _this.addChild(spaceRight);
         }
+        var buttonNext = _this.buttonNext;
         if (buttonNext != null) {
             _this.addChild(buttonNext);
         }
+        var buttonLast = _this.buttonLast;
         if (buttonLast != null) {
             _this.addChild(buttonLast);
         }
-        _this.update();
         return _this;
     }
-    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.
@@ -85235,7 +85271,8 @@ var DPagination = /** @class */ (function (_super) {
         set: function (value) {
             if (0 <= value && value < this._size && this._value !== value) {
                 this._value = value;
-                this.update();
+                this.toDirty();
+                DApplications.update(this);
             }
         },
         enumerable: false,
@@ -85286,7 +85323,8 @@ var DPagination = /** @class */ (function (_super) {
                 else {
                     this._value = Math.max(0, Math.min(this._size - 1, this._value));
                 }
-                this.update();
+                this.toDirty();
+                DApplications.update(this);
             }
         },
         enumerable: false,
@@ -85374,7 +85412,8 @@ var DPagination = /** @class */ (function (_super) {
             var oldIndex = this._value;
             this._value = index;
             this.emit("change", index, oldIndex, this);
-            this.update();
+            this.toDirty();
+            DApplications.update(this);
         }
     };
     Object.defineProperty(DPagination.prototype, "buttonNext", {
@@ -85490,6 +85529,16 @@ var DPagination = /** @class */ (function (_super) {
             this.newButtonPage()
         ];
     };
+    DPagination.prototype.allocButtonPages0 = function (size) {
+        var buttonPages0 = this.buttonPages0;
+        var buttonPages0Length = buttonPages0.length;
+        var index = this.getChildIndex(buttonPages0[buttonPages0Length - 1]) + 1;
+        for (var i = 0, imax = size - buttonPages0Length; i < imax; ++i) {
+            var buttonPage = this.newButtonPage();
+            this.addChildAt(buttonPage, index + i);
+            buttonPages0.push(buttonPage);
+        }
+    };
     Object.defineProperty(DPagination.prototype, "buttonPages1", {
         get: function () {
             var result = this._buttonPages1;
@@ -85510,6 +85559,16 @@ var DPagination = /** @class */ (function (_super) {
             this.newButtonPage()
         ];
     };
+    DPagination.prototype.allocButtonPages1 = function (size) {
+        var buttonPages1 = this.buttonPages1;
+        var buttonPages1Length = buttonPages1.length;
+        var index = this.getChildIndex(buttonPages1[0]);
+        for (var i = 0, imax = size - buttonPages1Length; i < imax; ++i) {
+            var buttonPage = this.newButtonPage();
+            this.addChildAt(buttonPage, index);
+            buttonPages1.unshift(buttonPage);
+        }
+    };
     Object.defineProperty(DPagination.prototype, "page", {
         get: function () {
             var result = this._page;
@@ -85536,121 +85595,347 @@ var DPagination = /** @class */ (function (_super) {
             }
         }
     };
+    Object.defineProperty(DPagination.prototype, "spaceLeft", {
+        get: function () {
+            var result = this._spaceLeft;
+            if (result === undefined) {
+                result = this.newSpaceLeft();
+                this._spaceLeft = result;
+            }
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newSpaceLeft = function () {
+        if (this.buttonTop != null || this.buttonPrevious != null) {
+            return this.newSpace();
+        }
+        return null;
+    };
+    Object.defineProperty(DPagination.prototype, "spaceRight", {
+        get: function () {
+            var result = this._spaceRight;
+            if (result === undefined) {
+                result = this.newSpaceRight();
+                this._spaceRight = result;
+            }
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DPagination.prototype.newSpaceRight = function () {
+        if (this.buttonLast != null || this.buttonNext != null) {
+            return this.newSpace();
+        }
+        return null;
+    };
+    DPagination.prototype.newSpace = function () {
+        var _a, _b;
+        var space = (_b = (_a = this._options) === null || _a === void 0 ? void 0 : _a.button) === null || _b === void 0 ? void 0 : _b.space;
+        if (space !== null && space !== false) {
+            if (space === true || space === undefined) {
+                return new DLayoutSpace({
+                    weight: 1
+                });
+            }
+            else if (isNumber(space)) {
+                return new DLayoutSpace({
+                    width: space
+                });
+            }
+            else {
+                return new DLayoutSpace(space);
+            }
+        }
+        return null;
+    };
+    DPagination.prototype.onReflow = function () {
+        this.update();
+        _super.prototype.onReflow.call(this);
+    };
     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.hideDots(this.dots0);
-            var buttonPages0 = this.buttonPages0;
-            for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
-                this.hidePage(buttonPages0[i]);
+            this.doUpdate0(value, size);
+        }
+        else {
+            if (this._auto.width.isOn) {
+                this.doUpdate2(value, size, 0, 0, 0, 0);
             }
-            this.hidePage(this.page);
-            var buttonPages1 = this.buttonPages1;
-            for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
-                this.hidePage(buttonPages1[i]);
+            else {
+                this.doUpdate1(value, size);
             }
-            this.hideDots(this.dots1);
-            var buttonNext = this.buttonNext;
-            if (buttonNext != null) {
-                buttonNext.state.isEnabled = false;
+        }
+    };
+    DPagination.prototype.doUpdate0 = function (value, size) {
+        var buttonTop = this.buttonTop;
+        if (buttonTop != null) {
+            buttonTop.state.isEnabled = false;
+        }
+        var buttonPrevious = this.buttonPrevious;
+        if (buttonPrevious != null) {
+            buttonPrevious.state.isEnabled = false;
+        }
+        this.hideDots(this.dots0);
+        var buttonPages0 = this.buttonPages0;
+        for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+            this.hidePage(buttonPages0[i]);
+        }
+        this.hidePage(this.page);
+        var buttonPages1 = this.buttonPages1;
+        for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+            this.hidePage(buttonPages1[i]);
+        }
+        this.hideDots(this.dots1);
+        var buttonNext = this.buttonNext;
+        if (buttonNext != null) {
+            buttonNext.state.isEnabled = false;
+        }
+        var buttonLast = this.buttonLast;
+        if (buttonLast) {
+            buttonLast.state.isEnabled = false;
+        }
+    };
+    DPagination.prototype.doUpdate1 = function (value, size) {
+        var required = 0;
+        var nrequired = 0;
+        var buttonTop = this.buttonTop;
+        if (buttonTop != null) {
+            required += buttonTop.width;
+            nrequired += 1;
+        }
+        var buttonPrevious = this.buttonPrevious;
+        if (buttonPrevious != null) {
+            required += buttonPrevious.width;
+            nrequired += 1;
+        }
+        var spaceLeft = this.spaceLeft;
+        if (spaceLeft != null) {
+            if (spaceLeft.weight < 0) {
+                required += spaceLeft.width;
             }
-            var buttonLast = this.buttonLast;
-            if (buttonLast) {
-                buttonLast.state.isEnabled = false;
+            nrequired += 1;
+        }
+        var page = this.page;
+        required += page.width;
+        nrequired += 1;
+        var spaceRight = this.spaceRight;
+        if (spaceRight != null) {
+            if (spaceRight.weight < 0) {
+                required += spaceRight.width;
             }
+            nrequired += 1;
+        }
+        var buttonNext = this.buttonNext;
+        if (buttonNext != null) {
+            required += buttonNext.width;
+            nrequired += 1;
+        }
+        var buttonLast = this.buttonLast;
+        if (buttonLast) {
+            required += buttonLast.width;
+            nrequired += 1;
+        }
+        var marginHorizontal = this._margin.horizontal;
+        if (2 <= nrequired) {
+            required += (nrequired - 1) * marginHorizontal;
+        }
+        var padding = this.padding;
+        var space = this.width - (padding.getLeft() + padding.getRight());
+        if (space <= required) {
+            this.doUpdate2(value, size, 4, 4, 0, 0);
         }
         else {
-            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.showDots(this.dots0, 1, from - 1);
+            var buttonPages0 = this.buttonPages0;
+            var buttonPage0Width = buttonPages0[0].width;
+            var nrequired0 = value;
+            var required0 = nrequired0 * (buttonPage0Width + marginHorizontal);
+            var buttonPages1 = this.buttonPages1;
+            var buttonPage1Width = buttonPages1[0].width;
+            var nrequired1 = size - (value + 1);
+            var required1 = nrequired1 * (buttonPage1Width + marginHorizontal);
+            if (required + required0 + required1 <= space) {
+                this.doUpdate2(value, size, 0, 0, 0, 0);
             }
             else {
-                this.hideDots(this.dots0);
-            }
-            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 && 0 <= index) {
-                    this.showPage(buttonPage, index);
+                var dots1 = this.dots1;
+                var dots1Width = dots1.width;
+                var dots0 = this.dots0;
+                var dots0Width = dots0.width;
+                var m0 = marginHorizontal + buttonPage0Width;
+                var m1 = marginHorizontal + buttonPage1Width;
+                var required0n = dots0Width + m0;
+                var required1n = dots1Width + m1;
+                var required0m = required0n + m0;
+                var required1m = required1n + m1;
+                if (required0 <= required1) {
+                    if (3 <= nrequired1 && required + required0 + required1m <= space) {
+                        var n1 = Math.floor((space - (required + required0 + required1m)) / m1);
+                        this.doUpdate2(value, size, 0, 1, 0, n1);
+                    }
+                    else if (2 <= nrequired1 && required + required0 + required1n <= space) {
+                        this.doUpdate2(value, size, 0, 2, 0, 0);
+                    }
+                    else if (3 <= nrequired0 &&
+                        2 <= nrequired1 &&
+                        required + required0m + required1n <= space) {
+                        this.doUpdate2(value, size, 1, 2, 0, 0);
+                    }
+                    else if (2 <= nrequired0 &&
+                        2 <= nrequired1 &&
+                        required + required0n + required1n <= space) {
+                        this.doUpdate2(value, size, 2, 2, 0, 0);
+                    }
+                    else if (1 <= nrequired0 &&
+                        1 <= nrequired1 &&
+                        required + dots0Width + dots1Width <= space) {
+                        this.doUpdate2(value, size, 3, 3, 0, 0);
+                    }
+                    else {
+                        this.doUpdate2(value, size, 4, 4, 0, 0);
+                    }
                 }
                 else {
-                    if (top_1 && i === imax - 1) {
-                        this.showPage(buttonPage, 0);
+                    if (3 <= nrequired0 && required + required0m + required1 <= space) {
+                        var n0 = Math.floor((space - (required + required0m + required1)) / m0);
+                        this.doUpdate2(value, size, 1, 0, n0, 0);
+                    }
+                    else if (2 <= nrequired0 && required + required0n + required1 <= space) {
+                        this.doUpdate2(value, size, 2, 0, 0, 0);
+                    }
+                    else if (2 <= nrequired0 &&
+                        3 <= nrequired1 &&
+                        required + required0n + required1m <= space) {
+                        this.doUpdate2(value, size, 2, 1, 0, 0);
+                    }
+                    else if (2 <= nrequired0 &&
+                        2 <= nrequired1 &&
+                        required + required0n + required1n <= space) {
+                        this.doUpdate2(value, size, 2, 2, 0, 0);
+                    }
+                    else if (1 <= nrequired0 &&
+                        1 <= nrequired1 &&
+                        required + dots0Width + dots1Width <= space) {
+                        this.doUpdate2(value, size, 3, 3, 0, 0);
                     }
                     else {
-                        this.hidePage(buttonPage);
+                        this.doUpdate2(value, size, 4, 4, 0, 0);
                     }
                 }
             }
-            this.showPage(this.page, value);
-            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 && index < size) {
-                    this.showPage(buttonPage, index);
+        }
+    };
+    DPagination.prototype.doUpdate2 = function (value, size, left, right, nleft1, nright1) {
+        var buttonTop = this.buttonTop;
+        if (buttonTop != null) {
+            buttonTop.state.isEnabled = 0 < value;
+        }
+        var buttonPrevious = this.buttonPrevious;
+        if (buttonPrevious != null) {
+            buttonPrevious.state.isEnabled = 0 < value;
+        }
+        var buttonPages0 = this.buttonPages0;
+        switch (left) {
+            case 0:
+                this.hideDots(this.dots0);
+                this.allocButtonPages0(value);
+                for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+                    if (i < value) {
+                        this.showPage(buttonPages0[i], i);
+                    }
+                    else {
+                        this.hidePage(buttonPages0[i]);
+                    }
                 }
-                else {
-                    if (last && i === imax - 1) {
-                        this.showPage(buttonPage, size - 1);
+                break;
+            case 1:
+                this.showDots(this.dots0, 1, value - 2);
+                this.allocButtonPages0(2 + nleft1);
+                this.showPage(buttonPages0[0], 0);
+                for (var i = 1, imax = buttonPages0.length - nleft1 - 1; i < imax; ++i) {
+                    this.hidePage(buttonPages0[i]);
+                }
+                for (var i = 0, imax = 1 + nleft1; i < imax; ++i) {
+                    this.showPage(buttonPages0[buttonPages0.length - imax + i], value - 1 - (imax - 1) + i);
+                }
+                break;
+            case 2:
+                this.showDots(this.dots0, 0, value - 2);
+                for (var i = 0, imax = buttonPages0.length - 1; i < imax; ++i) {
+                    this.hidePage(buttonPages0[i]);
+                }
+                this.showPage(buttonPages0[buttonPages0.length - 1], value - 1);
+                break;
+            case 3:
+                this.showDots(this.dots0, 0, value - 1);
+                for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+                    this.hidePage(buttonPages0[i]);
+                }
+                break;
+            case 4:
+                this.hideDots(this.dots0);
+                for (var i = 0, imax = buttonPages0.length; i < imax; ++i) {
+                    this.hidePage(buttonPages0[i]);
+                }
+                break;
+        }
+        this.showPage(this.page, value);
+        var buttonPages1 = this.buttonPages1;
+        switch (right) {
+            case 0:
+                this.allocButtonPages1(size - (value + 1));
+                for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+                    var j = value + 1 + i;
+                    if (j < size) {
+                        this.showPage(buttonPages1[i], j);
                     }
                     else {
-                        this.hidePage(buttonPage);
+                        this.hidePage(buttonPages1[i]);
                     }
                 }
-            }
-            if (last) {
-                this.showDots(this.dots1, to + 1, size - 2);
-            }
-            else {
                 this.hideDots(this.dots1);
-            }
-            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;
-            }
+                break;
+            case 1:
+                this.allocButtonPages1(2 + nright1);
+                for (var i = 0, imax = 1 + nright1; i < imax; ++i) {
+                    this.showPage(buttonPages1[i], value + 1 + i);
+                }
+                for (var i = 1 + nright1, imax = buttonPages1.length - 1; i < imax; ++i) {
+                    this.hidePage(buttonPages1[i]);
+                }
+                this.showPage(buttonPages1[buttonPages1.length - 1], size - 1);
+                this.showDots(this.dots1, value + 2, size - 2);
+                break;
+            case 2:
+                this.showPage(buttonPages1[0], value + 1);
+                for (var i = 1, imax = buttonPages1.length; i < imax; ++i) {
+                    this.hidePage(buttonPages1[i]);
+                }
+                this.showDots(this.dots1, value + 2, size - 1);
+                break;
+            case 3:
+                for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+                    this.hidePage(buttonPages1[i]);
+                }
+                this.showDots(this.dots1, value + 1, size - 1);
+                break;
+            case 4:
+                for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
+                    this.hidePage(buttonPages1[i]);
+                }
+                this.hideDots(this.dots1);
+                break;
+        }
+        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.showPage = function (button, index) {