@wcardinal/wcardinal-ui 0.330.0 → 0.332.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.330.0
+ Winter Cardinal UI v0.332.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -15280,6 +15280,7 @@
             };
             _this._onStart = options === null || options === void 0 ? void 0 : options.onStart;
             _this._onEnd = options === null || options === void 0 ? void 0 : options.onEnd;
+            _this._onStop = options === null || options === void 0 ? void 0 : options.onStop;
             _this._timing = (_c = options === null || options === void 0 ? void 0 : options.timing) !== null && _c !== void 0 ? _c : DAnimationTimings.ELASTIC;
             // Events
             var on = options === null || options === void 0 ? void 0 : options.on;
@@ -15348,6 +15349,13 @@
             }
             this.emit("end", isReverse, this);
         };
+        DAnimationBase.prototype.onStop = function (isReverse) {
+            var onStop = this._onStop;
+            if (onStop != null) {
+                onStop(isReverse, this);
+            }
+            this.emit("stop", isReverse, this);
+        };
         DAnimationBase.prototype.isStarted = function () {
             return this._id != null;
         };
@@ -15384,6 +15392,8 @@
             if (id != null) {
                 this._id = null;
                 window.clearTimeout(id);
+                // OnStop
+                this.onStop(this._reverse);
             }
         };
         DAnimationBase.prototype.end = function () {
@@ -15596,6 +15606,12 @@
                 this._onStart = on.start;
                 this._onMove = on.move;
                 this._onEnd = on.end;
+                this._onStop = on.stop;
+                var easing = on.easing;
+                if (easing != null) {
+                    this._onEasingStart = easing.start;
+                    this._onEasingEnd = easing.end;
+                }
             }
             this._modifier = (_a = options === null || options === void 0 ? void 0 : options.modifier) !== null && _a !== void 0 ? _a : UtilGestureModifier.NONE;
             var checker = options.checker;
@@ -15794,12 +15810,20 @@
                 onEnd(target);
             }
             // Start the Easing
+            var onEasingStart = this._onEasingStart;
+            if (onEasingStart) {
+                onEasingStart(data.target);
+            }
             var easing = data.easing;
             if (easing) {
                 easing.onEnd(e.data.originalEvent.timeStamp - data.time);
             }
             else {
                 this.deleteData(data);
+                var onEasingEnd = this._onEasingEnd;
+                if (onEasingEnd) {
+                    onEasingEnd(data.target);
+                }
             }
         };
         UtilGesture.prototype.onEasingMove = function (dx, dy, ds, time, data) {
@@ -15822,6 +15846,10 @@
         };
         UtilGesture.prototype.onEasingEnd = function (data) {
             this.deleteData(data);
+            var onEasingEnd = this._onEasingEnd;
+            if (onEasingEnd) {
+                onEasingEnd(data.target);
+            }
         };
         UtilGesture.prototype.stop = function (target) {
             var _a;
@@ -15831,6 +15859,10 @@
             }
             (_a = data.easing) === null || _a === void 0 ? void 0 : _a.stop();
             this.deleteData(data);
+            var onStop = this._onStop;
+            if (onStop) {
+                onStop(target);
+            }
         };
         return UtilGesture;
     }());
@@ -15840,11 +15872,11 @@
      * SPDX-License-Identifier: Apache-2.0
      */
     var DViewGestureImpl = /** @class */ (function () {
-        function DViewGestureImpl(parent, toTarget, stopper, constraint, theme, options) {
+        function DViewGestureImpl(owner, toTarget, parent, constraint, theme, options) {
             var _this = this;
             var _a, _b;
+            this._owner = owner;
             this._parent = parent;
-            this._stopper = stopper;
             this._constraint = constraint;
             var mode = toEnum((_a = options === null || options === void 0 ? void 0 : options.mode) !== null && _a !== void 0 ? _a : theme.getGestureMode(), UtilGestureMode);
             var modifier = toEnum((_b = options === null || options === void 0 ? void 0 : options.modifier) !== null && _b !== void 0 ? _b : theme.getGestureModifier(), UtilGestureModifier);
@@ -15858,24 +15890,45 @@
                     },
                     on: {
                         start: function () {
-                            _this._stopper.stop();
+                            _this.onStart();
                         },
                         move: function (target, dx, dy, x, y, ds) {
-                            _this.onGestureMove(toTarget(parent), dx, dy, x, y, ds);
+                            _this.onGestureMove(toTarget(owner), dx, dy, x, y, ds);
+                        },
+                        easing: {
+                            end: function () {
+                                _this.onEnd();
+                            }
+                        },
+                        stop: function () {
+                            _this.onStop();
                         }
                     }
                 });
             }
         }
