TEMP: minimap debug overlay

Author: tilladam

node-editor-building-blocks.slint

@@ -374,10 +374,10 @@ export component Minimap inherits Rectangle {
         root.available-height / root.content-height);
 
     // === Viewport Indicator in Minimap Coordinates ===
-    property <length> viewport-indicator-x: root.minimap-padding + (root.visible-min-x - root.content-min-x) * root.scale;
-    property <length> viewport-indicator-y: root.minimap-padding + (root.visible-min-y - root.content-min-y) * root.scale;
-    property <length> viewport-indicator-width: (root.visible-max-x - root.visible-min-x) * root.scale;
-    property <length> viewport-indicator-height: (root.visible-max-y - root.visible-min-y) * root.scale;
+    out property <length> viewport-indicator-x: root.minimap-padding + (root.visible-min-x - root.content-min-x) * root.scale;
+    out property <length> viewport-indicator-y: root.minimap-padding + (root.visible-min-y - root.content-min-y) * root.scale;
+    out property <length> viewport-indicator-width: (root.visible-max-x - root.visible-min-x) * root.scale;
+    out property <length> viewport-indicator-height: (root.visible-max-y - root.visible-min-y) * root.scale;
 
     width: root.minimap-width;
     height: root.minimap-height;
@@ -423,11 +423,30 @@ export component Minimap inherits Rectangle {
         y: root.viewport-indicator-y;
         width: root.viewport-indicator-width;
         height: root.viewport-indicator-height;
-        background: transparent;
-        border-color: root.minimap-viewport-border-color;
+        background: #ff000055;
+        border-color: red;
         border-width: root.minimap-viewport-border-width;
     }
 
+    // TEMP DEBUG: overlay with actual numeric values
+    Rectangle {
+        x: 0px;
+        y: root.minimap-height + 4px;
+        width: 260px;
+        height: 80px;
+        background: white;
+        Text {
+            x: 2px;
+            y: 2px;
+            text: "vpw=" + round(root.viewport-width / 1px) + " vpz=" + round(root.viewport-zoom * 1000) / 1000
+                + "\nscale=" + round(root.scale * 10000) / 10000
+                + "\ncontent-w=" + round(root.content-width / 1px)
+                + "\nind-x=" + round(root.viewport-indicator-x / 1px) + " w=" + round(root.viewport-indicator-width / 1px);
+            color: black;
+            font-size: 12px;
+        }
+    }
+
     TouchArea {
         width: 100%;
         height: 100%;