@gemx-dev/heatmap-react 3.5.63 → 3.5.65

package/dist/esm/components/Layout/VizByMode/ContentVizByMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentVizByMode.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/VizByMode/ContentVizByMode.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAcpC,CAAC"}
+{"version":3,"file":"ContentVizByMode.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/VizByMode/ContentVizByMode.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAepC,CAAC"}

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,CAuBT"}
+{"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"}

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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhE,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,EAAE,WAAW,YAAY,SAoB/E,CAAC"}
+{"version":3,"file":"useRegisterData.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhE,eAAO,MAAM,eAAe,GAAI,OAAO,cAAc,EAAE,EAAE,WAAW,YAAY,SAoB/E,CAAC"}

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

@@ -16,60 +16,13 @@ interface IHeatmapAreaClickActions {
     clearAreas: () => void;
     resetView: () => void;
 }
-export type IHeatmapAreaClickResult = IHeatmapAreaClickState & IHeatmapAreaClickActions;
-/**
- * Hook to access heatmap area click state and actions with optional selector
- *
- * @example
- * ```tsx
- * // Get everything
- * const { areas, selectedArea, addArea } = useHeatmapAreaClick();
- *
- * // Get only what you need (no unnecessary re-renders)
- * const addArea = useHeatmapAreaClick(s => s.addArea);
- * const { addArea, removeArea } = useHeatmapAreaClick(s => ({
- *   addArea: s.addArea,
- *   removeArea: s.removeArea,
- * }));
- * ```
- */
 export declare const useHeatmapAreaClick: {
-    <T>(selector: (state: {
-        selectedArea: IAreaNode | null;
-        hoveredArea: IAreaNode | null;
-        areas: IAreaNode[];
-        isEditingMode: boolean;
-    } & {
-        setSelectedArea: (area: IAreaNode | null) => void;
-        setHoveredArea: (area: IAreaNode | null) => void;
-        setAreas: (areas: IAreaNode[]) => void;
-        setIsEditingMode: (isEditing: boolean) => void;
-        addArea: (area: IAreaNode) => void;
-        removeArea: (areaId: string) => void;
-        updateArea: (areaId: string, updates: Partial<IAreaNode>) => void;
-        clearAreas: () => void;
-        resetView: () => void;
-    }) => T, props?: {
+    <T>(selector: (state: IHeatmapAreaClickState & IHeatmapAreaClickActions) => T, props?: {
         viewId?: string;
     } | undefined): T;
     (props?: {
         viewId?: string;
-    } | undefined): {
-        selectedArea: IAreaNode | null;
-        hoveredArea: IAreaNode | null;
-        areas: IAreaNode[];
-        isEditingMode: boolean;
-    } & {
-        setSelectedArea: (area: IAreaNode | null) => void;
-        setHoveredArea: (area: IAreaNode | null) => void;
-        setAreas: (areas: IAreaNode[]) => void;
-        setIsEditingMode: (isEditing: boolean) => void;
-        addArea: (area: IAreaNode) => void;
-        removeArea: (areaId: string) => void;
-        updateArea: (areaId: string, updates: Partial<IAreaNode>) => void;
-        clearAreas: () => void;
-        resetView: () => void;
-    };
+    } | undefined): IHeatmapAreaClickState & IHeatmapAreaClickActions;
 };
 export {};
 //# sourceMappingURL=useHeatmapAreaClick.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapAreaClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapAreaClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAS7C,UAAU,sBAAsB;IAC9B,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,wBAAwB;IAChC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AAMxF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,mBAAmB;;;;;;;gCAWJ,SAAS,GAAG,IAAI;+BACjB,SAAS,GAAG,IAAI;0BACrB,SAAS,EAAE;sCACC,OAAO;wBACrB,SAAS;6BACJ,MAAM;6BACN,MAAM,WAAW,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;;;;;gCANhC,SAAS,GAAG,IAAI;+BACjB,SAAS,GAAG,IAAI;0BACrB,SAAS,EAAE;sCACC,OAAO;wBACrB,SAAS;6BACJ,MAAM;6BACN,MAAM,WAAW,OAAO,CAAC,SAAS,CAAC;;;;CAI1D,CAAC"}
