@kteneyck/cesium-timeline-angular 0.8.0 → 0.10.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.
|
@@ -24,6 +24,10 @@ declare class TimelineCanvasComponent implements AfterViewInit, OnChanges, OnDes
|
|
|
24
24
|
months?: string[];
|
|
25
25
|
swimLanes?: SwimLane[];
|
|
26
26
|
showSwimLanes?: boolean;
|
|
27
|
+
/** When true, needle scrub is disabled (left-click becomes pan). Zoom and pan remain active. */
|
|
28
|
+
disableNeedleDrag: boolean;
|
|
29
|
+
/** @see TimelineBaseProps.invertScrollZoom */
|
|
30
|
+
invertScrollZoom: boolean;
|
|
27
31
|
timeChange: EventEmitter<Cesium.JulianDate>;
|
|
28
32
|
dragStart: EventEmitter<void>;
|
|
29
33
|
dragEnd: EventEmitter<void>;
|
|
@@ -32,6 +36,10 @@ declare class TimelineCanvasComponent implements AfterViewInit, OnChanges, OnDes
|
|
|
32
36
|
swimLaneItemDoubleClick: EventEmitter<SwimLaneEventInfo>;
|
|
33
37
|
swimLaneItemContextMenu: EventEmitter<SwimLaneEventInfo>;
|
|
34
38
|
swimLaneReorder: EventEmitter<string[]>;
|
|
39
|
+
rangeSelect: EventEmitter<{
|
|
40
|
+
start: Cesium.JulianDate;
|
|
41
|
+
end: Cesium.JulianDate;
|
|
42
|
+
}>;
|
|
35
43
|
canvasRef: ElementRef<HTMLCanvasElement>;
|
|
36
44
|
private startMs;
|
|
37
45
|
private endMs;
|
|
@@ -45,6 +53,10 @@ declare class TimelineCanvasComponent implements AfterViewInit, OnChanges, OnDes
|
|
|
45
53
|
private mouseX;
|
|
46
54
|
private scrubClientX;
|
|
47
55
|
private swimLaneDownTime;
|
|
56
|
+
private rangeAnchorMs;
|
|
57
|
+
private rangeAnchorX;
|
|
58
|
+
private rangeSelection;
|
|
59
|
+
private hoverMs;
|
|
48
60
|
private touchMode;
|
|
49
61
|
private touchX;
|
|
50
62
|
private pinchDist;
|
|
@@ -98,7 +110,7 @@ declare class TimelineCanvasComponent implements AfterViewInit, OnChanges, OnDes
|
|
|
98
110
|
private onTouchMove;
|
|
99
111
|
private onTouchEnd;
|
|
100
112
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineCanvasComponent, never>;
|
|
101
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineCanvasComponent, "ct-timeline-canvas", never, { "currentTime": { "alias": "currentTime"; "required": false; }; "defaultStartMs": { "alias": "defaultStartMs"; "required": false; }; "defaultEndMs": { "alias": "defaultEndMs"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "maxTicks": { "alias": "maxTicks"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "dateTimeFormat": { "alias": "dateTimeFormat"; "required": false; }; "months": { "alias": "months"; "required": false; }; "swimLanes": { "alias": "swimLanes"; "required": false; }; "showSwimLanes": { "alias": "showSwimLanes"; "required": false; }; }, { "timeChange": "timeChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "swimLaneItemClick": "swimLaneItemClick"; "swimLaneItemHover": "swimLaneItemHover"; "swimLaneItemDoubleClick": "swimLaneItemDoubleClick"; "swimLaneItemContextMenu": "swimLaneItemContextMenu"; "swimLaneReorder": "swimLaneReorder"; }, never, never, true, never>;
|
|
113
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineCanvasComponent, "ct-timeline-canvas", never, { "currentTime": { "alias": "currentTime"; "required": false; }; "defaultStartMs": { "alias": "defaultStartMs"; "required": false; }; "defaultEndMs": { "alias": "defaultEndMs"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "maxTicks": { "alias": "maxTicks"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "dateTimeFormat": { "alias": "dateTimeFormat"; "required": false; }; "months": { "alias": "months"; "required": false; }; "swimLanes": { "alias": "swimLanes"; "required": false; }; "showSwimLanes": { "alias": "showSwimLanes"; "required": false; }; "disableNeedleDrag": { "alias": "disableNeedleDrag"; "required": false; }; "invertScrollZoom": { "alias": "invertScrollZoom"; "required": false; }; }, { "timeChange": "timeChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "swimLaneItemClick": "swimLaneItemClick"; "swimLaneItemHover": "swimLaneItemHover"; "swimLaneItemDoubleClick": "swimLaneItemDoubleClick"; "swimLaneItemContextMenu": "swimLaneItemContextMenu"; "swimLaneReorder": "swimLaneReorder"; "rangeSelect": "rangeSelect"; }, never, never, true, never>;
|
|
102
114
|
}
|
|
103
115
|
|
|
104
116
|
declare class TimelineComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
|
|
@@ -126,6 +138,13 @@ declare class TimelineComponent implements OnInit, AfterViewInit, OnChanges, OnD
|
|
|
126
138
|
swimLaneTransition: 'animated' | 'instant';
|
|
127
139
|
/** Overrides for control-bar labels and tooltips (i18n / custom verbiage). */
|
|
128
140
|
labels?: Partial<TimelineLabels>;
|
|
141
|
+
/** @see TimelineBaseProps.liveButtonSize */
|
|
142
|
+
liveButtonSize?: 'sm' | 'md' | 'lg';
|
|
143
|
+
/** @see TimelineBaseProps.liveButtonPosition */
|
|
144
|
+
liveButtonPosition?: 'left' | 'right';
|
|
145
|
+
/** @see TimelineBaseProps.live */
|
|
146
|
+
live: boolean;
|
|
147
|
+
invertScrollZoom: boolean;
|
|
129
148
|
timeChange: EventEmitter<Cesium.JulianDate>;
|
|
130
149
|
playPause: EventEmitter<boolean>;
|
|
131
150
|
multiplierChange: EventEmitter<number>;
|
|
@@ -136,6 +155,10 @@ declare class TimelineComponent implements OnInit, AfterViewInit, OnChanges, OnD
|
|
|
136
155
|
swimLaneItemDoubleClick: EventEmitter<SwimLaneEventInfo>;
|
|
137
156
|
swimLaneItemContextMenu: EventEmitter<SwimLaneEventInfo>;
|
|
138
157
|
swimLaneReorder: EventEmitter<string[]>;
|
|
158
|
+
rangeSelect: EventEmitter<{
|
|
159
|
+
start: Cesium.JulianDate;
|
|
160
|
+
end: Cesium.JulianDate;
|
|
161
|
+
}>;
|
|
139
162
|
canvasComp?: TimelineCanvasComponent;
|
|
140
163
|
controlsRef?: ElementRef<HTMLDivElement>;
|
|
141
164
|
currentTimeState: Cesium.JulianDate;
|
|
@@ -171,7 +194,7 @@ declare class TimelineComponent implements OnInit, AfterViewInit, OnChanges, OnD
|
|
|
171
194
|
handleToggleSwimLanes(): void;
|
|
172
195
|
applyMultiplier(m: number, play?: boolean): void;
|
|
173
196
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
|
|
174
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "ct-timeline", never, { "startTime": { "alias": "startTime"; "required": false; }; "endTime": { "alias": "endTime"; "required": false; }; "currentTime": { "alias": "currentTime"; "required": false; }; "clock": { "alias": "clock"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showControls": { "alias": "showControls"; "required": false; }; "showJumpToStart": { "alias": "showJumpToStart"; "required": false; }; "showJumpToEnd": { "alias": "showJumpToEnd"; "required": false; }; "enableDrag": { "alias": "enableDrag"; "required": false; }; "dateTimeFormat": { "alias": "dateTimeFormat"; "required": false; }; "jumpToTime": { "alias": "jumpToTime"; "required": false; }; "maxTicks": { "alias": "maxTicks"; "required": false; }; "ffSpeeds": { "alias": "ffSpeeds"; "required": false; }; "rwSpeeds": { "alias": "rwSpeeds"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "swimLanes": { "alias": "swimLanes"; "required": false; }; "showSwimLanes": { "alias": "showSwimLanes"; "required": false; }; "swimLaneTransition": { "alias": "swimLaneTransition"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, { "timeChange": "timeChange"; "playPause": "playPause"; "multiplierChange": "multiplierChange"; "dateTimeClick": "dateTimeClick"; "showSwimLanesChange": "showSwimLanesChange"; "swimLaneItemClick": "swimLaneItemClick"; "swimLaneItemHover": "swimLaneItemHover"; "swimLaneItemDoubleClick": "swimLaneItemDoubleClick"; "swimLaneItemContextMenu": "swimLaneItemContextMenu"; "swimLaneReorder": "swimLaneReorder"; }, never, never, true, never>;
|
|
197
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "ct-timeline", never, { "startTime": { "alias": "startTime"; "required": false; }; "endTime": { "alias": "endTime"; "required": false; }; "currentTime": { "alias": "currentTime"; "required": false; }; "clock": { "alias": "clock"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showControls": { "alias": "showControls"; "required": false; }; "showJumpToStart": { "alias": "showJumpToStart"; "required": false; }; "showJumpToEnd": { "alias": "showJumpToEnd"; "required": false; }; "enableDrag": { "alias": "enableDrag"; "required": false; }; "dateTimeFormat": { "alias": "dateTimeFormat"; "required": false; }; "jumpToTime": { "alias": "jumpToTime"; "required": false; }; "maxTicks": { "alias": "maxTicks"; "required": false; }; "ffSpeeds": { "alias": "ffSpeeds"; "required": false; }; "rwSpeeds": { "alias": "rwSpeeds"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "swimLanes": { "alias": "swimLanes"; "required": false; }; "showSwimLanes": { "alias": "showSwimLanes"; "required": false; }; "swimLaneTransition": { "alias": "swimLaneTransition"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "liveButtonSize": { "alias": "liveButtonSize"; "required": false; }; "liveButtonPosition": { "alias": "liveButtonPosition"; "required": false; }; "live": { "alias": "live"; "required": false; }; "invertScrollZoom": { "alias": "invertScrollZoom"; "required": false; }; }, { "timeChange": "timeChange"; "playPause": "playPause"; "multiplierChange": "multiplierChange"; "dateTimeClick": "dateTimeClick"; "showSwimLanesChange": "showSwimLanesChange"; "swimLaneItemClick": "swimLaneItemClick"; "swimLaneItemHover": "swimLaneItemHover"; "swimLaneItemDoubleClick": "swimLaneItemDoubleClick"; "swimLaneItemContextMenu": "swimLaneItemContextMenu"; "swimLaneReorder": "swimLaneReorder"; "rangeSelect": "rangeSelect"; }, never, never, true, never>;
|
|
175
198
|
}
|
|
176
199
|
|
|
177
200
|
declare class TimelineControlsComponent implements AfterViewInit, OnDestroy {
|
|
@@ -188,6 +211,10 @@ declare class TimelineControlsComponent implements AfterViewInit, OnDestroy {
|
|
|
188
211
|
theme: TimelineTheme;
|
|
189
212
|
swimLanesVisible?: boolean;
|
|
190
213
|
labels?: Partial<TimelineLabels>;
|
|
214
|
+
liveButtonSize: 'sm' | 'md' | 'lg';
|
|
215
|
+
liveButtonPosition: 'left' | 'right';
|
|
216
|
+
/** @see TimelineBaseProps.live */
|
|
217
|
+
live: boolean;
|
|
191
218
|
dateTimeClick: EventEmitter<void>;
|
|
192
219
|
playPause: EventEmitter<boolean>;
|
|
193
220
|
jumpToStart: EventEmitter<void>;
|
|
@@ -205,6 +232,26 @@ declare class TimelineControlsComponent implements AfterViewInit, OnDestroy {
|
|
|
205
232
|
get isNormalSpeed(): boolean;
|
|
206
233
|
get absMultiplier(): number;
|
|
207
234
|
get hasSwimLaneToggle(): boolean;
|
|
235
|
+
private static readonly LIVE_SIZE_MAP;
|
|
236
|
+
get liveSize(): {
|
|
237
|
+
readonly width: 44;
|
|
238
|
+
readonly height: 18;
|
|
239
|
+
readonly fontSize: "10px";
|
|
240
|
+
readonly dot: 5;
|
|
241
|
+
readonly borderRadius: "3px";
|
|
242
|
+
} | {
|
|
243
|
+
readonly width: 56;
|
|
244
|
+
readonly height: 22;
|
|
245
|
+
readonly fontSize: "11px";
|
|
246
|
+
readonly dot: 6;
|
|
247
|
+
readonly borderRadius: "3px";
|
|
248
|
+
} | {
|
|
249
|
+
readonly width: 72;
|
|
250
|
+
readonly height: 30;
|
|
251
|
+
readonly fontSize: "13px";
|
|
252
|
+
readonly dot: 8;
|
|
253
|
+
readonly borderRadius: "4px";
|
|
254
|
+
};
|
|
208
255
|
get timeFormat(): string;
|
|
209
256
|
get dateFormat(): string;
|
|
210
257
|
get formattedTime(): string;
|
|
@@ -217,7 +264,7 @@ declare class TimelineControlsComponent implements AfterViewInit, OnDestroy {
|
|
|
217
264
|
ngAfterViewInit(): void;
|
|
218
265
|
ngOnDestroy(): void;
|
|
219
266
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineControlsComponent, never>;
|
|
220
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineControlsComponent, "ct-timeline-controls", never, { "currentTime": { "alias": "currentTime"; "required": false; }; "isPlaying": { "alias": "isPlaying"; "required": false; }; "multiplier": { "alias": "multiplier"; "required": false; }; "dateTimeFormat": { "alias": "dateTimeFormat"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "isLive": { "alias": "isLive"; "required": false; }; "hasStartTime": { "alias": "hasStartTime"; "required": false; }; "hasEndTime": { "alias": "hasEndTime"; "required": false; }; "showJumpToStart": { "alias": "showJumpToStart"; "required": false; }; "showJumpToEnd": { "alias": "showJumpToEnd"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "swimLanesVisible": { "alias": "swimLanesVisible"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, { "dateTimeClick": "dateTimeClick"; "playPause": "playPause"; "jumpToStart": "jumpToStart"; "rewind": "rewind"; "fastForward": "fastForward"; "jumpToEnd": "jumpToEnd"; "jumpToLive": "jumpToLive"; "resetSpeed": "resetSpeed"; "toggleSwimLanes": "toggleSwimLanes"; }, never, never, true, never>;
|
|
267
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineControlsComponent, "ct-timeline-controls", never, { "currentTime": { "alias": "currentTime"; "required": false; }; "isPlaying": { "alias": "isPlaying"; "required": false; }; "multiplier": { "alias": "multiplier"; "required": false; }; "dateTimeFormat": { "alias": "dateTimeFormat"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "isLive": { "alias": "isLive"; "required": false; }; "hasStartTime": { "alias": "hasStartTime"; "required": false; }; "hasEndTime": { "alias": "hasEndTime"; "required": false; }; "showJumpToStart": { "alias": "showJumpToStart"; "required": false; }; "showJumpToEnd": { "alias": "showJumpToEnd"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "swimLanesVisible": { "alias": "swimLanesVisible"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "liveButtonSize": { "alias": "liveButtonSize"; "required": false; }; "liveButtonPosition": { "alias": "liveButtonPosition"; "required": false; }; "live": { "alias": "live"; "required": false; }; }, { "dateTimeClick": "dateTimeClick"; "playPause": "playPause"; "jumpToStart": "jumpToStart"; "rewind": "rewind"; "fastForward": "fastForward"; "jumpToEnd": "jumpToEnd"; "jumpToLive": "jumpToLive"; "resetSpeed": "resetSpeed"; "toggleSwimLanes": "toggleSwimLanes"; }, never, never, true, never>;
|
|
221
268
|
}
|
|
222
269
|
|
|
223
270
|
export { TimelineCanvasComponent, TimelineComponent, TimelineControlsComponent };
|