@twobirds/microcomponents 0.0.20 → 0.0.22

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);
-    }
-}

package/dist/microcomponents.min.js

@@ -1,38 +0,0 @@
-'use strict';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;}
-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;}
-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)];}
-static add(target,key,element={}){let node=target;if(!node._mc){node._mc=new MC(target);}
-const _mc=node._mc;if(key.length&&!_mc[key]){_mc[key]=element;if(target instanceof HTMLElement){target.setAttribute('_mc','');}}
-return element;}
-static 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;}
-add(key,element,target){if(this.#_mc[key])
-return;if(target){MC.add(target,key,element);}
-this.#_mc[key]=element;return element;}
-remove(key,target){const _mc=this.#_mc;const t=target;if(target){MC.remove(t,key);}
-delete _mc?.[key];}
-siblings(search=''){const _mc=this.#_mc;if(!_mc)
-return[];const result=_mc[search||''];return search&&result?[result]:[...Object.values(_mc)];}
-parent(search=''){if(!isDOM(this.#target))
-return[];return traverseNodes(this.#target.parentNode,search,true);}
-parents(search=''){if(!isDOM(this.#target))
-return[];return traverseNodes(this.#target.parentNode,search,false);}
-children(search=''){if(!isDOM(this.#target))
-return[];const id=Math.random().toString().replace('.','');const selector='[_mc]:not([temp_id="'+id+'"] [_mc] [_mc])';this.#target.setAttribute('temp_id',id);const myDomElements=this.#target.querySelectorAll(selector);const mcValues=getMicroComponents([...myDomElements],search);this.#target.removeAttribute('temp_id');return mcValues;}
-descendants(search=''){if(!isDOM(this.#target))
-return[];const myDomElements=this.#target.querySelectorAll('*[_mc]');return getMicroComponents([...myDomElements],search);}}

package/dist/microcomponents.ts

@@ -1,216 +0,0 @@
-'use strict';
-
-/*
-helper methods
-*/
-
-// get all microcomponents from a list of HTMLElements
-function getMicroComponents( elements: any[], search: string): any[] {
-	let mcValues: any[] = [];
-
-	elements.forEach( e => {
-		if (e) {
-			if (e instanceof HTMLElement) {
-				const _mc = ( e as any )?._mc;
-				if ( !search && _mc ) {
-					mcValues = mcValues.concat(Object.values(( e as any )._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: { [key:string]: any }, search: string, firstonly = true): any[] {
-	let mcValues: any[] = [];
-	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: { [key:string]: any } ) {
-	return element && element instanceof HTMLElement;
-}
-
-type HTMLElementMC = HTMLElement & { _mc: { [key:string]: any } }
-
-export class MC {
-
-	#target: { [key:string]: any } = {};
-
-	#_mc: { [key:string]: any } = {};
-
-	static debug: boolean = false;
-
-	constructor( target: { [key:string]: any } ) {
-		this.#target = target;
-		this.#_mc = {};
-	}
-
-	get _mc(): undefined | any {
-		if ( !MC.debug ) return undefined;
-		return this.#_mc;
-	}
-
-	get target(): any {
-		return this.#target;
-	}
-
-	// return all top-level micro components from an HTMLElement, or the searched one
-	static siblings( target: HTMLElementMC, search: string = '' ): any[] {
-		const mc = target as any;
-
-		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: HTMLElement, key: string, element = {} ): any {
-
-		let node = target as HTMLElementMC;
-
-		// 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: HTMLElementMC, key: string) {
-		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: string, element: any, target?: HTMLElement ): any {
-		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: string, target?: HTMLElement ): void {
-		const _mc = this.#_mc;
-		const t = target as HTMLElementMC;
-
-		// 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: string = '' ): any[] {
-		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: string = '' ): any[] {
-		if ( !isDOM(this.#target) ) return [];
-
-		return traverseNodes( (this as any).#target.parentNode, search, true);
-	}
-
-	// all anchestor DOM nodes, beginning with the closest, all public MCs
-	parents( search: string = '' ): any[] {
-		if ( !isDOM(this.#target) ) return [];
-
-		return traverseNodes( (this as any).#target.parentNode, search, false);
-	}
-
-	// nearest child DOM nodes, all puclic MCs
-	children( search: string = '' ): any[] {
-		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: string = '' ): any[] {
-		if ( !isDOM(this.#target) ) return [];
-
-		const myDomElements = this.#target.querySelectorAll('*[_mc]');
-
-		return getMicroComponents([...myDomElements], search);
-	}
-}