@twobirds/microcomponents 0.0.25 → 0.0.27

package/dist/MC.d.ts

@@ -5,11 +5,9 @@ export interface HTMLMcElement extends HTMLElement {
 }
 declare function addListener(domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject | null, capture?: boolean, once?: boolean): void;
 declare function removeListener(domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject | null): void;
+declare function trigger(target: unknown, ev: McEvent | string, data?: any): void;
 declare class McBase {
     #private;
-    protected _mc: {
-        [key: string]: any;
-    };
     constructor(target: {
         [key: string]: any;
     });
@@ -17,23 +15,25 @@ declare class McBase {
 }
 declare class MC extends McBase {
     constructor(target: any);
+    static trigger: typeof trigger;
     trigger(ev: McEvent | string, data?: any, bubble?: string): this | undefined;
+    autoAttachListeners(): void;
 }
-declare class DC extends MC {
-    #private;
-    protected _mc: {
-        [key: string]: any;
-    };
+declare class DC extends McBase {
     constructor(target: HTMLElement);
     static debug: boolean;
     static add: Function;
     static remove: Function;
     static trigger: Function;
+    get _mc(): {
+        [key: string]: any;
+    };
+    trigger(ev: McEvent | string, data?: any, bubble?: string): void;
+    autoAttachListeners(): void;
     parent(search?: string): any[];
     ancestors(search?: string): any[];
     children(search?: string): any[];
     descendants(search?: string): any[];
-    autoAttachListeners(): void;
 }
 export { addListener, removeListener, McBase, MC, DC, McEvent };
 //# sourceMappingURL=MC.d.ts.map

package/dist/MC.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MC.d.ts","sourceRoot":"","sources":["../src/MC.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAWvC,MAAM,WAAW,aAAc,SAAQ,WAAW;IACjD,GAAG,EAAE,WAAW,CAAC;CACjB;AA6CD,iBAAS,WAAW,CAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,IAAI,EAAE,OAAO,GAAE,OAAe,EAAE,IAAI,GAAE,OAAe,QAe1J;AAED,iBAAS,cAAc,CAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,IAAI,QAE5G;AA2DD,cAAM,MAAM;;IAMX,SAAS,CAAC,GAAG,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE,CAAM;gBAE7B,MAAM,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE;IAc1C,IAAI,MAAM,IAAI,GAAG,CAEhB;CAED;AAED,cAAM,EAAG,SAAQ,MAAM;gBACV,MAAM,EAAE,GAAG;IAYvB,OAAO,CAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,MAAM,CAAC,EAAE,MAAM;CAgF9D;AAED,cAAM,EAAG,SAAQ,EAAE;;IAIlB,SAAS,CAAC,GAAG,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE,CAAM;gBAE9B,MAAM,EAAE,WAAW;IAY/B,MAAM,CAAC,KAAK,EAAE,OAAO,CAAS;IAE9B,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAO;IAC3B,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAU;IACjC,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAW;IAEnC,MAAM,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;IAMlC,SAAS,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;IAMrC,QAAQ,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;IAYpC,WAAW,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;IAOvC,mBAAmB;CA6CnB;AAED,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"MC.d.ts","sourceRoot":"","sources":["../src/MC.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAWvC,MAAM,WAAW,aAAc,SAAQ,WAAW;IACjD,GAAG,EAAE,WAAW,CAAC;CACjB;AA6CD,iBAAS,WAAW,CAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,IAAI,EAAE,OAAO,GAAE,OAAe,EAAE,IAAI,GAAE,OAAe,QAe1J;AAED,iBAAS,cAAc,CAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,IAAI,QAE5G;AA+CD,iBAAS,OAAO,CAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAE,GAAQ,QAUtE;AAED,cAAM,MAAM;;gBAME,MAAM,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE;IAY1C,IAAI,MAAM,IAAI,GAAG,CAEhB;CAED;AAED,cAAM,EAAG,SAAQ,MAAM;gBAEV,MAAM,EAAE,GAAG;IA8BpB,MAAM,CAAC,OAAO,iBAAW;IAE5B,OAAO,CAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,MAAM,CAAC,EAAE,MAAM;IAiF9D,mBAAmB;CA2CnB;AAED,cAAM,EAAG,SAAQ,MAAM;gBAEV,MAAM,EAAE,WAAW;IAkC/B,MAAM,CAAC,KAAK,EAAE,OAAO,CAAS;IAE9B,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAO;IAC3B,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAU;IACjC,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAW;IAEnC,IAAI,GAAG,IAAI;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE,CAE/B;IAED,OAAO,CAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,MAAM,CAAC,EAAE,MAAM;IAI9D,mBAAmB;IAInB,MAAM,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;IAMlC,SAAS,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;IAMrC,QAAQ,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;IAYpC,WAAW,CAAC,MAAM,GAAE,MAAW,GAAG,GAAG,EAAE;CAOvC;AAED,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC"}

package/dist/MC.min.js

@@ -200,10 +200,10 @@ function add(target, key, element = {}) {
     let node = target;
     // create the _mc property if necessary
     if (!node._mc) {
-        let _MC = MC, debug = MC?.debug;
-        MC.debug = false;
-        node._mc = new MC(target);
-        MC.debug = debug;
+        let debug = DC?.debug;
+        DC.debug = false;
+        node._mc = new DC(target);
+        DC.debug = debug;
     }
     const _mc = node._mc;
     // add the element with the given property key to the _mc property
@@ -237,6 +237,7 @@ function trigger(target, ev, data = {}) {
     if (!_mc)
         return;
     [...Object.values(_mc)].forEach((mc) => {
+        //console.log( 'mc [', mc.constructor.name, ']', mc.constructor.prototype?.oneInit );
         if (mc?.trigger && typeof mc?.trigger === 'function') {
             mc?.trigger(ev, data);
         }
@@ -246,17 +247,15 @@ function trigger(target, ev, data = {}) {
 class McBase {
     #target; // avoid circular reference
     #_mc = {};
-    _mc = {};
     constructor(target) {
         let that = this;
         this.#target = new WeakRef(target);
-        if (this.constructor !== MC && this.constructor !== DC) {
+        if (this.constructor !== DC) {
             Object.defineProperty(this, "_mc", {
-                get() {
-                    return this.#_mc;
-                }
+                get() { return this.#_mc; }
             });
         }
+        ;
     }
     get target() {
         return this.#target.deref();
@@ -266,14 +265,29 @@ class MC extends McBase {
     constructor(target) {
         super(target);
         let that = this;
-        if (that.constructor === MC || that.constructor === DC)
-            return;
         setTimeout(() => {
-            that.trigger('init');
+            that.trigger('Init');
+            setTimeout(() => {
+                let keys = Object.keys(that?._mc);
+                if (keys.length) {
+                    //console.log( 'inner Inits on [', that.constructor.name, ']', keys );
+                    keys?.forEach((key) => {
+                        let mc = that?._mc?.[key];
+                        //console.log( key, typeof mc?.oneInit, mc );
+                        if (mc?.oneInit && typeof mc?.oneInit == 'function') {
+                            mc.oneInit(new McEvent('Init'));
+                        }
+                    });
+                }
+                ;
+            }, 0);
         }, 0);
+        this.autoAttachListeners();
     }
+    static trigger = trigger;
     trigger(ev, data = {}, bubble) {
         let that = this;
+        //console.log( that, '.trigger(', ev, data, bubble, ')' );
         bubble = bubble || 'l';
         // run all triggers
         if (that.constructor === MC || that.constructor === DC) {
@@ -331,25 +345,80 @@ class MC extends McBase {
             }
         }
     }
+    autoAttachListeners() {
+        if (!MC_isBrowser())
+            return;
+        const target = this.target;
+        if (target instanceof HTMLElement) {
+            let that = this;
+            Object
+                .getOwnPropertyNames(that.constructor.prototype)
+                .filter(key => /^on[A-Z]|one[A-Z]/.test(key) && typeof that.constructor.prototype[key] === 'function')
+                .forEach(key => {
+                let once = /^one/.test(key), withoutOnOne = key.replace(/^on[e]{0,1}/, ''), // preserves upper/lowercase for non-native events
+                nativeEventName = withoutOnOne.toLowerCase(), listener = (ev) => { that.trigger(withoutOnOne, ev); };
+                ;
+                if (once) {
+                    // console.log( '...is only called once', that.constructor.prototype[key] );
+                    Object.defineProperty(this, 'on' + withoutOnOne, {
+                        configurable: true,
+                        enumerable: false,
+                        writable: true,
+                        value: (ev) => {
+                            // console.log( 'onceHandler execute:', that.constructor.prototype[key] );
+                            (that.constructor.prototype[key]).bind(that)(ev);
+                        }
+                    });
+                }
+                if (MC_nativeEventNames.has('on' + nativeEventName)) { // native event defined in HTMLElement
+                    // console.log('added as native listener', target, nativeEventName );
+                    addListener(target, nativeEventName, listener, false, once);
+                }
+            });
+        }
+    }
 }
 ;
-class DC extends MC {
-    #_mc = {};
-    _mc = {};
+class DC extends McBase {
     constructor(target) {
         super(target);
-        if (this.constructor !== MC && this.constructor !== DC) {
-            Object.defineProperty(this, "_mc", {
-                get() {
-                    return this.#_mc;
-                }
-            });
-        }
+        let that = this, isDomMcInstance = that.constructor === DC;
+        setTimeout(() => {
+            that.trigger('Init');
+            if (!isDomMcInstance) {
+                setTimeout(() => {
+                    let keys = Object.keys(that?._mc);
+                    if (keys.length) {
+                        //console.log( 'inner Inits on [', that.constructor.name, ']', keys );
+                        keys?.forEach((key) => {
+                            let mc = that?._mc?.[key];
+                            //console.log( key, typeof mc?.oneInit, mc );
+                            if (mc?.oneInit && typeof mc?.oneInit == 'function') {
+                                mc.oneInit(new McEvent('Init'));
+                            }
+                        });
+                    }
+                    ;
+                }, 0);
+            }
+        }, 0);
+        this.autoAttachListeners();
     }
     static debug = false;
     static add = add;
     static remove = remove;
     static trigger = trigger;
+    get _mc() {
+        return this._mc;
+    }
+    trigger(ev, data = {}, bubble) {
+        MC.prototype.trigger.call(this, ev, data, bubble);
+    }
+    ;
+    autoAttachListeners() {
+        MC.prototype.autoAttachListeners.call(this);
+    }
+    ;
     parent(search = '') {
         let target = this.target;
         if (!MC_isDOM(target))
@@ -381,39 +450,6 @@ class DC extends MC {
         const myDomElements = target.querySelectorAll('*[_mc]');
         return MC_getMicroComponents([...myDomElements], search);
     }
-    autoAttachListeners() {
-        if (!MC_isBrowser())
-            return;
-        const target = this.target;
-        if (target instanceof HTMLElement) {
-            let that = this;
-            Object
-                .getOwnPropertyNames(that.constructor.prototype)
-                .filter(key => /^on[A-Z]|one[A-Z]/.test(key) && typeof that.constructor.prototype[key] === 'function')
-                .forEach(key => {
-                let once = /^one/.test(key), withoutOnOne = key.replace(/^on[e]{0,1}/, ''), // preserves upper/lowercase for non-native events
-                nativeEventName = withoutOnOne.toLowerCase(), listener = (ev) => { that.trigger(withoutOnOne, ev); };
-                ;
-                // console.log('autoAttach', nativeEventName, withoutOnOne, once, listener);
-                if (once) {
-                    // console.log( '...is only called once', that.constructor.prototype[key] );
-                    Object.defineProperty(this, 'on' + withoutOnOne, {
-                        configurable: true,
-                        enumerable: false,
-                        writable: true,
-                        value: (ev) => {
-                            // console.log( 'onceHandler execute:', that.constructor.prototype[key] );
-                            (that.constructor.prototype[key]).bind(that)(ev);
-                        }
-                    });
-                }
-                if (MC_nativeEventNames.has('on' + nativeEventName)) { // native event defined in HTMLElement
-                    // console.log('added as native listener', target, nativeEventName );
-                    addListener(target, nativeEventName, listener, false, once);
-                }
-            });
-        }
-    }
 }
 ;
 

package/dist/MC.ts

@@ -87,11 +87,10 @@ function add( target: HTMLElement, key: string, element = {} ): any {
 
 	// create the _mc property if necessary
 	if (!node._mc) {
-		let _MC: unknown = MC,
-			debug = (MC as any)?.debug;
-		( MC as any ).debug = false;
-		node._mc = new ( MC as any )( target );
-		( MC as any ).debug = debug;
+		let debug = (DC as any)?.debug;
+		( DC as any ).debug = false;
+		node._mc = new ( DC as any )( target );
+		( DC as any ).debug = debug;
 	}
 
 	const _mc = node._mc;
@@ -129,7 +128,8 @@ function remove( target: HTMLMcElement, key: string) {
 function trigger( target: unknown, ev: McEvent | string, data: any = {}) {
 	let _mc = (target as any)?._mc;
 	if ( !_mc ) return;
-	[ ...Object.values( _mc ) ].forEach( (mc) => {
+	[ ...Object.values( _mc ) ].forEach( (mc: any) => {
+		//console.log( 'mc [', mc.constructor.name, ']', mc.constructor.prototype?.oneInit );
 		if ( (mc as any)?.trigger && typeof (mc as any)?.trigger === 'function' ){
 			(mc as any)?.trigger( ev, data );
 		}
@@ -143,20 +143,16 @@ class McBase {
 
 	#_mc: { [key:string]: any } = {};
 
-	protected _mc: { [key:string]: any } = {};
-
 	constructor( target: { [key:string]: any } ) {
 		let that = this;
 
 		this.#target = new WeakRef( target );
 
-		if ( this.constructor !== MC && this.constructor !== DC ){
+		if ( this.constructor !== DC){
 			Object.defineProperty( this, "_mc", {
-				get(){
-					return this.#_mc;
-				}
-			})
-		}
+				get(){ return this.#_mc }
+			});
+		};
 	}
 
 	get target(): any {
@@ -166,21 +162,43 @@ class McBase {
 }
 
 class MC extends McBase {
+
 	constructor(target: any) {
 		super(target);
 		let that = this;
-		if ( that.constructor === MC || that.constructor === DC ) return;
+
 		setTimeout(
 			() => {
-				that.trigger('init');
+				that.trigger('Init');
+				setTimeout(
+					() => {
+						let keys = Object.keys( (that as any)?._mc );
+						if ( keys.length ){
+							//console.log( 'inner Inits on [', that.constructor.name, ']', keys );
+							keys?.forEach( (key: string) => {
+								let mc = (that as any)?._mc?.[key];
+								//console.log( key, typeof mc?.oneInit, mc );
+								if ( mc?.oneInit &&  typeof mc?.oneInit == 'function' ){
+									mc.oneInit( new McEvent('Init') );
+								}
+							});
+						};
+					}
+					, 0
+				);
 			}
 			,0
 		);
+
+		this.autoAttachListeners();
 	}
 
+    static trigger = trigger;
+
 	trigger( ev: McEvent | string, data: any = {}, bubble?: string ) {
 		let that = this;
 
+		//console.log( that, '.trigger(', ev, data, bubble, ')' );
 		bubble = bubble || 'l';
 
 		// run all triggers
@@ -258,24 +276,85 @@ class MC extends McBase {
 
 	}
 
-};
+	autoAttachListeners(){
+		if ( !isBrowser() ) return;
 
-class DC extends MC {
+		const target = this.target;
 
-	#_mc: { [key:string]: any } = {};
+		if ( target instanceof HTMLElement ){
+			let that: LooseObject = this;
+			Object
+				.getOwnPropertyNames( that.constructor.prototype )
+				.filter( key => /^on[A-Z]|one[A-Z]/.test(key) && typeof that.constructor.prototype[key] === 'function' )
+				.forEach( key => {
+					let
+						once = /^one/.test(key),
+						withoutOnOne = key.replace( /^on[e]{0,1}/, '' ), // preserves upper/lowercase for non-native events
+						nativeEventName = withoutOnOne.toLowerCase(),
+						listener = ( ev: McEvent | Event | CustomEvent ) => { that.trigger( withoutOnOne, ev ); };
+					;
 
-	protected _mc: { [key:string]: any } = {};
+					if ( once ){
+						// console.log( '...is only called once', that.constructor.prototype[key] );
+						Object.defineProperty(
+							this,
+							'on' + withoutOnOne,
+							{
+								configurable: true,
+								enumerable: false,
+								writable: true,
+								value: (ev: any) => {
+									// console.log( 'onceHandler execute:', that.constructor.prototype[key] );
+									( that.constructor.prototype[key] ).bind(that)(ev);
+								}
+							}
+						);
+					}
+
+					if ( nativeEventNames.has( 'on' + nativeEventName ) ){ // native event defined in HTMLElement
+						// console.log('added as native listener', target, nativeEventName );
+						addListener( target, nativeEventName, listener, false, once );
+					}
+				});
+		}
+	}
 
-	constructor(target: HTMLElement) {
+};
+
+class DC extends McBase {
+
+	constructor(target: HTMLElement ) {
 		super(target);
 
-		if ( this.constructor !== MC && this.constructor !== DC ){
-			Object.defineProperty( this, "_mc", {
-				get(){
-					return this.#_mc;
+		let that = this,
+			isDomMcInstance = that.constructor === DC;
+
+		setTimeout(
+			() => {
+				that.trigger('Init');
+				if ( !isDomMcInstance ) {
+					setTimeout(
+						() => {
+							let keys = Object.keys( (that as any)?._mc );
+							if ( keys.length ){
+								//console.log( 'inner Inits on [', that.constructor.name, ']', keys );
+								keys?.forEach( (key: string) => {
+									let mc = (that as any)?._mc?.[key];
+									//console.log( key, typeof mc?.oneInit, mc );
+									if ( mc?.oneInit &&  typeof mc?.oneInit == 'function' ){
+										mc.oneInit( new McEvent('Init') );
+									}
+								});
+							};
+						}
+						, 0
+					);
 				}
-			})
-		}
+			}
+			, 0
+		);
+
+		this.autoAttachListeners();
 	}
 
 	static debug: boolean = false;
@@ -284,6 +363,18 @@ class DC extends MC {
 	static remove: Function = remove;
 	static trigger: Function = trigger;
 
+	get _mc(): { [key:string]: any } {
+		return this._mc;
+	}
+
+	trigger( ev: McEvent | string, data: any = {}, bubble?: string ) {
+		MC.prototype.trigger.call( this, ev, data, bubble );
+	};
+
+	autoAttachListeners() {
+		MC.prototype.autoAttachListeners.call( this );
+	};
+
 	parent(search: string = ''): any[] {
 		let target: HTMLElement = (this as any).target;
 		if (!isDOM(target)) return [];
@@ -315,51 +406,6 @@ class DC extends MC {
 		return getMicroComponents([...myDomElements], search);
 	}
 
-	autoAttachListeners(){
-		if ( !isBrowser() ) return;
-
-		const target = this.target;
-
-		if ( target instanceof HTMLElement ){
-			let that: LooseObject = this;
-			Object
-				.getOwnPropertyNames( that.constructor.prototype )
-				.filter( key => /^on[A-Z]|one[A-Z]/.test(key) && typeof that.constructor.prototype[key] === 'function' )
-				.forEach( key => {
-					let
-						once = /^one/.test(key),
-						withoutOnOne = key.replace( /^on[e]{0,1}/, '' ), // preserves upper/lowercase for non-native events
-						nativeEventName = withoutOnOne.toLowerCase(),
-						listener = ( ev: McEvent | Event | CustomEvent ) => { that.trigger( withoutOnOne, ev ); };
-					;
-
-					// console.log('autoAttach', nativeEventName, withoutOnOne, once, listener);
-
-					if ( once ){
-						// console.log( '...is only called once', that.constructor.prototype[key] );
-						Object.defineProperty(
-							this,
-							'on' + withoutOnOne,
-							{
-								configurable: true,
-								enumerable: false,
-								writable: true,
-								value: (ev: any) => {
-									// console.log( 'onceHandler execute:', that.constructor.prototype[key] );
-									( that.constructor.prototype[key] ).bind(that)(ev);
-								}
-							}
-						);
-					}
-
-					if ( nativeEventNames.has( 'on' + nativeEventName ) ){ // native event defined in HTMLElement
-						// console.log('added as native listener', target, nativeEventName );
-						addListener( target, nativeEventName, listener, false, once );
-					}
-				});
-		}
-	}
-
 };
 
 export { addListener, removeListener, McBase, MC, DC, McEvent };

package/dist/customElements.min.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.customElements=e():t.customElements=e()}(this,(()=>(()=>{"use strict";var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{defineCE:()=>h,getCE:()=>y});var r=new Function("try {return this===window;}catch(e){ return false;}");let n=new Set;r()&&Object.keys(HTMLElement.prototype).filter((t=>/^on/.test(t))).forEach((t=>n.add(t)));class o{#t;#e=!1;#r=!1;constructor(t,e={},r="l"){this.#t=t,this.data=e,this.bubble=r}get type(){return this.#t}get stopped(){return this.#e}get immediateStopped(){return this.#r}stopPropagation(){this.#e=!0}stopImmediatePropagation(){this.stopPropagation(),this.#r=!0}}var c=new Function("try {return this===window;}catch(e){ return false;}");let i=new Set;function s(t,e){let r=[];return t.forEach((t=>{if(t&&t instanceof HTMLElement){const n=t?._mc;!e&&n?r=r.concat(Object.values(t._mc)):e&&n&&n[e]&&r.push(n[e])}})),r}function a(t,e,r=!0){let n=[];for(;t;){if(t._mc&&(e?e&&t._mc[e]&&n.push(t._mc[e]):n=n.concat(Object.values(t._mc)),r))return n;t=t.parentNode}return n}function u(t){return t&&t instanceof HTMLElement}function l(t,e,r={}){let n=t;if(!n._mc){let e=m?.debug;m.debug=!1,n._mc=new m(t),m.debug=e}const o=n._mc;return e.length&&!o[e]&&(o[e]=r,t instanceof HTMLElement&&t.setAttribute("_mc","")),r}function d(t,e){if(!e)return;const r=t?._mc||{};r&&r[e]&&delete r[e],!Object.keys(r).length&&t instanceof HTMLElement&&t.hasAttribute("_mc")&&t.removeAttribute("_mc")}function p(t,e,r={}){let n=t?._mc;n&&[...Object.values(n)].forEach((t=>{t?.trigger&&"function"==typeof t?.trigger&&t?.trigger(e,r)}))}c()&&Object.keys(HTMLElement.prototype).filter((t=>/^on/.test(t))).forEach((t=>i.add(t)));class f{#n;#o={};_mc={};constructor(t){this.#n=new WeakRef(t),this.constructor!==m&&this.constructor!==g&&Object.defineProperty(this,"_mc",{get(){return this.#o}})}get target(){return this.#n.deref()}}class m extends f{constructor(t){super(t);let e=this;e.constructor!==m&&e.constructor!==g&&setTimeout((()=>{e.trigger("init")}),0)}trigger(t,e={},r){let n=this;if(r=r||"l",n.constructor!==m&&n.constructor!==g){if(n instanceof m||n instanceof g){const n=this,i="string"!=typeof t?t:new o(t,e,r),s="on"+i.type[0].toUpperCase()+i.type.slice(1);if(i.bubble.indexOf("l")>-1&&(i.immediateStopped||"function"!=typeof n[s]||(n[s](i),n.hasOwnProperty(s)&&delete n[s])),i.stopped||"l"===i.bubble)return n;c()&&/[ud]/.test(i.bubble)&&n instanceof m&&setTimeout((()=>{-1===i.bubble.indexOf("l")&&(i.bubble+="l"),i.bubble.indexOf("u")>-1&&n.parent().forEach((t=>{t instanceof m&&t.trigger(i)})),i.bubble.indexOf("d")>-1&&n.children().forEach((t=>{t instanceof m&&t.trigger(i)}))}),0)}}else[...Object.getOwnPropertyNames(n)].forEach((o=>{n[o]?.trigger&&"function"==typeof n[o]?.trigger&&n[o]?.trigger(t,e,r)}))}}class g extends m{#o={};_mc={};constructor(t){super(t),this.constructor!==m&&this.constructor!==g&&Object.defineProperty(this,"_mc",{get(){return this.#o}})}static debug=!1;static add=l;static remove=d;static trigger=p;parent(t=""){let e=this.target;return u(e)?a(e.parentNode,t,!0):[]}ancestors(t=""){let e=this?.target;return u(e)?a(this.target.parentNode,t,!1):[]}children(t=""){let e=this?.target;if(!u(e))return[];const r=Math.random().toString().replace(".",""),n='[_mc]:not([temp_id="'+r+'"] [_mc] [_mc])';e.setAttribute("temp_id",r);const o=s([...e.querySelectorAll(n)],t);return e.removeAttribute("temp_id"),o}descendants(t=""){let e=this?.target;return u(e)?s([...e.querySelectorAll("*[_mc]")],t):[]}autoAttachListeners(){if(!c())return;const t=this.target;if(t instanceof HTMLElement){let e=this;Object.getOwnPropertyNames(e.constructor.prototype).filter((t=>/^on[A-Z]|one[A-Z]/.test(t)&&"function"==typeof e.constructor.prototype[t])).forEach((r=>{let n=/^one/.test(r),o=r.replace(/^on[e]{0,1}/,""),c=o.toLowerCase();n&&Object.defineProperty(this,"on"+o,{configurable:!0,enumerable:!1,writable:!0,value:t=>{e.constructor.prototype[r].bind(e)(t)}}),i.has("on"+c)&&function(t,e,r,n=!1,o=!1){let c={once:!1};n&&(c.capture=n),o&&(c.once=o),t.addEventListener(e,r,c)}(t,c,(t=>{e.trigger(o,t)}),!1,n)}))}}}class b extends HTMLElement{constructor(){super()}connectedCallback(){g.trigger(this,"Connected")}disconnectedCallback(){g.trigger(this,"Disconnected")}adoptedCallback(){g.trigger(this,"Adopted")}attributeChangedCallback(t,e,r){g.trigger(this,"AttributeChanged",{name:t,oldValue:e,newValue:r})}}function h(t,e,r=[]){if(customElements.get(t))return void console.warn(`IGNORED: Custom element "${t}" is already defined!`);if(!t.includes("-"))throw new Error('createCustomElement: tagName must contain at least one hyphen ("-").');let n=t.split("-").map((t=>t.charAt(0).toUpperCase()+t.slice(1))).join("");customElements.define(t,function(t,e){return Object.defineProperty(e,"name",{value:t})}(n,class extends b{instance;constructor(t){super();let r=new e(this,t);g.add(this,n,r)}static get observedAttributes(){return r}}))}function y(t){return customElements.get(t)}return e})()));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.customElements=e():t.customElements=e()}(this,(()=>(()=>{"use strict";var t={d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{defineCE:()=>b,getCE:()=>y});var n=new Function("try {return this===window;}catch(e){ return false;}");let r=new Set;n()&&Object.keys(HTMLElement.prototype).filter((t=>/^on/.test(t))).forEach((t=>r.add(t)));class o{#t;#e=!1;#n=!1;constructor(t,e={},n="l"){this.#t=t,this.data=e,this.bubble=n}get type(){return this.#t}get stopped(){return this.#e}get immediateStopped(){return this.#n}stopPropagation(){this.#e=!0}stopImmediatePropagation(){this.stopPropagation(),this.#n=!0}}var i=new Function("try {return this===window;}catch(e){ return false;}");let s=new Set;function c(t,e){let n=[];return t.forEach((t=>{if(t&&t instanceof HTMLElement){const r=t?._mc;!e&&r?n=n.concat(Object.values(t._mc)):e&&r&&r[e]&&n.push(r[e])}})),n}function a(t,e,n=!0){let r=[];for(;t;){if(t._mc&&(e?e&&t._mc[e]&&r.push(t._mc[e]):r=r.concat(Object.values(t._mc)),n))return r;t=t.parentNode}return r}function u(t){return t&&t instanceof HTMLElement}function l(t,e,n={}){let r=t;if(!r._mc){let e=g?.debug;g.debug=!1,r._mc=new g(t),g.debug=e}const o=r._mc;return e.length&&!o[e]&&(o[e]=n,t instanceof HTMLElement&&t.setAttribute("_mc","")),n}function p(t,e){if(!e)return;const n=t?._mc||{};n&&n[e]&&delete n[e],!Object.keys(n).length&&t instanceof HTMLElement&&t.hasAttribute("_mc")&&t.removeAttribute("_mc")}function d(t,e,n={}){let r=t?._mc;r&&[...Object.values(r)].forEach((t=>{t?.trigger&&"function"==typeof t?.trigger&&t?.trigger(e,n)}))}i()&&Object.keys(HTMLElement.prototype).filter((t=>/^on/.test(t))).forEach((t=>s.add(t)));class f{#r;#o={};constructor(t){this.#r=new WeakRef(t),this.constructor!==g&&Object.defineProperty(this,"_mc",{get(){return this.#o}})}get target(){return this.#r.deref()}}class m extends f{constructor(t){super(t);let e=this;setTimeout((()=>{e.trigger("Init"),setTimeout((()=>{let t=Object.keys(e?._mc);t.length&&t?.forEach((t=>{let n=e?._mc?.[t];n?.oneInit&&"function"==typeof n?.oneInit&&n.oneInit(new o("Init"))}))}),0)}),0),this.autoAttachListeners()}static trigger=d;trigger(t,e={},n){let r=this;if(n=n||"l",r.constructor!==m&&r.constructor!==g){if(r instanceof m||r instanceof g){const r=this,s="string"!=typeof t?t:new o(t,e,n),c="on"+s.type[0].toUpperCase()+s.type.slice(1);if(s.bubble.indexOf("l")>-1&&(s.immediateStopped||"function"!=typeof r[c]||(r[c](s),r.hasOwnProperty(c)&&delete r[c])),s.stopped||"l"===s.bubble)return r;i()&&/[ud]/.test(s.bubble)&&r instanceof m&&setTimeout((()=>{-1===s.bubble.indexOf("l")&&(s.bubble+="l"),s.bubble.indexOf("u")>-1&&r.parent().forEach((t=>{t instanceof m&&t.trigger(s)})),s.bubble.indexOf("d")>-1&&r.children().forEach((t=>{t instanceof m&&t.trigger(s)}))}),0)}}else[...Object.getOwnPropertyNames(r)].forEach((o=>{r[o]?.trigger&&"function"==typeof r[o]?.trigger&&r[o]?.trigger(t,e,n)}))}autoAttachListeners(){if(!i())return;const t=this.target;if(t instanceof HTMLElement){let e=this;Object.getOwnPropertyNames(e.constructor.prototype).filter((t=>/^on[A-Z]|one[A-Z]/.test(t)&&"function"==typeof e.constructor.prototype[t])).forEach((n=>{let r=/^one/.test(n),o=n.replace(/^on[e]{0,1}/,""),i=o.toLowerCase();r&&Object.defineProperty(this,"on"+o,{configurable:!0,enumerable:!1,writable:!0,value:t=>{e.constructor.prototype[n].bind(e)(t)}}),s.has("on"+i)&&function(t,e,n,r=!1,o=!1){let i={once:!1};r&&(i.capture=r),o&&(i.once=o),t.addEventListener(e,n,i)}(t,i,(t=>{e.trigger(o,t)}),!1,r)}))}}}class g extends f{constructor(t){super(t);let e=this,n=e.constructor===g;setTimeout((()=>{e.trigger("Init"),n||setTimeout((()=>{let t=Object.keys(e?._mc);t.length&&t?.forEach((t=>{let n=e?._mc?.[t];n?.oneInit&&"function"==typeof n?.oneInit&&n.oneInit(new o("Init"))}))}),0)}),0),this.autoAttachListeners()}static debug=!1;static add=l;static remove=p;static trigger=d;get _mc(){return this._mc}trigger(t,e={},n){m.prototype.trigger.call(this,t,e,n)}autoAttachListeners(){m.prototype.autoAttachListeners.call(this)}parent(t=""){let e=this.target;return u(e)?a(e.parentNode,t,!0):[]}ancestors(t=""){let e=this?.target;return u(e)?a(this.target.parentNode,t,!1):[]}children(t=""){let e=this?.target;if(!u(e))return[];const n=Math.random().toString().replace(".",""),r='[_mc]:not([temp_id="'+n+'"] [_mc] [_mc])';e.setAttribute("temp_id",n);const o=c([...e.querySelectorAll(r)],t);return e.removeAttribute("temp_id"),o}descendants(t=""){let e=this?.target;return u(e)?c([...e.querySelectorAll("*[_mc]")],t):[]}}class h extends HTMLElement{constructor(){super()}connectedCallback(){g.trigger(this,"Connected")}disconnectedCallback(){g.trigger(this,"Disconnected")}adoptedCallback(){g.trigger(this,"Adopted")}attributeChangedCallback(t,e,n){g.trigger(this,"AttributeChanged",{name:t,oldValue:e,newValue:n})}}function b(t,e,n=[]){if(customElements.get(t))return void console.warn(`IGNORED: Custom element "${t}" is already defined!`);if(!t.includes("-"))throw new Error('createCustomElement: tagName must contain at least one hyphen ("-").');let r=t.split("-").map((t=>t.charAt(0).toUpperCase()+t.slice(1))).join("");customElements.define(t,function(t,e){return Object.defineProperty(e,"name",{value:t})}(r,class extends h{instance;constructor(t){super();let n=new e(this,t);g.add(this,r,n)}static get observedAttributes(){return n}}))}function y(t){return customElements.get(t)}return e})()));