@schukai/monster 3.71.3 → 3.72.0

package/source/components/form/form.mjs

@@ -12,49 +12,16 @@
  * SPDX-License-Identifier: AGPL-3.0
  */
 
-import {instanceSymbol} from "../../constants.mjs";
-import {internalSymbol} from "../../constants.mjs";
-import {TokenList} from "../../types/tokenlist.mjs";
-import {DeadMansSwitch} from "../../util/deadmansswitch.mjs";
-import {DataSet} from "../datatable/dataset.mjs";
-//import { Datasource } from "../../data/datasource.mjs";
-import {RestAPI} from "../../data/datasource/server/restapi.mjs";
-import {WebConnect} from "../../data/datasource/server/webconnect.mjs";
-import {WriteError} from "../../data/datasource/server/restapi/writeerror.mjs";
-import {LocalStorage} from "../../data/datasource/storage/localstorage.mjs";
-import {SessionStorage} from "../../data/datasource/storage/sessionstorage.mjs";
+import { DeadMansSwitch } from "../../util/deadmansswitch.mjs";
+import { DataSet } from "../datatable/dataset.mjs";
 import {
-    ATTRIBUTE_DISABLED,
-    ATTRIBUTE_ERRORMESSAGE,
-    ATTRIBUTE_PREFIX,
-    ATTRIBUTE_UPDATER_ATTRIBUTES,
-    ATTRIBUTE_UPDATER_INSERT,
-    ATTRIBUTE_UPDATER_REMOVE,
-    ATTRIBUTE_UPDATER_REPLACE,
-} from "../../dom/constants.mjs";
-import {
-    assembleMethodSymbol,
-    CustomElement,
-    registerCustomElement,
-    getSlottedElements,
+	assembleMethodSymbol,
+	registerCustomElement,
+	getSlottedElements,
 } from "../../dom/customelement.mjs";
-import {addObjectWithUpdaterToElement} from "../../dom/updater.mjs";
-import {findElementWithSelectorUpwards} from "../../dom/util.mjs";
-import {isFunction, isString} from "../../types/is.mjs";
-import {Observer} from "../../types/observer.mjs";
-import {ProxyObserver} from "../../types/proxyobserver.mjs";
-import {Processing} from "../../util/processing.mjs";
-import {datasourceLinkedElementSymbol, handleDataSourceChanges} from "../datatable/util.mjs";
-import {MessageStateButton} from "./message-state-button.mjs";
-import {
-    ATTRIBUTE_FORM_DATASOURCE,
-    ATTRIBUTE_FORM_DATASOURCE_ARGUMENTS,
-} from "./constants.mjs";
-import {StateButton} from "./state-button.mjs";
-import {FormStyleSheet} from "./stylesheet/form.mjs";
-
-export {Form};
+import { FormStyleSheet } from "./stylesheet/form.mjs";
 
