@gemx-dev/heatmap-react 3.5.46 → 3.5.47

package/dist/esm/helpers/viz-canvas/hierarchical-area-clustering.d.ts

@@ -0,0 +1,73 @@
+import { ClickMapPoint, IClusterArea } from '../../types';
+export interface HierarchicalCluster extends IClusterArea {
+    parentHash: string | null;
+    level: number;
+    children: Set<string>;
+}
+export declare class HierarchicalAreaClusteringEngine {
+    /**
+     * Cluster areas với hierarchical logic
+     */
+    clusterAreas(clickData: ClickMapPoint[], iframeDoc: Document, totalClicks: number): HierarchicalCluster[];
+    /**
+     * Build click elements với hierarchy info
+     */
+    private buildClickElements;
+    /**
+     * Get DOM level (depth from body)
+     */
+    private getDOMLevel;
+    /**
+     * Get all parent hashes của element
+     */
+    private getParentHashes;
+    /**
+     * Group elements by common parent
+     */
+    private groupByCommonParent;
+    /**
+     * Check if two elements have common parent
+     */
+    private hasCommonParent;
+    /**
+     * Get best parent hash (closest specific parent)
+     */
+    private getBestParentHash;
+    /**
+     * Create clusters from parent groups
+     */
+    private createClustersFromGroups;
+    /**
+     * Calculate smart bounding rect - không bao trọn toàn bộ parent
+     */
+    private calculateSmartBoundingRect;
+    /**
+     * Remove nested clusters - Loại bỏ cluster con nếu nằm trong cluster cha
+     */
+    private removeNestedClusters;
+    /**
+     * Check if cluster1 is nested inside cluster2
+     */
+    private isClusterNested;
+    /**
+     * Calculate overlap area between two rects
+     */
+    private calculateOverlapArea;
+    /**
+     * Filter out too large clusters (không bao trọn body hoặc quá lớn)
+     */
+    private filterLargeClusters;
+    private getElementRect;
+    private getDistance;
+    private getHeatmapColor;
+    private getHoverColor;
+}
+export interface Rect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    right: number;
+    bottom: number;
+}
+//# sourceMappingURL=hierarchical-area-clustering.d.ts.map

package/dist/esm/helpers/viz-canvas/hierarchical-area-clustering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchical-area-clustering.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-canvas/hierarchical-area-clustering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACvB;AA6BD,qBAAa,gCAAgC;IAC3C;;OAEG;IACI,YAAY,CACjB,SAAS,EAAE,aAAa,EAAE,EAC1B,SAAS,EAAE,QAAQ,EACnB,WAAW,EAAE,MAAM,GAClB,mBAAmB,EAAE;IA6BxB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAkC1B;;OAEG;IACH,OAAO,CAAC,WAAW;IAYnB;;OAEG;IACH,OAAO,CAAC,eAAe;IAevB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmC3B;;OAEG;IACH,OAAO,CAAC,eAAe;IAWvB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAgBzB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IA0ChC;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAyBlC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsB5B;;OAEG;IACH,OAAO,CAAC,eAAe;IAcvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAa5B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAkC3B,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,aAAa;CAKtB;AAED,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/{src/helpers/viz-canvas/index.ts → dist/esm/helpers/viz-canvas/index.d.ts}

@@ -1,2 +1,3 @@
 export * from './area-overlay-manager';
 export * from './area-overlay-manager-v2';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/helpers/viz-canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC"}

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

@@ -1,6 +1,7 @@
 export * from './register';
-export * from './vix-elements';
+export * from './viz-elements';
 export * from './viz-live';
 export * from './viz-render';
 export * from './viz-scale';
+export * from './viz-scrollmap';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,cAAc,iBAAiB,CAAC"}

package/dist/esm/hooks/register/useRegisterData.d.ts

@@ -1,3 +1,3 @@
-import { DecodedPayload, HeatmapInfo } from '../../types';
-export declare const useRegisterData: (data?: DecodedPayload[], dataInfo?: HeatmapInfo) => void;
+import { DecodedPayload, IHeatmapInfo } from '../../types';
+export declare const useRegisterData: (data?: DecodedPayload[], dataInfo?: IHeatmapInfo) => void;
 //# sourceMappingURL=useRegisterData.d.ts.map

package/dist/esm/hooks/register/useRegisterData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRegisterData.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1D,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,EAAE,WAAW,WAAW,SA+B9E,CAAC"}
+{"version":3,"file":"useRegisterData.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,EAAE,WAAW,YAAY,SA+B/E,CAAC"}

package/dist/esm/hooks/register/useRegisterHeatmap.d.ts

@@ -1,3 +1,8 @@
-import { ClickMapPoint } from '../../types';
-export declare const useRegisterHeatmap: (clickmap?: ClickMapPoint[]) => void;
+import { ClickMapPoint, ScrollMapPoint } from '../../types';
+interface Props {
+    clickmap?: ClickMapPoint[];
+    scrollmap?: ScrollMapPoint[];
+}
+export declare const useRegisterHeatmap: ({ clickmap, scrollmap }: Props) => void;
+export {};
 //# sourceMappingURL=useRegisterHeatmap.d.ts.map

package/dist/esm/hooks/register/useRegisterHeatmap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRegisterHeatmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterHeatmap.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,kBAAkB,GAAI,WAAW,aAAa,EAAE,SAe5D,CAAC"}
+{"version":3,"file":"useRegisterHeatmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterHeatmap.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE5D,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B;AACD,eAAO,MAAM,kBAAkB,GAAI,yBAAyB,KAAK,SA6BhE,CAAC"}

package/dist/esm/hooks/viz-area/useAreaHeatmap.d.ts

@@ -0,0 +1,59 @@
+import { MutableRefObject } from 'react';
+export interface Rect {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    absoluteLeft: number;
+    absoluteTop: number;
+    absoluteRight: number;
+    absoluteBottom: number;
+}
+export interface AreaNode {
+    id: string;
+    hash: string;
+    element: HTMLElement;
+    rect: MutableRefObject<Rect>;
+    kind: 'area' | 'money';
+    clickDist?: number;
+    totalclicks: number;
+    priority?: boolean;
+    areaElement?: HTMLDivElement;
+    shadowStyleElement?: HTMLStyleElement;
+    changeObserver?: {
+        disconnect: () => void;
+    };
+    hoverColor: string;
+    color: string;
+    cumulativeSessions?: number[];
+    cumulativeSessionsWithPurchase?: number[];
+    cumulativeValue?: number;
+    moneyMapType?: 'Conversion' | 'OrderValue';
+}
+export interface AreaRenderState {
+    areas: AreaNode[];
+    selectedArea: AreaNode | null;
+    hoveredArea: AreaNode | null;
+    isEditing: boolean;
+}
+export type GetElementInfoFn = (el: HTMLElement, useBeta?: boolean) => {
+    hash: string;
+    dataId: string | null;
+} | null;
+export interface AreaRenderer {
+    init: (win: Window, context: any, getElementInfo: GetElementInfoFn) => void;
+    clear: () => void;
+    render: () => void;
+    lazyRenderArea: (area?: AreaNode) => void;
+    removeArea: (area: AreaNode, skipReRender?: boolean) => void;
+    createArea: (element: HTMLElement, force?: boolean) => void;
+    avoidOverlaps: () => void;
+    getAreas: (sorted?: boolean) => AreaNode[];
+    getAreaInfo: () => AreaRenderState;
+    updateHoveredArea: (area: AreaNode | null) => void;
+    selectArea: (area: AreaNode) => void;
+    enterEditing: () => void;
+    exitEditing: () => void;
+}
+export declare function useAreaHeatmap(): AreaRenderer;
+//# sourceMappingURL=useAreaHeatmap.d.ts.map

package/dist/esm/hooks/viz-area/useAreaHeatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAreaHeatmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-area/useAreaHeatmap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAU,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,cAAc,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC9B,8BAA8B,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC;CAC5C;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,EAAE,EAAE,WAAW,EACf,OAAO,CAAC,EAAE,OAAO,KACd;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,QAAQ,EAAE,CAAC;IAC3C,WAAW,EAAE,MAAM,eAAe,CAAC;IACnC,iBAAiB,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AA4BD,wBAAgB,cAAc,IAAI,YAAY,CAuP7C"}

