@gemx-dev/heatmap-react 3.5.92-dev.22 → 3.5.92-dev.24

package/dist/esm/components/VizElement/ElementCallout.d.ts

@@ -1,9 +1,9 @@
-import type { ElementInfo, IHorizontalAlignment } from '../../types';
+import type { ElementInfo, IHeatmapRef, IHorizontalAlignment } from '../../types';
 export type ICalloutPositionMode = 'absolute' | 'fixed';
 export interface ElementCalloutProps {
     element: ElementInfo;
     target: string;
-    visualRef: React.RefObject<HTMLDivElement>;
+    visualRef: IHeatmapRef['Visual'];
     alignment?: IHorizontalAlignment;
     offset?: {
         x: number;

package/dist/esm/components/VizElement/ElementCallout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementCallout.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAoB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAiBvF,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkDxD,CAAC"}
+{"version":3,"file":"ElementCallout.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAoB,WAAW,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAiBpG,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkDxD,CAAC"}

package/dist/esm/components/VizElement/ElementCalloutClicked.d.ts

@@ -1,8 +1,8 @@
-import type { ElementRect } from '../../types';
+import type { ElementRect, IHeatmapRef } from '../../types';
 import type { ICalloutPositionMode } from './ElementCallout';
 interface ElementCalloutClickedProps {
     isSecondary?: boolean;
-    visualRef: React.RefObject<HTMLDivElement>;
+    visualRef: IHeatmapRef['Visual'];
     positionMode?: ICalloutPositionMode;
     containerRef?: React.RefObject<HTMLDivElement>;
     getRect: (el?: any) => ElementRect | null;

package/dist/esm/components/VizElement/ElementCalloutClicked.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementCalloutClicked.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutClicked.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAU7D,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAgCD,eAAO,MAAM,qBAAqB,kEAAuC,CAAC"}
+{"version":3,"file":"ElementCalloutClicked.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutClicked.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAU7D,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAgCD,eAAO,MAAM,qBAAqB,kEAAuC,CAAC"}

package/dist/esm/components/VizElement/ElementCalloutHovered.d.ts

@@ -1,7 +1,8 @@
+import type { IHeatmapRef } from '../../types';
 import type { ICalloutPositionMode } from './ElementCallout';
 interface ElementCalloutHoveredProps {
     isSecondary?: boolean;
-    visualRef: React.RefObject<HTMLDivElement>;
+    visualRef: IHeatmapRef['Visual'];
     positionMode?: ICalloutPositionMode;
     onClick?: (event?: React.MouseEvent<HTMLDivElement>, hash?: string) => void;
 }

package/dist/esm/components/VizElement/ElementCalloutHovered.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementCalloutHovered.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutHovered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAW7D,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7E;AAkBD,eAAO,MAAM,qBAAqB,kEAAuC,CAAC"}
+{"version":3,"file":"ElementCalloutHovered.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutHovered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAW7D,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7E;AAkBD,eAAO,MAAM,qBAAqB,kEAAuC,CAAC"}

package/dist/esm/components/VizElement/ElementMissing.d.ts

@@ -1,6 +1,7 @@
+import type { IHeatmapRef } from '../../types';
 interface Props {
     show?: boolean;
-    visualRef: React.RefObject<HTMLDivElement>;
+    visualRef: IHeatmapRef['Visual'];
 }
 export declare const ElementMissing: React.FC<Props>;
 export {};

package/dist/esm/components/VizElement/ElementMissing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementMissing.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementMissing.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoF1C,CAAC"}
+{"version":3,"file":"ElementMissing.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementMissing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoF1C,CAAC"}

package/dist/esm/components/VizElement/HeatmapElements.d.ts

@@ -1,4 +1,4 @@
-import type { IHeatmapInfo, WebVisualizer } from '../../types';
+import type { IHeatmapInfo, IHeatmapRef, WebVisualizer } from '../../types';
 import { type ICalloutPositionMode } from './ElementCallout';
 interface HeatmapElementsProps {
     heatmapInfo?: IHeatmapInfo;
@@ -8,9 +8,9 @@ interface HeatmapElementsProps {
     isHideTopRank?: boolean;
     isSecondary?: boolean;
     positionMode?: ICalloutPositionMode;
-    iframeRef: React.RefObject<HTMLIFrameElement>;
-    wrapperRef: React.RefObject<HTMLElement>;
-    visualRef: React.RefObject<HTMLDivElement>;
+    iframeRef: IHeatmapRef['Iframe'];
+    wrapperRef: IHeatmapRef['Wrapper'];
+    visualRef: IHeatmapRef['Visual'];
 }
 export declare const HeatmapElements: React.FC<HeatmapElementsProps>;
 export {};

package/dist/esm/components/VizElement/HeatmapElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAe7D,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}
+{"version":3,"file":"HeatmapElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAe7D,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}

package/dist/esm/components/VizElement/VizElements.d.ts

@@ -1,7 +1,8 @@
+import type { IHeatmapRef } from '../../types';
 interface VizElementsProps {
-    iframeRef: React.RefObject<HTMLIFrameElement | null>;
-    visualRef: React.RefObject<HTMLDivElement | null>;
-    wrapperRef: React.RefObject<HTMLDivElement>;
+    iframeRef: IHeatmapRef['Iframe'];
+    visualRef: IHeatmapRef['Visual'];
+    wrapperRef: IHeatmapRef['Wrapper'];
 }
 export declare const VizElements: React.FC<VizElementsProps>;
 export {};

package/dist/esm/components/VizElement/VizElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VizElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/VizElements.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiClD,CAAC"}
+{"version":3,"file":"VizElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/VizElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAM9D,UAAU,gBAAgB;IACxB,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACpC;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiClD,CAAC"}

package/dist/esm/components/VizScrollmap/HoverZones.d.ts

@@ -1,7 +1,7 @@
-import type { IScrollMapPosition } from '../../types';
+import type { IHeatmapRef, IScrollMapPosition } from '../../types';
 interface HoverZonesProps {
-    wrapperRef: React.RefObject<HTMLElement>;
-    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    wrapperRef: IHeatmapRef['Wrapper'];
+    iframeRef: IHeatmapRef['Iframe'];
     position?: IScrollMapPosition;
     currentScrollPercent: number;
 }

package/dist/esm/components/VizScrollmap/HoverZones.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HoverZones.d.ts","sourceRoot":"","sources":["../../../src/components/VizScrollmap/HoverZones.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMtD,UAAU,eAAe;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkChD,CAAC"}
+{"version":3,"file":"HoverZones.d.ts","sourceRoot":"","sources":["../../../src/components/VizScrollmap/HoverZones.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKnE,UAAU,eAAe;IACvB,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAUhD,CAAC"}

package/dist/esm/components/VizScrollmap/Minimap.d.ts

@@ -1,7 +1,7 @@
-import type { IScrollZone } from '../../types';
+import type { IHeatmapRef } from '../../types';
 interface MinimapProps {
-    zones: IScrollZone[];
-    maxUsers: number;
+    wrapperRef: IHeatmapRef['Wrapper'];
+    iframeRef: IHeatmapRef['Iframe'];
 }
 export declare const Minimap: React.FC<MinimapProps>;
 export {};

package/dist/esm/components/VizScrollmap/Minimap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Minimap.d.ts","sourceRoot":"","sources":["../../../src/components/VizScrollmap/Minimap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,UAAU,YAAY;IACpB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuD1C,CAAC"}
+{"version":3,"file":"Minimap.d.ts","sourceRoot":"","sources":["../../../src/components/VizScrollmap/Minimap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW/C,UAAU,YAAY;IACpB,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACnC,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8D1C,CAAC"}

package/dist/esm/helpers/canvas-backdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-backdrop.d.ts","sourceRoot":"","sources":["../../src/helpers/canvas-backdrop.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE;QACV,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,SAAS,eAAe,KAAG,IAgDjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,iBAAiB,KAAG,IAKvD,CAAC"}
+{"version":3,"file":"canvas-backdrop.d.ts","sourceRoot":"","sources":["../../src/helpers/canvas-backdrop.ts"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE;QACV,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,SAAS,eAAe,KAAG,IA6BjE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,iBAAiB,KAAG,IAKvD,CAAC"}

package/dist/esm/helpers/viewport/element.d.ts

@@ -1,4 +1,4 @@
-import type { ElementRect, IVisualDomViewport } from '../../types';
-export declare function isElementInViewport(elementRect: ElementRect, visualRef: React.RefObject<HTMLDivElement>, scale: number): boolean;
+import type { ElementRect, IHeatmapRef, IVisualDomViewport } from '../../types';
+export declare function isElementInViewport(elementRect: ElementRect, visualRef: IHeatmapRef['Visual'], scale: number): boolean;
 export declare function isElementRectInViewport(elementRect: ElementRect, visualRect: IVisualDomViewport, scale: number): boolean;
 //# sourceMappingURL=element.d.ts.map

package/dist/esm/helpers/viewport/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/helpers/viewport/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEnE,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,KAAK,EAAE,MAAM,GACZ,OAAO,CAqBT;AAED,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,MAAM,GACZ,OAAO,CAoBT"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/helpers/viewport/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEhF,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,EAChC,KAAK,EAAE,MAAM,GACZ,OAAO,CAqBT;AAED,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,MAAM,GACZ,OAAO,CAoBT"}

package/dist/esm/helpers/viz-elm-callout/viz-elm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/viz-elm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iCAAiC,EACjC,yBAAyB,EAK1B,MAAM,aAAa,CAAC;AAkErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAkDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAiEnF,CAAC"}
+{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/viz-elm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iCAAiC,EACjC,yBAAyB,EAM1B,MAAM,aAAa,CAAC;AAgErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAkDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAiEnF,CAAC"}

package/dist/esm/hooks/viz-canvas/useHeatmapCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapCanvas.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useHeatmapCanvas.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,YAwB5B,CAAC"}
+{"version":3,"file":"useHeatmapCanvas.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useHeatmapCanvas.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,gBAAgB,YA4B5B,CAAC"}

package/dist/esm/hooks/viz-elm/useClickedElement.d.ts

@@ -1,6 +1,6 @@
-import type { ElementInfo, ElementRect } from '../../types';
+import type { ElementInfo, ElementRect, IHeatmapRef } from '../../types';
 interface Params {
-    visualRef: React.RefObject<HTMLDivElement>;
+    visualRef: IHeatmapRef['Visual'];
     getRect: (el?: any) => ElementRect | null;
 }
 export declare const scrollToElementIfNeeded: (visualRef: React.RefObject<HTMLDivElement>, rect: ElementRect, scale: number, onScrollComplete?: () => void) => void;

package/dist/esm/hooks/viz-elm/useClickedElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ5D,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}
+{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}

package/dist/esm/hooks/viz-elm/useElementCalloutVisible.d.ts

@@ -1,5 +1,6 @@
+import type { IHeatmapRef } from '../../types';
 interface Params {
-    visualRef: React.RefObject<HTMLDivElement>;
+    visualRef: IHeatmapRef['Visual'];
     getRect: (el?: any) => any;
     positionMode?: 'absolute' | 'fixed';
 }

package/dist/esm/hooks/viz-elm/useElementCalloutVisible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useElementCalloutVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useElementCalloutVisible.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3B,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB,GAAI,sCAAsC,MAAM,OAuCpF,CAAC"}
+{"version":3,"file":"useElementCalloutVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useElementCalloutVisible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3B,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB,GAAI,sCAAsC,MAAM,OAuCpF,CAAC"}

package/dist/esm/hooks/viz-elm/useHeatmapElementPosition.d.ts

@@ -1,7 +1,7 @@
-import type { ElementRect, IClickmapSorted, WebVisualizer } from '../../types';
+import type { ElementRect, IClickmapSorted, IHeatmapRef, WebVisualizer } from '../../types';
 interface Params {
-    iframeRef: React.RefObject<HTMLIFrameElement>;
-    wrapperRef: React.RefObject<HTMLElement>;
+    iframeRef: IHeatmapRef['Iframe'];
+    wrapperRef: IHeatmapRef['Wrapper'];
     visualizer?: WebVisualizer;
 }
 export declare const useHeatmapElementPosition: ({ iframeRef, wrapperRef, visualizer }: Params) => {

package/dist/esm/hooks/viz-elm/useHeatmapElementPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO/E,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,yBAAyB,GAAI,uCAAuC,MAAM;wBAMxE,eAAe,KAAG,WAAW,GAAG,IAAI;CA2ClD,CAAC"}
+{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5F,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,yBAAyB,GAAI,uCAAuC,MAAM;wBAMxE,eAAe,KAAG,WAAW,GAAG,IAAI;CA2ClD,CAAC"}

package/dist/esm/hooks/viz-elm/useHoveredElement.d.ts

@@ -1,5 +1,6 @@
+import type { IHeatmapRef } from '../../types';
 interface Params {
-    iframeRef: React.RefObject<HTMLIFrameElement>;
+    iframeRef: IHeatmapRef['Iframe'];
     getRect: (el?: any) => any;
 }
 export declare const useHoveredElement: ({ iframeRef, getRect }: Params) => {

package/dist/esm/hooks/viz-elm/useHoveredElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;uEAiDpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BA4B/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA6B3D,CAAC;AAiBF,eAAO,MAAM,6BAA6B,GACxC,SAAS,MAAM,EACf,SAAS,MAAM,EACf,YAAY,OAAO,EACnB,OAAO,MAAM,KACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAUxB,CAAC"}
+{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,aAAa,CAAC;AAe7D,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;uEAiDpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BA4B/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA6B3D,CAAC;AAiBF,eAAO,MAAM,6BAA6B,GACxC,SAAS,MAAM,EACf,SAAS,MAAM,EACf,YAAY,OAAO,EACnB,OAAO,MAAM,KACZ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAUxB,CAAC"}

package/dist/esm/index.js

@@ -1677,30 +1677,15 @@ const drawBackdropWithCutout = (options) => {
     const height = Math.min(canvasHeight - top, activeRect.height + cutoutExpansion * 2);
     // Clear previous drawing
     ctx.clearRect(0, 0, canvasWidth, canvasHeight);
-    // Set backdrop style
+    // Draw backdrop as a single path with a cutout hole using evenodd fill rule.
+    // This avoids seam artifacts that appear when using 4 separate rectangles
+    // with fractional coordinates (sub-pixel gaps at rect boundaries).
     ctx.fillStyle = backdropColor;
     ctx.globalAlpha = backdropOpacity;
-    // Draw backdrop in 4 rectangles around the active element
-    // This creates a cutout effect
-    // Top rectangle (above active element)
-    if (top > 0) {
-        ctx.fillRect(0, 0, canvasWidth, top);
-    }
-    // Bottom rectangle (below active element)
-    const bottomY = top + height;
-    if (bottomY < canvasHeight) {
-        ctx.fillRect(0, bottomY, canvasWidth, canvasHeight - bottomY);
-    }
-    // Left rectangle (left of active element)
-    if (left > 0) {
-        ctx.fillRect(0, top, left, height);
-    }
-    // Right rectangle (right of active element)
-    const rightX = left + width;
-    if (rightX < canvasWidth) {
-        ctx.fillRect(rightX, top, canvasWidth - rightX, height);
-    }
-    // Reset alpha
+    ctx.beginPath();
+    ctx.rect(0, 0, canvasWidth, canvasHeight); // outer (full canvas)
+    ctx.rect(left, top, width, height); // inner (cutout hole)
+    ctx.fill('evenodd');
     ctx.globalAlpha = 1.0;
 };
 /**
@@ -3221,7 +3206,7 @@ function useAreaEditMode({ iframeRef, onAreaCreatedElement, enabled = false, })
         }
         iframeDocument.addEventListener('mousemove', handleMouseMove);
         iframeDocument.addEventListener('scroll', handleMouseLeave);
-        iframeDocument.removeEventListener('mouseleave', handleMouseLeave);
+        iframeDocument.addEventListener('mouseleave', handleMouseLeave);
         iframeDocument.addEventListener('click', handleClick);
         return () => {
             iframeDocument.removeEventListener('mousemove', handleMouseMove);
@@ -3596,6 +3581,7 @@ const useHeatmapCanvas = () => {
     const heatmapType = useHeatmapSettingContext((state) => state.heatmapType);
     const clickMode = useHeatmapSettingContext((state) => state.clickMode);
     const scrollType = useHeatmapSettingContext((state) => state.scrollType);
+    const setSelectedElement = useHeatmapClickContext((s) => s.setSelectedElement);
     const { start: startClickmap } = useClickmap();
     const { start: startAreaClickmap } = useAreaClickmap();
     const { start: startScrollmap } = useScrollmap();
@@ -3614,7 +3600,10 @@ const useHeatmapCanvas = () => {
                 startScrollmap();
                 break;
         }
-    }, [heatmapType, clickMode, startClickmap, startAreaClickmap, startScrollmap, scrollType]);
+        return () => {
+            setSelectedElement(null);
+        };
+    }, [heatmapType, clickMode, startClickmap, startAreaClickmap, startScrollmap, scrollType]); // eslint-disable-line react-hooks/exhaustive-deps
 };
 
 const scrollToElementIfNeeded = (visualRef, rect, scale, onScrollComplete) => {
@@ -6103,19 +6092,24 @@ class ScrollBucketRenderer {
         if (canvas.width <= 0 || canvas.height <= 0)
             return;
         const buckets = this.mapToBuckets(data);
-        if (buckets.length === 0)
-            return;
-        const maxPercent = Math.max(...buckets.map((b) => b.percent));
-        if (maxPercent <= 0)
-            return;
+        const maxPercent = buckets.length > 0 ? Math.max(...buckets.map((b) => b.percent)) : 0;
+        // Coldest hue (240 = blue) used as the baseline for buckets with no data
+        const coldColor = 'hsla(240, 100%, 50%, 0.6)';
         const gradient = context.createLinearGradient(0, 0, 0, canvas.height);
-        for (const bucket of buckets) {
-            const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
-            // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
-            // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
-            const hue = (1 - bucket.percent / maxPercent) * 240;
-            const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
-            gradient.addColorStop(stopMid, color);
+        if (buckets.length === 0 || maxPercent <= 0) {
+            // No data — fill entire canvas with the coldest color
+            gradient.addColorStop(0, coldColor);
+            gradient.addColorStop(1, coldColor);
+        }
+        else {
+            for (const bucket of buckets) {
+                const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
+                // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
+                // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
+                const hue = (1 - bucket.percent / maxPercent) * 240;
+                const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
+                gradient.addColorStop(stopMid, color);
+            }
         }
         context.fillStyle = gradient;
         context.fillRect(0, 0, canvas.width, canvas.height);
@@ -8485,45 +8479,6 @@ const VizClickmap = ({ iframeRef, visualRef, wrapperRef }) => {
     }
 };
 
-const IS_ENABLE_MINIMAP = false;
-const Minimap = ({ zones, maxUsers }) => {
-    const scrollType = useHeatmapSettingContext((s) => s.scrollType);
-    const showMinimap = useHeatmapScrollContext((s) => s.showMinimap);
-    const isScrollType = [EScrollType.Attention].includes(scrollType ?? EScrollType.Depth);
-    if (!showMinimap || !isScrollType || !IS_ENABLE_MINIMAP)
-        return null;
-    return (jsx("div", { style: {
-            position: 'fixed',
-            left: '20px',
-            top: '50%',
-            transform: 'translateY(-50%)',
-            width: '60px',
-            height: '400px',
-            backgroundColor: 'white',
-            borderRadius: '8px',
-            boxShadow: '0 4px 16px rgba(0,0,0,0.15)',
-            zIndex: 10002,
-            padding: '8px',
-            boxSizing: 'border-box',
-        }, children: jsx("div", { style: {
-                width: '100%',
-                height: '100%',
-                borderRadius: '4px',
-                overflow: 'hidden',
-                display: 'flex',
-                flexDirection: 'column',
-            }, children: zones.map((zone) => {
-                const normalized = maxUsers > 0 ? zone.percUsers / maxUsers : 0;
-                const color = getScrollGradientColor(normalized);
-                return (jsx("div", { title: `${zone.label}: ${zone.percUsers.toFixed(2)}%`, style: {
-                        width: '100%',
-                        flex: `${zone.endY - zone.startY}`,
-                        backgroundColor: color,
-                        borderBottom: '1px solid rgba(255,255,255,0.2)',
-                    } }, zone.id));
-            }) }) }));
-};
-
 const ScrollZoneTooltip = ({ zone, position, currentScrollPercent, scrollmap, }) => {
     const CompScrollZoneTooltip = useHeatmapControlStore((state) => state.controls.ScrollZoneTooltip);
     const tooltipRef = useRef(null);
@@ -8549,17 +8504,9 @@ const ScrollZoneTooltip = ({ zone, position, currentScrollPercent, scrollmap, })
 
 const HoverZones = ({ iframeRef, wrapperRef, position, currentScrollPercent }) => {
     const scrollmap = useHeatmapDataContext((s) => s.scrollmap);
-    // const hoveredZone = useHeatmapVizScrollStore((state) => state.hoveredZone);
-    // const setHoveredZone = useHeatmapVizScrollStore((state) => state.setHoveredZone);
-    const { zones, isReady, maxUsers } = useScrollmapZones({
-        iframeRef,
-        wrapperRef,
-    });
-    if (!isReady || !zones.length)
-        return null;
     if (!position)
         return null;
-    return (jsxs(Fragment, { children: [jsx(ScrollZoneTooltip, { position: position, currentScrollPercent: currentScrollPercent, scrollmap: scrollmap || [] }), jsx(Minimap, { zones: zones, maxUsers: maxUsers })] }));
+    return (jsx(Fragment, { children: jsx(ScrollZoneTooltip, { position: position, currentScrollPercent: currentScrollPercent, scrollmap: scrollmap || [] }) }));
 };
 
 const ScrollOverlay = ({ wrapperRef, iframeRef }) => {

package/dist/esm/index.mjs

@@ -1677,30 +1677,15 @@ const drawBackdropWithCutout = (options) => {
     const height = Math.min(canvasHeight - top, activeRect.height + cutoutExpansion * 2);
     // Clear previous drawing
     ctx.clearRect(0, 0, canvasWidth, canvasHeight);
-    // Set backdrop style
+    // Draw backdrop as a single path with a cutout hole using evenodd fill rule.
+    // This avoids seam artifacts that appear when using 4 separate rectangles
+    // with fractional coordinates (sub-pixel gaps at rect boundaries).
     ctx.fillStyle = backdropColor;
     ctx.globalAlpha = backdropOpacity;
-    // Draw backdrop in 4 rectangles around the active element
-    // This creates a cutout effect
-    // Top rectangle (above active element)
-    if (top > 0) {
-        ctx.fillRect(0, 0, canvasWidth, top);
-    }
-    // Bottom rectangle (below active element)
-    const bottomY = top + height;
-    if (bottomY < canvasHeight) {
-        ctx.fillRect(0, bottomY, canvasWidth, canvasHeight - bottomY);
-    }
-    // Left rectangle (left of active element)
-    if (left > 0) {
-        ctx.fillRect(0, top, left, height);
-    }
-    // Right rectangle (right of active element)
-    const rightX = left + width;
-    if (rightX < canvasWidth) {
-        ctx.fillRect(rightX, top, canvasWidth - rightX, height);
-    }
-    // Reset alpha
+    ctx.beginPath();
+    ctx.rect(0, 0, canvasWidth, canvasHeight); // outer (full canvas)
+    ctx.rect(left, top, width, height); // inner (cutout hole)
+    ctx.fill('evenodd');
     ctx.globalAlpha = 1.0;
 };
 /**
@@ -3221,7 +3206,7 @@ function useAreaEditMode({ iframeRef, onAreaCreatedElement, enabled = false, })
         }
         iframeDocument.addEventListener('mousemove', handleMouseMove);
         iframeDocument.addEventListener('scroll', handleMouseLeave);
-        iframeDocument.removeEventListener('mouseleave', handleMouseLeave);
+        iframeDocument.addEventListener('mouseleave', handleMouseLeave);
         iframeDocument.addEventListener('click', handleClick);
         return () => {
             iframeDocument.removeEventListener('mousemove', handleMouseMove);
@@ -3596,6 +3581,7 @@ const useHeatmapCanvas = () => {
     const heatmapType = useHeatmapSettingContext((state) => state.heatmapType);
     const clickMode = useHeatmapSettingContext((state) => state.clickMode);
     const scrollType = useHeatmapSettingContext((state) => state.scrollType);
+    const setSelectedElement = useHeatmapClickContext((s) => s.setSelectedElement);
     const { start: startClickmap } = useClickmap();
     const { start: startAreaClickmap } = useAreaClickmap();
     const { start: startScrollmap } = useScrollmap();
@@ -3614,7 +3600,10 @@ const useHeatmapCanvas = () => {
                 startScrollmap();
                 break;
         }
-    }, [heatmapType, clickMode, startClickmap, startAreaClickmap, startScrollmap, scrollType]);
+        return () => {
+            setSelectedElement(null);
+        };
+    }, [heatmapType, clickMode, startClickmap, startAreaClickmap, startScrollmap, scrollType]); // eslint-disable-line react-hooks/exhaustive-deps
 };
 
 const scrollToElementIfNeeded = (visualRef, rect, scale, onScrollComplete) => {
@@ -6103,19 +6092,24 @@ class ScrollBucketRenderer {
         if (canvas.width <= 0 || canvas.height <= 0)
             return;
         const buckets = this.mapToBuckets(data);
-        if (buckets.length === 0)
-            return;
-        const maxPercent = Math.max(...buckets.map((b) => b.percent));
-        if (maxPercent <= 0)
-            return;
+        const maxPercent = buckets.length > 0 ? Math.max(...buckets.map((b) => b.percent)) : 0;
+        // Coldest hue (240 = blue) used as the baseline for buckets with no data
+        const coldColor = 'hsla(240, 100%, 50%, 0.6)';
         const gradient = context.createLinearGradient(0, 0, 0, canvas.height);
-        for (const bucket of buckets) {
-            const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
-            // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
-            // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
-            const hue = (1 - bucket.percent / maxPercent) * 240;
-            const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
-            gradient.addColorStop(stopMid, color);
+        if (buckets.length === 0 || maxPercent <= 0) {
+            // No data — fill entire canvas with the coldest color
+            gradient.addColorStop(0, coldColor);
+            gradient.addColorStop(1, coldColor);
+        }
+        else {
+            for (const bucket of buckets) {
+                const stopMid = (bucket.startY + bucket.endY) / 2 / 100;
+                // Same hue direction as HeatmapHelper.scroll() (MaxHue = 240):
+                // high percent → hue 0 (red/hot), low percent → hue 240 (blue/cold)
+                const hue = (1 - bucket.percent / maxPercent) * 240;
+                const color = `hsla(${Math.round(hue)}, 100%, 50%, 0.6)`;
+                gradient.addColorStop(stopMid, color);
+            }
         }
         context.fillStyle = gradient;
         context.fillRect(0, 0, canvas.width, canvas.height);
@@ -8485,45 +8479,6 @@ const VizClickmap = ({ iframeRef, visualRef, wrapperRef }) => {
     }
 };
 
-const IS_ENABLE_MINIMAP = false;
-const Minimap = ({ zones, maxUsers }) => {
-    const scrollType = useHeatmapSettingContext((s) => s.scrollType);
-    const showMinimap = useHeatmapScrollContext((s) => s.showMinimap);
-    const isScrollType = [EScrollType.Attention].includes(scrollType ?? EScrollType.Depth);
-    if (!showMinimap || !isScrollType || !IS_ENABLE_MINIMAP)
-        return null;
-    return (jsx("div", { style: {
-            position: 'fixed',
-            left: '20px',
-            top: '50%',
-            transform: 'translateY(-50%)',
-            width: '60px',
-            height: '400px',
-            backgroundColor: 'white',
-            borderRadius: '8px',
-            boxShadow: '0 4px 16px rgba(0,0,0,0.15)',
-            zIndex: 10002,
-            padding: '8px',
-            boxSizing: 'border-box',
-        }, children: jsx("div", { style: {
-                width: '100%',
-                height: '100%',
-                borderRadius: '4px',
-                overflow: 'hidden',
-                display: 'flex',
-                flexDirection: 'column',
-            }, children: zones.map((zone) => {
-                const normalized = maxUsers > 0 ? zone.percUsers / maxUsers : 0;
-                const color = getScrollGradientColor(normalized);
-                return (jsx("div", { title: `${zone.label}: ${zone.percUsers.toFixed(2)}%`, style: {
-                        width: '100%',
-                        flex: `${zone.endY - zone.startY}`,
-                        backgroundColor: color,
-                        borderBottom: '1px solid rgba(255,255,255,0.2)',
-                    } }, zone.id));
-            }) }) }));
-};
-
 const ScrollZoneTooltip = ({ zone, position, currentScrollPercent, scrollmap, }) => {
     const CompScrollZoneTooltip = useHeatmapControlStore((state) => state.controls.ScrollZoneTooltip);
     const tooltipRef = useRef(null);
@@ -8549,17 +8504,9 @@ const ScrollZoneTooltip = ({ zone, position, currentScrollPercent, scrollmap, })
 
 const HoverZones = ({ iframeRef, wrapperRef, position, currentScrollPercent }) => {
     const scrollmap = useHeatmapDataContext((s) => s.scrollmap);
-    // const hoveredZone = useHeatmapVizScrollStore((state) => state.hoveredZone);
-    // const setHoveredZone = useHeatmapVizScrollStore((state) => state.setHoveredZone);
-    const { zones, isReady, maxUsers } = useScrollmapZones({
-        iframeRef,
-        wrapperRef,
-    });
-    if (!isReady || !zones.length)
-        return null;
     if (!position)
         return null;
-    return (jsxs(Fragment, { children: [jsx(ScrollZoneTooltip, { position: position, currentScrollPercent: currentScrollPercent, scrollmap: scrollmap || [] }), jsx(Minimap, { zones: zones, maxUsers: maxUsers })] }));
+    return (jsx(Fragment, { children: jsx(ScrollZoneTooltip, { position: position, currentScrollPercent: currentScrollPercent, scrollmap: scrollmap || [] }) }));
 };
 
 const ScrollOverlay = ({ wrapperRef, iframeRef }) => {

package/dist/esm/libs/visualizer/renderers/ScrollBucketRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollBucketRenderer.d.ts","sourceRoot":"","sources":["../../../../src/libs/visualizer/renderers/ScrollBucketRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,kBAAkB,CAAqC;IAC/D,OAAO,CAAC,aAAa,CAA8C;gBAEvD,OAAO,EAAE,aAAa,GAAG,IAAI;IAKzC,OAAO,CAAC,MAAM,CAIZ;IAEF,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,wBAAwB,CAS9B;IAEF,KAAK,QAAO,IAAI,CAEd;IAEF,KAAK,QAAO,IAAI,CAGd;IAEF;;;;;OAKG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAQ7D;IAEF,OAAO,CAAC,IAAI,CAuCV;IAEF;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY,CA0BlB;CACH"}
+{"version":3,"file":"ScrollBucketRenderer.d.ts","sourceRoot":"","sources":["../../../../src/libs/visualizer/renderers/ScrollBucketRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;CACjB;AAYD,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,QAAQ,CAAoC;IACpD,OAAO,CAAC,kBAAkB,CAAqC;IAC/D,OAAO,CAAC,aAAa,CAA8C;gBAEvD,OAAO,EAAE,aAAa,GAAG,IAAI;IAKzC,OAAO,CAAC,MAAM,CAIZ;IAEF,OAAO,CAAC,wBAAwB,CAG9B;IAEF,OAAO,CAAC,wBAAwB,CAS9B;IAEF,KAAK,QAAO,IAAI,CAEd;IAEF,KAAK,QAAO,IAAI,CAGd;IAEF;;;;;OAKG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAQ7D;IAEF,OAAO,CAAC,IAAI,CA4CV;IAEF;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY,CA0BlB;CACH"}

package/dist/esm/types/viz-elm-callout.d.ts

@@ -1,4 +1,5 @@
 import type { ICalloutPositionMode } from '../components/VizElement/ElementCallout';
+import type { IHeatmapRef } from './heatmap-ref';
 import type { ElementInfo } from './viz-elm';
 export type IVerticalPlacement = 'top' | 'bottom';
 export type IHorizontalPlacement = 'left' | 'right';
@@ -72,7 +73,7 @@ export interface ICalcCalloutPositionProps {
     };
     alignment?: IHorizontalAlignment;
     positionMode?: ICalloutPositionMode;
-    visualRef?: React.RefObject<HTMLDivElement> | null;
+    visualRef?: IHeatmapRef['Visual'] | null;
 }
 export interface ICalcCalloutPositionAbsoluteProps {
     widthScale: number;