@wcardinal/wcardinal-ui 0.145.0 → 0.149.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.145.0
+ Winter Cardinal UI v0.149.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -7514,10 +7514,12 @@ var EShapeRuntime = /** @class */ (function () {
     EShapeRuntime.prototype.onKeyUp = function (shape, e) {
         if (UtilKeyboardEvent.isActivateKey(e)) {
             var state = shape.state;
-            var wasUp = state.isUp;
-            this.onUp(shape, e);
-            if (!wasUp && state.isUp) {
-                this.onClick(shape, e);
+            if (state.isPressed) {
+                var wasUp = state.isUp;
+                this.onUp(shape, e);
+                if (!wasUp && state.isUp) {
+                    this.onClick(shape, e);
+                }
             }
         }
         return false;
@@ -14204,9 +14206,17 @@ var DViewGestureImpl = /** @class */ (function () {
     DViewGestureImpl.prototype.onGestureMove = function (target, dx, dy, x, y, ds) {
         if (target) {
             // Scale
-            var oldScale = target.scale.y;
-            var newScale = this._stopper.toNormalizedScale(oldScale * ds);
-            var scaleRatio = newScale / oldScale;
+            var stopper = this._stopper;
+            var oldScale = target.scale;
+            var oldScaleX = oldScale.x;
+            var oldScaleY = oldScale.y;
+            var newScaleX = stopper.toNormalizedScale(oldScaleX * ds);
+            var newScaleY = stopper.toNormalizedScale(oldScaleY * ds);
+            var scaleRatioX = newScaleX / oldScaleX;
+            var scaleRatioY = newScaleY / oldScaleY;
+            var scaleRatio = ds < 1 ? Math.max(scaleRatioX, scaleRatioY) : Math.min(scaleRatioX, scaleRatioY);
+            newScaleX = scaleRatio * oldScaleX;
+            newScaleY = scaleRatio * oldScaleY;
             // Position
             var cx = x - dx;
             var cy = y - dy;
@@ -14214,7 +14224,7 @@ var DViewGestureImpl = /** @class */ (function () {
             var newX = (position.x - cx) * scaleRatio + x;
             var newY = (position.y - cy) * scaleRatio + y;
             // Update
-            target.scale.set(newScale, newScale);
+            target.scale.set(newScaleX, newScaleY);
             target.position.set(newX, newY);
         }
     };
@@ -30901,6 +30911,41 @@ var createLineUploaded = function (buffer, shape, voffset, ioffset, antialiasWei
     return null;
 };
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var EShapeConnectorBodies = /** @class */ (function () {
+    function EShapeConnectorBodies() {
+    }
+    EShapeConnectorBodies.from = function (values) {
+        var result = [];
+        var length = values.length;
+        if (4 < length) {
+            var x0 = values[0];
+            var y0 = values[1];
+            var x1 = values[length - 2];
+            var y1 = values[length - 1];
+            var cx = (x1 + x0) * 0.5;
+            var cy = (y1 + y0) * 0.5;
+            var dx = x1 - x0;
+            var dy = y1 - y0;
+            var a = Math.atan2(dy, dx);
+            var c = Math.cos(a);
+            var s = Math.sin(a);
+            var l = dx * dx + dy * dy;
+            var m = 0.000001 < l ? 1 / Math.sqrt(l) : 1;
+            for (var i = 2, imax = length - 2; i < imax; i += 2) {
+                var x = values[i + 0] - cx;
+                var y = values[i + 1] - cy;
+                result.push((c * x - s * y) * m, (c * y + s * x) * m);
+            }
+        }
+        return result;
+    };
+    return EShapeConnectorBodies;
+}());
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -31368,6 +31413,93 @@ var EShapeConnectorEdgeContainerImpl = /** @class */ (function () {
     return EShapeConnectorEdgeContainerImpl;
 }());
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var EShapeConnectorBodyImpl = /** @class */ (function () {
+    function EShapeConnectorBodyImpl(parent, onChange) {
+        this._parent = parent;
+        this._id = 0;
+        this._values = [];
+        this._lockCount = 0;
+        this._isChanged = false;
+        this._onChange = onChange;
+    }
+    EShapeConnectorBodyImpl.prototype.lock = function () {
+        this._lockCount += 1;
+        if (this._lockCount === 1) {
+            this._isChanged = false;
+        }
+    };
+    EShapeConnectorBodyImpl.prototype.unlock = function () {
+        this._lockCount -= 1;
+        if (this._lockCount === 0) {
+            if (this._isChanged) {
+                this.onChange();
+            }
+            this._isChanged = false;
+        }
+    };
+    Object.defineProperty(EShapeConnectorBodyImpl.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(EShapeConnectorBodyImpl.prototype, "values", {
+        get: function () {
+            return this._values;
+        },
+        set: function (newValues) {
+            this.set(newValues);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    EShapeConnectorBodyImpl.prototype.set = function (newValues) {
+        if (newValues != null) {
+            this._id += 1;
+            if (this._values !== newValues) {
+                var length_1 = newValues.length;
+                var values = this._values;
+                for (var i = 0; i < length_1; ++i) {
+                    values[i] = newValues[i];
+                }
+                values.length = length_1;
+            }
+            this.onChange();
+        }
+        return this;
+    };
+    EShapeConnectorBodyImpl.prototype.copy = function (source) {
+        return this.set(source.values);
+    };
+    EShapeConnectorBodyImpl.prototype.serialize = function (manager) {
+        return manager.addResource(JSON.stringify(this._values));
+    };
+    EShapeConnectorBodyImpl.prototype.deserialize = function (resourceId, mapping, manager) {
+        var resources = manager.resources;
+        if (0 <= resourceId && resourceId < resources.length) {
+            var parsed = manager.getExtension(resourceId);
+            if (parsed == null) {
+                parsed = JSON.parse(resources[resourceId]);
+                manager.setExtension(resourceId, parsed);
+            }
+            this.set(parsed);
+        }
+    };
+    EShapeConnectorBodyImpl.prototype.onChange = function () {
+        if (0 < this._lockCount) {
+            this._isChanged = true;
+            return;
+        }
+        this._onChange();
+    };
+    return EShapeConnectorBodyImpl;
+}());
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -31381,16 +31513,36 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         _this._tailMargin = 0;
         _this._headLocalId = 0;
         _this._headMargin = 0;
+        _this._bodyId = 0;
+        _this._lockCount = 0;
+        _this._isChanged = false;
         var sx = EShapeDefaults.SIZE_X;
         var sy = EShapeDefaults.SIZE_Y;
         var hx = sx * 0.5;
         var hy = sy * 0.5;
-        _this._points = new EShapeLinePoints(_this).set(_this.toValues(-hx, -hy, +hx, +hy, 0, 0, []));
-        _this._edge = new EShapeConnectorEdgeContainerImpl(_this, function () {
-            _this.onEdgeChange();
-        });
+        _this._points = new EShapeLinePoints(_this).set([-hx, -hy, +hx, +hy]);
+        var onChangeBound = function () {
+            _this.onChange();
+        };
+        _this._edge = new EShapeConnectorEdgeContainerImpl(_this, onChangeBound);
+        _this._body = new EShapeConnectorBodyImpl(_this, onChangeBound);
         return _this;
     }
+    EShapeConnectorLine.prototype.lock = function () {
+        this._lockCount += 1;
+        if (this._lockCount === 1) {
+            this._isChanged = false;
+        }
+    };
+    EShapeConnectorLine.prototype.unlock = function () {
+        this._lockCount -= 1;
+        if (this._lockCount === 0) {
+            if (this._isChanged) {
+                this.onChange();
+            }
+            this._isChanged = false;
+        }
+    };
     Object.defineProperty(EShapeConnectorLine.prototype, "points", {
         get: function () {
             return this._points;
@@ -31405,6 +31557,13 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(EShapeConnectorLine.prototype, "body", {
+        get: function () {
+            return this._body;
+        },
+        enumerable: false,
+        configurable: true
+    });
     EShapeConnectorLine.prototype.onAttach = function () {
         _super.prototype.onAttach.call(this);
         this._edge.attach();
@@ -31413,8 +31572,12 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         this._edge.detach();
         _super.prototype.onDetach.call(this);
     };
-    EShapeConnectorLine.prototype.onEdgeChange = function () {
+    EShapeConnectorLine.prototype.onChange = function () {
         var _a;
+        if (0 < this._lockCount) {
+            this._isChanged = true;
+            return;
+        }
         var edge = this._edge;
         var tail = edge.tail;
         var tailLocalId = tail.localId;
@@ -31422,22 +31585,29 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         var head = edge.head;
         var headLocalId = head.localId;
         var headMargin = head.margin;
+        var body = this._body;
+        var bodyId = body.id;
         if (this._tailLocalId !== tailLocalId ||
             this._tailMargin !== tailMargin ||
             this._headLocalId !== headLocalId ||
-            this._headMargin !== headMargin) {
+            this._headMargin !== headMargin ||
+            this._bodyId !== bodyId) {
             this._tailLocalId = tailLocalId;
             this._tailMargin = tailMargin;
             this._headLocalId = headLocalId;
             this._headMargin = headMargin;
-            // Left
+            this._bodyId !== bodyId;
+            // Tail
             var tailLocal = tail.local;
             var tailLocalX = tailLocal.x;
             var tailLocalY = tailLocal.y;
-            // Right
+            // Head
             var headLocal = head.local;
             var headLocalX = headLocal.x;
             var headLocalY = headLocal.y;
+            // Body
+            var bodyValues = body.values;
+            var bodyValuesLength = bodyValues.length;
             // Values
             var transform = this.transform;
             var transformPosition = transform.position;
@@ -31445,7 +31615,58 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
             var py = transformPosition.y;
             var points = this._points;
             var values = points.values;
-            this.toValues(tailLocalX - px, tailLocalY - py, headLocalX - px, headLocalY - py, tailMargin, headMargin, values);
+            if (values.length < 4) {
+                values[0] = 0;
+                values[1] = 0;
+            }
+            var threshold = 0.000001;
+            var x0 = tailLocalX - px;
+            var y0 = tailLocalY - py;
+            var x1 = headLocalX - px;
+            var y1 = headLocalY - py;
+            // Body
+            if (0 < bodyValuesLength) {
+                var cx_1 = (x1 + x0) * 0.5;
+                var cy_1 = (y1 + y0) * 0.5;
+                var dx = x1 - x0;
+                var dy = y1 - y0;
+                var a = Math.atan2(dy, dx);
+                var c = Math.cos(a);
+                var s = Math.sin(a);
+                var l = Math.sqrt(dx * dx + dy * dy);
+                for (var i = 0; i < bodyValuesLength; i += 2) {
+                    var x = bodyValues[i + 0];
+                    var y = bodyValues[i + 1];
+                    values[i + 2] = cx_1 + (c * x - s * y) * l;
+                    values[i + 3] = cy_1 + (c * y + s * x) * l;
+                }
+            }
+            // Tail
+            values[0] = x0;
+            values[1] = y0;
+            if (tailMargin !== 0) {
+                var dx = values[2] - x0;
+                var dy = values[3] - y0;
+                var d = dx * dx + dy * dy;
+                if (threshold < d) {
+                    var f = tailMargin / Math.sqrt(dx * dx + dy * dy);
+                    values[0] = x0 + dx * f;
+                    values[1] = y0 + dy * f;
+                }
+            }
+            // Head
+            values[2 + bodyValuesLength] = x1;
+            values[3 + bodyValuesLength] = y1;
+            if (headMargin !== 0) {
+                var dx = values[0 + bodyValuesLength] - x1;
+                var dy = values[1 + bodyValuesLength] - y1;
+                var d = dx * dx + dy * dy;
+                if (threshold < d) {
+                    var f = headMargin / Math.sqrt(dx * dx + dy * dy);
+                    values[2 + bodyValuesLength] = x1 + dx * f;
+                    values[3 + bodyValuesLength] = y1 + dy * f;
+                }
+            }
             // Center & size
             var boundary = ((_a = EShapeConnectorLine.WORK_BOUNDARY) !== null && _a !== void 0 ? _a : (EShapeConnectorLine.WORK_BOUNDARY = [0, 0, 0, 0]));
             toPointsBoundary(values, boundary);
@@ -31469,82 +31690,12 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
             this.allowUploadedUpdate();
         }
     };
-    EShapeConnectorLine.prototype.toValues = function (x0, y0, x1, y1, margin0, margin1, result) {
-        var threshold = 0.000001;
-        var resultLength = result.length;
-        if (resultLength <= 4) {
-            if (margin0 !== 0 || margin1 !== 0) {
-                var dx = x1 - x0;
-                var dy = y1 - y0;
-                var d = dx * dx + dy * dy;
-                if (threshold < d) {
-                    var f = 1 / Math.sqrt(dx * dx + dy * dy);
-                    var nx = dx * f;
-                    var ny = dy * f;
-                    result[0] = x0 + margin0 * nx;
-                    result[1] = y0 + margin0 * ny;
-                    result[2] = x1 - margin1 * nx;
-                    result[3] = y1 - margin1 * ny;
-                }
-                else {
-                    result[0] = x0;
-                    result[1] = y0;
-                    result[2] = x1;
-                    result[3] = y1;
-                }
-            }
-            else {
-                result[0] = x0;
-                result[1] = y0;
-                result[2] = x1;
-                result[3] = y1;
-            }
-        }
-        else {
-            if (margin0 !== 0) {
-                var dx = result[2] - x0;
-                var dy = result[3] - y0;
-                var d = dx * dx + dy * dy;
-                if (threshold < d) {
-                    var f = 1 / Math.sqrt(dx * dx + dy * dy);
-                    result[0] = x0 + margin0 * dx * f;
-                    result[1] = y0 + margin0 * dy * f;
-                }
-                else {
-                    result[0] = x0;
-                    result[1] = y0;
-                }
-            }
-            else {
-                result[0] = x0;
-                result[1] = y0;
-            }
-            if (margin1 !== 0) {
-                var dx = result[resultLength - 4] - x1;
-                var dy = result[resultLength - 3] - y1;
-                var d = dx * dx + dy * dy;
-                if (threshold < d) {
-                    var f = 1 / Math.sqrt(dx * dx + dy * dy);
-                    result[resultLength - 2] = x1 + margin1 * dx * f;
-                    result[resultLength - 1] = y1 + margin1 * dy * f;
-                }
-                else {
-                    result[resultLength - 2] = x1;
-                    result[resultLength - 1] = y1;
-                }
-            }
-            else {
-                result[resultLength - 2] = x1;
-                result[resultLength - 1] = y1;
-            }
-        }
-        return result;
-    };
     EShapeConnectorLine.prototype.copy = function (source, part) {
         if (part === void 0) { part = EShapeCopyPart.ALL; }
         _super.prototype.copy.call(this, source, part);
         if (source instanceof EShapeConnectorLine) {
             this._edge.copy(source.edge);
+            this._body.copy(source.body);
         }
         return this;
     };
@@ -31553,7 +31704,10 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
     };
     EShapeConnectorLine.prototype.serialize = function (manager) {
         var result = _super.prototype.serialize.call(this, manager);
-        result[15] = manager.addResource("[" + this._edge.serialize(manager) + "," + this._points.serialize(manager) + "]");
+        var edgeId = this._edge.serialize(manager);
+        var bodyId = this._body.serialize(manager);
+        var pointsId = this._points.serialize(manager);
+        result[15] = manager.addResource("[" + edgeId + "," + pointsId + "," + bodyId + "]");
         return result;
     };
     return EShapeConnectorLine;
@@ -31576,8 +31730,25 @@ var onConnectorLineDeserialized = function (item, shape, mapping, manager) {
                 parsed = JSON.parse(resources[resourceId]);
                 manager.setExtension(resourceId, parsed);
             }
-            shape.points.deserialize(parsed[1], manager);
+            // Lock
+            shape.lock();
+            // Points
+            var points = shape.points;
+            points.deserialize(parsed[1], manager);
+            // Edge
             shape.edge.deserialize(parsed[0], mapping, manager);
+            // Body
+            var body = shape.body;
+            var bodyId = parsed[2];
+            if (bodyId != null) {
+                body.deserialize(bodyId, mapping, manager);
+            }
+            else {
+                // The following is for backward compatibility.
+                body.set(EShapeConnectorBodies.from(points.values));
+            }
+            // Unlock
+            shape.unlock();
         }
     }
 };
@@ -41394,6 +41565,9 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
         }
         return false;
     };
+    UtilSvgAtlasBuilder.prototype.has = function (name) {
+        return name in this._frames;
+    };
     Object.defineProperty(UtilSvgAtlasBuilder.prototype, "mappings", {
         get: function () {
             return this.build();
@@ -47838,13 +48012,16 @@ var DThemeWhiteNote = /** @class */ (function (_super) {
         return DBaseInteractive.NONE;
     };
     DThemeWhiteNote.prototype.getAlpha = function () {
-        return 0.25;
+        return 0.2;
     };
     DThemeWhiteNote.prototype.getFontSize = function () {
         return 26;
     };
+    DThemeWhiteNote.prototype.getFontWeight = function () {
+        return "bold";
+    };
     DThemeWhiteNote.prototype.getImageTintAlpha = function (state) {
-        return 0.15;
+        return 0.2;
     };
     DThemeWhiteNote.prototype.getImageAlignWith = function () {
         return DAlignWith.TEXT;
@@ -47855,6 +48032,10 @@ var DThemeWhiteNote = /** @class */ (function (_super) {
     DThemeWhiteNote.prototype.getImageAlignVertical = function () {
         return DAlignVertical.MIDDLE;
     };
+    DThemeWhiteNote.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
     return DThemeWhiteNote;
 }(DThemeWhiteImageBase));
 
@@ -47862,11 +48043,6 @@ var DThemeWhiteNote = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-/* eslint-disable prettier/prettier */
-DThemeWhiteAtlas.add("note_erorr", 48, 48, "<g transform=\"translate(-3,3) scale(2,2)\">" +
-    '<path d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" fill="#fff"/>' +
-    "</g>");
-/* eslint-enable prettier/prettier */
 var DThemeWhiteNoteError = /** @class */ (function (_super) {
     __extends(DThemeWhiteNoteError, _super);
     function DThemeWhiteNoteError() {
@@ -47875,9 +48051,6 @@ var DThemeWhiteNoteError = /** @class */ (function (_super) {
     DThemeWhiteNoteError.prototype.newTextValue = function () {
         return "Something went wrong";
     };
-    DThemeWhiteNoteError.prototype.getImageSource = function (state) {
-        return DThemeWhiteAtlas.mappings.note_erorr;
-    };
     return DThemeWhiteNoteError;
 }(DThemeWhiteNote));
 
@@ -47885,12 +48058,6 @@ var DThemeWhiteNoteError = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-/* eslint-disable prettier/prettier */
-DThemeWhiteAtlas.add("note_no_items_found", 48, 48, "<g transform=\"translate(-3,3) scale(2,2)\">" +
-    '<path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.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 DThemeWhiteNoteNoItemsFound = /** @class */ (function (_super) {
     __extends(DThemeWhiteNoteNoItemsFound, _super);
     function DThemeWhiteNoteNoItemsFound() {
@@ -47899,9 +48066,6 @@ var DThemeWhiteNoteNoItemsFound = /** @class */ (function (_super) {
     DThemeWhiteNoteNoItemsFound.prototype.newTextValue = function () {
         return "No items found";
     };
-    DThemeWhiteNoteNoItemsFound.prototype.getImageSource = function (state) {
-        return DThemeWhiteAtlas.mappings.note_no_items_found;
-    };
     return DThemeWhiteNoteNoItemsFound;
 }(DThemeWhiteNote));
 
@@ -47909,13 +48073,6 @@ var DThemeWhiteNoteNoItemsFound = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-/* eslint-disable prettier/prettier */
-DThemeWhiteAtlas.add("note_searching", 48, 48, "<g transform=\"translate(-3,3) scale(2,2)\">" +
-    "<path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 " +
-    "9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 " +
-    "14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" fill=\"#fff\"/>" +
-    "</g>");
-/* eslint-enable prettier/prettier */
 var DThemeWhiteNoteSearching = /** @class */ (function (_super) {
     __extends(DThemeWhiteNoteSearching, _super);
     function DThemeWhiteNoteSearching() {
@@ -47924,12 +48081,69 @@ var DThemeWhiteNoteSearching = /** @class */ (function (_super) {
     DThemeWhiteNoteSearching.prototype.newTextValue = function () {
         return "Searching";
     };
-    DThemeWhiteNoteSearching.prototype.getImageSource = function (state) {
-        return DThemeWhiteAtlas.mappings.note_searching;
-    };
     return DThemeWhiteNoteSearching;
 }(DThemeWhiteNote));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhiteNoteSmall = /** @class */ (function (_super) {
+    __extends(DThemeWhiteNoteSmall, _super);
+    function DThemeWhiteNoteSmall() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhiteNoteSmall.prototype.getFontSize = function () {
+        return 18;
+    };
+    return DThemeWhiteNoteSmall;
+}(DThemeWhiteNote));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhiteNoteSmallError = /** @class */ (function (_super) {
+    __extends(DThemeWhiteNoteSmallError, _super);
+    function DThemeWhiteNoteSmallError() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhiteNoteSmallError.prototype.newTextValue = function () {
+        return "Something went wrong";
+    };
+    return DThemeWhiteNoteSmallError;
+}(DThemeWhiteNoteSmall));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhiteNoteSmallNoItemsFound = /** @class */ (function (_super) {
+    __extends(DThemeWhiteNoteSmallNoItemsFound, _super);
+    function DThemeWhiteNoteSmallNoItemsFound() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhiteNoteSmallNoItemsFound.prototype.newTextValue = function () {
+        return "No items found";
+    };
+    return DThemeWhiteNoteSmallNoItemsFound;
+}(DThemeWhiteNoteSmall));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeWhiteNoteSmallSearching = /** @class */ (function (_super) {
+    __extends(DThemeWhiteNoteSmallSearching, _super);
+    function DThemeWhiteNoteSmallSearching() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeWhiteNoteSmallSearching.prototype.newTextValue = function () {
+        return "Searching";
+    };
+    return DThemeWhiteNoteSmallSearching;
+}(DThemeWhiteNoteSmall));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -47939,6 +48153,9 @@ var loadThemeWhiteNote = function () {
     DThemeWhite.set("DNoteError", DThemeWhiteNoteError);
     DThemeWhite.set("DNoteNoItemsFound", DThemeWhiteNoteNoItemsFound);
     DThemeWhite.set("DNoteSearching", DThemeWhiteNoteSearching);
+    DThemeWhite.set("DNoteSmallError", DThemeWhiteNoteSmallError);
+    DThemeWhite.set("DNoteSmallNoItemsFound", DThemeWhiteNoteSmallNoItemsFound);
+    DThemeWhite.set("DNoteSmallSearching", DThemeWhiteNoteSmallSearching);
 };
 
 /*
@@ -48456,6 +48673,9 @@ var DThemeWhiteSliderThumb = /** @class */ (function (_super) {
     DThemeWhiteSliderThumb.prototype.getImageAlignHorizontal = function () {
         return DAlignHorizontal.CENTER;
     };
+    DThemeWhiteSliderThumb.prototype.getOutlineOffset = function (state) {
+        return this.getOutlineOffsetNonActive(state) + 2;
+    };
     return DThemeWhiteSliderThumb;
 }(DThemeWhiteButton));
 
@@ -48474,6 +48694,16 @@ var DThemeWhiteSliderTrack = /** @class */ (function (_super) {
     DThemeWhiteSliderTrack.prototype.getBorderColor = function (state) {
         return null;
     };
+    DThemeWhiteSliderTrack.prototype.getOutlineColor = function (state) {
+        return _super.prototype.getOutlineColorNonActive.call(this, state);
+    };
+    DThemeWhiteSliderTrack.prototype.getOutlineOffset = function (state) {
+        return _super.prototype.getOutlineOffsetNonActive.call(this, state);
+    };
+    DThemeWhiteSliderTrack.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
     return DThemeWhiteSliderTrack;
 }(DThemeWhiteButton));
 
@@ -48544,7 +48774,7 @@ var DThemeWhiteSliderValue = /** @class */ (function (_super) {
         return "AUTO";
     };
     DThemeWhiteSliderValue.prototype.getHeight = function () {
-        return 20;
+        return this.getLineHeight();
     };
     DThemeWhiteSliderValue.prototype.getBackgroundColor = function (state) {
         if (state.inDisabled) {
@@ -48727,7 +48957,9 @@ var DThemeWhiteTableBodyCells = /** @class */ (function () {
     DThemeWhiteTableBodyCells.getBackgroundColor = function (state) {
         if (state.inDisabled) {
             if (state.is(DTableState.FROZEN)) {
-                return state.onAlternated ? this.BACKGROUND_COLOR_EVEN : this.BACKGROUND_COLOR_ODD;
+                return state.onAlternated
+                    ? this.BACKGROUND_COLOR_FROZEN_ODD
+                    : this.BACKGROUND_COLOR_FROZEN_EVEN;
             }
             else {
                 return null;
@@ -48744,7 +48976,9 @@ var DThemeWhiteTableBodyCells = /** @class */ (function () {
         }
         else {
             if (state.is(DTableState.FROZEN)) {
-                return state.onAlternated ? this.BACKGROUND_COLOR_EVEN : this.BACKGROUND_COLOR_ODD;
+                return state.onAlternated
+                    ? this.BACKGROUND_COLOR_FROZEN_ODD
+                    : this.BACKGROUND_COLOR_FROZEN_EVEN;
             }
             else {
                 return null;
@@ -48755,6 +48989,9 @@ var DThemeWhiteTableBodyCells = /** @class */ (function () {
         return 1;
     };
     DThemeWhiteTableBodyCells.getBorderColor = function (state) {
+        if (state.is(DTableState.FROZEN_END)) {
+            return this.BORDER_COLOR_FROZEN;
+        }
         return this.BORDER_COLOR;
     };
     DThemeWhiteTableBodyCells.getBorderMask = function (state) {
@@ -48788,9 +49025,13 @@ var DThemeWhiteTableBodyCells = /** @class */ (function () {
     DThemeWhiteTableBodyCells.getCornerMask = function () {
         return DCornerMask.ALL;
     };
-    DThemeWhiteTableBodyCells.BACKGROUND_COLOR_EVEN = DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD;
-    DThemeWhiteTableBodyCells.BACKGROUND_COLOR_ODD = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.01);
-    DThemeWhiteTableBodyCells.BORDER_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.035);
+    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.BORDER_COLOR = UtilRgb.darken(_a.BACKGROUND_COLOR, 0.035);
+    DThemeWhiteTableBodyCells.BORDER_COLOR_FROZEN = UtilRgb.darken(_a.BORDER_COLOR, 0.035);
     return DThemeWhiteTableBodyCells;
 }());
 
@@ -49869,12 +50110,14 @@ var DThemeWhiteTableHeaderCell = /** @class */ (function (_super) {
         _this.BACKGROUND_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
         _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);
         _this.BORDER_COLOR = UtilRgb.darken(DThemeWhiteConstants.BACKGROUND_COLOR_ON_BOARD, 0.055);
+        _this.BORDER_COLOR_FROZEN = UtilRgb.darken(_this.BORDER_COLOR, 0.055);
         return _this;
     }
     DThemeWhiteTableHeaderCell.prototype.getBackgroundColor = function (state) {
         if (state.inDisabled) {
-            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR : null;
+            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR_FROZEN : null;
         }
         else if (state.isPressed) {
             return this.BACKGROUND_COLOR_PRESSED;
@@ -49883,13 +50126,16 @@ var DThemeWhiteTableHeaderCell = /** @class */ (function (_super) {
             return this.BACKGROUND_COLOR_HOVERED;
         }
         else {
-            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR : null;
+            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR_FROZEN : null;
         }
     };
     DThemeWhiteTableHeaderCell.prototype.getBackgroundAlpha = function (state) {
         return 1;
     };
     DThemeWhiteTableHeaderCell.prototype.getBorderColor = function (state) {
+        if (state.is(DTableState.FROZEN_END)) {
+            return this.BORDER_COLOR_FROZEN;
+        }
         return this.BORDER_COLOR;
     };
     DThemeWhiteTableHeaderCell.prototype.getBorderMask = function (state) {
@@ -56244,13 +56490,16 @@ var DThemeDarkNote = /** @class */ (function (_super) {
         return DBaseInteractive.NONE;
     };
     DThemeDarkNote.prototype.getAlpha = function () {
-        return 0.25;
+        return 0.2;
     };
     DThemeDarkNote.prototype.getFontSize = function () {
         return 26;
     };
+    DThemeDarkNote.prototype.getFontWeight = function () {
+        return "bold";
+    };
     DThemeDarkNote.prototype.getImageTintAlpha = function (state) {
-        return 0.15;
+        return 0.2;
     };
     DThemeDarkNote.prototype.getImageAlignWith = function () {
         return DAlignWith.TEXT;
@@ -56261,6 +56510,10 @@ var DThemeDarkNote = /** @class */ (function (_super) {
     DThemeDarkNote.prototype.getImageAlignVertical = function () {
         return DAlignVertical.MIDDLE;
     };
+    DThemeDarkNote.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
     return DThemeDarkNote;
 }(DThemeDarkImageBase));
 
@@ -56268,11 +56521,6 @@ var DThemeDarkNote = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-/* eslint-disable prettier/prettier */
-DThemeDarkAtlas.add("note_erorr", 48, 48, "<g transform=\"translate(-3,3) scale(3,3)\">" +
-    '<path d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" fill="#fff"/>' +
-    "</g>");
-/* eslint-enable prettier/prettier */
 var DThemeDarkNoteError = /** @class */ (function (_super) {
     __extends(DThemeDarkNoteError, _super);
     function DThemeDarkNoteError() {
@@ -56281,9 +56529,6 @@ var DThemeDarkNoteError = /** @class */ (function (_super) {
     DThemeDarkNoteError.prototype.newTextValue = function () {
         return "Error";
     };
-    DThemeDarkNoteError.prototype.getImageSource = function (state) {
-        return DThemeDarkAtlas.mappings.note_erorr;
-    };
     return DThemeDarkNoteError;
 }(DThemeDarkNote));
 
@@ -56291,12 +56536,6 @@ var DThemeDarkNoteError = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-/* eslint-disable prettier/prettier */
-DThemeDarkAtlas.add("note_no_items_found", 48, 48, "<g transform=\"translate(-3,3) scale(3,3)\">" +
-    '<path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.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 DThemeDarkNoteNoItemsFound = /** @class */ (function (_super) {
     __extends(DThemeDarkNoteNoItemsFound, _super);
     function DThemeDarkNoteNoItemsFound() {
@@ -56305,9 +56544,6 @@ var DThemeDarkNoteNoItemsFound = /** @class */ (function (_super) {
     DThemeDarkNoteNoItemsFound.prototype.newTextValue = function () {
         return "No items found";
     };
-    DThemeDarkNoteNoItemsFound.prototype.getImageSource = function (state) {
-        return DThemeDarkAtlas.mappings.note_no_items_found;
-    };
     return DThemeDarkNoteNoItemsFound;
 }(DThemeDarkNote));
 
@@ -56315,13 +56551,6 @@ var DThemeDarkNoteNoItemsFound = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-/* eslint-disable prettier/prettier */
-DThemeDarkAtlas.add("note_searching", 48, 48, "<g transform=\"translate(-3,3) scale(3,3)\">" +
-    "<path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 " +
-    "9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 " +
-    "14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" fill=\"#fff\"/>" +
-    "</g>");
-/* eslint-enable prettier/prettier */
 var DThemeDarkNoteSearching = /** @class */ (function (_super) {
     __extends(DThemeDarkNoteSearching, _super);
     function DThemeDarkNoteSearching() {
@@ -56330,12 +56559,69 @@ var DThemeDarkNoteSearching = /** @class */ (function (_super) {
     DThemeDarkNoteSearching.prototype.newTextValue = function () {
         return "Searching";
     };
-    DThemeDarkNoteSearching.prototype.getImageSource = function (state) {
-        return DThemeDarkAtlas.mappings.note_searching;
-    };
     return DThemeDarkNoteSearching;
 }(DThemeDarkNote));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkNoteSmall = /** @class */ (function (_super) {
+    __extends(DThemeDarkNoteSmall, _super);
+    function DThemeDarkNoteSmall() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkNoteSmall.prototype.getFontSize = function () {
+        return 18;
+    };
+    return DThemeDarkNoteSmall;
+}(DThemeDarkNote));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkNoteSmallError = /** @class */ (function (_super) {
+    __extends(DThemeDarkNoteSmallError, _super);
+    function DThemeDarkNoteSmallError() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkNoteSmallError.prototype.newTextValue = function () {
+        return "Something went wrong";
+    };
+    return DThemeDarkNoteSmallError;
+}(DThemeDarkNoteSmall));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkNoteSmallNoItemsFound = /** @class */ (function (_super) {
+    __extends(DThemeDarkNoteSmallNoItemsFound, _super);
+    function DThemeDarkNoteSmallNoItemsFound() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkNoteSmallNoItemsFound.prototype.newTextValue = function () {
+        return "No items found";
+    };
+    return DThemeDarkNoteSmallNoItemsFound;
+}(DThemeDarkNoteSmall));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DThemeDarkNoteSmallSearching = /** @class */ (function (_super) {
+    __extends(DThemeDarkNoteSmallSearching, _super);
+    function DThemeDarkNoteSmallSearching() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DThemeDarkNoteSmallSearching.prototype.newTextValue = function () {
+        return "Searching";
+    };
+    return DThemeDarkNoteSmallSearching;
+}(DThemeDarkNoteSmall));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -56345,6 +56631,9 @@ var loadThemeDarkNote = function () {
     DThemeDark.set("DNoteError", DThemeDarkNoteError);
     DThemeDark.set("DNoteNoItemsFound", DThemeDarkNoteNoItemsFound);
     DThemeDark.set("DNoteSearching", DThemeDarkNoteSearching);
+    DThemeDark.set("DNoteSmallError", DThemeDarkNoteSmallError);
+    DThemeDark.set("DNoteSmallNoItemsFound", DThemeDarkNoteSmallNoItemsFound);
+    DThemeDark.set("DNoteSmallSearching", DThemeDarkNoteSmallSearching);
 };
 
 /*
@@ -56862,6 +57151,9 @@ var DThemeDarkSliderThumb = /** @class */ (function (_super) {
     DThemeDarkSliderThumb.prototype.getImageAlignHorizontal = function () {
         return DAlignHorizontal.CENTER;
     };
+    DThemeDarkSliderThumb.prototype.getOutlineOffset = function (state) {
+        return this.getOutlineOffsetNonActive(state) + 2;
+    };
     return DThemeDarkSliderThumb;
 }(DThemeDarkButton));
 
@@ -56880,6 +57172,16 @@ var DThemeDarkSliderTrack = /** @class */ (function (_super) {
     DThemeDarkSliderTrack.prototype.getBorderColor = function (state) {
         return null;
     };
+    DThemeDarkSliderTrack.prototype.getOutlineColor = function (state) {
+        return _super.prototype.getOutlineColorNonActive.call(this, state);
+    };
+    DThemeDarkSliderTrack.prototype.getOutlineOffset = function (state) {
+        return _super.prototype.getOutlineOffsetNonActive.call(this, state);
+    };
+    DThemeDarkSliderTrack.prototype.newState = function (state) {
+        _super.prototype.newState.call(this, state);
+        state.isFocusable = false;
+    };
     return DThemeDarkSliderTrack;
 }(DThemeDarkButton));
 
@@ -56950,7 +57252,7 @@ var DThemeDarkSliderValue = /** @class */ (function (_super) {
         return "AUTO";
     };
     DThemeDarkSliderValue.prototype.getHeight = function () {
-        return 20;
+        return this.getLineHeight();
     };
     DThemeDarkSliderValue.prototype.getBackgroundColor = function (state) {
         if (state.inDisabled) {
@@ -57085,7 +57387,9 @@ var DThemeDarkTableBodyCells = /** @class */ (function () {
     DThemeDarkTableBodyCells.getBackgroundColor = function (state) {
         if (state.inDisabled) {
             if (state.is(DTableState.FROZEN)) {
-                return state.onAlternated ? this.BACKGROUND_COLOR_EVEN : this.BACKGROUND_COLOR_ODD;
+                return state.onAlternated
+                    ? this.BACKGROUND_COLOR_FROZEN_ODD
+                    : this.BACKGROUND_COLOR_FROZEN_EVEN;
             }
             else {
                 return null;
@@ -57102,7 +57406,9 @@ var DThemeDarkTableBodyCells = /** @class */ (function () {
         }
         else {
             if (state.is(DTableState.FROZEN)) {
-                return state.onAlternated ? this.BACKGROUND_COLOR_EVEN : this.BACKGROUND_COLOR_ODD;
+                return state.onAlternated
+                    ? this.BACKGROUND_COLOR_FROZEN_ODD
+                    : this.BACKGROUND_COLOR_FROZEN_EVEN;
             }
             else {
                 return null;
@@ -57146,9 +57452,13 @@ var DThemeDarkTableBodyCells = /** @class */ (function () {
     DThemeDarkTableBodyCells.getCornerMask = function () {
         return DCornerMask.ALL;
     };
-    DThemeDarkTableBodyCells.BACKGROUND_COLOR_EVEN = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
-    DThemeDarkTableBodyCells.BACKGROUND_COLOR_ODD = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
-    DThemeDarkTableBodyCells.BORDER_COLOR = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
+    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.BORDER_COLOR = UtilRgb.darken(_a.BACKGROUND_COLOR, 0.035);
+    DThemeDarkTableBodyCells.BORDER_COLOR_FROZEN = UtilRgb.darken(_a.BORDER_COLOR, 0.035);
     return DThemeDarkTableBodyCells;
 }());
 
@@ -58227,12 +58537,14 @@ var DThemeDarkTableHeaderCell = /** @class */ (function (_super) {
         _this.BACKGROUND_COLOR = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
         _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);
         _this.BORDER_COLOR = UtilRgb.darken(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.05);
+        _this.BORDER_COLOR_FROZEN = UtilRgb.darken(_this.BORDER_COLOR, 0.05);
         return _this;
     }
     DThemeDarkTableHeaderCell.prototype.getBackgroundColor = function (state) {
         if (state.inDisabled) {
-            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR : null;
+            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR_FROZEN : null;
         }
         else if (state.isPressed) {
             return this.BACKGROUND_COLOR_PRESSED;
@@ -58241,13 +58553,16 @@ var DThemeDarkTableHeaderCell = /** @class */ (function (_super) {
             return this.BACKGROUND_COLOR_HOVERED;
         }
         else {
-            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR : null;
+            return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR_FROZEN : null;
         }
     };
     DThemeDarkTableHeaderCell.prototype.getBackgroundAlpha = function (state) {
         return 1;
     };
     DThemeDarkTableHeaderCell.prototype.getBorderColor = function (state) {
+        if (state.is(DTableState.FROZEN_END)) {
+            return this.BORDER_COLOR_FROZEN;
+        }
         return this.BORDER_COLOR;
     };
     DThemeDarkTableHeaderCell.prototype.getBorderMask = function (state) {
@@ -66001,46 +66316,61 @@ var DNote = /** @class */ (function (_super) {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DNoteError = /** @class */ (function (_super) {
-    __extends(DNoteError, _super);
-    function DNoteError() {
+var DNoteSmall = /** @class */ (function (_super) {
+    __extends(DNoteSmall, _super);
+    function DNoteSmall() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DNoteError.prototype.getType = function () {
-        return "DNoteError";
+    DNoteSmall.prototype.getType = function () {
+        return "DNoteSmall";
     };
-    return DNoteError;
+    return DNoteSmall;
 }(DNote));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DNoteNoItemsFound = /** @class */ (function (_super) {
-    __extends(DNoteNoItemsFound, _super);
-    function DNoteNoItemsFound() {
+var DNoteSmallError = /** @class */ (function (_super) {
+    __extends(DNoteSmallError, _super);
+    function DNoteSmallError() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DNoteNoItemsFound.prototype.getType = function () {
-        return "DNoteNoItemsFound";
+    DNoteSmallError.prototype.getType = function () {
+        return "DNoteSmallError";
     };
-    return DNoteNoItemsFound;
-}(DNote));
+    return DNoteSmallError;
+}(DNoteSmall));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DNoteSearching = /** @class */ (function (_super) {
-    __extends(DNoteSearching, _super);
-    function DNoteSearching() {
+var DNoteSmallNoItemsFound = /** @class */ (function (_super) {
+    __extends(DNoteSmallNoItemsFound, _super);
+    function DNoteSmallNoItemsFound() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DNoteSearching.prototype.getType = function () {
-        return "DNoteSearching";
+    DNoteSmallNoItemsFound.prototype.getType = function () {
+        return "DNoteSmallNoItemsFound";
     };
-    return DNoteSearching;
-}(DNote));
+    return DNoteSmallNoItemsFound;
+}(DNoteSmall));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DNoteSmallSearching = /** @class */ (function (_super) {
+    __extends(DNoteSmallSearching, _super);
+    function DNoteSmallSearching() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DNoteSmallSearching.prototype.getType = function () {
+        return "DNoteSmallSearching";
+    };
+    return DNoteSmallSearching;
+}(DNoteSmall));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -66200,14 +66530,14 @@ var DDialogSelect = /** @class */ (function (_super) {
     DDialogSelect.prototype.newNoteError = function (list, options) {
         var error = options === null || options === void 0 ? void 0 : options.error;
         if (error !== null) {
-            return new DNoteError(this.toNoteOptions(list, error));
+            return new DNoteSmallError(this.toNoteOptions(list, error));
         }
         return null;
     };
     DDialogSelect.prototype.newNoteNoItemsFound = function (list, options) {
         var noItemsFound = options === null || options === void 0 ? void 0 : options.noItemsFound;
         if (noItemsFound !== null) {
-            return new DNoteNoItemsFound(this.toNoteOptions(list, noItemsFound));
+            return new DNoteSmallNoItemsFound(this.toNoteOptions(list, noItemsFound));
         }
         return null;
     };
@@ -66217,7 +66547,7 @@ var DDialogSelect = /** @class */ (function (_super) {
         // if options.searching is missing, i.e., if its value is undefined,
         // this method returns null. This is why `!=` is used here instead of `!==`.
         if (searching != null) {
-            return new DNoteSearching(this.toNoteOptions(list, searching));
+            return new DNoteSmallSearching(this.toNoteOptions(list, searching));
         }
         return null;
     };
@@ -75354,6 +75684,51 @@ var DMenuSided = /** @class */ (function (_super) {
     return DMenuSided;
 }(DPane));
 
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DNoteError = /** @class */ (function (_super) {
+    __extends(DNoteError, _super);
+    function DNoteError() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DNoteError.prototype.getType = function () {
+        return "DNoteError";
+    };
+    return DNoteError;
+}(DNote));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DNoteNoItemsFound = /** @class */ (function (_super) {
+    __extends(DNoteNoItemsFound, _super);
+    function DNoteNoItemsFound() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DNoteNoItemsFound.prototype.getType = function () {
+        return "DNoteNoItemsFound";
+    };
+    return DNoteNoItemsFound;
+}(DNote));
+
+/*
+ * Copyright (C) 2019 Toshiba Corporation
+ * SPDX-License-Identifier: Apache-2.0
+ */
+var DNoteSearching = /** @class */ (function (_super) {
+    __extends(DNoteSearching, _super);
+    function DNoteSearching() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DNoteSearching.prototype.getType = function () {
+        return "DNoteSearching";
+    };
+    return DNoteSearching;
+}(DNote));
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -84072,6 +84447,10 @@ exports.DNote = DNote;
 exports.DNoteError = DNoteError;
 exports.DNoteNoItemsFound = DNoteNoItemsFound;
 exports.DNoteSearching = DNoteSearching;
+exports.DNoteSmall = DNoteSmall;
+exports.DNoteSmallError = DNoteSmallError;
+exports.DNoteSmallNoItemsFound = DNoteSmallNoItemsFound;
+exports.DNoteSmallSearching = DNoteSmallSearching;
 exports.DNotification = DNotification;
 exports.DPagination = DPagination;
 exports.DPaginationDotsButton = DPaginationDotsButton;
@@ -84309,6 +84688,10 @@ exports.DThemeDarkNote = DThemeDarkNote;
 exports.DThemeDarkNoteError = DThemeDarkNoteError;
 exports.DThemeDarkNoteNoItemsFound = DThemeDarkNoteNoItemsFound;
 exports.DThemeDarkNoteSearching = DThemeDarkNoteSearching;
+exports.DThemeDarkNoteSmall = DThemeDarkNoteSmall;
+exports.DThemeDarkNoteSmallError = DThemeDarkNoteSmallError;
+exports.DThemeDarkNoteSmallNoItemsFound = DThemeDarkNoteSmallNoItemsFound;
+exports.DThemeDarkNoteSmallSearching = DThemeDarkNoteSmallSearching;
 exports.DThemeDarkPagination = DThemeDarkPagination;
 exports.DThemeDarkPaginationDotsButton = DThemeDarkPaginationDotsButton;
 exports.DThemeDarkPaginationDynamicButtons = DThemeDarkPaginationDynamicButtons;
@@ -84503,6 +84886,10 @@ exports.DThemeWhiteNote = DThemeWhiteNote;
 exports.DThemeWhiteNoteError = DThemeWhiteNoteError;
 exports.DThemeWhiteNoteNoItemsFound = DThemeWhiteNoteNoItemsFound;
 exports.DThemeWhiteNoteSearching = DThemeWhiteNoteSearching;
+exports.DThemeWhiteNoteSmall = DThemeWhiteNoteSmall;
+exports.DThemeWhiteNoteSmallError = DThemeWhiteNoteSmallError;
+exports.DThemeWhiteNoteSmallNoItemsFound = DThemeWhiteNoteSmallNoItemsFound;
+exports.DThemeWhiteNoteSmallSearching = DThemeWhiteNoteSmallSearching;
 exports.DThemeWhitePagination = DThemeWhitePagination;
 exports.DThemeWhitePaginationDotsButton = DThemeWhitePaginationDotsButton;
 exports.DThemeWhitePaginationDynamicButtons = DThemeWhitePaginationDynamicButtons;
@@ -84718,6 +85105,8 @@ exports.EShapeButtonRuntimeActionToggle = EShapeButtonRuntimeActionToggle;
 exports.EShapeCapabilities = EShapeCapabilities;
 exports.EShapeCapability = EShapeCapability;
 exports.EShapeCircle = EShapeCircle;
+exports.EShapeConnectorBodies = EShapeConnectorBodies;
+exports.EShapeConnectorBodyImpl = EShapeConnectorBodyImpl;
 exports.EShapeConnectorContainerImpl = EShapeConnectorContainerImpl;
 exports.EShapeConnectorEdgeAcceptorImpl = EShapeConnectorEdgeAcceptorImpl;
 exports.EShapeConnectorEdgeContainerImpl = EShapeConnectorEdgeContainerImpl;