@gemx-dev/heatmap-react 3.5.59 → 3.5.61

package/dist/esm/index.mjs

@@ -57,13 +57,19 @@ const BACKDROP_CONFIG = {
      * Default cutout expansion (pixels)
      * Adds padding around the active element cutout
      */
-    CUTOUT_EXPANSION: 2,
+    CUTOUT_EXPANSION: 0,
     /**
      * Z-index for backdrop canvas
      */
     Z_INDEX: 999,
 };
 
+const ELM_CALLOUT_CONFIG = {
+    MOUSE_POSITION: true,
+    SHOW_RANK_BADGE: false,
+    HIDE_OUTLINE_ON_CLICKED: true,
+};
+
 // Portal mode: Full permissions for proper functionality
 // Need allow-forms for add to cart, allow-popups for some features
 const HEATMAP_IFRAME = {
@@ -107,6 +113,12 @@ const Z_INDEX = {
     SIDEBAR_POPOVER: 4001,
 };
 
+const DEFAULT_ZOOM_RATIO = {
+    DEFAULT: 100,
+    MIN: 10,
+    MAX: 100,
+};
+
 /**
  * Creates a debounced version of a callback that delays invoking until after
  * wait milliseconds have elapsed since the last time it was invoked.
@@ -298,8 +310,9 @@ const useHeatmapDataStore = create()(subscribeWithSelector((set) => {
 const useHeatmapVizStore = create()(subscribeWithSelector((set) => {
     return {
         isRenderViz: new Map([[DEFAULT_VIEW_ID, false]]),
-        zoomRatio: new Map([[DEFAULT_VIEW_ID, 100]]),
-        minZoomRatio: new Map([[DEFAULT_VIEW_ID, 10]]),
+        zoomRatio: new Map([[DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO.DEFAULT]]),
+        minZoomRatio: new Map([[DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO.MIN]]),
+        maxZoomRatio: new Map([[DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO.MAX]]),
         scale: new Map([[DEFAULT_VIEW_ID, 1]]),
         isScaledToFit: new Map([[DEFAULT_VIEW_ID, false]]),
         setIsRenderViz: (isRenderViz, viewId = DEFAULT_VIEW_ID) => set((prev) => {
@@ -317,6 +330,11 @@ const useHeatmapVizStore = create()(subscribeWithSelector((set) => {
             newMinZoomRatio.set(viewId, minZoomRatio);
             return { minZoomRatio: newMinZoomRatio };
         }),
+        setMaxZoomRatio: (maxZoomRatio, viewId = DEFAULT_VIEW_ID) => set((prev) => {
+            const newMaxZoomRatio = new Map(prev.maxZoomRatio);
+            newMaxZoomRatio.set(viewId, maxZoomRatio);
+            return { maxZoomRatio: newMaxZoomRatio };
+        }),
         setScale: (scale, viewId = DEFAULT_VIEW_ID) => set((prev) => {
             const newScale = new Map(prev.scale);
             newScale.set(viewId, scale);
@@ -1144,8 +1162,9 @@ const useHeatmapViz = createViewContextHook({
     useStore: useHeatmapVizStore,
     getState: (store, viewId) => ({
         isRenderViz: store.isRenderViz.get(viewId) ?? false,
-        zoomRatio: store.zoomRatio.get(viewId) ?? 100,
-        minZoomRatio: store.minZoomRatio.get(viewId) ?? 10,
+        zoomRatio: store.zoomRatio.get(viewId) ?? DEFAULT_ZOOM_RATIO.DEFAULT,
+        minZoomRatio: store.minZoomRatio.get(viewId) ?? DEFAULT_ZOOM_RATIO.MIN,
+        maxZoomRatio: store.maxZoomRatio.get(viewId) ?? DEFAULT_ZOOM_RATIO.MAX,
         widthScale: store.scale.get(viewId) ?? 1,
         isScaledToFit: store.isScaledToFit.get(viewId) ?? false,
     }),
@@ -1153,6 +1172,7 @@ const useHeatmapViz = createViewContextHook({
         setIsRenderViz: (value) => store.setIsRenderViz(value, viewId),
         setZoomRatio: (value) => store.setZoomRatio(value, viewId),
         setMinZoomRatio: (value) => store.setMinZoomRatio(value, viewId),
+        setMaxZoomRatio: (value) => store.setMaxZoomRatio(value, viewId),
         setScale: (value) => store.setScale(value, viewId),
         setIsScaledToFit: (value) => store.setIsScaledToFit(value, viewId),
     }),
@@ -1351,6 +1371,25 @@ function isElementInViewport(elementRect, visualRef, scale) {
     // Element is visible if it overlaps with the viewport
     return elementBottom > viewportTop && elementTop < viewportBottom;
 }
+function isElementRectInViewport(elementRect, visualRect, scale) {
+    if (!elementRect)
+        return false;
+    if (!visualRect)
+        return false;
+    // Element position relative to the document (or container's content)
+    const elementTop = elementRect.top * scale;
+    console.log(`🚀 🐥 ~ isElementRectInViewport ~ scale:`, scale);
+    console.log(`🚀 🐥 ~ isElementRectInViewport ~ elementRect.top:`, elementRect.top);
+    const elementBottom = (elementRect.top + elementRect.height) * scale;
+    // Current scroll position
+    const scrollTop = (visualRect?.scrollTop || 0) - 8;
+    console.log(`🚀 🐥 ~ isElementRectInViewport ~ visualRect?.scrollTop:`, visualRect?.scrollTop);
+    const viewportHeight = visualRect.height;
+    // Visible viewport range in the scrollable content
+    const viewportTop = scrollTop;
+    const viewportBottom = scrollTop + viewportHeight;
+    return elementTop > viewportTop && elementBottom < viewportBottom;
+}
 
 const CLARITY_HEATMAP_CANVAS_ID = 'clarity-heatmap-canvas';
 const HEATMAP_ELEMENT_ATTRIBUTE = 'data-clarity-hashalpha';
@@ -2241,7 +2280,7 @@ function calculateRankPosition(rect, widthScale) {
     };
 }
 
-const getViewportDimensions = (containerElm, _scale) => {
+const getContainerViewport = (containerElm, _scale) => {
     if (containerElm) {
         const containerRect = containerElm.getBoundingClientRect();
         const width = containerRect.width;
@@ -2253,6 +2292,23 @@ const getViewportDimensions = (containerElm, _scale) => {
         height: window.innerHeight,
     };
 };
+const getVisualDomViewport = (visualDomElm, scale = 1) => {
+    if (visualDomElm) {
+        const rect = visualDomElm.getBoundingClientRect();
+        return {
+            width: rect.width,
+            height: rect.height,
+            scrollTop: visualDomElm.scrollTop,
+            scrollLeft: visualDomElm.scrollLeft,
+        };
+    }
+    return {
+        width: window.innerWidth,
+        height: window.innerHeight,
+        scrollTop: 0,
+        scrollLeft: 0,
+    };
+};
 const getElementDimensions = (options) => {
     const { targetElm, calloutElm, scale, containerElm } = options;
     const targetRect = targetElm.getBoundingClientRect();
@@ -2429,12 +2485,24 @@ const generateHorizontalPositionCandidates = (options) => {
     });
 };
 const generateAllCandidates = (options) => {
+    const { visualViewport, rectDimensions } = options;
     const verticalCandidates = generateVerticalPositionCandidates(options);
     const horizontalCandidates = generateHorizontalPositionCandidates(options);
-    return [...verticalCandidates, ...horizontalCandidates];
+    const allCandidates = [...verticalCandidates, ...horizontalCandidates];
+    // Thêm isVisibleInViewport cho mỗi candidate
+    return allCandidates.map((candidate) => ({
+        ...candidate,
+        isVisibleInViewport: isElementRectInViewport({
+            top: candidate.top,
+            left: candidate.left,
+            width: rectDimensions.calloutRect.width,
+            height: rectDimensions.calloutRect.height,
+        }, visualViewport || { scrollTop: 0, scrollLeft: 0, width: 0, height: 0 }, options.widthScale),
+    }));
 };
 
 const selectBestPosition = (candidates) => {
+    // return candidates.find((p) => p.valid && p.isVisibleInViewport) || candidates[0];
     return candidates.find((p) => p.valid) || candidates[0];
 };
 const constrainToViewport = (candidate, options) => {
@@ -2519,12 +2587,14 @@ const calcCalloutPosition = (options) => {
         const containerElm = isAbsolute ? calloutElm.parentElement : visualRef?.current;
         if (!containerElm)
             return;
-        const viewport = getViewportDimensions(containerElm);
+        const viewport = getContainerViewport(containerElm);
+        const visualViewport = getVisualDomViewport(visualRef?.current, scale);
         const rectDimensions = getElementDimensions({ targetElm, calloutElm, scale, containerElm });
         const containerRect = createAdjustedContainerRect({ containerElm, scale, isAbsolute, visualRef });
         const options = {
             rectDimensions,
             viewport,
+            visualViewport,
             alignment,
             offset,
             padding,
@@ -2578,7 +2648,7 @@ const calcCalloutPositionAbsolute = (props) => {
             left: element.left,
         },
     };
-    const viewport = getViewportDimensions(containerElm);
+    const viewport = getContainerViewport(containerElm);
     const options = {
         rectDimensions,
         viewport,
@@ -4415,8 +4485,8 @@ const useElementCalloutVisible = ({ visualRef, getRect, positionMode }) => {
 };
 
 const useHeatmapEffects = ({ isVisible }) => {
-    useHeatmapClick((s) => s.selectedElement);
-    useHeatmapClick((s) => s.setShouldShowCallout);
+    // const selectedElement = useHeatmapClick((s) => s.selectedElement);
+    // const setShouldShowCallout = useHeatmapClick((s) => s.setShouldShowCallout);
     const resetAll = () => {
         // setShouldShowCallout(false);
     };
@@ -4641,6 +4711,8 @@ const useHoveredElement = ({ iframeRef, getRect }) => {
     };
 };
 const getElementMousePosition = (event, widthScale) => {
+    if (!ELM_CALLOUT_CONFIG.MOUSE_POSITION)
+        return;
     const containerElm = event.target;
     if (!containerElm)
         return;
@@ -6586,13 +6658,12 @@ const useObserveIframeHeight = (props) => {
     return {};
 };
 
-// Max zoom ratio constant: 100% = fit to width
-const MAX_ZOOM_RATIO = 100;
 const useScaleCalculation = (props) => {
     const widthScale = useHeatmapViz((s) => s.widthScale);
     const zoomRatio = useHeatmapViz((s) => s.zoomRatio);
     const isScaledToFit = useHeatmapViz((s) => s.isScaledToFit);
     const minZoomRatio = useHeatmapViz((s) => s.minZoomRatio);
+    const maxZoomRatio = useHeatmapViz((s) => s.maxZoomRatio);
     const setScale = useHeatmapViz((s) => s.setScale);
     const setIsScaledToFit = useHeatmapViz((s) => s.setIsScaledToFit);
     const setMinZoomRatio = useHeatmapViz((s) => s.setMinZoomRatio);
@@ -6614,9 +6685,9 @@ const useScaleCalculation = (props) => {
             const calculatedMinZoomRatio = (availableHeight / (contentHeight * widthScale)) * 100;
             // Limit minZoomRatio: cannot exceed MAX_ZOOM_RATIO (100%)
             // and should have a reasonable minimum (e.g., 1%)
-            const finalMinZoomRatio = Math.max(1, Math.min(calculatedMinZoomRatio, MAX_ZOOM_RATIO));
+            const finalMinZoomRatio = Math.max(1, Math.min(calculatedMinZoomRatio, maxZoomRatio));
             // 4. Apply zoom ratio (clamp between min and max)
-            const clampedZoomRatio = Math.max(finalMinZoomRatio, Math.min(zoomRatio, MAX_ZOOM_RATIO));
+            const clampedZoomRatio = Math.max(finalMinZoomRatio, Math.min(zoomRatio, maxZoomRatio));
             const zoomMultiplier = clampedZoomRatio / 100;
             // 5. Calculate finalScale
             // finalScale = widthScale * zoomMultiplier
@@ -6630,7 +6701,7 @@ const useScaleCalculation = (props) => {
             setIsScaledToFit(isCurrentlyFitted);
             setMinZoomRatio(finalMinZoomRatio);
         }
-    }, [containerWidth, containerHeight, contentWidth, contentHeight, zoomRatio]);
+    }, [containerWidth, containerHeight, contentWidth, contentHeight, zoomRatio, maxZoomRatio]);
     useEffect(() => {
         calculateScaleResult();
     }, [calculateScaleResult]);
@@ -7765,7 +7836,7 @@ VizAreaClick.displayName = 'VizAreaClick';
 const RankBadgeComponent = ({ index, hash, elementRect, widthScale, show = true, clickOnElement, }) => {
     const clickedHash = useHeatmapClick((s) => s.selectedElement?.hash);
     const isShow = !!show && clickedHash !== hash;
-    if (!isShow)
+    if (!isShow || !ELM_CALLOUT_CONFIG.SHOW_RANK_BADGE)
         return null;
     const style = calculateRankPosition(elementRect, widthScale);
     return (jsx("div", { className: "gx-hm-rank-badge", style: style, onClick: clickOnElement, children: index }));
@@ -7839,10 +7910,17 @@ const useAnchorPosition = (calloutRef, props) => {
         const calloutElm = calloutRef.current;
         if (!targetElm || !calloutElm)
             return;
+        const onSetPosition = (position) => {
+            setPosition((prev) => {
+                if (prev.top === position.top && prev.left === position.left)
+                    return prev;
+                return position;
+            });
+        };
         const positionFn = calcCalloutPosition({
             targetElm,
             calloutElm,
-            setPosition,
+            setPosition: onSetPosition,
             alignment,
             positionMode,
             visualRef,
@@ -8025,7 +8103,7 @@ const ElementCalloutOverlay = (props) => {
 ElementCalloutOverlay.displayName = 'ElementCalloutOverlay';
 
 const ElementOverlayComponent = (props) => {
-    const { type, element, onClick, elementId } = props;
+    const { type, element, onClick, elementId, hideOutline } = props;
     const widthScale = useHeatmapViz((s) => s.widthScale);
     const viewportHeight = useHeatmapVizRect((s) => s.iframeHeight);
     const viewportWidth = useHeatmapConfigStore((s) => s.width);
@@ -8045,7 +8123,7 @@ const ElementOverlayComponent = (props) => {
     const isHovered = type === 'hovered';
     const badgeWidthScale = isHovered ? 1 : widthScale;
     const showCallout = !!element?.mousePosition && !isHovered;
-    return (jsxs(Fragment$1, { children: [jsx("div", { onClick: onClick, className: `heatmapElement heatmapElement--${type}`, id: elementId, style: overlayStyle, children: showCallout && jsx(ElementCalloutOverlay, { ...props }) }), jsx(BackdropCanvas, { activeElement: overlayStyle, viewportWidth: viewportWidth, viewportHeight: viewportHeight, show: !isHovered }), jsx(RankBadge, { hash: element.hash, show: isHovered, index: element.rank, elementRect: element, widthScale: badgeWidthScale, clickOnElement: onClick })] }));
+    return (jsxs(Fragment$1, { children: [jsx("div", { onClick: onClick, className: `heatmapElement heatmapElement--${type} ${hideOutline ? 'heatmapElement--hide-outline' : ''}`, id: elementId, style: overlayStyle, children: showCallout && jsx(ElementCalloutOverlay, { ...props }) }), jsx(BackdropCanvas, { activeElement: overlayStyle, viewportWidth: viewportWidth, viewportHeight: viewportHeight, show: !isHovered }), jsx(RankBadge, { hash: element.hash, show: isHovered, index: element.rank, elementRect: element, widthScale: badgeWidthScale, clickOnElement: onClick })] }));
 };
 ElementOverlayComponent.displayName = 'ElementOverlay';
 const ElementOverlay = memo(ElementOverlayComponent);
@@ -8069,6 +8147,7 @@ const ElementCalloutClicked = memo(ElementCalloutClickedComponent);
 const HoveredElementOverlayComponent = ({ onClick }) => {
     const viewId = useViewIdContext();
     const hoveredElement = useHeatmapHover((s) => s.hoveredElement);
+    const clickedElement = useHeatmapClick((s) => s.selectedElement);
     const handleClick = (event) => {
         if (onClick) {
             onClick(event, hoveredElement?.hash ?? '');
@@ -8077,7 +8156,8 @@ const HoveredElementOverlayComponent = ({ onClick }) => {
     if (!hoveredElement)
         return null;
     const elementId = getHoveredElementId(viewId, false);
-    return (jsx(Fragment$1, { children: jsx(ElementOverlay, { type: "hovered", element: hoveredElement, elementId: elementId, onClick: handleClick }) }));
+    const hideOutline = clickedElement?.hash === hoveredElement?.hash && ELM_CALLOUT_CONFIG.HIDE_OUTLINE_ON_CLICKED;
+    return (jsx(Fragment$1, { children: jsx(ElementOverlay, { type: "hovered", element: hoveredElement, elementId: elementId, onClick: handleClick, hideOutline: hideOutline }) }));
 };
 const HoveredElementOverlay = memo(HoveredElementOverlayComponent);
 
@@ -8095,22 +8175,16 @@ const HeatmapElements = (props) => {
     const viewId = useViewIdContext();
     const iframeHeight = useHeatmapVizRect((s) => s.iframeHeight);
     const elementCalloutRef = useRef(null);
-    const { iframeDimensions, isVisible = true, areDefaultRanksHidden, positionMode } = props;
-    const { getRect } = useHeatmapElementPosition({
-        iframeRef: props.iframeRef,
-        wrapperRef: props.wrapperRef,
-        visualizer: props.visualizer,
-    });
-    const { handleMouseMove, handleMouseLeave, handleClick } = useHoveredElement({
-        iframeRef: props.iframeRef,
-        getRect,
-    });
-    useElementCalloutVisible({ visualRef: props.visualRef, getRect, positionMode });
+    const { iframeDimensions, positionMode } = props;
+    const { visualRef, iframeRef, wrapperRef, visualizer } = props;
+    const { isVisible = true, isSecondary, isHideTopRank } = props;
+    const { getRect } = useHeatmapElementPosition({ iframeRef, wrapperRef, visualizer });
+    const { handleMouseMove, handleMouseLeave, handleClick } = useHoveredElement({ iframeRef, getRect });
+    useElementCalloutVisible({ visualRef, getRect, positionMode });
     useHeatmapEffects({ isVisible });
-    useRenderCount('HeatmapElements');
     if (!isVisible)
         return null;
-    return (jsxs("div", { id: `gx-hm-elements-${viewId}`, ref: elementCalloutRef, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, className: "gx-hm-elements", style: { ...iframeDimensions, height: `${iframeHeight}px` }, children: [jsx(DefaultRankBadges, { getRect: getRect, hidden: areDefaultRanksHidden }), jsx(ElementCalloutClicked, { visualRef: props.visualRef, positionMode: props.positionMode, getRect: getRect, isSecondary: props.isSecondary, containerRef: elementCalloutRef }), jsx(ElementCalloutHovered, { visualRef: props.visualRef, onClick: handleClick, isSecondary: props.isSecondary, positionMode: props.positionMode })] }));
+    return (jsxs("div", { id: `gx-hm-elements-${viewId}`, ref: elementCalloutRef, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, className: "gx-hm-elements", style: { ...iframeDimensions, height: `${iframeHeight}px` }, children: [jsx(DefaultRankBadges, { getRect: getRect, hidden: isHideTopRank }), jsx(ElementCalloutClicked, { visualRef: visualRef, positionMode: positionMode, getRect: getRect, isSecondary: isSecondary, containerRef: elementCalloutRef }), jsx(ElementCalloutHovered, { visualRef: visualRef, onClick: handleClick, isSecondary: isSecondary, positionMode: positionMode })] }));
 };
 
 const VizElements = ({ iframeRef, visualRef, wrapperRef }) => {
@@ -8127,7 +8201,7 @@ const VizElements = ({ iframeRef, visualRef, wrapperRef }) => {
     // useRenderCount('VizElements');
     if (!iframeRef.current)
         return null;
-    return (jsx(HeatmapElements, { visualizer: visualizer, visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef, heatmapInfo: dataInfo, isVisible: true, positionMode: DEFAULT_POSITION_MODE, areDefaultRanksHidden: true, iframeDimensions: {
+    return (jsx(HeatmapElements, { visualizer: visualizer, visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef, heatmapInfo: dataInfo, isVisible: true, positionMode: DEFAULT_POSITION_MODE, isHideTopRank: true, iframeDimensions: {
             width: contentWidth,
             position: 'absolute',
             top: 0,
@@ -8572,4 +8646,4 @@ const HeatmapLayout = ({ data, clickmap, clickAreas, scrollmap, controls, dataIn
     }
 };
 
-export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapViz, useHeatmapVizRect, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };
+export { BACKDROP_CONFIG, DEFAULT_SIDEBAR_WIDTH, DEFAULT_VIEW_ID, DEFAULT_ZOOM_RATIO, ELM_CALLOUT_CONFIG, GraphView, HEATMAP_CONFIG, HEATMAP_IFRAME, HEATMAP_STYLE, HeatmapLayout, IClickMode, IClickType, IHeatmapType, IScrollType, ViewIdContext, Z_INDEX, compareViewPerformance, convertViewportToIframeCoords, createStorePerformanceTracker, downloadPerformanceReport, getCompareViewId, getMetricsByViewId, getPerformanceReportJSON, getScrollGradientColor, performanceLogger, printPerformanceSummary, scrollToElementIfNeeded, sendPerformanceReport, serializeAreas, trackStoreAction, useAreaCreation, useAreaEditMode, useAreaFilterVisible, useAreaHydration, useAreaInteraction, useAreaPositionsUpdater, useAreaRectSync, useAreaRendererContainer, useAreaTopAutoDetect, useClickedElement, useDebounceCallback, useElementCalloutVisible, useHeatmapAreaClick, useHeatmapCanvas, useHeatmapClick, useHeatmapCompareStore, useHeatmapConfigStore, useHeatmapCopyView, useHeatmapData, useHeatmapEffects, useHeatmapElementPosition, useHeatmapHover, useHeatmapLiveStore, useHeatmapRenderByMode, useHeatmapScale, useHeatmapScroll, useHeatmapViz, useHeatmapVizRect, useHoveredElement, useIframeHeight, useIframeHeightProcessor, useMeasureFunction, useRegisterConfig, useRegisterControl, useRegisterData, useRegisterHeatmap, useRenderCount, useScrollmapZones, useTrackHookCall, useViewIdContext, useVizLiveRender, useWhyDidYouUpdate, useWrapperRefHeight, useZonePositions, withPerformanceTracking };

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

@@ -2,11 +2,13 @@ export interface IHeatmapVizStore {
     isRenderViz: Map<string, boolean>;
     zoomRatio: Map<string, number>;
     minZoomRatio: Map<string, number>;
+    maxZoomRatio: Map<string, number>;
     scale: Map<string, number>;
     isScaledToFit: Map<string, boolean>;
     setIsRenderViz: (isRenderViz: boolean, viewId?: string) => void;
     setZoomRatio: (zoomRatio: number, viewId?: string) => void;
     setMinZoomRatio: (minZoomRatio: number, viewId?: string) => void;
+    setMaxZoomRatio: (maxZoomRatio: number, viewId?: string) => void;
     setScale: (scale: number, viewId?: string) => void;
     setIsScaledToFit: (isScaledToFit: boolean, viewId?: string) => void;
     copyView: (fromViewId: string, toViewId: string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"viz.d.ts","sourceRoot":"","sources":["../../src/stores/viz.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAE/B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAGpC,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpE,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;EAoG9B,CAAC"}
+{"version":3,"file":"viz.d.ts","sourceRoot":"","sources":["../../src/stores/viz.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAE/B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAGpC,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpE,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGpC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;EA4G9B,CAAC"}

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

@@ -14,6 +14,10 @@ export interface IViewportDimensions {
     width: number;
     height: number;
 }
+export interface IVisualDomViewport extends IViewportDimensions {
+    scrollTop: number;
+    scrollLeft: number;
+}
 export interface ICalloutRect {
     width: number;
     height: number;
@@ -40,6 +44,7 @@ export interface IPositionCandidate extends IPositionCandidateBase {
     placement: ICalloutPlacement;
     horizontalAlign: IHorizontalAlignment;
     valid: boolean;
+    isVisibleInViewport?: boolean;
 }
 export interface IPositionCandidateOffset {
     x: number;
@@ -48,6 +53,7 @@ export interface IPositionCandidateOffset {
 export interface IPositionCandidateOption {
     rectDimensions: IRectDimensions;
     viewport: IViewportDimensions;
+    visualViewport?: IVisualDomViewport;
     alignment: IHorizontalAlignment;
     offset: IPositionCandidateOffset;
     padding: number;

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,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,YAAY;IAC3B,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,YAAY,CAAC;CAC3B;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,UAAU,EAAE,MAAM,CAAC;IACnB,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,WAAW,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD"}
+{"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,kBAAmB,SAAQ,mBAAmB;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,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,YAAY,CAAC;CAC3B;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;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;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,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,SAAS,EAAE,oBAAoB,CAAC;IAChC,MAAM,EAAE,wBAAwB,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,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,WAAW,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD"}

package/dist/style.css

@@ -60,16 +60,21 @@
 
 .heatmapElement {
   position: absolute;
-  border: 1px solid white;
-  outline: 1px solid #0078d4;
+
   transition: opacity 0.15s ease-out;
 }
 
 .heatmapElement--hovered {
   cursor: pointer;
+  /* border: 2px solid white; */
+  outline: 2px dashed #005BD3;
   animation: heatmap-element-fade-in 0.2s ease-out;
 }
 
