@twobirds/microcomponents 0.0.21 → 0.0.23

package/dist/microcomponents.es3.js

@@ -1,96 +0,0 @@
-"use strict";
-function __isEmpty(obj) {
-    if (!obj)
-        return false;
-    for (var key in obj) {
-        if (obj.hasOwnProperty(key) && key !== "_target") {
-            return false;
-        }
-    }
-    return true;
-}
-function MC(target) {
-    this._target = target;
-}
-// static functions, chainable
-MC.add = function (domElement, key, element) {
-    if (key && typeof key === "string" && domElement && !domElement._mc[key]) {
-        domElement.mc[key] = element;
-        domElement.setAttribute("_mc", "");
-    }
-    return this;
-};
-MC.remove = function (domElement, key) {
-    delete domElement._mc[key];
-    if (isEmpty(this)) {
-        this._target.removeAttribute("_mc");
-    }
-    return this;
-};
-// other methods, not chainable
-MC.prototype.siblings = function (search) {
-    var mcValues = [];
-    if (this._target._mc) {
-        for (var key in this._target._mc) {
-            if (key !== "_target" &&
-                this._target._mc.hasOwnProperty(key) &&
-                (!search || key === search)) {
-                mcValues.push(this._target._mc[key]);
-            }
-        }
-    }
-    return mcValues;
-};
-MC.prototype.parent = function (search) {
-    var mcValues = [];
-    var current = this._target.parentNode;
-    while (current) {
-        if (current._mc) {
-            return current._mc.siblings(search);
-        }
-        current = current.parentNode;
-    }
-    return mcValues;
-};
-MC.prototype.parents = function (search) {
-    var mcValues = [];
-    var current = this._target.parentNode;
-    while (current) {
-        if (current._mc) {
-            mcValues = mcValues.concat(current._mc.siblings(search));
-        }
-        current = current.parentNode;
-    }
-    return mcValues;
-};
-MC.prototype.children = function (search) {
-    var mcValues = [];
-    function traverseTree(element) {
-        var children = element.children;
-        for (var i = 0; i < children.length; i++) {
-            var child = children[i];
-            if (child._mc) {
-                mcValues = mcValues.concat(child._mc.siblings(search));
-                continue;
-            }
-            traverseTree(child);
-        }
-    }
-    traverseTree(this._target);
-    return mcValues;
-};
-MC.prototype.descendants = function (search) {
-    var mcValues = [];
-    function traverseTree(element) {
-        var children = element.children;
-        for (var i = 0; i < children.length; i++) {
-            var child = children[i];
-            if (child._mc) {
-                mcValues = mcValues.concat(child._mc.siblings(search));
-            }
-            traverseTree(child);
-        }
-    }
-    traverseTree(this._target);
-    return mcValues;
-};

package/dist/microcomponents.es3.min.js

@@ -1,15 +0,0 @@
-"use strict";function __isEmpty(obj){if(!obj)return false;for(var key in obj){if(obj.hasOwnProperty(key)&&key!=="_target"){return false;}}
-return true;}
-function MC(target){this._target=target;}
-MC.add=function(domElement,key,element){if(key&&typeof key==="string"&&domElement&&!domElement._mc[key]){domElement.mc[key]=element;domElement.setAttribute("_mc","");}
-return this;};MC.remove=function(domElement,key){delete domElement._mc[key];if(isEmpty(this)){this._target.removeAttribute("_mc");}
-return this;};MC.prototype.siblings=function(search){var mcValues=[];if(this._target._mc){for(var key in this._target._mc){if(key!=="_target"&&this._target._mc.hasOwnProperty(key)&&(!search||key===search)){mcValues.push(this._target._mc[key]);}}}
-return mcValues;};MC.prototype.parent=function(search){var mcValues=[];var current=this._target.parentNode;while(current){if(current._mc){return current._mc.siblings(search);}
-current=current.parentNode;}
-return mcValues;};MC.prototype.parents=function(search){var mcValues=[];var current=this._target.parentNode;while(current){if(current._mc){mcValues=mcValues.concat(current._mc.siblings(search));}
-current=current.parentNode;}
-return mcValues;};MC.prototype.children=function(search){var mcValues=[];function traverseTree(element){var children=element.children;for(var i=0;i<children.length;i++){var child=children[i];if(child._mc){mcValues=mcValues.concat(child._mc.siblings(search));continue;}
-traverseTree(child);}}
-traverseTree(this._target);return mcValues;};MC.prototype.descendants=function(search){var mcValues=[];function traverseTree(element){var children=element.children;for(var i=0;i<children.length;i++){var child=children[i];if(child._mc){mcValues=mcValues.concat(child._mc.siblings(search));}
-traverseTree(child);}}
-traverseTree(this._target);return mcValues;};

