sequential-workflow-designer 0.16.3 → 0.16.5

package/lib/esm/index.js

@@ -73,57 +73,6 @@ class ControlBarApi {
     }
 }
 
-class SimpleEvent {
-    constructor() {
-        this.listeners = [];
-    }
-    subscribe(listener) {
-        this.listeners.push(listener);
-    }
-    unsubscribe(listener) {
-        const index = this.listeners.indexOf(listener);
-        if (index >= 0) {
-            this.listeners.splice(index, 1);
-        }
-        else {
-            throw new Error('Unknown listener');
-        }
-    }
-    forward(value) {
-        if (this.listeners.length > 0) {
-            this.listeners.forEach(listener => listener(value));
-        }
-    }
-    count() {
-        return this.listeners.length;
-    }
-}
-
-class Vector {
-    constructor(x, y) {
-        this.x = x;
-        this.y = y;
-    }
-    add(v) {
-        return new Vector(this.x + v.x, this.y + v.y);
-    }
-    subtract(v) {
-        return new Vector(this.x - v.x, this.y - v.y);
-    }
-    multiplyByScalar(s) {
-        return new Vector(this.x * s, this.y * s);
-    }
-    divideByScalar(s) {
-        return new Vector(this.x / s, this.y / s);
-    }
-    round() {
-        return new Vector(Math.round(this.x), Math.round(this.y));
-    }
-    distance() {
-        return Math.sqrt(Math.pow(this.x, 2) + Math.pow(this.y, 2));
-    }
-}
-
 var DefinitionChangeType;
 (function (DefinitionChangeType) {
     DefinitionChangeType[DefinitionChangeType["stepNameChanged"] = 1] = "stepNameChanged";
@@ -134,88 +83,7 @@ var DefinitionChangeType;
     DefinitionChangeType[DefinitionChangeType["stepInserted"] = 6] = "stepInserted";
     DefinitionChangeType[DefinitionChangeType["globalPropertyChanged"] = 7] = "globalPropertyChanged";
     DefinitionChangeType[DefinitionChangeType["rootReplaced"] = 8] = "rootReplaced";
-})(DefinitionChangeType || (DefinitionChangeType = {}));
-class DesignerState {
-    constructor(definition, isReadonly, isToolboxCollapsed, isEditorCollapsed) {
-        this.definition = definition;
-        this.isReadonly = isReadonly;
-        this.isToolboxCollapsed = isToolboxCollapsed;
-        this.isEditorCollapsed = isEditorCollapsed;
-        this.onViewportChanged = new SimpleEvent();
-        this.onSelectedStepIdChanged = new SimpleEvent();
-        this.onFolderPathChanged = new SimpleEvent();
-        this.onIsReadonlyChanged = new SimpleEvent();
-        this.onIsDraggingChanged = new SimpleEvent();
-        this.onIsDragDisabledChanged = new SimpleEvent();
-        this.onDefinitionChanged = new SimpleEvent();
-        this.onIsToolboxCollapsedChanged = new SimpleEvent();
-        this.onIsEditorCollapsedChanged = new SimpleEvent();
-        this.viewport = {
-            position: new Vector(0, 0),
-            scale: 1
-        };
-        this.selectedStepId = null;
-        this.folderPath = [];
-        this.isDragging = false;
-        this.isDragDisabled = false;
-    }
-    setSelectedStepId(stepId) {
-        if (this.selectedStepId !== stepId) {
-            this.selectedStepId = stepId;
-            this.onSelectedStepIdChanged.forward(stepId);
-        }
-    }
-    pushStepIdToFolderPath(stepId) {
-        this.folderPath.push(stepId);
-        this.onFolderPathChanged.forward(this.folderPath);
-    }
-    setFolderPath(path) {
-        this.folderPath = path;
-        this.onFolderPathChanged.forward(path);
-    }
-    tryGetLastStepIdFromFolderPath() {
-        return this.folderPath.length > 0 ? this.folderPath[this.folderPath.length - 1] : null;
-    }
-    setDefinition(definition) {
-        this.definition = definition;
-        this.notifyDefinitionChanged(DefinitionChangeType.rootReplaced, null);
-    }
-    notifyDefinitionChanged(changeType, stepId) {
-        this.onDefinitionChanged.forward({ changeType, stepId });
-    }
-    setViewport(viewport) {
-        this.viewport = viewport;
-        this.onViewportChanged.forward(viewport);
-    }
-    setIsReadonly(isReadonly) {
-        if (this.isReadonly !== isReadonly) {
-            this.isReadonly = isReadonly;
-            this.onIsReadonlyChanged.forward(isReadonly);
-        }
-    }
-    setIsDragging(isDragging) {
-        if (this.isDragging !== isDragging) {
-            this.isDragging = isDragging;
-            this.onIsDraggingChanged.forward(isDragging);
-        }
-    }
-    toggleIsDragDisabled() {
-        this.isDragDisabled = !this.isDragDisabled;
-        this.onIsDragDisabledChanged.forward(this.isDragDisabled);
-    }
-    setIsToolboxCollapsed(isCollapsed) {
-        if (this.isToolboxCollapsed !== isCollapsed) {
-            this.isToolboxCollapsed = isCollapsed;
-            this.onIsToolboxCollapsedChanged.forward(isCollapsed);
-        }
-    }
-    setIsEditorCollapsed(isCollapsed) {
-        if (this.isEditorCollapsed !== isCollapsed) {
-            this.isEditorCollapsed = isCollapsed;
-            this.onIsEditorCollapsedChanged.forward(isCollapsed);
-        }
-    }
-}
+})(DefinitionChangeType || (DefinitionChangeType = {}));
 
 class Dom {
     static svg(name, attributes) {
@@ -305,6 +173,31 @@ class ObjectCloner {
     }
 }
 
+class Vector {
+    constructor(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+    add(v) {
+        return new Vector(this.x + v.x, this.y + v.y);
+    }
+    subtract(v) {
+        return new Vector(this.x - v.x, this.y - v.y);
+    }
+    multiplyByScalar(s) {
+        return new Vector(this.x * s, this.y * s);
+    }
+    divideByScalar(s) {
+        return new Vector(this.x / s, this.y / s);
+    }
+    round() {
+        return new Vector(Math.round(this.x), Math.round(this.y));
+    }
+    distance() {
+        return Math.sqrt(Math.pow(this.x, 2) + Math.pow(this.y, 2));
+    }
+}
+
 class Uid {
     static next() {
         const bytes = new Uint8Array(16);
@@ -313,6 +206,32 @@ class Uid {
     }
 }
 
+class SimpleEvent {
+    constructor() {
+        this.listeners = [];
+    }
+    subscribe(listener) {
+        this.listeners.push(listener);
+    }
+    unsubscribe(listener) {
+        const index = this.listeners.indexOf(listener);
+        if (index >= 0) {
+            this.listeners.splice(index, 1);
+        }
+        else {
+            throw new Error('Unknown listener');
+        }
+    }
+    forward(value) {
+        if (this.listeners.length > 0) {
+            this.listeners.forEach(listener => listener(value));
+        }
+    }
+    count() {
+        return this.listeners.length;
+    }
+}
+
 function race(timeout, a, b, c) {
     const value = [undefined, undefined, undefined];
     const result = new SimpleEvent();
@@ -1090,7 +1009,7 @@ class ValidationErrorBadgeView {
         Dom.translate(circle, halfOfSize, halfOfSize);
         g.appendChild(circle);
         const icon = Icons.appendPath(g, 'sqd-validation-error-icon-path', Icons.alert, cfg.iconSize);
-        const offsetX = (cfg.size - cfg.iconSize) * 0.5;
+        const offsetX = (cfg.size - cfg.iconSize) / 2;
         const offsetY = offsetX * 1.5;
         Dom.translate(icon, offsetX, offsetY);
         parent.appendChild(g);
@@ -2171,7 +2090,9 @@ class DefinitionModifier {
         }
         SequenceModifier.insertStep(step, targetSequence, targetIndex);
         this.state.notifyDefinitionChanged(DefinitionChangeType.stepInserted, step.id);
-        this.state.setSelectedStepId(step.id);
+        if (!this.configuration.steps.isAutoSelectDisabled) {
+            this.state.setSelectedStepId(step.id);
+        }
         return true;
     }
     isDraggable(step, parentSequence) {
@@ -2190,7 +2111,9 @@ class DefinitionModifier {
         }
         apply();
         this.state.notifyDefinitionChanged(DefinitionChangeType.stepMoved, step.id);
-        this.state.setSelectedStepId(step.id);
+        if (!this.configuration.steps.isAutoSelectDisabled) {
+            this.state.setSelectedStepId(step.id);
+        }
         return true;
     }
     isDuplicable(step, parentSequence) {
@@ -2231,13 +2154,101 @@ class DefinitionModifier {
     }
 }
 
+class DesignerState {
+    constructor(definition, isReadonly, isToolboxCollapsed, isEditorCollapsed) {
+        this.definition = definition;
+        this.isReadonly = isReadonly;
+        this.isToolboxCollapsed = isToolboxCollapsed;
+        this.isEditorCollapsed = isEditorCollapsed;
+        this.onViewportChanged = new SimpleEvent();
+        this.onSelectedStepIdChanged = new SimpleEvent();
+        this.onFolderPathChanged = new SimpleEvent();
+        this.onIsReadonlyChanged = new SimpleEvent();
+        this.onIsDraggingChanged = new SimpleEvent();
+        this.onIsDragDisabledChanged = new SimpleEvent();
+        this.onDefinitionChanged = new SimpleEvent();
+        this.onIsToolboxCollapsedChanged = new SimpleEvent();
+        this.onIsEditorCollapsedChanged = new SimpleEvent();
+        this.viewport = {
+            position: new Vector(0, 0),
+            scale: 1
+        };
+        this.selectedStepId = null;
+        this.folderPath = [];
+        this.isDragging = false;
+        this.isDragDisabled = false;
+    }
+    setSelectedStepId(stepId) {
+        if (this.selectedStepId !== stepId) {
+            this.selectedStepId = stepId;
+            this.onSelectedStepIdChanged.forward(stepId);
+        }
+    }
+    pushStepIdToFolderPath(stepId) {
+        this.folderPath.push(stepId);
+        this.onFolderPathChanged.forward(this.folderPath);
+    }
+    setFolderPath(path) {
+        this.folderPath = path;
+        this.onFolderPathChanged.forward(path);
+    }
+    tryGetLastStepIdFromFolderPath() {
+        return this.folderPath.length > 0 ? this.folderPath[this.folderPath.length - 1] : null;
+    }
+    setDefinition(definition) {
+        this.definition = definition;
+        this.notifyDefinitionChanged(DefinitionChangeType.rootReplaced, null);
+    }
+    notifyDefinitionChanged(changeType, stepId) {
+        this.onDefinitionChanged.forward({ changeType, stepId });
+    }
+    setViewport(viewport) {
+        this.viewport = viewport;
+        this.onViewportChanged.forward(viewport);
+    }
+    setIsReadonly(isReadonly) {
+        if (this.isReadonly !== isReadonly) {
+            this.isReadonly = isReadonly;
+            this.onIsReadonlyChanged.forward(isReadonly);
+        }
+    }
+    setIsDragging(isDragging) {
+        if (this.isDragging !== isDragging) {
+            this.isDragging = isDragging;
+            this.onIsDraggingChanged.forward(isDragging);
+        }
+    }
+    toggleIsDragDisabled() {
+        this.isDragDisabled = !this.isDragDisabled;
+        this.onIsDragDisabledChanged.forward(this.isDragDisabled);
+    }
+    setIsToolboxCollapsed(isCollapsed) {
+        if (this.isToolboxCollapsed !== isCollapsed) {
+            this.isToolboxCollapsed = isCollapsed;
+            this.onIsToolboxCollapsedChanged.forward(isCollapsed);
+        }
+    }
+    setIsEditorCollapsed(isCollapsed) {
+        if (this.isEditorCollapsed !== isCollapsed) {
+            this.isEditorCollapsed = isCollapsed;
+            this.onIsEditorCollapsedChanged.forward(isCollapsed);
+        }
+    }
+}
+
 class HistoryController {
-    static create(state, definitionModifier, configuration) {
+    static create(initialStack, state, definitionModifier, configuration) {
         if (!configuration.undoStackSize || configuration.undoStackSize < 1) {
             throw new Error('Invalid undo stack size');
         }
-        const controller = new HistoryController(state, definitionModifier, configuration.undoStackSize);
-        controller.remember(DefinitionChangeType.rootReplaced, null);
+        const stack = initialStack || {
+            index: 0,
+            items: []
+        };
+        const controller = new HistoryController(stack, state, definitionModifier, configuration.undoStackSize);
+        if (!initialStack) {
+            controller.remember(DefinitionChangeType.rootReplaced, null);
+        }
         state.onDefinitionChanged.subscribe(event => {
             if (event.changeType !== DefinitionChangeType.rootReplaced) {
                 controller.remember(event.changeType, event.stepId);
@@ -2245,49 +2256,51 @@ class HistoryController {
         });
         return controller;
     }
-    constructor(state, definitionModifier, stackSize) {
+    constructor(stack, state, definitionModifier, stackSize) {
+        this.stack = stack;
         this.state = state;
         this.definitionModifier = definitionModifier;
         this.stackSize = stackSize;
-        this.stack = [];
-        this.currentIndex = 0;
     }
     canUndo() {
-        return this.currentIndex > 1;
+        return this.stack.index > 1;
     }
     undo() {
-        this.currentIndex--;
+        this.stack.index--;
         this.commit();
     }
     canRedo() {
-        return this.currentIndex < this.stack.length;
+        return this.stack.index < this.stack.items.length;
     }
     redo() {
-        this.currentIndex++;
+        this.stack.index++;
         this.commit();
     }
+    dump() {
+        return Object.assign({}, this.stack);
+    }
     remember(changeType, stepId) {
         const definition = ObjectCloner.deepClone(this.state.definition);
-        if (this.stack.length > 0 && this.currentIndex === this.stack.length) {
-            const lastItem = this.stack[this.stack.length - 1];
+        if (this.stack.items.length > 0 && this.stack.index === this.stack.items.length) {
+            const lastItem = this.stack.items[this.stack.items.length - 1];
             if (areItemsEqual(lastItem, changeType, stepId)) {
                 lastItem.definition = definition;
                 return;
             }
         }
-        this.stack.splice(this.currentIndex);
-        this.stack.push({
+        this.stack.items.splice(this.stack.index);
+        this.stack.items.push({
             definition,
             changeType,
             stepId
         });
-        if (this.stack.length > this.stackSize) {
-            this.stack.splice(0, this.stack.length - this.stackSize - 1);
+        if (this.stack.items.length > this.stackSize) {
+            this.stack.items.splice(0, this.stack.items.length - this.stackSize - 1);
         }
-        this.currentIndex = this.stack.length;
+        this.stack.index = this.stack.items.length;
     }
     commit() {
-        const definition = ObjectCloner.deepClone(this.stack[this.currentIndex - 1].definition);
+        const definition = ObjectCloner.deepClone(this.stack.items[this.stack.index - 1].definition);
         this.definitionModifier.replaceDefinition(definition);
     }
 }
@@ -2360,7 +2373,7 @@ class DesignerContext {
         const definitionModifier = new DefinitionModifier(definitionWalker, state, configuration);
         let historyController = undefined;
         if (configuration.undoStackSize) {
-            historyController = HistoryController.create(state, definitionModifier, configuration);
+            historyController = HistoryController.create(configuration.undoStack, state, definitionModifier, configuration);
         }
         const componentContext = ComponentContext.create(configuration.steps, configuration.validator, state, stepExtensionResolver, services);
         return new DesignerContext(theme, state, configuration, services, componentContext, definitionWalker, definitionModifier, layoutController, workspaceController, behaviorController, historyController);
@@ -2388,6 +2401,9 @@ function isElementAttached(element) {
 }
 
 let lastGridPatternId = 0;
+const listenerOptions$1 = {
+    passive: false
+};
 class WorkspaceView {
     static create(parent, componentContext) {
         const patternId = 'sqd-grid-pattern-' + lastGridPatternId++;
@@ -2468,7 +2484,7 @@ class WorkspaceView {
                 const position = readTouchPosition(e);
                 handler(position, element, 0);
             }
-        }, { passive: false });
+        }, listenerOptions$1);
     }
     bindContextMenu(handler) {
         this.canvas.addEventListener('contextmenu', e => {
@@ -2477,7 +2493,7 @@ class WorkspaceView {
         }, false);
     }
     bindWheel(handler) {
-        this.canvas.addEventListener('wheel', handler, false);
+        this.canvas.addEventListener('wheel', handler, listenerOptions$1);
     }
     destroy() {
         window.removeEventListener('resize', this.onResizeHandler, false);
@@ -3376,7 +3392,7 @@ class ScrollBoxView {
         parent.appendChild(root);
         const view = new ScrollBoxView(root, viewport);
         window.addEventListener('resize', view.onResize, false);
-        root.addEventListener('wheel', e => view.onWheel(e), false);
+        root.addEventListener('wheel', e => view.onWheel(e), listenerOptions);
         root.addEventListener('touchstart', e => view.onTouchStart(e), listenerOptions);
         root.addEventListener('mousedown', e => view.onMouseDown(e), false);
         return view;
@@ -3440,6 +3456,7 @@ class ScrollBoxView {
         };
     }
     onWheel(e) {
+        e.preventDefault();
         e.stopPropagation();
         if (this.content) {
             const delta = e.deltaY > 0 ? -25 : 25;
@@ -4111,24 +4128,25 @@ class Designer {
         const designerContext = DesignerContext.create(placeholder, startDefinition, config, services);
         const designerApi = DesignerApi.create(designerContext);
         const view = DesignerView.create(placeholder, designerContext, designerApi);
-        const designer = new Designer(view, designerContext.state, designerContext.definitionWalker, designerApi);
+        const designer = new Designer(view, designerContext.state, designerContext.definitionWalker, designerContext.historyController, designerApi);
         view.workspace.onReady.subscribe(() => designer.onReady.forward());
         designerContext.state.onDefinitionChanged.subscribe(() => {
             setTimeout(() => designer.onDefinitionChanged.forward(designerContext.state.definition));
         });
         designerContext.state.onSelectedStepIdChanged.subscribe(() => designer.onSelectedStepIdChanged.forward(designerContext.state.selectedStepId));
-        designer.state.onIsToolboxCollapsedChanged.subscribe(isCollapsed => {
+        designerContext.state.onIsToolboxCollapsedChanged.subscribe(isCollapsed => {
             designer.onIsToolboxCollapsedChanged.forward(isCollapsed);
         });
-        designer.state.onIsEditorCollapsedChanged.subscribe(isCollapsed => {
+        designerContext.state.onIsEditorCollapsedChanged.subscribe(isCollapsed => {
             designer.onIsEditorCollapsedChanged.forward(isCollapsed);
         });
         return designer;
     }
-    constructor(view, state, walker, api) {
+    constructor(view, state, walker, historyController, api) {
         this.view = view;
         this.state = state;
         this.walker = walker;
+        this.historyController = historyController;
         this.api = api;
         /**
          * @description Fires when the designer is initialized and ready to use.
@@ -4241,6 +4259,15 @@ class Designer {
     setIsEditorCollapsed(isCollapsed) {
         this.state.setIsEditorCollapsed(isCollapsed);
     }
+    /**
+     * @description Dump the undo stack.
+     */
+    dumpUndoStack() {
+        if (!this.historyController) {
+            throw new Error('Undo feature is not activated');
+        }
+        return this.historyController.dump();
+    }
     /**
      * @param needle A step, a sequence or a step id.
      * @returns parent steps and branch names.

package/lib/index.d.ts

@@ -63,16 +63,6 @@ interface DefinitionChangedEvent {
     changeType: DefinitionChangeType;
     stepId: string | null;
 }
-declare enum DefinitionChangeType {
-    stepNameChanged = 1,
-    stepPropertyChanged = 2,
-    stepChildrenChanged = 3,
-    stepDeleted = 4,
-    stepMoved = 5,
-    stepInserted = 6,
-    globalPropertyChanged = 7,
-    rootReplaced = 8
-}
 declare class DesignerState {
     definition: Definition;
     isReadonly: boolean;
@@ -261,17 +251,17 @@ declare class ComponentContext {
 }
 
 declare class HistoryController {
+    private readonly stack;
     private readonly state;
     private readonly definitionModifier;
     private readonly stackSize;
-    static create(state: DesignerState, definitionModifier: DefinitionModifier, configuration: DesignerConfiguration): HistoryController;
-    private readonly stack;
-    private currentIndex;
-    constructor(state: DesignerState, definitionModifier: DefinitionModifier, stackSize: number);
+    static create(initialStack: UndoStack | undefined, state: DesignerState, definitionModifier: DefinitionModifier, configuration: DesignerConfiguration): HistoryController;
+    constructor(stack: UndoStack, state: DesignerState, definitionModifier: DefinitionModifier, stackSize: number);
     canUndo(): boolean;
     undo(): void;
     canRedo(): boolean;
     redo(): void;
+    dump(): UndoStack;
     private remember;
     private commit;
 }
@@ -832,6 +822,10 @@ interface DesignerConfiguration<TDefinition extends Definition = Definition> {
      * @description The depth of the undo stack. If not set, undo/redo feature will be disabled.
      */
     undoStackSize?: number;
+    /**
+     * @description The initial undo stack. If not set, the undo stack will be empty.
+     */
+    undoStack?: UndoStack;
     /**
      * @description The common configuration of the steps.
      */
@@ -925,6 +919,10 @@ interface StepsConfiguration {
     isDeletable?: (step: Step, parentSequence: Sequence) => boolean;
     canDeleteStep?: (step: Step, parentSequence: Sequence) => boolean;
     isDuplicable?: (step: Step, parentSequence: Sequence) => boolean;
+    /**
+     * @description The designer automatically selects the step after it is dropped. If true, the step will not be selected.
+     */
+    isAutoSelectDisabled?: boolean;
     iconUrlProvider?: StepIconUrlProvider;
 }
 type StepIconUrlProvider = (componentType: ComponentType, type: string) => string | null;
@@ -948,7 +946,26 @@ type StepEditorProvider<TDefinition extends Definition = Definition> = (step: St
 interface GlobalEditorContext {
     notifyPropertiesChanged(): void;
 }
-type GlobalEditorProvider<TDefinition extends Definition = Definition> = (definition: TDefinition, context: GlobalEditorContext) => HTMLElement;
+type GlobalEditorProvider<TDefinition extends Definition = Definition> = (definition: TDefinition, context: GlobalEditorContext) => HTMLElement;
+interface UndoStack {
+    index: number;
+    items: UndoStackItem[];
+}
+interface UndoStackItem {
+    definition: Definition;
+    changeType: DefinitionChangeType;
+    stepId: string | null;
+}
+declare enum DefinitionChangeType {
+    stepNameChanged = 1,
+    stepPropertyChanged = 2,
+    stepChildrenChanged = 3,
+    stepDeleted = 4,
+    stepMoved = 5,
+    stepInserted = 6,
+    globalPropertyChanged = 7,
+    rootReplaced = 8
+}
 
 declare class DefinitionModifier {
     private readonly definitionWalker;
@@ -1002,6 +1019,7 @@ declare class Designer<TDefinition extends Definition = Definition> {
     private readonly view;
     private readonly state;
     private readonly walker;
+    private readonly historyController;
     private readonly api;
     /**
      * Creates a designer.
@@ -1092,6 +1110,10 @@ declare class Designer<TDefinition extends Definition = Definition> {
      * @description Sets a flag that indicates whether the editor is collapsed.
      */
     setIsEditorCollapsed(isCollapsed: boolean): void;
+    /**
+     * @description Dump the undo stack.
+     */
+    dumpUndoStack(): UndoStack;
     /**
      * @param needle A step, a sequence or a step id.
      * @returns parent steps and branch names.
@@ -1145,4 +1167,4 @@ declare class StepsExtension extends StepsDesignerExtension {
 interface StepsExtensionConfiguration extends StepsDesignerExtensionConfiguration {
 }
 
-export { Attributes, Badge, BadgeExtension, BadgeView, Badges, BadgesResult, BaseClickCommand, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommand, ClickCommandType, ClickDetails, Component, ComponentContext, ComponentView, ContainerStep, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ControlBarApi, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, DefinitionChangedEvent, Designer, DesignerApi, DesignerConfiguration, DesignerContext, DesignerExtension, DesignerState, Dom, DraggedComponent, DraggedComponentExtension, Editor, EditorApi, EditorsConfiguration, GlobalEditorContext, GlobalEditorProvider, Grid, GridExtension, Icons, InputView, JoinView, LabelView, LineGridConfiguration, LineGridDesignerExtension, ObjectCloner, OpenFolderClickCommand, OutputView, PathBarApi, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderDirection, PlaceholderExtension, PlaceholderView, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderConfiguration, RectPlaceholderView, RegionView, RerenderStepClickCommand, RootComponentExtension, RootValidator, SelectStepClickCommand, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, ServicesResolver, SimpleEvent, SimpleEventListener, StepComponent, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepExtensionResolver, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtension, StepsDesignerExtensionConfiguration, StepsExtension, StepsExtensionConfiguration, SwitchStep, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStep, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxApi, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, Uid, UidGenerator, ValidationErrorBadgeExtension, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Vector, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, race };
+export { Attributes, Badge, BadgeExtension, BadgeView, Badges, BadgesResult, BaseClickCommand, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommand, ClickCommandType, ClickDetails, Component, ComponentContext, ComponentView, ContainerStep, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ControlBarApi, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, DefinitionChangedEvent, Designer, DesignerApi, DesignerConfiguration, DesignerContext, DesignerExtension, DesignerState, Dom, DraggedComponent, DraggedComponentExtension, Editor, EditorApi, EditorsConfiguration, GlobalEditorContext, GlobalEditorProvider, Grid, GridExtension, Icons, InputView, JoinView, LabelView, LineGridConfiguration, LineGridDesignerExtension, ObjectCloner, OpenFolderClickCommand, OutputView, PathBarApi, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderDirection, PlaceholderExtension, PlaceholderView, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderConfiguration, RectPlaceholderView, RegionView, RerenderStepClickCommand, RootComponentExtension, RootValidator, SelectStepClickCommand, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, ServicesResolver, SimpleEvent, SimpleEventListener, StepComponent, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepExtensionResolver, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtension, StepsDesignerExtensionConfiguration, StepsExtension, StepsExtensionConfiguration, SwitchStep, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStep, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxApi, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, Uid, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtension, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Vector, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, race };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer",
 	"description": "Customizable no-code component for building flow-based programming applications.",
-	"version": "0.16.3",
+	"version": "0.16.5",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",