@schukai/monster 3.73.0 → 3.73.2

package/CHANGELOG.md

@@ -2,56 +2,72 @@
 
 
 
+## [3.73.2] - 2024-07-01
+
+### Bug Fixes
+
+- id not defined
+
+
+
+## [3.73.1] - 2024-06-30
+
+### Bug Fixes
+
+- update deadman switch assignment
+### Changes
+
+- update issues
+- remove node debug flag
+- tidy changelog
+- new task create documentation fragments and optimize create class task
+- cleanup code
+
 ## [3.73.0] - 2024-06-28
 
 ### Add Features
 
-- create new form-bind attribute function  [#224](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/224)
+- create new form-bind attribute function [#224](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/224)
 
 ## 2024-06-22
-- new options to define the markers that are used for the label template  [#203](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/203)
+- new options to define the markers that are used for the label template [#203](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/203)
 
 ## [3.72.0] - 2024-06-27
 
 ### Add Features
 
 - optimize tree menu [#191](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/191)
+
 ### Bug Fixes
 
 - remove style=display: block;
 - remove display property [#219](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/219)
+
 ### Changes
 
-- tidy and stylings
+- tidy and styling adjustments
+
 ### Code Refactoring
 
 - paragraph mixin without text-alignment [#220](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/220)
 
-
-
 ## [3.71.3] - 2024-06-26
 
 ### Bug Fixes
 
 - remove display property [#219](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/219)
 
-
-
 ## [3.71.2] - 2024-06-25
 
 ### Bug Fixes
 
 - data-monster-option-filter [#194](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/194)
 
-
-
 ## [3.71.1] - 2024-06-25
 
-### Bug Fixes
-
-- remove polifill [#218](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/218)
-
+### Security
 
+- remove polyfill (polyfill.io attack) [#218](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/218)
 
 ## [3.71.0] - 2024-06-25
 
@@ -146,7 +162,6 @@
 - call Button use findElementWithSelectorUpwards [#201](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/201)
 - slight color adjustments
 
-
 ## [3.65.21] - 2024-06-20
 
 ### Bug Fixes

package/package.json

@@ -1 +1 @@
-{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.6","@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":"3.73.0"}
+{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.6","@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":"3.73.2"}

package/source/components/form/context-error.mjs

@@ -201,7 +201,6 @@ class ContextError extends Popper {
 		}
 
 		if (c === "<slot></slot>") {
-			console.log(this.shadowRoot.querySelector("slot"));
 
 			const sr = this.shadowRoot;
 			if (!sr) {

package/source/components/form/form.mjs

@@ -74,11 +74,11 @@ class Form extends DataSet {
 			},
 
 			writeBack: {
-				events: ["change", "input", "keyup"],
+				events: ["keyup", "click", "change", "drop", "touchend", "input"]
 			},
 
 			bind: {
-				events: ["keyup", "click", "change", "drop", "touchend", "input"],
+				events: ["keyup", "click", "change", "drop", "touchend", "input"]
 			},
 
 			reportValidity: {
@@ -170,23 +170,41 @@ function initEventHandler() {
 			this.addEventListener(event, (e) => {
 				const element = findTargetElementFromEvent(e, ATTRIBUTE_FORM_BIND);
 
-				if (element === undefined) {
+				if (!(element instanceof HTMLElement)) {
 					return;
 				}
 
-				if (this[debounceBindSymbol][element] instanceof DeadMansSwitch) {
+				let elementID = element.id;
+
+				if (elementID === "") {
+					elementID = element.getAttribute("name");
+				}
+
+				if (elementID === "") {
+					elementID = element.getAttribute("data-monster-attributes");
+				}
+
+				if (elementID === "") {
+					elementID = element.innerText.substring(0, 20);
+				}
+
+				elementID = elementID.replace(/\s/g, "_")
+				
+				if (this[debounceBindSymbol][elementID] instanceof DeadMansSwitch) {
 					try {
-						this[debounceBindSymbol][element].touch();
+						this[debounceBindSymbol][elementID].touch();
 						return;
 					} catch (e) {
 						if (e.message !== "has already run") {
 							throw e;
 						}
-						delete this[debounceBindSymbol][element];
+
+						delete this[debounceBindSymbol][elementID];
 					}
 				}
 
-				this[debounceBindSymbol][element] = new DeadMansSwitch(200, () => {
+				this[debounceBindSymbol][elementID] = new DeadMansSwitch(200, () => {
+					delete this[debounceBindSymbol][elementID];
 					retrieveAndSetValue.call(this, element);
 				});
 			});
@@ -342,10 +360,7 @@ function retrieveAndSetValue(element) {
 	if (diffResult.length > 0) {
 		setTimeout(() => {
 			this.setOption(path, value);
-		}, 100);
-		setTimeout(() => {
-			console.log(this[internalSymbol].getRealSubject().options.data);
-		}, 1000);
+		}, 50);
 	}
 }
 

package/source/components/tree-menu/tree-menu.mjs

@@ -236,8 +236,6 @@ class TreeMenu extends CustomElement {
 			"[data-monster-insert-reference=entries-" + index + "]",
 		);
 
-		console.log(currentNode);
-
 		currentNode.click();
 
 		let intend = parseInt(currentNode.getAttribute(ATTRIBUTE_INTEND));