@prefecthq/graphs 0.1.16 → 0.1.18

package/dist/style.css

@@ -1 +1 @@
-.flow-run-timeline{position:relative;height:100%;width:100%;overflow:hidden}.flow-run-timeline canvas{position:absolute;top:0px;left:0px;height:100%;width:100%}
+.g-flow-run-timeline{position:relative;height:100%;width:100%;overflow:hidden}.g-flow-run-timeline canvas{position:absolute;top:0px;left:0px;height:100%;width:100%}

package/dist/types/src/FlowRunTimeline.vue.d.ts

@@ -1,4 +1,4 @@
-import { TimelineNodeData, TimelineThemeOptions, FormatDateFns, TimelineNodesLayoutOptions } from './models';
+import { TimelineNodeData, TimelineThemeOptions, FormatDateFns, TimelineNodesLayoutOptions, CenterViewportOptions } from './models';
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -37,7 +37,13 @@ declare const _default: {
             hideEdges?: boolean | undefined;
         }>>> & {
             onClick?: ((value: string | null) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, {
+            centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
+            moveViewportCenter: ({ xOffset, yOffset }: {
+                xOffset: number;
+                yOffset: number;
+            }) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (value: string | null) => void;
         }, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -69,7 +75,13 @@ declare const _default: {
         hideEdges?: boolean | undefined;
     }>>> & {
         onClick?: ((value: string | null) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & import("vue").ShallowUnwrapRef<{
+        centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
+        moveViewportCenter: ({ xOffset, yOffset }: {
+            xOffset: number;
+            yOffset: number;
+        }) => void;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -83,7 +95,13 @@ declare const _default: {
     hideEdges?: boolean | undefined;
 }>>> & {
     onClick?: ((value: string | null) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
+    moveViewportCenter: ({ xOffset, yOffset }: {
+        xOffset: number;
+        yOffset: number;
+    }) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (value: string | null) => void;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;

package/dist/types/src/models/FlowRunTimeline.d.ts

@@ -21,6 +21,7 @@ export type NodeLayoutWorkerProps = {
         apxCharacterWidth?: number;
         spacingMinimumNodeEdgeGap?: number;
         timeScaleProps?: InitTimelineScaleProps;
+        centerViewportAfter?: boolean;
     };
 };
 export type NodeLayoutItem = {
@@ -33,6 +34,7 @@ export type NodesLayout = Record<string, NodeLayoutItem>;
 export type NodeLayoutWorkerResponse = {
     data: {
         layout: NodesLayout;
+        centerViewportAfter: boolean;
     };
 };
 export type DateToX = (date: Date) => number;
@@ -41,6 +43,9 @@ export type TimelineScale = {
     dateToX: DateToX;
     xToDate: XToDate;
 };
+export type CenterViewportOptions = {
+    skipAnimation?: boolean;
+};
 export type TextStyles = {
     nodeTextDefault: Partial<IBitmapTextStyle>;
     nodeTextInverse: Partial<IBitmapTextStyle>;

package/dist/types/src/pixiFunctions/timelineNode.d.ts

@@ -8,6 +8,10 @@ type TimelineNodeProps = {
     styleNode: ComputedRef<NodeThemeFn>;
     layoutPosition: number;
 };
+export declare const nodeAnimationDurations: {
+    fadeIn: number;
+    move: number;
+};
 export declare const timelineNodeBoxName = "box";
 export declare class TimelineNode extends Container {
     private readonly appRef;

package/dist/types/src/pixiFunctions/timelineNodes.d.ts

@@ -1,7 +1,7 @@
 import type { Viewport } from 'pixi-viewport';
 import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
-import { NodeThemeFn, ParsedThemeStyles, TimelineNodeData, TimelineNodesLayoutOptions, InitTimelineScaleProps } from '../models';
+import { NodeThemeFn, ParsedThemeStyles, TimelineNodeData, TimelineNodesLayoutOptions, InitTimelineScaleProps, CenterViewportOptions } from '../models';
 import { TimelineNode } from '../pixiFunctions';
 type TimelineNodesProps = {
     appRef: Application;
@@ -12,13 +12,16 @@ type TimelineNodesProps = {
     layoutSetting: TimelineNodesLayoutOptions;
     hideEdges: boolean;
     timeScaleProps: InitTimelineScaleProps;
+    centerViewport: (options?: CenterViewportOptions) => void;
 };
+export declare const nodeContainerName = "nodeContainer";
 export declare class TimelineNodes extends Container {
     private readonly appRef;
     private readonly viewportRef;
     private graphData;
     private readonly styles;
     private readonly styleNode;
+    private readonly centerViewport;
     private readonly nodeContainer;
     readonly nodeRecords: Map<string, TimelineNode>;
     selectedNodeId: string | null | undefined;
@@ -28,13 +31,13 @@ export declare class TimelineNodes extends Container {
     private layout;
     private readonly edgeContainer;
     private readonly edgeRecords;
-    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, hideEdges, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, }: TimelineNodesProps);
+    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, hideEdges, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, centerViewport, }: TimelineNodesProps);
     private initLayoutWorker;
+    private centerViewportAfterDelay;
     private initDeselectLayer;
     private renderLayout;
     private updateNodeRecordAndEdgesLayout;
     private createNode;
-    private fitNodesInViewport;
     private addNodeEdges;
     update(newData?: TimelineNodeData[]): void;
     updateSelection(selectedNodeId?: string | null): void;
@@ -42,7 +45,7 @@ export declare class TimelineNodes extends Container {
     updateLayoutSetting(layoutSetting: TimelineNodesLayoutOptions): void;
     private clearNodeSelection;
     private setNodeSelection;
-    private centerViewportAfterOutsideAnimation;
+    private centerViewportToNodeAfterDelay;
     private highlightSelectedNodePath;
     private unHighlightAll;
     private getAllUpstreamEdges;

package/dist/{viewport.es-a6380c41.mjs → viewport.es-5fa29f11.mjs}

@@ -1,4 +1,4 @@
-import { P as c, R as b, T as C, C as P } from "./index-52fe544f.mjs";
+import { P as c, R as b, T as C, C as P } from "./index-f0bc7447.mjs";
 import "vue";
 class u {
   constructor(t) {
@@ -1530,4 +1530,4 @@ export {
   O as Viewport,
   $ as Wheel
 };
-//# sourceMappingURL=viewport.es-a6380c41.mjs.map
+//# sourceMappingURL=viewport.es-5fa29f11.mjs.map