@oscarpalmer/toretto 0.31.0 → 0.33.0

package/dist/toretto.full.js

@@ -25,6 +25,9 @@ var touch_default = (() => {
 	} });
 	return instance;
 })();
+function isNumber(value) {
+	return typeof value === "number" && !Number.isNaN(value);
+}
 function isPlainObject(value) {
 	if (value === null || typeof value !== "object") return false;
 	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
@@ -46,12 +49,12 @@ new Set([
 ]);
 function compact(array, strict) {
 	if (!Array.isArray(array)) return [];
+	if (strict === true) return array.filter(Boolean);
 	const { length } = array;
-	const isStrict = strict ?? false;
 	const compacted = [];
 	for (let index = 0; index < length; index += 1) {
 		const item = array[index];
-		if (isStrict && !!item || !isStrict && item != null) compacted.push(item);
+		if (item != null) compacted.push(item);
 	}
 	return compacted;
 }
@@ -63,75 +66,81 @@ function getString(value) {
 	const asString = String(value.valueOf?.() ?? value);
 	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
 }
+function ignoreKey(key) {
+	return EXPRESSION_IGNORED.test(key);
+}
 function join(value, delimiter) {
 	return compact(value).map(getString).join(typeof delimiter === "string" ? delimiter : "");
 }
 function words(value) {
 	return typeof value === "string" ? value.match(EXPRESSION_WORDS) ?? [] : [];
 }
+var EXPRESSION_IGNORED = /(^|\.)(__proto__|constructor|prototype)(\.|$)/i;
 var EXPRESSION_WORDS = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 function isNullableOrWhitespace(value) {
 	return value == null || EXPRESSION_WHITESPACE$1.test(getString(value));
 }
 var EXPRESSION_WHITESPACE$1 = /^\s*$/;
-function camelCase(value) {
-	return toCase(value, "", true, false);
+function isEventTarget(value) {
+	return typeof value === "object" && value != null && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function" && typeof value.dispatchEvent === "function";
 }
-function capitalize(value) {
-	if (typeof value !== "string" || value.length === 0) return "";
-	return value.length === 1 ? value.toLocaleUpperCase() : `${value.charAt(0).toLocaleUpperCase()}${value.slice(1).toLocaleLowerCase()}`;
+function isHTMLOrSVGElement(value) {
+	return value instanceof HTMLElement || value instanceof SVGElement;
 }
-function kebabCase(value) {
-	return toCase(value, "-", false, false);
+function isChildNode(value) {
+	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
 }
-function toCase(value, delimiter, capitalizeAny, capitalizeFirst) {
-	if (typeof value !== "string") return "";
-	if (value.length < 1) return value;
-	const parts = words(value);
-	const partsLength = parts.length;
-	const result = [];
-	for (let partIndex = 0; partIndex < partsLength; partIndex += 1) {
-		const items = parts[partIndex].replace(EXPRESSION_ACRONYM, (full, one, two, three) => three === "s" ? full : `${one}-${two}${three}`).replace(EXPRESSION_CAMEL_CASE, "$1-$2").split("-");
-		const itemsLength = items.length;
-		const partResult = [];
-		let itemCount = 0;
-		for (let itemIndex = 0; itemIndex < itemsLength; itemIndex += 1) {
-			const item = items[itemIndex];
-			if (item.length === 0) continue;
-			if (!capitalizeAny || itemCount === 0 && partIndex === 0 && !capitalizeFirst) partResult.push(item.toLocaleLowerCase());
-			else partResult.push(capitalize(item));
-			itemCount += 1;
-		}
-		result.push(join(partResult, delimiter));
-	}
-	return join(result, delimiter);
+function isInDocument(node, doc) {
+	if (!(node instanceof Node)) return false;
+	if (!(doc instanceof Document)) return node.ownerDocument?.contains(node) ?? true;
+	return node.ownerDocument == null ? node === doc : node.ownerDocument === doc && doc.contains(node);
 }
-var EXPRESSION_CAMEL_CASE = /(\p{Ll})(\p{Lu})/gu;
-var EXPRESSION_ACRONYM = /(\p{Lu}*)(\p{Lu})(\p{Ll}+)/gu;
-function parse(value, reviver) {
-	try {
-		return JSON.parse(value, reviver);
-	} catch {
+const CHILD_NODE_TYPES = new Set([
+	Node.ELEMENT_NODE,
+	Node.TEXT_NODE,
+	Node.PROCESSING_INSTRUCTION_NODE,
+	Node.COMMENT_NODE,
+	Node.DOCUMENT_TYPE_NODE
+]);
+function setElementValue(element, first, second, third, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	if (typeof first === "string") setElementValues(element, first, second, third, callback);
+	else if (isAttribute(first)) setElementValues(element, first.name, first.value, third, callback);
+}
+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 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 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));
 }
 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");
@@ -152,7 +161,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);
@@ -166,26 +175,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$1) {
+	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$1);
+	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 updateProperty(element, name, value, dispatch$1) {
+	if (Object.is(element[name], value)) return;
+	element[name] = value;
+	const event = dispatch$1 !== false && elementEvents[element.tagName]?.[name];
+	if (typeof event === "string") element.dispatchEvent(new Event(event, { bubbles: true }));
 }
 const EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
 const EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
@@ -222,8 +226,261 @@ const booleanAttributes = Object.freeze([
 	"selected"
 ]);
 const booleanAttributesSet = new Set(booleanAttributes);
+const elementEvents = {
+	DETAILS: { open: "toggle" },
+	INPUT: {
+		checked: "change",
+		value: "input"
+	},
+	SELECT: { value: "change" },
+	TEXTAREA: { value: "input" }
+};
 const formElement = document.createElement("form");
 let textArea;
+function noop() {}
+function calculate() {
+	return new Promise((resolve) => {
+		const values = [];
+		let last;
+		function step(now) {
+			if (last != null) values.push(now - last);
+			last = now;
+			if (values.length >= TOTAL) resolve(values.sort().slice(TRIM_PART, -TRIM_PART).reduce((first, second) => first + second, 0) / (values.length - TRIM_TOTAL));
+			else requestAnimationFrame(step);
+		}
+		requestAnimationFrame(step);
+	});
+}
+var TOTAL = 10;
+var TRIM_PART = 2;
+var TRIM_TOTAL = 4;
+await calculate();
+function clamp(value, minimum, maximum, loop) {
+	if (![
+		value,
+		minimum,
+		maximum
+	].every(isNumber)) return NaN;
+	if (value < minimum) return loop === true ? maximum : minimum;
+	return value > maximum ? loop === true ? minimum : maximum : value;
+}
+var SizedMap = class extends Map {
+	#maximumSize;
+	get full() {
+		return this.size >= this.#maximumSize;
+	}
+	get maximum() {
+		return this.#maximumSize;
+	}
+	constructor(first, second) {
+		const maximum = getMaximum(first, second);
+		super();
+		this.#maximumSize = maximum;
+		if (Array.isArray(first)) {
+			const { length } = first;
+			if (length <= maximum) for (let index = 0; index < length; index += 1) this.set(...first[index]);
+			else for (let index = 0; index < maximum; index += 1) this.set(...first[length - maximum + index]);
+		}
+	}
+	get(key) {
+		const value = super.get(key);
+		if (value !== void 0 || this.has(key)) this.set(key, value);
+		return value;
+	}
+	set(key, value) {
+		if (this.has(key)) this.delete(key);
+		else if (this.size >= this.#maximumSize) this.delete(this.keys().next().value);
+		return super.set(key, value);
+	}
+};
+function getMaximum(first, second) {
+	let actual;
+	if (typeof first === "number") actual = first;
+	else actual = typeof second === "number" ? second : MAXIMUM_DEFAULT;
+	return clamp(actual, 1, MAXIMUM_ABSOLUTE);
+}
+var MAXIMUM_ABSOLUTE = 16777216;
+var MAXIMUM_DEFAULT = 1048576;
+var Memoized = class {
+	#state;
+	get maximum() {
+		return this.#state.cache?.maximum ?? NaN;
+	}
+	get size() {
+		return this.#state.cache?.size ?? NaN;
+	}
+	constructor(callback, options) {
+		const cache = new SizedMap(options.cacheSize);
+		const getter = (...parameters) => {
+			const key = options.cacheKey?.(...parameters) ?? (parameters.length === 1 ? parameters[0] : join(parameters.map(getString), "_"));
+			if (cache.has(key)) return cache.get(key);
+			const value = callback(...parameters);
+			cache.set(key, value);
+			return value;
+		};
+		this.#state = {
+			cache,
+			getter
+		};
+	}
+	clear() {
+		this.#state.cache?.clear();
+	}
+	delete(key) {
+		return this.#state.cache?.delete(key) ?? false;
+	}
+	destroy() {
+		this.#state.cache?.clear();
+		this.#state.cache = void 0;
+		this.#state.getter = void 0;
+	}
+	get(key) {
+		return this.#state.cache?.get(key);
+	}
+	has(key) {
+		return this.#state.cache?.has(key) ?? false;
+	}
+	run(...parameters) {
+		if (this.#state.cache == null || this.#state.getter == null) throw new Error("The Memoized instance has been destroyed");
+		return this.#state.getter(...parameters);
+	}
+};
+function getMemoizationOptions(input) {
+	const { cacheKey, cacheSize } = isPlainObject(input) ? input : {};
+	return {
+		cacheKey: typeof cacheKey === "function" ? cacheKey : void 0,
+		cacheSize: typeof cacheSize === "number" && cacheSize > 0 ? cacheSize : DEFAULT_CACHE_SIZE
+	};
+}
+function memoize(callback, options) {
+	return new Memoized(callback, getMemoizationOptions(options));
+}
+var DEFAULT_CACHE_SIZE = 1024;
+function camelCase(value) {
+	return toCase(TYPE_CAMEL, value, true, false);
+}
+function capitalize(value) {
+	if (typeof value !== "string" || value.length === 0) return "";
+	memoizedCapitalize ??= memoize((v) => v.length === 1 ? v.toLocaleUpperCase() : `${v.charAt(0).toLocaleUpperCase()}${v.slice(1).toLocaleLowerCase()}`);
+	return memoizedCapitalize.run(value);
+}
+function kebabCase(value) {
+	return toCase(TYPE_KEBAB, value, false, false);
+}
+function toCase(type, value, capitalizeAny, capitalizeFirst) {
+	memoizers[type] ??= memoize(toCaseCallback.bind({
+		type,
+		capitalizeAny,
+		capitalizeFirst
+	}));
+	return memoizers[type].run(value);
+}
+function toCaseCallback(value) {
+	if (typeof value !== "string") return "";
+	if (value.length < 1) return value;
+	const { capitalizeAny, capitalizeFirst, type } = this;
+	const parts = words(value);
+	const partsLength = parts.length;
+	const result = [];
+	for (let partIndex = 0; partIndex < partsLength; partIndex += 1) {
+		const items = parts[partIndex].replace(EXPRESSION_ACRONYM, (full, one, two, three) => three === "s" ? full : `${one}-${two}${three}`).replace(EXPRESSION_CAMEL_CASE, REPLACEMENT_CAMEL_CASE).split("-");
+		const itemsLength = items.length;
+		const partResult = [];
+		let itemCount = 0;
+		for (let itemIndex = 0; itemIndex < itemsLength; itemIndex += 1) {
+			const item = items[itemIndex];
+			if (item.length === 0) continue;
+			if (!capitalizeAny || itemCount === 0 && partIndex === 0 && !capitalizeFirst) partResult.push(item.toLocaleLowerCase());
+			else partResult.push(capitalize(item));
+			itemCount += 1;
+		}
+		result.push(join(partResult, delimiters[type]));
+	}
+	return join(result, delimiters[type]);
+}
+var EXPRESSION_CAMEL_CASE = /(\p{Ll})(\p{Lu})/gu;
+var EXPRESSION_ACRONYM = /(\p{Lu}*)(\p{Lu})(\p{Ll}+)/gu;
+var REPLACEMENT_CAMEL_CASE = "$1-$2";
+var TYPE_CAMEL = "camel";
+var TYPE_KEBAB = "kebab";
+var TYPE_PASCAL = "pascal";
+var TYPE_SNAKE = "snake";
+var delimiters = {
+	[TYPE_CAMEL]: "",
+	[TYPE_KEBAB]: "-",
+	[TYPE_PASCAL]: "",
+	[TYPE_SNAKE]: "_"
+};
+var memoizers = {};
+var memoizedCapitalize;
+function parse(value, reviver) {
+	try {
+		return JSON.parse(value, reviver);
+	} catch {
+		return;
+	}
+}
+function findKey(needle, haystack) {
+	const keys = Object.keys(haystack);
+	const index = keys.map((key) => key.toLowerCase()).indexOf(needle.toLowerCase());
+	return index > -1 ? keys[index] : needle;
+}
+function getPaths(path, lowercase) {
+	const normalized = lowercase ? path.toLowerCase() : path;
+	if (!EXPRESSION_NESTED.test(normalized)) return normalized;
+	return normalized.replace(EXPRESSION_BRACKET, ".$1").replace(EXPRESSION_DOTS, "").split(".");
+}
+function handleValue(data, path, value, get, ignoreCase) {
+	if (typeof data === "object" && data !== null && !ignoreKey(path)) {
+		const key = ignoreCase ? findKey(path, data) : path;
+		if (get) return data[key];
+		data[key] = value;
+	}
+}
+var EXPRESSION_BRACKET = /\[(\w+)\]/g;
+var EXPRESSION_DOTS = /^\.|\.$/g;
+var EXPRESSION_NESTED = /\.|\[\w+\]/;
+function getValue(data, path, ignoreCase) {
+	if (typeof data !== "object" || data === null || typeof path !== "string" || path.trim().length === 0) return;
+	const shouldIgnoreCase = ignoreCase === true;
+	const paths = getPaths(path, shouldIgnoreCase);
+	if (typeof paths === "string") return handleValue(data, paths, null, true, shouldIgnoreCase);
+	const { length } = paths;
+	let index = 0;
+	let value = data;
+	while (index < length && value != null) value = handleValue(value, paths[index++], null, true, shouldIgnoreCase);
+	return value;
+}
+function getTemplateOptions(input) {
+	const options = isPlainObject(input) ? input : {};
+	return {
+		ignoreCase: options.ignoreCase === true,
+		pattern: options.pattern instanceof RegExp ? options.pattern : EXPRESSION_VARIABLE
+	};
+}
+function handleTemplate(value, pattern, ignoreCase, variables) {
+	if (typeof value !== "string") return "";
+	if (typeof variables !== "object" || variables === null) return value;
+	const values = {};
+	return value.replace(pattern, (_, key) => {
+		if (values[key] == null) {
+			const templateValue = getValue(variables, key, ignoreCase);
+			values[key] = templateValue == null ? "" : getString(templateValue);
+		}
+		return values[key];
+	});
+}
+var template = ((value, variables, options) => {
+	const { ignoreCase, pattern } = getTemplateOptions(options);
+	return handleTemplate(value, pattern, ignoreCase, variables);
+});
+template.initialize = (options) => {
+	const { ignoreCase, pattern } = getTemplateOptions(options);
+	return (value, variables) => {
+		return handleTemplate(value, pattern, ignoreCase, variables);
+	};
+};
+var EXPRESSION_VARIABLE = /{{([\s\S]+?)}}/g;
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
@@ -232,8 +489,8 @@ function getStyleValue(element, property, computed) {
 	return computed ? getComputedStyle(element)[name] : element.style[name];
 }
 const EXPRESSION_DATA_PREFIX = /^data-/i;
-function setAttribute(element, first, second) {
-	updateValue(element, first, second);
+function setAttribute(element, first, second, third) {
+	setElementValue(element, first, second, third, updateAttribute);
 }
 function isBadAttribute(first, second) {
 	return _isBadAttribute(first, second, true);
@@ -247,36 +504,6 @@ function isEmptyNonBooleanAttribute(first, second) {
 function isInvalidBooleanAttribute(first, second) {
 	return _isInvalidBooleanAttribute(first, second, true);
 }
-function isChildNode(value) {
-	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
-}
-function isInDocument(node, doc) {
-	if (!(node instanceof Node)) return false;
-	if (!(doc instanceof Document)) return node.ownerDocument?.contains(node) ?? true;
-	return node.ownerDocument == null ? node === doc : node.ownerDocument === doc && doc.contains(node);
-}
-const CHILD_NODE_TYPES = new Set([
-	Node.ELEMENT_NODE,
-	Node.TEXT_NODE,
-	Node.PROCESSING_INSTRUCTION_NODE,
-	Node.COMMENT_NODE,
-	Node.DOCUMENT_TYPE_NODE
-]);
-function setElementValues(element, first, second, 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);
-}
-function updateElementValue(element, key, value, set, remove, json) {
-	if (isNullableOrWhitespace(value)) remove.call(element, key);
-	else set.call(element, key, json ? JSON.stringify(value) : String(value));
-}
 function getData(element, keys, parseValues) {
 	if (!isHTMLOrSVGElement(element)) return;
 	const shouldParse = parseValues !== false;
@@ -299,62 +526,47 @@ 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);
 }
 const ATTRIBUTE_DATA_PREFIX = "data-";
-function calculate() {
-	return new Promise((resolve) => {
-		const values = [];
-		let last;
-		function step(now) {
-			if (last != null) values.push(now - last);
-			last = now;
-			if (values.length >= CALCULATION_TOTAL) resolve(values.sort().slice(2, -2).reduce((first, second) => first + second, 0) / (values.length - CALCULATION_TRIM));
-			else requestAnimationFrame(step);
-		}
-		requestAnimationFrame(step);
-	});
-}
-function noop() {}
-var CALCULATION_TOTAL = 10;
-var CALCULATION_TRIM = 4;
-calculate().then((value) => {});
 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;
@@ -364,23 +576,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;
 }
-const COUNT_SUFFIX = ".count";
+const DELEGATED = /* @__PURE__ */ new Set();
 const EVENT_PREFIX = "@";
 const EVENT_SUFFIX_ACTIVE = ":active";
 const EVENT_SUFFIX_PASSIVE = ":passive";
@@ -455,7 +658,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;
@@ -469,15 +672,6 @@ function on(target, type, listener, options) {
 	};
 }
 const PROPERTY_DETAIL = "detail";
-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") {
@@ -502,8 +696,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,
@@ -511,19 +705,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;
@@ -795,18 +999,18 @@ function createHtml(value) {
 	return parsed.body.innerHTML;
 }
 function createTemplate(value, options) {
-	const template = document.createElement(TEMPLATE_TAG);
-	template.innerHTML = createHtml(value);
-	if (typeof value === "string" && options.cache) templates[value] = template;
-	return template;
+	const template$1 = document.createElement(TEMPLATE_TAG);
+	template$1.innerHTML = createHtml(value);
+	if (typeof value === "string" && options.cache) templates[value] = template$1;
+	return template$1;
 }
 function getHtml(value) {
 	return `${TEMPORARY_ELEMENT}${typeof value === "string" ? value : value.innerHTML}${TEMPORARY_ELEMENT}`;
 }
 function getNodes(value, options) {
 	if (typeof value !== "string" && !(value instanceof HTMLTemplateElement)) return [];
-	const template = getTemplate(value, options);
-	return template == null ? [] : [...template.content.cloneNode(true).childNodes];
+	const template$1 = getTemplate(value, options);
+	return template$1 == null ? [] : [...template$1.content.cloneNode(true).childNodes];
 }
 function getOptions(input) {
 	const options = isPlainObject(input) ? input : {};
@@ -820,8 +1024,8 @@ function getParser() {
 function getTemplate(value, options) {
 	if (value instanceof HTMLTemplateElement) return createTemplate(value, options);
 	if (value.trim().length === 0) return;
-	let template = templates[value];
-	if (template != null) return template;
+	let template$1 = templates[value];
+	if (template$1 != null) return template$1;
 	const element = EXPRESSION_ID.test(value) ? document.querySelector(`#${value}`) : null;
 	return createTemplate(element instanceof HTMLTemplateElement ? element : value, options);
 }
@@ -831,14 +1035,14 @@ const html = ((value, options) => {
 html.clear = () => {
 	templates = {};
 };
-html.remove = (template) => {
-	if (typeof template !== "string" || templates[template] == null) return;
+html.remove = (template$1) => {
+	if (typeof template$1 !== "string" || templates[template$1] == null) return;
 	const keys = Object.keys(templates);
 	const { length } = keys;
 	const updated = {};
 	for (let index = 0; index < length; index += 1) {
 		const key = keys[index];
-		if (key !== template) updated[key] = templates[key];
+		if (key !== template$1) updated[key] = templates[key];
 	}
 	templates = updated;
 };
@@ -873,10 +1077,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) {
@@ -909,8 +1113,8 @@ function updateStyleProperty(element, key, value) {
 		this.style[property] = style;
 	}, function(property) {
 		this.style[property] = "";
-	}, false);
+	}, false, false);
 }
 const ATTRIBUTE_DIRECTION = "dir";
 const EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
-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 };