@oscarpalmer/toretto 0.23.0 → 0.24.0

package/dist/attribute.js

@@ -7,7 +7,7 @@ function getAttribute(element, name, parseValues) {
 }
 function getAttributes(element, names, parseData) {
 	const attributes = {};
-	if (!isHTMLOrSVGElement(element) || !Array.isArray(names)) return attributes;
+	if (!(isHTMLOrSVGElement(element) && Array.isArray(names))) return attributes;
 	const shouldParse = parseData !== false;
 	const { length } = names;
 	for (let index = 0; index < length; index += 1) {
@@ -20,7 +20,7 @@ function isAttribute(value) {
 	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
 }
 function isBadAttribute(first, second) {
-	return validateAttribute((attribute) => attribute == null || onPrefix.test(attribute.name) || sourcePrefix.test(attribute.name) && valuePrefix.test(String(attribute.value)), first, second);
+	return validateAttribute((attribute) => attribute == null || EXPRESSION_ON_PREFIX.test(attribute.name) || EXPRESSION_SOURCE_PREFIX.test(attribute.name) && EXPRESSION_VALUE_PREFIX.test(String(attribute.value)), first, second);
 }
 function isBooleanAttribute(value) {
 	return validateAttribute((attribute) => attribute != null && booleanAttributes.includes(attribute.name.toLowerCase()), value, "");
@@ -86,6 +86,9 @@ function validateAttribute(callback, first, second) {
 	};
 	return callback(attribute);
 }
+var EXPRESSION_ON_PREFIX = /^on/i;
+var EXPRESSION_SOURCE_PREFIX = /^(href|src|xlink:href)$/i;
+var EXPRESSION_VALUE_PREFIX = /(data:text\/html|javascript:)/i;
 const booleanAttributes = Object.freeze([
 	"async",
 	"autofocus",
@@ -112,7 +115,4 @@ const booleanAttributes = Object.freeze([
 	"reversed",
 	"selected"
 ]);
-var onPrefix = /^on/i;
-var sourcePrefix = /^(href|src|xlink:href)$/i;
-var valuePrefix = /(data:text\/html|javascript:)/i;
 export { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes, setProperties, setProperty };

package/dist/data.js

@@ -1,24 +1,27 @@
 import { isHTMLOrSVGElement } from "./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;
 	const shouldParse = parseValues !== false;
 	if (typeof keys === "string") {
 		const value = element.dataset[keys];
-		return value == null ? void 0 : shouldParse ? parse(value) : value;
+		if (value === void 0) return;
+		return shouldParse ? parse(value) : value;
 	}
 	const { length } = keys;
 	const data = {};
 	for (let index = 0; index < length; index += 1) {
 		const key = keys[index];
 		const value = element.dataset[key];
-		data[key] = value == null ? void 0 : shouldParse ? parse(value) : value;
+		if (value == null) data[key] = void 0;
+		else data[key] = shouldParse ? parse(value) : value;
 	}
 	return data;
 }
 function getName(original) {
-	return `data-${kebabCase(original).replace(dataPrefix, "")}`;
+	return `${ATTRIBUTE_DATA_PREFIX}${kebabCase(original).replace(EXPRESSION_DATA_PREFIX, "")}`;
 }
 function setData(element, first, second) {
 	setElementValues(element, first, second, updateDataAttribute);
@@ -26,5 +29,5 @@ function setData(element, first, second) {
 function updateDataAttribute(element, key, value) {
 	updateElementValue(element, getName(key), value, element.setAttribute, element.removeAttribute, true);
 }
-var dataPrefix = /^data-/i;
+var ATTRIBUTE_DATA_PREFIX = "data-";
 export { getData, setData };

package/dist/event.js

@@ -11,7 +11,7 @@ function createDispatchOptions(options) {
 }
 function createEvent(type, options) {
 	const hasOptions = isPlainObject(options);
-	if (hasOptions && "detail" in options) return new CustomEvent(type, {
+	if (hasOptions && PROPERTY_DETAIL in options) return new CustomEvent(type, {
 		...createDispatchOptions(options),
 		detail: options?.detail
 	});
@@ -54,4 +54,5 @@ function on(target, type, listener, options) {
 		target.removeEventListener(type, listener, extended);
 	};
 }
+var PROPERTY_DETAIL = "detail";
 export { dispatch, getPosition, off, on };

package/dist/find.js

@@ -25,26 +25,36 @@ function findElement(selector, context) {
 	return findElementOrElements(selector, context, true);
 }
 function findElementOrElements(selector, context, single) {
-	const callback = single ? "querySelector" : "querySelectorAll";
+	const callback = single ? QUERY_SELECTOR_SINGLE : QUERY_SELECTOR_ALL;
 	const contexts = context == null ? [document] : findElementOrElements(context, void 0, false).filter(isContext);
+	if (typeof selector === "string") return findElementOrElementsForSelector(selector, contexts, callback, single);
+	let array;
+	if (Array.isArray(selector)) array = selector;
+	else array = selector instanceof Node ? [selector] : [...selector];
+	return findElementOrElementsFromNodes(array, context, contexts);
+}
+function findElementOrElementsForSelector(selector, contexts, callback, single) {
+	const { length } = contexts;
 	const result = [];
-	if (typeof selector === "string") {
-		const { length: length$1 } = contexts;
-		for (let index = 0; index < length$1; index += 1) {
-			const value = contexts[index][callback](selector);
-			if (single) {
-				if (value == null) continue;
-				return value;
-			}
-			result.push(...Array.from(value));
+	for (let index = 0; index < length; index += 1) {
+		const value = contexts[index][callback](selector);
+		if (single) {
+			if (value == null) continue;
+			return value;
 		}
-		return single ? null : result.filter((value, index, array) => array.indexOf(value) === index);
+		result.push(...Array.from(value));
 	}
-	const nodes = (Array.isArray(selector) ? selector : selector instanceof Node ? [selector] : [...selector]).filter((node) => node instanceof Node);
+	return single ? null : result.filter((value, index, array) => array.indexOf(value) === index);
+}
+function findElementOrElementsFromNodes(array, context, contexts) {
+	const result = [];
+	const nodes = array.filter((node) => node instanceof Node);
 	const { length } = nodes;
 	for (let index = 0; index < length; index += 1) {
 		const node = nodes[index];
-		const element = node instanceof Document ? node.body : node instanceof Element ? node : void 0;
+		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);
 	}
 	return result;
@@ -74,14 +84,14 @@ function findRelatives(origin, selector, context) {
 	return minimum == null ? [] : distances.filter((found) => found.distance === minimum).map((found) => found.element);
 }
 function getElementUnderPointer(skipIgnore) {
-	const elements = [...document.querySelectorAll(":hover")];
+	const elements = [...document.querySelectorAll(SUFFIX_HOVER)];
 	const { length } = elements;
 	const returned = [];
 	for (let index = 0; index < length; index += 1) {
 		const element = elements[index];
-		if (element.tagName === "HEAD") continue;
+		if (element.tagName === TAG_HEAD) continue;
 		const style = getComputedStyle(element);
-		if (skipIgnore === true || style.pointerEvents !== "none" && style.visibility !== "hidden") returned.push(element);
+		if (skipIgnore === true || style.pointerEvents !== STYLE_NONE && style.visibility !== STYLE_HIDDEN) returned.push(element);
 	}
 	return returned.at(-1) ?? null;
 }
@@ -108,4 +118,10 @@ function traverse(from, to) {
 		parent = parent.parentElement;
 	}
 }
+var QUERY_SELECTOR_ALL = "querySelectorAll";
+var QUERY_SELECTOR_SINGLE = "querySelector";
+var STYLE_HIDDEN = "hidden";
+var STYLE_NONE = "none";
+var SUFFIX_HOVER = ":hover";
+var TAG_HEAD = "HEAD";
 export { findElement as $, findElement, findElements as $$, findElements, findAncestor, findRelatives, getElementUnderPointer };

package/dist/focusable.js

@@ -1,23 +1,23 @@
 function getFocusable(parent) {
-	return getValidElements(parent, focusableFilters, false);
+	return getValidElements(parent, FILTERS_FOCUSABLE, false);
 }
 function getItem(element, tabbable) {
 	return {
 		element,
-		tabIndex: tabbable ? getTabIndex(element) : -1
+		tabIndex: tabbable ? getTabIndex(element) : TABINDEX_DEFAULT
 	};
 }
 function getTabbable(parent) {
-	return getValidElements(parent, tabbableFilters, true);
+	return getValidElements(parent, FILTERS_TABBABLE, true);
 }
 function getTabIndex(element) {
-	const tabIndex = element?.tabIndex ?? -1;
-	if (tabIndex < 0 && (specialTabIndexPattern.test(element.tagName) || isEditable(element)) && !hasTabIndex(element)) return 0;
+	const tabIndex = element?.tabIndex ?? TABINDEX_DEFAULT;
+	if (tabIndex < TABINDEX_BASE && (EXPRESSION_SPECIAL_TABINDEX.test(element.tagName) || isEditable(element)) && !hasTabIndex(element)) return TABINDEX_BASE;
 	return tabIndex;
 }
 function getValidElements(parent, filters, tabbable) {
 	if (!(parent instanceof Element)) return [];
-	const elements = [...parent.querySelectorAll(selector)];
+	const elements = [...parent.querySelectorAll(SELECTOR_FULL)];
 	const items = [];
 	let { length } = elements;
 	for (let index = 0; index < length; index += 1) {
@@ -30,16 +30,16 @@ function getValidElements(parent, filters, tabbable) {
 	length = items.length;
 	for (let index = 0; index < length; index += 1) {
 		const item = items[index];
-		if (item.tabIndex === 0) zeroed.push(item.element);
+		if (item.tabIndex === TABINDEX_BASE) zeroed.push(item.element);
 		else indiced[item.tabIndex] = [...indiced[item.tabIndex] ?? [], item.element];
 	}
 	return [...indiced.flat(), ...zeroed];
 }
 function hasTabIndex(element) {
-	return !Number.isNaN(Number.parseInt(element.getAttribute("tabindex"), 10));
+	return !Number.isNaN(Number.parseInt(element.getAttribute(ATTRIBUTE_TABINDEX), 10));
 }
 function isDisabled(item) {
-	if (disableablePattern.test(item.element.tagName) && isDisabledFromFieldset(item.element)) return true;
+	if (EXPRESSION_DISABLEABLE.test(item.element.tagName) && isDisabledFromFieldset(item.element)) return true;
 	return item.element.disabled ?? false;
 }
 function isDisabledFromFieldset(element) {
@@ -50,7 +50,7 @@ function isDisabledFromFieldset(element) {
 			const { length } = children;
 			for (let index = 0; index < length; index += 1) {
 				const child = children[index];
-				if (child instanceof HTMLLegendElement) return parent.matches("fieldset[disabled] *") ? true : !child.contains(element);
+				if (child instanceof HTMLLegendElement) return parent.matches(SELECTOR_FIELDSET_DISABLED) || !child.contains(element);
 			}
 			return true;
 		}
@@ -59,72 +59,84 @@ function isDisabledFromFieldset(element) {
 	return false;
 }
 function isEditable(element) {
-	return trueishPattern.test(element.getAttribute("contenteditable"));
+	return EXPRESSION_TRUEISH.test(element.getAttribute(ATTRIBUTE_CONTENTEDITABLE));
 }
 function isFocusable(element) {
-	return element instanceof Element ? isValidElement(element, focusableFilters, 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 === "hidden") return true;
-	if ((item.element.matches("details > summary:first-of-type") ? item.element.parentElement : item.element)?.matches("details:not([open]) *") ?? false) return true;
+	if ((item.element.hidden ?? false) || item.element instanceof HTMLInputElement && item.element.type === STYLE_HIDDEN) return true;
+	if ((item.element.matches(SELECTOR_SUMMARY_FIRST) ? item.element.parentElement : item.element)?.matches(SELECTOR_DETAILS_CLOSED_CHILDREN) ?? false) return true;
 	const style = getComputedStyle(item.element);
-	if (style.display === "none" || style.visibility === "hidden") return true;
+	if (style.display === STYLE_NONE || style.visibility === STYLE_HIDDEN) return true;
 	const { height, width } = item.element.getBoundingClientRect();
 	return height === 0 && width === 0;
 }
 function isInert(item) {
-	return (item.element.inert ?? false) || trueishPattern.test(item.element.getAttribute("inert")) || item.element.parentElement != null && isInert({
+	return (item.element.inert ?? false) || EXPRESSION_TRUEISH.test(item.element.getAttribute(ATTRIBUTE_INERT)) || item.element.parentElement != null && isInert({
 		element: item.element.parentElement,
-		tabIndex: -1
+		tabIndex: TABINDEX_DEFAULT
 	});
 }
 function isNotTabbable(item) {
-	return (item.tabIndex ?? -1) < 0;
+	return (item.tabIndex ?? TABINDEX_DEFAULT) < TABINDEX_BASE;
 }
 function isNotTabbableRadio(item) {
-	if (!(item.element instanceof HTMLInputElement) || item.element.type !== "radio" || !item.element.name || item.element.checked) return false;
+	if (!(item.element instanceof HTMLInputElement) || item.element.type !== TYPE_RADIO || !item.element.name || item.element.checked) return false;
 	const parent = item.element.form ?? item.element.getRootNode?.() ?? item.element.ownerDocument;
 	const realName = CSS?.escape?.(item.element.name) ?? item.element.name;
-	const checked = [...parent.querySelectorAll(`input[type="radio"][name="${realName}"]`)].find((radio) => radio.checked);
+	const checked = [...parent.querySelectorAll(`${SELECTOR_RADIO_PREFIX}${realName}${SELECTOR_RADIO_SUFFIX}`)].find((radio) => radio.checked);
 	return checked != null && checked !== item.element;
 }
 function isSummarised(item) {
-	return item.element instanceof HTMLDetailsElement && [...item.element.children].some((child) => summaryPattern.test(child.tagName));
+	return item.element instanceof HTMLDetailsElement && [...item.element.children].some((child) => EXPRESSION_SUMMARY.test(child.tagName));
 }
 function isTabbable(element) {
-	return element instanceof Element ? isValidElement(element, tabbableFilters, true) : false;
+	return element instanceof Element ? isValidElement(element, FILTERS_TABBABLE, true) : false;
 }
 function isValidElement(element, filters, tabbable) {
 	const item = getItem(element, tabbable);
 	return !filters.some((filter) => filter(item));
 }
-var disableablePattern = /^(button|input|select|textarea)$/i;
-var firstSummary = "details > summary:first-of-type";
-var focusableFilters = [
+var ATTRIBUTE_CONTENTEDITABLE = "contenteditable";
+var ATTRIBUTE_INERT = "inert";
+var ATTRIBUTE_TABINDEX = "tabindex";
+var EXPRESSION_DISABLEABLE = /^(button|input|select|textarea)$/i;
+var EXPRESSION_SPECIAL_TABINDEX = /^(audio|details|video)$/i;
+var EXPRESSION_SUMMARY = /^summary$/i;
+var EXPRESSION_TRUEISH = /^(|true)$/i;
+var FILTERS_FOCUSABLE = [
 	isDisabled,
 	isInert,
 	isHidden,
 	isSummarised
 ];
-var selector = [
+var FILTERS_TABBABLE = [
+	isNotTabbable,
+	isNotTabbableRadio,
+	...FILTERS_FOCUSABLE
+];
+var SELECTOR_DETAILS_CLOSED_CHILDREN = "details:not([open]) *";
+var SELECTOR_FIELDSET_DISABLED = "fieldset[disabled] *";
+var SELECTOR_SUMMARY_FIRST = "details > summary:first-of-type";
+var SELECTOR_RADIO_PREFIX = "input[type=\"radio\"][name=\"";
+var SELECTOR_RADIO_SUFFIX = "\"]";
+var SELECTOR_FULL = [
 	"[contenteditable]:not([contenteditable=\"false\"])",
 	"[tabindex]:not(slot)",
 	"a[href]",
 	"audio[controls]",
 	"button",
 	"details",
-	firstSummary,
+	SELECTOR_SUMMARY_FIRST,
 	"input",
 	"select",
 	"textarea",
 	"video[controls]"
-].map((selector$1) => `${selector$1}:not([inert])`).join(",");
-var specialTabIndexPattern = /^(audio|details|video)$/i;
-var summaryPattern = /^summary$/i;
-var tabbableFilters = [
-	isNotTabbable,
-	isNotTabbableRadio,
-	...focusableFilters
-];
-var trueishPattern = /^(|true)$/i;
+].map((selector) => `${selector}:not([inert])`).join(",");
+var STYLE_HIDDEN = "hidden";
+var STYLE_NONE = "none";
+var TABINDEX_BASE = 0;
+var TABINDEX_DEFAULT = -1;
+var TYPE_RADIO = "radio";
 export { getFocusable, getTabbable, isFocusable, isTabbable };

package/dist/html.js

@@ -1,5 +1,4 @@
 import { sanitize } from "./sanitize.js";
-import { isPlainObject } from "@oscarpalmer/atoms/is";
 function createTemplate(html$1) {
 	const template = document.createElement("template");
 	template.innerHTML = html$1;
@@ -8,15 +7,18 @@ function createTemplate(html$1) {
 }
 function getTemplate(value) {
 	if (typeof value !== "string" || value.trim().length === 0) return;
-	if (value in templates) return templates[value];
-	let template;
-	if (idPattern.test(value)) template = document.querySelector(`#${value}`);
-	templates[value] = template instanceof HTMLTemplateElement ? template : createTemplate(value);
-	return templates[value];
+	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);
+	templates[value] = template;
+	return template;
 }
-function html(value, sanitization) {
+var html = ((value, sanitization) => {
 	if (typeof value !== "string" && !(value instanceof HTMLTemplateElement)) return [];
-	const options = sanitization == null || sanitization === true ? {} : isPlainObject(sanitization) ? { ...sanitization } : null;
+	let options;
+	if (sanitization == null || sanitization === true) options = {};
+	else options = sanitization === false ? void 0 : sanitization;
 	const template = value instanceof HTMLTemplateElement ? value : getTemplate(value);
 	if (template == null) return [];
 	const cloned = template.content.cloneNode(true);
@@ -25,7 +27,13 @@ function html(value, sanitization) {
 	for (let index = 0; index < length; index += 1) scripts[index].remove();
 	cloned.normalize();
 	return options != null ? sanitize([...cloned.childNodes], options) : [...cloned.childNodes];
-}
-var idPattern = /^[a-z][\w-]*$/i;
+});
+html.clear = () => {
+	templates = {};
+};
+html.remove = (template) => {
+	if (typeof template === "string") templates[template] = void 0;
+};
+var EXPRESSION_ID = /^[a-z][\w-]*$/i;
 var templates = {};
 export { html };

package/dist/index.js

@@ -1,6 +1,6 @@
 import touch_default from "./touch.js";
 import { isChildNode, isEventTarget, isHTMLOrSVGElement, isInDocument } from "./is.js";
-import { getStyle, getStyles, getTextDirection, setStyle, setStyles } from "./style.js";
+import { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles } from "./style.js";
 import { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes, setProperties, setProperty } from "./attribute.js";
 import { sanitize } from "./sanitize.js";
 import { getData, setData } from "./data.js";
@@ -8,4 +8,4 @@ import { dispatch, getPosition, off, on } from "./event.js";
 import { $ as findElement, $$ as findElements, findAncestor, findRelatives, getElementUnderPointer } from "./find.js";
 import { getFocusable, getTabbable, isFocusable, isTabbable } from "./focusable.js";
 import { html } from "./html.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 };
+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/get-value.js

@@ -6,11 +6,11 @@ function getAttributeValue(element, name, parseValue) {
 	const normalized = kebabCase(name);
 	const attribute = element.attributes[normalized];
 	const value = attribute instanceof Attr ? attribute.value : void 0;
-	return dataPrefix.test(normalized) && typeof value === "string" && parseValue ? parse(value) ?? value : value;
+	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];
 }
-var dataPrefix = /^data-/i;
-export { getAttributeValue, getBoolean, getStyleValue };
+const EXPRESSION_DATA_PREFIX = /^data-/i;
+export { EXPRESSION_DATA_PREFIX, getAttributeValue, getBoolean, getStyleValue };

package/dist/is.js

@@ -1,5 +1,5 @@
 function isChildNode(value) {
-	return value instanceof Node && childNodeTypes.has(value.nodeType);
+	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
 }
 function isEventTarget(value) {
 	return typeof value === "object" && value != null && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function" && typeof value.dispatchEvent === "function";
@@ -8,13 +8,15 @@ function isHTMLOrSVGElement(value) {
 	return value instanceof HTMLElement || value instanceof SVGElement;
 }
 function isInDocument(node, document) {
-	return node instanceof Node ? document instanceof Document ? node.ownerDocument == null ? node === document : node.ownerDocument === document && document.contains(node) : node.ownerDocument?.contains(node) ?? true : false;
+	if (!(node instanceof Node)) return false;
+	if (!(document instanceof Document)) return node.ownerDocument?.contains(node) ?? true;
+	return node.ownerDocument == null ? node === document : node.ownerDocument === document && document.contains(node);
 }
-var childNodeTypes = new Set([
-	1,
-	3,
-	7,
-	8,
-	10
+var CHILD_NODE_TYPES = new Set([
+	Node.ELEMENT_NODE,
+	Node.TEXT_NODE,
+	Node.PROCESSING_INSTRUCTION_NODE,
+	Node.COMMENT_NODE,
+	Node.DOCUMENT_TYPE_NODE
 ]);
 export { isChildNode, isEventTarget, isHTMLOrSVGElement, isInDocument };

package/dist/style.js

@@ -7,7 +7,7 @@ function getStyle(element, property, computed) {
 }
 function getStyles(element, properties, computed) {
 	const styles = {};
-	if (!isHTMLOrSVGElement(element) || !Array.isArray(properties)) return styles;
+	if (!(isHTMLOrSVGElement(element) && Array.isArray(properties))) return styles;
 	const { length } = properties;
 	for (let index = 0; index < length; index += 1) {
 		const property = properties[index];
@@ -17,9 +17,10 @@ function getStyles(element, properties, computed) {
 }
 function getTextDirection(element, computed) {
 	if (!(element instanceof Element)) return;
-	const direction = element.getAttribute("dir");
-	if (direction != null && /^(ltr|rtl)$/i.test(direction)) return direction.toLowerCase();
-	return getStyleValue(element, "direction", computed === true) === "rtl" ? "rtl" : "ltr";
+	const direction = element.getAttribute(ATTRIBUTE_DIRECTION);
+	if (direction != null && EXPRESSION_DIRECTION.test(direction)) return direction.toLowerCase();
+	const value = getStyleValue(element, "direction", computed === true);
+	return value === "rtl" ? value : "ltr";
 }
 function setStyle(element, property, value) {
 	setElementValues(element, property, value, updateStyleProperty);
@@ -27,6 +28,32 @@ function setStyle(element, property, value) {
 function setStyles(element, styles) {
 	setElementValues(element, styles, null, updateStyleProperty);
 }
+function toggleStyles(element, styles) {
+	function toggle(set) {
+		hasSet = set;
+		let next;
+		if (set) {
+			values = getStyles(element, keys);
+			next = styles;
+		} else {
+			next = { ...values };
+			values = {};
+			for (const key of keys) values[key] = void 0;
+		}
+		setStyles(element, next);
+	}
+	const keys = Object.keys(styles);
+	let hasSet = false;
+	let values = {};
+	return {
+		set() {
+			if (!hasSet) toggle(true);
+		},
+		remove() {
+			if (hasSet) toggle(false);
+		}
+	};
+}
 function updateStyleProperty(element, key, value) {
 	updateElementValue(element, key, value, function(property, value$1) {
 		this.style[property] = value$1;
@@ -34,4 +61,6 @@ function updateStyleProperty(element, key, value) {
 		this.style[property] = "";
 	}, false);
 }
-export { getStyle, getStyles, getTextDirection, setStyle, setStyles };
+var ATTRIBUTE_DIRECTION = "dir";
+var EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
+export { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles };