monkey-front-core 0.0.173 → 0.0.174

package/fesm2020/monkey-front-core.mjs

@@ -1987,47 +1987,57 @@ class MonkeyEcxPopoverDirective {
         return [];
     }
     createPopover(origin, options) {
-        this.templatePortal = new TemplatePortal(this.tpl, this._viewContainerRef);
-        this.positionStrategy = this.overlayPositionBuilder
-            .flexibleConnectedTo(origin || this.target)
-            .withPush(true)
-            .withGrowAfterOpen(true)
-            .withPositions(this.getDirPositions(options?.dir));
-        this.overlayRef = this.overlay.create({
-            positionStrategy: this.positionStrategy,
-            disposeOnNavigation: true,
-            direction: 'ltr',
-            hasBackdrop: this.backdrop,
-            scrollStrategy: this.overlay.scrollStrategies.reposition({}),
-            backdropClass: 'cdk-overlay-transparent-backdrop',
-            width: (this.options?.minwidth || this.minwidth) ? (this.target.offsetWidth - 2) : undefined,
-            maxHeight: '95%',
-            height: this.height
-        });
-        let resizeObserver;
-        const subs = this.overlayRef.backdropClick().subscribe((e) => {
-            this.popover = false;
-            subs.unsubscribe();
-            resizeObserver?.disconnect();
-            this.zone.run(() => {
-                if (this.closed) {
-                    this.closed(e);
-                }
+        try {
+            this.templatePortal = new TemplatePortal(this.tpl, this._viewContainerRef);
+            this.positionStrategy = this.overlayPositionBuilder
+                .flexibleConnectedTo(origin || this.target)
+                .withPush(true)
+                .withGrowAfterOpen(true)
+                .withPositions(this.getDirPositions(options?.dir));
+            let width = 0;
+            if (this.options?.minwidth || this.minwidth) {
+                width = this.target.offsetWidth - 2;
+            }
+            this.overlayRef = this.overlay.create({
+                positionStrategy: this.positionStrategy,
+                disposeOnNavigation: true,
+                direction: 'ltr',
+                hasBackdrop: this.backdrop,
+                scrollStrategy: this.overlay.scrollStrategies.reposition({}),
+                backdropClass: 'cdk-overlay-transparent-backdrop',
+                width,
+                maxHeight: '95%',
+                height: this.height
             });
-        });
-        const attached = this.overlayRef.attach(this.templatePortal);
-        if (this.watch) {
-            try {
-                if ('ResizeObserver' in window) {
-                    resizeObserver = new ResizeObserver(([{ contentRect }]) => {
-                        this.overlayRef.updatePosition();
-                    })
-                        .observe(attached.rootNodes[0]);
+            let resizeObserver;
+            const subs = this.overlayRef.backdropClick().subscribe((e) => {
+                this.popover = false;
+                subs.unsubscribe();
+                resizeObserver?.disconnect();
+                this.zone.run(() => {
+                    if (this.closed) {
+                        this.closed(e);
+                    }
+                });
+            });
+            const attached = this.overlayRef.attach(this.templatePortal);
+            if (this.watch) {
+                try {
+                    if ('ResizeObserver' in window) {
+                        resizeObserver = new ResizeObserver(([{ contentRect }]) => {
+                            this.overlayRef.updatePosition();
+                        })
+                            .observe(attached.rootNodes[0]);
+                    }
+                }
+                catch (e) {
+                    // not to do
                 }
             }
-            catch (e) {
-                // not to do
-            }
+        }
+        catch (e) {
+            console.log('error no popover');
+            console.log(e);
         }
     }
     ngOnDestroy() {