monkey-front-core 0.0.176 → 0.0.177

package/fesm2020/monkey-front-core.mjs

@@ -1908,19 +1908,11 @@ class MonkeyEcxPopoverDirective {
     }
     set popover(show) {
         this._popover = show;
-        console.log('show');
-        console.log(show);
-        try {
-            if (show) {
-                this.createPopover();
-            }
-            else if (this.overlayRef) {
-                this.overlayRef.dispose();
-            }
+        if (show) {
+            this.createPopover();
         }
-        catch (e) {
-            console.log('e -> popover');
-            console.log(e);
+        else if (this.overlayRef) {
+            this.overlayRef.dispose();
         }
     }
     get target() {
@@ -1995,79 +1987,48 @@ class MonkeyEcxPopoverDirective {
         return [];
     }
     createPopover(origin, options) {
-        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
-            });
-            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]);
-                    }
+        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);
                 }
-                catch (e) {
-                    // not to do
+            });
+        });
+        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('18');
             }
-            console.log('19');
-        }
-        catch (e) {
-            console.log('error no popover');
-            console.log(e);
+            catch (e) {
+                // not to do
+            }
         }
-        console.log('20');
     }
     ngOnDestroy() {
         this.popover = false;