@kteneyck/cesium-timeline-angular 0.1.0 → 0.3.0

package/dist/fesm2022/kteneyck-cesium-timeline-angular.mjs

@@ -13,6 +13,8 @@ class TimelineControlsComponent {
     isLive = false;
     hasStartTime = false;
     hasEndTime = false;
+    showJumpToStart;
+    showJumpToEnd;
     theme;
     swimLanesVisible;
     dateTimeClick = new EventEmitter();
@@ -49,7 +51,7 @@ class TimelineControlsComponent {
         this.ro?.disconnect();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimelineControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: TimelineControlsComponent, isStandalone: true, selector: "ct-timeline-controls", inputs: { currentTime: "currentTime", isPlaying: "isPlaying", multiplier: "multiplier", dateTimeFormat: "dateTimeFormat", isLive: "isLive", hasStartTime: "hasStartTime", hasEndTime: "hasEndTime", theme: "theme", swimLanesVisible: "swimLanesVisible" }, outputs: { dateTimeClick: "dateTimeClick", playPause: "playPause", jumpToStart: "jumpToStart", rewind: "rewind", fastForward: "fastForward", jumpToEnd: "jumpToEnd", jumpToLive: "jumpToLive", resetSpeed: "resetSpeed", toggleSwimLanes: "toggleSwimLanes" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: TimelineControlsComponent, isStandalone: true, selector: "ct-timeline-controls", inputs: { currentTime: "currentTime", isPlaying: "isPlaying", multiplier: "multiplier", dateTimeFormat: "dateTimeFormat", isLive: "isLive", hasStartTime: "hasStartTime", hasEndTime: "hasEndTime", showJumpToStart: "showJumpToStart", showJumpToEnd: "showJumpToEnd", theme: "theme", swimLanesVisible: "swimLanesVisible" }, outputs: { dateTimeClick: "dateTimeClick", playPause: "playPause", jumpToStart: "jumpToStart", rewind: "rewind", fastForward: "fastForward", jumpToEnd: "jumpToEnd", jumpToLive: "jumpToLive", resetSpeed: "resetSpeed", toggleSwimLanes: "toggleSwimLanes" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: `
     <div
       #container
       [style.display]="isNarrow ? 'flex' : 'grid'"
@@ -118,12 +120,15 @@ class TimelineControlsComponent {
         [style.flex]="isNarrow ? '1' : undefined"
         [style.justify-content]="isNarrow ? 'center' : undefined"
       >
-        @if (hasStartTime) {
+        @if (showJumpToStart !== false) {
           <button
-            (click)="jumpToStart.emit()"
+            (click)="hasStartTime && jumpToStart.emit()"
+            [disabled]="!hasStartTime"
             [style.color]="theme.buttonColor"
+            [style.opacity]="hasStartTime ? 1 : 0.3"
+            [style.cursor]="hasStartTime ? 'pointer' : 'default'"
             class="ct-btn"
-            title="Jump to start"
+            [title]="hasStartTime ? 'Jump to start' : 'No start time set'"
           >⏮</button>
         }
 
@@ -173,12 +178,15 @@ class TimelineControlsComponent {
           }
         </button>
 
-        @if (hasEndTime) {
+        @if (showJumpToEnd !== false) {
           <button
-            (click)="jumpToEnd.emit()"
+            (click)="hasEndTime && jumpToEnd.emit()"
+            [disabled]="!hasEndTime"
             [style.color]="theme.buttonColor"
+            [style.opacity]="hasEndTime ? 1 : 0.3"
+            [style.cursor]="hasEndTime ? 'pointer' : 'default'"
             class="ct-btn"
-            title="Jump to end"
+            [title]="hasEndTime ? 'Jump to end' : 'No end time set'"
           >⏭</button>
         }
       </div>
@@ -298,12 +306,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         [style.flex]="isNarrow ? '1' : undefined"
         [style.justify-content]="isNarrow ? 'center' : undefined"
       >
-        @if (hasStartTime) {
+        @if (showJumpToStart !== false) {
           <button
-            (click)="jumpToStart.emit()"
+            (click)="hasStartTime && jumpToStart.emit()"
+            [disabled]="!hasStartTime"
             [style.color]="theme.buttonColor"
+            [style.opacity]="hasStartTime ? 1 : 0.3"
+            [style.cursor]="hasStartTime ? 'pointer' : 'default'"
             class="ct-btn"
-            title="Jump to start"
+            [title]="hasStartTime ? 'Jump to start' : 'No start time set'"
           >⏮</button>
         }
 
@@ -353,12 +364,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
           }
         </button>
 
-        @if (hasEndTime) {
+        @if (showJumpToEnd !== false) {
           <button
-            (click)="jumpToEnd.emit()"
+            (click)="hasEndTime && jumpToEnd.emit()"
+            [disabled]="!hasEndTime"
             [style.color]="theme.buttonColor"
+            [style.opacity]="hasEndTime ? 1 : 0.3"
+            [style.cursor]="hasEndTime ? 'pointer' : 'default'"
             class="ct-btn"
-            title="Jump to end"
+            [title]="hasEndTime ? 'Jump to end' : 'No end time set'"
           >⏭</button>
         }
       </div>
@@ -420,6 +434,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                 type: Input
             }], hasEndTime: [{
                 type: Input
+            }], showJumpToStart: [{
+                type: Input
+            }], showJumpToEnd: [{
+                type: Input
             }], theme: [{
                 type: Input
             }], swimLanesVisible: [{
@@ -1137,6 +1155,8 @@ class TimelineComponent {
     clock;
     height;
     showControls = true;
+    showJumpToStart;
+    showJumpToEnd;
     enableDrag = true;
     dateTimeFormat;
     jumpToTime;
@@ -1384,7 +1404,7 @@ class TimelineComponent {
         this.cdr.markForCheck();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimelineComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: TimelineComponent, isStandalone: true, selector: "ct-timeline", inputs: { startTime: "startTime", endTime: "endTime", currentTime: "currentTime", clock: "clock", height: "height", showControls: "showControls", enableDrag: "enableDrag", dateTimeFormat: "dateTimeFormat", jumpToTime: "jumpToTime", maxTicks: "maxTicks", ffSpeeds: "ffSpeeds", rwSpeeds: "rwSpeeds", theme: "theme", cssClass: "cssClass", swimLanes: "swimLanes", showSwimLanes: "showSwimLanes", swimLaneTransition: "swimLaneTransition" }, outputs: { timeChange: "timeChange", playPause: "playPause", multiplierChange: "multiplierChange", dateTimeClick: "dateTimeClick", showSwimLanesChange: "showSwimLanesChange", swimLaneItemClick: "swimLaneItemClick", swimLaneItemHover: "swimLaneItemHover", swimLaneItemDoubleClick: "swimLaneItemDoubleClick", swimLaneItemContextMenu: "swimLaneItemContextMenu", swimLaneReorder: "swimLaneReorder" }, viewQueries: [{ propertyName: "canvasComp", first: true, predicate: TimelineCanvasComponent, descendants: true }, { propertyName: "controlsRef", first: true, predicate: ["controlsEl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: TimelineComponent, isStandalone: true, selector: "ct-timeline", inputs: { startTime: "startTime", endTime: "endTime", currentTime: "currentTime", clock: "clock", height: "height", showControls: "showControls", showJumpToStart: "showJumpToStart", showJumpToEnd: "showJumpToEnd", enableDrag: "enableDrag", dateTimeFormat: "dateTimeFormat", jumpToTime: "jumpToTime", maxTicks: "maxTicks", ffSpeeds: "ffSpeeds", rwSpeeds: "rwSpeeds", theme: "theme", cssClass: "cssClass", swimLanes: "swimLanes", showSwimLanes: "showSwimLanes", swimLaneTransition: "swimLaneTransition" }, outputs: { timeChange: "timeChange", playPause: "playPause", multiplierChange: "multiplierChange", dateTimeClick: "dateTimeClick", showSwimLanesChange: "showSwimLanesChange", swimLaneItemClick: "swimLaneItemClick", swimLaneItemHover: "swimLaneItemHover", swimLaneItemDoubleClick: "swimLaneItemDoubleClick", swimLaneItemContextMenu: "swimLaneItemContextMenu", swimLaneReorder: "swimLaneReorder" }, viewQueries: [{ propertyName: "canvasComp", first: true, predicate: TimelineCanvasComponent, descendants: true }, { propertyName: "controlsRef", first: true, predicate: ["controlsEl"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div
       [class]="cssClass"
       [style.width]="'100%'"
@@ -1404,6 +1424,8 @@ class TimelineComponent {
             [isLive]="isLive"
             [hasStartTime]="startTime != null"
             [hasEndTime]="endTime != null"
+            [showJumpToStart]="showJumpToStart"
+            [showJumpToEnd]="showJumpToEnd"
             [dateTimeFormat]="dateTimeFormat"
             [theme]="finalTheme"
             [swimLanesVisible]="hasSwimLanes ? swimLanesExpanded : undefined"
@@ -1440,7 +1462,7 @@ class TimelineComponent {
         />
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: TimelineControlsComponent, selector: "ct-timeline-controls", inputs: ["currentTime", "isPlaying", "multiplier", "dateTimeFormat", "isLive", "hasStartTime", "hasEndTime", "theme", "swimLanesVisible"], outputs: ["dateTimeClick", "playPause", "jumpToStart", "rewind", "fastForward", "jumpToEnd", "jumpToLive", "resetSpeed", "toggleSwimLanes"] }, { kind: "component", type: TimelineCanvasComponent, selector: "ct-timeline-canvas", inputs: ["currentTime", "defaultStartMs", "defaultEndMs", "theme", "maxTicks", "swimLanes", "showSwimLanes"], outputs: ["timeChange", "dragStart", "dragEnd", "swimLaneItemClick", "swimLaneItemHover", "swimLaneItemDoubleClick", "swimLaneItemContextMenu", "swimLaneReorder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: TimelineControlsComponent, selector: "ct-timeline-controls", inputs: ["currentTime", "isPlaying", "multiplier", "dateTimeFormat", "isLive", "hasStartTime", "hasEndTime", "showJumpToStart", "showJumpToEnd", "theme", "swimLanesVisible"], outputs: ["dateTimeClick", "playPause", "jumpToStart", "rewind", "fastForward", "jumpToEnd", "jumpToLive", "resetSpeed", "toggleSwimLanes"] }, { kind: "component", type: TimelineCanvasComponent, selector: "ct-timeline-canvas", inputs: ["currentTime", "defaultStartMs", "defaultEndMs", "theme", "maxTicks", "swimLanes", "showSwimLanes"], outputs: ["timeChange", "dragStart", "dragEnd", "swimLaneItemClick", "swimLaneItemHover", "swimLaneItemDoubleClick", "swimLaneItemContextMenu", "swimLaneReorder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TimelineComponent, decorators: [{
             type: Component,
@@ -1464,6 +1486,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
             [isLive]="isLive"
             [hasStartTime]="startTime != null"
             [hasEndTime]="endTime != null"
+            [showJumpToStart]="showJumpToStart"
+            [showJumpToEnd]="showJumpToEnd"
             [dateTimeFormat]="dateTimeFormat"
             [theme]="finalTheme"
             [swimLanesVisible]="hasSwimLanes ? swimLanesExpanded : undefined"
@@ -1513,6 +1537,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                 type: Input
             }], showControls: [{
                 type: Input
+            }], showJumpToStart: [{
+                type: Input
+            }], showJumpToEnd: [{
+                type: Input
             }], enableDrag: [{
                 type: Input
             }], dateTimeFormat: [{