@twobirds/microcomponents 0.0.81 → 0.0.83

package/public/src/McEvent.d.ts

@@ -0,0 +1,15 @@
+interface McEvent {
+    data: any;
+    bubble: string;
+}
+declare class McEvent {
+    #private;
+    constructor(type: string, data?: any, bubble?: string);
+    get type(): string;
+    get stopped(): boolean;
+    get immediateStopped(): boolean;
+    stopPropagation(): void;
+    stopImmediatePropagation(): void;
+}
+export { McEvent };
+//# sourceMappingURL=McEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"McEvent.d.ts","sourceRoot":"","sources":["../src/McEvent.ts"],"names":[],"mappings":"AAeA,UAAU,OAAO;IAChB,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;CACf;AAED,cAAM,OAAO;;gBAMC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAE,GAAQ,EAAE,MAAM,GAAE,MAAY;IAO/D,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,eAAe;IAIf,wBAAwB;CAKxB;AAyCD,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/public/src/McEvent.js

@@ -0,0 +1,71 @@
+"use strict";
+var isBrowser = new Function("try {return this===window;}catch(e){ return false;}");
+let nativeEventNames = new Set();
+if (isBrowser()) {
+    Object.keys(HTMLElement.prototype).filter(key => /^on/.test(key)).forEach(eventName => nativeEventNames.add(eventName));
+}
+function isDOM(element) {
+    return element && element instanceof HTMLElement;
+}
+class McEvent {
+    #type;
+    #stopped = false;
+    #immediateStopped = false;
+    constructor(type, data = {}, bubble = 'l') {
+        this.#type = type;
+        this.data = data;
+        this.bubble = bubble;
+    }
+    get type() {
+        return this.#type;
+    }
+    get stopped() {
+        return this.#stopped;
+    }
+    get immediateStopped() {
+        return this.#immediateStopped;
+    }
+    stopPropagation() {
+        this.#stopped = true;
+    }
+    stopImmediatePropagation() {
+        this.stopPropagation();
+        this.#immediateStopped = true;
+    }
+}
+function getMicroComponents(elements, search) {
+    let mcValues = [];
+    elements.forEach(e => {
+        if (e) {
+            if (e instanceof HTMLElement) {
+                const _mc = e?._mc;
+                if (!search && _mc) {
+                    mcValues = mcValues.concat(Object.values(e._mc));
+                }
+                else if (search && _mc && _mc[search]) {
+                    mcValues.push(_mc[search]);
+                }
+            }
+        }
+    });
+    return mcValues;
+}
+function traverseNodes(node, search, firstonly = true) {
+    let mcValues = [];
+    while (node) {
+        if (node._mc) {
+            if (!search) {
+                mcValues = mcValues.concat(Object.values(node._mc));
+            }
+            else if (search && node._mc[search]) {
+                mcValues.push(node._mc[search]);
+            }
+            if (firstonly)
+                return mcValues;
+        }
+        node = node.parentNode;
+    }
+    return mcValues;
+}
+export { McEvent };
+//# sourceMappingURL=McEvent.js.map

package/public/src/elements.d.ts

@@ -0,0 +1,5 @@
+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/src/elements.d.ts.map

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

@@ -0,0 +1,62 @@
+'use strict';
+import { DC, McBase } from './MC.js';
+import { kebabToPascal } from './helpers.js';
+class CeBaseClass extends HTMLElement {
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        DC.trigger(this, 'Connected');
+    }
+    disconnectedCallback() {
+        DC.trigger(this, 'Disconnected');
+    }
+    adoptedCallback() {
+        DC.trigger(this, 'Adopted');
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        DC.trigger(this, 'AttributeChanged', { name, oldValue, newValue });
+    }
+}
+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/src/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","sourceRoot":"","sources":["../src/elements.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAY,SAAQ,WAAW;IACpC;QACC,KAAK,EAAE,CAAC;IACT,CAAC;IAED,iBAAiB;QACf,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACxC,CAAC;IAED,oBAAoB;QAClB,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAC3C,CAAC;IAED,eAAe;QACb,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACtC,CAAC;IAED,wBAAwB,CAAC,IAAY,EAAE,QAAa,EAAE,QAAa;QACjE,EAAU,CAAC,OAAO,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,CAAC;CACD;AAED,SAAS,gBAAgB,CACxB,IAAY,EACZ,SAAwC;IAExC,OAAO,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AAClE,CAAC;AAED,SAAS,OAAO,CAAC,IAAS;IACxB,OAAO,OAAO,IAAI,KAAK,UAAU;WAC5B,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,QAAQ,CACvB,OAAe,EACf,eAAyD,EACzD,qBAA+B,EAAE;IAEjC,IAAI,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACjC,OAAO,CAAC,IAAI,CAAC,4BAA4B,OAAO,uBAAuB,CAAC,CAAC;QACzE,OAAO;IACR,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CACd,sEAAsE,CACtE,CAAC;IACH,CAAC;IAED,IAAI,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAGlC,IAAK,CAAC,OAAO,CAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAE,EAAE,CAAC;QACxD,cAAc,CAAC,MAAM,CACpB,OAAO,EAEP,eAAe,CACf,CAAC;QACF,OAAO;IACR,CAAC;IAGD,IAAK,CAAC,CAAE,eAAe,CAAC,SAAS,YAAY,MAAM,CAAE,EAAE,CAAC;QACvD,cAAc,CAAC,MAAM,CACpB,OAAO,EAEP,eAAe,CACf,CAAC;QACF,OAAO;IACR,CAAC;IAGD,cAAc,CAAC,MAAM,CACpB,OAAO,EACP,gBAAgB,CACf,IAAI,EACJ,KAAM,SAAQ,WAAW;QACxB,QAAQ,CAAM;QAEd,YAAY,IAAU;YACrB,KAAK,EAAE,CAAC;YAER,MAAM,QAAQ,GAAG,OAAO,CAAE,eAAe,CAAE;gBAE1C,CAAC,CAAC,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC;gBACjC,CAAC,CAAC,eAAe,CAAC;YACnB,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC9B,CAAC;QAED,MAAM,KAAK,kBAAkB;YAC5B,OAAO,kBAAkB,CAAC;QAC3B,CAAC;KACD,CACD,CACD,CAAC;AACH,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,OAAe;IACpC,OAAO,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACpC,CAAC"}

