Fix input details

js/template/NamePinTemplate.js

@@ -0,0 +1,53 @@
+// @ts-check
+
+import IInputPinTemplate from "./IInputPinTemplate"
+
+/**
+ * @typedef {import("../element/PinElement").default} PinElement
+ */
+
+export default class NamePinTemplate extends IInputPinTemplate {
+
+    /** @type {(e : InputEvent) => void} */
+    onInputHandler
+
+    /**
+     * @param {PinElement} pin
+     */
+    setup(pin) {
+        super.setup(pin)
+        this.onInputHandler = e => {
+            e.stopPropagation()
+            if (
+                e.inputType == "insertParagraph"
+                || e.inputType == "insertLineBreak"
+                || (e.inputType == "insertFromPaste" && /** @type {HTMLElement} */(e.target).innerText.includes("\n"))
+            ) {
+                /** @type {HTMLElement} */(e.target).blur() // Loose focus in case it tries to insert newline
+                this.inputContentElements.forEach(element => element.innerText = element.innerText.replaceAll("\n", ""))
+            }
+        }
+        this.inputContentElements.forEach(element => {
+            element.addEventListener("input", /** @type {(e : Event) => void} */(this.onInputHandler))
+        })
+    }
+
+    /**
+     * @param {PinElement} pin
+     */
+    cleanup(pin) {
+        super.cleanup(pin)
+        this.inputContentElements.forEach(element => {
+            element.removeEventListener("input", /** @type {(e : Event) => void} */(this.onInputHandler))
+        })
+    }
+
+    /**
+     * @param {PinElement} pin
+     * @param {String[]?} values
+     */
+    setInputs(pin, values = [], updateDefaultValue = true) {
+        values = values.map(value => value.replaceAll("\n", ""))
+        super.setInputs(pin, values, updateDefaultValue)
+    }
+}