@schukai/monster 4.58.0 → 4.60.0

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 
 
+## [4.60.0] - 2025-12-29
+
+### Add Features
+
+- Add handling for pending save reset in SaveButton component
+
+
+
+## [4.59.0] - 2025-12-29
+
+### Add Features
+
+- Add API Contract Checklist to documentation and update version
+
+
+
 ## [4.58.0] - 2025-12-29
 
 ### Add Features

package/package.json

@@ -1 +1 @@
-{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.58.0"}
+{"author":"Volker Schukai","dependencies":{"@floating-ui/dom":"^1.7.4","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.60.0"}

package/source/components/datatable/save-button.mjs

@@ -60,6 +60,7 @@ const originValuesSymbol = Symbol("originValues");
  */
 const badgeElementSymbol = Symbol("badgeElement");
 const saveInFlightSymbol = Symbol("saveInFlight");
+const pendingResetSymbol = Symbol("pendingReset");
 
 /**
  * A save button component
@@ -182,6 +183,7 @@ class SaveButton extends CustomElement {
 			if (element instanceof RestDatasource) {
 				element.addEventListener("monster-datasource-fetch", (event) => {
 					if (self[saveInFlightSymbol]) {
+						self[pendingResetSymbol] = true;
 						return;
 					}
 					self[originValuesSymbol] = null;
@@ -429,6 +431,10 @@ function initEventHandler() {
 				})
 				.finally(() => {
 					this[saveInFlightSymbol] = false;
+					if (this[pendingResetSymbol]) {
+						this[pendingResetSymbol] = false;
+						this[originValuesSymbol] = null;
+					}
 				});
 		});
 	});

package/source/dom/updater.mjs

@@ -1050,6 +1050,18 @@ function handleInputControlAttributeUpdate(element, name, value) {
 				}
 				break;
 
+			case "color":
+				if (name === "value") {
+					// Setting an empty string on a color input is invalid (#rrggbb required)
+					if (value === undefined || value === "") {
+						break;
+					}
+
+					element.value = value;
+				}
+
+				break;
+
 			case "text":
 			default:
 				if (name === "value") {

package/test/web/tests.js

@@ -19300,6 +19300,14 @@ ${key.data.toString("base64")}
             element.checked = value !== void 0;
           }
           break;
+        case "color":
+          if (name === "value") {
+            if (value === void 0 || value === "") {
+              break;
+            }
+            element.value = value;
+          }
+          break;
         case "text":
         default:
           if (name === "value") {