@prefecthq/graphs 1.0.0 → 1.0.2

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

@@ -15,7 +15,7 @@ declare const _default: {
             expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
         }>>> & {
             onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
-            onSubFlowToggle?: ((value: string) => any) | undefined;
+            onSubNodeToggle?: ((value: string) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -28,7 +28,7 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: ((event: "selection", value: NodeSelectionEvent | null) => void) & ((event: "subFlowToggle", value: string) => void);
+        $emit: ((event: "selection", value: NodeSelectionEvent | null) => void) & ((event: "subNodeToggle", value: string) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
             graphData: GraphTimelineNode[];
@@ -42,7 +42,7 @@ declare const _default: {
             expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
         }>>> & {
             onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
-            onSubFlowToggle?: ((value: string) => any) | undefined;
+            onSubNodeToggle?: ((value: string) => any) | undefined;
         }, {
             centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
             moveViewportCenter: ({ xOffset, yOffset }: {
@@ -52,7 +52,7 @@ declare const _default: {
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             selection: (value: NodeSelectionEvent | null) => void;
         } & {
-            subFlowToggle: (value: string) => void;
+            subNodeToggle: (value: string) => void;
         }, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -85,7 +85,7 @@ declare const _default: {
         expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
     }>>> & {
         onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
-        onSubFlowToggle?: ((value: string) => any) | undefined;
+        onSubNodeToggle?: ((value: string) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
         moveViewportCenter: ({ xOffset, yOffset }: {
@@ -108,7 +108,7 @@ declare const _default: {
     expandedSubNodes?: ExpandedSubNodes<Record<string, unknown>> | undefined;
 }>>> & {
     onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
-    onSubFlowToggle?: ((value: string) => any) | undefined;
+    onSubNodeToggle?: ((value: string) => any) | undefined;
 }, {
     centerViewport: ({ skipAnimation }?: CenterViewportOptions) => void;
     moveViewportCenter: ({ xOffset, yOffset }: {
@@ -118,7 +118,7 @@ declare const _default: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selection: (value: NodeSelectionEvent | null) => void;
 } & {
-    subFlowToggle: (value: string) => void;
+    subNodeToggle: (value: string) => void;
 }, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -17,7 +17,7 @@ export type InitTimelineScaleProps = {
     initialOverallTimeSpan: number;
 };
 export type TimelineNodesLayoutOptions = 'waterfall' | 'nearestParent';
-export type NodeSelectionEventTypes = 'task' | 'subFlow';
+export type NodeSelectionEventTypes = 'task' | 'subFlowRun';
 export type NodeSelectionEvent = {
     id: string;
     type: NodeSelectionEventTypes;
@@ -83,6 +83,7 @@ export type CenterViewportOptions = {
 export type TextStyles = {
     nodeTextDefault: Partial<IBitmapTextStyle>;
     nodeTextInverse: Partial<IBitmapTextStyle>;
+    nodeTextSubdued: Partial<IBitmapTextStyle>;
     nodeTextStyles: TextStyle;
     timeMarkerLabel: Partial<IBitmapTextStyle>;
     playheadTimerLabel: Partial<IBitmapTextStyle>;

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

@@ -2,6 +2,7 @@ export * from './bitmapFonts';
 export * from './deselectLayer';
 export * from './initPixiApp';
 export * from './initViewport';
+export * from './loadingIndicator';
 export * from './nodeSprites';
 export * from './roundedBorderRect';
 export * from './timelineEdge';

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

@@ -0,0 +1,19 @@
+import { Container } from 'pixi.js';
+import { GraphState } from '../models';
+type LoadingIndicatorProps = {
+    graphState: GraphState;
+};
+export declare class LoadingIndicator extends Container {
+    private readonly graphState;
+    private readonly dimensionsObject;
+    private dots;
+    private readonly unWatchers;
+    constructor({ graphState, }: LoadingIndicatorProps);
+    private initWatchers;
+    private initDimensions;
+    private initDots;
+    private initAnimation;
+    private destroyDots;
+    destroy(): void;
+}
+export {};

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

@@ -38,6 +38,9 @@ export declare class TimelineNode extends Container {
     private subNodesToggle;
     private subNodesToggleWidth;
     private isSubNodesToggleFloating;
+    private isLoadingSubNodes;
+    private subNodesLoadingIndicator;
+    private noSubNodesMessage;
     private label;
     private apxLabelWidth;
     private isLabelInBox;
@@ -51,7 +54,6 @@ export declare class TimelineNode extends Container {
     private selectedRing;
     constructor({ nodeData, graphState, layout, layoutRows, }: TimelineNodeProps);
     private initWatchers;
-    readonly initializePosition: () => void;
     private drawSubNodesOutline;
     private initBox;
     private drawBox;
@@ -67,10 +69,12 @@ export declare class TimelineNode extends Container {
     /**
      * Subnodes
      */
-    expandSubNodes(): void;
-    updateSubNodesContentPosition(): void;
+    private expandSubNodes;
+    private drawLoadingSubNodes;
+    private drawNoSubNodesMessage;
+    private updateSubNodesContentPosition;
     private initSubNodesTicker;
-    collapseSubNodes(): Promise<void>;
+    private collapseSubNodes;
     /**
      * Update Functions
      */
@@ -85,6 +89,7 @@ export declare class TimelineNode extends Container {
     /**
      * Utilities
      */
+    readonly initializePosition: () => void;
     private getNodeWidth;
     private getNodeHeight;
     private getBoxBodyWidth;
@@ -93,7 +98,12 @@ export declare class TimelineNode extends Container {
     private checkIsLabelInBox;
     private getSelectedRingSize;
     private emitSelection;
+    private readonly getSubNodesData;
+    private getSubContentHeight;
+    private emitSubNodesToggle;
     private destroySubNodesContent;
+    private destroySubNodesLoadingIndicator;
+    private destroyNoSubNodesMessage;
     private destroyRunningNodeTicker;
     private killTweens;
     destroy(): void;

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

@@ -26,7 +26,6 @@ export declare class TimelineNodes extends Container {
     private initLayoutWorker;
     private initDeselectLayer;
     private renderLayout;
-    private updateLayoutRows;
     private createNode;
     private addNodeEdges;
     /**
@@ -34,6 +33,7 @@ export declare class TimelineNodes extends Container {
      */
     update(newData: GraphTimelineNode[]): void;
     updateHideEdges(): void;
+    private updateLayoutRows;
     updateLayoutSetting(): void;
     /**
      * Node Selection

package/dist/{viewport.es-435cc2e6.mjs → viewport.es-20251669.mjs}

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