stickyflow 0.0.0-stage → 0.3.0

package/dist/interaction/index.d.cts

@@ -0,0 +1,274 @@
+import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-BDKDf4zr.cjs';
+import { E as Side, I as IsometricFace } from '../render-C5X74hds.cjs';
+
+interface TextChangeEvent {
+    owner: OwnerRef;
+    text: string;
+}
+interface MoveChangeEvent {
+    owner: OwnerRef;
+    dx: number;
+    dy: number;
+}
+interface ResizeChangeEvent {
+    owner: OwnerRef;
+    dx: number;
+    dy: number;
+    dWidth: number;
+    dHeight: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    depth?: number;
+}
+interface LinkReconnectEvent {
+    owner: OwnerRef;
+    end: 'from' | 'to';
+    target: OwnerRef;
+    side: Side;
+    fraction: number;
+}
+interface LinkSegmentChangeEvent {
+    owner: OwnerRef;
+    index: number;
+    offset: number;
+}
+type IsometricQuickDuplicateDirection = 'iso-width-pos' | 'iso-width-neg' | 'iso-depth-pos' | 'iso-depth-neg' | 'iso-height-pos' | 'iso-height-neg';
+interface QuickDuplicateEvent {
+    owner: OwnerRef;
+    direction: 'top' | 'right' | 'bottom' | 'left' | IsometricQuickDuplicateDirection;
+}
+interface DeleteEvent {
+    owners: OwnerRef[];
+}
+interface LinkToEvent {
+    owner: OwnerRef;
+    direction: 'top' | 'right' | 'bottom' | 'left';
+    target: OwnerRef;
+    side: Side;
+    fraction: number;
+}
+interface ChartValueChangeEvent {
+    owner: OwnerRef;
+    series: string;
+    index: number;
+    value: number;
+}
+interface ChartValuePreviewEvent {
+    owner: OwnerRef;
+    series: string;
+    index: number;
+    value: number | null;
+}
+type PropertyValue = string | number | boolean | readonly number[];
+interface PropertyChangeEvent {
+    owner: OwnerRef;
+    path: string;
+    value: PropertyValue;
+    quote?: boolean;
+}
+interface PathPoint {
+    x: number;
+    y: number;
+}
+interface PathPointChangeEvent {
+    owner: OwnerRef;
+    points: PathPoint[];
+}
+interface PathDrawCompleteEvent {
+    points: PathPoint[];
+    closed: boolean;
+    tension: number;
+}
+interface SankeyNodeMoveEvent {
+    owner: OwnerRef;
+    nodeId: string;
+    dx: number;
+    dy: number;
+}
+interface SankeyNodeRenameEvent {
+    owner: OwnerRef;
+    nodeId: string;
+    label: string;
+}
+interface InteractionEventMap {
+    textChange: TextChangeEvent;
+    moveChange: MoveChangeEvent;
+    resizeChange: ResizeChangeEvent;
+    linkReconnect: LinkReconnectEvent;
+    linkSegmentChange: LinkSegmentChangeEvent;
+    quickDuplicate: QuickDuplicateEvent;
+    linkTo: LinkToEvent;
+    delete: DeleteEvent;
+    chartValueChange: ChartValueChangeEvent;
+    chartValuePreview: ChartValuePreviewEvent;
+    propertyChange: PropertyChangeEvent;
+    pathPointChange: PathPointChangeEvent;
+    pathDrawComplete: PathDrawCompleteEvent;
+    sankeyNodeMove: SankeyNodeMoveEvent;
+    sankeyNodeRename: SankeyNodeRenameEvent;
+}
+type InteractionEventName = keyof InteractionEventMap;
+declare class Emitter extends Emitter$1<InteractionEventMap> {
+}
+
+interface PathDrawOptions {
+    tension?: number;
+    onExit?: () => void;
+}
+
+type ColorPickerTheme = 'light' | 'dark' | 'auto';
+type ColorPickerThemeOption = ColorPickerTheme | (() => ColorPickerTheme);
+declare function resolveTheme(option: ColorPickerThemeOption | undefined): ColorPickerTheme;
+
+type EditableRules = Record<string, boolean> | ((path: string) => boolean);
+
+interface PropertyEditingOptions {
+    editable?: EditableRules;
+    colorPickerTheme?: ColorPickerThemeOption;
+}
+interface PropertyEditingHandle {
+    destroy(): void;
+}
+declare function bindPropertyEditing(viewer: Viewer, emitter: Emitter, options?: PropertyEditingOptions): PropertyEditingHandle;
+
+interface ColorEditHandle {
+    destroy(): void;
+}
+
+interface GradientStopValue {
+    color: string;
+    position: number;
+}
+interface GradientValue {
+    angle: number;
+    stops: GradientStopValue[];
+}
+
+declare function readGradientValue(svg: SVGSVGElement, fill: string | null): GradientValue | null;
+
+interface Anchor {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+
+type PickerValue = {
+    mode: 'solid';
+    color: string;
+    alpha?: number;
+} | {
+    mode: 'gradient';
+    angle: number;
+    stops: GradientValue['stops'];
+};
+declare function seedFrom(fill: string | null, gradient: GradientValue | null): PickerValue;
+declare function formatPickerValue(value: PickerValue): string;
+declare function cssBackground(color: string): string;
+
+interface ColorPopoverOptions {
+    seed: PickerValue;
+    anchor: Anchor;
+    theme?: ColorPickerTheme;
+    allowGradient?: boolean;
+    lockStops?: boolean;
+    onCommit(value: string): void;
+    onReset?(): void;
+}
+interface ColorPopoverHandle {
+    close(): void;
+}
+declare function openColorPopover(options: ColorPopoverOptions): ColorPopoverHandle;
+
+interface InsertCanvasObjectOptions {
+    id: string;
+    kind: 'shape' | 'text' | 'frame' | 'swimlane' | 'isometric';
+    text?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    depth?: number;
+    parentId?: string;
+    body?: string;
+}
+interface RemoveCanvasObjectOptions {
+    alsoRemoveLinks?: boolean;
+}
+interface InsertPathOptions {
+    id: string;
+    points: Array<{
+        x: number;
+        y: number;
+    }>;
+    closed?: boolean;
+    tension?: number;
+    parentId?: string;
+    body?: string;
+}
+
+declare function insertCanvasObject(sfl: string, options: InsertCanvasObjectOptions): string;
+declare function insertPath(sfl: string, options: InsertPathOptions): string;
+
+declare function removeCanvasObject(sfl: string, id: string, options?: RemoveCanvasObjectOptions): string;
+
+declare function applyChartValueChange(sfl: string, event: ChartValueChangeEvent): string;
+
+declare function applyLinkReconnectChange(sfl: string, event: LinkReconnectEvent): string;
+
+declare function applyLinkSegmentChange(sfl: string, event: LinkSegmentChangeEvent): string;
+
+declare function applyMoveChange(sfl: string, event: MoveChangeEvent): string;
+
+declare function applyPathPointChange(sfl: string, event: PathPointChangeEvent): string;
+
+declare function applyPropertyChange(sfl: string, event: PropertyChangeEvent): string;
+
+declare function applyResizeChange(sfl: string, event: ResizeChangeEvent): string;
+
+declare function applySankeyNodeMoveChange(sfl: string, event: SankeyNodeMoveEvent): string;
+declare function applySankeyNodeRenameChange(sfl: string, event: SankeyNodeRenameEvent): string;
+
+declare function applyTextChange(sfl: string, event: TextChangeEvent): string;
+
+interface InsertConnectionOptions {
+    id: string;
+    fromId: string;
+    toId: string;
+    fromFace: IsometricFace;
+    toFace: IsometricFace;
+    body?: string;
+}
+
+declare function insertConnection(sfl: string, options: InsertConnectionOptions): string;
+
+interface InsertLinkOptions {
+    id: string;
+    fromId: string;
+    toId: string;
+    fromSide?: Side;
+    fromFraction?: number;
+    toSide?: Side;
+    toFraction?: number;
+    text?: string;
+    body?: string;
+}
+
+declare function insertLink(sfl: string, options: InsertLinkOptions): string;
+
+declare function removeLink(sfl: string, id: string): string;
+
+interface Interaction {
+    on<T extends InteractionEventName>(name: T, handler: (event: InteractionEventMap[T]) => void): Unsubscribe;
+    startPathDraw(options?: PathDrawOptions): void;
+    cancelPathDraw(): void;
+    destroy(): void;
+}
+interface EditingOptions {
+    properties?: PropertyEditingOptions;
+}
+declare function bindEditing(viewer: Viewer, options?: EditingOptions): Interaction;
+
+export { type ChartValueChangeEvent, type ColorEditHandle, type ColorPickerTheme, type ColorPickerThemeOption, type ColorPopoverHandle, type ColorPopoverOptions, type DeleteEvent, type EditableRules, type EditingOptions, type InsertCanvasObjectOptions, type InsertConnectionOptions, type InsertLinkOptions, type InsertPathOptions, type Interaction, type InteractionEventMap, type InteractionEventName, type IsometricQuickDuplicateDirection, type LinkReconnectEvent, type LinkSegmentChangeEvent, type LinkToEvent, type MoveChangeEvent, type PathDrawCompleteEvent, type PathDrawOptions, type PathPoint, type PathPointChangeEvent, type PickerValue, type PropertyChangeEvent, type PropertyEditingHandle, type PropertyEditingOptions, type PropertyValue, type QuickDuplicateEvent, type RemoveCanvasObjectOptions, type ResizeChangeEvent, type SankeyNodeMoveEvent, type SankeyNodeRenameEvent, type TextChangeEvent, Unsubscribe, applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };

package/dist/interaction/index.d.ts

@@ -0,0 +1,274 @@
+import { O as OwnerRef, E as Emitter$1, V as Viewer, U as Unsubscribe } from '../types-CdgGdtoD.js';
+import { E as Side, I as IsometricFace } from '../render-C5X74hds.js';
+
+interface TextChangeEvent {
+    owner: OwnerRef;
+    text: string;
+}
+interface MoveChangeEvent {
+    owner: OwnerRef;
+    dx: number;
+    dy: number;
+}
+interface ResizeChangeEvent {
+    owner: OwnerRef;
+    dx: number;
+    dy: number;
+    dWidth: number;
+    dHeight: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    depth?: number;
+}
+interface LinkReconnectEvent {
+    owner: OwnerRef;
+    end: 'from' | 'to';
+    target: OwnerRef;
+    side: Side;
+    fraction: number;
+}
+interface LinkSegmentChangeEvent {
+    owner: OwnerRef;
+    index: number;
+    offset: number;
+}
+type IsometricQuickDuplicateDirection = 'iso-width-pos' | 'iso-width-neg' | 'iso-depth-pos' | 'iso-depth-neg' | 'iso-height-pos' | 'iso-height-neg';
+interface QuickDuplicateEvent {
+    owner: OwnerRef;
+    direction: 'top' | 'right' | 'bottom' | 'left' | IsometricQuickDuplicateDirection;
+}
+interface DeleteEvent {
+    owners: OwnerRef[];
+}
+interface LinkToEvent {
+    owner: OwnerRef;
+    direction: 'top' | 'right' | 'bottom' | 'left';
+    target: OwnerRef;
+    side: Side;
+    fraction: number;
+}
+interface ChartValueChangeEvent {
+    owner: OwnerRef;
+    series: string;
+    index: number;
+    value: number;
+}
+interface ChartValuePreviewEvent {
+    owner: OwnerRef;
+    series: string;
+    index: number;
+    value: number | null;
+}
+type PropertyValue = string | number | boolean | readonly number[];
+interface PropertyChangeEvent {
+    owner: OwnerRef;
+    path: string;
+    value: PropertyValue;
+    quote?: boolean;
+}
+interface PathPoint {
+    x: number;
+    y: number;
+}
+interface PathPointChangeEvent {
+    owner: OwnerRef;
+    points: PathPoint[];
+}
+interface PathDrawCompleteEvent {
+    points: PathPoint[];
+    closed: boolean;
+    tension: number;
+}
+interface SankeyNodeMoveEvent {
+    owner: OwnerRef;
+    nodeId: string;
+    dx: number;
+    dy: number;
+}
+interface SankeyNodeRenameEvent {
+    owner: OwnerRef;
+    nodeId: string;
+    label: string;
+}
+interface InteractionEventMap {
+    textChange: TextChangeEvent;
+    moveChange: MoveChangeEvent;
+    resizeChange: ResizeChangeEvent;
+    linkReconnect: LinkReconnectEvent;
+    linkSegmentChange: LinkSegmentChangeEvent;
+    quickDuplicate: QuickDuplicateEvent;
+    linkTo: LinkToEvent;
+    delete: DeleteEvent;
+    chartValueChange: ChartValueChangeEvent;
+    chartValuePreview: ChartValuePreviewEvent;
+    propertyChange: PropertyChangeEvent;
+    pathPointChange: PathPointChangeEvent;
+    pathDrawComplete: PathDrawCompleteEvent;
+    sankeyNodeMove: SankeyNodeMoveEvent;
+    sankeyNodeRename: SankeyNodeRenameEvent;
+}
+type InteractionEventName = keyof InteractionEventMap;
+declare class Emitter extends Emitter$1<InteractionEventMap> {
+}
+
+interface PathDrawOptions {
+    tension?: number;
+    onExit?: () => void;
+}
+
+type ColorPickerTheme = 'light' | 'dark' | 'auto';
+type ColorPickerThemeOption = ColorPickerTheme | (() => ColorPickerTheme);
+declare function resolveTheme(option: ColorPickerThemeOption | undefined): ColorPickerTheme;
+
+type EditableRules = Record<string, boolean> | ((path: string) => boolean);
+
+interface PropertyEditingOptions {
+    editable?: EditableRules;
+    colorPickerTheme?: ColorPickerThemeOption;
+}
+interface PropertyEditingHandle {
+    destroy(): void;
+}
+declare function bindPropertyEditing(viewer: Viewer, emitter: Emitter, options?: PropertyEditingOptions): PropertyEditingHandle;
+
+interface ColorEditHandle {
+    destroy(): void;
+}
+
+interface GradientStopValue {
+    color: string;
+    position: number;
+}
+interface GradientValue {
+    angle: number;
+    stops: GradientStopValue[];
+}
+
+declare function readGradientValue(svg: SVGSVGElement, fill: string | null): GradientValue | null;
+
+interface Anchor {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+
+type PickerValue = {
+    mode: 'solid';
+    color: string;
+    alpha?: number;
+} | {
+    mode: 'gradient';
+    angle: number;
+    stops: GradientValue['stops'];
+};
+declare function seedFrom(fill: string | null, gradient: GradientValue | null): PickerValue;
+declare function formatPickerValue(value: PickerValue): string;
+declare function cssBackground(color: string): string;
+
+interface ColorPopoverOptions {
+    seed: PickerValue;
+    anchor: Anchor;
+    theme?: ColorPickerTheme;
+    allowGradient?: boolean;
+    lockStops?: boolean;
+    onCommit(value: string): void;
+    onReset?(): void;
+}
+interface ColorPopoverHandle {
+    close(): void;
+}
+declare function openColorPopover(options: ColorPopoverOptions): ColorPopoverHandle;
+
+interface InsertCanvasObjectOptions {
+    id: string;
+    kind: 'shape' | 'text' | 'frame' | 'swimlane' | 'isometric';
+    text?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    depth?: number;
+    parentId?: string;
+    body?: string;
+}
+interface RemoveCanvasObjectOptions {
+    alsoRemoveLinks?: boolean;
+}
+interface InsertPathOptions {
+    id: string;
+    points: Array<{
+        x: number;
+        y: number;
+    }>;
+    closed?: boolean;
+    tension?: number;
+    parentId?: string;
+    body?: string;
+}
+
+declare function insertCanvasObject(sfl: string, options: InsertCanvasObjectOptions): string;
+declare function insertPath(sfl: string, options: InsertPathOptions): string;
+
+declare function removeCanvasObject(sfl: string, id: string, options?: RemoveCanvasObjectOptions): string;
+
+declare function applyChartValueChange(sfl: string, event: ChartValueChangeEvent): string;
+
+declare function applyLinkReconnectChange(sfl: string, event: LinkReconnectEvent): string;
+
+declare function applyLinkSegmentChange(sfl: string, event: LinkSegmentChangeEvent): string;
+
+declare function applyMoveChange(sfl: string, event: MoveChangeEvent): string;
+
+declare function applyPathPointChange(sfl: string, event: PathPointChangeEvent): string;
+
+declare function applyPropertyChange(sfl: string, event: PropertyChangeEvent): string;
+
+declare function applyResizeChange(sfl: string, event: ResizeChangeEvent): string;
+
+declare function applySankeyNodeMoveChange(sfl: string, event: SankeyNodeMoveEvent): string;
+declare function applySankeyNodeRenameChange(sfl: string, event: SankeyNodeRenameEvent): string;
+
+declare function applyTextChange(sfl: string, event: TextChangeEvent): string;
+
+interface InsertConnectionOptions {
+    id: string;
+    fromId: string;
+    toId: string;
+    fromFace: IsometricFace;
+    toFace: IsometricFace;
+    body?: string;
+}
+
+declare function insertConnection(sfl: string, options: InsertConnectionOptions): string;
+
+interface InsertLinkOptions {
+    id: string;
+    fromId: string;
+    toId: string;
+    fromSide?: Side;
+    fromFraction?: number;
+    toSide?: Side;
+    toFraction?: number;
+    text?: string;
+    body?: string;
+}
+
+declare function insertLink(sfl: string, options: InsertLinkOptions): string;
+
+declare function removeLink(sfl: string, id: string): string;
+
+interface Interaction {
+    on<T extends InteractionEventName>(name: T, handler: (event: InteractionEventMap[T]) => void): Unsubscribe;
+    startPathDraw(options?: PathDrawOptions): void;
+    cancelPathDraw(): void;
+    destroy(): void;
+}
+interface EditingOptions {
+    properties?: PropertyEditingOptions;
+}
+declare function bindEditing(viewer: Viewer, options?: EditingOptions): Interaction;
+
+export { type ChartValueChangeEvent, type ColorEditHandle, type ColorPickerTheme, type ColorPickerThemeOption, type ColorPopoverHandle, type ColorPopoverOptions, type DeleteEvent, type EditableRules, type EditingOptions, type InsertCanvasObjectOptions, type InsertConnectionOptions, type InsertLinkOptions, type InsertPathOptions, type Interaction, type InteractionEventMap, type InteractionEventName, type IsometricQuickDuplicateDirection, type LinkReconnectEvent, type LinkSegmentChangeEvent, type LinkToEvent, type MoveChangeEvent, type PathDrawCompleteEvent, type PathDrawOptions, type PathPoint, type PathPointChangeEvent, type PickerValue, type PropertyChangeEvent, type PropertyEditingHandle, type PropertyEditingOptions, type PropertyValue, type QuickDuplicateEvent, type RemoveCanvasObjectOptions, type ResizeChangeEvent, type SankeyNodeMoveEvent, type SankeyNodeRenameEvent, type TextChangeEvent, Unsubscribe, applyChartValueChange, applyLinkReconnectChange, applyLinkSegmentChange, applyMoveChange, applyPathPointChange, applyPropertyChange, applyResizeChange, applySankeyNodeMoveChange, applySankeyNodeRenameChange, applyTextChange, bindEditing, bindPropertyEditing, cssBackground, formatPickerValue, insertCanvasObject, insertConnection, insertLink, insertPath, openColorPopover, readGradientValue, removeCanvasObject, removeLink, resolveTheme, seedFrom };