ng-primitives 0.0.7 → 0.2.0

package/esm2022/select/select-options/select-options.directive.mjs

@@ -1,157 +0,0 @@
-/**
- * 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.
- */
-import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
-import { ChangeDetectorRef, Directive, ElementRef, Injector, contentChildren, effect, inject, input, signal, } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { uniqueId } from 'ng-primitives/utils';
-import { NgpSelectOptionToken } from '../select-option/select-option.token';
-import { injectSelect } from '../select/select.token';
-import { NgpSelectOptionsToken } from './select-options.token';
-import * as i0 from "@angular/core";
-export 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: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmctcHJpbWl0aXZlcy9zZWxlY3Qvc3JjL3NlbGVjdC1vcHRpb25zL3NlbGVjdC1vcHRpb25zLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFDSCxPQUFPLEVBQUUsMEJBQTBCLEVBQWUsTUFBTSxtQkFBbUIsQ0FBQztBQUM1RSxPQUFPLEVBRUwsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsUUFBUSxFQUVSLGVBQWUsRUFDZixNQUFNLEVBQ04sTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFrQi9ELE1BQU0sT0FBTyxnQkFBZ0I7SUE4QzNCOztPQUVHO0lBQ0g7UUFoREE7O1dBRUc7UUFDZ0IsV0FBTSxHQUFHLFlBQVksRUFBSyxDQUFDO1FBRTlDOztXQUVHO1FBQ2MsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUU3Qzs7V0FFRztRQUNnQixZQUFPLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQztRQUV6RTs7V0FFRztRQUNnQixtQkFBYyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRTlEOztXQUVHO1FBQ2MsWUFBTyxHQUFHLGVBQWUsQ0FBcUIsb0JBQW9CLEVBQUU7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QUM5QixRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxXQUFXLGtCQUFrQixFQUFFLENBQUM7b0JBQzlFLElBQUksRUFBRTt3QkFDSixJQUFJLEVBQUUsU0FBUzt3QkFDZixXQUFXLEVBQUUsTUFBTTt3QkFDbkIsd0JBQXdCLEVBQUUsc0JBQXNCO3dCQUNoRCxpQkFBaUIsRUFBRSxHQUFHO3dCQUN0Qiw4QkFBOEIsRUFBRSxvQkFBb0I7d0JBQ3BELG1CQUFtQixFQUFFLG1DQUFtQzt3QkFDeEQsV0FBVyxFQUFFLGlCQUFpQjt3QkFDOUIsa0JBQWtCLEVBQUUsNkJBQTZCO3FCQUNsRDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IMKpIDIwMjQgQW5ndWxhciBQcmltaXRpdmVzLlxuICogaHR0cHM6Ly9naXRodWIuY29tL25nLXByaW1pdGl2ZXMvbmctcHJpbWl0aXZlc1xuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIENDIEJZLU5EIDQuMCBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICovXG5pbXBvcnQgeyBBY3RpdmVEZXNjZW5kYW50S2V5TWFuYWdlciwgRm9jdXNPcmlnaW4gfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBJbmplY3RvcixcbiAgU2lnbmFsLFxuICBjb250ZW50Q2hpbGRyZW4sXG4gIGVmZmVjdCxcbiAgaW5qZWN0LFxuICBpbnB1dCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IHVuaXF1ZUlkIH0gZnJvbSAnbmctcHJpbWl0aXZlcy91dGlscyc7XG5pbXBvcnQgeyBOZ3BTZWxlY3RPcHRpb24gfSBmcm9tICcuLi9zZWxlY3Qtb3B0aW9uL3NlbGVjdC1vcHRpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IE5ncFNlbGVjdE9wdGlvblRva2VuIH0gZnJvbSAnLi4vc2VsZWN0LW9wdGlvbi9zZWxlY3Qtb3B0aW9uLnRva2VuJztcbmltcG9ydCB7IGluamVjdFNlbGVjdCB9IGZyb20gJy4uL3NlbGVjdC9zZWxlY3QudG9rZW4nO1xuaW1wb3J0IHsgTmdwU2VsZWN0T3B0aW9uc1Rva2VuIH0gZnJvbSAnLi9zZWxlY3Qtb3B0aW9ucy50b2tlbic7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tuZ3BTZWxlY3RPcHRpb25zXScsXG4gIGV4cG9ydEFzOiAnbmdwU2VsZWN0T3B0aW9ucycsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTmdwU2VsZWN0T3B0aW9uc1Rva2VuLCB1c2VFeGlzdGluZzogTmdwU2VsZWN0T3B0aW9ucyB9XSxcbiAgaG9zdDoge1xuICAgIHJvbGU6ICdsaXN0Ym94JyxcbiAgICAnW2F0dHIuaWRdJzogJ2lkKCknLFxuICAgICdbYXR0ci5hcmlhLWxhYmVsbGVkYnldJzogJ3NlbGVjdC5idXR0b24oKS5pZCgpJyxcbiAgICAnW2F0dHIudGFiaW5kZXhdJzogJzAnLFxuICAgICdbYXR0ci5hcmlhLWFjdGl2ZWRlc2NlbmRhbnRdJzogJ2FjdGl2ZURlc2NlbmRhbnQoKScsXG4gICAgJ1thdHRyLmRhdGEtc3RhdGVdJzogJ3NlbGVjdC5vcGVuKCkgPyBcIm9wZW5cIiA6IFwiY2xvc2VkXCInLFxuICAgICcoa2V5ZG93biknOiAna2V5ZG93bigkZXZlbnQpJyxcbiAgICAnKGRvY3VtZW50OmNsaWNrKSc6ICdjbG9zZU9uT3V0c2lkZUNsaWNrKCRldmVudCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBOZ3BTZWxlY3RPcHRpb25zPFQ+IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8qKlxuICAgKiBBY2Nlc3MgdGhlIHBhcmVudCBzZWxlY3QgY29tcG9uZW50LlxuICAgKi9cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHNlbGVjdCA9IGluamVjdFNlbGVjdDxUPigpO1xuXG4gIC8qKlxuICAgKiBBY2Nlc3MgdGhlIGluamVjdG9yLlxuICAgKi9cbiAgcHJpdmF0ZSByZWFkb25seSBpbmplY3RvciA9IGluamVjdChJbmplY3Rvcik7XG5cbiAgLyoqXG4gICAqIEFjY2VzcyB0aGUgZWxlbWVudCByZWZlcmVuY2UuXG4gICAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG5cbiAgLyoqXG4gICAqIEFjY2VzcyB0aGUgY2hhbmdlIGRldGVjdG9yLlxuICAgKi9cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGNoYW5nZURldGVjdG9yID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuICAvKipcbiAgICogQWNjZXNzIGFsbCB0aGUgb3B0aW9ucyBpbiB0aGUgbGlzdC5cbiAgICovXG4gIHByaXZhdGUgcmVhZG9ubHkgb3B0aW9ucyA9IGNvbnRlbnRDaGlsZHJlbjxOZ3BTZWxlY3RPcHRpb248VD4+KE5ncFNlbGVjdE9wdGlvblRva2VuLCB7XG4gICAgZGVzY2VuZGFudHM6IHRydWUsXG4gIH0pO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbGx5IGRlZmluZSBhbiBpZCBmb3IgdGhlIG9wdGlvbnMgbGlzdC4gQnkgZGVmYXVsdCwgdGhlIGlkIGlzIGdlbmVyYXRlZC5cbiAgICovXG4gIHJlYWRvbmx5IGlkID0gaW5wdXQodW5pcXVlSWQoJ3NlbGVjdC1vcHRpb25zJykpO1xuXG4gIC8qKlxuICAgKiBIYW5kbGUgdGhlIGFjdGl2ZSBkZXNjZW5kYW50LlxuICAgKi9cbiAgcHJpdmF0ZSByZWFkb25seSBhY3RpdmVEZXNjZW5kYW50S2V5TWFuYWdlciA9IG5ldyBBY3RpdmVEZXNjZW5kYW50S2V5TWFuYWdlcihcbiAgICB0aGlzLm9wdGlvbnMgYXMgU2lnbmFsPE5ncFNlbGVjdE9wdGlvbjxUPltdPixcbiAgICB0aGlzLmluamVjdG9yLFxuICApO1xuXG4gIC8qKlxuICAgKiBHZXQgdGhlIGFjdGl2ZSBkZXNjZW5kYW50IGlkXG4gICAqL1xuICBwcml2YXRlIHJlYWRvbmx5IGFjdGl2ZURlc2NlbmRhbnQgPSBzaWduYWw8c3RyaW5nIHwgbnVsbD4obnVsbCk7XG5cbiAgLyoqXG4gICAqIEZvY3VzIHRoZSBvcHRpb25zIGxpc3Qgd2hlbiBpdCBiZWNvbWVzIHZpc2libGUuXG4gICAqL1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICAvLyB1cGRhdGUgdGhlIG1vdW50ZWQgc3RhdGUgd2hlbiB0aGUgc2VsZWN0IGRyb3Bkb3duIGlzIG9wZW5lZCBvciBjbG9zZWRcbiAgICBlZmZlY3QoKCkgPT4gKHRoaXMuc2VsZWN0Lm9wZW4oKSA/IHRoaXMub3BlbigpIDogdGhpcy5jbG9zZSgpKSwgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9KTtcblxuICAgIC8vIHdoZW5ldmVyIHRoZSBhY3RpdmUgZGVzY2VuZGFudCBjaGFuZ2VzIHVwZGF0ZSB0aGUgYWN0aXZlIGRlc2NlbmRhbnQgaWRcbiAgICB0aGlzLmFjdGl2ZURlc2NlbmRhbnRLZXlNYW5hZ2VyLmNoYW5nZVxuICAgICAgLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+XG4gICAgICAgIHRoaXMuYWN0aXZlRGVzY2VuZGFudC5zZXQodGhpcy5hY3RpdmVEZXNjZW5kYW50S2V5TWFuYWdlci5hY3RpdmVJdGVtPy5pZCgpID8/IG51bGwpLFxuICAgICAgKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAvLyBieSBkZWZhdWx0IHRoZSBzZWxlY3RlZCBvcHRpb24gc2hvdWxkIGJlIGFjdGl2ZSB3aGVuIHRoZSBvcHRpb25zIGxpc3QgaXMgb3BlbmVkLlxuICAgIC8vIGlmIHRoZXJlIGlzIG5vIHNlbGVjdGVkIG9wdGlvbiwgdGhlIGZpcnN0IG9wdGlvbiBzaG91bGQgYmUgYWN0aXZlLlxuICAgIGlmICh0aGlzLnNlbGVjdC52YWx1ZSgpID09PSBudWxsKSB7XG4gICAgICB0aGlzLmFjdGl2ZURlc2NlbmRhbnRLZXlNYW5hZ2VyLnNldEZpcnN0SXRlbUFjdGl2ZSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IHRoaXMub3B0aW9ucygpLmZpbmQob3B0aW9uID0+IG9wdGlvbi52YWx1ZSgpID09PSB0aGlzLnNlbGVjdC52YWx1ZSgpKTtcbiAgICAgIHRoaXMuYWN0aXZlRGVzY2VuZGFudEtleU1hbmFnZXIuc2V0QWN0aXZlSXRlbShzZWxlY3RlZE9wdGlvbiA/PyB0aGlzLm9wdGlvbnMoKVswXSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSB0aGUgb3BlbmluZyBvZiB0aGUgb3B0aW9ucyBsaXN0LlxuICAgKi9cbiAgcHJpdmF0ZSBvcGVuKCk6IHZvaWQge1xuICAgIC8vIGZvcmNlIGNoYW5nZSBkZXRlY3Rpb24gdG8gZW5zdXJlIHRoZSBvcHRpb25zIGxpc3QgaXMgdmlzaWJsZSBiZWZvcmUgZm9jdXNpbmdcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKTtcbiAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSB0aGUgY2xvc2luZyBvZiB0aGUgb3B0aW9ucyBsaXN0LlxuICAgKiBAcGFyYW0gb3JpZ2luXG4gICAqL1xuICBwcml2YXRlIGNsb3NlKG9yaWdpbj86IEZvY3VzT3JpZ2luKTogdm9pZCB7XG4gICAgLy8gaWYgdGhlIG9wdGlvbnMgbGlzdCBpcyBhbHJlYWR5IGNsb3NlZCwgZG8gbm90aGluZ1xuICAgIGlmICghdGhpcy5zZWxlY3Qub3BlbigpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zZWxlY3Qub3Blbi5zZXQoZmFsc2UpO1xuICAgIHRoaXMuc2VsZWN0LmJ1dHRvbigpLmZvY3VzKG9yaWdpbik7XG4gIH1cblxuICAvKipcbiAgICogSWYgdGhlIHVzZXIgY2xpY2tzIG91dHNpZGUgb2YgdGhlIG9wdGlvbnMgbGlzdCwgY2xvc2UgdGhlIGRyb3Bkb3duLlxuICAgKiBAcGFyYW0gZXZlbnRcbiAgICovXG4gIHByb3RlY3RlZCBjbG9zZU9uT3V0c2lkZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgLy8gaWYgdGhlIHVzZXIgcGVyZm9ybXMgYSBjbGljayB0aGF0IGlzIG5vdCB3aXRoaW4gdGhlIG9wdGlvbnMgbGlzdCBvciB0aGUgc2xlY3QgYnV0dG9uLCBjbG9zZSB0aGUgZHJvcGRvd25cbiAgICBpZiAoXG4gICAgICB0aGlzLnNlbGVjdC5vcGVuKCkgJiZcbiAgICAgICF0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQgYXMgTm9kZSkgJiZcbiAgICAgICF0aGlzLnNlbGVjdC5idXR0b24oKS5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIE5vZGUpXG4gICAgKSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZSBrZXlib2FyZCBldmVudHMuXG4gICAqXG4gICAqIC0gSWYgdGhlIHVzZXIgcHJlc3NlcyB0aGUgdGFiIGtleSBrZWVwIGZvY3VzIG9uIHRoZSBkcm9wZG93bi5cbiAgICogLSBJZiB0aGUgdXNlciBwcmVzc2VzIHRoZSBlc2NhcGUga2V5LCBjbG9zZSB0aGUgZHJvcGRvd24uXG4gICAqIEBwYXJhbSBldmVudFxuICAgKi9cbiAgcHJvdGVjdGVkIGtleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICAvLyBmb3J3YXJkIHRoZSBrZXlib2FyZCBldmVudCB0byB0aGUgYWN0aXZlIGRlc2NlbmRhbnQga2V5IG1hbmFnZXJcbiAgICB0aGlzLmFjdGl2ZURlc2NlbmRhbnRLZXlNYW5hZ2VyLm9uS2V5ZG93bihldmVudCk7XG5cbiAgICAvLyBwcmV2ZW50IHRoZSBkZWZhdWx0IHRhYiBiZWhhdmlvciAtIHRoaXMgaXMgZXNzZW50aWFsbHkgYSBmb2N1cyB0cmFwXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ1RhYicpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBpZiB0aGUgZXNjYXBlIGtleSBpcyBwcmVzc2VkLCBjbG9zZSB0aGUgZHJvcGRvd25cbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgdGhpcy5jbG9zZSgna2V5Ym9hcmQnKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBpZiB0aGUgc3BhY2Ugb3IgZW50ZXIga2V5IGlzIHByZXNzZWQsIHNlbGVjdCB0aGUgYWN0aXZlIG9wdGlvblxuICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgIGNvbnN0IGFjdGl2ZUl0ZW0gPSB0aGlzLmFjdGl2ZURlc2NlbmRhbnRLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW07XG5cbiAgICAgIGlmIChhY3RpdmVJdGVtICYmICFhY3RpdmVJdGVtLmlzRGlzYWJsZWQoKSkge1xuICAgICAgICB0aGlzLnNlbGVjdC52YWx1ZS5zZXQoYWN0aXZlSXRlbS52YWx1ZSgpKTtcbiAgICAgICAgdGhpcy5jbG9zZSgna2V5Ym9hcmQnKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/select/select-options/select-options.token.mjs

