@twobirds/microcomponents 0.1.0 → 0.1.2

package/public/src/test/test/testfunction.ts

@@ -1,12 +0,0 @@
-import { defineCE, getCE } from '../../microcomponents.js';
-
-console.log( 'testfunction.ts' );
-
-defineCE(
-    'test-testfunction',
-    function testfunction( a: number, b:number ){
-        return a + b;
-    }
-);
-
-export default getCE( 'test-testfunction' );

package/public/src/test/test/testmc.d.ts

@@ -1,3 +0,0 @@
-declare const _default: CustomElementConstructor | undefined;
-export default _default;
-//# sourceMappingURL=testmc.d.ts.map

package/public/src/test/test/testmc.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"testmc.d.ts","sourceRoot":"","sources":["../../../src/test/test/testmc.ts"],"names":[],"mappings":";AAeA,wBAAsC"}

package/public/src/test/test/testmc.js

@@ -1,10 +0,0 @@
-import { defineCE, getCE, DC } from '../../microcomponents.js';
-defineCE('test-testmc', class TestMc extends DC {
-    constructor(target) {
-        super(target);
-    }
-    oneInit() {
-    }
-});
-export default getCE('test-testmc');
-//# sourceMappingURL=testmc.js.map

package/public/src/test/test/testmc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"testmc.js","sourceRoot":"","sources":["../../../src/test/test/testmc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAE/D,QAAQ,CACJ,aAAa,EACb,MAAM,MAAO,SAAQ,EAAE;IACnB,YAAY,MAAmB;QAC3B,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,OAAO;IAEP,CAAC;CACJ,CACJ,CAAC;AAEF,eAAe,KAAK,CAAE,aAAa,CAAE,CAAC"}

package/public/src/test/test/testmc.ts

@@ -1,16 +0,0 @@
-import { defineCE, getCE, DC } from '../../microcomponents.js';
-
-defineCE(
-    'test-testmc',
-    class TestMc extends DC {
-        constructor(target: HTMLElement) {
-            super(target);
-        }
-
-        oneInit() {
-            // console.log('testmc connected to DOM');
-        }
-    }
-);
-
-export default getCE( 'test-testmc' );

package/public/src/test/test/testsimpleclass.d.ts

@@ -1,3 +0,0 @@
-declare const _default: CustomElementConstructor | undefined;
-export default _default;
-//# sourceMappingURL=testsimpleclass.d.ts.map

package/public/src/test/test/testsimpleclass.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"testsimpleclass.d.ts","sourceRoot":"","sources":["../../../src/test/test/testsimpleclass.ts"],"names":[],"mappings":";AAcA,wBAA+C"}

package/public/src/test/test/testsimpleclass.js

@@ -1,9 +0,0 @@
-import { defineCE, getCE } from '../../microcomponents.js';
-defineCE('test-testsimpleclass', class TestSimpleClass {
-    constructor(target) {
-    }
-    oneInit() {
-    }
-});
-export default getCE('test-testsimpleclass');
-//# sourceMappingURL=testsimpleclass.js.map

package/public/src/test/test/testsimpleclass.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"testsimpleclass.js","sourceRoot":"","sources":["../../../src/test/test/testsimpleclass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAM,MAAM,0BAA0B,CAAC;AAE/D,QAAQ,CACJ,sBAAsB,EACtB,MAAM,eAAe;IACjB,YAAY,MAAmB;IAC/B,CAAC;IAED,OAAO;IAEP,CAAC;CACJ,CACJ,CAAC;AAEF,eAAe,KAAK,CAAE,sBAAsB,CAAE,CAAC"}

package/public/src/test/test/testsimpleclass.ts

@@ -1,15 +0,0 @@
-import { defineCE, getCE, DC } from '../../microcomponents.js';
-
-defineCE(
-    'test-testsimpleclass',
-    class TestSimpleClass {
-        constructor(target: HTMLElement) {
-        }
-
-        oneInit() {
-            // console.log('testmc connected to DOM');
-        }
-    }
-);
-
-export default getCE( 'test-testsimpleclass' );

package/public/src/test/test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../../src/test/test.ts"],"names":[],"mappings":""}

package/public/src/test/test.js

