@oscarpalmer/toretto 0.30.0 → 0.31.0

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/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
  */

package/types/style.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLOrSVGElement, TextDirection } from './models';
+import type { TextDirection } from './models';
 export type StyleToggler = {
     /**
      * Set the provided styles on the element
@@ -16,7 +16,7 @@ export type StyleToggler = {
  * @param computed Get the computed style? _(defaults to `false`)_
  * @returns Style value
  */
-export declare function getStyle(element: HTMLOrSVGElement, property: keyof CSSStyleDeclaration, computed?: boolean): string | undefined;
+export declare function getStyle(element: Element, property: keyof CSSStyleDeclaration, computed?: boolean): string | undefined;
 /**
  * Get styles from an element
  * @param element Element to get the styles from
@@ -24,31 +24,31 @@ export declare function getStyle(element: HTMLOrSVGElement, property: keyof CSSS
  * @param computed Get the computed styles? _(defaults to `false`)_
  * @returns Style values
  */
-export declare function getStyles<Property extends keyof CSSStyleDeclaration>(element: HTMLOrSVGElement, properties: Property[], computed?: boolean): Record<Property, string | undefined>;
+export declare function getStyles<Property extends keyof CSSStyleDeclaration>(element: Element, properties: Property[], computed?: boolean): Record<Property, string | undefined>;
 /**
  * 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
  */
-export declare function getTextDirection(element: HTMLOrSVGElement, computed?: boolean): TextDirection;
+export declare function getTextDirection(element: Element, computed?: boolean): TextDirection;
 /**
  * Set a style on an element
  * @param element Element to set the style on
  * @param property Style name
  * @param value Style value
  */
-export declare function setStyle(element: HTMLOrSVGElement, property: keyof CSSStyleDeclaration, value?: string): void;
+export declare function setStyle(element: Element, property: keyof CSSStyleDeclaration, value?: string): void;
 /**
  * Set styles on an element
  * @param element Element to set the styles on
  * @param styles Styles to set
  */
-export declare function setStyles(element: HTMLOrSVGElement, styles: Partial<CSSStyleDeclaration>): void;
+export declare function setStyles(element: Element, styles: Partial<CSSStyleDeclaration>): void;
 /**
  * Toggle styles for an element
  * @param element Element to style
  * @param styles Styles to be set or removed
  * @returns Style toggler
  */
-export declare function toggleStyles(element: HTMLOrSVGElement, styles: Partial<CSSStyleDeclaration>): StyleToggler;
+export declare function toggleStyles(element: Element, styles: Partial<CSSStyleDeclaration>): StyleToggler;