ng-primitives 0.92.0 → 0.93.0

package/fesm2022/ng-primitives-form-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-form-field.mjs","sources":["../../../../packages/ng-primitives/form-field/src/form-field/form-field-state.ts","../../../../packages/ng-primitives/form-field/src/description/description.ts","../../../../packages/ng-primitives/form-field/src/error/error.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control-state.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control.ts","../../../../packages/ng-primitives/form-field/src/form-field/form-field.ts","../../../../packages/ng-primitives/form-field/src/label/label.ts","../../../../packages/ng-primitives/form-field/src/ng-primitives-form-field.ts"],"sourcesContent":["import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFormField } from './form-field';\n\n/**\n * The state token  for the FormField primitive.\n */\nexport const NgpFormFieldStateToken = createStateToken<NgpFormField>('FormField');\n\n/**\n * Provides the FormField state.\n */\nexport const provideFormFieldState = createStateProvider(NgpFormFieldStateToken);\n\n/**\n * Injects the FormField state.\n */\nexport const injectFormFieldState = createStateInjector<NgpFormField>(NgpFormFieldStateToken);\n\n/**\n * The FormField state registration function.\n */\nexport const formFieldState = createState(NgpFormFieldStateToken);\n","import { Directive, effect, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpDescription` directive is used to mark a description element within a form field. There may be multiple descriptions associated with a form control.\n */\n@Directive({\n  selector: '[ngpDescription]',\n  exportAs: 'ngpDescription',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n  },\n})\nexport class NgpDescription {\n  /**\n   * The id of the description. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-description'));\n  /**\n   * Access the form field that the description is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField()?.addDescription(this.id());\n      onCleanup(() => this.formField()?.removeDescription(this.id()));\n    });\n  }\n}\n","import { Directive, OnChanges, OnDestroy, SimpleChanges, computed, input } from '@angular/core';\nimport { onBooleanChange, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpError` directive is used to mark an error message element within a form field. There may be multiple error messages associated with a form control.\n */\n@Directive({\n  selector: '[ngpError]',\n  exportAs: 'ngpError',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n    '[attr.data-validator]': 'state()',\n  },\n})\nexport class NgpError implements OnChanges, OnDestroy {\n  /**\n   * Access the form field that the description is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n\n  /**\n   * The id of the error message. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-error'));\n\n  /**\n   * The validator associated with the error message.\n   */\n  readonly validator = input<string | null>(null, {\n    alias: 'ngpErrorValidator',\n  });\n\n  /**\n   * Determine if there is an error message.\n   */\n  protected readonly hasError = computed(() => {\n    const errors = this.formField()?.errors() ?? [];\n    const validator = this.validator();\n\n    return validator ? errors?.includes(validator) : errors?.length > 0;\n  });\n\n  /**\n   * Determine whether the validator associated with this error is failing.\n   */\n  protected readonly state = computed(() => (this.hasError() ? 'fail' : 'pass'));\n\n  constructor() {\n    // add or remove the error message when the error state changes\n    onBooleanChange(\n      this.hasError,\n      () => this.formField()?.addDescription(this.id()),\n      () => this.formField()?.removeDescription(this.id()),\n    );\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if ('id' in changes) {\n      this.formField()?.removeDescription(changes['id'].previousValue);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.formField()?.removeDescription(this.id());\n  }\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpFormControl } from './form-control';\n\n/**\n * The state token  for the FormControl primitive.\n */\nexport const NgpFormControlStateToken = createStateToken<NgpFormControl>('FormControl');\n\n/**\n * Provides the FormControl state.\n */\nexport const provideFormControlState = createStateProvider(NgpFormControlStateToken);\n\n/**\n * Injects the FormControl state.\n */\nexport const injectFormControlState = createStateInjector<NgpFormControl>(NgpFormControlStateToken);\n\n/**\n * The FormControl state registration function.\n */\nexport const formControlState = createState(NgpFormControlStateToken);\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, input, signal, Signal } from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, dataBinding } from 'ng-primitives/state';\nimport { controlStatus, NgpControlStatus, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\nimport { formControlState, provideFormControlState } from './form-control-state';\n\n/**\n * Typically this primitive would be not be used directly, but instead a more specific form control primitive would be used (e.g. `ngpInput`). All of our form control primitives use `ngpFormControl` internally so they will have the same accessibility features as described below.\n *\n * The `NgpFormControl` directive is used to mark a form control element within a form field. This element will have an `aria-labelledby` attribute set to the ID of the label element within the form field and an `aria-describedby` attribute set to the ID of the description elements within the form field.\n */\n@Directive({\n  selector: '[ngpFormControl]',\n  exportAs: 'ngpFormControl',\n  providers: [provideFormControlState()],\n  host: {\n    '[attr.disabled]': 'supportsDisabledAttribute && status().disabled ? \"\" : null',\n  },\n})\nexport class NgpFormControl {\n  /**\n   * The id of the form control. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-form-control'));\n\n  /**\n   * Whether the form control is disabled by a parent.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFormControlDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The status of the form control.\n   */\n  readonly status: Signal<NgpControlStatus>;\n\n  /**\n   * The element reference.\n   */\n  private readonly elementRef = injectElementRef();\n\n  /**\n   * Whether the element supports the disabled attribute.\n   */\n  protected readonly supportsDisabledAttribute = 'disabled' in this.elementRef.nativeElement;\n\n  /**\n   * The state of the form control.\n   */\n  private readonly state = formControlState<NgpFormControl>(this);\n\n  constructor() {\n    // Sync the form control state with the control state.\n    this.status = ngpFormControl({ id: this.state.id, disabled: this.state.disabled });\n  }\n}\n\ninterface NgpFormControlProps {\n  id: Signal<string>;\n  disabled?: Signal<boolean>;\n}\n\nexport function ngpFormControl({\n  id,\n  disabled = signal(false),\n}: NgpFormControlProps): Signal<NgpControlStatus> {\n  const element = injectElementRef();\n  // Access the form field that the form control is associated with.\n  const formField = injectFormFieldState({ optional: true });\n  // Access the form control status.\n  const status = controlStatus();\n  // Determine the aria-labelledby attribute value.\n  const ariaLabelledBy = computed(() => formField()?.labels().join(' '));\n  // Determine the aria-describedby attribute value.\n  const ariaDescribedBy = computed(() => formField()?.descriptions().join(' '));\n\n  explicitEffect([id], ([id], onCleanup) => {\n    formField()?.setFormControl(id);\n    onCleanup(() => formField()?.removeFormControl());\n  });\n\n  attrBinding(element, 'id', id);\n  attrBinding(element, 'aria-labelledby', ariaLabelledBy);\n  attrBinding(element, 'aria-describedby', ariaDescribedBy);\n  dataBinding(element, 'data-invalid', () => status().invalid);\n  dataBinding(element, 'data-valid', () => status().valid);\n  dataBinding(element, 'data-touched', () => status().touched);\n  dataBinding(element, 'data-pristine', () => status().pristine);\n  dataBinding(element, 'data-dirty', () => status().dirty);\n  dataBinding(element, 'data-pending', () => status().pending);\n  dataBinding(element, 'data-disabled', () => disabled() || status().disabled);\n\n  return computed(() => ({ ...status(), disabled: status().disabled || disabled() }));\n}\n","import {\n  Directive,\n  Injector,\n  OnDestroy,\n  contentChild,\n  effect,\n  inject,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { onChange } from 'ng-primitives/utils';\nimport { Subscription } from 'rxjs';\nimport { formFieldState, provideFormFieldState } from './form-field-state';\n\n/**\n * The `NgpFormField` directive is a container for form field elements. Any labels, form controls, or descriptions should be placed within this directive.\n */\n@Directive({\n  selector: '[ngpFormField]',\n  exportAs: 'ngpFormField',\n  providers: [provideFormFieldState()],\n  host: {\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    '[attr.data-valid]': 'valid() ? \"\" : null',\n    '[attr.data-touched]': 'touched() ? \"\" : null',\n    '[attr.data-pristine]': 'pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'dirty() ? \"\" : null',\n    '[attr.data-pending]': 'pending() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class NgpFormField implements OnDestroy {\n  /**\n   * Store the form label.\n   * @internal\n   */\n  readonly labels = signal<string[]>([]);\n\n  /**\n   * Store the form descriptions.\n   * @internal\n   */\n  readonly descriptions = signal<string[]>([]);\n\n  /**\n   * Store the id of the associated form control.\n   * @internal\n   */\n  readonly formControl = signal<string | null>(null);\n\n  /**\n   * Find any NgControl within the form field.\n   * @internal\n   */\n  private readonly ngControl = contentChild(NgControl);\n\n  /**\n   * Store the validation error messages.\n   * @internal\n   */\n  readonly errors = signal<string[]>([]);\n\n  /**\n   * Whether the control is pristine.\n   * @internal\n   */\n  readonly pristine = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is touched.\n   * @internal\n   */\n  readonly touched = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is dirty.\n   * @internal\n   */\n  readonly dirty = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is valid.\n   */\n  readonly valid = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is invalid.\n   * @internal\n   */\n  readonly invalid = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is pending.\n   * @internal\n   */\n  readonly pending = signal<boolean | null>(null);\n\n  /**\n   * Whether the control is disabled.\n   * @internal\n   */\n  readonly disabled = signal<boolean | null>(null);\n\n  /**\n   * Store the current status subscription.\n   */\n  private subscription?: Subscription;\n\n  /**\n   * Injector for creating effects outside the constructor.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * The form field state.\n   */\n  protected readonly state = formFieldState<NgpFormField>(this);\n\n  constructor() {\n    // any time the ngControl changes, setup the subscriptions.\n    onChange(this.ngControl, this.setupSubscriptions.bind(this));\n  }\n\n  ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n\n  /**\n   * Setup a listener for the form control status.\n   * @param control\n   */\n  private setupSubscriptions(control: NgControl | null | undefined): void {\n    // Unsubscribe from the previous subscriptions.\n    this.subscription?.unsubscribe();\n\n    if (!control) {\n      return;\n    }\n\n    // For signal-forms interop controls, use an effect to reactively track status.\n    // For classic controls, also use an effect but additionally subscribe to events.\n    effect(\n      () => {\n        this.updateStatus();\n      },\n      { injector: this.injector },\n    );\n\n    // Classic controls also have an events observable we can subscribe to.\n    const underlyingControl = control?.control;\n    if (underlyingControl?.events) {\n      this.subscription = underlyingControl.events.subscribe(() => this.updateStatus());\n    }\n  }\n\n  private updateStatus(): void {\n    const control = this.ngControl();\n\n    if (!control) {\n      return;\n    }\n\n    // Wrap in try-catch to handle signal-forms interop controls where\n    // the `field` input may not be available yet (throws NG0950).\n    // Reading the signal still establishes a dependency, so the effect\n    // will re-run when the input becomes available.\n    try {\n      const pristine = control.pristine;\n      const touched = control.touched;\n      const dirty = control.dirty;\n      const valid = control.valid;\n      const invalid = control.invalid;\n      const pending = control.pending;\n      const disabled = control.disabled;\n      const errors = control.errors;\n\n      untracked(() => {\n        this.pristine.set(pristine);\n        this.touched.set(touched);\n        this.dirty.set(dirty);\n        this.valid.set(valid);\n        this.invalid.set(invalid);\n        this.pending.set(pending);\n        this.disabled.set(disabled);\n        this.errors.set(errors ? Object.keys(errors) : []);\n      });\n    } catch {\n      // NG0950: Required input not available yet. The effect will re-run\n      // when the signal input becomes available.\n    }\n  }\n\n  /**\n   * Register the id of the associated form control.\n   * @param id\n   * @internal\n   */\n  setFormControl(id: string): void {\n    this.formControl.set(id);\n  }\n\n  /**\n   * Register a label with the form field.\n   * @param label\n   * @internal\n   */\n  addLabel(label: string): void {\n    this.labels.update(labels => [...labels, label]);\n  }\n\n  /**\n   * Register a description with the form field.\n   * @param description\n   * @internal\n   */\n  addDescription(description: string): void {\n    this.descriptions.update(descriptions => [...descriptions, description]);\n  }\n\n  /**\n   * Remove the associated form control.\n   * @internal\n   */\n  removeFormControl(): void {\n    this.formControl.set(null);\n  }\n\n  /**\n   * Remove a label from the form field.\n   * @param label\n   * @internal\n   */\n  removeLabel(label: string): void {\n    this.labels.update(labels => labels.filter(l => l !== label));\n  }\n\n  /**\n   * Remove a description from the form field.\n   * @param description\n   * @internal\n   */\n  removeDescription(description: string): void {\n    this.descriptions.update(descriptions => descriptions.filter(d => d !== description));\n  }\n}\n","import {\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n} from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.\n */\n@Directive({\n  selector: '[ngpLabel]',\n  exportAs: 'ngpLabel',\n  host: {\n    '[attr.id]': 'id()',\n    '[attr.for]': 'htmlFor()',\n    '[attr.data-invalid]': 'formField()?.invalid() ? \"\" : null',\n    '[attr.data-valid]': 'formField()?.valid() ? \"\" : null',\n    '[attr.data-touched]': 'formField()?.touched() ? \"\" : null',\n    '[attr.data-pristine]': 'formField()?.pristine() ? \"\" : null',\n    '[attr.data-dirty]': 'formField()?.dirty() ? \"\" : null',\n    '[attr.data-pending]': 'formField()?.pending() ? \"\" : null',\n    '[attr.data-disabled]': 'formField()?.disabled() ? \"\" : null',\n  },\n})\nexport class NgpLabel {\n  /**\n   * The id of the label. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-label'));\n  /**\n   * Access the form field that the label is associated with.\n   */\n  protected readonly formField = injectFormFieldState({ optional: true });\n  /**\n   * Derive the for attribute value if the label is an HTML label element.\n   */\n  protected readonly htmlFor = computed(() => this.formField()?.formControl());\n  /**\n   * Access the element that the label is associated with.\n   */\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  /**\n   * Determine if the label is an HTML label element.\n   */\n  protected readonly isLabel = this.elementRef.nativeElement instanceof HTMLLabelElement;\n\n  constructor() {\n    effect(onCleanup => {\n      this.formField()?.addLabel(this.id());\n      onCleanup(() => this.formField()?.removeLabel(this.id()));\n    });\n  }\n\n  @HostListener('click', ['$event'])\n  protected onClick(event: MouseEvent): void {\n    // by default a label will perform a click on the associated form control, however\n    // this only works if the associated form control is an input element which may not always\n    // be the case, so we prevent the default behavior and handle the click event ourselves.\n    // This was inspired by the HeadlessUI approach:\n    // https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-react/src/components/label/label.tsx#L58\n    if (this.isLabel) {\n      event.preventDefault();\n    }\n\n    // to find the associated form control we can lookup via the known id\n    const targetId = this.htmlFor();\n\n    if (!targetId) {\n      return;\n    }\n\n    const target = document.getElementById(targetId);\n\n    if (!target) {\n      return;\n    }\n\n    // if the target is disabled then do nothing\n    const disabled = target.getAttribute('disabled');\n    const ariaDisabled = target.getAttribute('aria-disabled');\n\n    if (disabled === '' || disabled === 'true' || ariaDisabled === 'true') {\n      return;\n    }\n\n    // radio buttons, checkboxes and switches should all be clicked immediately as they require state changes\n    if (\n      (target instanceof HTMLInputElement &&\n        (target.type === 'radio' || target.type === 'checkbox')) ||\n      target.role === 'radio' ||\n      target.role === 'checkbox' ||\n      target.role === 'switch'\n    ) {\n      target.click();\n    }\n\n    // Move focus to the element, this allows you to start using keyboard shortcuts since the\n    // bound element is now focused.\n    target.focus({ preventScroll: true });\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-form-field.mjs","sources":["../../../../packages/ng-primitives/form-field/src/form-field/form-field-state.ts","../../../../packages/ng-primitives/form-field/src/description/description-state.ts","../../../../packages/ng-primitives/form-field/src/description/description.ts","../../../../packages/ng-primitives/form-field/src/error/error-state.ts","../../../../packages/ng-primitives/form-field/src/error/error.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control-state.ts","../../../../packages/ng-primitives/form-field/src/form-control/form-control.ts","../../../../packages/ng-primitives/form-field/src/form-field/form-field.ts","../../../../packages/ng-primitives/form-field/src/label/label-state.ts","../../../../packages/ng-primitives/form-field/src/label/label.ts","../../../../packages/ng-primitives/form-field/src/ng-primitives-form-field.ts"],"sourcesContent":["import { Injector, Signal, effect, inject, signal, untracked } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onChange } from 'ng-primitives/utils';\nimport { Subscription } from 'rxjs';\n\n/**\n * The state interface for the FormField primitive.\n */\nexport interface NgpFormFieldState {\n  /**\n   * The form labels.\n   */\n  readonly labels: Signal<string[]>;\n  /**\n   * The form descriptions.\n   */\n  readonly descriptions: Signal<string[]>;\n  /**\n   * The id of the associated form control.\n   */\n  readonly formControl: Signal<string | null>;\n  /**\n   * The validation error messages.\n   */\n  readonly errors: Signal<string[]>;\n  /**\n   * Whether the control is pristine.\n   */\n  readonly pristine: Signal<boolean | null>;\n  /**\n   * Whether the control is touched.\n   */\n  readonly touched: Signal<boolean | null>;\n  /**\n   * Whether the control is dirty.\n   */\n  readonly dirty: Signal<boolean | null>;\n  /**\n   * Whether the control is valid.\n   */\n  readonly valid: Signal<boolean | null>;\n  /**\n   * Whether the control is invalid.\n   */\n  readonly invalid: Signal<boolean | null>;\n  /**\n   * Whether the control is pending.\n   */\n  readonly pending: Signal<boolean | null>;\n  /**\n   * Whether the control is disabled.\n   */\n  readonly disabled: Signal<boolean | null>;\n  /**\n   * Register the id of the associated form control.\n   */\n  setFormControl(id: string): void;\n  /**\n   * Register a label with the form field.\n   */\n  addLabel(label: string): void;\n  /**\n   * Register a description with the form field.\n   */\n  addDescription(description: string): void;\n  /**\n   * Remove the associated form control.\n   */\n  removeFormControl(): void;\n  /**\n   * Remove a label from the form field.\n   */\n  removeLabel(label: string): void;\n  /**\n   * Remove a description from the form field.\n   */\n  removeDescription(description: string): void;\n}\n\n/**\n * The props interface for the FormField primitive.\n */\nexport interface NgpFormFieldProps {\n  /**\n   * Find any NgControl within the form field.\n   */\n  readonly ngControl: Signal<NgControl | undefined>;\n}\n\nexport const [NgpFormFieldStateToken, ngpFormField, injectFormFieldState, provideFormFieldState] =\n  createPrimitive('NgpFormField', ({ ngControl }: NgpFormFieldProps) => {\n    const element = injectElementRef();\n    const injector = inject(Injector);\n\n    // Store the form labels\n    const labels = signal<string[]>([]);\n\n    // Store the form descriptions\n    const descriptions = signal<string[]>([]);\n\n    // Store the id of the associated form control\n    const formControl = signal<string | null>(null);\n\n    // Store the validation error messages\n    const errors = signal<string[]>([]);\n\n    // Form control state signals\n    const pristine = signal<boolean | null>(null);\n    const touched = signal<boolean | null>(null);\n    const dirty = signal<boolean | null>(null);\n    const valid = signal<boolean | null>(null);\n    const invalid = signal<boolean | null>(null);\n    const pending = signal<boolean | null>(null);\n    const disabled = signal<boolean | null>(null);\n\n    // Store the current status subscription\n    let subscription: Subscription | undefined;\n\n    // Host bindings\n    dataBinding(element, 'data-invalid', invalid);\n    dataBinding(element, 'data-valid', valid);\n    dataBinding(element, 'data-touched', touched);\n    dataBinding(element, 'data-pristine', pristine);\n    dataBinding(element, 'data-dirty', dirty);\n    dataBinding(element, 'data-pending', pending);\n    dataBinding(element, 'data-disabled', disabled);\n\n    function updateStatus(): void {\n      const control = ngControl();\n\n      if (!control) {\n        return;\n      }\n\n      // Wrap in try-catch to handle signal-forms interop controls where\n      // the `field` input may not be available yet (throws NG0950).\n      // Reading the signal still establishes a dependency, so the effect\n      // will re-run when the input becomes available.\n      try {\n        const controlPristine = control.pristine;\n        const controlTouched = control.touched;\n        const controlDirty = control.dirty;\n        const controlValid = control.valid;\n        const controlInvalid = control.invalid;\n        const controlPending = control.pending;\n        const controlDisabled = control.disabled;\n        const controlErrors = control.errors;\n\n        untracked(() => {\n          pristine.set(controlPristine);\n          touched.set(controlTouched);\n          dirty.set(controlDirty);\n          valid.set(controlValid);\n          invalid.set(controlInvalid);\n          pending.set(controlPending);\n          disabled.set(controlDisabled);\n          errors.set(controlErrors ? Object.keys(controlErrors) : []);\n        });\n      } catch {\n        // NG0950: Required input not available yet. The effect will re-run\n        // when the signal input becomes available.\n      }\n    }\n\n    function setupSubscriptions(control: NgControl | null | undefined): void {\n      // Unsubscribe from the previous subscriptions.\n      subscription?.unsubscribe();\n\n      if (!control) {\n        return;\n      }\n\n      // For signal-forms interop controls, use an effect to reactively track status.\n      // For classic controls, also use an effect but additionally subscribe to events.\n      effect(\n        () => {\n          updateStatus();\n        },\n        { injector },\n      );\n\n      // Classic controls also have an events observable we can subscribe to.\n      const underlyingControl = control?.control;\n      if (underlyingControl?.events) {\n        subscription = underlyingControl.events.subscribe(() => updateStatus());\n      }\n    }\n\n    // Setup subscriptions when ngControl changes\n    onChange(ngControl, setupSubscriptions);\n\n    // Cleanup subscription on destroy\n    onDestroy(() => subscription?.unsubscribe());\n\n    // Methods\n    function setFormControl(id: string): void {\n      formControl.set(id);\n    }\n\n    function addLabel(label: string): void {\n      if (labels().includes(label)) {\n        return;\n      }\n\n      labels.update(currentLabels => [...currentLabels, label]);\n    }\n\n    function addDescription(description: string): void {\n      if (descriptions().includes(description)) {\n        return;\n      }\n\n      descriptions.update(currentDescriptions => [...currentDescriptions, description]);\n    }\n\n    function removeFormControl(): void {\n      formControl.set(null);\n    }\n\n    function removeLabel(label: string): void {\n      labels.update(currentLabels => currentLabels.filter(l => l !== label));\n    }\n\n    function removeDescription(description: string): void {\n      descriptions.update(currentDescriptions =>\n        currentDescriptions.filter(d => d !== description),\n      );\n    }\n\n    return {\n      labels,\n      descriptions,\n      formControl,\n      errors,\n      pristine,\n      touched,\n      dirty,\n      valid,\n      invalid,\n      pending,\n      disabled,\n      setFormControl,\n      addLabel,\n      addDescription,\n      removeFormControl,\n      removeLabel,\n      removeDescription,\n    };\n  });\n","import { signal, Signal } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onChange, uniqueId } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The state interface for the Description primitive.\n */\nexport interface NgpDescriptionState {\n  /**\n   * The id of the description.\n   */\n  readonly id: Signal<string>;\n}\n\n/**\n * The props interface for the Description primitive.\n */\nexport interface NgpDescriptionProps {\n  /**\n   * The id of the description.\n   */\n  readonly id: Signal<string>;\n}\n\nexport const [\n  NgpDescriptionStateToken,\n  ngpDescription,\n  injectDescriptionState,\n  provideDescriptionState,\n] = createPrimitive(\n  'NgpDescription',\n  ({ id = signal(uniqueId('ngp-description')) }: NgpDescriptionProps) => {\n    const element = injectElementRef();\n    const formField = injectFormFieldState({ optional: true });\n\n    // Host bindings\n    attrBinding(element, 'id', id);\n    dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n    dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n    dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n    dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n    dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n    dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n    dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n\n    // Register with form field and cleanup on destroy\n    formField()?.addDescription(id());\n    onDestroy(() => formField()?.removeDescription(id()));\n\n    onChange(id, (newId, oldId) => {\n      if (oldId) {\n        formField()?.removeDescription(oldId);\n      }\n      formField()?.addDescription(newId);\n    });\n\n    return { id };\n  },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpDescription, provideDescriptionState } from './description-state';\n\n/**\n * The `NgpDescription` directive is used to mark a description element within a form field. There may be multiple descriptions associated with a form control.\n */\n@Directive({\n  selector: '[ngpDescription]',\n  exportAs: 'ngpDescription',\n  providers: [provideDescriptionState()],\n})\nexport class NgpDescription {\n  /**\n   * The id of the description. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-description'));\n\n  /**\n   * The description state.\n   */\n  constructor() {\n    ngpDescription({ id: this.id });\n  }\n}\n","import { Signal, computed, signal } from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, createPrimitive, dataBinding, onDestroy } from 'ng-primitives/state';\nimport { onBooleanChange } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The state interface for the Error primitive.\n */\nexport interface NgpErrorState {\n  /**\n   * The id of the error message.\n   */\n  readonly id: Signal<string>;\n  /**\n   * Determine if there is an error message.\n   */\n  readonly hasError: Signal<boolean>;\n  /**\n   * Determine whether the validator associated with this error is failing.\n   */\n  readonly state: Signal<'fail' | 'pass'>;\n}\n\n/**\n * The props interface for the Error primitive.\n */\nexport interface NgpErrorProps {\n  /**\n   * The id of the error message.\n   */\n  readonly id: Signal<string>;\n  /**\n   * The validator associated with the error message.\n   */\n  readonly validator?: Signal<string | null>;\n}\n\nexport const [NgpErrorStateToken, ngpError, injectErrorState, provideErrorState] = createPrimitive(\n  'NgpError',\n  ({ id, validator = signal(null) }: NgpErrorProps) => {\n    const element = injectElementRef();\n    const formField = injectFormFieldState({ optional: true });\n\n    // Determine if there is an error message\n    const hasError = computed(() => {\n      const errors = formField()?.errors() ?? [];\n      const validatorValue = validator();\n\n      return validatorValue ? errors?.includes(validatorValue) : errors?.length > 0;\n    });\n\n    // Determine whether the validator associated with this error is failing\n    const state = computed(() => (hasError() ? 'fail' : 'pass'));\n\n    // Host bindings\n    attrBinding(element, 'id', id);\n    dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n    dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n    dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n    dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n    dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n    dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n    dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n    dataBinding(element, 'data-validator', state);\n\n    let currentId = id();\n\n    // Register/unregister with form field based on error state\n    function registerError(): void {\n      formField()?.addDescription(currentId);\n    }\n\n    function unregisterError(): void {\n      formField()?.removeDescription(currentId);\n    }\n\n    // Update error registration when hasError changes\n    onBooleanChange(hasError, registerError, unregisterError);\n\n    function updateIdRegistration(newId: string, oldId?: string): void {\n      if (oldId && hasError()) {\n        formField()?.removeDescription(oldId);\n      }\n      currentId = newId;\n      if (hasError()) {\n        formField()?.addDescription(newId);\n      }\n    }\n\n    // Watch for id changes to update registration\n    explicitEffect([id], () => updateIdRegistration(id(), currentId));\n\n    // Cleanup on destroy\n    onDestroy(() => {\n      if (hasError()) {\n        formField()?.removeDescription(currentId);\n      }\n    });\n\n    return {\n      id,\n      hasError,\n      state,\n    };\n  },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpError, provideErrorState } from './error-state';\n\n/**\n * The `NgpError` directive is used to mark an error message element within a form field. There may be multiple error messages associated with a form control.\n */\n@Directive({\n  selector: '[ngpError]',\n  exportAs: 'ngpError',\n  providers: [provideErrorState()],\n})\nexport class NgpError {\n  /**\n   * The id of the error message. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-error'));\n\n  /**\n   * The validator associated with the error message.\n   */\n  readonly validator = input<string | null>(null, {\n    alias: 'ngpErrorValidator',\n  });\n\n  /**\n   * The error state.\n   */\n  constructor() {\n    ngpError({ id: this.id, validator: this.validator });\n  }\n}\n","import { Signal, computed, signal } from '@angular/core';\nimport { explicitEffect, injectElementRef } from 'ng-primitives/internal';\nimport { attrBinding, dataBinding } from 'ng-primitives/state';\nimport { NgpControlStatus, controlStatus } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\ninterface NgpFormControlProps {\n  /**\n   * The id of the form control.\n   */\n\n  readonly id: Signal<string>;\n  /**\n   * Whether the form control is disabled by a parent.\n   */\n  readonly disabled?: Signal<boolean>;\n}\n\nexport function ngpFormControl({\n  id,\n  disabled = signal(false),\n}: NgpFormControlProps): Signal<NgpControlStatus> {\n  const elementRef = injectElementRef();\n  // Access the form field that the form control is associated with.\n  const formField = injectFormFieldState({ optional: true });\n  // Access the form control status.\n  const status = controlStatus();\n  // Determine the aria-labelledby attribute value.\n  const ariaLabelledBy = computed(() => {\n    const labels = formField()?.labels() ?? [];\n    return labels.length > 0 ? labels.join(' ') : null;\n  });\n  // Determine the aria-describedby attribute value.\n  const ariaDescribedBy = computed(() => {\n    const descriptions = formField()?.descriptions() ?? [];\n    return descriptions.length > 0 ? descriptions.join(' ') : null;\n  });\n\n  const supportsDisabledAttribute = 'disabled' in elementRef.nativeElement;\n\n  // Host bindings\n  attrBinding(elementRef, 'disabled', () => (supportsDisabledAttribute && disabled() ? '' : null));\n\n  explicitEffect([id], ([id], onCleanup) => {\n    formField()?.setFormControl(id);\n    onCleanup(() => formField()?.removeFormControl());\n  });\n\n  attrBinding(elementRef, 'id', id);\n  attrBinding(elementRef, 'aria-labelledby', ariaLabelledBy);\n  attrBinding(elementRef, 'aria-describedby', ariaDescribedBy);\n  dataBinding(elementRef, 'data-invalid', () => status().invalid);\n  dataBinding(elementRef, 'data-valid', () => status().valid);\n  dataBinding(elementRef, 'data-touched', () => status().touched);\n  dataBinding(elementRef, 'data-pristine', () => status().pristine);\n  dataBinding(elementRef, 'data-dirty', () => status().dirty);\n  dataBinding(elementRef, 'data-pending', () => status().pending);\n  dataBinding(elementRef, 'data-disabled', () => disabled() || status().disabled);\n\n  return computed(() => ({ ...status(), disabled: status().disabled || disabled() }));\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpFormControl } from './form-control-state';\n\n/**\n * Typically this primitive would be not be used directly, but instead a more specific form control primitive would be used (e.g. `ngpInput`). All of our form control primitives use `ngpFormControl` internally so they will have the same accessibility features as described below.\n *\n * The `NgpFormControl` directive is used to mark a form control element within a form field. This element will have an `aria-labelledby` attribute set to the ID of the label element within the form field and an `aria-describedby` attribute set to the ID of the description elements within the form field.\n */\n@Directive({\n  selector: '[ngpFormControl]',\n  exportAs: 'ngpFormControl',\n})\nexport class NgpFormControl {\n  /**\n   * The id of the form control. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-form-control'));\n\n  /**\n   * Whether the form control is disabled by a parent.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpFormControlDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The status of the form control.\n   */\n  readonly status = ngpFormControl({ id: this.id, disabled: this.disabled });\n}\n","import { Directive, contentChild } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { ngpFormField, provideFormFieldState } from './form-field-state';\n\n/**\n * The `NgpFormField` directive is a container for form field elements. Any labels, form controls, or descriptions should be placed within this directive.\n */\n@Directive({\n  selector: '[ngpFormField]',\n  exportAs: 'ngpFormField',\n  providers: [provideFormFieldState()],\n})\nexport class NgpFormField {\n  /**\n   * Find any NgControl within the form field.\n   * @internal\n   */\n  private readonly ngControl = contentChild(NgControl);\n\n  /**\n   * The form field state.\n   */\n  constructor() {\n    ngpFormField({ ngControl: this.ngControl });\n  }\n}\n","import { Signal, computed } from '@angular/core';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  attrBinding,\n  createPrimitive,\n  dataBinding,\n  listener,\n  onDestroy,\n} from 'ng-primitives/state';\nimport { onChange } from 'ng-primitives/utils';\nimport { injectFormFieldState } from '../form-field/form-field-state';\n\n/**\n * The state interface for the Label primitive.\n */\nexport interface NgpLabelState {\n  /**\n   * The id of the label.\n   */\n  readonly id: Signal<string>;\n  /**\n   * The htmlFor attribute value.\n   */\n  readonly htmlFor: Signal<string | null>;\n}\n\n/**\n * The props interface for the Label primitive.\n */\nexport interface NgpLabelProps {\n  /**\n   * The id of the label.\n   */\n  readonly id: Signal<string>;\n}\n\nexport const [NgpLabelStateToken, ngpLabel, injectLabelState, provideLabelState] = createPrimitive(\n  'NgpLabel',\n  ({ id }: NgpLabelProps) => {\n    const element = injectElementRef();\n    const formField = injectFormFieldState({ optional: true });\n\n    // Derive the for attribute value if the label is an HTML label element\n    const htmlFor = computed(() => formField()?.formControl() ?? null);\n\n    // Determine if the label is an HTML label element\n    const isLabel = element.nativeElement instanceof HTMLLabelElement;\n\n    // Host bindings\n    attrBinding(element, 'id', id);\n    attrBinding(element, 'for', htmlFor);\n    dataBinding(element, 'data-invalid', () => (formField()?.invalid() ? '' : null));\n    dataBinding(element, 'data-valid', () => (formField()?.valid() ? '' : null));\n    dataBinding(element, 'data-touched', () => (formField()?.touched() ? '' : null));\n    dataBinding(element, 'data-pristine', () => (formField()?.pristine() ? '' : null));\n    dataBinding(element, 'data-dirty', () => (formField()?.dirty() ? '' : null));\n    dataBinding(element, 'data-pending', () => (formField()?.pending() ? '' : null));\n    dataBinding(element, 'data-disabled', () => (formField()?.disabled() ? '' : null));\n\n    function onClick(event: MouseEvent): void {\n      // by default a label will perform a click on the associated form control, however\n      // this only works if the associated form control is an input element which may not always\n      // be the case, so we prevent the default behavior and handle the click event ourselves.\n      // This was inspired by the HeadlessUI approach:\n      // https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-react/src/components/label/label.tsx#L58\n      if (isLabel) {\n        event.preventDefault();\n      }\n\n      // to find the associated form control we can lookup via the known id\n      const targetId = htmlFor();\n\n      if (!targetId) {\n        return;\n      }\n\n      const target = document.getElementById(targetId);\n\n      if (!target) {\n        return;\n      }\n\n      // if the target is disabled then do nothing\n      const disabled = target.getAttribute('disabled');\n      const ariaDisabled = target.getAttribute('aria-disabled');\n\n      if (disabled === '' || disabled === 'true' || ariaDisabled === 'true') {\n        return;\n      }\n\n      // radio buttons, checkboxes and switches should all be clicked immediately as they require state changes\n      if (\n        (target instanceof HTMLInputElement &&\n          (target.type === 'radio' || target.type === 'checkbox')) ||\n        target.role === 'radio' ||\n        target.role === 'checkbox' ||\n        target.role === 'switch'\n      ) {\n        target.click();\n      }\n\n      // Move focus to the element, this allows you to start using keyboard shortcuts since the\n      // bound element is now focused.\n      target.focus({ preventScroll: true });\n    }\n\n    // Event listeners\n    listener(element, 'click', onClick);\n\n    // Register with form field and cleanup on destroy\n    formField()?.addLabel(id());\n    onDestroy(() => formField()?.removeLabel(id()));\n\n    // any time the id changes we need to update the registration with the form field\n    onChange(id, (newId, oldId) => {\n      if (oldId) {\n        formField()?.removeLabel(oldId);\n      }\n      formField()?.addLabel(newId);\n    });\n\n    return {\n      id,\n      htmlFor,\n    };\n  },\n);\n","import { Directive, input } from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { ngpLabel, provideLabelState } from './label-state';\n\n/**\n * The `NgpLabel` directive is used to mark a label element within a form field. Preferably, there should use an HTML `<label>` element.\n */\n@Directive({\n  selector: '[ngpLabel]',\n  exportAs: 'ngpLabel',\n  providers: [provideLabelState()],\n})\nexport class NgpLabel {\n  /**\n   * The id of the label. If not provided, a unique id will be generated.\n   */\n  readonly id = input<string>(uniqueId('ngp-label'));\n\n  /**\n   * The label state.\n   */\n  constructor() {\n    ngpLabel({ id: this.id });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-primitives-interactions.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, ElementRef, Renderer2, DOCUMENT, PLATFORM_ID, Injectable, effect, input, booleanAttribute, output, Directive, HostListener } from '@angular/core';
+import { InjectionToken, inject, signal, ElementRef, Renderer2, DOCUMENT, PLATFORM_ID, Injectable, Injector, input, booleanAttribute, output, Directive, HostListener } from '@angular/core';
 import { onDomRemoval, injectElementRef } from 'ng-primitives/internal';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { safeTakeUntilDestroyed, onBooleanChange, injectDisposables } from 'ng-primitives/utils';
 import { isPlatformBrowser } from '@angular/common';
+import { listener, dataBinding } from 'ng-primitives/state';
 
 const defaultInteractionsConfig = {
     disabled: false,
@@ -53,7 +54,7 @@ function isPressEnabled() {
 /**
  * @internal
  */
-function ngpFocusVisibleInteraction({ focusChange, disabled = signal(false), }) {
+function ngpFocusVisible({ onFocusChange, disabled = signal(false), }) {
     const canFocusVisible = isFocusVisibleEnabled();
     if (!canFocusVisible) {
         return { isFocused: signal(false) };
@@ -101,7 +102,7 @@ function ngpFocusVisibleInteraction({ focusChange, disabled = signal(false), })
             return;
         }
         isFocused.set(value);
-        focusChange?.(value);
+        onFocusChange?.(value);
         if (value) {
             renderer.setAttribute(elementRef.nativeElement, 'data-focus-visible', origin ?? '');
         }
@@ -145,7 +146,7 @@ function ngpFocusVisibleInteraction({ focusChange, disabled = signal(false), })
 /**
  * @internal
  */
-function ngpFocusInteraction({ focus, blur, focusWithin = false, disabled = signal(false), }) {
+function ngpFocus({ onFocus, onBlur, focusWithin = false, disabled = signal(false), }) {
     const canFocus = isFocusEnabled();
     if (!canFocus) {
         return { isFocused: signal(false) };
@@ -175,14 +176,14 @@ function ngpFocusInteraction({ focus, blur, focusWithin = false, disabled = sign
         }
         isFocused.set(focusOrigin !== null);
         if (focusOrigin !== null) {
-            if (focus) {
-                focus();
+            if (onFocus) {
+                onFocus();
             }
             renderer.setAttribute(elementRef.nativeElement, 'data-focus', '');
         }
         else {
-            if (blur) {
-                blur();
+            if (onBlur) {
+                onBlur();
             }
             renderer.removeAttribute(elementRef.nativeElement, 'data-focus');
         }
@@ -245,7 +246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * because there is a chance the directive has already been used.
  * @internal
  */
-function ngpHoverInteraction({ hoverStart, hoverEnd, disabled = signal(false), }) {
+function ngpHover({ onHoverStart, onHoverEnd, disabled = signal(false), }) {
     const canHover = isHoverEnabled();
     if (!canHover) {
         return { hovered: signal(false) };
@@ -258,10 +259,6 @@ function ngpHoverInteraction({ hoverStart, hoverEnd, disabled = signal(false), }
      * Access the global pointer events handler.
      */
     const globalPointerEvents = inject(GlobalPointerEvents);
-    /**
-     * Access the disposable helper.
-     */
-    const disposables = injectDisposables();
     /**
      * Store the current hover state.
      */
@@ -273,11 +270,11 @@ function ngpHoverInteraction({ hoverStart, hoverEnd, disabled = signal(false), }
     /**
      * Setup event listeners.
      */
-    disposables.addEventListener(elementRef.nativeElement, 'pointerenter', onPointerEnter);
-    disposables.addEventListener(elementRef.nativeElement, 'pointerleave', onPointerLeave);
-    disposables.addEventListener(elementRef.nativeElement, 'touchstart', onTouchStart);
-    disposables.addEventListener(elementRef.nativeElement, 'mouseenter', onMouseEnter);
-    disposables.addEventListener(elementRef.nativeElement, 'mouseleave', onMouseLeave);
+    listener(elementRef.nativeElement, 'pointerenter', onPointerEnter);
+    listener(elementRef.nativeElement, 'pointerleave', onPointerLeave);
+    listener(elementRef.nativeElement, 'touchstart', onTouchStart);
+    listener(elementRef.nativeElement, 'mouseenter', onMouseEnter);
+    listener(elementRef.nativeElement, 'mouseleave', onMouseLeave);
     // anytime the disabled state changes to true, we must reset the hover state
     if (disabled) {
         onBooleanChange(disabled, reset);
@@ -285,21 +282,19 @@ function ngpHoverInteraction({ hoverStart, hoverEnd, disabled = signal(false), }
     // if the element is removed from the dom, we want to reset the hover state
     onDomRemoval(elementRef.nativeElement, reset);
     // anytime the hover state changes we want to update the attribute
-    effect(() => hovered()
-        ? elementRef.nativeElement.setAttribute('data-hover', '')
-        : elementRef.nativeElement.removeAttribute('data-hover'));
+    dataBinding(elementRef, 'data-hover', hovered);
     /**
      * Reset the hover state.
      */
     function reset() {
-        onHoverEnd('mouse');
+        onHoverFinished('mouse');
     }
     /**
      * Trigger the hover start events.
      * @param event
      * @param pointerType
      */
-    function onHoverStart(event, pointerType) {
+    function onHoverBegin(event, pointerType) {
         if (disabled() ||
             pointerType === 'touch' ||
             hovered() ||
@@ -307,28 +302,28 @@ function ngpHoverInteraction({ hoverStart, hoverEnd, disabled = signal(false), }
             return;
         }
         hovered.set(true);
-        hoverStart?.();
+        onHoverStart?.();
     }
     /**
      * Trigger the hover end events.
      * @param pointerType
      */
-    function onHoverEnd(pointerType) {
+    function onHoverFinished(pointerType) {
         if (pointerType === 'touch' || !hovered()) {
             return;
         }
         hovered.set(false);
-        hoverEnd?.();
+        onHoverEnd?.();
     }
     function onPointerEnter(event) {
         if (globalPointerEvents.ignoreEmulatedMouseEvents && event.pointerType === 'mouse') {
             return;
         }
-        onHoverStart(event, event.pointerType);
+        onHoverBegin(event, event.pointerType);
     }
     function onPointerLeave(event) {
         if (!disabled() && event.currentTarget?.contains(event.target)) {
-            onHoverEnd(event.pointerType);
+            onHoverFinished(event.pointerType);
         }
     }
     function onTouchStart() {
@@ -336,13 +331,13 @@ function ngpHoverInteraction({ hoverStart, hoverEnd, disabled = signal(false), }
     }
     function onMouseEnter(event) {
         if (!ignoreEmulatedMouseEvents && !globalPointerEvents.ignoreEmulatedMouseEvents) {
-            onHoverStart(event, 'mouse');
+            onHoverBegin(event, 'mouse');
         }
         ignoreEmulatedMouseEvents = false;
     }
     function onMouseLeave(event) {
         if (!disabled() && event.currentTarget?.contains(event.target)) {
-            onHoverEnd('mouse');
+            onHoverFinished('mouse');
         }
     }
     return { hovered };
@@ -351,23 +346,21 @@ function ngpHoverInteraction({ hoverStart, hoverEnd, disabled = signal(false), }
 /**
  * @internal
  */
-function ngpPressInteraction({ pressStart, pressEnd, disabled = signal(false), }) {
+function ngpPress({ onPressStart, onPressEnd, disabled = signal(false), }) {
     const canPress = isPressEnabled();
     if (!canPress) {
         return { pressed: signal(false) };
     }
-    const elementRef = inject(ElementRef);
-    const disposables = injectDisposables();
+    const elementRef = injectElementRef();
+    const injector = inject(Injector);
     /**
      * Whether the element is currently pressed.
      */
     const pressed = signal(false, ...(ngDevMode ? [{ debugName: "pressed" }] : []));
     // setup event listeners
-    disposables.addEventListener(elementRef.nativeElement, 'pointerdown', onPointerDown);
+    listener(elementRef, 'pointerdown', onPointerDown);
     // anytime the press state changes we want to update the attribute
-    effect(() => pressed() && !disabled()
-        ? elementRef.nativeElement.setAttribute('data-press', '')
-        : elementRef.nativeElement.removeAttribute('data-press'));
+    dataBinding(elementRef, 'data-press', () => pressed() && !disabled());
     /**
      * Reset the press state.
      */
@@ -379,7 +372,7 @@ function ngpPressInteraction({ pressStart, pressEnd, disabled = signal(false), }
         // clear any existing disposables
         disposableListeners.forEach(dispose => dispose());
         pressed.set(false);
-        pressEnd?.();
+        onPressEnd?.();
     }
     /**
      * Store the list of disposables.
@@ -393,17 +386,23 @@ function ngpPressInteraction({ pressStart, pressEnd, disabled = signal(false), }
         disposableListeners.forEach(dispose => dispose());
         // update the press state
         pressed.set(true);
-        pressStart?.();
+        onPressStart?.();
         // setup global event listeners to catch events on elements outside the directive
         const ownerDocument = elementRef.nativeElement.ownerDocument ?? document;
         // if the pointer up event happens on any elements, then we are no longer pressing on this element
-        const pointerUp = disposables.addEventListener(ownerDocument, 'pointerup', () => reset(), false);
+        const pointerUp = listener(ownerDocument, 'pointerup', () => reset(), {
+            config: false,
+            injector,
+        });
         // Instead of relying on the `pointerleave` event, which is not consistently called on iOS Safari,
         // we use the `pointermove` event to determine if we are still "pressing".
         // By checking if the target is still within the element, we can determine if the press is ongoing.
-        const pointerMove = disposables.addEventListener(ownerDocument, 'pointermove', () => onPointerMove, false);
+        const pointerMove = listener(ownerDocument, 'pointermove', () => onPointerMove, { config: false, injector });
         // if the pointer is cancelled, then we are no longer pressing on this element
-        const pointerCancel = disposables.addEventListener(ownerDocument, 'pointercancel', () => reset(), false);
+        const pointerCancel = listener(ownerDocument, 'pointercancel', () => reset(), {
+            config: false,
+            injector,
+        });
         disposableListeners = [pointerUp, pointerMove, pointerCancel];
     }
     function onPointerMove(event) {
@@ -426,16 +425,16 @@ function ngpInteractions({ focus, hover, press, focusWithin, focusVisible, disab
         return;
     }
     if (hover) {
-        ngpHoverInteraction({ disabled });
+        ngpHover({ disabled });
     }
     if (press) {
-        ngpPressInteraction({ disabled });
+        ngpPress({ disabled });
     }
     if (focus) {
-        ngpFocusInteraction({ focusWithin, disabled });
+        ngpFocus({ focusWithin, disabled });
     }
     if (focusVisible) {
-        ngpFocusVisibleInteraction({ disabled });
+        ngpFocusVisible({ disabled });
     }
 }
 /**
@@ -473,9 +472,9 @@ class NgpFocusVisible {
             alias: 'ngpFocusVisible',
         });
         // setup the focus visible listener
-        ngpFocusVisibleInteraction({
+        ngpFocusVisible({
             disabled: this.disabled,
-            focusChange: value => this.focusChange.emit(value),
+            onFocusChange: value => this.focusChange.emit(value),
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocusVisible, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -508,10 +507,10 @@ class NgpFocus {
          */
         this.focus = output({ alias: 'ngpFocus' });
         // setup the focus listener
-        ngpFocusInteraction({
+        ngpFocus({
             disabled: this.disabled,
-            focus: () => this.focus.emit(true),
-            blur: () => this.focus.emit(false),
+            onFocus: () => this.focus.emit(true),
+            onBlur: () => this.focus.emit(false),
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: NgpFocus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -557,12 +556,12 @@ class NgpHover {
          */
         this.hoverChange = output({ alias: 'ngpHover' });
         // setup the hover listener
-        ngpHoverInteraction({
-            hoverStart: () => {
+        ngpHover({
+            onHoverStart: () => {
                 this.hoverStart.emit();
                 this.hoverChange.emit(true);
             },
-            hoverEnd: () => {
+            onHoverEnd: () => {
                 this.hoverEnd.emit();
                 this.hoverChange.emit(false);
             },
@@ -819,12 +818,12 @@ class NgpPress {
             alias: 'ngpPress',
         });
         // setup the press listener
-        ngpPressInteraction({
-            pressStart: () => {
+        ngpPress({
+            onPressStart: () => {
                 this.pressStart.emit();
                 this.pressChange.emit(true);
             },
-            pressEnd: () => {
+            onPressEnd: () => {
                 this.pressEnd.emit();
                 this.pressChange.emit(false);
             },
@@ -848,5 +847,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgpFocus, NgpFocusVisible, NgpHover, NgpMove, NgpPress, ngpFocusInteraction, ngpFocusVisibleInteraction, ngpHoverInteraction, ngpInteractions, ngpPressInteraction, provideInteractionsConfig, ngpInteractions as setupInteractions };
+export { NgpFocus, NgpFocusVisible, NgpHover, NgpMove, NgpPress, ngpFocus, ngpFocusVisible, ngpHover, ngpInteractions, ngpPress, provideInteractionsConfig, ngpInteractions as setupInteractions };
 //# sourceMappingURL=ng-primitives-interactions.mjs.map