@oscarpalmer/toretto 0.25.0 → 0.26.0

package/dist/attribute/get.js

@@ -0,0 +1,17 @@
+import { isHTMLOrSVGElement } from "../internal/is.js";
+import { getAttributeValue } from "../internal/get-value.js";
+function getAttribute(element, name, parseValues) {
+	if (isHTMLOrSVGElement(element) && typeof name === "string") return getAttributeValue(element, name, parseValues !== false);
+}
+function getAttributes(element, names, parseData) {
+	const attributes = {};
+	if (!(isHTMLOrSVGElement(element) && Array.isArray(names))) return attributes;
+	const shouldParse = parseData !== false;
+	const { length } = names;
+	for (let index = 0; index < length; index += 1) {
+		const name = names[index];
+		if (typeof name === "string") attributes[name] = getAttributeValue(element, name, shouldParse);
+	}
+	return attributes;
+}
+export { getAttribute, getAttributes };

package/dist/attribute/index.js

@@ -0,0 +1,4 @@
+import { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "../internal/attribute.js";
+import { getAttribute, getAttributes } from "./get.js";
+import { setAttribute, setAttributes, setProperties, setProperty } from "./set.js";
+export { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes, setProperties, setProperty };

package/dist/attribute/is.js

@@ -0,0 +1,5 @@
+import { isPlainObject } from "@oscarpalmer/atoms/is";
+function isProperty(value) {
+	return isPlainObject(value) && typeof value.name === "string";
+}
+export { isProperty };

package/dist/attribute/set.js

@@ -0,0 +1,14 @@
+import { updateAttribute, updateProperty, updateValue, updateValues } from "./update.js";
+function setAttribute(element, first, second) {
+	updateValue(element, first, second, updateAttribute);
+}
+function setAttributes(element, attributes) {
+	updateValues(element, attributes);
+}
+function setProperty(element, first, second) {
+	updateValue(element, first, second, updateProperty);
+}
+function setProperties(element, properties) {
+	updateValues(element, properties, updateProperty);
+}
+export { setAttribute, setAttributes, setProperties, setProperty };

package/dist/attribute/update.js

@@ -0,0 +1,31 @@
+import { isHTMLOrSVGElement } from "../internal/is.js";
+import { booleanAttributes } from "../internal/attribute.js";
+import { isProperty } from "./is.js";
+import { getString } from "@oscarpalmer/atoms/string";
+function updateAttribute(element, name, value) {
+	if (booleanAttributes.includes(name.toLowerCase())) updateProperty(element, name, value, false);
+	else if (value == null) element.removeAttribute(name);
+	else element.setAttribute(name, typeof value === "string" ? value : getString(value));
+}
+function updateProperty(element, name, value, validate) {
+	const actual = validate ?? true ? name.toLowerCase() : name;
+	if (actual === "hidden") element.hidden = value === "" || value === true;
+	else element[actual] = value === "" || typeof value === "string" && value.toLowerCase() === actual || value === true;
+}
+function updateValue(element, first, second, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	if (isProperty(first)) callback(element, first.name, first.value);
+	else if (typeof first === "string") callback(element, first, second);
+}
+function updateValues(element, values, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	const isArray = Array.isArray(values);
+	const entries = Object.entries(values);
+	const { length } = entries;
+	for (let index = 0; index < length; index += 1) {
+		const entry = entries[index];
+		if (isArray) (callback ?? updateAttribute)(element, entry[1].name, entry[1].value);
+		else (callback ?? updateAttribute)(element, entry[0], entry[1]);
+	}
+}
+export { updateAttribute, updateProperty, updateValue, updateValues };

package/dist/data.js

@@ -1,4 +1,4 @@
-import { isHTMLOrSVGElement } from "./is.js";
+import { isHTMLOrSVGElement } from "./internal/is.js";
 import { setElementValues, updateElementValue } from "./internal/element-value.js";
 import { EXPRESSION_DATA_PREFIX } from "./internal/get-value.js";
 import { kebabCase, parse } from "@oscarpalmer/atoms/string";

package/dist/event/delegation.js

@@ -0,0 +1,94 @@
+import { isEventTarget } from "../internal/is.js";
+function addDelegatedHandler(document$1, type, name, passive) {
+	const listeners = `${name}${LISTENERS_SUFFIX}`;
+	if (document$1[listeners] != null) {
+		document$1[listeners] += 1;
+		return;
+	}
+	document$1[listeners] = 1;
+	document$1.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, { passive });
+}
+function addDelegatedListener(target, type, name, listener, passive) {
+	target[name] ??= /* @__PURE__ */ new Set();
+	target[name]?.add(listener);
+	addDelegatedHandler(document, type, name, passive);
+	return () => {
+		removeDelegatedListener(target, type, name, listener, passive);
+	};
+}
+function delegatedEventHandler(event) {
+	const key = `${EVENT_PREFIX}${event.type}${this ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
+	let target = event.target;
+	const items = event.composedPath();
+	const { length } = items;
+	for (let index = 0; index < length; index += 1) {
+		target = items[index];
+		const listeners = target[key];
+		if (!target.disabled && listeners != null) {
+			Object.defineProperties(event, {
+				currentTarget: {
+					configurable: true,
+					value: target
+				},
+				target: {
+					configurable: true,
+					value: target
+				}
+			});
+			for (const listener of listeners) {
+				listener.call(target, event);
+				if (event.cancelBubble) return;
+			}
+		}
+	}
+}
+function getDelegatedName(target, type, options) {
+	if (isEventTarget(target) && EVENT_TYPES.has(type) && !options.capture && !options.once && options.signal == null) return `${EVENT_PREFIX}${type}${options.passive ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
+}
+function removeDelegatedHandler(document$1, type, name, passive) {
+	const listeners = `${name}${LISTENERS_SUFFIX}`;
+	document$1[listeners] -= 1;
+	if (document$1[listeners] < 1) {
+		document$1[listeners] = void 0;
+		document$1.removeEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE);
+	}
+}
+function removeDelegatedListener(target, type, name, listener, passive) {
+	const handlers = target[name];
+	if (handlers == null || !handlers.has(listener)) return false;
+	handlers.delete(listener);
+	if (handlers?.size === 0) target[name] = void 0;
+	removeDelegatedHandler(document, type, name, passive);
+	return true;
+}
+var EVENT_PREFIX = "@";
+var EVENT_SUFFIX_ACTIVE = ":active";
+var EVENT_SUFFIX_PASSIVE = ":passive";
+var EVENT_TYPES = new Set([
+	"beforeinput",
+	"click",
+	"dblclick",
+	"contextmenu",
+	"focusin",
+	"focusout",
+	"input",
+	"keydown",
+	"keyup",
+	"mousedown",
+	"mousemove",
+	"mouseout",
+	"mouseover",
+	"mouseup",
+	"pointerdown",
+	"pointermove",
+	"pointerout",
+	"pointerover",
+	"pointerup",
+	"touchend",
+	"touchmove",
+	"touchstart"
+]);
+var HANDLER_ACTIVE = delegatedEventHandler.bind(false);
+var HANDLER_PASSIVE = delegatedEventHandler.bind(true);
+var LISTENERS_SUFFIX = ":listeners";
+export { addDelegatedListener, getDelegatedName, removeDelegatedListener };

