@wcardinal/wcardinal-ui 0.372.0 → 0.374.0

package/dist/wcardinal-ui.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
 
@@ -2560,9 +2560,11 @@
             });
             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;
         };
@@ -4472,7 +4474,7 @@
     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,
@@ -4638,6 +4640,44 @@
         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
@@ -4650,13 +4690,11 @@
             _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;
@@ -4697,6 +4735,9 @@
             this.onParentTransformChange();
         };
         EShapeBase.prototype.onParentTransformChange = function () {
+            if (this._lockTransformParent.isLocked()) {
+                return;
+            }
             this.updateUploaded();
             var connector = this._connector;
             if (connector != null) {
@@ -4708,79 +4749,62 @@
             }
         };
         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 () {
@@ -4825,9 +4849,9 @@
         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;
                 }
@@ -4836,7 +4860,7 @@
             set: function (visible) {
                 if (this._visible !== visible) {
                     this._visible = visible;
-                    this.updateUploadedRecursively();
+                    this.updateUploaded(true);
                 }
             },
             enumerable: false,
@@ -4845,9 +4869,9 @@
         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;
                 }
@@ -4891,7 +4915,7 @@
                 children[i].onAttach();
             }
         };
-        EShapeBase.prototype.detach = function () {
+        EShapeBase.prototype.detach = function (exceptions) {
             var parent = this.parent;
             if (parent) {
                 this.parent = null;
@@ -4901,20 +4925,20 @@
                     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
@@ -13771,9 +13795,8 @@
     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) {
@@ -15291,9 +15314,8 @@
     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;
@@ -16084,9 +16106,8 @@
     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;
@@ -16929,10 +16950,10 @@
             // 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;
@@ -16946,7 +16967,7 @@
             }
         };
         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;
@@ -17006,7 +17027,7 @@
                 }
             }
             //
-            shape.allowUploadedUpdate();
+            shape.unlock(EShapeLockPart.UPLOADED, true);
         };
         return EShapeTransforms;
     }());
@@ -17060,9 +17081,9 @@
                 .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;
@@ -17166,41 +17187,43 @@
         };
         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;
@@ -17208,12 +17231,16 @@
             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) {
@@ -18608,9 +18635,9 @@
             }
             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();
                 }
@@ -18722,10 +18749,10 @@
             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;
         };
@@ -20094,8 +20121,7 @@
             _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;
@@ -20108,20 +20134,20 @@
             _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 () {
@@ -20148,14 +20174,13 @@
             _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;
@@ -20203,7 +20228,7 @@
                     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;
@@ -20211,7 +20236,7 @@
                 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) {
@@ -24260,12 +24285,12 @@
             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;
@@ -24592,9 +24617,9 @@
                 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;
@@ -25156,9 +25181,8 @@
     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);
@@ -25291,9 +25315,8 @@
     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();
@@ -38650,7 +38673,7 @@
                     manager.setExtension(resourceId, parsed);
                 }
                 // Lock
-                shape.lock();
+                shape.lock(EShapeLockPart.CONNECTOR);
                 // Points
                 var points = shape.points;
                 points.deserialize(parsed[1], manager);
@@ -38668,7 +38691,7 @@
                     body.set(EShapeConnectorBodies.from(points.values, edge.tail.margin, edge.head.margin));
                 }
                 // Unlock
-                shape.unlock();
+                shape.unlock(EShapeLockPart.CONNECTOR, true);
             }
         }
     };
@@ -39608,6 +39631,7 @@
                 clone.parent = result;
                 result.children.push(clone);
             }
+            EShapeConnectors.moveAll(children, result.children, children, result.children);
             result.onChildTransformChange();
             result.toDirty();
             return result;
@@ -43475,9 +43499,8 @@
     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;
         }
@@ -45495,7 +45518,7 @@
         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);
@@ -45592,7 +45615,7 @@
                 }
             }
         }
