@twobirds/microcomponents 0.0.2 → 0.0.4

package/MicroComponentProposal_draft.md

@@ -13,15 +13,18 @@ Microcomponents provide a way to encapsulate functionality and state within a ta
 **Proposed API:**
 
 - **Static Methods:**
-  - `MC.add(target, key, element)`: Attach a micro component.
-  - `MC.remove(target, key)`: Detach a micro component.
+  - `MC.add( taarget, key, element)`: Attach a top level micro component to an HTMLElement.
+  - `MC.remove( target, key )`: Detach a top level micro component from an HTMLElement.
+  - `MC.siblings( target )`: get top level micro components from an HTMLElement.
 
 - **Instance Methods:**
-  - `siblings(search)`: Retrieve sibling micro components.
-  - `parent(search)`: Get parent micro components.
-  - `parents(search)`: Get all ancestor micro components.
-  - `children(search)`: Retrieve child micro components.
-  - `descendants(search)`: Get all descendant micro components.
+  - `add( key, element )`: Attach a private Micro Component to a Micro Component.
+  - `remove( key )`: Detach a private Micro Component from a Micro Component.
+  - `siblings(search?)`: Retrieve sibling micro components.
+  - `parent(search?)`: Get parent top level micro components.
+  - `parents(search?)`: Get all ancestor top level micro components.
+  - `children(search?)`: Retrieve child top level micro components.
+  - `descendants(search?)`: Get all descendant top level micro components.
 
 **Use Cases:**
 1. Modular web applications.

package/README.md

