@prefecthq/graphs 0.1.17 → 0.1.18

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;
@@ -38,7 +38,11 @@ declare const _default: {
         }>>> & {
             onClick?: ((value: string | null) => any) | undefined;
         }, {
-            recenter: () => void;
+            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> & {
@@ -72,7 +76,11 @@ declare const _default: {
     }>>> & {
         onClick?: ((value: string | null) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
-        recenter: () => void;
+        centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
+        moveViewportCenter: ({ xOffset, yOffset }: {
+            xOffset: number;
+            yOffset: number;
+        }) => void;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -88,7 +96,11 @@ declare const _default: {
 }>>> & {
     onClick?: ((value: string | null) => any) | undefined;
 }, {
-    recenter: () => void;
+    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;

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

@@ -21,7 +21,7 @@ export type NodeLayoutWorkerProps = {
         apxCharacterWidth?: number;
         spacingMinimumNodeEdgeGap?: number;
         timeScaleProps?: InitTimelineScaleProps;
-        recenterAfter?: boolean;
+        centerViewportAfter?: boolean;
     };
 };
 export type NodeLayoutItem = {
@@ -34,7 +34,7 @@ export type NodesLayout = Record<string, NodeLayoutItem>;
 export type NodeLayoutWorkerResponse = {
     data: {
         layout: NodesLayout;
-        recenterAfter: boolean;
+        centerViewportAfter: boolean;
     };
 };
 export type DateToX = (date: Date) => number;
@@ -43,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/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,7 +12,7 @@ type TimelineNodesProps = {
     layoutSetting: TimelineNodesLayoutOptions;
     hideEdges: boolean;
     timeScaleProps: InitTimelineScaleProps;
-    recenter: () => void;
+    centerViewport: (options?: CenterViewportOptions) => void;
 };
 export declare const nodeContainerName = "nodeContainer";
 export declare class TimelineNodes extends Container {
@@ -21,7 +21,7 @@ export declare class TimelineNodes extends Container {
     private graphData;
     private readonly styles;
     private readonly styleNode;
-    private readonly recenter;
+    private readonly centerViewport;
     private readonly nodeContainer;
     readonly nodeRecords: Map<string, TimelineNode>;
     selectedNodeId: string | null | undefined;
@@ -31,14 +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, }, recenter, }: TimelineNodesProps);
+    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, hideEdges, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, centerViewport, }: TimelineNodesProps);
     private initLayoutWorker;
-    private recenterAfterDelay;
+    private centerViewportAfterDelay;
     private initDeselectLayer;
     private renderLayout;
     private updateNodeRecordAndEdgesLayout;
     private createNode;
-    private fitNodesInViewport;
     private addNodeEdges;
     update(newData?: TimelineNodeData[]): void;
     updateSelection(selectedNodeId?: string | null): void;
@@ -46,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-cb89eee3.mjs → viewport.es-5fa29f11.mjs}

@@ -1,4 +1,4 @@
-import { P as c, R as b, T as C, C as P } from "./index-94148140.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-cb89eee3.mjs.map
+//# sourceMappingURL=viewport.es-5fa29f11.mjs.map