@gemx-dev/heatmap-react 3.5.34 → 3.5.35

package/dist/esm/stores/comp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comp.d.ts","sourceRoot":"","sources":["../../src/stores/comp.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,EAAE,CACf,GAAG,EAAE,MAAM,eAAe,EAC1B,OAAO,EAAE,eAAe,CAAC,MAAM,eAAe,CAAC,KAC5C,IAAI,CAAC;CACX;AAED,eAAO,MAAM,sBAAsB,mFAkBjC,CAAC"}
+{"version":3,"file":"comp.d.ts","sourceRoot":"","sources":["../../src/stores/comp.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,EAAE,CACf,GAAG,EAAE,MAAM,eAAe,EAC1B,OAAO,EAAE,eAAe,CAAC,MAAM,eAAe,CAAC,KAC5C,IAAI,CAAC;CACX;AAED,eAAO,MAAM,sBAAsB,mFAmBjC,CAAC"}

package/dist/esm/stores/interaction.d.ts

@@ -9,6 +9,8 @@ export interface IHeatmapInteractionStore {
     setSelectedElement: (selectedElement: string | null) => void;
     hoveredElement: ElementInfo | null;
     setHoveredElement: (hoveredElement: ElementInfo | null) => void;
+    shouldShowCallout: boolean;
+    setShouldShowCallout: (shouldShowCallout: boolean) => void;
 }
 export declare const useHeatmapInteractionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IHeatmapInteractionStore>>;
 //# sourceMappingURL=interaction.d.ts.map

package/dist/esm/stores/interaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../src/stores/interaction.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,0BAA0B,uFAWrC,CAAC"}
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../src/stores/interaction.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,iBAAiB,EAAE,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAEhE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,0BAA0B,uFAarC,CAAC"}

package/dist/esm/types/control.d.ts

@@ -4,5 +4,8 @@ export interface IHeatmapControl {
     TopBar: React.ReactNode;
     MetricBar: React.ReactNode;
     VizLoading: React.ReactNode;
+    ElementCallout?: React.FC<{
+        elementHash: string;
+    }>;
 }
 //# sourceMappingURL=control.d.ts.map

package/dist/esm/types/control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../src/types/control.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../src/types/control.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC,CAAC;CACJ"}

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

@@ -0,0 +1,9 @@
+export type ICalloutPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type IHorizontalAlignment = 'left' | 'center' | 'right';
+export interface ICalloutPosition {
+    top: number;
+    left: number;
+    placement: ICalloutPlacement;
+    horizontalAlign: IHorizontalAlignment;
+}
+//# sourceMappingURL=elm-callout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elm-callout.d.ts","sourceRoot":"","sources":["../../src/types/elm-callout.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,iBAAiB,CAAC;IAC7B,eAAe,EAAE,oBAAoB,CAAC;CACvC"}

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

@@ -1,3 +1,4 @@
+export * from './elm-callout';
 export * from './clarity';
 export * from './heatmap';
 export * from './viz-element';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/esm/types/viz-element.d.ts

@@ -16,12 +16,13 @@ export interface HeatmapElement {
     selector?: string;
     totalclicks?: number;
 }
+export interface ElementMapInfoItem {
+    totalclicks: number;
+    selector?: string;
+    hash: string;
+}
 export interface ElementMapInfo {
-    [key: string]: {
-        totalclicks: number;
-        selector?: string;
-        hash: string;
-    };
+    [key: string]: ElementMapInfoItem;
 }
 export interface HeatmapInfo {
     sortedElements?: HeatmapElement[];

package/dist/esm/types/viz-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-element.d.ts","sourceRoot":"","sources":["../../src/types/viz-element.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C"}
+{"version":3,"file":"viz-element.d.ts","sourceRoot":"","sources":["../../src/types/viz-element.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,cAAc;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CAAC;CACnC;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAGD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C"}

package/dist/esm/ui/BoxStack/BoxStack.d.ts

@@ -50,7 +50,17 @@ export interface BoxStackProps {
      * @default 'auto'
      */
     height?: Height;
+    /**
+     * The z-index of the flex container.
+     * @default 0
+     */
+    zIndex?: number;
+    /**
+     * The background color of the flex container.
+     * @default 'transparent'
+     */
+    backgroundColor?: string;
 }
-export declare const BoxStack: React.FC<BoxStackProps>;
+export declare const BoxStack: React.ForwardRefExoticComponent<BoxStackProps & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=BoxStack.d.ts.map

package/dist/esm/ui/BoxStack/BoxStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoxStack.d.ts","sourceRoot":"","sources":["../../../src/ui/BoxStack/BoxStack.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,IAAI,CACf,KAAK,CAAC,aAAa,EACjB,SAAS,GACT,eAAe,GACf,UAAU,GACV,UAAU,GACV,MAAM,GACN,gBAAgB,GAChB,YAAY,GACZ,UAAU,GACV,KAAK,GACL,QAAQ,CACX,CAAC;AAEF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,KAAK,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7D,KAAK,IAAI,GAAG,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/D,KAAK,cAAc,GACf,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAC;AACnB,KAAK,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhF,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3B,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0C5C,CAAC"}
+{"version":3,"file":"BoxStack.d.ts","sourceRoot":"","sources":["../../../src/ui/BoxStack/BoxStack.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,IAAI,CACf,KAAK,CAAC,aAAa,EACjB,SAAS,GACT,eAAe,GACf,UAAU,GACV,UAAU,GACV,MAAM,GACN,gBAAgB,GAChB,YAAY,GACZ,UAAU,GACV,KAAK,GACL,QAAQ,CACX,CAAC;AAEF,KAAK,aAAa,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,KAAK,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7D,KAAK,IAAI,GAAG,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/D,KAAK,cAAc,GACf,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,eAAe,GACf,cAAc,GACd,cAAc,CAAC;AACnB,KAAK,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;AAChF,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3B,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,aAAa,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,yBAAyB,CACpD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CA+CnD,CAAC"}

package/dist/esm/utils/debounce.d.ts

@@ -0,0 +1,2 @@
+export declare const debounce: <T extends (...args: any[]) => void>(fn: T, delay: number) => ((...args: Parameters<T>) => void);
+//# sourceMappingURL=debounce.d.ts.map

package/dist/esm/utils/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EACzD,IAAI,CAAC,EACL,OAAO,MAAM,KACZ,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMnC,CAAC"}

package/dist/style.css

@@ -36,16 +36,18 @@
   z-index: 2;
 }
 
-.rankBadge {
+.gx-hm-rank-badge {
   position: absolute;
-  width: 36px;
-  height: 36px;
+  width: 28px;
+  height: 28px;
   background: #0078D4;
   color: white;
   border: 1px solid #FFFFFF;
   border-radius: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   text-align: center;
-  line-height: 32px;
   filter: drop-shadow(0px 1.2px 3.6px rgba(0, 0, 0, 0.1));
   cursor: default;
 }
@@ -60,25 +62,25 @@
 /* ================= Callout CSS ================= */
 
 .clarity-callout {
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
-  padding: 16px;
+  /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); */
   min-width: 200px;
   max-width: 280px;
+  width: 230px;
+  height: 263px;
   animation: clarity-callout-fade-in 0.2s ease-out;
   pointer-events: auto;
+  /* overflow: hidden; */
 }
 
 @keyframes clarity-callout-fade-in {
   from {
     opacity: 0;
-    transform: scale(0.95);
+    /* transform: scale(0.95); */
   }
 
   to {
     opacity: 1;
-    transform: scale(1);
+    /* transform: scale(1); */
   }
 }
 
@@ -90,117 +92,4 @@
   transform: rotate(45deg);
 }
 
-/* Arrow positions */
-.clarity-callout--top .clarity-callout__arrow {
-  bottom: -8px;
-  left: 50%;
-  margin-left: -8px;
-  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.clarity-callout--bottom .clarity-callout__arrow {
-  top: -8px;
-  left: 50%;
-  margin-left: -8px;
-  box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.clarity-callout--left .clarity-callout__arrow {
-  right: -8px;
-  top: 50%;
-  margin-top: -8px;
-  box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.clarity-callout--right .clarity-callout__arrow {
-  left: -8px;
-  top: 50%;
-  margin-top: -8px;
-  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.clarity-callout__content {
-  position: relative;
-  z-index: 1;
-}
-
-.clarity-callout__rank {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  color: white;
-  border-radius: 8px;
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 12px;
-}
-
-.clarity-callout--secondary .clarity-callout__rank {
-  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-}
-
-.clarity-callout__stats {
-  margin-bottom: 12px;
-}
-
-.clarity-callout__label {
-  font-size: 12px;
-  color: #6b7280;
-  margin-bottom: 4px;
-  font-weight: 500;
-}
-
-.clarity-callout__value {
-  display: flex;
-  align-items: baseline;
-  gap: 6px;
-}
-
-.clarity-callout__count {
-  font-size: 20px;
-  font-weight: 700;
-  color: #111827;
-}
-
-.clarity-callout__percentage {
-  font-size: 14px;
-  color: #6b7280;
-  font-weight: 500;
-}
-
-.clarity-callout__button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  width: 100%;
-  padding: 8px 12px;
-  background: #667eea;
-  color: white;
-  border: none;
-  border-radius: 6px;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.clarity-callout__button:hover {
-  background: #5568d3;
-  transform: translateY(-1px);
-  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
-}
-
-.clarity-callout__button:active {
-  transform: translateY(0);
-}
-
-.clarity-callout__button svg {
-  width: 14px;
-  height: 14px;
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZXMvc3R5bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qID09PT09PT09PT09PT09PT09IEdsb2JhbCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1kaXZpZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNDQ0MpO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWlubGluZS1lbmQge1xuICBib3JkZXItaW5saW5lLWVuZC13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBib3JkZXItaW5saW5lLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjQ0NDKTtcbiAgYm9yZGVyLWlubGluZS1lbmQtc3R5bGU6IHNvbGlkO1xufVxuXG4uZ3gtaG0tc2hhZG93IHtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA2cHggMXB4ICMxQTFBMUEzMztcbn1cblxuLyogPT09PT09PT09PT09PT09PT0gSGVhdG1hcCBXcmFwcGVyIENTUyA9PT09PT09PT09PT09PT09PSAqL1xuXG4uZ3gtaG0td3JhcHBlciBpZnJhbWUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgLyogYm9yZGVyOiAxcHggc29saWQgI0NDQzsgKi9cbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBib3JkZXItd2lkdGg6IHZhcigtLWd4LWhtLWJvcmRlci13aWR0aC1pZnJhbWUsIDFweCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjQ0NDKTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgLyogYm94LXNoYWRvdzogMHB4IDFweCAwcHggMHB4ICMxQTFBMUExMjtcbiAgYm94LXNoYWRvdzogMHB4IDFweCAwcHggMHB4ICNDQ0NDQ0M4MCBpbnNldDtcbiAgYm94LXNoYWRvdzogMHB4IC0xcHggMHB4IDBweCAjMDAwMDAwMkIgaW5zZXQ7XG4gIGJveC1zaGFkb3c6IC0xcHggMHB4IDBweCAwcHggIzAwMDAwMDIxIGluc2V0O1xuICBib3gtc2hhZG93OiAxcHggMHB4IDBweCAwcHggIzAwMDAwMDIxIGluc2V0OyAqL1xufVxuXG4uZ3gtaG0td3JhcHBlciAuZ3gtaG0tZWxlbWVudHMge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDI7XG59XG5cbi5yYW5rQmFkZ2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAzNnB4O1xuICBoZWlnaHQ6IDM2cHg7XG4gIGJhY2tncm91bmQ6ICMwMDc4RDQ7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI0ZGRkZGRjtcbiAgYm9yZGVyLXJhZGl1czogMzJweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBsaW5lLWhlaWdodDogMzJweDtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygwcHggMS4ycHggMy42cHggcmdiYSgwLCAwLCAwLCAwLjEpKTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaGVhdG1hcEVsZW1lbnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHdoaXRlO1xuICBvdXRsaW5lOiAxcHggc29saWQgIzAwNzhENDtcbn1cblxuXG4vKiA9PT09PT09PT09PT09PT09PSBDYWxsb3V0IENTUyA9PT09PT09PT09PT09PT09PSAqL1xuXG4uY2xhcml0eS1jYWxsb3V0IHtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYm94LXNoYWRvdzogMCA0cHggMjBweCByZ2JhKDAsIDAsIDAsIDAuMTUpO1xuICBwYWRkaW5nOiAxNnB4O1xuICBtaW4td2lkdGg6IDIwMHB4O1xuICBtYXgtd2lkdGg6IDI4MHB4O1xuICBhbmltYXRpb246IGNsYXJpdHktY2FsbG91dC1mYWRlLWluIDAuMnMgZWFzZS1vdXQ7XG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xufVxuXG5Aa2V5ZnJhbWVzIGNsYXJpdHktY2FsbG91dC1mYWRlLWluIHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuOTUpO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgfVxufVxuXG4uY2xhcml0eS1jYWxsb3V0X19hcnJvdyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDE2cHg7XG4gIGhlaWdodDogMTZweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbn1cblxuLyogQXJyb3cgcG9zaXRpb25zICovXG4uY2xhcml0eS1jYWxsb3V0LS10b3AgLmNsYXJpdHktY2FsbG91dF9fYXJyb3cge1xuICBib3R0b206IC04cHg7XG4gIGxlZnQ6IDUwJTtcbiAgbWFyZ2luLWxlZnQ6IC04cHg7XG4gIGJveC1zaGFkb3c6IDJweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuLmNsYXJpdHktY2FsbG91dC0tYm90dG9tIC5jbGFyaXR5LWNhbGxvdXRfX2Fycm93IHtcbiAgdG9wOiAtOHB4O1xuICBsZWZ0OiA1MCU7XG4gIG1hcmdpbi1sZWZ0OiAtOHB4O1xuICBib3gtc2hhZG93OiAtMnB4IC0ycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuLmNsYXJpdHktY2FsbG91dC0tbGVmdCAuY2xhcml0eS1jYWxsb3V0X19hcnJvdyB7XG4gIHJpZ2h0OiAtOHB4O1xuICB0b3A6IDUwJTtcbiAgbWFyZ2luLXRvcDogLThweDtcbiAgYm94LXNoYWRvdzogMnB4IC0ycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuLmNsYXJpdHktY2FsbG91dC0tcmlnaHQgLmNsYXJpdHktY2FsbG91dF9fYXJyb3cge1xuICBsZWZ0OiAtOHB4O1xuICB0b3A6IDUwJTtcbiAgbWFyZ2luLXRvcDogLThweDtcbiAgYm94LXNoYWRvdzogLTJweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4xKTtcbn1cblxuLmNsYXJpdHktY2FsbG91dF9fY29udGVudCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogMTtcbn1cblxuLmNsYXJpdHktY2FsbG91dF9fcmFuayB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDMycHg7XG4gIGhlaWdodDogMzJweDtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDEzNWRlZywgIzY2N2VlYSAwJSwgIzc2NGJhMiAxMDAlKTtcbiAgY29sb3I6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbWFyZ2luLWJvdHRvbTogMTJweDtcbn1cblxuLmNsYXJpdHktY2FsbG91dC0tc2Vjb25kYXJ5IC5jbGFyaXR5LWNhbGxvdXRfX3Jhbmsge1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTM1ZGVnLCAjZjA5M2ZiIDAlLCAjZjU1NzZjIDEwMCUpO1xufVxuXG4uY2xhcml0eS1jYWxsb3V0X19zdGF0cyB7XG4gIG1hcmdpbi1ib3R0b206IDEycHg7XG59XG5cbi5jbGFyaXR5LWNhbGxvdXRfX2xhYmVsIHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBjb2xvcjogIzZiNzI4MDtcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4uY2xhcml0eS1jYWxsb3V0X192YWx1ZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcbiAgZ2FwOiA2cHg7XG59XG5cbi5jbGFyaXR5LWNhbGxvdXRfX2NvdW50IHtcbiAgZm9udC1zaXplOiAyMHB4O1xuICBmb250LXdlaWdodDogNzAwO1xuICBjb2xvcjogIzExMTgyNztcbn1cblxuLmNsYXJpdHktY2FsbG91dF9fcGVyY2VudGFnZSB7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgY29sb3I6ICM2YjcyODA7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5jbGFyaXR5LWNhbGxvdXRfX2J1dHRvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDZweDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDhweCAxMnB4O1xuICBiYWNrZ3JvdW5kOiAjNjY3ZWVhO1xuICBjb2xvcjogd2hpdGU7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xuICBmb250LXNpemU6IDEzcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMnM7XG59XG5cbi5jbGFyaXR5LWNhbGxvdXRfX2J1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQ6ICM1NTY4ZDM7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMXB4KTtcbiAgYm94LXNoYWRvdzogMCAycHggOHB4IHJnYmEoMTAyLCAxMjYsIDIzNCwgMC40KTtcbn1cblxuLmNsYXJpdHktY2FsbG91dF9fYnV0dG9uOmFjdGl2ZSB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbn1cblxuLmNsYXJpdHktY2FsbG91dF9fYnV0dG9uIHN2ZyB7XG4gIHdpZHRoOiAxNHB4O1xuICBoZWlnaHQ6IDE0cHg7XG59XG4iXX0= */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZXMvc3R5bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qID09PT09PT09PT09PT09PT09IEdsb2JhbCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1kaXZpZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNDQ0MpO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWlubGluZS1lbmQge1xuICBib3JkZXItaW5saW5lLWVuZC13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBib3JkZXItaW5saW5lLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjQ0NDKTtcbiAgYm9yZGVyLWlubGluZS1lbmQtc3R5bGU6IHNvbGlkO1xufVxuXG4uZ3gtaG0tc2hhZG93IHtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA2cHggMXB4ICMxQTFBMUEzMztcbn1cblxuLyogPT09PT09PT09PT09PT09PT0gSGVhdG1hcCBXcmFwcGVyIENTUyA9PT09PT09PT09PT09PT09PSAqL1xuXG4uZ3gtaG0td3JhcHBlciBpZnJhbWUge1xuICBkaXNwbGF5OiBibG9jaztcbiAgLyogYm9yZGVyOiAxcHggc29saWQgI0NDQzsgKi9cbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBib3JkZXItd2lkdGg6IHZhcigtLWd4LWhtLWJvcmRlci13aWR0aC1pZnJhbWUsIDFweCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjQ0NDKTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgLyogYm94LXNoYWRvdzogMHB4IDFweCAwcHggMHB4ICMxQTFBMUExMjtcbiAgYm94LXNoYWRvdzogMHB4IDFweCAwcHggMHB4ICNDQ0NDQ0M4MCBpbnNldDtcbiAgYm94LXNoYWRvdzogMHB4IC0xcHggMHB4IDBweCAjMDAwMDAwMkIgaW5zZXQ7XG4gIGJveC1zaGFkb3c6IC0xcHggMHB4IDBweCAwcHggIzAwMDAwMDIxIGluc2V0O1xuICBib3gtc2hhZG93OiAxcHggMHB4IDBweCAwcHggIzAwMDAwMDIxIGluc2V0OyAqL1xufVxuXG4uZ3gtaG0td3JhcHBlciAuZ3gtaG0tZWxlbWVudHMge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDI7XG59XG5cbi5neC1obS1yYW5rLWJhZGdlIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuICBiYWNrZ3JvdW5kOiAjMDA3OEQ0O1xuICBjb2xvcjogd2hpdGU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNGRkZGRkY7XG4gIGJvcmRlci1yYWRpdXM6IDMycHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZpbHRlcjogZHJvcC1zaGFkb3coMHB4IDEuMnB4IDMuNnB4IHJnYmEoMCwgMCwgMCwgMC4xKSk7XG4gIGN1cnNvcjogZGVmYXVsdDtcbn1cblxuLmhlYXRtYXBFbGVtZW50IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3JkZXI6IDFweCBzb2xpZCB3aGl0ZTtcbiAgb3V0bGluZTogMXB4IHNvbGlkICMwMDc4RDQ7XG59XG5cblxuLyogPT09PT09PT09PT09PT09PT0gQ2FsbG91dCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cblxuLmNsYXJpdHktY2FsbG91dCB7XG4gIC8qIGJveC1zaGFkb3c6IDAgNHB4IDIwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTsgKi9cbiAgbWluLXdpZHRoOiAyMDBweDtcbiAgbWF4LXdpZHRoOiAyODBweDtcbiAgd2lkdGg6IDIzMHB4O1xuICBoZWlnaHQ6IDI2M3B4O1xuICBhbmltYXRpb246IGNsYXJpdHktY2FsbG91dC1mYWRlLWluIDAuMnMgZWFzZS1vdXQ7XG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAvKiBvdmVyZmxvdzogaGlkZGVuOyAqL1xufVxuXG5Aa2V5ZnJhbWVzIGNsYXJpdHktY2FsbG91dC1mYWRlLWluIHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICAvKiB0cmFuc2Zvcm06IHNjYWxlKDAuOTUpOyAqL1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgLyogdHJhbnNmb3JtOiBzY2FsZSgxKTsgKi9cbiAgfVxufVxuXG4uY2xhcml0eS1jYWxsb3V0X19hcnJvdyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDE2cHg7XG4gIGhlaWdodDogMTZweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbn1cbiJdfQ== */

package/dist/umd/components/Layout/ContentMetricBar.d.ts.map

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

package/dist/umd/components/Layout/ContentTopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentTopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ContentTopBar.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgBjC,CAAC"}
+{"version":3,"file":"ContentTopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ContentTopBar.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAkBjC,CAAC"}

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

@@ -1,11 +1,10 @@
-import { ElementInfo } from '../../types';
-interface ElementCalloutProps {
+import type { ElementInfo, IHorizontalAlignment } from '../../types';
+export interface ElementCalloutProps {
     element: ElementInfo;
     target: string;
-    isSecondary?: boolean;
-    language?: string;
-    wrapperRef?: React.RefObject<HTMLElement>;
+    visualRef?: React.RefObject<HTMLDivElement>;
+    hozOffset?: number;
+    alignment?: IHorizontalAlignment;
 }
 export declare const ElementCallout: React.FC<ElementCalloutProps>;
-export {};
 //# sourceMappingURL=ElementCallout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ElementCallout.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCallout.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,UAAU,mBAAmB;IAC3B,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC3C;AAGD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqIxD,CAAC"}
+{"version":3,"file":"ElementCallout.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementCallout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAoB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAcvF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2DxD,CAAC"}

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

@@ -0,0 +1,6 @@
+interface Props {
+    show?: boolean;
+}
+export declare const ElementMissing: React.FC<Props>;
+export {};
+//# sourceMappingURL=ElementMissing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementMissing.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementMissing.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4B1C,CAAC"}

package/dist/{esm/components/VizElement/HoveredElementOverlay.d.ts → umd/components/VizElement/ElementOverlay.d.ts}

@@ -1,10 +1,10 @@
 import type { ElementInfo } from '../../types';
 interface Props {
+    type: 'hovered' | 'clicked';
     element: ElementInfo | null;
     onClick?: () => void;
     isSecondary?: boolean;
-    targetId: string;
 }
-export declare const HoveredElementOverlay: React.FC<Props>;
+export declare const ElementOverlay: React.FC<Props>;
 export {};
-//# sourceMappingURL=HoveredElementOverlay.d.ts.map
+//# sourceMappingURL=ElementOverlay.d.ts.map

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

@@ -0,0 +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;AAa/C,UAAU,KAAK;IACb,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAYD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmC1C,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { HeatmapInfo, WebVisualizer } from '../../types';
-export interface HeatmapElementsProps {
+interface HeatmapElementsProps {
     heatmapInfo?: HeatmapInfo;
     isElementSidebarOpen?: boolean;
     visualizer?: WebVisualizer;
@@ -12,4 +12,5 @@ export interface HeatmapElementsProps {
     visualRef: React.RefObject<HTMLDivElement>;
 }
 export declare const HeatmapElements: React.FC<HeatmapElementsProps>;
+export {};
 //# sourceMappingURL=HeatmapElements.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeatmapElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAsB9D,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoF1D,CAAC"}
+{"version":3,"file":"HeatmapElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAqB9D,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0F1D,CAAC"}

package/dist/umd/constants/index.d.ts

@@ -1,5 +1,5 @@
-export declare const CLICKED_ELEMENT_ID = "clickedElement";
-export declare const SECONDARY_CLICKED_ELEMENT_ID = "secondaryClickedElementID";
-export declare const HOVERED_ELEMENT_ID = "hoveredElement";
-export declare const SECONDARY_HOVERED_ELEMENT_ID = "secondaryhoveredElementID";
+export declare const CLICKED_ELEMENT_ID = "gx-hm-clicked-element";
+export declare const SECONDARY_CLICKED_ELEMENT_ID = "gx-hm-secondary-clicked-element";
+export declare const HOVERED_ELEMENT_ID = "gx-hm-hovered-element";
+export declare const SECONDARY_HOVERED_ELEMENT_ID = "gx-hm-secondary-hovered-element";
 //# sourceMappingURL=index.d.ts.map

package/dist/umd/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,eAAO,MAAM,4BAA4B,8BAA8B,CAAC;AACxE,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,eAAO,MAAM,4BAA4B,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAC1D,eAAO,MAAM,4BAA4B,oCAAoC,CAAC;AAC9E,eAAO,MAAM,kBAAkB,0BAA0B,CAAC;AAC1D,eAAO,MAAM,4BAA4B,oCAAoC,CAAC"}

package/dist/umd/helpers/elm-callout.d.ts

@@ -0,0 +1,9 @@
+import { ICalloutPosition, IHorizontalAlignment } from '../types/elm-callout';
+export declare const calcCalloutPosition: ({ targetElm, calloutElm, setPosition, hozOffset, alignment, }: {
+    targetElm: Element;
+    calloutElm: HTMLElement;
+    setPosition: (position: ICalloutPosition) => void;
+    hozOffset?: number;
+    alignment?: IHorizontalAlignment;
+}) => () => void;
+//# sourceMappingURL=elm-callout.d.ts.map

package/dist/umd/helpers/elm-callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elm-callout.d.ts","sourceRoot":"","sources":["../../src/helpers/elm-callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAsSjG,eAAO,MAAM,mBAAmB,GAAI,+DAMjC;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,eAwCA,CAAC"}

package/dist/umd/helpers/elm-getter.d.ts

@@ -0,0 +1,6 @@
+import type { ElementInfo, ElementRect, HeatmapInfo } from '../types';
+export declare function getElementLayout(element: HTMLElement): ElementRect | null;
+export declare const getElementAtPoint: (doc: Document, x: number, y: number) => HTMLElement | null;
+export declare function getElementHash(element: HTMLElement): string | null;
+export declare const buildElementInfo: (hash: string, rect: ElementRect | null, heatmapInfo: HeatmapInfo) => ElementInfo | null;
+//# sourceMappingURL=elm-getter.d.ts.map

package/dist/umd/helpers/elm-getter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elm-getter.d.ts","sourceRoot":"","sources":["../../src/helpers/elm-getter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAkB,WAAW,EAAE,MAAM,UAAU,CAAC;AAEtF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAWzE;AAED,eAAO,MAAM,iBAAiB,GAAI,KAAK,QAAQ,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,WAAW,GAAG,IAcrF,CAAC;AAEF,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAMlE;AAOD,eAAO,MAAM,gBAAgB,GAC3B,MAAM,MAAM,EACZ,MAAM,WAAW,GAAG,IAAI,EACxB,aAAa,WAAW,KACvB,WAAW,GAAG,IAqBhB,CAAC"}

package/dist/umd/helpers/index.d.ts

@@ -1,2 +1,5 @@
+export * from './elm-callout';
+export * from './elm-getter';
 export * from './iframe';
+export * from './viz-elements';
 //# sourceMappingURL=index.d.ts.map

package/dist/umd/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/umd/helpers/viz-elements.d.ts

@@ -1,10 +1,9 @@
 import type { ElementRect } from '../types';
-export declare function getElementLayout(element: HTMLElement): ElementRect | null;
 export declare function formatPercentage(value: number, decimals?: number): string;
-export declare function getSimpleSelector(selector: string): string;
 export declare function calculateRankPosition(rect: ElementRect, widthScale: number): {
     transform: string;
     top: number | undefined;
     left: number | undefined;
 };
+export declare function isElementInViewport(elementRect: ElementRect, visualRef: React.RefObject<HTMLDivElement>, scale: number): boolean;
 //# sourceMappingURL=viz-elements.d.ts.map

package/dist/umd/helpers/viz-elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-elements.d.ts","sourceRoot":"","sources":["../../src/helpers/viz-elements.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAWzE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAEpE;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM;;;;EAS1E"}
+{"version":3,"file":"viz-elements.d.ts","sourceRoot":"","sources":["../../src/helpers/viz-elements.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAEpE;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM;;;;EAS1E;AAED,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,KAAK,EAAE,MAAM,GACZ,OAAO,CAqBT"}

package/dist/umd/hooks/register/useRegisterControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAQ1D,CAAC"}
+{"version":3,"file":"useRegisterControl.d.ts","sourceRoot":"","sources":["../../../src/hooks/register/useRegisterControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,GAAI,SAAS,eAAe,SAS1D,CAAC"}

package/dist/umd/hooks/vix-elements/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useClickedElement';
+export * from './useElementCalloutVisible';
 export * from './useHeatmapEffects';
 export * from './useHeatmapElementPosition';
 export * from './useHoveredElement';

package/dist/umd/hooks/vix-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,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}
+{"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"}

package/dist/umd/hooks/vix-elements/useClickedElement.d.ts

@@ -1,15 +1,13 @@
 import type { ElementInfo, ElementRect } from '../../types';
 interface Params {
     visualRef: React.RefObject<HTMLDivElement>;
-    wrapperRef: React.RefObject<HTMLElement>;
-    iframeRef: React.RefObject<HTMLIFrameElement>;
     getRect: (el?: any) => ElementRect | null;
 }
-export declare const useClickedElement: ({ visualRef, wrapperRef, getRect }: Params) => {
+export declare const useClickedElement: ({ visualRef, getRect }: Params) => {
     clickedElement: ElementInfo | null;
     showMissingElement: boolean;
     shouldShowCallout: boolean;
-    setShouldShowCallout: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setShouldShowCallout: (shouldShowCallout: boolean) => void;
 };
 export {};
 //# sourceMappingURL=useClickedElement.d.ts.map

package/dist/umd/hooks/vix-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;AAK5D,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAuFD,eAAO,MAAM,iBAAiB,GAAI,oCAAoC,MAAM;;;;;CAgD3E,CAAC"}
+{"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"}

package/dist/umd/hooks/vix-elements/useElementCalloutVisible.d.ts

@@ -0,0 +1,7 @@
+interface Params {
+    visualRef: React.RefObject<HTMLDivElement>;
+    getRect: (el?: any) => any;
+}
+export declare const useElementCalloutVisible: ({ visualRef, getRect }: Params) => {};
+export {};
+//# sourceMappingURL=useElementCalloutVisible.d.ts.map

package/dist/umd/hooks/vix-elements/useElementCalloutVisible.d.ts.map

@@ -0,0 +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"}

package/dist/umd/hooks/vix-elements/useHoveredElement.d.ts

@@ -3,11 +3,10 @@ interface Params {
     getRect: (el?: any) => any;
 }
 export declare const useHoveredElement: ({ iframeRef, getRect }: Params) => {
-    hoveredElement: import("../..").ElementInfo | null;
+    hoveredElement: import("../../types").ElementInfo | null;
     handleMouseMove: (event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
     handleMouseLeave: () => void;
     handleClick: () => void;
 };
-export declare const getElementAtPoint: (doc: Document, x: number, y: number) => HTMLElement | null;
 export {};
 //# sourceMappingURL=useHoveredElement.d.ts.map

package/dist/umd/hooks/vix-elements/useHoveredElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHoveredElement.ts"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACd,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;wFAbhC,IAAI;;;CAkGnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,QAAQ,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,KAAG,WAAW,GAAG,IAcrF,CAAC"}
+{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/vix-elements/useHoveredElement.ts"],"names":[],"mappings":"AAMA,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"}