ng-primitives 0.0.7 → 0.2.0

package/fesm2022/ng-primitives-select.mjs

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, input, Directive, booleanAttribute, signal, computed, Injector, ChangeDetectorRef, contentChildren, effect, model, contentChild } from '@angular/core';
-import { injectDisposables, FocusManager, uniqueId } from 'ng-primitives/utils';
-import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { InjectionToken, inject, input, booleanAttribute, Directive } from '@angular/core';
+import * as i1 from 'ng-primitives/form-field';
+import { NgpFormControl } from 'ng-primitives/form-field';
+import * as i2 from 'ng-primitives/interactions';
+import { NgpFocusVisible, NgpHover, NgpPress } from 'ng-primitives/interactions';
+import { NgpDisabledToken } from 'ng-primitives/internal';
 
 /**
  * Copyright © 2024 Angular Primitives.
@@ -19,410 +21,36 @@ function injectSelect() {
     return inject(NgpSelectToken);
 }
 
-/**
- * Copyright © 2024 Angular Primitives.
- * https://github.com/ng-primitives/ng-primitives
- *
- * This source code is licensed under the CC BY-ND 4.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const NgpSelectButtonToken = new InjectionToken('NgpSelectButtonToken');
-/**
- * Inject the SelectButton directive instance
- */
-function injectSelectButton() {
-    return inject(NgpSelectButtonToken);
-}
-
-class NgpSelectButton {
-    constructor() {
-        /**
-         * Access the parent select component.
-         */
-        this.select = injectSelect();
-        /**
-         * Access the disposable helpers.
-         */
-        this.disposables = injectDisposables();
-        /**
-         * Access the element reference.
-         * @internal
-         */
-        this.element = inject(ElementRef);
-        /**
-         * Access the focus manager
-         */
-        this.focusManager = inject(FocusManager);
-        /**
-         * Optionally define an id for the button. By default, the id is generated.
-         */
-        this.id = input(uniqueId('select-button'));
-    }
-    /**
-     * Toggle the select open state.
-     */
-    toggle() {
-        this.select.open.update(open => !open);
-    }
-    /**
-     * Handle keyboard events. If the list is closed, open it when the user presses the arrow keys.
-     * If the list is open then we navigate using active descendant.
-     * @param event
-     */
-    keydown(event) {
-        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-            this.select.open.set(true);
-            // stop the event from triggering scrolling on the dropdown
-            event.preventDefault();
-        }
-        // if the escape key is pressed, close the dropdown
-        if (event.key === 'Escape') {
-            this.select.open.set(false);
-        }
-    }
-    /**
-     * Focus the button element.
-     * @param origin
-     * @internal
-     */
-    focus(origin) {
-        // we run after the next tick to ensure any in-progress events do not get
-        // redirected to the button element
-        this.disposables.requestAnimationFrame(() => this.focusManager.focus(this.element, origin));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelectButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.2", type: NgpSelectButton, isStandalone: true, selector: "button[ngpSelectButton]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "aria-haspopup": "listbox" }, listeners: { "click": "toggle()", "keydown": "keydown($event)" }, properties: { "attr.id": "id()", "attr.aria-expanded": "select.open()", "attr.aria-controls": "select.open() ? select.options()?.id() : null", "attr.data-state": "select.open() ? \"open\" : \"closed\"" } }, providers: [{ provide: NgpSelectButtonToken, useExisting: NgpSelectButton }], exportAs: ["ngpSelectButton"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelectButton, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'button[ngpSelectButton]',
-                    exportAs: 'ngpSelectButton',
-                    providers: [{ provide: NgpSelectButtonToken, useExisting: NgpSelectButton }],
-                    host: {
-                        type: 'button',
-                        'aria-haspopup': 'listbox',
-                        '[attr.id]': 'id()',
-                        '[attr.aria-expanded]': 'select.open()',
-                        '[attr.aria-controls]': 'select.open() ? select.options()?.id() : null',
-                        '[attr.data-state]': 'select.open() ? "open" : "closed"',
-                        '(click)': 'toggle()',
-                        '(keydown)': 'keydown($event)',
-                    },
-                }]
-        }] });
-
-/**
- * Copyright © 2024 Angular Primitives.
- * https://github.com/ng-primitives/ng-primitives
- *
- * This source code is licensed under the CC BY-ND 4.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const NgpSelectOptionToken = new InjectionToken('NgpSelectOptionToken');
-/**
- * Inject the SelectOption directive instance
- */
-function injectSelectOption() {
-    return inject(NgpSelectOptionToken);
-}
-
-class NgpSelectOption {
-    constructor() {
-        /**
-         * Access the parent select component.
-         */
-        this.select = injectSelect();
-        /**
-         * Access the element reference.
-         */
-        this.element = inject((ElementRef));
-        /**
-         * Optionally define an id for the option. By default, the id is generated.
-         */
-        this.id = input(uniqueId('select-option'));
-        /**
-         * The value of the option.
-         */
-        this.value = input.required({
-            alias: 'ngpSelectOptionValue',
-        });
-        /**
-         * Whether the option is disabled.
-         */
-        this.isDisabled = input(false, {
-            alias: 'ngpSelectOptionDisabled',
-            transform: booleanAttribute,
-        });
-        /**
-         * Whether the option is the active descendant.
-         */
-        this.active = signal(false);
-        /**
-         * Determine if the option is selected.
-         */
-        this.selected = computed(() => this.select.value() === this.value());
-    }
-    /**
-     * Set the active styles for the option.
-     * @internal
-     */
-    setActiveStyles() {
-        this.active.set(true);
-        // scroll the option into view if needed
-        this.element.nativeElement.scrollIntoView({ block: 'nearest' });
-    }
-    /**
-     * Set the inactive styles for the option.
-     * @internal
-     */
-    setInactiveStyles() {
-        this.active.set(false);
-    }
-    /**
-     * Handle the click event on the option.
-     */
-    selectOption() {
-        if (!this.isDisabled()) {
-            this.select.value.update(() => this.value());
-            // close the dropdown after selecting an option
-            this.select.open.set(false);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.2", type: NgpSelectOption, isStandalone: true, selector: "[ngpSelectOption]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "ngpSelectOptionValue", isSignal: true, isRequired: true, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "ngpSelectOptionDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()" }, properties: { "attr.id": "id()", "attr.aria-selected": "selected()", "attr.aria-disabled": "isDisabled()", "attr.data-state": "selected() ? \"selected\" : \"unselected\"", "attr.data-active": "active() ? \"\" : null", "attr.data-disabled": "isDisabled()" } }, providers: [{ provide: NgpSelectOptionToken, useExisting: NgpSelectOption }], exportAs: ["ngpSelectOption"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelectOption, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[ngpSelectOption]',
-                    exportAs: 'ngpSelectOption',
-                    providers: [{ provide: NgpSelectOptionToken, useExisting: NgpSelectOption }],
-                    host: {
-                        role: 'option',
-                        '[attr.id]': 'id()',
-                        '[attr.aria-selected]': 'selected()',
-                        '[attr.aria-disabled]': 'isDisabled()',
-                        '[attr.data-state]': 'selected() ? "selected" : "unselected"',
-                        '[attr.data-active]': 'active() ? "" : null',
-                        '[attr.data-disabled]': 'isDisabled()',
-                        '(click)': 'selectOption()',
-                    },
-                }]
-        }] });
-
-/**
- * Copyright © 2024 Angular Primitives.
- * https://github.com/ng-primitives/ng-primitives
- *
- * This source code is licensed under the CC BY-ND 4.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const NgpSelectOptionsToken = new InjectionToken('NgpSelectOptionsToken');
-/**
- * Inject the SelectOptions directive instance
- */
-function injectSelectOptions() {
-    return inject(NgpSelectOptionsToken);
-}
-
-/**
- * Copyright © 2024 Angular Primitives.
- * https://github.com/ng-primitives/ng-primitives
- *
- * This source code is licensed under the CC BY-ND 4.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-class NgpSelectOptions {
-    /**
-     * Focus the options list when it becomes visible.
-     */
-    constructor() {
-        /**
-         * Access the parent select component.
-         */
-        this.select = injectSelect();
-        /**
-         * Access the injector.
-         */
-        this.injector = inject(Injector);
-        /**
-         * Access the element reference.
-         */
-        this.element = inject(ElementRef);
-        /**
-         * Access the change detector.
-         */
-        this.changeDetector = inject(ChangeDetectorRef);
-        /**
-         * Access all the options in the list.
-         */
-        this.options = contentChildren(NgpSelectOptionToken, {
-            descendants: true,
-        });
-        /**
-         * Optionally define an id for the options list. By default, the id is generated.
-         */
-        this.id = input(uniqueId('select-options'));
-        /**
-         * Handle the active descendant.
-         */
-        this.activeDescendantKeyManager = new ActiveDescendantKeyManager(this.options, this.injector);
-        /**
-         * Get the active descendant id
-         */
-        this.activeDescendant = signal(null);
-        // update the mounted state when the select dropdown is opened or closed
-        effect(() => (this.select.open() ? this.open() : this.close()), { allowSignalWrites: true });
-        // whenever the active descendant changes update the active descendant id
-        this.activeDescendantKeyManager.change
-            .pipe(takeUntilDestroyed())
-            .subscribe(() => this.activeDescendant.set(this.activeDescendantKeyManager.activeItem?.id() ?? null));
-    }
-    ngAfterViewInit() {
-        // by default the selected option should be active when the options list is opened.
-        // if there is no selected option, the first option should be active.
-        if (this.select.value() === null) {
-            this.activeDescendantKeyManager.setFirstItemActive();
-        }
-        else {
-            const selectedOption = this.options().find(option => option.value() === this.select.value());
-            this.activeDescendantKeyManager.setActiveItem(selectedOption ?? this.options()[0]);
-        }
-    }
-    /**
-     * Handle the opening of the options list.
-     */
-    open() {
-        // force change detection to ensure the options list is visible before focusing
-        this.changeDetector.detectChanges();
-        this.element.nativeElement.focus();
-    }
-    /**
-     * Handle the closing of the options list.
-     * @param origin
-     */
-    close(origin) {
-        // if the options list is already closed, do nothing
-        if (!this.select.open()) {
-            return;
-        }
-        this.select.open.set(false);
-        this.select.button().focus(origin);
-    }
-    /**
-     * If the user clicks outside of the options list, close the dropdown.
-     * @param event
-     */
-    closeOnOutsideClick(event) {
-        // if the user performs a click that is not within the options list or the slect button, close the dropdown
-        if (this.select.open() &&
-            !this.element.nativeElement.contains(event.target) &&
-            !this.select.button().element.nativeElement.contains(event.target)) {
-            this.close();
-        }
-    }
-    /**
-     * Handle keyboard events.
-     *
-     * - If the user presses the tab key keep focus on the dropdown.
-     * - If the user presses the escape key, close the dropdown.
-     * @param event
-     */
-    keydown(event) {
-        // forward the keyboard event to the active descendant key manager
-        this.activeDescendantKeyManager.onKeydown(event);
-        // prevent the default tab behavior - this is essentially a focus trap
-        if (event.key === 'Tab') {
-            event.preventDefault();
-            event.stopPropagation();
-            return;
-        }
-        // if the escape key is pressed, close the dropdown
-        if (event.key === 'Escape') {
-            this.close('keyboard');
-            return;
-        }
-        // if the space or enter key is pressed, select the active option
-        if (event.key === ' ' || event.key === 'Enter') {
-            const activeItem = this.activeDescendantKeyManager.activeItem;
-            if (activeItem && !activeItem.isDisabled()) {
-                this.select.value.set(activeItem.value());
-                this.close('keyboard');
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelectOptions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.0.2", type: NgpSelectOptions, isStandalone: true, selector: "[ngpSelectOptions]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "keydown($event)", "document:click": "closeOnOutsideClick($event)" }, properties: { "attr.id": "id()", "attr.aria-labelledby": "select.button().id()", "attr.tabindex": "0", "attr.aria-activedescendant": "activeDescendant()", "attr.data-state": "select.open() ? \"open\" : \"closed\"" } }, providers: [{ provide: NgpSelectOptionsToken, useExisting: NgpSelectOptions }], queries: [{ propertyName: "options", predicate: NgpSelectOptionToken, descendants: true, isSignal: true }], exportAs: ["ngpSelectOptions"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelectOptions, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[ngpSelectOptions]',
-                    exportAs: 'ngpSelectOptions',
-                    providers: [{ provide: NgpSelectOptionsToken, useExisting: NgpSelectOptions }],
-                    host: {
-                        role: 'listbox',
-                        '[attr.id]': 'id()',
-                        '[attr.aria-labelledby]': 'select.button().id()',
-                        '[attr.tabindex]': '0',
-                        '[attr.aria-activedescendant]': 'activeDescendant()',
-                        '[attr.data-state]': 'select.open() ? "open" : "closed"',
-                        '(keydown)': 'keydown($event)',
-                        '(document:click)': 'closeOnOutsideClick($event)',
-                    },
-                }]
-        }], ctorParameters: () => [] });
-
 class NgpSelect {
     constructor() {
         /**
-         * The selected value.
-         */
-        this.value = model.required({
-            alias: 'ngpSelectValue',
-        });
-        /**
-         * Whether the select dropdown is open.
-         */
-        this.open = model(false, {
-            alias: 'ngpSelectOpen',
-        });
-        /**
-         * Disable the select component.
+         * Whether the select is disabled.
          */
         this.disabled = input(false, {
             alias: 'ngpSelectDisabled',
             transform: booleanAttribute,
         });
-        /**
-         * Access the select button instance.
-         * @internal
-         */
-        this.button = contentChild.required(NgpSelectButtonToken, {
-            descendants: true,
-        });
-        /**
-         * Access the select options instance.
-         * @internal
-         */
-        this.options = contentChild.required(NgpSelectOptionsToken, {
-            descendants: true,
-        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.0.2", type: NgpSelect, isStandalone: true, selector: "[ngpSelect]", inputs: { value: { classPropertyName: "value", publicName: "ngpSelectValue", isSignal: true, isRequired: true, transformFunction: null }, open: { classPropertyName: "open", publicName: "ngpSelectOpen", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "ngpSelectDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "ngpSelectValueChange", open: "ngpSelectOpenChange" }, providers: [{ provide: NgpSelectToken, useExisting: NgpSelect }], queries: [{ propertyName: "button", first: true, predicate: NgpSelectButtonToken, descendants: true, isSignal: true }, { propertyName: "options", first: true, predicate: NgpSelectOptionsToken, descendants: true, isSignal: true }], exportAs: ["ngpSelect"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgpSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.1", type: NgpSelect, isStandalone: true, selector: "select[ngpSelect]", inputs: { disabled: { classPropertyName: "disabled", publicName: "ngpSelectDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.disabled": "disabled() || null" } }, providers: [
+            { provide: NgpSelectToken, useExisting: NgpSelect },
+            { provide: NgpDisabledToken, useExisting: NgpSelect },
+        ], exportAs: ["ngpSelect"], hostDirectives: [{ directive: i1.NgpFormControl }, { directive: i2.NgpFocusVisible }, { directive: i2.NgpHover }, { directive: i2.NgpPress }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: NgpSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgpSelect, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: '[ngpSelect]',
+                    selector: 'select[ngpSelect]',
                     exportAs: 'ngpSelect',
-                    providers: [{ provide: NgpSelectToken, useExisting: NgpSelect }],
+                    providers: [
+                        { provide: NgpSelectToken, useExisting: NgpSelect },
+                        { provide: NgpDisabledToken, useExisting: NgpSelect },
+                    ],
+                    hostDirectives: [NgpFormControl, NgpFocusVisible, NgpHover, NgpPress],
+                    host: {
+                        '[attr.disabled]': 'disabled() || null',
+                    },
                 }]
         }] });
 
