@wcardinal/wcardinal-ui 0.372.0 → 0.374.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.372.0
+ Winter Cardinal UI v0.374.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -2563,9 +2563,11 @@ var EShapeConnectorContainerImpl = /** @class */ (function () {
         });
         return this;
     };
-    EShapeConnectorContainerImpl.prototype.detach = function () {
+    EShapeConnectorContainerImpl.prototype.detach = function (exceptions) {
         this._edges.forEach(function (edge) {
-            edge.set(null);
+            if (exceptions == null || !exceptions.has(edge.parent)) {
+                edge.set(null);
+            }
         });
         return this;
     };
@@ -4475,7 +4477,7 @@ var PRIMITIVE = ID | COORDINATE | SHAPE | TEXT$2 | TEXTURE | DATA | ACTION | CUR
 var GROUP = PRIMITIVE | UNGROUPING;
 var EMBEDDED = ID | COORDINATE | REPLACING | GROUPING | TEXT$2 | DATA | ACTION | LAYER | DATA_MAPPING;
 var EMBEDDED_ACCEPTOR_EDGE = ID | COORDINATE | REPLACING | FILL$1 | STROKE$1 | TEXT$2 | TEXTURE | DATA | ACTION | CURSOR$1 | LAYER;
-var CONNECTOR = ID | REPLACING | FILL$1 | STROKE$1 | LINE | LINE_TAIL | LINE_HEAD | TEXT$2 | TEXTURE | DATA | ACTION | CURSOR$1 | LAYER | CHILDREN$1;
+var CONNECTOR = ID | SHAPE | TEXT$2 | TEXTURE | DATA | ACTION | CURSOR$1 | LAYER | CHILDREN$1;
 var ALL = PRIMITIVE | STROKE_SIDE | BORDER_RADIUS | DATA_MAPPING | UNGROUPING;
 var EShapeCapability = {
     NONE: NONE,
@@ -4641,6 +4643,44 @@ var EShapeCapabilityContainerImpl = /** @class */ (function () {
     return EShapeCapabilityContainerImpl;
 }());
 
+var EShapeLock = /** @class */ (function () {
+    function EShapeLock() {
+        this._count = 0;
+        this._flag = 0;
+    }
+    EShapeLock.prototype.lock = function () {
+        this._count += 1;
+        if (this._count === 1) {
+            this._flag = 0;
+            return true;
+        }
+        return false;
+    };
+    EShapeLock.prototype.unlock = function () {
+        this._count -= 1;
+        return this._count <= 0 && this._flag !== 0;
+    };
+    EShapeLock.prototype.isLocked = function (high) {
+        if (0 < this._count) {
+            this._flag |= high ? 3 : 1;
+            return true;
+        }
+        return false;
+    };
+    EShapeLock.prototype.isHigh = function () {
+        return 1 < this._flag;
+    };
+    return EShapeLock;
+}());
+
+var EShapeLockPart = {
+    TRANSFORM: 1,
+    TRANSFORM_PARENT: 2,
+    UPLOADED: 4,
+    TRANSFORM_AND_UPLOADED: 7,
+    CONNECTOR: 8
+};
+
 /*
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
@@ -4653,13 +4693,11 @@ var EShapeBase = /** @class */ (function (_super) {
         _this.uuid = 0;
         _this.type = type;
         _this.transform = _this.newTransform();
-        _this._onTransformChangeLock = 0;
-        _this._isOnTransformChanged = false;
         _this.action = new EShapeAction();
         _this._visible = true;
-        _this._uploadedUpdateLock = 0;
-        _this._isUploadedUpdated = false;
-        _this._isUploadedUpdatedRecursively = false;
+        _this._lockTransform = new EShapeLock();
+        _this._lockTransformParent = new EShapeLock();
+        _this._lockUploaded = new EShapeLock();
         _this._boundsTransformId = NaN;
         _this._boundsInternalTransformId = NaN;
         _this._boundsLocalTransformId = NaN;
@@ -4700,6 +4738,9 @@ var EShapeBase = /** @class */ (function (_super) {
         this.onParentTransformChange();
     };
     EShapeBase.prototype.onParentTransformChange = function () {
+        if (this._lockTransformParent.isLocked()) {
+            return;
+        }
         this.updateUploaded();
         var connector = this._connector;
         if (connector != null) {
@@ -4711,79 +4752,62 @@ var EShapeBase = /** @class */ (function (_super) {
         }
     };
     EShapeBase.prototype.onTransformChange_ = function () {
-        if (this._onTransformChangeLock === 0) {
-            var parent_1 = this.parent;
-            if (parent_1 != null) {
-                parent_1.onChildTransformChange();
-            }
+        if (this._lockTransform.isLocked()) {
+            return;
         }
-        else {
-            this._isOnTransformChanged = true;
+        var parent = this.parent;
+        if (parent != null) {
+            parent.onChildTransformChange();
         }
     };
-    EShapeBase.prototype.disallowOnTransformChange = function () {
-        this._onTransformChangeLock += 1;
-        if (this._onTransformChangeLock === 1) {
-            this._isOnTransformChanged = false;
+    EShapeBase.prototype.lock = function (part) {
+        if (part & EShapeLockPart.TRANSFORM) {
+            this._lockTransform.lock();
+        }
+        if (part & EShapeLockPart.TRANSFORM_PARENT) {
+            this._lockTransformParent.lock();
         }
+        if (part & EShapeLockPart.UPLOADED) {
+            this._lockUploaded.lock();
+        }
+        return this;
     };
-    EShapeBase.prototype.allowOnTransformChange = function (invokeOnTransformChange) {
-        this._onTransformChangeLock -= 1;
-        if (this._onTransformChangeLock === 0) {
-            if (this._isOnTransformChanged) {
-                this._isOnTransformChanged = false;
-                if (invokeOnTransformChange) {
-                    this.onTransformChange();
-                }
+    EShapeBase.prototype.unlock = function (part, invoke) {
+        if (part & EShapeLockPart.UPLOADED) {
+            var lockUploaded = this._lockUploaded;
+            if (lockUploaded.unlock() && invoke) {
+                this.updateUploaded(lockUploaded.isHigh());
+            }
+        }
+        if (part & EShapeLockPart.TRANSFORM_PARENT) {
+            if (this._lockTransformParent.unlock() && invoke) {
+                this.onParentTransformChange();
+            }
+        }
+        if (part & EShapeLockPart.TRANSFORM) {
+            if (this._lockTransform.unlock() && invoke) {
+                this.onTransformChange();
             }
         }
+        return this;
     };
     EShapeBase.prototype.onChildTransformChange = function () {
         //
     };
-    EShapeBase.prototype.disallowUploadedUpdate = function () {
-        this._uploadedUpdateLock += 1;
-        if (this._uploadedUpdateLock === 1) {
-            this._isUploadedUpdated = false;
-            this._isUploadedUpdatedRecursively = false;
+    EShapeBase.prototype.updateUploaded = function (recursively) {
+        if (this._lockUploaded.isLocked()) {
+            return;
         }
-    };
-    EShapeBase.prototype.allowUploadedUpdate = function () {
-        this._uploadedUpdateLock -= 1;
-        if (this._uploadedUpdateLock === 0) {
-            if (this._isUploadedUpdatedRecursively) {
-                this._isUploadedUpdatedRecursively = false;
-                this._isUploadedUpdated = false;
-                this.updateUploadedRecursively();
-            }
-            else if (this._isUploadedUpdated) {
-                this._isUploadedUpdated = false;
-                this.updateUploaded();
-            }
+        var uploaded = this.uploaded;
+        if (uploaded != null) {
+            uploaded.update(this);
         }
-    };
-    EShapeBase.prototype.updateUploadedRecursively = function () {
-        if (this._uploadedUpdateLock === 0) {
-            this.updateUploaded();
+        if (recursively === true) {
             var children = this.children;
             for (var i = 0, imax = children.length; i < imax; ++i) {
-                children[i].updateUploadedRecursively();
+                children[i].updateUploaded(true);
             }
         }
-        else {
-            this._isUploadedUpdatedRecursively = true;
-        }
-    };
-    EShapeBase.prototype.updateUploaded = function () {
-        if (this._uploadedUpdateLock === 0) {
-            var uploaded = this.uploaded;
-            if (uploaded != null) {
-                uploaded.update(this);
-            }
-        }
-        else {
-            this._isUploadedUpdated = true;
-        }
     };
     Object.defineProperty(EShapeBase.prototype, "image", {
         get: function () {
@@ -4828,9 +4852,9 @@ var EShapeBase = /** @class */ (function (_super) {
     Object.defineProperty(EShapeBase.prototype, "visible", {
         get: function () {
             if (this._visible) {
-                var parent_2 = this.parent;
-                if (parent_2 instanceof EShapeBase) {
-                    return parent_2.visible;
+                var parent_1 = this.parent;
+                if (parent_1 instanceof EShapeBase) {
+                    return parent_1.visible;
                 }
                 return true;
             }
@@ -4839,7 +4863,7 @@ var EShapeBase = /** @class */ (function (_super) {
         set: function (visible) {
             if (this._visible !== visible) {
                 this._visible = visible;
-                this.updateUploadedRecursively();
+                this.updateUploaded(true);
             }
         },
         enumerable: false,
@@ -4848,9 +4872,9 @@ var EShapeBase = /** @class */ (function (_super) {
     Object.defineProperty(EShapeBase.prototype, "worldVisible", {
         get: function () {
             if (this._visible) {
-                var parent_3 = this.parent;
-                if (parent_3) {
-                    return parent_3.worldVisible;
+                var parent_2 = this.parent;
+                if (parent_2) {
+                    return parent_2.worldVisible;
                 }
                 return true;
             }
@@ -4894,7 +4918,7 @@ var EShapeBase = /** @class */ (function (_super) {
             children[i].onAttach();
         }
     };
-    EShapeBase.prototype.detach = function () {
+    EShapeBase.prototype.detach = function (exceptions) {
         var parent = this.parent;
         if (parent) {
             this.parent = null;
@@ -4904,20 +4928,20 @@ var EShapeBase = /** @class */ (function (_super) {
                 children.splice(index, 1);
                 parent.onChildTransformChange();
                 parent.toDirty();
-                this.onDetach();
+                this.onDetach(exceptions);
             }
         }
         return this;
     };
-    EShapeBase.prototype.onDetach = function () {
+    EShapeBase.prototype.onDetach = function (exceptions) {
         this.uploaded = undefined;
         var connector = this._connector;
         if (connector) {
-            connector.detach();
+            connector.detach(exceptions);
         }
         var children = this.children;
         for (var i = 0, imax = children.length; i < imax; ++i) {
-            children[i].onDetach();
+            children[i].onDetach(exceptions);
         }
     };
     // Transform
@@ -13774,9 +13798,8 @@ 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;
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         // Transform
         var transform = _this.transform;
         _this._position = new DBasePoint(transform.position, function (newX, newY, oldX, oldY) {
@@ -15294,9 +15317,8 @@ var DAnimationTimings = /** @class */ (function () {
 var DAnimationBase = /** @class */ (function (_super) {
     __extends(DAnimationBase, _super);
     function DAnimationBase(options) {
-        var _this = this;
         var _a, _b, _c;
-        _this = _super.call(this) || this;
+        var _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;
@@ -16087,9 +16109,8 @@ var DViewTransformImpl = /** @class */ (function () {
 var DViewImpl = /** @class */ (function (_super) {
     __extends(DViewImpl, _super);
     function DViewImpl(parent, toTarget, options) {
-        var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._parent = parent;
         _this._toTarget = toTarget;
         _this._constraint = (options && options.constraint) || DViewImpl.CONSTRAINT;
@@ -16932,10 +16953,10 @@ var EShapeTransforms = /** @class */ (function () {
         // Size
         editor.size.copyFrom(shape.size);
         //
-        shape.disallowOnTransformChange();
+        shape.lock(EShapeLockPart.TRANSFORM);
     };
     EShapeTransforms.finalize = function (shape) {
-        shape.allowOnTransformChange(true);
+        shape.unlock(EShapeLockPart.TRANSFORM, true);
     };
     EShapeTransforms.apply = function (shape, transform, capability) {
         var editor = shape.editor;
@@ -16949,7 +16970,7 @@ var EShapeTransforms = /** @class */ (function () {
         }
     };
     EShapeTransforms.applyLocal = function (shape, localTransform, capability, size) {
-        shape.disallowUploadedUpdate();
+        shape.lock(EShapeLockPart.UPLOADED);
         // Reconstruct the position, the rotation and the size
         var a = localTransform.a;
         var b = localTransform.b;
@@ -17009,7 +17030,7 @@ var EShapeTransforms = /** @class */ (function () {
             }
         }
         //
-        shape.allowUploadedUpdate();
+        shape.unlock(EShapeLockPart.UPLOADED, true);
     };
     return EShapeTransforms;
 }());
@@ -17063,9 +17084,9 @@ var EShapeGroupSizeLayout = /** @class */ (function () {
             .translate(-pivotX, -pivotY)
             .scale(sx, sy)
             .translate(+pivotX, +pivotY);
-        shape.disallowOnTransformChange();
+        shape.lock(EShapeLockPart.TRANSFORM);
         EShapeTransforms.applyLocal(shape, transform, EShapeCapability.ALL, childBase);
-        shape.allowOnTransformChange(false);
+        shape.unlock(EShapeLockPart.TRANSFORM, false);
     };
     EShapeGroupSizeLayout.WORK_TRANSFORM = new pixi_js.Matrix();
     return EShapeGroupSizeLayout;
@@ -17169,41 +17190,43 @@ var EShapeGroupSizeEditor = /** @class */ (function () {
     };
     EShapeGroupSizeEditor.prototype.doFit = function () {
         var parent = this._parent;
-        parent.disallowOnTransformChange();
+        parent.lock(EShapeLockPart.TRANSFORM | EShapeLockPart.TRANSFORM_PARENT);
         // Calculate the rect
         var rect = this.calcRect(this._workRectForFit);
         // Set size
         var size = this._size;
         size.set(rect.width, rect.height);
-        // Position & Pivot
-        // rx := rect.x
-        // ry := rect.y
+        // Calculating new position & pivot
+        //
+        // cx := rect.x + rect.width * 0.5
+        // cy := rect.y + rect.height * 0.5
+        //
+        // Since the local transform need to be unchanged:
+        //
+        // | a c tx |   | a c px' - (a * pvx' + c * pvy') |
+        // | b d ty | = | b d py' - (b * pvx' + d * pvy') |
+        // | 0 0 1  |   | 0 0 1                           |
         //
-        // | a c tx | | 1 0 +rx | | 1 0 -rx |   | a c tx + (a * rx + c * ry) | | 1 0 -rx |
-        // | b d ty | | 0 1 +ry | | 0 1 -ry | = | b d ty + (b * rx + d * ry) | | 0 1 -ry |
-        // | 0 0 1  | | 0 0  1  | | 0 0  1  |   | 0 0 1                      | | 0 0  1  |
+        // Here, (px', py') and (pvx', pvy') are the new position
+        // and the new pivot, respectively.
         //
-        // tx -> tx + (a * rx + c * ry) = poxition.x - (a * pivot.x + c * pivot.y)
-        // ty -> ty + (b * rx + d * ry) = poxition.y - (b * pivot.x + d * pivot.y)
-        // position.x -> position.x + (a * rx + c * ry) - (a * pivot.x + c * pivot.y)
-        // position.y -> position.y + (b * rx + d * ry) - (b * pivot.x + d * pivot.y)
-        // pivot.x -> 0
-        // pivot.y -> 0
+        // Setting the new pivot (pvx', pvy') to (cx, cy) leads to
         //
-        // a -> a', b -> b', c -> c', tx -> tx', ty -> ty'
+        // | a c tx |   | a c px' - (a * cx + c * cy) |
+        // | b d ty | = | b d py' - (b * cx + d * cy) |
+        // | 0 0 1  |   | 0 0 1                       |
         //
-        // | a' c' tx' | | 1 0 -rx |   | a' c' tx' - (a' * rx + c' * ry) |
-        // | b' d' ty' | | 0 1 -ry | = | b' d' ty' - (b' * rx + d' * ry) |
-        // | 0  0  1   | | 0 0  1  |   | 0  0  1                         |
+        // tx = px - (a * pvx + c * pvy) = px' - (a * cx + c * cy)
+        // ty = py - (b * pvx + d * pvy) = py' - (b * cx + d * cy)
         //
-        // tx' -> tx' - (a' * rx + c' * ry) = poxition.x - (a' * pivot.x + c' * pivot.y)
-        // ty' -> ty' - (b' * rx + d' * ry) = poxition.y - (b' * pivot.x + d' * pivot.y)
-        // pivot.x -> pivot.x + rx
-        // pivot.y -> pivot.y + ry
+        // Thus, the new position (px', py') is
+        //
+        // px' = px + (a * (cx - pvx) + c * (cy - pvy))
+        // py' = py + (b * (cy - pvx) + d * (cy - pvy))
         parent.updateTransform();
         var transform = parent.transform;
-        var x = rect.x + rect.width * 0.5;
-        var y = rect.y + rect.height * 0.5;
+        var cx = rect.x + rect.width * 0.5;
+        var cy = rect.y + rect.height * 0.5;
         var position = transform.position;
         var localTransform = transform.localTransform;
         var a = localTransform.a;
@@ -17211,12 +17234,16 @@ var EShapeGroupSizeEditor = /** @class */ (function () {
         var c = localTransform.c;
         var d = localTransform.d;
         var pivot = transform.pivot;
-        position.set(position.x + (a * x + c * y) - (a * pivot.x + c * pivot.y), position.y + (b * x + d * y) - (b * pivot.x + d * pivot.y));
-        pivot.set(x, y);
+        var pvx = pivot.x;
+        var pvy = pivot.y;
+        var dpvx = cx - pvx;
+        var dpvy = cy - pvy;
+        position.set(position.x + (a * dpvx + c * dpvy), position.y + (b * dpvx + d * dpvy));
+        pivot.set(cx, cy);
         // Reset the data
         this.reset(parent.children, this._layouts, size);
         //
-        parent.allowOnTransformChange(true);
+        parent.unlock(EShapeLockPart.TRANSFORM | EShapeLockPart.TRANSFORM_PARENT, true);
     };
     EShapeGroupSizeEditor.prototype.reset = function (children, layouts, size) {
         for (var i = 0, imax = Math.min(layouts.length, children.length); i < imax; ++i) {
@@ -18611,9 +18638,9 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
         }
         return this;
     };
-    EShapeConnectorEdgeImpl.prototype.detach = function () {
+    EShapeConnectorEdgeImpl.prototype.detach = function (exceptions) {
         var shape = this._acceptor.shape;
-        if (shape) {
+        if (shape != null && (exceptions == null || !exceptions.has(shape))) {
             if (shape.connector.remove(this)) {
                 this.onAcceptorChange();
             }
@@ -18725,10 +18752,10 @@ var EShapeConnectorEdgeContainerImpl = /** @class */ (function () {
         this.unlock();
         return this;
     };
-    EShapeConnectorEdgeContainerImpl.prototype.detach = function () {
+    EShapeConnectorEdgeContainerImpl.prototype.detach = function (exceptions) {
         this.lock();
-        this._tail.detach();
-        this._head.detach();
+        this._tail.detach(exceptions);
+        this._head.detach(exceptions);
         this.unlock();
         return this;
     };
@@ -20097,8 +20124,7 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         _this._headNormalId = 0;
         _this._headMargin = 0;
         _this._bodyId = 0;
-        _this._lockCount = 0;
-        _this._isChanged = false;
+        _this._lockChange = new EShapeLock();
         var sx = EShapeDefaults.SIZE_X;
         var sy = EShapeDefaults.SIZE_Y;
         var hx = sx * 0.5;
@@ -20111,20 +20137,20 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         _this._body = new EShapeConnectorBodyImpl(_this, onChangeBound);
         return _this;
     }
-    EShapeConnectorLine.prototype.lock = function () {
-        this._lockCount += 1;
-        if (this._lockCount === 1) {
-            this._isChanged = false;
+    EShapeConnectorLine.prototype.lock = function (part) {
+        _super.prototype.lock.call(this, part);
+        if (part & EShapeLockPart.CONNECTOR) {
+            this._lockChange.lock();
         }
+        return this;
     };
-    EShapeConnectorLine.prototype.unlock = function () {
-        this._lockCount -= 1;
-        if (this._lockCount === 0) {
-            if (this._isChanged) {
+    EShapeConnectorLine.prototype.unlock = function (part, invoke) {
+        if (part & EShapeLockPart.CONNECTOR) {
+            if (this._lockChange.unlock() && invoke) {
                 this.onChange();
             }
-            this._isChanged = false;
         }
+        return _super.prototype.unlock.call(this, part, invoke);
     };
     Object.defineProperty(EShapeConnectorLine.prototype, "points", {
         get: function () {
@@ -20151,14 +20177,13 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
         _super.prototype.onAttach.call(this);
         this._edge.attach();
     };
-    EShapeConnectorLine.prototype.onDetach = function () {
-        this._edge.detach();
-        _super.prototype.onDetach.call(this);
+    EShapeConnectorLine.prototype.onDetach = function (exceptions) {
+        this._edge.detach(exceptions);
+        _super.prototype.onDetach.call(this, exceptions);
     };
     EShapeConnectorLine.prototype.onChange = function () {
         var _a;
-        if (0 < this._lockCount) {
-            this._isChanged = true;
+        if (this._lockChange.isLocked()) {
             return;
         }
         var edge = this._edge;
@@ -20206,7 +20231,7 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
                 values[i + 0] -= cx;
                 values[i + 1] -= cy;
             }
-            this.disallowUploadedUpdate();
+            this.lock(EShapeLockPart.TRANSFORM_AND_UPLOADED);
             transformPosition.set(px + cx, py + cy);
             transform.scale.set(1, 1);
             transform.rotation = 0;
@@ -20214,7 +20239,7 @@ var EShapeConnectorLine = /** @class */ (function (_super) {
             points.toFitted(sx, sy);
             this.size.set(sx, sy);
             points.set(values);
-            this.allowUploadedUpdate();
+            this.unlock(EShapeLockPart.TRANSFORM_AND_UPLOADED, true);
         }
     };
     EShapeConnectorLine.prototype.fillPoints = function (tail, tailMargin, head, headMargin, body, px, py, values) {
@@ -24263,12 +24288,12 @@ var EShapeRuntimeImpl = /** @class */ (function () {
         this.interactive = false;
     }
     EShapeRuntimeImpl.prototype.initialize = function (shape) {
-        shape.disallowUploadedUpdate();
+        shape.lock(EShapeLockPart.UPLOADED);
         var actions = this.actions;
         for (var i = 0, imax = actions.length; i < imax; ++i) {
             actions[i].initialize(shape, this);
         }
-        shape.allowUploadedUpdate();
+        shape.unlock(EShapeLockPart.UPLOADED, true);
     };
     EShapeRuntimeImpl.prototype.isActionable = function () {
         return 0 < this.actions.length;
@@ -24595,9 +24620,9 @@ var EShapeRuntimeImpl = /** @class */ (function () {
             if (isEffectTimeUp) {
                 this.effect = NaN;
             }
-            shape.disallowUploadedUpdate();
+            shape.lock(EShapeLockPart.UPLOADED);
             this.onUpdate(shape, time);
-            shape.allowUploadedUpdate();
+            shape.unlock(EShapeLockPart.UPLOADED, true);
             var wasStateChanged = this.isStateChanged;
             shape.state.removeAll(EShapeRuntimeImpl.TRANSIENT_STATES);
             this.isStateChanged = wasStateChanged;
@@ -25159,9 +25184,8 @@ var EShapeActionRuntimeMiscHtmlElement = /** @class */ (function (_super) {
 var UtilInput = /** @class */ (function (_super) {
     __extends(UtilInput, _super);
     function UtilInput(target, operation, theme, options) {
-        var _this = this;
         var _a, _b, _c, _d, _e, _f;
-        _this = _super.call(this, target, operation, theme, options) || this;
+        var _this = _super.call(this, target, operation, theme, options) || this;
         _this._operation = operation;
         _this._onInputKeyDownBound = function (e) {
             _this.onInputKeyDown(e);
@@ -25294,9 +25318,8 @@ 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;
-        _this = _super.call(this, target, operation, theme, options) || this;
+        var _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();
@@ -38653,7 +38676,7 @@ var onDeserializedConnectorLine = function (item, shape, mapping, manager) {
                 manager.setExtension(resourceId, parsed);
             }
             // Lock
-            shape.lock();
+            shape.lock(EShapeLockPart.CONNECTOR);
             // Points
             var points = shape.points;
             points.deserialize(parsed[1], manager);
@@ -38671,7 +38694,7 @@ var onDeserializedConnectorLine = function (item, shape, mapping, manager) {
                 body.set(EShapeConnectorBodies.from(points.values, edge.tail.margin, edge.head.margin));
             }
             // Unlock
-            shape.unlock();
+            shape.unlock(EShapeLockPart.CONNECTOR, true);
         }
     }
 };
@@ -39611,6 +39634,7 @@ var EShapeGroup = /** @class */ (function (_super) {
             clone.parent = result;
             result.children.push(clone);
         }
+        EShapeConnectors.moveAll(children, result.children, children, result.children);
         result.onChildTransformChange();
         result.toDirty();
         return result;
@@ -43478,9 +43502,8 @@ var DImage = /** @class */ (function (_super) {
 var DMenuItemBase = /** @class */ (function (_super) {
     __extends(DMenuItemBase, _super);
     function DMenuItemBase(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _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;
     }
@@ -45498,7 +45521,7 @@ var toResized = function (shape, from, to, centerMode, isPerfect) {
     var cposition = EShapeCapabilities.contains(shape, EShapeCapability.POSITION);
     var cwidth = EShapeCapabilities.contains(shape, EShapeCapability.WIDTH);
     var cheight = EShapeCapabilities.contains(shape, EShapeCapability.HEIGHT);
-    shape.disallowUploadedUpdate();
+    shape.lock(EShapeLockPart.UPLOADED);
     var position = shape.transform.position;
     if (centerMode) {
         var dx = Math.abs(to.x - from.x);
@@ -45595,7 +45618,7 @@ var toResized = function (shape, from, to, centerMode, isPerfect) {
             }
         }
     }
-    shape.allowUploadedUpdate();
+    shape.unlock(EShapeLockPart.UPLOADED, true);
 };
 
 /*
@@ -45851,14 +45874,26 @@ var EShapeSearch = /** @class */ (function () {
 var EShapeDeleter = /** @class */ (function () {
     function EShapeDeleter() {
     }
+    EShapeDeleter.addAll = function (shapes, result) {
+        for (var i = 0, imax = shapes.length; i < imax; ++i) {
+            var shape = shapes[i];
+            result.add(shape);
+            this.addAll(shape.children, result);
+        }
+        return result;
+    };
     EShapeDeleter.delete = function (parent, shapes, generateListOfDetachedShapes) {
+        var _a;
         var children = parent.children;
         var length = children.length;
         // Update indices
+        var exceptions = ((_a = EShapeDeleter.EXCEPTIONS) !== null && _a !== void 0 ? _a : (EShapeDeleter.EXCEPTIONS = new Set()));
         for (var i = 0; i < length; ++i) {
             var child = children[i];
             if (child.selected) {
                 child.index = length + i;
+                exceptions.add(child);
+                this.addAll(child.children, exceptions);
             }
             else {
                 child.index = i;
@@ -45875,9 +45910,10 @@ var EShapeDeleter = /** @class */ (function () {
                     child.parent = null;
                     child.selected = false;
                     child.uploaded = undefined;
-                    child.onDetach();
+                    child.onDetach(exceptions);
                 }
                 else {
+                    exceptions.clear();
                     var size = children.length - (i + 1);
                     if (0 < size) {
                         var result = children.splice(i + 1, size);
@@ -45896,6 +45932,7 @@ var EShapeDeleter = /** @class */ (function () {
                     }
                 }
             }
+            exceptions.clear();
             if (0 < children.length) {
                 var result = children.splice(0, children.length);
                 if (shapes != null) {
@@ -45919,9 +45956,10 @@ var EShapeDeleter = /** @class */ (function () {
                     child.parent = null;
                     child.selected = false;
                     child.uploaded = undefined;
-                    child.onDetach();
+                    child.onDetach(exceptions);
                 }
                 else {
+                    exceptions.clear();
                     children.length = i + 1;
                     if (shapes != null) {
                         shapes.length = 0;
@@ -45931,6 +45969,7 @@ var EShapeDeleter = /** @class */ (function () {
                     return null;
                 }
             }
+            exceptions.clear();
             if (0 < children.length) {
                 children.length = 0;
                 if (shapes != null) {
@@ -46053,9 +46092,8 @@ var EShapeResourceManagerSerialization = /** @class */ (function () {
 var ESnapperGrid = /** @class */ (function (_super) {
     __extends(ESnapperGrid, _super);
     function ESnapperGrid(theme, options) {
-        var _this = this;
         var _a, _b, _c;
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._isVisibleDefault = (_a = options === null || options === void 0 ? void 0 : options.visible) !== null && _a !== void 0 ? _a : theme.isSnapGridVisible();
         _this._isVisible = _this._isVisibleDefault;
         _this._isEnabledDefault = (_b = options === null || options === void 0 ? void 0 : options.enable) !== null && _b !== void 0 ? _b : theme.isSnapGridEnabled();
@@ -46198,9 +46236,8 @@ var ESnapperTargetValue = /** @class */ (function () {
 var ESnapperTarget = /** @class */ (function (_super) {
     __extends(ESnapperTarget, _super);
     function ESnapperTarget(theme, options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this.values = [];
         _this._isVisibleDefault = (_a = options === null || options === void 0 ? void 0 : options.visible) !== null && _a !== void 0 ? _a : theme.isSnapTargetVisible();
         _this._isVisible = _this._isVisibleDefault;
@@ -46342,9 +46379,8 @@ var ESnapperModifierAnchor = {
 var ESnapper = /** @class */ (function (_super) {
     __extends(ESnapper, _super);
     function ESnapper(parent, theme, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._points = [
             new pixi_js.Point(),
             new pixi_js.Point(),
@@ -46866,7 +46902,7 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeWhiteAtlas = new UtilSvgAtlasBuilder(256, 1, 3);
+var DThemeWhiteAtlas = new UtilSvgAtlasBuilder(512, 1, 3);
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -47703,9 +47739,8 @@ var DThemeWhiteButtonColor = /** @class */ (function (_super) {
 var DAnimationFadeIn = /** @class */ (function (_super) {
     __extends(DAnimationFadeIn, _super);
     function DAnimationFadeIn(options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         _this._storedX = 0;
         _this._storedY = 0;
         _this._storedAlpha = 0;
@@ -56802,7 +56837,7 @@ var loadThemeWhiteAll = function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DThemeDarkAtlas = new UtilSvgAtlasBuilder(256, 1, 3);
+var DThemeDarkAtlas = new UtilSvgAtlasBuilder(512, 1, 3);
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -67408,9 +67443,8 @@ var UtilWheelEvent = /** @class */ (function () {
 var DAnimationEmpty = /** @class */ (function (_super) {
     __extends(DAnimationEmpty, _super);
     function DAnimationEmpty(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this) || this;
+        var _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;
@@ -73202,9 +73236,8 @@ var DContent = /** @class */ (function (_super) {
 var DScrollBar = /** @class */ (function (_super) {
     __extends(DScrollBar, _super);
     function DScrollBar(options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         _this._start = 0;
         _this._end = 1;
         _this.visible = false;
@@ -73675,9 +73708,8 @@ var DPaneScrollBar = /** @class */ (function () {
 var DPane = /** @class */ (function (_super) {
     __extends(DPane, _super);
     function DPane(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _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()) {
@@ -74305,9 +74337,8 @@ var DDialogSelectSearhDismissableImpl = /** @class */ (function (_super) {
 var DDialogSelect = /** @class */ (function (_super) {
     __extends(DDialogSelect, _super);
     function DDialogSelect(options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         // Value
         _this._value = null;
         // Categories
@@ -74743,9 +74774,8 @@ var defaultSetter$1 = function () {
 var DButtonSelect = /** @class */ (function (_super) {
     __extends(DButtonSelect, _super);
     function DButtonSelect(options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, 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;
@@ -74985,7 +75015,7 @@ var DChartAxisBaseBar = /** @class */ (function () {
             var plotAreaWidth = plotArea.width;
             var plotAreaHeight = plotArea.height;
             var offset = this._parser.padding * index;
-            shape.disallowUploadedUpdate();
+            shape.lock(EShapeLockPart.UPLOADED);
             var position = shape.transform.position;
             var size = shape.size;
             switch (this._parser.position) {
@@ -75006,7 +75036,7 @@ var DChartAxisBaseBar = /** @class */ (function () {
                     size.set(0, plotAreaHeight);
                     break;
             }
-            shape.allowUploadedUpdate();
+            shape.unlock(EShapeLockPart.UPLOADED, true);
             return true;
         }
         return false;
@@ -76054,18 +76084,18 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         return true;
     };
     DChartAxisBaseTickContainer.prototype.showMajor = function (shape, x, y, text) {
-        shape.disallowUploadedUpdate();
+        shape.lock(EShapeLockPart.UPLOADED);
         shape.visible = true;
         shape.transform.position.set(x, y);
         shape.text.value = text != null ? text : "";
-        shape.allowUploadedUpdate();
+        shape.unlock(EShapeLockPart.UPLOADED, true);
     };
     DChartAxisBaseTickContainer.prototype.showMajorGridline = function (shape, value, x, y, sx, sy) {
-        shape.disallowUploadedUpdate();
+        shape.lock(EShapeLockPart.UPLOADED);
         shape.visible = true;
         shape.transform.position.set(x, y);
         shape.size.set(sx, sy);
-        shape.allowUploadedUpdate();
+        shape.unlock(EShapeLockPart.UPLOADED, true);
     };
     DChartAxisBaseTickContainer.prototype.hideMajor = function (shape) {
         shape.visible = false;
@@ -76074,11 +76104,11 @@ var DChartAxisBaseTickContainer = /** @class */ (function () {
         shape.visible = false;
     };
     DChartAxisBaseTickContainer.prototype.showMinor = function (shape, x, y, text) {
-        shape.disallowUploadedUpdate();
+        shape.lock(EShapeLockPart.UPLOADED);
         shape.visible = true;
         shape.transform.position.set(x, y);
         shape.text.value = text != null ? text : "";
-        shape.allowUploadedUpdate();
+        shape.unlock(EShapeLockPart.UPLOADED, true);
     };
     DChartAxisBaseTickContainer.prototype.hideMinor = function (shape) {
         shape.visible = false;
@@ -76541,7 +76571,7 @@ var DChartAxisGuideSimpleShapeImpl = /** @class */ (function () {
     DChartAxisGuideSimpleShapeImpl.prototype.update = function (position, x, y, visible, width, height, offset) {
         var bar = this._bar;
         if (bar != null) {
-            bar.disallowUploadedUpdate();
+            bar.lock(EShapeLockPart.UPLOADED);
             switch (position) {
                 case DChartAxisPosition.TOP:
                     bar.transform.position.set(x, y);
@@ -76564,7 +76594,7 @@ var DChartAxisGuideSimpleShapeImpl = /** @class */ (function () {
                     bar.visible = visible;
                     break;
             }
-            bar.allowUploadedUpdate();
+            bar.unlock(EShapeLockPart.UPLOADED, true);
         }
         var label = this._label;
         if (label != null) {
@@ -76572,7 +76602,7 @@ var DChartAxisGuideSimpleShapeImpl = /** @class */ (function () {
             var s = label.size;
             var ox = offset + s.x * 0.5 + m;
             var oy = offset + s.y * 0.5 + m;
-            label.disallowUploadedUpdate();
+            label.lock(EShapeLockPart.UPLOADED);
             switch (position) {
                 case DChartAxisPosition.TOP:
                     label.transform.position.set(x, -oy);
@@ -76591,7 +76621,7 @@ var DChartAxisGuideSimpleShapeImpl = /** @class */ (function () {
                     label.visible = visible;
                     break;
             }
-            label.allowUploadedUpdate();
+            label.unlock(EShapeLockPart.UPLOADED, true);
         }
         var tick = this._tick;
         if (tick != null) {
@@ -76599,7 +76629,7 @@ var DChartAxisGuideSimpleShapeImpl = /** @class */ (function () {
             var s = tick.size;
             var ox = offset + s.x * 0.5 + m;
             var oy = offset + s.y * 0.5 + m;
-            tick.disallowUploadedUpdate();
+            tick.lock(EShapeLockPart.UPLOADED);
             switch (position) {
                 case DChartAxisPosition.TOP:
                     tick.transform.position.set(x, -oy);
@@ -76618,7 +76648,7 @@ var DChartAxisGuideSimpleShapeImpl = /** @class */ (function () {
                     tick.visible = visible;
                     break;
             }
-            tick.allowUploadedUpdate();
+            tick.unlock(EShapeLockPart.UPLOADED, true);
         }
         return true;
     };
@@ -78681,9 +78711,8 @@ var DChartSelectionPoint = {
 var DChartSelectionSubImpl = /** @class */ (function (_super) {
     __extends(DChartSelectionSubImpl, _super);
     function DChartSelectionSubImpl(options) {
-        var _this = this;
         var _a, _b, _c, _d, _e;
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._container = null;
         _this._series = null;
         _this._isEnabled = (_a = options.enable) !== null && _a !== void 0 ? _a : true;
@@ -78840,9 +78869,8 @@ var DChartSelectionSubImpl = /** @class */ (function (_super) {
 var DChartSelectionSimple = /** @class */ (function (_super) {
     __extends(DChartSelectionSimple, _super);
     function DChartSelectionSimple(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this) || this;
+        var _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);
@@ -79255,9 +79283,8 @@ var DChartSeriesBase = /** @class */ (function (_super) {
 var DChartSeriesLineOfAny = /** @class */ (function (_super) {
     __extends(DChartSeriesLineOfAny, _super);
     function DChartSeriesLineOfAny(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _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 : [];
@@ -79429,9 +79456,9 @@ var DChartSeriesLineOfAny = /** @class */ (function (_super) {
             values[i + 0] -= cx;
             values[i + 1] -= cy;
         }
-        line.disallowUploadedUpdate();
+        line.lock(EShapeLockPart.UPLOADED);
         this.applyLine(line, xcoordinate, ycoordinate, sx, sy, cx, cy, values);
-        line.allowUploadedUpdate();
+        line.unlock(EShapeLockPart.UPLOADED, true);
     };
     DChartSeriesLineOfAny.prototype.adjustLineRegion = function (xmin, xmax, ymin, ymax, result) {
         result.xmin = xmin;
@@ -79831,9 +79858,8 @@ var DChartSeriesLineOfTriangleRoundeds = /** @class */ (function (_super) {
 var DChartSeriesLine = /** @class */ (function (_super) {
     __extends(DChartSeriesLine, _super);
     function DChartSeriesLine(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _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 : [];
@@ -79921,7 +79947,7 @@ var DChartSeriesLine = /** @class */ (function (_super) {
         return false;
     };
     DChartSeriesLine.prototype.doUpdateLine = function (line, xcoordinate, ycoordinate, isPointsDirty) {
-        line.disallowUploadedUpdate();
+        line.lock(EShapeLockPart.UPLOADED);
         if (isPointsDirty) {
             var values = line.points.values;
             var segments = line.points.segments;
@@ -80004,7 +80030,7 @@ var DChartSeriesLine = /** @class */ (function (_super) {
         }
         line.transform.position.set(xcoordinate.transform.map(this._centerX), ycoordinate.transform.map(this._centerY));
         line.transform.scale.set(xcoordinate.transform.scale, ycoordinate.transform.scale);
-        line.allowUploadedUpdate();
+        line.unlock(EShapeLockPart.UPLOADED, true);
     };
     DChartSeriesLine.prototype.updateRegion = function () {
         var pointId = this._pointId;
@@ -80363,12 +80389,12 @@ var DChartSeriesLinear = /** @class */ (function (_super) {
         if (0 < segments.length) {
             segments.length = 0;
         }
-        line.disallowUploadedUpdate();
+        line.lock(EShapeLockPart.UPLOADED);
         line.points.set(values, segments);
         line.points.toFitted(sx, sy);
         line.size.set(sx, sy);
         line.transform.position.set(cx, cy);
-        line.allowUploadedUpdate();
+        line.unlock(EShapeLockPart.UPLOADED, true);
     };
     DChartSeriesLinear.prototype.updateRegion = function () {
         // DO NOTHING
@@ -80737,9 +80763,8 @@ var DDiagramSnapshot = /** @class */ (function (_super) {
 var DDiagramBase = /** @class */ (function (_super) {
     __extends(DDiagramBase, _super);
     function DDiagramBase(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _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;
@@ -81296,9 +81321,8 @@ var DDiagramLayerContainer = /** @class */ (function (_super) {
 var DDiagramCanvasBase = /** @class */ (function (_super) {
     __extends(DDiagramCanvasBase, _super);
     function DDiagramCanvasBase(options) {
-        var _this = this;
         var _a, _b, _c, _d;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         // Background
         var theme = _this.theme;
         if (!_this.isAmbient(theme, options)) {
@@ -81959,23 +81983,23 @@ var DDiagramCanvasEditorSnap = /** @class */ (function () {
         var shape = null;
         if (index < shapes.length) {
             shape = shapes[index];
-            shape.disallowUploadedUpdate();
+            shape.lock(EShapeLockPart.UPLOADED);
             shape.points.position = position;
             shape.transform.position.set(x, y);
             shape.stroke.set(true, style.color, style.alpha, style.width, undefined, undefined, style.style);
             shape.size.set(w, h);
             shape.visible = true;
-            shape.allowUploadedUpdate();
+            shape.unlock(EShapeLockPart.UPLOADED, true);
         }
         else {
             shape = new EShapeBar();
-            shape.disallowUploadedUpdate();
+            shape.lock(EShapeLockPart.UPLOADED);
             shape.points.position = position;
             shape.transform.position.set(x, y);
             shape.stroke.set(true, style.color, style.alpha, style.width, undefined, undefined, style.style);
             shape.size.set(w, h);
             shape.visible = true;
-            shape.allowUploadedUpdate();
+            shape.unlock(EShapeLockPart.UPLOADED, true);
             shape.attach(container);
         }
     };
@@ -83936,9 +83960,8 @@ var DDialogProcessingMessage = /** @class */ (function (_super) {
 var DDialogProcessing = /** @class */ (function (_super) {
     __extends(DDialogProcessing, _super);
     function DDialogProcessing(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         _this._isDone = true;
         _this._startTime = 0;
         var delay = options === null || options === void 0 ? void 0 : options.delay;
@@ -85246,9 +85269,8 @@ var defaultFilter = function () { return true; };
 var DMenuSidedSelection = /** @class */ (function (_super) {
     __extends(DMenuSidedSelection, _super);
     function DMenuSidedSelection(content, options) {
-        var _this = this;
         var _a, _b, _c;
-        _this = _super.call(this) || this;
+        var _this = _super.call(this) || this;
         _this._content = content;
         _this._item = null;
         _this._isDirty = true;
@@ -85369,9 +85391,8 @@ var DMenuSidedSelection = /** @class */ (function (_super) {
 var DMenuSided = /** @class */ (function (_super) {
     __extends(DMenuSided, _super);
     function DMenuSided(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         var context = new DMenuContext(_this);
         _this._context = context;
         context.add(_this);
@@ -85599,9 +85620,8 @@ var DPaginationPage = /** @class */ (function (_super) {
 var DPagination = /** @class */ (function (_super) {
     __extends(DPagination, _super);
     function DPagination(options) {
-        var _this = this;
         var _a, _b, _c, _d;
-        _this = _super.call(this, options) || this;
+        var _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;
@@ -86572,9 +86592,8 @@ var DSliderThumb = /** @class */ (function (_super) {
 var DSliderValue = /** @class */ (function (_super) {
     __extends(DSliderValue, _super);
     function DSliderValue(options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         _this._value = (_a = options === null || options === void 0 ? void 0 : options.value) !== null && _a !== void 0 ? _a : 0;
         _this._rounder = _this.toRounder(options);
         _this._delta = (_b = options === null || options === void 0 ? void 0 : options.delta) !== null && _b !== void 0 ? _b : 1;
@@ -87179,9 +87198,8 @@ var DTableBodyCells = /** @class */ (function () {
 var DTableBodyCellSelectDialog = /** @class */ (function (_super) {
     __extends(DTableBodyCellSelectDialog, _super);
     function DTableBodyCellSelectDialog(columnIndex, column, onChange, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         _this._rowIndex = -1;
         _this._columnIndex = columnIndex;
         _this._column = column;
@@ -87383,9 +87401,8 @@ var DTableBodyCellActionMenu = /** @class */ (function (_super) {
 var DTableBodyCellSelectPromise = /** @class */ (function (_super) {
     __extends(DTableBodyCellSelectPromise, _super);
     function DTableBodyCellSelectPromise(columnIndex, column, onChange, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _this = _super.call(this, options) || this;
         _this._rowIndex = -1;
         _this._columnIndex = columnIndex;
         _this._column = column;
@@ -87571,9 +87588,8 @@ var DTableBodyCellText = /** @class */ (function (_super) {
 var DTableBodyCellButton = /** @class */ (function (_super) {
     __extends(DTableBodyCellButton, _super);
     function DTableBodyCellButton(columnIndex, column, onChange, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, columnIndex, column, onChange, options) || this;
+        var _this = _super.call(this, columnIndex, column, onChange, options) || this;
         _this._when = toEnum((_a = options === null || options === void 0 ? void 0 : options.when) !== null && _a !== void 0 ? _a : DButtonBaseWhen.CLICKED, DButtonBaseWhen);
         _this.on(UtilPointerEvent.tap, function (e) {
             _this.onClick(e);
@@ -89084,9 +89100,8 @@ var DTableDataSelectionType = {
 var DTableRow = /** @class */ (function (_super) {
     __extends(DTableRow, _super);
     function DTableRow(options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this, options) || this;
+        var _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 : [];
@@ -89727,9 +89742,8 @@ var COMPARATOR$1 = function (a, b) {
 var DTableDataListSelection = /** @class */ (function (_super) {
     __extends(DTableDataListSelection, _super);
     function DTableDataListSelection(parent, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this) || this;
+        var _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();
@@ -90443,9 +90457,8 @@ var toRowOptions = function (theme, options, selectionType) {
 var DTableBody = /** @class */ (function (_super) {
     __extends(DTableBody, _super);
     function DTableBody(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _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;
@@ -90905,9 +90918,8 @@ var DTableCategoryCell = /** @class */ (function (_super) {
 var DTableCategory = /** @class */ (function (_super) {
     __extends(DTableCategory, _super);
     function DTableCategory(options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, options) || this;
+        var _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;
@@ -91179,9 +91191,8 @@ var COMPARATOR = function (a, b) {
 var DTableDataTreeSelectionImpl = /** @class */ (function (_super) {
     __extends(DTableDataTreeSelectionImpl, _super);
     function DTableDataTreeSelectionImpl(parent, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this) || this;
+        var _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();
@@ -92217,9 +92228,8 @@ var DTableHeaderCell = /** @class */ (function (_super) {
 var DTableHeader = /** @class */ (function (_super) {
     __extends(DTableHeader, _super);
     function DTableHeader(options) {
-        var _this = this;
         var _a, _b;
-        _this = _super.call(this, options) || this;
+        var _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;
@@ -94283,9 +94293,8 @@ var DTreeItemText = /** @class */ (function (_super) {
 var DTreeItemButton = /** @class */ (function (_super) {
     __extends(DTreeItemButton, _super);
     function DTreeItemButton(data, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, data, options) || this;
+        var _this = _super.call(this, data, options) || this;
         _this._when = toEnum((_a = options === null || options === void 0 ? void 0 : options.when) !== null && _a !== void 0 ? _a : DButtonBaseWhen.CLICKED, DButtonBaseWhen);
         _this.on(UtilPointerEvent.tap, function (e) {
             _this.onClick(e);
@@ -95722,6 +95731,8 @@ exports.EShapeLineOfRectangles = EShapeLineOfRectangles;
 exports.EShapeLineOfTriangleRoundeds = EShapeLineOfTriangleRoundeds;
 exports.EShapeLineOfTriangles = EShapeLineOfTriangles;
 exports.EShapeLinePoints = EShapeLinePoints;
+exports.EShapeLock = EShapeLock;
+exports.EShapeLockPart = EShapeLockPart;
 exports.EShapeNull = EShapeNull;
 exports.EShapeOnDeserializeds = EShapeOnDeserializeds;
 exports.EShapePointsFormatters = EShapePointsFormatters;