@wcardinal/wcardinal-ui 0.329.0 → 0.331.0

package/dist/wcardinal-ui.cjs.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.329.0
+ Winter Cardinal UI v0.331.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -15283,6 +15283,7 @@ var DAnimationBase = /** @class */ (function (_super) {
         };
         _this._onStart = options === null || options === void 0 ? void 0 : options.onStart;
         _this._onEnd = options === null || options === void 0 ? void 0 : options.onEnd;
+        _this._onStop = options === null || options === void 0 ? void 0 : options.onStop;
         _this._timing = (_c = options === null || options === void 0 ? void 0 : options.timing) !== null && _c !== void 0 ? _c : DAnimationTimings.ELASTIC;
         // Events
         var on = options === null || options === void 0 ? void 0 : options.on;
@@ -15351,6 +15352,13 @@ var DAnimationBase = /** @class */ (function (_super) {
         }
         this.emit("end", isReverse, this);
     };
+    DAnimationBase.prototype.onStop = function (isReverse) {
+        var onStop = this._onStop;
+        if (onStop != null) {
+            onStop(isReverse, this);
+        }
+        this.emit("stop", isReverse, this);
+    };
     DAnimationBase.prototype.isStarted = function () {
         return this._id != null;
     };
@@ -15387,6 +15395,8 @@ var DAnimationBase = /** @class */ (function (_super) {
         if (id != null) {
             this._id = null;
             window.clearTimeout(id);
+            // OnStop
+            this.onStop(this._reverse);
         }
     };
     DAnimationBase.prototype.end = function () {
@@ -15599,6 +15609,12 @@ var UtilGesture = /** @class */ (function () {
             this._onStart = on.start;
             this._onMove = on.move;
             this._onEnd = on.end;
+            this._onStop = on.stop;
+            var easing = on.easing;
+            if (easing != null) {
+                this._onEasingStart = easing.start;
+                this._onEasingEnd = easing.end;
+            }
         }
         this._modifier = (_a = options === null || options === void 0 ? void 0 : options.modifier) !== null && _a !== void 0 ? _a : UtilGestureModifier.NONE;
         var checker = options.checker;
@@ -15797,12 +15813,20 @@ var UtilGesture = /** @class */ (function () {
             onEnd(target);
         }
         // Start the Easing
+        var onEasingStart = this._onEasingStart;
+        if (onEasingStart) {
+            onEasingStart(data.target);
+        }
         var easing = data.easing;
         if (easing) {
             easing.onEnd(e.data.originalEvent.timeStamp - data.time);
         }
         else {
             this.deleteData(data);
+            var onEasingEnd = this._onEasingEnd;
+            if (onEasingEnd) {
+                onEasingEnd(data.target);
+            }
         }
     };
     UtilGesture.prototype.onEasingMove = function (dx, dy, ds, time, data) {
@@ -15825,6 +15849,10 @@ var UtilGesture = /** @class */ (function () {
     };
     UtilGesture.prototype.onEasingEnd = function (data) {
         this.deleteData(data);
+        var onEasingEnd = this._onEasingEnd;
+        if (onEasingEnd) {
+            onEasingEnd(data.target);
+        }
     };
     UtilGesture.prototype.stop = function (target) {
         var _a;
@@ -15834,6 +15862,10 @@ var UtilGesture = /** @class */ (function () {
         }
         (_a = data.easing) === null || _a === void 0 ? void 0 : _a.stop();
         this.deleteData(data);
+        var onStop = this._onStop;
+        if (onStop) {
+            onStop(target);
+        }
     };
     return UtilGesture;
 }());
@@ -15843,11 +15875,11 @@ var UtilGesture = /** @class */ (function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var DViewGestureImpl = /** @class */ (function () {
-    function DViewGestureImpl(parent, toTarget, stopper, constraint, theme, options) {
+    function DViewGestureImpl(owner, toTarget, parent, constraint, theme, options) {
         var _this = this;
         var _a, _b;
+        this._owner = owner;
         this._parent = parent;
-        this._stopper = stopper;
         this._constraint = constraint;
         var mode = toEnum((_a = options === null || options === void 0 ? void 0 : options.mode) !== null && _a !== void 0 ? _a : theme.getGestureMode(), UtilGestureMode);
         var modifier = toEnum((_b = options === null || options === void 0 ? void 0 : options.modifier) !== null && _b !== void 0 ? _b : theme.getGestureModifier(), UtilGestureModifier);
@@ -15861,24 +15893,45 @@ var DViewGestureImpl = /** @class */ (function () {
                 },
                 on: {
                     start: function () {
-                        _this._stopper.stop();
+                        _this.onStart();
                     },
                     move: function (target, dx, dy, x, y, ds) {
-                        _this.onGestureMove(toTarget(parent), dx, dy, x, y, ds);
+                        _this.onGestureMove(toTarget(owner), dx, dy, x, y, ds);
+                    },
+                    easing: {
+                        end: function () {
+                            _this.onEnd();
+                        }
+                    },
+                    stop: function () {
+                        _this.onStop();
                     }
                 }
             });
         }
     }
+    DViewGestureImpl.prototype.onStart = function () {
+        var parent = this._parent;
+        parent.stop();
+        parent.emit("start", this, parent);
+    };
+    DViewGestureImpl.prototype.onEnd = function () {
+        var parent = this._parent;
+        parent.emit("end", this, parent);
+    };
+    DViewGestureImpl.prototype.onStop = function () {
+        var parent = this._parent;
+        parent.emit("stop", this, parent);
+    };
     DViewGestureImpl.prototype.onGestureMove = function (target, dx, dy, x, y, ds) {
         if (target) {
             // Scale
-            var stopper = this._stopper;
+            var parent_1 = this._parent;
             var oldScale = target.scale;
             var oldScaleX = oldScale.x;
             var oldScaleY = oldScale.y;
-            var newScaleX = stopper.toNormalizedScale(oldScaleX * ds);
-            var newScaleY = stopper.toNormalizedScale(oldScaleY * ds);
+            var newScaleX = parent_1.toNormalizedScale(oldScaleX * ds);
+            var newScaleY = parent_1.toNormalizedScale(oldScaleY * ds);
             var scaleRatioX = newScaleX / oldScaleX;
             var scaleRatioY = newScaleY / oldScaleY;
             var scaleRatio = ds < 1 ? Math.max(scaleRatioX, scaleRatioY) : Math.min(scaleRatioX, scaleRatioY);
@@ -15896,11 +15949,11 @@ var DViewGestureImpl = /** @class */ (function () {
     };
     DViewGestureImpl.prototype.stop = function () {
         var _a;
-        (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.stop(this._parent);
+        (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.stop(this._owner);
     };
     DViewGestureImpl.prototype.onDown = function (e) {
         var _a;
-        (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.onDown(this._parent, e);
+        (_a = this._gestureUtil) === null || _a === void 0 ? void 0 : _a.onDown(this._owner, e);
     };
     return DViewGestureImpl;
 }());
@@ -15910,9 +15963,9 @@ var DViewGestureImpl = /** @class */ (function () {
  * SPDX-License-Identifier: Apache-2.0
  */
 var DViewTransformImpl = /** @class */ (function () {
-    function DViewTransformImpl(parent, toTarget, stopper, constraint, duration) {
+    function DViewTransformImpl(owner, toTarget, parent, constraint, duration) {
         var _this = this;
-        this._parent = parent;
+        this._owner = owner;
         this._toTarget = toTarget;
         this._constraint = constraint;
         this._newScaleX = 1;
@@ -15923,15 +15976,29 @@ var DViewTransformImpl = /** @class */ (function () {
         this._oldScaleY = 1;
         this._oldX = 0;
         this._oldY = 0;
+        this._isStarted = false;
         this._animation = new DAnimationBase({
+            onStart: function () {
+                _this.onStart();
+            },
             onTime: function (time) {
                 _this.onTime(time);
             },
+            onEnd: function () {
+                _this.onEnd();
+            },
+            onStop: function () {
+                _this.onStop();
+            },
             duration: duration
         });
-        this._stopper = stopper;
+        this._parent = parent;
         this._duration = duration;
     }
+    DViewTransformImpl.prototype.onStart = function () {
+        var parent = this._parent;
+        parent.emit("start", this, parent);
+    };
     DViewTransformImpl.prototype.onTime = function (time) {
         var w0 = 1 - time;
         var w1 = time;
@@ -15939,20 +16006,31 @@ var DViewTransformImpl = /** @class */ (function () {
         var scaleY = this._oldScaleY * w0 + this._newScaleY * w1;
         var x = this._oldX * w0 + this._newX * w1;
         var y = this._oldY * w0 + this._newY * w1;
-        var target = this._toTarget(this._parent);
+        var target = this._toTarget(this._owner);
         if (target != null) {
             this._constraint(target, x, y, scaleX, scaleY);
         }
     };
+    DViewTransformImpl.prototype.onEnd = function () {
+        var parent = this._parent;
+        parent.emit("end", this, parent);
+    };
+    DViewTransformImpl.prototype.onStop = function () {
+        var parent = this._parent;
+        parent.emit("stop", this, parent);
+    };
     DViewTransformImpl.prototype.start = function (target, x, y, scaleX, scaleY, duration, stop) {
+        var parent = this._parent;
         if (stop !== false) {
-            this._stopper.stop();
+            parent.stop();
         }
         if (duration == null) {
             duration = this._duration;
         }
         if (duration <= 0) {
+            this.onStart();
             this._constraint(target, x, y, scaleX, scaleY);
+            this.onEnd();
         }
         else {
             var position = target.position;
@@ -15979,45 +16057,61 @@ var DViewTransformImpl = /** @class */ (function () {
  * Copyright (C) 2019 Toshiba Corporation
  * SPDX-License-Identifier: Apache-2.0
  */
-var DViewImpl = /** @class */ (function () {
+var DViewImpl = /** @class */ (function (_super) {
+    __extends(DViewImpl, _super);
     function DViewImpl(parent, toTarget, options) {
+        var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        this._parent = parent;
-        this._toTarget = toTarget;
-        this._constraint = (options && options.constraint) || DViewImpl.CONSTRAINT;
-        this._workRect = new pixi_js.Rectangle();
+        _this = _super.call(this) || this;
+        _this._parent = parent;
+        _this._toTarget = toTarget;
+        _this._constraint = (options && options.constraint) || DViewImpl.CONSTRAINT;
+        _this._workRect = new pixi_js.Rectangle();
         // Theme
-        var theme = this.toTheme(options) || this.getThemeDefault();
+        var theme = _this.toTheme(options) || _this.getThemeDefault();
         // Zoom
         var zoom = options === null || options === void 0 ? void 0 : options.zoom;
-        this._zoomPoint = new pixi_js.Point();
-        this._zoomMin = (_a = zoom === null || zoom === void 0 ? void 0 : zoom.min) !== null && _a !== void 0 ? _a : theme.getZoomMin();
-        this._zoomMax = (_b = zoom === null || zoom === void 0 ? void 0 : zoom.max) !== null && _b !== void 0 ? _b : theme.getZoomMax();
-        this._zoomKeepRatio = (_c = zoom === null || zoom === void 0 ? void 0 : zoom.keepRatio) !== null && _c !== void 0 ? _c : theme.getZoomKeepRatio();
+        _this._zoomPoint = new pixi_js.Point();
+        _this._zoomMin = (_a = zoom === null || zoom === void 0 ? void 0 : zoom.min) !== null && _a !== void 0 ? _a : theme.getZoomMin();
+        _this._zoomMax = (_b = zoom === null || zoom === void 0 ? void 0 : zoom.max) !== null && _b !== void 0 ? _b : theme.getZoomMax();
+        _this._zoomKeepRatio = (_c = zoom === null || zoom === void 0 ? void 0 : zoom.keepRatio) !== null && _c !== void 0 ? _c : theme.getZoomKeepRatio();
         // Zoom: Wheel
         var wheelZoom = zoom === null || zoom === void 0 ? void 0 : zoom.wheel;
-        this._isWheelZoomEnabled = (_d = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.enable) !== null && _d !== void 0 ? _d : theme.isWheelZoomEnabled();
-        this._wheelZoomSpeed = (_e = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.speed) !== null && _e !== void 0 ? _e : theme.getWheelZoomSpeed();
-        this._wheelZoomModifier = toEnum((_f = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.modifier) !== null && _f !== void 0 ? _f : theme.getWheelZoomModifier(), UtilGestureModifier);
-        this._wheelZoomChecker = (_g = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.checker) !== null && _g !== void 0 ? _g : UtilGestureModifiers.match;
+        _this._isWheelZoomEnabled = (_d = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.enable) !== null && _d !== void 0 ? _d : theme.isWheelZoomEnabled();
+        _this._wheelZoomSpeed = (_e = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.speed) !== null && _e !== void 0 ? _e : theme.getWheelZoomSpeed();
+        _this._wheelZoomModifier = toEnum((_f = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.modifier) !== null && _f !== void 0 ? _f : theme.getWheelZoomModifier(), UtilGestureModifier);
+        _this._wheelZoomChecker = (_g = wheelZoom === null || wheelZoom === void 0 ? void 0 : wheelZoom.checker) !== null && _g !== void 0 ? _g : UtilGestureModifiers.match;
         // Zoom: Dbl click
         var dblClickZoom = zoom === null || zoom === void 0 ? void 0 : zoom.dblclick;
-        this._isDblClickZoomEnabled = (_h = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.enable) !== null && _h !== void 0 ? _h : theme.isDblClickZoomEnabled();
-        this._dblClickZoomSpeed = (_j = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.amount) !== null && _j !== void 0 ? _j : theme.getDblClickZoomSpeed();
-        this._dblClickZoomModifier = toEnum((_k = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.modifier) !== null && _k !== void 0 ? _k : theme.getDblClickZoomModifier(), UtilGestureModifier);
-        this._dblClickZoomChecker = (_l = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.checker) !== null && _l !== void 0 ? _l : UtilGestureModifiers.match;
-        this._dblclickZoomDuration = (_m = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.duration) !== null && _m !== void 0 ? _m : theme.getDblClickZoomDuration();
+        _this._isDblClickZoomEnabled = (_h = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.enable) !== null && _h !== void 0 ? _h : theme.isDblClickZoomEnabled();
+        _this._dblClickZoomSpeed = (_j = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.amount) !== null && _j !== void 0 ? _j : theme.getDblClickZoomSpeed();
+        _this._dblClickZoomModifier = toEnum((_k = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.modifier) !== null && _k !== void 0 ? _k : theme.getDblClickZoomModifier(), UtilGestureModifier);
+        _this._dblClickZoomChecker = (_l = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.checker) !== null && _l !== void 0 ? _l : UtilGestureModifiers.match;
+        _this._dblclickZoomDuration = (_m = dblClickZoom === null || dblClickZoom === void 0 ? void 0 : dblClickZoom.duration) !== null && _m !== void 0 ? _m : theme.getDblClickZoomDuration();
         // Translation: Wheel
         var wheelTranslation = (_o = options === null || options === void 0 ? void 0 : options.translation) === null || _o === void 0 ? void 0 : _o.wheel;
-        this._isWheelTranslationEnabled =
+        _this._isWheelTranslationEnabled =
             (_p = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.enable) !== null && _p !== void 0 ? _p : theme.isWheelTranslationEnabled();
-        this._wheelTranslationSpeed = (_q = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.speed) !== null && _q !== void 0 ? _q : theme.getWheelTranslationSpeed();
-        this._wheelTranslationModifier = toEnum((_r = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.modifier) !== null && _r !== void 0 ? _r : theme.getWheelTranslationModifier(), UtilGestureModifier);
-        this._wheelTranslationChecker = (_s = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.checker) !== null && _s !== void 0 ? _s : UtilGestureModifiers.match;
+        _this._wheelTranslationSpeed = (_q = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.speed) !== null && _q !== void 0 ? _q : theme.getWheelTranslationSpeed();
+        _this._wheelTranslationModifier = toEnum((_r = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.modifier) !== null && _r !== void 0 ? _r : theme.getWheelTranslationModifier(), UtilGestureModifier);
+        _this._wheelTranslationChecker = (_s = wheelTranslation === null || wheelTranslation === void 0 ? void 0 : wheelTranslation.checker) !== null && _s !== void 0 ? _s : UtilGestureModifiers.match;
         // Gesture
-        this._gesture = new DViewGestureImpl(parent, toTarget, this, this._constraint, theme, options === null || options === void 0 ? void 0 : options.gesture);
+        _this._gesture = new DViewGestureImpl(parent, toTarget, _this, _this._constraint, theme, options === null || options === void 0 ? void 0 : options.gesture);
         // Transform
-        this._transform = new DViewTransformImpl(parent, toTarget, this, this._constraint, this._dblclickZoomDuration);
+        _this._transform = new DViewTransformImpl(parent, toTarget, _this, _this._constraint, _this._dblclickZoomDuration);
+        // Events
+        if (options != null) {
+            var on = options.on;
+            if (on != null) {
+                for (var name_1 in on) {
+                    var handler = on[name_1];
+                    if (handler) {
+                        _this.on(name_1, handler);
+                    }
+                }
+            }
+        }
+        return _this;
     }
     Object.defineProperty(DViewImpl.prototype, "gesture", {
         get: function () {
@@ -16244,7 +16338,7 @@ var DViewImpl = /** @class */ (function () {
         target.position.set(x, y);
     };
     return DViewImpl;
-}());
+}(pixi_js.utils.EventEmitter));
 
 /*
  * Copyright (C) 2019 Toshiba Corporation
@@ -22291,6 +22385,9 @@ var DDiagrams = /** @class */ (function () {
             version: serialized.version,
             id: serialized.id,
             name: serialized.name,
+            label: serialized.label,
+            summary: serialized.summary,
+            description: serialized.description,
             thumbnail: serialized.thumbnail,
             data: JSON.stringify({
                 width: serialized.width,
@@ -22313,8 +22410,11 @@ var DDiagrams = /** @class */ (function () {
                 version: target.version,
                 id: target.id,
                 name: target.name,
+                label: target.label,
                 width: data.width,
                 height: data.height,
+                summary: target.summary,
+                description: target.description,
                 background: data.background,
                 tile: data.tile,
                 resources: data.resources,
@@ -80119,8 +80219,11 @@ var DDiagramBase = /** @class */ (function (_super) {
         var isAmbient = this._isAmbient;
         return {
             name: serialized.name,
+            label: serialized.label,
             width: serialized.width,
             height: serialized.height,
+            summary: serialized.summary,
+            description: serialized.description,
             background: this.toCanvasBaseBackgroundOptions(serialized, theme, isAmbient),
             border: isAmbient ? { color: null } : undefined,
             outline: isAmbient ? { color: null } : undefined,
@@ -80588,7 +80691,9 @@ var DDiagramLayerContainer = /** @class */ (function (_super) {
 var DDiagramCanvasBase = /** @class */ (function (_super) {
     __extends(DDiagramCanvasBase, _super);
     function DDiagramCanvasBase(options) {
-        var _this = _super.call(this, options) || this;
+        var _this = this;
+        var _a, _b, _c;
+        _this = _super.call(this, options) || this;
         // Background
         var theme = _this.theme;
         if (!_this.isAmbient(theme, options)) {
@@ -80598,6 +80703,12 @@ var DDiagramCanvasBase = /** @class */ (function (_super) {
         var layer = new DDiagramLayerContainer(_this.width, _this.height);
         _this._layer = layer;
         _this.addChild(layer);
+        // Label
+        _this._label = (_a = options === null || options === void 0 ? void 0 : options.label) !== null && _a !== void 0 ? _a : "";
+        // Summary
+        _this._summary = (_b = options === null || options === void 0 ? void 0 : options.summary) !== null && _b !== void 0 ? _b : "";
+        // Description
+        _this._description = (_c = options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : "";
         // Tile
         var tile = new DDiagramCanvasTile(_this, options === null || options === void 0 ? void 0 : options.tile);
         _this._tile = tile;
@@ -80612,6 +80723,36 @@ var DDiagramCanvasBase = /** @class */ (function (_super) {
         var _a, _b;
         return (_b = (_a = options === null || options === void 0 ? void 0 : options.background) === null || _a === void 0 ? void 0 : _a.base) !== null && _b !== void 0 ? _b : theme.getBackgroundBase();
     };
+    Object.defineProperty(DDiagramCanvasBase.prototype, "label", {
+        get: function () {
+            return this._label;
+        },
+        set: function (label) {
+            this._label = label;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DDiagramCanvasBase.prototype, "summary", {
+        get: function () {
+            return this._summary;
+        },
+        set: function (summary) {
+            this._summary = summary;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DDiagramCanvasBase.prototype, "description", {
+        get: function () {
+            return this._description;
+        },
+        set: function (description) {
+            this._description = description;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DDiagramCanvasBase.prototype, "tile", {
         get: function () {
             return this._tile;
@@ -81275,8 +81416,11 @@ var DDiagramCanvasEditor = /** @class */ (function (_super) {
             version: DDiagramSerializedVersion,
             id: id,
             name: this.name,
+            label: this.label,
             width: this.width,
             height: this.height,
+            summary: this.summary,
+            description: this.description,
             background: {
                 color: isNumber(backgroundColor) ? backgroundColor : 0xffffff,
                 alpha: isNumber(backgroundAlpha) ? backgroundAlpha : 0