@oscarpalmer/toretto 0.30.1 → 0.32.0

package/src/html/sanitize.ts

@@ -1,27 +1,20 @@
+import {setAttribute} from '../attribute/set';
 import {
-	isBadAttribute,
-	isEmptyNonBooleanAttribute,
-	isInvalidBooleanAttribute,
+	_isBadAttribute,
+	_isEmptyNonBooleanAttribute,
+	_isInvalidBooleanAttribute,
 } from '../internal/attribute';
 
-function handleElement(element: Element, depth: number): boolean {
-	if (isClobbered(element)) {
-		element.remove();
-
-		return true;
-	}
-
+function handleElement(element: Element, depth: number): void {
 	if (depth === 0) {
-		const scripts = element.querySelectorAll('script');
+		const removable = element.querySelectorAll(REMOVE_SELECTOR);
 
-		for (const script of scripts) {
-			script.remove();
+		for (const item of removable) {
+			item.remove();
 		}
 	}
 
 	sanitizeAttributes(element, [...element.attributes]);
-
-	return false;
 }
 
 /**
@@ -29,47 +22,75 @@ function handleElement(element: Element, depth: number): boolean {
  *
  * Thanks, DOMPurify _(https://github.com/cure53/DOMPurify)_
  */
-function isClobbered(element: Element): boolean {
+function isClobbered(value: unknown): boolean {
 	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')
+		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: Node): void {
+	if (typeof (node as ChildNode).remove === 'function') {
+		(node as ChildNode).remove();
+	}
+}
+
 export function sanitizeAttributes(element: Element, attributes: Attr[]): void {
 	const {length} = attributes;
 
 	for (let index = 0; index < length; index += 1) {
 		const {name, value} = attributes[index];
 
-		if (isBadAttribute(name, value, false) || isEmptyNonBooleanAttribute(name, value, false)) {
+		if (_isBadAttribute(name, value, false) || _isEmptyNonBooleanAttribute(name, value, false)) {
 			element.removeAttribute(name);
-		} else if (isInvalidBooleanAttribute(name, value, false)) {
-			element.setAttribute(name, '');
+		} else if (_isInvalidBooleanAttribute(name, value, false)) {
+			setAttribute(element, name, true);
 		}
 	}
 }
 
 export function sanitizeNodes(nodes: Node[], depth: number): Node[] {
 	const actual = nodes.filter(node => node instanceof Node);
+
 	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 as Element, depth);
+					break;
+
+				case Node.COMMENT_NODE:
+					remove = COMMENT_HARMFUL.test((node as Comment).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;
 		}
@@ -81,3 +102,9 @@ export function sanitizeNodes(nodes: Node[], depth: number): Node[] {
 
 	return nodes;
 }
+
+//
+
+const COMMENT_HARMFUL = /<[/\w]/g;
+
+const REMOVE_SELECTOR = 'script, toretto-temporary';

package/src/internal/attribute.ts

@@ -1,7 +1,7 @@
 import type {PlainObject} from '@oscarpalmer/atoms';
 import {isPlainObject} from '@oscarpalmer/atoms/is';
 import {getString} from '@oscarpalmer/atoms/string';
-import type {Attribute, HTMLOrSVGElement, Property} from '../models';
+import type {Attribute, Property} from '../models';
 import {isHTMLOrSVGElement} from './is';
 
 function badAttributeHandler(name?: string, value?: string): boolean {
@@ -82,11 +82,11 @@ function isAttribute(value: unknown): value is Attr | Attribute {
 	);
 }
 
-export function isBadAttribute(first: unknown, second: unknown, decode: boolean): boolean {
+export function _isBadAttribute(first: unknown, second: unknown, decode: boolean): boolean {
 	return handleAttribute(badAttributeHandler, decode, first, second);
 }
 
-export function isBooleanAttribute(first: unknown, decode: boolean): boolean {
+export function _isBooleanAttribute(first: unknown, decode: boolean): boolean {
 	return handleAttribute(
 		name => booleanAttributesSet.has(name?.toLowerCase() as string),
 		decode,
@@ -95,7 +95,7 @@ export function isBooleanAttribute(first: unknown, decode: boolean): boolean {
 	);
 }
 
-export function isEmptyNonBooleanAttribute(
+export function _isEmptyNonBooleanAttribute(
 	first: unknown,
 	second: unknown,
 	decode: boolean,
@@ -109,7 +109,7 @@ export function isEmptyNonBooleanAttribute(
 	);
 }
 
-export function isInvalidBooleanAttribute(
+export function _isInvalidBooleanAttribute(
 	first: unknown,
 	second: unknown,
 	decode: boolean,
@@ -125,7 +125,7 @@ function isValidSourceAttribute(name: string, value: string): boolean {
 	return EXPRESSION_SOURCE_NAME.test(name) && EXPRESSION_SOURCE_VALUE.test(value);
 }
 
-function updateAttribute(element: HTMLOrSVGElement, name: string, value: unknown): void {
+function updateAttribute(element: Element, name: string, value: unknown): void {
 	const isBoolean = booleanAttributesSet.has(name.toLowerCase());
 
 	if (isBoolean) {
@@ -139,14 +139,14 @@ function updateAttribute(element: HTMLOrSVGElement, name: string, value: unknown
 	}
 }
 
-function updateProperty(element: HTMLOrSVGElement, name: string, value: unknown): void {
+function updateProperty(element: Element, name: string, value: unknown): void {
 	const actual = name.toLowerCase();
 
 	(element as unknown as PlainObject)[actual] =
 		value === '' || (typeof value === 'string' && value.toLowerCase() === actual) || value === true;
 }
 
-export function updateValue(element: HTMLOrSVGElement, first: unknown, second: unknown): void {
+export function updateValue(element: Element, first: unknown, second: unknown): void {
 	if (!isHTMLOrSVGElement(element)) {
 		return;
 	}
@@ -159,7 +159,7 @@ export function updateValue(element: HTMLOrSVGElement, first: unknown, second: u
 }
 
 export function updateValues(
-	element: HTMLOrSVGElement,
+	element: Element,
 	values: Attribute<unknown>[] | Record<string, unknown>,
 ): void {
 	if (!isHTMLOrSVGElement(element)) {

package/src/internal/element-value.ts

@@ -1,13 +1,12 @@
 import type {PlainObject} from '@oscarpalmer/atoms';
 import {isNullableOrWhitespace, isPlainObject} from '@oscarpalmer/atoms/is';
 import {isHTMLOrSVGElement} from '../is';
-import type {HTMLOrSVGElement} from '../models';
 
 export function setElementValues(
-	element: HTMLOrSVGElement,
+	element: Element,
 	first: PlainObject | string,
 	second: unknown,
-	callback: (element: HTMLOrSVGElement, key: string, value: unknown) => void,
+	callback: (element: Element, key: string, value: unknown) => void,
 ): void {
 	if (!isHTMLOrSVGElement(element)) {
 		return;
@@ -28,7 +27,7 @@ export function setElementValues(
 }
 
 export function updateElementValue(
-	element: HTMLOrSVGElement,
+	element: Element,
 	key: string,
 	value: unknown,
 	set: (key: string, value: string) => void,

package/src/internal/get-value.ts

@@ -1,15 +1,10 @@
 import {camelCase, kebabCase, parse} from '@oscarpalmer/atoms/string';
-import type {HTMLOrSVGElement} from '../models';
 
 export function getBoolean(value: unknown, defaultValue?: boolean): boolean {
 	return typeof value === 'boolean' ? value : (defaultValue ?? false);
 }
 
-export function getAttributeValue(
-	element: HTMLOrSVGElement,
-	name: string,
-	parseValue: boolean,
-): unknown {
+export function getAttributeValue(element: Element, name: string, parseValue: boolean): unknown {
 	const normalized = kebabCase(name);
 	const attribute = element.attributes[normalized as keyof NamedNodeMap];
 	const value = attribute instanceof Attr ? attribute.value : undefined;
@@ -20,13 +15,15 @@ export function getAttributeValue(
 }
 
 export function getStyleValue(
-	element: HTMLOrSVGElement,
+	element: Element,
 	property: string,
 	computed: boolean,
 ): string | undefined {
 	const name = camelCase(property);
 
-	return computed ? getComputedStyle(element)[name as never] : element.style[name as never];
+	return computed
+		? getComputedStyle(element)[name as never]
+		: (element as HTMLElement).style[name as never];
 }
 
 export const EXPRESSION_DATA_PREFIX = /^data-/i;

package/src/internal/is.ts

@@ -1,5 +1,3 @@
-import type {HTMLOrSVGElement} from '../models';
-
 /**
  * Is the value an event target?
  * @param value Value to check
@@ -20,6 +18,6 @@ export function isEventTarget(value: unknown): value is EventTarget {
  * @param value Value to check
  * @returns `true` if it's an HTML or SVG element, otherwise `false`
  */
-export function isHTMLOrSVGElement(value: unknown): value is HTMLOrSVGElement {
+export function isHTMLOrSVGElement(value: unknown): value is HTMLElement | SVGElement {
 	return value instanceof HTMLElement || value instanceof SVGElement;
 }

package/src/is.ts

@@ -22,18 +22,18 @@ export function isInDocument(node: Node): boolean;
  */
 export function isInDocument(node: Node, document: Document): boolean;
 
-export function isInDocument(node: Node, document?: Document): boolean {
+export function isInDocument(node: Node, doc?: Document): boolean {
 	if (!(node instanceof Node)) {
 		return false;
 	}
 
-	if (!(document instanceof Document)) {
+	if (!(doc instanceof Document)) {
 		return node.ownerDocument?.contains(node) ?? true;
 	}
 
 	return node.ownerDocument == null
-		? node === document
-		: node.ownerDocument === document && document.contains(node);
+		? node === doc
+		: node.ownerDocument === doc && doc.contains(node);
 }
 
 //

package/src/models.ts

@@ -19,11 +19,6 @@ export type EventPosition = {
 	y: number;
 };
 
-/**
- * Combined type to work with HTML and SVG elements
- */
-export type HTMLOrSVGElement = HTMLElement | SVGElement;
-
 /**
  * Property for an element
  */

package/src/style.ts

@@ -1,7 +1,7 @@
 import {setElementValues, updateElementValue} from './internal/element-value';
 import {getStyleValue} from './internal/get-value';
 import {isHTMLOrSVGElement} from './internal/is';
-import type {HTMLOrSVGElement, TextDirection} from './models';
+import type {TextDirection} from './models';
 
 export type StyleToggler = {
 	/**
@@ -22,7 +22,7 @@ export type StyleToggler = {
  * @returns Style value
  */
 export function getStyle(
-	element: HTMLOrSVGElement,
+	element: Element,
 	property: keyof CSSStyleDeclaration,
 	computed?: boolean,
 ): string | undefined {
@@ -41,7 +41,7 @@ export function getStyle(
  * @returns Style values
  */
 export function getStyles<Property extends keyof CSSStyleDeclaration>(
-	element: HTMLOrSVGElement,
+	element: Element,
 	properties: Property[],
 	computed?: boolean,
 ): Record<Property, string | undefined> {
@@ -70,7 +70,7 @@ export function getStyles<Property extends keyof CSSStyleDeclaration>(
  * @param computed Get the computed text direction? _(defaults to `false`)_
  * @returns Text direction
  */
-export function getTextDirection(element: HTMLOrSVGElement, computed?: boolean): TextDirection {
+export function getTextDirection(element: Element, computed?: boolean): TextDirection {
 	if (!(element instanceof Element)) {
 		return undefined as never;
 	}
@@ -93,7 +93,7 @@ export function getTextDirection(element: HTMLOrSVGElement, computed?: boolean):
  * @param value Style value
  */
 export function setStyle(
-	element: HTMLOrSVGElement,
+	element: Element,
 	property: keyof CSSStyleDeclaration,
 	value?: string,
 ): void {
@@ -105,7 +105,7 @@ export function setStyle(
  * @param element Element to set the styles on
  * @param styles Styles to set
  */
-export function setStyles(element: HTMLOrSVGElement, styles: Partial<CSSStyleDeclaration>): void {
+export function setStyles(element: Element, styles: Partial<CSSStyleDeclaration>): void {
 	setElementValues(element, styles as never, null, updateStyleProperty);
 }
 
@@ -115,10 +115,7 @@ export function setStyles(element: HTMLOrSVGElement, styles: Partial<CSSStyleDec
  * @param styles Styles to be set or removed
  * @returns Style toggler
  */
-export function toggleStyles(
-	element: HTMLOrSVGElement,
-	styles: Partial<CSSStyleDeclaration>,
-): StyleToggler {
+export function toggleStyles(element: Element, styles: Partial<CSSStyleDeclaration>): StyleToggler {
 	function toggle(set: boolean): void {
 		hasSet = set;
 
@@ -160,16 +157,16 @@ export function toggleStyles(
 	};
 }
 
-function updateStyleProperty(element: HTMLOrSVGElement, key: string, value: unknown): void {
+function updateStyleProperty(element: Element, key: string, value: unknown): void {
 	updateElementValue(
 		element,
 		key,
 		value,
-		function (this: HTMLOrSVGElement, property: string, value: string) {
-			this.style[property as never] = value;
+		function (this: Element, property: string, style: string) {
+			(this as HTMLElement).style[property as never] = style;
 		},
-		function (this: HTMLOrSVGElement, property: string) {
-			this.style[property as never] = '';
+		function (this: Element, property: string) {
+			(this as HTMLElement).style[property as never] = '';
 		},
 		false,
 	);

package/types/attribute/get.d.ts

@@ -5,14 +5,14 @@
  * @param parse Parse value? _(defaults to `true`)_
  * @returns Attribute value _(or `undefined`)_
  */
-export declare function getAttribute(element: HTMLOrSVGElement, name: `data-${string}`, parse?: boolean): unknown;
+export declare function getAttribute(element: Element, name: `data-${string}`, parse?: boolean): unknown;
 /**
  * Get the value of a specific attribute from an element
  * @param element Element to get attribute from
  * @param name Attribute name
  * @returns Attribute value _(or `undefined`)_
  */
-export declare function getAttribute(element: HTMLOrSVGElement, name: string): unknown;
+export declare function getAttribute(element: Element, name: string): unknown;
 /**
  * Get specific attributes from an element
  * @param element Element to get attributes from
@@ -20,4 +20,4 @@ export declare function getAttribute(element: HTMLOrSVGElement, name: string): u
  * @param parseData Parse data values? _(defaults to `true`)_
  * @returns Object of named attributes
  */
-export declare function getAttributes<Key extends string>(element: HTMLOrSVGElement, names: Key[], parseData?: boolean): Record<Key, unknown>;
+export declare function getAttributes<Key extends string>(element: Element, names: Key[], parseData?: boolean): Record<Key, unknown>;

package/types/attribute/set.d.ts

@@ -1,4 +1,4 @@
-import type { Attribute, HTMLOrSVGElement, Property } from '../models';
+import type { Attribute, Property } from '../models';
 /**
  * Set an attribute on an element
  *
@@ -7,7 +7,7 @@ import type { Attribute, HTMLOrSVGElement, Property } from '../models';
  * @param name Attribute name
  * @param value Attribute value
  */
-export declare function setAttribute(element: HTMLOrSVGElement, name: string, value?: unknown): void;
+export declare function setAttribute(element: Element, name: string, value?: unknown): void;
 /**
  * Set an attribute on an element
  *
@@ -15,7 +15,7 @@ export declare function setAttribute(element: HTMLOrSVGElement, name: string, va
  * @param element Element for attribute
  * @param attribute Attribute to set
  */
-export declare function setAttribute(element: HTMLOrSVGElement, attribute: Attr | Attribute): void;
+export declare function setAttribute(element: Element, attribute: Attr | Attribute): void;
 /**
  * Set one or more attributes on an element
  *
@@ -23,7 +23,7 @@ export declare function setAttribute(element: HTMLOrSVGElement, attribute: Attr
  * @param element Element for attributes
  * @param attributes Attributes to set
  */
-export declare function setAttributes(element: HTMLOrSVGElement, attributes: Array<Attr | Attribute>): void;
+export declare function setAttributes(element: Element, attributes: Array<Attr | Attribute>): void;
 /**
  * Set one or more attributes on an element
  *
@@ -31,7 +31,7 @@ export declare function setAttributes(element: HTMLOrSVGElement, attributes: Arr
  * @param element Element for attributes
  * @param attributes Attributes to set
  */
-export declare function setAttributes(element: HTMLOrSVGElement, attributes: Record<string, unknown>): void;
+export declare function setAttributes(element: Element, attributes: Record<string, unknown>): void;
 /**
  * Set a property on an element
  *
@@ -40,7 +40,7 @@ export declare function setAttributes(element: HTMLOrSVGElement, attributes: Rec
  * @param name Property name
  * @param value Property value
  */
-export declare function setProperty(element: HTMLOrSVGElement, name: string, value: boolean | string): void;
+export declare function setProperty(element: Element, name: string, value: boolean | string): void;
 /**
  * Set a property on an element
  *
@@ -48,7 +48,7 @@ export declare function setProperty(element: HTMLOrSVGElement, name: string, val
  * @param element Element for property
  * @param property Property to set
  */
-export declare function setProperty(element: HTMLOrSVGElement, property: Property): void;
+export declare function setProperty(element: Element, property: Property): void;
 /**
  * Set one or more properties on an element
  *
@@ -56,7 +56,7 @@ export declare function setProperty(element: HTMLOrSVGElement, property: Propert
  * @param element Element for properties
  * @param properties Properties to set
  */
-export declare function setProperties(element: HTMLOrSVGElement, properties: Property[]): void;
+export declare function setProperties(element: Element, properties: Property[]): void;
 /**
  * Set one or more properties on an element
  *
@@ -64,4 +64,4 @@ export declare function setProperties(element: HTMLOrSVGElement, properties: Pro
  * @param element Element for properties
  * @param properties Properties to set
  */
-export declare function setProperties(element: HTMLOrSVGElement, properties: Record<string, unknown>): void;
+export declare function setProperties(element: Element, properties: Record<string, unknown>): void;

package/types/data.d.ts

@@ -1,5 +1,4 @@
 import type { PlainObject } from '@oscarpalmer/atoms';
-import type { HTMLOrSVGElement } from './models';
 /**
  * Get a keyed data value from an element
  * @param element Element to get data from
@@ -7,7 +6,7 @@ import type { HTMLOrSVGElement } from './models';
  * @param parse Parse values? _(defaults to `true`)_
  * @returns Data value
  */
-export declare function getData(element: HTMLOrSVGElement, key: string, parse?: boolean): unknown;
+export declare function getData(element: Element, key: string, parse?: boolean): unknown;
 /**
  * Get keyed data values from an element
  * @param element Element to get data from
@@ -15,17 +14,17 @@ export declare function getData(element: HTMLOrSVGElement, key: string, parse?:
  * @param parse Parse values? _(defaults to `true`)_
  * @returns Keyed data values
  */
-export declare function getData<Key extends string>(element: HTMLOrSVGElement, keys: Key[], parse?: boolean): Record<Key, unknown>;
+export declare function getData<Key extends string>(element: Element, keys: Key[], parse?: boolean): Record<Key, unknown>;
 /**
  * Set data values on an element
  * @param element Element to set data on
  * @param data Data to set
  */
-export declare function setData(element: HTMLOrSVGElement, data: PlainObject): void;
+export declare function setData(element: Element, data: PlainObject): void;
 /**
  * Set a data value on an element
  * @param element Element to set data on
  * @param key Data key
  * @param value Data value
  */
-export declare function setData(element: HTMLOrSVGElement, key: string, value: unknown): void;
+export declare function setData(element: Element, key: string, value: unknown): void;

package/types/event/delegation.d.ts

@@ -4,4 +4,4 @@ export type EventTargetWithListeners = EventTarget & Partial<{
 }>;
 export declare function addDelegatedListener(target: EventTargetWithListeners, type: string, name: string, listener: EventListener | CustomEventListener, passive: boolean): RemovableEventListener;
 export declare function getDelegatedName(target: EventTarget, type: string, options: AddEventListenerOptions): string | undefined;
-export declare function removeDelegatedListener(target: EventTargetWithListeners, type: string, name: string, listener: EventListener | CustomEventListener, passive: boolean): boolean;
+export declare function removeDelegatedListener(target: EventTargetWithListeners, name: string, listener: EventListener | CustomEventListener): boolean;

package/types/find/index.d.ts

@@ -23,4 +23,4 @@ export declare function findElements(selector: Selector, context?: Selector | nu
  */
 export declare function getElementUnderPointer(skipIgnore?: boolean): Element | null;
 export { findElement as $, findElements as $$ };
-export { findAncestor, findRelatives } from './relative';
+export { findAncestor, findRelatives, getDistance } from './relative';

package/types/find/relative.d.ts

@@ -11,11 +11,17 @@ export declare function findAncestor(origin: Element, selector: string | ((eleme
 /**
  * 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})_
+ * 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
  */
 export declare function findRelatives(origin: Element, selector: string, context?: Document | Element): Element[];
+/**
+ * Get the distance between two elements _(i.e., the amount of nodes of between them)_
+ * @param origin Origin element
+ * @param target Target element
+ * @returns Distance between elements, or `-1` if distance cannot be calculated
+ */
+export declare function getDistance(origin: Element, target: Element): number;

package/types/internal/attribute.d.ts

@@ -1,11 +1,11 @@
-import type { Attribute, HTMLOrSVGElement, Property } from '../models';
-export declare function isBadAttribute(first: unknown, second: unknown, decode: boolean): boolean;
-export declare function isBooleanAttribute(first: unknown, decode: boolean): boolean;
-export declare function isEmptyNonBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
-export declare function isInvalidBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
+import type { Attribute, Property } from '../models';
+export declare function _isBadAttribute(first: unknown, second: unknown, decode: boolean): boolean;
+export declare function _isBooleanAttribute(first: unknown, decode: boolean): boolean;
+export declare function _isEmptyNonBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
+export declare function _isInvalidBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
 export declare function isProperty(value: unknown): value is Property;
-export declare function updateValue(element: HTMLOrSVGElement, first: unknown, second: unknown): void;
-export declare function updateValues(element: HTMLOrSVGElement, values: Attribute<unknown>[] | Record<string, unknown>): void;
+export declare function updateValue(element: Element, first: unknown, second: unknown): void;
+export declare function updateValues(element: Element, values: Attribute<unknown>[] | Record<string, unknown>): void;
 /**
  * List of boolean attributes
  */

package/types/internal/element-value.d.ts

@@ -1,4 +1,3 @@
 import type { PlainObject } from '@oscarpalmer/atoms';
-import type { HTMLOrSVGElement } from '../models';
-export declare function setElementValues(element: HTMLOrSVGElement, first: PlainObject | string, second: unknown, callback: (element: HTMLOrSVGElement, key: string, value: unknown) => void): void;
-export declare function updateElementValue(element: HTMLOrSVGElement, key: string, value: unknown, set: (key: string, value: string) => void, remove: (key: string) => void, json: boolean): void;
+export declare function setElementValues(element: Element, first: PlainObject | string, second: unknown, callback: (element: Element, key: string, value: unknown) => void): void;
+export declare function updateElementValue(element: Element, key: string, value: unknown, set: (key: string, value: string) => void, remove: (key: string) => void, json: boolean): void;

package/types/internal/get-value.d.ts

@@ -1,5 +1,4 @@
-import type { HTMLOrSVGElement } from '../models';
 export declare function getBoolean(value: unknown, defaultValue?: boolean): boolean;
-export declare function getAttributeValue(element: HTMLOrSVGElement, name: string, parseValue: boolean): unknown;
-export declare function getStyleValue(element: HTMLOrSVGElement, property: string, computed: boolean): string | undefined;
+export declare function getAttributeValue(element: Element, name: string, parseValue: boolean): unknown;
+export declare function getStyleValue(element: Element, property: string, computed: boolean): string | undefined;
 export declare const EXPRESSION_DATA_PREFIX: RegExp;

package/types/internal/is.d.ts

@@ -1,4 +1,3 @@
-import type { HTMLOrSVGElement } from '../models';
 /**
  * Is the value an event target?
  * @param value Value to check
@@ -10,4 +9,4 @@ export declare function isEventTarget(value: unknown): value is EventTarget;
  * @param value Value to check
  * @returns `true` if it's an HTML or SVG element, otherwise `false`
  */
-export declare function isHTMLOrSVGElement(value: unknown): value is HTMLOrSVGElement;
+export declare function isHTMLOrSVGElement(value: unknown): value is HTMLElement | SVGElement;

package/types/models.d.ts

@@ -16,10 +16,6 @@ export type EventPosition = {
     x: number;
     y: number;
 };
-/**
- * Combined type to work with HTML and SVG elements
- */
-export type HTMLOrSVGElement = HTMLElement | SVGElement;
 /**
  * Property for an element
  */