package/dist/{event.js → event/index.js}

@@ -1,11 +1,12 @@
-import { isEventTarget } from "./is.js";
-import { getBoolean } from "./internal/get-value.js";
+import { isEventTarget } from "../internal/is.js";
+import { getBoolean } from "../internal/get-value.js";
+import { addDelegatedListener, getDelegatedName, removeDelegatedListener } from "./delegation.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { noop } from "@oscarpalmer/atoms/function";
 function createDispatchOptions(options) {
 	return {
-		bubbles: getBoolean(options?.bubbles),
-		cancelable: getBoolean(options?.cancelable),
+		bubbles: getBoolean(options?.bubbles, true),
+		cancelable: getBoolean(options?.cancelable, true),
 		composed: getBoolean(options?.composed)
 	};
 }
@@ -22,7 +23,7 @@ function createEventOptions(options) {
 		capture: getBoolean(options?.capture),
 		once: getBoolean(options?.once),
 		passive: getBoolean(options?.passive, true),
-		signal: options?.signal
+		signal: options?.signal instanceof AbortSignal ? options.signal : void 0
 	};
 }
 function dispatch(target, type, options) {
@@ -44,12 +45,18 @@ function getPosition(event) {
 	} : void 0;
 }
 function off(target, type, listener, options) {
-	if (isEventTarget(target) && typeof type === "string" && typeof listener === "function") target.removeEventListener(type, listener, createEventOptions(options));
+	if (!isEventTarget(target) || typeof type !== "string" || typeof listener !== "function") return;
+	const extended = createEventOptions(options);
+	const delegated = getDelegatedName(target, type, extended);
+	if (delegated == null || !removeDelegatedListener(target, type, delegated, listener, extended.passive)) target.removeEventListener(type, listener, extended);
 }
 function on(target, type, listener, options) {
 	if (!isEventTarget(target) || typeof type !== "string" || typeof listener !== "function") return noop;
 	const extended = createEventOptions(options);
+	const delegated = getDelegatedName(target, type, extended);
+	if (delegated != null) return addDelegatedListener(target, type, delegated, listener, extended.passive);
 	target.addEventListener(type, listener, extended);
+	if (extended.once) return noop;
 	return () => {
 		target.removeEventListener(type, listener, extended);
 	};

package/dist/{find.js → find/index.js}

@@ -1,26 +1,4 @@
-function getDistanceBetweenElements(origin, target) {
-	if (origin === target || origin.parentElement === target) return 0;
-	const comparison = origin.compareDocumentPosition(target);
-	const children = [...origin.parentElement?.children ?? []];
-	if (children.includes(target)) return Math.abs(children.indexOf(origin) - children.indexOf(target));
-	const beforeOrInside = !!(comparison & 2 || comparison & 8);
-	if (beforeOrInside || !!(comparison & 4 || comparison & 16)) return traverse(beforeOrInside ? origin : target, beforeOrInside ? target : origin) ?? -1;
-}
-function findAncestor(origin, selector) {
-	if (!(origin instanceof Element) || selector == null) return null;
-	if (typeof selector === "string") {
-		if (origin.matches?.(selector)) return origin;
-		return origin.closest(selector);
-	}
-	if (typeof selector !== "function") return null;
-	if (selector(origin)) return origin;
-	let parent = origin.parentElement;
-	while (parent != null && !selector(parent)) {
-		if (parent === document.body) return null;
-		parent = parent.parentElement;
-	}
-	return parent;
-}
+import { findAncestor, findRelatives } from "./relative.js";
 function findElement(selector, context) {
 	return findElementOrElements(selector, context, true);
 }
@@ -62,27 +40,6 @@ function findElementOrElementsFromNodes(array, context, contexts) {
 function findElements(selector, context) {
 	return findElementOrElements(selector, context, false);
 }
-function findRelatives(origin, selector, context) {
-	if (!(origin instanceof Element) || typeof selector !== "string") return [];
-	if (origin.matches(selector)) return [origin];
-	const elements = [...(context instanceof Document || context instanceof Element ? context : document).querySelectorAll(selector)];
-	const { length } = elements;
-	if (length === 0) return [];
-	const distances = [];
-	let minimum;
-	for (let index = 0; index < length; index += 1) {
-		const element = elements[index];
-		const distance = getDistanceBetweenElements(origin, element) ?? -1;
-		if (distance > -1) {
-			if (minimum == null || distance < minimum) minimum = distance;
-			distances.push({
-				distance,
-				element
-			});
-		}
-	}
-	return minimum == null ? [] : distances.filter((found) => found.distance === minimum).map((found) => found.element);
-}
 function getElementUnderPointer(skipIgnore) {
 	const elements = [...document.querySelectorAll(SUFFIX_HOVER)];
 	const { length } = elements;
@@ -98,26 +55,6 @@ function getElementUnderPointer(skipIgnore) {
 function isContext(value) {
 	return typeof value?.querySelector === "function" && typeof value?.querySelectorAll === "function";
 }
-function traverse(from, to) {
-	let index = [...to.children].indexOf(from);
-	if (index > -1) return index + 1;
-	let current = from;
-	let distance = 0;
-	let parent = from.parentElement;
-	while (parent != null) {
-		if (parent === to) return distance + 1;
-		const children = [...parent.children ?? []];
-		if (children.includes(to)) return distance + Math.abs(children.indexOf(current) - children.indexOf(to));
-		index = children.findIndex((child) => child.contains(to));
-		if (index > -1) {
-			const traversed = traverse(current, children[index]) ?? -1;
-			return traversed === -1 ? -1 : distance + Math.abs(index - children.indexOf(current)) + traversed;
-		}
-		current = parent;
-		distance += 1;
-		parent = parent.parentElement;
-	}
-}
 var QUERY_SELECTOR_ALL = "querySelectorAll";
 var QUERY_SELECTOR_SINGLE = "querySelector";
 var STYLE_HIDDEN = "hidden";

package/dist/find/relative.js

@@ -0,0 +1,66 @@
+function getDistanceBetweenElements(origin, target) {
+	if (origin === target || origin.parentElement === target) return 0;
+	const comparison = origin.compareDocumentPosition(target);
+	const children = [...origin.parentElement?.children ?? []];
+	if (children.includes(target)) return Math.abs(children.indexOf(origin) - children.indexOf(target));
+	const beforeOrInside = !!(comparison & 2 || comparison & 8);
+	if (beforeOrInside || !!(comparison & 4 || comparison & 16)) return traverse(beforeOrInside ? origin : target, beforeOrInside ? target : origin) ?? -1;
+}
+function findAncestor(origin, selector) {
+	if (!(origin instanceof Element) || selector == null) return null;
+	if (typeof selector === "string") {
+		if (origin.matches?.(selector)) return origin;
+		return origin.closest(selector);
+	}
+	if (typeof selector !== "function") return null;
+	if (selector(origin)) return origin;
+	let parent = origin.parentElement;
+	while (parent != null && !selector(parent)) {
+		if (parent === document.body) return null;
+		parent = parent.parentElement;
+	}
+	return parent;
+}
+function findRelatives(origin, selector, context) {
+	if (!(origin instanceof Element) || typeof selector !== "string") return [];
+	if (origin.matches(selector)) return [origin];
+	const elements = [...(context instanceof Document || context instanceof Element ? context : document).querySelectorAll(selector)];
+	const { length } = elements;
+	if (length === 0) return [];
+	if (length === 1) return [elements[0]];
+	const distances = [];
+	let minimum;
+	for (let index = 0; index < length; index += 1) {
+		const element = elements[index];
+		const distance = getDistanceBetweenElements(origin, element) ?? -1;
+		if (distance > -1) {
+			if (minimum == null || distance < minimum) minimum = distance;
+			distances.push({
+				distance,
+				element
+			});
+		}
+	}
+	return minimum == null ? [] : distances.filter((found) => found.distance === minimum).map((found) => found.element);
+}
+function traverse(from, to) {
+	let index = [...to.children].indexOf(from);
+	if (index > -1) return index + 1;
+	let current = from;
+	let distance = 0;
+	let parent = from.parentElement;
+	while (parent != null) {
+		if (parent === to) return distance + 1;
+		const children = [...parent.children ?? []];
+		if (children.includes(to)) return distance + Math.abs(children.indexOf(current) - children.indexOf(to));
+		index = children.findIndex((child) => child.contains(to));
+		if (index > -1) {
+			const traversed = traverse(current, children[index]) ?? -1;
+			return traversed === -1 ? -1 : distance + Math.abs(index - children.indexOf(current)) + traversed;
+		}
+		current = parent;
+		distance += 1;
+		parent = parent.parentElement;
+	}
+}
+export { findAncestor, findRelatives };

package/dist/html.js

@@ -1,4 +1,4 @@
-import { sanitizeNodes } from "./internal/sanitize.js";
+import { getSanitizeOptions, sanitizeNodes } from "./internal/sanitize.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 function createTemplate(html$1, ignore) {
 	const template = document.createElement("template");
@@ -47,6 +47,9 @@ html.remove = (template) => {
 	}
 	templates = updated;
 };
+function sanitize(value, options) {
+	return sanitizeNodes(Array.isArray(value) ? value : [value], getSanitizeOptions(options));
+}
 var EXPRESSION_ID = /^[a-z][\w-]*$/i;
 var templates = {};
-export { html };
+export { html, sanitize };

package/dist/index.js

@@ -1,11 +1,15 @@
 import touch_default from "./touch.js";
-import { isChildNode, isEventTarget, isHTMLOrSVGElement, isInDocument } from "./is.js";
+import { isEventTarget, isHTMLOrSVGElement } from "./internal/is.js";
+import { isChildNode, isInDocument } from "./is.js";
 import { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles } from "./style.js";
-import { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes, setProperties, setProperty } from "./attribute.js";
-import { sanitize } from "./sanitize.js";
+import { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "./internal/attribute.js";
+import { getAttribute, getAttributes } from "./attribute/get.js";
+import { setAttribute, setAttributes, setProperties, setProperty } from "./attribute/set.js";
+import "./attribute/index.js";
 import { getData, setData } from "./data.js";
-import { dispatch, getPosition, off, on } from "./event.js";
-import { $ as findElement, $$ as findElements, findAncestor, findRelatives, getElementUnderPointer } from "./find.js";
+import { dispatch, getPosition, off, on } from "./event/index.js";
+import { findAncestor, findRelatives } from "./find/relative.js";
+import { $ as findElement, $$ as findElements, getElementUnderPointer } from "./find/index.js";
 import { getFocusable, getTabbable, isFocusable, isTabbable } from "./focusable.js";
-import { html } from "./html.js";
+import { html, sanitize } from "./html.js";
 export { findElement as $, findElement, findElements as $$, findElements, booleanAttributes, dispatch, findAncestor, findRelatives, getAttribute, getAttributes, getData, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setAttribute, setAttributes, setData, setProperties, setProperty, setStyle, setStyles, touch_default as supportsTouch, toggleStyles };

package/dist/internal/attribute.js

@@ -0,0 +1,60 @@
+import { isPlainObject } from "@oscarpalmer/atoms/is";
+function isAttribute(value) {
+	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
+}
+function isBadAttribute(first, second) {
+	return isValidAttribute((attribute) => attribute == null || EXPRESSION_ON_PREFIX.test(attribute.name) || EXPRESSION_SOURCE_PREFIX.test(attribute.name) && EXPRESSION_VALUE_PREFIX.test(String(attribute.value)), first, second);
+}
+function isBooleanAttribute(value) {
+	return isValidAttribute((attribute) => attribute != null && booleanAttributes.includes(attribute.name.toLowerCase()), value, "");
+}
+function isEmptyNonBooleanAttribute(first, second) {
+	return isValidAttribute((attribute) => attribute != null && !booleanAttributes.includes(attribute.name) && String(attribute.value).trim().length === 0, first, second);
+}
+function isInvalidBooleanAttribute(first, second) {
+	return isValidAttribute((attribute) => {
+		if (attribute == null) return true;
+		if (!booleanAttributes.includes(attribute.name)) return false;
+		const normalized = String(attribute.value).toLowerCase().trim();
+		return !(normalized.length === 0 || normalized === attribute.name);
+	}, first, second);
+}
+function isValidAttribute(callback, first, second) {
+	let attribute;
+	if (isAttribute(first)) attribute = first;
+	else if (typeof first === "string" && typeof second === "string") attribute = {
+		name: first,
+		value: second
+	};
+	return callback(attribute);
+}
+var EXPRESSION_ON_PREFIX = /^on/i;
+var EXPRESSION_SOURCE_PREFIX = /^(href|src|xlink:href)$/i;
+var EXPRESSION_VALUE_PREFIX = /(data:text\/html|javascript:)/i;
+const booleanAttributes = Object.freeze([
+	"async",
+	"autofocus",
+	"autoplay",
+	"checked",
+	"controls",
+	"default",
+	"defer",
+	"disabled",
+	"formnovalidate",
+	"hidden",
+	"inert",
+	"ismap",
+	"itemscope",
+	"loop",
+	"multiple",
+	"muted",
+	"nomodule",
+	"novalidate",
+	"open",
+	"playsinline",
+	"readonly",
+	"required",
+	"reversed",
+	"selected"
+]);
+export { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute };

package/dist/internal/element-value.js

@@ -1,4 +1,5 @@
-import { isHTMLOrSVGElement } from "../is.js";
+import { isHTMLOrSVGElement } from "./is.js";
+import "../is.js";
 import { isNullableOrWhitespace, isPlainObject } from "@oscarpalmer/atoms/is";
 function setElementValues(element, first, second, callback) {
 	if (!isHTMLOrSVGElement(element)) return;

package/dist/internal/is.js

@@ -0,0 +1,7 @@
+function isEventTarget(value) {
+	return typeof value === "object" && value != null && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function" && typeof value.dispatchEvent === "function";
+}
+function isHTMLOrSVGElement(value) {
+	return value instanceof HTMLElement || value instanceof SVGElement;
+}
+export { isEventTarget, isHTMLOrSVGElement };

package/dist/internal/sanitize.js

@@ -1,4 +1,4 @@
-import { isBadAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "../attribute.js";
+import { isBadAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "./attribute.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 function getSanitizeOptions(input) {
 	const options = isPlainObject(input) ? input : {};

package/dist/is.js

@@ -1,12 +1,7 @@
+import { isEventTarget, isHTMLOrSVGElement } from "./internal/is.js";
 function isChildNode(value) {
 	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
 }
-function isEventTarget(value) {
-	return typeof value === "object" && value != null && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function" && typeof value.dispatchEvent === "function";
-}
-function isHTMLOrSVGElement(value) {
-	return value instanceof HTMLElement || value instanceof SVGElement;
-}
 function isInDocument(node, document) {
 	if (!(node instanceof Node)) return false;
 	if (!(document instanceof Document)) return node.ownerDocument?.contains(node) ?? true;

package/dist/style.js

@@ -1,4 +1,4 @@
-import { isHTMLOrSVGElement } from "./is.js";
+import { isHTMLOrSVGElement } from "./internal/is.js";
 import { setElementValues, updateElementValue } from "./internal/element-value.js";
 import { getStyleValue } from "./internal/get-value.js";
 function getStyle(element, property, computed) {