@prefecthq/graphs 2.0.5 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/runGraph.worker-57858a3b.js.map +1 -0
- package/dist/graphs.mjs +31693 -5
- package/dist/graphs.mjs.map +1 -1
- package/dist/graphs.umd.js +693 -1093
- package/dist/graphs.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/demo/{sections/components/FlowRunTimelineDemo.vue.d.ts → components/AppComponentNavigationItems.vue.d.ts} +5 -0
- package/dist/types/demo/components/{HashLink.vue.d.ts → AppNavigationBar.vue.d.ts} +5 -3
- package/dist/types/demo/main.d.ts +1 -1
- package/dist/types/src/components/RunGraph.vue.d.ts +39 -0
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/consts.d.ts +16 -0
- package/dist/types/src/factories/animation.d.ts +4 -0
- package/dist/types/src/factories/arrow.d.ts +15 -0
- package/dist/types/src/factories/bar.d.ts +13 -0
- package/dist/types/src/factories/border.d.ts +12 -0
- package/dist/types/src/factories/cap.d.ts +12 -0
- package/dist/types/src/factories/data.d.ts +7 -0
- package/dist/types/src/factories/edge.d.ts +8 -0
- package/dist/types/src/factories/events.d.ts +13 -0
- package/dist/types/src/factories/guide.d.ts +7 -0
- package/dist/types/src/factories/guides.d.ts +5 -0
- package/dist/types/src/factories/label.d.ts +5 -0
- package/dist/types/src/factories/node.d.ts +10 -0
- package/dist/types/src/factories/nodeArrowButton.d.ts +11 -0
- package/dist/types/src/factories/nodeBar.d.ts +6 -0
- package/dist/types/src/factories/nodeFlowRun.d.ts +9 -0
- package/dist/types/src/factories/nodeTaskRun.d.ts +9 -0
- package/dist/types/src/factories/nodes.d.ts +11 -0
- package/dist/types/src/factories/offsets.d.ts +24 -0
- package/dist/types/src/factories/position.d.ts +12 -0
- package/dist/types/src/factories/rectangle.d.ts +2 -0
- package/dist/types/src/factories/settings.d.ts +3 -0
- package/dist/types/src/index.d.ts +1 -2
- package/dist/types/src/models/RunGraph.d.ts +74 -0
- package/dist/types/src/models/boundsContainer.d.ts +15 -0
- package/dist/types/src/models/guides.d.ts +6 -0
- package/dist/types/src/models/index.d.ts +3 -1
- package/dist/types/src/models/layout.d.ts +35 -0
- package/dist/types/src/models/nonTemporalLayoutError.d.ts +3 -0
- package/dist/types/src/models/selection.d.ts +5 -0
- package/dist/types/src/models/states.d.ts +2 -0
- package/dist/types/src/models/viewport.d.ts +1 -0
- package/dist/types/src/objects/application.d.ts +5 -0
- package/dist/types/src/objects/config.d.ts +4 -0
- package/dist/types/src/objects/culling.d.ts +6 -0
- package/dist/types/src/objects/edgeCulling.d.ts +4 -0
- package/dist/types/src/objects/events.d.ts +48 -0
- package/dist/types/src/objects/fonts.d.ts +9 -0
- package/dist/types/src/objects/guides.d.ts +2 -0
- package/dist/types/src/objects/index.d.ts +10 -0
- package/dist/types/src/objects/labelCulling.d.ts +4 -0
- package/dist/types/src/objects/nodes.d.ts +4 -0
- package/dist/types/src/objects/scale.d.ts +4 -0
- package/dist/types/src/objects/scope.d.ts +4 -0
- package/dist/types/src/objects/selection.d.ts +6 -0
- package/dist/types/src/objects/settings.d.ts +26 -0
- package/dist/types/src/objects/stage.d.ts +4 -0
- package/dist/types/src/objects/viewport.d.ts +17 -0
- package/dist/types/src/services/visibilityCull.d.ts +12 -0
- package/dist/types/src/textures/cap.d.ts +6 -0
- package/dist/types/src/textures/corner.d.ts +7 -0
- package/dist/types/src/textures/pixel.d.ts +2 -0
- package/dist/types/src/utilities/columns.d.ts +14 -0
- package/dist/types/src/utilities/effectScopeFactory.d.ts +6 -0
- package/dist/types/src/utilities/exhaustive.d.ts +1 -0
- package/dist/types/src/utilities/getEdgesCount.d.ts +2 -0
- package/dist/types/src/utilities/getInitialHorizontalScaleMultiplier.d.ts +2 -0
- package/dist/types/src/utilities/keyboard.d.ts +1 -0
- package/dist/types/src/utilities/repeat.d.ts +1 -0
- package/dist/types/src/utilities/timeIncrements.d.ts +21 -0
- package/dist/types/src/workers/layouts/horizontal.d.ts +6 -0
- package/dist/types/src/workers/layouts/nearestParentVertical.d.ts +4 -0
- package/dist/types/src/workers/layouts/vertical.d.ts +4 -0
- package/dist/types/src/workers/runGraph.d.ts +21 -0
- package/dist/types/vite.config.d.ts +1 -1
- package/package.json +23 -19
- package/dist/assets/nodeLayout.worker-ba54e168.js.map +0 -1
- package/dist/index-cd319f80.mjs +0 -19948
- package/dist/index-cd319f80.mjs.map +0 -1
- package/dist/types/demo/components/ComponentPage.vue.d.ts +0 -30
- package/dist/types/demo/components/ResizableSection.vue.d.ts +0 -9
- package/dist/types/demo/components/contextAccordionChildItem.d.ts +0 -5
- package/dist/types/demo/components/router.d.ts +0 -3
- package/dist/types/demo/sections/components/TimescaleTable.vue.d.ts +0 -30
- package/dist/types/demo/utilities/randomColor.d.ts +0 -5
- package/dist/types/demo/utilities/randomDate.d.ts +0 -7
- package/dist/types/demo/utilities/randomStarName.d.ts +0 -4
- package/dist/types/demo/utilities/starnames/index.d.ts +0 -3
- package/dist/types/demo/utilities/starnames/names.d.ts +0 -2
- package/dist/types/demo/utilities/starnames/prefixes.d.ts +0 -2
- package/dist/types/demo/utilities/starnames/suffixes.d.ts +0 -2
- package/dist/types/demo/utilities/timescaleData.d.ts +0 -14
- package/dist/types/src/FlowRunTimeline.vue.d.ts +0 -52
- package/dist/types/src/containers/guide.d.ts +0 -29
- package/dist/types/src/containers/guides.d.ts +0 -26
- package/dist/types/src/models/FlowRunTimeline.d.ts +0 -191
- package/dist/types/src/pixiFunctions/bitmapFonts.d.ts +0 -4
- package/dist/types/src/pixiFunctions/deselectLayer.d.ts +0 -12
- package/dist/types/src/pixiFunctions/index.d.ts +0 -13
- package/dist/types/src/pixiFunctions/initPixiApp.d.ts +0 -2
- package/dist/types/src/pixiFunctions/initViewport.d.ts +0 -3
- package/dist/types/src/pixiFunctions/loadingIndicator.d.ts +0 -19
- package/dist/types/src/pixiFunctions/nodeSprites.d.ts +0 -34
- package/dist/types/src/pixiFunctions/roundedBorderRect.d.ts +0 -39
- package/dist/types/src/pixiFunctions/subNodesToggle.d.ts +0 -41
- package/dist/types/src/pixiFunctions/timeScale.d.ts +0 -2
- package/dist/types/src/pixiFunctions/timelineEdge.d.ts +0 -49
- package/dist/types/src/pixiFunctions/timelineNode.d.ts +0 -112
- package/dist/types/src/pixiFunctions/timelineNodes.d.ts +0 -54
- package/dist/types/src/pixiFunctions/timelinePlayhead.d.ts +0 -14
- package/dist/types/src/pixiFunctions/viewport.d.ts +0 -1
- package/dist/types/src/types/index.d.ts +0 -1
- package/dist/types/src/types/timeline.d.ts +0 -11
- package/dist/types/src/utilities/index.d.ts +0 -5
- package/dist/types/src/utilities/map.d.ts +0 -1
- package/dist/types/src/utilities/math.d.ts +0 -13
- package/dist/types/src/utilities/style.d.ts +0 -4
- package/dist/types/src/utilities/time.d.ts +0 -42
- package/dist/types/src/utilities/viewport.d.ts +0 -3
- package/dist/types/src/utilities/zIndex.d.ts +0 -5
- package/dist/types/src/workers/layouts/nearestNeighbor.d.ts +0 -10
- package/dist/types/src/workers/layouts/waterfall.d.ts +0 -3
- package/dist/viewport.es-3ce16114.mjs +0 -2237
- package/dist/viewport.es-3ce16114.mjs.map +0 -1
- /package/dist/types/demo/{components/ContextSidebar.vue.d.ts → sections/WelcomePage.vue.d.ts} +0 -0
- /package/dist/types/demo/sections/{Data.vue.d.ts → components/RunGraphDemo.vue.d.ts} +0 -0
- /package/dist/types/{demo/sections/Home.vue.d.ts → src/components/RunGraphSettings.vue.d.ts} +0 -0
- /package/dist/types/src/workers/{nodeLayout.worker.d.ts → runGraph.worker.d.ts} +0 -0
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
type DemoSection = {
|
|
2
|
-
title: string;
|
|
3
|
-
description?: string;
|
|
4
|
-
};
|
|
5
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
6
|
-
title: string;
|
|
7
|
-
description?: string | undefined;
|
|
8
|
-
demos: DemoSection | DemoSection[];
|
|
9
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
10
|
-
title: string;
|
|
11
|
-
description?: string | undefined;
|
|
12
|
-
demos: DemoSection | DemoSection[];
|
|
13
|
-
}>>>, {}, {}>, Partial<Record<string, (_: {}) => any>> & {
|
|
14
|
-
description?(_: {}): any;
|
|
15
|
-
}>;
|
|
16
|
-
export default _default;
|
|
17
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
18
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
19
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
20
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
21
|
-
} : {
|
|
22
|
-
type: import('vue').PropType<T[K]>;
|
|
23
|
-
required: true;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
-
new (): {
|
|
28
|
-
$slots: S;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
|
|
2
|
-
default?(_: {}): any;
|
|
3
|
-
}>;
|
|
4
|
-
export default _default;
|
|
5
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
|
-
new (): {
|
|
7
|
-
$slots: S;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { TimelineData } from '../../../src/types/timeline';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
-
data?: TimelineData | undefined;
|
|
4
|
-
}>, {
|
|
5
|
-
data: () => Map<any, any>;
|
|
6
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
7
|
-
data?: TimelineData | undefined;
|
|
8
|
-
}>, {
|
|
9
|
-
data: () => Map<any, any>;
|
|
10
|
-
}>>>, {
|
|
11
|
-
data: TimelineData;
|
|
12
|
-
}, {}>;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
16
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
-
} : {
|
|
19
|
-
type: import('vue').PropType<T[K]>;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
type __VLS_WithDefaults<P, D> = {
|
|
24
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
25
|
-
default: D[K];
|
|
26
|
-
}> : P[K];
|
|
27
|
-
};
|
|
28
|
-
type __VLS_Prettify<T> = {
|
|
29
|
-
[K in keyof T]: T[K];
|
|
30
|
-
} & {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* A method that generates a random date (optional: between two dates)
|
|
3
|
-
* @param start (optional) - defaults to random date in the past
|
|
4
|
-
* @param end (optional) - defaults to now
|
|
5
|
-
* @returns Date
|
|
6
|
-
*/
|
|
7
|
-
export declare const randomDate: (start?: Date, end?: Date) => Date;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { TimelineData } from '../../src/types/timeline';
|
|
2
|
-
export type TimelineNodeState = 'completed' | 'running' | 'scheduled' | 'pending' | 'failed' | 'cancelled' | 'crashed' | 'paused';
|
|
3
|
-
export type Shape = 'linear' | 'fanOut' | 'fanOutIn';
|
|
4
|
-
export type DataOptions = {
|
|
5
|
-
start?: Date;
|
|
6
|
-
end?: Date;
|
|
7
|
-
shape?: Shape;
|
|
8
|
-
size?: number;
|
|
9
|
-
fanMultiplier?: number;
|
|
10
|
-
subFlowOccurrence?: number;
|
|
11
|
-
zeroTimeGap?: boolean;
|
|
12
|
-
};
|
|
13
|
-
declare const generateTimescaleData: (options?: DataOptions) => TimelineData;
|
|
14
|
-
export { generateTimescaleData };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { TimelineThemeOptions, FormatDateFns, TimelineNodesLayoutOptions, CenterViewportOptions, ExpandedSubNodes, NodeSelectionEvent, TimelineVisibleDateRange } from './models';
|
|
2
|
-
import { TimelineData } from './types/timeline';
|
|
3
|
-
declare function centerViewport({ skipAnimation }?: CenterViewportOptions): void;
|
|
4
|
-
type MoveViewportCenterOptions = {
|
|
5
|
-
xOffset: number;
|
|
6
|
-
yOffset: number;
|
|
7
|
-
};
|
|
8
|
-
declare function moveViewportCenter({ xOffset, yOffset }: MoveViewportCenterOptions): void;
|
|
9
|
-
declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
10
|
-
data: TimelineData;
|
|
11
|
-
isRunning?: boolean | undefined;
|
|
12
|
-
theme?: TimelineThemeOptions | undefined;
|
|
13
|
-
formatDateFns?: Partial<FormatDateFns> | undefined;
|
|
14
|
-
selectedNodeId?: string | null | undefined;
|
|
15
|
-
layout?: TimelineNodesLayoutOptions | undefined;
|
|
16
|
-
hideEdges?: boolean | undefined;
|
|
17
|
-
subNodeLabels?: Map<string, string> | undefined;
|
|
18
|
-
expandedSubNodes?: ExpandedSubNodes | undefined;
|
|
19
|
-
visibleDateRange?: TimelineVisibleDateRange | undefined;
|
|
20
|
-
}>, {
|
|
21
|
-
centerViewport: typeof centerViewport;
|
|
22
|
-
moveViewportCenter: typeof moveViewportCenter;
|
|
23
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
|
-
selection: (value: NodeSelectionEvent | null) => void;
|
|
25
|
-
subNodeToggle: (value: string) => void;
|
|
26
|
-
"update:visibleDateRange": (value: TimelineVisibleDateRange | undefined) => void;
|
|
27
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
28
|
-
data: TimelineData;
|
|
29
|
-
isRunning?: boolean | undefined;
|
|
30
|
-
theme?: TimelineThemeOptions | undefined;
|
|
31
|
-
formatDateFns?: Partial<FormatDateFns> | undefined;
|
|
32
|
-
selectedNodeId?: string | null | undefined;
|
|
33
|
-
layout?: TimelineNodesLayoutOptions | undefined;
|
|
34
|
-
hideEdges?: boolean | undefined;
|
|
35
|
-
subNodeLabels?: Map<string, string> | undefined;
|
|
36
|
-
expandedSubNodes?: ExpandedSubNodes | undefined;
|
|
37
|
-
visibleDateRange?: TimelineVisibleDateRange | undefined;
|
|
38
|
-
}>>> & {
|
|
39
|
-
onSelection?: ((value: NodeSelectionEvent | null) => any) | undefined;
|
|
40
|
-
onSubNodeToggle?: ((value: string) => any) | undefined;
|
|
41
|
-
"onUpdate:visibleDateRange"?: ((value: TimelineVisibleDateRange | undefined) => any) | undefined;
|
|
42
|
-
}, {}, {}>;
|
|
43
|
-
export default _default;
|
|
44
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
45
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
46
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
47
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
48
|
-
} : {
|
|
49
|
-
type: import('vue').PropType<T[K]>;
|
|
50
|
-
required: true;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Viewport } from 'pixi-viewport';
|
|
2
|
-
import { Application, Container } from 'pixi.js';
|
|
3
|
-
import { GraphState, ParsedThemeStyles } from '../models/FlowRunTimeline';
|
|
4
|
-
export type GuideDateFormatter = (value: Date) => string;
|
|
5
|
-
export type GuidesArgs = {
|
|
6
|
-
application: Application;
|
|
7
|
-
viewport: Viewport;
|
|
8
|
-
styles: ParsedThemeStyles;
|
|
9
|
-
};
|
|
10
|
-
export declare class Guide extends Container {
|
|
11
|
-
private readonly state;
|
|
12
|
-
private readonly viewportUpdated;
|
|
13
|
-
private format;
|
|
14
|
-
private date;
|
|
15
|
-
private line;
|
|
16
|
-
private label;
|
|
17
|
-
private readonly unwatch;
|
|
18
|
-
constructor(state: GraphState);
|
|
19
|
-
setDate(value: Date): void;
|
|
20
|
-
setFormat(value: GuideDateFormatter): void;
|
|
21
|
-
destroy(): void;
|
|
22
|
-
private readonly tick;
|
|
23
|
-
private createLine;
|
|
24
|
-
private createLabel;
|
|
25
|
-
private getPositionX;
|
|
26
|
-
private updateLineHeight;
|
|
27
|
-
private updatePosition;
|
|
28
|
-
private updateLabel;
|
|
29
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Viewport } from 'pixi-viewport';
|
|
2
|
-
import { Application, Container } from 'pixi.js';
|
|
3
|
-
import { FormatDateFns, GraphState, ParsedThemeStyles } from '../models/FlowRunTimeline';
|
|
4
|
-
export type GuidesArgs = {
|
|
5
|
-
application: Application;
|
|
6
|
-
viewport: Viewport;
|
|
7
|
-
styles: ParsedThemeStyles;
|
|
8
|
-
formatters: FormatDateFns;
|
|
9
|
-
};
|
|
10
|
-
export declare class Guides extends Container {
|
|
11
|
-
private readonly state;
|
|
12
|
-
private readonly guides;
|
|
13
|
-
private readonly viewportUpdated;
|
|
14
|
-
private readonly unwatch;
|
|
15
|
-
constructor(state: GraphState);
|
|
16
|
-
destroy(): void;
|
|
17
|
-
private readonly tick;
|
|
18
|
-
private getViewportDates;
|
|
19
|
-
private getTimeSpan;
|
|
20
|
-
private getFirstGuideDate;
|
|
21
|
-
private getGuideDates;
|
|
22
|
-
private getLabelFormat;
|
|
23
|
-
private updateGuides;
|
|
24
|
-
private updateOrCreateGuide;
|
|
25
|
-
private removeGuides;
|
|
26
|
-
}
|
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
import { Cull } from '@pixi-essentials/cull';
|
|
2
|
-
import type { Viewport } from 'pixi-viewport';
|
|
3
|
-
import type { Application, IBitmapTextStyle, TextStyle } from 'pixi.js';
|
|
4
|
-
import type { ComputedRef } from 'vue';
|
|
5
|
-
import { TimelineData, TimelineItem } from '../types/timeline';
|
|
6
|
-
export type TimeScaleArgs = {
|
|
7
|
-
minimumStartTime: number;
|
|
8
|
-
graphXDomain: number;
|
|
9
|
-
initialOverallTimeSpan: number;
|
|
10
|
-
};
|
|
11
|
-
export type TimelineVisibleDateRange = {
|
|
12
|
-
startDate: Date;
|
|
13
|
-
endDate: Date;
|
|
14
|
-
internalOrigin?: boolean;
|
|
15
|
-
};
|
|
16
|
-
export type TimelineNodesLayoutOptions = 'waterfall' | 'nearestParent';
|
|
17
|
-
export type NodeSelectionEventTypes = 'task' | 'subFlowRun';
|
|
18
|
-
export type NodeSelectionEvent = {
|
|
19
|
-
id: string;
|
|
20
|
-
type: NodeSelectionEventTypes;
|
|
21
|
-
};
|
|
22
|
-
export type ExpandedSubNodes<T extends Record<string, unknown> = Record<string, unknown>> = Map<string, {
|
|
23
|
-
data: TimelineData | ComputedRef<TimelineData>;
|
|
24
|
-
} & T>;
|
|
25
|
-
export type NodeShoveDirection = 1 | -1;
|
|
26
|
-
export type NodeLayoutWorkerArgs = {
|
|
27
|
-
layoutSetting?: TimelineNodesLayoutOptions;
|
|
28
|
-
data?: TimelineData;
|
|
29
|
-
apxCharacterWidth?: number;
|
|
30
|
-
spacingMinimumNodeEdgeGap?: number;
|
|
31
|
-
timeScaleArgs?: TimeScaleArgs;
|
|
32
|
-
centerViewportAfter?: boolean;
|
|
33
|
-
};
|
|
34
|
-
export type NodeLayoutItem = {
|
|
35
|
-
row: number;
|
|
36
|
-
nextDependencyShove?: NodeShoveDirection;
|
|
37
|
-
startX: number;
|
|
38
|
-
endX: number;
|
|
39
|
-
};
|
|
40
|
-
export type NodesLayout = Record<string, NodeLayoutItem>;
|
|
41
|
-
export type NodeLayoutRow = {
|
|
42
|
-
yPos: number;
|
|
43
|
-
height: number;
|
|
44
|
-
};
|
|
45
|
-
export type NodeLayoutWorkerResponseData = {
|
|
46
|
-
layout: NodesLayout;
|
|
47
|
-
centerViewportAfter?: boolean;
|
|
48
|
-
};
|
|
49
|
-
export type NodeLayoutWorkerResponse = {
|
|
50
|
-
data: NodeLayoutWorkerResponseData;
|
|
51
|
-
};
|
|
52
|
-
export type GraphState = {
|
|
53
|
-
pixiApp: Application;
|
|
54
|
-
viewport: Viewport;
|
|
55
|
-
cull: Cull;
|
|
56
|
-
cullScreen: () => void;
|
|
57
|
-
timeScale: TimeScale;
|
|
58
|
-
timeScaleArgs: TimeScaleArgs;
|
|
59
|
-
styleOptions: ComputedRef<ParsedThemeStyles>;
|
|
60
|
-
styleNode: ComputedRef<NodeThemeFn>;
|
|
61
|
-
layoutSetting: ComputedRef<TimelineNodesLayoutOptions>;
|
|
62
|
-
formatDateFns: ComputedRef<FormatDateFns>;
|
|
63
|
-
isRunning: ComputedRef<boolean>;
|
|
64
|
-
hideEdges: ComputedRef<boolean>;
|
|
65
|
-
subNodeLabels: ComputedRef<Map<string, string>>;
|
|
66
|
-
selectedNodeId: ComputedRef<string | null>;
|
|
67
|
-
expandedSubNodes: ComputedRef<ExpandedSubNodes>;
|
|
68
|
-
suppressMotion: ComputedRef<boolean>;
|
|
69
|
-
centerViewport: (options?: CenterViewportOptions) => void;
|
|
70
|
-
};
|
|
71
|
-
export type DateToX = (date: Date) => number;
|
|
72
|
-
export type XToDate = (xPosition: number) => Date;
|
|
73
|
-
export type TimeScale = {
|
|
74
|
-
dateToX: DateToX;
|
|
75
|
-
xToDate: XToDate;
|
|
76
|
-
};
|
|
77
|
-
export type CenterViewportOptions = {
|
|
78
|
-
skipAnimation?: boolean;
|
|
79
|
-
};
|
|
80
|
-
export type TextStyles = {
|
|
81
|
-
nodeTextDefault: Partial<IBitmapTextStyle>;
|
|
82
|
-
nodeTextInverse: Partial<IBitmapTextStyle>;
|
|
83
|
-
nodeTextSubdued: Partial<IBitmapTextStyle>;
|
|
84
|
-
nodeTextStyles: TextStyle;
|
|
85
|
-
timeMarkerLabel: Partial<IBitmapTextStyle>;
|
|
86
|
-
playheadTimerLabel: Partial<IBitmapTextStyle>;
|
|
87
|
-
};
|
|
88
|
-
type FormatDate = (date: Date) => string;
|
|
89
|
-
export type FormatDateFns = {
|
|
90
|
-
timeBySeconds: FormatDate;
|
|
91
|
-
timeByMinutes: FormatDate;
|
|
92
|
-
date: FormatDate;
|
|
93
|
-
};
|
|
94
|
-
export declare const formatDateFnsDefault: FormatDateFns;
|
|
95
|
-
type NodeThemeOptions = {
|
|
96
|
-
fill: string;
|
|
97
|
-
inverseTextOnFill: boolean;
|
|
98
|
-
onFillSubNodeToggleHoverBg: string;
|
|
99
|
-
onFillSubNodeToggleHoverBgAlpha: number;
|
|
100
|
-
};
|
|
101
|
-
export type NodeThemeFn = (node: TimelineItem) => NodeThemeOptions;
|
|
102
|
-
export declare const nodeThemeFnDefault: NodeThemeFn;
|
|
103
|
-
export type Sizing = `${string}px` | `${string}em` | `${string}rem`;
|
|
104
|
-
export type RGB = `rgb(${number}, ${number}, ${number})`;
|
|
105
|
-
export type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;
|
|
106
|
-
export type HSL = `hsl(${string | number}, ${number | string}, ${number | string})`;
|
|
107
|
-
export type HEX = `#${string}`;
|
|
108
|
-
export type Color = RGB | RGBA | HSL | HEX;
|
|
109
|
-
export type ThemeStyleOverrides = {
|
|
110
|
-
colorTextDefault?: Color;
|
|
111
|
-
colorTextInverse?: Color;
|
|
112
|
-
colorTextSubdued?: Color;
|
|
113
|
-
colorNodeSelection?: Color;
|
|
114
|
-
colorButtonBg?: Color;
|
|
115
|
-
colorButtonBgHover?: Color;
|
|
116
|
-
colorButtonBorder?: Color | null;
|
|
117
|
-
colorEdge?: Color;
|
|
118
|
-
colorGuideLine?: Color;
|
|
119
|
-
colorPlayheadBg?: Color;
|
|
120
|
-
textFontFamilyDefault?: string;
|
|
121
|
-
textSizeDefault?: Sizing;
|
|
122
|
-
textSizeSmall?: Sizing;
|
|
123
|
-
textLineHeightDefault?: Sizing;
|
|
124
|
-
textLineHeightSmall?: Sizing;
|
|
125
|
-
spacingButtonBorderWidth?: Sizing;
|
|
126
|
-
spacingViewportPaddingDefault?: Sizing;
|
|
127
|
-
spacingNodeXPadding?: Sizing;
|
|
128
|
-
spacingNodeYPadding?: Sizing;
|
|
129
|
-
spacingNodeMargin?: Sizing;
|
|
130
|
-
spacingNodeLabelMargin?: Sizing;
|
|
131
|
-
spacingMinimumNodeEdgeGap?: Sizing;
|
|
132
|
-
spacingNodeEdgeLength?: Sizing;
|
|
133
|
-
spacingNodeSelectionMargin?: Sizing;
|
|
134
|
-
spacingNodeSelectionWidth?: Sizing;
|
|
135
|
-
spacingSubNodesOutlineBorderWidth?: Sizing;
|
|
136
|
-
spacingSubNodesOutlineOffset?: Sizing;
|
|
137
|
-
spacingEdgeWidth?: Sizing;
|
|
138
|
-
spacingGuideLabelPadding?: Sizing;
|
|
139
|
-
spacingPlayheadWidth?: Sizing;
|
|
140
|
-
spacingPlayheadGlowPadding?: Sizing;
|
|
141
|
-
borderRadiusNode?: Sizing;
|
|
142
|
-
borderRadiusButton?: Sizing;
|
|
143
|
-
alphaNodeDimmed?: number;
|
|
144
|
-
alphaSubNodesOutlineDimmed?: number;
|
|
145
|
-
};
|
|
146
|
-
export type ParsedThemeStyles = {
|
|
147
|
-
colorTextDefault: number;
|
|
148
|
-
colorTextInverse: number;
|
|
149
|
-
colorTextSubdued: number;
|
|
150
|
-
colorNodeSelection: number;
|
|
151
|
-
colorButtonBg: number;
|
|
152
|
-
colorButtonBgHover: number;
|
|
153
|
-
colorButtonBorder: number | null;
|
|
154
|
-
colorEdge: number;
|
|
155
|
-
colorGuideLine: number;
|
|
156
|
-
colorPlayheadBg: number;
|
|
157
|
-
textFontFamilyDefault: string;
|
|
158
|
-
textSizeDefault: number;
|
|
159
|
-
textSizeSmall: number;
|
|
160
|
-
textLineHeightDefault: number;
|
|
161
|
-
textLineHeightSmall: number;
|
|
162
|
-
spacingButtonBorderWidth: number;
|
|
163
|
-
spacingViewportPaddingDefault: number;
|
|
164
|
-
spacingNodeXPadding: number;
|
|
165
|
-
spacingNodeYPadding: number;
|
|
166
|
-
spacingNodeMargin: number;
|
|
167
|
-
spacingNodeLabelMargin: number;
|
|
168
|
-
spacingMinimumNodeEdgeGap: number;
|
|
169
|
-
spacingNodeEdgeLength: number;
|
|
170
|
-
spacingNodeSelectionMargin: number;
|
|
171
|
-
spacingNodeSelectionWidth: number;
|
|
172
|
-
spacingSubNodesOutlineBorderWidth: number;
|
|
173
|
-
spacingSubNodesOutlineOffset: number;
|
|
174
|
-
spacingEdgeWidth: number;
|
|
175
|
-
spacingGuideLabelPadding: number;
|
|
176
|
-
spacingPlayheadWidth: number;
|
|
177
|
-
spacingPlayheadGlowPadding: number;
|
|
178
|
-
borderRadiusNode: number;
|
|
179
|
-
borderRadiusButton: number;
|
|
180
|
-
alphaNodeDimmed: number;
|
|
181
|
-
alphaSubNodesOutlineDimmed: number;
|
|
182
|
-
};
|
|
183
|
-
export type TimelineThemeOptions = {
|
|
184
|
-
node?: NodeThemeFn;
|
|
185
|
-
defaults?: ThemeStyleOverrides;
|
|
186
|
-
};
|
|
187
|
-
export type ParsedThemeOptions = {
|
|
188
|
-
node: NodeThemeFn;
|
|
189
|
-
defaults: ParsedThemeStyles;
|
|
190
|
-
};
|
|
191
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { TextStyles, ParsedThemeStyles } from '../models';
|
|
2
|
-
export declare function updateBitmapFonts(styles: ParsedThemeStyles): void;
|
|
3
|
-
export declare const getBitmapFonts: (styles: ParsedThemeStyles) => Promise<TextStyles>;
|
|
4
|
-
export declare const initBitmapFonts: (styles: ParsedThemeStyles) => void;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Viewport } from 'pixi-viewport';
|
|
2
|
-
import { Application, Container } from 'pixi.js';
|
|
3
|
-
export declare class DeselectLayer extends Container {
|
|
4
|
-
private readonly appRef;
|
|
5
|
-
private readonly viewportRef;
|
|
6
|
-
private readonly layer;
|
|
7
|
-
constructor(appRef: Application, viewportRef: Viewport);
|
|
8
|
-
private drawLayer;
|
|
9
|
-
private getDimensions;
|
|
10
|
-
private initUpdater;
|
|
11
|
-
private update;
|
|
12
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export * from './bitmapFonts';
|
|
2
|
-
export * from './deselectLayer';
|
|
3
|
-
export * from './initPixiApp';
|
|
4
|
-
export * from './initViewport';
|
|
5
|
-
export * from './loadingIndicator';
|
|
6
|
-
export * from './nodeSprites';
|
|
7
|
-
export * from './roundedBorderRect';
|
|
8
|
-
export * from './timelineEdge';
|
|
9
|
-
export * from './timelineNode';
|
|
10
|
-
export * from './timelineNodes';
|
|
11
|
-
export * from './timelinePlayhead';
|
|
12
|
-
export * from './timeScale';
|
|
13
|
-
export * from './subNodesToggle';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Container } from 'pixi.js';
|
|
2
|
-
import { GraphState } from '../models';
|
|
3
|
-
type LoadingIndicatorProps = {
|
|
4
|
-
graphState: GraphState;
|
|
5
|
-
};
|
|
6
|
-
export declare class LoadingIndicator extends Container {
|
|
7
|
-
private readonly graphState;
|
|
8
|
-
private readonly dimensionsObject;
|
|
9
|
-
private dots;
|
|
10
|
-
private readonly unWatchers;
|
|
11
|
-
constructor({ graphState, }: LoadingIndicatorProps);
|
|
12
|
-
private initWatchers;
|
|
13
|
-
private initDimensions;
|
|
14
|
-
private initDots;
|
|
15
|
-
private initAnimation;
|
|
16
|
-
private destroyDots;
|
|
17
|
-
destroy(): void;
|
|
18
|
-
}
|
|
19
|
-
export {};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Application, Texture } from 'pixi.js';
|
|
2
|
-
export declare const simpleFillTextureSize = 10;
|
|
3
|
-
type BoxTextures = Record<'cap' | 'body', Texture>;
|
|
4
|
-
type BorderRectTextures = Record<'corner' | 'edge', Texture>;
|
|
5
|
-
export declare function initNodeTextureCache(): void;
|
|
6
|
-
export declare function destroyNodeTextureCache(): void;
|
|
7
|
-
type SimpleFillTextureProps = {
|
|
8
|
-
pixiApp: Application;
|
|
9
|
-
fill: number;
|
|
10
|
-
};
|
|
11
|
-
export declare function getSimpleFillTexture({ pixiApp, fill: providedFill, }: SimpleFillTextureProps): Texture;
|
|
12
|
-
type GetNodeBoxTexturesProps = {
|
|
13
|
-
pixiApp: Application;
|
|
14
|
-
fill: number;
|
|
15
|
-
borderRadius: number;
|
|
16
|
-
boxCapWidth: number;
|
|
17
|
-
height: number;
|
|
18
|
-
};
|
|
19
|
-
export declare function getNodeBoxTextures({ pixiApp, fill: providedFill, borderRadius, boxCapWidth, height, }: GetNodeBoxTexturesProps): BoxTextures;
|
|
20
|
-
type GetArrowTextureProps = {
|
|
21
|
-
pixiApp: Application;
|
|
22
|
-
strokeColor: number;
|
|
23
|
-
edgeWidth: number;
|
|
24
|
-
edgeLength: number;
|
|
25
|
-
};
|
|
26
|
-
export declare function getArrowTexture({ pixiApp, strokeColor, edgeWidth, edgeLength, }: GetArrowTextureProps): Texture;
|
|
27
|
-
type GetRoundedBorderRectTexturesProps = {
|
|
28
|
-
pixiApp: Application;
|
|
29
|
-
borderRadius: number;
|
|
30
|
-
borderColor: number;
|
|
31
|
-
borderWidth: number;
|
|
32
|
-
};
|
|
33
|
-
export declare function getRoundedBorderRectTextures({ pixiApp, borderRadius, borderColor, borderWidth, }: GetRoundedBorderRectTexturesProps): BorderRectTextures;
|
|
34
|
-
export {};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { Container } from 'pixi.js';
|
|
2
|
-
import { GraphState } from '../models';
|
|
3
|
-
export declare const roundedBorderRectAnimationDuration = 0.2;
|
|
4
|
-
export declare const roundedBorderRectAnimationEase = "power2.out";
|
|
5
|
-
type RoundedBorderRectResizeProps = {
|
|
6
|
-
width: number;
|
|
7
|
-
height: number;
|
|
8
|
-
animate?: boolean;
|
|
9
|
-
};
|
|
10
|
-
type RoundedBorderRectProps = {
|
|
11
|
-
graphState: GraphState;
|
|
12
|
-
width: number;
|
|
13
|
-
height: number;
|
|
14
|
-
borderRadius: number;
|
|
15
|
-
borderColor: number;
|
|
16
|
-
borderWidth: number;
|
|
17
|
-
};
|
|
18
|
-
export declare class RoundedBorderRect extends Container {
|
|
19
|
-
private readonly graphState;
|
|
20
|
-
private rectWidth;
|
|
21
|
-
private rectHeight;
|
|
22
|
-
private readonly borderRadius;
|
|
23
|
-
private readonly borderColor;
|
|
24
|
-
private readonly borderWidth;
|
|
25
|
-
private topLeft;
|
|
26
|
-
private topRight;
|
|
27
|
-
private bottomRight;
|
|
28
|
-
private bottomLeft;
|
|
29
|
-
private topEdge;
|
|
30
|
-
private rightEdge;
|
|
31
|
-
private bottomEdge;
|
|
32
|
-
private leftEdge;
|
|
33
|
-
constructor({ graphState, width, height, borderRadius, borderColor, borderWidth, }: RoundedBorderRectProps);
|
|
34
|
-
private initRect;
|
|
35
|
-
resize({ width, height, animate, }: RoundedBorderRectResizeProps): void;
|
|
36
|
-
private killTweens;
|
|
37
|
-
destroy(): void;
|
|
38
|
-
}
|
|
39
|
-
export {};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { Container } from 'pixi.js';
|
|
2
|
-
import { GraphState } from '../models';
|
|
3
|
-
import { TimelineItem } from '../types/timeline';
|
|
4
|
-
type SubNodesToggleProps = {
|
|
5
|
-
graphState: GraphState;
|
|
6
|
-
nodeData: TimelineItem;
|
|
7
|
-
size: number;
|
|
8
|
-
floating?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare class SubNodesToggle extends Container {
|
|
11
|
-
private readonly graphState;
|
|
12
|
-
private readonly nodeData;
|
|
13
|
-
private readonly size;
|
|
14
|
-
private isFloating;
|
|
15
|
-
private isExpanded;
|
|
16
|
-
private textColor;
|
|
17
|
-
private readonly toggleBox;
|
|
18
|
-
private readonly hoverShade;
|
|
19
|
-
private toggleArrow;
|
|
20
|
-
private toggleBorder;
|
|
21
|
-
private divider;
|
|
22
|
-
private readonly unWatchers;
|
|
23
|
-
constructor({ graphState, nodeData, size, floating, }: SubNodesToggleProps);
|
|
24
|
-
private initWatchers;
|
|
25
|
-
private initShapes;
|
|
26
|
-
private drawToggleBox;
|
|
27
|
-
private drawHoverShade;
|
|
28
|
-
private drawDivider;
|
|
29
|
-
private drawToggleArrow;
|
|
30
|
-
private drawToggleBorder;
|
|
31
|
-
private setToggleArrowRotation;
|
|
32
|
-
private getTextColor;
|
|
33
|
-
private redraw;
|
|
34
|
-
private hover;
|
|
35
|
-
private unHover;
|
|
36
|
-
setExpanded(): void;
|
|
37
|
-
setCollapsed(): void;
|
|
38
|
-
updateFloatingState(value: boolean): void;
|
|
39
|
-
destroy(): void;
|
|
40
|
-
}
|
|
41
|
-
export {};
|