@twobirds/microcomponents 0.1.0 → 0.1.2

package/public/test/MC.ts

@@ -1,431 +0,0 @@
-'use strict';
-
-import { LooseObject } from './helpers.js';
-
-const isBrowser = new Function(
-	'try {return this===window;}catch(e){ return false;}'
-);
-
-export interface HTMLMcElement extends HTMLElement {
-	_mc: LooseObject;
-}
-
-function isDOM(element: { [key: string]: any }) {
-	return element && element instanceof HTMLElement;
-}
-
-// add a microcomponent to a target DOM node
-function add( target: HTMLElement, key: string, element: any = {} ): HTMLMcElement {
-	let node = target as HTMLMcElement;
-
-	// create the _mc property if necessary
-	if (!node._mc) {
-		node._mc = new (DC as any)(target);
-	}
-
-	const _mc = node._mc;
-
-	// add the element with the given property key to the _mc property
-	if (key.length && !_mc[key]) {
-		_mc[key] = element;
-		// add attribute if HTMLElement
-		if (target instanceof HTMLElement && ! target.getAttribute('data-mc') ) {
-			target.setAttribute('data-mc', '');
-		}
-	}
-
-	return node;
-}
-
-// remove a micro component from the DOM
-function remove(target: HTMLElement, key: string) {
-	if (!key) return; // silent fail
-
-	const _mc = (target as unknown as HTMLMcElement)?._mc || {};
-
-	// delete the property from the HTMLElement _mc collection
-	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('data-mc')
-	) {
-		target.removeAttribute('data-mc');
-	}
-	return;
-}
-
-// run the "init" lifecycle event on the complete _mc structure
-function init(element: DC) {
-	setTimeout(() => {
-		if (element.constructor === DC) return;
-		element.trigger('Init');
-	}, 0);
-}
-
-// 'eventName' => '_mcEventName'
-function getMcEventName( eventName: string ): string {
-	return '_mc' + eventName[0].toUpperCase() + eventName.substring(1);
-}
-
-/*
-CustomEvent Section...
-*/
-function off( domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject ){
-	domNode.removeEventListener( getMcEventName(eventName), handler );
-}
-
-function on( domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject, once: boolean = false ): EventListenerOrEventListenerObject {
-	domNode.addEventListener( getMcEventName(eventName), handler, { capture: false, once });
-	return handler;
-}
-
-function one( domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject ): EventListenerOrEventListenerObject {
-	on(domNode, eventName, handler, true );
-	return handler;
-}
-
-class BubbleController{	
-	stopped = false;
-	constructor(){
-	}
-	stop(){
-		this.stopped = true;
-	}
-}
-
-// create and dispatch custom event
-function trigger( 
-	domNode: HTMLElement,
-	event: string,
-	data: any = {},
-	bubble: string = 'l', // direction of bubbling
-	controller?: BubbleController
-){
-	const eventName = /^_mc/.test( event ) ? event : getMcEventName( event ),
-		bubbleController = !!controller ? controller : new BubbleController(),
-		ev = new CustomEvent( eventName, { detail: {data,control: bubbleController}, bubbles: false } );
-
-	if ( bubbleController.stopped ) return;
-
-	domNode.dispatchEvent( ev );
-	ev.stopImmediatePropagation();
-
-	if ( bubbleController.stopped ) return;
-
-	// bubble if up or down is indicated
-	if( /[ud]/.test( bubble ) ){
-		//console.log( 'bubble', bubble, domNode );
-
-		// add missing 'l', or else no handlers are executed
-		if (bubble.indexOf('l') === -1) {
-			bubble += 'l';
-		}
-
-		setTimeout(
-			() => {
-
-				// bubble up towards root
-				if ( bubble.indexOf('u') > -1 ) {
-					let parentMc: HTMLMcElement | null | undefined = domNode.parentElement?.closest('[data-mc]') ;
-					if ( !!parentMc ){
-						parentMc?._mc.trigger( eventName, data, bubble, bubbleController );
-					}
-				}
-
-				// bubble down
-				if (bubble.indexOf('d') > -1) {
-					let childNodes: DC[] | null = ( domNode as HTMLMcElement)._mc.children();
-					if( !!childNodes ){
-						childNodes.forEach( (_mc: DC) => _mc.trigger( eventName, data, bubble, bubbleController ) );
-					}
-				}
-			},
-			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();  // lowercase for native event names
-
-				if ( ('on' + nativeEventName) in target ) { // it is a native HTML event
-					let listener = (ev: Event) => {
-						that[key]( ev );
-					}
-					// console.log( 'AAL: attach native event listener', nativeEventName, 'to', target );
-					target.addEventListener( nativeEventName, listener );
-				} else { // it is a customEvent
-					// console.log( 'AAL: attach custom event listener', '_mc' + withoutOnOne , 'to key', key, 'in', element );
-					let listener = (ev: CustomEvent) => {
-						that[key]( ev );
-					}
-					on( target, withoutOnOne, listener as EventListenerOrEventListenerObject, once );
-				}
-			});
-	}
-}
-
-function getMcChildNodes(domNode: HTMLElement): DC[] | null {
-	const id = Math.random().toString().replace('.', '');
-	const selector = '[data-mc]:not([temp_id="' + id + '"] [data-mc] [data-mc])';
-	domNode.setAttribute('temp_id', id);
-	const mcArray: unknown[] = 
-		( [ ...domNode.querySelectorAll(selector) ] as HTMLMcElement[])
-			.filter( (e) => !!e._mc )
-			.map( e => e._mc );
-	domNode.removeAttribute('temp_id');
-	return mcArray.length ? mcArray as DC[] : null;
-}
-
-class McBase {
-	private _target: WeakRef<any>; // avoid circular reference
-
-	constructor(target?: { [key: string]: any } ) {
-		let element = this as unknown as MC | DC;
-
-		this._target = new WeakRef(target || {});
-
-		init(element as DC); // async lifecycle event
-
-		autoAttachListeners(element);
-	}
-
-	get target(): any {
-		return this._target.deref();
-	}
-
-}
-
-class MC extends McBase {
-	constructor(target?: any) {
-		super(target);
-	}
-}
-
-class DC extends McBase {
-	constructor(target: HTMLElement) {
-		super(target);
-	}
-
-	static add( target: HTMLElement, key: string, element: any = {} ): HTMLMcElement {
-		return add( target, key, element );
-	};
-
-	static remove(target: HTMLElement, key: string) {
-		remove(target, key);
-	}
-
-	/* event handling */
-	off( eventName: string, handler: EventListenerOrEventListenerObject ) {
-		off( this.target, eventName, handler );
-	}
-
-	on( eventName: string, handler: EventListenerOrEventListenerObject ): EventListenerOrEventListenerObject {
-		return on( this.target, eventName, handler );
-	}
-
-	one( eventName: string, handler: EventListenerOrEventListenerObject ): EventListenerOrEventListenerObject {
-		return one( this.target, eventName, handler );
-	}
-
-	trigger( eventName: string, data: any = {}, bubble: string = 'l', controller?: BubbleController) {
-		trigger( this.target, eventName, data, bubble, controller);
-	}
-
-	/* DOM traversal */
-	ancestors(): DC[] | null {
-		let 
-			currentNode: HTMLElement | null = (this as DC)?.target as HTMLMcElement,
-			result: DC[] = [];
-
-		if (!isDOM( currentNode )) return [];
-
-		while ( currentNode = (currentNode.closest('[data-mc]') ) ){
-			if ( (currentNode as HTMLMcElement)?._mc ){
-				result.push( (currentNode as HTMLMcElement)?._mc as DC );
-			}
-		}
-
-		return result.length ? result : null;
-	}
-
-	closest(): DC | null {
-		let 
-			target: HTMLElement = (this as DC).target;
-		if (!isDOM(target)) return null;
-		return (target.closest('[data-mc]') as HTMLMcElement)?._mc as DC || null;
-	}
-
-	children(): DC[] | null {
-		let target: any = (this as any)?.target;
-		if (!isDOM(target)) return null;
-		return getMcChildNodes(target);
-	}
-
-	descendants(): DC[] | null {
-		const target: any = (this as DC)?.target;
-		if (!isDOM(target)) return [];
-		const mcArray: unknown[] = 
-			( [ ...target.querySelectorAll( '[data-mc]' ) ] as HTMLMcElement[])
-				.filter( (e) => !!e._mc )
-				.map( e => e._mc );
-		return mcArray.length ? mcArray as DC[] : null;
-	}
-}
-
-/*
-Autoload Section...
-*/
-
-const loadingDCs = new Set<string>();
-
-function attachDC(element: string): Function {
-
-	//@ts-ignore
-	return () => {
-		const elements: HTMLElement[] = Array
-					.from(document.querySelectorAll(`[data-mc*="${element}"]`))
-					.filter( element => element instanceof HTMLElement );
-
-		if ( elements.length === 0 ) return;
-
-		//console.log( 'loadedPromise elements', elements );
-
-		const klass = customElements.get( element );
-
-		elements.forEach((node: HTMLElement) => {
-			//console.log( 'add', klass!.name, 'to', node );
-			DC.add(node, klass!.name, new klass!(node));
-
-			//@ts-ignore
-			const new_mc = node
-				.getAttribute( 'data-mc' )
-				.split(' ')
-				.filter( (name) => name !== element && name !== '' )
-				.join(' ')
-				.trim();
-
-			//@ts-ignore
-			node.setAttribute( 
-				'data-mc',
-				//@ts-ignore
-				new_mc
-			)
-		});
-	};
-};
-
-function makeLoadScript( element: string ) {
-
-	if ( loadingDCs.has( element ) ) return; // already loading
-
-	loadingDCs.add( element );
-
-	//console.log( 'makeLoadScript:', element);
-	const fileName: string = './' + element.split('-').join('/')+'.js';	
-
-	const se: HTMLScriptElement = document.createElement('script');
-
-	se.setAttribute('src', fileName);
-	se.setAttribute('blocking', 'render');
-	se.async = true;
-	se.setAttribute('type', 'module');
-	se.setAttribute( 'data-name', element);
-	se.setAttribute( 'loading', '');
-
-	const loadedPromise = customElements.whenDefined( element );
-
-	//@ts-ignore
-	loadedPromise.then( attachDC( element ) );
-
-	se.addEventListener( 'load', (ev: Event) => {
-		loadingDCs.delete( element );
-
-		document.head.querySelector(`script[data-name="${element}"]`)?.remove();
-	});
-
-	se.addEventListener( 'error', (ev: Event) => {
-		console.error('could not load DC code from', fileName);
-	});
-
-	document.head.append(se);
-}
-
-function loadUndefinedMCs() {
-
-	// load unresolved custom elements
-	[ ...document.querySelectorAll(':not(:defined)') ]
-		.filter( (element) => !!element 
-			&& !customElements.get(element.tagName.toLowerCase()) // not in CustomElementsRegistry
-			&& !loadingDCs.has(element.tagName.toLowerCase()) // not in loading list
-		)
-		.forEach((el) => {
-			//console.log( 'detected CE', el.tagName.toLowerCase() );
-			makeLoadScript( el.tagName.toLowerCase() ); // will automatically be instanciated
-		});
-
-	// if defined in _mc attribute: instanciate DCs, load if necessary
-	[ ...document.querySelectorAll('[data-mc]:not([data-mc=""]') ]
-		.filter( (element) => !!element )
-		.forEach((el) => {
-			const _mc = el.getAttribute('data-mc')?.split(' ').filter( name => name !== '' );
-			_mc?.forEach( element => {
-				//console.log( 'detected DC', dc );
-				const isDefined = customElements.get(element);
-				if ( !loadingDCs.has(element) && !isDefined ) {
-					makeLoadScript( element );
-				} else if ( isDefined ) {
-					attachDC(element)();
-				}
-			});
-		});
-}
-
-let autoloadEnabled: boolean = false;
-let observer: MutationObserver | null = null;
-
-function autoload(enable: boolean = true): boolean {
-	
-	if (!enable) {
-		observer?.disconnect();
-		observer = null;
-		return autoloadEnabled;
-	}
-
-	autoloadEnabled = enable;
-	observer = new MutationObserver(loadUndefinedMCs);
-
-	setTimeout(() => {
-		observer!.observe(document.body, { childList: true, subtree: true });
-		loadUndefinedMCs();
-	}, 5);
-
-	(window as any).autoload = (window as any).autoload || autoload;
-
-	return autoloadEnabled;
-}
-
-(autoload as LooseObject).state = loadingDCs;
-
-export { McBase, MC, DC, autoload, on, one, off, trigger };
-

