higlass 2.1.5 → 2.2.0

package/app/scripts/CombinedTrack.js

@@ -241,6 +241,29 @@ class CombinedTrack {
 
     return mouseOverHtml;
   }
+
+  /**
+   * Get the uids of any items that are below the mouse
+   *
+   * @param {*} trackX
+   * @param {*} trackY
+   * @returns
+   */
+  getMouseOverUids(trackX, trackY) {
+    const mouseOverUids = [];
+
+    for (const childTrack of this.childTracks) {
+      if (childTrack.getMouseOverUids) {
+        const trackMouseOverUids = childTrack.getMouseOverUids(trackX, trackY);
+
+        if (trackMouseOverUids) {
+          mouseOverUids.push(...trackMouseOverUids);
+        }
+      }
+    }
+
+    return mouseOverUids;
+  }
 }
 
 export default CombinedTrack;

package/app/scripts/HiGlassComponent.jsx

@@ -4535,6 +4535,7 @@ class HiGlassComponent extends React.Component {
     });
 
     this.showHoverMenu(evt);
+    this.showHoverUids(evt);
   }
 
   getMinMaxValue(viewId, trackId, ignoreOffScreenValues, ignoreFixedScale) {
@@ -4565,6 +4566,28 @@ class HiGlassComponent extends React.Component {
     ];
   }
 
+  /*
+   * Someone has hovered over an item in sourceTrack so we need to inform
+   * any other track that has that item that it's been hovered over.
+   */
+  showHoverUids(evt) {
+    const mouseOverUids = evt.track?.getMouseOverUids
+      ? evt.track.getMouseOverUids(evt.relTrackX, evt.relTrackY)
+      : null;
+
+    for (const track of this.iterateOverTracks()) {
+      const trackObj = getTrackObjById(
+        this.tiledPlots,
+        track.viewId,
+        track.trackId,
+      );
+
+      if (trackObj.itemsHovered) {
+        trackObj.itemsHovered(mouseOverUids);
+      }
+    }
+  }
+
   /**
    * Show a menu displaying some information about the track under it
    */

package/app/scripts/Tiled1DPixiTrack.js

@@ -106,6 +106,7 @@ class Tiled1DPixiTrack extends TiledPixiTrack {
         this._xScale,
         this.tilesetInfo.min_pos[0],
         this.tilesetInfo.max_pos[0],
+        this.tilesetInfo.bins_per_dimension || this.tilesetInfo.tile_size,
       );
 
       const tiles = xTiles.map((x) => [this.zoomLevel, x]);

package/app/scripts/track-utils.js

@@ -238,6 +238,7 @@ const calculate1DVisibleTiles = (tilesetInfo, scale) => {
       scale,
       tilesetInfo.min_pos[0],
       tilesetInfo.max_pos[0],
+      tilesetInfo.bins_per_dimension || tilesetInfo.tile_size,
     );
 
     const tiles = xTiles.map((x) => [zoomLevel, x]);

package/dist/app/scripts/CombinedTrack.d.ts

@@ -29,4 +29,12 @@ declare class CombinedTrack {
     respondsToPosition(x: any, y: any): boolean;
     stopHover(): void;
     getMouseOverHtml(trackX: any, trackY: any): string;
+    /**
+     * Get the uids of any items that are below the mouse
+     *
+     * @param {*} trackX
+     * @param {*} trackY
+     * @returns
+     */
+    getMouseOverUids(trackX: any, trackY: any): any[];
 }

package/dist/app/scripts/HiGlassComponent.d.ts

@@ -667,6 +667,7 @@ declare class HiGlassComponent extends React.Component<any, any, any> {
      */
     mouseMoveHandler(e: object): void;
     getMinMaxValue(viewId: any, trackId: any, ignoreOffScreenValues: any, ignoreFixedScale: any): any[] | undefined;
+    showHoverUids(evt: any): void;
     /**
      * Show a menu displaying some information about the track under it
      */

package/dist/hglib.js

@@ -13800,7 +13800,7 @@
     /** @type {const} */
     [window, map$5((c) => c.charCodeAt(0))(
       // @ts-expect-error - A global added by `vite.config.js`.
-      "2.1.5"
+      "2.2.0"
     ).map((number3) => number3 <= 999 ? `00${number3}`.slice(-3) : number3).join("")]
   );
   const gradient = (steps, width = 1, height = 100, fromX = 0, fromY = 0, toX = 0, toY = 100) => {
@@ -14054,6 +14054,27 @@
         }
         return mouseOverHtml;
       }
