New templates, node advanced display, style fixes

js/template/StringPinTemplate.js

@@ -1,87 +1,17 @@
 // @ts-check
 
-import html from "./html"
-import MouseIgnore from "../input/mouse/MouseIgnore"
-import PinTemplate from "./PinTemplate"
-import Utility from "../Utility"
+import IInputPinTemplate from "./IInputPinTemplate"
 
 /**
  * @typedef {import("../element/PinElement").default} PinElement
  */
 
-export default class StringPinTemplate extends PinTemplate {
-
-    /** @type {HTMLElement} */
-    input = null
-
-    hasInput() {
-        return true
-    }
-
-    /**
-     * @param {PinElement} pin
-     */
-    getInput(pin) {
-        return Utility.sanitizeInputString(
-            /** @type {HTMLElement} */(pin.querySelector(".ueb-pin-input-content")).innerText
-        )
-    }
-
-    /**
-     * @param {PinElement} pin
-     */
-    renderInput(pin) {
-        if (pin.isInput()) {
-            return html`
-                <div class="ueb-pin-input">
-                    <div class="ueb-pin-input-content" role="textbox" contenteditable="true"></div>
-                </div>
-            `
-        }
-        return ""
-    }
+export default class StringPinTemplate extends IInputPinTemplate {
 
     /**
      * @param {PinElement} pin
      */
     setup(pin) {
         super.setup(pin)
-        if (this.input = pin.querySelector(".ueb-pin-input-content")) {
-            this.onFocusHandler = (e) => {
-                pin.blueprint.dispatchEditTextEvent(true)
-            }
-            this.onFocusOutHandler = (e) => {
-                e.preventDefault()
-                document.getSelection().removeAllRanges() // Deselect text inside the input
-                pin.entity.DefaultValue = this.getInput(pin)
-                pin.blueprint.dispatchEditTextEvent(false)
-            }
-            this.input.addEventListener("focus", this.onFocusHandler)
-            this.input.addEventListener("focusout", this.onFocusOutHandler)
-        }
-    }
-
-    /**
-     * @param {PinElement} pin
-     */
-    cleanup(pin) {
-        super.cleanup(pin)
-        if (this.input) {
-            this.input.removeEventListener("focus", this.onFocusHandler)
-            this.input.removeEventListener("focusout", this.onFocusOutHandler)
-        }
-    }
-
-    /**
-     * @param {PinElement} pin
-     */
-    createInputObjects(pin) {
-        if (pin.isInput()) {
-            return [
-                ...super.createInputObjects(pin),
-                new MouseIgnore(pin.querySelector(".ueb-pin-input-content"), pin.blueprint),
-            ]
-        }
-        return super.createInputObjects(pin)
     }
 }