@prefecthq/graphs 0.1.18 → 1.0.0

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

@@ -1,47 +1,101 @@
-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;
+import { Container } from 'pixi.js';
+import { Ref } from 'vue';
+import { GraphTimelineNode, GraphState, NodeLayoutRow, NodesLayout } from '../models';
+export declare const nodeClickEvents: {
+    nodeDetails: string;
+    subNodesToggle: string;
 };
+export declare const nodeResizeEvent = "nodeResize";
 export declare const nodeAnimationDurations: {
     fadeIn: number;
     move: number;
 };
 export declare const timelineNodeBoxName = "box";
+type TimelineNodeProps = {
+    nodeData: GraphTimelineNode;
+    graphState: GraphState;
+    layout: Ref<NodesLayout>;
+    layoutRows: Ref<NodeLayoutRow[]>;
+};
 export declare class TimelineNode extends Container {
-    private readonly appRef;
-    nodeData: TimelineNodeData;
-    private readonly styles;
-    private readonly styleNode;
-    private readonly unwatch;
-    private label;
+    nodeData: GraphTimelineNode;
+    private readonly graphState;
+    private readonly layout;
+    private readonly layoutRows;
+    private currentState;
+    private readonly hasSubNodes;
+    private isRunningNode;
+    private runningNodeTicker;
+    private readonly unWatchers;
+    positionInitialized: boolean;
+    private nodeWidth;
+    private readonly nodeHeight;
     private readonly boxCapWidth;
     private readonly box;
+    private leftBoxCap;
+    private rightBoxCap;
+    private boxBody;
+    private subNodesToggle;
+    private subNodesToggleWidth;
+    private isSubNodesToggleFloating;
+    private label;
     private apxLabelWidth;
-    private nodeWidth;
-    private readonly layoutPositionOffset;
-    layoutPosition: number;
     private isLabelInBox;
-    private readonly selectedRing;
-    constructor({ appRef, nodeData, styles, styleNode, layoutPosition, }: TimelineNodeProps);
-    private getNodeWidth;
-    private getLayoutPositionOffset;
+    private isSubNodesExpanded;
+    private readonly subNodesOutlineContainer;
+    private subNodesOutline;
+    private subNodesContent;
+    private subNodesHeight;
+    private subNodesContentTicker;
+    private isSelected;
+    private selectedRing;
+    constructor({ nodeData, graphState, layout, layoutRows, }: TimelineNodeProps);
+    private initWatchers;
+    readonly initializePosition: () => void;
+    private drawSubNodesOutline;
+    private initBox;
     private drawBox;
-    private getBoxBodyWidth;
+    private initSubNodesToggle;
     private drawLabel;
-    private drawSelectedRing;
-    private animateIn;
-    private updateBoxWidth;
-    updatePosition(skipAnimation?: boolean): Promise<void>;
-    private updateLabelPosition;
-    update(newNodeData?: TimelineNodeData): Promise<void>;
+    private initSelectedRing;
+    /**
+     * Node Selection
+     */
     select(): void;
     deselect(): void;
+    private centerViewportToNodeAfterDelay;
+    /**
+     * Subnodes
+     */
+    expandSubNodes(): void;
+    updateSubNodesContentPosition(): void;
+    private initSubNodesTicker;
+    collapseSubNodes(): Promise<void>;
+    /**
+     * Update Functions
+     */
+    update(newData?: GraphTimelineNode): void;
+    private updatePosition;
+    private updateIsRunningNode;
+    private updateBoxWidth;
+    private updateSubNodesOutlineSize;
+    private updateLabelPosition;
+    private updateSelectedRingSize;
+    private updateSubNodesTogglePosition;
+    /**
+     * Utilities
+     */
+    private getNodeWidth;
+    private getNodeHeight;
+    private getBoxBodyWidth;
+    private getOutlineWidth;
+    private getLabelText;
+    private checkIsLabelInBox;
+    private getSelectedRingSize;
+    private emitSelection;
+    private destroySubNodesContent;
+    private destroyRunningNodeTicker;
+    private killTweens;
     destroy(): void;
 }
 export {};

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

@@ -1,55 +1,54 @@
-import type { Viewport } from 'pixi-viewport';
-import { Application, Container } from 'pixi.js';
-import { ComputedRef } from 'vue';
-import { NodeThemeFn, ParsedThemeStyles, TimelineNodeData, TimelineNodesLayoutOptions, InitTimelineScaleProps, CenterViewportOptions } from '../models';
+import { Container } from 'pixi.js';
+import { GraphTimelineNode, GraphState } from '../models';
 import { TimelineNode } from '../pixiFunctions';
