@prefecthq/graphs 0.1.8 → 0.1.10

package/dist/style.css

@@ -1 +1 @@
-.flow-run-timeline{position:relative;height:100%;width:100%}.flow-run-timeline__zoom-controls{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;gap:.25rem}.flow-run-timeline__canvas-container{position:relative;height:100%;width:100%;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.flow-run-timeline__canvas-container canvas{position:absolute;top:0px;left:0px;height:100%;width:100%}
+.flow-run-timeline{position:relative;height:100%;width:100%;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.flow-run-timeline canvas{position:absolute;top:0px;left:0px;height:100%;width:100%}

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

@@ -6,6 +6,9 @@ declare const _default: {
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
             graphData: TimelineNodeData[];
             isRunning?: boolean | undefined;
+            formatTimeBySeconds: (date: Date) => string;
+            formatTimeByMinutes: (date: Date) => string;
+            formatDate: (date: Date) => string;
         }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -23,6 +26,9 @@ declare const _default: {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
             graphData: TimelineNodeData[];
             isRunning?: boolean | undefined;
+            formatTimeBySeconds: (date: Date) => string;
+            formatTimeByMinutes: (date: Date) => string;
+            formatDate: (date: Date) => string;
         }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -46,6 +52,9 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
         graphData: TimelineNodeData[];
         isRunning?: boolean | undefined;
+        formatTimeBySeconds: (date: Date) => string;
+        formatTimeByMinutes: (date: Date) => string;
+        formatDate: (date: Date) => string;
     }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -53,6 +62,9 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     graphData: TimelineNodeData[];
     isRunning?: boolean | undefined;
+    formatTimeBySeconds: (date: Date) => string;
+    formatTimeByMinutes: (date: Date) => string;
+    formatDate: (date: Date) => string;
 }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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

