monkey-front-core 0.0.173 → 0.0.176

package/fesm2020/monkey-front-core.mjs

@@ -1908,11 +1908,19 @@ class MonkeyEcxPopoverDirective {
     }
     set popover(show) {
         this._popover = show;
-        if (show) {
-            this.createPopover();
+        console.log('show');
+        console.log(show);
+        try {
+            if (show) {
+                this.createPopover();
+            }
+            else if (this.overlayRef) {
+                this.overlayRef.dispose();
+            }
         }
-        else if (this.overlayRef) {
-            this.overlayRef.dispose();
+        catch (e) {
+            console.log('e -> popover');
+            console.log(e);
         }
     }
     get target() {
@@ -1987,48 +1995,79 @@ 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);
-                }
+        console.log('1');
+        try {
+            this.templatePortal = new TemplatePortal(this.tpl, this._viewContainerRef);
+            console.log('2');
+            this.positionStrategy = this.overlayPositionBuilder
+                .flexibleConnectedTo(origin || this.target)
+                .withPush(true)
+                .withGrowAfterOpen(true)
+                .withPositions(this.getDirPositions(options?.dir));
+            console.log('3');
+            let width = 0;
+            if (this.options?.minwidth || this.minwidth) {
+                width = this.target.offsetWidth - 2;
+            }
+            console.log('4');
+            console.log('width');
+            console.log(width);
+            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]);
+            console.log('5');
+            let resizeObserver;
+            const subs = this.overlayRef.backdropClick().subscribe((e) => {
+                this.popover = false;
+                console.log('6');
+                subs.unsubscribe();
+                console.log('7');
+                resizeObserver?.disconnect();
+                console.log('8');
+                this.zone.run(() => {
+                    console.log('9');
+                    if (this.closed) {
+                        console.log('10');
+                        this.closed(e);
+                    }
+                });
+            });
+            console.log('11');
+            const attached = this.overlayRef.attach(this.templatePortal);
+            console.log('12');
+            if (this.watch) {
+                console.log('13');
+                try {
+                    console.log('14');
+                    if ('ResizeObserver' in window) {
+                        console.log('16');
+                        resizeObserver = new ResizeObserver(([{ contentRect }]) => {
+                            console.log('17');
+                            this.overlayRef.updatePosition();
+                        })
+                            .observe(attached.rootNodes[0]);
+                    }
                 }
+                catch (e) {
+                    // not to do
+                }
+                console.log('18');
             }
-            catch (e) {
-                // not to do
-            }
+            console.log('19');
+        }
+        catch (e) {
+            console.log('error no popover');
+            console.log(e);
         }
+        console.log('20');
     }
     ngOnDestroy() {
         this.popover = false;