@wcardinal/wcardinal-ui 0.331.0 → 0.333.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.331.0
+ Winter Cardinal UI v0.333.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -13780,7 +13780,8 @@ var DBase = /** @class */ (function (_super) {
         _this._snippet = new DBaseSnippetContainer(_this);
         _this._reflowable = new DBaseReflowableContainer();
         _this._clearType = toEnum((_b = options === null || options === void 0 ? void 0 : options.clear) !== null && _b !== void 0 ? _b : theme.getClearType(), DLayoutClearType);
-        _this._padding = new DBasePadding(theme, options, function () {
+        _this._padding = _this.newPadding(theme, options, function () {
+            _this.toDirty();
             _this.toParentResized();
             _this.toHierarchyDirty();
             DApplications.update(_this);
@@ -14026,6 +14027,9 @@ var DBase = /** @class */ (function (_super) {
         _this.emit("init", _this);
         return _this;
     }
+    DBase.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePadding(theme, options, callback);
+    };
     DBase.prototype.toCursor = function (cursor, state) {
         if (cursor) {
             if (isFunction(cursor)) {
@@ -17963,6 +17967,9 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
         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);
@@ -17975,6 +17982,7 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
         this._normalId = 0;
         this._side = EShapeAcceptorEdgeSide.TOP;
         this._margin = 0;
+        this._other = null;
         this._lockCount = 0;
         this._isAcceptorChanged = false;
         this._isLocalChanged = false;
@@ -18008,6 +18016,7 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
                 isChanged = true;
             }
             if (this._isAcceptorChanged) {
+                this._hasAcceptorTransformOld = false;
                 if (!this._isLocalChanged) {
                     this._localIdRequired += 1;
                 }
@@ -18091,6 +18100,16 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
         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);
@@ -18192,7 +18211,7 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
         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;
@@ -18206,35 +18225,82 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
             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;
@@ -18245,20 +18311,19 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
         }
         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 () {
@@ -18268,6 +18333,7 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
             this._isAcceptorChanged = true;
             return;
         }
+        this._hasAcceptorTransformOld = false;
         this.fit(true);
     };
     EShapeConnectorEdgeImpl.prototype.onLocalChange = function () {
@@ -18298,14 +18364,18 @@ var EShapeConnectorEdgeImpl = /** @class */ (function () {
     EShapeConnectorEdgeImpl.prototype.attach = function () {
         var shape = this._acceptor.shape;
         if (shape) {
-            shape.connector.add(this);
+            if (shape.connector.add(this)) {
+                this.onAcceptorChange();
+            }
         }
         return this;
     };
     EShapeConnectorEdgeImpl.prototype.detach = function () {
         var shape = this._acceptor.shape;
         if (shape) {
-            shape.connector.remove(this);
+            if (shape.connector.remove(this)) {
+                this.onAcceptorChange();
+            }
         }
         return this;
     };
@@ -18326,8 +18396,12 @@ var EShapeConnectorEdgeContainerImpl = /** @class */ (function () {
         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;
@@ -68294,128 +68368,66 @@ var DApplication = /** @class */ (function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DBasePaddingAdjustable = /** @class */ (function () {
-    function DBasePaddingAdjustable(target) {
-        this._target = target;
-        this._top = 0;
-        this._right = 0;
-        this._bottom = 0;
-        this._left = 0;
-        if (target instanceof DBasePadding) {
-            this._callback = target.getCallback();
-        }
+var DBasePaddingAdjustable = /** @class */ (function (_super) {
+    __extends(DBasePaddingAdjustable, _super);
+    function DBasePaddingAdjustable(theme, options, callback) {
+        var _this = _super.call(this, theme, options, callback) || this;
+        _this._atop = 0;
+        _this._aright = 0;
+        _this._abottom = 0;
+        _this._aleft = 0;
+        return _this;
     }
-    DBasePaddingAdjustable.prototype.getTheme = function () {
-        return this._target.getTheme();
-    };
-    DBasePaddingAdjustable.prototype.setTheme = function (theme) {
-        this._target.setTheme(theme);
-    };
     DBasePaddingAdjustable.prototype.getLeft = function () {
-        return this._target.getLeft() + this._left;
+        return _super.prototype.getLeft.call(this) + this._aleft;
     };
-    DBasePaddingAdjustable.prototype.adjLeft = function (left) {
-        if (this._left !== left) {
-            this._left = left;
+    DBasePaddingAdjustable.prototype.adjLeft = function (aleft) {
+        if (this._aleft !== aleft) {
+            this._aleft = aleft;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "left", {
-        get: function () {
-            return this._target.left;
-        },
-        set: function (left) {
-            this._target.left = left;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getTop = function () {
-        return this._target.getTop() + this._top;
+        return _super.prototype.getTop.call(this) + this._atop;
     };
-    DBasePaddingAdjustable.prototype.adjTop = function (top) {
-        if (this._top !== top) {
-            this._top = top;
+    DBasePaddingAdjustable.prototype.adjTop = function (atop) {
+        if (this._atop !== atop) {
+            this._atop = atop;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "top", {
-        get: function () {
-            return this._target.top;
-        },
-        set: function (top) {
-            this._target.top = top;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getRight = function () {
-        return this._target.getRight() + this._right;
+        return _super.prototype.getRight.call(this) + this._aright;
     };
-    DBasePaddingAdjustable.prototype.adjRight = function (right) {
-        if (this._right !== right) {
-            this._right = right;
+    DBasePaddingAdjustable.prototype.adjRight = function (aright) {
+        if (this._aright !== aright) {
+            this._aright = aright;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "right", {
-        get: function () {
-            return this._target.right;
-        },
-        set: function (right) {
-            this._target.right = right;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DBasePaddingAdjustable.prototype.getBottom = function () {
-        return this._target.getBottom() + this._bottom;
+        return _super.prototype.getBottom.call(this) + this._abottom;
     };
-    DBasePaddingAdjustable.prototype.adjBottom = function (bottom) {
-        if (this._bottom !== bottom) {
-            this._bottom = bottom;
+    DBasePaddingAdjustable.prototype.adjBottom = function (abottom) {
+        if (this._abottom !== abottom) {
+            this._abottom = abottom;
             var callback = this._callback;
             if (callback) {
                 callback();
             }
         }
     };
-    Object.defineProperty(DBasePaddingAdjustable.prototype, "bottom", {
-        get: function () {
-            return this._target.bottom;
-        },
-        set: function (bottom) {
-            this._target.bottom = bottom;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DBasePaddingAdjustable.prototype.set = function (top, right, bottom, left) {
-        var target = this._target;
-        if (right == null) {
-            target.set(top);
-        }
-        else if (bottom == null) {
-            target.set(top, right);
-        }
-        else if (left == null) {
-            target.set(top, right, bottom);
-        }
-        else {
-            target.set(top, right, bottom, left);
-        }
-    };
     return DBasePaddingAdjustable;
-}());
+}(DBasePadding));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -87408,11 +87420,12 @@ var DTableBodyCellInputText = /** @class */ (function (_super) {
  */
 var DTableBodyCellInputTreeInput = /** @class */ (function (_super) {
     __extends(DTableBodyCellInputTreeInput, _super);
-    function DTableBodyCellInputTreeInput(options) {
-        var _this = _super.call(this, options) || this;
-        _this._padding = new DBasePaddingAdjustable(_this._padding);
-        return _this;
+    function DTableBodyCellInputTreeInput() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
+    DTableBodyCellInputTreeInput.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePaddingAdjustable(theme, options, callback);
+    };
     Object.defineProperty(DTableBodyCellInputTreeInput.prototype, "padding", {
         get: function () {
             return this._padding;
@@ -87944,12 +87957,12 @@ var DTableBodyCellTime = /** @class */ (function (_super) {
 var DTableBodyCellTree = /** @class */ (function (_super) {
     __extends(DTableBodyCellTree, _super);
     function DTableBodyCellTree(columnIndex, column, onChange, options) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, columnIndex, column, onChange, DLinks.toStateOptions((_a = options === null || options === void 0 ? void 0 : options.link) === null || _a === void 0 ? void 0 : _a.target, options)) || this;
-        _this._padding = new DBasePaddingAdjustable(_this._padding);
-        return _this;
+        return _super.call(this, columnIndex, column, onChange, DLinks.toStateOptions((_a = options === null || options === void 0 ? void 0 : options.link) === null || _a === void 0 ? void 0 : _a.target, options)) || this;
     }
+    DTableBodyCellTree.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePaddingAdjustable(theme, options, callback);
+    };
     DTableBodyCellTree.prototype.onClick = function (e) {
         var _a;
         if (((_a = this.link) === null || _a === void 0 ? void 0 : _a.onClick(this, e)) !== true) {
@@ -93020,10 +93033,12 @@ var DTreeItemText = /** @class */ (function (_super) {
     __extends(DTreeItemText, _super);
     function DTreeItemText(data, options) {
         var _this = _super.call(this, options) || this;
-        _this._padding = new DBasePaddingAdjustable(_this._padding);
         _this._data = data;
         return _this;
     }
+    DTreeItemText.prototype.newPadding = function (theme, options, callback) {
+        return new DBasePaddingAdjustable(theme, options, callback);
+    };
     Object.defineProperty(DTreeItemText.prototype, "node", {
         get: function () {
             return this._node;