+export declare const timelineUpdateEvent = "timelineUpdateEvent";
 type TimelineNodesProps = {
-    appRef: Application;
-    viewportRef: Viewport;
-    graphData: TimelineNodeData[];
-    styles: ComputedRef<ParsedThemeStyles>;
-    styleNode: ComputedRef<NodeThemeFn>;
-    layoutSetting: TimelineNodesLayoutOptions;
-    hideEdges: boolean;
-    timeScaleProps: InitTimelineScaleProps;
-    centerViewport: (options?: CenterViewportOptions) => void;
+    nodeContentContainerName?: string;
+    isSubNodes?: boolean;
+    graphData: GraphTimelineNode[];
+    graphState: GraphState;
 };
-export declare const nodeContainerName = "nodeContainer";
 export declare class TimelineNodes extends Container {
-    private readonly appRef;
-    private readonly viewportRef;
+    private readonly layoutWorker;
+    private readonly isSubNodes;
     private graphData;
-    private readonly styles;
-    private readonly styleNode;
-    private readonly centerViewport;
+    private readonly graphState;
     private readonly nodeContainer;
     readonly nodeRecords: Map<string, TimelineNode>;
-    selectedNodeId: string | null | undefined;
-    private layoutSetting;
-    private hideEdges;
-    private readonly layoutWorker;
-    private layout;
+    private readonly layout;
+    private readonly layoutRows;
     private readonly edgeContainer;
     private readonly edgeRecords;
-    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, hideEdges, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, centerViewport, }: TimelineNodesProps);
+    private readonly unWatchers;
+    private isSelectionPathHighlighted;
+    constructor({ nodeContentContainerName, isSubNodes, graphData, graphState, }: TimelineNodesProps);
+    private initWatchers;
     private initLayoutWorker;
-    private centerViewportAfterDelay;
     private initDeselectLayer;
     private renderLayout;
-    private updateNodeRecordAndEdgesLayout;
+    private updateLayoutRows;
     private createNode;
     private addNodeEdges;
-    update(newData?: TimelineNodeData[]): void;
-    updateSelection(selectedNodeId?: string | null): void;
-    updateHideEdges(hideEdges: boolean): void;
-    updateLayoutSetting(layoutSetting: TimelineNodesLayoutOptions): void;
-    private clearNodeSelection;
-    private setNodeSelection;
-    private centerViewportToNodeAfterDelay;
+    /**
+     * Update Functions
+     */
+    update(newData: GraphTimelineNode[]): void;
+    updateHideEdges(): void;
+    updateLayoutSetting(): void;
+    /**
+     * Node Selection
+     */
     private highlightSelectedNodePath;
-    private unHighlightAll;
     private getAllUpstreamEdges;
     private getAllDownstreamEdges;
+    private unHighlightSelectedNodePath;
+    /**
+     * Utilities
+     */
+    private registerEmits;
+    private emitNullSelection;
+    private getNodeData;
+    getEarliestNodeStart(): Date | null;
     destroy(): void;
 }
 export {};

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

@@ -1,3 +1,4 @@
+import { Cull } from '@pixi-essentials/cull';
 import type { Viewport } from 'pixi-viewport';
 import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
@@ -5,20 +6,23 @@ import { FormatDateFns, ParsedThemeStyles } from '../models';
 type TimelinePlayheadProps = {
     viewportRef: Viewport;
     appRef: Application;
+    cull: Cull;
     formatDateFns: ComputedRef<FormatDateFns>;
-    styles: ComputedRef<ParsedThemeStyles>;
+    styleOptions: ComputedRef<ParsedThemeStyles>;
 };
 export declare class TimelinePlayhead extends Container {
     private readonly viewportRef;
     private readonly appRef;
+    private readonly cull;
     private readonly formatDateFns;
-    private readonly styles;
+    private readonly styleOptions;
     private readonly unwatch;
     private readonly playhead;
     private label;
-    constructor({ viewportRef, appRef, formatDateFns, styles, }: TimelinePlayheadProps);
+    constructor({ viewportRef, appRef, cull, formatDateFns, styleOptions, }: TimelinePlayheadProps);
     private drawPlayhead;
     private drawTimeLabel;
+    private getTimeLabelY;
     updatePosition(): void;
     destroy(): void;
 }

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

@@ -3,5 +3,5 @@ export declare let timelineScale: {
     dateToX: DateToX;
     xToDate: XToDate;
 };
-export declare const createTimelineScale: ({ minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }: InitTimelineScaleProps) => TimelineScale;
-export declare const initTimelineScale: ({ minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }: InitTimelineScaleProps) => TimelineScale;
+export declare const createTimelineScale: ({ minimumStartTime, graphXDomain, initialOverallTimeSpan, }: InitTimelineScaleProps) => TimelineScale;
+export declare const initTimelineScale: ({ minimumStartTime, graphXDomain, initialOverallTimeSpan, }: InitTimelineScaleProps) => TimelineScale;

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

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