@gemx-dev/heatmap-react 3.5.56 → 3.5.57

package/dist/esm/stores/viz-click.d.ts

@@ -1,12 +1,13 @@
 export interface IHeatmapState {
     hideSidebar: boolean;
 }
+export interface IElementMousePosition {
+    x: number;
+    y: number;
+}
 export interface ISelectedElement {
     hash: string;
-    mousePosition?: {
-        x: number;
-        y: number;
-    };
+    mousePosition?: IElementMousePosition;
 }
 export interface IHeatmapClickStore {
     state: Map<string, IHeatmapState>;

package/dist/esm/stores/viz-click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-click.d.ts","sourceRoot":"","sources":["../../src/stores/viz-click.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IAEjC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACtD,kBAAkB,EAAE,CAAC,eAAe,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjG,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG5E,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,oBAAoB;;;;;;;;EAwEhC,CAAC"}
+{"version":3,"file":"viz-click.d.ts","sourceRoot":"","sources":["../../src/stores/viz-click.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,MAAM,WAAW,kBAAkB;IAEjC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACtD,kBAAkB,EAAE,CAAC,eAAe,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjG,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAG5E,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,oBAAoB;;;;;;;;EAwEhC,CAAC"}

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

@@ -1,24 +1,75 @@
-export type ICalloutPlacement = 'top' | 'bottom' | 'left' | 'right';
-export type IHorizontalAlignment = 'left' | 'center' | 'right';
+import type { ICalloutPositionMode } from '../components/VizElement/ElementCallout';
+import type { ElementInfo } from './viz-elm';
+export type IVerticalPlacement = 'top' | 'bottom';
+export type IHorizontalPlacement = 'left' | 'right';
+export type ICalloutPlacement = IVerticalPlacement | IHorizontalPlacement;
+export type IHorizontalAlignment = IHorizontalPlacement | 'center';
 export interface ICalloutPosition {
     top: number;
     left: number;
     placement: ICalloutPlacement;
     horizontalAlign: IHorizontalAlignment;
 }
-export interface IPositionCandidate {
-    placement: ICalloutPlacement;
-    top: number;
-    left: number;
-    horizontalAlign: IHorizontalAlignment;
-    valid: boolean;
-}
 export interface IViewportDimensions {
     width: number;
     height: number;
 }
 export interface IRectDimensions {
+    /**
+     * The target elements rectangle with PORTAL element
+     */
     targetRect: DOMRect;
+    /**
+     * The target elements rectangle in absolute coordinates
+     */
+    targetAbsoluteRect?: {
+        top: number;
+        left: number;
+    };
     calloutRect: DOMRect;
 }
+export interface IPositionCandidateBase {
+    top: number;
+    left: number;
+}
+export interface IPositionCandidate extends IPositionCandidateBase {
+    placement: ICalloutPlacement;
+    horizontalAlign: IHorizontalAlignment;
+    valid: boolean;
+}
+export interface IPositionCandidateOffset {
+    x: number;
+    y: number;
+}
+export interface IPositionCandidateOption {
+    rectDimensions: IRectDimensions;
+    viewport: IViewportDimensions;
+    alignment: IHorizontalAlignment;
+    offset: IPositionCandidateOffset;
+    padding: number;
+    arrowSize: number;
+    containerRect?: DOMRect;
+}
+export interface ICalcCalloutPositionProps {
+    targetElm: Element;
+    calloutElm: HTMLElement;
+    widthScale: number;
+    setPosition: (position: ICalloutPosition) => void;
+    offset?: {
+        x: number;
+        y: number;
+    };
+    alignment?: IHorizontalAlignment;
+    positionMode?: ICalloutPositionMode;
+    visualRef?: React.RefObject<HTMLDivElement> | null;
+}
+export interface ICalcCalloutPositionAbsoluteProps {
+    widthScale: number;
+    padding?: number;
+    arrowSize?: number;
+    calloutElm: HTMLDivElement;
+    containerElm: HTMLDivElement;
+    element: ElementInfo;
+    onChange: (style: React.CSSProperties) => void;
+}
 //# sourceMappingURL=viz-elm-callout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"viz-elm-callout.d.ts","sourceRoot":"","sources":["../../src/types/viz-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;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,oBAAoB,CAAC;IACtC,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"viz-elm-callout.d.ts","sourceRoot":"","sources":["../../src/types/viz-elm-callout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClD,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC;AAC1E,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG,QAAQ,CAAC;AAEnE,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;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE;QACnB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,SAAS,EAAE,iBAAiB,CAAC;IAC7B,eAAe,EAAE,oBAAoB,CAAC;IACtC,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,wBAAwB;IACvC,cAAc,EAAE,eAAe,CAAC;IAChC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;IAChC,MAAM,EAAE,wBAAwB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAID,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;CACpD;AAED,MAAM,WAAW,iCAAiC;IAChD,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,cAAc,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAChD"}

package/dist/style.css

@@ -66,10 +66,12 @@
 }
 
 .heatmapElement--hovered {
+  cursor: pointer;
   animation: heatmap-element-fade-in 0.2s ease-out;
 }
 
 .heatmapElement--clicked {
+  cursor: auto;
   animation: heatmap-element-fade-in 0.2s ease-out;
 }
 
@@ -164,4 +166,4 @@
   }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZXMvc3R5bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qID09PT09PT09PT09PT09PT09IEdsb2JhbCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1kaXZpZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWlubGluZS1lbmQge1xuICBib3JkZXItaW5saW5lLWVuZC13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBib3JkZXItaW5saW5lLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWlubGluZS1lbmQtc3R5bGU6IHNvbGlkO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWJsb2NrLWVuZCB7XG4gIGJvcmRlci1ibG9jay1lbmQtd2lkdGg6IHZhcigtLWd4LWhtLWJvcmRlci13aWR0aCwgMXB4KTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1zdHlsZTogc29saWQ7XG59XG5cbi5neC1obS1zaGFkb3cge1xuICBib3gtc2hhZG93OiAwcHggMHB4IDZweCAxcHggIzFhMWExYTMzO1xufVxuXG4vKiA9PT09PT09PT09PT09PT09PSBIZWF0bWFwIFdyYXBwZXIgQ1NTID09PT09PT09PT09PT09PT09ICovXG5cbi5neC1obS13cmFwcGVyIGlmcmFtZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICAvKiBib3JkZXI6IDFweCBzb2xpZCAjQ0NDOyAqL1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLWlmcmFtZSwgMXB4KTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAvKiBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggIzFBMUExQTEyO1xuICBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggI0NDQ0NDQzgwIGluc2V0O1xuICBib3gtc2hhZG93OiAwcHggLTFweCAwcHggMHB4ICMwMDAwMDAyQiBpbnNldDtcbiAgYm94LXNoYWRvdzogLTFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7XG4gIGJveC1zaGFkb3c6IDFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7ICovXG59XG5cbi5neC1obS13cmFwcGVyIC5neC1obS1lbGVtZW50cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMjtcbn1cblxuLmd4LWhtLXJhbmstYmFkZ2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAyOHB4O1xuICBoZWlnaHQ6IDI4cHg7XG4gIGJhY2tncm91bmQ6ICMwMDc4ZDQ7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMzJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygwcHggMS4ycHggMy42cHggcmdiYSgwLCAwLCAwLCAwLjEpKTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaGVhdG1hcEVsZW1lbnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHdoaXRlO1xuICBvdXRsaW5lOiAxcHggc29saWQgIzAwNzhkNDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjE1cyBlYXNlLW91dDtcbn1cblxuLmhlYXRtYXBFbGVtZW50LS1ob3ZlcmVkIHtcbiAgYW5pbWF0aW9uOiBoZWF0bWFwLWVsZW1lbnQtZmFkZS1pbiAwLjJzIGVhc2Utb3V0O1xufVxuXG4uaGVhdG1hcEVsZW1lbnQtLWNsaWNrZWQge1xuICBhbmltYXRpb246IGhlYXRtYXAtZWxlbWVudC1mYWRlLWluIDAuMnMgZWFzZS1vdXQ7XG59XG5cbkBrZXlmcmFtZXMgaGVhdG1hcC1lbGVtZW50LWZhZGUtaW4ge1xuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cblxuLyogPT09PT09PT09PT09PT09PT0gQ2FsbG91dCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cblxuLmNsYXJpdHktY2FsbG91dCB7XG4gIC8qIGJveC1zaGFkb3c6IDAgNHB4IDIwcHggcmdiYSgwLCAwLCAwLCAwLjE1KTsgKi9cbiAgbWluLXdpZHRoOiAyMDBweDtcbiAgbWF4LXdpZHRoOiAyODBweDtcbiAgd2lkdGg6IDIzMHB4O1xuICBoZWlnaHQ6IDI2M3B4O1xuICBhbmltYXRpb246IGNsYXJpdHktY2FsbG91dC1mYWRlLWluIDAuMnMgZWFzZS1vdXQ7XG4gIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAvKiBvdmVyZmxvdzogaGlkZGVuOyAqL1xufVxuXG4uY2xhcml0eS1jYWxsb3V0LS1tb3VzZS1mb2xsb3cge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDI7XG59XG5cbkBrZXlmcmFtZXMgY2xhcml0eS1jYWxsb3V0LWZhZGUtaW4ge1xuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIC8qIHRyYW5zZm9ybTogc2NhbGUoMC45NSk7ICovXG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgICAvKiB0cmFuc2Zvcm06IHNjYWxlKDEpOyAqL1xuICB9XG59XG5cbi5jbGFyaXR5LWNhbGxvdXRfX2Fycm93IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTZweDtcbiAgaGVpZ2h0OiAxNnB4O1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoNDVkZWcpO1xufVxuXG4vKiA9PT09PT09PT09PT09PT09PSBMb2FkaW5nIENTUyA9PT09PT09PT09PT09PT09PSAqL1xuLmd4LWhtLWxvYWRpbmcge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjk1KTtcbiAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDJweCk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB6LWluZGV4OiAxMDtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xufVxuXG4uZ3gtaG0tbG9hZGluZy0tc3Bpbm5lciB7XG4gIHdpZHRoOiA0OHB4O1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGJvcmRlcjogNHB4IHNvbGlkICNmM2YzZjM7XG4gIGJvcmRlci10b3A6IDRweCBzb2xpZCAjNGY0NmU1O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG59XG5cbi5neC1obS1sb2FkaW5nLS10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMTZweDtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBjb2xvcjogIzY2Njtcbn1cblxuQGtleWZyYW1lcyBzcGluIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgfVxufVxuIl19 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZXMvc3R5bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qID09PT09PT09PT09PT09PT09IEdsb2JhbCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1kaXZpZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWlubGluZS1lbmQge1xuICBib3JkZXItaW5saW5lLWVuZC13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBib3JkZXItaW5saW5lLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWlubGluZS1lbmQtc3R5bGU6IHNvbGlkO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWJsb2NrLWVuZCB7XG4gIGJvcmRlci1ibG9jay1lbmQtd2lkdGg6IHZhcigtLWd4LWhtLWJvcmRlci13aWR0aCwgMXB4KTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1zdHlsZTogc29saWQ7XG59XG5cbi5neC1obS1zaGFkb3cge1xuICBib3gtc2hhZG93OiAwcHggMHB4IDZweCAxcHggIzFhMWExYTMzO1xufVxuXG4vKiA9PT09PT09PT09PT09PT09PSBIZWF0bWFwIFdyYXBwZXIgQ1NTID09PT09PT09PT09PT09PT09ICovXG5cbi5neC1obS13cmFwcGVyIGlmcmFtZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICAvKiBib3JkZXI6IDFweCBzb2xpZCAjQ0NDOyAqL1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLWlmcmFtZSwgMXB4KTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAvKiBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggIzFBMUExQTEyO1xuICBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggI0NDQ0NDQzgwIGluc2V0O1xuICBib3gtc2hhZG93OiAwcHggLTFweCAwcHggMHB4ICMwMDAwMDAyQiBpbnNldDtcbiAgYm94LXNoYWRvdzogLTFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7XG4gIGJveC1zaGFkb3c6IDFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7ICovXG59XG5cbi5neC1obS13cmFwcGVyIC5neC1obS1lbGVtZW50cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMjtcbn1cblxuLmd4LWhtLXJhbmstYmFkZ2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAyOHB4O1xuICBoZWlnaHQ6IDI4cHg7XG4gIGJhY2tncm91bmQ6ICMwMDc4ZDQ7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMzJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygwcHggMS4ycHggMy42cHggcmdiYSgwLCAwLCAwLCAwLjEpKTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaGVhdG1hcEVsZW1lbnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHdoaXRlO1xuICBvdXRsaW5lOiAxcHggc29saWQgIzAwNzhkNDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjE1cyBlYXNlLW91dDtcbn1cblxuLmhlYXRtYXBFbGVtZW50LS1ob3ZlcmVkIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBhbmltYXRpb246IGhlYXRtYXAtZWxlbWVudC1mYWRlLWluIDAuMnMgZWFzZS1vdXQ7XG59XG5cbi5oZWF0bWFwRWxlbWVudC0tY2xpY2tlZCB7XG4gIGN1cnNvcjogYXV0bztcbiAgYW5pbWF0aW9uOiBoZWF0bWFwLWVsZW1lbnQtZmFkZS1pbiAwLjJzIGVhc2Utb3V0O1xufVxuXG5Aa2V5ZnJhbWVzIGhlYXRtYXAtZWxlbWVudC1mYWRlLWluIHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbi8qID09PT09PT09PT09PT09PT09IENhbGxvdXQgQ1NTID09PT09PT09PT09PT09PT09ICovXG5cbi5jbGFyaXR5LWNhbGxvdXQge1xuICAvKiBib3gtc2hhZG93OiAwIDRweCAyMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7ICovXG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIG1heC13aWR0aDogMjgwcHg7XG4gIHdpZHRoOiAyMzBweDtcbiAgaGVpZ2h0OiAyNjNweDtcbiAgYW5pbWF0aW9uOiBjbGFyaXR5LWNhbGxvdXQtZmFkZS1pbiAwLjJzIGVhc2Utb3V0O1xuICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgLyogb3ZlcmZsb3c6IGhpZGRlbjsgKi9cbn1cblxuLmNsYXJpdHktY2FsbG91dC0tbW91c2UtZm9sbG93IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAyO1xufVxuXG5Aa2V5ZnJhbWVzIGNsYXJpdHktY2FsbG91dC1mYWRlLWluIHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICAvKiB0cmFuc2Zvcm06IHNjYWxlKDAuOTUpOyAqL1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgLyogdHJhbnNmb3JtOiBzY2FsZSgxKTsgKi9cbiAgfVxufVxuXG4uY2xhcml0eS1jYWxsb3V0X19hcnJvdyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDE2cHg7XG4gIGhlaWdodDogMTZweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbn1cblxuLyogPT09PT09PT09PT09PT09PT0gTG9hZGluZyBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1sb2FkaW5nIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45NSk7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigycHgpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgei1pbmRleDogMTA7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbn1cblxuLmd4LWhtLWxvYWRpbmctLXNwaW5uZXIge1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICBib3JkZXI6IDRweCBzb2xpZCAjZjNmM2YzO1xuICBib3JkZXItdG9wOiA0cHggc29saWQgIzRmNDZlNTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW4gMXMgbGluZWFyIGluZmluaXRlO1xufVxuXG4uZ3gtaG0tbG9hZGluZy0tdGV4dCB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6ICM2NjY7XG59XG5cbkBrZXlmcmFtZXMgc3BpbiB7XG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbn1cbiJdfQ== */

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

