npm - sequential-workflow-designer - Versions diffs - 0.30.2 → 0.30.4 - Mend

sequential-workflow-designer 0.30.2 → 0.30.4

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

@@ -106,10 +106,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.30.2/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.2/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.2/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.2/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.4/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.4/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.4/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.30.4/dist/index.umd.js"></script>
 ```
 Call the designer by:

package/dist/index.umd.js CHANGED Viewed

@@ -2286,14 +2286,18 @@
 	}
 	class PlaceholderController {
-	    static create(configuration) {
-	        return new PlaceholderController(configuration);
+	    static create(state, configuration) {
+	        return new PlaceholderController(state, configuration);
 	    }
-	    constructor(configuration) {
-	        var _a, _b, _c, _d;
+	    constructor(state, configuration) {
+	        var _a, _b;
 	        this.configuration = configuration;
-	        this.canCreate = (_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.canCreate) !== null && _b !== void 0 ? _b : (() => true);
-	        this.canShow = (_d = (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.canShow) !== null && _d !== void 0 ? _d : (() => true);
+	        const canCreate = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.canCreate;
+	        const canShow = (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.canShow;
+	        this.canCreate = canCreate ? (sequence, index) => canCreate(sequence, index, state.definition) : () => true;
+	        this.canShow = canShow
+	            ? (sequence, index, draggingStepComponentType, draggingStepType) => canShow(sequence, index, draggingStepComponentType, draggingStepType, state.definition)
+	            : () => true;
 	    }
 	}
@@ -2471,6 +2475,42 @@
 	    }
 	}
+	const defaultConfiguration$2 = {
+	    gapWidth: 88,
+	    gapHeight: 24,
+	    radius: 6,
+	    iconSize: 16
+	};
+	class RectPlaceholderExtension {
+	    static create(configuration) {
+	        return new RectPlaceholderExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$2);
+	    }
+	    constructor(configuration) {
+	        this.configuration = configuration;
+	        this.alongGapSize = new Vector(defaultConfiguration$2.gapWidth, defaultConfiguration$2.gapHeight);
+	        this.perpendicularGapSize = new Vector(defaultConfiguration$2.gapHeight, defaultConfiguration$2.gapWidth);
+	    }
+	    getGapSize(orientation) {
+	        return orientation === exports.PlaceholderGapOrientation.perpendicular ? this.perpendicularGapSize : this.alongGapSize;
+	    }
+	    createForGap(parent, parentSequence, index, orientation) {
+	        const gapSize = this.getGapSize(orientation);
+	        return RectPlaceholder.create(parent, gapSize, exports.PlaceholderDirection.gap, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
+	    }
+	    createForArea(parent, size, direction, parentSequence, index) {
+	        return RectPlaceholder.create(parent, size, direction, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
+	    }
+	}
+	class RectPlaceholderDesignerExtension {
+	    static create(configuration) {
+	        return new RectPlaceholderDesignerExtension(RectPlaceholderExtension.create(configuration));
+	    }
+	    constructor(placeholder) {
+	        this.placeholder = placeholder;
+	    }
+	}
 	class StartStopRootComponentDesignerExtension {
 	    static create(configuration) {
 	        return new StartStopRootComponentDesignerExtension(StartStopRootComponentExtension.create(configuration));
@@ -2480,7 +2520,7 @@
 	    }
 	}
-	const defaultConfiguration$2 = {
+	const defaultConfiguration$1 = {
 	    view: {
 	        paddingTop: 20,
 	        paddingX: 20,
@@ -2498,7 +2538,7 @@
 	};
 	class ContainerStepExtension {
 	    static create(configuration) {
-	        return new ContainerStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$2);
+	        return new ContainerStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$1);
 	    }
 	    constructor(configuration) {
 	        this.configuration = configuration;
@@ -2543,7 +2583,7 @@
 	    }
 	}
-	const defaultConfiguration$1 = {
+	const defaultConfiguration = {
 	    view: {
 	        paddingLeft: 12,
 	        paddingRight: 12,
@@ -2558,7 +2598,7 @@
 	};
 	class TaskStepExtension {
 	    static create(configuration) {
-	        return new TaskStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$1);
+	        return new TaskStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration);
 	    }
 	    constructor(configuration) {
 	        this.configuration = configuration;
@@ -3381,7 +3421,7 @@
 	        const workspaceController = new WorkspaceControllerWrapper();
 	        const behaviorController = BehaviorController.create(configuration.shadowRoot);
 	        const stepExtensionResolver = StepExtensionResolver.create(services);
-	        const placeholderController = PlaceholderController.create(configuration.placeholder);
+	        const placeholderController = PlaceholderController.create(state, configuration.placeholder);
 	        const definitionWalker = (_c = configuration.definitionWalker) !== null && _c !== void 0 ? _c : new DefinitionWalker();
 	        const i18n = (_d = configuration.i18n) !== null && _d !== void 0 ? _d : ((_, defaultValue) => defaultValue);
 	        const uidGenerator = (_e = configuration.uidGenerator) !== null && _e !== void 0 ? _e : Uid.next;
@@ -4923,33 +4963,6 @@
 	    }
 	}
-	const defaultConfiguration = {
-	    gapWidth: 88,
-	    gapHeight: 24,
-	    radius: 6,
-	    iconSize: 16
-	};
-	class RectPlaceholderExtension {
-	    static create(configuration) {
-	        return new RectPlaceholderExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration);
-	    }
-	    constructor(configuration) {
-	        this.configuration = configuration;
-	        this.alongGapSize = new Vector(defaultConfiguration.gapWidth, defaultConfiguration.gapHeight);
-	        this.perpendicularGapSize = new Vector(defaultConfiguration.gapHeight, defaultConfiguration.gapWidth);
-	    }
-	    getGapSize(orientation) {
-	        return orientation === exports.PlaceholderGapOrientation.perpendicular ? this.perpendicularGapSize : this.alongGapSize;
-	    }
-	    createForGap(parent, parentSequence, index, orientation) {
-	        const gapSize = this.getGapSize(orientation);
-	        return RectPlaceholder.create(parent, gapSize, exports.PlaceholderDirection.gap, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
-	    }
-	    createForArea(parent, size, direction, parentSequence, index) {
-	        return RectPlaceholder.create(parent, size, direction, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
-	    }
-	}
 	class DefaultSequenceComponentExtension {
 	    constructor() {
 	        this.create = DefaultSequenceComponent.create;
@@ -5383,6 +5396,7 @@
 	exports.PathBarApi = PathBarApi;
 	exports.PlaceholderController = PlaceholderController;
 	exports.RectPlaceholder = RectPlaceholder;
+	exports.RectPlaceholderDesignerExtension = RectPlaceholderDesignerExtension;
 	exports.RectPlaceholderView = RectPlaceholderView;
 	exports.SelectStepBehaviorEndToken = SelectStepBehaviorEndToken;
 	exports.ServicesResolver = ServicesResolver;

package/lib/cjs/index.cjs CHANGED Viewed

@@ -2101,14 +2101,18 @@ class StepExtensionResolver {
 }
 class PlaceholderController {
-    static create(configuration) {
-        return new PlaceholderController(configuration);
+    static create(state, configuration) {
+        return new PlaceholderController(state, configuration);
     }
-    constructor(configuration) {
-        var _a, _b, _c, _d;
+    constructor(state, configuration) {
+        var _a, _b;
         this.configuration = configuration;
-        this.canCreate = (_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.canCreate) !== null && _b !== void 0 ? _b : (() => true);
-        this.canShow = (_d = (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.canShow) !== null && _d !== void 0 ? _d : (() => true);
+        const canCreate = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.canCreate;
+        const canShow = (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.canShow;
+        this.canCreate = canCreate ? (sequence, index) => canCreate(sequence, index, state.definition) : () => true;
+        this.canShow = canShow
+            ? (sequence, index, draggingStepComponentType, draggingStepType) => canShow(sequence, index, draggingStepComponentType, draggingStepType, state.definition)
+            : () => true;
     }
 }
@@ -2286,6 +2290,42 @@ class LineGridDesignerExtension {
     }
 }
+const defaultConfiguration$2 = {
+    gapWidth: 88,
+    gapHeight: 24,
+    radius: 6,
+    iconSize: 16
+};
+class RectPlaceholderExtension {
+    static create(configuration) {
+        return new RectPlaceholderExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$2);
+    }
+    constructor(configuration) {
+        this.configuration = configuration;
+        this.alongGapSize = new Vector(defaultConfiguration$2.gapWidth, defaultConfiguration$2.gapHeight);
+        this.perpendicularGapSize = new Vector(defaultConfiguration$2.gapHeight, defaultConfiguration$2.gapWidth);
+    }
+    getGapSize(orientation) {
+        return orientation === exports.PlaceholderGapOrientation.perpendicular ? this.perpendicularGapSize : this.alongGapSize;
+    }
+    createForGap(parent, parentSequence, index, orientation) {
+        const gapSize = this.getGapSize(orientation);
+        return RectPlaceholder.create(parent, gapSize, exports.PlaceholderDirection.gap, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
+    }
+    createForArea(parent, size, direction, parentSequence, index) {
+        return RectPlaceholder.create(parent, size, direction, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
+    }
+}
+class RectPlaceholderDesignerExtension {
+    static create(configuration) {
+        return new RectPlaceholderDesignerExtension(RectPlaceholderExtension.create(configuration));
+    }
+    constructor(placeholder) {
+        this.placeholder = placeholder;
+    }
+}
 class StartStopRootComponentDesignerExtension {
     static create(configuration) {
         return new StartStopRootComponentDesignerExtension(StartStopRootComponentExtension.create(configuration));
@@ -2295,7 +2335,7 @@ class StartStopRootComponentDesignerExtension {
     }
 }
-const defaultConfiguration$2 = {
+const defaultConfiguration$1 = {
     view: {
         paddingTop: 20,
         paddingX: 20,
@@ -2313,7 +2353,7 @@ const defaultConfiguration$2 = {
 };
 class ContainerStepExtension {
     static create(configuration) {
-        return new ContainerStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$2);
+        return new ContainerStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$1);
     }
     constructor(configuration) {
         this.configuration = configuration;
@@ -2358,7 +2398,7 @@ class SwitchStepExtension {
     }
 }
-const defaultConfiguration$1 = {
+const defaultConfiguration = {
     view: {
         paddingLeft: 12,
         paddingRight: 12,
@@ -2373,7 +2413,7 @@ const defaultConfiguration$1 = {
 };
 class TaskStepExtension {
     static create(configuration) {
-        return new TaskStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$1);
+        return new TaskStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration);
     }
     constructor(configuration) {
         this.configuration = configuration;
@@ -3196,7 +3236,7 @@ class DesignerContext {
         const workspaceController = new WorkspaceControllerWrapper();
         const behaviorController = BehaviorController.create(configuration.shadowRoot);
         const stepExtensionResolver = StepExtensionResolver.create(services);
-        const placeholderController = PlaceholderController.create(configuration.placeholder);
+        const placeholderController = PlaceholderController.create(state, configuration.placeholder);
         const definitionWalker = (_c = configuration.definitionWalker) !== null && _c !== void 0 ? _c : new sequentialWorkflowModel.DefinitionWalker();
         const i18n = (_d = configuration.i18n) !== null && _d !== void 0 ? _d : ((_, defaultValue) => defaultValue);
         const uidGenerator = (_e = configuration.uidGenerator) !== null && _e !== void 0 ? _e : Uid.next;
@@ -4738,33 +4778,6 @@ class ToolboxExtension {
     }
 }
-const defaultConfiguration = {
-    gapWidth: 88,
-    gapHeight: 24,
-    radius: 6,
-    iconSize: 16
-};
-class RectPlaceholderExtension {
-    static create(configuration) {
-        return new RectPlaceholderExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration);
-    }
-    constructor(configuration) {
-        this.configuration = configuration;
-        this.alongGapSize = new Vector(defaultConfiguration.gapWidth, defaultConfiguration.gapHeight);
-        this.perpendicularGapSize = new Vector(defaultConfiguration.gapHeight, defaultConfiguration.gapWidth);
-    }
-    getGapSize(orientation) {
-        return orientation === exports.PlaceholderGapOrientation.perpendicular ? this.perpendicularGapSize : this.alongGapSize;
-    }
-    createForGap(parent, parentSequence, index, orientation) {
-        const gapSize = this.getGapSize(orientation);
-        return RectPlaceholder.create(parent, gapSize, exports.PlaceholderDirection.gap, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
-    }
-    createForArea(parent, size, direction, parentSequence, index) {
-        return RectPlaceholder.create(parent, size, direction, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
-    }
-}
 class DefaultSequenceComponentExtension {
     constructor() {
         this.create = DefaultSequenceComponent.create;
@@ -5197,6 +5210,7 @@ exports.OutputView = OutputView;
 exports.PathBarApi = PathBarApi;
 exports.PlaceholderController = PlaceholderController;
 exports.RectPlaceholder = RectPlaceholder;
+exports.RectPlaceholderDesignerExtension = RectPlaceholderDesignerExtension;
 exports.RectPlaceholderView = RectPlaceholderView;
 exports.SelectStepBehaviorEndToken = SelectStepBehaviorEndToken;
 exports.ServicesResolver = ServicesResolver;

package/lib/esm/index.js CHANGED Viewed

@@ -2100,14 +2100,18 @@ class StepExtensionResolver {
 }
 class PlaceholderController {
-    static create(configuration) {
-        return new PlaceholderController(configuration);
+    static create(state, configuration) {
+        return new PlaceholderController(state, configuration);
     }
-    constructor(configuration) {
-        var _a, _b, _c, _d;
+    constructor(state, configuration) {
+        var _a, _b;
         this.configuration = configuration;
-        this.canCreate = (_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.canCreate) !== null && _b !== void 0 ? _b : (() => true);
-        this.canShow = (_d = (_c = this.configuration) === null || _c === void 0 ? void 0 : _c.canShow) !== null && _d !== void 0 ? _d : (() => true);
+        const canCreate = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.canCreate;
+        const canShow = (_b = this.configuration) === null || _b === void 0 ? void 0 : _b.canShow;
+        this.canCreate = canCreate ? (sequence, index) => canCreate(sequence, index, state.definition) : () => true;
+        this.canShow = canShow
+            ? (sequence, index, draggingStepComponentType, draggingStepType) => canShow(sequence, index, draggingStepComponentType, draggingStepType, state.definition)
+            : () => true;
     }
 }
@@ -2285,6 +2289,42 @@ class LineGridDesignerExtension {
     }
 }
+const defaultConfiguration$2 = {
+    gapWidth: 88,
+    gapHeight: 24,
+    radius: 6,
+    iconSize: 16
+};
+class RectPlaceholderExtension {
+    static create(configuration) {
+        return new RectPlaceholderExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$2);
+    }
+    constructor(configuration) {
+        this.configuration = configuration;
+        this.alongGapSize = new Vector(defaultConfiguration$2.gapWidth, defaultConfiguration$2.gapHeight);
+        this.perpendicularGapSize = new Vector(defaultConfiguration$2.gapHeight, defaultConfiguration$2.gapWidth);
+    }
+    getGapSize(orientation) {
+        return orientation === PlaceholderGapOrientation.perpendicular ? this.perpendicularGapSize : this.alongGapSize;
+    }
+    createForGap(parent, parentSequence, index, orientation) {
+        const gapSize = this.getGapSize(orientation);
+        return RectPlaceholder.create(parent, gapSize, PlaceholderDirection.gap, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
+    }
+    createForArea(parent, size, direction, parentSequence, index) {
+        return RectPlaceholder.create(parent, size, direction, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
+    }
+}
+class RectPlaceholderDesignerExtension {
+    static create(configuration) {
+        return new RectPlaceholderDesignerExtension(RectPlaceholderExtension.create(configuration));
+    }
+    constructor(placeholder) {
+        this.placeholder = placeholder;
+    }
+}
 class StartStopRootComponentDesignerExtension {
     static create(configuration) {
         return new StartStopRootComponentDesignerExtension(StartStopRootComponentExtension.create(configuration));
@@ -2294,7 +2334,7 @@ class StartStopRootComponentDesignerExtension {
     }
 }
-const defaultConfiguration$2 = {
+const defaultConfiguration$1 = {
     view: {
         paddingTop: 20,
         paddingX: 20,
@@ -2312,7 +2352,7 @@ const defaultConfiguration$2 = {
 };
 class ContainerStepExtension {
     static create(configuration) {
-        return new ContainerStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$2);
+        return new ContainerStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$1);
     }
     constructor(configuration) {
         this.configuration = configuration;
@@ -2357,7 +2397,7 @@ class SwitchStepExtension {
     }
 }
-const defaultConfiguration$1 = {
+const defaultConfiguration = {
     view: {
         paddingLeft: 12,
         paddingRight: 12,
@@ -2372,7 +2412,7 @@ const defaultConfiguration$1 = {
 };
 class TaskStepExtension {
     static create(configuration) {
-        return new TaskStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration$1);
+        return new TaskStepExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration);
     }
     constructor(configuration) {
         this.configuration = configuration;
@@ -3195,7 +3235,7 @@ class DesignerContext {
         const workspaceController = new WorkspaceControllerWrapper();
         const behaviorController = BehaviorController.create(configuration.shadowRoot);
         const stepExtensionResolver = StepExtensionResolver.create(services);
-        const placeholderController = PlaceholderController.create(configuration.placeholder);
+        const placeholderController = PlaceholderController.create(state, configuration.placeholder);
         const definitionWalker = (_c = configuration.definitionWalker) !== null && _c !== void 0 ? _c : new DefinitionWalker();
         const i18n = (_d = configuration.i18n) !== null && _d !== void 0 ? _d : ((_, defaultValue) => defaultValue);
         const uidGenerator = (_e = configuration.uidGenerator) !== null && _e !== void 0 ? _e : Uid.next;
@@ -4737,33 +4777,6 @@ class ToolboxExtension {
     }
 }
-const defaultConfiguration = {
-    gapWidth: 88,
-    gapHeight: 24,
-    radius: 6,
-    iconSize: 16
-};
-class RectPlaceholderExtension {
-    static create(configuration) {
-        return new RectPlaceholderExtension(configuration !== null && configuration !== void 0 ? configuration : defaultConfiguration);
-    }
-    constructor(configuration) {
-        this.configuration = configuration;
-        this.alongGapSize = new Vector(defaultConfiguration.gapWidth, defaultConfiguration.gapHeight);
-        this.perpendicularGapSize = new Vector(defaultConfiguration.gapHeight, defaultConfiguration.gapWidth);
-    }
-    getGapSize(orientation) {
-        return orientation === PlaceholderGapOrientation.perpendicular ? this.perpendicularGapSize : this.alongGapSize;
-    }
-    createForGap(parent, parentSequence, index, orientation) {
-        const gapSize = this.getGapSize(orientation);
-        return RectPlaceholder.create(parent, gapSize, PlaceholderDirection.gap, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
-    }
-    createForArea(parent, size, direction, parentSequence, index) {
-        return RectPlaceholder.create(parent, size, direction, parentSequence, index, this.configuration.radius, this.configuration.iconSize);
-    }
-}
 class DefaultSequenceComponentExtension {
     constructor() {
         this.create = DefaultSequenceComponent.create;
@@ -5165,4 +5178,4 @@ class Designer {
     }
 }
-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, PlaceholderController, PlaceholderDirection, PlaceholderGapOrientation, RectPlaceholder, RectPlaceholderView, SelectStepBehaviorEndToken, ServicesResolver, SimpleEvent, StartStopRootComponentDesignerExtension, StartStopRootComponentExtension, StepComponent, StepExtensionResolver, StepsDesignerExtension, TYPE, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, ViewportApi, WorkspaceApi, createContainerStepComponentViewFactory, createLaunchPadStepComponentViewFactory, 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, PlaceholderController, PlaceholderDirection, PlaceholderGapOrientation, RectPlaceholder, RectPlaceholderDesignerExtension, RectPlaceholderView, SelectStepBehaviorEndToken, ServicesResolver, SimpleEvent, StartStopRootComponentDesignerExtension, StartStopRootComponentExtension, StepComponent, StepExtensionResolver, StepsDesignerExtension, TYPE, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, ViewportApi, WorkspaceApi, createContainerStepComponentViewFactory, createLaunchPadStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };

package/lib/index.d.ts CHANGED Viewed

@@ -283,10 +283,10 @@ declare class StepComponentFactory {
 declare class PlaceholderController {
     private readonly configuration;
-    static create(configuration: PlaceholderConfiguration | undefined): PlaceholderController;
-    private constructor();
+    static create(state: DesignerState, configuration: PlaceholderConfiguration | undefined): PlaceholderController;
     readonly canCreate: (sequence: Sequence, index: number) => boolean;
     readonly canShow: (sequence: Sequence, index: number, draggingStepComponentType: string, draggingStepType: string) => boolean;
+    private constructor();
 }
 declare class ComponentContext {
@@ -1139,8 +1139,8 @@ interface StepsConfiguration {
 }
 type StepIconUrlProvider = (componentType: ComponentType, type: string) => string | null;
 interface PlaceholderConfiguration {
-    canCreate?: (sequence: Sequence, index: number) => boolean;
-    canShow?: (sequence: Sequence, index: number, draggingStepComponentType: ComponentType, draggingStepType: string) => boolean;
+    canCreate?: (sequence: Sequence, index: number, definition: Definition) => boolean;
+    canShow?: (sequence: Sequence, index: number, draggingStepComponentType: ComponentType, draggingStepType: string, definition: Definition) => boolean;
 }
 interface ValidatorConfiguration {
     step?: StepValidator;
@@ -1258,6 +1258,12 @@ declare class LineGridDesignerExtension implements DesignerExtension {
     private constructor();
 }
+declare class RectPlaceholderDesignerExtension implements DesignerExtension {
+    readonly placeholder: PlaceholderExtension;
+    static create(configuration?: RectPlaceholderConfiguration): RectPlaceholderDesignerExtension;
+    private constructor();
+}
 declare class StartStopRootComponentDesignerExtension implements DesignerExtension {
     readonly rootComponent: RootComponentExtension;
     static create(configuration: StartStopRootComponentExtensionConfiguration): DesignerExtension;
@@ -1422,5 +1428,5 @@ declare class Designer<TDefinition extends Definition = Definition> {
     private getHistoryController;
 }
-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, PlaceholderController, PlaceholderDirection, PlaceholderGapOrientation, RectPlaceholder, RectPlaceholderView, SelectStepBehaviorEndToken, ServicesResolver, SimpleEvent, StartStopRootComponentDesignerExtension, StartStopRootComponentExtension, StepComponent, StepExtensionResolver, StepsDesignerExtension, TYPE, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, ViewportApi, WorkspaceApi, createContainerStepComponentViewFactory, createLaunchPadStepComponentViewFactory, 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, PlaceholderController, PlaceholderDirection, PlaceholderGapOrientation, RectPlaceholder, RectPlaceholderDesignerExtension, RectPlaceholderView, SelectStepBehaviorEndToken, ServicesResolver, SimpleEvent, StartStopRootComponentDesignerExtension, StartStopRootComponentExtension, StepComponent, StepExtensionResolver, StepsDesignerExtension, TYPE, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, ViewportApi, WorkspaceApi, createContainerStepComponentViewFactory, createLaunchPadStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };
 export type { Attributes, Badge, BadgeExtension, BadgeView, BadgesDecorator, BadgesResult, BaseClickCommand, Behavior, BehaviorEndToken, BranchNamesResolver, 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, LaunchPadStepComponentViewConfiguration, LaunchPadStepExtensionConfiguration, LineGridConfiguration, NextScale, OpenFolderClickCommand, Placeholder, PlaceholderConfiguration, 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.30.2",
+	"version": "0.30.4",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",