ng-primitives 0.42.0 → 0.43.1

package/fesm2022/ng-primitives-tooltip.mjs

@@ -301,10 +301,10 @@ class NgpTooltipTrigger {
         viewRef.detach();
         this.dispose?.();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: NgpTooltipTrigger, isStandalone: true, selector: "[ngpTooltipTrigger]", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "ngpTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpTooltipTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "ngpTooltipTriggerPlacement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpTooltipTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "ngpTooltipTriggerShowDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "ngpTooltipTriggerHideDelay", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpTooltipTriggerFlip", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "ngpTooltipTriggerContainer", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "ngpTooltipTriggerContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "focus": "show()", "blur": "hide()" }, properties: { "attr.data-open": "open() ? \"\" : null", "attr.data-disabled": "state.disabled() ? \"\" : null" } }, providers: [provideTooltipTriggerState(), provideExitAnimationManager()], exportAs: ["ngpTooltipTrigger"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpTooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpTooltipTrigger, isStandalone: true, selector: "[ngpTooltipTrigger]", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "ngpTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpTooltipTriggerDisabled", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "ngpTooltipTriggerPlacement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "ngpTooltipTriggerOffset", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "ngpTooltipTriggerShowDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "ngpTooltipTriggerHideDelay", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "ngpTooltipTriggerFlip", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "ngpTooltipTriggerContainer", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "ngpTooltipTriggerContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "focus": "show()", "blur": "hide()" }, properties: { "attr.data-open": "open() ? \"\" : null", "attr.data-disabled": "state.disabled() ? \"\" : null" } }, providers: [provideTooltipTriggerState(), provideExitAnimationManager()], exportAs: ["ngpTooltipTrigger"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpTooltipTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpTooltipTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpTooltipTrigger]',
