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

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');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\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  }\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');\n          this.emit('nile-change');\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');\n        this.emit('nile-input');\n        this.emit('nile-change');\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');\n          this.emit('nile-change');\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');\n        this.emit('nile-change');\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  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');\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');\n    } else {\n      // Hide\n      this.emit('nile-hide');\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');\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":"w6jCA8FaA,CAAAA,sEAAbC,YAAAA,sEAGmBC,MAAAC,qBAAwB,CAAA,GAAIC,iCAA4B,CACvEC,oBAAqB,CAAC,WAAA,CAAa,YAEpBH,CAAAA,CAAAA,CAAAA,CAAAA,MAAiBI,kBAAG,GAAIC,EAAAA,+BAEvC,WACA,CAAA,OAAA,CAAA,CAEML,MAAkBM,kBAAG,CAAA,EAAA,CASZN,MAAQO,QAAG,CAAA,CAAA,CAAA,CACnBP,MAAYQ,YAAG,CAAA,EAAA,CAEfR,MAAeS,eAAiB,CAAA,EAAA,CAG7BT,MAAIU,IAAG,CAAA,EAAA,CAYnBV,MAAKW,KAAAA,CAAsB,GAGXX,MAAYY,YAAAA,CAAsB,GAGtCZ,MAAIa,IAAAA,CAAiC,SAGrCb,MAAWc,WAAAA,CAAG,EAGjBd,CAAAA,MAAWe,YAAG,EAGqBf,CAAAA,MAAagB,eAAG,CAGhBhB,CAAAA,MAAQiB,UAAG,CAOvDjB,CAAAA,MAAiBkB,iBAAG,CAAA,CAAA,CAGwBlB,MAAQmB,QAAG,CAAA,CAAA,CAAA,CAG1BnB,MAASoB,SAAG,CAAA,CAAA,CAAA,CAMGpB,MAAIqB,IAAG,CAAA,CAAA,CAAA,CAMtBrB,MAAKsB,KAAG,CAAA,CAAA,CAAA,CAGOtB,MAAMuB,MAAG,CAAA,CAAA,CAAA,CAGTvB,MAAIwB,IAAG,CAAA,CAAA,CAAA,CAGvCxB,MAAKyB,KAAG,CAAA,EAAA,CAMSzB,MAAS0B,SAAAA,CAAqB,SAGrB1B,MAAQ2B,QAAAA,CAAG,GAOpB3B,MAAI4B,IAAAA,CAAG,GAGQ5B,MAAQ6B,QAAAA,CAAAA,CAAG,CAE1B7B,CAAAA,MAAY8B,cAAG,CAu0B7C,eAp0BKC,mDACF,MAAO/B,KAAAA,CAAKgC,WAAWD,QACxB,EAGGE,6CACF,CAAA,MAAOjC,MAAKgC,UAAWC,CAAAA,iBACxB,EAEDC,6DACEC,CAAAA,uEACAnC,IAAKoC,CAAAA,qBAAAA,CAAwBpC,KAAKoC,qBAAsBC,CAAAA,IAAAA,CAAKrC,MAC7DA,IAAKsC,CAAAA,qBAAAA,CAAwBtC,KAAKsC,qBAAsBD,CAAAA,IAAAA,CAAKrC,MAC7DA,IAAKuC,CAAAA,uBAAAA,CAA0BvC,IAAKuC,CAAAA,uBAAAA,CAAwBF,KAAKrC,IAGjEA,CAAAA,CAAAA,IAAAA,CAAKqB,MAAO,CACb,EAEOmB,4DACNC,QAASC,CAAAA,gBAAAA,CAAiB,SAAW1C,CAAAA,IAAAA,CAAKoC,uBAC1CK,QAASC,CAAAA,gBAAAA,CAAiB,UAAW1C,IAAKsC,CAAAA,qBAAAA,CAAAA,CAC1CG,SAASC,gBAAiB,CAAA,WAAA,CAAa1C,IAAKuC,CAAAA,uBAAAA,CAC7C,EAEOI,iEACNF,CAAAA,QAAAA,CAASG,oBAAoB,SAAW5C,CAAAA,IAAAA,CAAKoC,uBAC7CK,QAASG,CAAAA,mBAAAA,CAAoB,SAAW5C,CAAAA,IAAAA,CAAKsC,uBAC7CG,QAASG,CAAAA,mBAAAA,CAAoB,YAAa5C,IAAKuC,CAAAA,uBAAAA,CAChD,EAEOM,iDACN7C,CAAAA,IAAAA,CAAKO,QAAW,CAAA,CAAA,CAAA,CAChBP,KAAK8C,YAAaC,CAAAA,iBAAAA,CAAkB,EAAG,CACvC/C,CAAAA,CAAAA,IAAAA,CAAKgD,KAAK,YACX,CAAA,EAEOC,+CACNjD,CAAAA,IAAAA,CAAKO,UAAW,CAChBP,CAAAA,IAAAA,CAAKgD,KAAK,WACX,CAAA,EAEOZ,oEAAsBc,CAE5B,CAAA,CAAA,GAAMC,EAAOD,CAAAA,CAAAA,CAAME,eACfpD,IAASmD,EAAAA,CAAAA,CAAAA,CAAKE,SAASrD,IACzBA,CAAAA,EAAAA,IAAAA,CAAKsD,MAER,EAMOC,4DAAkBL,GACxBA,CAAMM,CAAAA,eAAAA,EAAAA,CACNN,EAAMO,cACP,EAAA,EAMOC,8DAAmBR,CAIzB,CAAA,uCAAA,GAHAA,EAAMM,eACNN,EAAAA,CAAAA,CAAAA,CAAMO,cAE+B,EAAA,CAAA,CAAA,2BAAjCzD,KAAKS,eAAiBkD,gDAAtB3D,sBAAsB2D,MAAAA,EACxB,OAGF3D,IAAK8B,CAAAA,YAAAA,CAAAA,CAAgB9B,KAAK8B,YAGP9B,CAAAA,IAAAA,CAAK4D,aACbC,EAAAA,CAAAA,OAAAA,CAAQC,SAAAA,GACZA,CAAGC,CAAAA,QAAAA,GACND,EAAGE,MAAShE,CAAAA,MAAAA,CAAK8B,aAClB,EAGH9B,CAAAA,CAAAA,IAAAA,CAAKiE,aACN,EAAA,EAKOC,gDACNlE,IAAK8B,CAAAA,YAAAA,CAAAA,CAAe,EACD9B,IAAK4D,CAAAA,aAAAA,EAAAA,CACbC,QAAQC,SAAAA,CACjBA,CAAAA,CAAAA,CAAAA,CAAGC,QAAW,CAAA,CAAA,CAAA,CACdD,EAAGE,MAAS,CAAA,CAAA,CAAK,IAEnBhE,IAAKW,CAAAA,KAAAA,CAAQ,GACbX,IAAKmE,CAAAA,gBAAAA,EACN,EAEO7B,oEAAsBY,mBAC5B,GAAMkB,EAAAA,CAASlB,EAAMkB,MACfC,CAAAA,CAAAA,CAAqD,OAArCD,CAAOE,CAAAA,OAAAA,CAAQ,gBAC/BC,CAAAA,CAAAA,CAAAA,CAAsD,OAAvCH,CAAOE,CAAAA,OAAAA,CAAQ,oBAGpC,GAAID,CAAAA,CAAAA,EAAAA,CAAiBE,EAArB,CAcA,GATkB,QAAdrB,GAAAA,CAAAA,CAAMsB,KAAoBxE,IAAKqB,CAAAA,IAAAA,GACjC6B,EAAMO,cACNP,EAAAA,CAAAA,CAAAA,CAAMM,kBACNxD,IAAKsD,CAAAA,IAAAA,EAAAA,CACLtD,KAAK8C,YAAa2B,CAAAA,KAAAA,CAAM,CAAEC,aAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAM3B,UAAdxB,CAAMsB,CAAAA,GAAAA,EACS,MAAdtB,CAAMsB,CAAAA,GAAAA,EAA2C,EAA5BxE,GAAAA,IAAAA,CAAKM,mBAM3B,MAJA4C,EAAAA,CAAMO,iBACNP,CAAMyB,CAAAA,wBAAAA,EAAAA,CAGD3E,KAAKqB,IAMNrB,CAAAA,KAAAA,IAAAA,CAAK4E,aAAkB5E,EAAAA,CAAAA,IAAAA,CAAK4E,cAAczD,QACxCnB,GAAAA,IAAAA,CAAKiB,SACPjB,IAAK6E,CAAAA,qBAAAA,CAAsB7E,KAAK4E,aAEhC5E,CAAAA,CAAAA,IAAAA,CAAK8E,kBAAmB9E,CAAAA,IAAAA,CAAK4E,eAI/B5E,IAAK+E,CAAAA,cAAAA,CAAeC,KAAK,UACvBhF,CAAAA,MAAAA,CAAKgD,KAAK,YACVhD,CAAAA,CAAAA,MAAAA,CAAKgD,IAAK,CAAA,aAAA,CAAc,IAGrBhD,IAAKiB,CAAAA,QAAAA,GACRjB,KAAKsD,IACLtD,EAAAA,CAAAA,IAAAA,CAAK8C,aAAa2B,KAAM,CAAA,CAAEC,aAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IApB3C1E,MAAKiF,IA4BT,EAAA,CAAA,GAAI,CAAC,SAAW,CAAA,WAAA,CAAa,OAAQ,KAAO5B,CAAAA,CAAAA,QAAAA,CAASH,CAAMsB,CAAAA,GAAAA,CAAAA,CAAM,CAC/D,GAAMU,GAAAA,CAAalF,KAAK4D,aAClBuB,EAAAA,CAAAA,EAAAA,CAAeD,GAAWE,OAAQpF,CAAAA,IAAAA,CAAK4E,aAC7C,CAAA,CAAA,GAAIS,IAAWC,IAAKC,CAAAA,GAAAA,CAAI,EAAGJ,EAM3B,CAAA,CAAA,GAHAjC,EAAMO,cAGDzD,EAAAA,CAAAA,CAAAA,IAAAA,CAAKqB,OACRrB,IAAKiF,CAAAA,IAAAA,EAAAA,CAIDjF,KAAK4E,aACP,CAAA,CAAA,OAIc,cAAd1B,CAAMsB,CAAAA,GAAAA,EACRa,GAAWF,EAAe,CAAA,CAAA,CACtBE,EAAWH,CAAAA,EAAAA,CAAWvB,OAAS,CAAG0B,GAAAA,EAAAA,CAAW,IAC1B,SAAdnC,GAAAA,CAAAA,CAAMsB,KACfa,EAAWF,CAAAA,EAAAA,CAAe,CACtBE,CAAAA,EAAAA,CAAW,IAAGA,EAAWH,CAAAA,EAAAA,CAAWvB,OAAS,CAC1B,CAAA,EAAA,MAAA,GAAdT,EAAMsB,GACfa,CAAAA,EAAAA,CAAW,CACY,CAAA,KAAA,GAAdnC,EAAMsB,GACfa,GAAAA,EAAAA,CAAWH,GAAWvB,MAAS,CAAA,CAAA,CAAA,CAGjC3D,KAAKwF,gBAAiBN,CAAAA,EAAAA,CAAWG,IAClC,EAGD,GAAyB,IAArBnC,CAAMsB,CAAAA,GAAAA,CAAIb,QAA8B,WAAdT,GAAAA,CAAAA,CAAMsB,IAAqB,CACvD,GAAMU,IAAalF,CAAAA,IAAAA,CAAK4D,gBAGxB,GAAIV,CAAAA,CAAMuC,SAAWvC,CAAMwC,CAAAA,OAAAA,EAAWxC,EAAMyC,MAC1C,CAAA,OAIF,GAAK3F,CAAAA,IAAAA,CAAKqB,KAAM,CACd,GAAkB,cAAd6B,CAAMsB,CAAAA,GAAAA,CACR,OAGFxE,IAAKiF,CAAAA,IAAAA,EACN,EAED/B,CAAAA,CAAMM,kBACNN,CAAMO,CAAAA,cAAAA,EAAAA,CAENmC,aAAa5F,IAAK6F,CAAAA,mBAAAA,CAAAA,CAClB7F,KAAK6F,mBAAsBC,CAAAA,MAAAA,CAAOC,WAChC,iBAAO/F,OAAAA,CAAKM,mBAAqB,EACjC,GAAA,GAAA,CAAA,CAGgB,cAAd4C,CAAMsB,CAAAA,GAAAA,CACRxE,KAAKM,kBAAqBN,CAAAA,IAAAA,CAAKM,kBAAmB0F,CAAAA,KAAAA,CAAM,GAAI,CAE5DhG,CAAAA,CAAAA,IAAAA,CAAKM,oBAAsB4C,CAAMsB,CAAAA,GAAAA,CAAIyB,cAGvC,yCAAqBf,GAAAA,YAArB,+CAAiC,IAAtBgB,GAAUhB,aAGnB,GAFcgB,EAAAA,CAAOC,eAAeF,WAE1BG,EAAAA,CAAAA,UAAAA,CAAWpG,KAAKM,kBAAqB,CAAA,CAAA,CAC7CN,IAAKwF,CAAAA,gBAAAA,CAAiBU,IACtB,MACD,CACF,CACF,sDA5HA,CA6HF,CAEO3D,wEAAwBW,CAAAA,CAAAA,CAE9B,GAAMC,EAAAA,CAAOD,EAAME,YACfpD,EAAAA,CAAAA,IAAAA,EAAAA,CAASmD,EAAKE,QAASrD,CAAAA,IAAAA,CAAAA,EACzBA,KAAKsD,IAER,EAAA,EAEO+C,2DACNrG,CAAAA,IAAAA,CAAK8C,aAAa2B,KACnB,EAAA,EAEO6B,wEAAwBpD,CAC9B,CAAA,CAAA,GACMqB,GADOrB,CAAME,CAAAA,YAAAA,EAAAA,CACOmD,IACxBzC,CAAAA,SAAAA,CAAAA,QACEA,aAAc0C,QAAwC,EAAA,kBAAA,GAA7B1C,EAAG2C,OAAQR,CAAAA,WAAAA,EAAAA,GAAAA,CAIpCjG,KAAKmB,QAAYoD,EAAAA,CAAAA,GAIrBrB,CAAMO,CAAAA,cAAAA,EAAAA,CACNzD,KAAK8C,YAAa2B,CAAAA,KAAAA,CAAM,CAAEC,aAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CACzC1E,KAAKqB,IAAQrB,CAAAA,CAAAA,IAAAA,CAAKqB,KACnB,EAEOqF,oEAAsBxD,GAC5BA,CAAMM,CAAAA,eAAAA,EAAAA,CACNxD,KAAKsC,qBAAsBY,CAAAA,CAAAA,CAC5B,EAEOyD,0DAAiBzD,CAAAA,CAAAA,iBACvBA,CAAMM,CAAAA,eAAAA,EAAAA,CAEa,KAAfxD,IAAKW,CAAAA,KAAAA,GACPX,KAAK8E,kBAAmB,CAAA,EAAA,CAAA,CACxB9E,KAAK8C,YAAa2B,CAAAA,KAAAA,CAAM,CAAEC,aAAAA,CAAAA,CAAe,IAGzC1E,IAAK+E,CAAAA,cAAAA,CAAeC,KAAK,UACvBhF,CAAAA,MAAAA,CAAKgD,KAAK,YACVhD,CAAAA,CAAAA,MAAAA,CAAKgD,IAAK,CAAA,YAAA,CAAA,CACVhD,OAAKgD,IAAK,CAAA,aAAA,CAAc,IAG7B,EAEO4D,kEAAqB1D,GAE3BA,CAAMM,CAAAA,eAAAA,EAAAA,CACNN,CAAMO,CAAAA,cAAAA,EACP,EAEOoD,4DAAkB3D,CAAAA,CAAAA,iBACxB,GACMgD,EADShD,CAAAA,CAAAA,CAAMkB,OACCE,OAAQ,CAAA,aAAA,CAAA,CACxBwC,CAAW9G,CAAAA,IAAAA,CAAKW,MAElBuF,CAAWA,EAAAA,CAAAA,CAAAA,CAAO/E,WAChBnB,IAAKiB,CAAAA,QAAAA,CACPjB,KAAK6E,qBAAsBqB,CAAAA,CAAAA,CAAAA,CAE3BlG,IAAK8E,CAAAA,kBAAAA,CAAmBoB,GAI1BlG,IAAK+E,CAAAA,cAAAA,CAAeC,KAAK,iBACvBhF,OAAAA,CAAK8C,aAAa2B,KAAM,CAAA,CAAEC,aAAe,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAGvC1E,KAAKW,KAAUmG,GAAAA,CAAAA,EAEjB9G,KAAK+E,cAAeC,CAAAA,IAAAA,CAAK,WACvBhF,MAAKgD,CAAAA,IAAAA,CAAK,cACVhD,MAAKgD,CAAAA,IAAAA,CAAK,cAAc,EAIvBhD,CAAAA,CAAAA,IAAAA,CAAKiB,WACRjB,IAAKsD,CAAAA,IAAAA,EAAAA,CACLtD,KAAK8C,YAAa2B,CAAAA,KAAAA,CAAM,CAAEC,aAAAA,CAAAA,CAAe,KAG9C,EAEOqC,yEAAAA,iBACN,GAAM7B,EAAalF,CAAAA,IAAAA,CAAK4D,gBAClBjD,CAAQqG,CAAAA,KAAAA,CAAMC,OAAQjH,CAAAA,IAAAA,CAAKW,OAASX,IAAKW,CAAAA,KAAAA,CAAQ,CAACX,IAAKW,CAAAA,KAAAA,CAAAA,CACvDuG,EAAmB,EAGrBC,CAAAA,cAAAA,CAAeC,GAAI,CAAA,aAAA,CAAA,EACrBlC,EAAWrB,OAAQqC,CAAAA,SAAAA,CAAAA,QAAUgB,GAAOG,IAAKnB,CAAAA,CAAAA,CAAOvF,UAGhDX,IAAK8E,CAAAA,kBAAAA,CACHI,CAAWoC,CAAAA,MAAAA,CAAOxD,SAAAA,SAAMnD,EAAM0C,CAAAA,QAAAA,CAASS,EAAGnD,KAI5CwG,CAAAA,GAAAA,CAAAA,EAAAA,cAAAA,CACGI,YAAY,aACZvC,CAAAA,CAAAA,IAAAA,CAAK,iBAAMhF,OAAAA,CAAK+G,4BAEtB,EAEOS,wDAAgBtE,EAAwBgD,CAC9ChD,CAAAA,iBAAAA,CAAAA,CAAMM,kBAEDxD,IAAKmB,CAAAA,QAAAA,GACRnB,IAAK6E,CAAAA,qBAAAA,CAAsBqB,GAAQ,CAGnClG,CAAAA,CAAAA,IAAAA,CAAK+E,eAAeC,IAAK,CAAA,UAAA,CACvBhF,OAAKgD,IAAK,CAAA,YAAA,CAAA,CACVhD,MAAKgD,CAAAA,IAAAA,CAAK,cAAc,EAG7B,CAAA,CAAA,EAGOY,sDACN,0BAAW5D,KAAKyH,gBAA6B,CAAA,aAAA,CAAA,EAC9C,CAGOC,uDACN,CAAA,MAAO1H,MAAK2H,aAA0B,CAAA,aAAA,CACvC,EAIOnC,0DAAiBU,CAAAA,CAAAA,CACJlG,KAAK4D,aAGbC,EAAAA,CAAAA,OAAAA,CAAQC,SAAAA,CACjBA,CAAAA,CAAAA,CAAAA,CAAG8D,SAAU,CACb9D,CAAAA,CAAAA,CAAG+D,UAAY,CAAC,EAAA,CAAA,CAId3B,IACFlG,IAAK4E,CAAAA,aAAAA,CAAgBsB,CACrBA,CAAAA,CAAAA,CAAO0B,SAAU,CACjB1B,CAAAA,CAAAA,CAAO2B,SAAW,CAClB3B,CAAAA,CAAAA,CAAOzB,QAEV,EAGOK,8DAAmBoB,CACzB,CAAA,CAAA,GAAMhB,GAAalF,IAAK4D,CAAAA,aAAAA,EAAAA,CAClBkE,EAAqBd,KAAMC,CAAAA,OAAAA,CAAQf,GAAUA,CAAS,CAAA,CAACA,GAG7DhB,CAAWrB,CAAAA,OAAAA,CAAQC,SAAAA,SAAOA,EAAGC,CAAAA,QAAAA,CAAAA,CAAW,KAGpC+D,CAAmBnE,CAAAA,MAAAA,EACrBmE,EAAmBjE,OAAQC,CAAAA,SAAAA,CAAAA,QAAOA,EAAGC,CAAAA,QAAAA,CAAAA,CAAW,KAIlD/D,IAAKmE,CAAAA,gBAAAA,EACN,EAGOU,oEAAsBqB,CAAAA,CAAoB6B,GAE9C7B,CAAOnC,CAAAA,QAAAA,CAAAA,CADK,CAAVgE,GAAAA,CAAAA,EAAAA,CAA4B,IAAVA,CACFA,CAAAA,CAAAA,CAAAA,CAEC7B,EAAOnC,QAG5B/D,CAAAA,IAAAA,CAAKmE,kBACN,EAIOA,2DAAAA,6GAENnE,IAAKS,CAAAA,eAAAA,CAAkBT,KAAK4D,aAAgB0D,EAAAA,CAAAA,MAAAA,CAAOxD,SAAAA,SAAMA,EAAGC,CAAAA,QAAAA,GAAAA,CAGxD/D,KAAKiB,QACPjB,EAAAA,IAAAA,CAAKW,MAAQX,IAAKS,CAAAA,eAAAA,CAAgBuH,IAAIlE,SAAAA,CAAMA,QAAAA,EAAAA,CAAGnD,SAE3CX,IAAKc,CAAAA,WAAAA,EAAqC,IAAtBd,IAAKW,CAAAA,KAAAA,CAAMgD,MAEjC3D,CAAAA,IAAAA,CAAKQ,aAAe,EAEpBR,CAAAA,IAAAA,CAAKQ,aAAeR,IAAKS,CAAAA,eAAAA,CAAgBkD,OAAS,WAGpD3D,GAAAA,IAAAA,CAAKW,KAAQX,iDAAAA,IAAAA,CAAKS,gBAAgB,CAAIE,CAAAA,iDAAzBX,uBAAyBW,KAAAA,iEAAS,GAC/CX,IAAKQ,CAAAA,YAAAA,iDAAeR,KAAKS,eAAgB,CAAA,CAAA,CAAA,iDAArBT,uBAAyBmG,YAAkB,EAAA,iEAAA,EAAA,CAAA,CAIjEnG,KAAK+E,cAAeC,CAAAA,IAAAA,CAAK,WACvBhF,MAAKC,CAAAA,qBAAAA,CAAsBgI,gBAAgB,EAE9C,CAAA,EAEDC,6DACEzF,CAAAA,QAAAA,CAASG,oBAAoB,SAAW5C,CAAAA,IAAAA,CAAKsC,sBAC9C,EAED6F,2DAAAA,CACE1F,SAASC,gBAAiB,CAAA,SAAA,CAAW1C,IAAKsC,CAAAA,qBAAAA,CAC3C,EAED8F,8DAAmBC,CAAAA,CAAAA,CACjBrI,KAAKe,WAAcsH,CAAAA,CAAAA,CAAEC,OAAO3H,KAC5BX,CAAAA,IAAAA,CAAKuI,aAAcvI,CAAAA,IAAAA,CAAKe,YACzB,EAEDwH,oDAAcxH,GACZ,GAAMmE,EAAAA,CAAalF,KAAK4D,aAClB4E,EAAAA,CAAAA,CAAAA,CAAuBzH,CAAYkF,CAAAA,WAAAA,EAAAA,CAEzCf,EAAWrB,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CAEjB,GAAM2E,EAAiB3E,CAAAA,CAAAA,CAAGqC,eAAeF,WACnCyC,EAAAA,CAAAA,CAAAA,CAAAA,CAAkB5E,EAAGnD,KAAS,EAAA,EAAA,EAAIsF,cACxCnC,CAAGE,CAAAA,MAAAA,CAAAA,EACDyE,EAAepF,QAASmF,CAAAA,CAAAA,CAAAA,EACxBE,EAAerF,QAASmF,CAAAA,CAAAA,CAAAA,CACzB,EAEJ,CAAA,EAEOG,oDAAczF,CACpBlD,CAAAA,CAAAA,IAAAA,CAAKC,sBAAsB2I,WAAY,CAAA,CAAA,CAAA,CAAA,CACvC5I,KAAKC,qBAAsB4I,CAAAA,gBAAAA,CAAiB3F,CAC7C,CAAA,EAGD4F,oEAEM9I,IAAKmB,CAAAA,QAAAA,GACPnB,KAAKqB,IAAO,CAAA,CAAA,CAAA,CACZrB,KAAK+I,gBAER,EAAA,CAAA,EAGDC,6DACE,CAAA,GAAM9D,GAAalF,IAAK4D,CAAAA,aAAAA,EAAAA,CAClBjD,EAAQqG,KAAMC,CAAAA,OAAAA,CAAQjH,KAAKW,KAASX,CAAAA,CAAAA,IAAAA,CAAKW,KAAQ,CAAA,CAACX,KAAKW,KAG7DX,CAAAA,CAAAA,IAAAA,CAAK8E,mBAAmBI,CAAWoC,CAAAA,MAAAA,CAAOxD,SAAAA,SAAMnD,EAAM0C,CAAAA,QAAAA,CAASS,CAAGnD,CAAAA,KAAAA,CAAAA,GAAAA,CACnE,EAGDsI,kTACMjJ,KAAKqB,IAASrB,EAAAA,CAAAA,IAAAA,CAAKmB,oCAErBnB,IAAAA,CAAKwF,gBAAiBxF,CAAAA,IAAAA,CAAKS,gBAAgB,CAAMT,CAAAA,EAAAA,IAAAA,CAAK0H,kBAGtD1H,IAAKgD,CAAAA,IAAAA,CAAK,aACVhD,IAAKwC,CAAAA,gBAAAA,EAAAA,wBAEC0G,EAAelJ,CAAAA,IAAAA,CAAAA,QACrBA,KAAKmJ,OAAQnF,CAAAA,MAAAA,CAAAA,CAAS,EACtBhE,IAAKoJ,CAAAA,KAAAA,CAAMC,QAAS,CAGpBC,CAAAA,qBAAAA,CAAsB,WACpBtJ,MAAKwF,CAAAA,gBAAAA,CAAiBxF,OAAK4E,aAAc,CAAA,EAAA,CAAA,IAGZ2E,CAAAA,CAAavJ,IAAM,CAAA,aAAA,CAAe,CAC/DwJ,GAAK,CAAA,KAAA,CAAA,CAAA,CADCC,GAAAA,IAAFA,SAAEA,CAAWC,GAAYH,IAAdG,gCAGXC,GAAU3J,IAAKoJ,CAAAA,KAAAA,CAAMA,MAAOK,GAAWC,CAAAA,GAAAA,CAAAA,SAGzC1J,IAAK4E,CAAAA,aAAAA,EACPgF,EAAe5J,IAAK4E,CAAAA,aAAAA,CAAe5E,KAAKmJ,OAAS,CAAA,UAAA,CAAY,QAG/DnJ,IAAKgD,CAAAA,IAAAA,CAAK,iBACX,CAAA,iCAEChD,IAAKgD,CAAAA,IAAAA,CAAK,aACVhD,IAAK2C,CAAAA,mBAAAA,EAAAA,yBAECuG,GAAelJ,IACrB,CAAA,aAA+BuJ,CAAAA,CAAavJ,KAAM,aAAe,CAAA,CAC/DwJ,IAAK,KAEDG,CAAAA,CAAAA,CAHEF,GAAAA,KAAFA,SAAEA,CAAWC,GAAYH,KAAdG,gCAGXC,EAAAA,CAAU3J,IAAKoJ,CAAAA,KAAAA,CAAMA,MAAOK,GAAWC,CAAAA,GAAAA,CAAAA,SAC7C1J,KAAKmJ,OAAQnF,CAAAA,MAAAA,CAAAA,CAAS,EACtBhE,IAAKoJ,CAAAA,KAAAA,CAAMC,MAAS,CAAA,CAAA,CAAA,CAEpBrJ,KAAKgD,IAAK,CAAA,iBAAA,CACX,6DAIHiG,4VACMjJ,IAAKqB,CAAAA,IAAAA,EAAAA,CAAQrB,IAAKmB,CAAAA,QAAAA,6DAKtBnB,IAAKqB,CAAAA,IAAAA,CAAAA,CAAO,EACLwI,CAAa7J,CAAAA,IAAAA,CAAM,4BALxBA,IAAKqB,CAAAA,IAAAA,CAAAA,CAAO,CAMf,6DAGD4H,uTACOjJ,IAAKqB,CAAAA,IAAAA,EAAAA,CAAQrB,KAAKmB,QAMvB,6DADAnB,KAAKqB,IAAO,CAAA,CAAA,CAAA,CACLwI,CAAa7J,CAAAA,IAAAA,CAAM,4BALxBA,IAAKqB,CAAAA,IAAAA,CAAAA,CAAO,CAMf,6DAGDyI,2HAAAA,CACE,MAAO9J,KAAKgC,CAAAA,UAAAA,CAAW8H,aACxB,EAAA,EAGDC,0CACE,MAAO/J,KAAAA,CAAKC,sBAAsB8J,OACnC,EAAA,EAGDC,wDACE,MAAOhK,KAAAA,CAAKgC,UAAWgI,CAAAA,cAAAA,EACxB,EAGDC,4DAAkBC,CAAAA,CAAAA,CAChBlK,KAAKgC,UAAWiI,CAAAA,iBAAAA,CAAkBC,GAClClK,IAAKC,CAAAA,qBAAAA,CAAsBgI,gBAC5B,EAGDxD,oCAAMiF,GACJ1J,IAAK8C,CAAAA,YAAAA,CAAa2B,MAAMiF,CACzB,CAAA,EAGDS,oCACEnK,IAAK8C,CAAAA,YAAAA,CAAaqH,IACnB,EAAA,EAEDC,yDACE,GAAMC,EAAAA,CAAerK,KAAKI,iBAAkBkK,CAAAA,IAAAA,CAAK,SAC3CC,CAAkBvK,CAAAA,IAAAA,CAAKI,iBAAkBkK,CAAAA,IAAAA,CAAK,aAC9CE,CAAWxK,CAAAA,CAAAA,CAAAA,IAAAA,CAAKyB,SAAiB4I,CACjCI,CAAAA,CAAAA,CAAAA,CAAAA,CAAczK,KAAK2B,QAAoB4I,EAAAA,CAAAA,CAAAA,CAAAA,CACvCG,CACJ1K,CAAAA,IAAAA,CAAKoB,YAAcpB,IAAKmB,CAAAA,QAAAA,EAAYnB,KAAKW,KAAMgD,CAAAA,MAAAA,CAAS,EACpDgH,CAAuB3K,CAAAA,IAAAA,CAAKc,aAAqC,CAAtBd,GAAAA,IAAAA,CAAKW,MAAMgD,MACtD5C,CAAAA,CAAAA,CAAcf,KAAKe,WAAe,EAAA,EAAA,CAExC,MAAO6J,EAAI,ymGAGCC,CAAAA,CAAS,CACf,cAAgB,CAAA,CAAA,CAAA,CAChB,qBAAqC,CAAA,OAAA,GAAd7K,KAAKa,IAC5B,CAAA,sBAAA,CAAsC,QAAdb,GAAAA,IAAAA,CAAKa,KAC7B,qBAAqC,CAAA,OAAA,GAAdb,KAAKa,IAC5B,CAAA,yBAAA,CAA2B2J,EAC3B,6BAA+BC,CAAAA,CAAAA,CAAAA,CAAAA,CAOjBD,CAAAA,CAAW,OAAU,CAAA,MAAA,CAC1BxK,IAAKqG,CAAAA,gBAAAA,CAEOrG,IAAKyB,CAAAA,KAAAA,CAKhBoJ,CAAAA,CAAS,CACfC,MAAQ,CAAA,CAAA,CAAA,CACR,oBAAoB,CACpB,CAAA,gBAAA,CAAkB9K,KAAKuB,MACvB,CAAA,cAAA,CAAgBvB,KAAKwB,IACrB,CAAA,cAAA,CAAgBxB,KAAKqB,IACrB,CAAA,kBAAA,CAAoBrB,KAAKmB,QACzB,CAAA,kBAAA,CAAoBnB,KAAKiB,QACzB,CAAA,iBAAA,CAAmBjB,KAAKO,QACxB,CAAA,6BAAA,CAA+BoK,EAC/B,aAAkC,CAAA,KAAA,GAAnB3K,KAAK0B,SACpB,CAAA,gBAAA,CAAqC,WAAnB1B,IAAK0B,CAAAA,SAAAA,CACvB,gBAA+B,OAAd1B,GAAAA,IAAAA,CAAKa,KACtB,gBAAgC,CAAA,QAAA,GAAdb,KAAKa,IACvB,CAAA,eAAA,CAA+B,UAAdb,IAAKa,CAAAA,IAAAA,CAAAA,CAAAA,CAEZb,IAAK0B,CAAAA,SAAAA,CACN1B,IAAAA,CAAKsB,MAAQ,OAAU,CAAA,UAAA,CAWrBtB,IAAK0G,CAAAA,qBAAAA,CACH1G,IAAKsG,CAAAA,uBAAAA,CAQFtG,IAAKc,CAAAA,WAAAA,CACPd,IAAKmB,CAAAA,QAAAA,CACRnB,IAAKQ,CAAAA,YAAAA,CAMER,IAAAA,CAAKqB,KAAO,MAAS,CAAA,OAAA,CAGrBrB,IAAAA,CAAKmB,SAAW,MAAS,CAAA,OAAA,CAIhCnB,IAAK6C,CAAAA,WAAAA,CACN7C,IAAKiD,CAAAA,UAAAA,CAGbjD,IAAAA,CAAKiB,SACH2J,CAAI,8MAEE5K,IAAKS,CAAAA,eAAAA,CAAgBuH,GAAI,CAAA,SAAC9B,CAAQ6E,CAAAA,CAAAA,QAEhCA,EAAQ/K,CAAAA,OAAAA,CAAKkB,iBACblB,EAAAA,OAAAA,CAAKkB,iBAAqB,EAAA,CAAA,CAEnB0J,CAAI,gxBASC5K,OAAKwB,CAAAA,IAAAA,CACNxB,OAAKa,CAAAA,IAAAA,CAEIqC,SAAAA,CACdlD,QAAAA,QAAAA,CAAKwH,gBAAgBtE,CAAOgD,CAAAA,CAAAA,CAAAA,GAE5BA,CAAOC,CAAAA,YAAAA,EAAAA,EAGJ4E,CAAU/K,GAAAA,OAAAA,CAAKkB,kBACjB0J,CAAI,2VAEqBF,CAAAA,CACxB,8BACA,CAAA,EAAA,CACG1K,OAAKa,CAAAA,IAAAA,CAETb,OAAAA,CAAKS,gBAAgBkD,MAASoH,CAAAA,CAAAA,EAI9B,IAAA,GAAA,EAKf,EAAA,CAKU/K,IAAKmB,CAAAA,QAAAA,CACLnB,IAAK6B,CAAAA,QAAAA,CACRmF,KAAAA,CAAMC,QAAQjH,IAAKW,CAAAA,KAAAA,CAAAA,CACxBX,KAAKW,KAAMqK,CAAAA,IAAAA,CAAK,MAChBhL,IAAKW,CAAAA,KAAAA,CAGA,iBAAMX,QAAKyE,CAAAA,KAAAA,EAAAA,GACTzE,IAAK2I,CAAAA,aAAAA,CAGhB+B,CAAAA,CACEE,CAAI,inBAMa5K,IAAK4G,CAAAA,oBAAAA,CACT5G,IAAK2G,CAAAA,gBAAAA,EAQlB,EAAA,CAcY3G,IAAAA,CAAKqB,KAAO,MAAS,CAAA,OAAA,CACdrB,IAAAA,CAAKiB,SAAW,MAAS,CAAA,OAAA,CAGvBjB,IAAAA,CAAKgB,cAC1B,yBACA,CAAA,EAAA,CAEOhB,IAAK6G,CAAAA,iBAAAA,CACF7G,IAAK+G,CAAAA,uBAAAA,CAIjB/G,IAAAA,CAAKgB,cACH4J,CAAI,qjBAIS7J,CAAAA,CAEKf,IAAKoI,CAAAA,kBAAAA,CACLpI,IAAKkI,CAAAA,iBAAAA,CACNlI,IAAKmI,CAAAA,gBAAAA,EAKtB,EAAA,CACFnI,IAAAA,CAAKiB,SACH2J,CAAI,otBAEQ5K,IAAKuD,CAAAA,iBAAAA,CAGHvD,IAAK0D,CAAAA,kBAAAA,CAIgC,CAAA,GAAhC1D,KAAKS,eAAgBkD,CAAAA,MAAAA,CACtB3D,IAAK8B,CAAAA,YAAAA,CAKiB9B,IAAKkE,CAAAA,UAAAA,EAI7C,EAAA,CAUMuG,CAAAA,CAAc,OAAU,CAAA,MAAA,CAEpCzK,IAAK2B,CAAAA,QAAAA,EAId,CAAA,eAr7B6BsJ,CAAhClL,EACSD,EAAMoL,MAAmBA,CAAAA,CAAAA,CAadC,EAAA,CAAjBC,CAAAA,CAAM,YAA4BtL,CAAAuL,CAAAA,SAAAA,CAAA,YAAA,EACPF,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAM,CAAA,mBAAA,CAAA,CAAA,CAA+CtL,EAAAuL,SAAA,CAAA,UAAA,CAAA,IAAA,IACrBF,CAAA,CAAA,CAAhCC,CAAM,CAAA,wBAAA,CAAA,CAAA,CAAyDtL,EAAAuL,SAAA,CAAA,cAAA,CAAA,IAAA,IACjCF,CAAA,CAAA,CAA9BC,EAAM,sBAAqDtL,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CACjCF,EAAA,CAA1BC,CAAAA,CAAM,qBAA6CtL,CAAAuL,CAAAA,SAAAA,CAAA,cAAA,EAE3CF,CAAAA,CAAAA,CAAAA,CAAA,CAARG,CAAAA,EAAAA,CAAAA,CAAiCxL,EAAAuL,SAAA,CAAA,UAAA,CAAA,IAAA,IACzBF,CAAA,CAAA,CAARG,KAA0BxL,CAAAuL,CAAAA,SAAAA,CAAA,mBAAA,EAClBF,CAAAA,CAAAA,CAAAA,CAAA,CAARG,CAAkCxL,EAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAC1BF,EAAA,CAARG,CAAAA,EAAAA,CAAAA,CAA2CxL,EAAAuL,SAAA,CAAA,iBAAA,CAAA,IAAA,IAGhCF,CAAA,CAAA,CAAXI,KAAqBzL,CAAAuL,CAAAA,SAAAA,CAAA,WAAA,EAYtBF,CAAAA,CAAAA,CAAAA,CAAA,CANCI,CAAS,CAAA,CACRC,UAAW,CACTC,aAAAA,CAAgB9K,uBAAAA,SAAkBA,EAAM+K,CAAAA,KAAAA,CAAM,OAC9CC,WAAchL,CAAAA,qBAAAA,CAAAA,QAAoBA,EAAMqK,CAAAA,IAAAA,CAAK,WAGnBlL,CAAAuL,CAAAA,SAAAA,CAAA,YAAA,EAGdF,CAAAA,CAAAA,CAAAA,CAAA,CAAfvK,CAAoDd,EAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAGzCF,EAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAyDzL,EAAAuL,SAAA,CAAA,MAAA,CAAA,IAAA,IAG9CF,CAAA,CAAA,CAAXI,CAA4BzL,EAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAGpBF,EAAA,CAARG,CAAAA,EAAAA,CAAAA,CAAyBxL,EAAAuL,SAAA,CAAA,aAAA,CAAA,IAAA,IAGkBF,CAAA,CAAA,CAA3CI,EAAS,CAAEK,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA8BhM,EAAAuL,SAAA,CAAA,eAAA,CAAA,IAAA,EAGtBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEK,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,KAAyBhM,CAAAuL,CAAAA,SAAAA,CAAA,eAAA,EAO7DF,CAAAA,CAAAA,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEQ,UAAW,qBAAuBH,CAAAA,IAAAA,CAAMI,UAC9BlM,CAAAuL,CAAAA,SAAAA,CAAA,wBAAA,EAGsBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEK,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,KAAyBhM,CAAAuL,CAAAA,SAAAA,CAAA,eAAA,EAGhCF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEK,KAAMC,OAA6B/L,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAMHF,CAAA,CAAA,CAA3CI,EAAS,CAAEK,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqBhM,EAAAuL,SAAA,CAAA,MAAA,CAAA,IAAA,IAM5BF,CAAA,CAAA,CAA5BI,EAAS,CAAEK,IAAAA,CAAMC,WAAyB/L,CAAAuL,CAAAA,SAAAA,CAAA,YAAA,EAGCF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAEK,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAAuBhM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAGfF,EAAA,CAA3CI,CAAAA,CAAS,CAAEK,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAAqBhM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAG7CF,CAAA,CAAA,CAAXI,KAAsBzL,CAAAuL,CAAAA,SAAAA,CAAA,YAAA,EAMMF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEO,SAAS,CAA+ChM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAG9BF,EAAA,CAArCI,CAAAA,CAAS,CAAEQ,SAAW,CAAA,WAAA,CAAA,CAAA,CAAA,CAA6BjM,EAAAuL,SAAA,CAAA,UAAA,CAAA,IAAA,IAOvBF,CAAA,CAAA,CAA5BI,EAAS,CAAEO,OAAAA,CAAAA,CAAS,KAAkBhM,CAAAuL,CAAAA,SAAAA,CAAA,WAAA,EAGKF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEK,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,KAAyBhM,CAAAuL,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEhCF,EAAA,CAA5BI,CAAAA,CAAS,CAAEK,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAgC/L,EAAAuL,SAAA,CAAA,cAAA,CAAA,IAAA,IA8dlDF,CAAA,CAAA,CADCc,EAAM,UAAY,CAAA,CAAEC,sBAAsB,CAO1CpM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,sBAAA,CAAA,IAAA,CAAA,CAGDF,CAAA,CAAA,CADCc,EAAM,OAAS,CAAA,CAAEC,sBAAsB,CAOvCpM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuL,UAAA,mBAAA,CAAA,IAAA,CAAA,CAGDF,EAAA,CADCc,CAAAA,CAAM,OAAQ,CAAEC,oBAAAA,CAAAA,CAAsB,KA6CtCpM,CAAAuL,CAAAA,SAAAA,CAAA,mBAAA,IA3oBUvL,CAAAA,CAAAA,CAAAA,CAAUqL,CAAA,CAAA,CADtBgB,EAAc,aACFrM,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAw7BbsM,EAAoB,aAAe,CAAA,CACjC3C,UAAW,CACT,CAAE4C,QAAS,CAAGC,CAAAA,KAAAA,CAAO,IACrB,CAAED,OAAAA,CAAS,EAAGC,KAAO,CAAA,CAAA,CAAA,CAAA,CAEvB5C,QAAS,CAAE6C,QAAAA,CAAU,IAAKC,MAAQ,CAAA,MAAA,CAAA,CAAA,CAAA,CAGpCJ,EAAoB,aAAe,CAAA,CACjC3C,UAAW,CACT,CAAE4C,QAAS,CAAGC,CAAAA,KAAAA,CAAO,GACrB,CAAED,OAAAA,CAAS,EAAGC,KAAO,CAAA,EAAA,CAAA,CAAA,CAEvB5C,QAAS,CAAE6C,QAAAA,CAAU,IAAKC,MAAQ,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA"}
+{"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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"}

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: #aaaaaa;\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: 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"]))));}};});
 //# 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: #aaaaaa;\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: 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"}

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

