@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 };