@oscarpalmer/toretto 0.27.0 → 0.28.0

package/dist/event/delegation.js

@@ -1,11 +1,11 @@
 import { isEventTarget } from "../internal/is.js";
 function addDelegatedHandler(document$1, type, name, passive) {
-	const listeners = `${name}${LISTENERS_SUFFIX}`;
-	if (document$1[listeners] != null) {
-		document$1[listeners] += 1;
+	const count = `${name}${COUNT_SUFFIX}`;
+	if (document$1[count] != null) {
+		document$1[count] += 1;
 		return;
 	}
-	document$1[listeners] = 1;
+	document$1[count] = 1;
 	document$1.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, { passive });
 }
 function addDelegatedListener(target, type, name, listener, passive) {
@@ -27,15 +27,14 @@ function delegatedEventHandler(event) {
 	for (let index = 0; index < length; index += 1) {
 		const item = items[index];
 		const listeners = item[key];
-		if (!item.disabled && listeners != null) {
-			Object.defineProperty(event, "currentTarget", {
-				configurable: true,
-				value: item
-			});
-			for (const listener of listeners) {
-				listener.call(item, event);
-				if (event.cancelBubble) return;
-			}
+		if (item.disabled || listeners == null) continue;
+		Object.defineProperty(event, "currentTarget", {
+			configurable: true,
+			value: item
+		});
+		for (const listener of listeners) {
+			listener.call(item, event);
+			if (event.cancelBubble) return;
 		}
 	}
 }
@@ -43,10 +42,10 @@ function getDelegatedName(target, type, options) {
 	if (isEventTarget(target) && EVENT_TYPES.has(type) && !options.capture && !options.once && options.signal == null) return `${EVENT_PREFIX}${type}${options.passive ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
 }
 function removeDelegatedHandler(document$1, type, name, passive) {
-	const listeners = `${name}${LISTENERS_SUFFIX}`;
-	document$1[listeners] -= 1;
-	if (document$1[listeners] < 1) {
-		document$1[listeners] = void 0;
+	const count = `${name}${COUNT_SUFFIX}`;
+	document$1[count] -= 1;
+	if (document$1[count] < 1) {
+		document$1[count] = void 0;
 		document$1.removeEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE);
 	}
 }
@@ -54,10 +53,11 @@ function removeDelegatedListener(target, type, name, listener, passive) {
 	const handlers = target[name];
 	if (handlers == null || !handlers.has(listener)) return false;
 	handlers.delete(listener);
-	if (handlers?.size === 0) target[name] = void 0;
+	if (handlers.size === 0) target[name] = void 0;
 	removeDelegatedHandler(document, type, name, passive);
 	return true;
 }
+var COUNT_SUFFIX = ".count";
 var EVENT_PREFIX = "@";
 var EVENT_SUFFIX_ACTIVE = ":active";
 var EVENT_SUFFIX_PASSIVE = ":passive";
@@ -87,5 +87,4 @@ var EVENT_TYPES = new Set([
 ]);
 var HANDLER_ACTIVE = delegatedEventHandler.bind(false);
 var HANDLER_PASSIVE = delegatedEventHandler.bind(true);
-var LISTENERS_SUFFIX = ":listeners";
 export { addDelegatedListener, getDelegatedName, removeDelegatedListener };

package/dist/toretto.full.js

@@ -12,12 +12,10 @@ function getSupport() {
     if ('ontouchstart' in window) {
         return true;
     }
-    if (typeof navigator.maxTouchPoints === 'number' &&
-        navigator.maxTouchPoints > 0) {
+    if (typeof navigator.maxTouchPoints === 'number' && navigator.maxTouchPoints > 0) {
         return true;
     }
-    if (typeof navigator.msMaxTouchPoints ===
-        'number' &&
+    if (typeof navigator.msMaxTouchPoints === 'number' &&
         navigator.msMaxTouchPoints > 0) {
         return true;
     }
@@ -67,6 +65,7 @@ function compact(array, strict) {
 function getString(value) {
 	if (typeof value === "string") return value;
 	if (value == null) return "";
+	if (typeof value === "function") return getString(value());
 	if (typeof value !== "object") return String(value);
 	const asString = String(value.valueOf?.() ?? value);
 	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
@@ -161,8 +160,7 @@ function isBadAttribute(first, second) {
             EXPRESSION_VALUE_PREFIX.test(String(attribute.value))), first, second);
 }
 function isBooleanAttribute(value) {
-    return isValidAttribute(attribute => attribute != null &&
-        booleanAttributes.includes(attribute.name.toLowerCase()), value, '');
+    return isValidAttribute(attribute => attribute != null && booleanAttributes.includes(attribute.name.toLowerCase()), value, '');
 }
 function isEmptyNonBooleanAttribute(first, second) {
     return isValidAttribute(attribute => attribute != null &&
@@ -182,7 +180,7 @@ function isInvalidBooleanAttribute(first, second) {
     }, first, second);
 }
 function isProperty(value) {
-    return (isPlainObject(value) && typeof value.name === 'string');
+    return isPlainObject(value) && typeof value.name === 'string';
 }
 function isValidAttribute(callback, first, second) {
     let attribute;
@@ -209,9 +207,7 @@ function updateAttribute(element, name, value) {
 function updateProperty(element, name, value) {
     const actual = name.toLowerCase();
     element[actual] =
-        value === '' ||
-            (typeof value === 'string' && value.toLowerCase() === actual) ||
-            value === true;
+        value === '' || (typeof value === 'string' && value.toLowerCase() === actual) || value === true;
 }
 function updateValue(element, first, second) {
     if (!isHTMLOrSVGElement(element)) {
@@ -282,17 +278,13 @@ function getAttributeValue(element, name, parseValue) {
     const normalized = kebabCase(name);
     const attribute = element.attributes[normalized];
     const value = attribute instanceof Attr ? attribute.value : undefined;
-    return EXPRESSION_DATA_PREFIX.test(normalized) &&
-        typeof value === 'string' &&
-        parseValue
+    return EXPRESSION_DATA_PREFIX.test(normalized) && typeof value === 'string' && parseValue
         ? (parse(value) ?? value)
         : value;
 }
 function getStyleValue(element, property, computed) {
     const name = camelCase(property);
-    return computed
-        ? getComputedStyle(element)[name]
-        : element.style[name];
+    return computed ? getComputedStyle(element)[name] : element.style[name];
 }
 const EXPRESSION_DATA_PREFIX = /^data-/i;
 
@@ -381,7 +373,6 @@ function setElementValues(element, first, second, callback) {
         callback(element, first, second);
     }
 }
-// biome-ignore lint/nursery/useMaxParams: Internal function, so it's fine
 function updateElementValue(element, key, value, set, remove, json) {
     if (isNullableOrWhitespace(value)) {
         remove.call(element, key);
@@ -449,12 +440,12 @@ calculate().then((value) => {
 });
 
 function addDelegatedHandler(document, type, name, passive) {
-    const listeners = `${name}${LISTENERS_SUFFIX}`;
-    if (document[listeners] != null) {
-        document[listeners] += 1;
+    const count = `${name}${COUNT_SUFFIX}`;
+    if (document[count] != null) {
+        document[count] += 1;
         return;
     }
-    document[listeners] = 1;
+    document[count] = 1;
     document.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, {
         passive,
     });
@@ -478,16 +469,17 @@ function delegatedEventHandler(event) {
     for (let index = 0; index < length; index += 1) {
         const item = items[index];
         const listeners = item[key];
-        if (!item.disabled && listeners != null) {
-            Object.defineProperty(event, 'currentTarget', {
-                configurable: true,
-                value: item,
-            });
-            for (const listener of listeners) {
-                listener.call(item, event);
-                if (event.cancelBubble) {
-                    return;
-                }
+        if (item.disabled || listeners == null) {
+            continue;
+        }
+        Object.defineProperty(event, 'currentTarget', {
+            configurable: true,
+            value: item,
+        });
+        for (const listener of listeners) {
+            listener.call(item, event);
+            if (event.cancelBubble) {
+                return;
             }
         }
     }
@@ -502,10 +494,10 @@ function getDelegatedName(target, type, options) {
     }
 }
 function removeDelegatedHandler(document, type, name, passive) {
-    const listeners = `${name}${LISTENERS_SUFFIX}`;
-    document[listeners] -= 1;
-    if (document[listeners] < 1) {
-        document[listeners] = undefined;
+    const count = `${name}${COUNT_SUFFIX}`;
+    document[count] -= 1;
+    if (document[count] < 1) {
+        document[count] = undefined;
         document.removeEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE);
     }
 }
@@ -515,13 +507,14 @@ function removeDelegatedListener(target, type, name, listener, passive) {
         return false;
     }
     handlers.delete(listener);
-    if (handlers?.size === 0) {
+    if (handlers.size === 0) {
         target[name] = undefined;
     }
     removeDelegatedHandler(document, type, name, passive);
     return true;
 }
 //
+const COUNT_SUFFIX = '.count';
 const EVENT_PREFIX = '@';
 const EVENT_SUFFIX_ACTIVE = ':active';
 const EVENT_SUFFIX_PASSIVE = ':passive';
@@ -551,7 +544,6 @@ const EVENT_TYPES = new Set([
 ]);
 const HANDLER_ACTIVE = delegatedEventHandler.bind(false);
 const HANDLER_PASSIVE = delegatedEventHandler.bind(true);
-const LISTENERS_SUFFIX = ':listeners';
 
 //
 function createDispatchOptions(options) {
@@ -610,9 +602,7 @@ function getPosition(event) {
  * @param options Options for event
  */
 function off(target, type, listener, options) {
-    if (!isEventTarget(target) ||
-        typeof type !== 'string' ||
-        typeof listener !== 'function') {
+    if (!isEventTarget(target) || typeof type !== 'string' || typeof listener !== 'function') {
         return;
     }
     const extended = createEventOptions(options);
@@ -623,9 +613,7 @@ function off(target, type, listener, options) {
     }
 }
 function on(target, type, listener, options) {
-    if (!isEventTarget(target) ||
-        typeof type !== 'string' ||
-        typeof listener !== 'function') {
+    if (!isEventTarget(target) || typeof type !== 'string' || typeof listener !== 'function') {
         return noop;
     }
     const extended = createEventOptions(options);
@@ -659,7 +647,7 @@ function getDistanceBetweenElements(origin, target) {
     }
     const beforeOrInside = !!(comparison & 2 || comparison & 8);
     if (beforeOrInside || !!(comparison & 4 || comparison & 16)) {
-        return (traverse(beforeOrInside ? origin : target, beforeOrInside ? target : origin) ?? -1);
+        return traverse(beforeOrInside ? origin : target, beforeOrInside ? target : origin) ?? -1;
     }
 }
 /**
@@ -742,9 +730,7 @@ function findRelatives(origin, selector, context) {
     }
     return minimum == null
         ? []
-        : distances
-            .filter(found => found.distance === minimum)
-            .map(found => found.element);
+        : distances.filter(found => found.distance === minimum).map(found => found.element);
 }
 function traverse(from, to) {
     let index = [...to.children].indexOf(from);
@@ -760,7 +746,7 @@ function traverse(from, to) {
         }
         const children = [...(parent.children ?? [])];
         if (children.includes(to)) {
-            return (distance + Math.abs(children.indexOf(current) - children.indexOf(to)));
+            return distance + Math.abs(children.indexOf(current) - children.indexOf(to));
         }
         index = children.findIndex(child => child.contains(to));
         if (index > -1) {
@@ -814,9 +800,7 @@ function findElementOrElementsForSelector(selector, contexts, callback, single)
         }
         result.push(...Array.from(value));
     }
-    return single
-        ? null
-        : result.filter((value, index, array) => array.indexOf(value) === index);
+    return single ? null : result.filter((value, index, array) => array.indexOf(value) === index);
 }
 function findElementOrElementsFromNodes(array, context, contexts) {
     const result = [];
@@ -914,8 +898,7 @@ function getTabbable(parent) {
 function getTabIndex(element) {
     const tabIndex = element?.tabIndex ?? TABINDEX_DEFAULT;
     if (tabIndex < TABINDEX_BASE &&
-        (EXPRESSION_SPECIAL_TABINDEX.test(element.tagName) ||
-            isEditable(element)) &&
+        (EXPRESSION_SPECIAL_TABINDEX.test(element.tagName) || isEditable(element)) &&
         !hasTabIndex(element)) {
         return TABINDEX_BASE;
     }
@@ -946,10 +929,7 @@ function getValidElements(parent, filters, tabbable) {
             zeroed.push(item.element);
         }
         else {
-            indiced[item.tabIndex] = [
-                ...(indiced[item.tabIndex] ?? []),
-                item.element,
-            ];
+            indiced[item.tabIndex] = [...(indiced[item.tabIndex] ?? []), item.element];
         }
     }
     return [...indiced.flat(), ...zeroed];
@@ -958,8 +938,7 @@ function hasTabIndex(element) {
     return !Number.isNaN(Number.parseInt(element.getAttribute(ATTRIBUTE_TABINDEX), 10));
 }
 function isDisabled(item) {
-    if (EXPRESSION_DISABLEABLE.test(item.element.tagName) &&
-        isDisabledFromFieldset(item.element)) {
+    if (EXPRESSION_DISABLEABLE.test(item.element.tagName) && isDisabledFromFieldset(item.element)) {
         return true;
     }
     return item.element.disabled ?? false;
@@ -973,8 +952,7 @@ function isDisabledFromFieldset(element) {
             for (let index = 0; index < length; index += 1) {
                 const child = children[index];
                 if (child instanceof HTMLLegendElement) {
-                    return (parent.matches(SELECTOR_FIELDSET_DISABLED) ||
-                        !child.contains(element));
+                    return parent.matches(SELECTOR_FIELDSET_DISABLED) || !child.contains(element);
                 }
             }
             return true;
@@ -992,20 +970,15 @@ function isEditable(element) {
  * @returns `true` if focusable, otherwise `false`
  */
 function isFocusable(element) {
-    return element instanceof Element
-        ? isValidElement(element, FILTERS_FOCUSABLE, false)
-        : false;
+    return element instanceof Element ? isValidElement(element, FILTERS_FOCUSABLE, false) : false;
 }
 function isHidden(item) {
     if ((item.element.hidden ?? false) ||
-        (item.element instanceof HTMLInputElement &&
-            item.element.type === STYLE_HIDDEN)) {
+        (item.element instanceof HTMLInputElement && item.element.type === STYLE_HIDDEN)) {
         return true;
     }
     const isDirectSummary = item.element.matches(SELECTOR_SUMMARY_FIRST);
-    const nodeUnderDetails = isDirectSummary
-        ? item.element.parentElement
-        : item.element;
+    const nodeUnderDetails = isDirectSummary ? item.element.parentElement : item.element;
     if (nodeUnderDetails?.matches(SELECTOR_DETAILS_CLOSED_CHILDREN) ?? false) {
         return true;
     }
@@ -1033,9 +1006,7 @@ function isNotTabbableRadio(item) {
         item.element.checked) {
         return false;
     }
-    const parent = item.element.form ??
-        item.element.getRootNode?.() ??
-        item.element.ownerDocument;
+    const parent = item.element.form ?? item.element.getRootNode?.() ?? item.element.ownerDocument;
     const realName = CSS?.escape?.(item.element.name) ?? item.element.name;
     const radios = [
         ...parent.querySelectorAll(`${SELECTOR_RADIO_PREFIX}${realName}${SELECTOR_RADIO_SUFFIX}`),
@@ -1053,9 +1024,7 @@ function isSummarised(item) {
  * @returns `true` if tabbable, otherwise `false`
  */
 function isTabbable(element) {
-    return element instanceof Element
-        ? isValidElement(element, FILTERS_TABBABLE, true)
-        : false;
+    return element instanceof Element ? isValidElement(element, FILTERS_TABBABLE, true) : false;
 }
 function isValidElement(element, filters, tabbable) {
     const item = getItem(element, tabbable);
@@ -1122,8 +1091,7 @@ function sanitizeAttributes(element, attributes, options) {
         if (isBadAttribute(attribute) || isEmptyNonBooleanAttribute(attribute)) {
             element.removeAttribute(attribute.name);
         }
-        else if (options.sanitizeBooleanAttributes &&
-            isInvalidBooleanAttribute(attribute)) {
+        else if (options.sanitizeBooleanAttributes && isInvalidBooleanAttribute(attribute)) {
             element.setAttribute(attribute.name, '');
         }
     }
@@ -1160,9 +1128,7 @@ function getHtml(value, options) {
     if (typeof value !== 'string' && !(value instanceof HTMLTemplateElement)) {
         return [];
     }
-    const template = value instanceof HTMLTemplateElement
-        ? value
-        : getTemplate(value, options.ignoreCache);
+    const template = value instanceof HTMLTemplateElement ? value : getTemplate(value, options.ignoreCache);
     if (template == null) {
         return [];
     }
@@ -1176,8 +1142,7 @@ function getHtml(value, options) {
 }
 function getOptions(input) {
     const options = isPlainObject(input) ? input : {};
-    options.ignoreCache =
-        typeof options.ignoreCache === 'boolean' ? options.ignoreCache : false;
+    options.ignoreCache = typeof options.ignoreCache === 'boolean' ? options.ignoreCache : false;
     options.sanitizeBooleanAttributes =
         typeof options.sanitizeBooleanAttributes === 'boolean'
             ? options.sanitizeBooleanAttributes
@@ -1192,13 +1157,8 @@ function getTemplate(value, ignore) {
     if (template != null) {
         return template;
     }
-    const element = EXPRESSION_ID.test(value)
-        ? document.querySelector(`#${value}`)
-        : null;
-    template =
-        element instanceof HTMLTemplateElement
-            ? element
-            : createTemplate(value, ignore);
+    const element = EXPRESSION_ID.test(value) ? document.querySelector(`#${value}`) : null;
+    template = element instanceof HTMLTemplateElement ? element : createTemplate(value, ignore);
     return template;
 }
 const html = ((value, options) => {

package/package.json

@@ -4,20 +4,21 @@
 		"url": "https://oscarpalmer.se"
 	},
 	"dependencies": {
-		"@oscarpalmer/atoms": "^0.114"
+		"@oscarpalmer/atoms": "^0.115"
 	},
 	"description": "A collection of badass DOM utilities.",
 	"devDependencies": {
-		"@biomejs/biome": "^2.3",
 		"@rollup/plugin-node-resolve": "^16",
 		"@rollup/plugin-typescript": "^12.3",
 		"@types/node": "^24.10",
 		"@vitest/coverage-istanbul": "^4",
 		"jsdom": "^27.2",
+		"oxfmt": "^0.16",
+		"oxlint": "^1.31",
 		"rollup": "^4.53",
 		"tslib": "^2.8",
 		"typescript": "^5.9",
-		"vite": "npm:rolldown-vite@latest",
+		"vite": "8.0.0-beta.0",
 		"vitest": "^4"
 	},
 	"exports": {
@@ -92,5 +93,5 @@
 	},
 	"type": "module",
 	"types": "types/index.d.ts",
-	"version": "0.27.0"
+	"version": "0.28.0"
 }

package/src/attribute/set.ts

@@ -9,11 +9,7 @@ import type {Attribute, HTMLOrSVGElement, Property} from '../models';
  * @param name Attribute name
  * @param value Attribute value
  */
-export function setAttribute(
-	element: HTMLOrSVGElement,
-	name: string,
-	value?: unknown,
-): void;
+export function setAttribute(element: HTMLOrSVGElement, name: string, value?: unknown): void;
 
 /**
  * Set an attribute on an element
@@ -22,16 +18,9 @@ export function setAttribute(
  * @param element Element for attribute
  * @param attribute Attribute to set
  */
-export function setAttribute(
-	element: HTMLOrSVGElement,
-	attribute: Attr | Attribute,
-): void;
+export function setAttribute(element: HTMLOrSVGElement, attribute: Attr | Attribute): void;
 
-export function setAttribute(
-	element: HTMLOrSVGElement,
-	first: unknown,
-	second?: unknown,
-): void {
+export function setAttribute(element: HTMLOrSVGElement, first: unknown, second?: unknown): void {
 	updateValue(element, first, second);
 }
 
@@ -42,10 +31,7 @@ export function setAttribute(
  * @param element Element for attributes
  * @param attributes Attributes to set
  */
-export function setAttributes(
-	element: HTMLOrSVGElement,
-	attributes: Array<Attr | Attribute>,
-): void;
+export function setAttributes(element: HTMLOrSVGElement, attributes: Array<Attr | Attribute>): void;
 
 /**
  * Set one or more attributes on an element
@@ -54,10 +40,7 @@ export function setAttributes(
  * @param element Element for attributes
  * @param attributes Attributes to set
  */
-export function setAttributes(
-	element: HTMLOrSVGElement,
-	attributes: Record<string, unknown>,
-): void;
+export function setAttributes(element: HTMLOrSVGElement, attributes: Record<string, unknown>): void;
 
 export function setAttributes(
 	element: HTMLOrSVGElement,
@@ -74,11 +57,7 @@ export function setAttributes(
  * @param name Property name
  * @param value Property value
  */
-export function setProperty(
-	element: HTMLOrSVGElement,
-	name: string,
-	value: boolean | string,
-): void;
+export function setProperty(element: HTMLOrSVGElement, name: string, value: boolean | string): void;
 
 /**
  * Set a property on an element
@@ -87,16 +66,9 @@ export function setProperty(
  * @param element Element for property
  * @param property Property to set
  */
-export function setProperty(
-	element: HTMLOrSVGElement,
-	property: Property,
-): void;
+export function setProperty(element: HTMLOrSVGElement, property: Property): void;
 
-export function setProperty(
-	element: HTMLOrSVGElement,
-	first: unknown,
-	second?: unknown,
-): void {
+export function setProperty(element: HTMLOrSVGElement, first: unknown, second?: unknown): void {
 	updateValue(element, first, second);
 }
 
@@ -107,10 +79,7 @@ export function setProperty(
  * @param element Element for properties
  * @param properties Properties to set
  */
-export function setProperties(
-	element: HTMLOrSVGElement,
-	properties: Property[],
-): void;
+export function setProperties(element: HTMLOrSVGElement, properties: Property[]): void;
 
 /**
  * Set one or more properties on an element
@@ -119,10 +88,7 @@ export function setProperties(
  * @param element Element for properties
  * @param properties Properties to set
  */
-export function setProperties(
-	element: HTMLOrSVGElement,
-	properties: Record<string, unknown>,
-): void;
+export function setProperties(element: HTMLOrSVGElement, properties: Record<string, unknown>): void;
 
 export function setProperties(
 	element: HTMLOrSVGElement,

package/src/data.ts

@@ -12,11 +12,7 @@ import type {HTMLOrSVGElement} from './models';
  * @param parse Parse values? _(defaults to `true`)_
  * @returns Data value
  */
-export function getData(
-	element: HTMLOrSVGElement,
-	key: string,
-	parse?: boolean,
-): unknown;
+export function getData(element: HTMLOrSVGElement, key: string, parse?: boolean): unknown;
 
 /**
  * Get keyed data values from an element
@@ -87,11 +83,7 @@ export function setData(element: HTMLOrSVGElement, data: PlainObject): void;
  * @param key Data key
  * @param value Data value
  */
-export function setData(
-	element: HTMLOrSVGElement,
-	key: string,
-	value: unknown,
-): void;
+export function setData(element: HTMLOrSVGElement, key: string, value: unknown): void;
 
 export function setData(
 	element: HTMLOrSVGElement,
@@ -101,11 +93,7 @@ export function setData(
 	setElementValues(element, first, second, updateDataAttribute);
 }
 
-function updateDataAttribute(
-	element: HTMLOrSVGElement,
-	key: string,
-	value: unknown,
-): void {
+function updateDataAttribute(element: HTMLOrSVGElement, key: string, value: unknown): void {
 	updateElementValue(
 		element,
 		getName(key),