@gemx-dev/heatmap-react 3.5.92-dev.37 → 3.5.92-dev.39

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

@@ -1 +1 @@
-{"version":3,"file":"ElementCalloutOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO5D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8C/D,CAAC"}
+{"version":3,"file":"ElementCalloutOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCalloutOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO5D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+C/D,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ElementInfo } from '../../types';
+import type { ElementInfo, IHeatmapRef } from '../../types';
 export interface ElementOverlayProps {
     type: 'hovered' | 'clicked';
     element: ElementInfo | null;
@@ -6,6 +6,7 @@ export interface ElementOverlayProps {
     elementId: string;
     containerRef?: React.RefObject<HTMLDivElement>;
     onClick?: (event?: React.MouseEvent<HTMLDivElement>) => void;
+    visualRef?: IHeatmapRef['Visual'] | null;
 }
 export declare const ElementOverlay: import("react").NamedExoticComponent<ElementOverlayProps>;
 //# sourceMappingURL=ElementOverlay.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElementOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC9D;AA2DD,eAAO,MAAM,cAAc,2DAAgC,CAAC"}
+{"version":3,"file":"ElementOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS5D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;CAC1C;AA2DD,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

package/dist/esm/configs/heatmap.d.ts

@@ -0,0 +1,4 @@
+export declare const enum HeatmapSetting {
+    MaxHeight = 65535
+}
+//# sourceMappingURL=heatmap.d.ts.map

package/dist/esm/configs/heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/configs/heatmap.ts"],"names":[],"mappings":"AAAA,0BAAkB,cAAc;IAC9B,SAAS,QAAQ;CAClB"}

package/dist/esm/configs/index.d.ts

@@ -1,5 +1,6 @@
 export * from './backdrop';
 export * from './elm-callout';
+export * from './heatmap';
 export * from './iframe';
 export * from './style';
 export * from './viewId';

package/dist/esm/configs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/configs/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/configs/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/esm/helpers/iframe-height/IframeHeightProcessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IframeHeightProcessor.d.ts","sourceRoot":"","sources":["../../../src/helpers/iframe-height/IframeHeightProcessor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,eAAe,EAEf,2BAA2B,EAE3B,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AA4BjB,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAwC;IACtD,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,eAAe,CAAa;gBAExB,MAAM,EAAE,2BAA2B;IAa/C;;OAEG;IACH,OAAO,CAAC,UAAU;IAiBlB;;OAEG;IACI,eAAe,IAAI,MAAM;IAShC;;OAEG;IACI,cAAc,IAAI,MAAM;IAQ/B;;OAEG;IACI,uBAAuB,IAAI,MAAM;IAmBxC;;;OAGG;IACU,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC;IAiCjD;;;OAGG;IACI,qBAAqB,IAAI,IAAI;IAgDpC;;OAEG;IACH,OAAO,CAAC,2BAA2B;IA+DnC;;OAEG;IACI,UAAU,IAAI,IAAI;IAKzB;;OAEG;IACH,OAAO,CAAC,SAAS;IA8DjB;;;OAGG;IACI,UAAU,IAAI,eAAe;IAuBpC;;OAEG;IACH,OAAO,CAAC,eAAe;IAsCvB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAMjC;;OAEG;IACH,OAAO,CAAC,YAAY;IAOpB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAY9B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAQ5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;;OAGG;IACH,OAAO,CAAC,cAAc;IA8FtB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA8B5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAU1B;;OAEG;IACI,wBAAwB,IAAI,oBAAoB,EAAE;IA+CzD;;OAEG;IACI,sBAAsB,IAAI,qBAAqB,EAAE;IAwDxD;;OAEG;IACH,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACI,gBAAgB,IAAI,IAAI;IA0B/B;;OAEG;IACI,8BAA8B,IAAI,IAAI;IAY7C;;OAEG;IACI,mBAAmB,IAAI,IAAI;IA0BlC;;OAEG;IACI,qBAAqB,IAAI,OAAO;IAkCvC;;OAEG;IACI,kBAAkB,IAAI,MAAM;IAInC;;OAEG;IACI,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/C,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,yBAAyB;IAcjC,OAAO,CAAC,sBAAsB;IAgB9B;;OAEG;IACI,OAAO,IAAI,IAAI;CAQvB"}
+{"version":3,"file":"IframeHeightProcessor.d.ts","sourceRoot":"","sources":["../../../src/helpers/iframe-height/IframeHeightProcessor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,eAAe,EAEf,2BAA2B,EAE3B,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AA4BjB,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAwC;IACtD,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,eAAe,CAAa;gBAExB,MAAM,EAAE,2BAA2B;IAa/C;;OAEG;IACH,OAAO,CAAC,UAAU;IAiBlB;;OAEG;IACI,eAAe,IAAI,MAAM;IAShC;;OAEG;IACI,cAAc,IAAI,MAAM;IAQ/B;;OAEG;IACI,uBAAuB,IAAI,MAAM;IAmBxC;;;OAGG;IACU,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC;IAiCjD;;;OAGG;IACI,qBAAqB,IAAI,IAAI;IAgDpC;;OAEG;IACH,OAAO,CAAC,2BAA2B;IA+DnC;;OAEG;IACI,UAAU,IAAI,IAAI;IAKzB;;OAEG;IACH,OAAO,CAAC,SAAS;IA8DjB;;;OAGG;IACI,UAAU,IAAI,eAAe;IAuBpC;;OAEG;IACH,OAAO,CAAC,eAAe;IAsCvB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAMjC;;OAEG;IACH,OAAO,CAAC,YAAY;IAOpB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAU5B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAY9B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAQ5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;;OAGG;IACH,OAAO,CAAC,cAAc;IA6FtB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA8B5B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAU1B;;OAEG;IACI,wBAAwB,IAAI,oBAAoB,EAAE;IA+CzD;;OAEG;IACI,sBAAsB,IAAI,qBAAqB,EAAE;IAwDxD;;OAEG;IACH,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACI,gBAAgB,IAAI,IAAI;IA0B/B;;OAEG;IACI,8BAA8B,IAAI,IAAI;IAY7C;;OAEG;IACI,mBAAmB,IAAI,IAAI;IA0BlC;;OAEG;IACI,qBAAqB,IAAI,OAAO;IAkCvC;;OAEG;IACI,kBAAkB,IAAI,MAAM;IAInC;;OAEG;IACI,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/C,OAAO,CAAC,wBAAwB;IAoBhC,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,yBAAyB;IAcjC,OAAO,CAAC,sBAAsB;IAgB9B;;OAEG;IACI,OAAO,IAAI,IAAI;CAQvB"}

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

@@ -1,4 +1,9 @@
-import type { ElementRect, IHeatmapRef, IVisualDomViewport } from '../../types';
+import type { ElementRect, IHeatmapRef, IPositionCandidate, IPositionCandidateOption } 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;
+interface IElementRectInViewportParams {
+    candidate: IPositionCandidate;
+    options: IPositionCandidateOption;
+}
+export declare function isElementRectInViewport(params: IElementRectInViewportParams): boolean;
+export {};
 //# 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,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"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/helpers/viewport/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,aAAa,CAAC;AAIrB,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,EAChC,KAAK,EAAE,MAAM,GACZ,OAAO,CAqBT;AAED,UAAU,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,4BAA4B,GAAG,OAAO,CAsCrF"}

package/dist/esm/helpers/viz-canvas/area-overlay-manager-v2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"area-overlay-manager-v2.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-canvas/area-overlay-manager-v2.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAO1E,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,KAAK,CAA0C;IACvD,OAAO,CAAC,gBAAgB,CAA0C;IAClE,OAAO,CAAC,eAAe,CAAqC;gBAEhD,MAAM,EAAE,iBAAiB;IAI9B,IAAI,IAAI,IAAI;IA8BZ,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAqBtC,OAAO,CAAC,aAAa;IAiFd,KAAK,IAAI,IAAI;IAQb,OAAO,IAAI,IAAI;IAQf,QAAQ,IAAI,mBAAmB,EAAE;CAGzC"}
+{"version":3,"file":"area-overlay-manager-v2.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-canvas/area-overlay-manager-v2.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAO1E,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,KAAK,CAA0C;IACvD,OAAO,CAAC,gBAAgB,CAA0C;IAClE,OAAO,CAAC,eAAe,CAAqC;gBAEhD,MAAM,EAAE,iBAAiB;IAI9B,IAAI,IAAI,IAAI;IA8BZ,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAoBtC,OAAO,CAAC,aAAa;IAiFd,KAAK,IAAI,IAAI;IAQb,OAAO,IAAI,IAAI;IAQf,QAAQ,IAAI,mBAAmB,EAAE;CAGzC"}

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

@@ -1 +1 @@
-{"version":3,"file":"position-candidates.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-candidates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,kBAAkB,EAClB,wBAAwB,EAEzB,MAAM,aAAa,CAAC;AAgBrB,eAAO,MAAM,kCAAkC,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EA+BxG,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EAU1G,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EAsB3F,CAAC"}
+{"version":3,"file":"position-candidates.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-candidates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,kBAAkB,EAClB,wBAAwB,EAEzB,MAAM,aAAa,CAAC;AAgBrB,eAAO,MAAM,kCAAkC,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EA+BxG,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EAU1G,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EAU3F,CAAC"}

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

@@ -1,4 +1,5 @@
 import type { IPositionCandidate, IPositionCandidateBase, IPositionCandidateOption } from '../../types';
 export declare const selectBestPosition: (candidates: IPositionCandidate[]) => IPositionCandidate;
+export declare const selectBestPositionForClick: (candidates: IPositionCandidate[]) => IPositionCandidate;
 export declare const constrainToViewport: (candidate: IPositionCandidate, options: IPositionCandidateOption) => IPositionCandidateBase;
 //# sourceMappingURL=position-selector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"position-selector.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAExG,eAAO,MAAM,kBAAkB,GAAI,YAAY,kBAAkB,EAAE,KAAG,kBAGrE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,WAAW,kBAAkB,EAC7B,SAAS,wBAAwB,KAChC,sBA0BF,CAAC"}
+{"version":3,"file":"position-selector.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAExG,eAAO,MAAM,kBAAkB,GAAI,YAAY,kBAAkB,EAAE,KAAG,kBAGrE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,YAAY,kBAAkB,EAAE,KAAG,kBAO7E,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,WAAW,kBAAkB,EAC7B,SAAS,wBAAwB,KAChC,sBA0BF,CAAC"}

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,EACzB,wBAAwB,EAIxB,eAAe,EAGhB,MAAM,aAAa,CAAC;AAgErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAkDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAiEnF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oCAAoC,wBAAwB,KAAG,eAgCjG,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,EACzB,wBAAwB,EAIxB,eAAe,EAEhB,MAAM,aAAa,CAAC;AAgErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAkDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAwDnF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oCAAoC,wBAAwB,KAAG,eA0CjG,CAAC"}

package/dist/esm/hooks/view-context/useHeatmapSettingContext.d.ts

@@ -1,5 +1,5 @@
-import type { EClickMode, EClickRankType, EClickType, EHeatmapType, EScrollType } from '../../types';
-import { EDeviceType, EHeatmapDataSource } from '../../types';
+import type { EClickMode, EClickRankType, EClickType, EDeviceType, EHeatmapType, EScrollType } from '../../types';
+import { EHeatmapDataSource } from '../../types';
 interface IHeatmapSettingState {
     isRendering: boolean;
     isLoadingDom: boolean;

package/dist/esm/hooks/view-context/useHeatmapSettingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapSettingContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSettingContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGrG,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG9D,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,UAAU,sBAAsB;IAC9B,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,aAAa,EAAE,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB;;;;;;;CAmCnC,CAAC"}
+{"version":3,"file":"useHeatmapSettingContext.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSettingContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGlH,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGjD,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,UAAU,sBAAsB;IAC9B,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,aAAa,EAAE,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,wBAAwB;;;;;;;CAmCnC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useClickmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useClickmap.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;CAmBvB,CAAC"}
+{"version":3,"file":"useClickmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useClickmap.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;CAoBvB,CAAC"}

package/dist/esm/hooks/viz-render/useHeatmapIframeProcessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapIframeProcessor.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapIframeProcessor.ts"],"names":[],"mappings":"AAgCA,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,QAAO,6BA2E5C,CAAC"}
+{"version":3,"file":"useHeatmapIframeProcessor.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapIframeProcessor.ts"],"names":[],"mappings":"AA2BA,MAAM,WAAW,6BAA6B;IAC5C,GAAG,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7E,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,QAAO,6BA4D5C,CAAC"}

package/dist/esm/hooks/viz-render/useHeatmapRenderDom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapRenderDom.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRenderDom.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,mBAAmB,QAAO,uBAwFtC,CAAC"}
+{"version":3,"file":"useHeatmapRenderDom.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRenderDom.ts"],"names":[],"mappings":"AAmBA,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,mBAAmB,QAAO,uBAyFtC,CAAC"}

package/dist/esm/hooks/viz-scale/useWrapperRefHeight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWrapperRefHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useWrapperRefHeight.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,yBAAyB,KAAG,0BA+EtE,CAAC"}
+{"version":3,"file":"useWrapperRefHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useWrapperRefHeight.ts"],"names":[],"mappings":"AAGA,UAAU,yBAAyB;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,yBAAyB,KAAG,0BA8EtE,CAAC"}

package/dist/esm/index.js

@@ -70,6 +70,11 @@ const ELM_CALLOUT_CONFIG = {
     HIDE_OUTLINE_ON_CLICKED: true,
 };
 
+var HeatmapSetting;
+(function (HeatmapSetting) {
+    HeatmapSetting[HeatmapSetting["MaxHeight"] = 65535] = "MaxHeight";
+})(HeatmapSetting || (HeatmapSetting = {}));
+
 // Portal mode: Full permissions for proper functionality
 // Need allow-forms for add to cart, allow-popups for some features
 const HEATMAP_IFRAME = {
@@ -1393,7 +1398,7 @@ const useHeatmapSettingContext = createViewContextHook({
         isLoadingCanvas: !!store.isLoadingCanvas.get(viewId),
         isShowSidebar: !!store.isShowSidebar.get(viewId),
         rankedBy: store.rankedBy.get(viewId),
-        deviceType: store.deviceType.get(viewId) ?? EDeviceType.Desktop,
+        deviceType: store.deviceType.get(viewId),
         clickType: store.clickType.get(viewId),
         clickMode: store.clickMode.get(viewId),
         scrollType: store.scrollType.get(viewId),
@@ -1698,6 +1703,61 @@ const clearCanvas = (canvas) => {
     ctx.clearRect(0, 0, canvas.width, canvas.height);
 };
 
+const CLARITY_HEATMAP_CANVAS_ID = 'clarity-heatmap-canvas';
+const HEATMAP_ELEMENT_ATTRIBUTE = 'data-clarity-hashalpha';
+function isIgnoredCanvas(element) {
+    if (element.tagName === 'CANVAS') {
+        return true;
+    }
+    if (element.id === CLARITY_HEATMAP_CANVAS_ID) {
+        return true;
+    }
+    return false;
+}
+
+const AREA_HOVER_BOX_SHADOW = '0 0 0 1px #0078D4, 0 0 0 1px #0078D4 inset, 0 0 0 2px white inset';
+const AREA_HOVER_ELEMENT_ID = 'clarity-edit-hover';
+const AREA_MAP_DIV_ATTRIBUTE = 'data-clarity-area-map-div';
+const HEATMAP_AREA_CONTAINER_CLASS = 'heatmap-area-container';
+const HEATMAP_AREA_CONTAINER_SELECTOR = `.${HEATMAP_AREA_CONTAINER_CLASS}`;
+const AREA_CONTAINER_STYLES = `
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 999999;
+`;
+const AREA_INNER_CONTAINER_STYLES = `
+  position: relative;
+  width: 100%;
+  height: 100%;
+`;
+const AREA_COLOR_GRADIENT = [
+    [0, 0, 255], // Blue
+    [0, 255, 255], // Cyan
+    [0, 255, 0], // Green
+    [255, 255, 0], // Yellow
+    [255, 0, 0], // Red
+];
+const AREA_RENDERER_SELECTORS = {
+    containerAttribute: AREA_MAP_DIV_ATTRIBUTE,
+    containerSelector: `[${AREA_MAP_DIV_ATTRIBUTE}]`,
+    innerContainerClass: HEATMAP_AREA_CONTAINER_CLASS,
+    innerContainerSelector: HEATMAP_AREA_CONTAINER_SELECTOR,
+};
+
+const CALLOUT_PADDING = 0;
+const CALLOUT_ARROW_SIZE = 8;
+const CALLOUT_OFFSET = { x: -8, y: 0 };
+const CALLOUT_ALIGNMENT = 'left';
+const CLICKED_ELEMENT_ID_BASE = 'gx-hm-clicked-element';
+const SECONDARY_CLICKED_ELEMENT_ID_BASE = 'gx-hm-secondary-clicked-element';
+const HOVERED_ELEMENT_ID_BASE = 'gx-hm-hovered-element';
+const SECONDARY_HOVERED_ELEMENT_ID_BASE = 'gx-hm-secondary-hovered-element';
+const DEFAULT_POSITION_MODE = 'absolute';
+
 function isElementInViewport(elementRect, visualRef, scale) {
     if (!elementRect)
         return false;
@@ -1717,21 +1777,37 @@ function isElementInViewport(elementRect, visualRef, scale) {
     // Element is visible if it overlaps with the viewport
     return elementBottom > viewportTop && elementTop < viewportBottom;
 }
-function isElementRectInViewport(elementRect, visualRect, scale) {
-    if (!elementRect)
-        return false;
+function isElementRectInViewport(params) {
+    const { candidate, options } = params;
+    const { rectDimensions, visualViewport: visualRect, widthScale: scale, containerRect } = options;
     if (!visualRect)
         return false;
-    // Element position relative to the document (or container's content)
-    const elementTop = elementRect.top * scale;
-    const elementBottom = (elementRect.top + elementRect.height) * scale;
-    // Current scroll position
-    const scrollTop = (visualRect?.scrollTop || 0) - 8;
-    const viewportHeight = visualRect.height;
-    // Visible viewport range in the scrollable content
+    const { calloutRect, targetAbsoluteRect } = rectDimensions;
+    const { placement, horizontalAlign } = candidate;
+    // candidate position (relative to element) scaled + element absolute position in iframe
+    const offsetTop = (targetAbsoluteRect?.top ?? 0) * scale;
+    const offsetLeft = (targetAbsoluteRect?.left ?? 0) * scale;
+    // Base position in scroll space
+    const baseTop = candidate.top * scale + offsetTop;
+    const baseLeft = candidate.left * scale + offsetLeft;
+    const { width: calloutWidth, height: calloutHeight } = calloutRect;
+    const transformOffsetY = placement === 'top' ? calloutHeight * (scale - 1) : 0;
+    const transformOffsetX = horizontalAlign !== 'left' ? calloutWidth * (scale - 1) : 0;
+    const visualTop = baseTop + transformOffsetY + CALLOUT_ARROW_SIZE;
+    const visualBottom = visualTop + calloutHeight;
+    const visualLeft = baseLeft + transformOffsetX;
+    const visualRight = visualLeft + calloutWidth;
+    // Viewport bounds
+    const scrollTop = visualRect?.scrollTop || 0;
+    const scrollLeft = visualRect?.scrollLeft || 0;
     const viewportTop = scrollTop;
-    const viewportBottom = scrollTop + viewportHeight;
-    return elementTop > viewportTop && elementBottom < viewportBottom;
+    const viewportBottom = scrollTop + visualRect.height;
+    const viewportLeft = scrollLeft;
+    const viewportRight = scrollLeft + (containerRect?.width ?? visualRect.width);
+    // Check if element is fully within the visible viewport
+    const isInVertical = visualTop > viewportTop && visualBottom < viewportBottom;
+    const isInHorizontal = visualLeft > viewportLeft && visualRight < viewportRight;
+    return isInVertical && isInHorizontal;
 }
 
 function isMobileDevice(userAgent) {
@@ -1740,18 +1816,6 @@ function isMobileDevice(userAgent) {
     return /android|webos|iphone|ipad|ipod|blackberry|windows phone|opera mini|iemobile|mobile|silk|fennec|bada|tizen|symbian|nokia|palmsource|meego|sailfish|kindle|playbook|bb10|rim/i.test(userAgent);
 }
 
-const CLARITY_HEATMAP_CANVAS_ID = 'clarity-heatmap-canvas';
-const HEATMAP_ELEMENT_ATTRIBUTE = 'data-clarity-hashalpha';
-function isIgnoredCanvas(element) {
-    if (element.tagName === 'CANVAS') {
-        return true;
-    }
-    if (element.id === CLARITY_HEATMAP_CANVAS_ID) {
-        return true;
-    }
-    return false;
-}
-
 /**
  * Get all elements at a specific point (x, y), with support for Shadow DOM
  */
@@ -2023,49 +2087,6 @@ const throttleRAF = (callback) => {
     return throttled;
 };
 
-const AREA_HOVER_BOX_SHADOW = '0 0 0 1px #0078D4, 0 0 0 1px #0078D4 inset, 0 0 0 2px white inset';
-const AREA_HOVER_ELEMENT_ID = 'clarity-edit-hover';
-const AREA_MAP_DIV_ATTRIBUTE = 'data-clarity-area-map-div';
-const HEATMAP_AREA_CONTAINER_CLASS = 'heatmap-area-container';
-const HEATMAP_AREA_CONTAINER_SELECTOR = `.${HEATMAP_AREA_CONTAINER_CLASS}`;
-const AREA_CONTAINER_STYLES = `
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 999999;
-`;
-const AREA_INNER_CONTAINER_STYLES = `
-  position: relative;
-  width: 100%;
-  height: 100%;
-`;
-const AREA_COLOR_GRADIENT = [
-    [0, 0, 255], // Blue
-    [0, 255, 255], // Cyan
-    [0, 255, 0], // Green
-    [255, 255, 0], // Yellow
-    [255, 0, 0], // Red
-];
-const AREA_RENDERER_SELECTORS = {
-    containerAttribute: AREA_MAP_DIV_ATTRIBUTE,
-    containerSelector: `[${AREA_MAP_DIV_ATTRIBUTE}]`,
-    innerContainerClass: HEATMAP_AREA_CONTAINER_CLASS,
-    innerContainerSelector: HEATMAP_AREA_CONTAINER_SELECTOR,
-};
-
-const CALLOUT_PADDING = 0;
-const CALLOUT_ARROW_SIZE = 8;
-const CALLOUT_OFFSET = { x: -8, y: 0 };
-const CALLOUT_ALIGNMENT = 'left';
-const CLICKED_ELEMENT_ID_BASE = 'gx-hm-clicked-element';
-const SECONDARY_CLICKED_ELEMENT_ID_BASE = 'gx-hm-secondary-clicked-element';
-const HOVERED_ELEMENT_ID_BASE = 'gx-hm-hovered-element';
-const SECONDARY_HOVERED_ELEMENT_ID_BASE = 'gx-hm-secondary-hovered-element';
-const DEFAULT_POSITION_MODE = 'absolute';
-
 /**
  * Get color from click distribution percentage (0-100)
  */
@@ -2692,7 +2713,7 @@ const getContainerViewport = (containerElm, _scale) => {
     if (containerElm) {
         const containerRect = containerElm.getBoundingClientRect();
         const width = containerRect.width;
-        const height = containerRect.width;
+        const height = containerRect.height;
         return { width, height };
     }
     return {
@@ -2893,19 +2914,12 @@ const generateHorizontalPositionCandidates = (options) => {
     });
 };
 const generateAllCandidates = (options) => {
-    const { visualViewport, rectDimensions } = options;
     const verticalCandidates = generateVerticalPositionCandidates(options);
     const horizontalCandidates = generateHorizontalPositionCandidates(options);
     const allCandidates = [...verticalCandidates, ...horizontalCandidates];
-    // Thêm isVisibleInViewport cho mỗi candidate
     return allCandidates.map((candidate) => ({
         ...candidate,
-        isVisibleInViewport: isElementRectInViewport({
-            top: candidate.top,
-            left: candidate.left,
-            width: rectDimensions.calloutRect.width,
-            height: rectDimensions.calloutRect.height,
-        }, visualViewport || { scrollTop: 0, scrollLeft: 0, width: 0, height: 0 }, options.widthScale),
+        isVisibleInViewport: isElementRectInViewport({ candidate, options }),
     }));
 };
 
@@ -2913,6 +2927,12 @@ const selectBestPosition = (candidates) => {
     // return candidates.find((p) => p.valid && p.isVisibleInViewport) || candidates[0];
     return candidates.find((p) => p.valid) || candidates[0];
 };
+const selectBestPositionForClick = (candidates) => {
+    return (candidates.find((p) => p.valid && p.isVisibleInViewport) ||
+        candidates.find((p) => p.isVisibleInViewport) ||
+        candidates.find((p) => p.valid) ||
+        candidates[0]);
+};
 const constrainToViewport = (candidate, options) => {
     const { containerRect, padding, rectDimensions, viewport } = options;
     const { calloutRect } = rectDimensions;
@@ -3025,7 +3045,7 @@ const calcCalloutPosition = (options) => {
     };
 };
 const calcCalloutPositionAbsolute = (props) => {
-    const { widthScale, calloutElm, containerElm, element, setPosition } = props;
+    const { widthScale, calloutElm, containerElm, element, visualRef, setPosition } = props;
     const mousePosition = element?.mousePosition;
     if (!mousePosition)
         return;
@@ -3056,28 +3076,57 @@ const calcCalloutPositionAbsolute = (props) => {
             left: element.left,
         },
     };
-    const viewport = getContainerViewport(containerElm);
+    const { viewportInfo } = calcPositionDetail({ element, widthScale, visualRef: visualRef ?? undefined });
     const options = {
         rectDimensions,
-        viewport,
+        viewport: viewportInfo,
         alignment: CALLOUT_ALIGNMENT,
         offset: CALLOUT_OFFSET,
         padding,
         arrowSize,
         containerRect,
         widthScale,
+        visualViewport: viewportInfo,
     };
     const candidates = generateAllCandidates(options);
-    const bestPosition = selectBestPosition(candidates);
-    const finalPosition = {
-        top: bestPosition.top,
-        left: bestPosition.left,
-        placement: bestPosition.placement,
-        horizontalAlign: bestPosition.horizontalAlign,
-    };
-    setPosition(finalPosition);
-    // const styleBestPosition = getStyleFromCandidate(bestPosition, widthScale);
-    // onChange(styleBestPosition);
+    const bestPosition = selectBestPositionForClick(candidates);
+    setPosition(bestPosition);
+};
+const calcPositionDetail = ({ element, widthScale, visualRef }) => {
+    const mousePosition = element.mousePosition;
+    // visualRef = scrollable viewport (gx-hm-visual), clientWidth/Height = visible area
+    const visual = visualRef?.current;
+    const viewportInfo = {
+        width: visual?.clientWidth ?? 0,
+        height: visual?.clientHeight ?? 0,
+        scrollTop: visual?.scrollTop ?? 0,
+        scrollLeft: visual?.scrollLeft ?? 0,
+    };
+    const elementInfo = {
+        ...element,
+        top: element.top * widthScale,
+        left: element.left * widthScale,
+        width: element.width * widthScale,
+        height: element.height * widthScale,
+    };
+    const result = {
+        elementInfo,
+        viewportInfo,
+        elementToIframe: { x: elementInfo.left, y: elementInfo.top },
+        elementToViewport: { x: elementInfo.left - viewportInfo.scrollLeft, y: elementInfo.top - viewportInfo.scrollTop },
+    };
+    if (mousePosition) {
+        // mousePosition is relative to the element (0,0 = top-left of element)
+        const mx = mousePosition.x;
+        const my = mousePosition.y;
+        // Convert to iframe coordinate space
+        const iframeMx = elementInfo.left + mx;
+        const iframeMy = elementInfo.top + my;
+        result.mouseToIframe = { x: iframeMx, y: iframeMy };
+        result.mouseToElement = { x: mx, y: my };
+        result.mouseToViewport = { x: iframeMx - viewportInfo.scrollLeft, y: iframeMy - viewportInfo.scrollTop };
+    }
+    return result;
 };
 
 function validateAreaCreation(dataInfo, hash, areas) {
@@ -3538,7 +3587,8 @@ const useClickmap = () => {
             vizRef?.clearmap?.();
             if (clickmap.length === 0)
                 return;
-            requestIdleCallback(() => vizRef?.clickmap?.(clickmap), { timeout: 300 });
+            const win = vizRef.state.window;
+            win.requestIdleCallback(() => vizRef?.clickmap?.(clickmap), { timeout: 300 });
         }
         catch (error) {
             console.error(`useClickmap ~ error:`, error);
@@ -6746,9 +6796,8 @@ const useHeatmapIframeProcessor = () => {
     const setIframeHeight = useHeatmapVizRectContext((s) => s.setIframeHeight);
     const setIsDomLoaded = useHeatmapVizContext((s) => s.setIsDomLoaded);
     const helperRef = useRef(null);
-    const pendingRef = useRef(null);
     const reset = useCallback(() => {
-        pendingRef.current = null;
+        // implement
     }, []);
     const callStartIframe = useCallback((iframe, t0, abort) => {
         startIframe({
@@ -6762,15 +6811,16 @@ const useHeatmapIframeProcessor = () => {
                 if (abort.signal.aborted)
                     return;
                 if (data.height)
-                    setIframeHeight(data.height);
+                    setIframeHeight(clampIframeHeight(data.height));
                 setIsDomLoaded(true);
                 helperRef.current?.startHeightObserver({
                     onHeightChange: (data) => {
                         if (abort.signal.aborted)
                             return;
                         if (data.height) {
-                            setIframeHeight(data.height);
-                            iframe.style.height = `${data.height}px`;
+                            const height = clampIframeHeight(data.height);
+                            setIframeHeight(height);
+                            iframe.style.height = `${height}px`;
                         }
                     },
                 });
@@ -6778,24 +6828,10 @@ const useHeatmapIframeProcessor = () => {
         });
     }, [deviceType, shopId, viewport, setIframeHeight, setIsDomLoaded]);
     const run = useCallback((iframe, t0, abort) => {
-        if (viewport.width === 0 || viewport.height === 0) {
-            pendingRef.current = { iframe, t0, abort };
-            return;
-        }
-        callStartIframe(iframe, t0, abort);
-    }, [callStartIframe, viewport]);
-    // Retry when dims become available
-    useEffect(() => {
         if (viewport.width === 0 || viewport.height === 0)
             return;
-        if (!pendingRef.current)
-            return;
-        const { iframe, t0, abort } = pendingRef.current;
-        pendingRef.current = null;
-        if (abort.signal.aborted)
-            return;
         callStartIframe(iframe, t0, abort);
-    }, [viewport, callStartIframe]);
+    }, [callStartIframe, viewport]);
     useEffect(() => {
         return () => {
             helperRef.current?.stop();
@@ -6805,6 +6841,7 @@ const useHeatmapIframeProcessor = () => {
     return { run, reset };
 };
 // ── Helpers ───────────────────────────────────────────────────────────────────
+const clampIframeHeight = (height) => Math.min(height, HeatmapSetting.MaxHeight);
 function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Desktop, size, t0, onSuccess, }) {
     const docWidth = size.width ?? 0;
     const docHeight = size.height ?? 0;
@@ -6825,7 +6862,8 @@ function startIframe({ helperRef, iframe, shopId, deviceType = EDeviceType.Deskt
         onSuccess: (data) => {
             perf$1.measure('IframeHelper processing', tHelper);
             perf$1.measure('Total render', t0);
-            iframe.style.height = `${data.height}px`;
+            const height = clampIframeHeight(data.height);
+            iframe.style.height = `${height}px`;
             onSuccess(data);
         },
     });
@@ -7220,7 +7258,6 @@ const useWrapperRefHeight = (props) => {
                 updateWrapperHeight();
             }
             catch (error) {
-                console.log(`🚀 🐥 ~ setupObservers ~ error:`, error);
                 console.warn('Cannot access wrapper content:', error);
             }
         };
@@ -8493,8 +8530,9 @@ const ElementCalloutOverlay = (props) => {
             containerElm,
             element,
             setPosition,
+            visualRef: props.visualRef,
         });
-    }, [element, widthScale, containerRef]);
+    }, [element, widthScale, containerRef, props.visualRef]);
     if (!element)
         return null;
     return (jsx("div", { ref: calloutRef, style: calloutStyle, className: "clarity-callout", children: CompElementCallout && jsx(CompElementCallout, { elementHash: element.hash }) }));
@@ -8539,7 +8577,7 @@ const ElementCalloutClickedComponent = (props) => {
     if (!clickedElement)
         return null;
     const isShowClickedElement = shouldShowCallout && !clickedElement?.mousePosition;
-    return (jsxs(Fragment, { children: [jsx(ElementOverlay, { type: "clicked", element: clickedElement, elementId: elementId, containerRef: props.containerRef }), isShowClickedElement && (jsx(ElementCallout, { element: clickedElement, target: `#${elementId}`, visualRef: props.visualRef, positionMode: props.positionMode }))] }));
+    return (jsxs(Fragment, { children: [jsx(ElementOverlay, { type: "clicked", element: clickedElement, elementId: elementId, containerRef: props.containerRef, visualRef: props.visualRef }), isShowClickedElement && (jsx(ElementCallout, { element: clickedElement, target: `#${elementId}`, visualRef: props.visualRef, positionMode: props.positionMode }))] }));
 };
 const ElementCalloutClicked = memo(ElementCalloutClickedComponent);
 
@@ -9039,4 +9077,4 @@ const HeatmapLayout = ({ shopId, data, clickmap, clickAreas, scrollmap, attentio
     }
 };
 
-export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, EClickMode, EClickRankType, EClickType, EDeviceType, EHeatmapDataSource, EHeatmapMode, EHeatmapType, ELM_CALLOUT_CONFIG, EScrollType, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, ViewIdContext, Z_INDEX$1 as Z_INDEX, buildBuckets, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, decodeArrayClarity, decodeClarity, downloadPerformanceReport, getCompareViewId, getElementAtPoint, getElementHash, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, isElmInDataInfo, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClickContext, useHeatmapCanvas, useHeatmapClickContext, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapDataContext, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHoverContext, useHeatmapLiveContext, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapScrollContext, useHeatmapSettingContext, useHeatmapViewportByDevice, useHeatmapVizContext, useHeatmapVizRectContext, useHoveredElement, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };
+export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, EClickMode, EClickRankType, EClickType, EDeviceType, EHeatmapDataSource, EHeatmapMode, EHeatmapType, ELM_CALLOUT_CONFIG, EScrollType, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, HeatmapSetting, ViewIdContext, Z_INDEX$1 as Z_INDEX, buildBuckets, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, createViewContextHook, decodeArrayClarity, decodeClarity, downloadPerformanceReport, getCompareViewId, getElementAtPoint, getElementHash, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, isElmInDataInfo, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClickContext, useHeatmapCanvas, useHeatmapClickContext, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapDataContext, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHoverContext, useHeatmapLiveContext, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapScrollContext, useHeatmapSettingContext, useHeatmapViewportByDevice, useHeatmapVizContext, useHeatmapVizRectContext, useHoveredElement, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };