@wcardinal/wcardinal-ui 0.446.0 → 0.448.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.446.0
+ Winter Cardinal UI v0.448.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -30416,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();
@@ -30426,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;
@@ -30508,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;
@@ -30657,11 +30669,46 @@ var DDialog = /** @class */ (function (_super) {
                     gesture.constraint(this, layer, position.x, position.y);
                 }
             }
+            // Bring To Front
+            this.bringToFront();
             // Done
             this.onOpen();
         }
         return result;
     };
+    DDialog.prototype.onChildFocus = function (focused) {
+        _super.prototype.onChildFocus.call(this, focused);
+        this.bringToFront();
+    };
+    DDialog.prototype.onFocus = function () {
+        _super.prototype.onFocus.call(this);
+        this.bringToFront();
+    };
+    DDialog.prototype.bringToFront = function () {
+        var parent = this.parent;
+        if (parent == null) {
+            return;
+        }
+        var children = parent.children;
+        var childrenLength = children.length;
+        var index = childrenLength - 1;
+        for (; 0 <= index; --index) {
+            if (children[index] === this) {
+                break;
+            }
+        }
+        if (index < 0) {
+            return;
+        }
+        for (var i = index + 1; i < childrenLength; ++i) {
+            children[i - 1] = children[i];
+        }
+        children[childrenLength - 1] = this;
+        children.sort(function (a, b) {
+            return ((a instanceof DDialog ? (a._alwaysOnTop ? 2 : 1) : 0) -
+                (b instanceof DDialog ? (b._alwaysOnTop ? 2 : 1) : 0));
+        });
+    };
     DDialog.prototype.onPrerender = function () {
         var _a;
         var layer = this._layer;
@@ -30757,6 +30804,13 @@ var DDialog = /** @class */ (function (_super) {
             this.visible = false;
             this.onAnimationEnd(true);
         }
+        // Always On Top
+        if (this._alwaysOnTop) {
+            var parent_2 = this.parent;
+            if (parent_2 != null) {
+                parent_2.off("childAdded", this._onParentChildAddedBound);
+            }
+        }
         this.emit("close", this);
     };
     DDialog.prototype.onKeyDown = function (e) {
@@ -53962,6 +54016,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:
@@ -65048,6 +65105,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:

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.446.0
+ Winter Cardinal UI v0.448.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -30413,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();
@@ -30423,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;
@@ -30505,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;
@@ -30654,11 +30666,46 @@
                         gesture.constraint(this, layer, position.x, position.y);
                     }
                 }
+                // Bring To Front
+                this.bringToFront();
                 // Done
                 this.onOpen();
             }
             return result;
         };
+        DDialog.prototype.onChildFocus = function (focused) {
+            _super.prototype.onChildFocus.call(this, focused);
+            this.bringToFront();
+        };
+        DDialog.prototype.onFocus = function () {
+            _super.prototype.onFocus.call(this);
+            this.bringToFront();
+        };
+        DDialog.prototype.bringToFront = function () {
+            var parent = this.parent;
+            if (parent == null) {
+                return;
+            }
+            var children = parent.children;
+            var childrenLength = children.length;
+            var index = childrenLength - 1;
+            for (; 0 <= index; --index) {
+                if (children[index] === this) {
+                    break;
+                }
+            }
+            if (index < 0) {
+                return;
+            }
+            for (var i = index + 1; i < childrenLength; ++i) {
+                children[i - 1] = children[i];
+            }
+            children[childrenLength - 1] = this;
+            children.sort(function (a, b) {
+                return ((a instanceof DDialog ? (a._alwaysOnTop ? 2 : 1) : 0) -
+                    (b instanceof DDialog ? (b._alwaysOnTop ? 2 : 1) : 0));
+            });
+        };
         DDialog.prototype.onPrerender = function () {
             var _a;
             var layer = this._layer;
@@ -30754,6 +30801,13 @@
                 this.visible = false;
                 this.onAnimationEnd(true);
             }
+            // Always On Top
+            if (this._alwaysOnTop) {
+                var parent_2 = this.parent;
+                if (parent_2 != null) {
+                    parent_2.off("childAdded", this._onParentChildAddedBound);
+                }
+            }
             this.emit("close", this);
         };
         DDialog.prototype.onKeyDown = function (e) {