Improove naming input options

js/template/BlueprintTemplate.js

@@ -56,19 +56,15 @@ export default class BlueprintTemplate extends ITemplate {
             new Paste(this.element.getGridDOMElement(), this.element),
             new KeyboardCanc(this.element.getGridDOMElement(), this.element),
             new KeyboardSelectAll(this.element.getGridDOMElement(), this.element),
-            new Zoom(this.element.getGridDOMElement(), this.element, {
-                looseTarget: true,
-            }),
+            new Zoom(this.element.getGridDOMElement(), this.element),
             new Select(this.element.getGridDOMElement(), this.element, {
                 clickButton: 0,
                 exitAnyButton: true,
-                looseTarget: true,
                 moveEverywhere: true,
             }),
             new MouseScrollGraph(this.element.getGridDOMElement(), this.element, {
                 clickButton: 2,
                 exitAnyButton: false,
-                looseTarget: true,
                 moveEverywhere: true,
             }),
             new Unfocus(this.element.getGridDOMElement(), this.element),

js/template/BoolPinTemplate.js

@@ -1,4 +1,5 @@
 import { html, nothing } from "lit"
+import MouseIgnore from "../input/mouse/MouseIgnore"
 import PinTemplate from "./PinTemplate"
 
 /**
@@ -23,6 +24,13 @@ export default class BoolPinTemplate extends PinTemplate {
         this.#input.removeEventListener("change", this.onChangeHandler)
     }
 
+    createInputObjects() {
+        return [
+            ...super.createInputObjects(),
+            new MouseIgnore(this.#input, this.element.blueprint),
+        ]
+    }
+
     getInputs() {
         return [this.#input.checked ? "true" : "false"]
     }

js/template/ColorHandlerTemplate.js

@@ -21,10 +21,9 @@ export default class ColorHandlerTemplate extends IDraggableTemplate {
         return new MouseMoveDraggable(this.element, this.element.blueprint, {
             draggableElement: this.element.parentElement,
             ignoreTranslateCompensate: true,
-            looseTarget: true,
             moveEverywhere: true,
             movementSpace: this.element.parentElement,
-            repositionClickOffset: true,
+            repositionOnClick: true,
             stepSize: 1,
         })
     }

js/template/IDraggableTemplate.js

@@ -19,7 +19,6 @@ export default class IDraggableTemplate extends ITemplate {
     createDraggableObject() {
         return new MouseMoveDraggable(this.element, this.element.blueprint, {
             draggableElement: this.getDraggableElement(),
-            looseTarget: true,
         })
     }
 

js/template/IInputPinTemplate.js

@@ -65,7 +65,7 @@ export default class IInputPinTemplate extends PinTemplate {
     createInputObjects() {
         return [
             ...super.createInputObjects(),
-            ...this.#inputContentElements.map(elem => new MouseIgnore(elem, this.element.blueprint))
+            ...this.#inputContentElements.map(elem => new MouseIgnore(elem, this.element.blueprint)),
         ]
     }
 

js/template/ISelectableDraggableTemplate.js

@@ -19,7 +19,6 @@ export default class ISelectableDraggableTemplate extends IDraggableTemplate {
     createDraggableObject() {
         return /** @type {MouseMoveDraggable} */ (new MouseMoveNodes(this.element, this.element.blueprint, {
             draggableElement: this.getDraggableElement(),
-            looseTarget: true,
         }))
     }
 

js/template/LinearColorPinTemplate.js

@@ -24,7 +24,6 @@ export default class LinearColorPinTemplate extends IInputPinTemplate {
             ...super.createInputObjects(),
             new MouseOpenWindow(this.#input, this.element.blueprint, {
                 moveEverywhere: true,
-                looseTarget: true,
                 windowType: ColorPickerWindowTemplate,
                 windowOptions: {
                     // The created window will use the following functions to get and set the color

js/template/PinTemplate.js

@@ -27,7 +27,6 @@ export default class PinTemplate extends ITemplate {
         return [
             new MouseCreateLink(this.element.clickableElement, this.element.blueprint, {
                 moveEverywhere: true,
-                looseTarget: true,
             })
         ]
     }

js/template/SelectorTemplate.js

@@ -4,5 +4,4 @@ import IFromToPositionedTemplate from "./IFromToPositionedTemplate"
 
 /** @extends IFromToPositionedTemplate<SelectorElement> */
 export default class SelectorTemplate extends IFromToPositionedTemplate {
-
 }

js/template/WindowTemplate.js

@@ -19,7 +19,6 @@ export default class WindowTemplate extends IDraggableTemplate {
         return new MouseMoveDraggable(this.element, this.element.blueprint, {
             draggableElement: this.getDraggableElement(),
             ignoreTranslateCompensate: true,
-            looseTarget: true,
             movementSpace: this.element.blueprint,
             stepSize: 1,
         })