stickyflow 0.3.0 → 0.5.0

package/dist/{render-C5X74hds.d.cts → render-CgX_y15a.d.cts}

@@ -1,3 +1,143 @@
+type ComponentGroup = 'readout' | 'input' | 'action' | 'navigation';
+type ComponentValueType = 'number' | 'string' | 'boolean';
+type ComponentValue = number | string | boolean;
+type ComponentInteraction = 'none' | 'toggle' | 'press' | 'scale';
+interface ComponentValueDescriptor {
+    type: ComponentValueType;
+    writable: boolean;
+    default: ComponentValue;
+}
+type ComponentPropertyDescriptor = {
+    type: 'number';
+    default: number;
+    min?: number;
+    max?: number;
+    step?: number;
+} | {
+    type: 'boolean';
+    default: boolean;
+} | {
+    type: 'string';
+    default: string;
+} | {
+    type: 'color';
+    default: string;
+} | {
+    type: 'enum';
+    default: string;
+    options: readonly string[];
+};
+interface ComponentSize {
+    width: number;
+    height: number;
+    minWidth?: number;
+    minHeight?: number;
+    aspect?: number;
+}
+interface ComponentDescriptor {
+    type: string;
+    group: ComponentGroup;
+    value?: ComponentValueDescriptor;
+    properties: Record<string, ComponentPropertyDescriptor>;
+    interaction: ComponentInteraction;
+    pointerScale: boolean;
+    size: ComponentSize;
+    role?: string;
+}
+
+interface RollingNumberComponentStyle {
+    color?: string;
+    surface?: string;
+    divider?: string;
+    labelColor?: string;
+    fontFamily?: string;
+    variant?: 'flip' | 'plain';
+    motion?: 'roll' | 'fade';
+    fontWeight?: string;
+    fontSize?: number;
+}
+interface RollingNumberComponent {
+    id: string;
+    type: 'rollingNumber';
+    value: string;
+    digits?: number;
+    duration?: number;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    style: RollingNumberComponentStyle;
+}
+interface TickScaleComponent {
+    id: string;
+    type: 'tickScale';
+    value: string;
+    max?: number;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    parameters: Record<string, string | number>;
+    labels?: {
+        size?: number;
+        color?: string;
+        offset?: number;
+        weight?: string;
+        fontFamily?: string;
+    };
+}
+interface RulerComponent {
+    id: string;
+    type: 'ruler';
+    value: string;
+    min?: number;
+    max?: number;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    parameters: Record<string, string | number>;
+    labels?: {
+        size?: number;
+        color?: string;
+        offset?: number;
+        weight?: string;
+        fontFamily?: string;
+    };
+}
+interface GenericComponent {
+    id: string;
+    type: string;
+    value: ComponentValue;
+    disabled: boolean;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    properties: Record<string, ComponentValue>;
+}
+type Component = RollingNumberComponent | TickScaleComponent | RulerComponent | GenericComponent;
+
 interface ChartZone {
     label: string;
     color?: string;
@@ -402,6 +542,41 @@ interface CustomChart extends TypedChart<'custom', CustomChartConfig> {
 }
 type Chart = BarChart | BoxplotChart | CustomChart | FieldChart | HeatmapChart | HexbinChart | LineChart | MekkoChart | PieChart | PolarAreaChart | RadarChart | RadialBarChart | RadialChart | SankeyChart | ScatterChart | TreemapChart;
 
+interface Diagnostic {
+    severity: 'warning' | 'error';
+    code: string;
+    message: string;
+    ownerId?: string;
+}
+
+interface Frame {
+    id: string;
+    name?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    title?: string | null;
+    strokeColor: string;
+    strokeWidth: number;
+    dash?: number[];
+    cornerRadius: number;
+    fillColor: string;
+    textColor: string;
+    fontSize: number;
+    fontWeight: 'normal' | 'bold';
+    fontFamily?: string;
+    showLabel: boolean;
+    labelPosition?: 'top' | 'bottom' | 'left' | 'right';
+    shadow?: boolean;
+    layerGroup?: string;
+    orderKey?: string;
+    order?: number;
+    sourceIndex?: number;
+    isVisible?: boolean;
+    isLocked?: boolean;
+}
+
 interface Point {
     x: number;
     y: number;
@@ -583,119 +758,6 @@ interface SymbolDef {
     }>;
 }
 
-type WidgetType = 'rollingNumber' | 'tickScale' | 'ruler';
-interface RollingNumberWidgetStyle {
-    color?: string;
-    surface?: string;
-    divider?: string;
-    labelColor?: string;
-    fontFamily?: string;
-    variant?: 'flip' | 'plain';
-    motion?: 'roll' | 'fade';
-    fontWeight?: string;
-    fontSize?: number;
-}
-interface RollingNumberWidget {
-    id: string;
-    type: 'rollingNumber';
-    value: string;
-    digits?: number;
-    duration?: number;
-    label?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation?: number;
-    order?: number;
-    sourceIndex?: number;
-    parentFrameId?: string;
-    style: RollingNumberWidgetStyle;
-}
-interface TickScaleWidget {
-    id: string;
-    type: 'tickScale';
-    value: string;
-    max?: number;
-    label?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation?: number;
-    order?: number;
-    sourceIndex?: number;
-    parentFrameId?: string;
-    parameters: Record<string, string | number>;
-    labels?: {
-        size?: number;
-        color?: string;
-        offset?: number;
-        weight?: string;
-        fontFamily?: string;
-    };
-}
-interface RulerWidget {
-    id: string;
-    type: 'ruler';
-    value: string;
-    min?: number;
-    max?: number;
-    label?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation?: number;
-    order?: number;
-    sourceIndex?: number;
-    parentFrameId?: string;
-    parameters: Record<string, string | number>;
-    labels?: {
-        size?: number;
-        color?: string;
-        offset?: number;
-        weight?: string;
-        fontFamily?: string;
-    };
-}
-type Widget = RollingNumberWidget | TickScaleWidget | RulerWidget;
-
-interface Diagnostic {
-    severity: 'warning' | 'error';
-    code: string;
-    message: string;
-    ownerId?: string;
-}
-
-interface Frame {
-    id: string;
-    name?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    title?: string | null;
-    strokeColor: string;
-    strokeWidth: number;
-    dash?: number[];
-    cornerRadius: number;
-    fillColor: string;
-    textColor: string;
-    fontSize: number;
-    fontWeight: 'normal' | 'bold';
-    fontFamily?: string;
-    showLabel: boolean;
-    labelPosition?: 'top' | 'bottom' | 'left' | 'right';
-    shadow?: boolean;
-    layerGroup?: string;
-    orderKey?: string;
-    order?: number;
-    sourceIndex?: number;
-    isVisible?: boolean;
-    isLocked?: boolean;
-}
-
 interface Lane {
     id: string;
     label: string;
@@ -744,7 +806,8 @@ interface RenderInput {
     isometricObjects?: IsometricObject[];
     paths?: FreeformPath[];
     charts?: Chart[];
-    widgets?: Widget[];
+    components?: Component[];
+    widgets?: Component[];
     links: RenderInputLink[];
     diagnostics?: Diagnostic[];
 }
@@ -809,6 +872,12 @@ interface SceneStyle {
     };
 }
 type SceneRole = 'shape' | 'link' | 'frame' | 'swimlane' | 'path' | 'chart' | 'widget' | 'isometric';
+interface SceneAria {
+    role: string;
+    checked?: boolean;
+    pressed?: boolean;
+    disabled?: boolean;
+}
 interface SceneIdentity {
     role: SceneRole;
     id: string;
@@ -816,6 +885,7 @@ interface SceneIdentity {
     primary?: boolean;
     label?: string;
     parentFrameId?: string;
+    aria?: SceneAria;
 }
 interface SceneLinkSegment {
     ax: number;
@@ -997,7 +1067,7 @@ interface SceneRollingNumber extends SceneBase {
     digits?: number;
     duration: number;
     label?: string;
-    widgetStyle: Required<RollingNumberWidgetStyle>;
+    componentStyle: Required<RollingNumberComponentStyle>;
 }
 interface SceneImage extends SceneBase {
     type: 'image';
@@ -1037,5 +1107,12 @@ interface RenderOptions {
 }
 declare function renderCanvas(input: RenderInput, options?: RenderOptions): RenderResult;
 declare function render(source: string, options?: RenderOptions): RenderResult;
+interface ComponentSceneContext {
+    order: number;
+}
+interface ComponentDefinition extends ComponentDescriptor {
+    scene(component: GenericComponent, context: ComponentSceneContext): RenderNode[];
+}
+declare function defineComponent(definition: ComponentDefinition): () => void;
 
-export { renderCanvas as A, type Bounds as B, type Chart as C, type Diagnostic as D, type Side as E, type Frame as F, type IsometricFace as I, type LinkStyle as L, type MeasureTextFactory as M, type PathPoint as P, type RenderInput as R, type Shader as S, type TextMetrics as T, type Widget as W, type ShadowStyle as a, type Shape as b, type Link as c, type Swimlane as d, type IsometricObject as e, type FreeformPath as f, type RenderOptions as g, type RenderResult as h, CHART_TYPES as i, type ChartAxis as j, type ChartRamp as k, type ChartSeries as l, type ChartType as m, type Point as n, type RenderDiagnostic as o, type RenderNode as p, type RenderScene as q, type RollingNumberWidget as r, type RollingNumberWidgetStyle as s, type RulerWidget as t, type SceneRole as u, type ShaderParameter as v, type ShapeType as w, type TickScaleWidget as x, type WidgetType as y, render as z };
+export { type RenderDiagnostic as A, type Bounds as B, type Component as C, type Diagnostic as D, type RenderNode as E, type Frame as F, type GenericComponent as G, type RenderOptions as H, type IsometricFace as I, type RenderResult as J, type RenderScene as K, type LinkStyle as L, type MeasureTextFactory as M, type SceneRole as N, type ShaderParameter as O, type PathPoint as P, type ShapeType as Q, type RollingNumberComponent as R, type Shader as S, type TickScaleComponent as T, type TextMetrics as U, defineComponent as V, render as W, renderCanvas as X, type Side as Y, type ComponentDescriptor as a, type RollingNumberComponentStyle as b, type RulerComponent as c, type RenderInput as d, type ShadowStyle as e, type Shape as f, type Link as g, type Swimlane as h, type IsometricObject as i, type FreeformPath as j, type Chart as k, CHART_TYPES as l, type ChartAxis as m, type ChartRamp as n, type ChartSeries as o, type ChartType as p, type ComponentDefinition as q, type ComponentGroup as r, type ComponentInteraction as s, type ComponentPropertyDescriptor as t, type ComponentSceneContext as u, type ComponentSize as v, type ComponentValue as w, type ComponentValueDescriptor as x, type ComponentValueType as y, type Point as z };

package/dist/{render-C5X74hds.d.ts → render-CgX_y15a.d.ts}

@@ -1,3 +1,143 @@
+type ComponentGroup = 'readout' | 'input' | 'action' | 'navigation';
+type ComponentValueType = 'number' | 'string' | 'boolean';
+type ComponentValue = number | string | boolean;
+type ComponentInteraction = 'none' | 'toggle' | 'press' | 'scale';
+interface ComponentValueDescriptor {
+    type: ComponentValueType;
+    writable: boolean;
+    default: ComponentValue;
+}
+type ComponentPropertyDescriptor = {
+    type: 'number';
+    default: number;
+    min?: number;
+    max?: number;
+    step?: number;
+} | {
+    type: 'boolean';
+    default: boolean;
+} | {
+    type: 'string';
+    default: string;
+} | {
+    type: 'color';
+    default: string;
+} | {
+    type: 'enum';
+    default: string;
+    options: readonly string[];
+};
+interface ComponentSize {
+    width: number;
+    height: number;
+    minWidth?: number;
+    minHeight?: number;
+    aspect?: number;
+}
+interface ComponentDescriptor {
+    type: string;
+    group: ComponentGroup;
+    value?: ComponentValueDescriptor;
+    properties: Record<string, ComponentPropertyDescriptor>;
+    interaction: ComponentInteraction;
+    pointerScale: boolean;
+    size: ComponentSize;
+    role?: string;
+}
+
+interface RollingNumberComponentStyle {
+    color?: string;
+    surface?: string;
+    divider?: string;
+    labelColor?: string;
+    fontFamily?: string;
+    variant?: 'flip' | 'plain';
+    motion?: 'roll' | 'fade';
+    fontWeight?: string;
+    fontSize?: number;
+}
+interface RollingNumberComponent {
+    id: string;
+    type: 'rollingNumber';
+    value: string;
+    digits?: number;
+    duration?: number;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    style: RollingNumberComponentStyle;
+}
+interface TickScaleComponent {
+    id: string;
+    type: 'tickScale';
+    value: string;
+    max?: number;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    parameters: Record<string, string | number>;
+    labels?: {
+        size?: number;
+        color?: string;
+        offset?: number;
+        weight?: string;
+        fontFamily?: string;
+    };
+}
+interface RulerComponent {
+    id: string;
+    type: 'ruler';
+    value: string;
+    min?: number;
+    max?: number;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    parameters: Record<string, string | number>;
+    labels?: {
+        size?: number;
+        color?: string;
+        offset?: number;
+        weight?: string;
+        fontFamily?: string;
+    };
+}
+interface GenericComponent {
+    id: string;
+    type: string;
+    value: ComponentValue;
+    disabled: boolean;
+    label?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: string;
+    properties: Record<string, ComponentValue>;
+}
+type Component = RollingNumberComponent | TickScaleComponent | RulerComponent | GenericComponent;
+
 interface ChartZone {
     label: string;
     color?: string;
@@ -402,6 +542,41 @@ interface CustomChart extends TypedChart<'custom', CustomChartConfig> {
 }
 type Chart = BarChart | BoxplotChart | CustomChart | FieldChart | HeatmapChart | HexbinChart | LineChart | MekkoChart | PieChart | PolarAreaChart | RadarChart | RadialBarChart | RadialChart | SankeyChart | ScatterChart | TreemapChart;
 
+interface Diagnostic {
+    severity: 'warning' | 'error';
+    code: string;
+    message: string;
+    ownerId?: string;
+}
+
+interface Frame {
+    id: string;
+    name?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    title?: string | null;
+    strokeColor: string;
+    strokeWidth: number;
+    dash?: number[];
+    cornerRadius: number;
+    fillColor: string;
+    textColor: string;
+    fontSize: number;
+    fontWeight: 'normal' | 'bold';
+    fontFamily?: string;
+    showLabel: boolean;
+    labelPosition?: 'top' | 'bottom' | 'left' | 'right';
+    shadow?: boolean;
+    layerGroup?: string;
+    orderKey?: string;
+    order?: number;
+    sourceIndex?: number;
+    isVisible?: boolean;
+    isLocked?: boolean;
+}
+
 interface Point {
     x: number;
     y: number;
@@ -583,119 +758,6 @@ interface SymbolDef {
     }>;
 }
 
-type WidgetType = 'rollingNumber' | 'tickScale' | 'ruler';
-interface RollingNumberWidgetStyle {
-    color?: string;
-    surface?: string;
-    divider?: string;
-    labelColor?: string;
-    fontFamily?: string;
-    variant?: 'flip' | 'plain';
-    motion?: 'roll' | 'fade';
-    fontWeight?: string;
-    fontSize?: number;
-}
-interface RollingNumberWidget {
-    id: string;
-    type: 'rollingNumber';
-    value: string;
-    digits?: number;
-    duration?: number;
-    label?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation?: number;
-    order?: number;
-    sourceIndex?: number;
-    parentFrameId?: string;
-    style: RollingNumberWidgetStyle;
-}
-interface TickScaleWidget {
-    id: string;
-    type: 'tickScale';
-    value: string;
-    max?: number;
-    label?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation?: number;
-    order?: number;
-    sourceIndex?: number;
-    parentFrameId?: string;
-    parameters: Record<string, string | number>;
-    labels?: {
-        size?: number;
-        color?: string;
-        offset?: number;
-        weight?: string;
-        fontFamily?: string;
-    };
-}
-interface RulerWidget {
-    id: string;
-    type: 'ruler';
-    value: string;
-    min?: number;
-    max?: number;
-    label?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation?: number;
-    order?: number;
-    sourceIndex?: number;
-    parentFrameId?: string;
-    parameters: Record<string, string | number>;
-    labels?: {
-        size?: number;
-        color?: string;
-        offset?: number;
-        weight?: string;
-        fontFamily?: string;
-    };
-}
-type Widget = RollingNumberWidget | TickScaleWidget | RulerWidget;
-
-interface Diagnostic {
-    severity: 'warning' | 'error';
-    code: string;
-    message: string;
-    ownerId?: string;
-}
-
-interface Frame {
-    id: string;
-    name?: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    title?: string | null;
-    strokeColor: string;
-    strokeWidth: number;
-    dash?: number[];
-    cornerRadius: number;
-    fillColor: string;
-    textColor: string;
-    fontSize: number;
-    fontWeight: 'normal' | 'bold';
-    fontFamily?: string;
-    showLabel: boolean;
-    labelPosition?: 'top' | 'bottom' | 'left' | 'right';
-    shadow?: boolean;
-    layerGroup?: string;
-    orderKey?: string;
-    order?: number;
-    sourceIndex?: number;
-    isVisible?: boolean;
-    isLocked?: boolean;
-}
-
 interface Lane {
     id: string;
     label: string;
@@ -744,7 +806,8 @@ interface RenderInput {
     isometricObjects?: IsometricObject[];
     paths?: FreeformPath[];
     charts?: Chart[];
-    widgets?: Widget[];
+    components?: Component[];
+    widgets?: Component[];
     links: RenderInputLink[];
     diagnostics?: Diagnostic[];
 }
@@ -809,6 +872,12 @@ interface SceneStyle {
     };
 }
 type SceneRole = 'shape' | 'link' | 'frame' | 'swimlane' | 'path' | 'chart' | 'widget' | 'isometric';
+interface SceneAria {
+    role: string;
+    checked?: boolean;
+    pressed?: boolean;
+    disabled?: boolean;
+}
 interface SceneIdentity {
     role: SceneRole;
     id: string;
@@ -816,6 +885,7 @@ interface SceneIdentity {
     primary?: boolean;
     label?: string;
     parentFrameId?: string;
+    aria?: SceneAria;
 }
 interface SceneLinkSegment {
     ax: number;
@@ -997,7 +1067,7 @@ interface SceneRollingNumber extends SceneBase {
     digits?: number;
     duration: number;
     label?: string;
-    widgetStyle: Required<RollingNumberWidgetStyle>;
+    componentStyle: Required<RollingNumberComponentStyle>;
 }
 interface SceneImage extends SceneBase {
     type: 'image';
@@ -1037,5 +1107,12 @@ interface RenderOptions {
 }
 declare function renderCanvas(input: RenderInput, options?: RenderOptions): RenderResult;
 declare function render(source: string, options?: RenderOptions): RenderResult;
+interface ComponentSceneContext {
+    order: number;
+}
+interface ComponentDefinition extends ComponentDescriptor {
+    scene(component: GenericComponent, context: ComponentSceneContext): RenderNode[];
+}
+declare function defineComponent(definition: ComponentDefinition): () => void;
 
-export { renderCanvas as A, type Bounds as B, type Chart as C, type Diagnostic as D, type Side as E, type Frame as F, type IsometricFace as I, type LinkStyle as L, type MeasureTextFactory as M, type PathPoint as P, type RenderInput as R, type Shader as S, type TextMetrics as T, type Widget as W, type ShadowStyle as a, type Shape as b, type Link as c, type Swimlane as d, type IsometricObject as e, type FreeformPath as f, type RenderOptions as g, type RenderResult as h, CHART_TYPES as i, type ChartAxis as j, type ChartRamp as k, type ChartSeries as l, type ChartType as m, type Point as n, type RenderDiagnostic as o, type RenderNode as p, type RenderScene as q, type RollingNumberWidget as r, type RollingNumberWidgetStyle as s, type RulerWidget as t, type SceneRole as u, type ShaderParameter as v, type ShapeType as w, type TickScaleWidget as x, type WidgetType as y, render as z };
+export { type RenderDiagnostic as A, type Bounds as B, type Component as C, type Diagnostic as D, type RenderNode as E, type Frame as F, type GenericComponent as G, type RenderOptions as H, type IsometricFace as I, type RenderResult as J, type RenderScene as K, type LinkStyle as L, type MeasureTextFactory as M, type SceneRole as N, type ShaderParameter as O, type PathPoint as P, type ShapeType as Q, type RollingNumberComponent as R, type Shader as S, type TickScaleComponent as T, type TextMetrics as U, defineComponent as V, render as W, renderCanvas as X, type Side as Y, type ComponentDescriptor as a, type RollingNumberComponentStyle as b, type RulerComponent as c, type RenderInput as d, type ShadowStyle as e, type Shape as f, type Link as g, type Swimlane as h, type IsometricObject as i, type FreeformPath as j, type Chart as k, CHART_TYPES as l, type ChartAxis as m, type ChartRamp as n, type ChartSeries as o, type ChartType as p, type ComponentDefinition as q, type ComponentGroup as r, type ComponentInteraction as s, type ComponentPropertyDescriptor as t, type ComponentSceneContext as u, type ComponentSize as v, type ComponentValue as w, type ComponentValueDescriptor as x, type ComponentValueType as y, type Point as z };