@ts-core/angular 13.1.27 → 13.1.30

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,15 @@ class ViewUtil {
     static getStageHeight() {
         return ViewUtil.window.innerHeight || ViewUtil.document.body.clientHeight;
     }
+    static getCanvasContext2d(container, options) {
+        let canvas = ViewUtil.parseElement(container);
+        try {
+            return canvas.getContext('2d', options);
+        }
+        catch (error) {
+            return null;
+        }
+    }
     static getBoundingRectangle(container) {
         container = ViewUtil.parseElement(container);
         if (_.isNil(container) || _.isNil(container.getBoundingClientRect)) {
@@ -1931,6 +1939,7 @@ class CanDeactivateGuard {
 }
 
 class ResizeManager {
+    // protected sensor: ResizeSensor;
     // --------------------------------------------------------------------------
     //
     //  Constructor
@@ -1952,9 +1961,20 @@ 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);
+        // Could be undefined in ssr
+        try {
+            this.sensor = new ResizeObserver(this.handler2);
+            this.sensor.observe(this.element);
+        }
+        catch (error) { }
     }
     // --------------------------------------------------------------------------
     //
@@ -1985,12 +2005,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();