ng-primitives 0.73.1 → 0.75.0

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-menu.mjs","sources":["../../../../packages/ng-primitives/menu/src/config/menu-config.ts","../../../../packages/ng-primitives/menu/src/menu/menu-token.ts","../../../../packages/ng-primitives/menu/src/submenu-trigger/submenu-trigger-state.ts","../../../../packages/ng-primitives/menu/src/submenu-trigger/submenu-trigger.ts","../../../../packages/ng-primitives/menu/src/menu-item/menu-item.ts","../../../../packages/ng-primitives/menu/src/menu-trigger/menu-trigger-state.ts","../../../../packages/ng-primitives/menu/src/menu-trigger/menu-trigger.ts","../../../../packages/ng-primitives/menu/src/menu/menu.ts","../../../../packages/ng-primitives/menu/src/ng-primitives-menu.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\n\nexport interface NgpMenuConfig {\n  /**\n   * Define the offset of the menu relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the menu relative to the trigger.\n   * @default 'bottom-start'\n   */\n  placement: Placement;\n\n  /**\n   * Define whether the menu should flip when there is not enough space for the menu.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the menu should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n\n  /**\n   * Defines how the menu behaves when the window is scrolled.\n   * @default scroll\n   */\n  scrollBehavior: 'reposition' | 'block';\n}\n\nexport const defaultMenuConfig: NgpMenuConfig = {\n  offset: 4,\n  placement: 'bottom-start',\n  flip: true,\n  container: null,\n  scrollBehavior: 'block',\n};\n\nexport const NgpMenuConfigToken = new InjectionToken<NgpMenuConfig>('NgpMenuConfigToken');\n\n/**\n * Provide the default Menu configuration\n * @param config The Menu configuration\n * @returns The provider\n */\nexport function provideMenuConfig(config: Partial<NgpMenuConfig>): Provider[] {\n  return [\n    {\n      provide: NgpMenuConfigToken,\n      useValue: { ...defaultMenuConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Menu configuration\n * @returns The global Menu configuration\n */\nexport function injectMenuConfig(): NgpMenuConfig {\n  return inject(NgpMenuConfigToken, { optional: true }) ?? defaultMenuConfig;\n}\n","import { ExistingProvider, inject, InjectionToken, Type } from '@angular/core';\nimport type { NgpMenu } from './menu';\n\nexport const NgpMenuToken = new InjectionToken<NgpMenu>('NgpMenuToken');\n\n/**\n * Inject the Menu directive instance\n */\nexport function injectMenu(): NgpMenu {\n  return inject(NgpMenuToken);\n}\n\n/**\n * Provide the Menu directive instance\n */\nexport function provideMenu(type: Type<NgpMenu>): ExistingProvider {\n  return { provide: NgpMenuToken, useExisting: type };\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpSubmenuTrigger } from './submenu-trigger';\n\n/**\n * The state token  for the SubmenuTrigger primitive.\n */\nexport const NgpSubmenuTriggerStateToken = createStateToken<NgpSubmenuTrigger>('SubmenuTrigger');\n\n/**\n * Provides the SubmenuTrigger state.\n */\nexport const provideSubmenuTriggerState = createStateProvider(NgpSubmenuTriggerStateToken);\n\n/**\n * Injects the SubmenuTrigger state.\n */\nexport const injectSubmenuTriggerState = createStateInjector<NgpSubmenuTrigger>(\n  NgpSubmenuTriggerStateToken,\n);\n\n/**\n * The SubmenuTrigger state registration function.\n */\nexport const submenuTriggerState = createState(NgpSubmenuTriggerStateToken);\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { safeTakeUntilDestroyed } from 'ng-primitives/utils';\nimport { NgpMenuToken } from '../menu/menu-token';\nimport { provideSubmenuTriggerState, submenuTriggerState } from './submenu-trigger-state';\n\n@Directive({\n  selector: '[ngpSubmenuTrigger]',\n  exportAs: 'ngpSubmenuTrigger',\n  providers: [provideSubmenuTriggerState({ inherit: false })],\n  host: {\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': 'open() ? \"true\" : \"false\"',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '(click)': 'toggle($event)',\n  },\n})\nexport class NgpSubmenuTrigger<T = unknown> {\n  /**\n   * Access the menu trigger element.\n   */\n  private readonly trigger = injectElementRef();\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /** Access the parent menu */\n  private readonly parentMenu = inject(NgpMenuToken, { optional: true });\n\n  /**\n   * Access the submenu template ref.\n   */\n  readonly menu = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpSubmenuTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpSubmenuTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the menu relative to the trigger.\n   * @default 'right-start'\n   */\n  readonly placement = input<Placement>('right-start', {\n    alias: 'ngpSubmenuTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the menu relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(0, {\n    alias: 'ngpSubmenuTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the menu should flip when there is not enough space for the menu.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(true, {\n    alias: 'ngpSubmenuTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The overlay that manages the menu\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the menu.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * Access the menu trigger state.\n   */\n  readonly state = submenuTriggerState<NgpSubmenuTrigger<T>>(this);\n\n  constructor() {\n    this.parentMenu?.closeSubmenus.pipe(safeTakeUntilDestroyed()).subscribe(element => {\n      // if the element is not the trigger, we want to close the menu\n      if (element === this.trigger.nativeElement) {\n        return;\n      }\n\n      this.hide('mouse');\n    });\n  }\n\n  protected toggle(event: MouseEvent): void {\n    // if the trigger is disabled then do not toggle the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // determine the origin of the event, 0 is keyboard, 1 is mouse\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if the menu is open then hide it\n    if (this.open()) {\n      this.hide(origin);\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Show the menu.\n   */\n  show(): void {\n    // If the trigger is disabled, don't show the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    // Show the overlay\n    this.overlay()?.show();\n  }\n\n  /**\n   * @internal\n   * Hide the menu.\n   */\n  hide(origin: FocusOrigin = 'program'): void {\n    // If the trigger is disabled or the menu is not open, do nothing\n    if (this.state.disabled() || !this.open()) {\n      return;\n    }\n\n    // Hide the overlay\n    this.overlay()?.hide({ origin });\n  }\n\n  /**\n   * Create the overlay that will contain the menu\n   */\n  private createOverlay(): void {\n    const menu = this.state.menu();\n\n    if (!menu) {\n      throw new Error('Menu must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: menu,\n      triggerElement: this.trigger.nativeElement,\n      injector: this.injector,\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      closeOnOutsideClick: true,\n      closeOnEscape: true,\n      restoreFocus: true,\n      viewContainerRef: this.viewContainerRef,\n    };\n\n    this.overlay.set(createOverlay(config));\n  }\n\n  /**\n   * If the user presses the right arrow key, we want to open the submenu\n   * and focus the first item in the submenu.\n   * This behavior will be inverted if the direction is RTL.\n   * @param event\n   */\n  @HostListener('keydown.ArrowRight', ['$event'])\n  @HostListener('keydown.ArrowLeft', ['$event'])\n  protected showSubmenuOnArrow(event: KeyboardEvent): void {\n    const direction = getComputedStyle(this.trigger.nativeElement).direction;\n\n    const isRtl = direction === 'rtl';\n\n    const isRightArrow = event.key === 'ArrowRight';\n    const isLeftArrow = event.key === 'ArrowLeft';\n\n    if ((isRightArrow && !isRtl) || (isLeftArrow && isRtl)) {\n      event.preventDefault();\n      this.show();\n    }\n  }\n\n  /**\n   * If the user hovers over the trigger, we want to open the submenu\n   */\n  @HostListener('pointerenter', ['$event'])\n  protected showSubmenuOnHover(event: PointerEvent): void {\n    // if this was triggered by a touch event, we don't want to show the submenu\n    // as it will be shown by the click event - this prevents the submenu from being toggled\n    if (event.pointerType === 'touch') {\n      return;\n    }\n\n    this.show();\n  }\n}\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, HostListener, inject, Injector, input } from '@angular/core';\nimport { injectElementRef, setupButton } from 'ng-primitives/internal';\nimport { NgpRovingFocusItem } from 'ng-primitives/roving-focus';\nimport { injectMenu } from '../menu/menu-token';\nimport { NgpSubmenuTrigger } from '../submenu-trigger/submenu-trigger';\n\n/**\n * The `NgpMenuItem` directive represents a menu item.\n */\n@Directive({\n  selector: '[ngpMenuItem]',\n  exportAs: 'ngpMenuItem',\n  hostDirectives: [\n    { directive: NgpRovingFocusItem, inputs: ['ngpRovingFocusItemDisabled: ngpMenuItemDisabled'] },\n  ],\n  host: {\n    role: 'menuitem',\n    '(click)': 'onClick($event)',\n    '(keydown.ArrowLeft)': 'handleArrowKey($event)',\n    '(keydown.ArrowRight)': 'handleArrowKey($event)',\n  },\n})\nexport class NgpMenuItem {\n  /** Access the injector */\n  private readonly injector = inject(Injector);\n  /** Access the button element */\n  private readonly elementRef = injectElementRef();\n\n  /** Access the parent menu */\n  private readonly parentMenu = injectMenu();\n\n  /** Whether the menu item is disabled */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpMenuItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    setupButton({ disabled: this.disabled });\n  }\n\n  /** Close the menu when the item is clicked */\n  protected onClick(event: MouseEvent): void {\n    // we do this here to avoid circular dependency issues\n    const trigger = this.injector.get(NgpSubmenuTrigger, null, { self: true, optional: true });\n\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if this is a submenu trigger, we don't want to close the menu, we want to open the submenu\n    if (!trigger) {\n      this.parentMenu?.closeAllMenus(origin);\n    }\n  }\n\n  /**\n   * If the user presses the left arrow key (in LTR) and there is a parent menu,\n   * we want to close the menu and focus the parent menu item.\n   */\n  protected handleArrowKey(event: KeyboardEvent): void {\n    // if there is no parent menu, we don't want to do anything\n    const trigger = this.injector.get(NgpSubmenuTrigger, null, { optional: true });\n\n    if (!trigger) {\n      return;\n    }\n\n    const direction = getComputedStyle(this.elementRef.nativeElement).direction;\n    const isRtl = direction === 'rtl';\n\n    const isLeftArrow = event.key === 'ArrowLeft';\n    const isRightArrow = event.key === 'ArrowRight';\n\n    if ((isLeftArrow && !isRtl) || (isRightArrow && isRtl)) {\n      event.preventDefault();\n\n      if (trigger) {\n        trigger.hide('keyboard');\n      }\n    }\n  }\n\n  /**\n   * If the user hovers over the trigger, we want to open the submenu\n   */\n  @HostListener('mouseenter')\n  protected showSubmenuOnHover(): void {\n    this.parentMenu?.closeSubmenus.next(this.elementRef.nativeElement);\n  }\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpMenuTrigger } from './menu-trigger';\n\n/**\n * The state token  for the MenuTrigger primitive.\n */\nexport const NgpMenuTriggerStateToken = createStateToken<NgpMenuTrigger>('MenuTrigger');\n\n/**\n * Provides the MenuTrigger state.\n */\nexport const provideMenuTriggerState = createStateProvider(NgpMenuTriggerStateToken);\n\n/**\n * Injects the MenuTrigger state.\n */\nexport const injectMenuTriggerState = createStateInjector<NgpMenuTrigger>(NgpMenuTriggerStateToken);\n\n/**\n * The MenuTrigger state registration function.\n */\nexport const menuTriggerState = createState(NgpMenuTriggerStateToken);\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { injectMenuConfig } from '../config/menu-config';\nimport { menuTriggerState, provideMenuTriggerState } from './menu-trigger-state';\n\n/**\n * The `NgpMenuTrigger` directive allows you to turn an element into a menu trigger.\n */\n@Directive({\n  selector: '[ngpMenuTrigger]',\n  exportAs: 'ngpMenuTrigger',\n  providers: [provideMenuTriggerState({ inherit: false })],\n  host: {\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': 'open() ? \"true\" : \"false\"',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-placement]': 'state.placement()',\n    '(click)': 'toggle($event)',\n  },\n})\nexport class NgpMenuTrigger<T = unknown> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = injectElementRef();\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the global menu configuration.\n   */\n  private readonly config = injectMenuConfig();\n\n  /**\n   * Access the menu template ref.\n   */\n  readonly menu = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpMenuTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpMenuTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the menu relative to the trigger.\n   * @default 'bottom-start'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpMenuTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the menu relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpMenuTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the menu should flip when there is not enough space for the menu.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpMenuTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the menu should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpMenuTriggerContainer',\n  });\n\n  /**\n   * Defines how the menu behaves when the window is scrolled.\n   * @default 'block'\n   */\n  readonly scrollBehavior = input<'reposition' | 'block'>(this.config.scrollBehavior, {\n    alias: 'ngpMenuTriggerScrollBehavior',\n  });\n\n  /**\n   * Provide context to the menu. This can be used to pass data to the menu content.\n   */\n  readonly context = input<T>(undefined, {\n    alias: 'ngpMenuTriggerContext',\n  });\n\n  /**\n   * The overlay that manages the menu\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the menu.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * The menu trigger state.\n   */\n  readonly state = menuTriggerState<NgpMenuTrigger<T>>(this);\n\n  ngOnDestroy(): void {\n    this.overlay()?.destroy();\n  }\n\n  protected toggle(event: MouseEvent): void {\n    // if the trigger is disabled then do not toggle the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // determine the origin of the event, 0 is keyboard, 1 is mouse\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if the menu is open then hide it\n    if (this.open()) {\n      this.hide(origin);\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Show the menu.\n   */\n  show(): void {\n    // If the trigger is disabled, don't show the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    // Show the overlay\n    this.overlay()?.show();\n  }\n\n  /**\n   * @internal\n   * Hide the menu.\n   */\n  hide(origin: FocusOrigin = 'program'): void {\n    // If the trigger is disabled or the menu is not open, do nothing\n    if (this.state.disabled() || !this.open()) {\n      return;\n    }\n\n    // Hide the overlay\n    this.overlay()?.hide({ origin });\n  }\n\n  /**\n   * Create the overlay that will contain the menu\n   */\n  private createOverlay(): void {\n    const menu = this.state.menu();\n\n    if (!menu) {\n      throw new Error('Menu must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: menu,\n      triggerElement: this.trigger.nativeElement,\n      viewContainerRef: this.viewContainerRef,\n      injector: this.injector,\n      context: this.state.context,\n      container: this.state.container(),\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      closeOnOutsideClick: true,\n      closeOnEscape: true,\n      restoreFocus: true,\n      scrollBehaviour: this.state.scrollBehavior(),\n    };\n\n    this.overlay.set(createOverlay(config));\n  }\n}\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { Directive, inject } from '@angular/core';\nimport { NgpFocusTrap } from 'ng-primitives/focus-trap';\nimport { injectOverlay } from 'ng-primitives/portal';\nimport { NgpRovingFocusGroup, provideRovingFocusGroup } from 'ng-primitives/roving-focus';\nimport { Subject } from 'rxjs';\nimport { injectMenuTriggerState } from '../menu-trigger/menu-trigger-state';\nimport { NgpMenuToken, provideMenu } from './menu-token';\n\n/**\n * The `NgpMenu` is a container for menu items.\n */\n@Directive({\n  selector: '[ngpMenu]',\n  exportAs: 'ngpMenu',\n  hostDirectives: [NgpRovingFocusGroup, NgpFocusTrap],\n  providers: [\n    // ensure we don't inherit the focus group from the parent menu if there is one\n    provideRovingFocusGroup(NgpRovingFocusGroup, { inherit: false }),\n    provideMenu(NgpMenu),\n  ],\n  host: {\n    role: 'menu',\n    '[style.left.px]': 'overlay.position().x',\n    '[style.top.px]': 'overlay.position().y',\n    '[style.--ngp-menu-trigger-width.px]': 'overlay.triggerWidth()',\n    '[style.--ngp-menu-transform-origin]': 'overlay.transformOrigin()',\n    '[attr.data-placement]': 'overlay.finalPlacement()',\n    'data-overlay': '',\n  },\n})\nexport class NgpMenu {\n  /** Access the overlay. */\n  protected readonly overlay = injectOverlay();\n\n  /** Access the menu trigger state */\n  private readonly menuTrigger = injectMenuTriggerState();\n\n  /** Access any parent menus */\n  private readonly parentMenu = inject(NgpMenuToken, { optional: true, skipSelf: true });\n\n  /** @internal Whether we should close submenus */\n  readonly closeSubmenus = new Subject<HTMLElement>();\n\n  /** @internal Close the menu and any parent menus */\n  closeAllMenus(origin: FocusOrigin): void {\n    this.menuTrigger().hide(origin);\n    this.parentMenu?.closeAllMenus(origin);\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-menu.mjs","sources":["../../../../packages/ng-primitives/menu/src/config/menu-config.ts","../../../../packages/ng-primitives/menu/src/menu/menu-token.ts","../../../../packages/ng-primitives/menu/src/submenu-trigger/submenu-trigger-state.ts","../../../../packages/ng-primitives/menu/src/submenu-trigger/submenu-trigger.ts","../../../../packages/ng-primitives/menu/src/menu-item/menu-item.ts","../../../../packages/ng-primitives/menu/src/menu-trigger/menu-trigger-state.ts","../../../../packages/ng-primitives/menu/src/menu-trigger/menu-trigger.ts","../../../../packages/ng-primitives/menu/src/menu/menu.ts","../../../../packages/ng-primitives/menu/src/ng-primitives-menu.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\n\nexport interface NgpMenuConfig {\n  /**\n   * Define the offset of the menu relative to the trigger.\n   * @default 4\n   */\n  offset: number;\n\n  /**\n   * Define the placement of the menu relative to the trigger.\n   * @default 'bottom-start'\n   */\n  placement: Placement;\n\n  /**\n   * Define whether the menu should flip when there is not enough space for the menu.\n   * @default true\n   */\n  flip: boolean;\n\n  /**\n   * Define the container in to which the menu should be attached.\n   * @default document.body\n   */\n  container: HTMLElement | null;\n\n  /**\n   * Defines how the menu behaves when the window is scrolled.\n   * @default scroll\n   */\n  scrollBehavior: 'reposition' | 'block';\n}\n\nexport const defaultMenuConfig: NgpMenuConfig = {\n  offset: 4,\n  placement: 'bottom-start',\n  flip: true,\n  container: null,\n  scrollBehavior: 'block',\n};\n\nexport const NgpMenuConfigToken = new InjectionToken<NgpMenuConfig>('NgpMenuConfigToken');\n\n/**\n * Provide the default Menu configuration\n * @param config The Menu configuration\n * @returns The provider\n */\nexport function provideMenuConfig(config: Partial<NgpMenuConfig>): Provider[] {\n  return [\n    {\n      provide: NgpMenuConfigToken,\n      useValue: { ...defaultMenuConfig, ...config },\n    },\n  ];\n}\n\n/**\n * Inject the Menu configuration\n * @returns The global Menu configuration\n */\nexport function injectMenuConfig(): NgpMenuConfig {\n  return inject(NgpMenuConfigToken, { optional: true }) ?? defaultMenuConfig;\n}\n","import { ExistingProvider, inject, InjectionToken, Type } from '@angular/core';\nimport type { NgpMenu } from './menu';\n\nexport const NgpMenuToken = new InjectionToken<NgpMenu>('NgpMenuToken');\n\n/**\n * Inject the Menu directive instance\n */\nexport function injectMenu(): NgpMenu {\n  return inject(NgpMenuToken);\n}\n\n/**\n * Provide the Menu directive instance\n */\nexport function provideMenu(type: Type<NgpMenu>): ExistingProvider {\n  return { provide: NgpMenuToken, useExisting: type };\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpSubmenuTrigger } from './submenu-trigger';\n\n/**\n * The state token  for the SubmenuTrigger primitive.\n */\nexport const NgpSubmenuTriggerStateToken = createStateToken<NgpSubmenuTrigger>('SubmenuTrigger');\n\n/**\n * Provides the SubmenuTrigger state.\n */\nexport const provideSubmenuTriggerState = createStateProvider(NgpSubmenuTriggerStateToken);\n\n/**\n * Injects the SubmenuTrigger state.\n */\nexport const injectSubmenuTriggerState = createStateInjector<NgpSubmenuTrigger>(\n  NgpSubmenuTriggerStateToken,\n);\n\n/**\n * The SubmenuTrigger state registration function.\n */\nexport const submenuTriggerState = createState(NgpSubmenuTriggerStateToken);\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { safeTakeUntilDestroyed } from 'ng-primitives/utils';\nimport { NgpMenuToken } from '../menu/menu-token';\nimport { provideSubmenuTriggerState, submenuTriggerState } from './submenu-trigger-state';\n\n@Directive({\n  selector: '[ngpSubmenuTrigger]',\n  exportAs: 'ngpSubmenuTrigger',\n  providers: [provideSubmenuTriggerState({ inherit: false })],\n  host: {\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': 'open() ? \"true\" : \"false\"',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '(click)': 'toggle($event)',\n  },\n})\nexport class NgpSubmenuTrigger<T = unknown> {\n  /**\n   * Access the menu trigger element.\n   */\n  private readonly trigger = injectElementRef();\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /** Access the parent menu */\n  private readonly parentMenu = inject(NgpMenuToken, { optional: true });\n\n  /**\n   * Access the submenu template ref.\n   */\n  readonly menu = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpSubmenuTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpSubmenuTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the menu relative to the trigger.\n   * @default 'right-start'\n   */\n  readonly placement = input<Placement>('right-start', {\n    alias: 'ngpSubmenuTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the menu relative to the trigger.\n   * @default 0\n   */\n  readonly offset = input<number, NumberInput>(0, {\n    alias: 'ngpSubmenuTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the menu should flip when there is not enough space for the menu.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(true, {\n    alias: 'ngpSubmenuTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * The overlay that manages the menu\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the menu.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * Access the menu trigger state.\n   */\n  readonly state = submenuTriggerState<NgpSubmenuTrigger<T>>(this);\n\n  constructor() {\n    this.parentMenu?.closeSubmenus.pipe(safeTakeUntilDestroyed()).subscribe(element => {\n      // if the element is not the trigger, we want to close the menu\n      if (element === this.trigger.nativeElement) {\n        return;\n      }\n\n      this.hide('mouse');\n    });\n  }\n\n  protected toggle(event: MouseEvent): void {\n    // if the trigger is disabled then do not toggle the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // determine the origin of the event, 0 is keyboard, 1 is mouse\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if the menu is open then hide it\n    if (this.open()) {\n      this.hide(origin);\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Show the menu.\n   */\n  show(): void {\n    // If the trigger is disabled, don't show the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    // Show the overlay\n    this.overlay()?.show();\n  }\n\n  /**\n   * @internal\n   * Hide the menu.\n   */\n  hide(origin: FocusOrigin = 'program'): void {\n    // If the trigger is disabled or the menu is not open, do nothing\n    if (this.state.disabled() || !this.open()) {\n      return;\n    }\n\n    // Hide the overlay\n    this.overlay()?.hide({ origin });\n  }\n\n  /**\n   * Create the overlay that will contain the menu\n   */\n  private createOverlay(): void {\n    const menu = this.state.menu();\n\n    if (!menu) {\n      throw new Error('Menu must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: menu,\n      triggerElement: this.trigger.nativeElement,\n      injector: this.injector,\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      closeOnOutsideClick: true,\n      closeOnEscape: true,\n      restoreFocus: true,\n      viewContainerRef: this.viewContainerRef,\n    };\n\n    this.overlay.set(createOverlay(config));\n  }\n\n  /**\n   * If the user presses the right arrow key, we want to open the submenu\n   * and focus the first item in the submenu.\n   * This behavior will be inverted if the direction is RTL.\n   * @param event\n   */\n  @HostListener('keydown.ArrowRight', ['$event'])\n  @HostListener('keydown.ArrowLeft', ['$event'])\n  protected showSubmenuOnArrow(event: KeyboardEvent): void {\n    const direction = getComputedStyle(this.trigger.nativeElement).direction;\n\n    const isRtl = direction === 'rtl';\n\n    const isRightArrow = event.key === 'ArrowRight';\n    const isLeftArrow = event.key === 'ArrowLeft';\n\n    if ((isRightArrow && !isRtl) || (isLeftArrow && isRtl)) {\n      event.preventDefault();\n      this.show();\n    }\n  }\n\n  /**\n   * If the user hovers over the trigger, we want to open the submenu\n   */\n  @HostListener('pointerenter', ['$event'])\n  protected showSubmenuOnHover(event: PointerEvent): void {\n    // if this was triggered by a touch event, we don't want to show the submenu\n    // as it will be shown by the click event - this prevents the submenu from being toggled\n    if (event.pointerType === 'touch') {\n      return;\n    }\n\n    this.show();\n  }\n}\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, HostListener, inject, Injector, input } from '@angular/core';\nimport { injectElementRef, setupButton } from 'ng-primitives/internal';\nimport { NgpRovingFocusItem } from 'ng-primitives/roving-focus';\nimport { injectMenu } from '../menu/menu-token';\nimport { NgpSubmenuTrigger } from '../submenu-trigger/submenu-trigger';\n\n/**\n * The `NgpMenuItem` directive represents a menu item.\n */\n@Directive({\n  selector: '[ngpMenuItem]',\n  exportAs: 'ngpMenuItem',\n  hostDirectives: [\n    { directive: NgpRovingFocusItem, inputs: ['ngpRovingFocusItemDisabled: ngpMenuItemDisabled'] },\n  ],\n  host: {\n    role: 'menuitem',\n    '(click)': 'onClick($event)',\n    '(keydown.ArrowLeft)': 'handleArrowKey($event)',\n    '(keydown.ArrowRight)': 'handleArrowKey($event)',\n  },\n})\nexport class NgpMenuItem {\n  /** Access the injector */\n  private readonly injector = inject(Injector);\n  /** Access the button element */\n  private readonly elementRef = injectElementRef();\n\n  /** Access the parent menu */\n  private readonly parentMenu = injectMenu();\n\n  /** Whether the menu item is disabled */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpMenuItemDisabled',\n    transform: booleanAttribute,\n  });\n\n  constructor() {\n    setupButton({ disabled: this.disabled });\n  }\n\n  /** Close the menu when the item is clicked */\n  protected onClick(event: MouseEvent): void {\n    // we do this here to avoid circular dependency issues\n    const trigger = this.injector.get(NgpSubmenuTrigger, null, { self: true, optional: true });\n\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if this is a submenu trigger, we don't want to close the menu, we want to open the submenu\n    if (!trigger) {\n      this.parentMenu?.closeAllMenus(origin);\n    }\n  }\n\n  /**\n   * If the user presses the left arrow key (in LTR) and there is a parent menu,\n   * we want to close the menu and focus the parent menu item.\n   */\n  protected handleArrowKey(event: KeyboardEvent): void {\n    // if there is no parent menu, we don't want to do anything\n    const trigger = this.injector.get(NgpSubmenuTrigger, null, { optional: true });\n\n    if (!trigger) {\n      return;\n    }\n\n    const direction = getComputedStyle(this.elementRef.nativeElement).direction;\n    const isRtl = direction === 'rtl';\n\n    const isLeftArrow = event.key === 'ArrowLeft';\n    const isRightArrow = event.key === 'ArrowRight';\n\n    if ((isLeftArrow && !isRtl) || (isRightArrow && isRtl)) {\n      event.preventDefault();\n\n      if (trigger) {\n        trigger.hide('keyboard');\n      }\n    }\n  }\n\n  /**\n   * If the user hovers over the trigger, we want to open the submenu\n   */\n  @HostListener('mouseenter')\n  protected showSubmenuOnHover(): void {\n    this.parentMenu?.closeSubmenus.next(this.elementRef.nativeElement);\n  }\n}\n","import {\n  createState,\n  createStateInjector,\n  createStateProvider,\n  createStateToken,\n} from 'ng-primitives/state';\nimport type { NgpMenuTrigger } from './menu-trigger';\n\n/**\n * The state token  for the MenuTrigger primitive.\n */\nexport const NgpMenuTriggerStateToken = createStateToken<NgpMenuTrigger>('MenuTrigger');\n\n/**\n * Provides the MenuTrigger state.\n */\nexport const provideMenuTriggerState = createStateProvider(NgpMenuTriggerStateToken);\n\n/**\n * Injects the MenuTrigger state.\n */\nexport const injectMenuTriggerState = createStateInjector<NgpMenuTrigger>(NgpMenuTriggerStateToken);\n\n/**\n * The MenuTrigger state registration function.\n */\nexport const menuTriggerState = createState(NgpMenuTriggerStateToken);\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  OnDestroy,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\nimport { injectElementRef } from 'ng-primitives/internal';\nimport {\n  createOverlay,\n  NgpOverlay,\n  NgpOverlayConfig,\n  NgpOverlayContent,\n} from 'ng-primitives/portal';\nimport { injectMenuConfig } from '../config/menu-config';\nimport { menuTriggerState, provideMenuTriggerState } from './menu-trigger-state';\n\n/**\n * The `NgpMenuTrigger` directive allows you to turn an element into a menu trigger.\n */\n@Directive({\n  selector: '[ngpMenuTrigger]',\n  exportAs: 'ngpMenuTrigger',\n  providers: [provideMenuTriggerState({ inherit: false })],\n  host: {\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': 'open() ? \"true\" : \"false\"',\n    '[attr.data-open]': 'open() ? \"\" : null',\n    '[attr.data-placement]': 'state.placement()',\n    '(click)': 'toggle($event)',\n  },\n})\nexport class NgpMenuTrigger<T = unknown> implements OnDestroy {\n  /**\n   * Access the trigger element\n   */\n  private readonly trigger = injectElementRef();\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the view container reference.\n   */\n  private readonly viewContainerRef = inject(ViewContainerRef);\n\n  /**\n   * Access the global menu configuration.\n   */\n  private readonly config = injectMenuConfig();\n\n  /**\n   * Access the menu template ref.\n   */\n  readonly menu = input<NgpOverlayContent<T>>(undefined, {\n    alias: 'ngpMenuTrigger',\n  });\n\n  /**\n   * Define if the trigger should be disabled.\n   * @default false\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpMenuTriggerDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the placement of the menu relative to the trigger.\n   * @default 'bottom-start'\n   */\n  readonly placement = input<Placement>(this.config.placement, {\n    alias: 'ngpMenuTriggerPlacement',\n  });\n\n  /**\n   * Define the offset of the menu relative to the trigger.\n   * @default 4\n   */\n  readonly offset = input<number, NumberInput>(this.config.offset, {\n    alias: 'ngpMenuTriggerOffset',\n    transform: numberAttribute,\n  });\n\n  /**\n   * Define whether the menu should flip when there is not enough space for the menu.\n   * @default true\n   */\n  readonly flip = input<boolean, BooleanInput>(this.config.flip, {\n    alias: 'ngpMenuTriggerFlip',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Define the container in which the menu should be attached.\n   * @default document.body\n   */\n  readonly container = input<HTMLElement | null>(this.config.container, {\n    alias: 'ngpMenuTriggerContainer',\n  });\n\n  /**\n   * Defines how the menu behaves when the window is scrolled.\n   * @default 'block'\n   */\n  readonly scrollBehavior = input<'reposition' | 'block'>(this.config.scrollBehavior, {\n    alias: 'ngpMenuTriggerScrollBehavior',\n  });\n\n  /**\n   * Provide context to the menu. This can be used to pass data to the menu content.\n   */\n  readonly context = input<T>(undefined, {\n    alias: 'ngpMenuTriggerContext',\n  });\n\n  /**\n   * The overlay that manages the menu\n   * @internal\n   */\n  readonly overlay = signal<NgpOverlay<T> | null>(null);\n\n  /**\n   * The open state of the menu.\n   * @internal\n   */\n  readonly open = computed(() => this.overlay()?.isOpen() ?? false);\n\n  /**\n   * The menu trigger state.\n   */\n  readonly state = menuTriggerState<NgpMenuTrigger<T>>(this);\n\n  ngOnDestroy(): void {\n    this.overlay()?.destroy();\n  }\n\n  protected toggle(event: MouseEvent): void {\n    // if the trigger is disabled then do not toggle the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // determine the origin of the event, 0 is keyboard, 1 is mouse\n    const origin: FocusOrigin = event.detail === 0 ? 'keyboard' : 'mouse';\n\n    // if the menu is open then hide it\n    if (this.open()) {\n      this.hide(origin);\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Show the menu.\n   */\n  show(): void {\n    // If the trigger is disabled, don't show the menu\n    if (this.state.disabled()) {\n      return;\n    }\n\n    // Create the overlay if it doesn't exist yet\n    if (!this.overlay()) {\n      this.createOverlay();\n    }\n\n    // Show the overlay\n    this.overlay()?.show();\n  }\n\n  /**\n   * @internal\n   * Hide the menu.\n   */\n  hide(origin: FocusOrigin = 'program'): void {\n    // If the trigger is disabled or the menu is not open, do nothing\n    if (this.state.disabled() || !this.open()) {\n      return;\n    }\n\n    // Hide the overlay\n    this.overlay()?.hide({ origin });\n  }\n\n  /**\n   * Create the overlay that will contain the menu\n   */\n  private createOverlay(): void {\n    const menu = this.state.menu();\n\n    if (!menu) {\n      throw new Error('Menu must be either a TemplateRef or a ComponentType');\n    }\n\n    // Create config for the overlay\n    const config: NgpOverlayConfig<T> = {\n      content: menu,\n      triggerElement: this.trigger.nativeElement,\n      viewContainerRef: this.viewContainerRef,\n      injector: this.injector,\n      context: this.state.context,\n      container: this.state.container(),\n      placement: this.state.placement(),\n      offset: this.state.offset(),\n      flip: this.state.flip(),\n      closeOnOutsideClick: true,\n      closeOnEscape: true,\n      restoreFocus: true,\n      scrollBehaviour: this.state.scrollBehavior(),\n    };\n\n    this.overlay.set(createOverlay(config));\n  }\n}\n","import { FocusOrigin } from '@angular/cdk/a11y';\nimport { Directive, inject } from '@angular/core';\nimport { NgpFocusTrap } from 'ng-primitives/focus-trap';\nimport { injectOverlay } from 'ng-primitives/portal';\nimport { NgpRovingFocusGroup, provideRovingFocusGroup } from 'ng-primitives/roving-focus';\nimport { Subject } from 'rxjs';\nimport { injectMenuTriggerState } from '../menu-trigger/menu-trigger-state';\nimport { NgpMenuToken, provideMenu } from './menu-token';\n\n/**\n * The `NgpMenu` is a container for menu items.\n */\n@Directive({\n  selector: '[ngpMenu]',\n  exportAs: 'ngpMenu',\n  hostDirectives: [NgpRovingFocusGroup, NgpFocusTrap],\n  providers: [\n    // ensure we don't inherit the focus group from the parent menu if there is one\n    provideRovingFocusGroup(NgpRovingFocusGroup, { inherit: false }),\n    provideMenu(NgpMenu),\n  ],\n  host: {\n    role: 'menu',\n    '[style.left.px]': 'overlay.position().x',\n    '[style.top.px]': 'overlay.position().y',\n    '[style.--ngp-menu-trigger-width.px]': 'overlay.triggerWidth()',\n    '[style.--ngp-menu-transform-origin]': 'overlay.transformOrigin()',\n    '[attr.data-placement]': 'overlay.finalPlacement()',\n    'data-overlay': '',\n  },\n})\nexport class NgpMenu {\n  /** Access the overlay. */\n  protected readonly overlay = injectOverlay();\n\n  /** Access the menu trigger state */\n  private readonly menuTrigger = injectMenuTriggerState();\n\n  /** Access any parent menus */\n  private readonly parentMenu = inject(NgpMenuToken, { optional: true, skipSelf: true });\n\n  /** @internal Whether we should close submenus */\n  readonly closeSubmenus = new Subject<HTMLElement>();\n\n  /** @internal Close the menu and any parent menus */\n  closeAllMenus(origin: FocusOrigin): void {\n    this.menuTrigger().hide(origin);\n    this.parentMenu?.closeAllMenus(origin);\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-slider.mjs

@@ -303,9 +303,436 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * The state token for the Range Slider primitive.
+ */
+const NgpRangeSliderStateToken = createStateToken('RangeSlider');
+/**
+ * Provides the Range Slider state.
+ */
+const provideRangeSliderState = createStateProvider(NgpRangeSliderStateToken);
+/**
+ * Injects the Range Slider state.
+ */
+const injectRangeSliderState = createStateInjector(NgpRangeSliderStateToken);
+/**
+ * The Range Slider state registration function.
+ */
+const rangeSliderState = createState(NgpRangeSliderStateToken);
+
+/**
+ * Apply the `ngpRangeSliderRange` directive to an element that represents the range between the low and high values.
+ */
+class NgpRangeSliderRange {
+    constructor() {
+        /**
+         * Access the range slider state.
+         */
+        this.rangeSliderState = injectRangeSliderState();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSliderRange, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: NgpRangeSliderRange, isStandalone: true, selector: "[ngpRangeSliderRange]", host: { properties: { "attr.data-orientation": "rangeSliderState().orientation()", "attr.data-disabled": "rangeSliderState().disabled() ? \"\" : null", "style.width.%": "rangeSliderState().orientation() === \"horizontal\" ? rangeSliderState().rangePercentage() : undefined", "style.height.%": "rangeSliderState().orientation() === \"vertical\" ? rangeSliderState().rangePercentage() : undefined", "style.inset-inline-start.%": "rangeSliderState().orientation() === \"horizontal\" ? rangeSliderState().lowPercentage() : undefined", "style.inset-block-start.%": "rangeSliderState().orientation() === \"vertical\" ? rangeSliderState().lowPercentage() : undefined" } }, exportAs: ["ngpRangeSliderRange"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSliderRange, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpRangeSliderRange]',
+                    exportAs: 'ngpRangeSliderRange',
+                    host: {
+                        '[attr.data-orientation]': 'rangeSliderState().orientation()',
+                        '[attr.data-disabled]': 'rangeSliderState().disabled() ? "" : null',
+                        '[style.width.%]': 'rangeSliderState().orientation() === "horizontal" ? rangeSliderState().rangePercentage() : undefined',
+                        '[style.height.%]': 'rangeSliderState().orientation() === "vertical" ? rangeSliderState().rangePercentage() : undefined',
+                        '[style.inset-inline-start.%]': 'rangeSliderState().orientation() === "horizontal" ? rangeSliderState().lowPercentage() : undefined',
+                        '[style.inset-block-start.%]': 'rangeSliderState().orientation() === "vertical" ? rangeSliderState().lowPercentage() : undefined',
+                    },
+                }]
+        }] });
+
+/**
+ * Apply the `ngpRangeSliderThumb` directive to an element that represents a thumb of the range slider.
+ * Each thumb can be configured to control either the 'low' or 'high' value.
+ */
+class NgpRangeSliderThumb {
+    constructor() {
+        /**
+         * Access the range slider state.
+         */
+        this.state = injectRangeSliderState();
+        /**
+         * Access the thumb element.
+         */
+        this.elementRef = injectElementRef();
+        /**
+         * Determines which value this thumb controls ('low' or 'high').
+         */
+        this.thumb = computed(() => this.state().thumbs().indexOf(this) === 0 ? 'low' : 'high');
+        /**
+         * Store the dragging state.
+         */
+        this.dragging = false;
+        /**
+         * Get the current value for this thumb.
+         */
+        this.value = computed(() => this.thumb() === 'low' ? this.state().low() : this.state().high());
+        /**
+         * Get the current percentage for this thumb.
+         */
+        this.percentage = computed(() => this.thumb() === 'low' ? this.state().lowPercentage() : this.state().highPercentage());
+        setupInteractions({
+            hover: true,
+            focusVisible: true,
+            press: true,
+            disabled: this.state().disabled,
+        });
+        this.state().addThumb(this);
+    }
+    ngOnDestroy() {
+        this.state().removeThumb(this);
+    }
+    handlePointerDown(event) {
+        event.preventDefault();
+        if (this.state().disabled()) {
+            return;
+        }
+        this.dragging = true;
+    }
+    handlePointerUp() {
+        if (this.state().disabled()) {
+            return;
+        }
+        this.dragging = false;
+    }
+    handlePointerMove(event) {
+        if (this.state().disabled() || !this.dragging) {
+            return;
+        }
+        const rect = this.state().track()?.element.nativeElement.getBoundingClientRect();
+        if (!rect) {
+            return;
+        }
+        const percentage = this.state().orientation() === 'horizontal'
+            ? (event.clientX - rect.left) / rect.width
+            : (event.clientY - rect.top) / rect.height;
+        const value = this.state().min() +
+            (this.state().max() - this.state().min()) * Math.max(0, Math.min(1, percentage));
+        // Update the appropriate value based on thumb type
+        if (this.thumb() === 'low') {
+            this.state().setLowValue(value);
+        }
+        else {
+            this.state().setHighValue(value);
+        }
+    }
+    /**
+     * Handle keyboard events.
+     * @param event
+     */
+    handleKeydown(event) {
+        const multiplier = event.shiftKey ? 10 : 1;
+        const currentValue = this.value();
+        const step = this.state().step() * multiplier;
+        // determine the document direction
+        const isRTL = getComputedStyle(this.elementRef.nativeElement).direction === 'rtl';
+        let newValue;
+        switch (event.key) {
+            case 'ArrowLeft':
+                newValue = isRTL
+                    ? Math.min(currentValue - step, this.state().max())
+                    : Math.max(currentValue - step, this.state().min());
+                break;
+            case 'ArrowDown':
+                newValue = Math.max(currentValue - step, this.state().min());
+                break;
+            case 'ArrowRight':
+                newValue = isRTL
+                    ? Math.max(currentValue + step, this.state().min())
+                    : Math.min(currentValue + step, this.state().max());
+                break;
+            case 'ArrowUp':
+                newValue = Math.min(currentValue + step, this.state().max());
+                break;
+            case 'Home':
+                newValue = isRTL ? this.state().max() : this.state().min();
+                break;
+            case 'End':
+                newValue = isRTL ? this.state().min() : this.state().max();
+                break;
+            default:
+                return;
+        }
+        // Update the appropriate value based on thumb type
+        if (this.thumb() === 'low') {
+            this.state().setLowValue(newValue);
+        }
+        else {
+            this.state().setHighValue(newValue);
+        }
+        event.preventDefault();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSliderThumb, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: NgpRangeSliderThumb, isStandalone: true, selector: "[ngpRangeSliderThumb]", host: { attributes: { "role": "slider" }, listeners: { "pointerdown": "handlePointerDown($event)", "document:pointerup": "handlePointerUp()", "document:pointermove": "handlePointerMove($event)", "keydown": "handleKeydown($event)" }, properties: { "attr.aria-valuemin": "state().min()", "attr.aria-valuemax": "state().max()", "attr.aria-valuenow": "value()", "attr.aria-orientation": "state().orientation()", "tabindex": "state().disabled() ? -1 : 0", "attr.data-orientation": "state().orientation()", "attr.data-disabled": "state().disabled() ? \"\" : null", "attr.data-thumb": "thumb()", "style.inset-inline-start.%": "state().orientation() === \"horizontal\" ? percentage() : undefined", "style.inset-block-start.%": "state().orientation() === \"vertical\" ? percentage() : undefined" } }, exportAs: ["ngpRangeSliderThumb"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSliderThumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpRangeSliderThumb]',
+                    exportAs: 'ngpRangeSliderThumb',
+                    host: {
+                        role: 'slider',
+                        '[attr.aria-valuemin]': 'state().min()',
+                        '[attr.aria-valuemax]': 'state().max()',
+                        '[attr.aria-valuenow]': 'value()',
+                        '[attr.aria-orientation]': 'state().orientation()',
+                        '[tabindex]': 'state().disabled() ? -1 : 0',
+                        '[attr.data-orientation]': 'state().orientation()',
+                        '[attr.data-disabled]': 'state().disabled() ? "" : null',
+                        '[attr.data-thumb]': 'thumb()',
+                        '[style.inset-inline-start.%]': 'state().orientation() === "horizontal" ? percentage() : undefined',
+                        '[style.inset-block-start.%]': 'state().orientation() === "vertical" ? percentage() : undefined',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { handlePointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }], handlePointerUp: [{
+                type: HostListener,
+                args: ['document:pointerup']
+            }], handlePointerMove: [{
+                type: HostListener,
+                args: ['document:pointermove', ['$event']]
+            }], handleKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+/**
+ * Apply the `ngpRangeSliderTrack` directive to an element that represents the track of the range slider.
+ */
+class NgpRangeSliderTrack {
+    constructor() {
+        /**
+         * Access the range slider state.
+         */
+        this.rangeSliderState = injectRangeSliderState();
+        /**
+         * The element that represents the slider track.
+         */
+        this.element = injectElementRef();
+        this.rangeSliderState().track.set(this);
+    }
+    /**
+     * When the slider track is clicked, update the closest thumb value.
+     * @param event The click event.
+     */
+    handlePointerDown(event) {
+        if (this.rangeSliderState().disabled()) {
+            return;
+        }
+        // get the position the click occurred within the slider track
+        const position = this.rangeSliderState().orientation() === 'horizontal' ? event.clientX : event.clientY;
+        const rect = this.element.nativeElement.getBoundingClientRect();
+        const percentage = (position - (this.rangeSliderState().orientation() === 'horizontal' ? rect.left : rect.top)) /
+            (this.rangeSliderState().orientation() === 'horizontal' ? rect.width : rect.height);
+        // calculate the value based on the position
+        const value = this.rangeSliderState().min() +
+            (this.rangeSliderState().max() - this.rangeSliderState().min()) * percentage;
+        // determine which thumb to move based on proximity
+        const closestThumb = this.rangeSliderState().getClosestThumb(percentage * 100);
+        if (closestThumb === 'low') {
+            this.rangeSliderState().setLowValue(value);
+        }
+        else {
+            this.rangeSliderState().setHighValue(value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSliderTrack, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.11", type: NgpRangeSliderTrack, isStandalone: true, selector: "[ngpRangeSliderTrack]", host: { listeners: { "pointerdown": "handlePointerDown($event)" }, properties: { "attr.data-orientation": "rangeSliderState().orientation()", "attr.data-disabled": "rangeSliderState().disabled() ? \"\" : null" } }, exportAs: ["ngpRangeSliderTrack"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSliderTrack, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpRangeSliderTrack]',
+                    exportAs: 'ngpRangeSliderTrack',
+                    host: {
+                        '[attr.data-orientation]': 'rangeSliderState().orientation()',
+                        '[attr.data-disabled]': 'rangeSliderState().disabled() ? "" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { handlePointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }] } });
+
+/**
+ * Apply the `ngpRangeSlider` directive to an element that represents the range slider and contains the track, range, and thumbs.
+ */
+class NgpRangeSlider {
+    constructor() {
+        /**
+         * The id of the range slider. If not provided, a unique id will be generated.
+         */
+        this.id = input(uniqueId('ngp-range-slider'));
+        /**
+         * The low value of the range slider.
+         */
+        this.low = input(0, {
+            alias: 'ngpRangeSliderLow',
+            transform: numberAttribute,
+        });
+        /**
+         * Emits when the low value changes.
+         */
+        this.lowChange = output({
+            alias: 'ngpRangeSliderLowChange',
+        });
+        /**
+         * The high value of the range slider.
+         */
+        this.high = input(100, {
+            alias: 'ngpRangeSliderHigh',
+            transform: numberAttribute,
+        });
+        /**
+         * Emits when the high value changes.
+         */
+        this.highChange = output({
+            alias: 'ngpRangeSliderHighChange',
+        });
+        /**
+         * The minimum value of the range slider.
+         */
+        this.min = input(0, {
+            alias: 'ngpRangeSliderMin',
+            transform: numberAttribute,
+        });
+        /**
+         * The maximum value of the range slider.
+         */
+        this.max = input(100, {
+            alias: 'ngpRangeSliderMax',
+            transform: numberAttribute,
+        });
+        /**
+         * The step value of the range slider.
+         */
+        this.step = input(1, {
+            alias: 'ngpRangeSliderStep',
+            transform: numberAttribute,
+        });
+        /**
+         * The orientation of the range slider.
+         */
+        this.orientation = input('horizontal', {
+            alias: 'ngpRangeSliderOrientation',
+        });
+        /**
+         * The disabled state of the range slider.
+         */
+        this.disabled = input(false, {
+            alias: 'ngpRangeSliderDisabled',
+            transform: booleanAttribute,
+        });
+        /**
+         * Access the slider track.
+         * @internal
+         */
+        this.track = signal(undefined);
+        /**
+         * The thumbs of the range slider.
+         * @internal
+         */
+        this.thumbs = signal([]);
+        /**
+         * The low value as a percentage based on the min and max values.
+         * @internal
+         */
+        this.lowPercentage = computed(() => ((this.state.low() - this.state.min()) / (this.state.max() - this.state.min())) * 100);
+        /**
+         * The high value as a percentage based on the min and max values.
+         * @internal
+         */
+        this.highPercentage = computed(() => ((this.state.high() - this.state.min()) / (this.state.max() - this.state.min())) * 100);
+        /**
+         * The range between low and high values as a percentage.
+         * @internal
+         */
+        this.rangePercentage = computed(() => this.highPercentage() - this.lowPercentage());
+        /**
+         * The state of the range slider. We use this for the range slider state rather than relying on the inputs.
+         * @internal
+         */
+        this.state = rangeSliderState(this);
+        setupFormControl({ id: this.state.id, disabled: this.state.disabled });
+    }
+    /**
+     * Updates the low value, ensuring it doesn't exceed the high value.
+     * @param value The new low value
+     * @internal
+     */
+    setLowValue(value) {
+        const clampedValue = Math.max(this.state.min(), Math.min(value, this.state.high()));
+        this.state.low.set(clampedValue);
+        this.lowChange.emit(clampedValue);
+    }
+    /**
+     * Updates the high value, ensuring it doesn't go below the low value.
+     * @param value The new high value
+     * @internal
+     */
+    setHighValue(value) {
+        const clampedValue = Math.min(this.state.max(), Math.max(value, this.state.low()));
+        this.state.high.set(clampedValue);
+        this.highChange.emit(clampedValue);
+    }
+    /**
+     * Determines which thumb should be moved based on the position clicked.
+     * @param percentage The percentage position of the click
+     * @returns 'low' or 'high' indicating which thumb should move
+     *
+     * @internal
+     */
+    getClosestThumb(percentage) {
+        const value = this.state.min() + (this.state.max() - this.state.min()) * (percentage / 100);
+        const distanceToLow = Math.abs(value - this.state.low());
+        const distanceToHigh = Math.abs(value - this.state.high());
+        return distanceToLow <= distanceToHigh ? 'low' : 'high';
+    }
+    /**
+     * Updates the thumbs array when a new thumb is added.
+     * @param thumb The new thumb to add
+     * @internal
+     */
+    addThumb(thumb) {
+        this.thumbs.update(thumbs => [...thumbs, thumb]);
+    }
+    /**
+     * Removes a thumb from the thumbs array.
+     * @param thumb The thumb to remove
+     * @internal
+     */
+    removeThumb(thumb) {
+        this.thumbs.update(thumbs => thumbs.filter(t => t !== thumb));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSlider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.11", type: NgpRangeSlider, isStandalone: true, selector: "[ngpRangeSlider]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, low: { classPropertyName: "low", publicName: "ngpRangeSliderLow", isSignal: true, isRequired: false, transformFunction: null }, high: { classPropertyName: "high", publicName: "ngpRangeSliderHigh", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "ngpRangeSliderMin", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "ngpRangeSliderMax", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "ngpRangeSliderStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "ngpRangeSliderOrientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpRangeSliderDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lowChange: "ngpRangeSliderLowChange", highChange: "ngpRangeSliderHighChange" }, host: { properties: { "id": "id()", "attr.data-orientation": "state.orientation()" } }, providers: [provideRangeSliderState()], exportAs: ["ngpRangeSlider"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: NgpRangeSlider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpRangeSlider]',
+                    exportAs: 'ngpRangeSlider',
+                    providers: [provideRangeSliderState()],
+                    host: {
+                        '[id]': 'id()',
+                        '[attr.data-orientation]': 'state.orientation()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgpSlider, NgpSliderRange, NgpSliderThumb, NgpSliderTrack, injectSliderState, provideSliderState };
+export { NgpRangeSlider, NgpRangeSliderRange, NgpRangeSliderThumb, NgpRangeSliderTrack, NgpSlider, NgpSliderRange, NgpSliderThumb, NgpSliderTrack, injectRangeSliderState, injectSliderState, provideRangeSliderState, provideSliderState };
 //# sourceMappingURL=ng-primitives-slider.mjs.map