@wcardinal/wcardinal-ui 0.445.0 → 0.447.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.445.0
+ Winter Cardinal UI v0.447.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -3269,11 +3269,19 @@ var DBaseStateSetImpl = /** @class */ (function () {
     DBaseStateSetImpl.prototype.valueOf = function (state, def) {
         var result = this._local.get(state);
         if (result !== undefined) {
+            if (result == null && def !== undefined) {
+                return def;
+            }
             return result;
         }
         var parent = this._parent;
         if (parent != null) {
-            return parent.valueOf(state, def);
+            if (def !== undefined) {
+                return parent.valueOf(state, def);
+            }
+            else {
+                return parent.valueOf(state);
+            }
         }
         return def;
     };
@@ -30408,7 +30416,7 @@ var DDialog = /** @class */ (function (_super) {
     }
     DDialog.prototype.init = function (options) {
         var _this = this;
-        var _a, _b;
+        var _a, _b, _c;
         _super.prototype.init.call(this, options);
         this._onPrerenderBound = function () {
             _this.onPrerender();
@@ -30418,8 +30426,10 @@ var DDialog = /** @class */ (function (_super) {
         var theme = this.theme;
         var mode = toEnum((_a = options === null || options === void 0 ? void 0 : options.mode) !== null && _a !== void 0 ? _a : theme.getMode(), DDialogMode);
         this._mode = mode;
+        // Always On Top
+        this._alwaysOnTop = (_b = options === null || options === void 0 ? void 0 : options.alwaysOnTop) !== null && _b !== void 0 ? _b : theme.isAlwaysOnTop();
         // Sticky
-        this._sticky = (_b = options === null || options === void 0 ? void 0 : options.sticky) !== null && _b !== void 0 ? _b : theme.isSticky(mode);
+        this._sticky = (_c = options === null || options === void 0 ? void 0 : options.sticky) !== null && _c !== void 0 ? _c : theme.isSticky(mode);
         // Close On
         var closeOn = this.toCloseOn(mode, theme, options);
         this._closeOn = closeOn;
@@ -30500,6 +30510,16 @@ var DDialog = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DDialog.prototype, "alwaysOnTop", {
+        get: function () {
+            return this._alwaysOnTop;
+        },
+        set: function (alwaysOnTop) {
+            this._alwaysOnTop = alwaysOnTop;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DDialog.prototype, "gesture", {
         get: function () {
             return this._gesture;
@@ -30606,6 +30626,7 @@ var DDialog = /** @class */ (function (_super) {
      */
     DDialog.prototype.open = function (opener) {
         var _this = this;
+        var _a;
         var result = this._promise;
         if (result == null) {
             result = new Promise(function (resolve, reject) {
@@ -30649,11 +30670,37 @@ var DDialog = /** @class */ (function (_super) {
                     gesture.constraint(this, layer, position.x, position.y);
                 }
             }
+            // Always On Top
+            if (this._alwaysOnTop) {
+                var parent_2 = this.parent;
+                if (parent_2 != null) {
+                    parent_2.on("childAdded", ((_a = this._onParentChildAddedBound) !== null && _a !== void 0 ? _a : (this._onParentChildAddedBound = function () {
+                        _this.onParentChildAdded();
+                    })));
+                    this.onParentChildAdded();
+                }
+            }
             // Done
             this.onOpen();
         }
         return result;
     };
+    DDialog.prototype.onParentChildAdded = function () {
+        var parent = this.parent;
+        if (parent != null) {
+            parent.children.sort(this.compareAlwaysOnTop);
+        }
+    };
+    DDialog.prototype.compareAlwaysOnTop = function (a, b) {
+        var at = a instanceof DDialog && a.alwaysOnTop;
+        var bt = b instanceof DDialog && b.alwaysOnTop;
+        if (at) {
+            return bt ? 0 : +1;
+        }
+        else {
+            return bt ? -1 : 0;
+        }
+    };
     DDialog.prototype.onPrerender = function () {
         var _a;
         var layer = this._layer;
@@ -30749,6 +30796,13 @@ var DDialog = /** @class */ (function (_super) {
             this.visible = false;
             this.onAnimationEnd(true);
         }
+        // Always On Top
+        if (this._alwaysOnTop) {
+            var parent_3 = this.parent;
+            if (parent_3 != null) {
+                parent_3.off("childAdded", this._onParentChildAddedBound);
+            }
+        }
         this.emit("close", this);
     };
     DDialog.prototype.onKeyDown = function (e) {
@@ -53954,6 +54008,9 @@ var DThemeWhiteDialog = /** @class */ (function (_super) {
     DThemeWhiteDialog.prototype.isSticky = function (mode) {
         return false;
     };
+    DThemeWhiteDialog.prototype.isAlwaysOnTop = function () {
+        return false;
+    };
     DThemeWhiteDialog.prototype.isGestureEnabled = function (mode) {
         switch (mode) {
             case DDialogMode.MODAL:
@@ -65040,6 +65097,9 @@ var DThemeDarkDialog = /** @class */ (function (_super) {
     DThemeDarkDialog.prototype.isSticky = function (mode) {
         return false;
     };
+    DThemeDarkDialog.prototype.isAlwaysOnTop = function () {
+        return false;
+    };
     DThemeDarkDialog.prototype.isGestureEnabled = function (mode) {
         switch (mode) {
             case DDialogMode.MODAL:
@@ -100078,7 +100138,8 @@ var DTable = /** @class */ (function (_super) {
     });
     Object.defineProperty(DTable.prototype, "category", {
         get: function () {
-            return (this._category = this.newCategory());
+            var _a;
+            return ((_a = this._category) !== null && _a !== void 0 ? _a : (this._category = this.newCategory()));
         },
         enumerable: false,
         configurable: true

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.445.0
+ Winter Cardinal UI v0.447.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -3266,11 +3266,19 @@
         DBaseStateSetImpl.prototype.valueOf = function (state, def) {
             var result = this._local.get(state);
             if (result !== undefined) {
+                if (result == null && def !== undefined) {
+                    return def;
+                }
                 return result;
             }
             var parent = this._parent;
             if (parent != null) {
-                return parent.valueOf(state, def);
+                if (def !== undefined) {
+                    return parent.valueOf(state, def);
+                }
+                else {
+                    return parent.valueOf(state);
+                }
             }
             return def;
         };
@@ -30405,7 +30413,7 @@
         }
         DDialog.prototype.init = function (options) {
             var _this = this;
-            var _a, _b;
+            var _a, _b, _c;
             _super.prototype.init.call(this, options);
             this._onPrerenderBound = function () {
                 _this.onPrerender();
@@ -30415,8 +30423,10 @@
             var theme = this.theme;
             var mode = toEnum((_a = options === null || options === void 0 ? void 0 : options.mode) !== null && _a !== void 0 ? _a : theme.getMode(), DDialogMode);
             this._mode = mode;
+            // Always On Top
+            this._alwaysOnTop = (_b = options === null || options === void 0 ? void 0 : options.alwaysOnTop) !== null && _b !== void 0 ? _b : theme.isAlwaysOnTop();
             // Sticky
-            this._sticky = (_b = options === null || options === void 0 ? void 0 : options.sticky) !== null && _b !== void 0 ? _b : theme.isSticky(mode);
+            this._sticky = (_c = options === null || options === void 0 ? void 0 : options.sticky) !== null && _c !== void 0 ? _c : theme.isSticky(mode);
             // Close On
             var closeOn = this.toCloseOn(mode, theme, options);
             this._closeOn = closeOn;
@@ -30497,6 +30507,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(DDialog.prototype, "alwaysOnTop", {
+            get: function () {
+                return this._alwaysOnTop;
+            },
+            set: function (alwaysOnTop) {
+                this._alwaysOnTop = alwaysOnTop;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(DDialog.prototype, "gesture", {
             get: function () {
                 return this._gesture;
@@ -30603,6 +30623,7 @@
          */
         DDialog.prototype.open = function (opener) {
             var _this = this;
+            var _a;
             var result = this._promise;
             if (result == null) {
                 result = new Promise(function (resolve, reject) {
@@ -30646,11 +30667,37 @@
                         gesture.constraint(this, layer, position.x, position.y);
                     }
                 }
+                // Always On Top
+                if (this._alwaysOnTop) {
+                    var parent_2 = this.parent;
+                    if (parent_2 != null) {
+                        parent_2.on("childAdded", ((_a = this._onParentChildAddedBound) !== null && _a !== void 0 ? _a : (this._onParentChildAddedBound = function () {
+                            _this.onParentChildAdded();
+                        })));
+                        this.onParentChildAdded();
+                    }
+                }
                 // Done
                 this.onOpen();
             }
             return result;
         };
+        DDialog.prototype.onParentChildAdded = function () {
+            var parent = this.parent;
+            if (parent != null) {
+                parent.children.sort(this.compareAlwaysOnTop);
+            }
+        };
+        DDialog.prototype.compareAlwaysOnTop = function (a, b) {
+            var at = a instanceof DDialog && a.alwaysOnTop;
+            var bt = b instanceof DDialog && b.alwaysOnTop;
+            if (at) {
+                return bt ? 0 : +1;
+            }
+            else {
+                return bt ? -1 : 0;
+            }
+        };
         DDialog.prototype.onPrerender = function () {
             var _a;
             var layer = this._layer;
@@ -30746,6 +30793,13 @@
                 this.visible = false;
                 this.onAnimationEnd(true);
             }
+            // Always On Top
+            if (this._alwaysOnTop) {
+                var parent_3 = this.parent;
+                if (parent_3 != null) {
+                    parent_3.off("childAdded", this._onParentChildAddedBound);
+                }
+            }
             this.emit("close", this);
         };
         DDialog.prototype.onKeyDown = function (e) {
@@ -78908,7 +78962,8 @@
         });
         Object.defineProperty(DTable.prototype, "category", {
             get: function () {
-                return (this._category = this.newCategory());
+                var _a;
+                return ((_a = this._category) !== null && _a !== void 0 ? _a : (this._category = this.newCategory()));
             },
             enumerable: false,
             configurable: true