From 2e105d147f9487b28d7383d62e22828c0f2e3b70 Mon Sep 17 00:00:00 2001
From: Oleg Ivaniv <me@olegivaniv.com>
Date: Tue, 10 Dec 2024 08:55:03 +0100
Subject: [PATCH] Revert Canvas slot changes

---
 .../src/components/canvas/Canvas.vue          |  6 +----
 .../src/components/canvas/WorkflowCanvas.vue  |  6 +----
 .../canvas/elements/nodes/CanvasNode.vue      | 26 +------------------
 3 files changed, 3 insertions(+), 35 deletions(-)

diff --git a/packages/editor-ui/src/components/canvas/Canvas.vue b/packages/editor-ui/src/components/canvas/Canvas.vue
index 0b755c6d1b..6826259b7e 100644
--- a/packages/editor-ui/src/components/canvas/Canvas.vue
+++ b/packages/editor-ui/src/components/canvas/Canvas.vue
@@ -663,11 +663,7 @@ provide(CanvasKey, {
 				@update="onUpdateNodeParameters"
 				@move="onUpdateNodePosition"
 				@add="onClickNodeAdd"
-			>
-				<template v-if="$slots['node-controls']" #node-controls="canvasNodeProps">
-					<slot name="node-controls" v-bind="canvasNodeProps" />
-				</template>
-			</Node>
+			/>
 		</template>
 
 		<template #edge-canvas-edge="edgeProps">
diff --git a/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue b/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue
index c7e3c54be7..d32b974a40 100644
--- a/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue
+++ b/packages/editor-ui/src/components/canvas/WorkflowCanvas.vue
@@ -74,11 +74,7 @@ onNodesInitialized(() => {
 				:event-bus="eventBus"
 				:read-only="readOnly"
 				v-bind="$attrs"
-			>
-				<template v-if="$slots['node-controls']" #node-controls="canvasNodeProps">
-					<slot name="node-controls" v-bind="canvasNodeProps" />
-				</template>
-			</Canvas>
+			/>
 		</div>
 		<slot />
 	</div>
diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue b/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue
index 3372ad9d1f..e62046d5d7 100644
--- a/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue
+++ b/packages/editor-ui/src/components/canvas/elements/nodes/CanvasNode.vue
@@ -74,14 +74,12 @@ const isDisabled = computed(() => props.data.disabled);
 const nodeTypeDescription = computed(() => {
 	return nodeTypesStore.getNodeType(props.data.type, props.data.typeVersion);
 });
-const slotClasses = ref<Record<string, boolean>>({});
 
 const classes = computed(() => ({
 	[style.canvasNode]: true,
 	[style.showToolbar]: showToolbar.value,
 	hovered: props.hovered,
 	selected: props.selected,
-	...slotClasses.value,
 }));
 
 /**
@@ -232,14 +230,6 @@ function onMove(position: XYPosition) {
 	emit('move', props.id, position);
 }
 
-function toggleSlotClass(className: string) {
-	if (slotClasses.value[className]) {
-		delete slotClasses.value[className];
-	} else {
-		slotClasses.value[className] = true;
-	}
-}
-
 /**
  * Provide
  */
@@ -318,12 +308,8 @@ onBeforeUnmount(() => {
 			/>
 		</template>
 
-		<div v-if="$slots['node-controls']" :class="$style.nodeControls">
-			<slot name="node-controls" v-bind="{ data, toggleSlotClass }" />
-		</div>
-
 		<CanvasNodeToolbar
-			v-else-if="nodeTypeDescription"
+			v-if="nodeTypeDescription"
 			data-test-id="canvas-node-toolbar"
 			:read-only="readOnly"
 			:class="$style.canvasNodeToolbar"
@@ -376,14 +362,4 @@ onBeforeUnmount(() => {
 		opacity: 1;
 	}
 }
-
-.nodeControls {
-	position: absolute;
-	bottom: 100%;
-	z-index: 1;
-	width: 100%;
-	margin: auto;
-	display: flex;
-	justify-content: center;
-}
 </style>