@oscarpalmer/toretto 0.32.0 → 0.34.0

package/dist/toretto.full.js

@@ -25,33 +25,23 @@ 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;
 	const prototype = Object.getPrototypeOf(value);
 	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
 }
-new Set([
-	Int8Array,
-	Uint8Array,
-	Uint8ClampedArray,
-	Int16Array,
-	Uint16Array,
-	Int32Array,
-	Uint32Array,
-	Float32Array,
-	Float64Array,
-	BigInt64Array,
-	BigUint64Array
-]);
 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;
 }
@@ -74,64 +64,66 @@ 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 +144,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 +158,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 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 updateProperty(element, name, value) {
-	const actual = name.toLowerCase();
-	element[actual] = value === "" || typeof value === "string" && value.toLowerCase() === actual || value === true;
-}
-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 +209,196 @@ 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("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("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 delimiters = {
+	camel: "",
+	kebab: "-",
+	pascal: "",
+	snake: "_"
+};
+var memoizers = {};
+var memoizedCapitalize;
+function parse(value, reviver) {
+	try {
+		return JSON.parse(value, reviver);
+	} catch {
+		return;
+	}
+}
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
@@ -232,8 +407,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 +422,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,30 +444,12 @@ 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 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 >= CALCULATION_TOTAL) resolve(values.sort().slice(CALCULATION_TRIM_PART, -CALCULATION_TRIM_PART).reduce((first, second) => first + second, 0) / (values.length - CALCULATION_TRIM_TOTAL));
-			else requestAnimationFrame(step);
-		}
-		requestAnimationFrame(step);
-	});
-}
-var CALCULATION_TOTAL = 10;
-var CALCULATION_TRIM_PART = 2;
-var CALCULATION_TRIM_TOTAL = 4;
-calculate().then((value) => {});
 function addDelegatedHandler(doc, type, name, passive) {
 	if (DELEGATED.has(name)) return;
 	DELEGATED.add(name);
@@ -868,10 +995,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) {
@@ -904,7 +1031,7 @@ 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;

package/package.json

@@ -4,19 +4,19 @@
 		"url": "https://oscarpalmer.se"
 	},
 	"dependencies": {
-		"@oscarpalmer/atoms": "^0.117"
+		"@oscarpalmer/atoms": "^0.124"
 	},
 	"description": "A collection of badass DOM utilities.",
 	"devDependencies": {
 		"@types/node": "^25",
 		"@vitest/coverage-istanbul": "^4",
-		"jsdom": "^27.3",
-		"oxfmt": "^0.19",
-		"oxlint": "^1.34",
-		"rolldown": "1.0.0-beta.56",
+		"jsdom": "^27.4",
+		"oxfmt": "^0.21",
+		"oxlint": "^1.36",
+		"rolldown": "1.0.0-beta.57",
 		"tslib": "^2.8",
 		"typescript": "^5.9",
-		"vite": "8.0.0-beta.2",
+		"vite": "8.0.0-beta.5",
 		"vitest": "^4"
 	},
 	"exports": {
@@ -93,5 +93,5 @@
 	},
 	"type": "module",
 	"types": "types/index.d.ts",
-	"version": "0.32.0"
+	"version": "0.34.0"
 }

package/src/attribute/set.ts

@@ -1,5 +1,28 @@
-import {updateValue, updateValues} from '../internal/attribute';
-import type {Attribute, Property} from '../models';
+import {updateAttribute} from '../internal/attribute';
+import {setElementValue, setElementValues} from '../internal/element-value';
+import type {Attribute} from '../models';
+
+//
+
+type DispatchedAttribute = 'checked' | 'open' | 'value';
+
+//
+
+/**
+ * Set an attribute on an element
+ *
+ * _(Or remove it, if value is `null` or `undefined`)_
+ * @param element Element for attribute
+ * @param name Attribute name
+ * @param value Attribute value
+ * @param dispatch Dispatch event for attribute? _(defaults to `true`)_
+ */
+export function setAttribute<Name extends DispatchedAttribute>(
+	element: Element,
+	name: Name,
+	value?: unknown,
+	dispatch?: boolean,
+): void;
 
 /**
  * Set an attribute on an element
@@ -17,11 +40,21 @@ export function setAttribute(element: Element, name: string, value?: unknown): v
  * _(Or remove it, if value is `null` or `undefined`)_
  * @param element Element for attribute
  * @param attribute Attribute to set
+ * @param dispatch Dispatch event for attribute? _(defaults to `true`)_
  */
