@twobirds/microcomponents 0.1.16 → 0.1.19

package/dist/MC.min.js

@@ -1,345 +0,0 @@
-/******/ // 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))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   AU: () => (/* binding */ off),
-/* harmony export */   DC: () => (/* binding */ DC),
-/* harmony export */   E_: () => (/* binding */ autoload),
-/* harmony export */   MC: () => (/* binding */ MC),
-/* harmony export */   Oc: () => (/* binding */ McBase),
-/* harmony export */   hZ: () => (/* binding */ trigger),
-/* harmony export */   on: () => (/* binding */ on),
-/* harmony export */   xH: () => (/* binding */ one)
-/* harmony export */ });
-
-const isBrowser = new Function('try {return this===window;}catch(e){ return false;}');
-function isDOM(element) {
-    return element && element instanceof HTMLElement;
-}
-function add(target, key, element = {}) {
-    let node = target;
-    if (!node._mc) {
-        node._mc = new DC(target);
-    }
-    const _mc = node._mc;
-    if (key.length && !_mc[key]) {
-        _mc[key] = element;
-        if (target instanceof HTMLElement && !target.getAttribute('data-mc')) {
-            target.setAttribute('data-mc', '');
-        }
-    }
-    return node;
-}
-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('data-mc')) {
-        target.removeAttribute('data-mc');
-    }
-    return;
-}
-function init(element) {
-    setTimeout(() => {
-        if (element.constructor === DC)
-            return;
-        element.trigger('Init');
-    }, 0);
-}
-function getMcEventName(eventName) {
-    return '_mc' + eventName[0].toUpperCase() + eventName.substring(1);
-}
-function off(domNode, eventName, handler) {
-    domNode.removeEventListener(getMcEventName(eventName), handler);
-}
-function on(domNode, eventName, handler, once = false) {
-    domNode.addEventListener(getMcEventName(eventName), handler, { capture: false, once });
-    return handler;
-}
-function one(domNode, eventName, handler) {
-    on(domNode, eventName, handler, true);
-    return handler;
-}
-class BubbleController {
-    stopped = false;
-    constructor() { }
-    stop() {
-        this.stopped = true;
-    }
-}
-function trigger(domNode, event, data = {}, bubble = 'l', controller) {
-    const eventName = /^_mc/.test(event) ? event : getMcEventName(event), bubbleController = controller ? controller : new BubbleController(), ev = new CustomEvent(eventName, {
-        detail: { data, control: bubbleController },
-        bubbles: false,
-    });
-    if (bubbleController.stopped)
-        return;
-    if (/l/.test(bubble)) {
-        domNode.dispatchEvent(ev);
-        ev.stopImmediatePropagation();
-        if (bubbleController.stopped)
-            return;
-    }
-    if (/[ud]/.test(bubble)) {
-        if (bubble.indexOf('l') === -1) {
-            bubble += 'l';
-        }
-        setTimeout(() => {
-            if (bubble.indexOf('u') > -1) {
-                let parentMc = domNode.parentElement?.closest('[data-mc]');
-                if (parentMc) {
-                    parentMc?._mc.trigger(eventName, data, bubble, bubbleController);
-                }
-            }
-            if (bubble.indexOf('d') > -1) {
-                let childNodes = domNode._mc.children();
-                if (childNodes) {
-                    childNodes.forEach((_mc) => _mc.trigger(eventName, data, bubble));
-                }
-            }
-        }, 0);
-    }
-}
-function autoAttachListeners(element) {
-    if (!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();
-            if ('on' + nativeEventName in target) {
-                let listener = (ev) => {
-                    that[key](ev);
-                };
-                target.addEventListener(nativeEventName, listener);
-            }
-            else {
-                let listener = (ev) => {
-                    that[key](ev);
-                };
-                on(target, withoutOnOne, listener, once);
-            }
-        });
-    }
-}
-function getMcChildNodes(domNode) {
-    const id = Math.random().toString().replace('.', '');
-    const selector = '[data-mc]:not([temp_id="' + id + '"] [data-mc] [data-mc])';
-    domNode.setAttribute('temp_id', id);
-    const mcArray = [...domNode.querySelectorAll(selector)]
-        .filter((e) => !!e._mc)
-        .map((e) => e._mc);
-    domNode.removeAttribute('temp_id');
-    return mcArray.length ? mcArray : null;
-}
-class McBase {
-    _target;
-    constructor(target) {
-        let element = this;
-        this._target = new WeakRef(target || {});
-        autoAttachListeners(element);
-        init(element);
-    }
-    get target() {
-        return this._target.deref();
-    }
-}
-class MC extends McBase {
-    constructor(target) {
-        super(target);
-    }
-}
-class DC extends McBase {
-    constructor(target) {
-        super(target);
-    }
-    static add(target, key, element = {}) {
-        return add(target, key, element);
-    }
-    static remove(target, key) {
-        remove(target, key);
-    }
-    off(eventName, handler) {
-        off(this.target, eventName, handler);
-    }
-    on(eventName, handler) {
-        return on(this.target, eventName, handler);
-    }
-    one(eventName, handler) {
-        return one(this.target, eventName, handler);
-    }
-    trigger(eventName, data = {}, bubble = 'l', controller) {
-        trigger(this.target, eventName, data, bubble, controller);
-    }
-    ancestors() {
-        let currentNode = this?.target, result = [];
-        if (!isDOM(currentNode))
-            return [];
-        while ((currentNode = currentNode.closest('[data-mc]'))) {
-            if (currentNode?._mc) {
-                result.push(currentNode?._mc);
-            }
-        }
-        return result.length ? result : null;
-    }
-    closest() {
-        let target = this.target;
-        if (!isDOM(target))
-            return null;
-        return target.closest('[data-mc]')?._mc || null;
-    }
-    children() {
-        let target = this?.target;
-        if (!isDOM(target))
-            return null;
-        return getMcChildNodes(target);
-    }
-    descendants() {
-        const target = this?.target;
-        if (!isDOM(target))
-            return [];
-        const mcArray = [...target.querySelectorAll('[data-mc]')]
-            .filter((e) => !!e._mc)
-            .map((e) => e._mc);
-        return mcArray.length ? mcArray : null;
-    }
-}
-const loadingDCs = new Set();
-function attachDC(element) {
-    return () => {
-        const elements = Array.from(document.querySelectorAll(`[data-mc*="${element}"]`)).filter((element) => element instanceof HTMLElement);
-        if (elements.length === 0)
-            return;
-        const Klass = customElements.get(element);
-        elements.forEach((node) => {
-            try {
-                DC.add(node, Klass.name, new Klass(node));
-            }
-            catch (error) {
-                if (Klass['create']) {
-                    let element = Klass.create(node);
-                    element.setAttribute('data-mc', node.getAttribute('data-mc'));
-                    node.replaceWith(element);
-                    node = element;
-                }
-                else {
-                    throw `Class ${Klass.name} doesn't have a callable constructor AND class doesn't have a static .create() method.`;
-                }
-            }
-            const new_mc = node
-                .getAttribute('data-mc')
-                .split(' ')
-                .filter((name) => name !== element && name !== '')
-                .join(' ')
-                .trim();
-            node.setAttribute('data-mc', new_mc);
-        });
-    };
-}
-function makeLoadScript(element) {
-    if (loadingDCs.has(element))
-        return;
-    loadingDCs.add(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('data-name', element);
-    se.setAttribute('loading', '');
-    const loadedPromise = customElements.whenDefined(element);
-    loadedPromise.then(attachDC(element));
-    se.addEventListener('load', (ev) => {
-        loadingDCs.delete(element);
-        document.head.querySelector(`script[data-name="${element}"]`)?.remove();
-    });
-    se.addEventListener('error', (ev) => {
-        console.error('could not load DC code from', fileName);
-    });
-    document.head.append(se);
-}
-function loadUndefinedMCs() {
-    [...document.querySelectorAll(':not(:defined)')]
-        .filter((element) => !!element &&
-        !customElements.get(element.tagName.toLowerCase()) &&
-        !loadingDCs.has(element.tagName.toLowerCase()))
-        .forEach((el) => {
-        makeLoadScript(el.tagName.toLowerCase());
-    });
-    [...document.querySelectorAll('[data-mc]:not([data-mc=""]')]
-        .filter((element) => !!element)
-        .forEach((el) => {
-        const _mc = el
-            .getAttribute('data-mc')
-            ?.split(' ')
-            .filter((name) => name !== '');
-        _mc?.forEach((element) => {
-            const isDefined = customElements.get(element);
-            if (!loadingDCs.has(element) && !isDefined) {
-                makeLoadScript(element);
-            }
-            else if (isDefined) {
-                attachDC(element)();
-            }
-        });
-    });
-}
-let autoloadEnabled = false;
-let observer = null;
-function autoload(enable = true) {
-    if (!enable) {
-        observer?.disconnect();
-        observer = null;
-        return autoloadEnabled;
-    }
-    autoloadEnabled = enable;
-    observer = new MutationObserver(loadUndefinedMCs);
-    setTimeout(() => {
-        observer.observe(document.body, { childList: true, subtree: true });
-        loadUndefinedMCs();
-    }, 5);
-    window.autoload = window.autoload || autoload;
-    return autoloadEnabled;
-}
-autoload.state = loadingDCs;
-
-
-var __webpack_exports__DC = __webpack_exports__.DC;
-var __webpack_exports__MC = __webpack_exports__.MC;
-var __webpack_exports__McBase = __webpack_exports__.Oc;
-var __webpack_exports__autoload = __webpack_exports__.E_;
-var __webpack_exports__off = __webpack_exports__.AU;
-var __webpack_exports__on = __webpack_exports__.on;
-var __webpack_exports__one = __webpack_exports__.xH;
-var __webpack_exports__trigger = __webpack_exports__.hZ;
-export { __webpack_exports__DC as DC, __webpack_exports__MC as MC, __webpack_exports__McBase as McBase, __webpack_exports__autoload as autoload, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__one as one, __webpack_exports__trigger as trigger };

package/dist/elements.d.ts

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

package/dist/elements.d.ts.map

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

package/dist/elements.js

@@ -1,67 +0,0 @@
-'use strict';
-import { DC, McBase } from './MC.js';
-import { kebabToPascal } from './helpers.js';
-class CeBaseClass extends HTMLElement {
-    constructor() {
-        super();
-    }
-    connectedCallback() {
-        this.dispatchEvent(new CustomEvent('_mcConnected'));
-    }
-    connectedMoveCallback() {
-        this.dispatchEvent(new CustomEvent('_mcConnectedMove'));
-    }
-    disconnectedCallback() {
-        this.dispatchEvent(new CustomEvent('_mcDisconnected'));
-    }
-    adoptedCallback() {
-        this.dispatchEvent(new CustomEvent('_mcAdopted'));
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        this.dispatchEvent(new CustomEvent('_mcAttributeChanged', { detail: { name, oldValue, newValue } }));
-    }
-    formResetCallback() {
-        this.dispatchEvent(new CustomEvent('_mcFormReset'));
-    }
-}
-function createNamedClass(name, ClassBody) {
-    return Object.defineProperty(ClassBody, 'name', { value: name });
-}
-function isClass(func) {
-    return typeof func === 'function' && /^class\s/.test(Function.prototype.toString.call(func));
-}
-export function defineCE(tagName, DefinitionClass, observedAttributes = []) {
-    if (customElements.get(tagName)) {
-        console.warn(`IGNORED: Custom element "${tagName}" is already defined!`);
-        return;
-    }
-    if (!tagName.includes('-')) {
-        throw new Error('createCustomElement: tagName must contain at least one hyphen ("-").');
-    }
-    let name = kebabToPascal(tagName);
-    if (!isClass(DefinitionClass.prototype.constructor)) {
-        customElements.define(tagName, DefinitionClass);
-        return;
-    }
-    if (!(DefinitionClass.prototype instanceof McBase)) {
-        customElements.define(tagName, DefinitionClass);
-        return;
-    }
-    customElements.define(tagName, createNamedClass(name, class extends CeBaseClass {
-        instance;
-        constructor(data) {
-            super();
-            const instance = isClass(DefinitionClass)
-                ?
-                    new DefinitionClass(this, data)
-                : DefinitionClass;
-            DC.add(this, name, instance);
-        }
-        static get observedAttributes() {
-            return observedAttributes;
-        }
-    }));
-}
-export function getCE(tagName) {
-    return customElements.get(tagName);
-}

package/dist/elements.min.js

@@ -1 +0,0 @@
-var t={d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};t.d(e,{c:()=>d,t:()=>m});const n=new Function("try {return this===window;}catch(e){ return false;}");function r(t){return t&&t instanceof HTMLElement}function c(t){return"_mc"+t[0].toUpperCase()+t.substring(1)}function o(t,e,n,r=!1){return t.addEventListener(c(e),n,{capture:!1,once:r}),n}class s{stopped=!1;constructor(){}stop(){this.stopped=!0}}class a{_target;constructor(t){var e;this._target=new WeakRef(t||{}),function(t){if(!n()||t.constructor===i)return;const e=t.target;if(e instanceof HTMLElement){let n=t;Object.getOwnPropertyNames(n.constructor.prototype).filter((t=>/^(on[A-Z]|one[A-Z])/.test(t)&&"function"==typeof n.constructor.prototype[t])).forEach((t=>{let r=/^one/.test(t),c=t.replace(/^on[e]{0,1}/,""),s=c.toLowerCase();if("on"+s in e){let r=e=>{n[t](e)};e.addEventListener(s,r)}else o(e,c,(e=>{n[t](e)}),r)}))}}(this),e=this,setTimeout((()=>{e.constructor!==i&&e.trigger("Init")}),0)}get target(){return this._target.deref()}}class i extends a{constructor(t){super(t)}static add(t,e,n={}){return function(t,e,n={}){let r=t;r._mc||(r._mc=new i(t));const c=r._mc;return e.length&&!c[e]&&(c[e]=n,t instanceof HTMLElement&&!t.getAttribute("data-mc")&&t.setAttribute("data-mc","")),r}(t,e,n)}static remove(t,e){!function(t,e){if(!e)return;const n=t?._mc||{};n&&n[e]&&delete n[e],!Object.keys(n).length&&t instanceof HTMLElement&&t.hasAttribute("data-mc")&&t.removeAttribute("data-mc")}(t,e)}off(t,e){!function(t,e,n){t.removeEventListener(c(e),n)}(this.target,t,e)}on(t,e){return o(this.target,t,e)}one(t,e){return function(t,e,n){return o(t,e,n,!0),n}(this.target,t,e)}trigger(t,e={},n="l",r){!function(t,e,n={},r="l",o){const a=/^_mc/.test(e)?e:c(e),i=o||new s,l=new CustomEvent(a,{detail:{data:n,control:i},bubbles:!1});i.stopped||/l/.test(r)&&(t.dispatchEvent(l),l.stopImmediatePropagation(),i.stopped)||/[ud]/.test(r)&&(-1===r.indexOf("l")&&(r+="l"),setTimeout((()=>{if(r.indexOf("u")>-1){let e=t.parentElement?.closest("[data-mc]");e&&e?._mc.trigger(a,n,r,i)}if(r.indexOf("d")>-1){let e=t._mc.children();e&&e.forEach((t=>t.trigger(a,n,r)))}}),0))}(this.target,t,e,n,r)}ancestors(){let t=this?.target,e=[];if(!r(t))return[];for(;t=t.closest("[data-mc]");)t?._mc&&e.push(t?._mc);return e.length?e:null}closest(){let t=this.target;return r(t)&&t.closest("[data-mc]")?._mc||null}children(){let t=this?.target;return r(t)?function(t){const e=Math.random().toString().replace(".",""),n='[data-mc]:not([temp_id="'+e+'"] [data-mc] [data-mc])';t.setAttribute("temp_id",e);const r=[...t.querySelectorAll(n)].filter((t=>!!t._mc)).map((t=>t._mc));return t.removeAttribute("temp_id"),r.length?r:null}(t):null}descendants(){const t=this?.target;if(!r(t))return[];const e=[...t.querySelectorAll("[data-mc]")].filter((t=>!!t._mc)).map((t=>t._mc));return e.length?e:null}}new Set;class l extends HTMLElement{constructor(){super()}connectedCallback(){this.dispatchEvent(new CustomEvent("_mcConnected"))}connectedMoveCallback(){this.dispatchEvent(new CustomEvent("_mcConnectedMove"))}disconnectedCallback(){this.dispatchEvent(new CustomEvent("_mcDisconnected"))}adoptedCallback(){this.dispatchEvent(new CustomEvent("_mcAdopted"))}attributeChangedCallback(t,e,n){this.dispatchEvent(new CustomEvent("_mcAttributeChanged",{detail:{name:t,oldValue:e,newValue:n}}))}formResetCallback(){this.dispatchEvent(new CustomEvent("_mcFormReset"))}}function u(t){return"function"==typeof t&&/^class\s/.test(Function.prototype.toString.call(t))}function d(t,e,n=[]){if(customElements.get(t))return void console.warn(`IGNORED: Custom element "${t}" is already defined!`);if(!t.includes("-"))throw new Error('createCustomElement: tagName must contain at least one hyphen ("-").');let r=t.split("-").map((t=>t.charAt(0).toUpperCase()+t.slice(1))).join("");u(e.prototype.constructor)&&e.prototype instanceof a?customElements.define(t,function(t,e){return Object.defineProperty(e,"name",{value:t})}(r,class extends l{instance;constructor(t){super();const n=u(e)?new e(this,t):e;i.add(this,r,n)}static get observedAttributes(){return n}})):customElements.define(t,e)}function m(t){return customElements.get(t)}var p=e.c,f=e.t;export{p as defineCE,f as getCE};

package/dist/formValues.d.ts

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

package/dist/formValues.d.ts.map

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

package/dist/formValues.js

@@ -1,159 +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]);
-    Object.seal(targetObject[propertyName]);
-    [...dom.querySelectorAll('input, textarea, select')].forEach((input) => {
-        input.addEventListener('input', (ev) => {
-            targetObject[propertyName].notify();
-        });
-    });
-}

