Various fixes

js/template/BlueprintTemplate.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import Configuration from "../Configuration"
 import html from "./html"
 import ITemplate from "./ITemplate"

js/template/ExecPinTemplate.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import html from "./html"
 import PinTemplate from "./PinTemplate"
 

js/template/ITemplate.js

@@ -1,4 +1,5 @@
 // @ts-check
+
 /**
  * @typedef {import("../element/IElement").default} IElement
  */

js/template/LinkMessageTemplate.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import html from "./html"
 import ITemplate from "./ITemplate"
 import LinkElement from "../element/LinkElement"
@@ -36,4 +38,4 @@ export default class LinkMessageTemplate extends ITemplate {
         }
     }
 
-}
+}

js/template/LinkTemplate.js

@@ -1,5 +1,6 @@
+// @ts-check
+
 import Configuration from "../Configuration"
-import Utility from "../Utility"
 import html from "./html"
 import ITemplate from "./ITemplate"
 import sanitizeText from "./sanitizeText"

js/template/NodeTemplate.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import html from "./html"
 import PinElement from "../element/PinElement"
 import sanitizeText from "./sanitizeText"

js/template/PinTemplate.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import html from "./html"
 import ITemplate from "./ITemplate"
 import LinkElement from "../element/LinkElement"

js/template/SelectableDraggableTemplate.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import ITemplate from "./ITemplate"
 import sanitizeText from "./sanitizeText"
 

js/template/SelectorTemplate.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 import ITemplate from "./ITemplate"
 import sanitizeText from "./sanitizeText"
 

js/template/StringPinTemplate.js

@@ -10,8 +10,13 @@ export default class StringPinTemplate extends PinTemplate {
      * @param {PinElement} pin
      */
     renderInput(pin) {
+        const stopEventPropagation = "e => stopPropagation()"
         return html`
-            <span class="ueb-pin-input" role="textbox" contenteditable="true"></span>
+            <span class="ueb-pin-input">
+                <span class="ueb-pin-input-content" role="textbox" contenteditable="true"
+                    onkeydown="${stopEventPropagation}" onkeyup="${stopEventPropagation}"
+                    oncopy="${stopEventPropagation}" onpaste="${stopEventPropagation}"></span>
+            </span>
         `
     }
 }

js/template/html.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 /**
  * This solves the sole purpose of providing compression capability for html inside template literals strings. Check rollup.config.js function minifyHTML()
  */

js/template/sanitizeText.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 const div = document.createElement("div")
 
 const tagReplacement = {
@@ -15,4 +17,4 @@ function sanitizeText(value) {
     return value
 }
 
-export default sanitizeText
+export default sanitizeText