@radix-ng/primitives 0.42.0 → 0.44.0

package/fesm2022/radix-ng-primitives-hover-card.mjs

@@ -53,53 +53,53 @@ class RdxHoverCardContentDirective {
         /** @ignore */
         this.connectedOverlay = inject(CdkConnectedOverlay);
         /** @ignore */
-        this.name = computed(() => `rdx-hover-card-trigger-${this.rootDirective.uniqueId()}`);
+        this.name = computed(() => `rdx-hover-card-trigger-${this.rootDirective.uniqueId()}`, ...(ngDevMode ? [{ debugName: "name" }] : []));
         /**
          * The preferred side of the trigger to render against when open. Will be reversed when collisions occur and avoidCollisions is enabled.
          * @group Props
          * @defaultValue top
          */
-        this.side = input(RdxPositionSide.Top);
+        this.side = input(RdxPositionSide.Top, ...(ngDevMode ? [{ debugName: "side" }] : []));
         /**
          * The distance in pixels from the trigger.
          * @group Props
          * @defaultValue undefined
          */
-        this.sideOffset = input(NaN, {
-            transform: numberAttribute
-        });
+        this.sideOffset = input(NaN, ...(ngDevMode ? [{ debugName: "sideOffset", transform: numberAttribute }] : [{
+                transform: numberAttribute
+            }]));
         /**
          * The preferred alignment against the trigger. May change when collisions occur.
          * @group Props
          * @defaultValue center
          */
-        this.align = input(RdxPositionAlign.Center);
+        this.align = input(RdxPositionAlign.Center, ...(ngDevMode ? [{ debugName: "align" }] : []));
         /**
          * An offset in pixels from the "start" or "end" alignment options.
          * @group Props
          * @defaultValue undefined
          */
-        this.alignOffset = input(NaN, {
-            transform: numberAttribute
-        });
+        this.alignOffset = input(NaN, ...(ngDevMode ? [{ debugName: "alignOffset", transform: numberAttribute }] : [{
+                transform: numberAttribute
+            }]));
         /**
          * Whether to add some alternate positions of the content.
          * @group Props
          * @defaultValue false
          */
-        this.alternatePositionsDisabled = input(false, { transform: booleanAttribute });
+        this.alternatePositionsDisabled = input(false, ...(ngDevMode ? [{ debugName: "alternatePositionsDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Whether to prevent `onOverlayEscapeKeyDown` handler from calling.
          * @group Props
          * @defaultValue false
          */
-        this.onOverlayEscapeKeyDownDisabled = input(false, { transform: booleanAttribute });
+        this.onOverlayEscapeKeyDownDisabled = input(false, ...(ngDevMode ? [{ debugName: "onOverlayEscapeKeyDownDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Whether to prevent `onOverlayOutsideClick` handler from calling.
          * @group Props
          * @defaultValue false
          */
-        this.onOverlayOutsideClickDisabled = input(false, { transform: booleanAttribute });
+        this.onOverlayOutsideClickDisabled = input(false, ...(ngDevMode ? [{ debugName: "onOverlayOutsideClickDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Event handler called when the escape key is down.
          * It can be prevented by setting `onOverlayEscapeKeyDownDisabled` input to `true`.
@@ -123,7 +123,7 @@ class RdxHoverCardContentDirective {
          */
         this.onClosed = output();
         /** @ingore */
-        this.positions = computed(() => this.computePositions());
+        this.positions = computed(() => this.computePositions(), ...(ngDevMode ? [{ debugName: "positions" }] : []));
         this.onOriginChangeEffect();
         this.onPositionChangeEffect();
     }
@@ -307,10 +307,10 @@ class RdxHoverCardContentDirective {
             [input]: new SimpleChange(previousValue, currentValue, firstChange)
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxHoverCardContentDirective, isStandalone: true, selector: "[rdxHoverCardContent]", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxHoverCardContentDirective, isStandalone: true, selector: "[rdxHoverCardContent]", 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: "19.2.4", ngImport: i0, type: RdxHoverCardContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxHoverCardContent]',
@@ -327,7 +327,7 @@ class RdxHoverCardTriggerDirective {
         /** @ignore */
         this.overlayOrigin = inject(CdkOverlayOrigin);
         /** @ignore */
-        this.name = computed(() => `rdx-hover-card-trigger-${this.rootDirective.uniqueId()}`);
+        this.name = computed(() => `rdx-hover-card-trigger-${this.rootDirective.uniqueId()}`, ...(ngDevMode ? [{ debugName: "name" }] : []));
     }
     /** @ignore */
     pointerenter() {
@@ -349,10 +349,10 @@ class RdxHoverCardTriggerDirective {
     click() {
         this.rootDirective.handleClose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxHoverCardTriggerDirective, isStandalone: true, selector: "[rdxHoverCardTrigger]", host: { listeners: { "pointerenter": "pointerenter()", "pointerleave": "pointerleave()", "focus": "focus()", "blur": "blur()", "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "rootDirective.isOpen()", "attr.aria-controls": "rootDirective.contentDirective().name()", "attr.data-state": "rootDirective.state()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxHoverCardTriggerDirective, isStandalone: true, selector: "[rdxHoverCardTrigger]", host: { listeners: { "pointerenter": "pointerenter()", "pointerleave": "pointerleave()", "focus": "focus()", "blur": "blur()", "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "rootDirective.isOpen()", "attr.aria-controls": "rootDirective.contentDirective().name()", "attr.data-state": "rootDirective.state()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxHoverCardTrigger]',
@@ -490,10 +490,10 @@ class RdxCdkEventService {
         }
         this.onDestroyCallbacks.add(destroyClickDomRootEventListener);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCdkEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCdkEventService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCdkEventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCdkEventService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxCdkEventService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxCdkEventService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 const RdxCdkEventServiceToken = new InjectionToken('RdxCdkEventServiceToken');
@@ -529,81 +529,81 @@ let nextId = 0;
 class RdxHoverCardRootDirective {
     constructor() {
         /** @ignore */
-        this.uniqueId = signal(++nextId);
+        this.uniqueId = signal(++nextId, ...(ngDevMode ? [{ debugName: "uniqueId" }] : []));
         /** @ignore */
-        this.name = computed(() => `rdx-hover-card-root-${this.uniqueId()}`);
+        this.name = computed(() => `rdx-hover-card-root-${this.uniqueId()}`, ...(ngDevMode ? [{ debugName: "name" }] : []));
         /**
          * The anchor directive that comes from outside the hover-card rootDirective
          * @group Props
          * @defaultValue undefined
          */
-        this.anchor = input(void 0);
+        this.anchor = input(void 0, ...(ngDevMode ? [{ debugName: "anchor" }] : []));
         /**
          * The open state of the hover-card when it is initially rendered. Use when you do not need to control its open state.
          * @group Props
          * @defaultValue false
          */
-        this.defaultOpen = input(false, { transform: booleanAttribute });
+        this.defaultOpen = input(false, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * The controlled state of the hover-card. `open` input takes precedence over `defaultOpen` input.
          * @group Props
          * @defaultValue undefined
          */
-        this.open = input(void 0, { transform: booleanAttribute });
+        this.open = input(void 0, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * The delay in milliseconds before the hover-card opens.
          * @group Props
          * @defaultValue 500
          */
-        this.openDelay = input(500, {
-            transform: numberAttribute
-        });
+        this.openDelay = input(500, ...(ngDevMode ? [{ debugName: "openDelay", transform: numberAttribute }] : [{
+                transform: numberAttribute
+            }]));
         /**
          * The delay in milliseconds before the hover-card closes.
          * @group Props
          * @defaultValue 200
          */
-        this.closeDelay = input(200, {
-            transform: numberAttribute
-        });
+        this.closeDelay = input(200, ...(ngDevMode ? [{ debugName: "closeDelay", transform: numberAttribute }] : [{
+                transform: numberAttribute
+            }]));
         /**
          * Whether to control the state of the hover-card from outside. Use in conjunction with `open` input.
          * @group Props
          * @defaultValue undefined
          */
-        this.externalControl = input(void 0, { transform: booleanAttribute });
+        this.externalControl = input(void 0, ...(ngDevMode ? [{ debugName: "externalControl", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Whether to take into account CSS opening/closing animations.
          * @group Props
          * @defaultValue false
          */
-        this.cssAnimation = input(false, { transform: booleanAttribute });
+        this.cssAnimation = input(false, ...(ngDevMode ? [{ debugName: "cssAnimation", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Whether to take into account CSS opening animations. `cssAnimation` input must be set to 'true'
          * @group Props
          * @defaultValue false
          */
-        this.cssOpeningAnimation = input(false, { transform: booleanAttribute });
+        this.cssOpeningAnimation = input(false, ...(ngDevMode ? [{ debugName: "cssOpeningAnimation", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Whether to take into account CSS closing animations. `cssAnimation` input must be set to 'true'
          * @group Props
          * @defaultValue false
          */
-        this.cssClosingAnimation = input(false, { transform: booleanAttribute });
+        this.cssClosingAnimation = input(false, ...(ngDevMode ? [{ debugName: "cssClosingAnimation", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /** @ignore */
-        this.cssAnimationStatus = signal(null);
+        this.cssAnimationStatus = signal(null, ...(ngDevMode ? [{ debugName: "cssAnimationStatus" }] : []));
         /** @ignore */
         this.contentDirective = contentChild.required(RdxHoverCardContentDirective);
         /** @ignore */
         this.triggerDirective = contentChild.required(RdxHoverCardTriggerDirective);
         /** @ignore */
-        this.arrowDirective = contentChild(RdxHoverCardArrowToken);
+        this.arrowDirective = contentChild(RdxHoverCardArrowToken, ...(ngDevMode ? [{ debugName: "arrowDirective" }] : []));
         /** @ignore */
-        this.closeDirective = contentChild(RdxHoverCardCloseToken);
+        this.closeDirective = contentChild(RdxHoverCardCloseToken, ...(ngDevMode ? [{ debugName: "closeDirective" }] : []));
         /** @ignore */
-        this.contentAttributesComponent = contentChild(RdxHoverCardContentAttributesToken);
+        this.contentAttributesComponent = contentChild(RdxHoverCardContentAttributesToken, ...(ngDevMode ? [{ debugName: "contentAttributesComponent" }] : []));
         /** @ignore */
-        this.internalAnchorDirective = contentChild(RdxHoverCardAnchorToken);
+        this.internalAnchorDirective = contentChild(RdxHoverCardAnchorToken, ...(ngDevMode ? [{ debugName: "internalAnchorDirective" }] : []));
         /** @ignore */
         this.viewContainerRef = inject(ViewContainerRef);
         /** @ignore */
@@ -611,13 +611,13 @@ class RdxHoverCardRootDirective {
         /** @ignore */
         this.destroyRef = inject(DestroyRef);
         /** @ignore */
-        this.state = signal(RdxHoverCardState.CLOSED);
+        this.state = signal(RdxHoverCardState.CLOSED, ...(ngDevMode ? [{ debugName: "state" }] : []));
         /** @ignore */
-        this.attachDetachEvent = signal(RdxHoverCardAttachDetachEvent.DETACH);
+        this.attachDetachEvent = signal(RdxHoverCardAttachDetachEvent.DETACH, ...(ngDevMode ? [{ debugName: "attachDetachEvent" }] : []));
         /** @ignore */
-        this.isFirstDefaultOpen = signal(false);
+        this.isFirstDefaultOpen = signal(false, ...(ngDevMode ? [{ debugName: "isFirstDefaultOpen" }] : []));
         /** @ignore */
-        this.anchorDirective = computed(() => this.internalAnchorDirective() ?? this.anchor());
+        this.anchorDirective = computed(() => this.internalAnchorDirective() ?? this.anchor(), ...(ngDevMode ? [{ debugName: "anchorDirective" }] : []));
         /** @ignore */
         this.actionSubject$ = new Subject();
         /** @ignore */
@@ -847,7 +847,7 @@ class RdxHoverCardRootDirective {
                 }
                 this.handleOpen();
             });
-        });
+        }, ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
     }
     /** @ignore */
     actionSubscription() {
@@ -872,10 +872,10 @@ class RdxHoverCardRootDirective {
         }), takeUntilDestroyed())
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.4", type: RdxHoverCardRootDirective, isStandalone: true, selector: "[rdxHoverCardRoot]", 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 }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", 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: "contentDirective", first: true, predicate: RdxHoverCardContentDirective, descendants: true, isSignal: true }, { propertyName: "triggerDirective", first: true, predicate: RdxHoverCardTriggerDirective, descendants: true, isSignal: true }, { propertyName: "arrowDirective", first: true, predicate: RdxHoverCardArrowToken, descendants: true, isSignal: true }, { propertyName: "closeDirective", first: true, predicate: RdxHoverCardCloseToken, descendants: true, isSignal: true }, { propertyName: "contentAttributesComponent", first: true, predicate: RdxHoverCardContentAttributesToken, descendants: true, isSignal: true }, { propertyName: "internalAnchorDirective", first: true, predicate: RdxHoverCardAnchorToken, descendants: true, isSignal: true }], exportAs: ["rdxHoverCardRoot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.3", type: RdxHoverCardRootDirective, isStandalone: true, selector: "[rdxHoverCardRoot]", 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 }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", 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: "contentDirective", first: true, predicate: RdxHoverCardContentDirective, descendants: true, isSignal: true }, { propertyName: "triggerDirective", first: true, predicate: RdxHoverCardTriggerDirective, descendants: true, isSignal: true }, { propertyName: "arrowDirective", first: true, predicate: RdxHoverCardArrowToken, descendants: true, isSignal: true }, { propertyName: "closeDirective", first: true, predicate: RdxHoverCardCloseToken, descendants: true, isSignal: true }, { propertyName: "contentAttributesComponent", first: true, predicate: RdxHoverCardContentAttributesToken, descendants: true, isSignal: true }, { propertyName: "internalAnchorDirective", first: true, predicate: RdxHoverCardAnchorToken, descendants: true, isSignal: true }], exportAs: ["rdxHoverCardRoot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxHoverCardRoot]',
@@ -903,7 +903,7 @@ class RdxHoverCardAnchorDirective {
         /** @ignore */
         this.document = injectDocument();
         /** @ignore */
-        this.name = computed(() => `rdx-hover-card-external-anchor-${this.rootDirective?.uniqueId()}`);
+        this.name = computed(() => `rdx-hover-card-external-anchor-${this.rootDirective?.uniqueId()}`, ...(ngDevMode ? [{ debugName: "name" }] : []));
     }
     /** @ignore */
     click() {
@@ -925,15 +925,15 @@ class RdxHoverCardAnchorDirective {
         });
         this.rootDirective?.triggerDirective().elementRef.nativeElement.dispatchEvent(clickEvent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxHoverCardAnchorDirective, isStandalone: true, selector: "[rdxHoverCardAnchor]", 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: "20.3.3", ngImport: i0, type: RdxHoverCardAnchorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxHoverCardAnchorDirective, isStandalone: true, selector: "[rdxHoverCardAnchor]", host: { attributes: { "type": "button" }, listeners: { "click": "click()" }, properties: { "attr.id": "name()", "attr.aria-haspopup": "\"dialog\"" } }, providers: [
             {
                 provide: RdxHoverCardAnchorToken,
                 useExisting: forwardRef(() => RdxHoverCardAnchorDirective)
             }
         ], exportAs: ["rdxHoverCardAnchor"], hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardAnchorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxHoverCardAnchor]',
@@ -970,13 +970,13 @@ class RdxHoverCardArrowDirective {
          * @group Props
          * @defaultValue 10
          */
-        this.width = input(RDX_POSITIONING_DEFAULTS.arrow.width, { transform: numberAttribute });
+        this.width = input(RDX_POSITIONING_DEFAULTS.arrow.width, ...(ngDevMode ? [{ debugName: "width", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * The height of the arrow in pixels.
          * @group Props
          * @defaultValue 5
          */
-        this.height = input(RDX_POSITIONING_DEFAULTS.arrow.height, { transform: numberAttribute });
+        this.height = input(RDX_POSITIONING_DEFAULTS.arrow.height, ...(ngDevMode ? [{ debugName: "height", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /** @ignore */
         this.arrowSvgElement = computed(() => {
             const width = this.width();
@@ -990,9 +990,9 @@ class RdxHoverCardArrowDirective {
             this.renderer.setAttribute(svgElement, 'preserveAspectRatio', 'none');
             this.renderer.appendChild(svgElement, polygonElement);
             return svgElement;
-        });
+        }, ...(ngDevMode ? [{ debugName: "arrowSvgElement" }] : []));
         /** @ignore */
-        this.currentArrowSvgElement = signal(void 0);
+        this.currentArrowSvgElement = signal(void 0, ...(ngDevMode ? [{ debugName: "currentArrowSvgElement" }] : []));
         /** @ignore */
         this.position = toSignal(this.rootDirective.contentDirective().positionChange());
         afterNextRender({
@@ -1052,15 +1052,15 @@ class RdxHoverCardArrowDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxHoverCardArrowDirective, isStandalone: true, selector: "[rdxHoverCardArrow]", 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: "20.3.3", ngImport: i0, type: RdxHoverCardArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxHoverCardArrowDirective, isStandalone: true, selector: "[rdxHoverCardArrow]", 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: RdxHoverCardArrowToken,
                 useExisting: forwardRef(() => RdxHoverCardArrowDirective)
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardArrowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardArrowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxHoverCardArrow]',
@@ -1095,15 +1095,15 @@ class RdxHoverCardCloseDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxHoverCardCloseDirective, isStandalone: true, selector: "[rdxHoverCardClose]", host: { attributes: { "type": "button" }, listeners: { "click": "rootDirective.handleClose(true)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxHoverCardCloseDirective, isStandalone: true, selector: "[rdxHoverCardClose]", host: { attributes: { "type": "button" }, listeners: { "click": "rootDirective.handleClose(true)" } }, providers: [
             {
                 provide: RdxHoverCardCloseToken,
                 useExisting: forwardRef(() => RdxHoverCardCloseDirective)
             }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxHoverCardClose]',
@@ -1125,9 +1125,9 @@ class RdxHoverCardContentAttributesComponent {
         /** @ignore */
         this.rootDirective = injectHoverCardRoot();
         /** @ignore */
-        this.name = computed(() => `rdx-hover-card-content-attributes-${this.rootDirective.uniqueId()}`);
+        this.name = computed(() => `rdx-hover-card-content-attributes-${this.rootDirective.uniqueId()}`, ...(ngDevMode ? [{ debugName: "name" }] : []));
         /** @ignore */
-        this.disableAnimation = computed(() => !this.canAnimate());
+        this.disableAnimation = computed(() => !this.canAnimate(), ...(ngDevMode ? [{ debugName: "disableAnimation" }] : []));
     }
     /** @ignore */
     onAnimationStart(_) {
@@ -1163,8 +1163,8 @@ class RdxHoverCardContentAttributesComponent {
             ((this.rootDirective.cssOpeningAnimation() && this.rootDirective.state() === RdxHoverCardState.OPEN) ||
                 (this.rootDirective.cssClosingAnimation() && this.rootDirective.state() === RdxHoverCardState.CLOSED)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardContentAttributesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: RdxHoverCardContentAttributesComponent, isStandalone: true, selector: "[rdxHoverCardContentAttributes]", host: { listeners: { "animationstart": "onAnimationStart($event)", "animationend": "onAnimationEnd($event)", "pointerenter": "pointerenter()", "pointerleave": "pointerleave()", "focus": "focus()", "blur": "blur()" }, properties: { "attr.role": "\"dialog\"", "attr.id": "name()", "attr.data-state": "rootDirective.state()", "attr.data-side": "rootDirective.contentDirective().side()", "attr.data-align": "rootDirective.contentDirective().align()", "style": "disableAnimation() ? {animation: \"none !important\"} : null" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardContentAttributesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: RdxHoverCardContentAttributesComponent, isStandalone: true, selector: "[rdxHoverCardContentAttributes]", host: { listeners: { "animationstart": "onAnimationStart($event)", "animationend": "onAnimationEnd($event)", "pointerenter": "pointerenter()", "pointerleave": "pointerleave()", "focus": "focus()", "blur": "blur()" }, properties: { "attr.role": "\"dialog\"", "attr.id": "name()", "attr.data-state": "rootDirective.state()", "attr.data-side": "rootDirective.contentDirective().side()", "attr.data-align": "rootDirective.contentDirective().align()", "style": "disableAnimation() ? {animation: \"none !important\"} : null" } }, providers: [
             {
                 provide: RdxHoverCardContentAttributesToken,
                 useExisting: forwardRef(() => RdxHoverCardContentAttributesComponent)
@@ -1173,7 +1173,7 @@ class RdxHoverCardContentAttributesComponent {
         <ng-content />
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardContentAttributesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardContentAttributesComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[rdxHoverCardContentAttributes]',
@@ -1214,8 +1214,8 @@ const _imports = [
     RdxHoverCardContentAttributesComponent
 ];
 class RdxHoverCardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardModule, imports: [RdxHoverCardArrowDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardModule, imports: [RdxHoverCardArrowDirective,
             RdxHoverCardCloseDirective,
             RdxHoverCardContentDirective,
             RdxHoverCardTriggerDirective,
@@ -1228,9 +1228,9 @@ class RdxHoverCardModule {
             RdxHoverCardRootDirective,
             RdxHoverCardAnchorDirective,
             RdxHoverCardContentAttributesComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxHoverCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxHoverCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [..._imports],