feat: Add loading indicator slot and prop

* While the graph is suspended we open up a loading indicator slot * a prop option has to be passed to enable the indicator * add some styles for a default loading text * move loading event to after store has been initialized *and* zoom pane dimensions are present Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
2021-11-20 17:33:27 +01:00
parent d335944e56
commit 4e8ff6201a
7 changed files with 81 additions and 61 deletions
@@ -49,7 +49,13 @@ const updateElements = () => {
 }
 </script>
 <template>
-  <VueFlow v-model="elements" @load="onLoad" @elementsRemove="onElementsRemove" @connect="onConnect">
+  <VueFlow
+    v-model="elements"
+    :show-loading-indicator="true"
+    @load="onLoad"
+    @elementsRemove="onElementsRemove"
+    @connect="onConnect"
+  >
    <MiniMap />
    <Controls />
    <Background />