stickyflow 0.4.0 → 0.6.0

package/dist/{render-C5X74hds.d.ts → render-Db0eSz_s.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,13 @@ 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 Point {
     x: number;
     y: number;
@@ -414,6 +561,50 @@ interface Bounds {
 }
 type Side = 'top' | 'right' | 'bottom' | 'left';
 
+interface Dimension {
+    id: string;
+    start: Point;
+    end: Point;
+    offset: number;
+    text?: string;
+    unit?: string;
+    strokeColor?: string;
+    strokeWidth?: number;
+    textColor?: string;
+    fontSize?: number;
+    order?: number;
+    sourceIndex?: number;
+    parentFrameId?: 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;
+}
+
 type IsometricFace = 'top' | 'bottom' | 'front' | 'back' | 'left' | 'right';
 interface IsometricObject {
     id: string;
@@ -422,6 +613,8 @@ interface IsometricObject {
     width: number;
     height: number;
     depth: number;
+    footprint?: Array<[number, number]>;
+    form?: 'box' | 'sphere';
     rotation?: number;
     order?: number;
     sourceIndex?: number;
@@ -501,7 +694,9 @@ interface Link {
     laneId?: string;
 }
 
-type PathPoint = Point;
+interface PathPoint extends Point {
+    tension?: number;
+}
 interface FreeformPath {
     id: string;
     x: number;
@@ -583,119 +778,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;
@@ -743,8 +825,10 @@ interface RenderInput {
     swimlanes: Swimlane[];
     isometricObjects?: IsometricObject[];
     paths?: FreeformPath[];
+    dimensions?: Dimension[];
     charts?: Chart[];
-    widgets?: Widget[];
+    components?: Component[];
+    widgets?: Component[];
     links: RenderInputLink[];
     diagnostics?: Diagnostic[];
 }
@@ -808,7 +892,13 @@ interface SceneStyle {
         d: string;
     };
 }
-type SceneRole = 'shape' | 'link' | 'frame' | 'swimlane' | 'path' | 'chart' | 'widget' | 'isometric';
+type SceneRole = 'shape' | 'link' | 'frame' | 'swimlane' | 'path' | 'chart' | 'widget' | 'isometric' | 'dimension';
+interface SceneAria {
+    role: string;
+    checked?: boolean;
+    pressed?: boolean;
+    disabled?: boolean;
+}
 interface SceneIdentity {
     role: SceneRole;
     id: string;
@@ -816,6 +906,7 @@ interface SceneIdentity {
     primary?: boolean;
     label?: string;
     parentFrameId?: string;
+    aria?: SceneAria;
 }
 interface SceneLinkSegment {
     ax: number;
@@ -997,7 +1088,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 +1128,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 Dimension as A, type Bounds as B, type Component as C, type Diagnostic as D, type RenderDiagnostic as E, type Frame as F, type GenericComponent as G, type RenderNode as H, type IsometricFace as I, type RenderOptions as J, type RenderResult as K, type LinkStyle as L, type MeasureTextFactory as M, type RenderScene as N, type SceneRole as O, type PathPoint as P, type ShaderParameter as Q, type RollingNumberComponent as R, type Shader as S, type TickScaleComponent as T, type ShapeType as U, type TextMetrics as V, defineComponent as W, render as X, renderCanvas as Y, type Side as Z, type ComponentDescriptor as a, type Point as b, type RollingNumberComponentStyle as c, type RulerComponent as d, type RenderInput as e, type ShadowStyle as f, type Shape as g, type Link as h, type Swimlane as i, type IsometricObject as j, type FreeformPath as k, type Chart as l, CHART_TYPES as m, type ChartAxis as n, type ChartRamp as o, type ChartSeries as p, type ChartType as q, type ComponentDefinition as r, type ComponentGroup as s, type ComponentInteraction as t, type ComponentPropertyDescriptor as u, type ComponentSceneContext as v, type ComponentSize as w, type ComponentValue as x, type ComponentValueDescriptor as y, type ComponentValueType as z };

package/dist/runtime-BhivvBeL.d.cts

@@ -0,0 +1,10 @@
+import { J as RenderOptions, K as RenderResult } from './render-Db0eSz_s.cjs';
+import { R as Row, c as BindingRuntimeOptions, b as BindingRuntime } from './runtimeTypes-CrkMHvVi.cjs';
+
+declare function createBindingRuntime(sfl: string, options?: BindingRuntimeOptions): BindingRuntime;
+interface RenderBoundOptions extends RenderOptions {
+    data?: Record<string, Row | Row[]>;
+}
+declare function renderBound(sfl: string, options?: RenderBoundOptions): RenderResult;
+
+export { type RenderBoundOptions as R, createBindingRuntime as c, renderBound as r };

package/dist/runtime-n2yG-_j-.d.ts

@@ -0,0 +1,10 @@
+import { J as RenderOptions, K as RenderResult } from './render-Db0eSz_s.js';
+import { R as Row, c as BindingRuntimeOptions, b as BindingRuntime } from './runtimeTypes-DnI7mRF5.js';
+
+declare function createBindingRuntime(sfl: string, options?: BindingRuntimeOptions): BindingRuntime;
+interface RenderBoundOptions extends RenderOptions {
+    data?: Record<string, Row | Row[]>;
+}
+declare function renderBound(sfl: string, options?: RenderBoundOptions): RenderResult;
+
+export { type RenderBoundOptions as R, createBindingRuntime as c, renderBound as r };

package/dist/{runtimeTypes-yTSAvtCn.d.cts → runtimeTypes-CrkMHvVi.d.cts}

@@ -1,6 +1,6 @@
-import { R as RenderInput, h as RenderResult, g as RenderOptions } from './render-C5X74hds.cjs';
+import { e as RenderInput, x as ComponentValue, K as RenderResult, J as RenderOptions } from './render-Db0eSz_s.cjs';
 
-declare const NAMED_BLOCK_KINDS: readonly ["Project", "Model", "Group", "Entity", "Container", "Path", "Chart", "Widget", "Shape", "Text", "Isometric", "Link", "Connection", "Layout", "Style", "Shader", "Axis", "Series", "Rule", "Net", "Symbol", "Port", "DataSource"];
+declare const NAMED_BLOCK_KINDS: readonly ["Project", "Model", "Group", "Entity", "Container", "Path", "Chart", "Widget", "Component", "Shape", "Text", "Isometric", "Dimension", "Link", "Connection", "Layout", "Style", "Shader", "Axis", "Series", "Rule", "Net", "Symbol", "Port", "DataSource"];
 type NamedBlockKind = (typeof NAMED_BLOCK_KINDS)[number];
 type BlockKind = NamedBlockKind | 'data';
 type Side = 'top' | 'bottom' | 'left' | 'right';
@@ -176,7 +176,7 @@ interface BoundHandler {
 }
 interface ElementInfo {
     kind: BlockKind;
-    widgetType?: string;
+    componentType?: string;
 }
 
 type SourceListener = () => void;
@@ -212,13 +212,16 @@ interface BindingTarget {
     update(next: {
         svg: string;
     }): void;
-    setWidgetValue?(widgetId: string, value: string | number): unknown;
+    setComponentValue?(componentId: string, value: string | number): unknown;
+    setWidgetValue?(componentId: string, value: string | number): unknown;
     setShaderParameters?(ownerId: string, parameters: Record<string, number>): unknown;
 }
 interface ElementState {
     pressed: boolean;
     hovered: boolean;
+    focused: boolean;
     pointer: number;
+    value: ComponentValue;
 }
 interface BindingRuntime {
     readonly diagnostics: BindingDiagnostic[];
@@ -229,6 +232,8 @@ interface BindingRuntime {
     setElementState(id: string, state: Partial<ElementState>): void;
     press(id: string): void;
     release(id: string, tapped: boolean): void;
+    activate(id: string): void;
+    change(id: string, value: ComponentValue): boolean;
     drag(id: string, pointer?: number): void;
     tick(seconds: number): void;
     flush(): RenderResult | null;
@@ -236,4 +241,4 @@ interface BindingRuntime {
     attach(target: BindingTarget): () => void;
 }
 
-export { type BindingRuntimeOptions as B, type DataSource as D, type ElementInfo as E, type InteractiveElements as I, type MutableDataSource as M, type Row as R, type SflDocument as S, type Side as a, type BindingRuntime as b, type BindingDiagnostic as c, type BindingGraph as d, type BindingTarget as e, type BindingType as f, type BindingValue as g, type BoundAssignment as h, type BoundHandler as i, type BoundProperty as j, type DataSourceContract as k, type ElementState as l, buildBindingGraph as m, createDataSource as n, interactiveElements as o };
+export { type BindingDiagnostic as B, type DataSourceContract as D, type ElementInfo as E, type InteractiveElements as I, type MutableDataSource as M, type Row as R, type SflDocument as S, type BindingGraph as a, type BindingRuntime as b, type BindingRuntimeOptions as c, type BindingTarget as d, type BindingType as e, type BindingValue as f, type BoundAssignment as g, type BoundHandler as h, type BoundProperty as i, type DataSource as j, type ElementState as k, buildBindingGraph as l, createDataSource as m, interactiveElements as n, type Side as o };

package/dist/{runtimeTypes-D8hPZ62T.d.ts → runtimeTypes-DnI7mRF5.d.ts}

@@ -1,6 +1,6 @@
-import { R as RenderInput, h as RenderResult, g as RenderOptions } from './render-C5X74hds.js';
+import { e as RenderInput, x as ComponentValue, K as RenderResult, J as RenderOptions } from './render-Db0eSz_s.js';
 
-declare const NAMED_BLOCK_KINDS: readonly ["Project", "Model", "Group", "Entity", "Container", "Path", "Chart", "Widget", "Shape", "Text", "Isometric", "Link", "Connection", "Layout", "Style", "Shader", "Axis", "Series", "Rule", "Net", "Symbol", "Port", "DataSource"];
+declare const NAMED_BLOCK_KINDS: readonly ["Project", "Model", "Group", "Entity", "Container", "Path", "Chart", "Widget", "Component", "Shape", "Text", "Isometric", "Dimension", "Link", "Connection", "Layout", "Style", "Shader", "Axis", "Series", "Rule", "Net", "Symbol", "Port", "DataSource"];
 type NamedBlockKind = (typeof NAMED_BLOCK_KINDS)[number];
 type BlockKind = NamedBlockKind | 'data';
 type Side = 'top' | 'bottom' | 'left' | 'right';
@@ -176,7 +176,7 @@ interface BoundHandler {
 }
 interface ElementInfo {
     kind: BlockKind;
-    widgetType?: string;
+    componentType?: string;
 }
 
 type SourceListener = () => void;
@@ -212,13 +212,16 @@ interface BindingTarget {
     update(next: {
         svg: string;
     }): void;
-    setWidgetValue?(widgetId: string, value: string | number): unknown;
+    setComponentValue?(componentId: string, value: string | number): unknown;
+    setWidgetValue?(componentId: string, value: string | number): unknown;
     setShaderParameters?(ownerId: string, parameters: Record<string, number>): unknown;
 }
 interface ElementState {
     pressed: boolean;
     hovered: boolean;
+    focused: boolean;
     pointer: number;
+    value: ComponentValue;
 }
 interface BindingRuntime {
     readonly diagnostics: BindingDiagnostic[];
@@ -229,6 +232,8 @@ interface BindingRuntime {
     setElementState(id: string, state: Partial<ElementState>): void;
     press(id: string): void;
     release(id: string, tapped: boolean): void;
+    activate(id: string): void;
+    change(id: string, value: ComponentValue): boolean;
     drag(id: string, pointer?: number): void;
     tick(seconds: number): void;
     flush(): RenderResult | null;
@@ -236,4 +241,4 @@ interface BindingRuntime {
     attach(target: BindingTarget): () => void;
 }
 
-export { type BindingRuntimeOptions as B, type DataSource as D, type ElementInfo as E, type InteractiveElements as I, type MutableDataSource as M, type Row as R, type SflDocument as S, type Side as a, type BindingRuntime as b, type BindingDiagnostic as c, type BindingGraph as d, type BindingTarget as e, type BindingType as f, type BindingValue as g, type BoundAssignment as h, type BoundHandler as i, type BoundProperty as j, type DataSourceContract as k, type ElementState as l, buildBindingGraph as m, createDataSource as n, interactiveElements as o };
+export { type BindingDiagnostic as B, type DataSourceContract as D, type ElementInfo as E, type InteractiveElements as I, type MutableDataSource as M, type Row as R, type SflDocument as S, type BindingGraph as a, type BindingRuntime as b, type BindingRuntimeOptions as c, type BindingTarget as d, type BindingType as e, type BindingValue as f, type BoundAssignment as g, type BoundHandler as h, type BoundProperty as i, type DataSource as j, type ElementState as k, buildBindingGraph as l, createDataSource as m, interactiveElements as n, type Side as o };