@oscarpalmer/toretto 0.26.1 → 0.27.0

package/dist/attribute/get.js

@@ -1,5 +1,5 @@
-import { isHTMLOrSVGElement } from "../internal/is.js";
 import { getAttributeValue } from "../internal/get-value.js";
+import { isHTMLOrSVGElement } from "../internal/is.js";
 function getAttribute(element, name, parseValues) {
 	if (isHTMLOrSVGElement(element) && typeof name === "string") return getAttributeValue(element, name, parseValues !== false);
 }

package/dist/attribute/index.js

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

package/dist/attribute/set.js

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

package/dist/data.js

@@ -1,6 +1,6 @@
+import { EXPRESSION_DATA_PREFIX } from "./internal/get-value.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";
 function getData(element, keys, parseValues) {
 	if (!isHTMLOrSVGElement(element)) return;

package/dist/event/index.js

@@ -1,5 +1,5 @@
-import { isEventTarget } from "../internal/is.js";
 import { getBoolean } from "../internal/get-value.js";
+import { isEventTarget } from "../internal/is.js";
 import { addDelegatedListener, getDelegatedName, removeDelegatedListener } from "./delegation.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { noop } from "@oscarpalmer/atoms/function";

package/dist/index.js

@@ -1,15 +1,15 @@
-import touch_default from "./touch.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, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "./internal/attribute.js";
 import { getAttribute, getAttributes } from "./attribute/get.js";
+import { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "./internal/attribute.js";
 import { setAttribute, setAttributes, setProperties, setProperty } from "./attribute/set.js";
 import "./attribute/index.js";
+import { isChildNode, isInDocument } from "./is.js";
 import { getData, setData } from "./data.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, sanitize } from "./html.js";
+import touch_default from "./touch.js";
+import { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles } from "./style.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

@@ -1,3 +1,5 @@
+import { isHTMLOrSVGElement } from "./is.js";
+import { getString } from "@oscarpalmer/atoms/string";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 function isAttribute(value) {
 	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
@@ -19,6 +21,9 @@ function isInvalidBooleanAttribute(first, second) {
 		return !(normalized.length === 0 || normalized === attribute.name);
 	}, first, second);
 }
+function isProperty(value) {
+	return isPlainObject(value) && typeof value.name === "string";
+}
 function isValidAttribute(callback, first, second) {
 	let attribute;
 	if (isAttribute(first)) attribute = first;
@@ -28,6 +33,32 @@ function isValidAttribute(callback, first, second) {
 	};
 	return callback(attribute);
 }
+function updateAttribute(element, name, value) {
+	const isBoolean = booleanAttributes.includes(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 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]);
+	}
+}
 var EXPRESSION_ON_PREFIX = /^on/i;
 var EXPRESSION_SOURCE_PREFIX = /^(href|src|xlink:href)$/i;
 var EXPRESSION_VALUE_PREFIX = /(data:text\/html|javascript:)/i;
@@ -57,4 +88,4 @@ const booleanAttributes = Object.freeze([
 	"reversed",
 	"selected"
 ]);
-export { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute };
+export { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, isProperty, updateValue, updateValues };

package/dist/style.js

@@ -1,6 +1,6 @@
+import { getStyleValue } from "./internal/get-value.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) {
 	if (!isHTMLOrSVGElement(element) || typeof property !== "string") return;
 	return getStyleValue(element, property, computed === true);

package/dist/toretto.full.js

@@ -84,6 +84,70 @@ function isNullableOrWhitespace(value) {
 }
 var EXPRESSION_WHITESPACE = /^\s*$/;
 
