selection

Author: Templarian

src/components/pg/node/node.css

@@ -30,5 +30,6 @@
 }
 
 [part=node].selected {
-  border-color: blue;
+  outline: 2px solid #248BE5;
+  outline-offset: 2px;
 }

src/components/pg/nodeEntry/nodeEntry.css

@@ -42,4 +42,9 @@ textarea {
 textarea:focus {
   box-shadow: 0 0 0 2px var(--pg-input-text-focus-glow, rgb(79, 143, 249, 0.75));
   outline: 0;
-}
+}
+
+[part=node].selected {
+  outline: 2px solid #248BE5;
+  outline-offset: 2px;
+}

src/components/pg/nodeEntry/nodeEntry.ts

@@ -50,4 +50,12 @@ export default class PgNodeEntry extends HTMLElement {
       }
     }));
   }
+
+  select() {
+    this.$node.classList.toggle('selected', true);
+  }
+
+  deselect() {
+    this.$node.classList.toggle('selected', false);
+  }
 }