@@ -0,0 +1,38 @@
+interface BackdropCanvasProps {
+    activeElement: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    } | null;
+    viewportWidth: number;
+    viewportHeight: number;
+    borderWidth?: number;
+    show?: boolean;
+    /**
+     * Expand cutout area by this amount in all directions (pixels)
+     * Positive values make the cutout larger (more padding around element)
+     * Negative values make it smaller
+     * @default 0
+     * @example
+     * cutoutExpansion={10} // Adds 10px padding around active element
+     */
+    cutoutExpansion?: number;
+    /**
+     * Backdrop overlay color
+     * @default '#000000'
+     */
+    backdropColor?: string;
+    /**
+     * Backdrop opacity (0-1)
+     * @default 0.5
+     */
+    backdropOpacity?: number;
+}
+/**
+ * Example component showing how to use canvas backdrop
+ * Renders a dark overlay with cutout for active element
+ */
+export declare const BackdropCanvas: React.FC<BackdropCanvasProps>;
+export {};
+//# sourceMappingURL=BackdropCanvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackdropCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/BackdropCanvas.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,aAAa,EAAE;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,GAAG,IAAI,CAAC;IACT,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkExD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultRankBadges.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/DefaultRankBadges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO/D,UAAU,KAAK;IACb,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,WAAW,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuBD,eAAO,MAAM,iBAAiB,6CAAmC,CAAC"}
+{"version":3,"file":"DefaultRankBadges.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/DefaultRankBadges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO/D,UAAU,KAAK;IACb,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,KAAK,WAAW,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA+BD,eAAO,MAAM,iBAAiB,6CAAmC,CAAC"}

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":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAoB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAoBvF,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAoED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqCxD,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;AAkBvF,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8CxD,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { ElementRect } from '../../types';
+import type { ICalloutPositionMode } from './ElementCallout';
+interface ElementCalloutClickedProps {
+    isSecondary?: boolean;
+    visualRef: React.RefObject<HTMLDivElement>;
+    positionMode?: ICalloutPositionMode;
+    containerRef?: React.RefObject<HTMLDivElement>;
+    getRect: (el?: any) => ElementRect | null;
+}
+export declare const ElementCalloutClicked: import("react").NamedExoticComponent<ElementCalloutClickedProps>;
+export {};
+//# sourceMappingURL=ElementCalloutClicked.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import type { ICalloutPositionMode } from './ElementCallout';
+interface ElementCalloutHoveredProps {
+    isSecondary?: boolean;
+    visualRef: React.RefObject<HTMLDivElement>;
+    positionMode?: ICalloutPositionMode;
+    onClick?: (event?: React.MouseEvent<HTMLDivElement>, hash?: string) => void;
+}
+export declare const ElementCalloutHovered: import("react").NamedExoticComponent<ElementCalloutHoveredProps>;
+export {};
+//# sourceMappingURL=ElementCalloutHovered.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+import type { ElementOverlayProps } from './ElementOverlay';
+export declare const ElementCalloutOverlay: React.FC<ElementOverlayProps>;
+//# sourceMappingURL=ElementCalloutOverlay.d.ts.map

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

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

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

