@twobirds/microcomponents 0.0.80 → 0.0.81

package/dist/microcomponents.js

@@ -1,1115 +1,8 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["microcomponents"] = factory();
-	else
-		root["microcomponents"] = factory();
-})(this, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  DC: () => (/* reexport */ DC),
-  MC: () => (/* reexport */ MC),
-  McBase: () => (/* reexport */ McBase),
-  McEvent: () => (/* reexport */ McEvent),
-  addListener: () => (/* reexport */ addListener),
-  autoload: () => (/* reexport */ autoload),
-  copyGettersSetters: () => (/* reexport */ copyGettersSetters),
-  debounce: () => (/* reexport */ debounce),
-  deepEqual: () => (/* reexport */ deepEqual),
-  defineCE: () => (/* reexport */ defineCE),
-  flattenObject: () => (/* reexport */ flattenObject),
-  formValues: () => (/* reexport */ formValues),
-  getCE: () => (/* reexport */ getCE),
-  htmlToElements: () => (/* reexport */ htmlToElements),
-  isNativeObject: () => (/* reexport */ isNativeObject),
-  kebabToPascal: () => (/* reexport */ kebabToPascal),
-  nameSpace: () => (/* reexport */ nameSpace),
-  observe: () => (/* reexport */ observe),
-  parse: () => (/* reexport */ parse),
-  removeListener: () => (/* reexport */ removeListener),
-  sortObject: () => (/* reexport */ sortObject)
-});
-
-;// ./build/helpers.js
-
-function isNativeObject(value) {
-    return value && value['constructor'] && value.constructor === Object;
-}
-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;
-}
-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;
-}
-function deepEqual(o1, o2) {
-    return (JSON.stringify(flattenObject(o1)) === JSON.stringify(flattenObject(o2)));
-}
-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]];
-}
-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;
-}
-function kebabToPascal(str) {
-    return str
-        .split('-')
-        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-        .join('');
-}
-function debounce(func, milliseconds) {
-    let timeout;
-    return () => {
-        clearTimeout(timeout);
-        timeout = setTimeout(function () {
-            func(...arguments);
-        }, milliseconds);
-    };
-}
-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);
-}
-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);
-        }
-    }
-}
-
-;// ./build/McEvent.js
-
-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;
-}
-
-
-;// ./build/MC.js
-
-
-var MC_isBrowser = new Function('try {return this===window;}catch(e){ return false;}');
-let MC_nativeEventNames = new Set();
-if (MC_isBrowser()) {
-    Object.keys(HTMLElement.prototype)
-        .filter((key) => /^on/.test(key))
-        .forEach((eventName) => MC_nativeEventNames.add(eventName));
-}
-function MC_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 MC_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;
-}
-function MC_isDOM(element) {
-    return element && element instanceof HTMLElement;
-}
-function addListener(domNode, eventName, handler, capture = false, once = false) {
-    let options = { once: false };
-    if (capture) {
-        options.capture = capture;
-    }
-    if (once) {
-        options.once = once;
-    }
-    domNode.addEventListener(eventName, handler, options);
-}
-function removeListener(domNode, eventName, handler) {
-    domNode.removeEventListener(eventName, handler);
-}
-function add(target, key, element = {}) {
-    let node = target;
-    if (!node._mc) {
-        let debug = DC?.debug;
-        DC.debug = false;
-        node._mc = new DC(target);
-        DC.debug = debug;
-        delete node._mc._mc;
-    }
-    const _mc = node._mc;
-    if (key.length && !_mc[key]) {
-        _mc[key] = element;
-        if (target instanceof HTMLElement && !target.getAttribute('_mc')) {
-            target.setAttribute('_mc', '');
-        }
-    }
-    return element;
-}
-function remove(target, key) {
-    if (!key)
-        return;
-    const _mc = target?._mc || {};
-    if (_mc && _mc[key]) {
-        delete _mc[key];
-    }
-    if (!Object.keys(_mc).length &&
-        target instanceof HTMLElement &&
-        target.hasAttribute('_mc')) {
-        target.removeAttribute('_mc');
-    }
-    return;
-}
-function trigger(target, ev, data = {}, bubble = 'l') {
-    let _mc = target?._mc;
-    if (!_mc)
-        return;
-    let event = ev instanceof McEvent
-        ? new McEvent(ev.type, ev.data, 'l')
-        : new McEvent(ev, data, 'l'), mcEvent = typeof ev !== 'string' ? ev : new McEvent(ev, data, bubble);
-    [...Object.values(_mc)].forEach((mc) => {
-        if (mc?.trigger && typeof mc?.trigger === 'function') {
-            mc?.trigger(event);
-        }
-    });
-    if (/[ud]/.test(mcEvent.bubble)) {
-        bubbleEvent(target, mcEvent);
-    }
-    return;
-}
-function init(element) {
-    if (element.constructor === DC)
-        return;
-    setTimeout(() => {
-        element.trigger('Init');
-    }, 0);
-}
-function autoAttachListeners(element) {
-    if (!MC_isBrowser() || element.constructor === DC)
-        return;
-    const target = element.target;
-    if (target instanceof HTMLElement) {
-        let that = 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}/, ''), nativeEventName = withoutOnOne.toLowerCase(), listener = (ev) => {
-                that.trigger(withoutOnOne, ev);
-            };
-            if (once) {
-                Object.defineProperty(element, 'on' + withoutOnOne, {
-                    configurable: true,
-                    enumerable: false,
-                    writable: true,
-                    value: (ev) => {
-                        that.constructor.prototype[key].bind(that)(ev);
-                    },
-                });
-            }
-            if (MC_nativeEventNames.has('on' + nativeEventName)) {
-                addListener(target, nativeEventName, listener, false, once);
-            }
-        });
-    }
-}
-function bubbleEvent(target, ev) {
-    if (/[ud]/.test(ev.bubble)) {
-        setTimeout(() => {
-            if (ev.bubble.indexOf('l') === -1) {
-                ev.bubble += 'l';
-            }
-            if (ev.bubble.indexOf('u') > -1) {
-                let parent = MC_traverseNodes(target, '', true)?.[0].target;
-                if (parent)
-                    DC.trigger(parent, ev);
-            }
-            if (ev.bubble.indexOf('d') > -1) {
-                let targets = new Set(target._mc
-                    .children()
-                    .map((c) => c?.target));
-                targets.forEach((target) => {
-                    if (target)
-                        DC.trigger(target, ev);
-                });
-            }
-        }, 0);
-    }
-}
-class McBase {
-    #target;
-    constructor(target, debug = false) {
-        let that = this, element = that;
-        this.#target = new WeakRef(target || {});
-        init(element);
-        autoAttachListeners(element);
-    }
-    get target() {
-        return this.#target.deref();
-    }
-}
-class MC extends McBase {
-    _mc = {};
-    constructor(target) {
-        super(target);
-    }
-    static trigger = trigger;
-    trigger(ev, data = {}, bubble = 'l') {
-        let that = this;
-        if (that.constructor === MC || that.constructor === DC) {
-            let event = ev instanceof McEvent
-                ? new McEvent(ev.type, ev.data, 'l')
-                : new McEvent(ev, data, 'l'), mcEvent = typeof ev !== 'string'
-                ? ev
-                : new McEvent(ev, data, bubble);
-            [...Object.getOwnPropertyNames(that)].forEach((mc) => {
-                if (that[mc]?.trigger &&
-                    typeof that[mc]?.trigger === 'function') {
-                    that[mc]?.trigger(event);
-                }
-            });
-            if (/[ud]/.test(mcEvent.bubble)) {
-                bubbleEvent(that.target, mcEvent);
-            }
-            return;
-        }
-        if (that instanceof MC || that instanceof DC) {
-            const that = this, mcEvent = typeof ev !== 'string'
-                ? ev
-                : new McEvent(ev, data, bubble), handlerName = 'on' + mcEvent.type[0].toUpperCase() + mcEvent.type.slice(1);
-            if (mcEvent.bubble.indexOf('l') > -1) {
-                if (!mcEvent.immediateStopped &&
-                    typeof that[handlerName] === 'function') {
-                    that[handlerName](mcEvent);
-                    if (that.hasOwnProperty(handlerName)) {
-                        delete that[handlerName];
-                    }
-                }
-            }
-            if (mcEvent.stopped || mcEvent.bubble === 'l') {
-                return that;
-            }
-            if (/[ud]/.test(mcEvent.bubble)) {
-                bubbleEvent(that.target, mcEvent);
-            }
-        }
-    }
-}
-class DC extends McBase {
-    _mc = {};
-    constructor(target, debug = false) {
-        super(target);
-    }
-    static add = add;
-    static remove = remove;
-    static trigger = trigger;
-    trigger(ev, data = {}, bubble) {
-        MC.prototype.trigger.call(this, ev, data, bubble);
-    }
-    parent(search = '') {
-        let target = this.target;
-        if (!MC_isDOM(target))
-            return [];
-        return MC_traverseNodes(target.parentNode, search, true);
-    }
-    ancestors(search = '') {
-        let target = this?.target;
-        if (!MC_isDOM(target))
-            return [];
-        return MC_traverseNodes(this.target.parentNode, search, false);
-    }
-    children(search = '') {
-        let target = this?.target;
-        if (!MC_isDOM(target))
-            return [];
-        const id = Math.random().toString().replace('.', '');
-        const selector = '[_mc]:not([temp_id="' + id + '"] [_mc] [_mc])';
-        target.setAttribute('temp_id', id);
-        const myDomElements = target.querySelectorAll(selector);
-        const mcValues = MC_getMicroComponents([...myDomElements], search);
-        target.removeAttribute('temp_id');
-        return mcValues;
-    }
-    descendants(search = '') {
-        let target = this?.target;
-        if (!MC_isDOM(target))
-            return [];
-        const myDomElements = target.querySelectorAll('*[_mc]');
-        return MC_getMicroComponents([...myDomElements], search);
-    }
-}
-const CEs = new Map();
-const MCs = new Map();
-function makeLoadScript(element) {
-    const fileName = './' + element.split('-').join('/') + '.js';
-    const se = document.createElement('script');
-    se.setAttribute('src', fileName);
-    se.setAttribute('blocking', 'render');
-    se.async = true;
-    se.setAttribute('type', 'module');
-    se.setAttribute('name', element);
-    se.setAttribute('loading', '');
-    addListener(se, 'load', (ev) => {
-        se.removeAttribute('loading');
-        se.setAttribute('loaded', '');
-    });
-    addListener(se, 'error', (ev) => {
-        console.error('could not load Custom Element code from', fileName);
-    });
-    return se;
-}
-function onLoadCallback(script) {
-    setTimeout(function () {
-        const importFileName = script.getAttribute('src');
-        const elementName = script.getAttribute('name');
-        const se = document.createElement('script');
-        se.async = true;
-        se.setAttribute('type', 'module');
-        const code = `
-
-			import _ from "${importFileName}";
-			import { DC } from "./microcomponents.js";
-
-			const elements = Array.from(document.querySelectorAll('[_mc*="${elementName}"]')).filter( element => element instanceof HTMLElement );
-
-			elements.forEach((element) => {
-				// add class to MCs repository
-				autoload.state.MCs.set( '${elementName}', _ );
-				// add instance to HTMLElement 
-				DC.add(element, _.name, new _(element));
-				// remove instance name from elements "_mc" attribute
-				element.setAttribute('_mc', element.getAttribute('_mc').replace('${elementName}', '').replace( /\w\w/g, ' ').trim()); 
-			});
-
-			setTimeout( () => {
-				document.body.querySelector('script[name="${elementName}]"')?.remove();
-			},0);
-
-		`;
-        se.innerHTML = code;
-        document.body.append(se);
-    }, 0);
-}
-function loadUndefinedMicroComponents() {
-    [...document.querySelectorAll(':not(:defined)')]
-        .filter((element) => !!element
-        && !customElements.get(element.tagName.toLowerCase())
-        && !CEs.has(element.tagName.toLowerCase()))
-        .forEach((el) => {
-        const elementName = el.tagName.toLowerCase(), fileName = './' + elementName.split('-').join('/') + '.js';
-        const se = makeLoadScript(elementName);
-        addListener(se, 'load', () => {
-            CEs.set(elementName, customElements.get(el.tagName.toLowerCase()));
-        });
-        CEs.set(elementName, 'loading');
-        document.head.append(se);
-    });
-    [...document.querySelectorAll('[_mc]:not([_mc=""]')]
-        .filter((element) => !!element)
-        .forEach((el) => {
-        const elements = el.getAttribute('_mc')?.split(' ').filter(m => !!m) || [];
-        const elementsToBeLoaded = elements.filter(m => !MCs.has(m));
-        elementsToBeLoaded?.forEach(elementName => {
-            const se = makeLoadScript(elementName);
-            addListener(se, 'load', () => onLoadCallback(document.head.querySelector(`script[name="${elementName}"]`)));
-            MCs.set(elementName, 'loading');
-            document.head.append(se);
-        });
-        const elementsAlreadyLoaded = elements.filter(m => MCs.has(m) && !MCs.get(m).length);
-        elementsAlreadyLoaded?.forEach(elementName => {
-            setTimeout(() => {
-                DC.add(el, elementName, new (autoload.state.MCs.get(elementName))(el));
-                const newAttribute = el.getAttribute('_mc')
-                    .replace('${elementName}', '')
-                    .replace(/\w\w/g, ' ')
-                    .trim() || '_mc';
-                el.setAttribute('_mc');
-            }, 5);
-        });
-    });
-}
-let autoloadEnabled = false;
-let observer = null;
-function autoload(enable = true) {
-    if (!enable) {
-        observer?.disconnect();
-        observer = null;
-        return autoloadEnabled;
-    }
-    autoloadEnabled = enable;
-    observer = new MutationObserver(loadUndefinedMicroComponents);
-    setTimeout(() => {
-        observer.observe(document.body, { childList: true, subtree: true });
-        loadUndefinedMicroComponents();
-    }, 5);
-    window.autoload = window.autoload || autoload;
-    return autoloadEnabled;
-}
-autoload.state = { CEs, MCs };
-
-
-;// ./build/elements.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 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);
-    customElements.define(tagName, createNamedClass(name, class extends CeBaseClass {
-        instance;
-        constructor(data) {
-            super();
-            let instance = new DefinitionClass(this, data);
-            DC.add(this, name, instance);
-        }
-        static get observedAttributes() {
-            return observedAttributes;
-        }
-    }));
-}
-function getCE(tagName) {
-    return customElements.get(tagName);
-}
-
-;// ./build/observables.js
-
-
-
-function isObservableObject(value) {
-    return value != null && typeof value === 'object';
-}
-function getPlaceholders(target) {
-    let placeholders = new Set(), regEx = /\{[^\{\}]*\}/g;
-    target
-        .getAttributeNames()
-        .filter((attr) => target.getAttribute(attr)?.match(regEx))
-        .forEach((attr) => {
-        let phs = new Set(target.getAttribute(attr)?.match(regEx));
-        phs.forEach((placeholder) => placeholders.add(placeholder.replace(/[\{\}]/g, '')));
-    });
-    [...target.childNodes]
-        .filter((childNode) => {
-        return (childNode.nodeType === 3 &&
-            (childNode.nodeValue || '').match(regEx));
-    })
-        .forEach((childNode) => {
-        (childNode.nodeValue || '')
-            .match(regEx)
-            .forEach((placeholder) => {
-            placeholders.add(placeholder.replace(/[\{\}]/g, ''));
-        });
-    });
-    return [...placeholders].map((placeholder) => placeholder.replace(/[\{\}]/g, ''));
-}
-const inputs = [HTMLInputElement, HTMLSelectElement, HTMLTextAreaElement];
-class Placeholders extends DC {
-    data = {};
-    oldDisplay = '';
-    constructor(target) {
-        super(target);
-        let that = this;
-        getPlaceholders(target).forEach((property) => (that.data[property] = ''));
-        observe(that);
-        that.#attachCallbacks();
-        delete that._mc;
-    }
-    #attachCallbacks() {
-        let that = this, target = that.target, hide = false;
-        target
-            .getAttributeNames()
-            .filter((attr) => target.getAttribute(attr)?.match(/\{[^\{\}]*\}/g))
-            .forEach((attr) => {
-            let phs = new Set(target.getAttribute(attr)?.match(/\{[^\{\}]*\}/g));
-            that.data.observe(((template) => (data) => {
-                let result = template;
-                phs.forEach((placeholder) => {
-                    result = result.replace(placeholder, data[placeholder.replace(/[\{\}]/g, '')]);
-                });
-                target.setAttribute(attr, result);
-            })(target.getAttribute(attr)));
-        });
-        [...target.childNodes]
-            .filter((childNode) => {
-            return (childNode.nodeType === 3 &&
-                (childNode.nodeValue || '').match(/\{[^\{\}]*\}/g));
-        })
-            .forEach((childNode) => {
-            hide = true;
-            let phs = new Set(childNode.nodeValue.match(/\{[^\{\}]*\}/g));
-            that.data.observe(((template) => (data) => {
-                let result = template;
-                phs.forEach((placeholder) => {
-                    result = result.replace(placeholder, data[placeholder.replace(/[\{\}]/g, '')]);
-                });
-                if (Object.keys(data).some((key) => {
-                    return !!data[key];
-                })) {
-                    if (!!that.oldDisplay) {
-                        target.style = that.oldDisplay;
-                    }
-                    else {
-                        target.removeAttribute('style');
-                    }
-                    delete that.oldDisplay;
-                }
-                childNode.nodeValue = result;
-            })(childNode.nodeValue));
-            that.oldDisplay = target.getAttribute('style)') || '';
-            if (hide &&
-                !inputs.includes(target.constructor) &&
-                target.tagName !== 'FIELDSET') {
-                target.style.display = 'none';
-            }
-        });
-    }
-    onData(ev) {
-        let that = this, data = {};
-        Object.keys(ev.data).forEach((key) => {
-            if (that.data.hasOwnProperty(key))
-                data[key] = ev.data[key];
-        });
-        if (JSON.stringify(data) !== JSON.stringify(that.data))
-            Object.assign(that.data, data);
-    }
-}
-function getPlaceholderElements(target) {
-    let elements = (target instanceof HTMLElement ? [target] : [])
-        .concat([...target.querySelectorAll('*')])
-        .filter((e) => !!getPlaceholders(e).length)
-        .filter((e) => e.tagName !== 'STYLE');
-    return elements;
-}
-function makePlaceholders(element) {
-    getPlaceholderElements(element).forEach((e) => {
-        if (e?._mc?._placeholders)
-            return;
-        DC.add(e, '_placeholders', new Placeholders(e));
-    });
-}
-const classRepo = {};
-function makeObservable(val) {
-    const Constructor = val.constructor, ConstructorName = Constructor.name;
-    let ObservableClass = class extends Constructor {
-        #notify = true;
-        #callbacks = [];
-        constructor(val) {
-            super(val);
-            this.constructor.callbacks = [];
-            if (isObservableObject(val)) {
-                Object.getOwnPropertyNames(val).forEach((key) => {
-                    this[key] = val[key];
-                });
-            }
-        }
-        get callbacks() {
-            return this.#callbacks;
-        }
-        set callbacks(callbacks) {
-            this.#callbacks = callbacks;
-        }
-        observe(f) {
-            this.#callbacks.push(f);
-            return this;
-        }
-        bind(target) {
-            const that = this, iso = isObservableObject(that.valueOf());
-            if (iso) {
-                makePlaceholders(target);
-                const placeholders = [
-                    ...target.querySelectorAll('[_mc]'),
-                ].filter((e) => !!e?._mc?._placeholders);
-                const func = function callback(data) {
-                    let d = flattenObject(data);
-                    placeholders.forEach((e) => {
-                        if (!e)
-                            return;
-                        e._mc.trigger('data', d);
-                    });
-                };
-                that.#callbacks.push(func);
-                that.notify();
-            }
-            else {
-                console.warn('IGNORED - cannot bind a non-Object to the dom, IS:', typeof that.valueOf(), that);
-            }
-            return this;
-        }
-        notify(notify) {
-            let that = this, data = isObservableObject(that.valueOf()) &&
-                that.valueOf() instanceof Array === false
-                ? structuredClone(Object.assign({}, that))
-                : that.valueOf();
-            if (notify !== undefined) {
-                that.#notify = notify;
-            }
-            that.#callbacks.forEach((f) => {
-                f(data);
-            });
-            return that;
-        }
-    };
-    classRepo[ConstructorName] = ObservableClass;
-    return ObservableClass;
-}
-function getConstructor(val) {
-    let key = val.constructor.name;
-    return classRepo[key] || makeObservable(val);
-}
-const observe = (target, propertyName) => {
-    let keys = !propertyName
-        ? [...Object.getOwnPropertyNames(target)]
-        : [propertyName];
-    keys.forEach((key) => {
-        if (target.hasOwnProperty(key)
-            && typeof target[key] !== 'function'
-            && !target?.[key]?.constructor?.prototype?.observe) {
-            if (key[0] === '_' || target?.[key] === undefined)
-                return target;
-            let val = target[key];
-            let o = new (getConstructor(val))(val);
-            Object.defineProperty(target, key, {
-                enumerable: true,
-                get() {
-                    if (isObservableObject(o.valueOf())) {
-                        let check = structuredClone(Object.assign({}, o));
-                        setTimeout(debounce(function checkChanges() {
-                            let state = structuredClone(Object.assign({}, o));
-                            if (!deepEqual(state, check)) {
-                                o.notify();
-                            }
-                        }, 0), 0);
-                    }
-                    return o;
-                },
-                set(val) {
-                    if (typeof val === typeof o.valueOf()) {
-                        let iso = isObservableObject(o.valueOf()) &&
-                            o.valueOf() instanceof Array === false;
-                        if (iso) {
-                            let old = structuredClone(Object.assign({}, o));
-                            if (o?.constructor?.prototype?.observe === undefined) {
-                                o = new (getConstructor(val))(structuredClone(Object.assign({}, val)));
-                                copyGettersSetters(val, o);
-                                o.seal();
-                            }
-                            Object.assign(o, val);
-                            setTimeout(debounce(function checkChanges() {
-                                let state = structuredClone(Object.assign({}, o));
-                                if (!deepEqual(state, old)) {
-                                    o.notify();
-                                }
-                            }, 0), 0);
-                        }
-                        else {
-                            let old = o.valueOf(), callbacks = o.callbacks;
-                            if (val !== old) {
-                                o = new (getConstructor(val))(val);
-                                o.callbacks = callbacks;
-                                o.notify();
-                            }
-                        }
-                    }
-                    else {
-                        console.warn('IGNORED - cannot change observable types, IS:', typeof o.valueOf(), o, '- CANNOT BECOME:', typeof val);
-                    }
-                },
-            });
-            target[key] = val;
-        }
-        ;
-    });
-    return target;
-};
-
-;// ./build/formValues.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;
-};
-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();
-        });
-    });
-}
-
-;// ./build/microcomponents.js
-
-
-
-
-
-
-
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+"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