@wcardinal/wcardinal-ui 0.305.0 → 0.306.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.305.0
+ Winter Cardinal UI v0.306.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -16437,7 +16437,7 @@ var EShapeGroupSizeEditor = /** @class */ (function () {
         this._isFittable = isFittable;
     }
     EShapeGroupSizeEditor.prototype.init = function () {
-        // DO NOTHING
+        return this;
     };
     Object.defineProperty(EShapeGroupSizeEditor.prototype, "x", {
         get: function () {
@@ -16517,6 +16517,7 @@ var EShapeGroupSizeEditor = /** @class */ (function () {
         if (this._isFittable) {
             this.doFit();
         }
+        return this;
     };
     EShapeGroupSizeEditor.prototype.doFit = function () {
         var parent = this._parent;
@@ -16687,6 +16688,7 @@ var EShapeGroupSizeViewer = /** @class */ (function () {
     EShapeGroupSizeViewer.prototype.init = function () {
         this._base.copyFrom(this);
         this.onChange();
+        return this;
     };
     EShapeGroupSizeViewer.prototype.clone = function () {
         var base = this._base;
@@ -16729,7 +16731,7 @@ var EShapeGroupSizeViewer = /** @class */ (function () {
         return p.x === this._x && p.y === this._y;
     };
     EShapeGroupSizeViewer.prototype.fit = function () {
-        // DO NOTHING
+        return this;
     };
     EShapeGroupSizeViewer.prototype.onChange = function () {
         var base = this._base;
@@ -21235,7 +21237,14 @@ var EShapeEmbeddedLayer = /** @class */ (function (_super) {
         }
         result.onChildTransformChange();
         result.toDirty();
-        result.size.init();
+        var size = this.size;
+        if (size instanceof EShapeGroupSizeViewer) {
+            var base = size.base;
+            result.size.set(base.x, base.y).init().set(size.x, size.y);
+        }
+        else {
+            result.size.init();
+        }
         return result;
     };
     EShapeEmbeddedLayer.prototype.newClone = function () {
@@ -38461,7 +38470,7 @@ var EShapeGroupSizeShadowed = /** @class */ (function () {
         this._size = new pixi_js.Point(x, y);
     }
     EShapeGroupSizeShadowed.prototype.init = function () {
-        // DO NOTHING
+        return this;
     };
     Object.defineProperty(EShapeGroupSizeShadowed.prototype, "x", {
         get: function () {
@@ -38538,7 +38547,7 @@ var EShapeGroupSizeShadowed = /** @class */ (function () {
         return this._size.equals(point);
     };
     EShapeGroupSizeShadowed.prototype.fit = function () {
-        // DO NOTHING
+        return this;
     };
     EShapeGroupSizeShadowed.prototype.onChange = function (ox, oy) {
         this._parent.onSizeChange();
@@ -45815,11 +45824,17 @@ var newShadow$1 = function (id, radius, opacity) {
     DThemeWhiteAtlas.add(id, d, d, "<g>" +
         "<defs>" +
         "<radialGradient id=\"".concat(id, "_filter\">") +
-        "<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
-        "<stop offset=\"20%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
-        "<stop offset=\"40%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
-        "<stop offset=\"60%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.135, "\" />") +
-        "<stop offset=\"80%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.050, "\" />") +
+        "<stop   offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
+        "<stop  offset=\"30%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
+        "<stop  offset=\"37%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
+        "<stop  offset=\"44%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") + // Math.exp(-(p-30)/14)
+        "<stop  offset=\"51%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.223, "\" />") +
+        "<stop  offset=\"58%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.135, "\" />") +
+        "<stop  offset=\"65%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.082, "\" />") +
+        "<stop  offset=\"72%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.050, "\" />") +
+        "<stop  offset=\"79%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.030, "\" />") +
+        "<stop  offset=\"86%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.018, "\" />") +
+        "<stop  offset=\"93%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.011, "\" />") +
         "<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
         "</radialGradient>" +
         "</defs>" +
@@ -45827,8 +45842,8 @@ var newShadow$1 = function (id, radius, opacity) {
         "</g>");
     /* eslint-enable prettier/prettier */
 };
-newShadow$1("shadow_weak", 12, 0.15);
-newShadow$1("shadow", 24, 0.15);
+newShadow$1("shadow_weak", 24, 0.3);
+newShadow$1("shadow", 48, 0.3);
 /* eslint-disable prettier/prettier */
 DThemeWhiteAtlas.add("background", 16, 16, "<g>" +
     "<defs>" +
@@ -45942,10 +45957,10 @@ var DThemeWhiteBase = /** @class */ (function (_super) {
         return -1;
     };
     DThemeWhiteBase.prototype.newShadow = function () {
-        return new DShadowImpl(DThemeWhiteAtlas.mappings.shadow, 24, 24, 0, 9.6);
+        return new DShadowImpl(DThemeWhiteAtlas.mappings.shadow, 48, 48, 0, 4.8);
     };
     DThemeWhiteBase.prototype.newShadowWeak = function () {
-        return new DShadowImpl(DThemeWhiteAtlas.mappings.shadow_weak, 12, 12, 0, 4.8);
+        return new DShadowImpl(DThemeWhiteAtlas.mappings.shadow_weak, 24, 24, 0, 2.4);
     };
     DThemeWhiteBase.prototype.getCursor = function (state) {
         return "";
@@ -48533,7 +48548,7 @@ var DThemeWhiteListItems = /** @class */ (function () {
         }
     };
     DThemeWhiteListItems.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     DThemeWhiteListItems.prototype.getCornerMask = function () {
         return DCornerMask.ALL;
@@ -50756,11 +50771,6 @@ var DThemeWhiteDialogProcessing = /** @class */ (function (_super) {
 DThemeWhiteAtlas.add("success_mark", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
     "<path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\" fill=\"#fff\" />" +
     "</g>");
-DThemeWhiteAtlas.add("fail_mark", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-    "<path d=\"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52" +
-    " 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8" +
-    "-3.58 8-8 8z\" fill=\"#fff\" />" +
-    "</g>");
 /* eslint-enable prettier/prettier */
 var DThemeWhiteDialogProcessingMessage = /** @class */ (function (_super) {
     __extends(DThemeWhiteDialogProcessingMessage, _super);
@@ -50774,9 +50784,6 @@ var DThemeWhiteDialogProcessingMessage = /** @class */ (function (_super) {
         if (state.isSucceeded) {
             return DThemeWhiteAtlas.mappings.success_mark;
         }
-        else if (state.isFailed) {
-            return DThemeWhiteAtlas.mappings.fail_mark;
-        }
         return null;
     };
     DThemeWhiteDialogProcessingMessage.prototype.getImageTintAlpha = function (state) {
@@ -53710,7 +53717,7 @@ var DThemeWhiteTableBody = /** @class */ (function (_super) {
         return null;
     };
     DThemeWhiteTableBody.prototype.getRowHeight = function () {
-        return 30;
+        return 40;
     };
     DThemeWhiteTableBody.prototype.getInteractive = function () {
         return DBaseInteractive.BOTH;
@@ -53857,8 +53864,8 @@ var DThemeWhiteTableBodyCells = /** @class */ (function () {
     var _a;
     _a = DThemeWhiteTableBodyCells;
     DThemeWhiteTableBodyCells.BACKGROUND_COLOR = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;
-    DThemeWhiteTableBodyCells.BACKGROUND_COLOR_FROZEN_EVEN = UtilRgb.darken(_a.BACKGROUND_COLOR, 0.01);
-    DThemeWhiteTableBodyCells.BACKGROUND_COLOR_FROZEN_ODD = UtilRgb.darken(_a.BACKGROUND_COLOR_FROZEN_EVEN, 0.01);
+    DThemeWhiteTableBodyCells.BACKGROUND_COLOR_FROZEN_EVEN = UtilRgb.darken(_a.BACKGROUND_COLOR, 0.015);
+    DThemeWhiteTableBodyCells.BACKGROUND_COLOR_FROZEN_ODD = UtilRgb.darken(_a.BACKGROUND_COLOR_FROZEN_EVEN, 0.015);
     DThemeWhiteTableBodyCells.BORDER_COLOR = UtilRgb.darken(_a.BACKGROUND_COLOR, 0.035);
     DThemeWhiteTableBodyCells.BORDER_COLOR_FROZEN = UtilRgb.darken(_a.BORDER_COLOR, 0.035);
     return DThemeWhiteTableBodyCells;
@@ -54848,7 +54855,7 @@ var DThemeWhiteTableBodyRow = /** @class */ (function (_super) {
     function DThemeWhiteTableBodyRow() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.BACKGROUND_COLOR_EVEN = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;
-        _this.BACKGROUND_COLOR_ODD = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.01);
+        _this.BACKGROUND_COLOR_ODD = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.015);
         return _this;
     }
     DThemeWhiteTableBodyRow.prototype.getBackgroundColor = function (state) {
@@ -54879,7 +54886,7 @@ var DThemeWhiteTableHeader = /** @class */ (function (_super) {
     __extends(DThemeWhiteTableHeader, _super);
     function DThemeWhiteTableHeader() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.BACKGROUND_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
+        _this.BACKGROUND_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.03);
         _this.BORDER_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.055);
         return _this;
     }
@@ -54901,7 +54908,7 @@ var DThemeWhiteTableHeader = /** @class */ (function (_super) {
         return "100%";
     };
     DThemeWhiteTableHeader.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     return DThemeWhiteTableHeader;
 }(DThemeWhiteTableRow));
@@ -54936,7 +54943,7 @@ var DThemeWhiteTableHeaderCell = /** @class */ (function (_super) {
     __extends(DThemeWhiteTableHeaderCell, _super);
     function DThemeWhiteTableHeaderCell() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.BACKGROUND_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
+        _this.BACKGROUND_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.03);
         _this.BACKGROUND_COLOR_HOVERED = UtilRgb.darken(_this.BACKGROUND_COLOR, 0.017);
         _this.BACKGROUND_COLOR_PRESSED = UtilRgb.darken(_this.BACKGROUND_COLOR, 0.034);
         _this.BACKGROUND_COLOR_FROZEN = UtilRgb.darken(_this.BACKGROUND_COLOR, 0.02);
@@ -55537,11 +55544,17 @@ var newShadow = function (id, radius, opacity) {
     DThemeDarkAtlas.add(id, d, d, "<g>" +
         "<defs>" +
         "<radialGradient id=\"".concat(id, "_filter\">") +
-        "<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
-        "<stop offset=\"20%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
-        "<stop offset=\"40%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
-        "<stop offset=\"60%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.135, "\" />") +
-        "<stop offset=\"80%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.050, "\" />") +
+        "<stop   offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
+        "<stop  offset=\"30%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
+        "<stop  offset=\"37%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
+        "<stop  offset=\"44%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") + // Math.exp(-(p-30)/14)
+        "<stop  offset=\"51%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.223, "\" />") +
+        "<stop  offset=\"58%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.135, "\" />") +
+        "<stop  offset=\"65%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.082, "\" />") +
+        "<stop  offset=\"72%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.050, "\" />") +
+        "<stop  offset=\"79%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.030, "\" />") +
+        "<stop  offset=\"86%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.018, "\" />") +
+        "<stop  offset=\"93%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.011, "\" />") +
         "<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
         "</radialGradient>" +
         "</defs>" +
@@ -55549,8 +55562,8 @@ var newShadow = function (id, radius, opacity) {
         "</g>");
     /* eslint-enable prettier/prettier */
 };
-newShadow("shadow_weak", 12, 0.36);
-newShadow("shadow", 24, 0.36);
+newShadow("shadow_weak", 24, 0.72);
+newShadow("shadow", 48, 0.72);
 /* eslint-disable prettier/prettier */
 DThemeDarkAtlas.add("background", 16, 16, "<g>" +
     "<defs>" +
@@ -55664,10 +55677,10 @@ var DThemeDarkBase = /** @class */ (function (_super) {
         return -1;
     };
     DThemeDarkBase.prototype.newShadow = function () {
-        return new DShadowImpl(DThemeDarkAtlas.mappings.shadow, 24, 24, 0, 9.6);
+        return new DShadowImpl(DThemeDarkAtlas.mappings.shadow, 48, 48, 0, 4.8);
     };
     DThemeDarkBase.prototype.newShadowWeak = function () {
-        return new DShadowImpl(DThemeDarkAtlas.mappings.shadow_weak, 12, 8, 0, 4.8);
+        return new DShadowImpl(DThemeDarkAtlas.mappings.shadow_weak, 24, 24, 0, 2.4);
     };
     DThemeDarkBase.prototype.getCursor = function (state) {
         return "";
@@ -57572,7 +57585,7 @@ var DThemeDarkListItems = /** @class */ (function () {
         if (baseColor != null) {
             this._backgroundColorEven = baseColor;
             this._backgroundAlphaEven = 1;
-            this._backgroundColorOdd = UtilRgb.blend(baseColor, 0xffffff, 0.02);
+            this._backgroundColorOdd = UtilRgb.blend(baseColor, 0xffffff, 0.025);
             this._backgroundAlphaOdd = 1;
             this._invalidColor = UtilRgb.blend(baseColor, DThemeDarkConstants.INVALID_COLOR, DThemeDarkConstants.INVALID_ALPHA);
             this._invalidAlpha = 1;
@@ -57587,10 +57600,10 @@ var DThemeDarkListItems = /** @class */ (function () {
             this._weakHighlightAlpha = 1;
         }
         else {
-            this._backgroundColorEven = 0x000000;
+            this._backgroundColorEven = 0xffffff;
             this._backgroundAlphaEven = 0;
-            this._backgroundColorOdd = 0x000000;
-            this._backgroundAlphaOdd = 0.02;
+            this._backgroundColorOdd = 0xffffff;
+            this._backgroundAlphaOdd = 0.025;
             this._invalidColor = DThemeDarkConstants.INVALID_COLOR;
             this._invalidAlpha = DThemeDarkConstants.INVALID_ALPHA;
             this._highlightColor = DThemeDarkConstants.HIGHLIGHT_COLOR;
@@ -57720,7 +57733,7 @@ var DThemeDarkListItems = /** @class */ (function () {
         }
     };
     DThemeDarkListItems.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     DThemeDarkListItems.prototype.getCornerMask = function () {
         return DCornerMask.ALL;
@@ -59924,11 +59937,6 @@ var DThemeDarkDialogProcessing = /** @class */ (function (_super) {
 DThemeDarkAtlas.add("success_mark", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
     "<path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\" fill=\"#fff\" />" +
     "</g>");
-DThemeDarkAtlas.add("fail_mark", 21, 21, "<g transform=\"scale(0.875,0.875)\">" +
-    "<path d=\"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52" +
-    " 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8" +
-    "-3.58 8-8 8z\" fill=\"#fff\" />" +
-    "</g>");
 /* eslint-enable prettier/prettier */
 var DThemeDarkDialogProcessingMessage = /** @class */ (function (_super) {
     __extends(DThemeDarkDialogProcessingMessage, _super);
@@ -59942,9 +59950,6 @@ var DThemeDarkDialogProcessingMessage = /** @class */ (function (_super) {
         if (state.isSucceeded) {
             return DThemeDarkAtlas.mappings.success_mark;
         }
-        else if (state.isFailed) {
-            return DThemeDarkAtlas.mappings.fail_mark;
-        }
         return null;
     };
     DThemeDarkDialogProcessingMessage.prototype.getImageTintAlpha = function (state) {
@@ -62882,7 +62887,7 @@ var DThemeDarkTableBody = /** @class */ (function (_super) {
         return null;
     };
     DThemeDarkTableBody.prototype.getRowHeight = function () {
-        return 30;
+        return 40;
     };
     DThemeDarkTableBody.prototype.getInteractive = function () {
         return DBaseInteractive.BOTH;
@@ -62972,8 +62977,8 @@ var DThemeDarkTableBodyCells = /** @class */ (function () {
     var _a;
     _a = DThemeDarkTableBodyCells;
     DThemeDarkTableBodyCells.BACKGROUND_COLOR = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
-    DThemeDarkTableBodyCells.BACKGROUND_COLOR_FROZEN_EVEN = UtilRgb.brighten(_a.BACKGROUND_COLOR, 0.02);
-    DThemeDarkTableBodyCells.BACKGROUND_COLOR_FROZEN_ODD = UtilRgb.brighten(_a.BACKGROUND_COLOR_FROZEN_EVEN, 0.02);
+    DThemeDarkTableBodyCells.BACKGROUND_COLOR_FROZEN_EVEN = UtilRgb.brighten(_a.BACKGROUND_COLOR, 0.03);
+    DThemeDarkTableBodyCells.BACKGROUND_COLOR_FROZEN_ODD = UtilRgb.brighten(_a.BACKGROUND_COLOR_FROZEN_EVEN, 0.03);
     DThemeDarkTableBodyCells.BORDER_COLOR = UtilRgb.darken(_a.BACKGROUND_COLOR, 0.035);
     DThemeDarkTableBodyCells.BORDER_COLOR_FROZEN = UtilRgb.darken(_a.BORDER_COLOR, 0.035);
     return DThemeDarkTableBodyCells;
@@ -63963,7 +63968,7 @@ var DThemeDarkTableBodyRow = /** @class */ (function (_super) {
     function DThemeDarkTableBodyRow() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.BACKGROUND_COLOR_EVEN = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
-        _this.BACKGROUND_COLOR_ODD = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
+        _this.BACKGROUND_COLOR_ODD = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.03);
         return _this;
     }
     DThemeDarkTableBodyRow.prototype.getBackgroundColor = function (state) {
@@ -63994,7 +63999,7 @@ var DThemeDarkTableHeader = /** @class */ (function (_super) {
     __extends(DThemeDarkTableHeader, _super);
     function DThemeDarkTableHeader() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.BACKGROUND_COLOR = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
+        _this.BACKGROUND_COLOR = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.03);
         _this.BORDER_COLOR = UtilRgb.darken(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.05);
         return _this;
     }
@@ -64016,7 +64021,7 @@ var DThemeDarkTableHeader = /** @class */ (function (_super) {
         return "100%";
     };
     DThemeDarkTableHeader.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     return DThemeDarkTableHeader;
 }(DThemeDarkTableRow));
@@ -64051,7 +64056,7 @@ var DThemeDarkTableHeaderCell = /** @class */ (function (_super) {
     __extends(DThemeDarkTableHeaderCell, _super);
     function DThemeDarkTableHeaderCell() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.BACKGROUND_COLOR = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
+        _this.BACKGROUND_COLOR = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.03);
         _this.BACKGROUND_COLOR_HOVERED = UtilRgb.brighten(_this.BACKGROUND_COLOR, 0.08);
         _this.BACKGROUND_COLOR_PRESSED = UtilRgb.brighten(_this.BACKGROUND_COLOR, 0.32);
         _this.BACKGROUND_COLOR_FROZEN = UtilRgb.brighten(_this.BACKGROUND_COLOR, 0.02);
@@ -66468,12 +66473,12 @@ var DControllerCommandImpl = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DControllerKeyboard = /** @class */ (function (_super) {
-    __extends(DControllerKeyboard, _super);
-    function DControllerKeyboard() {
+var DControllerKeyboardImpl = /** @class */ (function (_super) {
+    __extends(DControllerKeyboardImpl, _super);
+    function DControllerKeyboardImpl() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DControllerKeyboard.prototype.init = function (element, stage, focusController) {
+    DControllerKeyboardImpl.prototype.init = function (element, stage, focusController) {
         var _this = this;
         element.addEventListener("keydown", function (e) {
             _this.emit("keydown", e);
@@ -66517,13 +66522,13 @@ var DControllerKeyboard = /** @class */ (function (_super) {
             }
         });
     };
-    DControllerKeyboard.prototype.hasOnKeyDown = function (target) {
+    DControllerKeyboardImpl.prototype.hasOnKeyDown = function (target) {
         return "onKeyDown" in target;
     };
-    DControllerKeyboard.prototype.hasOnKeyUp = function (target) {
+    DControllerKeyboardImpl.prototype.hasOnKeyUp = function (target) {
         return "onKeyUp" in target;
     };
-    return DControllerKeyboard;
+    return DControllerKeyboardImpl;
 }(pixi_js.utils.EventEmitter));
 
 /*
@@ -66536,7 +66541,7 @@ var DControllers = /** @class */ (function () {
     // Keyboard
     DControllers.getKeyboardController = function () {
         if (this.KEYBOARD == null) {
-            this.KEYBOARD = new DControllerKeyboard();
+            this.KEYBOARD = new DControllerKeyboardImpl();
         }
         return this.KEYBOARD;
     };
@@ -66862,9 +66867,12 @@ var DApplicationLayer = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DControllerFocusImpl = /** @class */ (function () {
+var DControllerFocusImpl = /** @class */ (function (_super) {
+    __extends(DControllerFocusImpl, _super);
     function DControllerFocusImpl() {
-        this._focused = null;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._focused = null;
+        return _this;
     }
     DControllerFocusImpl.prototype.focus = function (focusable) {
         var previous = this._focused;
@@ -66876,6 +66884,7 @@ var DControllerFocusImpl = /** @class */ (function () {
             if (this.isFocusable(focusable)) {
                 focusable.state.isFocused = true;
             }
+            this.emit("change", focusable, previous, this);
             return previous;
         }
         return null;
@@ -66884,6 +66893,7 @@ var DControllerFocusImpl = /** @class */ (function () {
         if (focusable != null && this._focused === focusable) {
             this._focused = null;
             focusable.state.isFocused = false;
+            this.emit("change", null, focusable, this);
             return focusable;
         }
         return null;
@@ -67110,7 +67120,7 @@ var DControllerFocusImpl = /** @class */ (function () {
         return target != null && "state" in target && target.state.isFocusReverse;
     };
     return DControllerFocusImpl;
-}());
+}(pixi_js.utils.EventEmitter));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -91782,7 +91792,7 @@ exports.DCommandSaveAs = DCommandSaveAs;
 exports.DContent = DContent;
 exports.DControllerCommandImpl = DControllerCommandImpl;
 exports.DControllerFocusImpl = DControllerFocusImpl;
-exports.DControllerKeyboard = DControllerKeyboard;
+exports.DControllerKeyboardImpl = DControllerKeyboardImpl;
 exports.DControllers = DControllers;
 exports.DCornerMask = DCornerMask;
 exports.DDiagram = DDiagram;

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.305.0
+ Winter Cardinal UI v0.306.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -16434,7 +16434,7 @@
             this._isFittable = isFittable;
         }
         EShapeGroupSizeEditor.prototype.init = function () {
-            // DO NOTHING
+            return this;
         };
         Object.defineProperty(EShapeGroupSizeEditor.prototype, "x", {
             get: function () {
@@ -16514,6 +16514,7 @@
             if (this._isFittable) {
                 this.doFit();
             }
+            return this;
         };
         EShapeGroupSizeEditor.prototype.doFit = function () {
             var parent = this._parent;
@@ -16684,6 +16685,7 @@
         EShapeGroupSizeViewer.prototype.init = function () {
             this._base.copyFrom(this);
             this.onChange();
+            return this;
         };
         EShapeGroupSizeViewer.prototype.clone = function () {
             var base = this._base;
@@ -16726,7 +16728,7 @@
             return p.x === this._x && p.y === this._y;
         };
         EShapeGroupSizeViewer.prototype.fit = function () {
-            // DO NOTHING
+            return this;
         };
         EShapeGroupSizeViewer.prototype.onChange = function () {
             var base = this._base;
@@ -21232,7 +21234,14 @@
             }
             result.onChildTransformChange();
             result.toDirty();
-            result.size.init();
+            var size = this.size;
+            if (size instanceof EShapeGroupSizeViewer) {
+                var base = size.base;
+                result.size.set(base.x, base.y).init().set(size.x, size.y);
+            }
+            else {
+                result.size.init();
+            }
             return result;
         };
         EShapeEmbeddedLayer.prototype.newClone = function () {
@@ -38458,7 +38467,7 @@
             this._size = new pixi_js.Point(x, y);
         }
         EShapeGroupSizeShadowed.prototype.init = function () {
-            // DO NOTHING
+            return this;
         };
         Object.defineProperty(EShapeGroupSizeShadowed.prototype, "x", {
             get: function () {
@@ -38535,7 +38544,7 @@
             return this._size.equals(point);
         };
         EShapeGroupSizeShadowed.prototype.fit = function () {
-            // DO NOTHING
+            return this;
         };
         EShapeGroupSizeShadowed.prototype.onChange = function (ox, oy) {
             this._parent.onSizeChange();
@@ -47735,12 +47744,12 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DControllerKeyboard = /** @class */ (function (_super) {
-        __extends(DControllerKeyboard, _super);
-        function DControllerKeyboard() {
+    var DControllerKeyboardImpl = /** @class */ (function (_super) {
+        __extends(DControllerKeyboardImpl, _super);
+        function DControllerKeyboardImpl() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        DControllerKeyboard.prototype.init = function (element, stage, focusController) {
+        DControllerKeyboardImpl.prototype.init = function (element, stage, focusController) {
             var _this = this;
             element.addEventListener("keydown", function (e) {
                 _this.emit("keydown", e);
@@ -47784,13 +47793,13 @@
                 }
             });
         };
-        DControllerKeyboard.prototype.hasOnKeyDown = function (target) {
+        DControllerKeyboardImpl.prototype.hasOnKeyDown = function (target) {
             return "onKeyDown" in target;
         };
-        DControllerKeyboard.prototype.hasOnKeyUp = function (target) {
+        DControllerKeyboardImpl.prototype.hasOnKeyUp = function (target) {
             return "onKeyUp" in target;
         };
-        return DControllerKeyboard;
+        return DControllerKeyboardImpl;
     }(pixi_js.utils.EventEmitter));
 
     /*
@@ -47803,7 +47812,7 @@
         // Keyboard
         DControllers.getKeyboardController = function () {
             if (this.KEYBOARD == null) {
-                this.KEYBOARD = new DControllerKeyboard();
+                this.KEYBOARD = new DControllerKeyboardImpl();
             }
             return this.KEYBOARD;
         };
@@ -48129,9 +48138,12 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DControllerFocusImpl = /** @class */ (function () {
+    var DControllerFocusImpl = /** @class */ (function (_super) {
+        __extends(DControllerFocusImpl, _super);
         function DControllerFocusImpl() {
-            this._focused = null;
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this._focused = null;
+            return _this;
         }
         DControllerFocusImpl.prototype.focus = function (focusable) {
             var previous = this._focused;
@@ -48143,6 +48155,7 @@
                 if (this.isFocusable(focusable)) {
                     focusable.state.isFocused = true;
                 }
+                this.emit("change", focusable, previous, this);
                 return previous;
             }
             return null;
@@ -48151,6 +48164,7 @@
             if (focusable != null && this._focused === focusable) {
                 this._focused = null;
                 focusable.state.isFocused = false;
+                this.emit("change", null, focusable, this);
                 return focusable;
             }
             return null;
@@ -48377,7 +48391,7 @@
             return target != null && "state" in target && target.state.isFocusReverse;
         };
         return DControllerFocusImpl;
-    }());
+    }(pixi_js.utils.EventEmitter));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
@@ -74119,7 +74133,7 @@
         DContent: DContent,
         DControllerCommandImpl: DControllerCommandImpl,
         DControllerFocusImpl: DControllerFocusImpl,
-        DControllerKeyboard: DControllerKeyboard,
+        DControllerKeyboardImpl: DControllerKeyboardImpl,
         DControllers: DControllers,
         DCornerMask: DCornerMask,
         DDiagramBaseControllerOpenType: DDiagramBaseControllerOpenType,