package/public/test/MicroComponents.svg

@@ -1,15 +0,0 @@
-<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
- <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
- <title>test</title>
- <rect fill="transparent" x="0" y="0" width="200" height="200" fill-opacity="1"/>
- <g style="fill:transparent">
-  <title>first bird</title>
-  <path fill="#18829c" d="
-    m15,160
-    a30,75 45 1 0 160,-150
-    a20,50 225 1 1 -110,100
-    a12,25 45 1 1 60,-50
-    a20,50 225 1 0 -110,100
-    " />
- </g>
-</svg>

package/public/test/elements.d.ts

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

package/public/test/elements.d.ts.map

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

package/public/test/elements.js

@@ -1,68 +0,0 @@
-'use strict';
-import { DC, McBase } from './MC.js';
-import { kebabToPascal } from './helpers.js';
-class CeBaseClass extends HTMLElement {
-    constructor() {
-        super();
-    }
-    connectedCallback() {
-        this.dispatchEvent(new CustomEvent('_mcConnected'));
-    }
-    connectedMoveCallback() {
-        this.dispatchEvent(new CustomEvent('_mcConnectedMove'));
-    }
-    disconnectedCallback() {
-        this.dispatchEvent(new CustomEvent('_mcDisconnected'));
-    }
-    adoptedCallback() {
-        this.dispatchEvent(new CustomEvent('_mcAdopted'));
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        this.dispatchEvent(new CustomEvent('_mcAttributeChanged', { detail: { name, oldValue, newValue } }));
-    }
-    formResetCallback() {
-        this.dispatchEvent(new CustomEvent('_mcFormReset'));
-    }
-}
-function createNamedClass(name, ClassBody) {
-    return Object.defineProperty(ClassBody, 'name', { value: name });
-}
-function isClass(func) {
-    return typeof func === 'function'
-        && /^class\s/.test(Function.prototype.toString.call(func));
-}
-export function defineCE(tagName, DefinitionClass, observedAttributes = []) {
-    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 ("-").');
-    }
-    let name = kebabToPascal(tagName);
-    if (!isClass(DefinitionClass.prototype.constructor)) {
-        customElements.define(tagName, DefinitionClass);
-        return;
-    }
-    if (!(DefinitionClass.prototype instanceof McBase)) {
-        customElements.define(tagName, DefinitionClass);
-        return;
-    }
-    customElements.define(tagName, createNamedClass(name, class extends CeBaseClass {
-        instance;
-        constructor(data) {
-            super();
-            const instance = isClass(DefinitionClass)
-                ? new DefinitionClass(this, data)
-                : DefinitionClass;
-            DC.add(this, name, instance);
-        }
-        static get observedAttributes() {
-            return observedAttributes;
-        }
-    }));
-}
-export function getCE(tagName) {
-    return customElements.get(tagName);
-}
-//# sourceMappingURL=elements.js.map

