@wcardinal/wcardinal-ui 0.430.0 → 0.432.0

package/dist/wcardinal-ui.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
 
@@ -47849,7 +47849,7 @@
                 this.size = serialized[2];
             }
             else {
-                this.visible = false;
+                this.visible = this._isVisibleDefault;
                 this.size = serialized[1];
             }
         };
@@ -62061,6 +62061,9 @@
         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();
@@ -62603,7 +62606,7 @@
         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);
             }
         };
@@ -62650,7 +62653,8 @@
                 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;
@@ -62677,7 +62681,8 @@
                 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;
@@ -62740,18 +62745,25 @@
     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;
@@ -62779,6 +62791,13 @@
             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;
@@ -62808,49 +62827,116 @@
             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) {
@@ -62860,34 +62946,52 @@
                 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));
@@ -62935,14 +63039,16 @@
                     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) {
@@ -62958,6 +63064,12 @@
                 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));
         };
@@ -63023,7 +63135,12 @@
                     selected.set(series, result);
                 }
                 else {
-                    selected.unset();
+                    if (dismiss.enable && dismiss.noSeries.enable) {
+                        selected.unset();
+                    }
+                    else {
+                        selected.set(global_1.x, global_1.y);
+                    }
                 }
             }
         };
@@ -63051,7 +63168,7 @@
                 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 {
@@ -66024,6 +66141,7 @@
         function DDiagramCanvasEditorSnap(parent, theme, options) {
             var _this = this;
             this._parent = parent;
+            this._isDirty = true;
             // Controller
             var controller = options.controller;
             this._controller = controller;
@@ -66039,49 +66157,83 @@
             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 () {
@@ -66093,7 +66245,34 @@
         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;
@@ -66114,7 +66293,7 @@
                     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);
@@ -66207,12 +66386,8 @@
         });
         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
@@ -66251,10 +66426,26 @@
                 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";