@ni/nimble-components 21.8.2 → 21.9.1

package/dist/esm/select/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 // Based on: https://github.com/microsoft/fast/blob/%40microsoft/fast-foundation_v2.49.5/packages/web-components/fast-foundation/src/select/select.ts
 import { attr, html, observable, Observable, volatile } from '@microsoft/fast-element';
-import { DesignSystem, Select as FoundationSelect, SelectPosition, applyMixins, StartEnd, DelegatesARIASelect, Listbox } from '@microsoft/fast-foundation';
+import { DesignSystem, Select as FoundationSelect, SelectPosition, applyMixins, StartEnd, DelegatesARIASelect } from '@microsoft/fast-foundation';
 import { keyArrowDown, keyArrowUp, keyEnd, keyEnter, keyEscape, keyHome, keySpace, keyTab, uniqueId } from '@microsoft/fast-web-utilities';
 import { arrowExpanderDown16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
@@ -9,9 +9,13 @@ import { DropdownAppearance } from '../patterns/dropdown/types';
 import { errorTextTemplate } from '../patterns/error/template';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
 import { template } from './template';
+import { ListOption } from '../list-option';
 import { FilterMode } from './types';
 import { diacriticInsensitiveStringNormalizer } from '../utilities/models/string-normalizers';
 import { FormAssociatedSelect } from './models/select-form-associated';
+const isNimbleListOption = (el) => {
+    return el instanceof ListOption;
+};
 /**
  * A nimble-styled HTML select.
  */
@@ -21,6 +25,10 @@ export class Select extends FormAssociatedSelect {
         this.appearance = DropdownAppearance.underline;
         this.errorVisible = false;
         this.filterMode = FilterMode.none;
+        /**
+         * @internal
+         */
+        this.displayPlaceholder = false;
         /**
          * @internal
          */
@@ -41,10 +49,6 @@ export class Select extends FormAssociatedSelect {
          * @internal
          */
         this.filter = '';
-        /**
-         * @internal
-         */
-        this.committedSelectedOption = undefined;
         /**
          * The max height for the listbox when opened.
          *
@@ -70,24 +74,6 @@ export class Select extends FormAssociatedSelect {
         this.forcedPosition = !!this.positionAttribute;
         this.initializeOpenState();
     }
-    /**
-     * The list of options. This mirrors FAST's override implementation for this
-     * member for the Combobox to support a filtered list in the dropdown.
-     *
-     * @public
-     * @remarks
-     * Overrides `Listbox.options`.
-     */
-    get options() {
-        Observable.track(this, 'options');
-        return this.filteredOptions?.length
-            ? this.filteredOptions
-            : this._options;
-    }
-    set options(value) {
-        this._options = value;
-        Observable.notify(this, 'options');
-    }
     get value() {
         Observable.track(this, 'value');
         return this._value;
@@ -95,8 +81,6 @@ export class Select extends FormAssociatedSelect {
     set value(next) {
         const prev = this._value;
         let newValue = next;
-        // use 'options' here instead of '_options' as 'selectedIndex' may be relative
-        // to filtered set
         if (this.options?.length) {
             const newValueIndex = this.options.findIndex(el => el.value === newValue);
             const prevSelectedValue = this.options[this.selectedIndex]?.value ?? null;
@@ -112,7 +96,7 @@ export class Select extends FormAssociatedSelect {
             this._value = newValue;
             super.valueChanged(prev, newValue);
             if (!this.open) {
-                this.committedSelectedOption = this._options.find(o => o.value === newValue);
+                this.committedSelectedOption = this.options.find(o => o.value === newValue);
             }
             Observable.notify(this, 'value');
             if (this.collapsible) {
@@ -148,14 +132,18 @@ export class Select extends FormAssociatedSelect {
      */
     slottedOptionsChanged(prev, next) {
         const value = this.value;
-        this._options.forEach(o => {
+        this.options.forEach(o => {
             const notifier = Observable.getNotifier(o);
             notifier.unsubscribe(this, 'value');
+            notifier.unsubscribe(this, 'hidden');
+            notifier.unsubscribe(this, 'disabled');
         });
         super.slottedOptionsChanged(prev, next);
-        this._options.forEach(o => {
+        this.options.forEach(o => {
             const notifier = Observable.getNotifier(o);
             notifier.subscribe(this, 'value');
+            notifier.subscribe(this, 'hidden');
+            notifier.subscribe(this, 'disabled');
         });
         this.setProxyOptions();
         this.updateValue();
@@ -177,9 +165,6 @@ export class Select extends FormAssociatedSelect {
         }
         if (this.open) {
             const captured = e.target.closest('option,[role=option]');
-            if (!captured?.disabled) {
-                this.updateSelectedIndexFromFilteredSet();
-            }
             if (captured?.disabled) {
                 return;
             }
@@ -200,9 +185,34 @@ export class Select extends FormAssociatedSelect {
      * @override
      */
     handleChange(source, propertyName) {
-        super.handleChange(source, propertyName);
-        if (propertyName === 'value') {
-            this.updateValue();
+        // don't call super.handleChange so hidden options can be selected programmatically
+        const sourceElement = source;
+        switch (propertyName) {
+            case 'value': {
+                this.updateValue();
+                break;
+            }
+            case 'selected': {
+                if (isNimbleListOption(sourceElement)) {
+                    this.selectedIndex = this.options.indexOf(sourceElement);
+                }
+                this.setSelectedOptions();
+                this.updateDisplayValue();
+                break;
+            }
+            case 'hidden': {
+                if (isNimbleListOption(sourceElement)) {
+                    sourceElement.visuallyHidden = sourceElement.hidden;
+                }
+                this.updateDisplayValue();
+                break;
+            }
+            case 'disabled': {
+                this.updateDisplayValue();
+                break;
+            }
+            default:
+                break;
         }
     }
     /**
@@ -253,6 +263,14 @@ export class Select extends FormAssociatedSelect {
      * @internal
      */
     updateDisplayValue() {
+        if (this.committedSelectedOption?.disabled
+            && this.committedSelectedOption?.hidden
+            && this.committedSelectedOption?.selected) {
+            this.displayPlaceholder = true;
+        }
+        else {
+            this.displayPlaceholder = false;
+        }
         if (this.collapsible) {
             Observable.notify(this, 'displayValue');
         }
@@ -265,14 +283,9 @@ export class Select extends FormAssociatedSelect {
      */
     inputHandler(e) {
         this.filter = this.filterInput?.value ?? '';
-        if (!this.committedSelectedOption) {
-            this.committedSelectedOption = this._options.find(option => option.selected);
-        }
         this.clearSelection();
         this.filterOptions();
-        if (this.filteredOptions.length > 0
-            && this.committedSelectedOption
-            && !this.filteredOptions.includes(this.committedSelectedOption)) {
+        if (this.filteredOptions.length > 0) {
             const enabledOptions = this.filteredOptions.filter(o => !o.disabled);
             if (enabledOptions.length > 0) {
                 enabledOptions[0].selected = true;
@@ -296,7 +309,6 @@ export class Select extends FormAssociatedSelect {
      * @internal
      */
     focusoutHandler(e) {
-        this.updateSelectedIndexFromFilteredSet();
         super.focusoutHandler(e);
         if (!this.open) {
             return true;
@@ -308,6 +320,9 @@ export class Select extends FormAssociatedSelect {
         }
         if (!this.options?.includes(focusTarget)) {
             this.open = false;
+            if (this.selectedIndex === -1) {
+                this.selectedIndex = this.indexWhenOpened;
+            }
             if (this.indexWhenOpened !== this.selectedIndex) {
                 this.updateValue(true);
             }
@@ -349,7 +364,6 @@ export class Select extends FormAssociatedSelect {
                     || this.filteredOptions.every(o => o.disabled)) {
                     return false;
                 }
-                this.updateSelectedIndexFromFilteredSet();
                 this.open = !this.open;
                 if (!this.open) {
                     this.focus();
@@ -357,21 +371,16 @@ export class Select extends FormAssociatedSelect {
                 break;
             }
             case keyEscape: {
-                // clear filter as update to "selectedIndex" will result in processing
-                // "options" and not "_options"
-                this.filter = '';
-                if (this.committedSelectedOption) {
-                    this.clearSelection();
-                    this.selectedIndex = this._options.indexOf(this.committedSelectedOption);
+                if (!this.open) {
+                    break;
                 }
                 if (this.collapsible && this.open) {
                     e.preventDefault();
                     this.open = false;
                 }
-                // reset 'selected' state otherwise the selected state doesn't stick.
-                const selectedOption = this._options[this.selectedIndex];
-                if (selectedOption) {
-                    selectedOption.selected = true;
+                if (this.selectedIndex !== this.indexWhenOpened) {
+                    this.options[this.selectedIndex].selected = false;
+                    this.selectedIndex = this.indexWhenOpened;
                 }
                 this.focus();
                 break;
@@ -401,8 +410,12 @@ export class Select extends FormAssociatedSelect {
      *
      * @internal
      */
-    selectedIndexChanged(prev, next) {
-        super.selectedIndexChanged(prev, next);
+    selectedIndexChanged(_, __) {
+        // Don't call super.selectedIndexChanged as this will disallow disabled options
+        // from being valid initial selected values. Our setDefaultSelectedOption
+        // implementation handles skipping non-selected disabled options for the initial
+        // selected value.
+        this.setSelectedOptions();
         this.updateValue();
     }
     /**
@@ -433,6 +446,26 @@ export class Select extends FormAssociatedSelect {
             this.selectedIndex = 0;
         }
     }
+    selectNextOption() {
+        // don't call super.selectNextOption as that relies on side-effecty
+        // behavior to not select disabled option (which no longer works)
+        for (let i = this.selectedIndex + 1; i < this.options.length; i++) {
+            if (!this.options[i]?.disabled) {
+                this.selectedIndex = i;
+                break;
+            }
+        }
+    }
+    selectPreviousOption() {
+        // don't call super.selectPreviousOption as that relies on side-effecty
+        // behavior to not select disabled option (which no longer works)
+        for (let i = this.selectedIndex - 1; i >= 0; i--) {
+            if (!this.options[i]?.disabled) {
+                this.selectedIndex = i;
+                break;
+            }
+        }
+    }
     // Prevents parent classes from resetting selectedIndex to a positive
     // value while filtering, which can result in a disabled option being
     // selected.
@@ -494,9 +527,14 @@ export class Select extends FormAssociatedSelect {
      * @override
      * @internal
      */
-    selectedOptionsChanged(prev, next) {
-        super.selectedOptionsChanged(prev, next);
+    selectedOptionsChanged(_prev, next) {
+        // don't call super.selectedOptionsChanged so we don't filter out hidden elements
+        // when updating 'selected' state (copied relevant super implementation)
         this.options?.forEach((o, i) => {
+            const notifier = Observable.getNotifier(o);
+            notifier.unsubscribe(this, 'selected');
+            o.selected = next.includes(o);
+            notifier.subscribe(this, 'selected');
             const proxyOption = this.proxy?.options.item(i);
             if (proxyOption) {
                 proxyOption.selected = o.selected;
@@ -512,15 +550,37 @@ export class Select extends FormAssociatedSelect {
      */
     setDefaultSelectedOption() {
         const options = this.options
-            ?? Array.from(this.children).filter(o => Listbox.slottedOptionFilter(o));
-        const selectedIndex = options?.findIndex(el => el.hasAttribute('selected')
-            || el.selected
-            || el.value === this.value);
+            ?? Array.from(this.children).filter(o => isNimbleListOption(o));
+        const optionIsSelected = (option) => {
+            return option.hasAttribute('selected') || option.selected;
+        };
+        const optionIsDisabled = (option) => {
+            return option.hasAttribute('disabled') || option.disabled;
+        };
+        let selectedIndex = -1;
+        let firstValidOptionIndex = -1;
+        for (let i = 0; i < options?.length; i++) {
+            const option = options[i];
+            if (optionIsSelected(option) || option?.value === this.value) {
+                selectedIndex = i;
+            }
+            if (firstValidOptionIndex === -1 && !optionIsDisabled(option)) {
+                firstValidOptionIndex = i;
+            }
+        }
         if (selectedIndex !== -1) {
             this.selectedIndex = selectedIndex;
-            return;
         }
-        this.selectedIndex = 0;
+        else if (firstValidOptionIndex !== -1) {
+            this.selectedIndex = firstValidOptionIndex;
+        }
+        else {
+            this.selectedIndex = 0;
+        }
+        this.committedSelectedOption = options[this.selectedIndex];
+    }
+    committedSelectedOptionChanged() {
+        this.updateDisplayValue();
     }
     setPositioning() {
         if (!this.$fastController.isConnected) {
@@ -556,15 +616,24 @@ export class Select extends FormAssociatedSelect {
     filterOptions() {
         const filter = this.filter.toLowerCase();
         if (filter) {
-            this.filteredOptions = this._options.filter(option => {
-                return diacriticInsensitiveStringNormalizer(option.text).includes(diacriticInsensitiveStringNormalizer(filter));
+            this.filteredOptions = this.options.filter(option => {
+                const normalizedFilter = diacriticInsensitiveStringNormalizer(filter);
+                return (!option.hidden
+                    && diacriticInsensitiveStringNormalizer(option.text).includes(normalizedFilter));
             });
         }
         else {
-            this.filteredOptions = this._options;
+            this.filteredOptions = this.options.filter(option => !option.hidden);
         }
-        this._options.forEach(o => {
-            o.hidden = !this.filteredOptions.includes(o);
+        this.options.forEach(o => {
+            if (isNimbleListOption(o)) {
+                if (!this.filteredOptions.includes(o)) {
+                    o.visuallyHidden = true;
+                }
+                else {
+                    o.visuallyHidden = false;
+                }
+            }
         });
     }
     /**
@@ -622,7 +691,7 @@ export class Select extends FormAssociatedSelect {
             this.ariaControls = '';
             return;
         }
-        this.committedSelectedOption = this._options[this.selectedIndex];
+        this.committedSelectedOption = this.options[this.selectedIndex];
         this.ariaControls = this.listboxId;
         this.ariaExpanded = 'true';
         this.setPositioning();
@@ -633,24 +702,6 @@ export class Select extends FormAssociatedSelect {
             this.listbox.style.setProperty('--ni-private-select-max-height', `${this.maxHeight}px`);
         }
     }
-    updateSelectedIndexFromFilteredSet() {
-        const selectedItem = this.filteredOptions.length > 0
-            ? this.options[this.selectedIndex]
-                ?? this.committedSelectedOption
-            : this.committedSelectedOption;
-        if (!selectedItem) {
-            return;
-        }
-        // Clear filter so any logic resolving against 'this.options' resolves against all options,
-        // since selectedIndex should be relative to entire set.
-        this.filter = '';
-        // translate selectedIndex for filtered list to selectedIndex for all items
-        this.selectedIndex = this._options.indexOf(selectedItem);
-        // force selected to true again if the selection hasn't actually changed
-        if (selectedItem === this.committedSelectedOption) {
-            selectedItem.selected = true;
-        }
-    }
 }
 __decorate([
     attr
@@ -667,6 +718,9 @@ __decorate([
 __decorate([
     attr({ attribute: 'filter-mode' })
 ], Select.prototype, "filterMode", void 0);
+__decorate([
+    observable
+], Select.prototype, "displayPlaceholder", void 0);
 __decorate([
     attr({ attribute: 'open', mode: 'boolean' })
 ], Select.prototype, "open", void 0);
@@ -703,6 +757,9 @@ __decorate([
 __decorate([
     volatile
 ], Select.prototype, "collapsible", null);
+__decorate([
+    volatile
+], Select.prototype, "displayValue", null);
 const nimbleSelect = Select.compose({
     baseName: 'select',
     baseClass: FoundationSelect,

package/dist/esm/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Based on: https://github.com/microsoft/fast/blob/%40microsoft/fast-foundation_v2.49.5/packages/web-components/fast-foundation/src/select/select.ts\nimport {\n    attr,\n    html,\n    observable,\n    Observable,\n    volatile\n} from '@microsoft/fast-element';\nimport {\n    AnchoredRegion,\n    DesignSystem,\n    Select as FoundationSelect,\n    ListboxOption,\n    SelectOptions,\n    SelectPosition,\n    applyMixins,\n    StartEnd,\n    DelegatesARIASelect,\n    Listbox\n} from '@microsoft/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnd,\n    keyEnter,\n    keyEscape,\n    keyHome,\n    keySpace,\n    keyTab,\n    uniqueId\n} from '@microsoft/fast-web-utilities';\nimport { arrowExpanderDown16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\nimport { DropdownAppearance } from '../patterns/dropdown/types';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport type { ErrorPattern } from '../patterns/error/types';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { template } from './template';\nimport type { ListOption } from '../list-option';\nimport { FilterMode } from './types';\nimport { diacriticInsensitiveStringNormalizer } from '../utilities/models/string-normalizers';\nimport { FormAssociatedSelect } from './models/select-form-associated';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-select': Select;\n    }\n}\n\n// Used in overrides of base class methods\n// eslint-disable-next-line @typescript-eslint/no-invalid-void-type\ntype BooleanOrVoid = boolean | void;\n\n/**\n * A nimble-styled HTML select.\n */\nexport class Select extends FormAssociatedSelect implements ErrorPattern {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * Reflects the placement for the listbox when the select is open.\n     *\n     * @public\n     */\n    @attr({ attribute: 'position' })\n    public positionAttribute?: SelectPosition;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText: string | undefined;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    @attr({ attribute: 'filter-mode' })\n    public filterMode: FilterMode = FilterMode.none;\n\n    /**\n     * @internal\n     */\n    @attr({ attribute: 'open', mode: 'boolean' })\n    public open = false;\n\n    /**\n     * Holds the current state for the calculated position of the listbox.\n     *\n     * @public\n     */\n    @observable\n    public position?: SelectPosition;\n\n    /**\n     * The ref to the internal `.control` element.\n     *\n     * @internal\n     */\n    @observable\n    public control!: HTMLElement;\n\n    /**\n     * Reference to the internal listbox element.\n     *\n     * @internal\n     */\n    public listbox!: HTMLDivElement;\n\n    /**\n     * The unique id for the internal listbox element.\n     *\n     * @internal\n     */\n    public listboxId: string = uniqueId('listbox-');\n\n    /**\n     * @internal\n     */\n    @observable\n    public scrollableRegion!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public filterInput?: HTMLInputElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public anchoredRegion!: AnchoredRegion;\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public filteredOptions: ListboxOption[] = [];\n\n    /**\n     * @internal\n     */\n    @observable\n    public filter = '';\n\n    /**\n     * @internal\n     */\n    @observable\n    public committedSelectedOption: ListboxOption | undefined = undefined;\n\n    /**\n     * The max height for the listbox when opened.\n     *\n     * @internal\n     */\n    @observable\n    public maxHeight = 0;\n\n    /**\n     * The component is collapsible when in single-selection mode with no size attribute.\n     *\n     * @internal\n     */\n    @volatile\n    public get collapsible(): boolean {\n        return !(this.multiple || typeof this.size === 'number');\n    }\n\n    private _value = '';\n    private forcedPosition = false;\n    private indexWhenOpened?: number;\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.forcedPosition = !!this.positionAttribute;\n        this.initializeOpenState();\n    }\n\n    /**\n     * The list of options. This mirrors FAST's override implementation for this\n     * member for the Combobox to support a filtered list in the dropdown.\n     *\n     * @public\n     * @remarks\n     * Overrides `Listbox.options`.\n     */\n    public override get options(): ListboxOption[] {\n        Observable.track(this, 'options');\n        return this.filteredOptions?.length\n            ? this.filteredOptions\n            : (this._options as ListOption[]);\n    }\n\n    public override set options(value: ListboxOption[]) {\n        this._options = value;\n        Observable.notify(this, 'options');\n    }\n\n    public override get value(): string {\n        Observable.track(this, 'value');\n        return this._value;\n    }\n\n    public override set value(next: string) {\n        const prev = this._value;\n        let newValue = next;\n\n        // use 'options' here instead of '_options' as 'selectedIndex' may be relative\n        // to filtered set\n        if (this.options?.length) {\n            const newValueIndex = this.options.findIndex(\n                el => el.value === newValue\n            );\n            const prevSelectedValue = this.options[this.selectedIndex]?.value ?? null;\n            const nextSelectedValue = this.options[newValueIndex]?.value ?? null;\n\n            if (\n                newValueIndex === -1\n                || prevSelectedValue !== nextSelectedValue\n            ) {\n                newValue = '';\n                this.selectedIndex = newValueIndex;\n            }\n\n            newValue = this.firstSelectedOption?.value ?? newValue;\n        }\n\n        if (prev !== newValue && !(this.open && this.selectedIndex < 0)) {\n            this._value = newValue;\n            super.valueChanged(prev, newValue);\n            if (!this.open) {\n                this.committedSelectedOption = this._options.find(\n                    o => o.value === newValue\n                );\n            }\n            Observable.notify(this, 'value');\n            if (this.collapsible) {\n                Observable.notify(this, 'displayValue');\n            }\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public get displayValue(): string {\n        Observable.track(this, 'displayValue');\n        return this.committedSelectedOption?.text ?? '';\n    }\n\n    /**\n     * @internal\n     */\n    public anchoredRegionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.anchoredRegion && this.control) {\n            this.anchoredRegion.anchorElement = this.control;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public controlChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.anchoredRegion && this.control) {\n            this.anchoredRegion.anchorElement = this.control;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public override slottedOptionsChanged(\n        prev: Element[],\n        next: Element[]\n    ): void {\n        const value = this.value;\n        this._options.forEach(o => {\n            const notifier = Observable.getNotifier(o);\n            notifier.unsubscribe(this, 'value');\n        });\n\n        super.slottedOptionsChanged(prev, next);\n\n        this._options.forEach(o => {\n            const notifier = Observable.getNotifier(o);\n            notifier.subscribe(this, 'value');\n        });\n        this.setProxyOptions();\n        this.updateValue();\n        // We need to force an update to the filteredOptions observable\n        // (by calling 'filterOptions()) so that the template correctly updates.\n        this.filterOptions();\n        if (value) {\n            this.value = value;\n        }\n        this.committedSelectedOption = this.options[this.selectedIndex];\n    }\n\n    /**\n     * @internal\n     */\n    public override clickHandler(e: MouseEvent): BooleanOrVoid {\n        // do nothing if the select is disabled\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.open) {\n            const captured = (e.target as HTMLElement).closest<ListOption>(\n                'option,[role=option]'\n            );\n\n            if (!captured?.disabled) {\n                this.updateSelectedIndexFromFilteredSet();\n            }\n\n            if (captured?.disabled) {\n                return;\n            }\n        }\n\n        super.clickHandler(e);\n\n        this.open = this.collapsible && !this.open;\n\n        if (!this.open && this.indexWhenOpened !== this.selectedIndex) {\n            this.updateValue(true);\n        }\n    }\n\n    /**\n     * Updates the value when an option's value changes.\n     *\n     * @param source - the source object\n     * @param propertyName - the property to evaluate\n     *\n     * @internal\n     * @override\n     */\n    public override handleChange(source: unknown, propertyName: string): void {\n        super.handleChange(source, propertyName);\n        if (propertyName === 'value') {\n            this.updateValue();\n        }\n    }\n\n    /**\n     * Prevents focus when size is set and a scrollbar is clicked.\n     *\n     * @param e - the mouse event object\n     *\n     * @override\n     * @internal\n     */\n    public override mousedownHandler(e: MouseEvent): BooleanOrVoid {\n        if (e.offsetX >= 0 && e.offsetX <= this.listbox?.scrollWidth) {\n            return super.mousedownHandler(e);\n        }\n\n        return this.collapsible;\n    }\n\n    /**\n     * @internal\n     */\n    public regionLoadedHandler(): void {\n        this.focusAndScrollOptionIntoView();\n    }\n\n    /**\n     * Sets the multiple property on the proxy element.\n     *\n     * @param prev - the previous multiple value\n     * @param next - the current multiple value\n     */\n    public override multipleChanged(\n        prev: boolean | undefined,\n        next: boolean\n    ): void {\n        super.multipleChanged(prev, next);\n\n        if (this.proxy) {\n            this.proxy.multiple = next;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public inputClickHandler(e: MouseEvent): void {\n        e.stopPropagation(); // clicking in filter input shouldn't close dropdown\n    }\n\n    /**\n     * @internal\n     */\n    public changeValueHandler(): void {\n        this.committedSelectedOption = this.options.find(\n            option => option.selected\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public updateDisplayValue(): void {\n        if (this.collapsible) {\n            Observable.notify(this, 'displayValue');\n        }\n    }\n\n    /**\n     * Handle content changes on the control input.\n     *\n     * @param e - the input event\n     * @internal\n     */\n    public inputHandler(e: InputEvent): boolean {\n        this.filter = this.filterInput?.value ?? '';\n        if (!this.committedSelectedOption) {\n            this.committedSelectedOption = this._options.find(\n                option => option.selected\n            );\n        }\n        this.clearSelection();\n        this.filterOptions();\n\n        if (\n            this.filteredOptions.length > 0\n            && this.committedSelectedOption\n            && !this.filteredOptions.includes(this.committedSelectedOption)\n        ) {\n            const enabledOptions = this.filteredOptions.filter(\n                o => !o.disabled\n            );\n            if (enabledOptions.length > 0) {\n                enabledOptions[0]!.selected = true;\n            } else {\n                // only filtered option is disabled\n                this.selectedOptions = [];\n                this.selectedIndex = -1;\n            }\n        } else if (this.committedSelectedOption) {\n            this.committedSelectedOption.selected = true;\n        }\n\n        if (e.inputType.includes('deleteContent') || !this.filter.length) {\n            return true;\n        }\n\n        e.stopPropagation();\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public override focusoutHandler(e: FocusEvent): BooleanOrVoid {\n        this.updateSelectedIndexFromFilteredSet();\n        super.focusoutHandler(e);\n        if (!this.open) {\n            return true;\n        }\n\n        const focusTarget = e.relatedTarget as HTMLElement;\n        if (this.isSameNode(focusTarget)) {\n            this.focus();\n            return true;\n        }\n\n        if (!this.options?.includes(focusTarget as ListboxOption)) {\n            this.open = false;\n            if (this.indexWhenOpened !== this.selectedIndex) {\n                this.updateValue(true);\n            }\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public override keydownHandler(e: KeyboardEvent): BooleanOrVoid {\n        super.keydownHandler(e);\n        const key = e.key;\n        if (e.ctrlKey || e.shiftKey) {\n            return true;\n        }\n\n        switch (key) {\n            case keySpace: {\n                // when dropdown is open allow user to enter a space for filter text\n                if (this.open && this.filterMode !== FilterMode.none) {\n                    break;\n                }\n\n                e.preventDefault();\n                if (this.collapsible && this.typeAheadExpired) {\n                    this.open = !this.open;\n                }\n                if (!this.open) {\n                    this.focus();\n                }\n                break;\n            }\n            case keyHome:\n            case keyEnd: {\n                e.preventDefault();\n                break;\n            }\n            case keyEnter: {\n                e.preventDefault();\n                if (\n                    this.filteredOptions.length === 0\n                    || this.filteredOptions.every(o => o.disabled)\n                ) {\n                    return false;\n                }\n                this.updateSelectedIndexFromFilteredSet();\n                this.open = !this.open;\n                if (!this.open) {\n                    this.focus();\n                }\n                break;\n            }\n            case keyEscape: {\n                // clear filter as update to \"selectedIndex\" will result in processing\n                // \"options\" and not \"_options\"\n                this.filter = '';\n                if (this.committedSelectedOption) {\n                    this.clearSelection();\n                    this.selectedIndex = this._options.indexOf(\n                        this.committedSelectedOption\n                    );\n                }\n                if (this.collapsible && this.open) {\n                    e.preventDefault();\n                    this.open = false;\n                }\n                // reset 'selected' state otherwise the selected state doesn't stick.\n                const selectedOption = this._options[this.selectedIndex];\n                if (selectedOption) {\n                    selectedOption.selected = true;\n                }\n                this.focus();\n                break;\n            }\n            case keyTab: {\n                if (this.collapsible && this.open) {\n                    e.preventDefault();\n                    this.open = false;\n                }\n\n                return true;\n            }\n\n            default: {\n                break;\n            }\n        }\n\n        if (!this.open && this.indexWhenOpened !== this.selectedIndex) {\n            this.updateValue(true);\n            this.indexWhenOpened = this.selectedIndex;\n        }\n\n        return !(key === keyArrowDown || key === keyArrowUp);\n    }\n\n    /**\n     * Updates the proxy value when the selected index changes.\n     *\n     * @param prev - the previous selected index\n     * @param next - the next selected index\n     *\n     * @internal\n     */\n    public override selectedIndexChanged(\n        prev: number | undefined,\n        next: number\n    ): void {\n        super.selectedIndexChanged(prev, next);\n        this.updateValue();\n    }\n\n    /**\n     * Synchronize the `aria-disabled` property when the `disabled` property changes.\n     *\n     * @param prev - The previous disabled value\n     * @param next - The next disabled value\n     *\n     * @internal\n     */\n    public override disabledChanged(prev: boolean, next: boolean): void {\n        if (super.disabledChanged) {\n            super.disabledChanged(prev, next);\n        }\n        this.ariaDisabled = this.disabled ? 'true' : 'false';\n    }\n\n    /**\n     * Reset the element to its first selectable option when its parent form is reset.\n     *\n     * @internal\n     */\n    public override formResetCallback(): void {\n        this.setProxyOptions();\n        // Call the base class's implementation setDefaultSelectedOption instead of the select's\n        // override, in order to reset the selectedIndex without using the value property.\n        super.setDefaultSelectedOption();\n        if (this.selectedIndex === -1) {\n            this.selectedIndex = 0;\n        }\n    }\n\n    // Prevents parent classes from resetting selectedIndex to a positive\n    // value while filtering, which can result in a disabled option being\n    // selected.\n    protected override setSelectedOptions(): void {\n        if (this.open && this.selectedIndex === -1) {\n            return;\n        }\n\n        super.setSelectedOptions();\n    }\n\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            super.focusAndScrollOptionIntoView();\n            window.requestAnimationFrame(() => {\n                this.filterInput?.focus();\n            });\n        }\n    }\n\n    protected positionChanged(\n        _: SelectPosition | undefined,\n        next: SelectPosition | undefined\n    ): void {\n        this.positionAttribute = next;\n        this.setPositioning();\n    }\n\n    /**\n     * Updates the proxy's size property when the size attribute changes.\n     *\n     * @param prev - the previous size\n     * @param next - the current size\n     *\n     * @override\n     * @internal\n     */\n    protected override sizeChanged(\n        prev: number | undefined,\n        next: number\n    ): void {\n        super.sizeChanged(prev, next);\n\n        if (this.proxy) {\n            this.proxy.size = next;\n        }\n    }\n\n    protected openChanged(): void {\n        if (!this.collapsible) {\n            return;\n        }\n\n        if (this.open) {\n            this.initializeOpenState();\n            this.indexWhenOpened = this.selectedIndex;\n\n            return;\n        }\n\n        this.filter = '';\n        if (this.filterInput) {\n            this.filterInput.value = '';\n        }\n\n        this.ariaControls = '';\n        this.ariaExpanded = 'false';\n    }\n\n    /**\n     * Updates the selectedness of each option when the list of selected options changes.\n     *\n     * @param prev - the previous list of selected options\n     * @param next - the current list of selected options\n     *\n     * @override\n     * @internal\n     */\n    protected override selectedOptionsChanged(\n        prev: ListboxOption[] | undefined,\n        next: ListboxOption[]\n    ): void {\n        super.selectedOptionsChanged(prev, next);\n        this.options?.forEach((o, i) => {\n            const proxyOption = this.proxy?.options.item(i);\n            if (proxyOption) {\n                proxyOption.selected = o.selected;\n            }\n        });\n    }\n\n    /**\n     * Sets the selected index to match the first option with the selected attribute, or\n     * the first selectable option.\n     *\n     * @override\n     * @internal\n     */\n    protected override setDefaultSelectedOption(): void {\n        const options: ListboxOption[] = this.options\n            ?? Array.from(this.children).filter(o => Listbox.slottedOptionFilter(o as HTMLElement));\n\n        const selectedIndex = options?.findIndex(\n            el => el.hasAttribute('selected')\n                || el.selected\n                || el.value === this.value\n        );\n\n        if (selectedIndex !== -1) {\n            this.selectedIndex = selectedIndex;\n            return;\n        }\n\n        this.selectedIndex = 0;\n    }\n\n    private setPositioning(): void {\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        const currentBox = this.getBoundingClientRect();\n        const viewportHeight = window.innerHeight;\n        const availableBottom = viewportHeight - currentBox.bottom;\n\n        if (this.forcedPosition) {\n            this.position = this.positionAttribute;\n        } else if (currentBox.top > availableBottom) {\n            this.position = SelectPosition.above;\n        } else {\n            this.position = SelectPosition.below;\n        }\n\n        this.positionAttribute = this.forcedPosition\n            ? this.positionAttribute\n            : this.position;\n\n        this.maxHeight = this.position === SelectPosition.above\n            ? Math.trunc(currentBox.top)\n            : Math.trunc(availableBottom);\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    /**\n     * Filter available options by text value.\n     *\n     * @public\n     */\n    private filterOptions(): void {\n        const filter = this.filter.toLowerCase();\n\n        if (filter) {\n            this.filteredOptions = this._options.filter(option => {\n                return diacriticInsensitiveStringNormalizer(\n                    option.text\n                ).includes(diacriticInsensitiveStringNormalizer(filter));\n            });\n        } else {\n            this.filteredOptions = this._options;\n        }\n\n        this._options.forEach(o => {\n            o.hidden = !this.filteredOptions.includes(o);\n        });\n    }\n\n    /**\n     * Sets the value and display value to match the first selected option.\n     *\n     * @param shouldEmit - if true, the input and change events will be emitted\n     *\n     * @internal\n     */\n    private updateValue(shouldEmit?: boolean): void {\n        if (this.$fastController.isConnected) {\n            this.value = this.firstSelectedOption?.value ?? '';\n        }\n\n        if (shouldEmit) {\n            this.$emit('input');\n            this.$emit('change', this, {\n                bubbles: true,\n                composed: undefined\n            });\n        }\n    }\n\n    /**\n     * Resets and fills the proxy to match the component's options.\n     *\n     * @internal\n     */\n    private setProxyOptions(): void {\n        if (this.proxy instanceof HTMLSelectElement && this.options) {\n            this.proxy.options.length = 0;\n            this.options.forEach(option => {\n                const proxyOption = option.proxy\n                    || (option instanceof HTMLOptionElement\n                        ? option.cloneNode()\n                        : null);\n\n                if (proxyOption) {\n                    this.proxy.options.add(proxyOption);\n                }\n            });\n        }\n    }\n\n    private clearSelection(): void {\n        this.options.forEach(option => {\n            option.selected = false;\n        });\n    }\n\n    private filterChanged(): void {\n        this.filterOptions();\n    }\n\n    private maxHeightChanged(): void {\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    private initializeOpenState(): void {\n        if (!this.open) {\n            this.ariaExpanded = 'false';\n            this.ariaControls = '';\n            return;\n        }\n\n        this.committedSelectedOption = this._options[this.selectedIndex];\n        this.ariaControls = this.listboxId;\n        this.ariaExpanded = 'true';\n\n        this.setPositioning();\n        this.focusAndScrollOptionIntoView();\n    }\n\n    private updateListboxMaxHeightCssVariable(): void {\n        if (this.listbox) {\n            this.listbox.style.setProperty(\n                '--ni-private-select-max-height',\n                `${this.maxHeight}px`\n            );\n        }\n    }\n\n    private updateSelectedIndexFromFilteredSet(): void {\n        const selectedItem = this.filteredOptions.length > 0\n            ? this.options[this.selectedIndex]\n                  ?? this.committedSelectedOption\n            : this.committedSelectedOption;\n\n        if (!selectedItem) {\n            return;\n        }\n        // Clear filter so any logic resolving against 'this.options' resolves against all options,\n        // since selectedIndex should be relative to entire set.\n        this.filter = '';\n        // translate selectedIndex for filtered list to selectedIndex for all items\n        this.selectedIndex = this._options.indexOf(selectedItem);\n        // force selected to true again if the selection hasn't actually changed\n        if (selectedItem === this.committedSelectedOption) {\n            selectedItem.selected = true;\n        }\n    }\n}\n\nconst nimbleSelect = Select.compose<SelectOptions>({\n    baseName: 'select',\n    baseClass: FoundationSelect,\n    template,\n    styles,\n    indicator: arrowExpanderDown16X16.data,\n    end: html<Select>`\n        <${iconExclamationMarkTag}\n            severity=\"error\"\n            class=\"error-icon\"\n        ></${iconExclamationMarkTag}>\n        ${errorTextTemplate}\n    `\n});\n\napplyMixins(Select, StartEnd, DelegatesARIASelect);\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSelect());\nexport const selectTag = 'nimble-select';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Based on: https://github.com/microsoft/fast/blob/%40microsoft/fast-foundation_v2.49.5/packages/web-components/fast-foundation/src/select/select.ts\nimport {\n    attr,\n    html,\n    observable,\n    Observable,\n    volatile\n} from '@microsoft/fast-element';\nimport {\n    AnchoredRegion,\n    DesignSystem,\n    Select as FoundationSelect,\n    ListboxOption,\n    SelectOptions,\n    SelectPosition,\n    applyMixins,\n    StartEnd,\n    DelegatesARIASelect\n} from '@microsoft/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnd,\n    keyEnter,\n    keyEscape,\n    keyHome,\n    keySpace,\n    keyTab,\n    uniqueId\n} from '@microsoft/fast-web-utilities';\nimport { arrowExpanderDown16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { styles } from './styles';\nimport { DropdownAppearance } from '../patterns/dropdown/types';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport type { ErrorPattern } from '../patterns/error/types';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { template } from './template';\nimport { ListOption } from '../list-option';\nimport { FilterMode } from './types';\nimport { diacriticInsensitiveStringNormalizer } from '../utilities/models/string-normalizers';\nimport { FormAssociatedSelect } from './models/select-form-associated';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-select': Select;\n    }\n}\n\n// Used in overrides of base class methods\n// eslint-disable-next-line @typescript-eslint/no-invalid-void-type\ntype BooleanOrVoid = boolean | void;\n\nconst isNimbleListOption = (el: Element): el is ListOption => {\n    return el instanceof ListOption;\n};\n\n/**\n * A nimble-styled HTML select.\n */\nexport class Select extends FormAssociatedSelect implements ErrorPattern {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * Reflects the placement for the listbox when the select is open.\n     *\n     * @public\n     */\n    @attr({ attribute: 'position' })\n    public positionAttribute?: SelectPosition;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText: string | undefined;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    @attr({ attribute: 'filter-mode' })\n    public filterMode: FilterMode = FilterMode.none;\n\n    /**\n     * @internal\n     */\n    @observable\n    public displayPlaceholder = false;\n\n    /**\n     * @internal\n     */\n    @attr({ attribute: 'open', mode: 'boolean' })\n    public open = false;\n\n    /**\n     * Holds the current state for the calculated position of the listbox.\n     *\n     * @public\n     */\n    @observable\n    public position?: SelectPosition;\n\n    /**\n     * The ref to the internal `.control` element.\n     *\n     * @internal\n     */\n    @observable\n    public control!: HTMLElement;\n\n    /**\n     * Reference to the internal listbox element.\n     *\n     * @internal\n     */\n    public listbox!: HTMLDivElement;\n\n    /**\n     * The unique id for the internal listbox element.\n     *\n     * @internal\n     */\n    public listboxId: string = uniqueId('listbox-');\n\n    /**\n     * @internal\n     */\n    @observable\n    public scrollableRegion!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public filterInput?: HTMLInputElement;\n\n    /**\n     * @internal\n     */\n    @observable\n    public anchoredRegion!: AnchoredRegion;\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public filteredOptions: ListboxOption[] = [];\n\n    /**\n     * @internal\n     */\n    @observable\n    public filter = '';\n\n    /**\n     * @internal\n     */\n    @observable\n    public committedSelectedOption?: ListboxOption;\n\n    /**\n     * The max height for the listbox when opened.\n     *\n     * @internal\n     */\n    @observable\n    public maxHeight = 0;\n\n    /**\n     * The component is collapsible when in single-selection mode with no size attribute.\n     *\n     * @internal\n     */\n    @volatile\n    public get collapsible(): boolean {\n        return !(this.multiple || typeof this.size === 'number');\n    }\n\n    private _value = '';\n    private forcedPosition = false;\n    private indexWhenOpened?: number;\n\n    /**\n     * @internal\n     */\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.forcedPosition = !!this.positionAttribute;\n        this.initializeOpenState();\n    }\n\n    public override get value(): string {\n        Observable.track(this, 'value');\n        return this._value;\n    }\n\n    public override set value(next: string) {\n        const prev = this._value;\n        let newValue = next;\n\n        if (this.options?.length) {\n            const newValueIndex = this.options.findIndex(\n                el => el.value === newValue\n            );\n            const prevSelectedValue = this.options[this.selectedIndex]?.value ?? null;\n            const nextSelectedValue = this.options[newValueIndex]?.value ?? null;\n\n            if (\n                newValueIndex === -1\n                || prevSelectedValue !== nextSelectedValue\n            ) {\n                newValue = '';\n                this.selectedIndex = newValueIndex;\n            }\n\n            newValue = this.firstSelectedOption?.value ?? newValue;\n        }\n\n        if (prev !== newValue && !(this.open && this.selectedIndex < 0)) {\n            this._value = newValue;\n            super.valueChanged(prev, newValue);\n            if (!this.open) {\n                this.committedSelectedOption = this.options.find(\n                    o => o.value === newValue\n                );\n            }\n            Observable.notify(this, 'value');\n            if (this.collapsible) {\n                Observable.notify(this, 'displayValue');\n            }\n        }\n    }\n\n    /**\n     * @internal\n     */\n    @volatile\n    public get displayValue(): string {\n        Observable.track(this, 'displayValue');\n        return this.committedSelectedOption?.text ?? '';\n    }\n\n    /**\n     * @internal\n     */\n    public anchoredRegionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.anchoredRegion && this.control) {\n            this.anchoredRegion.anchorElement = this.control;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public controlChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.anchoredRegion && this.control) {\n            this.anchoredRegion.anchorElement = this.control;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public override slottedOptionsChanged(\n        prev: Element[],\n        next: Element[]\n    ): void {\n        const value = this.value;\n        this.options.forEach(o => {\n            const notifier = Observable.getNotifier(o);\n            notifier.unsubscribe(this, 'value');\n            notifier.unsubscribe(this, 'hidden');\n            notifier.unsubscribe(this, 'disabled');\n        });\n\n        super.slottedOptionsChanged(prev, next);\n\n        this.options.forEach(o => {\n            const notifier = Observable.getNotifier(o);\n            notifier.subscribe(this, 'value');\n            notifier.subscribe(this, 'hidden');\n            notifier.subscribe(this, 'disabled');\n        });\n        this.setProxyOptions();\n        this.updateValue();\n        // We need to force an update to the filteredOptions observable\n        // (by calling 'filterOptions()) so that the template correctly updates.\n        this.filterOptions();\n        if (value) {\n            this.value = value;\n        }\n        this.committedSelectedOption = this.options[this.selectedIndex];\n    }\n\n    /**\n     * @internal\n     */\n    public override clickHandler(e: MouseEvent): BooleanOrVoid {\n        // do nothing if the select is disabled\n        if (this.disabled) {\n            return;\n        }\n\n        if (this.open) {\n            const captured = (e.target as HTMLElement).closest<ListOption>(\n                'option,[role=option]'\n            );\n\n            if (captured?.disabled) {\n                return;\n            }\n        }\n\n        super.clickHandler(e);\n\n        this.open = this.collapsible && !this.open;\n\n        if (!this.open && this.indexWhenOpened !== this.selectedIndex) {\n            this.updateValue(true);\n        }\n    }\n\n    /**\n     * Updates the value when an option's value changes.\n     *\n     * @param source - the source object\n     * @param propertyName - the property to evaluate\n     *\n     * @internal\n     * @override\n     */\n    public override handleChange(source: unknown, propertyName: string): void {\n        // don't call super.handleChange so hidden options can be selected programmatically\n        const sourceElement = source as Element;\n        switch (propertyName) {\n            case 'value': {\n                this.updateValue();\n                break;\n            }\n            case 'selected': {\n                if (isNimbleListOption(sourceElement)) {\n                    this.selectedIndex = this.options.indexOf(sourceElement);\n                }\n                this.setSelectedOptions();\n                this.updateDisplayValue();\n                break;\n            }\n            case 'hidden': {\n                if (isNimbleListOption(sourceElement)) {\n                    sourceElement.visuallyHidden = sourceElement.hidden;\n                }\n                this.updateDisplayValue();\n                break;\n            }\n            case 'disabled': {\n                this.updateDisplayValue();\n                break;\n            }\n            default:\n                break;\n        }\n    }\n\n    /**\n     * Prevents focus when size is set and a scrollbar is clicked.\n     *\n     * @param e - the mouse event object\n     *\n     * @override\n     * @internal\n     */\n    public override mousedownHandler(e: MouseEvent): BooleanOrVoid {\n        if (e.offsetX >= 0 && e.offsetX <= this.listbox?.scrollWidth) {\n            return super.mousedownHandler(e);\n        }\n\n        return this.collapsible;\n    }\n\n    /**\n     * @internal\n     */\n    public regionLoadedHandler(): void {\n        this.focusAndScrollOptionIntoView();\n    }\n\n    /**\n     * Sets the multiple property on the proxy element.\n     *\n     * @param prev - the previous multiple value\n     * @param next - the current multiple value\n     */\n    public override multipleChanged(\n        prev: boolean | undefined,\n        next: boolean\n    ): void {\n        super.multipleChanged(prev, next);\n\n        if (this.proxy) {\n            this.proxy.multiple = next;\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public inputClickHandler(e: MouseEvent): void {\n        e.stopPropagation(); // clicking in filter input shouldn't close dropdown\n    }\n\n    /**\n     * @internal\n     */\n    public changeValueHandler(): void {\n        this.committedSelectedOption = this.options.find(\n            option => option.selected\n        );\n    }\n\n    /**\n     * @internal\n     */\n    public updateDisplayValue(): void {\n        if (\n            this.committedSelectedOption?.disabled\n            && this.committedSelectedOption?.hidden\n            && this.committedSelectedOption?.selected\n        ) {\n            this.displayPlaceholder = true;\n        } else {\n            this.displayPlaceholder = false;\n        }\n\n        if (this.collapsible) {\n            Observable.notify(this, 'displayValue');\n        }\n    }\n\n    /**\n     * Handle content changes on the control input.\n     *\n     * @param e - the input event\n     * @internal\n     */\n    public inputHandler(e: InputEvent): boolean {\n        this.filter = this.filterInput?.value ?? '';\n        this.clearSelection();\n        this.filterOptions();\n\n        if (this.filteredOptions.length > 0) {\n            const enabledOptions = this.filteredOptions.filter(\n                o => !o.disabled\n            );\n            if (enabledOptions.length > 0) {\n                enabledOptions[0]!.selected = true;\n            } else {\n                // only filtered option is disabled\n                this.selectedOptions = [];\n                this.selectedIndex = -1;\n            }\n        } else if (this.committedSelectedOption) {\n            this.committedSelectedOption.selected = true;\n        }\n\n        if (e.inputType.includes('deleteContent') || !this.filter.length) {\n            return true;\n        }\n\n        e.stopPropagation();\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public override focusoutHandler(e: FocusEvent): BooleanOrVoid {\n        super.focusoutHandler(e);\n        if (!this.open) {\n            return true;\n        }\n\n        const focusTarget = e.relatedTarget as HTMLElement;\n        if (this.isSameNode(focusTarget)) {\n            this.focus();\n            return true;\n        }\n\n        if (!this.options?.includes(focusTarget as ListboxOption)) {\n            this.open = false;\n            if (this.selectedIndex === -1) {\n                this.selectedIndex = this.indexWhenOpened!;\n            }\n\n            if (this.indexWhenOpened !== this.selectedIndex) {\n                this.updateValue(true);\n            }\n        }\n        return true;\n    }\n\n    /**\n     * @internal\n     */\n    public override keydownHandler(e: KeyboardEvent): BooleanOrVoid {\n        super.keydownHandler(e);\n        const key = e.key;\n        if (e.ctrlKey || e.shiftKey) {\n            return true;\n        }\n\n        switch (key) {\n            case keySpace: {\n                // when dropdown is open allow user to enter a space for filter text\n                if (this.open && this.filterMode !== FilterMode.none) {\n                    break;\n                }\n\n                e.preventDefault();\n                if (this.collapsible && this.typeAheadExpired) {\n                    this.open = !this.open;\n                }\n                if (!this.open) {\n                    this.focus();\n                }\n                break;\n            }\n            case keyHome:\n            case keyEnd: {\n                e.preventDefault();\n                break;\n            }\n            case keyEnter: {\n                e.preventDefault();\n                if (\n                    this.filteredOptions.length === 0\n                    || this.filteredOptions.every(o => o.disabled)\n                ) {\n                    return false;\n                }\n                this.open = !this.open;\n                if (!this.open) {\n                    this.focus();\n                }\n                break;\n            }\n            case keyEscape: {\n                if (!this.open) {\n                    break;\n                }\n                if (this.collapsible && this.open) {\n                    e.preventDefault();\n                    this.open = false;\n                }\n\n                if (this.selectedIndex !== this.indexWhenOpened!) {\n                    this.options[this.selectedIndex]!.selected = false;\n                    this.selectedIndex = this.indexWhenOpened!;\n                }\n                this.focus();\n                break;\n            }\n            case keyTab: {\n                if (this.collapsible && this.open) {\n                    e.preventDefault();\n                    this.open = false;\n                }\n\n                return true;\n            }\n\n            default: {\n                break;\n            }\n        }\n\n        if (!this.open && this.indexWhenOpened !== this.selectedIndex) {\n            this.updateValue(true);\n            this.indexWhenOpened = this.selectedIndex;\n        }\n\n        return !(key === keyArrowDown || key === keyArrowUp);\n    }\n\n    /**\n     * Updates the proxy value when the selected index changes.\n     *\n     * @param prev - the previous selected index\n     * @param next - the next selected index\n     *\n     * @internal\n     */\n    public override selectedIndexChanged(\n        _: number | undefined,\n        __: number\n    ): void {\n        // Don't call super.selectedIndexChanged as this will disallow disabled options\n        // from being valid initial selected values. Our setDefaultSelectedOption\n        // implementation handles skipping non-selected disabled options for the initial\n        // selected value.\n        this.setSelectedOptions();\n        this.updateValue();\n    }\n\n    /**\n     * Synchronize the `aria-disabled` property when the `disabled` property changes.\n     *\n     * @param prev - The previous disabled value\n     * @param next - The next disabled value\n     *\n     * @internal\n     */\n    public override disabledChanged(prev: boolean, next: boolean): void {\n        if (super.disabledChanged) {\n            super.disabledChanged(prev, next);\n        }\n        this.ariaDisabled = this.disabled ? 'true' : 'false';\n    }\n\n    /**\n     * Reset the element to its first selectable option when its parent form is reset.\n     *\n     * @internal\n     */\n    public override formResetCallback(): void {\n        this.setProxyOptions();\n        // Call the base class's implementation setDefaultSelectedOption instead of the select's\n        // override, in order to reset the selectedIndex without using the value property.\n        super.setDefaultSelectedOption();\n        if (this.selectedIndex === -1) {\n            this.selectedIndex = 0;\n        }\n    }\n\n    public override selectNextOption(): void {\n        // don't call super.selectNextOption as that relies on side-effecty\n        // behavior to not select disabled option (which no longer works)\n        for (let i = this.selectedIndex + 1; i < this.options.length; i++) {\n            if (!this.options[i]?.disabled) {\n                this.selectedIndex = i;\n                break;\n            }\n        }\n    }\n\n    public override selectPreviousOption(): void {\n        // don't call super.selectPreviousOption as that relies on side-effecty\n        // behavior to not select disabled option (which no longer works)\n        for (let i = this.selectedIndex - 1; i >= 0; i--) {\n            if (!this.options[i]?.disabled) {\n                this.selectedIndex = i;\n                break;\n            }\n        }\n    }\n\n    // Prevents parent classes from resetting selectedIndex to a positive\n    // value while filtering, which can result in a disabled option being\n    // selected.\n    protected override setSelectedOptions(): void {\n        if (this.open && this.selectedIndex === -1) {\n            return;\n        }\n\n        super.setSelectedOptions();\n    }\n\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            super.focusAndScrollOptionIntoView();\n            window.requestAnimationFrame(() => {\n                this.filterInput?.focus();\n            });\n        }\n    }\n\n    protected positionChanged(\n        _: SelectPosition | undefined,\n        next: SelectPosition | undefined\n    ): void {\n        this.positionAttribute = next;\n        this.setPositioning();\n    }\n\n    /**\n     * Updates the proxy's size property when the size attribute changes.\n     *\n     * @param prev - the previous size\n     * @param next - the current size\n     *\n     * @override\n     * @internal\n     */\n    protected override sizeChanged(\n        prev: number | undefined,\n        next: number\n    ): void {\n        super.sizeChanged(prev, next);\n\n        if (this.proxy) {\n            this.proxy.size = next;\n        }\n    }\n\n    protected openChanged(): void {\n        if (!this.collapsible) {\n            return;\n        }\n\n        if (this.open) {\n            this.initializeOpenState();\n            this.indexWhenOpened = this.selectedIndex;\n\n            return;\n        }\n\n        this.filter = '';\n        if (this.filterInput) {\n            this.filterInput.value = '';\n        }\n\n        this.ariaControls = '';\n        this.ariaExpanded = 'false';\n    }\n\n    /**\n     * Updates the selectedness of each option when the list of selected options changes.\n     *\n     * @param prev - the previous list of selected options\n     * @param next - the current list of selected options\n     *\n     * @override\n     * @internal\n     */\n    protected override selectedOptionsChanged(\n        _prev: ListboxOption[] | undefined,\n        next: ListboxOption[]\n    ): void {\n        // don't call super.selectedOptionsChanged so we don't filter out hidden elements\n        // when updating 'selected' state (copied relevant super implementation)\n        this.options?.forEach((o, i) => {\n            const notifier = Observable.getNotifier(o);\n            notifier.unsubscribe(this, 'selected');\n            o.selected = next.includes(o);\n            notifier.subscribe(this, 'selected');\n            const proxyOption = this.proxy?.options.item(i);\n            if (proxyOption) {\n                proxyOption.selected = o.selected;\n            }\n        });\n    }\n\n    /**\n     * Sets the selected index to match the first option with the selected attribute, or\n     * the first selectable option.\n     *\n     * @override\n     * @internal\n     */\n    protected override setDefaultSelectedOption(): void {\n        const options: ListboxOption[] = this.options\n            ?? Array.from(this.children).filter(o => isNimbleListOption(o));\n\n        const optionIsSelected = (option: ListboxOption): boolean => {\n            return option.hasAttribute('selected') || option.selected;\n        };\n        const optionIsDisabled = (option: ListboxOption): boolean => {\n            return option.hasAttribute('disabled') || option.disabled;\n        };\n        let selectedIndex = -1;\n        let firstValidOptionIndex = -1;\n        for (let i = 0; i < options?.length; i++) {\n            const option = options[i];\n            if (optionIsSelected(option!) || option?.value === this.value) {\n                selectedIndex = i;\n            }\n            if (firstValidOptionIndex === -1 && !optionIsDisabled(option!)) {\n                firstValidOptionIndex = i;\n            }\n        }\n\n        if (selectedIndex !== -1) {\n            this.selectedIndex = selectedIndex;\n        } else if (firstValidOptionIndex !== -1) {\n            this.selectedIndex = firstValidOptionIndex;\n        } else {\n            this.selectedIndex = 0;\n        }\n        this.committedSelectedOption = options[this.selectedIndex];\n    }\n\n    private committedSelectedOptionChanged(): void {\n        this.updateDisplayValue();\n    }\n\n    private setPositioning(): void {\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        const currentBox = this.getBoundingClientRect();\n        const viewportHeight = window.innerHeight;\n        const availableBottom = viewportHeight - currentBox.bottom;\n\n        if (this.forcedPosition) {\n            this.position = this.positionAttribute;\n        } else if (currentBox.top > availableBottom) {\n            this.position = SelectPosition.above;\n        } else {\n            this.position = SelectPosition.below;\n        }\n\n        this.positionAttribute = this.forcedPosition\n            ? this.positionAttribute\n            : this.position;\n\n        this.maxHeight = this.position === SelectPosition.above\n            ? Math.trunc(currentBox.top)\n            : Math.trunc(availableBottom);\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    /**\n     * Filter available options by text value.\n     *\n     * @public\n     */\n    private filterOptions(): void {\n        const filter = this.filter.toLowerCase();\n\n        if (filter) {\n            this.filteredOptions = this.options.filter(option => {\n                const normalizedFilter = diacriticInsensitiveStringNormalizer(filter);\n                return (\n                    !option.hidden\n                    && diacriticInsensitiveStringNormalizer(option.text).includes(\n                        normalizedFilter\n                    )\n                );\n            });\n        } else {\n            this.filteredOptions = this.options.filter(\n                option => !option.hidden\n            );\n        }\n\n        this.options.forEach(o => {\n            if (isNimbleListOption(o)) {\n                if (!this.filteredOptions.includes(o)) {\n                    o.visuallyHidden = true;\n                } else {\n                    o.visuallyHidden = false;\n                }\n            }\n        });\n    }\n\n    /**\n     * Sets the value and display value to match the first selected option.\n     *\n     * @param shouldEmit - if true, the input and change events will be emitted\n     *\n     * @internal\n     */\n    private updateValue(shouldEmit?: boolean): void {\n        if (this.$fastController.isConnected) {\n            this.value = this.firstSelectedOption?.value ?? '';\n        }\n\n        if (shouldEmit) {\n            this.$emit('input');\n            this.$emit('change', this, {\n                bubbles: true,\n                composed: undefined\n            });\n        }\n    }\n\n    /**\n     * Resets and fills the proxy to match the component's options.\n     *\n     * @internal\n     */\n    private setProxyOptions(): void {\n        if (this.proxy instanceof HTMLSelectElement && this.options) {\n            this.proxy.options.length = 0;\n            this.options.forEach(option => {\n                const proxyOption = option.proxy\n                    || (option instanceof HTMLOptionElement\n                        ? option.cloneNode()\n                        : null);\n\n                if (proxyOption) {\n                    this.proxy.options.add(proxyOption);\n                }\n            });\n        }\n    }\n\n    private clearSelection(): void {\n        this.options.forEach(option => {\n            option.selected = false;\n        });\n    }\n\n    private filterChanged(): void {\n        this.filterOptions();\n    }\n\n    private maxHeightChanged(): void {\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    private initializeOpenState(): void {\n        if (!this.open) {\n            this.ariaExpanded = 'false';\n            this.ariaControls = '';\n            return;\n        }\n\n        this.committedSelectedOption = this.options[this.selectedIndex];\n        this.ariaControls = this.listboxId;\n        this.ariaExpanded = 'true';\n\n        this.setPositioning();\n        this.focusAndScrollOptionIntoView();\n    }\n\n    private updateListboxMaxHeightCssVariable(): void {\n        if (this.listbox) {\n            this.listbox.style.setProperty(\n                '--ni-private-select-max-height',\n                `${this.maxHeight}px`\n            );\n        }\n    }\n}\n\nconst nimbleSelect = Select.compose<SelectOptions>({\n    baseName: 'select',\n    baseClass: FoundationSelect,\n    template,\n    styles,\n    indicator: arrowExpanderDown16X16.data,\n    end: html<Select>`\n        <${iconExclamationMarkTag}\n            severity=\"error\"\n            class=\"error-icon\"\n        ></${iconExclamationMarkTag}>\n        ${errorTextTemplate}\n    `\n});\n\napplyMixins(Select, StartEnd, DelegatesARIASelect);\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSelect());\nexport const selectTag = 'nimble-select';\n"]}

package/dist/esm/select/styles.js

@@ -16,7 +16,12 @@ export const styles = css `
     ${
 /* We are using flex `order` to define the visual ordering of the selected value,
  error icon, and dropdown arrow because they are not "interactive" i.e. part of the tab order */ ''}
-    [part='selected-value'] {
+
+    .selected-value.placeholder {
+        color: ${placeholderFontColor};
+    }
+
+    .selected-value {
         order: 1;
     }