@shival99/z-ui 2.0.6 → 2.0.8

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

@@ -339,6 +339,7 @@ function getActualPopoverPosition(change) {
 const Z_POPOVER_ANIMATION_DURATION = 200;
 
 class ZPopoverComponent {
+    static _openPopovers = new Set();
     _overlay = inject(Overlay);
     _overlayPositionBuilder = inject(OverlayPositionBuilder);
     _renderer = inject(Renderer2);
@@ -359,6 +360,7 @@ class ZPopoverComponent {
     zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : {}), transform: zTransform });
     zOffset = input(8, ...(ngDevMode ? [{ debugName: "zOffset" }] : []));
     zManualClose = input(false, { ...(ngDevMode ? { debugName: "zManualClose" } : {}), transform: zTransform });
+    zOutsideClickClose = input(false, { ...(ngDevMode ? { debugName: "zOutsideClickClose" } : {}), transform: zTransform });
     zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : {}), transform: zTransform });
     zShowArrow = input(false, { ...(ngDevMode ? { debugName: "zShowArrow" } : {}), transform: zTransform });
     _overlayRef = null;
@@ -459,6 +461,7 @@ class ZPopoverComponent {
         this._overlayRef?.dispose();
         this._overlayRef = null;
         this._componentRef = null;
+        ZPopoverComponent._openPopovers.delete(this);
     }
     _setupDelayMechanism() {
         this._delaySubject
@@ -495,11 +498,12 @@ class ZPopoverComponent {
         }
         this._overlayRef
             .outsidePointerEvents()
-            .pipe(filter(() => !this.zManualClose()), takeUntilDestroyed(this._destroyRef))
+            .pipe(filter(() => !this.zManualClose() || this.zOutsideClickClose()), takeUntilDestroyed(this._destroyRef))
             .subscribe(event => {
             const triggerEl = this._trigger().nativeElement;
-            if (!triggerEl.contains(event.target)) {
-                this._delay(false, 0);
+            const target = event.target;
+            if (!triggerEl.contains(target) && !this._isNestedPopoverTarget(target)) {
+                this.hideImmediate();
             }
         });
     }
@@ -576,8 +580,28 @@ class ZPopoverComponent {
         }
         this._setupResizeObserver();
         this._isVisible.set(true);
+        ZPopoverComponent._openPopovers.add(this);
         this.zShow.emit();
     }
