@wcardinal/wcardinal-ui 0.339.0 → 0.341.0

package/dist/wcardinal/ui/d-pagination.js

@@ -13,6 +13,7 @@ import { DPaginationButtonTop } from "./d-pagination-button-top";
 import { isNumber } from "./util/is-number";
 import { DPaginationPage } from "./d-pagination-page";
 import { DLayoutSpace } from "./d-layout-space";
+import { DApplications } from "./d-applications";
 var DPagination = /** @class */ (function (_super) {
     __extends(DPagination, _super);
     function DPagination(options) {
@@ -28,21 +29,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);
@@ -53,26 +55,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.
@@ -90,7 +86,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,
@@ -141,7 +138,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,
@@ -229,7 +227,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", {
@@ -345,6 +344,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;
@@ -365,6 +374,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;
@@ -391,121 +410,347 @@ var DPagination = /** @class */ (function (_super) {
             }
         }
     };
-    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]);
+    Object.defineProperty(DPagination.prototype, "spaceLeft", {
+        get: function () {
+            var result = this._spaceLeft;
+            if (result === undefined) {
+                result = this.newSpaceLeft();
+                this._spaceLeft = result;
             }
-            this.hidePage(this.page);
-            var buttonPages1 = this.buttonPages1;
-            for (var i = 0, imax = buttonPages1.length; i < imax; ++i) {
-                this.hidePage(buttonPages1[i]);
+            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;
             }
-            this.hideDots(this.dots1);
-            var buttonNext = this.buttonNext;
-            if (buttonNext != null) {
-                buttonNext.state.isEnabled = false;
+            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
+                });
             }
-            var buttonLast = this.buttonLast;
-            if (buttonLast) {
-                buttonLast.state.isEnabled = false;
+            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) {
+            this.doUpdate0(value, size);
+        }
         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;
+            if (this._auto.width.isOn) {
+                this.doUpdate2(value, size, 0, 0, 0, 0);
             }
-            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;
+            else {
+                this.doUpdate1(value, size);
             }
-            var buttonPrevious = this.buttonPrevious;
-            if (buttonPrevious != null) {
-                buttonPrevious.state.isEnabled = 0 < value;
+        }
+    };
+    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;
             }
-            if (top_1) {
-                this.showDots(this.dots0, 1, from - 1);
+            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 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) {