sequential-workflow-designer-svelte 0.16.6 → 0.16.7

package/README.md

@@ -79,17 +79,17 @@ The global editor:
 
 ```svelte
 <script lang="ts">
-	import type { GlobalEditorContext, Definition } from 'sequential-workflow-designer';
+  import type { GlobalEditorContext, Definition } from 'sequential-workflow-designer';
 
-	export let context: GlobalEditorContext;
-	export let definition: Definition;
-	let velocity = definition.properties.velocity;
+  export let context: GlobalEditorContext;
+  export let definition: Definition;
+  let velocity = definition.properties.velocity;
 
-	function onVelocityChanged(event: Event) {
-		velocity = parseInt((event.target as HTMLInputElement).value);
-		definition.properties.velocity = velocity;
-		context.notifyPropertiesChanged();
-	}
+  function onVelocityChanged(event: Event) {
+    velocity = parseInt((event.target as HTMLInputElement).value);
+    definition.properties.velocity = velocity;
+    context.notifyPropertiesChanged();
+  }
 </script>
 
 <input type="number" value={String(velocity)} on:input={onVelocityChanged} />
@@ -99,19 +99,19 @@ The step editor:
 
 ```svelte
 <script lang="ts">
-	import type { StepEditorContext, Definition, Step } from 'sequential-workflow-designer';
+  import type { StepEditorContext, Definition, Step } from 'sequential-workflow-designer';
 
-	export let context: StepEditorContext;
-	export let definition: Definition;
-	export let step: Step;
+  export let context: StepEditorContext;
+  export let definition: Definition;
+  export let step: Step;
 
-	let name = step.name;
+  let name = step.name;
 
-	function onNameChanged(event: Event) {
-		name = (event.target as HTMLInputElement).value;
-		step.name = name;
-		context.notifyNameChanged();
-	}
+  function onNameChanged(event: Event) {
+    name = (event.target as HTMLInputElement).value;
+    step.name = name;
+    context.notifyNameChanged();
+  }
 </script>
 
 <input value={name} on:input={onNameChanged} />

package/dist/SequentialWorkflowDesigner.svelte

@@ -17,6 +17,7 @@ export let validator = void 0;
 export let uidGenerator = void 0;
 export let definitionWalker = void 0;
 export let extensions = void 0;
+export let customActionHandler = void 0;
 export let stepEditor = null;
 export let rootEditor = null;
 export let isEditorCollapsed = false;
@@ -65,10 +66,11 @@ function init() {
     undoStackSize,
     undoStack,
     validator,
-    uidGenerator,
     definitionWalker,
     extensions,
-    isReadonly
+    isReadonly,
+    uidGenerator,
+    customActionHandler
   });
   d.onReady.subscribe(() => dispatch("definitionChanged", {
     definition: d.getDefinition(),
@@ -79,6 +81,8 @@ function init() {
     isValid: d.isValid()
   }));
   d.onSelectedStepIdChanged.subscribe((stepId) => dispatch("selectedStepIdChanged", { stepId }));
+  d.onIsToolboxCollapsedChanged.subscribe((isCollapsed) => dispatch("isToolboxCollapsedChanged", { isCollapsed }));
+  d.onIsEditorCollapsedChanged.subscribe((isCollapsed) => dispatch("isEditorCollapsedChanged", { isCollapsed }));
   if (selectedStepId) {
     d.selectStepById(selectedStepId);
   }

package/dist/SequentialWorkflowDesigner.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { DefinitionWalker, type Definition, type StepsConfiguration, type ToolboxConfiguration, type UndoStack, type ValidatorConfiguration, type UidGenerator, type DesignerExtension } from 'sequential-workflow-designer';
+import { DefinitionWalker, type Definition, type StepsConfiguration, type ToolboxConfiguration, type UndoStack, type ValidatorConfiguration, type UidGenerator, type DesignerExtension, type CustomActionHandler } from 'sequential-workflow-designer';
 declare const __propDef: {
     props: {
         definition: Definition;
@@ -15,6 +15,7 @@ declare const __propDef: {
         uidGenerator?: UidGenerator | undefined;
         definitionWalker?: DefinitionWalker | undefined;
         extensions?: DesignerExtension[] | undefined;
+        customActionHandler?: CustomActionHandler | undefined;
         stepEditor?: ConstructorOfATypedSvelteComponent | null | undefined;
         rootEditor?: ConstructorOfATypedSvelteComponent | null | undefined;
         isEditorCollapsed?: boolean | undefined;
@@ -24,6 +25,8 @@ declare const __propDef: {
     events: {
         definitionChanged: CustomEvent<any>;
         selectedStepIdChanged: CustomEvent<any>;
+        isToolboxCollapsedChanged: CustomEvent<any>;
+        isEditorCollapsedChanged: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "sequential-workflow-designer-svelte",
 	"description": "Svelte wrapper for Sequential Workflow Designer component.",
-	"version": "0.16.6",
+	"version": "0.16.7",
 	"license": "MIT",
 	"scripts": {
 		"prepare": "cp ../LICENSE LICENSE",
@@ -28,10 +28,10 @@
 	],
 	"peerDependencies": {
 		"svelte": "^4.0.0",
-		"sequential-workflow-designer": "^0.16.6"
+		"sequential-workflow-designer": "^0.16.7"
 	},
 	"devDependencies": {
-		"sequential-workflow-designer": "^0.16.6",
+		"sequential-workflow-designer": "^0.16.7",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.20.4",
 		"@sveltejs/package": "^2.0.0",
@@ -47,5 +47,15 @@
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
-	"type": "module"
-}
+	"type": "module",
+	"keywords": [
+		"workflow",
+		"designer",
+		"builder",
+		"nocode",
+		"lowcode",
+		"flow",
+		"svelte",
+		"sveltejs"
+	]
+}