interactive horizontal limit lines

src/components/chart/BuilderPanel.vue

@@ -0,0 +1,28 @@
+<template>
+  <div :key="builder.id">
+    <v-card-text :color="titleColor">
+      <slot name="title"><span>Unimplemented</span></slot>
+    </v-card-text>
+    <v-card-text>
+      <slot name="text">
+        Unimplemented builder panel
+      </slot>
+      <div><v-btn variant="tonal" color="error" @click="co.removeBuilder(builder)" prepend-icon="mdi-delete">DELETE</v-btn></div>
+    </v-card-text>
+  </div>
+</template>
+
+<script setup>
+import {useChartOrderStore} from "@/orderbuild.js";
+import {computed} from "vue";
+
+const props = defineProps(['builder', 'color', 'colorTag'])
+const co = useChartOrderStore()
+
+const titleColor = computed(()=>props.color ? props.color : props.colorTag ? props.builder.props[props.colorTag]?.linecolor : props.builder.props.a.linecolor )
+
+</script>
+
+<style scoped lang="scss">
+
+</style>