[Release] v1.1.0

Author: ptkdev

dist/lib/en/patreon-box.js

@@ -41,6 +41,19 @@ class PatreonBox extends HTMLElement {
 		};
 
 		this.options = Object.create(this.options_default);
+
+		this.resize_event = function(event) {
+			this.resize(event);
+		}.bind(this);
+	}
+
+	/**
+	 * Append web component
+	 * =====================
+	 *
+	 */
+	connectedCallback() {
+		window.addEventListener("resize", this.resize_event);
 	}
 
 	/**
@@ -125,9 +138,6 @@ class PatreonBox extends HTMLElement {
 		}).then(function(response) {
 			this.json = response;
 			this.build_html();
-			window.addEventListener("resize", function(event) {
-				this.resize(event);
-			}.bind(this));
 		}.bind(this));
 	}
 
@@ -154,6 +164,15 @@ class PatreonBox extends HTMLElement {
 			  }
 		}
 	}
+
+	/**
+	 * Remove web component
+	 * =====================
+	 *
+	 */
+	disconnectedCallback() {
+		window.removeEventListener("resize", this.resize_event);
+	}
 }
 
 window.customElements.define("patreon-box", PatreonBox);

dist/lib/en/patreon-box.min.js

@@ -41,6 +41,19 @@ class PatreonBox extends HTMLElement {
 		};
 
 		this.options = Object.create(this.options_default);
+
+		this.resize_event = function(event) {
+			this.resize(event);
+		}.bind(this);
+	}
+
+	/**
+	 * Append web component
+	 * =====================
+	 *
+	 */
+	connectedCallback() {
+		window.addEventListener("resize", this.resize_event);
 	}
 
 	/**
@@ -125,9 +138,6 @@ class PatreonBox extends HTMLElement {
 		}).then(function(response) {
 			this.json = response;
 			this.build_html();
-			window.addEventListener("resize", function(event) {
-				this.resize(event);
-			}.bind(this));
 		}.bind(this));
 	}
 
@@ -154,6 +164,15 @@ class PatreonBox extends HTMLElement {
 			  }
 		}
 	}
+
+	/**
+	 * Remove web component
+	 * =====================
+	 *
+	 */
+	disconnectedCallback() {
+		window.removeEventListener("resize", this.resize_event);
+	}
 }
 
 window.customElements.define("patreon-box", PatreonBox);

dist/lib/it/patreon-box.js

@@ -41,6 +41,19 @@ class PatreonBox extends HTMLElement {
 		};
 
 		this.options = Object.create(this.options_default);
+
+		this.resize_event = function(event) {
+			this.resize(event);
+		}.bind(this);
+	}
+
+	/**
+	 * Append web component
+	 * =====================
+	 *
+	 */
+	connectedCallback() {
+		window.addEventListener("resize", this.resize_event);
 	}
 
 	/**
@@ -125,9 +138,6 @@ class PatreonBox extends HTMLElement {
 		}).then(function(response) {
 			this.json = response;
 			this.build_html();
-			window.addEventListener("resize", function(event) {
-				this.resize(event);
-			}.bind(this));
 		}.bind(this));
 	}
 
@@ -154,6 +164,15 @@ class PatreonBox extends HTMLElement {
 			  }
 		}
 	}
+
+	/**
+	 * Remove web component
+	 * =====================
+	 *
+	 */
+	disconnectedCallback() {
+		window.removeEventListener("resize", this.resize_event);
+	}
 }
 
 window.customElements.define("patreon-box", PatreonBox);