+{"version":3,"file":"useHeatmapAreaClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapAreaClick.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAS7C,UAAU,sBAAsB;IAC9B,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,wBAAwB;IAChC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IAClE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB;;;;;;;CAyB9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapCopyView.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapCopyView.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAO,yBA0ErC,CAAC"}
+{"version":3,"file":"useHeatmapCopyView.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapCopyView.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEtE;;;OAGG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;;OAGG;IACH,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,QAAO,yBAmFrC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapData.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMnH,UAAU,iBAAiB;IACzB,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;CAqBzB,CAAC"}
+{"version":3,"file":"useHeatmapData.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKnH,UAAU,iBAAiB;IACzB,IAAI,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC;IAC7C,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzF,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;CAqBzB,CAAC"}

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

@@ -9,43 +9,13 @@ interface IHeatmapScrollActions {
     setHoveredZone: (hoveredZone: IScrollZone | null) => void;
     setShowMinimap: (showMinimap: boolean) => void;
 }
-export type IHeatmapScrollResult = IHeatmapScrollState & IHeatmapScrollActions;
-/**
- * Hook to access heatmap scroll state and actions with optional selector
- *
- * @example
- * ```tsx
- * // Get everything
- * const { zones, hoveredZone, setZones } = useHeatmapScroll();
- *
- * // Get only what you need (no unnecessary re-renders)
- * const setZones = useHeatmapScroll(s => s.setZones);
- * const zones = useHeatmapScroll(s => s.zones);
- * ```
- */
 export declare const useHeatmapScroll: {
-    <T>(selector: (state: {
-        zones: IScrollZone[];
-        hoveredZone: IScrollZone | null;
-        showMinimap: boolean;
-    } & {
-        setZones: (zones: IScrollZone[]) => void;
-        setHoveredZone: (zone: IScrollZone | null) => void;
-        setShowMinimap: (value: boolean) => void;
-    }) => T, props?: {
+    <T>(selector: (state: IHeatmapScrollState & IHeatmapScrollActions) => T, props?: {
         viewId?: string;
     } | undefined): T;
     (props?: {
         viewId?: string;
-    } | undefined): {
-        zones: IScrollZone[];
-        hoveredZone: IScrollZone | null;
-        showMinimap: boolean;
-    } & {
-        setZones: (zones: IScrollZone[]) => void;
-        setHoveredZone: (zone: IScrollZone | null) => void;
-        setShowMinimap: (value: boolean) => void;
-    };
+    } | undefined): IHeatmapScrollState & IHeatmapScrollActions;
 };
 export {};
 //# sourceMappingURL=useHeatmapScroll.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS/C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAM/E;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB;;;;;;0BAUP,WAAW,EAAE;+BACR,WAAW,GAAG,IAAI;gCACjB,OAAO;;;;;;;;;;;0BAFb,WAAW,EAAE;+BACR,WAAW,GAAG,IAAI;gCACjB,OAAO;;CAEjC,CAAC"}
+{"version":3,"file":"useHeatmapScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapScroll.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,gBAAgB;;;;;;;CAc3B,CAAC"}

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

