@wcardinal/wcardinal-ui 0.386.0 → 0.388.0

package/dist/wcardinal-ui.cjs.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
 
@@ -26304,11 +26304,14 @@ var UtilOverlay = /** @class */ (function () {
         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();
@@ -26333,8 +26336,11 @@ var UtilOverlay = /** @class */ (function () {
  *
  * 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);
@@ -26554,7 +26560,7 @@ var DDialog = /** @class */ (function (_super) {
             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:
@@ -54134,6 +54140,9 @@ var DThemeWhiteDialogSelect = /** @class */ (function (_super) {
     DThemeWhiteDialogSelect.prototype.getInputMargin = function () {
         return 19;
     };
+    DThemeWhiteDialogSelect.prototype.isDismissable = function () {
+        return false;
+    };
     DThemeWhiteDialogSelect.prototype.isCategoryDismissable = function () {
         return true;
     };
@@ -54149,6 +54158,9 @@ var DThemeWhiteEnUsDialogSelect = /** @class */ (function (_super) {
     function DThemeWhiteEnUsDialogSelect() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    DThemeWhiteEnUsDialogSelect.prototype.getDismissLabel = function () {
+        return "None";
+    };
     DThemeWhiteEnUsDialogSelect.prototype.getCategoryDismissLabel = function () {
         return "All";
     };
@@ -56996,6 +57008,9 @@ var DThemeWhiteJaJpDialogSelect = /** @class */ (function (_super) {
     function DThemeWhiteJaJpDialogSelect() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    DThemeWhiteJaJpDialogSelect.prototype.getDismissLabel = function () {
+        return "なし";
+    };
     DThemeWhiteJaJpDialogSelect.prototype.getCategoryDismissLabel = function () {
         return "全て";
     };
@@ -64441,6 +64456,9 @@ var DThemeDarkDialogSelect = /** @class */ (function (_super) {
     DThemeDarkDialogSelect.prototype.getInputMargin = function () {
         return 19;
     };
+    DThemeDarkDialogSelect.prototype.isDismissable = function () {
+        return false;
+    };
     DThemeDarkDialogSelect.prototype.isCategoryDismissable = function () {
         return true;
     };
@@ -64456,6 +64474,9 @@ var DThemeDarkEnUsDialogSelect = /** @class */ (function (_super) {
     function DThemeDarkEnUsDialogSelect() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    DThemeDarkEnUsDialogSelect.prototype.getDismissLabel = function () {
+        return "None";
+    };
     DThemeDarkEnUsDialogSelect.prototype.getCategoryDismissLabel = function () {
         return "All";
     };
@@ -67300,6 +67321,9 @@ var DThemeDarkJaJpDialogSelect = /** @class */ (function (_super) {
     function DThemeDarkJaJpDialogSelect() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    DThemeDarkJaJpDialogSelect.prototype.getDismissLabel = function () {
+        return "なし";
+    };
     DThemeDarkJaJpDialogSelect.prototype.getCategoryDismissLabel = function () {
         return "全て";
     };
@@ -70980,7 +71004,7 @@ var DMenu = /** @class */ (function (_super) {
     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;
@@ -76008,64 +76032,6 @@ var DNoteSmallSearching = /** @class */ (function (_super) {
     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
@@ -76111,17 +76077,13 @@ var DDialogSelect = /** @class */ (function (_super) {
     }
     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
@@ -76130,33 +76092,9 @@ var DDialogSelect = /** @class */ (function (_super) {
         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)
@@ -76164,12 +76102,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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
@@ -76197,12 +76131,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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
@@ -76236,12 +76166,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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
@@ -76259,15 +76185,6 @@ var DDialogSelect = /** @class */ (function (_super) {
         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);
     };
@@ -76280,12 +76197,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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
@@ -76300,12 +76213,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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
@@ -76320,12 +76229,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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
@@ -76358,12 +76263,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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
@@ -76373,28 +76274,73 @@ var DDialogSelect = /** @class */ (function (_super) {
         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;
@@ -96612,7 +96558,6 @@ exports.DDialogSelect = DDialogSelect;
 exports.DDialogSelectList = DDialogSelectList;
 exports.DDialogSelectListItem = DDialogSelectListItem;
 exports.DDialogSelectListItemUpdater = DDialogSelectListItemUpdater;
-exports.DDialogSelectSearhDismissableImpl = DDialogSelectSearhDismissableImpl;
 exports.DDialogSelectSearhImpl = DDialogSelectSearhImpl;
 exports.DDialogState = DDialogState;
 exports.DDialogTime = DDialogTime;