npm - sequential-workflow-designer - Versions diffs - 0.28.0 → 0.29.0 - Mend

sequential-workflow-designer 0.28.0 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md CHANGED Viewed

@@ -104,10 +104,10 @@ Add the below code to your head section in HTML document.
 ```html
 <head>
 ...
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.28.0/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.28.0/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.28.0/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.28.0/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.0/dist/index.umd.js"></script>
 ```
 Call the designer by:

package/dist/index.umd.js CHANGED Viewed

@@ -1263,11 +1263,11 @@
 	        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'
 	        });
 	    }
@@ -1692,31 +1692,77 @@
 	};
 	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];
@@ -1724,8 +1770,6 @@
 	        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);
@@ -1747,18 +1791,16 @@
 	                }
 	            }
 	        });
-	        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);
 	            }
@@ -1767,33 +1809,7 @@
 	        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);
 	    });
 	};
@@ -2318,11 +2334,12 @@
 	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,
@@ -3199,6 +3216,8 @@
 	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); }); }
@@ -3208,7 +3227,12 @@
 	        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);
@@ -3777,10 +3801,6 @@
 	            : undefined);
 	        const contextMenuController = new ContextMenuController(designerContext.theme, designerContext.configuration, contextMenuItemsBuilder);
 	        const workspace = new Workspace(view, designerContext.state, designerContext.behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, api.viewport, api.workspace, designerContext.services);
-	        setTimeout(() => {
-	            workspace.updateRootComponent();
-	            api.viewport.resetViewport();
-	        });
 	        designerContext.setWorkspaceController(workspace);
 	        designerContext.state.onViewportChanged.subscribe(workspace.onViewportChanged);
 	        race(0, designerContext.state.onDefinitionChanged, designerContext.state.onSelectedStepIdChanged, designerContext.state.onFolderPathChanged).subscribe(r => {
@@ -3790,6 +3810,7 @@
 	        view.bindTouchStart(workspace.onClick, workspace.onPinchToZoom);
 	        view.bindWheel(workspace.onWheel);
 	        view.bindContextMenu(workspace.onContextMenu);
+	        workspace.scheduleInit();
 	        return workspace;
 	    }
 	    constructor(view, state, behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, viewportApi, workspaceApi, services) {
@@ -3806,6 +3827,7 @@
 	        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) => {
@@ -3835,6 +3857,13 @@
 	            this.view.setPositionAndScale(viewport.position, viewport.scale);
 	        };
 	    }
+	    scheduleInit() {
+	        this.initTimeout = setTimeout(() => {
+	            this.initTimeout = null;
+	            this.updateRootComponent();
+	            this.viewportApi.resetViewport();
+	        });
+	    }
 	    updateRootComponent() {
 	        this.selectedStepComponent = null;
 	        const rootSequence = this.workspaceApi.getRootSequence();
@@ -3886,6 +3915,10 @@
 	        setTimeout(() => this.view.refreshSize());
 	    }
 	    destroy() {
+	        if (this.initTimeout) {
+	            clearTimeout(this.initTimeout);
+	            this.initTimeout = null;
+	        }
 	        this.contextMenuController.destroy();
 	        this.view.destroy();
 	    }
@@ -3983,8 +4016,8 @@
 	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/cjs/index.cjs CHANGED Viewed

@@ -1078,11 +1078,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'
         });
     }
@@ -1507,31 +1507,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];
@@ -1539,8 +1585,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);
@@ -1562,18 +1606,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);
             }
@@ -1582,33 +1624,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);
     });
 };
@@ -2133,11 +2149,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,
@@ -3014,6 +3031,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); }); }
@@ -3023,7 +3042,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);
@@ -3592,10 +3616,6 @@ class Workspace {
             : undefined);
         const contextMenuController = new ContextMenuController(designerContext.theme, designerContext.configuration, contextMenuItemsBuilder);
         const workspace = new Workspace(view, designerContext.state, designerContext.behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, api.viewport, api.workspace, designerContext.services);
