Release 1.3.0

Author: idzark

CHANGELOG.md

@@ -1,3 +1,15 @@
+## 1.3.0 (04.10.2021)
+
+### New
+
+- [Wysiwyg](https://mdbootstrap.com/docs/b5/angular/plugins/wysiwyg-editor)
+
+### Fixes and improvements:
+
+- Popover/Tooltip - resolved problem with closing component when quickly moving mouse over trigger element
+
+---
+
 ## 1.2.0 (20.09.2021)
 
 ### New

README.txt

@@ -1,6 +1,6 @@
 MDB 5 Angular
 
-Version: FREE 1.2.0
+Version: FREE 1.3.0
 
 Documentation:
 https://mdbootstrap.com/docs/b5/angular/

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-angular-ui-kit-free",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package.json

@@ -1,3 +1,15 @@
+## 1.3.0 (04.10.2021)
+
+### New
+
+- [Wysiwyg](https://mdbootstrap.com/docs/b5/angular/plugins/wysiwyg-editor)
+
+### Fixes and improvements:
+
+- Popover/Tooltip - resolved problem with closing component when quickly moving mouse over trigger element
+
+---
+
 ## 1.2.0 (20.09.2021)
 
 ### New

projects/mdb-angular-ui-kit/CHANGELOG.md

@@ -3,7 +3,7 @@
   "repository": "https://github.com/mdbootstrap/mdb-angular-ui-kit",
   "author": "MDBootstrap",
   "license": "MIT",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "peerDependencies": {
     "@angular/common": "^12.0.0",
     "@angular/core": "^12.0.0",

projects/mdb-angular-ui-kit/package.json

@@ -84,7 +84,6 @@ export class MdbPopoverDirective implements OnInit, OnDestroy {
     }
 
     this._bindTriggerEvents();
-    this._createOverlay();
   }
 
   ngOnDestroy(): void {
@@ -191,10 +190,14 @@ export class MdbPopoverDirective implements OnInit, OnDestroy {
   }
 
   show(): void {
-    if (this._open) {
+    if (this._hideTimeout) {
       this._overlayRef.detach();
+      clearTimeout(this._hideTimeout);
+      this._hideTimeout = null;
     }
 
+    this._createOverlay();
+
     if (this._hideTimeout) {
       clearTimeout(this._hideTimeout);
       this._hideTimeout = null;
@@ -219,24 +222,28 @@ export class MdbPopoverDirective implements OnInit, OnDestroy {
   }
 
   hide(): void {
-    if (!this._open) {
-      return;
-    }
-
     if (this._showTimeout) {
       clearTimeout(this._showTimeout);
       this._showTimeout = null;
+    } else {
+      return;
     }
 
     this._hideTimeout = setTimeout(() => {
       this.popoverHide.emit(this);
-      this._tooltipRef.instance._hidden.pipe(first()).subscribe(() => {
+      if (!this._tooltipRef) {
         this._overlayRef.detach();
         this._open = false;
-        this.popoverShown.emit(this);
-      });
-      this._tooltipRef.instance.animationState = 'hidden';
-      this._tooltipRef.instance.markForCheck();
+        this.popoverHidden.emit(this);
+      } else {
+        this._tooltipRef.instance._hidden.pipe(first()).subscribe(() => {
+          this._overlayRef.detach();
+          this._open = false;
+          this.popoverHidden.emit(this);
+        });
+        this._tooltipRef.instance.animationState = 'hidden';
+        this._tooltipRef.instance.markForCheck();
+      }
     }, this.delayHide);
   }
 

projects/mdb-angular-ui-kit/popover/popover.directive.ts

@@ -55,8 +55,7 @@ export class MdbTooltipDirective implements OnInit, OnDestroy {
   constructor(
     private _overlay: Overlay,
     private _overlayPositionBuilder: OverlayPositionBuilder,
-    private _elementRef: ElementRef,
-    private _renderer: Renderer2
+    private _elementRef: ElementRef
   ) {}
 
   ngOnInit(): void {
@@ -65,11 +64,10 @@ export class MdbTooltipDirective implements OnInit, OnDestroy {
     }
 
     this._bindTriggerEvents();
-    this._createOverlay();
   }
 
   ngOnDestroy(): void {
-    if (this._open) {
+    if (this._open || this._showTimeout) {
       this.hide();
     }
 
@@ -172,15 +170,14 @@ export class MdbTooltipDirective implements OnInit, OnDestroy {
   }
 
   show(): void {
-    if (this._open) {
+    if (this._hideTimeout || this._open) {
       this._overlayRef.detach();
-    }
-
-    if (this._hideTimeout) {
       clearTimeout(this._hideTimeout);
       this._hideTimeout = null;
     }
 
+    this._createOverlay();
+
     this._showTimeout = setTimeout(() => {
       const tooltipPortal = new ComponentPortal(MdbTooltipComponent);
 
@@ -200,24 +197,29 @@ export class MdbTooltipDirective implements OnInit, OnDestroy {
   }
 
   hide(): void {
-    if (!this._open) {
-      return;
-    }
-
     if (this._showTimeout) {
       clearTimeout(this._showTimeout);
       this._showTimeout = null;
+    } else {
+      return;
     }
 
     this._hideTimeout = setTimeout(() => {
       this.tooltipHide.emit(this);
-      this._tooltipRef.instance._hidden.pipe(first()).subscribe(() => {
+
+      if (!this._tooltipRef) {
         this._overlayRef.detach();
         this._open = false;
-        this.tooltipShown.emit(this);
-      });
-      this._tooltipRef.instance.animationState = 'hidden';
-      this._tooltipRef.instance.markForCheck();
+        this.tooltipHidden.emit(this);
+      } else {
+        this._tooltipRef.instance._hidden.pipe(first()).subscribe(() => {
+          this._overlayRef.detach();
+          this._open = false;
+          this.tooltipHidden.emit(this);
+        });
+        this._tooltipRef.instance.animationState = 'hidden';
+        this._tooltipRef.instance.markForCheck();
+      }
     }, this.delayHide);
   }