From 7764a7c118c85d5e498afd24efe32655db08f21b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cchrisshank=E2=80=9D?= <chris.shank.23@gmail.com>
Date: Tue, 10 Dec 2024 15:39:00 -0800
Subject: [PATCH] refactor

---
 src/folk-distance-field.ts |  2 +-
 src/folk-hull.ts           |  2 +-
 src/folk-metronome.ts      | 11 ++++-------
 src/folk-proximity.ts      |  2 +-
 src/folk-space.ts          |  2 +-
 src/folk-timer.ts          |  2 +-
 src/folk-xanadu.ts         |  2 +-
 7 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/folk-distance-field.ts b/src/folk-distance-field.ts
index 0e1fbaf..2e8a2a9 100644
--- a/src/folk-distance-field.ts
+++ b/src/folk-distance-field.ts
@@ -11,7 +11,7 @@ import { PropertyValues } from '@lit/reactive-element';
  * Previous CPU-based implementation: github.com/folk-canvas/folk-canvas/commit/fdd7fb9d84d93ad665875cad25783c232fd17bcc
  */
 export class FolkDistanceField extends FolkBaseSet {
-  static tagName = 'folk-distance-field';
+  static override tagName = 'folk-distance-field';
 
   private textures: WebGLTexture[] = [];
 
diff --git a/src/folk-hull.ts b/src/folk-hull.ts
index 006b8f9..46a1b60 100644
--- a/src/folk-hull.ts
+++ b/src/folk-hull.ts
@@ -10,7 +10,7 @@ declare global {
 }
 
 export class FolkHull extends FolkBaseSet {
-  static tagName = 'folk-hull';
+  static override tagName = 'folk-hull';
 
   static styles = [
     FolkBaseSet.styles,
diff --git a/src/folk-metronome.ts b/src/folk-metronome.ts
index a7d5eaf..59f2b2a 100644
--- a/src/folk-metronome.ts
+++ b/src/folk-metronome.ts
@@ -1,16 +1,13 @@
+import { FolkElement } from './common/folk-element';
+
 declare global {
   interface HTMLElementTagNameMap {
     'folk-metronome': FolkMetronome;
   }
 }
 
-export class FolkMetronome extends HTMLElement {
-  static tagName = 'folk-metronome';
-
-  static define() {
-    if (customElements.get(this.tagName)) return;
-    customElements.define(this.tagName, this);
-  }
+export class FolkMetronome extends FolkElement {
+  static override tagName = 'folk-metronome';
 
   constructor() {
     super();
diff --git a/src/folk-proximity.ts b/src/folk-proximity.ts
index 10d90da..8880b2f 100644
--- a/src/folk-proximity.ts
+++ b/src/folk-proximity.ts
@@ -26,7 +26,7 @@ declare global {
 }
 
 export class FolkCluster extends FolkHull {
-  static tagName = 'folk-cluster';
+  static override tagName = 'folk-cluster';
 
   static #config = new Map<ElementConstructor, ElementConfig>();
 
diff --git a/src/folk-space.ts b/src/folk-space.ts
index c63c769..4434a93 100644
--- a/src/folk-space.ts
+++ b/src/folk-space.ts
@@ -9,7 +9,7 @@ declare global {
 }
 
 export class FolkSpace extends FolkElement {
-  static tagName = 'folk-space';
+  static override tagName = 'folk-space';
 
   static styles = css`
     :host {
diff --git a/src/folk-timer.ts b/src/folk-timer.ts
index 33f45c1..988043f 100644
--- a/src/folk-timer.ts
+++ b/src/folk-timer.ts
@@ -7,7 +7,7 @@ declare global {
 }
 
 export class FolkTimer extends FolkElement {
-  static tagName = 'folk-timer';
+  static override tagName = 'folk-timer';
 
   #timeMs = 0;
   #timeoutId = -1;
diff --git a/src/folk-xanadu.ts b/src/folk-xanadu.ts
index 5ac35a6..c588d41 100644
--- a/src/folk-xanadu.ts
+++ b/src/folk-xanadu.ts
@@ -3,7 +3,7 @@ import { verticesToPolygon } from './common/utils.js';
 import type { Point } from './common/types.js';
 import { PropertyValues } from '@lit/reactive-element';
 export class FolkXanadu extends FolkBaseConnection {
-  static tagName = 'folk-xanadu';
+  static override tagName = 'folk-xanadu';
 
   override update(changedProperties: PropertyValues<this>) {
     super.update(changedProperties);