@oscarpalmer/toretto 0.26.1 → 0.28.0

package/dist/attribute/get.js

@@ -1,5 +1,5 @@
-import { isHTMLOrSVGElement } from "../internal/is.js";
 import { getAttributeValue } from "../internal/get-value.js";
+import { isHTMLOrSVGElement } from "../internal/is.js";
 function getAttribute(element, name, parseValues) {
 	if (isHTMLOrSVGElement(element) && typeof name === "string") return getAttributeValue(element, name, parseValues !== false);
 }

package/dist/attribute/index.js

@@ -1,4 +1,4 @@
-import { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "../internal/attribute.js";
 import { getAttribute, getAttributes } from "./get.js";
+import { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "../internal/attribute.js";
 import { setAttribute, setAttributes, setProperties, setProperty } from "./set.js";
 export { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes, setProperties, setProperty };

package/dist/attribute/set.js

@@ -1,14 +1,14 @@
-import { updateAttribute, updateProperty, updateValue, updateValues } from "./update.js";
+import { updateValue, updateValues } from "../internal/attribute.js";
 function setAttribute(element, first, second) {
-	updateValue(element, first, second, updateAttribute);
+	updateValue(element, first, second);
 }
 function setAttributes(element, attributes) {
 	updateValues(element, attributes);
 }
 function setProperty(element, first, second) {
-	updateValue(element, first, second, updateProperty);
+	updateValue(element, first, second);
 }
 function setProperties(element, properties) {
-	updateValues(element, properties, updateProperty);
+	updateValues(element, properties);
 }
 export { setAttribute, setAttributes, setProperties, setProperty };

package/dist/data.js

@@ -1,6 +1,6 @@
+import { EXPRESSION_DATA_PREFIX } from "./internal/get-value.js";
 import { isHTMLOrSVGElement } from "./internal/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;

package/dist/event/delegation.js

@@ -1,11 +1,11 @@
 import { isEventTarget } from "../internal/is.js";
 function addDelegatedHandler(document$1, type, name, passive) {
-	const listeners = `${name}${LISTENERS_SUFFIX}`;
-	if (document$1[listeners] != null) {
-		document$1[listeners] += 1;
+	const count = `${name}${COUNT_SUFFIX}`;
+	if (document$1[count] != null) {
+		document$1[count] += 1;
 		return;
 	}
-	document$1[listeners] = 1;
+	document$1[count] = 1;
 	document$1.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, { passive });
 }
 function addDelegatedListener(target, type, name, listener, passive) {
@@ -27,15 +27,14 @@ function delegatedEventHandler(event) {
 	for (let index = 0; index < length; index += 1) {
 		const item = items[index];
 		const listeners = item[key];
-		if (!item.disabled && listeners != null) {
-			Object.defineProperty(event, "currentTarget", {
-				configurable: true,
-				value: item
-			});
-			for (const listener of listeners) {
-				listener.call(item, event);
-				if (event.cancelBubble) return;
-			}
+		if (item.disabled || listeners == null) continue;
+		Object.defineProperty(event, "currentTarget", {
+			configurable: true,
+			value: item
+		});
+		for (const listener of listeners) {
+			listener.call(item, event);
+			if (event.cancelBubble) return;
 		}
 	}
 }
@@ -43,10 +42,10 @@ function getDelegatedName(target, type, options) {
 	if (isEventTarget(target) && EVENT_TYPES.has(type) && !options.capture && !options.once && options.signal == null) return `${EVENT_PREFIX}${type}${options.passive ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
 }
 function removeDelegatedHandler(document$1, type, name, passive) {
-	const listeners = `${name}${LISTENERS_SUFFIX}`;
-	document$1[listeners] -= 1;
-	if (document$1[listeners] < 1) {
-		document$1[listeners] = void 0;
+	const count = `${name}${COUNT_SUFFIX}`;
+	document$1[count] -= 1;
+	if (document$1[count] < 1) {
+		document$1[count] = void 0;
 		document$1.removeEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE);
 	}
 }
@@ -54,10 +53,11 @@ function removeDelegatedListener(target, type, name, listener, passive) {
 	const handlers = target[name];
 	if (handlers == null || !handlers.has(listener)) return false;
 	handlers.delete(listener);
-	if (handlers?.size === 0) target[name] = void 0;
+	if (handlers.size === 0) target[name] = void 0;
 	removeDelegatedHandler(document, type, name, passive);
 	return true;
 }
+var COUNT_SUFFIX = ".count";
 var EVENT_PREFIX = "@";
 var EVENT_SUFFIX_ACTIVE = ":active";
 var EVENT_SUFFIX_PASSIVE = ":passive";
@@ -87,5 +87,4 @@ var EVENT_TYPES = new Set([
 ]);
 var HANDLER_ACTIVE = delegatedEventHandler.bind(false);
 var HANDLER_PASSIVE = delegatedEventHandler.bind(true);
-var LISTENERS_SUFFIX = ":listeners";
 export { addDelegatedListener, getDelegatedName, removeDelegatedListener };

package/dist/event/index.js

@@ -1,5 +1,5 @@
-import { isEventTarget } from "../internal/is.js";
 import { getBoolean } from "../internal/get-value.js";
+import { isEventTarget } from "../internal/is.js";
 import { addDelegatedListener, getDelegatedName, removeDelegatedListener } from "./delegation.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { noop } from "@oscarpalmer/atoms/function";

package/dist/index.js

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

package/dist/internal/attribute.js

@@ -1,3 +1,5 @@
+import { isHTMLOrSVGElement } from "./is.js";
+import { getString } from "@oscarpalmer/atoms/string";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 function isAttribute(value) {
 	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
@@ -19,6 +21,9 @@ function isInvalidBooleanAttribute(first, second) {
 		return !(normalized.length === 0 || normalized === attribute.name);
 	}, first, second);
 }
+function isProperty(value) {
+	return isPlainObject(value) && typeof value.name === "string";
+}
 function isValidAttribute(callback, first, second) {
 	let attribute;
 	if (isAttribute(first)) attribute = first;
@@ -28,6 +33,32 @@ function isValidAttribute(callback, first, second) {
 	};
 	return callback(attribute);
 }
+function updateAttribute(element, name, value) {
+	const isBoolean = booleanAttributes.includes(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);
+}
+function updateValues(element, values) {
+	if (!isHTMLOrSVGElement(element)) return;
+	const isArray = Array.isArray(values);
+	const entries = Object.entries(values);
+	const { length } = entries;
+	for (let index = 0; index < length; index += 1) {
+		const entry = entries[index];
+		if (isArray) updateAttribute(element, entry[1].name, entry[1].value);
+		else updateAttribute(element, entry[0], entry[1]);
+	}
+}
 var EXPRESSION_ON_PREFIX = /^on/i;
 var EXPRESSION_SOURCE_PREFIX = /^(href|src|xlink:href)$/i;
 var EXPRESSION_VALUE_PREFIX = /(data:text\/html|javascript:)/i;
@@ -57,4 +88,4 @@ const booleanAttributes = Object.freeze([
 	"reversed",
 	"selected"
 ]);
-export { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute };
+export { booleanAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, isProperty, updateValue, updateValues };

package/dist/style.js

@@ -1,6 +1,6 @@
+import { getStyleValue } from "./internal/get-value.js";
 import { isHTMLOrSVGElement } from "./internal/is.js";
 import { setElementValues, updateElementValue } from "./internal/element-value.js";
-import { getStyleValue } from "./internal/get-value.js";
 function getStyle(element, property, computed) {
 	if (!isHTMLOrSVGElement(element) || typeof property !== "string") return;
 	return getStyleValue(element, property, computed === true);