Add hovered and selected to slot of edge label

Author: dash14

src/components/edge-label.vue

@@ -21,10 +21,12 @@ const props = defineProps({
   },
   align: {
     type: String as PropType<"center" | "source" | "target">,
+    required: false,
     default: "center",
   },
   verticalAlign: {
     type: String as PropType<"center" | "above" | "below">,
+    required: false,
     default: "center",
   },
   // The followings are the definitions to avoid passing unwanted
@@ -34,6 +36,16 @@ const props = defineProps({
     required: false,
     default: undefined
   },
+  hovered: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
+  selected: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
   scale: {
     type: Number,
     required: false,

src/components/edge-labels.vue

@@ -71,6 +71,8 @@ defineExpose({
               edgeStates[edgeId].line.stroke
             )
           "
+          :hovered="edgeStates[edgeId].hovered"
+          :selected="edgeStates[edgeId].selected"
           :scale="scale"
         />
       </template>