@xaendar/core 0.4.6 → 0.4.9

package/dist/xaendar-core.es.d.ts

@@ -2,6 +2,7 @@ import { AccessorDecorator } from '@xaendar/types';
 import { Beautify } from '@xaendar/types';
 import { ClassDecorator as ClassDecorator_2 } from '@xaendar/types';
 import { Constructor } from '@xaendar/types';
+import { NoArgsVoidFunction } from '@xaendar/types';
 import { RequireOne } from '@xaendar/types';
 import { SignalOptions } from '@xaendar/signals';
 import { SignalOptions as SignalOptions_2 } from '@xaendar/signals';
@@ -15,6 +16,10 @@ import { VoidFunction as VoidFunction_2 } from '@xaendar/types';
  * It won't appear by intellisense but it's there.
  */
 export declare class BaseWebComponent extends HTMLElement {
+    /**
+     * Array of functions to unwatch all the signals used in the component
+     */
+    protected unwatchFns: NoArgsVoidFunction[];
     /**
      * The root of the Web Component, where the content is rendered
      */

package/dist/xaendar-core.es.js

@@ -207,6 +207,10 @@ function setSelectors(klass, selectors) {
 * It won't appear by intellisense but it's there.
 */
 var BaseWebComponent = class extends HTMLElement {
+	/**
+	* Array of functions to unwatch all the signals used in the component
+	*/
+	unwatchFns = new Array();
 	/**
 	* The root of the Web Component, where the content is rendered
 	*/
@@ -220,7 +224,9 @@ var BaseWebComponent = class extends HTMLElement {
 	* update the rendering of the component
 	* @internal 
 	*/
-	_render() {}
+	_render() {
+		return [];
+	}
 	/**
 	* Method automatically called by the JavascriptEngine when an attribute
 	* on the host element is changed
@@ -245,7 +251,7 @@ var BaseWebComponent = class extends HTMLElement {
 	* This method is called EVERY time the element is added
 	*/
 	connectedCallback() {
-		this._render();
+		this.unwatchFns = this._render();
 	}
 	/**
 	* Method automatically called by the JavascriptEngine when a CustomElement
@@ -257,7 +263,10 @@ var BaseWebComponent = class extends HTMLElement {
 	* so that if the element is re-added to the DOM
 	* the properties initialization won't call the render method
 	*/
-	disconnectedCallback() {}
+	disconnectedCallback() {
+		this.unwatchFns.forEach((unwatch) => unwatch());
+		this.unwatchFns = [];
+	}
 };
 //#endregion
 export { BaseWebComponent, Event, InputSignal, Property, WebComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaendar/core",
-  "version": "0.4.6",
+  "version": "0.4.9",
   "description": "A library containing core utils such as webcomponent base classes and theming support",
   "sideEffects": false,
   "type": "module",
@@ -16,7 +16,7 @@
     }
   },
   "dependencies": {
-    "@xaendar/signals": "0.4.6",
-    "@xaendar/types": "0.4.6"
+    "@xaendar/signals": "0.4.9",
+    "@xaendar/types": "0.4.9"
   }
 }