npm - sequential-workflow-designer - Versions diffs - 0.17.0 → 0.18.0 - Mend

sequential-workflow-designer 0.17.0 → 0.18.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

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

package/dist/index.umd.js CHANGED Viewed

@@ -205,6 +205,11 @@
 	    }
 	}
+	function getAbsolutePosition(element) {
+	    const rect = element.getBoundingClientRect();
+	    return new Vector(rect.x + window.scrollX, rect.y + window.scrollY);
+	}
 	class Uid {
 	    static next() {
 	        const bytes = new Uint8Array(16);
@@ -474,9 +479,8 @@
 	            const hasSameSize = this.draggedStepComponent.view.width === this.view.component.width &&
 	                this.draggedStepComponent.view.height === this.view.component.height;
 	            if (hasSameSize) {
-	                const scroll = new Vector(window.scrollX, window.scrollY);
 	                // Mouse cursor will be positioned on the same place as the source component.
-	                const pagePosition = this.draggedStepComponent.view.getClientPosition().add(scroll);
+	                const pagePosition = this.draggedStepComponent.view.getClientPosition();
 	                offset = position.subtract(pagePosition);
 	            }
 	        }
@@ -1271,8 +1275,7 @@
 	        this.height = height;
 	    }
 	    getClientPosition() {
-	        const rect = this.lines[0].getBoundingClientRect();
-	        return new Vector(rect.x, rect.y);
+	        return getAbsolutePosition(this.lines[0]);
 	    }
 	    resolveClick(click) {
 	        const regionPosition = this.getClientPosition();
@@ -1669,8 +1672,7 @@
 	            return !!outputView;
 	        },
 	        getClientPosition() {
-	            const r = rect.getBoundingClientRect();
-	            return new Vector(r.x, r.y);
+	            return getAbsolutePosition(rect);
 	        },
 	        resolveClick(click) {
 	            return g.contains(click.element) ? true : null;
@@ -2657,8 +2659,7 @@
 	        });
 	    }
 	    getCanvasPosition() {
-	        const rect = this.canvas.getBoundingClientRect();
-	        return new Vector(rect.x + window.scrollX, rect.y + window.scrollY);
+	        return getAbsolutePosition(this.canvas);
 	    }
 	    getCanvasSize() {
 	        return new Vector(this.canvas.clientWidth, this.canvas.clientHeight);
@@ -4600,6 +4601,7 @@
 	exports.createContainerStepComponentViewFactory = createContainerStepComponentViewFactory;
 	exports.createSwitchStepComponentViewFactory = createSwitchStepComponentViewFactory;
 	exports.createTaskStepComponentViewFactory = createTaskStepComponentViewFactory;
+	exports.getAbsolutePosition = getAbsolutePosition;
 	exports.race = race;
 }));

package/lib/cjs/index.cjs CHANGED Viewed

@@ -203,6 +203,11 @@ class Vector {
     }
 }