@@ -1,5 +1,6 @@
 import type { IClickMode, IClickRankType, IClickType, IDeviceType, IHeatmapType, IScrollType } from '../../types';
 interface IHeatmapSettingState {
+    isRendering: boolean;
     rankedBy: IClickRankType | undefined;
     deviceType: IDeviceType | undefined;
     clickType: IClickType | undefined;
@@ -14,6 +15,7 @@ interface IHeatmapSettingActions {
     setClickMode: (clickMode: IClickMode) => void;
     setScrollType: (scrollType: IScrollType) => void;
     setHeatmapType: (heatmapType: IHeatmapType) => void;
+    setIsRendering: (isRendering: boolean) => void;
     clearView: (viewId: string) => void;
 }
 export declare const useHeatmapSetting: {

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

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapSetting.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSetting.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAKlH,UAAU,oBAAoB;IAC5B,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;CACvC;AAED,UAAU,sBAAsB;IAC9B,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,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,iBAAiB;;;;;;;CAyB5B,CAAC"}
+{"version":3,"file":"useHeatmapSetting.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapSetting.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAKlH,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,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;CACvC;AAED,UAAU,sBAAsB;IAC9B,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,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,iBAAiB;;;;;;;CA2B5B,CAAC"}

package/dist/esm/index.js

@@ -324,12 +324,18 @@ const useHeatmapDataStore = create()(subscribeWithSelector((set) => {
 
 const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
     return {
+        isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
         rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
         deviceType: new Map([[DEFAULT_VIEW_ID, IDeviceType.Desktop]]),
         clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
         clickMode: new Map([[DEFAULT_VIEW_ID, IClickMode.Default]]),
         scrollType: new Map([[DEFAULT_VIEW_ID, IScrollType.Depth]]),
         heatmapType: new Map([[DEFAULT_VIEW_ID, IHeatmapType.Click]]),
+        setIsRendering: (isRendering, viewId = DEFAULT_VIEW_ID) => set((prev) => {
+            const newIsRendering = new Map(prev.isRendering);
+            newIsRendering.set(viewId, isRendering);
+            return { isRendering: newIsRendering };
+        }),
         setDeviceType: (deviceType, viewId = DEFAULT_VIEW_ID) => set((prev) => {
             const newDeviceType = new Map(prev.deviceType);
             newDeviceType.set(viewId, deviceType);
@@ -405,6 +411,7 @@ const useHeatmapSettingStore = create()(subscribeWithSelector((set) => {
             };
         }),
         resetAll: () => set({
+            isRendering: new Map([[DEFAULT_VIEW_ID, false]]),
             rankedBy: new Map([[DEFAULT_VIEW_ID, IClickRankType.MostClicks]]),
             deviceType: new Map([[DEFAULT_VIEW_ID, IDeviceType.Desktop]]),
             clickType: new Map([[DEFAULT_VIEW_ID, IClickType.Total]]),
@@ -501,7 +508,7 @@ const useHeatmapVizStore = create()(subscribeWithSelector((set) => {
     };
 }));
 
-const useHeatmapAreaClickStore = create()(subscribeWithSelector((set) => ({
+const useHeatmapVizClickAreaStore = create()(subscribeWithSelector((set) => ({
     selectedArea: new Map([[DEFAULT_VIEW_ID, null]]),
     hoveredArea: new Map([[DEFAULT_VIEW_ID, null]]),
     areas: new Map([[DEFAULT_VIEW_ID, []]]),
@@ -630,7 +637,7 @@ const useHeatmapAreaClickStore = create()(subscribeWithSelector((set) => ({
 const DEFAULT_STATE$1 = {
     hideSidebar: false,
 };
-const useHeatmapClickStore = create()(subscribeWithSelector((set) => {
+const useHeatmapVizClickStore = create()(subscribeWithSelector((set) => {
     return {
         state: new Map([[DEFAULT_VIEW_ID, DEFAULT_STATE$1]]),
         selectedElement: new Map([[DEFAULT_VIEW_ID, null]]),
@@ -686,7 +693,7 @@ const useHeatmapClickStore = create()(subscribeWithSelector((set) => {
     };
 }));
 
-const useHeatmapHoverStore = create()(subscribeWithSelector((set, get) => {
+const useHeatmapVizHoverStore = create()(subscribeWithSelector((set, get) => {
     return {
         hoveredElement: new Map([[DEFAULT_VIEW_ID, null]]),
         setHoveredElement: (hoveredElement, viewId = DEFAULT_VIEW_ID) => set((prev) => {
@@ -711,7 +718,7 @@ const useHeatmapHoverStore = create()(subscribeWithSelector((set, get) => {
     };
 }));
 
-const useHeatmapVizScrollmapStore = create()(subscribeWithSelector((set) => {
+const useHeatmapVizScrollStore = create()(subscribeWithSelector((set) => {
     return {
         zones: new Map([[DEFAULT_VIEW_ID, []]]),
         hoveredZone: new Map([[DEFAULT_VIEW_ID, null]]),
@@ -1045,27 +1052,8 @@ function extractActionRefs(useStore) {
     return refs;
 }
 
-// ===========================
-// Hook
-// ===========================
-/**
- * Hook to access heatmap area click state and actions with optional selector
- *
- * @example
- * ```tsx
- * // Get everything
- * const { areas, selectedArea, addArea } = useHeatmapAreaClick();
- *
- * // Get only what you need (no unnecessary re-renders)
- * const addArea = useHeatmapAreaClick(s => s.addArea);
- * const { addArea, removeArea } = useHeatmapAreaClick(s => ({
- *   addArea: s.addArea,
- *   removeArea: s.removeArea,
- * }));
- * ```
- */
 const useHeatmapAreaClick = createViewContextHook({
-    useStore: useHeatmapAreaClickStore,
+    useStore: useHeatmapVizClickAreaStore,
     getState: (store, viewId) => ({
         selectedArea: store.selectedArea.get(viewId) ?? null,
         hoveredArea: store.hoveredArea.get(viewId) ?? null,
@@ -1106,7 +1094,7 @@ const DEFAULT_STATE = { hideSidebar: false };
  * ```
  */
 const useHeatmapClick = createViewContextHook({
-    useStore: useHeatmapClickStore,
+    useStore: useHeatmapVizClickStore,
     getState: (store, viewId) => ({
         state: store.state.get(viewId) ?? DEFAULT_STATE,
         selectedElement: store.selectedElement.get(viewId) ?? null,
@@ -1157,7 +1145,7 @@ const useHeatmapData = createViewContextHook({
 });
 
 const useHeatmapHover = createViewContextHook({
-    useStore: useHeatmapHoverStore,
+    useStore: useHeatmapVizHoverStore,
     getState: (store, viewId) => ({
         hoveredElement: store.hoveredElement.get(viewId) ?? null,
     }),
@@ -1167,24 +1155,8 @@ const useHeatmapHover = createViewContextHook({
     }),
 });
 
-// ===========================
-// Hook
-// ===========================
-/**
- * Hook to access heatmap scroll state and actions with optional selector
- *
- * @example
- * ```tsx
- * // Get everything
- * const { zones, hoveredZone, setZones } = useHeatmapScroll();
- *
- * // Get only what you need (no unnecessary re-renders)
- * const setZones = useHeatmapScroll(s => s.setZones);
- * const zones = useHeatmapScroll(s => s.zones);
- * ```
- */
 const useHeatmapScroll = createViewContextHook({
-    useStore: useHeatmapVizScrollmapStore,
+    useStore: useHeatmapVizScrollStore,
     getState: (store, viewId) => ({
         zones: store.zones.get(viewId) ?? [],
         hoveredZone: store.hoveredZone.get(viewId) ?? null,
@@ -1200,6 +1172,7 @@ const useHeatmapScroll = createViewContextHook({
 const useHeatmapSetting = createViewContextHook({
     useStore: useHeatmapSettingStore,
     getState: (store, viewId) => ({
+        isRendering: !!store.isRendering.get(viewId),
         rankedBy: store.rankedBy.get(viewId),
         deviceType: store.deviceType.get(viewId),
         clickType: store.clickType.get(viewId),
@@ -1214,6 +1187,7 @@ const useHeatmapSetting = createViewContextHook({
         setClickMode: (clickMode) => store.setClickMode(clickMode, viewId),
         setScrollType: (scrollType) => store.setScrollType(scrollType, viewId),
         setHeatmapType: (heatmapType) => store.setHeatmapType(heatmapType, viewId),
+        setIsRendering: (isRendering) => store.setIsRendering(isRendering, viewId),
         clearView: (viewId) => store.clearView(viewId),
     }),
 });
@@ -1278,34 +1252,38 @@ const useHeatmapVizRect = createViewContextHook({
  */
 const useHeatmapCopyView = () => {
     const copyDataView = useHeatmapDataStore((state) => state.copyView);
+    const copySettingView = useHeatmapSettingStore((state) => state.copyView);
     const copyVizView = useHeatmapVizStore((state) => state.copyView);
-    const copyVizRectView = useHeatmapVizRectStore((state) => state.copyView);
-    const copyInteractionView = useHeatmapClickStore((state) => state.copyView);
-    const copyHoverView = useHeatmapHoverStore((state) => state.copyView);
-    const copyVizScrollmapView = useHeatmapVizScrollmapStore((state) => state.copyView);
-    const copyAreaClickView = useHeatmapAreaClickStore((state) => state.copyView);
+    const copyVizClickView = useHeatmapVizClickStore((state) => state.copyView);
+    const copyVizAreaClickView = useHeatmapVizClickAreaStore((state) => state.copyView);
+    // const copyVizRectView = useHeatmapVizRectStore((state) => state.copyView);
+    // const copyVizHoverView = useHeatmapVizHoverStore((state) => state.copyView);
+    // const copyVizScrollView = useHeatmapVizScrollStore((state) => state.copyView);
     const clearDataView = useHeatmapDataStore((state) => state.clearView);
+    const clearSettingView = useHeatmapSettingStore((state) => state.clearView);
     const clearVizView = useHeatmapVizStore((state) => state.clearView);
     const clearVizRectView = useHeatmapVizRectStore((state) => state.clearView);
-    const clearInteractionView = useHeatmapClickStore((state) => state.clearView);
-    const clearHoverView = useHeatmapHoverStore((state) => state.clearView);
-    const clearVizScrollmapView = useHeatmapVizScrollmapStore((state) => state.clearView);
-    const clearAreaClickView = useHeatmapAreaClickStore((state) => state.clearView);
+    const clearVizClickView = useHeatmapVizClickStore((state) => state.clearView);
+    const clearVizHoverView = useHeatmapVizHoverStore((state) => state.clearView);
+    const clearVizScrollView = useHeatmapVizScrollStore((state) => state.clearView);
+    const clearVizAreaClickView = useHeatmapVizClickAreaStore((state) => state.clearView);
     const resetDataAll = useHeatmapDataStore((state) => state.resetAll);
+    const resetSettingAll = useHeatmapSettingStore((state) => state.resetAll);
     const resetVizAll = useHeatmapVizStore((state) => state.resetAll);
     const resetVizRectAll = useHeatmapVizRectStore((state) => state.resetAll);
-    const resetInteractionAll = useHeatmapClickStore((state) => state.resetAll);
-    const resetHoverAll = useHeatmapHoverStore((state) => state.resetAll);
-    const resetVizScrollmapAll = useHeatmapVizScrollmapStore((state) => state.resetAll);
-    const resetAreaClickAll = useHeatmapAreaClickStore((state) => state.resetAll);
+    const resetVizClickAll = useHeatmapVizClickStore((state) => state.resetAll);
+    const resetVizHoverAll = useHeatmapVizHoverStore((state) => state.resetAll);
+    const resetVizScrollViewAll = useHeatmapVizScrollStore((state) => state.resetAll);
+    const resetVizClickAreaAll = useHeatmapVizClickAreaStore((state) => state.resetAll);
     const copyView = (fromViewId, toViewId) => {
         copyDataView(fromViewId, toViewId);
+        copySettingView(fromViewId, toViewId);
         copyVizView(fromViewId, toViewId);
-        copyVizRectView(fromViewId, toViewId);
-        copyInteractionView(fromViewId, toViewId);
-        copyHoverView(fromViewId, toViewId);
-        copyVizScrollmapView(fromViewId, toViewId);
-        copyAreaClickView(fromViewId, toViewId);
+        // copyVizRectView(fromViewId, toViewId);
+        copyVizClickView(fromViewId, toViewId);
+        // copyVizHoverView(fromViewId, toViewId);
+        // copyVizScrollView(fromViewId, toViewId);
+        copyVizAreaClickView(fromViewId, toViewId);
     };
     const copyViewToMultiple = (fromViewId, toViewIds) => {
         toViewIds.forEach((toViewId) => {
@@ -1314,12 +1292,13 @@ const useHeatmapCopyView = () => {
     };
     const clearView = (viewId) => {
         clearDataView(viewId);
+        clearSettingView(viewId);
         clearVizView(viewId);
         clearVizRectView(viewId);
-        clearInteractionView(viewId);
-        clearHoverView(viewId);
-        clearVizScrollmapView(viewId);
-        clearAreaClickView(viewId);
+        clearVizClickView(viewId);
+        clearVizHoverView(viewId);
+        clearVizScrollView(viewId);
+        clearVizAreaClickView(viewId);
     };
     const clearMultipleViews = (viewIds) => {
         viewIds.forEach((viewId) => {
@@ -1328,12 +1307,13 @@ const useHeatmapCopyView = () => {
     };
     const resetAll = () => {
         resetDataAll();
+        resetSettingAll();
         resetVizAll();
         resetVizRectAll();
-        resetInteractionAll();
-        resetHoverAll();
-        resetVizScrollmapAll();
-        resetAreaClickAll();
+        resetVizClickAll();
+        resetVizHoverAll();
+        resetVizScrollViewAll();
+        resetVizClickAreaAll();
     };
     return {
         copyView,
@@ -1368,7 +1348,7 @@ const useRegisterConfig = () => {
     const sidebarWidth = useHeatmapConfigStore((state) => state.sidebarWidth);
     // const heatmapType = useHeatmapConfigStore((state) => state.heatmapType);
     // const clickMode = useHeatmapConfigStore((state) => state.clickMode);
-    const setIsRendering = useHeatmapConfigStore((state) => state.setIsRendering);
+    const setIsRendering = useHeatmapSetting((state) => state.setIsRendering);
     useEffect(() => {
         setIsRendering(true);
         setTimeout(() => {
@@ -1396,7 +1376,7 @@ const useRegisterControl = (control) => {
 };
 
 const useRegisterData = (data, dataInfo) => {
-    const setIsRendering = useHeatmapConfigStore((state) => state.setIsRendering);
+    const setIsRendering = useHeatmapSetting((s) => s.setIsRendering);
     const setData = useHeatmapData((s) => s.setData);
     const setDataInfo = useHeatmapData((s) => s.setDataInfo);
     const isRegistered = useRef(false);
@@ -1489,12 +1469,9 @@ function isElementRectInViewport(elementRect, visualRect, scale) {
         return false;
     // Element position relative to the document (or container's content)
     const elementTop = elementRect.top * scale;
-    console.log(`🚀 🐥 ~ isElementRectInViewport ~ scale:`, scale);
-    console.log(`🚀 🐥 ~ isElementRectInViewport ~ elementRect.top:`, elementRect.top);
     const elementBottom = (elementRect.top + elementRect.height) * scale;
     // Current scroll position
     const scrollTop = (visualRect?.scrollTop || 0) - 8;
-    console.log(`🚀 🐥 ~ isElementRectInViewport ~ visualRect?.scrollTop:`, visualRect?.scrollTop);
     const viewportHeight = visualRect.height;
     // Visible viewport range in the scrollable content
     const viewportTop = scrollTop;
@@ -8405,8 +8382,8 @@ const ScrollZoneTooltip = ({ zone, position, currentScrollPercent, scrollmap, })
 
 const HoverZones = ({ iframeRef, wrapperRef, position, currentScrollPercent }) => {
     const { scrollmap } = useHeatmapData();
-    // const hoveredZone = useHeatmapVizScrollmapStore((state) => state.hoveredZone);
-    // const setHoveredZone = useHeatmapVizScrollmapStore((state) => state.setHoveredZone);
+    // const hoveredZone = useHeatmapVizScrollStore((state) => state.hoveredZone);
+    // const setHoveredZone = useHeatmapVizScrollStore((state) => state.setHoveredZone);
     const { zones, isReady, maxUsers } = useScrollmapZones({
         iframeRef,
         wrapperRef,
@@ -8703,8 +8680,8 @@ VizLiveHeatmap.displayName = 'VizLiveHeatmap';
 
 const ContentVizByMode = () => {
     const mode = useHeatmapConfigStore((state) => state.mode);
-    const isRendering = useHeatmapConfigStore((state) => state.isRendering);
     const controls = useHeatmapControlStore((state) => state.controls);
+    const isRendering = useHeatmapSetting((state) => state.isRendering);
     if (isRendering)
         return controls.VizLoading ?? null;
     switch (mode) {