@radix-ng/primitives 0.23.0 → 0.25.0

package/fesm2022/radix-ng-primitives-popover.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, TemplateRef, DestroyRef, computed, input, output, effect, untracked, SimpleChange, Directive, ElementRef, signal, booleanAttribute, contentChild, ViewContainerRef, afterNextRender, isDevMode, assertInInjectionContext, forwardRef, Renderer2, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { InjectionToken, inject, TemplateRef, DestroyRef, computed, input, output, effect, untracked, SimpleChange, Directive, ElementRef, NgZone, Renderer2, isDevMode, VERSION, Injectable, makeEnvironmentProviders, signal, booleanAttribute, contentChild, ViewContainerRef, afterNextRender, assertInInjectionContext, forwardRef, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i1 from '@angular/cdk/overlay';
 import { Overlay, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { DOCUMENT } from '@angular/common';
+import { RdxPositionSide, RdxPositionAlign, getContentPosition, getAllPossibleConnectedPositions, injectDocument, injectWindow, getArrowPositionParams, getSideAndAlignFromAllPossibleConnectedPositions } from '@radix-ng/primitives/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { filter, tap } from 'rxjs';
 
@@ -14,19 +14,13 @@ const RdxPopoverCloseToken = new InjectionToken('RdxPopoverCloseToken');
 
 const RdxPopoverContentAttributesToken = new InjectionToken('RdxPopoverContentAttributesToken');
 
-var RdxPopoverSide;
-(function (RdxPopoverSide) {
-    RdxPopoverSide["Top"] = "top";
-    RdxPopoverSide["Right"] = "right";
-    RdxPopoverSide["Bottom"] = "bottom";
-    RdxPopoverSide["Left"] = "left";
-})(RdxPopoverSide || (RdxPopoverSide = {}));
-var RdxPopoverAlign;
-(function (RdxPopoverAlign) {
-    RdxPopoverAlign["Start"] = "start";
-    RdxPopoverAlign["Center"] = "center";
-    RdxPopoverAlign["End"] = "end";
-})(RdxPopoverAlign || (RdxPopoverAlign = {}));
+const DEFAULTS = {
+    offsets: {
+        side: 10,
+        align: 0
+    }
+};
+
 var RdxPopoverState;
 (function (RdxPopoverState) {
     RdxPopoverState["OPEN"] = "open";
@@ -45,200 +39,6 @@ var RdxPopoverAnimationStatus;
     RdxPopoverAnimationStatus["CLOSED_ENDED"] = "closed_ended";
 })(RdxPopoverAnimationStatus || (RdxPopoverAnimationStatus = {}));
 
-const POPOVER_POSITIONS = {
-    [RdxPopoverSide.Top]: {
-        [RdxPopoverAlign.Center]: {
-            originX: 'center',
-            originY: 'top',
-            overlayX: 'center',
-            overlayY: 'bottom'
-        },
-        [RdxPopoverAlign.Start]: {
-            originX: 'start',
-            originY: 'top',
-            overlayX: 'start',
-            overlayY: 'bottom'
-        },
-        [RdxPopoverAlign.End]: {
-            originX: 'end',
-            originY: 'top',
-            overlayX: 'end',
-            overlayY: 'bottom'
-        }
-    },
-    [RdxPopoverSide.Right]: {
-        [RdxPopoverAlign.Center]: {
-            originX: 'end',
-            originY: 'center',
-            overlayX: 'start',
-            overlayY: 'center'
-        },
-        [RdxPopoverAlign.Start]: {
-            originX: 'end',
-            originY: 'top',
-            overlayX: 'start',
-            overlayY: 'top'
-        },
-        [RdxPopoverAlign.End]: {
-            originX: 'end',
-            originY: 'bottom',
-            overlayX: 'start',
-            overlayY: 'bottom'
-        }
-    },
-    [RdxPopoverSide.Bottom]: {
-        [RdxPopoverAlign.Center]: {
-            originX: 'center',
-            originY: 'bottom',
-            overlayX: 'center',
-            overlayY: 'top'
-        },
-        [RdxPopoverAlign.Start]: {
-            originX: 'start',
-            originY: 'bottom',
-            overlayX: 'start',
-            overlayY: 'top'
-        },
-        [RdxPopoverAlign.End]: {
-            originX: 'end',
-            originY: 'bottom',
-            overlayX: 'end',
-            overlayY: 'top'
-        }
-    },
-    [RdxPopoverSide.Left]: {
-        [RdxPopoverAlign.Center]: {
-            originX: 'start',
-            originY: 'center',
-            overlayX: 'end',
-            overlayY: 'center'
-        },
-        [RdxPopoverAlign.Start]: {
-            originX: 'start',
-            originY: 'top',
-            overlayX: 'end',
-            overlayY: 'top'
-        },
-        [RdxPopoverAlign.End]: {
-            originX: 'start',
-            originY: 'bottom',
-            overlayX: 'end',
-            overlayY: 'bottom'
-        }
-    }
-};
-const DEFAULTS = {
-    offsets: {
-        side: 10,
-        align: 0
-    }
-};
-
-let allPossibleConnectedPositions;
-function getAllPossibleConnectedPositions() {
-    if (!allPossibleConnectedPositions) {
-        allPossibleConnectedPositions = new Map();
-    }
-    if (allPossibleConnectedPositions.size < 1) {
-        Object.keys(POPOVER_POSITIONS).forEach((side) => {
-            Object.keys(POPOVER_POSITIONS[side] ?? {}).forEach((align) => {
-                allPossibleConnectedPositions.set(`${side}|${align}`, POPOVER_POSITIONS[side][align]);
-            });
-        });
-    }
-    return allPossibleConnectedPositions;
-}
-function getSideAndAlignFromAllPossibleConnectedPositions(position) {
-    const allPossibleConnectedPositions = getAllPossibleConnectedPositions();
-    let sideAndAlign;
-    allPossibleConnectedPositions.forEach((value, key) => {
-        if (position.originX === value.originX &&
-            position.originY === value.originY &&
-            position.overlayX === value.overlayX &&
-            position.overlayY === value.overlayY) {
-            const sideAndAlignArray = key.split('|');
-            sideAndAlign = {
-                side: sideAndAlignArray[0],
-                align: sideAndAlignArray[1]
-            };
-        }
-    });
-    if (!sideAndAlign) {
-        throw Error(`[RdxPopover] cannot infer both side and align from the given position (${JSON.stringify(position)})`);
-    }
-    return sideAndAlign;
-}
-function getContentPosition(sideAndAlignWithOffsets) {
-    const { side, align, sideOffset, alignOffset } = sideAndAlignWithOffsets;
-    const position = {
-        ...(POPOVER_POSITIONS[side]?.[align] ?? POPOVER_POSITIONS[RdxPopoverSide.Top][RdxPopoverAlign.Center])
-    };
-    if (sideOffset || alignOffset) {
-        if ([RdxPopoverSide.Top, RdxPopoverSide.Bottom].includes(side)) {
-            if (sideOffset) {
-                position.offsetY = side === RdxPopoverSide.Top ? -sideOffset : sideOffset;
-            }
-            if (alignOffset) {
-                position.offsetX = alignOffset;
-            }
-        }
-        else {
-            if (sideOffset) {
-                position.offsetX = side === RdxPopoverSide.Left ? -sideOffset : sideOffset;
-            }
-            if (alignOffset) {
-                position.offsetY = alignOffset;
-            }
-        }
-    }
-    return position;
-}
-function getArrowPositionParams(sideAndAlign, arrowWidthAndHeight, triggerWidthAndHeight) {
-    const posParams = {
-        top: '',
-        left: '',
-        transform: ''
-    };
-    if ([RdxPopoverSide.Top, RdxPopoverSide.Bottom].includes(sideAndAlign.side)) {
-        if (sideAndAlign.side === RdxPopoverSide.Top) {
-            posParams.top = '100%';
-        }
-        else {
-            posParams.top = `-${arrowWidthAndHeight.height}px`;
-            posParams.transform = `rotate(180deg)`;
-        }
-        if (sideAndAlign.align === RdxPopoverAlign.Start) {
-            posParams.left = `${(triggerWidthAndHeight.width - arrowWidthAndHeight.width) / 2}px`;
-        }
-        else if (sideAndAlign.align === RdxPopoverAlign.Center) {
-            posParams.left = `calc(50% - ${arrowWidthAndHeight.width / 2}px)`;
-        }
-        else if (sideAndAlign.align === RdxPopoverAlign.End) {
-            posParams.left = `calc(100% - ${(triggerWidthAndHeight.width + arrowWidthAndHeight.width) / 2}px)`;
-        }
-    }
-    else if ([RdxPopoverSide.Left, RdxPopoverSide.Right].includes(sideAndAlign.side)) {
-        if (sideAndAlign.side === RdxPopoverSide.Left) {
-            posParams.left = `100%`;
-            posParams.transform = `rotate(-90deg) translate(0, -50%)`;
-        }
-        else {
-            posParams.left = `-${arrowWidthAndHeight.width}px`;
-            posParams.transform = `rotate(90deg) translate(0, -50%)`;
-        }
-        if (sideAndAlign.align === RdxPopoverAlign.Start) {
-            posParams.top = `${(triggerWidthAndHeight.height - arrowWidthAndHeight.height) / 2}px`;
-        }
-        else if (sideAndAlign.align === RdxPopoverAlign.Center) {
-            posParams.top = `calc(50% - ${arrowWidthAndHeight.height / 2}px)`;
-        }
-        else if (sideAndAlign.align === RdxPopoverAlign.End) {
-            posParams.top = `calc(100% - ${(triggerWidthAndHeight.height + arrowWidthAndHeight.height) / 2}px)`;
-        }
-    }
-    return posParams;
-}
-
 class RdxPopoverContentDirective {
     constructor() {
         /** @ignore */
@@ -257,7 +57,7 @@ class RdxPopoverContentDirective {
          * @description The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
          * @default top
          */
-        this.side = input(RdxPopoverSide.Top);
+        this.side = input(RdxPositionSide.Top);
         /**
          * @description The distance in pixels from the trigger.
          * @default undefined
@@ -267,7 +67,7 @@ class RdxPopoverContentDirective {
          * @description The preferred alignment against the trigger. May change when collisions occur.
          * @default center
          */
-        this.align = input(RdxPopoverAlign.Center);
+        this.align = input(RdxPositionAlign.Center);
         /**
          * @description An offset in pixels from the "start" or "end" alignment options.
          * @default undefined
@@ -277,15 +77,21 @@ class RdxPopoverContentDirective {
          * @description Whether to add some alternate positions of the content.
          * @default false
          */
-        this.disableAlternatePositions = input(false);
+        this.alternatePositionsDisabled = input(false);
+        /** @description Whether to prevent `onOverlayEscapeKeyDown` handler from calling. */
+        this.onOverlayEscapeKeyDownDisabled = input(false);
+        /** @description Whether to prevent `onOverlayOutsideClick` handler from calling. */
+        this.onOverlayOutsideClickDisabled = input(false);
         /**
-         * @description Event handler called when the escape key is down. It can be prevented by calling event.preventDefault.
+         * @description Event handler called when the escape key is down.
+         * It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
          */
-        this.onEscapeKeyDown = output();
+        this.onOverlayEscapeKeyDown = output();
         /**
-         * @description Event handler called when a pointer event occurs outside the bounds of the component. It can be prevented by calling event.preventDefault.
+         * @description Event handler called when a pointer event occurs outside the bounds of the component.
+         * It can be prevented by setting `onOverlayOutsideClickDisabled` input to `true`.
          */
-        this.onOutsideClick = output();
+        this.onOverlayOutsideClick = output();
         /**
          * @description Event handler called after the overlay is open
          */
@@ -302,6 +108,7 @@ class RdxPopoverContentDirective {
     /** @ignore */
     ngOnInit() {
         this.setScrollStrategy();
+        this.setHasBackdrop();
         this.setDisableClose();
         this.onAttach();
         this.onDetach();
@@ -334,9 +141,10 @@ class RdxPopoverContentDirective {
     connectKeydownEscape() {
         this.connectedOverlay.overlayKeydown
             .asObservable()
-            .pipe(filter((event) => event.key === 'Escape'), tap((event) => {
-            this.onEscapeKeyDown.emit(event);
-        }), filter((event) => !event.defaultPrevented && !this.popoverRoot.firstDefaultOpen()), tap(() => {
+            .pipe(filter(() => !this.onOverlayEscapeKeyDownDisabled() &&
+            !this.popoverRoot.rdxCdkEventService?.primitivePreventedFromCdkEvent(this.popoverRoot, 'cdkOverlayEscapeKeyDown')), filter((event) => event.key === 'Escape'), tap((event) => {
+            this.onOverlayEscapeKeyDown.emit(event);
+        }), filter(() => !this.popoverRoot.firstDefaultOpen()), tap(() => {
             this.popoverRoot.handleClose();
         }), takeUntilDestroyed(this.destroyRef))
             .subscribe();
@@ -345,7 +153,8 @@ class RdxPopoverContentDirective {
     connectOutsideClick() {
         this.connectedOverlay.overlayOutsideClick
             .asObservable()
-            .pipe(
+            .pipe(filter(() => !this.onOverlayOutsideClickDisabled() &&
+            !this.popoverRoot.rdxCdkEventService?.primitivePreventedFromCdkEvent(this.popoverRoot, 'cdkOverlayOutsideClick')), 
         /**
          * Handle the situation when an anchor is added and the anchor becomes the origin of the overlay
          * hence  the trigger will be considered the outside element
@@ -356,8 +165,8 @@ class RdxPopoverContentDirective {
                     .popoverTriggerDirective()
                     .elementRef.nativeElement.contains(event.target));
         }), tap((event) => {
-            this.onOutsideClick.emit(event);
-        }), filter((event) => !event.defaultPrevented && !this.popoverRoot.firstDefaultOpen()), tap(() => {
+            this.onOverlayOutsideClick.emit(event);
+        }), filter(() => !this.popoverRoot.firstDefaultOpen()), tap(() => {
             this.popoverRoot.handleClose();
         }), takeUntilDestroyed(this.destroyRef))
             .subscribe();
@@ -393,6 +202,12 @@ class RdxPopoverContentDirective {
         this.fireOverlayNgOnChanges('scrollStrategy', this.connectedOverlay.scrollStrategy, prevScrollStrategy);
     }
     /** @ignore */
+    setHasBackdrop() {
+        const prevHasBackdrop = this.connectedOverlay.hasBackdrop;
+        this.connectedOverlay.hasBackdrop = false;
+        this.fireOverlayNgOnChanges('hasBackdrop', this.connectedOverlay.hasBackdrop, prevHasBackdrop);
+    }
+    /** @ignore */
     setDisableClose() {
         const prevDisableClose = this.connectedOverlay.disableClose;
         this.connectedOverlay.disableClose = true;
@@ -425,7 +240,7 @@ class RdxPopoverContentDirective {
             alignOffset: offsets.alignOffset
         });
         const positions = [basePosition];
-        if (!this.disableAlternatePositions()) {
+        if (!this.alternatePositionsDisabled()) {
             /**
              * Alternate positions for better user experience along the X/Y axis (e.g. vertical/horizontal scrolling)
              */
@@ -458,7 +273,7 @@ class RdxPopoverContentDirective {
     onPositionChangeEffect() {
         effect(() => {
             const positions = this.positions();
-            this.disableAlternatePositions();
+            this.alternatePositionsDisabled();
             untracked(() => {
                 this.setPositions(positions);
             });
@@ -470,10 +285,10 @@ class RdxPopoverContentDirective {
             [input]: new SimpleChange(previousValue, currentValue, firstChange)
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.11", type: RdxPopoverContentDirective, isStandalone: true, selector: "[rdxPopoverContent]", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "alignOffset", isSignal: true, isRequired: false, transformFunction: null }, disableAlternatePositions: { classPropertyName: "disableAlternatePositions", publicName: "disableAlternatePositions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onEscapeKeyDown: "onEscapeKeyDown", onOutsideClick: "onOutsideClick", onOpen: "onOpen", onClosed: "onClosed" }, hostDirectives: [{ directive: i1.CdkConnectedOverlay }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.5", type: RdxPopoverContentDirective, isStandalone: true, selector: "[rdxPopoverContent]", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "alignOffset", isSignal: true, isRequired: false, transformFunction: null }, alternatePositionsDisabled: { classPropertyName: "alternatePositionsDisabled", publicName: "alternatePositionsDisabled", isSignal: true, isRequired: false, transformFunction: null }, onOverlayEscapeKeyDownDisabled: { classPropertyName: "onOverlayEscapeKeyDownDisabled", publicName: "onOverlayEscapeKeyDownDisabled", isSignal: true, isRequired: false, transformFunction: null }, onOverlayOutsideClickDisabled: { classPropertyName: "onOverlayOutsideClickDisabled", publicName: "onOverlayOutsideClickDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOverlayEscapeKeyDown: "onOverlayEscapeKeyDown", onOverlayOutsideClick: "onOverlayOutsideClick", onOpen: "onOpen", onClosed: "onClosed" }, hostDirectives: [{ directive: i1.CdkConnectedOverlay }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxPopoverContent]',
@@ -499,10 +314,10 @@ class RdxPopoverTriggerDirective {
     click() {
         this.popoverRoot.handleToggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: RdxPopoverTriggerDirective, isStandalone: true, selector: "[rdxPopoverTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "popoverRoot.isOpen()", "attr.aria-controls": "popoverRoot.popoverContentDirective().name()", "attr.data-state": "popoverRoot.state()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: RdxPopoverTriggerDirective, isStandalone: true, selector: "[rdxPopoverTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "popoverRoot.isOpen()", "attr.aria-controls": "popoverRoot.popoverContentDirective().name()", "attr.data-state": "popoverRoot.state()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxPopoverTrigger]',
@@ -520,6 +335,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
                 }]
         }] });
 
+const RdxCdkEventServiceWindowKey = Symbol('__RdxCdkEventService__');
+
+function eventTypeAsPrimitiveConfigKey(eventType) {
+    return `prevent${eventType[0].toUpperCase()}${eventType.slice(1)}`;
+}
+class RdxCdkEventService {
+    #clickDomRootEventCallbacks;
+    constructor() {
+        this.document = injectDocument();
+        this.destroyRef = inject(DestroyRef);
+        this.ngZone = inject(NgZone);
+        this.renderer2 = inject(Renderer2);
+        this.window = injectWindow();
+        this.onDestroyCallbacks = new Set([() => deleteRdxCdkEventServiceWindowKey(this.window)]);
+        this.#clickDomRootEventCallbacks = new Set();
+        this.#listenToClickDomRootEvent();
+        this.#registerOnDestroyCallbacks();
+    }
+    registerPrimitive(primitiveInstance) {
+        if (!this.primitiveConfigs) {
+            this.primitiveConfigs = new Map();
+        }
+        if (!this.primitiveConfigs.has(primitiveInstance)) {
+            this.primitiveConfigs.set(primitiveInstance, {});
+        }
+    }
+    deregisterPrimitive(primitiveInstance) {
+        if (this.primitiveConfigs?.has(primitiveInstance)) {
+            this.primitiveConfigs.delete(primitiveInstance);
+        }
+    }
+    preventPrimitiveFromCdkEvent(primitiveInstance, eventType) {
+        this.#setPreventPrimitiveFromCdkEvent(primitiveInstance, eventType, true);
+    }
+    allowPrimitiveForCdkEvent(primitiveInstance, eventType) {
+        this.#setPreventPrimitiveFromCdkEvent(primitiveInstance, eventType, false);
+    }
+    preventPrimitiveFromCdkMultiEvents(primitiveInstance, eventTypes) {
+        eventTypes.forEach((eventType) => {
+            this.#setPreventPrimitiveFromCdkEvent(primitiveInstance, eventType, true);
+        });
+    }
+    allowPrimitiveForCdkMultiEvents(primitiveInstance, eventTypes) {
+        eventTypes.forEach((eventType) => {
+            this.#setPreventPrimitiveFromCdkEvent(primitiveInstance, eventType, false);
+        });
+    }
+    setPreventPrimitiveFromCdkMixEvents(primitiveInstance, eventTypes) {
+        Object.keys(eventTypes).forEach((eventType) => {
+            this.#setPreventPrimitiveFromCdkEvent(primitiveInstance, eventType, eventTypes[eventTypeAsPrimitiveConfigKey(eventType)]);
+        });
+    }
+    primitivePreventedFromCdkEvent(primitiveInstance, eventType) {
+        return this.primitiveConfigs?.get(primitiveInstance)?.[eventTypeAsPrimitiveConfigKey(eventType)];
+    }
+    addClickDomRootEventCallback(callback) {
+        this.#clickDomRootEventCallbacks.add(callback);
+    }
+    removeClickDomRootEventCallback(callback) {
+        return this.#clickDomRootEventCallbacks.delete(callback);
+    }
+    #setPreventPrimitiveFromCdkEvent(primitiveInstance, eventType, value) {
+        if (!this.primitiveConfigs?.has(primitiveInstance)) {
+            isDevMode() &&
+                console.error('[RdxCdkEventService.preventPrimitiveFromCdkEvent] RDX Primitive instance has not been registered!', primitiveInstance);
+            return;
+        }
+        switch (eventType) {
+            case 'cdkOverlayOutsideClick':
+                this.primitiveConfigs.get(primitiveInstance).preventCdkOverlayOutsideClick = value;
+                break;
+            case 'cdkOverlayEscapeKeyDown':
+                this.primitiveConfigs.get(primitiveInstance).preventCdkOverlayEscapeKeyDown = value;
+                break;
+        }
+    }
+    #registerOnDestroyCallbacks() {
+        this.destroyRef.onDestroy(() => {
+            this.onDestroyCallbacks.forEach((onDestroyCallback) => onDestroyCallback());
+            this.onDestroyCallbacks.clear();
+        });
+    }
+    #listenToClickDomRootEvent() {
+        const target = this.document;
+        const eventName = 'click';
+        const options = { capture: true };
+        const callback = (event) => {
+            this.#clickDomRootEventCallbacks.forEach((clickDomRootEventCallback) => clickDomRootEventCallback(event));
+        };
+        const major = parseInt(VERSION.major);
+        const minor = parseInt(VERSION.minor);
+        let destroyClickDomRootEventListener;
+        /**
+         * @see src/cdk/platform/features/backwards-compatibility.ts in @angular/cdk
+         */
+        if (major > 19 || (major === 19 && minor > 0) || (major === 0 && minor === 0)) {
+            destroyClickDomRootEventListener = this.ngZone.runOutsideAngular(() => {
+                const destroyClickDomRootEventListenerInternal = this.renderer2.listen(target, eventName, callback, 
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error
+                options);
+                return () => {
+                    destroyClickDomRootEventListenerInternal();
+                    this.#clickDomRootEventCallbacks.clear();
+                };
+            });
+        }
+        else {
+            /**
+             * This part can get removed when v19.1 or higher is on the board
+             */
+            destroyClickDomRootEventListener = this.ngZone.runOutsideAngular(() => {
+                target.addEventListener(eventName, callback, options);
+                return () => {
+                    this.ngZone.runOutsideAngular(() => target.removeEventListener(eventName, callback, options));
+                    this.#clickDomRootEventCallbacks.clear();
+                };
+            });
+        }
+        this.onDestroyCallbacks.add(destroyClickDomRootEventListener);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxCdkEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxCdkEventService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxCdkEventService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+const RdxCdkEventServiceToken = new InjectionToken('RdxCdkEventServiceToken');
+const existsErrorMessage = 'RdxCdkEventService should be provided only once!';
+const deleteRdxCdkEventServiceWindowKey = (window) => {
+    delete window[RdxCdkEventServiceWindowKey];
+};
+const getProvider = (throwWhenExists = true) => ({
+    provide: RdxCdkEventServiceToken,
+    useFactory: () => {
+        isDevMode() && console.log('providing RdxCdkEventService...');
+        const window = injectWindow();
+        if (window[RdxCdkEventServiceWindowKey]) {
+            if (throwWhenExists) {
+                throw Error(existsErrorMessage);
+            }
+            else {
+                isDevMode() && console.warn(existsErrorMessage);
+            }
+        }
+        window[RdxCdkEventServiceWindowKey] ??= new RdxCdkEventService();
+        return window[RdxCdkEventServiceWindowKey];
+    }
+});
+const provideRdxCdkEventServiceInRoot = () => makeEnvironmentProviders([getProvider()]);
+const provideRdxCdkEventService = () => getProvider(false);
+const injectRdxCdkEventService = () => inject(RdxCdkEventServiceToken, { optional: true });
+
 let nextId = 0;
 class RdxPopoverRootDirective {
     constructor() {
@@ -579,6 +547,8 @@ class RdxPopoverRootDirective {
         /** @ignore */
         this.viewContainerRef = inject(ViewContainerRef);
         /** @ignore */
+        this.rdxCdkEventService = injectRdxCdkEventService();
+        /** @ignore */
         this.destroyRef = inject(DestroyRef);
         /** @ignore */
         this.state = signal(RdxPopoverState.CLOSED);
@@ -599,6 +569,8 @@ class RdxPopoverRootDirective {
                 });
             });
         };
+        this.rdxCdkEventService?.registerPrimitive(this);
+        this.destroyRef.onDestroy(() => this.rdxCdkEventService?.deregisterPrimitive(this));
         this.onStateChangeEffect();
         this.onCssAnimationStatusChangeChangeEffect();
         this.onOpenChangeEffect();
@@ -814,10 +786,10 @@ class RdxPopoverRootDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.11", type: RdxPopoverRootDirective, isStandalone: true, selector: "[rdxPopoverRoot]", inputs: { anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, externalControl: { classPropertyName: "externalControl", publicName: "externalControl", isSignal: true, isRequired: false, transformFunction: null }, cssAnimation: { classPropertyName: "cssAnimation", publicName: "cssAnimation", isSignal: true, isRequired: false, transformFunction: null }, cssOpeningAnimation: { classPropertyName: "cssOpeningAnimation", publicName: "cssOpeningAnimation", isSignal: true, isRequired: false, transformFunction: null }, cssClosingAnimation: { classPropertyName: "cssClosingAnimation", publicName: "cssClosingAnimation", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "popoverContentDirective", first: true, predicate: RdxPopoverContentDirective, descendants: true, isSignal: true }, { propertyName: "popoverTriggerDirective", first: true, predicate: RdxPopoverTriggerDirective, descendants: true, isSignal: true }, { propertyName: "popoverArrowDirective", first: true, predicate: RdxPopoverArrowToken, descendants: true, isSignal: true }, { propertyName: "popoverCloseDirective", first: true, predicate: RdxPopoverCloseToken, descendants: true, isSignal: true }, { propertyName: "popoverContentAttributesComponent", first: true, predicate: RdxPopoverContentAttributesToken, descendants: true, isSignal: true }, { propertyName: "internalPopoverAnchorDirective", first: true, predicate: RdxPopoverAnchorToken, descendants: true, isSignal: true }], exportAs: ["rdxPopoverRoot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.5", type: RdxPopoverRootDirective, isStandalone: true, selector: "[rdxPopoverRoot]", inputs: { anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, externalControl: { classPropertyName: "externalControl", publicName: "externalControl", isSignal: true, isRequired: false, transformFunction: null }, cssAnimation: { classPropertyName: "cssAnimation", publicName: "cssAnimation", isSignal: true, isRequired: false, transformFunction: null }, cssOpeningAnimation: { classPropertyName: "cssOpeningAnimation", publicName: "cssOpeningAnimation", isSignal: true, isRequired: false, transformFunction: null }, cssClosingAnimation: { classPropertyName: "cssClosingAnimation", publicName: "cssClosingAnimation", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "popoverContentDirective", first: true, predicate: RdxPopoverContentDirective, descendants: true, isSignal: true }, { propertyName: "popoverTriggerDirective", first: true, predicate: RdxPopoverTriggerDirective, descendants: true, isSignal: true }, { propertyName: "popoverArrowDirective", first: true, predicate: RdxPopoverArrowToken, descendants: true, isSignal: true }, { propertyName: "popoverCloseDirective", first: true, predicate: RdxPopoverCloseToken, descendants: true, isSignal: true }, { propertyName: "popoverContentAttributesComponent", first: true, predicate: RdxPopoverContentAttributesToken, descendants: true, isSignal: true }, { propertyName: "internalPopoverAnchorDirective", first: true, predicate: RdxPopoverAnchorToken, descendants: true, isSignal: true }], exportAs: ["rdxPopoverRoot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxPopoverRoot]',
@@ -844,7 +816,7 @@ class RdxPopoverAnchorDirective {
         /** @ignore */
         this.overlayOrigin = inject(CdkOverlayOrigin);
         /** @ignore */
-        this.document = inject(DOCUMENT);
+        this.document = injectDocument();
         /** @ignore */
         this.name = computed(() => `rdx-popover-external-anchor-${this.popoverRoot?.uniqueId()}`);
     }
@@ -857,22 +829,27 @@ class RdxPopoverAnchorDirective {
         this.popoverRoot = popoverRoot;
     }
     emitOutsideClick() {
+        if (!this.popoverRoot?.isOpen() ||
+            this.popoverRoot?.popoverContentDirective().onOverlayOutsideClickDisabled()) {
+            return;
+        }
         const clickEvent = new MouseEvent('click', {
             view: this.document.defaultView,
             bubbles: true,
-            cancelable: true
+            cancelable: true,
+            relatedTarget: this.elementRef.nativeElement
         });
-        this.document.body.dispatchEvent(clickEvent);
+        this.popoverRoot?.popoverTriggerDirective().elementRef.nativeElement.dispatchEvent(clickEvent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: RdxPopoverAnchorDirective, isStandalone: true, selector: "[rdxPopoverAnchor]", host: { attributes: { "type": "button" }, listeners: { "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: RdxPopoverAnchorDirective, isStandalone: true, selector: "[rdxPopoverAnchor]", host: { attributes: { "type": "button" }, listeners: { "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"" } }, providers: [
             {
                 provide: RdxPopoverAnchorToken,
                 useExisting: forwardRef(() => RdxPopoverAnchorDirective)
             }
         ], exportAs: ["rdxPopoverAnchor"], hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverAnchorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxPopoverAnchor]',
@@ -930,25 +907,27 @@ class RdxPopoverArrowDirective {
         this.currentArrowSvgElement = signal(void 0);
         /** @ignore */
         this.position = toSignal(this.popoverRoot.popoverContentDirective().positionChange());
+        afterNextRender({
+            write: () => {
+                if (this.elementRef.nativeElement.parentElement) {
+                    this.renderer.setStyle(this.elementRef.nativeElement.parentElement, 'position', 'relative');
+                }
+                this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'absolute');
+                this.renderer.setStyle(this.elementRef.nativeElement, 'boxSizing', '');
+                this.renderer.setStyle(this.elementRef.nativeElement, 'fontSize', '0px');
+            }
+        });
         this.onArrowSvgElementChangeEffect();
-        this.onContentPositionChangeEffect();
+        this.onContentPositionAndArrowDimensionsChangeEffect();
     }
     /** @ignore */
-    ngAfterViewInit() {
-        if (this.elementRef.nativeElement.parentElement) {
-            this.renderer.setStyle(this.elementRef.nativeElement.parentElement, 'position', 'relative');
-        }
-        this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'absolute');
-        this.renderer.setStyle(this.elementRef.nativeElement, 'boxSizing', '');
-        this.renderer.setStyle(this.elementRef.nativeElement, 'fontSize', '0px');
-    }
     setAnchorOrTriggerRect() {
         this.anchorOrTriggerRect = (this.popoverRoot.popoverAnchorDirective() ?? this.popoverRoot.popoverTriggerDirective()).elementRef.nativeElement.getBoundingClientRect();
     }
     /** @ignore */
-    setPosition(position) {
+    setPosition(position, arrowDimensions) {
         this.setAnchorOrTriggerRect();
-        const posParams = getArrowPositionParams(getSideAndAlignFromAllPossibleConnectedPositions(position.connectionPair), { width: this.width(), height: this.height() }, { width: this.anchorOrTriggerRect.width, height: this.anchorOrTriggerRect.height });
+        const posParams = getArrowPositionParams(getSideAndAlignFromAllPossibleConnectedPositions(position.connectionPair), { width: arrowDimensions.width, height: arrowDimensions.height }, { width: this.anchorOrTriggerRect.width, height: this.anchorOrTriggerRect.height });
         this.renderer.setStyle(this.elementRef.nativeElement, 'top', posParams.top);
         this.renderer.setStyle(this.elementRef.nativeElement, 'bottom', '');
         this.renderer.setStyle(this.elementRef.nativeElement, 'left', posParams.left);
@@ -972,26 +951,27 @@ class RdxPopoverArrowDirective {
         });
     }
     /** @ignore */
-    onContentPositionChangeEffect() {
+    onContentPositionAndArrowDimensionsChangeEffect() {
         effect(() => {
             const position = this.position();
+            const arrowDimensions = { width: this.width(), height: this.height() };
             untracked(() => {
                 if (!position) {
                     return;
                 }
-                this.setPosition(position);
+                this.setPosition(position, arrowDimensions);
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.11", type: RdxPopoverArrowDirective, isStandalone: true, selector: "[rdxPopoverArrow]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.5", type: RdxPopoverArrowDirective, isStandalone: true, selector: "[rdxPopoverArrow]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: RdxPopoverArrowToken,
                 useExisting: forwardRef(() => RdxPopoverArrowDirective)
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverArrowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverArrowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxPopoverArrow]',
@@ -1024,15 +1004,15 @@ class RdxPopoverCloseDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.11", type: RdxPopoverCloseDirective, isStandalone: true, selector: "[rdxPopoverClose]", host: { attributes: { "type": "button" }, listeners: { "click": "popoverRoot.handleClose()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: RdxPopoverCloseDirective, isStandalone: true, selector: "[rdxPopoverClose]", host: { attributes: { "type": "button" }, listeners: { "click": "popoverRoot.handleClose()" } }, providers: [
             {
                 provide: RdxPopoverCloseToken,
                 useExisting: forwardRef(() => RdxPopoverCloseDirective)
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxPopoverClose]',
@@ -1077,8 +1057,8 @@ class RdxPopoverContentAttributesComponent {
             ((this.popoverRoot.cssOpeningAnimation() && this.popoverRoot.state() === RdxPopoverState.OPEN) ||
                 (this.popoverRoot.cssClosingAnimation() && this.popoverRoot.state() === RdxPopoverState.CLOSED)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverContentAttributesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.11", type: RdxPopoverContentAttributesComponent, isStandalone: true, selector: "[rdxPopoverContentAttributes]", host: { listeners: { "animationstart": "onAnimationStart($event)", "animationend": "onAnimationEnd($event)" }, properties: { "attr.role": "\"dialog\"", "attr.id": "name()", "attr.data-state": "popoverRoot.state()", "attr.data-side": "popoverRoot.popoverContentDirective().side()", "attr.data-align": "popoverRoot.popoverContentDirective().align()", "style": "disableAnimation() ? {animation: \"none !important\"} : null" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverContentAttributesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: RdxPopoverContentAttributesComponent, isStandalone: true, selector: "[rdxPopoverContentAttributes]", host: { listeners: { "animationstart": "onAnimationStart($event)", "animationend": "onAnimationEnd($event)" }, properties: { "attr.role": "\"dialog\"", "attr.id": "name()", "attr.data-state": "popoverRoot.state()", "attr.data-side": "popoverRoot.popoverContentDirective().side()", "attr.data-align": "popoverRoot.popoverContentDirective().align()", "style": "disableAnimation() ? {animation: \"none !important\"} : null" } }, providers: [
             {
                 provide: RdxPopoverContentAttributesToken,
                 useExisting: forwardRef(() => RdxPopoverContentAttributesComponent)
@@ -1087,7 +1067,7 @@ class RdxPopoverContentAttributesComponent {
         <ng-content />
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverContentAttributesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverContentAttributesComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[rdxPopoverContentAttributes]',
@@ -1125,8 +1105,8 @@ const _imports = [
     RdxPopoverContentAttributesComponent
 ];
 class RdxPopoverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverModule, imports: [RdxPopoverArrowDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverModule, imports: [RdxPopoverArrowDirective,
             RdxPopoverCloseDirective,
             RdxPopoverContentDirective,
             RdxPopoverTriggerDirective,
@@ -1139,9 +1119,9 @@ class RdxPopoverModule {
             RdxPopoverRootDirective,
             RdxPopoverAnchorDirective,
             RdxPopoverContentAttributesComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [..._imports],
@@ -1153,5 +1133,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { RdxPopoverAlign, RdxPopoverAnchorDirective, RdxPopoverAnimationStatus, RdxPopoverArrowDirective, RdxPopoverAttachDetachEvent, RdxPopoverCloseDirective, RdxPopoverContentAttributesComponent, RdxPopoverContentDirective, RdxPopoverModule, RdxPopoverRootDirective, RdxPopoverSide, RdxPopoverState, RdxPopoverTriggerDirective };
+export { RdxPopoverAnchorDirective, RdxPopoverArrowDirective, RdxPopoverCloseDirective, RdxPopoverContentAttributesComponent, RdxPopoverContentDirective, RdxPopoverModule, RdxPopoverRootDirective, RdxPopoverTriggerDirective };
 //# sourceMappingURL=radix-ng-primitives-popover.mjs.map