+function camelCase(value) {
+	return toCase(value, "", true);
+}
+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 kebabCase(value) {
+	return toCase(value, "-", false);
+}
+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 && true) partResult.push(item.toLocaleLowerCase());
+			else partResult.push(capitalize(item));
+			itemCount += 1;
+		}
+		result.push(join(partResult, delimiter));
+	}
+	return join(result, delimiter);
+}
+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 {
+		return;
+	}
+}
+
+/**
+ * Is the value an event target?
+ * @param value Value to check
+ * @returns `true` if it's an event target, otherwise `false`
+ */
+function isEventTarget(value) {
+    return (typeof value === 'object' &&
+        value != null &&
+        typeof value.addEventListener === 'function' &&
+        typeof value.removeEventListener === 'function' &&
+        typeof value.dispatchEvent === 'function');
+}
+/**
+ * Is the value an HTML or SVG element?
+ * @param value Value to check
+ * @returns `true` if it's an HTML or SVG element, otherwise `false`
+ */
+function isHTMLOrSVGElement(value) {
+    return value instanceof HTMLElement || value instanceof SVGElement;
+}
+
 function isAttribute(value) {
     return (value instanceof Attr ||
         (isPlainObject(value) &&
@@ -117,6 +181,9 @@ function isInvalidBooleanAttribute(first, second) {
         return !(normalized.length === 0 || normalized === attribute.name);
     }, first, second);
 }
+function isProperty(value) {
+    return (isPlainObject(value) && typeof value.name === 'string');
+}
 function isValidAttribute(callback, first, second) {
     let attribute;
     if (isAttribute(first)) {
@@ -127,6 +194,53 @@ function isValidAttribute(callback, first, second) {
     }
     return callback(attribute);
 }
+function updateAttribute(element, name, value) {
+    const isBoolean = booleanAttributes.includes(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 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]);
+        }
+    }
+}
 //
 const EXPRESSION_ON_PREFIX = /^on/i;
 const EXPRESSION_SOURCE_PREFIX = /^(href|src|xlink:href)$/i;
@@ -161,49 +275,6 @@ const booleanAttributes = Object.freeze([
     'selected',
 ]);
 
-function camelCase(value) {
-	return toCase(value, "", true);
-}
-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 kebabCase(value) {
-	return toCase(value, "-", false);
-}
-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 && true) partResult.push(item.toLocaleLowerCase());
-			else partResult.push(capitalize(item));
-			itemCount += 1;
-		}
-		result.push(join(partResult, delimiter));
-	}
-	return join(result, delimiter);
-}
-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 {
-		return;
-	}
-}
-
 function getBoolean(value, defaultValue) {
     return typeof value === 'boolean' ? value : (defaultValue ?? false);
 }
@@ -225,27 +296,6 @@ function getStyleValue(element, property, computed) {
 }
 const EXPRESSION_DATA_PREFIX = /^data-/i;
 
