@agorapulse/ui-components 13.0.0 → 13.0.1

package/fesm2020/agorapulse-ui-components.mjs

@@ -762,85 +762,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
             }] } });
 
 class TooltipNeoDirective {
-    constructor(_elementRef, _overlay, _overlayPositionBuilder, _tooltipNeoService) {
-        this._elementRef = _elementRef;
-        this._overlay = _overlay;
-        this._overlayPositionBuilder = _overlayPositionBuilder;
-        this._tooltipNeoService = _tooltipNeoService;
-        this._destroy$ = new Subject();
-        this._hide$ = new Subject();
-        this._mouseEntered = false;
-        this._show$ = new Subject();
+    constructor(elementRef, overlay, overlayPositionBuilder, tooltipNeoService) {
+        this.elementRef = elementRef;
+        this.overlay = overlay;
+        this.overlayPositionBuilder = overlayPositionBuilder;
+        this.tooltipNeoService = tooltipNeoService;
+        this.destroy$ = new Subject();
+        this.hide$ = new Subject();
+        this.mouseEntered = false;
+        this.show$ = new Subject();
     }
     static enableTooltip(content, contentType, display) {
         return !!content && !!contentType && !!display;
     }
     ngOnChanges(changes) {
-        if ((changes?.apTooltipNeo?.currentValue?.display || changes?.apTooltipNeo?.currentValue?.position) && this._mouseEntered) {
-            this._setSettings();
-            this._allowDisplay ? this._show$.next(true) : this._hide$.next(false);
+        if ((changes?.apTooltipNeo?.currentValue?.display || changes?.apTooltipNeo?.currentValue?.position) && this.mouseEntered) {
+            this.setSettings();
+            this.allowDisplay ? this.show$.next(true) : this.hide$.next(false);
         }
     }
     ngOnInit() {
-        this._initiateTooltip();
+        this.initiateTooltip();
     }
     ngOnDestroy() {
-        this._detach();
-        this._destroy$.next();
-        this._destroy$.complete();
+        this.detach();
+        this.destroy$.next();
+        this.destroy$.complete();
     }
-    _setSettings() {
+    setSettings() {
         if (typeof this.apTooltipNeo === 'object') {
-            const { content = undefined, backgroundColor = '#ffffff', borderColor = undefined, contentType = 'text', display = true, displayArrow = true, maxWidth = 'full', position = 'top', title = '' } = this.apTooltipNeo;
-            this._params = { content, backgroundColor, borderColor, contentType, display, displayArrow, maxWidth, position, title };
-            this._allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);
+            const { content, backgroundColor = '#ffffff', borderColor, contentType = 'text', display = true, displayArrow = true, maxWidth = 'full', position = 'top', title = '' } = this.apTooltipNeo;
+            this.params = { content, backgroundColor, borderColor, contentType, display, displayArrow, maxWidth, position, title };
+            this.allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);
         }
         if (typeof this.apTooltipNeo === 'string') {
-            const content = this.apTooltipNeo, backgroundColor = '#ffffff', borderColor = undefined, contentType = 'text', display = true, displayArrow = true, maxWidth = 'full', position = 'top', title = '';
-            this._params = { content, backgroundColor, borderColor, contentType, position, display, displayArrow, title, maxWidth };
-            this._allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);
-        }
-    }
-    _initiateTooltip() {
-        merge(this._hide$, this._show$)
+            const content = this.apTooltipNeo;
+            const backgroundColor = '#ffffff';
+            const borderColor = undefined;
+            const contentType = 'text';
+            const display = true;
+            const displayArrow = true;
+            const maxWidth = 'full';
+            const position = 'top';
+            const title = '';
+            this.params = { content, backgroundColor, borderColor, contentType, position, display, displayArrow, title, maxWidth };
+            this.allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);
+        }
+    }
+    initiateTooltip() {
+        merge(this.hide$, this.show$)
             .pipe(switchMap(bool => {
             if (!bool) {
                 return of(bool);
             }
             return of(bool).pipe(delay(200));
-        }), takeUntil(this._destroy$))
+        }), takeUntil(this.destroy$))
             .subscribe(bool => {
             if (bool) {
-                this._elementRefMouseLeave$ = fromEvent(this._elementRef.nativeElement, 'mouseleave')
-                    .subscribe(() => this._detach());
-                const positionStrategy = this._overlayPositionBuilder
-                    .flexibleConnectedTo(this._elementRef)
-                    .withPositions([tooltipNeoPositions[this._params.position]]);
-                const scrollStrategy = this._overlay.scrollStrategies.close();
-                this._overlayRef = this._overlay.create({ positionStrategy, scrollStrategy });
-                const tooltipRef = this._overlayRef.attach(new ComponentPortal(TooltipNeoComponent));
-                tooltipRef.instance.params = this._params;
+                this.elementRefMouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave')
+                    .subscribe(() => this.detach());
+                const positionStrategy = this.overlayPositionBuilder
+                    .flexibleConnectedTo(this.elementRef)
+                    .withPositions([tooltipNeoPositions[this.params.position]]);
+                const scrollStrategy = this.overlay.scrollStrategies.close();
+                this.overlayRef = this.overlay.create({ positionStrategy, scrollStrategy });
+                const tooltipRef = this.overlayRef.attach(new ComponentPortal(TooltipNeoComponent));
+                tooltipRef.instance.params = this.params;
             }
             else {
-                this._detach();
+                this.detach();
             }
         });
-        this._tooltipNeoService.clickOutside$
-            .pipe(takeUntil(this._destroy$))
-            .subscribe(() => this._hide$.next(true));
+        this.tooltipNeoService.clickOutside$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.hide$.next(false));
     }
-    _detach() {
-        this._overlayRef && this._overlayRef.hasAttached() && this._overlayRef.detach();
-        this._elementRefMouseLeave$ && this._elementRefMouseLeave$.unsubscribe();
+    detach() {
+        this.overlayRef && this.overlayRef.hasAttached() && this.overlayRef.detach();
+        this.elementRefMouseLeave$ && this.elementRefMouseLeave$.unsubscribe();
     }
     onMouseEnter() {
-        this._setSettings();
-        this._mouseEntered = true;
-        this._allowDisplay && this._params && this._show$.next(true);
+        this.setSettings();
+        this.mouseEntered = true;
+        this.allowDisplay && this.params && this.show$.next(true);
     }
     onMouseLeave() {
-        this._mouseEntered = false;
-        this._hide$.next(false);
+        this.mouseEntered = false;
+        this.hide$.next(false);
     }
 }
 /** @nocollapse */ /** @nocollapse */ TooltipNeoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TooltipNeoDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.Overlay }, { token: i1$3.OverlayPositionBuilder }, { token: TooltipNeoService }], target: i0.ɵɵFactoryTarget.Directive });