@oscarpalmer/toretto 0.30.1 → 0.31.0

package/dist/toretto.full.js

@@ -9,10 +9,7 @@ function getSupport() {
 	if (typeof navigator.msMaxTouchPoints === "number" && navigator.msMaxTouchPoints > 0) return true;
 	return false;
 }
-/**
-* Does the device support touch events?
-*/
-const supportsTouch = (() => {
+var touch_default = (() => {
 	let support = getSupport();
 	const instance = Object.create({
 		get() {
@@ -28,15 +25,13 @@ const supportsTouch = (() => {
 	} });
 	return instance;
 })();
-var touch_default = supportsTouch;
-
 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;
 }
-var TYPED_ARRAYS = new Set([
+new Set([
 	Int8Array,
 	Uint8Array,
 	Uint8ClampedArray,
@@ -49,7 +44,6 @@ var TYPED_ARRAYS = new Set([
 	BigInt64Array,
 	BigUint64Array
 ]);
-
 function compact(array, strict) {
 	if (!Array.isArray(array)) return [];
 	const { length } = array;
@@ -61,7 +55,6 @@ function compact(array, strict) {
 	}
 	return compacted;
 }
-
 function getString(value) {
 	if (typeof value === "string") return value;
 	if (value == null) return "";
@@ -77,12 +70,10 @@ function words(value) {
 	return typeof value === "string" ? value.match(EXPRESSION_WORDS) ?? [] : [];
 }
 var EXPRESSION_WORDS = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-
 function isNullableOrWhitespace(value) {
 	return value == null || EXPRESSION_WHITESPACE$1.test(getString(value));
 }
 var EXPRESSION_WHITESPACE$1 = /^\s*$/;
-
 function camelCase(value) {
 	return toCase(value, "", true, false);
 }
@@ -117,7 +108,6 @@ function toCase(value, delimiter, capitalizeAny, capitalizeFirst) {
 }
 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);
@@ -125,24 +115,12 @@ function parse(value, reviver) {
 		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 badAttributeHandler(name, value) {
 	if (name == null || value == null) return true;
 	if (EXPRESSION_CLOBBERED_NAME.test(name) && (value in document || value in formElement) || EXPRESSION_EVENT_NAME.test(name)) return true;
@@ -176,21 +154,39 @@ function handleAttribute(callback, decode, first, second) {
 function isAttribute(value) {
 	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
 }
-function isBadAttribute$1(first, second, decode) {
+function _isBadAttribute(first, second, decode) {
 	return handleAttribute(badAttributeHandler, decode, first, second);
 }
-function isBooleanAttribute$1(first, decode) {
+function _isBooleanAttribute(first, decode) {
 	return handleAttribute((name) => booleanAttributesSet.has(name?.toLowerCase()), decode, first, "");
 }
-function isEmptyNonBooleanAttribute$1(first, second, decode) {
+function _isEmptyNonBooleanAttribute(first, second, decode) {
 	return handleAttribute((name, value) => name != null && value != null && !booleanAttributesSet.has(name) && value.trim().length === 0, decode, first, second);
 }
-function isInvalidBooleanAttribute$1(first, second, decode) {
+function _isInvalidBooleanAttribute(first, second, decode) {
 	return handleAttribute(booleanAttributeHandler, decode, first, second);
 }
+function isProperty(value) {
+	return isPlainObject(value) && typeof value.name === "string";
+}
 function isValidSourceAttribute(name, value) {
 	return EXPRESSION_SOURCE_NAME.test(name) && EXPRESSION_SOURCE_VALUE.test(value);
 }
+function updateAttribute(element, name, value) {
+	const isBoolean = booleanAttributesSet.has(name.toLowerCase());
+	if (isBoolean) updateProperty(element, name, value);
+	if (isBoolean ? value !== true : value == null) element.removeAttribute(name);
+	else element.setAttribute(name, isBoolean ? "" : getString(value));
+}
+function updateProperty(element, name, value) {
+	const actual = name.toLowerCase();
+	element[actual] = value === "" || typeof value === "string" && value.toLowerCase() === actual || value === true;
+}
+function 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);
+}
 const EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
 const EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
 const EXPRESSION_EVENT_NAME = /^on/i;
@@ -199,9 +195,6 @@ const EXPRESSION_SOURCE_NAME = /^src$/i;
 const EXPRESSION_SOURCE_VALUE = /^data:/i;
 const EXPRESSION_URI_VALUE = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i;
 const EXPRESSION_WHITESPACE = /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g;
-/**
-* List of boolean attributes
-*/
 const booleanAttributes = Object.freeze([
 	"async",
 	"autofocus",
@@ -231,7 +224,6 @@ const booleanAttributes = Object.freeze([
 const booleanAttributesSet = new Set(booleanAttributes);
 const formElement = document.createElement("form");
 let textArea;
-
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
@@ -240,32 +232,28 @@ 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 isBadAttribute(first, second) {
-	return isBadAttribute$1(first, second, true);
+	return _isBadAttribute(first, second, true);
 }
 function isBooleanAttribute(first) {
-	return isBooleanAttribute$1(first, true);
+	return _isBooleanAttribute(first, true);
 }
 function isEmptyNonBooleanAttribute(first, second) {
-	return isEmptyNonBooleanAttribute$1(first, second, true);
+	return _isEmptyNonBooleanAttribute(first, second, true);
 }
 function isInvalidBooleanAttribute(first, second) {
-	return isInvalidBooleanAttribute$1(first, second, true);
-}
-
-/**
-* Is the value a child node?
-* @param value Value to check
-* @returns `true` if it's a child node, otherwise `false`
-*/
+	return _isInvalidBooleanAttribute(first, second, true);
+}
 function isChildNode(value) {
 	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
 }
-function isInDocument(node, document$1) {
+function isInDocument(node, doc) {
 	if (!(node instanceof Node)) return false;
-	if (!(document$1 instanceof Document)) return node.ownerDocument?.contains(node) ?? true;
-	return node.ownerDocument == null ? node === document$1 : node.ownerDocument === document$1 && document$1.contains(node);
+	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,
@@ -274,7 +262,6 @@ const CHILD_NODE_TYPES = new Set([
 	Node.COMMENT_NODE,
 	Node.DOCUMENT_TYPE_NODE
 ]);
-
 function setElementValues(element, first, second, callback) {
 	if (!isHTMLOrSVGElement(element)) return;
 	if (isPlainObject(first)) {
@@ -290,7 +277,6 @@ 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;
@@ -319,7 +305,6 @@ function updateDataAttribute(element, key, value) {
 	updateElementValue(element, getName(key), value, element.setAttribute, element.removeAttribute, true);
 }
 const ATTRIBUTE_DATA_PREFIX = "data-";
-
 function calculate() {
 	return new Promise((resolve) => {
 		const values = [];
@@ -336,19 +321,15 @@ function calculate() {
 function noop() {}
 var CALCULATION_TOTAL = 10;
 var CALCULATION_TRIM = 4;
-let milliseconds = 1e3 / 60;
-calculate().then((value) => {
-	milliseconds = value;
-});
-
-function addDelegatedHandler(document$1, type, name, passive) {
+calculate().then((value) => {});
+function addDelegatedHandler(doc, type, name, passive) {
 	const count = `${name}${COUNT_SUFFIX}`;
-	if (document$1[count] != null) {
-		document$1[count] += 1;
+	if (doc[count] != null) {
+		doc[count] += 1;
 		return;
 	}
-	document$1[count] = 1;
-	document$1.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, { passive });
+	doc[count] = 1;
+	doc.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, { passive });
 }
 function addDelegatedListener(target, type, name, listener, passive) {
 	target[name] ??= /* @__PURE__ */ new Set();
@@ -383,12 +364,12 @@ function delegatedEventHandler(event) {
 function getDelegatedName(target, type, options) {
 	if (isEventTarget(target) && EVENT_TYPES.has(type) && !options.capture && !options.once && options.signal == null) return `${EVENT_PREFIX}${type}${options.passive ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
 }
-function removeDelegatedHandler(document$1, type, name, passive) {
+function removeDelegatedHandler(doc, type, name, passive) {
 	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);
+	doc[count] -= 1;
+	if (doc[count] < 1) {
+		doc[count] = void 0;
+		doc.removeEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE);
 	}
 }
 function removeDelegatedListener(target, type, name, listener, passive) {
@@ -429,7 +410,6 @@ const EVENT_TYPES = new Set([
 ]);
 const HANDLER_ACTIVE = delegatedEventHandler.bind(false);
 const HANDLER_PASSIVE = delegatedEventHandler.bind(true);
-
 function createDispatchOptions(options) {
 	return {
 		bubbles: getBoolean(options?.bubbles, true),
@@ -456,11 +436,6 @@ function createEventOptions(options) {
 function dispatch(target, type, options) {
 	if (isEventTarget(target) && typeof type === "string") target.dispatchEvent(createEvent(type, options));
 }
-/**
-* Get the X- and Y-coordinates from a pointer event
-* @param event Pointer event
-* @returns X- and Y-coordinates
-*/
 function getPosition(event) {
 	let x;
 	let y;
@@ -476,13 +451,6 @@ function getPosition(event) {
 		y
 	} : void 0;
 }
-/**
-* Remove an event listener
-* @param target Event target
-* @param type Type of event
-* @param listener Event listener
-* @param options Options for event
-*/
 function off(target, type, listener, options) {
 	if (!isEventTarget(target) || typeof type !== "string" || typeof listener !== "function") return;
 	const extended = createEventOptions(options);
@@ -501,28 +469,15 @@ function on(target, type, listener, options) {
 	};
 }
 const PROPERTY_DETAIL = "detail";
-
-/**
-* - Get the distance between two elements _(i.e., the amount of nodes of between them)_
-* - If the distance cannot be calculated, `-1` is returned
-*/
 function getDistanceBetweenElements(origin, target) {
-	if (origin === target || origin.parentElement === target) return 0;
-	const comparison = origin.compareDocumentPosition(target);
+	if (origin === target) return 0;
+	if (origin.parentElement === target) return 1;
 	const children = [...origin.parentElement?.children ?? []];
 	if (children.includes(target)) return Math.abs(children.indexOf(origin) - children.indexOf(target));
-	const beforeOrInside = !!(comparison & 2 || comparison & 8);
-	if (beforeOrInside || !!(comparison & 4 || comparison & 16)) return traverse(beforeOrInside ? origin : target, beforeOrInside ? target : origin) ?? -1;
-}
-/**
-* Find the closest ancestor element that matches the selector _(string or callback)_
-*
-* - If no match is found, `null` is returned
-* - _(If you want to search upwards, downwards, and sideways, use {@link findRelatives})_
-* @param origin Element to start from
-* @param selector Selector to match
-* @returns Found ancestor or `null`
-*/
+	const comparison = origin.compareDocumentPosition(target);
+	const beforeOrInside = Boolean(comparison & 2 || comparison & 8);
+	if (beforeOrInside || Boolean(comparison & 4 || comparison & 16)) return traverse(beforeOrInside ? origin : target, beforeOrInside ? target : origin) ?? -1;
+}
 function findAncestor(origin, selector) {
 	if (!(origin instanceof Element) || selector == null) return null;
 	if (typeof selector === "string") {
@@ -538,29 +493,17 @@ function findAncestor(origin, selector) {
 	}
 	return parent;
 }
-/**
-* Finds the closest elements to the origin element that matches the selector
-*
-* - Traverses up, down, and sideways in the _DOM_-tree
-* - _(If you only want to traverse up, use {@link findAncestor})_
-* @param origin Element to start from
-* @param selector Selector to match
-* @param context Context to search within
-* @returns Found elements
-*/
 function findRelatives(origin, selector, context) {
 	if (!(origin instanceof Element) || typeof selector !== "string") return [];
-	if (origin.matches(selector)) return [origin];
 	const elements = [...(context instanceof Document || context instanceof Element ? context : document).querySelectorAll(selector)];
 	const { length } = elements;
-	if (length === 0) return [];
-	if (length === 1) return [elements[0]];
+	if (length < 2) return elements.filter((element) => element !== origin);
 	const distances = [];
 	let minimum;
 	for (let index = 0; index < length; index += 1) {
 		const element = elements[index];
-		const distance = getDistanceBetweenElements(origin, element) ?? -1;
-		if (distance > -1) {
+		const distance = getDistanceBetweenElements(origin, element);
+		if (distance != null && distance > 0) {
 			if (minimum == null || distance < minimum) minimum = distance;
 			distances.push({
 				distance,
@@ -568,35 +511,28 @@ function findRelatives(origin, selector, context) {
 			});
 		}
 	}
-	return minimum == null ? [] : distances.filter((found) => found.distance === minimum).map((found) => found.element);
+	return distances.filter((found) => found.distance === minimum && found.element !== origin).map((found) => found.element);
 }
 function traverse(from, to) {
 	let index = [...to.children].indexOf(from);
-	if (index > -1) return index + 1;
+	if (index > -1) return 1;
 	let current = from;
 	let distance = 0;
 	let parent = from.parentElement;
 	while (parent != null) {
 		if (parent === to) return distance + 1;
-		const children = [...parent.children ?? []];
+		const children = [...parent.children];
 		if (children.includes(to)) return distance + Math.abs(children.indexOf(current) - children.indexOf(to));
 		index = children.findIndex((child) => child.contains(to));
 		if (index > -1) {
-			const traversed = traverse(current, children[index]) ?? -1;
-			return traversed === -1 ? -1 : distance + Math.abs(index - children.indexOf(current)) + traversed;
+			const traversed = traverse(current, children[index]);
+			return traversed == null || traversed === -1 ? -1 : distance + Math.abs(index - children.indexOf(current)) + traversed;
 		}
 		current = parent;
 		distance += 1;
 		parent = parent.parentElement;
 	}
 }
-
-/**
-* Find the first element that matches the selector
-* @param selector Selector to find element for
-* @param context Context to search within _(defaults to `document`)_
-* @returns Found element or `null`
-*/
 function findElement(selector, context) {
 	return findElementOrElements(selector, context, true);
 }
@@ -631,27 +567,13 @@ function findElementOrElementsFromNodes(array, context, contexts) {
 		let element;
 		if (node instanceof Document) element = node.body;
 		else element = node instanceof Element ? node : void 0;
-		if (element != null && (context == null || contexts.length === 0 || contexts.some((context$1) => context$1 === element || context$1.contains(element))) && !result.includes(element)) result.push(element);
+		if (element != null && (context == null || contexts.length === 0 || contexts.some((ctx) => ctx === element || ctx.contains(element))) && !result.includes(element)) result.push(element);
 	}
 	return result;
 }
-/**
-* Find elements that match the selector
-* @param selector Selector to find elements for
-* @param context Context to search within _(defaults to `document`)_
-* @returns Found elements
-*/
 function findElements(selector, context) {
 	return findElementOrElements(selector, context, false);
 }
-/**
-* Get the most specific element under the pointer
-*
-* - Ignores elements with `pointer-events: none` and `visibility: hidden`
-* - _(If `skipIgnore` is `true`, no elements are ignored)_
-* @param skipIgnore Skip ignored elements?
-* @returns Found element or `null`
-*/
 function getElementUnderPointer(skipIgnore) {
 	const elements = [...document.querySelectorAll(SUFFIX_HOVER)];
 	const { length } = elements;
@@ -673,12 +595,6 @@ const STYLE_HIDDEN$1 = "hidden";
 const STYLE_NONE$1 = "none";
 const SUFFIX_HOVER = ":hover";
 const TAG_HEAD = "HEAD";
-
-/**
-* Get a list of focusable elements within a parent element
-* @param parent Parent element
-* @returns Focusable elements
-*/
 function getFocusable(parent) {
 	return getValidElements(parent, FILTERS_FOCUSABLE, false);
 }
@@ -688,11 +604,6 @@ function getItem(element, tabbable) {
 		tabIndex: tabbable ? getTabIndex(element) : TABINDEX_DEFAULT
 	};
 }
-/**
-* Get a list of tabbable elements within a parent element
-* @param parent Parent element
-* @returns Tabbable elements
-*/
 function getTabbable(parent) {
 	return getValidElements(parent, FILTERS_TABBABLE, true);
 }
@@ -747,11 +658,6 @@ function isDisabledFromFieldset(element) {
 function isEditable(element) {
 	return EXPRESSION_TRUEISH.test(element.getAttribute(ATTRIBUTE_CONTENTEDITABLE));
 }
-/**
-* Is the element focusable?
-* @param element Element to check
-* @returns `true` if focusable, otherwise `false`
-*/
 function isFocusable(element) {
 	return element instanceof Element ? isValidElement(element, FILTERS_FOCUSABLE, false) : false;
 }
@@ -782,11 +688,6 @@ function isNotTabbableRadio(item) {
 function isSummarised(item) {
 	return item.element instanceof HTMLDetailsElement && [...item.element.children].some((child) => EXPRESSION_SUMMARY.test(child.tagName));
 }
-/**
-* Is the element tabbable?
-* @param element Element to check
-* @returns `true` if tabbable, otherwise `false`
-*/
 function isTabbable(element) {
 	return element instanceof Element ? isValidElement(element, FILTERS_TABBABLE, true) : false;
 }
@@ -835,33 +736,25 @@ const STYLE_NONE = "none";
 const TABINDEX_BASE = 0;
 const TABINDEX_DEFAULT = -1;
 const TYPE_RADIO = "radio";
-
 function handleElement(element, depth) {
-	if (isClobbered(element)) {
-		element.remove();
-		return true;
-	}
 	if (depth === 0) {
-		const scripts = element.querySelectorAll("script");
-		for (const script of scripts) script.remove();
+		const removable = element.querySelectorAll(REMOVE_SELECTOR);
+		for (const item of removable) item.remove();
 	}
 	sanitizeAttributes(element, [...element.attributes]);
-	return false;
 }
-/**
-* Is the element clobbered?
-*
-* Thanks, DOMPurify _(https://github.com/cure53/DOMPurify)_
-*/
-function isClobbered(element) {
-	return element instanceof HTMLFormElement && (typeof element.nodeName !== "string" || typeof element.textContent !== "string" || typeof element.removeChild !== "function" || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== "function" || typeof element.setAttribute !== "function" || typeof element.namespaceURI !== "string" || typeof element.insertBefore !== "function" || typeof element.hasChildNodes !== "function");
+function isClobbered(value) {
+	return value instanceof HTMLFormElement && (typeof value.nodeName !== "string" || typeof value.textContent !== "string" || typeof value.removeChild !== "function" || !(value.attributes instanceof NamedNodeMap) || typeof value.removeAttribute !== "function" || typeof value.setAttribute !== "function" || typeof value.namespaceURI !== "string" || typeof value.insertBefore !== "function" || typeof value.hasChildNodes !== "function");
+}
+function removeNode(node) {
+	if (typeof node.remove === "function") node.remove();
 }
 function sanitizeAttributes(element, attributes) {
 	const { length } = attributes;
 	for (let index = 0; index < length; index += 1) {
 		const { name, value } = attributes[index];
-		if (isBadAttribute$1(name, value, false) || isEmptyNonBooleanAttribute$1(name, value, false)) element.removeAttribute(name);
-		else if (isInvalidBooleanAttribute$1(name, value, false)) element.setAttribute(name, "");
+		if (_isBadAttribute(name, value, false) || _isEmptyNonBooleanAttribute(name, value, false)) element.removeAttribute(name);
+		else if (_isInvalidBooleanAttribute(name, value, false)) setAttribute(element, name, true);
 	}
 }
 function sanitizeNodes(nodes, depth) {
@@ -869,22 +762,37 @@ function sanitizeNodes(nodes, depth) {
 	let { length } = nodes;
 	for (let index = 0; index < length; index += 1) {
 		const node = actual[index];
-		if (node instanceof Element && handleElement(node, depth)) {
+		let remove = isClobbered(node);
+		if (!remove) switch (node.nodeType) {
+			case Node.ELEMENT_NODE:
+				handleElement(node, depth);
+				break;
+			case Node.COMMENT_NODE:
+				remove = COMMENT_HARMFUL.test(node.data);
+				break;
+			case Node.DOCUMENT_TYPE_NODE:
+			case Node.PROCESSING_INSTRUCTION_NODE:
+				remove = true;
+				break;
+		}
+		if (remove) {
+			removeNode(node);
 			actual.splice(index, 1);
-			length -= 1;
 			index -= 1;
+			length -= 1;
 			continue;
 		}
 		if (node.hasChildNodes()) sanitizeNodes([...node.childNodes], depth + 1);
 	}
 	return nodes;
 }
-
+const COMMENT_HARMFUL = /<[/\w]/g;
+const REMOVE_SELECTOR = "script, toretto-temporary";
 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], 0);
-	return html$1.body.innerHTML;
+	const parsed = getParser().parseFromString(getHtml(value), PARSE_TYPE_HTML);
+	parsed.body.normalize();
+	sanitizeNodes([parsed.body], 0);
+	return parsed.body.innerHTML;
 }
 function createTemplate(value, options) {
 	const template = document.createElement(TEMPLATE_TAG);
@@ -892,6 +800,9 @@ function createTemplate(value, options) {
 	if (typeof value === "string" && options.cache) templates[value] = template;
 	return template;
 }
+function getHtml(value) {
+	return `${TEMPORARY_ELEMENT}${typeof value === "string" ? value : value.innerHTML}${TEMPORARY_ELEMENT}`;
+}
 function getNodes(value, options) {
 	if (typeof value !== "string" && !(value instanceof HTMLTemplateElement)) return [];
 	const template = getTemplate(value, options);
@@ -908,12 +819,11 @@ function getParser() {
 }
 function getTemplate(value, options) {
 	if (value instanceof HTMLTemplateElement) return createTemplate(value, options);
-	if (typeof value !== "string" || value.trim().length === 0) return;
+	if (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, options);
-	return template;
+	return createTemplate(element instanceof HTMLTemplateElement ? element : value, options);
 }
 const html = ((value, options) => {
 	return getNodes(value, getOptions(options));
@@ -932,39 +842,19 @@ html.remove = (template) => {
 	}
 	templates = updated;
 };
-/**
-* Sanitize one or more nodes, recursively
-* @param value Node or nodes to sanitize
-* @param options Sanitization options
-* @returns Sanitized nodes
-*/
 function sanitize(value) {
 	return sanitizeNodes(Array.isArray(value) ? value : [value], 0);
 }
 const EXPRESSION_ID = /^[a-z][\w-]*$/i;
-const HTML_PARSE_TYPE = "text/html";
+const PARSE_TYPE_HTML = "text/html";
 const TEMPLATE_TAG = "template";
+const TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
 let parser;
 let templates = {};
-
-/**
-* Get a style from an element
-* @param element Element to get the style from
-* @param property Style name
-* @param computed Get the computed style? _(defaults to `false`)_
-* @returns Style value
-*/
 function getStyle(element, property, computed) {
 	if (!isHTMLOrSVGElement(element) || typeof property !== "string") return;
 	return getStyleValue(element, property, computed === true);
 }
-/**
-* Get styles from an element
-* @param element Element to get the styles from
-* @param properties Styles to get
-* @param computed Get the computed styles? _(defaults to `false`)_
-* @returns Style values
-*/
 function getStyles(element, properties, computed) {
 	const styles = {};
 	if (!(isHTMLOrSVGElement(element) && Array.isArray(properties))) return styles;
@@ -975,12 +865,6 @@ function getStyles(element, properties, computed) {
 	}
 	return styles;
 }
-/**
-* Get the text direction of an element
-* @param element Element to get the text direction from
-* @param computed Get the computed text direction? _(defaults to `false`)_
-* @returns Text direction
-*/
 function getTextDirection(element, computed) {
 	if (!(element instanceof Element)) return;
 	const direction = element.getAttribute(ATTRIBUTE_DIRECTION);
@@ -988,29 +872,12 @@ function getTextDirection(element, computed) {
 	const value = getStyleValue(element, "direction", computed === true);
 	return value === "rtl" ? value : "ltr";
 }
-/**
-* Set a style on an element
-* @param element Element to set the style on
-* @param property Style name
-* @param value Style value
-*/
 function setStyle(element, property, value) {
 	setElementValues(element, property, value, updateStyleProperty);
 }
-/**
-* Set styles on an element
-* @param element Element to set the styles on
-* @param styles Styles to set
-*/
 function setStyles(element, styles) {
 	setElementValues(element, styles, null, updateStyleProperty);
 }
-/**
-* Toggle styles for an element
-* @param element Element to style
-* @param styles Styles to be set or removed
-* @returns Style toggler
-*/
 function toggleStyles(element, styles) {
 	function toggle(set) {
 		hasSet = set;
@@ -1038,13 +905,12 @@ function toggleStyles(element, styles) {
 	};
 }
 function updateStyleProperty(element, key, value) {
-	updateElementValue(element, key, value, function(property, value$1) {
-		this.style[property] = value$1;
+	updateElementValue(element, key, value, function(property, style) {
+		this.style[property] = style;
 	}, function(property) {
 		this.style[property] = "";
 	}, false);
 }
 const ATTRIBUTE_DIRECTION = "dir";
 const EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
-
-export { findElement as $, findElement, findElements as $$, findElements, dispatch, findAncestor, findRelatives, getData, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setData, setStyle, setStyles, touch_default as supportsTouch, toggleStyles };
+export { findElement as $, findElement, findElements as $$, findElements, dispatch, findAncestor, findRelatives, getData, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setData, setStyle, setStyles, touch_default as supportsTouch, toggleStyles };