@twobirds/microcomponents 0.1.1 → 0.1.3

package/public/src/formValues.js

@@ -1,162 +0,0 @@
-'use strict';
-import { copyGettersSetters } from './helpers.js';
-import { DC } from './MC.js';
-import { observe } from './observables.js';
-const getInputName = (e) => {
-    return e.tagName.toLowerCase();
-};
-class InputBase {
-    constructor(e) { }
-}
-class RadioHandler extends InputBase {
-    #e;
-    constructor(e) {
-        super(e);
-        this.#e = e;
-    }
-    get val() {
-        let ret = new FormData(this.#e.form).get(this.#e.name);
-        return ret;
-    }
-    set val(value) {
-        let arr = [
-            ...this.#e.form.querySelectorAll(`input[type="radio"][name="${this.#e.name}"]`),
-        ];
-        arr
-            .filter((e) => e.getAttribute('value') === value)
-            .shift().checked = true;
-    }
-}
-class CheckboxHandler extends InputBase {
-    #e;
-    constructor(e) {
-        super(e);
-        this.#e = e;
-    }
-    get val() {
-        return this.#e.checked;
-    }
-    set val(value) {
-        this.#e.checked = value;
-    }
-}
-class InputHandler extends InputBase {
-    #e;
-    constructor(e) {
-        super(e);
-        this.#e = e;
-    }
-    get val() {
-        return this.#e.value;
-    }
-    set val(value) {
-        this.#e.value = value;
-    }
-}
-class SelectHandler extends InputBase {
-    #e;
-    #multi = false;
-    constructor(e) {
-        super(e);
-        this.#e = e;
-        this.#multi = e.multiple;
-    }
-    get val() {
-        const that = this, ret = [];
-        [...that.#e.querySelectorAll('option')]
-            .filter((o) => o.selected)
-            .forEach((o) => {
-            ret.push(o.value);
-        });
-        if (this.#multi)
-            return ret;
-        return ret.length ? ret[0] : '';
-    }
-    set val(value) {
-        const that = this;
-        value = typeof value === 'string' ? [value] : value;
-        [...that.#e.querySelectorAll('option')].forEach((o) => {
-            if (value.indexOf(o.value) > -1) {
-                o.selected = true;
-            }
-            else {
-                o.selected = false;
-            }
-        });
-    }
-}
-class TextAreaHandler extends InputBase {
-    #e;
-    constructor(e) {
-        super(e);
-        this.#e = e;
-    }
-    get val() {
-        return this.#e.value || '';
-    }
-    set val(value) {
-        this.#e.value = value;
-    }
-}
-const getInputHandlers = (e) => {
-    let inputList = [
-        ...(e || document).querySelectorAll('input,select,textarea'),
-    ], handlers = {};
-    inputList.forEach((input) => {
-        const name = input.getAttribute('name');
-        if (name) {
-            let handler = false;
-            switch (getInputName(input)) {
-                case 'input':
-                    switch (input.type) {
-                        case 'radio':
-                            handler = new RadioHandler(input);
-                            break;
-                        case 'checkbox':
-                            handler = new CheckboxHandler(input);
-                            break;
-                        default:
-                            handler = new InputHandler(input);
-                    }
-                    break;
-                case 'select':
-                    handler = new SelectHandler(input);
-                    break;
-                case 'textarea':
-                    handler = new TextAreaHandler(input);
-                    break;
-                default:
-                    console.warn('handler missing:', name, 'for', input.tagName.toLowerCase(), input);
-                    break;
-            }
-            if (handler) {
-                DC.add(input, name, handler);
-                Object.defineProperty(handlers, name, {
-                    enumerable: true,
-                    configurable: true,
-                    get: () => {
-                        return handler.val;
-                    },
-                    set: (value) => {
-                        if (handler.val !== value) {
-                            handler.val = value;
-                        }
-                    },
-                });
-            }
-        }
-    });
-    return handlers;
-};
-export function formValues(targetObject, propertyName, dom) {
-    let handlers = getInputHandlers(dom);
-    targetObject[propertyName] = Object.assign({}, handlers);
-    observe(targetObject, propertyName);
-    copyGettersSetters(handlers, targetObject[propertyName]);
-    [...dom.querySelectorAll('input, textarea, select')].forEach((input) => {
-        input.addEventListener('input', (ev) => {
-            targetObject[propertyName].notify();
-        });
-    });
-}
-//# sourceMappingURL=formValues.js.map

package/public/src/formValues.js.map

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

package/public/src/formValues.ts

@@ -1,225 +0,0 @@
-'use strict';
-
-import { LooseObject, copyGettersSetters } from './helpers.js';
-import { DC, on } from './MC.js';
-import { observe } from './observables.js';
-
-type inputTypes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-
-const getInputName = (
-	e: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement
-): string => {
-	return e.tagName.toLowerCase();
-};
-
-abstract class InputBase {
-	constructor(e: inputTypes) {}
-
-	abstract get val(): any;
-
-	abstract set val(value: any);
-}
-
-class RadioHandler extends InputBase {
-	#e: HTMLInputElement;
-
-	constructor(e: HTMLInputElement) {
-		super(e);
-		this.#e = e;
-	}
-
-	get val(): string {
-		let ret = new FormData(this.#e.form as HTMLFormElement).get(this.#e.name);
-
-		//console.log('radio[', this.#e.name, '] = "' + ret + '"');
-		return ret as string;
-	}
-
-	set val(value: string) {
-		let arr = [
-			...(this.#e.form as HTMLFormElement).querySelectorAll(
-				`input[type="radio"][name="${this.#e.name}"]`
-			),
-		] as HTMLInputElement[];
-
-		(
-			arr
-				.filter((e) => e.getAttribute('value') === value)
-				.shift() as HTMLInputElement
-		).checked = true;
-	}
-}
-
-class CheckboxHandler extends InputBase {
-	#e: HTMLInputElement;
-
-	constructor(e: HTMLInputElement) {
-		super(e);
-		this.#e = e;
-	}
-
-	get val(): boolean {
-		return this.#e.checked;
-	}
-
-	set val(value: boolean) {
-		this.#e.checked = value;
-	}
-}
-
-class InputHandler extends InputBase {
-	#e: HTMLInputElement;
-
-	constructor(e: HTMLInputElement) {
-		super(e);
-		this.#e = e;
-	}
-
-	get val(): string {
-		return this.#e.value;
-	}
-
-	set val(value: string) {
-		this.#e.value = value;
-	}
-}
-
-class SelectHandler extends InputBase {
-	#e: HTMLSelectElement;
-	#multi: boolean = false;
-
-	constructor(e: HTMLSelectElement) {
-		super(e);
-		this.#e = e;
-		this.#multi = e.multiple;
-	}
-
-	get val(): string[] | string {
-		const that = this,
-			ret: string[] = [];
-
-		// get all options
-		[...that.#e.querySelectorAll('option')]
-			.filter((o) => o.selected)
-			.forEach((o) => {
-				ret.push(o.value);
-			});
-
-		if (this.#multi) return ret;
-		return ret.length ? ret[0] : '';
-	}
-
-	set val(value: string[] | string) {
-		const that = this;
-
-		value = typeof value === 'string' ? [value] : value;
-
-		// set all options
-		[...that.#e.querySelectorAll('option')].forEach((o) => {
-			if (value.indexOf(o.value) > -1) {
-				o.selected = true;
-			} else {
-				o.selected = false;
-			}
-		});
-	}
-}
-
-class TextAreaHandler extends InputBase {
-	#e: HTMLTextAreaElement;
-	constructor(e: HTMLTextAreaElement) {
-		super(e);
-		this.#e = e;
-	}
-
-	get val(): string {
-		return this.#e.value || '';
-	}
-
-	set val(value: string) {
-		this.#e.value = value;
-	}
-}
-
-const getInputHandlers = (e: HTMLElement | ShadowRoot): LooseObject => {
-	let inputList = [
-			...(e || document).querySelectorAll('input,select,textarea'),
-		],
-		handlers: LooseObject = {};
-
-	inputList.forEach((input) => {
-		const name: string | null = (input as inputTypes).getAttribute('name');
-		if (name) {
-			let handler: any = false;
-			switch (getInputName(input as inputTypes)) {
-				case 'input':
-					switch ((input as HTMLInputElement).type) {
-						case 'radio':
-							handler = new RadioHandler(input as HTMLInputElement);
-							break;
-						case 'checkbox':
-							handler = new CheckboxHandler(input as HTMLInputElement);
-							break;
-						default:
-							handler = new InputHandler(input as HTMLInputElement);
-					}
-					break;
-				case 'select':
-					handler = new SelectHandler(input as HTMLSelectElement);
-					break;
-				case 'textarea':
-					handler = new TextAreaHandler(input as HTMLTextAreaElement);
-					break;
-				default:
-					console.warn(
-						'handler missing:',
-						name,
-						'for',
-						input.tagName.toLowerCase(),
-						input
-					);
-					break;
-			}
-
-			if (handler) {
-				DC.add(input as HTMLElement, name, handler);
-				Object.defineProperty(handlers, name, {
-					enumerable: true,
-					configurable: true,
-					get: (): any => {
-						return handler.val;
-					},
-					set: (value: any) => {
-						if (handler.val !== value) {
-							handler.val = value;
-						}
-					},
-				});
-			}
-		}
-	});
-
-	return handlers;
-};
-
-export function formValues(
-	targetObject: LooseObject,
-	propertyName: string,
-	dom: HTMLElement | ShadowRoot
-) {
-	let handlers = getInputHandlers(dom);
-
-	targetObject[propertyName] = Object.assign({}, handlers);
-
-	observe(targetObject, propertyName);
-
-	copyGettersSetters(handlers, targetObject[propertyName]);
-
-	[...dom.querySelectorAll('input, textarea, select')].forEach((input) => {
-		input.addEventListener('input', (ev) => {
-			//console.log('input event', input, ev);
-			targetObject[propertyName].notify();
-		});
-	});
-}
-

package/public/src/helpers.d.ts

@@ -1,14 +0,0 @@
-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 htmlToElements(html: string): HTMLElement[];
-export declare function copyGettersSetters(source: LooseObject, target: LooseObject): void;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAElD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,WAAW,GAAG,WAAW,CAatD;AAED,wBAAgB,aAAa,CAC5B,CAAC,EAAE,WAAW,EACd,MAAM,GAAE,OAAc,GACpB,WAAW,CAmBb;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,GAAG,OAAO,CAInE;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,GAAG,GAAE,WAAgB,GAAG,GAAG,CAW3E;AAED,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,EAAE,SAAS,EAAE,MAAM,OAyCrE;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,UAKxC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,GAAG,QAAQ,CASvE;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,EAAE,CAU1D;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,QAO1E"}

package/public/src/helpers.js

@@ -1,113 +0,0 @@
-'use strict';
-export function isNativeObject(value) {
-    return value && value['constructor'] && value.constructor === Object;
-}
-export function sortObject(o) {
-    let result = {}, keys = [...Object.keys(o)].sort();
-    keys.forEach((key) => {
-        if (isNativeObject(o[key])) {
-            result[key] = sortObject(o[key]);
-        }
-        else {
-            result[key] = o[key];
-        }
-    });
-    return result;
-}
-export function flattenObject(o, doSort = true) {
-    let result = {};
-    [...Object.getOwnPropertyNames(o)].forEach((propName) => {
-        if (o[propName] &&
-            o[propName]['constructor'] &&
-            o[propName].constructor === Object) {
-            const temp = flattenObject(o[propName], false);
-            for (const j in temp) {
-                result[propName + '.' + j] = temp[j];
-            }
-        }
-        else {
-            result[propName] = o[propName];
-        }
-    });
-    return doSort ? sortObject(result) : result;
-}
-export function deepEqual(o1, o2) {
-    return (JSON.stringify(flattenObject(o1)) === JSON.stringify(flattenObject(o2)));
-}
-export function nameSpace(ns, obj = {}) {
-    let nsa = ns.constructor === String ? ns.split('.') : ns;
-    if (!obj || !nsa[0] || !obj[nsa[0]]) {
-        console.warn('ns', nsa[0], 'not in', obj);
-        return;
-    }
-    if (obj[nsa[0]].constructor === Object && nsa.length > 1) {
-        return nameSpace(nsa.splice(1), obj[nsa[0]]);
-    }
-    return obj[nsa[0]];
-}
-export function parse(what, parseThis) {
-    var args = Array.from(arguments);
-    if (args.length > 2) {
-        while (args.length > 1) {
-            args[0] = parse(args[0], args[1]);
-            args.splice(1, 1);
-        }
-        return args[0];
-    }
-    if (typeof what === 'string') {
-        what.match(/\{[^\{\}]*\}/g)?.forEach(function (pPropname) {
-            var propname = pPropname.substring(1, pPropname.length - 1), value = nameSpace(propname, parseThis);
-            if (typeof value !== 'undefined') {
-                what = what.replace(pPropname, value);
-            }
-        });
-    }
-    else if (isNativeObject(what)) {
-        switch (what.constructor) {
-            case Object:
-                Object.keys(what).forEach(function (pKey) {
-                    if (what.hasOwnProperty(pKey)) {
-                        what[pKey] = parse(what[pKey], parseThis);
-                    }
-                });
-                break;
-            case Array:
-                what.forEach(function (pValue, pKey, original) {
-                    original[pKey] = parse(what[pKey], parseThis);
-                });
-                break;
-        }
-    }
-    return what;
-}
-export function kebabToPascal(str) {
-    return str
-        .split('-')
-        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-        .join('');
-}
-export function debounce(func, milliseconds) {
-    let timeout;
-    return () => {
-        clearTimeout(timeout);
-        timeout = setTimeout(function () {
-            func(...arguments);
-        }, milliseconds);
-    };
-}
-export function htmlToElements(html) {
-    let template = document.createElement('template');
-    html = html.replace(/<([A-Za-z0-9\-]*)([^>\/]*)(\/>)/gi, '<$1$2></$1>');
-    template.innerHTML = html;
-    template.content.normalize();
-    return Array.from(template.content.childNodes);
-}
-export function copyGettersSetters(source, target) {
-    const descriptors = Object.getOwnPropertyDescriptors(source);
-    for (const [key, descriptor] of Object.entries(descriptors)) {
-        if ('get' in descriptor || 'set' in descriptor) {
-            Object.defineProperty(target, key, descriptor);
-        }
-    }
-}
-//# sourceMappingURL=helpers.js.map

package/public/src/helpers.js.map

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

package/public/src/helpers.ts

@@ -1,149 +0,0 @@
-'use strict';
-
-export interface LooseObject {
-	[key: string | symbol]: any;
-}
-
-export function isNativeObject(value: any): boolean {
-	return value && value['constructor'] && value.constructor === Object;
-}
-
-export function sortObject(o: LooseObject): LooseObject {
-	let result: LooseObject = {},
-		keys = [...Object.keys(o)].sort();
-
-	keys.forEach((key) => {
-		if (isNativeObject(o[key])) {
-			result[key] = sortObject(o[key]);
-		} else {
-			result[key] = o[key];
-		}
-	});
-
-	return result;
-}
-
-export function flattenObject(
-	o: LooseObject,
-	doSort: boolean = true
-): LooseObject {
-	let result: LooseObject = {};
-
-	[...Object.getOwnPropertyNames(o)].forEach((propName) => {
-		if (
-			o[propName] &&
-			o[propName]['constructor'] &&
-			o[propName].constructor === Object
-		) {
-			const temp = flattenObject(o[propName], false);
-			for (const j in temp) {
-				result[propName + '.' + j] = temp[j];
-			}
-		} else {
-			result[propName] = o[propName];
-		}
-	});
-
-	return doSort ? sortObject(result) : result;
-}
-
-export function deepEqual(o1: LooseObject, o2: LooseObject): boolean {
-	return (
-		JSON.stringify(flattenObject(o1)) === JSON.stringify(flattenObject(o2))
-	);
-}
-
-export function nameSpace(ns: string | string[], obj: LooseObject = {}): any {
-	let nsa = ns.constructor === String ? ns.split('.') : ns;
-
-	if (!obj || !nsa[0] || !obj[nsa[0]]) {
-		console.warn('ns', nsa[0], 'not in', obj);
-		return;
-	}
-	if (obj[nsa[0]].constructor === Object && nsa.length > 1) {
-		return nameSpace((nsa as string[]).splice(1), obj[nsa[0]]);
-	}
-	return obj[nsa[0]];
-}
-
-export function parse(what: string | Object | any[], parseThis: Object) {
-	var args = Array.from(arguments);
-
-	if (args.length > 2) {
-		while (args.length > 1) {
-			args[0] = parse(args[0], args[1]);
-			args.splice(1, 1);
-		}
-		return args[0];
-	}
-
-	if (typeof what === 'string') {
-		what.match(/\{[^\{\}]*\}/g)?.forEach(function (pPropname) {
-			var propname = pPropname.substring(1, pPropname.length - 1),
-				value = nameSpace(propname, parseThis);
-			//console.log(propname, value);
-			if (typeof value !== 'undefined') {
-				what = (what as string).replace(pPropname, value);
-			}
-		});
-	} else if (isNativeObject(what)) {
-		switch (what.constructor) {
-			case Object:
-				Object.keys(what).forEach(function (pKey) {
-					if (what.hasOwnProperty(pKey)) {
-						(what as LooseObject)[pKey] = parse(
-							(what as LooseObject)[pKey],
-							parseThis
-						);
-					}
-				});
-				break;
-			case Array:
-				(what as Array<any>).forEach(function (pValue, pKey, original) {
-					original[pKey] = parse((what as any)[pKey], parseThis);
-				});
-				break;
-		}
-	}
-
-	return what;
-}
-
-export function kebabToPascal(str: string) {
-	return str
-		.split('-') // Split by hyphens
-		.map((word) => word.charAt(0).toUpperCase() + word.slice(1)) // Capitalize each part
-		.join(''); // Join without spaces
-}
-
-export function debounce(func: Function, milliseconds: number): Function {
-	let timeout: any;
-	return () => {
-		clearTimeout(timeout);
-
-		timeout = setTimeout(function () {
-			func(...arguments);
-		}, milliseconds);
-	};
-}
-
-export function htmlToElements(html: string): HTMLElement[] {
-	let template = document.createElement('template');
-
-	html = html.replace(/<([A-Za-z0-9\-]*)([^>\/]*)(\/>)/gi, '<$1$2></$1>'); // replace XHTML closing tags by full closing tags
-
-	template.innerHTML = html;
-
-	template.content.normalize();
-
-	return Array.from(template.content.childNodes) as HTMLElement[];
-}
-
-export function copyGettersSetters(source: LooseObject, target: LooseObject) {
-	const descriptors = Object.getOwnPropertyDescriptors(source);
-	for (const [key, descriptor] of Object.entries(descriptors)) {
-		if ('get' in descriptor || 'set' in descriptor) {
-			Object.defineProperty(target, key, descriptor);
-		}
-	}
-}

package/public/src/microcomponents.d.ts

@@ -1,6 +0,0 @@
-export * from './helpers.js';
-export * from './MC.js';
-export * from './elements.js';
-export * from './observables.js';
-export * from './formValues.js';
-//# sourceMappingURL=microcomponents.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"microcomponents.d.ts","sourceRoot":"","sources":["../src/microcomponents.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,iBAAiB,CAAC"}