@wcardinal/wcardinal-ui 0.389.0 → 0.390.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.389.0
+ Winter Cardinal UI v0.390.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -30274,20 +30274,65 @@ var DDialogLayeredFooter = /** @class */ (function (_super) {
     function DDialogLayeredFooter(parent, options) {
         var _this = _super.call(this, options) || this;
         _this._parent = parent;
-        var buttonOk = _this.buttonOk;
-        var buttonCancel = _this.buttonCancel;
-        if (buttonOk != null || buttonCancel != null) {
-            _this.addChild(_this.newButtonSpace());
-            if (buttonCancel) {
-                _this.addChild(buttonCancel);
+        return _this;
+    }
+    DDialogLayeredFooter.prototype.init = function (options) {
+        _super.prototype.init.call(this, options);
+        var children = this.newChildren();
+        if (0 < children.length) {
+            for (var i = 0, imax = children.length; i < imax; ++i) {
+                var child = children[i];
+                if (child != null) {
+                    this.addChild(child);
+                }
             }
-            if (buttonOk) {
-                _this.addChild(buttonOk);
+        }
+    };
+    DDialogLayeredFooter.prototype.newChildren = function () {
+        return [this.buttonSpaceLeft, this.buttonOk, this.buttonCancel, this.buttonSpaceRight];
+    };
+    Object.defineProperty(DDialogLayeredFooter.prototype, "buttonSpaceLeft", {
+        get: function () {
+            var result = this._buttonSpaceLeft;
+            if (result === undefined) {
+                result = this.newButtonSpaceLeft();
+                this._buttonSpaceLeft = result;
+            }
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DDialogLayeredFooter.prototype.newButtonSpaceLeft = function () {
+        var _a, _b, _c, _d;
+        if ((_d = (_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 ? void 0 : _c.left) !== null && _d !== void 0 ? _d : this.theme.isButtonSpaceLeftEnabled()) {
+            return new DLayoutSpace({
+                weight: 1
+            });
+        }
+        return null;
+    };
+    Object.defineProperty(DDialogLayeredFooter.prototype, "buttonSpaceRight", {
+        get: function () {
+            var result = this._buttonSpaceRight;
+            if (result === undefined) {
+                result = this.newButtonSpaceRight();
+                this._buttonSpaceRight = result;
             }
-            _this.addChild(_this.newButtonSpace());
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DDialogLayeredFooter.prototype.newButtonSpaceRight = function () {
+        var _a, _b, _c, _d;
+        if ((_d = (_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 ? void 0 : _c.right) !== null && _d !== void 0 ? _d : this.theme.isButtonSpaceRightEnabled()) {
+            return new DLayoutSpace({
+                weight: 1
+            });
         }
-        return _this;
-    }
+        return null;
+    };
     Object.defineProperty(DDialogLayeredFooter.prototype, "buttonCancel", {
         get: function () {
             var result = this._buttonCancel;
@@ -30368,11 +30413,6 @@ var DDialogLayeredFooter = /** @class */ (function (_super) {
         }
         return null;
     };
-    DDialogLayeredFooter.prototype.newButtonSpace = function () {
-        return new DLayoutSpace({
-            weight: 1
-        });
-    };
     DDialogLayeredFooter.prototype.getType = function () {
         return "DDialogLayeredFooter";
     };
@@ -46846,7 +46886,7 @@ var DThemeWhiteBase = /** @class */ (function (_super) {
         return 1;
     };
     DThemeWhiteBase.prototype.getBorderWidth = function (state) {
-        return 1;
+        return 1.5;
     };
     DThemeWhiteBase.prototype.getBorderAlign = function (state) {
         return 0;
@@ -46885,7 +46925,7 @@ var DThemeWhiteBase = /** @class */ (function (_super) {
         return 0;
     };
     DThemeWhiteBase.prototype.getOutlineWidth = function (state) {
-        return 1;
+        return 1.5;
     };
     DThemeWhiteBase.prototype.getOutlineOffset = function (state) {
         return 0;
@@ -49951,7 +49991,7 @@ var DThemeWhiteListItems = /** @class */ (function () {
         if (baseColor != null) {
             this._backgroundColorEven = baseColor;
             this._backgroundAlphaEven = 1;
-            this._backgroundColorOdd = UtilRgb.blend(baseColor, 0x000000, 0.0175);
+            this._backgroundColorOdd = UtilRgb.darken(baseColor, 0.0175);
             this._backgroundAlphaOdd = 1;
             this._invalidColor = UtilRgb.blend(baseColor, DThemeWhiteConstants.INVALID_COLOR, DThemeWhiteConstants.INVALID_ALPHA);
             this._invalidAlpha = 1;
@@ -51386,6 +51426,9 @@ var DThemeWhiteScrollBarThumb = /** @class */ (function (_super) {
     function DThemeWhiteScrollBarThumb() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.BORDER_COLOR = UtilRgb.darken(DThemeWhiteConstants.WEAK_HIGHLIGHT_COLOR, 0.25);
+        _this.BORDER_COLOR_DISABLED = UtilRgb.brighten(_this.BORDER_COLOR, 0.75);
+        _this.BORDER_COLOR_HOVERED = UtilRgb.brighten(_this.BORDER_COLOR, 0.25);
+        _this.BORDER_COLOR_OTHER = UtilRgb.brighten(_this.BORDER_COLOR, 0.5);
         return _this;
     }
     DThemeWhiteScrollBarThumb.prototype.getBackgroundColor = function (state) {
@@ -51395,24 +51438,24 @@ var DThemeWhiteScrollBarThumb = /** @class */ (function (_super) {
         return 1;
     };
     DThemeWhiteScrollBarThumb.prototype.getBorderColor = function (state) {
-        return this.BORDER_COLOR;
-    };
-    DThemeWhiteScrollBarThumb.prototype.getBorderAlpha = function (state) {
         if (state.inDisabled) {
-            return 0.25;
+            return this.BORDER_COLOR_DISABLED;
         }
         else if (state.isHovered || state.isGesturing) {
-            return 0.75;
+            return this.BORDER_COLOR_HOVERED;
         }
         else {
-            return 0.5;
+            return this.BORDER_COLOR_OTHER;
         }
     };
+    DThemeWhiteScrollBarThumb.prototype.getBorderAlpha = function (state) {
+        return 1;
+    };
     DThemeWhiteScrollBarThumb.prototype.getBorderWidth = function (state) {
         return 3;
     };
     DThemeWhiteScrollBarThumb.prototype.getBorderAlign = function (state) {
-        return 0.5;
+        return 1;
     };
     DThemeWhiteScrollBarThumb.prototype.getWidth = function () {
         return 13;
@@ -54551,6 +54594,9 @@ var DThemeWhiteDialogLayeredHeaderSeparator = /** @class */ (function (_super) {
     DThemeWhiteDialogLayeredHeaderSeparator.prototype.getInteractive = function () {
         return DBaseInteractive.NONE;
     };
+    DThemeWhiteDialogLayeredHeaderSeparator.prototype.newState = function (state) {
+        state.isFocusable = false;
+    };
     return DThemeWhiteDialogLayeredHeaderSeparator;
 }(DThemeWhiteImageBase));
 
@@ -54563,6 +54609,12 @@ var DThemeWhiteDialogLayeredFooter = /** @class */ (function (_super) {
     function DThemeWhiteDialogLayeredFooter() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    DThemeWhiteDialogLayeredFooter.prototype.isButtonSpaceLeftEnabled = function () {
+        return true;
+    };
+    DThemeWhiteDialogLayeredFooter.prototype.isButtonSpaceRightEnabled = function () {
+        return true;
+    };
     DThemeWhiteDialogLayeredFooter.prototype.getX = function () {
         return "padding";
     };
@@ -56474,7 +56526,7 @@ var DThemeWhiteTableBodyRow = /** @class */ (function (_super) {
     function DThemeWhiteTableBodyRow() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.BACKGROUND_COLOR_EVEN = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;
-        _this.BACKGROUND_COLOR_ODD = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.015);
+        _this.BACKGROUND_COLOR_ODD = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.0125);
         return _this;
     }
     DThemeWhiteTableBodyRow.prototype.getBackgroundColor = function (state) {
@@ -57831,7 +57883,7 @@ var DThemeDarkBase = /** @class */ (function (_super) {
         return 1;
     };
     DThemeDarkBase.prototype.getBorderWidth = function (state) {
-        return 1;
+        return 1.5;
     };
     DThemeDarkBase.prototype.getBorderAlign = function (state) {
         return 0;
@@ -57870,7 +57922,7 @@ var DThemeDarkBase = /** @class */ (function (_super) {
         return 0;
     };
     DThemeDarkBase.prototype.getOutlineWidth = function (state) {
-        return 1;
+        return 1.5;
     };
     DThemeDarkBase.prototype.getOutlineOffset = function (state) {
         return 0;
@@ -60793,7 +60845,7 @@ var DThemeDarkListItems = /** @class */ (function () {
         if (baseColor != null) {
             this._backgroundColorEven = baseColor;
             this._backgroundAlphaEven = 1;
-            this._backgroundColorOdd = UtilRgb.blend(baseColor, 0xffffff, 0.025);
+            this._backgroundColorOdd = UtilRgb.brighten(baseColor, 0.0075);
             this._backgroundAlphaOdd = 1;
             this._invalidColor = UtilRgb.blend(baseColor, DThemeDarkConstants.INVALID_COLOR, DThemeDarkConstants.INVALID_ALPHA);
             this._invalidAlpha = 1;
@@ -60811,7 +60863,7 @@ var DThemeDarkListItems = /** @class */ (function () {
             this._backgroundColorEven = 0xffffff;
             this._backgroundAlphaEven = 0;
             this._backgroundColorOdd = 0xffffff;
-            this._backgroundAlphaOdd = 0.025;
+            this._backgroundAlphaOdd = 0.0075;
             this._invalidColor = DThemeDarkConstants.INVALID_COLOR;
             this._invalidAlpha = DThemeDarkConstants.INVALID_ALPHA;
             this._highlightColor = DThemeDarkConstants.HIGHLIGHT_COLOR;
@@ -62226,6 +62278,9 @@ var DThemeDarkScrollBarThumb = /** @class */ (function (_super) {
     function DThemeDarkScrollBarThumb() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.BORDER_COLOR = UtilRgb.brighten(DThemeDarkConstants.WEAK_HIGHLIGHT_COLOR, 0.25);
+        _this.BORDER_COLOR_DISABLED = UtilRgb.darken(_this.BORDER_COLOR, 0.75);
+        _this.BORDER_COLOR_HOVERED = UtilRgb.darken(_this.BORDER_COLOR, 0.25);
+        _this.BORDER_COLOR_OTHER = UtilRgb.darken(_this.BORDER_COLOR, 0.5);
         return _this;
     }
     DThemeDarkScrollBarThumb.prototype.getBackgroundColor = function (state) {
@@ -62235,24 +62290,24 @@ var DThemeDarkScrollBarThumb = /** @class */ (function (_super) {
         return 1;
     };
     DThemeDarkScrollBarThumb.prototype.getBorderColor = function (state) {
-        return this.BORDER_COLOR;
-    };
-    DThemeDarkScrollBarThumb.prototype.getBorderAlpha = function (state) {
         if (state.inDisabled) {
-            return 0.25;
+            return this.BORDER_COLOR_DISABLED;
         }
         else if (state.isHovered || state.isGesturing) {
-            return 0.75;
+            return this.BORDER_COLOR_HOVERED;
         }
         else {
-            return 0.5;
+            return this.BORDER_COLOR_OTHER;
         }
     };
+    DThemeDarkScrollBarThumb.prototype.getBorderAlpha = function (state) {
+        return 1;
+    };
     DThemeDarkScrollBarThumb.prototype.getBorderWidth = function (state) {
         return 3;
     };
     DThemeDarkScrollBarThumb.prototype.getBorderAlign = function (state) {
-        return 0.5;
+        return 1;
     };
     DThemeDarkScrollBarThumb.prototype.getWidth = function () {
         return 13;
@@ -64925,6 +64980,9 @@ var DThemeDarkDialogLayeredHeaderSeparator = /** @class */ (function (_super) {
     DThemeDarkDialogLayeredHeaderSeparator.prototype.getInteractive = function () {
         return DBaseInteractive.NONE;
     };
+    DThemeDarkDialogLayeredHeaderSeparator.prototype.newState = function (state) {
+        state.isFocusable = false;
+    };
     return DThemeDarkDialogLayeredHeaderSeparator;
 }(DThemeDarkImageBase));
 
@@ -64937,6 +64995,12 @@ var DThemeDarkDialogLayeredFooter = /** @class */ (function (_super) {
     function DThemeDarkDialogLayeredFooter() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    DThemeDarkDialogLayeredFooter.prototype.isButtonSpaceLeftEnabled = function () {
+        return true;
+    };
+    DThemeDarkDialogLayeredFooter.prototype.isButtonSpaceRightEnabled = function () {
+        return true;
+    };
     DThemeDarkDialogLayeredFooter.prototype.getX = function () {
         return "padding";
     };
@@ -66845,7 +66909,7 @@ var DThemeDarkTableBodyRow = /** @class */ (function (_super) {
     function DThemeDarkTableBodyRow() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.BACKGROUND_COLOR_EVEN = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
-        _this.BACKGROUND_COLOR_ODD = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.03);
+        _this.BACKGROUND_COLOR_ODD = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.01);
         return _this;
     }
     DThemeDarkTableBodyRow.prototype.getBackgroundColor = function (state) {

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.389.0
+ Winter Cardinal UI v0.390.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -30271,20 +30271,65 @@
         function DDialogLayeredFooter(parent, options) {
             var _this = _super.call(this, options) || this;
             _this._parent = parent;
-            var buttonOk = _this.buttonOk;
-            var buttonCancel = _this.buttonCancel;
-            if (buttonOk != null || buttonCancel != null) {
-                _this.addChild(_this.newButtonSpace());
-                if (buttonCancel) {
-                    _this.addChild(buttonCancel);
+            return _this;
+        }
+        DDialogLayeredFooter.prototype.init = function (options) {
+            _super.prototype.init.call(this, options);
+            var children = this.newChildren();
+            if (0 < children.length) {
+                for (var i = 0, imax = children.length; i < imax; ++i) {
+                    var child = children[i];
+                    if (child != null) {
+                        this.addChild(child);
+                    }
                 }
-                if (buttonOk) {
-                    _this.addChild(buttonOk);
+            }
+        };
+        DDialogLayeredFooter.prototype.newChildren = function () {
+            return [this.buttonSpaceLeft, this.buttonOk, this.buttonCancel, this.buttonSpaceRight];
+        };
+        Object.defineProperty(DDialogLayeredFooter.prototype, "buttonSpaceLeft", {
+            get: function () {
+                var result = this._buttonSpaceLeft;
+                if (result === undefined) {
+                    result = this.newButtonSpaceLeft();
+                    this._buttonSpaceLeft = result;
                 }
-                _this.addChild(_this.newButtonSpace());
+                return result;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DDialogLayeredFooter.prototype.newButtonSpaceLeft = function () {
+            var _a, _b, _c, _d;
+            if ((_d = (_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 ? void 0 : _c.left) !== null && _d !== void 0 ? _d : this.theme.isButtonSpaceLeftEnabled()) {
+                return new DLayoutSpace({
+                    weight: 1
+                });
             }
-            return _this;
-        }
+            return null;
+        };
+        Object.defineProperty(DDialogLayeredFooter.prototype, "buttonSpaceRight", {
+            get: function () {
+                var result = this._buttonSpaceRight;
+                if (result === undefined) {
+                    result = this.newButtonSpaceRight();
+                    this._buttonSpaceRight = result;
+                }
+                return result;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DDialogLayeredFooter.prototype.newButtonSpaceRight = function () {
+            var _a, _b, _c, _d;
+            if ((_d = (_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 ? void 0 : _c.right) !== null && _d !== void 0 ? _d : this.theme.isButtonSpaceRightEnabled()) {
+                return new DLayoutSpace({
+                    weight: 1
+                });
+            }
+            return null;
+        };
         Object.defineProperty(DDialogLayeredFooter.prototype, "buttonCancel", {
             get: function () {
                 var result = this._buttonCancel;
@@ -30365,11 +30410,6 @@
             }
             return null;
         };
-        DDialogLayeredFooter.prototype.newButtonSpace = function () {
-            return new DLayoutSpace({
-                weight: 1
-            });
-        };
         DDialogLayeredFooter.prototype.getType = function () {
             return "DDialogLayeredFooter";
         };