@twobirds/microcomponents 0.0.72 → 0.0.75

package/src/microcomponents.es3.js

@@ -1,377 +0,0 @@
-(function () {
-	// Polyfill for String.prototype.trim (ES3-compliant)
-	if (!String.prototype.trim) {
-		String.prototype.trim = function () {
-			return this.replace(/^\s+|\s+$/g, "");
-		};
-	}
-
-	// Helper function to remove duplicates from an array
-	function unique(elements) {
-		var uniqueElements = [];
-		for (var i = 0; i < elements.length; i++) {
-			if (uniqueElements.indexOf(elements[i]) === -1) {
-				uniqueElements.push(elements[i]);
-			}
-		}
-		return uniqueElements;
-	}
-
-	// Helper function to check if an element matches an attribute selector
-	function matchesAttribute(element, attrSelector) {
-		var match = attrSelector.match(
-			/^\[([^\]=~^$*]+)([~^$*|]?=)?(['"]?)(.*?)\3\]$/
-		);
-		if (!match) return false;
-
-		var attrName = match[1];
-		var operator = match[2] || null;
-		var attrValue = match[4] || null;
-		var actualValue = element.getAttribute(attrName);
-
-		if (actualValue === null) return false; // Attribute does not exist
-
-		switch (operator) {
-			case null: // [attr]
-				return true;
-			case "=": // [attr=value]
-				return actualValue === attrValue;
-			case "~=": // [attr~=value]
-				return (" " + actualValue + " ").indexOf(" " + attrValue + " ") !== -1;
-			case "^=": // [attr^=value]
-				return actualValue.indexOf(attrValue) === 0;
-			case "$=": // [attr$=value]
-				return actualValue.slice(-attrValue.length) === attrValue;
-			case "*=": // [attr*=value]
-				return actualValue.indexOf(attrValue) !== -1;
-			default:
-				return false;
-		}
-	}
-
-	// Helper function to check if an element matches a selector
-	function matchesSelector(element, selector) {
-		var regex = /(\w+)?(?:\.([\w\-]+))?(?:\[.*?\])?/g;
-		var match, tagMatch, classMatch, attrMatch;
-
-		while ((match = regex.exec(selector))) {
-			tagMatch = match[1];
-			classMatch = match[2] ? match[2].split(".") : null;
-			attrMatch = selector.match(/\[.*?\]/g);
-
-			if (
-				tagMatch &&
-				element.tagName.toLowerCase() !== tagMatch.toLowerCase()
-			) {
-				return false;
-			}
-
-			if (classMatch) {
-				for (var i = 0; i < classMatch.length; i++) {
-					if (
-						(" " + element.className + " ").indexOf(
-							" " + classMatch[i] + " "
-						) === -1
-					) {
-						return false;
-					}
-				}
-			}
-
-			if (attrMatch) {
-				for (var j = 0; j < attrMatch.length; j++) {
-					if (!matchesAttribute(element, attrMatch[j])) {
-						return false;
-					}
-				}
-			}
-		}
-		return true;
-	}
-
-	// Polyfill for document.querySelectorAll
-	if (!document.querySelectorAll) {
-		document.querySelectorAll = function (selectors) {
-			var simpleSelectors = selectors.split(",");
-			var results = [];
-			for (var i = 0; i < simpleSelectors.length; i++) {
-				var selector = simpleSelectors[i].trim();
-				if (!selector) continue;
-
-				var allElements = document.getElementsByTagName("*");
-				for (var j = 0; j < allElements.length; j++) {
-					if (matchesSelector(allElements[j], selector)) {
-						results.push(allElements[j]);
-					}
-				}
-			}
-			return unique(results); // Return unique results
-		};
-	}
-
-	// Polyfill for document.querySelector
-	if (!document.querySelector) {
-		document.querySelector = function (selectors) {
-			var elements = document.querySelectorAll(selectors);
-			return elements.length ? elements[0] : null;
-		};
-	}
-
-	// Polyfill for HTMLElement.prototype.querySelectorAll
-	if (
-		typeof HTMLElement !== "undefined" &&
-		!HTMLElement.prototype.querySelectorAll
-	) {
-		HTMLElement.prototype.querySelectorAll = function (selectors) {
-			var simpleSelectors = selectors.split(",");
-			var results = [];
-			for (var i = 0; i < simpleSelectors.length; i++) {
-				var selector = simpleSelectors[i].trim();
-				if (!selector) continue;
-
-				var allElements = this.getElementsByTagName("*");
-				for (var j = 0; j < allElements.length; j++) {
-					if (matchesSelector(allElements[j], selector)) {
-						results.push(allElements[j]);
-					}
-				}
-			}
-			return unique(results); // Return unique results
-		};
-	}
-
-	// Polyfill for HTMLElement.prototype.querySelector
-	if (
-		typeof HTMLElement !== "undefined" &&
-		!HTMLElement.prototype.querySelector
-	) {
-		HTMLElement.prototype.querySelector = function (selectors) {
-			var elements = this.querySelectorAll(selectors);
-			return elements.length ? elements[0] : null;
-		};
-	}
-
-	// Polyfill for Object.values()
-	if (!Object.values) {
-		Object.values = function (obj) {
-			if (
-				obj === null ||
-				(typeof obj !== "object" && typeof obj !== "function")
-			) {
-				throw new TypeError("Object.values called on a non-object");
-			}
-
-			var values = [];
-			for (var key in obj) {
-				if (obj.hasOwnProperty(key)) {
-					values.push(obj[key]);
-				}
-			}
-			return values;
-		};
-	}
-})();
-
-window.MC = (function () {
-	/*
-	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;
-	}
-
-	// continue here....
-	var MC = function () {};
-
-	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);
-		}
-	}
-
-	return MC;
-})();
-
-function findNodesWithMcAttribute(rootNode, childrenOnly) {
-	var result = []; // Array to store nodes with "_mc" attribute
-
-	var getChildren = childrenOnly === undefined ? true : childrenOnly;
-
-	function walk(node) {
-		// Check if the node has an "_mc" attribute
-		if (node.nodeType === 1 && node.getAttribute("_mc") !== null) {
-			result.push(node); // Add the node to the result array
-			return; // Stop searching this branch
-		}
-
-		// Recursively search child nodes
-		var child = node.firstChild;
-		while (child) {
-			walk(child);
-			child = child.nextSibling;
-		}
-	}
-
-	// Start the tree walk
-	walk(rootNode);
-
-	return result; // Return the array of found nodes
-}