@oscarpalmer/toretto 0.43.0 → 0.44.0

package/dist/data.mjs

@@ -1,8 +1,8 @@
 import { isHTMLOrSVGElement } from "./internal/is.mjs";
 import { setElementValues, updateElementValue } from "./internal/element-value.mjs";
 import { EXPRESSION_DATA_PREFIX } from "./internal/get-value.mjs";
-import { camelCase, kebabCase } from "@oscarpalmer/atoms/string/case";
 import { parse } from "@oscarpalmer/atoms/string";
+import { camelCase, kebabCase } from "@oscarpalmer/atoms/string/case";
 //#region src/data.ts
 function getData(element, keys, parseValues) {
 	if (!isHTMLOrSVGElement(element)) return;

package/dist/index.mjs

@@ -105,6 +105,21 @@ function isNullableOrWhitespace(value) {
 }
 const EXPRESSION_WHITESPACE$1 = /^\s*$/;
 //#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/string/index.mjs
+/**
+* Parse a JSON string into its proper value _(or `undefined` if it fails)_
+* @param value JSON string to parse
+* @param reviver Reviver function to transform the parsed values
+* @returns Parsed value or `undefined` if parsing fails
+*/
+function parse(value, reviver) {
+	try {
+		return JSON.parse(value, reviver);
+	} catch {
+		return;
+	}
+}
+//#endregion
 //#region node_modules/@oscarpalmer/atoms/dist/internal/number.mjs
 /**
 * Clamp a number between a minimum and maximum value
@@ -406,6 +421,10 @@ const CHILD_NODE_TYPES = new Set([
 ]);
 //#endregion
 //#region src/internal/element-value.ts
+function ignoreSetAttribute(element, name) {
+	if (element instanceof HTMLTextAreaElement && name === "value") return true;
+	return false;
+}
 function normalizeKey(key, style) {
 	return style && key.startsWith(CSS_VARIABLE_PREFIX$1) ? key : kebabCase(key);
 }
@@ -435,7 +454,7 @@ function setElementValues(element, first, second, third, callback, style) {
 }
 function updateElementValue(element, key, value, set, remove, isBoolean, json) {
 	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
-	else set.call(element, key, json ? JSON.stringify(value) : String(value));
+	else if (!ignoreSetAttribute(element, key)) set.call(element, key, json ? JSON.stringify(value) : getString(value));
 }
 const CSS_VARIABLE_PREFIX$1 = "--";
 //#endregion
@@ -485,7 +504,7 @@ function handleAttribute(callback, decode, first, second) {
 	let value;
 	if (isAttribute(first)) {
 		name = first.name;
-		value = String(first.value);
+		value = getString(first.value);
 	} else if (typeof first === "string" && typeof second === "string") {
 		name = first;
 		value = second;
@@ -562,21 +581,6 @@ const dispatchedAttributes = new Set([
 const formElement = document.createElement("form");
 let textArea;
 //#endregion
-//#region node_modules/@oscarpalmer/atoms/dist/string/index.mjs
-/**
-* Parse a JSON string into its proper value _(or `undefined` if it fails)_
-* @param value JSON string to parse
-* @param reviver Reviver function to transform the parsed values
-* @returns Parsed value or `undefined` if parsing fails
-*/
-function parse(value, reviver) {
-	try {
-		return JSON.parse(value, reviver);
-	} catch {
-		return;
-	}
-}
-//#endregion
 //#region src/internal/get-value.ts
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
@@ -725,8 +729,8 @@ function toggleStyles(element, styles) {
 }
 function updateStyleProperty(element, key, value) {
 	updateElementValue(element, key, value, function(property, style) {
-		if (property.startsWith(VARIABLE_PREFIX)) this.style.setProperty(property, String(style));
-		else this.style[property] = String(style);
+		if (property.startsWith(VARIABLE_PREFIX)) this.style.setProperty(property, getString(style));
+		else this.style[property] = getString(style);
 	}, function(property) {
 		if (property.startsWith(VARIABLE_PREFIX)) this.style.removeProperty(property);
 		else this.style[property] = "";

package/dist/internal/attribute.mjs

@@ -1,6 +1,7 @@
 import { updateElementValue } from "./element-value.mjs";
 import { updateProperty } from "./property.mjs";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
+import { getString } from "@oscarpalmer/atoms/string";
 import { kebabCase } from "@oscarpalmer/atoms/string/case";
 //#region src/internal/attribute.ts
 function badAttributeHandler(name, value) {
@@ -26,7 +27,7 @@ function handleAttribute(callback, decode, first, second) {
 	let value;
 	if (isAttribute(first)) {
 		name = first.name;
-		value = String(first.value);
+		value = getString(first.value);
 	} else if (typeof first === "string" && typeof second === "string") {
 		name = first;
 		value = second;

package/dist/internal/element-value.mjs

@@ -2,8 +2,13 @@ import { isHTMLOrSVGElement } from "./is.mjs";
 import "../is.mjs";
 import { isAttribute } from "./attribute.mjs";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
+import { getString } from "@oscarpalmer/atoms/string";
 import { kebabCase } from "@oscarpalmer/atoms/string/case";
 //#region src/internal/element-value.ts
+function ignoreSetAttribute(element, name) {
+	if (element instanceof HTMLTextAreaElement && name === "value") return true;
+	return false;
+}
 function normalizeKey(key, style) {
 	return style && key.startsWith(CSS_VARIABLE_PREFIX) ? key : kebabCase(key);
 }
@@ -33,7 +38,7 @@ function setElementValues(element, first, second, third, callback, style) {
 }
 function updateElementValue(element, key, value, set, remove, isBoolean, json) {
 	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
-	else set.call(element, key, json ? JSON.stringify(value) : String(value));
+	else if (!ignoreSetAttribute(element, key)) set.call(element, key, json ? JSON.stringify(value) : getString(value));
 }
 const CSS_VARIABLE_PREFIX = "--";
 //#endregion

package/dist/internal/get-value.mjs

@@ -1,5 +1,5 @@
-import { camelCase, kebabCase } from "@oscarpalmer/atoms/string/case";
 import { parse } from "@oscarpalmer/atoms/string";
+import { camelCase, kebabCase } from "@oscarpalmer/atoms/string/case";
 //#region src/internal/get-value.ts
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;

package/dist/style.mjs

@@ -1,6 +1,7 @@
 import { isHTMLOrSVGElement } from "./internal/is.mjs";
 import { setElementValues, updateElementValue } from "./internal/element-value.mjs";
 import { getStyleValue } from "./internal/get-value.mjs";
+import { getString } from "@oscarpalmer/atoms/string";
 //#region src/style.ts
 /**
 * Get a style from an element
@@ -89,8 +90,8 @@ function toggleStyles(element, styles) {
 }
 function updateStyleProperty(element, key, value) {
 	updateElementValue(element, key, value, function(property, style) {
-		if (property.startsWith(VARIABLE_PREFIX)) this.style.setProperty(property, String(style));
-		else this.style[property] = String(style);
+		if (property.startsWith(VARIABLE_PREFIX)) this.style.setProperty(property, getString(style));
+		else this.style[property] = getString(style);
 	}, function(property) {
 		if (property.startsWith(VARIABLE_PREFIX)) this.style.removeProperty(property);
 		else this.style[property] = "";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oscarpalmer/toretto",
-	"version": "0.43.0",
+	"version": "0.44.0",
 	"description": "A collection of badass DOM utilities.",
 	"keywords": [
 		"dom",

package/src/internal/attribute.ts

@@ -1,5 +1,6 @@
 import {isPlainObject} from '@oscarpalmer/atoms/is';
 import type {PlainObject} from '@oscarpalmer/atoms/models';
+import {getString} from '@oscarpalmer/atoms/string';
 import {kebabCase} from '@oscarpalmer/atoms/string/case';
 import type {Attribute} from '../models';
 import {updateElementValue} from './element-value';
@@ -65,7 +66,7 @@ function handleAttribute(
 
 	if (isAttribute(first)) {
 		name = first.name;
-		value = String(first.value);
+		value = getString(first.value);
 	} else if (typeof first === 'string' && typeof second === 'string') {
 		name = first;
 		value = second;

package/src/internal/element-value.ts

@@ -1,10 +1,19 @@
 import {isNullableOrWhitespace} from '@oscarpalmer/atoms/is';
+import {getString} from '@oscarpalmer/atoms/string';
 import {kebabCase} from '@oscarpalmer/atoms/string/case';
 import {isHTMLOrSVGElement} from '../is';
 import {isAttribute} from './attribute';
 
 // #region Functions
 
+function ignoreSetAttribute(element: Element, name: string): boolean {
+	if (element instanceof HTMLTextAreaElement && name === 'value') {
+		return true;
+	}
+
+	return false;
+}
+
 function normalizeKey(key: string, style?: boolean): string {
 	return style && key.startsWith(CSS_VARIABLE_PREFIX) ? key : kebabCase(key);
 }
@@ -77,8 +86,8 @@ export function updateElementValue(
 ): void {
 	if (isBoolean ? value == null : isNullableOrWhitespace(value)) {
 		remove.call(element, key);
-	} else {
-		set.call(element, key, json ? JSON.stringify(value) : String(value));
+	} else if (!ignoreSetAttribute(element, key)) {
+		set.call(element, key, json ? JSON.stringify(value) : getString(value));
 	}
 }
 

package/src/style.ts

@@ -1,3 +1,4 @@
+import {getString} from '@oscarpalmer/atoms/string';
 import {setElementValues, updateElementValue} from './internal/element-value';
 import {getStyleValue} from './internal/get-value';
 import {isHTMLOrSVGElement} from './internal/is';
@@ -187,9 +188,9 @@ function updateStyleProperty(element: Element, key: string, value: unknown): voi
 		value,
 		function (this: Element, property: string, style: unknown) {
 			if (property.startsWith(VARIABLE_PREFIX)) {
-				(this as HTMLElement).style.setProperty(property, String(style));
+				(this as HTMLElement).style.setProperty(property, getString(style));
 			} else {
-				(this as HTMLElement).style[property as never] = String(style);
+				(this as HTMLElement).style[property as never] = getString(style);
 			}
 		},
 		function (this: Element, property: string) {