package/dist/esm/hooks/viz-area/useAreaHeatmapManager.d.ts

@@ -0,0 +1,77 @@
+interface ObservableValue<T> {
+    observe: (callback: (value: T) => void) => void;
+    unobserve: (callback: (value: T) => void) => void;
+    update: (value: T) => void;
+    value: T;
+}
+interface Rect {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    absoluteLeft: number;
+    absoluteTop: number;
+    absoluteRight: number;
+    absoluteBottom: number;
+}
+interface AreaNode {
+    id: string;
+    hash: string;
+    element: HTMLElement;
+    shadowElement?: HTMLElement;
+    shadowStyleElement?: HTMLStyleElement;
+    areaElement?: HTMLDivElement;
+    rect: ObservableValue<Rect>;
+    kind: 'area' | 'money';
+    totalclicks: number;
+    clickDist: number;
+    color: string;
+    hoverColor: string;
+    isFixed: boolean;
+    priority: boolean;
+    parentNode?: AreaNode;
+    childNodes: Set<AreaNode>;
+    cumulativeMaxClicks?: number;
+    changeObserver?: {
+        disconnect: () => void;
+    };
+    iframe?: HTMLIFrameElement;
+}
+interface AreaRenderOptions {
+    areaContainerStyles?: Record<string, any>;
+    initialAreas?: string[];
+}
+interface ClickData {
+    hash: string;
+    clicks: number[];
+    x: number[];
+    y: number[];
+    points: number;
+    totalclicks: number;
+    selector: string;
+}
+export interface HeatmapData {
+    clickData: ClickData[];
+    totalClicks: number;
+}
+interface UseHeatmapOptions {
+    data?: HeatmapData;
+    iframeRef?: React.RefObject<HTMLIFrameElement>;
+    options?: AreaRenderOptions;
+    enabled?: boolean;
+    includeIframes?: boolean;
+}
+interface UseHeatmapReturn {
+    areas: AreaNode[];
+    selectedArea: AreaNode | undefined;
+    hoveredArea: AreaNode | undefined;
+    isEditing: boolean;
+    selectArea: (area: AreaNode | undefined) => void;
+    enterEditing: () => void;
+    exitEditing: () => void;
+    clear: () => void;
+    refresh: () => void;
+}
+export declare function useHeatmap({ data, iframeRef, options, enabled, includeIframes, }?: UseHeatmapOptions): UseHeatmapReturn;
+export default useHeatmap;
+//# sourceMappingURL=useAreaHeatmapManager.d.ts.map

package/dist/esm/hooks/viz-area/useAreaHeatmapManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAreaHeatmapManager.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-area/useAreaHeatmapManager.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/viz-canvas/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useHeatmapVizCanvas';
+export * from './useHeatmapCanvas';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/hooks/viz-canvas/useAreamap.d.ts

@@ -0,0 +1,14 @@
+import { IClusterArea } from '../../types';
+interface IAreamapReturn {
+    start: () => void;
+    clear: () => void;
+    refresh: () => void;
+    isInitialized: boolean;
+    areas: IClusterArea[];
+}
+interface IAreamapProps {
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+}
+export declare const useAreamap: ({ iframeRef }: IAreamapProps) => IAreamapReturn;
+export {};
+//# sourceMappingURL=useAreamap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAreamap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useAreamap.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC/C;AACD,eAAO,MAAM,UAAU,GAAI,eAAe,aAAa,KAAG,cA2HzD,CAAC"}

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

@@ -1,2 +1,4 @@
-export declare const useClickmap: () => {};
+export declare const useClickmap: () => {
+    start: () => void;
+};
 //# sourceMappingURL=useClickmap.d.ts.map

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,UAgBvB,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-canvas/useHeatmapCanvas.d.ts

@@ -0,0 +1,4 @@
+export declare const useHeatmapCanvas: ({ iframeRef, }: {
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+}) => void;
+//# sourceMappingURL=useHeatmapCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapCanvas.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useHeatmapCanvas.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,GAAI,gBAE9B;IACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC/C,SAgBA,CAAC"}

