@wcardinal/wcardinal-ui 0.359.0 → 0.362.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.359.0
+ Winter Cardinal UI v0.362.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 toLabel$1 = function (target) {
+var toLabelWith = function (target, def) {
     if (target != null) {
         if (isString(target)) {
             return target;
@@ -49510,7 +49510,15 @@ var toLabel$1 = function (target) {
             return target.id;
         }
     }
-    return "";
+    return def;
+};
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var toLabel$1 = function (target) {
+    return toLabelWith(target, "");
 };
 
 /*
@@ -49578,7 +49586,7 @@ var DThemeWhiteDialogSelect = /** @class */ (function (_super) {
         return toId(category);
     };
     DThemeWhiteDialogSelect.prototype.toCategoryLabel = function (category) {
-        return toLabel$1(category);
+        return toLabelWith(category, "All");
     };
     return DThemeWhiteDialogSelect;
 }(DThemeWhiteDialogLayered));
@@ -51126,6 +51134,9 @@ var DThemeWhiteDiagramEditor = /** @class */ (function (_super) {
     DThemeWhiteDiagramEditor.prototype.isSnapTargetEnabled = function () {
         return true;
     };
+    DThemeWhiteDiagramEditor.prototype.getBaseLayerLabel = function () {
+        return "Base Layer";
+    };
     return DThemeWhiteDiagramEditor;
 }(DThemeWhiteDiagramBase));
 
@@ -58881,7 +58892,7 @@ var DThemeDarkDialogSelect = /** @class */ (function (_super) {
         return toId(category);
     };
     DThemeDarkDialogSelect.prototype.toCategoryLabel = function (category) {
-        return toLabel$1(category);
+        return toLabelWith(category, "All");
     };
     return DThemeDarkDialogSelect;
 }(DThemeDarkDialogLayered));
@@ -60410,6 +60421,9 @@ var DThemeDarkDiagramEditor = /** @class */ (function (_super) {
     DThemeDarkDiagramEditor.prototype.isSnapTargetEnabled = function () {
         return true;
     };
+    DThemeDarkDiagramEditor.prototype.getBaseLayerLabel = function () {
+        return "Base Layer";
+    };
     return DThemeDarkDiagramEditor;
 }(DThemeDarkDiagramBase));
 
@@ -69311,16 +69325,10 @@ var DSelect = /** @class */ (function (_super) {
         _super.prototype.onMenuReplaced.call(this, newMenu, oldMenu);
         // Update the value
         var value = this._value;
-        if (value != null) {
-            var item = this.findMenuItem(newMenu, value);
-            if (item != null) {
-                this._value = value;
-                this.text = item;
-            }
-            else {
-                this._value = null;
-                this.text = null;
-            }
+        var item = this.findMenuItem(newMenu, value);
+        if (item != null) {
+            this._value = value;
+            this.text = item;
         }
         else {
             this._value = null;
@@ -74278,6 +74286,9 @@ var DDialogSelect = /** @class */ (function (_super) {
         if (result.width === undefined && result.weight === undefined) {
             result.width = 140;
         }
+        if (result.state === undefined) {
+            result.state = DBaseState.DISABLED;
+        }
         return result;
     };
     DDialogSelect.prototype.onSelectCategoryChange = function (categoryId) {
@@ -74516,9 +74527,7 @@ var DDialogSelect = /** @class */ (function (_super) {
                     this.onCategoryFetched(selectCategory, categoriesOrPromise);
                 }
                 else {
-                    selectCategory.state.isEnabled = false;
                     categoriesOrPromise.then(function (categories) {
-                        selectCategory.state.isEnabled = true;
                         _this.onCategoryFetched(selectCategory, categories);
                     });
                 }
@@ -74533,12 +74542,20 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     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: this.toCategoryId(category),
+                value: toId(category),
                 text: {
-                    value: this.toCategoryLabel(category)
+                    value: toLabel(category)
                 }
             });
         }
@@ -74546,36 +74563,40 @@ var DDialogSelect = /** @class */ (function (_super) {
             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]);
+        selectCategory.state.isEnabled = true;
+        this.search.create([this.input.value, null]);
     };
-    DDialogSelect.prototype.toCategoryId = function (target) {
+    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(target);
+                    return toId;
                 }
             }
         }
-        return this.theme.toCategoryId(target);
+        var theme = this.theme;
+        return function (category) {
+            return theme.toCategoryId(category);
+        };
     };
