@evercam/ui 0.0.55-beta.8 → 0.0.56

package/dist/src/components/ETimeline.vue.d.ts

@@ -1,7 +1,7 @@
 import * as d3 from "d3";
 import { D3ZoomEvent } from "d3";
 import Vue from "vue";
-import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, Timestamp } from '../types';
+import { TimelineAxesConfig, TimelineAxis, TimelineCountEvent, TimelineEvent, TimelineEventsByType, TimelineEventsGroup, TimelineInterval, TimelineIntervalChangeTrigger, TimelineMarker, TimelinePrecision, TimelineTicksConfig, Timestamp } from '../types';
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, {
     tooltip: HTMLElement;
     cursor: HTMLElement;
@@ -61,6 +61,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     selectedMilestoneId: any;
     isInitialized: boolean;
     lastValidTransform: d3.ZoomTransform;
+    lastPanTransform: d3.ZoomTransform;
+    isZoomingInterval: boolean;
 }, {
     updateTimeline(): void;
     initTimeline(startDate?: string, endDate?: string): void;
@@ -75,7 +77,8 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     updateYScaleDomain(): void;
     initZoomBehavior(): void;
     zoomToFitMarkers(): void;
-    translateMarkersIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
+    zoomToTargetInterval(start?: string | number, end?: string | number): void;
+    translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
     initSelectedTimestampCursor(): void;
     updateMarkers(): void;
     updateAndRedrawTimeline(): void;
@@ -138,8 +141,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     initCurtains(): void;
     createCurtains(): void;
     updateCurtains(): void;
-    initForbiddenIntervals(): void;
-    updateForbiddenIntervals(): void;
+    updateForbiddenIntervals(reset?: boolean): void;
     drawEventsGroups(): void;
     drawLineGraphEventsGroups(): void;
     drawLineGraph({ events, gElement, color, type, }: {
@@ -301,8 +303,6 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     maxZoom: number;
     minDate: string;
     maxDate: string;
-    minVisibleDate: string;
-    maxVisibleDate: string;
     cursorTimestamp: string | undefined;
     selectedClass: string | undefined;
     panOnDateClick: boolean;
@@ -312,9 +312,13 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     markers: TimelineMarker[];
     stickyMarkers: boolean;
     fitMarkersOnChange: boolean;
-    fitMarkersTransitionDuration: number;
+    zoomToIntervalTransitionDuration: number;
     zoomToBoundariesTransitionDuration: number;
     milestoneBulletSize: number;
     milestonesFirst: boolean;
+    forbiddenIntervals: TimelineInterval[];
+    forbiddenIntervalColor: string;
+    focusedInterval: TimelineInterval | undefined;
+    locked: boolean;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
 export default _default;

package/dist/src/index.d.ts

@@ -234,6 +234,8 @@ export declare const components: {
         selectedMilestoneId: any;
         isInitialized: boolean;
         lastValidTransform: import("d3-zoom").ZoomTransform;
+        lastPanTransform: import("d3-zoom").ZoomTransform;
+        isZoomingInterval: boolean;
     }, {
         updateTimeline(): void;
         initTimeline(startDate?: string | undefined, endDate?: string | undefined): void;
@@ -248,7 +250,8 @@ export declare const components: {
         updateYScaleDomain(): void;
         initZoomBehavior(): void;
         zoomToFitMarkers(): void;
-        translateMarkersIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
+        zoomToTargetInterval(start?: string | number | undefined, end?: string | number | undefined): void;
+        translateIntervalIntoView(minTimestamp: number, maxTimestamp: number, scaleFactor: number): void;
         initSelectedTimestampCursor(): void;
         updateMarkers(): void;
         updateAndRedrawTimeline(): void;
@@ -311,8 +314,7 @@ export declare const components: {
         initCurtains(): void;
         createCurtains(): void;
         updateCurtains(): void;
-        initForbiddenIntervals(): void;
-        updateForbiddenIntervals(): void;
+        updateForbiddenIntervals(reset?: boolean): void;
         drawEventsGroups(): void;
         drawLineGraphEventsGroups(): void;
         drawLineGraph({ events, gElement, color, type, }: {
@@ -474,8 +476,6 @@ export declare const components: {
         maxZoom: number;
         minDate: string;
         maxDate: string;
-        minVisibleDate: string;
-        maxVisibleDate: string;
         cursorTimestamp: string | undefined;
         selectedClass: string | undefined;
         panOnDateClick: boolean;
@@ -485,10 +485,14 @@ export declare const components: {
         markers: import('./types').TimelineMarker[];
         stickyMarkers: boolean;
         fitMarkersOnChange: boolean;
-        fitMarkersTransitionDuration: number;
+        zoomToIntervalTransitionDuration: number;
         zoomToBoundariesTransitionDuration: number;
         milestoneBulletSize: number;
         milestonesFirst: boolean;
+        forbiddenIntervals: import('./types').TimelineInterval[];
+        forbiddenIntervalColor: string;
+        focusedInterval: import('./types').TimelineInterval | undefined;
+        locked: boolean;
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EVideoEmbed: import("vue").DefineComponent<{
         videoUrl: {

package/dist/src/types.d.ts

@@ -122,5 +122,9 @@ export type TimelineMarker = {
     maxDate?: string;
     [key: string]: any;
 };
+export type TimelineInterval = {
+    startDate: Date | string | number;
+    endDate: Date | string | number;
+};
 declare const _default: {};
 export default _default;

package/dist/tags.json

@@ -103,8 +103,6 @@
       "max-zoom",
       "min-date",
       "max-date",
-      "min-visible-date",
-      "max-visible-date",
       "cursor-timestamp",
       "selected-class",
       "pan-on-date-click",
@@ -114,10 +112,14 @@
       "markers",
       "sticky-markers",
       "fit-markers-on-change",
-      "fit-markers-transition-duration",
+      "zoom-to-interval-transition-duration",
       "zoom-to-boundaries-transition-duration",
       "milestone-bullet-size",
-      "milestones-first"
+      "milestones-first",
+      "forbidden-intervals",
+      "forbidden-interval-color",
+      "focused-interval",
+      "locked"
     ],
     "description": ""
   }

package/dist/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@evercam/ui",
-  "version": "0.0.55-beta.8",
+  "version": "0.0.55-beta.13",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -748,24 +748,6 @@
                 "type": "string"
               }
             },
-            {
-              "name": "min-visible-date",
-              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "max-visible-date",
-              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
-              "default": "undefined",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
             {
               "name": "cursor-timestamp",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
@@ -854,7 +836,7 @@
               }
             },
             {
-              "name": "fit-markers-transition-duration",
+              "name": "zoom-to-interval-transition-duration",
               "doc-url": "https://www.npmjs.com/package/@evercam/ui",
               "default": "800",
               "value": {
@@ -888,6 +870,45 @@
                 "kind": "expression",
                 "type": "boolean"
               }
+            },
+            {
+              "name": "forbidden-intervals",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "() => []",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              }
+            },
+            {
+              "name": "forbidden-interval-color",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "#ddd",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "focused-interval",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "undefined",
+              "value": {
+                "kind": "expression",
+                "type": [
+                  "object",
+                  "any"
+                ]
+              }
+            },
+            {
+              "name": "locked",
+              "doc-url": "https://www.npmjs.com/package/@evercam/ui",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
             }
           ]
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evercam/ui",
-  "version": "0.0.55-beta.8",
+  "version": "0.0.56",
   "license": "MIT",
   "private": false,
   "author": "Evercam - Constuction Cameras.",