@ts-core/angular 13.1.25 → 13.1.28

package/fesm2020/ts-core-angular.mjs

@@ -14,7 +14,6 @@ import { CommonModule, isPlatformServer, isPlatformBrowser, DOCUMENT, DatePipe }
 import * as i5 from '@angular/forms';
 import { FormsModule, Validators } from '@angular/forms';
 import * as Cookie from 'ngx-cookie';
-import { ResizeSensor } from 'css-element-queries';
 import * as interact from 'interactjs';
 import * as i4$2 from '@angular/material/paginator';
 import { MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';
@@ -509,6 +508,22 @@ class ViewUtil {
     static getStageHeight() {
         return ViewUtil.window.innerHeight || ViewUtil.document.body.clientHeight;
     }
+    static getBoundingRectangle(container) {
+        container = ViewUtil.parseElement(container);
+        if (_.isNil(container) || _.isNil(container.getBoundingClientRect)) {
+            return {
+                x: NaN,
+                y: NaN,
+                width: NaN,
+                height: NaN,
+                top: NaN,
+                right: NaN,
+                left: NaN,
+                bottom: NaN
+            };
+        }
+        return container.getBoundingClientRect();
+    }
     static getWidth(container) {
         container = ViewUtil.parseElement(container);
         if (_.isNil(container)) {
@@ -516,7 +531,7 @@ class ViewUtil {
         }
         let value = parseFloat(ViewUtil.getStyle(container, 'width'));
         if (_.isNaN(value)) {
-            value = container.getBoundingClientRect().width;
+            value = ViewUtil.getBoundingRectangle(container).width;
         }
         if (_.isNaN(value)) {
             value = container.offsetWidth;
@@ -561,7 +576,7 @@ class ViewUtil {
         }
         let value = parseFloat(ViewUtil.getStyle(container, 'height'));
         if (_.isNaN(value)) {
-            value = container.getBoundingClientRect().height;
+            value = ViewUtil.getBoundingRectangle(container).height;
         }
         if (_.isNaN(value)) {
             value = container.offsetHeight;
@@ -1915,6 +1930,7 @@ class CanDeactivateGuard {
 }
 
 class ResizeManager {
+    // protected sensor: ResizeSensor;
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -1936,9 +1952,16 @@ class ResizeManager {
             this.size = item;
             this.subject.next(item);
         };
+        this.handler2 = (items) => {
+            if (!_.isEmpty(items)) {
+                this.handler(items[0].contentRect);
+            }
+        };
         this.element = ViewUtil.parseElement(element);
         this.subject = new BehaviorSubject({ width: ViewUtil.getWidth(this.element), height: ViewUtil.getHeight(this.element) });
-        this.sensor = new ResizeSensor(this.element, this.handler);
+        // this.sensor = new ResizeSensor(this.element, this.handler);
+        this.sensor = new ResizeObserver(this.handler2);
+        this.sensor.observe(this.element);
     }
     // --------------------------------------------------------------------------
     //
@@ -1969,12 +1992,16 @@ class ResizeManager {
     // --------------------------------------------------------------------------
     destroy() {
         if (!_.isNil(this.sensor)) {
+            this.sensor.unobserve(this.element);
+            this.sensor.disconnect();
+            this.sensor = null;
+            /*
             this.sensor.detach(this.handler);
             try {
                 this.sensor.reset();
-            }
-            catch (error) { }
+            } catch (error) {}
             this.sensor = null;
+            */
         }
         if (!_.isNil(this.subject)) {
             this.subject.complete();