@aquera/nile-elements 0.0.1-beta.7 → 0.0.1-beta.9

package/dist/nile-select/nile-select.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-select.cjs.js","sources":["../../../src/nile-select/nile-select.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-select.css';\n\nimport '../nile-icon';\nimport '../nile-popup/nile-popup';\nimport '../nile-tag/nile-tag';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport {\n  getAnimation,\n  setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { scrollIntoView } from '../internal/scroll';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport type NileOption from '../nile-option/nile-option';\nimport type NilePopup from '../nile-popup/nile-popup';\n\ntype NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;\n\n/**\n * Nile icon component.\n *\n * @tag nile-select\n *\n */\n\n/**\n * @summary Selects allow you to choose items from a menu of predefined options.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n * @dependency nile-popup\n * @dependency nile-tag\n *\n * @slot - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event nile-change - Emitted when the control's value changes.\n * @event nile-clear - Emitted when the control's value is cleared.\n * @event nile-input - Emitted when the control receives input.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-blur - Emitted when the control loses focus.\n * @event nile-show - Emitted when the select's menu opens.\n * @event nile-after-show - Emitted after the select's menu opens and all animations are complete.\n * @event nile-hide - Emitted when the select's menu closes.\n * @event nile-after-hide - Emitted after the select's menu closes and all animations are complete.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The select's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart display-input - The element that displays the selected option's label, an `<input>` element.\n * @csspart listbox - The listbox container where options are slotted.\n * @csspart tags - The container that houses option tags when `multiselect` is used.\n * @csspart tag - The individual tags that represent each multiselect option.\n * @csspart tag__base - The tag's base part.\n * @csspart tag__content - The tag's content part.\n * @csspart tag__remove-button - The tag's remove button.\n * @csspart tag__remove-button__base - The tag's remove button base part.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n */\n\n@customElement('nile-select')\nexport class NileSelect extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['nile-blur', 'nile-input'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n  private typeToSelectString = '';\n  private typeToSelectTimeout: number;\n\n  @query('.select') popup: NilePopup;\n  @query('.select__combobox') combobox: HTMLSlotElement;\n  @query('.select__display-input') displayInput: HTMLInputElement;\n  @query('.select__value-input') valueInput: HTMLInputElement;\n  @query('.select__listbox') listbox: HTMLSlotElement;\n\n  @state() private hasFocus = false;\n  @state() displayLabel = '';\n  @state() currentOption: NileOption;\n  @state() selectedOptions: NileOption[] = [];\n\n  /** The name of the select, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /**\n   * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\n   * value will be a space-delimited list of values based on the options selected.\n   */\n  @property({\n    converter: {\n      fromAttribute: (value: string) => value.split(' '),\n      toAttribute: (value: string[]) => value.join(' '),\n    },\n  })\n  value: string | string[] = '';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue: string | string[] = '';\n\n  /** The select's size. */\n  @property() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Placeholder text to show as a hint when the select is empty. */\n  @property() placeholder = '';\n\n  /** Placeholder text to show as a hint when the select is empty. */\n  @state() searchValue = '';\n\n  /** Allows more than one option to be selected. */\n  @property({ type: Boolean, reflect: true }) searchEnabled = false;\n\n  /** Allows more than one option to be selected. */\n  @property({ type: Boolean, reflect: true }) multiple = false;\n\n  /**\n   * The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\n   * indicate the number of additional items that are selected. Set to 0 to remove the limit.\n   */\n  @property({ attribute: 'max-options-visible', type: Number })\n  maxOptionsVisible = 3;\n\n  /** Disables the select control. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Adds a clear button when the select is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /**\n   * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  /** Draws a filled select. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** Draws a pill-style select with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** The select's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /**\n   * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\n   * inside of the viewport.\n   */\n  @property({ reflect: true }) placement: 'top' | 'bottom' = 'bottom';\n\n  /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** The select's required attribute. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  @property({ type: Boolean }) showSelected = false;\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.valueInput.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.valueInput.validationMessage;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    // Because this is a form control, it shouldn't be opened initially\n    this.open = false;\n  }\n\n  private addOpenListeners() {\n    document.addEventListener('focusin', this.handleDocumentFocusIn);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  private removeOpenListeners() {\n    document.removeEventListener('focusin', this.handleDocumentFocusIn);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.displayInput.setSelectionRange(0, 0);\n    this.emit('nile-focus', { value: this.value , name: this.name });\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur', { value: this.value , name: this.name });\n  }\n\n  private handleDocumentFocusIn(event: FocusEvent) {\n    // Close when focusing out of the select\n    const path = event.composedPath();\n    if (this && !path.includes(this)) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Handles the click event on the footer.\n   * @param event - The click event.\n   */\n  private handleFooterClick(event: MouseEvent): void {\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  /**\n   * Toggles the display of selected options in the dropdown\n   * @param event - the event object\n   */\n  private toggleShowSelected(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n    // Only toggle if there are selected options\n    if (this.selectedOptions?.length === 0) {\n      return;\n    }\n    // Toggle the showSelected property\n    this.showSelected = !this.showSelected;\n\n    // Hide unselected options if showSelected is true\n    const allOptions = this.getAllOptions();\n    allOptions.forEach(el => {\n      if (!el.selected) {\n        el.hidden = this.showSelected;\n      }\n    });\n\n    this.requestUpdate();\n  }\n\n  /**\n   * Deselects all options and updates the value, selectedOptions, and displayLabel properties accordingly\n   */\n  private unSlectAll(): void {\n    this.showSelected = false;\n    const allOptions = this.getAllOptions();\n    allOptions.forEach(el => {\n      el.selected = false;\n      el.hidden = false;\n    });\n    this.value = '';\n    this.selectionChanged();\n    this.emit('nile-change', { value: this.value , name: this.name });\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n    const isClearButton = target.closest('.select__clear') !== null;\n    const isIconButton = target.closest('nile-icon-button') !== null;\n\n    // Ignore presses when the target is an icon button (e.g. the remove button in <nile-tag>)\n    if (isClearButton || isIconButton) {\n      return;\n    }\n\n    // Close when pressing escape\n    if (event.key === 'Escape' && this.open) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.hide();\n      this.displayInput.focus({ preventScroll: true });\n    }\n\n    // Handle enter and space. When pressing space, we allow for type to select behaviors so if there's anything in the\n    // buffer we _don't_ close it.\n    if (\n      event.key === 'Enter' ||\n      (event.key === ' ' && this.typeToSelectString === '')\n    ) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      // If it's not open, open it\n      if (!this.open) {\n        this.show();\n        return;\n      }\n\n      // If it is open, update the value based on the current selection and close it\n      if (this.currentOption && !this.currentOption.disabled) {\n        if (this.multiple) {\n          this.toggleOptionSelection(this.currentOption);\n        } else {\n          this.setSelectedOptions(this.currentOption);\n        }\n\n        // Emit after updating\n        this.updateComplete.then(() => {\n          this.emit('nile-input', { value: this.value , name: this.name });\n          this.emit('nile-change', { value: this.value , name: this.name });\n        });\n\n        if (!this.multiple) {\n          this.hide();\n          this.displayInput.focus({ preventScroll: true });\n        }\n      }\n\n      return;\n    }\n\n    // Navigate options\n    if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      const allOptions = this.getAllOptions();\n      const currentIndex = allOptions.indexOf(this.currentOption);\n      let newIndex = Math.max(0, currentIndex);\n\n      // Prevent scrolling\n      event.preventDefault();\n\n      // Open it\n      if (!this.open) {\n        this.show();\n\n        // If an option is already selected, stop here because we want that one to remain highlighted when the listbox\n        // opens for the first time\n        if (this.currentOption) {\n          return;\n        }\n      }\n\n      if (event.key === 'ArrowDown') {\n        newIndex = currentIndex + 1;\n        if (newIndex > allOptions.length - 1) newIndex = 0;\n      } else if (event.key === 'ArrowUp') {\n        newIndex = currentIndex - 1;\n        if (newIndex < 0) newIndex = allOptions.length - 1;\n      } else if (event.key === 'Home') {\n        newIndex = 0;\n      } else if (event.key === 'End') {\n        newIndex = allOptions.length - 1;\n      }\n\n      this.setCurrentOption(allOptions[newIndex]);\n    }\n\n    // All other \"printable\" keys trigger type to select\n    if (event.key.length === 1 || event.key === 'Backspace') {\n      const allOptions = this.getAllOptions();\n\n      // Don't block important key combos like CMD+R\n      if (event.metaKey || event.ctrlKey || event.altKey) {\n        return;\n      }\n\n      // Open, unless the key that triggered is backspace\n      if (!this.open) {\n        if (event.key === 'Backspace') {\n          return;\n        }\n\n        this.show();\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n\n      clearTimeout(this.typeToSelectTimeout);\n      this.typeToSelectTimeout = window.setTimeout(\n        () => (this.typeToSelectString = ''),\n        1000\n      );\n\n      if (event.key === 'Backspace') {\n        this.typeToSelectString = this.typeToSelectString.slice(0, -1);\n      } else {\n        this.typeToSelectString += event.key.toLowerCase();\n      }\n\n      for (const option of allOptions) {\n        const label = option.getTextLabel().toLowerCase();\n\n        if (label.startsWith(this.typeToSelectString)) {\n          this.setCurrentOption(option);\n          break;\n        }\n      }\n    }\n  }\n\n  private handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the select\n    const path = event.composedPath();\n    if (this && !path.includes(this)) {\n      this.hide();\n    }\n  }\n\n  private handleLabelClick() {\n    this.displayInput.focus();\n  }\n\n  private handleComboboxMouseDown(event: MouseEvent) {\n    const path = event.composedPath();\n    const isIconButton = path.some(\n      el =>\n        el instanceof Element && el.tagName.toLowerCase() === 'nile-icon-button'\n    );\n\n    // Ignore disabled controls and clicks on tags (remove buttons)\n    if (this.disabled || isIconButton) {\n      return;\n    }\n\n    event.preventDefault();\n    this.displayInput.focus({ preventScroll: true });\n    this.open = !this.open;\n  }\n\n  private handleComboboxKeyDown(event: KeyboardEvent) {\n    event.stopPropagation();\n    this.handleDocumentKeyDown(event);\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    if (this.value !== '') {\n      this.setSelectedOptions([]);\n      this.displayInput.focus({ preventScroll: true });\n\n      // Emit after update\n      this.updateComplete.then(() => {\n        this.emit('nile-clear', { value: this.value , name: this.name });\n        this.emit('nile-input', { value: this.value , name: this.name });\n        this.emit('nile-change', { value: this.value , name: this.name });\n      });\n    }\n  }\n\n  private handleClearMouseDown(event: MouseEvent) {\n    // Don't lose focus or propagate events when clicking the clear button\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  private handleOptionClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const option = target.closest('nile-option');\n    const oldValue = this.value;\n\n    if (option && !option.disabled) {\n      if (this.multiple) {\n        this.toggleOptionSelection(option);\n      } else {\n        this.setSelectedOptions(option);\n      }\n\n      // Set focus after updating so the value is announced by screen readers\n      this.updateComplete.then(() =>\n        this.displayInput.focus({ preventScroll: true })\n      );\n\n      if (this.value !== oldValue) {\n        // Emit after updating\n        this.updateComplete.then(() => {\n          this.emit('nile-input', { value: this.value , name: this.name });\n          this.emit('nile-change', { value: this.value , name: this.name });\n        });\n      }\n\n      if (!this.multiple) {\n        this.hide();\n        this.displayInput.focus({ preventScroll: true });\n      }\n    }\n  }\n\n  private handleDefaultSlotChange() {\n    const allOptions = this.getAllOptions();\n    const value = Array.isArray(this.value) ? this.value : [this.value];\n    const values: string[] = [];\n\n    // Check for duplicate values in menu items\n    if (customElements.get('nile-option')) {\n      allOptions.forEach(option => values.push(option.value));\n\n      // Select only the options that match the new value\n      this.setSelectedOptions(\n        allOptions.filter(el => value.includes(el.value))\n      );\n    } else {\n      // Rerun this handler when <nile-option> is registered\n      customElements\n        .whenDefined('nile-option')\n        .then(() => this.handleDefaultSlotChange());\n    }\n  }\n\n  private handleTagRemove(event: NileRemoveEvent, option: NileOption) {\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.toggleOptionSelection(option, false);\n\n      // Emit after updating\n      this.updateComplete.then(() => {\n        this.emit('nile-input', { value: this.value , name: this.name });\n        this.emit('nile-change', { value: this.value , name: this.name });\n      });\n    }\n  }\n\n  // Gets an array of all <nile-option> elements\n  private getAllOptions() {\n    return [...this.querySelectorAll<NileOption>('nile-option')];\n  }\n\n  // Gets the first <nile-option> element\n  private getFirstOption() {\n    return this.querySelector<NileOption>('nile-option');\n  }\n\n  // Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one\n  // option may be \"current\" at a time.\n  private setCurrentOption(option: NileOption | null) {\n    const allOptions = this.getAllOptions();\n\n    // Clear selection\n    allOptions.forEach(el => {\n      el.current = false;\n      el.tabIndex = -1;\n    });\n\n    // Select the target option\n    if (option) {\n      this.currentOption = option;\n      option.current = true;\n      option.tabIndex = 0;\n      option.focus();\n    }\n  }\n\n  // Sets the selected option(s)\n  private setSelectedOptions(option: NileOption | NileOption[]) {\n    const allOptions = this.getAllOptions();\n    const newSelectedOptions = Array.isArray(option) ? option : [option];\n\n    // Clear existing selection\n    allOptions.forEach(el => (el.selected = false));\n\n    // Set the new selection\n    if (newSelectedOptions.length) {\n      newSelectedOptions.forEach(el => (el.selected = true));\n    }\n\n    // Update selection, value, and display label\n    this.selectionChanged();\n  }\n\n  // Toggles an option's selected state\n  private toggleOptionSelection(option: NileOption, force?: boolean) {\n    if (force === true || force === false) {\n      option.selected = force;\n    } else {\n      option.selected = !option.selected;\n    }\n\n    this.selectionChanged();\n  }\n\n  // This method must be called whenever the selection changes. It will update the selected options cache, the current\n  // value, and the display value\n  private selectionChanged() {\n    // Update selected options cache\n    this.selectedOptions = this.getAllOptions().filter(el => el.selected);\n\n    // Update the value and display label\n    if (this.multiple) {\n      this.value = this.selectedOptions.map(el => el.value);\n\n      if (this.placeholder && this.value.length === 0) {\n        // When no items are selected, keep the value empty so the placeholder shows\n        this.displayLabel = '';\n      } else {\n        this.displayLabel = this.selectedOptions.length + ' selected';\n      }\n    } else {\n      this.value = this.selectedOptions[0]?.value ?? '';\n      this.displayLabel = this.selectedOptions[0]?.getTextLabel() ?? '';\n    }\n\n    // Update validity\n    this.updateComplete.then(() => {\n      this.formControlController.updateValidity();\n    });\n\n  }\n\n  handleSearchFocus() {\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  handleSearchBlur() {\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  handleSearchChange(e: any) {\n    this.searchValue = e.detail.value;\n    this.filterOptions(this.searchValue);\n  }\n\n  filterOptions(searchValue: string) {\n    const allOptions = this.getAllOptions();\n    const lowerCaseSearchValue = searchValue.toLowerCase();\n\n    allOptions.forEach(el => {\n      // Hide the option if its text and value do not include the search value.\n      const lowerCaseLabel = el.getTextLabel().toLowerCase();\n      const lowerCaseValue = (el.value || '').toLowerCase();\n      el.hidden = !(\n        lowerCaseLabel.includes(lowerCaseSearchValue) ||\n        lowerCaseValue.includes(lowerCaseSearchValue)\n      );\n    });\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Close the listbox when the control is disabled\n    if (this.disabled) {\n      this.open = false;\n      this.handleOpenChange();\n    }\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  handleValueChange() {\n    const allOptions = this.getAllOptions();\n    const value = Array.isArray(this.value) ? this.value : [this.value];\n\n    // Select only the options that match the new value\n    this.setSelectedOptions(allOptions.filter(el => value.includes(el.value)));\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open && !this.disabled) {\n      // Reset the current option\n      this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption());\n\n      // Show\n      this.emit('nile-show', { value: this.value , name: this.name });\n      this.addOpenListeners();\n\n      await stopAnimations(this);\n      this.listbox.hidden = false;\n      this.popup.active = true;\n\n      // Select the appropriate option based on value after the listbox opens\n      requestAnimationFrame(() => {\n        this.setCurrentOption(this.currentOption);\n      });\n\n      const { keyframes, options } = getAnimation(this, 'select.show', {\n        dir: 'ltr',\n      });\n      await animateTo(this.popup.popup, keyframes, options);\n\n      // Make sure the current option is scrolled into view (required for Safari)\n      if (this.currentOption) {\n        scrollIntoView(this.currentOption, this.listbox, 'vertical', 'auto');\n      }\n\n      this.emit('nile-after-show', { value: this.value , name: this.name });\n    } else {\n      // Hide\n      this.emit('nile-hide', { value: this.value , name: this.name });\n      this.removeOpenListeners();\n\n      await stopAnimations(this);\n      const { keyframes, options } = getAnimation(this, 'select.hide', {\n        dir: 'ltr',\n      });\n      await animateTo(this.popup.popup, keyframes, options);\n      this.listbox.hidden = true;\n      this.popup.active = false;\n\n      this.emit('nile-after-hide', { value: this.value , name: this.name });\n    }\n  }\n\n  /** Shows the listbox. */\n  async show() {\n    if (this.open || this.disabled) {\n      this.open = false;\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the listbox. */\n  async hide() {\n    if (!this.open || this.disabled) {\n      this.open = false;\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.valueInput.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.valueInput.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.valueInput.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the control. */\n  focus(options?: FocusOptions) {\n    this.displayInput.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  blur() {\n    this.displayInput.blur();\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    const hasClearIcon =\n      this.clearable && !this.disabled && this.value.length > 0;\n    const isPlaceholderVisible = this.placeholder && this.value.length === 0;\n    const searchValue = this.searchValue || '';\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n        })}\n      >\n        <label\n          id=\"label\"\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <nile-popup\n            class=${classMap({\n              select: true,\n              'select--standard': true,\n              'select--filled': this.filled,\n              'select--pill': this.pill,\n              'select--open': this.open,\n              'select--disabled': this.disabled,\n              'select--multiple': this.multiple,\n              'select--focused': this.hasFocus,\n              'select--placeholder-visible': isPlaceholderVisible,\n              'select--top': this.placement === 'top',\n              'select--bottom': this.placement === 'bottom',\n              'select--small': this.size === 'small',\n              'select--medium': this.size === 'medium',\n              'select--large': this.size === 'large',\n            })}\n            placement=${this.placement}\n            strategy=${this.hoist ? 'fixed' : 'absolute'}\n            flip\n            shift\n            sync=\"width\"\n            auto-size=\"vertical\"\n            auto-size-padding=\"10\"\n          >\n            <div\n              part=\"combobox\"\n              class=\"select__combobox\"\n              slot=\"anchor\"\n              @keydown=${this.handleComboboxKeyDown}\n              @mousedown=${this.handleComboboxMouseDown}\n            >\n              <slot part=\"prefix\" name=\"prefix\" class=\"select__prefix\"></slot>\n\n              <input\n                part=\"display-input\"\n                class=\"select__display-input\"\n                type=\"text\"\n                placeholder=${this.placeholder}\n                .disabled=${this.disabled}\n                .value=${this.displayLabel}\n                autocomplete=\"off\"\n                spellcheck=\"false\"\n                autocapitalize=\"off\"\n                readonly\n                aria-controls=\"listbox\"\n                aria-expanded=${this.open ? 'true' : 'false'}\n                aria-haspopup=\"listbox\"\n                aria-labelledby=\"label\"\n                aria-disabled=${this.disabled ? 'true' : 'false'}\n                aria-describedby=\"help-text\"\n                role=\"combobox\"\n                tabindex=\"0\"\n                @focus=${this.handleFocus}\n                @blur=${this.handleBlur}\n              />\n\n              ${this.multiple\n                ? html`\n                    <div part=\"tags\" class=\"select__tags\">\n                      ${this.selectedOptions.map((option, index) => {\n                        if (\n                          index < this.maxOptionsVisible ||\n                          this.maxOptionsVisible <= 0\n                        ) {\n                          return html`\n                            <nile-tag\n                              part=\"tag\"\n                              exportparts=\"\n                                base:tag__base,\n                                content:tag__content,\n                                remove-button:tag__remove-button,\n                                remove-button__base:tag__remove-button__base\n                              \"\n                              ?pill=${this.pill}\n                              size=${this.size}\n                              removable\n                              @nile-remove=${(event: NileRemoveEvent) =>\n                                this.handleTagRemove(event, option)}\n                            >\n                              ${option.getTextLabel()}\n                            </nile-tag>\n                          `;\n                        } else if (index === this.maxOptionsVisible) {\n                          return html`\n                            <nile-tag\n                              class=\"select__tags-count ${hasClearIcon\n                                ? `select__tags-count-clearable`\n                                : ``} \"\n                              size=${this.size}\n                            >\n                              +${this.selectedOptions.length - index}\n                            </nile-tag>\n                          `;\n                        } else {\n                          return null;\n                        }\n                      })}\n                    </div>\n                  `\n                : ''}\n\n              <input\n                class=\"select__value-input\"\n                type=\"text\"\n                ?disabled=${this.disabled}\n                ?required=${this.required}\n                .value=${Array.isArray(this.value)\n                  ? this.value.join(', ')\n                  : this.value}\n                tabindex=\"-1\"\n                aria-hidden=\"true\"\n                @focus=${() => this.focus()}\n                @invalid=${this.handleInvalid}\n              />\n\n              ${hasClearIcon\n                ? html`\n                    <button\n                      part=\"clear-button\"\n                      class=\"select__clear\"\n                      type=\"button\"\n                      aria-label=\"clearEntry\"\n                      @mousedown=${this.handleClearMouseDown}\n                      @click=${this.handleClearClick}\n                      tabindex=\"-1\"\n                    >\n                      <slot name=\"clear-icon\">\n                        <nile-icon name=\"close\" library=\"system\"></nile-icon>\n                      </slot>\n                    </button>\n                  `\n                : ''}\n\n              <slot\n                name=\"expand-icon\"\n                part=\"expand-icon\"\n                class=\"select__expand-icon\"\n              >\n                <nile-icon library=\"system\" name=\"arrowdown\"></nile-icon>\n              </slot>\n            </div>\n\n            <div\n              id=\"listbox\"\n              role=\"listbox\"\n              aria-expanded=${this.open ? 'true' : 'false'}\n              aria-multiselectable=${this.multiple ? 'true' : 'false'}\n              aria-labelledby=\"label\"\n              part=\"listbox\"\n              class=\"select__listbox ${this.searchEnabled\n                ? 'select__search-enabled '\n                : ''}\"\n              tabindex=\"-1\"\n              @mouseup=${this.handleOptionClick}\n              @slotchange=${this.handleDefaultSlotChange}\n            >\n              <slot></slot>\n\n              ${this.searchEnabled\n                ? html` <div class=\"select__search\">\n                    <nile-input\n                      size=\"small\"\n                      clearable\n                      .value=${searchValue}\n                      placeholder=\"Search...\"\n                      @nile-input=${this.handleSearchChange}\n                      @nile-focus=${this.handleSearchFocus}\n                      @nile-blur=${this.handleSearchBlur}\n                    >\n                      <nile-icon name=\"search\" slot=\"suffix\"> </nile-icon>\n                    </nile-input>\n                  </div>`\n                : ``}\n              ${this.multiple\n                ? html` <div\n                    class=\"select__footer\"\n                    @click=\"${this.handleFooterClick}\"\n                  >\n                    <span\n                      @click=\"${this.toggleShowSelected}\"\n                      style=\"cursor: pointer;\"\n                    >\n                      <nile-checkbox\n                        ?disabled=\"${this.selectedOptions.length === 0}\"\n                        ?checked=\"${this.showSelected}\"\n                      >\n                        Show Selected</nile-checkbox\n                      >\n                    </span>\n                    <span class=\"select__clear\" @click=\"${this.unSlectAll}\"\n                      >clear all</span\n                    >\n                  </div>`\n                : ``}\n            </div>\n          </nile-popup>\n        </div>\n\n        <slot\n          name=\"help-text\"\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n        >\n          ${this.helpText}\n        </slot>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('select.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 },\n  ],\n  options: { duration: 100, easing: 'ease' },\n});\n\nsetDefaultAnimation('select.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 },\n  ],\n  options: { duration: 100, easing: 'ease' },\n});\n\nexport default NileSelect;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-select': NileSelect;\n  }\n}\n"],"names":["NileSelect","constructor","this","formControlController","FormControlController","assumeInteractionOn","hasSlotController","HasSlotController","typeToSelectString","hasFocus","displayLabel","selectedOptions","name","value","defaultValue","size","placeholder","searchValue","searchEnabled","multiple","maxOptionsVisible","disabled","clearable","open","hoist","filled","pill","label","placement","helpText","form","required","showSelected","validity","valueInput","validationMessage","connectedCallback","super","handleDocumentFocusIn","bind","handleDocumentKeyDown","handleDocumentMouseDown","addOpenListeners","document","addEventListener","removeOpenListeners","removeEventListener","handleFocus","displayInput","setSelectionRange","emit","handleBlur","event","path","composedPath","includes","hide","handleFooterClick","stopPropagation","preventDefault","toggleShowSelected","length","getAllOptions","forEach","el","selected","hidden","requestUpdate","unSlectAll","selectionChanged","target","isClearButton","closest","isIconButton","key","focus","preventScroll","stopImmediatePropagation","currentOption","toggleOptionSelection","setSelectedOptions","updateComplete","then","show","allOptions","currentIndex","indexOf","newIndex","Math","max","setCurrentOption","metaKey","ctrlKey","altKey","clearTimeout","typeToSelectTimeout","window","setTimeout","slice","toLowerCase","option","getTextLabel","startsWith","handleLabelClick","handleComboboxMouseDown","some","Element","tagName","handleComboboxKeyDown","handleClearClick","handleClearMouseDown","handleOptionClick","oldValue","handleDefaultSlotChange","Array","isArray","values","customElements","get","push","filter","whenDefined","handleTagRemove","querySelectorAll","getFirstOption","querySelector","current","tabIndex","newSelectedOptions","force","map","updateValidity","handleSearchFocus","handleSearchBlur","handleSearchChange","e","detail","filterOptions","lowerCaseSearchValue","lowerCaseLabel","lowerCaseValue","handleInvalid","setValidity","emitInvalidEvent","handleDisabledChange","handleOpenChange","handleValueChange","async","stopAnimations","listbox","popup","active","requestAnimationFrame","getAnimation","dir","keyframes","options","animateTo","scrollIntoView","waitForEvent","checkValidity","getForm","reportValidity","setCustomValidity","message","blur","render","hasLabelSlot","test","hasHelpTextSlot","hasLabel","hasHelpText","hasClearIcon","isPlaceholderVisible","html","classMap","select","index","join","NileElement","styles","__decorate","query","prototype","state","property","converter","fromAttribute","split","toAttribute","type","Boolean","reflect","attribute","Number","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}
+{"version":3,"file":"nile-select.cjs.js","sources":["../../../src/nile-select/nile-select.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-select.css';\n\nimport '../nile-icon';\nimport '../nile-popup/nile-popup';\nimport '../nile-tag/nile-tag';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport {\n  getAnimation,\n  setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { scrollIntoView } from '../internal/scroll';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport type NileOption from '../nile-option/nile-option';\nimport type NilePopup from '../nile-popup/nile-popup';\n\ntype NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;\n\n/**\n * Nile icon component.\n *\n * @tag nile-select\n *\n */\n\n/**\n * @summary Selects allow you to choose items from a menu of predefined options.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n * @dependency nile-popup\n * @dependency nile-tag\n *\n * @slot - The listbox options. Must be `<nile-option>` elements. You can use `<nile-divider>` to group items visually.\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event nile-change - Emitted when the control's value changes.\n * @event nile-clear - Emitted when the control's value is cleared.\n * @event nile-input - Emitted when the control receives input.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-blur - Emitted when the control loses focus.\n * @event nile-show - Emitted when the select's menu opens.\n * @event nile-after-show - Emitted after the select's menu opens and all animations are complete.\n * @event nile-hide - Emitted when the select's menu closes.\n * @event nile-after-hide - Emitted after the select's menu closes and all animations are complete.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The select's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart display-input - The element that displays the selected option's label, an `<input>` element.\n * @csspart listbox - The listbox container where options are slotted.\n * @csspart tags - The container that houses option tags when `multiselect` is used.\n * @csspart tag - The individual tags that represent each multiselect option.\n * @csspart tag__base - The tag's base part.\n * @csspart tag__content - The tag's content part.\n * @csspart tag__remove-button - The tag's remove button.\n * @csspart tag__remove-button__base - The tag's remove button base part.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n */\n\n@customElement('nile-select')\nexport class NileSelect extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['nile-blur', 'nile-input'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n  private typeToSelectString = '';\n  private typeToSelectTimeout: number;\n\n  @query('.select') popup: NilePopup;\n  @query('.select__combobox') combobox: HTMLSlotElement;\n  @query('.select__display-input') displayInput: HTMLInputElement;\n  @query('.select__value-input') valueInput: HTMLInputElement;\n  @query('.select__listbox') listbox: HTMLSlotElement;\n\n  @state() private hasFocus = false;\n  @state() displayLabel = '';\n  @state() currentOption: NileOption;\n  @state() selectedOptions: NileOption[] = [];\n\n  /** The name of the select, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /**\n   * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\n   * value will be a space-delimited list of values based on the options selected.\n   */\n  @property({\n    converter: {\n      fromAttribute: (value: string) => value.split(' '),\n      toAttribute: (value: string[]) => value.join(' '),\n    },\n  })\n  value: string | string[] = '';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue: string | string[] = '';\n\n  /** The select's size. */\n  @property() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Placeholder text to show as a hint when the select is empty. */\n  @property() placeholder = '';\n\n  /** Placeholder text to show as a hint when the select is empty. */\n  @state() searchValue = '';\n\n  /** Allows more than one option to be selected. */\n  @property({ type: Boolean, reflect: true }) searchEnabled = false;\n\n  /** Allows more than one option to be selected. */\n  @property({ type: Boolean, reflect: true }) multiple = false;\n\n  /**\n   * The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\n   * indicate the number of additional items that are selected. Set to 0 to remove the limit.\n   */\n  @property({ attribute: 'max-options-visible', type: Number })\n  maxOptionsVisible = 3;\n\n  /** Disables the select control. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Adds a clear button when the select is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /**\n   * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  /** Draws a filled select. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** Draws a pill-style select with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** The select's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /**\n   * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\n   * inside of the viewport.\n   */\n  @property({ reflect: true }) placement: 'top' | 'bottom' = 'bottom';\n\n  /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** The select's required attribute. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  @property({ type: Boolean }) showSelected = false;\n\n  @state() showNoResults: boolean;\n\n  @property({ type: String }) noResultsMessage: string = \"No results found\";\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.valueInput.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.valueInput.validationMessage;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    // Because this is a form control, it shouldn't be opened initially\n    this.open = false;\n  }\n\n  private addOpenListeners() {\n    document.addEventListener('focusin', this.handleDocumentFocusIn);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  private removeOpenListeners() {\n    document.removeEventListener('focusin', this.handleDocumentFocusIn);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.displayInput.setSelectionRange(0, 0);\n    this.emit('nile-focus', { value: this.value , name: this.name });\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur', { value: this.value , name: this.name });\n  }\n\n  private handleDocumentFocusIn(event: FocusEvent) {\n    // Close when focusing out of the select\n    const path = event.composedPath();\n    if (this && !path.includes(this)) {\n      this.hide();\n    }\n  }\n\n  /**\n   * Handles the click event on the footer.\n   * @param event - The click event.\n   */\n  private handleFooterClick(event: MouseEvent): void {\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  /**\n   * Toggles the display of selected options in the dropdown\n   * @param event - the event object\n   */\n  private toggleShowSelected(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n    // Only toggle if there are selected options\n    if (this.selectedOptions?.length === 0) {\n      return;\n    }\n    // Toggle the showSelected property\n    this.showSelected = !this.showSelected;\n\n    // Hide unselected options if showSelected is true\n    const allOptions = this.getAllOptions();\n    allOptions.forEach(el => {\n      if (!el.selected) {\n        el.hidden = this.showSelected;\n      }\n    });\n\n    this.requestUpdate();\n  }\n\n  /**\n   * Deselects all options and updates the value, selectedOptions, and displayLabel properties accordingly\n   */\n  private unSlectAll(): void {\n    this.showSelected = false;\n    const allOptions = this.getAllOptions();\n    allOptions.forEach(el => {\n      el.selected = false;\n      el.hidden = false;\n    });\n    this.value = '';\n    this.selectionChanged();\n    this.emit('nile-change', { value: this.value , name: this.name });\n  }\n\n  private handleDocumentKeyDown(event: KeyboardEvent) {\n    const target = event.target as HTMLElement;\n    const isClearButton = target.closest('.select__clear') !== null;\n    const isIconButton = target.closest('nile-icon-button') !== null;\n\n    // Ignore presses when the target is an icon button (e.g. the remove button in <nile-tag>)\n    if (isClearButton || isIconButton) {\n      return;\n    }\n\n    // Close when pressing escape\n    if (event.key === 'Escape' && this.open) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.hide();\n      this.displayInput.focus({ preventScroll: true });\n    }\n\n    // Handle enter and space. When pressing space, we allow for type to select behaviors so if there's anything in the\n    // buffer we _don't_ close it.\n    if (\n      event.key === 'Enter' ||\n      (event.key === ' ' && this.typeToSelectString === '')\n    ) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      // If it's not open, open it\n      if (!this.open) {\n        this.show();\n        return;\n      }\n\n      // If it is open, update the value based on the current selection and close it\n      if (this.currentOption && !this.currentOption.disabled) {\n        if (this.multiple) {\n          this.toggleOptionSelection(this.currentOption);\n        } else {\n          this.setSelectedOptions(this.currentOption);\n        }\n\n        // Emit after updating\n        this.updateComplete.then(() => {\n          this.emit('nile-input', { value: this.value , name: this.name });\n          this.emit('nile-change', { value: this.value , name: this.name });\n        });\n\n        if (!this.multiple) {\n          this.hide();\n          this.displayInput.focus({ preventScroll: true });\n        }\n      }\n\n      return;\n    }\n\n    // Navigate options\n    if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      const allOptions = this.getAllOptions();\n      const currentIndex = allOptions.indexOf(this.currentOption);\n      let newIndex = Math.max(0, currentIndex);\n\n      // Prevent scrolling\n      event.preventDefault();\n\n      // Open it\n      if (!this.open) {\n        this.show();\n\n        // If an option is already selected, stop here because we want that one to remain highlighted when the listbox\n        // opens for the first time\n        if (this.currentOption) {\n          return;\n        }\n      }\n\n      if (event.key === 'ArrowDown') {\n        newIndex = currentIndex + 1;\n        if (newIndex > allOptions.length - 1) newIndex = 0;\n      } else if (event.key === 'ArrowUp') {\n        newIndex = currentIndex - 1;\n        if (newIndex < 0) newIndex = allOptions.length - 1;\n      } else if (event.key === 'Home') {\n        newIndex = 0;\n      } else if (event.key === 'End') {\n        newIndex = allOptions.length - 1;\n      }\n\n      this.setCurrentOption(allOptions[newIndex]);\n    }\n\n    // All other \"printable\" keys trigger type to select\n    if (event.key.length === 1 || event.key === 'Backspace') {\n      const allOptions = this.getAllOptions();\n\n      // Don't block important key combos like CMD+R\n      if (event.metaKey || event.ctrlKey || event.altKey) {\n        return;\n      }\n\n      // Open, unless the key that triggered is backspace\n      if (!this.open) {\n        if (event.key === 'Backspace') {\n          return;\n        }\n\n        this.show();\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n\n      clearTimeout(this.typeToSelectTimeout);\n      this.typeToSelectTimeout = window.setTimeout(\n        () => (this.typeToSelectString = ''),\n        1000\n      );\n\n      if (event.key === 'Backspace') {\n        this.typeToSelectString = this.typeToSelectString.slice(0, -1);\n      } else {\n        this.typeToSelectString += event.key.toLowerCase();\n      }\n\n      for (const option of allOptions) {\n        const label = option.getTextLabel().toLowerCase();\n\n        if (label.startsWith(this.typeToSelectString)) {\n          this.setCurrentOption(option);\n          break;\n        }\n      }\n    }\n  }\n\n  private handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the select\n    const path = event.composedPath();\n    if (this && !path.includes(this)) {\n      this.hide();\n    }\n  }\n\n  private handleLabelClick() {\n    this.displayInput.focus();\n  }\n\n  private handleComboboxMouseDown(event: MouseEvent) {\n    const path = event.composedPath();\n    const isIconButton = path.some(\n      el =>\n        el instanceof Element && el.tagName.toLowerCase() === 'nile-icon-button'\n    );\n\n    // Ignore disabled controls and clicks on tags (remove buttons)\n    if (this.disabled || isIconButton) {\n      return;\n    }\n\n    event.preventDefault();\n    this.displayInput.focus({ preventScroll: true });\n    this.open = !this.open;\n  }\n\n  private handleComboboxKeyDown(event: KeyboardEvent) {\n    event.stopPropagation();\n    this.handleDocumentKeyDown(event);\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    event.stopPropagation();\n\n    if (this.value !== '') {\n      this.setSelectedOptions([]);\n      this.displayInput.focus({ preventScroll: true });\n\n      // Emit after update\n      this.updateComplete.then(() => {\n        this.emit('nile-clear', { value: this.value , name: this.name });\n        this.emit('nile-input', { value: this.value , name: this.name });\n        this.emit('nile-change', { value: this.value , name: this.name });\n      });\n    }\n  }\n\n  private handleClearMouseDown(event: MouseEvent) {\n    // Don't lose focus or propagate events when clicking the clear button\n    event.stopPropagation();\n    event.preventDefault();\n  }\n\n  private handleOptionClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const option = target.closest('nile-option');\n    const oldValue = this.value;\n\n    if (option && !option.disabled) {\n      if (this.multiple) {\n        this.toggleOptionSelection(option);\n      } else {\n        this.setSelectedOptions(option);\n      }\n\n      // Set focus after updating so the value is announced by screen readers\n      this.updateComplete.then(() =>\n        this.displayInput.focus({ preventScroll: true })\n      );\n\n      if (this.value !== oldValue) {\n        // Emit after updating\n        this.updateComplete.then(() => {\n          this.emit('nile-input', { value: this.value , name: this.name });\n          this.emit('nile-change', { value: this.value , name: this.name });\n        });\n      }\n\n      if (!this.multiple) {\n        this.hide();\n        this.displayInput.focus({ preventScroll: true });\n      }\n    }\n  }\n\n  private handleDefaultSlotChange() {\n    const allOptions = this.getAllOptions();\n    const value = Array.isArray(this.value) ? this.value : [this.value];\n    const values: string[] = [];\n\n    // Check for duplicate values in menu items\n    if (customElements.get('nile-option')) {\n      allOptions.forEach(option => values.push(option.value));\n\n      // Select only the options that match the new value\n      this.setSelectedOptions(\n        allOptions.filter(el => value.includes(el.value))\n      );\n    } else {\n      // Rerun this handler when <nile-option> is registered\n      customElements\n        .whenDefined('nile-option')\n        .then(() => this.handleDefaultSlotChange());\n    }\n  }\n\n  private handleTagRemove(event: NileRemoveEvent, option: NileOption) {\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.toggleOptionSelection(option, false);\n\n      // Emit after updating\n      this.updateComplete.then(() => {\n        this.emit('nile-input', { value: this.value , name: this.name });\n        this.emit('nile-change', { value: this.value , name: this.name });\n      });\n    }\n  }\n\n  // Gets an array of all <nile-option> elements\n  private getAllOptions() {\n    return [...this.querySelectorAll<NileOption>('nile-option')];\n  }\n\n  // Gets the first <nile-option> element\n  private getFirstOption() {\n    return this.querySelector<NileOption>('nile-option');\n  }\n\n  // Sets the current option, which is the option the user is currently interacting with (e.g. via keyboard). Only one\n  // option may be \"current\" at a time.\n  private setCurrentOption(option: NileOption | null) {\n    const allOptions = this.getAllOptions();\n\n    // Clear selection\n    allOptions.forEach(el => {\n      el.current = false;\n      el.tabIndex = -1;\n    });\n\n    // Select the target option\n    if (option) {\n      this.currentOption = option;\n      option.current = true;\n      option.tabIndex = 0;\n      option.focus();\n    }\n  }\n\n  // Sets the selected option(s)\n  private setSelectedOptions(option: NileOption | NileOption[]) {\n    const allOptions = this.getAllOptions();\n    const newSelectedOptions = Array.isArray(option) ? option : [option];\n\n    // Clear existing selection\n    allOptions.forEach(el => (el.selected = false));\n\n    // Set the new selection\n    if (newSelectedOptions.length) {\n      newSelectedOptions.forEach(el => (el.selected = true));\n    }\n\n    // Update selection, value, and display label\n    this.selectionChanged();\n  }\n\n  // Toggles an option's selected state\n  private toggleOptionSelection(option: NileOption, force?: boolean) {\n    if (force === true || force === false) {\n      option.selected = force;\n    } else {\n      option.selected = !option.selected;\n    }\n\n    this.selectionChanged();\n  }\n\n  // This method must be called whenever the selection changes. It will update the selected options cache, the current\n  // value, and the display value\n  private selectionChanged() {\n    // Update selected options cache\n    this.selectedOptions = this.getAllOptions().filter(el => el.selected);\n\n    // Update the value and display label\n    if (this.multiple) {\n      this.value = this.selectedOptions.map(el => el.value);\n\n      if (this.placeholder && this.value.length === 0) {\n        // When no items are selected, keep the value empty so the placeholder shows\n        this.displayLabel = '';\n      } else {\n        this.displayLabel = this.selectedOptions.length + ' selected';\n      }\n    } else {\n      this.value = this.selectedOptions[0]?.value ?? '';\n      this.displayLabel = this.selectedOptions[0]?.getTextLabel() ?? '';\n    }\n\n    // Update validity\n    this.updateComplete.then(() => {\n      this.formControlController.updateValidity();\n    });\n\n  }\n\n  handleSearchFocus() {\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  handleSearchBlur() {\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  handleSearchChange(e: any) {\n    this.searchValue = e.detail.value;\n    let filteredOptions = this.filterOptions(this.searchValue);\n\n    if (filteredOptions.length === 0) {\n      // Display 'No results found' message.\n      this.showNoResults = true;\n    } else {\n      this.showNoResults = false;\n    }  }\n\n  filterOptions(searchValue: string) {\n    const allOptions = this.getAllOptions();\n    const lowerCaseSearchValue = searchValue.toLowerCase();\n\n    let filteredOptions: NileOption[] = [];\n\n    allOptions.forEach(el => {\n      const lowerCaseLabel = el.getTextLabel().toLowerCase();\n      const lowerCaseValue = (el.value || '').toLowerCase();\n      if (lowerCaseLabel.startsWith(lowerCaseSearchValue) || lowerCaseValue.startsWith(lowerCaseSearchValue)) {\n        el.hidden = false;\n        filteredOptions.push(el);\n      } else {\n        el.hidden = true;\n      }\n    });\n\n    return filteredOptions;\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Close the listbox when the control is disabled\n    if (this.disabled) {\n      this.open = false;\n      this.handleOpenChange();\n    }\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  handleValueChange() {\n    const allOptions = this.getAllOptions();\n    const value = Array.isArray(this.value) ? this.value : [this.value];\n\n    // Select only the options that match the new value\n    this.setSelectedOptions(allOptions.filter(el => value.includes(el.value)));\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open && !this.disabled) {\n      // Reset the current option\n      this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption());\n\n      // Show\n      this.emit('nile-show', { value: this.value , name: this.name });\n      this.addOpenListeners();\n\n      await stopAnimations(this);\n      this.listbox.hidden = false;\n      this.popup.active = true;\n\n      // Select the appropriate option based on value after the listbox opens\n      requestAnimationFrame(() => {\n        this.setCurrentOption(this.currentOption);\n      });\n\n      const { keyframes, options } = getAnimation(this, 'select.show', {\n        dir: 'ltr',\n      });\n      await animateTo(this.popup.popup, keyframes, options);\n\n      // Make sure the current option is scrolled into view (required for Safari)\n      if (this.currentOption) {\n        scrollIntoView(this.currentOption, this.listbox, 'vertical', 'auto');\n      }\n\n      this.emit('nile-after-show', { value: this.value , name: this.name });\n    } else {\n      // Hide\n      this.emit('nile-hide', { value: this.value , name: this.name });\n      this.removeOpenListeners();\n\n      await stopAnimations(this);\n      const { keyframes, options } = getAnimation(this, 'select.hide', {\n        dir: 'ltr',\n      });\n      await animateTo(this.popup.popup, keyframes, options);\n      this.listbox.hidden = true;\n      this.popup.active = false;\n\n      this.emit('nile-after-hide', { value: this.value , name: this.name });\n    }\n  }\n\n  /** Shows the listbox. */\n  async show() {\n    if (this.open || this.disabled) {\n      this.open = false;\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the listbox. */\n  async hide() {\n    if (!this.open || this.disabled) {\n      this.open = false;\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.valueInput.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.valueInput.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.valueInput.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the control. */\n  focus(options?: FocusOptions) {\n    this.displayInput.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  blur() {\n    this.displayInput.blur();\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    const hasClearIcon =\n      this.clearable && !this.disabled && this.value.length > 0;\n    const isPlaceholderVisible = this.placeholder && this.value.length === 0;\n    const searchValue = this.searchValue || '';\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n        })}\n      >\n        <label\n          id=\"label\"\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <nile-popup\n            class=${classMap({\n              select: true,\n              'select--standard': true,\n              'select--filled': this.filled,\n              'select--pill': this.pill,\n              'select--open': this.open,\n              'select--disabled': this.disabled,\n              'select--multiple': this.multiple,\n              'select--focused': this.hasFocus,\n              'select--placeholder-visible': isPlaceholderVisible,\n              'select--top': this.placement === 'top',\n              'select--bottom': this.placement === 'bottom',\n              'select--small': this.size === 'small',\n              'select--medium': this.size === 'medium',\n              'select--large': this.size === 'large',\n            })}\n            placement=${this.placement}\n            strategy=${this.hoist ? 'fixed' : 'absolute'}\n            flip\n            shift\n            sync=\"width\"\n            auto-size=\"vertical\"\n            auto-size-padding=\"10\"\n          >\n            <div\n              part=\"combobox\"\n              class=\"select__combobox\"\n              slot=\"anchor\"\n              @keydown=${this.handleComboboxKeyDown}\n              @mousedown=${this.handleComboboxMouseDown}\n            >\n              <slot part=\"prefix\" name=\"prefix\" class=\"select__prefix\"></slot>\n\n              <input\n                part=\"display-input\"\n                class=\"select__display-input\"\n                type=\"text\"\n                placeholder=${this.placeholder}\n                .disabled=${this.disabled}\n                .value=${this.displayLabel}\n                autocomplete=\"off\"\n                spellcheck=\"false\"\n                autocapitalize=\"off\"\n                readonly\n                aria-controls=\"listbox\"\n                aria-expanded=${this.open ? 'true' : 'false'}\n                aria-haspopup=\"listbox\"\n                aria-labelledby=\"label\"\n                aria-disabled=${this.disabled ? 'true' : 'false'}\n                aria-describedby=\"help-text\"\n                role=\"combobox\"\n                tabindex=\"0\"\n                @focus=${this.handleFocus}\n                @blur=${this.handleBlur}\n              />\n\n              ${this.multiple\n                ? html`\n                    <div part=\"tags\" class=\"select__tags\">\n                      ${this.selectedOptions.map((option, index) => {\n                        if (\n                          index < this.maxOptionsVisible ||\n                          this.maxOptionsVisible <= 0\n                        ) {\n                          return html`\n                            <nile-tag\n                              part=\"tag\"\n                              exportparts=\"\n                                base:tag__base,\n                                content:tag__content,\n                                remove-button:tag__remove-button,\n                                remove-button__base:tag__remove-button__base\n                              \"\n                              ?pill=${this.pill}\n                              size=${this.size}\n                              removable\n                              @nile-remove=${(event: NileRemoveEvent) =>\n                                this.handleTagRemove(event, option)}\n                            >\n                              ${option.getTextLabel()}\n                            </nile-tag>\n                          `;\n                        } else if (index === this.maxOptionsVisible) {\n                          return html`\n                            <nile-tag\n                              class=\"select__tags-count ${hasClearIcon\n                                ? `select__tags-count-clearable`\n                                : ``} \"\n                              size=${this.size}\n                            >\n                              +${this.selectedOptions.length - index}\n                            </nile-tag>\n                          `;\n                        } else {\n                          return null;\n                        }\n                      })}\n                    </div>\n                  `\n                : ''}\n\n              <input\n                class=\"select__value-input\"\n                type=\"text\"\n                ?disabled=${this.disabled}\n                ?required=${this.required}\n                .value=${Array.isArray(this.value)\n                  ? this.value.join(', ')\n                  : this.value}\n                tabindex=\"-1\"\n                aria-hidden=\"true\"\n                @focus=${() => this.focus()}\n                @invalid=${this.handleInvalid}\n              />\n\n              ${hasClearIcon\n                ? html`\n                    <button\n                      part=\"clear-button\"\n                      class=\"select__clear\"\n                      type=\"button\"\n                      aria-label=\"clearEntry\"\n                      @mousedown=${this.handleClearMouseDown}\n                      @click=${this.handleClearClick}\n                      tabindex=\"-1\"\n                    >\n                      <slot name=\"clear-icon\">\n                        <nile-icon name=\"close\" library=\"system\"></nile-icon>\n                      </slot>\n                    </button>\n                  `\n                : ''}\n\n              <slot\n                name=\"expand-icon\"\n                part=\"expand-icon\"\n                class=\"select__expand-icon\"\n              >\n                <nile-icon library=\"system\" name=\"arrowdown\"></nile-icon>\n              </slot>\n            </div>\n\n            <div\n              id=\"listbox\"\n              role=\"listbox\"\n              aria-expanded=${this.open ? 'true' : 'false'}\n              aria-multiselectable=${this.multiple ? 'true' : 'false'}\n              aria-labelledby=\"label\"\n              part=\"listbox\"\n              class=\"select__listbox ${this.searchEnabled\n                ? 'select__search-enabled '\n                : ''}\"\n              tabindex=\"-1\"\n              @mouseup=${this.handleOptionClick}\n              @slotchange=${this.handleDefaultSlotChange}\n            >\n            ${this.searchEnabled\n                ? html` <div class=\"select__search\">\n                    <nile-input\n                      size=\"small\"\n                      clearable\n                      .value=${searchValue}\n                      placeholder=\"Search...\"\n                      @nile-input=${this.handleSearchChange}\n                      @nile-focus=${this.handleSearchFocus}\n                      @nile-blur=${this.handleSearchBlur}\n                    >\n                      <nile-icon name=\"search\" slot=\"suffix\"> </nile-icon>\n                    </nile-input>\n                  </div>`\n                : ``}\n                <div class=\"select__options\">\n                ${this.showNoResults\n                ? html` <div class=\"select__no-results\">${this.noResultsMessage} </div>\n                `: ''}\n                <slot></slot>\n                  </div>\n\n\n              ${this.multiple\n                ? html` <div\n                    class=\"select__footer\"\n                    @click=\"${this.handleFooterClick}\"\n                  >\n                    <span\n                      @click=\"${this.toggleShowSelected}\"\n                      style=\"cursor: pointer;\"\n                    >\n                      <nile-checkbox\n                        ?disabled=\"${this.selectedOptions.length === 0}\"\n                        ?checked=\"${this.showSelected}\"\n                      >\n                        Show Selected</nile-checkbox\n                      >\n                    </span>\n                    <span class=\"select__clear\" @click=\"${this.unSlectAll}\"\n                      >clear all</span\n                    >\n                  </div>`\n                : ``}\n            </div>\n          </nile-popup>\n        </div>\n\n        <slot\n          name=\"help-text\"\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n        >\n          ${this.helpText}\n        </slot>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('select.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 },\n  ],\n  options: { duration: 100, easing: 'ease' },\n});\n\nsetDefaultAnimation('select.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 },\n  ],\n  options: { duration: 100, easing: 'ease' },\n});\n\nexport default NileSelect;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-select': NileSelect;\n  }\n}\n"],"names":["NileSelect","constructor","this","formControlController","FormControlController","assumeInteractionOn","hasSlotController","HasSlotController","typeToSelectString","hasFocus","displayLabel","selectedOptions","name","value","defaultValue","size","placeholder","searchValue","searchEnabled","multiple","maxOptionsVisible","disabled","clearable","open","hoist","filled","pill","label","placement","helpText","form","required","showSelected","noResultsMessage","validity","valueInput","validationMessage","connectedCallback","super","handleDocumentFocusIn","bind","handleDocumentKeyDown","handleDocumentMouseDown","addOpenListeners","document","addEventListener","removeOpenListeners","removeEventListener","handleFocus","displayInput","setSelectionRange","emit","handleBlur","event","path","composedPath","includes","hide","handleFooterClick","stopPropagation","preventDefault","toggleShowSelected","length","getAllOptions","forEach","el","selected","hidden","requestUpdate","unSlectAll","selectionChanged","target","isClearButton","closest","isIconButton","key","focus","preventScroll","stopImmediatePropagation","currentOption","toggleOptionSelection","setSelectedOptions","updateComplete","then","show","allOptions","currentIndex","indexOf","newIndex","Math","max","setCurrentOption","metaKey","ctrlKey","altKey","clearTimeout","typeToSelectTimeout","window","setTimeout","slice","toLowerCase","option","getTextLabel","startsWith","handleLabelClick","handleComboboxMouseDown","some","Element","tagName","handleComboboxKeyDown","handleClearClick","handleClearMouseDown","handleOptionClick","oldValue","handleDefaultSlotChange","Array","isArray","values","customElements","get","push","filter","whenDefined","handleTagRemove","querySelectorAll","getFirstOption","querySelector","current","tabIndex","newSelectedOptions","force","map","updateValidity","handleSearchFocus","handleSearchBlur","handleSearchChange","e","detail","filterOptions","showNoResults","lowerCaseSearchValue","filteredOptions","lowerCaseLabel","lowerCaseValue","handleInvalid","setValidity","emitInvalidEvent","handleDisabledChange","handleOpenChange","handleValueChange","async","stopAnimations","listbox","popup","active","requestAnimationFrame","getAnimation","dir","keyframes","options","animateTo","scrollIntoView","waitForEvent","checkValidity","getForm","reportValidity","setCustomValidity","message","blur","render","hasLabelSlot","test","hasHelpTextSlot","hasLabel","hasHelpText","hasClearIcon","isPlaceholderVisible","html","classMap","select","index","join","NileElement","styles","__decorate","query","prototype","state","property","converter","fromAttribute","split","toAttribute","type","Boolean","reflect","attribute","Number","String","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}

package/dist/nile-select/nile-select.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: #333333;\n    margin-bottom: 0.75rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 900;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n      'Segoe UI Symbol';\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    position: absolute;\n    right: 0;\n    border: 1px solid rgb(169, 218, 218);\n    border-radius: 0.25rem;\n    margin-right: 30px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #0059ff;\n    box-shadow: 0 0 0 3px rgba(0, 89, 255, 0.4);\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  /* Sizes */\n  .select--small .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    min-height: 1.875rem;\n    padding-block: 0;\n    padding-inline: 0.5rem;\n  }\n\n  .select--small .select__clear {\n    margin-inline-start: 0.5rem;\n  }\n\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .select--small.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-block: 2px;\n    padding-inline-start: 0;\n  }\n\n  .select--small .select__tags {\n    gap: 2px;\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    min-height: 2.5rem;\n    padding-block: 0;\n    padding-inline: 0.75rem;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n    /* margin-inline-start: 0.75rem; */\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  .select--large .select__combobox {\n    border-radius: 0.5rem;\n    font-size: 1.25rem;\n    min-height: 3.125rem;\n    padding-block: 0;\n    padding-inline: 1rem;\n  }\n\n  .select--large .select__clear {\n    margin-inline-start: 1rem;\n  }\n\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: 1rem;\n  }\n\n  .select--large.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n    padding-block: 4px;\n  }\n\n  .select--large .select__tags {\n    gap: 4px;\n  }\n\n  /* Pills */\n  .select--pill.select--small .select__combobox {\n    border-radius: 1.875rem;\n  }\n\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  .select--pill.select--large .select__combobox {\n    border-radius: 3.125rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005EA6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0.25rem 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  /* Listbox */\n  .select__search-enabled {\n    padding-top: 50px;\n\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: absolute;\n    top: 0px;\n    height: 15px;\n    width: calc(100% - 16px);\n    padding: 8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 12px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n"]))));}};});
+System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: #333333;\n    margin-bottom: 0.75rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n      'Segoe UI Symbol';\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    position: absolute;\n    right: 0;\n    border: 1px solid rgb(169, 218, 218);\n    border-radius: 0.25rem;\n    margin-right: 30px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #0059ff;\n    box-shadow: 0 0 0 3px rgba(0, 89, 255, 0.4);\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  /* Sizes */\n  .select--small .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    min-height: 1.875rem;\n    padding-block: 0;\n    padding-inline: 0.5rem;\n  }\n\n  .select--small .select__clear {\n    margin-inline-start: 0.5rem;\n  }\n\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .select--small.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-block: 2px;\n    padding-inline-start: 0;\n  }\n\n  .select--small .select__tags {\n    gap: 2px;\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    min-height: 2.5rem;\n    padding-block: 0;\n    padding-inline: 0.75rem;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n    /* margin-inline-start: 0.75rem; */\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  .select--large .select__combobox {\n    border-radius: 0.5rem;\n    font-size: 1.25rem;\n    min-height: 3.125rem;\n    padding-block: 0;\n    padding-inline: 1rem;\n  }\n\n  .select--large .select__clear {\n    margin-inline-start: 1rem;\n  }\n\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: 1rem;\n  }\n\n  .select--large.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n    padding-block: 4px;\n  }\n\n  .select--large .select__tags {\n    gap: 4px;\n  }\n\n  /* Pills */\n  .select--pill.select--small .select__combobox {\n    border-radius: 1.875rem;\n  }\n\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  .select--pill.select--large .select__combobox {\n    border-radius: 3.125rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005EA6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options{\n    padding-top: 10px;\n  }\n\n  .select__options{\n    padding: 5px;\n    margin: 4px;\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-select.css.cjs.js.map

package/dist/nile-select/nile-select.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: #333333;\n    margin-bottom: 0.75rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 900;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n      'Segoe UI Symbol';\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    position: absolute;\n    right: 0;\n    border: 1px solid rgb(169, 218, 218);\n    border-radius: 0.25rem;\n    margin-right: 30px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #0059ff;\n    box-shadow: 0 0 0 3px rgba(0, 89, 255, 0.4);\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  /* Sizes */\n  .select--small .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    min-height: 1.875rem;\n    padding-block: 0;\n    padding-inline: 0.5rem;\n  }\n\n  .select--small .select__clear {\n    margin-inline-start: 0.5rem;\n  }\n\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .select--small.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-block: 2px;\n    padding-inline-start: 0;\n  }\n\n  .select--small .select__tags {\n    gap: 2px;\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    min-height: 2.5rem;\n    padding-block: 0;\n    padding-inline: 0.75rem;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n    /* margin-inline-start: 0.75rem; */\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  .select--large .select__combobox {\n    border-radius: 0.5rem;\n    font-size: 1.25rem;\n    min-height: 3.125rem;\n    padding-block: 0;\n    padding-inline: 1rem;\n  }\n\n  .select--large .select__clear {\n    margin-inline-start: 1rem;\n  }\n\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: 1rem;\n  }\n\n  .select--large.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n    padding-block: 4px;\n  }\n\n  .select--large .select__tags {\n    gap: 4px;\n  }\n\n  /* Pills */\n  .select--pill.select--small .select__combobox {\n    border-radius: 1.875rem;\n  }\n\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  .select--pill.select--large .select__combobox {\n    border-radius: 3.125rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005EA6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0.25rem 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  /* Listbox */\n  .select__search-enabled {\n    padding-top: 50px;\n\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: absolute;\n    top: 0px;\n    height: 15px;\n    width: calc(100% - 16px);\n    padding: 8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 12px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
+{"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: #333333;\n    margin-bottom: 0.75rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: inherit;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #666666;\n    margin-top: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n      'Segoe UI Symbol';\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: inherit;\n    border: none;\n    background: none;\n    color: #333333;\n    cursor: inherit;\n    overflow: hidden;\n    padding: 0;\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: #333333;\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: 0.5rem;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    position: absolute;\n    right: 0;\n    border: 1px solid rgb(169, 218, 218);\n    border-radius: 0.25rem;\n    margin-right: 30px;\n  }\n\n  .select__tags-count-clearable {\n    margin-right: 50px;\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: #ffffff;\n    border: solid 1px #cccccc;\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #cccccc;\n    color: #999999;\n    opacity: 0.5;\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    border-color: #0059ff;\n    box-shadow: 0 0 0 3px rgba(0, 89, 255, 0.4);\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: #f4f4f4;\n    color: #333333;\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: #f4f4f4;\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: #f4f4f4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: #f4f4f4;\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  /* Sizes */\n  .select--small .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    min-height: 1.875rem;\n    padding-block: 0;\n    padding-inline: 0.5rem;\n  }\n\n  .select--small .select__clear {\n    margin-inline-start: 0.5rem;\n  }\n\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .select--small.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-block: 2px;\n    padding-inline-start: 0;\n  }\n\n  .select--small .select__tags {\n    gap: 2px;\n  }\n\n  .select--medium .select__combobox {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    min-height: 2.5rem;\n    padding-block: 0;\n    padding-inline: 0.75rem;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: 0.75rem;\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: 0.75rem;\n    /* margin-inline-start: 0.75rem; */\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n  }\n\n  .select--medium .select__tags {\n    gap: 3px;\n  }\n\n  .select--large .select__combobox {\n    border-radius: 0.5rem;\n    font-size: 1.25rem;\n    min-height: 3.125rem;\n    padding-block: 0;\n    padding-inline: 1rem;\n  }\n\n  .select--large .select__clear {\n    margin-inline-start: 1rem;\n  }\n\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: 1rem;\n  }\n\n  .select--large.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: 0;\n    padding-block: 4px;\n  }\n\n  .select--large .select__tags {\n    gap: 4px;\n  }\n\n  /* Pills */\n  .select--pill.select--small .select__combobox {\n    border-radius: 1.875rem;\n  }\n\n  .select--pill.select--medium .select__combobox {\n    border-radius: 2.5rem;\n  }\n\n  .select--pill.select--large .select__combobox {\n    border-radius: 3.125rem;\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: #aaaaaa;\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: #005EA6;\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: #999999;\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: 0.25rem;\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);\n    background: #ffffff;\n    border: solid 1px #cccccc;\n    border-radius: 0.25rem;\n    padding-block: 0;\n    padding-inline: 0;\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n    max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n  }\n\n  .select__options{\n    padding-top: 10px;\n  }\n\n  .select__options{\n    padding: 5px;\n    margin: 4px;\n    font-size: 14px;\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: 0.25rem;\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: 0.875rem;\n    font-weight: 600;\n    color: #888888;\n    padding-block: 0.25rem;\n    padding-inline: 1rem;\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: 8px;\n    background-color: white;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: #fafafa;\n    border: 1px solid #e5e9eb;\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 8px;\n    gap: 12px;\n    justify-content: space-between;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

package/dist/nile-select/nile-select.css.esm.js

@@ -84,7 +84,7 @@ import{i as e}from"../index-f1b94546.esm.js";const o=e`
   }
 
   .select::part(popup) {
-    z-index: 900;
+    z-index: 9999;
   }
 
   .select[data-current-placement^='top']::part(popup) {
@@ -383,7 +383,7 @@ import{i as e}from"../index-f1b94546.esm.js";const o=e`
     background: #ffffff;
     border: solid 1px #cccccc;
     border-radius: 0.25rem;
-    padding-block: 0.25rem 0;
+    padding-block: 0;
     padding-inline: 0;
     overflow: auto;
     overscroll-behavior: none;
@@ -392,10 +392,15 @@ import{i as e}from"../index-f1b94546.esm.js";const o=e`
     max-height: var(--auto-size-available-height);
   }
 
-  /* Listbox */
-  .select__search-enabled {
-    padding-top: 50px;
+  .select__options{
+    padding-top: 10px;
+  }
 
+  .select__options{
+    padding: 5px;
+    margin: 4px;
+    font-size: 14px;
+    color: rgb(133, 129, 129);
   }
 
   .select__listbox::slotted(nile-divider) {
@@ -411,11 +416,12 @@ import{i as e}from"../index-f1b94546.esm.js";const o=e`
   }
 
   .select__search {
-    position: absolute;
+    position: sticky;
     top: 0px;
-    height: 15px;
+    z-index: 1;
     width: calc(100% - 16px);
     padding: 8px;
+    background-color: white;
   }
 
   .select__footer {
@@ -429,7 +435,7 @@ import{i as e}from"../index-f1b94546.esm.js";const o=e`
     display: flex;
     flex-direction: row;
     align-items: flex-start;
-    padding: 12px;
+    padding: 8px;
     gap: 12px;
     justify-content: space-between;
   }