@prefecthq/graphs 0.1.15 → 0.1.17

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

@@ -10,6 +10,7 @@ declare const _default: {
             formatDateFns?: Partial<FormatDateFns> | undefined;
             selectedNodeId?: string | null | undefined;
             layout?: TimelineNodesLayoutOptions | undefined;
+            hideEdges?: boolean | undefined;
         }>>> & {
             onClick?: ((value: string | null) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
@@ -33,9 +34,12 @@ declare const _default: {
             formatDateFns?: Partial<FormatDateFns> | undefined;
             selectedNodeId?: string | null | undefined;
             layout?: TimelineNodesLayoutOptions | undefined;
+            hideEdges?: boolean | undefined;
         }>>> & {
             onClick?: ((value: string | null) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, {
+            recenter: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (value: string | null) => void;
         }, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -64,9 +68,12 @@ declare const _default: {
         formatDateFns?: Partial<FormatDateFns> | undefined;
         selectedNodeId?: string | null | undefined;
         layout?: TimelineNodesLayoutOptions | undefined;
+        hideEdges?: boolean | undefined;
     }>>> & {
         onClick?: ((value: string | null) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    } & import("vue").ShallowUnwrapRef<{
+        recenter: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -77,9 +84,12 @@ declare const _default: {
     formatDateFns?: Partial<FormatDateFns> | undefined;
     selectedNodeId?: string | null | undefined;
     layout?: TimelineNodesLayoutOptions | undefined;
+    hideEdges?: boolean | undefined;
 }>>> & {
     onClick?: ((value: string | null) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    recenter: () => 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;
+        recenterAfter?: boolean;
     };
 };
 export type NodeLayoutItem = {
@@ -31,7 +32,10 @@ export type NodeLayoutItem = {
 };
 export type NodesLayout = Record<string, NodeLayoutItem>;
 export type NodeLayoutWorkerResponse = {
-    data: NodesLayout;
+    data: {
+        layout: NodesLayout;
+        recenterAfter: boolean;
+    };
 };
 export type DateToX = (date: Date) => number;
 export type XToDate = (xPosition: number) => number;

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

@@ -2,8 +2,10 @@ export * from './bitmapFonts';
 export * from './deselectLayer';
 export * from './initPixiApp';
 export * from './initViewport';
+export * from './nodeSprites';
 export * from './timelineEdge';
 export * from './timelineGuides';
+export * from './timelineNode';
 export * from './timelineNodes';
 export * from './timelinePlayhead';
 export * from './timelineScale';

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

@@ -0,0 +1,20 @@
+import { Application, Texture } from 'pixi.js';
+type BoxTextures = Record<'cap' | 'body', Texture>;
+export declare function initNodeTextureCache(): void;
+export declare function destroyNodeTextureCache(): void;
+type GetNodeBoxTexturesProps = {
+    appRef: Application;
+    fill: number;
+    borderRadius: number;
+    boxCapWidth: number;
+    height: number;
+};
+export declare function getNodeBoxTextures({ appRef, fill, borderRadius, boxCapWidth, height, }: GetNodeBoxTexturesProps): BoxTextures;
+type GetEdgeArrowTextureProps = {
+    appRef: Application;
+    strokeColor: number;
+    edgeWidth: number;
+    edgeLength: number;
+};
+export declare function getEdgeArrowTexture({ appRef, strokeColor, edgeWidth, edgeLength, }: GetEdgeArrowTextureProps): Texture;
+export {};

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

@@ -1,13 +1,15 @@
-import { Container } from 'pixi.js';
+import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
 import { ParsedThemeStyles } from '../models';
-import { TimelineNode } from '../pixiFunctions/timelineNode';
+import { TimelineNode } from '../pixiFunctions';
 type TimelineEdgeProps = {
+    appRef: Application;
     styles: ComputedRef<ParsedThemeStyles>;
     sourceNode: TimelineNode;
     targetNode: TimelineNode;
 };
 export declare class TimelineEdge extends Container {
+    private readonly appRef;
     private readonly styles;
     private readonly sourceNode;
     private readonly targetNode;
@@ -18,12 +20,12 @@ export declare class TimelineEdge extends Container {
     private readonly edge;
     private readonly arrow;
     private readonly unwatch;
-    constructor({ styles, sourceNode, targetNode, }: TimelineEdgeProps);
+    constructor({ appRef, styles, sourceNode, targetNode, }: TimelineEdgeProps);
     private assignStartAndEndPositions;
     private drawEdge;
     private readonly getXBezier;
     private drawArrow;
-    update(): void;
+    update(newStyles?: boolean): void;
     destroy(): void;
 }
 export {};

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

@@ -1,19 +1,26 @@
-import { Container } from 'pixi.js';
+import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
 import { ParsedThemeStyles, TimelineNodeData, NodeThemeFn } from '../models';
 type TimelineNodeProps = {
+    appRef: Application;
     nodeData: TimelineNodeData;
     styles: ComputedRef<ParsedThemeStyles>;
     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;
     nodeData: TimelineNodeData;
     private readonly styles;
     private readonly styleNode;
     private readonly unwatch;
     private label;
+    private readonly boxCapWidth;
     private readonly box;
     private apxLabelWidth;
     private nodeWidth;
@@ -21,13 +28,15 @@ export declare class TimelineNode extends Container {
     layoutPosition: number;
     private isLabelInBox;
     private readonly selectedRing;
-    constructor({ nodeData, styles, styleNode, layoutPosition, }: TimelineNodeProps);
+    constructor({ appRef, nodeData, styles, styleNode, layoutPosition, }: TimelineNodeProps);
     private getNodeWidth;
     private getLayoutPositionOffset;
     private drawBox;
+    private getBoxBodyWidth;
     private drawLabel;
     private drawSelectedRing;
     private animateIn;
+    private updateBoxWidth;
     updatePosition(skipAnimation?: boolean): Promise<void>;
     private updateLabelPosition;
     update(newNodeData?: TimelineNodeData): Promise<void>;

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

@@ -2,32 +2,38 @@ 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 { TimelineNode } from '../pixiFunctions/timelineNode';
+import { TimelineNode } from '../pixiFunctions';
 type TimelineNodesProps = {
     appRef: Application;
     viewportRef: Viewport;
     graphData: TimelineNodeData[];
     styles: ComputedRef<ParsedThemeStyles>;
     styleNode: ComputedRef<NodeThemeFn>;
+    layoutSetting: TimelineNodesLayoutOptions;
+    hideEdges: boolean;
     timeScaleProps: InitTimelineScaleProps;
-    layoutSetting?: TimelineNodesLayoutOptions;
+    recenter: () => 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 recenter;
     private readonly nodeContainer;
     readonly nodeRecords: Map<string, TimelineNode>;
     selectedNodeId: string | null | undefined;
-    private readonly layoutSetting;
+    private layoutSetting;
+    private hideEdges;
     private readonly layoutWorker;
     private layout;
     private readonly edgeContainer;
     private readonly edgeRecords;
-    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, }: TimelineNodesProps);
+    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, hideEdges, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, recenter, }: TimelineNodesProps);
     private initLayoutWorker;
+    private recenterAfterDelay;
     private initDeselectLayer;
     private renderLayout;
     private updateNodeRecordAndEdgesLayout;
@@ -36,6 +42,8 @@ export declare class TimelineNodes extends Container {
     private addNodeEdges;
     update(newData?: TimelineNodeData[]): void;
     updateSelection(selectedNodeId?: string | null): void;
+    updateHideEdges(hideEdges: boolean): void;
+    updateLayoutSetting(layoutSetting: TimelineNodesLayoutOptions): void;
     private clearNodeSelection;
     private setNodeSelection;
     private centerViewportAfterOutsideAnimation;

package/dist/{viewport.es-b7e2847d.mjs → viewport.es-cb89eee3.mjs}

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