+      /**
+       * Get the uids of any items that are below the mouse
+       *
+       * @param {*} trackX
+       * @param {*} trackY
+       * @returns
+       */
+    }, {
+      key: "getMouseOverUids",
+      value: function getMouseOverUids(trackX, trackY) {
+        const mouseOverUids = [];
+        for (const childTrack of this.childTracks) {
+          if (childTrack.getMouseOverUids) {
+            const trackMouseOverUids = childTrack.getMouseOverUids(trackX, trackY);
+            if (trackMouseOverUids) {
+              mouseOverUids.push(...trackMouseOverUids);
+            }
+          }
+        }
+        return mouseOverUids;
+      }
     }]);
   }();
   const isTrackOrChildTrack = (testTrack, track) => {
@@ -47706,7 +47727,7 @@
     const zoomLevel = calculate1DZoomLevel(tilesetInfo, scale, tilesetInfo.max_zoom);
     if (tilesetInfo.resolutions) {
       const sortedResolutions = tilesetInfo.resolutions.map((x) => +x).sort((a, b) => b - a);
-      const xTiles2 = calculateTilesFromResolution$1(sortedResolutions[zoomLevel], scale, tilesetInfo.min_pos[0], tilesetInfo.max_pos[0]);
+      const xTiles2 = calculateTilesFromResolution$1(sortedResolutions[zoomLevel], scale, tilesetInfo.min_pos[0], tilesetInfo.max_pos[0], tilesetInfo.bins_per_dimension || tilesetInfo.tile_size);
       const tiles2 = xTiles2.map((x) => [zoomLevel, x]);
       return tiles2;
     }
@@ -75316,7 +75337,7 @@ ${x}` : x, "");
         this.zoomLevel = this.calculateZoomLevel();
         if (this.tilesetInfo.resolutions) {
           const sortedResolutions = this.tilesetInfo.resolutions.map((x) => +x).sort((a, b) => b - a);
-          const xTiles2 = api.calculateTilesFromResolution(sortedResolutions[this.zoomLevel], this._xScale, this.tilesetInfo.min_pos[0], this.tilesetInfo.max_pos[0]);
+          const xTiles2 = api.calculateTilesFromResolution(sortedResolutions[this.zoomLevel], this._xScale, this.tilesetInfo.min_pos[0], this.tilesetInfo.max_pos[0], this.tilesetInfo.bins_per_dimension || this.tilesetInfo.tile_size);
           const tiles2 = xTiles2.map((x) => [this.zoomLevel, x]);
           this.setVisibleTiles(tiles2);
           return;
@@ -90327,7 +90348,7 @@ ${x}` : x, "");
     toJSON,
     toString
   });
-  const version = "2.1.5";
+  const version = "2.2.0";
   const configs = {
     ..._configs,
     IS_TRACK_RANGE_SELECTABLE,
@@ -107797,6 +107818,7 @@ ${svgString}`;
           isFromVerticalTrack: evt.isFromVerticalTrack
         });
         this.showHoverMenu(evt);
+        this.showHoverUids(evt);
       }
     }, {
       key: "getMinMaxValue",
@@ -107815,6 +107837,22 @@ ${svgString}`;
         }
         return [track.minVisibleValueInTiles(ignoreFixedScale), track.maxVisibleValueInTiles(ignoreFixedScale)];
       }
+      /*
+       * Someone has hovered over an item in sourceTrack so we need to inform
+       * any other track that has that item that it's been hovered over.
+       */
+    }, {
+      key: "showHoverUids",
+      value: function showHoverUids(evt) {
+        var _a;
+        const mouseOverUids = ((_a = evt.track) == null ? void 0 : _a.getMouseOverUids) ? evt.track.getMouseOverUids(evt.relTrackX, evt.relTrackY) : null;
+        for (const track of this.iterateOverTracks()) {
+          const trackObj = getTrackObjById(this.tiledPlots, track.viewId, track.trackId);
+          if (trackObj.itemsHovered) {
+            trackObj.itemsHovered(mouseOverUids);
+          }
+        }
+      }
       /**
        * Show a menu displaying some information about the track under it
        */