@wcardinal/wcardinal-ui 0.429.0 → 0.431.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.429.0
+ Winter Cardinal UI v0.431.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -15975,12 +15975,30 @@
      */
     var UtilGestureTap = /** @class */ (function () {
         function UtilGestureTap(on, options) {
-            var _a;
-            this._onTap = on === null || on === void 0 ? void 0 : on.tap;
-            this._threshold = (_a = options === null || options === void 0 ? void 0 : options.threshold) !== null && _a !== void 0 ? _a : 10;
+            if (on != null) {
+                this._onTap = on.tap;
+                this._onLongPress = on.longpress;
+            }
+            this._threshold = this.toThreshold(options);
             this._unused = [];
             this._used = new Map();
         }
+        UtilGestureTap.prototype.toThreshold = function (options) {
+            var _a, _b;
+            if (options != null) {
+                var threshold = options.threshold;
+                if (threshold != null) {
+                    return {
+                        distance: (_a = threshold.distance) !== null && _a !== void 0 ? _a : 10,
+                        long: (_b = threshold.long) !== null && _b !== void 0 ? _b : 500
+                    };
+                }
+            }
+            return {
+                distance: 10,
+                long: 500
+            };
+        };
         UtilGestureTap.prototype.newData = function (target) {
             var used = this._used;
             var result = used.get(target);
@@ -16003,6 +16021,11 @@
             var target = data.target;
             if (target) {
                 if (this._used.delete(target)) {
+                    var timeoutId = data.timeoutId;
+                    if (timeoutId != null) {
+                        data.timeoutId = undefined;
+                        window.clearTimeout(timeoutId);
+                    }
                     data.target = undefined;
                     data.pointers.clear();
                     this._unused.push(data);
@@ -16023,7 +16046,7 @@
         };
         UtilGestureTap.prototype.onDown = function (target, e) {
             var _a;
-            if (this._onTap == null) {
+            if (this._onTap == null && this._onLongPress == null) {
                 return;
             }
             var layer = DApplications.getLayer(target);
@@ -16046,6 +16069,8 @@
                 data.start(e);
                 // Event handler
                 data.bind(e);
+                // Long press
+                this.start(target, data, e);
             }
         };
         UtilGestureTap.prototype.onMove = function (e, data) {
@@ -16098,10 +16123,36 @@
             // Delete this data
             this.deleteData(data);
         };
+        UtilGestureTap.prototype.onLongPress = function (target, data, e) {
+            data.timeoutId = undefined;
+            if (data.distance < this._threshold.distance) {
+                data.distance = this._threshold.distance;
+                var onLongPress = this._onLongPress;
+                if (onLongPress != null) {
+                    onLongPress(target, e);
+                }
+            }
+        };
+        UtilGestureTap.prototype.start = function (target, data, e) {
+            var _this = this;
+            var thresholdLong = this._threshold.long;
+            if (0 <= thresholdLong) {
+                data.timeoutId = window.setTimeout(function () {
+                    _this.onLongPress(target, data, e);
+                }, thresholdLong);
+            }
+        };
         UtilGestureTap.prototype.end = function (target, data, e) {
-            var onTap = this._onTap;
-            if (onTap && data.distance < this._threshold) {
-                onTap(target, e);
+            var timeoutId = data.timeoutId;
+            if (timeoutId != null) {
+                data.timeoutId = undefined;
+                window.clearTimeout(timeoutId);
+            }
+            if (data.distance < this._threshold.distance) {
+                var onTap = this._onTap;
+                if (onTap) {
+                    onTap(target, e);
+                }
             }
         };
         UtilGestureTap.prototype.stop = function (target) {
@@ -16214,7 +16265,7 @@
         UtilGesture.prototype.onDown = function (target, e) {
             var _a;
             if (this._touch && !this.isTouch(e)) {
-                return this._tap.onDown(target, e);
+                return;
             }
             if (!this._checkerStart(e, this._modifier, target)) {
                 return this._tap.onDown(target, e);
@@ -16249,6 +16300,8 @@
                 }
                 // Event handler
                 data.bind(e);
+                // Tap
+                this._tap.start(target, data, e);
             }
         };
         UtilGesture.prototype.newOnMove = function (data) {
@@ -16437,6 +16490,9 @@
                         },
                         tap: function (target, e) {
                             _this.onTap(target, e);
+                        },
+                        longpress: function (target, e) {
+                            _this.onLongPress(target, e);
                         }
                     }
                 });
@@ -16459,6 +16515,10 @@
             var parent = this._parent;
             parent.emit("gesturetap", target, e, parent);
         };
+        DViewGestureImpl.prototype.onLongPress = function (target, e) {
+            var parent = this._parent;
+            parent.emit("gesturelongpress", target, e, parent);
+        };
         DViewGestureImpl.prototype.onGestureMove = function (target, dx, dy, x, y, ds, work) {
             if (target != null) {
                 // Scale
@@ -62001,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();
@@ -62543,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);
             }
         };
