@oscarpalmer/toretto 0.27.0 → 0.29.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/html.js

@@ -1,37 +1,42 @@
-import { getSanitizeOptions, sanitizeNodes } from "./internal/sanitize.js";
+import { sanitizeNodes } from "./internal/sanitize.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
-function createTemplate(html$1, ignore) {
-	const template = document.createElement("template");
-	template.innerHTML = html$1;
-	if (!ignore) templates[html$1] = template;
+function createHtml(value) {
+	const html$1 = getParser().parseFromString(typeof value === "string" ? value : value.innerHTML, HTML_PARSE_TYPE);
+	html$1.body.normalize();
+	sanitizeNodes([html$1.body]);
+	return html$1.body.innerHTML;
+}
+function createTemplate(value, options) {
+	const template = document.createElement(TEMPLATE_TAG);
+	template.innerHTML = createHtml(value);
+	if (typeof value === "string" && !options.ignoreCache) templates[value] = template;
 	return template;
 }
-function getHtml(value, options) {
+function getNodes(value, options) {
 	if (typeof value !== "string" && !(value instanceof HTMLTemplateElement)) return [];
-	const template = value instanceof HTMLTemplateElement ? value : getTemplate(value, options.ignoreCache);
-	if (template == null) return [];
-	const cloned = template.content.cloneNode(true);
-	const scripts = cloned.querySelectorAll("script");
-	for (const script of scripts) script.remove();
-	cloned.normalize();
-	return sanitizeNodes([...cloned.childNodes], options);
+	const template = getTemplate(value, options);
+	return template == null ? [] : [...template.content.cloneNode(true).childNodes];
 }
 function getOptions(input) {
 	const options = isPlainObject(input) ? input : {};
 	options.ignoreCache = typeof options.ignoreCache === "boolean" ? options.ignoreCache : false;
-	options.sanitizeBooleanAttributes = typeof options.sanitizeBooleanAttributes === "boolean" ? options.sanitizeBooleanAttributes : true;
 	return options;
 }
-function getTemplate(value, ignore) {
+function getParser() {
+	parser ??= new DOMParser();
+	return parser;
+}
+function getTemplate(value, options) {
+	if (value instanceof HTMLTemplateElement) return createTemplate(value, options);
 	if (typeof value !== "string" || value.trim().length === 0) return;
 	let template = templates[value];
 	if (template != null) return template;
 	const element = EXPRESSION_ID.test(value) ? document.querySelector(`#${value}`) : null;
-	template = element instanceof HTMLTemplateElement ? element : createTemplate(value, ignore);
+	template = element instanceof HTMLTemplateElement ? element : createTemplate(value, options);
 	return template;
 }
 var html = ((value, options) => {
-	return getHtml(value, getOptions(options));
+	return getNodes(value, getOptions(options));
 });
 html.clear = () => {
 	templates = {};
@@ -47,9 +52,12 @@ html.remove = (template) => {
 	}
 	templates = updated;
 };
-function sanitize(value, options) {
-	return sanitizeNodes(Array.isArray(value) ? value : [value], getSanitizeOptions(options));
+function sanitize(value) {
+	return sanitizeNodes(Array.isArray(value) ? value : [value]);
 }
 var EXPRESSION_ID = /^[a-z][\w-]*$/i;
+var HTML_PARSE_TYPE = "text/html";
+var TEMPLATE_TAG = "template";
+var parser;
 var templates = {};
 export { html, sanitize };

package/dist/internal/sanitize.js

@@ -1,19 +1,13 @@
 import { isBadAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "./attribute.js";
-import { isPlainObject } from "@oscarpalmer/atoms/is";
-function getSanitizeOptions(input) {
-	const options = isPlainObject(input) ? input : {};
-	options.sanitizeBooleanAttributes = typeof options.sanitizeBooleanAttributes === "boolean" ? options.sanitizeBooleanAttributes : true;
-	return options;
-}
-function sanitizeAttributes(element, attributes, options) {
+function sanitizeAttributes(element, attributes) {
 	const { length } = attributes;
 	for (let index = 0; index < length; index += 1) {
 		const attribute = attributes[index];
 		if (isBadAttribute(attribute) || isEmptyNonBooleanAttribute(attribute)) element.removeAttribute(attribute.name);
-		else if (options.sanitizeBooleanAttributes && isInvalidBooleanAttribute(attribute)) element.setAttribute(attribute.name, "");
+		else if (isInvalidBooleanAttribute(attribute)) element.setAttribute(attribute.name, "");
 	}
 }
-function sanitizeNodes(nodes, options) {
+function sanitizeNodes(nodes) {
 	const actual = nodes.filter((node) => node instanceof Node);
 	const { length } = nodes;
 	for (let index = 0; index < length; index += 1) {
@@ -21,10 +15,10 @@ function sanitizeNodes(nodes, options) {
 		if (node instanceof Element) {
 			const scripts = node.querySelectorAll("script");
 			for (const script of scripts) script.remove();
-			sanitizeAttributes(node, [...node.attributes], options);
+			sanitizeAttributes(node, [...node.attributes]);
 		}
-		if (node.hasChildNodes()) sanitizeNodes([...node.childNodes], options);
+		if (node.hasChildNodes()) sanitizeNodes([...node.childNodes]);
 	}
 	return nodes;
 }
-export { getSanitizeOptions, sanitizeAttributes, sanitizeNodes };
+export { sanitizeAttributes, sanitizeNodes };

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);
@@ -1106,29 +1075,19 @@ const TABINDEX_BASE = 0;
 const TABINDEX_DEFAULT = -1;
 const TYPE_RADIO = 'radio';
 
-//
-function getSanitizeOptions(input) {
-    const options = isPlainObject(input) ? input : {};
-    options.sanitizeBooleanAttributes =
-        typeof options.sanitizeBooleanAttributes === 'boolean'
-            ? options.sanitizeBooleanAttributes
-            : true;
-    return options;
-}
-function sanitizeAttributes(element, attributes, options) {
+function sanitizeAttributes(element, attributes) {
     const { length } = attributes;
     for (let index = 0; index < length; index += 1) {
         const attribute = attributes[index];
         if (isBadAttribute(attribute) || isEmptyNonBooleanAttribute(attribute)) {
             element.removeAttribute(attribute.name);
         }
-        else if (options.sanitizeBooleanAttributes &&
-            isInvalidBooleanAttribute(attribute)) {
+        else if (isInvalidBooleanAttribute(attribute)) {
             element.setAttribute(attribute.name, '');
         }
     }
 }
-function sanitizeNodes(nodes, options) {
+function sanitizeNodes(nodes) {
     const actual = nodes.filter(node => node instanceof Node);
     const { length } = nodes;
     for (let index = 0; index < length; index += 1) {
@@ -1138,53 +1097,50 @@ function sanitizeNodes(nodes, options) {
             for (const script of scripts) {
                 script.remove();
             }
-            sanitizeAttributes(node, [...node.attributes], options);
+            sanitizeAttributes(node, [...node.attributes]);
         }
         if (node.hasChildNodes()) {
-            sanitizeNodes([...node.childNodes], options);
+            sanitizeNodes([...node.childNodes]);
         }
     }
     return nodes;
 }
 
 //
-function createTemplate(html, ignore) {
-    const template = document.createElement('template');
-    template.innerHTML = html;
-    if (!ignore) {
-        templates[html] = template;
+function createHtml(value) {
+    const html = getParser().parseFromString(typeof value === 'string' ? value : value.innerHTML, HTML_PARSE_TYPE);
+    html.body.normalize();
+    sanitizeNodes([html.body]);
+    return html.body.innerHTML;
+}
+function createTemplate(value, options) {
+    const template = document.createElement(TEMPLATE_TAG);
+    template.innerHTML = createHtml(value);
+    if (typeof value === 'string' && !options.ignoreCache) {
+        templates[value] = template;
     }
     return template;
 }
-function getHtml(value, options) {
+function getNodes(value, options) {
     if (typeof value !== 'string' && !(value instanceof HTMLTemplateElement)) {
         return [];
     }
-    const template = value instanceof HTMLTemplateElement
-        ? value
-        : getTemplate(value, options.ignoreCache);
-    if (template == null) {
-        return [];
-    }
-    const cloned = template.content.cloneNode(true);
-    const scripts = cloned.querySelectorAll('script');
-    for (const script of scripts) {
-        script.remove();
-    }
-    cloned.normalize();
-    return sanitizeNodes([...cloned.childNodes], options);
+    const template = getTemplate(value, options);
+    return template == null ? [] : [...template.content.cloneNode(true).childNodes];
 }
 function getOptions(input) {
     const options = isPlainObject(input) ? input : {};
-    options.ignoreCache =
-        typeof options.ignoreCache === 'boolean' ? options.ignoreCache : false;
-    options.sanitizeBooleanAttributes =
-        typeof options.sanitizeBooleanAttributes === 'boolean'
-            ? options.sanitizeBooleanAttributes
-            : true;
+    options.ignoreCache = typeof options.ignoreCache === 'boolean' ? options.ignoreCache : false;
     return options;
 }
-function getTemplate(value, ignore) {
+function getParser() {
+    parser ??= new DOMParser();
+    return parser;
+}
+function getTemplate(value, options) {
+    if (value instanceof HTMLTemplateElement) {
+        return createTemplate(value, options);
+    }
     if (typeof value !== 'string' || value.trim().length === 0) {
         return;
     }
@@ -1192,17 +1148,12 @@ 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, options);
     return template;
 }
 const html = ((value, options) => {
-    return getHtml(value, getOptions(options));
+    return getNodes(value, getOptions(options));
 });
 html.clear = () => {
     templates = {};
@@ -1228,11 +1179,14 @@ html.remove = (template) => {
  * @param options Sanitization options
  * @returns Sanitized nodes
  */
-function sanitize(value, options) {
-    return sanitizeNodes(Array.isArray(value) ? value : [value], getSanitizeOptions(options));
+function sanitize(value) {
+    return sanitizeNodes(Array.isArray(value) ? value : [value]);
 }
 //
 const EXPRESSION_ID = /^[a-z][\w-]*$/i;
+const HTML_PARSE_TYPE = 'text/html';
+const TEMPLATE_TAG = 'template';
+let parser;
 let templates = {};
 
 /**

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.29.0"
 }