+    _isNestedPopoverTarget(target) {
+        const overlayElement = this._overlayRef?.overlayElement;
+        if (!overlayElement) {
+            return false;
+        }
+        for (const popover of ZPopoverComponent._openPopovers) {
+            if (popover === this) {
+                continue;
+            }
+            const nestedOverlayElement = popover._overlayRef?.overlayElement;
+            if (!nestedOverlayElement?.contains(target)) {
+                continue;
+            }
+            if (overlayElement.contains(popover._trigger().nativeElement)) {
+                return true;
+            }
+        }
+        return false;
+    }
     _setupResizeObserver() {
         this._resizeObserver?.disconnect();
         this._resizeObserver = new ResizeObserver(() => {
@@ -635,7 +659,7 @@ class ZPopoverComponent {
         this._listenerCleanups = [];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: ZPopoverComponent, isStandalone: true, selector: "z-popover", inputs: { zContent: { classPropertyName: "zContent", publicName: "zContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zControl: "zControl" }, host: { classAttribute: "inline-block" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.9", type: ZPopoverComponent, isStandalone: true, selector: "z-popover", inputs: { zContent: { classPropertyName: "zContent", publicName: "zContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zOutsideClickClose: { classPropertyName: "zOutsideClickClose", publicName: "zOutsideClickClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zControl: "zControl" }, host: { classAttribute: "inline-block" }, viewQueries: [{ propertyName: "_trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <span #trigger class="z-popover-trigger inline-block">
       <ng-content />
     </span>
@@ -656,9 +680,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                         class: 'inline-block',
                     },
                 }]
-        }], propDecorators: { _trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], zShow: [{ type: i0.Output, args: ["zShow"] }], zHide: [{ type: i0.Output, args: ["zHide"] }], zControl: [{ type: i0.Output, args: ["zControl"] }], zContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zContent", required: false }] }], zPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPosition", required: false }] }], zTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTrigger", required: false }] }], zClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClass", required: false }] }], zShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowDelay", required: false }] }], zHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zHideDelay", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOffset", required: false }] }], zManualClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zManualClose", required: false }] }], zScrollClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zScrollClose", required: false }] }], zShowArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowArrow", required: false }] }] } });
+        }], propDecorators: { _trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], zShow: [{ type: i0.Output, args: ["zShow"] }], zHide: [{ type: i0.Output, args: ["zHide"] }], zControl: [{ type: i0.Output, args: ["zControl"] }], zContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zContent", required: false }] }], zPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPosition", required: false }] }], zTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTrigger", required: false }] }], zClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClass", required: false }] }], zShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowDelay", required: false }] }], zHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zHideDelay", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOffset", required: false }] }], zManualClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zManualClose", required: false }] }], zOutsideClickClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOutsideClickClose", required: false }] }], zScrollClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zScrollClose", required: false }] }], zShowArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowArrow", required: false }] }] } });
 
 class ZPopoverDirective {
+    static _openPopovers = new Set();
     zContent = input(null, { ...(ngDevMode ? { debugName: "zContent" } : {}), alias: 'zPopoverContent' });
     zPosition = input('bottom', ...(ngDevMode ? [{ debugName: "zPosition" }] : []));
     zTrigger = input('click', ...(ngDevMode ? [{ debugName: "zTrigger" }] : []));
@@ -670,6 +695,7 @@ class ZPopoverDirective {
     zPopoverWidth = input('auto', ...(ngDevMode ? [{ debugName: "zPopoverWidth" }] : []));
     zTriggerRef = input(null, ...(ngDevMode ? [{ debugName: "zTriggerRef" }] : []));
     zManualClose = input(false, { ...(ngDevMode ? { debugName: "zManualClose" } : {}), transform: zTransform });
+    zOutsideClickClose = input(false, { ...(ngDevMode ? { debugName: "zOutsideClickClose" } : {}), transform: zTransform });
     zScrollClose = input(false, { ...(ngDevMode ? { debugName: "zScrollClose" } : {}), transform: zTransform });
     zShowArrow = input(false, { ...(ngDevMode ? { debugName: "zShowArrow" } : {}), transform: zTransform });
     zShow = output();
@@ -723,6 +749,8 @@ class ZPopoverDirective {
     ngOnDestroy() {
         this._isDestroyed.set(true);
         this._clearHideTimeout();
+        this._renderer.removeClass(this._elementRef.nativeElement, 'z-popover-open');
+        this._renderer.removeAttribute(this._elementRef.nativeElement, 'aria-expanded');
         this._delaySubject.complete();
         this._cleanupListeners();
         this._disposeOverlay();
@@ -747,6 +775,8 @@ class ZPopoverDirective {
         this._clearHideTimeout();
         if (this._isVisible()) {
             this._isVisible.set(false);
+            this._renderer.removeClass(this._elementRef.nativeElement, 'z-popover-open');
+            this._renderer.removeAttribute(this._elementRef.nativeElement, 'aria-expanded');
             this.zHideStart.emit();
         }
         this._disposeOverlay();
@@ -762,6 +792,16 @@ class ZPopoverDirective {
     isOpen() {
         return this._isVisible();
     }
+    updatePosition() {
+        if (!this._isVisible()) {
+            return;
+        }
+        this._overlayRef?.updatePosition();
+        const widthConfig = this._getWidthConfig();
+        if (widthConfig.width) {
+            this._overlayRef?.updateSize({ width: widthConfig.width, minWidth: widthConfig.minWidth });
+        }
+    }
     _createOverlay() {
         const positionStrategy = this._overlayPositionBuilder
             .flexibleConnectedTo(this._getTriggerElement())
@@ -808,6 +848,7 @@ class ZPopoverDirective {
         this._overlayRef?.dispose();
         this._overlayRef = null;
         this._componentRef = null;
+        ZPopoverDirective._openPopovers.delete(this);
     }
     _setupDelayMechanism() {
         this._delaySubject
@@ -851,7 +892,7 @@ class ZPopoverDirective {
         }
         this._overlayRef
             .outsidePointerEvents()
-            .pipe(filter(() => !this.zManualClose()), filter(() => this.zTrigger() === 'click' || this.zTrigger() === 'manual'), filter(event => {
+            .pipe(filter(() => !this.zManualClose() || this.zOutsideClickClose()), filter(() => this.zTrigger() === 'click' || this.zTrigger() === 'manual'), filter(event => {
             const target = event.target;
             // Check if click is inside trigger element
             if (this._elementRef.nativeElement.contains(target)) {
@@ -862,9 +903,12 @@ class ZPopoverDirective {
             if (overlayElement?.contains(target)) {
                 return false;
             }
+            if (this._isNestedPopoverTarget(target)) {
+                return false;
+            }
             return true;
         }), takeUntilDestroyed(this._destroyRef))
-            .subscribe(() => this._delay(false, 0));
+            .subscribe(() => this.hideImmediate());
     }
     _setupScrollClose() {
         this._scrollSubscription?.unsubscribe();
@@ -941,8 +985,30 @@ class ZPopoverDirective {
         }
         this._setupResizeObserver();
         this._isVisible.set(true);
+        ZPopoverDirective._openPopovers.add(this);
+        this._renderer.addClass(this._elementRef.nativeElement, 'z-popover-open');
+        this._renderer.setAttribute(this._elementRef.nativeElement, 'aria-expanded', 'true');
         this.zShow.emit();
     }
+    _isNestedPopoverTarget(target) {
+        const overlayElement = this._overlayRef?.overlayElement;
+        if (!overlayElement) {
+            return false;
+        }
+        for (const popover of ZPopoverDirective._openPopovers) {
+            if (popover === this) {
+                continue;
+            }
+            const nestedOverlayElement = popover._overlayRef?.overlayElement;
+            if (!nestedOverlayElement?.contains(target)) {
+                continue;
+            }
+            if (overlayElement.contains(popover._getTriggerElement())) {
+                return true;
+            }
+        }
+        return false;
+    }
     _setupResizeObserver() {
         this._resizeObserver?.disconnect();
         this._resizeObserver = new ResizeObserver(() => {
@@ -986,6 +1052,8 @@ class ZPopoverDirective {
             return;
         }
         this._isVisible.set(false);
+        this._renderer.removeClass(this._elementRef.nativeElement, 'z-popover-open');
+        this._renderer.removeAttribute(this._elementRef.nativeElement, 'aria-expanded');
         this.zHideStart.emit();
         this._componentRef.instance.state.set('closed');
         this._hideTimeout = setTimeout(() => {
@@ -1008,7 +1076,7 @@ class ZPopoverDirective {
         this._listenerCleanups = [];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ZPopoverDirective, isStandalone: true, selector: "[z-popover]", inputs: { zContent: { classPropertyName: "zContent", publicName: "zPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zPopoverWidth: { classPropertyName: "zPopoverWidth", publicName: "zPopoverWidth", isSignal: true, isRequired: false, transformFunction: null }, zTriggerRef: { classPropertyName: "zTriggerRef", publicName: "zTriggerRef", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zHideStart: "zHideStart", zControl: "zControl", zPositionChange: "zPositionChange" }, exportAs: ["zPopover"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ZPopoverDirective, isStandalone: true, selector: "[z-popover]", inputs: { zContent: { classPropertyName: "zContent", publicName: "zPopoverContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zPopoverWidth: { classPropertyName: "zPopoverWidth", publicName: "zPopoverWidth", isSignal: true, isRequired: false, transformFunction: null }, zTriggerRef: { classPropertyName: "zTriggerRef", publicName: "zTriggerRef", isSignal: true, isRequired: false, transformFunction: null }, zManualClose: { classPropertyName: "zManualClose", publicName: "zManualClose", isSignal: true, isRequired: false, transformFunction: null }, zOutsideClickClose: { classPropertyName: "zOutsideClickClose", publicName: "zOutsideClickClose", isSignal: true, isRequired: false, transformFunction: null }, zScrollClose: { classPropertyName: "zScrollClose", publicName: "zScrollClose", isSignal: true, isRequired: false, transformFunction: null }, zShowArrow: { classPropertyName: "zShowArrow", publicName: "zShowArrow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide", zHideStart: "zHideStart", zControl: "zControl", zPositionChange: "zPositionChange" }, exportAs: ["zPopover"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZPopoverDirective, decorators: [{
             type: Directive,
@@ -1017,7 +1085,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     standalone: true,
                     exportAs: 'zPopover',
                 }]
-        }], propDecorators: { zContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPopoverContent", required: false }] }], zPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPosition", required: false }] }], zTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTrigger", required: false }] }], zClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClass", required: false }] }], zShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowDelay", required: false }] }], zHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zHideDelay", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOffset", required: false }] }], zPopoverWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPopoverWidth", required: false }] }], zTriggerRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTriggerRef", required: false }] }], zManualClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zManualClose", required: false }] }], zScrollClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zScrollClose", required: false }] }], zShowArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowArrow", required: false }] }], zShow: [{ type: i0.Output, args: ["zShow"] }], zHide: [{ type: i0.Output, args: ["zHide"] }], zHideStart: [{ type: i0.Output, args: ["zHideStart"] }], zControl: [{ type: i0.Output, args: ["zControl"] }], zPositionChange: [{ type: i0.Output, args: ["zPositionChange"] }] } });
+        }], propDecorators: { zContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPopoverContent", required: false }] }], zPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPosition", required: false }] }], zTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTrigger", required: false }] }], zClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "zClass", required: false }] }], zShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowDelay", required: false }] }], zHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "zHideDelay", required: false }] }], zDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "zDisabled", required: false }] }], zOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOffset", required: false }] }], zPopoverWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "zPopoverWidth", required: false }] }], zTriggerRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "zTriggerRef", required: false }] }], zManualClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zManualClose", required: false }] }], zOutsideClickClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zOutsideClickClose", required: false }] }], zScrollClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "zScrollClose", required: false }] }], zShowArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "zShowArrow", required: false }] }], zShow: [{ type: i0.Output, args: ["zShow"] }], zHide: [{ type: i0.Output, args: ["zHide"] }], zHideStart: [{ type: i0.Output, args: ["zHideStart"] }], zControl: [{ type: i0.Output, args: ["zControl"] }], zPositionChange: [{ type: i0.Output, args: ["zPositionChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.