package/dist/microcomponents.js

@@ -1,176 +0,0 @@
-'use strict';
-/*
-helper methods
-*/
-// get all microcomponents from a list of HTMLElements
-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;
-}
-// get all ancestor DOM nodes up to the document
-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;
-}
-function isDOM(element) {
-    return element && element instanceof HTMLElement;
-}
-export class MC {
-    #target = {};
-    #_mc = {};
-    static debug = false;
-    constructor(target) {
-        this.#target = target;
-        this.#_mc = {};
-    }
-    get _mc() {
-        if (!MC.debug)
-            return undefined;
-        return this.#_mc;
-    }
-    get target() {
-        return this.#target;
-    }
-    // return all top-level micro components from an HTMLElement, or the searched one
-    static siblings(target, search = '') {
-        const mc = target;
-        if (!mc._mc) {
-            return [];
-        }
-        const _mc = mc._mc;
-        if (search.length) {
-            return _mc?.[search] || [];
-        }
-        return [...Object.values(_mc)];
-    }
-    // add a microcomponent to a target DOM node
-    static add(target, key, element = {}) {
-        let node = target;
-        // create the _mc property if necessary
-        if (!node._mc) {
-            node._mc = new MC(target);
-        }
-        const _mc = node._mc;
-        // add the element with the given property key to the _mc property
-        if (key.length && !_mc[key]) {
-            _mc[key] = element;
-            // add attribute if HTMLElement
-            if (target instanceof HTMLElement) {
-                target.setAttribute('_mc', '');
-            }
-        }
-        return element;
-    }
-    // remove a micro component from the DOM
-    static remove(target, key) {
-        if (!key)
-            return; // silent fail
-        const _mc = target?._mc || {};
-        // delete the property from the HTMLElement _mc collection
-        if (_mc && _mc[key]) {
-            delete _mc[key];
-        }
-        // remove the _mc attribute if the DOM collection is empty
-        if (!Object.keys(_mc).length && target instanceof HTMLElement && target.hasAttribute('_mc')) {
-            target.removeAttribute('_mc');
-        }
-        return;
-    }
-    // add a microcomponent to the collection
-    add(key, element, target) {
-        if (this.#_mc[key])
-            return;
-        // if target parameter exists ( a DOM node )
-        // you want a top level (public) MC
-        if (target) {
-            // ... add the new micro component to the DOM node _mc
-            MC.add(target, key, element);
-        }
-        // add the new micro component to the private collection anyway
-        this.#_mc[key] = element;
-        return element;
-    }
-    // remove a micro component from the collection
-    remove(key, target) {
-        const _mc = this.#_mc;
-        const t = target;
-        // if target parameter exists ( a DOM node )
-        // you want to remove a top level (public) MC
-        if (target) {
-            // ... remove the new micro component from the DOM node _mc
-            MC.remove(t, key);
-        }
-        // remove the new micro component from the private collection anyway
-        delete _mc?.[key];
-    }
-    // return all micro components from the collection, or the searched one
-    // in a top level DOM MC, this refers to the inner collection always
-    // use MC.siblings() to get the public MCs
-    siblings(search = '') {
-        const _mc = this.#_mc;
-        if (!_mc)
-            return [];
-        const result = _mc[search || ''];
-        return search && result ? [result] : [...Object.values(_mc)];
-    }
-    /*
-    the following selectors will only work for the DOM top level MCs and return [] otherwise
-    */
-    // first anchestor DOM node, all public MCs
-    parent(search = '') {
-        if (!isDOM(this.#target))
-            return [];
-        return traverseNodes(this.#target.parentNode, search, true);
-    }
-    // all anchestor DOM nodes, beginning with the closest, all public MCs
-    parents(search = '') {
-        if (!isDOM(this.#target))
-            return [];
-        return traverseNodes(this.#target.parentNode, search, false);
-    }
-    // nearest child DOM nodes, all puclic MCs
-    children(search = '') {
-        if (!isDOM(this.#target))
-            return [];
-        const id = Math.random().toString().replace('.', '');
-        const selector = '[_mc]:not([temp_id="' + id + '"] [_mc] [_mc])'; // HOTFIX: minifier or tsc compiler error, dont use backtick string, cuts out blanks
-        this.#target.setAttribute('temp_id', id);
-        const myDomElements = this.#target.querySelectorAll(selector);
-        const mcValues = getMicroComponents([...myDomElements], search);
-        this.#target.removeAttribute('temp_id');
-        return mcValues;
-    }
-    // all descendant DOM nodes, all puclic MCs
-    descendants(search = '') {
-        if (!isDOM(this.#target))
-            return [];
-        const myDomElements = this.#target.querySelectorAll('*[_mc]');
-        return getMicroComponents([...myDomElements], search);
-    }
-}