@wcardinal/wcardinal-ui 0.304.0 → 0.306.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.304.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();
@@ -44277,46 +44286,104 @@ var toSizeRounded = function (value) {
  * SPDX-License-Identifier: Apache-2.0
  */
 var toResized = function (shape, from, to, centerMode, isPerfect) {
+    var cposition = EShapeCapabilities.contains(shape, EShapeCapability.POSITION);
+    var cwidth = EShapeCapabilities.contains(shape, EShapeCapability.WIDTH);
+    var cheight = EShapeCapabilities.contains(shape, EShapeCapability.HEIGHT);
     shape.disallowUploadedUpdate();
     var position = shape.transform.position;
     if (centerMode) {
         var dx = Math.abs(to.x - from.x);
         var dy = Math.abs(to.y - from.y);
         if (isPerfect) {
-            var hsize = Math.max(dx, dy);
-            var size = hsize + hsize;
-            shape.size.set(toSizeNormalized(size), toSizeNormalized(size));
-            position.set(toSizeRounded(from.x), toSizeRounded(from.y));
+            var d = Math.max(dx, dy);
+            var s = toSizeNormalized(d + d);
+            var x = toSizeRounded(from.x);
+            var y = toSizeRounded(from.y);
+            var size = shape.size;
+            if (cwidth && cheight) {
+                size.set(s, s);
+            }
+            else if (cwidth) {
+                size.x = s;
+            }
+            else if (cheight) {
+                size.y = s;
+            }
+            if (cposition) {
+                position.set(x, y);
+            }
         }
         else {
-            shape.size.set(toSizeNormalized(dx + dx), toSizeNormalized(dy + dy));
-            position.set(toSizeRounded(from.x), toSizeRounded(from.y));
+            var w = toSizeNormalized(dx + dx);
+            var h = toSizeNormalized(dy + dy);
+            var x = toSizeRounded(from.x);
+            var y = toSizeRounded(from.y);
+            var size = shape.size;
+            if (cwidth && cheight) {
+                size.set(w, h);
+            }
+            else if (cwidth) {
+                size.x = w;
+            }
+            else if (cheight) {
+                size.y = h;
+            }
+            if (cposition) {
+                position.set(x, y);
+            }
         }
     }
     else {
         if (isPerfect) {
             var dx = to.x - from.x;
             var dy = to.y - from.y;
-            var size = Math.max(Math.abs(dx), Math.abs(dy));
-            var x2 = from.x + (dx < 0 ? -size : +size);
-            var y2 = from.y + (dy < 0 ? -size : +size);
-            var hsize = size * 0.5;
-            var x = Math.min(from.x, x2) + hsize;
-            var y = Math.min(from.y, y2) + hsize;
-            shape.size.set(toSizeNormalized(size), toSizeNormalized(size));
-            position.set(toSizeRounded(x), toSizeRounded(y));
+            var d = Math.max(Math.abs(dx), Math.abs(dy));
+            var x2 = from.x + (dx < 0 ? -d : +d);
+            var y2 = from.y + (dy < 0 ? -d : +d);
+            var hd = d * 0.5;
+            var s = toSizeNormalized(d);
+            var x = toSizeRounded(Math.min(from.x, x2) + hd);
+            var y = toSizeRounded(Math.min(from.y, y2) + hd);
+            var size = shape.size;
+            if (cwidth && cheight) {
+                size.set(s, s);
+            }
+            else if (cwidth) {
+                size.x = s;
+            }
+            else if (cheight) {
+                size.y = s;
+            }
+            if (cposition) {
+                position.set(x, y);
+            }
         }
         else {
             var x0 = Math.min(from.x, to.x);
             var y0 = Math.min(from.y, to.y);
             var x1 = Math.max(from.x, to.x);
             var y1 = Math.max(from.y, to.y);
-            var width = x1 - x0;
-            var height = y1 - y0;
-            var px = width * 0.5;
-            var py = height * 0.5;
-            shape.size.set(toSizeNormalized(width), toSizeNormalized(height));
-            position.set(toSizeRounded(x0 + px), toSizeRounded(y0 + py));
+            var dx = x1 - x0;
+            var dy = y1 - y0;
+            var px = dx * 0.5;
+            var py = dy * 0.5;
+            var w = toSizeNormalized(dx);
+            var h = toSizeNormalized(dy);
+            var x = toSizeRounded(x0 + px);
+            var y = toSizeRounded(y0 + py);
+            var size = shape.size;
+            if (cwidth && cheight) {
+                size.set(w, h);
+            }
+            else if (cwidth) {
+                size.x = w;
+            }
+            else if (cheight) {
+                size.y = h;
+            }
+            if (cposition) {
+                position.set(x, y);
+            }
         }
     }
     shape.allowUploadedUpdate();
@@ -45757,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>" +
@@ -45769,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>" +
@@ -45884,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 "";
@@ -48475,7 +48548,7 @@ var DThemeWhiteListItems = /** @class */ (function () {
         }
     };
     DThemeWhiteListItems.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     DThemeWhiteListItems.prototype.getCornerMask = function () {
         return DCornerMask.ALL;
@@ -50698,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);
@@ -50716,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) {
@@ -53652,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;
@@ -53799,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;
@@ -54790,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) {
@@ -54821,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;
     }
@@ -54843,7 +54908,7 @@ var DThemeWhiteTableHeader = /** @class */ (function (_super) {
         return "100%";
     };
     DThemeWhiteTableHeader.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     return DThemeWhiteTableHeader;
 }(DThemeWhiteTableRow));
@@ -54878,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);
@@ -55479,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>" +
@@ -55491,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>" +
@@ -55606,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 "";
@@ -57514,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;
@@ -57529,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;
@@ -57662,7 +57733,7 @@ var DThemeDarkListItems = /** @class */ (function () {
         }
     };
     DThemeDarkListItems.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     DThemeDarkListItems.prototype.getCornerMask = function () {
         return DCornerMask.ALL;
@@ -59866,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);
@@ -59884,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) {
@@ -62824,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;
@@ -62914,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;
@@ -63905,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) {
@@ -63936,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;
     }
@@ -63958,7 +64021,7 @@ var DThemeDarkTableHeader = /** @class */ (function (_super) {
         return "100%";
     };
     DThemeDarkTableHeader.prototype.getHeight = function () {
-        return 30;
+        return 40;
     };
     return DThemeDarkTableHeader;
 }(DThemeDarkTableRow));
@@ -63993,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);
@@ -66410,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);
@@ -66459,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));
 
 /*
@@ -66478,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;
     };
@@ -66804,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;
@@ -66818,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;
@@ -66826,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;
@@ -67052,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
@@ -91724,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;