Add getters and setters for component id to sync up internal emitter

packages/library/src/base/component.ts

@@ -95,7 +95,7 @@ type Metadata = {
 }
 
 export class Component {
-  id?: string
+  #id?: string
   options: any
   data: any
   static metadata: Metadata
@@ -116,7 +116,7 @@ export class Component {
   constructor(options: Partial<ComponentOptions> = {}) {
     const { id, debug } = options
 
-    this.id = id
+    this.#id = id
     this.status = Status.initialized
     this.data = options.data ?? {}
 
@@ -164,6 +164,17 @@ export class Component {
     }
   }
 
+  get id(): string | undefined {
+    return this.#id
+  }
+
+  set id(v: string) {
+    this.#id = v
+
+    // Pass through ID to emitter
+    this.#emitter.id = this.id
+  }
+
   async prepare(directCall = true) {
     if (this.options.tardy && !directCall) {
       this.log('Skipping automated preparation')