refactor(libs) add width, height and positionAbsolute props to NodeProps

packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte

@@ -191,8 +191,9 @@
       {dragging}
       {dragHandle}
       isConnectable={connectable}
-      xPos={positionX}
-      yPos={positionY}
+      positionAbsolute={{ x: positionX, y: positionY }}
+      {width}
+      {height}
       on:connectstart
       on:connect
       on:connectend

packages/svelte/src/lib/components/NodeWrapper/types.ts

@@ -11,14 +11,14 @@ export type NodeWrapperProps = Pick<
   | 'selected'
   | 'selectable'
   | 'style'
-  | 'width'
-  | 'height'
   | 'type'
   | 'sourcePosition'
   | 'targetPosition'
   | 'dragHandle'
   | 'hidden'
 > & {
+  width?: number;
+  height?: number;
   type: string;
   positionX: number;
   positionY: number;

packages/svelte/src/lib/components/nodes/DefaultNode.svelte

@@ -11,24 +11,29 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let type: $$Props['type'] = undefined;
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = {
+    x: 0,
+    y: 0
+  };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   selected;
   type;
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>
 

packages/svelte/src/lib/components/nodes/GroupNode.svelte

@@ -5,6 +5,8 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let data: $$Props['data'] = {};
   export let selected: $$Props['selected'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
@@ -13,12 +15,16 @@
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = {
+    x: 0,
+    y: 0
+  };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   data;
   selected;
   sourcePosition;
@@ -27,7 +33,6 @@
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>

packages/svelte/src/lib/components/nodes/InputNode.svelte

@@ -10,26 +10,31 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let targetPosition: $$Props['targetPosition'] = undefined;
   export let type: $$Props['type'] = undefined;
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = {
+    x: 0,
+    y: 0
+  };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   selected;
   targetPosition;
   type;
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>
 

packages/svelte/src/lib/components/nodes/OutputNode.svelte

@@ -10,26 +10,28 @@
 
   // unused props - we need to list them here in order to prevent warnings
   export let id: $$Props['id'] = '';
+  export let width: $$Props['width'] = undefined;
+  export let height: $$Props['height'] = undefined;
   export let selected: $$Props['selected'] = undefined;
   export let sourcePosition: $$Props['sourcePosition'] = undefined;
   export let type: $$Props['type'] = undefined;
   export let zIndex: $$Props['zIndex'] = undefined;
   export let dragging: $$Props['dragging'] = false;
   export let dragHandle: $$Props['dragHandle'] = undefined;
-  export let xPos: $$Props['xPos'] = 0;
-  export let yPos: $$Props['yPos'] = 0;
+  export let positionAbsolute: $$Props['positionAbsolute'] = { x: 0, y: 0 };
   export let isConnectable: $$Props['isConnectable'] = undefined;
 
   // @todo: there must be a better way to do this
   id;
+  width;
+  height;
   selected;
   sourcePosition;
   type;
   zIndex;
   dragging;
   dragHandle;
-  xPos;
-  yPos;
+  positionAbsolute;
   isConnectable;
 </script>
 

packages/svelte/src/lib/container/NodeRenderer/NodeRenderer.svelte

@@ -68,14 +68,14 @@
       isParent={!!node[internalsSymbol]?.isParent}
       style={node.style}
       class={node.class}
-      type={node.type || 'default'}
+      type={node.type ?? 'default'}
       sourcePosition={node.sourcePosition}
       targetPosition={node.targetPosition}
       dragging={node.dragging}
       zIndex={node[internalsSymbol]?.z ?? 0}
       dragHandle={node.dragHandle}
-      width={node.width}
-      height={node.height}
+      width={node.width ?? undefined}
+      height={node.height ?? undefined}
       initialized={(!!node.computed?.width && !!node.computed?.height) ||
         (!!node.width && !!node.height)}
       {resizeObserver}