@twobirds/microcomponents 0.0.27 → 0.0.28

package/assets/3d.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>3D Positioned Image with CSS</title>
+    <style>
+        body {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #222;
+            perspective: 800px; /* Depth effect */
+        }
+
+        .container {
+            width: 300px;
+            height: 200px;
+            transform-style: preserve-3d; /* Needed for 3D transformations */
+        }
+
+        .image3d {
+            width: 100%;
+            height: 100%;
+            transform: rotateY(20deg) rotateX(10deg) translateZ(50px);
+            transition: transform 0.5s ease-in-out;
+            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
+        }
+
+        /* Hover effect */
+        .container:hover .image3d {
+            transform: rotateY(-20deg) rotateX(-10deg) translateZ(100px);
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <img class="image3d" src="https://via.placeholder.com/300x200" alt="3D Image">
+    </div>
+</body>
+</html>

package/assets/test.html

@@ -7,7 +7,6 @@
             <link rel="icon" type="image/svg+xml" sizes="any" href="MicroComponents.svg" />
             <link href="./my-tag.css" rel="stylesheet" />
             <script type="module" src="./test.js"></script>
-            <script src="./customSelectors.min.js"></script>
         </head>
     <body>
         Open the debugger, read console, then:&nbsp;

package/dist/MC.d.ts

@@ -14,12 +14,17 @@ declare class McBase {
     get target(): any;
 }
 declare class MC extends McBase {
+    _mc: {
+        [key: string]: any;
+    };
     constructor(target: any);
     static trigger: typeof trigger;
     trigger(ev: McEvent | string, data?: any, bubble?: string): this | undefined;
-    autoAttachListeners(): void;
 }
 declare class DC extends McBase {
+    protected __mc: {
+        [key: string]: any;
+    };
     constructor(target: HTMLElement);
     static debug: boolean;
     static add: Function;
@@ -29,7 +34,6 @@ declare class DC extends McBase {
         [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[];

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;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"}
+{"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;AA4ED,cAAM,MAAM;;gBAIE,MAAM,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE;IAY1C,IAAI,MAAM,IAAI,GAAG,CAEhB;CAED;AAED,cAAM,EAAG,SAAQ,MAAM;IAEtB,GAAG,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE,CAAM;gBAEpB,MAAM,EAAE,GAAG;IAIpB,MAAM,CAAC,OAAO,iBAAW;IAE5B,OAAO,CAAE,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,MAAM,CAAC,EAAE,MAAM;CAiF9D;AAED,cAAM,EAAG,SAAQ,MAAM;IAEtB,SAAS,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAC,MAAM,GAAG,GAAG,CAAA;KAAE,CAAM;gBAE/B,MAAM,EAAE,WAAW;IAI/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,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

@@ -244,45 +244,77 @@ function trigger(target, ev, data = {}) {
     });
     return;
 }
+// run the "init" lifecycle event on the completemcr structure
+function init(element) {
+    let isDomMcInstance = element.constructor === DC;
+    setTimeout(() => {
+        element.trigger('Init');
+        if (!isDomMcInstance) {
+            setTimeout(() => {
+                let keys = Object.keys(element?._mc);
+                if (keys.length) {
+                    //console.log( 'inner Inits on [', mc.constructor.name, ']', keys );
+                    keys?.forEach((key) => {
+                        let mc = element?._mc?.[key];
+                        //console.log( key, typeof mc?.oneInit, mc );
+                        if (mc['oneInit'] && typeof mc.oneInit == 'function') {
+                            mc.oneInit(new McEvent('Init'));
+                        }
+                    });
+                }
+                ;
+            }, 0);
+        }
+    }, 0);
+}
+function autoAttachListeners(element) {
+    if (!MC_isBrowser() || element.constructor === DC)
+        return;
+    const target = element.target;
+    if (target instanceof HTMLElement) {
+        let that = element;
+        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(element, '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 McBase {
     #target; // avoid circular reference
-    #_mc = {};
     constructor(target) {
-        let that = this;
+        let that = this, element = that;
         this.#target = new WeakRef(target);
-        if (this.constructor !== DC) {
-            Object.defineProperty(this, "_mc", {
-                get() { return this.#_mc; }
-            });
-        }
-        ;
+        init(element); // async lifecycle event
+        autoAttachListeners(element);
     }
     get target() {
         return this.#target.deref();
     }
 }
 class MC extends McBase {
+    _mc = {};
     constructor(target) {
         super(target);
-        let that = this;
-        setTimeout(() => {
-            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) {
@@ -345,80 +377,24 @@ 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 McBase {
+    __mc = {};
     constructor(target) {
         super(target);
-        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;
+        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))

package/dist/MC.ts

@@ -137,22 +137,94 @@ function trigger( target: unknown, ev: McEvent | string, data: any = {}) {
 	return;
 }
 
+// run the "init" lifecycle event on the completemcr structure
+function init( element: MC | DC ){
+	let isDomMcInstance = element.constructor === DC;
+
+	setTimeout(
+		() => {
+			element.trigger('Init');
+			if ( !isDomMcInstance ) {
+				setTimeout(
+					() => {
+						let keys = Object.keys( element?._mc );
+						if ( keys.length ){
+							//console.log( 'inner Inits on [', mc.constructor.name, ']', keys );
+							keys?.forEach( (key: string) => {
+								let mc = element?._mc?.[key];
+								//console.log( key, typeof mc?.oneInit, mc );
+								if ( ( mc as any )['oneInit'] &&  typeof ( mc as any ).oneInit == 'function' ){
+									( mc as any ).oneInit( new McEvent('Init') );
+								}
+							});
+						};
+					}
+					, 0
+				);
+			}
+		}
+		, 0
+	);
+
+}
+
+function autoAttachListeners( element: MC | DC ){
+	if ( !isBrowser() || element.constructor === DC ) return;
+
+	const target = element.target;
+
+	if ( target instanceof HTMLElement ){
+		let that: LooseObject = element;
+		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 ); };
+				;
+
+				if ( once ){
+					// console.log( '...is only called once', that.constructor.prototype[key] );
+					Object.defineProperty(
+						element,
+						'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 );
+				}
+			});
+	}
+}
+
 class McBase {
 
 	#target: WeakRef<any>; // avoid circular reference
 
-	#_mc: { [key:string]: any } = {};
-
 	constructor( target: { [key:string]: any } ) {
-		let that = this;
+		let that: unknown = this,
+			element  = (that as MC | DC );
 
 		this.#target = new WeakRef( target );
 
-		if ( this.constructor !== DC){
-			Object.defineProperty( this, "_mc", {
-				get(){ return this.#_mc }
-			});
-		};
+
+		init( element ); // async lifecycle event
+
+		autoAttachListeners( element );
 	}
 
 	get target(): any {
@@ -163,34 +235,10 @@ class McBase {
 
 class MC extends McBase {
 
+	_mc: { [key:string]: any } = {};
+
 	constructor(target: any) {
 		super(target);
-		let that = this;
-
-		setTimeout(
-			() => {
-				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;
@@ -276,85 +324,14 @@ class MC extends McBase {
 
 	}
 
-	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 ); };
-					;
-
-					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 );
-					}
-				});
-		}
-	}
-
 };
 
 class DC extends McBase {
 
+	protected __mc: { [key:string]: any } = {};
+
 	constructor(target: HTMLElement ) {
 		super(target);
-
-		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;
@@ -364,17 +341,13 @@ class DC extends McBase {
 	static trigger: Function = trigger;
 
 	get _mc(): { [key:string]: any } {
-		return this._mc;
+		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 [];

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,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})()));
+!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 i=new Function("try {return this===window;}catch(e){ return false;}");let c=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=g?.debug;g.debug=!1,n._mc=new g(t),g.debug=e}const o=n._mc;return e.length&&!o[e]&&(o[e]=r,t instanceof HTMLElement&&t.setAttribute("_mc","")),r}function p(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 d(t,e,r={}){let n=t?._mc;n&&[...Object.values(n)].forEach((t=>{t?.trigger&&"function"==typeof t?.trigger&&t?.trigger(e,r)}))}i()&&Object.keys(HTMLElement.prototype).filter((t=>/^on/.test(t))).forEach((t=>c.add(t)));class f{#n;constructor(t){this.#n=new WeakRef(t),function(t){let e=t.constructor===g;setTimeout((()=>{t.trigger("Init"),e||setTimeout((()=>{let e=Object.keys(t?._mc);e.length&&e?.forEach((e=>{let r=t?._mc?.[e];r.oneInit&&"function"==typeof r.oneInit&&r.oneInit(new o("Init"))}))}),0)}),0)}(this),function(t){if(!i()||t.constructor===g)return;const e=t.target;if(e instanceof HTMLElement){let r=t;Object.getOwnPropertyNames(r.constructor.prototype).filter((t=>/^on[A-Z]|one[A-Z]/.test(t)&&"function"==typeof r.constructor.prototype[t])).forEach((n=>{let o=/^one/.test(n),i=n.replace(/^on[e]{0,1}/,""),s=i.toLowerCase();o&&Object.defineProperty(t,"on"+i,{configurable:!0,enumerable:!1,writable:!0,value:t=>{r.constructor.prototype[n].bind(r)(t)}}),c.has("on"+s)&&function(t,e,r,n=!1,o=!1){let i={once:!1};n&&(i.capture=n),o&&(i.once=o),t.addEventListener(e,r,i)}(e,s,(t=>{r.trigger(i,t)}),!1,o)}))}}(this)}get target(){return this.#n.deref()}}class m extends f{_mc={};constructor(t){super(t)}static trigger=d;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,c="string"!=typeof t?t:new o(t,e,r),s="on"+c.type[0].toUpperCase()+c.type.slice(1);if(c.bubble.indexOf("l")>-1&&(c.immediateStopped||"function"!=typeof n[s]||(n[s](c),n.hasOwnProperty(s)&&delete n[s])),c.stopped||"l"===c.bubble)return n;i()&&/[ud]/.test(c.bubble)&&n instanceof m&&setTimeout((()=>{-1===c.bubble.indexOf("l")&&(c.bubble+="l"),c.bubble.indexOf("u")>-1&&n.parent().forEach((t=>{t instanceof m&&t.trigger(c)})),c.bubble.indexOf("d")>-1&&n.children().forEach((t=>{t instanceof m&&t.trigger(c)}))}),0)}}else[...Object.getOwnPropertyNames(n)].forEach((o=>{n[o]?.trigger&&"function"==typeof n[o]?.trigger&&n[o]?.trigger(t,e,r)}))}}class g extends f{__mc={};constructor(t){super(t)}static debug=!1;static add=l;static remove=p;static trigger=d;get _mc(){return this.__mc}trigger(t,e={},r){m.prototype.trigger.call(this,t,e,r)}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):[]}}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})()));