@@ -1,5 +1,6 @@
 interface Props {
     show?: boolean;
+    visualRef: React.RefObject<HTMLDivElement>;
 }
 export declare const ElementMissing: React.FC<Props>;
 export {};

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

@@ -1 +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,CA2B1C,CAAC"}
+{"version":3,"file":"ElementMissing.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/ElementMissing.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoF1C,CAAC"}

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

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

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

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

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

@@ -1,5 +1,5 @@
 import type { IHeatmapInfo, WebVisualizer } from '../../types';
-import type { ICalloutPositionMode } from './ElementCallout';
+import { type ICalloutPositionMode } from './ElementCallout';
 interface HeatmapElementsProps {
     heatmapInfo?: IHeatmapInfo;
     visualizer?: WebVisualizer;

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,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AA4BlF,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+D1D,CAAC"}
+{"version":3,"file":"HeatmapElements.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HeatmapElements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAgB7D,UAAU,oBAAoB;IAC5B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuD1D,CAAC"}

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

@@ -3,6 +3,8 @@ interface RankBadgeProps {
     index: number;
     elementRect: ElementRect;
     widthScale: number;
+    hash: string;
+    show?: boolean;
     clickOnElement?: () => void;
 }
 export declare const RankBadge: import("react").NamedExoticComponent<RankBadgeProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"RankBadge.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/RankBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAcD,eAAO,MAAM,SAAS,sDAA2B,CAAC"}