-export function setAttribute(element: Element, attribute: Attr | Attribute): void;
+export function setAttribute(
+	element: Element,
+	attribute: Attr | Attribute,
+	dispatch?: boolean,
+): void;
 
-export function setAttribute(element: Element, first: unknown, second?: unknown): void {
-	updateValue(element, first, second);
+export function setAttribute(
+	element: Element,
+	first: unknown,
+	second?: unknown,
+	third?: unknown,
+): void {
+	setElementValue(element, first, second, third, updateAttribute);
 }
 
 /**
@@ -30,8 +63,13 @@ export function setAttribute(element: Element, first: unknown, second?: unknown)
  * _(Or remove them, if their value is `null` or `undefined`)_
  * @param element Element for attributes
  * @param attributes Attributes to set
+ * @param dispatch Dispatch events for relevant attributes? _(defaults to `true`)_
  */
-export function setAttributes(element: Element, attributes: Array<Attr | Attribute>): void;
+export function setAttributes(
+	element: Element,
+	attributes: Array<Attr | Attribute>,
+	dispatch?: boolean,
+): void;
 
 /**
  * Set one or more attributes on an element
@@ -39,60 +77,18 @@ export function setAttributes(element: Element, attributes: Array<Attr | Attribu
  * _(Or remove them, if their value is `null` or `undefined`)_
  * @param element Element for attributes
  * @param attributes Attributes to set
+ * @param dispatch Dispatch events for relevant attributes? _(defaults to `true`)_
  */
-export function setAttributes(element: Element, attributes: Record<string, unknown>): void;
-
 export function setAttributes(
 	element: Element,
-	attributes: Attribute[] | Record<string, unknown>,
-): void {
-	updateValues(element, attributes);
-}
-
-/**
- * Set a property on an element
- *
- * _(Or remove it, if value is not an empty string or does not match the name)_
- * @param element Element for property
- * @param name Property name
- * @param value Property value
- */
-export function setProperty(element: Element, name: string, value: boolean | string): void;
-
-/**
- * Set a property on an element
- *
- * _(Or remove it, if value is not an empty string or does not match the name)_
- * @param element Element for property
- * @param property Property to set
- */
-export function setProperty(element: Element, property: Property): void;
-
-export function setProperty(element: Element, first: unknown, second?: unknown): void {
-	updateValue(element, first, second);
-}
+	attributes: Record<string, unknown>,
+	dispatch?: boolean,
+): void;
 
-/**
- * Set one or more properties on an element
- *
- * _(Or remove them, if their value is not an empty string or does not match the name)_
- * @param element Element for properties
- * @param properties Properties to set
- */
-export function setProperties(element: Element, properties: Property[]): void;
-
-/**
- * Set one or more properties on an element
- *
- * _(Or remove them, if their value is not an empty string or does not match the name)_
- * @param element Element for properties
- * @param properties Properties to set
- */
-export function setProperties(element: Element, properties: Record<string, unknown>): void;
-
-export function setProperties(
+export function setAttributes(
 	element: Element,
-	properties: Property[] | Record<string, unknown>,
+	attributes: Attribute[] | Record<string, unknown>,
+	dispatch?: boolean,
 ): void {
-	updateValues(element, properties);
+	setElementValues(element, attributes, null, dispatch, updateAttribute);
 }

package/src/data.ts

@@ -81,7 +81,7 @@ export function setData(element: Element, data: PlainObject): void;
 export function setData(element: Element, key: string, value: unknown): void;
 
 export function setData(element: Element, first: PlainObject | string, second?: unknown): void {
-	setElementValues(element, first, second, updateDataAttribute);
+	setElementValues(element, first, second, null, updateDataAttribute);
 }
 
 function updateDataAttribute(element: Element, key: string, value: unknown): void {
@@ -91,6 +91,7 @@ function updateDataAttribute(element: Element, key: string, value: unknown): voi
 		value,
 		element.setAttribute,
 		element.removeAttribute,
+		false,
 		true,
 	);
 }