+export { Form };
 
 /**
  * @private
@@ -63,155 +30,138 @@ export {Form};
 const debounceCallbackSymbol = Symbol("timerCallback");
 
 class Form extends DataSet {
-
-    /**
-     *
-     * @returns {{shadowMode: string, templates: {main: *}, display: string, disabled: boolean, delegatesFocus: boolean, templateMapping: {}} & {templates: {main: string}, classes: {form: string}}}
-     */
-    get defaults() {
-        const obj = Object.assign(
-            {},
-            super.defaults,
-            {
-                templates: {
-                    main: getTemplate(),
-                },
-
-                classes: {
-                    form: "",
-                },
-
-                writeBack: {
-                    events: ["change", "input", "keyup"]
-                },
-
-                reportValidity: {
-                    selector: "input,select,textarea",
-                }
-
-            }
-        );
-
-        obj['features']['mutationObserver'] = false;
-        obj['features']['writeBack'] = true;
-
-        return obj;
-
-    }
-
-
-    /**
-     *
-     * @return {string}
-     */
-    static getTag() {
-        return "monster-form";
-    }
-
-    /**
-     * @return {CSSStyleSheet[]}
-     */
-    static getCSSStyleSheet() {
-        return [FormStyleSheet];
-    }
-
-    /**
-     *
-     */
-    [assembleMethodSymbol]() {
-        super[assembleMethodSymbol]();
-
-        initControlReferences.call(this);
-        initEventHandler.call(this);
-        initDataSourceHandler.call(this);
-
-    }
-
-    /**
-     * This method is called when the component is created.
-     * @since 3.70.0
-     * @returns {DataSet}
-     */
-    refresh() {
-        this.write();
-        super.refresh();
-        return this;
-    }
-
-    /**
-     * Run reportValidation on all child html form controls.
-     *
-     * @since 2.10.0
-     * @returns {boolean}
-     */
-    reportValidity() {
-        let valid = true;
-
-        const selector = this.getOption("reportValidity.selector");
-        const nodes = getSlottedElements.call(this, selector);
-
-        nodes.forEach((node) => {
-            if (typeof node.reportValidity === "function") {
-                if (node.reportValidity() === false) {
-                    valid = false;
-                }
-            }
-        });
-
-        return valid;
-    }
-
+	/**
+	 *
+	 * @returns {{shadowMode: string, templates: {main: *}, display: string, disabled: boolean, delegatesFocus: boolean, templateMapping: {}} & {templates: {main: string}, classes: {form: string}}}
+	 */
+	get defaults() {
+		const obj = Object.assign({}, super.defaults, {
+			templates: {
+				main: getTemplate(),
+			},
+
+			classes: {
+				form: "",
+			},
+
+			writeBack: {
+				events: ["change", "input", "keyup"],
+			},
+
+			reportValidity: {
+				selector: "input,select,textarea",
+			},
+		});
+
+		obj["features"]["mutationObserver"] = false;
+		obj["features"]["writeBack"] = true;
+
+		return obj;
+	}
+
+	/**
+	 *
+	 * @return {string}
+	 */
+	static getTag() {
+		return "monster-form";
+	}
+
+	/**
+	 * @return {CSSStyleSheet[]}
+	 */
+	static getCSSStyleSheet() {
+		return [FormStyleSheet];
+	}
+
+	/**
+	 *
+	 */
+	[assembleMethodSymbol]() {
+		super[assembleMethodSymbol]();
+
+		initControlReferences.call(this);
+		initEventHandler.call(this);
+		initDataSourceHandler.call(this);
+	}
+
+	/**
+	 * This method is called when the component is created.
+	 * @since 3.70.0
+	 * @returns {DataSet}
+	 */
+	refresh() {
+		this.write();
+		super.refresh();
+		return this;
+	}
+
+	/**
+	 * Run reportValidation on all child html form controls.
+	 *
+	 * @since 2.10.0
+	 * @returns {boolean}
+	 */
+	reportValidity() {
+		let valid = true;
+
+		const selector = this.getOption("reportValidity.selector");
+		const nodes = getSlottedElements.call(this, selector);
+
+		nodes.forEach((node) => {
+			if (typeof node.reportValidity === "function") {
+				if (node.reportValidity() === false) {
+					valid = false;
+				}
+			}
+		});
+
+		return valid;
+	}
 }
 
-function initDataSourceHandler() {
-
-}
+function initDataSourceHandler() {}
 
 /**
  * @private
  * @returns {initEventHandler}
  */
 function initEventHandler() {
-
-    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[debounceCallbackSymbol] instanceof DeadMansSwitch) {
-                    try {
-                        this[debounceCallbackSymbol].touch();
-                        return;
-                    } catch (e) {
-                        if (e.message !== "has already run") {
-                            throw e;
-                        }
-                        delete this[debounceCallbackSymbol];
-                    }
-                }
-
-                this[debounceCallbackSymbol] = new DeadMansSwitch(200, () => {
-                    setTimeout(() => {
-                        this.write();
-                    }, 0);
-                });
-
-            });
-        }
-    }
-
-    return this;
+	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[debounceCallbackSymbol] instanceof DeadMansSwitch) {
+					try {
+						this[debounceCallbackSymbol].touch();
+						return;
+					} catch (e) {
+						if (e.message !== "has already run") {
+							throw e;
+						}
+						delete this[debounceCallbackSymbol];
+					}
+				}
+
+				this[debounceCallbackSymbol] = new DeadMansSwitch(200, () => {
+					setTimeout(() => {
+						this.write();
+					}, 0);
+				});
+			});
+		}
+	}
+
+	return this;
 }
 
 /**
@@ -219,10 +169,10 @@ function initEventHandler() {
  * @return {FilterButton}
  */
 function initControlReferences() {
-    if (!this.shadowRoot) {
-        throw new Error("no shadow-root is defined");
-    }
-    return this;
+	if (!this.shadowRoot) {
+		throw new Error("no shadow-root is defined");
+	}
+	return this;
 }
 
 /**
@@ -230,8 +180,8 @@ function initControlReferences() {
  * @return {string}
  */
 function getTemplate() {
-    // language=HTML
-    return `
+	// language=HTML
+	return `
         <div data-monster-role="control" part="control">
             <form data-monster-attributes="disabled path:disabled | if:true, class path:classes.form"
                   data-monster-role="form"