sequential-workflow-designer 0.27.4 → 0.29.0

package/lib/esm/index.js

@@ -1,4 +1,4 @@
-import { DefinitionWalker, StepChildrenType } from 'sequential-workflow-model';
+import { StepChildrenType, DefinitionWalker } from 'sequential-workflow-model';
 export * from 'sequential-workflow-model';
 
 class Dom {
@@ -767,8 +767,9 @@ class ViewportApi {
 }
 
 class WorkspaceApi {
-    constructor(state, workspaceController) {
+    constructor(state, definitionWalker, workspaceController) {
         this.state = state;
+        this.definitionWalker = definitionWalker;
         this.workspaceController = workspaceController;
     }
     getViewport() {
@@ -795,11 +796,29 @@ class WorkspaceApi {
     updateCanvasSize() {
         this.workspaceController.updateCanvasSize();
     }
+    getRootSequence() {
+        const stepId = this.state.tryGetLastStepIdFromFolderPath();
+        if (stepId) {
+            const parentStep = this.definitionWalker.getParentSequence(this.state.definition, stepId);
+            const children = this.definitionWalker.getChildren(parentStep.step);
+            if (!children || children.type !== StepChildrenType.sequence) {
+                throw new Error('Cannot find single sequence in folder step');
+            }
+            return {
+                sequence: children.items,
+                parentStep
+            };
+        }
+        return {
+            sequence: this.state.definition.sequence,
+            parentStep: null
+        };
+    }
 }
 
 class DesignerApi {
     static create(context) {
-        const workspace = new WorkspaceApi(context.state, context.workspaceController);
+        const workspace = new WorkspaceApi(context.state, context.definitionWalker, context.workspaceController);
         const viewportController = context.services.viewportController.create(workspace);
         const toolboxDataProvider = new ToolboxDataProvider(context.componentContext.iconProvider, context.i18n, context.configuration.toolbox);
         return new DesignerApi(context.configuration.shadowRoot, ControlBarApi.create(context.state, context.historyController, context.stateModifier), new ToolboxApi(context.state, context, context.behaviorController, toolboxDataProvider, context.configuration.uidGenerator), new EditorApi(context.state, context.definitionWalker, context.stateModifier), workspace, new ViewportApi(context.state, context.workspaceController, viewportController), new PathBarApi(context.state, context.definitionWalker), context.definitionWalker, context.i18n);
@@ -1058,11 +1077,11 @@ class InputView {
         parent.appendChild(circle);
         return new InputView(circle);
     }
-    constructor(root) {
-        this.root = root;
+    constructor(g) {
+        this.g = g;
     }
     setIsHidden(isHidden) {
-        Dom.attrs(this.root, {
+        Dom.attrs(this.g, {
             visibility: isHidden ? 'hidden' : 'visible'
         });
     }
@@ -1487,31 +1506,77 @@ const createContainerStepComponentViewFactory = (cfg) => (parentElement, stepCon
 };
 
 const COMPONENT_CLASS_NAME$1 = 'switch';
+function createView(g, width, height, joinX, viewContext, sequenceComponents, regionView, cfg) {
+    let inputView = null;
+    if (cfg.inputSize > 0) {
+        const iconUrl = viewContext.getStepIconUrl();
+        inputView = InputView.createRectInput(g, joinX, cfg.paddingTop1, cfg.inputSize, cfg.inputRadius, cfg.inputIconSize, iconUrl);
+    }
+    return {
+        g,
+        width,
+        height,
+        joinX,
+        placeholders: null,
+        sequenceComponents,
+        hasOutput: sequenceComponents ? sequenceComponents.some(c => c.hasOutput) : true,
+        getClientPosition() {
+            return regionView.getClientPosition();
+        },
+        resolveClick(click) {
+            const result = regionView.resolveClick(click);
+            return result === true || (result === null && g.contains(click.element)) ? true : result;
+        },
+        setIsDragging(isDragging) {
+            if (cfg.autoHideInputOnDrag && inputView) {
+                inputView.setIsHidden(isDragging);
+            }
+        },
+        setIsSelected(isSelected) {
+            regionView.setIsSelected(isSelected);
+        },
+        setIsDisabled(isDisabled) {
+            Dom.toggleClass(g, isDisabled, 'sqd-disabled');
+        }
+    };
+}
 const createSwitchStepComponentViewFactory = (cfg) => (parent, stepContext, viewContext) => {
     return viewContext.createRegionComponentView(parent, COMPONENT_CLASS_NAME$1, (g, regionViewBuilder) => {
         const step = stepContext.step;
         const paddingTop = cfg.paddingTop1 + cfg.paddingTop2;
+        const name = viewContext.getStepName();
+        const nameLabelView = LabelView.create(g, paddingTop, cfg.nameLabel, name, 'primary');
         const branchNames = Object.keys(step.branches);
-        const branchComponents = branchNames.map(branchName => {
-            return viewContext.createSequenceComponent(g, step.branches[branchName]);
-        });
-        const branchLabelViews = branchNames.map(branchName => {
+        if (branchNames.length === 0) {
+            const width = Math.max(nameLabelView.width, cfg.minBranchWidth) + cfg.paddingX * 2;
+            const height = nameLabelView.height + paddingTop + cfg.noBranchPaddingBottom;
+            const joinX = width / 2;
+            const regionView = regionViewBuilder(g, [width], height);
+            Dom.translate(nameLabelView.g, joinX, 0);
+            JoinView.createStraightJoin(g, new Vector(joinX, 0), height);
+            return createView(g, width, height, joinX, viewContext, null, regionView, cfg);
+        }
+        const branchComponents = [];
+        const branchLabelViews = [];
+        const branchSizes = [];
+        let totalBranchesWidth = 0;
+        let maxBranchesHeight = 0;
+        branchNames.forEach(branchName => {
+            const component = viewContext.createSequenceComponent(g, step.branches[branchName]);
             const labelY = paddingTop + cfg.nameLabel.height + cfg.connectionHeight;
             const translatedBranchName = viewContext.i18n(`stepComponent.${step.type}.branchName`, branchName);
-            return LabelView.create(g, labelY, cfg.branchNameLabel, translatedBranchName, 'secondary');
-        });
-        const name = viewContext.getStepName();
-        const nameLabelView = LabelView.create(g, paddingTop, cfg.nameLabel, name, 'primary');
-        let prevOffsetX = 0;
-        const branchSizes = branchComponents.map((component, i) => {
-            const halfOfWidestBranchElement = Math.max(branchLabelViews[i].width, cfg.minContainerWidth) / 2;
+            const labelView = LabelView.create(g, labelY, cfg.branchNameLabel, translatedBranchName, 'secondary');
+            const halfOfWidestBranchElement = Math.max(labelView.width, cfg.minBranchWidth) / 2;
             const branchOffsetLeft = Math.max(halfOfWidestBranchElement - component.view.joinX, 0) + cfg.paddingX;
             const branchOffsetRight = Math.max(halfOfWidestBranchElement - (component.view.width - component.view.joinX), 0) + cfg.paddingX;
             const width = component.view.width + branchOffsetLeft + branchOffsetRight;
             const joinX = component.view.joinX + branchOffsetLeft;
-            const offsetX = prevOffsetX;
-            prevOffsetX += width;
-            return { width, branchOffsetLeft, offsetX, joinX };
+            const offsetX = totalBranchesWidth;
+            totalBranchesWidth += width;
+            maxBranchesHeight = Math.max(maxBranchesHeight, component.view.height);
+            branchComponents.push(component);
+            branchLabelViews.push(labelView);
+            branchSizes.push({ width, branchOffsetLeft, offsetX, joinX });
         });
         const centerBranchIndex = Math.floor(branchNames.length / 2);
         const centerBranchSize = branchSizes[centerBranchIndex];
@@ -1519,8 +1584,6 @@ const createSwitchStepComponentViewFactory = (cfg) => (parent, stepContext, view
         if (branchNames.length % 2 !== 0) {
             joinX += centerBranchSize.joinX;
         }
-        const totalBranchesWidth = branchSizes.reduce((result, s) => result + s.width, 0);
-        const maxBranchesHeight = Math.max(...branchComponents.map(s => s.view.height));
         const halfOfWidestSwitchElement = nameLabelView.width / 2 + cfg.paddingX;
         const switchOffsetLeft = Math.max(halfOfWidestSwitchElement - joinX, 0);
         const switchOffsetRight = Math.max(halfOfWidestSwitchElement - (totalBranchesWidth - joinX), 0);
@@ -1542,18 +1605,16 @@ const createSwitchStepComponentViewFactory = (cfg) => (parent, stepContext, view
                 }
             }
         });
-        let inputView = null;
-        if (cfg.inputSize > 0) {
-            const iconUrl = viewContext.getStepIconUrl();
-            inputView = InputView.createRectInput(g, shiftedJoinX, cfg.paddingTop1, cfg.inputSize, cfg.inputRadius, cfg.inputIconSize, iconUrl);
-        }
         JoinView.createStraightJoin(g, new Vector(shiftedJoinX, 0), paddingTop);
-        JoinView.createJoins(g, new Vector(shiftedJoinX, paddingTop + cfg.nameLabel.height), branchSizes.map(o => new Vector(switchOffsetLeft + o.offsetX + o.joinX, paddingTop + cfg.nameLabel.height + cfg.connectionHeight)));
+        JoinView.createJoins(g, new Vector(shiftedJoinX, paddingTop + cfg.nameLabel.height), branchSizes.map(s => new Vector(switchOffsetLeft + s.offsetX + s.joinX, paddingTop + cfg.nameLabel.height + cfg.connectionHeight)));
         if (stepContext.isOutputConnected) {
             const ongoingSequenceIndexes = branchComponents
                 .map((component, index) => (component.hasOutput ? index : null))
                 .filter(index => index !== null);
-            const ongoingJoinTargets = ongoingSequenceIndexes.map((i) => new Vector(switchOffsetLeft + branchSizes[i].offsetX + branchSizes[i].joinX, paddingTop + cfg.connectionHeight + cfg.nameLabel.height + cfg.branchNameLabel.height + maxBranchesHeight));
+            const ongoingJoinTargets = ongoingSequenceIndexes.map((i) => {
+                const branchSize = branchSizes[i];
+                return new Vector(switchOffsetLeft + branchSize.offsetX + branchSize.joinX, paddingTop + cfg.connectionHeight + cfg.nameLabel.height + cfg.branchNameLabel.height + maxBranchesHeight);
+            });
             if (ongoingJoinTargets.length > 0) {
                 JoinView.createJoins(g, new Vector(shiftedJoinX, viewHeight), ongoingJoinTargets);
             }
@@ -1562,33 +1623,7 @@ const createSwitchStepComponentViewFactory = (cfg) => (parent, stepContext, view
         regions[0] += switchOffsetLeft;
         regions[regions.length - 1] += switchOffsetRight;
         const regionView = regionViewBuilder(g, regions, viewHeight);
-        return {
-            g,
-            width: viewWidth,
-            height: viewHeight,
-            joinX: shiftedJoinX,
-            placeholders: null,
-            sequenceComponents: branchComponents,
-            hasOutput: branchComponents.some(c => c.hasOutput),
-            getClientPosition() {
-                return regionView.getClientPosition();
-            },
-            resolveClick(click) {
-                const result = regionView.resolveClick(click);
-                return result === true || (result === null && g.contains(click.element)) ? true : result;
-            },
-            setIsDragging(isDragging) {
-                if (cfg.autoHideInputOnDrag && inputView) {
-                    inputView.setIsHidden(isDragging);
-                }
-            },
-            setIsSelected(isSelected) {
-                regionView.setIsSelected(isSelected);
-            },
-            setIsDisabled(isDisabled) {
-                Dom.toggleClass(g, isDisabled, 'sqd-disabled');
-            }
-        };
+        return createView(g, viewWidth, viewHeight, shiftedJoinX, viewContext, branchComponents, regionView, cfg);
     });
 };
 
@@ -2113,11 +2148,12 @@ class ContainerStepExtension {
 
 const defaultConfiguration$2 = {
     view: {
-        minContainerWidth: 40,
+        minBranchWidth: 88,
         paddingX: 20,
         paddingTop1: 0,
         paddingTop2: 22,
-        connectionHeight: 16,
+        connectionHeight: 20,
+        noBranchPaddingBottom: 24,
         inputSize: 18,
         inputIconSize: 14,
         inputRadius: 4,
@@ -2994,6 +3030,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
 
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -3003,7 +3041,12 @@ function __awaiter(thisArg, _arguments, P, generator) {
         function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 function isElementAttached(dom, element) {
     return !(dom.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_DISCONNECTED);
@@ -3054,11 +3097,11 @@ class WorkspaceView {
         this.context = context;
         this.onResizeHandler = () => this.onResize();
     }
-    render(sequence, parentSequencePlaceIndicator) {
+    render(sequence, parentPlaceIndicator) {
         if (this.rootComponent) {
             this.foreground.removeChild(this.rootComponent.view.g);
         }
-        this.rootComponent = this.context.services.rootComponent.create(this.foreground, sequence, parentSequencePlaceIndicator, this.context);
+        this.rootComponent = this.context.services.rootComponent.create(this.foreground, sequence, parentPlaceIndicator, this.context);
         this.refreshSize();
     }
     setPositionAndScale(position, scale) {
@@ -3218,10 +3261,14 @@ class PressingBehavior {
 }
 
 class RerenderStepPressingBehaviorHandler {
-    constructor(designerContext) {
+    constructor(command, designerContext) {
+        this.command = command;
         this.designerContext = designerContext;
     }
     handle() {
+        if (this.command.beforeCallback) {
+            this.command.beforeCallback();
+        }
         this.designerContext.workspaceController.updateRootComponent();
     }
 }
@@ -3259,7 +3306,7 @@ class ClickBehaviorResolver {
             case ClickCommandType.selectStep:
                 return SelectStepBehavior.create(commandOrNull.component, forceMove, this.context);
             case ClickCommandType.rerenderStep:
-                return PressingBehavior.create(element, new RerenderStepPressingBehaviorHandler(this.context));
+                return PressingBehavior.create(element, new RerenderStepPressingBehaviorHandler(commandOrNull, this.context));
             case ClickCommandType.openFolder:
                 return PressingBehavior.create(element, new OpenFolderPressingBehaviorHandler(commandOrNull, this.context));
             case ClickCommandType.triggerCustomAction:
@@ -3395,8 +3442,9 @@ class ContextMenuController {
 }
 
 class ContextMenuItemsBuilder {
-    constructor(viewportApi, i18n, stateModifier, state, customMenuItemsProvider) {
+    constructor(viewportApi, workspaceApi, i18n, stateModifier, state, customMenuItemsProvider) {
         this.viewportApi = viewportApi;
+        this.workspaceApi = workspaceApi;
         this.i18n = i18n;
         this.stateModifier = stateModifier;
         this.state = state;
@@ -3455,8 +3503,9 @@ class ContextMenuItemsBuilder {
                 }
             }
         }
-        else {
-            this.tryAppendCustomItems(items, null, this.state.definition.sequence);
+        else if (!commandOrNull) {
+            const rootSequence = this.workspaceApi.getRootSequence();
+            this.tryAppendCustomItems(items, null, rootSequence.sequence);
         }
         items.push({
             label: this.i18n('contextMenu.resetView', 'Reset view'),
@@ -3470,7 +3519,7 @@ class ContextMenuItemsBuilder {
     }
     tryAppendCustomItems(items, step, parentSequence) {
         if (this.customMenuItemsProvider) {
-            const customItems = this.customMenuItemsProvider.getItems(step, parentSequence);
+            const customItems = this.customMenuItemsProvider.getItems(step, parentSequence, this.state.definition);
             for (const customItem of customItems) {
                 items.push(customItem);
             }
@@ -3561,15 +3610,11 @@ class Workspace {
         const clickBehaviorWrapper = designerContext.services.clickBehaviorWrapperExtension.create(designerContext.customActionController);
         const wheelController = designerContext.services.wheelController.create(api.viewport, api.workspace);
         const pinchToZoomController = PinchToZoomController.create(api.workspace, api.viewport, api.shadowRoot);
-        const contextMenuItemsBuilder = new ContextMenuItemsBuilder(api.viewport, api.i18n, designerContext.stateModifier, designerContext.state, ((_a = designerContext.services.contextMenu) === null || _a === void 0 ? void 0 : _a.createItemsProvider)
+        const contextMenuItemsBuilder = new ContextMenuItemsBuilder(api.viewport, api.workspace, api.i18n, designerContext.stateModifier, designerContext.state, ((_a = designerContext.services.contextMenu) === null || _a === void 0 ? void 0 : _a.createItemsProvider)
             ? designerContext.services.contextMenu.createItemsProvider(designerContext.customActionController)
             : undefined);
         const contextMenuController = new ContextMenuController(designerContext.theme, designerContext.configuration, contextMenuItemsBuilder);
-        const workspace = new Workspace(view, designerContext.definitionWalker, designerContext.state, designerContext.behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, api.viewport, designerContext.services);
-        setTimeout(() => {
-            workspace.updateRootComponent();
-            api.viewport.resetViewport();
-        });
+        const workspace = new Workspace(view, designerContext.state, designerContext.behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, api.viewport, api.workspace, designerContext.services);
         designerContext.setWorkspaceController(workspace);
         designerContext.state.onViewportChanged.subscribe(workspace.onViewportChanged);
         race(0, designerContext.state.onDefinitionChanged, designerContext.state.onSelectedStepIdChanged, designerContext.state.onFolderPathChanged).subscribe(r => {
@@ -3579,11 +3624,11 @@ class Workspace {
         view.bindTouchStart(workspace.onClick, workspace.onPinchToZoom);
         view.bindWheel(workspace.onWheel);
         view.bindContextMenu(workspace.onContextMenu);
+        workspace.scheduleInit();
         return workspace;
     }
-    constructor(view, definitionWalker, state, behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, viewportApi, services) {
+    constructor(view, state, behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, viewportApi, workspaceApi, services) {
         this.view = view;
-        this.definitionWalker = definitionWalker;
         this.state = state;
         this.behaviorController = behaviorController;
         this.wheelController = wheelController;
@@ -3592,9 +3637,11 @@ class Workspace {
         this.clickBehaviorResolver = clickBehaviorResolver;
         this.clickBehaviorWrapper = clickBehaviorWrapper;
         this.viewportApi = viewportApi;
+        this.workspaceApi = workspaceApi;
         this.services = services;
         this.onRendered = new SimpleEvent();
         this.isValid = false;
+        this.initTimeout = null;
         this.selectedStepComponent = null;
         this.validationErrorBadgeIndex = null;
         this.onClick = (position, target, buttonIndex, altKey) => {
@@ -3624,28 +3671,23 @@ class Workspace {
             this.view.setPositionAndScale(viewport.position, viewport.scale);
         };
     }
+    scheduleInit() {
+        this.initTimeout = setTimeout(() => {
+            this.initTimeout = null;
+            this.updateRootComponent();
+            this.viewportApi.resetViewport();
+        });
+    }
     updateRootComponent() {
         this.selectedStepComponent = null;
-        let parentSequencePlaceIndicator;
-        let sequence;
-        const stepId = this.state.tryGetLastStepIdFromFolderPath();
-        if (stepId) {
-            const parentSequence = this.definitionWalker.getParentSequence(this.state.definition, stepId);
-            const children = this.definitionWalker.getChildren(parentSequence.step);
-            if (!children || children.type !== StepChildrenType.sequence) {
-                throw new Error('Cannot find single sequence in folder step');
+        const rootSequence = this.workspaceApi.getRootSequence();
+        const parentPlaceIndicator = rootSequence.parentStep
+            ? {
+                sequence: rootSequence.parentStep.parentSequence,
+                index: rootSequence.parentStep.index
             }
-            sequence = children.items;
-            parentSequencePlaceIndicator = {
-                sequence: parentSequence.parentSequence,
-                index: parentSequence.index
-            };
-        }
-        else {
-            sequence = this.state.definition.sequence;
-            parentSequencePlaceIndicator = null;
-        }
-        this.view.render(sequence, parentSequencePlaceIndicator);
+            : null;
+        this.view.render(rootSequence.sequence, parentPlaceIndicator);
         this.trySelectStepComponent(this.state.selectedStepId);
         this.updateBadges();
         this.onRendered.forward();
@@ -3687,6 +3729,10 @@ class Workspace {
         setTimeout(() => this.view.refreshSize());
     }
     destroy() {
+        if (this.initTimeout) {
+            clearTimeout(this.initTimeout);
+            this.initTimeout = null;
+        }
         this.contextMenuController.destroy();
         this.view.destroy();
     }
@@ -3784,8 +3830,8 @@ const SAFE_OFFSET = 10;
 class DefaultDraggedComponent {
     static create(parent, step, componentContext) {
         const canvas = Dom.svg('svg');
-        canvas.style.marginLeft = -SAFE_OFFSET + 'px';
-        canvas.style.marginTop = -SAFE_OFFSET + 'px';
+        canvas.style.marginLeft = -10 + 'px';
+        canvas.style.marginTop = -10 + 'px';
         parent.appendChild(canvas);
         const previewStepContext = {
             parentSequence: [],

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import { Definition, Step, Sequence, ComponentType, DefinitionWalker, StepOrName } from 'sequential-workflow-model';
+import { Definition, Step, Sequence, ComponentType, DefinitionWalker, StepWithParentSequence, StepOrName } from 'sequential-workflow-model';
 export * from 'sequential-workflow-model';
 
 declare class Icons {
@@ -211,6 +211,7 @@ interface SelectStepClickCommand extends BaseClickCommand {
 interface RerenderStepClickCommand extends BaseClickCommand {
     type: ClickCommandType.rerenderStep;
     step: Step;
+    beforeCallback?: () => void;
 }
 interface OpenFolderClickCommand extends BaseClickCommand {
     type: ClickCommandType.openFolder;
@@ -479,8 +480,9 @@ declare class ViewportApi {
 
 declare class WorkspaceApi {
     private readonly state;
+    private readonly definitionWalker;
     private readonly workspaceController;
-    constructor(state: DesignerState, workspaceController: WorkspaceControllerWrapper);
+    constructor(state: DesignerState, definitionWalker: DefinitionWalker, workspaceController: WorkspaceControllerWrapper);
     getViewport(): Viewport;
     setViewport(viewport: Viewport): void;
     getCanvasPosition(): Vector;
@@ -489,6 +491,11 @@ declare class WorkspaceApi {
     updateRootComponent(): void;
     updateBadges(): void;
     updateCanvasSize(): void;
+    getRootSequence(): WorkspaceRootSequence;
+}
+interface WorkspaceRootSequence {
+    sequence: Sequence;
+    parentStep: StepWithParentSequence | null;
 }
 
 declare class DesignerApi {
@@ -548,7 +555,7 @@ declare class ComponentDom {
 }
 
 declare class InputView {
-    private readonly root;
+    readonly g: SVGElement;
     static createRectInput(parent: SVGElement, x: number, y: number, size: number, radius: number, iconSize: number, iconUrl: string | null): InputView;
     static createRoundInput(parent: SVGElement, x: number, y: number, size: number): InputView;
     private constructor();
@@ -647,7 +654,7 @@ interface LineGridConfiguration {
 }
 
 interface SwitchStepComponentViewConfiguration {
-    minContainerWidth: number;
+    minBranchWidth: number;
     paddingX: number;
     /**
      * The distance between the top of the container and the center point of the input.
@@ -658,6 +665,10 @@ interface SwitchStepComponentViewConfiguration {
      */
     paddingTop2: number;
     connectionHeight: number;
+    /**
+     * The distance between the end of the label and the bottom of the container when there are no branches.
+     */
+    noBranchPaddingBottom: number;
     inputSize: number;
     inputIconSize: number;
     autoHideInputOnDrag: boolean;
@@ -891,7 +902,7 @@ interface ContextMenuExtension {
     createItemsProvider?: (customActionController: CustomActionController) => ContextMenuItemsProvider;
 }
 interface ContextMenuItemsProvider {
-    getItems(step: Step | null, sequence: Sequence): ContextMenuItem[];
+    getItems(step: Step | null, parentSequence: Sequence, definition: Definition): ContextMenuItem[];
 }
 interface ContextMenuItem {
     readonly label: string;
@@ -1367,4 +1378,5 @@ declare class Designer<TDefinition extends Definition = Definition> {
     private getHistoryController;
 }
 
-export { Attributes, Badge, BadgeExtension, BadgeView, Badges, BadgesDecorator, BadgesResult, BaseClickCommand, Behavior, BehaviorEndToken, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickBehaviorWrapper, ClickBehaviorWrapperExtension, ClickCommand, ClickCommandType, ClickDetails, Component, ComponentContext, ComponentDom, ComponentView, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ContextMenuExtension, ContextMenuItem, ContextMenuItemsProvider, ControlBarApi, CustomAction, CustomActionController, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultRegionComponentViewExtension, DefaultRegionView, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerConfiguration, DefaultViewportControllerDesignerExtension, DefaultViewportControllerExtension, DefaultViewportControllerExtensionConfiguration, DefinitionChangeType, DefinitionChangedEvent, Designer, DesignerApi, DesignerConfiguration, DesignerContext, DesignerExtension, DesignerState, Dom, DraggedComponent, DraggedComponentExtension, Editor, EditorApi, EditorsConfiguration, FoundPlaceholders, Grid, GridExtension, I18n, Icons, InputView, JoinView, KeyboardAction, KeyboardConfiguration, LabelView, LineGridConfiguration, LineGridDesignerExtension, NextScale, ObjectCloner, OpenFolderClickCommand, OutputView, PathBarApi, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderDirection, PlaceholderExtension, PlaceholderView, PreferenceStorage, RectPlaceholder, RectPlaceholderConfiguration, RectPlaceholderView, RegionComponentViewContentFactory, RegionComponentViewExtension, RegionView, RegionViewFactory, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepBehaviorEndToken, SelectStepClickCommand, SelectedStepIdProvider, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, ServicesResolver, SimpleEvent, SimpleEventListener, StartStopRootComponentDesignerExtension, StartStopRootComponentExtension, StartStopRootComponentExtensionConfiguration, StartStopRootComponentViewConfiguration, StateModifierDependency, StepBadgesDecoratorExtension, StepComponent, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepExtensionResolver, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtension, StepsDesignerExtensionConfiguration, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TYPE, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxApi, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, Uid, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtension, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Vector, Viewport, ViewportApi, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };
+export { Badges, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommandType, ComponentContext, ComponentDom, ControlBarApi, CustomActionController, DefaultRegionComponentViewExtension, DefaultRegionView, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerDesignerExtension, DefaultViewportControllerExtension, DefinitionChangeType, Designer, DesignerApi, DesignerContext, DesignerState, Dom, Editor, EditorApi, Icons, InputView, JoinView, KeyboardAction, LabelView, LineGridDesignerExtension, ObjectCloner, OutputView, PathBarApi, PlaceholderDirection, RectPlaceholder, RectPlaceholderView, SelectStepBehaviorEndToken, ServicesResolver, SimpleEvent, StartStopRootComponentDesignerExtension, StartStopRootComponentExtension, StepComponent, StepExtensionResolver, StepsDesignerExtension, TYPE, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, ViewportApi, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };
+export type { Attributes, Badge, BadgeExtension, BadgeView, BadgesDecorator, BadgesResult, BaseClickCommand, Behavior, BehaviorEndToken, ClickBehaviorWrapper, ClickBehaviorWrapperExtension, ClickCommand, ClickDetails, Component, ComponentView, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ContextMenuExtension, ContextMenuItem, ContextMenuItemsProvider, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultViewportControllerConfiguration, DefaultViewportControllerExtensionConfiguration, DefinitionChangedEvent, DesignerConfiguration, DesignerExtension, DraggedComponent, DraggedComponentExtension, EditorsConfiguration, FoundPlaceholders, Grid, GridExtension, I18n, KeyboardConfiguration, LineGridConfiguration, NextScale, OpenFolderClickCommand, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderExtension, PlaceholderView, PreferenceStorage, RectPlaceholderConfiguration, RegionComponentViewContentFactory, RegionComponentViewExtension, RegionView, RegionViewFactory, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepClickCommand, SelectedStepIdProvider, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, SimpleEventListener, StartStopRootComponentExtensionConfiguration, StartStopRootComponentViewConfiguration, StateModifierDependency, StepBadgesDecoratorExtension, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtensionConfiguration, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceRootSequence };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer",
 	"description": "Customizable no-code component for building flow-based programming applications.",
-	"version": "0.27.4",
+	"version": "0.29.0",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",
@@ -78,7 +78,7 @@
 		"sequential-workflow-model": "^0.2.0"
 	},
 	"devDependencies": {
-		"@rollup/plugin-node-resolve": "^15.0.1",
+		"@rollup/plugin-node-resolve": "^16.0.1",
 		"@types/jasmine": "^4.3.1",
 		"@typescript-eslint/eslint-plugin": "^5.47.0",
 		"@typescript-eslint/parser": "^5.47.0",
@@ -90,9 +90,9 @@
 		"karma-typescript": "^5.5.3",
 		"karma-typescript-es6-transform": "^5.5.3",
 		"prettier": "^3.2.5",
-		"rollup": "^3.18.0",
-		"rollup-plugin-dts": "^5.2.0",
-		"rollup-plugin-typescript2": "^0.34.1",
+		"rollup": "^4.40.0",
+		"rollup-plugin-dts": "^6.2.1",
+		"rollup-plugin-typescript2": "^0.36.0",
 		"typescript": "^4.9.5",
 		"sass": "^1.66.1"
 	},