@gemx-dev/clarity-visualize 0.8.55 → 0.8.56
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.
|
@@ -975,51 +975,6 @@ var HeatmapHelper = /** @class */ (function () {
|
|
|
975
975
|
}
|
|
976
976
|
return null;
|
|
977
977
|
};
|
|
978
|
-
this.visibleV2 = function (el, r, height) {
|
|
979
|
-
var doc = _this.state.window.document;
|
|
980
|
-
var visibility = r.height > height ? true : false;
|
|
981
|
-
if (visibility === false && r.width > 0 && r.height > 0) {
|
|
982
|
-
while (!visibility && doc) {
|
|
983
|
-
var shadowElement = null;
|
|
984
|
-
var elements = doc.elementsFromPoint(r.left + (r.width / 2), r.top + (r.height / 2));
|
|
985
|
-
// Check if only dialog and HTML are returned (element is behind dialog)
|
|
986
|
-
var hasOnlyDialogAndHtml = elements.length === 2 &&
|
|
987
|
-
elements[0].tagName === 'DIALOG' &&
|
|
988
|
-
elements[1].tagName === 'HTML';
|
|
989
|
-
// If element is behind a dialog, assume it's visible
|
|
990
|
-
// (we can't check through top-layer, so trust the element exists)
|
|
991
|
-
if (hasOnlyDialogAndHtml) {
|
|
992
|
-
visibility = true;
|
|
993
|
-
break;
|
|
994
|
-
}
|
|
995
|
-
for (var _i = 0, elements_2 = elements; _i < elements_2.length; _i++) {
|
|
996
|
-
var e = elements_2[_i];
|
|
997
|
-
// Check if this is the target element BEFORE skipping dialogs
|
|
998
|
-
// This handles case where target element IS a dialog
|
|
999
|
-
if (e === el) {
|
|
1000
|
-
visibility = true;
|
|
1001
|
-
shadowElement = e.shadowRoot && e.shadowRoot != doc ? e.shadowRoot : null;
|
|
1002
|
-
break;
|
|
1003
|
-
}
|
|
1004
|
-
// Skip dialog elements - treat as transparent for checking elements behind
|
|
1005
|
-
if (e.tagName === 'DIALOG') {
|
|
1006
|
-
continue;
|
|
1007
|
-
}
|
|
1008
|
-
// Skip canvas and clarity elements
|
|
1009
|
-
if (e.tagName === "CANVAS" /* Constant.Canvas */ ||
|
|
1010
|
-
(e.id && e.id.indexOf("clarity-" /* Constant.ClarityPrefix */) === 0)) {
|
|
1011
|
-
continue;
|
|
1012
|
-
}
|
|
1013
|
-
// This is the first non-ignored element
|
|
1014
|
-
visibility = e === el;
|
|
1015
|
-
shadowElement = e.shadowRoot && e.shadowRoot != doc ? e.shadowRoot : null;
|
|
1016
|
-
break;
|
|
1017
|
-
}
|
|
1018
|
-
doc = shadowElement;
|
|
1019
|
-
}
|
|
1020
|
-
}
|
|
1021
|
-
return visibility && r.bottom >= 0 && r.top <= height;
|
|
1022
|
-
};
|
|
1023
978
|
this.state = state;
|
|
1024
979
|
this.layout = layout;
|
|
1025
980
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gemx-dev/clarity-visualize",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.56",
|
|
4
4
|
"description": "Clarity visualize",
|
|
5
5
|
"author": "Microsoft Corp.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"unpkg": "build/clarity.visualize.min.js",
|
|
10
10
|
"types": "types/index.d.ts",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@gemx-dev/clarity-decode": "^0.8.
|
|
12
|
+
"@gemx-dev/clarity-decode": "^0.8.56"
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
15
|
"@rollup/plugin-commonjs": "^24.0.0",
|
package/src/heatmap.ts
CHANGED
|
@@ -365,55 +365,55 @@ export class HeatmapHelper {
|
|
|
365
365
|
return null;
|
|
366
366
|
}
|
|
367
367
|
|
|
368
|
-
private
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
}
|
|
368
|
+
// private _visibleV2 = (el: HTMLElement, r: DOMRect, height: number): boolean => {
|
|
369
|
+
// let doc: Document | ShadowRoot = this.state.window.document;
|
|
370
|
+
// let visibility = r.height > height ? true : false;
|
|
371
|
+
// if (visibility === false && r.width > 0 && r.height > 0) {
|
|
372
|
+
// while (!visibility && doc) {
|
|
373
|
+
// let shadowElement = null;
|
|
374
|
+
// let elements = doc.elementsFromPoint(r.left + (r.width / 2), r.top + (r.height / 2));
|
|
375
|
+
|
|
376
|
+
// // Check if only dialog and HTML are returned (element is behind dialog)
|
|
377
|
+
// let hasOnlyDialogAndHtml = elements.length === 2 &&
|
|
378
|
+
// elements[0].tagName === 'DIALOG' &&
|
|
379
|
+
// elements[1].tagName === 'HTML';
|
|
380
|
+
|
|
381
|
+
// // If element is behind a dialog, assume it's visible
|
|
382
|
+
// // (we can't check through top-layer, so trust the element exists)
|
|
383
|
+
// if (hasOnlyDialogAndHtml) {
|
|
384
|
+
// visibility = true;
|
|
385
|
+
// break;
|
|
386
|
+
// }
|
|
387
|
+
|
|
388
|
+
// for (let e of elements) {
|
|
389
|
+
// // Check if this is the target element BEFORE skipping dialogs
|
|
390
|
+
// // This handles case where target element IS a dialog
|
|
391
|
+
// if (e === el) {
|
|
392
|
+
// visibility = true;
|
|
393
|
+
// shadowElement = e.shadowRoot && e.shadowRoot != doc ? e.shadowRoot : null;
|
|
394
|
+
// break;
|
|
395
|
+
// }
|
|
396
|
+
|
|
397
|
+
// // Skip dialog elements - treat as transparent for checking elements behind
|
|
398
|
+
// if (e.tagName === 'DIALOG') {
|
|
399
|
+
// continue;
|
|
400
|
+
// }
|
|
401
|
+
|
|
402
|
+
// // Skip canvas and clarity elements
|
|
403
|
+
// if (e.tagName === Constant.Canvas ||
|
|
404
|
+
// (e.id && e.id.indexOf(Constant.ClarityPrefix) === 0)) {
|
|
405
|
+
// continue;
|
|
406
|
+
// }
|
|
407
|
+
|
|
408
|
+
// // This is the first non-ignored element
|
|
409
|
+
// visibility = e === el;
|
|
410
|
+
// shadowElement = e.shadowRoot && e.shadowRoot != doc ? e.shadowRoot : null;
|
|
411
|
+
// break;
|
|
412
|
+
// }
|
|
413
|
+
|
|
414
|
+
// doc = shadowElement;
|
|
415
|
+
// }
|
|
416
|
+
// }
|
|
417
|
+
// return visibility && r.bottom >= 0 && r.top <= height;
|
|
418
|
+
// }
|
|
419
419
|
}
|