veles 1.0.0-alpha.2 → 1.0.0-alpha.3

package/dist/{_utils-kYa7oewT.js → _utils-CCdioDsh.js}

@@ -168,6 +168,39 @@ function parseChildren({ children, htmlElement, velesNode, portal }) {
 	return childComponents;
 }
 //#endregion
+//#region src/attribute-utils.ts
+const ENUMERATED_BOOLEAN_ATTRIBUTES = {
+	draggable: {
+		trueValue: "true",
+		falseValue: "false"
+	},
+	contenteditable: {
+		trueValue: "true",
+		falseValue: "false"
+	},
+	spellcheck: {
+		trueValue: "true",
+		falseValue: "false"
+	},
+	translate: {
+		trueValue: "yes",
+		falseValue: "no"
+	}
+};
+function assignDomAttribute({ htmlElement, attributeName, value }) {
+	if (typeof value === "boolean") {
+		const enumeratedConfig = ENUMERATED_BOOLEAN_ATTRIBUTES[attributeName.toLowerCase()];
+		if (enumeratedConfig) {
+			htmlElement.setAttribute(attributeName, value ? enumeratedConfig.trueValue : enumeratedConfig.falseValue);
+			return;
+		}
+		if (value) htmlElement.setAttribute(attributeName, "");
+		else htmlElement.removeAttribute(attributeName);
+		return;
+	}
+	htmlElement.setAttribute(attributeName, value);
+}
+//#endregion
 //#region src/create-element/assign-attributes.ts
 function assignAttributes({ props, htmlElement, velesNode }) {
 	Object.entries(props).forEach(([key, value]) => {
@@ -185,9 +218,11 @@ function assignAttributes({ props, htmlElement, velesNode }) {
 }
 function assignAttribute({ key, value, htmlElement }) {
 	if (typeof value === "function" && key.startsWith("on")) htmlElement.addEventListener(key.slice(2).toLocaleLowerCase(), value);
-	else if (typeof value === "boolean") {
-		if (value) htmlElement.setAttribute(key, "");
-	} else htmlElement.setAttribute(key, value);
+	else assignDomAttribute({
+		htmlElement,
+		attributeName: key,
+		value
+	});
 }
 //#endregion
 //#region src/create-element/create-element.ts
@@ -478,4 +513,4 @@ function unique(arr) {
 	return resultArr;
 }
 //#endregion
-export { onUnmount as _, identity as a, addPublicContext as c, popPublicContext as d, Fragment as f, onMount as g, hasCurrentLifecycleContext as h, getMountedNodeExecutedVersion as i, createContext as l, createTextElement as m, callUnmountHandlers as n, renderTree as o, createElement as p, getExecutedComponentVelesNode as r, unique as s, callMountHandlers as t, getCurrentContext as u };
+export { onMount as _, identity as a, addPublicContext as c, popPublicContext as d, Fragment as f, hasCurrentLifecycleContext as g, createTextElement as h, getMountedNodeExecutedVersion as i, createContext as l, assignDomAttribute as m, callUnmountHandlers as n, renderTree as o, createElement as p, getExecutedComponentVelesNode as r, unique as s, callMountHandlers as t, getCurrentContext as u, onUnmount as v };

package/dist/{_utils-Bhfy2AFV.cjs → _utils-Cf3Xvo3q.cjs}

@@ -168,6 +168,39 @@ function parseChildren({ children, htmlElement, velesNode, portal }) {
 	return childComponents;
 }
 //#endregion
+//#region src/attribute-utils.ts
+const ENUMERATED_BOOLEAN_ATTRIBUTES = {
+	draggable: {
+		trueValue: "true",
+		falseValue: "false"
+	},
+	contenteditable: {
+		trueValue: "true",
+		falseValue: "false"
+	},
+	spellcheck: {
+		trueValue: "true",
+		falseValue: "false"
+	},
+	translate: {
+		trueValue: "yes",
+		falseValue: "no"
+	}
+};
+function assignDomAttribute({ htmlElement, attributeName, value }) {
+	if (typeof value === "boolean") {
+		const enumeratedConfig = ENUMERATED_BOOLEAN_ATTRIBUTES[attributeName.toLowerCase()];
+		if (enumeratedConfig) {
+			htmlElement.setAttribute(attributeName, value ? enumeratedConfig.trueValue : enumeratedConfig.falseValue);
+			return;
+		}
+		if (value) htmlElement.setAttribute(attributeName, "");
+		else htmlElement.removeAttribute(attributeName);
+		return;
+	}
+	htmlElement.setAttribute(attributeName, value);
+}
+//#endregion
 //#region src/create-element/assign-attributes.ts
 function assignAttributes({ props, htmlElement, velesNode }) {
 	Object.entries(props).forEach(([key, value]) => {
@@ -185,9 +218,11 @@ function assignAttributes({ props, htmlElement, velesNode }) {
 }
 function assignAttribute({ key, value, htmlElement }) {
 	if (typeof value === "function" && key.startsWith("on")) htmlElement.addEventListener(key.slice(2).toLocaleLowerCase(), value);
-	else if (typeof value === "boolean") {
-		if (value) htmlElement.setAttribute(key, "");
-	} else htmlElement.setAttribute(key, value);
+	else assignDomAttribute({
+		htmlElement,
+		attributeName: key,
+		value
+	});
 }
 //#endregion
 //#region src/create-element/create-element.ts
@@ -490,6 +525,12 @@ Object.defineProperty(exports, "addPublicContext", {
 		return addPublicContext;
 	}
 });
+Object.defineProperty(exports, "assignDomAttribute", {
+	enumerable: true,
+	get: function() {
+		return assignDomAttribute;
+	}
+});
 Object.defineProperty(exports, "callMountHandlers", {
 	enumerable: true,
 	get: function() {

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require__utils = require("./_utils-Bhfy2AFV.cjs");
+const require__utils = require("./_utils-Cf3Xvo3q.cjs");
 //#region src/attach-component.ts
 /**
 * Attach Veles component tree to a regular HTML node.
@@ -186,15 +186,17 @@ function addUseValueMountHandler({ usedValue, get, trackers, trackingSelectorEle
 function updateUseAttributeValue({ element, value }) {
 	const { cb, htmlElement, attributeName, attributeValue } = element;
 	const newAttributeValue = cb ? cb(value) : value;
-	if (typeof newAttributeValue === "boolean") if (newAttributeValue) htmlElement.setAttribute(attributeName, "");
-	else htmlElement.removeAttribute(attributeName);
-	else if (attributeName.startsWith("on")) {
+	if (attributeName.startsWith("on")) {
 		if (attributeValue === newAttributeValue) return;
 		const eventName = attributeName.slice(2).toLocaleLowerCase();
 		if (attributeValue) htmlElement.removeEventListener(eventName, attributeValue);
 		if (newAttributeValue && typeof newAttributeValue === "function") htmlElement.addEventListener(eventName, newAttributeValue);
 		element.attributeValue = newAttributeValue;
-	} else htmlElement.setAttribute(attributeName, newAttributeValue);
+	} else require__utils.assignDomAttribute({
+		htmlElement,
+		attributeName,
+		value: newAttributeValue
+	});
 }
 //#endregion
 //#region src/create-state/update-render-each-value.ts

package/dist/index.js

@@ -1,4 +1,4 @@
-import { _ as onUnmount, a as identity, c as addPublicContext, d as popPublicContext, f as Fragment, g as onMount, h as hasCurrentLifecycleContext, i as getMountedNodeExecutedVersion, l as createContext, m as createTextElement, n as callUnmountHandlers, o as renderTree, p as createElement, r as getExecutedComponentVelesNode, s as unique, t as callMountHandlers, u as getCurrentContext } from "./_utils-kYa7oewT.js";
+import { _ as onMount, a as identity, c as addPublicContext, d as popPublicContext, f as Fragment, g as hasCurrentLifecycleContext, h as createTextElement, i as getMountedNodeExecutedVersion, l as createContext, m as assignDomAttribute, n as callUnmountHandlers, o as renderTree, p as createElement, r as getExecutedComponentVelesNode, s as unique, t as callMountHandlers, u as getCurrentContext, v as onUnmount } from "./_utils-CCdioDsh.js";
 //#region src/attach-component.ts
 /**
 * Attach Veles component tree to a regular HTML node.
@@ -185,15 +185,17 @@ function addUseValueMountHandler({ usedValue, get, trackers, trackingSelectorEle
 function updateUseAttributeValue({ element, value }) {
 	const { cb, htmlElement, attributeName, attributeValue } = element;
 	const newAttributeValue = cb ? cb(value) : value;
-	if (typeof newAttributeValue === "boolean") if (newAttributeValue) htmlElement.setAttribute(attributeName, "");
-	else htmlElement.removeAttribute(attributeName);
-	else if (attributeName.startsWith("on")) {
+	if (attributeName.startsWith("on")) {
 		if (attributeValue === newAttributeValue) return;
 		const eventName = attributeName.slice(2).toLocaleLowerCase();
 		if (attributeValue) htmlElement.removeEventListener(eventName, attributeValue);
 		if (newAttributeValue && typeof newAttributeValue === "function") htmlElement.addEventListener(eventName, newAttributeValue);
 		element.attributeValue = newAttributeValue;
-	} else htmlElement.setAttribute(attributeName, newAttributeValue);
+	} else assignDomAttribute({
+		htmlElement,
+		attributeName,
+		value: newAttributeValue
+	});
 }
 //#endregion
 //#region src/create-state/update-render-each-value.ts

package/dist/jsx-runtime.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require__utils = require("./_utils-Bhfy2AFV.cjs");
+const require__utils = require("./_utils-Cf3Xvo3q.cjs");
 exports.Fragment = require__utils.Fragment;
 exports.jsx = require__utils.createElement;
 exports.jsxDEV = require__utils.createElement;

package/dist/jsx-runtime.js

@@ -1,2 +1,2 @@
-import { f as Fragment, p as createElement } from "./_utils-kYa7oewT.js";
+import { f as Fragment, p as createElement } from "./_utils-CCdioDsh.js";
 export { Fragment, createElement as jsx, createElement as jsxDEV, createElement as jsxs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veles",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.3",
   "description": "UI library with main focus on performance",
   "type": "module",
   "main": "dist/index.js",