@@ -343,7 +343,7 @@ import{i as e}from"../index-f1b94546.esm.js";const o=e`
     align-items: center;
     justify-content: center;
     font-size: inherit;
-    color: #aaaaaa;
+    color: #005EA6;
     border: none;
     background: none;
     padding: 0;

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

@@ -1,13 +1,13 @@
-import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";import{query as e,state as o,customElement as t}from"lit/decorators.js";import{s as n}from"./nile-select.css.esm.js";import"../nile-icon/index.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-tag/nile-tag.esm.js";import{s as l,a as c}from"../internal/animate.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{d as m}from"../internal/default-value.esm.js";import{F as a}from"../internal/form.esm.js";import{s as p,g as h}from"../utilities/animation-registry.esm.js";import{H as v}from"../internal/slot.esm.js";import{s as d}from"../internal/scroll.esm.js";import{w as g}from"../internal/event.esm.js";import{w as u}from"../internal/watch.esm.js";import{N as j}from"../internal/nile-element.esm.js";import{e as b}from"../property-bf6307e2.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"lit/directives/unsafe-html.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-review.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/generation-phase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/people-task.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../nile-tag/nile-tag.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../internal/offset.esm.js";let f=class extends j{constructor(){super(...arguments),this.formControlController=new a(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new v(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="",this.searchValue="",this.searchEnabled=!1,this.multiple=!1,this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.helpText="",this.form="",this.required=!1,this.showSelected=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleDocumentFocusIn(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleFooterClick(i){i.stopPropagation(),i.preventDefault()}toggleShowSelected(i){if(i.stopPropagation(),i.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected=!1,i.hidden=!1})),this.value="",this.selectionChanged()}handleDocumentKeyDown(i){const s=i.target,e=null!==s.closest(".select__clear"),o=null!==s.closest("nile-icon-button");if(!e&&!o){if("Escape"===i.key&&this.open&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===i.key||" "===i.key&&""===this.typeToSelectString)return i.preventDefault(),i.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.emit("nile-input"),this.emit("nile-change")})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(i.key)){const s=this.getAllOptions(),e=s.indexOf(this.currentOption);let o=Math.max(0,e);if(i.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===i.key?(o=e+1,o>s.length-1&&(o=0)):"ArrowUp"===i.key?(o=e-1,o<0&&(o=s.length-1)):"Home"===i.key?o=0:"End"===i.key&&(o=s.length-1),this.setCurrentOption(s[o])}if(1===i.key.length||"Backspace"===i.key){const s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if("Backspace"===i.key)return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===i.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(const i of s){if(i.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(i);break}}}}}handleDocumentMouseDown(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(i){const s=i.composedPath().some((i=>i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase()));this.disabled||s||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.stopPropagation(),this.handleDocumentKeyDown(i)}handleClearClick(i){i.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{this.emit("nile-clear"),this.emit("nile-input"),this.emit("nile-change")})))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){const s=i.target.closest("nile-option"),e=this.value;s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==e&&this.updateComplete.then((()=>{this.emit("nile-input"),this.emit("nile-change")})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value],e=[];customElements.get("nile-option")?(i.forEach((i=>e.push(i.value))),this.setSelectedOptions(i.filter((i=>s.includes(i.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(i,s){i.stopPropagation(),this.disabled||(this.toggleOptionSelection(s,!1),this.updateComplete.then((()=>{this.emit("nile-input"),this.emit("nile-change")})))}getAllOptions(){return[...this.querySelectorAll("nile-option")]}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(i){this.getAllOptions().forEach((i=>{i.current=!1,i.tabIndex=-1})),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){const s=this.getAllOptions(),e=Array.isArray(i)?i:[i];s.forEach((i=>i.selected=!1)),e.length&&e.forEach((i=>i.selected=!0)),this.selectionChanged()}toggleOptionSelection(i,s){i.selected=!0===s||!1===s?s:!i.selected,this.selectionChanged()}selectionChanged(){this.selectedOptions=this.getAllOptions().filter((i=>i.selected)),this.multiple?(this.value=this.selectedOptions.map((i=>i.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"):(this.value=this.selectedOptions[0]?.value??"",this.displayLabel=this.selectedOptions[0]?.getTextLabel()??""),this.updateComplete.then((()=>{this.formControlController.updateValidity()}))}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(i){this.searchValue=i.detail.value,this.filterOptions(this.searchValue)}filterOptions(i){const s=this.getAllOptions(),e=i.toLowerCase();s.forEach((i=>{const s=i.getTextLabel().toLowerCase(),o=(i.value||"").toLowerCase();i.hidden=!(s.includes(e)||o.includes(e))}))}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(i.filter((i=>s.includes(i.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show"),this.addOpenListeners(),await l(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:i,options:s}=h(this,"select.show",{dir:"ltr"});await c(this.popup.popup,i,s),this.currentOption&&d(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),await l(this);const{keyframes:i,options:s}=h(this,"select.hide",{dir:"ltr"});await c(this.popup.popup,i,s),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide")}}async show(){if(!this.open&&!this.disabled)return this.open=!0,g(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,g(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController.updateValidity()}focus(i){this.displayInput.focus(i)}blur(){this.displayInput.blur()}render(){const i=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=!!this.label||!!i,t=!!this.helpText||!!e,n=this.clearable&&!this.disabled&&this.value.length>0,l=this.placeholder&&0===this.value.length,c=this.searchValue||"";return s`
+import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";import{query as e,state as t,customElement as o}from"lit/decorators.js";import{s as n}from"./nile-select.css.esm.js";import"../nile-icon/index.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-tag/nile-tag.esm.js";import{s as l,a as c}from"../internal/animate.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{d as m}from"../internal/default-value.esm.js";import{F as a}from"../internal/form.esm.js";import{s as h,g as p}from"../utilities/animation-registry.esm.js";import{H as v}from"../internal/slot.esm.js";import{s as d}from"../internal/scroll.esm.js";import{w as g}from"../internal/event.esm.js";import{w as u}from"../internal/watch.esm.js";import{N as j}from"../internal/nile-element.esm.js";import{e as b}from"../property-bf6307e2.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"lit/directives/unsafe-html.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-review.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/generation-phase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/people-task.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../nile-tag/nile-tag.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"lit/static-html.js";import"lit/directives/if-defined.js";import"../internal/offset.esm.js";let f=class extends j{constructor(){super(...arguments),this.formControlController=new a(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new v(this,"help-text","label"),this.typeToSelectString="",this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="",this.searchValue="",this.searchEnabled=!1,this.multiple=!1,this.maxOptionsVisible=3,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.helpText="",this.form="",this.required=!1,this.showSelected=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleFooterClick(i){i.stopPropagation(),i.preventDefault()}toggleShowSelected(i){if(i.stopPropagation(),i.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected=!1,i.hidden=!1})),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name})}handleDocumentKeyDown(i){const s=i.target,e=null!==s.closest(".select__clear"),t=null!==s.closest("nile-icon-button");if(!e&&!t){if("Escape"===i.key&&this.open&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===i.key||" "===i.key&&""===this.typeToSelectString)return i.preventDefault(),i.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(["ArrowUp","ArrowDown","Home","End"].includes(i.key)){const s=this.getAllOptions(),e=s.indexOf(this.currentOption);let t=Math.max(0,e);if(i.preventDefault(),!this.open&&(this.show(),this.currentOption))return;"ArrowDown"===i.key?(t=e+1,t>s.length-1&&(t=0)):"ArrowUp"===i.key?(t=e-1,t<0&&(t=s.length-1)):"Home"===i.key?t=0:"End"===i.key&&(t=s.length-1),this.setCurrentOption(s[t])}if(1===i.key.length||"Backspace"===i.key){const s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if("Backspace"===i.key)return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===i.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(const i of s){if(i.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(i);break}}}}}handleDocumentMouseDown(i){const s=i.composedPath();this&&!s.includes(this)&&this.hide()}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(i){const s=i.composedPath().some((i=>i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase()));this.disabled||s||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.stopPropagation(),this.handleDocumentKeyDown(i)}handleClearClick(i){i.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then((()=>{this.emit("nile-clear",{value:this.value,name:this.name}),this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){const s=i.target.closest("nile-option"),e=this.value;s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==e&&this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value],e=[];customElements.get("nile-option")?(i.forEach((i=>e.push(i.value))),this.setSelectedOptions(i.filter((i=>s.includes(i.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange()))}handleTagRemove(i,s){i.stopPropagation(),this.disabled||(this.toggleOptionSelection(s,!1),this.updateComplete.then((()=>{this.emit("nile-input",{value:this.value,name:this.name}),this.emit("nile-change",{value:this.value,name:this.name})})))}getAllOptions(){return[...this.querySelectorAll("nile-option")]}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(i){this.getAllOptions().forEach((i=>{i.current=!1,i.tabIndex=-1})),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){const s=this.getAllOptions(),e=Array.isArray(i)?i:[i];s.forEach((i=>i.selected=!1)),e.length&&e.forEach((i=>i.selected=!0)),this.selectionChanged()}toggleOptionSelection(i,s){i.selected=!0===s||!1===s?s:!i.selected,this.selectionChanged()}selectionChanged(){this.selectedOptions=this.getAllOptions().filter((i=>i.selected)),this.multiple?(this.value=this.selectedOptions.map((i=>i.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"):(this.value=this.selectedOptions[0]?.value??"",this.displayLabel=this.selectedOptions[0]?.getTextLabel()??""),this.updateComplete.then((()=>{this.formControlController.updateValidity()}))}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(i){this.searchValue=i.detail.value,this.filterOptions(this.searchValue)}filterOptions(i){const s=this.getAllOptions(),e=i.toLowerCase();s.forEach((i=>{const s=i.getTextLabel().toLowerCase(),t=(i.value||"").toLowerCase();i.hidden=!(s.includes(e)||t.includes(e))}))}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(i.filter((i=>s.includes(i.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.addOpenListeners(),await l(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:i,options:s}=p(this,"select.show",{dir:"ltr"});await c(this.popup.popup,i,s),this.currentOption&&d(this.currentOption,this.listbox,"vertical","auto"),this.emit("nile-after-show",{value:this.value,name:this.name})}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.removeOpenListeners(),await l(this);const{keyframes:i,options:s}=p(this,"select.hide",{dir:"ltr"});await c(this.popup.popup,i,s),this.listbox.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide",{value:this.value,name:this.name})}}async show(){if(!this.open&&!this.disabled)return this.open=!0,g(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,g(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController.updateValidity()}focus(i){this.displayInput.focus(i)}blur(){this.displayInput.blur()}render(){const i=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),t=!!this.label||!!i,o=!!this.helpText||!!e,n=this.clearable&&!this.disabled&&this.value.length>0,l=this.placeholder&&0===this.value.length,c=this.searchValue||"";return s`
       <div
         part="form-control"
-        class=${r({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":o,"form-control--has-help-text":t})}
+        class=${r({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":t,"form-control--has-help-text":o})}
       >
         <label
           id="label"
           part="form-control-label"
           class="form-control__label"
-          aria-hidden=${o?"false":"true"}
+          aria-hidden=${t?"false":"true"}
           @click=${this.handleLabelClick}
         >
           <slot name="label">${this.label}</slot>
@@ -177,9 +177,9 @@ import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";
           part="form-control-help-text"
           id="help-text"
           class="form-control__help-text"
-          aria-hidden=${t?"false":"true"}
+          aria-hidden=${o?"false":"true"}
         >
           ${this.helpText}
         </slot>
       </div>
-    `}};f.styles=n,i([e(".select")],f.prototype,"popup",void 0),i([e(".select__combobox")],f.prototype,"combobox",void 0),i([e(".select__display-input")],f.prototype,"displayInput",void 0),i([e(".select__value-input")],f.prototype,"valueInput",void 0),i([e(".select__listbox")],f.prototype,"listbox",void 0),i([o()],f.prototype,"hasFocus",void 0),i([o()],f.prototype,"displayLabel",void 0),i([o()],f.prototype,"currentOption",void 0),i([o()],f.prototype,"selectedOptions",void 0),i([b()],f.prototype,"name",void 0),i([b({converter:{fromAttribute:i=>i.split(" "),toAttribute:i=>i.join(" ")}})],f.prototype,"value",void 0),i([m()],f.prototype,"defaultValue",void 0),i([b()],f.prototype,"size",void 0),i([b()],f.prototype,"placeholder",void 0),i([o()],f.prototype,"searchValue",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"searchEnabled",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"multiple",void 0),i([b({attribute:"max-options-visible",type:Number})],f.prototype,"maxOptionsVisible",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),i([b({type:Boolean})],f.prototype,"clearable",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"open",void 0),i([b({type:Boolean})],f.prototype,"hoist",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"filled",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"pill",void 0),i([b()],f.prototype,"label",void 0),i([b({reflect:!0})],f.prototype,"placement",void 0),i([b({attribute:"help-text"})],f.prototype,"helpText",void 0),i([b({reflect:!0})],f.prototype,"form",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"required",void 0),i([b({type:Boolean})],f.prototype,"showSelected",void 0),i([u("disabled",{waitUntilFirstUpdate:!0})],f.prototype,"handleDisabledChange",null),i([u("value",{waitUntilFirstUpdate:!0})],f.prototype,"handleValueChange",null),i([u("open",{waitUntilFirstUpdate:!0})],f.prototype,"handleOpenChange",null),f=i([t("nile-select")],f),p("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),p("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});
+    `}};f.styles=n,i([e(".select")],f.prototype,"popup",void 0),i([e(".select__combobox")],f.prototype,"combobox",void 0),i([e(".select__display-input")],f.prototype,"displayInput",void 0),i([e(".select__value-input")],f.prototype,"valueInput",void 0),i([e(".select__listbox")],f.prototype,"listbox",void 0),i([t()],f.prototype,"hasFocus",void 0),i([t()],f.prototype,"displayLabel",void 0),i([t()],f.prototype,"currentOption",void 0),i([t()],f.prototype,"selectedOptions",void 0),i([b()],f.prototype,"name",void 0),i([b({converter:{fromAttribute:i=>i.split(" "),toAttribute:i=>i.join(" ")}})],f.prototype,"value",void 0),i([m()],f.prototype,"defaultValue",void 0),i([b()],f.prototype,"size",void 0),i([b()],f.prototype,"placeholder",void 0),i([t()],f.prototype,"searchValue",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"searchEnabled",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"multiple",void 0),i([b({attribute:"max-options-visible",type:Number})],f.prototype,"maxOptionsVisible",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),i([b({type:Boolean})],f.prototype,"clearable",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"open",void 0),i([b({type:Boolean})],f.prototype,"hoist",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"filled",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"pill",void 0),i([b()],f.prototype,"label",void 0),i([b({reflect:!0})],f.prototype,"placement",void 0),i([b({attribute:"help-text"})],f.prototype,"helpText",void 0),i([b({reflect:!0})],f.prototype,"form",void 0),i([b({type:Boolean,reflect:!0})],f.prototype,"required",void 0),i([b({type:Boolean})],f.prototype,"showSelected",void 0),i([u("disabled",{waitUntilFirstUpdate:!0})],f.prototype,"handleDisabledChange",null),i([u("value",{waitUntilFirstUpdate:!0})],f.prototype,"handleValueChange",null),i([u("open",{waitUntilFirstUpdate:!0})],f.prototype,"handleOpenChange",null),f=i([o("nile-select")],f),h("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),h("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});