@oscarpalmer/toretto 0.31.0 → 0.33.0

package/dist/attribute/index.js

@@ -1,6 +1,6 @@
 import { getAttribute, getAttributes } from "./get.js";
 import { _isBadAttribute, _isBooleanAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute, booleanAttributes } from "../internal/attribute.js";
-import { setAttribute, setAttributes, setProperties, setProperty } from "./set.js";
+import { setAttribute, setAttributes } from "./set.js";
 function isBadAttribute(first, second) {
 	return _isBadAttribute(first, second, true);
 }
@@ -13,4 +13,4 @@ function isEmptyNonBooleanAttribute(first, second) {
 function isInvalidBooleanAttribute(first, second) {
 	return _isInvalidBooleanAttribute(first, second, true);
 }
-export { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes, setProperties, setProperty };
+export { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes };

package/dist/attribute/set.js

@@ -1,14 +1,9 @@
-import { updateValue, updateValues } from "../internal/attribute.js";
-function setAttribute(element, first, second) {
-	updateValue(element, first, second);
+import { setElementValue, setElementValues } from "../internal/element-value.js";
+import { updateAttribute } from "../internal/attribute.js";
+function setAttribute(element, first, second, third) {
+	setElementValue(element, first, second, third, updateAttribute);
 }
-function setAttributes(element, attributes) {
-	updateValues(element, attributes);
+function setAttributes(element, attributes, dispatch) {
+	setElementValues(element, attributes, null, dispatch, updateAttribute);
 }
-function setProperty(element, first, second) {
-	updateValue(element, first, second);
-}
-function setProperties(element, properties) {
-	updateValues(element, properties);
-}
-export { setAttribute, setAttributes, setProperties, setProperty };
+export { setAttribute, setAttributes };

package/dist/data.js

@@ -24,10 +24,10 @@ function getName(original) {
 	return `${ATTRIBUTE_DATA_PREFIX}${kebabCase(original).replace(EXPRESSION_DATA_PREFIX, "")}`;
 }
 function setData(element, first, second) {
-	setElementValues(element, first, second, updateDataAttribute);
+	setElementValues(element, first, second, null, updateDataAttribute);
 }
 function updateDataAttribute(element, key, value) {
-	updateElementValue(element, getName(key), value, element.setAttribute, element.removeAttribute, true);
+	updateElementValue(element, getName(key), value, element.setAttribute, element.removeAttribute, false, true);
 }
 var ATTRIBUTE_DATA_PREFIX = "data-";
 export { getData, setData };

package/dist/event/delegation.js

@@ -1,37 +1,39 @@
 import { isEventTarget } from "../internal/is.js";
 function addDelegatedHandler(doc, type, name, passive) {
-	const count = `${name}${COUNT_SUFFIX}`;
-	if (doc[count] != null) {
-		doc[count] += 1;
-		return;
-	}
-	doc[count] = 1;
+	if (DELEGATED.has(name)) return;
+	DELEGATED.add(name);
 	doc.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, { passive });
 }
 function addDelegatedListener(target, type, name, listener, passive) {
 	target[name] ??= /* @__PURE__ */ new Set();
-	target[name]?.add(listener);
+	target[name].add(listener);
 	addDelegatedHandler(document, type, name, passive);
 	return () => {
-		removeDelegatedListener(target, type, name, listener, passive);
+		removeDelegatedListener(target, name, listener);
 	};
 }
 function delegatedEventHandler(event) {
 	const key = `${EVENT_PREFIX}${event.type}${this ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
 	const items = event.composedPath();
 	const { length } = items;
-	Object.defineProperty(event, "target", {
-		configurable: true,
-		value: items[0]
+	let target = items[0];
+	Object.defineProperties(event, {
+		currentTarget: {
+			configurable: true,
+			get() {
+				return target;
+			}
+		},
+		target: {
+			configurable: true,
+			value: target
+		}
 	});
 	for (let index = 0; index < length; index += 1) {
 		const item = items[index];
 		const listeners = item[key];
 		if (item.disabled || listeners == null) continue;
-		Object.defineProperty(event, "currentTarget", {
-			configurable: true,
-			value: item
-		});
+		target = item;
 		for (const listener of listeners) {
 			listener.call(item, event);
 			if (event.cancelBubble) return;
@@ -41,23 +43,14 @@ function delegatedEventHandler(event) {
 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(doc, type, name, passive) {
-	const count = `${name}${COUNT_SUFFIX}`;
-	doc[count] -= 1;
-	if (doc[count] < 1) {
-		doc[count] = void 0;
-		doc.removeEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE);
-	}
-}
-function removeDelegatedListener(target, type, name, listener, passive) {
+function removeDelegatedListener(target, name, listener) {
 	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 COUNT_SUFFIX = ".count";
+var DELEGATED = /* @__PURE__ */ new Set();
 var EVENT_PREFIX = "@";
 var EVENT_SUFFIX_ACTIVE = ":active";
 var EVENT_SUFFIX_PASSIVE = ":passive";

package/dist/event/index.js

@@ -48,7 +48,7 @@ function off(target, type, listener, 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);
+	if (delegated == null || !removeDelegatedListener(target, delegated, listener)) target.removeEventListener(type, listener, extended);
 }
 function on(target, type, listener, options) {
 	if (!isEventTarget(target) || typeof type !== "string" || typeof listener !== "function") return noop;

package/dist/find/index.js

@@ -1,4 +1,4 @@
-import { findAncestor, findRelatives } from "./relative.js";
+import { findAncestor, findRelatives, getDistance } from "./relative.js";
 function findElement(selector, context) {
 	return findElementOrElements(selector, context, true);
 }
@@ -61,4 +61,4 @@ var STYLE_HIDDEN = "hidden";
 var STYLE_NONE = "none";
 var SUFFIX_HOVER = ":hover";
 var TAG_HEAD = "HEAD";
-export { findElement as $, findElement, findElements as $$, findElements, findAncestor, findRelatives, getElementUnderPointer };
+export { findElement as $, findElement, findElements as $$, findElements, findAncestor, findRelatives, getDistance, getElementUnderPointer };

package/dist/find/relative.js

@@ -1,12 +1,3 @@
-function getDistanceBetweenElements(origin, target) {
-	if (origin === target) return 0;
-	if (origin.parentElement === target) return 1;
-	const children = [...origin.parentElement?.children ?? []];
-	if (children.includes(target)) return Math.abs(children.indexOf(origin) - children.indexOf(target));
-	const comparison = origin.compareDocumentPosition(target);
-	const beforeOrInside = Boolean(comparison & 2 || comparison & 8);
-	if (beforeOrInside || Boolean(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") {
@@ -31,8 +22,8 @@ function findRelatives(origin, selector, context) {
 	let minimum;
 	for (let index = 0; index < length; index += 1) {
 		const element = elements[index];
-		const distance = getDistanceBetweenElements(origin, element);
-		if (distance != null && distance > 0) {
+		const distance = getDistance(origin, element);
+		if (distance > 0) {
 			if (minimum == null || distance < minimum) minimum = distance;
 			distances.push({
 				distance,
@@ -40,19 +31,29 @@ function findRelatives(origin, selector, context) {
 			});
 		}
 	}
-	return distances.filter((found) => found.distance === minimum && found.element !== origin).map((found) => found.element);
+	return distances.filter((found) => found.distance === minimum).map((found) => found.element);
+}
+function getDistance(origin, target) {
+	if (origin === target) return 0;
+	if (origin.parentElement === target || target.parentElement === origin) return 1;
+	if (origin.parentElement != null && origin.parentElement === target.parentElement) {
+		const children = [...origin.parentElement.children];
+		return Math.abs(children.indexOf(origin) - children.indexOf(target));
+	}
+	const comparison = origin.compareDocumentPosition(target);
+	if (comparison & Node.DOCUMENT_POSITION_DISCONNECTED) return -1;
+	const preceding = comparison & Node.DOCUMENT_POSITION_PRECEDING;
+	return traverse(preceding ? origin : target, preceding ? target : origin) ?? -1;
 }
 function traverse(from, to) {
-	let index = [...to.children].indexOf(from);
-	if (index > -1) return 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 (to.parentElement === parent) return distance + Math.abs(children.indexOf(current) - children.indexOf(to));
+		const index = children.findIndex((child) => child.contains(to));
 		if (index > -1) {
 			const traversed = traverse(current, children[index]);
 			return traversed == null || traversed === -1 ? -1 : distance + Math.abs(index - children.indexOf(current)) + traversed;
@@ -62,4 +63,4 @@ function traverse(from, to) {
 		parent = parent.parentElement;
 	}
 }
-export { findAncestor, findRelatives };
+export { findAncestor, findRelatives, getDistance };

package/dist/index.js

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

package/dist/internal/attribute.js

@@ -1,17 +1,17 @@
-import { isHTMLOrSVGElement } from "./is.js";
-import { getString } from "@oscarpalmer/atoms/string";
+import { updateElementValue } from "./element-value.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 function badAttributeHandler(name, value) {
-	if (name == null || value == null) return true;
+	if (typeof name !== "string" || name.trim().length === 0 || typeof value !== "string") return true;
 	if (EXPRESSION_CLOBBERED_NAME.test(name) && (value in document || value in formElement) || EXPRESSION_EVENT_NAME.test(name)) return true;
 	if (EXPRESSION_SKIP_NAME.test(name) || EXPRESSION_URI_VALUE.test(value) || isValidSourceAttribute(name, value)) return false;
 	return EXPRESSION_DATA_OR_SCRIPT.test(value);
 }
 function booleanAttributeHandler(name, value) {
-	if (name == null || value == null) return true;
-	if (!booleanAttributesSet.has(name)) return false;
-	const normalized = value.toLowerCase().trim();
-	return !(normalized.length === 0 || normalized === name);
+	if (typeof name !== "string" || name.trim().length === 0 || typeof value !== "string") return true;
+	const normalizedName = name.toLowerCase();
+	if (!booleanAttributesSet.has(normalizedName)) return false;
+	const normalized = value.toLowerCase();
+	return !(normalized.length === 0 || normalized === normalizedName);
 }
 function decodeAttribute(value) {
 	textArea ??= document.createElement("textarea");
@@ -32,7 +32,7 @@ function handleAttribute(callback, decode, first, second) {
 	return callback(name, value?.replace(EXPRESSION_WHITESPACE, ""));
 }
 function isAttribute(value) {
-	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
+	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && "value" in value;
 }
 function _isBadAttribute(first, second, decode) {
 	return handleAttribute(badAttributeHandler, decode, first, second);
@@ -46,37 +46,21 @@ function _isEmptyNonBooleanAttribute(first, second, decode) {
 function _isInvalidBooleanAttribute(first, second, decode) {
 	return handleAttribute(booleanAttributeHandler, decode, first, second);
 }
-function isProperty(value) {
-	return isPlainObject(value) && typeof value.name === "string";
-}
 function isValidSourceAttribute(name, value) {
 	return EXPRESSION_SOURCE_NAME.test(name) && EXPRESSION_SOURCE_VALUE.test(value);
 }
-function updateAttribute(element, name, value) {
-	const isBoolean = booleanAttributesSet.has(name.toLowerCase());
-	if (isBoolean) updateProperty(element, name, value);
-	if (isBoolean ? value !== true : value == null) element.removeAttribute(name);
-	else element.setAttribute(name, isBoolean ? "" : getString(value));
-}
-function updateProperty(element, name, value) {
-	const actual = name.toLowerCase();
-	element[actual] = value === "" || typeof value === "string" && value.toLowerCase() === actual || value === true;
+function updateAttribute(element, name, value, dispatch) {
+	const normalizedName = name.toLowerCase();
+	const isBoolean = booleanAttributesSet.has(normalizedName);
+	const next = isBoolean ? value === true || typeof value === "string" && (value === "" || value.toLowerCase() === normalizedName) : value == null ? "" : value;
+	if (name in element) updateProperty(element, normalizedName, next, dispatch);
+	updateElementValue(element, name, isBoolean ? next ? "" : null : value, element.setAttribute, element.removeAttribute, isBoolean, false);
 }
-function updateValue(element, first, second) {
-	if (!isHTMLOrSVGElement(element)) return;
-	if (isProperty(first)) updateAttribute(element, first.name, first.value);
-	else if (typeof first === "string") updateAttribute(element, first, second);
-}
-function updateValues(element, values) {
-	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) updateAttribute(element, entry[1].name, entry[1].value);
-		else updateAttribute(element, entry[0], entry[1]);
-	}
+function updateProperty(element, name, value, dispatch) {
+	if (Object.is(element[name], value)) return;
+	element[name] = value;
+	const event = dispatch !== false && elementEvents[element.tagName]?.[name];
+	if (typeof event === "string") element.dispatchEvent(new Event(event, { bubbles: true }));
 }
 var EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
 var EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
@@ -113,6 +97,15 @@ const booleanAttributes = Object.freeze([
 	"selected"
 ]);
 var booleanAttributesSet = new Set(booleanAttributes);
+var elementEvents = {
+	DETAILS: { open: "toggle" },
+	INPUT: {
+		checked: "change",
+		value: "input"
+	},
+	SELECT: { value: "change" },
+	TEXTAREA: { value: "input" }
+};
 var formElement = document.createElement("form");
 var textArea;
-export { _isBadAttribute, _isBooleanAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute, booleanAttributes, isProperty, updateValue, updateValues };
+export { _isBadAttribute, _isBooleanAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute, booleanAttributes, isAttribute, updateAttribute };

package/dist/internal/element-value.js

@@ -1,19 +1,32 @@
 import { isHTMLOrSVGElement } from "./is.js";
 import "../is.js";
-import { isNullableOrWhitespace, isPlainObject } from "@oscarpalmer/atoms/is";
-function setElementValues(element, first, second, callback) {
+import { isAttribute } from "./attribute.js";
+import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
+function setElementValue(element, first, second, third, callback) {
 	if (!isHTMLOrSVGElement(element)) return;
-	if (isPlainObject(first)) {
-		const entries = Object.entries(first);
-		const { length } = entries;
-		for (let index = 0; index < length; index += 1) {
-			const [key, value] = entries[index];
-			callback(element, key, value);
-		}
-	} else if (typeof first === "string") callback(element, first, second);
+	if (typeof first === "string") setElementValues(element, first, second, third, callback);
+	else if (isAttribute(first)) setElementValues(element, first.name, first.value, third, callback);
 }
-function updateElementValue(element, key, value, set, remove, json) {
-	if (isNullableOrWhitespace(value)) remove.call(element, key);
+function setElementValues(element, first, second, third, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	if (typeof first === "string") {
+		callback(element, first, second, third);
+		return;
+	}
+	const isArray = Array.isArray(first);
+	if (!isArray && !(typeof first === "object" && first !== null)) return;
+	const entries = isArray ? first : Object.entries(first).map(([name, value]) => ({
+		name,
+		value
+	}));
+	const { length } = entries;
+	for (let index = 0; index < length; index += 1) {
+		const entry = entries[index];
+		if (typeof entry === "object" && typeof entry?.name === "string") callback(element, entry.name, entry.value, third);
+	}
+}
+function updateElementValue(element, key, value, set, remove, isBoolean, json) {
+	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
 	else set.call(element, key, json ? JSON.stringify(value) : String(value));
 }
-export { setElementValues, updateElementValue };
+export { setElementValue, setElementValues, updateElementValue };

package/dist/style.js

@@ -23,10 +23,10 @@ function getTextDirection(element, computed) {
 	return value === "rtl" ? value : "ltr";
 }
 function setStyle(element, property, value) {
-	setElementValues(element, property, value, updateStyleProperty);
+	setElementValues(element, property, value, null, updateStyleProperty);
 }
 function setStyles(element, styles) {
-	setElementValues(element, styles, null, updateStyleProperty);
+	setElementValues(element, styles, null, null, updateStyleProperty);
 }
 function toggleStyles(element, styles) {
 	function toggle(set) {
@@ -59,7 +59,7 @@ function updateStyleProperty(element, key, value) {
 		this.style[property] = style;
 	}, function(property) {
 		this.style[property] = "";
-	}, false);
+	}, false, false);
 }
 var ATTRIBUTE_DIRECTION = "dir";
 var EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;