custom callbacks from base element

src/components/app-link/AppLinkElement.ts

@@ -23,7 +23,7 @@ class AppLinkElement extends BaseComponentElement {
         super();
     }
 
-    public connectedCallback(): void {
+    elementConnected = (): void => {
         this.routerService = this.appMain?.routerService;
         if (!this.title && this.innerText) {
             const _slottedText = this.innerText;
@@ -34,13 +34,13 @@ class AppLinkElement extends BaseComponentElement {
         if (isTrue(this.goBack)) {
             window.addEventListener("routechanged", this.update);
         }
-    }
+    };
 
-    public disconnectedCallback(): void {
+    elementDisconnected = (): void => {
         if (isTrue(this.goBack)) {
             window.removeEventListener("routechanged", this.update);
         }
-    }
+    };
 
     goTo = (e: Event) => {
         e.preventDefault();

src/components/app-main/AppMainElement.ts

@@ -16,7 +16,7 @@ class AppMainElement extends BaseComponentElement {
     constructor() {
         super();
     }
-    connectedCallback() {
+    elementConnected = () => {
         if (this.appMain !== this) return;
         const mainRoot = this.createMainRoot();
         this.httpClient = new HttpClient();
@@ -70,7 +70,7 @@ class AppMainElement extends BaseComponentElement {
             },
         ]);
         this.routerService.init();
-    }
+    };
 
     middleAuth = () => {
         if (!this.isAuth) {

src/components/app-menu/AppMenuElement.ts

@@ -14,7 +14,7 @@ class AppMenuElement extends BaseComponentElement {
         super();
     }
 
-    connectedCallback() {
+    elementConnected = () => {
         this.walletService = new WalletService(this.appMain?.appService);
         if (this.appMain.isAuth) {
             this.getWallets();
@@ -22,11 +22,11 @@ class AppMenuElement extends BaseComponentElement {
             this.update();
         }
         window.addEventListener("tokenchange", this.updateToken);
-    }
+    };
 
-    disconnectedCallback(): void {
+    elementDisconnected = () => {
         window.removeEventListener("tokenchange", this.updateToken);
-    }
+    };
 
     getWallets = async () => {
         try {

src/components/app-modal/AppModalElement.ts

@@ -10,5 +10,5 @@ class AppModalElement extends BaseComponentElement {
         super();
     }
 
-    connectedCallback() {}
+    elementConnected = () => {};
 }

src/components/app-pagination/AppPaginationElement.ts

@@ -16,7 +16,7 @@ class AppPaginationElement extends BaseComponentElement {
         super();
     }
 
-    connectedCallback() {}
+    elementConnected = () => {};
 
     attributeChangedCallback() {
         this.update();

src/components/app-root/AppRootElement.ts

@@ -10,5 +10,5 @@ class AppRootElement extends BaseComponentElement {
         super();
     }
 
-    connectedCallback() {}
+    elementConnected = () => {};
 }

src/components/app-slot/AppSlotElement.ts

@@ -10,5 +10,5 @@ class AppSlotElement extends BaseComponentElement {
         super();
     }
 
-    connectedCallback() {}
+    elementConnected = () => {};
 }

src/components/input-field/InputFieldElement.ts

@@ -24,10 +24,10 @@ class InputFieldElement extends BaseComponentElement {
         super();
     }
 
-    public connectedCallback(): void {
+    public elementConnected = () => {
         this.randId = `${name}${randomId()}`;
         this.update();
-    }
+    };
 
     get valid(): boolean {
         return !!this.error;

src/components/menu-item/MenuItemElement.ts

@@ -16,7 +16,7 @@ class MenuItemElement extends BaseComponentElement {
         super();
     }
 
-    public connectedCallback(): void {
+    public elementConnected = () => {
         this.routerService = this.appMain?.routerService;
         if (!this.title && this.innerText) {
             const _slottedText = this.innerText;
@@ -25,11 +25,11 @@ class MenuItemElement extends BaseComponentElement {
         }
         this.update();
         window.addEventListener("routechanged", this.update);
-    }
+    };
 
-    public disconnectedCallback(): void {
+    public elementDisconnected = () => {
         window.removeEventListener("routechanged", this.update);
-    }
+    };
 
     get current() {
         return this.routerService.comparePath(this.path);