package/dist/esm/hooks/viz-canvas/useScrollmap.d.ts

@@ -1,2 +1,4 @@
-export declare const useScrollmap: () => {};
+export declare const useScrollmap: () => {
+    start: () => void;
+};
 //# sourceMappingURL=useScrollmap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useScrollmap.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,UAIxB,CAAC"}
+{"version":3,"file":"useScrollmap.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-canvas/useScrollmap.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;CAkBxB,CAAC"}

package/dist/esm/hooks/{vix-elements → viz-elements}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}

package/dist/esm/hooks/{vix-elements → viz-elements}/useClickedElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM5D,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;AA2BD,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;;CAiD/D,CAAC"}
+{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elements/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM5D,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;AA2BD,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;;CAiD/D,CAAC"}

package/dist/esm/hooks/{vix-elements → viz-elements}/useElementCalloutVisible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useElementCalloutVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/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;CAC5B;AAED,eAAO,MAAM,wBAAwB,GAAI,wBAAwB,MAAM,OAmCtE,CAAC"}
+{"version":3,"file":"useElementCalloutVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elements/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;CAC5B;AAED,eAAO,MAAM,wBAAwB,GAAI,wBAAwB,MAAM,OAmCtE,CAAC"}

package/dist/esm/hooks/{vix-elements → viz-elements}/useHeatmapEffects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapEffects.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHeatmapEffects.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,GAAI,sEAK/B;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,SAgBA,CAAC"}
+{"version":3,"file":"useHeatmapEffects.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elements/useHeatmapEffects.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,GAAI,sEAK/B;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,SAgBA,CAAC"}

package/dist/esm/hooks/{vix-elements → viz-elements}/useHeatmapElementPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAM9E,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,gBAMxE,cAAc,KAAG,WAAW,GAAG,IAyC7C,CAAC"}
+{"version":3,"file":"useHeatmapElementPosition.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elements/useHeatmapElementPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAM9E,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,gBAMxE,cAAc,KAAG,WAAW,GAAG,IAyC7C,CAAC"}

package/dist/esm/hooks/viz-elements/useHeatmapMouseHandler.d.ts

@@ -0,0 +1,34 @@
+import { IHeatmapInfo } from '../../types';
+interface BoundingBox {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+interface HoveredElementInfo extends BoundingBox {
+    hash: string;
+    clicks: number;
+    rank: number;
+    selector: string;
+}
+interface UseHeatmapMouseHandlerProps {
+    heatmapWrapperRef: React.RefObject<HTMLElement>;
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+    parentRef: React.RefObject<HTMLDivElement>;
+    heatmapInfo: IHeatmapInfo;
+    scaleRatio: number;
+    onElementHover: (info: HoveredElementInfo) => void;
+}
+/**
+ * Lấy bounding box tuyệt đối của element (relative to document)
+ */
+export declare function getBoundingBox(element: HTMLElement): BoundingBox | null;
+/**
+ * Lấy tất cả elements tại tọa độ (x, y), hỗ trợ Shadow DOM
+ */
+export declare function getElementsAtPoint(documentOrShadowRoot: Document | ShadowRoot, x: number, y: number, filterFunction?: (element: Element) => boolean, visitedShadowRoots?: Set<ShadowRoot>): Element[];
+export declare function useHeatmapMouseHandler(props: UseHeatmapMouseHandlerProps): {
+    handleMouseMove: (event: MouseEvent) => void;
+};
+export {};
+//# sourceMappingURL=useHeatmapMouseHandler.d.ts.map

package/dist/esm/hooks/viz-elements/useHeatmapMouseHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeatmapMouseHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elements/useHeatmapMouseHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,2BAA2B;IACnC,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,WAAW,EAAE,YAAY,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACpD;AAOD;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CA0BvE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,oBAAoB,EAAE,QAAQ,GAAG,UAAU,EAC3C,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,EAC9C,kBAAkB,GAAE,GAAG,CAAC,UAAU,CAAa,GAC9C,OAAO,EAAE,CAmBX;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B;6BAK7D,UAAU;EAwFrB"}

package/dist/esm/hooks/{vix-elements → viz-elements}/useHoveredElement.d.ts

@@ -8,5 +8,9 @@ export declare const useHoveredElement: ({ iframeRef, getRect }: Params) => {
     handleMouseLeave: () => void;
     handleClick: () => void;
 };
+export declare const convertViewportToIframeCoords: (clientX: number, clientY: number, iframeRect: DOMRect, scale: number) => {
+    x: number;
+    y: number;
+};
 export {};
 //# sourceMappingURL=useHoveredElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elements/useHoveredElement.ts"],"names":[],"mappings":"AAOA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AACD,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;;CAoF/D,CAAC;AAEF,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/hooks/viz-live/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useIframeMessage';
+export * from './useVizLiveRender';
 //# sourceMappingURL=index.d.ts.map

package/dist/{umd/hooks/viz-live/useIframeMessage.d.ts → esm/hooks/viz-live/useVizLiveIframeMsg.d.ts}

@@ -11,17 +11,9 @@ interface UseIframeMessageOptions {
     trustedOrigins?: string[];
     onMessage?: (message: ClarityMessage) => void;
 }
-export declare function useIframeMessage(options?: UseIframeMessageOptions): {
+export declare function useVizLiveIframeMsg(options?: UseIframeMessageOptions): {
     iframeRef: import("react").RefObject<HTMLIFrameElement>;
-    payloads: import("clarity-decode/types/data").DecodedPayload[];
-    isReady: boolean;
-    clearPayloads: () => void;
-    reset: () => void;
-};
-export declare function useIframeRender(): {
-    iframeRef: import("react").RefObject<HTMLIFrameElement>;
-    payloads: import("clarity-decode/types/data").DecodedPayload[];
     isReady: boolean;
 };
 export {};
-//# sourceMappingURL=useIframeMessage.d.ts.map
+//# sourceMappingURL=useVizLiveIframeMsg.d.ts.map

package/dist/esm/hooks/viz-live/useVizLiveIframeMsg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVizLiveIframeMsg.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-live/useVizLiveIframeMsg.ts"],"names":[],"mappings":"AAIA,oBAAY,WAAW;IACrB,uBAAuB,4BAA4B;IACnD,aAAa,kBAAkB;CAChC;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,uBAAuB;IAC/B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,uBAA4B;;;EAmExE"}

package/dist/esm/hooks/viz-live/useVizLiveRender.d.ts

@@ -0,0 +1,4 @@
+export declare function useVizLiveRender(): {
+    iframeRef: import("react").RefObject<HTMLIFrameElement>;
+};
+//# sourceMappingURL=useVizLiveRender.d.ts.map

package/dist/esm/hooks/viz-live/useVizLiveRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVizLiveRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-live/useVizLiveRender.ts"],"names":[],"mappings":"AAKA,wBAAgB,gBAAgB;;EAuC/B"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAMA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAqCnC,CAAC"}
+{"version":3,"file":"useHeatmapRender.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-render/useHeatmapRender.ts"],"names":[],"mappings":"AAMA,UAAU,uBAAuB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACtD;AAGD,eAAO,MAAM,gBAAgB,QAAO,uBAoCnC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useContainerDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useContainerDimensions.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,UAAU,6BAA6B;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,GACjC,OAAO,4BAA4B,KAClC,6BAgCF,CAAC"}
+{"version":3,"file":"useContainerDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useContainerDimensions.ts"],"names":[],"mappings":"AAEA,UAAU,4BAA4B;IACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAED,UAAU,6BAA6B;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,GACjC,OAAO,4BAA4B,KAClC,6BAkCF,CAAC"}