package/public/test/elements.min.js

@@ -1 +0,0 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.elements=e():t.elements=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:()=>d,getCE:()=>m});const n=new Function("try {return this===window;}catch(e){ return false;}");function r(t){return t&&t instanceof HTMLElement}function o(t){return"_mc"+t[0].toUpperCase()+t.substring(1)}function c(t,e,n,r=!1){return t.addEventListener(o(e),n,{capture:!1,once:r}),n}class s{stopped=!1;constructor(){}stop(){this.stopped=!0}}class i{_target;constructor(t){var e;this._target=new WeakRef(t||{}),e=this,setTimeout((()=>{e.constructor!==a&&e.trigger("Init")}),0),function(t){if(!n()||t.constructor===a)return;const e=t.target;if(e instanceof HTMLElement){let n=t;Object.getOwnPropertyNames(n.constructor.prototype).filter((t=>/^on[A-Z]|one[A-Z]/.test(t)&&"function"==typeof n.constructor.prototype[t])).forEach((t=>{let r=/^one/.test(t),o=t.replace(/^on[e]{0,1}/,""),s=o.toLowerCase();if("on"+s in e){let r=e=>{n[t](e)};e.addEventListener(s,r)}else c(e,o,(e=>{n[t](e)}),r)}))}}(this)}get target(){return this._target.deref()}}class a extends i{constructor(t){super(t)}static add(t,e,n={}){return function(t,e,n={}){let r=t;r._mc||(r._mc=new a(t));const o=r._mc;return e.length&&!o[e]&&(o[e]=n,t instanceof HTMLElement&&!t.getAttribute("data-mc")&&t.setAttribute("data-mc","")),r}(t,e,n)}static remove(t,e){!function(t,e){if(!e)return;const n=t?._mc||{};n&&n[e]&&delete n[e],!Object.keys(n).length&&t instanceof HTMLElement&&t.hasAttribute("data-mc")&&t.removeAttribute("data-mc")}(t,e)}off(t,e){!function(t,e,n){t.removeEventListener(o(e),n)}(this.target,t,e)}on(t,e){return c(this.target,t,e)}one(t,e){return function(t,e,n){return c(t,e,n,!0),n}(this.target,t,e)}trigger(t,e={},n="l",r){!function(t,e,n={},r="l",c){const i=/^_mc/.test(e)?e:o(e),a=c||new s,u=new CustomEvent(i,{detail:{data:n,control:a},bubbles:!1});a.stopped||(t.dispatchEvent(u),u.stopImmediatePropagation(),a.stopped||/[ud]/.test(r)&&(-1===r.indexOf("l")&&(r+="l"),setTimeout((()=>{if(r.indexOf("u")>-1){let e=t.parentElement?.closest("[data-mc]");e&&e?._mc.trigger(i,n,r,a)}if(r.indexOf("d")>-1){let e=t._mc.children();e&&e.forEach((t=>t.trigger(i,n,r,a)))}}),0)))}(this.target,t,e,n,r)}ancestors(){let t=this?.target,e=[];if(!r(t))return[];for(;t=t.closest("[data-mc]");)t?._mc&&e.push(t?._mc);return e.length?e:null}closest(){let t=this.target;return r(t)&&t.closest("[data-mc]")?._mc||null}children(){let t=this?.target;return r(t)?function(t){const e=Math.random().toString().replace(".",""),n='[data-mc]:not([temp_id="'+e+'"] [data-mc] [data-mc])';t.setAttribute("temp_id",e);const r=[...t.querySelectorAll(n)].filter((t=>!!t._mc)).map((t=>t._mc));return t.removeAttribute("temp_id"),r.length?r:null}(t):null}descendants(){const t=this?.target;if(!r(t))return[];const e=[...t.querySelectorAll("[data-mc]")].filter((t=>!!t._mc)).map((t=>t._mc));return e.length?e:null}}new Set;class u extends HTMLElement{constructor(){super()}connectedCallback(){this.dispatchEvent(new CustomEvent("_mcConnected"))}connectedMoveCallback(){this.dispatchEvent(new CustomEvent("_mcConnectedMove"))}disconnectedCallback(){this.dispatchEvent(new CustomEvent("_mcDisconnected"))}adoptedCallback(){this.dispatchEvent(new CustomEvent("_mcAdopted"))}attributeChangedCallback(t,e,n){this.dispatchEvent(new CustomEvent("_mcAttributeChanged",{detail:{name:t,oldValue:e,newValue:n}}))}formResetCallback(){this.dispatchEvent(new CustomEvent("_mcFormReset"))}}function l(t){return"function"==typeof t&&/^class\s/.test(Function.prototype.toString.call(t))}function d(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("");l(e.prototype.constructor)&&e.prototype instanceof i?customElements.define(t,function(t,e){return Object.defineProperty(e,"name",{value:t})}(r,class extends u{instance;constructor(t){super();const n=l(e)?new e(this,t):e;a.add(this,r,n)}static get observedAttributes(){return n}})):customElements.define(t,e)}function m(t){return customElements.get(t)}return e})()));

