@wcardinal/wcardinal-ui 0.329.0 → 0.331.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types/wcardinal/ui/d-animation-base.d.ts +3 -1
- package/dist/types/wcardinal/ui/d-animation.d.ts +21 -3
- package/dist/types/wcardinal/ui/d-diagram-canvas-base.d.ts +12 -0
- package/dist/types/wcardinal/ui/d-diagram-serialized.d.ts +6 -0
- package/dist/types/wcardinal/ui/d-view-gesture-impl.d.ts +7 -4
- package/dist/types/wcardinal/ui/d-view-impl.d.ts +2 -2
- package/dist/types/wcardinal/ui/d-view-parent.d.ts +5 -0
- package/dist/types/wcardinal/ui/d-view-transform-impl.d.ts +8 -4
- package/dist/types/wcardinal/ui/d-view.d.ts +35 -0
- package/dist/types/wcardinal/ui/index.d.ts +1 -1
- package/dist/types/wcardinal/ui/util/util-gesture.d.ts +12 -0
- package/dist/wcardinal/ui/d-animation-base.js +10 -0
- package/dist/wcardinal/ui/d-animation-base.js.map +1 -1
- package/dist/wcardinal/ui/d-animation.js.map +1 -1
- package/dist/wcardinal/ui/d-diagram-base.js +3 -0
- package/dist/wcardinal/ui/d-diagram-base.js.map +1 -1
- package/dist/wcardinal/ui/d-diagram-canvas-base.js +39 -1
- package/dist/wcardinal/ui/d-diagram-canvas-base.js.map +1 -1
- package/dist/wcardinal/ui/d-diagram-canvas-editor.js +3 -0
- package/dist/wcardinal/ui/d-diagram-canvas-editor.js.map +1 -1
- package/dist/wcardinal/ui/d-diagram-serialized.js.map +1 -1
- package/dist/wcardinal/ui/d-diagrams.js +6 -0
- package/dist/wcardinal/ui/d-diagrams.js.map +1 -1
- package/dist/wcardinal/ui/d-view-gesture-impl.js +30 -9
- package/dist/wcardinal/ui/d-view-gesture-impl.js.map +1 -1
- package/dist/wcardinal/ui/d-view-impl.js +44 -27
- package/dist/wcardinal/ui/d-view-impl.js.map +1 -1
- package/dist/wcardinal/ui/{d-view-stopper.js → d-view-parent.js} +1 -1
- package/dist/wcardinal/ui/d-view-parent.js.map +1 -0
- package/dist/wcardinal/ui/d-view-transform-impl.js +30 -5
- package/dist/wcardinal/ui/d-view-transform-impl.js.map +1 -1
- package/dist/wcardinal/ui/d-view.js.map +1 -1
- package/dist/wcardinal/ui/index.js +1 -1
- package/dist/wcardinal/ui/index.js.map +1 -1
- package/dist/wcardinal/ui/util/util-gesture.js +22 -0
- package/dist/wcardinal/ui/util/util-gesture.js.map +1 -1
- package/dist/wcardinal-ui-theme-dark.js +1 -1
- package/dist/wcardinal-ui-theme-dark.min.js +1 -1
- package/dist/wcardinal-ui-theme-white.js +1 -1
- package/dist/wcardinal-ui-theme-white.min.js +1 -1
- package/dist/wcardinal-ui.cjs.js +186 -42
- package/dist/wcardinal-ui.js +186 -42
- package/dist/wcardinal-ui.min.js +2 -2
- package/dist/wcardinal-ui.min.js.map +1 -1
- package/package.json +1 -1
- package/dist/types/wcardinal/ui/d-view-stopper.d.ts +0 -4
- package/dist/wcardinal/ui/d-view-stopper.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { utils } from "pixi.js";
|
|
2
|
-
import { DAnimation, DAnimationOnEnd, DAnimationOnTime, DAnimationOptions, DAnimationTiming } from "./d-animation";
|
|
2
|
+
import { DAnimation, DAnimationOnEnd, DAnimationOnStop, DAnimationOnTime, DAnimationOptions, DAnimationTiming } from "./d-animation";
|
|
3
3
|
export declare class DAnimationBase<TARGET = unknown> extends utils.EventEmitter implements DAnimation<TARGET> {
|
|
4
4
|
protected _id: number | null;
|
|
5
5
|
protected _startTime: number;
|
|
@@ -10,6 +10,7 @@ export declare class DAnimationBase<TARGET = unknown> extends utils.EventEmitter
|
|
|
10
10
|
protected _onTimeBaseBound: () => void;
|
|
11
11
|
protected _onStart: DAnimationOnEnd<TARGET> | undefined;
|
|
12
12
|
protected _onEnd: DAnimationOnEnd<TARGET> | undefined;
|
|
13
|
+
protected _onStop: DAnimationOnStop<TARGET> | undefined;
|
|
13
14
|
protected _timing: DAnimationTiming<TARGET>;
|
|
14
15
|
protected _target: TARGET | null;
|
|
15
16
|
constructor(options?: DAnimationOptions<TARGET>);
|
|
@@ -21,6 +22,7 @@ export declare class DAnimationBase<TARGET = unknown> extends utils.EventEmitter
|
|
|
21
22
|
protected onStart(isReverse: boolean): void;
|
|
22
23
|
protected onTime(time: number, isReverse: boolean, elapsedTime: number): void;
|
|
23
24
|
protected onEnd(isReverse: boolean): void;
|
|
25
|
+
protected onStop(isReverse: boolean): void;
|
|
24
26
|
isStarted(): boolean;
|
|
25
27
|
isReverse(): boolean;
|
|
26
28
|
protected onTimeBase(): void;
|
|
@@ -17,12 +17,19 @@ export declare type DAnimationOnStart<TARGET> = (isReverse: boolean, animation:
|
|
|
17
17
|
*/
|
|
18
18
|
export declare type DAnimationOnTime<TARGET> = (time: number, isReverse: boolean, elapsedTime: number, animation: DAnimation<TARGET>) => void;
|
|
19
19
|
/**
|
|
20
|
-
* Triggered when an animation
|
|
20
|
+
* Triggered when an animation ends.
|
|
21
21
|
*
|
|
22
22
|
* @param isReverse true if an animation is playing in reverse
|
|
23
23
|
* @param animation an instance
|
|
24
24
|
*/
|
|
25
25
|
export declare type DAnimationOnEnd<TARGET> = (isReverse: boolean, animation: DAnimation<TARGET>) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Triggered when an animation stops.
|
|
28
|
+
*
|
|
29
|
+
* @param isReverse true if an animation is playing in reverse
|
|
30
|
+
* @param animation an instance
|
|
31
|
+
*/
|
|
32
|
+
export declare type DAnimationOnStop<TARGET> = (isReverse: boolean, animation: DAnimation<TARGET>) => void;
|
|
26
33
|
/**
|
|
27
34
|
* An easing function.
|
|
28
35
|
*
|
|
@@ -51,12 +58,19 @@ export interface DAnimationEvents<EMITTER> {
|
|
|
51
58
|
*/
|
|
52
59
|
time(time: number, isReverse: boolean, elapsedTime: number, emitter: EMITTER): void;
|
|
53
60
|
/**
|
|
54
|
-
* Triggered when an animation
|
|
61
|
+
* Triggered when an animation ends.
|
|
55
62
|
*
|
|
56
63
|
* @param isReverse true if an animation is playing in reverse
|
|
57
64
|
* @param emitter an emitter
|
|
58
65
|
*/
|
|
59
66
|
end(isReverse: boolean, emitter: EMITTER): void;
|
|
67
|
+
/**
|
|
68
|
+
* Triggered when an animation stops.
|
|
69
|
+
*
|
|
70
|
+
* @param isReverse true if an animation is playing in reverse
|
|
71
|
+
* @param emitter an emitter
|
|
72
|
+
*/
|
|
73
|
+
stop(isReverse: boolean, emitter: EMITTER): void;
|
|
60
74
|
}
|
|
61
75
|
/**
|
|
62
76
|
* {@link DAnimation} "on" options.
|
|
@@ -80,9 +94,13 @@ export interface DAnimationOptions<TARGET, EMITTER = DAnimation<TARGET>> {
|
|
|
80
94
|
*/
|
|
81
95
|
onTime?: DAnimationOnTime<TARGET>;
|
|
82
96
|
/**
|
|
83
|
-
* Triggered when an animation
|
|
97
|
+
* Triggered when an animation ends.
|
|
84
98
|
*/
|
|
85
99
|
onEnd?: DAnimationOnEnd<TARGET>;
|
|
100
|
+
/**
|
|
101
|
+
* Triggered when an animation stops.
|
|
102
|
+
*/
|
|
103
|
+
onStop?: DAnimationOnStop<TARGET>;
|
|
86
104
|
timing?: DAnimationTiming<TARGET>;
|
|
87
105
|
/**
|
|
88
106
|
* An animation duration.
|
|
@@ -9,6 +9,9 @@ export interface DDiagramCanvasBackgroundOptions extends DBaseBackgroundOptions
|
|
|
9
9
|
base?: number | null;
|
|
10
10
|
}
|
|
11
11
|
export interface DDiagramCanvasBaseOptions<THEME extends DThemeDiagramCanvasBase = DThemeDiagramCanvasBase> extends DCanvasOptions<THEME> {
|
|
12
|
+
label?: string;
|
|
13
|
+
summary?: string;
|
|
14
|
+
description?: string;
|
|
12
15
|
tile?: DDiagramCanvasTileOptions;
|
|
13
16
|
background?: DDiagramCanvasBackgroundOptions;
|
|
14
17
|
ambient?: boolean;
|
|
@@ -19,10 +22,19 @@ export interface DThemeDiagramCanvasBase extends DThemeCanvas {
|
|
|
19
22
|
}
|
|
20
23
|
export declare class DDiagramCanvasBase<THEME extends DThemeDiagramCanvasBase = DThemeDiagramCanvasBase, OPTIONS extends DDiagramCanvasBaseOptions<THEME> = DDiagramCanvasBaseOptions<THEME>> extends DCanvas<THEME, OPTIONS> {
|
|
21
24
|
protected _layer: DDiagramLayerContainer;
|
|
25
|
+
protected _label: string;
|
|
26
|
+
protected _summary: string;
|
|
27
|
+
protected _description: string;
|
|
22
28
|
protected _tile: DDiagramCanvasTile;
|
|
23
29
|
constructor(options?: OPTIONS);
|
|
24
30
|
protected isAmbient(theme: THEME, options?: OPTIONS): boolean;
|
|
25
31
|
protected toBackgroundBase(theme: THEME, options?: OPTIONS): number | null;
|
|
32
|
+
get label(): string;
|
|
33
|
+
set label(label: string);
|
|
34
|
+
get summary(): string;
|
|
35
|
+
set summary(summary: string);
|
|
36
|
+
get description(): string;
|
|
37
|
+
set description(description: string);
|
|
26
38
|
get tile(): DDiagramCanvasTile;
|
|
27
39
|
get layer(): DDiagramLayerContainer;
|
|
28
40
|
initialize(shapes: EShape[], mapper?: DDiagramDataMapper | null): void;
|
|
@@ -422,8 +422,11 @@ export interface DDiagramSerialized {
|
|
|
422
422
|
version: number;
|
|
423
423
|
id?: number;
|
|
424
424
|
name: string;
|
|
425
|
+
label?: string;
|
|
425
426
|
width: number;
|
|
426
427
|
height: number;
|
|
428
|
+
summary?: string;
|
|
429
|
+
description?: string;
|
|
427
430
|
background?: DDiagramSerializedBackground;
|
|
428
431
|
tile?: DDiagramSerializedTile;
|
|
429
432
|
resources: string[];
|
|
@@ -444,6 +447,9 @@ export interface DDiagramSerializedSimple {
|
|
|
444
447
|
version: number;
|
|
445
448
|
id: number | undefined;
|
|
446
449
|
name: string;
|
|
450
|
+
label?: string;
|
|
451
|
+
summary?: string;
|
|
452
|
+
description?: string;
|
|
447
453
|
/**
|
|
448
454
|
* A stringified {@link DDiagramSerialized#data}.
|
|
449
455
|
*
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import { interaction } from "pixi.js";
|
|
2
2
|
import { DBase } from "./d-base";
|
|
3
3
|
import { DThemeViewGesture, DViewGesture, DViewGestureOptions } from "./d-view-gesture";
|
|
4
|
-
import {
|
|
4
|
+
import { DViewParent } from "./d-view-parent";
|
|
5
5
|
import { DViewTarget, DViewToTarget } from "./d-view-to-target";
|
|
6
6
|
import { UtilGesture } from "./util/util-gesture";
|
|
7
7
|
import { DViewConstraint } from "./d-view-constraint";
|
|
8
8
|
export declare class DViewGestureImpl implements DViewGesture {
|
|
9
|
-
protected
|
|
10
|
-
protected
|
|
9
|
+
protected _owner: DBase;
|
|
10
|
+
protected _parent: DViewParent;
|
|
11
11
|
protected _constraint: DViewConstraint;
|
|
12
12
|
protected _gestureUtil?: UtilGesture<DBase>;
|
|
13
|
-
constructor(
|
|
13
|
+
constructor(owner: DBase, toTarget: DViewToTarget, parent: DViewParent, constraint: DViewConstraint, theme: DThemeViewGesture, options?: DViewGestureOptions);
|
|
14
|
+
protected onStart(): void;
|
|
15
|
+
protected onEnd(): void;
|
|
16
|
+
protected onStop(): void;
|
|
14
17
|
protected onGestureMove(target: DViewTarget | null, dx: number, dy: number, x: number, y: number, ds: number): void;
|
|
15
18
|
stop(): void;
|
|
16
19
|
onDown(e: interaction.InteractionEvent): void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { interaction, IPoint, Point, Rectangle } from "pixi.js";
|
|
1
|
+
import { interaction, IPoint, Point, Rectangle, utils } from "pixi.js";
|
|
2
2
|
import { DBase } from "./d-base";
|
|
3
3
|
import { UtilGestureModifier } from "./util/util-gesture-modifier";
|
|
4
4
|
import { DThemeView, DView, DViewChecker, DViewOptions } from "./d-view";
|
|
@@ -8,7 +8,7 @@ import { DViewTargetPoint, DViewToTarget } from "./d-view-to-target";
|
|
|
8
8
|
import { DViewTransformImpl } from "./d-view-transform-impl";
|
|
9
9
|
import { UtilWheelEventDeltas } from "./util/util-wheel-event";
|
|
10
10
|
import { DViewConstraint } from "./d-view-constraint";
|
|
11
|
-
export declare class DViewImpl implements DView {
|
|
11
|
+
export declare class DViewImpl extends utils.EventEmitter implements DView {
|
|
12
12
|
protected static CONSTRAINT: DViewConstraint;
|
|
13
13
|
protected _parent: DBase;
|
|
14
14
|
protected _toTarget: DViewToTarget;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { DAnimation } from "./d-animation";
|
|
2
2
|
import { DBase } from "./d-base";
|
|
3
3
|
import { DViewConstraint } from "./d-view-constraint";
|
|
4
|
-
import {
|
|
4
|
+
import { DViewParent } from "./d-view-parent";
|
|
5
5
|
import { DViewTarget, DViewToTarget } from "./d-view-to-target";
|
|
6
6
|
import { DViewTransform } from "./d-view-transform";
|
|
7
7
|
export declare class DViewTransformImpl implements DViewTransform {
|
|
8
|
-
protected
|
|
8
|
+
protected _owner: DBase;
|
|
9
9
|
protected _toTarget: DViewToTarget;
|
|
10
10
|
protected _constraint: DViewConstraint;
|
|
11
11
|
protected _newX: number;
|
|
@@ -17,10 +17,14 @@ export declare class DViewTransformImpl implements DViewTransform {
|
|
|
17
17
|
protected _oldScaleX: number;
|
|
18
18
|
protected _oldScaleY: number;
|
|
19
19
|
protected _animation: DAnimation;
|
|
20
|
-
protected
|
|
20
|
+
protected _parent: DViewParent;
|
|
21
21
|
protected _duration: number;
|
|
22
|
-
|
|
22
|
+
protected _isStarted: boolean;
|
|
23
|
+
constructor(owner: DBase, toTarget: DViewToTarget, parent: DViewParent, constraint: DViewConstraint, duration: number);
|
|
24
|
+
protected onStart(): void;
|
|
23
25
|
protected onTime(time: number): void;
|
|
26
|
+
protected onEnd(): void;
|
|
27
|
+
protected onStop(): void;
|
|
24
28
|
start(target: DViewTarget, x: number, y: number, scaleX: number, scaleY: number, duration?: number, stop?: boolean): void;
|
|
25
29
|
stop(): void;
|
|
26
30
|
}
|
|
@@ -4,6 +4,8 @@ import { UtilGestureModifier } from "./util/util-gesture-modifier";
|
|
|
4
4
|
import { DThemeViewGesture, DViewGesture, DViewGestureOptions } from "./d-view-gesture";
|
|
5
5
|
import { DViewTargetPoint } from "./d-view-to-target";
|
|
6
6
|
import { DViewConstraint } from "./d-view-constraint";
|
|
7
|
+
import { DOnOptions } from "./d-on-options";
|
|
8
|
+
import { DViewTransform } from "./d-view-transform";
|
|
7
9
|
export declare type DViewChecker = (e: WheelEvent | MouseEvent | TouchEvent, modifier: UtilGestureModifier, target: DBase) => boolean;
|
|
8
10
|
/**
|
|
9
11
|
* {@link DView} wheel zoom options.
|
|
@@ -77,6 +79,37 @@ export interface DViewTranslationOptions {
|
|
|
77
79
|
/** Wheel translation options */
|
|
78
80
|
wheel?: DViewTranslationWheelOptions;
|
|
79
81
|
}
|
|
82
|
+
/**
|
|
83
|
+
* {@link DView} events.
|
|
84
|
+
*/
|
|
85
|
+
export interface DViewEvents<EMITTER> {
|
|
86
|
+
/**
|
|
87
|
+
* Triggered when a view operation starts.
|
|
88
|
+
*
|
|
89
|
+
* @param operation a view operation
|
|
90
|
+
* @param emitter an emitter
|
|
91
|
+
*/
|
|
92
|
+
start(operation: DViewTransform | DViewGesture, emitter: EMITTER): void;
|
|
93
|
+
/**
|
|
94
|
+
* Triggered when a view operation ends.
|
|
95
|
+
*
|
|
96
|
+
* @param operation a view operation
|
|
97
|
+
* @param emitter an emitter
|
|
98
|
+
*/
|
|
99
|
+
end(operation: DViewTransform | DViewGesture, emitter: EMITTER): void;
|
|
100
|
+
/**
|
|
101
|
+
* Triggered when a view operation stops.
|
|
102
|
+
*
|
|
103
|
+
* @param operation a view operation
|
|
104
|
+
* @param emitter an emitter
|
|
105
|
+
*/
|
|
106
|
+
stop(operation: DViewTransform | DViewGesture, emitter: EMITTER): void;
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* {@link DView} "on" options.
|
|
110
|
+
*/
|
|
111
|
+
export interface DViewOnOptions<EMITTER> extends Partial<DViewEvents<EMITTER>>, DOnOptions {
|
|
112
|
+
}
|
|
80
113
|
/**
|
|
81
114
|
* {@link DView} options.
|
|
82
115
|
*/
|
|
@@ -91,6 +124,8 @@ export interface DViewOptions {
|
|
|
91
124
|
constraint?: DViewConstraint;
|
|
92
125
|
/** Theme */
|
|
93
126
|
theme?: DThemeView | string;
|
|
127
|
+
/** On options */
|
|
128
|
+
on?: DViewOnOptions<DView>;
|
|
94
129
|
}
|
|
95
130
|
/**
|
|
96
131
|
* {@link DView} theme.
|
|
@@ -599,7 +599,7 @@ export * from "./d-view-constraint";
|
|
|
599
599
|
export * from "./d-view-gesture-impl";
|
|
600
600
|
export * from "./d-view-gesture";
|
|
601
601
|
export * from "./d-view-impl";
|
|
602
|
-
export * from "./d-view-
|
|
602
|
+
export * from "./d-view-parent";
|
|
603
603
|
export * from "./d-view-to-target";
|
|
604
604
|
export * from "./d-view-transform-impl";
|
|
605
605
|
export * from "./d-view-transform";
|
|
@@ -11,15 +11,24 @@ export interface UtilGestureTarget extends DApplicationTarget {
|
|
|
11
11
|
export declare type UtilGestureOnMove<TARGET> = (target: TARGET, dx: number, dy: number, x: number, y: number, ds: number) => void;
|
|
12
12
|
export declare type UtilGestureOnStart<TARGET> = (target: TARGET) => void;
|
|
13
13
|
export declare type UtilGestureOnEnd<TARGET> = (target: TARGET) => void;
|
|
14
|
+
export declare type UtilGestureOnStop<TARGET> = (target: TARGET) => void;
|
|
15
|
+
export declare type UtilGestureOnEasingStart<TARGET> = (target: TARGET) => void;
|
|
16
|
+
export declare type UtilGestureOnEasingEnd<TARGET> = (target: TARGET) => void;
|
|
14
17
|
export declare type UtilGestureChecker<TARGET> = (e: InteractionEvent, modifier: UtilGestureModifier, target: TARGET) => boolean;
|
|
15
18
|
export interface UtilGestureCheckerOptions<TARGET> {
|
|
16
19
|
start?: UtilGestureChecker<TARGET>;
|
|
17
20
|
move?: UtilGestureChecker<TARGET>;
|
|
18
21
|
}
|
|
22
|
+
export interface UtilGestureOnEasingOptions<TARGET> {
|
|
23
|
+
start?: UtilGestureOnEasingStart<TARGET>;
|
|
24
|
+
end?: UtilGestureOnEasingEnd<TARGET>;
|
|
25
|
+
}
|
|
19
26
|
export interface UtilGestureOnOptions<TARGET> {
|
|
20
27
|
start?: UtilGestureOnStart<TARGET>;
|
|
21
28
|
move?: UtilGestureOnMove<TARGET>;
|
|
22
29
|
end?: UtilGestureOnEnd<TARGET>;
|
|
30
|
+
stop?: UtilGestureOnStop<TARGET>;
|
|
31
|
+
easing?: UtilGestureOnEasingOptions<TARGET>;
|
|
23
32
|
}
|
|
24
33
|
export interface UtilGestureOptions<TARGET> {
|
|
25
34
|
/**
|
|
@@ -47,6 +56,9 @@ export declare class UtilGesture<TARGET extends UtilGestureTarget> {
|
|
|
47
56
|
protected _onStart?: UtilGestureOnStart<TARGET>;
|
|
48
57
|
protected _onMove?: UtilGestureOnMove<TARGET>;
|
|
49
58
|
protected _onEnd?: UtilGestureOnEnd<TARGET>;
|
|
59
|
+
protected _onStop?: UtilGestureOnStop<TARGET>;
|
|
60
|
+
protected _onEasingStart?: UtilGestureOnEasingStart<TARGET>;
|
|
61
|
+
protected _onEasingEnd?: UtilGestureOnEasingEnd<TARGET>;
|
|
50
62
|
protected _modifier: UtilGestureModifier;
|
|
51
63
|
protected _checkerStart: UtilGestureChecker<TARGET>;
|
|
52
64
|
protected _checkerMove: UtilGestureChecker<TARGET>;
|
|
@@ -23,6 +23,7 @@ var DAnimationBase = /** @class */ (function (_super) {
|
|
|
23
23
|
};
|
|
24
24
|
_this._onStart = options === null || options === void 0 ? void 0 : options.onStart;
|
|
25
25
|
_this._onEnd = options === null || options === void 0 ? void 0 : options.onEnd;
|
|
26
|
+
_this._onStop = options === null || options === void 0 ? void 0 : options.onStop;
|
|
26
27
|
_this._timing = (_c = options === null || options === void 0 ? void 0 : options.timing) !== null && _c !== void 0 ? _c : DAnimationTimings.ELASTIC;
|
|
27
28
|
// Events
|
|
28
29
|
var on = options === null || options === void 0 ? void 0 : options.on;
|
|
@@ -91,6 +92,13 @@ var DAnimationBase = /** @class */ (function (_super) {
|
|
|
91
92
|
}
|
|
92
93
|
this.emit("end", isReverse, this);
|
|
93
94
|
};
|
|
95
|
+
DAnimationBase.prototype.onStop = function (isReverse) {
|
|
96
|
+
var onStop = this._onStop;
|
|
97
|
+
if (onStop != null) {
|
|
98
|
+
onStop(isReverse, this);
|
|
99
|
+
}
|
|
100
|
+
this.emit("stop", isReverse, this);
|
|
101
|
+
};
|
|
94
102
|
DAnimationBase.prototype.isStarted = function () {
|
|
95
103
|
return this._id != null;
|
|
96
104
|
};
|
|
@@ -127,6 +135,8 @@ var DAnimationBase = /** @class */ (function (_super) {
|
|
|
127
135
|
if (id != null) {
|
|
128
136
|
this._id = null;
|
|
129
137
|
window.clearTimeout(id);
|
|
138
|
+
// OnStop
|
|
139
|
+
this.onStop(this._reverse);
|
|
130
140
|
}
|
|
131
141
|
};
|
|
132
142
|
DAnimationBase.prototype.end = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-animation-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-animation-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { utils } from \"pixi.js\";\nimport {\n\tDAnimation,\n\tDAnimationOnEnd,\n\tDAnimationOnTime,\n\tDAnimationOptions,\n\tDAnimationTiming\n} from \"./d-animation\";\nimport { DAnimationTimings } from \"./d-animation-timings\";\n\nexport class DAnimationBase<TARGET = unknown>\n\textends utils.EventEmitter\n\timplements DAnimation<TARGET>\n{\n\tprotected _id: number | null;\n\tprotected _startTime: number;\n\tprotected _duration: number;\n\tprotected _durationInverse: number;\n\tprotected _reverse: boolean;\n\tprotected _onTime: DAnimationOnTime<TARGET> | undefined;\n\tprotected _onTimeBaseBound: () => void;\n\tprotected _onStart: DAnimationOnEnd<TARGET> | undefined;\n\tprotected _onEnd: DAnimationOnEnd<TARGET> | undefined;\n\tprotected _timing: DAnimationTiming<TARGET>;\n\tprotected _target: TARGET | null;\n\n\tconstructor(options?: DAnimationOptions<TARGET>) {\n\t\tsuper();\n\n\t\tthis._id = null;\n\t\tthis._target = options?.target ?? null;\n\t\tthis._startTime = 0;\n\t\tthis._duration = options?.duration ?? 200;\n\t\tthis._durationInverse = 1 / Math.max(1, this._duration);\n\t\tthis._reverse = false;\n\t\tthis._onTime = options?.onTime;\n\t\tthis._onTimeBaseBound = () => {\n\t\t\tthis.onTimeBase();\n\t\t};\n\t\tthis._onStart = options?.onStart;\n\t\tthis._onEnd = options?.onEnd;\n\t\tthis._timing = options?.timing ?? DAnimationTimings.ELASTIC;\n\n\t\t// Events\n\t\tconst on = options?.on;\n\t\tif (on) {\n\t\t\tfor (const name in on) {\n\t\t\t\tconst handler = on[name];\n\t\t\t\tif (handler) {\n\t\t\t\t\tthis.on(name, handler);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tget target(): TARGET | null {\n\t\treturn this._target;\n\t}\n\n\tset target(target: TARGET | null) {\n\t\tthis._target = target;\n\t}\n\n\tget duration(): number {\n\t\treturn this._duration;\n\t}\n\n\tset duration(duration: number) {\n\t\tthis._duration = duration;\n\t\tthis._durationInverse = 1 / Math.max(1, duration);\n\t}\n\n\tstart(reverse: boolean = false): void {\n\t\tthis.stop();\n\t\tthis._startTime = Date.now();\n\t\tthis._reverse = reverse;\n\t\tthis._id = window.setTimeout(this._onTimeBaseBound, 0);\n\n\t\t// onStart\n\t\tthis.onStart(reverse);\n\n\t\t// onTime\n\t\tconst duration = this._duration;\n\t\tconst time = this.toTime(reverse ? duration : 0);\n\t\tthis.onTime(time, reverse, 0);\n\t}\n\n\tprotected onStart(isReverse: boolean): void {\n\t\tconst onStart = this._onStart;\n\t\tif (onStart != null) {\n\t\t\tonStart(isReverse, this);\n\t\t}\n\t\tthis.emit(\"start\", isReverse, this);\n\t}\n\n\tprotected onTime(time: number, isReverse: boolean, elapsedTime: number): void {\n\t\tconst onTime = this._onTime;\n\t\tif (onTime != null) {\n\t\t\tonTime(time, isReverse, elapsedTime, this);\n\t\t}\n\t\tthis.emit(\"time\", time, isReverse, elapsedTime, this);\n\t}\n\n\tprotected onEnd(isReverse: boolean): void {\n\t\tconst onEnd = this._onEnd;\n\t\tif (onEnd != null) {\n\t\t\tonEnd(isReverse, this);\n\t\t}\n\t\tthis.emit(\"end\", isReverse, this);\n\t}\n\n\tisStarted(): boolean {\n\t\treturn this._id != null;\n\t}\n\n\tisReverse(): boolean {\n\t\treturn this._reverse;\n\t}\n\n\tprotected onTimeBase(): void {\n\t\tconst id = this._id;\n\t\tif (id != null) {\n\t\t\tthis._id = null;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst duration = this._duration;\n\t\t\tconst reverse = this._reverse;\n\t\t\tif (elapsedTime < duration) {\n\t\t\t\tthis._id = window.setTimeout(this._onTimeBaseBound, 0);\n\n\t\t\t\t// OnTime\n\t\t\t\tconst time = this.toTime(reverse ? duration - elapsedTime : elapsedTime);\n\t\t\t\tthis.onTime(time, reverse, elapsedTime);\n\t\t\t} else {\n\t\t\t\t// OnTime\n\t\t\t\tconst time = this.toTime(reverse ? 0 : duration);\n\t\t\t\tthis.onTime(time, reverse, elapsedTime);\n\n\t\t\t\t// OnEnd\n\t\t\t\tthis.onEnd(reverse);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected toTime(elapsedTime: number): number {\n\t\treturn this._timing(elapsedTime * this._durationInverse, this);\n\t}\n\n\tstop(): void {\n\t\tconst id = this._id;\n\t\tif (id != null) {\n\t\t\tthis._id = null;\n\t\t\twindow.clearTimeout(id);\n\t\t}\n\t}\n\n\tend(): void {\n\t\tconst id = this._id;\n\t\tif (id != null) {\n\t\t\tthis._id = null;\n\t\t\twindow.clearTimeout(id);\n\n\t\t\t// OnTime\n\t\t\tconst reverse = this._reverse;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst duration = this._duration;\n\t\t\tconst time = this.toTime(reverse ? 0 : duration);\n\t\t\tthis.onTime(time, reverse, elapsedTime);\n\n\t\t\t// OnEnd\n\t\t\tthis.onEnd(reverse);\n\t\t}\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"d-animation-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-animation-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { utils } from \"pixi.js\";\nimport {\n\tDAnimation,\n\tDAnimationOnEnd,\n\tDAnimationOnStop,\n\tDAnimationOnTime,\n\tDAnimationOptions,\n\tDAnimationTiming\n} from \"./d-animation\";\nimport { DAnimationTimings } from \"./d-animation-timings\";\n\nexport class DAnimationBase<TARGET = unknown>\n\textends utils.EventEmitter\n\timplements DAnimation<TARGET>\n{\n\tprotected _id: number | null;\n\tprotected _startTime: number;\n\tprotected _duration: number;\n\tprotected _durationInverse: number;\n\tprotected _reverse: boolean;\n\tprotected _onTime: DAnimationOnTime<TARGET> | undefined;\n\tprotected _onTimeBaseBound: () => void;\n\tprotected _onStart: DAnimationOnEnd<TARGET> | undefined;\n\tprotected _onEnd: DAnimationOnEnd<TARGET> | undefined;\n\tprotected _onStop: DAnimationOnStop<TARGET> | undefined;\n\tprotected _timing: DAnimationTiming<TARGET>;\n\tprotected _target: TARGET | null;\n\n\tconstructor(options?: DAnimationOptions<TARGET>) {\n\t\tsuper();\n\n\t\tthis._id = null;\n\t\tthis._target = options?.target ?? null;\n\t\tthis._startTime = 0;\n\t\tthis._duration = options?.duration ?? 200;\n\t\tthis._durationInverse = 1 / Math.max(1, this._duration);\n\t\tthis._reverse = false;\n\t\tthis._onTime = options?.onTime;\n\t\tthis._onTimeBaseBound = () => {\n\t\t\tthis.onTimeBase();\n\t\t};\n\t\tthis._onStart = options?.onStart;\n\t\tthis._onEnd = options?.onEnd;\n\t\tthis._onStop = options?.onStop;\n\t\tthis._timing = options?.timing ?? DAnimationTimings.ELASTIC;\n\n\t\t// Events\n\t\tconst on = options?.on;\n\t\tif (on) {\n\t\t\tfor (const name in on) {\n\t\t\t\tconst handler = on[name];\n\t\t\t\tif (handler) {\n\t\t\t\t\tthis.on(name, handler);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tget target(): TARGET | null {\n\t\treturn this._target;\n\t}\n\n\tset target(target: TARGET | null) {\n\t\tthis._target = target;\n\t}\n\n\tget duration(): number {\n\t\treturn this._duration;\n\t}\n\n\tset duration(duration: number) {\n\t\tthis._duration = duration;\n\t\tthis._durationInverse = 1 / Math.max(1, duration);\n\t}\n\n\tstart(reverse: boolean = false): void {\n\t\tthis.stop();\n\t\tthis._startTime = Date.now();\n\t\tthis._reverse = reverse;\n\t\tthis._id = window.setTimeout(this._onTimeBaseBound, 0);\n\n\t\t// onStart\n\t\tthis.onStart(reverse);\n\n\t\t// onTime\n\t\tconst duration = this._duration;\n\t\tconst time = this.toTime(reverse ? duration : 0);\n\t\tthis.onTime(time, reverse, 0);\n\t}\n\n\tprotected onStart(isReverse: boolean): void {\n\t\tconst onStart = this._onStart;\n\t\tif (onStart != null) {\n\t\t\tonStart(isReverse, this);\n\t\t}\n\t\tthis.emit(\"start\", isReverse, this);\n\t}\n\n\tprotected onTime(time: number, isReverse: boolean, elapsedTime: number): void {\n\t\tconst onTime = this._onTime;\n\t\tif (onTime != null) {\n\t\t\tonTime(time, isReverse, elapsedTime, this);\n\t\t}\n\t\tthis.emit(\"time\", time, isReverse, elapsedTime, this);\n\t}\n\n\tprotected onEnd(isReverse: boolean): void {\n\t\tconst onEnd = this._onEnd;\n\t\tif (onEnd != null) {\n\t\t\tonEnd(isReverse, this);\n\t\t}\n\t\tthis.emit(\"end\", isReverse, this);\n\t}\n\n\tprotected onStop(isReverse: boolean): void {\n\t\tconst onStop = this._onStop;\n\t\tif (onStop != null) {\n\t\t\tonStop(isReverse, this);\n\t\t}\n\t\tthis.emit(\"stop\", isReverse, this);\n\t}\n\n\tisStarted(): boolean {\n\t\treturn this._id != null;\n\t}\n\n\tisReverse(): boolean {\n\t\treturn this._reverse;\n\t}\n\n\tprotected onTimeBase(): void {\n\t\tconst id = this._id;\n\t\tif (id != null) {\n\t\t\tthis._id = null;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst duration = this._duration;\n\t\t\tconst reverse = this._reverse;\n\t\t\tif (elapsedTime < duration) {\n\t\t\t\tthis._id = window.setTimeout(this._onTimeBaseBound, 0);\n\n\t\t\t\t// OnTime\n\t\t\t\tconst time = this.toTime(reverse ? duration - elapsedTime : elapsedTime);\n\t\t\t\tthis.onTime(time, reverse, elapsedTime);\n\t\t\t} else {\n\t\t\t\t// OnTime\n\t\t\t\tconst time = this.toTime(reverse ? 0 : duration);\n\t\t\t\tthis.onTime(time, reverse, elapsedTime);\n\n\t\t\t\t// OnEnd\n\t\t\t\tthis.onEnd(reverse);\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected toTime(elapsedTime: number): number {\n\t\treturn this._timing(elapsedTime * this._durationInverse, this);\n\t}\n\n\tstop(): void {\n\t\tconst id = this._id;\n\t\tif (id != null) {\n\t\t\tthis._id = null;\n\t\t\twindow.clearTimeout(id);\n\n\t\t\t// OnStop\n\t\t\tthis.onStop(this._reverse);\n\t\t}\n\t}\n\n\tend(): void {\n\t\tconst id = this._id;\n\t\tif (id != null) {\n\t\t\tthis._id = null;\n\t\t\twindow.clearTimeout(id);\n\n\t\t\t// OnTime\n\t\t\tconst reverse = this._reverse;\n\t\t\tconst elapsedTime = Date.now() - this._startTime;\n\t\t\tconst duration = this._duration;\n\t\t\tconst time = this.toTime(reverse ? 0 : duration);\n\t\t\tthis.onTime(time, reverse, elapsedTime);\n\n\t\t\t// OnEnd\n\t\t\tthis.onEnd(reverse);\n\t\t}\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-animation.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-animation.ts"],"names":[],"mappings":"AAAA;;;GAGG","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { utils } from \"pixi.js\";\nimport { DOnOptions } from \"./d-on-options\";\n\n/**\n * A function called when an animation starts.\n *\n * @param isReverse true if an animation is playing in reverse\n * @param animation an instance\n */\nexport type DAnimationOnStart<TARGET> = (isReverse: boolean, animation: DAnimation<TARGET>) => void;\n\n/**\n * A function called constantly when an animation is on a run.\n *\n * @param time a timing value in a range [0, 1]\n * @param isReverse true if an animation is playing in reverse\n * @param elapsedTime an elapsed time since an animation has started\n * @param animation an instance\n */\nexport type DAnimationOnTime<TARGET> = (\n\ttime: number,\n\tisReverse: boolean,\n\telapsedTime: number,\n\tanimation: DAnimation<TARGET>\n) => void;\n\n/**\n * Triggered when an animation
|
|
1
|
+
{"version":3,"file":"d-animation.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-animation.ts"],"names":[],"mappings":"AAAA;;;GAGG","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { utils } from \"pixi.js\";\nimport { DOnOptions } from \"./d-on-options\";\n\n/**\n * A function called when an animation starts.\n *\n * @param isReverse true if an animation is playing in reverse\n * @param animation an instance\n */\nexport type DAnimationOnStart<TARGET> = (isReverse: boolean, animation: DAnimation<TARGET>) => void;\n\n/**\n * A function called constantly when an animation is on a run.\n *\n * @param time a timing value in a range [0, 1]\n * @param isReverse true if an animation is playing in reverse\n * @param elapsedTime an elapsed time since an animation has started\n * @param animation an instance\n */\nexport type DAnimationOnTime<TARGET> = (\n\ttime: number,\n\tisReverse: boolean,\n\telapsedTime: number,\n\tanimation: DAnimation<TARGET>\n) => void;\n\n/**\n * Triggered when an animation ends.\n *\n * @param isReverse true if an animation is playing in reverse\n * @param animation an instance\n */\nexport type DAnimationOnEnd<TARGET> = (isReverse: boolean, animation: DAnimation<TARGET>) => void;\n\n/**\n * Triggered when an animation stops.\n *\n * @param isReverse true if an animation is playing in reverse\n * @param animation an instance\n */\nexport type DAnimationOnStop<TARGET> = (isReverse: boolean, animation: DAnimation<TARGET>) => void;\n\n/**\n * An easing function.\n *\n * @param time a normalized elapsed time\n * @param animation an instance\n */\nexport type DAnimationTiming<TARGET> = (time: number, animation: DAnimation<TARGET>) => number;\n\n/**\n * {@link DAnimation} events.\n */\nexport interface DAnimationEvents<EMITTER> {\n\t/**\n\t * Triggered when an animation starts.\n\t *\n\t * @param isReverse true if an animation is playing in reverse\n\t * @param emitter an emitter\n\t */\n\tstart(isReverse: boolean, emitter: EMITTER): void;\n\n\t/**\n\t * Triggered constantly when an animation is on a run.\n\t *\n\t * @param time a timing value in a range [0, 1]\n\t * @param isReverse true if an animation is playing in reverse\n\t * @param elapsedTime an elapsed time since an animation has started\n\t * @param emitter an emitter\n\t */\n\ttime(time: number, isReverse: boolean, elapsedTime: number, emitter: EMITTER): void;\n\n\t/**\n\t * Triggered when an animation ends.\n\t *\n\t * @param isReverse true if an animation is playing in reverse\n\t * @param emitter an emitter\n\t */\n\tend(isReverse: boolean, emitter: EMITTER): void;\n\n\t/**\n\t * Triggered when an animation stops.\n\t *\n\t * @param isReverse true if an animation is playing in reverse\n\t * @param emitter an emitter\n\t */\n\tstop(isReverse: boolean, emitter: EMITTER): void;\n}\n\n/**\n * {@link DAnimation} \"on\" options.\n */\nexport interface DAnimationOnOptions<EMITTER>\n\textends Partial<DAnimationEvents<EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DAnimation} options.\n */\nexport interface DAnimationOptions<TARGET, EMITTER = DAnimation<TARGET>> {\n\t/**\n\t * An animation target.\n\t */\n\ttarget?: TARGET | null;\n\n\t/**\n\t * A function called when an animation starts.\n\t */\n\tonStart?: DAnimationOnStart<TARGET>;\n\n\t/**\n\t * A function called constantly when an animation is on a run.\n\t */\n\tonTime?: DAnimationOnTime<TARGET>;\n\n\t/**\n\t * Triggered when an animation ends.\n\t */\n\tonEnd?: DAnimationOnEnd<TARGET>;\n\n\t/**\n\t * Triggered when an animation stops.\n\t */\n\tonStop?: DAnimationOnStop<TARGET>;\n\n\ttiming?: DAnimationTiming<TARGET>;\n\n\t/**\n\t * An animation duration.\n\t */\n\tduration?: number;\n\n\t/**\n\t * Event handlers.\n\t */\n\ton?: DAnimationOnOptions<EMITTER>;\n}\n\nexport interface DAnimation<TARGET = unknown> extends utils.EventEmitter {\n\t/**\n\t * An animation target.\n\t */\n\ttarget: TARGET | null;\n\n\t/**\n\t * An animation duration.\n\t */\n\tduration: number;\n\n\t/**\n\t * Starts an animation.\n\t *\n\t * @param reverse true to play in reverse.\n\t */\n\tstart(reverse?: boolean): void;\n\n\t/**\n\t * Returns true if an animation is playing.\n\t */\n\tisStarted(): boolean;\n\n\t/**\n\t * Returns true if an animation is in a reverse mode.\n\t */\n\tisReverse(): boolean;\n\n\t/**\n\t * Stops an animation as is.\n\t */\n\tstop(): void;\n\n\t/**\n\t * Moves an animation frame to the end.\n\t */\n\tend(): void;\n\n\ton<E extends keyof DAnimationEvents<this>>(\n\t\tevent: E,\n\t\thandler: DAnimationEvents<this>[E],\n\t\tcontext?: any\n\t): this;\n\ton(event: string, handler: (...args: any[]) => any, context?: any): this;\n\n\tonce<E extends keyof DAnimationEvents<this>>(\n\t\tevent: E,\n\t\thandler: DAnimationEvents<this>[E],\n\t\tcontext?: any\n\t): this;\n\tonce(event: string, handler: (...args: any[]) => any, context?: any): this;\n\n\temit<E extends keyof DAnimationEvents<this>>(\n\t\tevent: E,\n\t\t...args: Parameters<DAnimationEvents<this>[E]>\n\t): boolean;\n\temit(event: string, ...args: any): boolean;\n}\n"]}
|
|
@@ -97,8 +97,11 @@ var DDiagramBase = /** @class */ (function (_super) {
|
|
|
97
97
|
var isAmbient = this._isAmbient;
|
|
98
98
|
return {
|
|
99
99
|
name: serialized.name,
|
|
100
|
+
label: serialized.label,
|
|
100
101
|
width: serialized.width,
|
|
101
102
|
height: serialized.height,
|
|
103
|
+
summary: serialized.summary,
|
|
104
|
+
description: serialized.description,
|
|
102
105
|
background: this.toCanvasBaseBackgroundOptions(serialized, theme, isAmbient),
|
|
103
106
|
border: isAmbient ? { color: null } : undefined,
|
|
104
107
|
outline: isAmbient ? { color: null } : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-diagram-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-diagram-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DApplications } from \"./d-applications\";\nimport { DBaseShadow } from \"./d-base\";\nimport {\n\tDCanvasContainer,\n\tDCanvasContainerEvents,\n\tDCanvasContainerOptions,\n\tDThemeCanvasContainer\n} from \"./d-canvas-container\";\nimport { DDiagramBaseController } from \"./d-diagram-base-controller\";\nimport {\n\tDDiagramCanvasBackgroundOptions,\n\tDDiagramCanvasBase,\n\tDDiagramCanvasBaseOptions\n} from \"./d-diagram-canvas-base\";\nimport { DDiagramCanvasTilePyramidFactory } from \"./d-diagram-canvas-tile\";\nimport { DDiagramDataMapper } from \"./d-diagram-data-mapper\";\nimport { DDiagramLayer } from \"./d-diagram-layer\";\nimport { DDiagramSerialized } from \"./d-diagram-serialized\";\nimport { DDiagramSnapshot, DDiagramSnapshotOptions } from \"./d-diagram-snapshot\";\nimport { DDiagrams } from \"./d-diagrams\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { EShapeResourceManagerDeserializationMode } from \"./shape/e-shape-resource-manager-deserialization-mode\";\nimport { EShape } from \"./shape/e-shape\";\nimport { EShapeResourceManagerDeserialization } from \"./shape/e-shape-resource-manager-deserialization\";\nimport { EShapeEmbeddedDatum } from \"./shape/variant/e-shape-embedded-datum\";\n\n/**\n * {@link DDiagramBase} events.\n */\nexport interface DDiagramBaseEvents<CANVAS, EMITTER>\n\textends DCanvasContainerEvents<CANVAS, EMITTER> {\n\t/**\n\t * Triggered when all the shape initializations are finished.\n\t *\n\t * @param emitter an emitter\n\t */\n\tready(emitter: EMITTER): void;\n}\n\n/**\n * {@link DDiagramBase} \"on\" options.\n */\nexport interface DDiagramBaseOnOptions<CANVAS, EMITTER>\n\textends Partial<DDiagramBaseEvents<CANVAS, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DDiagramBase} options.\n */\nexport interface DDiagramBaseOptions<\n\tCANVAS extends DDiagramCanvasBase = DDiagramCanvasBase,\n\tCANVAS_OPTIONS extends DDiagramCanvasBaseOptions = DDiagramCanvasBaseOptions,\n\tCONTROLLER extends DDiagramBaseController = DDiagramBaseController,\n\tTHEME extends DThemeDiagramBase = DThemeDiagramBase,\n\tEMITTER = any\n> extends DCanvasContainerOptions<CANVAS, CANVAS_OPTIONS, THEME> {\n\tcontroller?: CONTROLLER;\n\n\t/**\n\t * A tile pyramid factory.\n\t */\n\ttile?: DDiagramCanvasTilePyramidFactory;\n\n\tambient?: boolean;\n\n\t/**\n\t * Snapshot options.\n\t */\n\tsnapshot?: DDiagramSnapshotOptions<CANVAS>;\n\n\ton?: DDiagramBaseOnOptions<CANVAS, EMITTER>;\n}\n\n/**\n * {@link DDiagramBase} theme.\n */\nexport interface DThemeDiagramBase extends DThemeCanvasContainer {\n\tgetCanvasBackgroundColor(): number;\n\tgetCanvasBackgroundAlpha(): number;\n\tgetCanvasShadow(): DBaseShadow | null;\n\tisAmbient(): boolean;\n}\n\nexport abstract class DDiagramBase<\n\tCANVAS extends DDiagramCanvasBase = DDiagramCanvasBase,\n\tCANVAS_OPTIONS extends DDiagramCanvasBaseOptions = DDiagramCanvasBaseOptions,\n\tCONTROLLER extends DDiagramBaseController = DDiagramBaseController,\n\tTHEME extends DThemeDiagramBase = DThemeDiagramBase,\n\tOPTIONS extends DDiagramBaseOptions<\n\t\tCANVAS,\n\t\tCANVAS_OPTIONS,\n\t\tCONTROLLER,\n\t\tTHEME\n\t> = DDiagramBaseOptions<CANVAS, CANVAS_OPTIONS, CONTROLLER, THEME>\n> extends DCanvasContainer<CANVAS, CANVAS_OPTIONS, THEME, OPTIONS> {\n\tprotected _serialized: DDiagramSerialized | null;\n\tprotected _tileFactory?: DDiagramCanvasTilePyramidFactory;\n\tprotected _controller?: CONTROLLER;\n\tprotected _isAmbient: boolean;\n\tprotected _snapshot: DDiagramSnapshot;\n\tprotected _mode: EShapeResourceManagerDeserializationMode;\n\n\tconstructor(options?: OPTIONS) {\n\t\tsuper(options);\n\t\tthis._serialized = null;\n\t\tthis._tileFactory = options?.tile;\n\t\tthis._controller = options?.controller;\n\t\tthis._isAmbient = options?.ambient ?? this.theme.isAmbient();\n\t\tthis._snapshot = new DDiagramSnapshot(this, options?.snapshot);\n\t\tthis._mode = this.toMode(options);\n\t}\n\n\tget snapshot(): DDiagramSnapshot {\n\t\treturn this._snapshot;\n\t}\n\n\tget controller(): CONTROLLER | null {\n\t\treturn this._controller || null;\n\t}\n\n\tset(serialized: null): Promise<null>;\n\tset(serialized: DDiagramSerialized): Promise<CANVAS>;\n\tset(serialized: DDiagramSerialized | null): Promise<CANVAS | null>;\n\tset(serialized: DDiagramSerialized | null): Promise<CANVAS | null> {\n\t\tconst oldSerialized = this._serialized;\n\t\tif (oldSerialized !== serialized) {\n\t\t\tif (oldSerialized) {\n\t\t\t\tthis._serialized = null;\n\t\t\t\tconst canvas = this.canvas;\n\t\t\t\tif (canvas) {\n\t\t\t\t\tthis.canvas = null;\n\t\t\t\t}\n\t\t\t\tthis.onUnset();\n\t\t\t}\n\n\t\t\tthis._serialized = serialized;\n\t\t\tif (serialized) {\n\t\t\t\tconst canvas = this.newCanvas(serialized);\n\t\t\t\tconst pieces = serialized.pieces;\n\t\t\t\tconst mode = this._mode;\n\t\t\t\tconst result = DDiagrams.toPieceData(this._controller, pieces, mode).then(\n\t\t\t\t\t(pieceData): Promise<CANVAS> => {\n\t\t\t\t\t\treturn this.newLayer(serialized, canvas, mode, pieces, pieceData);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.onSet(serialized, canvas);\n\t\t\t\tthis.canvas = canvas;\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\treturn Promise.resolve(null);\n\t\t\t}\n\t\t} else {\n\t\t\treturn Promise.resolve(this.canvas);\n\t\t}\n\t}\n\n\tprotected onSet(serialized: DDiagramSerialized, canvas: CANVAS): void {\n\t\t// DO NOTHING\n\t}\n\n\tprotected abstract toMode(options?: OPTIONS): EShapeResourceManagerDeserializationMode;\n\n\tprotected newLayer(\n\t\tserialized: DDiagramSerialized,\n\t\tcanvas: CANVAS,\n\t\tmode: EShapeResourceManagerDeserializationMode,\n\t\tpieces?: string[],\n\t\tpieceData?: Map<string, EShapeEmbeddedDatum | null>\n\t): Promise<CANVAS> {\n\t\tconst manager = new EShapeResourceManagerDeserialization(\n\t\t\tserialized,\n\t\t\tpieces,\n\t\t\tpieceData,\n\t\t\tmode,\n\t\t\t0\n\t\t);\n\t\tconst result = DDiagrams.newLayer(serialized, canvas.layer, manager).then(\n\t\t\t(shapes: EShape[]): CANVAS => {\n\t\t\t\treturn this.initLayer(canvas, shapes);\n\t\t\t}\n\t\t);\n\t\tif (this._isAmbient) {\n\t\t\tconst background = this.toCanvasBaseBackgroundOptions(serialized, this.theme, false);\n\t\t\tthis.background.color = background.color;\n\t\t\tthis.background.alpha = background.alpha;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected initLayer(\n\t\tcanvas: CANVAS,\n\t\tshapes: EShape[],\n\t\tmapper?: DDiagramDataMapper | null\n\t): CANVAS {\n\t\tcanvas.layer.init();\n\t\tcanvas.initialize(shapes, mapper);\n\t\tDApplications.update(this);\n\t\tthis.emit(\"ready\", this);\n\t\treturn canvas;\n\t}\n\n\tprotected toCanvasBaseOptions(serialized: DDiagramSerialized): DDiagramCanvasBaseOptions<any> {\n\t\tconst theme = this.theme;\n\t\tconst isAmbient = this._isAmbient;\n\t\treturn {\n\t\t\tname: serialized.name,\n\t\t\twidth: serialized.width,\n\t\t\theight: serialized.height,\n\t\t\tbackground: this.toCanvasBaseBackgroundOptions(serialized, theme, isAmbient),\n\t\t\tborder: isAmbient ? { color: null } : undefined,\n\t\t\toutline: isAmbient ? { color: null } : undefined,\n\t\t\tshadow: isAmbient ? null : theme.getCanvasShadow(),\n\t\t\ttile: {\n\t\t\t\tfactory: this._tileFactory,\n\t\t\t\tmapping: serialized.tile?.mapping\n\t\t\t},\n\t\t\tambient: isAmbient\n\t\t};\n\t}\n\n\tprotected toCanvasBaseBackgroundOptions(\n\t\tserialized: DDiagramSerialized,\n\t\ttheme: THEME,\n\t\tisAmbient: boolean\n\t): DDiagramCanvasBackgroundOptions {\n\t\tif (isAmbient) {\n\t\t\treturn {\n\t\t\t\tcolor: null\n\t\t\t};\n\t\t}\n\t\tconst background = serialized.background;\n\t\treturn {\n\t\t\tcolor: background?.color ?? theme.getCanvasBackgroundColor(),\n\t\t\talpha: background?.alpha ?? theme.getCanvasBackgroundAlpha()\n\t\t};\n\t}\n\n\tprotected abstract newCanvas(serialized: DDiagramSerialized): CANVAS;\n\n\tprotected onUnset(): void {\n\t\t// DO NOTHING\n\t}\n\n\tget(): DDiagramSerialized | null {\n\t\treturn this._serialized;\n\t}\n\n\tget layer(): DDiagramLayer | null {\n\t\tconst canvas = this.canvas;\n\t\tif (canvas) {\n\t\t\treturn canvas.layer.active;\n\t\t}\n\t\treturn null;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DDiagramBase\";\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"d-diagram-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-diagram-base.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EACN,gBAAgB,EAIhB,MAAM,sBAAsB,CAAC;AAW9B,OAAO,EAAE,gBAAgB,EAA2B,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,oCAAoC,EAAE,MAAM,kDAAkD,CAAC;AA4DxG;IAWU,gCAAwD;IAQjE,sBAAY,OAAiB;QAA7B,iBAQC;;gBAPA,kBAAM,OAAO,CAAC;QACd,KAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,KAAI,CAAC,YAAY,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;QAClC,KAAI,CAAC,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAC;QACvC,KAAI,CAAC,UAAU,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,KAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QAC7D,KAAI,CAAC,SAAS,GAAG,IAAI,gBAAgB,CAAC,KAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAC;QAC/D,KAAI,CAAC,KAAK,GAAG,KAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;;IACnC,CAAC;IAED,sBAAI,kCAAQ;aAAZ;YACC,OAAO,IAAI,CAAC,SAAS,CAAC;QACvB,CAAC;;;OAAA;IAED,sBAAI,oCAAU;aAAd;YACC,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC;QACjC,CAAC;;;OAAA;IAKD,0BAAG,GAAH,UAAI,UAAqC;QAAzC,iBA+BC;QA9BA,IAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC;QACvC,IAAI,aAAa,KAAK,UAAU,EAAE;YACjC,IAAI,aAAa,EAAE;gBAClB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBACxB,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;gBAC3B,IAAI,MAAM,EAAE;oBACX,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;iBACnB;gBACD,IAAI,CAAC,OAAO,EAAE,CAAC;aACf;YAED,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;YAC9B,IAAI,UAAU,EAAE;gBACf,IAAM,QAAM,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;gBAC1C,IAAM,QAAM,GAAG,UAAU,CAAC,MAAM,CAAC;gBACjC,IAAM,MAAI,GAAG,IAAI,CAAC,KAAK,CAAC;gBACxB,IAAM,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,QAAM,EAAE,MAAI,CAAC,CAAC,IAAI,CACxE,UAAC,SAAS;oBACT,OAAO,KAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAM,EAAE,MAAI,EAAE,QAAM,EAAE,SAAS,CAAC,CAAC;gBACnE,CAAC,CACD,CAAC;gBACF,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAM,CAAC,CAAC;gBAC/B,IAAI,CAAC,MAAM,GAAG,QAAM,CAAC;gBACrB,OAAO,MAAM,CAAC;aACd;iBAAM;gBACN,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;aAC7B;SACD;aAAM;YACN,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACpC;IACF,CAAC;IAES,4BAAK,GAAf,UAAgB,UAA8B,EAAE,MAAc;QAC7D,aAAa;IACd,CAAC;IAIS,+BAAQ,GAAlB,UACC,UAA8B,EAC9B,MAAc,EACd,IAA8C,EAC9C,MAAiB,EACjB,SAAmD;QALpD,iBAyBC;QAlBA,IAAM,OAAO,GAAG,IAAI,oCAAoC,CACvD,UAAU,EACV,MAAM,EACN,SAAS,EACT,IAAI,EACJ,CAAC,CACD,CAAC;QACF,IAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,CACxE,UAAC,MAAgB;YAChB,OAAO,KAAI,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC,CACD,CAAC;QACF,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,IAAM,UAAU,GAAG,IAAI,CAAC,6BAA6B,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACrF,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;YACzC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC;SACzC;QACD,OAAO,MAAM,CAAC;IACf,CAAC;IAES,gCAAS,GAAnB,UACC,MAAc,EACd,MAAgB,EAChB,MAAkC;QAElC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACzB,OAAO,MAAM,CAAC;IACf,CAAC;IAES,0CAAmB,GAA7B,UAA8B,UAA8B;;QAC3D,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,OAAO;YACN,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,OAAO,EAAE,UAAU,CAAC,OAAO;YAC3B,WAAW,EAAE,UAAU,CAAC,WAAW;YACnC,UAAU,EAAE,IAAI,CAAC,6BAA6B,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,CAAC;YAC5E,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS;YAC/C,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS;YAChD,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE;YAClD,IAAI,EAAE;gBACL,OAAO,EAAE,IAAI,CAAC,YAAY;gBAC1B,OAAO,EAAE,MAAA,UAAU,CAAC,IAAI,0CAAE,OAAO;aACjC;YACD,OAAO,EAAE,SAAS;SAClB,CAAC;IACH,CAAC;IAES,oDAA6B,GAAvC,UACC,UAA8B,EAC9B,KAAY,EACZ,SAAkB;;QAElB,IAAI,SAAS,EAAE;YACd,OAAO;gBACN,KAAK,EAAE,IAAI;aACX,CAAC;SACF;QACD,IAAM,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;QACzC,OAAO;YACN,KAAK,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,KAAK,CAAC,wBAAwB,EAAE;YAC5D,KAAK,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,KAAK,CAAC,wBAAwB,EAAE;SAC5D,CAAC;IACH,CAAC;IAIS,8BAAO,GAAjB;QACC,aAAa;IACd,CAAC;IAED,0BAAG,GAAH;QACC,OAAO,IAAI,CAAC,WAAW,CAAC;IACzB,CAAC;IAED,sBAAI,+BAAK;aAAT;YACC,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC3B,IAAI,MAAM,EAAE;gBACX,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;aAC3B;YACD,OAAO,IAAI,CAAC;QACb,CAAC;;;OAAA;IAES,8BAAO,GAAjB;QACC,OAAO,cAAc,CAAC;IACvB,CAAC;IACF,mBAAC;AAAD,CAAC,AAlLD,CAWU,gBAAgB,GAuKzB","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { DApplications } from \"./d-applications\";\nimport { DBaseShadow } from \"./d-base\";\nimport {\n\tDCanvasContainer,\n\tDCanvasContainerEvents,\n\tDCanvasContainerOptions,\n\tDThemeCanvasContainer\n} from \"./d-canvas-container\";\nimport { DDiagramBaseController } from \"./d-diagram-base-controller\";\nimport {\n\tDDiagramCanvasBackgroundOptions,\n\tDDiagramCanvasBase,\n\tDDiagramCanvasBaseOptions\n} from \"./d-diagram-canvas-base\";\nimport { DDiagramCanvasTilePyramidFactory } from \"./d-diagram-canvas-tile\";\nimport { DDiagramDataMapper } from \"./d-diagram-data-mapper\";\nimport { DDiagramLayer } from \"./d-diagram-layer\";\nimport { DDiagramSerialized } from \"./d-diagram-serialized\";\nimport { DDiagramSnapshot, DDiagramSnapshotOptions } from \"./d-diagram-snapshot\";\nimport { DDiagrams } from \"./d-diagrams\";\nimport { DOnOptions } from \"./d-on-options\";\nimport { EShapeResourceManagerDeserializationMode } from \"./shape/e-shape-resource-manager-deserialization-mode\";\nimport { EShape } from \"./shape/e-shape\";\nimport { EShapeResourceManagerDeserialization } from \"./shape/e-shape-resource-manager-deserialization\";\nimport { EShapeEmbeddedDatum } from \"./shape/variant/e-shape-embedded-datum\";\n\n/**\n * {@link DDiagramBase} events.\n */\nexport interface DDiagramBaseEvents<CANVAS, EMITTER>\n\textends DCanvasContainerEvents<CANVAS, EMITTER> {\n\t/**\n\t * Triggered when all the shape initializations are finished.\n\t *\n\t * @param emitter an emitter\n\t */\n\tready(emitter: EMITTER): void;\n}\n\n/**\n * {@link DDiagramBase} \"on\" options.\n */\nexport interface DDiagramBaseOnOptions<CANVAS, EMITTER>\n\textends Partial<DDiagramBaseEvents<CANVAS, EMITTER>>,\n\t\tDOnOptions {}\n\n/**\n * {@link DDiagramBase} options.\n */\nexport interface DDiagramBaseOptions<\n\tCANVAS extends DDiagramCanvasBase = DDiagramCanvasBase,\n\tCANVAS_OPTIONS extends DDiagramCanvasBaseOptions = DDiagramCanvasBaseOptions,\n\tCONTROLLER extends DDiagramBaseController = DDiagramBaseController,\n\tTHEME extends DThemeDiagramBase = DThemeDiagramBase,\n\tEMITTER = any\n> extends DCanvasContainerOptions<CANVAS, CANVAS_OPTIONS, THEME> {\n\tcontroller?: CONTROLLER;\n\n\t/**\n\t * A tile pyramid factory.\n\t */\n\ttile?: DDiagramCanvasTilePyramidFactory;\n\n\tambient?: boolean;\n\n\t/**\n\t * Snapshot options.\n\t */\n\tsnapshot?: DDiagramSnapshotOptions<CANVAS>;\n\n\ton?: DDiagramBaseOnOptions<CANVAS, EMITTER>;\n}\n\n/**\n * {@link DDiagramBase} theme.\n */\nexport interface DThemeDiagramBase extends DThemeCanvasContainer {\n\tgetCanvasBackgroundColor(): number;\n\tgetCanvasBackgroundAlpha(): number;\n\tgetCanvasShadow(): DBaseShadow | null;\n\tisAmbient(): boolean;\n}\n\nexport abstract class DDiagramBase<\n\tCANVAS extends DDiagramCanvasBase = DDiagramCanvasBase,\n\tCANVAS_OPTIONS extends DDiagramCanvasBaseOptions = DDiagramCanvasBaseOptions,\n\tCONTROLLER extends DDiagramBaseController = DDiagramBaseController,\n\tTHEME extends DThemeDiagramBase = DThemeDiagramBase,\n\tOPTIONS extends DDiagramBaseOptions<\n\t\tCANVAS,\n\t\tCANVAS_OPTIONS,\n\t\tCONTROLLER,\n\t\tTHEME\n\t> = DDiagramBaseOptions<CANVAS, CANVAS_OPTIONS, CONTROLLER, THEME>\n> extends DCanvasContainer<CANVAS, CANVAS_OPTIONS, THEME, OPTIONS> {\n\tprotected _serialized: DDiagramSerialized | null;\n\tprotected _tileFactory?: DDiagramCanvasTilePyramidFactory;\n\tprotected _controller?: CONTROLLER;\n\tprotected _isAmbient: boolean;\n\tprotected _snapshot: DDiagramSnapshot;\n\tprotected _mode: EShapeResourceManagerDeserializationMode;\n\n\tconstructor(options?: OPTIONS) {\n\t\tsuper(options);\n\t\tthis._serialized = null;\n\t\tthis._tileFactory = options?.tile;\n\t\tthis._controller = options?.controller;\n\t\tthis._isAmbient = options?.ambient ?? this.theme.isAmbient();\n\t\tthis._snapshot = new DDiagramSnapshot(this, options?.snapshot);\n\t\tthis._mode = this.toMode(options);\n\t}\n\n\tget snapshot(): DDiagramSnapshot {\n\t\treturn this._snapshot;\n\t}\n\n\tget controller(): CONTROLLER | null {\n\t\treturn this._controller || null;\n\t}\n\n\tset(serialized: null): Promise<null>;\n\tset(serialized: DDiagramSerialized): Promise<CANVAS>;\n\tset(serialized: DDiagramSerialized | null): Promise<CANVAS | null>;\n\tset(serialized: DDiagramSerialized | null): Promise<CANVAS | null> {\n\t\tconst oldSerialized = this._serialized;\n\t\tif (oldSerialized !== serialized) {\n\t\t\tif (oldSerialized) {\n\t\t\t\tthis._serialized = null;\n\t\t\t\tconst canvas = this.canvas;\n\t\t\t\tif (canvas) {\n\t\t\t\t\tthis.canvas = null;\n\t\t\t\t}\n\t\t\t\tthis.onUnset();\n\t\t\t}\n\n\t\t\tthis._serialized = serialized;\n\t\t\tif (serialized) {\n\t\t\t\tconst canvas = this.newCanvas(serialized);\n\t\t\t\tconst pieces = serialized.pieces;\n\t\t\t\tconst mode = this._mode;\n\t\t\t\tconst result = DDiagrams.toPieceData(this._controller, pieces, mode).then(\n\t\t\t\t\t(pieceData): Promise<CANVAS> => {\n\t\t\t\t\t\treturn this.newLayer(serialized, canvas, mode, pieces, pieceData);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tthis.onSet(serialized, canvas);\n\t\t\t\tthis.canvas = canvas;\n\t\t\t\treturn result;\n\t\t\t} else {\n\t\t\t\treturn Promise.resolve(null);\n\t\t\t}\n\t\t} else {\n\t\t\treturn Promise.resolve(this.canvas);\n\t\t}\n\t}\n\n\tprotected onSet(serialized: DDiagramSerialized, canvas: CANVAS): void {\n\t\t// DO NOTHING\n\t}\n\n\tprotected abstract toMode(options?: OPTIONS): EShapeResourceManagerDeserializationMode;\n\n\tprotected newLayer(\n\t\tserialized: DDiagramSerialized,\n\t\tcanvas: CANVAS,\n\t\tmode: EShapeResourceManagerDeserializationMode,\n\t\tpieces?: string[],\n\t\tpieceData?: Map<string, EShapeEmbeddedDatum | null>\n\t): Promise<CANVAS> {\n\t\tconst manager = new EShapeResourceManagerDeserialization(\n\t\t\tserialized,\n\t\t\tpieces,\n\t\t\tpieceData,\n\t\t\tmode,\n\t\t\t0\n\t\t);\n\t\tconst result = DDiagrams.newLayer(serialized, canvas.layer, manager).then(\n\t\t\t(shapes: EShape[]): CANVAS => {\n\t\t\t\treturn this.initLayer(canvas, shapes);\n\t\t\t}\n\t\t);\n\t\tif (this._isAmbient) {\n\t\t\tconst background = this.toCanvasBaseBackgroundOptions(serialized, this.theme, false);\n\t\t\tthis.background.color = background.color;\n\t\t\tthis.background.alpha = background.alpha;\n\t\t}\n\t\treturn result;\n\t}\n\n\tprotected initLayer(\n\t\tcanvas: CANVAS,\n\t\tshapes: EShape[],\n\t\tmapper?: DDiagramDataMapper | null\n\t): CANVAS {\n\t\tcanvas.layer.init();\n\t\tcanvas.initialize(shapes, mapper);\n\t\tDApplications.update(this);\n\t\tthis.emit(\"ready\", this);\n\t\treturn canvas;\n\t}\n\n\tprotected toCanvasBaseOptions(serialized: DDiagramSerialized): DDiagramCanvasBaseOptions<any> {\n\t\tconst theme = this.theme;\n\t\tconst isAmbient = this._isAmbient;\n\t\treturn {\n\t\t\tname: serialized.name,\n\t\t\tlabel: serialized.label,\n\t\t\twidth: serialized.width,\n\t\t\theight: serialized.height,\n\t\t\tsummary: serialized.summary,\n\t\t\tdescription: serialized.description,\n\t\t\tbackground: this.toCanvasBaseBackgroundOptions(serialized, theme, isAmbient),\n\t\t\tborder: isAmbient ? { color: null } : undefined,\n\t\t\toutline: isAmbient ? { color: null } : undefined,\n\t\t\tshadow: isAmbient ? null : theme.getCanvasShadow(),\n\t\t\ttile: {\n\t\t\t\tfactory: this._tileFactory,\n\t\t\t\tmapping: serialized.tile?.mapping\n\t\t\t},\n\t\t\tambient: isAmbient\n\t\t};\n\t}\n\n\tprotected toCanvasBaseBackgroundOptions(\n\t\tserialized: DDiagramSerialized,\n\t\ttheme: THEME,\n\t\tisAmbient: boolean\n\t): DDiagramCanvasBackgroundOptions {\n\t\tif (isAmbient) {\n\t\t\treturn {\n\t\t\t\tcolor: null\n\t\t\t};\n\t\t}\n\t\tconst background = serialized.background;\n\t\treturn {\n\t\t\tcolor: background?.color ?? theme.getCanvasBackgroundColor(),\n\t\t\talpha: background?.alpha ?? theme.getCanvasBackgroundAlpha()\n\t\t};\n\t}\n\n\tprotected abstract newCanvas(serialized: DDiagramSerialized): CANVAS;\n\n\tprotected onUnset(): void {\n\t\t// DO NOTHING\n\t}\n\n\tget(): DDiagramSerialized | null {\n\t\treturn this._serialized;\n\t}\n\n\tget layer(): DDiagramLayer | null {\n\t\tconst canvas = this.canvas;\n\t\tif (canvas) {\n\t\t\treturn canvas.layer.active;\n\t\t}\n\t\treturn null;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DDiagramBase\";\n\t}\n}\n"]}
|
|
@@ -10,7 +10,9 @@ import { DDiagramLayerContainer } from "./d-diagram-layer-container";
|
|
|
10
10
|
var DDiagramCanvasBase = /** @class */ (function (_super) {
|
|
11
11
|
__extends(DDiagramCanvasBase, _super);
|
|
12
12
|
function DDiagramCanvasBase(options) {
|
|
13
|
-
var _this =
|
|
13
|
+
var _this = this;
|
|
14
|
+
var _a, _b, _c;
|
|
15
|
+
_this = _super.call(this, options) || this;
|
|
14
16
|
// Background
|
|
15
17
|
var theme = _this.theme;
|
|
16
18
|
if (!_this.isAmbient(theme, options)) {
|
|
@@ -20,6 +22,12 @@ var DDiagramCanvasBase = /** @class */ (function (_super) {
|
|
|
20
22
|
var layer = new DDiagramLayerContainer(_this.width, _this.height);
|
|
21
23
|
_this._layer = layer;
|
|
22
24
|
_this.addChild(layer);
|
|
25
|
+
// Label
|
|
26
|
+
_this._label = (_a = options === null || options === void 0 ? void 0 : options.label) !== null && _a !== void 0 ? _a : "";
|
|
27
|
+
// Summary
|
|
28
|
+
_this._summary = (_b = options === null || options === void 0 ? void 0 : options.summary) !== null && _b !== void 0 ? _b : "";
|
|
29
|
+
// Description
|
|
30
|
+
_this._description = (_c = options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : "";
|
|
23
31
|
// Tile
|
|
24
32
|
var tile = new DDiagramCanvasTile(_this, options === null || options === void 0 ? void 0 : options.tile);
|
|
25
33
|
_this._tile = tile;
|
|
@@ -34,6 +42,36 @@ var DDiagramCanvasBase = /** @class */ (function (_super) {
|
|
|
34
42
|
var _a, _b;
|
|
35
43
|
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();
|
|
36
44
|
};
|
|
45
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "label", {
|
|
46
|
+
get: function () {
|
|
47
|
+
return this._label;
|
|
48
|
+
},
|
|
49
|
+
set: function (label) {
|
|
50
|
+
this._label = label;
|
|
51
|
+
},
|
|
52
|
+
enumerable: false,
|
|
53
|
+
configurable: true
|
|
54
|
+
});
|
|
55
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "summary", {
|
|
56
|
+
get: function () {
|
|
57
|
+
return this._summary;
|
|
58
|
+
},
|
|
59
|
+
set: function (summary) {
|
|
60
|
+
this._summary = summary;
|
|
61
|
+
},
|
|
62
|
+
enumerable: false,
|
|
63
|
+
configurable: true
|
|
64
|
+
});
|
|
65
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "description", {
|
|
66
|
+
get: function () {
|
|
67
|
+
return this._description;
|
|
68
|
+
},
|
|
69
|
+
set: function (description) {
|
|
70
|
+
this._description = description;
|
|
71
|
+
},
|
|
72
|
+
enumerable: false,
|
|
73
|
+
configurable: true
|
|
74
|
+
});
|
|
37
75
|
Object.defineProperty(DDiagramCanvasBase.prototype, "tile", {
|
|
38
76
|
get: function () {
|
|
39
77
|
return this._tile;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-diagram-canvas-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-diagram-canvas-base.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,OAAO,EAAgC,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAA6B,MAAM,yBAAyB,CAAC;AAExF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"d-diagram-canvas-base.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-diagram-canvas-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { IPoint } from \"pixi.js\";\nimport { DBaseBackgroundOptions } from \"./d-base\";\nimport { DCanvas, DCanvasOptions, DThemeCanvas } from \"./d-canvas\";\nimport { DDiagramCanvasEditorBackground } from \"./d-diagram-canvas-editor-background\";\nimport { DDiagramCanvasTile, DDiagramCanvasTileOptions } from \"./d-diagram-canvas-tile\";\nimport { DDiagramDataMapper } from \"./d-diagram-data-mapper\";\nimport { DDiagramLayerContainer } from \"./d-diagram-layer-container\";\nimport { EShape } from \"./shape/e-shape\";\n\nexport interface DDiagramCanvasBackgroundOptions extends DBaseBackgroundOptions {\n\tbase?: number | null;\n}\n\nexport interface DDiagramCanvasBaseOptions<\n\tTHEME extends DThemeDiagramCanvasBase = DThemeDiagramCanvasBase\n> extends DCanvasOptions<THEME> {\n\tlabel?: string;\n\tsummary?: string;\n\tdescription?: string;\n\ttile?: DDiagramCanvasTileOptions;\n\tbackground?: DDiagramCanvasBackgroundOptions;\n\tambient?: boolean;\n}\n\nexport interface DThemeDiagramCanvasBase extends DThemeCanvas {\n\tisAmbient(): boolean;\n\tgetBackgroundBase(): number | null;\n}\n\nexport class DDiagramCanvasBase<\n\tTHEME extends DThemeDiagramCanvasBase = DThemeDiagramCanvasBase,\n\tOPTIONS extends DDiagramCanvasBaseOptions<THEME> = DDiagramCanvasBaseOptions<THEME>\n> extends DCanvas<THEME, OPTIONS> {\n\tprotected _layer: DDiagramLayerContainer;\n\tprotected _label: string;\n\tprotected _summary: string;\n\tprotected _description: string;\n\tprotected _tile: DDiagramCanvasTile;\n\n\tconstructor(options?: OPTIONS) {\n\t\tsuper(options);\n\n\t\t// Background\n\t\tconst theme = this.theme;\n\t\tif (!this.isAmbient(theme, options)) {\n\t\t\tthis._background = new DDiagramCanvasEditorBackground(\n\t\t\t\tthis._background,\n\t\t\t\tthis.toBackgroundBase(theme, options)\n\t\t\t);\n\t\t}\n\n\t\t// Layer\n\t\tconst layer = new DDiagramLayerContainer(this.width, this.height);\n\t\tthis._layer = layer;\n\t\tthis.addChild(layer);\n\n\t\t// Label\n\t\tthis._label = options?.label ?? \"\";\n\n\t\t// Summary\n\t\tthis._summary = options?.summary ?? \"\";\n\n\t\t// Description\n\t\tthis._description = options?.description ?? \"\";\n\n\t\t// Tile\n\t\tconst tile = new DDiagramCanvasTile(this, options?.tile);\n\t\tthis._tile = tile;\n\t\ttile.init();\n\t}\n\n\tprotected isAmbient(theme: THEME, options?: OPTIONS): boolean {\n\t\treturn options?.ambient ?? theme.isAmbient();\n\t}\n\n\tprotected toBackgroundBase(theme: THEME, options?: OPTIONS): number | null {\n\t\treturn options?.background?.base ?? theme.getBackgroundBase();\n\t}\n\n\tget label(): string {\n\t\treturn this._label;\n\t}\n\n\tset label(label: string) {\n\t\tthis._label = label;\n\t}\n\n\tget summary(): string {\n\t\treturn this._summary;\n\t}\n\n\tset summary(summary: string) {\n\t\tthis._summary = summary;\n\t}\n\n\tget description(): string {\n\t\treturn this._description;\n\t}\n\n\tset description(description: string) {\n\t\tthis._description = description;\n\t}\n\n\tget tile(): DDiagramCanvasTile {\n\t\treturn this._tile;\n\t}\n\n\tget layer(): DDiagramLayerContainer {\n\t\treturn this._layer;\n\t}\n\n\tinitialize(shapes: EShape[], mapper?: DDiagramDataMapper | null): void {\n\t\t// DO NOTHING\n\t}\n\n\tdestroy(): void {\n\t\tif (!this._destroyed) {\n\t\t\tthis.onDestroy();\n\t\t\tsuper.destroy();\n\t\t}\n\t}\n\n\tprotected onDestroy(): void {\n\t\tthis._tile.destroy();\n\t\tthis._layer.destroy();\n\t}\n\n\thitTest(global: IPoint, onHit?: (shape: EShape) => boolean): EShape | null {\n\t\tconst layers = this._layer.children;\n\t\tfor (let i = layers.length - 1; 0 <= i; --i) {\n\t\t\tconst layer = layers[i];\n\t\t\tif (layer.visible) {\n\t\t\t\tconst shape = layer.hitTest(global, onHit);\n\t\t\t\tif (shape != null) {\n\t\t\t\t\treturn shape;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\n\tprotected getType(): string {\n\t\treturn \"DDiagramCanvasBase\";\n\t}\n}\n"]}
|
|
@@ -55,8 +55,11 @@ var DDiagramCanvasEditor = /** @class */ (function (_super) {
|
|
|
55
55
|
version: DDiagramSerializedVersion,
|
|
56
56
|
id: id,
|
|
57
57
|
name: this.name,
|
|
58
|
+
label: this.label,
|
|
58
59
|
width: this.width,
|
|
59
60
|
height: this.height,
|
|
61
|
+
summary: this.summary,
|
|
62
|
+
description: this.description,
|
|
60
63
|
background: {
|
|
61
64
|
color: isNumber(backgroundColor) ? backgroundColor : 0xffffff,
|
|
62
65
|
alpha: isNumber(backgroundAlpha) ? backgroundAlpha : 0
|