+{"version":3,"file":"RankBadge.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/RankBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AA0BD,eAAO,MAAM,SAAS,sDAA2B,CAAC"}

package/dist/umd/configs/backdrop.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Default backdrop configuration
+ */
+export declare const BACKDROP_CONFIG: {
+    /**
+     * Default backdrop color
+     */
+    readonly COLOR: "#000000";
+    /**
+     * Default backdrop opacity (0-1)
+     */
+    readonly OPACITY: 0.5;
+    /**
+     * Default cutout expansion (pixels)
+     * Adds padding around the active element cutout
+     */
+    readonly CUTOUT_EXPANSION: 2;
+    /**
+     * Z-index for backdrop canvas
+     */
+    readonly Z_INDEX: 999;
+};
+//# sourceMappingURL=backdrop.d.ts.map

package/dist/umd/configs/backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../src/configs/backdrop.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAGH;;OAEG;;IAGH;;;OAGG;;IAGH;;OAEG;;CAEK,CAAC"}

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

@@ -1,3 +1,4 @@
+export * from './backdrop';
 export * from './iframe';
 export * from './style';
 export * from './viewId';

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

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

package/dist/umd/constants/viz-elm-callout.d.ts

@@ -1,7 +1,12 @@
 import type { ICalloutPositionMode } from '../components/VizElement/ElementCallout';