@@ -1,4 +1,4 @@
-import { IBitmapTextStyle, TextStyle } from 'pixi.js';
+import { IBitmapTextStyle } from 'pixi.js';
 export type TimelineNodeState = 'completed' | 'running' | 'scheduled' | 'pending' | 'failed' | 'cancelled' | 'crashed' | 'paused';
 export type TimelineNodeData = {
     id: string;
@@ -11,6 +11,5 @@ export type TimelineNodeData = {
 export type TextStyles = {
     nodeTextDefault: Partial<IBitmapTextStyle>;
     nodeTextInverse: Partial<IBitmapTextStyle>;
-    nodeTextMetrics: TextStyle;
     timeMarkerLabel: Partial<IBitmapTextStyle>;
 };

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

@@ -1,2 +1,5 @@
+import { TextStyle } from 'pixi.js';
 import { TextStyles } from '../models';
+export declare const nodeTextStyles: TextStyle;
+export declare const timelineMarkerStyles: TextStyle;
 export declare const getBitmapFonts: () => Promise<TextStyles>;

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

@@ -1,3 +1,3 @@
 import type { Viewport as ViewportType } from 'pixi-viewport';
-import { Application } from 'pixi.js';
-export declare function initViewport(stage: HTMLElement, app: Application): Promise<ViewportType>;
+import type { Application } from 'pixi.js';
+export declare function initViewport(stage: HTMLElement, appRef: Application): Promise<ViewportType>;

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

@@ -1,10 +1,11 @@
 import { Container } from 'pixi.js';
 export declare class TimelineGuide extends Container {
     private readonly labelText;
-    private readonly guideHeight;
+    private guideHeight;
     private readonly guideLine;
     private label;
-    constructor(labelText: string, guideHeight: number);
+    constructor(labelText: string | null, guideHeight: number);
     private drawGuideLine;
     private drawLabel;
+    updateHeight(guideHeight: number): void;
 }

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

@@ -1,34 +1,46 @@
 import type { Viewport } from 'pixi-viewport';
 import { Container } from 'pixi.js';
+import type { Application } from 'pixi.js';
+import type { Ref } from 'vue';
 type TimelineGuidesProps = {
     viewportRef: Viewport;
-    stageWidth: number;
-    guideHeight: number;
-    overallGraphWidth: number;
+    appRef: Application;
     xScale: (x: Date) => number;
     dateScale: (x: number) => number;
     minimumStartDate: Date;
-    maximumEndDate: Date;
+    maximumEndDate: Ref<Date | undefined>;
+    isRunning: boolean;
+    formatTimeBySeconds: (date: Date) => string;
+    formatTimeByMinutes: (date: Date) => string;
+    formatDate: (date: Date) => string;
 };
 export declare class TimelineGuides extends Container {
     private readonly viewportRef;
-    private readonly stageWidth;
-    private readonly guideHeight;
-    private readonly overallGraphWidth;
+    private readonly appRef;
     private readonly xScale;
     private readonly dateScale;
     private readonly minimumStartDate;
     private readonly maximumEndDate;
+    private readonly isRunning;
+    private readonly formatTimeBySeconds;
+    private readonly formatTimeByMinutes;
+    private readonly formatDate;
     private idealGuideCount;
     private currentTimeGap;
+    private labelFormatter;
     private readonly guides;
-    constructor({ viewportRef, stageWidth, guideHeight, overallGraphWidth, xScale, dateScale, minimumStartDate, maximumEndDate, }: TimelineGuidesProps);
+    constructor({ viewportRef, appRef, xScale, dateScale, minimumStartDate, maximumEndDate, isRunning, formatTimeBySeconds, formatTimeByMinutes, formatDate, }: TimelineGuidesProps);
     updateGuides(): void;
     private updateIdealGuideCount;
     private updateCurrentTimeGap;
     private createGuides;
     private getGuidePosition;
     private updateGuidePositions;
+    private setLabelFormatter;
+    private formatByMinutesWithDates;
+    private isRedrawRequired;
+    private noGuidesExist;
+    private isGuideLengthOutdated;
     destroy(): void;
 }
 export {};

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

@@ -11,10 +11,10 @@ export declare class TimelineNode extends Container {
     private isLabelInBox;
     constructor(nodeData: TimelineNodeData, xScale: (date: Date) => number, yPositionIndex: number);
     private getNodeWidth;
-    private drawLabel;
     private get boxColor();
     private drawBox;
+    private drawLabel;
     private updatePosition;
     private updateLabelPosition;
-    update(): void;
+    update(newNodeData?: TimelineNodeData): void;
 }

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

@@ -1,16 +1,17 @@
 import type { Viewport } from 'pixi-viewport';
 import { Container } from 'pixi.js';
+import type { Application } from 'pixi.js';
 type TimelinePlayheadProps = {
-    playheadHeight: number;
     viewportRef: Viewport;
+    appRef: Application;
     xScale: (date: Date) => number;
 };
 export declare class TimelinePlayhead extends Container {
-    private readonly playheadHeight;
     private readonly viewportRef;
+    private readonly appRef;
     private readonly xScale;
     private readonly playhead;
-    constructor({ playheadHeight, viewportRef, xScale, }: TimelinePlayheadProps);
+    constructor({ viewportRef, appRef, xScale, }: TimelinePlayheadProps);
     private drawPlayhead;
     updatePosition(): void;
 }

package/dist/types/src/utilities/time.d.ts

@@ -10,7 +10,27 @@ export declare function secondsToApproximateString(input: number, showOnes?: boo
 export declare function getDateBounds(datesArray: {
     start: Date;
     end: Date | null;
-}[]): {
+}[], minimumTimeSpan?: number): {
     min: Date;
     max: Date;
+    span: number;
 };
+export declare function roundDownToNearestDay(date: Date): Date;
+export declare function roundDownToNearestEvenNumberedHour(date: Date): Date;
+export declare const timeLengths: {
+    second: number;
+    minute: number;
+    hour: number;
+    day: number;
+    week: number;
+};
+export declare const labelFormats: {
+    seconds: string;
+    minutes: string;
+    date: string;
+};
+export declare const timeSpanSlots: {
+    ceiling: number;
+    span: number;
+    labelFormat: string;
+}[];

package/dist/{viewport.es-65da1190.mjs → viewport.es-975b1df9.mjs}

@@ -1,4 +1,4 @@
-import { P as c, R as b, T as C, C as P } from "./index-97384817.mjs";
+import { P as c, R as b, T as C, C as P } from "./index-6ad35b53.mjs";
 import "vue";
 class u {
   constructor(t) {
@@ -1530,4 +1530,4 @@ export {
   O as Viewport,
   $ as Wheel
 };
-//# sourceMappingURL=viewport.es-65da1190.mjs.map
+//# sourceMappingURL=viewport.es-975b1df9.mjs.map