-        shape.allowUploadedUpdate();
+        shape.unlock(EShapeLockPart.UPLOADED, true);
     };
 
     /*
@@ -45848,14 +45871,26 @@
     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;
@@ -45872,9 +45907,10 @@
                         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);
@@ -45893,6 +45929,7 @@
                         }
                     }
                 }
+                exceptions.clear();
                 if (0 < children.length) {
                     var result = children.splice(0, children.length);
                     if (shapes != null) {
@@ -45916,9 +45953,10 @@
                         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;
@@ -45928,6 +45966,7 @@
                         return null;
                     }
                 }
+                exceptions.clear();
                 if (0 < children.length) {
                     children.length = 0;
                     if (shapes != null) {
@@ -46050,9 +46089,8 @@
     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();
@@ -46195,9 +46233,8 @@
     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;
@@ -46339,9 +46376,8 @@
     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(),
@@ -48214,9 +48250,8 @@
     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;
@@ -48319,9 +48354,8 @@
     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;
@@ -54512,9 +54546,8 @@
     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;
@@ -54985,9 +55018,8 @@
     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()) {
@@ -55615,9 +55647,8 @@
     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
@@ -56053,9 +56084,8 @@
     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;
@@ -56306,7 +56336,7 @@
                 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) {
@@ -56327,7 +56357,7 @@
                         size.set(0, plotAreaHeight);
                         break;
                 }
-                shape.allowUploadedUpdate();
+                shape.unlock(EShapeLockPart.UPLOADED, true);
                 return true;
             }
             return false;
@@ -57384,18 +57414,18 @@
             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;
@@ -57404,11 +57434,11 @@
             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;
@@ -57871,7 +57901,7 @@
         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);
@@ -57894,7 +57924,7 @@
                         bar.visible = visible;
                         break;
                 }
-                bar.allowUploadedUpdate();
+                bar.unlock(EShapeLockPart.UPLOADED, true);
             }
             var label = this._label;
             if (label != null) {
@@ -57902,7 +57932,7 @@
                 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);
@@ -57921,7 +57951,7 @@
                         label.visible = visible;
                         break;
                 }
-                label.allowUploadedUpdate();
+                label.unlock(EShapeLockPart.UPLOADED, true);
             }
             var tick = this._tick;
             if (tick != null) {
@@ -57929,7 +57959,7 @@
                 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);
@@ -57948,7 +57978,7 @@
                         tick.visible = visible;
                         break;
                 }
-                tick.allowUploadedUpdate();
+                tick.unlock(EShapeLockPart.UPLOADED, true);
             }
             return true;
         };
@@ -60011,9 +60041,8 @@
     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;
@@ -60170,9 +60199,8 @@
     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);
@@ -60585,9 +60613,8 @@
     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 : [];
@@ -60759,9 +60786,9 @@
                 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;
@@ -61161,9 +61188,8 @@
     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 : [];
@@ -61251,7 +61277,7 @@
             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;
@@ -61334,7 +61360,7 @@
             }
             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;
@@ -61693,12 +61719,12 @@
             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
@@ -62067,9 +62093,8 @@
     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;
@@ -62626,9 +62651,8 @@
     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)) {
@@ -63289,23 +63313,23 @@
             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);
             }
         };
@@ -65266,9 +65290,8 @@
     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;
@@ -66576,9 +66599,8 @@
     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;
@@ -66699,9 +66721,8 @@
     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);
@@ -66929,9 +66950,8 @@
     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;
@@ -67943,9 +67963,8 @@
     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;
@@ -68550,9 +68569,8 @@
     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;
@@ -68754,9 +68772,8 @@
     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;
@@ -68942,9 +68959,8 @@
     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);
@@ -70509,9 +70525,8 @@
     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 : [];
@@ -71152,9 +71167,8 @@
     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();
@@ -71868,9 +71882,8 @@
     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;
@@ -72330,9 +72343,8 @@
     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;
@@ -72604,9 +72616,8 @@
     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();
@@ -73642,9 +73653,8 @@
     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;
@@ -75708,9 +75718,8 @@
     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);
@@ -76350,6 +76359,8 @@
         EShapeLineOfTriangles: EShapeLineOfTriangles,
         EShapeLinePoints: EShapeLinePoints,
         EShapeLine: EShapeLine,
+        EShapeLockPart: EShapeLockPart,
+        EShapeLock: EShapeLock,
         EShapeNull: EShapeNull,
         EShapePrimitive: EShapePrimitive,
         EShapeRectanglePivoted: EShapeRectanglePivoted,