@shival99/z-ui 2.1.19 → 2.1.20

package/fesm2022/shival99-z-ui-components-z-popover.mjs

@@ -4,7 +4,7 @@ import { NgTemplateOutlet, DOCUMENT, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
 import { signal, computed, ChangeDetectionStrategy, Component, inject, Renderer2, DestroyRef, PLATFORM_ID, viewChild, output, input, ElementRef, Directive } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { ZOverlayContainerService } from '@shival99/z-ui/services';
+import { ZOverlayContainerService, ZOverlayZIndexService } from '@shival99/z-ui/services';
 import { zMergeClasses, zIsMobileViewport, zTransform } from '@shival99/z-ui/utils';
 import { Subject, switchMap, of, timer, map, filter } from 'rxjs';
 import { cva } from 'class-variance-authority';
@@ -445,6 +445,7 @@ class ZPopoverComponent {
     _platformId = inject(PLATFORM_ID);
     _document = inject(DOCUMENT);
     _overlayContainerService = inject(ZOverlayContainerService);
+    _zIndexService = inject(ZOverlayZIndexService);
     _trigger = viewChild.required('trigger');
     zShow = output();
     zHide = output();
@@ -549,12 +550,14 @@ class ZPopoverComponent {
     }
     _createOverlay() {
         const positionStrategy = createPopoverPositionStrategy(this._overlayPositionBuilder, this._trigger(), this.zPosition(), this.zOffset());
-        return this._overlay.create({
+        const overlayRef = this._overlay.create({
             positionStrategy,
             scrollStrategy: this._createScrollStrategy(),
             hasBackdrop: false,
             ...getPopoverOverlaySize(),
         });
+        this._zIndexService.applyToOverlay(overlayRef);
+        return overlayRef;
     }
     _createScrollStrategy() {
         if (this.zScrollClose()) {
@@ -975,6 +978,7 @@ class ZPopoverDirective {
     _platformId = inject(PLATFORM_ID);
     _document = inject(DOCUMENT);
     _overlayContainerService = inject(ZOverlayContainerService);
+    _zIndexService = inject(ZOverlayZIndexService);
     _overlayRef = null;
     _componentRef = null;
     _delaySubject = new Subject();
@@ -1070,12 +1074,14 @@ class ZPopoverDirective {
     _createOverlay() {
         const positionStrategy = createPopoverPositionStrategy(this._overlayPositionBuilder, this._getTriggerElement(), this.zPosition(), this.zOffset());
         const widthConfig = this._getWidthConfig();
-        return this._overlay.create({
+        const overlayRef = this._overlay.create({
             positionStrategy,
             scrollStrategy: this._createScrollStrategy(),
             hasBackdrop: false,
             ...widthConfig,
         });
+        this._zIndexService.applyToOverlay(overlayRef);
+        return overlayRef;
     }
     _createScrollStrategy() {
         if (this.zScrollClose()) {