@gemx-dev/heatmap-react 3.5.92-dev.26 → 3.5.92-dev.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/helpers/viz-elm-callout/viz-elm.d.ts +2 -1
- package/dist/esm/helpers/viz-elm-callout/viz-elm.d.ts.map +1 -1
- package/dist/esm/index.js +35 -10
- package/dist/esm/index.mjs +35 -10
- package/dist/esm/libs/iframe-processor/processors/height-observer/index.d.ts.map +1 -1
- package/dist/esm/libs/iframe-processor/processors/viewport/pipeline.d.ts.map +1 -1
- package/dist/esm/libs/visualizer/GXVisualizer.d.ts.map +1 -1
- package/dist/esm/types/viz-elm-callout.d.ts +24 -0
- package/dist/esm/types/viz-elm-callout.d.ts.map +1 -1
- package/dist/umd/helpers/viz-elm-callout/viz-elm.d.ts +2 -1
- package/dist/umd/helpers/viz-elm-callout/viz-elm.d.ts.map +1 -1
- package/dist/umd/index.js +2 -2
- package/dist/umd/libs/iframe-processor/processors/height-observer/index.d.ts.map +1 -1
- package/dist/umd/libs/iframe-processor/processors/viewport/pipeline.d.ts.map +1 -1
- package/dist/umd/libs/visualizer/GXVisualizer.d.ts.map +1 -1
- package/dist/umd/types/viz-elm-callout.d.ts +24 -0
- package/dist/umd/types/viz-elm-callout.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { ICalcCalloutPositionAbsoluteProps, ICalcCalloutPositionProps } from '../../types';
|
|
1
|
+
import type { ICalcCalloutPositionAbsoluteProps, ICalcCalloutPositionProps, ICalcPositionDetailProps, IPositionDetail } from '../../types';
|
|
2
2
|
export declare const calcCalloutPosition: (options: ICalcCalloutPositionProps) => () => void;
|
|
3
3
|
export declare const calcCalloutPositionAbsolute: (props: ICalcCalloutPositionAbsoluteProps) => void;
|
|
4
|
+
export declare const calcPositionDetail: ({ element, widthScale, visualRef }: ICalcPositionDetailProps) => IPositionDetail;
|
|
4
5
|
//# sourceMappingURL=viz-elm.d.ts.map
|
|
@@ -1 +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,
|
|
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,EACzB,wBAAwB,EAIxB,eAAe,EAGhB,MAAM,aAAa,CAAC;AAgErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAkDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAiEnF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oCAAoC,wBAAwB,KAAG,eAgCjG,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -4286,7 +4286,7 @@ function setup(doc, onChange) {
|
|
|
4286
4286
|
function readCurrentHeight(s) {
|
|
4287
4287
|
if (!s.iframe?.contentDocument || !s.iframe?.contentWindow)
|
|
4288
4288
|
return 0;
|
|
4289
|
-
const height = getFinalHeight(s.iframe.contentDocument,
|
|
4289
|
+
const height = getFinalHeight(s.iframe.contentDocument, false);
|
|
4290
4290
|
s.logger.log('Height:', height);
|
|
4291
4291
|
return height;
|
|
4292
4292
|
}
|
|
@@ -4380,8 +4380,14 @@ function attachObserver(s) {
|
|
|
4380
4380
|
return;
|
|
4381
4381
|
}
|
|
4382
4382
|
s.observerCleanup?.();
|
|
4383
|
-
|
|
4384
|
-
s.logger.log('Initial height:',
|
|
4383
|
+
const height = readCurrentHeight(s);
|
|
4384
|
+
s.logger.log('Initial height:', height);
|
|
4385
|
+
if (hasHeightChanged(s, height)) {
|
|
4386
|
+
processHeightChange(s, height);
|
|
4387
|
+
}
|
|
4388
|
+
else {
|
|
4389
|
+
s.lastHeight = height;
|
|
4390
|
+
}
|
|
4385
4391
|
s.observerCleanup = setup(s.iframe.contentDocument, () => handleHeightChange(s));
|
|
4386
4392
|
}
|
|
4387
4393
|
function detachObserver(s) {
|
|
@@ -5258,7 +5264,8 @@ async function runTracked(label, fn) {
|
|
|
5258
5264
|
await fn();
|
|
5259
5265
|
perf$3.measure(label, t);
|
|
5260
5266
|
}
|
|
5261
|
-
async function runPhase(
|
|
5267
|
+
async function runPhase(ctx, options) {
|
|
5268
|
+
const { phaseKey, methodName, entries } = options;
|
|
5262
5269
|
await runTracked(`${phaseKey}.${methodName}`, async () => {
|
|
5263
5270
|
for (const { name, fn } of entries) {
|
|
5264
5271
|
logger.log(`[${methodName}] ${name}`);
|
|
@@ -5293,9 +5300,25 @@ function resolveFirstDimensions(ctx, candidates) {
|
|
|
5293
5300
|
}
|
|
5294
5301
|
// ── Pipeline ──────────────────────────────────────────────────────────────────
|
|
5295
5302
|
async function run$1(ctx, activeGlobal, shopFix) {
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5303
|
+
// [Phase 1]: beforeProcess (global → shop)
|
|
5304
|
+
const beforeGlobalEntries = collectGlobalEntries(activeGlobal, 'beforeProcess');
|
|
5305
|
+
const beforeShopEntries = shopEntry(shopFix, 'beforeProcess');
|
|
5306
|
+
await runPhase(ctx, {
|
|
5307
|
+
phaseKey: 'phase1',
|
|
5308
|
+
methodName: 'beforeProcess',
|
|
5309
|
+
entries: [...beforeGlobalEntries, ...beforeShopEntries],
|
|
5310
|
+
});
|
|
5311
|
+
// [Phase 2]: process (global fixes)
|
|
5312
|
+
const processGlobalEntries = collectGlobalEntries(activeGlobal, 'process');
|
|
5313
|
+
await runPhase(ctx, { phaseKey: 'phase2', methodName: 'process', entries: [...processGlobalEntries] });
|
|
5314
|
+
// [Phase 3]: afterProcess (shop → global)
|
|
5315
|
+
const afterShopEntries = shopEntry(shopFix, 'afterProcess');
|
|
5316
|
+
const afterGlobalEntries = collectGlobalEntries(activeGlobal, 'afterProcess');
|
|
5317
|
+
await runPhase(ctx, {
|
|
5318
|
+
phaseKey: 'phase3',
|
|
5319
|
+
methodName: 'afterProcess',
|
|
5320
|
+
entries: [...afterShopEntries, ...afterGlobalEntries],
|
|
5321
|
+
});
|
|
5299
5322
|
const t4 = perf$3.mark('phase4.getDimensions');
|
|
5300
5323
|
await waitForAnimationFrame();
|
|
5301
5324
|
const dimensions = resolveFirstDimensions(ctx, [
|
|
@@ -6606,7 +6629,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6606
6629
|
try {
|
|
6607
6630
|
await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
|
|
6608
6631
|
doc.open();
|
|
6609
|
-
doc.
|
|
6632
|
+
doc.writeln(cached.html);
|
|
6610
6633
|
doc.close();
|
|
6611
6634
|
const process = async () => {
|
|
6612
6635
|
this.layout.hydrate(doc);
|
|
@@ -6633,6 +6656,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6633
6656
|
const merged = this.mergeForHtml(decoded);
|
|
6634
6657
|
await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
|
|
6635
6658
|
await this.renderLoop(this, { events: merged.events, target, useproxy });
|
|
6659
|
+
// if (hasVoidContainerChildren(target.document)) return this;
|
|
6636
6660
|
const timestamp = Date.now();
|
|
6637
6661
|
const version = decoded[0].envelope.version;
|
|
6638
6662
|
const html = target.document.documentElement.outerHTML;
|
|
@@ -6644,6 +6668,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6644
6668
|
catch (e) {
|
|
6645
6669
|
if (logerror)
|
|
6646
6670
|
logerror(e);
|
|
6671
|
+
console.log(`[BuildHtmlForCache] Error:`, e);
|
|
6647
6672
|
}
|
|
6648
6673
|
return this;
|
|
6649
6674
|
};
|
|
@@ -8774,7 +8799,7 @@ const VizDomRenderer = ({ mode }) => {
|
|
|
8774
8799
|
const viewId = useViewIdContext();
|
|
8775
8800
|
const viewport = useHeatmapViewportByDevice();
|
|
8776
8801
|
const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
|
|
8777
|
-
const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
|
|
8802
|
+
// const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
|
|
8778
8803
|
const wrapperRef = useRef(null);
|
|
8779
8804
|
const visualRef = useRef(null);
|
|
8780
8805
|
const { iframeRef } = useHeatmapRenderDom();
|
|
@@ -8785,7 +8810,7 @@ const VizDomRenderer = ({ mode }) => {
|
|
|
8785
8810
|
const scrollTop = e.currentTarget.scrollTop;
|
|
8786
8811
|
handleScroll(scrollTop);
|
|
8787
8812
|
};
|
|
8788
|
-
return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height:
|
|
8813
|
+
return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: viewport.height }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
|
|
8789
8814
|
};
|
|
8790
8815
|
|
|
8791
8816
|
const VizLoading = () => {
|
package/dist/esm/index.mjs
CHANGED
|
@@ -4286,7 +4286,7 @@ function setup(doc, onChange) {
|
|
|
4286
4286
|
function readCurrentHeight(s) {
|
|
4287
4287
|
if (!s.iframe?.contentDocument || !s.iframe?.contentWindow)
|
|
4288
4288
|
return 0;
|
|
4289
|
-
const height = getFinalHeight(s.iframe.contentDocument,
|
|
4289
|
+
const height = getFinalHeight(s.iframe.contentDocument, false);
|
|
4290
4290
|
s.logger.log('Height:', height);
|
|
4291
4291
|
return height;
|
|
4292
4292
|
}
|
|
@@ -4380,8 +4380,14 @@ function attachObserver(s) {
|
|
|
4380
4380
|
return;
|
|
4381
4381
|
}
|
|
4382
4382
|
s.observerCleanup?.();
|
|
4383
|
-
|
|
4384
|
-
s.logger.log('Initial height:',
|
|
4383
|
+
const height = readCurrentHeight(s);
|
|
4384
|
+
s.logger.log('Initial height:', height);
|
|
4385
|
+
if (hasHeightChanged(s, height)) {
|
|
4386
|
+
processHeightChange(s, height);
|
|
4387
|
+
}
|
|
4388
|
+
else {
|
|
4389
|
+
s.lastHeight = height;
|
|
4390
|
+
}
|
|
4385
4391
|
s.observerCleanup = setup(s.iframe.contentDocument, () => handleHeightChange(s));
|
|
4386
4392
|
}
|
|
4387
4393
|
function detachObserver(s) {
|
|
@@ -5258,7 +5264,8 @@ async function runTracked(label, fn) {
|
|
|
5258
5264
|
await fn();
|
|
5259
5265
|
perf$3.measure(label, t);
|
|
5260
5266
|
}
|
|
5261
|
-
async function runPhase(
|
|
5267
|
+
async function runPhase(ctx, options) {
|
|
5268
|
+
const { phaseKey, methodName, entries } = options;
|
|
5262
5269
|
await runTracked(`${phaseKey}.${methodName}`, async () => {
|
|
5263
5270
|
for (const { name, fn } of entries) {
|
|
5264
5271
|
logger.log(`[${methodName}] ${name}`);
|
|
@@ -5293,9 +5300,25 @@ function resolveFirstDimensions(ctx, candidates) {
|
|
|
5293
5300
|
}
|
|
5294
5301
|
// ── Pipeline ──────────────────────────────────────────────────────────────────
|
|
5295
5302
|
async function run$1(ctx, activeGlobal, shopFix) {
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5303
|
+
// [Phase 1]: beforeProcess (global → shop)
|
|
5304
|
+
const beforeGlobalEntries = collectGlobalEntries(activeGlobal, 'beforeProcess');
|
|
5305
|
+
const beforeShopEntries = shopEntry(shopFix, 'beforeProcess');
|
|
5306
|
+
await runPhase(ctx, {
|
|
5307
|
+
phaseKey: 'phase1',
|
|
5308
|
+
methodName: 'beforeProcess',
|
|
5309
|
+
entries: [...beforeGlobalEntries, ...beforeShopEntries],
|
|
5310
|
+
});
|
|
5311
|
+
// [Phase 2]: process (global fixes)
|
|
5312
|
+
const processGlobalEntries = collectGlobalEntries(activeGlobal, 'process');
|
|
5313
|
+
await runPhase(ctx, { phaseKey: 'phase2', methodName: 'process', entries: [...processGlobalEntries] });
|
|
5314
|
+
// [Phase 3]: afterProcess (shop → global)
|
|
5315
|
+
const afterShopEntries = shopEntry(shopFix, 'afterProcess');
|
|
5316
|
+
const afterGlobalEntries = collectGlobalEntries(activeGlobal, 'afterProcess');
|
|
5317
|
+
await runPhase(ctx, {
|
|
5318
|
+
phaseKey: 'phase3',
|
|
5319
|
+
methodName: 'afterProcess',
|
|
5320
|
+
entries: [...afterShopEntries, ...afterGlobalEntries],
|
|
5321
|
+
});
|
|
5299
5322
|
const t4 = perf$3.mark('phase4.getDimensions');
|
|
5300
5323
|
await waitForAnimationFrame();
|
|
5301
5324
|
const dimensions = resolveFirstDimensions(ctx, [
|
|
@@ -6606,7 +6629,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6606
6629
|
try {
|
|
6607
6630
|
await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
|
|
6608
6631
|
doc.open();
|
|
6609
|
-
doc.
|
|
6632
|
+
doc.writeln(cached.html);
|
|
6610
6633
|
doc.close();
|
|
6611
6634
|
const process = async () => {
|
|
6612
6635
|
this.layout.hydrate(doc);
|
|
@@ -6633,6 +6656,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6633
6656
|
const merged = this.mergeForHtml(decoded);
|
|
6634
6657
|
await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
|
|
6635
6658
|
await this.renderLoop(this, { events: merged.events, target, useproxy });
|
|
6659
|
+
// if (hasVoidContainerChildren(target.document)) return this;
|
|
6636
6660
|
const timestamp = Date.now();
|
|
6637
6661
|
const version = decoded[0].envelope.version;
|
|
6638
6662
|
const html = target.document.documentElement.outerHTML;
|
|
@@ -6644,6 +6668,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6644
6668
|
catch (e) {
|
|
6645
6669
|
if (logerror)
|
|
6646
6670
|
logerror(e);
|
|
6671
|
+
console.log(`[BuildHtmlForCache] Error:`, e);
|
|
6647
6672
|
}
|
|
6648
6673
|
return this;
|
|
6649
6674
|
};
|
|
@@ -8774,7 +8799,7 @@ const VizDomRenderer = ({ mode }) => {
|
|
|
8774
8799
|
const viewId = useViewIdContext();
|
|
8775
8800
|
const viewport = useHeatmapViewportByDevice();
|
|
8776
8801
|
const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
|
|
8777
|
-
const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
|
|
8802
|
+
// const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
|
|
8778
8803
|
const wrapperRef = useRef(null);
|
|
8779
8804
|
const visualRef = useRef(null);
|
|
8780
8805
|
const { iframeRef } = useHeatmapRenderDom();
|
|
@@ -8785,7 +8810,7 @@ const VizDomRenderer = ({ mode }) => {
|
|
|
8785
8810
|
const scrollTop = e.currentTarget.scrollTop;
|
|
8786
8811
|
handleScroll(scrollTop);
|
|
8787
8812
|
};
|
|
8788
|
-
return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height:
|
|
8813
|
+
return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: viewport.height }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
|
|
8789
8814
|
};
|
|
8790
8815
|
|
|
8791
8816
|
const VizLoading = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/height-observer/index.ts"],"names":[],"mappings":"AACA;;;GAGG;AAGH,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/height-observer/index.ts"],"names":[],"mappings":"AACA;;;GAGG;AAGH,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA8O3E,wBAAgB,oBAAoB,IAAI,qBAAqB,CAkC5D;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC;AACnD,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/viewport/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQxD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;
|
|
1
|
+
{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/viewport/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQxD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;AAiED,wBAAsB,GAAG,CACvB,GAAG,EAAE,kBAAkB,EACvB,YAAY,EAAE,SAAS,SAAS,EAAE,EAClC,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAmC5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GXVisualizer.d.ts","sourceRoot":"","sources":["../../../src/libs/visualizer/GXVisualizer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"GXVisualizer.d.ts","sourceRoot":"","sources":["../../../src/libs/visualizer/GXVisualizer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAmCzD,UAAU,qBAAsB,SAAQ,UAAU;IAChD,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACjE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACrF,SAAS,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5F,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClG;AAED,qBAAa,YAAa,SAAQ,UAAW,YAAW,qBAAqB;IAC3E,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAyB;;IAkBjD,UAAU,GAAU,OAAO,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAcnE;IAEF,UAAU,GAAU,UAAU,MAAM,EAAE,SAAS,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAmBvF;IAEF;;;;;OAKG;IACH,SAAS,GAAI,eAAe,aAAa,EAAE,EAAE,SAAS,MAAM,EAAE,qBAAmB,KAAG,IAAI,CAGtF;IAEF;;;OAGG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAG7D;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,iBAAiB,CA2BvB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,gBAAgB,CAItB;CACH"}
|
|
@@ -75,6 +75,30 @@ export interface ICalcCalloutPositionProps {
|
|
|
75
75
|
positionMode?: ICalloutPositionMode;
|
|
76
76
|
visualRef?: IHeatmapRef['Visual'] | null;
|
|
77
77
|
}
|
|
78
|
+
export type IPointCoord = {
|
|
79
|
+
x: number;
|
|
80
|
+
y: number;
|
|
81
|
+
};
|
|
82
|
+
export type ICalcPositionDetailProps = {
|
|
83
|
+
element: ElementInfo;
|
|
84
|
+
widthScale: number;
|
|
85
|
+
visualRef?: IHeatmapRef['Visual'];
|
|
86
|
+
};
|
|
87
|
+
export type IViewportInfo = {
|
|
88
|
+
width: number;
|
|
89
|
+
height: number;
|
|
90
|
+
scrollTop: number;
|
|
91
|
+
scrollLeft: number;
|
|
92
|
+
};
|
|
93
|
+
export type IPositionDetail = {
|
|
94
|
+
elementInfo: ElementInfo;
|
|
95
|
+
viewportInfo: IViewportInfo;
|
|
96
|
+
elementToIframe: IPointCoord;
|
|
97
|
+
elementToViewport: IPointCoord;
|
|
98
|
+
mouseToIframe?: IPointCoord;
|
|
99
|
+
mouseToElement?: IPointCoord;
|
|
100
|
+
mouseToViewport?: IPointCoord;
|
|
101
|
+
};
|
|
78
102
|
export interface ICalcCalloutPositionAbsoluteProps {
|
|
79
103
|
widthScale: number;
|
|
80
104
|
padding?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"viz-elm-callout.d.ts","sourceRoot":"","sources":["../../src/types/viz-elm-callout.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"viz-elm-callout.d.ts","sourceRoot":"","sources":["../../src/types/viz-elm-callout.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { ICalcCalloutPositionAbsoluteProps, ICalcCalloutPositionProps } from '../../types';
|
|
1
|
+
import type { ICalcCalloutPositionAbsoluteProps, ICalcCalloutPositionProps, ICalcPositionDetailProps, IPositionDetail } from '../../types';
|
|
2
2
|
export declare const calcCalloutPosition: (options: ICalcCalloutPositionProps) => () => void;
|
|
3
3
|
export declare const calcCalloutPositionAbsolute: (props: ICalcCalloutPositionAbsoluteProps) => void;
|
|
4
|
+
export declare const calcPositionDetail: ({ element, widthScale, visualRef }: ICalcPositionDetailProps) => IPositionDetail;
|
|
4
5
|
//# sourceMappingURL=viz-elm.d.ts.map
|
|
@@ -1 +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,
|
|
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,EACzB,wBAAwB,EAIxB,eAAe,EAGhB,MAAM,aAAa,CAAC;AAgErB,eAAO,MAAM,mBAAmB,GAAI,SAAS,yBAAyB,eAkDrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,OAAO,iCAAiC,SAiEnF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oCAAoC,wBAAwB,KAAG,eAgCjG,CAAC"}
|