@@ -1,72 +0,0 @@
-import { DC, defineCE, getCE, observe, } from '../microcomponents.js';
-class Translator extends DC {
-    #translations = {};
-    Language = 'en';
-    Translation = {};
-    constructor(target, translations, translationTargetObject) {
-        super(target);
-        let that = this;
-        that.Language = 'en';
-        that.Translation = {};
-        observe(that);
-        that.#translations = translations;
-        that.Language.observe((lang) => {
-            if (that.#translations.hasOwnProperty(lang)) {
-                that.Translation = { lang: that.#translations[lang] };
-            }
-        });
-        that.Translation.bind(translationTargetObject);
-        that.Language.notify();
-    }
-}
-class MyButton extends DC {
-    #template = '{lang.click} {counter}';
-    #languages = {
-        en: {
-            click: 'click me',
-        },
-        de: {
-            click: 'klick mich',
-        },
-    };
-    Dom = {};
-    constructor(target) {
-        super(target);
-        target.innerHTML = this.#template;
-        this.Dom = { counter: 0 };
-        observe(this);
-        DC.add(target, 'Translator', new Translator(target, this.#languages, target));
-        this.Dom.bind(this.target);
-    }
-    onClick(ev) {
-        const c = this.Dom.counter++;
-        ev.stopPropagation();
-        this.target.classList.remove('clicked');
-        this.target.classList.add(this.Dom.counter > 9 ? 'overClicked' : 'clicked');
-    }
-}
-function makeButton() {
-    const button = document.createElement('button');
-    button.classList.add('myButton');
-    DC.add(button, 'MyButton', new MyButton(button));
-    return button;
-}
-defineCE('make-button', makeButton);
-let fragment = new DocumentFragment();
-let start = new Date().getTime(), max = 1000;
-for (let x = 0; x < max; x++) {
-    fragment.append(getCE('make-button')());
-}
-let end = new Date().getTime();
-document.body.appendChild(fragment);
-setTimeout(() => {
-    console.log('%c \n\nStress Test:\n\n %cInstancing %s buttons containing %s MCs: %c %s ms.', 'font-weight: bold; color: black;', 'font-weight: normal;', max, max * 3, 'font-weight: bold; color: orange;', end - start);
-    let element = document.querySelector('button');
-    console.log("\n\n%cInspect this tag:%c \n( ...to see the inner structure in the '._mc' property )\n\n %O %c %s", 'font-weight: bold;', 'font-weight: normal;', element, 'font-weight: bold;', '\n\nLook up code in the debugger: test.js\n');
-    let form = document.querySelector('test-testform');
-    let formInstance = form._mc.TestTestform;
-    window.form = formInstance;
-    console.log("\n\n%cAttached a global variable 'form':%c \n\n %O %c %s %c %s %c %s", 'font-weight: bold;', 'font-weight: normal;', formInstance, 'font-weight: bold;', '\n\nYou can use it to change input values, e.g. \n\n', 'font-weight: normal;', '  form.data.textInput="other value"', 'font-weight: bold;', '\n\nChanges will be reflected in the form contents, same as vice versa.\n');
-    element._mc?.trigger('doSomething');
-}, 1000);
-//# sourceMappingURL=test.js.map

package/public/src/test/test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/test/test.ts"],"names":[],"mappings":"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"}

package/public/src/test/test.ts

@@ -1,176 +0,0 @@
-import {
-	LooseObject,
-	DC,
-	defineCE,
-	getCE,
-	observe,
-	Observable,
-	HTMLMcElement,
-} from '../microcomponents.js';
-
-class Translator extends DC {
-	#translations: LooseObject = {};
-
-	Language: unknown = 'en';
-	Translation: unknown = {};
-
-	constructor(
-		target: HTMLElement | ShadowRoot | DocumentFragment,
-		translations: LooseObject,
-		translationTargetObject: HTMLElement
-	) {
-		super(target as HTMLElement);
-		let that = this; // minifier help
-
-		// state
-		that.Language = 'en';
-		that.Translation = {};
-
-		observe(that);
-
-		// setup
-		that.#translations = translations;
-
-		// on language change switch translation object
-		(that.Language as Observable).observe((lang) => {
-			if (that.#translations.hasOwnProperty(lang)) {
-				that.Translation = { lang: that.#translations[lang] }; // set translation
-			}
-		});
-
-		(that.Translation as Observable).bind(translationTargetObject);
-
-		(that.Language as Observable).notify();
-	}
-
-}
-
-class MyButton extends DC {
-	#template: string = '{lang.click} {counter}';
-
-	#languages = {
-		en: {
-			click: 'click me',
-		},
-		de: {
-			click: 'klick mich',
-		},
-	};
-
-	Dom: LooseObject = {};
-
-	constructor(target: HTMLElement) {
-		super(target);
-
-		// render
-		target.innerHTML = this.#template;
-
-		// state
-		this.Dom = { counter: 0 };
-
-		// state: convert all props defined so far into observables
-		observe(this);
-
-		// add translator
-		DC.add(
-			target,
-			'Translator',
-			new Translator(target, this.#languages, target)
-		);
-
-		// bind Dom to target
-		(this.Dom as Observable).bind(this.target);
-	}
-
-	onClick(ev: Event) {
-		// console.log('button.myButton onClick()');
-		const c = this.Dom.counter++;
-		ev.stopPropagation();
-		(this.target as HTMLElement).classList.remove('clicked');
-		(this.target as HTMLElement).classList.add( this.Dom.counter > 9 ? 'overClicked' : 'clicked' );
-	}
-}
-
-function makeButton(): HTMLMcElement {
-	const button = document.createElement('button');
-	button.classList.add('myButton');
-	DC.add( button, 'MyButton', new MyButton(button) );
-	return button as unknown as HTMLMcElement;
-}
-
-defineCE(
-	'make-button',
-	makeButton
-);
-
-let fragment = new DocumentFragment();
-
-/*
-stress test
-*/
-
-let start = new Date().getTime(),
-	max = 1000;
-
-// create 1000 elements
-for (let x = 0; x < max; x++) {
-	fragment.append( (getCE('make-button') as Function)());
-}
-
-let end = new Date().getTime();
-
-// and put them into the DOM
-document.body.appendChild(fragment);
-
-//document.querySelectorAll('my-tag').forEach((e) => e.remove());
-
-/*
-console test
-*/
-
-setTimeout(() => {
-	// console.clear();
-
-	console.log(
-		'%c \n\nStress Test:\n\n %cInstancing %s buttons containing %s MCs: %c %s ms.',
-		'font-weight: bold; color: black;',
-		'font-weight: normal;',
-		max,
-		max * 3,
-		'font-weight: bold; color: orange;',
-		end - start
-	);
-
-	//document.body.appendChild(new MyTag());
-
-	let element = document.querySelector('button');
-
-	console.log(
-		"\n\n%cInspect this tag:%c \n( ...to see the inner structure in the '._mc' property )\n\n %O %c %s",
-		'font-weight: bold;',
-		'font-weight: normal;',
-		element,
-		'font-weight: bold;',
-		'\n\nLook up code in the debugger: test.js\n'
-	);
-
-	let form = ( document.querySelector('test-testform') as any);
-	let formInstance = form._mc.TestTestform;
-
-	(window as any).form = formInstance;
-	console.log(
-		"\n\n%cAttached a global variable 'form':%c \n\n %O %c %s %c %s %c %s",
-		'font-weight: bold;',
-		'font-weight: normal;',
-		formInstance,
-		'font-weight: bold;',
-		'\n\nYou can use it to change input values, e.g. \n\n',
-		'font-weight: normal;',
-		'  form.data.textInput="other value"',
-		'font-weight: bold;',
-		'\n\nChanges will be reflected in the form contents, same as vice versa.\n'
-	);
-
-	// will trigger the event on all micro components contained in <my-tag>
-	( element as unknown as HTMLMcElement )._mc?.trigger('doSomething');
-}, 1000);

package/public/src/test/testform.css

@@ -1,47 +0,0 @@
-legend {
-    display: inherit;
-    margin:  inherit;
-    vertical-align:  inherit;
-}
-
-label {
-    display: inline;
-    margin-top: 5px;
-    margin-left: 5px;
-    vertical-align: top;
-    width: 10em;
-    text-align: right;
-}
-
-label::before {
-    content: ' ';
-    display: block;
-}
-
-form input,
-form select,
-form textarea {
-    margin-left: 5px;
-    margin-top: 0px;
-    display: inline;
-}
-
-form label + textarea {
-    display: inline-block;
-    margin-top: 3px;
-}
-
-form input + label {
-    width: inherit;
-    margin-top: 3px;
-    text-align: left;
-}
-
-body > form {
-    display: block;
-}
-
-form fieldset {
-    border: 1px solid darkslategrey;
-    border-radius: 3px;
-}

package/public/src/test/testform.html

@@ -1,56 +0,0 @@
-<!-- test form -->
-<fieldset>
-    <legend>Inputs</legend>
-    <label>text</label><input type="text" name="textInput" value="" />&nbsp;<strong>2wB:&nbsp;</strong>{textInput}
-    <label>color</label><input type="color" name="colorInput" value="" />
-    <label>date</label><input type="date" name="dateInput" value="" />
-    <label>datetime-local</label><input type="datetime-local" name="dtlInput" value="" />
-    <label>email</label><input type="email" name="email" value="" />
-    <label>file</label><input type="file" name="fileInput" value="" />
-    <label>hidden</label><input type="hidden" name="hiddenInput" value="hiddenVal" />
-    <label>month</label><input type="month" name="month" value="" />
-    <label>number</label><input type="number" name="number" value="" />
-    <label>password</label><input type="password" name="passInput" value="" />
-    <label>range</label><input type="range" name="rangeInput" value="" />
-    <label>search</label><input type="search" name="searchInput" value="" />
-    <label>tel</label><input type="tel" name="telInput" value="" />
-    <label>time</label><input type="time" name="timeInput" value="" />
-    <label>url</label><input type="url" name="urlInput" value="" />
-    <label>week</label><input type="week" name="weekInput" value="" />
-</fieldset>
-<fieldset>
-    <legend>Selects</legend>
-        <label>singleSelect</label>
-        <select name="singleSelect">
-            <option disabled selected value> -- select -- </option>
-            <option value="1">Option 1</option>
-            <option value="2">Option 2</option>
-            <option value="3">Option 3</option>
-            <option value="4">Option 4</option>
-        </select>
-        <label>multiSelect</label>
-        <select name="multiSelect" multiple="multiple" type="select-multiple">
-            <option value="1">Option 1</option>
-            <option value="2" selected=true>Option 2</option>
-            <option value="3">Option 3</option>
-            <option value="4" selected=true>Option 4</option>
-        </select>
-</fieldset>
-<fieldset>
-    <legend>Radiobuttons&nbsp;<strong>2wB:&nbsp;</strong>{myRadio}</legend>
-    <label>radio1</label><input type="radio" name="myRadio" value="radio1">
-    <label>radio2</label><input type="radio" name="myRadio" value="radio2">
-    <label>radio3</label><input type="radio" name="myRadio" value="radio3">
-</fieldset>
-<fieldset>
-    <legend>Checkboxes</legend>
-    <label>cb1</label><input type="checkbox" name="cb1">
-    <label>cb2</label><input type="checkbox" name="cb2">
-    <label>cb3</label><input type="checkbox" name="cb3">
-    <label>cb4</label><input type="checkbox" name="cb4">
-    <label>cb5</label><input type="checkbox" name="cb5">
-</fieldset>
-<fieldset>
-    <legend>TextArea</legend>
-    <label>textArea</label><textarea name="textArea"></textarea>
-</fieldset>

package/public/src/test/testform.json

@@ -1,27 +0,0 @@
-{
-	"textInput":"Hallo Welt",
-	"colorInput":"#eaf8f8",
-	"dateInput":"",
-	"dtlInput":"",
-	"email":"",
-	"hiddenInput":"",
-	"hiddenVal":"",
-	"month":"",
-	"number":"",
-	"passInput":"",
-	"rangeInput":"30",
-	"searchInput":"",
-	"telInput":"",
-	"timeInput":"",
-	"urlInput":"",
-	"weekInput":"",
-	"myRadio":"radio3",
-	"cb1":true,
-	"cb2":false,
-	"cb3":true,
-	"cb4":false,
-	"cb5":false,
-	"singleSelect":"",
-	"multiSelect":["2","4"],
-	"textArea":"This is some example\rtext..."
-}

package/public/test/MC.d.ts

@@ -1,39 +0,0 @@
-import { LooseObject } from './helpers.js';
-export interface HTMLMcElement extends HTMLElement {
-    _mc: LooseObject;
-}
-declare function off(domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject): void;
-declare function on(domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject, once?: boolean): EventListenerOrEventListenerObject;
-declare function one(domNode: Node, eventName: string, handler: EventListenerOrEventListenerObject): EventListenerOrEventListenerObject;
-declare class BubbleController {
-    stopped: boolean;
-    constructor();
-    stop(): void;
-}
-declare function trigger(domNode: HTMLElement, event: string, data?: any, bubble?: string, controller?: BubbleController): void;
-declare class McBase {
-    private _target;
-    constructor(target?: {
-        [key: string]: any;
-    });
-    get target(): any;
-}
-declare class MC extends McBase {
-    constructor(target?: any);
-}
-declare class DC extends McBase {
-    constructor(target: HTMLElement);
-    static add(target: HTMLElement, key: string, element?: any): HTMLMcElement;
-    static remove(target: HTMLElement, key: string): void;
-    off(eventName: string, handler: EventListenerOrEventListenerObject): void;
-    on(eventName: string, handler: EventListenerOrEventListenerObject): EventListenerOrEventListenerObject;
-    one(eventName: string, handler: EventListenerOrEventListenerObject): EventListenerOrEventListenerObject;
-    trigger(eventName: string, data?: any, bubble?: string, controller?: BubbleController): void;
-    ancestors(): DC[] | null;
-    closest(): DC | null;
-    children(): DC[] | null;
-    descendants(): DC[] | null;
-}
-declare function autoload(enable?: boolean): boolean;
-export { McBase, MC, DC, autoload, on, one, off, trigger };
-//# sourceMappingURL=MC.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MC.d.ts","sourceRoot":"","sources":["../src/MC.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,WAAW,aAAc,SAAQ,WAAW;IACjD,GAAG,EAAE,WAAW,CAAC;CACjB;AAmED,iBAAS,GAAG,CAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,QAE1F;AAED,iBAAS,EAAE,CAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,EAAE,IAAI,GAAE,OAAe,GAAI,kCAAkC,CAGtJ;AAED,iBAAS,GAAG,CAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAI,kCAAkC,CAGhI;AAED,cAAM,gBAAgB;IACrB,OAAO,UAAS;;IAGhB,IAAI;CAGJ;AAGD,iBAAS,OAAO,CACf,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,GAAQ,EACd,MAAM,GAAE,MAAY,EACpB,UAAU,CAAC,EAAE,gBAAgB,QA4C7B;AAiDD,cAAM,MAAM;IACX,OAAO,CAAC,OAAO,CAAe;gBAElB,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;IAU3C,IAAI,MAAM,IAAI,GAAG,CAEhB;CAED;AAED,cAAM,EAAG,SAAQ,MAAM;gBACV,MAAM,CAAC,EAAE,GAAG;CAGxB;AAED,cAAM,EAAG,SAAQ,MAAM;gBACV,MAAM,EAAE,WAAW;IAI/B,MAAM,CAAC,GAAG,CAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,GAAQ,GAAI,aAAa;IAIhF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM;IAK9C,GAAG,CAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC;IAInE,EAAE,CAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAI,kCAAkC;IAIxG,GAAG,CAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAI,kCAAkC;IAIzG,OAAO,CAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,MAAM,GAAE,MAAY,EAAE,UAAU,CAAC,EAAE,gBAAgB;IAK/F,SAAS,IAAI,EAAE,EAAE,GAAG,IAAI;IAgBxB,OAAO,IAAI,EAAE,GAAG,IAAI;IAOpB,QAAQ,IAAI,EAAE,EAAE,GAAG,IAAI;IAMvB,WAAW,IAAI,EAAE,EAAE,GAAG,IAAI;CAS1B;AAiHD,iBAAS,QAAQ,CAAC,MAAM,GAAE,OAAc,GAAG,OAAO,CAmBjD;AAID,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC"}