+import type { IHorizontalAlignment } from '../types';
 export declare const CALLOUT_PADDING = 0;
 export declare const CALLOUT_ARROW_SIZE = 8;
-export declare const CALLOUT_HORIZONTAL_OFFSET = 0;
+export declare const CALLOUT_OFFSET: {
+    x: number;
+    y: number;
+};
+export declare const CALLOUT_ALIGNMENT: IHorizontalAlignment;
 export declare const CLICKED_ELEMENT_ID_BASE = "gx-hm-clicked-element";
 export declare const SECONDARY_CLICKED_ELEMENT_ID_BASE = "gx-hm-secondary-clicked-element";
 export declare const HOVERED_ELEMENT_ID_BASE = "gx-hm-hovered-element";

package/dist/umd/constants/viz-elm-callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viz-elm-callout.d.ts","sourceRoot":"","sources":["../../src/constants/viz-elm-callout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAEpF,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,iCAAiC,oCAAoC,CAAC;AACnF,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,iCAAiC,oCAAoC,CAAC;AAEnF,eAAO,MAAM,qBAAqB,EAAE,oBAAiC,CAAC"}
+{"version":3,"file":"viz-elm-callout.d.ts","sourceRoot":"","sources":["../../src/constants/viz-elm-callout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,cAAc,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAoB,CAAC;AACxE,eAAO,MAAM,iBAAiB,EAAE,oBAA6B,CAAC;AAE9D,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,iCAAiC,oCAAoC,CAAC;AACnF,eAAO,MAAM,uBAAuB,0BAA0B,CAAC;AAC/D,eAAO,MAAM,iCAAiC,oCAAoC,CAAC;AAEnF,eAAO,MAAM,qBAAqB,EAAE,oBAAiC,CAAC"}

package/dist/umd/helpers/canvas-backdrop.d.ts

@@ -0,0 +1,28 @@
+interface BackdropOptions {
+    canvas: HTMLCanvasElement;
+    activeRect: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    };
+    backdropColor?: string;
+    backdropOpacity?: number;
+    /**
+     * Expand the cutout area by this amount in all directions (pixels)
+     * Positive values make the cutout larger, negative values make it smaller
+     * @default 0
+     */
+    cutoutExpansion?: number;
+}
+/**
+ * Draw a backdrop overlay on canvas with a cutout for the active element
+ * This creates a "spotlight" effect highlighting the active element
+ */
+export declare const drawBackdropWithCutout: (options: BackdropOptions) => void;
+/**
+ * Clear the entire canvas
+ */
+export declare const clearCanvas: (canvas: HTMLCanvasElement) => void;
+export {};
+//# sourceMappingURL=canvas-backdrop.d.ts.map

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

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

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