-    DDialogSelect.prototype.toCategoryLabel = function (target) {
+    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(target);
+                    return toLabel;
                 }
             }
         }
-        return this.theme.toCategoryLabel(target);
+        var theme = this.theme;
+        return function (category) {
+            return theme.toCategoryLabel(category);
+        };
     };
     DDialogSelect.prototype.findCategories = function () {
         var options = this._options;
@@ -81928,6 +81949,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: {
@@ -83351,16 +83373,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
         });
@@ -95900,6 +95927,7 @@ 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.359.0
+ Winter Cardinal UI v0.362.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 toLabel$1 = function (target) {
+    var toLabelWith = function (target, def) {
         if (target != null) {
             if (isString(target)) {
                 return target;
@@ -47296,7 +47296,15 @@
                 return target.id;
             }
         }
-        return "";
+        return def;
+    };
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var toLabel$1 = function (target) {
+        return toLabelWith(target, "");
     };
 
     /*
@@ -50665,16 +50673,10 @@
             _super.prototype.onMenuReplaced.call(this, newMenu, oldMenu);
             // Update the value
             var value = this._value;
-            if (value != null) {
-                var item = this.findMenuItem(newMenu, value);
-                if (item != null) {
-                    this._value = value;
-                    this.text = item;
-                }
-                else {
-                    this._value = null;
-                    this.text = null;
-                }
+            var item = this.findMenuItem(newMenu, value);
+            if (item != null) {
+                this._value = value;
+                this.text = item;
             }
             else {
                 this._value = null;
@@ -55702,6 +55704,9 @@
             if (result.width === undefined && result.weight === undefined) {
                 result.width = 140;
             }
+            if (result.state === undefined) {
+                result.state = DBaseState.DISABLED;
+            }
             return result;
         };
         DDialogSelect.prototype.onSelectCategoryChange = function (categoryId) {
@@ -55940,9 +55945,7 @@
                         this.onCategoryFetched(selectCategory, categoriesOrPromise);
                     }
                     else {
-                        selectCategory.state.isEnabled = false;
                         categoriesOrPromise.then(function (categories) {
-                            selectCategory.state.isEnabled = true;
                             _this.onCategoryFetched(selectCategory, categories);
                         });
                     }
@@ -55957,12 +55960,20 @@
         };
         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: this.toCategoryId(category),
+                    value: toId(category),
                     text: {
-                        value: this.toCategoryLabel(category)
+                        value: toLabel(category)
                     }
                 });
             }
@@ -55970,36 +55981,40 @@
                 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]);
+            selectCategory.state.isEnabled = true;
+            this.search.create([this.input.value, null]);
         };
-        DDialogSelect.prototype.toCategoryId = function (target) {
+        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(target);
+                        return toId;
                     }
                 }
             }
-            return this.theme.toCategoryId(target);
+            var theme = this.theme;
+            return function (category) {
+                return theme.toCategoryId(category);
+            };
         };
-        DDialogSelect.prototype.toCategoryLabel = function (target) {
+        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(target);
+                        return toLabel;
                     }
                 }
             }
-            return this.theme.toCategoryLabel(target);
+            var theme = this.theme;
+            return function (category) {
+                return theme.toCategoryLabel(category);
+            };
         };
         DDialogSelect.prototype.findCategories = function () {
             var options = this._options;
@@ -63372,6 +63387,7 @@
                 label: this.label,
                 width: this.width,
                 height: this.height,
+                category: this.category,
                 summary: this.summary,
                 description: this.description,
                 background: {
@@ -64795,16 +64811,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
             });
@@ -76340,6 +76361,7 @@
         toEnum: toEnum,
         toId: toId,
         toIndexOf: toIndexOf,
+        toLabelWith: toLabelWith,
         toLabel: toLabel$1,
         toMerged: toMerged,
         toPadded: toPadded,