1 files changed, 20 insertions, 1 deletions
diff --git a/src/z/z.js b/src/z/z.js
index ba07b9e..e279f42 100644
--- a/src/z/z.js
+++ b/src/z/z.js
@@ -1,10 +1,14 @@
 class ZComponent extends HTMLElement {
+	static observedAttributes = [ 'type' ];
+
 	constructor() {
 		super();
 		this.attachShadow({ mode: 'open' });
+		this.onconnected = () => {};
+		this.ondisconnected = () => {};
 	}
 
-	connectedCallback() {
+	build() {
 		const type = this.getAttribute('type');
 
 		if (type == null) {
@@ -22,6 +26,21 @@ class ZComponent extends HTMLElement {
 
 		Zenv.constructors[`component__${type}`](new Zenv(this));
 	}
+
+	attributeChangedCallback(name, previous, current) {
+		if (name == 'type') {
+			this.shadowRoot.innerHTML = '';
+			this.build()
+		}
+	}
+
+	connectedCallback() {
+		this.onconnected();
+	}
+
+	disconnectedCallback() {
+		this.ondisconnected();
+	}
 }
 
 class Zenv {