+.heatmapElement--hide-outline {
+  outline: none !important;
+}
+
 .heatmapElement--clicked {
   cursor: auto;
   animation: heatmap-element-fade-in 0.2s ease-out;
@@ -166,4 +171,4 @@
   }
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZXMvc3R5bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qID09PT09PT09PT09PT09PT09IEdsb2JhbCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1kaXZpZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWlubGluZS1lbmQge1xuICBib3JkZXItaW5saW5lLWVuZC13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBib3JkZXItaW5saW5lLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWlubGluZS1lbmQtc3R5bGU6IHNvbGlkO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWJsb2NrLWVuZCB7XG4gIGJvcmRlci1ibG9jay1lbmQtd2lkdGg6IHZhcigtLWd4LWhtLWJvcmRlci13aWR0aCwgMXB4KTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1zdHlsZTogc29saWQ7XG59XG5cbi5neC1obS1zaGFkb3cge1xuICBib3gtc2hhZG93OiAwcHggMHB4IDZweCAxcHggIzFhMWExYTMzO1xufVxuXG4vKiA9PT09PT09PT09PT09PT09PSBIZWF0bWFwIFdyYXBwZXIgQ1NTID09PT09PT09PT09PT09PT09ICovXG5cbi5neC1obS13cmFwcGVyIGlmcmFtZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICAvKiBib3JkZXI6IDFweCBzb2xpZCAjQ0NDOyAqL1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLWlmcmFtZSwgMXB4KTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAvKiBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggIzFBMUExQTEyO1xuICBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggI0NDQ0NDQzgwIGluc2V0O1xuICBib3gtc2hhZG93OiAwcHggLTFweCAwcHggMHB4ICMwMDAwMDAyQiBpbnNldDtcbiAgYm94LXNoYWRvdzogLTFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7XG4gIGJveC1zaGFkb3c6IDFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7ICovXG59XG5cbi5neC1obS13cmFwcGVyIC5neC1obS1lbGVtZW50cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMjtcbn1cblxuLmd4LWhtLXJhbmstYmFkZ2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAyOHB4O1xuICBoZWlnaHQ6IDI4cHg7XG4gIGJhY2tncm91bmQ6ICMwMDc4ZDQ7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMzJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygwcHggMS4ycHggMy42cHggcmdiYSgwLCAwLCAwLCAwLjEpKTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaGVhdG1hcEVsZW1lbnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHdoaXRlO1xuICBvdXRsaW5lOiAxcHggc29saWQgIzAwNzhkNDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjE1cyBlYXNlLW91dDtcbn1cblxuLmhlYXRtYXBFbGVtZW50LS1ob3ZlcmVkIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBhbmltYXRpb246IGhlYXRtYXAtZWxlbWVudC1mYWRlLWluIDAuMnMgZWFzZS1vdXQ7XG59XG5cbi5oZWF0bWFwRWxlbWVudC0tY2xpY2tlZCB7XG4gIGN1cnNvcjogYXV0bztcbiAgYW5pbWF0aW9uOiBoZWF0bWFwLWVsZW1lbnQtZmFkZS1pbiAwLjJzIGVhc2Utb3V0O1xufVxuXG5Aa2V5ZnJhbWVzIGhlYXRtYXAtZWxlbWVudC1mYWRlLWluIHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbi8qID09PT09PT09PT09PT09PT09IENhbGxvdXQgQ1NTID09PT09PT09PT09PT09PT09ICovXG5cbi5jbGFyaXR5LWNhbGxvdXQge1xuICAvKiBib3gtc2hhZG93OiAwIDRweCAyMHB4IHJnYmEoMCwgMCwgMCwgMC4xNSk7ICovXG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIG1heC13aWR0aDogMjgwcHg7XG4gIHdpZHRoOiAyMzBweDtcbiAgaGVpZ2h0OiAyNjNweDtcbiAgYW5pbWF0aW9uOiBjbGFyaXR5LWNhbGxvdXQtZmFkZS1pbiAwLjJzIGVhc2Utb3V0O1xuICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgLyogb3ZlcmZsb3c6IGhpZGRlbjsgKi9cbn1cblxuLmNsYXJpdHktY2FsbG91dC0tbW91c2UtZm9sbG93IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAyO1xufVxuXG5Aa2V5ZnJhbWVzIGNsYXJpdHktY2FsbG91dC1mYWRlLWluIHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICAvKiB0cmFuc2Zvcm06IHNjYWxlKDAuOTUpOyAqL1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gICAgLyogdHJhbnNmb3JtOiBzY2FsZSgxKTsgKi9cbiAgfVxufVxuXG4uY2xhcml0eS1jYWxsb3V0X19hcnJvdyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDE2cHg7XG4gIGhlaWdodDogMTZweDtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTtcbn1cblxuLyogPT09PT09PT09PT09PT09PT0gTG9hZGluZyBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1sb2FkaW5nIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45NSk7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigycHgpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgei1pbmRleDogMTA7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbn1cblxuLmd4LWhtLWxvYWRpbmctLXNwaW5uZXIge1xuICB3aWR0aDogNDhweDtcbiAgaGVpZ2h0OiA0OHB4O1xuICBib3JkZXI6IDRweCBzb2xpZCAjZjNmM2YzO1xuICBib3JkZXItdG9wOiA0cHggc29saWQgIzRmNDZlNTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW4gMXMgbGluZWFyIGluZmluaXRlO1xufVxuXG4uZ3gtaG0tbG9hZGluZy0tdGV4dCB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgY29sb3I6ICM2NjY7XG59XG5cbkBrZXlmcmFtZXMgc3BpbiB7XG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbn1cbiJdfQ== */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZXMvc3R5bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qID09PT09PT09PT09PT09PT09IEdsb2JhbCBDU1MgPT09PT09PT09PT09PT09PT0gKi9cbi5neC1obS1kaXZpZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWlubGluZS1lbmQge1xuICBib3JkZXItaW5saW5lLWVuZC13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLCAxcHgpO1xuICBib3JkZXItaW5saW5lLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWlubGluZS1lbmQtc3R5bGU6IHNvbGlkO1xufVxuXG4uZ3gtaG0tYm9yZGVyLWJsb2NrLWVuZCB7XG4gIGJvcmRlci1ibG9jay1lbmQtd2lkdGg6IHZhcigtLWd4LWhtLWJvcmRlci13aWR0aCwgMXB4KTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1jb2xvcjogdmFyKC0tZ3gtaG0tYm9yZGVyLWNvbG9yLCAjY2NjKTtcbiAgYm9yZGVyLWJsb2NrLWVuZC1zdHlsZTogc29saWQ7XG59XG5cbi5neC1obS1zaGFkb3cge1xuICBib3gtc2hhZG93OiAwcHggMHB4IDZweCAxcHggIzFhMWExYTMzO1xufVxuXG4vKiA9PT09PT09PT09PT09PT09PSBIZWF0bWFwIFdyYXBwZXIgQ1NTID09PT09PT09PT09PT09PT09ICovXG5cbi5neC1obS13cmFwcGVyIGlmcmFtZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICAvKiBib3JkZXI6IDFweCBzb2xpZCAjQ0NDOyAqL1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJvcmRlci13aWR0aDogdmFyKC0tZ3gtaG0tYm9yZGVyLXdpZHRoLWlmcmFtZSwgMXB4KTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1neC1obS1ib3JkZXItY29sb3IsICNjY2MpO1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAvKiBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggIzFBMUExQTEyO1xuICBib3gtc2hhZG93OiAwcHggMXB4IDBweCAwcHggI0NDQ0NDQzgwIGluc2V0O1xuICBib3gtc2hhZG93OiAwcHggLTFweCAwcHggMHB4ICMwMDAwMDAyQiBpbnNldDtcbiAgYm94LXNoYWRvdzogLTFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7XG4gIGJveC1zaGFkb3c6IDFweCAwcHggMHB4IDBweCAjMDAwMDAwMjEgaW5zZXQ7ICovXG59XG5cbi5neC1obS13cmFwcGVyIC5neC1obS1lbGVtZW50cyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMjtcbn1cblxuLmd4LWhtLXJhbmstYmFkZ2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAyOHB4O1xuICBoZWlnaHQ6IDI4cHg7XG4gIGJhY2tncm91bmQ6ICMwMDc4ZDQ7XG4gIGNvbG9yOiB3aGl0ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2ZmZmZmZjtcbiAgYm9yZGVyLXJhZGl1czogMzJweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygwcHggMS4ycHggMy42cHggcmdiYSgwLCAwLCAwLCAwLjEpKTtcbiAgY3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uaGVhdG1hcEVsZW1lbnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG5cbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjE1cyBlYXNlLW91dDtcbn1cblxuLmhlYXRtYXBFbGVtZW50LS1ob3ZlcmVkIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAvKiBib3JkZXI6IDJweCBzb2xpZCB3aGl0ZTsgKi9cbiAgb3V0bGluZTogMnB4IGRhc2hlZCAjMDA1QkQzO1xuICBhbmltYXRpb246IGhlYXRtYXAtZWxlbWVudC1mYWRlLWluIDAuMnMgZWFzZS1vdXQ7XG59XG5cbi5oZWF0bWFwRWxlbWVudC0taGlkZS1vdXRsaW5lIHtcbiAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG4uaGVhdG1hcEVsZW1lbnQtLWNsaWNrZWQge1xuICBjdXJzb3I6IGF1dG87XG4gIGFuaW1hdGlvbjogaGVhdG1hcC1lbGVtZW50LWZhZGUtaW4gMC4ycyBlYXNlLW91dDtcbn1cblxuQGtleWZyYW1lcyBoZWF0bWFwLWVsZW1lbnQtZmFkZS1pbiB7XG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG4vKiA9PT09PT09PT09PT09PT09PSBDYWxsb3V0IENTUyA9PT09PT09PT09PT09PT09PSAqL1xuXG4uY2xhcml0eS1jYWxsb3V0IHtcbiAgLyogYm94LXNoYWRvdzogMCA0cHggMjBweCByZ2JhKDAsIDAsIDAsIDAuMTUpOyAqL1xuICBtaW4td2lkdGg6IDIwMHB4O1xuICBtYXgtd2lkdGg6IDI4MHB4O1xuICB3aWR0aDogMjMwcHg7XG4gIGhlaWdodDogMjYzcHg7XG4gIGFuaW1hdGlvbjogY2xhcml0eS1jYWxsb3V0LWZhZGUtaW4gMC4ycyBlYXNlLW91dDtcbiAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gIC8qIG92ZXJmbG93OiBoaWRkZW47ICovXG59XG5cbi5jbGFyaXR5LWNhbGxvdXQtLW1vdXNlLWZvbGxvdyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMjtcbn1cblxuQGtleWZyYW1lcyBjbGFyaXR5LWNhbGxvdXQtZmFkZS1pbiB7XG4gIGZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgLyogdHJhbnNmb3JtOiBzY2FsZSgwLjk1KTsgKi9cbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIC8qIHRyYW5zZm9ybTogc2NhbGUoMSk7ICovXG4gIH1cbn1cblxuLmNsYXJpdHktY2FsbG91dF9fYXJyb3cge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDE2cHg7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG59XG5cbi8qID09PT09PT09PT09PT09PT09IExvYWRpbmcgQ1NTID09PT09PT09PT09PT09PT09ICovXG4uZ3gtaG0tbG9hZGluZyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAwO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuOTUpO1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoMnB4KTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHotaW5kZXg6IDEwO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG59XG5cbi5neC1obS1sb2FkaW5nLS1zcGlubmVyIHtcbiAgd2lkdGg6IDQ4cHg7XG4gIGhlaWdodDogNDhweDtcbiAgYm9yZGVyOiA0cHggc29saWQgI2YzZjNmMztcbiAgYm9yZGVyLXRvcDogNHB4IHNvbGlkICM0ZjQ2ZTU7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYW5pbWF0aW9uOiBzcGluIDFzIGxpbmVhciBpbmZpbml0ZTtcbn1cblxuLmd4LWhtLWxvYWRpbmctLXRleHQge1xuICBtYXJnaW4tdG9wOiAxNnB4O1xuICBmb250LXNpemU6IDE0cHg7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGNvbG9yOiAjNjY2O1xufVxuXG5Aa2V5ZnJhbWVzIHNwaW4ge1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG59XG4iXX0= */

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

