@wcardinal/wcardinal-ui 0.448.0 → 0.450.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.448.0
+ Winter Cardinal UI v0.450.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -27057,12 +27057,6 @@
                 canvas.update();
             }
         };
-        DDiagramShape.prototype.onRender = function (renderer) {
-            var canvas = this._diagram.canvas;
-            if (canvas) {
-                canvas.onRender(renderer);
-            }
-        };
         DDiagramShape.prototype.get = function (id) {
             var canvas = this._diagram.canvas;
             if (canvas) {
@@ -27574,9 +27568,46 @@
                 return _super.prototype.onDblClick.call(this, e, manager);
             }
         };
-        DDiagram.prototype.render = function (renderer) {
-            this.shape.onRender(renderer);
-            _super.prototype.render.call(this, renderer);
+        DDiagram.prototype.onPrerender = function (renderer) {
+            var canvas = this._canvas;
+            if (canvas) {
+                canvas.onRender(renderer);
+            }
+        };
+        DDiagram.prototype.render = function (newRenderer) {
+            var _this = this;
+            var _a;
+            var oldRenderer = this._rendererBound;
+            if (oldRenderer !== newRenderer) {
+                var onPrerenderBound = ((_a = this._onPrerenderBound) !== null && _a !== void 0 ? _a : (this._onPrerenderBound = function (r) {
+                    _this.onPrerender(r);
+                }));
+                if (oldRenderer != null) {
+                    oldRenderer.off("prerender", onPrerenderBound);
+                }
+                this._rendererBound = newRenderer;
+                if (newRenderer != null) {
+                    newRenderer.on("prerender", onPrerenderBound);
+                    var canvas = this._canvas;
+                    if (canvas != null) {
+                        // Request the update to call `canvas.onRender(Renderer)`
+                        DApplications.update(this);
+                    }
+                }
+            }
+            _super.prototype.render.call(this, newRenderer);
+        };
+        DDiagram.prototype.destroy = function () {
+            // Renderer
+            var renderer = this._rendererBound;
+            if (renderer != null) {
+                this._rendererBound = undefined;
+                var onPrerenderBound = this._onPrerenderBound;
+                if (onPrerenderBound != null) {
+                    renderer.off("prerender", onPrerenderBound);
+                }
+            }
+            _super.prototype.destroy.call(this);
         };
         DDiagram.prototype.getType = function () {
             return "DDiagram";
@@ -55535,41 +55566,80 @@
             this.open();
         };
         DDropdownBase.prototype.open = function () {
-            var _this = this;
             var menu = this.menu;
             if (menu.isHidden()) {
-                // In the case that the menu is created elsewhere,
-                // the menu might be opened by other UI elements
-                // and the `select` event might be triggered. In
-                // that case, we are not supposed to catct that
-                // `select` event. This is why the `select` event
-                // handler is registered here. Instead of the
-                // initialization time.
-                var onMenuSelectBound = this._onMenuSelectBound;
-                if (onMenuSelectBound == null) {
-                    onMenuSelectBound = function (value, item, m) {
-                        _this.onMenuSelect(value, item, m);
-                    };
-                    this._onMenuSelectBound = onMenuSelectBound;
-                }
-                var onMenuCloseBound = this._onMenuCloseBound;
-                if (onMenuCloseBound == null) {
-                    onMenuCloseBound = function () {
-                        _this.onMenuClose(_this._menu);
-                    };
-                }
-                menu.on("select", onMenuSelectBound);
-                menu.on("close", onMenuCloseBound);
+                this.onMenuOpening(menu);
                 menu.open(this);
-                this.emit("open", menu, this);
+                this.onMenuOpened(menu);
             }
         };
+        DDropdownBase.prototype.onMenuOpening = function (menu) {
+            var _this = this;
+            // In the case that the menu is created elsewhere,
+            // the menu might be opened by other UI elements
+            // and the `select` event might be triggered. In
+            // that case, we are not supposed to catch that
+            // `select` event. This is why the `select` event
+            // handler is registered here. Instead of the
+            // initialization time.
+            var onMenuSelectBound = this._onMenuSelectBound;
+            if (onMenuSelectBound == null) {
+                onMenuSelectBound = function (value, item, m) {
+                    _this.onMenuSelect(value, item, m);
+                };
+                this._onMenuSelectBound = onMenuSelectBound;
+            }
+            var onMenuCloseBound = this._onMenuCloseBound;
+            if (onMenuCloseBound == null) {
+                onMenuCloseBound = function () {
+                    _this.onMenuClose(_this._menu);
+                };
+            }
+            menu.on("select", onMenuSelectBound);
+            menu.on("close", onMenuCloseBound);
+        };
+        DDropdownBase.prototype.onMenuOpened = function (menu) {
+            this.emit("open", menu, this);
+        };
         DDropdownBase.prototype.close = function () {
             this.menu.close();
         };
         return DDropdownBase;
     }(DButtonBase));
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DMenuItems = /** @class */ (function () {
+        function DMenuItems() {
+        }
+        DMenuItems.each = function (menu, iteratee) {
+            var children = menu.children;
+            for (var i = 0, imax = children.length; i < imax; ++i) {
+                var child = children[i];
+                if (child instanceof DMenuItemMenu) {
+                    var result = this.each(child.menu, iteratee);
+                    if (result != null) {
+                        return result;
+                    }
+                }
+                else if (child instanceof DMenuItem) {
+                    if (iteratee(child)) {
+                        return child;
+                    }
+                }
+            }
+            return null;
+        };
+        DMenuItems.find = function (menu, value) {
+            return this.each(menu, function (item) {
+                return item.value === value;
+            });
+        };
+        return DMenuItems;
+    }());
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -55602,7 +55672,7 @@
             _super.prototype.onMenuReplaced.call(this, newMenu, oldMenu);
             // Update the value
             var value = this._value;