package/dist/formValues.min.js

@@ -1 +0,0 @@
-var t={d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e)},e={};function r(t){let e={};return[...Object.keys(t)].sort().forEach((n=>{var s;(s=t[n])&&s.constructor&&s.constructor===Object?e[n]=r(t[n]):e[n]=t[n]})),e}function n(t,e=!0){let s={};return[...Object.getOwnPropertyNames(t)].forEach((e=>{if(t[e]instanceof Object){const r=n(t[e],!1);s[e]={};for(const t in r)s[e+"."+t]=r[t]}else s[e]=t[e]})),e?r(s):s}function s(t,e){return JSON.stringify(n(t))===JSON.stringify(n(e))}function a(t,e){const r=Object.getOwnPropertyDescriptors(t);for(const[t,n]of Object.entries(r))("get"in n||"set"in n)&&Object.defineProperty(e,t,n)}t.d(e,{R:()=>N});const c=new Function("try {return this===window;}catch(e){ return false;}");function o(t){return t&&t instanceof HTMLElement}function l(t){return"_mc"+t[0].toUpperCase()+t.substring(1)}function i(t,e,r,n=!1){return t.addEventListener(l(e),r,{capture:!1,once:n}),r}class u{stopped=!1;constructor(){}stop(){this.stopped=!0}}function f(t,e,r={},n="l",s){const a=/^_mc/.test(e)?e:l(e),c=s||new u,o=new CustomEvent(a,{detail:{data:r,control:c},bubbles:!1});c.stopped||/l/.test(n)&&(t.dispatchEvent(o),o.stopImmediatePropagation(),c.stopped)||/[ud]/.test(n)&&(-1===n.indexOf("l")&&(n+="l"),setTimeout((()=>{if(n.indexOf("u")>-1){let e=t.parentElement?.closest("[data-mc]");e&&e?._mc.trigger(a,r,n,c)}if(n.indexOf("d")>-1){let e=t._mc.children();e&&e.forEach((t=>t.trigger(a,r,n)))}}),0))}class h{_target;constructor(t){var e;this._target=new WeakRef(t||{}),function(t){if(!c()||t.constructor===d)return;const e=t.target;if(e instanceof HTMLElement){let r=t;Object.getOwnPropertyNames(r.constructor.prototype).filter((t=>/^(on[A-Z]|one[A-Z])/.test(t)&&"function"==typeof r.constructor.prototype[t])).forEach((t=>{let n=/^one/.test(t),s=t.replace(/^on[e]{0,1}/,""),a=s.toLowerCase();if("on"+a in e){let n=e=>{r[t](e)};e.addEventListener(a,n)}else i(e,s,(e=>{r[t](e)}),n)}))}}(this),e=this,setTimeout((()=>{e.constructor!==d&&e.trigger("Init")}),0)}get target(){return this._target.deref()}}class d extends h{constructor(t){super(t)}static add(t,e,r={}){return function(t,e,r={}){let n=t;n._mc||(n._mc=new d(t));const s=n._mc;return e.length&&!s[e]&&(s[e]=r,t instanceof HTMLElement&&!t.getAttribute("data-mc")&&t.setAttribute("data-mc","")),n}(t,e,r)}static remove(t,e){!function(t,e){if(!e)return;const r=t?._mc||{};r&&r[e]&&delete r[e],!Object.keys(r).length&&t instanceof HTMLElement&&t.hasAttribute("data-mc")&&t.removeAttribute("data-mc")}(t,e)}off(t,e){!function(t,e,r){t.removeEventListener(l(e),r)}(this.target,t,e)}on(t,e){return i(this.target,t,e)}one(t,e){return function(t,e,r){return i(t,e,r,!0),r}(this.target,t,e)}trigger(t,e={},r="l",n){f(this.target,t,e,r,n)}ancestors(){let t=this?.target,e=[];if(!o(t))return[];for(;t=t.closest("[data-mc]");)t?._mc&&e.push(t?._mc);return e.length?e:null}closest(){let t=this.target;return o(t)&&t.closest("[data-mc]")?._mc||null}children(){let t=this?.target;return o(t)?function(t){const e=Math.random().toString().replace(".",""),r='[data-mc]:not([temp_id="'+e+'"] [data-mc] [data-mc])';t.setAttribute("temp_id",e);const n=[...t.querySelectorAll(r)].filter((t=>!!t._mc)).map((t=>t._mc));return t.removeAttribute("temp_id"),n.length?n:null}(t):null}descendants(){const t=this?.target;if(!o(t))return[];const e=[...t.querySelectorAll("[data-mc]")].filter((t=>!!t._mc)).map((t=>t._mc));return e.length?e:null}}function p(t){return null!=t&&"object"==typeof t}function m(t){let e=new Set,r=/\{[^\{\}]*\}/g;return(t.getAttributeNames?t.getAttributeNames():[]).filter((e=>t.getAttribute(e)?.match(r))).forEach((e=>{let n=new Set(t.getAttribute(e)?.match(r));n.forEach((t=>n.add(t.replace(/[\{\}]/g,""))))})),[...t.childNodes].filter((t=>3===t.nodeType&&(t.nodeValue||"").match(r))).forEach((t=>{(t.nodeValue||"").match(r).forEach((t=>{e.add(t.replace(/[\{\}]/g,""))}))})),[...e].map((t=>t.replace(/[\{\}]/g,"")))}new Set;const g=[HTMLInputElement,HTMLSelectElement,HTMLTextAreaElement];class b extends d{data={};oldDisplay="";constructor(t){super(t),m(t).forEach((t=>this.data[t]="")),O(this),this.#t()}#t(){let t=this.target,e=!1;(t.getAttributeNames?t.getAttributeNames():[]).filter((e=>t.getAttribute(e)?.match(/\{[^\{\}]*\}/g))).forEach((e=>{let r=new Set(t.getAttribute(e)?.match(/\{[^\{\}]*\}/g));var n;this.data.observe((n=t.getAttribute(e),s=>{let a=n;r.forEach((t=>{a=a.replace(t,s[t.replace(/[\{\}]/g,"")])})),t.setAttribute(e,a)}))})),[...t.childNodes].filter((t=>3===t.nodeType&&(t.nodeValue||"").match(/\{[^\{\}]*\}/g))).forEach((r=>{e=!0;let n=new Set(r.nodeValue.match(/\{[^\{\}]*\}/g));this.data.observe((e=>s=>{let a=e;n.forEach((t=>{a=a.replace(t,s[t.replace(/[\{\}]/g,"")])})),this.oldDisplay?t.style=this.oldDisplay:t.removeAttribute("style"),delete this.oldDisplay,r.nodeValue=a})(r.nodeValue)),this.oldDisplay=t.getAttribute("style")||"",e&&!g.includes(t.constructor)&&"FIELDSET"!==t.tagName&&(t.style.display="none")}))}onData(t){let e={};Object.keys(t.detail.data).forEach((r=>{this.data.hasOwnProperty(r)&&(e[r]=t.detail.data[r])})),JSON.stringify(e)!==JSON.stringify(this.data)&&Object.assign(this.data,e)}}const y={};function v(t){let e=t.constructor.name;return y[e]||function(t){const e=t.constructor,r=e.name;let s=class extends e{#e=!0;#r=[];constructor(t){super(t),this.constructor.callbacks=[],p(t)&&Object.getOwnPropertyNames(t).forEach((e=>{this[e]=t[e]}))}get callbacks(){return this.#r}set callbacks(t){this.#r=t}observe(t){return this.#r.push(t),this}bind(t){if(p(this.valueOf())){!function(t){var e;(e=t,[e].concat([...e.querySelectorAll("*")]).filter((t=>!!m(t).length)).filter((t=>"STYLE"!==t?.tagName)).reverse()).forEach((t=>{t?._mc?._placeholders||d.add(t,"_placeholders",new b(t))}))}(t);const e=[t,...t.querySelectorAll("[data-mc]")].filter((t=>!!t?._mc?._placeholders)),r=function(t){let r=n(t);e.forEach((t=>{t&&f(t,"data",r)}))};this.#r.push(r),this.notify()}else console.warn("IGNORED - cannot bind a non-Object to the dom, IS:",typeof this.valueOf(),this);return this}notify(t){let e=p(this.valueOf())&&this.valueOf()instanceof Array==0?structuredClone(Object.assign({},this)):this.valueOf();return void 0!==t&&(this.#e=t),this.#e&&this.#r.forEach((t=>{t(e)})),this}};return y[r]=s,s}(t)}const O=(t,e)=>((e?[e]:[...Object.getOwnPropertyNames(t)]).forEach((e=>{if(t.hasOwnProperty(e)&&"function"!=typeof t[e]&&!t?.[e]?.constructor?.prototype?.observe){if("_"===e[0]||void 0===t?.[e])return t;let r=t[e],n=new(v(r))(r),c=function(){let t;return()=>{clearTimeout(t),t=setTimeout((function(){!function(){n.notify()}(...arguments)}),0)}}();Object.defineProperty(t,e,{enumerable:!0,get(){if(p(n.valueOf())){let t=structuredClone(Object.assign({},n));setTimeout((function(){let e=structuredClone(Object.assign({},n));console.log("compare",t,"to",e,"with",n.callbacks,"isChanged:",!s(e,t)),s(e,t)||c()}),0)}return n},set(t){if(typeof t==typeof n.valueOf())if(p(n.valueOf())&&n.valueOf()instanceof Array==0)void 0===n?.constructor?.prototype?.observe&&(n=new(v(t))(structuredClone(Object.assign({},t))),a(t,n)),Object.assign(n,t),n.notify();else{let e=n.valueOf(),r=n.callbacks;t!==e&&(n=new(v(t))(t),n.callbacks=r,c())}else console.warn("IGNORED - cannot change observable types, IS:",typeof n.valueOf(),n,"- CANNOT BECOME:",typeof t)}}),t[e]=r}})),t);class E{constructor(t){}}class w extends E{#n;constructor(t){super(t),this.#n=t}get val(){return new FormData(this.#n.form).get(this.#n.name)}set val(t){[...this.#n.form.querySelectorAll(`input[type="radio"][name="${this.#n.name}"]`)].filter((e=>e.getAttribute("value")===t)).shift().checked=!0}}class A extends E{#n;constructor(t){super(t),this.#n=t}get val(){return this.#n.checked}set val(t){this.#n.checked=t}}class k extends E{#n;constructor(t){super(t),this.#n=t}get val(){return this.#n.value}set val(t){this.#n.value=t}}class _ extends E{#n;#s=!1;constructor(t){super(t),this.#n=t,this.#s=t.multiple}get val(){const t=[];return[...this.#n.querySelectorAll("option")].filter((t=>t.selected)).forEach((e=>{t.push(e.value)})),this.#s?t:t.length?t[0]:""}set val(t){t="string"==typeof t?[t]:t,[...this.#n.querySelectorAll("option")].forEach((e=>{t.indexOf(e.value)>-1?e.selected=!0:e.selected=!1}))}}class j extends E{#n;constructor(t){super(t),this.#n=t}get val(){return this.#n.value||""}set val(t){this.#n.value=t}}const S=t=>{let e=[...(t||document).querySelectorAll("input,select,textarea")],r={};return e.forEach((t=>{const e=t.getAttribute("name");if(e){let n=!1;switch((t=>t.tagName.toLowerCase())(t)){case"input":switch(t.type){case"radio":n=new w(t);break;case"checkbox":n=new A(t);break;default:n=new k(t)}break;case"select":n=new _(t);break;case"textarea":n=new j(t);break;default:console.warn("handler missing:",e,"for",t.tagName.toLowerCase(),t)}n&&(d.add(t,e,n),Object.defineProperty(r,e,{enumerable:!0,configurable:!0,get:()=>n.val,set:t=>{n.val!==t&&(n.val=t)}}))}})),r};function N(t,e,r){let n=S(r);t[e]=Object.assign({},n),O(t,e),a(n,t[e]),Object.seal(t[e]),[...r.querySelectorAll("input, textarea, select")].forEach((r=>{r.addEventListener("input",(r=>{t[e].notify()}))}))}var x=e.R;export{x as formValues};

package/dist/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/dist/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAElD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,WAAW,GAAG,WAAW,CAatD;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,GAAE,OAAc,GAAG,WAAW,CAgBjF;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,GAAG,OAAO,CAEnE;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,OAsCrE;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"}