call mounted hooks at proper timing

web/static/src/ts/widgets/Counter.ts

@@ -22,7 +22,7 @@ export class Counter extends Widget<Env> {
   }
 
   mounted() {
-    debugger;
+    console.log("counter mounter", this.el);
   }
   increment(delta: number) {
     this.updateState({ counter: this.state.counter + delta });

web/static/src/ts/widgets/Navbar.ts

@@ -18,6 +18,9 @@ export class Navbar extends Widget<Env> {
   name = "navbar";
   template = template;
 
+  mounted() {
+    console.log("navbar mounted", this.el);
+  }
   getUrl(menu: Menu) {
     const action_id = String(menu.actionID);
     return this.env.router.formatURL("", { action_id });

web/static/src/ts/widgets/clock.ts

@@ -15,6 +15,7 @@ export class Clock extends Widget<Env> {
   }
 
   mounted() {
+    console.log("clock mounter", this.el);
     setInterval(this.updateTime.bind(this), 500);
   }