@@ -1,16 +0,0 @@
-/**
- * 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.
- */
-import { InjectionToken, inject } from '@angular/core';
-export const NgpSelectOptionsToken = new InjectionToken('NgpSelectOptionsToken');
-/**
- * Inject the SelectOptions directive instance
- */
-export function injectSelectOptions() {
-    return inject(NgpSelectOptionsToken);
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbnMudG9rZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy1wcmltaXRpdmVzL3NlbGVjdC9zcmMvc2VsZWN0LW9wdGlvbnMvc2VsZWN0LW9wdGlvbnMudG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBQ0gsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdkQsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsSUFBSSxjQUFjLENBQ3JELHVCQUF1QixDQUN4QixDQUFDO0FBRUY7O0dBRUc7QUFDSCxNQUFNLFVBQVUsbUJBQW1CO0lBQ2pDLE9BQU8sTUFBTSxDQUFDLHFCQUFxQixDQUF3QixDQUFDO0FBQzlELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCDCqSAyMDI0IEFuZ3VsYXIgUHJpbWl0aXZlcy5cbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9uZy1wcmltaXRpdmVzL25nLXByaW1pdGl2ZXNcbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBDQyBCWS1ORCA0LjAgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqL1xuaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBOZ3BTZWxlY3RPcHRpb25zIH0gZnJvbSAnLi9zZWxlY3Qtb3B0aW9ucy5kaXJlY3RpdmUnO1xuXG5leHBvcnQgY29uc3QgTmdwU2VsZWN0T3B0aW9uc1Rva2VuID0gbmV3IEluamVjdGlvblRva2VuPE5ncFNlbGVjdE9wdGlvbnM8dW5rbm93bj4+KFxuICAnTmdwU2VsZWN0T3B0aW9uc1Rva2VuJyxcbik7XG5cbi8qKlxuICogSW5qZWN0IHRoZSBTZWxlY3RPcHRpb25zIGRpcmVjdGl2ZSBpbnN0YW5jZVxuICovXG5leHBvcnQgZnVuY3Rpb24gaW5qZWN0U2VsZWN0T3B0aW9uczxUPigpOiBOZ3BTZWxlY3RPcHRpb25zPFQ+IHtcbiAgcmV0dXJuIGluamVjdChOZ3BTZWxlY3RPcHRpb25zVG9rZW4pIGFzIE5ncFNlbGVjdE9wdGlvbnM8VD47XG59XG4iXX0=

package/select/select-button/select-button.directive.d.ts

@@ -1,51 +0,0 @@
-/**
- * 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.
- */
-import { FocusOrigin } from '@angular/cdk/a11y';
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgpSelectButton {
-    /**
-     * Access the parent select component.
-     */
-    protected readonly select: import("ng-primitives/select").NgpSelect<unknown>;
-    /**
-     * Access the disposable helpers.
-     */
-    private readonly disposables;
-    /**
-     * Access the element reference.
-     * @internal
-     */
-    readonly element: ElementRef<HTMLElement>;
-    /**
-     * Access the focus manager
-     */
-    private readonly focusManager;
-    /**
-     * Optionally define an id for the button. By default, the id is generated.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * Toggle the select open state.
-     */
-    protected toggle(): void;
-    /**
-     * 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
-     */
-    protected keydown(event: KeyboardEvent): void;
-    /**
-     * Focus the button element.
-     * @param origin
-     * @internal
-     */
-    focus(origin?: FocusOrigin): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpSelectButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSelectButton, "button[ngpSelectButton]", ["ngpSelectButton"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/select/select-option/select-option.directive.d.ts

@@ -1,57 +0,0 @@
-/**
- * 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.
- */
-import { Highlightable } from '@angular/cdk/a11y';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgpSelectOption<T> implements Highlightable {
-    /**
-     * Access the parent select component.
-     */
-    protected readonly select: import("ng-primitives/select").NgpSelect<T>;
-    /**
-     * Access the element reference.
-     */
-    protected readonly element: ElementRef<any>;
-    /**
-     * Optionally define an id for the option. By default, the id is generated.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * The value of the option.
-     */
-    readonly value: import("@angular/core").InputSignal<T>;
-    /**
-     * Whether the option is disabled.
-     */
-    readonly isDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Whether the option is the active descendant.
-     */
-    protected readonly active: import("@angular/core").WritableSignal<boolean>;
-    /**
-     * Determine if the option is selected.
-     */
-    protected readonly selected: import("@angular/core").Signal<boolean>;
-    /**
-     * Set the active styles for the option.
-     * @internal
-     */
-    setActiveStyles(): void;
-    /**
-     * Set the inactive styles for the option.
-     * @internal
-     */
-    setInactiveStyles(): void;
-    /**
-     * Handle the click event on the option.
-     */
-    protected selectOption(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpSelectOption<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSelectOption<any>, "[ngpSelectOption]", ["ngpSelectOption"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "ngpSelectOptionValue"; "required": true; "isSignal": true; }; "isDisabled": { "alias": "ngpSelectOptionDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/select/select-options/select-options.directive.d.ts

@@ -1,65 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class NgpSelectOptions<T> implements AfterViewInit {
-    /**
-     * Access the parent select component.
-     */
-    protected readonly select: import("ng-primitives/select").NgpSelect<T>;
-    /**
-     * Access the injector.
-     */
-    private readonly injector;
-    /**
-     * Access the element reference.
-     */
-    protected readonly element: ElementRef<HTMLElement>;
-    /**
-     * Access the change detector.
-     */
-    protected readonly changeDetector: ChangeDetectorRef;
-    /**
-     * Access all the options in the list.
-     */
-    private readonly options;
-    /**
-     * Optionally define an id for the options list. By default, the id is generated.
-     */
-    readonly id: import("@angular/core").InputSignal<string>;
-    /**
-     * Handle the active descendant.
-     */
-    private readonly activeDescendantKeyManager;
-    /**
-     * Get the active descendant id
-     */
-    private readonly activeDescendant;
-    /**
-     * Focus the options list when it becomes visible.
-     */
-    constructor();
-    ngAfterViewInit(): void;
-    /**
-     * Handle the opening of the options list.
-     */
-    private open;
-    /**
-     * Handle the closing of the options list.
-     * @param origin
-     */
-    private close;
-    /**
-     * If the user clicks outside of the options list, close the dropdown.
-     * @param event
-     */
-    protected closeOnOutsideClick(event: MouseEvent): void;
-    /**
-     * 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
-     */
-    protected keydown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgpSelectOptions<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpSelectOptions<any>, "[ngpSelectOptions]", ["ngpSelectOptions"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, ["options"], never, true, never>;
-}