fix: remove debug information and reset save button to state-button

source/components/datatable/save-button.mjs

@@ -32,7 +32,7 @@ import { Datasource } from "./datasource.mjs";
 import { Rest as RestDatasource } from "./datasource/rest.mjs";
 import { BadgeStyleSheet } from "../stylesheet/badge.mjs";
 import { SaveButtonStyleSheet } from "./stylesheet/save-button.mjs";
-import "../form/message-state-button.mjs";
+import "../form/state-button.mjs";
 
 import {
 	handleDataSourceChanges,
@@ -315,13 +315,12 @@ function getTranslations() {
  * @throws {Error} the selector must match exactly one element
  */
 function initControlReferences() {
-
 	if (!this.shadowRoot) {
 		throw new Error("no shadow-root is defined");
 	}
 
 	this[stateButtonElementSymbol] = this.shadowRoot.querySelector(
-		"[data-monster-role=save-button]",
+		"[data-monster-role=state-button]",
 	);
 
 	this[badgeElementSymbol] = this.shadowRoot.querySelector(
@@ -347,9 +346,6 @@ function initControlReferences() {
 				"labels.button",
 				this.getOption("labels.button"),
 			);
-
-			console.log(this[stateButtonElementSymbol])
-
 		});
 	}
 
@@ -403,9 +399,7 @@ function getTemplate() {
 	return `
 		<div data-monster-role="control" part="control"
 			 data-monster-attributes="disabled path:disabled | if:true">
-            <monster-message-state-button part="button"
-				data-monster-role="save-button"
-			></monster-message-state-button>
+			<monster-state-button data-monster-role="state-button">save</monster-state-button>
 			<div data-monster-attributes="disabled path:disabled | if:true, class path:classes.badge"
 				 data-monster-role="badge"
 				 data-monster-replace="path:changes"></div>

source/components/form/message-state-button.mjs

@@ -69,9 +69,6 @@ class MessageStateButton extends Popper {
 	 * @throws {TypeError} value is not an instance
 	 */
 	setState(state, timeout) {
-
-		console.log(this[buttonElementSymbol]);
-
 		return this[buttonElementSymbol].setState(state, timeout);
 	}