@@ -8,4 +8,5 @@ export * from './dom-utils';
 export * from './logger';
 export * from './throttle';
 export * from './iframe-height';
+export * from './canvas-backdrop';
 //# 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,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAE3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAElC,cAAc,aAAa,CAAC;AAE5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAE3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAElC,cAAc,aAAa,CAAC;AAE5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAE3B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,mBAAmB,CAAC"}

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

@@ -1,10 +1,11 @@
 import type { IRectDimensions, IViewportDimensions } from '../../types';
-export declare const getViewportDimensions: (containerElm?: HTMLElement | null, scale?: number, scrollOffset?: {
-    top: number;
-    left: number;
-}) => IViewportDimensions;
-export declare const getElementDimensions: (targetElm: Element, calloutElm: HTMLElement, scale?: number, containerRect?: DOMRect, mousePosition?: {
-    x: number;
-    y: number;
-}) => IRectDimensions;
+export declare const getViewportDimensions: (containerElm?: HTMLElement | null, scale?: number) => IViewportDimensions;
+interface IElementDimensionsOptions {
+    targetElm: Element;
+    calloutElm: HTMLElement;
+    scale: number;
+    containerElm: HTMLElement;
+}
+export declare const getElementDimensions: (options: IElementDimensionsOptions) => IRectDimensions;
+export {};
 //# sourceMappingURL=dimensions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dimensions.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAExE,eAAO,MAAM,qBAAqB,GAChC,eAAe,WAAW,GAAG,IAAI,EACjC,QAAQ,MAAM,EACd,eAAe;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAC3C,mBAYF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,WAAW,OAAO,EAClB,YAAY,WAAW,EACvB,QAAQ,MAAM,EACd,gBAAgB,OAAO,EACvB,gBAAgB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,KACvC,eAgFF,CAAC"}
+{"version":3,"file":"dimensions.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAExE,eAAO,MAAM,qBAAqB,GAAI,eAAe,WAAW,GAAG,IAAI,EAAE,QAAQ,MAAM,KAAG,mBAYzF,CAAC;AAEF,UAAU,yBAAyB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,WAAW,CAAC;CAC3B;AACD,eAAO,MAAM,oBAAoB,GAAI,SAAS,yBAAyB,KAAG,eA2CzE,CAAC"}

package/dist/umd/helpers/viz-elm-callout/position-calculator.d.ts

@@ -1,14 +1,6 @@
-import type { IHorizontalAlignment } from '../../types';
+import type { IHorizontalAlignment, IHorizontalPlacement, IPositionCandidateBase, IPositionCandidateOption, IVerticalPlacement } from '../../types';
 export declare const getAlignmentOrder: (alignment: IHorizontalAlignment) => IHorizontalAlignment[];
-export declare const calculateLeftPosition: ({ targetRect, calloutRect, hozOffset, align, }: {
-    targetRect: DOMRect;
-    calloutRect: DOMRect;
-    hozOffset: number;
-    align: IHorizontalAlignment;
-}) => number;
-export declare const calculateVerticalPosition: (targetRect: DOMRect, calloutRect: DOMRect, placement: "top" | "bottom", padding: number, arrowSize: number, offsetY?: number) => number;
-export declare const calculateHorizontalPlacementPosition: (targetRect: DOMRect, calloutRect: DOMRect, placement: "left" | "right", padding: number, arrowSize: number) => {
-    top: number;
-    left: number;
-};
+export declare const calculateLeftPosition: (align: IHorizontalAlignment, options: IPositionCandidateOption) => IPositionCandidateBase["left"];
+export declare const calculateVerticalPosition: (placement: IVerticalPlacement, options: IPositionCandidateOption) => IPositionCandidateBase["top"];
+export declare const calculateHorizontalPosition: (placement: IHorizontalPlacement, options: IPositionCandidateOption) => IPositionCandidateBase;
 //# sourceMappingURL=position-calculator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"position-calculator.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-calculator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,eAAO,MAAM,iBAAiB,GAAI,WAAW,oBAAoB,KAAG,oBAAoB,EASvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,gDAKnC;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,oBAAoB,CAAC;CAC7B,KAAG,MAUH,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,KAAK,GAAG,QAAQ,EAC3B,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,UAAS,MAAU,KAClB,MAIF,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,MAAM,GAAG,OAAO,EAC3B,SAAS,MAAM,EACf,WAAW,MAAM,KAChB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAQ7B,CAAC"}
