@industry-theme/repository-composition-panels 0.6.27 → 0.6.29

package/dist/{index-Bpxci5n3.js → index-D7jhhj0e.js}

@@ -105943,7 +105943,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-DxhH90WQ.js");
+    await import("./browserAll-pibszWlK.js");
   }
 };
 const webworkerExt = {
@@ -105954,7 +105954,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-B32qMs3y.js");
+    await import("./webworkerAll-Cru5_fTr.js");
   }
 };
 class ObservablePoint {
@@ -118197,19 +118197,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-tD3JsvvF.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-CSx7jyoo.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-DSxUjrMa.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-Bk97mqCL.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-DhUZFLbi.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-DiE9xoC1.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132693,6 +132693,9 @@ class IsometricRenderer {
   constructor(config) {
     this.viewport = config.viewport;
     this.atlas = config.atlas;
+    this.onPackageHover = config.onPackageHover;
+    this.onPackageHoverEnd = config.onPackageHoverEnd;
+    this.onPackageClick = config.onPackageClick;
     this.tileWidth = config.tileWidth ?? ISO_TILE_WIDTH;
     this.tileHeight = config.tileHeight ?? ISO_TILE_HEIGHT;
     this.gridColor = config.gridColor ?? 3355443;
@@ -132751,6 +132754,9 @@ class IsometricRenderer {
         nodes.addChild(instance.weathering);
       }
       nodes.addChild(instance.label);
+      if (instance.hoverLabel) {
+        nodes.addChild(instance.hoverLabel);
+      }
     }
     return {
       background,
@@ -132955,6 +132961,19 @@ class IsometricRenderer {
         positions.push({ x: offsetX, y: offsetY });
       }
     }
+    const hoverLabel = new Text({
+      text: "",
+      style: {
+        fontSize: 10,
+        fill: 8965375,
+        // Light blue to match hover tint
+        fontFamily: "Arial",
+        fontWeight: "500"
+      },
+      resolution: 2
+    });
+    hoverLabel.anchor.set(0.5, 0);
+    hoverLabel.visible = false;
     for (let i2 = 0; i2 < node2.subdivisions.length; i2++) {
       const sub = node2.subdivisions[i2];
       const texture = this.atlas[sub.sprite];
@@ -132978,6 +132997,28 @@ class IsometricRenderer {
         const grayValue = Math.floor((1 - fadeAmount + fadeAmount * 0.6) * 255);
         sprite.tint = grayValue << 16 | grayValue << 8 | grayValue;
       }
+      sprite.eventMode = "static";
+      sprite.cursor = "pointer";
+      const originalTint = sprite.tint;
+      const packageName = sub.name;
+      const nodeId = node2.id;
+      sprite.on("pointerover", () => {
+        var _a;
+        sprite.tint = 8965375;
+        hoverLabel.text = packageName;
+        hoverLabel.visible = true;
+        (_a = this.onPackageHover) == null ? void 0 : _a.call(this, nodeId, packageName);
+      });
+      sprite.on("pointerout", () => {
+        var _a;
+        sprite.tint = originalTint;
+        hoverLabel.visible = false;
+        (_a = this.onPackageHoverEnd) == null ? void 0 : _a.call(this, nodeId, packageName);
+      });
+      sprite.on("pointerdown", () => {
+        var _a;
+        (_a = this.onPackageClick) == null ? void 0 : _a.call(this, nodeId, packageName);
+      });
       container.addChild(sprite);
       if (subCount <= 5) {
         const subLabel = new Text({
@@ -133097,6 +133138,9 @@ class IsometricRenderer {
     label.y = screenY + footprintHeight * 0.6 + 12;
     label.anchor.set(0.5, 0);
     label.zIndex = highlight.zIndex + 0.2;
+    hoverLabel.x = screenX;
+    hoverLabel.y = label.y + 14;
+    hoverLabel.zIndex = label.zIndex + 0.1;
     container.zIndex = highlight.zIndex;
     let weathering;
     if (node2.aging && node2.aging.weatheringLevel > 0.3) {
@@ -133114,6 +133158,7 @@ class IsometricRenderer {
       // Container acts as the sprite
       highlight,
       label,
+      hoverLabel,
       weathering,
       gridPosition: { gridX: node2.gridX, gridY: node2.gridY },
       size: sizeMultiplier,
@@ -133123,6 +133168,8 @@ class IsometricRenderer {
         container.y = pos.screenY;
         label.x = pos.screenX;
         label.y = pos.screenY + footprintHeight * 0.6 + 12;
+        hoverLabel.x = pos.screenX;
+        hoverLabel.y = label.y + 14;
         highlight.clear();
         const hoverSize = 4 * sizeMultiplier;
         const tileWidth = hoverSize * this.tileWidth;
@@ -133147,6 +133194,7 @@ class IsometricRenderer {
         container.destroy({ children: true });
         highlight.destroy();
         label.destroy();
+        hoverLabel.destroy();
         weathering == null ? void 0 : weathering.destroy();
       }
     };
@@ -133335,6 +133383,7 @@ class IsometricInteractionManager {
     this.selectedNodeId = null;
     this.draggingEnabled = true;
     this.mapBounds = null;
+    this.clickConsumedBySprite = false;
     this.hoverColor = 16776960;
     this.onGlobalPointerMove = (event) => {
       var _a, _b;
@@ -133395,6 +133444,25 @@ class IsometricInteractionManager {
     this.events = events;
     this.mapBounds = config.mapBounds || null;
     this.selectedColor = config.selectedColor ?? 3900150;
+    this.setupBackgroundDeselect();
+  }
+  /**
+   * Set up background click handler to deselect when clicking on empty space
+   */
+  setupBackgroundDeselect() {
+    const eventTarget = this.viewport || this.worldContainer;
+    if (!eventTarget) return;
+    eventTarget.eventMode = "static";
+    eventTarget.on("pointerdown", () => {
+      this.clickConsumedBySprite = false;
+    });
+    eventTarget.on("pointerup", () => {
+      var _a, _b;
+      if (!this.clickConsumedBySprite && this.selectedNodeId) {
+        this.setSelected(null);
+        (_b = (_a = this.events).onClick) == null ? void 0 : _b.call(_a, null);
+      }
+    });
   }
   /**
    * Register a sprite for interaction
@@ -133451,6 +133519,7 @@ class IsometricInteractionManager {
     var _a, _b;
     if (!this.draggingEnabled) return;
     event.stopPropagation();
+    this.clickConsumedBySprite = true;
     this.dragState = {
       nodeId,
       instance,
@@ -134536,6 +134605,9 @@ const OverworldMapPanelContent = ({
   onProjectMoved,
   onNodeClicked,
   selectedNodeId,
+  onPackageHover,
+  onPackageHoverEnd,
+  onPackageClick,
   isEditingRegions = false,
   customRegions = [],
   onAddRegion,
@@ -134690,7 +134762,10 @@ const OverworldMapPanelContent = ({
         tileWidth: ISO_TILE_WIDTH$1,
         tileHeight: ISO_TILE_HEIGHT$1,
         gridColor: 3355443,
-        regionColor: 16737792
+        regionColor: 16737792,
+        onPackageHover,
+        onPackageHoverEnd,
+        onPackageClick
       });
       rendererRef.current = renderer;
       const scene = renderer.renderScene(mapData, true);
@@ -135484,7 +135559,10 @@ const CollectionMapPanelContent = ({
   regionCallbacks,
   addRepositoryToCollection,
   onRepositoryClicked,
-  selectedRepositoryId
+  selectedRepositoryId,
+  onPackageHover,
+  onPackageHoverEnd,
+  onPackageClick
 }) => {
   var _a;
   const customRegions = React2__default.useMemo(
@@ -135979,6 +136057,9 @@ This indicates a sprite was rendered without valid backing data.`
             onProjectMoved: handleProjectMoved,
             onNodeClicked: onRepositoryClicked,
             selectedNodeId: selectedRepositoryId,
+            onPackageHover,
+            onPackageHoverEnd,
+            onPackageClick,
             onViewportReady: handleViewportReady,
             onAddRegion: async (position2) => {
               const order2 = position2.row * 10 + position2.col;
@@ -137242,4 +137323,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-Bpxci5n3.js.map
+//# sourceMappingURL=index-D7jhhj0e.js.map