package/dist/esm/hooks/viz-scale/useHeatmapScale.d.ts

@@ -3,7 +3,7 @@ interface IHeatmapScaleProps {
     iframeRef: React.RefObject<HTMLIFrameElement | null>;
     visualRef: React.RefObject<HTMLDivElement | null>;
     iframeHeight: number;
-    setIframeHeight: (height: number) => void;
+    setIframeHeight?: (height: number) => void;
 }
 interface IUseHeatmapScaleResult {
     containerWidth: number;

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBAyB3D,CAAC"}
+{"version":3,"file":"useHeatmapScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useHeatmapScale.ts"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,kBAAkB,KAAG,sBA4B3D,CAAC"}

package/dist/esm/hooks/viz-scale/useObserveIframeHeight.d.ts

@@ -0,0 +1,10 @@
+interface IUseIframeHeightProps {
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
+    setIframeHeight?: (height: number) => void;
+}
+interface IUseIframeHeightResult {
+    iframeHeight?: number;
+}
+export declare const useObserveIframeHeight: (props: IUseIframeHeightProps) => IUseIframeHeightResult;
+export {};
+//# sourceMappingURL=useObserveIframeHeight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useObserveIframeHeight.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scale/useObserveIframeHeight.ts"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,sBAAsB,GAAI,OAAO,qBAAqB,KAAG,sBAqJrE,CAAC"}

package/{src/hooks/viz-scrollmap/index.ts → dist/esm/hooks/viz-scrollmap/index.d.ts}

@@ -1,2 +1,3 @@
 export * from './useScrollmapZones';
 export * from './useZonePositions';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/viz-scrollmap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scrollmap/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}

package/dist/esm/hooks/viz-scrollmap/useScrollmapZones.d.ts

@@ -0,0 +1,29 @@
+import { IScrollZone } from '../../types';
+export interface ScrollMapDataPoint {
+    scrollReachY: number;
+    cumulativeSum: number;
+    percUsers: number;
+}
+export type ScrollMapMode = 'basic' | 'metrics';
+interface UseScrollmapOptions {
+    mode?: ScrollMapMode;
+    enabled?: boolean;
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+    wrapperRef: React.RefObject<HTMLElement>;
+}
+interface UseScrollmapReturn {
+    zones: IScrollZone[];
+    isReady: boolean;
+    maxUsers: number;
+    getZonePosition: (zone: IScrollZone) => {
+        top: number;
+        height: number;
+    } | null;
+}
+export declare const useScrollmapZones: (options: UseScrollmapOptions) => UseScrollmapReturn;
+/**
+ * Get scroll gradient color for minimap
+ */
+export declare const getScrollGradientColor: (normalized: number) => string;
+export {};
+//# sourceMappingURL=useScrollmapZones.d.ts.map

package/dist/esm/hooks/viz-scrollmap/useScrollmapZones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollmapZones.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scrollmap/useScrollmapZones.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAqB,MAAM,aAAa,CAAC;AAG7D,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC;AAQhD,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAChF;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,mBAAmB,KAAG,kBAkHhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,KAAG,MAY3D,CAAC"}

package/dist/esm/hooks/viz-scrollmap/useZonePositions.d.ts

@@ -0,0 +1,12 @@
+import { IScrollZone, IScrollZonePosition } from '../../types';
+interface ZonePositionsOptions {
+    iframeRef: React.RefObject<HTMLIFrameElement>;
+    wrapperRef: React.RefObject<HTMLElement>;
+}
+type ZonePositionsInput = Pick<IScrollZone, 'startY' | 'endY'>;
+interface ZonePositionsReturn {
+    getZonePosition: (zone: ZonePositionsInput) => IScrollZonePosition | null;
+}
+export declare const useZonePositions: (options: ZonePositionsOptions) => ZonePositionsReturn;
+export {};
+//# sourceMappingURL=useZonePositions.d.ts.map

package/dist/esm/hooks/viz-scrollmap/useZonePositions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZonePositions.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-scrollmap/useZonePositions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE/D,UAAU,oBAAoB;IAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC1C;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;AAC/D,UAAU,mBAAmB;IAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,mBAAmB,GAAG,IAAI,CAAC;CAC3E;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,oBAAoB,KAAG,mBAuBhE,CAAC"}

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export * from './types';
-export { useHeatmapConfigStore, useHeatmapDataStore, useHeatmapInteractionStore, useHeatmapLiveStore, } from './stores';
+export { useHeatmapConfigStore, useHeatmapDataStore, useHeatmapInteractionStore, useHeatmapLiveStore, useHeatmapVizStore, } from './stores';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AAExB,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,UAAU,CAAC"}