@radix-ng/primitives 0.44.0 → 0.51.0

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

@@ -17,11 +17,9 @@ class RdxTooltipTrigger {
     constructor() {
         this.rootContext = injectRdxTooltipContext();
         this.elementRef = inject(ElementRef);
-        this.userOnPointerDown = input(undefined, ...(ngDevMode ? [{ debugName: "userOnPointerDown", alias: 'rdxOnPointerDown' }] : [{
-                alias: 'rdxOnPointerDown'
-            }]));
-        this.isPointerDown = signal(false, ...(ngDevMode ? [{ debugName: "isPointerDown" }] : []));
-        this.hasPointerMoveOpened = signal(false, ...(ngDevMode ? [{ debugName: "hasPointerMoveOpened" }] : []));
+        this.userOnPointerDown = input(undefined, { ...(ngDevMode ? { debugName: "userOnPointerDown" } : /* istanbul ignore next */ {}), alias: 'rdxOnPointerDown' });
+        this.isPointerDown = signal(false, ...(ngDevMode ? [{ debugName: "isPointerDown" }] : /* istanbul ignore next */ []));
+        this.hasPointerMoveOpened = signal(false, ...(ngDevMode ? [{ debugName: "hasPointerMoveOpened" }] : /* istanbul ignore next */ []));
     }
     handleFocus(event) {
         if (this.rootContext.isControlledState())
@@ -80,10 +78,10 @@ class RdxTooltipTrigger {
         };
         document.addEventListener('pointerup', handlePointerUp, { once: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxTooltipTrigger, isStandalone: true, selector: "[rdxTooltipTrigger]", inputs: { userOnPointerDown: { classPropertyName: "userOnPointerDown", publicName: "rdxOnPointerDown", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-grace-area-trigger": "''" }, listeners: { "pointermove": "rootContext.isDisabled() ? undefined : handlePointerMove($event)", "pointerleave": "rootContext.isDisabled() ? undefined : handlePointerLeave()", "pointerdown": "rootContext.isDisabled() ? undefined : handlePointerDown($event)", "focus": "rootContext.isDisabled() ? undefined : handleFocus($event)", "blur": "rootContext.isDisabled() ? undefined : handleBlur()", "click": "rootContext.isDisabled() ? undefined : handleClick()" }, properties: { "attr.aria-describedby": "rootContext.isOpen() ? rootContext.contentId : undefined", "attr.data-state": "rootContext.state()" } }, hostDirectives: [{ directive: i1.RdxPopperAnchor }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTooltipTrigger, isStandalone: true, selector: "[rdxTooltipTrigger]", inputs: { userOnPointerDown: { classPropertyName: "userOnPointerDown", publicName: "rdxOnPointerDown", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-grace-area-trigger": "''" }, listeners: { "pointermove": "rootContext.isDisabled() ? undefined : handlePointerMove($event)", "pointerleave": "rootContext.isDisabled() ? undefined : handlePointerLeave()", "pointerdown": "rootContext.isDisabled() ? undefined : handlePointerDown($event)", "focus": "rootContext.isDisabled() ? undefined : handleFocus($event)", "blur": "rootContext.isDisabled() ? undefined : handleBlur()", "click": "rootContext.isDisabled() ? undefined : handleClick()" }, properties: { "attr.aria-describedby": "rootContext.isOpen() ? rootContext.contentId : undefined", "attr.data-state": "rootContext.state()" } }, hostDirectives: [{ directive: i1.RdxPopperAnchor }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTooltipTrigger]',
@@ -100,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         '(click)': 'rootContext.isDisabled() ? undefined : handleClick()'
                     }
                 }]
-        }] });
+        }], propDecorators: { userOnPointerDown: [{ type: i0.Input, args: [{ isSignal: true, alias: "rdxOnPointerDown", required: false }] }] } });
 
 const defaultTooltipConfig = {
     delayDuration: 700,
@@ -198,38 +196,34 @@ class RdxTooltip {
         /**
          * Whether the tooltip is currently open.
          */
-        this.open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+        this.open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
         /**
          * The duration from when the pointer enters the trigger until the tooltip gets opened.
          */
-        this.delayDuration = input(this.defaultConfig.delayDuration, ...(ngDevMode ? [{ debugName: "delayDuration", transform: numberAttribute }] : [{
-                transform: numberAttribute
-            }]));
+        this.delayDuration = input(this.defaultConfig.delayDuration, { ...(ngDevMode ? { debugName: "delayDuration" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * How much time a user has to enter another trigger without incurring a delay again.
          * @defaultValue 300
          */
-        this.skipDelayDuration = input(this.defaultConfig.skipDelayDuration, ...(ngDevMode ? [{ debugName: "skipDelayDuration", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.skipDelayDuration = input(this.defaultConfig.skipDelayDuration, { ...(ngDevMode ? { debugName: "skipDelayDuration" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
          */
-        this.disableHoverableContent = input(this.defaultConfig.disableHoverableContent, ...(ngDevMode ? [{ debugName: "disableHoverableContent", transform: booleanAttribute }] : [{
-                transform: booleanAttribute
-            }]));
+        this.disableHoverableContent = input(this.defaultConfig.disableHoverableContent, { ...(ngDevMode ? { debugName: "disableHoverableContent" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * When `true`, disable tooltip
          * @defaultValue false
          */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * How long to wait before closing the tooltip. Specified in milliseconds.
          */
-        this.closeDelay = input(this.defaultConfig.closeDelay, ...(ngDevMode ? [{ debugName: "closeDelay", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.closeDelay = input(this.defaultConfig.closeDelay, { ...(ngDevMode ? { debugName: "closeDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * When `true`, clicking on trigger will not close the content.
          * @defaultValue false
          */
-        this.disableClosingTrigger = input(false, ...(ngDevMode ? [{ debugName: "disableClosingTrigger", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disableClosingTrigger = input(false, { ...(ngDevMode ? { debugName: "disableClosingTrigger" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Prevent the tooltip from opening if the focus did not come from
          * the keyboard by matching against the `:focus-visible` selector.
@@ -237,20 +231,20 @@ class RdxTooltip {
          * browser tabs or closing a dialog.
          * @defaultValue false
          */
-        this.ignoreNonKeyboardFocus = input(false, ...(ngDevMode ? [{ debugName: "ignoreNonKeyboardFocus", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.ignoreNonKeyboardFocus = input(false, { ...(ngDevMode ? { debugName: "ignoreNonKeyboardFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * To render a controlled tooltip
          */
-        this.isControlledState = input(false, ...(ngDevMode ? [{ debugName: "isControlledState", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.isPointerInTransit = signal(false, ...(ngDevMode ? [{ debugName: "isPointerInTransit" }] : []));
-        this.isOpenDelayed = signal(true, ...(ngDevMode ? [{ debugName: "isOpenDelayed" }] : []));
-        this.wasOpenDelayed = signal(false, ...(ngDevMode ? [{ debugName: "wasOpenDelayed" }] : []));
+        this.isControlledState = input(false, { ...(ngDevMode ? { debugName: "isControlledState" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.isPointerInTransit = signal(false, ...(ngDevMode ? [{ debugName: "isPointerInTransit" }] : /* istanbul ignore next */ []));
+        this.isOpenDelayed = signal(true, ...(ngDevMode ? [{ debugName: "isOpenDelayed" }] : /* istanbul ignore next */ []));
+        this.wasOpenDelayed = signal(false, ...(ngDevMode ? [{ debugName: "wasOpenDelayed" }] : /* istanbul ignore next */ []));
         this.state = computed(() => {
             if (!this.open()) {
                 return 'closed';
             }
             return this.wasOpenDelayed() ? 'delayed-open' : 'instant-open';
-        }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
         this.trigger = contentChild.required(RdxTooltipTrigger);
         this.timerProvider = useTimeoutFn(() => {
             this.isOpenDelayed.set(true);
@@ -285,17 +279,18 @@ class RdxTooltip {
     handleDelayedOpen() {
         this.startTimer();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.3", type: RdxTooltip, isStandalone: true, selector: "[rdxTooltip]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, delayDuration: { classPropertyName: "delayDuration", publicName: "delayDuration", isSignal: true, isRequired: false, transformFunction: null }, skipDelayDuration: { classPropertyName: "skipDelayDuration", publicName: "skipDelayDuration", isSignal: true, isRequired: false, transformFunction: null }, disableHoverableContent: { classPropertyName: "disableHoverableContent", publicName: "disableHoverableContent", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, disableClosingTrigger: { classPropertyName: "disableClosingTrigger", publicName: "disableClosingTrigger", isSignal: true, isRequired: false, transformFunction: null }, ignoreNonKeyboardFocus: { classPropertyName: "ignoreNonKeyboardFocus", publicName: "ignoreNonKeyboardFocus", isSignal: true, isRequired: false, transformFunction: null }, isControlledState: { classPropertyName: "isControlledState", publicName: "isControlledState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, providers: [provideRdxTooltipContext(context)], queries: [{ propertyName: "trigger", first: true, predicate: RdxTooltipTrigger, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.RdxPopper }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.9", type: RdxTooltip, isStandalone: true, selector: "[rdxTooltip]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, delayDuration: { classPropertyName: "delayDuration", publicName: "delayDuration", isSignal: true, isRequired: false, transformFunction: null }, skipDelayDuration: { classPropertyName: "skipDelayDuration", publicName: "skipDelayDuration", isSignal: true, isRequired: false, transformFunction: null }, disableHoverableContent: { classPropertyName: "disableHoverableContent", publicName: "disableHoverableContent", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, disableClosingTrigger: { classPropertyName: "disableClosingTrigger", publicName: "disableClosingTrigger", isSignal: true, isRequired: false, transformFunction: null }, ignoreNonKeyboardFocus: { classPropertyName: "ignoreNonKeyboardFocus", publicName: "ignoreNonKeyboardFocus", isSignal: true, isRequired: false, transformFunction: null }, isControlledState: { classPropertyName: "isControlledState", publicName: "isControlledState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, providers: [provideRdxTooltipContext(context)], queries: [{ propertyName: "trigger", first: true, predicate: RdxTooltipTrigger, descendants: true, isSignal: true }], exportAs: ["rdxTooltip"], hostDirectives: [{ directive: i1.RdxPopper }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltip, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTooltip]',
+                    exportAs: 'rdxTooltip',
                     providers: [provideRdxTooltipContext(context)],
                     hostDirectives: [RdxPopper]
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], delayDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "delayDuration", required: false }] }], skipDelayDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipDelayDuration", required: false }] }], disableHoverableContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableHoverableContent", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], disableClosingTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableClosingTrigger", required: false }] }], ignoreNonKeyboardFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreNonKeyboardFocus", required: false }] }], isControlledState: [{ type: i0.Input, args: [{ isSignal: true, alias: "isControlledState", required: false }] }], trigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RdxTooltipTrigger), { isSignal: true }] }] } });
 
 class RdxTooltipArrow {
     constructor() {
@@ -303,10 +298,10 @@ class RdxTooltipArrow {
             optional: true
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipArrow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxTooltipArrow, isStandalone: true, selector: "[rdxTooltipArrow]", host: { properties: { "hidden": "isVisuallyHidden" } }, hostDirectives: [{ directive: i1.RdxPopperArrow }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipArrow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxTooltipArrow, isStandalone: true, selector: "[rdxTooltipArrow]", host: { properties: { "hidden": "isVisuallyHidden" } }, hostDirectives: [{ directive: i1.RdxPopperArrow }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipArrow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipArrow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTooltipArrow]',
@@ -321,10 +316,10 @@ class RdxTooltipContent {
     constructor() {
         this.rootContext = injectRdxTooltipContext();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxTooltipContent, isStandalone: true, selector: "[rdxTooltipContent]", host: { attributes: { "role": "tooltip" }, properties: { "id": "rootContext.contentId" } }, hostDirectives: [{ directive: i1.RdxPopperContent }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxTooltipContent, isStandalone: true, selector: "[rdxTooltipContent]", host: { attributes: { "role": "tooltip" }, properties: { "id": "rootContext.contentId" } }, hostDirectives: [{ directive: i1.RdxPopperContent }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTooltipContent]',
@@ -361,7 +356,7 @@ function createSignalEvent() {
  * @param resetMs
  */
 function useGraceArea(triggerEl, containerEl, resetMs = 300) {
-    const isPointerInTransit = signal(false, ...(ngDevMode ? [{ debugName: "isPointerInTransit" }] : []));
+    const isPointerInTransit = signal(false, ...(ngDevMode ? [{ debugName: "isPointerInTransit" }] : /* istanbul ignore next */ []));
     const pointerExit = createSignalEvent();
     let pointerGraceArea = null;
     let resetTimer = null;
@@ -549,52 +544,52 @@ class RdxTooltipContentWrapper {
          * The preferred side of the anchor to render against when open.
          * Will be reversed when collisions occur and avoidCollisions is enabled.
          */
-        this.side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : []));
+        this.side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
         /**
          * The distance in pixels from the anchor.
          */
-        this.sideOffset = input(0, ...(ngDevMode ? [{ debugName: "sideOffset", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.sideOffset = input(0, { ...(ngDevMode ? { debugName: "sideOffset" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * The preferred alignment against the anchor. May change when collisions occur.
          */
-        this.align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : []));
+        this.align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
         /**
          * An offset in pixels from the `start` or `end` alignment options.
          */
-        this.alignOffset = input(0, ...(ngDevMode ? [{ debugName: "alignOffset", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.alignOffset = input(0, { ...(ngDevMode ? { debugName: "alignOffset" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * The padding between the arrow and the edges of the content.
          * If your content has border-radius, this will prevent it from overflowing the corners.
          */
-        this.arrowPadding = input(0, ...(ngDevMode ? [{ debugName: "arrowPadding", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.arrowPadding = input(0, { ...(ngDevMode ? { debugName: "arrowPadding" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * When `true`, overrides the `side` and `align` preferences to prevent collisions with boundary edges.
          */
-        this.avoidCollisions = input(true, ...(ngDevMode ? [{ debugName: "avoidCollisions", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.avoidCollisions = input(true, { ...(ngDevMode ? { debugName: "avoidCollisions" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * The element used as the collision boundary.
          * By default this is the viewport, though you can provide additional element(s) to be included in this check.
          */
-        this.collisionBoundary = input(...(ngDevMode ? [undefined, { debugName: "collisionBoundary" }] : []));
+        this.collisionBoundary = input(...(ngDevMode ? [undefined, { debugName: "collisionBoundary" }] : /* istanbul ignore next */ []));
         /**
          * The distance in pixels from the boundary edges where collision detection should occur.
          * Accepts a number (same for all sides), or a partial padding object, for example: `{ top: 20, left: 20 }`.
          */
-        this.collisionPadding = input(0, ...(ngDevMode ? [{ debugName: "collisionPadding" }] : []));
+        this.collisionPadding = input(0, ...(ngDevMode ? [{ debugName: "collisionPadding" }] : /* istanbul ignore next */ []));
         /**
          * The sticky behavior on the `align` axis.
          * - `partial` will keep the content in the boundary as long as the trigger is at least partially in the boundary
          * - `always` will keep the content in the boundary regardless.
          */
-        this.sticky = input('partial', ...(ngDevMode ? [{ debugName: "sticky" }] : []));
+        this.sticky = input('partial', ...(ngDevMode ? [{ debugName: "sticky" }] : /* istanbul ignore next */ []));
         /**
          * Whether to hide the content when the trigger becomes fully occluded.
          */
-        this.hideWhenDetached = input(false, ...(ngDevMode ? [{ debugName: "hideWhenDetached", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.hideWhenDetached = input(false, { ...(ngDevMode ? { debugName: "hideWhenDetached" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Whether to update the position of the floating element on every animation frame if required.
          */
-        this.updatePositionStrategy = input('always', ...(ngDevMode ? [{ debugName: "updatePositionStrategy" }] : []));
+        this.updatePositionStrategy = input('always', ...(ngDevMode ? [{ debugName: "updatePositionStrategy" }] : /* istanbul ignore next */ []));
         /**
          * Emits when the element is placed.
          */
@@ -609,8 +604,8 @@ class RdxTooltipContentWrapper {
          * Can be prevented.
          */
         this.pointerDownOutside = outputFromObservable(outputToObservable(this.dismissableLayer.pointerDownOutside));
-        this.triggerEl = signal(null, ...(ngDevMode ? [{ debugName: "triggerEl" }] : []));
-        this.containerEl = signal(null, ...(ngDevMode ? [{ debugName: "containerEl" }] : []));
+        this.triggerEl = signal(null, ...(ngDevMode ? [{ debugName: "triggerEl" }] : /* istanbul ignore next */ []));
+        this.containerEl = signal(null, ...(ngDevMode ? [{ debugName: "containerEl" }] : /* istanbul ignore next */ []));
         this.graceArea = useGraceArea(this.triggerEl, this.containerEl, 300);
         this.afterNextRender = afterNextRender(() => {
             this.triggerEl.set(this.rootContext.trigger().elementRef.nativeElement);
@@ -639,10 +634,10 @@ class RdxTooltipContentWrapper {
                 event.preventDefault();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipContentWrapper, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxTooltipContentWrapper, isStandalone: true, selector: "[rdxTooltipContentWrapper]", 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 }, arrowPadding: { classPropertyName: "arrowPadding", publicName: "arrowPadding", isSignal: true, isRequired: false, transformFunction: null }, avoidCollisions: { classPropertyName: "avoidCollisions", publicName: "avoidCollisions", isSignal: true, isRequired: false, transformFunction: null }, collisionBoundary: { classPropertyName: "collisionBoundary", publicName: "collisionBoundary", isSignal: true, isRequired: false, transformFunction: null }, collisionPadding: { classPropertyName: "collisionPadding", publicName: "collisionPadding", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, hideWhenDetached: { classPropertyName: "hideWhenDetached", publicName: "hideWhenDetached", isSignal: true, isRequired: false, transformFunction: null }, updatePositionStrategy: { classPropertyName: "updatePositionStrategy", publicName: "updatePositionStrategy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { placed: "placed", escapeKeyDown: "escapeKeyDown", pointerDownOutside: "pointerDownOutside" }, host: { properties: { "attr.data-state": "rootContext.state()", "style": "{\n          '--radix-tooltip-content-transform-origin': 'var(--radix-popper-transform-origin)',\n          '--radix-tooltip-content-available-width': 'var(--radix-popper-available-width)',\n          '--radix-tooltip-content-available-height': 'var(--radix-popper-available-height)',\n          '--radix-tooltip-trigger-width': 'var(--radix-popper-anchor-width)',\n          '--radix-tooltip-trigger-height': 'var(--radix-popper-anchor-height)',\n        }" } }, hostDirectives: [{ directive: i1$1.RdxDismissableLayer }, { directive: i1.RdxPopperContentWrapper, inputs: ["side", "side", "sideOffset", "sideOffset", "align", "align", "alignOffset", "alignOffset", "arrowPadding", "arrowPadding", "avoidCollisions", "avoidCollisions", "collisionBoundary", "collisionBoundary", "collisionPadding", "collisionPadding", "sticky", "sticky", "hideWhenDetached", "hideWhenDetached", "updatePositionStrategy", "updatePositionStrategy"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipContentWrapper, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTooltipContentWrapper, isStandalone: true, selector: "[rdxTooltipContentWrapper]", 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 }, arrowPadding: { classPropertyName: "arrowPadding", publicName: "arrowPadding", isSignal: true, isRequired: false, transformFunction: null }, avoidCollisions: { classPropertyName: "avoidCollisions", publicName: "avoidCollisions", isSignal: true, isRequired: false, transformFunction: null }, collisionBoundary: { classPropertyName: "collisionBoundary", publicName: "collisionBoundary", isSignal: true, isRequired: false, transformFunction: null }, collisionPadding: { classPropertyName: "collisionPadding", publicName: "collisionPadding", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, hideWhenDetached: { classPropertyName: "hideWhenDetached", publicName: "hideWhenDetached", isSignal: true, isRequired: false, transformFunction: null }, updatePositionStrategy: { classPropertyName: "updatePositionStrategy", publicName: "updatePositionStrategy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { placed: "placed", escapeKeyDown: "escapeKeyDown", pointerDownOutside: "pointerDownOutside" }, host: { properties: { "attr.data-state": "rootContext.state()", "style": "{\n          '--radix-tooltip-content-transform-origin': 'var(--radix-popper-transform-origin)',\n          '--radix-tooltip-content-available-width': 'var(--radix-popper-available-width)',\n          '--radix-tooltip-content-available-height': 'var(--radix-popper-available-height)',\n          '--radix-tooltip-trigger-width': 'var(--radix-popper-anchor-width)',\n          '--radix-tooltip-trigger-height': 'var(--radix-popper-anchor-height)',\n        }" } }, hostDirectives: [{ directive: i1$1.RdxDismissableLayer }, { directive: i1.RdxPopperContentWrapper, inputs: ["side", "side", "sideOffset", "sideOffset", "align", "align", "alignOffset", "alignOffset", "arrowPadding", "arrowPadding", "avoidCollisions", "avoidCollisions", "collisionBoundary", "collisionBoundary", "collisionPadding", "collisionPadding", "sticky", "sticky", "hideWhenDetached", "hideWhenDetached", "updatePositionStrategy", "updatePositionStrategy"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipContentWrapper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipContentWrapper, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTooltipContentWrapper]',
@@ -677,16 +672,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
         }`
                     }
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], alignOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignOffset", required: false }] }], arrowPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "arrowPadding", required: false }] }], avoidCollisions: [{ type: i0.Input, args: [{ isSignal: true, alias: "avoidCollisions", required: false }] }], collisionBoundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "collisionBoundary", required: false }] }], collisionPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "collisionPadding", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], hideWhenDetached: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideWhenDetached", required: false }] }], updatePositionStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "updatePositionStrategy", required: false }] }], placed: [{ type: i0.Output, args: ["placed"] }], escapeKeyDown: [{ type: i0.Output, args: ["escapeKeyDown"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }] } });
 
 class RdxTooltipPortal {
     constructor() {
-        this.container = input(...(ngDevMode ? [undefined, { debugName: "container" }] : []));
+        this.container = input.required(...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxTooltipPortal, isStandalone: true, selector: "[rdxTooltipPortal]", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1$2.RdxPortal, inputs: ["container", "container"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxTooltipPortal, isStandalone: true, selector: "[rdxTooltipPortal]", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: i1$2.RdxPortal, inputs: ["container", "container"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipPortal, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxTooltipPortal]',
@@ -697,18 +692,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         }
                     ]
                 }]
-        }] });
+        }], propDecorators: { container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: true }] }] } });
 
 class RdxTooltipPortalPresence {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipPortalPresence, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxTooltipPortalPresence, isStandalone: true, selector: "ng-template[rdxTooltipPortalPresence]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipPortalPresence, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxTooltipPortalPresence, isStandalone: true, selector: "ng-template[rdxTooltipPortalPresence]", providers: [
             provideRdxPresenceContext(() => {
                 const context = injectRdxTooltipContext();
                 return { present: context.isOpen };
             })
         ], hostDirectives: [{ directive: i1$3.RdxPresenceDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxTooltipPortalPresence, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxTooltipPortalPresence, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[rdxTooltipPortalPresence]',