@wcardinal/wcardinal-ui 0.386.0 → 0.388.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.386.0
+ Winter Cardinal UI v0.388.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -26301,11 +26301,14 @@
             enumerable: false,
             configurable: true
         });
-        UtilOverlay.prototype.pick = function (target) {
+        UtilOverlay.prototype.pick = function (owner, opener) {
             var layer = this._layer;
             if (layer == null) {
-                layer = DApplications.getLayerOverlay(target);
-                if (!layer) {
+                layer = DApplications.getLayerOverlay(owner);
+                if (layer == null && opener != null) {
+                    layer = DApplications.getLayerOverlay(opener);
+                }
+                if (layer == null) {
                     var application = this._application;
                     if (application) {
                         layer = application.getLayerOverlay();
@@ -26330,8 +26333,11 @@
      *
      * If multiple application instances are there, better to set the constructor
      * option `parent` to an `application.stage` so that the dialog picks a right
-     * application. By default, the dialog assumes the last created application is
-     * the one it belongs to at the time when it is created.
+     * application. `DDialog` searches applications in a following order:
+     *
+     * * To begin, `DDialog` tries to find applications which it belongs to.
+     * * If `DDialog` can't find applications, then `DDialog` tries to find applications which openers belong to.
+     * * If openers are not given, `DDialog` assumes the last created application at the very moment `DDialog` is instantiated is the one it belongs to.
      */
     var DDialog = /** @class */ (function (_super) {
         __extends(DDialog, _super);
@@ -26551,7 +26557,7 @@
                 switch (this._mode) {
                     case DDialogMode.MODAL:
                     case DDialogMode.MENU:
-                        layer = this._overlay.pick(this);
+                        layer = this._overlay.pick(this, opener);
                         layer.stage.addChild(this);
                         break;
                     case DDialogMode.MODELESS:
@@ -50180,7 +50186,7 @@
         DMenu.prototype.open = function (owner, closeable, context) {
             var _a;
             if (this.isHidden()) {
-                var layer = this._overlay.pick(this);
+                var layer = this._overlay.pick(this, owner);
                 this._owner = owner;
                 // States
                 var children = this.children;
@@ -55287,64 +55293,6 @@
         return DNoteSmallSearching;
     }(DNoteSmall));
 
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var DDialogSelectSearhDismissableImpl = /** @class */ (function (_super) {
-        __extends(DDialogSelectSearhDismissableImpl, _super);
-        function DDialogSelectSearhDismissableImpl(target, options) {
-            var _this = _super.call(this) || this;
-            _this._target = target;
-            _this._value = options.value;
-            _this._filter = options.filter;
-            target.on("change", function () {
-                _this.emit("change", _this);
-            });
-            target.on("success", function (e, values) {
-                _this.emit("success", _this, _this.toDismissable(values));
-            });
-            target.on("fail", function () {
-                _this.emit("fail", _this);
-            });
-            return _this;
-        }
-        DDialogSelectSearhDismissableImpl.prototype.toDismissValue = function (args) {
-            if (args == null) {
-                return;
-            }
-            var value = this._value;
-            if (value === undefined) {
-                return;
-            }
-            var filter = this._filter;
-            if (filter != null && !filter(value, args[0])) {
-                return;
-            }
-            return value;
-        };
-        DDialogSelectSearhDismissableImpl.prototype.toDismissable = function (values) {
-            var value = this.toDismissValue(this._args);
-            if (value === undefined) {
-                return values;
-            }
-            var result = [];
-            for (var i = 0, imax = values.length; i < imax; ++i) {
-                result.push(values[i]);
-            }
-            result.push(value);
-            return result;
-        };
-        DDialogSelectSearhDismissableImpl.prototype.create = function (args) {
-            this._args = args;
-            this._target.create(args);
-        };
-        DDialogSelectSearhDismissableImpl.prototype.isDone = function () {
-            return this._target.isDone();
-        };
-        return DDialogSelectSearhDismissableImpl;
-    }(pixi_js.utils.EventEmitter));
-
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -55390,17 +55338,13 @@
         }
         DDialogSelect.prototype.newContentChildren = function (theme, options) {
             var result = _super.prototype.newContentChildren.call(this, theme, options);
-            result.push(this.inputLayout, this.list);
+            result.push(this.inputLayout, this.list, this.buttonDismiss);
             return result;
         };
         Object.defineProperty(DDialogSelect.prototype, "inputLayout", {
             get: function () {
-                var result = this._inputLayout;
-                if (result == null) {
-                    result = this.newInputLayout();
-                    this._inputLayout = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._inputLayout) !== null && _a !== void 0 ? _a : (this._inputLayout = this.newInputLayout()));
             },
             enumerable: false,
             configurable: true
@@ -55409,33 +55353,9 @@
             return new DLayoutHorizontal({
                 width: "padding",
                 height: "auto",
-                children: [this.spaceLeft, this.selectCategory, this.input, this.spaceRight]
+                children: [this.selectCategory, this.input]
             });
         };
-        Object.defineProperty(DDialogSelect.prototype, "spaceLeft", {
-            get: function () {
-                var result = this._spaceLeft;
-                if (result == null) {
-                    result = this.newSpace();
-                    this._spaceLeft = result;
-                }
-                return result;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DDialogSelect.prototype, "spaceRight", {
-            get: function () {
-                var result = this._spaceRight;
-                if (result == null) {
-                    result = this.newSpace();
-                    this._spaceRight = result;
-                }
-                return result;
-            },
-            enumerable: false,
-            configurable: true
-        });
         DDialogSelect.prototype.newSpace = function () {
             return new DLayoutSpace({
                 width: this.toInputMargin(this.theme, this._options)
@@ -55443,12 +55363,8 @@
         };
         Object.defineProperty(DDialogSelect.prototype, "selectCategory", {
             get: function () {
-                var result = this._selectCategory;
-                if (result == null) {
-                    result = this.newSelectCategory();
-                    this._selectCategory = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._selectCategory) !== null && _a !== void 0 ? _a : (this._selectCategory = this.newSelectCategory()));
             },
             enumerable: false,
             configurable: true
@@ -55476,12 +55392,8 @@
         };
         Object.defineProperty(DDialogSelect.prototype, "input", {
             get: function () {
-                var result = this._input;
-                if (result == null) {
-                    result = this.newInput();
-                    this._input = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._input) !== null && _a !== void 0 ? _a : (this._input = this.newInput()));
             },
             enumerable: false,
             configurable: true
@@ -55515,12 +55427,8 @@
         };
         Object.defineProperty(DDialogSelect.prototype, "list", {
             get: function () {
-                var result = this._list;
-                if (result == null) {
-                    result = this.newList();
-                    this._list = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._list) !== null && _a !== void 0 ? _a : (this._list = this.newList()));
             },
             enumerable: false,
             configurable: true
@@ -55538,15 +55446,6 @@
             if (selected == null) {
                 return;
             }
-            var options = this._options;
-            if (options) {
-                var dismiss = options.dismiss;
-                if (dismiss) {
-                    if (selected === dismiss.value) {
-                        selected = null;
-                    }
-                }
-            }
             this._value = selected;
             this.onOk(selected);
         };
@@ -55559,12 +55458,8 @@
         };
         Object.defineProperty(DDialogSelect.prototype, "noteError", {
             get: function () {
-                var result = this._noteError;
-                if (result == null) {
-                    result = this.newNoteError();
-                    this._noteError = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._noteError) !== null && _a !== void 0 ? _a : (this._noteError = this.newNoteError()));
             },
             enumerable: false,
             configurable: true
@@ -55579,12 +55474,8 @@
         };
         Object.defineProperty(DDialogSelect.prototype, "noteNoItemsFound", {
             get: function () {
-                var result = this._noteNoItemsFound;
-                if (result == null) {
-                    result = this.newNoteNoItemsFound();
-                    this._noteNoItemsFound = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._noteNoItemsFound) !== null && _a !== void 0 ? _a : (this._noteNoItemsFound = this.newNoteNoItemsFound()));
             },
             enumerable: false,
             configurable: true
@@ -55599,12 +55490,8 @@
         };
         Object.defineProperty(DDialogSelect.prototype, "noteSearching", {
             get: function () {
-                var result = this._noteSearching;
-                if (result == null) {
-                    result = this.newNoteSearching();
-                    this._noteSearching = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._noteSearching) !== null && _a !== void 0 ? _a : (this._noteSearching = this.newNoteSearching()));
             },
             enumerable: false,
             configurable: true
@@ -55637,12 +55524,8 @@
         };
         Object.defineProperty(DDialogSelect.prototype, "search", {
             get: function () {
-                var result = this._search;
-                if (result == null) {
-                    result = this.newSearch();
-                    this._search = result;
-                }
-                return result;
+                var _a;
+                return ((_a = this._search) !== null && _a !== void 0 ? _a : (this._search = this.newSearch()));
             },
             enumerable: false,
             configurable: true
@@ -55652,28 +55535,73 @@
             if (options) {
                 var controller = options.controller;
                 if (controller) {
-                    var dismiss = options.dismiss;
                     var search = controller.search;
                     if ("create" in search) {
-                        if (dismiss != null) {
-                            return new DDialogSelectSearhDismissableImpl(search, dismiss);
-                        }
-                        else {
-                            return search;
-                        }
+                        return search;
                     }
                     else {
-                        if (dismiss != null) {
-                            return new DDialogSelectSearhDismissableImpl(new DDialogSelectSearhImpl(search), dismiss);
-                        }
-                        else {
-                            return new DDialogSelectSearhImpl(search);
-                        }
+                        return new DDialogSelectSearhImpl(search);
                     }
                 }
             }
             return new DDialogSelectSearhImpl();
         };
+        Object.defineProperty(DDialogSelect.prototype, "buttonDismiss", {
+            get: function () {
+                var result = this._buttonDismiss;
+                if (result === undefined) {
+                    result = this.newButtonDismiss();
+                    this._buttonDismiss = result;
+                }
+                return result;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DDialogSelect.prototype.newButtonDismiss = function () {
+            var _this = this;
+            var options = this.toButtonDismissOptions(this._options);
+            if (options.enabled === true) {
+                var result = new DButton(options);
+                result.on("active", function () {
+                    _this._value = null;
+                    _this.onOk(null);
+                });
+                return result;
+            }
+            return null;
+        };
+        DDialogSelect.prototype.toButtonDismissOptions = function (options) {
+            var theme = this.theme;
+            if (options != null) {
+                var dismiss = options.dismiss;
+                if (dismiss != null) {
+                    if (dismiss.enabled === undefined) {
+                        dismiss.enabled = theme.isDismissable();
+                    }
+                    if (dismiss.weight === undefined && dismiss.width === undefined) {
+                        dismiss.width = "padding";
+                    }
+                    var text = dismiss.text;
+                    if (text === undefined) {
+                        dismiss.text = {
+                            value: theme.getDismissLabel()
+                        };
+                    }
+                    else if (text.value === undefined) {
+                        text.value = theme.getDismissLabel();
+                    }
+                    return dismiss;
+                }
+            }
+            return {
+                width: "padding",
+                enabled: theme.isDismissable(),
+                text: {
+                    value: theme.getDismissLabel()
+                }
+            };
+        };
         Object.defineProperty(DDialogSelect.prototype, "value", {
             get: function () {
                 return this._value;
@@ -76577,7 +76505,6 @@
         DDialogSelectListItemUpdater: DDialogSelectListItemUpdater,
         DDialogSelectListItem: DDialogSelectListItem,
         DDialogSelectList: DDialogSelectList,
-        DDialogSelectSearhDismissableImpl: DDialogSelectSearhDismissableImpl,
         DDialogSelectSearhImpl: DDialogSelectSearhImpl,
         DDialogSelect: DDialogSelect,
         DDialogState: DDialogState,