Improved event handling especially for touch

Author: jppellet

simulator/css/LogicEditor.css

@@ -586,7 +586,8 @@ svg text {
   visibility: hidden;
   justify-content: center;
   align-items: center;
-  transition: all 0.15s ease-in-out
+  transition: all 0.15s ease-in-out;
+  pointer-events: none;
 }
 
 .msgZone.visible {
@@ -602,6 +603,7 @@ svg text {
   box-shadow: 0px 0px 5px 0px rgba(128, 128, 128, 0.5);
   font-size: 10pt;
   background-color: rgb(190, 190, 190, 0.2);
+  pointer-events: auto;
 }
 
 .dark .msgZone .msgBar {

simulator/src/ComponentFactory.ts

@@ -415,7 +415,7 @@ export class ComponentFactory {
         customComp.setSpawned()
         customComp.setPosition(editor.pointerX + customComp.unrotatedWidth / 2 - 5, editor.pointerY, true)
         editor.eventMgr.currentSelection = undefined
-        editor.eventMgr.setCurrentPointerOverComp(customComp)
+        editor.eventMgr.setCurrentComponentUnderPointer(customComp)
 
         for (const comp of componentsToInclude) {
             editor.components.tryDelete(comp)

simulator/src/LogicEditor.ts

@@ -178,8 +178,6 @@ export class TopBar {
 
         this.setDirty(false)
 
-        window.addEventListener("resize", this.updateCompactMode.bind(this))
-
         this.setEditingCustomComponent(undefined)
         this.setCircuitName(editor.documentDisplayName)
         this.updateCompactMode()
@@ -236,13 +234,16 @@ export class TopBar {
 
     private zoomLevelHandler() {
         const zoom = this.zoomLevelInput.valueAsNumber
-        this.editor.setZoomLevel(zoom)
+        const validatedZoom = this.editor.setZoom(zoom, false)
+        if (validatedZoom !== zoom) {
+            this.setZoom(validatedZoom)
+        }
     }
 
 
     // Visibility methods
 
-    private updateCompactMode() {
+    public updateCompactMode() {
         const getSepWidth = () => this.flexibleSep.getBoundingClientRect().width
         const MinSepWidth = 5
         const sepWidth = getSepWidth()
@@ -315,7 +316,7 @@ export class TopBar {
         this.updateCompactMode()
     }
 
-    public setZoomLevel(zoom: number) {
+    public setZoom(zoom: number) {
         this.zoomLevelInput.value = String(zoom)
     }