+        DViewGestureImpl.prototype.onStart = function () {
+            var parent = this._parent;
+            parent.stop();
+            parent.emit("start", this, parent);
+        };
+        DViewGestureImpl.prototype.onEnd = function () {
+            var parent = this._parent;
+            parent.emit("end", this, parent);
+        };
+        DViewGestureImpl.prototype.onStop = function () {
+            var parent = this._parent;
+            parent.emit("stop", this, parent);
+        };
         DViewGestureImpl.prototype.onGestureMove = function (target, dx, dy, x, y, ds) {
             if (target) {
                 // Scale
-                var stopper = this._stopper;
+                var parent_1 = this._parent;
                 var oldScale = target.scale;
                 var oldScaleX = oldScale.x;
                 var oldScaleY = oldScale.y;
-                var newScaleX = stopper.toNormalizedScale(oldScaleX * ds);
-                var newScaleY = stopper.toNormalizedScale(oldScaleY * ds);
+                var newScaleX = parent_1.toNormalizedScale(oldScaleX * ds);
+                var newScaleY = parent_1.toNormalizedScale(oldScaleY * ds);
                 var scaleRatioX = newScaleX / oldScaleX;
                 var scaleRatioY = newScaleY / oldScaleY;
                 var scaleRatio = ds < 1 ? Math.max(scaleRatioX, scaleRatioY) : Math.min(scaleRatioX, scaleRatioY);
@@ -15893,11 +15946,11 @@
         };
         DViewGestureImpl.prototype.stop = function () {
             var _a;
-            (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.stop(this._parent);
+            (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.stop(this._owner);
         };
         DViewGestureImpl.prototype.onDown = function (e) {
             var _a;
-            (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.onDown(this._parent, e);
+            (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.onDown(this._owner, e);
         };
         return DViewGestureImpl;
     }());
@@ -15907,9 +15960,9 @@
      * SPDX-License-Identifier: Apache-2.0
      */
     var DViewTransformImpl = /** @class */ (function () {
-        function DViewTransformImpl(parent, toTarget, stopper, constraint, duration) {
+        function DViewTransformImpl(owner, toTarget, parent, constraint, duration) {
             var _this = this;
-            this._parent = parent;
+            this._owner = owner;
             this._toTarget = toTarget;
             this._constraint = constraint;
             this._newScaleX = 1;
@@ -15920,15 +15973,29 @@
             this._oldScaleY = 1;
             this._oldX = 0;
             this._oldY = 0;
+            this._isStarted = false;
             this._animation = new DAnimationBase({
+                onStart: function () {
+                    _this.onStart();
+                },
                 onTime: function (time) {
                     _this.onTime(time);
                 },
+                onEnd: function () {
+                    _this.onEnd();
+                },
+                onStop: function () {
+                    _this.onStop();
+                },
                 duration: duration
             });
-            this._stopper = stopper;
+            this._parent = parent;
             this._duration = duration;
         }
+        DViewTransformImpl.prototype.onStart = function () {
+            var parent = this._parent;
+            parent.emit("start", this, parent);
+        };
         DViewTransformImpl.prototype.onTime = function (time) {
             var w0 = 1 - time;
             var w1 = time;
@@ -15936,20 +16003,31 @@
             var scaleY = this._oldScaleY * w0 + this._newScaleY * w1;
             var x = this._oldX * w0 + this._newX * w1;
             var y = this._oldY * w0 + this._newY * w1;
-            var target = this._toTarget(this._parent);
+            var target = this._toTarget(this._owner);
             if (target != null) {
                 this._constraint(target, x, y, scaleX, scaleY);
             }
         };
+        DViewTransformImpl.prototype.onEnd = function () {
+            var parent = this._parent;
+            parent.emit("end", this, parent);
+        };
+        DViewTransformImpl.prototype.onStop = function () {
+            var parent = this._parent;
+            parent.emit("stop", this, parent);
+        };
         DViewTransformImpl.prototype.start = function (target, x, y, scaleX, scaleY, duration, stop) {
+            var parent = this._parent;
             if (stop !== false) {
-                this._stopper.stop();
+                parent.stop();
             }
             if (duration == null) {
                 duration = this._duration;
             }
             if (duration <= 0) {
+                this.onStart();
                 this._constraint(target, x, y, scaleX, scaleY);
+                this.onEnd();
             }
             else {
                 var position = target.position;
@@ -15976,45 +16054,61 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    var DViewImpl = /** @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._parent = parent;
-            this._toTarget = toTarget;
-            this._constraint = (options && options.constraint) || DViewImpl.CONSTRAINT;
-            this._workRect = new pixi_js.Rectangle();
+            _this = _super.call(this) || this;
+            _this._parent = parent;
+            _this._toTarget = toTarget;
+            _this._constraint = (options && options.constraint) || DViewImpl.CONSTRAINT;
+            _this._workRect = new pixi_js.Rectangle();
             // Theme
-            var theme = this.toTheme(options) || this.getThemeDefault();
+            var theme = _this.toTheme(options) || _this.getThemeDefault();
             // Zoom
             var zoom = options === null || options === void 0 ? void 0 : options.zoom;
-            this._zoomPoint = new pixi_js.Point();
-            this._zoomMin = (_a = zoom === null || zoom === void 0 ? void 0 : zoom.min) !== null && _a !== void 0 ? _a : theme.getZoomMin();
-            this._zoomMax = (_b = zoom === null || zoom === void 0 ? void 0 : zoom.max) !== null && _b !== void 0 ? _b : theme.getZoomMax();
-            this._zoomKeepRatio = (_c = zoom === null || zoom === void 0 ? void 0 : zoom.keepRatio) !== null && _c !== void 0 ? _c : theme.getZoomKeepRatio();
+            _this._zoomPoint = new pixi_js.Point();
+            _this._zoomMin = (_a = zoom === null || zoom === void 0 ? void 0 : zoom.min) !== null && _a !== void 0 ? _a : theme.getZoomMin();
+            _this._zoomMax = (_b = zoom === null || zoom === void 0 ? void 0 : zoom.max) !== null && _b !== void 0 ? _b : theme.getZoomMax();
+            _this._zoomKeepRatio = (_c = zoom === null || zoom === void 0 ? void 0 : zoom.keepRatio) !== null && _c !== void 0 ? _c : theme.getZoomKeepRatio();
             // Zoom: Wheel
             var wheelZoom = zoom === null || zoom === void 0 ? void 0 : zoom.wheel;
-            this._isWheelZoomEnabled = (_d = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.enable) !== null && _d !== void 0 ? _d : theme.isWheelZoomEnabled();
-            this._wheelZoomSpeed = (_e = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.speed) !== null && _e !== void 0 ? _e : theme.getWheelZoomSpeed();
-            this._wheelZoomModifier = toEnum((_f = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.modifier) !== null && _f !== void 0 ? _f : theme.getWheelZoomModifier(), UtilGestureModifier);
-            this._wheelZoomChecker = (_g = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.checker) !== null && _g !== void 0 ? _g : UtilGestureModifiers.match;
+            _this._isWheelZoomEnabled = (_d = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.enable) !== null && _d !== void 0 ? _d : theme.isWheelZoomEnabled();
+            _this._wheelZoomSpeed = (_e = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.speed) !== null && _e !== void 0 ? _e : theme.getWheelZoomSpeed();
+            _this._wheelZoomModifier = toEnum((_f = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.modifier) !== null && _f !== void 0 ? _f : theme.getWheelZoomModifier(), UtilGestureModifier);
+            _this._wheelZoomChecker = (_g = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.checker) !== null && _g !== void 0 ? _g : UtilGestureModifiers.match;
             // Zoom: Dbl click
             var dblClickZoom = zoom === null || zoom === void 0 ? void 0 : zoom.dblclick;
-            this._isDblClickZoomEnabled = (_h = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.enable) !== null && _h !== void 0 ? _h : theme.isDblClickZoomEnabled();
-            this._dblClickZoomSpeed = (_j = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.amount) !== null && _j !== void 0 ? _j : theme.getDblClickZoomSpeed();
-            this._dblClickZoomModifier = toEnum((_k = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.modifier) !== null && _k !== void 0 ? _k : theme.getDblClickZoomModifier(), UtilGestureModifier);
-            this._dblClickZoomChecker = (_l = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.checker) !== null && _l !== void 0 ? _l : UtilGestureModifiers.match;
-            this._dblclickZoomDuration = (_m = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.duration) !== null && _m !== void 0 ? _m : theme.getDblClickZoomDuration();
+            _this._isDblClickZoomEnabled = (_h = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.enable) !== null && _h !== void 0 ? _h : theme.isDblClickZoomEnabled();
+            _this._dblClickZoomSpeed = (_j = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.amount) !== null && _j !== void 0 ? _j : theme.getDblClickZoomSpeed();
+            _this._dblClickZoomModifier = toEnum((_k = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.modifier) !== null && _k !== void 0 ? _k : theme.getDblClickZoomModifier(), UtilGestureModifier);
+            _this._dblClickZoomChecker = (_l = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.checker) !== null && _l !== void 0 ? _l : UtilGestureModifiers.match;
+            _this._dblclickZoomDuration = (_m = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.duration) !== null && _m !== void 0 ? _m : theme.getDblClickZoomDuration();
             // Translation: Wheel
             var wheelTranslation = (_o = options === null || options === void 0 ? void 0 : options.translation) === null || _o === void 0 ? void 0 : _o.wheel;
-            this._isWheelTranslationEnabled =
+            _this._isWheelTranslationEnabled =
                 (_p = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.enable) !== null && _p !== void 0 ? _p : theme.isWheelTranslationEnabled();
-            this._wheelTranslationSpeed = (_q = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.speed) !== null && _q !== void 0 ? _q : theme.getWheelTranslationSpeed();
-            this._wheelTranslationModifier = toEnum((_r = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.modifier) !== null && _r !== void 0 ? _r : theme.getWheelTranslationModifier(), UtilGestureModifier);
-            this._wheelTranslationChecker = (_s = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.checker) !== null && _s !== void 0 ? _s : UtilGestureModifiers.match;
+            _this._wheelTranslationSpeed = (_q = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.speed) !== null && _q !== void 0 ? _q : theme.getWheelTranslationSpeed();
+            _this._wheelTranslationModifier = toEnum((_r = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.modifier) !== null && _r !== void 0 ? _r : theme.getWheelTranslationModifier(), UtilGestureModifier);
+            _this._wheelTranslationChecker = (_s = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.checker) !== null && _s !== void 0 ? _s : UtilGestureModifiers.match;
             // Gesture
-            this._gesture = new DViewGestureImpl(parent, toTarget, this, this._constraint, theme, options === null || options === void 0 ? void 0 : options.gesture);
+            _this._gesture = new DViewGestureImpl(parent, toTarget, _this, _this._constraint, theme, options === null || options === void 0 ? void 0 : options.gesture);
             // Transform
-            this._transform = new DViewTransformImpl(parent, toTarget, this, this._constraint, this._dblclickZoomDuration);
+            _this._transform = new DViewTransformImpl(parent, toTarget, _this, _this._constraint, _this._dblclickZoomDuration);
+            // Events
+            if (options != null) {
+                var on = options.on;
+                if (on != null) {
+                    for (var name_1 in on) {
+                        var handler = on[name_1];
+                        if (handler) {
+                            _this.on(name_1, handler);
+                        }
+                    }
+                }
+            }
+            return _this;
         }
         Object.defineProperty(DViewImpl.prototype, "gesture", {
             get: function () {
@@ -16241,7 +16335,7 @@
             target.position.set(x, y);
         };
         return DViewImpl;
-    }());
+    }(pixi_js.utils.EventEmitter));
 
     /*
      * Copyright (C) 2019 Toshiba Corporation
@@ -17866,6 +17960,9 @@
             this._parent = parent;
             this._onChange = onChange;
             this._acceptor = new EShapeConnectorEdgeAcceptorImpl(this);
+            this._acceptorTransformNew = new pixi_js.Matrix();
+            this._acceptorTransformOld = new pixi_js.Matrix();
+            this._hasAcceptorTransformOld = false;
             this._local = new pixi_js.ObservablePoint(function () {
                 _this.onLocalChange();
             }, undefined);
@@ -17878,6 +17975,7 @@
             this._normalId = 0;
             this._side = EShapeAcceptorEdgeSide.TOP;
             this._margin = 0;
+            this._other = null;
             this._lockCount = 0;
             this._isAcceptorChanged = false;
             this._isLocalChanged = false;
@@ -17911,6 +18009,7 @@
                     isChanged = true;
                 }
                 if (this._isAcceptorChanged) {
+                    this._hasAcceptorTransformOld = false;
                     if (!this._isLocalChanged) {
                         this._localIdRequired += 1;
                     }
@@ -17994,6 +18093,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(EShapeConnectorEdgeImpl.prototype, "other", {
+            get: function () {
+                return this._other;
+            },
+            set: function (other) {
+                this._other = other;
+            },
+            enumerable: false,
+            configurable: true
+        });
         EShapeConnectorEdgeImpl.prototype.set = function (acceptorShape, acceptorEdge, acceptorX, acceptorY, margin, x, y, nx, ny, side) {
             this.lock();
             this._acceptor.set(acceptorShape, acceptorEdge, acceptorX, acceptorY);
@@ -18095,7 +18204,7 @@
             return this;
         };
         EShapeConnectorEdgeImpl.prototype.doFit = function () {
-            var _a, _b;
+            var _a, _b, _c;
             var localIdRequired = this._localIdRequired;
             var isLocalDirty = this._localId !== localIdRequired;
             var normalIdRequired = this._normalIdRequired;
@@ -18109,35 +18218,82 @@
                 if (acceptorShape != null && acceptorEdge != null) {
                     var edge = EShapeAcceptors.get(acceptorShape.type).get(acceptorShape, acceptorEdge);
                     if (edge) {
-                        var transform = this.toAcceptorTransform(acceptorShape);
-                        var a = transform.a;
-                        var b = transform.b;
-                        var c = transform.c;
-                        var d = transform.d;
-                        var tx = transform.tx;
-                        var ty = transform.ty;
+                        var oat = this._acceptorTransformOld;
+                        var nat = this._acceptorTransformNew;
+                        this.toAcceptorTransform(acceptorShape, nat);
+                        var other = this._other;
+                        var isOtherDangling = this._hasAcceptorTransformOld &&
+                            other != null &&
+                            other.acceptor.shape == null;
+                        var work = ((_a = EShapeConnectorEdgeImpl.WORK_MATRIX) !== null && _a !== void 0 ? _a : (EShapeConnectorEdgeImpl.WORK_MATRIX = new pixi_js.Matrix()));
+                        if (isOtherDangling) {
+                            oat.copyTo(work).invert().prepend(nat);
+                        }
+                        this._acceptorTransformNew = oat;
+                        this._acceptorTransformOld = nat;
+                        this._hasAcceptorTransformOld = true;
                         this.lock();
                         if (isLocalDirty) {
+                            var l = this._local;
+                            var olx = l.x;
+                            var oly = l.y;
                             var size = acceptorShape.size;
                             var pivot = acceptorShape.transform.pivot;
-                            var lx = pivot.x + size.x * ((_a = acceptor.x) !== null && _a !== void 0 ? _a : edge.x);
-                            var ly = pivot.y + size.y * ((_b = acceptor.y) !== null && _b !== void 0 ? _b : edge.y);
-                            this._local.set(a * lx + c * ly + tx, b * lx + d * ly + ty);
+                            var x = pivot.x + size.x * ((_b = acceptor.x) !== null && _b !== void 0 ? _b : edge.x);
+                            var y = pivot.y + size.y * ((_c = acceptor.y) !== null && _c !== void 0 ? _c : edge.y);
+                            var nlx = nat.a * x + nat.c * y + nat.tx;
+                            var nly = nat.b * x + nat.d * y + nat.ty;
+                            l.set(nlx, nly);
+                            if (isOtherDangling) {
+                                var ol = other.local;
+                                var oolx = ol.x;
+                                var ooly = ol.y;
+                                var nolx = work.a * oolx + work.c * ooly + work.tx;
+                                var noly = work.b * oolx + work.d * ooly + work.ty;
+                                var odx = oolx - olx;
+                                var ody = ooly - oly;
+                                var ndx = nolx - nlx;
+                                var ndy = noly - nly;
+                                var od = odx * odx + ody * ody;
+                                var nd = ndx * ndx + ndy * ndy;
+                                if (0.000001 < nd) {
+                                    var f = Math.sqrt(od / nd);
+                                    ol.set(nlx + ndx * f, nly + ndy * f);
+                                }
+                                else {
+                                    ol.set(nolx, noly);
+                                }
+                            }
                         }
                         if (isNormalDirty) {
-                            var edgeNormal = edge.normal;
-                            var nx = edgeNormal.x;
-                            var ny = edgeNormal.y;
-                            var x = a * nx + c * ny;
-                            var y = b * nx + d * ny;
-                            var l = x * x + y * y;
-                            var normal = this._normal;
-                            if (0.000001 < l) {
-                                var f = 1 / Math.sqrt(l);
-                                normal.set(x * f, y * f);
+                            var en = edge.normal;
+                            var enx = en.x;
+                            var eny = en.y;
+                            var nx = nat.a * enx + nat.c * eny;
+                            var ny = nat.b * enx + nat.d * eny;
+                            var sd = nx * nx + ny * ny;
+                            var n = this._normal;
+                            if (0.000001 < sd) {
+                                var f = 1 / Math.sqrt(sd);
+                                n.set(nx * f, ny * f);
                             }
                             else {
-                                normal.set(nx, ny);
+                                n.set(enx, eny);
+                            }
+                            if (isOtherDangling) {
+                                var on = other.normal;
+                                var oonx = on.x;
+                                var oony = on.y;
+                                var nonx = work.a * oonx + work.c * oony;
+                                var nony = work.b * oonx + work.d * oony;
+                                var osd = nonx * nonx + nony * nony;
+                                if (0.000001 < osd) {
+                                    var f = 1 / Math.sqrt(osd);
+                                    on.set(nonx * f, nony * f);
+                                }
+                                else {
+                                    on.set(oonx, oony);
+                                }
                             }
                         }
                         var result = this._isLocalChanged || this._isNormalChanged;
@@ -18148,20 +18304,19 @@
             }
             return false;
         };
-        EShapeConnectorEdgeImpl.prototype.toAcceptorTransform = function (shape) {
-            var _a;
+        EShapeConnectorEdgeImpl.prototype.toAcceptorTransform = function (shape, result) {
             shape.updateTransform();
             var parent = this._parent;
             var parentParent = parent.parent;
             if (parentParent) {
                 parent.updateTransform();
-                return ((_a = EShapeConnectorEdgeImpl.WORK_MATRIX) !== null && _a !== void 0 ? _a : (EShapeConnectorEdgeImpl.WORK_MATRIX = new pixi_js.Matrix()))
+                return result
                     .copyFrom(parentParent.transform.worldTransform)
                     .invert()
                     .append(shape.transform.worldTransform);
             }
             else {
-                return shape.transform.worldTransform;
+                return result.copyFrom(shape.transform.worldTransform);
             }
         };
         EShapeConnectorEdgeImpl.prototype.onAcceptorChange = function () {
@@ -18171,6 +18326,7 @@
                 this._isAcceptorChanged = true;
                 return;
             }
+            this._hasAcceptorTransformOld = false;
             this.fit(true);
         };
         EShapeConnectorEdgeImpl.prototype.onLocalChange = function () {
@@ -18229,8 +18385,12 @@
             var onChangeBound = function () {
                 _this.onChange();
             };
-            this._tail = new EShapeConnectorEdgeImpl(parent, onChangeBound);
-            this._head = new EShapeConnectorEdgeImpl(parent, onChangeBound);
+            var tail = new EShapeConnectorEdgeImpl(parent, onChangeBound);
+            var head = new EShapeConnectorEdgeImpl(parent, onChangeBound);
+            tail.other = head;
+            head.other = tail;
+            this._tail = tail;
+            this._head = head;
         }
         EShapeConnectorEdgeContainerImpl.prototype.lock = function () {
             this._lockCount += 1;