@wcardinal/wcardinal-ui 0.332.0 → 0.334.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.332.0
+ Winter Cardinal UI v0.334.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -13780,7 +13780,8 @@ var DBase = /** @class */ (function (_super) {
         _this._snippet = new DBaseSnippetContainer(_this);
         _this._reflowable = new DBaseReflowableContainer();
         _this._clearType = toEnum((_b = options === null || options === void 0 ? void 0 : options.clear) !== null && _b !== void 0 ? _b : theme.getClearType(), DLayoutClearType);
-        _this._padding = new DBasePadding(theme, options, function () {
+        _this._padding = _this.newPadding(theme, options, function () {
+            _this.toDirty();
             _this.toParentResized();
             _this.toHierarchyDirty();
             DApplications.update(_this);
@@ -14026,6 +14027,9 @@ var DBase = /** @class */ (function (_super) {
         _this.emit("init", _this);
         return _this;
     }
+    DBase.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePadding(theme, options, callback);
+    };
     DBase.prototype.toCursor = function (cursor, state) {
         if (cursor) {
             if (isFunction(cursor)) {
@@ -18360,14 +18364,18 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
     EShapeConnectorEdgeImpl.prototype.attach = function () {
         var shape = this._acceptor.shape;
         if (shape) {
-            shape.connector.add(this);
+            if (shape.connector.add(this)) {
+                this.onAcceptorChange();
+            }
         }
         return this;
     };
     EShapeConnectorEdgeImpl.prototype.detach = function () {
         var shape = this._acceptor.shape;
         if (shape) {
-            shape.connector.remove(this);
+            if (shape.connector.remove(this)) {
+                this.onAcceptorChange();
+            }
         }
         return this;
     };
@@ -49265,6 +49273,31 @@ var DThemeWhiteButtonSelect = /** @class */ (function (_super) {
     return DThemeWhiteButtonSelect;
 }(DThemeWhiteButton));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var toId = function (target) {
+    if (target != null) {
+        if (isString(target)) {
+            return target;
+        }
+        else if (isNumber(target)) {
+            return target;
+        }
+        else if ("id" in target) {
+            return target.id;
+        }
+        else if ("name" in target) {
+            return target.name;
+        }
+        else if ("label" in target) {
+            return target.label;
+        }
+    }
+    return 0;
+};
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -49281,7 +49314,13 @@ var DThemeWhiteDialogSelect = /** @class */ (function (_super) {
         return null;
     };
     DThemeWhiteDialogSelect.prototype.getInputMargin = function () {
-        return 32;
+        return 19;
+    };
+    DThemeWhiteDialogSelect.prototype.toCategoryId = function (category) {
+        return toId(category);
+    };
+    DThemeWhiteDialogSelect.prototype.toCategoryLabel = function (category) {
+        return toLabel$1(category);
     };
     return DThemeWhiteDialogSelect;
 }(DThemeWhiteDialogLayered));
@@ -58556,7 +58595,13 @@ var DThemeDarkDialogSelect = /** @class */ (function (_super) {
         return null;
     };
     DThemeDarkDialogSelect.prototype.getInputMargin = function () {
-        return 32;
+        return 19;
+    };
+    DThemeDarkDialogSelect.prototype.toCategoryId = function (category) {
+        return toId(category);
+    };
+    DThemeDarkDialogSelect.prototype.toCategoryLabel = function (category) {
+        return toLabel$1(category);
     };
     return DThemeDarkDialogSelect;
 }(DThemeDarkDialogLayered));
@@ -68360,128 +68405,66 @@ var DApplication = /** @class */ (function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DBasePaddingAdjustable = /** @class */ (function () {
-    function DBasePaddingAdjustable(target) {
-        this._target = target;
-        this._top = 0;
-        this._right = 0;
-        this._bottom = 0;
-        this._left = 0;
-        if (target instanceof DBasePadding) {
-            this._callback = target.getCallback();
-        }
+var DBasePaddingAdjustable = /** @class */ (function (_super) {
+    __extends(DBasePaddingAdjustable, _super);
+    function DBasePaddingAdjustable(theme, options, callback) {
+        var _this = _super.call(this, theme, options, callback) || this;
+        _this._atop = 0;
+        _this._aright = 0;
+        _this._abottom = 0;
+        _this._aleft = 0;
+        return _this;
     }
-    DBasePaddingAdjustable.prototype.getTheme = function () {
-        return this._target.getTheme();
-    };
-    DBasePaddingAdjustable.prototype.setTheme = function (theme) {
-        this._target.setTheme(theme);
-    };
     DBasePaddingAdjustable.prototype.getLeft = function () {
-        return this._target.getLeft() + this._left;
+        return _super.prototype.getLeft.call(this) + this._aleft;
     };
-    DBasePaddingAdjustable.prototype.adjLeft = function (left) {
-        if (this._left !== left) {
-            this._left = left;
+    DBasePaddingAdjustable.prototype.adjLeft = function (aleft) {
+        if (this._aleft !== aleft) {
+            this._aleft = aleft;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "left", {
-        get: function () {
-            return this._target.left;
-        },
-        set: function (left) {
-            this._target.left = left;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getTop = function () {
-        return this._target.getTop() + this._top;
+        return _super.prototype.getTop.call(this) + this._atop;
     };
-    DBasePaddingAdjustable.prototype.adjTop = function (top) {
-        if (this._top !== top) {
-            this._top = top;
+    DBasePaddingAdjustable.prototype.adjTop = function (atop) {
+        if (this._atop !== atop) {
+            this._atop = atop;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "top", {
-        get: function () {
-            return this._target.top;
-        },
-        set: function (top) {
-            this._target.top = top;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getRight = function () {
-        return this._target.getRight() + this._right;
+        return _super.prototype.getRight.call(this) + this._aright;
     };
-    DBasePaddingAdjustable.prototype.adjRight = function (right) {
-        if (this._right !== right) {
-            this._right = right;
+    DBasePaddingAdjustable.prototype.adjRight = function (aright) {
+        if (this._aright !== aright) {
+            this._aright = aright;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "right", {
-        get: function () {
-            return this._target.right;
-        },
-        set: function (right) {
-            this._target.right = right;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getBottom = function () {
-        return this._target.getBottom() + this._bottom;
+        return _super.prototype.getBottom.call(this) + this._abottom;
     };
-    DBasePaddingAdjustable.prototype.adjBottom = function (bottom) {
-        if (this._bottom !== bottom) {
-            this._bottom = bottom;
+    DBasePaddingAdjustable.prototype.adjBottom = function (abottom) {
+        if (this._abottom !== abottom) {
+            this._abottom = abottom;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "bottom", {
-        get: function () {
-            return this._target.bottom;
-        },
-        set: function (bottom) {
-            this._target.bottom = bottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DBasePaddingAdjustable.prototype.set = function (top, right, bottom, left) {
-        var target = this._target;
-        if (right == null) {
-            target.set(top);
-        }
-        else if (bottom == null) {
-            target.set(top, right);
-        }
-        else if (left == null) {
-            target.set(top, right, bottom);
-        }
-        else {
-            target.set(top, right, bottom, left);
-        }
-    };
     return DBasePaddingAdjustable;
-}());
+}(DBasePadding));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -73677,7 +73660,7 @@ var DDialogSelectSearhImpl = /** @class */ (function (_super) {
     DDialogSelectSearhImpl.prototype.create = function (args) {
         var _this = this;
         var id = ++this._id;
-        this._search(args[0]).then(function (searchResult) {
+        this._search(args[0], args[1]).then(function (searchResult) {
             if (_this._id === id) {
                 _this._idCompleted = id;
                 _this.emit("success", _this, searchResult);
@@ -73890,7 +73873,7 @@ var DDialogSelect = /** @class */ (function (_super) {
         get: function () {
             var result = this._inputLayout;
             if (result == null) {
-                result = this.newInputLayout(this.input, this.theme, this._options);
+                result = this.newInputLayout();
                 this._inputLayout = result;
             }
             return result;
@@ -73898,20 +73881,78 @@ var DDialogSelect = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    DDialogSelect.prototype.newInputLayout = function (input, theme, options) {
-        return new DLayoutHorizontal(this.toInputLayoutOptions(input, theme, options));
-    };
-    DDialogSelect.prototype.toInputLayoutOptions = function (input, theme, options) {
-        var margin = this.toInputMargin(theme, options);
-        return {
+    DDialogSelect.prototype.newInputLayout = function () {
+        return new DLayoutHorizontal({
             width: "padding",
             height: "auto",
-            children: [
-                new DLayoutSpace({ width: margin }),
-                input,
-                new DLayoutSpace({ width: margin })
-            ]
-        };
+            children: [this.spaceLeft, this.selectCategory, this.input, this.spaceRight]
+        });
+    };
+    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)
+        });
+    };
+    Object.defineProperty(DDialogSelect.prototype, "selectCategory", {
+        get: function () {
+            var result = this._selectCategory;
+            if (result === undefined) {
+                result = this.newSelectCategory();
+                this._selectCategory = result;
+            }
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DDialogSelect.prototype.newSelectCategory = function () {
+        var _this = this;
+        var options = this._options;
+        if (options != null) {
+            var controller = options.controller;
+            if (controller != null && controller.getCategories != null) {
+                var result = new DSelect(this.toSelectCategoryOptions(this.theme, this._options));
+                result.on("change", function (value) {
+                    _this.onSelectCategoryChange(value);
+                });
+                return result;
+            }
+        }
+        return null;
+    };
+    DDialogSelect.prototype.toSelectCategoryOptions = function (theme, options) {
+        var result = (options === null || options === void 0 ? void 0 : options.category) || {};
+        if (result.width === undefined && result.weight === undefined) {
+            result.width = 140;
+        }
+        return result;
+    };
+    DDialogSelect.prototype.onSelectCategoryChange = function (categoryId) {
+        this.search.create([this.input.value, categoryId]);
     };
     Object.defineProperty(DDialogSelect.prototype, "input", {
         get: function () {
@@ -73929,7 +73970,7 @@ var DDialogSelect = /** @class */ (function (_super) {
         var _this = this;
         var result = new DInputSearch(this.toInputOptions(this.theme, this._options));
         result.on("input", function (value) {
-            _this.search.create([value]);
+            _this.onInputInput(value);
         });
         return result;
     };
@@ -73944,6 +73985,10 @@ var DDialogSelect = /** @class */ (function (_super) {
         var _a, _b;
         return (_b = (_a = options === null || options === void 0 ? void 0 : options.input) === null || _a === void 0 ? void 0 : _a.margin) !== null && _b !== void 0 ? _b : theme.getInputMargin();
     };
+    DDialogSelect.prototype.onInputInput = function (value) {
+        var _a, _b;
+        this.search.create([value, (_b = (_a = this.selectCategory) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null]);
+    };
     Object.defineProperty(DDialogSelect.prototype, "list", {
         get: function () {
             var result = this._list;
@@ -74122,9 +74167,91 @@ var DDialogSelect = /** @class */ (function (_super) {
         return "DDialogSelect";
     };
     DDialogSelect.prototype.onOpen = function () {
+        var _this = this;
         _super.prototype.onOpen.call(this);
         this.list.selection.clear();
-        this.search.create([this.input.value]);
+        var selectCategory = this.selectCategory;
+        if (selectCategory != null) {
+            if (this._isCategoryFetched !== true) {
+                this._isCategoryFetched = true;
+                var categoriesOrPromise = this.findCategories();
+                if (categoriesOrPromise == null) {
+                    this.search.create([this.input.value, null]);
+                }
+                else if (isArray(categoriesOrPromise)) {
+                    this.onCategoryFetched(selectCategory, categoriesOrPromise);
+                }
+                else {
+                    selectCategory.state.isEnabled = false;
+                    categoriesOrPromise.then(function (categories) {
+                        selectCategory.state.isEnabled = true;
+                        _this.onCategoryFetched(selectCategory, categories);
+                    });
+                }
+            }
+            else {
+                this.search.create([this.input.value, selectCategory.value]);
+            }
+        }
+        else {
+            this.search.create([this.input.value, null]);
+        }
+    };
+    DDialogSelect.prototype.onCategoryFetched = function (selectCategory, categories) {
+        var items = [];
+        for (var i = 0, imax = categories.length; i < imax; ++i) {
+            var category = categories[i];
+            items.push({
+                value: this.toCategoryId(category),
+                text: {
+                    value: this.toCategoryLabel(category)
+                }
+            });
+        }
+        selectCategory.menu = new DMenu({
+            fit: true,
+            items: items
+        });
+        var newValue = 0 < items.length ? items[0].value : null;
+        selectCategory.value = newValue;
+        selectCategory.show();
+        this.search.create([this.input.value, newValue]);
+    };
+    DDialogSelect.prototype.toCategoryId = function (target) {
+        var options = this._options;
+        if (options != null) {
+            var category = options.category;
+            if (category != null) {
+                var toId = category.toId;
+                if (toId != null) {
+                    return toId(target);
+                }
+            }
+        }
+        return this.theme.toCategoryId(target);
+    };
+    DDialogSelect.prototype.toCategoryLabel = function (target) {
+        var options = this._options;
+        if (options != null) {
+            var category = options.category;
+            if (category != null) {
+                var toLabel = category.toLabel;
+                if (toLabel != null) {
+                    return toLabel(target);
+                }
+            }
+        }
+        return this.theme.toCategoryLabel(target);
+    };
+    DDialogSelect.prototype.findCategories = function () {
+        var options = this._options;
+        if (options != null) {
+            var controller = options.controller;
+            if (controller != null && controller.getCategories != null) {
+                return controller.getCategories();
+            }
+        }
+        return null;
     };
     DDialogSelect.prototype.onOk = function (value) {
         this.emit("select", value, this);
@@ -74167,47 +74294,12 @@ var defaultGetter$1 = function (dialog) {
 var defaultSetter$1 = function () {
     // DO NOTHING
 };
-var toOptions = function (options) {
-    var _a, _b, _c;
-    if (options) {
-        // Try to copy text.formatter to dialog.item.text.formatter at first
-        var formatter = (_a = options.text) === null || _a === void 0 ? void 0 : _a.formatter;
-        if (formatter !== undefined) {
-            var dialog = options.dialog;
-            if (!(dialog && "open" in dialog)) {
-                dialog = dialog || {};
-                var item = (dialog.item = dialog.item || {});
-                var text = (item.text = item.text || {});
-                if (text.formatter === undefined) {
-                    // Assumes formatter is ( value: DIALOG_VALUE | null, caller: any ) => string.
-                    text.formatter = formatter;
-                }
-            }
-        }
-        else {
-            // Try to copy dialog.item.text.formatter to text.formatter
-            var dialog = options.dialog;
-            if (!(dialog && "open" in dialog)) {
-                var dialogFormatter = (_c = (_b = dialog === null || dialog === void 0 ? void 0 : dialog.item) === null || _b === void 0 ? void 0 : _b.text) === null || _c === void 0 ? void 0 : _c.formatter;
-                if (dialogFormatter !== undefined) {
-                    var text = options.text || {};
-                    options.text = text;
-                    if (text.formatter === undefined) {
-                        // Assumes dialogFormatter is ( value: VALUE | null, caller: any ) => string.
-                        text.formatter = dialogFormatter;
-                    }
-                }
-            }
-        }
-    }
-    return options;
-};
 var DButtonSelect = /** @class */ (function (_super) {
     __extends(DButtonSelect, _super);
     function DButtonSelect(options) {
         var _this = this;
         var _a, _b;
-        _this = _super.call(this, toOptions(options)) || this;
+        _this = _super.call(this, options) || this;
         _this._dialogGetter = (_a = options === null || options === void 0 ? void 0 : options.getter) !== null && _a !== void 0 ? _a : defaultGetter$1;
         _this._dialogSetter = (_b = options === null || options === void 0 ? void 0 : options.setter) !== null && _b !== void 0 ? _b : defaultSetter$1;
         return _this;
@@ -74237,7 +74329,7 @@ var DButtonSelect = /** @class */ (function (_super) {
                     dialog = options;
                 }
                 else {
-                    // Assumes DIALOG === DDialogSelect<DIALOG_VALUE>.
+                    // Assumes DIALOG === DDialogSelect<DIALOG_VALUE, DIALOG_CATEGORY, DIALOG_CATEGORY_ID>.
                     dialog = new DDialogSelect(options);
                 }
                 this._dialog = dialog;
@@ -87474,11 +87566,12 @@ var DTableBodyCellInputText = /** @class */ (function (_super) {
  */
 var DTableBodyCellInputTreeInput = /** @class */ (function (_super) {
     __extends(DTableBodyCellInputTreeInput, _super);
-    function DTableBodyCellInputTreeInput(options) {
-        var _this = _super.call(this, options) || this;
-        _this._padding = new DBasePaddingAdjustable(_this._padding);
-        return _this;
+    function DTableBodyCellInputTreeInput() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
+    DTableBodyCellInputTreeInput.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePaddingAdjustable(theme, options, callback);
+    };
     Object.defineProperty(DTableBodyCellInputTreeInput.prototype, "padding", {
         get: function () {
             return this._padding;
@@ -88010,12 +88103,12 @@ var DTableBodyCellTime = /** @class */ (function (_super) {
 var DTableBodyCellTree = /** @class */ (function (_super) {
     __extends(DTableBodyCellTree, _super);
     function DTableBodyCellTree(columnIndex, column, onChange, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, columnIndex, column, onChange, DLinks.toStateOptions((_a = options === null || options === void 0 ? void 0 : options.link) === null || _a === void 0 ? void 0 : _a.target, options)) || this;
-        _this._padding = new DBasePaddingAdjustable(_this._padding);
-        return _this;
+        return _super.call(this, columnIndex, column, onChange, DLinks.toStateOptions((_a = options === null || options === void 0 ? void 0 : options.link) === null || _a === void 0 ? void 0 : _a.target, options)) || this;
     }
+    DTableBodyCellTree.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePaddingAdjustable(theme, options, callback);
+    };
     DTableBodyCellTree.prototype.onClick = function (e) {
         var _a;
         if (((_a = this.link) === null || _a === void 0 ? void 0 : _a.onClick(this, e)) !== true) {
@@ -93086,10 +93179,12 @@ var DTreeItemText = /** @class */ (function (_super) {
     __extends(DTreeItemText, _super);
     function DTreeItemText(data, options) {
         var _this = _super.call(this, options) || this;
-        _this._padding = new DBasePaddingAdjustable(_this._padding);
         _this._data = data;
         return _this;
     }
+    DTreeItemText.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePaddingAdjustable(theme, options, callback);
+    };
     Object.defineProperty(DTreeItemText.prototype, "node", {
         get: function () {
             return this._node;
@@ -95181,6 +95276,7 @@ exports.toDash = toDash;
 exports.toEnum = toEnum;
 exports.toGradientImageUrl = toGradientImageUrl;
 exports.toGradientSerialized = toGradientSerialized;
+exports.toId = toId;
 exports.toImageElement = toImageElement;
 exports.toIndexOf = toIndexOf;
 exports.toLabel = toLabel$1;