@@ -2,11 +2,11 @@
 
 ![Micro Components Logo](https://gitlab.com/twoBirds/microcomponents/-/raw/main/MicroComponents.svg)
 
-This code aims at **improving Javascript modularity**. It does not describe a specific Micro Component itself but rather describes they way they are **organized**. A typical example of a **Micro Component** can be found in "additional concepts" below.
+This code aims at [improving Javascript modularity](https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_why.md?ref_type=heads). It does not describe a specific Micro Component itself but rather describes they way they are **organized**. A typical example of a **Micro Component** can be found in "additional concepts" below.
 
 Using micro components enforces **DRY, KISS and SOLID** principles in Javascript programming. Read this [RFC](https://gitlab.com/twoBirds/microcomponents/-/blob/main/MicroComponentProposal_draft.md?ref_type=heads) for the shortest info.
 
-This is a low-level approach. It consists of a single class with 2 static methods and 5 selector methods, and weights in at ~2 kB. Also there is an ES3 version to help e.g. [hbbtv](https://en.wikipedia.org/wiki/Hybrid_Broadcast_Broadband_TV) modular JS coding, or any other device that relies on ES3.
+This is a low-level approach. It consists of a single class with 3 static methods and 5 selector methods, and weights in at ~2 kB. Also there is an ES3 version to help e.g. [hbbtv](https://en.wikipedia.org/wiki/Hybrid_Broadcast_Broadband_TV) modular JS coding, or any other device that relies on ES3.
 
 For an overview, continue reading.
 
@@ -15,29 +15,6 @@ For a detailed functional description goto [Micro Component Usage](https://gitla
 To see what can be done, go to [additional concepts](https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_magic.md?ref_type=heads) which delve a little deeper into how to use it, and what it already has been used for.
 
 
-## Why would I give this a try in my company?
-
-It is lightweight, proven and can yield positive results immediatly.
-
-
-### **As the CTO**:
-- **Reusability**: this works with every Javascript framework that allows for DOM access, and it will work as long as the DOM exists in browsers. That is, forever.
-- **Scalability**: scales perfectly by design.
-- **Interoperability**: where many teams in different projects should share specific business or UI logic, you want to have something that works in any JS framework you use.
-
-### **As a Project Manager**:
-- **Separation of Concerns**: since this is a modular approach you can **split UI logic from Business logic** and let diffent teams work on each.
-- using this, you can **work with external developers without the need to give them access to your projects code repository**.
-- you will find out that this allows your project to **become independent from the "tools hell"**. You tend to use **DIY** modules where you had tools before.
-
-### **As a Javascript Developer**:
-- The learning curve to use this is more than shallow. 1 hour should be enough.
-- This is based on **plain Javascript/Typescript, HTML and CSS**. There is no abstraction layer.
-- From the very start **it is fun to work with**. You are back in control of your code without bigger frameworks, but you are able to interact with them.
-- You can **work for any customer right away**. **No training on their system required**, just fulfill their micro component requirements.
-- Over time, you can **build your own framework or functional libraries** from scratch.
-
-
 ## Functional Requirements
 
 - I want to **enrich a standard HTMLElement instance with encapsuled and modular javascript**, without having to resort to web components or big frameworks.
@@ -83,17 +60,7 @@ console.log( myButton._mc );
 
 For detailed information jump to [Micro Component Usage](https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_usage.md?ref_type=heads);
 
-## History
-
-I have been working with this since 2004. I used this as core principle inside my twoBirds framework.
-
-This functionality has been used in very big and complicated data processing projects:
-- to allow for web component like programming (as early as 2004)
-- to encapsule UI handling
-- to represent business processes and their tasks
-- and lately to compose very complex native web components from distinct modular functionality.
-
-I decided to extract this functionality from the [twoBirds framework](https://www.npmjs.com/package/twobirds-core), since it is framework agnostic, and relies solely on the standard DOM and native javascript or typescript, and is a useful tool in itself.
+I decided to extract this functionality from the [twoBirds framework](https://www.npmjs.com/package/twobirds-core), since it is framework agnostic, and relies solely on the standard DOM and native javascript or typescript, and is a useful tool in itself. Also this will be a dependency in twoBirds then.
 
 ## Useful Links
 

package/dist/microcomponents.d.ts

@@ -1,15 +1,19 @@
 export declare class MC {
     private target;
     private privateMCs;
+    _mc?: {
+        [key: string]: any;
+    };
     static debug: boolean;
     constructor(target?: HTMLElement | null);
-    static add(element: any, key: string, target: HTMLElement): any;
-    add(element?: any, key?: string, target?: HTMLElement): any;
+    static siblings(target: HTMLElement, search?: string): any[];
+    static add(target: HTMLElement, key: string, element?: any): any[];
     static remove(target: HTMLElement, key: string): void;
-    remove(key: string): void;
     private getMicroComponents;
     private traverseNodes;
     private isDOM;
+    add(key?: string, element?: any): any;
+    remove(key: string): void;
     siblings(search?: string): any[];
     parent(search?: string): any[];
     parents(search?: string): any[];

package/dist/microcomponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"microcomponents.d.ts","sourceRoot":"","sources":["../src/microcomponents.ts"],"names":[],"mappings":"AACA,qBAAa,EAAE;IAEd,OAAO,CAAC,MAAM,CAAqB;IAEnC,OAAO,CAAC,UAAU,CAA8B;IAEhD,MAAM,CAAC,KAAK,EAAE,OAAO,CAAS;gBAElB,MAAM,GAAE,WAAW,GAAG,IAAW;IAM7C,MAAM,CAAC,GAAG,CAAE,OAAO,EAAE,GAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,GAAI,GAAG;IAqBtE,GAAG,CAAE,OAAO,GAAE,GAAQ,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAI,GAAG;IAgBjE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAkBrD,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAiBzB,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,KAAK;IASb,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAchC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAQ9B,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAQ/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAahC,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;CAOnC;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IACjD,GAAG,EAAE,EAAE,CAAC;CACR"}
+{"version":3,"file":"microcomponents.d.ts","sourceRoot":"","sources":["../src/microcomponents.ts"],"names":[],"mappings":"AACA,qBAAa,EAAE;IAEd,OAAO,CAAC,MAAM,CAAqB;IAEnC,OAAO,CAAC,UAAU,CAA8B;IAEhD,GAAG,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAM;IAElC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAS;gBAElB,MAAM,GAAE,WAAW,GAAG,IAAW;IAS7C,MAAM,CAAC,QAAQ,CAAE,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,GAAI,GAAG,EAAE;IAQ9D,MAAM,CAAC,GAAG,CAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,GAAQ,GAAI,GAAG,EAAE;IAqBxE,MAAM,CAAC,MAAM,CAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAI,IAAI;IA8BvD,OAAO,CAAC,kBAAkB;IA0B1B,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,KAAK;IASb,GAAG,CAAE,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,GAAQ,GAAI,GAAG;IAU3C,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAczB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAchC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAQ9B,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAQ/B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;IAahC,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE;CAOnC;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IACjD,GAAG,EAAE,EAAE,CAAC;CACR"}

package/dist/microcomponents.js

@@ -2,13 +2,26 @@
 export class MC {
     target;
     privateMCs = {};
+    _mc = {};
     static debug = false;
     constructor(target = null) {
         this.target = target;
         this.privateMCs = {};
+        if (MC?.debug) {
+            this._mc = this.privateMCs;
+        }
+        ;
+    }
+    // return all top-level micro components from an HTMLElement
+    static siblings(target, search) {
+        let t = target;
+        if (!t?._mc)
+            return [];
+        let mc = t._mc;
+        return search ? mc[search] ? [mc[search]] : [] : [...Object.entries(t._mc)];
     }
     // add a microcomponent to a target DOM node
-    static add(element = {}, key, target) {
+    static add(target, key, element = {}) {
         const mc = target;
         // create the _mc property if necessary
         if (!mc._mc) {
@@ -23,24 +36,18 @@ export class MC {
         }
         return element;
     }
-    // add a microcomponent to the DOM or to the private microcomponent collection
-    add(element = {}, key, target) {
-        // add the element
-        if (target && key) {
-            // ...to the DOM
-            this.privateMCs[key] = element; // also the first element in the private MC collection
-            return MC.add(element, key, target);
-        }
-        if (key && !element) {
-            // ... to the private element collection
-            this.privateMCs[key] = element;
-        }
-        return element;
-    }
-    // remove a micro component from the DOM
+    // remove a micro component from the target DOM node
     static remove(target, key) {
+        if ( //silent fail
+        !key
+            || typeof key !== 'string'
+            || !target
+            || target instanceof HTMLElement === false) {
+            return;
+        }
+        ;
         const mc = target;
-        // delete the property from the DOM
+        // delete the property from the HTMLElement _mc collection
         if (mc._mc && mc._mc[key]) {
             delete mc._mc[key];
         }
@@ -50,16 +57,6 @@ export class MC {
         }
         return;
     }
-    // remove a micro component from the DOM or the private microcomponent collection
-    remove(key) {
-        // remove the component from the private collection
-        if (key in this.privateMCs) {
-            delete this.privateMCs[key];
-        }
-        if (MC.debug && this.target) {
-            MC.remove(this.target, key);
-        }
-    }
     /*
     helper methods
     */
@@ -110,9 +107,27 @@ export class MC {
         return element && element instanceof HTMLElement;
     }
     /*
+    Methods to handle private MCs
+    */
+    // add a microcomponent to the private microcomponent collection
+    add(key, element = {}) {
+        // add the element
+        if (key) {
+            this.privateMCs[key] = element; // also the first element in the private MC collection
+        }
+        return element;
+    }
+    // remove a micro component from the private microcomponent collection
+    remove(key) {
+        // remove the component from the private collection
+        if (key in this.privateMCs) {
+            delete this.privateMCs[key];
+        }
+    }
+    /*
     selector methods, non-chainable
     */
-    // all public _mc members and private collection members
+    // all private collection members
     siblings(search) {
         if (this.target) {
             if (this.target instanceof HTMLElement === true) {

package/dist/microcomponents.min.js

@@ -1,15 +1,12 @@
-'use strict';export class MC{target;privateMCs={};static debug=false;constructor(target=null){this.target=target;this.privateMCs={};}
-static add(element={},key,target){const mc=target;if(!mc._mc){mc._mc=new MC();}
+'use strict';export class MC{target;privateMCs={};_mc={};static debug=false;constructor(target=null){this.target=target;this.privateMCs={};if(MC?.debug){this._mc=this.privateMCs;};}
+static siblings(target,search){let t=target;if(!t?._mc)
+return[];let mc=t._mc;return search?mc[search]?[mc[search]]:[]:[...Object.entries(t._mc)];}
+static add(target,key,element={}){const mc=target;if(!mc._mc){mc._mc=new MC();}
 if(key&&!mc._mc[key]){mc._mc[key]=element;if(target){target.setAttribute('_mc','');}}
 return element;}
-add(element={},key,target){if(target&&key){this.privateMCs[key]=element;return MC.add(element,key,target);}
-if(key&&!element){this.privateMCs[key]=element;}
-return element;}
-static remove(target,key){const mc=target;if(mc._mc&&mc._mc[key]){delete mc._mc[key];}
+static remove(target,key){if(!key||typeof key!=='string'||!target||target instanceof HTMLElement===false){return;};const mc=target;if(mc._mc&&mc._mc[key]){delete mc._mc[key];}
 if(!Object.keys(mc._mc).length&&target.hasAttribute('_mc')){target.removeAttribute('_mc');}
 return;}
-remove(key){if(key in this.privateMCs){delete this.privateMCs[key];}
-if(MC.debug&&this.target){MC.remove(this.target,key);}}
 getMicroComponents(elements,search){let mcValues=[];elements.forEach(e=>{if(e){if(e instanceof HTMLElement){if(!search&&e._mc){mcValues=mcValues.concat(Object.values(e._mc));}
 else if(search&&e._mc&&e._mc[search]){mcValues.push(e._mc[search]);}}
 else if(e instanceof MC){if(!search){mcValues=mcValues.concat(Object.values(this.privateMCs));}
@@ -21,6 +18,9 @@ return mcValues;}
 node=node.parentNode;}
 return mcValues;}
 isDOM(element){return element&&element instanceof HTMLElement;}
+add(key,element={}){if(key){this.privateMCs[key]=element;}
+return element;}
+remove(key){if(key in this.privateMCs){delete this.privateMCs[key];}}
 siblings(search){if(this.target){if(this.target instanceof HTMLElement===true){return this.getMicroComponents([this.target],search);}
 else{const result=this.privateMCs[search||''];return search&&result?[result]:Object.entries(this.privateMCs);}}
 return[];}

package/dist/microcomponents.ts

@@ -5,15 +5,28 @@ export class MC {
 
 	private privateMCs: { [key: string]: any } = {};
 
+	_mc?: { [key: string]: any } = {};
+
 	static debug: boolean = false;
 
 	constructor(target: HTMLElement | null = null) {
 		this.target = target;
 		this.privateMCs = {};
+		if ( MC?.debug ) {
+			this._mc = this.privateMCs;
+		};
+	}
+
+	// return all top-level micro components from an HTMLElement
+	static siblings( target: HTMLElement, search?: string ): any[] {
+		let t = target as HTMLElementMc;
+		if ( !t?._mc ) return [];
+		let mc: { [key: string]: any } = t._mc;
+		return search ? mc[search] ? [ mc[search] ] : [] : [ ...Object.entries( t._mc ) ];
 	}
 
 	// add a microcomponent to a target DOM node
-	static add( element: any = {}, key: string, target: HTMLElement ): any {
+	static add( target: HTMLElement, key: string, element: any = {} ): any[] {
 
 		const mc = target as any;
 
@@ -33,28 +46,20 @@ export class MC {
 		return element;
 	}
 
-	// add a microcomponent to the DOM or to the private microcomponent collection
-	add( element: any = {}, key?: string, target?: HTMLElement ): any {
-
-		// add the element
-		if ( target && key ){
-			// ...to the DOM
-			this.privateMCs[key] = element; // also the first element in the private MC collection
-			return MC.add( element, key, target );
-		}
-		if ( key && !element ){
-			// ... to the private element collection
-			this.privateMCs[key] = element;
-		}
-		return element;
-	}
+	// remove a micro component from the target DOM node
+	static remove( target: HTMLElement, key: string ): void {
 
-	// remove a micro component from the DOM
-	static remove(target: HTMLElement, key: string): void {
+		if ( //silent fail
+			!key
+			|| typeof key !== 'string'
+			|| !target
+			|| target instanceof HTMLElement === false ) {
+				return;
+		};
 
 		const mc = target as any;
 
-		// delete the property from the DOM
+		// delete the property from the HTMLElement _mc collection
 		if (mc._mc && mc._mc[key]) {
 			delete mc._mc[key];
 		}
@@ -67,19 +72,6 @@ export class MC {
 		return;
 	}
 
-	// remove a micro component from the DOM or the private microcomponent collection
-	remove(key: string): void {
-
-		// remove the component from the private collection
-		if (key in this.privateMCs) {
-			delete this.privateMCs[key];
-		}
-
-		if ( MC.debug && this.target ){
-			MC.remove(this.target, key);
-		}
-	}
-
 	/*
 	helper methods
 	*/
@@ -134,11 +126,35 @@ export class MC {
 		return element && element instanceof HTMLElement;
 	}
 
+	/*
+	Methods to handle private MCs
+	*/
+
+	// add a microcomponent to the private microcomponent collection
+	add( key?: string, element: any = {} ): any {
+
+		// add the element
+		if ( key ){
+			this.privateMCs[key] = element; // also the first element in the private MC collection
+		}
+		return element;
+	}
+
+	// remove a micro component from the private microcomponent collection
+	remove(key: string): void {
+
+		// remove the component from the private collection
+		if (key in this.privateMCs) {
+			delete this.privateMCs[key];
+		}
+
+	}
+
 	/*
 	selector methods, non-chainable
 	*/
 
-	// all public _mc members and private collection members
+	// all private collection members
 	siblings(search?: string): any[] {
 		if ( this.target ){
 			if ( this.target instanceof HTMLElement === true ){

package/microcomponents_why.md

@@ -0,0 +1,25 @@
+
+## Why would I give this a try?
+
+It is lightweight, proven and can yield positive results immediatly.
+
+
+### **As the CTO**:
+
+- **Reusability**: this works with every Javascript framework that allows for DOM access, and it will work as long as the DOM exists in browsers. That is, forever.
+- **Scalability**: scales perfectly by design.
+- **Interoperability**: where many teams in different projects should share specific business or UI logic, you want to have something that works in any JS framework you use.
+
+### **As a Project Manager**:
+
+- **Separation of Concerns**: since this is a modular approach you can **split UI logic from Business logic** and let diffent teams work on each.
+- using this, you can **work with external developers without the need to give them access to your projects code repository**.
+- you will find out that this allows your project to **become independent from the "tools hell"**. You tend to use **DIY** modules where you had tools before.
+
+### **As a Javascript Developer**:
+
+- The learning curve to use this is more than shallow. 1 hour should be enough.
+- This is based on **plain Javascript/Typescript, HTML and CSS**. There is no abstraction layer.
+- From the very start **it is fun to work with**. You are back in control of your code without bigger frameworks, but you are able to interact with them.
+- You can **work for any customer right away**. **No training on their system required**, just fulfill their micro component requirements.
+- Over time, you can **build your own framework or functional libraries** from scratch.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twobirds/microcomponents",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Micro Components Organization Class",
   "main": "microcomponents.js",
   "sideEffects": false,

package/public/docs/assets/search.js

@@ -1 +1 @@
-window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"64\":\"Function\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"65536\":\"Type literal\"},\"rows\":[{\"kind\":2,\"name\":\"microcomponents\",\"url\":\"modules/microcomponents.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"MC\",\"url\":\"classes/microcomponents.MC.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"microcomponents\"},{\"kind\":1024,\"name\":\"debug\",\"url\":\"classes/microcomponents.MC.html#debug\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/microcomponents.MC.html#add-2\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/microcomponents.MC.html#remove-2\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/microcomponents.MC.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":1024,\"name\":\"target\",\"url\":\"classes/microcomponents.MC.html#target\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":1024,\"name\":\"privateMCs\",\"url\":\"classes/microcomponents.MC.html#privateMCs\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"classes/microcomponents.MC.html#privateMCs.__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-property\",\"parent\":\"microcomponents.MC.privateMCs\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/microcomponents.MC.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/microcomponents.MC.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"getMicroComponents\",\"url\":\"classes/microcomponents.MC.html#getMicroComponents\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"traverseNodes\",\"url\":\"classes/microcomponents.MC.html#traverseNodes\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"isDOM\",\"url\":\"classes/microcomponents.MC.html#isDOM\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"siblings\",\"url\":\"classes/microcomponents.MC.html#siblings\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"parent\",\"url\":\"classes/microcomponents.MC.html#parent\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"parents\",\"url\":\"classes/microcomponents.MC.html#parents\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"children\",\"url\":\"classes/microcomponents.MC.html#children\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"descendants\",\"url\":\"classes/microcomponents.MC.html#descendants\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":256,\"name\":\"HTMLElementMc\",\"url\":\"interfaces/microcomponents.HTMLElementMc.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"microcomponents\"},{\"kind\":1024,\"name\":\"_mc\",\"url\":\"interfaces/microcomponents.HTMLElementMc.html#_mc\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"microcomponents.HTMLElementMc\"},{\"kind\":2,\"name\":\"microcomponents.es3\",\"url\":\"modules/microcomponents_es3.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"__isEmpty\",\"url\":\"functions/microcomponents_es3.__isEmpty.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"microcomponents.es3\"},{\"kind\":128,\"name\":\"MC\",\"url\":\"classes/microcomponents_es3.MC.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"microcomponents.es3\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/microcomponents_es3.MC.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/microcomponents_es3.MC.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/microcomponents_es3.MC.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":1024,\"name\":\"_target\",\"url\":\"classes/microcomponents_es3.MC.html#_target\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"siblings\",\"url\":\"classes/microcomponents_es3.MC.html#siblings\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"parent\",\"url\":\"classes/microcomponents_es3.MC.html#parent\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"parents\",\"url\":\"classes/microcomponents_es3.MC.html#parents\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"children\",\"url\":\"classes/microcomponents_es3.MC.html#children\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"descendants\",\"url\":\"classes/microcomponents_es3.MC.html#descendants\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,31.209]],[\"comment/0\",[]],[\"name/1\",[1,26.101]],[\"comment/1\",[]],[\"name/2\",[2,31.209]],[\"comment/2\",[]],[\"name/3\",[3,22.736]],[\"comment/3\",[]],[\"name/4\",[4,22.736]],[\"comment/4\",[]],[\"name/5\",[5,26.101]],[\"comment/5\",[]],[\"name/6\",[6,31.209]],[\"comment/6\",[]],[\"name/7\",[7,31.209]],[\"comment/7\",[]],[\"name/8\",[8,31.209]],[\"comment/8\",[]],[\"name/9\",[3,22.736]],[\"comment/9\",[]],[\"name/10\",[4,22.736]],[\"comment/10\",[]],[\"name/11\",[9,31.209]],[\"comment/11\",[]],[\"name/12\",[10,31.209]],[\"comment/12\",[]],[\"name/13\",[11,31.209]],[\"comment/13\",[]],[\"name/14\",[12,26.101]],[\"comment/14\",[]],[\"name/15\",[13,26.101]],[\"comment/15\",[]],[\"name/16\",[14,26.101]],[\"comment/16\",[]],[\"name/17\",[15,26.101]],[\"comment/17\",[]],[\"name/18\",[16,26.101]],[\"comment/18\",[]],[\"name/19\",[17,31.209]],[\"comment/19\",[]],[\"name/20\",[18,31.209]],[\"comment/20\",[]],[\"name/21\",[19,31.209]],[\"comment/21\",[]],[\"name/22\",[20,31.209]],[\"comment/22\",[]],[\"name/23\",[1,26.101]],[\"comment/23\",[]],[\"name/24\",[3,22.736]],[\"comment/24\",[]],[\"name/25\",[4,22.736]],[\"comment/25\",[]],[\"name/26\",[5,26.101]],[\"comment/26\",[]],[\"name/27\",[21,31.209]],[\"comment/27\",[]],[\"name/28\",[12,26.101]],[\"comment/28\",[]],[\"name/29\",[13,26.101]],[\"comment/29\",[]],[\"name/30\",[14,26.101]],[\"comment/30\",[]],[\"name/31\",[15,26.101]],[\"comment/31\",[]],[\"name/32\",[16,26.101]],[\"comment/32\",[]]],\"invertedIndex\":[[\"__isempty\",{\"_index\":20,\"name\":{\"22\":{}},\"comment\":{}}],[\"__type\",{\"_index\":8,\"name\":{\"8\":{}},\"comment\":{}}],[\"_mc\",{\"_index\":18,\"name\":{\"20\":{}},\"comment\":{}}],[\"_target\",{\"_index\":21,\"name\":{\"27\":{}},\"comment\":{}}],[\"add\",{\"_index\":3,\"name\":{\"3\":{},\"9\":{},\"24\":{}},\"comment\":{}}],[\"children\",{\"_index\":15,\"name\":{\"17\":{},\"31\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":5,\"name\":{\"5\":{},\"26\":{}},\"comment\":{}}],[\"debug\",{\"_index\":2,\"name\":{\"2\":{}},\"comment\":{}}],[\"descendants\",{\"_index\":16,\"name\":{\"18\":{},\"32\":{}},\"comment\":{}}],[\"getmicrocomponents\",{\"_index\":9,\"name\":{\"11\":{}},\"comment\":{}}],[\"htmlelementmc\",{\"_index\":17,\"name\":{\"19\":{}},\"comment\":{}}],[\"isdom\",{\"_index\":11,\"name\":{\"13\":{}},\"comment\":{}}],[\"mc\",{\"_index\":1,\"name\":{\"1\":{},\"23\":{}},\"comment\":{}}],[\"microcomponents\",{\"_index\":0,\"name\":{\"0\":{}},\"comment\":{}}],[\"microcomponents.es3\",{\"_index\":19,\"name\":{\"21\":{}},\"comment\":{}}],[\"parent\",{\"_index\":13,\"name\":{\"15\":{},\"29\":{}},\"comment\":{}}],[\"parents\",{\"_index\":14,\"name\":{\"16\":{},\"30\":{}},\"comment\":{}}],[\"privatemcs\",{\"_index\":7,\"name\":{\"7\":{}},\"comment\":{}}],[\"remove\",{\"_index\":4,\"name\":{\"4\":{},\"10\":{},\"25\":{}},\"comment\":{}}],[\"siblings\",{\"_index\":12,\"name\":{\"14\":{},\"28\":{}},\"comment\":{}}],[\"target\",{\"_index\":6,\"name\":{\"6\":{}},\"comment\":{}}],[\"traversenodes\",{\"_index\":10,\"name\":{\"12\":{}},\"comment\":{}}]],\"pipeline\":[]}}");
+window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"64\":\"Function\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"65536\":\"Type literal\"},\"rows\":[{\"kind\":2,\"name\":\"microcomponents\",\"url\":\"modules/microcomponents.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"MC\",\"url\":\"classes/microcomponents.MC.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"microcomponents\"},{\"kind\":1024,\"name\":\"debug\",\"url\":\"classes/microcomponents.MC.html#debug\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"siblings\",\"url\":\"classes/microcomponents.MC.html#siblings-2\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/microcomponents.MC.html#add-2\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/microcomponents.MC.html#remove-2\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/microcomponents.MC.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":1024,\"name\":\"target\",\"url\":\"classes/microcomponents.MC.html#target\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":1024,\"name\":\"privateMCs\",\"url\":\"classes/microcomponents.MC.html#privateMCs\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"classes/microcomponents.MC.html#privateMCs.__type-1\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-property\",\"parent\":\"microcomponents.MC.privateMCs\"},{\"kind\":1024,\"name\":\"_mc\",\"url\":\"classes/microcomponents.MC.html#_mc\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":65536,\"name\":\"__type\",\"url\":\"classes/microcomponents.MC.html#_mc.__type\",\"classes\":\"tsd-kind-type-literal tsd-parent-kind-property\",\"parent\":\"microcomponents.MC._mc\"},{\"kind\":2048,\"name\":\"getMicroComponents\",\"url\":\"classes/microcomponents.MC.html#getMicroComponents\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"traverseNodes\",\"url\":\"classes/microcomponents.MC.html#traverseNodes\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"isDOM\",\"url\":\"classes/microcomponents.MC.html#isDOM\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/microcomponents.MC.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/microcomponents.MC.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"siblings\",\"url\":\"classes/microcomponents.MC.html#siblings\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"parent\",\"url\":\"classes/microcomponents.MC.html#parent\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"parents\",\"url\":\"classes/microcomponents.MC.html#parents\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"children\",\"url\":\"classes/microcomponents.MC.html#children\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":2048,\"name\":\"descendants\",\"url\":\"classes/microcomponents.MC.html#descendants\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.MC\"},{\"kind\":256,\"name\":\"HTMLElementMc\",\"url\":\"interfaces/microcomponents.HTMLElementMc.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"microcomponents\"},{\"kind\":1024,\"name\":\"_mc\",\"url\":\"interfaces/microcomponents.HTMLElementMc.html#_mc\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"microcomponents.HTMLElementMc\"},{\"kind\":2,\"name\":\"microcomponents.es3\",\"url\":\"modules/microcomponents_es3.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"__isEmpty\",\"url\":\"functions/microcomponents_es3.__isEmpty.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"microcomponents.es3\"},{\"kind\":128,\"name\":\"MC\",\"url\":\"classes/microcomponents_es3.MC.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"microcomponents.es3\"},{\"kind\":2048,\"name\":\"add\",\"url\":\"classes/microcomponents_es3.MC.html#add\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"remove\",\"url\":\"classes/microcomponents_es3.MC.html#remove\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/microcomponents_es3.MC.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":1024,\"name\":\"_target\",\"url\":\"classes/microcomponents_es3.MC.html#_target\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"siblings\",\"url\":\"classes/microcomponents_es3.MC.html#siblings\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"parent\",\"url\":\"classes/microcomponents_es3.MC.html#parent\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"parents\",\"url\":\"classes/microcomponents_es3.MC.html#parents\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"children\",\"url\":\"classes/microcomponents_es3.MC.html#children\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"},{\"kind\":2048,\"name\":\"descendants\",\"url\":\"classes/microcomponents_es3.MC.html#descendants\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"microcomponents.es3.MC\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,32.055]],[\"comment/0\",[]],[\"name/1\",[1,26.946]],[\"comment/1\",[]],[\"name/2\",[2,32.055]],[\"comment/2\",[]],[\"name/3\",[3,23.582]],[\"comment/3\",[]],[\"name/4\",[4,23.582]],[\"comment/4\",[]],[\"name/5\",[5,23.582]],[\"comment/5\",[]],[\"name/6\",[6,26.946]],[\"comment/6\",[]],[\"name/7\",[7,32.055]],[\"comment/7\",[]],[\"name/8\",[8,32.055]],[\"comment/8\",[]],[\"name/9\",[9,26.946]],[\"comment/9\",[]],[\"name/10\",[10,26.946]],[\"comment/10\",[]],[\"name/11\",[9,26.946]],[\"comment/11\",[]],[\"name/12\",[11,32.055]],[\"comment/12\",[]],[\"name/13\",[12,32.055]],[\"comment/13\",[]],[\"name/14\",[13,32.055]],[\"comment/14\",[]],[\"name/15\",[4,23.582]],[\"comment/15\",[]],[\"name/16\",[5,23.582]],[\"comment/16\",[]],[\"name/17\",[3,23.582]],[\"comment/17\",[]],[\"name/18\",[14,26.946]],[\"comment/18\",[]],[\"name/19\",[15,26.946]],[\"comment/19\",[]],[\"name/20\",[16,26.946]],[\"comment/20\",[]],[\"name/21\",[17,26.946]],[\"comment/21\",[]],[\"name/22\",[18,32.055]],[\"comment/22\",[]],[\"name/23\",[10,26.946]],[\"comment/23\",[]],[\"name/24\",[19,32.055]],[\"comment/24\",[]],[\"name/25\",[20,32.055]],[\"comment/25\",[]],[\"name/26\",[1,26.946]],[\"comment/26\",[]],[\"name/27\",[4,23.582]],[\"comment/27\",[]],[\"name/28\",[5,23.582]],[\"comment/28\",[]],[\"name/29\",[6,26.946]],[\"comment/29\",[]],[\"name/30\",[21,32.055]],[\"comment/30\",[]],[\"name/31\",[3,23.582]],[\"comment/31\",[]],[\"name/32\",[14,26.946]],[\"comment/32\",[]],[\"name/33\",[15,26.946]],[\"comment/33\",[]],[\"name/34\",[16,26.946]],[\"comment/34\",[]],[\"name/35\",[17,26.946]],[\"comment/35\",[]]],\"invertedIndex\":[[\"__isempty\",{\"_index\":20,\"name\":{\"25\":{}},\"comment\":{}}],[\"__type\",{\"_index\":9,\"name\":{\"9\":{},\"11\":{}},\"comment\":{}}],[\"_mc\",{\"_index\":10,\"name\":{\"10\":{},\"23\":{}},\"comment\":{}}],[\"_target\",{\"_index\":21,\"name\":{\"30\":{}},\"comment\":{}}],[\"add\",{\"_index\":4,\"name\":{\"4\":{},\"15\":{},\"27\":{}},\"comment\":{}}],[\"children\",{\"_index\":16,\"name\":{\"20\":{},\"34\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":6,\"name\":{\"6\":{},\"29\":{}},\"comment\":{}}],[\"debug\",{\"_index\":2,\"name\":{\"2\":{}},\"comment\":{}}],[\"descendants\",{\"_index\":17,\"name\":{\"21\":{},\"35\":{}},\"comment\":{}}],[\"getmicrocomponents\",{\"_index\":11,\"name\":{\"12\":{}},\"comment\":{}}],[\"htmlelementmc\",{\"_index\":18,\"name\":{\"22\":{}},\"comment\":{}}],[\"isdom\",{\"_index\":13,\"name\":{\"14\":{}},\"comment\":{}}],[\"mc\",{\"_index\":1,\"name\":{\"1\":{},\"26\":{}},\"comment\":{}}],[\"microcomponents\",{\"_index\":0,\"name\":{\"0\":{}},\"comment\":{}}],[\"microcomponents.es3\",{\"_index\":19,\"name\":{\"24\":{}},\"comment\":{}}],[\"parent\",{\"_index\":14,\"name\":{\"18\":{},\"32\":{}},\"comment\":{}}],[\"parents\",{\"_index\":15,\"name\":{\"19\":{},\"33\":{}},\"comment\":{}}],[\"privatemcs\",{\"_index\":8,\"name\":{\"8\":{}},\"comment\":{}}],[\"remove\",{\"_index\":5,\"name\":{\"5\":{},\"16\":{},\"28\":{}},\"comment\":{}}],[\"siblings\",{\"_index\":3,\"name\":{\"3\":{},\"17\":{},\"31\":{}},\"comment\":{}}],[\"target\",{\"_index\":7,\"name\":{\"7\":{}},\"comment\":{}}],[\"traversenodes\",{\"_index\":12,\"name\":{\"13\":{}},\"comment\":{}}]],\"pipeline\":[]}}");

package/public/docs/classes/microcomponents.MC.html

@@ -21,7 +21,7 @@
 <ul class="tsd-hierarchy">
 <li><span class="target">MC</span></li></ul></section><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L2">src/microcomponents.ts:2</a></li></ul></aside>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L2">src/microcomponents.ts:2</a></li></ul></aside>
 <section class="tsd-panel-group tsd-index-group">
 <section class="tsd-panel tsd-index-panel">
 <details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
@@ -33,7 +33,8 @@
 </div></section>
 <section class="tsd-index-section">
 <h3 class="tsd-index-heading">Properties</h3>
-<div class="tsd-index-list"><a href="microcomponents.MC.html#privateMCs" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>privateMCs</span></a>
+<div class="tsd-index-list"><a href="microcomponents.MC.html#_mc" class="tsd-index-link tsd-kind-property tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>_mc?</span></a>
+<a href="microcomponents.MC.html#privateMCs" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>privateMCs</span></a>
 <a href="microcomponents.MC.html#target" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>target</span></a>
 <a href="microcomponents.MC.html#debug" class="tsd-index-link tsd-kind-property tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>debug</span></a>
 </div></section>
@@ -51,6 +52,7 @@
 <a href="microcomponents.MC.html#traverseNodes" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>traverse<wbr/>Nodes</span></a>
 <a href="microcomponents.MC.html#add-2" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>add</span></a>
 <a href="microcomponents.MC.html#remove-2" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>remove</span></a>
+<a href="microcomponents.MC.html#siblings-2" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>siblings</span></a>
 </div></section></div></details></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Constructors</h2>
@@ -66,9 +68,19 @@
 <h5>target: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> = null</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <a href="microcomponents.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L10">src/microcomponents.ts:10</a></li></ul></aside></li></ul></section></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L12">src/microcomponents.ts:12</a></li></ul></aside></li></ul></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Properties</h2>
+<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="_mc" class="tsd-anchor"></a>
+<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>_mc</span><a href="#_mc" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
+<div class="tsd-signature">_mc<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{ </span><br/><span>    </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = {}</span></div>
+<div class="tsd-type-declaration">
+<h4>Type declaration</h4>
+<ul class="tsd-parameters">
+<li class="tsd-parameter-index-signature">
+<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">any</span></h5></li></ul></div><aside class="tsd-sources">
+<ul>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L8">src/microcomponents.ts:8</a></li></ul></aside></section>
 <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="privateMCs" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>privateMCs</span><a href="#privateMCs" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <div class="tsd-signature">privateMCs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span>    </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = {}</span></div>
@@ -78,36 +90,34 @@
 <li class="tsd-parameter-index-signature">
 <h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">any</span></h5></li></ul></div><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L6">src/microcomponents.ts:6</a></li></ul></aside></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L6">src/microcomponents.ts:6</a></li></ul></aside></section>
 <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="target" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>target</span><a href="#target" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <div class="tsd-signature">target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L4">src/microcomponents.ts:4</a></li></ul></aside></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L4">src/microcomponents.ts:4</a></li></ul></aside></section>
 <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="debug" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>debug</span><a href="#debug" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <div class="tsd-signature">debug<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L8">src/microcomponents.ts:8</a></li></ul></aside></section></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L10">src/microcomponents.ts:10</a></li></ul></aside></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Methods</h2>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>add</span><a href="#add" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-<li class="tsd-signature tsd-anchor-link" id="add.add-1">add<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span>, key<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, target<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><a href="#add.add-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
+<li class="tsd-signature tsd-anchor-link" id="add.add-1">add<span class="tsd-signature-symbol">(</span>key<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, element<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><a href="#add.add-1" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
 <li class="tsd-description">
 <div class="tsd-parameters">
 <h4 class="tsd-parameters-title">Parameters</h4>
 <ul class="tsd-parameter-list">
 <li>
-<h5>element: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = {}</span></h5></li>
-<li>
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> key: <span class="tsd-signature-type">string</span></h5></li>
 <li>
-<h5><code class="tsd-tag ts-flagOptional">Optional</code> target: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul></div>
+<h5>element: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = {}</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L37">src/microcomponents.ts:37</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L134">src/microcomponents.ts:134</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="children" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>children</span><a href="#children" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -120,7 +130,7 @@
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L172">src/microcomponents.ts:172</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L188">src/microcomponents.ts:188</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="descendants" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>descendants</span><a href="#descendants" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -133,7 +143,7 @@
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L185">src/microcomponents.ts:185</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L201">src/microcomponents.ts:201</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="getMicroComponents" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>get<wbr/>Micro<wbr/>Components</span><a href="#getMicroComponents" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -148,7 +158,7 @@
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L88">src/microcomponents.ts:88</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L80">src/microcomponents.ts:80</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="isDOM" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>isDOM</span><a href="#isDOM" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -161,7 +171,7 @@
 <h5>element: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L133">src/microcomponents.ts:133</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L125">src/microcomponents.ts:125</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parent" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>parent</span><a href="#parent" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -174,7 +184,7 @@
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L156">src/microcomponents.ts:156</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L172">src/microcomponents.ts:172</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parents" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>parents</span><a href="#parents" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -187,7 +197,7 @@
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L164">src/microcomponents.ts:164</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L180">src/microcomponents.ts:180</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>remove</span><a href="#remove" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -200,7 +210,7 @@
 <h5>key: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L71">src/microcomponents.ts:71</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L144">src/microcomponents.ts:144</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="siblings" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>siblings</span><a href="#siblings" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -213,7 +223,7 @@
 <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L142">src/microcomponents.ts:142</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L158">src/microcomponents.ts:158</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="traverseNodes" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>traverse<wbr/>Nodes</span><a href="#traverseNodes" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -230,24 +240,24 @@
 <h5>firstonly: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L114">src/microcomponents.ts:114</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L106">src/microcomponents.ts:106</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add-2" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>add</span><a href="#add-2" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
-<li class="tsd-signature tsd-anchor-link" id="add-2.add-3">add<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span>, key<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><a href="#add-2.add-3" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
+<li class="tsd-signature tsd-anchor-link" id="add-2.add-3">add<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, key<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, element<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#add-2.add-3" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
 <li class="tsd-description">
 <div class="tsd-parameters">
 <h4 class="tsd-parameters-title">Parameters</h4>
 <ul class="tsd-parameter-list">
 <li>
-<h5>element: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = {}</span></h5></li>
+<h5>target: <span class="tsd-signature-type">HTMLElement</span></h5></li>
 <li>
 <h5>key: <span class="tsd-signature-type">string</span></h5></li>
 <li>
-<h5>target: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul></div>
-<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
+<h5>element: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = {}</span></h5></li></ul></div>
+<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L16">src/microcomponents.ts:16</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L29">src/microcomponents.ts:29</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove-2" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>remove</span><a href="#remove-2" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -262,7 +272,22 @@
 <h5>key: <span class="tsd-signature-type">string</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L53">src/microcomponents.ts:53</a></li></ul></aside></li></ul></section></section></div>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L50">src/microcomponents.ts:50</a></li></ul></aside></li></ul></section>
+<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="siblings-2" class="tsd-anchor"></a>
+<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>siblings</span><a href="#siblings-2" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
+<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
+<li class="tsd-signature tsd-anchor-link" id="siblings-2.siblings-3">siblings<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#siblings-2.siblings-3" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></li>
+<li class="tsd-description">
+<div class="tsd-parameters">
+<h4 class="tsd-parameters-title">Parameters</h4>
+<ul class="tsd-parameter-list">
+<li>
+<h5>target: <span class="tsd-signature-type">HTMLElement</span></h5></li>
+<li>
+<h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
+<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
+<ul>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L21">src/microcomponents.ts:21</a></li></ul></aside></li></ul></section></section></div>
 <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
 <div class="tsd-navigation settings">
 <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
@@ -291,6 +316,7 @@
 <li class="current tsd-kind-class tsd-parent-kind-module"><a href="microcomponents.MC.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-128-path"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)" id="icon-128-text"></path></svg><span>MC</span></a>
 <ul>
 <li class="tsd-kind-constructor tsd-parent-kind-class"><a href="microcomponents.MC.html#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-512-path"></use><use href="#icon-512-text"></use></svg>constructor</a></li>
+<li class="tsd-kind-property tsd-parent-kind-class"><a href="microcomponents.MC.html#_mc" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>_mc?</a></li>
 <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#privateMCs" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>privateMCs</a></li>
 <li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#target" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>target</a></li>
 <li class="tsd-kind-property tsd-parent-kind-class"><a href="microcomponents.MC.html#debug" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>debug</a></li>
@@ -305,7 +331,8 @@
 <li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#siblings" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>siblings</a></li>
 <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#traverseNodes" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>traverse<wbr/>Nodes</a></li>
 <li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#add-2" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>add</a></li>
-<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#remove-2" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>remove</a></li></ul></li></ul></nav></div></div>
+<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#remove-2" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>remove</a></li>
+<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#siblings-2" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>siblings</a></li></ul></li></ul></nav></div></div>
 <div class="container tsd-generator">
 <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
 <div class="overlay"></div><script src="../assets/main.js"></script></body></html>

package/public/docs/classes/microcomponents_es3.MC.html

@@ -21,9 +21,9 @@
 <ul class="tsd-hierarchy">
 <li><span class="target">MC</span></li></ul></section><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside>
 <section class="tsd-panel-group tsd-index-group">
 <section class="tsd-panel tsd-index-panel">
 <details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
@@ -61,14 +61,14 @@
 <h5>target: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <a href="microcomponents_es3.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li></ul></aside></li></ul></section></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li></ul></aside></li></ul></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Properties</h2>
 <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="_target" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>_target</span><a href="#_target" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <div class="tsd-signature">_target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L14">src/microcomponents.es3.js:14</a></li></ul></aside></section></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L14">src/microcomponents.es3.js:14</a></li></ul></aside></section></section>
 <section class="tsd-panel-group tsd-member-group">
 <h2>Methods</h2>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="children" class="tsd-anchor"></a>
@@ -83,7 +83,7 @@
 <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L75">src/microcomponents.es3.js:75</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L75">src/microcomponents.es3.js:75</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="descendants" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>descendants</span><a href="#descendants" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -96,7 +96,7 @@
 <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L92">src/microcomponents.es3.js:92</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L92">src/microcomponents.es3.js:92</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parent" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>parent</span><a href="#parent" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -109,7 +109,7 @@
 <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L51">src/microcomponents.es3.js:51</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L51">src/microcomponents.es3.js:51</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parents" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>parents</span><a href="#parents" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -122,7 +122,7 @@
 <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L63">src/microcomponents.es3.js:63</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L63">src/microcomponents.es3.js:63</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="siblings" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>siblings</span><a href="#siblings" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -135,7 +135,7 @@
 <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L35">src/microcomponents.es3.js:35</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L35">src/microcomponents.es3.js:35</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>add</span><a href="#add" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -152,7 +152,7 @@
 <h5>element: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="microcomponents_es3.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li></ul></aside></li></ul></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li></ul></aside></li></ul></section>
 <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>remove</span><a href="#remove" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -167,7 +167,7 @@
 <h5>key: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="microcomponents_es3.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside></li></ul></section></section></div>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside></li></ul></section></section></div>
 <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
 <div class="tsd-navigation settings">
 <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">

package/public/docs/functions/microcomponents_es3.__isEmpty.html

@@ -27,7 +27,7 @@
 <h5>obj: <span class="tsd-signature-type">any</span></h5></li></ul></div>
 <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L3">src/microcomponents.es3.js:3</a></li></ul></aside></li></ul></section></div>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.es3.js#L3">src/microcomponents.es3.js:3</a></li></ul></aside></li></ul></section></div>
 <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
 <div class="tsd-navigation settings">
 <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">

package/public/docs/index.html

@@ -16,48 +16,14 @@
 <a href="#micro-components" id="micro-components" style="color: inherit; text-decoration: none;">
   <h2>MICRO COMPONENTS</h2>
 </a>
-<p><img src="./MicroComponents.svg" alt="Micro Components Logo"></p>
-<p>This code aims at <strong>improving Javascript modularity</strong>. It does not describe a specific Micro Component itself but rather describes they way they are <strong>organized</strong>. A typical example of a <strong>Micro Component</strong> can be found in &quot;additional concepts&quot; below.</p>
-<p>Using micro components enforces <strong>DRY, KISS and SOLID</strong> principles in Javascript programming. Read this <a href="./MicroComponentProposal_draft.md?ref_type=heads">RFC</a> for the shortest info.</p>
-<p>This is a low-level approach. It consists of a single class with 2 static methods and 5 selector methods, and weights 2 kB. Also there is an ES3 version to help e.g. <a href="https://en.wikipedia.org/wiki/Hybrid_Broadcast_Broadband_TV">hbbtv</a> modular JS coding, or any other device that relies on ES3.</p>
+<p><img src="https://gitlab.com/twoBirds/microcomponents/-/raw/main/MicroComponents.svg" alt="Micro Components Logo"></p>
+<p>This code aims at <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_why.md?ref_type=heads">improving Javascript modularity</a>. It does not describe a specific Micro Component itself but rather describes they way they are <strong>organized</strong>. A typical example of a <strong>Micro Component</strong> can be found in &quot;additional concepts&quot; below.</p>
+<p>Using micro components enforces <strong>DRY, KISS and SOLID</strong> principles in Javascript programming. Read this <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/MicroComponentProposal_draft.md?ref_type=heads">RFC</a> for the shortest info.</p>
+<p>This is a low-level approach. It consists of a single class with 3 static methods and 5 selector methods, and weights in at ~2 kB. Also there is an ES3 version to help e.g. <a href="https://en.wikipedia.org/wiki/Hybrid_Broadcast_Broadband_TV">hbbtv</a> modular JS coding, or any other device that relies on ES3.</p>
 <p>For an overview, continue reading.</p>
-<p>For a detailed functional description goto <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_usage.md?ref_type=heads">Micro Component Usage</a> and check the <a href="http://twobirds.gitlab.io/microcomponents-f10aa2/docs/modules.html">typedoc API documentation</a>.</p>
+<p>For a detailed functional description goto <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_usage.md?ref_type=heads">Micro Component Usage</a> and check the <a href="http://twobirds.gitlab.io/microcomponents/docs/modules.html">typedoc API documentation</a>.</p>
 <p>To see what can be done, go to <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_magic.md?ref_type=heads">additional concepts</a> which delve a little deeper into how to use it, and what it already has been used for.</p>
 
-<a href="#why-would-i-give-this-a-try-in-my-company" id="why-would-i-give-this-a-try-in-my-company" style="color: inherit; text-decoration: none;">
-  <h2>Why would I give this a try in my company?</h2>
-</a>
-<p>It is lightweight, proven and can yield positive results immediatly.</p>
-
-<a href="#as-the-cto" id="as-the-cto" style="color: inherit; text-decoration: none;">
-  <h3><strong>As the CTO</strong>:</h3>
-</a>
-<ul>
-<li><strong>Reusability</strong>: this works with every Javascript framework that allows for DOM access, and it will work as long as the DOM exists in browsers. That is, forever.</li>
-<li><strong>Scalability</strong>: scales perfectly by design.</li>
-<li><strong>Interoperability</strong>: where many teams in different projects should share specific business or UI logic, you want to have something that works in any JS framework you use.</li>
-</ul>
-
-<a href="#as-a-project-manager" id="as-a-project-manager" style="color: inherit; text-decoration: none;">
-  <h3><strong>As a Project Manager</strong>:</h3>
-</a>
-<ul>
-<li><strong>Separation of Concerns</strong>: since this is a modular approach you can <strong>split UI logic from Business logic</strong> and let diffent teams work on each.</li>
-<li>using this, you can <strong>work with external developers without the need to give them access to your projects code repository</strong>.</li>
-<li>you will find out that this allows your project to <strong>become independent from the &quot;tools hell&quot;</strong>. You tend to use <strong>DIY</strong> modules where you had tools before.</li>
-</ul>
-
-<a href="#as-a-javascript-developer" id="as-a-javascript-developer" style="color: inherit; text-decoration: none;">
-  <h3><strong>As a Javascript Developer</strong>:</h3>
-</a>
-<ul>
-<li>The learning curve to use this is more than shallow. 1 hour should be enough.</li>
-<li>This is based on <strong>plain Javascript/Typescript, HTML and CSS</strong>. There is no abstraction layer.</li>
-<li>From the very start <strong>it is fun to work with</strong>. You are back in control of your code without bigger frameworks, but you are able to interact with them.</li>
-<li>You can <strong>work for any customer right away</strong>. <strong>No training on their system required</strong>, just fulfill their micro component requirements.</li>
-<li>Over time, you can <strong>build your own framework or functional libraries</strong> from scratch.</li>
-</ul>
-
 <a href="#functional-requirements" id="functional-requirements" style="color: inherit; text-decoration: none;">
   <h2>Functional Requirements</h2>
 </a>
@@ -87,24 +53,12 @@
 <pre><code class="language-javascript"><span class="hl-7">console</span><span class="hl-3">.</span><span class="hl-8">log</span><span class="hl-3">( </span><span class="hl-7">myButton</span><span class="hl-3">.</span><span class="hl-7">_mc</span><span class="hl-3"> );</span><br/><span class="hl-5">// { tb_ui_button: { target: &lt;button&gt;, onClick: &lt;function&gt; } }</span>
 </code></pre>
 <p>For detailed information jump to <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_usage.md?ref_type=heads">Micro Component Usage</a>;</p>
-
-<a href="#history" id="history" style="color: inherit; text-decoration: none;">
-  <h2>History</h2>
-</a>
-<p>I have been working with this since 2004. I used this as core principle inside my twoBirds framework.</p>
-<p>This functionality has been used in very big and complicated data processing projects:</p>
-<ul>
-<li>to allow for web component like programming (as early as 2004)</li>
-<li>to encapsule UI handling</li>
-<li>to represent business processes and their tasks</li>
-<li>and lately to compose very complex native web components from distinct modular functionality.</li>
-</ul>
-<p>I decided extract this from the <a href="https://www.npmjs.com/package/twobirds-core">twoBirds framework</a>, since it is framework agnostic and relies solely on the standard DOM and native javascript or typescript.</p>
+<p>I decided to extract this functionality from the <a href="https://www.npmjs.com/package/twobirds-core">twoBirds framework</a>, since it is framework agnostic, and relies solely on the standard DOM and native javascript or typescript, and is a useful tool in itself. Also this will be a dependency in twoBirds then.</p>
 
 <a href="#useful-links" id="useful-links" style="color: inherit; text-decoration: none;">
   <h2>Useful Links</h2>
 </a>
-<p><a href="http://twobirds.gitlab.io/twobirds-core/docs/modules.html">API documentation</a></p>
+<p><a href="http://twobirds.gitlab.io/microcomponents/docs/modules.html">API documentation</a></p>
 
 <a href="#contact" id="contact" style="color: inherit; text-decoration: none;">
   <h2>Contact</h2>

package/public/docs/interfaces/microcomponents.HTMLElementMc.html

@@ -23,7 +23,7 @@
 <ul class="tsd-hierarchy">
 <li><span class="target">HTMLElementMc</span></li></ul></li></ul></section><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L194">src/microcomponents.ts:194</a></li></ul></aside>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L210">src/microcomponents.ts:210</a></li></ul></aside>
 <section class="tsd-panel-group tsd-index-group">
 <section class="tsd-panel tsd-index-panel">
 <details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
@@ -469,7 +469,7 @@
 <h3 class="tsd-anchor-link"><span>_mc</span><a href="#_mc" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <div class="tsd-signature">_mc<span class="tsd-signature-symbol">:</span> <a href="../classes/microcomponents.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></div><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L195">src/microcomponents.ts:195</a></li></ul></aside></section>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L211">src/microcomponents.ts:211</a></li></ul></aside></section>
 <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface tsd-is-inherited tsd-is-external"><a id="accessKey" class="tsd-anchor"></a>
 <h3 class="tsd-anchor-link"><span>access<wbr/>Key</span><a href="#accessKey" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
 <div class="tsd-signature">access<wbr/>Key<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources">

package/public/docs/modules/microcomponents.html

@@ -16,7 +16,7 @@
 <li><a href="microcomponents.html">microcomponents</a></li></ul>
 <h1>Module microcomponents</h1></div><aside class="tsd-sources">
 <ul>
-<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L1">src/microcomponents.ts:1</a></li></ul></aside>
+<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/0bbe59f/src/microcomponents.ts#L1">src/microcomponents.ts:1</a></li></ul></aside>
 <section class="tsd-panel-group">
 <section class="tsd-panel tsd-typography"></section></section>
 <section class="tsd-panel-group tsd-index-group">

package/src/microcomponents.ts

@@ -5,15 +5,28 @@ export class MC {
 
 	private privateMCs: { [key: string]: any } = {};
 
+	_mc?: { [key: string]: any } = {};
+
 	static debug: boolean = false;
 
 	constructor(target: HTMLElement | null = null) {
 		this.target = target;
 		this.privateMCs = {};
+		if ( MC?.debug ) {
+			this._mc = this.privateMCs;
+		};
+	}
+
+	// return all top-level micro components from an HTMLElement
+	static siblings( target: HTMLElement, search?: string ): any[] {
+		let t = target as HTMLElementMc;
+		if ( !t?._mc ) return [];
+		let mc: { [key: string]: any } = t._mc;
+		return search ? mc[search] ? [ mc[search] ] : [] : [ ...Object.entries( t._mc ) ];
 	}
 
 	// add a microcomponent to a target DOM node
-	static add( element: any = {}, key: string, target: HTMLElement ): any {
+	static add( target: HTMLElement, key: string, element: any = {} ): any[] {
 
 		const mc = target as any;
 
@@ -33,28 +46,20 @@ export class MC {
 		return element;
 	}
 
-	// add a microcomponent to the DOM or to the private microcomponent collection
-	add( element: any = {}, key?: string, target?: HTMLElement ): any {
-
-		// add the element
-		if ( target && key ){
-			// ...to the DOM
-			this.privateMCs[key] = element; // also the first element in the private MC collection
-			return MC.add( element, key, target );
-		}
-		if ( key && !element ){
-			// ... to the private element collection
-			this.privateMCs[key] = element;
-		}
-		return element;
-	}
+	// remove a micro component from the target DOM node
+	static remove( target: HTMLElement, key: string ): void {
 
-	// remove a micro component from the DOM
-	static remove(target: HTMLElement, key: string): void {
+		if ( //silent fail
+			!key
+			|| typeof key !== 'string'
+			|| !target
+			|| target instanceof HTMLElement === false ) {
+				return;
+		};
 
 		const mc = target as any;
 
-		// delete the property from the DOM
+		// delete the property from the HTMLElement _mc collection
 		if (mc._mc && mc._mc[key]) {
 			delete mc._mc[key];
 		}
@@ -67,19 +72,6 @@ export class MC {
 		return;
 	}
 
-	// remove a micro component from the DOM or the private microcomponent collection
-	remove(key: string): void {
-
-		// remove the component from the private collection
-		if (key in this.privateMCs) {
-			delete this.privateMCs[key];
-		}
-
-		if ( MC.debug && this.target ){
-			MC.remove(this.target, key);
-		}
-	}
-
 	/*
 	helper methods
 	*/
@@ -134,11 +126,35 @@ export class MC {
 		return element && element instanceof HTMLElement;
 	}
 
+	/*
+	Methods to handle private MCs
+	*/
+
+	// add a microcomponent to the private microcomponent collection
+	add( key?: string, element: any = {} ): any {
+
+		// add the element
+		if ( key ){
+			this.privateMCs[key] = element; // also the first element in the private MC collection
+		}
+		return element;
+	}
+
+	// remove a micro component from the private microcomponent collection
+	remove(key: string): void {
+
+		// remove the component from the private collection
+		if (key in this.privateMCs) {
+			delete this.privateMCs[key];
+		}
+
+	}
+
 	/*
 	selector methods, non-chainable
 	*/
 
-	// all public _mc members and private collection members
+	// all private collection members
 	siblings(search?: string): any[] {
 		if ( this.target ){
 			if ( this.target instanceof HTMLElement === true ){