feat: add handles

elements/handle.js

@@ -0,0 +1,27 @@
+import {html, LitElement} from '../web_modules/lit-element.js';
+import {css} from "../web_modules/lit-element";
+
+class Handle extends LitElement {
+    static get styles() {
+        return css`
+            :host {
+                display: inline-block;
+                box-sizing: border-box;
+                width: 3px;
+                height: 3px;
+                border-top: 1px solid var(--highlight);
+                border-left: 1px solid var(--highlight);
+                background-color: var(--highlight);
+            }
+            
+            :host([disabled]) {
+                background-color: var(--highlight-text);
+            }
+        `;
+    }
+
+    render() {
+        return html``;
+    }
+}
+customElements.define('paint-handle', Handle);

elements/index.js

@@ -1,5 +1,6 @@
 import './app.js';
 import './canvas.js';
+import './handle.js';
 import './inset-container.js';
 import './menu-bar.js';
 import './status-bar.js';