package/public/test/elements.ts

@@ -1,119 +0,0 @@
-'use strict';
-
-import { DC, McBase } from './MC.js';
-import { kebabToPascal } from './helpers.js';
-
-class CeBaseClass extends HTMLElement {
-	constructor() {
-		super();
-	}
-
-	connectedCallback() {
-		this.dispatchEvent( new CustomEvent('_mcConnected') );
-	}
-
-	connectedMoveCallback() {
-		this.dispatchEvent( new CustomEvent('_mcConnectedMove') );
-	}
-
-	disconnectedCallback() {
-		this.dispatchEvent( new CustomEvent('_mcDisconnected') );
-	}
-
-	adoptedCallback() {
-		this.dispatchEvent( new CustomEvent('_mcAdopted') );
-	}
-
-	attributeChangedCallback(name: string, oldValue: any, newValue: any) {
-		this.dispatchEvent( 
-			new CustomEvent(
-				'_mcAttributeChanged', 
-				{ detail: { name, oldValue, newValue } } 
-			) 
-		);
-	}
-
-	formResetCallback(){
-		this.dispatchEvent( new CustomEvent('_mcFormReset') );
-	}
-}
-
-function createNamedClass(
-	name: string,
-	ClassBody: { new (...args: any[]): any }
-) {
-	return Object.defineProperty(ClassBody, 'name', { value: name });
-}
-
-function isClass(func: any) {
-  return typeof func === 'function' 
-    && /^class\s/.test(Function.prototype.toString.call(func));
-}
-
-export function defineCE(
-	tagName: string,
-	DefinitionClass: { new (...args: any[]): any } | Function,
-	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 ("-").'
-		);
-	}
-
-	let name = kebabToPascal(tagName);
-
-	// not a class, but a function
-	if ( !isClass( DefinitionClass.prototype.constructor ) ){
-		customElements.define(
-			tagName,
-			// @ts-ignore
-			DefinitionClass
-		);
-		return;
-	}
-
-	// a class, but not a MC
-	if ( !( DefinitionClass.prototype instanceof McBase ) ){
-		customElements.define(
-			tagName,
-			// @ts-ignore
-			DefinitionClass
-		);
-		return;
-	}
-
-	// a MC
-	customElements.define(
-		tagName,
-		createNamedClass(
-			name,
-			class extends CeBaseClass {
-				instance: any;
-
-				constructor(data?: any) {
-					super();
-					// @ts-ignore
-					const instance = isClass( DefinitionClass ) 
-						// @ts-ignore
-						? new DefinitionClass(this, data)
-						: DefinitionClass;
-					DC.add(this, name, instance);
-				}
-
-				static get observedAttributes() {
-					return observedAttributes;
-				}
-			}
-		)
-	);
-}
-
-export function getCE(tagName: string): CustomElementConstructor | undefined {
-	return customElements.get(tagName);
-}

package/public/test/formValues.d.ts

@@ -1,3 +0,0 @@
-import { LooseObject } from './helpers.js';
-export declare function formValues(targetObject: LooseObject, propertyName: string, dom: HTMLElement | ShadowRoot): void;
-//# sourceMappingURL=formValues.d.ts.map

package/public/test/formValues.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formValues.d.ts","sourceRoot":"","sources":["../src/formValues.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAsB,MAAM,cAAc,CAAC;AA0M/D,wBAAgB,UAAU,CACzB,YAAY,EAAE,WAAW,EACzB,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,WAAW,GAAG,UAAU,QAgB7B"}