-        setTimeout(() => {
-            workspace.updateRootComponent();
-            api.viewport.resetViewport();
-        });
         designerContext.setWorkspaceController(workspace);
         designerContext.state.onViewportChanged.subscribe(workspace.onViewportChanged);
         race(0, designerContext.state.onDefinitionChanged, designerContext.state.onSelectedStepIdChanged, designerContext.state.onFolderPathChanged).subscribe(r => {
@@ -3605,6 +3625,7 @@ class Workspace {
         view.bindTouchStart(workspace.onClick, workspace.onPinchToZoom);
         view.bindWheel(workspace.onWheel);
         view.bindContextMenu(workspace.onContextMenu);
+        workspace.scheduleInit();
         return workspace;
     }
     constructor(view, state, behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, viewportApi, workspaceApi, services) {
@@ -3621,6 +3642,7 @@ class Workspace {
         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) => {
@@ -3650,6 +3672,13 @@ 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;
         const rootSequence = this.workspaceApi.getRootSequence();
@@ -3701,6 +3730,10 @@ class Workspace {
         setTimeout(() => this.view.refreshSize());
     }
     destroy() {
+        if (this.initTimeout) {
+            clearTimeout(this.initTimeout);
+            this.initTimeout = null;
+        }
         this.contextMenuController.destroy();
         this.view.destroy();
     }
@@ -3798,8 +3831,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: [],
@@ -4976,7 +5009,7 @@ exports.createTaskStepComponentViewFactory = createTaskStepComponentViewFactory;
 exports.getAbsolutePosition = getAbsolutePosition;
 exports.race = race;
 Object.keys(sequentialWorkflowModel).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
 		get: function () { return sequentialWorkflowModel[k]; }
 	});

package/lib/esm/index.js CHANGED Viewed

@@ -1077,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'
         });
     }
@@ -1506,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];
@@ -1538,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);
@@ -1561,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);
             }
@@ -1581,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);
     });
 };
@@ -2132,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,
@@ -3013,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); }); }
@@ -3022,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);
@@ -3591,10 +3615,6 @@ class Workspace {
             : undefined);
         const contextMenuController = new ContextMenuController(designerContext.theme, designerContext.configuration, contextMenuItemsBuilder);
         const workspace = new Workspace(view, designerContext.state, designerContext.behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, api.viewport, api.workspace, designerContext.services);
-        setTimeout(() => {
-            workspace.updateRootComponent();
-            api.viewport.resetViewport();
-        });
         designerContext.setWorkspaceController(workspace);
         designerContext.state.onViewportChanged.subscribe(workspace.onViewportChanged);
         race(0, designerContext.state.onDefinitionChanged, designerContext.state.onSelectedStepIdChanged, designerContext.state.onFolderPathChanged).subscribe(r => {
@@ -3604,6 +3624,7 @@ class Workspace {
         view.bindTouchStart(workspace.onClick, workspace.onPinchToZoom);
         view.bindWheel(workspace.onWheel);
         view.bindContextMenu(workspace.onContextMenu);
+        workspace.scheduleInit();
         return workspace;
     }
     constructor(view, state, behaviorController, wheelController, pinchToZoomController, contextMenuController, clickBehaviorResolver, clickBehaviorWrapper, viewportApi, workspaceApi, services) {
@@ -3620,6 +3641,7 @@ class Workspace {
         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) => {
@@ -3649,6 +3671,13 @@ 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;
         const rootSequence = this.workspaceApi.getRootSequence();
@@ -3700,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();
     }
@@ -3797,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 CHANGED Viewed

@@ -555,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();
@@ -654,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.
@@ -665,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;
@@ -1374,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, WorkspaceRootSequence, 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer",
 	"description": "Customizable no-code component for building flow-based programming applications.",
-	"version": "0.28.0",
+	"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"
 	},