@wcardinal/wcardinal-ui 0.428.0 → 0.430.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.428.0
+ Winter Cardinal UI v0.430.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
@@ -26586,34 +26646,33 @@ var EShapeActionValueOpen = /** @class */ (function (_super) {
         return new EShapeActionValueOpen(this.toSubType(serialized), condition, target, this.inNewWindow(serialized));
     };
     EShapeActionValueOpen.toSubType = function (serialized) {
-        if (serialized.length === 6) {
-            switch (serialized[2]) {
-                case EShapeActionValueOpenType.DIAGRAM_LEGACY:
-                    return EShapeActionValueOpenType.DIAGRAM;
-                case EShapeActionValueOpenType.PAGE_LEGACY:
-                    return EShapeActionValueOpenType.PAGE;
-                case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
-                    return EShapeActionValueOpenType.PAGE;
-            }
-        }
-        else {
-            return serialized[2];
+        switch (serialized[2]) {
+            case EShapeActionValueOpenType.DIAGRAM_LEGACY:
+                return EShapeActionValueOpenType.DIAGRAM;
+            case EShapeActionValueOpenType.PAGE_LEGACY:
+                return EShapeActionValueOpenType.PAGE;
+            case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
+                return EShapeActionValueOpenType.PAGE;
+            case EShapeActionValueOpenType.DIAGRAM:
+                return EShapeActionValueOpenType.DIAGRAM;
+            case EShapeActionValueOpenType.PAGE:
+                return EShapeActionValueOpenType.PAGE;
         }
+        return EShapeActionValueOpenType.DIAGRAM;
     };
     EShapeActionValueOpen.inNewWindow = function (serialized) {
-        if (serialized.length === 6) {
-            switch (serialized[2]) {
-                case EShapeActionValueOpenType.DIAGRAM_LEGACY:
-                    return false;
-                case EShapeActionValueOpenType.PAGE_LEGACY:
-                    return true;
-                case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
-                    return false;
-            }
-        }
-        else {
-            return !!serialized[4];
+        switch (serialized[2]) {
+            case EShapeActionValueOpenType.DIAGRAM_LEGACY:
+                return false;
+            case EShapeActionValueOpenType.PAGE_LEGACY:
+                return true;
+            case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
+                return false;
+            case EShapeActionValueOpenType.DIAGRAM:
+            case EShapeActionValueOpenType.PAGE:
+                return !!serialized[4];
         }
+        return false;
     };
     return EShapeActionValueOpen;
 }(EShapeActionValueSubtyped));
@@ -84024,6 +84083,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) {
@@ -84031,13 +84093,31 @@ 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)
+                };
             }
         }
-        return UtilGestureModifier.NOT_NONE;
+        return {
+            enable: true,
+            tap: this.toDismissTap(),
+            longPress: this.toDismissLongPress()
+        };
+    };
+    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.newSelected = function (point, options) {
         return new DChartSelectionSubImpl(this.toSelectedOptions(point, options));
@@ -84091,7 +84171,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 {
@@ -84106,6 +84188,16 @@ var DChartSelectionSimple = /** @class */ (function (_super) {
             }
         }
     };
+    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) {
@@ -84136,16 +84228,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();

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.428.0
+ Winter Cardinal UI v0.430.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
@@ -26583,34 +26643,33 @@
             return new EShapeActionValueOpen(this.toSubType(serialized), condition, target, this.inNewWindow(serialized));
         };
         EShapeActionValueOpen.toSubType = function (serialized) {
-            if (serialized.length === 6) {
-                switch (serialized[2]) {
-                    case EShapeActionValueOpenType.DIAGRAM_LEGACY:
-                        return EShapeActionValueOpenType.DIAGRAM;
-                    case EShapeActionValueOpenType.PAGE_LEGACY:
-                        return EShapeActionValueOpenType.PAGE;
-                    case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
-                        return EShapeActionValueOpenType.PAGE;
-                }
-            }
-            else {
-                return serialized[2];
+            switch (serialized[2]) {
+                case EShapeActionValueOpenType.DIAGRAM_LEGACY:
+                    return EShapeActionValueOpenType.DIAGRAM;
+                case EShapeActionValueOpenType.PAGE_LEGACY:
+                    return EShapeActionValueOpenType.PAGE;
+                case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
+                    return EShapeActionValueOpenType.PAGE;
+                case EShapeActionValueOpenType.DIAGRAM:
+                    return EShapeActionValueOpenType.DIAGRAM;
+                case EShapeActionValueOpenType.PAGE:
+                    return EShapeActionValueOpenType.PAGE;
             }
+            return EShapeActionValueOpenType.DIAGRAM;
         };
         EShapeActionValueOpen.inNewWindow = function (serialized) {
-            if (serialized.length === 6) {
-                switch (serialized[2]) {
-                    case EShapeActionValueOpenType.DIAGRAM_LEGACY:
-                        return false;
-                    case EShapeActionValueOpenType.PAGE_LEGACY:
-                        return true;
-                    case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
-                        return false;
-                }
-            }
-            else {
-                return !!serialized[4];
+            switch (serialized[2]) {
+                case EShapeActionValueOpenType.DIAGRAM_LEGACY:
+                    return false;
+                case EShapeActionValueOpenType.PAGE_LEGACY:
+                    return true;
+                case EShapeActionValueOpenType.PAGE_INPLACE_LEGACY:
+                    return false;
+                case EShapeActionValueOpenType.DIAGRAM:
+                case EShapeActionValueOpenType.PAGE:
+                    return !!serialized[4];
             }
+            return false;
         };
         return EShapeActionValueOpen;
     }(EShapeActionValueSubtyped));
@@ -62863,6 +62922,9 @@
             _this._onTapBound = function (target, e) {
                 _this.onTap(e);
             };
+            _this._onLongPressBound = function (target, e) {
+                _this.onLongPress(e);
+            };
             return _this;
         }
         DChartSelectionSimple.prototype.toDismiss = function (options) {
@@ -62870,13 +62932,31 @@
             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)
+                    };
                 }
             }
-            return UtilGestureModifier.NOT_NONE;
+            return {
+                enable: true,
+                tap: this.toDismissTap(),
+                longPress: this.toDismissLongPress()
+            };
+        };
+        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.newSelected = function (point, options) {
             return new DChartSelectionSubImpl(this.toSelectedOptions(point, options));
@@ -62930,7 +63010,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 {
@@ -62945,6 +63027,16 @@
                 }
             }
         };
+        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) {
@@ -62975,16 +63067,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();