package/public/src/elements.ts

@@ -1,6 +1,6 @@
 'use strict';
 
-import { DC } from './MC.js';
+import { DC, McBase } from './MC.js';
 import { kebabToPascal } from './helpers.js';
 
 class CeBaseClass extends HTMLElement {
@@ -32,9 +32,14 @@ function createNamedClass(
 	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 },
+	DefinitionClass: { new (...args: any[]): any } | Function,
 	observedAttributes: string[] = []
 ) {
 	if (customElements.get(tagName)) {
@@ -50,6 +55,27 @@ export function defineCE(
 
 	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(
@@ -59,7 +85,11 @@ export function defineCE(
 
 				constructor(data?: any) {
 					super();
-					let instance = new DefinitionClass(this, data);
+					// @ts-ignore
+					const instance = isClass( DefinitionClass ) 
+						// @ts-ignore
+						? new DefinitionClass(this, data)
+						: DefinitionClass;
 					DC.add(this, name, instance);
 				}
 

package/public/src/formValues.d.ts

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

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

@@ -0,0 +1 @@
+{"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"}

package/public/src/formValues.js

@@ -0,0 +1,162 @@
+'use strict';
+import { copyGettersSetters } from './helpers.js';
+import { DC, addListener } 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((i) => {
+        const name = i.getAttribute('name');
+        if (name) {
+            let handler = false;
+            switch (getInputName(i)) {
+                case 'input':
+                    switch (i.type) {
+                        case 'radio':
+                            handler = new RadioHandler(i);
+                            break;
+                        case 'checkbox':
+                            handler = new CheckboxHandler(i);
+                            break;
+                        default:
+                            handler = new InputHandler(i);
+                    }
+                    break;
+                case 'select':
+                    handler = new SelectHandler(i);
+                    break;
+                case 'textarea':
+                    handler = new TextAreaHandler(i);
+                    break;
+                default:
+                    console.warn('handler missing:', name, 'for', i.tagName.toLowerCase(), i);
+                    break;
+            }
+            if (handler) {
+                DC.add(i, 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) => {
+        addListener(input, 'input', (ev) => {
+            targetObject[propertyName].notify();
+        });
+    });
+}
+//# sourceMappingURL=formValues.js.map

package/public/src/helpers.d.ts

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,113 @@
+'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/microcomponents.d.ts

@@ -0,0 +1,7 @@
+export * from './helpers.js';
+export * from './MC.js';
+export * from './McEvent.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

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

package/public/src/microcomponents.js

@@ -0,0 +1,8 @@
+"use strict";
+export * from './helpers.js';
+export * from './MC.js';
+export * from './McEvent.js';
+export * from './elements.js';
+export * from './observables.js';
+export * from './formValues.js';
+//# sourceMappingURL=microcomponents.js.map

package/public/src/observables.d.ts

@@ -0,0 +1,11 @@
+import { LooseObject } from './helpers.js';
+type Callback = (value: any) => void;
+export type Observable = {
+    observe: (cb: Callback) => void;
+    notify: () => void;
+    bind: (target: HTMLElement | DocumentFragment | ShadowRoot) => void;
+    callbacks: Array<Function>;
+};
+export declare const observe: (target: LooseObject, propertyName?: string) => LooseObject;
+export {};
+//# sourceMappingURL=observables.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"observables.d.ts","sourceRoot":"","sources":["../src/observables.ts"],"names":[],"mappings":"AAEA,OAAO,EACN,WAAW,EAKX,MAAM,cAAc,CAAC;AAQtB,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;AA8KrC,MAAM,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,CAAC,EAAE,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,gBAAgB,GAAG,UAAU,KAAM,IAAI,CAAC;IACrE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC3B,CAAC;AAkHF,eAAO,MAAM,OAAO,WACX,WAAW,iBACJ,MAAM,KACnB,WAuGF,CAAC"}