@@ -2,6 +2,7 @@ import type { ElementInfo } from '../../types';
 export interface ElementOverlayProps {
     type: 'hovered' | 'clicked';
     element: ElementInfo | null;
+    hideOutline?: boolean;
     elementId: string;
     containerRef?: React.RefObject<HTMLDivElement>;
     onClick?: (event?: React.MouseEvent<HTMLDivElement>) => void;

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;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"}
+{"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,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC9D;AA2DD,eAAO,MAAM,cAAc,2DAAgC,CAAC"}

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

@@ -5,7 +5,7 @@ interface HeatmapElementsProps {
     visualizer?: WebVisualizer;
     isVisible?: boolean;
     iframeDimensions?: React.CSSProperties;
-    areDefaultRanksHidden?: boolean;
+    isHideTopRank?: boolean;
     isSecondary?: boolean;
     positionMode?: ICalloutPositionMode;
     iframeRef: React.RefObject<HTMLIFrameElement>;

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,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"}
+{"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;AAe7D,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,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,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,CAgD1D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"HoveredElementOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HoveredElementOverlay.tsx"],"names":[],"mappings":"AAMA,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7E;AAuBD,eAAO,MAAM,qBAAqB,kEAAuC,CAAC"}
+{"version":3,"file":"HoveredElementOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/HoveredElementOverlay.tsx"],"names":[],"mappings":"AAOA,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7E;AA+BD,eAAO,MAAM,qBAAqB,kEAAuC,CAAC"}

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;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"}
+{"version":3,"file":"RankBadge.d.ts","sourceRoot":"","sources":["../../../src/components/VizElement/RankBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/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

@@ -14,7 +14,7 @@ export declare const BACKDROP_CONFIG: {
      * Default cutout expansion (pixels)
      * Adds padding around the active element cutout
      */
-    readonly CUTOUT_EXPANSION: 2;
+    readonly CUTOUT_EXPANSION: 0;
     /**
      * Z-index for backdrop canvas
      */

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

@@ -0,0 +1,6 @@
+export declare const ELM_CALLOUT_CONFIG: {
+    readonly MOUSE_POSITION: true;
+    readonly SHOW_RANK_BADGE: false;
+    readonly HIDE_OUTLINE_ON_CLICKED: true;
+};
+//# sourceMappingURL=elm-callout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elm-callout.d.ts","sourceRoot":"","sources":["../../src/configs/elm-callout.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC"}

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

@@ -1,6 +1,8 @@
 export * from './backdrop';
+export * from './elm-callout';
 export * from './iframe';
 export * from './style';
 export * from './viewId';
 export * from './z-index';
+export * from './zoom';
 //# sourceMappingURL=index.d.ts.map

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,YAAY,CAAC;AAC3B,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,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,6 @@
+export declare const DEFAULT_ZOOM_RATIO: {
+    DEFAULT: number;
+    MIN: number;
+    MAX: number;
+};
+//# sourceMappingURL=zoom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../src/configs/zoom.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAC"}

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

@@ -1,3 +1,4 @@
-import type { ElementRect } from '../../types';
+import type { ElementRect, IVisualDomViewport } from '../../types';
 export declare function isElementInViewport(elementRect: ElementRect, visualRef: React.RefObject<HTMLDivElement>, scale: number): boolean;
+export declare function isElementRectInViewport(elementRect: ElementRect, visualRect: IVisualDomViewport, scale: number): boolean;
 //# sourceMappingURL=element.d.ts.map

package/dist/umd/helpers/viewport/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/helpers/viewport/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,KAAK,EAAE,MAAM,GACZ,OAAO,CAqBT"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/helpers/viewport/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEnE,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,KAAK,EAAE,MAAM,GACZ,OAAO,CAqBT;AAED,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,MAAM,GACZ,OAAO,CAuBT"}

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

@@ -1,5 +1,6 @@
-import type { IRectDimensions, IViewportDimensions } from '../../types';
-export declare const getViewportDimensions: (containerElm?: HTMLElement | null, _scale?: number) => IViewportDimensions;
+import type { IRectDimensions, IViewportDimensions, IVisualDomViewport } from '../../types';
+export declare const getContainerViewport: (containerElm?: HTMLElement | null, _scale?: number) => IViewportDimensions;
+export declare const getVisualDomViewport: (visualDomElm?: HTMLElement | null, scale?: number) => IVisualDomViewport;
 interface IElementDimensionsOptions {
     targetElm: Element;
     calloutElm: HTMLElement;

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,EAAgB,eAAe,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAItF,eAAO,MAAM,qBAAqB,GAAI,eAAe,WAAW,GAAG,IAAI,EAAE,SAAS,MAAM,KAAG,mBAY1F,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,eAqCzE,CAAC"}
+{"version":3,"file":"dimensions.d.ts","sourceRoot":"","sources":["../../../src/helpers/viz-elm-callout/dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,eAAe,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAI1G,eAAO,MAAM,oBAAoB,GAAI,eAAe,WAAW,GAAG,IAAI,EAAE,SAAS,MAAM,KAAG,mBAYzF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,eAAe,WAAW,GAAG,IAAI,EAAE,cAAS,KAAG,kBAkBnF,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,eAqCzE,CAAC"}

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

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

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,EACV,iCAAiC,EACjC,yBAAyB,EAK1B,MAAM,aAAa,CAAC;AAkErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAgDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAiEnF,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;AAkErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAkDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAiEnF,CAAC"}

package/dist/umd/hooks/view-context/useHeatmapViz.d.ts

@@ -2,6 +2,7 @@ interface IHeatmapVizState {
     isRenderViz: boolean;
     zoomRatio: number;
     minZoomRatio: number;
+    maxZoomRatio: number;
     widthScale: number;
     isScaledToFit: boolean;
 }
@@ -9,6 +10,7 @@ interface IHeatmapVizActions {
     setIsRenderViz: (value: boolean) => void;
     setZoomRatio: (value: number) => void;
     setMinZoomRatio: (value: number) => void;
+    setMaxZoomRatio: (value: number) => void;
     setScale: (value: number) => void;
     setIsScaledToFit: (value: boolean) => void;
 }

package/dist/umd/hooks/view-context/useHeatmapViz.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeatmapViz.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapViz.ts"],"names":[],"mappings":"AASA,UAAU,gBAAgB;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAMtE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,aAAa;;;;;;;CAkBxB,CAAC"}
+{"version":3,"file":"useHeatmapViz.d.ts","sourceRoot":"","sources":["../../../src/hooks/view-context/useHeatmapViz.ts"],"names":[],"mappings":"AAUA,UAAU,gBAAgB;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAMtE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,aAAa;;;;;;;CAoBxB,CAAC"}