@wcardinal/wcardinal-ui 0.362.0 → 0.363.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.362.0
+ Winter Cardinal UI v0.363.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -49492,7 +49492,7 @@ var loadThemeWhiteButtonSecondary = function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var toLabelWith = function (target, def) {
+var toLabel$1 = function (target) {
     if (target != null) {
         if (isString(target)) {
             return target;
@@ -49510,15 +49510,7 @@ var toLabelWith = function (target, def) {
             return target.id;
         }
     }
-    return def;
-};
-
-/*
- * Copyright (C) 2019 Toshiba Corporation
- * SPDX-License-Identifier: Apache-2.0
- */
-var toLabel$1 = function (target) {
-    return toLabelWith(target, "");
+    return "";
 };
 
 /*
@@ -49539,31 +49531,6 @@ 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
@@ -49582,11 +49549,11 @@ var DThemeWhiteDialogSelect = /** @class */ (function (_super) {
     DThemeWhiteDialogSelect.prototype.getInputMargin = function () {
         return 19;
     };
-    DThemeWhiteDialogSelect.prototype.toCategoryId = function (category) {
-        return toId(category);
+    DThemeWhiteDialogSelect.prototype.isCategoryDismissable = function () {
+        return true;
     };
-    DThemeWhiteDialogSelect.prototype.toCategoryLabel = function (category) {
-        return toLabelWith(category, "All");
+    DThemeWhiteDialogSelect.prototype.getCategoryDismissLabel = function () {
+        return "All";
     };
     return DThemeWhiteDialogSelect;
 }(DThemeWhiteDialogLayered));
@@ -58888,11 +58855,11 @@ var DThemeDarkDialogSelect = /** @class */ (function (_super) {
     DThemeDarkDialogSelect.prototype.getInputMargin = function () {
         return 19;
     };
-    DThemeDarkDialogSelect.prototype.toCategoryId = function (category) {
-        return toId(category);
+    DThemeDarkDialogSelect.prototype.isCategoryDismissable = function () {
+        return true;
     };
-    DThemeDarkDialogSelect.prototype.toCategoryLabel = function (category) {
-        return toLabelWith(category, "All");
+    DThemeDarkDialogSelect.prototype.getCategoryDismissLabel = function () {
+        return "All";
     };
     return DThemeDarkDialogSelect;
 }(DThemeDarkDialogLayered));
@@ -66504,6 +66471,31 @@ var toCloned = function (target) {
     return target;
 };
 
+/*
+ * 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
@@ -74173,8 +74165,17 @@ var DDialogSelectSearhDismissableImpl = /** @class */ (function (_super) {
 var DDialogSelect = /** @class */ (function (_super) {
     __extends(DDialogSelect, _super);
     function DDialogSelect(options) {
-        var _this = _super.call(this, options) || this;
+        var _this = this;
+        var _a, _b;
+        _this = _super.call(this, options) || this;
+        // Value
         _this._value = null;
+        // Categories
+        var categories = (_b = (_a = options === null || options === void 0 ? void 0 : options.category) === null || _a === void 0 ? void 0 : _a.items) !== null && _b !== void 0 ? _b : [];
+        _this._categories = categories;
+        if (0 < categories.length) {
+            _this.onCategoriesChange(categories);
+        }
         // Controller binding
         var transition = new UtilTransition();
         var search = _this.search;
@@ -74257,7 +74258,7 @@ var DDialogSelect = /** @class */ (function (_super) {
     Object.defineProperty(DDialogSelect.prototype, "selectCategory", {
         get: function () {
             var result = this._selectCategory;
-            if (result === undefined) {
+            if (result == null) {
                 result = this.newSelectCategory();
                 this._selectCategory = result;
             }
@@ -74268,26 +74269,19 @@ var DDialogSelect = /** @class */ (function (_super) {
     });
     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;
+        var result = new DSelect(this.toSelectCategoryOptions(this.theme, this._options));
+        result.on("change", function (value) {
+            _this.onSelectCategoryChange(value);
+        });
+        return result;
     };
     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;
         }
-        if (result.state === undefined) {
-            result.state = DBaseState.DISABLED;
+        if (result.visible === undefined) {
+            result.visible = false;
         }
         return result;
     };
@@ -74512,101 +74506,59 @@ var DDialogSelect = /** @class */ (function (_super) {
         return "DDialogSelect";
     };
     DDialogSelect.prototype.onOpen = function () {
-        var _this = this;
         _super.prototype.onOpen.call(this);
         this.list.selection.clear();
-        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 {
-                    categoriesOrPromise.then(function (categories) {
-                        _this.onCategoryFetched(selectCategory, categories);
-                    });
-                }
-            }
-            else {
-                this.search.create([this.input.value, selectCategory.value]);
-            }
+        if (0 < this._categories.length) {
+            this.search.create([this.input.value, this.selectCategory.value]);
         }
         else {
             this.search.create([this.input.value]);
         }
     };
-    DDialogSelect.prototype.onCategoryFetched = function (selectCategory, categories) {
-        var items = [];
-        var toId = this.newToCategoryId();
-        var toLabel = this.newToCategoryLabel();
-        items.push({
-            value: null,
-            text: {
-                value: toLabel(null)
-            }
-        });
-        for (var i = 0, imax = categories.length; i < imax; ++i) {
-            var category = categories[i];
-            items.push({
-                value: toId(category),
-                text: {
-                    value: toLabel(category)
-                }
-            });
-        }
-        selectCategory.menu = new DMenu({
-            fit: true,
-            items: items
-        });
-        selectCategory.state.isEnabled = true;
-        this.search.create([this.input.value, null]);
-    };
-    DDialogSelect.prototype.newToCategoryId = function () {
-        var options = this._options;
-        if (options != null) {
-            var category = options.category;
-            if (category != null) {
-                var toId = category.toId;
-                if (toId != null) {
-                    return toId;
-                }
+    Object.defineProperty(DDialogSelect.prototype, "categories", {
+        get: function () {
+            return this._categories;
+        },
+        set: function (categories) {
+            this._categories = categories;
+            this.onCategoriesChange(categories);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DDialogSelect.prototype.onCategoriesChange = function (categories) {
+        var _a, _b, _c, _d, _e;
+        var selectCategory = this.selectCategory;
+        if (0 < categories.length) {
+            var items = [];
+            var theme = this.theme;
+            var options = (_c = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.category) === null || _b === void 0 ? void 0 : _b.dismiss) !== null && _c !== void 0 ? _c : {};
+            if ((_d = options.enable) !== null && _d !== void 0 ? _d : theme.isCategoryDismissable()) {
+                items.push({
+                    value: null,
+                    text: {
+                        value: (_e = options.label) !== null && _e !== void 0 ? _e : theme.getCategoryDismissLabel()
+                    }
+                });
             }
-        }
-        var theme = this.theme;
-        return function (category) {
-            return theme.toCategoryId(category);
-        };
-    };
-    DDialogSelect.prototype.newToCategoryLabel = function () {
-        var options = this._options;
-        if (options != null) {
-            var category = options.category;
-            if (category != null) {
-                var toLabel = category.toLabel;
-                if (toLabel != null) {
-                    return toLabel;
-                }
+            for (var i = 0, imax = categories.length; i < imax; ++i) {
+                var category = categories[i];
+                items.push({
+                    value: category.id,
+                    text: {
+                        value: category.label
+                    }
+                });
             }
+            selectCategory.menu = new DMenu({
+                fit: true,
+                items: items
+            });
+            selectCategory.show();
         }
-        var theme = this.theme;
-        return function (category) {
-            return theme.toCategoryLabel(category);
-        };
-    };
-    DDialogSelect.prototype.findCategories = function () {
-        var options = this._options;
-        if (options != null) {
-            var controller = options.controller;
-            if (controller != null && controller.getCategories != null) {
-                return controller.getCategories();
-            }
+        else {
+            selectCategory.hide();
         }
-        return null;
     };
     DDialogSelect.prototype.onOk = function (value) {
         this.emit("select", value, this);
@@ -74684,7 +74636,7 @@ var DButtonSelect = /** @class */ (function (_super) {
                     dialog = options;
                 }
                 else {
-                    // Assumes DIALOG === DDialogSelect<DIALOG_VALUE, DIALOG_CATEGORY, DIALOG_CATEGORY_ID>.
+                    // Assumes DIALOG === DDialogSelect<DIALOG_VALUE, DIALOG_CATEGORY_ID>.
                     dialog = new DDialogSelect(options);
                 }
                 this._dialog = dialog;
@@ -95927,7 +95879,6 @@ exports.toId = toId;
 exports.toImageElement = toImageElement;
 exports.toIndexOf = toIndexOf;
 exports.toLabel = toLabel$1;
-exports.toLabelWith = toLabelWith;
 exports.toLength = toLength;
 exports.toLineIndexCount = toLineIndexCount;
 exports.toLineOfAnyPointCount = toLineOfAnyPointCount;

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.362.0
+ Winter Cardinal UI v0.363.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -47278,7 +47278,7 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var toLabelWith = function (target, def) {
+    var toLabel$1 = function (target) {
         if (target != null) {
             if (isString(target)) {
                 return target;
@@ -47296,15 +47296,7 @@
                 return target.id;
             }
         }
-        return def;
-    };
-
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var toLabel$1 = function (target) {
-        return toLabelWith(target, "");
+        return "";
     };
 
     /*
@@ -55591,8 +55583,17 @@
     var DDialogSelect = /** @class */ (function (_super) {
         __extends(DDialogSelect, _super);
         function DDialogSelect(options) {
-            var _this = _super.call(this, options) || this;
+            var _this = this;
+            var _a, _b;
+            _this = _super.call(this, options) || this;
+            // Value
             _this._value = null;
+            // Categories
+            var categories = (_b = (_a = options === null || options === void 0 ? void 0 : options.category) === null || _a === void 0 ? void 0 : _a.items) !== null && _b !== void 0 ? _b : [];
+            _this._categories = categories;
+            if (0 < categories.length) {
+                _this.onCategoriesChange(categories);
+            }
             // Controller binding
             var transition = new UtilTransition();
             var search = _this.search;
@@ -55675,7 +55676,7 @@
         Object.defineProperty(DDialogSelect.prototype, "selectCategory", {
             get: function () {
                 var result = this._selectCategory;
-                if (result === undefined) {
+                if (result == null) {
                     result = this.newSelectCategory();
                     this._selectCategory = result;
                 }
@@ -55686,26 +55687,19 @@
         });
         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;
+            var result = new DSelect(this.toSelectCategoryOptions(this.theme, this._options));
+            result.on("change", function (value) {
+                _this.onSelectCategoryChange(value);
+            });
+            return result;
         };
         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;
             }
-            if (result.state === undefined) {
-                result.state = DBaseState.DISABLED;
+            if (result.visible === undefined) {
+                result.visible = false;
             }
             return result;
         };
@@ -55930,101 +55924,59 @@
             return "DDialogSelect";
         };
         DDialogSelect.prototype.onOpen = function () {
-            var _this = this;
             _super.prototype.onOpen.call(this);
             this.list.selection.clear();
-            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 {
-                        categoriesOrPromise.then(function (categories) {
-                            _this.onCategoryFetched(selectCategory, categories);
-                        });
-                    }
-                }
-                else {
-                    this.search.create([this.input.value, selectCategory.value]);
-                }
+            if (0 < this._categories.length) {
+                this.search.create([this.input.value, this.selectCategory.value]);
             }
             else {
                 this.search.create([this.input.value]);
             }
         };
-        DDialogSelect.prototype.onCategoryFetched = function (selectCategory, categories) {
-            var items = [];
-            var toId = this.newToCategoryId();
-            var toLabel = this.newToCategoryLabel();
-            items.push({
-                value: null,
-                text: {
-                    value: toLabel(null)
-                }
-            });
-            for (var i = 0, imax = categories.length; i < imax; ++i) {
-                var category = categories[i];
-                items.push({
-                    value: toId(category),
-                    text: {
-                        value: toLabel(category)
-                    }
-                });
-            }
-            selectCategory.menu = new DMenu({
-                fit: true,
-                items: items
-            });
-            selectCategory.state.isEnabled = true;
-            this.search.create([this.input.value, null]);
-        };
-        DDialogSelect.prototype.newToCategoryId = function () {
-            var options = this._options;
-            if (options != null) {
-                var category = options.category;
-                if (category != null) {
-                    var toId = category.toId;
-                    if (toId != null) {
-                        return toId;
-                    }
+        Object.defineProperty(DDialogSelect.prototype, "categories", {
+            get: function () {
+                return this._categories;
+            },
+            set: function (categories) {
+                this._categories = categories;
+                this.onCategoriesChange(categories);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        DDialogSelect.prototype.onCategoriesChange = function (categories) {
+            var _a, _b, _c, _d, _e;
+            var selectCategory = this.selectCategory;
+            if (0 < categories.length) {
+                var items = [];
+                var theme = this.theme;
+                var options = (_c = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.category) === null || _b === void 0 ? void 0 : _b.dismiss) !== null && _c !== void 0 ? _c : {};
+                if ((_d = options.enable) !== null && _d !== void 0 ? _d : theme.isCategoryDismissable()) {
+                    items.push({
+                        value: null,
+                        text: {
+                            value: (_e = options.label) !== null && _e !== void 0 ? _e : theme.getCategoryDismissLabel()
+                        }
+                    });
                 }
-            }
-            var theme = this.theme;
-            return function (category) {
-                return theme.toCategoryId(category);
-            };
-        };
-        DDialogSelect.prototype.newToCategoryLabel = function () {
-            var options = this._options;
-            if (options != null) {
-                var category = options.category;
-                if (category != null) {
-                    var toLabel = category.toLabel;
-                    if (toLabel != null) {
-                        return toLabel;
-                    }
+                for (var i = 0, imax = categories.length; i < imax; ++i) {
+                    var category = categories[i];
+                    items.push({
+                        value: category.id,
+                        text: {
+                            value: category.label
+                        }
+                    });
                 }
+                selectCategory.menu = new DMenu({
+                    fit: true,
+                    items: items
+                });
+                selectCategory.show();
             }
-            var theme = this.theme;
-            return function (category) {
-                return theme.toCategoryLabel(category);
-            };
-        };
-        DDialogSelect.prototype.findCategories = function () {
-            var options = this._options;
-            if (options != null) {
-                var controller = options.controller;
-                if (controller != null && controller.getCategories != null) {
-                    return controller.getCategories();
-                }
+            else {
+                selectCategory.hide();
             }
-            return null;
         };
         DDialogSelect.prototype.onOk = function (value) {
             this.emit("select", value, this);
@@ -56102,7 +56054,7 @@
                         dialog = options;
                     }
                     else {
-                        // Assumes DIALOG === DDialogSelect<DIALOG_VALUE, DIALOG_CATEGORY, DIALOG_CATEGORY_ID>.
+                        // Assumes DIALOG === DDialogSelect<DIALOG_VALUE, DIALOG_CATEGORY_ID>.
                         dialog = new DDialogSelect(options);
                     }
                     this._dialog = dialog;
@@ -76361,7 +76313,6 @@
         toEnum: toEnum,
         toId: toId,
         toIndexOf: toIndexOf,
-        toLabelWith: toLabelWith,
         toLabel: toLabel$1,
         toMerged: toMerged,
         toPadded: toPadded,