@db-ux/ngx-core-components 2.2.1 → 2.2.2
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.
|
@@ -4019,12 +4019,15 @@ class DBTooltip {
|
|
|
4019
4019
|
parent.setAttribute("aria-describedby", this._id());
|
|
4020
4020
|
}
|
|
4021
4021
|
}
|
|
4022
|
-
|
|
4023
|
-
|
|
4024
|
-
|
|
4025
|
-
this.
|
|
4026
|
-
|
|
4027
|
-
|
|
4022
|
+
if (typeof window !== "undefined" &&
|
|
4023
|
+
"IntersectionObserver" in window) {
|
|
4024
|
+
this._observer.set(new IntersectionObserver((payload) => {
|
|
4025
|
+
const entry = payload.find(({ target }) => target === this.getParent());
|
|
4026
|
+
if (entry && !entry.isIntersecting) {
|
|
4027
|
+
this.handleEscape(false);
|
|
4028
|
+
}
|
|
4029
|
+
}));
|
|
4030
|
+
}
|
|
4028
4031
|
this.initialized.set(false);
|
|
4029
4032
|
}
|
|
4030
4033
|
}, {
|
|
@@ -5377,12 +5380,15 @@ class DBPopover {
|
|
|
5377
5380
|
["mouseleave", "focusout"].forEach((event) => {
|
|
5378
5381
|
this._ref()?.nativeElement.addEventListener(event, () => this.handleLeave());
|
|
5379
5382
|
});
|
|
5380
|
-
|
|
5381
|
-
|
|
5382
|
-
|
|
5383
|
-
this.
|
|
5384
|
-
|
|
5385
|
-
|
|
5383
|
+
if (typeof window !== "undefined" &&
|
|
5384
|
+
"IntersectionObserver" in window) {
|
|
5385
|
+
this._observer.set(new IntersectionObserver((payload) => {
|
|
5386
|
+
const entry = payload.find(({ target }) => target === this.getTrigger());
|
|
5387
|
+
if (entry && !entry.isIntersecting) {
|
|
5388
|
+
this.handleEscape(false);
|
|
5389
|
+
}
|
|
5390
|
+
}));
|
|
5391
|
+
}
|
|
5386
5392
|
}
|
|
5387
5393
|
}, {
|
|
5388
5394
|
// Enable writing to signals inside effects
|
|
@@ -7185,16 +7191,18 @@ class DBCustomSelect {
|
|
|
7185
7191
|
this._selectedLabelsId.set(mId + "-selected-labels");
|
|
7186
7192
|
this._infoTextId.set(mId + "-info");
|
|
7187
7193
|
this._invalidMessage.set(this.invalidMessage() || DEFAULT_INVALID_MESSAGE);
|
|
7188
|
-
|
|
7189
|
-
|
|
7190
|
-
|
|
7191
|
-
|
|
7192
|
-
|
|
7193
|
-
|
|
7194
|
-
|
|
7194
|
+
if (typeof window !== "undefined" && "IntersectionObserver" in window) {
|
|
7195
|
+
this._observer.set(new IntersectionObserver((payload) => {
|
|
7196
|
+
if (this.detailsRef()?.nativeElement) {
|
|
7197
|
+
const entry = payload.find(({ target }) => target === this.detailsRef()?.nativeElement);
|
|
7198
|
+
if (entry &&
|
|
7199
|
+
!entry.isIntersecting &&
|
|
7200
|
+
this.detailsRef()?.nativeElement.open) {
|
|
7201
|
+
this.detailsRef().nativeElement.open = false;
|
|
7202
|
+
}
|
|
7195
7203
|
}
|
|
7196
|
-
}
|
|
7197
|
-
}
|
|
7204
|
+
}));
|
|
7205
|
+
}
|
|
7198
7206
|
}
|
|
7199
7207
|
ngAfterViewInit() {
|
|
7200
7208
|
const element = this._ref()?.nativeElement;
|