@@ -438,5 +66,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgpSelect, NgpSelectButton, NgpSelectButtonToken, NgpSelectOption, NgpSelectOptionToken, NgpSelectOptions, NgpSelectOptionsToken, NgpSelectToken };
+export { NgpSelect, NgpSelectToken };
 //# sourceMappingURL=ng-primitives-select.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-primitives-select.mjs","sources":["../../../../packages/ng-primitives/select/src/select/select.token.ts","../../../../packages/ng-primitives/select/src/select-button/select-button.token.ts","../../../../packages/ng-primitives/select/src/select-button/select-button.directive.ts","../../../../packages/ng-primitives/select/src/select-option/select-option.token.ts","../../../../packages/ng-primitives/select/src/select-option/select-option.directive.ts","../../../../packages/ng-primitives/select/src/select-options/select-options.token.ts","../../../../packages/ng-primitives/select/src/select-options/select-options.directive.ts","../../../../packages/ng-primitives/select/src/select/select.directive.ts","../../../../packages/ng-primitives/select/src/index.ts","../../../../packages/ng-primitives/select/src/ng-primitives-select.ts"],"sourcesContent":["/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSelect } from './select.directive';\n\nexport const NgpSelectToken = new InjectionToken<NgpSelect<unknown>>('NgpSelectToken');\n\n/**\n * Inject the Select directive instance\n */\nexport function injectSelect<T>(): NgpSelect<T> {\n  return inject<NgpSelect<T>>(NgpSelectToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSelectButton } from './select-button.directive';\n\nexport const NgpSelectButtonToken = new InjectionToken<NgpSelectButton>('NgpSelectButtonToken');\n\n/**\n * Inject the SelectButton directive instance\n */\nexport function injectSelectButton(): NgpSelectButton {\n  return inject(NgpSelectButtonToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { FocusOrigin } from '@angular/cdk/a11y';\nimport { Directive, ElementRef, inject, input } from '@angular/core';\nimport { FocusManager, injectDisposables, uniqueId } from 'ng-primitives/utils';\nimport { injectSelect } from '../select/select.token';\nimport { NgpSelectButtonToken } from './select-button.token';\n\n@Directive({\n  standalone: true,\n  selector: 'button[ngpSelectButton]',\n  exportAs: 'ngpSelectButton',\n  providers: [{ provide: NgpSelectButtonToken, useExisting: NgpSelectButton }],\n  host: {\n    type: 'button',\n    'aria-haspopup': 'listbox',\n    '[attr.id]': 'id()',\n    '[attr.aria-expanded]': 'select.open()',\n    '[attr.aria-controls]': 'select.open() ? select.options()?.id() : null',\n    '[attr.data-state]': 'select.open() ? \"open\" : \"closed\"',\n    '(click)': 'toggle()',\n    '(keydown)': 'keydown($event)',\n  },\n})\nexport class NgpSelectButton {\n  /**\n   * Access the parent select component.\n   */\n  protected readonly select = injectSelect<unknown>();\n\n  /**\n   * Access the disposable helpers.\n   */\n  private readonly disposables = injectDisposables();\n\n  /**\n   * Access the element reference.\n   * @internal\n   */\n  readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the focus manager\n   */\n  private readonly focusManager = inject(FocusManager);\n\n  /**\n   * Optionally define an id for the button. By default, the id is generated.\n   */\n  readonly id = input(uniqueId('select-button'));\n\n  /**\n   * Toggle the select open state.\n   */\n  protected toggle() {\n    this.select.open.update(open => !open);\n  }\n\n  /**\n   * Handle keyboard events. If the list is closed, open it when the user presses the arrow keys.\n   * If the list is open then we navigate using active descendant.\n   * @param event\n   */\n  protected keydown(event: KeyboardEvent) {\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      this.select.open.set(true);\n      // stop the event from triggering scrolling on the dropdown\n      event.preventDefault();\n    }\n\n    // if the escape key is pressed, close the dropdown\n    if (event.key === 'Escape') {\n      this.select.open.set(false);\n    }\n  }\n\n  /**\n   * Focus the button element.\n   * @param origin\n   * @internal\n   */\n  focus(origin?: FocusOrigin) {\n    // we run after the next tick to ensure any in-progress events do not get\n    // redirected to the button element\n    this.disposables.requestAnimationFrame(() => this.focusManager.focus(this.element, origin));\n  }\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSelectOption } from './select-option.directive';\n\nexport const NgpSelectOptionToken = new InjectionToken<NgpSelectOption<unknown>>(\n  'NgpSelectOptionToken',\n);\n\n/**\n * Inject the SelectOption directive instance\n */\nexport function injectSelectOption<T>(): NgpSelectOption<T> {\n  return inject<NgpSelectOption<T>>(NgpSelectOptionToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Highlightable } from '@angular/cdk/a11y';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport {\n  Directive,\n  ElementRef,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { injectSelect } from '../select/select.token';\nimport { NgpSelectOptionToken } from './select-option.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSelectOption]',\n  exportAs: 'ngpSelectOption',\n  providers: [{ provide: NgpSelectOptionToken, useExisting: NgpSelectOption }],\n  host: {\n    role: 'option',\n    '[attr.id]': 'id()',\n    '[attr.aria-selected]': 'selected()',\n    '[attr.aria-disabled]': 'isDisabled()',\n    '[attr.data-state]': 'selected() ? \"selected\" : \"unselected\"',\n    '[attr.data-active]': 'active() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled()',\n    '(click)': 'selectOption()',\n  },\n})\nexport class NgpSelectOption<T> implements Highlightable {\n  /**\n   * Access the parent select component.\n   */\n  protected readonly select = injectSelect<T>();\n\n  /**\n   * Access the element reference.\n   */\n  protected readonly element = inject(ElementRef<HTMLElement>);\n\n  /**\n   * Optionally define an id for the option. By default, the id is generated.\n   */\n  readonly id = input<string>(uniqueId('select-option'));\n\n  /**\n   * The value of the option.\n   */\n  readonly value = input.required<T>({\n    alias: 'ngpSelectOptionValue',\n  });\n\n  /**\n   * Whether the option is disabled.\n   */\n  readonly isDisabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpSelectOptionDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Whether the option is the active descendant.\n   */\n  protected readonly active = signal<boolean>(false);\n\n  /**\n   * Determine if the option is selected.\n   */\n  protected readonly selected = computed(() => this.select.value() === this.value());\n\n  /**\n   * Set the active styles for the option.\n   * @internal\n   */\n  setActiveStyles(): void {\n    this.active.set(true);\n\n    // scroll the option into view if needed\n    this.element.nativeElement.scrollIntoView({ block: 'nearest' });\n  }\n\n  /**\n   * Set the inactive styles for the option.\n   * @internal\n   */\n  setInactiveStyles(): void {\n    this.active.set(false);\n  }\n\n  /**\n   * Handle the click event on the option.\n   */\n  protected selectOption(): void {\n    if (!this.isDisabled()) {\n      this.select.value.update(() => this.value());\n      // close the dropdown after selecting an option\n      this.select.open.set(false);\n    }\n  }\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSelectOptions } from './select-options.directive';\n\nexport const NgpSelectOptionsToken = new InjectionToken<NgpSelectOptions<unknown>>(\n  'NgpSelectOptionsToken',\n);\n\n/**\n * Inject the SelectOptions directive instance\n */\nexport function injectSelectOptions<T>(): NgpSelectOptions<T> {\n  return inject(NgpSelectOptionsToken) as NgpSelectOptions<T>;\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { ActiveDescendantKeyManager, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  Injector,\n  Signal,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { uniqueId } from 'ng-primitives/utils';\nimport { NgpSelectOption } from '../select-option/select-option.directive';\nimport { NgpSelectOptionToken } from '../select-option/select-option.token';\nimport { injectSelect } from '../select/select.token';\nimport { NgpSelectOptionsToken } from './select-options.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSelectOptions]',\n  exportAs: 'ngpSelectOptions',\n  providers: [{ provide: NgpSelectOptionsToken, useExisting: NgpSelectOptions }],\n  host: {\n    role: 'listbox',\n    '[attr.id]': 'id()',\n    '[attr.aria-labelledby]': 'select.button().id()',\n    '[attr.tabindex]': '0',\n    '[attr.aria-activedescendant]': 'activeDescendant()',\n    '[attr.data-state]': 'select.open() ? \"open\" : \"closed\"',\n    '(keydown)': 'keydown($event)',\n    '(document:click)': 'closeOnOutsideClick($event)',\n  },\n})\nexport class NgpSelectOptions<T> implements AfterViewInit {\n  /**\n   * Access the parent select component.\n   */\n  protected readonly select = injectSelect<T>();\n\n  /**\n   * Access the injector.\n   */\n  private readonly injector = inject(Injector);\n\n  /**\n   * Access the element reference.\n   */\n  protected readonly element = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Access the change detector.\n   */\n  protected readonly changeDetector = inject(ChangeDetectorRef);\n\n  /**\n   * Access all the options in the list.\n   */\n  private readonly options = contentChildren<NgpSelectOption<T>>(NgpSelectOptionToken, {\n    descendants: true,\n  });\n\n  /**\n   * Optionally define an id for the options list. By default, the id is generated.\n   */\n  readonly id = input(uniqueId('select-options'));\n\n  /**\n   * Handle the active descendant.\n   */\n  private readonly activeDescendantKeyManager = new ActiveDescendantKeyManager(\n    this.options as Signal<NgpSelectOption<T>[]>,\n    this.injector,\n  );\n\n  /**\n   * Get the active descendant id\n   */\n  private readonly activeDescendant = signal<string | null>(null);\n\n  /**\n   * Focus the options list when it becomes visible.\n   */\n  constructor() {\n    // update the mounted state when the select dropdown is opened or closed\n    effect(() => (this.select.open() ? this.open() : this.close()), { allowSignalWrites: true });\n\n    // whenever the active descendant changes update the active descendant id\n    this.activeDescendantKeyManager.change\n      .pipe(takeUntilDestroyed())\n      .subscribe(() =>\n        this.activeDescendant.set(this.activeDescendantKeyManager.activeItem?.id() ?? null),\n      );\n  }\n\n  ngAfterViewInit(): void {\n    // by default the selected option should be active when the options list is opened.\n    // if there is no selected option, the first option should be active.\n    if (this.select.value() === null) {\n      this.activeDescendantKeyManager.setFirstItemActive();\n    } else {\n      const selectedOption = this.options().find(option => option.value() === this.select.value());\n      this.activeDescendantKeyManager.setActiveItem(selectedOption ?? this.options()[0]);\n    }\n  }\n\n  /**\n   * Handle the opening of the options list.\n   */\n  private open(): void {\n    // force change detection to ensure the options list is visible before focusing\n    this.changeDetector.detectChanges();\n    this.element.nativeElement.focus();\n  }\n\n  /**\n   * Handle the closing of the options list.\n   * @param origin\n   */\n  private close(origin?: FocusOrigin): void {\n    // if the options list is already closed, do nothing\n    if (!this.select.open()) {\n      return;\n    }\n\n    this.select.open.set(false);\n    this.select.button().focus(origin);\n  }\n\n  /**\n   * If the user clicks outside of the options list, close the dropdown.\n   * @param event\n   */\n  protected closeOnOutsideClick(event: MouseEvent): void {\n    // if the user performs a click that is not within the options list or the slect button, close the dropdown\n    if (\n      this.select.open() &&\n      !this.element.nativeElement.contains(event.target as Node) &&\n      !this.select.button().element.nativeElement.contains(event.target as Node)\n    ) {\n      this.close();\n    }\n  }\n\n  /**\n   * Handle keyboard events.\n   *\n   * - If the user presses the tab key keep focus on the dropdown.\n   * - If the user presses the escape key, close the dropdown.\n   * @param event\n   */\n  protected keydown(event: KeyboardEvent) {\n    // forward the keyboard event to the active descendant key manager\n    this.activeDescendantKeyManager.onKeydown(event);\n\n    // prevent the default tab behavior - this is essentially a focus trap\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    // if the escape key is pressed, close the dropdown\n    if (event.key === 'Escape') {\n      this.close('keyboard');\n      return;\n    }\n\n    // if the space or enter key is pressed, select the active option\n    if (event.key === ' ' || event.key === 'Enter') {\n      const activeItem = this.activeDescendantKeyManager.activeItem;\n\n      if (activeItem && !activeItem.isDisabled()) {\n        this.select.value.set(activeItem.value());\n        this.close('keyboard');\n      }\n    }\n  }\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { Directive, booleanAttribute, contentChild, input, model } from '@angular/core';\nimport { NgpSelectButtonToken } from '../select-button/select-button.token';\nimport { NgpSelectOptionsToken } from '../select-options/select-options.token';\nimport { NgpSelectToken } from './select.token';\n\n@Directive({\n  standalone: true,\n  selector: '[ngpSelect]',\n  exportAs: 'ngpSelect',\n  providers: [{ provide: NgpSelectToken, useExisting: NgpSelect }],\n})\nexport class NgpSelect<T> {\n  /**\n   * The selected value.\n   */\n  readonly value = model.required<T>({\n    alias: 'ngpSelectValue',\n  });\n\n  /**\n   * Whether the select dropdown is open.\n   */\n  readonly open = model<boolean>(false, {\n    alias: 'ngpSelectOpen',\n  });\n\n  /**\n   * Disable the select component.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpSelectDisabled',\n    transform: booleanAttribute,\n  });\n\n  /**\n   * Access the select button instance.\n   * @internal\n   */\n  readonly button = contentChild.required(NgpSelectButtonToken, {\n    descendants: true,\n  });\n\n  /**\n   * Access the select options instance.\n   * @internal\n   */\n  readonly options = contentChild.required(NgpSelectOptionsToken, {\n    descendants: true,\n  });\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { NgpSelectButton } from './select-button/select-button.directive';\nexport { NgpSelectButtonToken } from './select-button/select-button.token';\nexport { NgpSelectOption } from './select-option/select-option.directive';\nexport { NgpSelectOptionToken } from './select-option/select-option.token';\nexport { NgpSelectOptions } from './select-options/select-options.directive';\nexport { NgpSelectOptionsToken } from './select-options/select-options.token';\nexport { NgpSelect } from './select/select.directive';\nexport { NgpSelectToken } from './select/select.token';\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-select.mjs","sources":["../../../../packages/ng-primitives/select/src/select/select.token.ts","../../../../packages/ng-primitives/select/src/select/select.directive.ts","../../../../packages/ng-primitives/select/src/index.ts","../../../../packages/ng-primitives/select/src/ng-primitives-select.ts"],"sourcesContent":["/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { InjectionToken, inject } from '@angular/core';\nimport type { NgpSelect } from './select.directive';\n\nexport const NgpSelectToken = new InjectionToken<NgpSelect>('NgpSelectToken');\n\n/**\n * Inject the Select directive instance\n */\nexport function injectSelect(): NgpSelect {\n  return inject(NgpSelectToken);\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input } from '@angular/core';\nimport { NgpFormControl } from 'ng-primitives/form-field';\nimport { NgpFocusVisible, NgpHover, NgpPress } from 'ng-primitives/interactions';\nimport { NgpCanDisable, NgpDisabledToken } from 'ng-primitives/internal';\nimport { NgpSelectToken } from './select.token';\n\n@Directive({\n  standalone: true,\n  selector: 'select[ngpSelect]',\n  exportAs: 'ngpSelect',\n  providers: [\n    { provide: NgpSelectToken, useExisting: NgpSelect },\n    { provide: NgpDisabledToken, useExisting: NgpSelect },\n  ],\n  hostDirectives: [NgpFormControl, NgpFocusVisible, NgpHover, NgpPress],\n  host: {\n    '[attr.disabled]': 'disabled() || null',\n  },\n})\nexport class NgpSelect implements NgpCanDisable {\n  /**\n   * Whether the select is disabled.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    alias: 'ngpSelectDisabled',\n    transform: booleanAttribute,\n  });\n}\n","/**\n * Copyright © 2024 Angular Primitives.\n * https://github.com/ng-primitives/ng-primitives\n *\n * This source code is licensed under the CC BY-ND 4.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { NgpSelect } from './select/select.directive';\nexport { NgpSelectToken } from './select/select.token';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;;;AAMG;MAIU,cAAc,GAAG,IAAI,cAAc,CAAY,gBAAgB,EAAE;AAE9E;;AAEG;SACa,YAAY,GAAA;AAC1B,IAAA,OAAO,MAAM,CAAC,cAAc,CAAC,CAAC;AAChC;;MCUa,SAAS,CAAA;AAbtB,IAAA,WAAA,GAAA;AAcE;;AAEG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,EAAE;AACtD,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,SAAS,EAAE,gBAAgB;AAC5B,SAAA,CAAC,CAAC;AACJ,KAAA;8GARY,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EATT,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE;AACnD,YAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE;AACtD,SAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,QAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,QAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAMU,SAAS,EAAA,UAAA,EAAA,CAAA;kBAbrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,SAAS,EAAE;AACT,wBAAA,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,WAAW,EAAE;AACnD,wBAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,WAAW,EAAE;AACtD,qBAAA;oBACD,cAAc,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACrE,oBAAA,IAAI,EAAE;AACJ,wBAAA,iBAAiB,EAAE,oBAAoB;AACxC,qBAAA;AACF,iBAAA,CAAA;;;AC1BD;;;;;;AAMG;;ACNH;;AAEG;;;;"}