@leanix/components 0.2.241 → 0.2.244

package/fesm2020/leanix-components.mjs

@@ -8,7 +8,7 @@ import * as i1 from '@angular/cdk/overlay';
 import { OverlayModule, CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { __decorate } from 'tslib';
 import * as i6 from 'rxjs';
-import { BehaviorSubject, Subject, combineLatest, merge, concat, fromEvent, Observable, ReplaySubject, of, timer } from 'rxjs';
+import { BehaviorSubject, timer, Subject, combineLatest, merge, concat, fromEvent, Observable, ReplaySubject, of } from 'rxjs';
 import { skipWhile, map, switchMap, startWith, pairwise, filter, take, debounceTime, skip, withLatestFrom, distinctUntilChanged, takeUntil, first, delay, mapTo, tap } from 'rxjs/operators';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
@@ -513,7 +513,16 @@ function isResizeableElement(element) {
 class ResizeObserverService {
     observe(element, callback, options) {
         if (!this.resizeObserver) {
-            this.resizeObserver = new ResizeObserver(this.resizeObserverCallback.bind(this));
+            try {
+                this.resizeObserver = new ResizeObserver(this.resizeObserverCallback.bind(this));
+            }
+            catch {
+                // All the browsers we support implement the ResizeObserver API.
+                // For unsupported browsers, there's this "one time artifical resize event".
+                // They will not get the functionality tied to later resize events.
+                timer(500).subscribe(() => callback(this.getMockOneTimeResizeEventForUnsupportedBrowsers(element)));
+                return;
+            }
         }
         element.handleResize = callback;
         this.resizeObserver.observe(element, options);
@@ -531,6 +540,45 @@ class ResizeObserverService {
             }
         });
     }
+    /**
+     * All browsers we officially support implement the ResizeObserver API.
+     * Still as a curtesy do customers who for some reason have older browsers
+     * we call the callback once with the initial dimensions of the element
+     * and then do not react on resize events afterwards.
+     * This should still make them happier than a "browser not supported" warning.
+     */
+    getMockOneTimeResizeEventForUnsupportedBrowsers(element) {
+        const contentRect = {
+            bottom: element.clientHeight,
+            height: element.clientHeight,
+            left: 0,
+            right: element.clientWidth,
+            top: 0,
+            width: element.clientWidth,
+            x: 0,
+            y: 0
+        };
+        return {
+            borderBoxSize: [{ blockSize: element.clientHeight, inlineSize: element.clientWidth }],
+            contentBoxSize: [
+                {
+                    blockSize: element.clientHeight,
+                    inlineSize: element.clientWidth
+                }
+            ],
+            contentRect: {
+                ...contentRect,
+                toJSON: () => JSON.stringify(contentRect)
+            },
+            devicePixelContentBoxSize: [
+                {
+                    blockSize: element.clientWidth,
+                    inlineSize: element.clientWidth
+                }
+            ],
+            target: element
+        };
+    }
 }
 ResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 ResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });