@klippa/ngx-enhancy-forms 14.20.3 → 14.20.5
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.
|
@@ -2389,6 +2389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
|
|
|
2389
2389
|
}] } });
|
|
2390
2390
|
|
|
2391
2391
|
const triangleSize = '12px';
|
|
2392
|
+
const zIndexStart = 99999999;
|
|
2392
2393
|
const colors = {
|
|
2393
2394
|
orange: { noAlpha: 'rgb(255, 128, 0)', withAlpha: 'rgba(255, 128, 0, 0.1254901961)' },
|
|
2394
2395
|
black: { noAlpha: 'rgb(40, 40, 40)', withAlpha: 'rgba(40, 40, 40, 0.1254901961)' },
|
|
@@ -2418,7 +2419,7 @@ class WithTooltipDirective {
|
|
|
2418
2419
|
el.nativeElement.style.position = 'relative';
|
|
2419
2420
|
}
|
|
2420
2421
|
this.div = document.createElement('div');
|
|
2421
|
-
this.div.style.zIndex =
|
|
2422
|
+
this.div.style.zIndex = `${zIndexStart + 2}`;
|
|
2422
2423
|
this.div.style.color = `${colors[this.klpWithTooltip].noAlpha}`;
|
|
2423
2424
|
this.div.style.position = 'fixed';
|
|
2424
2425
|
this.div.style.left = `${el.nativeElement.getBoundingClientRect().x}px`;
|
|
@@ -2435,7 +2436,7 @@ class WithTooltipDirective {
|
|
|
2435
2436
|
this.div.textContent = textToDisplay;
|
|
2436
2437
|
el.nativeElement.prepend(this.div);
|
|
2437
2438
|
this.triangle = document.createElement('div');
|
|
2438
|
-
this.triangle.style.zIndex =
|
|
2439
|
+
this.triangle.style.zIndex = `${zIndexStart + 1}`;
|
|
2439
2440
|
this.triangle.style.position = 'fixed';
|
|
2440
2441
|
this.triangle.style.left = `calc(${el.nativeElement.getBoundingClientRect().x + el.nativeElement.getBoundingClientRect().width}px - 2rem)`;
|
|
2441
2442
|
this.triangle.style.top = `${el.nativeElement.getBoundingClientRect().y}px`;
|
|
@@ -2447,7 +2448,7 @@ class WithTooltipDirective {
|
|
|
2447
2448
|
this.triangle.style.borderTop = `${triangleSize} solid ${colors[this.klpWithTooltip].withAlpha}`;
|
|
2448
2449
|
el.nativeElement.prepend(this.triangle);
|
|
2449
2450
|
this.triangleWhite = document.createElement('div');
|
|
2450
|
-
this.triangleWhite.style.zIndex =
|
|
2451
|
+
this.triangleWhite.style.zIndex = `${zIndexStart + 3}`;
|
|
2451
2452
|
this.triangleWhite.style.position = 'fixed';
|
|
2452
2453
|
this.triangleWhite.style.left = `calc(${el.nativeElement.getBoundingClientRect().x + el.nativeElement.getBoundingClientRect().width}px - 2rem)`;
|
|
2453
2454
|
this.triangleWhite.style.top = `${el.nativeElement.getBoundingClientRect().y}px`;
|
|
@@ -2459,7 +2460,7 @@ class WithTooltipDirective {
|
|
|
2459
2460
|
this.triangleWhite.style.borderTop = `${triangleSize} solid white`;
|
|
2460
2461
|
el.nativeElement.prepend(this.triangleWhite);
|
|
2461
2462
|
});
|
|
2462
|
-
el.nativeElement.addEventListener('
|
|
2463
|
+
el.nativeElement.addEventListener('mouseleave', () => {
|
|
2463
2464
|
try {
|
|
2464
2465
|
el.nativeElement.removeChild(this.div);
|
|
2465
2466
|
}
|