-            var item = this.findMenuItem(newMenu, value);
+            var item = DMenuItems.find(newMenu, value);
             if (item != null) {
                 this._value = value;
                 this.text = item;
@@ -55615,23 +55685,12 @@
         DSelect.prototype.onValueChange = function (newValue, oldValue, item) {
             this.emit("change", newValue, oldValue, item, this);
         };
-        DSelect.prototype.findMenuItem = function (menu, value) {
-            var children = menu.children;
-            for (var i = 0, imax = children.length; i < imax; ++i) {
-                var child = children[i];
-                if (child instanceof DMenuItemMenu) {
-                    var result = this.findMenuItem(child.menu, value);
-                    if (result != null) {
-                        return result;
-                    }
-                }
-                else if (child instanceof DMenuItem) {
-                    if (child.value === value) {
-                        return child;
-                    }
-                }
-            }
-            return null;
+        DSelect.prototype.onMenuOpening = function (menu) {
+            _super.prototype.onMenuOpening.call(this, menu);
+            var value = this._value;
+            DMenuItems.each(menu, function (item) {
+                item.state.isActive = item.value === value;
+            });
         };
         Object.defineProperty(DSelect.prototype, "value", {
             /**
@@ -55645,7 +55704,7 @@
              */
             set: function (value) {
                 if (this._value !== value) {
-                    var item = this.findMenuItem(this.menu, value);
+                    var item = DMenuItems.find(this.menu, value);
                     if (item != null) {
                         this._value = value;
                         this.text = item;
@@ -71519,9 +71578,9 @@
         DSelectMultiple.prototype.onValueChange = function (newValues, oldValues, items) {
             this.emit("change", newValues, oldValues, items, this);
         };
-        DSelectMultiple.prototype.open = function () {
+        DSelectMultiple.prototype.onMenuOpening = function (menu) {
+            _super.prototype.onMenuOpening.call(this, menu);
             this.updateMenuItems(this.menu, this._values);
-            _super.prototype.open.call(this);
         };
         Object.defineProperty(DSelectMultiple.prototype, "values", {
             /**
@@ -81549,6 +81608,7 @@
         DMenuItemSpace: DMenuItemSpace,
         DMenuItemText: DMenuItemText,
         DMenuItem: DMenuItem,
+        DMenuItems: DMenuItems,
         DMenuSidedContent: DMenuSidedContent,
         DMenuSidedItemCheck: DMenuSidedItemCheck,
         DMenuSidedItemExpandableItemCheck: DMenuSidedItemExpandableItemCheck,