Tidyup

packages/builder/src/components/userInterface/temporaryPanelStructure.js

@@ -498,14 +498,14 @@ export default {
                     control: ModelSelect,
                   },
                   {
-                    label: "Keep Last Hover",
+                    label: "Animate Chart",
-                    key: "hasLastHoverSliceHighlighted",
+                    key: "isAnimated",
                     valueKey: "checked",
                     control: Checkbox,
                   },
                   {
-                    label: "Is Animated",
+                    label: "Keep Last Hover",
-                    key: "isAnimated",
+                    key: "hasLastHoverSliceHighlighted",
                     valueKey: "checked",
                     control: Checkbox,
                   },
@@ -553,12 +553,6 @@ export default {
                     valueKey: "checked",
                     control: Checkbox,
                   },
-                  {
-                    label: "Show Legend",
-                    key: "useLegend",
-                    valueKey: "checked",
-                    control: Checkbox,
-                  },
                   {
                     label: "Horizontal Legend",
                     key: "horizontalLegend",

packages/standard-components/src/Chart/Legend.svelte

@@ -47,6 +47,10 @@
         legend.highlightByEntryId(highlightByEntryId)
       }
 
+      if (notNull(isHorizontal)) {
+        legend.isHorizontal(isHorizontal)
+      }
+
       if (notNull(margin)) {
         legend.margin(margin)
       }
@@ -70,11 +74,6 @@
     }
   }
 
-  $: if (notNull(isHorizontal)) {
-    debugger
-    legend.isHorizontal(isHorizontal)
-  }
-
   const legendClass = `legend-container`
 </script>