Allow for multiple created and mounted callbacks

electrikmilk · electrikmilk · commit b9143c57a333 · 2023-09-29T18:44:01.000-04:00
diff --git a/src/base-element.js b/src/base-element.js
@@ -8,8 +8,8 @@ let htmlWarn = false;
 export class BaseElement {
     element;
     reference;
-    mountedCallback;
-    createdCallback;
+    mountedCallbacks = [];
+    createdCallbacks = [];
     inputTypes = ['text', 'search', 'url', 'number', 'password', 'email', 'tel'];
 
     constructor(element) {
@@ -60,12 +60,12 @@ export class BaseElement {
     }
 
     created(callback) {
-        this.createdCallback = callback;
+        this.createdCallbacks.push(callback);
         return this;
     }
 
     mounted(callback) {
-        this.mountedCallback = callback;
+        this.mountedCallbacks.push(callback);
         return this;
     }
 
diff --git a/src/main.js b/src/main.js
@@ -113,12 +113,12 @@ export function render(parent, elements) {
 }
 
 function mount(parent, element) {
-    if (element.createdCallback) {
-        element.createdCallback(element);
+    if (element.createdCallbacks) {
+        element.createdCallbacks.map(c => c(element));
     }
     parent.appendChild(element.element);
-    if (element.mountedCallback) {
-        element.mountedCallback(element);
+    if (element.mountedCallbacks) {
+        element.mountedCallbacks.map(m => m(element));
     }
     if (element.elements) {
         render(element.element, element.elements);

Original file line number	Diff line number	Diff line change
`@@ -113,12 +113,12 @@ export function render(parent, elements) {`
`113`	`113`	`}`
`114`	`114`
`115`	`115`	`function mount(parent, element) {`
`116`		`- if (element.createdCallback) {`
`117`		`- element.createdCallback(element);`
	`116`	`+ if (element.createdCallbacks) {`
	`117`	`+ element.createdCallbacks.map(c => c(element));`
`118`	`118`	`}`
`119`	`119`	`parent.appendChild(element.element);`
`120`		`- if (element.mountedCallback) {`
`121`		`- element.mountedCallback(element);`
	`120`	`+ if (element.mountedCallbacks) {`
	`121`	`+ element.mountedCallbacks.map(m => m(element));`
`122`	`122`	`}`
`123`	`123`	`if (element.elements) {`
`124`	`124`	`render(element.element, element.elements);`