@wcardinal/wcardinal-ui 0.430.0 → 0.432.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.430.0
+ Winter Cardinal UI v0.432.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -47852,7 +47852,7 @@ var ESnapperGrid = /** @class */ (function (_super) {
             this.size = serialized[2];
         }
         else {
-            this.visible = false;
+            this.visible = this._isVisibleDefault;
             this.size = serialized[1];
         }
     };
@@ -56375,6 +56375,9 @@ var DThemeWhiteDiagramCanvasEditor = /** @class */ (function (_super) {
     DThemeWhiteDiagramCanvasEditor.prototype.getSnapGridSize = function () {
         return toGridSize$1;
     };
+    DThemeWhiteDiagramCanvasEditor.prototype.isSnapGridAdaptive = function () {
+        return true;
+    };
     DThemeWhiteDiagramCanvasEditor.prototype.getSnapTargetColor = function () {
         return DThemeWhiteConstants.HIGHLIGHT_COLOR;
     };
@@ -66908,6 +66911,9 @@ var DThemeDarkDiagramCanvasEditor = /** @class */ (function (_super) {
     DThemeDarkDiagramCanvasEditor.prototype.getSnapGridSize = function () {
         return toGridSize;
     };
+    DThemeDarkDiagramCanvasEditor.prototype.isSnapGridAdaptive = function () {
+        return true;
+    };
     DThemeDarkDiagramCanvasEditor.prototype.getSnapTargetColor = function () {
         return DThemeDarkConstants.HIGHLIGHT_COLOR;
     };
@@ -83222,6 +83228,9 @@ var DChartPlotAreaTwofoldSubBase = /** @class */ (function () {
     DChartPlotAreaTwofoldSubBase.prototype.toBoundsDirty = function () {
         this._isContainerBoundsDirty = true;
     };
+    DChartPlotAreaTwofoldSubBase.prototype.toLocal = function (position, from, result, skipUpdate) {
+        return this._plotArea.toLocal(position, from, result, skipUpdate);
+    };
     DChartPlotAreaTwofoldSubBase.prototype.destroy = function () {
         this._container.destroy();
         this._series.destroy();
@@ -83764,7 +83773,7 @@ var DChartSelectionShapeBase = /** @class */ (function () {
     DChartSelectionShapeBase.prototype.set = function (container, position, mappedPosition, series) {
         this.update(container, position, mappedPosition, series);
         var shape = this._shape;
-        if (shape) {
+        if (shape != null) {
             this._style(shape, series);
         }
     };
@@ -83811,7 +83820,8 @@ var DChartSelectionGridlineX = /** @class */ (function (_super) {
             var bounds = container.plotArea.getSelectionBoundsX();
             shape.transform.position.set(mappedX, bounds.y + bounds.height * 0.5);
             shape.size.set(0, bounds.height);
-            shape.visible = bounds.x <= mappedX && mappedX <= bounds.x + bounds.width;
+            var hw = shape.stroke.width * 0.5;
+            shape.visible = bounds.x <= mappedX + hw && mappedX - hw <= bounds.x + bounds.width;
             return true;
         }
         return false;
@@ -83838,7 +83848,8 @@ var DChartSelectionGridlineY = /** @class */ (function (_super) {
             var bounds = container.plotArea.getSelectionBoundsY();
             shape.transform.position.set(bounds.x + bounds.width * 0.5, mappedY);
             shape.size.set(bounds.width, 0);
-            shape.visible = bounds.y <= mappedY && mappedY <= bounds.y + bounds.height;
+            var hw = shape.stroke.width * 0.5;
+            shape.visible = bounds.y <= mappedY + hw && mappedY - hw <= bounds.y + bounds.height;
             return true;
         }
         return false;
@@ -83901,18 +83912,25 @@ var DChartSelectionPoint = {
 var DChartSelectionSubImpl = /** @class */ (function (_super) {
     __extends(DChartSelectionSubImpl, _super);
     function DChartSelectionSubImpl(options) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c;
         var _this = _super.call(this) || this;
         _this._container = null;
         _this._series = null;
         _this._isEnabled = (_a = options.enable) !== null && _a !== void 0 ? _a : true;
-        _this._gridline = new DChartSelectionContainerImpl(new DChartSelectionGridlineX((_b = options.gridline) === null || _b === void 0 ? void 0 : _b.x), new DChartSelectionGridlineY((_c = options.gridline) === null || _c === void 0 ? void 0 : _c.y));
+        _this._isVisible = false;
+        var gridline = options.gridline;
+        if (gridline != null) {
+            _this._gridline = new DChartSelectionContainerImpl(new DChartSelectionGridlineX(gridline.x), new DChartSelectionGridlineY(gridline.y));
+        }
+        else {
+            _this._gridline = new DChartSelectionContainerImpl(new DChartSelectionGridlineX(), new DChartSelectionGridlineY());
+        }
         _this._marker = new DChartSelectionMarker(options.marker);
-        _this._state = (_d = options.state) !== null && _d !== void 0 ? _d : DBaseState.HOVERED;
+        _this._state = (_b = options.state) !== null && _b !== void 0 ? _b : DBaseState.HOVERED;
         _this._coordinateX = null;
         _this._coordinateY = null;
         _this._position = new pixi_js.Point();
-        _this._point = (_e = options.point) !== null && _e !== void 0 ? _e : DChartSelectionPoint.CLOSER;
+        _this._point = (_c = options.point) !== null && _c !== void 0 ? _c : DChartSelectionPoint.CLOSER;
         _this._work = new pixi_js.Point();
         // Events
         var on = options.on;
@@ -83940,6 +83958,13 @@ var DChartSelectionSubImpl = /** @class */ (function (_super) {
         this._coordinateX = null;
         this._coordinateY = null;
     };
+    Object.defineProperty(DChartSelectionSubImpl.prototype, "visible", {
+        get: function () {
+            return this._isVisible;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DChartSelectionSubImpl.prototype, "series", {
         get: function () {
             return this._series;
@@ -83969,49 +83994,116 @@ var DChartSelectionSubImpl = /** @class */ (function (_super) {
         configurable: true
     });
     DChartSelectionSubImpl.prototype.set = function (series, result) {
+        if (isNumber(series)) {
+            this.set1(series, result);
+        }
+        else {
+            this.set2(series, result);
+        }
+    };
+    DChartSelectionSubImpl.prototype.set1 = function (x, y) {
         var container = this._container;
-        var coordinateX = (this._coordinateX = series.coordinate.x);
-        var coordinateY = (this._coordinateY = series.coordinate.y);
-        if (container && coordinateX && coordinateY) {
-            var transform = container.plotArea.container.localTransform;
-            var position = this._position;
-            var work = this._work;
-            if (result instanceof DChartSeriesHitResult) {
-                var x = result.x;
-                var y = result.y;
-                switch (this._point) {
-                    case DChartSelectionPoint.PREVIOUS:
-                        x = result.p0x;
-                        y = result.p0y;
-                        break;
-                    case DChartSelectionPoint.NEXT:
-                        x = result.p1x;
-                        y = result.p1y;
-                        break;
-                    case DChartSelectionPoint.CLOSER:
-                        if (Math.abs(result.p0x - result.x) < Math.abs(result.p1x - result.x)) {
-                            x = result.p0x;
-                            y = result.p0y;
-                        }
-                        else {
-                            x = result.p1x;
-                            y = result.p1y;
-                        }
-                }
-                work.set(x, y);
-                transform.apply(work, work);
-                position.set(coordinateX.unmap(coordinateX.transform.unmap(x)), coordinateY.unmap(coordinateY.transform.unmap(y)));
-            }
-            else {
-                position.copyFrom(result.position);
-                work.set(coordinateX.transform.map(coordinateX.map(position.x)), coordinateY.transform.map(coordinateY.map(position.y)));
-                transform.apply(work, work);
+        if (container == null) {
+            return;
+        }
+        var work = this._work;
+        work.set(x, y);
+        var plotArea = container.plotArea;
+        plotArea.container.toLocal(work, undefined, work, true);
+        var coordinate = plotArea.coordinate;
+        var coordinateX = coordinate.x.get(0);
+        var coordinateY = coordinate.y.get(0);
+        var newPositionX = work.x;
+        var newPositionY = work.y;
+        if (coordinateX && coordinateY) {
+            newPositionX = coordinateX.unmap(coordinateX.transform.unmap(newPositionX));
+            newPositionY = coordinateY.unmap(coordinateY.transform.unmap(newPositionY));
+        }
+        else {
+            coordinateX = null;
+            coordinateY = null;
+        }
+        var oldSeries = this._series;
+        var position = this._position;
+        if (this._isVisible &&
+            oldSeries == null &&
+            newPositionX === position.x &&
+            newPositionY === position.y) {
+            return;
+        }
+        this._isVisible = true;
+        position.set(newPositionX, newPositionY);
+        this._coordinateX = coordinateX;
+        this._coordinateY = coordinateY;
+        plotArea.container.localTransform.apply(work, work);
+        this._gridline.set(container, position, work, null);
+        this._marker.set(container, position, work, null);
+        if (oldSeries != null) {
+            var state = this._state;
+            if (oldSeries) {
+                oldSeries.state.remove(state);
             }
-            this._gridline.set(container, position, work, series);
-            this._marker.set(container, position, work, series);
-            DApplications.update(container.plotArea);
+            this._series = null;
+        }
+        this.emit("change", this);
+        DApplications.update(plotArea);
+    };
+    DChartSelectionSubImpl.prototype.set2 = function (series, result) {
+        var container = this._container;
+        if (container == null) {
+            return;
+        }
+        var work = this._work;
+        var x = result.x;
+        var y = result.y;
+        switch (this._point) {
+            case DChartSelectionPoint.PREVIOUS:
+                x = result.p0x;
+                y = result.p0y;
+                break;
+            case DChartSelectionPoint.NEXT:
+                x = result.p1x;
+                y = result.p1y;
+                break;
+            case DChartSelectionPoint.CLOSER:
+                if (Math.abs(result.p0x - result.x) < Math.abs(result.p1x - result.x)) {
+                    x = result.p0x;
+                    y = result.p0y;
+                }
+                else {
+                    x = result.p1x;
+                    y = result.p1y;
+                }
+        }
+        work.set(x, y);
+        var plotArea = container.plotArea;
+        plotArea.container.localTransform.apply(work, work);
+        var coordinateX = series.coordinate.x;
+        var coordinateY = series.coordinate.y;
+        var newPositionX = x;
+        var newPositionY = y;
+        if (coordinateX && coordinateY) {
+            newPositionX = coordinateX.unmap(coordinateX.transform.unmap(newPositionX));
+            newPositionY = coordinateY.unmap(coordinateY.transform.unmap(newPositionY));
+        }
+        else {
+            coordinateX = null;
+            coordinateY = null;
         }
         var oldSeries = this._series;
+        var position = this._position;
+        if (this._isVisible &&
+            oldSeries === series &&
+            newPositionX === position.x &&
+            newPositionY === position.y) {
+            return;
+        }
+        this._isVisible = true;
+        position.set(newPositionX, newPositionY);
+        this._coordinateX = coordinateX;
+        this._coordinateY = coordinateY;
+        this._gridline.set(container, position, work, series);
+        this._marker.set(container, position, work, series);
         if (oldSeries !== series) {
             var state = this._state;
             if (oldSeries) {
@@ -84021,34 +84113,52 @@ var DChartSelectionSubImpl = /** @class */ (function (_super) {
             series.state.add(state);
         }
         this.emit("change", this);
+        DApplications.update(plotArea);
     };
     DChartSelectionSubImpl.prototype.unset = function () {
-        var series = this._series;
-        if (series) {
+        var container = this._container;
+        if (container == null) {
+            return;
+        }
+        var oldSeries = this._series;
+        if (!this._isVisible && oldSeries == null) {
+            return;
+        }
+        this._isVisible = false;
+        this._coordinateX = null;
+        this._coordinateY = null;
+        this._gridline.unset();
+        this._marker.unset();
+        if (oldSeries != null) {
             this._series = null;
-            this._coordinateX = null;
-            this._coordinateY = null;
-            series.state.remove(this._state);
-            this._gridline.unset();
-            this._marker.unset();
-            this.emit("change", this);
+            oldSeries.state.remove(this._state);
         }
+        this.emit("change", this);
+        DApplications.update(container.plotArea);
     };
     DChartSelectionSubImpl.prototype.update = function () {
         var container = this._container;
+        if (container == null) {
+            return false;
+        }
+        if (!this._isVisible) {
+            return false;
+        }
+        var position = this._position;
+        var work = this._work;
         var coordinateX = this._coordinateX;
         var coordinateY = this._coordinateY;
-        if (container && coordinateX && coordinateY) {
-            var position = this._position;
-            var work = this._work;
+        if (coordinateX && coordinateY) {
             work.set(coordinateX.transform.map(coordinateX.map(position.x)), coordinateY.transform.map(coordinateY.map(position.y)));
-            container.plotArea.container.localTransform.apply(work, work);
-            var series = this._series;
-            var isGridlineUpdated = this._gridline.update(container, position, work, series);
-            var isMarkerUpdated = this._marker.update(container, position, work, series);
-            return isGridlineUpdated || isMarkerUpdated;
         }
-        return false;
+        else {
+            work.copyFrom(position);
+        }
+        container.plotArea.container.localTransform.apply(work, work);
+        var series = this._series;
+        var isGridlineUpdated = this._gridline.update(container, position, work, series);
+        var isMarkerUpdated = this._marker.update(container, position, work, series);
+        return isGridlineUpdated || isMarkerUpdated;
     };
     return DChartSelectionSubImpl;
 }(pixi_js.utils.EventEmitter));
@@ -84096,14 +84206,16 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
                 return {
                     enable: (_a = dismiss.enable) !== null && _a !== void 0 ? _a : true,
                     tap: this.toDismissTap(dismiss.tap),
-                    longPress: this.toDismissLongPress(dismiss.longPress)
+                    longPress: this.toDismissLongPress(dismiss.longPress),
+                    noSeries: this.toDismissNoSeries(dismiss.noSeries)
                 };
             }
         }
         return {
             enable: true,
             tap: this.toDismissTap(),
-            longPress: this.toDismissLongPress()
+            longPress: this.toDismissLongPress(),
+            noSeries: this.toDismissNoSeries()
         };
     };
     DChartSelectionSimple.prototype.toDismissTap = function (options) {
@@ -84119,6 +84231,12 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
             enable: (_a = options === null || options === void 0 ? void 0 : options.enable) !== null && _a !== void 0 ? _a : true
         };
     };
+    DChartSelectionSimple.prototype.toDismissNoSeries = function (options) {
+        var _a;
+        return {
+            enable: (_a = options === null || options === void 0 ? void 0 : options.enable) !== null && _a !== void 0 ? _a : true
+        };
+    };
     DChartSelectionSimple.prototype.newSelected = function (point, options) {
         return new DChartSelectionSubImpl(this.toSelectedOptions(point, options));
     };
@@ -84184,7 +84302,12 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
                 selected.set(series, result);
             }
             else {
-                selected.unset();
+                if (dismiss.enable && dismiss.noSeries.enable) {
+                    selected.unset();
+                }
+                else {
+                    selected.set(global_1.x, global_1.y);
+                }
             }
         }
     };
@@ -84212,7 +84335,7 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
             var result = DChartSelectionSimple.WORK_SELECT;
             var global_2 = e.data.global;
             var series = container.calcHitPoint(global_2.x, global_2.y, result);
-            if (series) {
+            if (series != null) {
                 hovered.set(series, result);
             }
             else {
@@ -87185,6 +87308,7 @@ var DDiagramCanvasEditorSnap = /** @class */ (function () {
     function DDiagramCanvasEditorSnap(parent, theme, options) {
         var _this = this;
         this._parent = parent;
+        this._isDirty = true;
         // Controller
         var controller = options.controller;
         this._controller = controller;
@@ -87200,49 +87324,83 @@ var DDiagramCanvasEditorSnap = /** @class */ (function () {
         parent.addChildAt(container, parent.children.length - 1);
         // Grid
         this._grid = this.toGrid(theme, options.grid);
+        this._gridScale = this.toGridScale(parent.scale.x);
         // Target
         this._target = this.toTarget(theme, options.target);
     }
     DDiagramCanvasEditorSnap.prototype.toGrid = function (theme, options) {
-        var _a;
+        var _a, _b;
+        if (options != null) {
+            return {
+                major: this.toGridMajor(theme, options.major),
+                minor: this.toGridMinor(theme, options.minor),
+                size: (_a = options.size) !== null && _a !== void 0 ? _a : theme.getSnapGridSize(),
+                adaptive: (_b = options.adaptive) !== null && _b !== void 0 ? _b : theme.isSnapGridAdaptive()
+            };
+        }
         return {
-            major: this.toGridMajor(theme, options === null || options === void 0 ? void 0 : options.major),
-            minor: this.toGridMinor(theme, options === null || options === void 0 ? void 0 : options.minor),
-            size: (_a = options === null || options === void 0 ? void 0 : options.size) !== null && _a !== void 0 ? _a : theme.getSnapGridSize()
+            major: this.toGridMajor(theme),
+            minor: this.toGridMinor(theme),
+            size: theme.getSnapGridSize(),
+            adaptive: theme.isSnapGridAdaptive()
         };
     };
     DDiagramCanvasEditorSnap.prototype.toGridMajor = function (theme, options) {
         var _a, _b, _c, _d, _e;
+        if (options != null) {
+            return {
+                interval: (_a = options.interval) !== null && _a !== void 0 ? _a : theme.getSnapGridMajorInterval(),
+                color: (_b = options.color) !== null && _b !== void 0 ? _b : theme.getSnapGridMajorColor(),
+                alpha: (_c = options.alpha) !== null && _c !== void 0 ? _c : theme.getSnapGridMajorAlpha(),
+                width: (_d = options.width) !== null && _d !== void 0 ? _d : theme.getSnapGridMajorWidth(),
+                style: (_e = options.style) !== null && _e !== void 0 ? _e : theme.getSnapGridMajorStyle()
+            };
+        }
         return {
-            interval: (_a = options === null || options === void 0 ? void 0 : options.interval) !== null && _a !== void 0 ? _a : theme.getSnapGridMajorInterval(),
-            color: (_b = options === null || options === void 0 ? void 0 : options.color) !== null && _b !== void 0 ? _b : theme.getSnapGridMajorColor(),
-            alpha: (_c = options === null || options === void 0 ? void 0 : options.alpha) !== null && _c !== void 0 ? _c : theme.getSnapGridMajorAlpha(),
-            width: (_d = options === null || options === void 0 ? void 0 : options.width) !== null && _d !== void 0 ? _d : theme.getSnapGridMajorWidth(),
-            style: (_e = options === null || options === void 0 ? void 0 : options.style) !== null && _e !== void 0 ? _e : theme.getSnapGridMajorStyle()
+            interval: theme.getSnapGridMajorInterval(),
+            color: theme.getSnapGridMajorColor(),
+            alpha: theme.getSnapGridMajorAlpha(),
+            width: theme.getSnapGridMajorWidth(),
+            style: theme.getSnapGridMajorStyle()
         };
     };
     DDiagramCanvasEditorSnap.prototype.toGridMinor = function (theme, options) {
         var _a, _b, _c, _d;
+        if (options != null) {
+            return {
+                color: (_a = options.color) !== null && _a !== void 0 ? _a : theme.getSnapGridMinorColor(),
+                alpha: (_b = options.alpha) !== null && _b !== void 0 ? _b : theme.getSnapGridMinorAlpha(),
+                width: (_c = options.width) !== null && _c !== void 0 ? _c : theme.getSnapGridMinorWidth(),
+                style: (_d = options.style) !== null && _d !== void 0 ? _d : theme.getSnapGridMinorStyle()
+            };
+        }
         return {
-            color: (_a = options === null || options === void 0 ? void 0 : options.color) !== null && _a !== void 0 ? _a : theme.getSnapGridMinorColor(),
-            alpha: (_b = options === null || options === void 0 ? void 0 : options.alpha) !== null && _b !== void 0 ? _b : theme.getSnapGridMinorAlpha(),
-            width: (_c = options === null || options === void 0 ? void 0 : options.width) !== null && _c !== void 0 ? _c : theme.getSnapGridMinorWidth(),
-            style: (_d = options === null || options === void 0 ? void 0 : options.style) !== null && _d !== void 0 ? _d : theme.getSnapGridMinorStyle()
+            color: theme.getSnapGridMinorColor(),
+            alpha: theme.getSnapGridMinorAlpha(),
+            width: theme.getSnapGridMinorWidth(),
+            style: theme.getSnapGridMinorStyle()
         };
     };
     DDiagramCanvasEditorSnap.prototype.toTarget = function (theme, options) {
         var _a, _b, _c, _d;
+        if (options != null) {
+            return {
+                color: (_a = options.color) !== null && _a !== void 0 ? _a : theme.getSnapTargetColor(),
+                alpha: (_b = options.alpha) !== null && _b !== void 0 ? _b : theme.getSnapTargetAlpha(),
+                width: (_c = options.width) !== null && _c !== void 0 ? _c : theme.getSnapTargetWidth(),
+                style: (_d = options.style) !== null && _d !== void 0 ? _d : theme.getSnapTargetStyle()
+            };
+        }
         return {
-            color: (_a = options === null || options === void 0 ? void 0 : options.color) !== null && _a !== void 0 ? _a : theme.getSnapTargetColor(),
-            alpha: (_b = options === null || options === void 0 ? void 0 : options.alpha) !== null && _b !== void 0 ? _b : theme.getSnapTargetAlpha(),
-            width: (_c = options === null || options === void 0 ? void 0 : options.width) !== null && _c !== void 0 ? _c : theme.getSnapTargetWidth(),
-            style: (_d = options === null || options === void 0 ? void 0 : options.style) !== null && _d !== void 0 ? _d : theme.getSnapTargetStyle()
+            color: theme.getSnapTargetColor(),
+            alpha: theme.getSnapTargetAlpha(),
+            width: theme.getSnapTargetWidth(),
+            style: theme.getSnapTargetStyle()
         };
     };
     DDiagramCanvasEditorSnap.prototype.onChange = function () {
-        var parent = this._parent;
-        parent.toDirty();
-        DApplications.update(parent);
+        this._isDirty = true;
+        DApplications.update(this._parent);
     };
     Object.defineProperty(DDiagramCanvasEditorSnap.prototype, "container", {
         get: function () {
@@ -87254,7 +87412,34 @@ var DDiagramCanvasEditorSnap = /** @class */ (function () {
     DDiagramCanvasEditorSnap.prototype.serialize = function () {
         return this._controller.serialize();
     };
-    DDiagramCanvasEditorSnap.prototype.onReflow = function () {
+    DDiagramCanvasEditorSnap.prototype.onResize = function (newWidth, newHeight, oldWidth, oldHeight) {
+        this._isDirty = true;
+    };
+    DDiagramCanvasEditorSnap.prototype.onScale = function (newX, newY, oldX, oldY) {
+        var gridScale = this.toGridScale(newX);
+        if (this._gridScale !== gridScale) {
+            this._gridScale = gridScale;
+            this._isDirty = true;
+        }
+    };
+    DDiagramCanvasEditorSnap.prototype.toGridScale = function (sx) {
+        if (!this._grid.adaptive || sx <= 0 || 1 <= sx) {
+            return 1;
+        }
+        var target = 1 / sx;
+        var result = 1;
+        while (result < target && result < Number.MAX_SAFE_INTEGER) {
+            result <<= 1;
+        }
+        return result;
+    };
+    DDiagramCanvasEditorSnap.prototype.onRender = function () {
+        if (this._isDirty) {
+            this._isDirty = false;
+            this.updateAll();
+        }
+    };
+    DDiagramCanvasEditorSnap.prototype.updateAll = function () {
         var parent = this._parent;
         var container = this._container;
         var controller = this._controller;
@@ -87275,7 +87460,7 @@ var DDiagramCanvasEditorSnap = /** @class */ (function () {
                 var major = grid.major;
                 var minor = grid.minor;
                 var interval = major.interval;
-                var size = grid.size(controller.grid.size, w, h);
+                var size = grid.size(controller.grid.size * this._gridScale, w, h);
                 for (var x = size, ix = 1; x < w; x += size, ix += 1, index += 1) {
                     var style = ix % interval === 0 ? major : minor;
                     this.update(container, shapes, index, x, hh, TOP, w, h, style);
@@ -87368,12 +87553,8 @@ var DDiagramCanvasEditor = /** @class */ (function (_super) {
     });
     Object.defineProperty(DDiagramCanvasEditor.prototype, "shape", {
         get: function () {
-            var result = this._shape;
-            if (result == null) {
-                result = this.newShape();
-                this._shape = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._shape) !== null && _a !== void 0 ? _a : (this._shape = this.newShape()));
         },
         enumerable: false,
         configurable: true
@@ -87412,10 +87593,26 @@ var DDiagramCanvasEditor = /** @class */ (function (_super) {
             thumbnail: thumbnail === null || thumbnail === void 0 ? void 0 : thumbnail.serialize()
         };
     };
-    DDiagramCanvasEditor.prototype.onReflow = function () {
-        var _a;
-        _super.prototype.onReflow.call(this);
-        (_a = this._snap) === null || _a === void 0 ? void 0 : _a.onReflow();
+    DDiagramCanvasEditor.prototype.onResize = function (newWidth, newHeight, oldWidth, oldHeight) {
+        var snap = this._snap;
+        if (snap != null) {
+            snap.onResize(newWidth, newHeight, oldWidth, oldHeight);
+        }
+        _super.prototype.onResize.call(this, newWidth, newHeight, oldWidth, oldHeight);
+    };
+    DDiagramCanvasEditor.prototype.onScale = function (newX, newY, oldX, oldY) {
+        var snap = this._snap;
+        if (snap != null) {
+            snap.onScale(newX, newY, oldX, oldY);
+        }
+        _super.prototype.onScale.call(this, newX, newY, oldX, oldY);
+    };
+    DDiagramCanvasEditor.prototype.render = function (renderer) {
+        var snap = this._snap;
+        if (snap != null) {
+            snap.onRender();
+        }
+        _super.prototype.render.call(this, renderer);
     };
     DDiagramCanvasEditor.prototype.getType = function () {
         return "DDiagramCanvasEditor";