@wcardinal/wcardinal-ui 0.339.0 → 0.341.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.339.0
+ Winter Cardinal UI v0.341.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -66676,21 +66676,22 @@
                 _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);
@@ -66701,26 +66702,20 @@
             }
             _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.
@@ -66738,7 +66733,8 @@
             set: function (value) {
                 if (0 <= value && value < this._size && this._value !== value) {
                     this._value = value;
-                    this.update();
+                    this.toDirty();
+                    DApplications.update(this);
                 }
             },
             enumerable: false,
@@ -66789,7 +66785,8 @@
                     else {
                         this._value = Math.max(0, Math.min(this._size - 1, this._value));
                     }
-                    this.update();
+                    this.toDirty();
+                    DApplications.update(this);
                 }
             },
             enumerable: false,
@@ -66877,7 +66874,8 @@
                 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", {
@@ -66993,6 +66991,16 @@
                 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;
@@ -67013,6 +67021,16 @@
                 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;
@@ -67039,121 +67057,347 @@
                 }
             }
         };
+        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 - nleft1);
+                    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 + nright1, 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) {