@@ -360,10 +360,10 @@ class NgpTooltip {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: NgpTooltip, isStandalone: true, selector: "[ngpTooltip]", host: { attributes: { "role": "tooltip" }, properties: { "style.left.px": "x()", "style.top.px": "y()", "style.--ngp-tooltip-trigger-width.px": "trigger().width()", "style.--ngp-tooltip-transform-origin": "transformOrigin()" } }, exportAs: ["ngpTooltip"], hostDirectives: [{ directive: i1.NgpExitAnimation }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: NgpTooltip, isStandalone: true, selector: "[ngpTooltip]", host: { attributes: { "role": "tooltip" }, properties: { "style.left.px": "x()", "style.top.px": "y()", "style.--ngp-tooltip-trigger-width.px": "trigger().width()", "style.--ngp-tooltip-transform-origin": "transformOrigin()" } }, exportAs: ["ngpTooltip"], hostDirectives: [{ directive: i1.NgpExitAnimation }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: NgpTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpTooltip, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpTooltip]',

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/tooltip-token.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 { inject, InjectionToken, ValueProvider } from '@angular/core';\n\nexport const NgpTooltipContextToken = new InjectionToken<unknown>('NgpTooltipContextToken');\n\n/**\n * Inject the Tooltip context\n */\nexport function injectTooltipContext<T>(): T {\n  return inject(NgpTooltipContextToken) as T;\n}\n\n/**\n * Provide the Tooltip directive instance\n */\nexport function provideTooltipContext<T>(context: T): ValueProvider {\n  return { provide: NgpTooltipContextToken, useValue: context };\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 { DOCUMENT } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  Injector,\n  OnDestroy,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  Middleware,\n  Placement,\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport { injectExitAnimationManager, provideExitAnimationManager } from 'ng-primitives/internal';\nimport { NgpPortal, createPortal } from 'ng-primitives/portal';\nimport { fromResizeEvent } from 'ng-primitives/resize';\nimport { injectDisposables } from 'ng-primitives/utils';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipContext } from '../tooltip/tooltip-token';\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 exit animation manager.\n   */\n  private readonly exitAnimationManager = injectExitAnimationManager();\n\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the view container ref.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the disposable utilities\n   */\n  private readonly disposables = injectDisposables();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpTooltipContent<T> | null>(null, {\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.\n   * @default null\n   */\n  readonly context = input<T | null>(null, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * Store the tooltip view ref.\n   */\n  protected viewRef = signal<NgpPortal | null>(null);\n\n  /**\n   * Derive the tooltip middleware from the provided configuration.\n   */\n  private readonly middleware = computed(() => {\n    const middleware: Middleware[] = [offset(this.state.offset()), shift()];\n\n    if (this.state.flip()) {\n      middleware.push(flip());\n    }\n\n    return middleware;\n  });\n\n  /**\n   * Store the computed position of the tooltip.\n   * @internal\n   */\n  readonly position = signal<{ x: number; y: number }>({\n    x: 0,\n    y: 0,\n  });\n\n  /**\n   * The dispose function to stop computing the position of the tooltip.\n   */\n  private dispose?: () => void;\n\n  /**\n   * @internal\n   * Store the trigger width.\n   */\n  readonly width = signal<number | null>(null);\n\n  /**\n   * @internal\n   * The timeout to open the tooltip.\n   */\n  private openTimeout?: () => void;\n\n  /**\n   * @internal\n   * The timeout to close the tooltip.\n   */\n  private closeTimeout?: () => void;\n\n  /**\n   * @internal\n   * Whether the tooltip is open or not.\n   */\n  readonly open = computed(() => this.viewRef() !== null);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  constructor() {\n    // update the width of the trigger when it resizes\n    fromResizeEvent(this.trigger.nativeElement)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.width.set(this.trigger.nativeElement.offsetWidth));\n  }\n\n  ngOnDestroy(): void {\n    this.destroyTooltip();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // if closing is in progress then clear the timeout to stop the popover from closing\n    if (this.closeTimeout) {\n      this.closeTimeout();\n      this.closeTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already open then do not show the tooltip\n    if (this.state.disabled() || this.openTimeout) {\n      return;\n    }\n\n    // if the tooltip exists in the DOM then do not create it again\n    if (this.viewRef()) {\n      return;\n    }\n\n    this.openTimeout = this.disposables.setTimeout(\n      () => this.createTooltip(),\n      this.state.showDelay(),\n    );\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // if closing is in progress then clear the timeout to stop the popover from opening\n    if (this.openTimeout) {\n      this.openTimeout();\n      this.openTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already closed then do not hide the tooltip\n    if (this.state.disabled() || this.closeTimeout) {\n      return;\n    }\n\n    this.closeTimeout = this.disposables.setTimeout(\n      () => this.destroyTooltip(),\n      this.state.hideDelay(),\n    );\n  }\n\n  private createTooltip(): void {\n    this.openTimeout = undefined;\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 a new inject with the tooltip context\n    const injector = Injector.create({\n      parent: this.injector,\n      providers: [provideTooltipContext(this.state.context())],\n    });\n\n    const portal = createPortal(tooltip, this.viewContainerRef, injector, {\n      $implicit: this.state.context(),\n    } as NgpTooltipTemplateContext<T>);\n    const viewRef = portal.attach(this.state.container() ?? this.document.body);\n\n    this.viewRef.set(viewRef);\n    viewRef.detectChanges();\n\n    const outletElement = viewRef.getElements()[0] as HTMLElement | null;\n\n    if (!outletElement) {\n      throw new Error('Outlet element is not available.');\n    }\n\n    if (viewRef.getElements().length > 1) {\n      throw new Error('Popover must have only one root element.');\n    }\n\n    // we want to determine the strategy to use. If the tooltip has position: fixed then we want to use\n    // fixed positioning. Otherwise we want to use absolute positioning.\n    const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';\n\n    this.dispose = autoUpdate(this.trigger.nativeElement, outletElement, async () => {\n      const position = await computePosition(this.trigger.nativeElement, outletElement, {\n        placement: this.state.placement(),\n        middleware: this.middleware(),\n        strategy,\n      });\n\n      this.position.set({ x: position.x, y: position.y });\n    });\n  }\n\n  private async destroyTooltip(): Promise<void> {\n    this.closeTimeout = undefined;\n    const viewRef = this.viewRef();\n\n    if (!viewRef) {\n      return;\n    }\n\n    // we remove this to prevent the popover from being destroyed twice\n    // because ngOnDestroy will be called on the viewRef\n    // when the popover is destroyed triggering this method again\n    this.viewRef.set(null);\n\n    // destroy the view ref\n    viewRef.detach();\n\n    this.dispose?.();\n  }\n}\n\ntype NgpTooltipTemplateContext<T> = {\n  $implicit: T;\n};\ntype NgpTooltipContent<T> = TemplateRef<NgpTooltipTemplateContext<T>> | Type<unknown>;\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  OnInit,\n  PLATFORM_ID,\n  computed,\n  inject,\n  isDevMode,\n} from '@angular/core';\nimport { NgpExitAnimation } from 'ng-primitives/internal';\nimport { getTransformOrigin } from 'ng-primitives/popover';\nimport { injectTooltipTriggerState } from '../tooltip-trigger/tooltip-trigger-state';\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]': 'x()',\n    '[style.top.px]': 'y()',\n    '[style.--ngp-tooltip-trigger-width.px]': 'trigger().width()',\n    '[style.--ngp-tooltip-transform-origin]': 'transformOrigin()',\n  },\n})\nexport class NgpTooltip implements OnInit {\n  /**\n   * Access the tooltip element.\n   */\n  private readonly tooltip = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the platform.\n   */\n  private readonly platform = inject(PLATFORM_ID);\n\n  /**\n   * Access the trigger instance.\n   */\n  private readonly trigger = injectTooltipTriggerState();\n\n  /**\n   * Compute the x position of the tooltip.\n   */\n  protected readonly x = computed(() => this.trigger().position().x);\n\n  /**\n   * Compute the y position of the tooltip.\n   */\n  protected readonly y = computed(() => this.trigger().position().y);\n\n  /**\n   * Derive the transform origin of the popover.\n   */\n  protected readonly transformOrigin = computed(() =>\n    getTransformOrigin(this.trigger().placement()),\n  );\n\n  ngOnInit(): void {\n    // if the element does not have a fixed position then throw a warning in dev mode\n    if (isDevMode() && isPlatformBrowser(this.platform)) {\n      const { position } = getComputedStyle(this.tooltip.nativeElement);\n\n      if (position !== 'absolute' && position !== 'fixed') {\n        console.warn(\n          `The tooltip element must have an absolute or fixed position. The current position is ${position}.`,\n        );\n      }\n    }\n  }\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/tooltip-token.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 { inject, InjectionToken, ValueProvider } from '@angular/core';\n\nexport const NgpTooltipContextToken = new InjectionToken<unknown>('NgpTooltipContextToken');\n\n/**\n * Inject the Tooltip context\n */\nexport function injectTooltipContext<T>(): T {\n  return inject(NgpTooltipContextToken) as T;\n}\n\n/**\n * Provide the Tooltip directive instance\n */\nexport function provideTooltipContext<T>(context: T): ValueProvider {\n  return { provide: NgpTooltipContextToken, useValue: context };\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 { DOCUMENT } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  Injector,\n  OnDestroy,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  Middleware,\n  Placement,\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport { injectExitAnimationManager, provideExitAnimationManager } from 'ng-primitives/internal';\nimport { NgpPortal, createPortal } from 'ng-primitives/portal';\nimport { fromResizeEvent } from 'ng-primitives/resize';\nimport { injectDisposables } from 'ng-primitives/utils';\nimport { injectTooltipConfig } from '../config/tooltip-config';\nimport { provideTooltipContext } from '../tooltip/tooltip-token';\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 exit animation manager.\n   */\n  private readonly exitAnimationManager = injectExitAnimationManager();\n\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the view container ref.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the document.\n   */\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the global tooltip configuration.\n   */\n  private readonly config = injectTooltipConfig();\n\n  /**\n   * Access the disposable utilities\n   */\n  private readonly disposables = injectDisposables();\n\n  /**\n   * Access the tooltip template ref.\n   */\n  readonly tooltip = input<NgpTooltipContent<T> | null>(null, {\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.\n   * @default null\n   */\n  readonly context = input<T | null>(null, {\n    alias: 'ngpTooltipTriggerContext',\n  });\n\n  /**\n   * Store the tooltip view ref.\n   */\n  protected viewRef = signal<NgpPortal | null>(null);\n\n  /**\n   * Derive the tooltip middleware from the provided configuration.\n   */\n  private readonly middleware = computed(() => {\n    const middleware: Middleware[] = [offset(this.state.offset()), shift()];\n\n    if (this.state.flip()) {\n      middleware.push(flip());\n    }\n\n    return middleware;\n  });\n\n  /**\n   * Store the computed position of the tooltip.\n   * @internal\n   */\n  readonly position = signal<{ x: number; y: number }>({\n    x: 0,\n    y: 0,\n  });\n\n  /**\n   * The dispose function to stop computing the position of the tooltip.\n   */\n  private dispose?: () => void;\n\n  /**\n   * @internal\n   * Store the trigger width.\n   */\n  readonly width = signal<number | null>(null);\n\n  /**\n   * @internal\n   * The timeout to open the tooltip.\n   */\n  private openTimeout?: () => void;\n\n  /**\n   * @internal\n   * The timeout to close the tooltip.\n   */\n  private closeTimeout?: () => void;\n\n  /**\n   * @internal\n   * Whether the tooltip is open or not.\n   */\n  readonly open = computed(() => this.viewRef() !== null);\n\n  /**\n   * Store the state of the tooltip.\n   * @internal\n   */\n  readonly state = tooltipTriggerState<NgpTooltipTrigger<T>>(this);\n\n  constructor() {\n    // update the width of the trigger when it resizes\n    fromResizeEvent(this.trigger.nativeElement)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => this.width.set(this.trigger.nativeElement.offsetWidth));\n  }\n\n  ngOnDestroy(): void {\n    this.destroyTooltip();\n  }\n\n  /**\n   * Show the tooltip.\n   */\n  show(): void {\n    // if closing is in progress then clear the timeout to stop the popover from closing\n    if (this.closeTimeout) {\n      this.closeTimeout();\n      this.closeTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already open then do not show the tooltip\n    if (this.state.disabled() || this.openTimeout) {\n      return;\n    }\n\n    // if the tooltip exists in the DOM then do not create it again\n    if (this.viewRef()) {\n      return;\n    }\n\n    this.openTimeout = this.disposables.setTimeout(\n      () => this.createTooltip(),\n      this.state.showDelay(),\n    );\n  }\n\n  /**\n   * Hide the tooltip.\n   */\n  hide(): void {\n    // if closing is in progress then clear the timeout to stop the popover from opening\n    if (this.openTimeout) {\n      this.openTimeout();\n      this.openTimeout = undefined;\n    }\n\n    // if the trigger is disabled or the tooltip is already closed then do not hide the tooltip\n    if (this.state.disabled() || this.closeTimeout) {\n      return;\n    }\n\n    this.closeTimeout = this.disposables.setTimeout(\n      () => this.destroyTooltip(),\n      this.state.hideDelay(),\n    );\n  }\n\n  private createTooltip(): void {\n    this.openTimeout = undefined;\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 a new inject with the tooltip context\n    const injector = Injector.create({\n      parent: this.injector,\n      providers: [provideTooltipContext(this.state.context())],\n    });\n\n    const portal = createPortal(tooltip, this.viewContainerRef, injector, {\n      $implicit: this.state.context(),\n    } as NgpTooltipTemplateContext<T>);\n    const viewRef = portal.attach(this.state.container() ?? this.document.body);\n\n    this.viewRef.set(viewRef);\n    viewRef.detectChanges();\n\n    const outletElement = viewRef.getElements()[0] as HTMLElement | null;\n\n    if (!outletElement) {\n      throw new Error('Outlet element is not available.');\n    }\n\n    if (viewRef.getElements().length > 1) {\n      throw new Error('Popover must have only one root element.');\n    }\n\n    // we want to determine the strategy to use. If the tooltip has position: fixed then we want to use\n    // fixed positioning. Otherwise we want to use absolute positioning.\n    const strategy = getComputedStyle(outletElement).position === 'fixed' ? 'fixed' : 'absolute';\n\n    this.dispose = autoUpdate(this.trigger.nativeElement, outletElement, async () => {\n      const position = await computePosition(this.trigger.nativeElement, outletElement, {\n        placement: this.state.placement(),\n        middleware: this.middleware(),\n        strategy,\n      });\n\n      this.position.set({ x: position.x, y: position.y });\n    });\n  }\n\n  private async destroyTooltip(): Promise<void> {\n    this.closeTimeout = undefined;\n    const viewRef = this.viewRef();\n\n    if (!viewRef) {\n      return;\n    }\n\n    // we remove this to prevent the popover from being destroyed twice\n    // because ngOnDestroy will be called on the viewRef\n    // when the popover is destroyed triggering this method again\n    this.viewRef.set(null);\n\n    // destroy the view ref\n    viewRef.detach();\n\n    this.dispose?.();\n  }\n}\n\ntype NgpTooltipTemplateContext<T> = {\n  $implicit: T;\n};\ntype NgpTooltipContent<T> = TemplateRef<NgpTooltipTemplateContext<T>> | Type<unknown>;\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  Directive,\n  ElementRef,\n  OnInit,\n  PLATFORM_ID,\n  computed,\n  inject,\n  isDevMode,\n} from '@angular/core';\nimport { NgpExitAnimation } from 'ng-primitives/internal';\nimport { getTransformOrigin } from 'ng-primitives/popover';\nimport { injectTooltipTriggerState } from '../tooltip-trigger/tooltip-trigger-state';\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]': 'x()',\n    '[style.top.px]': 'y()',\n    '[style.--ngp-tooltip-trigger-width.px]': 'trigger().width()',\n    '[style.--ngp-tooltip-transform-origin]': 'transformOrigin()',\n  },\n})\nexport class NgpTooltip implements OnInit {\n  /**\n   * Access the tooltip element.\n   */\n  private readonly tooltip = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Access the platform.\n   */\n  private readonly platform = inject(PLATFORM_ID);\n\n  /**\n   * Access the trigger instance.\n   */\n  private readonly trigger = injectTooltipTriggerState();\n\n  /**\n   * Compute the x position of the tooltip.\n   */\n  protected readonly x = computed(() => this.trigger().position().x);\n\n  /**\n   * Compute the y position of the tooltip.\n   */\n  protected readonly y = computed(() => this.trigger().position().y);\n\n  /**\n   * Derive the transform origin of the popover.\n   */\n  protected readonly transformOrigin = computed(() =>\n    getTransformOrigin(this.trigger().placement()),\n  );\n\n  ngOnInit(): void {\n    // if the element does not have a fixed position then throw a warning in dev mode\n    if (isDevMode() && isPlatformBrowser(this.platform)) {\n      const { position } = getComputedStyle(this.tooltip.nativeElement);\n\n      if (position !== 'absolute' && position !== 'fixed') {\n        console.warn(\n          `The tooltip element must have an absolute or fixed position. The current position is ${position}.`,\n        );\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAyCO,MAAM,oBAAoB,GAAqB;AACpD,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,SAAS,EAAE,IAAI;CAChB;AAEM,MAAM,qBAAqB,GAAG,IAAI,cAAc,CAAmB,uBAAuB,CAAC;AAElG;;;;AAIG;AACG,SAAU,oBAAoB,CAAC,MAAiC,EAAA;IACpE,OAAO;AACL,QAAA;AACE,YAAA,OAAO,EAAE,qBAAqB;AAC9B,YAAA,QAAQ,EAAE,EAAE,GAAG,oBAAoB,EAAE,GAAG,MAAM,EAAE;AACjD,SAAA;KACF;AACH;AAEA;;;AAGG;SACa,mBAAmB,GAAA;AACjC,IAAA,OAAO,MAAM,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,oBAAoB;AAClF;;MCtEa,sBAAsB,GAAG,IAAI,cAAc,CAAU,wBAAwB;AAE1F;;AAEG;SACa,oBAAoB,GAAA;AAClC,IAAA,OAAO,MAAM,CAAC,sBAAsB,CAAM;AAC5C;AAEA;;AAEG;AACG,SAAU,qBAAqB,CAAI,OAAU,EAAA;IACjD,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,EAAE;AAC/D;;ACNA;;AAEG;AACI,MAAM,2BAA2B,GACtC,gBAAgB,CAA6B,gBAAgB,CAAC;AAEhE;;AAEG;MACU,0BAA0B,GAAG,mBAAmB,CAAC,2BAA2B;AAEzF;;AAEG;MACU,yBAAyB,GAAG,mBAAmB,CAAC,2BAA2B;AAIxF;;AAEG;AACI,MAAM,mBAAmB,GAAG,WAAW,CAAC,2BAA2B,CAAC;;ACI3E;;AAEG;MAcU,iBAAiB,CAAA;AA8K5B,IAAA,WAAA,GAAA;AA7KA;;AAEG;QACc,IAAoB,CAAA,oBAAA,GAAG,0BAA0B,EAAE;AAEpE;;AAEG;AACc,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,EAAC,UAAuB,EAAC;AAE1D;;AAEG;AACc,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAE5D;;AAEG;AACc,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAE5C;;AAEG;AACc,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAE5C;;AAEG;QACc,IAAM,CAAA,MAAA,GAAG,mBAAmB,EAAE;AAE/C;;AAEG;QACc,IAAW,CAAA,WAAA,GAAG,iBAAiB,EAAE;AAElD;;AAEG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA8B,IAAI,EAAE;AAC1D,YAAA,KAAK,EAAE,mBAAmB;AAC3B,SAAA,CAAC;AAEF;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,EAAE;AACtD,YAAA,KAAK,EAAE,2BAA2B;AAClC,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAY,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;AAC3D,YAAA,KAAK,EAAE,4BAA4B;AACpC,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAM,CAAA,MAAA,GAAG,KAAK,CAAsB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AAC/D,YAAA,KAAK,EAAE,yBAAyB;AAChC,YAAA,SAAS,EAAE,eAAe;AAC3B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAsB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;AACrE,YAAA,KAAK,EAAE,4BAA4B;AACnC,YAAA,SAAS,EAAE,eAAe;AAC3B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAsB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;AACrE,YAAA,KAAK,EAAE,4BAA4B;AACnC,YAAA,SAAS,EAAE,eAAe;AAC3B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK,CAAwB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAC7D,YAAA,KAAK,EAAE,uBAAuB;AAC9B,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAC;AAEF;;;AAGG;QACM,IAAS,CAAA,SAAA,GAAG,KAAK,CAAqB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;AACpE,YAAA,KAAK,EAAE,4BAA4B;AACpC,SAAA,CAAC;AAEF;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,IAAI,EAAE;AACvC,YAAA,KAAK,EAAE,0BAA0B;AAClC,SAAA,CAAC;AAEF;;AAEG;AACO,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC;AAElD;;AAEG;AACc,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAC1C,YAAA,MAAM,UAAU,GAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;AAEvE,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE;AACrB,gBAAA,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;;AAGzB,YAAA,OAAO,UAAU;AACnB,SAAC,CAAC;AAEF;;;AAGG;QACM,IAAQ,CAAA,QAAA,GAAG,MAAM,CAA2B;AACnD,YAAA,CAAC,EAAE,CAAC;AACJ,YAAA,CAAC,EAAE,CAAC;AACL,SAAA,CAAC;AAOF;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAgB,IAAI,CAAC;AAc5C;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC;AAEvD;;;AAGG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG,mBAAmB,CAAuB,IAAI,CAAC;;AAI9D,QAAA,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa;aACvC,IAAI,CAAC,kBAAkB,EAAE;AACzB,aAAA,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;;IAG5E,WAAW,GAAA;QACT,IAAI,CAAC,cAAc,EAAE;;AAGvB;;AAEG;IACH,IAAI,GAAA;;AAEF,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,GAAG,SAAS;;;QAI/B,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE;YAC7C;;;AAIF,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YAClB;;QAGF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAC5C,MAAM,IAAI,CAAC,aAAa,EAAE,EAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CACvB;;AAGH;;AAEG;IACH,IAAI,GAAA;;AAEF,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,GAAG,SAAS;;;QAI9B,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE;YAC9C;;QAGF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAC7C,MAAM,IAAI,CAAC,cAAc,EAAE,EAC3B,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CACvB;;IAGK,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAEpC,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC;;;AAI5E,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;YAC/B,MAAM,EAAE,IAAI,CAAC,QAAQ;YACrB,SAAS,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACzD,SAAA,CAAC;QAEF,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,EAAE;AACpE,YAAA,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AACA,SAAA,CAAC;AAClC,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AAE3E,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;QACzB,OAAO,CAAC,aAAa,EAAE;QAEvB,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAuB;QAEpE,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC;;QAGrD,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE;AACpC,YAAA,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC;;;;AAK7D,QAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC,QAAQ,KAAK,OAAO,GAAG,OAAO,GAAG,UAAU;AAE5F,QAAA,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,aAAa,EAAE,YAAW;AAC9E,YAAA,MAAM,QAAQ,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,aAAa,EAAE;AAChF,gBAAA,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACjC,gBAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;gBAC7B,QAAQ;AACT,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC;AACrD,SAAC,CAAC;;AAGI,IAAA,MAAM,cAAc,GAAA;AAC1B,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;AAC7B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAE9B,IAAI,CAAC,OAAO,EAAE;YACZ;;;;;AAMF,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;;QAGtB,OAAO,CAAC,MAAM,EAAE;AAEhB,QAAA,IAAI,CAAC,OAAO,IAAI;;+GAvSP,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,6jDAVjB,CAAC,0BAA0B,EAAE,EAAE,2BAA2B,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAU7D,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,SAAS,EAAE,CAAC,0BAA0B,EAAE,EAAE,2BAA2B,EAAE,CAAC;AACxE,oBAAA,IAAI,EAAE;AACJ,wBAAA,kBAAkB,EAAE,oBAAoB;AACxC,wBAAA,sBAAsB,EAAE,8BAA8B;AACtD,wBAAA,cAAc,EAAE,QAAQ;AACxB,wBAAA,cAAc,EAAE,QAAQ;AACxB,wBAAA,SAAS,EAAE,QAAQ;AACnB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACF,iBAAA;;;ACpCD;;AAEG;MAaU,UAAU,CAAA;AAZvB,IAAA,WAAA,GAAA;AAaE;;AAEG;AACc,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,EAAC,UAAuB,EAAC;AAE1D;;AAEG;AACc,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AAE/C;;AAEG;QACc,IAAO,CAAA,OAAA,GAAG,yBAAyB,EAAE;AAEtD;;AAEG;AACgB,QAAA,IAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;AAElE;;AAEG;AACgB,QAAA,IAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;AAElE;;AAEG;AACgB,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAC5C,kBAAkB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,CAAC,CAC/C;AAcF;IAZC,QAAQ,GAAA;;QAEN,IAAI,SAAS,EAAE,IAAI,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACnD,YAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;YAEjE,IAAI,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,OAAO,EAAE;AACnD,gBAAA,OAAO,CAAC,IAAI,CACV,wFAAwF,QAAQ,CAAA,CAAA,CAAG,CACpG;;;;+GAzCI,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,KAAA,EAAA,cAAA,EAAA,KAAA,EAAA,sCAAA,EAAA,mBAAA,EAAA,sCAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAZtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,YAAY;oBACtB,cAAc,EAAE,CAAC,gBAAgB,CAAC;AAClC,oBAAA,IAAI,EAAE;AACJ,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,iBAAiB,EAAE,KAAK;AACxB,wBAAA,gBAAgB,EAAE,KAAK;AACvB,wBAAA,wCAAwC,EAAE,mBAAmB;AAC7D,wBAAA,wCAAwC,EAAE,mBAAmB;AAC9D,qBAAA;AACF,iBAAA;;;AC5BD;;AAEG;;;;"}

package/focus-trap/focus-trap/focus-trap-state.d.ts

@@ -17,8 +17,8 @@ export declare const injectFocusTrapState: <U = {
         deactivate(): void;
     };
     readonly injector: import("@angular/core").Injector;
-    readonly focusMonitor: import("@angular/cdk/a11y").FocusMonitor;
-    readonly interactivityChecker: import("@angular/cdk/a11y").InteractivityChecker;
+    readonly focusMonitor: import("@angular/cdk/focus-monitor.d-CvvJeQRc").e;
+    readonly interactivityChecker: import("@angular/cdk/a11y-module.d-DBHGyKoh").I;
     readonly elementRef: import("@angular/core").ElementRef<HTMLElement>;
     readonly ngZone: import("@angular/core").NgZone;
     mutationObserver: MutationObserver | null;

package/listbox/listbox/listbox-state.d.ts

@@ -22,14 +22,14 @@ export declare const injectListboxState: <U = {
     readonly compareWith: import("@angular/core").InputSignal<(a: unknown, b: unknown) => boolean>;
     readonly tabindex: import("@angular/core").Signal<-1 | 0>;
     readonly options: import("@angular/core").WritableSignal<import("ng-primitives/listbox").NgpListboxOption<unknown>[]>;
-    readonly keyManager: import("@angular/cdk/a11y").ActiveDescendantKeyManager<import("ng-primitives/listbox").NgpListboxOption<unknown>>;
+    readonly keyManager: import("@angular/cdk/activedescendant-key-manager.d-Bjic5obv").A<import("ng-primitives/listbox").NgpListboxOption<unknown>>;
     readonly activeDescendant: import("@angular/core").WritableSignal<string | undefined>;
     readonly isFocused: import("@angular/core").WritableSignal<boolean>;
     readonly state: import("ng-primitives/state").CreatedState<NgpListbox<unknown>>;
     ngAfterContentInit: () => void;
     updateActiveItem: () => void;
     onKeydown: (event: KeyboardEvent) => void;
-    selectOption: (value: unknown, origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+    selectOption: (value: unknown, origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
     isSelected: (value: unknown) => boolean;
     activateOption: (value: unknown) => void;
     addOption: (option: import("ng-primitives/listbox").NgpListboxOption<unknown>) => void;

package/meter/meter/meter-state.d.ts

@@ -11,9 +11,9 @@ export declare const provideMeterState: (options?: import("ng-primitives/state")
  * Injects the Meter state.
  */
 export declare const injectMeterState: <U = {
-    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly valueLabel: import("@angular/core").InputSignal<import("./meter").NgpMeterValueTextFn>;
     readonly label: import("@angular/core").WritableSignal<import("ng-primitives/meter").NgpMeterLabel | null>;
     readonly percentage: import("@angular/core").Signal<number>;

package/meter/meter-indicator/meter-indicator.d.ts

@@ -2,9 +2,9 @@ import * as i0 from "@angular/core";
 export declare class NgpMeterIndicator {
     /** Access the meter */
     protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueLabel: import("@angular/core").InputSignal<import("../meter/meter").NgpMeterValueTextFn>;
         readonly label: import("@angular/core").WritableSignal<import("ng-primitives/meter").NgpMeterLabel | null>;
         readonly percentage: import("@angular/core").Signal<number>;

package/meter/meter-label/meter-label.d.ts

@@ -2,9 +2,9 @@ import * as i0 from "@angular/core";
 export declare class NgpMeterLabel {
     /** Access the meter */
     protected readonly meter: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueLabel: import("@angular/core").InputSignal<import("../meter/meter").NgpMeterValueTextFn>;
         readonly label: import("@angular/core").WritableSignal<NgpMeterLabel | null>;
         readonly percentage: import("@angular/core").Signal<number>;

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.42.0",
+  "version": "0.43.1",
   "keywords": [
     "angular",
     "primitives",
@@ -67,10 +67,6 @@
       "types": "./a11y/index.d.ts",
       "default": "./fesm2022/ng-primitives-a11y.mjs"
     },
-    "./accordion": {
-      "types": "./accordion/index.d.ts",
-      "default": "./fesm2022/ng-primitives-accordion.mjs"
-    },
     "./autofill": {
       "types": "./autofill/index.d.ts",
       "default": "./fesm2022/ng-primitives-autofill.mjs"
@@ -83,6 +79,10 @@
       "types": "./button/index.d.ts",
       "default": "./fesm2022/ng-primitives-button.mjs"
     },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "default": "./fesm2022/ng-primitives-accordion.mjs"
+    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/ng-primitives-checkbox.mjs"
@@ -135,14 +135,14 @@
       "types": "./listbox/index.d.ts",
       "default": "./fesm2022/ng-primitives-listbox.mjs"
     },
-    "./menu": {
-      "types": "./menu/index.d.ts",
-      "default": "./fesm2022/ng-primitives-menu.mjs"
-    },
     "./meter": {
       "types": "./meter/index.d.ts",
       "default": "./fesm2022/ng-primitives-meter.mjs"
     },
+    "./menu": {
+      "types": "./menu/index.d.ts",
+      "default": "./fesm2022/ng-primitives-menu.mjs"
+    },
     "./pagination": {
       "types": "./pagination/index.d.ts",
       "default": "./fesm2022/ng-primitives-pagination.mjs"
@@ -191,14 +191,14 @@
       "types": "./state/index.d.ts",
       "default": "./fesm2022/ng-primitives-state.mjs"
     },
-    "./switch": {
-      "types": "./switch/index.d.ts",
-      "default": "./fesm2022/ng-primitives-switch.mjs"
-    },
     "./tabs": {
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/ng-primitives-tabs.mjs"
     },
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "default": "./fesm2022/ng-primitives-switch.mjs"
+    },
     "./textarea": {
       "types": "./textarea/index.d.ts",
       "default": "./fesm2022/ng-primitives-textarea.mjs"

package/pagination/pagination/pagination-state.d.ts

@@ -11,9 +11,9 @@ export declare const providePaginationState: (options?: import("ng-primitives/st
  * Injects the Pagination state.
  */
 export declare const injectPaginationState: <U = {
-    readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-    readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly firstPage: import("@angular/core").Signal<boolean>;
     readonly lastPage: import("@angular/core").Signal<boolean>;

package/pagination/pagination-first/pagination-first.d.ts

@@ -9,9 +9,9 @@ export declare class NgpPaginationFirst {
      * Access the pagination state.
      */
     protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
         readonly firstPage: import("@angular/core").Signal<boolean>;
         readonly lastPage: import("@angular/core").Signal<boolean>;

package/pagination/pagination-next/pagination-next.d.ts

@@ -9,9 +9,9 @@ export declare class NgpPaginationNext {
      * Access the pagination state.
      */
     protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
         readonly firstPage: import("@angular/core").Signal<boolean>;
         readonly lastPage: import("@angular/core").Signal<boolean>;

package/pagination/pagination-previous/pagination-previous.d.ts

@@ -9,9 +9,9 @@ export declare class NgpPaginationPrevious {
      * Access the pagination state.
      */
     protected readonly paginationState: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly page: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
-        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly pageCount: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
         readonly firstPage: import("@angular/core").Signal<boolean>;
         readonly lastPage: import("@angular/core").Signal<boolean>;

package/progress/progress/progress-state.d.ts

@@ -11,9 +11,9 @@ export declare const provideProgressState: (options?: import("ng-primitives/stat
  * Injects the Progress state.
  */
 export declare const injectProgressState: <U = {
-    readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/coercion").NumberInput>;
-    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly valueLabel: import("@angular/core").InputSignal<import("./progress").NgpProgressValueTextFn>;
     readonly indeterminate: import("@angular/core").Signal<boolean>;
     readonly progressing: import("@angular/core").Signal<boolean>;

package/progress/progress-indicator/progress-indicator.d.ts

@@ -8,9 +8,9 @@ export declare class NgpProgressIndicator {
      * Access the progress state.
      */
     protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/coercion").NumberInput>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
         readonly indeterminate: import("@angular/core").Signal<boolean>;
         readonly progressing: import("@angular/core").Signal<boolean>;

package/progress/progress-label/progress-label.d.ts

@@ -4,9 +4,9 @@ export declare class NgpProgressLabel {
      * Access the progress state.
      */
     protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/coercion").NumberInput>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
         readonly indeterminate: import("@angular/core").Signal<boolean>;
         readonly progressing: import("@angular/core").Signal<boolean>;

package/progress/progress-track/progress-track.d.ts

@@ -4,9 +4,9 @@ export declare class NgpProgressTrack {
      * Access the progress state.
      */
     protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/coercion").NumberInput>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
         readonly indeterminate: import("@angular/core").Signal<boolean>;
         readonly progressing: import("@angular/core").Signal<boolean>;

package/progress/progress-value/progress-value.d.ts

@@ -4,9 +4,9 @@ export declare class NgpProgressValue {
      * Access the progress state.
      */
     protected readonly state: import("@angular/core").Signal<import("ng-primitives/state").State<{
-        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/coercion").NumberInput>;
-        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+        readonly value: import("@angular/core").InputSignalWithTransform<number | null, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+        readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
         readonly valueLabel: import("@angular/core").InputSignal<import("ng-primitives/progress").NgpProgressValueTextFn>;
         readonly indeterminate: import("@angular/core").Signal<boolean>;
         readonly progressing: import("@angular/core").Signal<boolean>;

package/roving-focus/roving-focus-group/roving-focus-group-state.d.ts

@@ -11,7 +11,7 @@ export declare const provideRovingFocusGroupState: (options?: import("ng-primiti
  * Injects the RovingFocusGroup state.
  */
 export declare const injectRovingFocusGroupState: <U = {
-    readonly directionality: import("@angular/cdk/bidi").Directionality;
+    readonly directionality: import("@angular/cdk/bidi-module.d-D-fEBKdS").D;
     readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
     readonly wrap: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly homeEnd: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
@@ -22,11 +22,11 @@ export declare const injectRovingFocusGroupState: <U = {
     readonly state: import("ng-primitives/state").CreatedState<NgpRovingFocusGroup>;
     register: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
     unregister: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem) => void;
-    setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/a11y").FocusOrigin) => void;
-    activateFirstItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-    activateLastItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-    activateNextItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
-    activatePreviousItem: (origin: import("@angular/cdk/a11y").FocusOrigin) => void;
+    setActiveItem: (item: import("ng-primitives/roving-focus").NgpRovingFocusItem | null, origin?: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+    activateFirstItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+    activateLastItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+    activateNextItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
+    activatePreviousItem: (origin: import("@angular/cdk/focus-monitor.d-CvvJeQRc").F) => void;
     onKeydown: (event: KeyboardEvent) => void;
 }>(injectOptions?: import("@angular/core").InjectOptions) => import("@angular/core").Signal<import("ng-primitives/state").State<U>>;
 /**

package/schematics/ng-generate/schema.d.ts

@@ -25,7 +25,8 @@ export interface AngularPrimitivesComponentSchema {
     | 'toast'
     | 'toolbar'
     | 'tooltip'
-    | 'meter';
+    | 'meter'
+    | 'popover';
 
   /**
    * The path where the component files should be created, relative to the current workspace.

package/schematics/ng-generate/schema.json

@@ -22,6 +22,7 @@
         "listbox",
         "meter",
         "pagination",
+        "popover",
         "progress",
         "radio",
         "search",

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

@@ -0,0 +1,39 @@
+import { Directive, input } from '@angular/core';
+import { injectPopoverTriggerState } from 'ng-primitives/popover';
+import { NgpPopoverTrigger } from 'ng-primitives/popover';
+import { Popover } from './popover';
+
+@Directive({
+  selector: '[appPopoverTrigger]',
+  hostDirectives: [
+    {
+      directive: NgpPopoverTrigger,
+      inputs: [
+        'ngpPopoverTriggerDisabled:appPopoverTriggerDisabled',
+        'ngpPopoverTriggerPlacement:appPopoverTriggerPlacement',
+        'ngpPopoverTriggerOffset:appPopoverTriggerOffset',
+        'ngpPopoverTriggerShowDelay:appPopoverTriggerShowDelay',
+        'ngpPopoverTriggerHideDelay:appPopoverTriggerHideDelay',
+        'ngpPopoverTriggerFlip:appPopoverTriggerFlip',
+        'ngpPopoverTriggerContainer:appPopoverTriggerContainer',
+        'ngpPopoverTriggerCloseOnOutsideClick:appPopoverTriggerCloseOnOutsideClick',
+        'ngpPopoverTriggerCloseOnEscape:appPopoverTriggerCloseOnEscape',
+        'ngpPopoverTriggerScrollBehavior:appPopoverTriggerScrollBehavior',
+        'ngpPopoverTriggerContext:appPopoverTrigger',
+      ],
+    },
+  ],
+})
+export class PopoverTrigger {
+  /** Access the popover trigger */
+  private readonly popoverTrigger = injectPopoverTriggerState();
+
+  /** Define the content of the popover */
+  readonly content = input.required<string>({
+    alias: 'appPopoverTrigger',
+  });
+
+  constructor() {
+    this.popoverTrigger().popover.set(Popover);
+  }
+}

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

@@ -0,0 +1,59 @@
+import { Component } from '@angular/core';
+import { injectPopoverContext, NgpPopover } from 'ng-primitives/popover';
+
+@Component({
+  selector: '<%= prefix %>-popover',
+  hostDirectives: [NgpPopover],
+  template: `
+    {{ content }}
+  `,
+  styles: `
+/* These styles rely on CSS variables that can be imported from ng-primitives/example-theme/index.css in your global styles */
+
+    :host {
+      position: absolute;
+      max-width: 16rem;
+      border-radius: 0.5rem;
+      background-color: var(--ngp-background-inverse);
+      padding: 0.5rem 0.75rem;
+      border: none;
+      font-size: 0.75rem;
+      font-weight: 500;
+      color: var(--ngp-text-inverse);
+      transform-origin: var(--ngp-popover-transform-origin);
+    }
+
+    :host[data-enter] {
+      animation: popover-show 200ms ease-in-out;
+    }
+
+    :host[data-exit] {
+      animation: popover-hide 200ms ease-in-out;
+    }
+
+    @keyframes popover-show {
+      0% {
+        opacity: 0;
+        transform: scale(0.5);
+      }
+      100% {
+        opacity: 1;
+        transform: scale(1);
+      }
+    }
+
+    @keyframes popover-hide {
+      0% {
+        opacity: 1;
+        transform: scale(1);
+      }
+      100% {
+        opacity: 0;
+        transform: scale(0.5);
+      }
+    }
+  `,
+})
+export class Popover<%= componentSuffix %> {
+  readonly content = injectPopoverContext();
+}

package/slider/slider/slider-state.d.ts

@@ -11,11 +11,11 @@ export declare const provideSliderState: (options?: import("ng-primitives/state"
  * Injects the Slider state.
  */
 export declare const injectSliderState: <U = {
-    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
-    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
-    readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/coercion").NumberInput>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, import("@angular/cdk/number-property.d-CJVxXUcb").N>;
     readonly orientation: import("@angular/core").InputSignal<import("ng-primitives/common").NgpOrientation>;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     readonly track: import("@angular/core").WritableSignal<import("ng-primitives/slider").NgpSliderTrack | undefined>;