@wcardinal/wcardinal-ui 0.361.0 → 0.363.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.361.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));
@@ -51134,6 +51101,9 @@ var DThemeWhiteDiagramEditor = /** @class */ (function (_super) {
     DThemeWhiteDiagramEditor.prototype.isSnapTargetEnabled = function () {
         return true;
     };
+    DThemeWhiteDiagramEditor.prototype.getBaseLayerLabel = function () {
+        return "Base Layer";
+    };
     return DThemeWhiteDiagramEditor;
 }(DThemeWhiteDiagramBase));
 
@@ -58885,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));
@@ -60418,6 +60388,9 @@ var DThemeDarkDiagramEditor = /** @class */ (function (_super) {
     DThemeDarkDiagramEditor.prototype.isSnapTargetEnabled = function () {
         return true;
     };
+    DThemeDarkDiagramEditor.prototype.getBaseLayerLabel = function () {
+        return "Base Layer";
+    };
     return DThemeDarkDiagramEditor;
 }(DThemeDarkDiagramBase));
 
@@ -66498,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
@@ -74167,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;
@@ -74251,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;
             }
@@ -74262,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;
     };
@@ -74506,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);
@@ -74678,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;
@@ -81943,6 +81901,7 @@ var DDiagramCanvasEditor = /** @class */ (function (_super) {
             label: this.label,
             width: this.width,
             height: this.height,
+            category: this.category,
             summary: this.summary,
             description: this.description,
             background: {
@@ -83366,16 +83325,21 @@ var DDiagramEditor = /** @class */ (function (_super) {
         this.emit("deleted", null, this);
         return Promise.resolve(null);
     };
-    DDiagramEditor.prototype.create = function (name, width, height) {
+    DDiagramEditor.prototype.create = function (options) {
         return this.set({
             version: DDiagramSerializedVersion,
             id: undefined,
-            name: name,
-            width: width,
-            height: height,
+            name: options.name,
+            label: options.label,
+            width: options.width,
+            height: options.height,
+            category: options.category,
+            summary: options.summary,
+            description: options.description,
+            background: options.background,
             resources: [],
             data: [],
-            layers: [["Default layer"]],
+            layers: [[this.theme.getBaseLayerLabel()]],
             items: [],
             snap: undefined
         });
@@ -95915,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;