@twobirds/microcomponents 0.0.33 → 0.0.37

package/dist/MC.ts

@@ -1,34 +1,37 @@
-"use strict";
+'use strict';
 
 import { LooseObject } from './helpers.js';
 import { McEvent } from './McEvent.js';
 
-var isBrowser=new Function("try {return this===window;}catch(e){ return false;}");
+var isBrowser = new Function(
+	'try {return this===window;}catch(e){ return false;}'
+);
 
 let nativeEventNames: Set<string> = new Set();
 
 // HTMLElement native event names
-if ( isBrowser() ){
-	Object.keys( HTMLElement.prototype ).filter( key => /^on/.test(key) ).forEach( eventName => nativeEventNames.add( eventName ) );
+if (isBrowser()) {
+	Object.keys(HTMLElement.prototype)
+		.filter((key) => /^on/.test(key))
+		.forEach((eventName) => nativeEventNames.add(eventName));
 }
 
-export interface HTMLMcElement extends HTMLElement{
+export interface HTMLMcElement extends HTMLElement {
 	_mc: LooseObject;
 }
 
 // get all microcomponents from a list of HTMLElements
-function getMicroComponents( elements: any[], search: string): any[] {
+function getMicroComponents(elements: any[], search: string): any[] {
 	let mcValues: any[] = [];
 
-	elements.forEach( e => {
+	elements.forEach((e) => {
 		if (e) {
 			if (e instanceof HTMLElement) {
-				const _mc = ( e as any )?._mc;
-				if ( !search && _mc ) {
-					mcValues = mcValues.concat(Object.values(( e as any )._mc));
-				}
-				else if ( search && _mc && _mc[search] ) {
-					mcValues.push( _mc[search] );
+				const _mc = (e as any)?._mc;
+				if (!search && _mc) {
+					mcValues = mcValues.concat(Object.values((e as any)._mc));
+				} else if (search && _mc && _mc[search]) {
+					mcValues.push(_mc[search]);
 				}
 			}
 		}
@@ -37,70 +40,78 @@ function getMicroComponents( elements: any[], search: string): any[] {
 }
 
 // get all ancestor DOM nodes up to the document root
-function traverseNodes(node: { [key:string]: any }, search: string, firstonly = true): any[] {
+function traverseNodes(
+	node: { [key: string]: any },
+	search: string,
+	firstonly = true
+): any[] {
 	let mcValues: any[] = [];
 	while (node) {
 		if (node._mc) {
 			if (!search) {
 				mcValues = mcValues.concat(Object.values(node._mc));
-			}
-			else if (search && node._mc[search]) {
+			} else if (search && node._mc[search]) {
 				mcValues.push(node._mc[search]);
 			}
-			if (firstonly)
-				return mcValues;
+			if (firstonly) return mcValues;
 		}
 		node = node.parentNode;
 	}
 	return mcValues;
 }
 
-function isDOM(element: { [key:string]: any } ) {
+function isDOM(element: { [key: string]: any }) {
 	return element && element instanceof HTMLElement;
 }
 
-function addListener( domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject | null, capture: boolean = false, once: boolean = false ){
-	let
-		options: EventListenerOptions & { once: boolean } = { once: false }
-	;
-
-	if ( capture ){
+function addListener(
+	domNode: Node,
+	eventName: string,
+	handler: EventListenerOrEventListenerObject | null,
+	capture: boolean = false,
+	once: boolean = false
+) {
+	let options: EventListenerOptions & { once: boolean } = { once: false };
+	if (capture) {
 		options.capture = capture;
 	}
 
-	if ( once ){
+	if (once) {
 		options.once = once;
 	}
 
 	//console.log( 'addEventListener', eventName, ( handler as Function ).name, options );
-	domNode.addEventListener( eventName, handler, options );
+	domNode.addEventListener(eventName, handler, options);
 }
 
-function removeListener( domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject | null ){
-	domNode.removeEventListener( eventName, handler );
+function removeListener(
+	domNode: Node,
+	eventName: string,
+	handler: EventListenerOrEventListenerObject | null
+) {
+	domNode.removeEventListener(eventName, handler);
 }
 
 // add a microcomponent to a target DOM node
-function add( target: HTMLElement, key: string, element = {} ): any {
-
+function add(target: HTMLElement, key: string, element = {}): any {
 	let node = target as HTMLMcElement;
 
 	// create the _mc property if necessary
 	if (!node._mc) {
 		let debug = (DC as any)?.debug;
-		( DC as any ).debug = false;
-		node._mc = new ( DC as any )( target );
-		( DC as any ).debug = debug;
+		(DC as any).debug = false;
+		node._mc = new (DC as any)(target);
+		(DC as any).debug = debug;
 		delete node._mc._mc; // NOT NEEDED on the top level _mc property of a DOM HTMLElement
 	}
 
 	const _mc = node._mc;
 
 	// add the element with the given property key to the _mc property
-	if ( key.length && !_mc[key]) {
+	if (key.length && !_mc[key]) {
 		_mc[key] = element;
 		// add attribute if HTMLElement
-		if ( target instanceof HTMLElement ) {
+		if (target instanceof HTMLElement) {
 			target.setAttribute('_mc', '');
 		}
 	}
@@ -108,239 +119,227 @@ function add( target: HTMLElement, key: string, element = {} ): any {
 }
 
 // remove a micro component from the DOM
-function remove( target: HTMLMcElement, key: string) {
-	if ( !key ) return; // silent fail
+function remove(target: HTMLMcElement, key: string) {
+	if (!key) return; // silent fail
 
 	const _mc = target?._mc || {};
 
 	// delete the property from the HTMLElement _mc collection
-	if ( _mc && _mc[key] ) {
+	if (_mc && _mc[key]) {
 		delete _mc[key];
 	}
 
 	// remove the _mc attribute if the DOM collection is empty
-	if ( !Object.keys(_mc).length && target instanceof HTMLElement && target.hasAttribute('_mc') ) {
+	if (
+		!Object.keys(_mc).length &&
+		target instanceof HTMLElement &&
+		target.hasAttribute('_mc')
+	) {
 		target.removeAttribute('_mc');
 	}
 	return;
 }
 
 // trigger an event
-function trigger( target: unknown, ev: McEvent | string, data: any = {}) {
+function trigger(target: unknown, ev: McEvent | string, data: any = {}) {
 	let _mc = (target as any)?._mc;
-	if ( !_mc ) return;
-	[ ...Object.values( _mc ) ].forEach( (mc: any) => {
+	if (!_mc) return;
+	[...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 );
+		if ((mc as any)?.trigger && typeof (mc as any)?.trigger === 'function') {
+			(mc as any)?.trigger(ev, data);
 		}
 	});
 	return;
 }
 
-// run the "init" lifecycle event on the completemcr structure
-function init( element: MC | DC ){
-	if ( element.constructor === DC ) return;
-
-	setTimeout(
-		() => {
-			element.trigger('Init');
-			setTimeout(
-				() => {
-					let keys = Object.keys( ( element as any)?._mc );
-					if ( keys.length ){
-						//console.log( 'inner Inits on [', mc.constructor.name, ']', keys );
-						keys?.forEach( (key: string) => {
-							let mc = ( element as any)?._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
-	);
-
+// run the "init" lifecycle event on the complete _mc structure
+function init(element: MC | DC) {
+	if (element.constructor === DC) return;
+
+	setTimeout(() => {
+		element.trigger('Init');
+		/*
+			let keys = Object.keys( ( element as any)?._mc );
+			if ( keys.length ){
+				//console.log( 'inner Inits on [', mc.constructor.name, ']', keys );
+				keys?.forEach( (key: string) => {
+					let mc = ( element as any)?._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);
 }
 
-function autoAttachListeners( element: MC | DC ){
-	if ( !isBrowser() || element.constructor === DC ) return;
+function autoAttachListeners(element: MC | DC) {
+	if (!isBrowser() || element.constructor === DC) return;
 
 	const target = element.target;
 
-	if ( target instanceof HTMLElement ){
+	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
+		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 ){
+					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);
-							}
-						}
-					);
+					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
+				if (nativeEventNames.has('on' + nativeEventName)) {
+					// native event defined in HTMLElement
 					// console.log('added as native listener', target, nativeEventName );
-					addListener( target, nativeEventName, listener, false, once );
+					addListener(target, nativeEventName, listener, false, once);
 				}
 			});
 	}
 }
 
 class McBase {
-
 	#target: WeakRef<any>; // avoid circular reference
 
-	constructor( target?: { [key:string]: any } ) {
+	constructor(target?: { [key: string]: any }, debug: boolean = false) {
 		let that: unknown = this,
-			element  = (that as MC | DC );
+			element = that as MC | DC;
 
-		this.#target = new WeakRef( target || {} );
+		this.#target = new WeakRef(target || {});
 
-		init( element ); // async lifecycle event
+		init(element); // async lifecycle event
 
-		autoAttachListeners( element );
+		autoAttachListeners(element);
 	}
 
 	get target(): any {
 		return this.#target.deref();
 	}
-
 }
 
 class MC extends McBase {
-
-	_mc: { [key:string]: any } = {};
+	_mc: { [key: string]: any } = {};
 
 	constructor(target?: any) {
 		super(target);
 	}
 
-    static trigger = trigger;
+	static trigger = trigger;
 
-	trigger( ev: McEvent | string, data: any = {}, bubble?: string ) {
+	trigger(ev: McEvent | string, data: any = {}, bubble?: string) {
 		let that = this;
 
 		//console.log( that, '.trigger(', ev, data, bubble, ')' );
 		bubble = bubble || 'l';
 
 		// run all triggers
-		if ( that.constructor === MC || that.constructor === DC){
-			[ ...Object.getOwnPropertyNames( that ) ].forEach( (mc) => {
-				if ( (that as any)[mc]?.trigger && typeof (that as any)[mc]?.trigger === 'function' ){
-					(that as any)[mc]?.trigger( ev, data, bubble );
+		if (that.constructor === MC || that.constructor === DC) {
+			[...Object.getOwnPropertyNames(that)].forEach((mc) => {
+				if (
+					(that as any)[mc]?.trigger &&
+					typeof (that as any)[mc]?.trigger === 'function'
+				) {
+					(that as any)[mc]?.trigger(ev, data, bubble);
 				}
 			});
 			return; // must return here!
 		}
 
 		// only this instance
-		if ( (that as any) instanceof MC || (that as any) instanceof DC ){
-
-			const
-				that = this,
-				mcEvent: McEvent = typeof ev !== 'string' ? ( ev as McEvent) : new McEvent( ev, data, bubble ),
-				handlerName = 'on' + mcEvent.type[0].toUpperCase() + mcEvent.type.slice(1);
-			;
-
+		if ((that as any) instanceof MC || (that as any) instanceof DC) {
+			const that = this,
+				mcEvent: McEvent =
+					typeof ev !== 'string'
+						? (ev as McEvent)
+						: new McEvent(ev, data, bubble),
+				handlerName =
+					'on' + mcEvent.type[0].toUpperCase() + mcEvent.type.slice(1);
 			// console.log('trigger', handlerName, mcEvent, data, bubble );
 
-			if ( mcEvent.bubble.indexOf('l') > -1 ){
-				if ( !mcEvent.immediateStopped
-					&& typeof ( that as any )[ handlerName ] === 'function'
-				){
+			if (mcEvent.bubble.indexOf('l') > -1) {
+				if (
+					!mcEvent.immediateStopped &&
+					typeof (that as any)[handlerName] === 'function'
+				) {
 					// console.log( 'execute handler:', handlerName );
-					( that as any )[handlerName]( mcEvent );
-					if ( ( that as any ).hasOwnProperty( handlerName ) ){ // it is a once handler
-						delete ( that as any )[ handlerName ]; // remove after first execution
+					(that as any)[handlerName](mcEvent);
+					if ((that as any).hasOwnProperty(handlerName)) {
+						// it is a once handler
+						delete (that as any)[handlerName]; // remove after first execution
 					}
 				}
 			}
 
 			// if event stopped or local only, handling is cancelled
-			if ( mcEvent.stopped || mcEvent.bubble === 'l') {
+			if (mcEvent.stopped || mcEvent.bubble === 'l') {
 				return that;
 			}
 
 			// at this point, either 'u' or 'd' bubbling should be indicated
 			// mcEvent bubbling is asynchronous, and the order of target MC execution in case of multiple matches is not guaranteed!
-			if ( isBrowser() && /[ud]/.test( mcEvent.bubble ) && (that as any) instanceof MC ){
-				setTimeout(
-					() => {
-						// bubbling must include 'l' for local, or else no handlers are executed'
-						if ( mcEvent.bubble.indexOf('l') === -1 ){
-							mcEvent.bubble += 'l';
-						}
-
-						// bubble up towards root
-						if ( mcEvent.bubble.indexOf('u') > -1 ){
-							(that as any)
-								.parent()
-								.forEach( (mc: any) => {
-									mc instanceof MC ? ( mc as any ).trigger(mcEvent) : null;
-								});
-						}
-
-						// bubble down
-						if ( mcEvent.bubble.indexOf('d') > -1 ){
-							(that as any)
-								.children()
-								.forEach( (mc: any) => {
-									mc instanceof MC ? ( mc as any ).trigger(mcEvent) : null;
-								});
-						}
-
-					},
-					0
-				);
-			}
+			if (
+				isBrowser() &&
+				/[ud]/.test(mcEvent.bubble) &&
+				(that as any) instanceof MC
+			) {
+				setTimeout(() => {
+					// bubbling must include 'l' for local, or else no handlers are executed'
+					if (mcEvent.bubble.indexOf('l') === -1) {
+						mcEvent.bubble += 'l';
+					}
 
-		}
+					// bubble up towards root
+					if (mcEvent.bubble.indexOf('u') > -1) {
+						(that as any).parent().forEach((mc: any) => {
+							mc instanceof MC ? (mc as any).trigger(mcEvent) : null;
+						});
+					}
 
+					// bubble down
+					if (mcEvent.bubble.indexOf('d') > -1) {
+						(that as any).children().forEach((mc: any) => {
+							mc instanceof MC ? (mc as any).trigger(mcEvent) : null;
+						});
+					}
+				}, 0);
+			}
+		}
 	}
-
-};
+}
 
 class DC extends McBase {
+	_mc: { [key: string]: any } = {};
 
-	_mc: { [key:string]: any } = {};
-
-	constructor(target: HTMLElement ) {
+	constructor(target: HTMLElement, debug: boolean = false) {
 		super(target);
 	}
 
-	static debug: boolean = false;
-
 	static add: Function = add;
 	static remove: Function = remove;
 	static trigger: Function = trigger;
 
-	trigger( ev: McEvent | string, data: any = {}, bubble?: string ) {
-		MC.prototype.trigger.call( this, ev, data, bubble );
-	};
+	trigger(ev: McEvent | string, data: any = {}, bubble?: string) {
+		MC.prototype.trigger.call(this, ev, data, bubble);
+	}
 
 	parent(search: string = ''): any[] {
 		let target: HTMLElement = (this as any).target;
@@ -372,7 +371,6 @@ class DC extends McBase {
 		const myDomElements = target.querySelectorAll('*[_mc]');
 		return getMicroComponents([...myDomElements], search);
 	}
-
-};
+}
 
 export { addListener, removeListener, McBase, MC, DC, McEvent };

package/dist/autoloader.ts

@@ -1,6 +1,6 @@
 "use strict";
 
-import { getCE } from './customElements.js'
+import { getCE } from './elements.js'
 
 // set of currently loading scripts
 const loadingScripts: Set<string> = new Set();

package/dist/{customElements.d.ts → elements.d.ts}

@@ -2,4 +2,4 @@ export declare function defineCE(tagName: string, DefinitionClass: {
     new (...args: any[]): any;
 }, observedAttributes?: string[]): void;
 export declare function getCE(tagName: string): CustomElementConstructor | undefined;
-//# sourceMappingURL=customElements.d.ts.map
+//# sourceMappingURL=elements.d.ts.map

package/dist/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../src/elements.ts"],"names":[],"mappings":"AAkCA,wBAAgB,QAAQ,CACvB,OAAO,EAAE,MAAM,EACf,eAAe,EAAE;IAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;CAAE,EAC9C,kBAAkB,GAAE,MAAM,EAAO,QAkCjC;AAED,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,wBAAwB,GAAG,SAAS,CAE3E"}

package/dist/elements.min.js

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

package/dist/{customElements.ts → elements.ts}

@@ -1,7 +1,7 @@
 "use strict";
 
-import { DC } from './MC.js';
-import { kebabToPascal } from './helpers.js';
+import { DC } from "./MC.js";
+import { kebabToPascal } from "./helpers.js";
 
 class CeBaseClass extends HTMLElement {
 	constructor() {
@@ -9,34 +9,43 @@ class CeBaseClass extends HTMLElement {
 	}
 
 	connectedCallback() {
-		(DC as any).trigger(this, 'Connected');
+		(DC as any).trigger(this, "Connected");
 	}
 
 	disconnectedCallback() {
-		(DC as any).trigger(this, 'Disconnected');
+		(DC as any).trigger(this, "Disconnected");
 	}
 
 	adoptedCallback() {
-		(DC as any).trigger(this, 'Adopted');
+		(DC as any).trigger(this, "Adopted");
 	}
 
 	attributeChangedCallback(name: string, oldValue: any, newValue: any) {
-		(DC as any).trigger(this, 'AttributeChanged', { name, oldValue, newValue });
+		(DC as any).trigger(this, "AttributeChanged", { name, oldValue, newValue });
 	}
 }
 
-function createNamedClass(name: string, ClassBody: { new (...args: any[]): any } ) {
-	return Object.defineProperty( ClassBody, 'name', { value: name });
+function createNamedClass(
+	name: string,
+	ClassBody: { new (...args: any[]): any }
+) {
+	return Object.defineProperty(ClassBody, "name", { value: name });
 }
 
-export function defineCE( tagName: string, DefinitionClass: { new (...args: any[]): any }, observedAttributes: string[] = []){
+export function defineCE(
+	tagName: string,
+	DefinitionClass: { new (...args: any[]): any },
+	observedAttributes: string[] = []
+) {
 	if (customElements.get(tagName)) {
 		console.warn(`IGNORED: Custom element "${tagName}" is already defined!`);
 		return;
 	}
 
-	if (!tagName.includes('-')) {
-		throw new Error('createCustomElement: tagName must contain at least one hyphen ("-").');
+	if (!tagName.includes("-")) {
+		throw new Error(
+			'createCustomElement: tagName must contain at least one hyphen ("-").'
+		);
 	}
 
 	let name = kebabToPascal(tagName);
@@ -48,10 +57,10 @@ export function defineCE( tagName: string, DefinitionClass: { new (...args: any[
 			class extends CeBaseClass {
 				instance: any;
 
-				constructor( data?: any ) {
+				constructor(data?: any) {
 					super();
 					let instance = new DefinitionClass(this, data);
-					( DC as any ).add(this, name, instance );
+					(DC as any).add(this, name, instance);
 				}
 
 				static get observedAttributes() {
@@ -60,7 +69,7 @@ export function defineCE( tagName: string, DefinitionClass: { new (...args: any[
 			}
 		)
 	);
-};
+}
 
 export function getCE(tagName: string): CustomElementConstructor | undefined {
 	return customElements.get(tagName);

package/dist/helpers.d.ts

@@ -1,11 +1,13 @@
-export declare function isObject(value: any): boolean;
 export interface LooseObject {
     [key: string | symbol]: any;
 }
+export declare function isNativeObject(value: any): boolean;
+export declare function sortObject(o: LooseObject): LooseObject;
+export declare function flattenObject(o: LooseObject, doSort?: boolean): LooseObject;
+export declare function deepEqual(o1: LooseObject, o2: LooseObject): boolean;
+export declare function nameSpace(ns: string | string[], obj?: LooseObject): any;
+export declare function parse(what: string | Object | any[], parseThis: Object): any;
 export declare function kebabToPascal(str: string): string;
 export declare function debounce(func: Function, milliseconds: number): Function;
-export declare function deepEqual(o1: any, o2: any): boolean;
-export declare function nameSpace(ns: string, obj: LooseObject, val?: any, orig?: any): any;
-export declare function parse(what: string | Object | any[], parseThis: Object): any;
 export declare function htmlToElements(html: string): HTMLElement[];
 //# sourceMappingURL=helpers.d.ts.map