@wcardinal/wcardinal-ui 0.158.0 → 0.159.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.158.0
+ Winter Cardinal UI v0.159.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -1698,7 +1698,7 @@ var EShapeFillImpl = /** @class */ (function () {
         };
     };
     EShapeFillImpl.prototype.serialize = function (manager) {
-        var stringified = "[" + (this._enable ? 1 : 0) + "," + this._color + "," + this._alpha + "]";
+        var stringified = "[".concat(this._enable ? 1 : 0, ",").concat(this._color, ",").concat(this._alpha, "]");
         return manager.addResource(stringified);
     };
     EShapeFillImpl.prototype.deserialize = function (target, manager) {
@@ -2090,7 +2090,7 @@ var EShapeBarPoints = /** @class */ (function () {
         return result;
     };
     EShapeBarPoints.prototype.serialize = function (manager) {
-        return manager.addResource("[" + this._position + "," + this._size + "," + this._style + "]");
+        return manager.addResource("[".concat(this._position, ",").concat(this._size, ",").concat(this._style, "]"));
     };
     EShapeBarPoints.prototype.deserialize = function (resourceId, manager) {
         if (0 <= resourceId && resourceId < manager.resources.length) {
@@ -3710,10 +3710,10 @@ var hitTestBBox = function (x, y, ax, ay) {
  */
 var toGradientSerialized = function (gradient) {
     var points = gradient.points;
-    var result = "[" + gradient.direction;
+    var result = "[".concat(gradient.direction);
     for (var i = 0, imax = points.length, j = 1; i < imax; i += 1, j += 3) {
         var point = points[i];
-        result += "," + point.color + "," + point.alpha + "," + point.position;
+        result += ",".concat(point.color, ",").concat(point.alpha, ",").concat(point.position);
     }
     result += "]";
     return result;
@@ -4605,7 +4605,7 @@ var EShapeStrokeImpl = /** @class */ (function () {
     };
     EShapeStrokeImpl.prototype.serialize = function (manager) {
         var enable = this._enable ? 1 : 0;
-        var serialized = "[" + enable + "," + this._color + "," + this._alpha + "," + this._width + "," + this._align + "," + this._side + "," + this._style + "]";
+        var serialized = "[".concat(enable, ",").concat(this._color, ",").concat(this._alpha, ",").concat(this._width, ",").concat(this._align, ",").concat(this._side, ",").concat(this._style, "]");
         return manager.addResource(serialized);
     };
     EShapeStrokeImpl.prototype.deserialize = function (target, manager) {
@@ -4835,7 +4835,7 @@ var EShapeDataValueRangeImpl = /** @class */ (function () {
         };
     };
     EShapeDataValueRangeImpl.prototype.serialize = function (manager) {
-        var serialized = "[" + this._type + "," + this._from + "," + this._to + "]";
+        var serialized = "[".concat(this._type, ",").concat(this._from, ",").concat(this._to, "]");
         return manager.addResource(serialized);
     };
     EShapeDataValueRangeImpl.prototype.deserialize = function (target, manager) {
@@ -5345,7 +5345,7 @@ var EShapeDataValueImpl = /** @class */ (function () {
         var initialSerialized = manager.addResource(this.initial);
         var formatSerialized = manager.addResource(this.format.trim());
         var rangeSerialized = this.range.serialize(manager);
-        return manager.addResource("[" + idSerialized + "," + initialSerialized + "," + formatSerialized + "," + rangeSerialized + "," + this._capacity + "," + this._order + "]");
+        return manager.addResource("[".concat(idSerialized, ",").concat(initialSerialized, ",").concat(formatSerialized, ",").concat(rangeSerialized, ",").concat(this._capacity, ",").concat(this._order, "]"));
     };
     EShapeDataValueImpl.prototype.deserialize = function (target, manager) {
         var resources = manager.resources;
@@ -5585,9 +5585,9 @@ var EShapeDataImpl = /** @class */ (function () {
             return manager.addResource("[]");
         }
         else {
-            var serialized = "[" + values[0].serialize(manager);
+            var serialized = "[".concat(values[0].serialize(manager));
             for (var i = 1, imax = values.length; i < imax; ++i) {
-                serialized += "," + values[i].serialize(manager);
+                serialized += ",".concat(values[i].serialize(manager));
             }
             serialized += "]";
             return manager.addResource(serialized);
@@ -5677,7 +5677,7 @@ var EShapeTextAlignImpl = /** @class */ (function () {
         };
     };
     EShapeTextAlignImpl.prototype.serialize = function (manager) {
-        return manager.addResource("[" + this._horizontal + "," + this._vertical + "]");
+        return manager.addResource("[".concat(this._horizontal, ",").concat(this._vertical, "]"));
     };
     EShapeTextAlignImpl.prototype.deserialize = function (target, manager) {
         var resources = manager.resources;
@@ -5758,7 +5758,7 @@ var EShapeTextOffsetImpl = /** @class */ (function () {
         };
     };
     EShapeTextOffsetImpl.prototype.serialize = function (manager) {
-        return manager.addResource("[" + this._horizontal + "," + this._vertical + "]");
+        return manager.addResource("[".concat(this._horizontal, ",").concat(this._vertical, "]"));
     };
     EShapeTextOffsetImpl.prototype.deserialize = function (target, manager) {
         var resources = manager.resources;
@@ -5880,7 +5880,7 @@ var EShapeTextOutlineImpl = /** @class */ (function () {
         };
     };
     EShapeTextOutlineImpl.prototype.serialize = function (manager) {
-        var serialized = "[" + (this._enable ? 1 : 0) + "," + this._color + "," + this._alpha + "," + this._width + "]";
+        var serialized = "[".concat(this._enable ? 1 : 0, ",").concat(this._color, ",").concat(this._alpha, ",").concat(this._width, "]");
         return manager.addResource(serialized);
     };
     EShapeTextOutlineImpl.prototype.deserialize = function (target, manager) {
@@ -6164,9 +6164,9 @@ var EShapeTextImpl = /** @class */ (function () {
         var outlineId = this.outline.serialize(manager);
         var spacingId = this.spacing.serialize(manager);
         var paddingId = this.padding.serialize(manager);
-        var serialized = "[" + valueId + "," + this._color + "," + this._alpha + "," + familyId + "," + this._size + "," +
-            (this._weight + "," + alignId + "," + offsetId + "," + this._style + "," + outlineId + ",") +
-            (spacingId + "," + this._direction + "," + paddingId + "," + (this._clipping ? 1 : 0) + "]");
+        var serialized = "[".concat(valueId, ",").concat(this._color, ",").concat(this._alpha, ",").concat(familyId, ",").concat(this._size, ",") +
+            "".concat(this._weight, ",").concat(alignId, ",").concat(offsetId, ",").concat(this._style, ",").concat(outlineId, ",") +
+            "".concat(spacingId, ",").concat(this._direction, ",").concat(paddingId, ",").concat(this._clipping ? 1 : 0, "]");
         return manager.addResource(serialized);
     };
     EShapeTextImpl.prototype.deserialize = function (target, manager) {
@@ -6978,7 +6978,7 @@ var UtilRgb = /** @class */ (function () {
     UtilRgb.fromCode = function (code) {
         var trimmed = code.trim().toLowerCase();
         if (trimmed.length === 6) {
-            var color = Number("0x" + trimmed);
+            var color = Number("0x".concat(trimmed));
             if (color === color) {
                 return color;
             }
@@ -7603,13 +7603,13 @@ var EShapeActionExpressions = /** @class */ (function () {
                 "with( shape ) {" +
                 "with( state ) {" +
                 (nullable ?
-                    ("var result = (" + expression + ");" +
-                        ("return (result != null ? " + caster + "(result) : null);")) :
-                    "return " + caster + "(" + expression + ");") +
+                    ("var result = (".concat(expression, ");") +
+                        "return (result != null ? ".concat(caster, "(result) : null);")) :
+                    "return ".concat(caster, "(").concat(expression, ");")) +
                 "}" +
                 "}" +
                 "} catch( e ) {" +
-                ("return " + defLiteral + ";") +
+                "return ".concat(defLiteral, ";") +
                 "}";
             /* eslint-enable prettier/prettier */
             if (parameter == null) {
@@ -8006,7 +8006,7 @@ var EShapeActionValueBlink = /** @class */ (function (_super) {
     };
     EShapeActionValueBlink.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + this.interval + "," + this.color + "," + this.alpha + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(this.interval, ",").concat(this.color, ",").concat(this.alpha, "]"));
     };
     EShapeActionValueBlink.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -8320,7 +8320,7 @@ var EShapeActionValueChangeColor = /** @class */ (function (_super) {
     EShapeActionValueChangeColor.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
         var blendId = manager.addResource(this.blend);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + this.target + "," + this.color + "," + this.alpha + "," + blendId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(this.target, ",").concat(this.color, ",").concat(this.alpha, ",").concat(blendId, "]"));
     };
     EShapeActionValueChangeColor.deserialize = function (serialized, manager) {
         var subtype = EShapeActionValueChangeColorTypes.from(serialized);
@@ -8405,7 +8405,7 @@ var EShapeActionValueChangeColorBrightness = /** @class */ (function (_super) {
         var conditionId = manager.addResource(this.condition);
         var target = EShapeActionValueChangeColorTarget.BRIGHTNESS;
         var brightnessId = manager.addResource(this.brightness);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + target + "," + brightnessId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(target, ",").concat(brightnessId, "]"));
     };
     EShapeActionValueChangeColorBrightness.deserialize = function (serialized, manager) {
         var subtype = EShapeActionValueChangeColorTypes.from(serialized);
@@ -8469,7 +8469,7 @@ var EShapeActionValueChangeColorCode = /** @class */ (function (_super) {
         var colorId = manager.addResource(this.color);
         var alphaId = manager.addResource(this.alpha);
         var blendId = manager.addResource(this.blend);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + target + "," + colorId + "," + alphaId + "," + blendId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(target, ",").concat(colorId, ",").concat(alphaId, ",").concat(blendId, "]"));
     };
     EShapeActionValueChangeColorCode.deserialize = function (serialized, manager) {
         var subtype = EShapeActionValueChangeColorTypes.from(serialized);
@@ -8527,7 +8527,7 @@ var EShapeActionValueChangeCursor = /** @class */ (function (_super) {
     EShapeActionValueChangeCursor.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
         var nameId = manager.addResource(this.name);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + nameId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(nameId, "]"));
     };
     EShapeActionValueChangeCursor.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -8584,7 +8584,7 @@ var FormatNoded = /** @class */ (function () {
     function FormatNoded() {
     }
     FormatNoded.prototype.format = function (target, step, date) {
-        return "" + (target | 0);
+        return "".concat(target | 0);
     };
     return FormatNoded;
 }());
@@ -8706,7 +8706,7 @@ var FormatNodefsi = /** @class */ (function (_super) {
     };
     FormatNodefsi.prototype.format_ = function (target, unitInverse, postfix) {
         var value = target * unitInverse;
-        return "" + value.toFixed(this.precision) + postfix;
+        return "".concat(value.toFixed(this.precision)).concat(postfix);
     };
     return FormatNodefsi;
 }(FormatNodePrecision));
@@ -8799,7 +8799,7 @@ var FormatNodeP = /** @class */ (function () {
     function FormatNodeP() {
     }
     FormatNodeP.prototype.format = function (target, step, date) {
-        return ((target * 100) | 0) + "%";
+        return "".concat((target * 100) | 0, "%");
     };
     return FormatNodeP;
 }());
@@ -8812,7 +8812,7 @@ var FormatNodep = /** @class */ (function () {
     function FormatNodep() {
     }
     FormatNodep.prototype.format = function (target, step, date) {
-        return (target | 0) + "%";
+        return "".concat(target | 0, "%");
     };
     return FormatNodep;
 }());
@@ -8844,7 +8844,7 @@ var FormatNodeParenthesis = /** @class */ (function () {
     FormatNodeParenthesis.prototype.format = function (target, step, date) {
         var result = this.node.format(target, step, date);
         if (0 < result.length && result[0] === "-") {
-            return "(" + result.substring(1, result.length) + ")";
+            return "(".concat(result.substring(1, result.length), ")");
         }
         return result;
     };
@@ -8862,7 +8862,7 @@ var FormatNodePlus = /** @class */ (function () {
     FormatNodePlus.prototype.format = function (target, step, date) {
         var result = this.node.format(target, step, date);
         if (0 < result.length && result[0] !== "-") {
-            return "+" + result;
+            return "+".concat(result);
         }
         return result;
     };
@@ -8877,7 +8877,7 @@ var FormatNodeRP = /** @class */ (function () {
     function FormatNodeRP() {
     }
     FormatNodeRP.prototype.format = function (target, step, date) {
-        return Math.round(target * 100) + "%";
+        return "".concat(Math.round(target * 100), "%");
     };
     return FormatNodeRP;
 }());
@@ -8890,7 +8890,7 @@ var FormatNoderp = /** @class */ (function () {
     function FormatNoderp() {
     }
     FormatNoderp.prototype.format = function (target, step, date) {
-        return Math.round(target) + "%";
+        return "".concat(Math.round(target), "%");
     };
     return FormatNoderp;
 }());
@@ -8911,24 +8911,24 @@ var FormatNodesdt = /** @class */ (function () {
     }
     FormatNodesdt.prototype.format = function (target, step, date) {
         if (step < 1000) {
-            return this.s.format(target, step, date) + "." + this.mi.format(target, step, date);
+            return "".concat(this.s.format(target, step, date), ".").concat(this.mi.format(target, step, date));
         }
         else if (step < 60000) {
-            return this.m.format(target, step, date) + ":" + this.s.format(target, step, date);
+            return "".concat(this.m.format(target, step, date), ":").concat(this.s.format(target, step, date));
         }
         else if (step < 3600000) {
-            return this.H.format(target, step, date) + ":" + this.m.format(target, step, date);
+            return "".concat(this.H.format(target, step, date), ":").concat(this.m.format(target, step, date));
         }
         else if (step < 86400000) {
             var M = this.M.format(target, step, date);
             var D = this.D.format(target, step, date);
-            return M + "/" + D + " " + this.H.format(target, step, date);
+            return "".concat(M, "/").concat(D, " ").concat(this.H.format(target, step, date));
         }
         else if (step < 2592000000) {
-            return this.M.format(target, step, date) + "/" + this.D.format(target, step, date);
+            return "".concat(this.M.format(target, step, date), "/").concat(this.D.format(target, step, date));
         }
         else {
-            return this.Y.format(target, step, date) + "/" + this.M.format(target, step, date);
+            return "".concat(this.Y.format(target, step, date), "/").concat(this.M.format(target, step, date));
         }
     };
     return FormatNodesdt;
@@ -8945,7 +8945,7 @@ var FormatNodeSpace = /** @class */ (function () {
     FormatNodeSpace.prototype.format = function (target, step, date) {
         var result = this.node.format(target, step, date);
         if (0 < result.length && result[0] !== "-") {
-            return " " + result;
+            return " ".concat(result);
         }
         return result;
     };
@@ -9019,7 +9019,7 @@ var FormatNodez = /** @class */ (function () {
         var tzs = z <= 0 ? "+" : "-";
         var tzh = toPadded(String(Math.floor(Math.abs(z) / 60)), 2, "0");
         var tzm = toPadded(String(Math.floor(Math.abs(z) % 60)), 2, "0");
-        return "" + tzs + tzh + ":" + tzm;
+        return "".concat(tzs).concat(tzh, ":").concat(tzm);
     };
     return FormatNodez;
 }());
@@ -9032,7 +9032,7 @@ var FormatNoderd = /** @class */ (function () {
     function FormatNoderd() {
     }
     FormatNoderd.prototype.format = function (target, step, date) {
-        return "" + Math.round(target);
+        return "".concat(Math.round(target));
     };
     return FormatNoderd;
 }());
@@ -9397,7 +9397,7 @@ var EShapeActionValueChangeText = /** @class */ (function (_super) {
     EShapeActionValueChangeText.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
         var valueId = manager.addResource(this.value);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + valueId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(valueId, "]"));
     };
     EShapeActionValueChangeText.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -11334,7 +11334,7 @@ var DScalarExpression = /** @class */ (function () {
                 return;
             }
         }
-        throw new Error("Failed to parse '" + expression + "'");
+        throw new Error("Failed to parse '".concat(expression, "'"));
     }
     DScalarExpression.prototype.toParensesis = function (nodes, ifrom) {
         var ito = nodes.length;
@@ -11487,7 +11487,7 @@ var DScalarExpression = /** @class */ (function () {
                         continue;
                     }
                 }
-                throw new Error("Malformed operands for the operator " + node);
+                throw new Error("Malformed operands for the operator ".concat(node));
             }
             else {
                 this.toArithmeticNode(node, operatorA, operatorB);
@@ -11508,7 +11508,7 @@ var DScalarExpression = /** @class */ (function () {
                 else {
                     var parsedToken = parseFloat(token);
                     if (parsedToken !== parsedToken) {
-                        throw new Error("Unexpected token '" + token + "' at " + matched.index + " in '" + expression + "'");
+                        throw new Error("Unexpected token '".concat(token, "' at ").concat(matched.index, " in '").concat(expression, "'"));
                     }
                     var tokenTypeLiteral = this.toTokenLiteral(token);
                     if (tokenTypeLiteral != null) {
@@ -12143,8 +12143,9 @@ var toShortcuts = function (options) {
 var DBase = /** @class */ (function (_super) {
     __extends(DBase, _super);
     function DBase(options) {
+        var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         // Transform
         var transform = _this.transform;
         _this._position = new DBasePoint(transform.position, function (newX, newY, oldX, oldY) {
@@ -13591,8 +13592,9 @@ var DAnimationTimings = /** @class */ (function () {
 var DAnimationBase = /** @class */ (function (_super) {
     __extends(DAnimationBase, _super);
     function DAnimationBase(options) {
+        var _this = this;
         var _a, _b, _c;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         _this._id = null;
         _this._target = (_a = options === null || options === void 0 ? void 0 : options.target) !== null && _a !== void 0 ? _a : null;
         _this._startTime = 0;
@@ -14787,7 +14789,7 @@ var EShapeActionValueEmitEvent = /** @class */ (function (_super) {
     EShapeActionValueEmitEvent.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
         var nameId = manager.addResource(this.name);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + nameId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(nameId, "]"));
     };
     EShapeActionValueEmitEvent.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -15553,8 +15555,9 @@ var EShapeActionRuntimeMiscHtmlElement = /** @class */ (function (_super) {
 var UtilInput = /** @class */ (function (_super) {
     __extends(UtilInput, _super);
     function UtilInput(target, operation, theme, options) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        var _this = _super.call(this, target, operation, theme, options) || this;
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f;
+        _this = _super.call(this, target, operation, theme, options) || this;
         _this._operation = operation;
         _this._onInputKeyDownBound = function (e) {
             _this.onInputKeyDown(e);
@@ -15568,9 +15571,9 @@ var UtilInput = /** @class */ (function (_super) {
         _this._description = (_a = options === null || options === void 0 ? void 0 : options.description) !== null && _a !== void 0 ? _a : "";
         var editing = options === null || options === void 0 ? void 0 : options.editing;
         _this._editingFormatter =
-            (_e = (_b = editing === null || editing === void 0 ? void 0 : editing.formatter) !== null && _b !== void 0 ? _b : (_d = (_c = options) === null || _c === void 0 ? void 0 : _c.text) === null || _d === void 0 ? void 0 : _d.formatter) !== null && _e !== void 0 ? _e : theme.getEditingFormatter();
-        _this._editingUnformatter = (_f = editing === null || editing === void 0 ? void 0 : editing.unformatter) !== null && _f !== void 0 ? _f : theme.getEditingUnformatter();
-        _this._editingValidator = (_g = editing === null || editing === void 0 ? void 0 : editing.validator) !== null && _g !== void 0 ? _g : theme.getEditingValidator();
+            (_d = (_b = editing === null || editing === void 0 ? void 0 : editing.formatter) !== null && _b !== void 0 ? _b : (_c = options === null || options === void 0 ? void 0 : options.text) === null || _c === void 0 ? void 0 : _c.formatter) !== null && _d !== void 0 ? _d : theme.getEditingFormatter();
+        _this._editingUnformatter = (_e = editing === null || editing === void 0 ? void 0 : editing.unformatter) !== null && _e !== void 0 ? _e : theme.getEditingUnformatter();
+        _this._editingValidator = (_f = editing === null || editing === void 0 ? void 0 : editing.validator) !== null && _f !== void 0 ? _f : theme.getEditingValidator();
         return _this;
     }
     UtilInput.prototype.onEnd = function () {
@@ -15687,8 +15690,9 @@ var UtilInputInput = /** @class */ (function (_super) {
 var UtilInputNumber = /** @class */ (function (_super) {
     __extends(UtilInputNumber, _super);
     function UtilInputNumber(target, operation, theme, options) {
+        var _this = this;
         var _a, _b, _c;
-        var _this = _super.call(this, target, operation, theme, options) || this;
+        _this = _super.call(this, target, operation, theme, options) || this;
         _this._step = (_a = options === null || options === void 0 ? void 0 : options.step) !== null && _a !== void 0 ? _a : theme.getStep();
         _this._min = (_b = options === null || options === void 0 ? void 0 : options.min) !== null && _b !== void 0 ? _b : theme.getMin();
         _this._max = (_c = options === null || options === void 0 ? void 0 : options.max) !== null && _c !== void 0 ? _c : theme.getMax();
@@ -15781,7 +15785,7 @@ var UtilInputNumber = /** @class */ (function (_super) {
     UtilInputNumber.prototype.updateStep = function (input) {
         var step = this.step;
         if (step != null) {
-            input.step = "" + step;
+            input.step = "".concat(step);
         }
         else {
             input.step = "any";
@@ -15790,7 +15794,7 @@ var UtilInputNumber = /** @class */ (function (_super) {
     UtilInputNumber.prototype.updateMin = function (input) {
         var min = this.min;
         if (min != null) {
-            input.min = "" + min;
+            input.min = "".concat(min);
         }
         else {
             input.removeAttribute("min");
@@ -15799,7 +15803,7 @@ var UtilInputNumber = /** @class */ (function (_super) {
     UtilInputNumber.prototype.updateMax = function (input) {
         var max = this.max;
         if (max != null) {
-            input.max = "" + max;
+            input.max = "".concat(max);
         }
         else {
             input.removeAttribute("max");
@@ -16119,7 +16123,7 @@ var EShapeActionValueMisc = /** @class */ (function (_super) {
         var conditionId = manager.addResource(this.condition);
         var targetId = manager.addResource(this.target);
         var valueId = manager.addResource(this.value);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + targetId + "," + this.onInputAction + "," + valueId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(targetId, ",").concat(this.onInputAction, ",").concat(valueId, "]"));
     };
     EShapeActionValueMisc.deserialize = function (serialized, manager) {
         var resources = manager.resources;
@@ -16240,7 +16244,7 @@ var EShapeActionValueMiscGesture = /** @class */ (function (_super) {
     };
     EShapeActionValueMiscGesture.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + this.gestureType + "," + this.scaleMin + "," + this.scaleMax + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(this.gestureType, ",").concat(this.scaleMin, ",").concat(this.scaleMax, "]"));
     };
     EShapeActionValueMiscGesture.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -16667,7 +16671,7 @@ var DynamicSDFFontGenerator = /** @class */ (function () {
             gl.compileShader(shader);
             if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
                 console &&
-                    console.error("Failed to compile the shader: " + gl.getShaderInfoLog(shader));
+                    console.error("Failed to compile the shader: ".concat(gl.getShaderInfoLog(shader)));
                 return null;
             }
         }
@@ -16687,7 +16691,7 @@ var DynamicSDFFontGenerator = /** @class */ (function () {
                         gl.linkProgram(shaderProgram);
                         if (!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)) {
                             console &&
-                                console.error("Failed to link the program: " + gl.getError());
+                                console.error("Failed to link the program: ".concat(gl.getError()));
                             gl.deleteShader(vertexShader);
                             gl.deleteShader(fragmentShader);
                             return null;
@@ -16891,7 +16895,7 @@ var DynamicSDFFontGenerator = /** @class */ (function () {
  */
 var DynamicSDFFontAtlas = /** @class */ (function () {
     function DynamicSDFFontAtlas(fontFamily) {
-        this._id = "font-atlas:" + fontFamily;
+        this._id = "font-atlas:".concat(fontFamily);
         this._generator = DynamicSDFFontGenerator.getInstance().init();
         this._canvas = document.createElement("canvas");
         this._font = {
@@ -18201,7 +18205,7 @@ var EShapeActionValueMiscLayerGesture = /** @class */ (function (_super) {
     };
     EShapeActionValueMiscLayerGesture.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + this.gestureType + "," + this.scaleMin + "," + this.scaleMax + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(this.gestureType, ",").concat(this.scaleMin, ",").concat(this.scaleMax, "]"));
     };
     EShapeActionValueMiscLayerGesture.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -18290,7 +18294,7 @@ var EShapeActionValueMiscLayerShowHide = /** @class */ (function (_super) {
         var conditionId = manager.addResource(this.condition);
         var layersId = this.serializeLayers(manager);
         var bringToFrontId = this.bringToFront ? 1 : 0;
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + layersId + "," + bringToFrontId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(layersId, ",").concat(bringToFrontId, "]"));
     };
     EShapeActionValueMiscLayerShowHide.prototype.serializeLayers = function (manager) {
         var layers = this.layers;
@@ -19908,7 +19912,7 @@ var DDynamicTextStyle = /** @class */ (function () {
         }
     };
     DDynamicTextStyle.prototype.newFontId = function () {
-        return this._fontStyle + " " + this._fontVariant + " " + this._fontWeight + " " + this._fontSize + "px " + this._fontFamily;
+        return "".concat(this._fontStyle, " ").concat(this._fontVariant, " ").concat(this._fontWeight, " ").concat(this._fontSize, "px ").concat(this._fontFamily);
     };
     Object.defineProperty(DDynamicTextStyle.prototype, "clipping", {
         get: function () {
@@ -20761,8 +20765,9 @@ var DButtonPrimary = /** @class */ (function (_super) {
 var DAnimationFadeIn = /** @class */ (function (_super) {
     __extends(DAnimationFadeIn, _super);
     function DAnimationFadeIn(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._storedX = 0;
         _this._storedY = 0;
         _this._storedAlpha = 0;
@@ -24927,7 +24932,7 @@ var EShapeActionValueOpen = /** @class */ (function (_super) {
         var conditionId = manager.addResource(this.condition);
         var targetId = manager.addResource(this.target);
         var initialId = manager.addResource(this.initial);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + targetId + "," + this.onInputAction + "," + initialId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(targetId, ",").concat(this.onInputAction, ",").concat(initialId, "]"));
     };
     EShapeActionValueOpen.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -24981,7 +24986,7 @@ var EShapeActionValueShowHide = /** @class */ (function (_super) {
     };
     EShapeActionValueShowHide.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, "]"));
     };
     EShapeActionValueShowHide.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -25217,7 +25222,7 @@ var EShapeActionValueTransformMove = /** @class */ (function (_super) {
     EShapeActionValueTransformMove.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
         var amountId = manager.addResource(this.amount);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + this.opetype + "," + amountId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(this.opetype, ",").concat(amountId, "]"));
     };
     EShapeActionValueTransformMove.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -25502,7 +25507,7 @@ var EShapeActionValueTransformResize = /** @class */ (function (_super) {
     EShapeActionValueTransformResize.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
         var amountId = manager.addResource(this.amount);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + this.opetype + "," + this.originX + "," + this.originY + "," + amountId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(this.opetype, ",").concat(this.originX, ",").concat(this.originY, ",").concat(amountId, "]"));
     };
     EShapeActionValueTransformResize.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -25522,7 +25527,7 @@ var EShapeActionRuntimeTransformRotate = /** @class */ (function (_super) {
         var _this = _super.call(this, value, reset) || this;
         _this.originX = value.originX;
         _this.originY = value.originY;
-        _this.amount = EShapeActionExpressions.ofNumber("(" + value.amount + ") * (Math.PI / 180)");
+        _this.amount = EShapeActionExpressions.ofNumber("(".concat(value.amount, ") * (Math.PI / 180)"));
         return _this;
     }
     EShapeActionRuntimeTransformRotate.prototype.adjustPosition = function (shape, runtime, oldRotation, newRotation, originX, originY) {
@@ -25633,7 +25638,7 @@ var EShapeActionValueTransformRotate = /** @class */ (function (_super) {
     EShapeActionValueTransformRotate.prototype.serialize = function (manager) {
         var conditionId = manager.addResource(this.condition);
         var amountId = manager.addResource(this.amount);
-        return manager.addResource("[" + this.type + "," + conditionId + "," + this.subtype + "," + this.opetype + "," + this.originX + "," + this.originY + "," + amountId + "]");
+        return manager.addResource("[".concat(this.type, ",").concat(conditionId, ",").concat(this.subtype, ",").concat(this.opetype, ",").concat(this.originX, ",").concat(this.originY, ",").concat(amountId, "]"));
     };
     EShapeActionValueTransformRotate.deserialize = function (serialized, manager) {
         var condition = EShapeActionValues.toResource(1, serialized, manager.resources);
@@ -27349,7 +27354,7 @@ var EShapeButton = /** @class */ (function (_super) {
         var result = _super.prototype.serialize.call(this, manager);
         var isToggle = this._isToggle ? 1 : 0;
         var isGrouped = this._isGrouped ? 2 : 0;
-        result[15] = manager.addResource("[" + (isToggle | isGrouped) + "]");
+        result[15] = manager.addResource("[".concat(isToggle | isGrouped, "]"));
         return result;
     };
     return EShapeButton;
@@ -29642,7 +29647,7 @@ var EShapePointsMarkerBase = /** @class */ (function () {
     EShapePointsMarkerBase.prototype.serialize = function (manager) {
         var size = this._size;
         var fillId = this._fill.serialize(manager);
-        return manager.addResource("[" + this._type + "," + size.x + "," + size.y + "," + fillId + "]");
+        return manager.addResource("[".concat(this._type, ",").concat(size.x, ",").concat(size.y, ",").concat(fillId, "]"));
     };
     EShapePointsMarkerBase.prototype.deserialize = function (resourceId, manager) {
         var resources = manager.resources;
@@ -29791,7 +29796,7 @@ var EShapePointsMarkerContainerImpl = /** @class */ (function () {
     EShapePointsMarkerContainerImpl.prototype.serialize = function (manager) {
         var headId = this._head.serialize(manager);
         var tailId = this._tail.serialize(manager);
-        return manager.addResource("[" + headId + "," + tailId + "]");
+        return manager.addResource("[".concat(headId, ",").concat(tailId, "]"));
     };
     EShapePointsMarkerContainerImpl.prototype.deserialize = function (resourceId, manager) {
         var resources = manager.resources;
@@ -30253,7 +30258,7 @@ var EShapeLinePoints = /** @class */ (function () {
         if (marker) {
             markerId = marker.serialize(manager);
         }
-        return manager.addResource("[" + values + "," + segments + "," + style + "," + markerId + "]");
+        return manager.addResource("[".concat(values, ",").concat(segments, ",").concat(style, ",").concat(markerId, "]"));
     };
     EShapeLinePoints.prototype.deserialize = function (resourceId, manager) {
         var resources = manager.resources;
@@ -31260,7 +31265,7 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
         var edge = acceptor.edge;
         var edgeId = edge != null ? manager.addResource(edge) : -1;
         var local = this._local;
-        return manager.addResource("[" + shapeUuid + "," + edgeId + "," + local.x + "," + local.y + "," + this._margin + "]");
+        return manager.addResource("[".concat(shapeUuid, ",").concat(edgeId, ",").concat(local.x, ",").concat(local.y, ",").concat(this._margin, "]"));
     };
     EShapeConnectorEdgeImpl.prototype.deserialize = function (resourceId, mapping, manager) {
         var resources = manager.resources;
@@ -31430,7 +31435,7 @@ var EShapeConnectorEdgeContainerImpl = /** @class */ (function () {
     EShapeConnectorEdgeContainerImpl.prototype.serialize = function (manager) {
         var tailId = this._tail.serialize(manager);
         var headId = this._head.serialize(manager);
-        return manager.addResource("[" + tailId + "," + headId + "]");
+        return manager.addResource("[".concat(tailId, ",").concat(headId, "]"));
     };
     EShapeConnectorEdgeContainerImpl.prototype.deserialize = function (resourceId, mapping, manager) {
         var resources = manager.resources;
@@ -31763,7 +31768,7 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         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 + "]");
+        result[15] = manager.addResource("[".concat(edgeId, ",").concat(pointsId, ",").concat(bodyId, "]"));
         return result;
     };
     return EShapeConnectorLine;
@@ -38713,7 +38718,7 @@ var EShapeRectanglePivoted = /** @class */ (function (_super) {
  * SPDX-License-Identifier: Apache-2.0
  */
 var toSvgUrl = function (svg) {
-    return "data:image/svg+xml;base64," + btoa(svg);
+    return "data:image/svg+xml;base64,".concat(btoa(svg));
 };
 
 /*
@@ -38729,7 +38734,7 @@ var toGradientImageUrl = function (gradient) {
         var color = UtilRgb.toCode(point.color);
         var alpha = point.alpha;
         var offset = point.position * 100;
-        stops += "<stop offset=\"" + offset + "%\" stop-color=\"#" + color + "\" stop-opacity=\"" + alpha + "\" />";
+        stops += "<stop offset=\"".concat(offset, "%\" stop-color=\"#").concat(color, "\" stop-opacity=\"").concat(alpha, "\" />");
     }
     var radian = (direction * Math.PI) / 180;
     var dx = 0.5 * Math.cos(radian);
@@ -38738,7 +38743,7 @@ var toGradientImageUrl = function (gradient) {
     /* eslint-disable prettier/prettier */
     "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\">" +
         "<defs>" +
-        ("<linearGradient id=\"o2glkm3aeu2oio\" x1=\"" + (0.5 - dx) + "\" x2=\"" + (0.5 + dx) + "\" y1=\"" + (0.5 - dy) + "\" y2=\"" + (0.5 + dy) + "\">") +
+        "<linearGradient id=\"o2glkm3aeu2oio\" x1=\"".concat(0.5 - dx, "\" x2=\"").concat(0.5 + dx, "\" y1=\"").concat(0.5 - dy, "\" y2=\"").concat(0.5 + dy, "\">") +
         stops +
         "</linearGradient>" +
         "</defs>" +
@@ -38905,8 +38910,9 @@ var DImage = /** @class */ (function (_super) {
 var DMenuItemBase = /** @class */ (function (_super) {
     __extends(DMenuItemBase, _super);
     function DMenuItemBase(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._value = (_a = options === null || options === void 0 ? void 0 : options.value) !== null && _a !== void 0 ? _a : null;
         return _this;
     }
@@ -39186,7 +39192,7 @@ var DMenus = /** @class */ (function () {
                     parent.addChild(created);
                 }
                 else {
-                    throw new Error("No matching menu item creator found: " + JSON.stringify(item));
+                    throw new Error("No matching menu item creator found: ".concat(JSON.stringify(item)));
                 }
             }
         }
@@ -41847,7 +41853,7 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
             frames[name] = new pixi_js.Rectangle(x, y, width, height);
             // Svg
             var ratio = this._ratio;
-            this._svg += "<g transform=\"translate(" + x * ratio + "," + y * ratio + ")\">" + path + "</g>";
+            this._svg += "<g transform=\"translate(".concat(x * ratio, ",").concat(y * ratio, ")\">").concat(path, "</g>");
             return true;
         }
         return false;
@@ -41872,11 +41878,11 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
             var realWidth = width * resolution;
             var realHeight = height * resolution;
             var ratio = this._ratio;
-            var attrWidth = "width=\"" + realWidth + "\"";
-            var attrHeight = "height=\"" + realHeight + "\"";
-            var attrViewBox = "viewBox=\"0 0 " + width * ratio + " " + height * ratio + "\"";
+            var attrWidth = "width=\"".concat(realWidth, "\"");
+            var attrHeight = "height=\"".concat(realHeight, "\"");
+            var attrViewBox = "viewBox=\"0 0 ".concat(width * ratio, " ").concat(height * ratio, "\"");
             var attrXmlns = "xmlns=\"http://www.w3.org/2000/svg\"";
-            var url = toSvgUrl("<svg " + attrWidth + " " + attrHeight + " " + attrViewBox + " " + attrXmlns + ">" + this._svg + "</svg>");
+            var url = toSvgUrl("<svg ".concat(attrWidth, " ").concat(attrHeight, " ").concat(attrViewBox, " ").concat(attrXmlns, ">").concat(this._svg, "</svg>"));
             var scaleMode = (_c = options === null || options === void 0 ? void 0 : options.scaling) !== null && _c !== void 0 ? _c : pixi_js.SCALE_MODES.NEAREST;
             var baseTexture = pixi_js.BaseTexture.from(url, {
                 resolution: resolution,
@@ -41919,7 +41925,7 @@ var DThemeWhite = /** @class */ (function () {
                 return instance;
             }
             else {
-                throw new Error("No theme for the type '" + type + "'");
+                throw new Error("No theme for the type '".concat(type, "'"));
             }
         }
     };
@@ -42047,12 +42053,12 @@ var newShadow$1 = function (id, radius, opacity) {
     /* eslint-disable prettier/prettier */
     DThemeWhiteAtlas.add(id, d, d, "<g>" +
         "<defs>" +
-        ("<radialGradient id=\"" + id + "_filter\">") +
-        ("<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"" + opacity + "\" />") +
+        "<radialGradient id=\"".concat(id, "_filter\">") +
+        "<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
         "<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
         "</radialGradient>" +
         "</defs>" +
-        ("<rect x=\"0\" y=\"0\" width=\"" + d + "\" height=\"" + d + "\" fill=\"url(#" + id + "_filter)\"/>") +
+        "<rect x=\"0\" y=\"0\" width=\"".concat(d, "\" height=\"").concat(d, "\" fill=\"url(#").concat(id, "_filter)\"/>") +
         "</g>");
     /* eslint-enable prettier/prettier */
 };
@@ -42664,7 +42670,7 @@ DThemeWhiteAtlas.add("button_color_sample", 21, 21, "<g transform=\"scale(0.875,
     "</g>");
 /* eslint-enable prettier/prettier */
 var formatter$l = function (colorAndAlpha) {
-    return "#" + UtilRgb.toCode(colorAndAlpha.color) + " A" + colorAndAlpha.alpha.toFixed(2);
+    return "#".concat(UtilRgb.toCode(colorAndAlpha.color), " A").concat(colorAndAlpha.alpha.toFixed(2));
 };
 var DThemeWhiteButtonColor = /** @class */ (function (_super) {
     __extends(DThemeWhiteButtonColor, _super);
@@ -42820,7 +42826,7 @@ var makeCheckerboard$1 = function (width, height) {
     for (var ih = 0; ih < height; ++ih) {
         for (var iw = 0; iw < width; ++iw) {
             var color = (iw + ih) % 2 === 0 ? LIGHT : DARK;
-            result += "<rect x=\"" + 9 * iw + "\" y=\"" + 9 * ih + "\" width=\"9\" height=\"9\" fill=\"" + color + "\" />";
+            result += "<rect x=\"".concat(9 * iw, "\" y=\"").concat(9 * ih, "\" width=\"9\" height=\"9\" fill=\"").concat(color, "\" />");
         }
     }
     result += "</g>";
@@ -43557,7 +43563,7 @@ var DPickerDates = /** @class */ (function () {
         var y = toPadded(String(date.getFullYear()), 4, "0");
         var M = toPadded(String(date.getMonth() + 1), 2, "0");
         var S = toPadded(String(date.getDate()), 2, "0");
-        return y + "/" + M + "/" + S;
+        return "".concat(y, "/").concat(M, "/").concat(S);
     };
     return DPickerDates;
 }());
@@ -43688,7 +43694,7 @@ var MONTH_LABELS$1 = [
 ];
 var DAY_LABELS$1 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var defaultLabelFormatter$1 = function (date) {
-    return MONTH_LABELS$1[date.getMonth()] + " " + date.getFullYear();
+    return "".concat(MONTH_LABELS$1[date.getMonth()], " ").concat(date.getFullYear());
 };
 var defaultDateDecorator$1 = function () {
     /* DO NOTHING*/
@@ -44043,10 +44049,10 @@ var DPickerDatetimes = /** @class */ (function () {
     DPickerDatetimes.format = function (date, mask) {
         var hms = DPickerTimes.format(date, mask);
         if (0 < hms.length) {
-            return DPickerDates.format(date) + " " + hms;
+            return "".concat(DPickerDates.format(date), " ").concat(hms);
         }
         else {
-            return "" + DPickerDates.format(date);
+            return "".concat(DPickerDates.format(date));
         }
     };
     DPickerDatetimes.toMask = function (options) {
@@ -45724,20 +45730,20 @@ var EThemeWhiteShapeActionValue = /** @class */ (function () {
         return this.toTypedLabel(type, value);
     };
     EThemeWhiteShapeActionValue.prototype.toTypedLabel = function (type, value) {
-        return this.toTypeLabel(type) + ": " + this.toConditionLabel(value.condition);
+        return "".concat(this.toTypeLabel(type), ": ").concat(this.toConditionLabel(value.condition));
     };
     EThemeWhiteShapeActionValue.prototype.toSubtypedLabel = function (type, subtype, value) {
         var typeLabel = this.toTypeLabel(type);
         switch (type) {
             case EShapeActionValueType.SHOW_HIDE:
-                return "" + this.toShowHideTypeLabel(subtype);
+                return "".concat(this.toShowHideTypeLabel(subtype));
             case EShapeActionValueType.BLINK:
-                return typeLabel + ": " + this.toBlinkTypeLabel(subtype);
+                return "".concat(typeLabel, ": ").concat(this.toBlinkTypeLabel(subtype));
             case EShapeActionValueType.CHANGE_COLOR:
             case EShapeActionValueType.CHANGE_COLOR_LEGACY:
-                return typeLabel + ": " + this.toChangeColorTypeLabel(subtype);
+                return "".concat(typeLabel, ": ").concat(this.toChangeColorTypeLabel(subtype));
             case EShapeActionValueType.MISC:
-                return typeLabel + ": " + this.toMiscTypeLabel(subtype);
+                return "".concat(typeLabel, ": ").concat(this.toMiscTypeLabel(subtype));
         }
         return null;
     };
@@ -45747,11 +45753,11 @@ var EThemeWhiteShapeActionValue = /** @class */ (function () {
                 var subtypeLabel = this.toTransformTypeLabel(subtype);
                 switch (subtype) {
                     case EShapeActionValueTransformType.ROTATE:
-                        return subtypeLabel + ": " + this.toTransformRotateTypeLabel(opetype);
+                        return "".concat(subtypeLabel, ": ").concat(this.toTransformRotateTypeLabel(opetype));
                     case EShapeActionValueTransformType.MOVE:
-                        return subtypeLabel + ": " + this.toTransformMoveTypeLabel(opetype);
+                        return "".concat(subtypeLabel, ": ").concat(this.toTransformMoveTypeLabel(opetype));
                     case EShapeActionValueTransformType.RESIZE:
-                        return subtypeLabel + ": " + this.toTransformResizeTypeLabel(opetype);
+                        return "".concat(subtypeLabel, ": ").concat(this.toTransformResizeTypeLabel(opetype));
                 }
         }
         return null;
@@ -46602,11 +46608,11 @@ var DThemeWhiteHtmlElement = /** @class */ (function (_super) {
     DThemeWhiteHtmlElement.prototype.getElementStylePadding = function (state, padding) {
         if (padding) {
             if ("getLeft" in padding) {
-                return ("padding: " + padding.getTop() + "px " + padding.getRight() + "px " +
-                    (padding.getBottom() + "px " + padding.getLeft() + "px;"));
+                return ("padding: ".concat(padding.getTop(), "px ").concat(padding.getRight(), "px ") +
+                    "".concat(padding.getBottom(), "px ").concat(padding.getLeft(), "px;"));
             }
             else {
-                return "padding: " + padding.vertical + "px " + padding.horizontal + "px;";
+                return "padding: ".concat(padding.vertical, "px ").concat(padding.horizontal, "px;");
             }
         }
         return "padding: 0px;";
@@ -46619,21 +46625,21 @@ var DThemeWhiteHtmlElement = /** @class */ (function (_super) {
             if (clipperRect) {
                 var left = elementRect.x - clipperRect.x;
                 var top_1 = elementRect.y - clipperRect.y;
-                return "left:" + left + "px; top:" + top_1 + "px;";
+                return "left:".concat(left, "px; top:").concat(top_1, "px;");
             }
-            return "left:" + elementRect.x + "px; top: " + elementRect.y + "px;";
+            return "left:".concat(elementRect.x, "px; top: ").concat(elementRect.y, "px;");
         }
         return "left: 0px; top: 0px;";
     };
     DThemeWhiteHtmlElement.prototype.getElementStylePositionSize = function (rect) {
         if (rect) {
-            return "width: " + rect.width + "px; height: " + rect.height + "px;";
+            return "width: ".concat(rect.width, "px; height: ").concat(rect.height, "px;");
         }
         return "width: 0px; height: 0px;";
     };
     DThemeWhiteHtmlElement.prototype.getElementStylePositionTransform = function (matrix) {
         if (matrix) {
-            return "transform: matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.tx + "," + matrix.ty + ");";
+            return "transform: matrix(".concat(matrix.a, ",").concat(matrix.b, ",").concat(matrix.c, ",").concat(matrix.d, ",").concat(matrix.tx, ",").concat(matrix.ty, ");");
         }
         return "";
     };
@@ -46644,10 +46650,10 @@ var DThemeWhiteHtmlElement = /** @class */ (function (_super) {
             this.getElementStylePositionTransform(elementMatrix));
     };
     DThemeWhiteHtmlElement.prototype.getElementStyleText = function (state) {
-        return ("font-family: " + this.getFontFamilly() + ";" +
-            ("font-size: " + this.getFontSize() + "px;") +
-            ("color: #" + this.getColor(state).toString(16) + ";") +
-            ("line-height: " + this.getLineHeight() + "px;") +
+        return ("font-family: ".concat(this.getFontFamilly(), ";") +
+            "font-size: ".concat(this.getFontSize(), "px;") +
+            "color: #".concat(this.getColor(state).toString(16), ";") +
+            "line-height: ".concat(this.getLineHeight(), "px;") +
             "-moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;");
     };
     DThemeWhiteHtmlElement.prototype.getElementStyleMargin = function (state) {
@@ -46671,14 +46677,14 @@ var DThemeWhiteHtmlElement = /** @class */ (function (_super) {
     };
     DThemeWhiteHtmlElement.prototype.getClipperStylePositionPosition = function (rect) {
         if (rect) {
-            return "left: " + rect.x + "px; top: " + rect.y + "px;";
+            return "left: ".concat(rect.x, "px; top: ").concat(rect.y, "px;");
         }
         return "left: 0px; top: 0px;";
     };
     DThemeWhiteHtmlElement.prototype.getClipperStylePositionSize = function (rect) {
         if (rect) {
-            return ("width: " + rect.width + "px; height: " + rect.height + "px;" +
-                ("line-height: " + rect.height + "px;"));
+            return ("width: ".concat(rect.width, "px; height: ").concat(rect.height, "px;") +
+                "line-height: ".concat(rect.height, "px;"));
         }
         return "width: 0px; height: 0px;";
     };
@@ -46918,7 +46924,7 @@ var DThemeWhiteInput = /** @class */ (function (_super) {
  * SPDX-License-Identifier: Apache-2.0
  */
 var CREATOR_CLASSNAME$3 = "d-theme-white-input-input";
-var CREATOR_CLASSNAME_ELEMENT$3 = CREATOR_CLASSNAME$3 + "-element";
+var CREATOR_CLASSNAME_ELEMENT$3 = "".concat(CREATOR_CLASSNAME$3, "-element");
 var elementCreator$3 = function (container) {
     var found = container.getElementsByClassName(CREATOR_CLASSNAME_ELEMENT$3);
     if (0 < found.length) {
@@ -46940,15 +46946,15 @@ var divCreator$4 = function (container, classname) {
     container.appendChild(result);
     return result;
 };
-var CREATOR_CLASSNAME_CLIPPER$3 = CREATOR_CLASSNAME$3 + "-clipper";
+var CREATOR_CLASSNAME_CLIPPER$3 = "".concat(CREATOR_CLASSNAME$3, "-clipper");
 var clipperCreator$3 = function (container) {
     return divCreator$4(container, CREATOR_CLASSNAME_CLIPPER$3);
 };
-var CREATOR_CLASSNAME_BEFORE$3 = CREATOR_CLASSNAME$3 + "-before";
+var CREATOR_CLASSNAME_BEFORE$3 = "".concat(CREATOR_CLASSNAME$3, "-before");
 var beforeCreator$3 = function (container) {
     return divCreator$4(container, CREATOR_CLASSNAME_BEFORE$3);
 };
-var CREATOR_CLASSNAME_AFTER$3 = CREATOR_CLASSNAME$3 + "-after";
+var CREATOR_CLASSNAME_AFTER$3 = "".concat(CREATOR_CLASSNAME$3, "-after");
 var afterCreator$3 = function (container) {
     return divCreator$4(container, CREATOR_CLASSNAME_AFTER$3);
 };
@@ -47160,7 +47166,7 @@ var loadThemeWhiteInputText = function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var CREATOR_CLASSNAME$2 = "d-theme-white-input-text-area";
-var CREATOR_CLASSNAME_ELEMENT$2 = CREATOR_CLASSNAME$2 + "-element";
+var CREATOR_CLASSNAME_ELEMENT$2 = "".concat(CREATOR_CLASSNAME$2, "-element");
 var elementCreator$2 = function (container) {
     var found = container.getElementsByClassName(CREATOR_CLASSNAME_ELEMENT$2);
     if (0 < found.length) {
@@ -47182,15 +47188,15 @@ var divCreator$3 = function (container, classname) {
     container.appendChild(result);
     return result;
 };
-var CREATOR_CLASSNAME_CLIPPER$2 = CREATOR_CLASSNAME$2 + "-clipper";
+var CREATOR_CLASSNAME_CLIPPER$2 = "".concat(CREATOR_CLASSNAME$2, "-clipper");
 var clipperCreator$2 = function (container) {
     return divCreator$3(container, CREATOR_CLASSNAME_CLIPPER$2);
 };
-var CREATOR_CLASSNAME_BEFORE$2 = CREATOR_CLASSNAME$2 + "-before";
+var CREATOR_CLASSNAME_BEFORE$2 = "".concat(CREATOR_CLASSNAME$2, "-before");
 var beforeCreator$2 = function (container) {
     return divCreator$3(container, CREATOR_CLASSNAME_BEFORE$2);
 };
-var CREATOR_CLASSNAME_AFTER$2 = CREATOR_CLASSNAME$2 + "-after";
+var CREATOR_CLASSNAME_AFTER$2 = "".concat(CREATOR_CLASSNAME$2, "-after");
 var afterCreator$2 = function (container) {
     return divCreator$3(container, CREATOR_CLASSNAME_AFTER$2);
 };
@@ -50999,7 +51005,7 @@ var DThemeDark = /** @class */ (function () {
                 return instance;
             }
             else {
-                throw new Error("No theme for the type '" + type + "'");
+                throw new Error("No theme for the type '".concat(type, "'"));
             }
         }
     };
@@ -51094,12 +51100,12 @@ var newShadow = function (id, radius, opacity) {
     /* eslint-disable prettier/prettier */
     DThemeDarkAtlas.add(id, d, d, "<g>" +
         "<defs>" +
-        ("<radialGradient id=\"" + id + "_filter\">") +
-        ("<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"" + opacity + "\" />") +
+        "<radialGradient id=\"".concat(id, "_filter\">") +
+        "<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
         "<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
         "</radialGradient>" +
         "</defs>" +
-        ("<rect x=\"0\" y=\"0\" width=\"" + d + "\" height=\"" + d + "\" fill=\"url(#" + id + "_filter)\"/>") +
+        "<rect x=\"0\" y=\"0\" width=\"".concat(d, "\" height=\"").concat(d, "\" fill=\"url(#").concat(id, "_filter)\"/>") +
         "</g>");
     /* eslint-enable prettier/prettier */
 };
@@ -51693,7 +51699,7 @@ DThemeDarkAtlas.add("button_color_sample", 21, 21, "<g transform=\"scale(0.875,0
     "</g>");
 /* eslint-enable prettier/prettier */
 var formatter$a = function (colorAndAlpha) {
-    return "#" + UtilRgb.toCode(colorAndAlpha.color) + " A" + colorAndAlpha.alpha.toFixed(2);
+    return "#".concat(UtilRgb.toCode(colorAndAlpha.color), " A").concat(colorAndAlpha.alpha.toFixed(2));
 };
 var DThemeDarkButtonColor = /** @class */ (function (_super) {
     __extends(DThemeDarkButtonColor, _super);
@@ -51849,7 +51855,7 @@ var makeCheckerboard = function (width, height) {
     for (var ih = 0; ih < height; ++ih) {
         for (var iw = 0; iw < width; ++iw) {
             var color = (iw + ih) % 2 === 0 ? LIGHT : DARK;
-            result += "<rect x=\"" + 9 * iw + "\" y=\"" + 9 * ih + "\" width=\"9\" height=\"9\" fill=\"" + color + "\" />";
+            result += "<rect x=\"".concat(9 * iw, "\" y=\"").concat(9 * ih, "\" width=\"9\" height=\"9\" fill=\"").concat(color, "\" />");
         }
     }
     result += "</g>";
@@ -52374,7 +52380,7 @@ var MONTH_LABELS = [
 ];
 var DAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var defaultLabelFormatter = function (date) {
-    return MONTH_LABELS[date.getMonth()] + " " + date.getFullYear();
+    return "".concat(MONTH_LABELS[date.getMonth()], " ").concat(date.getFullYear());
 };
 var defaultDateDecorator = function () {
     /* DO NOTHING*/
@@ -54332,20 +54338,20 @@ var EThemeDarkShapeActionValue = /** @class */ (function () {
         return this.toTypedLabel(type, value);
     };
     EThemeDarkShapeActionValue.prototype.toTypedLabel = function (type, value) {
-        return this.toTypeLabel(type) + ": " + this.toConditionLabel(value.condition);
+        return "".concat(this.toTypeLabel(type), ": ").concat(this.toConditionLabel(value.condition));
     };
     EThemeDarkShapeActionValue.prototype.toSubtypedLabel = function (type, subtype, value) {
         var typeLabel = this.toTypeLabel(type);
         switch (type) {
             case EShapeActionValueType.SHOW_HIDE:
-                return "" + this.toShowHideTypeLabel(subtype);
+                return "".concat(this.toShowHideTypeLabel(subtype));
             case EShapeActionValueType.BLINK:
-                return typeLabel + ": " + this.toBlinkTypeLabel(subtype);
+                return "".concat(typeLabel, ": ").concat(this.toBlinkTypeLabel(subtype));
             case EShapeActionValueType.CHANGE_COLOR:
             case EShapeActionValueType.CHANGE_COLOR_LEGACY:
-                return typeLabel + ": " + this.toChangeColorTypeLabel(subtype);
+                return "".concat(typeLabel, ": ").concat(this.toChangeColorTypeLabel(subtype));
             case EShapeActionValueType.MISC:
-                return typeLabel + ": " + this.toMiscTypeLabel(subtype);
+                return "".concat(typeLabel, ": ").concat(this.toMiscTypeLabel(subtype));
         }
         return null;
     };
@@ -54355,11 +54361,11 @@ var EThemeDarkShapeActionValue = /** @class */ (function () {
                 var subtypeLabel = this.toTransformTypeLabel(subtype);
                 switch (subtype) {
                     case EShapeActionValueTransformType.ROTATE:
-                        return subtypeLabel + ": " + this.toTransformRotateTypeLabel(opetype);
+                        return "".concat(subtypeLabel, ": ").concat(this.toTransformRotateTypeLabel(opetype));
                     case EShapeActionValueTransformType.MOVE:
-                        return subtypeLabel + ": " + this.toTransformMoveTypeLabel(opetype);
+                        return "".concat(subtypeLabel, ": ").concat(this.toTransformMoveTypeLabel(opetype));
                     case EShapeActionValueTransformType.RESIZE:
-                        return subtypeLabel + ": " + this.toTransformResizeTypeLabel(opetype);
+                        return "".concat(subtypeLabel, ": ").concat(this.toTransformResizeTypeLabel(opetype));
                 }
         }
         return null;
@@ -55210,11 +55216,11 @@ var DThemeDarkHtmlElement = /** @class */ (function (_super) {
     DThemeDarkHtmlElement.prototype.getElementStylePadding = function (state, padding) {
         if (padding) {
             if ("getLeft" in padding) {
-                return ("padding: " + padding.getTop() + "px " + padding.getRight() + "px " +
-                    (padding.getBottom() + "px " + padding.getLeft() + "px;"));
+                return ("padding: ".concat(padding.getTop(), "px ").concat(padding.getRight(), "px ") +
+                    "".concat(padding.getBottom(), "px ").concat(padding.getLeft(), "px;"));
             }
             else {
-                return "padding: " + padding.vertical + "px " + padding.horizontal + "px;";
+                return "padding: ".concat(padding.vertical, "px ").concat(padding.horizontal, "px;");
             }
         }
         return "padding: 0px;";
@@ -55227,21 +55233,21 @@ var DThemeDarkHtmlElement = /** @class */ (function (_super) {
             if (clipperRect) {
                 var left = elementRect.x - clipperRect.x;
                 var top_1 = elementRect.y - clipperRect.y;
-                return "left:" + left + "px; top:" + top_1 + "px;";
+                return "left:".concat(left, "px; top:").concat(top_1, "px;");
             }
-            return "left:" + elementRect.x + "px; top: " + elementRect.y + "px;";
+            return "left:".concat(elementRect.x, "px; top: ").concat(elementRect.y, "px;");
         }
         return "left: 0px; top: 0px;";
     };
     DThemeDarkHtmlElement.prototype.getElementStylePositionSize = function (rect) {
         if (rect) {
-            return "width: " + rect.width + "px; height: " + rect.height + "px;";
+            return "width: ".concat(rect.width, "px; height: ").concat(rect.height, "px;");
         }
         return "width: 0px; height: 0px;";
     };
     DThemeDarkHtmlElement.prototype.getElementStylePositionTransform = function (matrix) {
         if (matrix) {
-            return "transform: matrix(" + matrix.a + "," + matrix.b + "," + matrix.c + "," + matrix.d + "," + matrix.tx + "," + matrix.ty + ");";
+            return "transform: matrix(".concat(matrix.a, ",").concat(matrix.b, ",").concat(matrix.c, ",").concat(matrix.d, ",").concat(matrix.tx, ",").concat(matrix.ty, ");");
         }
         return "";
     };
@@ -55252,10 +55258,10 @@ var DThemeDarkHtmlElement = /** @class */ (function (_super) {
             this.getElementStylePositionTransform(elementMatrix));
     };
     DThemeDarkHtmlElement.prototype.getElementStyleText = function (state) {
-        return ("font-family: " + this.getFontFamilly() + ";" +
-            ("font-size: " + this.getFontSize() + "px;") +
-            ("color: #" + this.getColor(state).toString(16) + ";") +
-            ("line-height: " + this.getLineHeight() + "px;") +
+        return ("font-family: ".concat(this.getFontFamilly(), ";") +
+            "font-size: ".concat(this.getFontSize(), "px;") +
+            "color: #".concat(this.getColor(state).toString(16), ";") +
+            "line-height: ".concat(this.getLineHeight(), "px;") +
             "-moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;");
     };
     DThemeDarkHtmlElement.prototype.getElementStyleMargin = function (state) {
@@ -55279,14 +55285,14 @@ var DThemeDarkHtmlElement = /** @class */ (function (_super) {
     };
     DThemeDarkHtmlElement.prototype.getClipperStylePositionPosition = function (rect) {
         if (rect) {
-            return "left: " + rect.x + "px; top: " + rect.y + "px;";
+            return "left: ".concat(rect.x, "px; top: ").concat(rect.y, "px;");
         }
         return "left: 0px; top: 0px;";
     };
     DThemeDarkHtmlElement.prototype.getClipperStylePositionSize = function (rect) {
         if (rect) {
-            return ("width: " + rect.width + "px; height: " + rect.height + "px;" +
-                ("line-height: " + rect.height + "px;"));
+            return ("width: ".concat(rect.width, "px; height: ").concat(rect.height, "px;") +
+                "line-height: ".concat(rect.height, "px;"));
         }
         return "width: 0px; height: 0px;";
     };
@@ -55526,7 +55532,7 @@ var DThemeDarkInput = /** @class */ (function (_super) {
  * SPDX-License-Identifier: Apache-2.0
  */
 var CREATOR_CLASSNAME$1 = "d-theme-dark-input";
-var CREATOR_CLASSNAME_ELEMENT$1 = CREATOR_CLASSNAME$1 + "-element";
+var CREATOR_CLASSNAME_ELEMENT$1 = "".concat(CREATOR_CLASSNAME$1, "-element");
 var elementCreator$1 = function (container) {
     var found = container.getElementsByClassName(CREATOR_CLASSNAME_ELEMENT$1);
     if (0 < found.length) {
@@ -55548,15 +55554,15 @@ var divCreator$1 = function (container, classname) {
     container.appendChild(result);
     return result;
 };
-var CREATOR_CLASSNAME_CLIPPER$1 = CREATOR_CLASSNAME$1 + "-clipper";
+var CREATOR_CLASSNAME_CLIPPER$1 = "".concat(CREATOR_CLASSNAME$1, "-clipper");
 var clipperCreator$1 = function (container) {
     return divCreator$1(container, CREATOR_CLASSNAME_CLIPPER$1);
 };
-var CREATOR_CLASSNAME_BEFORE$1 = CREATOR_CLASSNAME$1 + "-before";
+var CREATOR_CLASSNAME_BEFORE$1 = "".concat(CREATOR_CLASSNAME$1, "-before");
 var beforeCreator$1 = function (container) {
     return divCreator$1(container, CREATOR_CLASSNAME_BEFORE$1);
 };
-var CREATOR_CLASSNAME_AFTER$1 = CREATOR_CLASSNAME$1 + "-after";
+var CREATOR_CLASSNAME_AFTER$1 = "".concat(CREATOR_CLASSNAME$1, "-after");
 var afterCreator$1 = function (container) {
     return divCreator$1(container, CREATOR_CLASSNAME_AFTER$1);
 };
@@ -55768,7 +55774,7 @@ var loadThemeDarkInputText = function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var CREATOR_CLASSNAME = "d-theme-dark-input-text-area";
-var CREATOR_CLASSNAME_ELEMENT = CREATOR_CLASSNAME + "-element";
+var CREATOR_CLASSNAME_ELEMENT = "".concat(CREATOR_CLASSNAME, "-element");
 var elementCreator = function (container) {
     var found = container.getElementsByClassName(CREATOR_CLASSNAME_ELEMENT);
     if (0 < found.length) {
@@ -55790,15 +55796,15 @@ var divCreator = function (container, classname) {
     container.appendChild(result);
     return result;
 };
-var CREATOR_CLASSNAME_CLIPPER = CREATOR_CLASSNAME + "-clipper";
+var CREATOR_CLASSNAME_CLIPPER = "".concat(CREATOR_CLASSNAME, "-clipper");
 var clipperCreator = function (container) {
     return divCreator(container, CREATOR_CLASSNAME_CLIPPER);
 };
-var CREATOR_CLASSNAME_BEFORE = CREATOR_CLASSNAME + "-before";
+var CREATOR_CLASSNAME_BEFORE = "".concat(CREATOR_CLASSNAME, "-before");
 var beforeCreator = function (container) {
     return divCreator(container, CREATOR_CLASSNAME_BEFORE);
 };
-var CREATOR_CLASSNAME_AFTER = CREATOR_CLASSNAME + "-after";
+var CREATOR_CLASSNAME_AFTER = "".concat(CREATOR_CLASSNAME, "-after");
 var afterCreator = function (container) {
     return divCreator(container, CREATOR_CLASSNAME_AFTER);
 };
@@ -60443,11 +60449,11 @@ var UtilName = /** @class */ (function () {
     UtilName.create = function (type) {
         var mapping = this._mapping;
         if (type in mapping) {
-            return type + " " + ++mapping[type];
+            return "".concat(type, " ").concat(++mapping[type]);
         }
         else {
             mapping[type] = 1;
-            return type + " 1";
+            return "".concat(type, " 1");
         }
     };
     UtilName._mapping = {};
@@ -60465,7 +60471,7 @@ var UtilRgba = /** @class */ (function () {
         var r = (color >> 16) & 0xff;
         var g = (color >> 8) & 0xff;
         var b = color & 0xff;
-        return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
+        return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(alpha, ")");
     };
     return UtilRgba;
 }());
@@ -60751,8 +60757,9 @@ var UtilWheelEvent = /** @class */ (function () {
 var DAnimationEmpty = /** @class */ (function (_super) {
     __extends(DAnimationEmpty, _super);
     function DAnimationEmpty(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         _this._target = (_a = options === null || options === void 0 ? void 0 : options.target) !== null && _a !== void 0 ? _a : null;
         _this._reverse = false;
         _this._isStarted = false;
@@ -65870,8 +65877,9 @@ var DContent = /** @class */ (function (_super) {
 var DScrollBar = /** @class */ (function (_super) {
     __extends(DScrollBar, _super);
     function DScrollBar(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._start = 0;
         _this._end = 1;
         _this.visible = false;
@@ -66335,8 +66343,9 @@ var DPaneScrollBar = /** @class */ (function () {
 var DPane = /** @class */ (function (_super) {
     __extends(DPane, _super);
     function DPane(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         // Mask
         var theme = _this.theme;
         if ((_a = options === null || options === void 0 ? void 0 : options.mask) !== null && _a !== void 0 ? _a : theme.isOverflowMaskEnabled()) {
@@ -67192,8 +67201,9 @@ var toOptions = function (options) {
 var DButtonSelect = /** @class */ (function (_super) {
     __extends(DButtonSelect, _super);
     function DButtonSelect(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, toOptions(options)) || this;
+        _this = _super.call(this, toOptions(options)) || this;
         _this._dialogGetter = (_a = options === null || options === void 0 ? void 0 : options.getter) !== null && _a !== void 0 ? _a : defaultGetter$1;
         _this._dialogSetter = (_b = options === null || options === void 0 ? void 0 : options.setter) !== null && _b !== void 0 ? _b : defaultSetter$1;
         return _this;
@@ -70278,8 +70288,9 @@ var DChartSelectionPoint = {
 var DChartSelectionSubImpl = /** @class */ (function (_super) {
     __extends(DChartSelectionSubImpl, _super);
     function DChartSelectionSubImpl(options) {
+        var _this = this;
         var _a, _b, _c;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         _this._container = null;
         _this._series = null;
         _this._isEnabled = (_a = options.enable) !== null && _a !== void 0 ? _a : true;
@@ -70440,8 +70451,9 @@ var DChartSelectionSubImpl = /** @class */ (function (_super) {
 var DChartSelectionSimple = /** @class */ (function (_super) {
     __extends(DChartSelectionSimple, _super);
     function DChartSelectionSimple(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         _this._container = null;
         var point = toEnum((_a = options === null || options === void 0 ? void 0 : options.point) !== null && _a !== void 0 ? _a : DChartSelectionPoint.CLOSER, DChartSelectionPoint);
         _this._selected = _this.newSelected(point, options === null || options === void 0 ? void 0 : options.selected);
@@ -71306,8 +71318,9 @@ var DChartSeriesLineOfTriangleRoundeds = /** @class */ (function (_super) {
 var DChartSeriesLine = /** @class */ (function (_super) {
     __extends(DChartSeriesLine, _super);
     function DChartSeriesLine(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._line = null;
         _this._options = options;
         _this._points = (_a = options === null || options === void 0 ? void 0 : options.points) !== null && _a !== void 0 ? _a : [];
@@ -72230,8 +72243,9 @@ var DDiagramSnapshot = /** @class */ (function (_super) {
 var DDiagramBase = /** @class */ (function (_super) {
     __extends(DDiagramBase, _super);
     function DDiagramBase(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._serialized = null;
         _this._tileFactory = options === null || options === void 0 ? void 0 : options.tile;
         _this._controller = options === null || options === void 0 ? void 0 : options.controller;
@@ -74284,10 +74298,10 @@ var DDiagram = /** @class */ (function (_super) {
                             var formatter = Function("value", 
                             /* eslint-disable prettier/prettier */
                             "try {" +
-                                ("return (" + datumFormat + ");") +
+                                "return (".concat(datumFormat, ");") +
                                 "} catch( e1 ) {" +
                                 "try {" +
-                                ("return (" + (0 < datumInitial.length ? datumInitial : 0) + ");") +
+                                "return (".concat(0 < datumInitial.length ? datumInitial : 0, ");") +
                                 "} catch( e2 ) {" +
                                 "return 0;" +
                                 "}" +
@@ -74310,7 +74324,7 @@ var DDiagram = /** @class */ (function (_super) {
                             shapeDatum.value = initialMap[datumInitial] = Function(
                             /* eslint-disable prettier/prettier */
                             "try {" +
-                                ("return (" + datumInitial + ");") +
+                                "return (".concat(datumInitial, ");") +
                                 "} catch( e ) {" +
                                 "return 0;" +
                                 "}"
@@ -74542,8 +74556,9 @@ var DDialogProcessingMessage = /** @class */ (function (_super) {
 var DDialogProcessing = /** @class */ (function (_super) {
     __extends(DDialogProcessing, _super);
     function DDialogProcessing(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._isDone = true;
         _this._startTime = 0;
         var delay = options === null || options === void 0 ? void 0 : options.delay;
@@ -75989,20 +76004,20 @@ var DMapTilePyramidImpl = /** @class */ (function (_super) {
  */
 var DMapTileUrlBuilderKokudo = function (tz, tx, ty) {
     if (5 <= tz) {
-        return "https://cyberjapandata.gsi.go.jp/xyz/pale/" + tz + "/" + tx + "/" + ty + ".png";
+        return "https://cyberjapandata.gsi.go.jp/xyz/pale/".concat(tz, "/").concat(tx, "/").concat(ty, ".png");
     }
     else if (2 <= tz) {
-        return "https://cyberjapandata.gsi.go.jp/xyz/std/" + tz + "/" + tx + "/" + ty + ".png";
+        return "https://cyberjapandata.gsi.go.jp/xyz/std/".concat(tz, "/").concat(tx, "/").concat(ty, ".png");
     }
     else {
-        return "https://cyberjapandata.gsi.go.jp/xyz/earthhillshade/" + tz + "/" + tx + "/" + ty + ".png";
+        return "https://cyberjapandata.gsi.go.jp/xyz/earthhillshade/".concat(tz, "/").concat(tx, "/").concat(ty, ".png");
     }
 };
 var DMapTileUrlBuilderOsm = function (tz, tx, ty) {
-    return "https://" + "abc"[(tx + ty) % 3] + ".tile.openstreetmap.org/" + tz + "/" + tx + "/" + ty + ".png";
+    return "https://".concat("abc"[(tx + ty) % 3], ".tile.openstreetmap.org/").concat(tz, "/").concat(tx, "/").concat(ty, ".png");
 };
 var DMapTileUrlBuilderOsmfj = function (tz, tx, ty) {
-    return "https://j.tile.openstreetmap.jp/" + tz + "/" + tx + "/" + ty + ".png";
+    return "https://j.tile.openstreetmap.jp/".concat(tz, "/").concat(tx, "/").concat(ty, ".png");
 };
 var DMapTilePyramids = /** @class */ (function () {
     function DMapTilePyramids() {
@@ -76189,8 +76204,9 @@ var defaultFilter = function () { return true; };
 var DMenuSidedSelection = /** @class */ (function (_super) {
     __extends(DMenuSidedSelection, _super);
     function DMenuSidedSelection(content, options) {
+        var _this = this;
         var _a, _b, _c;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         _this._content = content;
         _this._item = null;
         _this._isDirty = true;
@@ -76311,8 +76327,9 @@ var DMenuSidedSelection = /** @class */ (function (_super) {
 var DMenuSided = /** @class */ (function (_super) {
     __extends(DMenuSided, _super);
     function DMenuSided(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         var context = new DMenuContext(_this);
         _this._context = context;
         context.add(_this);
@@ -76540,8 +76557,9 @@ var DPaginationPage = /** @class */ (function (_super) {
 var DPagination = /** @class */ (function (_super) {
     __extends(DPagination, _super);
     function DPagination(options) {
+        var _this = this;
         var _a, _b, _c, _d;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         if (options != null) {
             _this._size = (_b = (_a = options.size) !== null && _a !== void 0 ? _a : options.total) !== null && _b !== void 0 ? _b : 10;
             _this._value = (_d = (_c = options.value) !== null && _c !== void 0 ? _c : options.selected) !== null && _d !== void 0 ? _d : 0;
@@ -77473,7 +77491,7 @@ var DSlider = /** @class */ (function (_super) {
         var text = options.text || {};
         options.text = text;
         if (text.value == null) {
-            text.value = "" + options.value;
+            text.value = "".concat(options.value);
         }
         return options;
     };
@@ -77488,7 +77506,7 @@ var DSlider = /** @class */ (function (_super) {
         var text = options.text || {};
         options.text = text;
         if (text.value == null) {
-            text.value = "" + options.value;
+            text.value = "".concat(options.value);
         }
         return options;
     };
@@ -77915,8 +77933,9 @@ var DTableBodyCells = /** @class */ (function () {
 var DTableBodyCellSelectDialog = /** @class */ (function (_super) {
     __extends(DTableBodyCellSelectDialog, _super);
     function DTableBodyCellSelectDialog(columnIndex, column, onChange, options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._rowIndex = -1;
         _this._columnIndex = columnIndex;
         _this._column = column;
@@ -78120,8 +78139,9 @@ var DTableBodyCellActionMenu = /** @class */ (function (_super) {
 var DTableBodyCellSelectPromise = /** @class */ (function (_super) {
     __extends(DTableBodyCellSelectPromise, _super);
     function DTableBodyCellSelectPromise(columnIndex, column, onChange, options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._rowIndex = -1;
         _this._columnIndex = columnIndex;
         _this._column = column;
@@ -78310,8 +78330,9 @@ var DTableBodyCellText = /** @class */ (function (_super) {
 var DTableBodyCellButton = /** @class */ (function (_super) {
     __extends(DTableBodyCellButton, _super);
     function DTableBodyCellButton(columnIndex, column, onChange, options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, columnIndex, column, onChange, options) || this;
+        _this = _super.call(this, columnIndex, column, onChange, options) || this;
         var when = toEnum((_a = options === null || options === void 0 ? void 0 : options.when) !== null && _a !== void 0 ? _a : DButtonBaseWhen.CLICKED, DButtonBaseWhen);
         _this._when = when;
         _this.initOnClick(when, _this.theme, options);
@@ -79692,8 +79713,9 @@ var DTableBodyCellTime = /** @class */ (function (_super) {
 var DTableBodyCellTree = /** @class */ (function (_super) {
     __extends(DTableBodyCellTree, _super);
     function DTableBodyCellTree(columnIndex, column, onChange, options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, columnIndex, column, onChange, DLinks.toStateOptions((_a = options === null || options === void 0 ? void 0 : options.link) === null || _a === void 0 ? void 0 : _a.target, options)) || this;
+        _this = _super.call(this, columnIndex, column, onChange, DLinks.toStateOptions((_a = options === null || options === void 0 ? void 0 : options.link) === null || _a === void 0 ? void 0 : _a.target, options)) || this;
         _this._padding = new DBasePaddingAdjustable(_this._padding);
         return _this;
     }
@@ -79819,8 +79841,9 @@ var DTableDataSelectionType = {
 var DTableRow = /** @class */ (function (_super) {
     __extends(DTableRow, _super);
     function DTableRow(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._reverse = true;
         _this._frozen = (_a = options.frozen) !== null && _a !== void 0 ? _a : 0;
         _this._columns = (_b = options.columns) !== null && _b !== void 0 ? _b : [];
@@ -80427,8 +80450,9 @@ var COMPARATOR$1 = function (a, b) {
 var DTableDataListSelection = /** @class */ (function (_super) {
     __extends(DTableDataListSelection, _super);
     function DTableDataListSelection(parent, options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         _this._parent = parent;
         _this._type = toEnum((_a = options === null || options === void 0 ? void 0 : options.type) !== null && _a !== void 0 ? _a : DTableDataSelectionType.NONE, DTableDataSelectionType);
         _this._indices = new Set();
@@ -81107,8 +81131,9 @@ var toRowOptions = function (theme, options, selectionType) {
 var DTableBody = /** @class */ (function (_super) {
     __extends(DTableBody, _super);
     function DTableBody(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this.transform.position.y = (_a = options.offset) !== null && _a !== void 0 ? _a : 0;
         var data = _this.toData(options.data);
         _this._data = data;
@@ -81495,8 +81520,9 @@ var DTableCategoryCell = /** @class */ (function (_super) {
 var DTableCategory = /** @class */ (function (_super) {
     __extends(DTableCategory, _super);
     function DTableCategory(options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         var offset = (_a = options.offset) !== null && _a !== void 0 ? _a : 0;
         _this._offset = offset;
         _this.transform.position.y = offset;
@@ -81754,8 +81780,9 @@ var COMPARATOR = function (a, b) {
 var DTableDataTreeSelectionImpl = /** @class */ (function (_super) {
     __extends(DTableDataTreeSelectionImpl, _super);
     function DTableDataTreeSelectionImpl(parent, options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this) || this;
+        _this = _super.call(this) || this;
         _this._parent = parent;
         _this._type = toEnum((_a = options === null || options === void 0 ? void 0 : options.type) !== null && _a !== void 0 ? _a : DTableDataSelectionType.NONE, DTableDataSelectionType);
         _this._rows = new Set();
@@ -82729,8 +82756,9 @@ var DTableHeaderCell = /** @class */ (function (_super) {
 var DTableHeader = /** @class */ (function (_super) {
     __extends(DTableHeader, _super);
     function DTableHeader(options) {
+        var _this = this;
         var _a, _b;
-        var _this = _super.call(this, options) || this;
+        _this = _super.call(this, options) || this;
         _this._table = (_a = options.table) !== null && _a !== void 0 ? _a : null;
         var offset = (_b = options.offset) !== null && _b !== void 0 ? _b : 0;
         _this._offset = offset;
@@ -84764,8 +84792,9 @@ var DTreeItemText = /** @class */ (function (_super) {
 var DTreeItemButton = /** @class */ (function (_super) {
     __extends(DTreeItemButton, _super);
     function DTreeItemButton(data, options) {
+        var _this = this;
         var _a;
-        var _this = _super.call(this, data, options) || this;
+        _this = _super.call(this, data, options) || this;
         var when = toEnum((_a = options === null || options === void 0 ? void 0 : options.when) !== null && _a !== void 0 ? _a : DButtonBaseWhen.CLICKED, DButtonBaseWhen);
         _this._when = when;
         _this.initOnClick(when, _this.theme, options);