feat: add immediate show/hide button example and update tooltip delay logic

Author: bastienmoulia

apps/demo/public/code/tooltip-delay.html

@@ -1,3 +1,11 @@
+<button
+  ngxoTooltip="My awesome tooltip"
+  [ngxoTooltipShowDelay]="0"
+  [ngxoTooltipHideDelay]="0"
+>
+  Show and hide immediately
+</button>
+
 <button
   ngxoTooltip="My awesome tooltip"
   [ngxoTooltipShowDelay]="1000"

apps/demo/src/app/tooltip-page/tooltip-page.html

@@ -73,6 +73,14 @@ <h2>Delay</h2>
   </p>
 
   <app-demo-code [codeUrls]="['/code/tooltip-delay.html']">
+    <button
+      ngxoTooltip="My awesome tooltip"
+      [ngxoTooltipShowDelay]="0"
+      [ngxoTooltipHideDelay]="0"
+    >
+      Show and hide immediately
+    </button>
+
     <button
       ngxoTooltip="My awesome tooltip"
       [ngxoTooltipShowDelay]="1000"

libs/ngx-overlay/src/lib/tooltip/tooltip.ts

@@ -159,11 +159,11 @@ export class NgxoTooltipComponent implements OnDestroy {
           const style: { [key: string]: string } = {
             'anchor-name': `--${this.interestId()}`,
           };
-          if (this.showDelay()) {
+          if (this.showDelay() !== null) {
             style['interest-show-delay'] = `${this.showDelay()}ms`;
             style['--interest-show-delay'] = `${this.showDelay()}ms`;
           }
-          if (this.hideDelay()) {
+          if (this.hideDelay() !== null) {
             style['interest-hide-delay'] = `${this.hideDelay()}ms`;
             style['--interest-hide-delay'] = `${this.hideDelay()}ms`;
           }