+{"version":3,"file":"position-calculator.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-calculator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,iBAAiB,GAAI,WAAW,oBAAoB,KAAG,oBAAoB,EASvF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,OAAO,oBAAoB,EAC3B,SAAS,wBAAwB,KAChC,sBAAsB,CAAC,MAAM,CA2B/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,WAAW,kBAAkB,EAC7B,SAAS,wBAAwB,KAChC,sBAAsB,CAAC,KAAK,CAQ9B,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,WAAW,oBAAoB,EAC/B,SAAS,wBAAwB,KAChC,sBAWF,CAAC"}

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

@@ -1,11 +1,5 @@
-import type { IHorizontalAlignment, IPositionCandidate, IRectDimensions, IViewportDimensions } from '../../types';
-export declare const generateVerticalPositionCandidates: (targetRect: DOMRect, calloutRect: DOMRect, viewportHeight: number, viewportWidth: number, alignment: IHorizontalAlignment, offset: {
-    x: number;
-    y: number;
-}, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
-export declare const generateHorizontalPositionCandidates: (targetRect: DOMRect, calloutRect: DOMRect, viewportWidth: number, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
-export declare const generateAllPositionCandidates: (rectDimensions: IRectDimensions, viewport: IViewportDimensions, alignment: IHorizontalAlignment, offset: {
-    x: number;
-    y: number;
-}, padding: number, arrowSize: number, containerRect?: DOMRect) => IPositionCandidate[];
+import type { IPositionCandidate, IPositionCandidateOption } from '../../types';
+export declare const generateVerticalPositionCandidates: (options: IPositionCandidateOption) => IPositionCandidate[];
+export declare const generateHorizontalPositionCandidates: (options: IPositionCandidateOption) => IPositionCandidate[];
+export declare const generateAllCandidates: (options: IPositionCandidateOption) => IPositionCandidate[];
 //# sourceMappingURL=position-candidates.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"position-candidates.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-candidates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAUlH,eAAO,MAAM,kCAAkC,GAC7C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,gBAAgB,MAAM,EACtB,eAAe,MAAM,EACrB,WAAW,oBAAoB,EAC/B,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAsCpB,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAC/C,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,eAAe,MAAM,EACrB,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAsBpB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,gBAAgB,eAAe,EAC/B,UAAU,mBAAmB,EAC7B,WAAW,oBAAoB,EAC/B,QAAQ;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAChC,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,kBAAkB,EAyBpB,CAAC"}
+{"version":3,"file":"position-candidates.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-candidates.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,kBAAkB,EAClB,wBAAwB,EAEzB,MAAM,aAAa,CAAC;AAerB,eAAO,MAAM,kCAAkC,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EA8BxG,CAAC;AAEF,eAAO,MAAM,oCAAoC,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EAU1G,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,SAAS,wBAAwB,KAAG,kBAAkB,EAK3F,CAAC"}

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

@@ -1,10 +1,4 @@
-import type { IPositionCandidate, IViewportDimensions } from '../../types';
+import type { IPositionCandidate, IPositionCandidateBase, IPositionCandidateOption } from '../../types';
 export declare const selectBestPosition: (candidates: IPositionCandidate[]) => IPositionCandidate;
-export declare const constrainToViewport: (position: {
-    top: number;
-    left: number;
-}, calloutRect: DOMRect, viewport: IViewportDimensions, padding: number, containerRect?: DOMRect) => {
-    top: number;
-    left: number;
-};
+export declare const constrainToViewport: (candidate: IPositionCandidate, options: IPositionCandidateOption) => IPositionCandidateBase;
 //# sourceMappingURL=position-selector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"position-selector.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE3E,eAAO,MAAM,kBAAkB,GAAI,YAAY,kBAAkB,EAAE,KAAG,kBAErE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,UAAU;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EACvC,aAAa,OAAO,EACpB,UAAU,mBAAmB,EAC7B,SAAS,MAAM,EACf,gBAAgB,OAAO,KACtB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAiB7B,CAAC"}
+{"version":3,"file":"position-selector.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAExG,eAAO,MAAM,kBAAkB,GAAI,YAAY,kBAAkB,EAAE,KAAG,kBAErE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,WAAW,kBAAkB,EAC7B,SAAS,wBAAwB,KAChC,sBA0BF,CAAC"}

package/dist/umd/helpers/viz-elm-callout/position-validator.d.ts

@@ -1,4 +1,6 @@
-export declare const isLeftPositionValid: (leftPos: number, calloutWidth: number, viewportWidth: number, padding: number, containerRect?: DOMRect) => boolean;
-export declare const isVerticalPositionValid: (targetRect: DOMRect, calloutRect: DOMRect, placement: "top" | "bottom", viewportHeight: number, padding: number, arrowSize: number, containerRect?: DOMRect) => boolean;
-export declare const isHorizontalPlacementValid: (targetRect: DOMRect, calloutRect: DOMRect, placement: "left" | "right", viewportWidth: number, padding: number, arrowSize: number, containerRect?: DOMRect) => boolean;
+import type { IHorizontalPlacement, IPositionCandidateOption, IVerticalPlacement } from '../../types';
+export declare const isLeftPositionValid: (leftPos: number, options: IPositionCandidateOption) => boolean;
+export declare const isRightPositionValid: (leftPos: number, options: IPositionCandidateOption) => boolean;
+export declare const isVerticalPositionValid: (placement: IVerticalPlacement, options: IPositionCandidateOption) => boolean;
+export declare const isHorizontalPositionValid: (placement: IHorizontalPlacement, options: IPositionCandidateOption) => boolean;
 //# sourceMappingURL=position-validator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"position-validator.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-validator.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAC9B,SAAS,MAAM,EACf,cAAc,MAAM,EACpB,eAAe,MAAM,EACrB,SAAS,MAAM,EACf,gBAAgB,OAAO,KACtB,OAKF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,KAAK,GAAG,QAAQ,EAC3B,gBAAgB,MAAM,EACtB,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,OASF,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,YAAY,OAAO,EACnB,aAAa,OAAO,EACpB,WAAW,MAAM,GAAG,OAAO,EAC3B,eAAe,MAAM,EACrB,SAAS,MAAM,EACf,WAAW,MAAM,EACjB,gBAAgB,OAAO,KACtB,OASF,CAAC"}
+{"version":3,"file":"position-validator.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/position-validator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItG,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,EAAE,SAAS,wBAAwB,KAAG,OAaxF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,SAAS,MAAM,EAAE,SAAS,wBAAwB,KAAG,OAQzF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,WAAW,kBAAkB,EAAE,SAAS,wBAAwB,KAAG,OAS1G,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,WAAW,oBAAoB,EAC/B,SAAS,wBAAwB,KAChC,OASF,CAAC"}

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

@@ -1,22 +1,4 @@
-import type { ICalloutPositionMode } from '../../components/VizElement/ElementCallout';
-import type { ICalloutPosition, IHorizontalAlignment } from '../../types';
-interface ICalcCalloutPositionProps {
-    targetElm: Element;
-    calloutElm: HTMLElement;
-    setPosition: (position: ICalloutPosition) => void;
-    offset?: {
-        x: number;
-        y: number;
-    };
-    alignment?: IHorizontalAlignment;
-    positionMode?: ICalloutPositionMode;
-    visualRef?: React.RefObject<HTMLDivElement> | null;
-    widthScale?: number;
-    mousePosition?: {
-        x: number;
-        y: number;
-    };
-}
+import type { ICalcCalloutPositionAbsoluteProps, ICalcCalloutPositionProps } from '../../types';
 export declare const calcCalloutPosition: (options: ICalcCalloutPositionProps) => () => void;
-export {};
+export declare const calcCalloutPositionAbsolute: (props: ICalcCalloutPositionAbsoluteProps) => void;
 //# sourceMappingURL=viz-elm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/viz-elm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAO1E,UAAU,yBAAyB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC;IACxB,WAAW,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AA2DD,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eA0ErE,CAAC"}
+{"version":3,"file":"viz-elm.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/viz-elm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iCAAiC,EACjC,yBAAyB,EAK1B,MAAM,aAAa,CAAC;AAiErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eA+CrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAwEnF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AAQA,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;uEA+CpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BAuB/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA6B3D,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"}
+{"version":3,"file":"useHoveredElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useHoveredElement.ts"],"names":[],"mappings":"AASA,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;uEA+CpD,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;0BAwB/B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,SAAS,MAAM;CA4B3D,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"}