more UI updates

src/components/chart/LimitBuilder.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- todo extract builder-panel --> <!-- :builder="builder" color-tag="limit" -->
-    <row-bar :color="builder.color" :data-ignore="autoAdjust">
+    <row-bar :color="builder.color">
       <color-band :color="builder.color"/>
       <div style="min-width: 3em; font-size: larger" :style="colorStyle"
            class="align-self-start ml-2 pt-3">{{ rungs === 1 ? 'Limit' : 'Ladder' }}</div>
@@ -60,7 +60,7 @@
 </template>
 
 <script setup>
-import {computed, onBeforeUnmount, onMounted} from "vue";
+import {computed, onBeforeUnmount, onMounted, watch} from "vue";
 import {chart} from "@/charts/chart.js";
 import {useChartOrderStore} from "@/orderbuild.js";
 import Color from "color";
@@ -75,10 +75,11 @@ const os = useOrderStore()
 const co = useChartOrderStore()
 const theme = useTheme().current
 const props = defineProps(['order', 'builder'])
+const emit = defineEmits(['update:builder'])
 
 
 // Fields must be defined in order to be reactive
-builderDefaults(props.builder, {
+builderDefaults(props, emit, {
   allocation: 1.0,
   start: null, // todo
   end: null, // todo
@@ -344,7 +345,8 @@ function adjustShapes() {
 }
 
 
-const autoAdjust = computed(adjustShapes)
+watch(props.order, adjustShapes)
+// const autoAdjust = computed(adjustShapes)
 
 
 function deleteShapes() {