+function getAbsolutePosition(element) {
+    const rect = element.getBoundingClientRect();
+    return new Vector(rect.x + window.scrollX, rect.y + window.scrollY);
+}
 class Uid {
     static next() {
         const bytes = new Uint8Array(16);
@@ -472,9 +477,8 @@ class DragStepBehavior {
             const hasSameSize = this.draggedStepComponent.view.width === this.view.component.width &&
                 this.draggedStepComponent.view.height === this.view.component.height;
             if (hasSameSize) {
-                const scroll = new Vector(window.scrollX, window.scrollY);
                 // Mouse cursor will be positioned on the same place as the source component.
-                const pagePosition = this.draggedStepComponent.view.getClientPosition().add(scroll);
+                const pagePosition = this.draggedStepComponent.view.getClientPosition();
                 offset = position.subtract(pagePosition);
             }
         }
@@ -1269,8 +1273,7 @@ class RegionView {
         this.height = height;
     }
     getClientPosition() {
-        const rect = this.lines[0].getBoundingClientRect();
-        return new Vector(rect.x, rect.y);
+        return getAbsolutePosition(this.lines[0]);
     }
     resolveClick(click) {
         const regionPosition = this.getClientPosition();
@@ -1667,8 +1670,7 @@ const createTaskStepComponentViewFactory = (isInterrupted, cfg) => (parentElemen
             return !!outputView;
         },
         getClientPosition() {
-            const r = rect.getBoundingClientRect();
-            return new Vector(r.x, r.y);
+            return getAbsolutePosition(rect);
         },
         resolveClick(click) {
             return g.contains(click.element) ? true : null;
@@ -2472,8 +2474,7 @@ class WorkspaceView {
         });
     }
     getCanvasPosition() {
-        const rect = this.canvas.getBoundingClientRect();
-        return new Vector(rect.x + window.scrollX, rect.y + window.scrollY);
+        return getAbsolutePosition(this.canvas);
     }
     getCanvasSize() {
         return new Vector(this.canvas.clientWidth, this.canvas.clientHeight);
@@ -4414,6 +4415,7 @@ exports.WorkspaceApi = WorkspaceApi;
 exports.createContainerStepComponentViewFactory = createContainerStepComponentViewFactory;
 exports.createSwitchStepComponentViewFactory = createSwitchStepComponentViewFactory;
 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, {

package/lib/esm/index.js CHANGED Viewed

@@ -202,6 +202,11 @@ class Vector {
     }
 }
+function getAbsolutePosition(element) {
+    const rect = element.getBoundingClientRect();
+    return new Vector(rect.x + window.scrollX, rect.y + window.scrollY);
+}
 class Uid {
     static next() {
         const bytes = new Uint8Array(16);
@@ -471,9 +476,8 @@ class DragStepBehavior {
             const hasSameSize = this.draggedStepComponent.view.width === this.view.component.width &&
                 this.draggedStepComponent.view.height === this.view.component.height;
             if (hasSameSize) {
-                const scroll = new Vector(window.scrollX, window.scrollY);
                 // Mouse cursor will be positioned on the same place as the source component.
-                const pagePosition = this.draggedStepComponent.view.getClientPosition().add(scroll);
+                const pagePosition = this.draggedStepComponent.view.getClientPosition();
                 offset = position.subtract(pagePosition);
             }
         }
@@ -1268,8 +1272,7 @@ class RegionView {
         this.height = height;
     }
     getClientPosition() {
-        const rect = this.lines[0].getBoundingClientRect();
-        return new Vector(rect.x, rect.y);
+        return getAbsolutePosition(this.lines[0]);
     }
     resolveClick(click) {
         const regionPosition = this.getClientPosition();
@@ -1666,8 +1669,7 @@ const createTaskStepComponentViewFactory = (isInterrupted, cfg) => (parentElemen
             return !!outputView;
         },
         getClientPosition() {
-            const r = rect.getBoundingClientRect();
-            return new Vector(r.x, r.y);
+            return getAbsolutePosition(rect);
         },
         resolveClick(click) {
             return g.contains(click.element) ? true : null;
@@ -2471,8 +2473,7 @@ class WorkspaceView {
         });
     }
     getCanvasPosition() {
-        const rect = this.canvas.getBoundingClientRect();
-        return new Vector(rect.x + window.scrollX, rect.y + window.scrollY);
+        return getAbsolutePosition(this.canvas);
     }
     getCanvasSize() {
         return new Vector(this.canvas.clientWidth, this.canvas.clientHeight);
@@ -4371,4 +4372,4 @@ class StepsDesignerExtension {
 class StepsExtension extends StepsDesignerExtension {
 }
-export { Badges, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommandType, ComponentContext, ControlBarApi, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, Designer, DesignerApi, DesignerContext, DesignerState, Dom, Editor, EditorApi, Icons, InputView, JoinView, KeyboardAction, LabelView, LineGridDesignerExtension, ObjectCloner, OutputView, PathBarApi, PlaceholderDirection, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderView, RegionView, ServicesResolver, SimpleEvent, StepComponent, StepExtensionResolver, StepsDesignerExtension, StepsExtension, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, race };
+export { Badges, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommandType, ComponentContext, ControlBarApi, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, Designer, DesignerApi, DesignerContext, DesignerState, Dom, Editor, EditorApi, Icons, InputView, JoinView, KeyboardAction, LabelView, LineGridDesignerExtension, ObjectCloner, OutputView, PathBarApi, PlaceholderDirection, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderView, RegionView, ServicesResolver, SimpleEvent, StepComponent, StepExtensionResolver, StepsDesignerExtension, StepsExtension, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };

package/lib/index.d.ts CHANGED Viewed

@@ -309,6 +309,8 @@ declare class Dom {
     static toggleClass(element: Element, isEnabled: boolean, className: string): void;
 }
+declare function getAbsolutePosition(element: Element): Vector;
 declare class Uid {
     static next(): string;
 }
@@ -1191,4 +1193,4 @@ declare class StepsExtension extends StepsDesignerExtension {
 interface StepsExtensionConfiguration extends StepsDesignerExtensionConfiguration {
 }
-export { Attributes, Badge, BadgeExtension, BadgeView, Badges, BadgesResult, BaseClickCommand, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommand, ClickCommandType, ClickDetails, Component, ComponentContext, ComponentView, ContainerStep, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ControlBarApi, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, DefinitionChangedEvent, Designer, DesignerApi, DesignerConfiguration, DesignerContext, DesignerExtension, DesignerState, Dom, DraggedComponent, DraggedComponentExtension, Editor, EditorApi, EditorsConfiguration, Grid, GridExtension, Icons, InputView, JoinView, KeyboardAction, KeyboardConfiguration, LabelView, LineGridConfiguration, LineGridDesignerExtension, ObjectCloner, OpenFolderClickCommand, OutputView, PathBarApi, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderDirection, PlaceholderExtension, PlaceholderView, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderConfiguration, RectPlaceholderView, RegionView, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepClickCommand, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, ServicesResolver, SimpleEvent, SimpleEventListener, StepComponent, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepExtensionResolver, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtension, StepsDesignerExtensionConfiguration, StepsExtension, StepsExtensionConfiguration, SwitchStep, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStep, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxApi, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, Uid, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtension, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Vector, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, race };
+export { Attributes, Badge, BadgeExtension, BadgeView, Badges, BadgesResult, BaseClickCommand, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommand, ClickCommandType, ClickDetails, Component, ComponentContext, ComponentView, ContainerStep, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ControlBarApi, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, DefinitionChangedEvent, Designer, DesignerApi, DesignerConfiguration, DesignerContext, DesignerExtension, DesignerState, Dom, DraggedComponent, DraggedComponentExtension, Editor, EditorApi, EditorsConfiguration, Grid, GridExtension, Icons, InputView, JoinView, KeyboardAction, KeyboardConfiguration, LabelView, LineGridConfiguration, LineGridDesignerExtension, ObjectCloner, OpenFolderClickCommand, OutputView, PathBarApi, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderDirection, PlaceholderExtension, PlaceholderView, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderConfiguration, RectPlaceholderView, RegionView, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepClickCommand, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, ServicesResolver, SimpleEvent, SimpleEventListener, StepComponent, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepExtensionResolver, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtension, StepsDesignerExtensionConfiguration, StepsExtension, StepsExtensionConfiguration, SwitchStep, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStep, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxApi, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, Uid, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtension, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Vector, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };

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.17.0",
+	"version": "0.18.0",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",