revert to single "focused" prop

ui/src/components/rects/Rect.vue

@@ -14,11 +14,7 @@ import { Rectangle } from "./rectangles";
 
 @Options({
   props: {
-    selected: {
+    focused: {
-      type: Boolean,
-      default: false,
-    },
-    highlighted: {
       type: Boolean,
       default: false,
     },
@@ -26,19 +22,14 @@ import { Rectangle } from "./rectangles";
   },
 })
 export default class Rect extends Vue {
-  private selected!: boolean;
+  private focused!: boolean;
-  private highlighted!: boolean;
   private rectangle!: Rectangle;
 
   private get classes(): string {
     let result: string[] = [];
 
-    if (this.selected) {
+    if (this.focused) {
-      result.push("select");
+      result.push("focus");
-    }
-
-    if (this.highlighted) {
-      result.push("highlight");
     }
 
     return result.join(" ");
@@ -54,12 +45,7 @@ rect {
   stroke-opacity: 0.9;
   stroke-width: 1;
 
-  &.select {
+  &.focus {
-    fill-opacity: 0.4;
-    stroke-opacity: 1;
-  }
-
-  &.highlight {
     fill: gold;
     stroke: yellow;
   }

ui/src/components/rects/RectPad.vue

@@ -19,7 +19,7 @@
     />
     <Rect
       v-if="preview_visible"
-      :highlighted="true"
+      :focused="true"
       :rectangle="preview_rectangle"
     />
   </svg>