@wcardinal/wcardinal-ui 0.429.0 → 0.431.0

package/dist/wcardinal-ui.cjs.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
 
@@ -15978,12 +15978,30 @@ var UtilGestureEasing = /** @class */ (function () {
  */
 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);
@@ -16006,6 +16024,11 @@ var UtilGestureTap = /** @class */ (function () {
         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);
@@ -16026,7 +16049,7 @@ var UtilGestureTap = /** @class */ (function () {
     };
     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);
@@ -16049,6 +16072,8 @@ var UtilGestureTap = /** @class */ (function () {
             data.start(e);
             // Event handler
             data.bind(e);
+            // Long press
+            this.start(target, data, e);
         }
     };
     UtilGestureTap.prototype.onMove = function (e, data) {
@@ -16101,10 +16126,36 @@ var UtilGestureTap = /** @class */ (function () {
         // 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) {
@@ -16217,7 +16268,7 @@ var UtilGesture = /** @class */ (function () {
     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);
@@ -16252,6 +16303,8 @@ var UtilGesture = /** @class */ (function () {
             }
             // Event handler
             data.bind(e);
+            // Tap
+            this._tap.start(target, data, e);
         }
     };
     UtilGesture.prototype.newOnMove = function (data) {
@@ -16440,6 +16493,9 @@ var DViewGestureImpl = /** @class */ (function () {
                     },
                     tap: function (target, e) {
                         _this.onTap(target, e);
+                    },
+                    longpress: function (target, e) {
+                        _this.onLongPress(target, e);
                     }
                 }
             });
@@ -16462,6 +16518,10 @@ var DViewGestureImpl = /** @class */ (function () {
         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
@@ -83162,6 +83222,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();
@@ -83704,7 +83767,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);
         }
     };
@@ -83841,18 +83904,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;
@@ -83880,6 +83950,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;
@@ -83909,49 +83986,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) {
@@ -83961,34 +84105,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));
@@ -84023,6 +84185,9 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
         _this._onTapBound = function (target, e) {
             _this.onTap(e);
         };
+        _this._onLongPressBound = function (target, e) {
+            _this.onLongPress(e);
+        };
         return _this;
     }
     DChartSelectionSimple.prototype.toDismiss = function (options) {
@@ -84030,13 +84195,39 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
         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));
@@ -84090,7 +84281,9 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
         }
         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 {
@@ -84101,10 +84294,25 @@ 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);
+                }
             }
         }
     };
+    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) {
@@ -84119,7 +84327,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 {
@@ -84135,16 +84343,20 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
         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();