-/**
- * Is the value an event target?
- * @param value Value to check
- * @returns `true` if it's an event target, otherwise `false`
- */
-function isEventTarget(value) {
-    return (typeof value === 'object' &&
-        value != null &&
-        typeof value.addEventListener === 'function' &&
-        typeof value.removeEventListener === 'function' &&
-        typeof value.dispatchEvent === 'function');
-}
-/**
- * Is the value an HTML or SVG element?
- * @param value Value to check
- * @returns `true` if it's an HTML or SVG element, otherwise `false`
- */
-function isHTMLOrSVGElement(value) {
-    return value instanceof HTMLElement || value instanceof SVGElement;
-}
-
 function getAttribute(element, name, parseValues) {
     if (isHTMLOrSVGElement(element) && typeof name === 'string') {
         return getAttributeValue(element, name, parseValues !== false);
@@ -274,73 +324,17 @@ function getAttributes(element, names, parseData) {
     return attributes;
 }
 
-function isProperty(value) {
-    return (isPlainObject(value) && typeof value.name === '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]);
-        }
-    }
-}
-
 function setAttribute(element, first, second) {
-    updateValue(element, first, second, updateAttribute);
+    updateValue(element, first, second);
 }
 function setAttributes(element, attributes) {
     updateValues(element, attributes);
 }
 function setProperty(element, first, second) {
-    updateValue(element, first, second, updateProperty);
+    updateValue(element, first, second);
 }
 function setProperties(element, properties) {
-    updateValues(element, properties, updateProperty);
+    updateValues(element, properties);
 }
 
 /**

package/package.json

@@ -13,7 +13,6 @@
 		"@rollup/plugin-typescript": "^12.3",
 		"@types/node": "^24.10",
 		"@vitest/coverage-istanbul": "^4",
-		"glob": "^11",
 		"jsdom": "^27.2",
 		"rollup": "^4.53",
 		"tslib": "^2.8",
@@ -93,5 +92,5 @@
 	},
 	"type": "module",
 	"types": "types/index.d.ts",
-	"version": "0.26.1"
+	"version": "0.27.0"
 }

package/src/attribute/set.ts

@@ -1,21 +1,18 @@
+import {updateValue, updateValues} from '../internal/attribute';
 import type {Attribute, HTMLOrSVGElement, Property} from '../models';
-import {
-	updateAttribute,
-	updateProperty,
-	updateValue,
-	updateValues,
-} from './update';
 
 /**
  * Set an attribute on an element
  *
  * _(Or remove it, if value is `null` or `undefined`)_
  * @param element Element for attribute
- * @param attribute Attribute to set
+ * @param name Attribute name
+ * @param value Attribute value
  */
 export function setAttribute(
 	element: HTMLOrSVGElement,
-	attribute: Attr | Attribute,
+	name: string,
+	value?: unknown,
 ): void;
 
 /**
@@ -23,13 +20,11 @@ export function setAttribute(
  *
  * _(Or remove it, if value is `null` or `undefined`)_
  * @param element Element for attribute
- * @param name Attribute name
- * @param value Attribute value
+ * @param attribute Attribute to set
  */
 export function setAttribute(
 	element: HTMLOrSVGElement,
-	name: string,
-	value?: unknown,
+	attribute: Attr | Attribute,
 ): void;
 
 export function setAttribute(
@@ -37,7 +32,7 @@ export function setAttribute(
 	first: unknown,
 	second?: unknown,
 ): void {
-	updateValue(element, first, second, updateAttribute);
+	updateValue(element, first, second);
 }
 
 /**
@@ -76,11 +71,13 @@ export function setAttributes(
  *
  * _(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
+ * @param name Property name
+ * @param value Property value
  */
 export function setProperty(
 	element: HTMLOrSVGElement,
-	property: Property,
+	name: string,
+	value: boolean | string,
 ): void;
 
 /**
@@ -88,13 +85,11 @@ export function setProperty(
  *
  * _(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
+ * @param property Property to set
  */
 export function setProperty(
 	element: HTMLOrSVGElement,
-	name: string,
-	value: boolean | string,
+	property: Property,
 ): void;
 
 export function setProperty(
@@ -102,7 +97,7 @@ export function setProperty(
 	first: unknown,
 	second?: unknown,
 ): void {
-	updateValue(element, first, second, updateProperty);
+	updateValue(element, first, second);
 }
 
 /**
@@ -133,5 +128,5 @@ export function setProperties(
 	element: HTMLOrSVGElement,
 	properties: Property[] | Record<string, unknown>,
 ): void {
-	updateValues(element, properties, updateProperty);
+	updateValues(element, properties);
 }

package/src/event/index.ts

@@ -111,6 +111,34 @@ export function getPosition(
 	return typeof x === 'number' && typeof y === 'number' ? {x, y} : undefined;
 }
 
+/**
+ * Remove an event listener
+ * @param target Event target
+ * @param type Type of event
+ * @param listener Event listener
+ * @param options Options for event
+ */
+export function off(
+	target: EventTarget,
+	type: keyof HTMLElementEventMap,
+	listener: EventListener | CustomEventListener,
+	options?: EventListenerOptions,
+): void;
+
+/**
+ * Remove an event listener
+ * @param target Event target
+ * @param type Type of event
+ * @param listener Event listener
+ * @param options Options for event
+ */
+export function off(
+	target: EventTarget,
+	type: string,
+	listener: EventListener | CustomEventListener,
+	options?: EventListenerOptions,
+): void;
+
 /**
  * Remove an event listener
  * @param target Event target

package/src/html.ts

@@ -1,7 +1,7 @@
 import {isPlainObject} from '@oscarpalmer/atoms/is';
 import {
-	type SanitizeOptions,
 	getSanitizeOptions,
+	type SanitizeOptions,
 	sanitizeNodes,
 } from './internal/sanitize';
 

package/src/internal/attribute.ts

@@ -1,6 +1,8 @@
 import type {PlainObject} from '@oscarpalmer/atoms';
 import {isPlainObject} from '@oscarpalmer/atoms/is';
-import type {Attribute} from '../models';
+import {getString} from '@oscarpalmer/atoms/string';
+import type {Attribute, HTMLOrSVGElement, Property} from '../models';
+import {isHTMLOrSVGElement} from './is';
 
 function isAttribute(value: unknown): value is Attr | Attribute {
 	return (
@@ -141,6 +143,12 @@ export function isInvalidBooleanAttribute(
 	);
 }
 
+export function isProperty(value: unknown): value is Property {
+	return (
+		isPlainObject(value) && typeof (value as PlainObject).name === 'string'
+	);
+}
+
 function isValidAttribute(
 	callback: (attribute: Attr | Attribute | undefined) => boolean,
 	first: string | Attr | Attribute,
@@ -157,6 +165,84 @@ function isValidAttribute(
 	return callback(attribute);
 }
 
+function updateAttribute(
+	element: HTMLOrSVGElement,
+	name: string,
+	value: unknown,
+): void {
+	const isBoolean = booleanAttributes.includes(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: HTMLOrSVGElement,
+	name: string,
+	value: unknown,
+): void {
+	const actual = name.toLowerCase();
+
+	(element as unknown as PlainObject)[actual] =
+		value === '' ||
+		(typeof value === 'string' && value.toLowerCase() === actual) ||
+		value === true;
+}
+
+export function updateValue(
+	element: HTMLOrSVGElement,
+	first: unknown,
+	second: unknown,
+): void {
+	if (!isHTMLOrSVGElement(element)) {
+		return;
+	}
+
+	if (isProperty(first)) {
+		updateAttribute(
+			element,
+			(first as Attribute).name,
+			(first as Attribute).value,
+		);
+	} else if (typeof first === 'string') {
+		updateAttribute(element, first as string, second);
+	}
+}
+
+export function updateValues(
+	element: HTMLOrSVGElement,
+	values: Attribute<unknown>[] | Record<string, unknown>,
+): void {
+	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] as Attribute).name,
+				(entry[1] as Attribute).value,
+			);
+		} else {
+			updateAttribute(element, entry[0], entry[1]);
+		}
+	}
+}
+
 //
 
 const EXPRESSION_ON_PREFIX = /^on/i;

package/types/attribute/set.d.ts

@@ -4,18 +4,18 @@ import type { Attribute, HTMLOrSVGElement, Property } from '../models';
  *
  * _(Or remove it, if value is `null` or `undefined`)_
  * @param element Element for attribute
- * @param attribute Attribute to set
+ * @param name Attribute name
+ * @param value Attribute value
  */
-export declare function setAttribute(element: HTMLOrSVGElement, attribute: Attr | Attribute): void;
+export declare function setAttribute(element: HTMLOrSVGElement, name: string, value?: unknown): void;
 /**
  * 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 attribute Attribute to set
  */
-export declare function setAttribute(element: HTMLOrSVGElement, name: string, value?: unknown): void;
+export declare function setAttribute(element: HTMLOrSVGElement, attribute: Attr | Attribute): void;
 /**
  * Set one or more attributes on an element
  *
@@ -37,18 +37,18 @@ export declare function setAttributes(element: HTMLOrSVGElement, attributes: Rec
  *
  * _(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
+ * @param name Property name
+ * @param value Property value
  */
-export declare function setProperty(element: HTMLOrSVGElement, property: Property): void;
+export declare function setProperty(element: HTMLOrSVGElement, 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 name Property name
- * @param value Property value
+ * @param property Property to set
  */
-export declare function setProperty(element: HTMLOrSVGElement, name: string, value: boolean | string): void;
+export declare function setProperty(element: HTMLOrSVGElement, property: Property): void;
 /**
  * Set one or more properties on an element
  *

package/types/event/index.d.ts

@@ -19,6 +19,14 @@ export declare function dispatch(target: EventTarget, type: string, options?: Cu
  * @returns X- and Y-coordinates
  */
 export declare function getPosition(event: MouseEvent | TouchEvent): EventPosition | undefined;
+/**
+ * Remove an event listener
+ * @param target Event target
+ * @param type Type of event
+ * @param listener Event listener
+ * @param options Options for event
+ */
+export declare function off(target: EventTarget, type: keyof HTMLElementEventMap, listener: EventListener | CustomEventListener, options?: EventListenerOptions): void;
 /**
  * Remove an event listener
  * @param target Event target

package/types/internal/attribute.d.ts

@@ -1,4 +1,4 @@
-import type { Attribute } from '../models';
+import type { Attribute, HTMLOrSVGElement, Property } from '../models';
 /**
  * Is the attribute considered bad and potentially harmful?
  * @param attribute Attribute to check
@@ -54,6 +54,9 @@ export declare function isInvalidBooleanAttribute(attribute: Attr | Attribute):
  * @returns `true` if attribute is an invalid boolean attribute
  */
 export declare function isInvalidBooleanAttribute(name: string, value: string): boolean;
+export declare function isProperty(value: unknown): value is Property;
+export declare function updateValue(element: HTMLOrSVGElement, first: unknown, second: unknown): void;
+export declare function updateValues(element: HTMLOrSVGElement, values: Attribute<unknown>[] | Record<string, unknown>): void;
 /**
  * List of boolean attributes
  */

package/dist/attribute/is.js

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

package/dist/attribute/update.js

@@ -1,31 +0,0 @@
-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/src/attribute/is.ts

@@ -1,9 +0,0 @@
-import type {PlainObject} from '@oscarpalmer/atoms';
-import {isPlainObject} from '@oscarpalmer/atoms/is';
-import type {Property} from '../models';
-
-export function isProperty(value: unknown): value is Property {
-	return (
-		isPlainObject(value) && typeof (value as PlainObject).name === 'string'
-	);
-}

package/src/attribute/update.ts

@@ -1,86 +0,0 @@
-import type {PlainObject} from '@oscarpalmer/atoms';
-import {getString} from '@oscarpalmer/atoms/string';
-import {booleanAttributes} from '../internal/attribute';
-import {isHTMLOrSVGElement} from '../internal/is';
-import type {Attribute, HTMLOrSVGElement} from '../models';
-import {isProperty} from './is';
-
-export function updateAttribute(
-	element: HTMLOrSVGElement,
-	name: string,
-	value: unknown,
-): void {
-	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),
-		);
-	}
-}
-
-export function updateProperty(
-	element: HTMLOrSVGElement,
-	name: string,
-	value: unknown,
-	validate?: boolean,
-): void {
-	const actual = (validate ?? true) ? name.toLowerCase() : name;
-
-	if (actual === 'hidden') {
-		(element as HTMLElement).hidden = value === '' || value === true;
-	} else {
-		(element as unknown as PlainObject)[actual] =
-			value === '' ||
-			(typeof value === 'string' && value.toLowerCase() === actual) ||
-			value === true;
-	}
-}
-
-export function updateValue(
-	element: HTMLOrSVGElement,
-	first: unknown,
-	second: unknown,
-	callback: (element: HTMLOrSVGElement, name: string, value: unknown) => void,
-): void {
-	if (!isHTMLOrSVGElement(element)) {
-		return;
-	}
-
-	if (isProperty(first)) {
-		callback(element, (first as Attribute).name, (first as Attribute).value);
-	} else if (typeof first === 'string') {
-		callback(element, first as string, second);
-	}
-}
-
-export function updateValues(
-	element: HTMLOrSVGElement,
-	values: Attribute<unknown>[] | Record<string, unknown>,
-	callback?: (element: HTMLOrSVGElement, name: string, value: unknown) => void,
-): void {
-	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] as Attribute).name,
-				(entry[1] as Attribute).value,
-			);
-		} else {
-			(callback ?? updateAttribute)(element, entry[0], entry[1]);
-		}
-	}
-}

package/types/attribute/is.d.ts

@@ -1,2 +0,0 @@
-import type { Property } from '../models';
-export declare function isProperty(value: unknown): value is Property;

package/types/attribute/misc.d.ts

@@ -1 +0,0 @@
-export {};

package/types/attribute/update.d.ts

@@ -1,5 +0,0 @@
-import type { Attribute, HTMLOrSVGElement } from '../models';
-export declare function updateAttribute(element: HTMLOrSVGElement, name: string, value: unknown): void;
-export declare function updateProperty(element: HTMLOrSVGElement, name: string, value: unknown, validate?: boolean): void;
-export declare function updateValue(element: HTMLOrSVGElement, first: unknown, second: unknown, callback: (element: HTMLOrSVGElement, name: string, value: unknown) => void): void;
-export declare function updateValues(element: HTMLOrSVGElement, values: Attribute<unknown>[] | Record<string, unknown>, callback?: (element: HTMLOrSVGElement, name: string, value: unknown) => void): void;