@@ -62680,18 +62743,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;
@@ -62719,6 +62789,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;
@@ -62748,49 +62825,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) {
@@ -62800,34 +62944,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));
@@ -62862,6 +63024,9 @@
             _this._onTapBound = function (target, e) {
                 _this.onTap(e);
             };
+            _this._onLongPressBound = function (target, e) {
+                _this.onLongPress(e);
+            };
             return _this;
         }
         DChartSelectionSimple.prototype.toDismiss = function (options) {
@@ -62869,13 +63034,39 @@
             if (options != null) {
                 var dismiss = options.dismiss;
                 if (dismiss != null) {
-                    if (dismiss.enable === false) {
-                        return undefined;
-                    }
-                    return toEnum((_a = dismiss.modifier) !== null && _a !== void 0 ? _a : UtilGestureModifier.NOT_NONE, UtilGestureModifier);
+                    return {
+                        enable: (_a = dismiss.enable) !== null && _a !== void 0 ? _a : true,
+                        tap: this.toDismissTap(dismiss.tap),
+                        longPress: this.toDismissLongPress(dismiss.longPress),
+                        noSeries: this.toDismissNoSeries(dismiss.noSeries)
+                    };
                 }
             }
-            return UtilGestureModifier.NOT_NONE;
+            return {
+                enable: true,
+                tap: this.toDismissTap(),
+                longPress: this.toDismissLongPress(),
+                noSeries: this.toDismissNoSeries()
+            };
+        };
+        DChartSelectionSimple.prototype.toDismissTap = function (options) {
+            var _a, _b;
+            return {
+                enable: (_a = options === null || options === void 0 ? void 0 : options.enable) !== null && _a !== void 0 ? _a : true,
+                modifier: toEnum((_b = options === null || options === void 0 ? void 0 : options.modifier) !== null && _b !== void 0 ? _b : UtilGestureModifier.NOT_NONE, UtilGestureModifier)
+            };
+        };
+        DChartSelectionSimple.prototype.toDismissLongPress = function (options) {
+            var _a;
+            return {
+                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));
@@ -62929,7 +63120,9 @@
             }
             var dismiss = this._dismiss;
             var selected = this._selected;
-            if (dismiss != null && UtilGestureModifiers.match(e, dismiss)) {
+            if (dismiss.enable &&
+                dismiss.tap.enable &&
+                UtilGestureModifiers.match(e, dismiss.tap.modifier)) {
                 selected.unset();
             }
             else {
@@ -62940,10 +63133,25 @@
                     selected.set(series, result);
                 }
                 else {
-                    selected.unset();
+                    if (dismiss.enable && dismiss.noSeries.enable) {
+                        selected.unset();
+                    }
+                    else {
+                        selected.set(global_1.x, global_1.y);
+                    }
                 }
             }
         };
+        DChartSelectionSimple.prototype.onLongPress = function (e) {
+            var container = this._container;
+            if (container == null) {
+                return;
+            }
+            var dismiss = this._dismiss;
+            if (dismiss.enable && dismiss.longPress.enable) {
+                this._selected.unset();
+            }
+        };
         DChartSelectionSimple.prototype.onMove = function (e) {
             var container = this._container;
             if (container == null) {
@@ -62958,7 +63166,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 {
@@ -62974,16 +63182,20 @@
             this._selected.bind(container);
             this._hovered.bind(container);
             var plotArea = container.plotArea;
+            var plotAreaView = plotArea.view;
             plotArea.on(UtilPointerEvent.move, this._onMoveBound);
-            plotArea.view.on("gesturetap", this._onTapBound);
+            plotAreaView.on("gesturetap", this._onTapBound);
+            plotAreaView.on("gesturelongpress", this._onLongPressBound);
         };
         DChartSelectionSimple.prototype.unbind = function () {
             var container = this._container;
             this._container = null;
             if (container != null) {
                 var plotArea = container.plotArea;
+                var plotAreaView = plotArea.view;
                 plotArea.off(UtilPointerEvent.move, this._onMoveBound);
-                plotArea.view.off("gesturetap", this._onTapBound);
+                plotAreaView.off("gesturetap", this._onTapBound);
+                plotAreaView.off("gesturelongpress", this._onLongPressBound);
             }
             this._selected.unbind();
             this._hovered.unbind();