@wcardinal/wcardinal-ui 0.361.0 → 0.363.0

package/dist/wcardinal-ui.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
 
@@ -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;
@@ -63387,6 +63339,7 @@
                 label: this.label,
                 width: this.width,
                 height: this.height,
+                category: this.category,
                 summary: this.summary,
                 description: this.description,
                 background: {
@@ -64810,16 +64763,21 @@
             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
             });
@@ -76355,7 +76313,6 @@
         toEnum: toEnum,
         toId: toId,
         toIndexOf: toIndexOf,
-        toLabelWith: toLabelWith,
         toLabel: toLabel$1,
         toMerged: toMerged,
         toPadded: toPadded,