@schukai/monster 3.101.3 → 3.102.1

package/source/components/datatable/filter.mjs

@@ -157,7 +157,7 @@ const hashChangeSymbol = Symbol("hashChange");
  * @example /examples/components/datatable/filter-advanced Advanced filter
  * @example /examples/components/datatable/filter-store Store filter
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/272.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/272.html
  *
  * @copyright schukai GmbH
  * @summary The Filter component is used to show and handle the filter values.

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

@@ -67,7 +67,7 @@ const badgeElementSymbol = Symbol("badgeElement");
  *
  * @example /examples/components/datatable/save-button-simple Simple example
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/274.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/274.html
  *
  * @copyright schukai GmbH
  * @summary This is a save button component that can be used to save changes to a datasource.

package/source/components/datatable/status.mjs

@@ -52,7 +52,7 @@ const datasourceLinkedElementSymbol = Symbol("datasourceLinkedElement");
  *
  * @example /examples/components/datatable/datasource-status-simple Simple dataset status
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/274.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/274.html
  *
  * @copyright schukai GmbH
  * @summary The Status component is used to show the current status of a datasource.

package/source/components/form/action-button.mjs

@@ -48,7 +48,7 @@ const containerElementSymbol = Symbol("containerElement");
  *
  * @example /examples/components/form/action-button
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/264.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/264.html
  *
  * @since 3.32.0
  * @copyright schukai GmbH

package/source/components/form/button.mjs

@@ -48,8 +48,8 @@ export const buttonElementSymbol = Symbol("buttonElement");
  * @example /examples/components/form/button-simple Simple Button
  * @example /examples/components/form/button-with-click-event Button with event
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/282.html
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/283.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/282.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/283.html
  *
  * @copyright schukai GmbH
  * @summary A beautiful button that can make your life easier and also looks good.

package/source/components/form/confirm-button.mjs

@@ -50,7 +50,7 @@ const cancelButtonElementSymbol = Symbol("cancelButtonElement");
  *
  * @example /examples/components/form/confirm-button-simple simple confirm button
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/283.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/283.html
  *
  * @since 1.5.0
  * @copyright schukai GmbH

package/source/components/form/form.mjs

@@ -47,7 +47,8 @@ const debounceBindSymbol = Symbol("debounceBind");
  *
  * @example /examples/components/form/form-simple
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/281.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/281.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/217.html
  *
  * @since 1.0.0
  * @copyright schukai GmbH
@@ -179,39 +180,42 @@ function initEventHandler() {
 	this[debounceBindSymbol] = {};
 
 	if (this.getOption("features.writeBack") === true) {
-		const events = this.getOption("writeBack.events");
-		for (const event of events) {
-			this.addEventListener(event, (e) => {
-				if (!this.reportValidity()) {
-					this.classList.add("invalid");
-					setTimeout(() => {
-						this.classList.remove("invalid");
-					}, 1000);
-
-					return;
-				}
 
-				if (this[debounceWriteBackSymbol] instanceof DeadMansSwitch) {
-					try {
-						this[debounceWriteBackSymbol].touch();
+		setTimeout(() => {
+			const events = this.getOption("writeBack.events");
+			for (const event of events) {
+				this.addEventListener(event, (e) => {
+					if (!this.reportValidity()) {
+						this.classList.add("invalid");
+						setTimeout(() => {
+							this.classList.remove("invalid");
+						}, 1000);
+
 						return;
-					} catch (e) {
-						if (e.message !== "has already run") {
-							throw e;
+					}
+
+					if (this[debounceWriteBackSymbol] instanceof DeadMansSwitch) {
+						try {
+							this[debounceWriteBackSymbol].touch();
+							return;
+						} catch (e) {
+							if (e.message !== "has already run") {
+								throw e;
+							}
+							delete this[debounceWriteBackSymbol];
 						}
-						delete this[debounceWriteBackSymbol];
 					}
-				}
 
-				this[debounceWriteBackSymbol] = new DeadMansSwitch(200, () => {
-					setTimeout(() => {
-						this.write().catch((e) => {
-							addAttributeToken(this, "error", e.message || `${e}`);
-						});
-					}, 0);
+					this[debounceWriteBackSymbol] = new DeadMansSwitch(200, () => {
+						setTimeout(() => {
+							this.write().catch((e) => {
+								addAttributeToken(this, "error", e.message || `${e}`);
+							});
+						}, 0);
+					});
 				});
-			});
-		}
+			}
+		},0);
 	}
 
 	return this;

package/source/components/form/popper-button.mjs

@@ -83,7 +83,7 @@ const arrowElementSymbol = Symbol("arrowElement");
  *
  * @example /examples/components/form/popper-button-simple
  *
- * @issue https://localhost.alvine.dev:8443/development/issues/closed/283.html
+ * @issue https://localhost.alvine.dev:8440/development/issues/closed/283.html
  *
  * @since 1.5.0
  * @copyright schukai GmbH