ng-primitives 0.46.0 → 0.47.0

package/fesm2022/ng-primitives-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-tooltip.mjs","sources":["../../../../packages/ng-primitives/tooltip/src/config/tooltip-config.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger-state.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip.ts","../../../../packages/ng-primitives/tooltip/src/ng-primitives-tooltip.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpTooltipConfig {\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  placement: Placement;\n\n  /**\n   * Define the delay before the tooltip is shown.\n   * @default 0\n   */\n  showDelay: number;\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  hideDelay: number;\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the tooltip should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n}\n\nexport const defaultTooltipConfig: NgpTooltipConfig = {\n  offset: 4,\n  placement: 'top',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n};\n\nexport const NgpTooltipConfigToken = new InjectionToken<NgpTooltipConfig>('NgpTooltipConfigToken');\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<NgpTooltipConfig>): Provider[] {\n  return [\n    {\n      provide: NgpTooltipConfigToken,\n      useValue: { ...defaultTooltipConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): NgpTooltipConfig {\n  return inject(NgpTooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","import { Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpTooltipTrigger } from './tooltip-trigger';\n\n/**\n * The state token  for the TooltipTrigger primitive.\n */\nexport const NgpTooltipTriggerStateToken =\n  createStateToken<NgpTooltipTrigger<unknown>>('TooltipTrigger');\n\n/**\n * Provides the TooltipTrigger state.\n */\nexport const provideTooltipTriggerState = createStateProvider(NgpTooltipTriggerStateToken);\n\n/**\n * Injects the TooltipTrigger state.\n */\nexport const injectTooltipTriggerState = createStateInjector(NgpTooltipTriggerStateToken) as <\n  T,\n>() => Signal<State<NgpTooltipTrigger<T>>>;\n\n/**\n * The TooltipTrigger state registration function.\n */\nexport const tooltipTriggerState = createState(NgpTooltipTriggerStateToken);\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport { provideExitAnimationManager } from 'ng-primitives/internal';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipTriggerState, tooltipTriggerState } from './tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.\n */\n@Directive({\n  selector: '[ngpTooltipTrigger]',\n  exportAs: 'ngpTooltipTrigger',\n  providers: [provideTooltipTriggerState(), provideExitAnimationManager()],\n  host: {\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '(mouseenter)': 'show()',\n    '(mouseleave)': 'hide()',\n    '(focus)': 'show()',\n    '(blur)': 'hide()',\n  },\n})\nexport class NgpTooltipTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpTooltipTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpTooltipTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpTooltipTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpTooltipTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpTooltipTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpTooltipTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpTooltipTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the tooltip should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpTooltipTriggerContainer',\n  });\n\n  /**\n   * Provide context to the tooltip. This can be used to pass data to the tooltip content.\n   */\n  readonly context = input<T>(undefined, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * The overlay that manages the tooltip\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the tooltip.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  ngOnDestroy(): void {\n    this.overlay()?.destroy();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // If the trigger is disabled, do not show the tooltip\n    if (this.state.disabled() || this.open()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    this.overlay()?.show();\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // If the trigger is disabled, do nothing\n    if (this.state.disabled()) {\n      return;\n    }\n\n    this.overlay()?.hide();\n  }\n\n  /**\n   * Create the overlay that will contain the tooltip\n   */\n  private createOverlay(): void {\n    const tooltip = this.state.tooltip();\n\n    if (!tooltip) {\n      throw new Error('Tooltip must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: tooltip,\n      triggerElement: this.trigger.nativeElement,\n      injector: this.injector,\n      context: this.state.context(),\n      container: this.state.container(),\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      showDelay: this.state.showDelay(),\n      hideDelay: this.state.hideDelay(),\n      closeOnEscape: true,\n      closeOnOutsideClick: true,\n      viewContainerRef: this.viewContainerRef,\n    };\n\n    // Create the overlay instance\n    this.overlay.set(createOverlay(config));\n  }\n}\n","import { Directive } from '@angular/core';\nimport { NgpExitAnimation } from 'ng-primitives/internal';\nimport { injectOverlay } from 'ng-primitives/portal';\n\n/**\n * Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpTooltip]',\n  exportAs: 'ngpTooltip',\n  hostDirectives: [NgpExitAnimation],\n  host: {\n    role: 'tooltip',\n    '[style.left.px]': 'overlay.position().x',\n    '[style.top.px]': 'overlay.position().y',\n    '[style.--ngp-tooltip-trigger-width.px]': 'overlay.triggerWidth()',\n    '[style.--ngp-tooltip-transform-origin]': 'overlay.transformOrigin()',\n  },\n})\nexport class NgpTooltip {\n  /**\n   * Access the overlay.\n   */\n  protected readonly overlay = injectOverlay();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-primitives-tooltip.mjs","sources":["../../../../packages/ng-primitives/tooltip/src/config/tooltip-config.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger-state.ts","../../../../packages/ng-primitives/tooltip/src/tooltip-trigger/tooltip-trigger.ts","../../../../packages/ng-primitives/tooltip/src/tooltip/tooltip.ts","../../../../packages/ng-primitives/tooltip/src/ng-primitives-tooltip.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { type Placement } from '@floating-ui/dom';\n\nexport interface NgpTooltipConfig {\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  placement: Placement;\n\n  /**\n   * Define the delay before the tooltip is shown.\n   * @default 0\n   */\n  showDelay: number;\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  hideDelay: number;\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the tooltip should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n}\n\nexport const defaultTooltipConfig: NgpTooltipConfig = {\n  offset: 4,\n  placement: 'top',\n  showDelay: 0,\n  hideDelay: 0,\n  flip: true,\n  container: null,\n};\n\nexport const NgpTooltipConfigToken = new InjectionToken<NgpTooltipConfig>('NgpTooltipConfigToken');\n\n/**\n * Provide the default Tooltip configuration\n * @param config The Tooltip configuration\n * @returns The provider\n */\nexport function provideTooltipConfig(config: Partial<NgpTooltipConfig>): Provider[] {\n  return [\n    {\n      provide: NgpTooltipConfigToken,\n      useValue: { ...defaultTooltipConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Tooltip configuration\n * @returns The global Tooltip configuration\n */\nexport function injectTooltipConfig(): NgpTooltipConfig {\n  return inject(NgpTooltipConfigToken, { optional: true }) ?? defaultTooltipConfig;\n}\n","import { Signal } from '@angular/core';\nimport {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n  State,\n} from 'ng-primitives/state';\nimport type { NgpTooltipTrigger } from './tooltip-trigger';\n\n/**\n * The state token  for the TooltipTrigger primitive.\n */\nexport const NgpTooltipTriggerStateToken =\n  createStateToken<NgpTooltipTrigger<unknown>>('TooltipTrigger');\n\n/**\n * Provides the TooltipTrigger state.\n */\nexport const provideTooltipTriggerState = createStateProvider(NgpTooltipTriggerStateToken);\n\n/**\n * Injects the TooltipTrigger state.\n */\nexport const injectTooltipTriggerState = createStateInjector(NgpTooltipTriggerStateToken) as <\n  T,\n>() => Signal<State<NgpTooltipTrigger<T>>>;\n\n/**\n * The TooltipTrigger state registration function.\n */\nexport const tooltipTriggerState = createState(NgpTooltipTriggerStateToken);\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipTriggerState, tooltipTriggerState } from './tooltip-trigger-state';\n\n/**\n * Apply the `ngpTooltipTrigger` directive to an element that triggers the tooltip to show.\n */\n@Directive({\n  selector: '[ngpTooltipTrigger]',\n  exportAs: 'ngpTooltipTrigger',\n  providers: [provideTooltipTriggerState()],\n  host: {\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-disabled]': 'state.disabled() ? \"\" : null',\n    '(mouseenter)': 'show()',\n    '(mouseleave)': 'hide()',\n    '(focus)': 'show()',\n    '(blur)': 'hide()',\n  },\n})\nexport class NgpTooltipTrigger<T = null> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpTooltipTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpTooltipTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the tooltip relative to the trigger.\n   * @default 'top'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpTooltipTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the tooltip relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpTooltipTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is displayed.\n   * @default 0\n   */\n  readonly showDelay = input<number, NumberInput>(this.config.showDelay, {\n    alias: 'ngpTooltipTriggerShowDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define the delay before the tooltip is hidden.\n   * @default 0\n   */\n  readonly hideDelay = input<number, NumberInput>(this.config.hideDelay, {\n    alias: 'ngpTooltipTriggerHideDelay',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the tooltip should flip when there is not enough space for the tooltip.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpTooltipTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the tooltip should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpTooltipTriggerContainer',\n  });\n\n  /**\n   * Provide context to the tooltip. This can be used to pass data to the tooltip content.\n   */\n  readonly context = input<T>(undefined, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * The overlay that manages the tooltip\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the tooltip.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  ngOnDestroy(): void {\n    this.overlay()?.destroy();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // If the trigger is disabled, do not show the tooltip\n    if (this.state.disabled() || this.open()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    this.overlay()?.show();\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // If the trigger is disabled, do nothing\n    if (this.state.disabled()) {\n      return;\n    }\n\n    this.overlay()?.hide();\n  }\n\n  /**\n   * Create the overlay that will contain the tooltip\n   */\n  private createOverlay(): void {\n    const tooltip = this.state.tooltip();\n\n    if (!tooltip) {\n      throw new Error('Tooltip must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: tooltip,\n      triggerElement: this.trigger.nativeElement,\n      injector: this.injector,\n      context: this.state.context(),\n      container: this.state.container(),\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      showDelay: this.state.showDelay(),\n      hideDelay: this.state.hideDelay(),\n      closeOnEscape: true,\n      closeOnOutsideClick: true,\n      viewContainerRef: this.viewContainerRef,\n    };\n\n    // Create the overlay instance\n    this.overlay.set(createOverlay(config));\n  }\n}\n","import { Directive } from '@angular/core';\nimport { injectOverlay } from 'ng-primitives/portal';\n\n/**\n * Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.\n */\n@Directive({\n  selector: '[ngpTooltip]',\n  exportAs: 'ngpTooltip',\n  host: {\n    role: 'tooltip',\n    '[style.left.px]': 'overlay.position().x',\n    '[style.top.px]': 'overlay.position().y',\n    '[style.--ngp-tooltip-trigger-width.px]': 'overlay.triggerWidth()',\n    '[style.--ngp-tooltip-transform-origin]': 'overlay.transformOrigin()',\n  },\n})\nexport class NgpTooltip {\n  /**\n   * Access the overlay.\n   */\n  protected readonly overlay = injectOverlay();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/file-upload/file-upload/file-upload-state.d.ts

@@ -11,6 +11,7 @@ export declare const provideFileUploadState: (options?: import("ng-primitives/st
  * Injects the FileUpload state.
  */
 export declare const injectFileUploadState: <U = {
+    readonly document: Document;
     readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
     readonly fileTypes: import("@angular/core").InputSignalWithTransform<string[] | undefined, string | string[]>;
     readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;

package/file-upload/file-upload/file-upload.d.ts

@@ -4,6 +4,10 @@ import * as i0 from "@angular/core";
  * A directive that allows you to turn any element into a file upload trigger.
  */
 export declare class NgpFileUpload {
+    /**
+     * Access the document
+     */
+    private readonly document;
     /**
      * Access the host element.
      */

package/internal/exit-animation/exit-animation.d.ts

@@ -3,15 +3,24 @@ import * as i0 from "@angular/core";
 export declare class NgpExitAnimation implements OnDestroy {
     /** The animation manager. */
     private readonly animationManager;
-    /** The element to animate. */
-    private readonly elementRef;
-    /** Access the renderer. */
-    private readonly renderer;
+    /** Access the element reference. */
+    protected readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
+    /** Exist animation reference. */
+    protected readonly ref: NgpExitAnimationRef;
     constructor();
     ngOnDestroy(): void;
     /** Mark the element as exiting. */
     exit(): Promise<void>;
-    private setAnimationState;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpExitAnimation, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpExitAnimation, "[ngpExitAnimation]", ["ngpExitAnimation"], {}, {}, never, never, true, never>;
 }
+interface NgpExitAnimationOptions {
+    /** The element to animate. */
+    element: HTMLElement;
+}
+export interface NgpExitAnimationRef {
+    /** Mark the element as exiting and wait for the animation to finish. */
+    exit: () => Promise<void>;
+}
+export declare function setupExitAnimation({ element }: NgpExitAnimationOptions): NgpExitAnimationRef;
+export {};

package/internal/index.d.ts

@@ -1,4 +1,4 @@
-export { NgpExitAnimation } from './exit-animation/exit-animation';
+export { NgpExitAnimation, NgpExitAnimationRef, setupExitAnimation, } from './exit-animation/exit-animation';
 export { injectExitAnimationManager, NgpExitAnimationManager, provideExitAnimationManager, } from './exit-animation/exit-animation-manager';
 export * from './interactions/index';
 export * from './signals/explicit-effect';

package/menu/menu/menu.d.ts

@@ -1,15 +1,13 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-import * as i1 from "ng-primitives/popover";
-import * as i2 from "ng-primitives/roving-focus";
+import * as i1 from "ng-primitives/roving-focus";
+import * as i2 from "ng-primitives/focus-trap";
 /**
  * The `NgpMenu` is a container for menu items.
  */
 export declare class NgpMenu {
-    /**
-     * Access the overlay.
-     */
+    /** Access the overlay. */
     protected readonly overlay: import("ng-primitives/portal").NgpOverlay<unknown>;
     /** Access the menu trigger state */
     private readonly menuTrigger;
@@ -17,8 +15,8 @@ export declare class NgpMenu {
     private readonly parentMenu;
     /** @internal Whether we should close submenus */
     readonly closeSubmenus: Subject<HTMLElement>;
-    /** Close the menu and any parent menus */
+    /** @internal Close the menu and any parent menus */
     closeAllMenus(origin: FocusOrigin): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpMenu, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMenu, "[ngpMenu]", ["ngpMenu"], {}, {}, never, never, true, [{ directive: typeof i1.NgpPopover; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpRovingFocusGroup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMenu, "[ngpMenu]", ["ngpMenu"], {}, {}, never, never, true, [{ directive: typeof i1.NgpRovingFocusGroup; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpFocusTrap; inputs: {}; outputs: {}; }]>;
 }

package/menu/submenu-trigger/submenu-trigger-state.d.ts

@@ -14,28 +14,6 @@ export declare const injectSubmenuTriggerState: <U = {
     readonly trigger: import("@angular/core").ElementRef<HTMLElement>;
     readonly injector: import("@angular/core").Injector;
     readonly viewContainerRef: import("@angular/core").ViewContainerRef;
-    readonly menuTrigger: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly trigger: /*elided*/ any;
-        readonly injector: /*elided*/ any;
-        readonly viewContainerRef: /*elided*/ any;
-        readonly config: /*elided*/ any;
-        readonly menu: /*elided*/ any;
-        readonly disabled: /*elided*/ any;
-        readonly placement: /*elided*/ any;
-        readonly offset: /*elided*/ any;
-        readonly flip: /*elided*/ any;
-        readonly container: /*elided*/ any;
-        readonly scrollBehavior: /*elided*/ any;
-        readonly context: /*elided*/ any;
-        readonly overlay: /*elided*/ any;
-        readonly open: /*elided*/ any;
-        readonly state: /*elided*/ any;
-        ngOnDestroy: /*elided*/ any;
-        toggle: /*elided*/ any;
-        show: /*elided*/ any;
-        hide: /*elided*/ any;
-        createOverlay: /*elided*/ any;
-    }>>;
     readonly parentMenu: import("ng-primitives/menu").NgpMenu | null;
     readonly menu: import("@angular/core").InputSignal<import("ng-primitives/portal").NgpOverlayContent<unknown> | undefined>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
@@ -50,7 +28,7 @@ export declare const injectSubmenuTriggerState: <U = {
     hide: (origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
     createOverlay: () => void;
     showSubmenuOnArrow: (event: KeyboardEvent) => void;
-    showSubmenuOnHover: () => void;
+    showSubmenuOnHover: (event: PointerEvent) => void;
 }>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The SubmenuTrigger state registration function.

package/menu/submenu-trigger/submenu-trigger.d.ts

@@ -16,8 +16,6 @@ export declare class NgpSubmenuTrigger<T = unknown> {
      * Access the view container reference.
      */
     private readonly viewContainerRef;
-    /** Access the menu trigger state */
-    private readonly menuTrigger;
     /** Access the parent menu */
     private readonly parentMenu;
     /**
@@ -83,7 +81,7 @@ export declare class NgpSubmenuTrigger<T = unknown> {
     /**
      * If the user hovers over the trigger, we want to open the submenu
      */
-    protected showSubmenuOnHover(): void;
+    protected showSubmenuOnHover(event: PointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpSubmenuTrigger<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSubmenuTrigger<any>, "[ngpSubmenuTrigger]", ["ngpSubmenuTrigger"], { "menu": { "alias": "ngpSubmenuTrigger"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpMenuTriggerDisabled"; "required": false; "isSignal": true; }; "placement": { "alias": "ngpMenuTriggerPlacement"; "required": false; "isSignal": true; }; "offset": { "alias": "ngpMenuTriggerOffset"; "required": false; "isSignal": true; }; "flip": { "alias": "ngpMenuTriggerFlip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSubmenuTrigger<any>, "[ngpSubmenuTrigger]", ["ngpSubmenuTrigger"], { "menu": { "alias": "ngpSubmenuTrigger"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSubmenuTriggerDisabled"; "required": false; "isSignal": true; }; "placement": { "alias": "ngpSubmenuTriggerPlacement"; "required": false; "isSignal": true; }; "offset": { "alias": "ngpSubmenuTriggerOffset"; "required": false; "isSignal": true; }; "flip": { "alias": "ngpSubmenuTriggerFlip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "ng-primitives",
   "description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
   "license": "Apache-2.0",
-  "version": "0.46.0",
+  "version": "0.47.0",
   "keywords": [
     "angular",
     "primitives",
@@ -71,14 +71,14 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/ng-primitives-accordion.mjs"
     },
-    "./autofill": {
-      "types": "./autofill/index.d.ts",
-      "default": "./fesm2022/ng-primitives-autofill.mjs"
-    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/ng-primitives-avatar.mjs"
     },
+    "./autofill": {
+      "types": "./autofill/index.d.ts",
+      "default": "./fesm2022/ng-primitives-autofill.mjs"
+    },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/ng-primitives-button.mjs"

package/popover/popover/popover.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 import * as i1 from "ng-primitives/focus-trap";
-import * as i2 from "ng-primitives/internal";
 /**
  * Apply the `ngpPopover` directive to an element that represents the popover. This typically would be a `div` inside an `ng-template`.
  */
@@ -10,5 +9,5 @@ export declare class NgpPopover {
      */
     protected readonly overlay: import("ng-primitives/portal").NgpOverlay<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpPopover, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpPopover, "[ngpPopover]", ["ngpPopover"], {}, {}, never, never, true, [{ directive: typeof i1.NgpFocusTrap; inputs: {}; outputs: {}; }, { directive: typeof i2.NgpExitAnimation; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpPopover, "[ngpPopover]", ["ngpPopover"], {}, {}, never, never, true, [{ directive: typeof i1.NgpFocusTrap; inputs: {}; outputs: {}; }]>;
 }

package/portal/portal.d.ts

@@ -29,6 +29,7 @@ export declare class NgpComponentPortal<T> extends NgpPortal {
     private readonly componentPortal;
     private viewRef;
     private isDestroying;
+    private exitAnimationRef;
     constructor(component: Type<T>, viewContainerRef: ViewContainerRef, injector: Injector);
     /**
      * Attach the portal to a DOM element.
@@ -55,6 +56,7 @@ export declare class NgpComponentPortal<T> extends NgpPortal {
 export declare class NgpTemplatePortal<T> extends NgpPortal {
     private readonly templatePortal;
     private viewRef;
+    private exitAnimationRefs;
     private isDestroying;
     constructor(template: TemplateRef<T>, viewContainerRef: ViewContainerRef, injector: Injector, context?: T);
     /**

package/schematics/ng-generate/templates/combobox/combobox.__fileSuffix@dasherize__.ts.template

@@ -106,6 +106,7 @@ import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
       position: absolute;
       animation: popover-show 0.1s ease-out;
       width: var(--ngp-combobox-width);
+      box-shadow: var(--ngp-shadow-lg);
       box-sizing: border-box;
       margin-top: 4px;
       max-height: 240px;
@@ -161,22 +162,22 @@ import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
     @keyframes combobox-show {
       0% {
         opacity: 0;
-        transform: scale(0.9);
+        transform: translateY(-10px) scale(0.9);
       }
       100% {
         opacity: 1;
-        transform: scale(1);
+        transform: translateY(0) scale(1);
       }
     }
 
     @keyframes combobox-hide {
       0% {
         opacity: 1;
-        transform: scale(1);
+        transform: translateY(0) scale(1);
       }
       100% {
         opacity: 0;
-        transform: scale(0.9);
+        transform: translateY(-10px) scale(0.9);
       }
     }
   `,

package/schematics/ng-generate/templates/listbox/listbox.__fileSuffix@dasherize__.ts.template

@@ -76,6 +76,7 @@ import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
       position: absolute;
       animation: popover-show 0.1s ease-out;
       width: var(--ngp-popover-trigger-width);
+      box-shadow: var(--ngp-shadow-lg);
       box-sizing: border-box;
     }
   `,

package/schematics/ng-generate/templates/switch/switch.__fileSuffix@dasherize__.ts.template

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { injectSwitchState, NgpSwitch, NgpSwitchThumb } from 'ng-primitives/switch';
 import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
@@ -68,7 +68,7 @@ import { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';
     '(focusout)': 'onTouched?.()',
   },
 })
-export class Switch<%= componentSuffix %> implements ControlValueAccessor {
+export class Switch<%= componentSuffix %> implements OnInit, ControlValueAccessor {
   /** Access the switch state. */
   private readonly switch = injectSwitchState();
 
@@ -78,7 +78,7 @@ export class Switch<%= componentSuffix %> implements ControlValueAccessor {
   /** The on touched callback */
   protected onTouched?: TouchedFn;
 
-  constructor() {
+  ngOnInit() {
     // Any time the switch changes, update the form value.
     this.switch().checkedChange.subscribe(value => this.onChange?.(value));
   }

package/switch/switch/switch-state.d.ts

@@ -18,7 +18,7 @@ export declare const injectSwitchState: <U = {
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly state: import("ng-primitives/state").CreatedState<NgpSwitch>;
     toggle: () => void;
-    onKeyDown: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
 }>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**
  * The Switch state registration function.

package/switch/switch/switch.d.ts

@@ -40,7 +40,7 @@ export declare class NgpSwitch {
     /**
      * Handle the keydown event.
      */
-    protected onKeyDown(): void;
+    protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpSwitch, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSwitch, "[ngpSwitch]", ["ngpSwitch"], { "checked": { "alias": "ngpSwitchChecked"; "required": false; "isSignal": true; }; "disabled": { "alias": "ngpSwitchDisabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "ngpSwitchCheckedChange"; }, never, never, true, [{ directive: typeof i1.NgpFormControl; inputs: {}; outputs: {}; }]>;
 }

package/switch/switch-thumb/switch-thumb.d.ts

@@ -14,7 +14,7 @@ export declare class NgpSwitchThumb {
         readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
         readonly state: import("ng-primitives/state").CreatedState<import("ng-primitives/switch").NgpSwitch>;
         toggle: () => void;
-        onKeyDown: () => void;
+        onKeyDown: (event: KeyboardEvent) => void;
     }>>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpSwitchThumb, never>;

package/tooltip/tooltip/tooltip.d.ts

@@ -1,5 +1,4 @@
 import * as i0 from "@angular/core";
-import * as i1 from "ng-primitives/internal";
 /**
  * Apply the `ngpTooltip` directive to an element that represents the tooltip. This typically would be a `div` inside an `ng-template`.
  */
@@ -9,5 +8,5 @@ export declare class NgpTooltip {
      */
     protected readonly overlay: import("ng-primitives/portal").NgpOverlay<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgpTooltip, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTooltip, "[ngpTooltip]", ["ngpTooltip"], {}, {}, never, never, true, [{ directive: typeof i1.NgpExitAnimation; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpTooltip, "[ngpTooltip]", ["ngpTooltip"], {}, {}, never, never, true, never>;
 }